feat: update tokens from Tokens Studio release (#5331)

Co-authored-by: pomfrida <31915755+pomfrida@users.noreply.github.com>

Author: github-actions[bot]

packages/eds-tokens/src/tokens/css/semantic/default.css

@@ -5,6 +5,7 @@
   --eds-background-dialog: var(--eds-neutral-15);
   --eds-background-floating: var(--eds-neutral-15);
   --eds-background-info: var(--eds-info-3);
+  --eds-background-input: var(--eds-bg-input);
   --eds-background-interactive-accent-emphasis-default: var(--eds-accent-9);
   --eds-background-interactive-accent-emphasis-hover: var(--eds-accent-10);
   --eds-background-interactive-accent-emphasis-pressed: var(--eds-accent-11);
@@ -56,7 +57,11 @@
   --eds-border-accent-medium: var(--eds-accent-7);
   --eds-border-accent-strong: var(--eds-accent-9);
   --eds-border-accent-subtle: var(--eds-accent-4);
+  --eds-border-danger-medium: var(--eds-danger-7);
+  --eds-border-danger-strong: var(--eds-danger-9);
   --eds-border-danger-subtle: var(--eds-danger-4);
+  --eds-border-info-medium: var(--eds-info-7);
+  --eds-border-info-strong: var(--eds-info-9);
   --eds-border-info-subtle: var(--eds-info-4);
   --eds-border-interactive-accent-emphasis-default: var(--eds-accent-9);
   --eds-border-interactive-accent-emphasis-hover: var(--eds-accent-10);
@@ -97,10 +102,14 @@
   --eds-border-interactive-warning-muted-default: var(--eds-warning-4);
   --eds-border-interactive-warning-muted-hover: var(--eds-warning-5);
   --eds-border-interactive-warning-muted-pressed: var(--eds-warning-7);
-  --eds-border-neutral-medium: var(--eds-neutral-4);
-  --eds-border-neutral-strong: var(--eds-neutral-6);
+  --eds-border-neutral-medium: var(--eds-neutral-7);
+  --eds-border-neutral-strong: var(--eds-neutral-9);
   --eds-border-neutral-subtle: var(--eds-neutral-4);
+  --eds-border-success-medium: var(--eds-success-7);
+  --eds-border-success-strong: var(--eds-success-9);
   --eds-border-success-subtle: var(--eds-success-4);
+  --eds-border-warning-medium: var(--eds-warning-7);
+  --eds-border-warning-strong: var(--eds-warning-9);
   --eds-border-warning-subtle: var(--eds-warning-4);
   --eds-corner-radius-none: var(--eds-density-corner-radius-none);
   --eds-corner-radius-pill: var(--eds-density-corner-radius-pill);
@@ -183,9 +192,9 @@
   --eds-icon-interactive-accent-default: var(--eds-accent-11);
   --eds-icon-interactive-accent-hover: var(--eds-accent-12);
   --eds-icon-interactive-accent-pressed: var(--eds-accent-13);
-  --eds-icon-interactive-danger-default: var(--eds-danger-10);
-  --eds-icon-interactive-danger-hover: var(--eds-danger-11);
-  --eds-icon-interactive-danger-pressed: var(--eds-danger-12);
+  --eds-icon-interactive-danger-default: var(--eds-danger-11);
+  --eds-icon-interactive-danger-hover: var(--eds-danger-12);
+  --eds-icon-interactive-danger-pressed: var(--eds-danger-13);
   --eds-icon-interactive-disabled: var(--eds-neutral-5);
   --eds-icon-interactive-info-default: var(--eds-info-11);
   --eds-icon-interactive-info-hover: var(--eds-info-12);
@@ -196,9 +205,9 @@
   --eds-icon-interactive-success-default: var(--eds-success-11);
   --eds-icon-interactive-success-hover: var(--eds-success-12);
   --eds-icon-interactive-success-pressed: var(--eds-success-13);
-  --eds-icon-interactive-warning-default: var(--eds-warning-10);
-  --eds-icon-interactive-warning-hover: var(--eds-warning-11);
-  --eds-icon-interactive-warning-pressed: var(--eds-warning-12);
+  --eds-icon-interactive-warning-default: var(--eds-warning-11);
+  --eds-icon-interactive-warning-hover: var(--eds-warning-12);
+  --eds-icon-interactive-warning-pressed: var(--eds-warning-13);
   --eds-icon-inverted: var(--eds-neutral-1);
   --eds-icon-on-emphasis: var(--eds-neutral-15);
   --eds-icon-primary: var(--eds-neutral-12);
@@ -219,34 +228,34 @@
   --eds-spacing-xl: var(--eds-density-spacing-xl);
   --eds-spacing-xs: var(--eds-density-spacing-xs);
   --eds-text-accent: var(--eds-accent-12);
-  --eds-text-danger: var(--eds-danger-10);
-  --eds-text-info: var(--eds-info-10);
-  --eds-text-interactive-accent-default: var(--eds-accent-10);
-  --eds-text-interactive-accent-hover: var(--eds-accent-11);
-  --eds-text-interactive-accent-pressed: var(--eds-accent-12);
-  --eds-text-interactive-danger-default: var(--eds-danger-10);
-  --eds-text-interactive-danger-hover: var(--eds-danger-11);
-  --eds-text-interactive-danger-pressed: var(--eds-danger-12);
+  --eds-text-danger: var(--eds-danger-12);
+  --eds-text-info: var(--eds-info-12);
+  --eds-text-interactive-accent-default: var(--eds-accent-11);
+  --eds-text-interactive-accent-hover: var(--eds-accent-12);
+  --eds-text-interactive-accent-pressed: var(--eds-accent-13);
+  --eds-text-interactive-danger-default: var(--eds-danger-11);
+  --eds-text-interactive-danger-hover: var(--eds-danger-12);
+  --eds-text-interactive-danger-pressed: var(--eds-danger-13);
   --eds-text-interactive-disabled: var(--eds-neutral-5);
-  --eds-text-interactive-info-default: var(--eds-info-10);
-  --eds-text-interactive-info-hover: var(--eds-info-11);
-  --eds-text-interactive-info-pressed: var(--eds-info-12);
+  --eds-text-interactive-info-default: var(--eds-info-11);
+  --eds-text-interactive-info-hover: var(--eds-info-12);
+  --eds-text-interactive-info-pressed: var(--eds-info-13);
   --eds-text-interactive-link-default: var(--eds-info-8);
   --eds-text-interactive-link-hover: var(--eds-info-9);
   --eds-text-interactive-link-pressed: var(--eds-info-10);
-  --eds-text-interactive-success-default: var(--eds-success-10);
-  --eds-text-interactive-success-hover: var(--eds-success-11);
-  --eds-text-interactive-success-pressed: var(--eds-success-12);
-  --eds-text-interactive-warning-default: var(--eds-warning-10);
-  --eds-text-interactive-warning-hover: var(--eds-warning-11);
-  --eds-text-interactive-warning-pressed: var(--eds-warning-12);
+  --eds-text-interactive-success-default: var(--eds-success-11);
+  --eds-text-interactive-success-hover: var(--eds-success-12);
+  --eds-text-interactive-success-pressed: var(--eds-success-13);
+  --eds-text-interactive-warning-default: var(--eds-warning-11);
+  --eds-text-interactive-warning-hover: var(--eds-warning-12);
+  --eds-text-interactive-warning-pressed: var(--eds-warning-13);
   --eds-text-inverted: var(--eds-neutral-1);
   --eds-text-on-emphasis: var(--eds-neutral-15);
   --eds-text-primary: var(--eds-neutral-12);
   --eds-text-secondary: var(--eds-neutral-8);
-  --eds-text-success: var(--eds-success-10);
+  --eds-text-success: var(--eds-success-12);
   --eds-text-tertiary: var(--eds-neutral-7);
-  --eds-text-warning: var(--eds-warning-10);
+  --eds-text-warning: var(--eds-warning-12);
   --eds-typography-header-2xl-font-size: var(--eds-density-typography-header-2xl-font-size);
   --eds-typography-header-2xl-line-height: var(--eds-density-typography-header-2xl-line-height);
   --eds-typography-header-3xl-font-size: var(--eds-density-typography-header-3xl-font-size);

packages/eds-tokens/src/tokens/css/variables.css

@@ -594,6 +594,7 @@
   --eds-background-dialog: var(--eds-neutral-15);
   --eds-background-floating: var(--eds-neutral-15);
   --eds-background-info: var(--eds-info-3);
+  --eds-background-input: var(--eds-bg-input);
   --eds-background-interactive-accent-emphasis-default: var(--eds-accent-9);
   --eds-background-interactive-accent-emphasis-hover: var(--eds-accent-10);
   --eds-background-interactive-accent-emphasis-pressed: var(--eds-accent-11);
@@ -645,7 +646,11 @@
   --eds-border-accent-medium: var(--eds-accent-7);
   --eds-border-accent-strong: var(--eds-accent-9);
   --eds-border-accent-subtle: var(--eds-accent-4);
+  --eds-border-danger-medium: var(--eds-danger-7);
+  --eds-border-danger-strong: var(--eds-danger-9);
   --eds-border-danger-subtle: var(--eds-danger-4);
+  --eds-border-info-medium: var(--eds-info-7);
+  --eds-border-info-strong: var(--eds-info-9);
   --eds-border-info-subtle: var(--eds-info-4);
   --eds-border-interactive-accent-emphasis-default: var(--eds-accent-9);
   --eds-border-interactive-accent-emphasis-hover: var(--eds-accent-10);
@@ -686,10 +691,14 @@
   --eds-border-interactive-warning-muted-default: var(--eds-warning-4);
   --eds-border-interactive-warning-muted-hover: var(--eds-warning-5);
   --eds-border-interactive-warning-muted-pressed: var(--eds-warning-7);
-  --eds-border-neutral-medium: var(--eds-neutral-4);
-  --eds-border-neutral-strong: var(--eds-neutral-6);
+  --eds-border-neutral-medium: var(--eds-neutral-7);
+  --eds-border-neutral-strong: var(--eds-neutral-9);
   --eds-border-neutral-subtle: var(--eds-neutral-4);
+  --eds-border-success-medium: var(--eds-success-7);
+  --eds-border-success-strong: var(--eds-success-9);
   --eds-border-success-subtle: var(--eds-success-4);
+  --eds-border-warning-medium: var(--eds-warning-7);
+  --eds-border-warning-strong: var(--eds-warning-9);
   --eds-border-warning-subtle: var(--eds-warning-4);
   --eds-corner-radius-none: var(--eds-density-corner-radius-none);
   --eds-corner-radius-pill: var(--eds-density-corner-radius-pill);
@@ -772,9 +781,9 @@
   --eds-icon-interactive-accent-default: var(--eds-accent-11);
   --eds-icon-interactive-accent-hover: var(--eds-accent-12);
   --eds-icon-interactive-accent-pressed: var(--eds-accent-13);
-  --eds-icon-interactive-danger-default: var(--eds-danger-10);
-  --eds-icon-interactive-danger-hover: var(--eds-danger-11);
-  --eds-icon-interactive-danger-pressed: var(--eds-danger-12);
+  --eds-icon-interactive-danger-default: var(--eds-danger-11);
+  --eds-icon-interactive-danger-hover: var(--eds-danger-12);
+  --eds-icon-interactive-danger-pressed: var(--eds-danger-13);
   --eds-icon-interactive-disabled: var(--eds-neutral-5);
   --eds-icon-interactive-info-default: var(--eds-info-11);
   --eds-icon-interactive-info-hover: var(--eds-info-12);
@@ -785,9 +794,9 @@
   --eds-icon-interactive-success-default: var(--eds-success-11);
   --eds-icon-interactive-success-hover: var(--eds-success-12);
   --eds-icon-interactive-success-pressed: var(--eds-success-13);
-  --eds-icon-interactive-warning-default: var(--eds-warning-10);
-  --eds-icon-interactive-warning-hover: var(--eds-warning-11);
-  --eds-icon-interactive-warning-pressed: var(--eds-warning-12);
+  --eds-icon-interactive-warning-default: var(--eds-warning-11);
+  --eds-icon-interactive-warning-hover: var(--eds-warning-12);
+  --eds-icon-interactive-warning-pressed: var(--eds-warning-13);
   --eds-icon-inverted: var(--eds-neutral-1);
   --eds-icon-on-emphasis: var(--eds-neutral-15);
   --eds-icon-primary: var(--eds-neutral-12);
@@ -808,34 +817,34 @@
   --eds-spacing-xl: var(--eds-density-spacing-xl);
   --eds-spacing-xs: var(--eds-density-spacing-xs);
   --eds-text-accent: var(--eds-accent-12);
-  --eds-text-danger: var(--eds-danger-10);
-  --eds-text-info: var(--eds-info-10);
-  --eds-text-interactive-accent-default: var(--eds-accent-10);
-  --eds-text-interactive-accent-hover: var(--eds-accent-11);
-  --eds-text-interactive-accent-pressed: var(--eds-accent-12);
-  --eds-text-interactive-danger-default: var(--eds-danger-10);
-  --eds-text-interactive-danger-hover: var(--eds-danger-11);
-  --eds-text-interactive-danger-pressed: var(--eds-danger-12);
+  --eds-text-danger: var(--eds-danger-12);
+  --eds-text-info: var(--eds-info-12);
+  --eds-text-interactive-accent-default: var(--eds-accent-11);
+  --eds-text-interactive-accent-hover: var(--eds-accent-12);
+  --eds-text-interactive-accent-pressed: var(--eds-accent-13);
+  --eds-text-interactive-danger-default: var(--eds-danger-11);
+  --eds-text-interactive-danger-hover: var(--eds-danger-12);
+  --eds-text-interactive-danger-pressed: var(--eds-danger-13);
   --eds-text-interactive-disabled: var(--eds-neutral-5);
-  --eds-text-interactive-info-default: var(--eds-info-10);
-  --eds-text-interactive-info-hover: var(--eds-info-11);
-  --eds-text-interactive-info-pressed: var(--eds-info-12);
+  --eds-text-interactive-info-default: var(--eds-info-11);
+  --eds-text-interactive-info-hover: var(--eds-info-12);
+  --eds-text-interactive-info-pressed: var(--eds-info-13);
   --eds-text-interactive-link-default: var(--eds-info-8);
   --eds-text-interactive-link-hover: var(--eds-info-9);
   --eds-text-interactive-link-pressed: var(--eds-info-10);
-  --eds-text-interactive-success-default: var(--eds-success-10);
-  --eds-text-interactive-success-hover: var(--eds-success-11);
-  --eds-text-interactive-success-pressed: var(--eds-success-12);
-  --eds-text-interactive-warning-default: var(--eds-warning-10);
-  --eds-text-interactive-warning-hover: var(--eds-warning-11);
-  --eds-text-interactive-warning-pressed: var(--eds-warning-12);
+  --eds-text-interactive-success-default: var(--eds-success-11);
+  --eds-text-interactive-success-hover: var(--eds-success-12);
+  --eds-text-interactive-success-pressed: var(--eds-success-13);
+  --eds-text-interactive-warning-default: var(--eds-warning-11);
+  --eds-text-interactive-warning-hover: var(--eds-warning-12);
+  --eds-text-interactive-warning-pressed: var(--eds-warning-13);
   --eds-text-inverted: var(--eds-neutral-1);
   --eds-text-on-emphasis: var(--eds-neutral-15);
   --eds-text-primary: var(--eds-neutral-12);
   --eds-text-secondary: var(--eds-neutral-8);
-  --eds-text-success: var(--eds-success-10);
+  --eds-text-success: var(--eds-success-12);
   --eds-text-tertiary: var(--eds-neutral-7);
-  --eds-text-warning: var(--eds-warning-10);
+  --eds-text-warning: var(--eds-warning-12);
   --eds-typography-header-2xl-font-size: var(--eds-density-typography-header-2xl-font-size);
   --eds-typography-header-2xl-line-height: var(--eds-density-typography-header-2xl-line-height);
   --eds-typography-header-3xl-font-size: var(--eds-density-typography-header-3xl-font-size);