[Darkside]: SoftA-token added for use in Table zebra-stripes

navikt · Feb 1, 2025 · ddd0436 · ddd0436
1 parent 2303d6c
commit ddd0436
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 0 deletions.
diff --git a/@navikt/core/tokens/darkside/tokens/semantic-roles.ts b/@navikt/core/tokens/darkside/tokens/semantic-roles.ts
@@ -10,6 +10,11 @@ const configForRole = (role: SemanticColorRoles) => {
         type: "color",
         group: `background.${role}`,
       },
+      [`${role}-softA`]: {
+        value: `{ax.${role}.100A.value}`,
+        type: "color",
+        group: `background.${role}`,
+      },
       [`${role}-hover`]: {
         value: `{ax.${role}.200.value}`,
         type: "color",

diff --git a/@navikt/core/tokens/darkside/tokens/semantic.ts b/@navikt/core/tokens/darkside/tokens/semantic.ts
@@ -78,6 +78,11 @@ export function semanticTokenConfig(theme: ColorTheme) {
         type: "color",
         group: `background`,
       },
+      softA: {
+        value: `{ax.neutral.100A.value}`,
+        type: "color",
+        group: `background`,
+      },
       hover: {
         value: `{ax.neutral.200.value}`,
         type: "color",

diff --git a/@navikt/core/tokens/types.ts b/@navikt/core/tokens/types.ts
@@ -50,6 +50,7 @@ export type StaticDefaultBgKeys =
   | "sunken"
   | "overlay"
   | "soft"
+  | "softA"
   | "moderate"
   | "moderateA"
   | "strong";
@@ -66,6 +67,7 @@ export type StatefulDefaultBgKeys =
 
 export type StaticBgKeys =
   | `${SemanticColorRoles}-soft`
+  | `${SemanticColorRoles}-softA`
   | `${SemanticColorRoles}-moderate`
   | `${SemanticColorRoles}-moderateA`
   | `${SemanticColorRoles}-strong`;