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

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

Author: github-actions[bot]

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

@@ -2,15 +2,15 @@
   --eds-dark-blue-1: oklch(0.19 0.0053 240.68);
   --eds-dark-blue-10: oklch(0.88 0.0905 240.68);
   --eds-dark-blue-11: oklch(0.93 0.0701 240.68);
-  --eds-dark-blue-12: oklch(0.91 0.0782 240.68);
+  --eds-dark-blue-12: oklch(0.96 0.0583 240.68);
   --eds-dark-blue-13: oklch(0.99 0.0474 240.68);
   --eds-dark-blue-14: oklch(0.33 0.0245 240.68);
   --eds-dark-blue-15: oklch(0.1 0.0015 240.68);
   --eds-dark-blue-2: oklch(0.226 0.0082 240.68);
   --eds-dark-blue-3: oklch(0.47 0.0701 240.68);
   --eds-dark-blue-4: oklch(0.52 0.0905 240.68);
   --eds-dark-blue-5: oklch(0.58 0.1134 240.68);
-  --eds-dark-blue-6: oklch(0.47 0.0701 240.68);
+  --eds-dark-blue-6: oklch(0.595 0.1183 240.68);
   --eds-dark-blue-7: oklch(0.61 0.1227 240.68);
   --eds-dark-blue-8: oklch(0.76 0.1298 240.68);
   --eds-dark-blue-9: oklch(0.82 0.1134 240.68);
@@ -83,90 +83,90 @@
   --eds-dark-gray-1: oklch(0.19 0 0);
   --eds-dark-gray-10: oklch(0.88 0 0);
   --eds-dark-gray-11: oklch(0.93 0 0);
-  --eds-dark-gray-12: oklch(0.91 0 0);
+  --eds-dark-gray-12: oklch(0.96 0 0);
   --eds-dark-gray-13: oklch(0.99 0 0);
   --eds-dark-gray-14: oklch(0.33 0 0);
   --eds-dark-gray-15: oklch(0.1 0 0);
   --eds-dark-gray-2: oklch(0.226 0 0);
   --eds-dark-gray-3: oklch(0.47 0 0);
   --eds-dark-gray-4: oklch(0.52 0 0);
   --eds-dark-gray-5: oklch(0.58 0 0);
-  --eds-dark-gray-6: oklch(0.47 0 0);
+  --eds-dark-gray-6: oklch(0.595 0 0);
   --eds-dark-gray-7: oklch(0.61 0 0);
   --eds-dark-gray-8: oklch(0.76 0 0);
   --eds-dark-gray-9: oklch(0.82 0 0);
   --eds-dark-green-1: oklch(0.19 0.0064 142.98);
   --eds-dark-green-10: oklch(0.88 0.1107 142.98);
   --eds-dark-green-11: oklch(0.93 0.0856 142.98);
-  --eds-dark-green-12: oklch(0.91 0.0956 142.98);
+  --eds-dark-green-12: oklch(0.96 0.0713 142.98);
   --eds-dark-green-13: oklch(0.99 0.058 142.98);
   --eds-dark-green-14: oklch(0.33 0.03 142.98);
   --eds-dark-green-15: oklch(0.1 0.0018 142.98);
   --eds-dark-green-2: oklch(0.226 0.01 142.98);
   --eds-dark-green-3: oklch(0.47 0.0856 142.98);
   --eds-dark-green-4: oklch(0.52 0.1107 142.98);
   --eds-dark-green-5: oklch(0.58 0.1386 142.98);
-  --eds-dark-green-6: oklch(0.47 0.0856 142.98);
+  --eds-dark-green-6: oklch(0.595 0.1445 142.98);
   --eds-dark-green-7: oklch(0.61 0.1499 142.98);
   --eds-dark-green-8: oklch(0.76 0.1586 142.98);
   --eds-dark-green-9: oklch(0.82 0.1386 142.98);
   --eds-dark-moss-green-1: oklch(0.19 0.0033 204.55);
   --eds-dark-moss-green-10: oklch(0.88 0.0566 204.55);
   --eds-dark-moss-green-11: oklch(0.93 0.0438 204.55);
-  --eds-dark-moss-green-12: oklch(0.91 0.0489 204.55);
+  --eds-dark-moss-green-12: oklch(0.96 0.0364 204.55);
   --eds-dark-moss-green-13: oklch(0.99 0.0297 204.55);
   --eds-dark-moss-green-14: oklch(0.33 0.0153 204.55);
   --eds-dark-moss-green-15: oklch(0.1 0.0009 204.55);
   --eds-dark-moss-green-2: oklch(0.226 0.0051 204.55);
   --eds-dark-moss-green-3: oklch(0.47 0.0438 204.55);
   --eds-dark-moss-green-4: oklch(0.52 0.0566 204.55);
   --eds-dark-moss-green-5: oklch(0.58 0.0709 204.55);
-  --eds-dark-moss-green-6: oklch(0.47 0.0438 204.55);
+  --eds-dark-moss-green-6: oklch(0.595 0.0739 204.55);
   --eds-dark-moss-green-7: oklch(0.61 0.0767 204.55);
   --eds-dark-moss-green-8: oklch(0.76 0.0811 204.55);
   --eds-dark-moss-green-9: oklch(0.82 0.0709 204.55);
   --eds-dark-north-sea-1: oklch(0.19 0.0014 242.96);
   --eds-dark-north-sea-10: oklch(0.88 0.0242 242.96);
   --eds-dark-north-sea-11: oklch(0.93 0.0187 242.96);
-  --eds-dark-north-sea-12: oklch(0.91 0.0209 242.96);
+  --eds-dark-north-sea-12: oklch(0.96 0.0156 242.96);
   --eds-dark-north-sea-13: oklch(0.99 0.0127 242.96);
   --eds-dark-north-sea-14: oklch(0.33 0.0066 242.96);
   --eds-dark-north-sea-15: oklch(0.1 0.0004 242.96);
   --eds-dark-north-sea-2: oklch(0.226 0.0022 242.96);
   --eds-dark-north-sea-3: oklch(0.47 0.0187 242.96);
   --eds-dark-north-sea-4: oklch(0.52 0.0242 242.96);
   --eds-dark-north-sea-5: oklch(0.58 0.0303 242.96);
-  --eds-dark-north-sea-6: oklch(0.47 0.0187 242.96);
+  --eds-dark-north-sea-6: oklch(0.595 0.0316 242.96);
   --eds-dark-north-sea-7: oklch(0.61 0.0328 242.96);
   --eds-dark-north-sea-8: oklch(0.76 0.0347 242.96);
   --eds-dark-north-sea-9: oklch(0.82 0.0303 242.96);
   --eds-dark-orange-1: oklch(0.19 0.0064 58.74);
   --eds-dark-orange-10: oklch(0.88 0.1098 58.74);
   --eds-dark-orange-11: oklch(0.93 0.085 58.74);
-  --eds-dark-orange-12: oklch(0.91 0.0949 58.74);
+  --eds-dark-orange-12: oklch(0.96 0.0707 58.74);
   --eds-dark-orange-13: oklch(0.99 0.0576 58.74);
   --eds-dark-orange-14: oklch(0.33 0.0297 58.74);
   --eds-dark-orange-15: oklch(0.1 0.0018 58.74);
   --eds-dark-orange-2: oklch(0.226 0.0099 58.74);
   --eds-dark-orange-3: oklch(0.47 0.085 58.74);
   --eds-dark-orange-4: oklch(0.52 0.1098 58.74);
   --eds-dark-orange-5: oklch(0.58 0.1376 58.74);
-  --eds-dark-orange-6: oklch(0.47 0.085 58.74);
+  --eds-dark-orange-6: oklch(0.595 0.1435 58.74);
   --eds-dark-orange-7: oklch(0.61 0.1488 58.74);
   --eds-dark-orange-8: oklch(0.76 0.1574 58.74);
   --eds-dark-orange-9: oklch(0.82 0.1376 58.74);
   --eds-dark-red-1: oklch(0.19 0.009 21.12);
   --eds-dark-red-10: oklch(0.88 0.1543 21.12);
   --eds-dark-red-11: oklch(0.93 0.1194 21.12);
-  --eds-dark-red-12: oklch(0.91 0.1333 21.12);
+  --eds-dark-red-12: oklch(0.96 0.0994 21.12);
   --eds-dark-red-13: oklch(0.99 0.0809 21.12);
   --eds-dark-red-14: oklch(0.33 0.0418 21.12);
   --eds-dark-red-15: oklch(0.1 0.0026 21.12);
   --eds-dark-red-2: oklch(0.226 0.014 21.12);
   --eds-dark-red-3: oklch(0.47 0.1194 21.12);
   --eds-dark-red-4: oklch(0.52 0.1543 21.12);
   --eds-dark-red-5: oklch(0.58 0.1933 21.12);
-  --eds-dark-red-6: oklch(0.47 0.1194 21.12);
+  --eds-dark-red-6: oklch(0.595 0.2016 21.12);
   --eds-dark-red-7: oklch(0.61 0.2091 21.12);
   --eds-dark-red-8: oklch(0.76 0.2212 21.12);
   --eds-dark-red-9: oklch(0.82 0.1933 21.12);

packages/eds-tokens/src/tokens/css/density/compact.css

@@ -43,7 +43,7 @@
   --eds-density-typography-ui-md-font-size: var(--eds-primitives-type-scale-inter-300-font-size);
   --eds-density-typography-ui-md-line-height: var(--eds-primitives-lineheight-scale-200-default);
   --eds-density-typography-ui-sm-font-size: var(--eds-primitives-type-scale-inter-200-font-size);
-  --eds-density-typography-ui-sm-line-height: var(--eds-primitives-lineheight-scale-200-default);
+  --eds-density-typography-ui-sm-line-height: var(--eds-primitives-lineheight-scale-100-default);
   --eds-density-typography-ui-xl-font-size: var(--eds-primitives-type-scale-inter-500-font-size);
   --eds-density-typography-ui-xl-line-height: var(--eds-primitives-lineheight-scale-500-default);
   --eds-density-typography-ui-xs-font-size: var(--eds-primitives-type-scale-inter-100-font-size);

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

@@ -1,46 +1,58 @@
 :root,
 [data-color-scheme] {
   --eds-background-canvas: var(--eds-neutral-1);
-  --eds-background-danger: var(--eds-danger-2);
+  --eds-background-danger: var(--eds-danger-3);
   --eds-background-dialog: var(--eds-neutral-15);
   --eds-background-floating: var(--eds-neutral-15);
-  --eds-background-info: var(--eds-info-2);
+  --eds-background-info: var(--eds-info-3);
   --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);
-  --eds-background-interactive-accent-muted-default: var(--eds-accent-2);
-  --eds-background-interactive-accent-muted-hover: var(--eds-accent-3);
-  --eds-background-interactive-accent-muted-pressed: var(--eds-accent-4);
+  --eds-background-interactive-accent-muted-default: var(--eds-accent-3);
+  --eds-background-interactive-accent-muted-hover: var(--eds-accent-4);
+  --eds-background-interactive-accent-muted-pressed: var(--eds-accent-5);
   --eds-background-interactive-accent-selected-default: var(--eds-accent-5);
   --eds-background-interactive-accent-selected-hover: var(--eds-accent-7);
   --eds-background-interactive-accent-selected-pressed: var(--eds-accent-8);
   --eds-background-interactive-danger-emphasis-default: var(--eds-danger-9);
   --eds-background-interactive-danger-emphasis-hover: var(--eds-danger-10);
   --eds-background-interactive-danger-emphasis-pressed: var(--eds-danger-11);
-  --eds-background-interactive-danger-muted-default: var(--eds-danger-2);
-  --eds-background-interactive-danger-muted-hover: var(--eds-danger-3);
-  --eds-background-interactive-danger-muted-pressed: var(--eds-danger-4);
-  --eds-background-interactive-disabled: var(--eds-neutral-2);
+  --eds-background-interactive-danger-muted-default: var(--eds-danger-3);
+  --eds-background-interactive-danger-muted-hover: var(--eds-danger-4);
+  --eds-background-interactive-danger-muted-pressed: var(--eds-danger-5);
+  --eds-background-interactive-disabled: var(--eds-neutral-3);
+  --eds-background-interactive-info-emphasis-default: var(--eds-info-9);
+  --eds-background-interactive-info-emphasis-hover: var(--eds-info-10);
+  --eds-background-interactive-info-emphasis-pressed: var(--eds-info-11);
+  --eds-background-interactive-info-muted-default: var(--eds-info-3);
+  --eds-background-interactive-info-muted-hover: var(--eds-info-4);
+  --eds-background-interactive-info-muted-pressed: var(--eds-info-5);
   --eds-background-interactive-neutral-emphasis-default: var(--eds-neutral-9);
   --eds-background-interactive-neutral-emphasis-hover: var(--eds-neutral-10);
   --eds-background-interactive-neutral-emphasis-pressed: var(--eds-neutral-11);
-  --eds-background-interactive-neutral-muted-default: var(--eds-neutral-1);
-  --eds-background-interactive-neutral-muted-hover: var(--eds-neutral-2);
-  --eds-background-interactive-neutral-muted-pressed: var(--eds-neutral-3);
-  --eds-background-interactive-neutral-selected-default: var(--eds-accent-2);
-  --eds-background-interactive-neutral-selected-hover: var(--eds-accent-3);
-  --eds-background-interactive-neutral-selected-pressed: var(--eds-accent-4);
-  --eds-background-interactive-read-only: var(--eds-neutral-2);
+  --eds-background-interactive-neutral-muted-default: var(--eds-neutral-3);
+  --eds-background-interactive-neutral-muted-hover: var(--eds-neutral-4);
+  --eds-background-interactive-neutral-muted-pressed: var(--eds-neutral-5);
+  --eds-background-interactive-neutral-selected-default: var(--eds-accent-3);
+  --eds-background-interactive-neutral-selected-hover: var(--eds-accent-4);
+  --eds-background-interactive-neutral-selected-pressed: var(--eds-accent-5);
+  --eds-background-interactive-read-only: var(--eds-neutral-3);
+  --eds-background-interactive-success-emphasis-default: var(--eds-success-9);
+  --eds-background-interactive-success-emphasis-hover: var(--eds-success-10);
+  --eds-background-interactive-success-emphasis-pressed: var(--eds-success-11);
+  --eds-background-interactive-success-muted-default: var(--eds-success-3);
+  --eds-background-interactive-success-muted-hover: var(--eds-success-4);
+  --eds-background-interactive-success-muted-pressed: var(--eds-success-5);
   --eds-background-interactive-warning-emphasis-default: var(--eds-warning-9);
   --eds-background-interactive-warning-emphasis-hover: var(--eds-warning-10);
   --eds-background-interactive-warning-emphasis-pressed: var(--eds-warning-11);
-  --eds-background-interactive-warning-muted-default: var(--eds-warning-2);
-  --eds-background-interactive-warning-muted-hover: var(--eds-warning-3);
-  --eds-background-interactive-warning-muted-pressed: var(--eds-warning-4);
+  --eds-background-interactive-warning-muted-default: var(--eds-warning-3);
+  --eds-background-interactive-warning-muted-hover: var(--eds-warning-4);
+  --eds-background-interactive-warning-muted-pressed: var(--eds-warning-5);
   --eds-background-inverted: var(--eds-neutral-12);
-  --eds-background-success: var(--eds-success-2);
+  --eds-background-success: var(--eds-success-3);
   --eds-background-surface: var(--eds-neutral-15);
-  --eds-background-warning: var(--eds-warning-2);
+  --eds-background-warning: var(--eds-warning-3);
   --eds-border-accent-medium: var(--eds-accent-7);
   --eds-border-accent-strong: var(--eds-accent-9);
   --eds-border-accent-subtle: var(--eds-accent-4);
@@ -58,15 +70,27 @@
   --eds-border-interactive-danger-muted-default: var(--eds-danger-4);
   --eds-border-interactive-danger-muted-hover: var(--eds-danger-5);
   --eds-border-interactive-danger-muted-pressed: var(--eds-danger-7);
-  --eds-border-interactive-disabled: var(--eds-neutral-2);
+  --eds-border-interactive-disabled: var(--eds-neutral-4);
   --eds-border-interactive-focus: var(--eds-border-focus);
+  --eds-border-interactive-info-emphasis-default: var(--eds-info-9);
+  --eds-border-interactive-info-emphasis-hover: var(--eds-info-10);
+  --eds-border-interactive-info-emphasis-pressed: var(--eds-info-11);
+  --eds-border-interactive-info-muted-default: var(--eds-info-4);
+  --eds-border-interactive-info-muted-hover: var(--eds-info-5);
+  --eds-border-interactive-info-muted-pressed: var(--eds-info-7);
   --eds-border-interactive-neutral-emphasis-default: var(--eds-neutral-9);
   --eds-border-interactive-neutral-emphasis-hover: var(--eds-neutral-10);
   --eds-border-interactive-neutral-emphasis-pressed: var(--eds-neutral-11);
   --eds-border-interactive-neutral-muted-default: var(--eds-neutral-4);
   --eds-border-interactive-neutral-muted-hover: var(--eds-neutral-7);
   --eds-border-interactive-neutral-muted-pressed: var(--eds-neutral-8);
   --eds-border-interactive-selected-indicator: var(--eds-accent-13);
+  --eds-border-interactive-success-emphasis-default: var(--eds-success-9);
+  --eds-border-interactive-success-emphasis-hover: var(--eds-success-10);
+  --eds-border-interactive-success-emphasis-pressed: var(--eds-success-11);
+  --eds-border-interactive-success-muted-default: var(--eds-success-4);
+  --eds-border-interactive-success-muted-hover: var(--eds-success-5);
+  --eds-border-interactive-success-muted-pressed: var(--eds-success-7);
   --eds-border-interactive-warning-emphasis-default: var(--eds-warning-9);
   --eds-border-interactive-warning-emphasis-hover: var(--eds-warning-10);
   --eds-border-interactive-warning-emphasis-pressed: var(--eds-warning-11);
@@ -75,7 +99,7 @@
   --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-subtle: var(--eds-neutral-2);
+  --eds-border-neutral-subtle: var(--eds-neutral-4);
   --eds-border-success-subtle: var(--eds-success-4);
   --eds-border-warning-subtle: var(--eds-warning-4);
   --eds-corner-radius-none: var(--eds-density-corner-radius-none);
@@ -153,7 +177,7 @@
   --eds-font-weight-bolder: var(--eds-weight-bolder);
   --eds-font-weight-lighter: var(--eds-weight-lighter);
   --eds-font-weight-normal: var(--eds-weight-normal);
-  --eds-icon-accent: var(--eds-accent-12);
+  --eds-icon-accent: var(--eds-accent-10);
   --eds-icon-danger: var(--eds-danger-10);
   --eds-icon-info: var(--eds-info-10);
   --eds-icon-interactive-accent-default: var(--eds-accent-11);
@@ -163,9 +187,15 @@
   --eds-icon-interactive-danger-hover: var(--eds-danger-11);
   --eds-icon-interactive-danger-pressed: var(--eds-danger-12);
   --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);
+  --eds-icon-interactive-info-pressed: var(--eds-info-13);
   --eds-icon-interactive-link-default: var(--eds-info-8);
   --eds-icon-interactive-link-hover: var(--eds-info-9);
   --eds-icon-interactive-link-pressed: var(--eds-info-10);
+  --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);
@@ -198,9 +228,15 @@
   --eds-text-interactive-danger-hover: var(--eds-danger-11);
   --eds-text-interactive-danger-pressed: var(--eds-danger-12);
   --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-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);