{"record":{"id":"f3dd8f040d784849","repo":"medusajs/medusa","slug":"unsupported-gradient-type-values-type","errorCode":null,"errorMessage":"Unsupported gradient type: ${values.type}","messagePattern":"Unsupported gradient type: (.+?)","errorType":"console","errorClass":null,"httpStatus":null,"severity":"warning","filePath":"packages/design-system/toolbox/src/commands/tokens/command.ts","lineNumber":249,"sourceCode":"        if (values.type === PaintType.GRADIENT_LINEAR) {\n          const toVariable = `--${gradientIdentifier}-to`\n          const fromVariable = `--${gradientIdentifier}-from`\n\n          const component = createLinearGradientComponent({\n            ...values,\n            to: toVariable,\n            from: fromVariable,\n          })\n\n          if (component) {\n            acc[\"colors\"][lowerCaseTheme][fromVariable] = values.from\n            acc[\"colors\"][lowerCaseTheme][toVariable] = values.to\n\n            acc[\"components\"][lowerCaseTheme][`.${gradientIdentifier}`] =\n              component\n          }\n        } else {\n          logger.warn(`Unsupported gradient type: ${values.type}`)\n        }\n      }\n    }\n\n    return acc\n  }, themeNode)\n\n  Object.values(effectStyles.nodes).reduce((acc, curr) => {\n    if (!curr) {\n      return acc\n    }\n\n    const [theme, type, variable] = curr.document.name.split(\"/\")\n\n    if (!type || !variable) {\n      return acc\n    }\n","sourceCodeStart":231,"sourceCodeEnd":267,"githubUrl":"https://github.com/medusajs/medusa/blob/5e06e544a296b9033f20f71f11c559f81a0e5739/packages/design-system/toolbox/src/commands/tokens/command.ts#L231-L267","documentation":"While converting Figma design tokens to CSS variables, the tokens command handles gradient values per type. A gradient whose values.type is not a supported gradient type (e.g. only linear is handled) reaches the else branch: the token is skipped with this warning and contributes no color/component output.","triggerScenarios":"A Figma color style using a radial/angular/diamond gradient (values.type other than the supported linear type) while running design-token generation.","commonSituations":"Designers introduce radial or angular gradient styles in the Figma library after the token pipeline was built; importing a new Figma file that uses unsupported gradient styles.","solutions":["Change the Figma style to a linear gradient (the only supported type)","Or extend the token transformer to handle the new gradient type (map values.type to a CSS equivalent)","Exclude the unsupported style from the Figma token set so it doesn't reach the transformer"],"exampleFix":null,"handlingStrategy":"type-guard","validationCode":"if (values.type !== \"linear\") {\n  logger.warn(`Unsupported gradient type: ${values.type}`)\n  return acc // skip\n}","typeGuard":"const isSupportedGradient = (t: string): boolean => t === \"linear\"","tryCatchPattern":null,"preventionTips":["Constrain Figma styles to supported gradient types","Document supported token types for the design team"],"tags":["design-system","design-tokens","figma","gradients"],"backgroundTag":"unsupported-token-type","analyzedSha":"5e06e544a296b9033f20f71f11c559f81a0e5739","analyzedAt":"2026-08-27T07:24:39.599Z","schemaVersion":2},"datasetVersion":"2026-08-27T08:17:20.692Z"}