Fix shadow colors

grommet · Nov 21, 2024 · 6b2c78c · 6b2c78c
1 parent 921adbe
commit 6b2c78c
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 8 deletions.
diff --git a/design-tokens/src/token_export.ts b/design-tokens/src/token_export.ts
@@ -68,7 +68,8 @@ export function tokenFilesFromLocalVariables(
 
       let obj: any = tokenFiles[fileName];
 
-      if (variable.name.includes('outline')) {
+      // specific to "outline" but not something like "outlineOffset"
+      if (/outline\//.test(variable.name)) {
         const parts = variable.name.split('/');
         const keyPath = parts.slice(0, -1);
         const property = parts[parts.length - 1];

diff --git a/design-tokens/tokens/semantic/color.dark.json b/design-tokens/tokens/semantic/color.dark.json
@@ -1274,7 +1274,7 @@
           "offsetY": "{base.dimension.100}",
           "blur": "{base.dimension.100}",
           "spread": 0,
-          "color": "{base.color.black.opacity12}"
+          "color": "{base.color.black.opacity24}"
         }
       ],
       "$description": "",

diff --git a/design-tokens/tokens/semantic/color.light.json b/design-tokens/tokens/semantic/color.light.json
@@ -1294,7 +1294,7 @@
           "offsetY": "{base.static.spacing.xsmall}",
           "blur": "{base.static.spacing.small}",
           "spread": "{base.static.spacing.none}",
-          "color": "{base.color.black.opacity36}"
+          "color": "{base.color.black.opacity12}"
         }
       ],
       "$description": "",
@@ -1314,7 +1314,7 @@
           "offsetY": "{base.static.spacing.small}",
           "blur": "{base.static.spacing.medium}",
           "spread": "{base.static.spacing.none}",
-          "color": "{base.color.black.opacity36}"
+          "color": "{base.color.black.opacity24}"
         }
       ],
       "$description": "",

diff --git a/design-tokens/tokens/semantic/global.default.json b/design-tokens/tokens/semantic/global.default.json
@@ -32,18 +32,18 @@
       "$type": "shadow",
       "$value": [
         {
-          "color": "{base.color.white.100}",
           "offsetX": 0,
           "offsetY": 0,
           "blur": 0,
-          "spread": "{focusIndicator.outlineOffset}"
+          "spread": "{focusIndicator.outlineOffset}",
+          "color": "{base.color.white.100}"
         }
       ],
       "$description": "",
       "$extensions": {
         "com.figma": {
-          "hiddenFromPublishing": true,
-          "scopes": [],
+          "hiddenFromPublishing": false,
+          "scopes": ["ALL_SCOPES"],
           "codeSyntax": {}
         }
       }