🐛 Removed default tokens added to tailwind, added opacity-token

navikt · Dec 19, 2024 · 7d1bf7c · 7d1bf7c
1 parent 858849d
commit 7d1bf7c
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/@navikt/core/tailwind/darkside.ts b/@navikt/core/tailwind/darkside.ts
@@ -4,9 +4,12 @@ import { kebabCaseForAlpha } from "../tokens/config/kebabCase";
 import { breakpointsTokenConfig } from "../tokens/darkside/tokens/breakpoints";
 
 const transformedTokens = Object.fromEntries(
-  Object.entries(TokensBuild).map(([key, value]) => {
-    return [kebabCaseForAlpha(key), value];
-  }),
+  Object.entries(TokensBuild)
+    .map(([key, value]) => {
+      return [kebabCaseForAlpha(key), value];
+    })
+    /* "* as" imports incldes key "default" where value is every token  */
+    .filter(([key]) => key !== "default"),
 );
 
 const nonColorTokens = [
@@ -18,6 +21,7 @@ const nonColorTokens = [
   "font-family",
   "border-radius",
   "breakpoint",
+  "opacity",
 ];
 /*
  * Assumes that all remaining names not in nonColorTokens are colors
@@ -50,6 +54,7 @@ export const config = {
       lineHeight: extractTokensForCategory("font-line-height"),
       fontFamily: extractTokensForCategory("font-family"),
       borderRadius: extractTokensForCategory("border-radius"),
+      opacity: extractTokensForCategory("opacity"),
     },
   },
 };