Merge pull request #3251 from tokens-studio/fix-linear-gradient-in-co…

…mposition-token Fix linear gradient in composition token
tokens-studio · Feb 5, 2025 · 1a07536 · 1a07536
2 parents f6eedbc + b87340e
commit 1a07536
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/.changeset/popular-rabbits-itch.md b/.changeset/popular-rabbits-itch.md
@@ -0,0 +1,5 @@
+---
+"@tokens-studio/figma-plugin": patch
+---
+
+Fixes an issue where a user is unable to apply a linear gradient fill via a composition token.
diff --git a/packages/tokens-studio-for-figma/src/plugin/setColorValuesOnTarget.ts b/packages/tokens-studio-for-figma/src/plugin/setColorValuesOnTarget.ts
@@ -20,7 +20,10 @@ const applyPaintIfNotEqual = (key, existingPaint, newPaint, target) => {
 };
 
 const getLinearGradientPaint = async (fallbackValue, token) => {
-  const { gradientStops, gradientTransform } = convertStringToFigmaGradient(fallbackValue);
+  const gradientString = typeof fallbackValue === 'object' && fallbackValue.fill
+    ? fallbackValue.fill
+    : fallbackValue;
+  const { gradientStops, gradientTransform } = convertStringToFigmaGradient(gradientString);
 
   const rawValue = defaultTokenValueRetriever.get(token)?.rawValue;
   let gradientStopsWithReferences = gradientStops;