🐛 Use correct global token for darkside JS

navikt · Jan 29, 2025 · 83960d7 · 83960d7
1 parent 6c81fc0
commit 83960d7
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 7 deletions.
diff --git a/@navikt/core/react/src/tag/Tag.tsx b/@navikt/core/react/src/tag/Tag.tsx
@@ -31,13 +31,15 @@ export interface TagProps extends HTMLAttributes<HTMLSpanElement> {
     | "alt2-moderate"
     | "alt3"
     | "alt3-filled"
-    | "alt3-moderate"
-    | "meta-1"
-    | "meta-1-filled"
-    | "meta-1-moderate"
-    | "meta-2"
-    | "meta-2-filled"
-    | "meta-2-moderate";
+    | "alt3-moderate";
+
+  /* Temp hide these until naming is resolved */
+  // | "meta-1"
+  // | "meta-1-filled"
+  // | "meta-1-moderate"
+  // | "meta-2"
+  // | "meta-2-filled"
+  // | "meta-2-moderate";
   /**
    * @default "medium"
    */

diff --git a/@navikt/core/tokens/darkside/style-dictionary.formats.ts b/@navikt/core/tokens/darkside/style-dictionary.formats.ts
@@ -95,6 +95,11 @@ function createTokenValue(token: TransformedToken): string {
   if ((token.type as TokenTypes) === "global-breakpoints") {
     return token.value ?? token.$value;
   }
+
+  if ((token.type as TokenTypes) === "global-color") {
+    return `var(--${token.path.join("-")})`;
+  }
+
   return `var(--${kebabName})`;
 }