fix

primer · Dec 20, 2024 · 47d3d49 · 47d3d49
1 parent ac0cd3f
commit 47d3d49
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 12 deletions.
diff --git a/scripts/buildFigma.ts b/scripts/buildFigma.ts
@@ -121,6 +121,7 @@ const buildFigma = async (buildOptions: ConfigGeneratorOptions): Promise<void> =
         `src/tokens/base/color/light/display-light.json5`,
         `src/tokens/functional/color/light/primitives-light.json5`,
         `src/tokens/functional/color/light/patterns-light.json5`,
+        `src/tokens/functional/color/*.json5`,
         `src/tokens/component/*.json5`,
       ],
       theme: 'light',
@@ -134,6 +135,7 @@ const buildFigma = async (buildOptions: ConfigGeneratorOptions): Promise<void> =
         `src/tokens/base/color/light/display-light.json5`,
         `src/tokens/functional/color/light/primitives-light.json5`,
         `src/tokens/functional/color/light/patterns-light.json5`,
+        `src/tokens/functional/color/*.json5`,
         `src/tokens/component/*.json5`,
       ],
       theme: 'light-high-contrast',
@@ -147,6 +149,7 @@ const buildFigma = async (buildOptions: ConfigGeneratorOptions): Promise<void> =
         `src/tokens/base/color/light/display-light.json5`,
         `src/tokens/functional/color/light/primitives-light.json5`,
         `src/tokens/functional/color/light/patterns-light.json5`,
+        `src/tokens/functional/color/*.json5`,
         `src/tokens/component/*.json5`,
       ],
       theme: 'light-protanopia-deuteranopia',
@@ -160,6 +163,7 @@ const buildFigma = async (buildOptions: ConfigGeneratorOptions): Promise<void> =
         `src/tokens/base/color/light/display-light.json5`,
         `src/tokens/functional/color/light/primitives-light.json5`,
         `src/tokens/functional/color/light/patterns-light.json5`,
+        `src/tokens/functional/color/*.json5`,
         `src/tokens/component/*.json5`,
       ],
       theme: 'light-tritanopia',
@@ -172,6 +176,7 @@ const buildFigma = async (buildOptions: ConfigGeneratorOptions): Promise<void> =
         `src/tokens/base/color/dark/display-dark.json5`,
         `src/tokens/functional/color/dark/primitives-dark.json5`,
         `src/tokens/functional/color/dark/patterns-dark.json5`,
+        `src/tokens/functional/color/*.json5`,
         `src/tokens/component/*.json5`,
       ],
       theme: 'dark',
@@ -185,6 +190,7 @@ const buildFigma = async (buildOptions: ConfigGeneratorOptions): Promise<void> =
         `src/tokens/base/color/dark/display-dark.json5`,
         `src/tokens/functional/color/dark/primitives-dark.json5`,
         `src/tokens/functional/color/dark/patterns-dark.json5`,
+        `src/tokens/functional/color/*.json5`,
         `src/tokens/component/*.json5`,
       ],
       theme: 'dark-high-contrast',
@@ -198,6 +204,7 @@ const buildFigma = async (buildOptions: ConfigGeneratorOptions): Promise<void> =
         `src/tokens/base/color/dark/display-dark.json5`,
         `src/tokens/functional/color/dark/primitives-dark.json5`,
         `src/tokens/functional/color/dark/patterns-dark.json5`,
+        `src/tokens/functional/color/*.json5`,
         `src/tokens/component/*.json5`,
       ],
       theme: 'dark-dimmed',
@@ -211,6 +218,7 @@ const buildFigma = async (buildOptions: ConfigGeneratorOptions): Promise<void> =
         `src/tokens/base/color/dark/display-dark.json5`,
         `src/tokens/functional/color/dark/primitives-dark.json5`,
         `src/tokens/functional/color/dark/patterns-dark.json5`,
+        `src/tokens/functional/color/*.json5`,
         `src/tokens/component/*.json5`,
       ],
       theme: 'dark-protanopia-deuteranopia',
@@ -224,6 +232,7 @@ const buildFigma = async (buildOptions: ConfigGeneratorOptions): Promise<void> =
         `src/tokens/base/color/dark/display-dark.json5`,
         `src/tokens/functional/color/dark/primitives-dark.json5`,
         `src/tokens/functional/color/dark/patterns-dark.json5`,
+        `src/tokens/functional/color/*.json5`,
         `src/tokens/component/*.json5`,
       ],
       theme: 'dark-tritanopia',

diff --git a/scripts/buildTokens.ts b/scripts/buildTokens.ts
@@ -201,15 +201,8 @@ export const buildDesignTokens = async (buildOptions: ConfigGeneratorOptions): P
     // color, shadow & borders
     {
       filename: 'theme',
-      source: [
-        `src/tokens/base/color/light/light.json5`,
-        `src/tokens/base/color/light/display-light.json5`,
-        `src/tokens/functional/color/light/*.json5`,
-        `src/tokens/functional/shadow/light.json5`,
-        `src/tokens/functional/border/*.json5`,
-        `src/tokens/component/*.json5`,
-      ],
-      include: [`src/tokens/base/color/light/light.json5`, 'src/tokens/functional/size/border.json5'],
+      source: themes.find(theme => theme.filename === 'light')?.source || [],
+      include: themes.find(theme => theme.filename === 'light')?.include || [],
     },
     // typography
     {

diff --git a/scripts/themes.config.ts b/scripts/themes.config.ts
@@ -5,10 +5,11 @@ export const themes: TokenBuildInput[] = [
     filename: 'light',
     theme: 'light',
     source: [
-      `src/tokens/functional/color/light/*.json5`,
       `src/tokens/functional/shadow/light.json5`,
       `src/tokens/functional/border/*.json5`,
       `src/tokens/component/*.json5`,
+      `src/tokens/functional/color/*.json5`,
+      `src/tokens/functional/color/light/*.json5`,
     ],
     include: [
       `src/tokens/functional/size/border.json5`,
@@ -23,6 +24,7 @@ export const themes: TokenBuildInput[] = [
       `src/tokens/functional/shadow/light.json5`,
       `src/tokens/functional/border/*.json5`,
       `src/tokens/component/*.json5`,
+      `src/tokens/functional/color/*.json5`,
       `src/tokens/functional/color/light/*.json5`,
       `src/tokens/functional/color/light/overrides/light.tritanopia.json5`,
     ],
@@ -39,6 +41,7 @@ export const themes: TokenBuildInput[] = [
       `src/tokens/functional/shadow/light.json5`,
       `src/tokens/functional/border/*.json5`,
       `src/tokens/component/*.json5`,
+      `src/tokens/functional/color/*.json5`,
       `src/tokens/functional/color/light/*.json5`,
       `src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5`,
     ],
@@ -55,6 +58,7 @@ export const themes: TokenBuildInput[] = [
       `src/tokens/functional/shadow/light.json5`,
       `src/tokens/functional/border/*.json5`,
       `src/tokens/component/*.json5`,
+      `src/tokens/functional/color/*.json5`,
       `src/tokens/functional/color/light/*.json5`,
       `src/tokens/functional/color/light/overrides/light.high-contrast.json5`,
     ],
@@ -72,6 +76,7 @@ export const themes: TokenBuildInput[] = [
       `src/tokens/functional/shadow/dark.json5`,
       `src/tokens/functional/border/*.json5`,
       `src/tokens/component/*.json5`,
+      `src/tokens/functional/color/*.json5`,
       `src/tokens/functional/color/dark/*.json5`,
     ],
     include: [
@@ -87,6 +92,7 @@ export const themes: TokenBuildInput[] = [
       `src/tokens/functional/shadow/dark.json5`,
       `src/tokens/functional/border/*.json5`,
       `src/tokens/component/*.json5`,
+      `src/tokens/functional/color/*.json5`,
       `src/tokens/functional/color/dark/*.json5`,
       `src/tokens/functional/color/dark/overrides/dark.dimmed.json5`,
     ],
@@ -104,6 +110,7 @@ export const themes: TokenBuildInput[] = [
       `src/tokens/functional/shadow/dark.json5`,
       `src/tokens/functional/border/*.json5`,
       `src/tokens/component/*.json5`,
+      `src/tokens/functional/color/*.json5`,
       `src/tokens/functional/color/dark/*.json5`,
       `src/tokens/functional/color/dark/overrides/dark.tritanopia.json5`,
     ],
@@ -120,6 +127,7 @@ export const themes: TokenBuildInput[] = [
       `src/tokens/functional/shadow/dark.json5`,
       `src/tokens/functional/border/*.json5`,
       `src/tokens/component/*.json5`,
+      `src/tokens/functional/color/*.json5`,
       `src/tokens/functional/color/dark/*.json5`,
       `src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5`,
     ],
@@ -136,6 +144,7 @@ export const themes: TokenBuildInput[] = [
       `src/tokens/functional/shadow/dark.json5`,
       `src/tokens/functional/border/*.json5`,
       `src/tokens/component/*.json5`,
+      `src/tokens/functional/color/*.json5`,
       `src/tokens/functional/color/dark/*.json5`,
       `src/tokens/functional/color/dark/overrides/dark.high-contrast.json5`,
     ],

diff --git a/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 b/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5
@@ -36,11 +36,11 @@
     },
     open: {
       muted: {
-        $value: '{bgColore.success.muted}',
+        $value: '{bgColor.success.muted}',
         $type: 'color',
       },
       emphasis: {
-        $value: '{bgColore.success.emphasis}',
+        $value: '{bgColor.success.emphasis}',
         $type: 'color',
       },
     },