@navikt/ds-tokens 7.21.1 → 7.22.0

package/dist/darkside/tokens.css

@@ -384,47 +384,47 @@
   --ax-border-neutral-subtle: var(--ax-neutral-400);
   --ax-border-neutral: var(--ax-neutral-600);
   --ax-text-meta-lime-contrast: var(--ax-neutral-000);
-  --ax-text-meta-lime-icon: var(--ax-meta-lime-600);
+  --ax-text-meta-lime-decoration: var(--ax-meta-lime-600);
   --ax-text-meta-lime-subtle: var(--ax-meta-lime-800);
   --ax-text-meta-lime: var(--ax-meta-lime-1000);
   --ax-text-meta-purple-contrast: var(--ax-neutral-000);
-  --ax-text-meta-purple-icon: var(--ax-meta-purple-600);
+  --ax-text-meta-purple-decoration: var(--ax-meta-purple-600);
   --ax-text-meta-purple-subtle: var(--ax-meta-purple-800);
   --ax-text-meta-purple: var(--ax-meta-purple-1000);
   --ax-text-brand-blue-contrast: var(--ax-neutral-000);
-  --ax-text-brand-blue-icon: var(--ax-brand-blue-600);
+  --ax-text-brand-blue-decoration: var(--ax-brand-blue-600);
   --ax-text-brand-blue-subtle: var(--ax-brand-blue-800);
   --ax-text-brand-blue: var(--ax-brand-blue-1000);
   --ax-text-brand-beige-contrast: var(--ax-neutral-000);
-  --ax-text-brand-beige-icon: var(--ax-brand-beige-600);
+  --ax-text-brand-beige-decoration: var(--ax-brand-beige-600);
   --ax-text-brand-beige-subtle: var(--ax-brand-beige-800);
   --ax-text-brand-beige: var(--ax-brand-beige-1000);
   --ax-text-brand-magenta-contrast: var(--ax-neutral-000);
-  --ax-text-brand-magenta-icon: var(--ax-brand-magenta-600);
+  --ax-text-brand-magenta-decoration: var(--ax-brand-magenta-600);
   --ax-text-brand-magenta-subtle: var(--ax-brand-magenta-800);
   --ax-text-brand-magenta: var(--ax-brand-magenta-1000);
   --ax-text-info-contrast: var(--ax-neutral-000);
-  --ax-text-info-icon: var(--ax-info-600);
+  --ax-text-info-decoration: var(--ax-info-600);
   --ax-text-info-subtle: var(--ax-info-800);
   --ax-text-info: var(--ax-info-1000);
   --ax-text-danger-contrast: var(--ax-neutral-000);
-  --ax-text-danger-icon: var(--ax-danger-600);
+  --ax-text-danger-decoration: var(--ax-danger-600);
   --ax-text-danger-subtle: var(--ax-danger-800);
   --ax-text-danger: var(--ax-danger-1000);
   --ax-text-warning-contrast: var(--ax-neutral-000);
-  --ax-text-warning-icon: var(--ax-warning-600);
+  --ax-text-warning-decoration: var(--ax-warning-600);
   --ax-text-warning-subtle: var(--ax-warning-800);
   --ax-text-warning: var(--ax-warning-1000);
   --ax-text-success-contrast: var(--ax-neutral-000);
-  --ax-text-success-icon: var(--ax-success-600);
+  --ax-text-success-decoration: var(--ax-success-600);
   --ax-text-success-subtle: var(--ax-success-800);
   --ax-text-success: var(--ax-success-1000);
   --ax-text-accent-contrast: var(--ax-neutral-000);
-  --ax-text-accent-icon: var(--ax-accent-600);
+  --ax-text-accent-decoration: var(--ax-accent-600);
   --ax-text-accent-subtle: var(--ax-accent-800);
   --ax-text-accent: var(--ax-accent-1000);
   --ax-text-neutral-contrast: var(--ax-neutral-000);
-  --ax-text-neutral-icon: var(--ax-neutral-600);
+  --ax-text-neutral-decoration: var(--ax-neutral-600);
   --ax-text-neutral-subtle: var(--ax-neutral-900);
   --ax-text-neutral: var(--ax-neutral-1000);
   --ax-bg-meta-lime-strong-pressed: var(--ax-meta-lime-800);
@@ -551,7 +551,7 @@
 }
 
 :root, :host {
-  --ax-version: "7.21.1";
+  --ax-version: "7.22.0";
   --ax-font-weight-regular: 400;
   --ax-font-weight-bold: 600;
   --ax-font-size-small: .875rem;
@@ -585,11 +585,16 @@
   --ax-breakpoint-sm-down: 479px;
   --ax-breakpoint-sm: 480px;
   --ax-breakpoint-xs: 0;
-  --ax-border-radius-full: 9999px;
   --ax-border-radius-xlarge: 12px;
   --ax-border-radius-large: 8px;
   --ax-border-radius-medium: 4px;
   --ax-border-radius-small: 2px;
+  --ax-border-radius-full: 9999px;
+  --ax-radius-full: 9999px;
+  --ax-radius-12: 12px;
+  --ax-radius-8: 8px;
+  --ax-radius-4: 4px;
+  --ax-radius-2: 2px;
   --ax-space-128: 8rem;
   --ax-space-96: 6rem;
   --ax-space-80: 5rem;
@@ -620,7 +625,7 @@
   --ax-border-subtle: var(--ax-border-neutral-subtle);
   --ax-border-default: var(--ax-border-neutral);
   --ax-text-contrast: var(--ax-text-neutral-contrast);
-  --ax-text-icon: var(--ax-text-neutral-icon);
+  --ax-text-decoration: var(--ax-text-neutral-decoration);
   --ax-text-subtle: var(--ax-text-neutral-subtle);
   --ax-text-default: var(--ax-text-neutral);
   --ax-bg-strong-pressed: var(--ax-bg-neutral-strong-pressed);
@@ -642,7 +647,7 @@
   --ax-border-subtle: var(--ax-border-accent-subtle);
   --ax-border-default: var(--ax-border-accent);
   --ax-text-contrast: var(--ax-text-accent-contrast);
-  --ax-text-icon: var(--ax-text-accent-icon);
+  --ax-text-decoration: var(--ax-text-accent-decoration);
   --ax-text-subtle: var(--ax-text-accent-subtle);
   --ax-text-default: var(--ax-text-accent);
   --ax-bg-strong-pressed: var(--ax-bg-accent-strong-pressed);
@@ -664,7 +669,7 @@
   --ax-border-subtle: var(--ax-border-success-subtle);
   --ax-border-default: var(--ax-border-success);
   --ax-text-contrast: var(--ax-text-success-contrast);
-  --ax-text-icon: var(--ax-text-success-icon);
+  --ax-text-decoration: var(--ax-text-success-decoration);
   --ax-text-subtle: var(--ax-text-success-subtle);
   --ax-text-default: var(--ax-text-success);
   --ax-bg-strong-pressed: var(--ax-bg-success-strong-pressed);
@@ -686,7 +691,7 @@
   --ax-border-subtle: var(--ax-border-warning-subtle);
   --ax-border-default: var(--ax-border-warning);
   --ax-text-contrast: var(--ax-text-warning-contrast);
-  --ax-text-icon: var(--ax-text-warning-icon);
+  --ax-text-decoration: var(--ax-text-warning-decoration);
   --ax-text-subtle: var(--ax-text-warning-subtle);
   --ax-text-default: var(--ax-text-warning);
   --ax-bg-strong-pressed: var(--ax-bg-warning-strong-pressed);
@@ -708,7 +713,7 @@
   --ax-border-subtle: var(--ax-border-danger-subtle);
   --ax-border-default: var(--ax-border-danger);
   --ax-text-contrast: var(--ax-text-danger-contrast);
-  --ax-text-icon: var(--ax-text-danger-icon);
+  --ax-text-decoration: var(--ax-text-danger-decoration);
   --ax-text-subtle: var(--ax-text-danger-subtle);
   --ax-text-default: var(--ax-text-danger);
   --ax-bg-strong-pressed: var(--ax-bg-danger-strong-pressed);
@@ -730,7 +735,7 @@
   --ax-border-subtle: var(--ax-border-info-subtle);
   --ax-border-default: var(--ax-border-info);
   --ax-text-contrast: var(--ax-text-info-contrast);
-  --ax-text-icon: var(--ax-text-info-icon);
+  --ax-text-decoration: var(--ax-text-info-decoration);
   --ax-text-subtle: var(--ax-text-info-subtle);
   --ax-text-default: var(--ax-text-info);
   --ax-bg-strong-pressed: var(--ax-bg-info-strong-pressed);
@@ -752,7 +757,7 @@
   --ax-border-subtle: var(--ax-border-brand-magenta-subtle);
   --ax-border-default: var(--ax-border-brand-magenta);
   --ax-text-contrast: var(--ax-text-brand-magenta-contrast);
-  --ax-text-icon: var(--ax-text-brand-magenta-icon);
+  --ax-text-decoration: var(--ax-text-brand-magenta-decoration);
   --ax-text-subtle: var(--ax-text-brand-magenta-subtle);
   --ax-text-default: var(--ax-text-brand-magenta);
   --ax-bg-strong-pressed: var(--ax-bg-brand-magenta-strong-pressed);
@@ -774,7 +779,7 @@
   --ax-border-subtle: var(--ax-border-brand-beige-subtle);
   --ax-border-default: var(--ax-border-brand-beige);
   --ax-text-contrast: var(--ax-text-brand-beige-contrast);
-  --ax-text-icon: var(--ax-text-brand-beige-icon);
+  --ax-text-decoration: var(--ax-text-brand-beige-decoration);
   --ax-text-subtle: var(--ax-text-brand-beige-subtle);
   --ax-text-default: var(--ax-text-brand-beige);
   --ax-bg-strong-pressed: var(--ax-bg-brand-beige-strong-pressed);
@@ -796,7 +801,7 @@
   --ax-border-subtle: var(--ax-border-brand-blue-subtle);
   --ax-border-default: var(--ax-border-brand-blue);
   --ax-text-contrast: var(--ax-text-brand-blue-contrast);
-  --ax-text-icon: var(--ax-text-brand-blue-icon);
+  --ax-text-decoration: var(--ax-text-brand-blue-decoration);
   --ax-text-subtle: var(--ax-text-brand-blue-subtle);
   --ax-text-default: var(--ax-text-brand-blue);
   --ax-bg-strong-pressed: var(--ax-bg-brand-blue-strong-pressed);
@@ -818,7 +823,7 @@
   --ax-border-subtle: var(--ax-border-meta-purple-subtle);
   --ax-border-default: var(--ax-border-meta-purple);
   --ax-text-contrast: var(--ax-text-meta-purple-contrast);
-  --ax-text-icon: var(--ax-text-meta-purple-icon);
+  --ax-text-decoration: var(--ax-text-meta-purple-decoration);
   --ax-text-subtle: var(--ax-text-meta-purple-subtle);
   --ax-text-default: var(--ax-text-meta-purple);
   --ax-bg-strong-pressed: var(--ax-bg-meta-purple-strong-pressed);
@@ -840,7 +845,7 @@
   --ax-border-subtle: var(--ax-border-meta-lime-subtle);
   --ax-border-default: var(--ax-border-meta-lime);
   --ax-text-contrast: var(--ax-text-meta-lime-contrast);
-  --ax-text-icon: var(--ax-text-meta-lime-icon);
+  --ax-text-decoration: var(--ax-text-meta-lime-decoration);
   --ax-text-subtle: var(--ax-text-meta-lime-subtle);
   --ax-text-default: var(--ax-text-meta-lime);
   --ax-bg-strong-pressed: var(--ax-bg-meta-lime-strong-pressed);