diff --git a/@navikt/core/react/src/tag/Tag.tsx b/@navikt/core/react/src/tag/Tag.tsx index 0e8b7a4bd1..2effeec72e 100644 --- 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 { | "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 index 1e97160abc..2e6da62d06 100644 --- 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})`; }