Skip to content

feat: update tokens from Tokens Studio release #5284

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
eddiman merged 1 commit into from
Aug 11, 2026
Merged

feat: update tokens from Tokens Studio release #5284

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
28 changes: 14 additions & 14 deletions packages/eds-tokens/src/tokens/css/colors/default.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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);
Expand Down Expand Up @@ -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);
Expand Down
2 changes: 1 addition & 1 deletion packages/eds-tokens/src/tokens/css/density/compact.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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);
Expand Down
84 changes: 60 additions & 24 deletions packages/eds-tokens/src/tokens/css/semantic/default.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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);
Expand All @@ -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);
Expand All @@ -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);
Expand Down Expand Up @@ -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);
Expand All @@ -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);
Expand Down Expand Up @@ -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);
Expand Down
Loading
Loading