diff --git a/@navikt/core/tokens/darkside/tokens/semantic-roles.ts b/@navikt/core/tokens/darkside/tokens/semantic-roles.ts index 44cce1297c..c63dca920a 100644 --- a/@navikt/core/tokens/darkside/tokens/semantic-roles.ts +++ b/@navikt/core/tokens/darkside/tokens/semantic-roles.ts @@ -9,7 +9,7 @@ import { type StyleDictionaryTokenConfig } from "../tokens.util"; const configForRole = (role: SemanticColorRoles, theme: ColorTheme) => { return { bg: { - [role]: { + [`${role}-soft`]: { value: `{ax.${role}.100.value}`, type: "color", group: `background.${role}`, diff --git a/@navikt/core/tokens/darkside/tokens/semantic.ts b/@navikt/core/tokens/darkside/tokens/semantic.ts index 9d16837ae4..bc662ac99b 100644 --- a/@navikt/core/tokens/darkside/tokens/semantic.ts +++ b/@navikt/core/tokens/darkside/tokens/semantic.ts @@ -73,6 +73,11 @@ export function semanticTokenConfig(theme: ColorTheme) { type: "color", group: "background", }, + soft: { + value: `{ax.neutral.100.value}`, + type: "color", + group: `background`, + }, hover: { value: `{ax.neutral.200.value}`, type: "color", @@ -83,11 +88,6 @@ export function semanticTokenConfig(theme: ColorTheme) { type: "color", group: `background`, }, - "moderate-subtle": { - value: `{ax.neutral.100.value}`, - type: "color", - group: `background`, - }, moderate: { value: `{ax.neutral.200.value}`, type: "color", diff --git a/@navikt/core/tokens/types.ts b/@navikt/core/tokens/types.ts index 3a971c9230..9764dfc8d0 100644 --- a/@navikt/core/tokens/types.ts +++ b/@navikt/core/tokens/types.ts @@ -49,9 +49,9 @@ export type StaticDefaultBgKeys = | "raised" | "sunken" | "overlay" + | "soft" | "moderate" | "moderateA" - | "moderate-subtle" | "strong"; export type StatefulDefaultBgKeys = @@ -65,7 +65,7 @@ export type StatefulDefaultBgKeys = | "strong-pressed"; export type StaticBgKeys = - | SemanticColorRoles + | `${SemanticColorRoles}-soft` | `${SemanticColorRoles}-moderate` | `${SemanticColorRoles}-moderateA` | `${SemanticColorRoles}-strong`