From 5ced583de296a5aa24e07a4b76d90563f4751ae2 Mon Sep 17 00:00:00 2001 From: oddvernes Date: Fri, 3 Jan 2025 11:50:47 +0100 Subject: [PATCH] style-dictionary upd changed sorting in tokens --- .../build/css/color/colors-verbose.css | 1088 ++++---- .../build/css/color/dark-verbose.css | 1088 ++++---- .../build/css/color/light-verbose.css | 1088 ++++---- .../css/color/simple-semantic-verbose.css | 100 +- .../build/css/spacing/comfortable-verbose.css | 524 ++-- .../build/css/spacing/spacing-verbose.css | 524 ++-- .../build/css/spacing/spacious-verbose.css | 524 ++-- .../build/css/variables-verbose.css | 2188 ++++++++--------- .../build/css/variables-verbose.min.css | 2 +- packages/eds-tokens/build/js/color/dark.d.ts | 1095 ++++----- packages/eds-tokens/build/js/color/dark.js | 936 +++---- packages/eds-tokens/build/js/color/light.d.ts | 1095 ++++----- packages/eds-tokens/build/js/color/light.js | 908 +++---- .../eds-tokens/build/js/color/primitives.d.ts | 653 ++--- .../eds-tokens/build/js/color/primitives.js | 2 +- .../build/js/color/simple-semantic.d.ts | 104 +- .../build/js/spacing/comfortable.d.ts | 670 ++--- .../build/js/spacing/primitives.d.ts | 488 ++-- .../eds-tokens/build/js/spacing/spacious.d.ts | 670 ++--- 19 files changed, 6954 insertions(+), 6793 deletions(-) diff --git a/packages/eds-tokens/build/css/color/colors-verbose.css b/packages/eds-tokens/build/css/color/colors-verbose.css index 334cf1e075..55f88a5061 100644 --- a/packages/eds-tokens/build/css/color/colors-verbose.css +++ b/packages/eds-tokens/build/css/color/colors-verbose.css @@ -3,551 +3,551 @@ */ :root { - --eds-ui-scrim-color-surface: light-dark(rgba(0, 0, 0, 0.4), #00000066); /* Scrim */ - --eds-ui-floating-color-surface: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1300)); /* Recommended background color for EDS applications */ - --eds-ui-shell-color-border: light-dark(var(--eds-color-neutral-100), var(--eds-color-slate-blue-1400)); /* Sidebar, Topbar, Side sheet */ - --eds-ui-shell-color-surface: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1350)); /* Sidebar, Side sheet, Toolbar, Top bar */ - --eds-ui-main-color-surface: light-dark(var(--eds-color-neutral-100), var(--eds-color-slate-blue-1400)); /* Recommended background color for EDS applications */ - --eds-table-header-color-static-surface-on-level-3: light-dark(var(--eds-color-neutral-100), var(--eds-color-slate-blue-1200)); /* Table header, Table data grid header */ - --eds-table-header-color-static-surface-on-level-2: light-dark(var(--eds-color-neutral-100), var(--eds-color-slate-blue-1300)); /* Table header, Table data grid header */ - --eds-table-header-color-static-surface-on-level-1: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1350)); /* Table header, Table data grid header */ - --eds-table-header-color-static-border-on-level-3: light-dark(var(--eds-color-neutral-300), #ffffff29); - --eds-table-header-color-static-border-on-level-2: light-dark(var(--eds-color-neutral-300), #ffffff29); - --eds-table-header-color-static-border-on-level-1: light-dark(var(--eds-color-neutral-300), #ffffff29); - --eds-table-header-color-static-icon-on-level-3: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); - --eds-table-header-color-static-icon-on-level-2: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); - --eds-table-header-color-static-icon-on-level-1: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); - --eds-table-header-color-static-text-on-level-3: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); - --eds-table-header-color-static-text-on-level-2: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); - --eds-table-header-color-static-text-on-level-1: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); - --eds-table-header-color-interactive-surface-disabled-on-level-3: light-dark(rgba(255, 255, 255, 0), #00000000); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-disabled-on-level-2: light-dark(rgba(255, 255, 255, 0), #00000000); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-disabled-on-level-1: light-dark(rgba(255, 255, 255, 0), #00000000); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-active-hover-on-level-3: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1100)); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-active-hover-on-level-2: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-active-hover-on-level-1: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-active-on-level-3: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-blue-1200)); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-active-on-level-2: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-blue-1300)); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-active-on-level-1: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-blue-1300)); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-hover-on-level-3: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-hover-on-level-2: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-hover-on-level-1: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-initial-on-level-3: light-dark(var(--eds-color-neutral-100), var(--eds-color-slate-blue-1200)); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-initial-on-level-2: light-dark(var(--eds-color-neutral-100), var(--eds-color-slate-blue-1300)); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-initial-on-level-1: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1350)); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-border-disabled-on-level-3: light-dark(var(--eds-color-neutral-300), #ffffff29); - --eds-table-header-color-interactive-border-disabled-on-level-2: light-dark(var(--eds-color-neutral-300), #ffffff29); - --eds-table-header-color-interactive-border-disabled-on-level-1: light-dark(var(--eds-color-neutral-300), #ffffff29); - --eds-table-header-color-interactive-border-active-hover-on-level-3: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-200)); - --eds-table-header-color-interactive-border-active-hover-on-level-2: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); - --eds-table-header-color-interactive-border-active-hover-on-level-1: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); - --eds-table-header-color-interactive-border-active-on-level-3: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-300)); - --eds-table-header-color-interactive-border-active-on-level-2: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); - --eds-table-header-color-interactive-border-active-on-level-1: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); - --eds-table-header-color-interactive-border-hover-on-level-3: light-dark(var(--eds-color-neutral-500), #ffffff33); - --eds-table-header-color-interactive-border-hover-on-level-2: light-dark(var(--eds-color-neutral-500), #ffffff33); - --eds-table-header-color-interactive-border-hover-on-level-1: light-dark(var(--eds-color-neutral-500), #ffffff33); - --eds-table-header-color-interactive-border-initial-on-level-3: light-dark(var(--eds-color-neutral-300), #ffffff29); - --eds-table-header-color-interactive-border-initial-on-level-2: light-dark(var(--eds-color-neutral-300), #ffffff29); - --eds-table-header-color-interactive-border-initial-on-level-1: light-dark(var(--eds-color-neutral-300), #ffffff29); - --eds-table-header-color-interactive-icon-disabled-on-level-3: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); - --eds-table-header-color-interactive-icon-disabled-on-level-2: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-table-header-color-interactive-icon-disabled-on-level-1: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-table-header-color-interactive-icon-active-hover-on-level-3: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-200)); - --eds-table-header-color-interactive-icon-active-hover-on-level-2: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); - --eds-table-header-color-interactive-icon-active-hover-on-level-1: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); - --eds-table-header-color-interactive-icon-active-on-level-3: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-300)); - --eds-table-header-color-interactive-icon-active-on-level-2: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); - --eds-table-header-color-interactive-icon-active-on-level-1: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); - --eds-table-header-color-interactive-icon-hover-on-level-3: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); - --eds-table-header-color-interactive-icon-hover-on-level-2: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); - --eds-table-header-color-interactive-icon-hover-on-level-1: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); - --eds-table-header-color-interactive-icon-initial-on-level-3: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); - --eds-table-header-color-interactive-icon-initial-on-level-2: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-table-header-color-interactive-icon-initial-on-level-1: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-table-header-color-interactive-text-disabled-on-level-3: light-dark(var(--eds-color-neutral-500), var(--eds-color-neutral-1000)); - --eds-table-header-color-interactive-text-disabled-on-level-2: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-table-header-color-interactive-text-disabled-on-level-1: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-table-header-color-interactive-text-active-hover-on-level-3: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-200)); - --eds-table-header-color-interactive-text-active-hover-on-level-2: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); - --eds-table-header-color-interactive-text-active-hover-on-level-1: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); - --eds-table-header-color-interactive-text-active-on-level-3: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-300)); - --eds-table-header-color-interactive-text-active-on-level-2: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); - --eds-table-header-color-interactive-text-active-on-level-1: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); - --eds-table-header-color-interactive-text-hover-on-level-3: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); - --eds-table-header-color-interactive-text-hover-on-level-2: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); - --eds-table-header-color-interactive-text-hover-on-level-1: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); - --eds-table-header-color-interactive-text-initial-on-level-3: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); - --eds-table-header-color-interactive-text-initial-on-level-2: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); - --eds-table-header-color-interactive-text-initial-on-level-1: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); - --eds-table-cell-color-interactive-surface-disabled-on-level-3: light-dark(rgba(255, 255, 255, 0), #00000000); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-disabled-on-level-2: light-dark(rgba(255, 255, 255, 0), #00000000); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-disabled-on-level-1: light-dark(rgba(255, 255, 255, 0), #00000000); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-active-hover-on-level-3: light-dark(var(--eds-color-moss-green-300), var(--eds-color-mist-blue-muted-1100)); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-active-hover-on-level-2: light-dark(var(--eds-color-moss-green-300), var(--eds-color-mist-blue-muted-1200)); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-active-hover-on-level-1: light-dark(var(--eds-color-moss-green-300), var(--eds-color-mist-blue-muted-1200)); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-active-on-level-3: light-dark(var(--eds-color-moss-green-200), var(--eds-color-mist-blue-muted-1200)); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-active-on-level-2: light-dark(var(--eds-color-moss-green-200), var(--eds-color-mist-blue-muted-1300)); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-active-on-level-1: light-dark(var(--eds-color-moss-green-200), var(--eds-color-mist-blue-muted-1300)); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-hover-on-level-3: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-hover-on-level-2: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-hover-on-level-1: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-initial-on-level-3: light-dark(rgba(255, 255, 255, 0), #00000000); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-initial-on-level-2: light-dark(rgba(255, 255, 255, 0), #00000000); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-initial-on-level-1: light-dark(rgba(255, 255, 255, 0), #00000000); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-border-disabled-on-level-3: light-dark(var(--eds-color-neutral-300), #ffffff29); /* Border on Table cell doesn't change from Initial state, only the text & the icon. */ - --eds-table-cell-color-interactive-border-disabled-on-level-2: light-dark(var(--eds-color-neutral-300), #ffffff29); /* Border on Table cell doesn't change from Initial state, only the text & the icon. */ - --eds-table-cell-color-interactive-border-disabled-on-level-1: light-dark(var(--eds-color-neutral-300), #ffffff29); /* Border on Table cell doesn't change from Initial state, only the text & the icon. */ - --eds-table-cell-color-interactive-border-active-hover-on-level-3: light-dark(var(--eds-color-neutral-500), #ffffff33); - --eds-table-cell-color-interactive-border-active-hover-on-level-2: light-dark(var(--eds-color-neutral-500), #ffffff33); - --eds-table-cell-color-interactive-border-active-hover-on-level-1: light-dark(var(--eds-color-neutral-500), #ffffff33); - --eds-table-cell-color-interactive-border-active-on-level-3: light-dark(var(--eds-color-neutral-300), #ffffff29); - --eds-table-cell-color-interactive-border-active-on-level-2: light-dark(var(--eds-color-neutral-300), #ffffff29); - --eds-table-cell-color-interactive-border-active-on-level-1: light-dark(var(--eds-color-neutral-300), #ffffff29); - --eds-table-cell-color-interactive-border-hover-on-level-3: light-dark(var(--eds-color-neutral-500), #ffffff33); - --eds-table-cell-color-interactive-border-hover-on-level-2: light-dark(var(--eds-color-neutral-500), #ffffff33); - --eds-table-cell-color-interactive-border-hover-on-level-1: light-dark(var(--eds-color-neutral-500), #ffffff33); - --eds-table-cell-color-interactive-border-initial-on-level-3: light-dark(var(--eds-color-neutral-300), #ffffff29); - --eds-table-cell-color-interactive-border-initial-on-level-2: light-dark(var(--eds-color-neutral-300), #ffffff29); - --eds-table-cell-color-interactive-border-initial-on-level-1: light-dark(var(--eds-color-neutral-300), #ffffff29); - --eds-table-cell-color-interactive-icon-disabled-on-level-3: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-table-cell-color-interactive-icon-disabled-on-level-2: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-table-cell-color-interactive-icon-disabled-on-level-1: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-table-cell-color-interactive-icon-active-hover-on-level-3: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-100)); /* Table cell, Table data grid cell, Table header, Table data grid header */ - --eds-table-cell-color-interactive-icon-active-hover-on-level-2: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); /* Table cell, Table data grid cell, Table header, Table data grid header */ - --eds-table-cell-color-interactive-icon-active-hover-on-level-1: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); /* Table cell, Table data grid cell, Table header, Table data grid header */ - --eds-table-cell-color-interactive-icon-active-on-level-3: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-200)); /* Table cell, Table data grid cell, Table header, Table data grid header */ - --eds-table-cell-color-interactive-icon-active-on-level-2: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Table cell, Table data grid cell, Table header, Table data grid header */ - --eds-table-cell-color-interactive-icon-active-on-level-1: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Table cell, Table data grid cell, Table header, Table data grid header */ - --eds-table-cell-color-interactive-icon-hover-on-level-3: light-dark(var(--eds-color-neutral-1400), var(--eds-color-slate-grey-200)); /* Table cell, Table data grid cell, Table header, Table data grid header */ - --eds-table-cell-color-interactive-icon-hover-on-level-2: light-dark(var(--eds-color-neutral-1400), var(--eds-color-slate-grey-200)); /* Table cell, Table data grid cell, Table header, Table data grid header */ - --eds-table-cell-color-interactive-icon-hover-on-level-1: light-dark(var(--eds-color-neutral-1400), var(--eds-color-slate-grey-200)); /* Table cell, Table data grid cell, Table header, Table data grid header */ - --eds-table-cell-color-interactive-icon-initial-on-level-3: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Table cell, Table data grid cell, Table header, Table data grid header */ - --eds-table-cell-color-interactive-icon-initial-on-level-2: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Table cell, Table data grid cell, Table header, Table data grid header */ - --eds-table-cell-color-interactive-icon-initial-on-level-1: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Table cell, Table data grid cell, Table header, Table data grid header */ - --eds-table-cell-color-interactive-text-disabled-on-level-3: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-table-cell-color-interactive-text-disabled-on-level-2: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-table-cell-color-interactive-text-disabled-on-level-1: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-table-cell-color-interactive-text-active-hover-on-level-3: light-dark(var(--eds-color-neutral-1400), var(--eds-color-slate-grey-200)); /* Interactive table cell, data grid cell */ - --eds-table-cell-color-interactive-text-active-hover-on-level-2: light-dark(var(--eds-color-neutral-1400), var(--eds-color-slate-grey-200)); /* Interactive table cell, data grid cell */ - --eds-table-cell-color-interactive-text-active-hover-on-level-1: light-dark(var(--eds-color-neutral-1400), var(--eds-color-slate-grey-200)); /* Interactive table cell, data grid cell */ - --eds-table-cell-color-interactive-text-active-on-level-3: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); /* Interactive table cell, table data grid cell */ - --eds-table-cell-color-interactive-text-active-on-level-2: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); /* Interactive table cell, table data grid cell */ - --eds-table-cell-color-interactive-text-active-on-level-1: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); /* Interactive table cell, table data grid cell */ - --eds-table-cell-color-interactive-text-hover-on-level-3: light-dark(var(--eds-color-neutral-1400), var(--eds-color-slate-grey-200)); - --eds-table-cell-color-interactive-text-hover-on-level-2: light-dark(var(--eds-color-neutral-1400), var(--eds-color-slate-grey-200)); - --eds-table-cell-color-interactive-text-hover-on-level-1: light-dark(var(--eds-color-neutral-1400), var(--eds-color-slate-grey-200)); - --eds-table-cell-color-interactive-text-initial-on-level-3: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); - --eds-table-cell-color-interactive-text-initial-on-level-2: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); - --eds-table-cell-color-interactive-text-initial-on-level-1: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); - --eds-table-cell-color-message-surface-error: light-dark(var(--eds-color-red-warm-300), #ff666b47); /* Table cell, Table data grid cell */ - --eds-input-label-color-icon-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-input-label-color-icon-read-only: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-input-label-color-icon-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-input-label-color-text-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-input-label-color-text-read-only: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-input-label-color-text-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-input-color-message-text-error-disabled: var(--eds-color-red-cold-900); /* Text field */ - --eds-input-color-message-text-error-read-only: var(--eds-color-red-cold-900); /* Text field */ - --eds-input-color-message-text-error-focus: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-600)); /* Text field */ - --eds-input-color-message-text-error-initial: var(--eds-color-red-cold-900); /* Text field */ - --eds-input-color-message-text-warning-disabled: var(--eds-color-orange-800); /* Text field */ - --eds-input-color-message-text-warning-read-only: var(--eds-color-orange-800); /* Text field */ - --eds-input-color-message-text-warning-focus: light-dark(var(--eds-color-orange-1200), var(--eds-color-spruce-wood-500)); /* Text field */ - --eds-input-color-message-text-warning-initial: var(--eds-color-orange-800); /* Text field */ - --eds-input-color-message-text-success-disabled: var(--eds-color-success-green-900); /* Text field */ - --eds-input-color-message-text-success-read-only: var(--eds-color-success-green-900); /* Text field */ - --eds-input-color-message-text-success-focus: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-success-green-600)); /* Text field */ - --eds-input-color-message-text-success-initial: var(--eds-color-success-green-900); /* Text field */ - --eds-input-color-message-icon-error-disabled: var(--eds-color-red-cold-900); /* Text field */ - --eds-input-color-message-icon-error-read-only: var(--eds-color-red-cold-900); /* Text field */ - --eds-input-color-message-icon-error-focus: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-600)); /* Text field */ - --eds-input-color-message-icon-error-initial: var(--eds-color-red-cold-900); /* Text field */ - --eds-input-color-message-icon-warning-disabled: var(--eds-color-orange-800); /* Text field */ - --eds-input-color-message-icon-warning-read-only: var(--eds-color-orange-800); /* Text field */ - --eds-input-color-message-icon-warning-focus: light-dark(var(--eds-color-orange-1200), var(--eds-color-spruce-wood-500)); /* Text field */ - --eds-input-color-message-icon-warning-initial: var(--eds-color-orange-800); /* Text field */ - --eds-input-color-message-icon-success-disabled: var(--eds-color-success-green-900); /* Text field */ - --eds-input-color-message-icon-success-read-only: var(--eds-color-success-green-900); /* Text field */ - --eds-input-color-message-icon-success-focus: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-success-green-600)); /* Text field */ - --eds-input-color-message-icon-success-initial: var(--eds-color-success-green-900); /* Text field */ - --eds-input-color-message-border-error-disabled: var(--eds-color-red-cold-900); /* Text field */ - --eds-input-color-message-border-error-read-only: var(--eds-color-red-cold-900); /* Text field */ - --eds-input-color-message-border-error-focus: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-600)); /* Text field */ - --eds-input-color-message-border-error-initial: var(--eds-color-red-cold-900); /* Text field */ - --eds-input-color-message-border-warning-disabled: var(--eds-color-orange-800); /* Text field */ - --eds-input-color-message-border-warning-read-only: var(--eds-color-orange-800); /* Text field */ - --eds-input-color-message-border-warning-focus: light-dark(var(--eds-color-orange-1200), var(--eds-color-spruce-wood-500)); /* Text field */ - --eds-input-color-message-border-warning-initial: var(--eds-color-orange-800); /* Text field */ - --eds-input-color-message-border-success-disabled: var(--eds-color-success-green-900); /* Text field */ - --eds-input-color-message-border-success-read-only: var(--eds-color-success-green-900); /* Text field */ - --eds-input-color-message-border-success-focus: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-success-green-600)); /* Text field */ - --eds-input-color-message-border-success-initial: var(--eds-color-success-green-900); /* Text field */ - --eds-input-color-surface-read-only-on-level-3: light-dark(rgba(255, 255, 255, 0), #00000000); - --eds-input-color-surface-read-only-on-level-2: light-dark(rgba(255, 255, 255, 0), #00000000); - --eds-input-color-surface-read-only-on-level-1: light-dark(rgba(255, 255, 255, 0), #00000000); - --eds-input-color-surface-disabled-on-level-3: light-dark(var(--eds-color-neutral-100), #00000047); - --eds-input-color-surface-disabled-on-level-2: light-dark(var(--eds-color-neutral-100), #00000047); /* Autocomplete, Search, Table input, Text field input */ - --eds-input-color-surface-disabled-on-level-1: light-dark(var(--eds-color-neutral-0), #00000047); /* Autocomplete, Search, Table input, Text field input */ - --eds-input-color-surface-initial-on-level-3: light-dark(var(--eds-color-neutral-100), #00000047); - --eds-input-color-surface-initial-on-level-2: light-dark(var(--eds-color-neutral-100), #00000047); /* Autocomplete, Search, Table input, Text field input */ - --eds-input-color-surface-initial-on-level-1: light-dark(var(--eds-color-neutral-0), #00000047); /* Autocomplete, Search, Table input, Text field input */ - --eds-input-color-border-disabled: light-dark(rgba(255, 255, 255, 0), #00000000); /* Autocomplete, Search, Text field */ - --eds-input-color-border-focus: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Autocomplete, Search, Text field */ - --eds-input-color-border-read-only: light-dark(var(--eds-color-neutral-600), #ffffff29); /* Autocomplete, Text field */ - --eds-input-color-border-initial: light-dark(var(--eds-color-neutral-600), #ffffff29); /* Autocomplete, Text field */ - --eds-input-color-icon-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Autocomplete, Table input, Search, Text field */ - --eds-input-color-icon-focus: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); /* Autocomplete, Table input, Search, Text field */ - --eds-input-color-icon-read-only: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Autocomplete, Table input, Text field */ - --eds-input-color-icon-initial: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Autocomplete, Table input, Text field */ - --eds-input-color-text-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Autocomplete, Table input, Search, Text field */ - --eds-input-color-text-focus: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); /* Autocomplete, Table input, Search, Text field */ - --eds-input-color-text-read-only: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Autocomplete, Table input, Text field */ - --eds-input-color-text-initial: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Autocomplete, Table input, Text field */ - --eds-input-helper-color-message-icon-error-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-input-helper-color-message-icon-error-read-only: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-cold-600)); - --eds-input-helper-color-message-icon-error-focus: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-cold-600)); - --eds-input-helper-color-message-icon-error-initial: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-cold-600)); - --eds-input-helper-color-message-icon-warning-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-input-helper-color-message-icon-warning-read-only: light-dark(var(--eds-color-orange-1200), var(--eds-color-orange-500)); - --eds-input-helper-color-message-icon-warning-focus: light-dark(var(--eds-color-orange-1200), var(--eds-color-orange-500)); - --eds-input-helper-color-message-icon-warning-initial: light-dark(var(--eds-color-orange-1200), var(--eds-color-orange-500)); - --eds-input-helper-color-message-icon-success-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-input-helper-color-message-icon-success-read-only: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-lichen-green-600)); - --eds-input-helper-color-message-icon-success-focus: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-lichen-green-600)); - --eds-input-helper-color-message-icon-success-initial: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-lichen-green-600)); - --eds-input-helper-color-message-icon-info-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-input-helper-color-message-icon-info-read-only: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-blue-sky-600)); - --eds-input-helper-color-message-icon-info-focus: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-blue-sky-600)); - --eds-input-helper-color-message-icon-info-initial: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-blue-sky-600)); - --eds-input-helper-color-message-text-error-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-input-helper-color-message-text-error-read-only: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-cold-600)); - --eds-input-helper-color-message-text-error-focus: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-cold-600)); - --eds-input-helper-color-message-text-error-initial: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-cold-600)); - --eds-input-helper-color-message-text-warning-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-input-helper-color-message-text-warning-read-only: light-dark(var(--eds-color-orange-1200), var(--eds-color-orange-500)); - --eds-input-helper-color-message-text-warning-focus: light-dark(var(--eds-color-orange-1200), var(--eds-color-orange-500)); - --eds-input-helper-color-message-text-warning-initial: light-dark(var(--eds-color-orange-1200), var(--eds-color-orange-500)); - --eds-input-helper-color-message-text-success-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-input-helper-color-message-text-success-read-only: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-lichen-green-600)); - --eds-input-helper-color-message-text-success-focus: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-lichen-green-600)); - --eds-input-helper-color-message-text-success-initial: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-lichen-green-600)); - --eds-input-helper-color-message-text-info-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-input-helper-color-message-text-info-read-only: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-blue-sky-600)); - --eds-input-helper-color-message-text-info-focus: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-blue-sky-600)); - --eds-input-helper-color-message-text-info-initial: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-blue-sky-600)); - --eds-input-helper-color-icon-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Autocomplete, Table input, Search, Text field */ - --eds-input-helper-color-icon-read-only: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Autocomplete, Table input, Text field */ - --eds-input-helper-color-icon-focus: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Autocomplete, Table input, Text field */ - --eds-input-helper-color-icon-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Autocomplete, Table input, Text field */ - --eds-input-helper-color-text-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Autocomplete, Table input, Search, Text field */ - --eds-input-helper-color-text-read-only: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Autocomplete, Table input, Text field */ - --eds-input-helper-color-text-focus: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Autocomplete, Table input, Text field */ - --eds-input-helper-color-text-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Autocomplete, Table input, Text field */ - --eds-input-placeholder-color-text: light-dark(var(--eds-color-neutral-800), var(--eds-color-slate-grey-800)); /* Autocomplete, Table input, Search, Text field */ - --eds-input-asterix-color-text: var(--eds-color-red-cold-900); /* Autocomplete, Text field */ - --eds-color-message-surface-callout-error: light-dark(var(--eds-color-red-warm-300), var(--eds-color-red-cold-1200)); /* Banner */ - --eds-color-message-surface-callout-warning: light-dark(var(--eds-color-spruce-wood-200), var(--eds-color-orange-1200)); /* Banner */ - --eds-color-message-surface-callout-success: light-dark(var(--eds-color-lichen-green-200), var(--eds-color-lichen-green-1200)); /* Chip */ - --eds-color-message-surface-callout-info: light-dark(var(--eds-color-mist-blue-muted-300), var(--eds-color-blue-sky-1200)); /* Chip */ - --eds-color-message-surface-raised-error-hover: light-dark(var(--eds-color-red-warm-200), #ffe1e01a); /* Chip */ - --eds-color-message-surface-raised-error-initial: light-dark(var(--eds-color-red-warm-200), #ffe1e01a); /* Chip */ - --eds-color-message-surface-raised-warning-hover: light-dark(var(--eds-color-spruce-wood-100), #fff0e51a); /* Chip */ - --eds-color-message-surface-raised-warning-initial: light-dark(var(--eds-color-spruce-wood-100), #fff0e51a); /* Chip */ - --eds-color-message-surface-raised-success-hover: light-dark(var(--eds-color-lichen-green-100), #e6faec1a); /* Chip */ - --eds-color-message-surface-raised-success-initial: light-dark(var(--eds-color-lichen-green-100), #e6faec1a); /* Chip */ - --eds-color-message-surface-raised-info-hover: light-dark(var(--eds-color-mist-blue-muted-200), #dfeff71a); /* Chip */ - --eds-color-message-surface-raised-info-initial: light-dark(var(--eds-color-mist-blue-muted-200), #dfeff71a); /* Chip */ - --eds-color-message-surface-standard-error-on-level-3: light-dark(var(--eds-color-red-warm-300), var(--eds-color-slate-blue-1300)); /* Card */ - --eds-color-message-surface-standard-error-on-level-2: light-dark(var(--eds-color-red-warm-300), var(--eds-color-slate-blue-1350)); /* Card */ - --eds-color-message-surface-standard-error-on-level-1: light-dark(var(--eds-color-red-warm-300), var(--eds-color-slate-blue-1350)); /* Card */ - --eds-color-message-surface-standard-warning-on-level-3: light-dark(var(--eds-color-spruce-wood-200), var(--eds-color-slate-blue-1300)); /* Card */ - --eds-color-message-surface-standard-warning-on-level-2: light-dark(var(--eds-color-spruce-wood-200), var(--eds-color-slate-blue-1350)); /* Card */ - --eds-color-message-surface-standard-warning-on-level-1: light-dark(var(--eds-color-spruce-wood-200), var(--eds-color-slate-blue-1350)); /* Card */ - --eds-color-message-surface-standard-success-on-level-3: light-dark(var(--eds-color-lichen-green-200), var(--eds-color-slate-blue-1300)); /* Card */ - --eds-color-message-surface-standard-success-on-level-2: light-dark(var(--eds-color-lichen-green-200), var(--eds-color-slate-blue-1350)); /* Card */ - --eds-color-message-surface-standard-success-on-level-1: light-dark(var(--eds-color-lichen-green-200), var(--eds-color-slate-blue-1350)); /* Card */ - --eds-color-message-surface-standard-info-on-level-3: light-dark(var(--eds-color-mist-blue-muted-300), var(--eds-color-slate-blue-1300)); /* Card */ - --eds-color-message-surface-standard-info-on-level-2: light-dark(var(--eds-color-mist-blue-muted-300), var(--eds-color-slate-blue-1350)); /* Card */ - --eds-color-message-surface-standard-info-on-level-1: light-dark(var(--eds-color-mist-blue-muted-300), var(--eds-color-slate-blue-1350)); /* Card */ - --eds-color-message-border-callout-error: light-dark(var(--eds-color-red-warm-300), var(--eds-color-red-cold-1200)); /* Banner */ - --eds-color-message-border-callout-warning: light-dark(var(--eds-color-spruce-wood-200), var(--eds-color-orange-1200)); /* Banner */ - --eds-color-message-border-callout-success: light-dark(var(--eds-color-lichen-green-200), var(--eds-color-lichen-green-1200)); /* Banner */ - --eds-color-message-border-callout-info: light-dark(var(--eds-color-mist-blue-muted-300), var(--eds-color-blue-sky-1200)); /* Banner */ - --eds-color-message-border-raised-error-hover: light-dark(var(--eds-color-red-cold-1300), var(--eds-color-red-warm-500)); /* Chip */ - --eds-color-message-border-raised-error-initial: var(--eds-color-red-cold-900); /* Chip */ - --eds-color-message-border-raised-warning-hover: light-dark(var(--eds-color-orange-1300), var(--eds-color-spruce-wood-300)); /* Chip */ - --eds-color-message-border-raised-warning-initial: var(--eds-color-orange-800); /* Chip */ - --eds-color-message-border-raised-success-hover: light-dark(var(--eds-color-success-green-1300), var(--eds-color-success-green-300)); /* Chip */ - --eds-color-message-border-raised-success-initial: var(--eds-color-success-green-900); /* Chip */ - --eds-color-message-border-raised-info-hover: light-dark(var(--eds-color-blue-ocean-1300), var(--eds-color-blue-sky-400)); /* Chip */ - --eds-color-message-border-raised-info-initial: var(--eds-color-blue-sky-1000); /* Chip */ - --eds-color-message-border-standard-error: light-dark(var(--eds-color-red-warm-300), var(--eds-color-red-cold-900)); /* Card */ - --eds-color-message-border-standard-warning: light-dark(var(--eds-color-spruce-wood-200), var(--eds-color-orange-800)); /* Card */ - --eds-color-message-border-standard-success: light-dark(var(--eds-color-lichen-green-200), var(--eds-color-success-green-900)); /* Card */ - --eds-color-message-border-standard-info: light-dark(var(--eds-color-mist-blue-muted-300), var(--eds-color-blue-sky-1000)); /* Card */ - --eds-color-message-icon-callout-error: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-200)); /* Banner */ - --eds-color-message-icon-callout-warning: light-dark(var(--eds-color-orange-1200), var(--eds-color-spruce-wood-200)); /* Banner */ - --eds-color-message-icon-callout-success: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-lichen-green-200)); /* Banner */ - --eds-color-message-icon-callout-info: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-mist-blue-muted-200)); /* Banner */ - --eds-color-message-icon-raised-error-hover: light-dark(var(--eds-color-red-cold-1300), var(--eds-color-red-warm-500)); /* Deprecated - Chip. Use icon/message. */ - --eds-color-message-icon-raised-error-initial: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-600)); /* Deprecated - Chip. Use icon/message. */ - --eds-color-message-icon-raised-warning-hover: light-dark(var(--eds-color-orange-1300), var(--eds-color-spruce-wood-300)); /* Deprecated - Chip. Use icon/message. */ - --eds-color-message-icon-raised-warning-initial: light-dark(var(--eds-color-orange-1200), var(--eds-color-spruce-wood-500)); /* Deprecated - Chip. Use icon/message. */ - --eds-color-message-icon-raised-success-hover: light-dark(var(--eds-color-success-green-1300), var(--eds-color-success-green-300)); /* Deprecated - Chip. Use icon/message. */ - --eds-color-message-icon-raised-success-initial: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-success-green-600)); /* Deprecated - Chip. Use icon/message. */ - --eds-color-message-icon-raised-info-hover: light-dark(var(--eds-color-blue-ocean-1300), var(--eds-color-blue-sky-400)); /* Deprecated - Chip. Use icon/message. */ - --eds-color-message-icon-raised-info-initial: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-blue-sky-600)); /* Deprecated - Chip. Use icon/message. */ - --eds-color-message-icon-standard-error: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-600)); /* Deprecated - Card. Use icon/message. */ - --eds-color-message-icon-standard-warning: light-dark(var(--eds-color-orange-1200), var(--eds-color-spruce-wood-500)); /* Deprecated - Card. Use icon/message. */ - --eds-color-message-icon-standard-success: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-success-green-600)); /* Deprecated - Card. Use icon/message. */ - --eds-color-message-icon-standard-info: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-blue-sky-600)); /* Deprecated - Card. Use icon/message. */ - --eds-color-message-text-callout-error: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-200)); /* Banner */ - --eds-color-message-text-callout-warning: light-dark(var(--eds-color-orange-1200), var(--eds-color-spruce-wood-200)); /* Banner */ - --eds-color-message-text-callout-success: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-lichen-green-200)); /* Banner */ - --eds-color-message-text-callout-info: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-mist-blue-muted-200)); /* Banner */ - --eds-color-message-text-raised-error-hover: light-dark(var(--eds-color-red-cold-1300), var(--eds-color-red-warm-500)); /* Chip */ - --eds-color-message-text-raised-error-initial: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-600)); /* Chip, Card, input helper */ - --eds-color-message-text-raised-warning-hover: light-dark(var(--eds-color-orange-1300), var(--eds-color-spruce-wood-300)); /* Chip */ - --eds-color-message-text-raised-warning-initial: light-dark(var(--eds-color-orange-1200), var(--eds-color-spruce-wood-500)); /* Chip, Card, input helper */ - --eds-color-message-text-raised-success-hover: light-dark(var(--eds-color-success-green-1300), var(--eds-color-success-green-300)); /* Chip */ - --eds-color-message-text-raised-success-initial: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-success-green-600)); /* Chip, Card, input helper */ - --eds-color-message-text-raised-info-hover: light-dark(var(--eds-color-blue-ocean-1300), var(--eds-color-blue-sky-400)); /* Chip */ - --eds-color-message-text-raised-info-initial: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-blue-sky-600)); /* Chip, Card, input helper */ - --eds-color-message-text-standard-error: var(--eds-color-message-text-raised-error-initial); /* Deprecated - Card. Use text/message. */ - --eds-color-message-text-standard-warning: var(--eds-color-message-text-raised-warning-initial); /* Deprecated - Card. Use text/message. */ - --eds-color-message-text-standard-success: var(--eds-color-message-text-raised-success-initial); /* Deprecated - Card. Use text/message. */ - --eds-color-message-text-standard-info: var(--eds-color-message-text-raised-info-initial); /* Deprecated - Card. Use text/message. */ - --eds-color-action-surface-danger-tertiary-disabled: light-dark(rgba(255, 255, 255, 0), #00000000); /* Button */ - --eds-color-action-surface-danger-tertiary-hover: light-dark(var(--eds-color-red-warm-300), var(--eds-color-red-cold-1400)); /* Button */ - --eds-color-action-surface-danger-tertiary-initial: light-dark(rgba(255, 255, 255, 0), #00000000); /* Button */ - --eds-color-action-surface-danger-secondary-disabled: light-dark(rgba(255, 255, 255, 0), #00000000); /* Button */ - --eds-color-action-surface-danger-secondary-hover: light-dark(var(--eds-color-red-warm-300), var(--eds-color-red-cold-1400)); /* Button */ - --eds-color-action-surface-danger-secondary-initial: light-dark(rgba(255, 255, 255, 0), #00000000); /* Button */ - --eds-color-action-surface-danger-primary-disabled: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-grey-1300)); /* Button */ - --eds-color-action-surface-danger-primary-hover: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-500)); /* Button */ - --eds-color-action-surface-danger-primary-initial: light-dark(var(--eds-color-red-cold-900), var(--eds-color-red-warm-700)); /* Button */ - --eds-color-action-surface-muted-tertiary-disabled: light-dark(rgba(255, 255, 255, 0), #00000000); /* Button */ - --eds-color-action-surface-muted-tertiary-hover: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); /* Button */ - --eds-color-action-surface-muted-tertiary-initial: light-dark(rgba(255, 255, 255, 0), #00000000); /* Button */ - --eds-color-action-surface-muted-secondary-disabled: light-dark(rgba(255, 255, 255, 0), #00000000); /* Button */ - --eds-color-action-surface-muted-secondary-hover: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); /* Button */ - --eds-color-action-surface-muted-secondary-initial: light-dark(rgba(255, 255, 255, 0), #00000000); /* Button */ - --eds-color-action-surface-muted-primary-disabled: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-grey-1300)); /* Button */ - --eds-color-action-surface-muted-primary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Button */ - --eds-color-action-surface-muted-primary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Button */ - --eds-color-action-surface-standard-tertiary-hover: light-dark(var(--eds-color-moss-green-200), var(--eds-color-moss-green-sat-1400)); /* Button, Ghost button, Toggle button */ - --eds-color-action-surface-standard-tertiary-initial: light-dark(rgba(255, 255, 255, 0), #00000000); /* Button, Ghost button, Toggle button */ - --eds-color-action-surface-standard-tertiary-disabled: light-dark(rgba(255, 255, 255, 0), #00000000); /* Button */ - --eds-color-action-surface-standard-secondary-hover: light-dark(var(--eds-color-moss-green-200), var(--eds-color-moss-green-sat-1400)); /* Button, Ghost button, Toggle button */ - --eds-color-action-surface-standard-secondary-initial: light-dark(rgba(255, 255, 255, 0), #00000000); /* Button, Ghost button, Toggle button */ - --eds-color-action-surface-standard-secondary-disabled: light-dark(rgba(255, 255, 255, 0), #00000000); /* Button */ - --eds-color-action-surface-standard-primary-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); /* Button, Toggle button */ - --eds-color-action-surface-standard-primary-initial: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Button, Toggle button */ - --eds-color-action-surface-standard-primary-disabled: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-grey-1300)); /* Button */ - --eds-color-action-border-danger-tertiary-disabled: light-dark(rgba(255, 255, 255, 0), #00000000); /* Button */ - --eds-color-action-border-danger-tertiary-hover: light-dark(rgba(255, 255, 255, 0), #00000000); - --eds-color-action-border-danger-tertiary-initial: light-dark(rgba(255, 255, 255, 0), #00000000); - --eds-color-action-border-danger-secondary-disabled: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-grey-1300)); /* Button */ - --eds-color-action-border-danger-secondary-hover: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-500)); /* Button */ - --eds-color-action-border-danger-secondary-initial: light-dark(var(--eds-color-red-cold-900), var(--eds-color-red-warm-700)); /* Button */ - --eds-color-action-border-danger-primary-disabled: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-grey-1300)); /* Button */ - --eds-color-action-border-danger-primary-hover: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-500)); /* Button */ - --eds-color-action-border-danger-primary-initial: light-dark(var(--eds-color-red-cold-900), var(--eds-color-red-warm-700)); /* Button */ - --eds-color-action-border-muted-tertiary-disabled: light-dark(rgba(255, 255, 255, 0), #00000000); /* Button */ - --eds-color-action-border-muted-tertiary-hover: light-dark(rgba(255, 255, 255, 0), #00000000); - --eds-color-action-border-muted-tertiary-initial: light-dark(rgba(255, 255, 255, 0), #00000000); - --eds-color-action-border-muted-secondary-disabled: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-grey-1300)); /* Button */ - --eds-color-action-border-muted-secondary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Button */ - --eds-color-action-border-muted-secondary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Button */ - --eds-color-action-border-muted-primary-disabled: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-grey-1300)); /* Button */ - --eds-color-action-border-muted-primary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Button */ - --eds-color-action-border-muted-primary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Button */ - --eds-color-action-border-standard-tertiary-hover: light-dark(rgba(255, 255, 255, 0), #00000000); - --eds-color-action-border-standard-tertiary-initial: light-dark(rgba(255, 255, 255, 0), #00000000); - --eds-color-action-border-standard-tertiary-disabled: light-dark(rgba(255, 255, 255, 0), #00000000); - --eds-color-action-border-standard-secondary-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); /* Button, Toggle button */ - --eds-color-action-border-standard-secondary-initial: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Button, Toggle button */ - --eds-color-action-border-standard-secondary-disabled: light-dark(var(--eds-color-neutral-400), var(--eds-color-slate-grey-1100)); /* Button */ - --eds-color-action-border-standard-primary-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); /* Button, Toggle button */ - --eds-color-action-border-standard-primary-initial: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Button, Toggle button */ - --eds-color-action-border-standard-primary-disabled: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-grey-1300)); /* Button */ - --eds-color-action-border-secondary-disabled: light-dark(var(--eds-color-neutral-400), var(--eds-color-slate-grey-1300)); /* Button */ - --eds-color-action-icon-danger-tertiary-hover: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-500)); /* Button */ - --eds-color-action-icon-danger-tertiary-initial: light-dark(var(--eds-color-red-cold-900), var(--eds-color-red-warm-700)); /* Button */ - --eds-color-action-icon-danger-tertiary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-color-action-icon-danger-secondary-hover: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-500)); /* Button */ - --eds-color-action-icon-danger-secondary-initial: light-dark(var(--eds-color-red-cold-900), var(--eds-color-red-warm-700)); /* Button */ - --eds-color-action-icon-danger-secondary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-color-action-icon-danger-primary-hover: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); /* Button */ - --eds-color-action-icon-danger-primary-initial: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); /* Button */ - --eds-color-action-icon-danger-primary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-color-action-icon-muted-secondary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Button */ - --eds-color-action-icon-muted-secondary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Button */ - --eds-color-action-icon-muted-secondary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-color-action-icon-muted-tertiary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Button */ - --eds-color-action-icon-muted-tertiary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Button */ - --eds-color-action-icon-muted-tertiary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-color-action-icon-muted-primary-hover: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); /* Button */ - --eds-color-action-icon-muted-primary-initial: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); /* Button */ - --eds-color-action-icon-muted-primary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-color-action-icon-standard-tertiary-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); /* Button */ - --eds-color-action-icon-standard-tertiary-initial: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Button */ - --eds-color-action-icon-standard-tertiary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-color-action-icon-standard-secondary-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); /* Button */ - --eds-color-action-icon-standard-secondary-initial: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Button */ - --eds-color-action-icon-standard-secondary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-color-action-icon-standard-primary-hover: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); /* Button */ - --eds-color-action-icon-standard-primary-initial: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); /* Button */ - --eds-color-action-icon-standard-primary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-color-action-text-danger-tertiary-hover: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-500)); /* Button */ - --eds-color-action-text-danger-tertiary-initial: light-dark(var(--eds-color-red-cold-900), var(--eds-color-red-warm-700)); /* Button */ - --eds-color-action-text-danger-tertiary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Button */ - --eds-color-action-text-danger-secondary-hover: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-500)); /* Button */ - --eds-color-action-text-danger-secondary-initial: light-dark(var(--eds-color-red-cold-900), var(--eds-color-red-warm-700)); /* Button */ - --eds-color-action-text-danger-secondary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Button */ - --eds-color-action-text-danger-primary-hover: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); /* Button */ - --eds-color-action-text-danger-primary-initial: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); /* Button */ - --eds-color-action-text-danger-primary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Button */ - --eds-color-action-text-muted-tertiary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Button */ - --eds-color-action-text-muted-tertiary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Button */ - --eds-color-action-text-muted-tertiary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Button */ - --eds-color-action-text-muted-secondary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Button */ - --eds-color-action-text-muted-secondary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Button */ - --eds-color-action-text-muted-secondary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Button */ - --eds-color-action-text-muted-primary-hover: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); /* Button */ - --eds-color-action-text-muted-primary-initial: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); /* Button */ - --eds-color-action-text-muted-primary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Button */ - --eds-color-action-text-standard-tertiary-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); /* Button, Toggle button */ - --eds-color-action-text-standard-tertiary-initial: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Button */ - --eds-color-action-text-standard-tertiary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Button */ - --eds-color-action-text-standard-secondary-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); /* Button, Toggle button */ - --eds-color-action-text-standard-secondary-initial: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Button */ - --eds-color-action-text-standard-secondary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Button */ - --eds-color-action-text-standard-primary-hover: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); /* Button */ - --eds-color-action-text-standard-primary-initial: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); /* Button */ - --eds-color-action-text-standard-primary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Button */ - --eds-color-action-text-primary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-neutral-1000)); /* Button */ - --eds-color-interactive-surface-raised-active-hover: light-dark(var(--eds-color-moss-green-100), #2a587480); /* Interactive Chip */ - --eds-color-interactive-surface-raised-active: light-dark(var(--eds-color-moss-green-100), #2a587480); /* Interactive Chip */ - --eds-color-interactive-surface-raised-hover: light-dark(var(--eds-color-neutral-200), #eaeaea1a); /* Interactive Chip */ - --eds-color-interactive-surface-raised-initial: light-dark(var(--eds-color-neutral-200), #eaeaea1a); /* Interactive Chip */ - --eds-color-interactive-surface-raised-disabled: light-dark(var(--eds-color-neutral-200), #2e3f4c66); /* Interactive Chip (disabled) */ - --eds-color-interactive-surface-standard-quaternary-active-hover: light-dark(var(--eds-color-moss-green-300), var(--eds-color-mist-blue-muted-1200)); /* Sidebar link */ - --eds-color-interactive-surface-standard-quaternary-active: light-dark(rgba(255, 255, 255, 0), #00000000); /* Tab */ - --eds-color-interactive-surface-standard-quaternary-hover: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); /* Tab */ - --eds-color-interactive-surface-standard-quaternary-initial: light-dark(rgba(255, 255, 255, 0), #00000000); /* Tab */ - --eds-color-interactive-surface-standard-quaternary-disabled: light-dark(rgba(255, 255, 255, 0), #00000000); /* Tab */ - --eds-color-interactive-surface-standard-tertiary-active-hover: light-dark(var(--eds-color-moss-green-300), var(--eds-color-mist-blue-muted-1100)); /* Sidebar link */ - --eds-color-interactive-surface-standard-tertiary-active: light-dark(var(--eds-color-moss-green-200), var(--eds-color-mist-blue-muted-1200)); /* Sidebar link */ - --eds-color-interactive-surface-standard-tertiary-hover: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); /* Sidebar link */ - --eds-color-interactive-surface-standard-tertiary-initial: light-dark(rgba(255, 255, 255, 0), #00000000); /* Sidebar link */ - --eds-color-interactive-surface-standard-tertiary-disabled: light-dark(rgba(255, 255, 255, 0), #00000000); /* Sidebar link */ - --eds-color-interactive-surface-standard-secondary-active-hover: light-dark(var(--eds-color-moss-green-300), var(--eds-color-mist-blue-muted-1000)); /* Sidebar menu */ - --eds-color-interactive-surface-standard-secondary-active: light-dark(var(--eds-color-moss-green-200), var(--eds-color-mist-blue-muted-1100)); /* Sidebar menu */ - --eds-color-interactive-surface-standard-secondary-hover: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); /* Sidebar menu */ - --eds-color-interactive-surface-standard-secondary-initial: light-dark(rgba(255, 255, 255, 0), #00000000); /* Sidebar menu */ - --eds-color-interactive-surface-standard-secondary-disabled: light-dark(rgba(255, 255, 255, 0), #00000000); /* Sidebar menu */ - --eds-color-interactive-surface-standard-primary-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); /* Toggle button */ - --eds-color-interactive-surface-standard-primary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Toggle button */ - --eds-color-interactive-surface-standard-primary-hover: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); /* Toggle button */ - --eds-color-interactive-surface-standard-primary-initial: light-dark(rgba(255, 255, 255, 0), #00000000); /* Toggle button */ - --eds-color-interactive-surface-standard-primary-disabled-filled: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-grey-1300)); /* Toggle button */ - --eds-color-interactive-surface-standard-primary-disabled-outlined: light-dark(rgba(255, 255, 255, 0), #00000000); /* Toggle button */ - --eds-color-interactive-border-raised-active-hover: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-400)); /* Chip */ - --eds-color-interactive-border-raised-active: light-dark(var(--eds-color-moss-green-400), var(--eds-color-mist-blue-muted-1200)); /* Chip */ - --eds-color-interactive-border-raised-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-400)); /* Chip */ - --eds-color-interactive-border-raised-initial: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-grey-1100)); /* Chip */ - --eds-color-interactive-border-raised-disabled: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-grey-1000)); /* Chip */ - --eds-color-interactive-border-standard-quaternary-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); /* Tab */ - --eds-color-interactive-border-standard-quaternary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Tab */ - --eds-color-interactive-border-standard-quaternary-hover: light-dark(var(--eds-color-neutral-500), #ffffff33); /* Tab */ - --eds-color-interactive-border-standard-quaternary-initial: light-dark(var(--eds-color-neutral-300), #ffffff29); /* Tab */ - --eds-color-interactive-border-standard-quaternary-disabled: light-dark(var(--eds-color-neutral-300), #ffffff29); /* Tab */ - --eds-color-interactive-border-standard-tertiary-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); /* Sidebar menu */ - --eds-color-interactive-border-standard-tertiary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Sidebar menu */ - --eds-color-interactive-border-standard-tertiary-hover: var(--eds-color-neutral-100); /* Tab */ - --eds-color-interactive-border-standard-tertiary-initial: light-dark(var(--eds-color-neutral-100), var(--eds-color-slate-blue-1400)); /* Sidebar menu */ - --eds-color-interactive-border-standard-tertiary-disabled: light-dark(var(--eds-color-neutral-100), var(--eds-color-slate-blue-1400)); /* Sidebar menu */ - --eds-color-interactive-border-standard-secondary-active-hover: light-dark(rgba(255, 255, 255, 0), #00000000); /* Sidebar menu */ - --eds-color-interactive-border-standard-secondary-active: light-dark(rgba(255, 255, 255, 0), #00000000); /* Sidebar menu */ - --eds-color-interactive-border-standard-secondary-hover: light-dark(rgba(255, 255, 255, 0), #00000000); /* Sidebar menu */ - --eds-color-interactive-border-standard-secondary-initial: light-dark(rgba(255, 255, 255, 0), #00000000); /* Sidebar menu */ + --eds-color-shadow: light-dark(rgba(0, 0, 0, 0.14), #00000024); /* For use in box shadows */ --eds-color-interactive-border-standard-secondary-disabled: light-dark(rgba(255, 255, 255, 0), #00000000); /* Sidebar menu */ - --eds-color-interactive-border-standard-primary-active-hover: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Toggle button */ - --eds-color-interactive-border-standard-primary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Toggle button */ - --eds-color-interactive-border-standard-primary-hover: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Toggle button */ - --eds-color-interactive-border-standard-primary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Toggle button */ - --eds-color-interactive-border-standard-primary-disabled: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-grey-1000)); /* Toggle button */ - --eds-color-interactive-icon-raised-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-200)); /* Chip */ - --eds-color-interactive-icon-raised-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-300)); /* Chip */ - --eds-color-interactive-icon-raised-hover: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); /* Chip */ - --eds-color-interactive-icon-raised-initial: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Chip */ - --eds-color-interactive-icon-raised-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Chip */ - --eds-color-interactive-icon-standard-quaternary-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-300)); /* Toggle button */ - --eds-color-interactive-icon-standard-quaternary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Toggle button */ - --eds-color-interactive-icon-standard-quaternary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Toggle button */ - --eds-color-interactive-icon-standard-quaternary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Toggle button */ - --eds-color-interactive-icon-standard-quaternary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Disabled Toggle button */ - --eds-color-interactive-icon-standard-tertiary-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); /* Sidebar menu */ - --eds-color-interactive-icon-standard-tertiary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Sidebar menu */ - --eds-color-interactive-icon-standard-tertiary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Sidebar menu */ - --eds-color-interactive-icon-standard-tertiary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Sidebar menu */ - --eds-color-interactive-icon-standard-tertiary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Sidebar menu */ - --eds-color-interactive-icon-standard-secondary-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-100)); /* Sidebar link */ - --eds-color-interactive-icon-standard-secondary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-200)); /* Sidebar link */ - --eds-color-interactive-icon-standard-secondary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Sidebar link */ - --eds-color-interactive-icon-standard-secondary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Sidebar link */ - --eds-color-interactive-icon-standard-secondary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Sidebar link */ - --eds-color-interactive-icon-standard-primary-active-hover: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); /* Toggle button */ - --eds-color-interactive-icon-standard-primary-active: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); /* Toggle button */ - --eds-color-interactive-icon-standard-primary-hover: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Toggle button */ - --eds-color-interactive-icon-standard-primary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Toggle button */ - --eds-color-interactive-icon-standard-primary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Disabled Toggle button */ - --eds-color-interactive-text-raised-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-200)); /* Chip */ - --eds-color-interactive-text-raised-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-300)); /* Chip */ - --eds-color-interactive-text-raised-hover: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); /* Chip */ - --eds-color-interactive-text-raised-initial: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Chip */ - --eds-color-interactive-text-raised-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Chip */ - --eds-color-interactive-text-standard-quaternary-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); /* Tab */ - --eds-color-interactive-text-standard-quaternary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Tab */ - --eds-color-interactive-text-standard-quaternary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Tab */ - --eds-color-interactive-text-standard-quaternary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Tab */ - --eds-color-interactive-text-standard-quaternary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Disabled Tab */ - --eds-color-interactive-text-standard-tertiary-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); /* Sidebar link */ - --eds-color-interactive-text-standard-tertiary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Sidebar link */ - --eds-color-interactive-text-standard-tertiary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Sidebar link */ - --eds-color-interactive-text-standard-tertiary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Sidebar link */ - --eds-color-interactive-text-standard-tertiary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Disabled Sidebar link */ - --eds-color-interactive-text-standard-secondary-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-100)); /* Sidebar link */ - --eds-color-interactive-text-standard-secondary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-200)); /* Sidebar link */ - --eds-color-interactive-text-standard-secondary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Sidebar link */ - --eds-color-interactive-text-standard-secondary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Sidebar link */ - --eds-color-interactive-text-standard-secondary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Disabled Sidebar link */ - --eds-color-interactive-text-standard-primary-active-hover: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); /* Toggle button */ - --eds-color-interactive-text-standard-primary-active: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); /* Toggle button */ - --eds-color-interactive-text-standard-primary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Toggle button */ - --eds-color-interactive-text-standard-primary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Toggle button */ - --eds-color-interactive-text-standard-primary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Disabled Toggle button */ - --eds-color-static-surface-standard-on-level-3: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1300)); - --eds-color-static-surface-standard-on-level-2: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1350)); - --eds-color-static-surface-standard-on-level-1: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1350)); - --eds-color-static-surface-inverted: light-dark(var(--eds-color-surface-inverted-on-light), var(--eds-color-surface-inverted-on-dark)); - --eds-color-static-surface-raised: light-dark(var(--eds-color-neutral-200), #eaeaea1a); - --eds-color-static-border-standard-on-level-3: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1300)); - --eds-color-static-border-standard-on-level-2: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1350)); - --eds-color-static-border-standard-on-level-1: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1350)); - --eds-color-static-border-inverted: light-dark(var(--eds-color-border-inverted-on-light), var(--eds-color-border-inverted-on-dark)); - --eds-color-static-border-raised: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-grey-1100)); - --eds-color-static-icon-standard-maximal: light-dark(var(--eds-color-icon-maximal-on-light), var(--eds-color-icon-maximal-on-dark)); - --eds-color-static-icon-standard-secondary: light-dark(var(--eds-color-icon-secondary-on-light), var(--eds-color-icon-secondary-on-dark)); - --eds-color-static-icon-standard-primary: light-dark(var(--eds-color-icon-primary-on-light), var(--eds-color-icon-primary-on-dark)); - --eds-color-static-icon-inverted: light-dark(var(--eds-color-icon-inverted-on-light), var(--eds-color-icon-inverted-on-dark)); + --eds-color-interactive-border-standard-secondary-initial: light-dark(rgba(255, 255, 255, 0), #00000000); /* Sidebar menu */ + --eds-color-interactive-border-standard-secondary-hover: light-dark(rgba(255, 255, 255, 0), #00000000); /* Sidebar menu */ + --eds-color-interactive-border-standard-secondary-active: light-dark(rgba(255, 255, 255, 0), #00000000); /* Sidebar menu */ + --eds-color-interactive-border-standard-secondary-active-hover: light-dark(rgba(255, 255, 255, 0), #00000000); /* Sidebar menu */ + --eds-color-interactive-surface-standard-primary-disabled-outlined: light-dark(rgba(255, 255, 255, 0), #00000000); /* Toggle button */ + --eds-color-interactive-surface-standard-primary-initial: light-dark(rgba(255, 255, 255, 0), #00000000); /* Toggle button */ + --eds-color-interactive-surface-standard-secondary-disabled: light-dark(rgba(255, 255, 255, 0), #00000000); /* Sidebar menu */ + --eds-color-interactive-surface-standard-secondary-initial: light-dark(rgba(255, 255, 255, 0), #00000000); /* Sidebar menu */ + --eds-color-interactive-surface-standard-tertiary-disabled: light-dark(rgba(255, 255, 255, 0), #00000000); /* Sidebar link */ + --eds-color-interactive-surface-standard-tertiary-initial: light-dark(rgba(255, 255, 255, 0), #00000000); /* Sidebar link */ + --eds-color-interactive-surface-standard-quaternary-disabled: light-dark(rgba(255, 255, 255, 0), #00000000); /* Tab */ + --eds-color-interactive-surface-standard-quaternary-initial: light-dark(rgba(255, 255, 255, 0), #00000000); /* Tab */ + --eds-color-interactive-surface-standard-quaternary-active: light-dark(rgba(255, 255, 255, 0), #00000000); /* Tab */ + --eds-color-action-border-standard-tertiary-disabled: light-dark(rgba(255, 255, 255, 0), #00000000); + --eds-color-action-border-standard-tertiary-initial: light-dark(rgba(255, 255, 255, 0), #00000000); + --eds-color-action-border-standard-tertiary-hover: light-dark(rgba(255, 255, 255, 0), #00000000); + --eds-color-action-border-muted-tertiary-initial: light-dark(rgba(255, 255, 255, 0), #00000000); + --eds-color-action-border-muted-tertiary-hover: light-dark(rgba(255, 255, 255, 0), #00000000); + --eds-color-action-border-muted-tertiary-disabled: light-dark(rgba(255, 255, 255, 0), #00000000); /* Button */ + --eds-color-action-border-danger-tertiary-initial: light-dark(rgba(255, 255, 255, 0), #00000000); + --eds-color-action-border-danger-tertiary-hover: light-dark(rgba(255, 255, 255, 0), #00000000); + --eds-color-action-border-danger-tertiary-disabled: light-dark(rgba(255, 255, 255, 0), #00000000); /* Button */ + --eds-color-action-surface-standard-secondary-disabled: light-dark(rgba(255, 255, 255, 0), #00000000); /* Button */ + --eds-color-action-surface-standard-secondary-initial: light-dark(rgba(255, 255, 255, 0), #00000000); /* Button, Ghost button, Toggle button */ + --eds-color-action-surface-standard-tertiary-disabled: light-dark(rgba(255, 255, 255, 0), #00000000); /* Button */ + --eds-color-action-surface-standard-tertiary-initial: light-dark(rgba(255, 255, 255, 0), #00000000); /* Button, Ghost button, Toggle button */ + --eds-color-action-surface-muted-secondary-initial: light-dark(rgba(255, 255, 255, 0), #00000000); /* Button */ + --eds-color-action-surface-muted-secondary-disabled: light-dark(rgba(255, 255, 255, 0), #00000000); /* Button */ + --eds-color-action-surface-muted-tertiary-initial: light-dark(rgba(255, 255, 255, 0), #00000000); /* Button */ + --eds-color-action-surface-muted-tertiary-disabled: light-dark(rgba(255, 255, 255, 0), #00000000); /* Button */ + --eds-color-action-surface-danger-secondary-initial: light-dark(rgba(255, 255, 255, 0), #00000000); /* Button */ + --eds-color-action-surface-danger-secondary-disabled: light-dark(rgba(255, 255, 255, 0), #00000000); /* Button */ + --eds-color-action-surface-danger-tertiary-initial: light-dark(rgba(255, 255, 255, 0), #00000000); /* Button */ + --eds-color-action-surface-danger-tertiary-disabled: light-dark(rgba(255, 255, 255, 0), #00000000); /* Button */ + --eds-input-color-border-disabled: light-dark(rgba(255, 255, 255, 0), #00000000); /* Autocomplete, Search, Text field */ + --eds-input-color-surface-read-only-on-level-1: light-dark(rgba(255, 255, 255, 0), #00000000); + --eds-input-color-surface-read-only-on-level-2: light-dark(rgba(255, 255, 255, 0), #00000000); + --eds-input-color-surface-read-only-on-level-3: light-dark(rgba(255, 255, 255, 0), #00000000); + --eds-table-cell-color-interactive-surface-initial-on-level-1: light-dark(rgba(255, 255, 255, 0), #00000000); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-initial-on-level-2: light-dark(rgba(255, 255, 255, 0), #00000000); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-initial-on-level-3: light-dark(rgba(255, 255, 255, 0), #00000000); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-disabled-on-level-1: light-dark(rgba(255, 255, 255, 0), #00000000); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-disabled-on-level-2: light-dark(rgba(255, 255, 255, 0), #00000000); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-disabled-on-level-3: light-dark(rgba(255, 255, 255, 0), #00000000); /* Table cell, Table data grid cell */ + --eds-table-header-color-interactive-surface-disabled-on-level-1: light-dark(rgba(255, 255, 255, 0), #00000000); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-disabled-on-level-2: light-dark(rgba(255, 255, 255, 0), #00000000); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-disabled-on-level-3: light-dark(rgba(255, 255, 255, 0), #00000000); /* Table header, Table data grid header */ + --eds-ui-scrim-color-surface: light-dark(rgba(0, 0, 0, 0.4), #00000066); /* Scrim */ + --eds-color-static-text-raised: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-300)); --eds-color-static-icon-raised: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-300)); - --eds-color-static-text-standard-maximal: light-dark(var(--eds-color-text-maximal-on-light), var(--eds-color-text-maximal-on-dark)); - --eds-color-static-text-standard-secondary: light-dark(var(--eds-color-text-secondary-on-light), var(--eds-color-text-secondary-on-dark)); - --eds-color-static-text-standard-primary: light-dark(var(--eds-color-text-primary-on-light), var(--eds-color-text-primary-on-dark)); + --eds-color-static-border-raised: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-grey-1100)); + --eds-color-static-border-inverted: light-dark(var(--eds-color-border-inverted-on-light), var(--eds-color-border-inverted-on-dark)); + --eds-color-static-border-standard-on-level-1: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1350)); + --eds-color-static-border-standard-on-level-2: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1350)); + --eds-color-static-border-standard-on-level-3: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1300)); + --eds-color-static-surface-raised: light-dark(var(--eds-color-neutral-200), #eaeaea1a); + --eds-color-static-surface-inverted: light-dark(var(--eds-color-surface-inverted-on-light), var(--eds-color-surface-inverted-on-dark)); + --eds-color-static-surface-standard-on-level-1: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1350)); + --eds-color-static-surface-standard-on-level-2: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1350)); + --eds-color-static-surface-standard-on-level-3: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1300)); + --eds-color-interactive-text-standard-primary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Disabled Toggle button */ + --eds-color-interactive-text-standard-primary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Toggle button */ + --eds-color-interactive-text-standard-primary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Toggle button */ + --eds-color-interactive-text-standard-primary-active: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); /* Toggle button */ + --eds-color-interactive-text-standard-primary-active-hover: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); /* Toggle button */ + --eds-color-interactive-text-standard-secondary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Disabled Sidebar link */ + --eds-color-interactive-text-standard-secondary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Sidebar link */ + --eds-color-interactive-text-standard-secondary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Sidebar link */ + --eds-color-interactive-text-standard-secondary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-200)); /* Sidebar link */ + --eds-color-interactive-text-standard-secondary-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-100)); /* Sidebar link */ + --eds-color-interactive-text-standard-tertiary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Disabled Sidebar link */ + --eds-color-interactive-text-standard-tertiary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Sidebar link */ + --eds-color-interactive-text-standard-tertiary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Sidebar link */ + --eds-color-interactive-text-standard-tertiary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Sidebar link */ + --eds-color-interactive-text-standard-tertiary-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); /* Sidebar link */ + --eds-color-interactive-text-standard-quaternary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Disabled Tab */ + --eds-color-interactive-text-standard-quaternary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Tab */ + --eds-color-interactive-text-standard-quaternary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Tab */ + --eds-color-interactive-text-standard-quaternary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Tab */ + --eds-color-interactive-text-standard-quaternary-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); /* Tab */ + --eds-color-interactive-text-raised-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Chip */ + --eds-color-interactive-text-raised-initial: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Chip */ + --eds-color-interactive-text-raised-hover: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); /* Chip */ + --eds-color-interactive-text-raised-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-300)); /* Chip */ + --eds-color-interactive-text-raised-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-200)); /* Chip */ + --eds-color-interactive-icon-standard-primary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Disabled Toggle button */ + --eds-color-interactive-icon-standard-primary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Toggle button */ + --eds-color-interactive-icon-standard-primary-hover: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Toggle button */ + --eds-color-interactive-icon-standard-primary-active: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); /* Toggle button */ + --eds-color-interactive-icon-standard-primary-active-hover: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); /* Toggle button */ + --eds-color-interactive-icon-standard-secondary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Sidebar link */ + --eds-color-interactive-icon-standard-secondary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Sidebar link */ + --eds-color-interactive-icon-standard-secondary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Sidebar link */ + --eds-color-interactive-icon-standard-secondary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-200)); /* Sidebar link */ + --eds-color-interactive-icon-standard-secondary-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-100)); /* Sidebar link */ + --eds-color-interactive-icon-standard-tertiary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Sidebar menu */ + --eds-color-interactive-icon-standard-tertiary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Sidebar menu */ + --eds-color-interactive-icon-standard-tertiary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Sidebar menu */ + --eds-color-interactive-icon-standard-tertiary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Sidebar menu */ + --eds-color-interactive-icon-standard-tertiary-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); /* Sidebar menu */ + --eds-color-interactive-icon-standard-quaternary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Disabled Toggle button */ + --eds-color-interactive-icon-standard-quaternary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Toggle button */ + --eds-color-interactive-icon-standard-quaternary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Toggle button */ + --eds-color-interactive-icon-standard-quaternary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Toggle button */ + --eds-color-interactive-icon-standard-quaternary-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-300)); /* Toggle button */ + --eds-color-interactive-icon-raised-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Chip */ + --eds-color-interactive-icon-raised-initial: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Chip */ + --eds-color-interactive-icon-raised-hover: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); /* Chip */ + --eds-color-interactive-icon-raised-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-300)); /* Chip */ + --eds-color-interactive-icon-raised-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-200)); /* Chip */ + --eds-color-interactive-border-standard-primary-disabled: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-grey-1000)); /* Toggle button */ + --eds-color-interactive-border-standard-primary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Toggle button */ + --eds-color-interactive-border-standard-primary-hover: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Toggle button */ + --eds-color-interactive-border-standard-primary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Toggle button */ + --eds-color-interactive-border-standard-primary-active-hover: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Toggle button */ + --eds-color-interactive-border-standard-tertiary-disabled: light-dark(var(--eds-color-neutral-100), var(--eds-color-slate-blue-1400)); /* Sidebar menu */ + --eds-color-interactive-border-standard-tertiary-initial: light-dark(var(--eds-color-neutral-100), var(--eds-color-slate-blue-1400)); /* Sidebar menu */ + --eds-color-interactive-border-standard-tertiary-hover: var(--eds-color-neutral-100); /* Tab */ + --eds-color-interactive-border-standard-tertiary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Sidebar menu */ + --eds-color-interactive-border-standard-tertiary-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); /* Sidebar menu */ + --eds-color-interactive-border-standard-quaternary-disabled: light-dark(var(--eds-color-neutral-300), #ffffff29); /* Tab */ + --eds-color-interactive-border-standard-quaternary-initial: light-dark(var(--eds-color-neutral-300), #ffffff29); /* Tab */ + --eds-color-interactive-border-standard-quaternary-hover: light-dark(var(--eds-color-neutral-500), #ffffff33); /* Tab */ + --eds-color-interactive-border-standard-quaternary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Tab */ + --eds-color-interactive-border-standard-quaternary-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); /* Tab */ + --eds-color-interactive-border-raised-disabled: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-grey-1000)); /* Chip */ + --eds-color-interactive-border-raised-initial: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-grey-1100)); /* Chip */ + --eds-color-interactive-border-raised-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-400)); /* Chip */ + --eds-color-interactive-border-raised-active: light-dark(var(--eds-color-moss-green-400), var(--eds-color-mist-blue-muted-1200)); /* Chip */ + --eds-color-interactive-border-raised-active-hover: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-400)); /* Chip */ + --eds-color-interactive-surface-standard-primary-disabled-filled: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-grey-1300)); /* Toggle button */ + --eds-color-interactive-surface-standard-primary-hover: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); /* Toggle button */ + --eds-color-interactive-surface-standard-primary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Toggle button */ + --eds-color-interactive-surface-standard-primary-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); /* Toggle button */ + --eds-color-interactive-surface-standard-secondary-hover: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); /* Sidebar menu */ + --eds-color-interactive-surface-standard-secondary-active: light-dark(var(--eds-color-moss-green-200), var(--eds-color-mist-blue-muted-1100)); /* Sidebar menu */ + --eds-color-interactive-surface-standard-secondary-active-hover: light-dark(var(--eds-color-moss-green-300), var(--eds-color-mist-blue-muted-1000)); /* Sidebar menu */ + --eds-color-interactive-surface-standard-tertiary-hover: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); /* Sidebar link */ + --eds-color-interactive-surface-standard-tertiary-active: light-dark(var(--eds-color-moss-green-200), var(--eds-color-mist-blue-muted-1200)); /* Sidebar link */ + --eds-color-interactive-surface-standard-tertiary-active-hover: light-dark(var(--eds-color-moss-green-300), var(--eds-color-mist-blue-muted-1100)); /* Sidebar link */ + --eds-color-interactive-surface-standard-quaternary-hover: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); /* Tab */ + --eds-color-interactive-surface-standard-quaternary-active-hover: light-dark(var(--eds-color-moss-green-300), var(--eds-color-mist-blue-muted-1200)); /* Sidebar link */ + --eds-color-interactive-surface-raised-disabled: light-dark(var(--eds-color-neutral-200), #2e3f4c66); /* Interactive Chip (disabled) */ + --eds-color-interactive-surface-raised-initial: light-dark(var(--eds-color-neutral-200), #eaeaea1a); /* Interactive Chip */ + --eds-color-interactive-surface-raised-hover: light-dark(var(--eds-color-neutral-200), #eaeaea1a); /* Interactive Chip */ + --eds-color-interactive-surface-raised-active: light-dark(var(--eds-color-moss-green-100), #2a587480); /* Interactive Chip */ + --eds-color-interactive-surface-raised-active-hover: light-dark(var(--eds-color-moss-green-100), #2a587480); /* Interactive Chip */ + --eds-color-action-text-primary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-neutral-1000)); /* Button */ + --eds-color-action-text-standard-primary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Button */ + --eds-color-action-text-standard-primary-initial: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); /* Button */ + --eds-color-action-text-standard-primary-hover: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); /* Button */ + --eds-color-action-text-standard-secondary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Button */ + --eds-color-action-text-standard-secondary-initial: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Button */ + --eds-color-action-text-standard-secondary-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); /* Button, Toggle button */ + --eds-color-action-text-standard-tertiary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Button */ + --eds-color-action-text-standard-tertiary-initial: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Button */ + --eds-color-action-text-standard-tertiary-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); /* Button, Toggle button */ + --eds-color-action-text-muted-primary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Button */ + --eds-color-action-text-muted-primary-initial: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); /* Button */ + --eds-color-action-text-muted-primary-hover: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); /* Button */ + --eds-color-action-text-muted-secondary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Button */ + --eds-color-action-text-muted-secondary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Button */ + --eds-color-action-text-muted-secondary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Button */ + --eds-color-action-text-muted-tertiary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Button */ + --eds-color-action-text-muted-tertiary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Button */ + --eds-color-action-text-muted-tertiary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Button */ + --eds-color-action-text-danger-primary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Button */ + --eds-color-action-text-danger-primary-initial: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); /* Button */ + --eds-color-action-text-danger-primary-hover: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); /* Button */ + --eds-color-action-text-danger-secondary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Button */ + --eds-color-action-text-danger-secondary-initial: light-dark(var(--eds-color-red-cold-900), var(--eds-color-red-warm-700)); /* Button */ + --eds-color-action-text-danger-secondary-hover: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-500)); /* Button */ + --eds-color-action-text-danger-tertiary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Button */ + --eds-color-action-text-danger-tertiary-initial: light-dark(var(--eds-color-red-cold-900), var(--eds-color-red-warm-700)); /* Button */ + --eds-color-action-text-danger-tertiary-hover: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-500)); /* Button */ + --eds-color-action-icon-standard-primary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-color-action-icon-standard-primary-initial: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); /* Button */ + --eds-color-action-icon-standard-primary-hover: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); /* Button */ + --eds-color-action-icon-standard-secondary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-color-action-icon-standard-secondary-initial: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Button */ + --eds-color-action-icon-standard-secondary-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); /* Button */ + --eds-color-action-icon-standard-tertiary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-color-action-icon-standard-tertiary-initial: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Button */ + --eds-color-action-icon-standard-tertiary-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); /* Button */ + --eds-color-action-icon-muted-primary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-color-action-icon-muted-primary-initial: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); /* Button */ + --eds-color-action-icon-muted-primary-hover: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); /* Button */ + --eds-color-action-icon-muted-tertiary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-color-action-icon-muted-tertiary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Button */ + --eds-color-action-icon-muted-tertiary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Button */ + --eds-color-action-icon-muted-secondary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-color-action-icon-muted-secondary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Button */ + --eds-color-action-icon-muted-secondary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Button */ + --eds-color-action-icon-danger-primary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-color-action-icon-danger-primary-initial: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); /* Button */ + --eds-color-action-icon-danger-primary-hover: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); /* Button */ + --eds-color-action-icon-danger-secondary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-color-action-icon-danger-secondary-initial: light-dark(var(--eds-color-red-cold-900), var(--eds-color-red-warm-700)); /* Button */ + --eds-color-action-icon-danger-secondary-hover: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-500)); /* Button */ + --eds-color-action-icon-danger-tertiary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-color-action-icon-danger-tertiary-initial: light-dark(var(--eds-color-red-cold-900), var(--eds-color-red-warm-700)); /* Button */ + --eds-color-action-icon-danger-tertiary-hover: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-500)); /* Button */ + --eds-color-action-border-secondary-disabled: light-dark(var(--eds-color-neutral-400), var(--eds-color-slate-grey-1300)); /* Button */ + --eds-color-action-border-standard-primary-disabled: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-grey-1300)); /* Button */ + --eds-color-action-border-standard-primary-initial: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Button, Toggle button */ + --eds-color-action-border-standard-primary-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); /* Button, Toggle button */ + --eds-color-action-border-standard-secondary-disabled: light-dark(var(--eds-color-neutral-400), var(--eds-color-slate-grey-1100)); /* Button */ + --eds-color-action-border-standard-secondary-initial: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Button, Toggle button */ + --eds-color-action-border-standard-secondary-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); /* Button, Toggle button */ + --eds-color-action-border-muted-primary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Button */ + --eds-color-action-border-muted-primary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Button */ + --eds-color-action-border-muted-primary-disabled: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-grey-1300)); /* Button */ + --eds-color-action-border-muted-secondary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Button */ + --eds-color-action-border-muted-secondary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Button */ + --eds-color-action-border-muted-secondary-disabled: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-grey-1300)); /* Button */ + --eds-color-action-border-danger-primary-initial: light-dark(var(--eds-color-red-cold-900), var(--eds-color-red-warm-700)); /* Button */ + --eds-color-action-border-danger-primary-hover: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-500)); /* Button */ + --eds-color-action-border-danger-primary-disabled: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-grey-1300)); /* Button */ + --eds-color-action-border-danger-secondary-initial: light-dark(var(--eds-color-red-cold-900), var(--eds-color-red-warm-700)); /* Button */ + --eds-color-action-border-danger-secondary-hover: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-500)); /* Button */ + --eds-color-action-border-danger-secondary-disabled: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-grey-1300)); /* Button */ + --eds-color-action-surface-standard-primary-disabled: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-grey-1300)); /* Button */ + --eds-color-action-surface-standard-primary-initial: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Button, Toggle button */ + --eds-color-action-surface-standard-primary-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); /* Button, Toggle button */ + --eds-color-action-surface-standard-secondary-hover: light-dark(var(--eds-color-moss-green-200), var(--eds-color-moss-green-sat-1400)); /* Button, Ghost button, Toggle button */ + --eds-color-action-surface-standard-tertiary-hover: light-dark(var(--eds-color-moss-green-200), var(--eds-color-moss-green-sat-1400)); /* Button, Ghost button, Toggle button */ + --eds-color-action-surface-muted-primary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Button */ + --eds-color-action-surface-muted-primary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Button */ + --eds-color-action-surface-muted-primary-disabled: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-grey-1300)); /* Button */ + --eds-color-action-surface-muted-secondary-hover: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); /* Button */ + --eds-color-action-surface-muted-tertiary-hover: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); /* Button */ + --eds-color-action-surface-danger-primary-initial: light-dark(var(--eds-color-red-cold-900), var(--eds-color-red-warm-700)); /* Button */ + --eds-color-action-surface-danger-primary-hover: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-500)); /* Button */ + --eds-color-action-surface-danger-primary-disabled: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-grey-1300)); /* Button */ + --eds-color-action-surface-danger-secondary-hover: light-dark(var(--eds-color-red-warm-300), var(--eds-color-red-cold-1400)); /* Button */ + --eds-color-action-surface-danger-tertiary-hover: light-dark(var(--eds-color-red-warm-300), var(--eds-color-red-cold-1400)); /* Button */ + --eds-color-message-text-raised-info-initial: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-blue-sky-600)); /* Chip, Card, input helper */ + --eds-color-message-text-raised-info-hover: light-dark(var(--eds-color-blue-ocean-1300), var(--eds-color-blue-sky-400)); /* Chip */ + --eds-color-message-text-raised-success-initial: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-success-green-600)); /* Chip, Card, input helper */ + --eds-color-message-text-raised-success-hover: light-dark(var(--eds-color-success-green-1300), var(--eds-color-success-green-300)); /* Chip */ + --eds-color-message-text-raised-warning-initial: light-dark(var(--eds-color-orange-1200), var(--eds-color-spruce-wood-500)); /* Chip, Card, input helper */ + --eds-color-message-text-raised-warning-hover: light-dark(var(--eds-color-orange-1300), var(--eds-color-spruce-wood-300)); /* Chip */ + --eds-color-message-text-raised-error-initial: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-600)); /* Chip, Card, input helper */ + --eds-color-message-text-raised-error-hover: light-dark(var(--eds-color-red-cold-1300), var(--eds-color-red-warm-500)); /* Chip */ + --eds-color-message-text-callout-info: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-mist-blue-muted-200)); /* Banner */ + --eds-color-message-text-callout-success: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-lichen-green-200)); /* Banner */ + --eds-color-message-text-callout-warning: light-dark(var(--eds-color-orange-1200), var(--eds-color-spruce-wood-200)); /* Banner */ + --eds-color-message-text-callout-error: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-200)); /* Banner */ + --eds-color-message-icon-standard-info: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-blue-sky-600)); /* Deprecated - Card. Use icon/message. */ + --eds-color-message-icon-standard-success: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-success-green-600)); /* Deprecated - Card. Use icon/message. */ + --eds-color-message-icon-standard-warning: light-dark(var(--eds-color-orange-1200), var(--eds-color-spruce-wood-500)); /* Deprecated - Card. Use icon/message. */ + --eds-color-message-icon-standard-error: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-600)); /* Deprecated - Card. Use icon/message. */ + --eds-color-message-icon-raised-info-initial: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-blue-sky-600)); /* Deprecated - Chip. Use icon/message. */ + --eds-color-message-icon-raised-info-hover: light-dark(var(--eds-color-blue-ocean-1300), var(--eds-color-blue-sky-400)); /* Deprecated - Chip. Use icon/message. */ + --eds-color-message-icon-raised-success-initial: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-success-green-600)); /* Deprecated - Chip. Use icon/message. */ + --eds-color-message-icon-raised-success-hover: light-dark(var(--eds-color-success-green-1300), var(--eds-color-success-green-300)); /* Deprecated - Chip. Use icon/message. */ + --eds-color-message-icon-raised-warning-initial: light-dark(var(--eds-color-orange-1200), var(--eds-color-spruce-wood-500)); /* Deprecated - Chip. Use icon/message. */ + --eds-color-message-icon-raised-warning-hover: light-dark(var(--eds-color-orange-1300), var(--eds-color-spruce-wood-300)); /* Deprecated - Chip. Use icon/message. */ + --eds-color-message-icon-raised-error-initial: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-600)); /* Deprecated - Chip. Use icon/message. */ + --eds-color-message-icon-raised-error-hover: light-dark(var(--eds-color-red-cold-1300), var(--eds-color-red-warm-500)); /* Deprecated - Chip. Use icon/message. */ + --eds-color-message-icon-callout-info: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-mist-blue-muted-200)); /* Banner */ + --eds-color-message-icon-callout-success: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-lichen-green-200)); /* Banner */ + --eds-color-message-icon-callout-warning: light-dark(var(--eds-color-orange-1200), var(--eds-color-spruce-wood-200)); /* Banner */ + --eds-color-message-icon-callout-error: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-200)); /* Banner */ + --eds-color-message-border-standard-info: light-dark(var(--eds-color-mist-blue-muted-300), var(--eds-color-blue-sky-1000)); /* Card */ + --eds-color-message-border-standard-success: light-dark(var(--eds-color-lichen-green-200), var(--eds-color-success-green-900)); /* Card */ + --eds-color-message-border-standard-warning: light-dark(var(--eds-color-spruce-wood-200), var(--eds-color-orange-800)); /* Card */ + --eds-color-message-border-standard-error: light-dark(var(--eds-color-red-warm-300), var(--eds-color-red-cold-900)); /* Card */ + --eds-color-message-border-raised-info-initial: var(--eds-color-blue-sky-1000); /* Chip */ + --eds-color-message-border-raised-info-hover: light-dark(var(--eds-color-blue-ocean-1300), var(--eds-color-blue-sky-400)); /* Chip */ + --eds-color-message-border-raised-success-initial: var(--eds-color-success-green-900); /* Chip */ + --eds-color-message-border-raised-success-hover: light-dark(var(--eds-color-success-green-1300), var(--eds-color-success-green-300)); /* Chip */ + --eds-color-message-border-raised-warning-initial: var(--eds-color-orange-800); /* Chip */ + --eds-color-message-border-raised-warning-hover: light-dark(var(--eds-color-orange-1300), var(--eds-color-spruce-wood-300)); /* Chip */ + --eds-color-message-border-raised-error-initial: var(--eds-color-red-cold-900); /* Chip */ + --eds-color-message-border-raised-error-hover: light-dark(var(--eds-color-red-cold-1300), var(--eds-color-red-warm-500)); /* Chip */ + --eds-color-message-border-callout-info: light-dark(var(--eds-color-mist-blue-muted-300), var(--eds-color-blue-sky-1200)); /* Banner */ + --eds-color-message-border-callout-success: light-dark(var(--eds-color-lichen-green-200), var(--eds-color-lichen-green-1200)); /* Banner */ + --eds-color-message-border-callout-warning: light-dark(var(--eds-color-spruce-wood-200), var(--eds-color-orange-1200)); /* Banner */ + --eds-color-message-border-callout-error: light-dark(var(--eds-color-red-warm-300), var(--eds-color-red-cold-1200)); /* Banner */ + --eds-color-message-surface-standard-info-on-level-1: light-dark(var(--eds-color-mist-blue-muted-300), var(--eds-color-slate-blue-1350)); /* Card */ + --eds-color-message-surface-standard-info-on-level-2: light-dark(var(--eds-color-mist-blue-muted-300), var(--eds-color-slate-blue-1350)); /* Card */ + --eds-color-message-surface-standard-info-on-level-3: light-dark(var(--eds-color-mist-blue-muted-300), var(--eds-color-slate-blue-1300)); /* Card */ + --eds-color-message-surface-standard-success-on-level-1: light-dark(var(--eds-color-lichen-green-200), var(--eds-color-slate-blue-1350)); /* Card */ + --eds-color-message-surface-standard-success-on-level-2: light-dark(var(--eds-color-lichen-green-200), var(--eds-color-slate-blue-1350)); /* Card */ + --eds-color-message-surface-standard-success-on-level-3: light-dark(var(--eds-color-lichen-green-200), var(--eds-color-slate-blue-1300)); /* Card */ + --eds-color-message-surface-standard-warning-on-level-1: light-dark(var(--eds-color-spruce-wood-200), var(--eds-color-slate-blue-1350)); /* Card */ + --eds-color-message-surface-standard-warning-on-level-2: light-dark(var(--eds-color-spruce-wood-200), var(--eds-color-slate-blue-1350)); /* Card */ + --eds-color-message-surface-standard-warning-on-level-3: light-dark(var(--eds-color-spruce-wood-200), var(--eds-color-slate-blue-1300)); /* Card */ + --eds-color-message-surface-standard-error-on-level-1: light-dark(var(--eds-color-red-warm-300), var(--eds-color-slate-blue-1350)); /* Card */ + --eds-color-message-surface-standard-error-on-level-2: light-dark(var(--eds-color-red-warm-300), var(--eds-color-slate-blue-1350)); /* Card */ + --eds-color-message-surface-standard-error-on-level-3: light-dark(var(--eds-color-red-warm-300), var(--eds-color-slate-blue-1300)); /* Card */ + --eds-color-message-surface-raised-info-initial: light-dark(var(--eds-color-mist-blue-muted-200), #dfeff71a); /* Chip */ + --eds-color-message-surface-raised-info-hover: light-dark(var(--eds-color-mist-blue-muted-200), #dfeff71a); /* Chip */ + --eds-color-message-surface-raised-success-initial: light-dark(var(--eds-color-lichen-green-100), #e6faec1a); /* Chip */ + --eds-color-message-surface-raised-success-hover: light-dark(var(--eds-color-lichen-green-100), #e6faec1a); /* Chip */ + --eds-color-message-surface-raised-warning-initial: light-dark(var(--eds-color-spruce-wood-100), #fff0e51a); /* Chip */ + --eds-color-message-surface-raised-warning-hover: light-dark(var(--eds-color-spruce-wood-100), #fff0e51a); /* Chip */ + --eds-color-message-surface-raised-error-initial: light-dark(var(--eds-color-red-warm-200), #ffe1e01a); /* Chip */ + --eds-color-message-surface-raised-error-hover: light-dark(var(--eds-color-red-warm-200), #ffe1e01a); /* Chip */ + --eds-color-message-surface-callout-info: light-dark(var(--eds-color-mist-blue-muted-300), var(--eds-color-blue-sky-1200)); /* Chip */ + --eds-color-message-surface-callout-success: light-dark(var(--eds-color-lichen-green-200), var(--eds-color-lichen-green-1200)); /* Chip */ + --eds-color-message-surface-callout-warning: light-dark(var(--eds-color-spruce-wood-200), var(--eds-color-orange-1200)); /* Banner */ + --eds-color-message-surface-callout-error: light-dark(var(--eds-color-red-warm-300), var(--eds-color-red-cold-1200)); /* Banner */ + --eds-input-asterix-color-text: var(--eds-color-red-cold-900); /* Autocomplete, Text field */ + --eds-input-placeholder-color-text: light-dark(var(--eds-color-neutral-800), var(--eds-color-slate-grey-800)); /* Autocomplete, Table input, Search, Text field */ + --eds-input-helper-color-text-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Autocomplete, Table input, Text field */ + --eds-input-helper-color-text-focus: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Autocomplete, Table input, Text field */ + --eds-input-helper-color-text-read-only: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Autocomplete, Table input, Text field */ + --eds-input-helper-color-text-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Autocomplete, Table input, Search, Text field */ + --eds-input-helper-color-icon-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Autocomplete, Table input, Text field */ + --eds-input-helper-color-icon-focus: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Autocomplete, Table input, Text field */ + --eds-input-helper-color-icon-read-only: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Autocomplete, Table input, Text field */ + --eds-input-helper-color-icon-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Autocomplete, Table input, Search, Text field */ + --eds-input-helper-color-message-text-info-initial: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-blue-sky-600)); + --eds-input-helper-color-message-text-info-focus: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-blue-sky-600)); + --eds-input-helper-color-message-text-info-read-only: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-blue-sky-600)); + --eds-input-helper-color-message-text-info-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-input-helper-color-message-text-success-initial: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-lichen-green-600)); + --eds-input-helper-color-message-text-success-focus: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-lichen-green-600)); + --eds-input-helper-color-message-text-success-read-only: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-lichen-green-600)); + --eds-input-helper-color-message-text-success-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-input-helper-color-message-text-warning-initial: light-dark(var(--eds-color-orange-1200), var(--eds-color-orange-500)); + --eds-input-helper-color-message-text-warning-focus: light-dark(var(--eds-color-orange-1200), var(--eds-color-orange-500)); + --eds-input-helper-color-message-text-warning-read-only: light-dark(var(--eds-color-orange-1200), var(--eds-color-orange-500)); + --eds-input-helper-color-message-text-warning-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-input-helper-color-message-text-error-initial: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-cold-600)); + --eds-input-helper-color-message-text-error-focus: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-cold-600)); + --eds-input-helper-color-message-text-error-read-only: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-cold-600)); + --eds-input-helper-color-message-text-error-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-input-helper-color-message-icon-info-initial: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-blue-sky-600)); + --eds-input-helper-color-message-icon-info-focus: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-blue-sky-600)); + --eds-input-helper-color-message-icon-info-read-only: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-blue-sky-600)); + --eds-input-helper-color-message-icon-info-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-input-helper-color-message-icon-success-initial: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-lichen-green-600)); + --eds-input-helper-color-message-icon-success-focus: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-lichen-green-600)); + --eds-input-helper-color-message-icon-success-read-only: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-lichen-green-600)); + --eds-input-helper-color-message-icon-success-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-input-helper-color-message-icon-warning-initial: light-dark(var(--eds-color-orange-1200), var(--eds-color-orange-500)); + --eds-input-helper-color-message-icon-warning-focus: light-dark(var(--eds-color-orange-1200), var(--eds-color-orange-500)); + --eds-input-helper-color-message-icon-warning-read-only: light-dark(var(--eds-color-orange-1200), var(--eds-color-orange-500)); + --eds-input-helper-color-message-icon-warning-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-input-helper-color-message-icon-error-initial: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-cold-600)); + --eds-input-helper-color-message-icon-error-focus: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-cold-600)); + --eds-input-helper-color-message-icon-error-read-only: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-cold-600)); + --eds-input-helper-color-message-icon-error-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-input-color-text-initial: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Autocomplete, Table input, Text field */ + --eds-input-color-text-read-only: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Autocomplete, Table input, Text field */ + --eds-input-color-text-focus: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); /* Autocomplete, Table input, Search, Text field */ + --eds-input-color-text-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Autocomplete, Table input, Search, Text field */ + --eds-input-color-icon-initial: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Autocomplete, Table input, Text field */ + --eds-input-color-icon-read-only: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Autocomplete, Table input, Text field */ + --eds-input-color-icon-focus: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); /* Autocomplete, Table input, Search, Text field */ + --eds-input-color-icon-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); /* Autocomplete, Table input, Search, Text field */ + --eds-input-color-border-initial: light-dark(var(--eds-color-neutral-600), #ffffff29); /* Autocomplete, Text field */ + --eds-input-color-border-read-only: light-dark(var(--eds-color-neutral-600), #ffffff29); /* Autocomplete, Text field */ + --eds-input-color-border-focus: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Autocomplete, Search, Text field */ + --eds-input-color-surface-initial-on-level-1: light-dark(var(--eds-color-neutral-0), #00000047); /* Autocomplete, Search, Table input, Text field input */ + --eds-input-color-surface-initial-on-level-2: light-dark(var(--eds-color-neutral-100), #00000047); /* Autocomplete, Search, Table input, Text field input */ + --eds-input-color-surface-initial-on-level-3: light-dark(var(--eds-color-neutral-100), #00000047); + --eds-input-color-surface-disabled-on-level-1: light-dark(var(--eds-color-neutral-0), #00000047); /* Autocomplete, Search, Table input, Text field input */ + --eds-input-color-surface-disabled-on-level-2: light-dark(var(--eds-color-neutral-100), #00000047); /* Autocomplete, Search, Table input, Text field input */ + --eds-input-color-surface-disabled-on-level-3: light-dark(var(--eds-color-neutral-100), #00000047); + --eds-input-color-message-border-success-initial: var(--eds-color-success-green-900); /* Text field */ + --eds-input-color-message-border-success-focus: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-success-green-600)); /* Text field */ + --eds-input-color-message-border-success-read-only: var(--eds-color-success-green-900); /* Text field */ + --eds-input-color-message-border-success-disabled: var(--eds-color-success-green-900); /* Text field */ + --eds-input-color-message-border-warning-initial: var(--eds-color-orange-800); /* Text field */ + --eds-input-color-message-border-warning-focus: light-dark(var(--eds-color-orange-1200), var(--eds-color-spruce-wood-500)); /* Text field */ + --eds-input-color-message-border-warning-read-only: var(--eds-color-orange-800); /* Text field */ + --eds-input-color-message-border-warning-disabled: var(--eds-color-orange-800); /* Text field */ + --eds-input-color-message-border-error-initial: var(--eds-color-red-cold-900); /* Text field */ + --eds-input-color-message-border-error-focus: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-600)); /* Text field */ + --eds-input-color-message-border-error-read-only: var(--eds-color-red-cold-900); /* Text field */ + --eds-input-color-message-border-error-disabled: var(--eds-color-red-cold-900); /* Text field */ + --eds-input-color-message-icon-success-initial: var(--eds-color-success-green-900); /* Text field */ + --eds-input-color-message-icon-success-focus: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-success-green-600)); /* Text field */ + --eds-input-color-message-icon-success-read-only: var(--eds-color-success-green-900); /* Text field */ + --eds-input-color-message-icon-success-disabled: var(--eds-color-success-green-900); /* Text field */ + --eds-input-color-message-icon-warning-initial: var(--eds-color-orange-800); /* Text field */ + --eds-input-color-message-icon-warning-focus: light-dark(var(--eds-color-orange-1200), var(--eds-color-spruce-wood-500)); /* Text field */ + --eds-input-color-message-icon-warning-read-only: var(--eds-color-orange-800); /* Text field */ + --eds-input-color-message-icon-warning-disabled: var(--eds-color-orange-800); /* Text field */ + --eds-input-color-message-icon-error-initial: var(--eds-color-red-cold-900); /* Text field */ + --eds-input-color-message-icon-error-focus: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-600)); /* Text field */ + --eds-input-color-message-icon-error-read-only: var(--eds-color-red-cold-900); /* Text field */ + --eds-input-color-message-icon-error-disabled: var(--eds-color-red-cold-900); /* Text field */ + --eds-input-color-message-text-success-initial: var(--eds-color-success-green-900); /* Text field */ + --eds-input-color-message-text-success-focus: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-success-green-600)); /* Text field */ + --eds-input-color-message-text-success-read-only: var(--eds-color-success-green-900); /* Text field */ + --eds-input-color-message-text-success-disabled: var(--eds-color-success-green-900); /* Text field */ + --eds-input-color-message-text-warning-initial: var(--eds-color-orange-800); /* Text field */ + --eds-input-color-message-text-warning-focus: light-dark(var(--eds-color-orange-1200), var(--eds-color-spruce-wood-500)); /* Text field */ + --eds-input-color-message-text-warning-read-only: var(--eds-color-orange-800); /* Text field */ + --eds-input-color-message-text-warning-disabled: var(--eds-color-orange-800); /* Text field */ + --eds-input-color-message-text-error-initial: var(--eds-color-red-cold-900); /* Text field */ + --eds-input-color-message-text-error-focus: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-600)); /* Text field */ + --eds-input-color-message-text-error-read-only: var(--eds-color-red-cold-900); /* Text field */ + --eds-input-color-message-text-error-disabled: var(--eds-color-red-cold-900); /* Text field */ + --eds-input-label-color-text-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-input-label-color-text-read-only: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-input-label-color-text-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-input-label-color-icon-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-input-label-color-icon-read-only: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-input-label-color-icon-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-table-cell-color-message-surface-error: light-dark(var(--eds-color-red-warm-300), #ff666b47); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-text-initial-on-level-1: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); + --eds-table-cell-color-interactive-text-initial-on-level-2: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); + --eds-table-cell-color-interactive-text-initial-on-level-3: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); + --eds-table-cell-color-interactive-text-hover-on-level-1: light-dark(var(--eds-color-neutral-1400), var(--eds-color-slate-grey-200)); + --eds-table-cell-color-interactive-text-hover-on-level-2: light-dark(var(--eds-color-neutral-1400), var(--eds-color-slate-grey-200)); + --eds-table-cell-color-interactive-text-hover-on-level-3: light-dark(var(--eds-color-neutral-1400), var(--eds-color-slate-grey-200)); + --eds-table-cell-color-interactive-text-active-on-level-1: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); /* Interactive table cell, table data grid cell */ + --eds-table-cell-color-interactive-text-active-on-level-2: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); /* Interactive table cell, table data grid cell */ + --eds-table-cell-color-interactive-text-active-on-level-3: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); /* Interactive table cell, table data grid cell */ + --eds-table-cell-color-interactive-text-active-hover-on-level-1: light-dark(var(--eds-color-neutral-1400), var(--eds-color-slate-grey-200)); /* Interactive table cell, data grid cell */ + --eds-table-cell-color-interactive-text-active-hover-on-level-2: light-dark(var(--eds-color-neutral-1400), var(--eds-color-slate-grey-200)); /* Interactive table cell, data grid cell */ + --eds-table-cell-color-interactive-text-active-hover-on-level-3: light-dark(var(--eds-color-neutral-1400), var(--eds-color-slate-grey-200)); /* Interactive table cell, data grid cell */ + --eds-table-cell-color-interactive-text-disabled-on-level-1: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-table-cell-color-interactive-text-disabled-on-level-2: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-table-cell-color-interactive-text-disabled-on-level-3: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-table-cell-color-interactive-icon-initial-on-level-1: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Table cell, Table data grid cell, Table header, Table data grid header */ + --eds-table-cell-color-interactive-icon-initial-on-level-2: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); /* Table cell, Table data grid cell, Table header, Table data grid header */ + --eds-table-cell-color-interactive-icon-initial-on-level-3: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); /* Table cell, Table data grid cell, Table header, Table data grid header */ + --eds-table-cell-color-interactive-icon-hover-on-level-1: light-dark(var(--eds-color-neutral-1400), var(--eds-color-slate-grey-200)); /* Table cell, Table data grid cell, Table header, Table data grid header */ + --eds-table-cell-color-interactive-icon-hover-on-level-2: light-dark(var(--eds-color-neutral-1400), var(--eds-color-slate-grey-200)); /* Table cell, Table data grid cell, Table header, Table data grid header */ + --eds-table-cell-color-interactive-icon-hover-on-level-3: light-dark(var(--eds-color-neutral-1400), var(--eds-color-slate-grey-200)); /* Table cell, Table data grid cell, Table header, Table data grid header */ + --eds-table-cell-color-interactive-icon-active-on-level-1: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Table cell, Table data grid cell, Table header, Table data grid header */ + --eds-table-cell-color-interactive-icon-active-on-level-2: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); /* Table cell, Table data grid cell, Table header, Table data grid header */ + --eds-table-cell-color-interactive-icon-active-on-level-3: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-200)); /* Table cell, Table data grid cell, Table header, Table data grid header */ + --eds-table-cell-color-interactive-icon-active-hover-on-level-1: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); /* Table cell, Table data grid cell, Table header, Table data grid header */ + --eds-table-cell-color-interactive-icon-active-hover-on-level-2: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); /* Table cell, Table data grid cell, Table header, Table data grid header */ + --eds-table-cell-color-interactive-icon-active-hover-on-level-3: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-100)); /* Table cell, Table data grid cell, Table header, Table data grid header */ + --eds-table-cell-color-interactive-icon-disabled-on-level-1: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-table-cell-color-interactive-icon-disabled-on-level-2: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-table-cell-color-interactive-icon-disabled-on-level-3: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-table-cell-color-interactive-border-initial-on-level-1: light-dark(var(--eds-color-neutral-300), #ffffff29); + --eds-table-cell-color-interactive-border-initial-on-level-2: light-dark(var(--eds-color-neutral-300), #ffffff29); + --eds-table-cell-color-interactive-border-initial-on-level-3: light-dark(var(--eds-color-neutral-300), #ffffff29); + --eds-table-cell-color-interactive-border-hover-on-level-1: light-dark(var(--eds-color-neutral-500), #ffffff33); + --eds-table-cell-color-interactive-border-hover-on-level-2: light-dark(var(--eds-color-neutral-500), #ffffff33); + --eds-table-cell-color-interactive-border-hover-on-level-3: light-dark(var(--eds-color-neutral-500), #ffffff33); + --eds-table-cell-color-interactive-border-active-on-level-1: light-dark(var(--eds-color-neutral-300), #ffffff29); + --eds-table-cell-color-interactive-border-active-on-level-2: light-dark(var(--eds-color-neutral-300), #ffffff29); + --eds-table-cell-color-interactive-border-active-on-level-3: light-dark(var(--eds-color-neutral-300), #ffffff29); + --eds-table-cell-color-interactive-border-active-hover-on-level-1: light-dark(var(--eds-color-neutral-500), #ffffff33); + --eds-table-cell-color-interactive-border-active-hover-on-level-2: light-dark(var(--eds-color-neutral-500), #ffffff33); + --eds-table-cell-color-interactive-border-active-hover-on-level-3: light-dark(var(--eds-color-neutral-500), #ffffff33); + --eds-table-cell-color-interactive-border-disabled-on-level-1: light-dark(var(--eds-color-neutral-300), #ffffff29); /* Border on Table cell doesn't change from Initial state, only the text & the icon. */ + --eds-table-cell-color-interactive-border-disabled-on-level-2: light-dark(var(--eds-color-neutral-300), #ffffff29); /* Border on Table cell doesn't change from Initial state, only the text & the icon. */ + --eds-table-cell-color-interactive-border-disabled-on-level-3: light-dark(var(--eds-color-neutral-300), #ffffff29); /* Border on Table cell doesn't change from Initial state, only the text & the icon. */ + --eds-table-cell-color-interactive-surface-hover-on-level-1: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-hover-on-level-2: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-hover-on-level-3: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-active-on-level-1: light-dark(var(--eds-color-moss-green-200), var(--eds-color-mist-blue-muted-1300)); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-active-on-level-2: light-dark(var(--eds-color-moss-green-200), var(--eds-color-mist-blue-muted-1300)); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-active-on-level-3: light-dark(var(--eds-color-moss-green-200), var(--eds-color-mist-blue-muted-1200)); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-active-hover-on-level-1: light-dark(var(--eds-color-moss-green-300), var(--eds-color-mist-blue-muted-1200)); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-active-hover-on-level-2: light-dark(var(--eds-color-moss-green-300), var(--eds-color-mist-blue-muted-1200)); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-active-hover-on-level-3: light-dark(var(--eds-color-moss-green-300), var(--eds-color-mist-blue-muted-1100)); /* Table cell, Table data grid cell */ + --eds-table-header-color-interactive-text-initial-on-level-1: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); + --eds-table-header-color-interactive-text-initial-on-level-2: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); + --eds-table-header-color-interactive-text-initial-on-level-3: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); + --eds-table-header-color-interactive-text-hover-on-level-1: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); + --eds-table-header-color-interactive-text-hover-on-level-2: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); + --eds-table-header-color-interactive-text-hover-on-level-3: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); + --eds-table-header-color-interactive-text-active-on-level-1: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); + --eds-table-header-color-interactive-text-active-on-level-2: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); + --eds-table-header-color-interactive-text-active-on-level-3: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-300)); + --eds-table-header-color-interactive-text-active-hover-on-level-1: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); + --eds-table-header-color-interactive-text-active-hover-on-level-2: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); + --eds-table-header-color-interactive-text-active-hover-on-level-3: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-200)); + --eds-table-header-color-interactive-text-disabled-on-level-1: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-table-header-color-interactive-text-disabled-on-level-2: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-table-header-color-interactive-text-disabled-on-level-3: light-dark(var(--eds-color-neutral-500), var(--eds-color-neutral-1000)); + --eds-table-header-color-interactive-icon-initial-on-level-1: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-table-header-color-interactive-icon-initial-on-level-2: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-table-header-color-interactive-icon-initial-on-level-3: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); + --eds-table-header-color-interactive-icon-hover-on-level-1: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); + --eds-table-header-color-interactive-icon-hover-on-level-2: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); + --eds-table-header-color-interactive-icon-hover-on-level-3: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); + --eds-table-header-color-interactive-icon-active-on-level-1: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); + --eds-table-header-color-interactive-icon-active-on-level-2: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); + --eds-table-header-color-interactive-icon-active-on-level-3: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-300)); + --eds-table-header-color-interactive-icon-active-hover-on-level-1: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); + --eds-table-header-color-interactive-icon-active-hover-on-level-2: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); + --eds-table-header-color-interactive-icon-active-hover-on-level-3: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-200)); + --eds-table-header-color-interactive-icon-disabled-on-level-1: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-table-header-color-interactive-icon-disabled-on-level-2: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-table-header-color-interactive-icon-disabled-on-level-3: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); + --eds-table-header-color-interactive-border-initial-on-level-1: light-dark(var(--eds-color-neutral-300), #ffffff29); + --eds-table-header-color-interactive-border-initial-on-level-2: light-dark(var(--eds-color-neutral-300), #ffffff29); + --eds-table-header-color-interactive-border-initial-on-level-3: light-dark(var(--eds-color-neutral-300), #ffffff29); + --eds-table-header-color-interactive-border-hover-on-level-1: light-dark(var(--eds-color-neutral-500), #ffffff33); + --eds-table-header-color-interactive-border-hover-on-level-2: light-dark(var(--eds-color-neutral-500), #ffffff33); + --eds-table-header-color-interactive-border-hover-on-level-3: light-dark(var(--eds-color-neutral-500), #ffffff33); + --eds-table-header-color-interactive-border-active-on-level-1: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); + --eds-table-header-color-interactive-border-active-on-level-2: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); + --eds-table-header-color-interactive-border-active-on-level-3: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-300)); + --eds-table-header-color-interactive-border-active-hover-on-level-1: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); + --eds-table-header-color-interactive-border-active-hover-on-level-2: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); + --eds-table-header-color-interactive-border-active-hover-on-level-3: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-200)); + --eds-table-header-color-interactive-border-disabled-on-level-1: light-dark(var(--eds-color-neutral-300), #ffffff29); + --eds-table-header-color-interactive-border-disabled-on-level-2: light-dark(var(--eds-color-neutral-300), #ffffff29); + --eds-table-header-color-interactive-border-disabled-on-level-3: light-dark(var(--eds-color-neutral-300), #ffffff29); + --eds-table-header-color-interactive-surface-initial-on-level-1: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1350)); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-initial-on-level-2: light-dark(var(--eds-color-neutral-100), var(--eds-color-slate-blue-1300)); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-initial-on-level-3: light-dark(var(--eds-color-neutral-100), var(--eds-color-slate-blue-1200)); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-hover-on-level-1: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-hover-on-level-2: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-hover-on-level-3: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-active-on-level-1: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-blue-1300)); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-active-on-level-2: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-blue-1300)); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-active-on-level-3: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-blue-1200)); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-active-hover-on-level-1: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-active-hover-on-level-2: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-active-hover-on-level-3: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1100)); /* Table header, Table data grid header */ + --eds-table-header-color-static-text-on-level-1: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); + --eds-table-header-color-static-text-on-level-2: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); + --eds-table-header-color-static-text-on-level-3: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); + --eds-table-header-color-static-icon-on-level-1: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); + --eds-table-header-color-static-icon-on-level-2: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); + --eds-table-header-color-static-icon-on-level-3: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); + --eds-table-header-color-static-border-on-level-1: light-dark(var(--eds-color-neutral-300), #ffffff29); + --eds-table-header-color-static-border-on-level-2: light-dark(var(--eds-color-neutral-300), #ffffff29); + --eds-table-header-color-static-border-on-level-3: light-dark(var(--eds-color-neutral-300), #ffffff29); + --eds-table-header-color-static-surface-on-level-1: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1350)); /* Table header, Table data grid header */ + --eds-table-header-color-static-surface-on-level-2: light-dark(var(--eds-color-neutral-100), var(--eds-color-slate-blue-1300)); /* Table header, Table data grid header */ + --eds-table-header-color-static-surface-on-level-3: light-dark(var(--eds-color-neutral-100), var(--eds-color-slate-blue-1200)); /* Table header, Table data grid header */ + --eds-ui-main-color-surface: light-dark(var(--eds-color-neutral-100), var(--eds-color-slate-blue-1400)); /* Recommended background color for EDS applications */ + --eds-ui-shell-color-surface: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1350)); /* Sidebar, Side sheet, Toolbar, Top bar */ + --eds-ui-shell-color-border: light-dark(var(--eds-color-neutral-100), var(--eds-color-slate-blue-1400)); /* Sidebar, Topbar, Side sheet */ + --eds-ui-floating-color-surface: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1300)); /* Recommended background color for EDS applications */ --eds-color-static-text-inverted: light-dark(var(--eds-color-text-inverted-on-light), var(--eds-color-text-inverted-on-dark)); - --eds-color-static-text-raised: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-300)); - --eds-color-shadow: light-dark(rgba(0, 0, 0, 0.14), #00000024); /* For use in box shadows */ + --eds-color-static-text-standard-primary: light-dark(var(--eds-color-text-primary-on-light), var(--eds-color-text-primary-on-dark)); + --eds-color-static-text-standard-secondary: light-dark(var(--eds-color-text-secondary-on-light), var(--eds-color-text-secondary-on-dark)); + --eds-color-static-text-standard-maximal: light-dark(var(--eds-color-text-maximal-on-light), var(--eds-color-text-maximal-on-dark)); + --eds-color-static-icon-inverted: light-dark(var(--eds-color-icon-inverted-on-light), var(--eds-color-icon-inverted-on-dark)); + --eds-color-static-icon-standard-primary: light-dark(var(--eds-color-icon-primary-on-light), var(--eds-color-icon-primary-on-dark)); + --eds-color-static-icon-standard-secondary: light-dark(var(--eds-color-icon-secondary-on-light), var(--eds-color-icon-secondary-on-dark)); + --eds-color-static-icon-standard-maximal: light-dark(var(--eds-color-icon-maximal-on-light), var(--eds-color-icon-maximal-on-dark)); + --eds-color-message-text-standard-info: var(--eds-color-message-text-raised-info-initial); /* Deprecated - Card. Use text/message. */ + --eds-color-message-text-standard-success: var(--eds-color-message-text-raised-success-initial); /* Deprecated - Card. Use text/message. */ + --eds-color-message-text-standard-warning: var(--eds-color-message-text-raised-warning-initial); /* Deprecated - Card. Use text/message. */ + --eds-color-message-text-standard-error: var(--eds-color-message-text-raised-error-initial); /* Deprecated - Card. Use text/message. */ } diff --git a/packages/eds-tokens/build/css/color/dark-verbose.css b/packages/eds-tokens/build/css/color/dark-verbose.css index 1f1f0234b3..18bb932d9b 100644 --- a/packages/eds-tokens/build/css/color/dark-verbose.css +++ b/packages/eds-tokens/build/css/color/dark-verbose.css @@ -3,551 +3,551 @@ */ [data-color-scheme="dark"] { - --eds-ui-scrim-color-surface: rgba(0, 0, 0, 0.4); /* Scrim */ - --eds-ui-floating-color-surface: var(--eds-color-slate-blue-1300); /* Recommended background color for EDS applications */ - --eds-ui-shell-color-border: var(--eds-color-slate-blue-1400); /* Sidebar, Topbar, Side sheet */ - --eds-ui-shell-color-surface: var(--eds-color-slate-blue-1350); /* Sidebar, Side sheet, Toolbar, Top bar */ - --eds-ui-main-color-surface: var(--eds-color-slate-blue-1400); /* Recommended background color for EDS applications */ - --eds-table-header-color-static-surface-on-level-3: var(--eds-color-slate-blue-1200); /* Table header, Table data grid header */ - --eds-table-header-color-static-surface-on-level-2: var(--eds-color-slate-blue-1300); /* Table header, Table data grid header */ - --eds-table-header-color-static-surface-on-level-1: var(--eds-color-slate-blue-1350); /* Table header, Table data grid header */ - --eds-table-header-color-static-border-on-level-3: rgba(255, 255, 255, 0.16); - --eds-table-header-color-static-border-on-level-2: rgba(255, 255, 255, 0.16); - --eds-table-header-color-static-border-on-level-1: rgba(255, 255, 255, 0.16); - --eds-table-header-color-static-icon-on-level-3: var(--eds-color-neutral-0); - --eds-table-header-color-static-icon-on-level-2: var(--eds-color-neutral-0); - --eds-table-header-color-static-icon-on-level-1: var(--eds-color-neutral-0); - --eds-table-header-color-static-text-on-level-3: var(--eds-color-neutral-0); - --eds-table-header-color-static-text-on-level-2: var(--eds-color-neutral-0); - --eds-table-header-color-static-text-on-level-1: var(--eds-color-neutral-0); - --eds-table-header-color-interactive-surface-disabled-on-level-3: rgba(0, 0, 0, 0); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-disabled-on-level-2: rgba(0, 0, 0, 0); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-disabled-on-level-1: rgba(0, 0, 0, 0); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-active-hover-on-level-3: var(--eds-color-slate-blue-1100); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-active-hover-on-level-2: var(--eds-color-slate-blue-1200); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-active-hover-on-level-1: var(--eds-color-slate-blue-1200); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-active-on-level-3: var(--eds-color-slate-blue-1200); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-active-on-level-2: var(--eds-color-slate-blue-1300); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-active-on-level-1: var(--eds-color-slate-blue-1300); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-hover-on-level-3: var(--eds-color-slate-blue-1200); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-hover-on-level-2: var(--eds-color-slate-blue-1200); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-hover-on-level-1: var(--eds-color-slate-blue-1200); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-initial-on-level-3: var(--eds-color-slate-blue-1200); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-initial-on-level-2: var(--eds-color-slate-blue-1300); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-initial-on-level-1: var(--eds-color-slate-blue-1350); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-border-disabled-on-level-3: rgba(255, 255, 255, 0.16); - --eds-table-header-color-interactive-border-disabled-on-level-2: rgba(255, 255, 255, 0.16); - --eds-table-header-color-interactive-border-disabled-on-level-1: rgba(255, 255, 255, 0.16); - --eds-table-header-color-interactive-border-active-hover-on-level-3: var(--eds-color-moss-green-sat-200); - --eds-table-header-color-interactive-border-active-hover-on-level-2: var(--eds-color-moss-green-sat-300); - --eds-table-header-color-interactive-border-active-hover-on-level-1: var(--eds-color-moss-green-sat-300); - --eds-table-header-color-interactive-border-active-on-level-3: var(--eds-color-moss-green-sat-300); - --eds-table-header-color-interactive-border-active-on-level-2: var(--eds-color-moss-green-sat-500); - --eds-table-header-color-interactive-border-active-on-level-1: var(--eds-color-moss-green-sat-500); - --eds-table-header-color-interactive-border-hover-on-level-3: rgba(255, 255, 255, 0.2); - --eds-table-header-color-interactive-border-hover-on-level-2: rgba(255, 255, 255, 0.2); - --eds-table-header-color-interactive-border-hover-on-level-1: rgba(255, 255, 255, 0.2); - --eds-table-header-color-interactive-border-initial-on-level-3: rgba(255, 255, 255, 0.16); - --eds-table-header-color-interactive-border-initial-on-level-2: rgba(255, 255, 255, 0.16); - --eds-table-header-color-interactive-border-initial-on-level-1: rgba(255, 255, 255, 0.16); - --eds-table-header-color-interactive-icon-disabled-on-level-3: var(--eds-color-neutral-0); - --eds-table-header-color-interactive-icon-disabled-on-level-2: var(--eds-color-slate-grey-600); - --eds-table-header-color-interactive-icon-disabled-on-level-1: var(--eds-color-slate-grey-600); - --eds-table-header-color-interactive-icon-active-hover-on-level-3: var(--eds-color-moss-green-sat-200); - --eds-table-header-color-interactive-icon-active-hover-on-level-2: var(--eds-color-moss-green-sat-300); - --eds-table-header-color-interactive-icon-active-hover-on-level-1: var(--eds-color-moss-green-sat-300); - --eds-table-header-color-interactive-icon-active-on-level-3: var(--eds-color-moss-green-sat-300); - --eds-table-header-color-interactive-icon-active-on-level-2: var(--eds-color-moss-green-sat-500); - --eds-table-header-color-interactive-icon-active-on-level-1: var(--eds-color-moss-green-sat-500); - --eds-table-header-color-interactive-icon-hover-on-level-3: var(--eds-color-neutral-0); - --eds-table-header-color-interactive-icon-hover-on-level-2: var(--eds-color-slate-grey-400); - --eds-table-header-color-interactive-icon-hover-on-level-1: var(--eds-color-slate-grey-400); - --eds-table-header-color-interactive-icon-initial-on-level-3: var(--eds-color-neutral-0); - --eds-table-header-color-interactive-icon-initial-on-level-2: var(--eds-color-slate-grey-600); - --eds-table-header-color-interactive-icon-initial-on-level-1: var(--eds-color-slate-grey-600); - --eds-table-header-color-interactive-text-disabled-on-level-3: var(--eds-color-neutral-1000); - --eds-table-header-color-interactive-text-disabled-on-level-2: var(--eds-color-slate-grey-1000); - --eds-table-header-color-interactive-text-disabled-on-level-1: var(--eds-color-slate-grey-1000); - --eds-table-header-color-interactive-text-active-hover-on-level-3: var(--eds-color-moss-green-sat-200); - --eds-table-header-color-interactive-text-active-hover-on-level-2: var(--eds-color-moss-green-sat-300); - --eds-table-header-color-interactive-text-active-hover-on-level-1: var(--eds-color-moss-green-sat-300); - --eds-table-header-color-interactive-text-active-on-level-3: var(--eds-color-moss-green-sat-300); - --eds-table-header-color-interactive-text-active-on-level-2: var(--eds-color-moss-green-sat-500); - --eds-table-header-color-interactive-text-active-on-level-1: var(--eds-color-moss-green-sat-500); - --eds-table-header-color-interactive-text-hover-on-level-3: var(--eds-color-neutral-0); - --eds-table-header-color-interactive-text-hover-on-level-2: var(--eds-color-slate-grey-400); - --eds-table-header-color-interactive-text-hover-on-level-1: var(--eds-color-slate-grey-400); - --eds-table-header-color-interactive-text-initial-on-level-3: var(--eds-color-neutral-0); - --eds-table-header-color-interactive-text-initial-on-level-2: var(--eds-color-slate-grey-400); - --eds-table-header-color-interactive-text-initial-on-level-1: var(--eds-color-slate-grey-400); - --eds-table-cell-color-interactive-surface-disabled-on-level-3: rgba(0, 0, 0, 0); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-disabled-on-level-2: rgba(0, 0, 0, 0); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-disabled-on-level-1: rgba(0, 0, 0, 0); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-active-hover-on-level-3: var(--eds-color-mist-blue-muted-1100); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-active-hover-on-level-2: var(--eds-color-mist-blue-muted-1200); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-active-hover-on-level-1: var(--eds-color-mist-blue-muted-1200); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-active-on-level-3: var(--eds-color-mist-blue-muted-1200); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-active-on-level-2: var(--eds-color-mist-blue-muted-1300); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-active-on-level-1: var(--eds-color-mist-blue-muted-1300); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-hover-on-level-3: var(--eds-color-slate-blue-1200); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-hover-on-level-2: var(--eds-color-slate-blue-1200); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-hover-on-level-1: var(--eds-color-slate-blue-1200); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-initial-on-level-3: rgba(0, 0, 0, 0); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-initial-on-level-2: rgba(0, 0, 0, 0); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-initial-on-level-1: rgba(0, 0, 0, 0); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-border-disabled-on-level-3: rgba(255, 255, 255, 0.16); /* Border on Table cell doesn't change from Initial state, only the text & the icon. */ - --eds-table-cell-color-interactive-border-disabled-on-level-2: rgba(255, 255, 255, 0.16); /* Border on Table cell doesn't change from Initial state, only the text & the icon. */ - --eds-table-cell-color-interactive-border-disabled-on-level-1: rgba(255, 255, 255, 0.16); /* Border on Table cell doesn't change from Initial state, only the text & the icon. */ - --eds-table-cell-color-interactive-border-active-hover-on-level-3: rgba(255, 255, 255, 0.2); - --eds-table-cell-color-interactive-border-active-hover-on-level-2: rgba(255, 255, 255, 0.2); - --eds-table-cell-color-interactive-border-active-hover-on-level-1: rgba(255, 255, 255, 0.2); - --eds-table-cell-color-interactive-border-active-on-level-3: rgba(255, 255, 255, 0.16); - --eds-table-cell-color-interactive-border-active-on-level-2: rgba(255, 255, 255, 0.16); - --eds-table-cell-color-interactive-border-active-on-level-1: rgba(255, 255, 255, 0.16); - --eds-table-cell-color-interactive-border-hover-on-level-3: rgba(255, 255, 255, 0.2); - --eds-table-cell-color-interactive-border-hover-on-level-2: rgba(255, 255, 255, 0.2); - --eds-table-cell-color-interactive-border-hover-on-level-1: rgba(255, 255, 255, 0.2); - --eds-table-cell-color-interactive-border-initial-on-level-3: rgba(255, 255, 255, 0.16); - --eds-table-cell-color-interactive-border-initial-on-level-2: rgba(255, 255, 255, 0.16); - --eds-table-cell-color-interactive-border-initial-on-level-1: rgba(255, 255, 255, 0.16); - --eds-table-cell-color-interactive-icon-disabled-on-level-3: var(--eds-color-slate-grey-1000); - --eds-table-cell-color-interactive-icon-disabled-on-level-2: var(--eds-color-slate-grey-1000); - --eds-table-cell-color-interactive-icon-disabled-on-level-1: var(--eds-color-slate-grey-1000); - --eds-table-cell-color-interactive-icon-active-hover-on-level-3: var(--eds-color-moss-green-sat-100); /* Table cell, Table data grid cell, Table header, Table data grid header */ - --eds-table-cell-color-interactive-icon-active-hover-on-level-2: var(--eds-color-moss-green-sat-300); /* Table cell, Table data grid cell, Table header, Table data grid header */ - --eds-table-cell-color-interactive-icon-active-hover-on-level-1: var(--eds-color-moss-green-sat-300); /* Table cell, Table data grid cell, Table header, Table data grid header */ - --eds-table-cell-color-interactive-icon-active-on-level-3: var(--eds-color-moss-green-sat-200); /* Table cell, Table data grid cell, Table header, Table data grid header */ - --eds-table-cell-color-interactive-icon-active-on-level-2: var(--eds-color-moss-green-sat-500); /* Table cell, Table data grid cell, Table header, Table data grid header */ - --eds-table-cell-color-interactive-icon-active-on-level-1: var(--eds-color-moss-green-sat-500); /* Table cell, Table data grid cell, Table header, Table data grid header */ - --eds-table-cell-color-interactive-icon-hover-on-level-3: var(--eds-color-slate-grey-200); /* Table cell, Table data grid cell, Table header, Table data grid header */ - --eds-table-cell-color-interactive-icon-hover-on-level-2: var(--eds-color-slate-grey-200); /* Table cell, Table data grid cell, Table header, Table data grid header */ - --eds-table-cell-color-interactive-icon-hover-on-level-1: var(--eds-color-slate-grey-200); /* Table cell, Table data grid cell, Table header, Table data grid header */ - --eds-table-cell-color-interactive-icon-initial-on-level-3: var(--eds-color-slate-grey-500); /* Table cell, Table data grid cell, Table header, Table data grid header */ - --eds-table-cell-color-interactive-icon-initial-on-level-2: var(--eds-color-slate-grey-600); /* Table cell, Table data grid cell, Table header, Table data grid header */ - --eds-table-cell-color-interactive-icon-initial-on-level-1: var(--eds-color-slate-grey-600); /* Table cell, Table data grid cell, Table header, Table data grid header */ - --eds-table-cell-color-interactive-text-disabled-on-level-3: var(--eds-color-slate-grey-1000); - --eds-table-cell-color-interactive-text-disabled-on-level-2: var(--eds-color-slate-grey-1000); - --eds-table-cell-color-interactive-text-disabled-on-level-1: var(--eds-color-slate-grey-1000); - --eds-table-cell-color-interactive-text-active-hover-on-level-3: var(--eds-color-slate-grey-200); /* Interactive table cell, data grid cell */ - --eds-table-cell-color-interactive-text-active-hover-on-level-2: var(--eds-color-slate-grey-200); /* Interactive table cell, data grid cell */ - --eds-table-cell-color-interactive-text-active-hover-on-level-1: var(--eds-color-slate-grey-200); /* Interactive table cell, data grid cell */ - --eds-table-cell-color-interactive-text-active-on-level-3: var(--eds-color-slate-grey-400); /* Interactive table cell, table data grid cell */ - --eds-table-cell-color-interactive-text-active-on-level-2: var(--eds-color-slate-grey-400); /* Interactive table cell, table data grid cell */ - --eds-table-cell-color-interactive-text-active-on-level-1: var(--eds-color-slate-grey-400); /* Interactive table cell, table data grid cell */ - --eds-table-cell-color-interactive-text-hover-on-level-3: var(--eds-color-slate-grey-200); - --eds-table-cell-color-interactive-text-hover-on-level-2: var(--eds-color-slate-grey-200); - --eds-table-cell-color-interactive-text-hover-on-level-1: var(--eds-color-slate-grey-200); - --eds-table-cell-color-interactive-text-initial-on-level-3: var(--eds-color-slate-grey-400); - --eds-table-cell-color-interactive-text-initial-on-level-2: var(--eds-color-slate-grey-400); - --eds-table-cell-color-interactive-text-initial-on-level-1: var(--eds-color-slate-grey-400); - --eds-table-cell-color-message-surface-error: rgba(255, 102, 107, 0.28); /* Table cell, Table data grid cell */ - --eds-input-label-color-icon-disabled: var(--eds-color-slate-grey-1000); - --eds-input-label-color-icon-read-only: var(--eds-color-slate-grey-600); - --eds-input-label-color-icon-initial: var(--eds-color-slate-grey-600); - --eds-input-label-color-text-disabled: var(--eds-color-slate-grey-1000); - --eds-input-label-color-text-read-only: var(--eds-color-slate-grey-600); - --eds-input-label-color-text-initial: var(--eds-color-slate-grey-600); - --eds-input-color-message-text-error-disabled: var(--eds-color-red-cold-900); /* Text field */ - --eds-input-color-message-text-error-read-only: var(--eds-color-red-cold-900); /* Text field */ - --eds-input-color-message-text-error-focus: var(--eds-color-red-warm-600); /* Text field */ - --eds-input-color-message-text-error-initial: var(--eds-color-red-cold-900); /* Text field */ - --eds-input-color-message-text-warning-disabled: var(--eds-color-orange-800); /* Text field */ - --eds-input-color-message-text-warning-read-only: var(--eds-color-orange-800); /* Text field */ - --eds-input-color-message-text-warning-focus: var(--eds-color-spruce-wood-500); /* Text field */ - --eds-input-color-message-text-warning-initial: var(--eds-color-orange-800); /* Text field */ - --eds-input-color-message-text-success-disabled: var(--eds-color-success-green-900); /* Text field */ - --eds-input-color-message-text-success-read-only: var(--eds-color-success-green-900); /* Text field */ - --eds-input-color-message-text-success-focus: var(--eds-color-success-green-600); /* Text field */ - --eds-input-color-message-text-success-initial: var(--eds-color-success-green-900); /* Text field */ - --eds-input-color-message-icon-error-disabled: var(--eds-color-red-cold-900); /* Text field */ - --eds-input-color-message-icon-error-read-only: var(--eds-color-red-cold-900); /* Text field */ - --eds-input-color-message-icon-error-focus: var(--eds-color-red-warm-600); /* Text field */ - --eds-input-color-message-icon-error-initial: var(--eds-color-red-cold-900); /* Text field */ - --eds-input-color-message-icon-warning-disabled: var(--eds-color-orange-800); /* Text field */ - --eds-input-color-message-icon-warning-read-only: var(--eds-color-orange-800); /* Text field */ - --eds-input-color-message-icon-warning-focus: var(--eds-color-spruce-wood-500); /* Text field */ - --eds-input-color-message-icon-warning-initial: var(--eds-color-orange-800); /* Text field */ - --eds-input-color-message-icon-success-disabled: var(--eds-color-success-green-900); /* Text field */ - --eds-input-color-message-icon-success-read-only: var(--eds-color-success-green-900); /* Text field */ - --eds-input-color-message-icon-success-focus: var(--eds-color-success-green-600); /* Text field */ - --eds-input-color-message-icon-success-initial: var(--eds-color-success-green-900); /* Text field */ - --eds-input-color-message-border-error-disabled: var(--eds-color-red-cold-900); /* Text field */ - --eds-input-color-message-border-error-read-only: var(--eds-color-red-cold-900); /* Text field */ - --eds-input-color-message-border-error-focus: var(--eds-color-red-warm-600); /* Text field */ - --eds-input-color-message-border-error-initial: var(--eds-color-red-cold-900); /* Text field */ - --eds-input-color-message-border-warning-disabled: var(--eds-color-orange-800); /* Text field */ - --eds-input-color-message-border-warning-read-only: var(--eds-color-orange-800); /* Text field */ - --eds-input-color-message-border-warning-focus: var(--eds-color-spruce-wood-500); /* Text field */ - --eds-input-color-message-border-warning-initial: var(--eds-color-orange-800); /* Text field */ - --eds-input-color-message-border-success-disabled: var(--eds-color-success-green-900); /* Text field */ - --eds-input-color-message-border-success-read-only: var(--eds-color-success-green-900); /* Text field */ - --eds-input-color-message-border-success-focus: var(--eds-color-success-green-600); /* Text field */ - --eds-input-color-message-border-success-initial: var(--eds-color-success-green-900); /* Text field */ - --eds-input-color-surface-read-only-on-level-3: rgba(0, 0, 0, 0); - --eds-input-color-surface-read-only-on-level-2: rgba(0, 0, 0, 0); - --eds-input-color-surface-read-only-on-level-1: rgba(0, 0, 0, 0); - --eds-input-color-surface-disabled-on-level-3: rgba(0, 0, 0, 0.28); - --eds-input-color-surface-disabled-on-level-2: rgba(0, 0, 0, 0.28); /* Autocomplete, Search, Table input, Text field input */ - --eds-input-color-surface-disabled-on-level-1: rgba(0, 0, 0, 0.28); /* Autocomplete, Search, Table input, Text field input */ - --eds-input-color-surface-initial-on-level-3: rgba(0, 0, 0, 0.28); - --eds-input-color-surface-initial-on-level-2: rgba(0, 0, 0, 0.28); /* Autocomplete, Search, Table input, Text field input */ - --eds-input-color-surface-initial-on-level-1: rgba(0, 0, 0, 0.28); /* Autocomplete, Search, Table input, Text field input */ - --eds-input-color-border-disabled: rgba(0, 0, 0, 0); /* Autocomplete, Search, Text field */ - --eds-input-color-border-focus: var(--eds-color-moss-green-sat-500); /* Autocomplete, Search, Text field */ - --eds-input-color-border-read-only: rgba(255, 255, 255, 0.16); /* Autocomplete, Text field */ - --eds-input-color-border-initial: rgba(255, 255, 255, 0.16); /* Autocomplete, Text field */ - --eds-input-color-icon-disabled: var(--eds-color-slate-grey-1000); /* Autocomplete, Table input, Search, Text field */ - --eds-input-color-icon-focus: var(--eds-color-neutral-0); /* Autocomplete, Table input, Search, Text field */ - --eds-input-color-icon-read-only: var(--eds-color-slate-grey-500); /* Autocomplete, Table input, Text field */ - --eds-input-color-icon-initial: var(--eds-color-slate-grey-500); /* Autocomplete, Table input, Text field */ - --eds-input-color-text-disabled: var(--eds-color-slate-grey-1000); /* Autocomplete, Table input, Search, Text field */ - --eds-input-color-text-focus: var(--eds-color-neutral-0); /* Autocomplete, Table input, Search, Text field */ - --eds-input-color-text-read-only: var(--eds-color-slate-grey-500); /* Autocomplete, Table input, Text field */ - --eds-input-color-text-initial: var(--eds-color-slate-grey-500); /* Autocomplete, Table input, Text field */ - --eds-input-helper-color-message-icon-error-disabled: var(--eds-color-slate-grey-1000); - --eds-input-helper-color-message-icon-error-read-only: var(--eds-color-red-cold-600); - --eds-input-helper-color-message-icon-error-focus: var(--eds-color-red-cold-600); - --eds-input-helper-color-message-icon-error-initial: var(--eds-color-red-cold-600); - --eds-input-helper-color-message-icon-warning-disabled: var(--eds-color-slate-grey-1000); - --eds-input-helper-color-message-icon-warning-read-only: var(--eds-color-orange-500); - --eds-input-helper-color-message-icon-warning-focus: var(--eds-color-orange-500); - --eds-input-helper-color-message-icon-warning-initial: var(--eds-color-orange-500); - --eds-input-helper-color-message-icon-success-disabled: var(--eds-color-slate-grey-1000); - --eds-input-helper-color-message-icon-success-read-only: var(--eds-color-lichen-green-600); - --eds-input-helper-color-message-icon-success-focus: var(--eds-color-lichen-green-600); - --eds-input-helper-color-message-icon-success-initial: var(--eds-color-lichen-green-600); - --eds-input-helper-color-message-icon-info-disabled: var(--eds-color-slate-grey-1000); - --eds-input-helper-color-message-icon-info-read-only: var(--eds-color-blue-sky-600); - --eds-input-helper-color-message-icon-info-focus: var(--eds-color-blue-sky-600); - --eds-input-helper-color-message-icon-info-initial: var(--eds-color-blue-sky-600); - --eds-input-helper-color-message-text-error-disabled: var(--eds-color-slate-grey-1000); - --eds-input-helper-color-message-text-error-read-only: var(--eds-color-red-cold-600); - --eds-input-helper-color-message-text-error-focus: var(--eds-color-red-cold-600); - --eds-input-helper-color-message-text-error-initial: var(--eds-color-red-cold-600); - --eds-input-helper-color-message-text-warning-disabled: var(--eds-color-slate-grey-1000); - --eds-input-helper-color-message-text-warning-read-only: var(--eds-color-orange-500); - --eds-input-helper-color-message-text-warning-focus: var(--eds-color-orange-500); - --eds-input-helper-color-message-text-warning-initial: var(--eds-color-orange-500); - --eds-input-helper-color-message-text-success-disabled: var(--eds-color-slate-grey-1000); - --eds-input-helper-color-message-text-success-read-only: var(--eds-color-lichen-green-600); - --eds-input-helper-color-message-text-success-focus: var(--eds-color-lichen-green-600); - --eds-input-helper-color-message-text-success-initial: var(--eds-color-lichen-green-600); - --eds-input-helper-color-message-text-info-disabled: var(--eds-color-slate-grey-1000); - --eds-input-helper-color-message-text-info-read-only: var(--eds-color-blue-sky-600); - --eds-input-helper-color-message-text-info-focus: var(--eds-color-blue-sky-600); - --eds-input-helper-color-message-text-info-initial: var(--eds-color-blue-sky-600); - --eds-input-helper-color-icon-disabled: var(--eds-color-slate-grey-1000); /* Autocomplete, Table input, Search, Text field */ - --eds-input-helper-color-icon-read-only: var(--eds-color-slate-grey-600); /* Autocomplete, Table input, Text field */ - --eds-input-helper-color-icon-focus: var(--eds-color-slate-grey-600); /* Autocomplete, Table input, Text field */ - --eds-input-helper-color-icon-initial: var(--eds-color-slate-grey-600); /* Autocomplete, Table input, Text field */ - --eds-input-helper-color-text-disabled: var(--eds-color-slate-grey-1000); /* Autocomplete, Table input, Search, Text field */ - --eds-input-helper-color-text-read-only: var(--eds-color-slate-grey-600); /* Autocomplete, Table input, Text field */ - --eds-input-helper-color-text-focus: var(--eds-color-slate-grey-600); /* Autocomplete, Table input, Text field */ - --eds-input-helper-color-text-initial: var(--eds-color-slate-grey-600); /* Autocomplete, Table input, Text field */ - --eds-input-placeholder-color-text: var(--eds-color-slate-grey-800); /* Autocomplete, Table input, Search, Text field */ - --eds-input-asterix-color-text: var(--eds-color-red-cold-900); /* Autocomplete, Text field */ - --eds-color-message-surface-callout-error: var(--eds-color-red-cold-1200); /* Banner */ - --eds-color-message-surface-callout-warning: var(--eds-color-orange-1200); /* Banner */ - --eds-color-message-surface-callout-success: var(--eds-color-lichen-green-1200); /* Chip */ - --eds-color-message-surface-callout-info: var(--eds-color-blue-sky-1200); /* Chip */ - --eds-color-message-surface-raised-error-hover: rgba(255, 225, 224, 0.1); /* Chip */ - --eds-color-message-surface-raised-error-initial: rgba(255, 225, 224, 0.1); /* Chip */ - --eds-color-message-surface-raised-warning-hover: rgba(255, 240, 229, 0.1); /* Chip */ - --eds-color-message-surface-raised-warning-initial: rgba(255, 240, 229, 0.1); /* Chip */ - --eds-color-message-surface-raised-success-hover: rgba(230, 250, 236, 0.1); /* Chip */ - --eds-color-message-surface-raised-success-initial: rgba(230, 250, 236, 0.1); /* Chip */ - --eds-color-message-surface-raised-info-hover: rgba(223, 239, 247, 0.1); /* Chip */ - --eds-color-message-surface-raised-info-initial: rgba(223, 239, 247, 0.1); /* Chip */ - --eds-color-message-surface-standard-error-on-level-3: var(--eds-color-slate-blue-1300); /* Card */ - --eds-color-message-surface-standard-error-on-level-2: var(--eds-color-slate-blue-1350); /* Card */ - --eds-color-message-surface-standard-error-on-level-1: var(--eds-color-slate-blue-1350); /* Card */ - --eds-color-message-surface-standard-warning-on-level-3: var(--eds-color-slate-blue-1300); /* Card */ - --eds-color-message-surface-standard-warning-on-level-2: var(--eds-color-slate-blue-1350); /* Card */ - --eds-color-message-surface-standard-warning-on-level-1: var(--eds-color-slate-blue-1350); /* Card */ - --eds-color-message-surface-standard-success-on-level-3: var(--eds-color-slate-blue-1300); /* Card */ - --eds-color-message-surface-standard-success-on-level-2: var(--eds-color-slate-blue-1350); /* Card */ - --eds-color-message-surface-standard-success-on-level-1: var(--eds-color-slate-blue-1350); /* Card */ - --eds-color-message-surface-standard-info-on-level-3: var(--eds-color-slate-blue-1300); /* Card */ - --eds-color-message-surface-standard-info-on-level-2: var(--eds-color-slate-blue-1350); /* Card */ - --eds-color-message-surface-standard-info-on-level-1: var(--eds-color-slate-blue-1350); /* Card */ - --eds-color-message-border-callout-error: var(--eds-color-red-cold-1200); /* Banner */ - --eds-color-message-border-callout-warning: var(--eds-color-orange-1200); /* Banner */ - --eds-color-message-border-callout-success: var(--eds-color-lichen-green-1200); /* Banner */ - --eds-color-message-border-callout-info: var(--eds-color-blue-sky-1200); /* Banner */ - --eds-color-message-border-raised-error-hover: var(--eds-color-red-warm-500); /* Chip */ - --eds-color-message-border-raised-error-initial: var(--eds-color-red-cold-900); /* Chip */ - --eds-color-message-border-raised-warning-hover: var(--eds-color-spruce-wood-300); /* Chip */ - --eds-color-message-border-raised-warning-initial: var(--eds-color-orange-800); /* Chip */ - --eds-color-message-border-raised-success-hover: var(--eds-color-success-green-300); /* Chip */ - --eds-color-message-border-raised-success-initial: var(--eds-color-success-green-900); /* Chip */ - --eds-color-message-border-raised-info-hover: var(--eds-color-blue-sky-400); /* Chip */ - --eds-color-message-border-raised-info-initial: var(--eds-color-blue-sky-1000); /* Chip */ - --eds-color-message-border-standard-error: var(--eds-color-red-cold-900); /* Card */ - --eds-color-message-border-standard-warning: var(--eds-color-orange-800); /* Card */ - --eds-color-message-border-standard-success: var(--eds-color-success-green-900); /* Card */ - --eds-color-message-border-standard-info: var(--eds-color-blue-sky-1000); /* Card */ - --eds-color-message-icon-callout-error: var(--eds-color-red-warm-200); /* Banner */ - --eds-color-message-icon-callout-warning: var(--eds-color-spruce-wood-200); /* Banner */ - --eds-color-message-icon-callout-success: var(--eds-color-lichen-green-200); /* Banner */ - --eds-color-message-icon-callout-info: var(--eds-color-mist-blue-muted-200); /* Banner */ - --eds-color-message-icon-raised-error-hover: var(--eds-color-red-warm-500); /* Deprecated - Chip. Use icon/message. */ - --eds-color-message-icon-raised-error-initial: var(--eds-color-red-warm-600); /* Deprecated - Chip. Use icon/message. */ - --eds-color-message-icon-raised-warning-hover: var(--eds-color-spruce-wood-300); /* Deprecated - Chip. Use icon/message. */ - --eds-color-message-icon-raised-warning-initial: var(--eds-color-spruce-wood-500); /* Deprecated - Chip. Use icon/message. */ - --eds-color-message-icon-raised-success-hover: var(--eds-color-success-green-300); /* Deprecated - Chip. Use icon/message. */ - --eds-color-message-icon-raised-success-initial: var(--eds-color-success-green-600); /* Deprecated - Chip. Use icon/message. */ - --eds-color-message-icon-raised-info-hover: var(--eds-color-blue-sky-400); /* Deprecated - Chip. Use icon/message. */ - --eds-color-message-icon-raised-info-initial: var(--eds-color-blue-sky-600); /* Deprecated - Chip. Use icon/message. */ - --eds-color-message-icon-standard-error: var(--eds-color-red-warm-600); /* Deprecated - Card. Use icon/message. */ - --eds-color-message-icon-standard-warning: var(--eds-color-spruce-wood-500); /* Deprecated - Card. Use icon/message. */ - --eds-color-message-icon-standard-success: var(--eds-color-success-green-600); /* Deprecated - Card. Use icon/message. */ - --eds-color-message-icon-standard-info: var(--eds-color-blue-sky-600); /* Deprecated - Card. Use icon/message. */ - --eds-color-message-text-callout-error: var(--eds-color-red-warm-200); /* Banner */ - --eds-color-message-text-callout-warning: var(--eds-color-spruce-wood-200); /* Banner */ - --eds-color-message-text-callout-success: var(--eds-color-lichen-green-200); /* Banner */ - --eds-color-message-text-callout-info: var(--eds-color-mist-blue-muted-200); /* Banner */ - --eds-color-message-text-raised-error-hover: var(--eds-color-red-warm-500); /* Chip */ - --eds-color-message-text-raised-error-initial: var(--eds-color-red-warm-600); /* Chip, Card, input helper */ - --eds-color-message-text-raised-warning-hover: var(--eds-color-spruce-wood-300); /* Chip */ - --eds-color-message-text-raised-warning-initial: var(--eds-color-spruce-wood-500); /* Chip, Card, input helper */ - --eds-color-message-text-raised-success-hover: var(--eds-color-success-green-300); /* Chip */ - --eds-color-message-text-raised-success-initial: var(--eds-color-success-green-600); /* Chip, Card, input helper */ - --eds-color-message-text-raised-info-hover: var(--eds-color-blue-sky-400); /* Chip */ - --eds-color-message-text-raised-info-initial: var(--eds-color-blue-sky-600); /* Chip, Card, input helper */ - --eds-color-message-text-standard-error: var(--eds-color-message-text-raised-error-initial); /* Deprecated - Card. Use text/message. */ - --eds-color-message-text-standard-warning: var(--eds-color-message-text-raised-warning-initial); /* Deprecated - Card. Use text/message. */ - --eds-color-message-text-standard-success: var(--eds-color-message-text-raised-success-initial); /* Deprecated - Card. Use text/message. */ - --eds-color-message-text-standard-info: var(--eds-color-message-text-raised-info-initial); /* Deprecated - Card. Use text/message. */ - --eds-color-action-surface-danger-tertiary-disabled: rgba(0, 0, 0, 0); /* Button */ - --eds-color-action-surface-danger-tertiary-hover: var(--eds-color-red-cold-1400); /* Button */ - --eds-color-action-surface-danger-tertiary-initial: rgba(0, 0, 0, 0); /* Button */ - --eds-color-action-surface-danger-secondary-disabled: rgba(0, 0, 0, 0); /* Button */ - --eds-color-action-surface-danger-secondary-hover: var(--eds-color-red-cold-1400); /* Button */ - --eds-color-action-surface-danger-secondary-initial: rgba(0, 0, 0, 0); /* Button */ - --eds-color-action-surface-danger-primary-disabled: var(--eds-color-slate-grey-1300); /* Button */ - --eds-color-action-surface-danger-primary-hover: var(--eds-color-red-warm-500); /* Button */ - --eds-color-action-surface-danger-primary-initial: var(--eds-color-red-warm-700); /* Button */ - --eds-color-action-surface-muted-tertiary-disabled: rgba(0, 0, 0, 0); /* Button */ - --eds-color-action-surface-muted-tertiary-hover: var(--eds-color-slate-blue-1200); /* Button */ - --eds-color-action-surface-muted-tertiary-initial: rgba(0, 0, 0, 0); /* Button */ - --eds-color-action-surface-muted-secondary-disabled: rgba(0, 0, 0, 0); /* Button */ - --eds-color-action-surface-muted-secondary-hover: var(--eds-color-slate-blue-1200); /* Button */ - --eds-color-action-surface-muted-secondary-initial: rgba(0, 0, 0, 0); /* Button */ - --eds-color-action-surface-muted-primary-disabled: var(--eds-color-slate-grey-1300); /* Button */ - --eds-color-action-surface-muted-primary-hover: var(--eds-color-slate-grey-500); /* Button */ - --eds-color-action-surface-muted-primary-initial: var(--eds-color-slate-grey-600); /* Button */ - --eds-color-action-surface-standard-tertiary-hover: var(--eds-color-moss-green-sat-1400); /* Button, Ghost button, Toggle button */ - --eds-color-action-surface-standard-tertiary-initial: rgba(0, 0, 0, 0); /* Button, Ghost button, Toggle button */ - --eds-color-action-surface-standard-tertiary-disabled: rgba(0, 0, 0, 0); /* Button */ - --eds-color-action-surface-standard-secondary-hover: var(--eds-color-moss-green-sat-1400); /* Button, Ghost button, Toggle button */ - --eds-color-action-surface-standard-secondary-initial: rgba(0, 0, 0, 0); /* Button, Ghost button, Toggle button */ - --eds-color-action-surface-standard-secondary-disabled: rgba(0, 0, 0, 0); /* Button */ - --eds-color-action-surface-standard-primary-hover: var(--eds-color-moss-green-sat-300); /* Button, Toggle button */ - --eds-color-action-surface-standard-primary-initial: var(--eds-color-moss-green-sat-500); /* Button, Toggle button */ - --eds-color-action-surface-standard-primary-disabled: var(--eds-color-slate-grey-1300); /* Button */ - --eds-color-action-border-danger-tertiary-disabled: rgba(0, 0, 0, 0); /* Button */ - --eds-color-action-border-danger-tertiary-hover: rgba(0, 0, 0, 0); - --eds-color-action-border-danger-tertiary-initial: rgba(0, 0, 0, 0); - --eds-color-action-border-danger-secondary-disabled: var(--eds-color-slate-grey-1300); /* Button */ - --eds-color-action-border-danger-secondary-hover: var(--eds-color-red-warm-500); /* Button */ - --eds-color-action-border-danger-secondary-initial: var(--eds-color-red-warm-700); /* Button */ - --eds-color-action-border-danger-primary-disabled: var(--eds-color-slate-grey-1300); /* Button */ - --eds-color-action-border-danger-primary-hover: var(--eds-color-red-warm-500); /* Button */ - --eds-color-action-border-danger-primary-initial: var(--eds-color-red-warm-700); /* Button */ - --eds-color-action-border-muted-tertiary-disabled: rgba(0, 0, 0, 0); /* Button */ - --eds-color-action-border-muted-tertiary-hover: rgba(0, 0, 0, 0); - --eds-color-action-border-muted-tertiary-initial: rgba(0, 0, 0, 0); - --eds-color-action-border-muted-secondary-disabled: var(--eds-color-slate-grey-1300); /* Button */ - --eds-color-action-border-muted-secondary-hover: var(--eds-color-slate-grey-500); /* Button */ - --eds-color-action-border-muted-secondary-initial: var(--eds-color-slate-grey-600); /* Button */ - --eds-color-action-border-muted-primary-disabled: var(--eds-color-slate-grey-1300); /* Button */ - --eds-color-action-border-muted-primary-hover: var(--eds-color-slate-grey-500); /* Button */ - --eds-color-action-border-muted-primary-initial: var(--eds-color-slate-grey-600); /* Button */ - --eds-color-action-border-standard-tertiary-hover: rgba(0, 0, 0, 0); - --eds-color-action-border-standard-tertiary-initial: rgba(0, 0, 0, 0); - --eds-color-action-border-standard-tertiary-disabled: rgba(0, 0, 0, 0); - --eds-color-action-border-standard-secondary-hover: var(--eds-color-moss-green-sat-300); /* Button, Toggle button */ - --eds-color-action-border-standard-secondary-initial: var(--eds-color-moss-green-sat-500); /* Button, Toggle button */ - --eds-color-action-border-standard-secondary-disabled: var(--eds-color-slate-grey-1100); /* Button */ - --eds-color-action-border-standard-primary-hover: var(--eds-color-moss-green-sat-300); /* Button, Toggle button */ - --eds-color-action-border-standard-primary-initial: var(--eds-color-moss-green-sat-500); /* Button, Toggle button */ - --eds-color-action-border-standard-primary-disabled: var(--eds-color-slate-grey-1300); /* Button */ - --eds-color-action-border-secondary-disabled: var(--eds-color-slate-grey-1300); /* Button */ - --eds-color-action-icon-danger-tertiary-hover: var(--eds-color-red-warm-500); /* Button */ - --eds-color-action-icon-danger-tertiary-initial: var(--eds-color-red-warm-700); /* Button */ - --eds-color-action-icon-danger-tertiary-disabled: var(--eds-color-slate-grey-1000); - --eds-color-action-icon-danger-secondary-hover: var(--eds-color-red-warm-500); /* Button */ - --eds-color-action-icon-danger-secondary-initial: var(--eds-color-red-warm-700); /* Button */ - --eds-color-action-icon-danger-secondary-disabled: var(--eds-color-slate-grey-1000); - --eds-color-action-icon-danger-primary-hover: var(--eds-color-neutral-1500); /* Button */ - --eds-color-action-icon-danger-primary-initial: var(--eds-color-neutral-1500); /* Button */ - --eds-color-action-icon-danger-primary-disabled: var(--eds-color-slate-grey-1000); - --eds-color-action-icon-muted-secondary-hover: var(--eds-color-slate-grey-500); /* Button */ - --eds-color-action-icon-muted-secondary-initial: var(--eds-color-slate-grey-600); /* Button */ - --eds-color-action-icon-muted-secondary-disabled: var(--eds-color-slate-grey-1000); - --eds-color-action-icon-muted-tertiary-hover: var(--eds-color-slate-grey-500); /* Button */ - --eds-color-action-icon-muted-tertiary-initial: var(--eds-color-slate-grey-600); /* Button */ - --eds-color-action-icon-muted-tertiary-disabled: var(--eds-color-slate-grey-1000); - --eds-color-action-icon-muted-primary-hover: var(--eds-color-neutral-1500); /* Button */ - --eds-color-action-icon-muted-primary-initial: var(--eds-color-neutral-1500); /* Button */ - --eds-color-action-icon-muted-primary-disabled: var(--eds-color-slate-grey-1000); - --eds-color-action-icon-standard-tertiary-hover: var(--eds-color-moss-green-sat-300); /* Button */ - --eds-color-action-icon-standard-tertiary-initial: var(--eds-color-moss-green-sat-500); /* Button */ - --eds-color-action-icon-standard-tertiary-disabled: var(--eds-color-slate-grey-1000); - --eds-color-action-icon-standard-secondary-hover: var(--eds-color-moss-green-sat-300); /* Button */ - --eds-color-action-icon-standard-secondary-initial: var(--eds-color-moss-green-sat-500); /* Button */ - --eds-color-action-icon-standard-secondary-disabled: var(--eds-color-slate-grey-1000); - --eds-color-action-icon-standard-primary-hover: var(--eds-color-neutral-1500); /* Button */ - --eds-color-action-icon-standard-primary-initial: var(--eds-color-neutral-1500); /* Button */ - --eds-color-action-icon-standard-primary-disabled: var(--eds-color-slate-grey-1000); - --eds-color-action-text-danger-tertiary-hover: var(--eds-color-red-warm-500); /* Button */ - --eds-color-action-text-danger-tertiary-initial: var(--eds-color-red-warm-700); /* Button */ - --eds-color-action-text-danger-tertiary-disabled: var(--eds-color-slate-grey-1000); /* Button */ - --eds-color-action-text-danger-secondary-hover: var(--eds-color-red-warm-500); /* Button */ - --eds-color-action-text-danger-secondary-initial: var(--eds-color-red-warm-700); /* Button */ - --eds-color-action-text-danger-secondary-disabled: var(--eds-color-slate-grey-1000); /* Button */ - --eds-color-action-text-danger-primary-hover: var(--eds-color-neutral-1500); /* Button */ - --eds-color-action-text-danger-primary-initial: var(--eds-color-neutral-1500); /* Button */ - --eds-color-action-text-danger-primary-disabled: var(--eds-color-slate-grey-1000); /* Button */ - --eds-color-action-text-muted-tertiary-hover: var(--eds-color-slate-grey-500); /* Button */ - --eds-color-action-text-muted-tertiary-initial: var(--eds-color-slate-grey-600); /* Button */ - --eds-color-action-text-muted-tertiary-disabled: var(--eds-color-slate-grey-1000); /* Button */ - --eds-color-action-text-muted-secondary-hover: var(--eds-color-slate-grey-500); /* Button */ - --eds-color-action-text-muted-secondary-initial: var(--eds-color-slate-grey-600); /* Button */ - --eds-color-action-text-muted-secondary-disabled: var(--eds-color-slate-grey-1000); /* Button */ - --eds-color-action-text-muted-primary-hover: var(--eds-color-neutral-1500); /* Button */ - --eds-color-action-text-muted-primary-initial: var(--eds-color-neutral-1500); /* Button */ - --eds-color-action-text-muted-primary-disabled: var(--eds-color-slate-grey-1000); /* Button */ - --eds-color-action-text-standard-tertiary-hover: var(--eds-color-moss-green-sat-300); /* Button, Toggle button */ - --eds-color-action-text-standard-tertiary-initial: var(--eds-color-moss-green-sat-500); /* Button */ - --eds-color-action-text-standard-tertiary-disabled: var(--eds-color-slate-grey-1000); /* Button */ - --eds-color-action-text-standard-secondary-hover: var(--eds-color-moss-green-sat-300); /* Button, Toggle button */ - --eds-color-action-text-standard-secondary-initial: var(--eds-color-moss-green-sat-500); /* Button */ - --eds-color-action-text-standard-secondary-disabled: var(--eds-color-slate-grey-1000); /* Button */ - --eds-color-action-text-standard-primary-hover: var(--eds-color-neutral-1500); /* Button */ - --eds-color-action-text-standard-primary-initial: var(--eds-color-neutral-1500); /* Button */ - --eds-color-action-text-standard-primary-disabled: var(--eds-color-slate-grey-1000); /* Button */ - --eds-color-action-text-primary-disabled: var(--eds-color-neutral-1000); /* Button */ - --eds-color-interactive-surface-raised-active-hover: rgba(42, 88, 116, 0.5); /* Interactive Chip */ - --eds-color-interactive-surface-raised-active: rgba(42, 88, 116, 0.5); /* Interactive Chip */ - --eds-color-interactive-surface-raised-hover: rgba(234, 234, 234, 0.1); /* Interactive Chip */ - --eds-color-interactive-surface-raised-initial: rgba(234, 234, 234, 0.1); /* Interactive Chip */ - --eds-color-interactive-surface-raised-disabled: rgba(46, 63, 76, 0.4); /* Interactive Chip (disabled) */ - --eds-color-interactive-surface-standard-quaternary-active-hover: var(--eds-color-mist-blue-muted-1200); /* Sidebar link */ - --eds-color-interactive-surface-standard-quaternary-active: rgba(0, 0, 0, 0); /* Tab */ - --eds-color-interactive-surface-standard-quaternary-hover: var(--eds-color-slate-blue-1200); /* Tab */ - --eds-color-interactive-surface-standard-quaternary-initial: rgba(0, 0, 0, 0); /* Tab */ - --eds-color-interactive-surface-standard-quaternary-disabled: rgba(0, 0, 0, 0); /* Tab */ - --eds-color-interactive-surface-standard-tertiary-active-hover: var(--eds-color-mist-blue-muted-1100); /* Sidebar link */ - --eds-color-interactive-surface-standard-tertiary-active: var(--eds-color-mist-blue-muted-1200); /* Sidebar link */ - --eds-color-interactive-surface-standard-tertiary-hover: var(--eds-color-slate-blue-1200); /* Sidebar link */ - --eds-color-interactive-surface-standard-tertiary-initial: rgba(0, 0, 0, 0); /* Sidebar link */ - --eds-color-interactive-surface-standard-tertiary-disabled: rgba(0, 0, 0, 0); /* Sidebar link */ - --eds-color-interactive-surface-standard-secondary-active-hover: var(--eds-color-mist-blue-muted-1000); /* Sidebar menu */ - --eds-color-interactive-surface-standard-secondary-active: var(--eds-color-mist-blue-muted-1100); /* Sidebar menu */ - --eds-color-interactive-surface-standard-secondary-hover: var(--eds-color-slate-blue-1200); /* Sidebar menu */ - --eds-color-interactive-surface-standard-secondary-initial: rgba(0, 0, 0, 0); /* Sidebar menu */ - --eds-color-interactive-surface-standard-secondary-disabled: rgba(0, 0, 0, 0); /* Sidebar menu */ - --eds-color-interactive-surface-standard-primary-active-hover: var(--eds-color-moss-green-sat-300); /* Toggle button */ - --eds-color-interactive-surface-standard-primary-active: var(--eds-color-moss-green-sat-500); /* Toggle button */ - --eds-color-interactive-surface-standard-primary-hover: var(--eds-color-slate-blue-1200); /* Toggle button */ - --eds-color-interactive-surface-standard-primary-initial: rgba(0, 0, 0, 0); /* Toggle button */ - --eds-color-interactive-surface-standard-primary-disabled-filled: var(--eds-color-slate-grey-1300); /* Toggle button */ - --eds-color-interactive-surface-standard-primary-disabled-outlined: rgba(0, 0, 0, 0); /* Toggle button */ - --eds-color-interactive-border-raised-active-hover: var(--eds-color-moss-green-sat-400); /* Chip */ - --eds-color-interactive-border-raised-active: var(--eds-color-mist-blue-muted-1200); /* Chip */ - --eds-color-interactive-border-raised-hover: var(--eds-color-slate-grey-400); /* Chip */ - --eds-color-interactive-border-raised-initial: var(--eds-color-slate-grey-1100); /* Chip */ - --eds-color-interactive-border-raised-disabled: var(--eds-color-slate-grey-1000); /* Chip */ - --eds-color-interactive-border-standard-quaternary-active-hover: var(--eds-color-moss-green-sat-300); /* Tab */ - --eds-color-interactive-border-standard-quaternary-active: var(--eds-color-moss-green-sat-500); /* Tab */ - --eds-color-interactive-border-standard-quaternary-hover: rgba(255, 255, 255, 0.2); /* Tab */ - --eds-color-interactive-border-standard-quaternary-initial: rgba(255, 255, 255, 0.16); /* Tab */ - --eds-color-interactive-border-standard-quaternary-disabled: rgba(255, 255, 255, 0.16); /* Tab */ - --eds-color-interactive-border-standard-tertiary-active-hover: var(--eds-color-moss-green-sat-300); /* Sidebar menu */ - --eds-color-interactive-border-standard-tertiary-active: var(--eds-color-moss-green-sat-500); /* Sidebar menu */ - --eds-color-interactive-border-standard-tertiary-hover: var(--eds-color-neutral-100); /* Tab */ - --eds-color-interactive-border-standard-tertiary-initial: var(--eds-color-slate-blue-1400); /* Sidebar menu */ - --eds-color-interactive-border-standard-tertiary-disabled: var(--eds-color-slate-blue-1400); /* Sidebar menu */ - --eds-color-interactive-border-standard-secondary-active-hover: rgba(0, 0, 0, 0); /* Sidebar menu */ - --eds-color-interactive-border-standard-secondary-active: rgba(0, 0, 0, 0); /* Sidebar menu */ - --eds-color-interactive-border-standard-secondary-hover: rgba(0, 0, 0, 0); /* Sidebar menu */ - --eds-color-interactive-border-standard-secondary-initial: rgba(0, 0, 0, 0); /* Sidebar menu */ - --eds-color-interactive-border-standard-secondary-disabled: rgba(0, 0, 0, 0); /* Sidebar menu */ - --eds-color-interactive-border-standard-primary-active-hover: var(--eds-color-moss-green-sat-500); /* Toggle button */ - --eds-color-interactive-border-standard-primary-active: var(--eds-color-moss-green-sat-500); /* Toggle button */ - --eds-color-interactive-border-standard-primary-hover: var(--eds-color-slate-grey-600); /* Toggle button */ - --eds-color-interactive-border-standard-primary-initial: var(--eds-color-slate-grey-600); /* Toggle button */ - --eds-color-interactive-border-standard-primary-disabled: var(--eds-color-slate-grey-1000); /* Toggle button */ - --eds-color-interactive-icon-raised-active-hover: var(--eds-color-moss-green-sat-200); /* Chip */ - --eds-color-interactive-icon-raised-active: var(--eds-color-moss-green-sat-300); /* Chip */ - --eds-color-interactive-icon-raised-hover: var(--eds-color-slate-grey-400); /* Chip */ - --eds-color-interactive-icon-raised-initial: var(--eds-color-slate-grey-500); /* Chip */ - --eds-color-interactive-icon-raised-disabled: var(--eds-color-slate-grey-1000); /* Chip */ - --eds-color-interactive-icon-standard-quaternary-active-hover: var(--eds-color-moss-green-300); /* Toggle button */ - --eds-color-interactive-icon-standard-quaternary-active: var(--eds-color-moss-green-sat-500); /* Toggle button */ - --eds-color-interactive-icon-standard-quaternary-hover: var(--eds-color-slate-grey-500); /* Toggle button */ - --eds-color-interactive-icon-standard-quaternary-initial: var(--eds-color-slate-grey-600); /* Toggle button */ - --eds-color-interactive-icon-standard-quaternary-disabled: var(--eds-color-slate-grey-1000); /* Disabled Toggle button */ - --eds-color-interactive-icon-standard-tertiary-active-hover: var(--eds-color-moss-green-sat-300); /* Sidebar menu */ - --eds-color-interactive-icon-standard-tertiary-active: var(--eds-color-moss-green-sat-500); /* Sidebar menu */ - --eds-color-interactive-icon-standard-tertiary-hover: var(--eds-color-slate-grey-500); /* Sidebar menu */ - --eds-color-interactive-icon-standard-tertiary-initial: var(--eds-color-slate-grey-600); /* Sidebar menu */ - --eds-color-interactive-icon-standard-tertiary-disabled: var(--eds-color-slate-grey-1000); /* Sidebar menu */ - --eds-color-interactive-icon-standard-secondary-active-hover: var(--eds-color-moss-green-sat-100); /* Sidebar link */ - --eds-color-interactive-icon-standard-secondary-active: var(--eds-color-moss-green-sat-200); /* Sidebar link */ - --eds-color-interactive-icon-standard-secondary-hover: var(--eds-color-slate-grey-500); /* Sidebar link */ - --eds-color-interactive-icon-standard-secondary-initial: var(--eds-color-slate-grey-600); /* Sidebar link */ - --eds-color-interactive-icon-standard-secondary-disabled: var(--eds-color-slate-grey-1000); /* Sidebar link */ - --eds-color-interactive-icon-standard-primary-active-hover: var(--eds-color-neutral-1500); /* Toggle button */ - --eds-color-interactive-icon-standard-primary-active: var(--eds-color-neutral-1500); /* Toggle button */ - --eds-color-interactive-icon-standard-primary-hover: var(--eds-color-slate-grey-600); /* Toggle button */ - --eds-color-interactive-icon-standard-primary-initial: var(--eds-color-slate-grey-600); /* Toggle button */ - --eds-color-interactive-icon-standard-primary-disabled: var(--eds-color-slate-grey-1000); /* Disabled Toggle button */ - --eds-color-interactive-text-raised-active-hover: var(--eds-color-moss-green-sat-200); /* Chip */ - --eds-color-interactive-text-raised-active: var(--eds-color-moss-green-sat-300); /* Chip */ - --eds-color-interactive-text-raised-hover: var(--eds-color-slate-grey-400); /* Chip */ - --eds-color-interactive-text-raised-initial: var(--eds-color-slate-grey-500); /* Chip */ - --eds-color-interactive-text-raised-disabled: var(--eds-color-slate-grey-1000); /* Chip */ - --eds-color-interactive-text-standard-quaternary-active-hover: var(--eds-color-moss-green-sat-300); /* Tab */ - --eds-color-interactive-text-standard-quaternary-active: var(--eds-color-moss-green-sat-500); /* Tab */ - --eds-color-interactive-text-standard-quaternary-hover: var(--eds-color-slate-grey-500); /* Tab */ - --eds-color-interactive-text-standard-quaternary-initial: var(--eds-color-slate-grey-600); /* Tab */ - --eds-color-interactive-text-standard-quaternary-disabled: var(--eds-color-slate-grey-1000); /* Disabled Tab */ - --eds-color-interactive-text-standard-tertiary-active-hover: var(--eds-color-moss-green-sat-300); /* Sidebar link */ - --eds-color-interactive-text-standard-tertiary-active: var(--eds-color-moss-green-sat-500); /* Sidebar link */ - --eds-color-interactive-text-standard-tertiary-hover: var(--eds-color-slate-grey-500); /* Sidebar link */ - --eds-color-interactive-text-standard-tertiary-initial: var(--eds-color-slate-grey-600); /* Sidebar link */ - --eds-color-interactive-text-standard-tertiary-disabled: var(--eds-color-slate-grey-1000); /* Disabled Sidebar link */ - --eds-color-interactive-text-standard-secondary-active-hover: var(--eds-color-moss-green-sat-100); /* Sidebar link */ - --eds-color-interactive-text-standard-secondary-active: var(--eds-color-moss-green-sat-200); /* Sidebar link */ - --eds-color-interactive-text-standard-secondary-hover: var(--eds-color-slate-grey-500); /* Sidebar link */ - --eds-color-interactive-text-standard-secondary-initial: var(--eds-color-slate-grey-600); /* Sidebar link */ - --eds-color-interactive-text-standard-secondary-disabled: var(--eds-color-slate-grey-1000); /* Disabled Sidebar link */ - --eds-color-interactive-text-standard-primary-active-hover: var(--eds-color-neutral-1500); /* Toggle button */ - --eds-color-interactive-text-standard-primary-active: var(--eds-color-neutral-1500); /* Toggle button */ - --eds-color-interactive-text-standard-primary-hover: var(--eds-color-slate-grey-500); /* Toggle button */ - --eds-color-interactive-text-standard-primary-initial: var(--eds-color-slate-grey-600); /* Toggle button */ - --eds-color-interactive-text-standard-primary-disabled: var(--eds-color-slate-grey-1000); /* Disabled Toggle button */ - --eds-color-static-surface-standard-on-level-3: var(--eds-color-slate-blue-1300); - --eds-color-static-surface-standard-on-level-2: var(--eds-color-slate-blue-1350); - --eds-color-static-surface-standard-on-level-1: var(--eds-color-slate-blue-1350); - --eds-color-static-surface-inverted: var(--eds-color-surface-inverted-on-dark); + --eds-color-shadow: rgba(0, 0, 0, 0.14); /* For use in box shadows */ --eds-color-static-surface-raised: rgba(234, 234, 234, 0.1); - --eds-color-static-border-standard-on-level-3: var(--eds-color-slate-blue-1300); - --eds-color-static-border-standard-on-level-2: var(--eds-color-slate-blue-1350); - --eds-color-static-border-standard-on-level-1: var(--eds-color-slate-blue-1350); - --eds-color-static-border-inverted: var(--eds-color-border-inverted-on-dark); - --eds-color-static-border-raised: var(--eds-color-slate-grey-1100); - --eds-color-static-icon-standard-maximal: var(--eds-color-icon-maximal-on-dark); - --eds-color-static-icon-standard-secondary: var(--eds-color-icon-secondary-on-dark); - --eds-color-static-icon-standard-primary: var(--eds-color-icon-primary-on-dark); - --eds-color-static-icon-inverted: var(--eds-color-icon-inverted-on-dark); + --eds-color-interactive-border-standard-secondary-disabled: rgba(0, 0, 0, 0); /* Sidebar menu */ + --eds-color-interactive-border-standard-secondary-initial: rgba(0, 0, 0, 0); /* Sidebar menu */ + --eds-color-interactive-border-standard-secondary-hover: rgba(0, 0, 0, 0); /* Sidebar menu */ + --eds-color-interactive-border-standard-secondary-active: rgba(0, 0, 0, 0); /* Sidebar menu */ + --eds-color-interactive-border-standard-secondary-active-hover: rgba(0, 0, 0, 0); /* Sidebar menu */ + --eds-color-interactive-border-standard-quaternary-disabled: rgba(255, 255, 255, 0.16); /* Tab */ + --eds-color-interactive-border-standard-quaternary-initial: rgba(255, 255, 255, 0.16); /* Tab */ + --eds-color-interactive-border-standard-quaternary-hover: rgba(255, 255, 255, 0.2); /* Tab */ + --eds-color-interactive-surface-standard-primary-disabled-outlined: rgba(0, 0, 0, 0); /* Toggle button */ + --eds-color-interactive-surface-standard-primary-initial: rgba(0, 0, 0, 0); /* Toggle button */ + --eds-color-interactive-surface-standard-secondary-disabled: rgba(0, 0, 0, 0); /* Sidebar menu */ + --eds-color-interactive-surface-standard-secondary-initial: rgba(0, 0, 0, 0); /* Sidebar menu */ + --eds-color-interactive-surface-standard-tertiary-disabled: rgba(0, 0, 0, 0); /* Sidebar link */ + --eds-color-interactive-surface-standard-tertiary-initial: rgba(0, 0, 0, 0); /* Sidebar link */ + --eds-color-interactive-surface-standard-quaternary-disabled: rgba(0, 0, 0, 0); /* Tab */ + --eds-color-interactive-surface-standard-quaternary-initial: rgba(0, 0, 0, 0); /* Tab */ + --eds-color-interactive-surface-standard-quaternary-active: rgba(0, 0, 0, 0); /* Tab */ + --eds-color-interactive-surface-raised-disabled: rgba(46, 63, 76, 0.4); /* Interactive Chip (disabled) */ + --eds-color-interactive-surface-raised-initial: rgba(234, 234, 234, 0.1); /* Interactive Chip */ + --eds-color-interactive-surface-raised-hover: rgba(234, 234, 234, 0.1); /* Interactive Chip */ + --eds-color-interactive-surface-raised-active: rgba(42, 88, 116, 0.5); /* Interactive Chip */ + --eds-color-interactive-surface-raised-active-hover: rgba(42, 88, 116, 0.5); /* Interactive Chip */ + --eds-color-action-border-standard-tertiary-disabled: rgba(0, 0, 0, 0); + --eds-color-action-border-standard-tertiary-initial: rgba(0, 0, 0, 0); + --eds-color-action-border-standard-tertiary-hover: rgba(0, 0, 0, 0); + --eds-color-action-border-muted-tertiary-initial: rgba(0, 0, 0, 0); + --eds-color-action-border-muted-tertiary-hover: rgba(0, 0, 0, 0); + --eds-color-action-border-muted-tertiary-disabled: rgba(0, 0, 0, 0); /* Button */ + --eds-color-action-border-danger-tertiary-initial: rgba(0, 0, 0, 0); + --eds-color-action-border-danger-tertiary-hover: rgba(0, 0, 0, 0); + --eds-color-action-border-danger-tertiary-disabled: rgba(0, 0, 0, 0); /* Button */ + --eds-color-action-surface-standard-secondary-disabled: rgba(0, 0, 0, 0); /* Button */ + --eds-color-action-surface-standard-secondary-initial: rgba(0, 0, 0, 0); /* Button, Ghost button, Toggle button */ + --eds-color-action-surface-standard-tertiary-disabled: rgba(0, 0, 0, 0); /* Button */ + --eds-color-action-surface-standard-tertiary-initial: rgba(0, 0, 0, 0); /* Button, Ghost button, Toggle button */ + --eds-color-action-surface-muted-secondary-initial: rgba(0, 0, 0, 0); /* Button */ + --eds-color-action-surface-muted-secondary-disabled: rgba(0, 0, 0, 0); /* Button */ + --eds-color-action-surface-muted-tertiary-initial: rgba(0, 0, 0, 0); /* Button */ + --eds-color-action-surface-muted-tertiary-disabled: rgba(0, 0, 0, 0); /* Button */ + --eds-color-action-surface-danger-secondary-initial: rgba(0, 0, 0, 0); /* Button */ + --eds-color-action-surface-danger-secondary-disabled: rgba(0, 0, 0, 0); /* Button */ + --eds-color-action-surface-danger-tertiary-initial: rgba(0, 0, 0, 0); /* Button */ + --eds-color-action-surface-danger-tertiary-disabled: rgba(0, 0, 0, 0); /* Button */ + --eds-color-message-surface-raised-info-initial: rgba(223, 239, 247, 0.1); /* Chip */ + --eds-color-message-surface-raised-info-hover: rgba(223, 239, 247, 0.1); /* Chip */ + --eds-color-message-surface-raised-success-initial: rgba(230, 250, 236, 0.1); /* Chip */ + --eds-color-message-surface-raised-success-hover: rgba(230, 250, 236, 0.1); /* Chip */ + --eds-color-message-surface-raised-warning-initial: rgba(255, 240, 229, 0.1); /* Chip */ + --eds-color-message-surface-raised-warning-hover: rgba(255, 240, 229, 0.1); /* Chip */ + --eds-color-message-surface-raised-error-initial: rgba(255, 225, 224, 0.1); /* Chip */ + --eds-color-message-surface-raised-error-hover: rgba(255, 225, 224, 0.1); /* Chip */ + --eds-input-color-border-initial: rgba(255, 255, 255, 0.16); /* Autocomplete, Text field */ + --eds-input-color-border-read-only: rgba(255, 255, 255, 0.16); /* Autocomplete, Text field */ + --eds-input-color-border-disabled: rgba(0, 0, 0, 0); /* Autocomplete, Search, Text field */ + --eds-input-color-surface-initial-on-level-1: rgba(0, 0, 0, 0.28); /* Autocomplete, Search, Table input, Text field input */ + --eds-input-color-surface-initial-on-level-2: rgba(0, 0, 0, 0.28); /* Autocomplete, Search, Table input, Text field input */ + --eds-input-color-surface-initial-on-level-3: rgba(0, 0, 0, 0.28); + --eds-input-color-surface-disabled-on-level-1: rgba(0, 0, 0, 0.28); /* Autocomplete, Search, Table input, Text field input */ + --eds-input-color-surface-disabled-on-level-2: rgba(0, 0, 0, 0.28); /* Autocomplete, Search, Table input, Text field input */ + --eds-input-color-surface-disabled-on-level-3: rgba(0, 0, 0, 0.28); + --eds-input-color-surface-read-only-on-level-1: rgba(0, 0, 0, 0); + --eds-input-color-surface-read-only-on-level-2: rgba(0, 0, 0, 0); + --eds-input-color-surface-read-only-on-level-3: rgba(0, 0, 0, 0); + --eds-table-cell-color-message-surface-error: rgba(255, 102, 107, 0.28); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-border-initial-on-level-1: rgba(255, 255, 255, 0.16); + --eds-table-cell-color-interactive-border-initial-on-level-2: rgba(255, 255, 255, 0.16); + --eds-table-cell-color-interactive-border-initial-on-level-3: rgba(255, 255, 255, 0.16); + --eds-table-cell-color-interactive-border-hover-on-level-1: rgba(255, 255, 255, 0.2); + --eds-table-cell-color-interactive-border-hover-on-level-2: rgba(255, 255, 255, 0.2); + --eds-table-cell-color-interactive-border-hover-on-level-3: rgba(255, 255, 255, 0.2); + --eds-table-cell-color-interactive-border-active-on-level-1: rgba(255, 255, 255, 0.16); + --eds-table-cell-color-interactive-border-active-on-level-2: rgba(255, 255, 255, 0.16); + --eds-table-cell-color-interactive-border-active-on-level-3: rgba(255, 255, 255, 0.16); + --eds-table-cell-color-interactive-border-active-hover-on-level-1: rgba(255, 255, 255, 0.2); + --eds-table-cell-color-interactive-border-active-hover-on-level-2: rgba(255, 255, 255, 0.2); + --eds-table-cell-color-interactive-border-active-hover-on-level-3: rgba(255, 255, 255, 0.2); + --eds-table-cell-color-interactive-border-disabled-on-level-1: rgba(255, 255, 255, 0.16); /* Border on Table cell doesn't change from Initial state, only the text & the icon. */ + --eds-table-cell-color-interactive-border-disabled-on-level-2: rgba(255, 255, 255, 0.16); /* Border on Table cell doesn't change from Initial state, only the text & the icon. */ + --eds-table-cell-color-interactive-border-disabled-on-level-3: rgba(255, 255, 255, 0.16); /* Border on Table cell doesn't change from Initial state, only the text & the icon. */ + --eds-table-cell-color-interactive-surface-initial-on-level-1: rgba(0, 0, 0, 0); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-initial-on-level-2: rgba(0, 0, 0, 0); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-initial-on-level-3: rgba(0, 0, 0, 0); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-disabled-on-level-1: rgba(0, 0, 0, 0); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-disabled-on-level-2: rgba(0, 0, 0, 0); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-disabled-on-level-3: rgba(0, 0, 0, 0); /* Table cell, Table data grid cell */ + --eds-table-header-color-interactive-border-initial-on-level-1: rgba(255, 255, 255, 0.16); + --eds-table-header-color-interactive-border-initial-on-level-2: rgba(255, 255, 255, 0.16); + --eds-table-header-color-interactive-border-initial-on-level-3: rgba(255, 255, 255, 0.16); + --eds-table-header-color-interactive-border-hover-on-level-1: rgba(255, 255, 255, 0.2); + --eds-table-header-color-interactive-border-hover-on-level-2: rgba(255, 255, 255, 0.2); + --eds-table-header-color-interactive-border-hover-on-level-3: rgba(255, 255, 255, 0.2); + --eds-table-header-color-interactive-border-disabled-on-level-1: rgba(255, 255, 255, 0.16); + --eds-table-header-color-interactive-border-disabled-on-level-2: rgba(255, 255, 255, 0.16); + --eds-table-header-color-interactive-border-disabled-on-level-3: rgba(255, 255, 255, 0.16); + --eds-table-header-color-interactive-surface-disabled-on-level-1: rgba(0, 0, 0, 0); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-disabled-on-level-2: rgba(0, 0, 0, 0); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-disabled-on-level-3: rgba(0, 0, 0, 0); /* Table header, Table data grid header */ + --eds-table-header-color-static-border-on-level-1: rgba(255, 255, 255, 0.16); + --eds-table-header-color-static-border-on-level-2: rgba(255, 255, 255, 0.16); + --eds-table-header-color-static-border-on-level-3: rgba(255, 255, 255, 0.16); + --eds-ui-scrim-color-surface: rgba(0, 0, 0, 0.4); /* Scrim */ + --eds-color-static-text-raised: var(--eds-color-moss-green-sat-300); --eds-color-static-icon-raised: var(--eds-color-moss-green-sat-300); - --eds-color-static-text-standard-maximal: var(--eds-color-text-maximal-on-dark); - --eds-color-static-text-standard-secondary: var(--eds-color-text-secondary-on-dark); - --eds-color-static-text-standard-primary: var(--eds-color-text-primary-on-dark); + --eds-color-static-border-raised: var(--eds-color-slate-grey-1100); + --eds-color-static-border-inverted: var(--eds-color-border-inverted-on-dark); + --eds-color-static-border-standard-on-level-1: var(--eds-color-slate-blue-1350); + --eds-color-static-border-standard-on-level-2: var(--eds-color-slate-blue-1350); + --eds-color-static-border-standard-on-level-3: var(--eds-color-slate-blue-1300); + --eds-color-static-surface-inverted: var(--eds-color-surface-inverted-on-dark); + --eds-color-static-surface-standard-on-level-1: var(--eds-color-slate-blue-1350); + --eds-color-static-surface-standard-on-level-2: var(--eds-color-slate-blue-1350); + --eds-color-static-surface-standard-on-level-3: var(--eds-color-slate-blue-1300); + --eds-color-interactive-text-standard-primary-disabled: var(--eds-color-slate-grey-1000); /* Disabled Toggle button */ + --eds-color-interactive-text-standard-primary-initial: var(--eds-color-slate-grey-600); /* Toggle button */ + --eds-color-interactive-text-standard-primary-hover: var(--eds-color-slate-grey-500); /* Toggle button */ + --eds-color-interactive-text-standard-primary-active: var(--eds-color-neutral-1500); /* Toggle button */ + --eds-color-interactive-text-standard-primary-active-hover: var(--eds-color-neutral-1500); /* Toggle button */ + --eds-color-interactive-text-standard-secondary-disabled: var(--eds-color-slate-grey-1000); /* Disabled Sidebar link */ + --eds-color-interactive-text-standard-secondary-initial: var(--eds-color-slate-grey-600); /* Sidebar link */ + --eds-color-interactive-text-standard-secondary-hover: var(--eds-color-slate-grey-500); /* Sidebar link */ + --eds-color-interactive-text-standard-secondary-active: var(--eds-color-moss-green-sat-200); /* Sidebar link */ + --eds-color-interactive-text-standard-secondary-active-hover: var(--eds-color-moss-green-sat-100); /* Sidebar link */ + --eds-color-interactive-text-standard-tertiary-disabled: var(--eds-color-slate-grey-1000); /* Disabled Sidebar link */ + --eds-color-interactive-text-standard-tertiary-initial: var(--eds-color-slate-grey-600); /* Sidebar link */ + --eds-color-interactive-text-standard-tertiary-hover: var(--eds-color-slate-grey-500); /* Sidebar link */ + --eds-color-interactive-text-standard-tertiary-active: var(--eds-color-moss-green-sat-500); /* Sidebar link */ + --eds-color-interactive-text-standard-tertiary-active-hover: var(--eds-color-moss-green-sat-300); /* Sidebar link */ + --eds-color-interactive-text-standard-quaternary-disabled: var(--eds-color-slate-grey-1000); /* Disabled Tab */ + --eds-color-interactive-text-standard-quaternary-initial: var(--eds-color-slate-grey-600); /* Tab */ + --eds-color-interactive-text-standard-quaternary-hover: var(--eds-color-slate-grey-500); /* Tab */ + --eds-color-interactive-text-standard-quaternary-active: var(--eds-color-moss-green-sat-500); /* Tab */ + --eds-color-interactive-text-standard-quaternary-active-hover: var(--eds-color-moss-green-sat-300); /* Tab */ + --eds-color-interactive-text-raised-disabled: var(--eds-color-slate-grey-1000); /* Chip */ + --eds-color-interactive-text-raised-initial: var(--eds-color-slate-grey-500); /* Chip */ + --eds-color-interactive-text-raised-hover: var(--eds-color-slate-grey-400); /* Chip */ + --eds-color-interactive-text-raised-active: var(--eds-color-moss-green-sat-300); /* Chip */ + --eds-color-interactive-text-raised-active-hover: var(--eds-color-moss-green-sat-200); /* Chip */ + --eds-color-interactive-icon-standard-primary-disabled: var(--eds-color-slate-grey-1000); /* Disabled Toggle button */ + --eds-color-interactive-icon-standard-primary-initial: var(--eds-color-slate-grey-600); /* Toggle button */ + --eds-color-interactive-icon-standard-primary-hover: var(--eds-color-slate-grey-600); /* Toggle button */ + --eds-color-interactive-icon-standard-primary-active: var(--eds-color-neutral-1500); /* Toggle button */ + --eds-color-interactive-icon-standard-primary-active-hover: var(--eds-color-neutral-1500); /* Toggle button */ + --eds-color-interactive-icon-standard-secondary-disabled: var(--eds-color-slate-grey-1000); /* Sidebar link */ + --eds-color-interactive-icon-standard-secondary-initial: var(--eds-color-slate-grey-600); /* Sidebar link */ + --eds-color-interactive-icon-standard-secondary-hover: var(--eds-color-slate-grey-500); /* Sidebar link */ + --eds-color-interactive-icon-standard-secondary-active: var(--eds-color-moss-green-sat-200); /* Sidebar link */ + --eds-color-interactive-icon-standard-secondary-active-hover: var(--eds-color-moss-green-sat-100); /* Sidebar link */ + --eds-color-interactive-icon-standard-tertiary-disabled: var(--eds-color-slate-grey-1000); /* Sidebar menu */ + --eds-color-interactive-icon-standard-tertiary-initial: var(--eds-color-slate-grey-600); /* Sidebar menu */ + --eds-color-interactive-icon-standard-tertiary-hover: var(--eds-color-slate-grey-500); /* Sidebar menu */ + --eds-color-interactive-icon-standard-tertiary-active: var(--eds-color-moss-green-sat-500); /* Sidebar menu */ + --eds-color-interactive-icon-standard-tertiary-active-hover: var(--eds-color-moss-green-sat-300); /* Sidebar menu */ + --eds-color-interactive-icon-standard-quaternary-disabled: var(--eds-color-slate-grey-1000); /* Disabled Toggle button */ + --eds-color-interactive-icon-standard-quaternary-initial: var(--eds-color-slate-grey-600); /* Toggle button */ + --eds-color-interactive-icon-standard-quaternary-hover: var(--eds-color-slate-grey-500); /* Toggle button */ + --eds-color-interactive-icon-standard-quaternary-active: var(--eds-color-moss-green-sat-500); /* Toggle button */ + --eds-color-interactive-icon-standard-quaternary-active-hover: var(--eds-color-moss-green-300); /* Toggle button */ + --eds-color-interactive-icon-raised-disabled: var(--eds-color-slate-grey-1000); /* Chip */ + --eds-color-interactive-icon-raised-initial: var(--eds-color-slate-grey-500); /* Chip */ + --eds-color-interactive-icon-raised-hover: var(--eds-color-slate-grey-400); /* Chip */ + --eds-color-interactive-icon-raised-active: var(--eds-color-moss-green-sat-300); /* Chip */ + --eds-color-interactive-icon-raised-active-hover: var(--eds-color-moss-green-sat-200); /* Chip */ + --eds-color-interactive-border-standard-primary-disabled: var(--eds-color-slate-grey-1000); /* Toggle button */ + --eds-color-interactive-border-standard-primary-initial: var(--eds-color-slate-grey-600); /* Toggle button */ + --eds-color-interactive-border-standard-primary-hover: var(--eds-color-slate-grey-600); /* Toggle button */ + --eds-color-interactive-border-standard-primary-active: var(--eds-color-moss-green-sat-500); /* Toggle button */ + --eds-color-interactive-border-standard-primary-active-hover: var(--eds-color-moss-green-sat-500); /* Toggle button */ + --eds-color-interactive-border-standard-tertiary-disabled: var(--eds-color-slate-blue-1400); /* Sidebar menu */ + --eds-color-interactive-border-standard-tertiary-initial: var(--eds-color-slate-blue-1400); /* Sidebar menu */ + --eds-color-interactive-border-standard-tertiary-hover: var(--eds-color-neutral-100); /* Tab */ + --eds-color-interactive-border-standard-tertiary-active: var(--eds-color-moss-green-sat-500); /* Sidebar menu */ + --eds-color-interactive-border-standard-tertiary-active-hover: var(--eds-color-moss-green-sat-300); /* Sidebar menu */ + --eds-color-interactive-border-standard-quaternary-active: var(--eds-color-moss-green-sat-500); /* Tab */ + --eds-color-interactive-border-standard-quaternary-active-hover: var(--eds-color-moss-green-sat-300); /* Tab */ + --eds-color-interactive-border-raised-disabled: var(--eds-color-slate-grey-1000); /* Chip */ + --eds-color-interactive-border-raised-initial: var(--eds-color-slate-grey-1100); /* Chip */ + --eds-color-interactive-border-raised-hover: var(--eds-color-slate-grey-400); /* Chip */ + --eds-color-interactive-border-raised-active: var(--eds-color-mist-blue-muted-1200); /* Chip */ + --eds-color-interactive-border-raised-active-hover: var(--eds-color-moss-green-sat-400); /* Chip */ + --eds-color-interactive-surface-standard-primary-disabled-filled: var(--eds-color-slate-grey-1300); /* Toggle button */ + --eds-color-interactive-surface-standard-primary-hover: var(--eds-color-slate-blue-1200); /* Toggle button */ + --eds-color-interactive-surface-standard-primary-active: var(--eds-color-moss-green-sat-500); /* Toggle button */ + --eds-color-interactive-surface-standard-primary-active-hover: var(--eds-color-moss-green-sat-300); /* Toggle button */ + --eds-color-interactive-surface-standard-secondary-hover: var(--eds-color-slate-blue-1200); /* Sidebar menu */ + --eds-color-interactive-surface-standard-secondary-active: var(--eds-color-mist-blue-muted-1100); /* Sidebar menu */ + --eds-color-interactive-surface-standard-secondary-active-hover: var(--eds-color-mist-blue-muted-1000); /* Sidebar menu */ + --eds-color-interactive-surface-standard-tertiary-hover: var(--eds-color-slate-blue-1200); /* Sidebar link */ + --eds-color-interactive-surface-standard-tertiary-active: var(--eds-color-mist-blue-muted-1200); /* Sidebar link */ + --eds-color-interactive-surface-standard-tertiary-active-hover: var(--eds-color-mist-blue-muted-1100); /* Sidebar link */ + --eds-color-interactive-surface-standard-quaternary-hover: var(--eds-color-slate-blue-1200); /* Tab */ + --eds-color-interactive-surface-standard-quaternary-active-hover: var(--eds-color-mist-blue-muted-1200); /* Sidebar link */ + --eds-color-action-text-primary-disabled: var(--eds-color-neutral-1000); /* Button */ + --eds-color-action-text-standard-primary-disabled: var(--eds-color-slate-grey-1000); /* Button */ + --eds-color-action-text-standard-primary-initial: var(--eds-color-neutral-1500); /* Button */ + --eds-color-action-text-standard-primary-hover: var(--eds-color-neutral-1500); /* Button */ + --eds-color-action-text-standard-secondary-disabled: var(--eds-color-slate-grey-1000); /* Button */ + --eds-color-action-text-standard-secondary-initial: var(--eds-color-moss-green-sat-500); /* Button */ + --eds-color-action-text-standard-secondary-hover: var(--eds-color-moss-green-sat-300); /* Button, Toggle button */ + --eds-color-action-text-standard-tertiary-disabled: var(--eds-color-slate-grey-1000); /* Button */ + --eds-color-action-text-standard-tertiary-initial: var(--eds-color-moss-green-sat-500); /* Button */ + --eds-color-action-text-standard-tertiary-hover: var(--eds-color-moss-green-sat-300); /* Button, Toggle button */ + --eds-color-action-text-muted-primary-disabled: var(--eds-color-slate-grey-1000); /* Button */ + --eds-color-action-text-muted-primary-initial: var(--eds-color-neutral-1500); /* Button */ + --eds-color-action-text-muted-primary-hover: var(--eds-color-neutral-1500); /* Button */ + --eds-color-action-text-muted-secondary-disabled: var(--eds-color-slate-grey-1000); /* Button */ + --eds-color-action-text-muted-secondary-initial: var(--eds-color-slate-grey-600); /* Button */ + --eds-color-action-text-muted-secondary-hover: var(--eds-color-slate-grey-500); /* Button */ + --eds-color-action-text-muted-tertiary-disabled: var(--eds-color-slate-grey-1000); /* Button */ + --eds-color-action-text-muted-tertiary-initial: var(--eds-color-slate-grey-600); /* Button */ + --eds-color-action-text-muted-tertiary-hover: var(--eds-color-slate-grey-500); /* Button */ + --eds-color-action-text-danger-primary-disabled: var(--eds-color-slate-grey-1000); /* Button */ + --eds-color-action-text-danger-primary-initial: var(--eds-color-neutral-1500); /* Button */ + --eds-color-action-text-danger-primary-hover: var(--eds-color-neutral-1500); /* Button */ + --eds-color-action-text-danger-secondary-disabled: var(--eds-color-slate-grey-1000); /* Button */ + --eds-color-action-text-danger-secondary-initial: var(--eds-color-red-warm-700); /* Button */ + --eds-color-action-text-danger-secondary-hover: var(--eds-color-red-warm-500); /* Button */ + --eds-color-action-text-danger-tertiary-disabled: var(--eds-color-slate-grey-1000); /* Button */ + --eds-color-action-text-danger-tertiary-initial: var(--eds-color-red-warm-700); /* Button */ + --eds-color-action-text-danger-tertiary-hover: var(--eds-color-red-warm-500); /* Button */ + --eds-color-action-icon-standard-primary-disabled: var(--eds-color-slate-grey-1000); + --eds-color-action-icon-standard-primary-initial: var(--eds-color-neutral-1500); /* Button */ + --eds-color-action-icon-standard-primary-hover: var(--eds-color-neutral-1500); /* Button */ + --eds-color-action-icon-standard-secondary-disabled: var(--eds-color-slate-grey-1000); + --eds-color-action-icon-standard-secondary-initial: var(--eds-color-moss-green-sat-500); /* Button */ + --eds-color-action-icon-standard-secondary-hover: var(--eds-color-moss-green-sat-300); /* Button */ + --eds-color-action-icon-standard-tertiary-disabled: var(--eds-color-slate-grey-1000); + --eds-color-action-icon-standard-tertiary-initial: var(--eds-color-moss-green-sat-500); /* Button */ + --eds-color-action-icon-standard-tertiary-hover: var(--eds-color-moss-green-sat-300); /* Button */ + --eds-color-action-icon-muted-primary-disabled: var(--eds-color-slate-grey-1000); + --eds-color-action-icon-muted-primary-initial: var(--eds-color-neutral-1500); /* Button */ + --eds-color-action-icon-muted-primary-hover: var(--eds-color-neutral-1500); /* Button */ + --eds-color-action-icon-muted-tertiary-disabled: var(--eds-color-slate-grey-1000); + --eds-color-action-icon-muted-tertiary-initial: var(--eds-color-slate-grey-600); /* Button */ + --eds-color-action-icon-muted-tertiary-hover: var(--eds-color-slate-grey-500); /* Button */ + --eds-color-action-icon-muted-secondary-disabled: var(--eds-color-slate-grey-1000); + --eds-color-action-icon-muted-secondary-initial: var(--eds-color-slate-grey-600); /* Button */ + --eds-color-action-icon-muted-secondary-hover: var(--eds-color-slate-grey-500); /* Button */ + --eds-color-action-icon-danger-primary-disabled: var(--eds-color-slate-grey-1000); + --eds-color-action-icon-danger-primary-initial: var(--eds-color-neutral-1500); /* Button */ + --eds-color-action-icon-danger-primary-hover: var(--eds-color-neutral-1500); /* Button */ + --eds-color-action-icon-danger-secondary-disabled: var(--eds-color-slate-grey-1000); + --eds-color-action-icon-danger-secondary-initial: var(--eds-color-red-warm-700); /* Button */ + --eds-color-action-icon-danger-secondary-hover: var(--eds-color-red-warm-500); /* Button */ + --eds-color-action-icon-danger-tertiary-disabled: var(--eds-color-slate-grey-1000); + --eds-color-action-icon-danger-tertiary-initial: var(--eds-color-red-warm-700); /* Button */ + --eds-color-action-icon-danger-tertiary-hover: var(--eds-color-red-warm-500); /* Button */ + --eds-color-action-border-secondary-disabled: var(--eds-color-slate-grey-1300); /* Button */ + --eds-color-action-border-standard-primary-disabled: var(--eds-color-slate-grey-1300); /* Button */ + --eds-color-action-border-standard-primary-initial: var(--eds-color-moss-green-sat-500); /* Button, Toggle button */ + --eds-color-action-border-standard-primary-hover: var(--eds-color-moss-green-sat-300); /* Button, Toggle button */ + --eds-color-action-border-standard-secondary-disabled: var(--eds-color-slate-grey-1100); /* Button */ + --eds-color-action-border-standard-secondary-initial: var(--eds-color-moss-green-sat-500); /* Button, Toggle button */ + --eds-color-action-border-standard-secondary-hover: var(--eds-color-moss-green-sat-300); /* Button, Toggle button */ + --eds-color-action-border-muted-primary-initial: var(--eds-color-slate-grey-600); /* Button */ + --eds-color-action-border-muted-primary-hover: var(--eds-color-slate-grey-500); /* Button */ + --eds-color-action-border-muted-primary-disabled: var(--eds-color-slate-grey-1300); /* Button */ + --eds-color-action-border-muted-secondary-initial: var(--eds-color-slate-grey-600); /* Button */ + --eds-color-action-border-muted-secondary-hover: var(--eds-color-slate-grey-500); /* Button */ + --eds-color-action-border-muted-secondary-disabled: var(--eds-color-slate-grey-1300); /* Button */ + --eds-color-action-border-danger-primary-initial: var(--eds-color-red-warm-700); /* Button */ + --eds-color-action-border-danger-primary-hover: var(--eds-color-red-warm-500); /* Button */ + --eds-color-action-border-danger-primary-disabled: var(--eds-color-slate-grey-1300); /* Button */ + --eds-color-action-border-danger-secondary-initial: var(--eds-color-red-warm-700); /* Button */ + --eds-color-action-border-danger-secondary-hover: var(--eds-color-red-warm-500); /* Button */ + --eds-color-action-border-danger-secondary-disabled: var(--eds-color-slate-grey-1300); /* Button */ + --eds-color-action-surface-standard-primary-disabled: var(--eds-color-slate-grey-1300); /* Button */ + --eds-color-action-surface-standard-primary-initial: var(--eds-color-moss-green-sat-500); /* Button, Toggle button */ + --eds-color-action-surface-standard-primary-hover: var(--eds-color-moss-green-sat-300); /* Button, Toggle button */ + --eds-color-action-surface-standard-secondary-hover: var(--eds-color-moss-green-sat-1400); /* Button, Ghost button, Toggle button */ + --eds-color-action-surface-standard-tertiary-hover: var(--eds-color-moss-green-sat-1400); /* Button, Ghost button, Toggle button */ + --eds-color-action-surface-muted-primary-initial: var(--eds-color-slate-grey-600); /* Button */ + --eds-color-action-surface-muted-primary-hover: var(--eds-color-slate-grey-500); /* Button */ + --eds-color-action-surface-muted-primary-disabled: var(--eds-color-slate-grey-1300); /* Button */ + --eds-color-action-surface-muted-secondary-hover: var(--eds-color-slate-blue-1200); /* Button */ + --eds-color-action-surface-muted-tertiary-hover: var(--eds-color-slate-blue-1200); /* Button */ + --eds-color-action-surface-danger-primary-initial: var(--eds-color-red-warm-700); /* Button */ + --eds-color-action-surface-danger-primary-hover: var(--eds-color-red-warm-500); /* Button */ + --eds-color-action-surface-danger-primary-disabled: var(--eds-color-slate-grey-1300); /* Button */ + --eds-color-action-surface-danger-secondary-hover: var(--eds-color-red-cold-1400); /* Button */ + --eds-color-action-surface-danger-tertiary-hover: var(--eds-color-red-cold-1400); /* Button */ + --eds-color-message-text-raised-info-initial: var(--eds-color-blue-sky-600); /* Chip, Card, input helper */ + --eds-color-message-text-raised-info-hover: var(--eds-color-blue-sky-400); /* Chip */ + --eds-color-message-text-raised-success-initial: var(--eds-color-success-green-600); /* Chip, Card, input helper */ + --eds-color-message-text-raised-success-hover: var(--eds-color-success-green-300); /* Chip */ + --eds-color-message-text-raised-warning-initial: var(--eds-color-spruce-wood-500); /* Chip, Card, input helper */ + --eds-color-message-text-raised-warning-hover: var(--eds-color-spruce-wood-300); /* Chip */ + --eds-color-message-text-raised-error-initial: var(--eds-color-red-warm-600); /* Chip, Card, input helper */ + --eds-color-message-text-raised-error-hover: var(--eds-color-red-warm-500); /* Chip */ + --eds-color-message-text-callout-info: var(--eds-color-mist-blue-muted-200); /* Banner */ + --eds-color-message-text-callout-success: var(--eds-color-lichen-green-200); /* Banner */ + --eds-color-message-text-callout-warning: var(--eds-color-spruce-wood-200); /* Banner */ + --eds-color-message-text-callout-error: var(--eds-color-red-warm-200); /* Banner */ + --eds-color-message-icon-standard-info: var(--eds-color-blue-sky-600); /* Deprecated - Card. Use icon/message. */ + --eds-color-message-icon-standard-success: var(--eds-color-success-green-600); /* Deprecated - Card. Use icon/message. */ + --eds-color-message-icon-standard-warning: var(--eds-color-spruce-wood-500); /* Deprecated - Card. Use icon/message. */ + --eds-color-message-icon-standard-error: var(--eds-color-red-warm-600); /* Deprecated - Card. Use icon/message. */ + --eds-color-message-icon-raised-info-initial: var(--eds-color-blue-sky-600); /* Deprecated - Chip. Use icon/message. */ + --eds-color-message-icon-raised-info-hover: var(--eds-color-blue-sky-400); /* Deprecated - Chip. Use icon/message. */ + --eds-color-message-icon-raised-success-initial: var(--eds-color-success-green-600); /* Deprecated - Chip. Use icon/message. */ + --eds-color-message-icon-raised-success-hover: var(--eds-color-success-green-300); /* Deprecated - Chip. Use icon/message. */ + --eds-color-message-icon-raised-warning-initial: var(--eds-color-spruce-wood-500); /* Deprecated - Chip. Use icon/message. */ + --eds-color-message-icon-raised-warning-hover: var(--eds-color-spruce-wood-300); /* Deprecated - Chip. Use icon/message. */ + --eds-color-message-icon-raised-error-initial: var(--eds-color-red-warm-600); /* Deprecated - Chip. Use icon/message. */ + --eds-color-message-icon-raised-error-hover: var(--eds-color-red-warm-500); /* Deprecated - Chip. Use icon/message. */ + --eds-color-message-icon-callout-info: var(--eds-color-mist-blue-muted-200); /* Banner */ + --eds-color-message-icon-callout-success: var(--eds-color-lichen-green-200); /* Banner */ + --eds-color-message-icon-callout-warning: var(--eds-color-spruce-wood-200); /* Banner */ + --eds-color-message-icon-callout-error: var(--eds-color-red-warm-200); /* Banner */ + --eds-color-message-border-standard-info: var(--eds-color-blue-sky-1000); /* Card */ + --eds-color-message-border-standard-success: var(--eds-color-success-green-900); /* Card */ + --eds-color-message-border-standard-warning: var(--eds-color-orange-800); /* Card */ + --eds-color-message-border-standard-error: var(--eds-color-red-cold-900); /* Card */ + --eds-color-message-border-raised-info-initial: var(--eds-color-blue-sky-1000); /* Chip */ + --eds-color-message-border-raised-info-hover: var(--eds-color-blue-sky-400); /* Chip */ + --eds-color-message-border-raised-success-initial: var(--eds-color-success-green-900); /* Chip */ + --eds-color-message-border-raised-success-hover: var(--eds-color-success-green-300); /* Chip */ + --eds-color-message-border-raised-warning-initial: var(--eds-color-orange-800); /* Chip */ + --eds-color-message-border-raised-warning-hover: var(--eds-color-spruce-wood-300); /* Chip */ + --eds-color-message-border-raised-error-initial: var(--eds-color-red-cold-900); /* Chip */ + --eds-color-message-border-raised-error-hover: var(--eds-color-red-warm-500); /* Chip */ + --eds-color-message-border-callout-info: var(--eds-color-blue-sky-1200); /* Banner */ + --eds-color-message-border-callout-success: var(--eds-color-lichen-green-1200); /* Banner */ + --eds-color-message-border-callout-warning: var(--eds-color-orange-1200); /* Banner */ + --eds-color-message-border-callout-error: var(--eds-color-red-cold-1200); /* Banner */ + --eds-color-message-surface-standard-info-on-level-1: var(--eds-color-slate-blue-1350); /* Card */ + --eds-color-message-surface-standard-info-on-level-2: var(--eds-color-slate-blue-1350); /* Card */ + --eds-color-message-surface-standard-info-on-level-3: var(--eds-color-slate-blue-1300); /* Card */ + --eds-color-message-surface-standard-success-on-level-1: var(--eds-color-slate-blue-1350); /* Card */ + --eds-color-message-surface-standard-success-on-level-2: var(--eds-color-slate-blue-1350); /* Card */ + --eds-color-message-surface-standard-success-on-level-3: var(--eds-color-slate-blue-1300); /* Card */ + --eds-color-message-surface-standard-warning-on-level-1: var(--eds-color-slate-blue-1350); /* Card */ + --eds-color-message-surface-standard-warning-on-level-2: var(--eds-color-slate-blue-1350); /* Card */ + --eds-color-message-surface-standard-warning-on-level-3: var(--eds-color-slate-blue-1300); /* Card */ + --eds-color-message-surface-standard-error-on-level-1: var(--eds-color-slate-blue-1350); /* Card */ + --eds-color-message-surface-standard-error-on-level-2: var(--eds-color-slate-blue-1350); /* Card */ + --eds-color-message-surface-standard-error-on-level-3: var(--eds-color-slate-blue-1300); /* Card */ + --eds-color-message-surface-callout-info: var(--eds-color-blue-sky-1200); /* Chip */ + --eds-color-message-surface-callout-success: var(--eds-color-lichen-green-1200); /* Chip */ + --eds-color-message-surface-callout-warning: var(--eds-color-orange-1200); /* Banner */ + --eds-color-message-surface-callout-error: var(--eds-color-red-cold-1200); /* Banner */ + --eds-input-asterix-color-text: var(--eds-color-red-cold-900); /* Autocomplete, Text field */ + --eds-input-placeholder-color-text: var(--eds-color-slate-grey-800); /* Autocomplete, Table input, Search, Text field */ + --eds-input-helper-color-text-initial: var(--eds-color-slate-grey-600); /* Autocomplete, Table input, Text field */ + --eds-input-helper-color-text-focus: var(--eds-color-slate-grey-600); /* Autocomplete, Table input, Text field */ + --eds-input-helper-color-text-read-only: var(--eds-color-slate-grey-600); /* Autocomplete, Table input, Text field */ + --eds-input-helper-color-text-disabled: var(--eds-color-slate-grey-1000); /* Autocomplete, Table input, Search, Text field */ + --eds-input-helper-color-icon-initial: var(--eds-color-slate-grey-600); /* Autocomplete, Table input, Text field */ + --eds-input-helper-color-icon-focus: var(--eds-color-slate-grey-600); /* Autocomplete, Table input, Text field */ + --eds-input-helper-color-icon-read-only: var(--eds-color-slate-grey-600); /* Autocomplete, Table input, Text field */ + --eds-input-helper-color-icon-disabled: var(--eds-color-slate-grey-1000); /* Autocomplete, Table input, Search, Text field */ + --eds-input-helper-color-message-text-info-initial: var(--eds-color-blue-sky-600); + --eds-input-helper-color-message-text-info-focus: var(--eds-color-blue-sky-600); + --eds-input-helper-color-message-text-info-read-only: var(--eds-color-blue-sky-600); + --eds-input-helper-color-message-text-info-disabled: var(--eds-color-slate-grey-1000); + --eds-input-helper-color-message-text-success-initial: var(--eds-color-lichen-green-600); + --eds-input-helper-color-message-text-success-focus: var(--eds-color-lichen-green-600); + --eds-input-helper-color-message-text-success-read-only: var(--eds-color-lichen-green-600); + --eds-input-helper-color-message-text-success-disabled: var(--eds-color-slate-grey-1000); + --eds-input-helper-color-message-text-warning-initial: var(--eds-color-orange-500); + --eds-input-helper-color-message-text-warning-focus: var(--eds-color-orange-500); + --eds-input-helper-color-message-text-warning-read-only: var(--eds-color-orange-500); + --eds-input-helper-color-message-text-warning-disabled: var(--eds-color-slate-grey-1000); + --eds-input-helper-color-message-text-error-initial: var(--eds-color-red-cold-600); + --eds-input-helper-color-message-text-error-focus: var(--eds-color-red-cold-600); + --eds-input-helper-color-message-text-error-read-only: var(--eds-color-red-cold-600); + --eds-input-helper-color-message-text-error-disabled: var(--eds-color-slate-grey-1000); + --eds-input-helper-color-message-icon-info-initial: var(--eds-color-blue-sky-600); + --eds-input-helper-color-message-icon-info-focus: var(--eds-color-blue-sky-600); + --eds-input-helper-color-message-icon-info-read-only: var(--eds-color-blue-sky-600); + --eds-input-helper-color-message-icon-info-disabled: var(--eds-color-slate-grey-1000); + --eds-input-helper-color-message-icon-success-initial: var(--eds-color-lichen-green-600); + --eds-input-helper-color-message-icon-success-focus: var(--eds-color-lichen-green-600); + --eds-input-helper-color-message-icon-success-read-only: var(--eds-color-lichen-green-600); + --eds-input-helper-color-message-icon-success-disabled: var(--eds-color-slate-grey-1000); + --eds-input-helper-color-message-icon-warning-initial: var(--eds-color-orange-500); + --eds-input-helper-color-message-icon-warning-focus: var(--eds-color-orange-500); + --eds-input-helper-color-message-icon-warning-read-only: var(--eds-color-orange-500); + --eds-input-helper-color-message-icon-warning-disabled: var(--eds-color-slate-grey-1000); + --eds-input-helper-color-message-icon-error-initial: var(--eds-color-red-cold-600); + --eds-input-helper-color-message-icon-error-focus: var(--eds-color-red-cold-600); + --eds-input-helper-color-message-icon-error-read-only: var(--eds-color-red-cold-600); + --eds-input-helper-color-message-icon-error-disabled: var(--eds-color-slate-grey-1000); + --eds-input-color-text-initial: var(--eds-color-slate-grey-500); /* Autocomplete, Table input, Text field */ + --eds-input-color-text-read-only: var(--eds-color-slate-grey-500); /* Autocomplete, Table input, Text field */ + --eds-input-color-text-focus: var(--eds-color-neutral-0); /* Autocomplete, Table input, Search, Text field */ + --eds-input-color-text-disabled: var(--eds-color-slate-grey-1000); /* Autocomplete, Table input, Search, Text field */ + --eds-input-color-icon-initial: var(--eds-color-slate-grey-500); /* Autocomplete, Table input, Text field */ + --eds-input-color-icon-read-only: var(--eds-color-slate-grey-500); /* Autocomplete, Table input, Text field */ + --eds-input-color-icon-focus: var(--eds-color-neutral-0); /* Autocomplete, Table input, Search, Text field */ + --eds-input-color-icon-disabled: var(--eds-color-slate-grey-1000); /* Autocomplete, Table input, Search, Text field */ + --eds-input-color-border-focus: var(--eds-color-moss-green-sat-500); /* Autocomplete, Search, Text field */ + --eds-input-color-message-border-success-initial: var(--eds-color-success-green-900); /* Text field */ + --eds-input-color-message-border-success-focus: var(--eds-color-success-green-600); /* Text field */ + --eds-input-color-message-border-success-read-only: var(--eds-color-success-green-900); /* Text field */ + --eds-input-color-message-border-success-disabled: var(--eds-color-success-green-900); /* Text field */ + --eds-input-color-message-border-warning-initial: var(--eds-color-orange-800); /* Text field */ + --eds-input-color-message-border-warning-focus: var(--eds-color-spruce-wood-500); /* Text field */ + --eds-input-color-message-border-warning-read-only: var(--eds-color-orange-800); /* Text field */ + --eds-input-color-message-border-warning-disabled: var(--eds-color-orange-800); /* Text field */ + --eds-input-color-message-border-error-initial: var(--eds-color-red-cold-900); /* Text field */ + --eds-input-color-message-border-error-focus: var(--eds-color-red-warm-600); /* Text field */ + --eds-input-color-message-border-error-read-only: var(--eds-color-red-cold-900); /* Text field */ + --eds-input-color-message-border-error-disabled: var(--eds-color-red-cold-900); /* Text field */ + --eds-input-color-message-icon-success-initial: var(--eds-color-success-green-900); /* Text field */ + --eds-input-color-message-icon-success-focus: var(--eds-color-success-green-600); /* Text field */ + --eds-input-color-message-icon-success-read-only: var(--eds-color-success-green-900); /* Text field */ + --eds-input-color-message-icon-success-disabled: var(--eds-color-success-green-900); /* Text field */ + --eds-input-color-message-icon-warning-initial: var(--eds-color-orange-800); /* Text field */ + --eds-input-color-message-icon-warning-focus: var(--eds-color-spruce-wood-500); /* Text field */ + --eds-input-color-message-icon-warning-read-only: var(--eds-color-orange-800); /* Text field */ + --eds-input-color-message-icon-warning-disabled: var(--eds-color-orange-800); /* Text field */ + --eds-input-color-message-icon-error-initial: var(--eds-color-red-cold-900); /* Text field */ + --eds-input-color-message-icon-error-focus: var(--eds-color-red-warm-600); /* Text field */ + --eds-input-color-message-icon-error-read-only: var(--eds-color-red-cold-900); /* Text field */ + --eds-input-color-message-icon-error-disabled: var(--eds-color-red-cold-900); /* Text field */ + --eds-input-color-message-text-success-initial: var(--eds-color-success-green-900); /* Text field */ + --eds-input-color-message-text-success-focus: var(--eds-color-success-green-600); /* Text field */ + --eds-input-color-message-text-success-read-only: var(--eds-color-success-green-900); /* Text field */ + --eds-input-color-message-text-success-disabled: var(--eds-color-success-green-900); /* Text field */ + --eds-input-color-message-text-warning-initial: var(--eds-color-orange-800); /* Text field */ + --eds-input-color-message-text-warning-focus: var(--eds-color-spruce-wood-500); /* Text field */ + --eds-input-color-message-text-warning-read-only: var(--eds-color-orange-800); /* Text field */ + --eds-input-color-message-text-warning-disabled: var(--eds-color-orange-800); /* Text field */ + --eds-input-color-message-text-error-initial: var(--eds-color-red-cold-900); /* Text field */ + --eds-input-color-message-text-error-focus: var(--eds-color-red-warm-600); /* Text field */ + --eds-input-color-message-text-error-read-only: var(--eds-color-red-cold-900); /* Text field */ + --eds-input-color-message-text-error-disabled: var(--eds-color-red-cold-900); /* Text field */ + --eds-input-label-color-text-initial: var(--eds-color-slate-grey-600); + --eds-input-label-color-text-read-only: var(--eds-color-slate-grey-600); + --eds-input-label-color-text-disabled: var(--eds-color-slate-grey-1000); + --eds-input-label-color-icon-initial: var(--eds-color-slate-grey-600); + --eds-input-label-color-icon-read-only: var(--eds-color-slate-grey-600); + --eds-input-label-color-icon-disabled: var(--eds-color-slate-grey-1000); + --eds-table-cell-color-interactive-text-initial-on-level-1: var(--eds-color-slate-grey-400); + --eds-table-cell-color-interactive-text-initial-on-level-2: var(--eds-color-slate-grey-400); + --eds-table-cell-color-interactive-text-initial-on-level-3: var(--eds-color-slate-grey-400); + --eds-table-cell-color-interactive-text-hover-on-level-1: var(--eds-color-slate-grey-200); + --eds-table-cell-color-interactive-text-hover-on-level-2: var(--eds-color-slate-grey-200); + --eds-table-cell-color-interactive-text-hover-on-level-3: var(--eds-color-slate-grey-200); + --eds-table-cell-color-interactive-text-active-on-level-1: var(--eds-color-slate-grey-400); /* Interactive table cell, table data grid cell */ + --eds-table-cell-color-interactive-text-active-on-level-2: var(--eds-color-slate-grey-400); /* Interactive table cell, table data grid cell */ + --eds-table-cell-color-interactive-text-active-on-level-3: var(--eds-color-slate-grey-400); /* Interactive table cell, table data grid cell */ + --eds-table-cell-color-interactive-text-active-hover-on-level-1: var(--eds-color-slate-grey-200); /* Interactive table cell, data grid cell */ + --eds-table-cell-color-interactive-text-active-hover-on-level-2: var(--eds-color-slate-grey-200); /* Interactive table cell, data grid cell */ + --eds-table-cell-color-interactive-text-active-hover-on-level-3: var(--eds-color-slate-grey-200); /* Interactive table cell, data grid cell */ + --eds-table-cell-color-interactive-text-disabled-on-level-1: var(--eds-color-slate-grey-1000); + --eds-table-cell-color-interactive-text-disabled-on-level-2: var(--eds-color-slate-grey-1000); + --eds-table-cell-color-interactive-text-disabled-on-level-3: var(--eds-color-slate-grey-1000); + --eds-table-cell-color-interactive-icon-initial-on-level-1: var(--eds-color-slate-grey-600); /* Table cell, Table data grid cell, Table header, Table data grid header */ + --eds-table-cell-color-interactive-icon-initial-on-level-2: var(--eds-color-slate-grey-600); /* Table cell, Table data grid cell, Table header, Table data grid header */ + --eds-table-cell-color-interactive-icon-initial-on-level-3: var(--eds-color-slate-grey-500); /* Table cell, Table data grid cell, Table header, Table data grid header */ + --eds-table-cell-color-interactive-icon-hover-on-level-1: var(--eds-color-slate-grey-200); /* Table cell, Table data grid cell, Table header, Table data grid header */ + --eds-table-cell-color-interactive-icon-hover-on-level-2: var(--eds-color-slate-grey-200); /* Table cell, Table data grid cell, Table header, Table data grid header */ + --eds-table-cell-color-interactive-icon-hover-on-level-3: var(--eds-color-slate-grey-200); /* Table cell, Table data grid cell, Table header, Table data grid header */ + --eds-table-cell-color-interactive-icon-active-on-level-1: var(--eds-color-moss-green-sat-500); /* Table cell, Table data grid cell, Table header, Table data grid header */ + --eds-table-cell-color-interactive-icon-active-on-level-2: var(--eds-color-moss-green-sat-500); /* Table cell, Table data grid cell, Table header, Table data grid header */ + --eds-table-cell-color-interactive-icon-active-on-level-3: var(--eds-color-moss-green-sat-200); /* Table cell, Table data grid cell, Table header, Table data grid header */ + --eds-table-cell-color-interactive-icon-active-hover-on-level-1: var(--eds-color-moss-green-sat-300); /* Table cell, Table data grid cell, Table header, Table data grid header */ + --eds-table-cell-color-interactive-icon-active-hover-on-level-2: var(--eds-color-moss-green-sat-300); /* Table cell, Table data grid cell, Table header, Table data grid header */ + --eds-table-cell-color-interactive-icon-active-hover-on-level-3: var(--eds-color-moss-green-sat-100); /* Table cell, Table data grid cell, Table header, Table data grid header */ + --eds-table-cell-color-interactive-icon-disabled-on-level-1: var(--eds-color-slate-grey-1000); + --eds-table-cell-color-interactive-icon-disabled-on-level-2: var(--eds-color-slate-grey-1000); + --eds-table-cell-color-interactive-icon-disabled-on-level-3: var(--eds-color-slate-grey-1000); + --eds-table-cell-color-interactive-surface-hover-on-level-1: var(--eds-color-slate-blue-1200); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-hover-on-level-2: var(--eds-color-slate-blue-1200); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-hover-on-level-3: var(--eds-color-slate-blue-1200); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-active-on-level-1: var(--eds-color-mist-blue-muted-1300); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-active-on-level-2: var(--eds-color-mist-blue-muted-1300); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-active-on-level-3: var(--eds-color-mist-blue-muted-1200); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-active-hover-on-level-1: var(--eds-color-mist-blue-muted-1200); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-active-hover-on-level-2: var(--eds-color-mist-blue-muted-1200); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-active-hover-on-level-3: var(--eds-color-mist-blue-muted-1100); /* Table cell, Table data grid cell */ + --eds-table-header-color-interactive-text-initial-on-level-1: var(--eds-color-slate-grey-400); + --eds-table-header-color-interactive-text-initial-on-level-2: var(--eds-color-slate-grey-400); + --eds-table-header-color-interactive-text-initial-on-level-3: var(--eds-color-neutral-0); + --eds-table-header-color-interactive-text-hover-on-level-1: var(--eds-color-slate-grey-400); + --eds-table-header-color-interactive-text-hover-on-level-2: var(--eds-color-slate-grey-400); + --eds-table-header-color-interactive-text-hover-on-level-3: var(--eds-color-neutral-0); + --eds-table-header-color-interactive-text-active-on-level-1: var(--eds-color-moss-green-sat-500); + --eds-table-header-color-interactive-text-active-on-level-2: var(--eds-color-moss-green-sat-500); + --eds-table-header-color-interactive-text-active-on-level-3: var(--eds-color-moss-green-sat-300); + --eds-table-header-color-interactive-text-active-hover-on-level-1: var(--eds-color-moss-green-sat-300); + --eds-table-header-color-interactive-text-active-hover-on-level-2: var(--eds-color-moss-green-sat-300); + --eds-table-header-color-interactive-text-active-hover-on-level-3: var(--eds-color-moss-green-sat-200); + --eds-table-header-color-interactive-text-disabled-on-level-1: var(--eds-color-slate-grey-1000); + --eds-table-header-color-interactive-text-disabled-on-level-2: var(--eds-color-slate-grey-1000); + --eds-table-header-color-interactive-text-disabled-on-level-3: var(--eds-color-neutral-1000); + --eds-table-header-color-interactive-icon-initial-on-level-1: var(--eds-color-slate-grey-600); + --eds-table-header-color-interactive-icon-initial-on-level-2: var(--eds-color-slate-grey-600); + --eds-table-header-color-interactive-icon-initial-on-level-3: var(--eds-color-neutral-0); + --eds-table-header-color-interactive-icon-hover-on-level-1: var(--eds-color-slate-grey-400); + --eds-table-header-color-interactive-icon-hover-on-level-2: var(--eds-color-slate-grey-400); + --eds-table-header-color-interactive-icon-hover-on-level-3: var(--eds-color-neutral-0); + --eds-table-header-color-interactive-icon-active-on-level-1: var(--eds-color-moss-green-sat-500); + --eds-table-header-color-interactive-icon-active-on-level-2: var(--eds-color-moss-green-sat-500); + --eds-table-header-color-interactive-icon-active-on-level-3: var(--eds-color-moss-green-sat-300); + --eds-table-header-color-interactive-icon-active-hover-on-level-1: var(--eds-color-moss-green-sat-300); + --eds-table-header-color-interactive-icon-active-hover-on-level-2: var(--eds-color-moss-green-sat-300); + --eds-table-header-color-interactive-icon-active-hover-on-level-3: var(--eds-color-moss-green-sat-200); + --eds-table-header-color-interactive-icon-disabled-on-level-1: var(--eds-color-slate-grey-600); + --eds-table-header-color-interactive-icon-disabled-on-level-2: var(--eds-color-slate-grey-600); + --eds-table-header-color-interactive-icon-disabled-on-level-3: var(--eds-color-neutral-0); + --eds-table-header-color-interactive-border-active-on-level-1: var(--eds-color-moss-green-sat-500); + --eds-table-header-color-interactive-border-active-on-level-2: var(--eds-color-moss-green-sat-500); + --eds-table-header-color-interactive-border-active-on-level-3: var(--eds-color-moss-green-sat-300); + --eds-table-header-color-interactive-border-active-hover-on-level-1: var(--eds-color-moss-green-sat-300); + --eds-table-header-color-interactive-border-active-hover-on-level-2: var(--eds-color-moss-green-sat-300); + --eds-table-header-color-interactive-border-active-hover-on-level-3: var(--eds-color-moss-green-sat-200); + --eds-table-header-color-interactive-surface-initial-on-level-1: var(--eds-color-slate-blue-1350); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-initial-on-level-2: var(--eds-color-slate-blue-1300); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-initial-on-level-3: var(--eds-color-slate-blue-1200); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-hover-on-level-1: var(--eds-color-slate-blue-1200); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-hover-on-level-2: var(--eds-color-slate-blue-1200); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-hover-on-level-3: var(--eds-color-slate-blue-1200); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-active-on-level-1: var(--eds-color-slate-blue-1300); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-active-on-level-2: var(--eds-color-slate-blue-1300); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-active-on-level-3: var(--eds-color-slate-blue-1200); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-active-hover-on-level-1: var(--eds-color-slate-blue-1200); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-active-hover-on-level-2: var(--eds-color-slate-blue-1200); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-active-hover-on-level-3: var(--eds-color-slate-blue-1100); /* Table header, Table data grid header */ + --eds-table-header-color-static-text-on-level-1: var(--eds-color-neutral-0); + --eds-table-header-color-static-text-on-level-2: var(--eds-color-neutral-0); + --eds-table-header-color-static-text-on-level-3: var(--eds-color-neutral-0); + --eds-table-header-color-static-icon-on-level-1: var(--eds-color-neutral-0); + --eds-table-header-color-static-icon-on-level-2: var(--eds-color-neutral-0); + --eds-table-header-color-static-icon-on-level-3: var(--eds-color-neutral-0); + --eds-table-header-color-static-surface-on-level-1: var(--eds-color-slate-blue-1350); /* Table header, Table data grid header */ + --eds-table-header-color-static-surface-on-level-2: var(--eds-color-slate-blue-1300); /* Table header, Table data grid header */ + --eds-table-header-color-static-surface-on-level-3: var(--eds-color-slate-blue-1200); /* Table header, Table data grid header */ + --eds-ui-main-color-surface: var(--eds-color-slate-blue-1400); /* Recommended background color for EDS applications */ + --eds-ui-shell-color-surface: var(--eds-color-slate-blue-1350); /* Sidebar, Side sheet, Toolbar, Top bar */ + --eds-ui-shell-color-border: var(--eds-color-slate-blue-1400); /* Sidebar, Topbar, Side sheet */ + --eds-ui-floating-color-surface: var(--eds-color-slate-blue-1300); /* Recommended background color for EDS applications */ --eds-color-static-text-inverted: var(--eds-color-text-inverted-on-dark); - --eds-color-static-text-raised: var(--eds-color-moss-green-sat-300); - --eds-color-shadow: rgba(0, 0, 0, 0.14); /* For use in box shadows */ + --eds-color-static-text-standard-primary: var(--eds-color-text-primary-on-dark); + --eds-color-static-text-standard-secondary: var(--eds-color-text-secondary-on-dark); + --eds-color-static-text-standard-maximal: var(--eds-color-text-maximal-on-dark); + --eds-color-static-icon-inverted: var(--eds-color-icon-inverted-on-dark); + --eds-color-static-icon-standard-primary: var(--eds-color-icon-primary-on-dark); + --eds-color-static-icon-standard-secondary: var(--eds-color-icon-secondary-on-dark); + --eds-color-static-icon-standard-maximal: var(--eds-color-icon-maximal-on-dark); + --eds-color-message-text-standard-info: var(--eds-color-message-text-raised-info-initial); /* Deprecated - Card. Use text/message. */ + --eds-color-message-text-standard-success: var(--eds-color-message-text-raised-success-initial); /* Deprecated - Card. Use text/message. */ + --eds-color-message-text-standard-warning: var(--eds-color-message-text-raised-warning-initial); /* Deprecated - Card. Use text/message. */ + --eds-color-message-text-standard-error: var(--eds-color-message-text-raised-error-initial); /* Deprecated - Card. Use text/message. */ } diff --git a/packages/eds-tokens/build/css/color/light-verbose.css b/packages/eds-tokens/build/css/color/light-verbose.css index f5aee4f82e..023396463e 100644 --- a/packages/eds-tokens/build/css/color/light-verbose.css +++ b/packages/eds-tokens/build/css/color/light-verbose.css @@ -3,551 +3,551 @@ */ :root, [data-color-scheme="light"] { - --eds-ui-scrim-color-surface: rgba(0, 0, 0, 0.4); /* Scrim */ - --eds-ui-floating-color-surface: var(--eds-color-neutral-0); /* Recommended background color for EDS applications */ - --eds-ui-shell-color-border: var(--eds-color-neutral-100); /* Sidebar, Topbar, Side sheet */ - --eds-ui-shell-color-surface: var(--eds-color-neutral-0); /* Sidebar, Side sheet, Toolbar, Top bar */ - --eds-ui-main-color-surface: var(--eds-color-neutral-100); /* Recommended background color for EDS applications */ - --eds-table-header-color-static-surface-on-level-3: var(--eds-color-neutral-100); /* Table header, Table data grid header */ - --eds-table-header-color-static-surface-on-level-2: var(--eds-color-neutral-100); /* Table header, Table data grid header */ - --eds-table-header-color-static-surface-on-level-1: var(--eds-color-neutral-0); /* Table header, Table data grid header */ - --eds-table-header-color-static-border-on-level-3: var(--eds-color-neutral-300); - --eds-table-header-color-static-border-on-level-2: var(--eds-color-neutral-300); - --eds-table-header-color-static-border-on-level-1: var(--eds-color-neutral-300); - --eds-table-header-color-static-icon-on-level-3: var(--eds-color-neutral-1300); - --eds-table-header-color-static-icon-on-level-2: var(--eds-color-neutral-1300); - --eds-table-header-color-static-icon-on-level-1: var(--eds-color-neutral-1300); - --eds-table-header-color-static-text-on-level-3: var(--eds-color-neutral-1300); - --eds-table-header-color-static-text-on-level-2: var(--eds-color-neutral-1300); - --eds-table-header-color-static-text-on-level-1: var(--eds-color-neutral-1300); - --eds-table-header-color-interactive-surface-disabled-on-level-3: rgba(255, 255, 255, 0); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-disabled-on-level-2: rgba(255, 255, 255, 0); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-disabled-on-level-1: rgba(255, 255, 255, 0); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-active-hover-on-level-3: var(--eds-color-neutral-300); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-active-hover-on-level-2: var(--eds-color-neutral-300); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-active-hover-on-level-1: var(--eds-color-neutral-300); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-active-on-level-3: var(--eds-color-neutral-200); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-active-on-level-2: var(--eds-color-neutral-200); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-active-on-level-1: var(--eds-color-neutral-200); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-hover-on-level-3: var(--eds-color-neutral-300); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-hover-on-level-2: var(--eds-color-neutral-300); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-hover-on-level-1: var(--eds-color-neutral-300); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-initial-on-level-3: var(--eds-color-neutral-100); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-initial-on-level-2: var(--eds-color-neutral-100); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-surface-initial-on-level-1: var(--eds-color-neutral-0); /* Table header, Table data grid header */ - --eds-table-header-color-interactive-border-disabled-on-level-3: var(--eds-color-neutral-300); - --eds-table-header-color-interactive-border-disabled-on-level-2: var(--eds-color-neutral-300); - --eds-table-header-color-interactive-border-disabled-on-level-1: var(--eds-color-neutral-300); - --eds-table-header-color-interactive-border-active-hover-on-level-3: var(--eds-color-moss-green-1300); - --eds-table-header-color-interactive-border-active-hover-on-level-2: var(--eds-color-moss-green-1300); - --eds-table-header-color-interactive-border-active-hover-on-level-1: var(--eds-color-moss-green-1300); - --eds-table-header-color-interactive-border-active-on-level-3: var(--eds-color-moss-green-1100); - --eds-table-header-color-interactive-border-active-on-level-2: var(--eds-color-moss-green-1100); - --eds-table-header-color-interactive-border-active-on-level-1: var(--eds-color-moss-green-1100); - --eds-table-header-color-interactive-border-hover-on-level-3: var(--eds-color-neutral-500); - --eds-table-header-color-interactive-border-hover-on-level-2: var(--eds-color-neutral-500); - --eds-table-header-color-interactive-border-hover-on-level-1: var(--eds-color-neutral-500); - --eds-table-header-color-interactive-border-initial-on-level-3: var(--eds-color-neutral-300); - --eds-table-header-color-interactive-border-initial-on-level-2: var(--eds-color-neutral-300); - --eds-table-header-color-interactive-border-initial-on-level-1: var(--eds-color-neutral-300); - --eds-table-header-color-interactive-icon-disabled-on-level-3: var(--eds-color-neutral-1300); - --eds-table-header-color-interactive-icon-disabled-on-level-2: var(--eds-color-neutral-900); - --eds-table-header-color-interactive-icon-disabled-on-level-1: var(--eds-color-neutral-900); - --eds-table-header-color-interactive-icon-active-hover-on-level-3: var(--eds-color-moss-green-1300); - --eds-table-header-color-interactive-icon-active-hover-on-level-2: var(--eds-color-moss-green-1300); - --eds-table-header-color-interactive-icon-active-hover-on-level-1: var(--eds-color-moss-green-1300); - --eds-table-header-color-interactive-icon-active-on-level-3: var(--eds-color-moss-green-1100); - --eds-table-header-color-interactive-icon-active-on-level-2: var(--eds-color-moss-green-1100); - --eds-table-header-color-interactive-icon-active-on-level-1: var(--eds-color-moss-green-1100); - --eds-table-header-color-interactive-icon-hover-on-level-3: var(--eds-color-neutral-1300); - --eds-table-header-color-interactive-icon-hover-on-level-2: var(--eds-color-neutral-1300); - --eds-table-header-color-interactive-icon-hover-on-level-1: var(--eds-color-neutral-1300); - --eds-table-header-color-interactive-icon-initial-on-level-3: var(--eds-color-neutral-1300); - --eds-table-header-color-interactive-icon-initial-on-level-2: var(--eds-color-neutral-900); - --eds-table-header-color-interactive-icon-initial-on-level-1: var(--eds-color-neutral-900); - --eds-table-header-color-interactive-text-disabled-on-level-3: var(--eds-color-neutral-500); - --eds-table-header-color-interactive-text-disabled-on-level-2: var(--eds-color-neutral-500); - --eds-table-header-color-interactive-text-disabled-on-level-1: var(--eds-color-neutral-500); - --eds-table-header-color-interactive-text-active-hover-on-level-3: var(--eds-color-moss-green-1300); - --eds-table-header-color-interactive-text-active-hover-on-level-2: var(--eds-color-moss-green-1300); - --eds-table-header-color-interactive-text-active-hover-on-level-1: var(--eds-color-moss-green-1300); - --eds-table-header-color-interactive-text-active-on-level-3: var(--eds-color-moss-green-1100); - --eds-table-header-color-interactive-text-active-on-level-2: var(--eds-color-moss-green-1100); - --eds-table-header-color-interactive-text-active-on-level-1: var(--eds-color-moss-green-1100); - --eds-table-header-color-interactive-text-hover-on-level-3: var(--eds-color-neutral-1300); - --eds-table-header-color-interactive-text-hover-on-level-2: var(--eds-color-neutral-1300); - --eds-table-header-color-interactive-text-hover-on-level-1: var(--eds-color-neutral-1300); - --eds-table-header-color-interactive-text-initial-on-level-3: var(--eds-color-neutral-1300); - --eds-table-header-color-interactive-text-initial-on-level-2: var(--eds-color-neutral-1300); - --eds-table-header-color-interactive-text-initial-on-level-1: var(--eds-color-neutral-1300); - --eds-table-cell-color-interactive-surface-disabled-on-level-3: rgba(255, 255, 255, 0); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-disabled-on-level-2: rgba(255, 255, 255, 0); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-disabled-on-level-1: rgba(255, 255, 255, 0); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-active-hover-on-level-3: var(--eds-color-moss-green-300); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-active-hover-on-level-2: var(--eds-color-moss-green-300); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-active-hover-on-level-1: var(--eds-color-moss-green-300); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-active-on-level-3: var(--eds-color-moss-green-200); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-active-on-level-2: var(--eds-color-moss-green-200); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-active-on-level-1: var(--eds-color-moss-green-200); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-hover-on-level-3: var(--eds-color-neutral-300); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-hover-on-level-2: var(--eds-color-neutral-300); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-hover-on-level-1: var(--eds-color-neutral-300); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-initial-on-level-3: rgba(255, 255, 255, 0); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-initial-on-level-2: rgba(255, 255, 255, 0); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-surface-initial-on-level-1: rgba(255, 255, 255, 0); /* Table cell, Table data grid cell */ - --eds-table-cell-color-interactive-border-disabled-on-level-3: var(--eds-color-neutral-300); /* Border on Table cell doesn't change from Initial state, only the text & the icon. */ - --eds-table-cell-color-interactive-border-disabled-on-level-2: var(--eds-color-neutral-300); /* Border on Table cell doesn't change from Initial state, only the text & the icon. */ - --eds-table-cell-color-interactive-border-disabled-on-level-1: var(--eds-color-neutral-300); /* Border on Table cell doesn't change from Initial state, only the text & the icon. */ - --eds-table-cell-color-interactive-border-active-hover-on-level-3: var(--eds-color-neutral-500); - --eds-table-cell-color-interactive-border-active-hover-on-level-2: var(--eds-color-neutral-500); - --eds-table-cell-color-interactive-border-active-hover-on-level-1: var(--eds-color-neutral-500); - --eds-table-cell-color-interactive-border-active-on-level-3: var(--eds-color-neutral-300); - --eds-table-cell-color-interactive-border-active-on-level-2: var(--eds-color-neutral-300); - --eds-table-cell-color-interactive-border-active-on-level-1: var(--eds-color-neutral-300); - --eds-table-cell-color-interactive-border-hover-on-level-3: var(--eds-color-neutral-500); - --eds-table-cell-color-interactive-border-hover-on-level-2: var(--eds-color-neutral-500); - --eds-table-cell-color-interactive-border-hover-on-level-1: var(--eds-color-neutral-500); - --eds-table-cell-color-interactive-border-initial-on-level-3: var(--eds-color-neutral-300); - --eds-table-cell-color-interactive-border-initial-on-level-2: var(--eds-color-neutral-300); - --eds-table-cell-color-interactive-border-initial-on-level-1: var(--eds-color-neutral-300); - --eds-table-cell-color-interactive-icon-disabled-on-level-3: var(--eds-color-neutral-500); - --eds-table-cell-color-interactive-icon-disabled-on-level-2: var(--eds-color-neutral-500); - --eds-table-cell-color-interactive-icon-disabled-on-level-1: var(--eds-color-neutral-500); - --eds-table-cell-color-interactive-icon-active-hover-on-level-3: var(--eds-color-moss-green-1300); /* Table cell, Table data grid cell, Table header, Table data grid header */ - --eds-table-cell-color-interactive-icon-active-hover-on-level-2: var(--eds-color-moss-green-1300); /* Table cell, Table data grid cell, Table header, Table data grid header */ - --eds-table-cell-color-interactive-icon-active-hover-on-level-1: var(--eds-color-moss-green-1300); /* Table cell, Table data grid cell, Table header, Table data grid header */ - --eds-table-cell-color-interactive-icon-active-on-level-3: var(--eds-color-moss-green-1100); /* Table cell, Table data grid cell, Table header, Table data grid header */ - --eds-table-cell-color-interactive-icon-active-on-level-2: var(--eds-color-moss-green-1100); /* Table cell, Table data grid cell, Table header, Table data grid header */ - --eds-table-cell-color-interactive-icon-active-on-level-1: var(--eds-color-moss-green-1100); /* Table cell, Table data grid cell, Table header, Table data grid header */ - --eds-table-cell-color-interactive-icon-hover-on-level-3: var(--eds-color-neutral-1400); /* Table cell, Table data grid cell, Table header, Table data grid header */ - --eds-table-cell-color-interactive-icon-hover-on-level-2: var(--eds-color-neutral-1400); /* Table cell, Table data grid cell, Table header, Table data grid header */ - --eds-table-cell-color-interactive-icon-hover-on-level-1: var(--eds-color-neutral-1400); /* Table cell, Table data grid cell, Table header, Table data grid header */ - --eds-table-cell-color-interactive-icon-initial-on-level-3: var(--eds-color-neutral-1100); /* Table cell, Table data grid cell, Table header, Table data grid header */ - --eds-table-cell-color-interactive-icon-initial-on-level-2: var(--eds-color-neutral-900); /* Table cell, Table data grid cell, Table header, Table data grid header */ - --eds-table-cell-color-interactive-icon-initial-on-level-1: var(--eds-color-neutral-900); /* Table cell, Table data grid cell, Table header, Table data grid header */ - --eds-table-cell-color-interactive-text-disabled-on-level-3: var(--eds-color-neutral-500); - --eds-table-cell-color-interactive-text-disabled-on-level-2: var(--eds-color-neutral-500); - --eds-table-cell-color-interactive-text-disabled-on-level-1: var(--eds-color-neutral-500); - --eds-table-cell-color-interactive-text-active-hover-on-level-3: var(--eds-color-neutral-1400); /* Interactive table cell, data grid cell */ - --eds-table-cell-color-interactive-text-active-hover-on-level-2: var(--eds-color-neutral-1400); /* Interactive table cell, data grid cell */ - --eds-table-cell-color-interactive-text-active-hover-on-level-1: var(--eds-color-neutral-1400); /* Interactive table cell, data grid cell */ - --eds-table-cell-color-interactive-text-active-on-level-3: var(--eds-color-neutral-1300); /* Interactive table cell, table data grid cell */ - --eds-table-cell-color-interactive-text-active-on-level-2: var(--eds-color-neutral-1300); /* Interactive table cell, table data grid cell */ - --eds-table-cell-color-interactive-text-active-on-level-1: var(--eds-color-neutral-1300); /* Interactive table cell, table data grid cell */ - --eds-table-cell-color-interactive-text-hover-on-level-3: var(--eds-color-neutral-1400); - --eds-table-cell-color-interactive-text-hover-on-level-2: var(--eds-color-neutral-1400); - --eds-table-cell-color-interactive-text-hover-on-level-1: var(--eds-color-neutral-1400); - --eds-table-cell-color-interactive-text-initial-on-level-3: var(--eds-color-neutral-1300); - --eds-table-cell-color-interactive-text-initial-on-level-2: var(--eds-color-neutral-1300); - --eds-table-cell-color-interactive-text-initial-on-level-1: var(--eds-color-neutral-1300); - --eds-table-cell-color-message-surface-error: var(--eds-color-red-warm-300); /* Table cell, Table data grid cell */ - --eds-input-label-color-icon-disabled: var(--eds-color-neutral-500); - --eds-input-label-color-icon-read-only: var(--eds-color-neutral-900); - --eds-input-label-color-icon-initial: var(--eds-color-neutral-900); - --eds-input-label-color-text-disabled: var(--eds-color-neutral-500); - --eds-input-label-color-text-read-only: var(--eds-color-neutral-900); - --eds-input-label-color-text-initial: var(--eds-color-neutral-900); - --eds-input-color-message-text-error-disabled: var(--eds-color-red-cold-900); /* Text field */ - --eds-input-color-message-text-error-read-only: var(--eds-color-red-cold-900); /* Text field */ - --eds-input-color-message-text-error-focus: var(--eds-color-red-cold-1200); /* Text field */ - --eds-input-color-message-text-error-initial: var(--eds-color-red-cold-900); /* Text field */ - --eds-input-color-message-text-warning-disabled: var(--eds-color-orange-800); /* Text field */ - --eds-input-color-message-text-warning-read-only: var(--eds-color-orange-800); /* Text field */ - --eds-input-color-message-text-warning-focus: var(--eds-color-orange-1200); /* Text field */ - --eds-input-color-message-text-warning-initial: var(--eds-color-orange-800); /* Text field */ - --eds-input-color-message-text-success-disabled: var(--eds-color-success-green-900); /* Text field */ - --eds-input-color-message-text-success-read-only: var(--eds-color-success-green-900); /* Text field */ - --eds-input-color-message-text-success-focus: var(--eds-color-lichen-green-1200); /* Text field */ - --eds-input-color-message-text-success-initial: var(--eds-color-success-green-900); /* Text field */ - --eds-input-color-message-icon-error-disabled: var(--eds-color-red-cold-900); /* Text field */ - --eds-input-color-message-icon-error-read-only: var(--eds-color-red-cold-900); /* Text field */ - --eds-input-color-message-icon-error-focus: var(--eds-color-red-cold-1200); /* Text field */ - --eds-input-color-message-icon-error-initial: var(--eds-color-red-cold-900); /* Text field */ - --eds-input-color-message-icon-warning-disabled: var(--eds-color-orange-800); /* Text field */ - --eds-input-color-message-icon-warning-read-only: var(--eds-color-orange-800); /* Text field */ - --eds-input-color-message-icon-warning-focus: var(--eds-color-orange-1200); /* Text field */ - --eds-input-color-message-icon-warning-initial: var(--eds-color-orange-800); /* Text field */ - --eds-input-color-message-icon-success-disabled: var(--eds-color-success-green-900); /* Text field */ - --eds-input-color-message-icon-success-read-only: var(--eds-color-success-green-900); /* Text field */ - --eds-input-color-message-icon-success-focus: var(--eds-color-lichen-green-1200); /* Text field */ - --eds-input-color-message-icon-success-initial: var(--eds-color-success-green-900); /* Text field */ - --eds-input-color-message-border-error-disabled: var(--eds-color-red-cold-900); /* Text field */ - --eds-input-color-message-border-error-read-only: var(--eds-color-red-cold-900); /* Text field */ - --eds-input-color-message-border-error-focus: var(--eds-color-red-cold-1200); /* Text field */ - --eds-input-color-message-border-error-initial: var(--eds-color-red-cold-900); /* Text field */ - --eds-input-color-message-border-warning-disabled: var(--eds-color-orange-800); /* Text field */ - --eds-input-color-message-border-warning-read-only: var(--eds-color-orange-800); /* Text field */ - --eds-input-color-message-border-warning-focus: var(--eds-color-orange-1200); /* Text field */ - --eds-input-color-message-border-warning-initial: var(--eds-color-orange-800); /* Text field */ - --eds-input-color-message-border-success-disabled: var(--eds-color-success-green-900); /* Text field */ - --eds-input-color-message-border-success-read-only: var(--eds-color-success-green-900); /* Text field */ - --eds-input-color-message-border-success-focus: var(--eds-color-lichen-green-1200); /* Text field */ - --eds-input-color-message-border-success-initial: var(--eds-color-success-green-900); /* Text field */ - --eds-input-color-surface-read-only-on-level-3: rgba(255, 255, 255, 0); - --eds-input-color-surface-read-only-on-level-2: rgba(255, 255, 255, 0); - --eds-input-color-surface-read-only-on-level-1: rgba(255, 255, 255, 0); - --eds-input-color-surface-disabled-on-level-3: var(--eds-color-neutral-100); - --eds-input-color-surface-disabled-on-level-2: var(--eds-color-neutral-100); /* Autocomplete, Search, Table input, Text field input */ - --eds-input-color-surface-disabled-on-level-1: var(--eds-color-neutral-0); /* Autocomplete, Search, Table input, Text field input */ - --eds-input-color-surface-initial-on-level-3: var(--eds-color-neutral-100); - --eds-input-color-surface-initial-on-level-2: var(--eds-color-neutral-100); /* Autocomplete, Search, Table input, Text field input */ - --eds-input-color-surface-initial-on-level-1: var(--eds-color-neutral-0); /* Autocomplete, Search, Table input, Text field input */ - --eds-input-color-border-disabled: rgba(255, 255, 255, 0); /* Autocomplete, Search, Text field */ - --eds-input-color-border-focus: var(--eds-color-moss-green-1100); /* Autocomplete, Search, Text field */ - --eds-input-color-border-read-only: var(--eds-color-neutral-600); /* Autocomplete, Text field */ - --eds-input-color-border-initial: var(--eds-color-neutral-600); /* Autocomplete, Text field */ - --eds-input-color-icon-disabled: var(--eds-color-neutral-500); /* Autocomplete, Table input, Search, Text field */ - --eds-input-color-icon-focus: var(--eds-color-neutral-1300); /* Autocomplete, Table input, Search, Text field */ - --eds-input-color-icon-read-only: var(--eds-color-neutral-1100); /* Autocomplete, Table input, Text field */ - --eds-input-color-icon-initial: var(--eds-color-neutral-1100); /* Autocomplete, Table input, Text field */ - --eds-input-color-text-disabled: var(--eds-color-neutral-500); /* Autocomplete, Table input, Search, Text field */ - --eds-input-color-text-focus: var(--eds-color-neutral-1300); /* Autocomplete, Table input, Search, Text field */ - --eds-input-color-text-read-only: var(--eds-color-neutral-1100); /* Autocomplete, Table input, Text field */ - --eds-input-color-text-initial: var(--eds-color-neutral-1100); /* Autocomplete, Table input, Text field */ - --eds-input-helper-color-message-icon-error-disabled: var(--eds-color-neutral-500); - --eds-input-helper-color-message-icon-error-read-only: var(--eds-color-red-cold-1200); - --eds-input-helper-color-message-icon-error-focus: var(--eds-color-red-cold-1200); - --eds-input-helper-color-message-icon-error-initial: var(--eds-color-red-cold-1200); - --eds-input-helper-color-message-icon-warning-disabled: var(--eds-color-neutral-500); - --eds-input-helper-color-message-icon-warning-read-only: var(--eds-color-orange-1200); - --eds-input-helper-color-message-icon-warning-focus: var(--eds-color-orange-1200); - --eds-input-helper-color-message-icon-warning-initial: var(--eds-color-orange-1200); - --eds-input-helper-color-message-icon-success-disabled: var(--eds-color-neutral-500); - --eds-input-helper-color-message-icon-success-read-only: var(--eds-color-lichen-green-1200); - --eds-input-helper-color-message-icon-success-focus: var(--eds-color-lichen-green-1200); - --eds-input-helper-color-message-icon-success-initial: var(--eds-color-lichen-green-1200); - --eds-input-helper-color-message-icon-info-disabled: var(--eds-color-neutral-500); - --eds-input-helper-color-message-icon-info-read-only: var(--eds-color-blue-sky-1200); - --eds-input-helper-color-message-icon-info-focus: var(--eds-color-blue-sky-1200); - --eds-input-helper-color-message-icon-info-initial: var(--eds-color-blue-sky-1200); - --eds-input-helper-color-message-text-error-disabled: var(--eds-color-neutral-500); - --eds-input-helper-color-message-text-error-read-only: var(--eds-color-red-cold-1200); - --eds-input-helper-color-message-text-error-focus: var(--eds-color-red-cold-1200); - --eds-input-helper-color-message-text-error-initial: var(--eds-color-red-cold-1200); - --eds-input-helper-color-message-text-warning-disabled: var(--eds-color-neutral-500); - --eds-input-helper-color-message-text-warning-read-only: var(--eds-color-orange-1200); - --eds-input-helper-color-message-text-warning-focus: var(--eds-color-orange-1200); - --eds-input-helper-color-message-text-warning-initial: var(--eds-color-orange-1200); - --eds-input-helper-color-message-text-success-disabled: var(--eds-color-neutral-500); - --eds-input-helper-color-message-text-success-read-only: var(--eds-color-lichen-green-1200); - --eds-input-helper-color-message-text-success-focus: var(--eds-color-lichen-green-1200); - --eds-input-helper-color-message-text-success-initial: var(--eds-color-lichen-green-1200); - --eds-input-helper-color-message-text-info-disabled: var(--eds-color-neutral-500); - --eds-input-helper-color-message-text-info-read-only: var(--eds-color-blue-sky-1200); - --eds-input-helper-color-message-text-info-focus: var(--eds-color-blue-sky-1200); - --eds-input-helper-color-message-text-info-initial: var(--eds-color-blue-sky-1200); - --eds-input-helper-color-icon-disabled: var(--eds-color-neutral-500); /* Autocomplete, Table input, Search, Text field */ - --eds-input-helper-color-icon-read-only: var(--eds-color-neutral-900); /* Autocomplete, Table input, Text field */ - --eds-input-helper-color-icon-focus: var(--eds-color-neutral-900); /* Autocomplete, Table input, Text field */ - --eds-input-helper-color-icon-initial: var(--eds-color-neutral-900); /* Autocomplete, Table input, Text field */ - --eds-input-helper-color-text-disabled: var(--eds-color-neutral-500); /* Autocomplete, Table input, Search, Text field */ - --eds-input-helper-color-text-read-only: var(--eds-color-neutral-900); /* Autocomplete, Table input, Text field */ - --eds-input-helper-color-text-focus: var(--eds-color-neutral-900); /* Autocomplete, Table input, Text field */ - --eds-input-helper-color-text-initial: var(--eds-color-neutral-900); /* Autocomplete, Table input, Text field */ - --eds-input-placeholder-color-text: var(--eds-color-neutral-800); /* Autocomplete, Table input, Search, Text field */ - --eds-input-asterix-color-text: var(--eds-color-red-cold-900); /* Autocomplete, Text field */ - --eds-color-message-surface-callout-error: var(--eds-color-red-warm-300); /* Banner */ - --eds-color-message-surface-callout-warning: var(--eds-color-spruce-wood-200); /* Banner */ - --eds-color-message-surface-callout-success: var(--eds-color-lichen-green-200); /* Chip */ - --eds-color-message-surface-callout-info: var(--eds-color-mist-blue-muted-300); /* Chip */ - --eds-color-message-surface-raised-error-hover: var(--eds-color-red-warm-200); /* Chip */ - --eds-color-message-surface-raised-error-initial: var(--eds-color-red-warm-200); /* Chip */ - --eds-color-message-surface-raised-warning-hover: var(--eds-color-spruce-wood-100); /* Chip */ - --eds-color-message-surface-raised-warning-initial: var(--eds-color-spruce-wood-100); /* Chip */ - --eds-color-message-surface-raised-success-hover: var(--eds-color-lichen-green-100); /* Chip */ - --eds-color-message-surface-raised-success-initial: var(--eds-color-lichen-green-100); /* Chip */ - --eds-color-message-surface-raised-info-hover: var(--eds-color-mist-blue-muted-200); /* Chip */ - --eds-color-message-surface-raised-info-initial: var(--eds-color-mist-blue-muted-200); /* Chip */ - --eds-color-message-surface-standard-error-on-level-3: var(--eds-color-red-warm-300); /* Card */ - --eds-color-message-surface-standard-error-on-level-2: var(--eds-color-red-warm-300); /* Card */ - --eds-color-message-surface-standard-error-on-level-1: var(--eds-color-red-warm-300); /* Card */ - --eds-color-message-surface-standard-warning-on-level-3: var(--eds-color-spruce-wood-200); /* Card */ - --eds-color-message-surface-standard-warning-on-level-2: var(--eds-color-spruce-wood-200); /* Card */ - --eds-color-message-surface-standard-warning-on-level-1: var(--eds-color-spruce-wood-200); /* Card */ - --eds-color-message-surface-standard-success-on-level-3: var(--eds-color-lichen-green-200); /* Card */ - --eds-color-message-surface-standard-success-on-level-2: var(--eds-color-lichen-green-200); /* Card */ - --eds-color-message-surface-standard-success-on-level-1: var(--eds-color-lichen-green-200); /* Card */ - --eds-color-message-surface-standard-info-on-level-3: var(--eds-color-mist-blue-muted-300); /* Card */ - --eds-color-message-surface-standard-info-on-level-2: var(--eds-color-mist-blue-muted-300); /* Card */ - --eds-color-message-surface-standard-info-on-level-1: var(--eds-color-mist-blue-muted-300); /* Card */ - --eds-color-message-border-callout-error: var(--eds-color-red-warm-300); /* Banner */ - --eds-color-message-border-callout-warning: var(--eds-color-spruce-wood-200); /* Banner */ - --eds-color-message-border-callout-success: var(--eds-color-lichen-green-200); /* Banner */ - --eds-color-message-border-callout-info: var(--eds-color-mist-blue-muted-300); /* Banner */ - --eds-color-message-border-raised-error-hover: var(--eds-color-red-cold-1300); /* Chip */ - --eds-color-message-border-raised-error-initial: var(--eds-color-red-cold-900); /* Chip */ - --eds-color-message-border-raised-warning-hover: var(--eds-color-orange-1300); /* Chip */ - --eds-color-message-border-raised-warning-initial: var(--eds-color-orange-800); /* Chip */ - --eds-color-message-border-raised-success-hover: var(--eds-color-success-green-1300); /* Chip */ - --eds-color-message-border-raised-success-initial: var(--eds-color-success-green-900); /* Chip */ - --eds-color-message-border-raised-info-hover: var(--eds-color-blue-ocean-1300); /* Chip */ - --eds-color-message-border-raised-info-initial: var(--eds-color-blue-sky-1000); /* Chip */ - --eds-color-message-border-standard-error: var(--eds-color-red-warm-300); /* Card */ - --eds-color-message-border-standard-warning: var(--eds-color-spruce-wood-200); /* Card */ - --eds-color-message-border-standard-success: var(--eds-color-lichen-green-200); /* Card */ - --eds-color-message-border-standard-info: var(--eds-color-mist-blue-muted-300); /* Card */ - --eds-color-message-icon-callout-error: var(--eds-color-red-cold-1200); /* Banner */ - --eds-color-message-icon-callout-warning: var(--eds-color-orange-1200); /* Banner */ - --eds-color-message-icon-callout-success: var(--eds-color-lichen-green-1200); /* Banner */ - --eds-color-message-icon-callout-info: var(--eds-color-blue-sky-1200); /* Banner */ - --eds-color-message-icon-raised-error-hover: var(--eds-color-red-cold-1300); /* Deprecated - Chip. Use icon/message. */ - --eds-color-message-icon-raised-error-initial: var(--eds-color-red-cold-1200); /* Deprecated - Chip. Use icon/message. */ - --eds-color-message-icon-raised-warning-hover: var(--eds-color-orange-1300); /* Deprecated - Chip. Use icon/message. */ - --eds-color-message-icon-raised-warning-initial: var(--eds-color-orange-1200); /* Deprecated - Chip. Use icon/message. */ - --eds-color-message-icon-raised-success-hover: var(--eds-color-success-green-1300); /* Deprecated - Chip. Use icon/message. */ - --eds-color-message-icon-raised-success-initial: var(--eds-color-lichen-green-1200); /* Deprecated - Chip. Use icon/message. */ - --eds-color-message-icon-raised-info-hover: var(--eds-color-blue-ocean-1300); /* Deprecated - Chip. Use icon/message. */ - --eds-color-message-icon-raised-info-initial: var(--eds-color-blue-sky-1200); /* Deprecated - Chip. Use icon/message. */ - --eds-color-message-icon-standard-error: var(--eds-color-red-cold-1200); /* Deprecated - Card. Use icon/message. */ - --eds-color-message-icon-standard-warning: var(--eds-color-orange-1200); /* Deprecated - Card. Use icon/message. */ - --eds-color-message-icon-standard-success: var(--eds-color-lichen-green-1200); /* Deprecated - Card. Use icon/message. */ - --eds-color-message-icon-standard-info: var(--eds-color-blue-sky-1200); /* Deprecated - Card. Use icon/message. */ - --eds-color-message-text-callout-error: var(--eds-color-red-cold-1200); /* Banner */ - --eds-color-message-text-callout-warning: var(--eds-color-orange-1200); /* Banner */ - --eds-color-message-text-callout-success: var(--eds-color-lichen-green-1200); /* Banner */ - --eds-color-message-text-callout-info: var(--eds-color-blue-sky-1200); /* Banner */ - --eds-color-message-text-raised-error-hover: var(--eds-color-red-cold-1300); /* Chip */ - --eds-color-message-text-raised-error-initial: var(--eds-color-red-cold-1200); /* Chip, Card, input helper */ - --eds-color-message-text-raised-warning-hover: var(--eds-color-orange-1300); /* Chip */ - --eds-color-message-text-raised-warning-initial: var(--eds-color-orange-1200); /* Chip, Card, input helper */ - --eds-color-message-text-raised-success-hover: var(--eds-color-success-green-1300); /* Chip */ - --eds-color-message-text-raised-success-initial: var(--eds-color-lichen-green-1200); /* Chip, Card, input helper */ - --eds-color-message-text-raised-info-hover: var(--eds-color-blue-ocean-1300); /* Chip */ - --eds-color-message-text-raised-info-initial: var(--eds-color-blue-sky-1200); /* Chip, Card, input helper */ - --eds-color-message-text-standard-error: var(--eds-color-message-text-raised-error-initial); /* Deprecated - Card. Use text/message. */ - --eds-color-message-text-standard-warning: var(--eds-color-message-text-raised-warning-initial); /* Deprecated - Card. Use text/message. */ - --eds-color-message-text-standard-success: var(--eds-color-message-text-raised-success-initial); /* Deprecated - Card. Use text/message. */ - --eds-color-message-text-standard-info: var(--eds-color-message-text-raised-info-initial); /* Deprecated - Card. Use text/message. */ - --eds-color-action-surface-danger-tertiary-disabled: rgba(255, 255, 255, 0); /* Button */ - --eds-color-action-surface-danger-tertiary-hover: var(--eds-color-red-warm-300); /* Button */ - --eds-color-action-surface-danger-tertiary-initial: rgba(255, 255, 255, 0); /* Button */ - --eds-color-action-surface-danger-secondary-disabled: rgba(255, 255, 255, 0); /* Button */ - --eds-color-action-surface-danger-secondary-hover: var(--eds-color-red-warm-300); /* Button */ - --eds-color-action-surface-danger-secondary-initial: rgba(255, 255, 255, 0); /* Button */ - --eds-color-action-surface-danger-primary-disabled: var(--eds-color-neutral-200); /* Button */ - --eds-color-action-surface-danger-primary-hover: var(--eds-color-red-cold-1200); /* Button */ - --eds-color-action-surface-danger-primary-initial: var(--eds-color-red-cold-900); /* Button */ - --eds-color-action-surface-muted-tertiary-disabled: rgba(255, 255, 255, 0); /* Button */ - --eds-color-action-surface-muted-tertiary-hover: var(--eds-color-neutral-300); /* Button */ - --eds-color-action-surface-muted-tertiary-initial: rgba(255, 255, 255, 0); /* Button */ - --eds-color-action-surface-muted-secondary-disabled: rgba(255, 255, 255, 0); /* Button */ - --eds-color-action-surface-muted-secondary-hover: var(--eds-color-neutral-300); /* Button */ - --eds-color-action-surface-muted-secondary-initial: rgba(255, 255, 255, 0); /* Button */ - --eds-color-action-surface-muted-primary-disabled: var(--eds-color-neutral-200); /* Button */ - --eds-color-action-surface-muted-primary-hover: var(--eds-color-neutral-1100); /* Button */ - --eds-color-action-surface-muted-primary-initial: var(--eds-color-neutral-900); /* Button */ - --eds-color-action-surface-standard-tertiary-hover: var(--eds-color-moss-green-200); /* Button, Ghost button, Toggle button */ - --eds-color-action-surface-standard-tertiary-initial: rgba(255, 255, 255, 0); /* Button, Ghost button, Toggle button */ - --eds-color-action-surface-standard-tertiary-disabled: rgba(255, 255, 255, 0); /* Button */ - --eds-color-action-surface-standard-secondary-hover: var(--eds-color-moss-green-200); /* Button, Ghost button, Toggle button */ - --eds-color-action-surface-standard-secondary-initial: rgba(255, 255, 255, 0); /* Button, Ghost button, Toggle button */ - --eds-color-action-surface-standard-secondary-disabled: rgba(255, 255, 255, 0); /* Button */ - --eds-color-action-surface-standard-primary-hover: var(--eds-color-moss-green-1300); /* Button, Toggle button */ - --eds-color-action-surface-standard-primary-initial: var(--eds-color-moss-green-1100); /* Button, Toggle button */ - --eds-color-action-surface-standard-primary-disabled: var(--eds-color-neutral-200); /* Button */ - --eds-color-action-border-danger-tertiary-disabled: rgba(255, 255, 255, 0); /* Button */ - --eds-color-action-border-danger-tertiary-hover: rgba(255, 255, 255, 0); - --eds-color-action-border-danger-tertiary-initial: rgba(255, 255, 255, 0); - --eds-color-action-border-danger-secondary-disabled: var(--eds-color-neutral-200); /* Button */ - --eds-color-action-border-danger-secondary-hover: var(--eds-color-red-cold-1200); /* Button */ - --eds-color-action-border-danger-secondary-initial: var(--eds-color-red-cold-900); /* Button */ - --eds-color-action-border-danger-primary-disabled: var(--eds-color-neutral-200); /* Button */ - --eds-color-action-border-danger-primary-hover: var(--eds-color-red-cold-1200); /* Button */ - --eds-color-action-border-danger-primary-initial: var(--eds-color-red-cold-900); /* Button */ - --eds-color-action-border-muted-tertiary-disabled: rgba(255, 255, 255, 0); /* Button */ - --eds-color-action-border-muted-tertiary-hover: rgba(255, 255, 255, 0); - --eds-color-action-border-muted-tertiary-initial: rgba(255, 255, 255, 0); - --eds-color-action-border-muted-secondary-disabled: var(--eds-color-neutral-200); /* Button */ - --eds-color-action-border-muted-secondary-hover: var(--eds-color-neutral-1100); /* Button */ - --eds-color-action-border-muted-secondary-initial: var(--eds-color-neutral-900); /* Button */ - --eds-color-action-border-muted-primary-disabled: var(--eds-color-neutral-200); /* Button */ - --eds-color-action-border-muted-primary-hover: var(--eds-color-neutral-1100); /* Button */ - --eds-color-action-border-muted-primary-initial: var(--eds-color-neutral-900); /* Button */ - --eds-color-action-border-standard-tertiary-hover: rgba(255, 255, 255, 0); - --eds-color-action-border-standard-tertiary-initial: rgba(255, 255, 255, 0); - --eds-color-action-border-standard-tertiary-disabled: rgba(255, 255, 255, 0); - --eds-color-action-border-standard-secondary-hover: var(--eds-color-moss-green-1300); /* Button, Toggle button */ - --eds-color-action-border-standard-secondary-initial: var(--eds-color-moss-green-1100); /* Button, Toggle button */ - --eds-color-action-border-standard-secondary-disabled: var(--eds-color-neutral-400); /* Button */ - --eds-color-action-border-standard-primary-hover: var(--eds-color-moss-green-1300); /* Button, Toggle button */ - --eds-color-action-border-standard-primary-initial: var(--eds-color-moss-green-1100); /* Button, Toggle button */ - --eds-color-action-border-standard-primary-disabled: var(--eds-color-neutral-200); /* Button */ - --eds-color-action-border-secondary-disabled: var(--eds-color-neutral-400); /* Button */ - --eds-color-action-icon-danger-tertiary-hover: var(--eds-color-red-cold-1200); /* Button */ - --eds-color-action-icon-danger-tertiary-initial: var(--eds-color-red-cold-900); /* Button */ - --eds-color-action-icon-danger-tertiary-disabled: var(--eds-color-neutral-500); - --eds-color-action-icon-danger-secondary-hover: var(--eds-color-red-cold-1200); /* Button */ - --eds-color-action-icon-danger-secondary-initial: var(--eds-color-red-cold-900); /* Button */ - --eds-color-action-icon-danger-secondary-disabled: var(--eds-color-neutral-500); - --eds-color-action-icon-danger-primary-hover: var(--eds-color-neutral-0); /* Button */ - --eds-color-action-icon-danger-primary-initial: var(--eds-color-neutral-0); /* Button */ - --eds-color-action-icon-danger-primary-disabled: var(--eds-color-neutral-500); - --eds-color-action-icon-muted-secondary-hover: var(--eds-color-neutral-1100); /* Button */ - --eds-color-action-icon-muted-secondary-initial: var(--eds-color-neutral-900); /* Button */ - --eds-color-action-icon-muted-secondary-disabled: var(--eds-color-neutral-500); - --eds-color-action-icon-muted-tertiary-hover: var(--eds-color-neutral-1100); /* Button */ - --eds-color-action-icon-muted-tertiary-initial: var(--eds-color-neutral-900); /* Button */ - --eds-color-action-icon-muted-tertiary-disabled: var(--eds-color-neutral-500); - --eds-color-action-icon-muted-primary-hover: var(--eds-color-neutral-0); /* Button */ - --eds-color-action-icon-muted-primary-initial: var(--eds-color-neutral-0); /* Button */ - --eds-color-action-icon-muted-primary-disabled: var(--eds-color-neutral-500); - --eds-color-action-icon-standard-tertiary-hover: var(--eds-color-moss-green-1300); /* Button */ - --eds-color-action-icon-standard-tertiary-initial: var(--eds-color-moss-green-1100); /* Button */ - --eds-color-action-icon-standard-tertiary-disabled: var(--eds-color-neutral-500); - --eds-color-action-icon-standard-secondary-hover: var(--eds-color-moss-green-1300); /* Button */ - --eds-color-action-icon-standard-secondary-initial: var(--eds-color-moss-green-1100); /* Button */ - --eds-color-action-icon-standard-secondary-disabled: var(--eds-color-neutral-500); - --eds-color-action-icon-standard-primary-hover: var(--eds-color-neutral-0); /* Button */ - --eds-color-action-icon-standard-primary-initial: var(--eds-color-neutral-0); /* Button */ - --eds-color-action-icon-standard-primary-disabled: var(--eds-color-neutral-500); - --eds-color-action-text-danger-tertiary-hover: var(--eds-color-red-cold-1200); /* Button */ - --eds-color-action-text-danger-tertiary-initial: var(--eds-color-red-cold-900); /* Button */ - --eds-color-action-text-danger-tertiary-disabled: var(--eds-color-neutral-500); /* Button */ - --eds-color-action-text-danger-secondary-hover: var(--eds-color-red-cold-1200); /* Button */ - --eds-color-action-text-danger-secondary-initial: var(--eds-color-red-cold-900); /* Button */ - --eds-color-action-text-danger-secondary-disabled: var(--eds-color-neutral-500); /* Button */ - --eds-color-action-text-danger-primary-hover: var(--eds-color-neutral-0); /* Button */ - --eds-color-action-text-danger-primary-initial: var(--eds-color-neutral-0); /* Button */ - --eds-color-action-text-danger-primary-disabled: var(--eds-color-neutral-500); /* Button */ - --eds-color-action-text-muted-tertiary-hover: var(--eds-color-neutral-1100); /* Button */ - --eds-color-action-text-muted-tertiary-initial: var(--eds-color-neutral-900); /* Button */ - --eds-color-action-text-muted-tertiary-disabled: var(--eds-color-neutral-500); /* Button */ - --eds-color-action-text-muted-secondary-hover: var(--eds-color-neutral-1100); /* Button */ - --eds-color-action-text-muted-secondary-initial: var(--eds-color-neutral-900); /* Button */ - --eds-color-action-text-muted-secondary-disabled: var(--eds-color-neutral-500); /* Button */ - --eds-color-action-text-muted-primary-hover: var(--eds-color-neutral-0); /* Button */ - --eds-color-action-text-muted-primary-initial: var(--eds-color-neutral-0); /* Button */ - --eds-color-action-text-muted-primary-disabled: var(--eds-color-neutral-500); /* Button */ - --eds-color-action-text-standard-tertiary-hover: var(--eds-color-moss-green-1300); /* Button, Toggle button */ - --eds-color-action-text-standard-tertiary-initial: var(--eds-color-moss-green-1100); /* Button */ - --eds-color-action-text-standard-tertiary-disabled: var(--eds-color-neutral-500); /* Button */ - --eds-color-action-text-standard-secondary-hover: var(--eds-color-moss-green-1300); /* Button, Toggle button */ - --eds-color-action-text-standard-secondary-initial: var(--eds-color-moss-green-1100); /* Button */ - --eds-color-action-text-standard-secondary-disabled: var(--eds-color-neutral-500); /* Button */ - --eds-color-action-text-standard-primary-hover: var(--eds-color-neutral-0); /* Button */ - --eds-color-action-text-standard-primary-initial: var(--eds-color-neutral-0); /* Button */ - --eds-color-action-text-standard-primary-disabled: var(--eds-color-neutral-500); /* Button */ - --eds-color-action-text-primary-disabled: var(--eds-color-neutral-500); /* Button */ - --eds-color-interactive-surface-raised-active-hover: var(--eds-color-moss-green-100); /* Interactive Chip */ - --eds-color-interactive-surface-raised-active: var(--eds-color-moss-green-100); /* Interactive Chip */ - --eds-color-interactive-surface-raised-hover: var(--eds-color-neutral-200); /* Interactive Chip */ - --eds-color-interactive-surface-raised-initial: var(--eds-color-neutral-200); /* Interactive Chip */ - --eds-color-interactive-surface-raised-disabled: var(--eds-color-neutral-200); /* Interactive Chip (disabled) */ - --eds-color-interactive-surface-standard-quaternary-active-hover: var(--eds-color-moss-green-300); /* Sidebar link */ - --eds-color-interactive-surface-standard-quaternary-active: rgba(255, 255, 255, 0); /* Tab */ - --eds-color-interactive-surface-standard-quaternary-hover: var(--eds-color-neutral-300); /* Tab */ - --eds-color-interactive-surface-standard-quaternary-initial: rgba(255, 255, 255, 0); /* Tab */ - --eds-color-interactive-surface-standard-quaternary-disabled: rgba(255, 255, 255, 0); /* Tab */ - --eds-color-interactive-surface-standard-tertiary-active-hover: var(--eds-color-moss-green-300); /* Sidebar link */ - --eds-color-interactive-surface-standard-tertiary-active: var(--eds-color-moss-green-200); /* Sidebar link */ - --eds-color-interactive-surface-standard-tertiary-hover: var(--eds-color-neutral-300); /* Sidebar link */ - --eds-color-interactive-surface-standard-tertiary-initial: rgba(255, 255, 255, 0); /* Sidebar link */ - --eds-color-interactive-surface-standard-tertiary-disabled: rgba(255, 255, 255, 0); /* Sidebar link */ - --eds-color-interactive-surface-standard-secondary-active-hover: var(--eds-color-moss-green-300); /* Sidebar menu */ - --eds-color-interactive-surface-standard-secondary-active: var(--eds-color-moss-green-200); /* Sidebar menu */ - --eds-color-interactive-surface-standard-secondary-hover: var(--eds-color-neutral-300); /* Sidebar menu */ - --eds-color-interactive-surface-standard-secondary-initial: rgba(255, 255, 255, 0); /* Sidebar menu */ - --eds-color-interactive-surface-standard-secondary-disabled: rgba(255, 255, 255, 0); /* Sidebar menu */ - --eds-color-interactive-surface-standard-primary-active-hover: var(--eds-color-moss-green-1300); /* Toggle button */ - --eds-color-interactive-surface-standard-primary-active: var(--eds-color-moss-green-1100); /* Toggle button */ - --eds-color-interactive-surface-standard-primary-hover: var(--eds-color-neutral-300); /* Toggle button */ - --eds-color-interactive-surface-standard-primary-initial: rgba(255, 255, 255, 0); /* Toggle button */ - --eds-color-interactive-surface-standard-primary-disabled-filled: var(--eds-color-neutral-200); /* Toggle button */ - --eds-color-interactive-surface-standard-primary-disabled-outlined: rgba(255, 255, 255, 0); /* Toggle button */ - --eds-color-interactive-border-raised-active-hover: var(--eds-color-moss-green-1100); /* Chip */ - --eds-color-interactive-border-raised-active: var(--eds-color-moss-green-400); /* Chip */ - --eds-color-interactive-border-raised-hover: var(--eds-color-neutral-1100); /* Chip */ - --eds-color-interactive-border-raised-initial: var(--eds-color-neutral-300); /* Chip */ - --eds-color-interactive-border-raised-disabled: var(--eds-color-neutral-300); /* Chip */ - --eds-color-interactive-border-standard-quaternary-active-hover: var(--eds-color-moss-green-1300); /* Tab */ - --eds-color-interactive-border-standard-quaternary-active: var(--eds-color-moss-green-1100); /* Tab */ - --eds-color-interactive-border-standard-quaternary-hover: var(--eds-color-neutral-500); /* Tab */ - --eds-color-interactive-border-standard-quaternary-initial: var(--eds-color-neutral-300); /* Tab */ - --eds-color-interactive-border-standard-quaternary-disabled: var(--eds-color-neutral-300); /* Tab */ - --eds-color-interactive-border-standard-tertiary-active-hover: var(--eds-color-moss-green-1300); /* Sidebar menu */ - --eds-color-interactive-border-standard-tertiary-active: var(--eds-color-moss-green-1100); /* Sidebar menu */ - --eds-color-interactive-border-standard-tertiary-hover: var(--eds-color-neutral-100); /* Tab */ - --eds-color-interactive-border-standard-tertiary-initial: var(--eds-color-neutral-100); /* Sidebar menu */ - --eds-color-interactive-border-standard-tertiary-disabled: var(--eds-color-neutral-100); /* Sidebar menu */ - --eds-color-interactive-border-standard-secondary-active-hover: rgba(255, 255, 255, 0); /* Sidebar menu */ - --eds-color-interactive-border-standard-secondary-active: rgba(255, 255, 255, 0); /* Sidebar menu */ - --eds-color-interactive-border-standard-secondary-hover: rgba(255, 255, 255, 0); /* Sidebar menu */ - --eds-color-interactive-border-standard-secondary-initial: rgba(255, 255, 255, 0); /* Sidebar menu */ + --eds-color-shadow: rgba(0, 0, 0, 0.14); /* For use in box shadows */ --eds-color-interactive-border-standard-secondary-disabled: rgba(255, 255, 255, 0); /* Sidebar menu */ - --eds-color-interactive-border-standard-primary-active-hover: var(--eds-color-moss-green-1100); /* Toggle button */ - --eds-color-interactive-border-standard-primary-active: var(--eds-color-moss-green-1100); /* Toggle button */ - --eds-color-interactive-border-standard-primary-hover: var(--eds-color-neutral-900); /* Toggle button */ - --eds-color-interactive-border-standard-primary-initial: var(--eds-color-neutral-900); /* Toggle button */ - --eds-color-interactive-border-standard-primary-disabled: var(--eds-color-neutral-300); /* Toggle button */ - --eds-color-interactive-icon-raised-active-hover: var(--eds-color-moss-green-1300); /* Chip */ - --eds-color-interactive-icon-raised-active: var(--eds-color-moss-green-1100); /* Chip */ - --eds-color-interactive-icon-raised-hover: var(--eds-color-neutral-1300); /* Chip */ - --eds-color-interactive-icon-raised-initial: var(--eds-color-neutral-1100); /* Chip */ - --eds-color-interactive-icon-raised-disabled: var(--eds-color-neutral-500); /* Chip */ - --eds-color-interactive-icon-standard-quaternary-active-hover: var(--eds-color-moss-green-1300); /* Toggle button */ - --eds-color-interactive-icon-standard-quaternary-active: var(--eds-color-moss-green-1100); /* Toggle button */ - --eds-color-interactive-icon-standard-quaternary-hover: var(--eds-color-neutral-1100); /* Toggle button */ - --eds-color-interactive-icon-standard-quaternary-initial: var(--eds-color-neutral-900); /* Toggle button */ - --eds-color-interactive-icon-standard-quaternary-disabled: var(--eds-color-neutral-500); /* Disabled Toggle button */ - --eds-color-interactive-icon-standard-tertiary-active-hover: var(--eds-color-moss-green-1300); /* Sidebar menu */ - --eds-color-interactive-icon-standard-tertiary-active: var(--eds-color-moss-green-1100); /* Sidebar menu */ - --eds-color-interactive-icon-standard-tertiary-hover: var(--eds-color-neutral-1100); /* Sidebar menu */ - --eds-color-interactive-icon-standard-tertiary-initial: var(--eds-color-neutral-900); /* Sidebar menu */ - --eds-color-interactive-icon-standard-tertiary-disabled: var(--eds-color-neutral-500); /* Sidebar menu */ - --eds-color-interactive-icon-standard-secondary-active-hover: var(--eds-color-moss-green-1300); /* Sidebar link */ - --eds-color-interactive-icon-standard-secondary-active: var(--eds-color-moss-green-1100); /* Sidebar link */ - --eds-color-interactive-icon-standard-secondary-hover: var(--eds-color-neutral-1100); /* Sidebar link */ - --eds-color-interactive-icon-standard-secondary-initial: var(--eds-color-neutral-900); /* Sidebar link */ - --eds-color-interactive-icon-standard-secondary-disabled: var(--eds-color-neutral-500); /* Sidebar link */ - --eds-color-interactive-icon-standard-primary-active-hover: var(--eds-color-neutral-0); /* Toggle button */ - --eds-color-interactive-icon-standard-primary-active: var(--eds-color-neutral-0); /* Toggle button */ - --eds-color-interactive-icon-standard-primary-hover: var(--eds-color-neutral-900); /* Toggle button */ - --eds-color-interactive-icon-standard-primary-initial: var(--eds-color-neutral-900); /* Toggle button */ - --eds-color-interactive-icon-standard-primary-disabled: var(--eds-color-neutral-500); /* Disabled Toggle button */ - --eds-color-interactive-text-raised-active-hover: var(--eds-color-moss-green-1300); /* Chip */ - --eds-color-interactive-text-raised-active: var(--eds-color-moss-green-1100); /* Chip */ - --eds-color-interactive-text-raised-hover: var(--eds-color-neutral-1300); /* Chip */ - --eds-color-interactive-text-raised-initial: var(--eds-color-neutral-1100); /* Chip */ - --eds-color-interactive-text-raised-disabled: var(--eds-color-neutral-500); /* Chip */ - --eds-color-interactive-text-standard-quaternary-active-hover: var(--eds-color-moss-green-1300); /* Tab */ - --eds-color-interactive-text-standard-quaternary-active: var(--eds-color-moss-green-1100); /* Tab */ - --eds-color-interactive-text-standard-quaternary-hover: var(--eds-color-neutral-1100); /* Tab */ - --eds-color-interactive-text-standard-quaternary-initial: var(--eds-color-neutral-900); /* Tab */ - --eds-color-interactive-text-standard-quaternary-disabled: var(--eds-color-neutral-500); /* Disabled Tab */ - --eds-color-interactive-text-standard-tertiary-active-hover: var(--eds-color-moss-green-1300); /* Sidebar link */ - --eds-color-interactive-text-standard-tertiary-active: var(--eds-color-moss-green-1100); /* Sidebar link */ - --eds-color-interactive-text-standard-tertiary-hover: var(--eds-color-neutral-1100); /* Sidebar link */ - --eds-color-interactive-text-standard-tertiary-initial: var(--eds-color-neutral-900); /* Sidebar link */ - --eds-color-interactive-text-standard-tertiary-disabled: var(--eds-color-neutral-500); /* Disabled Sidebar link */ - --eds-color-interactive-text-standard-secondary-active-hover: var(--eds-color-moss-green-1300); /* Sidebar link */ - --eds-color-interactive-text-standard-secondary-active: var(--eds-color-moss-green-1100); /* Sidebar link */ - --eds-color-interactive-text-standard-secondary-hover: var(--eds-color-neutral-1100); /* Sidebar link */ - --eds-color-interactive-text-standard-secondary-initial: var(--eds-color-neutral-900); /* Sidebar link */ - --eds-color-interactive-text-standard-secondary-disabled: var(--eds-color-neutral-500); /* Disabled Sidebar link */ - --eds-color-interactive-text-standard-primary-active-hover: var(--eds-color-neutral-0); /* Toggle button */ - --eds-color-interactive-text-standard-primary-active: var(--eds-color-neutral-0); /* Toggle button */ - --eds-color-interactive-text-standard-primary-hover: var(--eds-color-neutral-1100); /* Toggle button */ - --eds-color-interactive-text-standard-primary-initial: var(--eds-color-neutral-900); /* Toggle button */ - --eds-color-interactive-text-standard-primary-disabled: var(--eds-color-neutral-500); /* Disabled Toggle button */ - --eds-color-static-surface-standard-on-level-3: var(--eds-color-neutral-0); - --eds-color-static-surface-standard-on-level-2: var(--eds-color-neutral-0); - --eds-color-static-surface-standard-on-level-1: var(--eds-color-neutral-0); - --eds-color-static-surface-inverted: var(--eds-color-surface-inverted-on-light); - --eds-color-static-surface-raised: var(--eds-color-neutral-200); - --eds-color-static-border-standard-on-level-3: var(--eds-color-neutral-0); - --eds-color-static-border-standard-on-level-2: var(--eds-color-neutral-0); - --eds-color-static-border-standard-on-level-1: var(--eds-color-neutral-0); - --eds-color-static-border-inverted: var(--eds-color-border-inverted-on-light); - --eds-color-static-border-raised: var(--eds-color-neutral-300); - --eds-color-static-icon-standard-maximal: var(--eds-color-icon-maximal-on-light); - --eds-color-static-icon-standard-secondary: var(--eds-color-icon-secondary-on-light); - --eds-color-static-icon-standard-primary: var(--eds-color-icon-primary-on-light); - --eds-color-static-icon-inverted: var(--eds-color-icon-inverted-on-light); + --eds-color-interactive-border-standard-secondary-initial: rgba(255, 255, 255, 0); /* Sidebar menu */ + --eds-color-interactive-border-standard-secondary-hover: rgba(255, 255, 255, 0); /* Sidebar menu */ + --eds-color-interactive-border-standard-secondary-active: rgba(255, 255, 255, 0); /* Sidebar menu */ + --eds-color-interactive-border-standard-secondary-active-hover: rgba(255, 255, 255, 0); /* Sidebar menu */ + --eds-color-interactive-surface-standard-primary-disabled-outlined: rgba(255, 255, 255, 0); /* Toggle button */ + --eds-color-interactive-surface-standard-primary-initial: rgba(255, 255, 255, 0); /* Toggle button */ + --eds-color-interactive-surface-standard-secondary-disabled: rgba(255, 255, 255, 0); /* Sidebar menu */ + --eds-color-interactive-surface-standard-secondary-initial: rgba(255, 255, 255, 0); /* Sidebar menu */ + --eds-color-interactive-surface-standard-tertiary-disabled: rgba(255, 255, 255, 0); /* Sidebar link */ + --eds-color-interactive-surface-standard-tertiary-initial: rgba(255, 255, 255, 0); /* Sidebar link */ + --eds-color-interactive-surface-standard-quaternary-disabled: rgba(255, 255, 255, 0); /* Tab */ + --eds-color-interactive-surface-standard-quaternary-initial: rgba(255, 255, 255, 0); /* Tab */ + --eds-color-interactive-surface-standard-quaternary-active: rgba(255, 255, 255, 0); /* Tab */ + --eds-color-action-border-standard-tertiary-disabled: rgba(255, 255, 255, 0); + --eds-color-action-border-standard-tertiary-initial: rgba(255, 255, 255, 0); + --eds-color-action-border-standard-tertiary-hover: rgba(255, 255, 255, 0); + --eds-color-action-border-muted-tertiary-initial: rgba(255, 255, 255, 0); + --eds-color-action-border-muted-tertiary-hover: rgba(255, 255, 255, 0); + --eds-color-action-border-muted-tertiary-disabled: rgba(255, 255, 255, 0); /* Button */ + --eds-color-action-border-danger-tertiary-initial: rgba(255, 255, 255, 0); + --eds-color-action-border-danger-tertiary-hover: rgba(255, 255, 255, 0); + --eds-color-action-border-danger-tertiary-disabled: rgba(255, 255, 255, 0); /* Button */ + --eds-color-action-surface-standard-secondary-disabled: rgba(255, 255, 255, 0); /* Button */ + --eds-color-action-surface-standard-secondary-initial: rgba(255, 255, 255, 0); /* Button, Ghost button, Toggle button */ + --eds-color-action-surface-standard-tertiary-disabled: rgba(255, 255, 255, 0); /* Button */ + --eds-color-action-surface-standard-tertiary-initial: rgba(255, 255, 255, 0); /* Button, Ghost button, Toggle button */ + --eds-color-action-surface-muted-secondary-initial: rgba(255, 255, 255, 0); /* Button */ + --eds-color-action-surface-muted-secondary-disabled: rgba(255, 255, 255, 0); /* Button */ + --eds-color-action-surface-muted-tertiary-initial: rgba(255, 255, 255, 0); /* Button */ + --eds-color-action-surface-muted-tertiary-disabled: rgba(255, 255, 255, 0); /* Button */ + --eds-color-action-surface-danger-secondary-initial: rgba(255, 255, 255, 0); /* Button */ + --eds-color-action-surface-danger-secondary-disabled: rgba(255, 255, 255, 0); /* Button */ + --eds-color-action-surface-danger-tertiary-initial: rgba(255, 255, 255, 0); /* Button */ + --eds-color-action-surface-danger-tertiary-disabled: rgba(255, 255, 255, 0); /* Button */ + --eds-input-color-border-disabled: rgba(255, 255, 255, 0); /* Autocomplete, Search, Text field */ + --eds-input-color-surface-read-only-on-level-1: rgba(255, 255, 255, 0); + --eds-input-color-surface-read-only-on-level-2: rgba(255, 255, 255, 0); + --eds-input-color-surface-read-only-on-level-3: rgba(255, 255, 255, 0); + --eds-table-cell-color-interactive-surface-initial-on-level-1: rgba(255, 255, 255, 0); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-initial-on-level-2: rgba(255, 255, 255, 0); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-initial-on-level-3: rgba(255, 255, 255, 0); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-disabled-on-level-1: rgba(255, 255, 255, 0); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-disabled-on-level-2: rgba(255, 255, 255, 0); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-disabled-on-level-3: rgba(255, 255, 255, 0); /* Table cell, Table data grid cell */ + --eds-table-header-color-interactive-surface-disabled-on-level-1: rgba(255, 255, 255, 0); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-disabled-on-level-2: rgba(255, 255, 255, 0); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-disabled-on-level-3: rgba(255, 255, 255, 0); /* Table header, Table data grid header */ + --eds-ui-scrim-color-surface: rgba(0, 0, 0, 0.4); /* Scrim */ + --eds-color-static-text-raised: var(--eds-color-moss-green-1100); --eds-color-static-icon-raised: var(--eds-color-moss-green-1100); - --eds-color-static-text-standard-maximal: var(--eds-color-text-maximal-on-light); - --eds-color-static-text-standard-secondary: var(--eds-color-text-secondary-on-light); - --eds-color-static-text-standard-primary: var(--eds-color-text-primary-on-light); + --eds-color-static-border-raised: var(--eds-color-neutral-300); + --eds-color-static-border-inverted: var(--eds-color-border-inverted-on-light); + --eds-color-static-border-standard-on-level-1: var(--eds-color-neutral-0); + --eds-color-static-border-standard-on-level-2: var(--eds-color-neutral-0); + --eds-color-static-border-standard-on-level-3: var(--eds-color-neutral-0); + --eds-color-static-surface-raised: var(--eds-color-neutral-200); + --eds-color-static-surface-inverted: var(--eds-color-surface-inverted-on-light); + --eds-color-static-surface-standard-on-level-1: var(--eds-color-neutral-0); + --eds-color-static-surface-standard-on-level-2: var(--eds-color-neutral-0); + --eds-color-static-surface-standard-on-level-3: var(--eds-color-neutral-0); + --eds-color-interactive-text-standard-primary-disabled: var(--eds-color-neutral-500); /* Disabled Toggle button */ + --eds-color-interactive-text-standard-primary-initial: var(--eds-color-neutral-900); /* Toggle button */ + --eds-color-interactive-text-standard-primary-hover: var(--eds-color-neutral-1100); /* Toggle button */ + --eds-color-interactive-text-standard-primary-active: var(--eds-color-neutral-0); /* Toggle button */ + --eds-color-interactive-text-standard-primary-active-hover: var(--eds-color-neutral-0); /* Toggle button */ + --eds-color-interactive-text-standard-secondary-disabled: var(--eds-color-neutral-500); /* Disabled Sidebar link */ + --eds-color-interactive-text-standard-secondary-initial: var(--eds-color-neutral-900); /* Sidebar link */ + --eds-color-interactive-text-standard-secondary-hover: var(--eds-color-neutral-1100); /* Sidebar link */ + --eds-color-interactive-text-standard-secondary-active: var(--eds-color-moss-green-1100); /* Sidebar link */ + --eds-color-interactive-text-standard-secondary-active-hover: var(--eds-color-moss-green-1300); /* Sidebar link */ + --eds-color-interactive-text-standard-tertiary-disabled: var(--eds-color-neutral-500); /* Disabled Sidebar link */ + --eds-color-interactive-text-standard-tertiary-initial: var(--eds-color-neutral-900); /* Sidebar link */ + --eds-color-interactive-text-standard-tertiary-hover: var(--eds-color-neutral-1100); /* Sidebar link */ + --eds-color-interactive-text-standard-tertiary-active: var(--eds-color-moss-green-1100); /* Sidebar link */ + --eds-color-interactive-text-standard-tertiary-active-hover: var(--eds-color-moss-green-1300); /* Sidebar link */ + --eds-color-interactive-text-standard-quaternary-disabled: var(--eds-color-neutral-500); /* Disabled Tab */ + --eds-color-interactive-text-standard-quaternary-initial: var(--eds-color-neutral-900); /* Tab */ + --eds-color-interactive-text-standard-quaternary-hover: var(--eds-color-neutral-1100); /* Tab */ + --eds-color-interactive-text-standard-quaternary-active: var(--eds-color-moss-green-1100); /* Tab */ + --eds-color-interactive-text-standard-quaternary-active-hover: var(--eds-color-moss-green-1300); /* Tab */ + --eds-color-interactive-text-raised-disabled: var(--eds-color-neutral-500); /* Chip */ + --eds-color-interactive-text-raised-initial: var(--eds-color-neutral-1100); /* Chip */ + --eds-color-interactive-text-raised-hover: var(--eds-color-neutral-1300); /* Chip */ + --eds-color-interactive-text-raised-active: var(--eds-color-moss-green-1100); /* Chip */ + --eds-color-interactive-text-raised-active-hover: var(--eds-color-moss-green-1300); /* Chip */ + --eds-color-interactive-icon-standard-primary-disabled: var(--eds-color-neutral-500); /* Disabled Toggle button */ + --eds-color-interactive-icon-standard-primary-initial: var(--eds-color-neutral-900); /* Toggle button */ + --eds-color-interactive-icon-standard-primary-hover: var(--eds-color-neutral-900); /* Toggle button */ + --eds-color-interactive-icon-standard-primary-active: var(--eds-color-neutral-0); /* Toggle button */ + --eds-color-interactive-icon-standard-primary-active-hover: var(--eds-color-neutral-0); /* Toggle button */ + --eds-color-interactive-icon-standard-secondary-disabled: var(--eds-color-neutral-500); /* Sidebar link */ + --eds-color-interactive-icon-standard-secondary-initial: var(--eds-color-neutral-900); /* Sidebar link */ + --eds-color-interactive-icon-standard-secondary-hover: var(--eds-color-neutral-1100); /* Sidebar link */ + --eds-color-interactive-icon-standard-secondary-active: var(--eds-color-moss-green-1100); /* Sidebar link */ + --eds-color-interactive-icon-standard-secondary-active-hover: var(--eds-color-moss-green-1300); /* Sidebar link */ + --eds-color-interactive-icon-standard-tertiary-disabled: var(--eds-color-neutral-500); /* Sidebar menu */ + --eds-color-interactive-icon-standard-tertiary-initial: var(--eds-color-neutral-900); /* Sidebar menu */ + --eds-color-interactive-icon-standard-tertiary-hover: var(--eds-color-neutral-1100); /* Sidebar menu */ + --eds-color-interactive-icon-standard-tertiary-active: var(--eds-color-moss-green-1100); /* Sidebar menu */ + --eds-color-interactive-icon-standard-tertiary-active-hover: var(--eds-color-moss-green-1300); /* Sidebar menu */ + --eds-color-interactive-icon-standard-quaternary-disabled: var(--eds-color-neutral-500); /* Disabled Toggle button */ + --eds-color-interactive-icon-standard-quaternary-initial: var(--eds-color-neutral-900); /* Toggle button */ + --eds-color-interactive-icon-standard-quaternary-hover: var(--eds-color-neutral-1100); /* Toggle button */ + --eds-color-interactive-icon-standard-quaternary-active: var(--eds-color-moss-green-1100); /* Toggle button */ + --eds-color-interactive-icon-standard-quaternary-active-hover: var(--eds-color-moss-green-1300); /* Toggle button */ + --eds-color-interactive-icon-raised-disabled: var(--eds-color-neutral-500); /* Chip */ + --eds-color-interactive-icon-raised-initial: var(--eds-color-neutral-1100); /* Chip */ + --eds-color-interactive-icon-raised-hover: var(--eds-color-neutral-1300); /* Chip */ + --eds-color-interactive-icon-raised-active: var(--eds-color-moss-green-1100); /* Chip */ + --eds-color-interactive-icon-raised-active-hover: var(--eds-color-moss-green-1300); /* Chip */ + --eds-color-interactive-border-standard-primary-disabled: var(--eds-color-neutral-300); /* Toggle button */ + --eds-color-interactive-border-standard-primary-initial: var(--eds-color-neutral-900); /* Toggle button */ + --eds-color-interactive-border-standard-primary-hover: var(--eds-color-neutral-900); /* Toggle button */ + --eds-color-interactive-border-standard-primary-active: var(--eds-color-moss-green-1100); /* Toggle button */ + --eds-color-interactive-border-standard-primary-active-hover: var(--eds-color-moss-green-1100); /* Toggle button */ + --eds-color-interactive-border-standard-tertiary-disabled: var(--eds-color-neutral-100); /* Sidebar menu */ + --eds-color-interactive-border-standard-tertiary-initial: var(--eds-color-neutral-100); /* Sidebar menu */ + --eds-color-interactive-border-standard-tertiary-hover: var(--eds-color-neutral-100); /* Tab */ + --eds-color-interactive-border-standard-tertiary-active: var(--eds-color-moss-green-1100); /* Sidebar menu */ + --eds-color-interactive-border-standard-tertiary-active-hover: var(--eds-color-moss-green-1300); /* Sidebar menu */ + --eds-color-interactive-border-standard-quaternary-disabled: var(--eds-color-neutral-300); /* Tab */ + --eds-color-interactive-border-standard-quaternary-initial: var(--eds-color-neutral-300); /* Tab */ + --eds-color-interactive-border-standard-quaternary-hover: var(--eds-color-neutral-500); /* Tab */ + --eds-color-interactive-border-standard-quaternary-active: var(--eds-color-moss-green-1100); /* Tab */ + --eds-color-interactive-border-standard-quaternary-active-hover: var(--eds-color-moss-green-1300); /* Tab */ + --eds-color-interactive-border-raised-disabled: var(--eds-color-neutral-300); /* Chip */ + --eds-color-interactive-border-raised-initial: var(--eds-color-neutral-300); /* Chip */ + --eds-color-interactive-border-raised-hover: var(--eds-color-neutral-1100); /* Chip */ + --eds-color-interactive-border-raised-active: var(--eds-color-moss-green-400); /* Chip */ + --eds-color-interactive-border-raised-active-hover: var(--eds-color-moss-green-1100); /* Chip */ + --eds-color-interactive-surface-standard-primary-disabled-filled: var(--eds-color-neutral-200); /* Toggle button */ + --eds-color-interactive-surface-standard-primary-hover: var(--eds-color-neutral-300); /* Toggle button */ + --eds-color-interactive-surface-standard-primary-active: var(--eds-color-moss-green-1100); /* Toggle button */ + --eds-color-interactive-surface-standard-primary-active-hover: var(--eds-color-moss-green-1300); /* Toggle button */ + --eds-color-interactive-surface-standard-secondary-hover: var(--eds-color-neutral-300); /* Sidebar menu */ + --eds-color-interactive-surface-standard-secondary-active: var(--eds-color-moss-green-200); /* Sidebar menu */ + --eds-color-interactive-surface-standard-secondary-active-hover: var(--eds-color-moss-green-300); /* Sidebar menu */ + --eds-color-interactive-surface-standard-tertiary-hover: var(--eds-color-neutral-300); /* Sidebar link */ + --eds-color-interactive-surface-standard-tertiary-active: var(--eds-color-moss-green-200); /* Sidebar link */ + --eds-color-interactive-surface-standard-tertiary-active-hover: var(--eds-color-moss-green-300); /* Sidebar link */ + --eds-color-interactive-surface-standard-quaternary-hover: var(--eds-color-neutral-300); /* Tab */ + --eds-color-interactive-surface-standard-quaternary-active-hover: var(--eds-color-moss-green-300); /* Sidebar link */ + --eds-color-interactive-surface-raised-disabled: var(--eds-color-neutral-200); /* Interactive Chip (disabled) */ + --eds-color-interactive-surface-raised-initial: var(--eds-color-neutral-200); /* Interactive Chip */ + --eds-color-interactive-surface-raised-hover: var(--eds-color-neutral-200); /* Interactive Chip */ + --eds-color-interactive-surface-raised-active: var(--eds-color-moss-green-100); /* Interactive Chip */ + --eds-color-interactive-surface-raised-active-hover: var(--eds-color-moss-green-100); /* Interactive Chip */ + --eds-color-action-text-primary-disabled: var(--eds-color-neutral-500); /* Button */ + --eds-color-action-text-standard-primary-disabled: var(--eds-color-neutral-500); /* Button */ + --eds-color-action-text-standard-primary-initial: var(--eds-color-neutral-0); /* Button */ + --eds-color-action-text-standard-primary-hover: var(--eds-color-neutral-0); /* Button */ + --eds-color-action-text-standard-secondary-disabled: var(--eds-color-neutral-500); /* Button */ + --eds-color-action-text-standard-secondary-initial: var(--eds-color-moss-green-1100); /* Button */ + --eds-color-action-text-standard-secondary-hover: var(--eds-color-moss-green-1300); /* Button, Toggle button */ + --eds-color-action-text-standard-tertiary-disabled: var(--eds-color-neutral-500); /* Button */ + --eds-color-action-text-standard-tertiary-initial: var(--eds-color-moss-green-1100); /* Button */ + --eds-color-action-text-standard-tertiary-hover: var(--eds-color-moss-green-1300); /* Button, Toggle button */ + --eds-color-action-text-muted-primary-disabled: var(--eds-color-neutral-500); /* Button */ + --eds-color-action-text-muted-primary-initial: var(--eds-color-neutral-0); /* Button */ + --eds-color-action-text-muted-primary-hover: var(--eds-color-neutral-0); /* Button */ + --eds-color-action-text-muted-secondary-disabled: var(--eds-color-neutral-500); /* Button */ + --eds-color-action-text-muted-secondary-initial: var(--eds-color-neutral-900); /* Button */ + --eds-color-action-text-muted-secondary-hover: var(--eds-color-neutral-1100); /* Button */ + --eds-color-action-text-muted-tertiary-disabled: var(--eds-color-neutral-500); /* Button */ + --eds-color-action-text-muted-tertiary-initial: var(--eds-color-neutral-900); /* Button */ + --eds-color-action-text-muted-tertiary-hover: var(--eds-color-neutral-1100); /* Button */ + --eds-color-action-text-danger-primary-disabled: var(--eds-color-neutral-500); /* Button */ + --eds-color-action-text-danger-primary-initial: var(--eds-color-neutral-0); /* Button */ + --eds-color-action-text-danger-primary-hover: var(--eds-color-neutral-0); /* Button */ + --eds-color-action-text-danger-secondary-disabled: var(--eds-color-neutral-500); /* Button */ + --eds-color-action-text-danger-secondary-initial: var(--eds-color-red-cold-900); /* Button */ + --eds-color-action-text-danger-secondary-hover: var(--eds-color-red-cold-1200); /* Button */ + --eds-color-action-text-danger-tertiary-disabled: var(--eds-color-neutral-500); /* Button */ + --eds-color-action-text-danger-tertiary-initial: var(--eds-color-red-cold-900); /* Button */ + --eds-color-action-text-danger-tertiary-hover: var(--eds-color-red-cold-1200); /* Button */ + --eds-color-action-icon-standard-primary-disabled: var(--eds-color-neutral-500); + --eds-color-action-icon-standard-primary-initial: var(--eds-color-neutral-0); /* Button */ + --eds-color-action-icon-standard-primary-hover: var(--eds-color-neutral-0); /* Button */ + --eds-color-action-icon-standard-secondary-disabled: var(--eds-color-neutral-500); + --eds-color-action-icon-standard-secondary-initial: var(--eds-color-moss-green-1100); /* Button */ + --eds-color-action-icon-standard-secondary-hover: var(--eds-color-moss-green-1300); /* Button */ + --eds-color-action-icon-standard-tertiary-disabled: var(--eds-color-neutral-500); + --eds-color-action-icon-standard-tertiary-initial: var(--eds-color-moss-green-1100); /* Button */ + --eds-color-action-icon-standard-tertiary-hover: var(--eds-color-moss-green-1300); /* Button */ + --eds-color-action-icon-muted-primary-disabled: var(--eds-color-neutral-500); + --eds-color-action-icon-muted-primary-initial: var(--eds-color-neutral-0); /* Button */ + --eds-color-action-icon-muted-primary-hover: var(--eds-color-neutral-0); /* Button */ + --eds-color-action-icon-muted-tertiary-disabled: var(--eds-color-neutral-500); + --eds-color-action-icon-muted-tertiary-initial: var(--eds-color-neutral-900); /* Button */ + --eds-color-action-icon-muted-tertiary-hover: var(--eds-color-neutral-1100); /* Button */ + --eds-color-action-icon-muted-secondary-disabled: var(--eds-color-neutral-500); + --eds-color-action-icon-muted-secondary-initial: var(--eds-color-neutral-900); /* Button */ + --eds-color-action-icon-muted-secondary-hover: var(--eds-color-neutral-1100); /* Button */ + --eds-color-action-icon-danger-primary-disabled: var(--eds-color-neutral-500); + --eds-color-action-icon-danger-primary-initial: var(--eds-color-neutral-0); /* Button */ + --eds-color-action-icon-danger-primary-hover: var(--eds-color-neutral-0); /* Button */ + --eds-color-action-icon-danger-secondary-disabled: var(--eds-color-neutral-500); + --eds-color-action-icon-danger-secondary-initial: var(--eds-color-red-cold-900); /* Button */ + --eds-color-action-icon-danger-secondary-hover: var(--eds-color-red-cold-1200); /* Button */ + --eds-color-action-icon-danger-tertiary-disabled: var(--eds-color-neutral-500); + --eds-color-action-icon-danger-tertiary-initial: var(--eds-color-red-cold-900); /* Button */ + --eds-color-action-icon-danger-tertiary-hover: var(--eds-color-red-cold-1200); /* Button */ + --eds-color-action-border-secondary-disabled: var(--eds-color-neutral-400); /* Button */ + --eds-color-action-border-standard-primary-disabled: var(--eds-color-neutral-200); /* Button */ + --eds-color-action-border-standard-primary-initial: var(--eds-color-moss-green-1100); /* Button, Toggle button */ + --eds-color-action-border-standard-primary-hover: var(--eds-color-moss-green-1300); /* Button, Toggle button */ + --eds-color-action-border-standard-secondary-disabled: var(--eds-color-neutral-400); /* Button */ + --eds-color-action-border-standard-secondary-initial: var(--eds-color-moss-green-1100); /* Button, Toggle button */ + --eds-color-action-border-standard-secondary-hover: var(--eds-color-moss-green-1300); /* Button, Toggle button */ + --eds-color-action-border-muted-primary-initial: var(--eds-color-neutral-900); /* Button */ + --eds-color-action-border-muted-primary-hover: var(--eds-color-neutral-1100); /* Button */ + --eds-color-action-border-muted-primary-disabled: var(--eds-color-neutral-200); /* Button */ + --eds-color-action-border-muted-secondary-initial: var(--eds-color-neutral-900); /* Button */ + --eds-color-action-border-muted-secondary-hover: var(--eds-color-neutral-1100); /* Button */ + --eds-color-action-border-muted-secondary-disabled: var(--eds-color-neutral-200); /* Button */ + --eds-color-action-border-danger-primary-initial: var(--eds-color-red-cold-900); /* Button */ + --eds-color-action-border-danger-primary-hover: var(--eds-color-red-cold-1200); /* Button */ + --eds-color-action-border-danger-primary-disabled: var(--eds-color-neutral-200); /* Button */ + --eds-color-action-border-danger-secondary-initial: var(--eds-color-red-cold-900); /* Button */ + --eds-color-action-border-danger-secondary-hover: var(--eds-color-red-cold-1200); /* Button */ + --eds-color-action-border-danger-secondary-disabled: var(--eds-color-neutral-200); /* Button */ + --eds-color-action-surface-standard-primary-disabled: var(--eds-color-neutral-200); /* Button */ + --eds-color-action-surface-standard-primary-initial: var(--eds-color-moss-green-1100); /* Button, Toggle button */ + --eds-color-action-surface-standard-primary-hover: var(--eds-color-moss-green-1300); /* Button, Toggle button */ + --eds-color-action-surface-standard-secondary-hover: var(--eds-color-moss-green-200); /* Button, Ghost button, Toggle button */ + --eds-color-action-surface-standard-tertiary-hover: var(--eds-color-moss-green-200); /* Button, Ghost button, Toggle button */ + --eds-color-action-surface-muted-primary-initial: var(--eds-color-neutral-900); /* Button */ + --eds-color-action-surface-muted-primary-hover: var(--eds-color-neutral-1100); /* Button */ + --eds-color-action-surface-muted-primary-disabled: var(--eds-color-neutral-200); /* Button */ + --eds-color-action-surface-muted-secondary-hover: var(--eds-color-neutral-300); /* Button */ + --eds-color-action-surface-muted-tertiary-hover: var(--eds-color-neutral-300); /* Button */ + --eds-color-action-surface-danger-primary-initial: var(--eds-color-red-cold-900); /* Button */ + --eds-color-action-surface-danger-primary-hover: var(--eds-color-red-cold-1200); /* Button */ + --eds-color-action-surface-danger-primary-disabled: var(--eds-color-neutral-200); /* Button */ + --eds-color-action-surface-danger-secondary-hover: var(--eds-color-red-warm-300); /* Button */ + --eds-color-action-surface-danger-tertiary-hover: var(--eds-color-red-warm-300); /* Button */ + --eds-color-message-text-raised-info-initial: var(--eds-color-blue-sky-1200); /* Chip, Card, input helper */ + --eds-color-message-text-raised-info-hover: var(--eds-color-blue-ocean-1300); /* Chip */ + --eds-color-message-text-raised-success-initial: var(--eds-color-lichen-green-1200); /* Chip, Card, input helper */ + --eds-color-message-text-raised-success-hover: var(--eds-color-success-green-1300); /* Chip */ + --eds-color-message-text-raised-warning-initial: var(--eds-color-orange-1200); /* Chip, Card, input helper */ + --eds-color-message-text-raised-warning-hover: var(--eds-color-orange-1300); /* Chip */ + --eds-color-message-text-raised-error-initial: var(--eds-color-red-cold-1200); /* Chip, Card, input helper */ + --eds-color-message-text-raised-error-hover: var(--eds-color-red-cold-1300); /* Chip */ + --eds-color-message-text-callout-info: var(--eds-color-blue-sky-1200); /* Banner */ + --eds-color-message-text-callout-success: var(--eds-color-lichen-green-1200); /* Banner */ + --eds-color-message-text-callout-warning: var(--eds-color-orange-1200); /* Banner */ + --eds-color-message-text-callout-error: var(--eds-color-red-cold-1200); /* Banner */ + --eds-color-message-icon-standard-info: var(--eds-color-blue-sky-1200); /* Deprecated - Card. Use icon/message. */ + --eds-color-message-icon-standard-success: var(--eds-color-lichen-green-1200); /* Deprecated - Card. Use icon/message. */ + --eds-color-message-icon-standard-warning: var(--eds-color-orange-1200); /* Deprecated - Card. Use icon/message. */ + --eds-color-message-icon-standard-error: var(--eds-color-red-cold-1200); /* Deprecated - Card. Use icon/message. */ + --eds-color-message-icon-raised-info-initial: var(--eds-color-blue-sky-1200); /* Deprecated - Chip. Use icon/message. */ + --eds-color-message-icon-raised-info-hover: var(--eds-color-blue-ocean-1300); /* Deprecated - Chip. Use icon/message. */ + --eds-color-message-icon-raised-success-initial: var(--eds-color-lichen-green-1200); /* Deprecated - Chip. Use icon/message. */ + --eds-color-message-icon-raised-success-hover: var(--eds-color-success-green-1300); /* Deprecated - Chip. Use icon/message. */ + --eds-color-message-icon-raised-warning-initial: var(--eds-color-orange-1200); /* Deprecated - Chip. Use icon/message. */ + --eds-color-message-icon-raised-warning-hover: var(--eds-color-orange-1300); /* Deprecated - Chip. Use icon/message. */ + --eds-color-message-icon-raised-error-initial: var(--eds-color-red-cold-1200); /* Deprecated - Chip. Use icon/message. */ + --eds-color-message-icon-raised-error-hover: var(--eds-color-red-cold-1300); /* Deprecated - Chip. Use icon/message. */ + --eds-color-message-icon-callout-info: var(--eds-color-blue-sky-1200); /* Banner */ + --eds-color-message-icon-callout-success: var(--eds-color-lichen-green-1200); /* Banner */ + --eds-color-message-icon-callout-warning: var(--eds-color-orange-1200); /* Banner */ + --eds-color-message-icon-callout-error: var(--eds-color-red-cold-1200); /* Banner */ + --eds-color-message-border-standard-info: var(--eds-color-mist-blue-muted-300); /* Card */ + --eds-color-message-border-standard-success: var(--eds-color-lichen-green-200); /* Card */ + --eds-color-message-border-standard-warning: var(--eds-color-spruce-wood-200); /* Card */ + --eds-color-message-border-standard-error: var(--eds-color-red-warm-300); /* Card */ + --eds-color-message-border-raised-info-initial: var(--eds-color-blue-sky-1000); /* Chip */ + --eds-color-message-border-raised-info-hover: var(--eds-color-blue-ocean-1300); /* Chip */ + --eds-color-message-border-raised-success-initial: var(--eds-color-success-green-900); /* Chip */ + --eds-color-message-border-raised-success-hover: var(--eds-color-success-green-1300); /* Chip */ + --eds-color-message-border-raised-warning-initial: var(--eds-color-orange-800); /* Chip */ + --eds-color-message-border-raised-warning-hover: var(--eds-color-orange-1300); /* Chip */ + --eds-color-message-border-raised-error-initial: var(--eds-color-red-cold-900); /* Chip */ + --eds-color-message-border-raised-error-hover: var(--eds-color-red-cold-1300); /* Chip */ + --eds-color-message-border-callout-info: var(--eds-color-mist-blue-muted-300); /* Banner */ + --eds-color-message-border-callout-success: var(--eds-color-lichen-green-200); /* Banner */ + --eds-color-message-border-callout-warning: var(--eds-color-spruce-wood-200); /* Banner */ + --eds-color-message-border-callout-error: var(--eds-color-red-warm-300); /* Banner */ + --eds-color-message-surface-standard-info-on-level-1: var(--eds-color-mist-blue-muted-300); /* Card */ + --eds-color-message-surface-standard-info-on-level-2: var(--eds-color-mist-blue-muted-300); /* Card */ + --eds-color-message-surface-standard-info-on-level-3: var(--eds-color-mist-blue-muted-300); /* Card */ + --eds-color-message-surface-standard-success-on-level-1: var(--eds-color-lichen-green-200); /* Card */ + --eds-color-message-surface-standard-success-on-level-2: var(--eds-color-lichen-green-200); /* Card */ + --eds-color-message-surface-standard-success-on-level-3: var(--eds-color-lichen-green-200); /* Card */ + --eds-color-message-surface-standard-warning-on-level-1: var(--eds-color-spruce-wood-200); /* Card */ + --eds-color-message-surface-standard-warning-on-level-2: var(--eds-color-spruce-wood-200); /* Card */ + --eds-color-message-surface-standard-warning-on-level-3: var(--eds-color-spruce-wood-200); /* Card */ + --eds-color-message-surface-standard-error-on-level-1: var(--eds-color-red-warm-300); /* Card */ + --eds-color-message-surface-standard-error-on-level-2: var(--eds-color-red-warm-300); /* Card */ + --eds-color-message-surface-standard-error-on-level-3: var(--eds-color-red-warm-300); /* Card */ + --eds-color-message-surface-raised-info-initial: var(--eds-color-mist-blue-muted-200); /* Chip */ + --eds-color-message-surface-raised-info-hover: var(--eds-color-mist-blue-muted-200); /* Chip */ + --eds-color-message-surface-raised-success-initial: var(--eds-color-lichen-green-100); /* Chip */ + --eds-color-message-surface-raised-success-hover: var(--eds-color-lichen-green-100); /* Chip */ + --eds-color-message-surface-raised-warning-initial: var(--eds-color-spruce-wood-100); /* Chip */ + --eds-color-message-surface-raised-warning-hover: var(--eds-color-spruce-wood-100); /* Chip */ + --eds-color-message-surface-raised-error-initial: var(--eds-color-red-warm-200); /* Chip */ + --eds-color-message-surface-raised-error-hover: var(--eds-color-red-warm-200); /* Chip */ + --eds-color-message-surface-callout-info: var(--eds-color-mist-blue-muted-300); /* Chip */ + --eds-color-message-surface-callout-success: var(--eds-color-lichen-green-200); /* Chip */ + --eds-color-message-surface-callout-warning: var(--eds-color-spruce-wood-200); /* Banner */ + --eds-color-message-surface-callout-error: var(--eds-color-red-warm-300); /* Banner */ + --eds-input-asterix-color-text: var(--eds-color-red-cold-900); /* Autocomplete, Text field */ + --eds-input-placeholder-color-text: var(--eds-color-neutral-800); /* Autocomplete, Table input, Search, Text field */ + --eds-input-helper-color-text-initial: var(--eds-color-neutral-900); /* Autocomplete, Table input, Text field */ + --eds-input-helper-color-text-focus: var(--eds-color-neutral-900); /* Autocomplete, Table input, Text field */ + --eds-input-helper-color-text-read-only: var(--eds-color-neutral-900); /* Autocomplete, Table input, Text field */ + --eds-input-helper-color-text-disabled: var(--eds-color-neutral-500); /* Autocomplete, Table input, Search, Text field */ + --eds-input-helper-color-icon-initial: var(--eds-color-neutral-900); /* Autocomplete, Table input, Text field */ + --eds-input-helper-color-icon-focus: var(--eds-color-neutral-900); /* Autocomplete, Table input, Text field */ + --eds-input-helper-color-icon-read-only: var(--eds-color-neutral-900); /* Autocomplete, Table input, Text field */ + --eds-input-helper-color-icon-disabled: var(--eds-color-neutral-500); /* Autocomplete, Table input, Search, Text field */ + --eds-input-helper-color-message-text-info-initial: var(--eds-color-blue-sky-1200); + --eds-input-helper-color-message-text-info-focus: var(--eds-color-blue-sky-1200); + --eds-input-helper-color-message-text-info-read-only: var(--eds-color-blue-sky-1200); + --eds-input-helper-color-message-text-info-disabled: var(--eds-color-neutral-500); + --eds-input-helper-color-message-text-success-initial: var(--eds-color-lichen-green-1200); + --eds-input-helper-color-message-text-success-focus: var(--eds-color-lichen-green-1200); + --eds-input-helper-color-message-text-success-read-only: var(--eds-color-lichen-green-1200); + --eds-input-helper-color-message-text-success-disabled: var(--eds-color-neutral-500); + --eds-input-helper-color-message-text-warning-initial: var(--eds-color-orange-1200); + --eds-input-helper-color-message-text-warning-focus: var(--eds-color-orange-1200); + --eds-input-helper-color-message-text-warning-read-only: var(--eds-color-orange-1200); + --eds-input-helper-color-message-text-warning-disabled: var(--eds-color-neutral-500); + --eds-input-helper-color-message-text-error-initial: var(--eds-color-red-cold-1200); + --eds-input-helper-color-message-text-error-focus: var(--eds-color-red-cold-1200); + --eds-input-helper-color-message-text-error-read-only: var(--eds-color-red-cold-1200); + --eds-input-helper-color-message-text-error-disabled: var(--eds-color-neutral-500); + --eds-input-helper-color-message-icon-info-initial: var(--eds-color-blue-sky-1200); + --eds-input-helper-color-message-icon-info-focus: var(--eds-color-blue-sky-1200); + --eds-input-helper-color-message-icon-info-read-only: var(--eds-color-blue-sky-1200); + --eds-input-helper-color-message-icon-info-disabled: var(--eds-color-neutral-500); + --eds-input-helper-color-message-icon-success-initial: var(--eds-color-lichen-green-1200); + --eds-input-helper-color-message-icon-success-focus: var(--eds-color-lichen-green-1200); + --eds-input-helper-color-message-icon-success-read-only: var(--eds-color-lichen-green-1200); + --eds-input-helper-color-message-icon-success-disabled: var(--eds-color-neutral-500); + --eds-input-helper-color-message-icon-warning-initial: var(--eds-color-orange-1200); + --eds-input-helper-color-message-icon-warning-focus: var(--eds-color-orange-1200); + --eds-input-helper-color-message-icon-warning-read-only: var(--eds-color-orange-1200); + --eds-input-helper-color-message-icon-warning-disabled: var(--eds-color-neutral-500); + --eds-input-helper-color-message-icon-error-initial: var(--eds-color-red-cold-1200); + --eds-input-helper-color-message-icon-error-focus: var(--eds-color-red-cold-1200); + --eds-input-helper-color-message-icon-error-read-only: var(--eds-color-red-cold-1200); + --eds-input-helper-color-message-icon-error-disabled: var(--eds-color-neutral-500); + --eds-input-color-text-initial: var(--eds-color-neutral-1100); /* Autocomplete, Table input, Text field */ + --eds-input-color-text-read-only: var(--eds-color-neutral-1100); /* Autocomplete, Table input, Text field */ + --eds-input-color-text-focus: var(--eds-color-neutral-1300); /* Autocomplete, Table input, Search, Text field */ + --eds-input-color-text-disabled: var(--eds-color-neutral-500); /* Autocomplete, Table input, Search, Text field */ + --eds-input-color-icon-initial: var(--eds-color-neutral-1100); /* Autocomplete, Table input, Text field */ + --eds-input-color-icon-read-only: var(--eds-color-neutral-1100); /* Autocomplete, Table input, Text field */ + --eds-input-color-icon-focus: var(--eds-color-neutral-1300); /* Autocomplete, Table input, Search, Text field */ + --eds-input-color-icon-disabled: var(--eds-color-neutral-500); /* Autocomplete, Table input, Search, Text field */ + --eds-input-color-border-initial: var(--eds-color-neutral-600); /* Autocomplete, Text field */ + --eds-input-color-border-read-only: var(--eds-color-neutral-600); /* Autocomplete, Text field */ + --eds-input-color-border-focus: var(--eds-color-moss-green-1100); /* Autocomplete, Search, Text field */ + --eds-input-color-surface-initial-on-level-1: var(--eds-color-neutral-0); /* Autocomplete, Search, Table input, Text field input */ + --eds-input-color-surface-initial-on-level-2: var(--eds-color-neutral-100); /* Autocomplete, Search, Table input, Text field input */ + --eds-input-color-surface-initial-on-level-3: var(--eds-color-neutral-100); + --eds-input-color-surface-disabled-on-level-1: var(--eds-color-neutral-0); /* Autocomplete, Search, Table input, Text field input */ + --eds-input-color-surface-disabled-on-level-2: var(--eds-color-neutral-100); /* Autocomplete, Search, Table input, Text field input */ + --eds-input-color-surface-disabled-on-level-3: var(--eds-color-neutral-100); + --eds-input-color-message-border-success-initial: var(--eds-color-success-green-900); /* Text field */ + --eds-input-color-message-border-success-focus: var(--eds-color-lichen-green-1200); /* Text field */ + --eds-input-color-message-border-success-read-only: var(--eds-color-success-green-900); /* Text field */ + --eds-input-color-message-border-success-disabled: var(--eds-color-success-green-900); /* Text field */ + --eds-input-color-message-border-warning-initial: var(--eds-color-orange-800); /* Text field */ + --eds-input-color-message-border-warning-focus: var(--eds-color-orange-1200); /* Text field */ + --eds-input-color-message-border-warning-read-only: var(--eds-color-orange-800); /* Text field */ + --eds-input-color-message-border-warning-disabled: var(--eds-color-orange-800); /* Text field */ + --eds-input-color-message-border-error-initial: var(--eds-color-red-cold-900); /* Text field */ + --eds-input-color-message-border-error-focus: var(--eds-color-red-cold-1200); /* Text field */ + --eds-input-color-message-border-error-read-only: var(--eds-color-red-cold-900); /* Text field */ + --eds-input-color-message-border-error-disabled: var(--eds-color-red-cold-900); /* Text field */ + --eds-input-color-message-icon-success-initial: var(--eds-color-success-green-900); /* Text field */ + --eds-input-color-message-icon-success-focus: var(--eds-color-lichen-green-1200); /* Text field */ + --eds-input-color-message-icon-success-read-only: var(--eds-color-success-green-900); /* Text field */ + --eds-input-color-message-icon-success-disabled: var(--eds-color-success-green-900); /* Text field */ + --eds-input-color-message-icon-warning-initial: var(--eds-color-orange-800); /* Text field */ + --eds-input-color-message-icon-warning-focus: var(--eds-color-orange-1200); /* Text field */ + --eds-input-color-message-icon-warning-read-only: var(--eds-color-orange-800); /* Text field */ + --eds-input-color-message-icon-warning-disabled: var(--eds-color-orange-800); /* Text field */ + --eds-input-color-message-icon-error-initial: var(--eds-color-red-cold-900); /* Text field */ + --eds-input-color-message-icon-error-focus: var(--eds-color-red-cold-1200); /* Text field */ + --eds-input-color-message-icon-error-read-only: var(--eds-color-red-cold-900); /* Text field */ + --eds-input-color-message-icon-error-disabled: var(--eds-color-red-cold-900); /* Text field */ + --eds-input-color-message-text-success-initial: var(--eds-color-success-green-900); /* Text field */ + --eds-input-color-message-text-success-focus: var(--eds-color-lichen-green-1200); /* Text field */ + --eds-input-color-message-text-success-read-only: var(--eds-color-success-green-900); /* Text field */ + --eds-input-color-message-text-success-disabled: var(--eds-color-success-green-900); /* Text field */ + --eds-input-color-message-text-warning-initial: var(--eds-color-orange-800); /* Text field */ + --eds-input-color-message-text-warning-focus: var(--eds-color-orange-1200); /* Text field */ + --eds-input-color-message-text-warning-read-only: var(--eds-color-orange-800); /* Text field */ + --eds-input-color-message-text-warning-disabled: var(--eds-color-orange-800); /* Text field */ + --eds-input-color-message-text-error-initial: var(--eds-color-red-cold-900); /* Text field */ + --eds-input-color-message-text-error-focus: var(--eds-color-red-cold-1200); /* Text field */ + --eds-input-color-message-text-error-read-only: var(--eds-color-red-cold-900); /* Text field */ + --eds-input-color-message-text-error-disabled: var(--eds-color-red-cold-900); /* Text field */ + --eds-input-label-color-text-initial: var(--eds-color-neutral-900); + --eds-input-label-color-text-read-only: var(--eds-color-neutral-900); + --eds-input-label-color-text-disabled: var(--eds-color-neutral-500); + --eds-input-label-color-icon-initial: var(--eds-color-neutral-900); + --eds-input-label-color-icon-read-only: var(--eds-color-neutral-900); + --eds-input-label-color-icon-disabled: var(--eds-color-neutral-500); + --eds-table-cell-color-message-surface-error: var(--eds-color-red-warm-300); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-text-initial-on-level-1: var(--eds-color-neutral-1300); + --eds-table-cell-color-interactive-text-initial-on-level-2: var(--eds-color-neutral-1300); + --eds-table-cell-color-interactive-text-initial-on-level-3: var(--eds-color-neutral-1300); + --eds-table-cell-color-interactive-text-hover-on-level-1: var(--eds-color-neutral-1400); + --eds-table-cell-color-interactive-text-hover-on-level-2: var(--eds-color-neutral-1400); + --eds-table-cell-color-interactive-text-hover-on-level-3: var(--eds-color-neutral-1400); + --eds-table-cell-color-interactive-text-active-on-level-1: var(--eds-color-neutral-1300); /* Interactive table cell, table data grid cell */ + --eds-table-cell-color-interactive-text-active-on-level-2: var(--eds-color-neutral-1300); /* Interactive table cell, table data grid cell */ + --eds-table-cell-color-interactive-text-active-on-level-3: var(--eds-color-neutral-1300); /* Interactive table cell, table data grid cell */ + --eds-table-cell-color-interactive-text-active-hover-on-level-1: var(--eds-color-neutral-1400); /* Interactive table cell, data grid cell */ + --eds-table-cell-color-interactive-text-active-hover-on-level-2: var(--eds-color-neutral-1400); /* Interactive table cell, data grid cell */ + --eds-table-cell-color-interactive-text-active-hover-on-level-3: var(--eds-color-neutral-1400); /* Interactive table cell, data grid cell */ + --eds-table-cell-color-interactive-text-disabled-on-level-1: var(--eds-color-neutral-500); + --eds-table-cell-color-interactive-text-disabled-on-level-2: var(--eds-color-neutral-500); + --eds-table-cell-color-interactive-text-disabled-on-level-3: var(--eds-color-neutral-500); + --eds-table-cell-color-interactive-icon-initial-on-level-1: var(--eds-color-neutral-900); /* Table cell, Table data grid cell, Table header, Table data grid header */ + --eds-table-cell-color-interactive-icon-initial-on-level-2: var(--eds-color-neutral-900); /* Table cell, Table data grid cell, Table header, Table data grid header */ + --eds-table-cell-color-interactive-icon-initial-on-level-3: var(--eds-color-neutral-1100); /* Table cell, Table data grid cell, Table header, Table data grid header */ + --eds-table-cell-color-interactive-icon-hover-on-level-1: var(--eds-color-neutral-1400); /* Table cell, Table data grid cell, Table header, Table data grid header */ + --eds-table-cell-color-interactive-icon-hover-on-level-2: var(--eds-color-neutral-1400); /* Table cell, Table data grid cell, Table header, Table data grid header */ + --eds-table-cell-color-interactive-icon-hover-on-level-3: var(--eds-color-neutral-1400); /* Table cell, Table data grid cell, Table header, Table data grid header */ + --eds-table-cell-color-interactive-icon-active-on-level-1: var(--eds-color-moss-green-1100); /* Table cell, Table data grid cell, Table header, Table data grid header */ + --eds-table-cell-color-interactive-icon-active-on-level-2: var(--eds-color-moss-green-1100); /* Table cell, Table data grid cell, Table header, Table data grid header */ + --eds-table-cell-color-interactive-icon-active-on-level-3: var(--eds-color-moss-green-1100); /* Table cell, Table data grid cell, Table header, Table data grid header */ + --eds-table-cell-color-interactive-icon-active-hover-on-level-1: var(--eds-color-moss-green-1300); /* Table cell, Table data grid cell, Table header, Table data grid header */ + --eds-table-cell-color-interactive-icon-active-hover-on-level-2: var(--eds-color-moss-green-1300); /* Table cell, Table data grid cell, Table header, Table data grid header */ + --eds-table-cell-color-interactive-icon-active-hover-on-level-3: var(--eds-color-moss-green-1300); /* Table cell, Table data grid cell, Table header, Table data grid header */ + --eds-table-cell-color-interactive-icon-disabled-on-level-1: var(--eds-color-neutral-500); + --eds-table-cell-color-interactive-icon-disabled-on-level-2: var(--eds-color-neutral-500); + --eds-table-cell-color-interactive-icon-disabled-on-level-3: var(--eds-color-neutral-500); + --eds-table-cell-color-interactive-border-initial-on-level-1: var(--eds-color-neutral-300); + --eds-table-cell-color-interactive-border-initial-on-level-2: var(--eds-color-neutral-300); + --eds-table-cell-color-interactive-border-initial-on-level-3: var(--eds-color-neutral-300); + --eds-table-cell-color-interactive-border-hover-on-level-1: var(--eds-color-neutral-500); + --eds-table-cell-color-interactive-border-hover-on-level-2: var(--eds-color-neutral-500); + --eds-table-cell-color-interactive-border-hover-on-level-3: var(--eds-color-neutral-500); + --eds-table-cell-color-interactive-border-active-on-level-1: var(--eds-color-neutral-300); + --eds-table-cell-color-interactive-border-active-on-level-2: var(--eds-color-neutral-300); + --eds-table-cell-color-interactive-border-active-on-level-3: var(--eds-color-neutral-300); + --eds-table-cell-color-interactive-border-active-hover-on-level-1: var(--eds-color-neutral-500); + --eds-table-cell-color-interactive-border-active-hover-on-level-2: var(--eds-color-neutral-500); + --eds-table-cell-color-interactive-border-active-hover-on-level-3: var(--eds-color-neutral-500); + --eds-table-cell-color-interactive-border-disabled-on-level-1: var(--eds-color-neutral-300); /* Border on Table cell doesn't change from Initial state, only the text & the icon. */ + --eds-table-cell-color-interactive-border-disabled-on-level-2: var(--eds-color-neutral-300); /* Border on Table cell doesn't change from Initial state, only the text & the icon. */ + --eds-table-cell-color-interactive-border-disabled-on-level-3: var(--eds-color-neutral-300); /* Border on Table cell doesn't change from Initial state, only the text & the icon. */ + --eds-table-cell-color-interactive-surface-hover-on-level-1: var(--eds-color-neutral-300); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-hover-on-level-2: var(--eds-color-neutral-300); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-hover-on-level-3: var(--eds-color-neutral-300); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-active-on-level-1: var(--eds-color-moss-green-200); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-active-on-level-2: var(--eds-color-moss-green-200); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-active-on-level-3: var(--eds-color-moss-green-200); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-active-hover-on-level-1: var(--eds-color-moss-green-300); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-active-hover-on-level-2: var(--eds-color-moss-green-300); /* Table cell, Table data grid cell */ + --eds-table-cell-color-interactive-surface-active-hover-on-level-3: var(--eds-color-moss-green-300); /* Table cell, Table data grid cell */ + --eds-table-header-color-interactive-text-initial-on-level-1: var(--eds-color-neutral-1300); + --eds-table-header-color-interactive-text-initial-on-level-2: var(--eds-color-neutral-1300); + --eds-table-header-color-interactive-text-initial-on-level-3: var(--eds-color-neutral-1300); + --eds-table-header-color-interactive-text-hover-on-level-1: var(--eds-color-neutral-1300); + --eds-table-header-color-interactive-text-hover-on-level-2: var(--eds-color-neutral-1300); + --eds-table-header-color-interactive-text-hover-on-level-3: var(--eds-color-neutral-1300); + --eds-table-header-color-interactive-text-active-on-level-1: var(--eds-color-moss-green-1100); + --eds-table-header-color-interactive-text-active-on-level-2: var(--eds-color-moss-green-1100); + --eds-table-header-color-interactive-text-active-on-level-3: var(--eds-color-moss-green-1100); + --eds-table-header-color-interactive-text-active-hover-on-level-1: var(--eds-color-moss-green-1300); + --eds-table-header-color-interactive-text-active-hover-on-level-2: var(--eds-color-moss-green-1300); + --eds-table-header-color-interactive-text-active-hover-on-level-3: var(--eds-color-moss-green-1300); + --eds-table-header-color-interactive-text-disabled-on-level-1: var(--eds-color-neutral-500); + --eds-table-header-color-interactive-text-disabled-on-level-2: var(--eds-color-neutral-500); + --eds-table-header-color-interactive-text-disabled-on-level-3: var(--eds-color-neutral-500); + --eds-table-header-color-interactive-icon-initial-on-level-1: var(--eds-color-neutral-900); + --eds-table-header-color-interactive-icon-initial-on-level-2: var(--eds-color-neutral-900); + --eds-table-header-color-interactive-icon-initial-on-level-3: var(--eds-color-neutral-1300); + --eds-table-header-color-interactive-icon-hover-on-level-1: var(--eds-color-neutral-1300); + --eds-table-header-color-interactive-icon-hover-on-level-2: var(--eds-color-neutral-1300); + --eds-table-header-color-interactive-icon-hover-on-level-3: var(--eds-color-neutral-1300); + --eds-table-header-color-interactive-icon-active-on-level-1: var(--eds-color-moss-green-1100); + --eds-table-header-color-interactive-icon-active-on-level-2: var(--eds-color-moss-green-1100); + --eds-table-header-color-interactive-icon-active-on-level-3: var(--eds-color-moss-green-1100); + --eds-table-header-color-interactive-icon-active-hover-on-level-1: var(--eds-color-moss-green-1300); + --eds-table-header-color-interactive-icon-active-hover-on-level-2: var(--eds-color-moss-green-1300); + --eds-table-header-color-interactive-icon-active-hover-on-level-3: var(--eds-color-moss-green-1300); + --eds-table-header-color-interactive-icon-disabled-on-level-1: var(--eds-color-neutral-900); + --eds-table-header-color-interactive-icon-disabled-on-level-2: var(--eds-color-neutral-900); + --eds-table-header-color-interactive-icon-disabled-on-level-3: var(--eds-color-neutral-1300); + --eds-table-header-color-interactive-border-initial-on-level-1: var(--eds-color-neutral-300); + --eds-table-header-color-interactive-border-initial-on-level-2: var(--eds-color-neutral-300); + --eds-table-header-color-interactive-border-initial-on-level-3: var(--eds-color-neutral-300); + --eds-table-header-color-interactive-border-hover-on-level-1: var(--eds-color-neutral-500); + --eds-table-header-color-interactive-border-hover-on-level-2: var(--eds-color-neutral-500); + --eds-table-header-color-interactive-border-hover-on-level-3: var(--eds-color-neutral-500); + --eds-table-header-color-interactive-border-active-on-level-1: var(--eds-color-moss-green-1100); + --eds-table-header-color-interactive-border-active-on-level-2: var(--eds-color-moss-green-1100); + --eds-table-header-color-interactive-border-active-on-level-3: var(--eds-color-moss-green-1100); + --eds-table-header-color-interactive-border-active-hover-on-level-1: var(--eds-color-moss-green-1300); + --eds-table-header-color-interactive-border-active-hover-on-level-2: var(--eds-color-moss-green-1300); + --eds-table-header-color-interactive-border-active-hover-on-level-3: var(--eds-color-moss-green-1300); + --eds-table-header-color-interactive-border-disabled-on-level-1: var(--eds-color-neutral-300); + --eds-table-header-color-interactive-border-disabled-on-level-2: var(--eds-color-neutral-300); + --eds-table-header-color-interactive-border-disabled-on-level-3: var(--eds-color-neutral-300); + --eds-table-header-color-interactive-surface-initial-on-level-1: var(--eds-color-neutral-0); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-initial-on-level-2: var(--eds-color-neutral-100); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-initial-on-level-3: var(--eds-color-neutral-100); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-hover-on-level-1: var(--eds-color-neutral-300); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-hover-on-level-2: var(--eds-color-neutral-300); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-hover-on-level-3: var(--eds-color-neutral-300); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-active-on-level-1: var(--eds-color-neutral-200); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-active-on-level-2: var(--eds-color-neutral-200); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-active-on-level-3: var(--eds-color-neutral-200); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-active-hover-on-level-1: var(--eds-color-neutral-300); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-active-hover-on-level-2: var(--eds-color-neutral-300); /* Table header, Table data grid header */ + --eds-table-header-color-interactive-surface-active-hover-on-level-3: var(--eds-color-neutral-300); /* Table header, Table data grid header */ + --eds-table-header-color-static-text-on-level-1: var(--eds-color-neutral-1300); + --eds-table-header-color-static-text-on-level-2: var(--eds-color-neutral-1300); + --eds-table-header-color-static-text-on-level-3: var(--eds-color-neutral-1300); + --eds-table-header-color-static-icon-on-level-1: var(--eds-color-neutral-1300); + --eds-table-header-color-static-icon-on-level-2: var(--eds-color-neutral-1300); + --eds-table-header-color-static-icon-on-level-3: var(--eds-color-neutral-1300); + --eds-table-header-color-static-border-on-level-1: var(--eds-color-neutral-300); + --eds-table-header-color-static-border-on-level-2: var(--eds-color-neutral-300); + --eds-table-header-color-static-border-on-level-3: var(--eds-color-neutral-300); + --eds-table-header-color-static-surface-on-level-1: var(--eds-color-neutral-0); /* Table header, Table data grid header */ + --eds-table-header-color-static-surface-on-level-2: var(--eds-color-neutral-100); /* Table header, Table data grid header */ + --eds-table-header-color-static-surface-on-level-3: var(--eds-color-neutral-100); /* Table header, Table data grid header */ + --eds-ui-main-color-surface: var(--eds-color-neutral-100); /* Recommended background color for EDS applications */ + --eds-ui-shell-color-surface: var(--eds-color-neutral-0); /* Sidebar, Side sheet, Toolbar, Top bar */ + --eds-ui-shell-color-border: var(--eds-color-neutral-100); /* Sidebar, Topbar, Side sheet */ + --eds-ui-floating-color-surface: var(--eds-color-neutral-0); /* Recommended background color for EDS applications */ --eds-color-static-text-inverted: var(--eds-color-text-inverted-on-light); - --eds-color-static-text-raised: var(--eds-color-moss-green-1100); - --eds-color-shadow: rgba(0, 0, 0, 0.14); /* For use in box shadows */ + --eds-color-static-text-standard-primary: var(--eds-color-text-primary-on-light); + --eds-color-static-text-standard-secondary: var(--eds-color-text-secondary-on-light); + --eds-color-static-text-standard-maximal: var(--eds-color-text-maximal-on-light); + --eds-color-static-icon-inverted: var(--eds-color-icon-inverted-on-light); + --eds-color-static-icon-standard-primary: var(--eds-color-icon-primary-on-light); + --eds-color-static-icon-standard-secondary: var(--eds-color-icon-secondary-on-light); + --eds-color-static-icon-standard-maximal: var(--eds-color-icon-maximal-on-light); + --eds-color-message-text-standard-info: var(--eds-color-message-text-raised-info-initial); /* Deprecated - Card. Use text/message. */ + --eds-color-message-text-standard-success: var(--eds-color-message-text-raised-success-initial); /* Deprecated - Card. Use text/message. */ + --eds-color-message-text-standard-warning: var(--eds-color-message-text-raised-warning-initial); /* Deprecated - Card. Use text/message. */ + --eds-color-message-text-standard-error: var(--eds-color-message-text-raised-error-initial); /* Deprecated - Card. Use text/message. */ } diff --git a/packages/eds-tokens/build/css/color/simple-semantic-verbose.css b/packages/eds-tokens/build/css/color/simple-semantic-verbose.css index 61d7432ac1..4415132a94 100644 --- a/packages/eds-tokens/build/css/color/simple-semantic-verbose.css +++ b/packages/eds-tokens/build/css/color/simple-semantic-verbose.css @@ -3,56 +3,56 @@ */ :root { - --eds-color-surface-on-level-3-on-dark: var(--eds-color-slate-blue-1300); - --eds-color-surface-on-level-3-on-light: var(--eds-color-neutral-0); - --eds-color-surface-on-level-2-on-dark: var(--eds-color-slate-blue-1350); - --eds-color-surface-on-level-2-on-light: var(--eds-color-neutral-0); - --eds-color-surface-on-level-1-on-dark: var(--eds-color-slate-blue-1400); - --eds-color-surface-on-level-1-on-light: var(--eds-color-neutral-100); - --eds-color-surface-inverted-on-dark: rgba(220, 242, 255, 0.95); - --eds-color-surface-inverted-on-light: rgba(0, 0, 0, 0.8); - --eds-color-surface-none: rgba(255, 255, 255, 0); - --eds-color-border-inverted-on-dark: rgba(220, 242, 255, 0.95); - --eds-color-border-inverted-on-light: rgba(0, 0, 0, 0.8); - --eds-color-border-disabled-on-dark: var(--eds-color-slate-grey-1100); - --eds-color-border-disabled-on-light: var(--eds-color-neutral-300); - --eds-color-border-maximal-on-dark: rgba(255, 255, 255, 0.5); - --eds-color-border-maximal-on-light: var(--eds-color-neutral-1400); - --eds-color-border-quaternary-on-dark: rgba(255, 255, 255, 0.4); - --eds-color-border-quaternary-on-light: var(--eds-color-neutral-900); - --eds-color-border-tertiary-on-dark: rgba(255, 255, 255, 0.3); - --eds-color-border-tertiary-on-light: var(--eds-color-neutral-700); - --eds-color-border-secondary-on-dark: rgba(255, 255, 255, 0.2); - --eds-color-border-secondary-on-light: var(--eds-color-neutral-500); - --eds-color-border-primary-on-dark: rgba(255, 255, 255, 0.16); - --eds-color-border-primary-on-light: var(--eds-color-neutral-300); --eds-color-border-none: rgba(255, 255, 255, 0); - --eds-color-icon-inverted-on-dark: var(--eds-color-neutral-1500); - --eds-color-icon-inverted-on-light: var(--eds-color-neutral-0); - --eds-color-icon-disabled-on-dark: var(--eds-color-slate-grey-1000); - --eds-color-icon-disabled-on-light: var(--eds-color-neutral-500); - --eds-color-icon-maximal-on-dark: var(--eds-color-neutral-0); - --eds-color-icon-maximal-on-light: var(--eds-color-neutral-1300); - --eds-color-icon-quaternary-on-dark: var(--eds-color-slate-grey-900); - --eds-color-icon-quaternary-on-light: var(--eds-color-neutral-700); - --eds-color-icon-tertiary-on-dark: var(--eds-color-slate-grey-600); - --eds-color-icon-tertiary-on-light: var(--eds-color-neutral-900); - --eds-color-icon-secondary-on-dark: var(--eds-color-slate-grey-500); - --eds-color-icon-secondary-on-light: var(--eds-color-neutral-1100); - --eds-color-icon-primary-on-dark: var(--eds-color-slate-grey-400); - --eds-color-icon-primary-on-light: var(--eds-color-neutral-1300); - --eds-color-text-inverted-on-dark: var(--eds-color-neutral-1500); - --eds-color-text-inverted-on-light: var(--eds-color-neutral-0); - --eds-color-text-disabled-on-dark: var(--eds-color-slate-grey-1000); - --eds-color-text-disabled-on-light: var(--eds-color-neutral-500); - --eds-color-text-maximal-on-dark: var(--eds-color-neutral-0); - --eds-color-text-maximal-on-light: var(--eds-color-neutral-1300); - --eds-color-text-quaternary-on-dark: var(--eds-color-slate-grey-900); - --eds-color-text-quaternary-on-light: var(--eds-color-neutral-700); - --eds-color-text-tertiary-on-dark: var(--eds-color-slate-grey-600); - --eds-color-text-tertiary-on-light: var(--eds-color-neutral-900); - --eds-color-text-secondary-on-dark: var(--eds-color-slate-grey-500); - --eds-color-text-secondary-on-light: var(--eds-color-neutral-1100); - --eds-color-text-primary-on-dark: var(--eds-color-slate-grey-400); + --eds-color-border-primary-on-dark: rgba(255, 255, 255, 0.16); + --eds-color-border-secondary-on-dark: rgba(255, 255, 255, 0.2); + --eds-color-border-tertiary-on-dark: rgba(255, 255, 255, 0.3); + --eds-color-border-quaternary-on-dark: rgba(255, 255, 255, 0.4); + --eds-color-border-maximal-on-dark: rgba(255, 255, 255, 0.5); + --eds-color-border-inverted-on-light: rgba(0, 0, 0, 0.8); + --eds-color-border-inverted-on-dark: rgba(220, 242, 255, 0.95); + --eds-color-surface-none: rgba(255, 255, 255, 0); + --eds-color-surface-inverted-on-light: rgba(0, 0, 0, 0.8); + --eds-color-surface-inverted-on-dark: rgba(220, 242, 255, 0.95); --eds-color-text-primary-on-light: var(--eds-color-neutral-1300); + --eds-color-text-primary-on-dark: var(--eds-color-slate-grey-400); + --eds-color-text-secondary-on-light: var(--eds-color-neutral-1100); + --eds-color-text-secondary-on-dark: var(--eds-color-slate-grey-500); + --eds-color-text-tertiary-on-light: var(--eds-color-neutral-900); + --eds-color-text-tertiary-on-dark: var(--eds-color-slate-grey-600); + --eds-color-text-quaternary-on-light: var(--eds-color-neutral-700); + --eds-color-text-quaternary-on-dark: var(--eds-color-slate-grey-900); + --eds-color-text-maximal-on-light: var(--eds-color-neutral-1300); + --eds-color-text-maximal-on-dark: var(--eds-color-neutral-0); + --eds-color-text-disabled-on-light: var(--eds-color-neutral-500); + --eds-color-text-disabled-on-dark: var(--eds-color-slate-grey-1000); + --eds-color-text-inverted-on-light: var(--eds-color-neutral-0); + --eds-color-text-inverted-on-dark: var(--eds-color-neutral-1500); + --eds-color-icon-primary-on-light: var(--eds-color-neutral-1300); + --eds-color-icon-primary-on-dark: var(--eds-color-slate-grey-400); + --eds-color-icon-secondary-on-light: var(--eds-color-neutral-1100); + --eds-color-icon-secondary-on-dark: var(--eds-color-slate-grey-500); + --eds-color-icon-tertiary-on-light: var(--eds-color-neutral-900); + --eds-color-icon-tertiary-on-dark: var(--eds-color-slate-grey-600); + --eds-color-icon-quaternary-on-light: var(--eds-color-neutral-700); + --eds-color-icon-quaternary-on-dark: var(--eds-color-slate-grey-900); + --eds-color-icon-maximal-on-light: var(--eds-color-neutral-1300); + --eds-color-icon-maximal-on-dark: var(--eds-color-neutral-0); + --eds-color-icon-disabled-on-light: var(--eds-color-neutral-500); + --eds-color-icon-disabled-on-dark: var(--eds-color-slate-grey-1000); + --eds-color-icon-inverted-on-light: var(--eds-color-neutral-0); + --eds-color-icon-inverted-on-dark: var(--eds-color-neutral-1500); + --eds-color-border-primary-on-light: var(--eds-color-neutral-300); + --eds-color-border-secondary-on-light: var(--eds-color-neutral-500); + --eds-color-border-tertiary-on-light: var(--eds-color-neutral-700); + --eds-color-border-quaternary-on-light: var(--eds-color-neutral-900); + --eds-color-border-maximal-on-light: var(--eds-color-neutral-1400); + --eds-color-border-disabled-on-light: var(--eds-color-neutral-300); + --eds-color-border-disabled-on-dark: var(--eds-color-slate-grey-1100); + --eds-color-surface-on-level-1-on-light: var(--eds-color-neutral-100); + --eds-color-surface-on-level-1-on-dark: var(--eds-color-slate-blue-1400); + --eds-color-surface-on-level-2-on-light: var(--eds-color-neutral-0); + --eds-color-surface-on-level-2-on-dark: var(--eds-color-slate-blue-1350); + --eds-color-surface-on-level-3-on-light: var(--eds-color-neutral-0); + --eds-color-surface-on-level-3-on-dark: var(--eds-color-slate-blue-1300); } diff --git a/packages/eds-tokens/build/css/spacing/comfortable-verbose.css b/packages/eds-tokens/build/css/spacing/comfortable-verbose.css index fc12a3f02d..8a68036bae 100644 --- a/packages/eds-tokens/build/css/spacing/comfortable-verbose.css +++ b/packages/eds-tokens/build/css/spacing/comfortable-verbose.css @@ -3,268 +3,268 @@ */ [data-density="comfortable"] { - --eds-typography-header-6xl-lineheight-squished: var(--eds-lineheight-scale-1000-lineheight-squished); - --eds-typography-header-6xl-lineheight-default: var(--eds-lineheight-scale-1000-default); - --eds-typography-header-6xl-font-weight-bolder: var(--eds-type-scale-equinor-1000-font-weight-bolder); - --eds-typography-header-6xl-font-weight-normal: var(--eds-type-scale-equinor-1000-font-weight-normal); - --eds-typography-header-6xl-font-weight-lighter: var(--eds-type-scale-equinor-1000-font-weight-lighter); - --eds-typography-header-6xl-tracking-loose: var(--eds-type-scale-equinor-1000-tracking-loose); - --eds-typography-header-6xl-tracking-normal: var(--eds-type-scale-equinor-1000-tracking-normal); - --eds-typography-header-6xl-tracking-tight: var(--eds-type-scale-equinor-1000-tracking-tight); - --eds-typography-header-6xl-font-size: var(--eds-type-scale-equinor-1000-font-size); - --eds-typography-header-5xl-lineheight-squished: var(--eds-lineheight-scale-900-lineheight-squished); - --eds-typography-header-5xl-lineheight-default: var(--eds-lineheight-scale-900-default); - --eds-typography-header-5xl-font-weight-bolder: var(--eds-type-scale-equinor-900-font-weight-bolder); - --eds-typography-header-5xl-font-weight-normal: var(--eds-type-scale-equinor-900-font-weight-normal); - --eds-typography-header-5xl-font-weight-lighter: var(--eds-type-scale-equinor-900-font-weight-lighter); - --eds-typography-header-5xl-tracking-loose: var(--eds-type-scale-equinor-900-tracking-loose); - --eds-typography-header-5xl-tracking-normal: var(--eds-type-scale-equinor-900-tracking-normal); - --eds-typography-header-5xl-tracking-tight: var(--eds-type-scale-equinor-900-tracking-tight); - --eds-typography-header-5xl-font-size: var(--eds-type-scale-equinor-900-font-size); - --eds-typography-header-4xl-lineheight-squished: var(--eds-lineheight-scale-800-lineheight-squished); - --eds-typography-header-4xl-lineheight-default: var(--eds-lineheight-scale-800-default); - --eds-typography-header-4xl-font-weight-bolder: var(--eds-type-scale-equinor-800-font-weight-bolder); - --eds-typography-header-4xl-font-weight-normal: var(--eds-type-scale-equinor-800-font-weight-normal); - --eds-typography-header-4xl-font-weight-lighter: var(--eds-type-scale-equinor-800-font-weight-lighter); - --eds-typography-header-4xl-tracking-loose: var(--eds-type-scale-equinor-800-tracking-loose); - --eds-typography-header-4xl-tracking-normal: var(--eds-type-scale-equinor-800-tracking-normal); - --eds-typography-header-4xl-tracking-tight: var(--eds-type-scale-equinor-800-tracking-tight); - --eds-typography-header-4xl-font-size: var(--eds-type-scale-equinor-800-font-size); - --eds-typography-header-3xl-lineheight-squished: var(--eds-lineheight-scale-700-lineheight-squished); - --eds-typography-header-3xl-lineheight-default: var(--eds-lineheight-scale-700-default); - --eds-typography-header-3xl-font-weight-bolder: var(--eds-type-scale-equinor-700-font-weight-bolder); - --eds-typography-header-3xl-font-weight-normal: var(--eds-type-scale-equinor-700-font-weight-normal); - --eds-typography-header-3xl-font-weight-lighter: var(--eds-type-scale-equinor-700-font-weight-lighter); - --eds-typography-header-3xl-tracking-loose: var(--eds-type-scale-equinor-700-tracking-loose); - --eds-typography-header-3xl-tracking-normal: var(--eds-type-scale-equinor-700-tracking-normal); - --eds-typography-header-3xl-tracking-tight: var(--eds-type-scale-equinor-700-tracking-tight); - --eds-typography-header-3xl-font-size: var(--eds-type-scale-equinor-700-font-size); - --eds-typography-header-2xl-lineheight-squished: var(--eds-lineheight-scale-600-lineheight-squished); - --eds-typography-header-2xl-lineheight-default: var(--eds-lineheight-scale-600-default); - --eds-typography-header-2xl-font-weight-bolder: var(--eds-type-scale-equinor-600-font-weight-bolder); - --eds-typography-header-2xl-font-weight-normal: var(--eds-type-scale-equinor-600-font-weight-normal); - --eds-typography-header-2xl-font-weight-lighter: var(--eds-type-scale-equinor-600-font-weight-lighter); - --eds-typography-header-2xl-tracking-loose: var(--eds-type-scale-equinor-600-tracking-loose); - --eds-typography-header-2xl-tracking-normal: var(--eds-type-scale-equinor-600-tracking-normal); - --eds-typography-header-2xl-tracking-tight: var(--eds-type-scale-equinor-600-tracking-tight); - --eds-typography-header-2xl-font-size: var(--eds-type-scale-equinor-600-font-size); - --eds-typography-header-xl-lineheight-squished: var(--eds-lineheight-scale-500-lineheight-squished); - --eds-typography-header-xl-lineheight-default: var(--eds-lineheight-scale-500-default); - --eds-typography-header-xl-font-weight-bolder: var(--eds-type-scale-equinor-500-font-weight-bolder); - --eds-typography-header-xl-font-weight-normal: var(--eds-type-scale-equinor-500-font-weight-normal); - --eds-typography-header-xl-font-weight-lighter: var(--eds-type-scale-equinor-500-font-weight-lighter); - --eds-typography-header-xl-tracking-loose: var(--eds-type-scale-equinor-500-tracking-loose); - --eds-typography-header-xl-tracking-normal: var(--eds-type-scale-equinor-500-tracking-normal); - --eds-typography-header-xl-tracking-tight: var(--eds-type-scale-equinor-500-tracking-tight); - --eds-typography-header-xl-font-size: var(--eds-type-scale-equinor-500-font-size); - --eds-typography-header-lg-lineheight-squished: var(--eds-lineheight-scale-400-lineheight-squished); - --eds-typography-header-lg-lineheight-default: var(--eds-lineheight-scale-400-default); - --eds-typography-header-lg-font-weight-bolder: var(--eds-type-scale-equinor-400-font-weight-bolder); - --eds-typography-header-lg-font-weight-normal: var(--eds-type-scale-equinor-400-font-weight-normal); - --eds-typography-header-lg-font-weight-lighter: var(--eds-type-scale-equinor-400-font-weight-lighter); - --eds-typography-header-lg-tracking-loose: var(--eds-type-scale-equinor-400-tracking-loose); - --eds-typography-header-lg-tracking-normal: var(--eds-type-scale-equinor-400-tracking-normal); - --eds-typography-header-lg-tracking-tight: var(--eds-type-scale-equinor-400-tracking-tight); - --eds-typography-header-lg-font-size: var(--eds-type-scale-equinor-400-font-size); - --eds-typography-header-md-lineheight-squished: var(--eds-lineheight-scale-300-lineheight-squished); - --eds-typography-header-md-lineheight-default: var(--eds-lineheight-scale-300-default); - --eds-typography-header-md-font-weight-bolder: var(--eds-type-scale-equinor-300-font-weight-bolder); - --eds-typography-header-md-font-weight-normal: var(--eds-type-scale-equinor-300-font-weight-normal); - --eds-typography-header-md-font-weight-lighter: var(--eds-type-scale-equinor-300-font-weight-lighter); - --eds-typography-header-md-tracking-loose: var(--eds-type-scale-equinor-300-tracking-loose); - --eds-typography-header-md-tracking-normal: var(--eds-type-scale-equinor-300-tracking-normal); - --eds-typography-header-md-tracking-tight: var(--eds-type-scale-equinor-300-tracking-tight); - --eds-typography-header-md-font-size: var(--eds-type-scale-equinor-300-font-size); - --eds-typography-header-sm-lineheight-squished: var(--eds-lineheight-scale-200-lineheight-squished); - --eds-typography-header-sm-lineheight-default: var(--eds-lineheight-scale-200-default); - --eds-typography-header-sm-font-weight-bolder: var(--eds-type-scale-equinor-200-font-weight-bolder); - --eds-typography-header-sm-font-weight-normal: var(--eds-type-scale-equinor-200-font-weight-normal); - --eds-typography-header-sm-font-weight-lighter: var(--eds-type-scale-equinor-200-font-weight-lighter); - --eds-typography-header-sm-tracking-loose: var(--eds-type-scale-equinor-200-tracking-loose); - --eds-typography-header-sm-tracking-normal: var(--eds-type-scale-equinor-200-tracking-normal); - --eds-typography-header-sm-tracking-tight: var(--eds-type-scale-equinor-200-tracking-tight); - --eds-typography-header-sm-font-size: var(--eds-type-scale-equinor-200-font-size); - --eds-typography-header-font-family: var(--eds-font-family-equinor); - --eds-typography-header-xs-lineheight-squished: var(--eds-lineheight-scale-100-lineheight-squished); - --eds-typography-header-xs-lineheight-default: var(--eds-lineheight-scale-100-default); - --eds-typography-header-xs-font-weight-bolder: var(--eds-type-scale-equinor-100-font-weight-bolder); - --eds-typography-header-xs-font-weight-normal: var(--eds-type-scale-equinor-100-font-weight-normal); - --eds-typography-header-xs-font-weight-lighter: var(--eds-type-scale-equinor-100-font-weight-lighter); - --eds-typography-header-xs-tracking-loose: var(--eds-type-scale-equinor-100-tracking-loose); - --eds-typography-header-xs-tracking-normal: var(--eds-type-scale-equinor-100-tracking-normal); - --eds-typography-header-xs-tracking-tight: var(--eds-type-scale-equinor-100-tracking-tight); - --eds-typography-header-xs-font-size: var(--eds-type-scale-equinor-100-font-size); - --eds-typography-ui-body-6xl-lineheight-squished: var(--eds-lineheight-scale-1000-lineheight-squished); - --eds-typography-ui-body-6xl-lineheight-default: var(--eds-lineheight-scale-1000-default); - --eds-typography-ui-body-6xl-font-weight-bolder: var(--eds-type-scale-inter-1000-font-weight-bolder); - --eds-typography-ui-body-6xl-font-weight-normal: var(--eds-type-scale-inter-1000-tracking-normal); - --eds-typography-ui-body-6xl-font-weight-lighter: var(--eds-type-scale-inter-1000-font-weight-lighter); - --eds-typography-ui-body-6xl-tracking-loose: var(--eds-type-scale-inter-1000-tracking-loose); - --eds-typography-ui-body-6xl-tracking-normal: var(--eds-type-scale-inter-1000-tracking-normal); - --eds-typography-ui-body-6xl-tracking-tight: var(--eds-type-scale-inter-1000-tracking-tight); - --eds-typography-ui-body-6xl-font-size: var(--eds-type-scale-inter-1000-font-size); - --eds-typography-ui-body-5xl-lineheight-squished: var(--eds-lineheight-scale-900-lineheight-squished); - --eds-typography-ui-body-5xl-lineheight-default: var(--eds-lineheight-scale-900-default); - --eds-typography-ui-body-5xl-font-weight-bolder: var(--eds-type-scale-inter-900-font-weight-bolder); - --eds-typography-ui-body-5xl-font-weight-normal: var(--eds-type-scale-inter-900-font-weight-normal); - --eds-typography-ui-body-5xl-font-weight-lighter: var(--eds-type-scale-inter-900-font-weight-lighter); - --eds-typography-ui-body-5xl-tracking-loose: var(--eds-type-scale-inter-900-tracking-loose); - --eds-typography-ui-body-5xl-tracking-normal: var(--eds-type-scale-inter-900-tracking-normal); - --eds-typography-ui-body-5xl-tracking-tight: var(--eds-type-scale-inter-900-tracking-tight); - --eds-typography-ui-body-5xl-font-size: var(--eds-type-scale-inter-900-font-size); - --eds-typography-ui-body-4xl-lineheight-squished: var(--eds-lineheight-scale-800-lineheight-squished); - --eds-typography-ui-body-4xl-lineheight-default: var(--eds-lineheight-scale-800-default); - --eds-typography-ui-body-4xl-font-weight-bolder: var(--eds-type-scale-inter-800-font-weight-bolder); - --eds-typography-ui-body-4xl-font-weight-normal: var(--eds-type-scale-inter-800-font-weight-normal); - --eds-typography-ui-body-4xl-font-weight-lighter: var(--eds-type-scale-inter-800-font-weight-lighter); - --eds-typography-ui-body-4xl-tracking-loose: var(--eds-type-scale-inter-800-tracking-loose); - --eds-typography-ui-body-4xl-tracking-normal: var(--eds-type-scale-inter-800-tracking-normal); - --eds-typography-ui-body-4xl-tracking-tight: var(--eds-type-scale-inter-800-tracking-tight); - --eds-typography-ui-body-4xl-font-size: var(--eds-type-scale-inter-800-font-size); - --eds-typography-ui-body-3xl-lineheight-squished: var(--eds-lineheight-scale-700-lineheight-squished); - --eds-typography-ui-body-3xl-lineheight-default: var(--eds-lineheight-scale-700-default); - --eds-typography-ui-body-3xl-font-weight-bolder: var(--eds-type-scale-inter-700-font-weight-bolder); - --eds-typography-ui-body-3xl-font-weight-normal: var(--eds-type-scale-inter-700-font-weight-normal); - --eds-typography-ui-body-3xl-font-weight-lighter: var(--eds-type-scale-inter-700-font-weight-lighter); - --eds-typography-ui-body-3xl-tracking-loose: var(--eds-type-scale-inter-700-tracking-loose); - --eds-typography-ui-body-3xl-tracking-normal: var(--eds-type-scale-inter-700-tracking-normal); - --eds-typography-ui-body-3xl-tracking-tight: var(--eds-type-scale-inter-700-tracking-tight); - --eds-typography-ui-body-3xl-font-size: var(--eds-type-scale-inter-700-font-size); - --eds-typography-ui-body-2xl-lineheight-squished: var(--eds-lineheight-scale-600-lineheight-squished); - --eds-typography-ui-body-2xl-lineheight-default: var(--eds-lineheight-scale-600-default); - --eds-typography-ui-body-2xl-font-weight-bolder: var(--eds-type-scale-inter-600-font-weight-bolder); - --eds-typography-ui-body-2xl-font-weight-normal: var(--eds-type-scale-inter-600-font-weight-normal); - --eds-typography-ui-body-2xl-font-weight-lighter: var(--eds-type-scale-inter-600-font-weight-lighter); - --eds-typography-ui-body-2xl-tracking-loose: var(--eds-type-scale-inter-600-tracking-loose); - --eds-typography-ui-body-2xl-tracking-normal: var(--eds-type-scale-inter-600-tracking-normal); - --eds-typography-ui-body-2xl-tracking-tight: var(--eds-type-scale-inter-600-tracking-tight); - --eds-typography-ui-body-2xl-font-size: var(--eds-type-scale-inter-600-font-size); - --eds-typography-ui-body-xl-lineheight-squished: var(--eds-lineheight-scale-500-lineheight-squished); - --eds-typography-ui-body-xl-lineheight-default: var(--eds-lineheight-scale-500-default); - --eds-typography-ui-body-xl-font-weight-bolder: var(--eds-type-scale-inter-500-font-weight-bolder); - --eds-typography-ui-body-xl-font-weight-normal: var(--eds-type-scale-inter-500-font-weight-normal); - --eds-typography-ui-body-xl-font-weight-lighter: var(--eds-type-scale-inter-500-font-weight-lighter); - --eds-typography-ui-body-xl-tracking-loose: var(--eds-type-scale-inter-500-tracking-loose); - --eds-typography-ui-body-xl-tracking-normal: var(--eds-type-scale-inter-500-tracking-normal); - --eds-typography-ui-body-xl-tracking-tight: var(--eds-type-scale-inter-500-tracking-tight); - --eds-typography-ui-body-xl-font-size: var(--eds-type-scale-inter-500-font-size); - --eds-typography-ui-body-lg-lineheight-squished: var(--eds-lineheight-scale-400-lineheight-squished); - --eds-typography-ui-body-lg-lineheight-default: var(--eds-lineheight-scale-400-default); - --eds-typography-ui-body-lg-font-weight-bolder: var(--eds-type-scale-inter-400-font-weight-bolder); - --eds-typography-ui-body-lg-font-weight-normal: var(--eds-type-scale-inter-400-font-weight-normal); - --eds-typography-ui-body-lg-font-weight-lighter: var(--eds-type-scale-inter-400-font-weight-lighter); - --eds-typography-ui-body-lg-tracking-loose: var(--eds-type-scale-inter-400-tracking-loose); - --eds-typography-ui-body-lg-tracking-normal: var(--eds-type-scale-inter-400-tracking-normal); - --eds-typography-ui-body-lg-tracking-tight: var(--eds-type-scale-inter-400-tracking-tight); - --eds-typography-ui-body-lg-font-size: var(--eds-type-scale-inter-400-font-size); - --eds-typography-ui-body-md-lineheight-squished: var(--eds-lineheight-scale-300-lineheight-squished); - --eds-typography-ui-body-md-lineheight-default: var(--eds-lineheight-scale-300-default); - --eds-typography-ui-body-md-font-weight-bolder: var(--eds-type-scale-inter-300-font-weight-bolder); - --eds-typography-ui-body-md-font-weight-normal: var(--eds-type-scale-inter-300-font-weight-normal); - --eds-typography-ui-body-md-font-weight-lighter: var(--eds-type-scale-inter-300-font-weight-lighter); - --eds-typography-ui-body-md-tracking-loose: var(--eds-type-scale-inter-300-tracking-loose); - --eds-typography-ui-body-md-tracking-normal: var(--eds-type-scale-inter-300-tracking-normal); - --eds-typography-ui-body-md-tracking-tight: var(--eds-type-scale-inter-300-tracking-tight); - --eds-typography-ui-body-md-font-size: var(--eds-type-scale-inter-300-font-size); - --eds-typography-ui-body-font-family: var(--eds-font-family-inter); - --eds-typography-ui-body-sm-lineheight-squished: var(--eds-lineheight-scale-200-lineheight-squished); - --eds-typography-ui-body-sm-lineheight-default: var(--eds-lineheight-scale-200-default); - --eds-typography-ui-body-sm-font-weight-bolder: var(--eds-type-scale-inter-200-font-weight-bolder); - --eds-typography-ui-body-sm-font-weight-normal: var(--eds-type-scale-inter-200-font-weight-normal); - --eds-typography-ui-body-sm-font-weight-lighter: var(--eds-type-scale-inter-200-font-weight-lighter); - --eds-typography-ui-body-sm-tracking-loose: var(--eds-type-scale-inter-200-tracking-loose); - --eds-typography-ui-body-sm-tracking-normal: var(--eds-type-scale-inter-200-tracking-normal); - --eds-typography-ui-body-sm-tracking-tight: var(--eds-type-scale-inter-200-tracking-tight); - --eds-typography-ui-body-sm-font-size: var(--eds-type-scale-inter-200-font-size); - --eds-typography-ui-body-xs-lineheight-squished: var(--eds-lineheight-scale-100-lineheight-squished); - --eds-typography-ui-body-xs-lineheight-default: var(--eds-lineheight-scale-100-default); - --eds-typography-ui-body-xs-font-weight-bolder: var(--eds-type-scale-inter-100-font-weight-bolder); - --eds-typography-ui-body-xs-font-weight-normal: var(--eds-type-scale-inter-100-font-weight-normal); - --eds-typography-ui-body-xs-font-weight-lighter: var(--eds-type-scale-inter-100-font-weight-lighter); - --eds-typography-ui-body-xs-tracking-loose: var(--eds-type-scale-inter-100-tracking-loose); - --eds-typography-ui-body-xs-tracking-normal: var(--eds-type-scale-inter-100-tracking-normal); - --eds-typography-ui-body-xs-tracking-tight: var(--eds-type-scale-inter-100-tracking-tight); - --eds-typography-ui-body-xs-font-size: var(--eds-type-scale-inter-100-font-size); - --eds-sizing-stroke-none: 0rem; - --eds-sizing-stroke-thick: 0.125rem; - --eds-sizing-stroke-thin: 0.063rem; - --eds-sizing-selectable-2xl: 3.25rem; - --eds-sizing-selectable-xl: 2.75rem; - --eds-sizing-selectable-lg: 2.25rem; - --eds-sizing-selectable-md: 1.5rem; - --eds-sizing-selectable-sm: 1.25rem; - --eds-sizing-selectable-xs: 1rem; - --eds-sizing-icon-6xl: 3rem; - --eds-sizing-icon-5xl: 2.625rem; - --eds-sizing-icon-4xl: 2.313rem; - --eds-sizing-icon-3xl: 2rem; - --eds-sizing-icon-2xl: 1.75rem; - --eds-sizing-icon-xl: 1.5rem; - --eds-sizing-icon-lg: 1.25rem; - --eds-sizing-icon-md: 1.125rem; - --eds-sizing-icon-sm: 1rem; - --eds-sizing-icon-xs: 0.875rem; - --eds-spacing-inset-xl-stack-stretched: var(--eds-spacing-stack-2-xl); - --eds-spacing-inset-xl-stack-squared: var(--eds-spacing-stack-xl); - --eds-spacing-inset-xl-stack-squished: var(--eds-spacing-stack-lg); - --eds-spacing-inset-xl-inline: var(--eds-spacing-inline-xl); - --eds-spacing-inset-lg-stack-stretched: var(--eds-spacing-stack-xl); - --eds-spacing-inset-lg-stack-squared: var(--eds-spacing-stack-lg); - --eds-spacing-inset-lg-stack-squished: var(--eds-spacing-stack-md); - --eds-spacing-inset-lg-inline: var(--eds-spacing-inline-lg); - --eds-spacing-inset-md-stack-stretched: var(--eds-spacing-stack-lg); - --eds-spacing-inset-md-stack-squared: var(--eds-spacing-stack-md); - --eds-spacing-inset-md-stack-squished: var(--eds-spacing-stack-sm); - --eds-spacing-inset-md-inline: var(--eds-spacing-inline-md); - --eds-spacing-inset-sm-stack-stretched: var(--eds-spacing-stack-md); - --eds-spacing-inset-sm-stack-squared: var(--eds-spacing-stack-sm); - --eds-spacing-inset-sm-stack-squished: var(--eds-spacing-stack-xs); - --eds-spacing-inset-sm-inline: var(--eds-spacing-inline-sm); - --eds-spacing-inset-xs-stack-stretched: var(--eds-spacing-stack-sm); - --eds-spacing-inset-xs-stack-squared: var(--eds-spacing-stack-xs); - --eds-spacing-inset-xs-stack-squished: var(--eds-spacing-stack-2-xs); - --eds-spacing-inset-xs-inline: var(--eds-spacing-inline-xs); - --eds-spacing-border-radius-none: 0rem; + --eds-spacing-icon-xs-gap-horizontal: 0.344rem; + --eds-spacing-icon-xs-gap-vertical: 0.344rem; + --eds-spacing-icon-sm-gap-horizontal: 0.406rem; + --eds-spacing-icon-sm-gap-vertical: 0.406rem; + --eds-spacing-icon-md-gap-horizontal: 0.469rem; + --eds-spacing-icon-md-gap-vertical: 0.469rem; + --eds-spacing-icon-lg-gap-horizontal: 0.531rem; + --eds-spacing-icon-lg-gap-vertical: 0.531rem; + --eds-spacing-icon-xl-gap-horizontal: 0.625rem; + --eds-spacing-icon-xl-gap-vertical: 0.625rem; + --eds-spacing-icon-2xl-gap-horizontal: 0.719rem; + --eds-spacing-icon-2xl-gap-vertical: 0.719rem; + --eds-spacing-icon-3xl-gap-horizontal: 0.813rem; + --eds-spacing-icon-3xl-gap-vertical: 0.813rem; + --eds-spacing-icon-4xl-gap-horizontal: 0.938rem; + --eds-spacing-icon-4xl-gap-vertical: 0.938rem; + --eds-spacing-icon-5xl-gap-horizontal: 1.094rem; + --eds-spacing-icon-5xl-gap-vertical: 1.094rem; + --eds-spacing-icon-6xl-gap-horizontal: 1.25rem; + --eds-spacing-icon-6xl-gap-vertical: 1.25rem; + --eds-spacing-inline-4-xs: 0.063rem; + --eds-spacing-inline-3-xs: 0.125rem; + --eds-spacing-inline-2-xs: 0.25rem; + --eds-spacing-inline-xs: 0.375rem; + --eds-spacing-inline-sm: 0.5rem; + --eds-spacing-inline-md: 0.75rem; + --eds-spacing-inline-lg: 1rem; + --eds-spacing-inline-xl: 1.25rem; + --eds-spacing-inline-2-xl: 1.5rem; + --eds-spacing-inline-3-xl: 1.75rem; + --eds-spacing-stack-4-xs: 0.063rem; + --eds-spacing-stack-3-xs: 0.125rem; + --eds-spacing-stack-2-xs: 0.25rem; + --eds-spacing-stack-xs: 0.375rem; + --eds-spacing-stack-sm: 0.5rem; + --eds-spacing-stack-md: 0.75rem; + --eds-spacing-stack-lg: 1rem; + --eds-spacing-stack-xl: 1.25rem; + --eds-spacing-stack-2-xl: 1.5rem; + --eds-spacing-stack-3-xl: 1.75rem; --eds-spacing-border-radius-pill: 62.5rem; + --eds-spacing-border-radius-none: 0rem; + --eds-sizing-icon-xs: 0.875rem; + --eds-sizing-icon-sm: 1rem; + --eds-sizing-icon-md: 1.125rem; + --eds-sizing-icon-lg: 1.25rem; + --eds-sizing-icon-xl: 1.5rem; + --eds-sizing-icon-2xl: 1.75rem; + --eds-sizing-icon-3xl: 2rem; + --eds-sizing-icon-4xl: 2.313rem; + --eds-sizing-icon-5xl: 2.625rem; + --eds-sizing-icon-6xl: 3rem; + --eds-sizing-selectable-xs: 1rem; + --eds-sizing-selectable-sm: 1.25rem; + --eds-sizing-selectable-md: 1.5rem; + --eds-sizing-selectable-lg: 2.25rem; + --eds-sizing-selectable-xl: 2.75rem; + --eds-sizing-selectable-2xl: 3.25rem; + --eds-sizing-stroke-thin: 0.063rem; + --eds-sizing-stroke-thick: 0.125rem; + --eds-sizing-stroke-none: 0rem; --eds-spacing-border-radius-rounded: var(--eds-spacing-19); - --eds-spacing-stack-3-xl: 1.75rem; - --eds-spacing-stack-2-xl: 1.5rem; - --eds-spacing-stack-xl: 1.25rem; - --eds-spacing-stack-lg: 1rem; - --eds-spacing-stack-md: 0.75rem; - --eds-spacing-stack-sm: 0.5rem; - --eds-spacing-stack-xs: 0.375rem; - --eds-spacing-stack-2-xs: 0.25rem; - --eds-spacing-stack-3-xs: 0.125rem; - --eds-spacing-stack-4-xs: 0.063rem; - --eds-spacing-inline-3-xl: 1.75rem; - --eds-spacing-inline-2-xl: 1.5rem; - --eds-spacing-inline-xl: 1.25rem; - --eds-spacing-inline-lg: 1rem; - --eds-spacing-inline-md: 0.75rem; - --eds-spacing-inline-sm: 0.5rem; - --eds-spacing-inline-xs: 0.375rem; - --eds-spacing-inline-2-xs: 0.25rem; - --eds-spacing-inline-3-xs: 0.125rem; - --eds-spacing-inline-4-xs: 0.063rem; - --eds-spacing-icon-6xl-gap-vertical: 1.25rem; - --eds-spacing-icon-6xl-gap-horizontal: 1.25rem; - --eds-spacing-icon-5xl-gap-vertical: 1.094rem; - --eds-spacing-icon-5xl-gap-horizontal: 1.094rem; - --eds-spacing-icon-4xl-gap-vertical: 0.938rem; - --eds-spacing-icon-4xl-gap-horizontal: 0.938rem; - --eds-spacing-icon-3xl-gap-vertical: 0.813rem; - --eds-spacing-icon-3xl-gap-horizontal: 0.813rem; - --eds-spacing-icon-2xl-gap-vertical: 0.719rem; - --eds-spacing-icon-2xl-gap-horizontal: 0.719rem; - --eds-spacing-icon-xl-gap-vertical: 0.625rem; - --eds-spacing-icon-xl-gap-horizontal: 0.625rem; - --eds-spacing-icon-lg-gap-vertical: 0.531rem; - --eds-spacing-icon-lg-gap-horizontal: 0.531rem; - --eds-spacing-icon-md-gap-vertical: 0.469rem; - --eds-spacing-icon-md-gap-horizontal: 0.469rem; - --eds-spacing-icon-sm-gap-vertical: 0.406rem; - --eds-spacing-icon-sm-gap-horizontal: 0.406rem; - --eds-spacing-icon-xs-gap-vertical: 0.344rem; - --eds-spacing-icon-xs-gap-horizontal: 0.344rem; + --eds-spacing-inset-xs-inline: var(--eds-spacing-inline-xs); + --eds-spacing-inset-xs-stack-squished: var(--eds-spacing-stack-2-xs); + --eds-spacing-inset-xs-stack-squared: var(--eds-spacing-stack-xs); + --eds-spacing-inset-xs-stack-stretched: var(--eds-spacing-stack-sm); + --eds-spacing-inset-sm-inline: var(--eds-spacing-inline-sm); + --eds-spacing-inset-sm-stack-squished: var(--eds-spacing-stack-xs); + --eds-spacing-inset-sm-stack-squared: var(--eds-spacing-stack-sm); + --eds-spacing-inset-sm-stack-stretched: var(--eds-spacing-stack-md); + --eds-spacing-inset-md-inline: var(--eds-spacing-inline-md); + --eds-spacing-inset-md-stack-squished: var(--eds-spacing-stack-sm); + --eds-spacing-inset-md-stack-squared: var(--eds-spacing-stack-md); + --eds-spacing-inset-md-stack-stretched: var(--eds-spacing-stack-lg); + --eds-spacing-inset-lg-inline: var(--eds-spacing-inline-lg); + --eds-spacing-inset-lg-stack-squished: var(--eds-spacing-stack-md); + --eds-spacing-inset-lg-stack-squared: var(--eds-spacing-stack-lg); + --eds-spacing-inset-lg-stack-stretched: var(--eds-spacing-stack-xl); + --eds-spacing-inset-xl-inline: var(--eds-spacing-inline-xl); + --eds-spacing-inset-xl-stack-squished: var(--eds-spacing-stack-lg); + --eds-spacing-inset-xl-stack-squared: var(--eds-spacing-stack-xl); + --eds-spacing-inset-xl-stack-stretched: var(--eds-spacing-stack-2-xl); + --eds-typography-ui-body-xs-font-size: var(--eds-type-scale-inter-100-font-size); + --eds-typography-ui-body-xs-tracking-tight: var(--eds-type-scale-inter-100-tracking-tight); + --eds-typography-ui-body-xs-tracking-normal: var(--eds-type-scale-inter-100-tracking-normal); + --eds-typography-ui-body-xs-tracking-loose: var(--eds-type-scale-inter-100-tracking-loose); + --eds-typography-ui-body-xs-font-weight-lighter: var(--eds-type-scale-inter-100-font-weight-lighter); + --eds-typography-ui-body-xs-font-weight-normal: var(--eds-type-scale-inter-100-font-weight-normal); + --eds-typography-ui-body-xs-font-weight-bolder: var(--eds-type-scale-inter-100-font-weight-bolder); + --eds-typography-ui-body-sm-font-size: var(--eds-type-scale-inter-200-font-size); + --eds-typography-ui-body-sm-tracking-tight: var(--eds-type-scale-inter-200-tracking-tight); + --eds-typography-ui-body-sm-tracking-normal: var(--eds-type-scale-inter-200-tracking-normal); + --eds-typography-ui-body-sm-tracking-loose: var(--eds-type-scale-inter-200-tracking-loose); + --eds-typography-ui-body-sm-font-weight-lighter: var(--eds-type-scale-inter-200-font-weight-lighter); + --eds-typography-ui-body-sm-font-weight-normal: var(--eds-type-scale-inter-200-font-weight-normal); + --eds-typography-ui-body-sm-font-weight-bolder: var(--eds-type-scale-inter-200-font-weight-bolder); + --eds-typography-ui-body-font-family: var(--eds-font-family-inter); + --eds-typography-ui-body-md-font-size: var(--eds-type-scale-inter-300-font-size); + --eds-typography-ui-body-md-tracking-tight: var(--eds-type-scale-inter-300-tracking-tight); + --eds-typography-ui-body-md-tracking-normal: var(--eds-type-scale-inter-300-tracking-normal); + --eds-typography-ui-body-md-tracking-loose: var(--eds-type-scale-inter-300-tracking-loose); + --eds-typography-ui-body-md-font-weight-lighter: var(--eds-type-scale-inter-300-font-weight-lighter); + --eds-typography-ui-body-md-font-weight-normal: var(--eds-type-scale-inter-300-font-weight-normal); + --eds-typography-ui-body-md-font-weight-bolder: var(--eds-type-scale-inter-300-font-weight-bolder); + --eds-typography-ui-body-lg-font-size: var(--eds-type-scale-inter-400-font-size); + --eds-typography-ui-body-lg-tracking-tight: var(--eds-type-scale-inter-400-tracking-tight); + --eds-typography-ui-body-lg-tracking-normal: var(--eds-type-scale-inter-400-tracking-normal); + --eds-typography-ui-body-lg-tracking-loose: var(--eds-type-scale-inter-400-tracking-loose); + --eds-typography-ui-body-lg-font-weight-lighter: var(--eds-type-scale-inter-400-font-weight-lighter); + --eds-typography-ui-body-lg-font-weight-normal: var(--eds-type-scale-inter-400-font-weight-normal); + --eds-typography-ui-body-lg-font-weight-bolder: var(--eds-type-scale-inter-400-font-weight-bolder); + --eds-typography-ui-body-xl-font-size: var(--eds-type-scale-inter-500-font-size); + --eds-typography-ui-body-xl-tracking-tight: var(--eds-type-scale-inter-500-tracking-tight); + --eds-typography-ui-body-xl-tracking-normal: var(--eds-type-scale-inter-500-tracking-normal); + --eds-typography-ui-body-xl-tracking-loose: var(--eds-type-scale-inter-500-tracking-loose); + --eds-typography-ui-body-xl-font-weight-lighter: var(--eds-type-scale-inter-500-font-weight-lighter); + --eds-typography-ui-body-xl-font-weight-normal: var(--eds-type-scale-inter-500-font-weight-normal); + --eds-typography-ui-body-xl-font-weight-bolder: var(--eds-type-scale-inter-500-font-weight-bolder); + --eds-typography-ui-body-2xl-font-size: var(--eds-type-scale-inter-600-font-size); + --eds-typography-ui-body-2xl-tracking-tight: var(--eds-type-scale-inter-600-tracking-tight); + --eds-typography-ui-body-2xl-tracking-normal: var(--eds-type-scale-inter-600-tracking-normal); + --eds-typography-ui-body-2xl-tracking-loose: var(--eds-type-scale-inter-600-tracking-loose); + --eds-typography-ui-body-2xl-font-weight-lighter: var(--eds-type-scale-inter-600-font-weight-lighter); + --eds-typography-ui-body-2xl-font-weight-normal: var(--eds-type-scale-inter-600-font-weight-normal); + --eds-typography-ui-body-2xl-font-weight-bolder: var(--eds-type-scale-inter-600-font-weight-bolder); + --eds-typography-ui-body-3xl-font-size: var(--eds-type-scale-inter-700-font-size); + --eds-typography-ui-body-3xl-tracking-tight: var(--eds-type-scale-inter-700-tracking-tight); + --eds-typography-ui-body-3xl-tracking-normal: var(--eds-type-scale-inter-700-tracking-normal); + --eds-typography-ui-body-3xl-tracking-loose: var(--eds-type-scale-inter-700-tracking-loose); + --eds-typography-ui-body-3xl-font-weight-lighter: var(--eds-type-scale-inter-700-font-weight-lighter); + --eds-typography-ui-body-3xl-font-weight-normal: var(--eds-type-scale-inter-700-font-weight-normal); + --eds-typography-ui-body-3xl-font-weight-bolder: var(--eds-type-scale-inter-700-font-weight-bolder); + --eds-typography-ui-body-4xl-font-size: var(--eds-type-scale-inter-800-font-size); + --eds-typography-ui-body-4xl-tracking-tight: var(--eds-type-scale-inter-800-tracking-tight); + --eds-typography-ui-body-4xl-tracking-normal: var(--eds-type-scale-inter-800-tracking-normal); + --eds-typography-ui-body-4xl-tracking-loose: var(--eds-type-scale-inter-800-tracking-loose); + --eds-typography-ui-body-4xl-font-weight-lighter: var(--eds-type-scale-inter-800-font-weight-lighter); + --eds-typography-ui-body-4xl-font-weight-normal: var(--eds-type-scale-inter-800-font-weight-normal); + --eds-typography-ui-body-4xl-font-weight-bolder: var(--eds-type-scale-inter-800-font-weight-bolder); + --eds-typography-ui-body-5xl-font-size: var(--eds-type-scale-inter-900-font-size); + --eds-typography-ui-body-5xl-tracking-tight: var(--eds-type-scale-inter-900-tracking-tight); + --eds-typography-ui-body-5xl-tracking-normal: var(--eds-type-scale-inter-900-tracking-normal); + --eds-typography-ui-body-5xl-tracking-loose: var(--eds-type-scale-inter-900-tracking-loose); + --eds-typography-ui-body-5xl-font-weight-lighter: var(--eds-type-scale-inter-900-font-weight-lighter); + --eds-typography-ui-body-5xl-font-weight-normal: var(--eds-type-scale-inter-900-font-weight-normal); + --eds-typography-ui-body-5xl-font-weight-bolder: var(--eds-type-scale-inter-900-font-weight-bolder); + --eds-typography-ui-body-6xl-font-size: var(--eds-type-scale-inter-1000-font-size); + --eds-typography-ui-body-6xl-tracking-tight: var(--eds-type-scale-inter-1000-tracking-tight); + --eds-typography-ui-body-6xl-tracking-normal: var(--eds-type-scale-inter-1000-tracking-normal); + --eds-typography-ui-body-6xl-tracking-loose: var(--eds-type-scale-inter-1000-tracking-loose); + --eds-typography-ui-body-6xl-font-weight-lighter: var(--eds-type-scale-inter-1000-font-weight-lighter); + --eds-typography-ui-body-6xl-font-weight-normal: var(--eds-type-scale-inter-1000-tracking-normal); + --eds-typography-ui-body-6xl-font-weight-bolder: var(--eds-type-scale-inter-1000-font-weight-bolder); + --eds-typography-header-xs-font-size: var(--eds-type-scale-equinor-100-font-size); + --eds-typography-header-xs-tracking-tight: var(--eds-type-scale-equinor-100-tracking-tight); + --eds-typography-header-xs-tracking-normal: var(--eds-type-scale-equinor-100-tracking-normal); + --eds-typography-header-xs-tracking-loose: var(--eds-type-scale-equinor-100-tracking-loose); + --eds-typography-header-xs-font-weight-lighter: var(--eds-type-scale-equinor-100-font-weight-lighter); + --eds-typography-header-xs-font-weight-normal: var(--eds-type-scale-equinor-100-font-weight-normal); + --eds-typography-header-xs-font-weight-bolder: var(--eds-type-scale-equinor-100-font-weight-bolder); + --eds-typography-header-font-family: var(--eds-font-family-equinor); + --eds-typography-header-sm-font-size: var(--eds-type-scale-equinor-200-font-size); + --eds-typography-header-sm-tracking-tight: var(--eds-type-scale-equinor-200-tracking-tight); + --eds-typography-header-sm-tracking-normal: var(--eds-type-scale-equinor-200-tracking-normal); + --eds-typography-header-sm-tracking-loose: var(--eds-type-scale-equinor-200-tracking-loose); + --eds-typography-header-sm-font-weight-lighter: var(--eds-type-scale-equinor-200-font-weight-lighter); + --eds-typography-header-sm-font-weight-normal: var(--eds-type-scale-equinor-200-font-weight-normal); + --eds-typography-header-sm-font-weight-bolder: var(--eds-type-scale-equinor-200-font-weight-bolder); + --eds-typography-header-md-font-size: var(--eds-type-scale-equinor-300-font-size); + --eds-typography-header-md-tracking-tight: var(--eds-type-scale-equinor-300-tracking-tight); + --eds-typography-header-md-tracking-normal: var(--eds-type-scale-equinor-300-tracking-normal); + --eds-typography-header-md-tracking-loose: var(--eds-type-scale-equinor-300-tracking-loose); + --eds-typography-header-md-font-weight-lighter: var(--eds-type-scale-equinor-300-font-weight-lighter); + --eds-typography-header-md-font-weight-normal: var(--eds-type-scale-equinor-300-font-weight-normal); + --eds-typography-header-md-font-weight-bolder: var(--eds-type-scale-equinor-300-font-weight-bolder); + --eds-typography-header-lg-font-size: var(--eds-type-scale-equinor-400-font-size); + --eds-typography-header-lg-tracking-tight: var(--eds-type-scale-equinor-400-tracking-tight); + --eds-typography-header-lg-tracking-normal: var(--eds-type-scale-equinor-400-tracking-normal); + --eds-typography-header-lg-tracking-loose: var(--eds-type-scale-equinor-400-tracking-loose); + --eds-typography-header-lg-font-weight-lighter: var(--eds-type-scale-equinor-400-font-weight-lighter); + --eds-typography-header-lg-font-weight-normal: var(--eds-type-scale-equinor-400-font-weight-normal); + --eds-typography-header-lg-font-weight-bolder: var(--eds-type-scale-equinor-400-font-weight-bolder); + --eds-typography-header-xl-font-size: var(--eds-type-scale-equinor-500-font-size); + --eds-typography-header-xl-tracking-tight: var(--eds-type-scale-equinor-500-tracking-tight); + --eds-typography-header-xl-tracking-normal: var(--eds-type-scale-equinor-500-tracking-normal); + --eds-typography-header-xl-tracking-loose: var(--eds-type-scale-equinor-500-tracking-loose); + --eds-typography-header-xl-font-weight-lighter: var(--eds-type-scale-equinor-500-font-weight-lighter); + --eds-typography-header-xl-font-weight-normal: var(--eds-type-scale-equinor-500-font-weight-normal); + --eds-typography-header-xl-font-weight-bolder: var(--eds-type-scale-equinor-500-font-weight-bolder); + --eds-typography-header-2xl-font-size: var(--eds-type-scale-equinor-600-font-size); + --eds-typography-header-2xl-tracking-tight: var(--eds-type-scale-equinor-600-tracking-tight); + --eds-typography-header-2xl-tracking-normal: var(--eds-type-scale-equinor-600-tracking-normal); + --eds-typography-header-2xl-tracking-loose: var(--eds-type-scale-equinor-600-tracking-loose); + --eds-typography-header-2xl-font-weight-lighter: var(--eds-type-scale-equinor-600-font-weight-lighter); + --eds-typography-header-2xl-font-weight-normal: var(--eds-type-scale-equinor-600-font-weight-normal); + --eds-typography-header-2xl-font-weight-bolder: var(--eds-type-scale-equinor-600-font-weight-bolder); + --eds-typography-header-3xl-font-size: var(--eds-type-scale-equinor-700-font-size); + --eds-typography-header-3xl-tracking-tight: var(--eds-type-scale-equinor-700-tracking-tight); + --eds-typography-header-3xl-tracking-normal: var(--eds-type-scale-equinor-700-tracking-normal); + --eds-typography-header-3xl-tracking-loose: var(--eds-type-scale-equinor-700-tracking-loose); + --eds-typography-header-3xl-font-weight-lighter: var(--eds-type-scale-equinor-700-font-weight-lighter); + --eds-typography-header-3xl-font-weight-normal: var(--eds-type-scale-equinor-700-font-weight-normal); + --eds-typography-header-3xl-font-weight-bolder: var(--eds-type-scale-equinor-700-font-weight-bolder); + --eds-typography-header-4xl-font-size: var(--eds-type-scale-equinor-800-font-size); + --eds-typography-header-4xl-tracking-tight: var(--eds-type-scale-equinor-800-tracking-tight); + --eds-typography-header-4xl-tracking-normal: var(--eds-type-scale-equinor-800-tracking-normal); + --eds-typography-header-4xl-tracking-loose: var(--eds-type-scale-equinor-800-tracking-loose); + --eds-typography-header-4xl-font-weight-lighter: var(--eds-type-scale-equinor-800-font-weight-lighter); + --eds-typography-header-4xl-font-weight-normal: var(--eds-type-scale-equinor-800-font-weight-normal); + --eds-typography-header-4xl-font-weight-bolder: var(--eds-type-scale-equinor-800-font-weight-bolder); + --eds-typography-header-5xl-font-size: var(--eds-type-scale-equinor-900-font-size); + --eds-typography-header-5xl-tracking-tight: var(--eds-type-scale-equinor-900-tracking-tight); + --eds-typography-header-5xl-tracking-normal: var(--eds-type-scale-equinor-900-tracking-normal); + --eds-typography-header-5xl-tracking-loose: var(--eds-type-scale-equinor-900-tracking-loose); + --eds-typography-header-5xl-font-weight-lighter: var(--eds-type-scale-equinor-900-font-weight-lighter); + --eds-typography-header-5xl-font-weight-normal: var(--eds-type-scale-equinor-900-font-weight-normal); + --eds-typography-header-5xl-font-weight-bolder: var(--eds-type-scale-equinor-900-font-weight-bolder); + --eds-typography-header-6xl-font-size: var(--eds-type-scale-equinor-1000-font-size); + --eds-typography-header-6xl-tracking-tight: var(--eds-type-scale-equinor-1000-tracking-tight); + --eds-typography-header-6xl-tracking-normal: var(--eds-type-scale-equinor-1000-tracking-normal); + --eds-typography-header-6xl-tracking-loose: var(--eds-type-scale-equinor-1000-tracking-loose); + --eds-typography-header-6xl-font-weight-lighter: var(--eds-type-scale-equinor-1000-font-weight-lighter); + --eds-typography-header-6xl-font-weight-normal: var(--eds-type-scale-equinor-1000-font-weight-normal); + --eds-typography-header-6xl-font-weight-bolder: var(--eds-type-scale-equinor-1000-font-weight-bolder); + --eds-typography-ui-body-xs-lineheight-default: var(--eds-lineheight-scale-100-default); + --eds-typography-ui-body-xs-lineheight-squished: var(--eds-lineheight-scale-100-lineheight-squished); + --eds-typography-ui-body-sm-lineheight-default: var(--eds-lineheight-scale-200-default); + --eds-typography-ui-body-sm-lineheight-squished: var(--eds-lineheight-scale-200-lineheight-squished); + --eds-typography-ui-body-md-lineheight-default: var(--eds-lineheight-scale-300-default); + --eds-typography-ui-body-md-lineheight-squished: var(--eds-lineheight-scale-300-lineheight-squished); + --eds-typography-ui-body-lg-lineheight-default: var(--eds-lineheight-scale-400-default); + --eds-typography-ui-body-lg-lineheight-squished: var(--eds-lineheight-scale-400-lineheight-squished); + --eds-typography-ui-body-xl-lineheight-default: var(--eds-lineheight-scale-500-default); + --eds-typography-ui-body-xl-lineheight-squished: var(--eds-lineheight-scale-500-lineheight-squished); + --eds-typography-ui-body-2xl-lineheight-default: var(--eds-lineheight-scale-600-default); + --eds-typography-ui-body-2xl-lineheight-squished: var(--eds-lineheight-scale-600-lineheight-squished); + --eds-typography-ui-body-3xl-lineheight-default: var(--eds-lineheight-scale-700-default); + --eds-typography-ui-body-3xl-lineheight-squished: var(--eds-lineheight-scale-700-lineheight-squished); + --eds-typography-ui-body-4xl-lineheight-default: var(--eds-lineheight-scale-800-default); + --eds-typography-ui-body-4xl-lineheight-squished: var(--eds-lineheight-scale-800-lineheight-squished); + --eds-typography-ui-body-5xl-lineheight-default: var(--eds-lineheight-scale-900-default); + --eds-typography-ui-body-5xl-lineheight-squished: var(--eds-lineheight-scale-900-lineheight-squished); + --eds-typography-ui-body-6xl-lineheight-default: var(--eds-lineheight-scale-1000-default); + --eds-typography-ui-body-6xl-lineheight-squished: var(--eds-lineheight-scale-1000-lineheight-squished); + --eds-typography-header-xs-lineheight-default: var(--eds-lineheight-scale-100-default); + --eds-typography-header-xs-lineheight-squished: var(--eds-lineheight-scale-100-lineheight-squished); + --eds-typography-header-sm-lineheight-default: var(--eds-lineheight-scale-200-default); + --eds-typography-header-sm-lineheight-squished: var(--eds-lineheight-scale-200-lineheight-squished); + --eds-typography-header-md-lineheight-default: var(--eds-lineheight-scale-300-default); + --eds-typography-header-md-lineheight-squished: var(--eds-lineheight-scale-300-lineheight-squished); + --eds-typography-header-lg-lineheight-default: var(--eds-lineheight-scale-400-default); + --eds-typography-header-lg-lineheight-squished: var(--eds-lineheight-scale-400-lineheight-squished); + --eds-typography-header-xl-lineheight-default: var(--eds-lineheight-scale-500-default); + --eds-typography-header-xl-lineheight-squished: var(--eds-lineheight-scale-500-lineheight-squished); + --eds-typography-header-2xl-lineheight-default: var(--eds-lineheight-scale-600-default); + --eds-typography-header-2xl-lineheight-squished: var(--eds-lineheight-scale-600-lineheight-squished); + --eds-typography-header-3xl-lineheight-default: var(--eds-lineheight-scale-700-default); + --eds-typography-header-3xl-lineheight-squished: var(--eds-lineheight-scale-700-lineheight-squished); + --eds-typography-header-4xl-lineheight-default: var(--eds-lineheight-scale-800-default); + --eds-typography-header-4xl-lineheight-squished: var(--eds-lineheight-scale-800-lineheight-squished); + --eds-typography-header-5xl-lineheight-default: var(--eds-lineheight-scale-900-default); + --eds-typography-header-5xl-lineheight-squished: var(--eds-lineheight-scale-900-lineheight-squished); + --eds-typography-header-6xl-lineheight-default: var(--eds-lineheight-scale-1000-default); + --eds-typography-header-6xl-lineheight-squished: var(--eds-lineheight-scale-1000-lineheight-squished); } diff --git a/packages/eds-tokens/build/css/spacing/spacing-verbose.css b/packages/eds-tokens/build/css/spacing/spacing-verbose.css index c1055cadeb..181f7738f7 100644 --- a/packages/eds-tokens/build/css/spacing/spacing-verbose.css +++ b/packages/eds-tokens/build/css/spacing/spacing-verbose.css @@ -3,268 +3,268 @@ */ :root, [data-density] { - --eds-typography-header-6xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-1100-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-1000-lineheight-squished)); - --eds-typography-header-6xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-1100-default)) var(--eds--comfortable, var(--eds-lineheight-scale-1000-default)); - --eds-typography-header-6xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-1100-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-1000-font-weight-bolder)); - --eds-typography-header-6xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-1100-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-1000-font-weight-normal)); - --eds-typography-header-6xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-1100-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-1000-font-weight-lighter)); - --eds-typography-header-6xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-1100-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-1000-tracking-loose)); - --eds-typography-header-6xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-1100-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-1000-tracking-normal)); - --eds-typography-header-6xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-1100-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-1000-tracking-tight)); - --eds-typography-header-6xl-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-1100-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-1000-font-size)); - --eds-typography-header-5xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-1000-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-900-lineheight-squished)); - --eds-typography-header-5xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-1000-default)) var(--eds--comfortable, var(--eds-lineheight-scale-900-default)); - --eds-typography-header-5xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-1000-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-900-font-weight-bolder)); - --eds-typography-header-5xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-1000-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-900-font-weight-normal)); - --eds-typography-header-5xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-1000-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-900-font-weight-lighter)); - --eds-typography-header-5xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-1000-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-900-tracking-loose)); - --eds-typography-header-5xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-1000-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-900-tracking-normal)); - --eds-typography-header-5xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-1000-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-900-tracking-tight)); - --eds-typography-header-5xl-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-1000-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-900-font-size)); - --eds-typography-header-4xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-900-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-800-lineheight-squished)); - --eds-typography-header-4xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-900-default)) var(--eds--comfortable, var(--eds-lineheight-scale-800-default)); - --eds-typography-header-4xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-900-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-800-font-weight-bolder)); - --eds-typography-header-4xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-900-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-800-font-weight-normal)); - --eds-typography-header-4xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-900-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-800-font-weight-lighter)); - --eds-typography-header-4xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-900-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-800-tracking-loose)); - --eds-typography-header-4xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-900-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-800-tracking-normal)); - --eds-typography-header-4xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-900-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-800-tracking-tight)); - --eds-typography-header-4xl-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-900-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-800-font-size)); - --eds-typography-header-3xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-800-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-700-lineheight-squished)); - --eds-typography-header-3xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-800-default)) var(--eds--comfortable, var(--eds-lineheight-scale-700-default)); - --eds-typography-header-3xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-800-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-700-font-weight-bolder)); - --eds-typography-header-3xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-800-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-700-font-weight-normal)); - --eds-typography-header-3xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-800-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-700-font-weight-lighter)); - --eds-typography-header-3xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-800-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-700-tracking-loose)); - --eds-typography-header-3xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-800-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-700-tracking-normal)); - --eds-typography-header-3xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-800-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-700-tracking-tight)); - --eds-typography-header-3xl-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-800-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-700-font-size)); - --eds-typography-header-2xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-700-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-600-lineheight-squished)); - --eds-typography-header-2xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-700-default)) var(--eds--comfortable, var(--eds-lineheight-scale-600-default)); - --eds-typography-header-2xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-700-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-600-font-weight-bolder)); - --eds-typography-header-2xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-700-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-600-font-weight-normal)); - --eds-typography-header-2xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-700-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-600-font-weight-lighter)); - --eds-typography-header-2xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-700-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-600-tracking-loose)); - --eds-typography-header-2xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-700-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-600-tracking-normal)); - --eds-typography-header-2xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-700-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-600-tracking-tight)); - --eds-typography-header-2xl-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-700-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-600-font-size)); - --eds-typography-header-xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-600-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-500-lineheight-squished)); - --eds-typography-header-xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-600-default)) var(--eds--comfortable, var(--eds-lineheight-scale-500-default)); - --eds-typography-header-xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-600-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-500-font-weight-bolder)); - --eds-typography-header-xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-600-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-500-font-weight-normal)); - --eds-typography-header-xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-600-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-500-font-weight-lighter)); - --eds-typography-header-xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-600-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-500-tracking-loose)); - --eds-typography-header-xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-600-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-500-tracking-normal)); - --eds-typography-header-xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-600-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-500-tracking-tight)); - --eds-typography-header-xl-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-600-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-500-font-size)); - --eds-typography-header-lg-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-500-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-400-lineheight-squished)); - --eds-typography-header-lg-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-500-default)) var(--eds--comfortable, var(--eds-lineheight-scale-400-default)); - --eds-typography-header-lg-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-500-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-400-font-weight-bolder)); - --eds-typography-header-lg-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-500-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-400-font-weight-normal)); - --eds-typography-header-lg-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-500-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-400-font-weight-lighter)); - --eds-typography-header-lg-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-500-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-400-tracking-loose)); - --eds-typography-header-lg-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-500-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-400-tracking-normal)); - --eds-typography-header-lg-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-500-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-400-tracking-tight)); - --eds-typography-header-lg-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-500-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-400-font-size)); - --eds-typography-header-md-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-400-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-300-lineheight-squished)); - --eds-typography-header-md-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-400-default)) var(--eds--comfortable, var(--eds-lineheight-scale-300-default)); - --eds-typography-header-md-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-400-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-300-font-weight-bolder)); - --eds-typography-header-md-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-400-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-300-font-weight-normal)); - --eds-typography-header-md-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-400-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-300-font-weight-lighter)); - --eds-typography-header-md-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-400-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-300-tracking-loose)); - --eds-typography-header-md-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-400-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-300-tracking-normal)); - --eds-typography-header-md-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-400-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-300-tracking-tight)); - --eds-typography-header-md-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-400-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-300-font-size)); - --eds-typography-header-sm-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-300-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-200-lineheight-squished)); - --eds-typography-header-sm-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-300-default)) var(--eds--comfortable, var(--eds-lineheight-scale-200-default)); - --eds-typography-header-sm-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-300-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-200-font-weight-bolder)); - --eds-typography-header-sm-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-300-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-200-font-weight-normal)); - --eds-typography-header-sm-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-300-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-200-font-weight-lighter)); - --eds-typography-header-sm-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-300-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-200-tracking-loose)); - --eds-typography-header-sm-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-300-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-200-tracking-normal)); - --eds-typography-header-sm-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-300-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-200-tracking-tight)); - --eds-typography-header-sm-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-300-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-200-font-size)); - --eds-typography-header-font-family: var(--eds-font-family-equinor); - --eds-typography-header-xs-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-200-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-100-lineheight-squished)); - --eds-typography-header-xs-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-200-default)) var(--eds--comfortable, var(--eds-lineheight-scale-100-default)); - --eds-typography-header-xs-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-200-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-100-font-weight-bolder)); - --eds-typography-header-xs-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-200-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-100-font-weight-normal)); - --eds-typography-header-xs-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-200-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-100-font-weight-lighter)); - --eds-typography-header-xs-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-200-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-100-tracking-loose)); - --eds-typography-header-xs-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-200-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-100-tracking-normal)); - --eds-typography-header-xs-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-200-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-100-tracking-tight)); - --eds-typography-header-xs-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-200-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-100-font-size)); - --eds-typography-ui-body-6xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-1100-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-1000-lineheight-squished)); - --eds-typography-ui-body-6xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-1100-default)) var(--eds--comfortable, var(--eds-lineheight-scale-1000-default)); - --eds-typography-ui-body-6xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-inter-1100-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-1000-font-weight-bolder)); - --eds-typography-ui-body-6xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-inter-1100-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-1000-tracking-normal)); - --eds-typography-ui-body-6xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-inter-1100-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-1000-font-weight-lighter)); - --eds-typography-ui-body-6xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-inter-1100-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-1000-tracking-loose)); - --eds-typography-ui-body-6xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-inter-1100-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-1000-tracking-normal)); - --eds-typography-ui-body-6xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-inter-1100-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-1000-tracking-tight)); - --eds-typography-ui-body-6xl-font-size: var(--eds--spacious, var(--eds-type-scale-inter-1100-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-1000-font-size)); - --eds-typography-ui-body-5xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-1000-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-900-lineheight-squished)); - --eds-typography-ui-body-5xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-1000-default)) var(--eds--comfortable, var(--eds-lineheight-scale-900-default)); - --eds-typography-ui-body-5xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-inter-1000-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-900-font-weight-bolder)); - --eds-typography-ui-body-5xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-inter-1000-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-900-font-weight-normal)); - --eds-typography-ui-body-5xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-inter-1000-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-900-font-weight-lighter)); - --eds-typography-ui-body-5xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-inter-1000-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-900-tracking-loose)); - --eds-typography-ui-body-5xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-inter-1000-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-900-tracking-normal)); - --eds-typography-ui-body-5xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-inter-1000-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-900-tracking-tight)); - --eds-typography-ui-body-5xl-font-size: var(--eds--spacious, var(--eds-type-scale-inter-1000-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-900-font-size)); - --eds-typography-ui-body-4xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-900-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-800-lineheight-squished)); - --eds-typography-ui-body-4xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-900-default)) var(--eds--comfortable, var(--eds-lineheight-scale-800-default)); - --eds-typography-ui-body-4xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-inter-900-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-800-font-weight-bolder)); - --eds-typography-ui-body-4xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-inter-900-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-800-font-weight-normal)); - --eds-typography-ui-body-4xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-inter-900-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-800-font-weight-lighter)); - --eds-typography-ui-body-4xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-inter-900-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-800-tracking-loose)); - --eds-typography-ui-body-4xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-inter-900-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-800-tracking-normal)); - --eds-typography-ui-body-4xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-inter-900-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-800-tracking-tight)); - --eds-typography-ui-body-4xl-font-size: var(--eds--spacious, var(--eds-type-scale-inter-900-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-800-font-size)); - --eds-typography-ui-body-3xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-800-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-700-lineheight-squished)); - --eds-typography-ui-body-3xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-800-default)) var(--eds--comfortable, var(--eds-lineheight-scale-700-default)); - --eds-typography-ui-body-3xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-inter-800-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-700-font-weight-bolder)); - --eds-typography-ui-body-3xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-inter-800-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-700-font-weight-normal)); - --eds-typography-ui-body-3xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-inter-800-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-700-font-weight-lighter)); - --eds-typography-ui-body-3xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-inter-800-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-700-tracking-loose)); - --eds-typography-ui-body-3xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-inter-800-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-700-tracking-normal)); - --eds-typography-ui-body-3xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-inter-800-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-700-tracking-tight)); - --eds-typography-ui-body-3xl-font-size: var(--eds--spacious, var(--eds-type-scale-inter-800-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-700-font-size)); - --eds-typography-ui-body-2xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-700-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-600-lineheight-squished)); - --eds-typography-ui-body-2xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-700-default)) var(--eds--comfortable, var(--eds-lineheight-scale-600-default)); - --eds-typography-ui-body-2xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-inter-700-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-600-font-weight-bolder)); - --eds-typography-ui-body-2xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-inter-700-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-600-font-weight-normal)); - --eds-typography-ui-body-2xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-inter-700-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-600-font-weight-lighter)); - --eds-typography-ui-body-2xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-inter-700-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-600-tracking-loose)); - --eds-typography-ui-body-2xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-inter-700-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-600-tracking-normal)); - --eds-typography-ui-body-2xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-inter-700-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-600-tracking-tight)); - --eds-typography-ui-body-2xl-font-size: var(--eds--spacious, var(--eds-type-scale-inter-700-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-600-font-size)); - --eds-typography-ui-body-xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-600-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-500-lineheight-squished)); - --eds-typography-ui-body-xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-600-default)) var(--eds--comfortable, var(--eds-lineheight-scale-500-default)); - --eds-typography-ui-body-xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-inter-600-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-500-font-weight-bolder)); - --eds-typography-ui-body-xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-inter-600-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-500-font-weight-normal)); - --eds-typography-ui-body-xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-inter-600-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-500-font-weight-lighter)); - --eds-typography-ui-body-xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-inter-600-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-500-tracking-loose)); - --eds-typography-ui-body-xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-inter-600-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-500-tracking-normal)); - --eds-typography-ui-body-xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-inter-600-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-500-tracking-tight)); - --eds-typography-ui-body-xl-font-size: var(--eds--spacious, var(--eds-type-scale-inter-600-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-500-font-size)); - --eds-typography-ui-body-lg-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-500-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-400-lineheight-squished)); - --eds-typography-ui-body-lg-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-500-default)) var(--eds--comfortable, var(--eds-lineheight-scale-400-default)); - --eds-typography-ui-body-lg-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-500-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-400-font-weight-bolder)); - --eds-typography-ui-body-lg-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-500-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-400-font-weight-normal)); - --eds-typography-ui-body-lg-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-500-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-400-font-weight-lighter)); - --eds-typography-ui-body-lg-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-500-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-400-tracking-loose)); - --eds-typography-ui-body-lg-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-500-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-400-tracking-normal)); - --eds-typography-ui-body-lg-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-500-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-400-tracking-tight)); - --eds-typography-ui-body-lg-font-size: var(--eds--spacious, var(--eds-type-scale-inter-500-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-400-font-size)); - --eds-typography-ui-body-md-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-400-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-300-lineheight-squished)); - --eds-typography-ui-body-md-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-400-default)) var(--eds--comfortable, var(--eds-lineheight-scale-300-default)); - --eds-typography-ui-body-md-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-inter-400-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-300-font-weight-bolder)); - --eds-typography-ui-body-md-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-inter-400-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-300-font-weight-normal)); - --eds-typography-ui-body-md-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-inter-400-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-300-font-weight-lighter)); - --eds-typography-ui-body-md-tracking-loose: var(--eds--spacious, var(--eds-type-scale-inter-400-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-300-tracking-loose)); - --eds-typography-ui-body-md-tracking-normal: var(--eds--spacious, var(--eds-type-scale-inter-400-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-300-tracking-normal)); - --eds-typography-ui-body-md-tracking-tight: var(--eds--spacious, var(--eds-type-scale-inter-400-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-300-tracking-tight)); - --eds-typography-ui-body-md-font-size: var(--eds--spacious, var(--eds-type-scale-inter-400-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-300-font-size)); - --eds-typography-ui-body-font-family: var(--eds-font-family-inter); - --eds-typography-ui-body-sm-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-300-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-200-lineheight-squished)); - --eds-typography-ui-body-sm-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-300-default)) var(--eds--comfortable, var(--eds-lineheight-scale-200-default)); - --eds-typography-ui-body-sm-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-inter-300-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-200-font-weight-bolder)); - --eds-typography-ui-body-sm-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-inter-300-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-200-font-weight-normal)); - --eds-typography-ui-body-sm-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-inter-300-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-200-font-weight-lighter)); - --eds-typography-ui-body-sm-tracking-loose: var(--eds--spacious, var(--eds-type-scale-inter-300-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-200-tracking-loose)); - --eds-typography-ui-body-sm-tracking-normal: var(--eds--spacious, var(--eds-type-scale-inter-300-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-200-tracking-normal)); - --eds-typography-ui-body-sm-tracking-tight: var(--eds--spacious, var(--eds-type-scale-inter-300-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-200-tracking-tight)); - --eds-typography-ui-body-sm-font-size: var(--eds--spacious, var(--eds-type-scale-inter-300-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-200-font-size)); - --eds-typography-ui-body-xs-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-200-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-100-lineheight-squished)); - --eds-typography-ui-body-xs-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-200-default)) var(--eds--comfortable, var(--eds-lineheight-scale-100-default)); - --eds-typography-ui-body-xs-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-inter-200-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-100-font-weight-bolder)); - --eds-typography-ui-body-xs-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-inter-200-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-100-font-weight-normal)); - --eds-typography-ui-body-xs-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-inter-200-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-100-font-weight-lighter)); - --eds-typography-ui-body-xs-tracking-loose: var(--eds--spacious, var(--eds-type-scale-inter-200-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-100-tracking-loose)); - --eds-typography-ui-body-xs-tracking-normal: var(--eds--spacious, var(--eds-type-scale-inter-200-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-100-tracking-normal)); - --eds-typography-ui-body-xs-tracking-tight: var(--eds--spacious, var(--eds-type-scale-inter-200-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-100-tracking-tight)); - --eds-typography-ui-body-xs-font-size: var(--eds--spacious, var(--eds-type-scale-inter-200-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-100-font-size)); - --eds-sizing-stroke-none: 0rem; - --eds-sizing-stroke-thick: var(--eds--spacious, 0.125rem) var(--eds--comfortable, 0.125rem); - --eds-sizing-stroke-thin: var(--eds--spacious, 0.063rem) var(--eds--comfortable, 0.063rem); - --eds-sizing-selectable-2xl: var(--eds--spacious, 3.75rem) var(--eds--comfortable, 3.25rem); - --eds-sizing-selectable-xl: var(--eds--spacious, 3.25rem) var(--eds--comfortable, 2.75rem); - --eds-sizing-selectable-lg: var(--eds--spacious, 2.75rem) var(--eds--comfortable, 2.25rem); - --eds-sizing-selectable-md: var(--eds--spacious, 2.25rem) var(--eds--comfortable, 1.5rem); - --eds-sizing-selectable-sm: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem); - --eds-sizing-selectable-xs: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem); - --eds-sizing-icon-6xl: var(--eds--spacious, 3.5rem) var(--eds--comfortable, 3rem); - --eds-sizing-icon-5xl: var(--eds--spacious, 3rem) var(--eds--comfortable, 2.625rem); - --eds-sizing-icon-4xl: var(--eds--spacious, 2.625rem) var(--eds--comfortable, 2.313rem); - --eds-sizing-icon-3xl: var(--eds--spacious, 2.313rem) var(--eds--comfortable, 2rem); - --eds-sizing-icon-2xl: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem); - --eds-sizing-icon-xl: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem); - --eds-sizing-icon-lg: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem); - --eds-sizing-icon-md: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1.125rem); - --eds-sizing-icon-sm: var(--eds--spacious, 1.125rem) var(--eds--comfortable, 1rem); - --eds-sizing-icon-xs: var(--eds--spacious, 1rem) var(--eds--comfortable, 0.875rem); - --eds-spacing-inset-xl-stack-stretched: var(--eds-spacing-stack-2-xl); - --eds-spacing-inset-xl-stack-squared: var(--eds-spacing-stack-xl); - --eds-spacing-inset-xl-stack-squished: var(--eds-spacing-stack-lg); - --eds-spacing-inset-xl-inline: var(--eds-spacing-inline-xl); - --eds-spacing-inset-lg-stack-stretched: var(--eds-spacing-stack-xl); - --eds-spacing-inset-lg-stack-squared: var(--eds-spacing-stack-lg); - --eds-spacing-inset-lg-stack-squished: var(--eds-spacing-stack-md); - --eds-spacing-inset-lg-inline: var(--eds-spacing-inline-lg); - --eds-spacing-inset-md-stack-stretched: var(--eds-spacing-stack-lg); - --eds-spacing-inset-md-stack-squared: var(--eds-spacing-stack-md); - --eds-spacing-inset-md-stack-squished: var(--eds-spacing-stack-sm); - --eds-spacing-inset-md-inline: var(--eds-spacing-inline-md); - --eds-spacing-inset-sm-stack-stretched: var(--eds-spacing-stack-md); - --eds-spacing-inset-sm-stack-squared: var(--eds-spacing-stack-sm); - --eds-spacing-inset-sm-stack-squished: var(--eds-spacing-stack-xs); - --eds-spacing-inset-sm-inline: var(--eds-spacing-inline-sm); - --eds-spacing-inset-xs-stack-stretched: var(--eds-spacing-stack-sm); - --eds-spacing-inset-xs-stack-squared: var(--eds-spacing-stack-xs); - --eds-spacing-inset-xs-stack-squished: var(--eds-spacing-stack-2-xs); - --eds-spacing-inset-xs-inline: var(--eds-spacing-inline-xs); - --eds-spacing-border-radius-none: 0rem; + --eds-spacing-icon-xs-gap-horizontal: var(--eds--spacious, 0.406rem) var(--eds--comfortable, 0.344rem); + --eds-spacing-icon-xs-gap-vertical: var(--eds--spacious, 0.406rem) var(--eds--comfortable, 0.344rem); + --eds-spacing-icon-sm-gap-horizontal: var(--eds--spacious, 0.469rem) var(--eds--comfortable, 0.406rem); + --eds-spacing-icon-sm-gap-vertical: var(--eds--spacious, 0.469rem) var(--eds--comfortable, 0.406rem); + --eds-spacing-icon-md-gap-horizontal: var(--eds--spacious, 0.531rem) var(--eds--comfortable, 0.469rem); + --eds-spacing-icon-md-gap-vertical: var(--eds--spacious, 0.531rem) var(--eds--comfortable, 0.469rem); + --eds-spacing-icon-lg-gap-horizontal: var(--eds--spacious, 0.625rem) var(--eds--comfortable, 0.531rem); + --eds-spacing-icon-lg-gap-vertical: var(--eds--spacious, 0.625rem) var(--eds--comfortable, 0.531rem); + --eds-spacing-icon-xl-gap-horizontal: var(--eds--spacious, 0.719rem) var(--eds--comfortable, 0.625rem); + --eds-spacing-icon-xl-gap-vertical: var(--eds--spacious, 0.719rem) var(--eds--comfortable, 0.625rem); + --eds-spacing-icon-2xl-gap-horizontal: var(--eds--spacious, 0.813rem) var(--eds--comfortable, 0.719rem); + --eds-spacing-icon-2xl-gap-vertical: var(--eds--spacious, 0.813rem) var(--eds--comfortable, 0.719rem); + --eds-spacing-icon-3xl-gap-horizontal: var(--eds--spacious, 0.938rem) var(--eds--comfortable, 0.813rem); + --eds-spacing-icon-3xl-gap-vertical: var(--eds--spacious, 0.938rem) var(--eds--comfortable, 0.813rem); + --eds-spacing-icon-4xl-gap-horizontal: var(--eds--spacious, 1.094rem) var(--eds--comfortable, 0.938rem); + --eds-spacing-icon-4xl-gap-vertical: var(--eds--spacious, 1.094rem) var(--eds--comfortable, 0.938rem); + --eds-spacing-icon-5xl-gap-horizontal: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1.094rem); + --eds-spacing-icon-5xl-gap-vertical: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1.094rem); + --eds-spacing-icon-6xl-gap-horizontal: var(--eds--spacious, 1.438rem) var(--eds--comfortable, 1.25rem); + --eds-spacing-icon-6xl-gap-vertical: var(--eds--spacious, 1.438rem) var(--eds--comfortable, 1.25rem); + --eds-spacing-inline-4-xs: var(--eds--spacious, 0.125rem) var(--eds--comfortable, 0.063rem); + --eds-spacing-inline-3-xs: var(--eds--spacious, 0.25rem) var(--eds--comfortable, 0.125rem); + --eds-spacing-inline-2-xs: var(--eds--spacious, 0.375rem) var(--eds--comfortable, 0.25rem); + --eds-spacing-inline-xs: var(--eds--spacious, 0.5rem) var(--eds--comfortable, 0.375rem); + --eds-spacing-inline-sm: var(--eds--spacious, 0.75rem) var(--eds--comfortable, 0.5rem); + --eds-spacing-inline-md: var(--eds--spacious, 1rem) var(--eds--comfortable, 0.75rem); + --eds-spacing-inline-lg: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem); + --eds-spacing-inline-xl: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem); + --eds-spacing-inline-2-xl: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem); + --eds-spacing-inline-3-xl: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem); + --eds-spacing-stack-4-xs: var(--eds--spacious, 0.125rem) var(--eds--comfortable, 0.063rem); + --eds-spacing-stack-3-xs: var(--eds--spacious, 0.25rem) var(--eds--comfortable, 0.125rem); + --eds-spacing-stack-2-xs: var(--eds--spacious, 0.375rem) var(--eds--comfortable, 0.25rem); + --eds-spacing-stack-xs: var(--eds--spacious, 0.5rem) var(--eds--comfortable, 0.375rem); + --eds-spacing-stack-sm: var(--eds--spacious, 0.75rem) var(--eds--comfortable, 0.5rem); + --eds-spacing-stack-md: var(--eds--spacious, 1rem) var(--eds--comfortable, 0.75rem); + --eds-spacing-stack-lg: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem); + --eds-spacing-stack-xl: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem); + --eds-spacing-stack-2-xl: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem); + --eds-spacing-stack-3-xl: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem); --eds-spacing-border-radius-pill: var(--eds--spacious, 62.5rem) var(--eds--comfortable, 62.5rem); + --eds-spacing-border-radius-none: 0rem; + --eds-sizing-icon-xs: var(--eds--spacious, 1rem) var(--eds--comfortable, 0.875rem); + --eds-sizing-icon-sm: var(--eds--spacious, 1.125rem) var(--eds--comfortable, 1rem); + --eds-sizing-icon-md: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1.125rem); + --eds-sizing-icon-lg: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem); + --eds-sizing-icon-xl: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem); + --eds-sizing-icon-2xl: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem); + --eds-sizing-icon-3xl: var(--eds--spacious, 2.313rem) var(--eds--comfortable, 2rem); + --eds-sizing-icon-4xl: var(--eds--spacious, 2.625rem) var(--eds--comfortable, 2.313rem); + --eds-sizing-icon-5xl: var(--eds--spacious, 3rem) var(--eds--comfortable, 2.625rem); + --eds-sizing-icon-6xl: var(--eds--spacious, 3.5rem) var(--eds--comfortable, 3rem); + --eds-sizing-selectable-xs: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem); + --eds-sizing-selectable-sm: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem); + --eds-sizing-selectable-md: var(--eds--spacious, 2.25rem) var(--eds--comfortable, 1.5rem); + --eds-sizing-selectable-lg: var(--eds--spacious, 2.75rem) var(--eds--comfortable, 2.25rem); + --eds-sizing-selectable-xl: var(--eds--spacious, 3.25rem) var(--eds--comfortable, 2.75rem); + --eds-sizing-selectable-2xl: var(--eds--spacious, 3.75rem) var(--eds--comfortable, 3.25rem); + --eds-sizing-stroke-thin: var(--eds--spacious, 0.063rem) var(--eds--comfortable, 0.063rem); + --eds-sizing-stroke-thick: var(--eds--spacious, 0.125rem) var(--eds--comfortable, 0.125rem); + --eds-sizing-stroke-none: 0rem; --eds-spacing-border-radius-rounded: var(--eds--spacious, var(--eds-spacing-25)) var(--eds--comfortable, var(--eds-spacing-19)); - --eds-spacing-stack-3-xl: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem); - --eds-spacing-stack-2-xl: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem); - --eds-spacing-stack-xl: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem); - --eds-spacing-stack-lg: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem); - --eds-spacing-stack-md: var(--eds--spacious, 1rem) var(--eds--comfortable, 0.75rem); - --eds-spacing-stack-sm: var(--eds--spacious, 0.75rem) var(--eds--comfortable, 0.5rem); - --eds-spacing-stack-xs: var(--eds--spacious, 0.5rem) var(--eds--comfortable, 0.375rem); - --eds-spacing-stack-2-xs: var(--eds--spacious, 0.375rem) var(--eds--comfortable, 0.25rem); - --eds-spacing-stack-3-xs: var(--eds--spacious, 0.25rem) var(--eds--comfortable, 0.125rem); - --eds-spacing-stack-4-xs: var(--eds--spacious, 0.125rem) var(--eds--comfortable, 0.063rem); - --eds-spacing-inline-3-xl: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem); - --eds-spacing-inline-2-xl: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem); - --eds-spacing-inline-xl: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem); - --eds-spacing-inline-lg: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem); - --eds-spacing-inline-md: var(--eds--spacious, 1rem) var(--eds--comfortable, 0.75rem); - --eds-spacing-inline-sm: var(--eds--spacious, 0.75rem) var(--eds--comfortable, 0.5rem); - --eds-spacing-inline-xs: var(--eds--spacious, 0.5rem) var(--eds--comfortable, 0.375rem); - --eds-spacing-inline-2-xs: var(--eds--spacious, 0.375rem) var(--eds--comfortable, 0.25rem); - --eds-spacing-inline-3-xs: var(--eds--spacious, 0.25rem) var(--eds--comfortable, 0.125rem); - --eds-spacing-inline-4-xs: var(--eds--spacious, 0.125rem) var(--eds--comfortable, 0.063rem); - --eds-spacing-icon-6xl-gap-vertical: var(--eds--spacious, 1.438rem) var(--eds--comfortable, 1.25rem); - --eds-spacing-icon-6xl-gap-horizontal: var(--eds--spacious, 1.438rem) var(--eds--comfortable, 1.25rem); - --eds-spacing-icon-5xl-gap-vertical: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1.094rem); - --eds-spacing-icon-5xl-gap-horizontal: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1.094rem); - --eds-spacing-icon-4xl-gap-vertical: var(--eds--spacious, 1.094rem) var(--eds--comfortable, 0.938rem); - --eds-spacing-icon-4xl-gap-horizontal: var(--eds--spacious, 1.094rem) var(--eds--comfortable, 0.938rem); - --eds-spacing-icon-3xl-gap-vertical: var(--eds--spacious, 0.938rem) var(--eds--comfortable, 0.813rem); - --eds-spacing-icon-3xl-gap-horizontal: var(--eds--spacious, 0.938rem) var(--eds--comfortable, 0.813rem); - --eds-spacing-icon-2xl-gap-vertical: var(--eds--spacious, 0.813rem) var(--eds--comfortable, 0.719rem); - --eds-spacing-icon-2xl-gap-horizontal: var(--eds--spacious, 0.813rem) var(--eds--comfortable, 0.719rem); - --eds-spacing-icon-xl-gap-vertical: var(--eds--spacious, 0.719rem) var(--eds--comfortable, 0.625rem); - --eds-spacing-icon-xl-gap-horizontal: var(--eds--spacious, 0.719rem) var(--eds--comfortable, 0.625rem); - --eds-spacing-icon-lg-gap-vertical: var(--eds--spacious, 0.625rem) var(--eds--comfortable, 0.531rem); - --eds-spacing-icon-lg-gap-horizontal: var(--eds--spacious, 0.625rem) var(--eds--comfortable, 0.531rem); - --eds-spacing-icon-md-gap-vertical: var(--eds--spacious, 0.531rem) var(--eds--comfortable, 0.469rem); - --eds-spacing-icon-md-gap-horizontal: var(--eds--spacious, 0.531rem) var(--eds--comfortable, 0.469rem); - --eds-spacing-icon-sm-gap-vertical: var(--eds--spacious, 0.469rem) var(--eds--comfortable, 0.406rem); - --eds-spacing-icon-sm-gap-horizontal: var(--eds--spacious, 0.469rem) var(--eds--comfortable, 0.406rem); - --eds-spacing-icon-xs-gap-vertical: var(--eds--spacious, 0.406rem) var(--eds--comfortable, 0.344rem); - --eds-spacing-icon-xs-gap-horizontal: var(--eds--spacious, 0.406rem) var(--eds--comfortable, 0.344rem); + --eds-spacing-inset-xs-inline: var(--eds-spacing-inline-xs); + --eds-spacing-inset-xs-stack-squished: var(--eds-spacing-stack-2-xs); + --eds-spacing-inset-xs-stack-squared: var(--eds-spacing-stack-xs); + --eds-spacing-inset-xs-stack-stretched: var(--eds-spacing-stack-sm); + --eds-spacing-inset-sm-inline: var(--eds-spacing-inline-sm); + --eds-spacing-inset-sm-stack-squished: var(--eds-spacing-stack-xs); + --eds-spacing-inset-sm-stack-squared: var(--eds-spacing-stack-sm); + --eds-spacing-inset-sm-stack-stretched: var(--eds-spacing-stack-md); + --eds-spacing-inset-md-inline: var(--eds-spacing-inline-md); + --eds-spacing-inset-md-stack-squished: var(--eds-spacing-stack-sm); + --eds-spacing-inset-md-stack-squared: var(--eds-spacing-stack-md); + --eds-spacing-inset-md-stack-stretched: var(--eds-spacing-stack-lg); + --eds-spacing-inset-lg-inline: var(--eds-spacing-inline-lg); + --eds-spacing-inset-lg-stack-squished: var(--eds-spacing-stack-md); + --eds-spacing-inset-lg-stack-squared: var(--eds-spacing-stack-lg); + --eds-spacing-inset-lg-stack-stretched: var(--eds-spacing-stack-xl); + --eds-spacing-inset-xl-inline: var(--eds-spacing-inline-xl); + --eds-spacing-inset-xl-stack-squished: var(--eds-spacing-stack-lg); + --eds-spacing-inset-xl-stack-squared: var(--eds-spacing-stack-xl); + --eds-spacing-inset-xl-stack-stretched: var(--eds-spacing-stack-2-xl); + --eds-typography-ui-body-xs-font-size: var(--eds--spacious, var(--eds-type-scale-inter-200-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-100-font-size)); + --eds-typography-ui-body-xs-tracking-tight: var(--eds--spacious, var(--eds-type-scale-inter-200-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-100-tracking-tight)); + --eds-typography-ui-body-xs-tracking-normal: var(--eds--spacious, var(--eds-type-scale-inter-200-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-100-tracking-normal)); + --eds-typography-ui-body-xs-tracking-loose: var(--eds--spacious, var(--eds-type-scale-inter-200-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-100-tracking-loose)); + --eds-typography-ui-body-xs-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-inter-200-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-100-font-weight-lighter)); + --eds-typography-ui-body-xs-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-inter-200-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-100-font-weight-normal)); + --eds-typography-ui-body-xs-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-inter-200-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-100-font-weight-bolder)); + --eds-typography-ui-body-sm-font-size: var(--eds--spacious, var(--eds-type-scale-inter-300-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-200-font-size)); + --eds-typography-ui-body-sm-tracking-tight: var(--eds--spacious, var(--eds-type-scale-inter-300-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-200-tracking-tight)); + --eds-typography-ui-body-sm-tracking-normal: var(--eds--spacious, var(--eds-type-scale-inter-300-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-200-tracking-normal)); + --eds-typography-ui-body-sm-tracking-loose: var(--eds--spacious, var(--eds-type-scale-inter-300-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-200-tracking-loose)); + --eds-typography-ui-body-sm-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-inter-300-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-200-font-weight-lighter)); + --eds-typography-ui-body-sm-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-inter-300-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-200-font-weight-normal)); + --eds-typography-ui-body-sm-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-inter-300-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-200-font-weight-bolder)); + --eds-typography-ui-body-font-family: var(--eds-font-family-inter); + --eds-typography-ui-body-md-font-size: var(--eds--spacious, var(--eds-type-scale-inter-400-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-300-font-size)); + --eds-typography-ui-body-md-tracking-tight: var(--eds--spacious, var(--eds-type-scale-inter-400-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-300-tracking-tight)); + --eds-typography-ui-body-md-tracking-normal: var(--eds--spacious, var(--eds-type-scale-inter-400-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-300-tracking-normal)); + --eds-typography-ui-body-md-tracking-loose: var(--eds--spacious, var(--eds-type-scale-inter-400-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-300-tracking-loose)); + --eds-typography-ui-body-md-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-inter-400-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-300-font-weight-lighter)); + --eds-typography-ui-body-md-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-inter-400-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-300-font-weight-normal)); + --eds-typography-ui-body-md-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-inter-400-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-300-font-weight-bolder)); + --eds-typography-ui-body-lg-font-size: var(--eds--spacious, var(--eds-type-scale-inter-500-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-400-font-size)); + --eds-typography-ui-body-lg-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-500-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-400-tracking-tight)); + --eds-typography-ui-body-lg-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-500-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-400-tracking-normal)); + --eds-typography-ui-body-lg-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-500-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-400-tracking-loose)); + --eds-typography-ui-body-lg-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-500-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-400-font-weight-lighter)); + --eds-typography-ui-body-lg-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-500-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-400-font-weight-normal)); + --eds-typography-ui-body-lg-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-500-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-400-font-weight-bolder)); + --eds-typography-ui-body-xl-font-size: var(--eds--spacious, var(--eds-type-scale-inter-600-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-500-font-size)); + --eds-typography-ui-body-xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-inter-600-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-500-tracking-tight)); + --eds-typography-ui-body-xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-inter-600-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-500-tracking-normal)); + --eds-typography-ui-body-xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-inter-600-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-500-tracking-loose)); + --eds-typography-ui-body-xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-inter-600-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-500-font-weight-lighter)); + --eds-typography-ui-body-xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-inter-600-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-500-font-weight-normal)); + --eds-typography-ui-body-xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-inter-600-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-500-font-weight-bolder)); + --eds-typography-ui-body-2xl-font-size: var(--eds--spacious, var(--eds-type-scale-inter-700-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-600-font-size)); + --eds-typography-ui-body-2xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-inter-700-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-600-tracking-tight)); + --eds-typography-ui-body-2xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-inter-700-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-600-tracking-normal)); + --eds-typography-ui-body-2xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-inter-700-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-600-tracking-loose)); + --eds-typography-ui-body-2xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-inter-700-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-600-font-weight-lighter)); + --eds-typography-ui-body-2xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-inter-700-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-600-font-weight-normal)); + --eds-typography-ui-body-2xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-inter-700-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-600-font-weight-bolder)); + --eds-typography-ui-body-3xl-font-size: var(--eds--spacious, var(--eds-type-scale-inter-800-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-700-font-size)); + --eds-typography-ui-body-3xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-inter-800-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-700-tracking-tight)); + --eds-typography-ui-body-3xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-inter-800-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-700-tracking-normal)); + --eds-typography-ui-body-3xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-inter-800-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-700-tracking-loose)); + --eds-typography-ui-body-3xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-inter-800-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-700-font-weight-lighter)); + --eds-typography-ui-body-3xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-inter-800-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-700-font-weight-normal)); + --eds-typography-ui-body-3xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-inter-800-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-700-font-weight-bolder)); + --eds-typography-ui-body-4xl-font-size: var(--eds--spacious, var(--eds-type-scale-inter-900-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-800-font-size)); + --eds-typography-ui-body-4xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-inter-900-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-800-tracking-tight)); + --eds-typography-ui-body-4xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-inter-900-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-800-tracking-normal)); + --eds-typography-ui-body-4xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-inter-900-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-800-tracking-loose)); + --eds-typography-ui-body-4xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-inter-900-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-800-font-weight-lighter)); + --eds-typography-ui-body-4xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-inter-900-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-800-font-weight-normal)); + --eds-typography-ui-body-4xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-inter-900-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-800-font-weight-bolder)); + --eds-typography-ui-body-5xl-font-size: var(--eds--spacious, var(--eds-type-scale-inter-1000-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-900-font-size)); + --eds-typography-ui-body-5xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-inter-1000-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-900-tracking-tight)); + --eds-typography-ui-body-5xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-inter-1000-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-900-tracking-normal)); + --eds-typography-ui-body-5xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-inter-1000-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-900-tracking-loose)); + --eds-typography-ui-body-5xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-inter-1000-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-900-font-weight-lighter)); + --eds-typography-ui-body-5xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-inter-1000-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-900-font-weight-normal)); + --eds-typography-ui-body-5xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-inter-1000-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-900-font-weight-bolder)); + --eds-typography-ui-body-6xl-font-size: var(--eds--spacious, var(--eds-type-scale-inter-1100-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-1000-font-size)); + --eds-typography-ui-body-6xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-inter-1100-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-1000-tracking-tight)); + --eds-typography-ui-body-6xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-inter-1100-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-1000-tracking-normal)); + --eds-typography-ui-body-6xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-inter-1100-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-1000-tracking-loose)); + --eds-typography-ui-body-6xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-inter-1100-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-1000-font-weight-lighter)); + --eds-typography-ui-body-6xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-inter-1100-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-1000-tracking-normal)); + --eds-typography-ui-body-6xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-inter-1100-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-1000-font-weight-bolder)); + --eds-typography-header-xs-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-200-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-100-font-size)); + --eds-typography-header-xs-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-200-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-100-tracking-tight)); + --eds-typography-header-xs-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-200-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-100-tracking-normal)); + --eds-typography-header-xs-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-200-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-100-tracking-loose)); + --eds-typography-header-xs-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-200-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-100-font-weight-lighter)); + --eds-typography-header-xs-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-200-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-100-font-weight-normal)); + --eds-typography-header-xs-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-200-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-100-font-weight-bolder)); + --eds-typography-header-font-family: var(--eds-font-family-equinor); + --eds-typography-header-sm-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-300-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-200-font-size)); + --eds-typography-header-sm-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-300-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-200-tracking-tight)); + --eds-typography-header-sm-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-300-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-200-tracking-normal)); + --eds-typography-header-sm-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-300-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-200-tracking-loose)); + --eds-typography-header-sm-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-300-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-200-font-weight-lighter)); + --eds-typography-header-sm-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-300-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-200-font-weight-normal)); + --eds-typography-header-sm-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-300-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-200-font-weight-bolder)); + --eds-typography-header-md-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-400-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-300-font-size)); + --eds-typography-header-md-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-400-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-300-tracking-tight)); + --eds-typography-header-md-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-400-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-300-tracking-normal)); + --eds-typography-header-md-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-400-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-300-tracking-loose)); + --eds-typography-header-md-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-400-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-300-font-weight-lighter)); + --eds-typography-header-md-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-400-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-300-font-weight-normal)); + --eds-typography-header-md-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-400-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-300-font-weight-bolder)); + --eds-typography-header-lg-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-500-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-400-font-size)); + --eds-typography-header-lg-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-500-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-400-tracking-tight)); + --eds-typography-header-lg-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-500-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-400-tracking-normal)); + --eds-typography-header-lg-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-500-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-400-tracking-loose)); + --eds-typography-header-lg-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-500-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-400-font-weight-lighter)); + --eds-typography-header-lg-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-500-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-400-font-weight-normal)); + --eds-typography-header-lg-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-500-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-400-font-weight-bolder)); + --eds-typography-header-xl-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-600-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-500-font-size)); + --eds-typography-header-xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-600-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-500-tracking-tight)); + --eds-typography-header-xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-600-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-500-tracking-normal)); + --eds-typography-header-xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-600-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-500-tracking-loose)); + --eds-typography-header-xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-600-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-500-font-weight-lighter)); + --eds-typography-header-xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-600-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-500-font-weight-normal)); + --eds-typography-header-xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-600-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-500-font-weight-bolder)); + --eds-typography-header-2xl-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-700-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-600-font-size)); + --eds-typography-header-2xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-700-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-600-tracking-tight)); + --eds-typography-header-2xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-700-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-600-tracking-normal)); + --eds-typography-header-2xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-700-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-600-tracking-loose)); + --eds-typography-header-2xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-700-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-600-font-weight-lighter)); + --eds-typography-header-2xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-700-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-600-font-weight-normal)); + --eds-typography-header-2xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-700-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-600-font-weight-bolder)); + --eds-typography-header-3xl-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-800-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-700-font-size)); + --eds-typography-header-3xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-800-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-700-tracking-tight)); + --eds-typography-header-3xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-800-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-700-tracking-normal)); + --eds-typography-header-3xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-800-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-700-tracking-loose)); + --eds-typography-header-3xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-800-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-700-font-weight-lighter)); + --eds-typography-header-3xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-800-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-700-font-weight-normal)); + --eds-typography-header-3xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-800-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-700-font-weight-bolder)); + --eds-typography-header-4xl-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-900-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-800-font-size)); + --eds-typography-header-4xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-900-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-800-tracking-tight)); + --eds-typography-header-4xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-900-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-800-tracking-normal)); + --eds-typography-header-4xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-900-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-800-tracking-loose)); + --eds-typography-header-4xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-900-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-800-font-weight-lighter)); + --eds-typography-header-4xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-900-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-800-font-weight-normal)); + --eds-typography-header-4xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-900-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-800-font-weight-bolder)); + --eds-typography-header-5xl-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-1000-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-900-font-size)); + --eds-typography-header-5xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-1000-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-900-tracking-tight)); + --eds-typography-header-5xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-1000-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-900-tracking-normal)); + --eds-typography-header-5xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-1000-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-900-tracking-loose)); + --eds-typography-header-5xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-1000-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-900-font-weight-lighter)); + --eds-typography-header-5xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-1000-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-900-font-weight-normal)); + --eds-typography-header-5xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-1000-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-900-font-weight-bolder)); + --eds-typography-header-6xl-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-1100-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-1000-font-size)); + --eds-typography-header-6xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-1100-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-1000-tracking-tight)); + --eds-typography-header-6xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-1100-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-1000-tracking-normal)); + --eds-typography-header-6xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-1100-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-1000-tracking-loose)); + --eds-typography-header-6xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-1100-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-1000-font-weight-lighter)); + --eds-typography-header-6xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-1100-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-1000-font-weight-normal)); + --eds-typography-header-6xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-1100-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-1000-font-weight-bolder)); + --eds-typography-ui-body-xs-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-200-default)) var(--eds--comfortable, var(--eds-lineheight-scale-100-default)); + --eds-typography-ui-body-xs-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-200-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-100-lineheight-squished)); + --eds-typography-ui-body-sm-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-300-default)) var(--eds--comfortable, var(--eds-lineheight-scale-200-default)); + --eds-typography-ui-body-sm-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-300-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-200-lineheight-squished)); + --eds-typography-ui-body-md-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-400-default)) var(--eds--comfortable, var(--eds-lineheight-scale-300-default)); + --eds-typography-ui-body-md-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-400-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-300-lineheight-squished)); + --eds-typography-ui-body-lg-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-500-default)) var(--eds--comfortable, var(--eds-lineheight-scale-400-default)); + --eds-typography-ui-body-lg-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-500-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-400-lineheight-squished)); + --eds-typography-ui-body-xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-600-default)) var(--eds--comfortable, var(--eds-lineheight-scale-500-default)); + --eds-typography-ui-body-xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-600-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-500-lineheight-squished)); + --eds-typography-ui-body-2xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-700-default)) var(--eds--comfortable, var(--eds-lineheight-scale-600-default)); + --eds-typography-ui-body-2xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-700-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-600-lineheight-squished)); + --eds-typography-ui-body-3xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-800-default)) var(--eds--comfortable, var(--eds-lineheight-scale-700-default)); + --eds-typography-ui-body-3xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-800-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-700-lineheight-squished)); + --eds-typography-ui-body-4xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-900-default)) var(--eds--comfortable, var(--eds-lineheight-scale-800-default)); + --eds-typography-ui-body-4xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-900-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-800-lineheight-squished)); + --eds-typography-ui-body-5xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-1000-default)) var(--eds--comfortable, var(--eds-lineheight-scale-900-default)); + --eds-typography-ui-body-5xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-1000-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-900-lineheight-squished)); + --eds-typography-ui-body-6xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-1100-default)) var(--eds--comfortable, var(--eds-lineheight-scale-1000-default)); + --eds-typography-ui-body-6xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-1100-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-1000-lineheight-squished)); + --eds-typography-header-xs-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-200-default)) var(--eds--comfortable, var(--eds-lineheight-scale-100-default)); + --eds-typography-header-xs-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-200-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-100-lineheight-squished)); + --eds-typography-header-sm-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-300-default)) var(--eds--comfortable, var(--eds-lineheight-scale-200-default)); + --eds-typography-header-sm-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-300-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-200-lineheight-squished)); + --eds-typography-header-md-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-400-default)) var(--eds--comfortable, var(--eds-lineheight-scale-300-default)); + --eds-typography-header-md-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-400-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-300-lineheight-squished)); + --eds-typography-header-lg-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-500-default)) var(--eds--comfortable, var(--eds-lineheight-scale-400-default)); + --eds-typography-header-lg-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-500-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-400-lineheight-squished)); + --eds-typography-header-xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-600-default)) var(--eds--comfortable, var(--eds-lineheight-scale-500-default)); + --eds-typography-header-xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-600-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-500-lineheight-squished)); + --eds-typography-header-2xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-700-default)) var(--eds--comfortable, var(--eds-lineheight-scale-600-default)); + --eds-typography-header-2xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-700-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-600-lineheight-squished)); + --eds-typography-header-3xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-800-default)) var(--eds--comfortable, var(--eds-lineheight-scale-700-default)); + --eds-typography-header-3xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-800-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-700-lineheight-squished)); + --eds-typography-header-4xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-900-default)) var(--eds--comfortable, var(--eds-lineheight-scale-800-default)); + --eds-typography-header-4xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-900-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-800-lineheight-squished)); + --eds-typography-header-5xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-1000-default)) var(--eds--comfortable, var(--eds-lineheight-scale-900-default)); + --eds-typography-header-5xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-1000-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-900-lineheight-squished)); + --eds-typography-header-6xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-1100-default)) var(--eds--comfortable, var(--eds-lineheight-scale-1000-default)); + --eds-typography-header-6xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-1100-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-1000-lineheight-squished)); } diff --git a/packages/eds-tokens/build/css/spacing/spacious-verbose.css b/packages/eds-tokens/build/css/spacing/spacious-verbose.css index 2e1f7dc361..4a1cca450d 100644 --- a/packages/eds-tokens/build/css/spacing/spacious-verbose.css +++ b/packages/eds-tokens/build/css/spacing/spacious-verbose.css @@ -3,268 +3,268 @@ */ :root, [data-density="spacious"] { - --eds-typography-header-6xl-lineheight-squished: var(--eds-lineheight-scale-1100-squished); - --eds-typography-header-6xl-lineheight-default: var(--eds-lineheight-scale-1100-default); - --eds-typography-header-6xl-font-weight-bolder: var(--eds-type-scale-equinor-1100-font-weight-bolder); - --eds-typography-header-6xl-font-weight-normal: var(--eds-type-scale-equinor-1100-font-weight-normal); - --eds-typography-header-6xl-font-weight-lighter: var(--eds-type-scale-equinor-1100-font-weight-lighter); - --eds-typography-header-6xl-tracking-loose: var(--eds-type-scale-equinor-1100-tracking-loose); - --eds-typography-header-6xl-tracking-normal: var(--eds-type-scale-equinor-1100-tracking-normal); - --eds-typography-header-6xl-tracking-tight: var(--eds-type-scale-equinor-1100-tracking-tight); - --eds-typography-header-6xl-font-size: var(--eds-type-scale-equinor-1100-font-size); - --eds-typography-header-5xl-lineheight-squished: var(--eds-lineheight-scale-1000-lineheight-squished); - --eds-typography-header-5xl-lineheight-default: var(--eds-lineheight-scale-1000-default); - --eds-typography-header-5xl-font-weight-bolder: var(--eds-type-scale-equinor-1000-font-weight-bolder); - --eds-typography-header-5xl-font-weight-normal: var(--eds-type-scale-equinor-1000-font-weight-normal); - --eds-typography-header-5xl-font-weight-lighter: var(--eds-type-scale-equinor-1000-font-weight-lighter); - --eds-typography-header-5xl-tracking-loose: var(--eds-type-scale-equinor-1000-tracking-loose); - --eds-typography-header-5xl-tracking-normal: var(--eds-type-scale-equinor-1000-tracking-normal); - --eds-typography-header-5xl-tracking-tight: var(--eds-type-scale-equinor-1000-tracking-tight); - --eds-typography-header-5xl-font-size: var(--eds-type-scale-equinor-1000-font-size); - --eds-typography-header-4xl-lineheight-squished: var(--eds-lineheight-scale-900-lineheight-squished); - --eds-typography-header-4xl-lineheight-default: var(--eds-lineheight-scale-900-default); - --eds-typography-header-4xl-font-weight-bolder: var(--eds-type-scale-equinor-900-font-weight-bolder); - --eds-typography-header-4xl-font-weight-normal: var(--eds-type-scale-equinor-900-font-weight-normal); - --eds-typography-header-4xl-font-weight-lighter: var(--eds-type-scale-equinor-900-font-weight-lighter); - --eds-typography-header-4xl-tracking-loose: var(--eds-type-scale-equinor-900-tracking-loose); - --eds-typography-header-4xl-tracking-normal: var(--eds-type-scale-equinor-900-tracking-normal); - --eds-typography-header-4xl-tracking-tight: var(--eds-type-scale-equinor-900-tracking-tight); - --eds-typography-header-4xl-font-size: var(--eds-type-scale-equinor-900-font-size); - --eds-typography-header-3xl-lineheight-squished: var(--eds-lineheight-scale-800-lineheight-squished); - --eds-typography-header-3xl-lineheight-default: var(--eds-lineheight-scale-800-default); - --eds-typography-header-3xl-font-weight-bolder: var(--eds-type-scale-equinor-800-font-weight-bolder); - --eds-typography-header-3xl-font-weight-normal: var(--eds-type-scale-equinor-800-font-weight-normal); - --eds-typography-header-3xl-font-weight-lighter: var(--eds-type-scale-equinor-800-font-weight-lighter); - --eds-typography-header-3xl-tracking-loose: var(--eds-type-scale-equinor-800-tracking-loose); - --eds-typography-header-3xl-tracking-normal: var(--eds-type-scale-equinor-800-tracking-normal); - --eds-typography-header-3xl-tracking-tight: var(--eds-type-scale-equinor-800-tracking-tight); - --eds-typography-header-3xl-font-size: var(--eds-type-scale-equinor-800-font-size); - --eds-typography-header-2xl-lineheight-squished: var(--eds-lineheight-scale-700-lineheight-squished); - --eds-typography-header-2xl-lineheight-default: var(--eds-lineheight-scale-700-default); - --eds-typography-header-2xl-font-weight-bolder: var(--eds-type-scale-equinor-700-font-weight-bolder); - --eds-typography-header-2xl-font-weight-normal: var(--eds-type-scale-equinor-700-font-weight-normal); - --eds-typography-header-2xl-font-weight-lighter: var(--eds-type-scale-equinor-700-font-weight-lighter); - --eds-typography-header-2xl-tracking-loose: var(--eds-type-scale-equinor-700-tracking-loose); - --eds-typography-header-2xl-tracking-normal: var(--eds-type-scale-equinor-700-tracking-normal); - --eds-typography-header-2xl-tracking-tight: var(--eds-type-scale-equinor-700-tracking-tight); - --eds-typography-header-2xl-font-size: var(--eds-type-scale-equinor-700-font-size); - --eds-typography-header-xl-lineheight-squished: var(--eds-lineheight-scale-600-lineheight-squished); - --eds-typography-header-xl-lineheight-default: var(--eds-lineheight-scale-600-default); - --eds-typography-header-xl-font-weight-bolder: var(--eds-type-scale-equinor-600-font-weight-bolder); - --eds-typography-header-xl-font-weight-normal: var(--eds-type-scale-equinor-600-font-weight-normal); - --eds-typography-header-xl-font-weight-lighter: var(--eds-type-scale-equinor-600-font-weight-lighter); - --eds-typography-header-xl-tracking-loose: var(--eds-type-scale-equinor-600-tracking-loose); - --eds-typography-header-xl-tracking-normal: var(--eds-type-scale-equinor-600-tracking-normal); - --eds-typography-header-xl-tracking-tight: var(--eds-type-scale-equinor-600-tracking-tight); - --eds-typography-header-xl-font-size: var(--eds-type-scale-equinor-600-font-size); - --eds-typography-header-lg-lineheight-squished: var(--eds-lineheight-scale-500-lineheight-squished); - --eds-typography-header-lg-lineheight-default: var(--eds-lineheight-scale-500-default); - --eds-typography-header-lg-font-weight-bolder: var(--eds-type-scale-equinor-500-font-weight-bolder); - --eds-typography-header-lg-font-weight-normal: var(--eds-type-scale-equinor-500-font-weight-normal); - --eds-typography-header-lg-font-weight-lighter: var(--eds-type-scale-equinor-500-font-weight-lighter); - --eds-typography-header-lg-tracking-loose: var(--eds-type-scale-equinor-500-tracking-loose); - --eds-typography-header-lg-tracking-normal: var(--eds-type-scale-equinor-500-tracking-normal); - --eds-typography-header-lg-tracking-tight: var(--eds-type-scale-equinor-500-tracking-tight); - --eds-typography-header-lg-font-size: var(--eds-type-scale-equinor-500-font-size); - --eds-typography-header-md-lineheight-squished: var(--eds-lineheight-scale-400-lineheight-squished); - --eds-typography-header-md-lineheight-default: var(--eds-lineheight-scale-400-default); - --eds-typography-header-md-font-weight-bolder: var(--eds-type-scale-equinor-400-font-weight-bolder); - --eds-typography-header-md-font-weight-normal: var(--eds-type-scale-equinor-400-font-weight-normal); - --eds-typography-header-md-font-weight-lighter: var(--eds-type-scale-equinor-400-font-weight-lighter); - --eds-typography-header-md-tracking-loose: var(--eds-type-scale-equinor-400-tracking-loose); - --eds-typography-header-md-tracking-normal: var(--eds-type-scale-equinor-400-tracking-normal); - --eds-typography-header-md-tracking-tight: var(--eds-type-scale-equinor-400-tracking-tight); - --eds-typography-header-md-font-size: var(--eds-type-scale-equinor-400-font-size); - --eds-typography-header-sm-lineheight-squished: var(--eds-lineheight-scale-300-lineheight-squished); - --eds-typography-header-sm-lineheight-default: var(--eds-lineheight-scale-300-default); - --eds-typography-header-sm-font-weight-bolder: var(--eds-type-scale-equinor-300-font-weight-bolder); - --eds-typography-header-sm-font-weight-normal: var(--eds-type-scale-equinor-300-font-weight-normal); - --eds-typography-header-sm-font-weight-lighter: var(--eds-type-scale-equinor-300-font-weight-lighter); - --eds-typography-header-sm-tracking-loose: var(--eds-type-scale-equinor-300-tracking-loose); - --eds-typography-header-sm-tracking-normal: var(--eds-type-scale-equinor-300-tracking-normal); - --eds-typography-header-sm-tracking-tight: var(--eds-type-scale-equinor-300-tracking-tight); - --eds-typography-header-sm-font-size: var(--eds-type-scale-equinor-300-font-size); - --eds-typography-header-font-family: var(--eds-font-family-equinor); - --eds-typography-header-xs-lineheight-squished: var(--eds-lineheight-scale-200-lineheight-squished); - --eds-typography-header-xs-lineheight-default: var(--eds-lineheight-scale-200-default); - --eds-typography-header-xs-font-weight-bolder: var(--eds-type-scale-equinor-200-font-weight-bolder); - --eds-typography-header-xs-font-weight-normal: var(--eds-type-scale-equinor-200-font-weight-normal); - --eds-typography-header-xs-font-weight-lighter: var(--eds-type-scale-equinor-200-font-weight-lighter); - --eds-typography-header-xs-tracking-loose: var(--eds-type-scale-equinor-200-tracking-loose); - --eds-typography-header-xs-tracking-normal: var(--eds-type-scale-equinor-200-tracking-normal); - --eds-typography-header-xs-tracking-tight: var(--eds-type-scale-equinor-200-tracking-tight); - --eds-typography-header-xs-font-size: var(--eds-type-scale-equinor-200-font-size); - --eds-typography-ui-body-6xl-lineheight-squished: var(--eds-lineheight-scale-1100-squished); - --eds-typography-ui-body-6xl-lineheight-default: var(--eds-lineheight-scale-1100-default); - --eds-typography-ui-body-6xl-font-weight-bolder: var(--eds-type-scale-inter-1100-font-weight-bolder); - --eds-typography-ui-body-6xl-font-weight-normal: var(--eds-type-scale-inter-1100-font-weight-normal); - --eds-typography-ui-body-6xl-font-weight-lighter: var(--eds-type-scale-inter-1100-font-weight-lighter); - --eds-typography-ui-body-6xl-tracking-loose: var(--eds-type-scale-inter-1100-tracking-loose); - --eds-typography-ui-body-6xl-tracking-normal: var(--eds-type-scale-inter-1100-tracking-normal); - --eds-typography-ui-body-6xl-tracking-tight: var(--eds-type-scale-inter-1100-tracking-tight); - --eds-typography-ui-body-6xl-font-size: var(--eds-type-scale-inter-1100-font-size); - --eds-typography-ui-body-5xl-lineheight-squished: var(--eds-lineheight-scale-1000-lineheight-squished); - --eds-typography-ui-body-5xl-lineheight-default: var(--eds-lineheight-scale-1000-default); - --eds-typography-ui-body-5xl-font-weight-bolder: var(--eds-type-scale-inter-1000-font-weight-bolder); - --eds-typography-ui-body-5xl-font-weight-normal: var(--eds-type-scale-inter-1000-font-weight-normal); - --eds-typography-ui-body-5xl-font-weight-lighter: var(--eds-type-scale-inter-1000-font-weight-lighter); - --eds-typography-ui-body-5xl-tracking-loose: var(--eds-type-scale-inter-1000-tracking-loose); - --eds-typography-ui-body-5xl-tracking-normal: var(--eds-type-scale-inter-1000-tracking-normal); - --eds-typography-ui-body-5xl-tracking-tight: var(--eds-type-scale-inter-1000-tracking-tight); - --eds-typography-ui-body-5xl-font-size: var(--eds-type-scale-inter-1000-font-size); - --eds-typography-ui-body-4xl-lineheight-squished: var(--eds-lineheight-scale-900-lineheight-squished); - --eds-typography-ui-body-4xl-lineheight-default: var(--eds-lineheight-scale-900-default); - --eds-typography-ui-body-4xl-font-weight-bolder: var(--eds-type-scale-inter-900-font-weight-bolder); - --eds-typography-ui-body-4xl-font-weight-normal: var(--eds-type-scale-inter-900-font-weight-normal); - --eds-typography-ui-body-4xl-font-weight-lighter: var(--eds-type-scale-inter-900-font-weight-lighter); - --eds-typography-ui-body-4xl-tracking-loose: var(--eds-type-scale-inter-900-tracking-loose); - --eds-typography-ui-body-4xl-tracking-normal: var(--eds-type-scale-inter-900-tracking-normal); - --eds-typography-ui-body-4xl-tracking-tight: var(--eds-type-scale-inter-900-tracking-tight); - --eds-typography-ui-body-4xl-font-size: var(--eds-type-scale-inter-900-font-size); - --eds-typography-ui-body-3xl-lineheight-squished: var(--eds-lineheight-scale-800-lineheight-squished); - --eds-typography-ui-body-3xl-lineheight-default: var(--eds-lineheight-scale-800-default); - --eds-typography-ui-body-3xl-font-weight-bolder: var(--eds-type-scale-inter-800-font-weight-bolder); - --eds-typography-ui-body-3xl-font-weight-normal: var(--eds-type-scale-inter-800-font-weight-normal); - --eds-typography-ui-body-3xl-font-weight-lighter: var(--eds-type-scale-inter-800-font-weight-lighter); - --eds-typography-ui-body-3xl-tracking-loose: var(--eds-type-scale-inter-800-tracking-loose); - --eds-typography-ui-body-3xl-tracking-normal: var(--eds-type-scale-inter-800-tracking-normal); - --eds-typography-ui-body-3xl-tracking-tight: var(--eds-type-scale-inter-800-tracking-tight); - --eds-typography-ui-body-3xl-font-size: var(--eds-type-scale-inter-800-font-size); - --eds-typography-ui-body-2xl-lineheight-squished: var(--eds-lineheight-scale-700-lineheight-squished); - --eds-typography-ui-body-2xl-lineheight-default: var(--eds-lineheight-scale-700-default); - --eds-typography-ui-body-2xl-font-weight-bolder: var(--eds-type-scale-inter-700-font-weight-bolder); - --eds-typography-ui-body-2xl-font-weight-normal: var(--eds-type-scale-inter-700-font-weight-normal); - --eds-typography-ui-body-2xl-font-weight-lighter: var(--eds-type-scale-inter-700-font-weight-lighter); - --eds-typography-ui-body-2xl-tracking-loose: var(--eds-type-scale-inter-700-tracking-loose); - --eds-typography-ui-body-2xl-tracking-normal: var(--eds-type-scale-inter-700-tracking-normal); - --eds-typography-ui-body-2xl-tracking-tight: var(--eds-type-scale-inter-700-tracking-tight); - --eds-typography-ui-body-2xl-font-size: var(--eds-type-scale-inter-700-font-size); - --eds-typography-ui-body-xl-lineheight-squished: var(--eds-lineheight-scale-600-lineheight-squished); - --eds-typography-ui-body-xl-lineheight-default: var(--eds-lineheight-scale-600-default); - --eds-typography-ui-body-xl-font-weight-bolder: var(--eds-type-scale-inter-600-font-weight-bolder); - --eds-typography-ui-body-xl-font-weight-normal: var(--eds-type-scale-inter-600-font-weight-normal); - --eds-typography-ui-body-xl-font-weight-lighter: var(--eds-type-scale-inter-600-font-weight-lighter); - --eds-typography-ui-body-xl-tracking-loose: var(--eds-type-scale-inter-600-tracking-loose); - --eds-typography-ui-body-xl-tracking-normal: var(--eds-type-scale-inter-600-tracking-normal); - --eds-typography-ui-body-xl-tracking-tight: var(--eds-type-scale-inter-600-tracking-tight); - --eds-typography-ui-body-xl-font-size: var(--eds-type-scale-inter-600-font-size); - --eds-typography-ui-body-lg-lineheight-squished: var(--eds-lineheight-scale-500-lineheight-squished); - --eds-typography-ui-body-lg-lineheight-default: var(--eds-lineheight-scale-500-default); - --eds-typography-ui-body-lg-font-weight-bolder: var(--eds-type-scale-equinor-500-font-weight-bolder); - --eds-typography-ui-body-lg-font-weight-normal: var(--eds-type-scale-equinor-500-font-weight-normal); - --eds-typography-ui-body-lg-font-weight-lighter: var(--eds-type-scale-equinor-500-font-weight-lighter); - --eds-typography-ui-body-lg-tracking-loose: var(--eds-type-scale-equinor-500-tracking-loose); - --eds-typography-ui-body-lg-tracking-normal: var(--eds-type-scale-equinor-500-tracking-normal); - --eds-typography-ui-body-lg-tracking-tight: var(--eds-type-scale-equinor-500-tracking-tight); - --eds-typography-ui-body-lg-font-size: var(--eds-type-scale-inter-500-font-size); - --eds-typography-ui-body-md-lineheight-squished: var(--eds-lineheight-scale-400-lineheight-squished); - --eds-typography-ui-body-md-lineheight-default: var(--eds-lineheight-scale-400-default); - --eds-typography-ui-body-md-font-weight-bolder: var(--eds-type-scale-inter-400-font-weight-bolder); - --eds-typography-ui-body-md-font-weight-normal: var(--eds-type-scale-inter-400-font-weight-normal); - --eds-typography-ui-body-md-font-weight-lighter: var(--eds-type-scale-inter-400-font-weight-lighter); - --eds-typography-ui-body-md-tracking-loose: var(--eds-type-scale-inter-400-tracking-loose); - --eds-typography-ui-body-md-tracking-normal: var(--eds-type-scale-inter-400-tracking-normal); - --eds-typography-ui-body-md-tracking-tight: var(--eds-type-scale-inter-400-tracking-tight); - --eds-typography-ui-body-md-font-size: var(--eds-type-scale-inter-400-font-size); - --eds-typography-ui-body-font-family: var(--eds-font-family-inter); - --eds-typography-ui-body-sm-lineheight-squished: var(--eds-lineheight-scale-300-lineheight-squished); - --eds-typography-ui-body-sm-lineheight-default: var(--eds-lineheight-scale-300-default); - --eds-typography-ui-body-sm-font-weight-bolder: var(--eds-type-scale-inter-300-font-weight-bolder); - --eds-typography-ui-body-sm-font-weight-normal: var(--eds-type-scale-inter-300-font-weight-normal); - --eds-typography-ui-body-sm-font-weight-lighter: var(--eds-type-scale-inter-300-font-weight-lighter); - --eds-typography-ui-body-sm-tracking-loose: var(--eds-type-scale-inter-300-tracking-loose); - --eds-typography-ui-body-sm-tracking-normal: var(--eds-type-scale-inter-300-tracking-normal); - --eds-typography-ui-body-sm-tracking-tight: var(--eds-type-scale-inter-300-tracking-tight); - --eds-typography-ui-body-sm-font-size: var(--eds-type-scale-inter-300-font-size); - --eds-typography-ui-body-xs-lineheight-squished: var(--eds-lineheight-scale-200-lineheight-squished); - --eds-typography-ui-body-xs-lineheight-default: var(--eds-lineheight-scale-200-default); - --eds-typography-ui-body-xs-font-weight-bolder: var(--eds-type-scale-inter-200-font-weight-bolder); - --eds-typography-ui-body-xs-font-weight-normal: var(--eds-type-scale-inter-200-font-weight-normal); - --eds-typography-ui-body-xs-font-weight-lighter: var(--eds-type-scale-inter-200-font-weight-lighter); - --eds-typography-ui-body-xs-tracking-loose: var(--eds-type-scale-inter-200-tracking-loose); - --eds-typography-ui-body-xs-tracking-normal: var(--eds-type-scale-inter-200-tracking-normal); - --eds-typography-ui-body-xs-tracking-tight: var(--eds-type-scale-inter-200-tracking-tight); - --eds-typography-ui-body-xs-font-size: var(--eds-type-scale-inter-200-font-size); - --eds-sizing-stroke-none: 0rem; - --eds-sizing-stroke-thick: 0.125rem; - --eds-sizing-stroke-thin: 0.063rem; - --eds-sizing-selectable-2xl: 3.75rem; - --eds-sizing-selectable-xl: 3.25rem; - --eds-sizing-selectable-lg: 2.75rem; - --eds-sizing-selectable-md: 2.25rem; - --eds-sizing-selectable-sm: 1.5rem; - --eds-sizing-selectable-xs: 1.25rem; - --eds-sizing-icon-6xl: 3.5rem; - --eds-sizing-icon-5xl: 3rem; - --eds-sizing-icon-4xl: 2.625rem; - --eds-sizing-icon-3xl: 2.313rem; - --eds-sizing-icon-2xl: 2rem; - --eds-sizing-icon-xl: 1.75rem; - --eds-sizing-icon-lg: 1.5rem; - --eds-sizing-icon-md: 1.25rem; - --eds-sizing-icon-sm: 1.125rem; - --eds-sizing-icon-xs: 1rem; - --eds-spacing-inset-xl-stack-stretched: var(--eds-spacing-stack-2-xl); - --eds-spacing-inset-xl-stack-squared: var(--eds-spacing-stack-xl); - --eds-spacing-inset-xl-stack-squished: var(--eds-spacing-stack-lg); - --eds-spacing-inset-xl-inline: var(--eds-spacing-inline-xl); - --eds-spacing-inset-lg-stack-stretched: var(--eds-spacing-stack-xl); - --eds-spacing-inset-lg-stack-squared: var(--eds-spacing-stack-lg); - --eds-spacing-inset-lg-stack-squished: var(--eds-spacing-stack-md); - --eds-spacing-inset-lg-inline: var(--eds-spacing-inline-lg); - --eds-spacing-inset-md-stack-stretched: var(--eds-spacing-stack-lg); - --eds-spacing-inset-md-stack-squared: var(--eds-spacing-stack-md); - --eds-spacing-inset-md-stack-squished: var(--eds-spacing-stack-sm); - --eds-spacing-inset-md-inline: var(--eds-spacing-inline-md); - --eds-spacing-inset-sm-stack-stretched: var(--eds-spacing-stack-md); - --eds-spacing-inset-sm-stack-squared: var(--eds-spacing-stack-sm); - --eds-spacing-inset-sm-stack-squished: var(--eds-spacing-stack-xs); - --eds-spacing-inset-sm-inline: var(--eds-spacing-inline-sm); - --eds-spacing-inset-xs-stack-stretched: var(--eds-spacing-stack-sm); - --eds-spacing-inset-xs-stack-squared: var(--eds-spacing-stack-xs); - --eds-spacing-inset-xs-stack-squished: var(--eds-spacing-stack-2-xs); - --eds-spacing-inset-xs-inline: var(--eds-spacing-inline-xs); - --eds-spacing-border-radius-none: 0rem; + --eds-spacing-icon-xs-gap-horizontal: 0.406rem; + --eds-spacing-icon-xs-gap-vertical: 0.406rem; + --eds-spacing-icon-sm-gap-horizontal: 0.469rem; + --eds-spacing-icon-sm-gap-vertical: 0.469rem; + --eds-spacing-icon-md-gap-horizontal: 0.531rem; + --eds-spacing-icon-md-gap-vertical: 0.531rem; + --eds-spacing-icon-lg-gap-horizontal: 0.625rem; + --eds-spacing-icon-lg-gap-vertical: 0.625rem; + --eds-spacing-icon-xl-gap-horizontal: 0.719rem; + --eds-spacing-icon-xl-gap-vertical: 0.719rem; + --eds-spacing-icon-2xl-gap-horizontal: 0.813rem; + --eds-spacing-icon-2xl-gap-vertical: 0.813rem; + --eds-spacing-icon-3xl-gap-horizontal: 0.938rem; + --eds-spacing-icon-3xl-gap-vertical: 0.938rem; + --eds-spacing-icon-4xl-gap-horizontal: 1.094rem; + --eds-spacing-icon-4xl-gap-vertical: 1.094rem; + --eds-spacing-icon-5xl-gap-horizontal: 1.25rem; + --eds-spacing-icon-5xl-gap-vertical: 1.25rem; + --eds-spacing-icon-6xl-gap-horizontal: 1.438rem; + --eds-spacing-icon-6xl-gap-vertical: 1.438rem; + --eds-spacing-inline-4-xs: 0.125rem; + --eds-spacing-inline-3-xs: 0.25rem; + --eds-spacing-inline-2-xs: 0.375rem; + --eds-spacing-inline-xs: 0.5rem; + --eds-spacing-inline-sm: 0.75rem; + --eds-spacing-inline-md: 1rem; + --eds-spacing-inline-lg: 1.25rem; + --eds-spacing-inline-xl: 1.5rem; + --eds-spacing-inline-2-xl: 1.75rem; + --eds-spacing-inline-3-xl: 2rem; + --eds-spacing-stack-4-xs: 0.125rem; + --eds-spacing-stack-3-xs: 0.25rem; + --eds-spacing-stack-2-xs: 0.375rem; + --eds-spacing-stack-xs: 0.5rem; + --eds-spacing-stack-sm: 0.75rem; + --eds-spacing-stack-md: 1rem; + --eds-spacing-stack-lg: 1.25rem; + --eds-spacing-stack-xl: 1.5rem; + --eds-spacing-stack-2-xl: 1.75rem; + --eds-spacing-stack-3-xl: 2rem; --eds-spacing-border-radius-pill: 62.5rem; + --eds-spacing-border-radius-none: 0rem; + --eds-sizing-icon-xs: 1rem; + --eds-sizing-icon-sm: 1.125rem; + --eds-sizing-icon-md: 1.25rem; + --eds-sizing-icon-lg: 1.5rem; + --eds-sizing-icon-xl: 1.75rem; + --eds-sizing-icon-2xl: 2rem; + --eds-sizing-icon-3xl: 2.313rem; + --eds-sizing-icon-4xl: 2.625rem; + --eds-sizing-icon-5xl: 3rem; + --eds-sizing-icon-6xl: 3.5rem; + --eds-sizing-selectable-xs: 1.25rem; + --eds-sizing-selectable-sm: 1.5rem; + --eds-sizing-selectable-md: 2.25rem; + --eds-sizing-selectable-lg: 2.75rem; + --eds-sizing-selectable-xl: 3.25rem; + --eds-sizing-selectable-2xl: 3.75rem; + --eds-sizing-stroke-thin: 0.063rem; + --eds-sizing-stroke-thick: 0.125rem; + --eds-sizing-stroke-none: 0rem; --eds-spacing-border-radius-rounded: var(--eds-spacing-25); - --eds-spacing-stack-3-xl: 2rem; - --eds-spacing-stack-2-xl: 1.75rem; - --eds-spacing-stack-xl: 1.5rem; - --eds-spacing-stack-lg: 1.25rem; - --eds-spacing-stack-md: 1rem; - --eds-spacing-stack-sm: 0.75rem; - --eds-spacing-stack-xs: 0.5rem; - --eds-spacing-stack-2-xs: 0.375rem; - --eds-spacing-stack-3-xs: 0.25rem; - --eds-spacing-stack-4-xs: 0.125rem; - --eds-spacing-inline-3-xl: 2rem; - --eds-spacing-inline-2-xl: 1.75rem; - --eds-spacing-inline-xl: 1.5rem; - --eds-spacing-inline-lg: 1.25rem; - --eds-spacing-inline-md: 1rem; - --eds-spacing-inline-sm: 0.75rem; - --eds-spacing-inline-xs: 0.5rem; - --eds-spacing-inline-2-xs: 0.375rem; - --eds-spacing-inline-3-xs: 0.25rem; - --eds-spacing-inline-4-xs: 0.125rem; - --eds-spacing-icon-6xl-gap-vertical: 1.438rem; - --eds-spacing-icon-6xl-gap-horizontal: 1.438rem; - --eds-spacing-icon-5xl-gap-vertical: 1.25rem; - --eds-spacing-icon-5xl-gap-horizontal: 1.25rem; - --eds-spacing-icon-4xl-gap-vertical: 1.094rem; - --eds-spacing-icon-4xl-gap-horizontal: 1.094rem; - --eds-spacing-icon-3xl-gap-vertical: 0.938rem; - --eds-spacing-icon-3xl-gap-horizontal: 0.938rem; - --eds-spacing-icon-2xl-gap-vertical: 0.813rem; - --eds-spacing-icon-2xl-gap-horizontal: 0.813rem; - --eds-spacing-icon-xl-gap-vertical: 0.719rem; - --eds-spacing-icon-xl-gap-horizontal: 0.719rem; - --eds-spacing-icon-lg-gap-vertical: 0.625rem; - --eds-spacing-icon-lg-gap-horizontal: 0.625rem; - --eds-spacing-icon-md-gap-vertical: 0.531rem; - --eds-spacing-icon-md-gap-horizontal: 0.531rem; - --eds-spacing-icon-sm-gap-vertical: 0.469rem; - --eds-spacing-icon-sm-gap-horizontal: 0.469rem; - --eds-spacing-icon-xs-gap-vertical: 0.406rem; - --eds-spacing-icon-xs-gap-horizontal: 0.406rem; + --eds-spacing-inset-xs-inline: var(--eds-spacing-inline-xs); + --eds-spacing-inset-xs-stack-squished: var(--eds-spacing-stack-2-xs); + --eds-spacing-inset-xs-stack-squared: var(--eds-spacing-stack-xs); + --eds-spacing-inset-xs-stack-stretched: var(--eds-spacing-stack-sm); + --eds-spacing-inset-sm-inline: var(--eds-spacing-inline-sm); + --eds-spacing-inset-sm-stack-squished: var(--eds-spacing-stack-xs); + --eds-spacing-inset-sm-stack-squared: var(--eds-spacing-stack-sm); + --eds-spacing-inset-sm-stack-stretched: var(--eds-spacing-stack-md); + --eds-spacing-inset-md-inline: var(--eds-spacing-inline-md); + --eds-spacing-inset-md-stack-squished: var(--eds-spacing-stack-sm); + --eds-spacing-inset-md-stack-squared: var(--eds-spacing-stack-md); + --eds-spacing-inset-md-stack-stretched: var(--eds-spacing-stack-lg); + --eds-spacing-inset-lg-inline: var(--eds-spacing-inline-lg); + --eds-spacing-inset-lg-stack-squished: var(--eds-spacing-stack-md); + --eds-spacing-inset-lg-stack-squared: var(--eds-spacing-stack-lg); + --eds-spacing-inset-lg-stack-stretched: var(--eds-spacing-stack-xl); + --eds-spacing-inset-xl-inline: var(--eds-spacing-inline-xl); + --eds-spacing-inset-xl-stack-squished: var(--eds-spacing-stack-lg); + --eds-spacing-inset-xl-stack-squared: var(--eds-spacing-stack-xl); + --eds-spacing-inset-xl-stack-stretched: var(--eds-spacing-stack-2-xl); + --eds-typography-ui-body-xs-font-size: var(--eds-type-scale-inter-200-font-size); + --eds-typography-ui-body-xs-tracking-tight: var(--eds-type-scale-inter-200-tracking-tight); + --eds-typography-ui-body-xs-tracking-normal: var(--eds-type-scale-inter-200-tracking-normal); + --eds-typography-ui-body-xs-tracking-loose: var(--eds-type-scale-inter-200-tracking-loose); + --eds-typography-ui-body-xs-font-weight-lighter: var(--eds-type-scale-inter-200-font-weight-lighter); + --eds-typography-ui-body-xs-font-weight-normal: var(--eds-type-scale-inter-200-font-weight-normal); + --eds-typography-ui-body-xs-font-weight-bolder: var(--eds-type-scale-inter-200-font-weight-bolder); + --eds-typography-ui-body-sm-font-size: var(--eds-type-scale-inter-300-font-size); + --eds-typography-ui-body-sm-tracking-tight: var(--eds-type-scale-inter-300-tracking-tight); + --eds-typography-ui-body-sm-tracking-normal: var(--eds-type-scale-inter-300-tracking-normal); + --eds-typography-ui-body-sm-tracking-loose: var(--eds-type-scale-inter-300-tracking-loose); + --eds-typography-ui-body-sm-font-weight-lighter: var(--eds-type-scale-inter-300-font-weight-lighter); + --eds-typography-ui-body-sm-font-weight-normal: var(--eds-type-scale-inter-300-font-weight-normal); + --eds-typography-ui-body-sm-font-weight-bolder: var(--eds-type-scale-inter-300-font-weight-bolder); + --eds-typography-ui-body-font-family: var(--eds-font-family-inter); + --eds-typography-ui-body-md-font-size: var(--eds-type-scale-inter-400-font-size); + --eds-typography-ui-body-md-tracking-tight: var(--eds-type-scale-inter-400-tracking-tight); + --eds-typography-ui-body-md-tracking-normal: var(--eds-type-scale-inter-400-tracking-normal); + --eds-typography-ui-body-md-tracking-loose: var(--eds-type-scale-inter-400-tracking-loose); + --eds-typography-ui-body-md-font-weight-lighter: var(--eds-type-scale-inter-400-font-weight-lighter); + --eds-typography-ui-body-md-font-weight-normal: var(--eds-type-scale-inter-400-font-weight-normal); + --eds-typography-ui-body-md-font-weight-bolder: var(--eds-type-scale-inter-400-font-weight-bolder); + --eds-typography-ui-body-lg-font-size: var(--eds-type-scale-inter-500-font-size); + --eds-typography-ui-body-lg-tracking-tight: var(--eds-type-scale-equinor-500-tracking-tight); + --eds-typography-ui-body-lg-tracking-normal: var(--eds-type-scale-equinor-500-tracking-normal); + --eds-typography-ui-body-lg-tracking-loose: var(--eds-type-scale-equinor-500-tracking-loose); + --eds-typography-ui-body-lg-font-weight-lighter: var(--eds-type-scale-equinor-500-font-weight-lighter); + --eds-typography-ui-body-lg-font-weight-normal: var(--eds-type-scale-equinor-500-font-weight-normal); + --eds-typography-ui-body-lg-font-weight-bolder: var(--eds-type-scale-equinor-500-font-weight-bolder); + --eds-typography-ui-body-xl-font-size: var(--eds-type-scale-inter-600-font-size); + --eds-typography-ui-body-xl-tracking-tight: var(--eds-type-scale-inter-600-tracking-tight); + --eds-typography-ui-body-xl-tracking-normal: var(--eds-type-scale-inter-600-tracking-normal); + --eds-typography-ui-body-xl-tracking-loose: var(--eds-type-scale-inter-600-tracking-loose); + --eds-typography-ui-body-xl-font-weight-lighter: var(--eds-type-scale-inter-600-font-weight-lighter); + --eds-typography-ui-body-xl-font-weight-normal: var(--eds-type-scale-inter-600-font-weight-normal); + --eds-typography-ui-body-xl-font-weight-bolder: var(--eds-type-scale-inter-600-font-weight-bolder); + --eds-typography-ui-body-2xl-font-size: var(--eds-type-scale-inter-700-font-size); + --eds-typography-ui-body-2xl-tracking-tight: var(--eds-type-scale-inter-700-tracking-tight); + --eds-typography-ui-body-2xl-tracking-normal: var(--eds-type-scale-inter-700-tracking-normal); + --eds-typography-ui-body-2xl-tracking-loose: var(--eds-type-scale-inter-700-tracking-loose); + --eds-typography-ui-body-2xl-font-weight-lighter: var(--eds-type-scale-inter-700-font-weight-lighter); + --eds-typography-ui-body-2xl-font-weight-normal: var(--eds-type-scale-inter-700-font-weight-normal); + --eds-typography-ui-body-2xl-font-weight-bolder: var(--eds-type-scale-inter-700-font-weight-bolder); + --eds-typography-ui-body-3xl-font-size: var(--eds-type-scale-inter-800-font-size); + --eds-typography-ui-body-3xl-tracking-tight: var(--eds-type-scale-inter-800-tracking-tight); + --eds-typography-ui-body-3xl-tracking-normal: var(--eds-type-scale-inter-800-tracking-normal); + --eds-typography-ui-body-3xl-tracking-loose: var(--eds-type-scale-inter-800-tracking-loose); + --eds-typography-ui-body-3xl-font-weight-lighter: var(--eds-type-scale-inter-800-font-weight-lighter); + --eds-typography-ui-body-3xl-font-weight-normal: var(--eds-type-scale-inter-800-font-weight-normal); + --eds-typography-ui-body-3xl-font-weight-bolder: var(--eds-type-scale-inter-800-font-weight-bolder); + --eds-typography-ui-body-4xl-font-size: var(--eds-type-scale-inter-900-font-size); + --eds-typography-ui-body-4xl-tracking-tight: var(--eds-type-scale-inter-900-tracking-tight); + --eds-typography-ui-body-4xl-tracking-normal: var(--eds-type-scale-inter-900-tracking-normal); + --eds-typography-ui-body-4xl-tracking-loose: var(--eds-type-scale-inter-900-tracking-loose); + --eds-typography-ui-body-4xl-font-weight-lighter: var(--eds-type-scale-inter-900-font-weight-lighter); + --eds-typography-ui-body-4xl-font-weight-normal: var(--eds-type-scale-inter-900-font-weight-normal); + --eds-typography-ui-body-4xl-font-weight-bolder: var(--eds-type-scale-inter-900-font-weight-bolder); + --eds-typography-ui-body-5xl-font-size: var(--eds-type-scale-inter-1000-font-size); + --eds-typography-ui-body-5xl-tracking-tight: var(--eds-type-scale-inter-1000-tracking-tight); + --eds-typography-ui-body-5xl-tracking-normal: var(--eds-type-scale-inter-1000-tracking-normal); + --eds-typography-ui-body-5xl-tracking-loose: var(--eds-type-scale-inter-1000-tracking-loose); + --eds-typography-ui-body-5xl-font-weight-lighter: var(--eds-type-scale-inter-1000-font-weight-lighter); + --eds-typography-ui-body-5xl-font-weight-normal: var(--eds-type-scale-inter-1000-font-weight-normal); + --eds-typography-ui-body-5xl-font-weight-bolder: var(--eds-type-scale-inter-1000-font-weight-bolder); + --eds-typography-ui-body-6xl-font-size: var(--eds-type-scale-inter-1100-font-size); + --eds-typography-ui-body-6xl-tracking-tight: var(--eds-type-scale-inter-1100-tracking-tight); + --eds-typography-ui-body-6xl-tracking-normal: var(--eds-type-scale-inter-1100-tracking-normal); + --eds-typography-ui-body-6xl-tracking-loose: var(--eds-type-scale-inter-1100-tracking-loose); + --eds-typography-ui-body-6xl-font-weight-lighter: var(--eds-type-scale-inter-1100-font-weight-lighter); + --eds-typography-ui-body-6xl-font-weight-normal: var(--eds-type-scale-inter-1100-font-weight-normal); + --eds-typography-ui-body-6xl-font-weight-bolder: var(--eds-type-scale-inter-1100-font-weight-bolder); + --eds-typography-header-xs-font-size: var(--eds-type-scale-equinor-200-font-size); + --eds-typography-header-xs-tracking-tight: var(--eds-type-scale-equinor-200-tracking-tight); + --eds-typography-header-xs-tracking-normal: var(--eds-type-scale-equinor-200-tracking-normal); + --eds-typography-header-xs-tracking-loose: var(--eds-type-scale-equinor-200-tracking-loose); + --eds-typography-header-xs-font-weight-lighter: var(--eds-type-scale-equinor-200-font-weight-lighter); + --eds-typography-header-xs-font-weight-normal: var(--eds-type-scale-equinor-200-font-weight-normal); + --eds-typography-header-xs-font-weight-bolder: var(--eds-type-scale-equinor-200-font-weight-bolder); + --eds-typography-header-font-family: var(--eds-font-family-equinor); + --eds-typography-header-sm-font-size: var(--eds-type-scale-equinor-300-font-size); + --eds-typography-header-sm-tracking-tight: var(--eds-type-scale-equinor-300-tracking-tight); + --eds-typography-header-sm-tracking-normal: var(--eds-type-scale-equinor-300-tracking-normal); + --eds-typography-header-sm-tracking-loose: var(--eds-type-scale-equinor-300-tracking-loose); + --eds-typography-header-sm-font-weight-lighter: var(--eds-type-scale-equinor-300-font-weight-lighter); + --eds-typography-header-sm-font-weight-normal: var(--eds-type-scale-equinor-300-font-weight-normal); + --eds-typography-header-sm-font-weight-bolder: var(--eds-type-scale-equinor-300-font-weight-bolder); + --eds-typography-header-md-font-size: var(--eds-type-scale-equinor-400-font-size); + --eds-typography-header-md-tracking-tight: var(--eds-type-scale-equinor-400-tracking-tight); + --eds-typography-header-md-tracking-normal: var(--eds-type-scale-equinor-400-tracking-normal); + --eds-typography-header-md-tracking-loose: var(--eds-type-scale-equinor-400-tracking-loose); + --eds-typography-header-md-font-weight-lighter: var(--eds-type-scale-equinor-400-font-weight-lighter); + --eds-typography-header-md-font-weight-normal: var(--eds-type-scale-equinor-400-font-weight-normal); + --eds-typography-header-md-font-weight-bolder: var(--eds-type-scale-equinor-400-font-weight-bolder); + --eds-typography-header-lg-font-size: var(--eds-type-scale-equinor-500-font-size); + --eds-typography-header-lg-tracking-tight: var(--eds-type-scale-equinor-500-tracking-tight); + --eds-typography-header-lg-tracking-normal: var(--eds-type-scale-equinor-500-tracking-normal); + --eds-typography-header-lg-tracking-loose: var(--eds-type-scale-equinor-500-tracking-loose); + --eds-typography-header-lg-font-weight-lighter: var(--eds-type-scale-equinor-500-font-weight-lighter); + --eds-typography-header-lg-font-weight-normal: var(--eds-type-scale-equinor-500-font-weight-normal); + --eds-typography-header-lg-font-weight-bolder: var(--eds-type-scale-equinor-500-font-weight-bolder); + --eds-typography-header-xl-font-size: var(--eds-type-scale-equinor-600-font-size); + --eds-typography-header-xl-tracking-tight: var(--eds-type-scale-equinor-600-tracking-tight); + --eds-typography-header-xl-tracking-normal: var(--eds-type-scale-equinor-600-tracking-normal); + --eds-typography-header-xl-tracking-loose: var(--eds-type-scale-equinor-600-tracking-loose); + --eds-typography-header-xl-font-weight-lighter: var(--eds-type-scale-equinor-600-font-weight-lighter); + --eds-typography-header-xl-font-weight-normal: var(--eds-type-scale-equinor-600-font-weight-normal); + --eds-typography-header-xl-font-weight-bolder: var(--eds-type-scale-equinor-600-font-weight-bolder); + --eds-typography-header-2xl-font-size: var(--eds-type-scale-equinor-700-font-size); + --eds-typography-header-2xl-tracking-tight: var(--eds-type-scale-equinor-700-tracking-tight); + --eds-typography-header-2xl-tracking-normal: var(--eds-type-scale-equinor-700-tracking-normal); + --eds-typography-header-2xl-tracking-loose: var(--eds-type-scale-equinor-700-tracking-loose); + --eds-typography-header-2xl-font-weight-lighter: var(--eds-type-scale-equinor-700-font-weight-lighter); + --eds-typography-header-2xl-font-weight-normal: var(--eds-type-scale-equinor-700-font-weight-normal); + --eds-typography-header-2xl-font-weight-bolder: var(--eds-type-scale-equinor-700-font-weight-bolder); + --eds-typography-header-3xl-font-size: var(--eds-type-scale-equinor-800-font-size); + --eds-typography-header-3xl-tracking-tight: var(--eds-type-scale-equinor-800-tracking-tight); + --eds-typography-header-3xl-tracking-normal: var(--eds-type-scale-equinor-800-tracking-normal); + --eds-typography-header-3xl-tracking-loose: var(--eds-type-scale-equinor-800-tracking-loose); + --eds-typography-header-3xl-font-weight-lighter: var(--eds-type-scale-equinor-800-font-weight-lighter); + --eds-typography-header-3xl-font-weight-normal: var(--eds-type-scale-equinor-800-font-weight-normal); + --eds-typography-header-3xl-font-weight-bolder: var(--eds-type-scale-equinor-800-font-weight-bolder); + --eds-typography-header-4xl-font-size: var(--eds-type-scale-equinor-900-font-size); + --eds-typography-header-4xl-tracking-tight: var(--eds-type-scale-equinor-900-tracking-tight); + --eds-typography-header-4xl-tracking-normal: var(--eds-type-scale-equinor-900-tracking-normal); + --eds-typography-header-4xl-tracking-loose: var(--eds-type-scale-equinor-900-tracking-loose); + --eds-typography-header-4xl-font-weight-lighter: var(--eds-type-scale-equinor-900-font-weight-lighter); + --eds-typography-header-4xl-font-weight-normal: var(--eds-type-scale-equinor-900-font-weight-normal); + --eds-typography-header-4xl-font-weight-bolder: var(--eds-type-scale-equinor-900-font-weight-bolder); + --eds-typography-header-5xl-font-size: var(--eds-type-scale-equinor-1000-font-size); + --eds-typography-header-5xl-tracking-tight: var(--eds-type-scale-equinor-1000-tracking-tight); + --eds-typography-header-5xl-tracking-normal: var(--eds-type-scale-equinor-1000-tracking-normal); + --eds-typography-header-5xl-tracking-loose: var(--eds-type-scale-equinor-1000-tracking-loose); + --eds-typography-header-5xl-font-weight-lighter: var(--eds-type-scale-equinor-1000-font-weight-lighter); + --eds-typography-header-5xl-font-weight-normal: var(--eds-type-scale-equinor-1000-font-weight-normal); + --eds-typography-header-5xl-font-weight-bolder: var(--eds-type-scale-equinor-1000-font-weight-bolder); + --eds-typography-header-6xl-font-size: var(--eds-type-scale-equinor-1100-font-size); + --eds-typography-header-6xl-tracking-tight: var(--eds-type-scale-equinor-1100-tracking-tight); + --eds-typography-header-6xl-tracking-normal: var(--eds-type-scale-equinor-1100-tracking-normal); + --eds-typography-header-6xl-tracking-loose: var(--eds-type-scale-equinor-1100-tracking-loose); + --eds-typography-header-6xl-font-weight-lighter: var(--eds-type-scale-equinor-1100-font-weight-lighter); + --eds-typography-header-6xl-font-weight-normal: var(--eds-type-scale-equinor-1100-font-weight-normal); + --eds-typography-header-6xl-font-weight-bolder: var(--eds-type-scale-equinor-1100-font-weight-bolder); + --eds-typography-ui-body-xs-lineheight-default: var(--eds-lineheight-scale-200-default); + --eds-typography-ui-body-xs-lineheight-squished: var(--eds-lineheight-scale-200-lineheight-squished); + --eds-typography-ui-body-sm-lineheight-default: var(--eds-lineheight-scale-300-default); + --eds-typography-ui-body-sm-lineheight-squished: var(--eds-lineheight-scale-300-lineheight-squished); + --eds-typography-ui-body-md-lineheight-default: var(--eds-lineheight-scale-400-default); + --eds-typography-ui-body-md-lineheight-squished: var(--eds-lineheight-scale-400-lineheight-squished); + --eds-typography-ui-body-lg-lineheight-default: var(--eds-lineheight-scale-500-default); + --eds-typography-ui-body-lg-lineheight-squished: var(--eds-lineheight-scale-500-lineheight-squished); + --eds-typography-ui-body-xl-lineheight-default: var(--eds-lineheight-scale-600-default); + --eds-typography-ui-body-xl-lineheight-squished: var(--eds-lineheight-scale-600-lineheight-squished); + --eds-typography-ui-body-2xl-lineheight-default: var(--eds-lineheight-scale-700-default); + --eds-typography-ui-body-2xl-lineheight-squished: var(--eds-lineheight-scale-700-lineheight-squished); + --eds-typography-ui-body-3xl-lineheight-default: var(--eds-lineheight-scale-800-default); + --eds-typography-ui-body-3xl-lineheight-squished: var(--eds-lineheight-scale-800-lineheight-squished); + --eds-typography-ui-body-4xl-lineheight-default: var(--eds-lineheight-scale-900-default); + --eds-typography-ui-body-4xl-lineheight-squished: var(--eds-lineheight-scale-900-lineheight-squished); + --eds-typography-ui-body-5xl-lineheight-default: var(--eds-lineheight-scale-1000-default); + --eds-typography-ui-body-5xl-lineheight-squished: var(--eds-lineheight-scale-1000-lineheight-squished); + --eds-typography-ui-body-6xl-lineheight-default: var(--eds-lineheight-scale-1100-default); + --eds-typography-ui-body-6xl-lineheight-squished: var(--eds-lineheight-scale-1100-squished); + --eds-typography-header-xs-lineheight-default: var(--eds-lineheight-scale-200-default); + --eds-typography-header-xs-lineheight-squished: var(--eds-lineheight-scale-200-lineheight-squished); + --eds-typography-header-sm-lineheight-default: var(--eds-lineheight-scale-300-default); + --eds-typography-header-sm-lineheight-squished: var(--eds-lineheight-scale-300-lineheight-squished); + --eds-typography-header-md-lineheight-default: var(--eds-lineheight-scale-400-default); + --eds-typography-header-md-lineheight-squished: var(--eds-lineheight-scale-400-lineheight-squished); + --eds-typography-header-lg-lineheight-default: var(--eds-lineheight-scale-500-default); + --eds-typography-header-lg-lineheight-squished: var(--eds-lineheight-scale-500-lineheight-squished); + --eds-typography-header-xl-lineheight-default: var(--eds-lineheight-scale-600-default); + --eds-typography-header-xl-lineheight-squished: var(--eds-lineheight-scale-600-lineheight-squished); + --eds-typography-header-2xl-lineheight-default: var(--eds-lineheight-scale-700-default); + --eds-typography-header-2xl-lineheight-squished: var(--eds-lineheight-scale-700-lineheight-squished); + --eds-typography-header-3xl-lineheight-default: var(--eds-lineheight-scale-800-default); + --eds-typography-header-3xl-lineheight-squished: var(--eds-lineheight-scale-800-lineheight-squished); + --eds-typography-header-4xl-lineheight-default: var(--eds-lineheight-scale-900-default); + --eds-typography-header-4xl-lineheight-squished: var(--eds-lineheight-scale-900-lineheight-squished); + --eds-typography-header-5xl-lineheight-default: var(--eds-lineheight-scale-1000-default); + --eds-typography-header-5xl-lineheight-squished: var(--eds-lineheight-scale-1000-lineheight-squished); + --eds-typography-header-6xl-lineheight-default: var(--eds-lineheight-scale-1100-default); + --eds-typography-header-6xl-lineheight-squished: var(--eds-lineheight-scale-1100-squished); } diff --git a/packages/eds-tokens/build/css/variables-verbose.css b/packages/eds-tokens/build/css/variables-verbose.css index ee25bc465c..c1f5c9d27b 100644 --- a/packages/eds-tokens/build/css/variables-verbose.css +++ b/packages/eds-tokens/build/css/variables-verbose.css @@ -378,1108 +378,1108 @@ } :root { - --eds-color-surface-on-level-3-on-dark: var(--eds-color-slate-blue-1300); - --eds-color-surface-on-level-3-on-light: var(--eds-color-neutral-0); - --eds-color-surface-on-level-2-on-dark: var(--eds-color-slate-blue-1350); - --eds-color-surface-on-level-2-on-light: var(--eds-color-neutral-0); - --eds-color-surface-on-level-1-on-dark: var(--eds-color-slate-blue-1400); - --eds-color-surface-on-level-1-on-light: var(--eds-color-neutral-100); - --eds-color-surface-inverted-on-dark: #dcf2fff2; - --eds-color-surface-inverted-on-light: #000c; - --eds-color-surface-none: #fff0; - --eds-color-border-inverted-on-dark: #dcf2fff2; - --eds-color-border-inverted-on-light: #000c; - --eds-color-border-disabled-on-dark: var(--eds-color-slate-grey-1100); - --eds-color-border-disabled-on-light: var(--eds-color-neutral-300); - --eds-color-border-maximal-on-dark: #ffffff80; - --eds-color-border-maximal-on-light: var(--eds-color-neutral-1400); - --eds-color-border-quaternary-on-dark: #fff6; - --eds-color-border-quaternary-on-light: var(--eds-color-neutral-900); - --eds-color-border-tertiary-on-dark: #ffffff4d; - --eds-color-border-tertiary-on-light: var(--eds-color-neutral-700); - --eds-color-border-secondary-on-dark: #fff3; - --eds-color-border-secondary-on-light: var(--eds-color-neutral-500); - --eds-color-border-primary-on-dark: #ffffff29; - --eds-color-border-primary-on-light: var(--eds-color-neutral-300); --eds-color-border-none: #fff0; - --eds-color-icon-inverted-on-dark: var(--eds-color-neutral-1500); - --eds-color-icon-inverted-on-light: var(--eds-color-neutral-0); - --eds-color-icon-disabled-on-dark: var(--eds-color-slate-grey-1000); - --eds-color-icon-disabled-on-light: var(--eds-color-neutral-500); - --eds-color-icon-maximal-on-dark: var(--eds-color-neutral-0); - --eds-color-icon-maximal-on-light: var(--eds-color-neutral-1300); - --eds-color-icon-quaternary-on-dark: var(--eds-color-slate-grey-900); - --eds-color-icon-quaternary-on-light: var(--eds-color-neutral-700); - --eds-color-icon-tertiary-on-dark: var(--eds-color-slate-grey-600); - --eds-color-icon-tertiary-on-light: var(--eds-color-neutral-900); - --eds-color-icon-secondary-on-dark: var(--eds-color-slate-grey-500); - --eds-color-icon-secondary-on-light: var(--eds-color-neutral-1100); - --eds-color-icon-primary-on-dark: var(--eds-color-slate-grey-400); - --eds-color-icon-primary-on-light: var(--eds-color-neutral-1300); - --eds-color-text-inverted-on-dark: var(--eds-color-neutral-1500); - --eds-color-text-inverted-on-light: var(--eds-color-neutral-0); - --eds-color-text-disabled-on-dark: var(--eds-color-slate-grey-1000); - --eds-color-text-disabled-on-light: var(--eds-color-neutral-500); - --eds-color-text-maximal-on-dark: var(--eds-color-neutral-0); - --eds-color-text-maximal-on-light: var(--eds-color-neutral-1300); - --eds-color-text-quaternary-on-dark: var(--eds-color-slate-grey-900); - --eds-color-text-quaternary-on-light: var(--eds-color-neutral-700); - --eds-color-text-tertiary-on-dark: var(--eds-color-slate-grey-600); - --eds-color-text-tertiary-on-light: var(--eds-color-neutral-900); - --eds-color-text-secondary-on-dark: var(--eds-color-slate-grey-500); - --eds-color-text-secondary-on-light: var(--eds-color-neutral-1100); - --eds-color-text-primary-on-dark: var(--eds-color-slate-grey-400); + --eds-color-border-primary-on-dark: #ffffff29; + --eds-color-border-secondary-on-dark: #fff3; + --eds-color-border-tertiary-on-dark: #ffffff4d; + --eds-color-border-quaternary-on-dark: #fff6; + --eds-color-border-maximal-on-dark: #ffffff80; + --eds-color-border-inverted-on-light: #000c; + --eds-color-border-inverted-on-dark: #dcf2fff2; + --eds-color-surface-none: #fff0; + --eds-color-surface-inverted-on-light: #000c; + --eds-color-surface-inverted-on-dark: #dcf2fff2; --eds-color-text-primary-on-light: var(--eds-color-neutral-1300); - --eds-ui-scrim-color-surface: light-dark(#0006, #0006); - --eds-ui-floating-color-surface: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1300)); - --eds-ui-shell-color-border: light-dark(var(--eds-color-neutral-100), var(--eds-color-slate-blue-1400)); - --eds-ui-shell-color-surface: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1350)); - --eds-ui-main-color-surface: light-dark(var(--eds-color-neutral-100), var(--eds-color-slate-blue-1400)); - --eds-table-header-color-static-surface-on-level-3: light-dark(var(--eds-color-neutral-100), var(--eds-color-slate-blue-1200)); - --eds-table-header-color-static-surface-on-level-2: light-dark(var(--eds-color-neutral-100), var(--eds-color-slate-blue-1300)); - --eds-table-header-color-static-surface-on-level-1: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1350)); - --eds-table-header-color-static-border-on-level-3: light-dark(var(--eds-color-neutral-300), #ffffff29); - --eds-table-header-color-static-border-on-level-2: light-dark(var(--eds-color-neutral-300), #ffffff29); - --eds-table-header-color-static-border-on-level-1: light-dark(var(--eds-color-neutral-300), #ffffff29); - --eds-table-header-color-static-icon-on-level-3: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); - --eds-table-header-color-static-icon-on-level-2: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); - --eds-table-header-color-static-icon-on-level-1: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); - --eds-table-header-color-static-text-on-level-3: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); - --eds-table-header-color-static-text-on-level-2: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); - --eds-table-header-color-static-text-on-level-1: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); - --eds-table-header-color-interactive-surface-disabled-on-level-3: light-dark(#fff0, #0000); - --eds-table-header-color-interactive-surface-disabled-on-level-2: light-dark(#fff0, #0000); - --eds-table-header-color-interactive-surface-disabled-on-level-1: light-dark(#fff0, #0000); - --eds-table-header-color-interactive-surface-active-hover-on-level-3: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1100)); - --eds-table-header-color-interactive-surface-active-hover-on-level-2: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); - --eds-table-header-color-interactive-surface-active-hover-on-level-1: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); - --eds-table-header-color-interactive-surface-active-on-level-3: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-blue-1200)); - --eds-table-header-color-interactive-surface-active-on-level-2: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-blue-1300)); - --eds-table-header-color-interactive-surface-active-on-level-1: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-blue-1300)); - --eds-table-header-color-interactive-surface-hover-on-level-3: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); - --eds-table-header-color-interactive-surface-hover-on-level-2: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); - --eds-table-header-color-interactive-surface-hover-on-level-1: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); - --eds-table-header-color-interactive-surface-initial-on-level-3: light-dark(var(--eds-color-neutral-100), var(--eds-color-slate-blue-1200)); - --eds-table-header-color-interactive-surface-initial-on-level-2: light-dark(var(--eds-color-neutral-100), var(--eds-color-slate-blue-1300)); - --eds-table-header-color-interactive-surface-initial-on-level-1: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1350)); - --eds-table-header-color-interactive-border-disabled-on-level-3: light-dark(var(--eds-color-neutral-300), #ffffff29); - --eds-table-header-color-interactive-border-disabled-on-level-2: light-dark(var(--eds-color-neutral-300), #ffffff29); - --eds-table-header-color-interactive-border-disabled-on-level-1: light-dark(var(--eds-color-neutral-300), #ffffff29); - --eds-table-header-color-interactive-border-active-hover-on-level-3: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-200)); - --eds-table-header-color-interactive-border-active-hover-on-level-2: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); - --eds-table-header-color-interactive-border-active-hover-on-level-1: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); - --eds-table-header-color-interactive-border-active-on-level-3: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-300)); - --eds-table-header-color-interactive-border-active-on-level-2: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); - --eds-table-header-color-interactive-border-active-on-level-1: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); - --eds-table-header-color-interactive-border-hover-on-level-3: light-dark(var(--eds-color-neutral-500), #fff3); - --eds-table-header-color-interactive-border-hover-on-level-2: light-dark(var(--eds-color-neutral-500), #fff3); - --eds-table-header-color-interactive-border-hover-on-level-1: light-dark(var(--eds-color-neutral-500), #fff3); - --eds-table-header-color-interactive-border-initial-on-level-3: light-dark(var(--eds-color-neutral-300), #ffffff29); - --eds-table-header-color-interactive-border-initial-on-level-2: light-dark(var(--eds-color-neutral-300), #ffffff29); - --eds-table-header-color-interactive-border-initial-on-level-1: light-dark(var(--eds-color-neutral-300), #ffffff29); - --eds-table-header-color-interactive-icon-disabled-on-level-3: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); - --eds-table-header-color-interactive-icon-disabled-on-level-2: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-table-header-color-interactive-icon-disabled-on-level-1: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-table-header-color-interactive-icon-active-hover-on-level-3: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-200)); - --eds-table-header-color-interactive-icon-active-hover-on-level-2: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); - --eds-table-header-color-interactive-icon-active-hover-on-level-1: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); - --eds-table-header-color-interactive-icon-active-on-level-3: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-300)); - --eds-table-header-color-interactive-icon-active-on-level-2: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); - --eds-table-header-color-interactive-icon-active-on-level-1: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); - --eds-table-header-color-interactive-icon-hover-on-level-3: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); - --eds-table-header-color-interactive-icon-hover-on-level-2: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); - --eds-table-header-color-interactive-icon-hover-on-level-1: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); - --eds-table-header-color-interactive-icon-initial-on-level-3: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); - --eds-table-header-color-interactive-icon-initial-on-level-2: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-table-header-color-interactive-icon-initial-on-level-1: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-table-header-color-interactive-text-disabled-on-level-3: light-dark(var(--eds-color-neutral-500), var(--eds-color-neutral-1000)); - --eds-table-header-color-interactive-text-disabled-on-level-2: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-table-header-color-interactive-text-disabled-on-level-1: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-table-header-color-interactive-text-active-hover-on-level-3: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-200)); - --eds-table-header-color-interactive-text-active-hover-on-level-2: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); - --eds-table-header-color-interactive-text-active-hover-on-level-1: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); - --eds-table-header-color-interactive-text-active-on-level-3: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-300)); - --eds-table-header-color-interactive-text-active-on-level-2: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); - --eds-table-header-color-interactive-text-active-on-level-1: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); - --eds-table-header-color-interactive-text-hover-on-level-3: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); - --eds-table-header-color-interactive-text-hover-on-level-2: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); - --eds-table-header-color-interactive-text-hover-on-level-1: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); - --eds-table-header-color-interactive-text-initial-on-level-3: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); - --eds-table-header-color-interactive-text-initial-on-level-2: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); - --eds-table-header-color-interactive-text-initial-on-level-1: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); - --eds-table-cell-color-interactive-surface-disabled-on-level-3: light-dark(#fff0, #0000); - --eds-table-cell-color-interactive-surface-disabled-on-level-2: light-dark(#fff0, #0000); - --eds-table-cell-color-interactive-surface-disabled-on-level-1: light-dark(#fff0, #0000); - --eds-table-cell-color-interactive-surface-active-hover-on-level-3: light-dark(var(--eds-color-moss-green-300), var(--eds-color-mist-blue-muted-1100)); - --eds-table-cell-color-interactive-surface-active-hover-on-level-2: light-dark(var(--eds-color-moss-green-300), var(--eds-color-mist-blue-muted-1200)); - --eds-table-cell-color-interactive-surface-active-hover-on-level-1: light-dark(var(--eds-color-moss-green-300), var(--eds-color-mist-blue-muted-1200)); - --eds-table-cell-color-interactive-surface-active-on-level-3: light-dark(var(--eds-color-moss-green-200), var(--eds-color-mist-blue-muted-1200)); - --eds-table-cell-color-interactive-surface-active-on-level-2: light-dark(var(--eds-color-moss-green-200), var(--eds-color-mist-blue-muted-1300)); - --eds-table-cell-color-interactive-surface-active-on-level-1: light-dark(var(--eds-color-moss-green-200), var(--eds-color-mist-blue-muted-1300)); - --eds-table-cell-color-interactive-surface-hover-on-level-3: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); - --eds-table-cell-color-interactive-surface-hover-on-level-2: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); - --eds-table-cell-color-interactive-surface-hover-on-level-1: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); - --eds-table-cell-color-interactive-surface-initial-on-level-3: light-dark(#fff0, #0000); - --eds-table-cell-color-interactive-surface-initial-on-level-2: light-dark(#fff0, #0000); + --eds-color-text-primary-on-dark: var(--eds-color-slate-grey-400); + --eds-color-text-secondary-on-light: var(--eds-color-neutral-1100); + --eds-color-text-secondary-on-dark: var(--eds-color-slate-grey-500); + --eds-color-text-tertiary-on-light: var(--eds-color-neutral-900); + --eds-color-text-tertiary-on-dark: var(--eds-color-slate-grey-600); + --eds-color-text-quaternary-on-light: var(--eds-color-neutral-700); + --eds-color-text-quaternary-on-dark: var(--eds-color-slate-grey-900); + --eds-color-text-maximal-on-light: var(--eds-color-neutral-1300); + --eds-color-text-maximal-on-dark: var(--eds-color-neutral-0); + --eds-color-text-disabled-on-light: var(--eds-color-neutral-500); + --eds-color-text-disabled-on-dark: var(--eds-color-slate-grey-1000); + --eds-color-text-inverted-on-light: var(--eds-color-neutral-0); + --eds-color-text-inverted-on-dark: var(--eds-color-neutral-1500); + --eds-color-icon-primary-on-light: var(--eds-color-neutral-1300); + --eds-color-icon-primary-on-dark: var(--eds-color-slate-grey-400); + --eds-color-icon-secondary-on-light: var(--eds-color-neutral-1100); + --eds-color-icon-secondary-on-dark: var(--eds-color-slate-grey-500); + --eds-color-icon-tertiary-on-light: var(--eds-color-neutral-900); + --eds-color-icon-tertiary-on-dark: var(--eds-color-slate-grey-600); + --eds-color-icon-quaternary-on-light: var(--eds-color-neutral-700); + --eds-color-icon-quaternary-on-dark: var(--eds-color-slate-grey-900); + --eds-color-icon-maximal-on-light: var(--eds-color-neutral-1300); + --eds-color-icon-maximal-on-dark: var(--eds-color-neutral-0); + --eds-color-icon-disabled-on-light: var(--eds-color-neutral-500); + --eds-color-icon-disabled-on-dark: var(--eds-color-slate-grey-1000); + --eds-color-icon-inverted-on-light: var(--eds-color-neutral-0); + --eds-color-icon-inverted-on-dark: var(--eds-color-neutral-1500); + --eds-color-border-primary-on-light: var(--eds-color-neutral-300); + --eds-color-border-secondary-on-light: var(--eds-color-neutral-500); + --eds-color-border-tertiary-on-light: var(--eds-color-neutral-700); + --eds-color-border-quaternary-on-light: var(--eds-color-neutral-900); + --eds-color-border-maximal-on-light: var(--eds-color-neutral-1400); + --eds-color-border-disabled-on-light: var(--eds-color-neutral-300); + --eds-color-border-disabled-on-dark: var(--eds-color-slate-grey-1100); + --eds-color-surface-on-level-1-on-light: var(--eds-color-neutral-100); + --eds-color-surface-on-level-1-on-dark: var(--eds-color-slate-blue-1400); + --eds-color-surface-on-level-2-on-light: var(--eds-color-neutral-0); + --eds-color-surface-on-level-2-on-dark: var(--eds-color-slate-blue-1350); + --eds-color-surface-on-level-3-on-light: var(--eds-color-neutral-0); + --eds-color-surface-on-level-3-on-dark: var(--eds-color-slate-blue-1300); + --eds-color-shadow: light-dark(#00000024, #00000024); + --eds-color-interactive-border-standard-secondary-disabled: light-dark(#fff0, #0000); + --eds-color-interactive-border-standard-secondary-initial: light-dark(#fff0, #0000); + --eds-color-interactive-border-standard-secondary-hover: light-dark(#fff0, #0000); + --eds-color-interactive-border-standard-secondary-active: light-dark(#fff0, #0000); + --eds-color-interactive-border-standard-secondary-active-hover: light-dark(#fff0, #0000); + --eds-color-interactive-surface-standard-primary-disabled-outlined: light-dark(#fff0, #0000); + --eds-color-interactive-surface-standard-primary-initial: light-dark(#fff0, #0000); + --eds-color-interactive-surface-standard-secondary-disabled: light-dark(#fff0, #0000); + --eds-color-interactive-surface-standard-secondary-initial: light-dark(#fff0, #0000); + --eds-color-interactive-surface-standard-tertiary-disabled: light-dark(#fff0, #0000); + --eds-color-interactive-surface-standard-tertiary-initial: light-dark(#fff0, #0000); + --eds-color-interactive-surface-standard-quaternary-disabled: light-dark(#fff0, #0000); + --eds-color-interactive-surface-standard-quaternary-initial: light-dark(#fff0, #0000); + --eds-color-interactive-surface-standard-quaternary-active: light-dark(#fff0, #0000); + --eds-color-action-border-standard-tertiary-disabled: light-dark(#fff0, #0000); + --eds-color-action-border-standard-tertiary-initial: light-dark(#fff0, #0000); + --eds-color-action-border-standard-tertiary-hover: light-dark(#fff0, #0000); + --eds-color-action-border-muted-tertiary-initial: light-dark(#fff0, #0000); + --eds-color-action-border-muted-tertiary-hover: light-dark(#fff0, #0000); + --eds-color-action-border-muted-tertiary-disabled: light-dark(#fff0, #0000); + --eds-color-action-border-danger-tertiary-initial: light-dark(#fff0, #0000); + --eds-color-action-border-danger-tertiary-hover: light-dark(#fff0, #0000); + --eds-color-action-border-danger-tertiary-disabled: light-dark(#fff0, #0000); + --eds-color-action-surface-standard-secondary-disabled: light-dark(#fff0, #0000); + --eds-color-action-surface-standard-secondary-initial: light-dark(#fff0, #0000); + --eds-color-action-surface-standard-tertiary-disabled: light-dark(#fff0, #0000); + --eds-color-action-surface-standard-tertiary-initial: light-dark(#fff0, #0000); + --eds-color-action-surface-muted-secondary-initial: light-dark(#fff0, #0000); + --eds-color-action-surface-muted-secondary-disabled: light-dark(#fff0, #0000); + --eds-color-action-surface-muted-tertiary-initial: light-dark(#fff0, #0000); + --eds-color-action-surface-muted-tertiary-disabled: light-dark(#fff0, #0000); + --eds-color-action-surface-danger-secondary-initial: light-dark(#fff0, #0000); + --eds-color-action-surface-danger-secondary-disabled: light-dark(#fff0, #0000); + --eds-color-action-surface-danger-tertiary-initial: light-dark(#fff0, #0000); + --eds-color-action-surface-danger-tertiary-disabled: light-dark(#fff0, #0000); + --eds-input-color-border-disabled: light-dark(#fff0, #0000); + --eds-input-color-surface-read-only-on-level-1: light-dark(#fff0, #0000); + --eds-input-color-surface-read-only-on-level-2: light-dark(#fff0, #0000); + --eds-input-color-surface-read-only-on-level-3: light-dark(#fff0, #0000); --eds-table-cell-color-interactive-surface-initial-on-level-1: light-dark(#fff0, #0000); - --eds-table-cell-color-interactive-border-disabled-on-level-3: light-dark(var(--eds-color-neutral-300), #ffffff29); - --eds-table-cell-color-interactive-border-disabled-on-level-2: light-dark(var(--eds-color-neutral-300), #ffffff29); - --eds-table-cell-color-interactive-border-disabled-on-level-1: light-dark(var(--eds-color-neutral-300), #ffffff29); - --eds-table-cell-color-interactive-border-active-hover-on-level-3: light-dark(var(--eds-color-neutral-500), #fff3); - --eds-table-cell-color-interactive-border-active-hover-on-level-2: light-dark(var(--eds-color-neutral-500), #fff3); - --eds-table-cell-color-interactive-border-active-hover-on-level-1: light-dark(var(--eds-color-neutral-500), #fff3); - --eds-table-cell-color-interactive-border-active-on-level-3: light-dark(var(--eds-color-neutral-300), #ffffff29); - --eds-table-cell-color-interactive-border-active-on-level-2: light-dark(var(--eds-color-neutral-300), #ffffff29); - --eds-table-cell-color-interactive-border-active-on-level-1: light-dark(var(--eds-color-neutral-300), #ffffff29); - --eds-table-cell-color-interactive-border-hover-on-level-3: light-dark(var(--eds-color-neutral-500), #fff3); - --eds-table-cell-color-interactive-border-hover-on-level-2: light-dark(var(--eds-color-neutral-500), #fff3); - --eds-table-cell-color-interactive-border-hover-on-level-1: light-dark(var(--eds-color-neutral-500), #fff3); - --eds-table-cell-color-interactive-border-initial-on-level-3: light-dark(var(--eds-color-neutral-300), #ffffff29); - --eds-table-cell-color-interactive-border-initial-on-level-2: light-dark(var(--eds-color-neutral-300), #ffffff29); - --eds-table-cell-color-interactive-border-initial-on-level-1: light-dark(var(--eds-color-neutral-300), #ffffff29); - --eds-table-cell-color-interactive-icon-disabled-on-level-3: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-table-cell-color-interactive-icon-disabled-on-level-2: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-table-cell-color-interactive-icon-disabled-on-level-1: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-table-cell-color-interactive-icon-active-hover-on-level-3: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-100)); - --eds-table-cell-color-interactive-icon-active-hover-on-level-2: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); - --eds-table-cell-color-interactive-icon-active-hover-on-level-1: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); - --eds-table-cell-color-interactive-icon-active-on-level-3: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-200)); - --eds-table-cell-color-interactive-icon-active-on-level-2: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); - --eds-table-cell-color-interactive-icon-active-on-level-1: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); - --eds-table-cell-color-interactive-icon-hover-on-level-3: light-dark(var(--eds-color-neutral-1400), var(--eds-color-slate-grey-200)); - --eds-table-cell-color-interactive-icon-hover-on-level-2: light-dark(var(--eds-color-neutral-1400), var(--eds-color-slate-grey-200)); - --eds-table-cell-color-interactive-icon-hover-on-level-1: light-dark(var(--eds-color-neutral-1400), var(--eds-color-slate-grey-200)); - --eds-table-cell-color-interactive-icon-initial-on-level-3: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); - --eds-table-cell-color-interactive-icon-initial-on-level-2: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-table-cell-color-interactive-icon-initial-on-level-1: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-table-cell-color-interactive-text-disabled-on-level-3: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-table-cell-color-interactive-text-disabled-on-level-2: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-table-cell-color-interactive-text-disabled-on-level-1: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-table-cell-color-interactive-text-active-hover-on-level-3: light-dark(var(--eds-color-neutral-1400), var(--eds-color-slate-grey-200)); - --eds-table-cell-color-interactive-text-active-hover-on-level-2: light-dark(var(--eds-color-neutral-1400), var(--eds-color-slate-grey-200)); - --eds-table-cell-color-interactive-text-active-hover-on-level-1: light-dark(var(--eds-color-neutral-1400), var(--eds-color-slate-grey-200)); - --eds-table-cell-color-interactive-text-active-on-level-3: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); - --eds-table-cell-color-interactive-text-active-on-level-2: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); - --eds-table-cell-color-interactive-text-active-on-level-1: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); - --eds-table-cell-color-interactive-text-hover-on-level-3: light-dark(var(--eds-color-neutral-1400), var(--eds-color-slate-grey-200)); - --eds-table-cell-color-interactive-text-hover-on-level-2: light-dark(var(--eds-color-neutral-1400), var(--eds-color-slate-grey-200)); - --eds-table-cell-color-interactive-text-hover-on-level-1: light-dark(var(--eds-color-neutral-1400), var(--eds-color-slate-grey-200)); - --eds-table-cell-color-interactive-text-initial-on-level-3: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); - --eds-table-cell-color-interactive-text-initial-on-level-2: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); - --eds-table-cell-color-interactive-text-initial-on-level-1: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); - --eds-table-cell-color-message-surface-error: light-dark(var(--eds-color-red-warm-300), #ff666b47); - --eds-input-label-color-icon-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-input-label-color-icon-read-only: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-input-label-color-icon-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-input-label-color-text-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-input-label-color-text-read-only: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-input-label-color-text-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-input-color-message-text-error-disabled: var(--eds-color-red-cold-900); - --eds-input-color-message-text-error-read-only: var(--eds-color-red-cold-900); - --eds-input-color-message-text-error-focus: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-600)); - --eds-input-color-message-text-error-initial: var(--eds-color-red-cold-900); - --eds-input-color-message-text-warning-disabled: var(--eds-color-orange-800); - --eds-input-color-message-text-warning-read-only: var(--eds-color-orange-800); - --eds-input-color-message-text-warning-focus: light-dark(var(--eds-color-orange-1200), var(--eds-color-spruce-wood-500)); - --eds-input-color-message-text-warning-initial: var(--eds-color-orange-800); - --eds-input-color-message-text-success-disabled: var(--eds-color-success-green-900); - --eds-input-color-message-text-success-read-only: var(--eds-color-success-green-900); - --eds-input-color-message-text-success-focus: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-success-green-600)); - --eds-input-color-message-text-success-initial: var(--eds-color-success-green-900); - --eds-input-color-message-icon-error-disabled: var(--eds-color-red-cold-900); - --eds-input-color-message-icon-error-read-only: var(--eds-color-red-cold-900); - --eds-input-color-message-icon-error-focus: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-600)); - --eds-input-color-message-icon-error-initial: var(--eds-color-red-cold-900); - --eds-input-color-message-icon-warning-disabled: var(--eds-color-orange-800); - --eds-input-color-message-icon-warning-read-only: var(--eds-color-orange-800); - --eds-input-color-message-icon-warning-focus: light-dark(var(--eds-color-orange-1200), var(--eds-color-spruce-wood-500)); - --eds-input-color-message-icon-warning-initial: var(--eds-color-orange-800); - --eds-input-color-message-icon-success-disabled: var(--eds-color-success-green-900); - --eds-input-color-message-icon-success-read-only: var(--eds-color-success-green-900); - --eds-input-color-message-icon-success-focus: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-success-green-600)); - --eds-input-color-message-icon-success-initial: var(--eds-color-success-green-900); - --eds-input-color-message-border-error-disabled: var(--eds-color-red-cold-900); - --eds-input-color-message-border-error-read-only: var(--eds-color-red-cold-900); - --eds-input-color-message-border-error-focus: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-600)); - --eds-input-color-message-border-error-initial: var(--eds-color-red-cold-900); - --eds-input-color-message-border-warning-disabled: var(--eds-color-orange-800); - --eds-input-color-message-border-warning-read-only: var(--eds-color-orange-800); - --eds-input-color-message-border-warning-focus: light-dark(var(--eds-color-orange-1200), var(--eds-color-spruce-wood-500)); - --eds-input-color-message-border-warning-initial: var(--eds-color-orange-800); - --eds-input-color-message-border-success-disabled: var(--eds-color-success-green-900); - --eds-input-color-message-border-success-read-only: var(--eds-color-success-green-900); - --eds-input-color-message-border-success-focus: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-success-green-600)); - --eds-input-color-message-border-success-initial: var(--eds-color-success-green-900); - --eds-input-color-surface-read-only-on-level-3: light-dark(#fff0, #0000); - --eds-input-color-surface-read-only-on-level-2: light-dark(#fff0, #0000); - --eds-input-color-surface-read-only-on-level-1: light-dark(#fff0, #0000); - --eds-input-color-surface-disabled-on-level-3: light-dark(var(--eds-color-neutral-100), #00000047); - --eds-input-color-surface-disabled-on-level-2: light-dark(var(--eds-color-neutral-100), #00000047); - --eds-input-color-surface-disabled-on-level-1: light-dark(var(--eds-color-neutral-0), #00000047); - --eds-input-color-surface-initial-on-level-3: light-dark(var(--eds-color-neutral-100), #00000047); - --eds-input-color-surface-initial-on-level-2: light-dark(var(--eds-color-neutral-100), #00000047); - --eds-input-color-surface-initial-on-level-1: light-dark(var(--eds-color-neutral-0), #00000047); - --eds-input-color-border-disabled: light-dark(#fff0, #0000); - --eds-input-color-border-focus: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); - --eds-input-color-border-read-only: light-dark(var(--eds-color-neutral-600), #ffffff29); - --eds-input-color-border-initial: light-dark(var(--eds-color-neutral-600), #ffffff29); - --eds-input-color-icon-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-input-color-icon-focus: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); - --eds-input-color-icon-read-only: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); - --eds-input-color-icon-initial: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); - --eds-input-color-text-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-input-color-text-focus: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); - --eds-input-color-text-read-only: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); - --eds-input-color-text-initial: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); - --eds-input-helper-color-message-icon-error-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-input-helper-color-message-icon-error-read-only: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-cold-600)); - --eds-input-helper-color-message-icon-error-focus: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-cold-600)); - --eds-input-helper-color-message-icon-error-initial: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-cold-600)); - --eds-input-helper-color-message-icon-warning-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-input-helper-color-message-icon-warning-read-only: light-dark(var(--eds-color-orange-1200), var(--eds-color-orange-500)); - --eds-input-helper-color-message-icon-warning-focus: light-dark(var(--eds-color-orange-1200), var(--eds-color-orange-500)); - --eds-input-helper-color-message-icon-warning-initial: light-dark(var(--eds-color-orange-1200), var(--eds-color-orange-500)); - --eds-input-helper-color-message-icon-success-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-input-helper-color-message-icon-success-read-only: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-lichen-green-600)); - --eds-input-helper-color-message-icon-success-focus: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-lichen-green-600)); - --eds-input-helper-color-message-icon-success-initial: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-lichen-green-600)); - --eds-input-helper-color-message-icon-info-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-input-helper-color-message-icon-info-read-only: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-blue-sky-600)); - --eds-input-helper-color-message-icon-info-focus: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-blue-sky-600)); - --eds-input-helper-color-message-icon-info-initial: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-blue-sky-600)); - --eds-input-helper-color-message-text-error-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-input-helper-color-message-text-error-read-only: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-cold-600)); - --eds-input-helper-color-message-text-error-focus: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-cold-600)); - --eds-input-helper-color-message-text-error-initial: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-cold-600)); - --eds-input-helper-color-message-text-warning-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-input-helper-color-message-text-warning-read-only: light-dark(var(--eds-color-orange-1200), var(--eds-color-orange-500)); - --eds-input-helper-color-message-text-warning-focus: light-dark(var(--eds-color-orange-1200), var(--eds-color-orange-500)); - --eds-input-helper-color-message-text-warning-initial: light-dark(var(--eds-color-orange-1200), var(--eds-color-orange-500)); - --eds-input-helper-color-message-text-success-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-input-helper-color-message-text-success-read-only: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-lichen-green-600)); - --eds-input-helper-color-message-text-success-focus: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-lichen-green-600)); - --eds-input-helper-color-message-text-success-initial: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-lichen-green-600)); - --eds-input-helper-color-message-text-info-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-input-helper-color-message-text-info-read-only: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-blue-sky-600)); - --eds-input-helper-color-message-text-info-focus: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-blue-sky-600)); - --eds-input-helper-color-message-text-info-initial: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-blue-sky-600)); - --eds-input-helper-color-icon-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-input-helper-color-icon-read-only: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-input-helper-color-icon-focus: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-input-helper-color-icon-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-input-helper-color-text-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-input-helper-color-text-read-only: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-input-helper-color-text-focus: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-input-helper-color-text-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-input-placeholder-color-text: light-dark(var(--eds-color-neutral-800), var(--eds-color-slate-grey-800)); - --eds-input-asterix-color-text: var(--eds-color-red-cold-900); - --eds-color-message-surface-callout-error: light-dark(var(--eds-color-red-warm-300), var(--eds-color-red-cold-1200)); - --eds-color-message-surface-callout-warning: light-dark(var(--eds-color-spruce-wood-200), var(--eds-color-orange-1200)); - --eds-color-message-surface-callout-success: light-dark(var(--eds-color-lichen-green-200), var(--eds-color-lichen-green-1200)); - --eds-color-message-surface-callout-info: light-dark(var(--eds-color-mist-blue-muted-300), var(--eds-color-blue-sky-1200)); - --eds-color-message-surface-raised-error-hover: light-dark(var(--eds-color-red-warm-200), #ffe1e01a); - --eds-color-message-surface-raised-error-initial: light-dark(var(--eds-color-red-warm-200), #ffe1e01a); - --eds-color-message-surface-raised-warning-hover: light-dark(var(--eds-color-spruce-wood-100), #fff0e51a); - --eds-color-message-surface-raised-warning-initial: light-dark(var(--eds-color-spruce-wood-100), #fff0e51a); - --eds-color-message-surface-raised-success-hover: light-dark(var(--eds-color-lichen-green-100), #e6faec1a); - --eds-color-message-surface-raised-success-initial: light-dark(var(--eds-color-lichen-green-100), #e6faec1a); - --eds-color-message-surface-raised-info-hover: light-dark(var(--eds-color-mist-blue-muted-200), #dfeff71a); - --eds-color-message-surface-raised-info-initial: light-dark(var(--eds-color-mist-blue-muted-200), #dfeff71a); - --eds-color-message-surface-standard-error-on-level-3: light-dark(var(--eds-color-red-warm-300), var(--eds-color-slate-blue-1300)); - --eds-color-message-surface-standard-error-on-level-2: light-dark(var(--eds-color-red-warm-300), var(--eds-color-slate-blue-1350)); - --eds-color-message-surface-standard-error-on-level-1: light-dark(var(--eds-color-red-warm-300), var(--eds-color-slate-blue-1350)); - --eds-color-message-surface-standard-warning-on-level-3: light-dark(var(--eds-color-spruce-wood-200), var(--eds-color-slate-blue-1300)); - --eds-color-message-surface-standard-warning-on-level-2: light-dark(var(--eds-color-spruce-wood-200), var(--eds-color-slate-blue-1350)); - --eds-color-message-surface-standard-warning-on-level-1: light-dark(var(--eds-color-spruce-wood-200), var(--eds-color-slate-blue-1350)); - --eds-color-message-surface-standard-success-on-level-3: light-dark(var(--eds-color-lichen-green-200), var(--eds-color-slate-blue-1300)); - --eds-color-message-surface-standard-success-on-level-2: light-dark(var(--eds-color-lichen-green-200), var(--eds-color-slate-blue-1350)); - --eds-color-message-surface-standard-success-on-level-1: light-dark(var(--eds-color-lichen-green-200), var(--eds-color-slate-blue-1350)); - --eds-color-message-surface-standard-info-on-level-3: light-dark(var(--eds-color-mist-blue-muted-300), var(--eds-color-slate-blue-1300)); - --eds-color-message-surface-standard-info-on-level-2: light-dark(var(--eds-color-mist-blue-muted-300), var(--eds-color-slate-blue-1350)); - --eds-color-message-surface-standard-info-on-level-1: light-dark(var(--eds-color-mist-blue-muted-300), var(--eds-color-slate-blue-1350)); - --eds-color-message-border-callout-error: light-dark(var(--eds-color-red-warm-300), var(--eds-color-red-cold-1200)); - --eds-color-message-border-callout-warning: light-dark(var(--eds-color-spruce-wood-200), var(--eds-color-orange-1200)); - --eds-color-message-border-callout-success: light-dark(var(--eds-color-lichen-green-200), var(--eds-color-lichen-green-1200)); - --eds-color-message-border-callout-info: light-dark(var(--eds-color-mist-blue-muted-300), var(--eds-color-blue-sky-1200)); - --eds-color-message-border-raised-error-hover: light-dark(var(--eds-color-red-cold-1300), var(--eds-color-red-warm-500)); - --eds-color-message-border-raised-error-initial: var(--eds-color-red-cold-900); - --eds-color-message-border-raised-warning-hover: light-dark(var(--eds-color-orange-1300), var(--eds-color-spruce-wood-300)); - --eds-color-message-border-raised-warning-initial: var(--eds-color-orange-800); - --eds-color-message-border-raised-success-hover: light-dark(var(--eds-color-success-green-1300), var(--eds-color-success-green-300)); - --eds-color-message-border-raised-success-initial: var(--eds-color-success-green-900); - --eds-color-message-border-raised-info-hover: light-dark(var(--eds-color-blue-ocean-1300), var(--eds-color-blue-sky-400)); - --eds-color-message-border-raised-info-initial: var(--eds-color-blue-sky-1000); - --eds-color-message-border-standard-error: light-dark(var(--eds-color-red-warm-300), var(--eds-color-red-cold-900)); - --eds-color-message-border-standard-warning: light-dark(var(--eds-color-spruce-wood-200), var(--eds-color-orange-800)); - --eds-color-message-border-standard-success: light-dark(var(--eds-color-lichen-green-200), var(--eds-color-success-green-900)); - --eds-color-message-border-standard-info: light-dark(var(--eds-color-mist-blue-muted-300), var(--eds-color-blue-sky-1000)); - --eds-color-message-icon-callout-error: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-200)); - --eds-color-message-icon-callout-warning: light-dark(var(--eds-color-orange-1200), var(--eds-color-spruce-wood-200)); - --eds-color-message-icon-callout-success: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-lichen-green-200)); - --eds-color-message-icon-callout-info: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-mist-blue-muted-200)); - --eds-color-message-icon-raised-error-hover: light-dark(var(--eds-color-red-cold-1300), var(--eds-color-red-warm-500)); - --eds-color-message-icon-raised-error-initial: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-600)); - --eds-color-message-icon-raised-warning-hover: light-dark(var(--eds-color-orange-1300), var(--eds-color-spruce-wood-300)); - --eds-color-message-icon-raised-warning-initial: light-dark(var(--eds-color-orange-1200), var(--eds-color-spruce-wood-500)); - --eds-color-message-icon-raised-success-hover: light-dark(var(--eds-color-success-green-1300), var(--eds-color-success-green-300)); - --eds-color-message-icon-raised-success-initial: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-success-green-600)); - --eds-color-message-icon-raised-info-hover: light-dark(var(--eds-color-blue-ocean-1300), var(--eds-color-blue-sky-400)); - --eds-color-message-icon-raised-info-initial: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-blue-sky-600)); - --eds-color-message-icon-standard-error: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-600)); - --eds-color-message-icon-standard-warning: light-dark(var(--eds-color-orange-1200), var(--eds-color-spruce-wood-500)); - --eds-color-message-icon-standard-success: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-success-green-600)); - --eds-color-message-icon-standard-info: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-blue-sky-600)); - --eds-color-message-text-callout-error: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-200)); - --eds-color-message-text-callout-warning: light-dark(var(--eds-color-orange-1200), var(--eds-color-spruce-wood-200)); - --eds-color-message-text-callout-success: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-lichen-green-200)); - --eds-color-message-text-callout-info: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-mist-blue-muted-200)); - --eds-color-message-text-raised-error-hover: light-dark(var(--eds-color-red-cold-1300), var(--eds-color-red-warm-500)); - --eds-color-message-text-raised-error-initial: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-600)); - --eds-color-message-text-raised-warning-hover: light-dark(var(--eds-color-orange-1300), var(--eds-color-spruce-wood-300)); - --eds-color-message-text-raised-warning-initial: light-dark(var(--eds-color-orange-1200), var(--eds-color-spruce-wood-500)); - --eds-color-message-text-raised-success-hover: light-dark(var(--eds-color-success-green-1300), var(--eds-color-success-green-300)); - --eds-color-message-text-raised-success-initial: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-success-green-600)); - --eds-color-message-text-raised-info-hover: light-dark(var(--eds-color-blue-ocean-1300), var(--eds-color-blue-sky-400)); - --eds-color-message-text-raised-info-initial: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-blue-sky-600)); - --eds-color-message-text-standard-error: var(--eds-color-message-text-raised-error-initial); - --eds-color-message-text-standard-warning: var(--eds-color-message-text-raised-warning-initial); - --eds-color-message-text-standard-success: var(--eds-color-message-text-raised-success-initial); - --eds-color-message-text-standard-info: var(--eds-color-message-text-raised-info-initial); - --eds-color-action-surface-danger-tertiary-disabled: light-dark(#fff0, #0000); - --eds-color-action-surface-danger-tertiary-hover: light-dark(var(--eds-color-red-warm-300), var(--eds-color-red-cold-1400)); - --eds-color-action-surface-danger-tertiary-initial: light-dark(#fff0, #0000); - --eds-color-action-surface-danger-secondary-disabled: light-dark(#fff0, #0000); - --eds-color-action-surface-danger-secondary-hover: light-dark(var(--eds-color-red-warm-300), var(--eds-color-red-cold-1400)); - --eds-color-action-surface-danger-secondary-initial: light-dark(#fff0, #0000); - --eds-color-action-surface-danger-primary-disabled: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-grey-1300)); - --eds-color-action-surface-danger-primary-hover: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-500)); - --eds-color-action-surface-danger-primary-initial: light-dark(var(--eds-color-red-cold-900), var(--eds-color-red-warm-700)); - --eds-color-action-surface-muted-tertiary-disabled: light-dark(#fff0, #0000); - --eds-color-action-surface-muted-tertiary-hover: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); - --eds-color-action-surface-muted-tertiary-initial: light-dark(#fff0, #0000); - --eds-color-action-surface-muted-secondary-disabled: light-dark(#fff0, #0000); - --eds-color-action-surface-muted-secondary-hover: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); - --eds-color-action-surface-muted-secondary-initial: light-dark(#fff0, #0000); - --eds-color-action-surface-muted-primary-disabled: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-grey-1300)); - --eds-color-action-surface-muted-primary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); - --eds-color-action-surface-muted-primary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-color-action-surface-standard-tertiary-hover: light-dark(var(--eds-color-moss-green-200), var(--eds-color-moss-green-sat-1400)); - --eds-color-action-surface-standard-tertiary-initial: light-dark(#fff0, #0000); - --eds-color-action-surface-standard-tertiary-disabled: light-dark(#fff0, #0000); - --eds-color-action-surface-standard-secondary-hover: light-dark(var(--eds-color-moss-green-200), var(--eds-color-moss-green-sat-1400)); - --eds-color-action-surface-standard-secondary-initial: light-dark(#fff0, #0000); - --eds-color-action-surface-standard-secondary-disabled: light-dark(#fff0, #0000); - --eds-color-action-surface-standard-primary-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); - --eds-color-action-surface-standard-primary-initial: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); - --eds-color-action-surface-standard-primary-disabled: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-grey-1300)); - --eds-color-action-border-danger-tertiary-disabled: light-dark(#fff0, #0000); - --eds-color-action-border-danger-tertiary-hover: light-dark(#fff0, #0000); - --eds-color-action-border-danger-tertiary-initial: light-dark(#fff0, #0000); - --eds-color-action-border-danger-secondary-disabled: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-grey-1300)); - --eds-color-action-border-danger-secondary-hover: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-500)); - --eds-color-action-border-danger-secondary-initial: light-dark(var(--eds-color-red-cold-900), var(--eds-color-red-warm-700)); - --eds-color-action-border-danger-primary-disabled: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-grey-1300)); - --eds-color-action-border-danger-primary-hover: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-500)); - --eds-color-action-border-danger-primary-initial: light-dark(var(--eds-color-red-cold-900), var(--eds-color-red-warm-700)); - --eds-color-action-border-muted-tertiary-disabled: light-dark(#fff0, #0000); - --eds-color-action-border-muted-tertiary-hover: light-dark(#fff0, #0000); - --eds-color-action-border-muted-tertiary-initial: light-dark(#fff0, #0000); - --eds-color-action-border-muted-secondary-disabled: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-grey-1300)); - --eds-color-action-border-muted-secondary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); - --eds-color-action-border-muted-secondary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-color-action-border-muted-primary-disabled: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-grey-1300)); - --eds-color-action-border-muted-primary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); - --eds-color-action-border-muted-primary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-color-action-border-standard-tertiary-hover: light-dark(#fff0, #0000); - --eds-color-action-border-standard-tertiary-initial: light-dark(#fff0, #0000); - --eds-color-action-border-standard-tertiary-disabled: light-dark(#fff0, #0000); - --eds-color-action-border-standard-secondary-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); - --eds-color-action-border-standard-secondary-initial: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); - --eds-color-action-border-standard-secondary-disabled: light-dark(var(--eds-color-neutral-400), var(--eds-color-slate-grey-1100)); - --eds-color-action-border-standard-primary-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); - --eds-color-action-border-standard-primary-initial: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); - --eds-color-action-border-standard-primary-disabled: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-grey-1300)); - --eds-color-action-border-secondary-disabled: light-dark(var(--eds-color-neutral-400), var(--eds-color-slate-grey-1300)); - --eds-color-action-icon-danger-tertiary-hover: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-500)); - --eds-color-action-icon-danger-tertiary-initial: light-dark(var(--eds-color-red-cold-900), var(--eds-color-red-warm-700)); - --eds-color-action-icon-danger-tertiary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-color-action-icon-danger-secondary-hover: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-500)); - --eds-color-action-icon-danger-secondary-initial: light-dark(var(--eds-color-red-cold-900), var(--eds-color-red-warm-700)); - --eds-color-action-icon-danger-secondary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-color-action-icon-danger-primary-hover: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); - --eds-color-action-icon-danger-primary-initial: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); - --eds-color-action-icon-danger-primary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-color-action-icon-muted-secondary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); - --eds-color-action-icon-muted-secondary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-color-action-icon-muted-secondary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-color-action-icon-muted-tertiary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); - --eds-color-action-icon-muted-tertiary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-color-action-icon-muted-tertiary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-color-action-icon-muted-primary-hover: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); - --eds-color-action-icon-muted-primary-initial: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); - --eds-color-action-icon-muted-primary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-color-action-icon-standard-tertiary-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); - --eds-color-action-icon-standard-tertiary-initial: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); - --eds-color-action-icon-standard-tertiary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-color-action-icon-standard-secondary-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); - --eds-color-action-icon-standard-secondary-initial: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); - --eds-color-action-icon-standard-secondary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-color-action-icon-standard-primary-hover: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); - --eds-color-action-icon-standard-primary-initial: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); - --eds-color-action-icon-standard-primary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-color-action-text-danger-tertiary-hover: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-500)); - --eds-color-action-text-danger-tertiary-initial: light-dark(var(--eds-color-red-cold-900), var(--eds-color-red-warm-700)); - --eds-color-action-text-danger-tertiary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-color-action-text-danger-secondary-hover: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-500)); - --eds-color-action-text-danger-secondary-initial: light-dark(var(--eds-color-red-cold-900), var(--eds-color-red-warm-700)); - --eds-color-action-text-danger-secondary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-color-action-text-danger-primary-hover: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); - --eds-color-action-text-danger-primary-initial: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); - --eds-color-action-text-danger-primary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-color-action-text-muted-tertiary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); - --eds-color-action-text-muted-tertiary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-color-action-text-muted-tertiary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-color-action-text-muted-secondary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); - --eds-color-action-text-muted-secondary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-color-action-text-muted-secondary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-color-action-text-muted-primary-hover: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); - --eds-color-action-text-muted-primary-initial: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); - --eds-color-action-text-muted-primary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-color-action-text-standard-tertiary-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); - --eds-color-action-text-standard-tertiary-initial: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); - --eds-color-action-text-standard-tertiary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-color-action-text-standard-secondary-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); - --eds-color-action-text-standard-secondary-initial: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); - --eds-color-action-text-standard-secondary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-color-action-text-standard-primary-hover: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); - --eds-color-action-text-standard-primary-initial: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); - --eds-color-action-text-standard-primary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-color-action-text-primary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-neutral-1000)); - --eds-color-interactive-surface-raised-active-hover: light-dark(var(--eds-color-moss-green-100), #2a587480); - --eds-color-interactive-surface-raised-active: light-dark(var(--eds-color-moss-green-100), #2a587480); - --eds-color-interactive-surface-raised-hover: light-dark(var(--eds-color-neutral-200), #eaeaea1a); - --eds-color-interactive-surface-raised-initial: light-dark(var(--eds-color-neutral-200), #eaeaea1a); - --eds-color-interactive-surface-raised-disabled: light-dark(var(--eds-color-neutral-200), #2e3f4c66); - --eds-color-interactive-surface-standard-quaternary-active-hover: light-dark(var(--eds-color-moss-green-300), var(--eds-color-mist-blue-muted-1200)); - --eds-color-interactive-surface-standard-quaternary-active: light-dark(#fff0, #0000); - --eds-color-interactive-surface-standard-quaternary-hover: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); - --eds-color-interactive-surface-standard-quaternary-initial: light-dark(#fff0, #0000); - --eds-color-interactive-surface-standard-quaternary-disabled: light-dark(#fff0, #0000); - --eds-color-interactive-surface-standard-tertiary-active-hover: light-dark(var(--eds-color-moss-green-300), var(--eds-color-mist-blue-muted-1100)); - --eds-color-interactive-surface-standard-tertiary-active: light-dark(var(--eds-color-moss-green-200), var(--eds-color-mist-blue-muted-1200)); - --eds-color-interactive-surface-standard-tertiary-hover: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); - --eds-color-interactive-surface-standard-tertiary-initial: light-dark(#fff0, #0000); - --eds-color-interactive-surface-standard-tertiary-disabled: light-dark(#fff0, #0000); - --eds-color-interactive-surface-standard-secondary-active-hover: light-dark(var(--eds-color-moss-green-300), var(--eds-color-mist-blue-muted-1000)); - --eds-color-interactive-surface-standard-secondary-active: light-dark(var(--eds-color-moss-green-200), var(--eds-color-mist-blue-muted-1100)); - --eds-color-interactive-surface-standard-secondary-hover: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); - --eds-color-interactive-surface-standard-secondary-initial: light-dark(#fff0, #0000); - --eds-color-interactive-surface-standard-secondary-disabled: light-dark(#fff0, #0000); - --eds-color-interactive-surface-standard-primary-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); - --eds-color-interactive-surface-standard-primary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); - --eds-color-interactive-surface-standard-primary-hover: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); - --eds-color-interactive-surface-standard-primary-initial: light-dark(#fff0, #0000); - --eds-color-interactive-surface-standard-primary-disabled-filled: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-grey-1300)); - --eds-color-interactive-surface-standard-primary-disabled-outlined: light-dark(#fff0, #0000); - --eds-color-interactive-border-raised-active-hover: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-400)); - --eds-color-interactive-border-raised-active: light-dark(var(--eds-color-moss-green-400), var(--eds-color-mist-blue-muted-1200)); - --eds-color-interactive-border-raised-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-400)); - --eds-color-interactive-border-raised-initial: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-grey-1100)); - --eds-color-interactive-border-raised-disabled: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-grey-1000)); - --eds-color-interactive-border-standard-quaternary-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); - --eds-color-interactive-border-standard-quaternary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); - --eds-color-interactive-border-standard-quaternary-hover: light-dark(var(--eds-color-neutral-500), #fff3); - --eds-color-interactive-border-standard-quaternary-initial: light-dark(var(--eds-color-neutral-300), #ffffff29); - --eds-color-interactive-border-standard-quaternary-disabled: light-dark(var(--eds-color-neutral-300), #ffffff29); - --eds-color-interactive-border-standard-tertiary-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); - --eds-color-interactive-border-standard-tertiary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); - --eds-color-interactive-border-standard-tertiary-hover: var(--eds-color-neutral-100); - --eds-color-interactive-border-standard-tertiary-initial: light-dark(var(--eds-color-neutral-100), var(--eds-color-slate-blue-1400)); - --eds-color-interactive-border-standard-tertiary-disabled: light-dark(var(--eds-color-neutral-100), var(--eds-color-slate-blue-1400)); - --eds-color-interactive-border-standard-secondary-active-hover: light-dark(#fff0, #0000); - --eds-color-interactive-border-standard-secondary-active: light-dark(#fff0, #0000); - --eds-color-interactive-border-standard-secondary-hover: light-dark(#fff0, #0000); - --eds-color-interactive-border-standard-secondary-initial: light-dark(#fff0, #0000); - --eds-color-interactive-border-standard-secondary-disabled: light-dark(#fff0, #0000); - --eds-color-interactive-border-standard-primary-active-hover: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); - --eds-color-interactive-border-standard-primary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); - --eds-color-interactive-border-standard-primary-hover: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-color-interactive-border-standard-primary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-color-interactive-border-standard-primary-disabled: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-grey-1000)); - --eds-color-interactive-icon-raised-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-200)); - --eds-color-interactive-icon-raised-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-300)); - --eds-color-interactive-icon-raised-hover: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); - --eds-color-interactive-icon-raised-initial: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); - --eds-color-interactive-icon-raised-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-color-interactive-icon-standard-quaternary-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-300)); - --eds-color-interactive-icon-standard-quaternary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); - --eds-color-interactive-icon-standard-quaternary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); - --eds-color-interactive-icon-standard-quaternary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-color-interactive-icon-standard-quaternary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-color-interactive-icon-standard-tertiary-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); - --eds-color-interactive-icon-standard-tertiary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); - --eds-color-interactive-icon-standard-tertiary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); - --eds-color-interactive-icon-standard-tertiary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-color-interactive-icon-standard-tertiary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-color-interactive-icon-standard-secondary-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-100)); - --eds-color-interactive-icon-standard-secondary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-200)); - --eds-color-interactive-icon-standard-secondary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); - --eds-color-interactive-icon-standard-secondary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-color-interactive-icon-standard-secondary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-color-interactive-icon-standard-primary-active-hover: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); - --eds-color-interactive-icon-standard-primary-active: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); - --eds-color-interactive-icon-standard-primary-hover: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-color-interactive-icon-standard-primary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-color-interactive-icon-standard-primary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-color-interactive-text-raised-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-200)); - --eds-color-interactive-text-raised-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-300)); - --eds-color-interactive-text-raised-hover: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); - --eds-color-interactive-text-raised-initial: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); - --eds-color-interactive-text-raised-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-color-interactive-text-standard-quaternary-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); - --eds-color-interactive-text-standard-quaternary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); - --eds-color-interactive-text-standard-quaternary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); - --eds-color-interactive-text-standard-quaternary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-color-interactive-text-standard-quaternary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-color-interactive-text-standard-tertiary-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); - --eds-color-interactive-text-standard-tertiary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); - --eds-color-interactive-text-standard-tertiary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); - --eds-color-interactive-text-standard-tertiary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-color-interactive-text-standard-tertiary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-color-interactive-text-standard-secondary-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-100)); - --eds-color-interactive-text-standard-secondary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-200)); - --eds-color-interactive-text-standard-secondary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); - --eds-color-interactive-text-standard-secondary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-color-interactive-text-standard-secondary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-color-interactive-text-standard-primary-active-hover: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); - --eds-color-interactive-text-standard-primary-active: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); - --eds-color-interactive-text-standard-primary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); - --eds-color-interactive-text-standard-primary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); - --eds-color-interactive-text-standard-primary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); - --eds-color-static-surface-standard-on-level-3: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1300)); - --eds-color-static-surface-standard-on-level-2: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1350)); - --eds-color-static-surface-standard-on-level-1: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1350)); - --eds-color-static-surface-inverted: light-dark(var(--eds-color-surface-inverted-on-light), var(--eds-color-surface-inverted-on-dark)); - --eds-color-static-surface-raised: light-dark(var(--eds-color-neutral-200), #eaeaea1a); - --eds-color-static-border-standard-on-level-3: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1300)); - --eds-color-static-border-standard-on-level-2: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1350)); - --eds-color-static-border-standard-on-level-1: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1350)); - --eds-color-static-border-inverted: light-dark(var(--eds-color-border-inverted-on-light), var(--eds-color-border-inverted-on-dark)); - --eds-color-static-border-raised: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-grey-1100)); - --eds-color-static-icon-standard-maximal: light-dark(var(--eds-color-icon-maximal-on-light), var(--eds-color-icon-maximal-on-dark)); - --eds-color-static-icon-standard-secondary: light-dark(var(--eds-color-icon-secondary-on-light), var(--eds-color-icon-secondary-on-dark)); - --eds-color-static-icon-standard-primary: light-dark(var(--eds-color-icon-primary-on-light), var(--eds-color-icon-primary-on-dark)); - --eds-color-static-icon-inverted: light-dark(var(--eds-color-icon-inverted-on-light), var(--eds-color-icon-inverted-on-dark)); + --eds-table-cell-color-interactive-surface-initial-on-level-2: light-dark(#fff0, #0000); + --eds-table-cell-color-interactive-surface-initial-on-level-3: light-dark(#fff0, #0000); + --eds-table-cell-color-interactive-surface-disabled-on-level-1: light-dark(#fff0, #0000); + --eds-table-cell-color-interactive-surface-disabled-on-level-2: light-dark(#fff0, #0000); + --eds-table-cell-color-interactive-surface-disabled-on-level-3: light-dark(#fff0, #0000); + --eds-table-header-color-interactive-surface-disabled-on-level-1: light-dark(#fff0, #0000); + --eds-table-header-color-interactive-surface-disabled-on-level-2: light-dark(#fff0, #0000); + --eds-table-header-color-interactive-surface-disabled-on-level-3: light-dark(#fff0, #0000); + --eds-ui-scrim-color-surface: light-dark(#0006, #0006); + --eds-color-static-text-raised: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-300)); --eds-color-static-icon-raised: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-300)); - --eds-color-static-text-standard-maximal: light-dark(var(--eds-color-text-maximal-on-light), var(--eds-color-text-maximal-on-dark)); - --eds-color-static-text-standard-secondary: light-dark(var(--eds-color-text-secondary-on-light), var(--eds-color-text-secondary-on-dark)); - --eds-color-static-text-standard-primary: light-dark(var(--eds-color-text-primary-on-light), var(--eds-color-text-primary-on-dark)); + --eds-color-static-border-raised: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-grey-1100)); + --eds-color-static-border-inverted: light-dark(var(--eds-color-border-inverted-on-light), var(--eds-color-border-inverted-on-dark)); + --eds-color-static-border-standard-on-level-1: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1350)); + --eds-color-static-border-standard-on-level-2: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1350)); + --eds-color-static-border-standard-on-level-3: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1300)); + --eds-color-static-surface-raised: light-dark(var(--eds-color-neutral-200), #eaeaea1a); + --eds-color-static-surface-inverted: light-dark(var(--eds-color-surface-inverted-on-light), var(--eds-color-surface-inverted-on-dark)); + --eds-color-static-surface-standard-on-level-1: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1350)); + --eds-color-static-surface-standard-on-level-2: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1350)); + --eds-color-static-surface-standard-on-level-3: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1300)); + --eds-color-interactive-text-standard-primary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-color-interactive-text-standard-primary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-color-interactive-text-standard-primary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); + --eds-color-interactive-text-standard-primary-active: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); + --eds-color-interactive-text-standard-primary-active-hover: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); + --eds-color-interactive-text-standard-secondary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-color-interactive-text-standard-secondary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-color-interactive-text-standard-secondary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); + --eds-color-interactive-text-standard-secondary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-200)); + --eds-color-interactive-text-standard-secondary-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-100)); + --eds-color-interactive-text-standard-tertiary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-color-interactive-text-standard-tertiary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-color-interactive-text-standard-tertiary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); + --eds-color-interactive-text-standard-tertiary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); + --eds-color-interactive-text-standard-tertiary-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); + --eds-color-interactive-text-standard-quaternary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-color-interactive-text-standard-quaternary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-color-interactive-text-standard-quaternary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); + --eds-color-interactive-text-standard-quaternary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); + --eds-color-interactive-text-standard-quaternary-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); + --eds-color-interactive-text-raised-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-color-interactive-text-raised-initial: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); + --eds-color-interactive-text-raised-hover: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); + --eds-color-interactive-text-raised-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-300)); + --eds-color-interactive-text-raised-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-200)); + --eds-color-interactive-icon-standard-primary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-color-interactive-icon-standard-primary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-color-interactive-icon-standard-primary-hover: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-color-interactive-icon-standard-primary-active: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); + --eds-color-interactive-icon-standard-primary-active-hover: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); + --eds-color-interactive-icon-standard-secondary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-color-interactive-icon-standard-secondary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-color-interactive-icon-standard-secondary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); + --eds-color-interactive-icon-standard-secondary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-200)); + --eds-color-interactive-icon-standard-secondary-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-100)); + --eds-color-interactive-icon-standard-tertiary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-color-interactive-icon-standard-tertiary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-color-interactive-icon-standard-tertiary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); + --eds-color-interactive-icon-standard-tertiary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); + --eds-color-interactive-icon-standard-tertiary-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); + --eds-color-interactive-icon-standard-quaternary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-color-interactive-icon-standard-quaternary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-color-interactive-icon-standard-quaternary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); + --eds-color-interactive-icon-standard-quaternary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); + --eds-color-interactive-icon-standard-quaternary-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-300)); + --eds-color-interactive-icon-raised-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-color-interactive-icon-raised-initial: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); + --eds-color-interactive-icon-raised-hover: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); + --eds-color-interactive-icon-raised-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-300)); + --eds-color-interactive-icon-raised-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-200)); + --eds-color-interactive-border-standard-primary-disabled: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-grey-1000)); + --eds-color-interactive-border-standard-primary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-color-interactive-border-standard-primary-hover: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-color-interactive-border-standard-primary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); + --eds-color-interactive-border-standard-primary-active-hover: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); + --eds-color-interactive-border-standard-tertiary-disabled: light-dark(var(--eds-color-neutral-100), var(--eds-color-slate-blue-1400)); + --eds-color-interactive-border-standard-tertiary-initial: light-dark(var(--eds-color-neutral-100), var(--eds-color-slate-blue-1400)); + --eds-color-interactive-border-standard-tertiary-hover: var(--eds-color-neutral-100); + --eds-color-interactive-border-standard-tertiary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); + --eds-color-interactive-border-standard-tertiary-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); + --eds-color-interactive-border-standard-quaternary-disabled: light-dark(var(--eds-color-neutral-300), #ffffff29); + --eds-color-interactive-border-standard-quaternary-initial: light-dark(var(--eds-color-neutral-300), #ffffff29); + --eds-color-interactive-border-standard-quaternary-hover: light-dark(var(--eds-color-neutral-500), #fff3); + --eds-color-interactive-border-standard-quaternary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); + --eds-color-interactive-border-standard-quaternary-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); + --eds-color-interactive-border-raised-disabled: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-grey-1000)); + --eds-color-interactive-border-raised-initial: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-grey-1100)); + --eds-color-interactive-border-raised-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-400)); + --eds-color-interactive-border-raised-active: light-dark(var(--eds-color-moss-green-400), var(--eds-color-mist-blue-muted-1200)); + --eds-color-interactive-border-raised-active-hover: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-400)); + --eds-color-interactive-surface-standard-primary-disabled-filled: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-grey-1300)); + --eds-color-interactive-surface-standard-primary-hover: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); + --eds-color-interactive-surface-standard-primary-active: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); + --eds-color-interactive-surface-standard-primary-active-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); + --eds-color-interactive-surface-standard-secondary-hover: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); + --eds-color-interactive-surface-standard-secondary-active: light-dark(var(--eds-color-moss-green-200), var(--eds-color-mist-blue-muted-1100)); + --eds-color-interactive-surface-standard-secondary-active-hover: light-dark(var(--eds-color-moss-green-300), var(--eds-color-mist-blue-muted-1000)); + --eds-color-interactive-surface-standard-tertiary-hover: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); + --eds-color-interactive-surface-standard-tertiary-active: light-dark(var(--eds-color-moss-green-200), var(--eds-color-mist-blue-muted-1200)); + --eds-color-interactive-surface-standard-tertiary-active-hover: light-dark(var(--eds-color-moss-green-300), var(--eds-color-mist-blue-muted-1100)); + --eds-color-interactive-surface-standard-quaternary-hover: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); + --eds-color-interactive-surface-standard-quaternary-active-hover: light-dark(var(--eds-color-moss-green-300), var(--eds-color-mist-blue-muted-1200)); + --eds-color-interactive-surface-raised-disabled: light-dark(var(--eds-color-neutral-200), #2e3f4c66); + --eds-color-interactive-surface-raised-initial: light-dark(var(--eds-color-neutral-200), #eaeaea1a); + --eds-color-interactive-surface-raised-hover: light-dark(var(--eds-color-neutral-200), #eaeaea1a); + --eds-color-interactive-surface-raised-active: light-dark(var(--eds-color-moss-green-100), #2a587480); + --eds-color-interactive-surface-raised-active-hover: light-dark(var(--eds-color-moss-green-100), #2a587480); + --eds-color-action-text-primary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-neutral-1000)); + --eds-color-action-text-standard-primary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-color-action-text-standard-primary-initial: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); + --eds-color-action-text-standard-primary-hover: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); + --eds-color-action-text-standard-secondary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-color-action-text-standard-secondary-initial: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); + --eds-color-action-text-standard-secondary-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); + --eds-color-action-text-standard-tertiary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-color-action-text-standard-tertiary-initial: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); + --eds-color-action-text-standard-tertiary-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); + --eds-color-action-text-muted-primary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-color-action-text-muted-primary-initial: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); + --eds-color-action-text-muted-primary-hover: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); + --eds-color-action-text-muted-secondary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-color-action-text-muted-secondary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-color-action-text-muted-secondary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); + --eds-color-action-text-muted-tertiary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-color-action-text-muted-tertiary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-color-action-text-muted-tertiary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); + --eds-color-action-text-danger-primary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-color-action-text-danger-primary-initial: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); + --eds-color-action-text-danger-primary-hover: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); + --eds-color-action-text-danger-secondary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-color-action-text-danger-secondary-initial: light-dark(var(--eds-color-red-cold-900), var(--eds-color-red-warm-700)); + --eds-color-action-text-danger-secondary-hover: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-500)); + --eds-color-action-text-danger-tertiary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-color-action-text-danger-tertiary-initial: light-dark(var(--eds-color-red-cold-900), var(--eds-color-red-warm-700)); + --eds-color-action-text-danger-tertiary-hover: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-500)); + --eds-color-action-icon-standard-primary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-color-action-icon-standard-primary-initial: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); + --eds-color-action-icon-standard-primary-hover: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); + --eds-color-action-icon-standard-secondary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-color-action-icon-standard-secondary-initial: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); + --eds-color-action-icon-standard-secondary-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); + --eds-color-action-icon-standard-tertiary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-color-action-icon-standard-tertiary-initial: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); + --eds-color-action-icon-standard-tertiary-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); + --eds-color-action-icon-muted-primary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-color-action-icon-muted-primary-initial: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); + --eds-color-action-icon-muted-primary-hover: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); + --eds-color-action-icon-muted-tertiary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-color-action-icon-muted-tertiary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-color-action-icon-muted-tertiary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); + --eds-color-action-icon-muted-secondary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-color-action-icon-muted-secondary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-color-action-icon-muted-secondary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); + --eds-color-action-icon-danger-primary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-color-action-icon-danger-primary-initial: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); + --eds-color-action-icon-danger-primary-hover: light-dark(var(--eds-color-neutral-0), var(--eds-color-neutral-1500)); + --eds-color-action-icon-danger-secondary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-color-action-icon-danger-secondary-initial: light-dark(var(--eds-color-red-cold-900), var(--eds-color-red-warm-700)); + --eds-color-action-icon-danger-secondary-hover: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-500)); + --eds-color-action-icon-danger-tertiary-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-color-action-icon-danger-tertiary-initial: light-dark(var(--eds-color-red-cold-900), var(--eds-color-red-warm-700)); + --eds-color-action-icon-danger-tertiary-hover: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-500)); + --eds-color-action-border-secondary-disabled: light-dark(var(--eds-color-neutral-400), var(--eds-color-slate-grey-1300)); + --eds-color-action-border-standard-primary-disabled: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-grey-1300)); + --eds-color-action-border-standard-primary-initial: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); + --eds-color-action-border-standard-primary-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); + --eds-color-action-border-standard-secondary-disabled: light-dark(var(--eds-color-neutral-400), var(--eds-color-slate-grey-1100)); + --eds-color-action-border-standard-secondary-initial: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); + --eds-color-action-border-standard-secondary-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); + --eds-color-action-border-muted-primary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-color-action-border-muted-primary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); + --eds-color-action-border-muted-primary-disabled: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-grey-1300)); + --eds-color-action-border-muted-secondary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-color-action-border-muted-secondary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); + --eds-color-action-border-muted-secondary-disabled: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-grey-1300)); + --eds-color-action-border-danger-primary-initial: light-dark(var(--eds-color-red-cold-900), var(--eds-color-red-warm-700)); + --eds-color-action-border-danger-primary-hover: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-500)); + --eds-color-action-border-danger-primary-disabled: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-grey-1300)); + --eds-color-action-border-danger-secondary-initial: light-dark(var(--eds-color-red-cold-900), var(--eds-color-red-warm-700)); + --eds-color-action-border-danger-secondary-hover: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-500)); + --eds-color-action-border-danger-secondary-disabled: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-grey-1300)); + --eds-color-action-surface-standard-primary-disabled: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-grey-1300)); + --eds-color-action-surface-standard-primary-initial: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); + --eds-color-action-surface-standard-primary-hover: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); + --eds-color-action-surface-standard-secondary-hover: light-dark(var(--eds-color-moss-green-200), var(--eds-color-moss-green-sat-1400)); + --eds-color-action-surface-standard-tertiary-hover: light-dark(var(--eds-color-moss-green-200), var(--eds-color-moss-green-sat-1400)); + --eds-color-action-surface-muted-primary-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-color-action-surface-muted-primary-hover: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); + --eds-color-action-surface-muted-primary-disabled: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-grey-1300)); + --eds-color-action-surface-muted-secondary-hover: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); + --eds-color-action-surface-muted-tertiary-hover: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); + --eds-color-action-surface-danger-primary-initial: light-dark(var(--eds-color-red-cold-900), var(--eds-color-red-warm-700)); + --eds-color-action-surface-danger-primary-hover: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-500)); + --eds-color-action-surface-danger-primary-disabled: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-grey-1300)); + --eds-color-action-surface-danger-secondary-hover: light-dark(var(--eds-color-red-warm-300), var(--eds-color-red-cold-1400)); + --eds-color-action-surface-danger-tertiary-hover: light-dark(var(--eds-color-red-warm-300), var(--eds-color-red-cold-1400)); + --eds-color-message-text-raised-info-initial: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-blue-sky-600)); + --eds-color-message-text-raised-info-hover: light-dark(var(--eds-color-blue-ocean-1300), var(--eds-color-blue-sky-400)); + --eds-color-message-text-raised-success-initial: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-success-green-600)); + --eds-color-message-text-raised-success-hover: light-dark(var(--eds-color-success-green-1300), var(--eds-color-success-green-300)); + --eds-color-message-text-raised-warning-initial: light-dark(var(--eds-color-orange-1200), var(--eds-color-spruce-wood-500)); + --eds-color-message-text-raised-warning-hover: light-dark(var(--eds-color-orange-1300), var(--eds-color-spruce-wood-300)); + --eds-color-message-text-raised-error-initial: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-600)); + --eds-color-message-text-raised-error-hover: light-dark(var(--eds-color-red-cold-1300), var(--eds-color-red-warm-500)); + --eds-color-message-text-callout-info: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-mist-blue-muted-200)); + --eds-color-message-text-callout-success: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-lichen-green-200)); + --eds-color-message-text-callout-warning: light-dark(var(--eds-color-orange-1200), var(--eds-color-spruce-wood-200)); + --eds-color-message-text-callout-error: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-200)); + --eds-color-message-icon-standard-info: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-blue-sky-600)); + --eds-color-message-icon-standard-success: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-success-green-600)); + --eds-color-message-icon-standard-warning: light-dark(var(--eds-color-orange-1200), var(--eds-color-spruce-wood-500)); + --eds-color-message-icon-standard-error: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-600)); + --eds-color-message-icon-raised-info-initial: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-blue-sky-600)); + --eds-color-message-icon-raised-info-hover: light-dark(var(--eds-color-blue-ocean-1300), var(--eds-color-blue-sky-400)); + --eds-color-message-icon-raised-success-initial: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-success-green-600)); + --eds-color-message-icon-raised-success-hover: light-dark(var(--eds-color-success-green-1300), var(--eds-color-success-green-300)); + --eds-color-message-icon-raised-warning-initial: light-dark(var(--eds-color-orange-1200), var(--eds-color-spruce-wood-500)); + --eds-color-message-icon-raised-warning-hover: light-dark(var(--eds-color-orange-1300), var(--eds-color-spruce-wood-300)); + --eds-color-message-icon-raised-error-initial: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-600)); + --eds-color-message-icon-raised-error-hover: light-dark(var(--eds-color-red-cold-1300), var(--eds-color-red-warm-500)); + --eds-color-message-icon-callout-info: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-mist-blue-muted-200)); + --eds-color-message-icon-callout-success: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-lichen-green-200)); + --eds-color-message-icon-callout-warning: light-dark(var(--eds-color-orange-1200), var(--eds-color-spruce-wood-200)); + --eds-color-message-icon-callout-error: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-200)); + --eds-color-message-border-standard-info: light-dark(var(--eds-color-mist-blue-muted-300), var(--eds-color-blue-sky-1000)); + --eds-color-message-border-standard-success: light-dark(var(--eds-color-lichen-green-200), var(--eds-color-success-green-900)); + --eds-color-message-border-standard-warning: light-dark(var(--eds-color-spruce-wood-200), var(--eds-color-orange-800)); + --eds-color-message-border-standard-error: light-dark(var(--eds-color-red-warm-300), var(--eds-color-red-cold-900)); + --eds-color-message-border-raised-info-initial: var(--eds-color-blue-sky-1000); + --eds-color-message-border-raised-info-hover: light-dark(var(--eds-color-blue-ocean-1300), var(--eds-color-blue-sky-400)); + --eds-color-message-border-raised-success-initial: var(--eds-color-success-green-900); + --eds-color-message-border-raised-success-hover: light-dark(var(--eds-color-success-green-1300), var(--eds-color-success-green-300)); + --eds-color-message-border-raised-warning-initial: var(--eds-color-orange-800); + --eds-color-message-border-raised-warning-hover: light-dark(var(--eds-color-orange-1300), var(--eds-color-spruce-wood-300)); + --eds-color-message-border-raised-error-initial: var(--eds-color-red-cold-900); + --eds-color-message-border-raised-error-hover: light-dark(var(--eds-color-red-cold-1300), var(--eds-color-red-warm-500)); + --eds-color-message-border-callout-info: light-dark(var(--eds-color-mist-blue-muted-300), var(--eds-color-blue-sky-1200)); + --eds-color-message-border-callout-success: light-dark(var(--eds-color-lichen-green-200), var(--eds-color-lichen-green-1200)); + --eds-color-message-border-callout-warning: light-dark(var(--eds-color-spruce-wood-200), var(--eds-color-orange-1200)); + --eds-color-message-border-callout-error: light-dark(var(--eds-color-red-warm-300), var(--eds-color-red-cold-1200)); + --eds-color-message-surface-standard-info-on-level-1: light-dark(var(--eds-color-mist-blue-muted-300), var(--eds-color-slate-blue-1350)); + --eds-color-message-surface-standard-info-on-level-2: light-dark(var(--eds-color-mist-blue-muted-300), var(--eds-color-slate-blue-1350)); + --eds-color-message-surface-standard-info-on-level-3: light-dark(var(--eds-color-mist-blue-muted-300), var(--eds-color-slate-blue-1300)); + --eds-color-message-surface-standard-success-on-level-1: light-dark(var(--eds-color-lichen-green-200), var(--eds-color-slate-blue-1350)); + --eds-color-message-surface-standard-success-on-level-2: light-dark(var(--eds-color-lichen-green-200), var(--eds-color-slate-blue-1350)); + --eds-color-message-surface-standard-success-on-level-3: light-dark(var(--eds-color-lichen-green-200), var(--eds-color-slate-blue-1300)); + --eds-color-message-surface-standard-warning-on-level-1: light-dark(var(--eds-color-spruce-wood-200), var(--eds-color-slate-blue-1350)); + --eds-color-message-surface-standard-warning-on-level-2: light-dark(var(--eds-color-spruce-wood-200), var(--eds-color-slate-blue-1350)); + --eds-color-message-surface-standard-warning-on-level-3: light-dark(var(--eds-color-spruce-wood-200), var(--eds-color-slate-blue-1300)); + --eds-color-message-surface-standard-error-on-level-1: light-dark(var(--eds-color-red-warm-300), var(--eds-color-slate-blue-1350)); + --eds-color-message-surface-standard-error-on-level-2: light-dark(var(--eds-color-red-warm-300), var(--eds-color-slate-blue-1350)); + --eds-color-message-surface-standard-error-on-level-3: light-dark(var(--eds-color-red-warm-300), var(--eds-color-slate-blue-1300)); + --eds-color-message-surface-raised-info-initial: light-dark(var(--eds-color-mist-blue-muted-200), #dfeff71a); + --eds-color-message-surface-raised-info-hover: light-dark(var(--eds-color-mist-blue-muted-200), #dfeff71a); + --eds-color-message-surface-raised-success-initial: light-dark(var(--eds-color-lichen-green-100), #e6faec1a); + --eds-color-message-surface-raised-success-hover: light-dark(var(--eds-color-lichen-green-100), #e6faec1a); + --eds-color-message-surface-raised-warning-initial: light-dark(var(--eds-color-spruce-wood-100), #fff0e51a); + --eds-color-message-surface-raised-warning-hover: light-dark(var(--eds-color-spruce-wood-100), #fff0e51a); + --eds-color-message-surface-raised-error-initial: light-dark(var(--eds-color-red-warm-200), #ffe1e01a); + --eds-color-message-surface-raised-error-hover: light-dark(var(--eds-color-red-warm-200), #ffe1e01a); + --eds-color-message-surface-callout-info: light-dark(var(--eds-color-mist-blue-muted-300), var(--eds-color-blue-sky-1200)); + --eds-color-message-surface-callout-success: light-dark(var(--eds-color-lichen-green-200), var(--eds-color-lichen-green-1200)); + --eds-color-message-surface-callout-warning: light-dark(var(--eds-color-spruce-wood-200), var(--eds-color-orange-1200)); + --eds-color-message-surface-callout-error: light-dark(var(--eds-color-red-warm-300), var(--eds-color-red-cold-1200)); + --eds-input-asterix-color-text: var(--eds-color-red-cold-900); + --eds-input-placeholder-color-text: light-dark(var(--eds-color-neutral-800), var(--eds-color-slate-grey-800)); + --eds-input-helper-color-text-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-input-helper-color-text-focus: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-input-helper-color-text-read-only: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-input-helper-color-text-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-input-helper-color-icon-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-input-helper-color-icon-focus: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-input-helper-color-icon-read-only: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-input-helper-color-icon-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-input-helper-color-message-text-info-initial: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-blue-sky-600)); + --eds-input-helper-color-message-text-info-focus: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-blue-sky-600)); + --eds-input-helper-color-message-text-info-read-only: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-blue-sky-600)); + --eds-input-helper-color-message-text-info-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-input-helper-color-message-text-success-initial: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-lichen-green-600)); + --eds-input-helper-color-message-text-success-focus: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-lichen-green-600)); + --eds-input-helper-color-message-text-success-read-only: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-lichen-green-600)); + --eds-input-helper-color-message-text-success-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-input-helper-color-message-text-warning-initial: light-dark(var(--eds-color-orange-1200), var(--eds-color-orange-500)); + --eds-input-helper-color-message-text-warning-focus: light-dark(var(--eds-color-orange-1200), var(--eds-color-orange-500)); + --eds-input-helper-color-message-text-warning-read-only: light-dark(var(--eds-color-orange-1200), var(--eds-color-orange-500)); + --eds-input-helper-color-message-text-warning-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-input-helper-color-message-text-error-initial: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-cold-600)); + --eds-input-helper-color-message-text-error-focus: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-cold-600)); + --eds-input-helper-color-message-text-error-read-only: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-cold-600)); + --eds-input-helper-color-message-text-error-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-input-helper-color-message-icon-info-initial: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-blue-sky-600)); + --eds-input-helper-color-message-icon-info-focus: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-blue-sky-600)); + --eds-input-helper-color-message-icon-info-read-only: light-dark(var(--eds-color-blue-sky-1200), var(--eds-color-blue-sky-600)); + --eds-input-helper-color-message-icon-info-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-input-helper-color-message-icon-success-initial: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-lichen-green-600)); + --eds-input-helper-color-message-icon-success-focus: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-lichen-green-600)); + --eds-input-helper-color-message-icon-success-read-only: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-lichen-green-600)); + --eds-input-helper-color-message-icon-success-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-input-helper-color-message-icon-warning-initial: light-dark(var(--eds-color-orange-1200), var(--eds-color-orange-500)); + --eds-input-helper-color-message-icon-warning-focus: light-dark(var(--eds-color-orange-1200), var(--eds-color-orange-500)); + --eds-input-helper-color-message-icon-warning-read-only: light-dark(var(--eds-color-orange-1200), var(--eds-color-orange-500)); + --eds-input-helper-color-message-icon-warning-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-input-helper-color-message-icon-error-initial: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-cold-600)); + --eds-input-helper-color-message-icon-error-focus: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-cold-600)); + --eds-input-helper-color-message-icon-error-read-only: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-cold-600)); + --eds-input-helper-color-message-icon-error-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-input-color-text-initial: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); + --eds-input-color-text-read-only: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); + --eds-input-color-text-focus: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); + --eds-input-color-text-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-input-color-icon-initial: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); + --eds-input-color-icon-read-only: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); + --eds-input-color-icon-focus: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); + --eds-input-color-icon-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-input-color-border-initial: light-dark(var(--eds-color-neutral-600), #ffffff29); + --eds-input-color-border-read-only: light-dark(var(--eds-color-neutral-600), #ffffff29); + --eds-input-color-border-focus: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); + --eds-input-color-surface-initial-on-level-1: light-dark(var(--eds-color-neutral-0), #00000047); + --eds-input-color-surface-initial-on-level-2: light-dark(var(--eds-color-neutral-100), #00000047); + --eds-input-color-surface-initial-on-level-3: light-dark(var(--eds-color-neutral-100), #00000047); + --eds-input-color-surface-disabled-on-level-1: light-dark(var(--eds-color-neutral-0), #00000047); + --eds-input-color-surface-disabled-on-level-2: light-dark(var(--eds-color-neutral-100), #00000047); + --eds-input-color-surface-disabled-on-level-3: light-dark(var(--eds-color-neutral-100), #00000047); + --eds-input-color-message-border-success-initial: var(--eds-color-success-green-900); + --eds-input-color-message-border-success-focus: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-success-green-600)); + --eds-input-color-message-border-success-read-only: var(--eds-color-success-green-900); + --eds-input-color-message-border-success-disabled: var(--eds-color-success-green-900); + --eds-input-color-message-border-warning-initial: var(--eds-color-orange-800); + --eds-input-color-message-border-warning-focus: light-dark(var(--eds-color-orange-1200), var(--eds-color-spruce-wood-500)); + --eds-input-color-message-border-warning-read-only: var(--eds-color-orange-800); + --eds-input-color-message-border-warning-disabled: var(--eds-color-orange-800); + --eds-input-color-message-border-error-initial: var(--eds-color-red-cold-900); + --eds-input-color-message-border-error-focus: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-600)); + --eds-input-color-message-border-error-read-only: var(--eds-color-red-cold-900); + --eds-input-color-message-border-error-disabled: var(--eds-color-red-cold-900); + --eds-input-color-message-icon-success-initial: var(--eds-color-success-green-900); + --eds-input-color-message-icon-success-focus: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-success-green-600)); + --eds-input-color-message-icon-success-read-only: var(--eds-color-success-green-900); + --eds-input-color-message-icon-success-disabled: var(--eds-color-success-green-900); + --eds-input-color-message-icon-warning-initial: var(--eds-color-orange-800); + --eds-input-color-message-icon-warning-focus: light-dark(var(--eds-color-orange-1200), var(--eds-color-spruce-wood-500)); + --eds-input-color-message-icon-warning-read-only: var(--eds-color-orange-800); + --eds-input-color-message-icon-warning-disabled: var(--eds-color-orange-800); + --eds-input-color-message-icon-error-initial: var(--eds-color-red-cold-900); + --eds-input-color-message-icon-error-focus: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-600)); + --eds-input-color-message-icon-error-read-only: var(--eds-color-red-cold-900); + --eds-input-color-message-icon-error-disabled: var(--eds-color-red-cold-900); + --eds-input-color-message-text-success-initial: var(--eds-color-success-green-900); + --eds-input-color-message-text-success-focus: light-dark(var(--eds-color-lichen-green-1200), var(--eds-color-success-green-600)); + --eds-input-color-message-text-success-read-only: var(--eds-color-success-green-900); + --eds-input-color-message-text-success-disabled: var(--eds-color-success-green-900); + --eds-input-color-message-text-warning-initial: var(--eds-color-orange-800); + --eds-input-color-message-text-warning-focus: light-dark(var(--eds-color-orange-1200), var(--eds-color-spruce-wood-500)); + --eds-input-color-message-text-warning-read-only: var(--eds-color-orange-800); + --eds-input-color-message-text-warning-disabled: var(--eds-color-orange-800); + --eds-input-color-message-text-error-initial: var(--eds-color-red-cold-900); + --eds-input-color-message-text-error-focus: light-dark(var(--eds-color-red-cold-1200), var(--eds-color-red-warm-600)); + --eds-input-color-message-text-error-read-only: var(--eds-color-red-cold-900); + --eds-input-color-message-text-error-disabled: var(--eds-color-red-cold-900); + --eds-input-label-color-text-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-input-label-color-text-read-only: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-input-label-color-text-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-input-label-color-icon-initial: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-input-label-color-icon-read-only: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-input-label-color-icon-disabled: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-table-cell-color-message-surface-error: light-dark(var(--eds-color-red-warm-300), #ff666b47); + --eds-table-cell-color-interactive-text-initial-on-level-1: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); + --eds-table-cell-color-interactive-text-initial-on-level-2: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); + --eds-table-cell-color-interactive-text-initial-on-level-3: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); + --eds-table-cell-color-interactive-text-hover-on-level-1: light-dark(var(--eds-color-neutral-1400), var(--eds-color-slate-grey-200)); + --eds-table-cell-color-interactive-text-hover-on-level-2: light-dark(var(--eds-color-neutral-1400), var(--eds-color-slate-grey-200)); + --eds-table-cell-color-interactive-text-hover-on-level-3: light-dark(var(--eds-color-neutral-1400), var(--eds-color-slate-grey-200)); + --eds-table-cell-color-interactive-text-active-on-level-1: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); + --eds-table-cell-color-interactive-text-active-on-level-2: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); + --eds-table-cell-color-interactive-text-active-on-level-3: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); + --eds-table-cell-color-interactive-text-active-hover-on-level-1: light-dark(var(--eds-color-neutral-1400), var(--eds-color-slate-grey-200)); + --eds-table-cell-color-interactive-text-active-hover-on-level-2: light-dark(var(--eds-color-neutral-1400), var(--eds-color-slate-grey-200)); + --eds-table-cell-color-interactive-text-active-hover-on-level-3: light-dark(var(--eds-color-neutral-1400), var(--eds-color-slate-grey-200)); + --eds-table-cell-color-interactive-text-disabled-on-level-1: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-table-cell-color-interactive-text-disabled-on-level-2: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-table-cell-color-interactive-text-disabled-on-level-3: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-table-cell-color-interactive-icon-initial-on-level-1: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-table-cell-color-interactive-icon-initial-on-level-2: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-table-cell-color-interactive-icon-initial-on-level-3: light-dark(var(--eds-color-neutral-1100), var(--eds-color-slate-grey-500)); + --eds-table-cell-color-interactive-icon-hover-on-level-1: light-dark(var(--eds-color-neutral-1400), var(--eds-color-slate-grey-200)); + --eds-table-cell-color-interactive-icon-hover-on-level-2: light-dark(var(--eds-color-neutral-1400), var(--eds-color-slate-grey-200)); + --eds-table-cell-color-interactive-icon-hover-on-level-3: light-dark(var(--eds-color-neutral-1400), var(--eds-color-slate-grey-200)); + --eds-table-cell-color-interactive-icon-active-on-level-1: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); + --eds-table-cell-color-interactive-icon-active-on-level-2: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); + --eds-table-cell-color-interactive-icon-active-on-level-3: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-200)); + --eds-table-cell-color-interactive-icon-active-hover-on-level-1: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); + --eds-table-cell-color-interactive-icon-active-hover-on-level-2: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); + --eds-table-cell-color-interactive-icon-active-hover-on-level-3: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-100)); + --eds-table-cell-color-interactive-icon-disabled-on-level-1: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-table-cell-color-interactive-icon-disabled-on-level-2: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-table-cell-color-interactive-icon-disabled-on-level-3: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-table-cell-color-interactive-border-initial-on-level-1: light-dark(var(--eds-color-neutral-300), #ffffff29); + --eds-table-cell-color-interactive-border-initial-on-level-2: light-dark(var(--eds-color-neutral-300), #ffffff29); + --eds-table-cell-color-interactive-border-initial-on-level-3: light-dark(var(--eds-color-neutral-300), #ffffff29); + --eds-table-cell-color-interactive-border-hover-on-level-1: light-dark(var(--eds-color-neutral-500), #fff3); + --eds-table-cell-color-interactive-border-hover-on-level-2: light-dark(var(--eds-color-neutral-500), #fff3); + --eds-table-cell-color-interactive-border-hover-on-level-3: light-dark(var(--eds-color-neutral-500), #fff3); + --eds-table-cell-color-interactive-border-active-on-level-1: light-dark(var(--eds-color-neutral-300), #ffffff29); + --eds-table-cell-color-interactive-border-active-on-level-2: light-dark(var(--eds-color-neutral-300), #ffffff29); + --eds-table-cell-color-interactive-border-active-on-level-3: light-dark(var(--eds-color-neutral-300), #ffffff29); + --eds-table-cell-color-interactive-border-active-hover-on-level-1: light-dark(var(--eds-color-neutral-500), #fff3); + --eds-table-cell-color-interactive-border-active-hover-on-level-2: light-dark(var(--eds-color-neutral-500), #fff3); + --eds-table-cell-color-interactive-border-active-hover-on-level-3: light-dark(var(--eds-color-neutral-500), #fff3); + --eds-table-cell-color-interactive-border-disabled-on-level-1: light-dark(var(--eds-color-neutral-300), #ffffff29); + --eds-table-cell-color-interactive-border-disabled-on-level-2: light-dark(var(--eds-color-neutral-300), #ffffff29); + --eds-table-cell-color-interactive-border-disabled-on-level-3: light-dark(var(--eds-color-neutral-300), #ffffff29); + --eds-table-cell-color-interactive-surface-hover-on-level-1: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); + --eds-table-cell-color-interactive-surface-hover-on-level-2: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); + --eds-table-cell-color-interactive-surface-hover-on-level-3: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); + --eds-table-cell-color-interactive-surface-active-on-level-1: light-dark(var(--eds-color-moss-green-200), var(--eds-color-mist-blue-muted-1300)); + --eds-table-cell-color-interactive-surface-active-on-level-2: light-dark(var(--eds-color-moss-green-200), var(--eds-color-mist-blue-muted-1300)); + --eds-table-cell-color-interactive-surface-active-on-level-3: light-dark(var(--eds-color-moss-green-200), var(--eds-color-mist-blue-muted-1200)); + --eds-table-cell-color-interactive-surface-active-hover-on-level-1: light-dark(var(--eds-color-moss-green-300), var(--eds-color-mist-blue-muted-1200)); + --eds-table-cell-color-interactive-surface-active-hover-on-level-2: light-dark(var(--eds-color-moss-green-300), var(--eds-color-mist-blue-muted-1200)); + --eds-table-cell-color-interactive-surface-active-hover-on-level-3: light-dark(var(--eds-color-moss-green-300), var(--eds-color-mist-blue-muted-1100)); + --eds-table-header-color-interactive-text-initial-on-level-1: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); + --eds-table-header-color-interactive-text-initial-on-level-2: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); + --eds-table-header-color-interactive-text-initial-on-level-3: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); + --eds-table-header-color-interactive-text-hover-on-level-1: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); + --eds-table-header-color-interactive-text-hover-on-level-2: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); + --eds-table-header-color-interactive-text-hover-on-level-3: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); + --eds-table-header-color-interactive-text-active-on-level-1: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); + --eds-table-header-color-interactive-text-active-on-level-2: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); + --eds-table-header-color-interactive-text-active-on-level-3: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-300)); + --eds-table-header-color-interactive-text-active-hover-on-level-1: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); + --eds-table-header-color-interactive-text-active-hover-on-level-2: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); + --eds-table-header-color-interactive-text-active-hover-on-level-3: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-200)); + --eds-table-header-color-interactive-text-disabled-on-level-1: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-table-header-color-interactive-text-disabled-on-level-2: light-dark(var(--eds-color-neutral-500), var(--eds-color-slate-grey-1000)); + --eds-table-header-color-interactive-text-disabled-on-level-3: light-dark(var(--eds-color-neutral-500), var(--eds-color-neutral-1000)); + --eds-table-header-color-interactive-icon-initial-on-level-1: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-table-header-color-interactive-icon-initial-on-level-2: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-table-header-color-interactive-icon-initial-on-level-3: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); + --eds-table-header-color-interactive-icon-hover-on-level-1: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); + --eds-table-header-color-interactive-icon-hover-on-level-2: light-dark(var(--eds-color-neutral-1300), var(--eds-color-slate-grey-400)); + --eds-table-header-color-interactive-icon-hover-on-level-3: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); + --eds-table-header-color-interactive-icon-active-on-level-1: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); + --eds-table-header-color-interactive-icon-active-on-level-2: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); + --eds-table-header-color-interactive-icon-active-on-level-3: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-300)); + --eds-table-header-color-interactive-icon-active-hover-on-level-1: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); + --eds-table-header-color-interactive-icon-active-hover-on-level-2: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); + --eds-table-header-color-interactive-icon-active-hover-on-level-3: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-200)); + --eds-table-header-color-interactive-icon-disabled-on-level-1: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-table-header-color-interactive-icon-disabled-on-level-2: light-dark(var(--eds-color-neutral-900), var(--eds-color-slate-grey-600)); + --eds-table-header-color-interactive-icon-disabled-on-level-3: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); + --eds-table-header-color-interactive-border-initial-on-level-1: light-dark(var(--eds-color-neutral-300), #ffffff29); + --eds-table-header-color-interactive-border-initial-on-level-2: light-dark(var(--eds-color-neutral-300), #ffffff29); + --eds-table-header-color-interactive-border-initial-on-level-3: light-dark(var(--eds-color-neutral-300), #ffffff29); + --eds-table-header-color-interactive-border-hover-on-level-1: light-dark(var(--eds-color-neutral-500), #fff3); + --eds-table-header-color-interactive-border-hover-on-level-2: light-dark(var(--eds-color-neutral-500), #fff3); + --eds-table-header-color-interactive-border-hover-on-level-3: light-dark(var(--eds-color-neutral-500), #fff3); + --eds-table-header-color-interactive-border-active-on-level-1: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); + --eds-table-header-color-interactive-border-active-on-level-2: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-500)); + --eds-table-header-color-interactive-border-active-on-level-3: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-300)); + --eds-table-header-color-interactive-border-active-hover-on-level-1: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); + --eds-table-header-color-interactive-border-active-hover-on-level-2: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-300)); + --eds-table-header-color-interactive-border-active-hover-on-level-3: light-dark(var(--eds-color-moss-green-1300), var(--eds-color-moss-green-sat-200)); + --eds-table-header-color-interactive-border-disabled-on-level-1: light-dark(var(--eds-color-neutral-300), #ffffff29); + --eds-table-header-color-interactive-border-disabled-on-level-2: light-dark(var(--eds-color-neutral-300), #ffffff29); + --eds-table-header-color-interactive-border-disabled-on-level-3: light-dark(var(--eds-color-neutral-300), #ffffff29); + --eds-table-header-color-interactive-surface-initial-on-level-1: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1350)); + --eds-table-header-color-interactive-surface-initial-on-level-2: light-dark(var(--eds-color-neutral-100), var(--eds-color-slate-blue-1300)); + --eds-table-header-color-interactive-surface-initial-on-level-3: light-dark(var(--eds-color-neutral-100), var(--eds-color-slate-blue-1200)); + --eds-table-header-color-interactive-surface-hover-on-level-1: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); + --eds-table-header-color-interactive-surface-hover-on-level-2: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); + --eds-table-header-color-interactive-surface-hover-on-level-3: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); + --eds-table-header-color-interactive-surface-active-on-level-1: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-blue-1300)); + --eds-table-header-color-interactive-surface-active-on-level-2: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-blue-1300)); + --eds-table-header-color-interactive-surface-active-on-level-3: light-dark(var(--eds-color-neutral-200), var(--eds-color-slate-blue-1200)); + --eds-table-header-color-interactive-surface-active-hover-on-level-1: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); + --eds-table-header-color-interactive-surface-active-hover-on-level-2: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1200)); + --eds-table-header-color-interactive-surface-active-hover-on-level-3: light-dark(var(--eds-color-neutral-300), var(--eds-color-slate-blue-1100)); + --eds-table-header-color-static-text-on-level-1: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); + --eds-table-header-color-static-text-on-level-2: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); + --eds-table-header-color-static-text-on-level-3: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); + --eds-table-header-color-static-icon-on-level-1: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); + --eds-table-header-color-static-icon-on-level-2: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); + --eds-table-header-color-static-icon-on-level-3: light-dark(var(--eds-color-neutral-1300), var(--eds-color-neutral-0)); + --eds-table-header-color-static-border-on-level-1: light-dark(var(--eds-color-neutral-300), #ffffff29); + --eds-table-header-color-static-border-on-level-2: light-dark(var(--eds-color-neutral-300), #ffffff29); + --eds-table-header-color-static-border-on-level-3: light-dark(var(--eds-color-neutral-300), #ffffff29); + --eds-table-header-color-static-surface-on-level-1: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1350)); + --eds-table-header-color-static-surface-on-level-2: light-dark(var(--eds-color-neutral-100), var(--eds-color-slate-blue-1300)); + --eds-table-header-color-static-surface-on-level-3: light-dark(var(--eds-color-neutral-100), var(--eds-color-slate-blue-1200)); + --eds-ui-main-color-surface: light-dark(var(--eds-color-neutral-100), var(--eds-color-slate-blue-1400)); + --eds-ui-shell-color-surface: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1350)); + --eds-ui-shell-color-border: light-dark(var(--eds-color-neutral-100), var(--eds-color-slate-blue-1400)); + --eds-ui-floating-color-surface: light-dark(var(--eds-color-neutral-0), var(--eds-color-slate-blue-1300)); --eds-color-static-text-inverted: light-dark(var(--eds-color-text-inverted-on-light), var(--eds-color-text-inverted-on-dark)); - --eds-color-static-text-raised: light-dark(var(--eds-color-moss-green-1100), var(--eds-color-moss-green-sat-300)); - --eds-color-shadow: light-dark(#00000024, #00000024); -} - -:root, [data-density] { - --density: var(--eds--spacious); - --eds--comfortable: var(--density, ); - --eds--spacious: var(--density, ); -} - -[data-density="comfortable"] { - --density: var(--eds--comfortable); -} - -[data-density="spacious"] { - --density: var(--eds--spacious); -} - -:root { - --eds-spacing-0: 0rem; - --eds-spacing-6: .063rem; - --eds-spacing-12: .125rem; - --eds-spacing-19: .188rem; - --eds-spacing-25: .25rem; - --eds-spacing-37: .375rem; - --eds-spacing-50: .5rem; - --eds-spacing-62: .625rem; - --eds-spacing-75: .75rem; - --eds-spacing-82: .875rem; - --eds-spacing-100: 1rem; - --eds-spacing-125: 1.25rem; - --eds-spacing-150: 1.5rem; - --eds-spacing-175: 1.75rem; - --eds-spacing-200: 2rem; - --eds-spacing-225: 2.25rem; - --eds-spacing-250: 2.5rem; - --eds-spacing-275: 2.75rem; - --eds-spacing-300: 3rem; - --eds-spacing-325: 3.25rem; - --eds-spacing-350: 3.5rem; - --eds-spacing-375: 3.75rem; - --eds-spacing-400: 4rem; - --eds-spacing-450: 4.5rem; - --eds-spacing-500: 5rem; - --eds-spacing-550: 5.5rem; - --eds-spacing-600: 6rem; - --eds-spacing-700: 7rem; - --eds-spacing-800: 8rem; - --eds-spacing-900: 9rem; - --eds-spacing-1000: 10rem; - --eds-spacing-1100: 11rem; - --eds-spacing-1200: 12rem; - --eds-spacing-1300: 13rem; - --eds-spacing-1400: 14rem; - --eds-spacing-1500: 15rem; - --eds-spacing-1600: 16rem; - --eds-spacing-1700: 17rem; - --eds-spacing-1800: 18rem; - --eds-spacing-1900: 19rem; - --eds-spacing-2000: 20rem; - --eds-spacing-2100: 21rem; - --eds-spacing-2200: 22rem; - --eds-type-scale-inter-100-font-size: .563rem; - --eds-type-scale-inter-100-tracking-tight: -.99px; - --eds-type-scale-inter-100-tracking-normal: 0px; - --eds-type-scale-inter-100-tracking-loose: .99px; - --eds-type-scale-inter-100-font-weight-lighter: 300; - --eds-type-scale-inter-100-font-weight-bolder: 500; - --eds-type-scale-inter-100-font-weight-normal: 400; - --eds-type-scale-inter-200-font-size: .656rem; - --eds-type-scale-inter-200-tracking-tight: -1.15px; - --eds-type-scale-inter-200-tracking-normal: 0px; - --eds-type-scale-inter-200-tracking-loose: 1.15px; - --eds-type-scale-inter-200-font-weight-lighter: 300; - --eds-type-scale-inter-200-font-weight-normal: 400; - --eds-type-scale-inter-200-font-weight-bolder: 500; - --eds-type-scale-inter-300-font-size: .75rem; - --eds-type-scale-inter-300-tracking-tight: -1.32px; - --eds-type-scale-inter-300-tracking-normal: 0px; - --eds-type-scale-inter-300-tracking-loose: 1.32px; - --eds-type-scale-inter-300-font-weight-lighter: 300; - --eds-type-scale-inter-300-font-weight-bolder: 500; - --eds-type-scale-inter-300-font-weight-normal: 400; - --eds-type-scale-inter-400-font-size: .875rem; - --eds-type-scale-inter-400-tracking-tight: -1.54px; - --eds-type-scale-inter-400-tracking-normal: 0px; - --eds-type-scale-inter-400-tracking-loose: 1.54px; - --eds-type-scale-inter-400-font-weight-lighter: 300; - --eds-type-scale-inter-400-font-weight-normal: 400; - --eds-type-scale-inter-400-font-weight-bolder: 500; - --eds-type-scale-inter-500-font-size: 1rem; - --eds-type-scale-inter-500-tracking-tight: -1.76px; - --eds-type-scale-inter-500-tracking-normal: 0px; - --eds-type-scale-inter-500-tracking-loose: 1.76px; - --eds-type-scale-inter-500-font-weight-lighter: 300; - --eds-type-scale-inter-500-font-weight-normal: 400; - --eds-type-scale-inter-500-font-weight-bolder: 500; - --eds-type-scale-inter-600-font-size: 1.156rem; - --eds-type-scale-inter-600-tracking-tight: -1.76px; - --eds-type-scale-inter-600-tracking-normal: 0px; - --eds-type-scale-inter-600-tracking-loose: 2.035px; - --eds-type-scale-inter-600-font-weight-lighter: 300; - --eds-type-scale-inter-600-font-weight-normal: 400; - --eds-type-scale-inter-600-font-weight-bolder: 500; - --eds-type-scale-inter-700-font-size: 1.313rem; - --eds-type-scale-inter-700-tracking-tight: -2.31px; - --eds-type-scale-inter-700-tracking-normal: 0px; - --eds-type-scale-inter-700-tracking-loose: 2.31px; - --eds-type-scale-inter-700-font-weight-lighter: 300; - --eds-type-scale-inter-700-font-weight-normal: 400; - --eds-type-scale-inter-700-font-weight-bolder: 500; - --eds-type-scale-inter-800-font-size: 1.531rem; - --eds-type-scale-inter-800-tracking-tight: -2.695px; - --eds-type-scale-inter-800-tracking-normal: 0px; - --eds-type-scale-inter-800-tracking-loose: 2.695px; - --eds-type-scale-inter-800-font-weight-lighter: 300; - --eds-type-scale-inter-800-font-weight-normal: 400; - --eds-type-scale-inter-800-font-weight-bolder: 500; - --eds-type-scale-inter-900-font-size: 1.75rem; - --eds-type-scale-inter-900-tracking-tight: -3.08px; - --eds-type-scale-inter-900-tracking-normal: 0px; - --eds-type-scale-inter-900-tracking-loose: 3.08px; - --eds-type-scale-inter-900-font-weight-lighter: 300; - --eds-type-scale-inter-900-font-weight-normal: 400; - --eds-type-scale-inter-900-font-weight-bolder: 500; - --eds-type-scale-inter-1000-font-size: 2rem; - --eds-type-scale-inter-1000-tracking-tight: -3.52px; - --eds-type-scale-inter-1000-tracking-normal: 0px; - --eds-type-scale-inter-1000-tracking-loose: 3.52px; - --eds-type-scale-inter-1000-font-weight-lighter: 300; - --eds-type-scale-inter-1000-font-weight-normal: 400; - --eds-type-scale-inter-1000-font-weight-bolder: 500; - --eds-type-scale-inter-1100-font-size: 2.313rem; - --eds-type-scale-inter-1100-tracking-tight: -4.07px; - --eds-type-scale-inter-1100-tracking-normal: 0px; - --eds-type-scale-inter-1100-tracking-loose: 4.07px; - --eds-type-scale-inter-1100-font-weight-lighter: 300; - --eds-type-scale-inter-1100-font-weight-normal: 400; - --eds-type-scale-inter-1100-font-weight-bolder: 500; - --eds-type-scale-equinor-100-font-size: .656rem; - --eds-type-scale-equinor-100-tracking-tight: -.99px; - --eds-type-scale-equinor-100-tracking-normal: 0px; - --eds-type-scale-equinor-100-tracking-loose: .99px; - --eds-type-scale-equinor-100-font-weight-lighter: 300; - --eds-type-scale-equinor-100-font-weight-bolder: 500; - --eds-type-scale-equinor-100-font-weight-normal: 400; - --eds-type-scale-equinor-200-font-size: .75rem; - --eds-type-scale-equinor-200-tracking-tight: -1.15px; - --eds-type-scale-equinor-200-tracking-normal: 0px; - --eds-type-scale-equinor-200-tracking-loose: 1.15px; - --eds-type-scale-equinor-200-font-weight-lighter: 300; - --eds-type-scale-equinor-200-font-weight-normal: 400; - --eds-type-scale-equinor-200-font-weight-bolder: 500; - --eds-type-scale-equinor-300-font-size: .875rem; - --eds-type-scale-equinor-300-tracking-tight: -1.32px; - --eds-type-scale-equinor-300-tracking-normal: 0px; - --eds-type-scale-equinor-300-tracking-loose: 1.32px; - --eds-type-scale-equinor-300-font-weight-lighter: 300; - --eds-type-scale-equinor-300-font-weight-bolder: 500; - --eds-type-scale-equinor-300-font-weight-normal: 400; - --eds-type-scale-equinor-400-font-size: 1rem; - --eds-type-scale-equinor-400-tracking-tight: -1.54px; - --eds-type-scale-equinor-400-tracking-normal: 0px; - --eds-type-scale-equinor-400-tracking-loose: 1.54px; - --eds-type-scale-equinor-400-font-weight-lighter: 300; - --eds-type-scale-equinor-400-font-weight-normal: 400; - --eds-type-scale-equinor-400-font-weight-bolder: 500; - --eds-type-scale-equinor-500-font-size: 1.125rem; - --eds-type-scale-equinor-500-tracking-tight: -1.76px; - --eds-type-scale-equinor-500-tracking-normal: 0px; - --eds-type-scale-equinor-500-tracking-loose: 1.76px; - --eds-type-scale-equinor-500-font-weight-lighter: 300; - --eds-type-scale-equinor-500-font-weight-normal: 400; - --eds-type-scale-equinor-500-font-weight-bolder: 500; - --eds-type-scale-equinor-600-font-size: 1.313rem; - --eds-type-scale-equinor-600-tracking-tight: -1.76px; - --eds-type-scale-equinor-600-tracking-normal: 0px; - --eds-type-scale-equinor-600-tracking-loose: 2.035px; - --eds-type-scale-equinor-600-font-weight-lighter: 300; - --eds-type-scale-equinor-600-font-weight-normal: 400; - --eds-type-scale-equinor-600-font-weight-bolder: 500; - --eds-type-scale-equinor-700-font-size: 1.5rem; - --eds-type-scale-equinor-700-tracking-tight: -2.31px; - --eds-type-scale-equinor-700-tracking-normal: 0px; - --eds-type-scale-equinor-700-tracking-loose: 2.31px; - --eds-type-scale-equinor-700-font-weight-lighter: 300; - --eds-type-scale-equinor-700-font-weight-normal: 400; - --eds-type-scale-equinor-700-font-weight-bolder: 500; - --eds-type-scale-equinor-800-font-size: 1.719rem; - --eds-type-scale-equinor-800-tracking-tight: -2.695px; - --eds-type-scale-equinor-800-tracking-normal: 0px; - --eds-type-scale-equinor-800-tracking-loose: 2.695px; - --eds-type-scale-equinor-800-font-weight-lighter: 300; - --eds-type-scale-equinor-800-font-weight-normal: 400; - --eds-type-scale-equinor-800-font-weight-bolder: 500; - --eds-type-scale-equinor-900-font-size: 1.969rem; - --eds-type-scale-equinor-900-tracking-tight: -3.08px; - --eds-type-scale-equinor-900-tracking-normal: 0px; - --eds-type-scale-equinor-900-tracking-loose: 3.08px; - --eds-type-scale-equinor-900-font-weight-lighter: 300; - --eds-type-scale-equinor-900-font-weight-normal: 400; - --eds-type-scale-equinor-900-font-weight-bolder: 500; - --eds-type-scale-equinor-1000-font-size: 2.281rem; - --eds-type-scale-equinor-1000-tracking-tight: -3.52px; - --eds-type-scale-equinor-1000-tracking-normal: 0px; - --eds-type-scale-equinor-1000-tracking-loose: 3.52px; - --eds-type-scale-equinor-1000-font-weight-lighter: 300; - --eds-type-scale-equinor-1000-font-weight-normal: 400; - --eds-type-scale-equinor-1000-font-weight-bolder: 500; - --eds-type-scale-equinor-1100-font-size: 2.625rem; - --eds-type-scale-equinor-1100-tracking-tight: -4.07px; - --eds-type-scale-equinor-1100-tracking-normal: 0px; - --eds-type-scale-equinor-1100-tracking-loose: 4.07px; - --eds-type-scale-equinor-1100-font-weight-lighter: 300; - --eds-type-scale-equinor-1100-font-weight-normal: 400; - --eds-type-scale-equinor-1100-font-weight-bolder: 500; - --eds-lineheight-scale-100-default: .75rem; - --eds-lineheight-scale-100-lineheight-squished: .75rem; - --eds-lineheight-scale-200-default: 1rem; - --eds-lineheight-scale-200-lineheight-squished: .75rem; - --eds-lineheight-scale-300-default: 1rem; - --eds-lineheight-scale-300-lineheight-squished: .75rem; - --eds-lineheight-scale-400-default: 1.25rem; - --eds-lineheight-scale-400-lineheight-squished: 1rem; - --eds-lineheight-scale-500-default: 1.5rem; - --eds-lineheight-scale-500-lineheight-squished: 1.25rem; - --eds-lineheight-scale-600-default: 1.5rem; - --eds-lineheight-scale-600-lineheight-squished: 1.25rem; - --eds-lineheight-scale-700-default: 1.75rem; - --eds-lineheight-scale-700-lineheight-squished: 1.5rem; - --eds-lineheight-scale-800-default: 2rem; - --eds-lineheight-scale-800-lineheight-squished: 1.75rem; - --eds-lineheight-scale-900-default: 2rem; - --eds-lineheight-scale-900-lineheight-squished: 1.75rem; - --eds-lineheight-scale-1000-default: 2.25rem; - --eds-lineheight-scale-1000-lineheight-squished: 2rem; - --eds-lineheight-scale-1100-default: 2.5rem; - --eds-lineheight-scale-1100-squished: 2.25rem; - --eds-font-family-inter: "Inter"; - --eds-font-family-equinor: "Equinor"; + --eds-color-static-text-standard-primary: light-dark(var(--eds-color-text-primary-on-light), var(--eds-color-text-primary-on-dark)); + --eds-color-static-text-standard-secondary: light-dark(var(--eds-color-text-secondary-on-light), var(--eds-color-text-secondary-on-dark)); + --eds-color-static-text-standard-maximal: light-dark(var(--eds-color-text-maximal-on-light), var(--eds-color-text-maximal-on-dark)); + --eds-color-static-icon-inverted: light-dark(var(--eds-color-icon-inverted-on-light), var(--eds-color-icon-inverted-on-dark)); + --eds-color-static-icon-standard-primary: light-dark(var(--eds-color-icon-primary-on-light), var(--eds-color-icon-primary-on-dark)); + --eds-color-static-icon-standard-secondary: light-dark(var(--eds-color-icon-secondary-on-light), var(--eds-color-icon-secondary-on-dark)); + --eds-color-static-icon-standard-maximal: light-dark(var(--eds-color-icon-maximal-on-light), var(--eds-color-icon-maximal-on-dark)); + --eds-color-message-text-standard-info: var(--eds-color-message-text-raised-info-initial); + --eds-color-message-text-standard-success: var(--eds-color-message-text-raised-success-initial); + --eds-color-message-text-standard-warning: var(--eds-color-message-text-raised-warning-initial); + --eds-color-message-text-standard-error: var(--eds-color-message-text-raised-error-initial); } :root, [data-density] { - --eds-typography-header-6xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-1100-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-1000-lineheight-squished)); - --eds-typography-header-6xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-1100-default)) var(--eds--comfortable, var(--eds-lineheight-scale-1000-default)); - --eds-typography-header-6xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-1100-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-1000-font-weight-bolder)); - --eds-typography-header-6xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-1100-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-1000-font-weight-normal)); - --eds-typography-header-6xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-1100-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-1000-font-weight-lighter)); - --eds-typography-header-6xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-1100-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-1000-tracking-loose)); - --eds-typography-header-6xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-1100-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-1000-tracking-normal)); - --eds-typography-header-6xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-1100-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-1000-tracking-tight)); - --eds-typography-header-6xl-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-1100-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-1000-font-size)); - --eds-typography-header-5xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-1000-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-900-lineheight-squished)); - --eds-typography-header-5xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-1000-default)) var(--eds--comfortable, var(--eds-lineheight-scale-900-default)); - --eds-typography-header-5xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-1000-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-900-font-weight-bolder)); - --eds-typography-header-5xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-1000-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-900-font-weight-normal)); - --eds-typography-header-5xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-1000-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-900-font-weight-lighter)); - --eds-typography-header-5xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-1000-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-900-tracking-loose)); - --eds-typography-header-5xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-1000-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-900-tracking-normal)); - --eds-typography-header-5xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-1000-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-900-tracking-tight)); - --eds-typography-header-5xl-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-1000-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-900-font-size)); - --eds-typography-header-4xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-900-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-800-lineheight-squished)); - --eds-typography-header-4xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-900-default)) var(--eds--comfortable, var(--eds-lineheight-scale-800-default)); - --eds-typography-header-4xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-900-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-800-font-weight-bolder)); - --eds-typography-header-4xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-900-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-800-font-weight-normal)); - --eds-typography-header-4xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-900-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-800-font-weight-lighter)); - --eds-typography-header-4xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-900-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-800-tracking-loose)); - --eds-typography-header-4xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-900-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-800-tracking-normal)); - --eds-typography-header-4xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-900-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-800-tracking-tight)); - --eds-typography-header-4xl-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-900-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-800-font-size)); - --eds-typography-header-3xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-800-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-700-lineheight-squished)); - --eds-typography-header-3xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-800-default)) var(--eds--comfortable, var(--eds-lineheight-scale-700-default)); - --eds-typography-header-3xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-800-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-700-font-weight-bolder)); - --eds-typography-header-3xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-800-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-700-font-weight-normal)); - --eds-typography-header-3xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-800-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-700-font-weight-lighter)); - --eds-typography-header-3xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-800-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-700-tracking-loose)); - --eds-typography-header-3xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-800-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-700-tracking-normal)); - --eds-typography-header-3xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-800-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-700-tracking-tight)); - --eds-typography-header-3xl-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-800-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-700-font-size)); - --eds-typography-header-2xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-700-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-600-lineheight-squished)); - --eds-typography-header-2xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-700-default)) var(--eds--comfortable, var(--eds-lineheight-scale-600-default)); - --eds-typography-header-2xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-700-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-600-font-weight-bolder)); - --eds-typography-header-2xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-700-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-600-font-weight-normal)); - --eds-typography-header-2xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-700-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-600-font-weight-lighter)); - --eds-typography-header-2xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-700-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-600-tracking-loose)); - --eds-typography-header-2xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-700-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-600-tracking-normal)); - --eds-typography-header-2xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-700-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-600-tracking-tight)); - --eds-typography-header-2xl-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-700-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-600-font-size)); - --eds-typography-header-xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-600-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-500-lineheight-squished)); - --eds-typography-header-xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-600-default)) var(--eds--comfortable, var(--eds-lineheight-scale-500-default)); - --eds-typography-header-xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-600-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-500-font-weight-bolder)); - --eds-typography-header-xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-600-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-500-font-weight-normal)); - --eds-typography-header-xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-600-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-500-font-weight-lighter)); - --eds-typography-header-xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-600-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-500-tracking-loose)); - --eds-typography-header-xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-600-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-500-tracking-normal)); - --eds-typography-header-xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-600-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-500-tracking-tight)); - --eds-typography-header-xl-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-600-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-500-font-size)); - --eds-typography-header-lg-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-500-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-400-lineheight-squished)); - --eds-typography-header-lg-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-500-default)) var(--eds--comfortable, var(--eds-lineheight-scale-400-default)); - --eds-typography-header-lg-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-500-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-400-font-weight-bolder)); - --eds-typography-header-lg-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-500-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-400-font-weight-normal)); - --eds-typography-header-lg-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-500-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-400-font-weight-lighter)); - --eds-typography-header-lg-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-500-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-400-tracking-loose)); - --eds-typography-header-lg-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-500-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-400-tracking-normal)); - --eds-typography-header-lg-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-500-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-400-tracking-tight)); - --eds-typography-header-lg-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-500-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-400-font-size)); - --eds-typography-header-md-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-400-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-300-lineheight-squished)); - --eds-typography-header-md-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-400-default)) var(--eds--comfortable, var(--eds-lineheight-scale-300-default)); - --eds-typography-header-md-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-400-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-300-font-weight-bolder)); - --eds-typography-header-md-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-400-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-300-font-weight-normal)); - --eds-typography-header-md-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-400-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-300-font-weight-lighter)); - --eds-typography-header-md-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-400-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-300-tracking-loose)); - --eds-typography-header-md-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-400-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-300-tracking-normal)); - --eds-typography-header-md-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-400-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-300-tracking-tight)); - --eds-typography-header-md-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-400-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-300-font-size)); - --eds-typography-header-sm-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-300-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-200-lineheight-squished)); - --eds-typography-header-sm-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-300-default)) var(--eds--comfortable, var(--eds-lineheight-scale-200-default)); - --eds-typography-header-sm-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-300-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-200-font-weight-bolder)); - --eds-typography-header-sm-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-300-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-200-font-weight-normal)); - --eds-typography-header-sm-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-300-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-200-font-weight-lighter)); - --eds-typography-header-sm-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-300-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-200-tracking-loose)); - --eds-typography-header-sm-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-300-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-200-tracking-normal)); - --eds-typography-header-sm-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-300-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-200-tracking-tight)); - --eds-typography-header-sm-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-300-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-200-font-size)); - --eds-typography-header-font-family: var(--eds-font-family-equinor); - --eds-typography-header-xs-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-200-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-100-lineheight-squished)); - --eds-typography-header-xs-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-200-default)) var(--eds--comfortable, var(--eds-lineheight-scale-100-default)); - --eds-typography-header-xs-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-200-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-100-font-weight-bolder)); - --eds-typography-header-xs-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-200-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-100-font-weight-normal)); - --eds-typography-header-xs-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-200-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-100-font-weight-lighter)); - --eds-typography-header-xs-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-200-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-100-tracking-loose)); - --eds-typography-header-xs-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-200-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-100-tracking-normal)); - --eds-typography-header-xs-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-200-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-100-tracking-tight)); - --eds-typography-header-xs-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-200-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-100-font-size)); - --eds-typography-ui-body-6xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-1100-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-1000-lineheight-squished)); - --eds-typography-ui-body-6xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-1100-default)) var(--eds--comfortable, var(--eds-lineheight-scale-1000-default)); - --eds-typography-ui-body-6xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-inter-1100-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-1000-font-weight-bolder)); - --eds-typography-ui-body-6xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-inter-1100-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-1000-tracking-normal)); - --eds-typography-ui-body-6xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-inter-1100-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-1000-font-weight-lighter)); - --eds-typography-ui-body-6xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-inter-1100-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-1000-tracking-loose)); - --eds-typography-ui-body-6xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-inter-1100-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-1000-tracking-normal)); - --eds-typography-ui-body-6xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-inter-1100-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-1000-tracking-tight)); - --eds-typography-ui-body-6xl-font-size: var(--eds--spacious, var(--eds-type-scale-inter-1100-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-1000-font-size)); - --eds-typography-ui-body-5xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-1000-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-900-lineheight-squished)); - --eds-typography-ui-body-5xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-1000-default)) var(--eds--comfortable, var(--eds-lineheight-scale-900-default)); - --eds-typography-ui-body-5xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-inter-1000-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-900-font-weight-bolder)); - --eds-typography-ui-body-5xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-inter-1000-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-900-font-weight-normal)); - --eds-typography-ui-body-5xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-inter-1000-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-900-font-weight-lighter)); - --eds-typography-ui-body-5xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-inter-1000-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-900-tracking-loose)); - --eds-typography-ui-body-5xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-inter-1000-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-900-tracking-normal)); - --eds-typography-ui-body-5xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-inter-1000-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-900-tracking-tight)); - --eds-typography-ui-body-5xl-font-size: var(--eds--spacious, var(--eds-type-scale-inter-1000-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-900-font-size)); - --eds-typography-ui-body-4xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-900-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-800-lineheight-squished)); - --eds-typography-ui-body-4xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-900-default)) var(--eds--comfortable, var(--eds-lineheight-scale-800-default)); - --eds-typography-ui-body-4xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-inter-900-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-800-font-weight-bolder)); - --eds-typography-ui-body-4xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-inter-900-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-800-font-weight-normal)); - --eds-typography-ui-body-4xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-inter-900-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-800-font-weight-lighter)); - --eds-typography-ui-body-4xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-inter-900-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-800-tracking-loose)); - --eds-typography-ui-body-4xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-inter-900-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-800-tracking-normal)); - --eds-typography-ui-body-4xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-inter-900-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-800-tracking-tight)); - --eds-typography-ui-body-4xl-font-size: var(--eds--spacious, var(--eds-type-scale-inter-900-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-800-font-size)); - --eds-typography-ui-body-3xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-800-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-700-lineheight-squished)); - --eds-typography-ui-body-3xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-800-default)) var(--eds--comfortable, var(--eds-lineheight-scale-700-default)); - --eds-typography-ui-body-3xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-inter-800-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-700-font-weight-bolder)); - --eds-typography-ui-body-3xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-inter-800-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-700-font-weight-normal)); - --eds-typography-ui-body-3xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-inter-800-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-700-font-weight-lighter)); - --eds-typography-ui-body-3xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-inter-800-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-700-tracking-loose)); - --eds-typography-ui-body-3xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-inter-800-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-700-tracking-normal)); - --eds-typography-ui-body-3xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-inter-800-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-700-tracking-tight)); - --eds-typography-ui-body-3xl-font-size: var(--eds--spacious, var(--eds-type-scale-inter-800-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-700-font-size)); - --eds-typography-ui-body-2xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-700-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-600-lineheight-squished)); - --eds-typography-ui-body-2xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-700-default)) var(--eds--comfortable, var(--eds-lineheight-scale-600-default)); - --eds-typography-ui-body-2xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-inter-700-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-600-font-weight-bolder)); - --eds-typography-ui-body-2xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-inter-700-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-600-font-weight-normal)); - --eds-typography-ui-body-2xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-inter-700-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-600-font-weight-lighter)); - --eds-typography-ui-body-2xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-inter-700-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-600-tracking-loose)); - --eds-typography-ui-body-2xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-inter-700-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-600-tracking-normal)); - --eds-typography-ui-body-2xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-inter-700-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-600-tracking-tight)); - --eds-typography-ui-body-2xl-font-size: var(--eds--spacious, var(--eds-type-scale-inter-700-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-600-font-size)); - --eds-typography-ui-body-xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-600-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-500-lineheight-squished)); - --eds-typography-ui-body-xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-600-default)) var(--eds--comfortable, var(--eds-lineheight-scale-500-default)); - --eds-typography-ui-body-xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-inter-600-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-500-font-weight-bolder)); - --eds-typography-ui-body-xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-inter-600-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-500-font-weight-normal)); - --eds-typography-ui-body-xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-inter-600-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-500-font-weight-lighter)); - --eds-typography-ui-body-xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-inter-600-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-500-tracking-loose)); - --eds-typography-ui-body-xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-inter-600-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-500-tracking-normal)); - --eds-typography-ui-body-xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-inter-600-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-500-tracking-tight)); - --eds-typography-ui-body-xl-font-size: var(--eds--spacious, var(--eds-type-scale-inter-600-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-500-font-size)); - --eds-typography-ui-body-lg-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-500-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-400-lineheight-squished)); - --eds-typography-ui-body-lg-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-500-default)) var(--eds--comfortable, var(--eds-lineheight-scale-400-default)); - --eds-typography-ui-body-lg-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-500-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-400-font-weight-bolder)); - --eds-typography-ui-body-lg-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-500-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-400-font-weight-normal)); - --eds-typography-ui-body-lg-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-500-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-400-font-weight-lighter)); - --eds-typography-ui-body-lg-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-500-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-400-tracking-loose)); - --eds-typography-ui-body-lg-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-500-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-400-tracking-normal)); - --eds-typography-ui-body-lg-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-500-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-400-tracking-tight)); - --eds-typography-ui-body-lg-font-size: var(--eds--spacious, var(--eds-type-scale-inter-500-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-400-font-size)); - --eds-typography-ui-body-md-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-400-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-300-lineheight-squished)); - --eds-typography-ui-body-md-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-400-default)) var(--eds--comfortable, var(--eds-lineheight-scale-300-default)); - --eds-typography-ui-body-md-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-inter-400-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-300-font-weight-bolder)); - --eds-typography-ui-body-md-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-inter-400-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-300-font-weight-normal)); - --eds-typography-ui-body-md-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-inter-400-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-300-font-weight-lighter)); - --eds-typography-ui-body-md-tracking-loose: var(--eds--spacious, var(--eds-type-scale-inter-400-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-300-tracking-loose)); - --eds-typography-ui-body-md-tracking-normal: var(--eds--spacious, var(--eds-type-scale-inter-400-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-300-tracking-normal)); - --eds-typography-ui-body-md-tracking-tight: var(--eds--spacious, var(--eds-type-scale-inter-400-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-300-tracking-tight)); - --eds-typography-ui-body-md-font-size: var(--eds--spacious, var(--eds-type-scale-inter-400-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-300-font-size)); - --eds-typography-ui-body-font-family: var(--eds-font-family-inter); - --eds-typography-ui-body-sm-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-300-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-200-lineheight-squished)); - --eds-typography-ui-body-sm-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-300-default)) var(--eds--comfortable, var(--eds-lineheight-scale-200-default)); - --eds-typography-ui-body-sm-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-inter-300-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-200-font-weight-bolder)); - --eds-typography-ui-body-sm-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-inter-300-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-200-font-weight-normal)); - --eds-typography-ui-body-sm-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-inter-300-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-200-font-weight-lighter)); - --eds-typography-ui-body-sm-tracking-loose: var(--eds--spacious, var(--eds-type-scale-inter-300-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-200-tracking-loose)); - --eds-typography-ui-body-sm-tracking-normal: var(--eds--spacious, var(--eds-type-scale-inter-300-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-200-tracking-normal)); - --eds-typography-ui-body-sm-tracking-tight: var(--eds--spacious, var(--eds-type-scale-inter-300-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-200-tracking-tight)); - --eds-typography-ui-body-sm-font-size: var(--eds--spacious, var(--eds-type-scale-inter-300-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-200-font-size)); - --eds-typography-ui-body-xs-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-200-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-100-lineheight-squished)); - --eds-typography-ui-body-xs-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-200-default)) var(--eds--comfortable, var(--eds-lineheight-scale-100-default)); - --eds-typography-ui-body-xs-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-inter-200-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-100-font-weight-bolder)); - --eds-typography-ui-body-xs-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-inter-200-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-100-font-weight-normal)); - --eds-typography-ui-body-xs-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-inter-200-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-100-font-weight-lighter)); - --eds-typography-ui-body-xs-tracking-loose: var(--eds--spacious, var(--eds-type-scale-inter-200-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-100-tracking-loose)); - --eds-typography-ui-body-xs-tracking-normal: var(--eds--spacious, var(--eds-type-scale-inter-200-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-100-tracking-normal)); - --eds-typography-ui-body-xs-tracking-tight: var(--eds--spacious, var(--eds-type-scale-inter-200-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-100-tracking-tight)); - --eds-typography-ui-body-xs-font-size: var(--eds--spacious, var(--eds-type-scale-inter-200-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-100-font-size)); - --eds-sizing-stroke-none: 0rem; - --eds-sizing-stroke-thick: var(--eds--spacious, .125rem) var(--eds--comfortable, .125rem); - --eds-sizing-stroke-thin: var(--eds--spacious, .063rem) var(--eds--comfortable, .063rem); - --eds-sizing-selectable-2xl: var(--eds--spacious, 3.75rem) var(--eds--comfortable, 3.25rem); - --eds-sizing-selectable-xl: var(--eds--spacious, 3.25rem) var(--eds--comfortable, 2.75rem); - --eds-sizing-selectable-lg: var(--eds--spacious, 2.75rem) var(--eds--comfortable, 2.25rem); - --eds-sizing-selectable-md: var(--eds--spacious, 2.25rem) var(--eds--comfortable, 1.5rem); - --eds-sizing-selectable-sm: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem); - --eds-sizing-selectable-xs: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem); - --eds-sizing-icon-6xl: var(--eds--spacious, 3.5rem) var(--eds--comfortable, 3rem); - --eds-sizing-icon-5xl: var(--eds--spacious, 3rem) var(--eds--comfortable, 2.625rem); - --eds-sizing-icon-4xl: var(--eds--spacious, 2.625rem) var(--eds--comfortable, 2.313rem); - --eds-sizing-icon-3xl: var(--eds--spacious, 2.313rem) var(--eds--comfortable, 2rem); - --eds-sizing-icon-2xl: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem); - --eds-sizing-icon-xl: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem); - --eds-sizing-icon-lg: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem); - --eds-sizing-icon-md: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1.125rem); - --eds-sizing-icon-sm: var(--eds--spacious, 1.125rem) var(--eds--comfortable, 1rem); - --eds-sizing-icon-xs: var(--eds--spacious, 1rem) var(--eds--comfortable, .875rem); - --eds-spacing-inset-xl-stack-stretched: var(--eds-spacing-stack-2-xl); - --eds-spacing-inset-xl-stack-squared: var(--eds-spacing-stack-xl); - --eds-spacing-inset-xl-stack-squished: var(--eds-spacing-stack-lg); - --eds-spacing-inset-xl-inline: var(--eds-spacing-inline-xl); - --eds-spacing-inset-lg-stack-stretched: var(--eds-spacing-stack-xl); - --eds-spacing-inset-lg-stack-squared: var(--eds-spacing-stack-lg); - --eds-spacing-inset-lg-stack-squished: var(--eds-spacing-stack-md); - --eds-spacing-inset-lg-inline: var(--eds-spacing-inline-lg); - --eds-spacing-inset-md-stack-stretched: var(--eds-spacing-stack-lg); - --eds-spacing-inset-md-stack-squared: var(--eds-spacing-stack-md); - --eds-spacing-inset-md-stack-squished: var(--eds-spacing-stack-sm); - --eds-spacing-inset-md-inline: var(--eds-spacing-inline-md); - --eds-spacing-inset-sm-stack-stretched: var(--eds-spacing-stack-md); - --eds-spacing-inset-sm-stack-squared: var(--eds-spacing-stack-sm); - --eds-spacing-inset-sm-stack-squished: var(--eds-spacing-stack-xs); - --eds-spacing-inset-sm-inline: var(--eds-spacing-inline-sm); - --eds-spacing-inset-xs-stack-stretched: var(--eds-spacing-stack-sm); - --eds-spacing-inset-xs-stack-squared: var(--eds-spacing-stack-xs); - --eds-spacing-inset-xs-stack-squished: var(--eds-spacing-stack-2-xs); - --eds-spacing-inset-xs-inline: var(--eds-spacing-inline-xs); - --eds-spacing-border-radius-none: 0rem; + --density: var(--eds--spacious); + --eds--comfortable: var(--density, ); + --eds--spacious: var(--density, ); +} + +[data-density="comfortable"] { + --density: var(--eds--comfortable); +} + +[data-density="spacious"] { + --density: var(--eds--spacious); +} + +:root { + --eds-spacing-0: 0rem; + --eds-spacing-6: .063rem; + --eds-spacing-12: .125rem; + --eds-spacing-19: .188rem; + --eds-spacing-25: .25rem; + --eds-spacing-37: .375rem; + --eds-spacing-50: .5rem; + --eds-spacing-62: .625rem; + --eds-spacing-75: .75rem; + --eds-spacing-82: .875rem; + --eds-spacing-100: 1rem; + --eds-spacing-125: 1.25rem; + --eds-spacing-150: 1.5rem; + --eds-spacing-175: 1.75rem; + --eds-spacing-200: 2rem; + --eds-spacing-225: 2.25rem; + --eds-spacing-250: 2.5rem; + --eds-spacing-275: 2.75rem; + --eds-spacing-300: 3rem; + --eds-spacing-325: 3.25rem; + --eds-spacing-350: 3.5rem; + --eds-spacing-375: 3.75rem; + --eds-spacing-400: 4rem; + --eds-spacing-450: 4.5rem; + --eds-spacing-500: 5rem; + --eds-spacing-550: 5.5rem; + --eds-spacing-600: 6rem; + --eds-spacing-700: 7rem; + --eds-spacing-800: 8rem; + --eds-spacing-900: 9rem; + --eds-spacing-1000: 10rem; + --eds-spacing-1100: 11rem; + --eds-spacing-1200: 12rem; + --eds-spacing-1300: 13rem; + --eds-spacing-1400: 14rem; + --eds-spacing-1500: 15rem; + --eds-spacing-1600: 16rem; + --eds-spacing-1700: 17rem; + --eds-spacing-1800: 18rem; + --eds-spacing-1900: 19rem; + --eds-spacing-2000: 20rem; + --eds-spacing-2100: 21rem; + --eds-spacing-2200: 22rem; + --eds-type-scale-inter-100-font-size: .563rem; + --eds-type-scale-inter-100-tracking-tight: -.99px; + --eds-type-scale-inter-100-tracking-normal: 0px; + --eds-type-scale-inter-100-tracking-loose: .99px; + --eds-type-scale-inter-100-font-weight-lighter: 300; + --eds-type-scale-inter-100-font-weight-bolder: 500; + --eds-type-scale-inter-100-font-weight-normal: 400; + --eds-type-scale-inter-200-font-size: .656rem; + --eds-type-scale-inter-200-tracking-tight: -1.15px; + --eds-type-scale-inter-200-tracking-normal: 0px; + --eds-type-scale-inter-200-tracking-loose: 1.15px; + --eds-type-scale-inter-200-font-weight-lighter: 300; + --eds-type-scale-inter-200-font-weight-normal: 400; + --eds-type-scale-inter-200-font-weight-bolder: 500; + --eds-type-scale-inter-300-font-size: .75rem; + --eds-type-scale-inter-300-tracking-tight: -1.32px; + --eds-type-scale-inter-300-tracking-normal: 0px; + --eds-type-scale-inter-300-tracking-loose: 1.32px; + --eds-type-scale-inter-300-font-weight-lighter: 300; + --eds-type-scale-inter-300-font-weight-bolder: 500; + --eds-type-scale-inter-300-font-weight-normal: 400; + --eds-type-scale-inter-400-font-size: .875rem; + --eds-type-scale-inter-400-tracking-tight: -1.54px; + --eds-type-scale-inter-400-tracking-normal: 0px; + --eds-type-scale-inter-400-tracking-loose: 1.54px; + --eds-type-scale-inter-400-font-weight-lighter: 300; + --eds-type-scale-inter-400-font-weight-normal: 400; + --eds-type-scale-inter-400-font-weight-bolder: 500; + --eds-type-scale-inter-500-font-size: 1rem; + --eds-type-scale-inter-500-tracking-tight: -1.76px; + --eds-type-scale-inter-500-tracking-normal: 0px; + --eds-type-scale-inter-500-tracking-loose: 1.76px; + --eds-type-scale-inter-500-font-weight-lighter: 300; + --eds-type-scale-inter-500-font-weight-normal: 400; + --eds-type-scale-inter-500-font-weight-bolder: 500; + --eds-type-scale-inter-600-font-size: 1.156rem; + --eds-type-scale-inter-600-tracking-tight: -1.76px; + --eds-type-scale-inter-600-tracking-normal: 0px; + --eds-type-scale-inter-600-tracking-loose: 2.035px; + --eds-type-scale-inter-600-font-weight-lighter: 300; + --eds-type-scale-inter-600-font-weight-normal: 400; + --eds-type-scale-inter-600-font-weight-bolder: 500; + --eds-type-scale-inter-700-font-size: 1.313rem; + --eds-type-scale-inter-700-tracking-tight: -2.31px; + --eds-type-scale-inter-700-tracking-normal: 0px; + --eds-type-scale-inter-700-tracking-loose: 2.31px; + --eds-type-scale-inter-700-font-weight-lighter: 300; + --eds-type-scale-inter-700-font-weight-normal: 400; + --eds-type-scale-inter-700-font-weight-bolder: 500; + --eds-type-scale-inter-800-font-size: 1.531rem; + --eds-type-scale-inter-800-tracking-tight: -2.695px; + --eds-type-scale-inter-800-tracking-normal: 0px; + --eds-type-scale-inter-800-tracking-loose: 2.695px; + --eds-type-scale-inter-800-font-weight-lighter: 300; + --eds-type-scale-inter-800-font-weight-normal: 400; + --eds-type-scale-inter-800-font-weight-bolder: 500; + --eds-type-scale-inter-900-font-size: 1.75rem; + --eds-type-scale-inter-900-tracking-tight: -3.08px; + --eds-type-scale-inter-900-tracking-normal: 0px; + --eds-type-scale-inter-900-tracking-loose: 3.08px; + --eds-type-scale-inter-900-font-weight-lighter: 300; + --eds-type-scale-inter-900-font-weight-normal: 400; + --eds-type-scale-inter-900-font-weight-bolder: 500; + --eds-type-scale-inter-1000-font-size: 2rem; + --eds-type-scale-inter-1000-tracking-tight: -3.52px; + --eds-type-scale-inter-1000-tracking-normal: 0px; + --eds-type-scale-inter-1000-tracking-loose: 3.52px; + --eds-type-scale-inter-1000-font-weight-lighter: 300; + --eds-type-scale-inter-1000-font-weight-normal: 400; + --eds-type-scale-inter-1000-font-weight-bolder: 500; + --eds-type-scale-inter-1100-font-size: 2.313rem; + --eds-type-scale-inter-1100-tracking-tight: -4.07px; + --eds-type-scale-inter-1100-tracking-normal: 0px; + --eds-type-scale-inter-1100-tracking-loose: 4.07px; + --eds-type-scale-inter-1100-font-weight-lighter: 300; + --eds-type-scale-inter-1100-font-weight-normal: 400; + --eds-type-scale-inter-1100-font-weight-bolder: 500; + --eds-type-scale-equinor-100-font-size: .656rem; + --eds-type-scale-equinor-100-tracking-tight: -.99px; + --eds-type-scale-equinor-100-tracking-normal: 0px; + --eds-type-scale-equinor-100-tracking-loose: .99px; + --eds-type-scale-equinor-100-font-weight-lighter: 300; + --eds-type-scale-equinor-100-font-weight-bolder: 500; + --eds-type-scale-equinor-100-font-weight-normal: 400; + --eds-type-scale-equinor-200-font-size: .75rem; + --eds-type-scale-equinor-200-tracking-tight: -1.15px; + --eds-type-scale-equinor-200-tracking-normal: 0px; + --eds-type-scale-equinor-200-tracking-loose: 1.15px; + --eds-type-scale-equinor-200-font-weight-lighter: 300; + --eds-type-scale-equinor-200-font-weight-normal: 400; + --eds-type-scale-equinor-200-font-weight-bolder: 500; + --eds-type-scale-equinor-300-font-size: .875rem; + --eds-type-scale-equinor-300-tracking-tight: -1.32px; + --eds-type-scale-equinor-300-tracking-normal: 0px; + --eds-type-scale-equinor-300-tracking-loose: 1.32px; + --eds-type-scale-equinor-300-font-weight-lighter: 300; + --eds-type-scale-equinor-300-font-weight-bolder: 500; + --eds-type-scale-equinor-300-font-weight-normal: 400; + --eds-type-scale-equinor-400-font-size: 1rem; + --eds-type-scale-equinor-400-tracking-tight: -1.54px; + --eds-type-scale-equinor-400-tracking-normal: 0px; + --eds-type-scale-equinor-400-tracking-loose: 1.54px; + --eds-type-scale-equinor-400-font-weight-lighter: 300; + --eds-type-scale-equinor-400-font-weight-normal: 400; + --eds-type-scale-equinor-400-font-weight-bolder: 500; + --eds-type-scale-equinor-500-font-size: 1.125rem; + --eds-type-scale-equinor-500-tracking-tight: -1.76px; + --eds-type-scale-equinor-500-tracking-normal: 0px; + --eds-type-scale-equinor-500-tracking-loose: 1.76px; + --eds-type-scale-equinor-500-font-weight-lighter: 300; + --eds-type-scale-equinor-500-font-weight-normal: 400; + --eds-type-scale-equinor-500-font-weight-bolder: 500; + --eds-type-scale-equinor-600-font-size: 1.313rem; + --eds-type-scale-equinor-600-tracking-tight: -1.76px; + --eds-type-scale-equinor-600-tracking-normal: 0px; + --eds-type-scale-equinor-600-tracking-loose: 2.035px; + --eds-type-scale-equinor-600-font-weight-lighter: 300; + --eds-type-scale-equinor-600-font-weight-normal: 400; + --eds-type-scale-equinor-600-font-weight-bolder: 500; + --eds-type-scale-equinor-700-font-size: 1.5rem; + --eds-type-scale-equinor-700-tracking-tight: -2.31px; + --eds-type-scale-equinor-700-tracking-normal: 0px; + --eds-type-scale-equinor-700-tracking-loose: 2.31px; + --eds-type-scale-equinor-700-font-weight-lighter: 300; + --eds-type-scale-equinor-700-font-weight-normal: 400; + --eds-type-scale-equinor-700-font-weight-bolder: 500; + --eds-type-scale-equinor-800-font-size: 1.719rem; + --eds-type-scale-equinor-800-tracking-tight: -2.695px; + --eds-type-scale-equinor-800-tracking-normal: 0px; + --eds-type-scale-equinor-800-tracking-loose: 2.695px; + --eds-type-scale-equinor-800-font-weight-lighter: 300; + --eds-type-scale-equinor-800-font-weight-normal: 400; + --eds-type-scale-equinor-800-font-weight-bolder: 500; + --eds-type-scale-equinor-900-font-size: 1.969rem; + --eds-type-scale-equinor-900-tracking-tight: -3.08px; + --eds-type-scale-equinor-900-tracking-normal: 0px; + --eds-type-scale-equinor-900-tracking-loose: 3.08px; + --eds-type-scale-equinor-900-font-weight-lighter: 300; + --eds-type-scale-equinor-900-font-weight-normal: 400; + --eds-type-scale-equinor-900-font-weight-bolder: 500; + --eds-type-scale-equinor-1000-font-size: 2.281rem; + --eds-type-scale-equinor-1000-tracking-tight: -3.52px; + --eds-type-scale-equinor-1000-tracking-normal: 0px; + --eds-type-scale-equinor-1000-tracking-loose: 3.52px; + --eds-type-scale-equinor-1000-font-weight-lighter: 300; + --eds-type-scale-equinor-1000-font-weight-normal: 400; + --eds-type-scale-equinor-1000-font-weight-bolder: 500; + --eds-type-scale-equinor-1100-font-size: 2.625rem; + --eds-type-scale-equinor-1100-tracking-tight: -4.07px; + --eds-type-scale-equinor-1100-tracking-normal: 0px; + --eds-type-scale-equinor-1100-tracking-loose: 4.07px; + --eds-type-scale-equinor-1100-font-weight-lighter: 300; + --eds-type-scale-equinor-1100-font-weight-normal: 400; + --eds-type-scale-equinor-1100-font-weight-bolder: 500; + --eds-lineheight-scale-100-default: .75rem; + --eds-lineheight-scale-100-lineheight-squished: .75rem; + --eds-lineheight-scale-200-default: 1rem; + --eds-lineheight-scale-200-lineheight-squished: .75rem; + --eds-lineheight-scale-300-default: 1rem; + --eds-lineheight-scale-300-lineheight-squished: .75rem; + --eds-lineheight-scale-400-default: 1.25rem; + --eds-lineheight-scale-400-lineheight-squished: 1rem; + --eds-lineheight-scale-500-default: 1.5rem; + --eds-lineheight-scale-500-lineheight-squished: 1.25rem; + --eds-lineheight-scale-600-default: 1.5rem; + --eds-lineheight-scale-600-lineheight-squished: 1.25rem; + --eds-lineheight-scale-700-default: 1.75rem; + --eds-lineheight-scale-700-lineheight-squished: 1.5rem; + --eds-lineheight-scale-800-default: 2rem; + --eds-lineheight-scale-800-lineheight-squished: 1.75rem; + --eds-lineheight-scale-900-default: 2rem; + --eds-lineheight-scale-900-lineheight-squished: 1.75rem; + --eds-lineheight-scale-1000-default: 2.25rem; + --eds-lineheight-scale-1000-lineheight-squished: 2rem; + --eds-lineheight-scale-1100-default: 2.5rem; + --eds-lineheight-scale-1100-squished: 2.25rem; + --eds-font-family-inter: "Inter"; + --eds-font-family-equinor: "Equinor"; +} + +:root, [data-density] { + --eds-spacing-icon-xs-gap-horizontal: var(--eds--spacious, .406rem) var(--eds--comfortable, .344rem); + --eds-spacing-icon-xs-gap-vertical: var(--eds--spacious, .406rem) var(--eds--comfortable, .344rem); + --eds-spacing-icon-sm-gap-horizontal: var(--eds--spacious, .469rem) var(--eds--comfortable, .406rem); + --eds-spacing-icon-sm-gap-vertical: var(--eds--spacious, .469rem) var(--eds--comfortable, .406rem); + --eds-spacing-icon-md-gap-horizontal: var(--eds--spacious, .531rem) var(--eds--comfortable, .469rem); + --eds-spacing-icon-md-gap-vertical: var(--eds--spacious, .531rem) var(--eds--comfortable, .469rem); + --eds-spacing-icon-lg-gap-horizontal: var(--eds--spacious, .625rem) var(--eds--comfortable, .531rem); + --eds-spacing-icon-lg-gap-vertical: var(--eds--spacious, .625rem) var(--eds--comfortable, .531rem); + --eds-spacing-icon-xl-gap-horizontal: var(--eds--spacious, .719rem) var(--eds--comfortable, .625rem); + --eds-spacing-icon-xl-gap-vertical: var(--eds--spacious, .719rem) var(--eds--comfortable, .625rem); + --eds-spacing-icon-2xl-gap-horizontal: var(--eds--spacious, .813rem) var(--eds--comfortable, .719rem); + --eds-spacing-icon-2xl-gap-vertical: var(--eds--spacious, .813rem) var(--eds--comfortable, .719rem); + --eds-spacing-icon-3xl-gap-horizontal: var(--eds--spacious, .938rem) var(--eds--comfortable, .813rem); + --eds-spacing-icon-3xl-gap-vertical: var(--eds--spacious, .938rem) var(--eds--comfortable, .813rem); + --eds-spacing-icon-4xl-gap-horizontal: var(--eds--spacious, 1.094rem) var(--eds--comfortable, .938rem); + --eds-spacing-icon-4xl-gap-vertical: var(--eds--spacious, 1.094rem) var(--eds--comfortable, .938rem); + --eds-spacing-icon-5xl-gap-horizontal: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1.094rem); + --eds-spacing-icon-5xl-gap-vertical: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1.094rem); + --eds-spacing-icon-6xl-gap-horizontal: var(--eds--spacious, 1.438rem) var(--eds--comfortable, 1.25rem); + --eds-spacing-icon-6xl-gap-vertical: var(--eds--spacious, 1.438rem) var(--eds--comfortable, 1.25rem); + --eds-spacing-inline-4-xs: var(--eds--spacious, .125rem) var(--eds--comfortable, .063rem); + --eds-spacing-inline-3-xs: var(--eds--spacious, .25rem) var(--eds--comfortable, .125rem); + --eds-spacing-inline-2-xs: var(--eds--spacious, .375rem) var(--eds--comfortable, .25rem); + --eds-spacing-inline-xs: var(--eds--spacious, .5rem) var(--eds--comfortable, .375rem); + --eds-spacing-inline-sm: var(--eds--spacious, .75rem) var(--eds--comfortable, .5rem); + --eds-spacing-inline-md: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem); + --eds-spacing-inline-lg: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem); + --eds-spacing-inline-xl: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem); + --eds-spacing-inline-2-xl: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem); + --eds-spacing-inline-3-xl: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem); + --eds-spacing-stack-4-xs: var(--eds--spacious, .125rem) var(--eds--comfortable, .063rem); + --eds-spacing-stack-3-xs: var(--eds--spacious, .25rem) var(--eds--comfortable, .125rem); + --eds-spacing-stack-2-xs: var(--eds--spacious, .375rem) var(--eds--comfortable, .25rem); + --eds-spacing-stack-xs: var(--eds--spacious, .5rem) var(--eds--comfortable, .375rem); + --eds-spacing-stack-sm: var(--eds--spacious, .75rem) var(--eds--comfortable, .5rem); + --eds-spacing-stack-md: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem); + --eds-spacing-stack-lg: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem); + --eds-spacing-stack-xl: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem); + --eds-spacing-stack-2-xl: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem); + --eds-spacing-stack-3-xl: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem); --eds-spacing-border-radius-pill: var(--eds--spacious, 62.5rem) var(--eds--comfortable, 62.5rem); + --eds-spacing-border-radius-none: 0rem; + --eds-sizing-icon-xs: var(--eds--spacious, 1rem) var(--eds--comfortable, .875rem); + --eds-sizing-icon-sm: var(--eds--spacious, 1.125rem) var(--eds--comfortable, 1rem); + --eds-sizing-icon-md: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1.125rem); + --eds-sizing-icon-lg: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem); + --eds-sizing-icon-xl: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem); + --eds-sizing-icon-2xl: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem); + --eds-sizing-icon-3xl: var(--eds--spacious, 2.313rem) var(--eds--comfortable, 2rem); + --eds-sizing-icon-4xl: var(--eds--spacious, 2.625rem) var(--eds--comfortable, 2.313rem); + --eds-sizing-icon-5xl: var(--eds--spacious, 3rem) var(--eds--comfortable, 2.625rem); + --eds-sizing-icon-6xl: var(--eds--spacious, 3.5rem) var(--eds--comfortable, 3rem); + --eds-sizing-selectable-xs: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem); + --eds-sizing-selectable-sm: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem); + --eds-sizing-selectable-md: var(--eds--spacious, 2.25rem) var(--eds--comfortable, 1.5rem); + --eds-sizing-selectable-lg: var(--eds--spacious, 2.75rem) var(--eds--comfortable, 2.25rem); + --eds-sizing-selectable-xl: var(--eds--spacious, 3.25rem) var(--eds--comfortable, 2.75rem); + --eds-sizing-selectable-2xl: var(--eds--spacious, 3.75rem) var(--eds--comfortable, 3.25rem); + --eds-sizing-stroke-thin: var(--eds--spacious, .063rem) var(--eds--comfortable, .063rem); + --eds-sizing-stroke-thick: var(--eds--spacious, .125rem) var(--eds--comfortable, .125rem); + --eds-sizing-stroke-none: 0rem; --eds-spacing-border-radius-rounded: var(--eds--spacious, var(--eds-spacing-25)) var(--eds--comfortable, var(--eds-spacing-19)); - --eds-spacing-stack-3-xl: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem); - --eds-spacing-stack-2-xl: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem); - --eds-spacing-stack-xl: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem); - --eds-spacing-stack-lg: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem); - --eds-spacing-stack-md: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem); - --eds-spacing-stack-sm: var(--eds--spacious, .75rem) var(--eds--comfortable, .5rem); - --eds-spacing-stack-xs: var(--eds--spacious, .5rem) var(--eds--comfortable, .375rem); - --eds-spacing-stack-2-xs: var(--eds--spacious, .375rem) var(--eds--comfortable, .25rem); - --eds-spacing-stack-3-xs: var(--eds--spacious, .25rem) var(--eds--comfortable, .125rem); - --eds-spacing-stack-4-xs: var(--eds--spacious, .125rem) var(--eds--comfortable, .063rem); - --eds-spacing-inline-3-xl: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem); - --eds-spacing-inline-2-xl: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem); - --eds-spacing-inline-xl: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem); - --eds-spacing-inline-lg: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem); - --eds-spacing-inline-md: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem); - --eds-spacing-inline-sm: var(--eds--spacious, .75rem) var(--eds--comfortable, .5rem); - --eds-spacing-inline-xs: var(--eds--spacious, .5rem) var(--eds--comfortable, .375rem); - --eds-spacing-inline-2-xs: var(--eds--spacious, .375rem) var(--eds--comfortable, .25rem); - --eds-spacing-inline-3-xs: var(--eds--spacious, .25rem) var(--eds--comfortable, .125rem); - --eds-spacing-inline-4-xs: var(--eds--spacious, .125rem) var(--eds--comfortable, .063rem); - --eds-spacing-icon-6xl-gap-vertical: var(--eds--spacious, 1.438rem) var(--eds--comfortable, 1.25rem); - --eds-spacing-icon-6xl-gap-horizontal: var(--eds--spacious, 1.438rem) var(--eds--comfortable, 1.25rem); - --eds-spacing-icon-5xl-gap-vertical: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1.094rem); - --eds-spacing-icon-5xl-gap-horizontal: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1.094rem); - --eds-spacing-icon-4xl-gap-vertical: var(--eds--spacious, 1.094rem) var(--eds--comfortable, .938rem); - --eds-spacing-icon-4xl-gap-horizontal: var(--eds--spacious, 1.094rem) var(--eds--comfortable, .938rem); - --eds-spacing-icon-3xl-gap-vertical: var(--eds--spacious, .938rem) var(--eds--comfortable, .813rem); - --eds-spacing-icon-3xl-gap-horizontal: var(--eds--spacious, .938rem) var(--eds--comfortable, .813rem); - --eds-spacing-icon-2xl-gap-vertical: var(--eds--spacious, .813rem) var(--eds--comfortable, .719rem); - --eds-spacing-icon-2xl-gap-horizontal: var(--eds--spacious, .813rem) var(--eds--comfortable, .719rem); - --eds-spacing-icon-xl-gap-vertical: var(--eds--spacious, .719rem) var(--eds--comfortable, .625rem); - --eds-spacing-icon-xl-gap-horizontal: var(--eds--spacious, .719rem) var(--eds--comfortable, .625rem); - --eds-spacing-icon-lg-gap-vertical: var(--eds--spacious, .625rem) var(--eds--comfortable, .531rem); - --eds-spacing-icon-lg-gap-horizontal: var(--eds--spacious, .625rem) var(--eds--comfortable, .531rem); - --eds-spacing-icon-md-gap-vertical: var(--eds--spacious, .531rem) var(--eds--comfortable, .469rem); - --eds-spacing-icon-md-gap-horizontal: var(--eds--spacious, .531rem) var(--eds--comfortable, .469rem); - --eds-spacing-icon-sm-gap-vertical: var(--eds--spacious, .469rem) var(--eds--comfortable, .406rem); - --eds-spacing-icon-sm-gap-horizontal: var(--eds--spacious, .469rem) var(--eds--comfortable, .406rem); - --eds-spacing-icon-xs-gap-vertical: var(--eds--spacious, .406rem) var(--eds--comfortable, .344rem); - --eds-spacing-icon-xs-gap-horizontal: var(--eds--spacious, .406rem) var(--eds--comfortable, .344rem); + --eds-spacing-inset-xs-inline: var(--eds-spacing-inline-xs); + --eds-spacing-inset-xs-stack-squished: var(--eds-spacing-stack-2-xs); + --eds-spacing-inset-xs-stack-squared: var(--eds-spacing-stack-xs); + --eds-spacing-inset-xs-stack-stretched: var(--eds-spacing-stack-sm); + --eds-spacing-inset-sm-inline: var(--eds-spacing-inline-sm); + --eds-spacing-inset-sm-stack-squished: var(--eds-spacing-stack-xs); + --eds-spacing-inset-sm-stack-squared: var(--eds-spacing-stack-sm); + --eds-spacing-inset-sm-stack-stretched: var(--eds-spacing-stack-md); + --eds-spacing-inset-md-inline: var(--eds-spacing-inline-md); + --eds-spacing-inset-md-stack-squished: var(--eds-spacing-stack-sm); + --eds-spacing-inset-md-stack-squared: var(--eds-spacing-stack-md); + --eds-spacing-inset-md-stack-stretched: var(--eds-spacing-stack-lg); + --eds-spacing-inset-lg-inline: var(--eds-spacing-inline-lg); + --eds-spacing-inset-lg-stack-squished: var(--eds-spacing-stack-md); + --eds-spacing-inset-lg-stack-squared: var(--eds-spacing-stack-lg); + --eds-spacing-inset-lg-stack-stretched: var(--eds-spacing-stack-xl); + --eds-spacing-inset-xl-inline: var(--eds-spacing-inline-xl); + --eds-spacing-inset-xl-stack-squished: var(--eds-spacing-stack-lg); + --eds-spacing-inset-xl-stack-squared: var(--eds-spacing-stack-xl); + --eds-spacing-inset-xl-stack-stretched: var(--eds-spacing-stack-2-xl); + --eds-typography-ui-body-xs-font-size: var(--eds--spacious, var(--eds-type-scale-inter-200-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-100-font-size)); + --eds-typography-ui-body-xs-tracking-tight: var(--eds--spacious, var(--eds-type-scale-inter-200-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-100-tracking-tight)); + --eds-typography-ui-body-xs-tracking-normal: var(--eds--spacious, var(--eds-type-scale-inter-200-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-100-tracking-normal)); + --eds-typography-ui-body-xs-tracking-loose: var(--eds--spacious, var(--eds-type-scale-inter-200-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-100-tracking-loose)); + --eds-typography-ui-body-xs-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-inter-200-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-100-font-weight-lighter)); + --eds-typography-ui-body-xs-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-inter-200-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-100-font-weight-normal)); + --eds-typography-ui-body-xs-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-inter-200-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-100-font-weight-bolder)); + --eds-typography-ui-body-sm-font-size: var(--eds--spacious, var(--eds-type-scale-inter-300-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-200-font-size)); + --eds-typography-ui-body-sm-tracking-tight: var(--eds--spacious, var(--eds-type-scale-inter-300-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-200-tracking-tight)); + --eds-typography-ui-body-sm-tracking-normal: var(--eds--spacious, var(--eds-type-scale-inter-300-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-200-tracking-normal)); + --eds-typography-ui-body-sm-tracking-loose: var(--eds--spacious, var(--eds-type-scale-inter-300-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-200-tracking-loose)); + --eds-typography-ui-body-sm-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-inter-300-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-200-font-weight-lighter)); + --eds-typography-ui-body-sm-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-inter-300-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-200-font-weight-normal)); + --eds-typography-ui-body-sm-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-inter-300-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-200-font-weight-bolder)); + --eds-typography-ui-body-font-family: var(--eds-font-family-inter); + --eds-typography-ui-body-md-font-size: var(--eds--spacious, var(--eds-type-scale-inter-400-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-300-font-size)); + --eds-typography-ui-body-md-tracking-tight: var(--eds--spacious, var(--eds-type-scale-inter-400-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-300-tracking-tight)); + --eds-typography-ui-body-md-tracking-normal: var(--eds--spacious, var(--eds-type-scale-inter-400-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-300-tracking-normal)); + --eds-typography-ui-body-md-tracking-loose: var(--eds--spacious, var(--eds-type-scale-inter-400-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-300-tracking-loose)); + --eds-typography-ui-body-md-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-inter-400-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-300-font-weight-lighter)); + --eds-typography-ui-body-md-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-inter-400-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-300-font-weight-normal)); + --eds-typography-ui-body-md-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-inter-400-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-300-font-weight-bolder)); + --eds-typography-ui-body-lg-font-size: var(--eds--spacious, var(--eds-type-scale-inter-500-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-400-font-size)); + --eds-typography-ui-body-lg-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-500-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-400-tracking-tight)); + --eds-typography-ui-body-lg-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-500-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-400-tracking-normal)); + --eds-typography-ui-body-lg-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-500-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-400-tracking-loose)); + --eds-typography-ui-body-lg-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-500-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-400-font-weight-lighter)); + --eds-typography-ui-body-lg-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-500-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-400-font-weight-normal)); + --eds-typography-ui-body-lg-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-500-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-400-font-weight-bolder)); + --eds-typography-ui-body-xl-font-size: var(--eds--spacious, var(--eds-type-scale-inter-600-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-500-font-size)); + --eds-typography-ui-body-xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-inter-600-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-500-tracking-tight)); + --eds-typography-ui-body-xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-inter-600-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-500-tracking-normal)); + --eds-typography-ui-body-xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-inter-600-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-500-tracking-loose)); + --eds-typography-ui-body-xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-inter-600-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-500-font-weight-lighter)); + --eds-typography-ui-body-xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-inter-600-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-500-font-weight-normal)); + --eds-typography-ui-body-xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-inter-600-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-500-font-weight-bolder)); + --eds-typography-ui-body-2xl-font-size: var(--eds--spacious, var(--eds-type-scale-inter-700-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-600-font-size)); + --eds-typography-ui-body-2xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-inter-700-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-600-tracking-tight)); + --eds-typography-ui-body-2xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-inter-700-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-600-tracking-normal)); + --eds-typography-ui-body-2xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-inter-700-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-600-tracking-loose)); + --eds-typography-ui-body-2xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-inter-700-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-600-font-weight-lighter)); + --eds-typography-ui-body-2xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-inter-700-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-600-font-weight-normal)); + --eds-typography-ui-body-2xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-inter-700-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-600-font-weight-bolder)); + --eds-typography-ui-body-3xl-font-size: var(--eds--spacious, var(--eds-type-scale-inter-800-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-700-font-size)); + --eds-typography-ui-body-3xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-inter-800-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-700-tracking-tight)); + --eds-typography-ui-body-3xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-inter-800-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-700-tracking-normal)); + --eds-typography-ui-body-3xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-inter-800-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-700-tracking-loose)); + --eds-typography-ui-body-3xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-inter-800-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-700-font-weight-lighter)); + --eds-typography-ui-body-3xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-inter-800-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-700-font-weight-normal)); + --eds-typography-ui-body-3xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-inter-800-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-700-font-weight-bolder)); + --eds-typography-ui-body-4xl-font-size: var(--eds--spacious, var(--eds-type-scale-inter-900-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-800-font-size)); + --eds-typography-ui-body-4xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-inter-900-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-800-tracking-tight)); + --eds-typography-ui-body-4xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-inter-900-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-800-tracking-normal)); + --eds-typography-ui-body-4xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-inter-900-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-800-tracking-loose)); + --eds-typography-ui-body-4xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-inter-900-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-800-font-weight-lighter)); + --eds-typography-ui-body-4xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-inter-900-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-800-font-weight-normal)); + --eds-typography-ui-body-4xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-inter-900-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-800-font-weight-bolder)); + --eds-typography-ui-body-5xl-font-size: var(--eds--spacious, var(--eds-type-scale-inter-1000-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-900-font-size)); + --eds-typography-ui-body-5xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-inter-1000-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-900-tracking-tight)); + --eds-typography-ui-body-5xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-inter-1000-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-900-tracking-normal)); + --eds-typography-ui-body-5xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-inter-1000-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-900-tracking-loose)); + --eds-typography-ui-body-5xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-inter-1000-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-900-font-weight-lighter)); + --eds-typography-ui-body-5xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-inter-1000-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-900-font-weight-normal)); + --eds-typography-ui-body-5xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-inter-1000-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-900-font-weight-bolder)); + --eds-typography-ui-body-6xl-font-size: var(--eds--spacious, var(--eds-type-scale-inter-1100-font-size)) var(--eds--comfortable, var(--eds-type-scale-inter-1000-font-size)); + --eds-typography-ui-body-6xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-inter-1100-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-inter-1000-tracking-tight)); + --eds-typography-ui-body-6xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-inter-1100-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-1000-tracking-normal)); + --eds-typography-ui-body-6xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-inter-1100-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-inter-1000-tracking-loose)); + --eds-typography-ui-body-6xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-inter-1100-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-inter-1000-font-weight-lighter)); + --eds-typography-ui-body-6xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-inter-1100-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-inter-1000-tracking-normal)); + --eds-typography-ui-body-6xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-inter-1100-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-inter-1000-font-weight-bolder)); + --eds-typography-header-xs-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-200-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-100-font-size)); + --eds-typography-header-xs-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-200-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-100-tracking-tight)); + --eds-typography-header-xs-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-200-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-100-tracking-normal)); + --eds-typography-header-xs-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-200-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-100-tracking-loose)); + --eds-typography-header-xs-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-200-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-100-font-weight-lighter)); + --eds-typography-header-xs-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-200-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-100-font-weight-normal)); + --eds-typography-header-xs-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-200-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-100-font-weight-bolder)); + --eds-typography-header-font-family: var(--eds-font-family-equinor); + --eds-typography-header-sm-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-300-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-200-font-size)); + --eds-typography-header-sm-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-300-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-200-tracking-tight)); + --eds-typography-header-sm-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-300-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-200-tracking-normal)); + --eds-typography-header-sm-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-300-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-200-tracking-loose)); + --eds-typography-header-sm-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-300-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-200-font-weight-lighter)); + --eds-typography-header-sm-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-300-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-200-font-weight-normal)); + --eds-typography-header-sm-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-300-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-200-font-weight-bolder)); + --eds-typography-header-md-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-400-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-300-font-size)); + --eds-typography-header-md-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-400-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-300-tracking-tight)); + --eds-typography-header-md-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-400-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-300-tracking-normal)); + --eds-typography-header-md-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-400-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-300-tracking-loose)); + --eds-typography-header-md-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-400-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-300-font-weight-lighter)); + --eds-typography-header-md-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-400-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-300-font-weight-normal)); + --eds-typography-header-md-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-400-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-300-font-weight-bolder)); + --eds-typography-header-lg-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-500-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-400-font-size)); + --eds-typography-header-lg-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-500-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-400-tracking-tight)); + --eds-typography-header-lg-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-500-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-400-tracking-normal)); + --eds-typography-header-lg-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-500-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-400-tracking-loose)); + --eds-typography-header-lg-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-500-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-400-font-weight-lighter)); + --eds-typography-header-lg-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-500-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-400-font-weight-normal)); + --eds-typography-header-lg-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-500-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-400-font-weight-bolder)); + --eds-typography-header-xl-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-600-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-500-font-size)); + --eds-typography-header-xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-600-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-500-tracking-tight)); + --eds-typography-header-xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-600-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-500-tracking-normal)); + --eds-typography-header-xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-600-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-500-tracking-loose)); + --eds-typography-header-xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-600-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-500-font-weight-lighter)); + --eds-typography-header-xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-600-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-500-font-weight-normal)); + --eds-typography-header-xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-600-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-500-font-weight-bolder)); + --eds-typography-header-2xl-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-700-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-600-font-size)); + --eds-typography-header-2xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-700-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-600-tracking-tight)); + --eds-typography-header-2xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-700-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-600-tracking-normal)); + --eds-typography-header-2xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-700-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-600-tracking-loose)); + --eds-typography-header-2xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-700-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-600-font-weight-lighter)); + --eds-typography-header-2xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-700-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-600-font-weight-normal)); + --eds-typography-header-2xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-700-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-600-font-weight-bolder)); + --eds-typography-header-3xl-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-800-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-700-font-size)); + --eds-typography-header-3xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-800-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-700-tracking-tight)); + --eds-typography-header-3xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-800-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-700-tracking-normal)); + --eds-typography-header-3xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-800-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-700-tracking-loose)); + --eds-typography-header-3xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-800-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-700-font-weight-lighter)); + --eds-typography-header-3xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-800-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-700-font-weight-normal)); + --eds-typography-header-3xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-800-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-700-font-weight-bolder)); + --eds-typography-header-4xl-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-900-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-800-font-size)); + --eds-typography-header-4xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-900-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-800-tracking-tight)); + --eds-typography-header-4xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-900-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-800-tracking-normal)); + --eds-typography-header-4xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-900-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-800-tracking-loose)); + --eds-typography-header-4xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-900-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-800-font-weight-lighter)); + --eds-typography-header-4xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-900-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-800-font-weight-normal)); + --eds-typography-header-4xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-900-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-800-font-weight-bolder)); + --eds-typography-header-5xl-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-1000-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-900-font-size)); + --eds-typography-header-5xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-1000-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-900-tracking-tight)); + --eds-typography-header-5xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-1000-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-900-tracking-normal)); + --eds-typography-header-5xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-1000-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-900-tracking-loose)); + --eds-typography-header-5xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-1000-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-900-font-weight-lighter)); + --eds-typography-header-5xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-1000-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-900-font-weight-normal)); + --eds-typography-header-5xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-1000-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-900-font-weight-bolder)); + --eds-typography-header-6xl-font-size: var(--eds--spacious, var(--eds-type-scale-equinor-1100-font-size)) var(--eds--comfortable, var(--eds-type-scale-equinor-1000-font-size)); + --eds-typography-header-6xl-tracking-tight: var(--eds--spacious, var(--eds-type-scale-equinor-1100-tracking-tight)) var(--eds--comfortable, var(--eds-type-scale-equinor-1000-tracking-tight)); + --eds-typography-header-6xl-tracking-normal: var(--eds--spacious, var(--eds-type-scale-equinor-1100-tracking-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-1000-tracking-normal)); + --eds-typography-header-6xl-tracking-loose: var(--eds--spacious, var(--eds-type-scale-equinor-1100-tracking-loose)) var(--eds--comfortable, var(--eds-type-scale-equinor-1000-tracking-loose)); + --eds-typography-header-6xl-font-weight-lighter: var(--eds--spacious, var(--eds-type-scale-equinor-1100-font-weight-lighter)) var(--eds--comfortable, var(--eds-type-scale-equinor-1000-font-weight-lighter)); + --eds-typography-header-6xl-font-weight-normal: var(--eds--spacious, var(--eds-type-scale-equinor-1100-font-weight-normal)) var(--eds--comfortable, var(--eds-type-scale-equinor-1000-font-weight-normal)); + --eds-typography-header-6xl-font-weight-bolder: var(--eds--spacious, var(--eds-type-scale-equinor-1100-font-weight-bolder)) var(--eds--comfortable, var(--eds-type-scale-equinor-1000-font-weight-bolder)); + --eds-typography-ui-body-xs-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-200-default)) var(--eds--comfortable, var(--eds-lineheight-scale-100-default)); + --eds-typography-ui-body-xs-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-200-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-100-lineheight-squished)); + --eds-typography-ui-body-sm-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-300-default)) var(--eds--comfortable, var(--eds-lineheight-scale-200-default)); + --eds-typography-ui-body-sm-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-300-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-200-lineheight-squished)); + --eds-typography-ui-body-md-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-400-default)) var(--eds--comfortable, var(--eds-lineheight-scale-300-default)); + --eds-typography-ui-body-md-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-400-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-300-lineheight-squished)); + --eds-typography-ui-body-lg-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-500-default)) var(--eds--comfortable, var(--eds-lineheight-scale-400-default)); + --eds-typography-ui-body-lg-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-500-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-400-lineheight-squished)); + --eds-typography-ui-body-xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-600-default)) var(--eds--comfortable, var(--eds-lineheight-scale-500-default)); + --eds-typography-ui-body-xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-600-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-500-lineheight-squished)); + --eds-typography-ui-body-2xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-700-default)) var(--eds--comfortable, var(--eds-lineheight-scale-600-default)); + --eds-typography-ui-body-2xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-700-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-600-lineheight-squished)); + --eds-typography-ui-body-3xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-800-default)) var(--eds--comfortable, var(--eds-lineheight-scale-700-default)); + --eds-typography-ui-body-3xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-800-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-700-lineheight-squished)); + --eds-typography-ui-body-4xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-900-default)) var(--eds--comfortable, var(--eds-lineheight-scale-800-default)); + --eds-typography-ui-body-4xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-900-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-800-lineheight-squished)); + --eds-typography-ui-body-5xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-1000-default)) var(--eds--comfortable, var(--eds-lineheight-scale-900-default)); + --eds-typography-ui-body-5xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-1000-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-900-lineheight-squished)); + --eds-typography-ui-body-6xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-1100-default)) var(--eds--comfortable, var(--eds-lineheight-scale-1000-default)); + --eds-typography-ui-body-6xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-1100-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-1000-lineheight-squished)); + --eds-typography-header-xs-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-200-default)) var(--eds--comfortable, var(--eds-lineheight-scale-100-default)); + --eds-typography-header-xs-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-200-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-100-lineheight-squished)); + --eds-typography-header-sm-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-300-default)) var(--eds--comfortable, var(--eds-lineheight-scale-200-default)); + --eds-typography-header-sm-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-300-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-200-lineheight-squished)); + --eds-typography-header-md-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-400-default)) var(--eds--comfortable, var(--eds-lineheight-scale-300-default)); + --eds-typography-header-md-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-400-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-300-lineheight-squished)); + --eds-typography-header-lg-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-500-default)) var(--eds--comfortable, var(--eds-lineheight-scale-400-default)); + --eds-typography-header-lg-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-500-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-400-lineheight-squished)); + --eds-typography-header-xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-600-default)) var(--eds--comfortable, var(--eds-lineheight-scale-500-default)); + --eds-typography-header-xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-600-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-500-lineheight-squished)); + --eds-typography-header-2xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-700-default)) var(--eds--comfortable, var(--eds-lineheight-scale-600-default)); + --eds-typography-header-2xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-700-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-600-lineheight-squished)); + --eds-typography-header-3xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-800-default)) var(--eds--comfortable, var(--eds-lineheight-scale-700-default)); + --eds-typography-header-3xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-800-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-700-lineheight-squished)); + --eds-typography-header-4xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-900-default)) var(--eds--comfortable, var(--eds-lineheight-scale-800-default)); + --eds-typography-header-4xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-900-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-800-lineheight-squished)); + --eds-typography-header-5xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-1000-default)) var(--eds--comfortable, var(--eds-lineheight-scale-900-default)); + --eds-typography-header-5xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-1000-lineheight-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-900-lineheight-squished)); + --eds-typography-header-6xl-lineheight-default: var(--eds--spacious, var(--eds-lineheight-scale-1100-default)) var(--eds--comfortable, var(--eds-lineheight-scale-1000-default)); + --eds-typography-header-6xl-lineheight-squished: var(--eds--spacious, var(--eds-lineheight-scale-1100-squished)) var(--eds--comfortable, var(--eds-lineheight-scale-1000-lineheight-squished)); } diff --git a/packages/eds-tokens/build/css/variables-verbose.min.css b/packages/eds-tokens/build/css/variables-verbose.min.css index ffd9f55037..7777886593 100644 --- a/packages/eds-tokens/build/css/variables-verbose.min.css +++ b/packages/eds-tokens/build/css/variables-verbose.min.css @@ -1 +1 @@ -@property --captured-size-1{syntax:"";inherits:false;initial-value:0}@property --captured-size-2{syntax:"";inherits:false;initial-value:0}@property --captured-size-3{syntax:"";inherits:false;initial-value:0}@property --captured-color-1{syntax:"";inherits:false;initial-value:#0000}@property --captured-color-2{syntax:"";inherits:false;initial-value:#0000}@property --captured-color-3{syntax:"";inherits:false;initial-value:#0000}@property --captured-color-4{syntax:"";inherits:false;initial-value:#0000}:root{--eds-color-neutral-0:#fff;--eds-color-neutral-100:#f7f7f7;--eds-color-neutral-200:#eaeaea;--eds-color-neutral-300:#dcdcdc;--eds-color-neutral-400:#cfcfcf;--eds-color-neutral-500:#bebebe;--eds-color-neutral-600:#b3b3b3;--eds-color-neutral-700:#9e9e9e;--eds-color-neutral-800:#8c8c8c;--eds-color-neutral-900:#6f6f6f;--eds-color-neutral-1000:#616161;--eds-color-neutral-1100:#565656;--eds-color-neutral-1200:#4a4a4a;--eds-color-neutral-1300:#3d3d3d;--eds-color-neutral-1350:#2e2e2e;--eds-color-neutral-1400:#1f1f1f;--eds-color-neutral-1450:#171717;--eds-color-neutral-1500:#000;--eds-color-slate-grey-100:#f3f5f6;--eds-color-slate-grey-200:#e9ebed;--eds-color-slate-grey-300:#dfe1e3;--eds-color-slate-grey-400:#d6d9dc;--eds-color-slate-grey-500:#c2c8cc;--eds-color-slate-grey-600:#a6afb5;--eds-color-slate-grey-700:#96a2a9;--eds-color-slate-grey-800:#828f99;--eds-color-slate-grey-900:#64727d;--eds-color-slate-grey-1000:#52616d;--eds-color-slate-grey-1100:#435460;--eds-color-slate-grey-1200:#384a57;--eds-color-slate-grey-1300:#2e3f4c;--eds-color-slate-grey-1350:#1f323d;--eds-color-slate-grey-1400:#162731;--eds-color-slate-grey-1450:#12222b;--eds-color-slate-blue-100:#f0f6f9;--eds-color-slate-blue-200:#e2e9ee;--eds-color-slate-blue-300:#dae2e7;--eds-color-slate-blue-400:#cbd6dc;--eds-color-slate-blue-500:#bdc9d0;--eds-color-slate-blue-600:#a6b5bf;--eds-color-slate-blue-700:#95a6b1;--eds-color-slate-blue-800:#7990a0;--eds-color-slate-blue-900:#5f7a8c;--eds-color-slate-blue-1000:#4d6575;--eds-color-slate-blue-1100:#3f5664;--eds-color-slate-blue-1200:#344c5b;--eds-color-slate-blue-1300:#2c4251;--eds-color-slate-blue-1350:#243746;--eds-color-slate-blue-1400:#132634;--eds-color-slate-blue-1450:#102230;--eds-color-blue-grey-100:#f0f6fa;--eds-color-blue-grey-200:#e4ecf2;--eds-color-blue-grey-300:#d8e2e8;--eds-color-blue-grey-400:#c8d6df;--eds-color-blue-grey-500:#b7c9d5;--eds-color-blue-grey-600:#9fb6c6;--eds-color-blue-grey-700:#8ba8bb;--eds-color-blue-grey-800:#7294ac;--eds-color-blue-grey-900:#587f9d;--eds-color-blue-grey-1000:#49708d;--eds-color-blue-grey-1100:#3d607b;--eds-color-blue-grey-1200:#325067;--eds-color-blue-grey-1300:#29455b;--eds-color-blue-grey-1350:#1c364a;--eds-color-blue-grey-1400:#162b3b;--eds-color-blue-grey-1450:#132634;--eds-color-mist-grey-100:#edf7fd;--eds-color-mist-grey-200:#e3f0f7;--eds-color-mist-grey-300:#d8e7f0;--eds-color-mist-grey-400:#c4dbe8;--eds-color-mist-grey-500:#afcee0;--eds-color-mist-grey-600:#90bbd5;--eds-color-mist-grey-700:#7aafcd;--eds-color-mist-grey-800:#63a1c4;--eds-color-mist-grey-900:#448fbb;--eds-color-mist-grey-1000:#3b7ca0;--eds-color-mist-grey-1100:#336a8a;--eds-color-mist-grey-1200:#2a5874;--eds-color-mist-grey-1300:#224960;--eds-color-mist-grey-1350:#1d3d4e;--eds-color-mist-grey-1400:#183342;--eds-color-mist-grey-1450:#142b38;--eds-color-mist-blue-muted-100:#edf8fd;--eds-color-mist-blue-muted-200:#dfeff7;--eds-color-mist-blue-muted-300:#d5eaf4;--eds-color-mist-blue-muted-400:#baddee;--eds-color-mist-blue-muted-500:#a1d0e8;--eds-color-mist-blue-muted-600:#86c3e1;--eds-color-mist-blue-muted-700:#69b6d9;--eds-color-mist-blue-muted-800:#49a7d1;--eds-color-mist-blue-muted-900:#3197c5;--eds-color-mist-blue-muted-1000:#2b84ab;--eds-color-mist-blue-muted-1100:#257193;--eds-color-mist-blue-muted-1200:#1e5d78;--eds-color-mist-blue-muted-1300:#17485d;--eds-color-mist-blue-muted-1350:#143d4d;--eds-color-mist-blue-muted-1400:#113341;--eds-color-mist-blue-muted-1450:#0f2d38;--eds-color-mist-blue-100:#ebf9ff;--eds-color-mist-blue-200:#dff5ff;--eds-color-mist-blue-300:#ccefff;--eds-color-mist-blue-400:#b3e7ff;--eds-color-mist-blue-500:#98deff;--eds-color-mist-blue-600:#6ed1ff;--eds-color-mist-blue-700:#3ec2ff;--eds-color-mist-blue-800:#0eb2ff;--eds-color-mist-blue-900:#009de8;--eds-color-mist-blue-1000:#008acd;--eds-color-mist-blue-1100:#0076b0;--eds-color-mist-blue-1200:#006191;--eds-color-mist-blue-1300:#004b70;--eds-color-mist-blue-1350:#003d5c;--eds-color-mist-blue-1400:#00334d;--eds-color-mist-blue-1450:#00293d;--eds-color-blue-sky-100:#ebf7ff;--eds-color-blue-sky-200:#dcf2ff;--eds-color-blue-sky-300:#cbebfe;--eds-color-blue-sky-400:#aee1fd;--eds-color-blue-sky-500:#90d6fc;--eds-color-blue-sky-600:#6fc9fb;--eds-color-blue-sky-700:#49bdfa;--eds-color-blue-sky-800:#22acf3;--eds-color-blue-sky-900:#0c99e3;--eds-color-blue-sky-1000:#0084c4;--eds-color-blue-sky-1100:#0473ad;--eds-color-blue-sky-1200:#045e8d;--eds-color-blue-sky-1300:#03486b;--eds-color-blue-sky-1350:#033e5e;--eds-color-blue-sky-1400:#02314a;--eds-color-blue-sky-1450:#03273a;--eds-color-blue-ocean-100:#e9f1fd;--eds-color-blue-ocean-200:#dfebfb;--eds-color-blue-ocean-300:#d3e3fa;--eds-color-blue-ocean-400:#bcd5f8;--eds-color-blue-ocean-500:#a5c6f5;--eds-color-blue-ocean-600:#8eb8f3;--eds-color-blue-ocean-700:#76a9f0;--eds-color-blue-ocean-800:#5d99ed;--eds-color-blue-ocean-900:#4288ea;--eds-color-blue-ocean-1000:#2375e7;--eds-color-blue-ocean-1100:#1164d1;--eds-color-blue-ocean-1200:#0952af;--eds-color-blue-ocean-1300:#034187;--eds-color-blue-ocean-1350:#05356b;--eds-color-blue-ocean-1400:#042a56;--eds-color-blue-ocean-1450:#032244;--eds-color-blue-ocean-1500:#172330;--eds-color-pink-100:#feecef;--eds-color-pink-200:#fddee4;--eds-color-pink-300:#ffcdd7;--eds-color-pink-400:#ffc2ce;--eds-color-pink-500:#ffaebf;--eds-color-pink-600:#ff8aa3;--eds-color-pink-700:#f76e8e;--eds-color-pink-800:#f14b72;--eds-color-pink-900:#e02954;--eds-color-pink-1000:#c7264c;--eds-color-pink-1100:#a91e3e;--eds-color-pink-1200:#8a142f;--eds-color-pink-1300:#701026;--eds-color-pink-1350:#610f22;--eds-color-pink-1400:#4b0c1b;--eds-color-pink-1450:#390914;--eds-color-red-cold-100:#ffecee;--eds-color-red-cold-200:#ffe0e3;--eds-color-red-cold-300:#ffd1d6;--eds-color-red-cold-400:#fdc3c9;--eds-color-red-cold-500:#ffa8b4;--eds-color-red-cold-600:#ff8595;--eds-color-red-cold-700:#ff667a;--eds-color-red-cold-800:#f14159;--eds-color-red-cold-900:#e20337;--eds-color-red-cold-1000:#cc0534;--eds-color-red-cold-1100:#b30d2f;--eds-color-red-cold-1200:#90042c;--eds-color-red-cold-1300:#700020;--eds-color-red-cold-1350:#66001d;--eds-color-red-cold-1400:#500017;--eds-color-red-cold-1450:#3d0011;--eds-color-red-cold-1500:#27171b;--eds-color-red-warm-100:#ffecec;--eds-color-red-warm-200:#ffe1e0;--eds-color-red-warm-300:#ffd2d1;--eds-color-red-warm-400:#ffc3c2;--eds-color-red-warm-500:#ffabab;--eds-color-red-warm-600:#ff8a8a;--eds-color-red-warm-700:#ff666b;--eds-color-red-warm-800:#ef4848;--eds-color-red-warm-900:#de2121;--eds-color-red-warm-1000:#cc1919;--eds-color-red-warm-1100:#b20000;--eds-color-red-warm-1200:#910808;--eds-color-red-warm-1300:#700000;--eds-color-red-warm-1350:#660003;--eds-color-red-warm-1400:#510003;--eds-color-red-warm-1450:#3d0002;--eds-color-spruce-wood-100:#fff0e5;--eds-color-spruce-wood-200:#ffe7d6;--eds-color-spruce-wood-300:#ffd9bd;--eds-color-spruce-wood-400:#ffc49a;--eds-color-spruce-wood-500:#ffae74;--eds-color-spruce-wood-600:#ff9142;--eds-color-spruce-wood-700:#fd7412;--eds-color-spruce-wood-800:#ef6502;--eds-color-spruce-wood-900:#d65900;--eds-color-spruce-wood-1000:#bd5002;--eds-color-spruce-wood-1100:#a44400;--eds-color-spruce-wood-1200:#883900;--eds-color-spruce-wood-1300:#6a2d00;--eds-color-spruce-wood-1350:#572805;--eds-color-spruce-wood-1400:#491f00;--eds-color-spruce-wood-1450:#381800;--eds-color-orange-100:#fff3e5;--eds-color-orange-200:#ffe9cc;--eds-color-orange-300:#ffdcad;--eds-color-orange-400:#ffc880;--eds-color-orange-500:#ffb65e;--eds-color-orange-600:#ff9e28;--eds-color-orange-700:#fa8f00;--eds-color-orange-800:#e57e00;--eds-color-orange-900:#ca6f00;--eds-color-orange-1000:#ad5f00;--eds-color-orange-1100:#950;--eds-color-orange-1200:#7f4600;--eds-color-orange-1300:#643700;--eds-color-orange-1350:#523004;--eds-color-orange-1400:#452700;--eds-color-orange-1450:#382000;--eds-color-orange-1500:#241d14;--eds-color-ochre-100:#fff5e5;--eds-color-ochre-200:#ffeed1;--eds-color-ochre-300:#fddeaa;--eds-color-ochre-400:#fcd084;--eds-color-ochre-500:#fabc4d;--eds-color-ochre-600:#f7a919;--eds-color-ochre-700:#e89802;--eds-color-ochre-800:#d48c00;--eds-color-ochre-900:#bf7f00;--eds-color-ochre-1000:#a87000;--eds-color-ochre-1100:#926100;--eds-color-ochre-1200:#7a5200;--eds-color-ochre-1300:#614200;--eds-color-ochre-1350:#503702;--eds-color-ochre-1400:#473000;--eds-color-ochre-1450:#382600;--eds-color-yellow-100:#fffae0;--eds-color-yellow-200:#fff5c2;--eds-color-yellow-300:#ffea85;--eds-color-yellow-400:#ffdf42;--eds-color-yellow-500:#ffd500;--eds-color-yellow-600:#f0c905;--eds-color-yellow-700:#dbb500;--eds-color-yellow-800:#c7a600;--eds-color-yellow-900:#ad9000;--eds-color-yellow-1000:#967d00;--eds-color-yellow-1100:#826d00;--eds-color-yellow-1200:#6d5b00;--eds-color-yellow-1300:#564800;--eds-color-yellow-1350:#473c00;--eds-color-yellow-1400:#3e3400;--eds-color-yellow-1450:#332b00;--eds-color-success-green-100:#ecf9ec;--eds-color-success-green-200:#ddf4dc;--eds-color-success-green-300:#cceecb;--eds-color-success-green-400:#b2e3b0;--eds-color-success-green-500:#92d590;--eds-color-success-green-600:#7bcf78;--eds-color-success-green-700:#5dc35a;--eds-color-success-green-800:#4bb748;--eds-color-success-green-900:#3fa13d;--eds-color-success-green-1000:#388e36;--eds-color-success-green-1100:#317a2f;--eds-color-success-green-1200:#296528;--eds-color-success-green-1300:#204f1f;--eds-color-success-green-1350:#1a421a;--eds-color-success-green-1400:#163816;--eds-color-success-green-1450:#133013;--eds-color-success-green-1500:#1d251d;--eds-color-lichen-green-100:#e6faec;--eds-color-lichen-green-200:#d9f7e2;--eds-color-lichen-green-300:#c3f3d2;--eds-color-lichen-green-400:#9fecb5;--eds-color-lichen-green-500:#73e393;--eds-color-lichen-green-600:#4ad974;--eds-color-lichen-green-700:#2fc85c;--eds-color-lichen-green-800:#27b652;--eds-color-lichen-green-900:#20a246;--eds-color-lichen-green-1000:#1d923f;--eds-color-lichen-green-1100:#197d37;--eds-color-lichen-green-1200:#15682d;--eds-color-lichen-green-1300:#105224;--eds-color-lichen-green-1350:#0d441e;--eds-color-lichen-green-1400:#0b3919;--eds-color-lichen-green-1450:#0b2d15;--eds-color-moss-green-100:#e6f3f4;--eds-color-moss-green-200:#deedee;--eds-color-moss-green-300:#c9e0e2;--eds-color-moss-green-400:#b9d7da;--eds-color-moss-green-500:#a8cfd1;--eds-color-moss-green-600:#8ec0c3;--eds-color-moss-green-700:#73b1b5;--eds-color-moss-green-800:#5aa3aa;--eds-color-moss-green-900:#46959d;--eds-color-moss-green-1000:#2f848b;--eds-color-moss-green-1100:#007079;--eds-color-moss-green-1200:#005e66;--eds-color-moss-green-1300:#004f55;--eds-color-moss-green-1350:#033b3f;--eds-color-moss-green-1400:#033235;--eds-color-moss-green-1450:#02292c;--eds-color-moss-green-sat-100:#e0f4f5;--eds-color-moss-green-sat-200:#d1edef;--eds-color-moss-green-sat-300:#b3e2e5;--eds-color-moss-green-sat-400:#a6d6d9;--eds-color-moss-green-sat-500:#97cace;--eds-color-moss-green-sat-600:#81c1c5;--eds-color-moss-green-sat-700:#5db0b6;--eds-color-moss-green-sat-800:#3ea0a8;--eds-color-moss-green-sat-900:#2a949d;--eds-color-moss-green-sat-1000:#17838c;--eds-color-moss-green-sat-1100:#007079;--eds-color-moss-green-sat-1200:#005e66;--eds-color-moss-green-sat-1300:#004f55;--eds-color-moss-green-sat-1350:#033b3f;--eds-color-moss-green-sat-1400:#033235;--eds-color-moss-green-sat-1450:#02292c}:root,[data-color-scheme=light]{color-scheme:light}[data-color-scheme=dark]{color-scheme:dark}:root{--eds-color-surface-on-level-3-on-dark:var(--eds-color-slate-blue-1300);--eds-color-surface-on-level-3-on-light:var(--eds-color-neutral-0);--eds-color-surface-on-level-2-on-dark:var(--eds-color-slate-blue-1350);--eds-color-surface-on-level-2-on-light:var(--eds-color-neutral-0);--eds-color-surface-on-level-1-on-dark:var(--eds-color-slate-blue-1400);--eds-color-surface-on-level-1-on-light:var(--eds-color-neutral-100);--eds-color-surface-inverted-on-dark:#dcf2fff2;--eds-color-surface-inverted-on-light:#000c;--eds-color-surface-none:#fff0;--eds-color-border-inverted-on-dark:#dcf2fff2;--eds-color-border-inverted-on-light:#000c;--eds-color-border-disabled-on-dark:var(--eds-color-slate-grey-1100);--eds-color-border-disabled-on-light:var(--eds-color-neutral-300);--eds-color-border-maximal-on-dark:#ffffff80;--eds-color-border-maximal-on-light:var(--eds-color-neutral-1400);--eds-color-border-quaternary-on-dark:#fff6;--eds-color-border-quaternary-on-light:var(--eds-color-neutral-900);--eds-color-border-tertiary-on-dark:#ffffff4d;--eds-color-border-tertiary-on-light:var(--eds-color-neutral-700);--eds-color-border-secondary-on-dark:#fff3;--eds-color-border-secondary-on-light:var(--eds-color-neutral-500);--eds-color-border-primary-on-dark:#ffffff29;--eds-color-border-primary-on-light:var(--eds-color-neutral-300);--eds-color-border-none:#fff0;--eds-color-icon-inverted-on-dark:var(--eds-color-neutral-1500);--eds-color-icon-inverted-on-light:var(--eds-color-neutral-0);--eds-color-icon-disabled-on-dark:var(--eds-color-slate-grey-1000);--eds-color-icon-disabled-on-light:var(--eds-color-neutral-500);--eds-color-icon-maximal-on-dark:var(--eds-color-neutral-0);--eds-color-icon-maximal-on-light:var(--eds-color-neutral-1300);--eds-color-icon-quaternary-on-dark:var(--eds-color-slate-grey-900);--eds-color-icon-quaternary-on-light:var(--eds-color-neutral-700);--eds-color-icon-tertiary-on-dark:var(--eds-color-slate-grey-600);--eds-color-icon-tertiary-on-light:var(--eds-color-neutral-900);--eds-color-icon-secondary-on-dark:var(--eds-color-slate-grey-500);--eds-color-icon-secondary-on-light:var(--eds-color-neutral-1100);--eds-color-icon-primary-on-dark:var(--eds-color-slate-grey-400);--eds-color-icon-primary-on-light:var(--eds-color-neutral-1300);--eds-color-text-inverted-on-dark:var(--eds-color-neutral-1500);--eds-color-text-inverted-on-light:var(--eds-color-neutral-0);--eds-color-text-disabled-on-dark:var(--eds-color-slate-grey-1000);--eds-color-text-disabled-on-light:var(--eds-color-neutral-500);--eds-color-text-maximal-on-dark:var(--eds-color-neutral-0);--eds-color-text-maximal-on-light:var(--eds-color-neutral-1300);--eds-color-text-quaternary-on-dark:var(--eds-color-slate-grey-900);--eds-color-text-quaternary-on-light:var(--eds-color-neutral-700);--eds-color-text-tertiary-on-dark:var(--eds-color-slate-grey-600);--eds-color-text-tertiary-on-light:var(--eds-color-neutral-900);--eds-color-text-secondary-on-dark:var(--eds-color-slate-grey-500);--eds-color-text-secondary-on-light:var(--eds-color-neutral-1100);--eds-color-text-primary-on-dark:var(--eds-color-slate-grey-400);--eds-color-text-primary-on-light:var(--eds-color-neutral-1300);--eds-ui-scrim-color-surface:light-dark(#0006,#0006);--eds-ui-floating-color-surface:light-dark(var(--eds-color-neutral-0),var(--eds-color-slate-blue-1300));--eds-ui-shell-color-border:light-dark(var(--eds-color-neutral-100),var(--eds-color-slate-blue-1400));--eds-ui-shell-color-surface:light-dark(var(--eds-color-neutral-0),var(--eds-color-slate-blue-1350));--eds-ui-main-color-surface:light-dark(var(--eds-color-neutral-100),var(--eds-color-slate-blue-1400));--eds-table-header-color-static-surface-on-level-3:light-dark(var(--eds-color-neutral-100),var(--eds-color-slate-blue-1200));--eds-table-header-color-static-surface-on-level-2:light-dark(var(--eds-color-neutral-100),var(--eds-color-slate-blue-1300));--eds-table-header-color-static-surface-on-level-1:light-dark(var(--eds-color-neutral-0),var(--eds-color-slate-blue-1350));--eds-table-header-color-static-border-on-level-3:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-table-header-color-static-border-on-level-2:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-table-header-color-static-border-on-level-1:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-table-header-color-static-icon-on-level-3:light-dark(var(--eds-color-neutral-1300),var(--eds-color-neutral-0));--eds-table-header-color-static-icon-on-level-2:light-dark(var(--eds-color-neutral-1300),var(--eds-color-neutral-0));--eds-table-header-color-static-icon-on-level-1:light-dark(var(--eds-color-neutral-1300),var(--eds-color-neutral-0));--eds-table-header-color-static-text-on-level-3:light-dark(var(--eds-color-neutral-1300),var(--eds-color-neutral-0));--eds-table-header-color-static-text-on-level-2:light-dark(var(--eds-color-neutral-1300),var(--eds-color-neutral-0));--eds-table-header-color-static-text-on-level-1:light-dark(var(--eds-color-neutral-1300),var(--eds-color-neutral-0));--eds-table-header-color-interactive-surface-disabled-on-level-3:light-dark(#fff0,#0000);--eds-table-header-color-interactive-surface-disabled-on-level-2:light-dark(#fff0,#0000);--eds-table-header-color-interactive-surface-disabled-on-level-1:light-dark(#fff0,#0000);--eds-table-header-color-interactive-surface-active-hover-on-level-3:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-blue-1100));--eds-table-header-color-interactive-surface-active-hover-on-level-2:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-blue-1200));--eds-table-header-color-interactive-surface-active-hover-on-level-1:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-blue-1200));--eds-table-header-color-interactive-surface-active-on-level-3:light-dark(var(--eds-color-neutral-200),var(--eds-color-slate-blue-1200));--eds-table-header-color-interactive-surface-active-on-level-2:light-dark(var(--eds-color-neutral-200),var(--eds-color-slate-blue-1300));--eds-table-header-color-interactive-surface-active-on-level-1:light-dark(var(--eds-color-neutral-200),var(--eds-color-slate-blue-1300));--eds-table-header-color-interactive-surface-hover-on-level-3:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-blue-1200));--eds-table-header-color-interactive-surface-hover-on-level-2:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-blue-1200));--eds-table-header-color-interactive-surface-hover-on-level-1:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-blue-1200));--eds-table-header-color-interactive-surface-initial-on-level-3:light-dark(var(--eds-color-neutral-100),var(--eds-color-slate-blue-1200));--eds-table-header-color-interactive-surface-initial-on-level-2:light-dark(var(--eds-color-neutral-100),var(--eds-color-slate-blue-1300));--eds-table-header-color-interactive-surface-initial-on-level-1:light-dark(var(--eds-color-neutral-0),var(--eds-color-slate-blue-1350));--eds-table-header-color-interactive-border-disabled-on-level-3:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-table-header-color-interactive-border-disabled-on-level-2:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-table-header-color-interactive-border-disabled-on-level-1:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-table-header-color-interactive-border-active-hover-on-level-3:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-200));--eds-table-header-color-interactive-border-active-hover-on-level-2:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-table-header-color-interactive-border-active-hover-on-level-1:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-table-header-color-interactive-border-active-on-level-3:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-300));--eds-table-header-color-interactive-border-active-on-level-2:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-table-header-color-interactive-border-active-on-level-1:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-table-header-color-interactive-border-hover-on-level-3:light-dark(var(--eds-color-neutral-500),#fff3);--eds-table-header-color-interactive-border-hover-on-level-2:light-dark(var(--eds-color-neutral-500),#fff3);--eds-table-header-color-interactive-border-hover-on-level-1:light-dark(var(--eds-color-neutral-500),#fff3);--eds-table-header-color-interactive-border-initial-on-level-3:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-table-header-color-interactive-border-initial-on-level-2:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-table-header-color-interactive-border-initial-on-level-1:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-table-header-color-interactive-icon-disabled-on-level-3:light-dark(var(--eds-color-neutral-1300),var(--eds-color-neutral-0));--eds-table-header-color-interactive-icon-disabled-on-level-2:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-table-header-color-interactive-icon-disabled-on-level-1:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-table-header-color-interactive-icon-active-hover-on-level-3:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-200));--eds-table-header-color-interactive-icon-active-hover-on-level-2:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-table-header-color-interactive-icon-active-hover-on-level-1:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-table-header-color-interactive-icon-active-on-level-3:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-300));--eds-table-header-color-interactive-icon-active-on-level-2:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-table-header-color-interactive-icon-active-on-level-1:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-table-header-color-interactive-icon-hover-on-level-3:light-dark(var(--eds-color-neutral-1300),var(--eds-color-neutral-0));--eds-table-header-color-interactive-icon-hover-on-level-2:light-dark(var(--eds-color-neutral-1300),var(--eds-color-slate-grey-400));--eds-table-header-color-interactive-icon-hover-on-level-1:light-dark(var(--eds-color-neutral-1300),var(--eds-color-slate-grey-400));--eds-table-header-color-interactive-icon-initial-on-level-3:light-dark(var(--eds-color-neutral-1300),var(--eds-color-neutral-0));--eds-table-header-color-interactive-icon-initial-on-level-2:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-table-header-color-interactive-icon-initial-on-level-1:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-table-header-color-interactive-text-disabled-on-level-3:light-dark(var(--eds-color-neutral-500),var(--eds-color-neutral-1000));--eds-table-header-color-interactive-text-disabled-on-level-2:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-table-header-color-interactive-text-disabled-on-level-1:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-table-header-color-interactive-text-active-hover-on-level-3:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-200));--eds-table-header-color-interactive-text-active-hover-on-level-2:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-table-header-color-interactive-text-active-hover-on-level-1:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-table-header-color-interactive-text-active-on-level-3:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-300));--eds-table-header-color-interactive-text-active-on-level-2:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-table-header-color-interactive-text-active-on-level-1:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-table-header-color-interactive-text-hover-on-level-3:light-dark(var(--eds-color-neutral-1300),var(--eds-color-neutral-0));--eds-table-header-color-interactive-text-hover-on-level-2:light-dark(var(--eds-color-neutral-1300),var(--eds-color-slate-grey-400));--eds-table-header-color-interactive-text-hover-on-level-1:light-dark(var(--eds-color-neutral-1300),var(--eds-color-slate-grey-400));--eds-table-header-color-interactive-text-initial-on-level-3:light-dark(var(--eds-color-neutral-1300),var(--eds-color-neutral-0));--eds-table-header-color-interactive-text-initial-on-level-2:light-dark(var(--eds-color-neutral-1300),var(--eds-color-slate-grey-400));--eds-table-header-color-interactive-text-initial-on-level-1:light-dark(var(--eds-color-neutral-1300),var(--eds-color-slate-grey-400));--eds-table-cell-color-interactive-surface-disabled-on-level-3:light-dark(#fff0,#0000);--eds-table-cell-color-interactive-surface-disabled-on-level-2:light-dark(#fff0,#0000);--eds-table-cell-color-interactive-surface-disabled-on-level-1:light-dark(#fff0,#0000);--eds-table-cell-color-interactive-surface-active-hover-on-level-3:light-dark(var(--eds-color-moss-green-300),var(--eds-color-mist-blue-muted-1100));--eds-table-cell-color-interactive-surface-active-hover-on-level-2:light-dark(var(--eds-color-moss-green-300),var(--eds-color-mist-blue-muted-1200));--eds-table-cell-color-interactive-surface-active-hover-on-level-1:light-dark(var(--eds-color-moss-green-300),var(--eds-color-mist-blue-muted-1200));--eds-table-cell-color-interactive-surface-active-on-level-3:light-dark(var(--eds-color-moss-green-200),var(--eds-color-mist-blue-muted-1200));--eds-table-cell-color-interactive-surface-active-on-level-2:light-dark(var(--eds-color-moss-green-200),var(--eds-color-mist-blue-muted-1300));--eds-table-cell-color-interactive-surface-active-on-level-1:light-dark(var(--eds-color-moss-green-200),var(--eds-color-mist-blue-muted-1300));--eds-table-cell-color-interactive-surface-hover-on-level-3:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-blue-1200));--eds-table-cell-color-interactive-surface-hover-on-level-2:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-blue-1200));--eds-table-cell-color-interactive-surface-hover-on-level-1:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-blue-1200));--eds-table-cell-color-interactive-surface-initial-on-level-3:light-dark(#fff0,#0000);--eds-table-cell-color-interactive-surface-initial-on-level-2:light-dark(#fff0,#0000);--eds-table-cell-color-interactive-surface-initial-on-level-1:light-dark(#fff0,#0000);--eds-table-cell-color-interactive-border-disabled-on-level-3:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-table-cell-color-interactive-border-disabled-on-level-2:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-table-cell-color-interactive-border-disabled-on-level-1:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-table-cell-color-interactive-border-active-hover-on-level-3:light-dark(var(--eds-color-neutral-500),#fff3);--eds-table-cell-color-interactive-border-active-hover-on-level-2:light-dark(var(--eds-color-neutral-500),#fff3);--eds-table-cell-color-interactive-border-active-hover-on-level-1:light-dark(var(--eds-color-neutral-500),#fff3);--eds-table-cell-color-interactive-border-active-on-level-3:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-table-cell-color-interactive-border-active-on-level-2:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-table-cell-color-interactive-border-active-on-level-1:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-table-cell-color-interactive-border-hover-on-level-3:light-dark(var(--eds-color-neutral-500),#fff3);--eds-table-cell-color-interactive-border-hover-on-level-2:light-dark(var(--eds-color-neutral-500),#fff3);--eds-table-cell-color-interactive-border-hover-on-level-1:light-dark(var(--eds-color-neutral-500),#fff3);--eds-table-cell-color-interactive-border-initial-on-level-3:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-table-cell-color-interactive-border-initial-on-level-2:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-table-cell-color-interactive-border-initial-on-level-1:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-table-cell-color-interactive-icon-disabled-on-level-3:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-table-cell-color-interactive-icon-disabled-on-level-2:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-table-cell-color-interactive-icon-disabled-on-level-1:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-table-cell-color-interactive-icon-active-hover-on-level-3:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-100));--eds-table-cell-color-interactive-icon-active-hover-on-level-2:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-table-cell-color-interactive-icon-active-hover-on-level-1:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-table-cell-color-interactive-icon-active-on-level-3:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-200));--eds-table-cell-color-interactive-icon-active-on-level-2:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-table-cell-color-interactive-icon-active-on-level-1:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-table-cell-color-interactive-icon-hover-on-level-3:light-dark(var(--eds-color-neutral-1400),var(--eds-color-slate-grey-200));--eds-table-cell-color-interactive-icon-hover-on-level-2:light-dark(var(--eds-color-neutral-1400),var(--eds-color-slate-grey-200));--eds-table-cell-color-interactive-icon-hover-on-level-1:light-dark(var(--eds-color-neutral-1400),var(--eds-color-slate-grey-200));--eds-table-cell-color-interactive-icon-initial-on-level-3:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-table-cell-color-interactive-icon-initial-on-level-2:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-table-cell-color-interactive-icon-initial-on-level-1:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-table-cell-color-interactive-text-disabled-on-level-3:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-table-cell-color-interactive-text-disabled-on-level-2:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-table-cell-color-interactive-text-disabled-on-level-1:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-table-cell-color-interactive-text-active-hover-on-level-3:light-dark(var(--eds-color-neutral-1400),var(--eds-color-slate-grey-200));--eds-table-cell-color-interactive-text-active-hover-on-level-2:light-dark(var(--eds-color-neutral-1400),var(--eds-color-slate-grey-200));--eds-table-cell-color-interactive-text-active-hover-on-level-1:light-dark(var(--eds-color-neutral-1400),var(--eds-color-slate-grey-200));--eds-table-cell-color-interactive-text-active-on-level-3:light-dark(var(--eds-color-neutral-1300),var(--eds-color-slate-grey-400));--eds-table-cell-color-interactive-text-active-on-level-2:light-dark(var(--eds-color-neutral-1300),var(--eds-color-slate-grey-400));--eds-table-cell-color-interactive-text-active-on-level-1:light-dark(var(--eds-color-neutral-1300),var(--eds-color-slate-grey-400));--eds-table-cell-color-interactive-text-hover-on-level-3:light-dark(var(--eds-color-neutral-1400),var(--eds-color-slate-grey-200));--eds-table-cell-color-interactive-text-hover-on-level-2:light-dark(var(--eds-color-neutral-1400),var(--eds-color-slate-grey-200));--eds-table-cell-color-interactive-text-hover-on-level-1:light-dark(var(--eds-color-neutral-1400),var(--eds-color-slate-grey-200));--eds-table-cell-color-interactive-text-initial-on-level-3:light-dark(var(--eds-color-neutral-1300),var(--eds-color-slate-grey-400));--eds-table-cell-color-interactive-text-initial-on-level-2:light-dark(var(--eds-color-neutral-1300),var(--eds-color-slate-grey-400));--eds-table-cell-color-interactive-text-initial-on-level-1:light-dark(var(--eds-color-neutral-1300),var(--eds-color-slate-grey-400));--eds-table-cell-color-message-surface-error:light-dark(var(--eds-color-red-warm-300),#ff666b47);--eds-input-label-color-icon-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-input-label-color-icon-read-only:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-input-label-color-icon-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-input-label-color-text-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-input-label-color-text-read-only:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-input-label-color-text-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-input-color-message-text-error-disabled:var(--eds-color-red-cold-900);--eds-input-color-message-text-error-read-only:var(--eds-color-red-cold-900);--eds-input-color-message-text-error-focus:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-warm-600));--eds-input-color-message-text-error-initial:var(--eds-color-red-cold-900);--eds-input-color-message-text-warning-disabled:var(--eds-color-orange-800);--eds-input-color-message-text-warning-read-only:var(--eds-color-orange-800);--eds-input-color-message-text-warning-focus:light-dark(var(--eds-color-orange-1200),var(--eds-color-spruce-wood-500));--eds-input-color-message-text-warning-initial:var(--eds-color-orange-800);--eds-input-color-message-text-success-disabled:var(--eds-color-success-green-900);--eds-input-color-message-text-success-read-only:var(--eds-color-success-green-900);--eds-input-color-message-text-success-focus:light-dark(var(--eds-color-lichen-green-1200),var(--eds-color-success-green-600));--eds-input-color-message-text-success-initial:var(--eds-color-success-green-900);--eds-input-color-message-icon-error-disabled:var(--eds-color-red-cold-900);--eds-input-color-message-icon-error-read-only:var(--eds-color-red-cold-900);--eds-input-color-message-icon-error-focus:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-warm-600));--eds-input-color-message-icon-error-initial:var(--eds-color-red-cold-900);--eds-input-color-message-icon-warning-disabled:var(--eds-color-orange-800);--eds-input-color-message-icon-warning-read-only:var(--eds-color-orange-800);--eds-input-color-message-icon-warning-focus:light-dark(var(--eds-color-orange-1200),var(--eds-color-spruce-wood-500));--eds-input-color-message-icon-warning-initial:var(--eds-color-orange-800);--eds-input-color-message-icon-success-disabled:var(--eds-color-success-green-900);--eds-input-color-message-icon-success-read-only:var(--eds-color-success-green-900);--eds-input-color-message-icon-success-focus:light-dark(var(--eds-color-lichen-green-1200),var(--eds-color-success-green-600));--eds-input-color-message-icon-success-initial:var(--eds-color-success-green-900);--eds-input-color-message-border-error-disabled:var(--eds-color-red-cold-900);--eds-input-color-message-border-error-read-only:var(--eds-color-red-cold-900);--eds-input-color-message-border-error-focus:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-warm-600));--eds-input-color-message-border-error-initial:var(--eds-color-red-cold-900);--eds-input-color-message-border-warning-disabled:var(--eds-color-orange-800);--eds-input-color-message-border-warning-read-only:var(--eds-color-orange-800);--eds-input-color-message-border-warning-focus:light-dark(var(--eds-color-orange-1200),var(--eds-color-spruce-wood-500));--eds-input-color-message-border-warning-initial:var(--eds-color-orange-800);--eds-input-color-message-border-success-disabled:var(--eds-color-success-green-900);--eds-input-color-message-border-success-read-only:var(--eds-color-success-green-900);--eds-input-color-message-border-success-focus:light-dark(var(--eds-color-lichen-green-1200),var(--eds-color-success-green-600));--eds-input-color-message-border-success-initial:var(--eds-color-success-green-900);--eds-input-color-surface-read-only-on-level-3:light-dark(#fff0,#0000);--eds-input-color-surface-read-only-on-level-2:light-dark(#fff0,#0000);--eds-input-color-surface-read-only-on-level-1:light-dark(#fff0,#0000);--eds-input-color-surface-disabled-on-level-3:light-dark(var(--eds-color-neutral-100),#00000047);--eds-input-color-surface-disabled-on-level-2:light-dark(var(--eds-color-neutral-100),#00000047);--eds-input-color-surface-disabled-on-level-1:light-dark(var(--eds-color-neutral-0),#00000047);--eds-input-color-surface-initial-on-level-3:light-dark(var(--eds-color-neutral-100),#00000047);--eds-input-color-surface-initial-on-level-2:light-dark(var(--eds-color-neutral-100),#00000047);--eds-input-color-surface-initial-on-level-1:light-dark(var(--eds-color-neutral-0),#00000047);--eds-input-color-border-disabled:light-dark(#fff0,#0000);--eds-input-color-border-focus:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-input-color-border-read-only:light-dark(var(--eds-color-neutral-600),#ffffff29);--eds-input-color-border-initial:light-dark(var(--eds-color-neutral-600),#ffffff29);--eds-input-color-icon-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-input-color-icon-focus:light-dark(var(--eds-color-neutral-1300),var(--eds-color-neutral-0));--eds-input-color-icon-read-only:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-input-color-icon-initial:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-input-color-text-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-input-color-text-focus:light-dark(var(--eds-color-neutral-1300),var(--eds-color-neutral-0));--eds-input-color-text-read-only:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-input-color-text-initial:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-input-helper-color-message-icon-error-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-input-helper-color-message-icon-error-read-only:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-cold-600));--eds-input-helper-color-message-icon-error-focus:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-cold-600));--eds-input-helper-color-message-icon-error-initial:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-cold-600));--eds-input-helper-color-message-icon-warning-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-input-helper-color-message-icon-warning-read-only:light-dark(var(--eds-color-orange-1200),var(--eds-color-orange-500));--eds-input-helper-color-message-icon-warning-focus:light-dark(var(--eds-color-orange-1200),var(--eds-color-orange-500));--eds-input-helper-color-message-icon-warning-initial:light-dark(var(--eds-color-orange-1200),var(--eds-color-orange-500));--eds-input-helper-color-message-icon-success-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-input-helper-color-message-icon-success-read-only:light-dark(var(--eds-color-lichen-green-1200),var(--eds-color-lichen-green-600));--eds-input-helper-color-message-icon-success-focus:light-dark(var(--eds-color-lichen-green-1200),var(--eds-color-lichen-green-600));--eds-input-helper-color-message-icon-success-initial:light-dark(var(--eds-color-lichen-green-1200),var(--eds-color-lichen-green-600));--eds-input-helper-color-message-icon-info-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-input-helper-color-message-icon-info-read-only:light-dark(var(--eds-color-blue-sky-1200),var(--eds-color-blue-sky-600));--eds-input-helper-color-message-icon-info-focus:light-dark(var(--eds-color-blue-sky-1200),var(--eds-color-blue-sky-600));--eds-input-helper-color-message-icon-info-initial:light-dark(var(--eds-color-blue-sky-1200),var(--eds-color-blue-sky-600));--eds-input-helper-color-message-text-error-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-input-helper-color-message-text-error-read-only:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-cold-600));--eds-input-helper-color-message-text-error-focus:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-cold-600));--eds-input-helper-color-message-text-error-initial:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-cold-600));--eds-input-helper-color-message-text-warning-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-input-helper-color-message-text-warning-read-only:light-dark(var(--eds-color-orange-1200),var(--eds-color-orange-500));--eds-input-helper-color-message-text-warning-focus:light-dark(var(--eds-color-orange-1200),var(--eds-color-orange-500));--eds-input-helper-color-message-text-warning-initial:light-dark(var(--eds-color-orange-1200),var(--eds-color-orange-500));--eds-input-helper-color-message-text-success-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-input-helper-color-message-text-success-read-only:light-dark(var(--eds-color-lichen-green-1200),var(--eds-color-lichen-green-600));--eds-input-helper-color-message-text-success-focus:light-dark(var(--eds-color-lichen-green-1200),var(--eds-color-lichen-green-600));--eds-input-helper-color-message-text-success-initial:light-dark(var(--eds-color-lichen-green-1200),var(--eds-color-lichen-green-600));--eds-input-helper-color-message-text-info-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-input-helper-color-message-text-info-read-only:light-dark(var(--eds-color-blue-sky-1200),var(--eds-color-blue-sky-600));--eds-input-helper-color-message-text-info-focus:light-dark(var(--eds-color-blue-sky-1200),var(--eds-color-blue-sky-600));--eds-input-helper-color-message-text-info-initial:light-dark(var(--eds-color-blue-sky-1200),var(--eds-color-blue-sky-600));--eds-input-helper-color-icon-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-input-helper-color-icon-read-only:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-input-helper-color-icon-focus:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-input-helper-color-icon-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-input-helper-color-text-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-input-helper-color-text-read-only:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-input-helper-color-text-focus:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-input-helper-color-text-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-input-placeholder-color-text:light-dark(var(--eds-color-neutral-800),var(--eds-color-slate-grey-800));--eds-input-asterix-color-text:var(--eds-color-red-cold-900);--eds-color-message-surface-callout-error:light-dark(var(--eds-color-red-warm-300),var(--eds-color-red-cold-1200));--eds-color-message-surface-callout-warning:light-dark(var(--eds-color-spruce-wood-200),var(--eds-color-orange-1200));--eds-color-message-surface-callout-success:light-dark(var(--eds-color-lichen-green-200),var(--eds-color-lichen-green-1200));--eds-color-message-surface-callout-info:light-dark(var(--eds-color-mist-blue-muted-300),var(--eds-color-blue-sky-1200));--eds-color-message-surface-raised-error-hover:light-dark(var(--eds-color-red-warm-200),#ffe1e01a);--eds-color-message-surface-raised-error-initial:light-dark(var(--eds-color-red-warm-200),#ffe1e01a);--eds-color-message-surface-raised-warning-hover:light-dark(var(--eds-color-spruce-wood-100),#fff0e51a);--eds-color-message-surface-raised-warning-initial:light-dark(var(--eds-color-spruce-wood-100),#fff0e51a);--eds-color-message-surface-raised-success-hover:light-dark(var(--eds-color-lichen-green-100),#e6faec1a);--eds-color-message-surface-raised-success-initial:light-dark(var(--eds-color-lichen-green-100),#e6faec1a);--eds-color-message-surface-raised-info-hover:light-dark(var(--eds-color-mist-blue-muted-200),#dfeff71a);--eds-color-message-surface-raised-info-initial:light-dark(var(--eds-color-mist-blue-muted-200),#dfeff71a);--eds-color-message-surface-standard-error-on-level-3:light-dark(var(--eds-color-red-warm-300),var(--eds-color-slate-blue-1300));--eds-color-message-surface-standard-error-on-level-2:light-dark(var(--eds-color-red-warm-300),var(--eds-color-slate-blue-1350));--eds-color-message-surface-standard-error-on-level-1:light-dark(var(--eds-color-red-warm-300),var(--eds-color-slate-blue-1350));--eds-color-message-surface-standard-warning-on-level-3:light-dark(var(--eds-color-spruce-wood-200),var(--eds-color-slate-blue-1300));--eds-color-message-surface-standard-warning-on-level-2:light-dark(var(--eds-color-spruce-wood-200),var(--eds-color-slate-blue-1350));--eds-color-message-surface-standard-warning-on-level-1:light-dark(var(--eds-color-spruce-wood-200),var(--eds-color-slate-blue-1350));--eds-color-message-surface-standard-success-on-level-3:light-dark(var(--eds-color-lichen-green-200),var(--eds-color-slate-blue-1300));--eds-color-message-surface-standard-success-on-level-2:light-dark(var(--eds-color-lichen-green-200),var(--eds-color-slate-blue-1350));--eds-color-message-surface-standard-success-on-level-1:light-dark(var(--eds-color-lichen-green-200),var(--eds-color-slate-blue-1350));--eds-color-message-surface-standard-info-on-level-3:light-dark(var(--eds-color-mist-blue-muted-300),var(--eds-color-slate-blue-1300));--eds-color-message-surface-standard-info-on-level-2:light-dark(var(--eds-color-mist-blue-muted-300),var(--eds-color-slate-blue-1350));--eds-color-message-surface-standard-info-on-level-1:light-dark(var(--eds-color-mist-blue-muted-300),var(--eds-color-slate-blue-1350));--eds-color-message-border-callout-error:light-dark(var(--eds-color-red-warm-300),var(--eds-color-red-cold-1200));--eds-color-message-border-callout-warning:light-dark(var(--eds-color-spruce-wood-200),var(--eds-color-orange-1200));--eds-color-message-border-callout-success:light-dark(var(--eds-color-lichen-green-200),var(--eds-color-lichen-green-1200));--eds-color-message-border-callout-info:light-dark(var(--eds-color-mist-blue-muted-300),var(--eds-color-blue-sky-1200));--eds-color-message-border-raised-error-hover:light-dark(var(--eds-color-red-cold-1300),var(--eds-color-red-warm-500));--eds-color-message-border-raised-error-initial:var(--eds-color-red-cold-900);--eds-color-message-border-raised-warning-hover:light-dark(var(--eds-color-orange-1300),var(--eds-color-spruce-wood-300));--eds-color-message-border-raised-warning-initial:var(--eds-color-orange-800);--eds-color-message-border-raised-success-hover:light-dark(var(--eds-color-success-green-1300),var(--eds-color-success-green-300));--eds-color-message-border-raised-success-initial:var(--eds-color-success-green-900);--eds-color-message-border-raised-info-hover:light-dark(var(--eds-color-blue-ocean-1300),var(--eds-color-blue-sky-400));--eds-color-message-border-raised-info-initial:var(--eds-color-blue-sky-1000);--eds-color-message-border-standard-error:light-dark(var(--eds-color-red-warm-300),var(--eds-color-red-cold-900));--eds-color-message-border-standard-warning:light-dark(var(--eds-color-spruce-wood-200),var(--eds-color-orange-800));--eds-color-message-border-standard-success:light-dark(var(--eds-color-lichen-green-200),var(--eds-color-success-green-900));--eds-color-message-border-standard-info:light-dark(var(--eds-color-mist-blue-muted-300),var(--eds-color-blue-sky-1000));--eds-color-message-icon-callout-error:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-warm-200));--eds-color-message-icon-callout-warning:light-dark(var(--eds-color-orange-1200),var(--eds-color-spruce-wood-200));--eds-color-message-icon-callout-success:light-dark(var(--eds-color-lichen-green-1200),var(--eds-color-lichen-green-200));--eds-color-message-icon-callout-info:light-dark(var(--eds-color-blue-sky-1200),var(--eds-color-mist-blue-muted-200));--eds-color-message-icon-raised-error-hover:light-dark(var(--eds-color-red-cold-1300),var(--eds-color-red-warm-500));--eds-color-message-icon-raised-error-initial:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-warm-600));--eds-color-message-icon-raised-warning-hover:light-dark(var(--eds-color-orange-1300),var(--eds-color-spruce-wood-300));--eds-color-message-icon-raised-warning-initial:light-dark(var(--eds-color-orange-1200),var(--eds-color-spruce-wood-500));--eds-color-message-icon-raised-success-hover:light-dark(var(--eds-color-success-green-1300),var(--eds-color-success-green-300));--eds-color-message-icon-raised-success-initial:light-dark(var(--eds-color-lichen-green-1200),var(--eds-color-success-green-600));--eds-color-message-icon-raised-info-hover:light-dark(var(--eds-color-blue-ocean-1300),var(--eds-color-blue-sky-400));--eds-color-message-icon-raised-info-initial:light-dark(var(--eds-color-blue-sky-1200),var(--eds-color-blue-sky-600));--eds-color-message-icon-standard-error:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-warm-600));--eds-color-message-icon-standard-warning:light-dark(var(--eds-color-orange-1200),var(--eds-color-spruce-wood-500));--eds-color-message-icon-standard-success:light-dark(var(--eds-color-lichen-green-1200),var(--eds-color-success-green-600));--eds-color-message-icon-standard-info:light-dark(var(--eds-color-blue-sky-1200),var(--eds-color-blue-sky-600));--eds-color-message-text-callout-error:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-warm-200));--eds-color-message-text-callout-warning:light-dark(var(--eds-color-orange-1200),var(--eds-color-spruce-wood-200));--eds-color-message-text-callout-success:light-dark(var(--eds-color-lichen-green-1200),var(--eds-color-lichen-green-200));--eds-color-message-text-callout-info:light-dark(var(--eds-color-blue-sky-1200),var(--eds-color-mist-blue-muted-200));--eds-color-message-text-raised-error-hover:light-dark(var(--eds-color-red-cold-1300),var(--eds-color-red-warm-500));--eds-color-message-text-raised-error-initial:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-warm-600));--eds-color-message-text-raised-warning-hover:light-dark(var(--eds-color-orange-1300),var(--eds-color-spruce-wood-300));--eds-color-message-text-raised-warning-initial:light-dark(var(--eds-color-orange-1200),var(--eds-color-spruce-wood-500));--eds-color-message-text-raised-success-hover:light-dark(var(--eds-color-success-green-1300),var(--eds-color-success-green-300));--eds-color-message-text-raised-success-initial:light-dark(var(--eds-color-lichen-green-1200),var(--eds-color-success-green-600));--eds-color-message-text-raised-info-hover:light-dark(var(--eds-color-blue-ocean-1300),var(--eds-color-blue-sky-400));--eds-color-message-text-raised-info-initial:light-dark(var(--eds-color-blue-sky-1200),var(--eds-color-blue-sky-600));--eds-color-message-text-standard-error:var(--eds-color-message-text-raised-error-initial);--eds-color-message-text-standard-warning:var(--eds-color-message-text-raised-warning-initial);--eds-color-message-text-standard-success:var(--eds-color-message-text-raised-success-initial);--eds-color-message-text-standard-info:var(--eds-color-message-text-raised-info-initial);--eds-color-action-surface-danger-tertiary-disabled:light-dark(#fff0,#0000);--eds-color-action-surface-danger-tertiary-hover:light-dark(var(--eds-color-red-warm-300),var(--eds-color-red-cold-1400));--eds-color-action-surface-danger-tertiary-initial:light-dark(#fff0,#0000);--eds-color-action-surface-danger-secondary-disabled:light-dark(#fff0,#0000);--eds-color-action-surface-danger-secondary-hover:light-dark(var(--eds-color-red-warm-300),var(--eds-color-red-cold-1400));--eds-color-action-surface-danger-secondary-initial:light-dark(#fff0,#0000);--eds-color-action-surface-danger-primary-disabled:light-dark(var(--eds-color-neutral-200),var(--eds-color-slate-grey-1300));--eds-color-action-surface-danger-primary-hover:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-warm-500));--eds-color-action-surface-danger-primary-initial:light-dark(var(--eds-color-red-cold-900),var(--eds-color-red-warm-700));--eds-color-action-surface-muted-tertiary-disabled:light-dark(#fff0,#0000);--eds-color-action-surface-muted-tertiary-hover:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-blue-1200));--eds-color-action-surface-muted-tertiary-initial:light-dark(#fff0,#0000);--eds-color-action-surface-muted-secondary-disabled:light-dark(#fff0,#0000);--eds-color-action-surface-muted-secondary-hover:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-blue-1200));--eds-color-action-surface-muted-secondary-initial:light-dark(#fff0,#0000);--eds-color-action-surface-muted-primary-disabled:light-dark(var(--eds-color-neutral-200),var(--eds-color-slate-grey-1300));--eds-color-action-surface-muted-primary-hover:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-color-action-surface-muted-primary-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-color-action-surface-standard-tertiary-hover:light-dark(var(--eds-color-moss-green-200),var(--eds-color-moss-green-sat-1400));--eds-color-action-surface-standard-tertiary-initial:light-dark(#fff0,#0000);--eds-color-action-surface-standard-tertiary-disabled:light-dark(#fff0,#0000);--eds-color-action-surface-standard-secondary-hover:light-dark(var(--eds-color-moss-green-200),var(--eds-color-moss-green-sat-1400));--eds-color-action-surface-standard-secondary-initial:light-dark(#fff0,#0000);--eds-color-action-surface-standard-secondary-disabled:light-dark(#fff0,#0000);--eds-color-action-surface-standard-primary-hover:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-color-action-surface-standard-primary-initial:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-color-action-surface-standard-primary-disabled:light-dark(var(--eds-color-neutral-200),var(--eds-color-slate-grey-1300));--eds-color-action-border-danger-tertiary-disabled:light-dark(#fff0,#0000);--eds-color-action-border-danger-tertiary-hover:light-dark(#fff0,#0000);--eds-color-action-border-danger-tertiary-initial:light-dark(#fff0,#0000);--eds-color-action-border-danger-secondary-disabled:light-dark(var(--eds-color-neutral-200),var(--eds-color-slate-grey-1300));--eds-color-action-border-danger-secondary-hover:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-warm-500));--eds-color-action-border-danger-secondary-initial:light-dark(var(--eds-color-red-cold-900),var(--eds-color-red-warm-700));--eds-color-action-border-danger-primary-disabled:light-dark(var(--eds-color-neutral-200),var(--eds-color-slate-grey-1300));--eds-color-action-border-danger-primary-hover:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-warm-500));--eds-color-action-border-danger-primary-initial:light-dark(var(--eds-color-red-cold-900),var(--eds-color-red-warm-700));--eds-color-action-border-muted-tertiary-disabled:light-dark(#fff0,#0000);--eds-color-action-border-muted-tertiary-hover:light-dark(#fff0,#0000);--eds-color-action-border-muted-tertiary-initial:light-dark(#fff0,#0000);--eds-color-action-border-muted-secondary-disabled:light-dark(var(--eds-color-neutral-200),var(--eds-color-slate-grey-1300));--eds-color-action-border-muted-secondary-hover:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-color-action-border-muted-secondary-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-color-action-border-muted-primary-disabled:light-dark(var(--eds-color-neutral-200),var(--eds-color-slate-grey-1300));--eds-color-action-border-muted-primary-hover:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-color-action-border-muted-primary-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-color-action-border-standard-tertiary-hover:light-dark(#fff0,#0000);--eds-color-action-border-standard-tertiary-initial:light-dark(#fff0,#0000);--eds-color-action-border-standard-tertiary-disabled:light-dark(#fff0,#0000);--eds-color-action-border-standard-secondary-hover:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-color-action-border-standard-secondary-initial:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-color-action-border-standard-secondary-disabled:light-dark(var(--eds-color-neutral-400),var(--eds-color-slate-grey-1100));--eds-color-action-border-standard-primary-hover:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-color-action-border-standard-primary-initial:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-color-action-border-standard-primary-disabled:light-dark(var(--eds-color-neutral-200),var(--eds-color-slate-grey-1300));--eds-color-action-border-secondary-disabled:light-dark(var(--eds-color-neutral-400),var(--eds-color-slate-grey-1300));--eds-color-action-icon-danger-tertiary-hover:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-warm-500));--eds-color-action-icon-danger-tertiary-initial:light-dark(var(--eds-color-red-cold-900),var(--eds-color-red-warm-700));--eds-color-action-icon-danger-tertiary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-action-icon-danger-secondary-hover:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-warm-500));--eds-color-action-icon-danger-secondary-initial:light-dark(var(--eds-color-red-cold-900),var(--eds-color-red-warm-700));--eds-color-action-icon-danger-secondary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-action-icon-danger-primary-hover:light-dark(var(--eds-color-neutral-0),var(--eds-color-neutral-1500));--eds-color-action-icon-danger-primary-initial:light-dark(var(--eds-color-neutral-0),var(--eds-color-neutral-1500));--eds-color-action-icon-danger-primary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-action-icon-muted-secondary-hover:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-color-action-icon-muted-secondary-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-color-action-icon-muted-secondary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-action-icon-muted-tertiary-hover:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-color-action-icon-muted-tertiary-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-color-action-icon-muted-tertiary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-action-icon-muted-primary-hover:light-dark(var(--eds-color-neutral-0),var(--eds-color-neutral-1500));--eds-color-action-icon-muted-primary-initial:light-dark(var(--eds-color-neutral-0),var(--eds-color-neutral-1500));--eds-color-action-icon-muted-primary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-action-icon-standard-tertiary-hover:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-color-action-icon-standard-tertiary-initial:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-color-action-icon-standard-tertiary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-action-icon-standard-secondary-hover:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-color-action-icon-standard-secondary-initial:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-color-action-icon-standard-secondary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-action-icon-standard-primary-hover:light-dark(var(--eds-color-neutral-0),var(--eds-color-neutral-1500));--eds-color-action-icon-standard-primary-initial:light-dark(var(--eds-color-neutral-0),var(--eds-color-neutral-1500));--eds-color-action-icon-standard-primary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-action-text-danger-tertiary-hover:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-warm-500));--eds-color-action-text-danger-tertiary-initial:light-dark(var(--eds-color-red-cold-900),var(--eds-color-red-warm-700));--eds-color-action-text-danger-tertiary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-action-text-danger-secondary-hover:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-warm-500));--eds-color-action-text-danger-secondary-initial:light-dark(var(--eds-color-red-cold-900),var(--eds-color-red-warm-700));--eds-color-action-text-danger-secondary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-action-text-danger-primary-hover:light-dark(var(--eds-color-neutral-0),var(--eds-color-neutral-1500));--eds-color-action-text-danger-primary-initial:light-dark(var(--eds-color-neutral-0),var(--eds-color-neutral-1500));--eds-color-action-text-danger-primary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-action-text-muted-tertiary-hover:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-color-action-text-muted-tertiary-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-color-action-text-muted-tertiary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-action-text-muted-secondary-hover:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-color-action-text-muted-secondary-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-color-action-text-muted-secondary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-action-text-muted-primary-hover:light-dark(var(--eds-color-neutral-0),var(--eds-color-neutral-1500));--eds-color-action-text-muted-primary-initial:light-dark(var(--eds-color-neutral-0),var(--eds-color-neutral-1500));--eds-color-action-text-muted-primary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-action-text-standard-tertiary-hover:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-color-action-text-standard-tertiary-initial:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-color-action-text-standard-tertiary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-action-text-standard-secondary-hover:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-color-action-text-standard-secondary-initial:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-color-action-text-standard-secondary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-action-text-standard-primary-hover:light-dark(var(--eds-color-neutral-0),var(--eds-color-neutral-1500));--eds-color-action-text-standard-primary-initial:light-dark(var(--eds-color-neutral-0),var(--eds-color-neutral-1500));--eds-color-action-text-standard-primary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-action-text-primary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-neutral-1000));--eds-color-interactive-surface-raised-active-hover:light-dark(var(--eds-color-moss-green-100),#2a587480);--eds-color-interactive-surface-raised-active:light-dark(var(--eds-color-moss-green-100),#2a587480);--eds-color-interactive-surface-raised-hover:light-dark(var(--eds-color-neutral-200),#eaeaea1a);--eds-color-interactive-surface-raised-initial:light-dark(var(--eds-color-neutral-200),#eaeaea1a);--eds-color-interactive-surface-raised-disabled:light-dark(var(--eds-color-neutral-200),#2e3f4c66);--eds-color-interactive-surface-standard-quaternary-active-hover:light-dark(var(--eds-color-moss-green-300),var(--eds-color-mist-blue-muted-1200));--eds-color-interactive-surface-standard-quaternary-active:light-dark(#fff0,#0000);--eds-color-interactive-surface-standard-quaternary-hover:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-blue-1200));--eds-color-interactive-surface-standard-quaternary-initial:light-dark(#fff0,#0000);--eds-color-interactive-surface-standard-quaternary-disabled:light-dark(#fff0,#0000);--eds-color-interactive-surface-standard-tertiary-active-hover:light-dark(var(--eds-color-moss-green-300),var(--eds-color-mist-blue-muted-1100));--eds-color-interactive-surface-standard-tertiary-active:light-dark(var(--eds-color-moss-green-200),var(--eds-color-mist-blue-muted-1200));--eds-color-interactive-surface-standard-tertiary-hover:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-blue-1200));--eds-color-interactive-surface-standard-tertiary-initial:light-dark(#fff0,#0000);--eds-color-interactive-surface-standard-tertiary-disabled:light-dark(#fff0,#0000);--eds-color-interactive-surface-standard-secondary-active-hover:light-dark(var(--eds-color-moss-green-300),var(--eds-color-mist-blue-muted-1000));--eds-color-interactive-surface-standard-secondary-active:light-dark(var(--eds-color-moss-green-200),var(--eds-color-mist-blue-muted-1100));--eds-color-interactive-surface-standard-secondary-hover:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-blue-1200));--eds-color-interactive-surface-standard-secondary-initial:light-dark(#fff0,#0000);--eds-color-interactive-surface-standard-secondary-disabled:light-dark(#fff0,#0000);--eds-color-interactive-surface-standard-primary-active-hover:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-color-interactive-surface-standard-primary-active:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-color-interactive-surface-standard-primary-hover:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-blue-1200));--eds-color-interactive-surface-standard-primary-initial:light-dark(#fff0,#0000);--eds-color-interactive-surface-standard-primary-disabled-filled:light-dark(var(--eds-color-neutral-200),var(--eds-color-slate-grey-1300));--eds-color-interactive-surface-standard-primary-disabled-outlined:light-dark(#fff0,#0000);--eds-color-interactive-border-raised-active-hover:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-400));--eds-color-interactive-border-raised-active:light-dark(var(--eds-color-moss-green-400),var(--eds-color-mist-blue-muted-1200));--eds-color-interactive-border-raised-hover:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-400));--eds-color-interactive-border-raised-initial:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-grey-1100));--eds-color-interactive-border-raised-disabled:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-grey-1000));--eds-color-interactive-border-standard-quaternary-active-hover:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-color-interactive-border-standard-quaternary-active:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-color-interactive-border-standard-quaternary-hover:light-dark(var(--eds-color-neutral-500),#fff3);--eds-color-interactive-border-standard-quaternary-initial:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-color-interactive-border-standard-quaternary-disabled:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-color-interactive-border-standard-tertiary-active-hover:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-color-interactive-border-standard-tertiary-active:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-color-interactive-border-standard-tertiary-hover:var(--eds-color-neutral-100);--eds-color-interactive-border-standard-tertiary-initial:light-dark(var(--eds-color-neutral-100),var(--eds-color-slate-blue-1400));--eds-color-interactive-border-standard-tertiary-disabled:light-dark(var(--eds-color-neutral-100),var(--eds-color-slate-blue-1400));--eds-color-interactive-border-standard-secondary-active-hover:light-dark(#fff0,#0000);--eds-color-interactive-border-standard-secondary-active:light-dark(#fff0,#0000);--eds-color-interactive-border-standard-secondary-hover:light-dark(#fff0,#0000);--eds-color-interactive-border-standard-secondary-initial:light-dark(#fff0,#0000);--eds-color-interactive-border-standard-secondary-disabled:light-dark(#fff0,#0000);--eds-color-interactive-border-standard-primary-active-hover:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-color-interactive-border-standard-primary-active:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-color-interactive-border-standard-primary-hover:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-color-interactive-border-standard-primary-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-color-interactive-border-standard-primary-disabled:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-grey-1000));--eds-color-interactive-icon-raised-active-hover:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-200));--eds-color-interactive-icon-raised-active:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-300));--eds-color-interactive-icon-raised-hover:light-dark(var(--eds-color-neutral-1300),var(--eds-color-slate-grey-400));--eds-color-interactive-icon-raised-initial:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-color-interactive-icon-raised-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-interactive-icon-standard-quaternary-active-hover:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-300));--eds-color-interactive-icon-standard-quaternary-active:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-color-interactive-icon-standard-quaternary-hover:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-color-interactive-icon-standard-quaternary-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-color-interactive-icon-standard-quaternary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-interactive-icon-standard-tertiary-active-hover:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-color-interactive-icon-standard-tertiary-active:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-color-interactive-icon-standard-tertiary-hover:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-color-interactive-icon-standard-tertiary-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-color-interactive-icon-standard-tertiary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-interactive-icon-standard-secondary-active-hover:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-100));--eds-color-interactive-icon-standard-secondary-active:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-200));--eds-color-interactive-icon-standard-secondary-hover:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-color-interactive-icon-standard-secondary-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-color-interactive-icon-standard-secondary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-interactive-icon-standard-primary-active-hover:light-dark(var(--eds-color-neutral-0),var(--eds-color-neutral-1500));--eds-color-interactive-icon-standard-primary-active:light-dark(var(--eds-color-neutral-0),var(--eds-color-neutral-1500));--eds-color-interactive-icon-standard-primary-hover:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-color-interactive-icon-standard-primary-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-color-interactive-icon-standard-primary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-interactive-text-raised-active-hover:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-200));--eds-color-interactive-text-raised-active:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-300));--eds-color-interactive-text-raised-hover:light-dark(var(--eds-color-neutral-1300),var(--eds-color-slate-grey-400));--eds-color-interactive-text-raised-initial:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-color-interactive-text-raised-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-interactive-text-standard-quaternary-active-hover:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-color-interactive-text-standard-quaternary-active:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-color-interactive-text-standard-quaternary-hover:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-color-interactive-text-standard-quaternary-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-color-interactive-text-standard-quaternary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-interactive-text-standard-tertiary-active-hover:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-color-interactive-text-standard-tertiary-active:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-color-interactive-text-standard-tertiary-hover:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-color-interactive-text-standard-tertiary-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-color-interactive-text-standard-tertiary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-interactive-text-standard-secondary-active-hover:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-100));--eds-color-interactive-text-standard-secondary-active:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-200));--eds-color-interactive-text-standard-secondary-hover:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-color-interactive-text-standard-secondary-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-color-interactive-text-standard-secondary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-interactive-text-standard-primary-active-hover:light-dark(var(--eds-color-neutral-0),var(--eds-color-neutral-1500));--eds-color-interactive-text-standard-primary-active:light-dark(var(--eds-color-neutral-0),var(--eds-color-neutral-1500));--eds-color-interactive-text-standard-primary-hover:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-color-interactive-text-standard-primary-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-color-interactive-text-standard-primary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-static-surface-standard-on-level-3:light-dark(var(--eds-color-neutral-0),var(--eds-color-slate-blue-1300));--eds-color-static-surface-standard-on-level-2:light-dark(var(--eds-color-neutral-0),var(--eds-color-slate-blue-1350));--eds-color-static-surface-standard-on-level-1:light-dark(var(--eds-color-neutral-0),var(--eds-color-slate-blue-1350));--eds-color-static-surface-inverted:light-dark(var(--eds-color-surface-inverted-on-light),var(--eds-color-surface-inverted-on-dark));--eds-color-static-surface-raised:light-dark(var(--eds-color-neutral-200),#eaeaea1a);--eds-color-static-border-standard-on-level-3:light-dark(var(--eds-color-neutral-0),var(--eds-color-slate-blue-1300));--eds-color-static-border-standard-on-level-2:light-dark(var(--eds-color-neutral-0),var(--eds-color-slate-blue-1350));--eds-color-static-border-standard-on-level-1:light-dark(var(--eds-color-neutral-0),var(--eds-color-slate-blue-1350));--eds-color-static-border-inverted:light-dark(var(--eds-color-border-inverted-on-light),var(--eds-color-border-inverted-on-dark));--eds-color-static-border-raised:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-grey-1100));--eds-color-static-icon-standard-maximal:light-dark(var(--eds-color-icon-maximal-on-light),var(--eds-color-icon-maximal-on-dark));--eds-color-static-icon-standard-secondary:light-dark(var(--eds-color-icon-secondary-on-light),var(--eds-color-icon-secondary-on-dark));--eds-color-static-icon-standard-primary:light-dark(var(--eds-color-icon-primary-on-light),var(--eds-color-icon-primary-on-dark));--eds-color-static-icon-inverted:light-dark(var(--eds-color-icon-inverted-on-light),var(--eds-color-icon-inverted-on-dark));--eds-color-static-icon-raised:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-300));--eds-color-static-text-standard-maximal:light-dark(var(--eds-color-text-maximal-on-light),var(--eds-color-text-maximal-on-dark));--eds-color-static-text-standard-secondary:light-dark(var(--eds-color-text-secondary-on-light),var(--eds-color-text-secondary-on-dark));--eds-color-static-text-standard-primary:light-dark(var(--eds-color-text-primary-on-light),var(--eds-color-text-primary-on-dark));--eds-color-static-text-inverted:light-dark(var(--eds-color-text-inverted-on-light),var(--eds-color-text-inverted-on-dark));--eds-color-static-text-raised:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-300));--eds-color-shadow:light-dark(#00000024,#00000024)}:root,[data-density]{--density:var(--eds--spacious);--eds--comfortable:var(--density, );--eds--spacious:var(--density, )}[data-density=comfortable]{--density:var(--eds--comfortable)}[data-density=spacious]{--density:var(--eds--spacious)}:root{--eds-spacing-0:0rem;--eds-spacing-6:.063rem;--eds-spacing-12:.125rem;--eds-spacing-19:.188rem;--eds-spacing-25:.25rem;--eds-spacing-37:.375rem;--eds-spacing-50:.5rem;--eds-spacing-62:.625rem;--eds-spacing-75:.75rem;--eds-spacing-82:.875rem;--eds-spacing-100:1rem;--eds-spacing-125:1.25rem;--eds-spacing-150:1.5rem;--eds-spacing-175:1.75rem;--eds-spacing-200:2rem;--eds-spacing-225:2.25rem;--eds-spacing-250:2.5rem;--eds-spacing-275:2.75rem;--eds-spacing-300:3rem;--eds-spacing-325:3.25rem;--eds-spacing-350:3.5rem;--eds-spacing-375:3.75rem;--eds-spacing-400:4rem;--eds-spacing-450:4.5rem;--eds-spacing-500:5rem;--eds-spacing-550:5.5rem;--eds-spacing-600:6rem;--eds-spacing-700:7rem;--eds-spacing-800:8rem;--eds-spacing-900:9rem;--eds-spacing-1000:10rem;--eds-spacing-1100:11rem;--eds-spacing-1200:12rem;--eds-spacing-1300:13rem;--eds-spacing-1400:14rem;--eds-spacing-1500:15rem;--eds-spacing-1600:16rem;--eds-spacing-1700:17rem;--eds-spacing-1800:18rem;--eds-spacing-1900:19rem;--eds-spacing-2000:20rem;--eds-spacing-2100:21rem;--eds-spacing-2200:22rem;--eds-type-scale-inter-100-font-size:.563rem;--eds-type-scale-inter-100-tracking-tight:-.99px;--eds-type-scale-inter-100-tracking-normal:0px;--eds-type-scale-inter-100-tracking-loose:.99px;--eds-type-scale-inter-100-font-weight-lighter:300;--eds-type-scale-inter-100-font-weight-bolder:500;--eds-type-scale-inter-100-font-weight-normal:400;--eds-type-scale-inter-200-font-size:.656rem;--eds-type-scale-inter-200-tracking-tight:-1.15px;--eds-type-scale-inter-200-tracking-normal:0px;--eds-type-scale-inter-200-tracking-loose:1.15px;--eds-type-scale-inter-200-font-weight-lighter:300;--eds-type-scale-inter-200-font-weight-normal:400;--eds-type-scale-inter-200-font-weight-bolder:500;--eds-type-scale-inter-300-font-size:.75rem;--eds-type-scale-inter-300-tracking-tight:-1.32px;--eds-type-scale-inter-300-tracking-normal:0px;--eds-type-scale-inter-300-tracking-loose:1.32px;--eds-type-scale-inter-300-font-weight-lighter:300;--eds-type-scale-inter-300-font-weight-bolder:500;--eds-type-scale-inter-300-font-weight-normal:400;--eds-type-scale-inter-400-font-size:.875rem;--eds-type-scale-inter-400-tracking-tight:-1.54px;--eds-type-scale-inter-400-tracking-normal:0px;--eds-type-scale-inter-400-tracking-loose:1.54px;--eds-type-scale-inter-400-font-weight-lighter:300;--eds-type-scale-inter-400-font-weight-normal:400;--eds-type-scale-inter-400-font-weight-bolder:500;--eds-type-scale-inter-500-font-size:1rem;--eds-type-scale-inter-500-tracking-tight:-1.76px;--eds-type-scale-inter-500-tracking-normal:0px;--eds-type-scale-inter-500-tracking-loose:1.76px;--eds-type-scale-inter-500-font-weight-lighter:300;--eds-type-scale-inter-500-font-weight-normal:400;--eds-type-scale-inter-500-font-weight-bolder:500;--eds-type-scale-inter-600-font-size:1.156rem;--eds-type-scale-inter-600-tracking-tight:-1.76px;--eds-type-scale-inter-600-tracking-normal:0px;--eds-type-scale-inter-600-tracking-loose:2.035px;--eds-type-scale-inter-600-font-weight-lighter:300;--eds-type-scale-inter-600-font-weight-normal:400;--eds-type-scale-inter-600-font-weight-bolder:500;--eds-type-scale-inter-700-font-size:1.313rem;--eds-type-scale-inter-700-tracking-tight:-2.31px;--eds-type-scale-inter-700-tracking-normal:0px;--eds-type-scale-inter-700-tracking-loose:2.31px;--eds-type-scale-inter-700-font-weight-lighter:300;--eds-type-scale-inter-700-font-weight-normal:400;--eds-type-scale-inter-700-font-weight-bolder:500;--eds-type-scale-inter-800-font-size:1.531rem;--eds-type-scale-inter-800-tracking-tight:-2.695px;--eds-type-scale-inter-800-tracking-normal:0px;--eds-type-scale-inter-800-tracking-loose:2.695px;--eds-type-scale-inter-800-font-weight-lighter:300;--eds-type-scale-inter-800-font-weight-normal:400;--eds-type-scale-inter-800-font-weight-bolder:500;--eds-type-scale-inter-900-font-size:1.75rem;--eds-type-scale-inter-900-tracking-tight:-3.08px;--eds-type-scale-inter-900-tracking-normal:0px;--eds-type-scale-inter-900-tracking-loose:3.08px;--eds-type-scale-inter-900-font-weight-lighter:300;--eds-type-scale-inter-900-font-weight-normal:400;--eds-type-scale-inter-900-font-weight-bolder:500;--eds-type-scale-inter-1000-font-size:2rem;--eds-type-scale-inter-1000-tracking-tight:-3.52px;--eds-type-scale-inter-1000-tracking-normal:0px;--eds-type-scale-inter-1000-tracking-loose:3.52px;--eds-type-scale-inter-1000-font-weight-lighter:300;--eds-type-scale-inter-1000-font-weight-normal:400;--eds-type-scale-inter-1000-font-weight-bolder:500;--eds-type-scale-inter-1100-font-size:2.313rem;--eds-type-scale-inter-1100-tracking-tight:-4.07px;--eds-type-scale-inter-1100-tracking-normal:0px;--eds-type-scale-inter-1100-tracking-loose:4.07px;--eds-type-scale-inter-1100-font-weight-lighter:300;--eds-type-scale-inter-1100-font-weight-normal:400;--eds-type-scale-inter-1100-font-weight-bolder:500;--eds-type-scale-equinor-100-font-size:.656rem;--eds-type-scale-equinor-100-tracking-tight:-.99px;--eds-type-scale-equinor-100-tracking-normal:0px;--eds-type-scale-equinor-100-tracking-loose:.99px;--eds-type-scale-equinor-100-font-weight-lighter:300;--eds-type-scale-equinor-100-font-weight-bolder:500;--eds-type-scale-equinor-100-font-weight-normal:400;--eds-type-scale-equinor-200-font-size:.75rem;--eds-type-scale-equinor-200-tracking-tight:-1.15px;--eds-type-scale-equinor-200-tracking-normal:0px;--eds-type-scale-equinor-200-tracking-loose:1.15px;--eds-type-scale-equinor-200-font-weight-lighter:300;--eds-type-scale-equinor-200-font-weight-normal:400;--eds-type-scale-equinor-200-font-weight-bolder:500;--eds-type-scale-equinor-300-font-size:.875rem;--eds-type-scale-equinor-300-tracking-tight:-1.32px;--eds-type-scale-equinor-300-tracking-normal:0px;--eds-type-scale-equinor-300-tracking-loose:1.32px;--eds-type-scale-equinor-300-font-weight-lighter:300;--eds-type-scale-equinor-300-font-weight-bolder:500;--eds-type-scale-equinor-300-font-weight-normal:400;--eds-type-scale-equinor-400-font-size:1rem;--eds-type-scale-equinor-400-tracking-tight:-1.54px;--eds-type-scale-equinor-400-tracking-normal:0px;--eds-type-scale-equinor-400-tracking-loose:1.54px;--eds-type-scale-equinor-400-font-weight-lighter:300;--eds-type-scale-equinor-400-font-weight-normal:400;--eds-type-scale-equinor-400-font-weight-bolder:500;--eds-type-scale-equinor-500-font-size:1.125rem;--eds-type-scale-equinor-500-tracking-tight:-1.76px;--eds-type-scale-equinor-500-tracking-normal:0px;--eds-type-scale-equinor-500-tracking-loose:1.76px;--eds-type-scale-equinor-500-font-weight-lighter:300;--eds-type-scale-equinor-500-font-weight-normal:400;--eds-type-scale-equinor-500-font-weight-bolder:500;--eds-type-scale-equinor-600-font-size:1.313rem;--eds-type-scale-equinor-600-tracking-tight:-1.76px;--eds-type-scale-equinor-600-tracking-normal:0px;--eds-type-scale-equinor-600-tracking-loose:2.035px;--eds-type-scale-equinor-600-font-weight-lighter:300;--eds-type-scale-equinor-600-font-weight-normal:400;--eds-type-scale-equinor-600-font-weight-bolder:500;--eds-type-scale-equinor-700-font-size:1.5rem;--eds-type-scale-equinor-700-tracking-tight:-2.31px;--eds-type-scale-equinor-700-tracking-normal:0px;--eds-type-scale-equinor-700-tracking-loose:2.31px;--eds-type-scale-equinor-700-font-weight-lighter:300;--eds-type-scale-equinor-700-font-weight-normal:400;--eds-type-scale-equinor-700-font-weight-bolder:500;--eds-type-scale-equinor-800-font-size:1.719rem;--eds-type-scale-equinor-800-tracking-tight:-2.695px;--eds-type-scale-equinor-800-tracking-normal:0px;--eds-type-scale-equinor-800-tracking-loose:2.695px;--eds-type-scale-equinor-800-font-weight-lighter:300;--eds-type-scale-equinor-800-font-weight-normal:400;--eds-type-scale-equinor-800-font-weight-bolder:500;--eds-type-scale-equinor-900-font-size:1.969rem;--eds-type-scale-equinor-900-tracking-tight:-3.08px;--eds-type-scale-equinor-900-tracking-normal:0px;--eds-type-scale-equinor-900-tracking-loose:3.08px;--eds-type-scale-equinor-900-font-weight-lighter:300;--eds-type-scale-equinor-900-font-weight-normal:400;--eds-type-scale-equinor-900-font-weight-bolder:500;--eds-type-scale-equinor-1000-font-size:2.281rem;--eds-type-scale-equinor-1000-tracking-tight:-3.52px;--eds-type-scale-equinor-1000-tracking-normal:0px;--eds-type-scale-equinor-1000-tracking-loose:3.52px;--eds-type-scale-equinor-1000-font-weight-lighter:300;--eds-type-scale-equinor-1000-font-weight-normal:400;--eds-type-scale-equinor-1000-font-weight-bolder:500;--eds-type-scale-equinor-1100-font-size:2.625rem;--eds-type-scale-equinor-1100-tracking-tight:-4.07px;--eds-type-scale-equinor-1100-tracking-normal:0px;--eds-type-scale-equinor-1100-tracking-loose:4.07px;--eds-type-scale-equinor-1100-font-weight-lighter:300;--eds-type-scale-equinor-1100-font-weight-normal:400;--eds-type-scale-equinor-1100-font-weight-bolder:500;--eds-lineheight-scale-100-default:.75rem;--eds-lineheight-scale-100-lineheight-squished:.75rem;--eds-lineheight-scale-200-default:1rem;--eds-lineheight-scale-200-lineheight-squished:.75rem;--eds-lineheight-scale-300-default:1rem;--eds-lineheight-scale-300-lineheight-squished:.75rem;--eds-lineheight-scale-400-default:1.25rem;--eds-lineheight-scale-400-lineheight-squished:1rem;--eds-lineheight-scale-500-default:1.5rem;--eds-lineheight-scale-500-lineheight-squished:1.25rem;--eds-lineheight-scale-600-default:1.5rem;--eds-lineheight-scale-600-lineheight-squished:1.25rem;--eds-lineheight-scale-700-default:1.75rem;--eds-lineheight-scale-700-lineheight-squished:1.5rem;--eds-lineheight-scale-800-default:2rem;--eds-lineheight-scale-800-lineheight-squished:1.75rem;--eds-lineheight-scale-900-default:2rem;--eds-lineheight-scale-900-lineheight-squished:1.75rem;--eds-lineheight-scale-1000-default:2.25rem;--eds-lineheight-scale-1000-lineheight-squished:2rem;--eds-lineheight-scale-1100-default:2.5rem;--eds-lineheight-scale-1100-squished:2.25rem;--eds-font-family-inter:"Inter";--eds-font-family-equinor:"Equinor"}:root,[data-density]{--eds-typography-header-6xl-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-1100-squished))var(--eds--comfortable,var(--eds-lineheight-scale-1000-lineheight-squished));--eds-typography-header-6xl-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-1100-default))var(--eds--comfortable,var(--eds-lineheight-scale-1000-default));--eds-typography-header-6xl-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-equinor-1100-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-equinor-1000-font-weight-bolder));--eds-typography-header-6xl-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-equinor-1100-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-1000-font-weight-normal));--eds-typography-header-6xl-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-equinor-1100-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-equinor-1000-font-weight-lighter));--eds-typography-header-6xl-tracking-loose:var(--eds--spacious,var(--eds-type-scale-equinor-1100-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-equinor-1000-tracking-loose));--eds-typography-header-6xl-tracking-normal:var(--eds--spacious,var(--eds-type-scale-equinor-1100-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-1000-tracking-normal));--eds-typography-header-6xl-tracking-tight:var(--eds--spacious,var(--eds-type-scale-equinor-1100-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-equinor-1000-tracking-tight));--eds-typography-header-6xl-font-size:var(--eds--spacious,var(--eds-type-scale-equinor-1100-font-size))var(--eds--comfortable,var(--eds-type-scale-equinor-1000-font-size));--eds-typography-header-5xl-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-1000-lineheight-squished))var(--eds--comfortable,var(--eds-lineheight-scale-900-lineheight-squished));--eds-typography-header-5xl-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-1000-default))var(--eds--comfortable,var(--eds-lineheight-scale-900-default));--eds-typography-header-5xl-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-equinor-1000-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-equinor-900-font-weight-bolder));--eds-typography-header-5xl-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-equinor-1000-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-900-font-weight-normal));--eds-typography-header-5xl-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-equinor-1000-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-equinor-900-font-weight-lighter));--eds-typography-header-5xl-tracking-loose:var(--eds--spacious,var(--eds-type-scale-equinor-1000-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-equinor-900-tracking-loose));--eds-typography-header-5xl-tracking-normal:var(--eds--spacious,var(--eds-type-scale-equinor-1000-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-900-tracking-normal));--eds-typography-header-5xl-tracking-tight:var(--eds--spacious,var(--eds-type-scale-equinor-1000-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-equinor-900-tracking-tight));--eds-typography-header-5xl-font-size:var(--eds--spacious,var(--eds-type-scale-equinor-1000-font-size))var(--eds--comfortable,var(--eds-type-scale-equinor-900-font-size));--eds-typography-header-4xl-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-900-lineheight-squished))var(--eds--comfortable,var(--eds-lineheight-scale-800-lineheight-squished));--eds-typography-header-4xl-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-900-default))var(--eds--comfortable,var(--eds-lineheight-scale-800-default));--eds-typography-header-4xl-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-equinor-900-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-equinor-800-font-weight-bolder));--eds-typography-header-4xl-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-equinor-900-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-800-font-weight-normal));--eds-typography-header-4xl-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-equinor-900-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-equinor-800-font-weight-lighter));--eds-typography-header-4xl-tracking-loose:var(--eds--spacious,var(--eds-type-scale-equinor-900-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-equinor-800-tracking-loose));--eds-typography-header-4xl-tracking-normal:var(--eds--spacious,var(--eds-type-scale-equinor-900-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-800-tracking-normal));--eds-typography-header-4xl-tracking-tight:var(--eds--spacious,var(--eds-type-scale-equinor-900-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-equinor-800-tracking-tight));--eds-typography-header-4xl-font-size:var(--eds--spacious,var(--eds-type-scale-equinor-900-font-size))var(--eds--comfortable,var(--eds-type-scale-equinor-800-font-size));--eds-typography-header-3xl-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-800-lineheight-squished))var(--eds--comfortable,var(--eds-lineheight-scale-700-lineheight-squished));--eds-typography-header-3xl-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-800-default))var(--eds--comfortable,var(--eds-lineheight-scale-700-default));--eds-typography-header-3xl-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-equinor-800-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-equinor-700-font-weight-bolder));--eds-typography-header-3xl-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-equinor-800-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-700-font-weight-normal));--eds-typography-header-3xl-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-equinor-800-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-equinor-700-font-weight-lighter));--eds-typography-header-3xl-tracking-loose:var(--eds--spacious,var(--eds-type-scale-equinor-800-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-equinor-700-tracking-loose));--eds-typography-header-3xl-tracking-normal:var(--eds--spacious,var(--eds-type-scale-equinor-800-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-700-tracking-normal));--eds-typography-header-3xl-tracking-tight:var(--eds--spacious,var(--eds-type-scale-equinor-800-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-equinor-700-tracking-tight));--eds-typography-header-3xl-font-size:var(--eds--spacious,var(--eds-type-scale-equinor-800-font-size))var(--eds--comfortable,var(--eds-type-scale-equinor-700-font-size));--eds-typography-header-2xl-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-700-lineheight-squished))var(--eds--comfortable,var(--eds-lineheight-scale-600-lineheight-squished));--eds-typography-header-2xl-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-700-default))var(--eds--comfortable,var(--eds-lineheight-scale-600-default));--eds-typography-header-2xl-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-equinor-700-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-equinor-600-font-weight-bolder));--eds-typography-header-2xl-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-equinor-700-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-600-font-weight-normal));--eds-typography-header-2xl-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-equinor-700-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-equinor-600-font-weight-lighter));--eds-typography-header-2xl-tracking-loose:var(--eds--spacious,var(--eds-type-scale-equinor-700-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-equinor-600-tracking-loose));--eds-typography-header-2xl-tracking-normal:var(--eds--spacious,var(--eds-type-scale-equinor-700-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-600-tracking-normal));--eds-typography-header-2xl-tracking-tight:var(--eds--spacious,var(--eds-type-scale-equinor-700-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-equinor-600-tracking-tight));--eds-typography-header-2xl-font-size:var(--eds--spacious,var(--eds-type-scale-equinor-700-font-size))var(--eds--comfortable,var(--eds-type-scale-equinor-600-font-size));--eds-typography-header-xl-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-600-lineheight-squished))var(--eds--comfortable,var(--eds-lineheight-scale-500-lineheight-squished));--eds-typography-header-xl-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-600-default))var(--eds--comfortable,var(--eds-lineheight-scale-500-default));--eds-typography-header-xl-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-equinor-600-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-equinor-500-font-weight-bolder));--eds-typography-header-xl-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-equinor-600-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-500-font-weight-normal));--eds-typography-header-xl-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-equinor-600-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-equinor-500-font-weight-lighter));--eds-typography-header-xl-tracking-loose:var(--eds--spacious,var(--eds-type-scale-equinor-600-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-equinor-500-tracking-loose));--eds-typography-header-xl-tracking-normal:var(--eds--spacious,var(--eds-type-scale-equinor-600-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-500-tracking-normal));--eds-typography-header-xl-tracking-tight:var(--eds--spacious,var(--eds-type-scale-equinor-600-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-equinor-500-tracking-tight));--eds-typography-header-xl-font-size:var(--eds--spacious,var(--eds-type-scale-equinor-600-font-size))var(--eds--comfortable,var(--eds-type-scale-equinor-500-font-size));--eds-typography-header-lg-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-500-lineheight-squished))var(--eds--comfortable,var(--eds-lineheight-scale-400-lineheight-squished));--eds-typography-header-lg-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-500-default))var(--eds--comfortable,var(--eds-lineheight-scale-400-default));--eds-typography-header-lg-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-equinor-500-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-equinor-400-font-weight-bolder));--eds-typography-header-lg-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-equinor-500-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-400-font-weight-normal));--eds-typography-header-lg-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-equinor-500-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-equinor-400-font-weight-lighter));--eds-typography-header-lg-tracking-loose:var(--eds--spacious,var(--eds-type-scale-equinor-500-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-equinor-400-tracking-loose));--eds-typography-header-lg-tracking-normal:var(--eds--spacious,var(--eds-type-scale-equinor-500-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-400-tracking-normal));--eds-typography-header-lg-tracking-tight:var(--eds--spacious,var(--eds-type-scale-equinor-500-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-equinor-400-tracking-tight));--eds-typography-header-lg-font-size:var(--eds--spacious,var(--eds-type-scale-equinor-500-font-size))var(--eds--comfortable,var(--eds-type-scale-equinor-400-font-size));--eds-typography-header-md-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-400-lineheight-squished))var(--eds--comfortable,var(--eds-lineheight-scale-300-lineheight-squished));--eds-typography-header-md-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-400-default))var(--eds--comfortable,var(--eds-lineheight-scale-300-default));--eds-typography-header-md-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-equinor-400-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-equinor-300-font-weight-bolder));--eds-typography-header-md-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-equinor-400-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-300-font-weight-normal));--eds-typography-header-md-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-equinor-400-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-equinor-300-font-weight-lighter));--eds-typography-header-md-tracking-loose:var(--eds--spacious,var(--eds-type-scale-equinor-400-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-equinor-300-tracking-loose));--eds-typography-header-md-tracking-normal:var(--eds--spacious,var(--eds-type-scale-equinor-400-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-300-tracking-normal));--eds-typography-header-md-tracking-tight:var(--eds--spacious,var(--eds-type-scale-equinor-400-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-equinor-300-tracking-tight));--eds-typography-header-md-font-size:var(--eds--spacious,var(--eds-type-scale-equinor-400-font-size))var(--eds--comfortable,var(--eds-type-scale-equinor-300-font-size));--eds-typography-header-sm-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-300-lineheight-squished))var(--eds--comfortable,var(--eds-lineheight-scale-200-lineheight-squished));--eds-typography-header-sm-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-300-default))var(--eds--comfortable,var(--eds-lineheight-scale-200-default));--eds-typography-header-sm-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-equinor-300-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-equinor-200-font-weight-bolder));--eds-typography-header-sm-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-equinor-300-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-200-font-weight-normal));--eds-typography-header-sm-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-equinor-300-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-equinor-200-font-weight-lighter));--eds-typography-header-sm-tracking-loose:var(--eds--spacious,var(--eds-type-scale-equinor-300-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-equinor-200-tracking-loose));--eds-typography-header-sm-tracking-normal:var(--eds--spacious,var(--eds-type-scale-equinor-300-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-200-tracking-normal));--eds-typography-header-sm-tracking-tight:var(--eds--spacious,var(--eds-type-scale-equinor-300-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-equinor-200-tracking-tight));--eds-typography-header-sm-font-size:var(--eds--spacious,var(--eds-type-scale-equinor-300-font-size))var(--eds--comfortable,var(--eds-type-scale-equinor-200-font-size));--eds-typography-header-font-family:var(--eds-font-family-equinor);--eds-typography-header-xs-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-200-lineheight-squished))var(--eds--comfortable,var(--eds-lineheight-scale-100-lineheight-squished));--eds-typography-header-xs-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-200-default))var(--eds--comfortable,var(--eds-lineheight-scale-100-default));--eds-typography-header-xs-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-equinor-200-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-equinor-100-font-weight-bolder));--eds-typography-header-xs-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-equinor-200-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-100-font-weight-normal));--eds-typography-header-xs-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-equinor-200-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-equinor-100-font-weight-lighter));--eds-typography-header-xs-tracking-loose:var(--eds--spacious,var(--eds-type-scale-equinor-200-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-equinor-100-tracking-loose));--eds-typography-header-xs-tracking-normal:var(--eds--spacious,var(--eds-type-scale-equinor-200-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-100-tracking-normal));--eds-typography-header-xs-tracking-tight:var(--eds--spacious,var(--eds-type-scale-equinor-200-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-equinor-100-tracking-tight));--eds-typography-header-xs-font-size:var(--eds--spacious,var(--eds-type-scale-equinor-200-font-size))var(--eds--comfortable,var(--eds-type-scale-equinor-100-font-size));--eds-typography-ui-body-6xl-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-1100-squished))var(--eds--comfortable,var(--eds-lineheight-scale-1000-lineheight-squished));--eds-typography-ui-body-6xl-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-1100-default))var(--eds--comfortable,var(--eds-lineheight-scale-1000-default));--eds-typography-ui-body-6xl-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-inter-1100-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-inter-1000-font-weight-bolder));--eds-typography-ui-body-6xl-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-inter-1100-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-inter-1000-tracking-normal));--eds-typography-ui-body-6xl-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-inter-1100-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-inter-1000-font-weight-lighter));--eds-typography-ui-body-6xl-tracking-loose:var(--eds--spacious,var(--eds-type-scale-inter-1100-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-inter-1000-tracking-loose));--eds-typography-ui-body-6xl-tracking-normal:var(--eds--spacious,var(--eds-type-scale-inter-1100-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-inter-1000-tracking-normal));--eds-typography-ui-body-6xl-tracking-tight:var(--eds--spacious,var(--eds-type-scale-inter-1100-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-inter-1000-tracking-tight));--eds-typography-ui-body-6xl-font-size:var(--eds--spacious,var(--eds-type-scale-inter-1100-font-size))var(--eds--comfortable,var(--eds-type-scale-inter-1000-font-size));--eds-typography-ui-body-5xl-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-1000-lineheight-squished))var(--eds--comfortable,var(--eds-lineheight-scale-900-lineheight-squished));--eds-typography-ui-body-5xl-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-1000-default))var(--eds--comfortable,var(--eds-lineheight-scale-900-default));--eds-typography-ui-body-5xl-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-inter-1000-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-inter-900-font-weight-bolder));--eds-typography-ui-body-5xl-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-inter-1000-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-inter-900-font-weight-normal));--eds-typography-ui-body-5xl-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-inter-1000-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-inter-900-font-weight-lighter));--eds-typography-ui-body-5xl-tracking-loose:var(--eds--spacious,var(--eds-type-scale-inter-1000-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-inter-900-tracking-loose));--eds-typography-ui-body-5xl-tracking-normal:var(--eds--spacious,var(--eds-type-scale-inter-1000-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-inter-900-tracking-normal));--eds-typography-ui-body-5xl-tracking-tight:var(--eds--spacious,var(--eds-type-scale-inter-1000-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-inter-900-tracking-tight));--eds-typography-ui-body-5xl-font-size:var(--eds--spacious,var(--eds-type-scale-inter-1000-font-size))var(--eds--comfortable,var(--eds-type-scale-inter-900-font-size));--eds-typography-ui-body-4xl-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-900-lineheight-squished))var(--eds--comfortable,var(--eds-lineheight-scale-800-lineheight-squished));--eds-typography-ui-body-4xl-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-900-default))var(--eds--comfortable,var(--eds-lineheight-scale-800-default));--eds-typography-ui-body-4xl-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-inter-900-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-inter-800-font-weight-bolder));--eds-typography-ui-body-4xl-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-inter-900-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-inter-800-font-weight-normal));--eds-typography-ui-body-4xl-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-inter-900-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-inter-800-font-weight-lighter));--eds-typography-ui-body-4xl-tracking-loose:var(--eds--spacious,var(--eds-type-scale-inter-900-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-inter-800-tracking-loose));--eds-typography-ui-body-4xl-tracking-normal:var(--eds--spacious,var(--eds-type-scale-inter-900-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-inter-800-tracking-normal));--eds-typography-ui-body-4xl-tracking-tight:var(--eds--spacious,var(--eds-type-scale-inter-900-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-inter-800-tracking-tight));--eds-typography-ui-body-4xl-font-size:var(--eds--spacious,var(--eds-type-scale-inter-900-font-size))var(--eds--comfortable,var(--eds-type-scale-inter-800-font-size));--eds-typography-ui-body-3xl-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-800-lineheight-squished))var(--eds--comfortable,var(--eds-lineheight-scale-700-lineheight-squished));--eds-typography-ui-body-3xl-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-800-default))var(--eds--comfortable,var(--eds-lineheight-scale-700-default));--eds-typography-ui-body-3xl-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-inter-800-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-inter-700-font-weight-bolder));--eds-typography-ui-body-3xl-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-inter-800-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-inter-700-font-weight-normal));--eds-typography-ui-body-3xl-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-inter-800-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-inter-700-font-weight-lighter));--eds-typography-ui-body-3xl-tracking-loose:var(--eds--spacious,var(--eds-type-scale-inter-800-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-inter-700-tracking-loose));--eds-typography-ui-body-3xl-tracking-normal:var(--eds--spacious,var(--eds-type-scale-inter-800-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-inter-700-tracking-normal));--eds-typography-ui-body-3xl-tracking-tight:var(--eds--spacious,var(--eds-type-scale-inter-800-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-inter-700-tracking-tight));--eds-typography-ui-body-3xl-font-size:var(--eds--spacious,var(--eds-type-scale-inter-800-font-size))var(--eds--comfortable,var(--eds-type-scale-inter-700-font-size));--eds-typography-ui-body-2xl-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-700-lineheight-squished))var(--eds--comfortable,var(--eds-lineheight-scale-600-lineheight-squished));--eds-typography-ui-body-2xl-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-700-default))var(--eds--comfortable,var(--eds-lineheight-scale-600-default));--eds-typography-ui-body-2xl-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-inter-700-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-inter-600-font-weight-bolder));--eds-typography-ui-body-2xl-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-inter-700-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-inter-600-font-weight-normal));--eds-typography-ui-body-2xl-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-inter-700-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-inter-600-font-weight-lighter));--eds-typography-ui-body-2xl-tracking-loose:var(--eds--spacious,var(--eds-type-scale-inter-700-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-inter-600-tracking-loose));--eds-typography-ui-body-2xl-tracking-normal:var(--eds--spacious,var(--eds-type-scale-inter-700-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-inter-600-tracking-normal));--eds-typography-ui-body-2xl-tracking-tight:var(--eds--spacious,var(--eds-type-scale-inter-700-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-inter-600-tracking-tight));--eds-typography-ui-body-2xl-font-size:var(--eds--spacious,var(--eds-type-scale-inter-700-font-size))var(--eds--comfortable,var(--eds-type-scale-inter-600-font-size));--eds-typography-ui-body-xl-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-600-lineheight-squished))var(--eds--comfortable,var(--eds-lineheight-scale-500-lineheight-squished));--eds-typography-ui-body-xl-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-600-default))var(--eds--comfortable,var(--eds-lineheight-scale-500-default));--eds-typography-ui-body-xl-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-inter-600-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-inter-500-font-weight-bolder));--eds-typography-ui-body-xl-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-inter-600-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-inter-500-font-weight-normal));--eds-typography-ui-body-xl-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-inter-600-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-inter-500-font-weight-lighter));--eds-typography-ui-body-xl-tracking-loose:var(--eds--spacious,var(--eds-type-scale-inter-600-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-inter-500-tracking-loose));--eds-typography-ui-body-xl-tracking-normal:var(--eds--spacious,var(--eds-type-scale-inter-600-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-inter-500-tracking-normal));--eds-typography-ui-body-xl-tracking-tight:var(--eds--spacious,var(--eds-type-scale-inter-600-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-inter-500-tracking-tight));--eds-typography-ui-body-xl-font-size:var(--eds--spacious,var(--eds-type-scale-inter-600-font-size))var(--eds--comfortable,var(--eds-type-scale-inter-500-font-size));--eds-typography-ui-body-lg-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-500-lineheight-squished))var(--eds--comfortable,var(--eds-lineheight-scale-400-lineheight-squished));--eds-typography-ui-body-lg-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-500-default))var(--eds--comfortable,var(--eds-lineheight-scale-400-default));--eds-typography-ui-body-lg-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-equinor-500-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-inter-400-font-weight-bolder));--eds-typography-ui-body-lg-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-equinor-500-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-inter-400-font-weight-normal));--eds-typography-ui-body-lg-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-equinor-500-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-inter-400-font-weight-lighter));--eds-typography-ui-body-lg-tracking-loose:var(--eds--spacious,var(--eds-type-scale-equinor-500-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-inter-400-tracking-loose));--eds-typography-ui-body-lg-tracking-normal:var(--eds--spacious,var(--eds-type-scale-equinor-500-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-inter-400-tracking-normal));--eds-typography-ui-body-lg-tracking-tight:var(--eds--spacious,var(--eds-type-scale-equinor-500-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-inter-400-tracking-tight));--eds-typography-ui-body-lg-font-size:var(--eds--spacious,var(--eds-type-scale-inter-500-font-size))var(--eds--comfortable,var(--eds-type-scale-inter-400-font-size));--eds-typography-ui-body-md-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-400-lineheight-squished))var(--eds--comfortable,var(--eds-lineheight-scale-300-lineheight-squished));--eds-typography-ui-body-md-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-400-default))var(--eds--comfortable,var(--eds-lineheight-scale-300-default));--eds-typography-ui-body-md-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-inter-400-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-inter-300-font-weight-bolder));--eds-typography-ui-body-md-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-inter-400-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-inter-300-font-weight-normal));--eds-typography-ui-body-md-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-inter-400-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-inter-300-font-weight-lighter));--eds-typography-ui-body-md-tracking-loose:var(--eds--spacious,var(--eds-type-scale-inter-400-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-inter-300-tracking-loose));--eds-typography-ui-body-md-tracking-normal:var(--eds--spacious,var(--eds-type-scale-inter-400-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-inter-300-tracking-normal));--eds-typography-ui-body-md-tracking-tight:var(--eds--spacious,var(--eds-type-scale-inter-400-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-inter-300-tracking-tight));--eds-typography-ui-body-md-font-size:var(--eds--spacious,var(--eds-type-scale-inter-400-font-size))var(--eds--comfortable,var(--eds-type-scale-inter-300-font-size));--eds-typography-ui-body-font-family:var(--eds-font-family-inter);--eds-typography-ui-body-sm-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-300-lineheight-squished))var(--eds--comfortable,var(--eds-lineheight-scale-200-lineheight-squished));--eds-typography-ui-body-sm-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-300-default))var(--eds--comfortable,var(--eds-lineheight-scale-200-default));--eds-typography-ui-body-sm-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-inter-300-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-inter-200-font-weight-bolder));--eds-typography-ui-body-sm-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-inter-300-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-inter-200-font-weight-normal));--eds-typography-ui-body-sm-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-inter-300-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-inter-200-font-weight-lighter));--eds-typography-ui-body-sm-tracking-loose:var(--eds--spacious,var(--eds-type-scale-inter-300-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-inter-200-tracking-loose));--eds-typography-ui-body-sm-tracking-normal:var(--eds--spacious,var(--eds-type-scale-inter-300-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-inter-200-tracking-normal));--eds-typography-ui-body-sm-tracking-tight:var(--eds--spacious,var(--eds-type-scale-inter-300-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-inter-200-tracking-tight));--eds-typography-ui-body-sm-font-size:var(--eds--spacious,var(--eds-type-scale-inter-300-font-size))var(--eds--comfortable,var(--eds-type-scale-inter-200-font-size));--eds-typography-ui-body-xs-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-200-lineheight-squished))var(--eds--comfortable,var(--eds-lineheight-scale-100-lineheight-squished));--eds-typography-ui-body-xs-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-200-default))var(--eds--comfortable,var(--eds-lineheight-scale-100-default));--eds-typography-ui-body-xs-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-inter-200-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-inter-100-font-weight-bolder));--eds-typography-ui-body-xs-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-inter-200-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-inter-100-font-weight-normal));--eds-typography-ui-body-xs-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-inter-200-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-inter-100-font-weight-lighter));--eds-typography-ui-body-xs-tracking-loose:var(--eds--spacious,var(--eds-type-scale-inter-200-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-inter-100-tracking-loose));--eds-typography-ui-body-xs-tracking-normal:var(--eds--spacious,var(--eds-type-scale-inter-200-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-inter-100-tracking-normal));--eds-typography-ui-body-xs-tracking-tight:var(--eds--spacious,var(--eds-type-scale-inter-200-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-inter-100-tracking-tight));--eds-typography-ui-body-xs-font-size:var(--eds--spacious,var(--eds-type-scale-inter-200-font-size))var(--eds--comfortable,var(--eds-type-scale-inter-100-font-size));--eds-sizing-stroke-none:0rem;--eds-sizing-stroke-thick:var(--eds--spacious,.125rem)var(--eds--comfortable,.125rem);--eds-sizing-stroke-thin:var(--eds--spacious,.063rem)var(--eds--comfortable,.063rem);--eds-sizing-selectable-2xl:var(--eds--spacious,3.75rem)var(--eds--comfortable,3.25rem);--eds-sizing-selectable-xl:var(--eds--spacious,3.25rem)var(--eds--comfortable,2.75rem);--eds-sizing-selectable-lg:var(--eds--spacious,2.75rem)var(--eds--comfortable,2.25rem);--eds-sizing-selectable-md:var(--eds--spacious,2.25rem)var(--eds--comfortable,1.5rem);--eds-sizing-selectable-sm:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-sizing-selectable-xs:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-sizing-icon-6xl:var(--eds--spacious,3.5rem)var(--eds--comfortable,3rem);--eds-sizing-icon-5xl:var(--eds--spacious,3rem)var(--eds--comfortable,2.625rem);--eds-sizing-icon-4xl:var(--eds--spacious,2.625rem)var(--eds--comfortable,2.313rem);--eds-sizing-icon-3xl:var(--eds--spacious,2.313rem)var(--eds--comfortable,2rem);--eds-sizing-icon-2xl:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-sizing-icon-xl:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-sizing-icon-lg:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-sizing-icon-md:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.125rem);--eds-sizing-icon-sm:var(--eds--spacious,1.125rem)var(--eds--comfortable,1rem);--eds-sizing-icon-xs:var(--eds--spacious,1rem)var(--eds--comfortable,.875rem);--eds-spacing-inset-xl-stack-stretched:var(--eds-spacing-stack-2-xl);--eds-spacing-inset-xl-stack-squared:var(--eds-spacing-stack-xl);--eds-spacing-inset-xl-stack-squished:var(--eds-spacing-stack-lg);--eds-spacing-inset-xl-inline:var(--eds-spacing-inline-xl);--eds-spacing-inset-lg-stack-stretched:var(--eds-spacing-stack-xl);--eds-spacing-inset-lg-stack-squared:var(--eds-spacing-stack-lg);--eds-spacing-inset-lg-stack-squished:var(--eds-spacing-stack-md);--eds-spacing-inset-lg-inline:var(--eds-spacing-inline-lg);--eds-spacing-inset-md-stack-stretched:var(--eds-spacing-stack-lg);--eds-spacing-inset-md-stack-squared:var(--eds-spacing-stack-md);--eds-spacing-inset-md-stack-squished:var(--eds-spacing-stack-sm);--eds-spacing-inset-md-inline:var(--eds-spacing-inline-md);--eds-spacing-inset-sm-stack-stretched:var(--eds-spacing-stack-md);--eds-spacing-inset-sm-stack-squared:var(--eds-spacing-stack-sm);--eds-spacing-inset-sm-stack-squished:var(--eds-spacing-stack-xs);--eds-spacing-inset-sm-inline:var(--eds-spacing-inline-sm);--eds-spacing-inset-xs-stack-stretched:var(--eds-spacing-stack-sm);--eds-spacing-inset-xs-stack-squared:var(--eds-spacing-stack-xs);--eds-spacing-inset-xs-stack-squished:var(--eds-spacing-stack-2-xs);--eds-spacing-inset-xs-inline:var(--eds-spacing-inline-xs);--eds-spacing-border-radius-none:0rem;--eds-spacing-border-radius-pill:var(--eds--spacious,62.5rem)var(--eds--comfortable,62.5rem);--eds-spacing-border-radius-rounded:var(--eds--spacious,var(--eds-spacing-25))var(--eds--comfortable,var(--eds-spacing-19));--eds-spacing-stack-3-xl:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-spacing-stack-2-xl:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-spacing-stack-xl:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-stack-lg:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-stack-md:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-stack-sm:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-stack-xs:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-stack-2-xs:var(--eds--spacious,.375rem)var(--eds--comfortable,.25rem);--eds-spacing-stack-3-xs:var(--eds--spacious,.25rem)var(--eds--comfortable,.125rem);--eds-spacing-stack-4-xs:var(--eds--spacious,.125rem)var(--eds--comfortable,.063rem);--eds-spacing-inline-3-xl:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-spacing-inline-2-xl:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-spacing-inline-xl:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-inline-lg:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inline-md:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inline-sm:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inline-xs:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-inline-2-xs:var(--eds--spacious,.375rem)var(--eds--comfortable,.25rem);--eds-spacing-inline-3-xs:var(--eds--spacious,.25rem)var(--eds--comfortable,.125rem);--eds-spacing-inline-4-xs:var(--eds--spacious,.125rem)var(--eds--comfortable,.063rem);--eds-spacing-icon-6xl-gap-vertical:var(--eds--spacious,1.438rem)var(--eds--comfortable,1.25rem);--eds-spacing-icon-6xl-gap-horizontal:var(--eds--spacious,1.438rem)var(--eds--comfortable,1.25rem);--eds-spacing-icon-5xl-gap-vertical:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.094rem);--eds-spacing-icon-5xl-gap-horizontal:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.094rem);--eds-spacing-icon-4xl-gap-vertical:var(--eds--spacious,1.094rem)var(--eds--comfortable,.938rem);--eds-spacing-icon-4xl-gap-horizontal:var(--eds--spacious,1.094rem)var(--eds--comfortable,.938rem);--eds-spacing-icon-3xl-gap-vertical:var(--eds--spacious,.938rem)var(--eds--comfortable,.813rem);--eds-spacing-icon-3xl-gap-horizontal:var(--eds--spacious,.938rem)var(--eds--comfortable,.813rem);--eds-spacing-icon-2xl-gap-vertical:var(--eds--spacious,.813rem)var(--eds--comfortable,.719rem);--eds-spacing-icon-2xl-gap-horizontal:var(--eds--spacious,.813rem)var(--eds--comfortable,.719rem);--eds-spacing-icon-xl-gap-vertical:var(--eds--spacious,.719rem)var(--eds--comfortable,.625rem);--eds-spacing-icon-xl-gap-horizontal:var(--eds--spacious,.719rem)var(--eds--comfortable,.625rem);--eds-spacing-icon-lg-gap-vertical:var(--eds--spacious,.625rem)var(--eds--comfortable,.531rem);--eds-spacing-icon-lg-gap-horizontal:var(--eds--spacious,.625rem)var(--eds--comfortable,.531rem);--eds-spacing-icon-md-gap-vertical:var(--eds--spacious,.531rem)var(--eds--comfortable,.469rem);--eds-spacing-icon-md-gap-horizontal:var(--eds--spacious,.531rem)var(--eds--comfortable,.469rem);--eds-spacing-icon-sm-gap-vertical:var(--eds--spacious,.469rem)var(--eds--comfortable,.406rem);--eds-spacing-icon-sm-gap-horizontal:var(--eds--spacious,.469rem)var(--eds--comfortable,.406rem);--eds-spacing-icon-xs-gap-vertical:var(--eds--spacious,.406rem)var(--eds--comfortable,.344rem);--eds-spacing-icon-xs-gap-horizontal:var(--eds--spacious,.406rem)var(--eds--comfortable,.344rem)} \ No newline at end of file +@property --captured-size-1{syntax:"";inherits:false;initial-value:0}@property --captured-size-2{syntax:"";inherits:false;initial-value:0}@property --captured-size-3{syntax:"";inherits:false;initial-value:0}@property --captured-color-1{syntax:"";inherits:false;initial-value:#0000}@property --captured-color-2{syntax:"";inherits:false;initial-value:#0000}@property --captured-color-3{syntax:"";inherits:false;initial-value:#0000}@property --captured-color-4{syntax:"";inherits:false;initial-value:#0000}:root{--eds-color-neutral-0:#fff;--eds-color-neutral-100:#f7f7f7;--eds-color-neutral-200:#eaeaea;--eds-color-neutral-300:#dcdcdc;--eds-color-neutral-400:#cfcfcf;--eds-color-neutral-500:#bebebe;--eds-color-neutral-600:#b3b3b3;--eds-color-neutral-700:#9e9e9e;--eds-color-neutral-800:#8c8c8c;--eds-color-neutral-900:#6f6f6f;--eds-color-neutral-1000:#616161;--eds-color-neutral-1100:#565656;--eds-color-neutral-1200:#4a4a4a;--eds-color-neutral-1300:#3d3d3d;--eds-color-neutral-1350:#2e2e2e;--eds-color-neutral-1400:#1f1f1f;--eds-color-neutral-1450:#171717;--eds-color-neutral-1500:#000;--eds-color-slate-grey-100:#f3f5f6;--eds-color-slate-grey-200:#e9ebed;--eds-color-slate-grey-300:#dfe1e3;--eds-color-slate-grey-400:#d6d9dc;--eds-color-slate-grey-500:#c2c8cc;--eds-color-slate-grey-600:#a6afb5;--eds-color-slate-grey-700:#96a2a9;--eds-color-slate-grey-800:#828f99;--eds-color-slate-grey-900:#64727d;--eds-color-slate-grey-1000:#52616d;--eds-color-slate-grey-1100:#435460;--eds-color-slate-grey-1200:#384a57;--eds-color-slate-grey-1300:#2e3f4c;--eds-color-slate-grey-1350:#1f323d;--eds-color-slate-grey-1400:#162731;--eds-color-slate-grey-1450:#12222b;--eds-color-slate-blue-100:#f0f6f9;--eds-color-slate-blue-200:#e2e9ee;--eds-color-slate-blue-300:#dae2e7;--eds-color-slate-blue-400:#cbd6dc;--eds-color-slate-blue-500:#bdc9d0;--eds-color-slate-blue-600:#a6b5bf;--eds-color-slate-blue-700:#95a6b1;--eds-color-slate-blue-800:#7990a0;--eds-color-slate-blue-900:#5f7a8c;--eds-color-slate-blue-1000:#4d6575;--eds-color-slate-blue-1100:#3f5664;--eds-color-slate-blue-1200:#344c5b;--eds-color-slate-blue-1300:#2c4251;--eds-color-slate-blue-1350:#243746;--eds-color-slate-blue-1400:#132634;--eds-color-slate-blue-1450:#102230;--eds-color-blue-grey-100:#f0f6fa;--eds-color-blue-grey-200:#e4ecf2;--eds-color-blue-grey-300:#d8e2e8;--eds-color-blue-grey-400:#c8d6df;--eds-color-blue-grey-500:#b7c9d5;--eds-color-blue-grey-600:#9fb6c6;--eds-color-blue-grey-700:#8ba8bb;--eds-color-blue-grey-800:#7294ac;--eds-color-blue-grey-900:#587f9d;--eds-color-blue-grey-1000:#49708d;--eds-color-blue-grey-1100:#3d607b;--eds-color-blue-grey-1200:#325067;--eds-color-blue-grey-1300:#29455b;--eds-color-blue-grey-1350:#1c364a;--eds-color-blue-grey-1400:#162b3b;--eds-color-blue-grey-1450:#132634;--eds-color-mist-grey-100:#edf7fd;--eds-color-mist-grey-200:#e3f0f7;--eds-color-mist-grey-300:#d8e7f0;--eds-color-mist-grey-400:#c4dbe8;--eds-color-mist-grey-500:#afcee0;--eds-color-mist-grey-600:#90bbd5;--eds-color-mist-grey-700:#7aafcd;--eds-color-mist-grey-800:#63a1c4;--eds-color-mist-grey-900:#448fbb;--eds-color-mist-grey-1000:#3b7ca0;--eds-color-mist-grey-1100:#336a8a;--eds-color-mist-grey-1200:#2a5874;--eds-color-mist-grey-1300:#224960;--eds-color-mist-grey-1350:#1d3d4e;--eds-color-mist-grey-1400:#183342;--eds-color-mist-grey-1450:#142b38;--eds-color-mist-blue-muted-100:#edf8fd;--eds-color-mist-blue-muted-200:#dfeff7;--eds-color-mist-blue-muted-300:#d5eaf4;--eds-color-mist-blue-muted-400:#baddee;--eds-color-mist-blue-muted-500:#a1d0e8;--eds-color-mist-blue-muted-600:#86c3e1;--eds-color-mist-blue-muted-700:#69b6d9;--eds-color-mist-blue-muted-800:#49a7d1;--eds-color-mist-blue-muted-900:#3197c5;--eds-color-mist-blue-muted-1000:#2b84ab;--eds-color-mist-blue-muted-1100:#257193;--eds-color-mist-blue-muted-1200:#1e5d78;--eds-color-mist-blue-muted-1300:#17485d;--eds-color-mist-blue-muted-1350:#143d4d;--eds-color-mist-blue-muted-1400:#113341;--eds-color-mist-blue-muted-1450:#0f2d38;--eds-color-mist-blue-100:#ebf9ff;--eds-color-mist-blue-200:#dff5ff;--eds-color-mist-blue-300:#ccefff;--eds-color-mist-blue-400:#b3e7ff;--eds-color-mist-blue-500:#98deff;--eds-color-mist-blue-600:#6ed1ff;--eds-color-mist-blue-700:#3ec2ff;--eds-color-mist-blue-800:#0eb2ff;--eds-color-mist-blue-900:#009de8;--eds-color-mist-blue-1000:#008acd;--eds-color-mist-blue-1100:#0076b0;--eds-color-mist-blue-1200:#006191;--eds-color-mist-blue-1300:#004b70;--eds-color-mist-blue-1350:#003d5c;--eds-color-mist-blue-1400:#00334d;--eds-color-mist-blue-1450:#00293d;--eds-color-blue-sky-100:#ebf7ff;--eds-color-blue-sky-200:#dcf2ff;--eds-color-blue-sky-300:#cbebfe;--eds-color-blue-sky-400:#aee1fd;--eds-color-blue-sky-500:#90d6fc;--eds-color-blue-sky-600:#6fc9fb;--eds-color-blue-sky-700:#49bdfa;--eds-color-blue-sky-800:#22acf3;--eds-color-blue-sky-900:#0c99e3;--eds-color-blue-sky-1000:#0084c4;--eds-color-blue-sky-1100:#0473ad;--eds-color-blue-sky-1200:#045e8d;--eds-color-blue-sky-1300:#03486b;--eds-color-blue-sky-1350:#033e5e;--eds-color-blue-sky-1400:#02314a;--eds-color-blue-sky-1450:#03273a;--eds-color-blue-ocean-100:#e9f1fd;--eds-color-blue-ocean-200:#dfebfb;--eds-color-blue-ocean-300:#d3e3fa;--eds-color-blue-ocean-400:#bcd5f8;--eds-color-blue-ocean-500:#a5c6f5;--eds-color-blue-ocean-600:#8eb8f3;--eds-color-blue-ocean-700:#76a9f0;--eds-color-blue-ocean-800:#5d99ed;--eds-color-blue-ocean-900:#4288ea;--eds-color-blue-ocean-1000:#2375e7;--eds-color-blue-ocean-1100:#1164d1;--eds-color-blue-ocean-1200:#0952af;--eds-color-blue-ocean-1300:#034187;--eds-color-blue-ocean-1350:#05356b;--eds-color-blue-ocean-1400:#042a56;--eds-color-blue-ocean-1450:#032244;--eds-color-blue-ocean-1500:#172330;--eds-color-pink-100:#feecef;--eds-color-pink-200:#fddee4;--eds-color-pink-300:#ffcdd7;--eds-color-pink-400:#ffc2ce;--eds-color-pink-500:#ffaebf;--eds-color-pink-600:#ff8aa3;--eds-color-pink-700:#f76e8e;--eds-color-pink-800:#f14b72;--eds-color-pink-900:#e02954;--eds-color-pink-1000:#c7264c;--eds-color-pink-1100:#a91e3e;--eds-color-pink-1200:#8a142f;--eds-color-pink-1300:#701026;--eds-color-pink-1350:#610f22;--eds-color-pink-1400:#4b0c1b;--eds-color-pink-1450:#390914;--eds-color-red-cold-100:#ffecee;--eds-color-red-cold-200:#ffe0e3;--eds-color-red-cold-300:#ffd1d6;--eds-color-red-cold-400:#fdc3c9;--eds-color-red-cold-500:#ffa8b4;--eds-color-red-cold-600:#ff8595;--eds-color-red-cold-700:#ff667a;--eds-color-red-cold-800:#f14159;--eds-color-red-cold-900:#e20337;--eds-color-red-cold-1000:#cc0534;--eds-color-red-cold-1100:#b30d2f;--eds-color-red-cold-1200:#90042c;--eds-color-red-cold-1300:#700020;--eds-color-red-cold-1350:#66001d;--eds-color-red-cold-1400:#500017;--eds-color-red-cold-1450:#3d0011;--eds-color-red-cold-1500:#27171b;--eds-color-red-warm-100:#ffecec;--eds-color-red-warm-200:#ffe1e0;--eds-color-red-warm-300:#ffd2d1;--eds-color-red-warm-400:#ffc3c2;--eds-color-red-warm-500:#ffabab;--eds-color-red-warm-600:#ff8a8a;--eds-color-red-warm-700:#ff666b;--eds-color-red-warm-800:#ef4848;--eds-color-red-warm-900:#de2121;--eds-color-red-warm-1000:#cc1919;--eds-color-red-warm-1100:#b20000;--eds-color-red-warm-1200:#910808;--eds-color-red-warm-1300:#700000;--eds-color-red-warm-1350:#660003;--eds-color-red-warm-1400:#510003;--eds-color-red-warm-1450:#3d0002;--eds-color-spruce-wood-100:#fff0e5;--eds-color-spruce-wood-200:#ffe7d6;--eds-color-spruce-wood-300:#ffd9bd;--eds-color-spruce-wood-400:#ffc49a;--eds-color-spruce-wood-500:#ffae74;--eds-color-spruce-wood-600:#ff9142;--eds-color-spruce-wood-700:#fd7412;--eds-color-spruce-wood-800:#ef6502;--eds-color-spruce-wood-900:#d65900;--eds-color-spruce-wood-1000:#bd5002;--eds-color-spruce-wood-1100:#a44400;--eds-color-spruce-wood-1200:#883900;--eds-color-spruce-wood-1300:#6a2d00;--eds-color-spruce-wood-1350:#572805;--eds-color-spruce-wood-1400:#491f00;--eds-color-spruce-wood-1450:#381800;--eds-color-orange-100:#fff3e5;--eds-color-orange-200:#ffe9cc;--eds-color-orange-300:#ffdcad;--eds-color-orange-400:#ffc880;--eds-color-orange-500:#ffb65e;--eds-color-orange-600:#ff9e28;--eds-color-orange-700:#fa8f00;--eds-color-orange-800:#e57e00;--eds-color-orange-900:#ca6f00;--eds-color-orange-1000:#ad5f00;--eds-color-orange-1100:#950;--eds-color-orange-1200:#7f4600;--eds-color-orange-1300:#643700;--eds-color-orange-1350:#523004;--eds-color-orange-1400:#452700;--eds-color-orange-1450:#382000;--eds-color-orange-1500:#241d14;--eds-color-ochre-100:#fff5e5;--eds-color-ochre-200:#ffeed1;--eds-color-ochre-300:#fddeaa;--eds-color-ochre-400:#fcd084;--eds-color-ochre-500:#fabc4d;--eds-color-ochre-600:#f7a919;--eds-color-ochre-700:#e89802;--eds-color-ochre-800:#d48c00;--eds-color-ochre-900:#bf7f00;--eds-color-ochre-1000:#a87000;--eds-color-ochre-1100:#926100;--eds-color-ochre-1200:#7a5200;--eds-color-ochre-1300:#614200;--eds-color-ochre-1350:#503702;--eds-color-ochre-1400:#473000;--eds-color-ochre-1450:#382600;--eds-color-yellow-100:#fffae0;--eds-color-yellow-200:#fff5c2;--eds-color-yellow-300:#ffea85;--eds-color-yellow-400:#ffdf42;--eds-color-yellow-500:#ffd500;--eds-color-yellow-600:#f0c905;--eds-color-yellow-700:#dbb500;--eds-color-yellow-800:#c7a600;--eds-color-yellow-900:#ad9000;--eds-color-yellow-1000:#967d00;--eds-color-yellow-1100:#826d00;--eds-color-yellow-1200:#6d5b00;--eds-color-yellow-1300:#564800;--eds-color-yellow-1350:#473c00;--eds-color-yellow-1400:#3e3400;--eds-color-yellow-1450:#332b00;--eds-color-success-green-100:#ecf9ec;--eds-color-success-green-200:#ddf4dc;--eds-color-success-green-300:#cceecb;--eds-color-success-green-400:#b2e3b0;--eds-color-success-green-500:#92d590;--eds-color-success-green-600:#7bcf78;--eds-color-success-green-700:#5dc35a;--eds-color-success-green-800:#4bb748;--eds-color-success-green-900:#3fa13d;--eds-color-success-green-1000:#388e36;--eds-color-success-green-1100:#317a2f;--eds-color-success-green-1200:#296528;--eds-color-success-green-1300:#204f1f;--eds-color-success-green-1350:#1a421a;--eds-color-success-green-1400:#163816;--eds-color-success-green-1450:#133013;--eds-color-success-green-1500:#1d251d;--eds-color-lichen-green-100:#e6faec;--eds-color-lichen-green-200:#d9f7e2;--eds-color-lichen-green-300:#c3f3d2;--eds-color-lichen-green-400:#9fecb5;--eds-color-lichen-green-500:#73e393;--eds-color-lichen-green-600:#4ad974;--eds-color-lichen-green-700:#2fc85c;--eds-color-lichen-green-800:#27b652;--eds-color-lichen-green-900:#20a246;--eds-color-lichen-green-1000:#1d923f;--eds-color-lichen-green-1100:#197d37;--eds-color-lichen-green-1200:#15682d;--eds-color-lichen-green-1300:#105224;--eds-color-lichen-green-1350:#0d441e;--eds-color-lichen-green-1400:#0b3919;--eds-color-lichen-green-1450:#0b2d15;--eds-color-moss-green-100:#e6f3f4;--eds-color-moss-green-200:#deedee;--eds-color-moss-green-300:#c9e0e2;--eds-color-moss-green-400:#b9d7da;--eds-color-moss-green-500:#a8cfd1;--eds-color-moss-green-600:#8ec0c3;--eds-color-moss-green-700:#73b1b5;--eds-color-moss-green-800:#5aa3aa;--eds-color-moss-green-900:#46959d;--eds-color-moss-green-1000:#2f848b;--eds-color-moss-green-1100:#007079;--eds-color-moss-green-1200:#005e66;--eds-color-moss-green-1300:#004f55;--eds-color-moss-green-1350:#033b3f;--eds-color-moss-green-1400:#033235;--eds-color-moss-green-1450:#02292c;--eds-color-moss-green-sat-100:#e0f4f5;--eds-color-moss-green-sat-200:#d1edef;--eds-color-moss-green-sat-300:#b3e2e5;--eds-color-moss-green-sat-400:#a6d6d9;--eds-color-moss-green-sat-500:#97cace;--eds-color-moss-green-sat-600:#81c1c5;--eds-color-moss-green-sat-700:#5db0b6;--eds-color-moss-green-sat-800:#3ea0a8;--eds-color-moss-green-sat-900:#2a949d;--eds-color-moss-green-sat-1000:#17838c;--eds-color-moss-green-sat-1100:#007079;--eds-color-moss-green-sat-1200:#005e66;--eds-color-moss-green-sat-1300:#004f55;--eds-color-moss-green-sat-1350:#033b3f;--eds-color-moss-green-sat-1400:#033235;--eds-color-moss-green-sat-1450:#02292c}:root,[data-color-scheme=light]{color-scheme:light}[data-color-scheme=dark]{color-scheme:dark}:root{--eds-color-border-none:#fff0;--eds-color-border-primary-on-dark:#ffffff29;--eds-color-border-secondary-on-dark:#fff3;--eds-color-border-tertiary-on-dark:#ffffff4d;--eds-color-border-quaternary-on-dark:#fff6;--eds-color-border-maximal-on-dark:#ffffff80;--eds-color-border-inverted-on-light:#000c;--eds-color-border-inverted-on-dark:#dcf2fff2;--eds-color-surface-none:#fff0;--eds-color-surface-inverted-on-light:#000c;--eds-color-surface-inverted-on-dark:#dcf2fff2;--eds-color-text-primary-on-light:var(--eds-color-neutral-1300);--eds-color-text-primary-on-dark:var(--eds-color-slate-grey-400);--eds-color-text-secondary-on-light:var(--eds-color-neutral-1100);--eds-color-text-secondary-on-dark:var(--eds-color-slate-grey-500);--eds-color-text-tertiary-on-light:var(--eds-color-neutral-900);--eds-color-text-tertiary-on-dark:var(--eds-color-slate-grey-600);--eds-color-text-quaternary-on-light:var(--eds-color-neutral-700);--eds-color-text-quaternary-on-dark:var(--eds-color-slate-grey-900);--eds-color-text-maximal-on-light:var(--eds-color-neutral-1300);--eds-color-text-maximal-on-dark:var(--eds-color-neutral-0);--eds-color-text-disabled-on-light:var(--eds-color-neutral-500);--eds-color-text-disabled-on-dark:var(--eds-color-slate-grey-1000);--eds-color-text-inverted-on-light:var(--eds-color-neutral-0);--eds-color-text-inverted-on-dark:var(--eds-color-neutral-1500);--eds-color-icon-primary-on-light:var(--eds-color-neutral-1300);--eds-color-icon-primary-on-dark:var(--eds-color-slate-grey-400);--eds-color-icon-secondary-on-light:var(--eds-color-neutral-1100);--eds-color-icon-secondary-on-dark:var(--eds-color-slate-grey-500);--eds-color-icon-tertiary-on-light:var(--eds-color-neutral-900);--eds-color-icon-tertiary-on-dark:var(--eds-color-slate-grey-600);--eds-color-icon-quaternary-on-light:var(--eds-color-neutral-700);--eds-color-icon-quaternary-on-dark:var(--eds-color-slate-grey-900);--eds-color-icon-maximal-on-light:var(--eds-color-neutral-1300);--eds-color-icon-maximal-on-dark:var(--eds-color-neutral-0);--eds-color-icon-disabled-on-light:var(--eds-color-neutral-500);--eds-color-icon-disabled-on-dark:var(--eds-color-slate-grey-1000);--eds-color-icon-inverted-on-light:var(--eds-color-neutral-0);--eds-color-icon-inverted-on-dark:var(--eds-color-neutral-1500);--eds-color-border-primary-on-light:var(--eds-color-neutral-300);--eds-color-border-secondary-on-light:var(--eds-color-neutral-500);--eds-color-border-tertiary-on-light:var(--eds-color-neutral-700);--eds-color-border-quaternary-on-light:var(--eds-color-neutral-900);--eds-color-border-maximal-on-light:var(--eds-color-neutral-1400);--eds-color-border-disabled-on-light:var(--eds-color-neutral-300);--eds-color-border-disabled-on-dark:var(--eds-color-slate-grey-1100);--eds-color-surface-on-level-1-on-light:var(--eds-color-neutral-100);--eds-color-surface-on-level-1-on-dark:var(--eds-color-slate-blue-1400);--eds-color-surface-on-level-2-on-light:var(--eds-color-neutral-0);--eds-color-surface-on-level-2-on-dark:var(--eds-color-slate-blue-1350);--eds-color-surface-on-level-3-on-light:var(--eds-color-neutral-0);--eds-color-surface-on-level-3-on-dark:var(--eds-color-slate-blue-1300);--eds-color-shadow:light-dark(#00000024,#00000024);--eds-color-interactive-border-standard-secondary-disabled:light-dark(#fff0,#0000);--eds-color-interactive-border-standard-secondary-initial:light-dark(#fff0,#0000);--eds-color-interactive-border-standard-secondary-hover:light-dark(#fff0,#0000);--eds-color-interactive-border-standard-secondary-active:light-dark(#fff0,#0000);--eds-color-interactive-border-standard-secondary-active-hover:light-dark(#fff0,#0000);--eds-color-interactive-surface-standard-primary-disabled-outlined:light-dark(#fff0,#0000);--eds-color-interactive-surface-standard-primary-initial:light-dark(#fff0,#0000);--eds-color-interactive-surface-standard-secondary-disabled:light-dark(#fff0,#0000);--eds-color-interactive-surface-standard-secondary-initial:light-dark(#fff0,#0000);--eds-color-interactive-surface-standard-tertiary-disabled:light-dark(#fff0,#0000);--eds-color-interactive-surface-standard-tertiary-initial:light-dark(#fff0,#0000);--eds-color-interactive-surface-standard-quaternary-disabled:light-dark(#fff0,#0000);--eds-color-interactive-surface-standard-quaternary-initial:light-dark(#fff0,#0000);--eds-color-interactive-surface-standard-quaternary-active:light-dark(#fff0,#0000);--eds-color-action-border-standard-tertiary-disabled:light-dark(#fff0,#0000);--eds-color-action-border-standard-tertiary-initial:light-dark(#fff0,#0000);--eds-color-action-border-standard-tertiary-hover:light-dark(#fff0,#0000);--eds-color-action-border-muted-tertiary-initial:light-dark(#fff0,#0000);--eds-color-action-border-muted-tertiary-hover:light-dark(#fff0,#0000);--eds-color-action-border-muted-tertiary-disabled:light-dark(#fff0,#0000);--eds-color-action-border-danger-tertiary-initial:light-dark(#fff0,#0000);--eds-color-action-border-danger-tertiary-hover:light-dark(#fff0,#0000);--eds-color-action-border-danger-tertiary-disabled:light-dark(#fff0,#0000);--eds-color-action-surface-standard-secondary-disabled:light-dark(#fff0,#0000);--eds-color-action-surface-standard-secondary-initial:light-dark(#fff0,#0000);--eds-color-action-surface-standard-tertiary-disabled:light-dark(#fff0,#0000);--eds-color-action-surface-standard-tertiary-initial:light-dark(#fff0,#0000);--eds-color-action-surface-muted-secondary-initial:light-dark(#fff0,#0000);--eds-color-action-surface-muted-secondary-disabled:light-dark(#fff0,#0000);--eds-color-action-surface-muted-tertiary-initial:light-dark(#fff0,#0000);--eds-color-action-surface-muted-tertiary-disabled:light-dark(#fff0,#0000);--eds-color-action-surface-danger-secondary-initial:light-dark(#fff0,#0000);--eds-color-action-surface-danger-secondary-disabled:light-dark(#fff0,#0000);--eds-color-action-surface-danger-tertiary-initial:light-dark(#fff0,#0000);--eds-color-action-surface-danger-tertiary-disabled:light-dark(#fff0,#0000);--eds-input-color-border-disabled:light-dark(#fff0,#0000);--eds-input-color-surface-read-only-on-level-1:light-dark(#fff0,#0000);--eds-input-color-surface-read-only-on-level-2:light-dark(#fff0,#0000);--eds-input-color-surface-read-only-on-level-3:light-dark(#fff0,#0000);--eds-table-cell-color-interactive-surface-initial-on-level-1:light-dark(#fff0,#0000);--eds-table-cell-color-interactive-surface-initial-on-level-2:light-dark(#fff0,#0000);--eds-table-cell-color-interactive-surface-initial-on-level-3:light-dark(#fff0,#0000);--eds-table-cell-color-interactive-surface-disabled-on-level-1:light-dark(#fff0,#0000);--eds-table-cell-color-interactive-surface-disabled-on-level-2:light-dark(#fff0,#0000);--eds-table-cell-color-interactive-surface-disabled-on-level-3:light-dark(#fff0,#0000);--eds-table-header-color-interactive-surface-disabled-on-level-1:light-dark(#fff0,#0000);--eds-table-header-color-interactive-surface-disabled-on-level-2:light-dark(#fff0,#0000);--eds-table-header-color-interactive-surface-disabled-on-level-3:light-dark(#fff0,#0000);--eds-ui-scrim-color-surface:light-dark(#0006,#0006);--eds-color-static-text-raised:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-300));--eds-color-static-icon-raised:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-300));--eds-color-static-border-raised:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-grey-1100));--eds-color-static-border-inverted:light-dark(var(--eds-color-border-inverted-on-light),var(--eds-color-border-inverted-on-dark));--eds-color-static-border-standard-on-level-1:light-dark(var(--eds-color-neutral-0),var(--eds-color-slate-blue-1350));--eds-color-static-border-standard-on-level-2:light-dark(var(--eds-color-neutral-0),var(--eds-color-slate-blue-1350));--eds-color-static-border-standard-on-level-3:light-dark(var(--eds-color-neutral-0),var(--eds-color-slate-blue-1300));--eds-color-static-surface-raised:light-dark(var(--eds-color-neutral-200),#eaeaea1a);--eds-color-static-surface-inverted:light-dark(var(--eds-color-surface-inverted-on-light),var(--eds-color-surface-inverted-on-dark));--eds-color-static-surface-standard-on-level-1:light-dark(var(--eds-color-neutral-0),var(--eds-color-slate-blue-1350));--eds-color-static-surface-standard-on-level-2:light-dark(var(--eds-color-neutral-0),var(--eds-color-slate-blue-1350));--eds-color-static-surface-standard-on-level-3:light-dark(var(--eds-color-neutral-0),var(--eds-color-slate-blue-1300));--eds-color-interactive-text-standard-primary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-interactive-text-standard-primary-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-color-interactive-text-standard-primary-hover:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-color-interactive-text-standard-primary-active:light-dark(var(--eds-color-neutral-0),var(--eds-color-neutral-1500));--eds-color-interactive-text-standard-primary-active-hover:light-dark(var(--eds-color-neutral-0),var(--eds-color-neutral-1500));--eds-color-interactive-text-standard-secondary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-interactive-text-standard-secondary-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-color-interactive-text-standard-secondary-hover:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-color-interactive-text-standard-secondary-active:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-200));--eds-color-interactive-text-standard-secondary-active-hover:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-100));--eds-color-interactive-text-standard-tertiary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-interactive-text-standard-tertiary-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-color-interactive-text-standard-tertiary-hover:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-color-interactive-text-standard-tertiary-active:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-color-interactive-text-standard-tertiary-active-hover:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-color-interactive-text-standard-quaternary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-interactive-text-standard-quaternary-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-color-interactive-text-standard-quaternary-hover:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-color-interactive-text-standard-quaternary-active:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-color-interactive-text-standard-quaternary-active-hover:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-color-interactive-text-raised-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-interactive-text-raised-initial:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-color-interactive-text-raised-hover:light-dark(var(--eds-color-neutral-1300),var(--eds-color-slate-grey-400));--eds-color-interactive-text-raised-active:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-300));--eds-color-interactive-text-raised-active-hover:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-200));--eds-color-interactive-icon-standard-primary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-interactive-icon-standard-primary-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-color-interactive-icon-standard-primary-hover:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-color-interactive-icon-standard-primary-active:light-dark(var(--eds-color-neutral-0),var(--eds-color-neutral-1500));--eds-color-interactive-icon-standard-primary-active-hover:light-dark(var(--eds-color-neutral-0),var(--eds-color-neutral-1500));--eds-color-interactive-icon-standard-secondary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-interactive-icon-standard-secondary-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-color-interactive-icon-standard-secondary-hover:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-color-interactive-icon-standard-secondary-active:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-200));--eds-color-interactive-icon-standard-secondary-active-hover:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-100));--eds-color-interactive-icon-standard-tertiary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-interactive-icon-standard-tertiary-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-color-interactive-icon-standard-tertiary-hover:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-color-interactive-icon-standard-tertiary-active:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-color-interactive-icon-standard-tertiary-active-hover:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-color-interactive-icon-standard-quaternary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-interactive-icon-standard-quaternary-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-color-interactive-icon-standard-quaternary-hover:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-color-interactive-icon-standard-quaternary-active:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-color-interactive-icon-standard-quaternary-active-hover:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-300));--eds-color-interactive-icon-raised-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-interactive-icon-raised-initial:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-color-interactive-icon-raised-hover:light-dark(var(--eds-color-neutral-1300),var(--eds-color-slate-grey-400));--eds-color-interactive-icon-raised-active:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-300));--eds-color-interactive-icon-raised-active-hover:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-200));--eds-color-interactive-border-standard-primary-disabled:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-grey-1000));--eds-color-interactive-border-standard-primary-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-color-interactive-border-standard-primary-hover:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-color-interactive-border-standard-primary-active:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-color-interactive-border-standard-primary-active-hover:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-color-interactive-border-standard-tertiary-disabled:light-dark(var(--eds-color-neutral-100),var(--eds-color-slate-blue-1400));--eds-color-interactive-border-standard-tertiary-initial:light-dark(var(--eds-color-neutral-100),var(--eds-color-slate-blue-1400));--eds-color-interactive-border-standard-tertiary-hover:var(--eds-color-neutral-100);--eds-color-interactive-border-standard-tertiary-active:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-color-interactive-border-standard-tertiary-active-hover:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-color-interactive-border-standard-quaternary-disabled:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-color-interactive-border-standard-quaternary-initial:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-color-interactive-border-standard-quaternary-hover:light-dark(var(--eds-color-neutral-500),#fff3);--eds-color-interactive-border-standard-quaternary-active:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-color-interactive-border-standard-quaternary-active-hover:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-color-interactive-border-raised-disabled:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-grey-1000));--eds-color-interactive-border-raised-initial:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-grey-1100));--eds-color-interactive-border-raised-hover:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-400));--eds-color-interactive-border-raised-active:light-dark(var(--eds-color-moss-green-400),var(--eds-color-mist-blue-muted-1200));--eds-color-interactive-border-raised-active-hover:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-400));--eds-color-interactive-surface-standard-primary-disabled-filled:light-dark(var(--eds-color-neutral-200),var(--eds-color-slate-grey-1300));--eds-color-interactive-surface-standard-primary-hover:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-blue-1200));--eds-color-interactive-surface-standard-primary-active:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-color-interactive-surface-standard-primary-active-hover:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-color-interactive-surface-standard-secondary-hover:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-blue-1200));--eds-color-interactive-surface-standard-secondary-active:light-dark(var(--eds-color-moss-green-200),var(--eds-color-mist-blue-muted-1100));--eds-color-interactive-surface-standard-secondary-active-hover:light-dark(var(--eds-color-moss-green-300),var(--eds-color-mist-blue-muted-1000));--eds-color-interactive-surface-standard-tertiary-hover:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-blue-1200));--eds-color-interactive-surface-standard-tertiary-active:light-dark(var(--eds-color-moss-green-200),var(--eds-color-mist-blue-muted-1200));--eds-color-interactive-surface-standard-tertiary-active-hover:light-dark(var(--eds-color-moss-green-300),var(--eds-color-mist-blue-muted-1100));--eds-color-interactive-surface-standard-quaternary-hover:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-blue-1200));--eds-color-interactive-surface-standard-quaternary-active-hover:light-dark(var(--eds-color-moss-green-300),var(--eds-color-mist-blue-muted-1200));--eds-color-interactive-surface-raised-disabled:light-dark(var(--eds-color-neutral-200),#2e3f4c66);--eds-color-interactive-surface-raised-initial:light-dark(var(--eds-color-neutral-200),#eaeaea1a);--eds-color-interactive-surface-raised-hover:light-dark(var(--eds-color-neutral-200),#eaeaea1a);--eds-color-interactive-surface-raised-active:light-dark(var(--eds-color-moss-green-100),#2a587480);--eds-color-interactive-surface-raised-active-hover:light-dark(var(--eds-color-moss-green-100),#2a587480);--eds-color-action-text-primary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-neutral-1000));--eds-color-action-text-standard-primary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-action-text-standard-primary-initial:light-dark(var(--eds-color-neutral-0),var(--eds-color-neutral-1500));--eds-color-action-text-standard-primary-hover:light-dark(var(--eds-color-neutral-0),var(--eds-color-neutral-1500));--eds-color-action-text-standard-secondary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-action-text-standard-secondary-initial:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-color-action-text-standard-secondary-hover:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-color-action-text-standard-tertiary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-action-text-standard-tertiary-initial:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-color-action-text-standard-tertiary-hover:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-color-action-text-muted-primary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-action-text-muted-primary-initial:light-dark(var(--eds-color-neutral-0),var(--eds-color-neutral-1500));--eds-color-action-text-muted-primary-hover:light-dark(var(--eds-color-neutral-0),var(--eds-color-neutral-1500));--eds-color-action-text-muted-secondary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-action-text-muted-secondary-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-color-action-text-muted-secondary-hover:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-color-action-text-muted-tertiary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-action-text-muted-tertiary-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-color-action-text-muted-tertiary-hover:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-color-action-text-danger-primary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-action-text-danger-primary-initial:light-dark(var(--eds-color-neutral-0),var(--eds-color-neutral-1500));--eds-color-action-text-danger-primary-hover:light-dark(var(--eds-color-neutral-0),var(--eds-color-neutral-1500));--eds-color-action-text-danger-secondary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-action-text-danger-secondary-initial:light-dark(var(--eds-color-red-cold-900),var(--eds-color-red-warm-700));--eds-color-action-text-danger-secondary-hover:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-warm-500));--eds-color-action-text-danger-tertiary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-action-text-danger-tertiary-initial:light-dark(var(--eds-color-red-cold-900),var(--eds-color-red-warm-700));--eds-color-action-text-danger-tertiary-hover:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-warm-500));--eds-color-action-icon-standard-primary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-action-icon-standard-primary-initial:light-dark(var(--eds-color-neutral-0),var(--eds-color-neutral-1500));--eds-color-action-icon-standard-primary-hover:light-dark(var(--eds-color-neutral-0),var(--eds-color-neutral-1500));--eds-color-action-icon-standard-secondary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-action-icon-standard-secondary-initial:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-color-action-icon-standard-secondary-hover:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-color-action-icon-standard-tertiary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-action-icon-standard-tertiary-initial:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-color-action-icon-standard-tertiary-hover:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-color-action-icon-muted-primary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-action-icon-muted-primary-initial:light-dark(var(--eds-color-neutral-0),var(--eds-color-neutral-1500));--eds-color-action-icon-muted-primary-hover:light-dark(var(--eds-color-neutral-0),var(--eds-color-neutral-1500));--eds-color-action-icon-muted-tertiary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-action-icon-muted-tertiary-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-color-action-icon-muted-tertiary-hover:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-color-action-icon-muted-secondary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-action-icon-muted-secondary-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-color-action-icon-muted-secondary-hover:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-color-action-icon-danger-primary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-action-icon-danger-primary-initial:light-dark(var(--eds-color-neutral-0),var(--eds-color-neutral-1500));--eds-color-action-icon-danger-primary-hover:light-dark(var(--eds-color-neutral-0),var(--eds-color-neutral-1500));--eds-color-action-icon-danger-secondary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-action-icon-danger-secondary-initial:light-dark(var(--eds-color-red-cold-900),var(--eds-color-red-warm-700));--eds-color-action-icon-danger-secondary-hover:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-warm-500));--eds-color-action-icon-danger-tertiary-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-color-action-icon-danger-tertiary-initial:light-dark(var(--eds-color-red-cold-900),var(--eds-color-red-warm-700));--eds-color-action-icon-danger-tertiary-hover:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-warm-500));--eds-color-action-border-secondary-disabled:light-dark(var(--eds-color-neutral-400),var(--eds-color-slate-grey-1300));--eds-color-action-border-standard-primary-disabled:light-dark(var(--eds-color-neutral-200),var(--eds-color-slate-grey-1300));--eds-color-action-border-standard-primary-initial:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-color-action-border-standard-primary-hover:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-color-action-border-standard-secondary-disabled:light-dark(var(--eds-color-neutral-400),var(--eds-color-slate-grey-1100));--eds-color-action-border-standard-secondary-initial:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-color-action-border-standard-secondary-hover:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-color-action-border-muted-primary-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-color-action-border-muted-primary-hover:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-color-action-border-muted-primary-disabled:light-dark(var(--eds-color-neutral-200),var(--eds-color-slate-grey-1300));--eds-color-action-border-muted-secondary-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-color-action-border-muted-secondary-hover:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-color-action-border-muted-secondary-disabled:light-dark(var(--eds-color-neutral-200),var(--eds-color-slate-grey-1300));--eds-color-action-border-danger-primary-initial:light-dark(var(--eds-color-red-cold-900),var(--eds-color-red-warm-700));--eds-color-action-border-danger-primary-hover:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-warm-500));--eds-color-action-border-danger-primary-disabled:light-dark(var(--eds-color-neutral-200),var(--eds-color-slate-grey-1300));--eds-color-action-border-danger-secondary-initial:light-dark(var(--eds-color-red-cold-900),var(--eds-color-red-warm-700));--eds-color-action-border-danger-secondary-hover:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-warm-500));--eds-color-action-border-danger-secondary-disabled:light-dark(var(--eds-color-neutral-200),var(--eds-color-slate-grey-1300));--eds-color-action-surface-standard-primary-disabled:light-dark(var(--eds-color-neutral-200),var(--eds-color-slate-grey-1300));--eds-color-action-surface-standard-primary-initial:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-color-action-surface-standard-primary-hover:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-color-action-surface-standard-secondary-hover:light-dark(var(--eds-color-moss-green-200),var(--eds-color-moss-green-sat-1400));--eds-color-action-surface-standard-tertiary-hover:light-dark(var(--eds-color-moss-green-200),var(--eds-color-moss-green-sat-1400));--eds-color-action-surface-muted-primary-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-color-action-surface-muted-primary-hover:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-color-action-surface-muted-primary-disabled:light-dark(var(--eds-color-neutral-200),var(--eds-color-slate-grey-1300));--eds-color-action-surface-muted-secondary-hover:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-blue-1200));--eds-color-action-surface-muted-tertiary-hover:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-blue-1200));--eds-color-action-surface-danger-primary-initial:light-dark(var(--eds-color-red-cold-900),var(--eds-color-red-warm-700));--eds-color-action-surface-danger-primary-hover:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-warm-500));--eds-color-action-surface-danger-primary-disabled:light-dark(var(--eds-color-neutral-200),var(--eds-color-slate-grey-1300));--eds-color-action-surface-danger-secondary-hover:light-dark(var(--eds-color-red-warm-300),var(--eds-color-red-cold-1400));--eds-color-action-surface-danger-tertiary-hover:light-dark(var(--eds-color-red-warm-300),var(--eds-color-red-cold-1400));--eds-color-message-text-raised-info-initial:light-dark(var(--eds-color-blue-sky-1200),var(--eds-color-blue-sky-600));--eds-color-message-text-raised-info-hover:light-dark(var(--eds-color-blue-ocean-1300),var(--eds-color-blue-sky-400));--eds-color-message-text-raised-success-initial:light-dark(var(--eds-color-lichen-green-1200),var(--eds-color-success-green-600));--eds-color-message-text-raised-success-hover:light-dark(var(--eds-color-success-green-1300),var(--eds-color-success-green-300));--eds-color-message-text-raised-warning-initial:light-dark(var(--eds-color-orange-1200),var(--eds-color-spruce-wood-500));--eds-color-message-text-raised-warning-hover:light-dark(var(--eds-color-orange-1300),var(--eds-color-spruce-wood-300));--eds-color-message-text-raised-error-initial:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-warm-600));--eds-color-message-text-raised-error-hover:light-dark(var(--eds-color-red-cold-1300),var(--eds-color-red-warm-500));--eds-color-message-text-callout-info:light-dark(var(--eds-color-blue-sky-1200),var(--eds-color-mist-blue-muted-200));--eds-color-message-text-callout-success:light-dark(var(--eds-color-lichen-green-1200),var(--eds-color-lichen-green-200));--eds-color-message-text-callout-warning:light-dark(var(--eds-color-orange-1200),var(--eds-color-spruce-wood-200));--eds-color-message-text-callout-error:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-warm-200));--eds-color-message-icon-standard-info:light-dark(var(--eds-color-blue-sky-1200),var(--eds-color-blue-sky-600));--eds-color-message-icon-standard-success:light-dark(var(--eds-color-lichen-green-1200),var(--eds-color-success-green-600));--eds-color-message-icon-standard-warning:light-dark(var(--eds-color-orange-1200),var(--eds-color-spruce-wood-500));--eds-color-message-icon-standard-error:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-warm-600));--eds-color-message-icon-raised-info-initial:light-dark(var(--eds-color-blue-sky-1200),var(--eds-color-blue-sky-600));--eds-color-message-icon-raised-info-hover:light-dark(var(--eds-color-blue-ocean-1300),var(--eds-color-blue-sky-400));--eds-color-message-icon-raised-success-initial:light-dark(var(--eds-color-lichen-green-1200),var(--eds-color-success-green-600));--eds-color-message-icon-raised-success-hover:light-dark(var(--eds-color-success-green-1300),var(--eds-color-success-green-300));--eds-color-message-icon-raised-warning-initial:light-dark(var(--eds-color-orange-1200),var(--eds-color-spruce-wood-500));--eds-color-message-icon-raised-warning-hover:light-dark(var(--eds-color-orange-1300),var(--eds-color-spruce-wood-300));--eds-color-message-icon-raised-error-initial:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-warm-600));--eds-color-message-icon-raised-error-hover:light-dark(var(--eds-color-red-cold-1300),var(--eds-color-red-warm-500));--eds-color-message-icon-callout-info:light-dark(var(--eds-color-blue-sky-1200),var(--eds-color-mist-blue-muted-200));--eds-color-message-icon-callout-success:light-dark(var(--eds-color-lichen-green-1200),var(--eds-color-lichen-green-200));--eds-color-message-icon-callout-warning:light-dark(var(--eds-color-orange-1200),var(--eds-color-spruce-wood-200));--eds-color-message-icon-callout-error:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-warm-200));--eds-color-message-border-standard-info:light-dark(var(--eds-color-mist-blue-muted-300),var(--eds-color-blue-sky-1000));--eds-color-message-border-standard-success:light-dark(var(--eds-color-lichen-green-200),var(--eds-color-success-green-900));--eds-color-message-border-standard-warning:light-dark(var(--eds-color-spruce-wood-200),var(--eds-color-orange-800));--eds-color-message-border-standard-error:light-dark(var(--eds-color-red-warm-300),var(--eds-color-red-cold-900));--eds-color-message-border-raised-info-initial:var(--eds-color-blue-sky-1000);--eds-color-message-border-raised-info-hover:light-dark(var(--eds-color-blue-ocean-1300),var(--eds-color-blue-sky-400));--eds-color-message-border-raised-success-initial:var(--eds-color-success-green-900);--eds-color-message-border-raised-success-hover:light-dark(var(--eds-color-success-green-1300),var(--eds-color-success-green-300));--eds-color-message-border-raised-warning-initial:var(--eds-color-orange-800);--eds-color-message-border-raised-warning-hover:light-dark(var(--eds-color-orange-1300),var(--eds-color-spruce-wood-300));--eds-color-message-border-raised-error-initial:var(--eds-color-red-cold-900);--eds-color-message-border-raised-error-hover:light-dark(var(--eds-color-red-cold-1300),var(--eds-color-red-warm-500));--eds-color-message-border-callout-info:light-dark(var(--eds-color-mist-blue-muted-300),var(--eds-color-blue-sky-1200));--eds-color-message-border-callout-success:light-dark(var(--eds-color-lichen-green-200),var(--eds-color-lichen-green-1200));--eds-color-message-border-callout-warning:light-dark(var(--eds-color-spruce-wood-200),var(--eds-color-orange-1200));--eds-color-message-border-callout-error:light-dark(var(--eds-color-red-warm-300),var(--eds-color-red-cold-1200));--eds-color-message-surface-standard-info-on-level-1:light-dark(var(--eds-color-mist-blue-muted-300),var(--eds-color-slate-blue-1350));--eds-color-message-surface-standard-info-on-level-2:light-dark(var(--eds-color-mist-blue-muted-300),var(--eds-color-slate-blue-1350));--eds-color-message-surface-standard-info-on-level-3:light-dark(var(--eds-color-mist-blue-muted-300),var(--eds-color-slate-blue-1300));--eds-color-message-surface-standard-success-on-level-1:light-dark(var(--eds-color-lichen-green-200),var(--eds-color-slate-blue-1350));--eds-color-message-surface-standard-success-on-level-2:light-dark(var(--eds-color-lichen-green-200),var(--eds-color-slate-blue-1350));--eds-color-message-surface-standard-success-on-level-3:light-dark(var(--eds-color-lichen-green-200),var(--eds-color-slate-blue-1300));--eds-color-message-surface-standard-warning-on-level-1:light-dark(var(--eds-color-spruce-wood-200),var(--eds-color-slate-blue-1350));--eds-color-message-surface-standard-warning-on-level-2:light-dark(var(--eds-color-spruce-wood-200),var(--eds-color-slate-blue-1350));--eds-color-message-surface-standard-warning-on-level-3:light-dark(var(--eds-color-spruce-wood-200),var(--eds-color-slate-blue-1300));--eds-color-message-surface-standard-error-on-level-1:light-dark(var(--eds-color-red-warm-300),var(--eds-color-slate-blue-1350));--eds-color-message-surface-standard-error-on-level-2:light-dark(var(--eds-color-red-warm-300),var(--eds-color-slate-blue-1350));--eds-color-message-surface-standard-error-on-level-3:light-dark(var(--eds-color-red-warm-300),var(--eds-color-slate-blue-1300));--eds-color-message-surface-raised-info-initial:light-dark(var(--eds-color-mist-blue-muted-200),#dfeff71a);--eds-color-message-surface-raised-info-hover:light-dark(var(--eds-color-mist-blue-muted-200),#dfeff71a);--eds-color-message-surface-raised-success-initial:light-dark(var(--eds-color-lichen-green-100),#e6faec1a);--eds-color-message-surface-raised-success-hover:light-dark(var(--eds-color-lichen-green-100),#e6faec1a);--eds-color-message-surface-raised-warning-initial:light-dark(var(--eds-color-spruce-wood-100),#fff0e51a);--eds-color-message-surface-raised-warning-hover:light-dark(var(--eds-color-spruce-wood-100),#fff0e51a);--eds-color-message-surface-raised-error-initial:light-dark(var(--eds-color-red-warm-200),#ffe1e01a);--eds-color-message-surface-raised-error-hover:light-dark(var(--eds-color-red-warm-200),#ffe1e01a);--eds-color-message-surface-callout-info:light-dark(var(--eds-color-mist-blue-muted-300),var(--eds-color-blue-sky-1200));--eds-color-message-surface-callout-success:light-dark(var(--eds-color-lichen-green-200),var(--eds-color-lichen-green-1200));--eds-color-message-surface-callout-warning:light-dark(var(--eds-color-spruce-wood-200),var(--eds-color-orange-1200));--eds-color-message-surface-callout-error:light-dark(var(--eds-color-red-warm-300),var(--eds-color-red-cold-1200));--eds-input-asterix-color-text:var(--eds-color-red-cold-900);--eds-input-placeholder-color-text:light-dark(var(--eds-color-neutral-800),var(--eds-color-slate-grey-800));--eds-input-helper-color-text-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-input-helper-color-text-focus:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-input-helper-color-text-read-only:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-input-helper-color-text-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-input-helper-color-icon-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-input-helper-color-icon-focus:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-input-helper-color-icon-read-only:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-input-helper-color-icon-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-input-helper-color-message-text-info-initial:light-dark(var(--eds-color-blue-sky-1200),var(--eds-color-blue-sky-600));--eds-input-helper-color-message-text-info-focus:light-dark(var(--eds-color-blue-sky-1200),var(--eds-color-blue-sky-600));--eds-input-helper-color-message-text-info-read-only:light-dark(var(--eds-color-blue-sky-1200),var(--eds-color-blue-sky-600));--eds-input-helper-color-message-text-info-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-input-helper-color-message-text-success-initial:light-dark(var(--eds-color-lichen-green-1200),var(--eds-color-lichen-green-600));--eds-input-helper-color-message-text-success-focus:light-dark(var(--eds-color-lichen-green-1200),var(--eds-color-lichen-green-600));--eds-input-helper-color-message-text-success-read-only:light-dark(var(--eds-color-lichen-green-1200),var(--eds-color-lichen-green-600));--eds-input-helper-color-message-text-success-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-input-helper-color-message-text-warning-initial:light-dark(var(--eds-color-orange-1200),var(--eds-color-orange-500));--eds-input-helper-color-message-text-warning-focus:light-dark(var(--eds-color-orange-1200),var(--eds-color-orange-500));--eds-input-helper-color-message-text-warning-read-only:light-dark(var(--eds-color-orange-1200),var(--eds-color-orange-500));--eds-input-helper-color-message-text-warning-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-input-helper-color-message-text-error-initial:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-cold-600));--eds-input-helper-color-message-text-error-focus:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-cold-600));--eds-input-helper-color-message-text-error-read-only:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-cold-600));--eds-input-helper-color-message-text-error-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-input-helper-color-message-icon-info-initial:light-dark(var(--eds-color-blue-sky-1200),var(--eds-color-blue-sky-600));--eds-input-helper-color-message-icon-info-focus:light-dark(var(--eds-color-blue-sky-1200),var(--eds-color-blue-sky-600));--eds-input-helper-color-message-icon-info-read-only:light-dark(var(--eds-color-blue-sky-1200),var(--eds-color-blue-sky-600));--eds-input-helper-color-message-icon-info-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-input-helper-color-message-icon-success-initial:light-dark(var(--eds-color-lichen-green-1200),var(--eds-color-lichen-green-600));--eds-input-helper-color-message-icon-success-focus:light-dark(var(--eds-color-lichen-green-1200),var(--eds-color-lichen-green-600));--eds-input-helper-color-message-icon-success-read-only:light-dark(var(--eds-color-lichen-green-1200),var(--eds-color-lichen-green-600));--eds-input-helper-color-message-icon-success-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-input-helper-color-message-icon-warning-initial:light-dark(var(--eds-color-orange-1200),var(--eds-color-orange-500));--eds-input-helper-color-message-icon-warning-focus:light-dark(var(--eds-color-orange-1200),var(--eds-color-orange-500));--eds-input-helper-color-message-icon-warning-read-only:light-dark(var(--eds-color-orange-1200),var(--eds-color-orange-500));--eds-input-helper-color-message-icon-warning-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-input-helper-color-message-icon-error-initial:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-cold-600));--eds-input-helper-color-message-icon-error-focus:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-cold-600));--eds-input-helper-color-message-icon-error-read-only:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-cold-600));--eds-input-helper-color-message-icon-error-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-input-color-text-initial:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-input-color-text-read-only:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-input-color-text-focus:light-dark(var(--eds-color-neutral-1300),var(--eds-color-neutral-0));--eds-input-color-text-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-input-color-icon-initial:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-input-color-icon-read-only:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-input-color-icon-focus:light-dark(var(--eds-color-neutral-1300),var(--eds-color-neutral-0));--eds-input-color-icon-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-input-color-border-initial:light-dark(var(--eds-color-neutral-600),#ffffff29);--eds-input-color-border-read-only:light-dark(var(--eds-color-neutral-600),#ffffff29);--eds-input-color-border-focus:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-input-color-surface-initial-on-level-1:light-dark(var(--eds-color-neutral-0),#00000047);--eds-input-color-surface-initial-on-level-2:light-dark(var(--eds-color-neutral-100),#00000047);--eds-input-color-surface-initial-on-level-3:light-dark(var(--eds-color-neutral-100),#00000047);--eds-input-color-surface-disabled-on-level-1:light-dark(var(--eds-color-neutral-0),#00000047);--eds-input-color-surface-disabled-on-level-2:light-dark(var(--eds-color-neutral-100),#00000047);--eds-input-color-surface-disabled-on-level-3:light-dark(var(--eds-color-neutral-100),#00000047);--eds-input-color-message-border-success-initial:var(--eds-color-success-green-900);--eds-input-color-message-border-success-focus:light-dark(var(--eds-color-lichen-green-1200),var(--eds-color-success-green-600));--eds-input-color-message-border-success-read-only:var(--eds-color-success-green-900);--eds-input-color-message-border-success-disabled:var(--eds-color-success-green-900);--eds-input-color-message-border-warning-initial:var(--eds-color-orange-800);--eds-input-color-message-border-warning-focus:light-dark(var(--eds-color-orange-1200),var(--eds-color-spruce-wood-500));--eds-input-color-message-border-warning-read-only:var(--eds-color-orange-800);--eds-input-color-message-border-warning-disabled:var(--eds-color-orange-800);--eds-input-color-message-border-error-initial:var(--eds-color-red-cold-900);--eds-input-color-message-border-error-focus:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-warm-600));--eds-input-color-message-border-error-read-only:var(--eds-color-red-cold-900);--eds-input-color-message-border-error-disabled:var(--eds-color-red-cold-900);--eds-input-color-message-icon-success-initial:var(--eds-color-success-green-900);--eds-input-color-message-icon-success-focus:light-dark(var(--eds-color-lichen-green-1200),var(--eds-color-success-green-600));--eds-input-color-message-icon-success-read-only:var(--eds-color-success-green-900);--eds-input-color-message-icon-success-disabled:var(--eds-color-success-green-900);--eds-input-color-message-icon-warning-initial:var(--eds-color-orange-800);--eds-input-color-message-icon-warning-focus:light-dark(var(--eds-color-orange-1200),var(--eds-color-spruce-wood-500));--eds-input-color-message-icon-warning-read-only:var(--eds-color-orange-800);--eds-input-color-message-icon-warning-disabled:var(--eds-color-orange-800);--eds-input-color-message-icon-error-initial:var(--eds-color-red-cold-900);--eds-input-color-message-icon-error-focus:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-warm-600));--eds-input-color-message-icon-error-read-only:var(--eds-color-red-cold-900);--eds-input-color-message-icon-error-disabled:var(--eds-color-red-cold-900);--eds-input-color-message-text-success-initial:var(--eds-color-success-green-900);--eds-input-color-message-text-success-focus:light-dark(var(--eds-color-lichen-green-1200),var(--eds-color-success-green-600));--eds-input-color-message-text-success-read-only:var(--eds-color-success-green-900);--eds-input-color-message-text-success-disabled:var(--eds-color-success-green-900);--eds-input-color-message-text-warning-initial:var(--eds-color-orange-800);--eds-input-color-message-text-warning-focus:light-dark(var(--eds-color-orange-1200),var(--eds-color-spruce-wood-500));--eds-input-color-message-text-warning-read-only:var(--eds-color-orange-800);--eds-input-color-message-text-warning-disabled:var(--eds-color-orange-800);--eds-input-color-message-text-error-initial:var(--eds-color-red-cold-900);--eds-input-color-message-text-error-focus:light-dark(var(--eds-color-red-cold-1200),var(--eds-color-red-warm-600));--eds-input-color-message-text-error-read-only:var(--eds-color-red-cold-900);--eds-input-color-message-text-error-disabled:var(--eds-color-red-cold-900);--eds-input-label-color-text-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-input-label-color-text-read-only:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-input-label-color-text-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-input-label-color-icon-initial:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-input-label-color-icon-read-only:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-input-label-color-icon-disabled:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-table-cell-color-message-surface-error:light-dark(var(--eds-color-red-warm-300),#ff666b47);--eds-table-cell-color-interactive-text-initial-on-level-1:light-dark(var(--eds-color-neutral-1300),var(--eds-color-slate-grey-400));--eds-table-cell-color-interactive-text-initial-on-level-2:light-dark(var(--eds-color-neutral-1300),var(--eds-color-slate-grey-400));--eds-table-cell-color-interactive-text-initial-on-level-3:light-dark(var(--eds-color-neutral-1300),var(--eds-color-slate-grey-400));--eds-table-cell-color-interactive-text-hover-on-level-1:light-dark(var(--eds-color-neutral-1400),var(--eds-color-slate-grey-200));--eds-table-cell-color-interactive-text-hover-on-level-2:light-dark(var(--eds-color-neutral-1400),var(--eds-color-slate-grey-200));--eds-table-cell-color-interactive-text-hover-on-level-3:light-dark(var(--eds-color-neutral-1400),var(--eds-color-slate-grey-200));--eds-table-cell-color-interactive-text-active-on-level-1:light-dark(var(--eds-color-neutral-1300),var(--eds-color-slate-grey-400));--eds-table-cell-color-interactive-text-active-on-level-2:light-dark(var(--eds-color-neutral-1300),var(--eds-color-slate-grey-400));--eds-table-cell-color-interactive-text-active-on-level-3:light-dark(var(--eds-color-neutral-1300),var(--eds-color-slate-grey-400));--eds-table-cell-color-interactive-text-active-hover-on-level-1:light-dark(var(--eds-color-neutral-1400),var(--eds-color-slate-grey-200));--eds-table-cell-color-interactive-text-active-hover-on-level-2:light-dark(var(--eds-color-neutral-1400),var(--eds-color-slate-grey-200));--eds-table-cell-color-interactive-text-active-hover-on-level-3:light-dark(var(--eds-color-neutral-1400),var(--eds-color-slate-grey-200));--eds-table-cell-color-interactive-text-disabled-on-level-1:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-table-cell-color-interactive-text-disabled-on-level-2:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-table-cell-color-interactive-text-disabled-on-level-3:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-table-cell-color-interactive-icon-initial-on-level-1:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-table-cell-color-interactive-icon-initial-on-level-2:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-table-cell-color-interactive-icon-initial-on-level-3:light-dark(var(--eds-color-neutral-1100),var(--eds-color-slate-grey-500));--eds-table-cell-color-interactive-icon-hover-on-level-1:light-dark(var(--eds-color-neutral-1400),var(--eds-color-slate-grey-200));--eds-table-cell-color-interactive-icon-hover-on-level-2:light-dark(var(--eds-color-neutral-1400),var(--eds-color-slate-grey-200));--eds-table-cell-color-interactive-icon-hover-on-level-3:light-dark(var(--eds-color-neutral-1400),var(--eds-color-slate-grey-200));--eds-table-cell-color-interactive-icon-active-on-level-1:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-table-cell-color-interactive-icon-active-on-level-2:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-table-cell-color-interactive-icon-active-on-level-3:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-200));--eds-table-cell-color-interactive-icon-active-hover-on-level-1:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-table-cell-color-interactive-icon-active-hover-on-level-2:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-table-cell-color-interactive-icon-active-hover-on-level-3:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-100));--eds-table-cell-color-interactive-icon-disabled-on-level-1:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-table-cell-color-interactive-icon-disabled-on-level-2:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-table-cell-color-interactive-icon-disabled-on-level-3:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-table-cell-color-interactive-border-initial-on-level-1:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-table-cell-color-interactive-border-initial-on-level-2:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-table-cell-color-interactive-border-initial-on-level-3:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-table-cell-color-interactive-border-hover-on-level-1:light-dark(var(--eds-color-neutral-500),#fff3);--eds-table-cell-color-interactive-border-hover-on-level-2:light-dark(var(--eds-color-neutral-500),#fff3);--eds-table-cell-color-interactive-border-hover-on-level-3:light-dark(var(--eds-color-neutral-500),#fff3);--eds-table-cell-color-interactive-border-active-on-level-1:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-table-cell-color-interactive-border-active-on-level-2:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-table-cell-color-interactive-border-active-on-level-3:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-table-cell-color-interactive-border-active-hover-on-level-1:light-dark(var(--eds-color-neutral-500),#fff3);--eds-table-cell-color-interactive-border-active-hover-on-level-2:light-dark(var(--eds-color-neutral-500),#fff3);--eds-table-cell-color-interactive-border-active-hover-on-level-3:light-dark(var(--eds-color-neutral-500),#fff3);--eds-table-cell-color-interactive-border-disabled-on-level-1:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-table-cell-color-interactive-border-disabled-on-level-2:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-table-cell-color-interactive-border-disabled-on-level-3:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-table-cell-color-interactive-surface-hover-on-level-1:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-blue-1200));--eds-table-cell-color-interactive-surface-hover-on-level-2:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-blue-1200));--eds-table-cell-color-interactive-surface-hover-on-level-3:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-blue-1200));--eds-table-cell-color-interactive-surface-active-on-level-1:light-dark(var(--eds-color-moss-green-200),var(--eds-color-mist-blue-muted-1300));--eds-table-cell-color-interactive-surface-active-on-level-2:light-dark(var(--eds-color-moss-green-200),var(--eds-color-mist-blue-muted-1300));--eds-table-cell-color-interactive-surface-active-on-level-3:light-dark(var(--eds-color-moss-green-200),var(--eds-color-mist-blue-muted-1200));--eds-table-cell-color-interactive-surface-active-hover-on-level-1:light-dark(var(--eds-color-moss-green-300),var(--eds-color-mist-blue-muted-1200));--eds-table-cell-color-interactive-surface-active-hover-on-level-2:light-dark(var(--eds-color-moss-green-300),var(--eds-color-mist-blue-muted-1200));--eds-table-cell-color-interactive-surface-active-hover-on-level-3:light-dark(var(--eds-color-moss-green-300),var(--eds-color-mist-blue-muted-1100));--eds-table-header-color-interactive-text-initial-on-level-1:light-dark(var(--eds-color-neutral-1300),var(--eds-color-slate-grey-400));--eds-table-header-color-interactive-text-initial-on-level-2:light-dark(var(--eds-color-neutral-1300),var(--eds-color-slate-grey-400));--eds-table-header-color-interactive-text-initial-on-level-3:light-dark(var(--eds-color-neutral-1300),var(--eds-color-neutral-0));--eds-table-header-color-interactive-text-hover-on-level-1:light-dark(var(--eds-color-neutral-1300),var(--eds-color-slate-grey-400));--eds-table-header-color-interactive-text-hover-on-level-2:light-dark(var(--eds-color-neutral-1300),var(--eds-color-slate-grey-400));--eds-table-header-color-interactive-text-hover-on-level-3:light-dark(var(--eds-color-neutral-1300),var(--eds-color-neutral-0));--eds-table-header-color-interactive-text-active-on-level-1:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-table-header-color-interactive-text-active-on-level-2:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-table-header-color-interactive-text-active-on-level-3:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-300));--eds-table-header-color-interactive-text-active-hover-on-level-1:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-table-header-color-interactive-text-active-hover-on-level-2:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-table-header-color-interactive-text-active-hover-on-level-3:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-200));--eds-table-header-color-interactive-text-disabled-on-level-1:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-table-header-color-interactive-text-disabled-on-level-2:light-dark(var(--eds-color-neutral-500),var(--eds-color-slate-grey-1000));--eds-table-header-color-interactive-text-disabled-on-level-3:light-dark(var(--eds-color-neutral-500),var(--eds-color-neutral-1000));--eds-table-header-color-interactive-icon-initial-on-level-1:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-table-header-color-interactive-icon-initial-on-level-2:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-table-header-color-interactive-icon-initial-on-level-3:light-dark(var(--eds-color-neutral-1300),var(--eds-color-neutral-0));--eds-table-header-color-interactive-icon-hover-on-level-1:light-dark(var(--eds-color-neutral-1300),var(--eds-color-slate-grey-400));--eds-table-header-color-interactive-icon-hover-on-level-2:light-dark(var(--eds-color-neutral-1300),var(--eds-color-slate-grey-400));--eds-table-header-color-interactive-icon-hover-on-level-3:light-dark(var(--eds-color-neutral-1300),var(--eds-color-neutral-0));--eds-table-header-color-interactive-icon-active-on-level-1:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-table-header-color-interactive-icon-active-on-level-2:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-table-header-color-interactive-icon-active-on-level-3:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-300));--eds-table-header-color-interactive-icon-active-hover-on-level-1:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-table-header-color-interactive-icon-active-hover-on-level-2:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-table-header-color-interactive-icon-active-hover-on-level-3:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-200));--eds-table-header-color-interactive-icon-disabled-on-level-1:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-table-header-color-interactive-icon-disabled-on-level-2:light-dark(var(--eds-color-neutral-900),var(--eds-color-slate-grey-600));--eds-table-header-color-interactive-icon-disabled-on-level-3:light-dark(var(--eds-color-neutral-1300),var(--eds-color-neutral-0));--eds-table-header-color-interactive-border-initial-on-level-1:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-table-header-color-interactive-border-initial-on-level-2:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-table-header-color-interactive-border-initial-on-level-3:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-table-header-color-interactive-border-hover-on-level-1:light-dark(var(--eds-color-neutral-500),#fff3);--eds-table-header-color-interactive-border-hover-on-level-2:light-dark(var(--eds-color-neutral-500),#fff3);--eds-table-header-color-interactive-border-hover-on-level-3:light-dark(var(--eds-color-neutral-500),#fff3);--eds-table-header-color-interactive-border-active-on-level-1:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-table-header-color-interactive-border-active-on-level-2:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-500));--eds-table-header-color-interactive-border-active-on-level-3:light-dark(var(--eds-color-moss-green-1100),var(--eds-color-moss-green-sat-300));--eds-table-header-color-interactive-border-active-hover-on-level-1:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-table-header-color-interactive-border-active-hover-on-level-2:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-300));--eds-table-header-color-interactive-border-active-hover-on-level-3:light-dark(var(--eds-color-moss-green-1300),var(--eds-color-moss-green-sat-200));--eds-table-header-color-interactive-border-disabled-on-level-1:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-table-header-color-interactive-border-disabled-on-level-2:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-table-header-color-interactive-border-disabled-on-level-3:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-table-header-color-interactive-surface-initial-on-level-1:light-dark(var(--eds-color-neutral-0),var(--eds-color-slate-blue-1350));--eds-table-header-color-interactive-surface-initial-on-level-2:light-dark(var(--eds-color-neutral-100),var(--eds-color-slate-blue-1300));--eds-table-header-color-interactive-surface-initial-on-level-3:light-dark(var(--eds-color-neutral-100),var(--eds-color-slate-blue-1200));--eds-table-header-color-interactive-surface-hover-on-level-1:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-blue-1200));--eds-table-header-color-interactive-surface-hover-on-level-2:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-blue-1200));--eds-table-header-color-interactive-surface-hover-on-level-3:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-blue-1200));--eds-table-header-color-interactive-surface-active-on-level-1:light-dark(var(--eds-color-neutral-200),var(--eds-color-slate-blue-1300));--eds-table-header-color-interactive-surface-active-on-level-2:light-dark(var(--eds-color-neutral-200),var(--eds-color-slate-blue-1300));--eds-table-header-color-interactive-surface-active-on-level-3:light-dark(var(--eds-color-neutral-200),var(--eds-color-slate-blue-1200));--eds-table-header-color-interactive-surface-active-hover-on-level-1:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-blue-1200));--eds-table-header-color-interactive-surface-active-hover-on-level-2:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-blue-1200));--eds-table-header-color-interactive-surface-active-hover-on-level-3:light-dark(var(--eds-color-neutral-300),var(--eds-color-slate-blue-1100));--eds-table-header-color-static-text-on-level-1:light-dark(var(--eds-color-neutral-1300),var(--eds-color-neutral-0));--eds-table-header-color-static-text-on-level-2:light-dark(var(--eds-color-neutral-1300),var(--eds-color-neutral-0));--eds-table-header-color-static-text-on-level-3:light-dark(var(--eds-color-neutral-1300),var(--eds-color-neutral-0));--eds-table-header-color-static-icon-on-level-1:light-dark(var(--eds-color-neutral-1300),var(--eds-color-neutral-0));--eds-table-header-color-static-icon-on-level-2:light-dark(var(--eds-color-neutral-1300),var(--eds-color-neutral-0));--eds-table-header-color-static-icon-on-level-3:light-dark(var(--eds-color-neutral-1300),var(--eds-color-neutral-0));--eds-table-header-color-static-border-on-level-1:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-table-header-color-static-border-on-level-2:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-table-header-color-static-border-on-level-3:light-dark(var(--eds-color-neutral-300),#ffffff29);--eds-table-header-color-static-surface-on-level-1:light-dark(var(--eds-color-neutral-0),var(--eds-color-slate-blue-1350));--eds-table-header-color-static-surface-on-level-2:light-dark(var(--eds-color-neutral-100),var(--eds-color-slate-blue-1300));--eds-table-header-color-static-surface-on-level-3:light-dark(var(--eds-color-neutral-100),var(--eds-color-slate-blue-1200));--eds-ui-main-color-surface:light-dark(var(--eds-color-neutral-100),var(--eds-color-slate-blue-1400));--eds-ui-shell-color-surface:light-dark(var(--eds-color-neutral-0),var(--eds-color-slate-blue-1350));--eds-ui-shell-color-border:light-dark(var(--eds-color-neutral-100),var(--eds-color-slate-blue-1400));--eds-ui-floating-color-surface:light-dark(var(--eds-color-neutral-0),var(--eds-color-slate-blue-1300));--eds-color-static-text-inverted:light-dark(var(--eds-color-text-inverted-on-light),var(--eds-color-text-inverted-on-dark));--eds-color-static-text-standard-primary:light-dark(var(--eds-color-text-primary-on-light),var(--eds-color-text-primary-on-dark));--eds-color-static-text-standard-secondary:light-dark(var(--eds-color-text-secondary-on-light),var(--eds-color-text-secondary-on-dark));--eds-color-static-text-standard-maximal:light-dark(var(--eds-color-text-maximal-on-light),var(--eds-color-text-maximal-on-dark));--eds-color-static-icon-inverted:light-dark(var(--eds-color-icon-inverted-on-light),var(--eds-color-icon-inverted-on-dark));--eds-color-static-icon-standard-primary:light-dark(var(--eds-color-icon-primary-on-light),var(--eds-color-icon-primary-on-dark));--eds-color-static-icon-standard-secondary:light-dark(var(--eds-color-icon-secondary-on-light),var(--eds-color-icon-secondary-on-dark));--eds-color-static-icon-standard-maximal:light-dark(var(--eds-color-icon-maximal-on-light),var(--eds-color-icon-maximal-on-dark));--eds-color-message-text-standard-info:var(--eds-color-message-text-raised-info-initial);--eds-color-message-text-standard-success:var(--eds-color-message-text-raised-success-initial);--eds-color-message-text-standard-warning:var(--eds-color-message-text-raised-warning-initial);--eds-color-message-text-standard-error:var(--eds-color-message-text-raised-error-initial)}:root,[data-density]{--density:var(--eds--spacious);--eds--comfortable:var(--density, );--eds--spacious:var(--density, )}[data-density=comfortable]{--density:var(--eds--comfortable)}[data-density=spacious]{--density:var(--eds--spacious)}:root{--eds-spacing-0:0rem;--eds-spacing-6:.063rem;--eds-spacing-12:.125rem;--eds-spacing-19:.188rem;--eds-spacing-25:.25rem;--eds-spacing-37:.375rem;--eds-spacing-50:.5rem;--eds-spacing-62:.625rem;--eds-spacing-75:.75rem;--eds-spacing-82:.875rem;--eds-spacing-100:1rem;--eds-spacing-125:1.25rem;--eds-spacing-150:1.5rem;--eds-spacing-175:1.75rem;--eds-spacing-200:2rem;--eds-spacing-225:2.25rem;--eds-spacing-250:2.5rem;--eds-spacing-275:2.75rem;--eds-spacing-300:3rem;--eds-spacing-325:3.25rem;--eds-spacing-350:3.5rem;--eds-spacing-375:3.75rem;--eds-spacing-400:4rem;--eds-spacing-450:4.5rem;--eds-spacing-500:5rem;--eds-spacing-550:5.5rem;--eds-spacing-600:6rem;--eds-spacing-700:7rem;--eds-spacing-800:8rem;--eds-spacing-900:9rem;--eds-spacing-1000:10rem;--eds-spacing-1100:11rem;--eds-spacing-1200:12rem;--eds-spacing-1300:13rem;--eds-spacing-1400:14rem;--eds-spacing-1500:15rem;--eds-spacing-1600:16rem;--eds-spacing-1700:17rem;--eds-spacing-1800:18rem;--eds-spacing-1900:19rem;--eds-spacing-2000:20rem;--eds-spacing-2100:21rem;--eds-spacing-2200:22rem;--eds-type-scale-inter-100-font-size:.563rem;--eds-type-scale-inter-100-tracking-tight:-.99px;--eds-type-scale-inter-100-tracking-normal:0px;--eds-type-scale-inter-100-tracking-loose:.99px;--eds-type-scale-inter-100-font-weight-lighter:300;--eds-type-scale-inter-100-font-weight-bolder:500;--eds-type-scale-inter-100-font-weight-normal:400;--eds-type-scale-inter-200-font-size:.656rem;--eds-type-scale-inter-200-tracking-tight:-1.15px;--eds-type-scale-inter-200-tracking-normal:0px;--eds-type-scale-inter-200-tracking-loose:1.15px;--eds-type-scale-inter-200-font-weight-lighter:300;--eds-type-scale-inter-200-font-weight-normal:400;--eds-type-scale-inter-200-font-weight-bolder:500;--eds-type-scale-inter-300-font-size:.75rem;--eds-type-scale-inter-300-tracking-tight:-1.32px;--eds-type-scale-inter-300-tracking-normal:0px;--eds-type-scale-inter-300-tracking-loose:1.32px;--eds-type-scale-inter-300-font-weight-lighter:300;--eds-type-scale-inter-300-font-weight-bolder:500;--eds-type-scale-inter-300-font-weight-normal:400;--eds-type-scale-inter-400-font-size:.875rem;--eds-type-scale-inter-400-tracking-tight:-1.54px;--eds-type-scale-inter-400-tracking-normal:0px;--eds-type-scale-inter-400-tracking-loose:1.54px;--eds-type-scale-inter-400-font-weight-lighter:300;--eds-type-scale-inter-400-font-weight-normal:400;--eds-type-scale-inter-400-font-weight-bolder:500;--eds-type-scale-inter-500-font-size:1rem;--eds-type-scale-inter-500-tracking-tight:-1.76px;--eds-type-scale-inter-500-tracking-normal:0px;--eds-type-scale-inter-500-tracking-loose:1.76px;--eds-type-scale-inter-500-font-weight-lighter:300;--eds-type-scale-inter-500-font-weight-normal:400;--eds-type-scale-inter-500-font-weight-bolder:500;--eds-type-scale-inter-600-font-size:1.156rem;--eds-type-scale-inter-600-tracking-tight:-1.76px;--eds-type-scale-inter-600-tracking-normal:0px;--eds-type-scale-inter-600-tracking-loose:2.035px;--eds-type-scale-inter-600-font-weight-lighter:300;--eds-type-scale-inter-600-font-weight-normal:400;--eds-type-scale-inter-600-font-weight-bolder:500;--eds-type-scale-inter-700-font-size:1.313rem;--eds-type-scale-inter-700-tracking-tight:-2.31px;--eds-type-scale-inter-700-tracking-normal:0px;--eds-type-scale-inter-700-tracking-loose:2.31px;--eds-type-scale-inter-700-font-weight-lighter:300;--eds-type-scale-inter-700-font-weight-normal:400;--eds-type-scale-inter-700-font-weight-bolder:500;--eds-type-scale-inter-800-font-size:1.531rem;--eds-type-scale-inter-800-tracking-tight:-2.695px;--eds-type-scale-inter-800-tracking-normal:0px;--eds-type-scale-inter-800-tracking-loose:2.695px;--eds-type-scale-inter-800-font-weight-lighter:300;--eds-type-scale-inter-800-font-weight-normal:400;--eds-type-scale-inter-800-font-weight-bolder:500;--eds-type-scale-inter-900-font-size:1.75rem;--eds-type-scale-inter-900-tracking-tight:-3.08px;--eds-type-scale-inter-900-tracking-normal:0px;--eds-type-scale-inter-900-tracking-loose:3.08px;--eds-type-scale-inter-900-font-weight-lighter:300;--eds-type-scale-inter-900-font-weight-normal:400;--eds-type-scale-inter-900-font-weight-bolder:500;--eds-type-scale-inter-1000-font-size:2rem;--eds-type-scale-inter-1000-tracking-tight:-3.52px;--eds-type-scale-inter-1000-tracking-normal:0px;--eds-type-scale-inter-1000-tracking-loose:3.52px;--eds-type-scale-inter-1000-font-weight-lighter:300;--eds-type-scale-inter-1000-font-weight-normal:400;--eds-type-scale-inter-1000-font-weight-bolder:500;--eds-type-scale-inter-1100-font-size:2.313rem;--eds-type-scale-inter-1100-tracking-tight:-4.07px;--eds-type-scale-inter-1100-tracking-normal:0px;--eds-type-scale-inter-1100-tracking-loose:4.07px;--eds-type-scale-inter-1100-font-weight-lighter:300;--eds-type-scale-inter-1100-font-weight-normal:400;--eds-type-scale-inter-1100-font-weight-bolder:500;--eds-type-scale-equinor-100-font-size:.656rem;--eds-type-scale-equinor-100-tracking-tight:-.99px;--eds-type-scale-equinor-100-tracking-normal:0px;--eds-type-scale-equinor-100-tracking-loose:.99px;--eds-type-scale-equinor-100-font-weight-lighter:300;--eds-type-scale-equinor-100-font-weight-bolder:500;--eds-type-scale-equinor-100-font-weight-normal:400;--eds-type-scale-equinor-200-font-size:.75rem;--eds-type-scale-equinor-200-tracking-tight:-1.15px;--eds-type-scale-equinor-200-tracking-normal:0px;--eds-type-scale-equinor-200-tracking-loose:1.15px;--eds-type-scale-equinor-200-font-weight-lighter:300;--eds-type-scale-equinor-200-font-weight-normal:400;--eds-type-scale-equinor-200-font-weight-bolder:500;--eds-type-scale-equinor-300-font-size:.875rem;--eds-type-scale-equinor-300-tracking-tight:-1.32px;--eds-type-scale-equinor-300-tracking-normal:0px;--eds-type-scale-equinor-300-tracking-loose:1.32px;--eds-type-scale-equinor-300-font-weight-lighter:300;--eds-type-scale-equinor-300-font-weight-bolder:500;--eds-type-scale-equinor-300-font-weight-normal:400;--eds-type-scale-equinor-400-font-size:1rem;--eds-type-scale-equinor-400-tracking-tight:-1.54px;--eds-type-scale-equinor-400-tracking-normal:0px;--eds-type-scale-equinor-400-tracking-loose:1.54px;--eds-type-scale-equinor-400-font-weight-lighter:300;--eds-type-scale-equinor-400-font-weight-normal:400;--eds-type-scale-equinor-400-font-weight-bolder:500;--eds-type-scale-equinor-500-font-size:1.125rem;--eds-type-scale-equinor-500-tracking-tight:-1.76px;--eds-type-scale-equinor-500-tracking-normal:0px;--eds-type-scale-equinor-500-tracking-loose:1.76px;--eds-type-scale-equinor-500-font-weight-lighter:300;--eds-type-scale-equinor-500-font-weight-normal:400;--eds-type-scale-equinor-500-font-weight-bolder:500;--eds-type-scale-equinor-600-font-size:1.313rem;--eds-type-scale-equinor-600-tracking-tight:-1.76px;--eds-type-scale-equinor-600-tracking-normal:0px;--eds-type-scale-equinor-600-tracking-loose:2.035px;--eds-type-scale-equinor-600-font-weight-lighter:300;--eds-type-scale-equinor-600-font-weight-normal:400;--eds-type-scale-equinor-600-font-weight-bolder:500;--eds-type-scale-equinor-700-font-size:1.5rem;--eds-type-scale-equinor-700-tracking-tight:-2.31px;--eds-type-scale-equinor-700-tracking-normal:0px;--eds-type-scale-equinor-700-tracking-loose:2.31px;--eds-type-scale-equinor-700-font-weight-lighter:300;--eds-type-scale-equinor-700-font-weight-normal:400;--eds-type-scale-equinor-700-font-weight-bolder:500;--eds-type-scale-equinor-800-font-size:1.719rem;--eds-type-scale-equinor-800-tracking-tight:-2.695px;--eds-type-scale-equinor-800-tracking-normal:0px;--eds-type-scale-equinor-800-tracking-loose:2.695px;--eds-type-scale-equinor-800-font-weight-lighter:300;--eds-type-scale-equinor-800-font-weight-normal:400;--eds-type-scale-equinor-800-font-weight-bolder:500;--eds-type-scale-equinor-900-font-size:1.969rem;--eds-type-scale-equinor-900-tracking-tight:-3.08px;--eds-type-scale-equinor-900-tracking-normal:0px;--eds-type-scale-equinor-900-tracking-loose:3.08px;--eds-type-scale-equinor-900-font-weight-lighter:300;--eds-type-scale-equinor-900-font-weight-normal:400;--eds-type-scale-equinor-900-font-weight-bolder:500;--eds-type-scale-equinor-1000-font-size:2.281rem;--eds-type-scale-equinor-1000-tracking-tight:-3.52px;--eds-type-scale-equinor-1000-tracking-normal:0px;--eds-type-scale-equinor-1000-tracking-loose:3.52px;--eds-type-scale-equinor-1000-font-weight-lighter:300;--eds-type-scale-equinor-1000-font-weight-normal:400;--eds-type-scale-equinor-1000-font-weight-bolder:500;--eds-type-scale-equinor-1100-font-size:2.625rem;--eds-type-scale-equinor-1100-tracking-tight:-4.07px;--eds-type-scale-equinor-1100-tracking-normal:0px;--eds-type-scale-equinor-1100-tracking-loose:4.07px;--eds-type-scale-equinor-1100-font-weight-lighter:300;--eds-type-scale-equinor-1100-font-weight-normal:400;--eds-type-scale-equinor-1100-font-weight-bolder:500;--eds-lineheight-scale-100-default:.75rem;--eds-lineheight-scale-100-lineheight-squished:.75rem;--eds-lineheight-scale-200-default:1rem;--eds-lineheight-scale-200-lineheight-squished:.75rem;--eds-lineheight-scale-300-default:1rem;--eds-lineheight-scale-300-lineheight-squished:.75rem;--eds-lineheight-scale-400-default:1.25rem;--eds-lineheight-scale-400-lineheight-squished:1rem;--eds-lineheight-scale-500-default:1.5rem;--eds-lineheight-scale-500-lineheight-squished:1.25rem;--eds-lineheight-scale-600-default:1.5rem;--eds-lineheight-scale-600-lineheight-squished:1.25rem;--eds-lineheight-scale-700-default:1.75rem;--eds-lineheight-scale-700-lineheight-squished:1.5rem;--eds-lineheight-scale-800-default:2rem;--eds-lineheight-scale-800-lineheight-squished:1.75rem;--eds-lineheight-scale-900-default:2rem;--eds-lineheight-scale-900-lineheight-squished:1.75rem;--eds-lineheight-scale-1000-default:2.25rem;--eds-lineheight-scale-1000-lineheight-squished:2rem;--eds-lineheight-scale-1100-default:2.5rem;--eds-lineheight-scale-1100-squished:2.25rem;--eds-font-family-inter:"Inter";--eds-font-family-equinor:"Equinor"}:root,[data-density]{--eds-spacing-icon-xs-gap-horizontal:var(--eds--spacious,.406rem)var(--eds--comfortable,.344rem);--eds-spacing-icon-xs-gap-vertical:var(--eds--spacious,.406rem)var(--eds--comfortable,.344rem);--eds-spacing-icon-sm-gap-horizontal:var(--eds--spacious,.469rem)var(--eds--comfortable,.406rem);--eds-spacing-icon-sm-gap-vertical:var(--eds--spacious,.469rem)var(--eds--comfortable,.406rem);--eds-spacing-icon-md-gap-horizontal:var(--eds--spacious,.531rem)var(--eds--comfortable,.469rem);--eds-spacing-icon-md-gap-vertical:var(--eds--spacious,.531rem)var(--eds--comfortable,.469rem);--eds-spacing-icon-lg-gap-horizontal:var(--eds--spacious,.625rem)var(--eds--comfortable,.531rem);--eds-spacing-icon-lg-gap-vertical:var(--eds--spacious,.625rem)var(--eds--comfortable,.531rem);--eds-spacing-icon-xl-gap-horizontal:var(--eds--spacious,.719rem)var(--eds--comfortable,.625rem);--eds-spacing-icon-xl-gap-vertical:var(--eds--spacious,.719rem)var(--eds--comfortable,.625rem);--eds-spacing-icon-2xl-gap-horizontal:var(--eds--spacious,.813rem)var(--eds--comfortable,.719rem);--eds-spacing-icon-2xl-gap-vertical:var(--eds--spacious,.813rem)var(--eds--comfortable,.719rem);--eds-spacing-icon-3xl-gap-horizontal:var(--eds--spacious,.938rem)var(--eds--comfortable,.813rem);--eds-spacing-icon-3xl-gap-vertical:var(--eds--spacious,.938rem)var(--eds--comfortable,.813rem);--eds-spacing-icon-4xl-gap-horizontal:var(--eds--spacious,1.094rem)var(--eds--comfortable,.938rem);--eds-spacing-icon-4xl-gap-vertical:var(--eds--spacious,1.094rem)var(--eds--comfortable,.938rem);--eds-spacing-icon-5xl-gap-horizontal:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.094rem);--eds-spacing-icon-5xl-gap-vertical:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.094rem);--eds-spacing-icon-6xl-gap-horizontal:var(--eds--spacious,1.438rem)var(--eds--comfortable,1.25rem);--eds-spacing-icon-6xl-gap-vertical:var(--eds--spacious,1.438rem)var(--eds--comfortable,1.25rem);--eds-spacing-inline-4-xs:var(--eds--spacious,.125rem)var(--eds--comfortable,.063rem);--eds-spacing-inline-3-xs:var(--eds--spacious,.25rem)var(--eds--comfortable,.125rem);--eds-spacing-inline-2-xs:var(--eds--spacious,.375rem)var(--eds--comfortable,.25rem);--eds-spacing-inline-xs:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-inline-sm:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inline-md:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inline-lg:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inline-xl:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-inline-2-xl:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-spacing-inline-3-xl:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-spacing-stack-4-xs:var(--eds--spacious,.125rem)var(--eds--comfortable,.063rem);--eds-spacing-stack-3-xs:var(--eds--spacious,.25rem)var(--eds--comfortable,.125rem);--eds-spacing-stack-2-xs:var(--eds--spacious,.375rem)var(--eds--comfortable,.25rem);--eds-spacing-stack-xs:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-stack-sm:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-stack-md:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-stack-lg:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-stack-xl:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-stack-2-xl:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-spacing-stack-3-xl:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-spacing-border-radius-pill:var(--eds--spacious,62.5rem)var(--eds--comfortable,62.5rem);--eds-spacing-border-radius-none:0rem;--eds-sizing-icon-xs:var(--eds--spacious,1rem)var(--eds--comfortable,.875rem);--eds-sizing-icon-sm:var(--eds--spacious,1.125rem)var(--eds--comfortable,1rem);--eds-sizing-icon-md:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.125rem);--eds-sizing-icon-lg:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-sizing-icon-xl:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-sizing-icon-2xl:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-sizing-icon-3xl:var(--eds--spacious,2.313rem)var(--eds--comfortable,2rem);--eds-sizing-icon-4xl:var(--eds--spacious,2.625rem)var(--eds--comfortable,2.313rem);--eds-sizing-icon-5xl:var(--eds--spacious,3rem)var(--eds--comfortable,2.625rem);--eds-sizing-icon-6xl:var(--eds--spacious,3.5rem)var(--eds--comfortable,3rem);--eds-sizing-selectable-xs:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-sizing-selectable-sm:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-sizing-selectable-md:var(--eds--spacious,2.25rem)var(--eds--comfortable,1.5rem);--eds-sizing-selectable-lg:var(--eds--spacious,2.75rem)var(--eds--comfortable,2.25rem);--eds-sizing-selectable-xl:var(--eds--spacious,3.25rem)var(--eds--comfortable,2.75rem);--eds-sizing-selectable-2xl:var(--eds--spacious,3.75rem)var(--eds--comfortable,3.25rem);--eds-sizing-stroke-thin:var(--eds--spacious,.063rem)var(--eds--comfortable,.063rem);--eds-sizing-stroke-thick:var(--eds--spacious,.125rem)var(--eds--comfortable,.125rem);--eds-sizing-stroke-none:0rem;--eds-spacing-border-radius-rounded:var(--eds--spacious,var(--eds-spacing-25))var(--eds--comfortable,var(--eds-spacing-19));--eds-spacing-inset-xs-inline:var(--eds-spacing-inline-xs);--eds-spacing-inset-xs-stack-squished:var(--eds-spacing-stack-2-xs);--eds-spacing-inset-xs-stack-squared:var(--eds-spacing-stack-xs);--eds-spacing-inset-xs-stack-stretched:var(--eds-spacing-stack-sm);--eds-spacing-inset-sm-inline:var(--eds-spacing-inline-sm);--eds-spacing-inset-sm-stack-squished:var(--eds-spacing-stack-xs);--eds-spacing-inset-sm-stack-squared:var(--eds-spacing-stack-sm);--eds-spacing-inset-sm-stack-stretched:var(--eds-spacing-stack-md);--eds-spacing-inset-md-inline:var(--eds-spacing-inline-md);--eds-spacing-inset-md-stack-squished:var(--eds-spacing-stack-sm);--eds-spacing-inset-md-stack-squared:var(--eds-spacing-stack-md);--eds-spacing-inset-md-stack-stretched:var(--eds-spacing-stack-lg);--eds-spacing-inset-lg-inline:var(--eds-spacing-inline-lg);--eds-spacing-inset-lg-stack-squished:var(--eds-spacing-stack-md);--eds-spacing-inset-lg-stack-squared:var(--eds-spacing-stack-lg);--eds-spacing-inset-lg-stack-stretched:var(--eds-spacing-stack-xl);--eds-spacing-inset-xl-inline:var(--eds-spacing-inline-xl);--eds-spacing-inset-xl-stack-squished:var(--eds-spacing-stack-lg);--eds-spacing-inset-xl-stack-squared:var(--eds-spacing-stack-xl);--eds-spacing-inset-xl-stack-stretched:var(--eds-spacing-stack-2-xl);--eds-typography-ui-body-xs-font-size:var(--eds--spacious,var(--eds-type-scale-inter-200-font-size))var(--eds--comfortable,var(--eds-type-scale-inter-100-font-size));--eds-typography-ui-body-xs-tracking-tight:var(--eds--spacious,var(--eds-type-scale-inter-200-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-inter-100-tracking-tight));--eds-typography-ui-body-xs-tracking-normal:var(--eds--spacious,var(--eds-type-scale-inter-200-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-inter-100-tracking-normal));--eds-typography-ui-body-xs-tracking-loose:var(--eds--spacious,var(--eds-type-scale-inter-200-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-inter-100-tracking-loose));--eds-typography-ui-body-xs-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-inter-200-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-inter-100-font-weight-lighter));--eds-typography-ui-body-xs-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-inter-200-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-inter-100-font-weight-normal));--eds-typography-ui-body-xs-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-inter-200-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-inter-100-font-weight-bolder));--eds-typography-ui-body-sm-font-size:var(--eds--spacious,var(--eds-type-scale-inter-300-font-size))var(--eds--comfortable,var(--eds-type-scale-inter-200-font-size));--eds-typography-ui-body-sm-tracking-tight:var(--eds--spacious,var(--eds-type-scale-inter-300-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-inter-200-tracking-tight));--eds-typography-ui-body-sm-tracking-normal:var(--eds--spacious,var(--eds-type-scale-inter-300-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-inter-200-tracking-normal));--eds-typography-ui-body-sm-tracking-loose:var(--eds--spacious,var(--eds-type-scale-inter-300-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-inter-200-tracking-loose));--eds-typography-ui-body-sm-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-inter-300-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-inter-200-font-weight-lighter));--eds-typography-ui-body-sm-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-inter-300-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-inter-200-font-weight-normal));--eds-typography-ui-body-sm-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-inter-300-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-inter-200-font-weight-bolder));--eds-typography-ui-body-font-family:var(--eds-font-family-inter);--eds-typography-ui-body-md-font-size:var(--eds--spacious,var(--eds-type-scale-inter-400-font-size))var(--eds--comfortable,var(--eds-type-scale-inter-300-font-size));--eds-typography-ui-body-md-tracking-tight:var(--eds--spacious,var(--eds-type-scale-inter-400-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-inter-300-tracking-tight));--eds-typography-ui-body-md-tracking-normal:var(--eds--spacious,var(--eds-type-scale-inter-400-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-inter-300-tracking-normal));--eds-typography-ui-body-md-tracking-loose:var(--eds--spacious,var(--eds-type-scale-inter-400-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-inter-300-tracking-loose));--eds-typography-ui-body-md-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-inter-400-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-inter-300-font-weight-lighter));--eds-typography-ui-body-md-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-inter-400-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-inter-300-font-weight-normal));--eds-typography-ui-body-md-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-inter-400-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-inter-300-font-weight-bolder));--eds-typography-ui-body-lg-font-size:var(--eds--spacious,var(--eds-type-scale-inter-500-font-size))var(--eds--comfortable,var(--eds-type-scale-inter-400-font-size));--eds-typography-ui-body-lg-tracking-tight:var(--eds--spacious,var(--eds-type-scale-equinor-500-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-inter-400-tracking-tight));--eds-typography-ui-body-lg-tracking-normal:var(--eds--spacious,var(--eds-type-scale-equinor-500-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-inter-400-tracking-normal));--eds-typography-ui-body-lg-tracking-loose:var(--eds--spacious,var(--eds-type-scale-equinor-500-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-inter-400-tracking-loose));--eds-typography-ui-body-lg-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-equinor-500-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-inter-400-font-weight-lighter));--eds-typography-ui-body-lg-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-equinor-500-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-inter-400-font-weight-normal));--eds-typography-ui-body-lg-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-equinor-500-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-inter-400-font-weight-bolder));--eds-typography-ui-body-xl-font-size:var(--eds--spacious,var(--eds-type-scale-inter-600-font-size))var(--eds--comfortable,var(--eds-type-scale-inter-500-font-size));--eds-typography-ui-body-xl-tracking-tight:var(--eds--spacious,var(--eds-type-scale-inter-600-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-inter-500-tracking-tight));--eds-typography-ui-body-xl-tracking-normal:var(--eds--spacious,var(--eds-type-scale-inter-600-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-inter-500-tracking-normal));--eds-typography-ui-body-xl-tracking-loose:var(--eds--spacious,var(--eds-type-scale-inter-600-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-inter-500-tracking-loose));--eds-typography-ui-body-xl-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-inter-600-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-inter-500-font-weight-lighter));--eds-typography-ui-body-xl-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-inter-600-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-inter-500-font-weight-normal));--eds-typography-ui-body-xl-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-inter-600-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-inter-500-font-weight-bolder));--eds-typography-ui-body-2xl-font-size:var(--eds--spacious,var(--eds-type-scale-inter-700-font-size))var(--eds--comfortable,var(--eds-type-scale-inter-600-font-size));--eds-typography-ui-body-2xl-tracking-tight:var(--eds--spacious,var(--eds-type-scale-inter-700-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-inter-600-tracking-tight));--eds-typography-ui-body-2xl-tracking-normal:var(--eds--spacious,var(--eds-type-scale-inter-700-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-inter-600-tracking-normal));--eds-typography-ui-body-2xl-tracking-loose:var(--eds--spacious,var(--eds-type-scale-inter-700-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-inter-600-tracking-loose));--eds-typography-ui-body-2xl-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-inter-700-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-inter-600-font-weight-lighter));--eds-typography-ui-body-2xl-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-inter-700-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-inter-600-font-weight-normal));--eds-typography-ui-body-2xl-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-inter-700-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-inter-600-font-weight-bolder));--eds-typography-ui-body-3xl-font-size:var(--eds--spacious,var(--eds-type-scale-inter-800-font-size))var(--eds--comfortable,var(--eds-type-scale-inter-700-font-size));--eds-typography-ui-body-3xl-tracking-tight:var(--eds--spacious,var(--eds-type-scale-inter-800-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-inter-700-tracking-tight));--eds-typography-ui-body-3xl-tracking-normal:var(--eds--spacious,var(--eds-type-scale-inter-800-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-inter-700-tracking-normal));--eds-typography-ui-body-3xl-tracking-loose:var(--eds--spacious,var(--eds-type-scale-inter-800-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-inter-700-tracking-loose));--eds-typography-ui-body-3xl-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-inter-800-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-inter-700-font-weight-lighter));--eds-typography-ui-body-3xl-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-inter-800-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-inter-700-font-weight-normal));--eds-typography-ui-body-3xl-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-inter-800-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-inter-700-font-weight-bolder));--eds-typography-ui-body-4xl-font-size:var(--eds--spacious,var(--eds-type-scale-inter-900-font-size))var(--eds--comfortable,var(--eds-type-scale-inter-800-font-size));--eds-typography-ui-body-4xl-tracking-tight:var(--eds--spacious,var(--eds-type-scale-inter-900-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-inter-800-tracking-tight));--eds-typography-ui-body-4xl-tracking-normal:var(--eds--spacious,var(--eds-type-scale-inter-900-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-inter-800-tracking-normal));--eds-typography-ui-body-4xl-tracking-loose:var(--eds--spacious,var(--eds-type-scale-inter-900-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-inter-800-tracking-loose));--eds-typography-ui-body-4xl-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-inter-900-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-inter-800-font-weight-lighter));--eds-typography-ui-body-4xl-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-inter-900-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-inter-800-font-weight-normal));--eds-typography-ui-body-4xl-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-inter-900-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-inter-800-font-weight-bolder));--eds-typography-ui-body-5xl-font-size:var(--eds--spacious,var(--eds-type-scale-inter-1000-font-size))var(--eds--comfortable,var(--eds-type-scale-inter-900-font-size));--eds-typography-ui-body-5xl-tracking-tight:var(--eds--spacious,var(--eds-type-scale-inter-1000-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-inter-900-tracking-tight));--eds-typography-ui-body-5xl-tracking-normal:var(--eds--spacious,var(--eds-type-scale-inter-1000-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-inter-900-tracking-normal));--eds-typography-ui-body-5xl-tracking-loose:var(--eds--spacious,var(--eds-type-scale-inter-1000-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-inter-900-tracking-loose));--eds-typography-ui-body-5xl-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-inter-1000-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-inter-900-font-weight-lighter));--eds-typography-ui-body-5xl-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-inter-1000-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-inter-900-font-weight-normal));--eds-typography-ui-body-5xl-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-inter-1000-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-inter-900-font-weight-bolder));--eds-typography-ui-body-6xl-font-size:var(--eds--spacious,var(--eds-type-scale-inter-1100-font-size))var(--eds--comfortable,var(--eds-type-scale-inter-1000-font-size));--eds-typography-ui-body-6xl-tracking-tight:var(--eds--spacious,var(--eds-type-scale-inter-1100-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-inter-1000-tracking-tight));--eds-typography-ui-body-6xl-tracking-normal:var(--eds--spacious,var(--eds-type-scale-inter-1100-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-inter-1000-tracking-normal));--eds-typography-ui-body-6xl-tracking-loose:var(--eds--spacious,var(--eds-type-scale-inter-1100-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-inter-1000-tracking-loose));--eds-typography-ui-body-6xl-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-inter-1100-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-inter-1000-font-weight-lighter));--eds-typography-ui-body-6xl-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-inter-1100-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-inter-1000-tracking-normal));--eds-typography-ui-body-6xl-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-inter-1100-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-inter-1000-font-weight-bolder));--eds-typography-header-xs-font-size:var(--eds--spacious,var(--eds-type-scale-equinor-200-font-size))var(--eds--comfortable,var(--eds-type-scale-equinor-100-font-size));--eds-typography-header-xs-tracking-tight:var(--eds--spacious,var(--eds-type-scale-equinor-200-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-equinor-100-tracking-tight));--eds-typography-header-xs-tracking-normal:var(--eds--spacious,var(--eds-type-scale-equinor-200-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-100-tracking-normal));--eds-typography-header-xs-tracking-loose:var(--eds--spacious,var(--eds-type-scale-equinor-200-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-equinor-100-tracking-loose));--eds-typography-header-xs-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-equinor-200-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-equinor-100-font-weight-lighter));--eds-typography-header-xs-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-equinor-200-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-100-font-weight-normal));--eds-typography-header-xs-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-equinor-200-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-equinor-100-font-weight-bolder));--eds-typography-header-font-family:var(--eds-font-family-equinor);--eds-typography-header-sm-font-size:var(--eds--spacious,var(--eds-type-scale-equinor-300-font-size))var(--eds--comfortable,var(--eds-type-scale-equinor-200-font-size));--eds-typography-header-sm-tracking-tight:var(--eds--spacious,var(--eds-type-scale-equinor-300-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-equinor-200-tracking-tight));--eds-typography-header-sm-tracking-normal:var(--eds--spacious,var(--eds-type-scale-equinor-300-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-200-tracking-normal));--eds-typography-header-sm-tracking-loose:var(--eds--spacious,var(--eds-type-scale-equinor-300-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-equinor-200-tracking-loose));--eds-typography-header-sm-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-equinor-300-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-equinor-200-font-weight-lighter));--eds-typography-header-sm-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-equinor-300-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-200-font-weight-normal));--eds-typography-header-sm-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-equinor-300-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-equinor-200-font-weight-bolder));--eds-typography-header-md-font-size:var(--eds--spacious,var(--eds-type-scale-equinor-400-font-size))var(--eds--comfortable,var(--eds-type-scale-equinor-300-font-size));--eds-typography-header-md-tracking-tight:var(--eds--spacious,var(--eds-type-scale-equinor-400-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-equinor-300-tracking-tight));--eds-typography-header-md-tracking-normal:var(--eds--spacious,var(--eds-type-scale-equinor-400-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-300-tracking-normal));--eds-typography-header-md-tracking-loose:var(--eds--spacious,var(--eds-type-scale-equinor-400-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-equinor-300-tracking-loose));--eds-typography-header-md-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-equinor-400-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-equinor-300-font-weight-lighter));--eds-typography-header-md-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-equinor-400-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-300-font-weight-normal));--eds-typography-header-md-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-equinor-400-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-equinor-300-font-weight-bolder));--eds-typography-header-lg-font-size:var(--eds--spacious,var(--eds-type-scale-equinor-500-font-size))var(--eds--comfortable,var(--eds-type-scale-equinor-400-font-size));--eds-typography-header-lg-tracking-tight:var(--eds--spacious,var(--eds-type-scale-equinor-500-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-equinor-400-tracking-tight));--eds-typography-header-lg-tracking-normal:var(--eds--spacious,var(--eds-type-scale-equinor-500-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-400-tracking-normal));--eds-typography-header-lg-tracking-loose:var(--eds--spacious,var(--eds-type-scale-equinor-500-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-equinor-400-tracking-loose));--eds-typography-header-lg-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-equinor-500-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-equinor-400-font-weight-lighter));--eds-typography-header-lg-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-equinor-500-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-400-font-weight-normal));--eds-typography-header-lg-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-equinor-500-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-equinor-400-font-weight-bolder));--eds-typography-header-xl-font-size:var(--eds--spacious,var(--eds-type-scale-equinor-600-font-size))var(--eds--comfortable,var(--eds-type-scale-equinor-500-font-size));--eds-typography-header-xl-tracking-tight:var(--eds--spacious,var(--eds-type-scale-equinor-600-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-equinor-500-tracking-tight));--eds-typography-header-xl-tracking-normal:var(--eds--spacious,var(--eds-type-scale-equinor-600-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-500-tracking-normal));--eds-typography-header-xl-tracking-loose:var(--eds--spacious,var(--eds-type-scale-equinor-600-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-equinor-500-tracking-loose));--eds-typography-header-xl-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-equinor-600-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-equinor-500-font-weight-lighter));--eds-typography-header-xl-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-equinor-600-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-500-font-weight-normal));--eds-typography-header-xl-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-equinor-600-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-equinor-500-font-weight-bolder));--eds-typography-header-2xl-font-size:var(--eds--spacious,var(--eds-type-scale-equinor-700-font-size))var(--eds--comfortable,var(--eds-type-scale-equinor-600-font-size));--eds-typography-header-2xl-tracking-tight:var(--eds--spacious,var(--eds-type-scale-equinor-700-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-equinor-600-tracking-tight));--eds-typography-header-2xl-tracking-normal:var(--eds--spacious,var(--eds-type-scale-equinor-700-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-600-tracking-normal));--eds-typography-header-2xl-tracking-loose:var(--eds--spacious,var(--eds-type-scale-equinor-700-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-equinor-600-tracking-loose));--eds-typography-header-2xl-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-equinor-700-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-equinor-600-font-weight-lighter));--eds-typography-header-2xl-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-equinor-700-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-600-font-weight-normal));--eds-typography-header-2xl-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-equinor-700-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-equinor-600-font-weight-bolder));--eds-typography-header-3xl-font-size:var(--eds--spacious,var(--eds-type-scale-equinor-800-font-size))var(--eds--comfortable,var(--eds-type-scale-equinor-700-font-size));--eds-typography-header-3xl-tracking-tight:var(--eds--spacious,var(--eds-type-scale-equinor-800-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-equinor-700-tracking-tight));--eds-typography-header-3xl-tracking-normal:var(--eds--spacious,var(--eds-type-scale-equinor-800-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-700-tracking-normal));--eds-typography-header-3xl-tracking-loose:var(--eds--spacious,var(--eds-type-scale-equinor-800-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-equinor-700-tracking-loose));--eds-typography-header-3xl-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-equinor-800-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-equinor-700-font-weight-lighter));--eds-typography-header-3xl-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-equinor-800-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-700-font-weight-normal));--eds-typography-header-3xl-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-equinor-800-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-equinor-700-font-weight-bolder));--eds-typography-header-4xl-font-size:var(--eds--spacious,var(--eds-type-scale-equinor-900-font-size))var(--eds--comfortable,var(--eds-type-scale-equinor-800-font-size));--eds-typography-header-4xl-tracking-tight:var(--eds--spacious,var(--eds-type-scale-equinor-900-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-equinor-800-tracking-tight));--eds-typography-header-4xl-tracking-normal:var(--eds--spacious,var(--eds-type-scale-equinor-900-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-800-tracking-normal));--eds-typography-header-4xl-tracking-loose:var(--eds--spacious,var(--eds-type-scale-equinor-900-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-equinor-800-tracking-loose));--eds-typography-header-4xl-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-equinor-900-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-equinor-800-font-weight-lighter));--eds-typography-header-4xl-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-equinor-900-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-800-font-weight-normal));--eds-typography-header-4xl-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-equinor-900-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-equinor-800-font-weight-bolder));--eds-typography-header-5xl-font-size:var(--eds--spacious,var(--eds-type-scale-equinor-1000-font-size))var(--eds--comfortable,var(--eds-type-scale-equinor-900-font-size));--eds-typography-header-5xl-tracking-tight:var(--eds--spacious,var(--eds-type-scale-equinor-1000-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-equinor-900-tracking-tight));--eds-typography-header-5xl-tracking-normal:var(--eds--spacious,var(--eds-type-scale-equinor-1000-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-900-tracking-normal));--eds-typography-header-5xl-tracking-loose:var(--eds--spacious,var(--eds-type-scale-equinor-1000-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-equinor-900-tracking-loose));--eds-typography-header-5xl-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-equinor-1000-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-equinor-900-font-weight-lighter));--eds-typography-header-5xl-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-equinor-1000-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-900-font-weight-normal));--eds-typography-header-5xl-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-equinor-1000-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-equinor-900-font-weight-bolder));--eds-typography-header-6xl-font-size:var(--eds--spacious,var(--eds-type-scale-equinor-1100-font-size))var(--eds--comfortable,var(--eds-type-scale-equinor-1000-font-size));--eds-typography-header-6xl-tracking-tight:var(--eds--spacious,var(--eds-type-scale-equinor-1100-tracking-tight))var(--eds--comfortable,var(--eds-type-scale-equinor-1000-tracking-tight));--eds-typography-header-6xl-tracking-normal:var(--eds--spacious,var(--eds-type-scale-equinor-1100-tracking-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-1000-tracking-normal));--eds-typography-header-6xl-tracking-loose:var(--eds--spacious,var(--eds-type-scale-equinor-1100-tracking-loose))var(--eds--comfortable,var(--eds-type-scale-equinor-1000-tracking-loose));--eds-typography-header-6xl-font-weight-lighter:var(--eds--spacious,var(--eds-type-scale-equinor-1100-font-weight-lighter))var(--eds--comfortable,var(--eds-type-scale-equinor-1000-font-weight-lighter));--eds-typography-header-6xl-font-weight-normal:var(--eds--spacious,var(--eds-type-scale-equinor-1100-font-weight-normal))var(--eds--comfortable,var(--eds-type-scale-equinor-1000-font-weight-normal));--eds-typography-header-6xl-font-weight-bolder:var(--eds--spacious,var(--eds-type-scale-equinor-1100-font-weight-bolder))var(--eds--comfortable,var(--eds-type-scale-equinor-1000-font-weight-bolder));--eds-typography-ui-body-xs-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-200-default))var(--eds--comfortable,var(--eds-lineheight-scale-100-default));--eds-typography-ui-body-xs-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-200-lineheight-squished))var(--eds--comfortable,var(--eds-lineheight-scale-100-lineheight-squished));--eds-typography-ui-body-sm-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-300-default))var(--eds--comfortable,var(--eds-lineheight-scale-200-default));--eds-typography-ui-body-sm-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-300-lineheight-squished))var(--eds--comfortable,var(--eds-lineheight-scale-200-lineheight-squished));--eds-typography-ui-body-md-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-400-default))var(--eds--comfortable,var(--eds-lineheight-scale-300-default));--eds-typography-ui-body-md-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-400-lineheight-squished))var(--eds--comfortable,var(--eds-lineheight-scale-300-lineheight-squished));--eds-typography-ui-body-lg-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-500-default))var(--eds--comfortable,var(--eds-lineheight-scale-400-default));--eds-typography-ui-body-lg-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-500-lineheight-squished))var(--eds--comfortable,var(--eds-lineheight-scale-400-lineheight-squished));--eds-typography-ui-body-xl-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-600-default))var(--eds--comfortable,var(--eds-lineheight-scale-500-default));--eds-typography-ui-body-xl-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-600-lineheight-squished))var(--eds--comfortable,var(--eds-lineheight-scale-500-lineheight-squished));--eds-typography-ui-body-2xl-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-700-default))var(--eds--comfortable,var(--eds-lineheight-scale-600-default));--eds-typography-ui-body-2xl-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-700-lineheight-squished))var(--eds--comfortable,var(--eds-lineheight-scale-600-lineheight-squished));--eds-typography-ui-body-3xl-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-800-default))var(--eds--comfortable,var(--eds-lineheight-scale-700-default));--eds-typography-ui-body-3xl-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-800-lineheight-squished))var(--eds--comfortable,var(--eds-lineheight-scale-700-lineheight-squished));--eds-typography-ui-body-4xl-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-900-default))var(--eds--comfortable,var(--eds-lineheight-scale-800-default));--eds-typography-ui-body-4xl-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-900-lineheight-squished))var(--eds--comfortable,var(--eds-lineheight-scale-800-lineheight-squished));--eds-typography-ui-body-5xl-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-1000-default))var(--eds--comfortable,var(--eds-lineheight-scale-900-default));--eds-typography-ui-body-5xl-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-1000-lineheight-squished))var(--eds--comfortable,var(--eds-lineheight-scale-900-lineheight-squished));--eds-typography-ui-body-6xl-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-1100-default))var(--eds--comfortable,var(--eds-lineheight-scale-1000-default));--eds-typography-ui-body-6xl-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-1100-squished))var(--eds--comfortable,var(--eds-lineheight-scale-1000-lineheight-squished));--eds-typography-header-xs-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-200-default))var(--eds--comfortable,var(--eds-lineheight-scale-100-default));--eds-typography-header-xs-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-200-lineheight-squished))var(--eds--comfortable,var(--eds-lineheight-scale-100-lineheight-squished));--eds-typography-header-sm-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-300-default))var(--eds--comfortable,var(--eds-lineheight-scale-200-default));--eds-typography-header-sm-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-300-lineheight-squished))var(--eds--comfortable,var(--eds-lineheight-scale-200-lineheight-squished));--eds-typography-header-md-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-400-default))var(--eds--comfortable,var(--eds-lineheight-scale-300-default));--eds-typography-header-md-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-400-lineheight-squished))var(--eds--comfortable,var(--eds-lineheight-scale-300-lineheight-squished));--eds-typography-header-lg-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-500-default))var(--eds--comfortable,var(--eds-lineheight-scale-400-default));--eds-typography-header-lg-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-500-lineheight-squished))var(--eds--comfortable,var(--eds-lineheight-scale-400-lineheight-squished));--eds-typography-header-xl-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-600-default))var(--eds--comfortable,var(--eds-lineheight-scale-500-default));--eds-typography-header-xl-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-600-lineheight-squished))var(--eds--comfortable,var(--eds-lineheight-scale-500-lineheight-squished));--eds-typography-header-2xl-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-700-default))var(--eds--comfortable,var(--eds-lineheight-scale-600-default));--eds-typography-header-2xl-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-700-lineheight-squished))var(--eds--comfortable,var(--eds-lineheight-scale-600-lineheight-squished));--eds-typography-header-3xl-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-800-default))var(--eds--comfortable,var(--eds-lineheight-scale-700-default));--eds-typography-header-3xl-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-800-lineheight-squished))var(--eds--comfortable,var(--eds-lineheight-scale-700-lineheight-squished));--eds-typography-header-4xl-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-900-default))var(--eds--comfortable,var(--eds-lineheight-scale-800-default));--eds-typography-header-4xl-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-900-lineheight-squished))var(--eds--comfortable,var(--eds-lineheight-scale-800-lineheight-squished));--eds-typography-header-5xl-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-1000-default))var(--eds--comfortable,var(--eds-lineheight-scale-900-default));--eds-typography-header-5xl-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-1000-lineheight-squished))var(--eds--comfortable,var(--eds-lineheight-scale-900-lineheight-squished));--eds-typography-header-6xl-lineheight-default:var(--eds--spacious,var(--eds-lineheight-scale-1100-default))var(--eds--comfortable,var(--eds-lineheight-scale-1000-default));--eds-typography-header-6xl-lineheight-squished:var(--eds--spacious,var(--eds-lineheight-scale-1100-squished))var(--eds--comfortable,var(--eds-lineheight-scale-1000-lineheight-squished))} \ No newline at end of file diff --git a/packages/eds-tokens/build/js/color/dark.d.ts b/packages/eds-tokens/build/js/color/dark.d.ts index 18f5fac6c3..ce90738834 100644 --- a/packages/eds-tokens/build/js/color/dark.d.ts +++ b/packages/eds-tokens/build/js/color/dark.d.ts @@ -2,550 +2,551 @@ * Do not edit directly, this file was auto-generated. */ -export const COLOR_SHADOW : string; -export const COLOR_STATIC_TEXT_RAISED : string; -export const COLOR_STATIC_TEXT_INVERTED : string; -export const COLOR_STATIC_TEXT_STANDARD_PRIMARY : string; -export const COLOR_STATIC_TEXT_STANDARD_SECONDARY : string; -export const COLOR_STATIC_TEXT_STANDARD_MAXIMAL : string; -export const COLOR_STATIC_ICON_RAISED : string; -export const COLOR_STATIC_ICON_INVERTED : string; -export const COLOR_STATIC_ICON_STANDARD_PRIMARY : string; -export const COLOR_STATIC_ICON_STANDARD_SECONDARY : string; -export const COLOR_STATIC_ICON_STANDARD_MAXIMAL : string; -export const COLOR_STATIC_BORDER_RAISED : string; -export const COLOR_STATIC_BORDER_INVERTED : string; -export const COLOR_STATIC_BORDER_STANDARD_ON_LEVEL_1 : string; -export const COLOR_STATIC_BORDER_STANDARD_ON_LEVEL_2 : string; -export const COLOR_STATIC_BORDER_STANDARD_ON_LEVEL_3 : string; -export const COLOR_STATIC_SURFACE_RAISED : string; -export const COLOR_STATIC_SURFACE_INVERTED : string; -export const COLOR_STATIC_SURFACE_STANDARD_ON_LEVEL_1 : string; -export const COLOR_STATIC_SURFACE_STANDARD_ON_LEVEL_2 : string; -export const COLOR_STATIC_SURFACE_STANDARD_ON_LEVEL_3 : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_DISABLED : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_INITIAL : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_HOVER : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_ACTIVE : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_DISABLED : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_INITIAL : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_HOVER : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_ACTIVE : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_DISABLED : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_INITIAL : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_HOVER : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_ACTIVE : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_DISABLED : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_INITIAL : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_HOVER : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_ACTIVE : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_TEXT_RAISED_DISABLED : string; -export const COLOR_INTERACTIVE_TEXT_RAISED_INITIAL : string; -export const COLOR_INTERACTIVE_TEXT_RAISED_HOVER : string; -export const COLOR_INTERACTIVE_TEXT_RAISED_ACTIVE : string; -export const COLOR_INTERACTIVE_TEXT_RAISED_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_DISABLED : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_INITIAL : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_HOVER : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_ACTIVE : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_DISABLED : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_INITIAL : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_HOVER : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_ACTIVE : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_DISABLED : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_INITIAL : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_HOVER : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_ACTIVE : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_DISABLED : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_INITIAL : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_HOVER : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_ACTIVE : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_ICON_RAISED_DISABLED : string; -export const COLOR_INTERACTIVE_ICON_RAISED_INITIAL : string; -export const COLOR_INTERACTIVE_ICON_RAISED_HOVER : string; -export const COLOR_INTERACTIVE_ICON_RAISED_ACTIVE : string; -export const COLOR_INTERACTIVE_ICON_RAISED_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_DISABLED : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_INITIAL : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_HOVER : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_ACTIVE : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_DISABLED : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_INITIAL : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_HOVER : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_ACTIVE : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_DISABLED : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_INITIAL : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_HOVER : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_ACTIVE : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_DISABLED : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_INITIAL : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_HOVER : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_ACTIVE : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_BORDER_RAISED_DISABLED : string; -export const COLOR_INTERACTIVE_BORDER_RAISED_INITIAL : string; -export const COLOR_INTERACTIVE_BORDER_RAISED_HOVER : string; -export const COLOR_INTERACTIVE_BORDER_RAISED_ACTIVE : string; -export const COLOR_INTERACTIVE_BORDER_RAISED_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_DISABLED_OUTLINED : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_DISABLED_FILLED : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_INITIAL : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_HOVER : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_ACTIVE : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_DISABLED : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_INITIAL : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_HOVER : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_ACTIVE : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_DISABLED : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_INITIAL : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_HOVER : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_ACTIVE : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_DISABLED : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_INITIAL : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_HOVER : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_ACTIVE : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_SURFACE_RAISED_DISABLED : string; -export const COLOR_INTERACTIVE_SURFACE_RAISED_INITIAL : string; -export const COLOR_INTERACTIVE_SURFACE_RAISED_HOVER : string; -export const COLOR_INTERACTIVE_SURFACE_RAISED_ACTIVE : string; -export const COLOR_INTERACTIVE_SURFACE_RAISED_ACTIVE_HOVER : string; -export const COLOR_ACTION_TEXT_PRIMARY_DISABLED : string; -export const COLOR_ACTION_TEXT_STANDARD_PRIMARY_DISABLED : string; -export const COLOR_ACTION_TEXT_STANDARD_PRIMARY_INITIAL : string; -export const COLOR_ACTION_TEXT_STANDARD_PRIMARY_HOVER : string; -export const COLOR_ACTION_TEXT_STANDARD_SECONDARY_DISABLED : string; -export const COLOR_ACTION_TEXT_STANDARD_SECONDARY_INITIAL : string; -export const COLOR_ACTION_TEXT_STANDARD_SECONDARY_HOVER : string; -export const COLOR_ACTION_TEXT_STANDARD_TERTIARY_DISABLED : string; -export const COLOR_ACTION_TEXT_STANDARD_TERTIARY_INITIAL : string; -export const COLOR_ACTION_TEXT_STANDARD_TERTIARY_HOVER : string; -export const COLOR_ACTION_TEXT_MUTED_PRIMARY_DISABLED : string; -export const COLOR_ACTION_TEXT_MUTED_PRIMARY_INITIAL : string; -export const COLOR_ACTION_TEXT_MUTED_PRIMARY_HOVER : string; -export const COLOR_ACTION_TEXT_MUTED_SECONDARY_DISABLED : string; -export const COLOR_ACTION_TEXT_MUTED_SECONDARY_INITIAL : string; -export const COLOR_ACTION_TEXT_MUTED_SECONDARY_HOVER : string; -export const COLOR_ACTION_TEXT_MUTED_TERTIARY_DISABLED : string; -export const COLOR_ACTION_TEXT_MUTED_TERTIARY_INITIAL : string; -export const COLOR_ACTION_TEXT_MUTED_TERTIARY_HOVER : string; -export const COLOR_ACTION_TEXT_DANGER_PRIMARY_DISABLED : string; -export const COLOR_ACTION_TEXT_DANGER_PRIMARY_INITIAL : string; -export const COLOR_ACTION_TEXT_DANGER_PRIMARY_HOVER : string; -export const COLOR_ACTION_TEXT_DANGER_SECONDARY_DISABLED : string; -export const COLOR_ACTION_TEXT_DANGER_SECONDARY_INITIAL : string; -export const COLOR_ACTION_TEXT_DANGER_SECONDARY_HOVER : string; -export const COLOR_ACTION_TEXT_DANGER_TERTIARY_DISABLED : string; -export const COLOR_ACTION_TEXT_DANGER_TERTIARY_INITIAL : string; -export const COLOR_ACTION_TEXT_DANGER_TERTIARY_HOVER : string; -export const COLOR_ACTION_ICON_STANDARD_PRIMARY_DISABLED : string; -export const COLOR_ACTION_ICON_STANDARD_PRIMARY_INITIAL : string; -export const COLOR_ACTION_ICON_STANDARD_PRIMARY_HOVER : string; -export const COLOR_ACTION_ICON_STANDARD_SECONDARY_DISABLED : string; -export const COLOR_ACTION_ICON_STANDARD_SECONDARY_INITIAL : string; -export const COLOR_ACTION_ICON_STANDARD_SECONDARY_HOVER : string; -export const COLOR_ACTION_ICON_STANDARD_TERTIARY_DISABLED : string; -export const COLOR_ACTION_ICON_STANDARD_TERTIARY_INITIAL : string; -export const COLOR_ACTION_ICON_STANDARD_TERTIARY_HOVER : string; -export const COLOR_ACTION_ICON_MUTED_PRIMARY_DISABLED : string; -export const COLOR_ACTION_ICON_MUTED_PRIMARY_INITIAL : string; -export const COLOR_ACTION_ICON_MUTED_PRIMARY_HOVER : string; -export const COLOR_ACTION_ICON_MUTED_TERTIARY_DISABLED : string; -export const COLOR_ACTION_ICON_MUTED_TERTIARY_INITIAL : string; -export const COLOR_ACTION_ICON_MUTED_TERTIARY_HOVER : string; -export const COLOR_ACTION_ICON_MUTED_SECONDARY_DISABLED : string; -export const COLOR_ACTION_ICON_MUTED_SECONDARY_INITIAL : string; -export const COLOR_ACTION_ICON_MUTED_SECONDARY_HOVER : string; -export const COLOR_ACTION_ICON_DANGER_PRIMARY_DISABLED : string; -export const COLOR_ACTION_ICON_DANGER_PRIMARY_INITIAL : string; -export const COLOR_ACTION_ICON_DANGER_PRIMARY_HOVER : string; -export const COLOR_ACTION_ICON_DANGER_SECONDARY_DISABLED : string; -export const COLOR_ACTION_ICON_DANGER_SECONDARY_INITIAL : string; -export const COLOR_ACTION_ICON_DANGER_SECONDARY_HOVER : string; -export const COLOR_ACTION_ICON_DANGER_TERTIARY_DISABLED : string; -export const COLOR_ACTION_ICON_DANGER_TERTIARY_INITIAL : string; -export const COLOR_ACTION_ICON_DANGER_TERTIARY_HOVER : string; -export const COLOR_ACTION_BORDER_SECONDARY_DISABLED : string; -export const COLOR_ACTION_BORDER_STANDARD_PRIMARY_DISABLED : string; -export const COLOR_ACTION_BORDER_STANDARD_PRIMARY_INITIAL : string; -export const COLOR_ACTION_BORDER_STANDARD_PRIMARY_HOVER : string; -export const COLOR_ACTION_BORDER_STANDARD_SECONDARY_DISABLED : string; -export const COLOR_ACTION_BORDER_STANDARD_SECONDARY_INITIAL : string; -export const COLOR_ACTION_BORDER_STANDARD_SECONDARY_HOVER : string; -export const COLOR_ACTION_BORDER_STANDARD_TERTIARY_DISABLED : string; -export const COLOR_ACTION_BORDER_STANDARD_TERTIARY_INITIAL : string; -export const COLOR_ACTION_BORDER_STANDARD_TERTIARY_HOVER : string; -export const COLOR_ACTION_BORDER_MUTED_PRIMARY_INITIAL : string; -export const COLOR_ACTION_BORDER_MUTED_PRIMARY_HOVER : string; -export const COLOR_ACTION_BORDER_MUTED_PRIMARY_DISABLED : string; -export const COLOR_ACTION_BORDER_MUTED_SECONDARY_INITIAL : string; -export const COLOR_ACTION_BORDER_MUTED_SECONDARY_HOVER : string; -export const COLOR_ACTION_BORDER_MUTED_SECONDARY_DISABLED : string; -export const COLOR_ACTION_BORDER_MUTED_TERTIARY_INITIAL : string; -export const COLOR_ACTION_BORDER_MUTED_TERTIARY_HOVER : string; -export const COLOR_ACTION_BORDER_MUTED_TERTIARY_DISABLED : string; -export const COLOR_ACTION_BORDER_DANGER_PRIMARY_INITIAL : string; -export const COLOR_ACTION_BORDER_DANGER_PRIMARY_HOVER : string; -export const COLOR_ACTION_BORDER_DANGER_PRIMARY_DISABLED : string; -export const COLOR_ACTION_BORDER_DANGER_SECONDARY_INITIAL : string; -export const COLOR_ACTION_BORDER_DANGER_SECONDARY_HOVER : string; -export const COLOR_ACTION_BORDER_DANGER_SECONDARY_DISABLED : string; -export const COLOR_ACTION_BORDER_DANGER_TERTIARY_INITIAL : string; -export const COLOR_ACTION_BORDER_DANGER_TERTIARY_HOVER : string; -export const COLOR_ACTION_BORDER_DANGER_TERTIARY_DISABLED : string; -export const COLOR_ACTION_SURFACE_STANDARD_PRIMARY_DISABLED : string; -export const COLOR_ACTION_SURFACE_STANDARD_PRIMARY_INITIAL : string; -export const COLOR_ACTION_SURFACE_STANDARD_PRIMARY_HOVER : string; -export const COLOR_ACTION_SURFACE_STANDARD_SECONDARY_DISABLED : string; -export const COLOR_ACTION_SURFACE_STANDARD_SECONDARY_INITIAL : string; -export const COLOR_ACTION_SURFACE_STANDARD_SECONDARY_HOVER : string; -export const COLOR_ACTION_SURFACE_STANDARD_TERTIARY_DISABLED : string; -export const COLOR_ACTION_SURFACE_STANDARD_TERTIARY_INITIAL : string; -export const COLOR_ACTION_SURFACE_STANDARD_TERTIARY_HOVER : string; -export const COLOR_ACTION_SURFACE_MUTED_PRIMARY_INITIAL : string; -export const COLOR_ACTION_SURFACE_MUTED_PRIMARY_HOVER : string; -export const COLOR_ACTION_SURFACE_MUTED_PRIMARY_DISABLED : string; -export const COLOR_ACTION_SURFACE_MUTED_SECONDARY_INITIAL : string; -export const COLOR_ACTION_SURFACE_MUTED_SECONDARY_HOVER : string; -export const COLOR_ACTION_SURFACE_MUTED_SECONDARY_DISABLED : string; -export const COLOR_ACTION_SURFACE_MUTED_TERTIARY_INITIAL : string; -export const COLOR_ACTION_SURFACE_MUTED_TERTIARY_HOVER : string; -export const COLOR_ACTION_SURFACE_MUTED_TERTIARY_DISABLED : string; -export const COLOR_ACTION_SURFACE_DANGER_PRIMARY_INITIAL : string; -export const COLOR_ACTION_SURFACE_DANGER_PRIMARY_HOVER : string; -export const COLOR_ACTION_SURFACE_DANGER_PRIMARY_DISABLED : string; -export const COLOR_ACTION_SURFACE_DANGER_SECONDARY_INITIAL : string; -export const COLOR_ACTION_SURFACE_DANGER_SECONDARY_HOVER : string; -export const COLOR_ACTION_SURFACE_DANGER_SECONDARY_DISABLED : string; -export const COLOR_ACTION_SURFACE_DANGER_TERTIARY_INITIAL : string; -export const COLOR_ACTION_SURFACE_DANGER_TERTIARY_HOVER : string; -export const COLOR_ACTION_SURFACE_DANGER_TERTIARY_DISABLED : string; -export const COLOR_MESSAGE_TEXT_STANDARD_INFO : string; -export const COLOR_MESSAGE_TEXT_STANDARD_SUCCESS : string; -export const COLOR_MESSAGE_TEXT_STANDARD_WARNING : string; -export const COLOR_MESSAGE_TEXT_STANDARD_ERROR : string; -export const COLOR_MESSAGE_TEXT_RAISED_INFO_INITIAL : string; -export const COLOR_MESSAGE_TEXT_RAISED_INFO_HOVER : string; -export const COLOR_MESSAGE_TEXT_RAISED_SUCCESS_INITIAL : string; -export const COLOR_MESSAGE_TEXT_RAISED_SUCCESS_HOVER : string; -export const COLOR_MESSAGE_TEXT_RAISED_WARNING_INITIAL : string; -export const COLOR_MESSAGE_TEXT_RAISED_WARNING_HOVER : string; -export const COLOR_MESSAGE_TEXT_RAISED_ERROR_INITIAL : string; -export const COLOR_MESSAGE_TEXT_RAISED_ERROR_HOVER : string; -export const COLOR_MESSAGE_TEXT_CALLOUT_INFO : string; -export const COLOR_MESSAGE_TEXT_CALLOUT_SUCCESS : string; -export const COLOR_MESSAGE_TEXT_CALLOUT_WARNING : string; -export const COLOR_MESSAGE_TEXT_CALLOUT_ERROR : string; -export const COLOR_MESSAGE_ICON_STANDARD_INFO : string; -export const COLOR_MESSAGE_ICON_STANDARD_SUCCESS : string; -export const COLOR_MESSAGE_ICON_STANDARD_WARNING : string; -export const COLOR_MESSAGE_ICON_STANDARD_ERROR : string; -export const COLOR_MESSAGE_ICON_RAISED_INFO_INITIAL : string; -export const COLOR_MESSAGE_ICON_RAISED_INFO_HOVER : string; -export const COLOR_MESSAGE_ICON_RAISED_SUCCESS_INITIAL : string; -export const COLOR_MESSAGE_ICON_RAISED_SUCCESS_HOVER : string; -export const COLOR_MESSAGE_ICON_RAISED_WARNING_INITIAL : string; -export const COLOR_MESSAGE_ICON_RAISED_WARNING_HOVER : string; -export const COLOR_MESSAGE_ICON_RAISED_ERROR_INITIAL : string; -export const COLOR_MESSAGE_ICON_RAISED_ERROR_HOVER : string; -export const COLOR_MESSAGE_ICON_CALLOUT_INFO : string; -export const COLOR_MESSAGE_ICON_CALLOUT_SUCCESS : string; -export const COLOR_MESSAGE_ICON_CALLOUT_WARNING : string; -export const COLOR_MESSAGE_ICON_CALLOUT_ERROR : string; -export const COLOR_MESSAGE_BORDER_STANDARD_INFO : string; -export const COLOR_MESSAGE_BORDER_STANDARD_SUCCESS : string; -export const COLOR_MESSAGE_BORDER_STANDARD_WARNING : string; -export const COLOR_MESSAGE_BORDER_STANDARD_ERROR : string; -export const COLOR_MESSAGE_BORDER_RAISED_INFO_INITIAL : string; -export const COLOR_MESSAGE_BORDER_RAISED_INFO_HOVER : string; -export const COLOR_MESSAGE_BORDER_RAISED_SUCCESS_INITIAL : string; -export const COLOR_MESSAGE_BORDER_RAISED_SUCCESS_HOVER : string; -export const COLOR_MESSAGE_BORDER_RAISED_WARNING_INITIAL : string; -export const COLOR_MESSAGE_BORDER_RAISED_WARNING_HOVER : string; -export const COLOR_MESSAGE_BORDER_RAISED_ERROR_INITIAL : string; -export const COLOR_MESSAGE_BORDER_RAISED_ERROR_HOVER : string; -export const COLOR_MESSAGE_BORDER_CALLOUT_INFO : string; -export const COLOR_MESSAGE_BORDER_CALLOUT_SUCCESS : string; -export const COLOR_MESSAGE_BORDER_CALLOUT_WARNING : string; -export const COLOR_MESSAGE_BORDER_CALLOUT_ERROR : string; -export const COLOR_MESSAGE_SURFACE_STANDARD_INFO_ON_LEVEL_1 : string; -export const COLOR_MESSAGE_SURFACE_STANDARD_INFO_ON_LEVEL_2 : string; -export const COLOR_MESSAGE_SURFACE_STANDARD_INFO_ON_LEVEL_3 : string; -export const COLOR_MESSAGE_SURFACE_STANDARD_SUCCESS_ON_LEVEL_1 : string; -export const COLOR_MESSAGE_SURFACE_STANDARD_SUCCESS_ON_LEVEL_2 : string; -export const COLOR_MESSAGE_SURFACE_STANDARD_SUCCESS_ON_LEVEL_3 : string; -export const COLOR_MESSAGE_SURFACE_STANDARD_WARNING_ON_LEVEL_1 : string; -export const COLOR_MESSAGE_SURFACE_STANDARD_WARNING_ON_LEVEL_2 : string; -export const COLOR_MESSAGE_SURFACE_STANDARD_WARNING_ON_LEVEL_3 : string; -export const COLOR_MESSAGE_SURFACE_STANDARD_ERROR_ON_LEVEL_1 : string; -export const COLOR_MESSAGE_SURFACE_STANDARD_ERROR_ON_LEVEL_2 : string; -export const COLOR_MESSAGE_SURFACE_STANDARD_ERROR_ON_LEVEL_3 : string; -export const COLOR_MESSAGE_SURFACE_RAISED_INFO_INITIAL : string; -export const COLOR_MESSAGE_SURFACE_RAISED_INFO_HOVER : string; -export const COLOR_MESSAGE_SURFACE_RAISED_SUCCESS_INITIAL : string; -export const COLOR_MESSAGE_SURFACE_RAISED_SUCCESS_HOVER : string; -export const COLOR_MESSAGE_SURFACE_RAISED_WARNING_INITIAL : string; -export const COLOR_MESSAGE_SURFACE_RAISED_WARNING_HOVER : string; -export const COLOR_MESSAGE_SURFACE_RAISED_ERROR_INITIAL : string; -export const COLOR_MESSAGE_SURFACE_RAISED_ERROR_HOVER : string; -export const COLOR_MESSAGE_SURFACE_CALLOUT_INFO : string; -export const COLOR_MESSAGE_SURFACE_CALLOUT_SUCCESS : string; -export const COLOR_MESSAGE_SURFACE_CALLOUT_WARNING : string; -export const COLOR_MESSAGE_SURFACE_CALLOUT_ERROR : string; -export const INPUT_ASTERIX_COLOR_TEXT : string; -export const INPUT_PLACEHOLDER_COLOR_TEXT : string; -export const INPUT_HELPER_COLOR_TEXT_INITIAL : string; -export const INPUT_HELPER_COLOR_TEXT_FOCUS : string; -export const INPUT_HELPER_COLOR_TEXT_READ_ONLY : string; -export const INPUT_HELPER_COLOR_TEXT_DISABLED : string; -export const INPUT_HELPER_COLOR_ICON_INITIAL : string; -export const INPUT_HELPER_COLOR_ICON_FOCUS : string; -export const INPUT_HELPER_COLOR_ICON_READ_ONLY : string; -export const INPUT_HELPER_COLOR_ICON_DISABLED : string; -export const INPUT_HELPER_COLOR_MESSAGE_TEXT_INFO_INITIAL : string; -export const INPUT_HELPER_COLOR_MESSAGE_TEXT_INFO_FOCUS : string; -export const INPUT_HELPER_COLOR_MESSAGE_TEXT_INFO_READ_ONLY : string; -export const INPUT_HELPER_COLOR_MESSAGE_TEXT_INFO_DISABLED : string; -export const INPUT_HELPER_COLOR_MESSAGE_TEXT_SUCCESS_INITIAL : string; -export const INPUT_HELPER_COLOR_MESSAGE_TEXT_SUCCESS_FOCUS : string; -export const INPUT_HELPER_COLOR_MESSAGE_TEXT_SUCCESS_READ_ONLY : string; -export const INPUT_HELPER_COLOR_MESSAGE_TEXT_SUCCESS_DISABLED : string; -export const INPUT_HELPER_COLOR_MESSAGE_TEXT_WARNING_INITIAL : string; -export const INPUT_HELPER_COLOR_MESSAGE_TEXT_WARNING_FOCUS : string; -export const INPUT_HELPER_COLOR_MESSAGE_TEXT_WARNING_READ_ONLY : string; -export const INPUT_HELPER_COLOR_MESSAGE_TEXT_WARNING_DISABLED : string; -export const INPUT_HELPER_COLOR_MESSAGE_TEXT_ERROR_INITIAL : string; -export const INPUT_HELPER_COLOR_MESSAGE_TEXT_ERROR_FOCUS : string; -export const INPUT_HELPER_COLOR_MESSAGE_TEXT_ERROR_READ_ONLY : string; -export const INPUT_HELPER_COLOR_MESSAGE_TEXT_ERROR_DISABLED : string; -export const INPUT_HELPER_COLOR_MESSAGE_ICON_INFO_INITIAL : string; -export const INPUT_HELPER_COLOR_MESSAGE_ICON_INFO_FOCUS : string; -export const INPUT_HELPER_COLOR_MESSAGE_ICON_INFO_READ_ONLY : string; -export const INPUT_HELPER_COLOR_MESSAGE_ICON_INFO_DISABLED : string; -export const INPUT_HELPER_COLOR_MESSAGE_ICON_SUCCESS_INITIAL : string; -export const INPUT_HELPER_COLOR_MESSAGE_ICON_SUCCESS_FOCUS : string; -export const INPUT_HELPER_COLOR_MESSAGE_ICON_SUCCESS_READ_ONLY : string; -export const INPUT_HELPER_COLOR_MESSAGE_ICON_SUCCESS_DISABLED : string; -export const INPUT_HELPER_COLOR_MESSAGE_ICON_WARNING_INITIAL : string; -export const INPUT_HELPER_COLOR_MESSAGE_ICON_WARNING_FOCUS : string; -export const INPUT_HELPER_COLOR_MESSAGE_ICON_WARNING_READ_ONLY : string; -export const INPUT_HELPER_COLOR_MESSAGE_ICON_WARNING_DISABLED : string; -export const INPUT_HELPER_COLOR_MESSAGE_ICON_ERROR_INITIAL : string; -export const INPUT_HELPER_COLOR_MESSAGE_ICON_ERROR_FOCUS : string; -export const INPUT_HELPER_COLOR_MESSAGE_ICON_ERROR_READ_ONLY : string; -export const INPUT_HELPER_COLOR_MESSAGE_ICON_ERROR_DISABLED : string; -export const INPUT_COLOR_TEXT_INITIAL : string; -export const INPUT_COLOR_TEXT_READ_ONLY : string; -export const INPUT_COLOR_TEXT_FOCUS : string; -export const INPUT_COLOR_TEXT_DISABLED : string; -export const INPUT_COLOR_ICON_INITIAL : string; -export const INPUT_COLOR_ICON_READ_ONLY : string; -export const INPUT_COLOR_ICON_FOCUS : string; -export const INPUT_COLOR_ICON_DISABLED : string; -export const INPUT_COLOR_BORDER_INITIAL : string; -export const INPUT_COLOR_BORDER_READ_ONLY : string; -export const INPUT_COLOR_BORDER_FOCUS : string; -export const INPUT_COLOR_BORDER_DISABLED : string; -export const INPUT_COLOR_SURFACE_INITIAL_ON_LEVEL_1 : string; -export const INPUT_COLOR_SURFACE_INITIAL_ON_LEVEL_2 : string; -export const INPUT_COLOR_SURFACE_INITIAL_ON_LEVEL_3 : string; -export const INPUT_COLOR_SURFACE_DISABLED_ON_LEVEL_1 : string; -export const INPUT_COLOR_SURFACE_DISABLED_ON_LEVEL_2 : string; -export const INPUT_COLOR_SURFACE_DISABLED_ON_LEVEL_3 : string; -export const INPUT_COLOR_SURFACE_READ_ONLY_ON_LEVEL_1 : string; -export const INPUT_COLOR_SURFACE_READ_ONLY_ON_LEVEL_2 : string; -export const INPUT_COLOR_SURFACE_READ_ONLY_ON_LEVEL_3 : string; -export const INPUT_COLOR_MESSAGE_BORDER_SUCCESS_INITIAL : string; -export const INPUT_COLOR_MESSAGE_BORDER_SUCCESS_FOCUS : string; -export const INPUT_COLOR_MESSAGE_BORDER_SUCCESS_READ_ONLY : string; -export const INPUT_COLOR_MESSAGE_BORDER_SUCCESS_DISABLED : string; -export const INPUT_COLOR_MESSAGE_BORDER_WARNING_INITIAL : string; -export const INPUT_COLOR_MESSAGE_BORDER_WARNING_FOCUS : string; -export const INPUT_COLOR_MESSAGE_BORDER_WARNING_READ_ONLY : string; -export const INPUT_COLOR_MESSAGE_BORDER_WARNING_DISABLED : string; -export const INPUT_COLOR_MESSAGE_BORDER_ERROR_INITIAL : string; -export const INPUT_COLOR_MESSAGE_BORDER_ERROR_FOCUS : string; -export const INPUT_COLOR_MESSAGE_BORDER_ERROR_READ_ONLY : string; -export const INPUT_COLOR_MESSAGE_BORDER_ERROR_DISABLED : string; -export const INPUT_COLOR_MESSAGE_ICON_SUCCESS_INITIAL : string; -export const INPUT_COLOR_MESSAGE_ICON_SUCCESS_FOCUS : string; -export const INPUT_COLOR_MESSAGE_ICON_SUCCESS_READ_ONLY : string; -export const INPUT_COLOR_MESSAGE_ICON_SUCCESS_DISABLED : string; -export const INPUT_COLOR_MESSAGE_ICON_WARNING_INITIAL : string; -export const INPUT_COLOR_MESSAGE_ICON_WARNING_FOCUS : string; -export const INPUT_COLOR_MESSAGE_ICON_WARNING_READ_ONLY : string; -export const INPUT_COLOR_MESSAGE_ICON_WARNING_DISABLED : string; -export const INPUT_COLOR_MESSAGE_ICON_ERROR_INITIAL : string; -export const INPUT_COLOR_MESSAGE_ICON_ERROR_FOCUS : string; -export const INPUT_COLOR_MESSAGE_ICON_ERROR_READ_ONLY : string; -export const INPUT_COLOR_MESSAGE_ICON_ERROR_DISABLED : string; -export const INPUT_COLOR_MESSAGE_TEXT_SUCCESS_INITIAL : string; -export const INPUT_COLOR_MESSAGE_TEXT_SUCCESS_FOCUS : string; -export const INPUT_COLOR_MESSAGE_TEXT_SUCCESS_READ_ONLY : string; -export const INPUT_COLOR_MESSAGE_TEXT_SUCCESS_DISABLED : string; -export const INPUT_COLOR_MESSAGE_TEXT_WARNING_INITIAL : string; -export const INPUT_COLOR_MESSAGE_TEXT_WARNING_FOCUS : string; -export const INPUT_COLOR_MESSAGE_TEXT_WARNING_READ_ONLY : string; -export const INPUT_COLOR_MESSAGE_TEXT_WARNING_DISABLED : string; -export const INPUT_COLOR_MESSAGE_TEXT_ERROR_INITIAL : string; -export const INPUT_COLOR_MESSAGE_TEXT_ERROR_FOCUS : string; -export const INPUT_COLOR_MESSAGE_TEXT_ERROR_READ_ONLY : string; -export const INPUT_COLOR_MESSAGE_TEXT_ERROR_DISABLED : string; -export const INPUT_LABEL_COLOR_TEXT_INITIAL : string; -export const INPUT_LABEL_COLOR_TEXT_READ_ONLY : string; -export const INPUT_LABEL_COLOR_TEXT_DISABLED : string; -export const INPUT_LABEL_COLOR_ICON_INITIAL : string; -export const INPUT_LABEL_COLOR_ICON_READ_ONLY : string; -export const INPUT_LABEL_COLOR_ICON_DISABLED : string; -export const TABLE_CELL_COLOR_MESSAGE_SURFACE_ERROR : string; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_INITIAL_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_INITIAL_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_INITIAL_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_HOVER_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_HOVER_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_HOVER_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_HOVER_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_HOVER_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_HOVER_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_INITIAL_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_INITIAL_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_INITIAL_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_HOVER_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_HOVER_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_HOVER_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_HOVER_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_HOVER_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_HOVER_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_STATIC_TEXT_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_STATIC_TEXT_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_STATIC_TEXT_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_STATIC_ICON_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_STATIC_ICON_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_STATIC_ICON_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_STATIC_BORDER_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_STATIC_BORDER_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_STATIC_BORDER_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_STATIC_SURFACE_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_STATIC_SURFACE_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_STATIC_SURFACE_ON_LEVEL_3 : string; -export const UI_MAIN_COLOR_SURFACE : string; -export const UI_SHELL_COLOR_SURFACE : string; -export const UI_SHELL_COLOR_BORDER : string; -export const UI_FLOATING_COLOR_SURFACE : string; -export const UI_SCRIM_COLOR_SURFACE : string; +/** For use in box shadows */ +export const COLOR_SHADOW: string; +export const COLOR_STATIC_TEXT_RAISED: string; +export const COLOR_STATIC_TEXT_INVERTED: string; +export const COLOR_STATIC_TEXT_STANDARD_PRIMARY: string; +export const COLOR_STATIC_TEXT_STANDARD_SECONDARY: string; +export const COLOR_STATIC_TEXT_STANDARD_MAXIMAL: string; +export const COLOR_STATIC_ICON_RAISED: string; +export const COLOR_STATIC_ICON_INVERTED: string; +export const COLOR_STATIC_ICON_STANDARD_PRIMARY: string; +export const COLOR_STATIC_ICON_STANDARD_SECONDARY: string; +export const COLOR_STATIC_ICON_STANDARD_MAXIMAL: string; +export const COLOR_STATIC_BORDER_RAISED: string; +export const COLOR_STATIC_BORDER_INVERTED: string; +export const COLOR_STATIC_BORDER_STANDARD_ON_LEVEL_1: string; +export const COLOR_STATIC_BORDER_STANDARD_ON_LEVEL_2: string; +export const COLOR_STATIC_BORDER_STANDARD_ON_LEVEL_3: string; +export const COLOR_STATIC_SURFACE_RAISED: string; +export const COLOR_STATIC_SURFACE_INVERTED: string; +export const COLOR_STATIC_SURFACE_STANDARD_ON_LEVEL_1: string; +export const COLOR_STATIC_SURFACE_STANDARD_ON_LEVEL_2: string; +export const COLOR_STATIC_SURFACE_STANDARD_ON_LEVEL_3: string; /** Disabled Toggle button */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_DISABLED: string; /** Toggle button */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_INITIAL: string; /** Toggle button */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_HOVER: string; /** Toggle button */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_ACTIVE: string; /** Toggle button */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_ACTIVE_HOVER: string; /** Disabled Sidebar link */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_DISABLED: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_INITIAL: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_HOVER: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_ACTIVE: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_ACTIVE_HOVER: string; /** Disabled Sidebar link */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_DISABLED: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_INITIAL: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_HOVER: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_ACTIVE: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_ACTIVE_HOVER: string; /** Disabled Tab */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_DISABLED: string; /** Tab */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_INITIAL: string; /** Tab */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_HOVER: string; /** Tab */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_ACTIVE: string; /** Tab */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_ACTIVE_HOVER: string; /** Chip */ +export const COLOR_INTERACTIVE_TEXT_RAISED_DISABLED: string; /** Chip */ +export const COLOR_INTERACTIVE_TEXT_RAISED_INITIAL: string; /** Chip */ +export const COLOR_INTERACTIVE_TEXT_RAISED_HOVER: string; /** Chip */ +export const COLOR_INTERACTIVE_TEXT_RAISED_ACTIVE: string; /** Chip */ +export const COLOR_INTERACTIVE_TEXT_RAISED_ACTIVE_HOVER: string; /** Disabled Toggle button */ +export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_DISABLED: string; /** Toggle button */ +export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_INITIAL: string; /** Toggle button */ +export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_HOVER: string; /** Toggle button */ +export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_ACTIVE: string; /** Toggle button */ +export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_ACTIVE_HOVER: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_DISABLED: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_INITIAL: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_HOVER: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_ACTIVE: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_ACTIVE_HOVER: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_DISABLED: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_INITIAL: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_HOVER: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_ACTIVE: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_ACTIVE_HOVER: string; /** Disabled Toggle button */ +export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_DISABLED: string; /** Toggle button */ +export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_INITIAL: string; /** Toggle button */ +export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_HOVER: string; /** Toggle button */ +export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_ACTIVE: string; /** Toggle button */ +export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_ACTIVE_HOVER: string; /** Chip */ +export const COLOR_INTERACTIVE_ICON_RAISED_DISABLED: string; /** Chip */ +export const COLOR_INTERACTIVE_ICON_RAISED_INITIAL: string; /** Chip */ +export const COLOR_INTERACTIVE_ICON_RAISED_HOVER: string; /** Chip */ +export const COLOR_INTERACTIVE_ICON_RAISED_ACTIVE: string; /** Chip */ +export const COLOR_INTERACTIVE_ICON_RAISED_ACTIVE_HOVER: string; /** Toggle button */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_DISABLED: string; /** Toggle button */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_INITIAL: string; /** Toggle button */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_HOVER: string; /** Toggle button */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_ACTIVE: string; /** Toggle button */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_ACTIVE_HOVER: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_DISABLED: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_INITIAL: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_HOVER: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_ACTIVE: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_ACTIVE_HOVER: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_DISABLED: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_INITIAL: string; /** Tab */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_HOVER: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_ACTIVE: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_ACTIVE_HOVER: string; /** Tab */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_DISABLED: string; /** Tab */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_INITIAL: string; /** Tab */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_HOVER: string; /** Tab */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_ACTIVE: string; /** Tab */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_ACTIVE_HOVER: string; /** Chip */ +export const COLOR_INTERACTIVE_BORDER_RAISED_DISABLED: string; /** Chip */ +export const COLOR_INTERACTIVE_BORDER_RAISED_INITIAL: string; /** Chip */ +export const COLOR_INTERACTIVE_BORDER_RAISED_HOVER: string; /** Chip */ +export const COLOR_INTERACTIVE_BORDER_RAISED_ACTIVE: string; /** Chip */ +export const COLOR_INTERACTIVE_BORDER_RAISED_ACTIVE_HOVER: string; /** Toggle button */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_DISABLED_OUTLINED: string; /** Toggle button */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_DISABLED_FILLED: string; /** Toggle button */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_INITIAL: string; /** Toggle button */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_HOVER: string; /** Toggle button */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_ACTIVE: string; /** Toggle button */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_ACTIVE_HOVER: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_DISABLED: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_INITIAL: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_HOVER: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_ACTIVE: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_ACTIVE_HOVER: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_DISABLED: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_INITIAL: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_HOVER: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_ACTIVE: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_ACTIVE_HOVER: string; /** Tab */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_DISABLED: string; /** Tab */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_INITIAL: string; /** Tab */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_HOVER: string; /** Tab */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_ACTIVE: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_ACTIVE_HOVER: string; /** Interactive Chip (disabled) */ +export const COLOR_INTERACTIVE_SURFACE_RAISED_DISABLED: string; /** Interactive Chip */ +export const COLOR_INTERACTIVE_SURFACE_RAISED_INITIAL: string; /** Interactive Chip */ +export const COLOR_INTERACTIVE_SURFACE_RAISED_HOVER: string; /** Interactive Chip */ +export const COLOR_INTERACTIVE_SURFACE_RAISED_ACTIVE: string; /** Interactive Chip */ +export const COLOR_INTERACTIVE_SURFACE_RAISED_ACTIVE_HOVER: string; /** Button */ +export const COLOR_ACTION_TEXT_PRIMARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_TEXT_STANDARD_PRIMARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_TEXT_STANDARD_PRIMARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_TEXT_STANDARD_PRIMARY_HOVER: string; /** Button */ +export const COLOR_ACTION_TEXT_STANDARD_SECONDARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_TEXT_STANDARD_SECONDARY_INITIAL: string; /** Button, Toggle button */ +export const COLOR_ACTION_TEXT_STANDARD_SECONDARY_HOVER: string; /** Button */ +export const COLOR_ACTION_TEXT_STANDARD_TERTIARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_TEXT_STANDARD_TERTIARY_INITIAL: string; /** Button, Toggle button */ +export const COLOR_ACTION_TEXT_STANDARD_TERTIARY_HOVER: string; /** Button */ +export const COLOR_ACTION_TEXT_MUTED_PRIMARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_TEXT_MUTED_PRIMARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_TEXT_MUTED_PRIMARY_HOVER: string; /** Button */ +export const COLOR_ACTION_TEXT_MUTED_SECONDARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_TEXT_MUTED_SECONDARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_TEXT_MUTED_SECONDARY_HOVER: string; /** Button */ +export const COLOR_ACTION_TEXT_MUTED_TERTIARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_TEXT_MUTED_TERTIARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_TEXT_MUTED_TERTIARY_HOVER: string; /** Button */ +export const COLOR_ACTION_TEXT_DANGER_PRIMARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_TEXT_DANGER_PRIMARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_TEXT_DANGER_PRIMARY_HOVER: string; /** Button */ +export const COLOR_ACTION_TEXT_DANGER_SECONDARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_TEXT_DANGER_SECONDARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_TEXT_DANGER_SECONDARY_HOVER: string; /** Button */ +export const COLOR_ACTION_TEXT_DANGER_TERTIARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_TEXT_DANGER_TERTIARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_TEXT_DANGER_TERTIARY_HOVER: string; +export const COLOR_ACTION_ICON_STANDARD_PRIMARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_ICON_STANDARD_PRIMARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_ICON_STANDARD_PRIMARY_HOVER: string; +export const COLOR_ACTION_ICON_STANDARD_SECONDARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_ICON_STANDARD_SECONDARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_ICON_STANDARD_SECONDARY_HOVER: string; +export const COLOR_ACTION_ICON_STANDARD_TERTIARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_ICON_STANDARD_TERTIARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_ICON_STANDARD_TERTIARY_HOVER: string; +export const COLOR_ACTION_ICON_MUTED_PRIMARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_ICON_MUTED_PRIMARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_ICON_MUTED_PRIMARY_HOVER: string; +export const COLOR_ACTION_ICON_MUTED_TERTIARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_ICON_MUTED_TERTIARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_ICON_MUTED_TERTIARY_HOVER: string; +export const COLOR_ACTION_ICON_MUTED_SECONDARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_ICON_MUTED_SECONDARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_ICON_MUTED_SECONDARY_HOVER: string; +export const COLOR_ACTION_ICON_DANGER_PRIMARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_ICON_DANGER_PRIMARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_ICON_DANGER_PRIMARY_HOVER: string; +export const COLOR_ACTION_ICON_DANGER_SECONDARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_ICON_DANGER_SECONDARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_ICON_DANGER_SECONDARY_HOVER: string; +export const COLOR_ACTION_ICON_DANGER_TERTIARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_ICON_DANGER_TERTIARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_ICON_DANGER_TERTIARY_HOVER: string; /** Button */ +export const COLOR_ACTION_BORDER_SECONDARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_BORDER_STANDARD_PRIMARY_DISABLED: string; /** Button, Toggle button */ +export const COLOR_ACTION_BORDER_STANDARD_PRIMARY_INITIAL: string; /** Button, Toggle button */ +export const COLOR_ACTION_BORDER_STANDARD_PRIMARY_HOVER: string; /** Button */ +export const COLOR_ACTION_BORDER_STANDARD_SECONDARY_DISABLED: string; /** Button, Toggle button */ +export const COLOR_ACTION_BORDER_STANDARD_SECONDARY_INITIAL: string; /** Button, Toggle button */ +export const COLOR_ACTION_BORDER_STANDARD_SECONDARY_HOVER: string; +export const COLOR_ACTION_BORDER_STANDARD_TERTIARY_DISABLED: string; +export const COLOR_ACTION_BORDER_STANDARD_TERTIARY_INITIAL: string; +export const COLOR_ACTION_BORDER_STANDARD_TERTIARY_HOVER: string; /** Button */ +export const COLOR_ACTION_BORDER_MUTED_PRIMARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_BORDER_MUTED_PRIMARY_HOVER: string; /** Button */ +export const COLOR_ACTION_BORDER_MUTED_PRIMARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_BORDER_MUTED_SECONDARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_BORDER_MUTED_SECONDARY_HOVER: string; /** Button */ +export const COLOR_ACTION_BORDER_MUTED_SECONDARY_DISABLED: string; +export const COLOR_ACTION_BORDER_MUTED_TERTIARY_INITIAL: string; +export const COLOR_ACTION_BORDER_MUTED_TERTIARY_HOVER: string; /** Button */ +export const COLOR_ACTION_BORDER_MUTED_TERTIARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_BORDER_DANGER_PRIMARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_BORDER_DANGER_PRIMARY_HOVER: string; /** Button */ +export const COLOR_ACTION_BORDER_DANGER_PRIMARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_BORDER_DANGER_SECONDARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_BORDER_DANGER_SECONDARY_HOVER: string; /** Button */ +export const COLOR_ACTION_BORDER_DANGER_SECONDARY_DISABLED: string; +export const COLOR_ACTION_BORDER_DANGER_TERTIARY_INITIAL: string; +export const COLOR_ACTION_BORDER_DANGER_TERTIARY_HOVER: string; /** Button */ +export const COLOR_ACTION_BORDER_DANGER_TERTIARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_SURFACE_STANDARD_PRIMARY_DISABLED: string; /** Button, Toggle button */ +export const COLOR_ACTION_SURFACE_STANDARD_PRIMARY_INITIAL: string; /** Button, Toggle button */ +export const COLOR_ACTION_SURFACE_STANDARD_PRIMARY_HOVER: string; /** Button */ +export const COLOR_ACTION_SURFACE_STANDARD_SECONDARY_DISABLED: string; /** Button, Ghost button, Toggle button */ +export const COLOR_ACTION_SURFACE_STANDARD_SECONDARY_INITIAL: string; /** Button, Ghost button, Toggle button */ +export const COLOR_ACTION_SURFACE_STANDARD_SECONDARY_HOVER: string; /** Button */ +export const COLOR_ACTION_SURFACE_STANDARD_TERTIARY_DISABLED: string; /** Button, Ghost button, Toggle button */ +export const COLOR_ACTION_SURFACE_STANDARD_TERTIARY_INITIAL: string; /** Button, Ghost button, Toggle button */ +export const COLOR_ACTION_SURFACE_STANDARD_TERTIARY_HOVER: string; /** Button */ +export const COLOR_ACTION_SURFACE_MUTED_PRIMARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_SURFACE_MUTED_PRIMARY_HOVER: string; /** Button */ +export const COLOR_ACTION_SURFACE_MUTED_PRIMARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_SURFACE_MUTED_SECONDARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_SURFACE_MUTED_SECONDARY_HOVER: string; /** Button */ +export const COLOR_ACTION_SURFACE_MUTED_SECONDARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_SURFACE_MUTED_TERTIARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_SURFACE_MUTED_TERTIARY_HOVER: string; /** Button */ +export const COLOR_ACTION_SURFACE_MUTED_TERTIARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_SURFACE_DANGER_PRIMARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_SURFACE_DANGER_PRIMARY_HOVER: string; /** Button */ +export const COLOR_ACTION_SURFACE_DANGER_PRIMARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_SURFACE_DANGER_SECONDARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_SURFACE_DANGER_SECONDARY_HOVER: string; /** Button */ +export const COLOR_ACTION_SURFACE_DANGER_SECONDARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_SURFACE_DANGER_TERTIARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_SURFACE_DANGER_TERTIARY_HOVER: string; /** Button */ +export const COLOR_ACTION_SURFACE_DANGER_TERTIARY_DISABLED: string; /** Deprecated - Card. Use text/message. */ +export const COLOR_MESSAGE_TEXT_STANDARD_INFO: string; /** Deprecated - Card. Use text/message. */ +export const COLOR_MESSAGE_TEXT_STANDARD_SUCCESS: string; /** Deprecated - Card. Use text/message. */ +export const COLOR_MESSAGE_TEXT_STANDARD_WARNING: string; /** Deprecated - Card. Use text/message. */ +export const COLOR_MESSAGE_TEXT_STANDARD_ERROR: string; /** Chip, Card, input helper */ +export const COLOR_MESSAGE_TEXT_RAISED_INFO_INITIAL: string; /** Chip */ +export const COLOR_MESSAGE_TEXT_RAISED_INFO_HOVER: string; /** Chip, Card, input helper */ +export const COLOR_MESSAGE_TEXT_RAISED_SUCCESS_INITIAL: string; /** Chip */ +export const COLOR_MESSAGE_TEXT_RAISED_SUCCESS_HOVER: string; /** Chip, Card, input helper */ +export const COLOR_MESSAGE_TEXT_RAISED_WARNING_INITIAL: string; /** Chip */ +export const COLOR_MESSAGE_TEXT_RAISED_WARNING_HOVER: string; /** Chip, Card, input helper */ +export const COLOR_MESSAGE_TEXT_RAISED_ERROR_INITIAL: string; /** Chip */ +export const COLOR_MESSAGE_TEXT_RAISED_ERROR_HOVER: string; /** Banner */ +export const COLOR_MESSAGE_TEXT_CALLOUT_INFO: string; /** Banner */ +export const COLOR_MESSAGE_TEXT_CALLOUT_SUCCESS: string; /** Banner */ +export const COLOR_MESSAGE_TEXT_CALLOUT_WARNING: string; /** Banner */ +export const COLOR_MESSAGE_TEXT_CALLOUT_ERROR: string; /** Deprecated - Card. Use icon/message. */ +export const COLOR_MESSAGE_ICON_STANDARD_INFO: string; /** Deprecated - Card. Use icon/message. */ +export const COLOR_MESSAGE_ICON_STANDARD_SUCCESS: string; /** Deprecated - Card. Use icon/message. */ +export const COLOR_MESSAGE_ICON_STANDARD_WARNING: string; /** Deprecated - Card. Use icon/message. */ +export const COLOR_MESSAGE_ICON_STANDARD_ERROR: string; /** Deprecated - Chip. Use icon/message. */ +export const COLOR_MESSAGE_ICON_RAISED_INFO_INITIAL: string; /** Deprecated - Chip. Use icon/message. */ +export const COLOR_MESSAGE_ICON_RAISED_INFO_HOVER: string; /** Deprecated - Chip. Use icon/message. */ +export const COLOR_MESSAGE_ICON_RAISED_SUCCESS_INITIAL: string; /** Deprecated - Chip. Use icon/message. */ +export const COLOR_MESSAGE_ICON_RAISED_SUCCESS_HOVER: string; /** Deprecated - Chip. Use icon/message. */ +export const COLOR_MESSAGE_ICON_RAISED_WARNING_INITIAL: string; /** Deprecated - Chip. Use icon/message. */ +export const COLOR_MESSAGE_ICON_RAISED_WARNING_HOVER: string; /** Deprecated - Chip. Use icon/message. */ +export const COLOR_MESSAGE_ICON_RAISED_ERROR_INITIAL: string; /** Deprecated - Chip. Use icon/message. */ +export const COLOR_MESSAGE_ICON_RAISED_ERROR_HOVER: string; /** Banner */ +export const COLOR_MESSAGE_ICON_CALLOUT_INFO: string; /** Banner */ +export const COLOR_MESSAGE_ICON_CALLOUT_SUCCESS: string; /** Banner */ +export const COLOR_MESSAGE_ICON_CALLOUT_WARNING: string; /** Banner */ +export const COLOR_MESSAGE_ICON_CALLOUT_ERROR: string; /** Card */ +export const COLOR_MESSAGE_BORDER_STANDARD_INFO: string; /** Card */ +export const COLOR_MESSAGE_BORDER_STANDARD_SUCCESS: string; /** Card */ +export const COLOR_MESSAGE_BORDER_STANDARD_WARNING: string; /** Card */ +export const COLOR_MESSAGE_BORDER_STANDARD_ERROR: string; /** Chip */ +export const COLOR_MESSAGE_BORDER_RAISED_INFO_INITIAL: string; /** Chip */ +export const COLOR_MESSAGE_BORDER_RAISED_INFO_HOVER: string; /** Chip */ +export const COLOR_MESSAGE_BORDER_RAISED_SUCCESS_INITIAL: string; /** Chip */ +export const COLOR_MESSAGE_BORDER_RAISED_SUCCESS_HOVER: string; /** Chip */ +export const COLOR_MESSAGE_BORDER_RAISED_WARNING_INITIAL: string; /** Chip */ +export const COLOR_MESSAGE_BORDER_RAISED_WARNING_HOVER: string; /** Chip */ +export const COLOR_MESSAGE_BORDER_RAISED_ERROR_INITIAL: string; /** Chip */ +export const COLOR_MESSAGE_BORDER_RAISED_ERROR_HOVER: string; /** Banner */ +export const COLOR_MESSAGE_BORDER_CALLOUT_INFO: string; /** Banner */ +export const COLOR_MESSAGE_BORDER_CALLOUT_SUCCESS: string; /** Banner */ +export const COLOR_MESSAGE_BORDER_CALLOUT_WARNING: string; /** Banner */ +export const COLOR_MESSAGE_BORDER_CALLOUT_ERROR: string; /** Card */ +export const COLOR_MESSAGE_SURFACE_STANDARD_INFO_ON_LEVEL_1: string; /** Card */ +export const COLOR_MESSAGE_SURFACE_STANDARD_INFO_ON_LEVEL_2: string; /** Card */ +export const COLOR_MESSAGE_SURFACE_STANDARD_INFO_ON_LEVEL_3: string; /** Card */ +export const COLOR_MESSAGE_SURFACE_STANDARD_SUCCESS_ON_LEVEL_1: string; /** Card */ +export const COLOR_MESSAGE_SURFACE_STANDARD_SUCCESS_ON_LEVEL_2: string; /** Card */ +export const COLOR_MESSAGE_SURFACE_STANDARD_SUCCESS_ON_LEVEL_3: string; /** Card */ +export const COLOR_MESSAGE_SURFACE_STANDARD_WARNING_ON_LEVEL_1: string; /** Card */ +export const COLOR_MESSAGE_SURFACE_STANDARD_WARNING_ON_LEVEL_2: string; /** Card */ +export const COLOR_MESSAGE_SURFACE_STANDARD_WARNING_ON_LEVEL_3: string; /** Card */ +export const COLOR_MESSAGE_SURFACE_STANDARD_ERROR_ON_LEVEL_1: string; /** Card */ +export const COLOR_MESSAGE_SURFACE_STANDARD_ERROR_ON_LEVEL_2: string; /** Card */ +export const COLOR_MESSAGE_SURFACE_STANDARD_ERROR_ON_LEVEL_3: string; /** Chip */ +export const COLOR_MESSAGE_SURFACE_RAISED_INFO_INITIAL: string; /** Chip */ +export const COLOR_MESSAGE_SURFACE_RAISED_INFO_HOVER: string; /** Chip */ +export const COLOR_MESSAGE_SURFACE_RAISED_SUCCESS_INITIAL: string; /** Chip */ +export const COLOR_MESSAGE_SURFACE_RAISED_SUCCESS_HOVER: string; /** Chip */ +export const COLOR_MESSAGE_SURFACE_RAISED_WARNING_INITIAL: string; /** Chip */ +export const COLOR_MESSAGE_SURFACE_RAISED_WARNING_HOVER: string; /** Chip */ +export const COLOR_MESSAGE_SURFACE_RAISED_ERROR_INITIAL: string; /** Chip */ +export const COLOR_MESSAGE_SURFACE_RAISED_ERROR_HOVER: string; /** Chip */ +export const COLOR_MESSAGE_SURFACE_CALLOUT_INFO: string; /** Chip */ +export const COLOR_MESSAGE_SURFACE_CALLOUT_SUCCESS: string; /** Banner */ +export const COLOR_MESSAGE_SURFACE_CALLOUT_WARNING: string; /** Banner */ +export const COLOR_MESSAGE_SURFACE_CALLOUT_ERROR: string; /** Autocomplete, Text field */ +export const INPUT_ASTERIX_COLOR_TEXT: string; /** Autocomplete, Table input, Search, Text field */ +export const INPUT_PLACEHOLDER_COLOR_TEXT: string; /** Autocomplete, Table input, Text field */ +export const INPUT_HELPER_COLOR_TEXT_INITIAL: string; /** Autocomplete, Table input, Text field */ +export const INPUT_HELPER_COLOR_TEXT_FOCUS: string; /** Autocomplete, Table input, Text field */ +export const INPUT_HELPER_COLOR_TEXT_READ_ONLY: string; /** Autocomplete, Table input, Search, Text field */ +export const INPUT_HELPER_COLOR_TEXT_DISABLED: string; /** Autocomplete, Table input, Text field */ +export const INPUT_HELPER_COLOR_ICON_INITIAL: string; /** Autocomplete, Table input, Text field */ +export const INPUT_HELPER_COLOR_ICON_FOCUS: string; /** Autocomplete, Table input, Text field */ +export const INPUT_HELPER_COLOR_ICON_READ_ONLY: string; /** Autocomplete, Table input, Search, Text field */ +export const INPUT_HELPER_COLOR_ICON_DISABLED: string; +export const INPUT_HELPER_COLOR_MESSAGE_TEXT_INFO_INITIAL: string; +export const INPUT_HELPER_COLOR_MESSAGE_TEXT_INFO_FOCUS: string; +export const INPUT_HELPER_COLOR_MESSAGE_TEXT_INFO_READ_ONLY: string; +export const INPUT_HELPER_COLOR_MESSAGE_TEXT_INFO_DISABLED: string; +export const INPUT_HELPER_COLOR_MESSAGE_TEXT_SUCCESS_INITIAL: string; +export const INPUT_HELPER_COLOR_MESSAGE_TEXT_SUCCESS_FOCUS: string; +export const INPUT_HELPER_COLOR_MESSAGE_TEXT_SUCCESS_READ_ONLY: string; +export const INPUT_HELPER_COLOR_MESSAGE_TEXT_SUCCESS_DISABLED: string; +export const INPUT_HELPER_COLOR_MESSAGE_TEXT_WARNING_INITIAL: string; +export const INPUT_HELPER_COLOR_MESSAGE_TEXT_WARNING_FOCUS: string; +export const INPUT_HELPER_COLOR_MESSAGE_TEXT_WARNING_READ_ONLY: string; +export const INPUT_HELPER_COLOR_MESSAGE_TEXT_WARNING_DISABLED: string; +export const INPUT_HELPER_COLOR_MESSAGE_TEXT_ERROR_INITIAL: string; +export const INPUT_HELPER_COLOR_MESSAGE_TEXT_ERROR_FOCUS: string; +export const INPUT_HELPER_COLOR_MESSAGE_TEXT_ERROR_READ_ONLY: string; +export const INPUT_HELPER_COLOR_MESSAGE_TEXT_ERROR_DISABLED: string; +export const INPUT_HELPER_COLOR_MESSAGE_ICON_INFO_INITIAL: string; +export const INPUT_HELPER_COLOR_MESSAGE_ICON_INFO_FOCUS: string; +export const INPUT_HELPER_COLOR_MESSAGE_ICON_INFO_READ_ONLY: string; +export const INPUT_HELPER_COLOR_MESSAGE_ICON_INFO_DISABLED: string; +export const INPUT_HELPER_COLOR_MESSAGE_ICON_SUCCESS_INITIAL: string; +export const INPUT_HELPER_COLOR_MESSAGE_ICON_SUCCESS_FOCUS: string; +export const INPUT_HELPER_COLOR_MESSAGE_ICON_SUCCESS_READ_ONLY: string; +export const INPUT_HELPER_COLOR_MESSAGE_ICON_SUCCESS_DISABLED: string; +export const INPUT_HELPER_COLOR_MESSAGE_ICON_WARNING_INITIAL: string; +export const INPUT_HELPER_COLOR_MESSAGE_ICON_WARNING_FOCUS: string; +export const INPUT_HELPER_COLOR_MESSAGE_ICON_WARNING_READ_ONLY: string; +export const INPUT_HELPER_COLOR_MESSAGE_ICON_WARNING_DISABLED: string; +export const INPUT_HELPER_COLOR_MESSAGE_ICON_ERROR_INITIAL: string; +export const INPUT_HELPER_COLOR_MESSAGE_ICON_ERROR_FOCUS: string; +export const INPUT_HELPER_COLOR_MESSAGE_ICON_ERROR_READ_ONLY: string; +export const INPUT_HELPER_COLOR_MESSAGE_ICON_ERROR_DISABLED: string; /** Autocomplete, Table input, Text field */ +export const INPUT_COLOR_TEXT_INITIAL: string; /** Autocomplete, Table input, Text field */ +export const INPUT_COLOR_TEXT_READ_ONLY: string; /** Autocomplete, Table input, Search, Text field */ +export const INPUT_COLOR_TEXT_FOCUS: string; /** Autocomplete, Table input, Search, Text field */ +export const INPUT_COLOR_TEXT_DISABLED: string; /** Autocomplete, Table input, Text field */ +export const INPUT_COLOR_ICON_INITIAL: string; /** Autocomplete, Table input, Text field */ +export const INPUT_COLOR_ICON_READ_ONLY: string; /** Autocomplete, Table input, Search, Text field */ +export const INPUT_COLOR_ICON_FOCUS: string; /** Autocomplete, Table input, Search, Text field */ +export const INPUT_COLOR_ICON_DISABLED: string; /** Autocomplete, Text field */ +export const INPUT_COLOR_BORDER_INITIAL: string; /** Autocomplete, Text field */ +export const INPUT_COLOR_BORDER_READ_ONLY: string; /** Autocomplete, Search, Text field */ +export const INPUT_COLOR_BORDER_FOCUS: string; /** Autocomplete, Search, Text field */ +export const INPUT_COLOR_BORDER_DISABLED: string; /** Autocomplete, Search, Table input, Text field input */ +export const INPUT_COLOR_SURFACE_INITIAL_ON_LEVEL_1: string; /** Autocomplete, Search, Table input, Text field input */ +export const INPUT_COLOR_SURFACE_INITIAL_ON_LEVEL_2: string; +export const INPUT_COLOR_SURFACE_INITIAL_ON_LEVEL_3: string; /** Autocomplete, Search, Table input, Text field input */ +export const INPUT_COLOR_SURFACE_DISABLED_ON_LEVEL_1: string; /** Autocomplete, Search, Table input, Text field input */ +export const INPUT_COLOR_SURFACE_DISABLED_ON_LEVEL_2: string; +export const INPUT_COLOR_SURFACE_DISABLED_ON_LEVEL_3: string; +export const INPUT_COLOR_SURFACE_READ_ONLY_ON_LEVEL_1: string; +export const INPUT_COLOR_SURFACE_READ_ONLY_ON_LEVEL_2: string; +export const INPUT_COLOR_SURFACE_READ_ONLY_ON_LEVEL_3: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_BORDER_SUCCESS_INITIAL: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_BORDER_SUCCESS_FOCUS: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_BORDER_SUCCESS_READ_ONLY: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_BORDER_SUCCESS_DISABLED: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_BORDER_WARNING_INITIAL: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_BORDER_WARNING_FOCUS: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_BORDER_WARNING_READ_ONLY: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_BORDER_WARNING_DISABLED: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_BORDER_ERROR_INITIAL: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_BORDER_ERROR_FOCUS: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_BORDER_ERROR_READ_ONLY: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_BORDER_ERROR_DISABLED: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_ICON_SUCCESS_INITIAL: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_ICON_SUCCESS_FOCUS: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_ICON_SUCCESS_READ_ONLY: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_ICON_SUCCESS_DISABLED: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_ICON_WARNING_INITIAL: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_ICON_WARNING_FOCUS: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_ICON_WARNING_READ_ONLY: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_ICON_WARNING_DISABLED: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_ICON_ERROR_INITIAL: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_ICON_ERROR_FOCUS: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_ICON_ERROR_READ_ONLY: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_ICON_ERROR_DISABLED: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_TEXT_SUCCESS_INITIAL: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_TEXT_SUCCESS_FOCUS: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_TEXT_SUCCESS_READ_ONLY: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_TEXT_SUCCESS_DISABLED: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_TEXT_WARNING_INITIAL: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_TEXT_WARNING_FOCUS: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_TEXT_WARNING_READ_ONLY: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_TEXT_WARNING_DISABLED: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_TEXT_ERROR_INITIAL: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_TEXT_ERROR_FOCUS: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_TEXT_ERROR_READ_ONLY: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_TEXT_ERROR_DISABLED: string; +export const INPUT_LABEL_COLOR_TEXT_INITIAL: string; +export const INPUT_LABEL_COLOR_TEXT_READ_ONLY: string; +export const INPUT_LABEL_COLOR_TEXT_DISABLED: string; +export const INPUT_LABEL_COLOR_ICON_INITIAL: string; +export const INPUT_LABEL_COLOR_ICON_READ_ONLY: string; +export const INPUT_LABEL_COLOR_ICON_DISABLED: string; /** Table cell, Table data grid cell */ +export const TABLE_CELL_COLOR_MESSAGE_SURFACE_ERROR: string; +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_INITIAL_ON_LEVEL_1: string; +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_INITIAL_ON_LEVEL_2: string; +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_INITIAL_ON_LEVEL_3: string; +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_HOVER_ON_LEVEL_1: string; +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_HOVER_ON_LEVEL_2: string; +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_HOVER_ON_LEVEL_3: string; /** Interactive table cell, table data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_1: string; /** Interactive table cell, table data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_2: string; /** Interactive table cell, table data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_3: string; /** Interactive table cell, data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_1: string; /** Interactive table cell, data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_2: string; /** Interactive table cell, data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_3: string; +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_1: string; +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_2: string; +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_3: string; /** Table cell, Table data grid cell, Table header, Table data grid header */ +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_1: string; /** Table cell, Table data grid cell, Table header, Table data grid header */ +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_2: string; /** Table cell, Table data grid cell, Table header, Table data grid header */ +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_3: string; /** Table cell, Table data grid cell, Table header, Table data grid header */ +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_1: string; /** Table cell, Table data grid cell, Table header, Table data grid header */ +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_2: string; /** Table cell, Table data grid cell, Table header, Table data grid header */ +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_3: string; /** Table cell, Table data grid cell, Table header, Table data grid header */ +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_1: string; /** Table cell, Table data grid cell, Table header, Table data grid header */ +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_2: string; /** Table cell, Table data grid cell, Table header, Table data grid header */ +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_3: string; /** Table cell, Table data grid cell, Table header, Table data grid header */ +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_1: string; /** Table cell, Table data grid cell, Table header, Table data grid header */ +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_2: string; /** Table cell, Table data grid cell, Table header, Table data grid header */ +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_3: string; +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_1: string; +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_2: string; +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_3: string; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_1: string; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_2: string; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_3: string; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_HOVER_ON_LEVEL_1: string; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_HOVER_ON_LEVEL_2: string; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_HOVER_ON_LEVEL_3: string; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_1: string; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_2: string; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_3: string; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_1: string; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_2: string; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_3: string; /** Border on Table cell doesn't change from Initial state, only the text & the icon. */ +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_1: string; /** Border on Table cell doesn't change from Initial state, only the text & the icon. */ +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_2: string; /** Border on Table cell doesn't change from Initial state, only the text & the icon. */ +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_3: string; /** Table cell, Table data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_1: string; /** Table cell, Table data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_2: string; /** Table cell, Table data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_3: string; /** Table cell, Table data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_1: string; /** Table cell, Table data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_2: string; /** Table cell, Table data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_3: string; /** Table cell, Table data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_1: string; /** Table cell, Table data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_2: string; /** Table cell, Table data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_3: string; /** Table cell, Table data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_1: string; /** Table cell, Table data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_2: string; /** Table cell, Table data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_3: string; /** Table cell, Table data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_1: string; /** Table cell, Table data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_2: string; /** Table cell, Table data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_3: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_INITIAL_ON_LEVEL_1: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_INITIAL_ON_LEVEL_2: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_INITIAL_ON_LEVEL_3: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_HOVER_ON_LEVEL_1: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_HOVER_ON_LEVEL_2: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_HOVER_ON_LEVEL_3: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_1: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_2: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_3: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_1: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_2: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_3: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_1: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_2: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_3: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_1: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_2: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_3: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_1: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_2: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_3: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_1: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_2: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_3: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_1: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_2: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_3: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_1: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_2: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_3: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_1: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_2: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_3: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_HOVER_ON_LEVEL_1: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_HOVER_ON_LEVEL_2: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_HOVER_ON_LEVEL_3: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_1: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_2: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_3: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_1: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_2: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_3: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_1: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_2: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_3: string; /** Table header, Table data grid header */ +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_1: string; /** Table header, Table data grid header */ +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_2: string; /** Table header, Table data grid header */ +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_3: string; /** Table header, Table data grid header */ +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_1: string; /** Table header, Table data grid header */ +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_2: string; /** Table header, Table data grid header */ +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_3: string; /** Table header, Table data grid header */ +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_1: string; /** Table header, Table data grid header */ +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_2: string; /** Table header, Table data grid header */ +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_3: string; /** Table header, Table data grid header */ +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_1: string; /** Table header, Table data grid header */ +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_2: string; /** Table header, Table data grid header */ +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_3: string; /** Table header, Table data grid header */ +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_1: string; /** Table header, Table data grid header */ +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_2: string; /** Table header, Table data grid header */ +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_3: string; +export const TABLE_HEADER_COLOR_STATIC_TEXT_ON_LEVEL_1: string; +export const TABLE_HEADER_COLOR_STATIC_TEXT_ON_LEVEL_2: string; +export const TABLE_HEADER_COLOR_STATIC_TEXT_ON_LEVEL_3: string; +export const TABLE_HEADER_COLOR_STATIC_ICON_ON_LEVEL_1: string; +export const TABLE_HEADER_COLOR_STATIC_ICON_ON_LEVEL_2: string; +export const TABLE_HEADER_COLOR_STATIC_ICON_ON_LEVEL_3: string; +export const TABLE_HEADER_COLOR_STATIC_BORDER_ON_LEVEL_1: string; +export const TABLE_HEADER_COLOR_STATIC_BORDER_ON_LEVEL_2: string; +export const TABLE_HEADER_COLOR_STATIC_BORDER_ON_LEVEL_3: string; /** Table header, Table data grid header */ +export const TABLE_HEADER_COLOR_STATIC_SURFACE_ON_LEVEL_1: string; /** Table header, Table data grid header */ +export const TABLE_HEADER_COLOR_STATIC_SURFACE_ON_LEVEL_2: string; /** Table header, Table data grid header */ +export const TABLE_HEADER_COLOR_STATIC_SURFACE_ON_LEVEL_3: string; /** Recommended background color for EDS applications */ +export const UI_MAIN_COLOR_SURFACE: string; /** Sidebar, Side sheet, Toolbar, Top bar */ +export const UI_SHELL_COLOR_SURFACE: string; /** Sidebar, Topbar, Side sheet */ +export const UI_SHELL_COLOR_BORDER: string; /** Recommended background color for EDS applications */ +export const UI_FLOATING_COLOR_SURFACE: string; /** Scrim */ +export const UI_SCRIM_COLOR_SURFACE: string; diff --git a/packages/eds-tokens/build/js/color/dark.js b/packages/eds-tokens/build/js/color/dark.js index 13ecb545a6..1006c2d690 100644 --- a/packages/eds-tokens/build/js/color/dark.js +++ b/packages/eds-tokens/build/js/color/dark.js @@ -2,7 +2,7 @@ * Do not edit directly, this file was auto-generated. */ -export const COLOR_SHADOW = "#00000024"; +export const COLOR_SHADOW = "#00000024"; // For use in box shadows export const COLOR_STATIC_TEXT_RAISED = "#b3e2e5"; export const COLOR_STATIC_TEXT_INVERTED = "#000000"; export const COLOR_STATIC_TEXT_STANDARD_PRIMARY = "#d6d9dc"; @@ -23,299 +23,314 @@ export const COLOR_STATIC_SURFACE_INVERTED = "#dcf2fff2"; export const COLOR_STATIC_SURFACE_STANDARD_ON_LEVEL_1 = "#243746"; export const COLOR_STATIC_SURFACE_STANDARD_ON_LEVEL_2 = "#243746"; export const COLOR_STATIC_SURFACE_STANDARD_ON_LEVEL_3 = "#2c4251"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_DISABLED = "#52616d"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_INITIAL = "#a6afb5"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_HOVER = "#c2c8cc"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_ACTIVE = "#000000"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_ACTIVE_HOVER = "#000000"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_DISABLED = "#52616d"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_INITIAL = "#a6afb5"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_HOVER = "#c2c8cc"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_ACTIVE = "#d1edef"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_ACTIVE_HOVER = "#e0f4f5"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_DISABLED = "#52616d"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_INITIAL = "#a6afb5"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_HOVER = "#c2c8cc"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_ACTIVE = "#97cace"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_ACTIVE_HOVER = "#b3e2e5"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_DISABLED = "#52616d"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_INITIAL = "#a6afb5"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_HOVER = "#c2c8cc"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_ACTIVE = "#97cace"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_ACTIVE_HOVER = "#b3e2e5"; -export const COLOR_INTERACTIVE_TEXT_RAISED_DISABLED = "#52616d"; -export const COLOR_INTERACTIVE_TEXT_RAISED_INITIAL = "#c2c8cc"; -export const COLOR_INTERACTIVE_TEXT_RAISED_HOVER = "#d6d9dc"; -export const COLOR_INTERACTIVE_TEXT_RAISED_ACTIVE = "#b3e2e5"; -export const COLOR_INTERACTIVE_TEXT_RAISED_ACTIVE_HOVER = "#d1edef"; -export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_DISABLED = "#52616d"; -export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_INITIAL = "#a6afb5"; -export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_HOVER = "#a6afb5"; -export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_ACTIVE = "#000000"; -export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_ACTIVE_HOVER = "#000000"; -export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_DISABLED = "#52616d"; -export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_INITIAL = "#a6afb5"; -export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_HOVER = "#c2c8cc"; -export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_ACTIVE = "#d1edef"; -export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_ACTIVE_HOVER = "#e0f4f5"; -export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_DISABLED = "#52616d"; -export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_INITIAL = "#a6afb5"; -export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_HOVER = "#c2c8cc"; -export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_ACTIVE = "#97cace"; -export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_ACTIVE_HOVER = "#b3e2e5"; -export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_DISABLED = "#52616d"; -export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_INITIAL = "#a6afb5"; -export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_HOVER = "#c2c8cc"; -export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_ACTIVE = "#97cace"; -export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_ACTIVE_HOVER = "#c9e0e2"; -export const COLOR_INTERACTIVE_ICON_RAISED_DISABLED = "#52616d"; -export const COLOR_INTERACTIVE_ICON_RAISED_INITIAL = "#c2c8cc"; -export const COLOR_INTERACTIVE_ICON_RAISED_HOVER = "#d6d9dc"; -export const COLOR_INTERACTIVE_ICON_RAISED_ACTIVE = "#b3e2e5"; -export const COLOR_INTERACTIVE_ICON_RAISED_ACTIVE_HOVER = "#d1edef"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_DISABLED = "#52616d"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_INITIAL = "#a6afb5"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_HOVER = "#a6afb5"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_ACTIVE = "#97cace"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_ACTIVE_HOVER = "#97cace"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_DISABLED = "#00000000"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_INITIAL = "#00000000"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_HOVER = "#00000000"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_ACTIVE = "#00000000"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_ACTIVE_HOVER = "#00000000"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_DISABLED = "#132634"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_INITIAL = "#132634"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_HOVER = "#f7f7f7"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_ACTIVE = "#97cace"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_ACTIVE_HOVER = "#b3e2e5"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_DISABLED = "#ffffff29"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_INITIAL = "#ffffff29"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_HOVER = "#ffffff33"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_ACTIVE = "#97cace"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_ACTIVE_HOVER = "#b3e2e5"; -export const COLOR_INTERACTIVE_BORDER_RAISED_DISABLED = "#52616d"; -export const COLOR_INTERACTIVE_BORDER_RAISED_INITIAL = "#435460"; -export const COLOR_INTERACTIVE_BORDER_RAISED_HOVER = "#d6d9dc"; -export const COLOR_INTERACTIVE_BORDER_RAISED_ACTIVE = "#1e5d78"; -export const COLOR_INTERACTIVE_BORDER_RAISED_ACTIVE_HOVER = "#a6d6d9"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_DISABLED_OUTLINED = "#00000000"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_DISABLED_FILLED = "#2e3f4c"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_INITIAL = "#00000000"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_HOVER = "#344c5b"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_ACTIVE = "#97cace"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_ACTIVE_HOVER = "#b3e2e5"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_DISABLED = "#00000000"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_INITIAL = "#00000000"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_HOVER = "#344c5b"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_ACTIVE = "#257193"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_ACTIVE_HOVER = "#2b84ab"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_DISABLED = "#00000000"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_INITIAL = "#00000000"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_HOVER = "#344c5b"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_ACTIVE = "#1e5d78"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_ACTIVE_HOVER = "#257193"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_DISABLED = "#00000000"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_INITIAL = "#00000000"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_HOVER = "#344c5b"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_ACTIVE = "#00000000"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_ACTIVE_HOVER = "#1e5d78"; -export const COLOR_INTERACTIVE_SURFACE_RAISED_DISABLED = "#2e3f4c66"; -export const COLOR_INTERACTIVE_SURFACE_RAISED_INITIAL = "#eaeaea1a"; -export const COLOR_INTERACTIVE_SURFACE_RAISED_HOVER = "#eaeaea1a"; -export const COLOR_INTERACTIVE_SURFACE_RAISED_ACTIVE = "#2a587480"; -export const COLOR_INTERACTIVE_SURFACE_RAISED_ACTIVE_HOVER = "#2a587480"; -export const COLOR_ACTION_TEXT_PRIMARY_DISABLED = "#616161"; -export const COLOR_ACTION_TEXT_STANDARD_PRIMARY_DISABLED = "#52616d"; -export const COLOR_ACTION_TEXT_STANDARD_PRIMARY_INITIAL = "#000000"; -export const COLOR_ACTION_TEXT_STANDARD_PRIMARY_HOVER = "#000000"; -export const COLOR_ACTION_TEXT_STANDARD_SECONDARY_DISABLED = "#52616d"; -export const COLOR_ACTION_TEXT_STANDARD_SECONDARY_INITIAL = "#97cace"; -export const COLOR_ACTION_TEXT_STANDARD_SECONDARY_HOVER = "#b3e2e5"; -export const COLOR_ACTION_TEXT_STANDARD_TERTIARY_DISABLED = "#52616d"; -export const COLOR_ACTION_TEXT_STANDARD_TERTIARY_INITIAL = "#97cace"; -export const COLOR_ACTION_TEXT_STANDARD_TERTIARY_HOVER = "#b3e2e5"; -export const COLOR_ACTION_TEXT_MUTED_PRIMARY_DISABLED = "#52616d"; -export const COLOR_ACTION_TEXT_MUTED_PRIMARY_INITIAL = "#000000"; -export const COLOR_ACTION_TEXT_MUTED_PRIMARY_HOVER = "#000000"; -export const COLOR_ACTION_TEXT_MUTED_SECONDARY_DISABLED = "#52616d"; -export const COLOR_ACTION_TEXT_MUTED_SECONDARY_INITIAL = "#a6afb5"; -export const COLOR_ACTION_TEXT_MUTED_SECONDARY_HOVER = "#c2c8cc"; -export const COLOR_ACTION_TEXT_MUTED_TERTIARY_DISABLED = "#52616d"; -export const COLOR_ACTION_TEXT_MUTED_TERTIARY_INITIAL = "#a6afb5"; -export const COLOR_ACTION_TEXT_MUTED_TERTIARY_HOVER = "#c2c8cc"; -export const COLOR_ACTION_TEXT_DANGER_PRIMARY_DISABLED = "#52616d"; -export const COLOR_ACTION_TEXT_DANGER_PRIMARY_INITIAL = "#000000"; -export const COLOR_ACTION_TEXT_DANGER_PRIMARY_HOVER = "#000000"; -export const COLOR_ACTION_TEXT_DANGER_SECONDARY_DISABLED = "#52616d"; -export const COLOR_ACTION_TEXT_DANGER_SECONDARY_INITIAL = "#ff666b"; -export const COLOR_ACTION_TEXT_DANGER_SECONDARY_HOVER = "#ffabab"; -export const COLOR_ACTION_TEXT_DANGER_TERTIARY_DISABLED = "#52616d"; -export const COLOR_ACTION_TEXT_DANGER_TERTIARY_INITIAL = "#ff666b"; -export const COLOR_ACTION_TEXT_DANGER_TERTIARY_HOVER = "#ffabab"; +export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_DISABLED = "#52616d"; // Disabled Toggle button +export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_INITIAL = "#a6afb5"; // Toggle button +export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_HOVER = "#c2c8cc"; // Toggle button +export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_ACTIVE = "#000000"; // Toggle button +export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_ACTIVE_HOVER = "#000000"; // Toggle button +export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_DISABLED = "#52616d"; // Disabled Sidebar link +export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_INITIAL = "#a6afb5"; // Sidebar link +export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_HOVER = "#c2c8cc"; // Sidebar link +export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_ACTIVE = "#d1edef"; // Sidebar link +export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_ACTIVE_HOVER = "#e0f4f5"; // Sidebar link +export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_DISABLED = "#52616d"; // Disabled Sidebar link +export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_INITIAL = "#a6afb5"; // Sidebar link +export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_HOVER = "#c2c8cc"; // Sidebar link +export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_ACTIVE = "#97cace"; // Sidebar link +export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_ACTIVE_HOVER = "#b3e2e5"; // Sidebar link +export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_DISABLED = "#52616d"; // Disabled Tab +export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_INITIAL = "#a6afb5"; // Tab +export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_HOVER = "#c2c8cc"; // Tab +export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_ACTIVE = "#97cace"; // Tab +export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_ACTIVE_HOVER = + "#b3e2e5"; // Tab +export const COLOR_INTERACTIVE_TEXT_RAISED_DISABLED = "#52616d"; // Chip +export const COLOR_INTERACTIVE_TEXT_RAISED_INITIAL = "#c2c8cc"; // Chip +export const COLOR_INTERACTIVE_TEXT_RAISED_HOVER = "#d6d9dc"; // Chip +export const COLOR_INTERACTIVE_TEXT_RAISED_ACTIVE = "#b3e2e5"; // Chip +export const COLOR_INTERACTIVE_TEXT_RAISED_ACTIVE_HOVER = "#d1edef"; // Chip +export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_DISABLED = "#52616d"; // Disabled Toggle button +export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_INITIAL = "#a6afb5"; // Toggle button +export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_HOVER = "#a6afb5"; // Toggle button +export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_ACTIVE = "#000000"; // Toggle button +export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_ACTIVE_HOVER = "#000000"; // Toggle button +export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_DISABLED = "#52616d"; // Sidebar link +export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_INITIAL = "#a6afb5"; // Sidebar link +export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_HOVER = "#c2c8cc"; // Sidebar link +export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_ACTIVE = "#d1edef"; // Sidebar link +export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_ACTIVE_HOVER = "#e0f4f5"; // Sidebar link +export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_DISABLED = "#52616d"; // Sidebar menu +export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_INITIAL = "#a6afb5"; // Sidebar menu +export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_HOVER = "#c2c8cc"; // Sidebar menu +export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_ACTIVE = "#97cace"; // Sidebar menu +export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_ACTIVE_HOVER = "#b3e2e5"; // Sidebar menu +export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_DISABLED = "#52616d"; // Disabled Toggle button +export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_INITIAL = "#a6afb5"; // Toggle button +export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_HOVER = "#c2c8cc"; // Toggle button +export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_ACTIVE = "#97cace"; // Toggle button +export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_ACTIVE_HOVER = + "#c9e0e2"; // Toggle button +export const COLOR_INTERACTIVE_ICON_RAISED_DISABLED = "#52616d"; // Chip +export const COLOR_INTERACTIVE_ICON_RAISED_INITIAL = "#c2c8cc"; // Chip +export const COLOR_INTERACTIVE_ICON_RAISED_HOVER = "#d6d9dc"; // Chip +export const COLOR_INTERACTIVE_ICON_RAISED_ACTIVE = "#b3e2e5"; // Chip +export const COLOR_INTERACTIVE_ICON_RAISED_ACTIVE_HOVER = "#d1edef"; // Chip +export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_DISABLED = "#52616d"; // Toggle button +export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_INITIAL = "#a6afb5"; // Toggle button +export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_HOVER = "#a6afb5"; // Toggle button +export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_ACTIVE = "#97cace"; // Toggle button +export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_ACTIVE_HOVER = "#97cace"; // Toggle button +export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_DISABLED = "#00000000"; // Sidebar menu +export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_INITIAL = "#00000000"; // Sidebar menu +export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_HOVER = "#00000000"; // Sidebar menu +export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_ACTIVE = "#00000000"; // Sidebar menu +export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_ACTIVE_HOVER = + "#00000000"; // Sidebar menu +export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_DISABLED = "#132634"; // Sidebar menu +export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_INITIAL = "#132634"; // Sidebar menu +export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_HOVER = "#f7f7f7"; // Tab +export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_ACTIVE = "#97cace"; // Sidebar menu +export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_ACTIVE_HOVER = + "#b3e2e5"; // Sidebar menu +export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_DISABLED = + "#ffffff29"; // Tab +export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_INITIAL = "#ffffff29"; // Tab +export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_HOVER = "#ffffff33"; // Tab +export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_ACTIVE = "#97cace"; // Tab +export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_ACTIVE_HOVER = + "#b3e2e5"; // Tab +export const COLOR_INTERACTIVE_BORDER_RAISED_DISABLED = "#52616d"; // Chip +export const COLOR_INTERACTIVE_BORDER_RAISED_INITIAL = "#435460"; // Chip +export const COLOR_INTERACTIVE_BORDER_RAISED_HOVER = "#d6d9dc"; // Chip +export const COLOR_INTERACTIVE_BORDER_RAISED_ACTIVE = "#1e5d78"; // Chip +export const COLOR_INTERACTIVE_BORDER_RAISED_ACTIVE_HOVER = "#a6d6d9"; // Chip +export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_DISABLED_OUTLINED = + "#00000000"; // Toggle button +export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_DISABLED_FILLED = + "#2e3f4c"; // Toggle button +export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_INITIAL = "#00000000"; // Toggle button +export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_HOVER = "#344c5b"; // Toggle button +export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_ACTIVE = "#97cace"; // Toggle button +export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_ACTIVE_HOVER = + "#b3e2e5"; // Toggle button +export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_DISABLED = + "#00000000"; // Sidebar menu +export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_INITIAL = "#00000000"; // Sidebar menu +export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_HOVER = "#344c5b"; // Sidebar menu +export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_ACTIVE = "#257193"; // Sidebar menu +export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_ACTIVE_HOVER = + "#2b84ab"; // Sidebar menu +export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_DISABLED = "#00000000"; // Sidebar link +export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_INITIAL = "#00000000"; // Sidebar link +export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_HOVER = "#344c5b"; // Sidebar link +export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_ACTIVE = "#1e5d78"; // Sidebar link +export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_ACTIVE_HOVER = + "#257193"; // Sidebar link +export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_DISABLED = + "#00000000"; // Tab +export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_INITIAL = + "#00000000"; // Tab +export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_HOVER = "#344c5b"; // Tab +export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_ACTIVE = "#00000000"; // Tab +export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_ACTIVE_HOVER = + "#1e5d78"; // Sidebar link +export const COLOR_INTERACTIVE_SURFACE_RAISED_DISABLED = "#2e3f4c66"; // Interactive Chip (disabled) +export const COLOR_INTERACTIVE_SURFACE_RAISED_INITIAL = "#eaeaea1a"; // Interactive Chip +export const COLOR_INTERACTIVE_SURFACE_RAISED_HOVER = "#eaeaea1a"; // Interactive Chip +export const COLOR_INTERACTIVE_SURFACE_RAISED_ACTIVE = "#2a587480"; // Interactive Chip +export const COLOR_INTERACTIVE_SURFACE_RAISED_ACTIVE_HOVER = "#2a587480"; // Interactive Chip +export const COLOR_ACTION_TEXT_PRIMARY_DISABLED = "#616161"; // Button +export const COLOR_ACTION_TEXT_STANDARD_PRIMARY_DISABLED = "#52616d"; // Button +export const COLOR_ACTION_TEXT_STANDARD_PRIMARY_INITIAL = "#000000"; // Button +export const COLOR_ACTION_TEXT_STANDARD_PRIMARY_HOVER = "#000000"; // Button +export const COLOR_ACTION_TEXT_STANDARD_SECONDARY_DISABLED = "#52616d"; // Button +export const COLOR_ACTION_TEXT_STANDARD_SECONDARY_INITIAL = "#97cace"; // Button +export const COLOR_ACTION_TEXT_STANDARD_SECONDARY_HOVER = "#b3e2e5"; // Button, Toggle button +export const COLOR_ACTION_TEXT_STANDARD_TERTIARY_DISABLED = "#52616d"; // Button +export const COLOR_ACTION_TEXT_STANDARD_TERTIARY_INITIAL = "#97cace"; // Button +export const COLOR_ACTION_TEXT_STANDARD_TERTIARY_HOVER = "#b3e2e5"; // Button, Toggle button +export const COLOR_ACTION_TEXT_MUTED_PRIMARY_DISABLED = "#52616d"; // Button +export const COLOR_ACTION_TEXT_MUTED_PRIMARY_INITIAL = "#000000"; // Button +export const COLOR_ACTION_TEXT_MUTED_PRIMARY_HOVER = "#000000"; // Button +export const COLOR_ACTION_TEXT_MUTED_SECONDARY_DISABLED = "#52616d"; // Button +export const COLOR_ACTION_TEXT_MUTED_SECONDARY_INITIAL = "#a6afb5"; // Button +export const COLOR_ACTION_TEXT_MUTED_SECONDARY_HOVER = "#c2c8cc"; // Button +export const COLOR_ACTION_TEXT_MUTED_TERTIARY_DISABLED = "#52616d"; // Button +export const COLOR_ACTION_TEXT_MUTED_TERTIARY_INITIAL = "#a6afb5"; // Button +export const COLOR_ACTION_TEXT_MUTED_TERTIARY_HOVER = "#c2c8cc"; // Button +export const COLOR_ACTION_TEXT_DANGER_PRIMARY_DISABLED = "#52616d"; // Button +export const COLOR_ACTION_TEXT_DANGER_PRIMARY_INITIAL = "#000000"; // Button +export const COLOR_ACTION_TEXT_DANGER_PRIMARY_HOVER = "#000000"; // Button +export const COLOR_ACTION_TEXT_DANGER_SECONDARY_DISABLED = "#52616d"; // Button +export const COLOR_ACTION_TEXT_DANGER_SECONDARY_INITIAL = "#ff666b"; // Button +export const COLOR_ACTION_TEXT_DANGER_SECONDARY_HOVER = "#ffabab"; // Button +export const COLOR_ACTION_TEXT_DANGER_TERTIARY_DISABLED = "#52616d"; // Button +export const COLOR_ACTION_TEXT_DANGER_TERTIARY_INITIAL = "#ff666b"; // Button +export const COLOR_ACTION_TEXT_DANGER_TERTIARY_HOVER = "#ffabab"; // Button export const COLOR_ACTION_ICON_STANDARD_PRIMARY_DISABLED = "#52616d"; -export const COLOR_ACTION_ICON_STANDARD_PRIMARY_INITIAL = "#000000"; -export const COLOR_ACTION_ICON_STANDARD_PRIMARY_HOVER = "#000000"; +export const COLOR_ACTION_ICON_STANDARD_PRIMARY_INITIAL = "#000000"; // Button +export const COLOR_ACTION_ICON_STANDARD_PRIMARY_HOVER = "#000000"; // Button export const COLOR_ACTION_ICON_STANDARD_SECONDARY_DISABLED = "#52616d"; -export const COLOR_ACTION_ICON_STANDARD_SECONDARY_INITIAL = "#97cace"; -export const COLOR_ACTION_ICON_STANDARD_SECONDARY_HOVER = "#b3e2e5"; +export const COLOR_ACTION_ICON_STANDARD_SECONDARY_INITIAL = "#97cace"; // Button +export const COLOR_ACTION_ICON_STANDARD_SECONDARY_HOVER = "#b3e2e5"; // Button export const COLOR_ACTION_ICON_STANDARD_TERTIARY_DISABLED = "#52616d"; -export const COLOR_ACTION_ICON_STANDARD_TERTIARY_INITIAL = "#97cace"; -export const COLOR_ACTION_ICON_STANDARD_TERTIARY_HOVER = "#b3e2e5"; +export const COLOR_ACTION_ICON_STANDARD_TERTIARY_INITIAL = "#97cace"; // Button +export const COLOR_ACTION_ICON_STANDARD_TERTIARY_HOVER = "#b3e2e5"; // Button export const COLOR_ACTION_ICON_MUTED_PRIMARY_DISABLED = "#52616d"; -export const COLOR_ACTION_ICON_MUTED_PRIMARY_INITIAL = "#000000"; -export const COLOR_ACTION_ICON_MUTED_PRIMARY_HOVER = "#000000"; +export const COLOR_ACTION_ICON_MUTED_PRIMARY_INITIAL = "#000000"; // Button +export const COLOR_ACTION_ICON_MUTED_PRIMARY_HOVER = "#000000"; // Button export const COLOR_ACTION_ICON_MUTED_TERTIARY_DISABLED = "#52616d"; -export const COLOR_ACTION_ICON_MUTED_TERTIARY_INITIAL = "#a6afb5"; -export const COLOR_ACTION_ICON_MUTED_TERTIARY_HOVER = "#c2c8cc"; +export const COLOR_ACTION_ICON_MUTED_TERTIARY_INITIAL = "#a6afb5"; // Button +export const COLOR_ACTION_ICON_MUTED_TERTIARY_HOVER = "#c2c8cc"; // Button export const COLOR_ACTION_ICON_MUTED_SECONDARY_DISABLED = "#52616d"; -export const COLOR_ACTION_ICON_MUTED_SECONDARY_INITIAL = "#a6afb5"; -export const COLOR_ACTION_ICON_MUTED_SECONDARY_HOVER = "#c2c8cc"; +export const COLOR_ACTION_ICON_MUTED_SECONDARY_INITIAL = "#a6afb5"; // Button +export const COLOR_ACTION_ICON_MUTED_SECONDARY_HOVER = "#c2c8cc"; // Button export const COLOR_ACTION_ICON_DANGER_PRIMARY_DISABLED = "#52616d"; -export const COLOR_ACTION_ICON_DANGER_PRIMARY_INITIAL = "#000000"; -export const COLOR_ACTION_ICON_DANGER_PRIMARY_HOVER = "#000000"; +export const COLOR_ACTION_ICON_DANGER_PRIMARY_INITIAL = "#000000"; // Button +export const COLOR_ACTION_ICON_DANGER_PRIMARY_HOVER = "#000000"; // Button export const COLOR_ACTION_ICON_DANGER_SECONDARY_DISABLED = "#52616d"; -export const COLOR_ACTION_ICON_DANGER_SECONDARY_INITIAL = "#ff666b"; -export const COLOR_ACTION_ICON_DANGER_SECONDARY_HOVER = "#ffabab"; +export const COLOR_ACTION_ICON_DANGER_SECONDARY_INITIAL = "#ff666b"; // Button +export const COLOR_ACTION_ICON_DANGER_SECONDARY_HOVER = "#ffabab"; // Button export const COLOR_ACTION_ICON_DANGER_TERTIARY_DISABLED = "#52616d"; -export const COLOR_ACTION_ICON_DANGER_TERTIARY_INITIAL = "#ff666b"; -export const COLOR_ACTION_ICON_DANGER_TERTIARY_HOVER = "#ffabab"; -export const COLOR_ACTION_BORDER_SECONDARY_DISABLED = "#2e3f4c"; -export const COLOR_ACTION_BORDER_STANDARD_PRIMARY_DISABLED = "#2e3f4c"; -export const COLOR_ACTION_BORDER_STANDARD_PRIMARY_INITIAL = "#97cace"; -export const COLOR_ACTION_BORDER_STANDARD_PRIMARY_HOVER = "#b3e2e5"; -export const COLOR_ACTION_BORDER_STANDARD_SECONDARY_DISABLED = "#435460"; -export const COLOR_ACTION_BORDER_STANDARD_SECONDARY_INITIAL = "#97cace"; -export const COLOR_ACTION_BORDER_STANDARD_SECONDARY_HOVER = "#b3e2e5"; +export const COLOR_ACTION_ICON_DANGER_TERTIARY_INITIAL = "#ff666b"; // Button +export const COLOR_ACTION_ICON_DANGER_TERTIARY_HOVER = "#ffabab"; // Button +export const COLOR_ACTION_BORDER_SECONDARY_DISABLED = "#2e3f4c"; // Button +export const COLOR_ACTION_BORDER_STANDARD_PRIMARY_DISABLED = "#2e3f4c"; // Button +export const COLOR_ACTION_BORDER_STANDARD_PRIMARY_INITIAL = "#97cace"; // Button, Toggle button +export const COLOR_ACTION_BORDER_STANDARD_PRIMARY_HOVER = "#b3e2e5"; // Button, Toggle button +export const COLOR_ACTION_BORDER_STANDARD_SECONDARY_DISABLED = "#435460"; // Button +export const COLOR_ACTION_BORDER_STANDARD_SECONDARY_INITIAL = "#97cace"; // Button, Toggle button +export const COLOR_ACTION_BORDER_STANDARD_SECONDARY_HOVER = "#b3e2e5"; // Button, Toggle button export const COLOR_ACTION_BORDER_STANDARD_TERTIARY_DISABLED = "#00000000"; export const COLOR_ACTION_BORDER_STANDARD_TERTIARY_INITIAL = "#00000000"; export const COLOR_ACTION_BORDER_STANDARD_TERTIARY_HOVER = "#00000000"; -export const COLOR_ACTION_BORDER_MUTED_PRIMARY_INITIAL = "#a6afb5"; -export const COLOR_ACTION_BORDER_MUTED_PRIMARY_HOVER = "#c2c8cc"; -export const COLOR_ACTION_BORDER_MUTED_PRIMARY_DISABLED = "#2e3f4c"; -export const COLOR_ACTION_BORDER_MUTED_SECONDARY_INITIAL = "#a6afb5"; -export const COLOR_ACTION_BORDER_MUTED_SECONDARY_HOVER = "#c2c8cc"; -export const COLOR_ACTION_BORDER_MUTED_SECONDARY_DISABLED = "#2e3f4c"; +export const COLOR_ACTION_BORDER_MUTED_PRIMARY_INITIAL = "#a6afb5"; // Button +export const COLOR_ACTION_BORDER_MUTED_PRIMARY_HOVER = "#c2c8cc"; // Button +export const COLOR_ACTION_BORDER_MUTED_PRIMARY_DISABLED = "#2e3f4c"; // Button +export const COLOR_ACTION_BORDER_MUTED_SECONDARY_INITIAL = "#a6afb5"; // Button +export const COLOR_ACTION_BORDER_MUTED_SECONDARY_HOVER = "#c2c8cc"; // Button +export const COLOR_ACTION_BORDER_MUTED_SECONDARY_DISABLED = "#2e3f4c"; // Button export const COLOR_ACTION_BORDER_MUTED_TERTIARY_INITIAL = "#00000000"; export const COLOR_ACTION_BORDER_MUTED_TERTIARY_HOVER = "#00000000"; -export const COLOR_ACTION_BORDER_MUTED_TERTIARY_DISABLED = "#00000000"; -export const COLOR_ACTION_BORDER_DANGER_PRIMARY_INITIAL = "#ff666b"; -export const COLOR_ACTION_BORDER_DANGER_PRIMARY_HOVER = "#ffabab"; -export const COLOR_ACTION_BORDER_DANGER_PRIMARY_DISABLED = "#2e3f4c"; -export const COLOR_ACTION_BORDER_DANGER_SECONDARY_INITIAL = "#ff666b"; -export const COLOR_ACTION_BORDER_DANGER_SECONDARY_HOVER = "#ffabab"; -export const COLOR_ACTION_BORDER_DANGER_SECONDARY_DISABLED = "#2e3f4c"; +export const COLOR_ACTION_BORDER_MUTED_TERTIARY_DISABLED = "#00000000"; // Button +export const COLOR_ACTION_BORDER_DANGER_PRIMARY_INITIAL = "#ff666b"; // Button +export const COLOR_ACTION_BORDER_DANGER_PRIMARY_HOVER = "#ffabab"; // Button +export const COLOR_ACTION_BORDER_DANGER_PRIMARY_DISABLED = "#2e3f4c"; // Button +export const COLOR_ACTION_BORDER_DANGER_SECONDARY_INITIAL = "#ff666b"; // Button +export const COLOR_ACTION_BORDER_DANGER_SECONDARY_HOVER = "#ffabab"; // Button +export const COLOR_ACTION_BORDER_DANGER_SECONDARY_DISABLED = "#2e3f4c"; // Button export const COLOR_ACTION_BORDER_DANGER_TERTIARY_INITIAL = "#00000000"; export const COLOR_ACTION_BORDER_DANGER_TERTIARY_HOVER = "#00000000"; -export const COLOR_ACTION_BORDER_DANGER_TERTIARY_DISABLED = "#00000000"; -export const COLOR_ACTION_SURFACE_STANDARD_PRIMARY_DISABLED = "#2e3f4c"; -export const COLOR_ACTION_SURFACE_STANDARD_PRIMARY_INITIAL = "#97cace"; -export const COLOR_ACTION_SURFACE_STANDARD_PRIMARY_HOVER = "#b3e2e5"; -export const COLOR_ACTION_SURFACE_STANDARD_SECONDARY_DISABLED = "#00000000"; -export const COLOR_ACTION_SURFACE_STANDARD_SECONDARY_INITIAL = "#00000000"; -export const COLOR_ACTION_SURFACE_STANDARD_SECONDARY_HOVER = "#033235"; -export const COLOR_ACTION_SURFACE_STANDARD_TERTIARY_DISABLED = "#00000000"; -export const COLOR_ACTION_SURFACE_STANDARD_TERTIARY_INITIAL = "#00000000"; -export const COLOR_ACTION_SURFACE_STANDARD_TERTIARY_HOVER = "#033235"; -export const COLOR_ACTION_SURFACE_MUTED_PRIMARY_INITIAL = "#a6afb5"; -export const COLOR_ACTION_SURFACE_MUTED_PRIMARY_HOVER = "#c2c8cc"; -export const COLOR_ACTION_SURFACE_MUTED_PRIMARY_DISABLED = "#2e3f4c"; -export const COLOR_ACTION_SURFACE_MUTED_SECONDARY_INITIAL = "#00000000"; -export const COLOR_ACTION_SURFACE_MUTED_SECONDARY_HOVER = "#344c5b"; -export const COLOR_ACTION_SURFACE_MUTED_SECONDARY_DISABLED = "#00000000"; -export const COLOR_ACTION_SURFACE_MUTED_TERTIARY_INITIAL = "#00000000"; -export const COLOR_ACTION_SURFACE_MUTED_TERTIARY_HOVER = "#344c5b"; -export const COLOR_ACTION_SURFACE_MUTED_TERTIARY_DISABLED = "#00000000"; -export const COLOR_ACTION_SURFACE_DANGER_PRIMARY_INITIAL = "#ff666b"; -export const COLOR_ACTION_SURFACE_DANGER_PRIMARY_HOVER = "#ffabab"; -export const COLOR_ACTION_SURFACE_DANGER_PRIMARY_DISABLED = "#2e3f4c"; -export const COLOR_ACTION_SURFACE_DANGER_SECONDARY_INITIAL = "#00000000"; -export const COLOR_ACTION_SURFACE_DANGER_SECONDARY_HOVER = "#500017"; -export const COLOR_ACTION_SURFACE_DANGER_SECONDARY_DISABLED = "#00000000"; -export const COLOR_ACTION_SURFACE_DANGER_TERTIARY_INITIAL = "#00000000"; -export const COLOR_ACTION_SURFACE_DANGER_TERTIARY_HOVER = "#500017"; -export const COLOR_ACTION_SURFACE_DANGER_TERTIARY_DISABLED = "#00000000"; -export const COLOR_MESSAGE_TEXT_STANDARD_INFO = "#6fc9fb"; -export const COLOR_MESSAGE_TEXT_STANDARD_SUCCESS = "#7bcf78"; -export const COLOR_MESSAGE_TEXT_STANDARD_WARNING = "#ffae74"; -export const COLOR_MESSAGE_TEXT_STANDARD_ERROR = "#ff8a8a"; -export const COLOR_MESSAGE_TEXT_RAISED_INFO_INITIAL = "#6fc9fb"; -export const COLOR_MESSAGE_TEXT_RAISED_INFO_HOVER = "#aee1fd"; -export const COLOR_MESSAGE_TEXT_RAISED_SUCCESS_INITIAL = "#7bcf78"; -export const COLOR_MESSAGE_TEXT_RAISED_SUCCESS_HOVER = "#cceecb"; -export const COLOR_MESSAGE_TEXT_RAISED_WARNING_INITIAL = "#ffae74"; -export const COLOR_MESSAGE_TEXT_RAISED_WARNING_HOVER = "#ffd9bd"; -export const COLOR_MESSAGE_TEXT_RAISED_ERROR_INITIAL = "#ff8a8a"; -export const COLOR_MESSAGE_TEXT_RAISED_ERROR_HOVER = "#ffabab"; -export const COLOR_MESSAGE_TEXT_CALLOUT_INFO = "#dfeff7"; -export const COLOR_MESSAGE_TEXT_CALLOUT_SUCCESS = "#d9f7e2"; -export const COLOR_MESSAGE_TEXT_CALLOUT_WARNING = "#ffe7d6"; -export const COLOR_MESSAGE_TEXT_CALLOUT_ERROR = "#ffe1e0"; -export const COLOR_MESSAGE_ICON_STANDARD_INFO = "#6fc9fb"; -export const COLOR_MESSAGE_ICON_STANDARD_SUCCESS = "#7bcf78"; -export const COLOR_MESSAGE_ICON_STANDARD_WARNING = "#ffae74"; -export const COLOR_MESSAGE_ICON_STANDARD_ERROR = "#ff8a8a"; -export const COLOR_MESSAGE_ICON_RAISED_INFO_INITIAL = "#6fc9fb"; -export const COLOR_MESSAGE_ICON_RAISED_INFO_HOVER = "#aee1fd"; -export const COLOR_MESSAGE_ICON_RAISED_SUCCESS_INITIAL = "#7bcf78"; -export const COLOR_MESSAGE_ICON_RAISED_SUCCESS_HOVER = "#cceecb"; -export const COLOR_MESSAGE_ICON_RAISED_WARNING_INITIAL = "#ffae74"; -export const COLOR_MESSAGE_ICON_RAISED_WARNING_HOVER = "#ffd9bd"; -export const COLOR_MESSAGE_ICON_RAISED_ERROR_INITIAL = "#ff8a8a"; -export const COLOR_MESSAGE_ICON_RAISED_ERROR_HOVER = "#ffabab"; -export const COLOR_MESSAGE_ICON_CALLOUT_INFO = "#dfeff7"; -export const COLOR_MESSAGE_ICON_CALLOUT_SUCCESS = "#d9f7e2"; -export const COLOR_MESSAGE_ICON_CALLOUT_WARNING = "#ffe7d6"; -export const COLOR_MESSAGE_ICON_CALLOUT_ERROR = "#ffe1e0"; -export const COLOR_MESSAGE_BORDER_STANDARD_INFO = "#0084c4"; -export const COLOR_MESSAGE_BORDER_STANDARD_SUCCESS = "#3fa13d"; -export const COLOR_MESSAGE_BORDER_STANDARD_WARNING = "#e57e00"; -export const COLOR_MESSAGE_BORDER_STANDARD_ERROR = "#e20337"; -export const COLOR_MESSAGE_BORDER_RAISED_INFO_INITIAL = "#0084c4"; -export const COLOR_MESSAGE_BORDER_RAISED_INFO_HOVER = "#aee1fd"; -export const COLOR_MESSAGE_BORDER_RAISED_SUCCESS_INITIAL = "#3fa13d"; -export const COLOR_MESSAGE_BORDER_RAISED_SUCCESS_HOVER = "#cceecb"; -export const COLOR_MESSAGE_BORDER_RAISED_WARNING_INITIAL = "#e57e00"; -export const COLOR_MESSAGE_BORDER_RAISED_WARNING_HOVER = "#ffd9bd"; -export const COLOR_MESSAGE_BORDER_RAISED_ERROR_INITIAL = "#e20337"; -export const COLOR_MESSAGE_BORDER_RAISED_ERROR_HOVER = "#ffabab"; -export const COLOR_MESSAGE_BORDER_CALLOUT_INFO = "#045e8d"; -export const COLOR_MESSAGE_BORDER_CALLOUT_SUCCESS = "#15682d"; -export const COLOR_MESSAGE_BORDER_CALLOUT_WARNING = "#7f4600"; -export const COLOR_MESSAGE_BORDER_CALLOUT_ERROR = "#90042c"; -export const COLOR_MESSAGE_SURFACE_STANDARD_INFO_ON_LEVEL_1 = "#243746"; -export const COLOR_MESSAGE_SURFACE_STANDARD_INFO_ON_LEVEL_2 = "#243746"; -export const COLOR_MESSAGE_SURFACE_STANDARD_INFO_ON_LEVEL_3 = "#2c4251"; -export const COLOR_MESSAGE_SURFACE_STANDARD_SUCCESS_ON_LEVEL_1 = "#243746"; -export const COLOR_MESSAGE_SURFACE_STANDARD_SUCCESS_ON_LEVEL_2 = "#243746"; -export const COLOR_MESSAGE_SURFACE_STANDARD_SUCCESS_ON_LEVEL_3 = "#2c4251"; -export const COLOR_MESSAGE_SURFACE_STANDARD_WARNING_ON_LEVEL_1 = "#243746"; -export const COLOR_MESSAGE_SURFACE_STANDARD_WARNING_ON_LEVEL_2 = "#243746"; -export const COLOR_MESSAGE_SURFACE_STANDARD_WARNING_ON_LEVEL_3 = "#2c4251"; -export const COLOR_MESSAGE_SURFACE_STANDARD_ERROR_ON_LEVEL_1 = "#243746"; -export const COLOR_MESSAGE_SURFACE_STANDARD_ERROR_ON_LEVEL_2 = "#243746"; -export const COLOR_MESSAGE_SURFACE_STANDARD_ERROR_ON_LEVEL_3 = "#2c4251"; -export const COLOR_MESSAGE_SURFACE_RAISED_INFO_INITIAL = "#dfeff71a"; -export const COLOR_MESSAGE_SURFACE_RAISED_INFO_HOVER = "#dfeff71a"; -export const COLOR_MESSAGE_SURFACE_RAISED_SUCCESS_INITIAL = "#e6faec1a"; -export const COLOR_MESSAGE_SURFACE_RAISED_SUCCESS_HOVER = "#e6faec1a"; -export const COLOR_MESSAGE_SURFACE_RAISED_WARNING_INITIAL = "#fff0e51a"; -export const COLOR_MESSAGE_SURFACE_RAISED_WARNING_HOVER = "#fff0e51a"; -export const COLOR_MESSAGE_SURFACE_RAISED_ERROR_INITIAL = "#ffe1e01a"; -export const COLOR_MESSAGE_SURFACE_RAISED_ERROR_HOVER = "#ffe1e01a"; -export const COLOR_MESSAGE_SURFACE_CALLOUT_INFO = "#045e8d"; -export const COLOR_MESSAGE_SURFACE_CALLOUT_SUCCESS = "#15682d"; -export const COLOR_MESSAGE_SURFACE_CALLOUT_WARNING = "#7f4600"; -export const COLOR_MESSAGE_SURFACE_CALLOUT_ERROR = "#90042c"; -export const INPUT_ASTERIX_COLOR_TEXT = "#e20337"; -export const INPUT_PLACEHOLDER_COLOR_TEXT = "#828f99"; -export const INPUT_HELPER_COLOR_TEXT_INITIAL = "#a6afb5"; -export const INPUT_HELPER_COLOR_TEXT_FOCUS = "#a6afb5"; -export const INPUT_HELPER_COLOR_TEXT_READ_ONLY = "#a6afb5"; -export const INPUT_HELPER_COLOR_TEXT_DISABLED = "#52616d"; -export const INPUT_HELPER_COLOR_ICON_INITIAL = "#a6afb5"; -export const INPUT_HELPER_COLOR_ICON_FOCUS = "#a6afb5"; -export const INPUT_HELPER_COLOR_ICON_READ_ONLY = "#a6afb5"; -export const INPUT_HELPER_COLOR_ICON_DISABLED = "#52616d"; +export const COLOR_ACTION_BORDER_DANGER_TERTIARY_DISABLED = "#00000000"; // Button +export const COLOR_ACTION_SURFACE_STANDARD_PRIMARY_DISABLED = "#2e3f4c"; // Button +export const COLOR_ACTION_SURFACE_STANDARD_PRIMARY_INITIAL = "#97cace"; // Button, Toggle button +export const COLOR_ACTION_SURFACE_STANDARD_PRIMARY_HOVER = "#b3e2e5"; // Button, Toggle button +export const COLOR_ACTION_SURFACE_STANDARD_SECONDARY_DISABLED = "#00000000"; // Button +export const COLOR_ACTION_SURFACE_STANDARD_SECONDARY_INITIAL = "#00000000"; // Button, Ghost button, Toggle button +export const COLOR_ACTION_SURFACE_STANDARD_SECONDARY_HOVER = "#033235"; // Button, Ghost button, Toggle button +export const COLOR_ACTION_SURFACE_STANDARD_TERTIARY_DISABLED = "#00000000"; // Button +export const COLOR_ACTION_SURFACE_STANDARD_TERTIARY_INITIAL = "#00000000"; // Button, Ghost button, Toggle button +export const COLOR_ACTION_SURFACE_STANDARD_TERTIARY_HOVER = "#033235"; // Button, Ghost button, Toggle button +export const COLOR_ACTION_SURFACE_MUTED_PRIMARY_INITIAL = "#a6afb5"; // Button +export const COLOR_ACTION_SURFACE_MUTED_PRIMARY_HOVER = "#c2c8cc"; // Button +export const COLOR_ACTION_SURFACE_MUTED_PRIMARY_DISABLED = "#2e3f4c"; // Button +export const COLOR_ACTION_SURFACE_MUTED_SECONDARY_INITIAL = "#00000000"; // Button +export const COLOR_ACTION_SURFACE_MUTED_SECONDARY_HOVER = "#344c5b"; // Button +export const COLOR_ACTION_SURFACE_MUTED_SECONDARY_DISABLED = "#00000000"; // Button +export const COLOR_ACTION_SURFACE_MUTED_TERTIARY_INITIAL = "#00000000"; // Button +export const COLOR_ACTION_SURFACE_MUTED_TERTIARY_HOVER = "#344c5b"; // Button +export const COLOR_ACTION_SURFACE_MUTED_TERTIARY_DISABLED = "#00000000"; // Button +export const COLOR_ACTION_SURFACE_DANGER_PRIMARY_INITIAL = "#ff666b"; // Button +export const COLOR_ACTION_SURFACE_DANGER_PRIMARY_HOVER = "#ffabab"; // Button +export const COLOR_ACTION_SURFACE_DANGER_PRIMARY_DISABLED = "#2e3f4c"; // Button +export const COLOR_ACTION_SURFACE_DANGER_SECONDARY_INITIAL = "#00000000"; // Button +export const COLOR_ACTION_SURFACE_DANGER_SECONDARY_HOVER = "#500017"; // Button +export const COLOR_ACTION_SURFACE_DANGER_SECONDARY_DISABLED = "#00000000"; // Button +export const COLOR_ACTION_SURFACE_DANGER_TERTIARY_INITIAL = "#00000000"; // Button +export const COLOR_ACTION_SURFACE_DANGER_TERTIARY_HOVER = "#500017"; // Button +export const COLOR_ACTION_SURFACE_DANGER_TERTIARY_DISABLED = "#00000000"; // Button +export const COLOR_MESSAGE_TEXT_STANDARD_INFO = "#6fc9fb"; // Deprecated - Card. Use text/message. +export const COLOR_MESSAGE_TEXT_STANDARD_SUCCESS = "#7bcf78"; // Deprecated - Card. Use text/message. +export const COLOR_MESSAGE_TEXT_STANDARD_WARNING = "#ffae74"; // Deprecated - Card. Use text/message. +export const COLOR_MESSAGE_TEXT_STANDARD_ERROR = "#ff8a8a"; // Deprecated - Card. Use text/message. +export const COLOR_MESSAGE_TEXT_RAISED_INFO_INITIAL = "#6fc9fb"; // Chip, Card, input helper +export const COLOR_MESSAGE_TEXT_RAISED_INFO_HOVER = "#aee1fd"; // Chip +export const COLOR_MESSAGE_TEXT_RAISED_SUCCESS_INITIAL = "#7bcf78"; // Chip, Card, input helper +export const COLOR_MESSAGE_TEXT_RAISED_SUCCESS_HOVER = "#cceecb"; // Chip +export const COLOR_MESSAGE_TEXT_RAISED_WARNING_INITIAL = "#ffae74"; // Chip, Card, input helper +export const COLOR_MESSAGE_TEXT_RAISED_WARNING_HOVER = "#ffd9bd"; // Chip +export const COLOR_MESSAGE_TEXT_RAISED_ERROR_INITIAL = "#ff8a8a"; // Chip, Card, input helper +export const COLOR_MESSAGE_TEXT_RAISED_ERROR_HOVER = "#ffabab"; // Chip +export const COLOR_MESSAGE_TEXT_CALLOUT_INFO = "#dfeff7"; // Banner +export const COLOR_MESSAGE_TEXT_CALLOUT_SUCCESS = "#d9f7e2"; // Banner +export const COLOR_MESSAGE_TEXT_CALLOUT_WARNING = "#ffe7d6"; // Banner +export const COLOR_MESSAGE_TEXT_CALLOUT_ERROR = "#ffe1e0"; // Banner +export const COLOR_MESSAGE_ICON_STANDARD_INFO = "#6fc9fb"; // Deprecated - Card. Use icon/message. +export const COLOR_MESSAGE_ICON_STANDARD_SUCCESS = "#7bcf78"; // Deprecated - Card. Use icon/message. +export const COLOR_MESSAGE_ICON_STANDARD_WARNING = "#ffae74"; // Deprecated - Card. Use icon/message. +export const COLOR_MESSAGE_ICON_STANDARD_ERROR = "#ff8a8a"; // Deprecated - Card. Use icon/message. +export const COLOR_MESSAGE_ICON_RAISED_INFO_INITIAL = "#6fc9fb"; // Deprecated - Chip. Use icon/message. +export const COLOR_MESSAGE_ICON_RAISED_INFO_HOVER = "#aee1fd"; // Deprecated - Chip. Use icon/message. +export const COLOR_MESSAGE_ICON_RAISED_SUCCESS_INITIAL = "#7bcf78"; // Deprecated - Chip. Use icon/message. +export const COLOR_MESSAGE_ICON_RAISED_SUCCESS_HOVER = "#cceecb"; // Deprecated - Chip. Use icon/message. +export const COLOR_MESSAGE_ICON_RAISED_WARNING_INITIAL = "#ffae74"; // Deprecated - Chip. Use icon/message. +export const COLOR_MESSAGE_ICON_RAISED_WARNING_HOVER = "#ffd9bd"; // Deprecated - Chip. Use icon/message. +export const COLOR_MESSAGE_ICON_RAISED_ERROR_INITIAL = "#ff8a8a"; // Deprecated - Chip. Use icon/message. +export const COLOR_MESSAGE_ICON_RAISED_ERROR_HOVER = "#ffabab"; // Deprecated - Chip. Use icon/message. +export const COLOR_MESSAGE_ICON_CALLOUT_INFO = "#dfeff7"; // Banner +export const COLOR_MESSAGE_ICON_CALLOUT_SUCCESS = "#d9f7e2"; // Banner +export const COLOR_MESSAGE_ICON_CALLOUT_WARNING = "#ffe7d6"; // Banner +export const COLOR_MESSAGE_ICON_CALLOUT_ERROR = "#ffe1e0"; // Banner +export const COLOR_MESSAGE_BORDER_STANDARD_INFO = "#0084c4"; // Card +export const COLOR_MESSAGE_BORDER_STANDARD_SUCCESS = "#3fa13d"; // Card +export const COLOR_MESSAGE_BORDER_STANDARD_WARNING = "#e57e00"; // Card +export const COLOR_MESSAGE_BORDER_STANDARD_ERROR = "#e20337"; // Card +export const COLOR_MESSAGE_BORDER_RAISED_INFO_INITIAL = "#0084c4"; // Chip +export const COLOR_MESSAGE_BORDER_RAISED_INFO_HOVER = "#aee1fd"; // Chip +export const COLOR_MESSAGE_BORDER_RAISED_SUCCESS_INITIAL = "#3fa13d"; // Chip +export const COLOR_MESSAGE_BORDER_RAISED_SUCCESS_HOVER = "#cceecb"; // Chip +export const COLOR_MESSAGE_BORDER_RAISED_WARNING_INITIAL = "#e57e00"; // Chip +export const COLOR_MESSAGE_BORDER_RAISED_WARNING_HOVER = "#ffd9bd"; // Chip +export const COLOR_MESSAGE_BORDER_RAISED_ERROR_INITIAL = "#e20337"; // Chip +export const COLOR_MESSAGE_BORDER_RAISED_ERROR_HOVER = "#ffabab"; // Chip +export const COLOR_MESSAGE_BORDER_CALLOUT_INFO = "#045e8d"; // Banner +export const COLOR_MESSAGE_BORDER_CALLOUT_SUCCESS = "#15682d"; // Banner +export const COLOR_MESSAGE_BORDER_CALLOUT_WARNING = "#7f4600"; // Banner +export const COLOR_MESSAGE_BORDER_CALLOUT_ERROR = "#90042c"; // Banner +export const COLOR_MESSAGE_SURFACE_STANDARD_INFO_ON_LEVEL_1 = "#243746"; // Card +export const COLOR_MESSAGE_SURFACE_STANDARD_INFO_ON_LEVEL_2 = "#243746"; // Card +export const COLOR_MESSAGE_SURFACE_STANDARD_INFO_ON_LEVEL_3 = "#2c4251"; // Card +export const COLOR_MESSAGE_SURFACE_STANDARD_SUCCESS_ON_LEVEL_1 = "#243746"; // Card +export const COLOR_MESSAGE_SURFACE_STANDARD_SUCCESS_ON_LEVEL_2 = "#243746"; // Card +export const COLOR_MESSAGE_SURFACE_STANDARD_SUCCESS_ON_LEVEL_3 = "#2c4251"; // Card +export const COLOR_MESSAGE_SURFACE_STANDARD_WARNING_ON_LEVEL_1 = "#243746"; // Card +export const COLOR_MESSAGE_SURFACE_STANDARD_WARNING_ON_LEVEL_2 = "#243746"; // Card +export const COLOR_MESSAGE_SURFACE_STANDARD_WARNING_ON_LEVEL_3 = "#2c4251"; // Card +export const COLOR_MESSAGE_SURFACE_STANDARD_ERROR_ON_LEVEL_1 = "#243746"; // Card +export const COLOR_MESSAGE_SURFACE_STANDARD_ERROR_ON_LEVEL_2 = "#243746"; // Card +export const COLOR_MESSAGE_SURFACE_STANDARD_ERROR_ON_LEVEL_3 = "#2c4251"; // Card +export const COLOR_MESSAGE_SURFACE_RAISED_INFO_INITIAL = "#dfeff71a"; // Chip +export const COLOR_MESSAGE_SURFACE_RAISED_INFO_HOVER = "#dfeff71a"; // Chip +export const COLOR_MESSAGE_SURFACE_RAISED_SUCCESS_INITIAL = "#e6faec1a"; // Chip +export const COLOR_MESSAGE_SURFACE_RAISED_SUCCESS_HOVER = "#e6faec1a"; // Chip +export const COLOR_MESSAGE_SURFACE_RAISED_WARNING_INITIAL = "#fff0e51a"; // Chip +export const COLOR_MESSAGE_SURFACE_RAISED_WARNING_HOVER = "#fff0e51a"; // Chip +export const COLOR_MESSAGE_SURFACE_RAISED_ERROR_INITIAL = "#ffe1e01a"; // Chip +export const COLOR_MESSAGE_SURFACE_RAISED_ERROR_HOVER = "#ffe1e01a"; // Chip +export const COLOR_MESSAGE_SURFACE_CALLOUT_INFO = "#045e8d"; // Chip +export const COLOR_MESSAGE_SURFACE_CALLOUT_SUCCESS = "#15682d"; // Chip +export const COLOR_MESSAGE_SURFACE_CALLOUT_WARNING = "#7f4600"; // Banner +export const COLOR_MESSAGE_SURFACE_CALLOUT_ERROR = "#90042c"; // Banner +export const INPUT_ASTERIX_COLOR_TEXT = "#e20337"; // Autocomplete, Text field +export const INPUT_PLACEHOLDER_COLOR_TEXT = "#828f99"; // Autocomplete, Table input, Search, Text field +export const INPUT_HELPER_COLOR_TEXT_INITIAL = "#a6afb5"; // Autocomplete, Table input, Text field +export const INPUT_HELPER_COLOR_TEXT_FOCUS = "#a6afb5"; // Autocomplete, Table input, Text field +export const INPUT_HELPER_COLOR_TEXT_READ_ONLY = "#a6afb5"; // Autocomplete, Table input, Text field +export const INPUT_HELPER_COLOR_TEXT_DISABLED = "#52616d"; // Autocomplete, Table input, Search, Text field +export const INPUT_HELPER_COLOR_ICON_INITIAL = "#a6afb5"; // Autocomplete, Table input, Text field +export const INPUT_HELPER_COLOR_ICON_FOCUS = "#a6afb5"; // Autocomplete, Table input, Text field +export const INPUT_HELPER_COLOR_ICON_READ_ONLY = "#a6afb5"; // Autocomplete, Table input, Text field +export const INPUT_HELPER_COLOR_ICON_DISABLED = "#52616d"; // Autocomplete, Table input, Search, Text field export const INPUT_HELPER_COLOR_MESSAGE_TEXT_INFO_INITIAL = "#6fc9fb"; export const INPUT_HELPER_COLOR_MESSAGE_TEXT_INFO_FOCUS = "#6fc9fb"; export const INPUT_HELPER_COLOR_MESSAGE_TEXT_INFO_READ_ONLY = "#6fc9fb"; @@ -348,130 +363,157 @@ export const INPUT_HELPER_COLOR_MESSAGE_ICON_ERROR_INITIAL = "#ff8595"; export const INPUT_HELPER_COLOR_MESSAGE_ICON_ERROR_FOCUS = "#ff8595"; export const INPUT_HELPER_COLOR_MESSAGE_ICON_ERROR_READ_ONLY = "#ff8595"; export const INPUT_HELPER_COLOR_MESSAGE_ICON_ERROR_DISABLED = "#52616d"; -export const INPUT_COLOR_TEXT_INITIAL = "#c2c8cc"; -export const INPUT_COLOR_TEXT_READ_ONLY = "#c2c8cc"; -export const INPUT_COLOR_TEXT_FOCUS = "#ffffff"; -export const INPUT_COLOR_TEXT_DISABLED = "#52616d"; -export const INPUT_COLOR_ICON_INITIAL = "#c2c8cc"; -export const INPUT_COLOR_ICON_READ_ONLY = "#c2c8cc"; -export const INPUT_COLOR_ICON_FOCUS = "#ffffff"; -export const INPUT_COLOR_ICON_DISABLED = "#52616d"; -export const INPUT_COLOR_BORDER_INITIAL = "#ffffff29"; -export const INPUT_COLOR_BORDER_READ_ONLY = "#ffffff29"; -export const INPUT_COLOR_BORDER_FOCUS = "#97cace"; -export const INPUT_COLOR_BORDER_DISABLED = "#00000000"; -export const INPUT_COLOR_SURFACE_INITIAL_ON_LEVEL_1 = "#00000047"; -export const INPUT_COLOR_SURFACE_INITIAL_ON_LEVEL_2 = "#00000047"; +export const INPUT_COLOR_TEXT_INITIAL = "#c2c8cc"; // Autocomplete, Table input, Text field +export const INPUT_COLOR_TEXT_READ_ONLY = "#c2c8cc"; // Autocomplete, Table input, Text field +export const INPUT_COLOR_TEXT_FOCUS = "#ffffff"; // Autocomplete, Table input, Search, Text field +export const INPUT_COLOR_TEXT_DISABLED = "#52616d"; // Autocomplete, Table input, Search, Text field +export const INPUT_COLOR_ICON_INITIAL = "#c2c8cc"; // Autocomplete, Table input, Text field +export const INPUT_COLOR_ICON_READ_ONLY = "#c2c8cc"; // Autocomplete, Table input, Text field +export const INPUT_COLOR_ICON_FOCUS = "#ffffff"; // Autocomplete, Table input, Search, Text field +export const INPUT_COLOR_ICON_DISABLED = "#52616d"; // Autocomplete, Table input, Search, Text field +export const INPUT_COLOR_BORDER_INITIAL = "#ffffff29"; // Autocomplete, Text field +export const INPUT_COLOR_BORDER_READ_ONLY = "#ffffff29"; // Autocomplete, Text field +export const INPUT_COLOR_BORDER_FOCUS = "#97cace"; // Autocomplete, Search, Text field +export const INPUT_COLOR_BORDER_DISABLED = "#00000000"; // Autocomplete, Search, Text field +export const INPUT_COLOR_SURFACE_INITIAL_ON_LEVEL_1 = "#00000047"; // Autocomplete, Search, Table input, Text field input +export const INPUT_COLOR_SURFACE_INITIAL_ON_LEVEL_2 = "#00000047"; // Autocomplete, Search, Table input, Text field input export const INPUT_COLOR_SURFACE_INITIAL_ON_LEVEL_3 = "#00000047"; -export const INPUT_COLOR_SURFACE_DISABLED_ON_LEVEL_1 = "#00000047"; -export const INPUT_COLOR_SURFACE_DISABLED_ON_LEVEL_2 = "#00000047"; +export const INPUT_COLOR_SURFACE_DISABLED_ON_LEVEL_1 = "#00000047"; // Autocomplete, Search, Table input, Text field input +export const INPUT_COLOR_SURFACE_DISABLED_ON_LEVEL_2 = "#00000047"; // Autocomplete, Search, Table input, Text field input export const INPUT_COLOR_SURFACE_DISABLED_ON_LEVEL_3 = "#00000047"; export const INPUT_COLOR_SURFACE_READ_ONLY_ON_LEVEL_1 = "#00000000"; export const INPUT_COLOR_SURFACE_READ_ONLY_ON_LEVEL_2 = "#00000000"; export const INPUT_COLOR_SURFACE_READ_ONLY_ON_LEVEL_3 = "#00000000"; -export const INPUT_COLOR_MESSAGE_BORDER_SUCCESS_INITIAL = "#3fa13d"; -export const INPUT_COLOR_MESSAGE_BORDER_SUCCESS_FOCUS = "#7bcf78"; -export const INPUT_COLOR_MESSAGE_BORDER_SUCCESS_READ_ONLY = "#3fa13d"; -export const INPUT_COLOR_MESSAGE_BORDER_SUCCESS_DISABLED = "#3fa13d"; -export const INPUT_COLOR_MESSAGE_BORDER_WARNING_INITIAL = "#e57e00"; -export const INPUT_COLOR_MESSAGE_BORDER_WARNING_FOCUS = "#ffae74"; -export const INPUT_COLOR_MESSAGE_BORDER_WARNING_READ_ONLY = "#e57e00"; -export const INPUT_COLOR_MESSAGE_BORDER_WARNING_DISABLED = "#e57e00"; -export const INPUT_COLOR_MESSAGE_BORDER_ERROR_INITIAL = "#e20337"; -export const INPUT_COLOR_MESSAGE_BORDER_ERROR_FOCUS = "#ff8a8a"; -export const INPUT_COLOR_MESSAGE_BORDER_ERROR_READ_ONLY = "#e20337"; -export const INPUT_COLOR_MESSAGE_BORDER_ERROR_DISABLED = "#e20337"; -export const INPUT_COLOR_MESSAGE_ICON_SUCCESS_INITIAL = "#3fa13d"; -export const INPUT_COLOR_MESSAGE_ICON_SUCCESS_FOCUS = "#7bcf78"; -export const INPUT_COLOR_MESSAGE_ICON_SUCCESS_READ_ONLY = "#3fa13d"; -export const INPUT_COLOR_MESSAGE_ICON_SUCCESS_DISABLED = "#3fa13d"; -export const INPUT_COLOR_MESSAGE_ICON_WARNING_INITIAL = "#e57e00"; -export const INPUT_COLOR_MESSAGE_ICON_WARNING_FOCUS = "#ffae74"; -export const INPUT_COLOR_MESSAGE_ICON_WARNING_READ_ONLY = "#e57e00"; -export const INPUT_COLOR_MESSAGE_ICON_WARNING_DISABLED = "#e57e00"; -export const INPUT_COLOR_MESSAGE_ICON_ERROR_INITIAL = "#e20337"; -export const INPUT_COLOR_MESSAGE_ICON_ERROR_FOCUS = "#ff8a8a"; -export const INPUT_COLOR_MESSAGE_ICON_ERROR_READ_ONLY = "#e20337"; -export const INPUT_COLOR_MESSAGE_ICON_ERROR_DISABLED = "#e20337"; -export const INPUT_COLOR_MESSAGE_TEXT_SUCCESS_INITIAL = "#3fa13d"; -export const INPUT_COLOR_MESSAGE_TEXT_SUCCESS_FOCUS = "#7bcf78"; -export const INPUT_COLOR_MESSAGE_TEXT_SUCCESS_READ_ONLY = "#3fa13d"; -export const INPUT_COLOR_MESSAGE_TEXT_SUCCESS_DISABLED = "#3fa13d"; -export const INPUT_COLOR_MESSAGE_TEXT_WARNING_INITIAL = "#e57e00"; -export const INPUT_COLOR_MESSAGE_TEXT_WARNING_FOCUS = "#ffae74"; -export const INPUT_COLOR_MESSAGE_TEXT_WARNING_READ_ONLY = "#e57e00"; -export const INPUT_COLOR_MESSAGE_TEXT_WARNING_DISABLED = "#e57e00"; -export const INPUT_COLOR_MESSAGE_TEXT_ERROR_INITIAL = "#e20337"; -export const INPUT_COLOR_MESSAGE_TEXT_ERROR_FOCUS = "#ff8a8a"; -export const INPUT_COLOR_MESSAGE_TEXT_ERROR_READ_ONLY = "#e20337"; -export const INPUT_COLOR_MESSAGE_TEXT_ERROR_DISABLED = "#e20337"; +export const INPUT_COLOR_MESSAGE_BORDER_SUCCESS_INITIAL = "#3fa13d"; // Text field +export const INPUT_COLOR_MESSAGE_BORDER_SUCCESS_FOCUS = "#7bcf78"; // Text field +export const INPUT_COLOR_MESSAGE_BORDER_SUCCESS_READ_ONLY = "#3fa13d"; // Text field +export const INPUT_COLOR_MESSAGE_BORDER_SUCCESS_DISABLED = "#3fa13d"; // Text field +export const INPUT_COLOR_MESSAGE_BORDER_WARNING_INITIAL = "#e57e00"; // Text field +export const INPUT_COLOR_MESSAGE_BORDER_WARNING_FOCUS = "#ffae74"; // Text field +export const INPUT_COLOR_MESSAGE_BORDER_WARNING_READ_ONLY = "#e57e00"; // Text field +export const INPUT_COLOR_MESSAGE_BORDER_WARNING_DISABLED = "#e57e00"; // Text field +export const INPUT_COLOR_MESSAGE_BORDER_ERROR_INITIAL = "#e20337"; // Text field +export const INPUT_COLOR_MESSAGE_BORDER_ERROR_FOCUS = "#ff8a8a"; // Text field +export const INPUT_COLOR_MESSAGE_BORDER_ERROR_READ_ONLY = "#e20337"; // Text field +export const INPUT_COLOR_MESSAGE_BORDER_ERROR_DISABLED = "#e20337"; // Text field +export const INPUT_COLOR_MESSAGE_ICON_SUCCESS_INITIAL = "#3fa13d"; // Text field +export const INPUT_COLOR_MESSAGE_ICON_SUCCESS_FOCUS = "#7bcf78"; // Text field +export const INPUT_COLOR_MESSAGE_ICON_SUCCESS_READ_ONLY = "#3fa13d"; // Text field +export const INPUT_COLOR_MESSAGE_ICON_SUCCESS_DISABLED = "#3fa13d"; // Text field +export const INPUT_COLOR_MESSAGE_ICON_WARNING_INITIAL = "#e57e00"; // Text field +export const INPUT_COLOR_MESSAGE_ICON_WARNING_FOCUS = "#ffae74"; // Text field +export const INPUT_COLOR_MESSAGE_ICON_WARNING_READ_ONLY = "#e57e00"; // Text field +export const INPUT_COLOR_MESSAGE_ICON_WARNING_DISABLED = "#e57e00"; // Text field +export const INPUT_COLOR_MESSAGE_ICON_ERROR_INITIAL = "#e20337"; // Text field +export const INPUT_COLOR_MESSAGE_ICON_ERROR_FOCUS = "#ff8a8a"; // Text field +export const INPUT_COLOR_MESSAGE_ICON_ERROR_READ_ONLY = "#e20337"; // Text field +export const INPUT_COLOR_MESSAGE_ICON_ERROR_DISABLED = "#e20337"; // Text field +export const INPUT_COLOR_MESSAGE_TEXT_SUCCESS_INITIAL = "#3fa13d"; // Text field +export const INPUT_COLOR_MESSAGE_TEXT_SUCCESS_FOCUS = "#7bcf78"; // Text field +export const INPUT_COLOR_MESSAGE_TEXT_SUCCESS_READ_ONLY = "#3fa13d"; // Text field +export const INPUT_COLOR_MESSAGE_TEXT_SUCCESS_DISABLED = "#3fa13d"; // Text field +export const INPUT_COLOR_MESSAGE_TEXT_WARNING_INITIAL = "#e57e00"; // Text field +export const INPUT_COLOR_MESSAGE_TEXT_WARNING_FOCUS = "#ffae74"; // Text field +export const INPUT_COLOR_MESSAGE_TEXT_WARNING_READ_ONLY = "#e57e00"; // Text field +export const INPUT_COLOR_MESSAGE_TEXT_WARNING_DISABLED = "#e57e00"; // Text field +export const INPUT_COLOR_MESSAGE_TEXT_ERROR_INITIAL = "#e20337"; // Text field +export const INPUT_COLOR_MESSAGE_TEXT_ERROR_FOCUS = "#ff8a8a"; // Text field +export const INPUT_COLOR_MESSAGE_TEXT_ERROR_READ_ONLY = "#e20337"; // Text field +export const INPUT_COLOR_MESSAGE_TEXT_ERROR_DISABLED = "#e20337"; // Text field export const INPUT_LABEL_COLOR_TEXT_INITIAL = "#a6afb5"; export const INPUT_LABEL_COLOR_TEXT_READ_ONLY = "#a6afb5"; export const INPUT_LABEL_COLOR_TEXT_DISABLED = "#52616d"; export const INPUT_LABEL_COLOR_ICON_INITIAL = "#a6afb5"; export const INPUT_LABEL_COLOR_ICON_READ_ONLY = "#a6afb5"; export const INPUT_LABEL_COLOR_ICON_DISABLED = "#52616d"; -export const TABLE_CELL_COLOR_MESSAGE_SURFACE_ERROR = "#ff666b47"; +export const TABLE_CELL_COLOR_MESSAGE_SURFACE_ERROR = "#ff666b47"; // Table cell, Table data grid cell export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_INITIAL_ON_LEVEL_1 = "#d6d9dc"; export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_INITIAL_ON_LEVEL_2 = "#d6d9dc"; export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_INITIAL_ON_LEVEL_3 = "#d6d9dc"; export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_HOVER_ON_LEVEL_1 = "#e9ebed"; export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_HOVER_ON_LEVEL_2 = "#e9ebed"; export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_HOVER_ON_LEVEL_3 = "#e9ebed"; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_1 = "#d6d9dc"; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_2 = "#d6d9dc"; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_3 = "#d6d9dc"; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_1 = "#e9ebed"; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_2 = "#e9ebed"; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_3 = "#e9ebed"; +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_1 = "#d6d9dc"; // Interactive table cell, table data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_2 = "#d6d9dc"; // Interactive table cell, table data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_3 = "#d6d9dc"; // Interactive table cell, table data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_1 = + "#e9ebed"; // Interactive table cell, data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_2 = + "#e9ebed"; // Interactive table cell, data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_3 = + "#e9ebed"; // Interactive table cell, data grid cell export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_1 = "#52616d"; export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_2 = "#52616d"; export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_3 = "#52616d"; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_1 = "#a6afb5"; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_2 = "#a6afb5"; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_3 = "#c2c8cc"; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_1 = "#e9ebed"; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_2 = "#e9ebed"; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_3 = "#e9ebed"; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_1 = "#97cace"; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_2 = "#97cace"; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_3 = "#d1edef"; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_1 = "#b3e2e5"; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_2 = "#b3e2e5"; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_3 = "#e0f4f5"; +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_1 = "#a6afb5"; // Table cell, Table data grid cell, Table header, Table data grid header +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_2 = "#a6afb5"; // Table cell, Table data grid cell, Table header, Table data grid header +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_3 = "#c2c8cc"; // Table cell, Table data grid cell, Table header, Table data grid header +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_1 = "#e9ebed"; // Table cell, Table data grid cell, Table header, Table data grid header +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_2 = "#e9ebed"; // Table cell, Table data grid cell, Table header, Table data grid header +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_3 = "#e9ebed"; // Table cell, Table data grid cell, Table header, Table data grid header +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_1 = "#97cace"; // Table cell, Table data grid cell, Table header, Table data grid header +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_2 = "#97cace"; // Table cell, Table data grid cell, Table header, Table data grid header +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_3 = "#d1edef"; // Table cell, Table data grid cell, Table header, Table data grid header +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_1 = + "#b3e2e5"; // Table cell, Table data grid cell, Table header, Table data grid header +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_2 = + "#b3e2e5"; // Table cell, Table data grid cell, Table header, Table data grid header +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_3 = + "#e0f4f5"; // Table cell, Table data grid cell, Table header, Table data grid header export const TABLE_CELL_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_1 = "#52616d"; export const TABLE_CELL_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_2 = "#52616d"; export const TABLE_CELL_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_3 = "#52616d"; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_1 = "#ffffff29"; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_2 = "#ffffff29"; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_3 = "#ffffff29"; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_1 = + "#ffffff29"; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_2 = + "#ffffff29"; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_3 = + "#ffffff29"; export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_HOVER_ON_LEVEL_1 = "#ffffff33"; export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_HOVER_ON_LEVEL_2 = "#ffffff33"; export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_HOVER_ON_LEVEL_3 = "#ffffff33"; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_1 = "#ffffff29"; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_2 = "#ffffff29"; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_3 = "#ffffff29"; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_1 = "#ffffff33"; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_2 = "#ffffff33"; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_3 = "#ffffff33"; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_1 = "#ffffff29"; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_2 = "#ffffff29"; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_3 = "#ffffff29"; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_1 = "#00000000"; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_2 = "#00000000"; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_3 = "#00000000"; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_1 = "#344c5b"; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_2 = "#344c5b"; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_3 = "#344c5b"; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_1 = "#17485d"; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_2 = "#17485d"; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_3 = "#1e5d78"; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_1 = "#1e5d78"; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_2 = "#1e5d78"; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_3 = "#257193"; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_1 = "#00000000"; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_2 = "#00000000"; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_3 = "#00000000"; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_1 = + "#ffffff29"; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_2 = + "#ffffff29"; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_3 = + "#ffffff29"; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_1 = + "#ffffff33"; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_2 = + "#ffffff33"; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_3 = + "#ffffff33"; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_1 = + "#ffffff29"; // Border on Table cell doesn't change from Initial state, only the text & the icon. +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_2 = + "#ffffff29"; // Border on Table cell doesn't change from Initial state, only the text & the icon. +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_3 = + "#ffffff29"; // Border on Table cell doesn't change from Initial state, only the text & the icon. +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_1 = + "#00000000"; // Table cell, Table data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_2 = + "#00000000"; // Table cell, Table data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_3 = + "#00000000"; // Table cell, Table data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_1 = "#344c5b"; // Table cell, Table data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_2 = "#344c5b"; // Table cell, Table data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_3 = "#344c5b"; // Table cell, Table data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_1 = "#17485d"; // Table cell, Table data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_2 = "#17485d"; // Table cell, Table data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_3 = "#1e5d78"; // Table cell, Table data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_1 = + "#1e5d78"; // Table cell, Table data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_2 = + "#1e5d78"; // Table cell, Table data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_3 = + "#257193"; // Table cell, Table data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_1 = + "#00000000"; // Table cell, Table data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_2 = + "#00000000"; // Table cell, Table data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_3 = + "#00000000"; // Table cell, Table data grid cell export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_INITIAL_ON_LEVEL_1 = "#d6d9dc"; export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_INITIAL_ON_LEVEL_2 = "#d6d9dc"; export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_INITIAL_ON_LEVEL_3 = "#ffffff"; @@ -481,12 +523,18 @@ export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_HOVER_ON_LEVEL_3 = "#ffffff"; export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_1 = "#97cace"; export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_2 = "#97cace"; export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_3 = "#b3e2e5"; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_1 = "#b3e2e5"; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_2 = "#b3e2e5"; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_3 = "#d1edef"; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_1 = "#52616d"; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_2 = "#52616d"; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_3 = "#616161"; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_1 = + "#b3e2e5"; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_2 = + "#b3e2e5"; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_3 = + "#d1edef"; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_1 = + "#52616d"; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_2 = + "#52616d"; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_3 = + "#616161"; export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_1 = "#a6afb5"; export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_2 = "#a6afb5"; export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_3 = "#ffffff"; @@ -496,42 +544,78 @@ export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_3 = "#ffffff"; export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_1 = "#97cace"; export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_2 = "#97cace"; export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_3 = "#b3e2e5"; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_1 = "#b3e2e5"; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_2 = "#b3e2e5"; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_3 = "#d1edef"; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_1 = "#a6afb5"; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_2 = "#a6afb5"; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_3 = "#ffffff"; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_1 = "#ffffff29"; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_2 = "#ffffff29"; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_3 = "#ffffff29"; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_HOVER_ON_LEVEL_1 = "#ffffff33"; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_HOVER_ON_LEVEL_2 = "#ffffff33"; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_HOVER_ON_LEVEL_3 = "#ffffff33"; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_1 = "#97cace"; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_2 = "#97cace"; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_3 = "#b3e2e5"; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_1 = "#b3e2e5"; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_2 = "#b3e2e5"; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_3 = "#d1edef"; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_1 = "#ffffff29"; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_2 = "#ffffff29"; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_3 = "#ffffff29"; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_1 = "#243746"; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_2 = "#2c4251"; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_3 = "#344c5b"; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_1 = "#344c5b"; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_2 = "#344c5b"; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_3 = "#344c5b"; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_1 = "#2c4251"; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_2 = "#2c4251"; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_3 = "#344c5b"; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_1 = "#344c5b"; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_2 = "#344c5b"; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_3 = "#3f5664"; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_1 = "#00000000"; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_2 = "#00000000"; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_3 = "#00000000"; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_1 = + "#b3e2e5"; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_2 = + "#b3e2e5"; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_3 = + "#d1edef"; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_1 = + "#a6afb5"; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_2 = + "#a6afb5"; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_3 = + "#ffffff"; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_1 = + "#ffffff29"; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_2 = + "#ffffff29"; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_3 = + "#ffffff29"; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_HOVER_ON_LEVEL_1 = + "#ffffff33"; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_HOVER_ON_LEVEL_2 = + "#ffffff33"; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_HOVER_ON_LEVEL_3 = + "#ffffff33"; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_1 = + "#97cace"; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_2 = + "#97cace"; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_3 = + "#b3e2e5"; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_1 = + "#b3e2e5"; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_2 = + "#b3e2e5"; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_3 = + "#d1edef"; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_1 = + "#ffffff29"; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_2 = + "#ffffff29"; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_3 = + "#ffffff29"; +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_1 = + "#243746"; // Table header, Table data grid header +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_2 = + "#2c4251"; // Table header, Table data grid header +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_3 = + "#344c5b"; // Table header, Table data grid header +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_1 = + "#344c5b"; // Table header, Table data grid header +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_2 = + "#344c5b"; // Table header, Table data grid header +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_3 = + "#344c5b"; // Table header, Table data grid header +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_1 = + "#2c4251"; // Table header, Table data grid header +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_2 = + "#2c4251"; // Table header, Table data grid header +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_3 = + "#344c5b"; // Table header, Table data grid header +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_1 = + "#344c5b"; // Table header, Table data grid header +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_2 = + "#344c5b"; // Table header, Table data grid header +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_3 = + "#3f5664"; // Table header, Table data grid header +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_1 = + "#00000000"; // Table header, Table data grid header +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_2 = + "#00000000"; // Table header, Table data grid header +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_3 = + "#00000000"; // Table header, Table data grid header export const TABLE_HEADER_COLOR_STATIC_TEXT_ON_LEVEL_1 = "#ffffff"; export const TABLE_HEADER_COLOR_STATIC_TEXT_ON_LEVEL_2 = "#ffffff"; export const TABLE_HEADER_COLOR_STATIC_TEXT_ON_LEVEL_3 = "#ffffff"; @@ -541,11 +625,11 @@ export const TABLE_HEADER_COLOR_STATIC_ICON_ON_LEVEL_3 = "#ffffff"; export const TABLE_HEADER_COLOR_STATIC_BORDER_ON_LEVEL_1 = "#ffffff29"; export const TABLE_HEADER_COLOR_STATIC_BORDER_ON_LEVEL_2 = "#ffffff29"; export const TABLE_HEADER_COLOR_STATIC_BORDER_ON_LEVEL_3 = "#ffffff29"; -export const TABLE_HEADER_COLOR_STATIC_SURFACE_ON_LEVEL_1 = "#243746"; -export const TABLE_HEADER_COLOR_STATIC_SURFACE_ON_LEVEL_2 = "#2c4251"; -export const TABLE_HEADER_COLOR_STATIC_SURFACE_ON_LEVEL_3 = "#344c5b"; -export const UI_MAIN_COLOR_SURFACE = "#132634"; -export const UI_SHELL_COLOR_SURFACE = "#243746"; -export const UI_SHELL_COLOR_BORDER = "#132634"; -export const UI_FLOATING_COLOR_SURFACE = "#2c4251"; -export const UI_SCRIM_COLOR_SURFACE = "#00000066"; +export const TABLE_HEADER_COLOR_STATIC_SURFACE_ON_LEVEL_1 = "#243746"; // Table header, Table data grid header +export const TABLE_HEADER_COLOR_STATIC_SURFACE_ON_LEVEL_2 = "#2c4251"; // Table header, Table data grid header +export const TABLE_HEADER_COLOR_STATIC_SURFACE_ON_LEVEL_3 = "#344c5b"; // Table header, Table data grid header +export const UI_MAIN_COLOR_SURFACE = "#132634"; // Recommended background color for EDS applications +export const UI_SHELL_COLOR_SURFACE = "#243746"; // Sidebar, Side sheet, Toolbar, Top bar +export const UI_SHELL_COLOR_BORDER = "#132634"; // Sidebar, Topbar, Side sheet +export const UI_FLOATING_COLOR_SURFACE = "#2c4251"; // Recommended background color for EDS applications +export const UI_SCRIM_COLOR_SURFACE = "#00000066"; // Scrim diff --git a/packages/eds-tokens/build/js/color/light.d.ts b/packages/eds-tokens/build/js/color/light.d.ts index 18f5fac6c3..ce90738834 100644 --- a/packages/eds-tokens/build/js/color/light.d.ts +++ b/packages/eds-tokens/build/js/color/light.d.ts @@ -2,550 +2,551 @@ * Do not edit directly, this file was auto-generated. */ -export const COLOR_SHADOW : string; -export const COLOR_STATIC_TEXT_RAISED : string; -export const COLOR_STATIC_TEXT_INVERTED : string; -export const COLOR_STATIC_TEXT_STANDARD_PRIMARY : string; -export const COLOR_STATIC_TEXT_STANDARD_SECONDARY : string; -export const COLOR_STATIC_TEXT_STANDARD_MAXIMAL : string; -export const COLOR_STATIC_ICON_RAISED : string; -export const COLOR_STATIC_ICON_INVERTED : string; -export const COLOR_STATIC_ICON_STANDARD_PRIMARY : string; -export const COLOR_STATIC_ICON_STANDARD_SECONDARY : string; -export const COLOR_STATIC_ICON_STANDARD_MAXIMAL : string; -export const COLOR_STATIC_BORDER_RAISED : string; -export const COLOR_STATIC_BORDER_INVERTED : string; -export const COLOR_STATIC_BORDER_STANDARD_ON_LEVEL_1 : string; -export const COLOR_STATIC_BORDER_STANDARD_ON_LEVEL_2 : string; -export const COLOR_STATIC_BORDER_STANDARD_ON_LEVEL_3 : string; -export const COLOR_STATIC_SURFACE_RAISED : string; -export const COLOR_STATIC_SURFACE_INVERTED : string; -export const COLOR_STATIC_SURFACE_STANDARD_ON_LEVEL_1 : string; -export const COLOR_STATIC_SURFACE_STANDARD_ON_LEVEL_2 : string; -export const COLOR_STATIC_SURFACE_STANDARD_ON_LEVEL_3 : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_DISABLED : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_INITIAL : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_HOVER : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_ACTIVE : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_DISABLED : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_INITIAL : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_HOVER : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_ACTIVE : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_DISABLED : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_INITIAL : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_HOVER : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_ACTIVE : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_DISABLED : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_INITIAL : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_HOVER : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_ACTIVE : string; -export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_TEXT_RAISED_DISABLED : string; -export const COLOR_INTERACTIVE_TEXT_RAISED_INITIAL : string; -export const COLOR_INTERACTIVE_TEXT_RAISED_HOVER : string; -export const COLOR_INTERACTIVE_TEXT_RAISED_ACTIVE : string; -export const COLOR_INTERACTIVE_TEXT_RAISED_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_DISABLED : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_INITIAL : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_HOVER : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_ACTIVE : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_DISABLED : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_INITIAL : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_HOVER : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_ACTIVE : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_DISABLED : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_INITIAL : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_HOVER : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_ACTIVE : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_DISABLED : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_INITIAL : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_HOVER : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_ACTIVE : string; -export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_ICON_RAISED_DISABLED : string; -export const COLOR_INTERACTIVE_ICON_RAISED_INITIAL : string; -export const COLOR_INTERACTIVE_ICON_RAISED_HOVER : string; -export const COLOR_INTERACTIVE_ICON_RAISED_ACTIVE : string; -export const COLOR_INTERACTIVE_ICON_RAISED_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_DISABLED : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_INITIAL : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_HOVER : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_ACTIVE : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_DISABLED : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_INITIAL : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_HOVER : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_ACTIVE : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_DISABLED : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_INITIAL : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_HOVER : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_ACTIVE : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_DISABLED : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_INITIAL : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_HOVER : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_ACTIVE : string; -export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_BORDER_RAISED_DISABLED : string; -export const COLOR_INTERACTIVE_BORDER_RAISED_INITIAL : string; -export const COLOR_INTERACTIVE_BORDER_RAISED_HOVER : string; -export const COLOR_INTERACTIVE_BORDER_RAISED_ACTIVE : string; -export const COLOR_INTERACTIVE_BORDER_RAISED_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_DISABLED_OUTLINED : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_DISABLED_FILLED : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_INITIAL : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_HOVER : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_ACTIVE : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_DISABLED : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_INITIAL : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_HOVER : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_ACTIVE : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_DISABLED : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_INITIAL : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_HOVER : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_ACTIVE : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_DISABLED : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_INITIAL : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_HOVER : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_ACTIVE : string; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_ACTIVE_HOVER : string; -export const COLOR_INTERACTIVE_SURFACE_RAISED_DISABLED : string; -export const COLOR_INTERACTIVE_SURFACE_RAISED_INITIAL : string; -export const COLOR_INTERACTIVE_SURFACE_RAISED_HOVER : string; -export const COLOR_INTERACTIVE_SURFACE_RAISED_ACTIVE : string; -export const COLOR_INTERACTIVE_SURFACE_RAISED_ACTIVE_HOVER : string; -export const COLOR_ACTION_TEXT_PRIMARY_DISABLED : string; -export const COLOR_ACTION_TEXT_STANDARD_PRIMARY_DISABLED : string; -export const COLOR_ACTION_TEXT_STANDARD_PRIMARY_INITIAL : string; -export const COLOR_ACTION_TEXT_STANDARD_PRIMARY_HOVER : string; -export const COLOR_ACTION_TEXT_STANDARD_SECONDARY_DISABLED : string; -export const COLOR_ACTION_TEXT_STANDARD_SECONDARY_INITIAL : string; -export const COLOR_ACTION_TEXT_STANDARD_SECONDARY_HOVER : string; -export const COLOR_ACTION_TEXT_STANDARD_TERTIARY_DISABLED : string; -export const COLOR_ACTION_TEXT_STANDARD_TERTIARY_INITIAL : string; -export const COLOR_ACTION_TEXT_STANDARD_TERTIARY_HOVER : string; -export const COLOR_ACTION_TEXT_MUTED_PRIMARY_DISABLED : string; -export const COLOR_ACTION_TEXT_MUTED_PRIMARY_INITIAL : string; -export const COLOR_ACTION_TEXT_MUTED_PRIMARY_HOVER : string; -export const COLOR_ACTION_TEXT_MUTED_SECONDARY_DISABLED : string; -export const COLOR_ACTION_TEXT_MUTED_SECONDARY_INITIAL : string; -export const COLOR_ACTION_TEXT_MUTED_SECONDARY_HOVER : string; -export const COLOR_ACTION_TEXT_MUTED_TERTIARY_DISABLED : string; -export const COLOR_ACTION_TEXT_MUTED_TERTIARY_INITIAL : string; -export const COLOR_ACTION_TEXT_MUTED_TERTIARY_HOVER : string; -export const COLOR_ACTION_TEXT_DANGER_PRIMARY_DISABLED : string; -export const COLOR_ACTION_TEXT_DANGER_PRIMARY_INITIAL : string; -export const COLOR_ACTION_TEXT_DANGER_PRIMARY_HOVER : string; -export const COLOR_ACTION_TEXT_DANGER_SECONDARY_DISABLED : string; -export const COLOR_ACTION_TEXT_DANGER_SECONDARY_INITIAL : string; -export const COLOR_ACTION_TEXT_DANGER_SECONDARY_HOVER : string; -export const COLOR_ACTION_TEXT_DANGER_TERTIARY_DISABLED : string; -export const COLOR_ACTION_TEXT_DANGER_TERTIARY_INITIAL : string; -export const COLOR_ACTION_TEXT_DANGER_TERTIARY_HOVER : string; -export const COLOR_ACTION_ICON_STANDARD_PRIMARY_DISABLED : string; -export const COLOR_ACTION_ICON_STANDARD_PRIMARY_INITIAL : string; -export const COLOR_ACTION_ICON_STANDARD_PRIMARY_HOVER : string; -export const COLOR_ACTION_ICON_STANDARD_SECONDARY_DISABLED : string; -export const COLOR_ACTION_ICON_STANDARD_SECONDARY_INITIAL : string; -export const COLOR_ACTION_ICON_STANDARD_SECONDARY_HOVER : string; -export const COLOR_ACTION_ICON_STANDARD_TERTIARY_DISABLED : string; -export const COLOR_ACTION_ICON_STANDARD_TERTIARY_INITIAL : string; -export const COLOR_ACTION_ICON_STANDARD_TERTIARY_HOVER : string; -export const COLOR_ACTION_ICON_MUTED_PRIMARY_DISABLED : string; -export const COLOR_ACTION_ICON_MUTED_PRIMARY_INITIAL : string; -export const COLOR_ACTION_ICON_MUTED_PRIMARY_HOVER : string; -export const COLOR_ACTION_ICON_MUTED_TERTIARY_DISABLED : string; -export const COLOR_ACTION_ICON_MUTED_TERTIARY_INITIAL : string; -export const COLOR_ACTION_ICON_MUTED_TERTIARY_HOVER : string; -export const COLOR_ACTION_ICON_MUTED_SECONDARY_DISABLED : string; -export const COLOR_ACTION_ICON_MUTED_SECONDARY_INITIAL : string; -export const COLOR_ACTION_ICON_MUTED_SECONDARY_HOVER : string; -export const COLOR_ACTION_ICON_DANGER_PRIMARY_DISABLED : string; -export const COLOR_ACTION_ICON_DANGER_PRIMARY_INITIAL : string; -export const COLOR_ACTION_ICON_DANGER_PRIMARY_HOVER : string; -export const COLOR_ACTION_ICON_DANGER_SECONDARY_DISABLED : string; -export const COLOR_ACTION_ICON_DANGER_SECONDARY_INITIAL : string; -export const COLOR_ACTION_ICON_DANGER_SECONDARY_HOVER : string; -export const COLOR_ACTION_ICON_DANGER_TERTIARY_DISABLED : string; -export const COLOR_ACTION_ICON_DANGER_TERTIARY_INITIAL : string; -export const COLOR_ACTION_ICON_DANGER_TERTIARY_HOVER : string; -export const COLOR_ACTION_BORDER_SECONDARY_DISABLED : string; -export const COLOR_ACTION_BORDER_STANDARD_PRIMARY_DISABLED : string; -export const COLOR_ACTION_BORDER_STANDARD_PRIMARY_INITIAL : string; -export const COLOR_ACTION_BORDER_STANDARD_PRIMARY_HOVER : string; -export const COLOR_ACTION_BORDER_STANDARD_SECONDARY_DISABLED : string; -export const COLOR_ACTION_BORDER_STANDARD_SECONDARY_INITIAL : string; -export const COLOR_ACTION_BORDER_STANDARD_SECONDARY_HOVER : string; -export const COLOR_ACTION_BORDER_STANDARD_TERTIARY_DISABLED : string; -export const COLOR_ACTION_BORDER_STANDARD_TERTIARY_INITIAL : string; -export const COLOR_ACTION_BORDER_STANDARD_TERTIARY_HOVER : string; -export const COLOR_ACTION_BORDER_MUTED_PRIMARY_INITIAL : string; -export const COLOR_ACTION_BORDER_MUTED_PRIMARY_HOVER : string; -export const COLOR_ACTION_BORDER_MUTED_PRIMARY_DISABLED : string; -export const COLOR_ACTION_BORDER_MUTED_SECONDARY_INITIAL : string; -export const COLOR_ACTION_BORDER_MUTED_SECONDARY_HOVER : string; -export const COLOR_ACTION_BORDER_MUTED_SECONDARY_DISABLED : string; -export const COLOR_ACTION_BORDER_MUTED_TERTIARY_INITIAL : string; -export const COLOR_ACTION_BORDER_MUTED_TERTIARY_HOVER : string; -export const COLOR_ACTION_BORDER_MUTED_TERTIARY_DISABLED : string; -export const COLOR_ACTION_BORDER_DANGER_PRIMARY_INITIAL : string; -export const COLOR_ACTION_BORDER_DANGER_PRIMARY_HOVER : string; -export const COLOR_ACTION_BORDER_DANGER_PRIMARY_DISABLED : string; -export const COLOR_ACTION_BORDER_DANGER_SECONDARY_INITIAL : string; -export const COLOR_ACTION_BORDER_DANGER_SECONDARY_HOVER : string; -export const COLOR_ACTION_BORDER_DANGER_SECONDARY_DISABLED : string; -export const COLOR_ACTION_BORDER_DANGER_TERTIARY_INITIAL : string; -export const COLOR_ACTION_BORDER_DANGER_TERTIARY_HOVER : string; -export const COLOR_ACTION_BORDER_DANGER_TERTIARY_DISABLED : string; -export const COLOR_ACTION_SURFACE_STANDARD_PRIMARY_DISABLED : string; -export const COLOR_ACTION_SURFACE_STANDARD_PRIMARY_INITIAL : string; -export const COLOR_ACTION_SURFACE_STANDARD_PRIMARY_HOVER : string; -export const COLOR_ACTION_SURFACE_STANDARD_SECONDARY_DISABLED : string; -export const COLOR_ACTION_SURFACE_STANDARD_SECONDARY_INITIAL : string; -export const COLOR_ACTION_SURFACE_STANDARD_SECONDARY_HOVER : string; -export const COLOR_ACTION_SURFACE_STANDARD_TERTIARY_DISABLED : string; -export const COLOR_ACTION_SURFACE_STANDARD_TERTIARY_INITIAL : string; -export const COLOR_ACTION_SURFACE_STANDARD_TERTIARY_HOVER : string; -export const COLOR_ACTION_SURFACE_MUTED_PRIMARY_INITIAL : string; -export const COLOR_ACTION_SURFACE_MUTED_PRIMARY_HOVER : string; -export const COLOR_ACTION_SURFACE_MUTED_PRIMARY_DISABLED : string; -export const COLOR_ACTION_SURFACE_MUTED_SECONDARY_INITIAL : string; -export const COLOR_ACTION_SURFACE_MUTED_SECONDARY_HOVER : string; -export const COLOR_ACTION_SURFACE_MUTED_SECONDARY_DISABLED : string; -export const COLOR_ACTION_SURFACE_MUTED_TERTIARY_INITIAL : string; -export const COLOR_ACTION_SURFACE_MUTED_TERTIARY_HOVER : string; -export const COLOR_ACTION_SURFACE_MUTED_TERTIARY_DISABLED : string; -export const COLOR_ACTION_SURFACE_DANGER_PRIMARY_INITIAL : string; -export const COLOR_ACTION_SURFACE_DANGER_PRIMARY_HOVER : string; -export const COLOR_ACTION_SURFACE_DANGER_PRIMARY_DISABLED : string; -export const COLOR_ACTION_SURFACE_DANGER_SECONDARY_INITIAL : string; -export const COLOR_ACTION_SURFACE_DANGER_SECONDARY_HOVER : string; -export const COLOR_ACTION_SURFACE_DANGER_SECONDARY_DISABLED : string; -export const COLOR_ACTION_SURFACE_DANGER_TERTIARY_INITIAL : string; -export const COLOR_ACTION_SURFACE_DANGER_TERTIARY_HOVER : string; -export const COLOR_ACTION_SURFACE_DANGER_TERTIARY_DISABLED : string; -export const COLOR_MESSAGE_TEXT_STANDARD_INFO : string; -export const COLOR_MESSAGE_TEXT_STANDARD_SUCCESS : string; -export const COLOR_MESSAGE_TEXT_STANDARD_WARNING : string; -export const COLOR_MESSAGE_TEXT_STANDARD_ERROR : string; -export const COLOR_MESSAGE_TEXT_RAISED_INFO_INITIAL : string; -export const COLOR_MESSAGE_TEXT_RAISED_INFO_HOVER : string; -export const COLOR_MESSAGE_TEXT_RAISED_SUCCESS_INITIAL : string; -export const COLOR_MESSAGE_TEXT_RAISED_SUCCESS_HOVER : string; -export const COLOR_MESSAGE_TEXT_RAISED_WARNING_INITIAL : string; -export const COLOR_MESSAGE_TEXT_RAISED_WARNING_HOVER : string; -export const COLOR_MESSAGE_TEXT_RAISED_ERROR_INITIAL : string; -export const COLOR_MESSAGE_TEXT_RAISED_ERROR_HOVER : string; -export const COLOR_MESSAGE_TEXT_CALLOUT_INFO : string; -export const COLOR_MESSAGE_TEXT_CALLOUT_SUCCESS : string; -export const COLOR_MESSAGE_TEXT_CALLOUT_WARNING : string; -export const COLOR_MESSAGE_TEXT_CALLOUT_ERROR : string; -export const COLOR_MESSAGE_ICON_STANDARD_INFO : string; -export const COLOR_MESSAGE_ICON_STANDARD_SUCCESS : string; -export const COLOR_MESSAGE_ICON_STANDARD_WARNING : string; -export const COLOR_MESSAGE_ICON_STANDARD_ERROR : string; -export const COLOR_MESSAGE_ICON_RAISED_INFO_INITIAL : string; -export const COLOR_MESSAGE_ICON_RAISED_INFO_HOVER : string; -export const COLOR_MESSAGE_ICON_RAISED_SUCCESS_INITIAL : string; -export const COLOR_MESSAGE_ICON_RAISED_SUCCESS_HOVER : string; -export const COLOR_MESSAGE_ICON_RAISED_WARNING_INITIAL : string; -export const COLOR_MESSAGE_ICON_RAISED_WARNING_HOVER : string; -export const COLOR_MESSAGE_ICON_RAISED_ERROR_INITIAL : string; -export const COLOR_MESSAGE_ICON_RAISED_ERROR_HOVER : string; -export const COLOR_MESSAGE_ICON_CALLOUT_INFO : string; -export const COLOR_MESSAGE_ICON_CALLOUT_SUCCESS : string; -export const COLOR_MESSAGE_ICON_CALLOUT_WARNING : string; -export const COLOR_MESSAGE_ICON_CALLOUT_ERROR : string; -export const COLOR_MESSAGE_BORDER_STANDARD_INFO : string; -export const COLOR_MESSAGE_BORDER_STANDARD_SUCCESS : string; -export const COLOR_MESSAGE_BORDER_STANDARD_WARNING : string; -export const COLOR_MESSAGE_BORDER_STANDARD_ERROR : string; -export const COLOR_MESSAGE_BORDER_RAISED_INFO_INITIAL : string; -export const COLOR_MESSAGE_BORDER_RAISED_INFO_HOVER : string; -export const COLOR_MESSAGE_BORDER_RAISED_SUCCESS_INITIAL : string; -export const COLOR_MESSAGE_BORDER_RAISED_SUCCESS_HOVER : string; -export const COLOR_MESSAGE_BORDER_RAISED_WARNING_INITIAL : string; -export const COLOR_MESSAGE_BORDER_RAISED_WARNING_HOVER : string; -export const COLOR_MESSAGE_BORDER_RAISED_ERROR_INITIAL : string; -export const COLOR_MESSAGE_BORDER_RAISED_ERROR_HOVER : string; -export const COLOR_MESSAGE_BORDER_CALLOUT_INFO : string; -export const COLOR_MESSAGE_BORDER_CALLOUT_SUCCESS : string; -export const COLOR_MESSAGE_BORDER_CALLOUT_WARNING : string; -export const COLOR_MESSAGE_BORDER_CALLOUT_ERROR : string; -export const COLOR_MESSAGE_SURFACE_STANDARD_INFO_ON_LEVEL_1 : string; -export const COLOR_MESSAGE_SURFACE_STANDARD_INFO_ON_LEVEL_2 : string; -export const COLOR_MESSAGE_SURFACE_STANDARD_INFO_ON_LEVEL_3 : string; -export const COLOR_MESSAGE_SURFACE_STANDARD_SUCCESS_ON_LEVEL_1 : string; -export const COLOR_MESSAGE_SURFACE_STANDARD_SUCCESS_ON_LEVEL_2 : string; -export const COLOR_MESSAGE_SURFACE_STANDARD_SUCCESS_ON_LEVEL_3 : string; -export const COLOR_MESSAGE_SURFACE_STANDARD_WARNING_ON_LEVEL_1 : string; -export const COLOR_MESSAGE_SURFACE_STANDARD_WARNING_ON_LEVEL_2 : string; -export const COLOR_MESSAGE_SURFACE_STANDARD_WARNING_ON_LEVEL_3 : string; -export const COLOR_MESSAGE_SURFACE_STANDARD_ERROR_ON_LEVEL_1 : string; -export const COLOR_MESSAGE_SURFACE_STANDARD_ERROR_ON_LEVEL_2 : string; -export const COLOR_MESSAGE_SURFACE_STANDARD_ERROR_ON_LEVEL_3 : string; -export const COLOR_MESSAGE_SURFACE_RAISED_INFO_INITIAL : string; -export const COLOR_MESSAGE_SURFACE_RAISED_INFO_HOVER : string; -export const COLOR_MESSAGE_SURFACE_RAISED_SUCCESS_INITIAL : string; -export const COLOR_MESSAGE_SURFACE_RAISED_SUCCESS_HOVER : string; -export const COLOR_MESSAGE_SURFACE_RAISED_WARNING_INITIAL : string; -export const COLOR_MESSAGE_SURFACE_RAISED_WARNING_HOVER : string; -export const COLOR_MESSAGE_SURFACE_RAISED_ERROR_INITIAL : string; -export const COLOR_MESSAGE_SURFACE_RAISED_ERROR_HOVER : string; -export const COLOR_MESSAGE_SURFACE_CALLOUT_INFO : string; -export const COLOR_MESSAGE_SURFACE_CALLOUT_SUCCESS : string; -export const COLOR_MESSAGE_SURFACE_CALLOUT_WARNING : string; -export const COLOR_MESSAGE_SURFACE_CALLOUT_ERROR : string; -export const INPUT_ASTERIX_COLOR_TEXT : string; -export const INPUT_PLACEHOLDER_COLOR_TEXT : string; -export const INPUT_HELPER_COLOR_TEXT_INITIAL : string; -export const INPUT_HELPER_COLOR_TEXT_FOCUS : string; -export const INPUT_HELPER_COLOR_TEXT_READ_ONLY : string; -export const INPUT_HELPER_COLOR_TEXT_DISABLED : string; -export const INPUT_HELPER_COLOR_ICON_INITIAL : string; -export const INPUT_HELPER_COLOR_ICON_FOCUS : string; -export const INPUT_HELPER_COLOR_ICON_READ_ONLY : string; -export const INPUT_HELPER_COLOR_ICON_DISABLED : string; -export const INPUT_HELPER_COLOR_MESSAGE_TEXT_INFO_INITIAL : string; -export const INPUT_HELPER_COLOR_MESSAGE_TEXT_INFO_FOCUS : string; -export const INPUT_HELPER_COLOR_MESSAGE_TEXT_INFO_READ_ONLY : string; -export const INPUT_HELPER_COLOR_MESSAGE_TEXT_INFO_DISABLED : string; -export const INPUT_HELPER_COLOR_MESSAGE_TEXT_SUCCESS_INITIAL : string; -export const INPUT_HELPER_COLOR_MESSAGE_TEXT_SUCCESS_FOCUS : string; -export const INPUT_HELPER_COLOR_MESSAGE_TEXT_SUCCESS_READ_ONLY : string; -export const INPUT_HELPER_COLOR_MESSAGE_TEXT_SUCCESS_DISABLED : string; -export const INPUT_HELPER_COLOR_MESSAGE_TEXT_WARNING_INITIAL : string; -export const INPUT_HELPER_COLOR_MESSAGE_TEXT_WARNING_FOCUS : string; -export const INPUT_HELPER_COLOR_MESSAGE_TEXT_WARNING_READ_ONLY : string; -export const INPUT_HELPER_COLOR_MESSAGE_TEXT_WARNING_DISABLED : string; -export const INPUT_HELPER_COLOR_MESSAGE_TEXT_ERROR_INITIAL : string; -export const INPUT_HELPER_COLOR_MESSAGE_TEXT_ERROR_FOCUS : string; -export const INPUT_HELPER_COLOR_MESSAGE_TEXT_ERROR_READ_ONLY : string; -export const INPUT_HELPER_COLOR_MESSAGE_TEXT_ERROR_DISABLED : string; -export const INPUT_HELPER_COLOR_MESSAGE_ICON_INFO_INITIAL : string; -export const INPUT_HELPER_COLOR_MESSAGE_ICON_INFO_FOCUS : string; -export const INPUT_HELPER_COLOR_MESSAGE_ICON_INFO_READ_ONLY : string; -export const INPUT_HELPER_COLOR_MESSAGE_ICON_INFO_DISABLED : string; -export const INPUT_HELPER_COLOR_MESSAGE_ICON_SUCCESS_INITIAL : string; -export const INPUT_HELPER_COLOR_MESSAGE_ICON_SUCCESS_FOCUS : string; -export const INPUT_HELPER_COLOR_MESSAGE_ICON_SUCCESS_READ_ONLY : string; -export const INPUT_HELPER_COLOR_MESSAGE_ICON_SUCCESS_DISABLED : string; -export const INPUT_HELPER_COLOR_MESSAGE_ICON_WARNING_INITIAL : string; -export const INPUT_HELPER_COLOR_MESSAGE_ICON_WARNING_FOCUS : string; -export const INPUT_HELPER_COLOR_MESSAGE_ICON_WARNING_READ_ONLY : string; -export const INPUT_HELPER_COLOR_MESSAGE_ICON_WARNING_DISABLED : string; -export const INPUT_HELPER_COLOR_MESSAGE_ICON_ERROR_INITIAL : string; -export const INPUT_HELPER_COLOR_MESSAGE_ICON_ERROR_FOCUS : string; -export const INPUT_HELPER_COLOR_MESSAGE_ICON_ERROR_READ_ONLY : string; -export const INPUT_HELPER_COLOR_MESSAGE_ICON_ERROR_DISABLED : string; -export const INPUT_COLOR_TEXT_INITIAL : string; -export const INPUT_COLOR_TEXT_READ_ONLY : string; -export const INPUT_COLOR_TEXT_FOCUS : string; -export const INPUT_COLOR_TEXT_DISABLED : string; -export const INPUT_COLOR_ICON_INITIAL : string; -export const INPUT_COLOR_ICON_READ_ONLY : string; -export const INPUT_COLOR_ICON_FOCUS : string; -export const INPUT_COLOR_ICON_DISABLED : string; -export const INPUT_COLOR_BORDER_INITIAL : string; -export const INPUT_COLOR_BORDER_READ_ONLY : string; -export const INPUT_COLOR_BORDER_FOCUS : string; -export const INPUT_COLOR_BORDER_DISABLED : string; -export const INPUT_COLOR_SURFACE_INITIAL_ON_LEVEL_1 : string; -export const INPUT_COLOR_SURFACE_INITIAL_ON_LEVEL_2 : string; -export const INPUT_COLOR_SURFACE_INITIAL_ON_LEVEL_3 : string; -export const INPUT_COLOR_SURFACE_DISABLED_ON_LEVEL_1 : string; -export const INPUT_COLOR_SURFACE_DISABLED_ON_LEVEL_2 : string; -export const INPUT_COLOR_SURFACE_DISABLED_ON_LEVEL_3 : string; -export const INPUT_COLOR_SURFACE_READ_ONLY_ON_LEVEL_1 : string; -export const INPUT_COLOR_SURFACE_READ_ONLY_ON_LEVEL_2 : string; -export const INPUT_COLOR_SURFACE_READ_ONLY_ON_LEVEL_3 : string; -export const INPUT_COLOR_MESSAGE_BORDER_SUCCESS_INITIAL : string; -export const INPUT_COLOR_MESSAGE_BORDER_SUCCESS_FOCUS : string; -export const INPUT_COLOR_MESSAGE_BORDER_SUCCESS_READ_ONLY : string; -export const INPUT_COLOR_MESSAGE_BORDER_SUCCESS_DISABLED : string; -export const INPUT_COLOR_MESSAGE_BORDER_WARNING_INITIAL : string; -export const INPUT_COLOR_MESSAGE_BORDER_WARNING_FOCUS : string; -export const INPUT_COLOR_MESSAGE_BORDER_WARNING_READ_ONLY : string; -export const INPUT_COLOR_MESSAGE_BORDER_WARNING_DISABLED : string; -export const INPUT_COLOR_MESSAGE_BORDER_ERROR_INITIAL : string; -export const INPUT_COLOR_MESSAGE_BORDER_ERROR_FOCUS : string; -export const INPUT_COLOR_MESSAGE_BORDER_ERROR_READ_ONLY : string; -export const INPUT_COLOR_MESSAGE_BORDER_ERROR_DISABLED : string; -export const INPUT_COLOR_MESSAGE_ICON_SUCCESS_INITIAL : string; -export const INPUT_COLOR_MESSAGE_ICON_SUCCESS_FOCUS : string; -export const INPUT_COLOR_MESSAGE_ICON_SUCCESS_READ_ONLY : string; -export const INPUT_COLOR_MESSAGE_ICON_SUCCESS_DISABLED : string; -export const INPUT_COLOR_MESSAGE_ICON_WARNING_INITIAL : string; -export const INPUT_COLOR_MESSAGE_ICON_WARNING_FOCUS : string; -export const INPUT_COLOR_MESSAGE_ICON_WARNING_READ_ONLY : string; -export const INPUT_COLOR_MESSAGE_ICON_WARNING_DISABLED : string; -export const INPUT_COLOR_MESSAGE_ICON_ERROR_INITIAL : string; -export const INPUT_COLOR_MESSAGE_ICON_ERROR_FOCUS : string; -export const INPUT_COLOR_MESSAGE_ICON_ERROR_READ_ONLY : string; -export const INPUT_COLOR_MESSAGE_ICON_ERROR_DISABLED : string; -export const INPUT_COLOR_MESSAGE_TEXT_SUCCESS_INITIAL : string; -export const INPUT_COLOR_MESSAGE_TEXT_SUCCESS_FOCUS : string; -export const INPUT_COLOR_MESSAGE_TEXT_SUCCESS_READ_ONLY : string; -export const INPUT_COLOR_MESSAGE_TEXT_SUCCESS_DISABLED : string; -export const INPUT_COLOR_MESSAGE_TEXT_WARNING_INITIAL : string; -export const INPUT_COLOR_MESSAGE_TEXT_WARNING_FOCUS : string; -export const INPUT_COLOR_MESSAGE_TEXT_WARNING_READ_ONLY : string; -export const INPUT_COLOR_MESSAGE_TEXT_WARNING_DISABLED : string; -export const INPUT_COLOR_MESSAGE_TEXT_ERROR_INITIAL : string; -export const INPUT_COLOR_MESSAGE_TEXT_ERROR_FOCUS : string; -export const INPUT_COLOR_MESSAGE_TEXT_ERROR_READ_ONLY : string; -export const INPUT_COLOR_MESSAGE_TEXT_ERROR_DISABLED : string; -export const INPUT_LABEL_COLOR_TEXT_INITIAL : string; -export const INPUT_LABEL_COLOR_TEXT_READ_ONLY : string; -export const INPUT_LABEL_COLOR_TEXT_DISABLED : string; -export const INPUT_LABEL_COLOR_ICON_INITIAL : string; -export const INPUT_LABEL_COLOR_ICON_READ_ONLY : string; -export const INPUT_LABEL_COLOR_ICON_DISABLED : string; -export const TABLE_CELL_COLOR_MESSAGE_SURFACE_ERROR : string; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_INITIAL_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_INITIAL_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_INITIAL_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_HOVER_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_HOVER_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_HOVER_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_HOVER_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_HOVER_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_HOVER_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_3 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_1 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_2 : string; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_INITIAL_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_INITIAL_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_INITIAL_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_HOVER_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_HOVER_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_HOVER_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_HOVER_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_HOVER_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_HOVER_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_STATIC_TEXT_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_STATIC_TEXT_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_STATIC_TEXT_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_STATIC_ICON_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_STATIC_ICON_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_STATIC_ICON_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_STATIC_BORDER_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_STATIC_BORDER_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_STATIC_BORDER_ON_LEVEL_3 : string; -export const TABLE_HEADER_COLOR_STATIC_SURFACE_ON_LEVEL_1 : string; -export const TABLE_HEADER_COLOR_STATIC_SURFACE_ON_LEVEL_2 : string; -export const TABLE_HEADER_COLOR_STATIC_SURFACE_ON_LEVEL_3 : string; -export const UI_MAIN_COLOR_SURFACE : string; -export const UI_SHELL_COLOR_SURFACE : string; -export const UI_SHELL_COLOR_BORDER : string; -export const UI_FLOATING_COLOR_SURFACE : string; -export const UI_SCRIM_COLOR_SURFACE : string; +/** For use in box shadows */ +export const COLOR_SHADOW: string; +export const COLOR_STATIC_TEXT_RAISED: string; +export const COLOR_STATIC_TEXT_INVERTED: string; +export const COLOR_STATIC_TEXT_STANDARD_PRIMARY: string; +export const COLOR_STATIC_TEXT_STANDARD_SECONDARY: string; +export const COLOR_STATIC_TEXT_STANDARD_MAXIMAL: string; +export const COLOR_STATIC_ICON_RAISED: string; +export const COLOR_STATIC_ICON_INVERTED: string; +export const COLOR_STATIC_ICON_STANDARD_PRIMARY: string; +export const COLOR_STATIC_ICON_STANDARD_SECONDARY: string; +export const COLOR_STATIC_ICON_STANDARD_MAXIMAL: string; +export const COLOR_STATIC_BORDER_RAISED: string; +export const COLOR_STATIC_BORDER_INVERTED: string; +export const COLOR_STATIC_BORDER_STANDARD_ON_LEVEL_1: string; +export const COLOR_STATIC_BORDER_STANDARD_ON_LEVEL_2: string; +export const COLOR_STATIC_BORDER_STANDARD_ON_LEVEL_3: string; +export const COLOR_STATIC_SURFACE_RAISED: string; +export const COLOR_STATIC_SURFACE_INVERTED: string; +export const COLOR_STATIC_SURFACE_STANDARD_ON_LEVEL_1: string; +export const COLOR_STATIC_SURFACE_STANDARD_ON_LEVEL_2: string; +export const COLOR_STATIC_SURFACE_STANDARD_ON_LEVEL_3: string; /** Disabled Toggle button */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_DISABLED: string; /** Toggle button */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_INITIAL: string; /** Toggle button */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_HOVER: string; /** Toggle button */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_ACTIVE: string; /** Toggle button */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_ACTIVE_HOVER: string; /** Disabled Sidebar link */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_DISABLED: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_INITIAL: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_HOVER: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_ACTIVE: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_ACTIVE_HOVER: string; /** Disabled Sidebar link */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_DISABLED: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_INITIAL: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_HOVER: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_ACTIVE: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_ACTIVE_HOVER: string; /** Disabled Tab */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_DISABLED: string; /** Tab */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_INITIAL: string; /** Tab */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_HOVER: string; /** Tab */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_ACTIVE: string; /** Tab */ +export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_ACTIVE_HOVER: string; /** Chip */ +export const COLOR_INTERACTIVE_TEXT_RAISED_DISABLED: string; /** Chip */ +export const COLOR_INTERACTIVE_TEXT_RAISED_INITIAL: string; /** Chip */ +export const COLOR_INTERACTIVE_TEXT_RAISED_HOVER: string; /** Chip */ +export const COLOR_INTERACTIVE_TEXT_RAISED_ACTIVE: string; /** Chip */ +export const COLOR_INTERACTIVE_TEXT_RAISED_ACTIVE_HOVER: string; /** Disabled Toggle button */ +export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_DISABLED: string; /** Toggle button */ +export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_INITIAL: string; /** Toggle button */ +export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_HOVER: string; /** Toggle button */ +export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_ACTIVE: string; /** Toggle button */ +export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_ACTIVE_HOVER: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_DISABLED: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_INITIAL: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_HOVER: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_ACTIVE: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_ACTIVE_HOVER: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_DISABLED: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_INITIAL: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_HOVER: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_ACTIVE: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_ACTIVE_HOVER: string; /** Disabled Toggle button */ +export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_DISABLED: string; /** Toggle button */ +export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_INITIAL: string; /** Toggle button */ +export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_HOVER: string; /** Toggle button */ +export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_ACTIVE: string; /** Toggle button */ +export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_ACTIVE_HOVER: string; /** Chip */ +export const COLOR_INTERACTIVE_ICON_RAISED_DISABLED: string; /** Chip */ +export const COLOR_INTERACTIVE_ICON_RAISED_INITIAL: string; /** Chip */ +export const COLOR_INTERACTIVE_ICON_RAISED_HOVER: string; /** Chip */ +export const COLOR_INTERACTIVE_ICON_RAISED_ACTIVE: string; /** Chip */ +export const COLOR_INTERACTIVE_ICON_RAISED_ACTIVE_HOVER: string; /** Toggle button */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_DISABLED: string; /** Toggle button */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_INITIAL: string; /** Toggle button */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_HOVER: string; /** Toggle button */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_ACTIVE: string; /** Toggle button */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_ACTIVE_HOVER: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_DISABLED: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_INITIAL: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_HOVER: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_ACTIVE: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_ACTIVE_HOVER: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_DISABLED: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_INITIAL: string; /** Tab */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_HOVER: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_ACTIVE: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_ACTIVE_HOVER: string; /** Tab */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_DISABLED: string; /** Tab */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_INITIAL: string; /** Tab */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_HOVER: string; /** Tab */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_ACTIVE: string; /** Tab */ +export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_ACTIVE_HOVER: string; /** Chip */ +export const COLOR_INTERACTIVE_BORDER_RAISED_DISABLED: string; /** Chip */ +export const COLOR_INTERACTIVE_BORDER_RAISED_INITIAL: string; /** Chip */ +export const COLOR_INTERACTIVE_BORDER_RAISED_HOVER: string; /** Chip */ +export const COLOR_INTERACTIVE_BORDER_RAISED_ACTIVE: string; /** Chip */ +export const COLOR_INTERACTIVE_BORDER_RAISED_ACTIVE_HOVER: string; /** Toggle button */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_DISABLED_OUTLINED: string; /** Toggle button */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_DISABLED_FILLED: string; /** Toggle button */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_INITIAL: string; /** Toggle button */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_HOVER: string; /** Toggle button */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_ACTIVE: string; /** Toggle button */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_ACTIVE_HOVER: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_DISABLED: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_INITIAL: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_HOVER: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_ACTIVE: string; /** Sidebar menu */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_ACTIVE_HOVER: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_DISABLED: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_INITIAL: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_HOVER: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_ACTIVE: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_ACTIVE_HOVER: string; /** Tab */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_DISABLED: string; /** Tab */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_INITIAL: string; /** Tab */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_HOVER: string; /** Tab */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_ACTIVE: string; /** Sidebar link */ +export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_ACTIVE_HOVER: string; /** Interactive Chip (disabled) */ +export const COLOR_INTERACTIVE_SURFACE_RAISED_DISABLED: string; /** Interactive Chip */ +export const COLOR_INTERACTIVE_SURFACE_RAISED_INITIAL: string; /** Interactive Chip */ +export const COLOR_INTERACTIVE_SURFACE_RAISED_HOVER: string; /** Interactive Chip */ +export const COLOR_INTERACTIVE_SURFACE_RAISED_ACTIVE: string; /** Interactive Chip */ +export const COLOR_INTERACTIVE_SURFACE_RAISED_ACTIVE_HOVER: string; /** Button */ +export const COLOR_ACTION_TEXT_PRIMARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_TEXT_STANDARD_PRIMARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_TEXT_STANDARD_PRIMARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_TEXT_STANDARD_PRIMARY_HOVER: string; /** Button */ +export const COLOR_ACTION_TEXT_STANDARD_SECONDARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_TEXT_STANDARD_SECONDARY_INITIAL: string; /** Button, Toggle button */ +export const COLOR_ACTION_TEXT_STANDARD_SECONDARY_HOVER: string; /** Button */ +export const COLOR_ACTION_TEXT_STANDARD_TERTIARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_TEXT_STANDARD_TERTIARY_INITIAL: string; /** Button, Toggle button */ +export const COLOR_ACTION_TEXT_STANDARD_TERTIARY_HOVER: string; /** Button */ +export const COLOR_ACTION_TEXT_MUTED_PRIMARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_TEXT_MUTED_PRIMARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_TEXT_MUTED_PRIMARY_HOVER: string; /** Button */ +export const COLOR_ACTION_TEXT_MUTED_SECONDARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_TEXT_MUTED_SECONDARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_TEXT_MUTED_SECONDARY_HOVER: string; /** Button */ +export const COLOR_ACTION_TEXT_MUTED_TERTIARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_TEXT_MUTED_TERTIARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_TEXT_MUTED_TERTIARY_HOVER: string; /** Button */ +export const COLOR_ACTION_TEXT_DANGER_PRIMARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_TEXT_DANGER_PRIMARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_TEXT_DANGER_PRIMARY_HOVER: string; /** Button */ +export const COLOR_ACTION_TEXT_DANGER_SECONDARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_TEXT_DANGER_SECONDARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_TEXT_DANGER_SECONDARY_HOVER: string; /** Button */ +export const COLOR_ACTION_TEXT_DANGER_TERTIARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_TEXT_DANGER_TERTIARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_TEXT_DANGER_TERTIARY_HOVER: string; +export const COLOR_ACTION_ICON_STANDARD_PRIMARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_ICON_STANDARD_PRIMARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_ICON_STANDARD_PRIMARY_HOVER: string; +export const COLOR_ACTION_ICON_STANDARD_SECONDARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_ICON_STANDARD_SECONDARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_ICON_STANDARD_SECONDARY_HOVER: string; +export const COLOR_ACTION_ICON_STANDARD_TERTIARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_ICON_STANDARD_TERTIARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_ICON_STANDARD_TERTIARY_HOVER: string; +export const COLOR_ACTION_ICON_MUTED_PRIMARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_ICON_MUTED_PRIMARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_ICON_MUTED_PRIMARY_HOVER: string; +export const COLOR_ACTION_ICON_MUTED_TERTIARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_ICON_MUTED_TERTIARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_ICON_MUTED_TERTIARY_HOVER: string; +export const COLOR_ACTION_ICON_MUTED_SECONDARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_ICON_MUTED_SECONDARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_ICON_MUTED_SECONDARY_HOVER: string; +export const COLOR_ACTION_ICON_DANGER_PRIMARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_ICON_DANGER_PRIMARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_ICON_DANGER_PRIMARY_HOVER: string; +export const COLOR_ACTION_ICON_DANGER_SECONDARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_ICON_DANGER_SECONDARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_ICON_DANGER_SECONDARY_HOVER: string; +export const COLOR_ACTION_ICON_DANGER_TERTIARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_ICON_DANGER_TERTIARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_ICON_DANGER_TERTIARY_HOVER: string; /** Button */ +export const COLOR_ACTION_BORDER_SECONDARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_BORDER_STANDARD_PRIMARY_DISABLED: string; /** Button, Toggle button */ +export const COLOR_ACTION_BORDER_STANDARD_PRIMARY_INITIAL: string; /** Button, Toggle button */ +export const COLOR_ACTION_BORDER_STANDARD_PRIMARY_HOVER: string; /** Button */ +export const COLOR_ACTION_BORDER_STANDARD_SECONDARY_DISABLED: string; /** Button, Toggle button */ +export const COLOR_ACTION_BORDER_STANDARD_SECONDARY_INITIAL: string; /** Button, Toggle button */ +export const COLOR_ACTION_BORDER_STANDARD_SECONDARY_HOVER: string; +export const COLOR_ACTION_BORDER_STANDARD_TERTIARY_DISABLED: string; +export const COLOR_ACTION_BORDER_STANDARD_TERTIARY_INITIAL: string; +export const COLOR_ACTION_BORDER_STANDARD_TERTIARY_HOVER: string; /** Button */ +export const COLOR_ACTION_BORDER_MUTED_PRIMARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_BORDER_MUTED_PRIMARY_HOVER: string; /** Button */ +export const COLOR_ACTION_BORDER_MUTED_PRIMARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_BORDER_MUTED_SECONDARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_BORDER_MUTED_SECONDARY_HOVER: string; /** Button */ +export const COLOR_ACTION_BORDER_MUTED_SECONDARY_DISABLED: string; +export const COLOR_ACTION_BORDER_MUTED_TERTIARY_INITIAL: string; +export const COLOR_ACTION_BORDER_MUTED_TERTIARY_HOVER: string; /** Button */ +export const COLOR_ACTION_BORDER_MUTED_TERTIARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_BORDER_DANGER_PRIMARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_BORDER_DANGER_PRIMARY_HOVER: string; /** Button */ +export const COLOR_ACTION_BORDER_DANGER_PRIMARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_BORDER_DANGER_SECONDARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_BORDER_DANGER_SECONDARY_HOVER: string; /** Button */ +export const COLOR_ACTION_BORDER_DANGER_SECONDARY_DISABLED: string; +export const COLOR_ACTION_BORDER_DANGER_TERTIARY_INITIAL: string; +export const COLOR_ACTION_BORDER_DANGER_TERTIARY_HOVER: string; /** Button */ +export const COLOR_ACTION_BORDER_DANGER_TERTIARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_SURFACE_STANDARD_PRIMARY_DISABLED: string; /** Button, Toggle button */ +export const COLOR_ACTION_SURFACE_STANDARD_PRIMARY_INITIAL: string; /** Button, Toggle button */ +export const COLOR_ACTION_SURFACE_STANDARD_PRIMARY_HOVER: string; /** Button */ +export const COLOR_ACTION_SURFACE_STANDARD_SECONDARY_DISABLED: string; /** Button, Ghost button, Toggle button */ +export const COLOR_ACTION_SURFACE_STANDARD_SECONDARY_INITIAL: string; /** Button, Ghost button, Toggle button */ +export const COLOR_ACTION_SURFACE_STANDARD_SECONDARY_HOVER: string; /** Button */ +export const COLOR_ACTION_SURFACE_STANDARD_TERTIARY_DISABLED: string; /** Button, Ghost button, Toggle button */ +export const COLOR_ACTION_SURFACE_STANDARD_TERTIARY_INITIAL: string; /** Button, Ghost button, Toggle button */ +export const COLOR_ACTION_SURFACE_STANDARD_TERTIARY_HOVER: string; /** Button */ +export const COLOR_ACTION_SURFACE_MUTED_PRIMARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_SURFACE_MUTED_PRIMARY_HOVER: string; /** Button */ +export const COLOR_ACTION_SURFACE_MUTED_PRIMARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_SURFACE_MUTED_SECONDARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_SURFACE_MUTED_SECONDARY_HOVER: string; /** Button */ +export const COLOR_ACTION_SURFACE_MUTED_SECONDARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_SURFACE_MUTED_TERTIARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_SURFACE_MUTED_TERTIARY_HOVER: string; /** Button */ +export const COLOR_ACTION_SURFACE_MUTED_TERTIARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_SURFACE_DANGER_PRIMARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_SURFACE_DANGER_PRIMARY_HOVER: string; /** Button */ +export const COLOR_ACTION_SURFACE_DANGER_PRIMARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_SURFACE_DANGER_SECONDARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_SURFACE_DANGER_SECONDARY_HOVER: string; /** Button */ +export const COLOR_ACTION_SURFACE_DANGER_SECONDARY_DISABLED: string; /** Button */ +export const COLOR_ACTION_SURFACE_DANGER_TERTIARY_INITIAL: string; /** Button */ +export const COLOR_ACTION_SURFACE_DANGER_TERTIARY_HOVER: string; /** Button */ +export const COLOR_ACTION_SURFACE_DANGER_TERTIARY_DISABLED: string; /** Deprecated - Card. Use text/message. */ +export const COLOR_MESSAGE_TEXT_STANDARD_INFO: string; /** Deprecated - Card. Use text/message. */ +export const COLOR_MESSAGE_TEXT_STANDARD_SUCCESS: string; /** Deprecated - Card. Use text/message. */ +export const COLOR_MESSAGE_TEXT_STANDARD_WARNING: string; /** Deprecated - Card. Use text/message. */ +export const COLOR_MESSAGE_TEXT_STANDARD_ERROR: string; /** Chip, Card, input helper */ +export const COLOR_MESSAGE_TEXT_RAISED_INFO_INITIAL: string; /** Chip */ +export const COLOR_MESSAGE_TEXT_RAISED_INFO_HOVER: string; /** Chip, Card, input helper */ +export const COLOR_MESSAGE_TEXT_RAISED_SUCCESS_INITIAL: string; /** Chip */ +export const COLOR_MESSAGE_TEXT_RAISED_SUCCESS_HOVER: string; /** Chip, Card, input helper */ +export const COLOR_MESSAGE_TEXT_RAISED_WARNING_INITIAL: string; /** Chip */ +export const COLOR_MESSAGE_TEXT_RAISED_WARNING_HOVER: string; /** Chip, Card, input helper */ +export const COLOR_MESSAGE_TEXT_RAISED_ERROR_INITIAL: string; /** Chip */ +export const COLOR_MESSAGE_TEXT_RAISED_ERROR_HOVER: string; /** Banner */ +export const COLOR_MESSAGE_TEXT_CALLOUT_INFO: string; /** Banner */ +export const COLOR_MESSAGE_TEXT_CALLOUT_SUCCESS: string; /** Banner */ +export const COLOR_MESSAGE_TEXT_CALLOUT_WARNING: string; /** Banner */ +export const COLOR_MESSAGE_TEXT_CALLOUT_ERROR: string; /** Deprecated - Card. Use icon/message. */ +export const COLOR_MESSAGE_ICON_STANDARD_INFO: string; /** Deprecated - Card. Use icon/message. */ +export const COLOR_MESSAGE_ICON_STANDARD_SUCCESS: string; /** Deprecated - Card. Use icon/message. */ +export const COLOR_MESSAGE_ICON_STANDARD_WARNING: string; /** Deprecated - Card. Use icon/message. */ +export const COLOR_MESSAGE_ICON_STANDARD_ERROR: string; /** Deprecated - Chip. Use icon/message. */ +export const COLOR_MESSAGE_ICON_RAISED_INFO_INITIAL: string; /** Deprecated - Chip. Use icon/message. */ +export const COLOR_MESSAGE_ICON_RAISED_INFO_HOVER: string; /** Deprecated - Chip. Use icon/message. */ +export const COLOR_MESSAGE_ICON_RAISED_SUCCESS_INITIAL: string; /** Deprecated - Chip. Use icon/message. */ +export const COLOR_MESSAGE_ICON_RAISED_SUCCESS_HOVER: string; /** Deprecated - Chip. Use icon/message. */ +export const COLOR_MESSAGE_ICON_RAISED_WARNING_INITIAL: string; /** Deprecated - Chip. Use icon/message. */ +export const COLOR_MESSAGE_ICON_RAISED_WARNING_HOVER: string; /** Deprecated - Chip. Use icon/message. */ +export const COLOR_MESSAGE_ICON_RAISED_ERROR_INITIAL: string; /** Deprecated - Chip. Use icon/message. */ +export const COLOR_MESSAGE_ICON_RAISED_ERROR_HOVER: string; /** Banner */ +export const COLOR_MESSAGE_ICON_CALLOUT_INFO: string; /** Banner */ +export const COLOR_MESSAGE_ICON_CALLOUT_SUCCESS: string; /** Banner */ +export const COLOR_MESSAGE_ICON_CALLOUT_WARNING: string; /** Banner */ +export const COLOR_MESSAGE_ICON_CALLOUT_ERROR: string; /** Card */ +export const COLOR_MESSAGE_BORDER_STANDARD_INFO: string; /** Card */ +export const COLOR_MESSAGE_BORDER_STANDARD_SUCCESS: string; /** Card */ +export const COLOR_MESSAGE_BORDER_STANDARD_WARNING: string; /** Card */ +export const COLOR_MESSAGE_BORDER_STANDARD_ERROR: string; /** Chip */ +export const COLOR_MESSAGE_BORDER_RAISED_INFO_INITIAL: string; /** Chip */ +export const COLOR_MESSAGE_BORDER_RAISED_INFO_HOVER: string; /** Chip */ +export const COLOR_MESSAGE_BORDER_RAISED_SUCCESS_INITIAL: string; /** Chip */ +export const COLOR_MESSAGE_BORDER_RAISED_SUCCESS_HOVER: string; /** Chip */ +export const COLOR_MESSAGE_BORDER_RAISED_WARNING_INITIAL: string; /** Chip */ +export const COLOR_MESSAGE_BORDER_RAISED_WARNING_HOVER: string; /** Chip */ +export const COLOR_MESSAGE_BORDER_RAISED_ERROR_INITIAL: string; /** Chip */ +export const COLOR_MESSAGE_BORDER_RAISED_ERROR_HOVER: string; /** Banner */ +export const COLOR_MESSAGE_BORDER_CALLOUT_INFO: string; /** Banner */ +export const COLOR_MESSAGE_BORDER_CALLOUT_SUCCESS: string; /** Banner */ +export const COLOR_MESSAGE_BORDER_CALLOUT_WARNING: string; /** Banner */ +export const COLOR_MESSAGE_BORDER_CALLOUT_ERROR: string; /** Card */ +export const COLOR_MESSAGE_SURFACE_STANDARD_INFO_ON_LEVEL_1: string; /** Card */ +export const COLOR_MESSAGE_SURFACE_STANDARD_INFO_ON_LEVEL_2: string; /** Card */ +export const COLOR_MESSAGE_SURFACE_STANDARD_INFO_ON_LEVEL_3: string; /** Card */ +export const COLOR_MESSAGE_SURFACE_STANDARD_SUCCESS_ON_LEVEL_1: string; /** Card */ +export const COLOR_MESSAGE_SURFACE_STANDARD_SUCCESS_ON_LEVEL_2: string; /** Card */ +export const COLOR_MESSAGE_SURFACE_STANDARD_SUCCESS_ON_LEVEL_3: string; /** Card */ +export const COLOR_MESSAGE_SURFACE_STANDARD_WARNING_ON_LEVEL_1: string; /** Card */ +export const COLOR_MESSAGE_SURFACE_STANDARD_WARNING_ON_LEVEL_2: string; /** Card */ +export const COLOR_MESSAGE_SURFACE_STANDARD_WARNING_ON_LEVEL_3: string; /** Card */ +export const COLOR_MESSAGE_SURFACE_STANDARD_ERROR_ON_LEVEL_1: string; /** Card */ +export const COLOR_MESSAGE_SURFACE_STANDARD_ERROR_ON_LEVEL_2: string; /** Card */ +export const COLOR_MESSAGE_SURFACE_STANDARD_ERROR_ON_LEVEL_3: string; /** Chip */ +export const COLOR_MESSAGE_SURFACE_RAISED_INFO_INITIAL: string; /** Chip */ +export const COLOR_MESSAGE_SURFACE_RAISED_INFO_HOVER: string; /** Chip */ +export const COLOR_MESSAGE_SURFACE_RAISED_SUCCESS_INITIAL: string; /** Chip */ +export const COLOR_MESSAGE_SURFACE_RAISED_SUCCESS_HOVER: string; /** Chip */ +export const COLOR_MESSAGE_SURFACE_RAISED_WARNING_INITIAL: string; /** Chip */ +export const COLOR_MESSAGE_SURFACE_RAISED_WARNING_HOVER: string; /** Chip */ +export const COLOR_MESSAGE_SURFACE_RAISED_ERROR_INITIAL: string; /** Chip */ +export const COLOR_MESSAGE_SURFACE_RAISED_ERROR_HOVER: string; /** Chip */ +export const COLOR_MESSAGE_SURFACE_CALLOUT_INFO: string; /** Chip */ +export const COLOR_MESSAGE_SURFACE_CALLOUT_SUCCESS: string; /** Banner */ +export const COLOR_MESSAGE_SURFACE_CALLOUT_WARNING: string; /** Banner */ +export const COLOR_MESSAGE_SURFACE_CALLOUT_ERROR: string; /** Autocomplete, Text field */ +export const INPUT_ASTERIX_COLOR_TEXT: string; /** Autocomplete, Table input, Search, Text field */ +export const INPUT_PLACEHOLDER_COLOR_TEXT: string; /** Autocomplete, Table input, Text field */ +export const INPUT_HELPER_COLOR_TEXT_INITIAL: string; /** Autocomplete, Table input, Text field */ +export const INPUT_HELPER_COLOR_TEXT_FOCUS: string; /** Autocomplete, Table input, Text field */ +export const INPUT_HELPER_COLOR_TEXT_READ_ONLY: string; /** Autocomplete, Table input, Search, Text field */ +export const INPUT_HELPER_COLOR_TEXT_DISABLED: string; /** Autocomplete, Table input, Text field */ +export const INPUT_HELPER_COLOR_ICON_INITIAL: string; /** Autocomplete, Table input, Text field */ +export const INPUT_HELPER_COLOR_ICON_FOCUS: string; /** Autocomplete, Table input, Text field */ +export const INPUT_HELPER_COLOR_ICON_READ_ONLY: string; /** Autocomplete, Table input, Search, Text field */ +export const INPUT_HELPER_COLOR_ICON_DISABLED: string; +export const INPUT_HELPER_COLOR_MESSAGE_TEXT_INFO_INITIAL: string; +export const INPUT_HELPER_COLOR_MESSAGE_TEXT_INFO_FOCUS: string; +export const INPUT_HELPER_COLOR_MESSAGE_TEXT_INFO_READ_ONLY: string; +export const INPUT_HELPER_COLOR_MESSAGE_TEXT_INFO_DISABLED: string; +export const INPUT_HELPER_COLOR_MESSAGE_TEXT_SUCCESS_INITIAL: string; +export const INPUT_HELPER_COLOR_MESSAGE_TEXT_SUCCESS_FOCUS: string; +export const INPUT_HELPER_COLOR_MESSAGE_TEXT_SUCCESS_READ_ONLY: string; +export const INPUT_HELPER_COLOR_MESSAGE_TEXT_SUCCESS_DISABLED: string; +export const INPUT_HELPER_COLOR_MESSAGE_TEXT_WARNING_INITIAL: string; +export const INPUT_HELPER_COLOR_MESSAGE_TEXT_WARNING_FOCUS: string; +export const INPUT_HELPER_COLOR_MESSAGE_TEXT_WARNING_READ_ONLY: string; +export const INPUT_HELPER_COLOR_MESSAGE_TEXT_WARNING_DISABLED: string; +export const INPUT_HELPER_COLOR_MESSAGE_TEXT_ERROR_INITIAL: string; +export const INPUT_HELPER_COLOR_MESSAGE_TEXT_ERROR_FOCUS: string; +export const INPUT_HELPER_COLOR_MESSAGE_TEXT_ERROR_READ_ONLY: string; +export const INPUT_HELPER_COLOR_MESSAGE_TEXT_ERROR_DISABLED: string; +export const INPUT_HELPER_COLOR_MESSAGE_ICON_INFO_INITIAL: string; +export const INPUT_HELPER_COLOR_MESSAGE_ICON_INFO_FOCUS: string; +export const INPUT_HELPER_COLOR_MESSAGE_ICON_INFO_READ_ONLY: string; +export const INPUT_HELPER_COLOR_MESSAGE_ICON_INFO_DISABLED: string; +export const INPUT_HELPER_COLOR_MESSAGE_ICON_SUCCESS_INITIAL: string; +export const INPUT_HELPER_COLOR_MESSAGE_ICON_SUCCESS_FOCUS: string; +export const INPUT_HELPER_COLOR_MESSAGE_ICON_SUCCESS_READ_ONLY: string; +export const INPUT_HELPER_COLOR_MESSAGE_ICON_SUCCESS_DISABLED: string; +export const INPUT_HELPER_COLOR_MESSAGE_ICON_WARNING_INITIAL: string; +export const INPUT_HELPER_COLOR_MESSAGE_ICON_WARNING_FOCUS: string; +export const INPUT_HELPER_COLOR_MESSAGE_ICON_WARNING_READ_ONLY: string; +export const INPUT_HELPER_COLOR_MESSAGE_ICON_WARNING_DISABLED: string; +export const INPUT_HELPER_COLOR_MESSAGE_ICON_ERROR_INITIAL: string; +export const INPUT_HELPER_COLOR_MESSAGE_ICON_ERROR_FOCUS: string; +export const INPUT_HELPER_COLOR_MESSAGE_ICON_ERROR_READ_ONLY: string; +export const INPUT_HELPER_COLOR_MESSAGE_ICON_ERROR_DISABLED: string; /** Autocomplete, Table input, Text field */ +export const INPUT_COLOR_TEXT_INITIAL: string; /** Autocomplete, Table input, Text field */ +export const INPUT_COLOR_TEXT_READ_ONLY: string; /** Autocomplete, Table input, Search, Text field */ +export const INPUT_COLOR_TEXT_FOCUS: string; /** Autocomplete, Table input, Search, Text field */ +export const INPUT_COLOR_TEXT_DISABLED: string; /** Autocomplete, Table input, Text field */ +export const INPUT_COLOR_ICON_INITIAL: string; /** Autocomplete, Table input, Text field */ +export const INPUT_COLOR_ICON_READ_ONLY: string; /** Autocomplete, Table input, Search, Text field */ +export const INPUT_COLOR_ICON_FOCUS: string; /** Autocomplete, Table input, Search, Text field */ +export const INPUT_COLOR_ICON_DISABLED: string; /** Autocomplete, Text field */ +export const INPUT_COLOR_BORDER_INITIAL: string; /** Autocomplete, Text field */ +export const INPUT_COLOR_BORDER_READ_ONLY: string; /** Autocomplete, Search, Text field */ +export const INPUT_COLOR_BORDER_FOCUS: string; /** Autocomplete, Search, Text field */ +export const INPUT_COLOR_BORDER_DISABLED: string; /** Autocomplete, Search, Table input, Text field input */ +export const INPUT_COLOR_SURFACE_INITIAL_ON_LEVEL_1: string; /** Autocomplete, Search, Table input, Text field input */ +export const INPUT_COLOR_SURFACE_INITIAL_ON_LEVEL_2: string; +export const INPUT_COLOR_SURFACE_INITIAL_ON_LEVEL_3: string; /** Autocomplete, Search, Table input, Text field input */ +export const INPUT_COLOR_SURFACE_DISABLED_ON_LEVEL_1: string; /** Autocomplete, Search, Table input, Text field input */ +export const INPUT_COLOR_SURFACE_DISABLED_ON_LEVEL_2: string; +export const INPUT_COLOR_SURFACE_DISABLED_ON_LEVEL_3: string; +export const INPUT_COLOR_SURFACE_READ_ONLY_ON_LEVEL_1: string; +export const INPUT_COLOR_SURFACE_READ_ONLY_ON_LEVEL_2: string; +export const INPUT_COLOR_SURFACE_READ_ONLY_ON_LEVEL_3: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_BORDER_SUCCESS_INITIAL: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_BORDER_SUCCESS_FOCUS: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_BORDER_SUCCESS_READ_ONLY: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_BORDER_SUCCESS_DISABLED: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_BORDER_WARNING_INITIAL: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_BORDER_WARNING_FOCUS: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_BORDER_WARNING_READ_ONLY: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_BORDER_WARNING_DISABLED: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_BORDER_ERROR_INITIAL: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_BORDER_ERROR_FOCUS: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_BORDER_ERROR_READ_ONLY: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_BORDER_ERROR_DISABLED: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_ICON_SUCCESS_INITIAL: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_ICON_SUCCESS_FOCUS: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_ICON_SUCCESS_READ_ONLY: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_ICON_SUCCESS_DISABLED: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_ICON_WARNING_INITIAL: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_ICON_WARNING_FOCUS: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_ICON_WARNING_READ_ONLY: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_ICON_WARNING_DISABLED: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_ICON_ERROR_INITIAL: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_ICON_ERROR_FOCUS: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_ICON_ERROR_READ_ONLY: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_ICON_ERROR_DISABLED: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_TEXT_SUCCESS_INITIAL: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_TEXT_SUCCESS_FOCUS: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_TEXT_SUCCESS_READ_ONLY: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_TEXT_SUCCESS_DISABLED: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_TEXT_WARNING_INITIAL: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_TEXT_WARNING_FOCUS: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_TEXT_WARNING_READ_ONLY: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_TEXT_WARNING_DISABLED: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_TEXT_ERROR_INITIAL: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_TEXT_ERROR_FOCUS: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_TEXT_ERROR_READ_ONLY: string; /** Text field */ +export const INPUT_COLOR_MESSAGE_TEXT_ERROR_DISABLED: string; +export const INPUT_LABEL_COLOR_TEXT_INITIAL: string; +export const INPUT_LABEL_COLOR_TEXT_READ_ONLY: string; +export const INPUT_LABEL_COLOR_TEXT_DISABLED: string; +export const INPUT_LABEL_COLOR_ICON_INITIAL: string; +export const INPUT_LABEL_COLOR_ICON_READ_ONLY: string; +export const INPUT_LABEL_COLOR_ICON_DISABLED: string; /** Table cell, Table data grid cell */ +export const TABLE_CELL_COLOR_MESSAGE_SURFACE_ERROR: string; +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_INITIAL_ON_LEVEL_1: string; +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_INITIAL_ON_LEVEL_2: string; +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_INITIAL_ON_LEVEL_3: string; +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_HOVER_ON_LEVEL_1: string; +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_HOVER_ON_LEVEL_2: string; +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_HOVER_ON_LEVEL_3: string; /** Interactive table cell, table data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_1: string; /** Interactive table cell, table data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_2: string; /** Interactive table cell, table data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_3: string; /** Interactive table cell, data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_1: string; /** Interactive table cell, data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_2: string; /** Interactive table cell, data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_3: string; +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_1: string; +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_2: string; +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_3: string; /** Table cell, Table data grid cell, Table header, Table data grid header */ +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_1: string; /** Table cell, Table data grid cell, Table header, Table data grid header */ +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_2: string; /** Table cell, Table data grid cell, Table header, Table data grid header */ +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_3: string; /** Table cell, Table data grid cell, Table header, Table data grid header */ +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_1: string; /** Table cell, Table data grid cell, Table header, Table data grid header */ +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_2: string; /** Table cell, Table data grid cell, Table header, Table data grid header */ +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_3: string; /** Table cell, Table data grid cell, Table header, Table data grid header */ +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_1: string; /** Table cell, Table data grid cell, Table header, Table data grid header */ +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_2: string; /** Table cell, Table data grid cell, Table header, Table data grid header */ +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_3: string; /** Table cell, Table data grid cell, Table header, Table data grid header */ +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_1: string; /** Table cell, Table data grid cell, Table header, Table data grid header */ +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_2: string; /** Table cell, Table data grid cell, Table header, Table data grid header */ +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_3: string; +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_1: string; +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_2: string; +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_3: string; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_1: string; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_2: string; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_3: string; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_HOVER_ON_LEVEL_1: string; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_HOVER_ON_LEVEL_2: string; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_HOVER_ON_LEVEL_3: string; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_1: string; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_2: string; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_3: string; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_1: string; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_2: string; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_3: string; /** Border on Table cell doesn't change from Initial state, only the text & the icon. */ +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_1: string; /** Border on Table cell doesn't change from Initial state, only the text & the icon. */ +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_2: string; /** Border on Table cell doesn't change from Initial state, only the text & the icon. */ +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_3: string; /** Table cell, Table data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_1: string; /** Table cell, Table data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_2: string; /** Table cell, Table data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_3: string; /** Table cell, Table data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_1: string; /** Table cell, Table data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_2: string; /** Table cell, Table data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_3: string; /** Table cell, Table data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_1: string; /** Table cell, Table data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_2: string; /** Table cell, Table data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_3: string; /** Table cell, Table data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_1: string; /** Table cell, Table data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_2: string; /** Table cell, Table data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_3: string; /** Table cell, Table data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_1: string; /** Table cell, Table data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_2: string; /** Table cell, Table data grid cell */ +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_3: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_INITIAL_ON_LEVEL_1: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_INITIAL_ON_LEVEL_2: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_INITIAL_ON_LEVEL_3: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_HOVER_ON_LEVEL_1: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_HOVER_ON_LEVEL_2: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_HOVER_ON_LEVEL_3: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_1: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_2: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_3: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_1: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_2: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_3: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_1: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_2: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_3: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_1: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_2: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_3: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_1: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_2: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_3: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_1: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_2: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_3: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_1: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_2: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_3: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_1: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_2: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_3: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_1: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_2: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_3: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_HOVER_ON_LEVEL_1: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_HOVER_ON_LEVEL_2: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_HOVER_ON_LEVEL_3: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_1: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_2: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_3: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_1: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_2: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_3: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_1: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_2: string; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_3: string; /** Table header, Table data grid header */ +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_1: string; /** Table header, Table data grid header */ +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_2: string; /** Table header, Table data grid header */ +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_3: string; /** Table header, Table data grid header */ +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_1: string; /** Table header, Table data grid header */ +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_2: string; /** Table header, Table data grid header */ +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_3: string; /** Table header, Table data grid header */ +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_1: string; /** Table header, Table data grid header */ +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_2: string; /** Table header, Table data grid header */ +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_3: string; /** Table header, Table data grid header */ +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_1: string; /** Table header, Table data grid header */ +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_2: string; /** Table header, Table data grid header */ +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_3: string; /** Table header, Table data grid header */ +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_1: string; /** Table header, Table data grid header */ +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_2: string; /** Table header, Table data grid header */ +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_3: string; +export const TABLE_HEADER_COLOR_STATIC_TEXT_ON_LEVEL_1: string; +export const TABLE_HEADER_COLOR_STATIC_TEXT_ON_LEVEL_2: string; +export const TABLE_HEADER_COLOR_STATIC_TEXT_ON_LEVEL_3: string; +export const TABLE_HEADER_COLOR_STATIC_ICON_ON_LEVEL_1: string; +export const TABLE_HEADER_COLOR_STATIC_ICON_ON_LEVEL_2: string; +export const TABLE_HEADER_COLOR_STATIC_ICON_ON_LEVEL_3: string; +export const TABLE_HEADER_COLOR_STATIC_BORDER_ON_LEVEL_1: string; +export const TABLE_HEADER_COLOR_STATIC_BORDER_ON_LEVEL_2: string; +export const TABLE_HEADER_COLOR_STATIC_BORDER_ON_LEVEL_3: string; /** Table header, Table data grid header */ +export const TABLE_HEADER_COLOR_STATIC_SURFACE_ON_LEVEL_1: string; /** Table header, Table data grid header */ +export const TABLE_HEADER_COLOR_STATIC_SURFACE_ON_LEVEL_2: string; /** Table header, Table data grid header */ +export const TABLE_HEADER_COLOR_STATIC_SURFACE_ON_LEVEL_3: string; /** Recommended background color for EDS applications */ +export const UI_MAIN_COLOR_SURFACE: string; /** Sidebar, Side sheet, Toolbar, Top bar */ +export const UI_SHELL_COLOR_SURFACE: string; /** Sidebar, Topbar, Side sheet */ +export const UI_SHELL_COLOR_BORDER: string; /** Recommended background color for EDS applications */ +export const UI_FLOATING_COLOR_SURFACE: string; /** Scrim */ +export const UI_SCRIM_COLOR_SURFACE: string; diff --git a/packages/eds-tokens/build/js/color/light.js b/packages/eds-tokens/build/js/color/light.js index f478f41daa..7a9ef57bef 100644 --- a/packages/eds-tokens/build/js/color/light.js +++ b/packages/eds-tokens/build/js/color/light.js @@ -2,7 +2,7 @@ * Do not edit directly, this file was auto-generated. */ -export const COLOR_SHADOW = "#00000024"; +export const COLOR_SHADOW = "#00000024"; // For use in box shadows export const COLOR_STATIC_TEXT_RAISED = "#007079"; export const COLOR_STATIC_TEXT_INVERTED = "#ffffff"; export const COLOR_STATIC_TEXT_STANDARD_PRIMARY = "#3d3d3d"; @@ -23,299 +23,313 @@ export const COLOR_STATIC_SURFACE_INVERTED = "#000000cc"; export const COLOR_STATIC_SURFACE_STANDARD_ON_LEVEL_1 = "#ffffff"; export const COLOR_STATIC_SURFACE_STANDARD_ON_LEVEL_2 = "#ffffff"; export const COLOR_STATIC_SURFACE_STANDARD_ON_LEVEL_3 = "#ffffff"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_DISABLED = "#bebebe"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_INITIAL = "#6f6f6f"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_HOVER = "#565656"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_ACTIVE = "#ffffff"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_ACTIVE_HOVER = "#ffffff"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_DISABLED = "#bebebe"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_INITIAL = "#6f6f6f"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_HOVER = "#565656"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_ACTIVE = "#007079"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_ACTIVE_HOVER = "#004f55"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_DISABLED = "#bebebe"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_INITIAL = "#6f6f6f"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_HOVER = "#565656"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_ACTIVE = "#007079"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_ACTIVE_HOVER = "#004f55"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_DISABLED = "#bebebe"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_INITIAL = "#6f6f6f"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_HOVER = "#565656"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_ACTIVE = "#007079"; -export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_ACTIVE_HOVER = "#004f55"; -export const COLOR_INTERACTIVE_TEXT_RAISED_DISABLED = "#bebebe"; -export const COLOR_INTERACTIVE_TEXT_RAISED_INITIAL = "#565656"; -export const COLOR_INTERACTIVE_TEXT_RAISED_HOVER = "#3d3d3d"; -export const COLOR_INTERACTIVE_TEXT_RAISED_ACTIVE = "#007079"; -export const COLOR_INTERACTIVE_TEXT_RAISED_ACTIVE_HOVER = "#004f55"; -export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_DISABLED = "#bebebe"; -export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_INITIAL = "#6f6f6f"; -export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_HOVER = "#6f6f6f"; -export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_ACTIVE = "#ffffff"; -export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_ACTIVE_HOVER = "#ffffff"; -export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_DISABLED = "#bebebe"; -export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_INITIAL = "#6f6f6f"; -export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_HOVER = "#565656"; -export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_ACTIVE = "#007079"; -export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_ACTIVE_HOVER = "#004f55"; -export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_DISABLED = "#bebebe"; -export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_INITIAL = "#6f6f6f"; -export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_HOVER = "#565656"; -export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_ACTIVE = "#007079"; -export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_ACTIVE_HOVER = "#004f55"; -export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_DISABLED = "#bebebe"; -export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_INITIAL = "#6f6f6f"; -export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_HOVER = "#565656"; -export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_ACTIVE = "#007079"; -export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_ACTIVE_HOVER = "#004f55"; -export const COLOR_INTERACTIVE_ICON_RAISED_DISABLED = "#bebebe"; -export const COLOR_INTERACTIVE_ICON_RAISED_INITIAL = "#565656"; -export const COLOR_INTERACTIVE_ICON_RAISED_HOVER = "#3d3d3d"; -export const COLOR_INTERACTIVE_ICON_RAISED_ACTIVE = "#007079"; -export const COLOR_INTERACTIVE_ICON_RAISED_ACTIVE_HOVER = "#004f55"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_DISABLED = "#dcdcdc"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_INITIAL = "#6f6f6f"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_HOVER = "#6f6f6f"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_ACTIVE = "#007079"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_ACTIVE_HOVER = "#007079"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_DISABLED = "#ffffff00"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_INITIAL = "#ffffff00"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_HOVER = "#ffffff00"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_ACTIVE = "#ffffff00"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_ACTIVE_HOVER = "#ffffff00"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_DISABLED = "#f7f7f7"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_INITIAL = "#f7f7f7"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_HOVER = "#f7f7f7"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_ACTIVE = "#007079"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_ACTIVE_HOVER = "#004f55"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_DISABLED = "#dcdcdc"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_INITIAL = "#dcdcdc"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_HOVER = "#bebebe"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_ACTIVE = "#007079"; -export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_ACTIVE_HOVER = "#004f55"; -export const COLOR_INTERACTIVE_BORDER_RAISED_DISABLED = "#dcdcdc"; -export const COLOR_INTERACTIVE_BORDER_RAISED_INITIAL = "#dcdcdc"; -export const COLOR_INTERACTIVE_BORDER_RAISED_HOVER = "#565656"; -export const COLOR_INTERACTIVE_BORDER_RAISED_ACTIVE = "#b9d7da"; -export const COLOR_INTERACTIVE_BORDER_RAISED_ACTIVE_HOVER = "#007079"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_DISABLED_OUTLINED = "#ffffff00"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_DISABLED_FILLED = "#eaeaea"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_INITIAL = "#ffffff00"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_HOVER = "#dcdcdc"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_ACTIVE = "#007079"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_ACTIVE_HOVER = "#004f55"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_DISABLED = "#ffffff00"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_INITIAL = "#ffffff00"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_HOVER = "#dcdcdc"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_ACTIVE = "#deedee"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_ACTIVE_HOVER = "#c9e0e2"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_DISABLED = "#ffffff00"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_INITIAL = "#ffffff00"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_HOVER = "#dcdcdc"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_ACTIVE = "#deedee"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_ACTIVE_HOVER = "#c9e0e2"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_DISABLED = "#ffffff00"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_INITIAL = "#ffffff00"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_HOVER = "#dcdcdc"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_ACTIVE = "#ffffff00"; -export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_ACTIVE_HOVER = "#c9e0e2"; -export const COLOR_INTERACTIVE_SURFACE_RAISED_DISABLED = "#eaeaea"; -export const COLOR_INTERACTIVE_SURFACE_RAISED_INITIAL = "#eaeaea"; -export const COLOR_INTERACTIVE_SURFACE_RAISED_HOVER = "#eaeaea"; -export const COLOR_INTERACTIVE_SURFACE_RAISED_ACTIVE = "#e6f3f4"; -export const COLOR_INTERACTIVE_SURFACE_RAISED_ACTIVE_HOVER = "#e6f3f4"; -export const COLOR_ACTION_TEXT_PRIMARY_DISABLED = "#bebebe"; -export const COLOR_ACTION_TEXT_STANDARD_PRIMARY_DISABLED = "#bebebe"; -export const COLOR_ACTION_TEXT_STANDARD_PRIMARY_INITIAL = "#ffffff"; -export const COLOR_ACTION_TEXT_STANDARD_PRIMARY_HOVER = "#ffffff"; -export const COLOR_ACTION_TEXT_STANDARD_SECONDARY_DISABLED = "#bebebe"; -export const COLOR_ACTION_TEXT_STANDARD_SECONDARY_INITIAL = "#007079"; -export const COLOR_ACTION_TEXT_STANDARD_SECONDARY_HOVER = "#004f55"; -export const COLOR_ACTION_TEXT_STANDARD_TERTIARY_DISABLED = "#bebebe"; -export const COLOR_ACTION_TEXT_STANDARD_TERTIARY_INITIAL = "#007079"; -export const COLOR_ACTION_TEXT_STANDARD_TERTIARY_HOVER = "#004f55"; -export const COLOR_ACTION_TEXT_MUTED_PRIMARY_DISABLED = "#bebebe"; -export const COLOR_ACTION_TEXT_MUTED_PRIMARY_INITIAL = "#ffffff"; -export const COLOR_ACTION_TEXT_MUTED_PRIMARY_HOVER = "#ffffff"; -export const COLOR_ACTION_TEXT_MUTED_SECONDARY_DISABLED = "#bebebe"; -export const COLOR_ACTION_TEXT_MUTED_SECONDARY_INITIAL = "#6f6f6f"; -export const COLOR_ACTION_TEXT_MUTED_SECONDARY_HOVER = "#565656"; -export const COLOR_ACTION_TEXT_MUTED_TERTIARY_DISABLED = "#bebebe"; -export const COLOR_ACTION_TEXT_MUTED_TERTIARY_INITIAL = "#6f6f6f"; -export const COLOR_ACTION_TEXT_MUTED_TERTIARY_HOVER = "#565656"; -export const COLOR_ACTION_TEXT_DANGER_PRIMARY_DISABLED = "#bebebe"; -export const COLOR_ACTION_TEXT_DANGER_PRIMARY_INITIAL = "#ffffff"; -export const COLOR_ACTION_TEXT_DANGER_PRIMARY_HOVER = "#ffffff"; -export const COLOR_ACTION_TEXT_DANGER_SECONDARY_DISABLED = "#bebebe"; -export const COLOR_ACTION_TEXT_DANGER_SECONDARY_INITIAL = "#e20337"; -export const COLOR_ACTION_TEXT_DANGER_SECONDARY_HOVER = "#90042c"; -export const COLOR_ACTION_TEXT_DANGER_TERTIARY_DISABLED = "#bebebe"; -export const COLOR_ACTION_TEXT_DANGER_TERTIARY_INITIAL = "#e20337"; -export const COLOR_ACTION_TEXT_DANGER_TERTIARY_HOVER = "#90042c"; +export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_DISABLED = "#bebebe"; // Disabled Toggle button +export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_INITIAL = "#6f6f6f"; // Toggle button +export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_HOVER = "#565656"; // Toggle button +export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_ACTIVE = "#ffffff"; // Toggle button +export const COLOR_INTERACTIVE_TEXT_STANDARD_PRIMARY_ACTIVE_HOVER = "#ffffff"; // Toggle button +export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_DISABLED = "#bebebe"; // Disabled Sidebar link +export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_INITIAL = "#6f6f6f"; // Sidebar link +export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_HOVER = "#565656"; // Sidebar link +export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_ACTIVE = "#007079"; // Sidebar link +export const COLOR_INTERACTIVE_TEXT_STANDARD_SECONDARY_ACTIVE_HOVER = "#004f55"; // Sidebar link +export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_DISABLED = "#bebebe"; // Disabled Sidebar link +export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_INITIAL = "#6f6f6f"; // Sidebar link +export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_HOVER = "#565656"; // Sidebar link +export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_ACTIVE = "#007079"; // Sidebar link +export const COLOR_INTERACTIVE_TEXT_STANDARD_TERTIARY_ACTIVE_HOVER = "#004f55"; // Sidebar link +export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_DISABLED = "#bebebe"; // Disabled Tab +export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_INITIAL = "#6f6f6f"; // Tab +export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_HOVER = "#565656"; // Tab +export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_ACTIVE = "#007079"; // Tab +export const COLOR_INTERACTIVE_TEXT_STANDARD_QUATERNARY_ACTIVE_HOVER = + "#004f55"; // Tab +export const COLOR_INTERACTIVE_TEXT_RAISED_DISABLED = "#bebebe"; // Chip +export const COLOR_INTERACTIVE_TEXT_RAISED_INITIAL = "#565656"; // Chip +export const COLOR_INTERACTIVE_TEXT_RAISED_HOVER = "#3d3d3d"; // Chip +export const COLOR_INTERACTIVE_TEXT_RAISED_ACTIVE = "#007079"; // Chip +export const COLOR_INTERACTIVE_TEXT_RAISED_ACTIVE_HOVER = "#004f55"; // Chip +export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_DISABLED = "#bebebe"; // Disabled Toggle button +export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_INITIAL = "#6f6f6f"; // Toggle button +export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_HOVER = "#6f6f6f"; // Toggle button +export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_ACTIVE = "#ffffff"; // Toggle button +export const COLOR_INTERACTIVE_ICON_STANDARD_PRIMARY_ACTIVE_HOVER = "#ffffff"; // Toggle button +export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_DISABLED = "#bebebe"; // Sidebar link +export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_INITIAL = "#6f6f6f"; // Sidebar link +export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_HOVER = "#565656"; // Sidebar link +export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_ACTIVE = "#007079"; // Sidebar link +export const COLOR_INTERACTIVE_ICON_STANDARD_SECONDARY_ACTIVE_HOVER = "#004f55"; // Sidebar link +export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_DISABLED = "#bebebe"; // Sidebar menu +export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_INITIAL = "#6f6f6f"; // Sidebar menu +export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_HOVER = "#565656"; // Sidebar menu +export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_ACTIVE = "#007079"; // Sidebar menu +export const COLOR_INTERACTIVE_ICON_STANDARD_TERTIARY_ACTIVE_HOVER = "#004f55"; // Sidebar menu +export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_DISABLED = "#bebebe"; // Disabled Toggle button +export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_INITIAL = "#6f6f6f"; // Toggle button +export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_HOVER = "#565656"; // Toggle button +export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_ACTIVE = "#007079"; // Toggle button +export const COLOR_INTERACTIVE_ICON_STANDARD_QUATERNARY_ACTIVE_HOVER = + "#004f55"; // Toggle button +export const COLOR_INTERACTIVE_ICON_RAISED_DISABLED = "#bebebe"; // Chip +export const COLOR_INTERACTIVE_ICON_RAISED_INITIAL = "#565656"; // Chip +export const COLOR_INTERACTIVE_ICON_RAISED_HOVER = "#3d3d3d"; // Chip +export const COLOR_INTERACTIVE_ICON_RAISED_ACTIVE = "#007079"; // Chip +export const COLOR_INTERACTIVE_ICON_RAISED_ACTIVE_HOVER = "#004f55"; // Chip +export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_DISABLED = "#dcdcdc"; // Toggle button +export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_INITIAL = "#6f6f6f"; // Toggle button +export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_HOVER = "#6f6f6f"; // Toggle button +export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_ACTIVE = "#007079"; // Toggle button +export const COLOR_INTERACTIVE_BORDER_STANDARD_PRIMARY_ACTIVE_HOVER = "#007079"; // Toggle button +export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_DISABLED = "#ffffff00"; // Sidebar menu +export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_INITIAL = "#ffffff00"; // Sidebar menu +export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_HOVER = "#ffffff00"; // Sidebar menu +export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_ACTIVE = "#ffffff00"; // Sidebar menu +export const COLOR_INTERACTIVE_BORDER_STANDARD_SECONDARY_ACTIVE_HOVER = + "#ffffff00"; // Sidebar menu +export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_DISABLED = "#f7f7f7"; // Sidebar menu +export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_INITIAL = "#f7f7f7"; // Sidebar menu +export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_HOVER = "#f7f7f7"; // Tab +export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_ACTIVE = "#007079"; // Sidebar menu +export const COLOR_INTERACTIVE_BORDER_STANDARD_TERTIARY_ACTIVE_HOVER = + "#004f55"; // Sidebar menu +export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_DISABLED = "#dcdcdc"; // Tab +export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_INITIAL = "#dcdcdc"; // Tab +export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_HOVER = "#bebebe"; // Tab +export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_ACTIVE = "#007079"; // Tab +export const COLOR_INTERACTIVE_BORDER_STANDARD_QUATERNARY_ACTIVE_HOVER = + "#004f55"; // Tab +export const COLOR_INTERACTIVE_BORDER_RAISED_DISABLED = "#dcdcdc"; // Chip +export const COLOR_INTERACTIVE_BORDER_RAISED_INITIAL = "#dcdcdc"; // Chip +export const COLOR_INTERACTIVE_BORDER_RAISED_HOVER = "#565656"; // Chip +export const COLOR_INTERACTIVE_BORDER_RAISED_ACTIVE = "#b9d7da"; // Chip +export const COLOR_INTERACTIVE_BORDER_RAISED_ACTIVE_HOVER = "#007079"; // Chip +export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_DISABLED_OUTLINED = + "#ffffff00"; // Toggle button +export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_DISABLED_FILLED = + "#eaeaea"; // Toggle button +export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_INITIAL = "#ffffff00"; // Toggle button +export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_HOVER = "#dcdcdc"; // Toggle button +export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_ACTIVE = "#007079"; // Toggle button +export const COLOR_INTERACTIVE_SURFACE_STANDARD_PRIMARY_ACTIVE_HOVER = + "#004f55"; // Toggle button +export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_DISABLED = + "#ffffff00"; // Sidebar menu +export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_INITIAL = "#ffffff00"; // Sidebar menu +export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_HOVER = "#dcdcdc"; // Sidebar menu +export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_ACTIVE = "#deedee"; // Sidebar menu +export const COLOR_INTERACTIVE_SURFACE_STANDARD_SECONDARY_ACTIVE_HOVER = + "#c9e0e2"; // Sidebar menu +export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_DISABLED = "#ffffff00"; // Sidebar link +export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_INITIAL = "#ffffff00"; // Sidebar link +export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_HOVER = "#dcdcdc"; // Sidebar link +export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_ACTIVE = "#deedee"; // Sidebar link +export const COLOR_INTERACTIVE_SURFACE_STANDARD_TERTIARY_ACTIVE_HOVER = + "#c9e0e2"; // Sidebar link +export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_DISABLED = + "#ffffff00"; // Tab +export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_INITIAL = + "#ffffff00"; // Tab +export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_HOVER = "#dcdcdc"; // Tab +export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_ACTIVE = "#ffffff00"; // Tab +export const COLOR_INTERACTIVE_SURFACE_STANDARD_QUATERNARY_ACTIVE_HOVER = + "#c9e0e2"; // Sidebar link +export const COLOR_INTERACTIVE_SURFACE_RAISED_DISABLED = "#eaeaea"; // Interactive Chip (disabled) +export const COLOR_INTERACTIVE_SURFACE_RAISED_INITIAL = "#eaeaea"; // Interactive Chip +export const COLOR_INTERACTIVE_SURFACE_RAISED_HOVER = "#eaeaea"; // Interactive Chip +export const COLOR_INTERACTIVE_SURFACE_RAISED_ACTIVE = "#e6f3f4"; // Interactive Chip +export const COLOR_INTERACTIVE_SURFACE_RAISED_ACTIVE_HOVER = "#e6f3f4"; // Interactive Chip +export const COLOR_ACTION_TEXT_PRIMARY_DISABLED = "#bebebe"; // Button +export const COLOR_ACTION_TEXT_STANDARD_PRIMARY_DISABLED = "#bebebe"; // Button +export const COLOR_ACTION_TEXT_STANDARD_PRIMARY_INITIAL = "#ffffff"; // Button +export const COLOR_ACTION_TEXT_STANDARD_PRIMARY_HOVER = "#ffffff"; // Button +export const COLOR_ACTION_TEXT_STANDARD_SECONDARY_DISABLED = "#bebebe"; // Button +export const COLOR_ACTION_TEXT_STANDARD_SECONDARY_INITIAL = "#007079"; // Button +export const COLOR_ACTION_TEXT_STANDARD_SECONDARY_HOVER = "#004f55"; // Button, Toggle button +export const COLOR_ACTION_TEXT_STANDARD_TERTIARY_DISABLED = "#bebebe"; // Button +export const COLOR_ACTION_TEXT_STANDARD_TERTIARY_INITIAL = "#007079"; // Button +export const COLOR_ACTION_TEXT_STANDARD_TERTIARY_HOVER = "#004f55"; // Button, Toggle button +export const COLOR_ACTION_TEXT_MUTED_PRIMARY_DISABLED = "#bebebe"; // Button +export const COLOR_ACTION_TEXT_MUTED_PRIMARY_INITIAL = "#ffffff"; // Button +export const COLOR_ACTION_TEXT_MUTED_PRIMARY_HOVER = "#ffffff"; // Button +export const COLOR_ACTION_TEXT_MUTED_SECONDARY_DISABLED = "#bebebe"; // Button +export const COLOR_ACTION_TEXT_MUTED_SECONDARY_INITIAL = "#6f6f6f"; // Button +export const COLOR_ACTION_TEXT_MUTED_SECONDARY_HOVER = "#565656"; // Button +export const COLOR_ACTION_TEXT_MUTED_TERTIARY_DISABLED = "#bebebe"; // Button +export const COLOR_ACTION_TEXT_MUTED_TERTIARY_INITIAL = "#6f6f6f"; // Button +export const COLOR_ACTION_TEXT_MUTED_TERTIARY_HOVER = "#565656"; // Button +export const COLOR_ACTION_TEXT_DANGER_PRIMARY_DISABLED = "#bebebe"; // Button +export const COLOR_ACTION_TEXT_DANGER_PRIMARY_INITIAL = "#ffffff"; // Button +export const COLOR_ACTION_TEXT_DANGER_PRIMARY_HOVER = "#ffffff"; // Button +export const COLOR_ACTION_TEXT_DANGER_SECONDARY_DISABLED = "#bebebe"; // Button +export const COLOR_ACTION_TEXT_DANGER_SECONDARY_INITIAL = "#e20337"; // Button +export const COLOR_ACTION_TEXT_DANGER_SECONDARY_HOVER = "#90042c"; // Button +export const COLOR_ACTION_TEXT_DANGER_TERTIARY_DISABLED = "#bebebe"; // Button +export const COLOR_ACTION_TEXT_DANGER_TERTIARY_INITIAL = "#e20337"; // Button +export const COLOR_ACTION_TEXT_DANGER_TERTIARY_HOVER = "#90042c"; // Button export const COLOR_ACTION_ICON_STANDARD_PRIMARY_DISABLED = "#bebebe"; -export const COLOR_ACTION_ICON_STANDARD_PRIMARY_INITIAL = "#ffffff"; -export const COLOR_ACTION_ICON_STANDARD_PRIMARY_HOVER = "#ffffff"; +export const COLOR_ACTION_ICON_STANDARD_PRIMARY_INITIAL = "#ffffff"; // Button +export const COLOR_ACTION_ICON_STANDARD_PRIMARY_HOVER = "#ffffff"; // Button export const COLOR_ACTION_ICON_STANDARD_SECONDARY_DISABLED = "#bebebe"; -export const COLOR_ACTION_ICON_STANDARD_SECONDARY_INITIAL = "#007079"; -export const COLOR_ACTION_ICON_STANDARD_SECONDARY_HOVER = "#004f55"; +export const COLOR_ACTION_ICON_STANDARD_SECONDARY_INITIAL = "#007079"; // Button +export const COLOR_ACTION_ICON_STANDARD_SECONDARY_HOVER = "#004f55"; // Button export const COLOR_ACTION_ICON_STANDARD_TERTIARY_DISABLED = "#bebebe"; -export const COLOR_ACTION_ICON_STANDARD_TERTIARY_INITIAL = "#007079"; -export const COLOR_ACTION_ICON_STANDARD_TERTIARY_HOVER = "#004f55"; +export const COLOR_ACTION_ICON_STANDARD_TERTIARY_INITIAL = "#007079"; // Button +export const COLOR_ACTION_ICON_STANDARD_TERTIARY_HOVER = "#004f55"; // Button export const COLOR_ACTION_ICON_MUTED_PRIMARY_DISABLED = "#bebebe"; -export const COLOR_ACTION_ICON_MUTED_PRIMARY_INITIAL = "#ffffff"; -export const COLOR_ACTION_ICON_MUTED_PRIMARY_HOVER = "#ffffff"; +export const COLOR_ACTION_ICON_MUTED_PRIMARY_INITIAL = "#ffffff"; // Button +export const COLOR_ACTION_ICON_MUTED_PRIMARY_HOVER = "#ffffff"; // Button export const COLOR_ACTION_ICON_MUTED_TERTIARY_DISABLED = "#bebebe"; -export const COLOR_ACTION_ICON_MUTED_TERTIARY_INITIAL = "#6f6f6f"; -export const COLOR_ACTION_ICON_MUTED_TERTIARY_HOVER = "#565656"; +export const COLOR_ACTION_ICON_MUTED_TERTIARY_INITIAL = "#6f6f6f"; // Button +export const COLOR_ACTION_ICON_MUTED_TERTIARY_HOVER = "#565656"; // Button export const COLOR_ACTION_ICON_MUTED_SECONDARY_DISABLED = "#bebebe"; -export const COLOR_ACTION_ICON_MUTED_SECONDARY_INITIAL = "#6f6f6f"; -export const COLOR_ACTION_ICON_MUTED_SECONDARY_HOVER = "#565656"; +export const COLOR_ACTION_ICON_MUTED_SECONDARY_INITIAL = "#6f6f6f"; // Button +export const COLOR_ACTION_ICON_MUTED_SECONDARY_HOVER = "#565656"; // Button export const COLOR_ACTION_ICON_DANGER_PRIMARY_DISABLED = "#bebebe"; -export const COLOR_ACTION_ICON_DANGER_PRIMARY_INITIAL = "#ffffff"; -export const COLOR_ACTION_ICON_DANGER_PRIMARY_HOVER = "#ffffff"; +export const COLOR_ACTION_ICON_DANGER_PRIMARY_INITIAL = "#ffffff"; // Button +export const COLOR_ACTION_ICON_DANGER_PRIMARY_HOVER = "#ffffff"; // Button export const COLOR_ACTION_ICON_DANGER_SECONDARY_DISABLED = "#bebebe"; -export const COLOR_ACTION_ICON_DANGER_SECONDARY_INITIAL = "#e20337"; -export const COLOR_ACTION_ICON_DANGER_SECONDARY_HOVER = "#90042c"; +export const COLOR_ACTION_ICON_DANGER_SECONDARY_INITIAL = "#e20337"; // Button +export const COLOR_ACTION_ICON_DANGER_SECONDARY_HOVER = "#90042c"; // Button export const COLOR_ACTION_ICON_DANGER_TERTIARY_DISABLED = "#bebebe"; -export const COLOR_ACTION_ICON_DANGER_TERTIARY_INITIAL = "#e20337"; -export const COLOR_ACTION_ICON_DANGER_TERTIARY_HOVER = "#90042c"; -export const COLOR_ACTION_BORDER_SECONDARY_DISABLED = "#cfcfcf"; -export const COLOR_ACTION_BORDER_STANDARD_PRIMARY_DISABLED = "#eaeaea"; -export const COLOR_ACTION_BORDER_STANDARD_PRIMARY_INITIAL = "#007079"; -export const COLOR_ACTION_BORDER_STANDARD_PRIMARY_HOVER = "#004f55"; -export const COLOR_ACTION_BORDER_STANDARD_SECONDARY_DISABLED = "#cfcfcf"; -export const COLOR_ACTION_BORDER_STANDARD_SECONDARY_INITIAL = "#007079"; -export const COLOR_ACTION_BORDER_STANDARD_SECONDARY_HOVER = "#004f55"; +export const COLOR_ACTION_ICON_DANGER_TERTIARY_INITIAL = "#e20337"; // Button +export const COLOR_ACTION_ICON_DANGER_TERTIARY_HOVER = "#90042c"; // Button +export const COLOR_ACTION_BORDER_SECONDARY_DISABLED = "#cfcfcf"; // Button +export const COLOR_ACTION_BORDER_STANDARD_PRIMARY_DISABLED = "#eaeaea"; // Button +export const COLOR_ACTION_BORDER_STANDARD_PRIMARY_INITIAL = "#007079"; // Button, Toggle button +export const COLOR_ACTION_BORDER_STANDARD_PRIMARY_HOVER = "#004f55"; // Button, Toggle button +export const COLOR_ACTION_BORDER_STANDARD_SECONDARY_DISABLED = "#cfcfcf"; // Button +export const COLOR_ACTION_BORDER_STANDARD_SECONDARY_INITIAL = "#007079"; // Button, Toggle button +export const COLOR_ACTION_BORDER_STANDARD_SECONDARY_HOVER = "#004f55"; // Button, Toggle button export const COLOR_ACTION_BORDER_STANDARD_TERTIARY_DISABLED = "#ffffff00"; export const COLOR_ACTION_BORDER_STANDARD_TERTIARY_INITIAL = "#ffffff00"; export const COLOR_ACTION_BORDER_STANDARD_TERTIARY_HOVER = "#ffffff00"; -export const COLOR_ACTION_BORDER_MUTED_PRIMARY_INITIAL = "#6f6f6f"; -export const COLOR_ACTION_BORDER_MUTED_PRIMARY_HOVER = "#565656"; -export const COLOR_ACTION_BORDER_MUTED_PRIMARY_DISABLED = "#eaeaea"; -export const COLOR_ACTION_BORDER_MUTED_SECONDARY_INITIAL = "#6f6f6f"; -export const COLOR_ACTION_BORDER_MUTED_SECONDARY_HOVER = "#565656"; -export const COLOR_ACTION_BORDER_MUTED_SECONDARY_DISABLED = "#eaeaea"; +export const COLOR_ACTION_BORDER_MUTED_PRIMARY_INITIAL = "#6f6f6f"; // Button +export const COLOR_ACTION_BORDER_MUTED_PRIMARY_HOVER = "#565656"; // Button +export const COLOR_ACTION_BORDER_MUTED_PRIMARY_DISABLED = "#eaeaea"; // Button +export const COLOR_ACTION_BORDER_MUTED_SECONDARY_INITIAL = "#6f6f6f"; // Button +export const COLOR_ACTION_BORDER_MUTED_SECONDARY_HOVER = "#565656"; // Button +export const COLOR_ACTION_BORDER_MUTED_SECONDARY_DISABLED = "#eaeaea"; // Button export const COLOR_ACTION_BORDER_MUTED_TERTIARY_INITIAL = "#ffffff00"; export const COLOR_ACTION_BORDER_MUTED_TERTIARY_HOVER = "#ffffff00"; -export const COLOR_ACTION_BORDER_MUTED_TERTIARY_DISABLED = "#ffffff00"; -export const COLOR_ACTION_BORDER_DANGER_PRIMARY_INITIAL = "#e20337"; -export const COLOR_ACTION_BORDER_DANGER_PRIMARY_HOVER = "#90042c"; -export const COLOR_ACTION_BORDER_DANGER_PRIMARY_DISABLED = "#eaeaea"; -export const COLOR_ACTION_BORDER_DANGER_SECONDARY_INITIAL = "#e20337"; -export const COLOR_ACTION_BORDER_DANGER_SECONDARY_HOVER = "#90042c"; -export const COLOR_ACTION_BORDER_DANGER_SECONDARY_DISABLED = "#eaeaea"; +export const COLOR_ACTION_BORDER_MUTED_TERTIARY_DISABLED = "#ffffff00"; // Button +export const COLOR_ACTION_BORDER_DANGER_PRIMARY_INITIAL = "#e20337"; // Button +export const COLOR_ACTION_BORDER_DANGER_PRIMARY_HOVER = "#90042c"; // Button +export const COLOR_ACTION_BORDER_DANGER_PRIMARY_DISABLED = "#eaeaea"; // Button +export const COLOR_ACTION_BORDER_DANGER_SECONDARY_INITIAL = "#e20337"; // Button +export const COLOR_ACTION_BORDER_DANGER_SECONDARY_HOVER = "#90042c"; // Button +export const COLOR_ACTION_BORDER_DANGER_SECONDARY_DISABLED = "#eaeaea"; // Button export const COLOR_ACTION_BORDER_DANGER_TERTIARY_INITIAL = "#ffffff00"; export const COLOR_ACTION_BORDER_DANGER_TERTIARY_HOVER = "#ffffff00"; -export const COLOR_ACTION_BORDER_DANGER_TERTIARY_DISABLED = "#ffffff00"; -export const COLOR_ACTION_SURFACE_STANDARD_PRIMARY_DISABLED = "#eaeaea"; -export const COLOR_ACTION_SURFACE_STANDARD_PRIMARY_INITIAL = "#007079"; -export const COLOR_ACTION_SURFACE_STANDARD_PRIMARY_HOVER = "#004f55"; -export const COLOR_ACTION_SURFACE_STANDARD_SECONDARY_DISABLED = "#ffffff00"; -export const COLOR_ACTION_SURFACE_STANDARD_SECONDARY_INITIAL = "#ffffff00"; -export const COLOR_ACTION_SURFACE_STANDARD_SECONDARY_HOVER = "#deedee"; -export const COLOR_ACTION_SURFACE_STANDARD_TERTIARY_DISABLED = "#ffffff00"; -export const COLOR_ACTION_SURFACE_STANDARD_TERTIARY_INITIAL = "#ffffff00"; -export const COLOR_ACTION_SURFACE_STANDARD_TERTIARY_HOVER = "#deedee"; -export const COLOR_ACTION_SURFACE_MUTED_PRIMARY_INITIAL = "#6f6f6f"; -export const COLOR_ACTION_SURFACE_MUTED_PRIMARY_HOVER = "#565656"; -export const COLOR_ACTION_SURFACE_MUTED_PRIMARY_DISABLED = "#eaeaea"; -export const COLOR_ACTION_SURFACE_MUTED_SECONDARY_INITIAL = "#ffffff00"; -export const COLOR_ACTION_SURFACE_MUTED_SECONDARY_HOVER = "#dcdcdc"; -export const COLOR_ACTION_SURFACE_MUTED_SECONDARY_DISABLED = "#ffffff00"; -export const COLOR_ACTION_SURFACE_MUTED_TERTIARY_INITIAL = "#ffffff00"; -export const COLOR_ACTION_SURFACE_MUTED_TERTIARY_HOVER = "#dcdcdc"; -export const COLOR_ACTION_SURFACE_MUTED_TERTIARY_DISABLED = "#ffffff00"; -export const COLOR_ACTION_SURFACE_DANGER_PRIMARY_INITIAL = "#e20337"; -export const COLOR_ACTION_SURFACE_DANGER_PRIMARY_HOVER = "#90042c"; -export const COLOR_ACTION_SURFACE_DANGER_PRIMARY_DISABLED = "#eaeaea"; -export const COLOR_ACTION_SURFACE_DANGER_SECONDARY_INITIAL = "#ffffff00"; -export const COLOR_ACTION_SURFACE_DANGER_SECONDARY_HOVER = "#ffd2d1"; -export const COLOR_ACTION_SURFACE_DANGER_SECONDARY_DISABLED = "#ffffff00"; -export const COLOR_ACTION_SURFACE_DANGER_TERTIARY_INITIAL = "#ffffff00"; -export const COLOR_ACTION_SURFACE_DANGER_TERTIARY_HOVER = "#ffd2d1"; -export const COLOR_ACTION_SURFACE_DANGER_TERTIARY_DISABLED = "#ffffff00"; -export const COLOR_MESSAGE_TEXT_STANDARD_INFO = "#045e8d"; -export const COLOR_MESSAGE_TEXT_STANDARD_SUCCESS = "#15682d"; -export const COLOR_MESSAGE_TEXT_STANDARD_WARNING = "#7f4600"; -export const COLOR_MESSAGE_TEXT_STANDARD_ERROR = "#90042c"; -export const COLOR_MESSAGE_TEXT_RAISED_INFO_INITIAL = "#045e8d"; -export const COLOR_MESSAGE_TEXT_RAISED_INFO_HOVER = "#034187"; -export const COLOR_MESSAGE_TEXT_RAISED_SUCCESS_INITIAL = "#15682d"; -export const COLOR_MESSAGE_TEXT_RAISED_SUCCESS_HOVER = "#204f1f"; -export const COLOR_MESSAGE_TEXT_RAISED_WARNING_INITIAL = "#7f4600"; -export const COLOR_MESSAGE_TEXT_RAISED_WARNING_HOVER = "#643700"; -export const COLOR_MESSAGE_TEXT_RAISED_ERROR_INITIAL = "#90042c"; -export const COLOR_MESSAGE_TEXT_RAISED_ERROR_HOVER = "#700020"; -export const COLOR_MESSAGE_TEXT_CALLOUT_INFO = "#045e8d"; -export const COLOR_MESSAGE_TEXT_CALLOUT_SUCCESS = "#15682d"; -export const COLOR_MESSAGE_TEXT_CALLOUT_WARNING = "#7f4600"; -export const COLOR_MESSAGE_TEXT_CALLOUT_ERROR = "#90042c"; -export const COLOR_MESSAGE_ICON_STANDARD_INFO = "#045e8d"; -export const COLOR_MESSAGE_ICON_STANDARD_SUCCESS = "#15682d"; -export const COLOR_MESSAGE_ICON_STANDARD_WARNING = "#7f4600"; -export const COLOR_MESSAGE_ICON_STANDARD_ERROR = "#90042c"; -export const COLOR_MESSAGE_ICON_RAISED_INFO_INITIAL = "#045e8d"; -export const COLOR_MESSAGE_ICON_RAISED_INFO_HOVER = "#034187"; -export const COLOR_MESSAGE_ICON_RAISED_SUCCESS_INITIAL = "#15682d"; -export const COLOR_MESSAGE_ICON_RAISED_SUCCESS_HOVER = "#204f1f"; -export const COLOR_MESSAGE_ICON_RAISED_WARNING_INITIAL = "#7f4600"; -export const COLOR_MESSAGE_ICON_RAISED_WARNING_HOVER = "#643700"; -export const COLOR_MESSAGE_ICON_RAISED_ERROR_INITIAL = "#90042c"; -export const COLOR_MESSAGE_ICON_RAISED_ERROR_HOVER = "#700020"; -export const COLOR_MESSAGE_ICON_CALLOUT_INFO = "#045e8d"; -export const COLOR_MESSAGE_ICON_CALLOUT_SUCCESS = "#15682d"; -export const COLOR_MESSAGE_ICON_CALLOUT_WARNING = "#7f4600"; -export const COLOR_MESSAGE_ICON_CALLOUT_ERROR = "#90042c"; -export const COLOR_MESSAGE_BORDER_STANDARD_INFO = "#d5eaf4"; -export const COLOR_MESSAGE_BORDER_STANDARD_SUCCESS = "#d9f7e2"; -export const COLOR_MESSAGE_BORDER_STANDARD_WARNING = "#ffe7d6"; -export const COLOR_MESSAGE_BORDER_STANDARD_ERROR = "#ffd2d1"; -export const COLOR_MESSAGE_BORDER_RAISED_INFO_INITIAL = "#0084c4"; -export const COLOR_MESSAGE_BORDER_RAISED_INFO_HOVER = "#034187"; -export const COLOR_MESSAGE_BORDER_RAISED_SUCCESS_INITIAL = "#3fa13d"; -export const COLOR_MESSAGE_BORDER_RAISED_SUCCESS_HOVER = "#204f1f"; -export const COLOR_MESSAGE_BORDER_RAISED_WARNING_INITIAL = "#e57e00"; -export const COLOR_MESSAGE_BORDER_RAISED_WARNING_HOVER = "#643700"; -export const COLOR_MESSAGE_BORDER_RAISED_ERROR_INITIAL = "#e20337"; -export const COLOR_MESSAGE_BORDER_RAISED_ERROR_HOVER = "#700020"; -export const COLOR_MESSAGE_BORDER_CALLOUT_INFO = "#d5eaf4"; -export const COLOR_MESSAGE_BORDER_CALLOUT_SUCCESS = "#d9f7e2"; -export const COLOR_MESSAGE_BORDER_CALLOUT_WARNING = "#ffe7d6"; -export const COLOR_MESSAGE_BORDER_CALLOUT_ERROR = "#ffd2d1"; -export const COLOR_MESSAGE_SURFACE_STANDARD_INFO_ON_LEVEL_1 = "#d5eaf4"; -export const COLOR_MESSAGE_SURFACE_STANDARD_INFO_ON_LEVEL_2 = "#d5eaf4"; -export const COLOR_MESSAGE_SURFACE_STANDARD_INFO_ON_LEVEL_3 = "#d5eaf4"; -export const COLOR_MESSAGE_SURFACE_STANDARD_SUCCESS_ON_LEVEL_1 = "#d9f7e2"; -export const COLOR_MESSAGE_SURFACE_STANDARD_SUCCESS_ON_LEVEL_2 = "#d9f7e2"; -export const COLOR_MESSAGE_SURFACE_STANDARD_SUCCESS_ON_LEVEL_3 = "#d9f7e2"; -export const COLOR_MESSAGE_SURFACE_STANDARD_WARNING_ON_LEVEL_1 = "#ffe7d6"; -export const COLOR_MESSAGE_SURFACE_STANDARD_WARNING_ON_LEVEL_2 = "#ffe7d6"; -export const COLOR_MESSAGE_SURFACE_STANDARD_WARNING_ON_LEVEL_3 = "#ffe7d6"; -export const COLOR_MESSAGE_SURFACE_STANDARD_ERROR_ON_LEVEL_1 = "#ffd2d1"; -export const COLOR_MESSAGE_SURFACE_STANDARD_ERROR_ON_LEVEL_2 = "#ffd2d1"; -export const COLOR_MESSAGE_SURFACE_STANDARD_ERROR_ON_LEVEL_3 = "#ffd2d1"; -export const COLOR_MESSAGE_SURFACE_RAISED_INFO_INITIAL = "#dfeff7"; -export const COLOR_MESSAGE_SURFACE_RAISED_INFO_HOVER = "#dfeff7"; -export const COLOR_MESSAGE_SURFACE_RAISED_SUCCESS_INITIAL = "#e6faec"; -export const COLOR_MESSAGE_SURFACE_RAISED_SUCCESS_HOVER = "#e6faec"; -export const COLOR_MESSAGE_SURFACE_RAISED_WARNING_INITIAL = "#fff0e5"; -export const COLOR_MESSAGE_SURFACE_RAISED_WARNING_HOVER = "#fff0e5"; -export const COLOR_MESSAGE_SURFACE_RAISED_ERROR_INITIAL = "#ffe1e0"; -export const COLOR_MESSAGE_SURFACE_RAISED_ERROR_HOVER = "#ffe1e0"; -export const COLOR_MESSAGE_SURFACE_CALLOUT_INFO = "#d5eaf4"; -export const COLOR_MESSAGE_SURFACE_CALLOUT_SUCCESS = "#d9f7e2"; -export const COLOR_MESSAGE_SURFACE_CALLOUT_WARNING = "#ffe7d6"; -export const COLOR_MESSAGE_SURFACE_CALLOUT_ERROR = "#ffd2d1"; -export const INPUT_ASTERIX_COLOR_TEXT = "#e20337"; -export const INPUT_PLACEHOLDER_COLOR_TEXT = "#8c8c8c"; -export const INPUT_HELPER_COLOR_TEXT_INITIAL = "#6f6f6f"; -export const INPUT_HELPER_COLOR_TEXT_FOCUS = "#6f6f6f"; -export const INPUT_HELPER_COLOR_TEXT_READ_ONLY = "#6f6f6f"; -export const INPUT_HELPER_COLOR_TEXT_DISABLED = "#bebebe"; -export const INPUT_HELPER_COLOR_ICON_INITIAL = "#6f6f6f"; -export const INPUT_HELPER_COLOR_ICON_FOCUS = "#6f6f6f"; -export const INPUT_HELPER_COLOR_ICON_READ_ONLY = "#6f6f6f"; -export const INPUT_HELPER_COLOR_ICON_DISABLED = "#bebebe"; +export const COLOR_ACTION_BORDER_DANGER_TERTIARY_DISABLED = "#ffffff00"; // Button +export const COLOR_ACTION_SURFACE_STANDARD_PRIMARY_DISABLED = "#eaeaea"; // Button +export const COLOR_ACTION_SURFACE_STANDARD_PRIMARY_INITIAL = "#007079"; // Button, Toggle button +export const COLOR_ACTION_SURFACE_STANDARD_PRIMARY_HOVER = "#004f55"; // Button, Toggle button +export const COLOR_ACTION_SURFACE_STANDARD_SECONDARY_DISABLED = "#ffffff00"; // Button +export const COLOR_ACTION_SURFACE_STANDARD_SECONDARY_INITIAL = "#ffffff00"; // Button, Ghost button, Toggle button +export const COLOR_ACTION_SURFACE_STANDARD_SECONDARY_HOVER = "#deedee"; // Button, Ghost button, Toggle button +export const COLOR_ACTION_SURFACE_STANDARD_TERTIARY_DISABLED = "#ffffff00"; // Button +export const COLOR_ACTION_SURFACE_STANDARD_TERTIARY_INITIAL = "#ffffff00"; // Button, Ghost button, Toggle button +export const COLOR_ACTION_SURFACE_STANDARD_TERTIARY_HOVER = "#deedee"; // Button, Ghost button, Toggle button +export const COLOR_ACTION_SURFACE_MUTED_PRIMARY_INITIAL = "#6f6f6f"; // Button +export const COLOR_ACTION_SURFACE_MUTED_PRIMARY_HOVER = "#565656"; // Button +export const COLOR_ACTION_SURFACE_MUTED_PRIMARY_DISABLED = "#eaeaea"; // Button +export const COLOR_ACTION_SURFACE_MUTED_SECONDARY_INITIAL = "#ffffff00"; // Button +export const COLOR_ACTION_SURFACE_MUTED_SECONDARY_HOVER = "#dcdcdc"; // Button +export const COLOR_ACTION_SURFACE_MUTED_SECONDARY_DISABLED = "#ffffff00"; // Button +export const COLOR_ACTION_SURFACE_MUTED_TERTIARY_INITIAL = "#ffffff00"; // Button +export const COLOR_ACTION_SURFACE_MUTED_TERTIARY_HOVER = "#dcdcdc"; // Button +export const COLOR_ACTION_SURFACE_MUTED_TERTIARY_DISABLED = "#ffffff00"; // Button +export const COLOR_ACTION_SURFACE_DANGER_PRIMARY_INITIAL = "#e20337"; // Button +export const COLOR_ACTION_SURFACE_DANGER_PRIMARY_HOVER = "#90042c"; // Button +export const COLOR_ACTION_SURFACE_DANGER_PRIMARY_DISABLED = "#eaeaea"; // Button +export const COLOR_ACTION_SURFACE_DANGER_SECONDARY_INITIAL = "#ffffff00"; // Button +export const COLOR_ACTION_SURFACE_DANGER_SECONDARY_HOVER = "#ffd2d1"; // Button +export const COLOR_ACTION_SURFACE_DANGER_SECONDARY_DISABLED = "#ffffff00"; // Button +export const COLOR_ACTION_SURFACE_DANGER_TERTIARY_INITIAL = "#ffffff00"; // Button +export const COLOR_ACTION_SURFACE_DANGER_TERTIARY_HOVER = "#ffd2d1"; // Button +export const COLOR_ACTION_SURFACE_DANGER_TERTIARY_DISABLED = "#ffffff00"; // Button +export const COLOR_MESSAGE_TEXT_STANDARD_INFO = "#045e8d"; // Deprecated - Card. Use text/message. +export const COLOR_MESSAGE_TEXT_STANDARD_SUCCESS = "#15682d"; // Deprecated - Card. Use text/message. +export const COLOR_MESSAGE_TEXT_STANDARD_WARNING = "#7f4600"; // Deprecated - Card. Use text/message. +export const COLOR_MESSAGE_TEXT_STANDARD_ERROR = "#90042c"; // Deprecated - Card. Use text/message. +export const COLOR_MESSAGE_TEXT_RAISED_INFO_INITIAL = "#045e8d"; // Chip, Card, input helper +export const COLOR_MESSAGE_TEXT_RAISED_INFO_HOVER = "#034187"; // Chip +export const COLOR_MESSAGE_TEXT_RAISED_SUCCESS_INITIAL = "#15682d"; // Chip, Card, input helper +export const COLOR_MESSAGE_TEXT_RAISED_SUCCESS_HOVER = "#204f1f"; // Chip +export const COLOR_MESSAGE_TEXT_RAISED_WARNING_INITIAL = "#7f4600"; // Chip, Card, input helper +export const COLOR_MESSAGE_TEXT_RAISED_WARNING_HOVER = "#643700"; // Chip +export const COLOR_MESSAGE_TEXT_RAISED_ERROR_INITIAL = "#90042c"; // Chip, Card, input helper +export const COLOR_MESSAGE_TEXT_RAISED_ERROR_HOVER = "#700020"; // Chip +export const COLOR_MESSAGE_TEXT_CALLOUT_INFO = "#045e8d"; // Banner +export const COLOR_MESSAGE_TEXT_CALLOUT_SUCCESS = "#15682d"; // Banner +export const COLOR_MESSAGE_TEXT_CALLOUT_WARNING = "#7f4600"; // Banner +export const COLOR_MESSAGE_TEXT_CALLOUT_ERROR = "#90042c"; // Banner +export const COLOR_MESSAGE_ICON_STANDARD_INFO = "#045e8d"; // Deprecated - Card. Use icon/message. +export const COLOR_MESSAGE_ICON_STANDARD_SUCCESS = "#15682d"; // Deprecated - Card. Use icon/message. +export const COLOR_MESSAGE_ICON_STANDARD_WARNING = "#7f4600"; // Deprecated - Card. Use icon/message. +export const COLOR_MESSAGE_ICON_STANDARD_ERROR = "#90042c"; // Deprecated - Card. Use icon/message. +export const COLOR_MESSAGE_ICON_RAISED_INFO_INITIAL = "#045e8d"; // Deprecated - Chip. Use icon/message. +export const COLOR_MESSAGE_ICON_RAISED_INFO_HOVER = "#034187"; // Deprecated - Chip. Use icon/message. +export const COLOR_MESSAGE_ICON_RAISED_SUCCESS_INITIAL = "#15682d"; // Deprecated - Chip. Use icon/message. +export const COLOR_MESSAGE_ICON_RAISED_SUCCESS_HOVER = "#204f1f"; // Deprecated - Chip. Use icon/message. +export const COLOR_MESSAGE_ICON_RAISED_WARNING_INITIAL = "#7f4600"; // Deprecated - Chip. Use icon/message. +export const COLOR_MESSAGE_ICON_RAISED_WARNING_HOVER = "#643700"; // Deprecated - Chip. Use icon/message. +export const COLOR_MESSAGE_ICON_RAISED_ERROR_INITIAL = "#90042c"; // Deprecated - Chip. Use icon/message. +export const COLOR_MESSAGE_ICON_RAISED_ERROR_HOVER = "#700020"; // Deprecated - Chip. Use icon/message. +export const COLOR_MESSAGE_ICON_CALLOUT_INFO = "#045e8d"; // Banner +export const COLOR_MESSAGE_ICON_CALLOUT_SUCCESS = "#15682d"; // Banner +export const COLOR_MESSAGE_ICON_CALLOUT_WARNING = "#7f4600"; // Banner +export const COLOR_MESSAGE_ICON_CALLOUT_ERROR = "#90042c"; // Banner +export const COLOR_MESSAGE_BORDER_STANDARD_INFO = "#d5eaf4"; // Card +export const COLOR_MESSAGE_BORDER_STANDARD_SUCCESS = "#d9f7e2"; // Card +export const COLOR_MESSAGE_BORDER_STANDARD_WARNING = "#ffe7d6"; // Card +export const COLOR_MESSAGE_BORDER_STANDARD_ERROR = "#ffd2d1"; // Card +export const COLOR_MESSAGE_BORDER_RAISED_INFO_INITIAL = "#0084c4"; // Chip +export const COLOR_MESSAGE_BORDER_RAISED_INFO_HOVER = "#034187"; // Chip +export const COLOR_MESSAGE_BORDER_RAISED_SUCCESS_INITIAL = "#3fa13d"; // Chip +export const COLOR_MESSAGE_BORDER_RAISED_SUCCESS_HOVER = "#204f1f"; // Chip +export const COLOR_MESSAGE_BORDER_RAISED_WARNING_INITIAL = "#e57e00"; // Chip +export const COLOR_MESSAGE_BORDER_RAISED_WARNING_HOVER = "#643700"; // Chip +export const COLOR_MESSAGE_BORDER_RAISED_ERROR_INITIAL = "#e20337"; // Chip +export const COLOR_MESSAGE_BORDER_RAISED_ERROR_HOVER = "#700020"; // Chip +export const COLOR_MESSAGE_BORDER_CALLOUT_INFO = "#d5eaf4"; // Banner +export const COLOR_MESSAGE_BORDER_CALLOUT_SUCCESS = "#d9f7e2"; // Banner +export const COLOR_MESSAGE_BORDER_CALLOUT_WARNING = "#ffe7d6"; // Banner +export const COLOR_MESSAGE_BORDER_CALLOUT_ERROR = "#ffd2d1"; // Banner +export const COLOR_MESSAGE_SURFACE_STANDARD_INFO_ON_LEVEL_1 = "#d5eaf4"; // Card +export const COLOR_MESSAGE_SURFACE_STANDARD_INFO_ON_LEVEL_2 = "#d5eaf4"; // Card +export const COLOR_MESSAGE_SURFACE_STANDARD_INFO_ON_LEVEL_3 = "#d5eaf4"; // Card +export const COLOR_MESSAGE_SURFACE_STANDARD_SUCCESS_ON_LEVEL_1 = "#d9f7e2"; // Card +export const COLOR_MESSAGE_SURFACE_STANDARD_SUCCESS_ON_LEVEL_2 = "#d9f7e2"; // Card +export const COLOR_MESSAGE_SURFACE_STANDARD_SUCCESS_ON_LEVEL_3 = "#d9f7e2"; // Card +export const COLOR_MESSAGE_SURFACE_STANDARD_WARNING_ON_LEVEL_1 = "#ffe7d6"; // Card +export const COLOR_MESSAGE_SURFACE_STANDARD_WARNING_ON_LEVEL_2 = "#ffe7d6"; // Card +export const COLOR_MESSAGE_SURFACE_STANDARD_WARNING_ON_LEVEL_3 = "#ffe7d6"; // Card +export const COLOR_MESSAGE_SURFACE_STANDARD_ERROR_ON_LEVEL_1 = "#ffd2d1"; // Card +export const COLOR_MESSAGE_SURFACE_STANDARD_ERROR_ON_LEVEL_2 = "#ffd2d1"; // Card +export const COLOR_MESSAGE_SURFACE_STANDARD_ERROR_ON_LEVEL_3 = "#ffd2d1"; // Card +export const COLOR_MESSAGE_SURFACE_RAISED_INFO_INITIAL = "#dfeff7"; // Chip +export const COLOR_MESSAGE_SURFACE_RAISED_INFO_HOVER = "#dfeff7"; // Chip +export const COLOR_MESSAGE_SURFACE_RAISED_SUCCESS_INITIAL = "#e6faec"; // Chip +export const COLOR_MESSAGE_SURFACE_RAISED_SUCCESS_HOVER = "#e6faec"; // Chip +export const COLOR_MESSAGE_SURFACE_RAISED_WARNING_INITIAL = "#fff0e5"; // Chip +export const COLOR_MESSAGE_SURFACE_RAISED_WARNING_HOVER = "#fff0e5"; // Chip +export const COLOR_MESSAGE_SURFACE_RAISED_ERROR_INITIAL = "#ffe1e0"; // Chip +export const COLOR_MESSAGE_SURFACE_RAISED_ERROR_HOVER = "#ffe1e0"; // Chip +export const COLOR_MESSAGE_SURFACE_CALLOUT_INFO = "#d5eaf4"; // Chip +export const COLOR_MESSAGE_SURFACE_CALLOUT_SUCCESS = "#d9f7e2"; // Chip +export const COLOR_MESSAGE_SURFACE_CALLOUT_WARNING = "#ffe7d6"; // Banner +export const COLOR_MESSAGE_SURFACE_CALLOUT_ERROR = "#ffd2d1"; // Banner +export const INPUT_ASTERIX_COLOR_TEXT = "#e20337"; // Autocomplete, Text field +export const INPUT_PLACEHOLDER_COLOR_TEXT = "#8c8c8c"; // Autocomplete, Table input, Search, Text field +export const INPUT_HELPER_COLOR_TEXT_INITIAL = "#6f6f6f"; // Autocomplete, Table input, Text field +export const INPUT_HELPER_COLOR_TEXT_FOCUS = "#6f6f6f"; // Autocomplete, Table input, Text field +export const INPUT_HELPER_COLOR_TEXT_READ_ONLY = "#6f6f6f"; // Autocomplete, Table input, Text field +export const INPUT_HELPER_COLOR_TEXT_DISABLED = "#bebebe"; // Autocomplete, Table input, Search, Text field +export const INPUT_HELPER_COLOR_ICON_INITIAL = "#6f6f6f"; // Autocomplete, Table input, Text field +export const INPUT_HELPER_COLOR_ICON_FOCUS = "#6f6f6f"; // Autocomplete, Table input, Text field +export const INPUT_HELPER_COLOR_ICON_READ_ONLY = "#6f6f6f"; // Autocomplete, Table input, Text field +export const INPUT_HELPER_COLOR_ICON_DISABLED = "#bebebe"; // Autocomplete, Table input, Search, Text field export const INPUT_HELPER_COLOR_MESSAGE_TEXT_INFO_INITIAL = "#045e8d"; export const INPUT_HELPER_COLOR_MESSAGE_TEXT_INFO_FOCUS = "#045e8d"; export const INPUT_HELPER_COLOR_MESSAGE_TEXT_INFO_READ_ONLY = "#045e8d"; @@ -348,97 +362,103 @@ export const INPUT_HELPER_COLOR_MESSAGE_ICON_ERROR_INITIAL = "#90042c"; export const INPUT_HELPER_COLOR_MESSAGE_ICON_ERROR_FOCUS = "#90042c"; export const INPUT_HELPER_COLOR_MESSAGE_ICON_ERROR_READ_ONLY = "#90042c"; export const INPUT_HELPER_COLOR_MESSAGE_ICON_ERROR_DISABLED = "#bebebe"; -export const INPUT_COLOR_TEXT_INITIAL = "#565656"; -export const INPUT_COLOR_TEXT_READ_ONLY = "#565656"; -export const INPUT_COLOR_TEXT_FOCUS = "#3d3d3d"; -export const INPUT_COLOR_TEXT_DISABLED = "#bebebe"; -export const INPUT_COLOR_ICON_INITIAL = "#565656"; -export const INPUT_COLOR_ICON_READ_ONLY = "#565656"; -export const INPUT_COLOR_ICON_FOCUS = "#3d3d3d"; -export const INPUT_COLOR_ICON_DISABLED = "#bebebe"; -export const INPUT_COLOR_BORDER_INITIAL = "#b3b3b3"; -export const INPUT_COLOR_BORDER_READ_ONLY = "#b3b3b3"; -export const INPUT_COLOR_BORDER_FOCUS = "#007079"; -export const INPUT_COLOR_BORDER_DISABLED = "#ffffff00"; -export const INPUT_COLOR_SURFACE_INITIAL_ON_LEVEL_1 = "#ffffff"; -export const INPUT_COLOR_SURFACE_INITIAL_ON_LEVEL_2 = "#f7f7f7"; +export const INPUT_COLOR_TEXT_INITIAL = "#565656"; // Autocomplete, Table input, Text field +export const INPUT_COLOR_TEXT_READ_ONLY = "#565656"; // Autocomplete, Table input, Text field +export const INPUT_COLOR_TEXT_FOCUS = "#3d3d3d"; // Autocomplete, Table input, Search, Text field +export const INPUT_COLOR_TEXT_DISABLED = "#bebebe"; // Autocomplete, Table input, Search, Text field +export const INPUT_COLOR_ICON_INITIAL = "#565656"; // Autocomplete, Table input, Text field +export const INPUT_COLOR_ICON_READ_ONLY = "#565656"; // Autocomplete, Table input, Text field +export const INPUT_COLOR_ICON_FOCUS = "#3d3d3d"; // Autocomplete, Table input, Search, Text field +export const INPUT_COLOR_ICON_DISABLED = "#bebebe"; // Autocomplete, Table input, Search, Text field +export const INPUT_COLOR_BORDER_INITIAL = "#b3b3b3"; // Autocomplete, Text field +export const INPUT_COLOR_BORDER_READ_ONLY = "#b3b3b3"; // Autocomplete, Text field +export const INPUT_COLOR_BORDER_FOCUS = "#007079"; // Autocomplete, Search, Text field +export const INPUT_COLOR_BORDER_DISABLED = "#ffffff00"; // Autocomplete, Search, Text field +export const INPUT_COLOR_SURFACE_INITIAL_ON_LEVEL_1 = "#ffffff"; // Autocomplete, Search, Table input, Text field input +export const INPUT_COLOR_SURFACE_INITIAL_ON_LEVEL_2 = "#f7f7f7"; // Autocomplete, Search, Table input, Text field input export const INPUT_COLOR_SURFACE_INITIAL_ON_LEVEL_3 = "#f7f7f7"; -export const INPUT_COLOR_SURFACE_DISABLED_ON_LEVEL_1 = "#ffffff"; -export const INPUT_COLOR_SURFACE_DISABLED_ON_LEVEL_2 = "#f7f7f7"; +export const INPUT_COLOR_SURFACE_DISABLED_ON_LEVEL_1 = "#ffffff"; // Autocomplete, Search, Table input, Text field input +export const INPUT_COLOR_SURFACE_DISABLED_ON_LEVEL_2 = "#f7f7f7"; // Autocomplete, Search, Table input, Text field input export const INPUT_COLOR_SURFACE_DISABLED_ON_LEVEL_3 = "#f7f7f7"; export const INPUT_COLOR_SURFACE_READ_ONLY_ON_LEVEL_1 = "#ffffff00"; export const INPUT_COLOR_SURFACE_READ_ONLY_ON_LEVEL_2 = "#ffffff00"; export const INPUT_COLOR_SURFACE_READ_ONLY_ON_LEVEL_3 = "#ffffff00"; -export const INPUT_COLOR_MESSAGE_BORDER_SUCCESS_INITIAL = "#3fa13d"; -export const INPUT_COLOR_MESSAGE_BORDER_SUCCESS_FOCUS = "#15682d"; -export const INPUT_COLOR_MESSAGE_BORDER_SUCCESS_READ_ONLY = "#3fa13d"; -export const INPUT_COLOR_MESSAGE_BORDER_SUCCESS_DISABLED = "#3fa13d"; -export const INPUT_COLOR_MESSAGE_BORDER_WARNING_INITIAL = "#e57e00"; -export const INPUT_COLOR_MESSAGE_BORDER_WARNING_FOCUS = "#7f4600"; -export const INPUT_COLOR_MESSAGE_BORDER_WARNING_READ_ONLY = "#e57e00"; -export const INPUT_COLOR_MESSAGE_BORDER_WARNING_DISABLED = "#e57e00"; -export const INPUT_COLOR_MESSAGE_BORDER_ERROR_INITIAL = "#e20337"; -export const INPUT_COLOR_MESSAGE_BORDER_ERROR_FOCUS = "#90042c"; -export const INPUT_COLOR_MESSAGE_BORDER_ERROR_READ_ONLY = "#e20337"; -export const INPUT_COLOR_MESSAGE_BORDER_ERROR_DISABLED = "#e20337"; -export const INPUT_COLOR_MESSAGE_ICON_SUCCESS_INITIAL = "#3fa13d"; -export const INPUT_COLOR_MESSAGE_ICON_SUCCESS_FOCUS = "#15682d"; -export const INPUT_COLOR_MESSAGE_ICON_SUCCESS_READ_ONLY = "#3fa13d"; -export const INPUT_COLOR_MESSAGE_ICON_SUCCESS_DISABLED = "#3fa13d"; -export const INPUT_COLOR_MESSAGE_ICON_WARNING_INITIAL = "#e57e00"; -export const INPUT_COLOR_MESSAGE_ICON_WARNING_FOCUS = "#7f4600"; -export const INPUT_COLOR_MESSAGE_ICON_WARNING_READ_ONLY = "#e57e00"; -export const INPUT_COLOR_MESSAGE_ICON_WARNING_DISABLED = "#e57e00"; -export const INPUT_COLOR_MESSAGE_ICON_ERROR_INITIAL = "#e20337"; -export const INPUT_COLOR_MESSAGE_ICON_ERROR_FOCUS = "#90042c"; -export const INPUT_COLOR_MESSAGE_ICON_ERROR_READ_ONLY = "#e20337"; -export const INPUT_COLOR_MESSAGE_ICON_ERROR_DISABLED = "#e20337"; -export const INPUT_COLOR_MESSAGE_TEXT_SUCCESS_INITIAL = "#3fa13d"; -export const INPUT_COLOR_MESSAGE_TEXT_SUCCESS_FOCUS = "#15682d"; -export const INPUT_COLOR_MESSAGE_TEXT_SUCCESS_READ_ONLY = "#3fa13d"; -export const INPUT_COLOR_MESSAGE_TEXT_SUCCESS_DISABLED = "#3fa13d"; -export const INPUT_COLOR_MESSAGE_TEXT_WARNING_INITIAL = "#e57e00"; -export const INPUT_COLOR_MESSAGE_TEXT_WARNING_FOCUS = "#7f4600"; -export const INPUT_COLOR_MESSAGE_TEXT_WARNING_READ_ONLY = "#e57e00"; -export const INPUT_COLOR_MESSAGE_TEXT_WARNING_DISABLED = "#e57e00"; -export const INPUT_COLOR_MESSAGE_TEXT_ERROR_INITIAL = "#e20337"; -export const INPUT_COLOR_MESSAGE_TEXT_ERROR_FOCUS = "#90042c"; -export const INPUT_COLOR_MESSAGE_TEXT_ERROR_READ_ONLY = "#e20337"; -export const INPUT_COLOR_MESSAGE_TEXT_ERROR_DISABLED = "#e20337"; +export const INPUT_COLOR_MESSAGE_BORDER_SUCCESS_INITIAL = "#3fa13d"; // Text field +export const INPUT_COLOR_MESSAGE_BORDER_SUCCESS_FOCUS = "#15682d"; // Text field +export const INPUT_COLOR_MESSAGE_BORDER_SUCCESS_READ_ONLY = "#3fa13d"; // Text field +export const INPUT_COLOR_MESSAGE_BORDER_SUCCESS_DISABLED = "#3fa13d"; // Text field +export const INPUT_COLOR_MESSAGE_BORDER_WARNING_INITIAL = "#e57e00"; // Text field +export const INPUT_COLOR_MESSAGE_BORDER_WARNING_FOCUS = "#7f4600"; // Text field +export const INPUT_COLOR_MESSAGE_BORDER_WARNING_READ_ONLY = "#e57e00"; // Text field +export const INPUT_COLOR_MESSAGE_BORDER_WARNING_DISABLED = "#e57e00"; // Text field +export const INPUT_COLOR_MESSAGE_BORDER_ERROR_INITIAL = "#e20337"; // Text field +export const INPUT_COLOR_MESSAGE_BORDER_ERROR_FOCUS = "#90042c"; // Text field +export const INPUT_COLOR_MESSAGE_BORDER_ERROR_READ_ONLY = "#e20337"; // Text field +export const INPUT_COLOR_MESSAGE_BORDER_ERROR_DISABLED = "#e20337"; // Text field +export const INPUT_COLOR_MESSAGE_ICON_SUCCESS_INITIAL = "#3fa13d"; // Text field +export const INPUT_COLOR_MESSAGE_ICON_SUCCESS_FOCUS = "#15682d"; // Text field +export const INPUT_COLOR_MESSAGE_ICON_SUCCESS_READ_ONLY = "#3fa13d"; // Text field +export const INPUT_COLOR_MESSAGE_ICON_SUCCESS_DISABLED = "#3fa13d"; // Text field +export const INPUT_COLOR_MESSAGE_ICON_WARNING_INITIAL = "#e57e00"; // Text field +export const INPUT_COLOR_MESSAGE_ICON_WARNING_FOCUS = "#7f4600"; // Text field +export const INPUT_COLOR_MESSAGE_ICON_WARNING_READ_ONLY = "#e57e00"; // Text field +export const INPUT_COLOR_MESSAGE_ICON_WARNING_DISABLED = "#e57e00"; // Text field +export const INPUT_COLOR_MESSAGE_ICON_ERROR_INITIAL = "#e20337"; // Text field +export const INPUT_COLOR_MESSAGE_ICON_ERROR_FOCUS = "#90042c"; // Text field +export const INPUT_COLOR_MESSAGE_ICON_ERROR_READ_ONLY = "#e20337"; // Text field +export const INPUT_COLOR_MESSAGE_ICON_ERROR_DISABLED = "#e20337"; // Text field +export const INPUT_COLOR_MESSAGE_TEXT_SUCCESS_INITIAL = "#3fa13d"; // Text field +export const INPUT_COLOR_MESSAGE_TEXT_SUCCESS_FOCUS = "#15682d"; // Text field +export const INPUT_COLOR_MESSAGE_TEXT_SUCCESS_READ_ONLY = "#3fa13d"; // Text field +export const INPUT_COLOR_MESSAGE_TEXT_SUCCESS_DISABLED = "#3fa13d"; // Text field +export const INPUT_COLOR_MESSAGE_TEXT_WARNING_INITIAL = "#e57e00"; // Text field +export const INPUT_COLOR_MESSAGE_TEXT_WARNING_FOCUS = "#7f4600"; // Text field +export const INPUT_COLOR_MESSAGE_TEXT_WARNING_READ_ONLY = "#e57e00"; // Text field +export const INPUT_COLOR_MESSAGE_TEXT_WARNING_DISABLED = "#e57e00"; // Text field +export const INPUT_COLOR_MESSAGE_TEXT_ERROR_INITIAL = "#e20337"; // Text field +export const INPUT_COLOR_MESSAGE_TEXT_ERROR_FOCUS = "#90042c"; // Text field +export const INPUT_COLOR_MESSAGE_TEXT_ERROR_READ_ONLY = "#e20337"; // Text field +export const INPUT_COLOR_MESSAGE_TEXT_ERROR_DISABLED = "#e20337"; // Text field export const INPUT_LABEL_COLOR_TEXT_INITIAL = "#6f6f6f"; export const INPUT_LABEL_COLOR_TEXT_READ_ONLY = "#6f6f6f"; export const INPUT_LABEL_COLOR_TEXT_DISABLED = "#bebebe"; export const INPUT_LABEL_COLOR_ICON_INITIAL = "#6f6f6f"; export const INPUT_LABEL_COLOR_ICON_READ_ONLY = "#6f6f6f"; export const INPUT_LABEL_COLOR_ICON_DISABLED = "#bebebe"; -export const TABLE_CELL_COLOR_MESSAGE_SURFACE_ERROR = "#ffd2d1"; +export const TABLE_CELL_COLOR_MESSAGE_SURFACE_ERROR = "#ffd2d1"; // Table cell, Table data grid cell export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_INITIAL_ON_LEVEL_1 = "#3d3d3d"; export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_INITIAL_ON_LEVEL_2 = "#3d3d3d"; export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_INITIAL_ON_LEVEL_3 = "#3d3d3d"; export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_HOVER_ON_LEVEL_1 = "#1f1f1f"; export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_HOVER_ON_LEVEL_2 = "#1f1f1f"; export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_HOVER_ON_LEVEL_3 = "#1f1f1f"; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_1 = "#3d3d3d"; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_2 = "#3d3d3d"; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_3 = "#3d3d3d"; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_1 = "#1f1f1f"; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_2 = "#1f1f1f"; -export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_3 = "#1f1f1f"; +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_1 = "#3d3d3d"; // Interactive table cell, table data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_2 = "#3d3d3d"; // Interactive table cell, table data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_3 = "#3d3d3d"; // Interactive table cell, table data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_1 = + "#1f1f1f"; // Interactive table cell, data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_2 = + "#1f1f1f"; // Interactive table cell, data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_3 = + "#1f1f1f"; // Interactive table cell, data grid cell export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_1 = "#bebebe"; export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_2 = "#bebebe"; export const TABLE_CELL_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_3 = "#bebebe"; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_1 = "#6f6f6f"; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_2 = "#6f6f6f"; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_3 = "#565656"; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_1 = "#1f1f1f"; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_2 = "#1f1f1f"; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_3 = "#1f1f1f"; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_1 = "#007079"; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_2 = "#007079"; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_3 = "#007079"; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_1 = "#004f55"; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_2 = "#004f55"; -export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_3 = "#004f55"; +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_1 = "#6f6f6f"; // Table cell, Table data grid cell, Table header, Table data grid header +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_2 = "#6f6f6f"; // Table cell, Table data grid cell, Table header, Table data grid header +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_3 = "#565656"; // Table cell, Table data grid cell, Table header, Table data grid header +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_1 = "#1f1f1f"; // Table cell, Table data grid cell, Table header, Table data grid header +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_2 = "#1f1f1f"; // Table cell, Table data grid cell, Table header, Table data grid header +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_3 = "#1f1f1f"; // Table cell, Table data grid cell, Table header, Table data grid header +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_1 = "#007079"; // Table cell, Table data grid cell, Table header, Table data grid header +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_2 = "#007079"; // Table cell, Table data grid cell, Table header, Table data grid header +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_3 = "#007079"; // Table cell, Table data grid cell, Table header, Table data grid header +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_1 = + "#004f55"; // Table cell, Table data grid cell, Table header, Table data grid header +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_2 = + "#004f55"; // Table cell, Table data grid cell, Table header, Table data grid header +export const TABLE_CELL_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_3 = + "#004f55"; // Table cell, Table data grid cell, Table header, Table data grid header export const TABLE_CELL_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_1 = "#bebebe"; export const TABLE_CELL_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_2 = "#bebebe"; export const TABLE_CELL_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_3 = "#bebebe"; @@ -451,27 +471,42 @@ export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_HOVER_ON_LEVEL_3 = "#bebebe"; export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_1 = "#dcdcdc"; export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_2 = "#dcdcdc"; export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_3 = "#dcdcdc"; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_1 = "#bebebe"; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_2 = "#bebebe"; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_3 = "#bebebe"; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_1 = "#dcdcdc"; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_2 = "#dcdcdc"; -export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_3 = "#dcdcdc"; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_1 = "#ffffff00"; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_2 = "#ffffff00"; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_3 = "#ffffff00"; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_1 = "#dcdcdc"; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_2 = "#dcdcdc"; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_3 = "#dcdcdc"; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_1 = "#deedee"; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_2 = "#deedee"; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_3 = "#deedee"; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_1 = "#c9e0e2"; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_2 = "#c9e0e2"; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_3 = "#c9e0e2"; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_1 = "#ffffff00"; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_2 = "#ffffff00"; -export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_3 = "#ffffff00"; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_1 = + "#bebebe"; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_2 = + "#bebebe"; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_3 = + "#bebebe"; +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_1 = + "#dcdcdc"; // Border on Table cell doesn't change from Initial state, only the text & the icon. +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_2 = + "#dcdcdc"; // Border on Table cell doesn't change from Initial state, only the text & the icon. +export const TABLE_CELL_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_3 = + "#dcdcdc"; // Border on Table cell doesn't change from Initial state, only the text & the icon. +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_1 = + "#ffffff00"; // Table cell, Table data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_2 = + "#ffffff00"; // Table cell, Table data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_3 = + "#ffffff00"; // Table cell, Table data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_1 = "#dcdcdc"; // Table cell, Table data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_2 = "#dcdcdc"; // Table cell, Table data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_3 = "#dcdcdc"; // Table cell, Table data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_1 = "#deedee"; // Table cell, Table data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_2 = "#deedee"; // Table cell, Table data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_3 = "#deedee"; // Table cell, Table data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_1 = + "#c9e0e2"; // Table cell, Table data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_2 = + "#c9e0e2"; // Table cell, Table data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_3 = + "#c9e0e2"; // Table cell, Table data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_1 = + "#ffffff00"; // Table cell, Table data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_2 = + "#ffffff00"; // Table cell, Table data grid cell +export const TABLE_CELL_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_3 = + "#ffffff00"; // Table cell, Table data grid cell export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_INITIAL_ON_LEVEL_1 = "#3d3d3d"; export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_INITIAL_ON_LEVEL_2 = "#3d3d3d"; export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_INITIAL_ON_LEVEL_3 = "#3d3d3d"; @@ -481,12 +516,18 @@ export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_HOVER_ON_LEVEL_3 = "#3d3d3d"; export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_1 = "#007079"; export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_2 = "#007079"; export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_ON_LEVEL_3 = "#007079"; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_1 = "#004f55"; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_2 = "#004f55"; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_3 = "#004f55"; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_1 = "#bebebe"; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_2 = "#bebebe"; -export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_3 = "#bebebe"; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_1 = + "#004f55"; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_2 = + "#004f55"; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_ACTIVE_HOVER_ON_LEVEL_3 = + "#004f55"; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_1 = + "#bebebe"; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_2 = + "#bebebe"; +export const TABLE_HEADER_COLOR_INTERACTIVE_TEXT_DISABLED_ON_LEVEL_3 = + "#bebebe"; export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_1 = "#6f6f6f"; export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_2 = "#6f6f6f"; export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_INITIAL_ON_LEVEL_3 = "#3d3d3d"; @@ -496,42 +537,75 @@ export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_HOVER_ON_LEVEL_3 = "#3d3d3d"; export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_1 = "#007079"; export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_2 = "#007079"; export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_ON_LEVEL_3 = "#007079"; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_1 = "#004f55"; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_2 = "#004f55"; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_3 = "#004f55"; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_1 = "#6f6f6f"; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_2 = "#6f6f6f"; -export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_3 = "#3d3d3d"; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_1 = "#dcdcdc"; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_2 = "#dcdcdc"; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_3 = "#dcdcdc"; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_1 = + "#004f55"; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_2 = + "#004f55"; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_ACTIVE_HOVER_ON_LEVEL_3 = + "#004f55"; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_1 = + "#6f6f6f"; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_2 = + "#6f6f6f"; +export const TABLE_HEADER_COLOR_INTERACTIVE_ICON_DISABLED_ON_LEVEL_3 = + "#3d3d3d"; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_1 = + "#dcdcdc"; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_2 = + "#dcdcdc"; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_INITIAL_ON_LEVEL_3 = + "#dcdcdc"; export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_HOVER_ON_LEVEL_1 = "#bebebe"; export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_HOVER_ON_LEVEL_2 = "#bebebe"; export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_HOVER_ON_LEVEL_3 = "#bebebe"; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_1 = "#007079"; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_2 = "#007079"; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_3 = "#007079"; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_1 = "#004f55"; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_2 = "#004f55"; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_3 = "#004f55"; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_1 = "#dcdcdc"; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_2 = "#dcdcdc"; -export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_3 = "#dcdcdc"; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_1 = "#ffffff"; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_2 = "#f7f7f7"; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_3 = "#f7f7f7"; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_1 = "#dcdcdc"; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_2 = "#dcdcdc"; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_3 = "#dcdcdc"; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_1 = "#eaeaea"; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_2 = "#eaeaea"; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_3 = "#eaeaea"; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_1 = "#dcdcdc"; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_2 = "#dcdcdc"; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_3 = "#dcdcdc"; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_1 = "#ffffff00"; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_2 = "#ffffff00"; -export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_3 = "#ffffff00"; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_1 = + "#007079"; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_2 = + "#007079"; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_ON_LEVEL_3 = + "#007079"; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_1 = + "#004f55"; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_2 = + "#004f55"; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_ACTIVE_HOVER_ON_LEVEL_3 = + "#004f55"; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_1 = + "#dcdcdc"; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_2 = + "#dcdcdc"; +export const TABLE_HEADER_COLOR_INTERACTIVE_BORDER_DISABLED_ON_LEVEL_3 = + "#dcdcdc"; +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_1 = + "#ffffff"; // Table header, Table data grid header +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_2 = + "#f7f7f7"; // Table header, Table data grid header +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_INITIAL_ON_LEVEL_3 = + "#f7f7f7"; // Table header, Table data grid header +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_1 = + "#dcdcdc"; // Table header, Table data grid header +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_2 = + "#dcdcdc"; // Table header, Table data grid header +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_HOVER_ON_LEVEL_3 = + "#dcdcdc"; // Table header, Table data grid header +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_1 = + "#eaeaea"; // Table header, Table data grid header +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_2 = + "#eaeaea"; // Table header, Table data grid header +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_ON_LEVEL_3 = + "#eaeaea"; // Table header, Table data grid header +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_1 = + "#dcdcdc"; // Table header, Table data grid header +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_2 = + "#dcdcdc"; // Table header, Table data grid header +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_ACTIVE_HOVER_ON_LEVEL_3 = + "#dcdcdc"; // Table header, Table data grid header +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_1 = + "#ffffff00"; // Table header, Table data grid header +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_2 = + "#ffffff00"; // Table header, Table data grid header +export const TABLE_HEADER_COLOR_INTERACTIVE_SURFACE_DISABLED_ON_LEVEL_3 = + "#ffffff00"; // Table header, Table data grid header export const TABLE_HEADER_COLOR_STATIC_TEXT_ON_LEVEL_1 = "#3d3d3d"; export const TABLE_HEADER_COLOR_STATIC_TEXT_ON_LEVEL_2 = "#3d3d3d"; export const TABLE_HEADER_COLOR_STATIC_TEXT_ON_LEVEL_3 = "#3d3d3d"; @@ -541,11 +615,11 @@ export const TABLE_HEADER_COLOR_STATIC_ICON_ON_LEVEL_3 = "#3d3d3d"; export const TABLE_HEADER_COLOR_STATIC_BORDER_ON_LEVEL_1 = "#dcdcdc"; export const TABLE_HEADER_COLOR_STATIC_BORDER_ON_LEVEL_2 = "#dcdcdc"; export const TABLE_HEADER_COLOR_STATIC_BORDER_ON_LEVEL_3 = "#dcdcdc"; -export const TABLE_HEADER_COLOR_STATIC_SURFACE_ON_LEVEL_1 = "#ffffff"; -export const TABLE_HEADER_COLOR_STATIC_SURFACE_ON_LEVEL_2 = "#f7f7f7"; -export const TABLE_HEADER_COLOR_STATIC_SURFACE_ON_LEVEL_3 = "#f7f7f7"; -export const UI_MAIN_COLOR_SURFACE = "#f7f7f7"; -export const UI_SHELL_COLOR_SURFACE = "#ffffff"; -export const UI_SHELL_COLOR_BORDER = "#f7f7f7"; -export const UI_FLOATING_COLOR_SURFACE = "#ffffff"; -export const UI_SCRIM_COLOR_SURFACE = "#00000066"; +export const TABLE_HEADER_COLOR_STATIC_SURFACE_ON_LEVEL_1 = "#ffffff"; // Table header, Table data grid header +export const TABLE_HEADER_COLOR_STATIC_SURFACE_ON_LEVEL_2 = "#f7f7f7"; // Table header, Table data grid header +export const TABLE_HEADER_COLOR_STATIC_SURFACE_ON_LEVEL_3 = "#f7f7f7"; // Table header, Table data grid header +export const UI_MAIN_COLOR_SURFACE = "#f7f7f7"; // Recommended background color for EDS applications +export const UI_SHELL_COLOR_SURFACE = "#ffffff"; // Sidebar, Side sheet, Toolbar, Top bar +export const UI_SHELL_COLOR_BORDER = "#f7f7f7"; // Sidebar, Topbar, Side sheet +export const UI_FLOATING_COLOR_SURFACE = "#ffffff"; // Recommended background color for EDS applications +export const UI_SCRIM_COLOR_SURFACE = "#00000066"; // Scrim diff --git a/packages/eds-tokens/build/js/color/primitives.d.ts b/packages/eds-tokens/build/js/color/primitives.d.ts index 5d5f497908..b245e7d65e 100644 --- a/packages/eds-tokens/build/js/color/primitives.d.ts +++ b/packages/eds-tokens/build/js/color/primitives.d.ts @@ -2,329 +2,330 @@ * Do not edit directly, this file was auto-generated. */ -export const COLOR_NEUTRAL_0 : string; -export const COLOR_NEUTRAL_100 : string; -export const COLOR_NEUTRAL_200 : string; -export const COLOR_NEUTRAL_300 : string; -export const COLOR_NEUTRAL_400 : string; -export const COLOR_NEUTRAL_500 : string; -export const COLOR_NEUTRAL_600 : string; -export const COLOR_NEUTRAL_700 : string; -export const COLOR_NEUTRAL_800 : string; -export const COLOR_NEUTRAL_900 : string; -export const COLOR_NEUTRAL_1000 : string; -export const COLOR_NEUTRAL_1100 : string; -export const COLOR_NEUTRAL_1200 : string; -export const COLOR_NEUTRAL_1300 : string; -export const COLOR_NEUTRAL_1350 : string; -export const COLOR_NEUTRAL_1400 : string; -export const COLOR_NEUTRAL_1450 : string; -export const COLOR_NEUTRAL_1500 : string; -export const COLOR_SLATE_GREY_100 : string; -export const COLOR_SLATE_GREY_200 : string; -export const COLOR_SLATE_GREY_300 : string; -export const COLOR_SLATE_GREY_400 : string; -export const COLOR_SLATE_GREY_500 : string; -export const COLOR_SLATE_GREY_600 : string; -export const COLOR_SLATE_GREY_700 : string; -export const COLOR_SLATE_GREY_800 : string; -export const COLOR_SLATE_GREY_900 : string; -export const COLOR_SLATE_GREY_1000 : string; -export const COLOR_SLATE_GREY_1100 : string; -export const COLOR_SLATE_GREY_1200 : string; -export const COLOR_SLATE_GREY_1300 : string; -export const COLOR_SLATE_GREY_1350 : string; -export const COLOR_SLATE_GREY_1400 : string; -export const COLOR_SLATE_GREY_1450 : string; -export const COLOR_SLATE_BLUE_100 : string; -export const COLOR_SLATE_BLUE_200 : string; -export const COLOR_SLATE_BLUE_300 : string; -export const COLOR_SLATE_BLUE_400 : string; -export const COLOR_SLATE_BLUE_500 : string; -export const COLOR_SLATE_BLUE_600 : string; -export const COLOR_SLATE_BLUE_700 : string; -export const COLOR_SLATE_BLUE_800 : string; -export const COLOR_SLATE_BLUE_900 : string; -export const COLOR_SLATE_BLUE_1000 : string; -export const COLOR_SLATE_BLUE_1100 : string; -export const COLOR_SLATE_BLUE_1200 : string; -export const COLOR_SLATE_BLUE_1300 : string; -export const COLOR_SLATE_BLUE_1350 : string; -export const COLOR_SLATE_BLUE_1400 : string; -export const COLOR_SLATE_BLUE_1450 : string; -export const COLOR_BLUE_GREY_100 : string; -export const COLOR_BLUE_GREY_200 : string; -export const COLOR_BLUE_GREY_300 : string; -export const COLOR_BLUE_GREY_400 : string; -export const COLOR_BLUE_GREY_500 : string; -export const COLOR_BLUE_GREY_600 : string; -export const COLOR_BLUE_GREY_700 : string; -export const COLOR_BLUE_GREY_800 : string; -export const COLOR_BLUE_GREY_900 : string; -export const COLOR_BLUE_GREY_1000 : string; -export const COLOR_BLUE_GREY_1100 : string; -export const COLOR_BLUE_GREY_1200 : string; -export const COLOR_BLUE_GREY_1300 : string; -export const COLOR_BLUE_GREY_1350 : string; -export const COLOR_BLUE_GREY_1400 : string; -export const COLOR_BLUE_GREY_1450 : string; -export const COLOR_MIST_GREY_100 : string; -export const COLOR_MIST_GREY_200 : string; -export const COLOR_MIST_GREY_300 : string; -export const COLOR_MIST_GREY_400 : string; -export const COLOR_MIST_GREY_500 : string; -export const COLOR_MIST_GREY_600 : string; -export const COLOR_MIST_GREY_700 : string; -export const COLOR_MIST_GREY_800 : string; -export const COLOR_MIST_GREY_900 : string; -export const COLOR_MIST_GREY_1000 : string; -export const COLOR_MIST_GREY_1100 : string; -export const COLOR_MIST_GREY_1200 : string; -export const COLOR_MIST_GREY_1300 : string; -export const COLOR_MIST_GREY_1350 : string; -export const COLOR_MIST_GREY_1400 : string; -export const COLOR_MIST_GREY_1450 : string; -export const COLOR_MIST_BLUE_MUTED_100 : string; -export const COLOR_MIST_BLUE_MUTED_200 : string; -export const COLOR_MIST_BLUE_MUTED_300 : string; -export const COLOR_MIST_BLUE_MUTED_400 : string; -export const COLOR_MIST_BLUE_MUTED_500 : string; -export const COLOR_MIST_BLUE_MUTED_600 : string; -export const COLOR_MIST_BLUE_MUTED_700 : string; -export const COLOR_MIST_BLUE_MUTED_800 : string; -export const COLOR_MIST_BLUE_MUTED_900 : string; -export const COLOR_MIST_BLUE_MUTED_1000 : string; -export const COLOR_MIST_BLUE_MUTED_1100 : string; -export const COLOR_MIST_BLUE_MUTED_1200 : string; -export const COLOR_MIST_BLUE_MUTED_1300 : string; -export const COLOR_MIST_BLUE_MUTED_1350 : string; -export const COLOR_MIST_BLUE_MUTED_1400 : string; -export const COLOR_MIST_BLUE_MUTED_1450 : string; -export const COLOR_MIST_BLUE_100 : string; -export const COLOR_MIST_BLUE_200 : string; -export const COLOR_MIST_BLUE_300 : string; -export const COLOR_MIST_BLUE_400 : string; -export const COLOR_MIST_BLUE_500 : string; -export const COLOR_MIST_BLUE_600 : string; -export const COLOR_MIST_BLUE_700 : string; -export const COLOR_MIST_BLUE_800 : string; -export const COLOR_MIST_BLUE_900 : string; -export const COLOR_MIST_BLUE_1000 : string; -export const COLOR_MIST_BLUE_1100 : string; -export const COLOR_MIST_BLUE_1200 : string; -export const COLOR_MIST_BLUE_1300 : string; -export const COLOR_MIST_BLUE_1350 : string; -export const COLOR_MIST_BLUE_1400 : string; -export const COLOR_MIST_BLUE_1450 : string; -export const COLOR_BLUE_SKY_100 : string; -export const COLOR_BLUE_SKY_200 : string; -export const COLOR_BLUE_SKY_300 : string; -export const COLOR_BLUE_SKY_400 : string; -export const COLOR_BLUE_SKY_500 : string; -export const COLOR_BLUE_SKY_600 : string; -export const COLOR_BLUE_SKY_700 : string; -export const COLOR_BLUE_SKY_800 : string; -export const COLOR_BLUE_SKY_900 : string; -export const COLOR_BLUE_SKY_1000 : string; -export const COLOR_BLUE_SKY_1100 : string; -export const COLOR_BLUE_SKY_1200 : string; -export const COLOR_BLUE_SKY_1300 : string; -export const COLOR_BLUE_SKY_1350 : string; -export const COLOR_BLUE_SKY_1400 : string; -export const COLOR_BLUE_SKY_1450 : string; -export const COLOR_BLUE_OCEAN_100 : string; -export const COLOR_BLUE_OCEAN_200 : string; -export const COLOR_BLUE_OCEAN_300 : string; -export const COLOR_BLUE_OCEAN_400 : string; -export const COLOR_BLUE_OCEAN_500 : string; -export const COLOR_BLUE_OCEAN_600 : string; -export const COLOR_BLUE_OCEAN_700 : string; -export const COLOR_BLUE_OCEAN_800 : string; -export const COLOR_BLUE_OCEAN_900 : string; -export const COLOR_BLUE_OCEAN_1000 : string; -export const COLOR_BLUE_OCEAN_1100 : string; -export const COLOR_BLUE_OCEAN_1200 : string; -export const COLOR_BLUE_OCEAN_1300 : string; -export const COLOR_BLUE_OCEAN_1350 : string; -export const COLOR_BLUE_OCEAN_1400 : string; -export const COLOR_BLUE_OCEAN_1450 : string; -export const COLOR_BLUE_OCEAN_1500 : string; -export const COLOR_PINK_100 : string; -export const COLOR_PINK_200 : string; -export const COLOR_PINK_300 : string; -export const COLOR_PINK_400 : string; -export const COLOR_PINK_500 : string; -export const COLOR_PINK_600 : string; -export const COLOR_PINK_700 : string; -export const COLOR_PINK_800 : string; -export const COLOR_PINK_900 : string; -export const COLOR_PINK_1000 : string; -export const COLOR_PINK_1100 : string; -export const COLOR_PINK_1200 : string; -export const COLOR_PINK_1300 : string; -export const COLOR_PINK_1350 : string; -export const COLOR_PINK_1400 : string; -export const COLOR_PINK_1450 : string; -export const COLOR_RED_COLD_100 : string; -export const COLOR_RED_COLD_200 : string; -export const COLOR_RED_COLD_300 : string; -export const COLOR_RED_COLD_400 : string; -export const COLOR_RED_COLD_500 : string; -export const COLOR_RED_COLD_600 : string; -export const COLOR_RED_COLD_700 : string; -export const COLOR_RED_COLD_800 : string; -export const COLOR_RED_COLD_900 : string; -export const COLOR_RED_COLD_1000 : string; -export const COLOR_RED_COLD_1100 : string; -export const COLOR_RED_COLD_1200 : string; -export const COLOR_RED_COLD_1300 : string; -export const COLOR_RED_COLD_1350 : string; -export const COLOR_RED_COLD_1400 : string; -export const COLOR_RED_COLD_1450 : string; -export const COLOR_RED_COLD_1500 : string; -export const COLOR_RED_WARM_100 : string; -export const COLOR_RED_WARM_200 : string; -export const COLOR_RED_WARM_300 : string; -export const COLOR_RED_WARM_400 : string; -export const COLOR_RED_WARM_500 : string; -export const COLOR_RED_WARM_600 : string; -export const COLOR_RED_WARM_700 : string; -export const COLOR_RED_WARM_800 : string; -export const COLOR_RED_WARM_900 : string; -export const COLOR_RED_WARM_1000 : string; -export const COLOR_RED_WARM_1100 : string; -export const COLOR_RED_WARM_1200 : string; -export const COLOR_RED_WARM_1300 : string; -export const COLOR_RED_WARM_1350 : string; -export const COLOR_RED_WARM_1400 : string; -export const COLOR_RED_WARM_1450 : string; -export const COLOR_SPRUCE_WOOD_100 : string; -export const COLOR_SPRUCE_WOOD_200 : string; -export const COLOR_SPRUCE_WOOD_300 : string; -export const COLOR_SPRUCE_WOOD_400 : string; -export const COLOR_SPRUCE_WOOD_500 : string; -export const COLOR_SPRUCE_WOOD_600 : string; -export const COLOR_SPRUCE_WOOD_700 : string; -export const COLOR_SPRUCE_WOOD_800 : string; -export const COLOR_SPRUCE_WOOD_900 : string; -export const COLOR_SPRUCE_WOOD_1000 : string; -export const COLOR_SPRUCE_WOOD_1100 : string; -export const COLOR_SPRUCE_WOOD_1200 : string; -export const COLOR_SPRUCE_WOOD_1300 : string; -export const COLOR_SPRUCE_WOOD_1350 : string; -export const COLOR_SPRUCE_WOOD_1400 : string; -export const COLOR_SPRUCE_WOOD_1450 : string; -export const COLOR_ORANGE_100 : string; -export const COLOR_ORANGE_200 : string; -export const COLOR_ORANGE_300 : string; -export const COLOR_ORANGE_400 : string; -export const COLOR_ORANGE_500 : string; -export const COLOR_ORANGE_600 : string; -export const COLOR_ORANGE_700 : string; -export const COLOR_ORANGE_800 : string; -export const COLOR_ORANGE_900 : string; -export const COLOR_ORANGE_1000 : string; -export const COLOR_ORANGE_1100 : string; -export const COLOR_ORANGE_1200 : string; -export const COLOR_ORANGE_1300 : string; -export const COLOR_ORANGE_1350 : string; -export const COLOR_ORANGE_1400 : string; -export const COLOR_ORANGE_1450 : string; -export const COLOR_ORANGE_1500 : string; -export const COLOR_OCHRE_100 : string; -export const COLOR_OCHRE_200 : string; -export const COLOR_OCHRE_300 : string; -export const COLOR_OCHRE_400 : string; -export const COLOR_OCHRE_500 : string; -export const COLOR_OCHRE_600 : string; -export const COLOR_OCHRE_700 : string; -export const COLOR_OCHRE_800 : string; -export const COLOR_OCHRE_900 : string; -export const COLOR_OCHRE_1000 : string; -export const COLOR_OCHRE_1100 : string; -export const COLOR_OCHRE_1200 : string; -export const COLOR_OCHRE_1300 : string; -export const COLOR_OCHRE_1350 : string; -export const COLOR_OCHRE_1400 : string; -export const COLOR_OCHRE_1450 : string; -export const COLOR_YELLOW_100 : string; -export const COLOR_YELLOW_200 : string; -export const COLOR_YELLOW_300 : string; -export const COLOR_YELLOW_400 : string; -export const COLOR_YELLOW_500 : string; -export const COLOR_YELLOW_600 : string; -export const COLOR_YELLOW_700 : string; -export const COLOR_YELLOW_800 : string; -export const COLOR_YELLOW_900 : string; -export const COLOR_YELLOW_1000 : string; -export const COLOR_YELLOW_1100 : string; -export const COLOR_YELLOW_1200 : string; -export const COLOR_YELLOW_1300 : string; -export const COLOR_YELLOW_1350 : string; -export const COLOR_YELLOW_1400 : string; -export const COLOR_YELLOW_1450 : string; -export const COLOR_SUCCESS_GREEN_100 : string; -export const COLOR_SUCCESS_GREEN_200 : string; -export const COLOR_SUCCESS_GREEN_300 : string; -export const COLOR_SUCCESS_GREEN_400 : string; -export const COLOR_SUCCESS_GREEN_500 : string; -export const COLOR_SUCCESS_GREEN_600 : string; -export const COLOR_SUCCESS_GREEN_700 : string; -export const COLOR_SUCCESS_GREEN_800 : string; -export const COLOR_SUCCESS_GREEN_900 : string; -export const COLOR_SUCCESS_GREEN_1000 : string; -export const COLOR_SUCCESS_GREEN_1100 : string; -export const COLOR_SUCCESS_GREEN_1200 : string; -export const COLOR_SUCCESS_GREEN_1300 : string; -export const COLOR_SUCCESS_GREEN_1350 : string; -export const COLOR_SUCCESS_GREEN_1400 : string; -export const COLOR_SUCCESS_GREEN_1450 : string; -export const COLOR_SUCCESS_GREEN_1500 : string; -export const COLOR_LICHEN_GREEN_100 : string; -export const COLOR_LICHEN_GREEN_200 : string; -export const COLOR_LICHEN_GREEN_300 : string; -export const COLOR_LICHEN_GREEN_400 : string; -export const COLOR_LICHEN_GREEN_500 : string; -export const COLOR_LICHEN_GREEN_600 : string; -export const COLOR_LICHEN_GREEN_700 : string; -export const COLOR_LICHEN_GREEN_800 : string; -export const COLOR_LICHEN_GREEN_900 : string; -export const COLOR_LICHEN_GREEN_1000 : string; -export const COLOR_LICHEN_GREEN_1100 : string; -export const COLOR_LICHEN_GREEN_1200 : string; -export const COLOR_LICHEN_GREEN_1300 : string; -export const COLOR_LICHEN_GREEN_1350 : string; -export const COLOR_LICHEN_GREEN_1400 : string; -export const COLOR_LICHEN_GREEN_1450 : string; -export const COLOR_MOSS_GREEN_100 : string; -export const COLOR_MOSS_GREEN_200 : string; -export const COLOR_MOSS_GREEN_300 : string; -export const COLOR_MOSS_GREEN_400 : string; -export const COLOR_MOSS_GREEN_500 : string; -export const COLOR_MOSS_GREEN_600 : string; -export const COLOR_MOSS_GREEN_700 : string; -export const COLOR_MOSS_GREEN_800 : string; -export const COLOR_MOSS_GREEN_900 : string; -export const COLOR_MOSS_GREEN_1000 : string; -export const COLOR_MOSS_GREEN_1100 : string; -export const COLOR_MOSS_GREEN_1200 : string; -export const COLOR_MOSS_GREEN_1300 : string; -export const COLOR_MOSS_GREEN_1350 : string; -export const COLOR_MOSS_GREEN_1400 : string; -export const COLOR_MOSS_GREEN_1450 : string; -export const COLOR_MOSS_GREEN_SAT_100 : string; -export const COLOR_MOSS_GREEN_SAT_200 : string; -export const COLOR_MOSS_GREEN_SAT_300 : string; -export const COLOR_MOSS_GREEN_SAT_400 : string; -export const COLOR_MOSS_GREEN_SAT_500 : string; -export const COLOR_MOSS_GREEN_SAT_600 : string; -export const COLOR_MOSS_GREEN_SAT_700 : string; -export const COLOR_MOSS_GREEN_SAT_800 : string; -export const COLOR_MOSS_GREEN_SAT_900 : string; -export const COLOR_MOSS_GREEN_SAT_1000 : string; -export const COLOR_MOSS_GREEN_SAT_1100 : string; -export const COLOR_MOSS_GREEN_SAT_1200 : string; -export const COLOR_MOSS_GREEN_SAT_1300 : string; -export const COLOR_MOSS_GREEN_SAT_1350 : string; -export const COLOR_MOSS_GREEN_SAT_1400 : string; -export const COLOR_MOSS_GREEN_SAT_1450 : string; +/** White */ +export const COLOR_NEUTRAL_0: string; +export const COLOR_NEUTRAL_100: string; +export const COLOR_NEUTRAL_200: string; +export const COLOR_NEUTRAL_300: string; +export const COLOR_NEUTRAL_400: string; +export const COLOR_NEUTRAL_500: string; +export const COLOR_NEUTRAL_600: string; +export const COLOR_NEUTRAL_700: string; +export const COLOR_NEUTRAL_800: string; +export const COLOR_NEUTRAL_900: string; +export const COLOR_NEUTRAL_1000: string; +export const COLOR_NEUTRAL_1100: string; +export const COLOR_NEUTRAL_1200: string; +export const COLOR_NEUTRAL_1300: string; +export const COLOR_NEUTRAL_1350: string; +export const COLOR_NEUTRAL_1400: string; +export const COLOR_NEUTRAL_1450: string; +export const COLOR_NEUTRAL_1500: string; +export const COLOR_SLATE_GREY_100: string; +export const COLOR_SLATE_GREY_200: string; +export const COLOR_SLATE_GREY_300: string; +export const COLOR_SLATE_GREY_400: string; +export const COLOR_SLATE_GREY_500: string; +export const COLOR_SLATE_GREY_600: string; +export const COLOR_SLATE_GREY_700: string; +export const COLOR_SLATE_GREY_800: string; +export const COLOR_SLATE_GREY_900: string; +export const COLOR_SLATE_GREY_1000: string; +export const COLOR_SLATE_GREY_1100: string; +export const COLOR_SLATE_GREY_1200: string; +export const COLOR_SLATE_GREY_1300: string; +export const COLOR_SLATE_GREY_1350: string; +export const COLOR_SLATE_GREY_1400: string; +export const COLOR_SLATE_GREY_1450: string; +export const COLOR_SLATE_BLUE_100: string; +export const COLOR_SLATE_BLUE_200: string; +export const COLOR_SLATE_BLUE_300: string; +export const COLOR_SLATE_BLUE_400: string; +export const COLOR_SLATE_BLUE_500: string; +export const COLOR_SLATE_BLUE_600: string; +export const COLOR_SLATE_BLUE_700: string; +export const COLOR_SLATE_BLUE_800: string; +export const COLOR_SLATE_BLUE_900: string; +export const COLOR_SLATE_BLUE_1000: string; +export const COLOR_SLATE_BLUE_1100: string; +export const COLOR_SLATE_BLUE_1200: string; +export const COLOR_SLATE_BLUE_1300: string; +export const COLOR_SLATE_BLUE_1350: string; +export const COLOR_SLATE_BLUE_1400: string; +export const COLOR_SLATE_BLUE_1450: string; +export const COLOR_BLUE_GREY_100: string; +export const COLOR_BLUE_GREY_200: string; +export const COLOR_BLUE_GREY_300: string; +export const COLOR_BLUE_GREY_400: string; +export const COLOR_BLUE_GREY_500: string; +export const COLOR_BLUE_GREY_600: string; +export const COLOR_BLUE_GREY_700: string; +export const COLOR_BLUE_GREY_800: string; +export const COLOR_BLUE_GREY_900: string; +export const COLOR_BLUE_GREY_1000: string; +export const COLOR_BLUE_GREY_1100: string; +export const COLOR_BLUE_GREY_1200: string; +export const COLOR_BLUE_GREY_1300: string; +export const COLOR_BLUE_GREY_1350: string; +export const COLOR_BLUE_GREY_1400: string; +export const COLOR_BLUE_GREY_1450: string; +export const COLOR_MIST_GREY_100: string; +export const COLOR_MIST_GREY_200: string; +export const COLOR_MIST_GREY_300: string; +export const COLOR_MIST_GREY_400: string; +export const COLOR_MIST_GREY_500: string; +export const COLOR_MIST_GREY_600: string; +export const COLOR_MIST_GREY_700: string; +export const COLOR_MIST_GREY_800: string; +export const COLOR_MIST_GREY_900: string; +export const COLOR_MIST_GREY_1000: string; +export const COLOR_MIST_GREY_1100: string; +export const COLOR_MIST_GREY_1200: string; +export const COLOR_MIST_GREY_1300: string; +export const COLOR_MIST_GREY_1350: string; +export const COLOR_MIST_GREY_1400: string; +export const COLOR_MIST_GREY_1450: string; +export const COLOR_MIST_BLUE_MUTED_100: string; +export const COLOR_MIST_BLUE_MUTED_200: string; +export const COLOR_MIST_BLUE_MUTED_300: string; +export const COLOR_MIST_BLUE_MUTED_400: string; +export const COLOR_MIST_BLUE_MUTED_500: string; +export const COLOR_MIST_BLUE_MUTED_600: string; +export const COLOR_MIST_BLUE_MUTED_700: string; +export const COLOR_MIST_BLUE_MUTED_800: string; +export const COLOR_MIST_BLUE_MUTED_900: string; +export const COLOR_MIST_BLUE_MUTED_1000: string; +export const COLOR_MIST_BLUE_MUTED_1100: string; +export const COLOR_MIST_BLUE_MUTED_1200: string; +export const COLOR_MIST_BLUE_MUTED_1300: string; +export const COLOR_MIST_BLUE_MUTED_1350: string; +export const COLOR_MIST_BLUE_MUTED_1400: string; +export const COLOR_MIST_BLUE_MUTED_1450: string; +export const COLOR_MIST_BLUE_100: string; +export const COLOR_MIST_BLUE_200: string; +export const COLOR_MIST_BLUE_300: string; +export const COLOR_MIST_BLUE_400: string; +export const COLOR_MIST_BLUE_500: string; +export const COLOR_MIST_BLUE_600: string; +export const COLOR_MIST_BLUE_700: string; +export const COLOR_MIST_BLUE_800: string; +export const COLOR_MIST_BLUE_900: string; +export const COLOR_MIST_BLUE_1000: string; +export const COLOR_MIST_BLUE_1100: string; +export const COLOR_MIST_BLUE_1200: string; +export const COLOR_MIST_BLUE_1300: string; +export const COLOR_MIST_BLUE_1350: string; +export const COLOR_MIST_BLUE_1400: string; +export const COLOR_MIST_BLUE_1450: string; +export const COLOR_BLUE_SKY_100: string; +export const COLOR_BLUE_SKY_200: string; +export const COLOR_BLUE_SKY_300: string; +export const COLOR_BLUE_SKY_400: string; +export const COLOR_BLUE_SKY_500: string; +export const COLOR_BLUE_SKY_600: string; +export const COLOR_BLUE_SKY_700: string; +export const COLOR_BLUE_SKY_800: string; +export const COLOR_BLUE_SKY_900: string; +export const COLOR_BLUE_SKY_1000: string; +export const COLOR_BLUE_SKY_1100: string; +export const COLOR_BLUE_SKY_1200: string; +export const COLOR_BLUE_SKY_1300: string; +export const COLOR_BLUE_SKY_1350: string; +export const COLOR_BLUE_SKY_1400: string; +export const COLOR_BLUE_SKY_1450: string; +export const COLOR_BLUE_OCEAN_100: string; +export const COLOR_BLUE_OCEAN_200: string; +export const COLOR_BLUE_OCEAN_300: string; +export const COLOR_BLUE_OCEAN_400: string; +export const COLOR_BLUE_OCEAN_500: string; +export const COLOR_BLUE_OCEAN_600: string; +export const COLOR_BLUE_OCEAN_700: string; +export const COLOR_BLUE_OCEAN_800: string; +export const COLOR_BLUE_OCEAN_900: string; +export const COLOR_BLUE_OCEAN_1000: string; +export const COLOR_BLUE_OCEAN_1100: string; +export const COLOR_BLUE_OCEAN_1200: string; +export const COLOR_BLUE_OCEAN_1300: string; +export const COLOR_BLUE_OCEAN_1350: string; +export const COLOR_BLUE_OCEAN_1400: string; +export const COLOR_BLUE_OCEAN_1450: string; +export const COLOR_BLUE_OCEAN_1500: string; +export const COLOR_PINK_100: string; +export const COLOR_PINK_200: string; +export const COLOR_PINK_300: string; +export const COLOR_PINK_400: string; +export const COLOR_PINK_500: string; +export const COLOR_PINK_600: string; +export const COLOR_PINK_700: string; +export const COLOR_PINK_800: string; +export const COLOR_PINK_900: string; +export const COLOR_PINK_1000: string; +export const COLOR_PINK_1100: string; +export const COLOR_PINK_1200: string; +export const COLOR_PINK_1300: string; +export const COLOR_PINK_1350: string; +export const COLOR_PINK_1400: string; +export const COLOR_PINK_1450: string; +export const COLOR_RED_COLD_100: string; +export const COLOR_RED_COLD_200: string; +export const COLOR_RED_COLD_300: string; +export const COLOR_RED_COLD_400: string; +export const COLOR_RED_COLD_500: string; +export const COLOR_RED_COLD_600: string; +export const COLOR_RED_COLD_700: string; +export const COLOR_RED_COLD_800: string; +export const COLOR_RED_COLD_900: string; +export const COLOR_RED_COLD_1000: string; +export const COLOR_RED_COLD_1100: string; +export const COLOR_RED_COLD_1200: string; +export const COLOR_RED_COLD_1300: string; +export const COLOR_RED_COLD_1350: string; +export const COLOR_RED_COLD_1400: string; +export const COLOR_RED_COLD_1450: string; +export const COLOR_RED_COLD_1500: string; +export const COLOR_RED_WARM_100: string; +export const COLOR_RED_WARM_200: string; +export const COLOR_RED_WARM_300: string; +export const COLOR_RED_WARM_400: string; +export const COLOR_RED_WARM_500: string; +export const COLOR_RED_WARM_600: string; +export const COLOR_RED_WARM_700: string; +export const COLOR_RED_WARM_800: string; +export const COLOR_RED_WARM_900: string; +export const COLOR_RED_WARM_1000: string; +export const COLOR_RED_WARM_1100: string; +export const COLOR_RED_WARM_1200: string; +export const COLOR_RED_WARM_1300: string; +export const COLOR_RED_WARM_1350: string; +export const COLOR_RED_WARM_1400: string; +export const COLOR_RED_WARM_1450: string; +export const COLOR_SPRUCE_WOOD_100: string; +export const COLOR_SPRUCE_WOOD_200: string; +export const COLOR_SPRUCE_WOOD_300: string; +export const COLOR_SPRUCE_WOOD_400: string; +export const COLOR_SPRUCE_WOOD_500: string; +export const COLOR_SPRUCE_WOOD_600: string; +export const COLOR_SPRUCE_WOOD_700: string; +export const COLOR_SPRUCE_WOOD_800: string; +export const COLOR_SPRUCE_WOOD_900: string; +export const COLOR_SPRUCE_WOOD_1000: string; +export const COLOR_SPRUCE_WOOD_1100: string; +export const COLOR_SPRUCE_WOOD_1200: string; +export const COLOR_SPRUCE_WOOD_1300: string; +export const COLOR_SPRUCE_WOOD_1350: string; +export const COLOR_SPRUCE_WOOD_1400: string; +export const COLOR_SPRUCE_WOOD_1450: string; +export const COLOR_ORANGE_100: string; +export const COLOR_ORANGE_200: string; +export const COLOR_ORANGE_300: string; +export const COLOR_ORANGE_400: string; +export const COLOR_ORANGE_500: string; +export const COLOR_ORANGE_600: string; +export const COLOR_ORANGE_700: string; +export const COLOR_ORANGE_800: string; +export const COLOR_ORANGE_900: string; +export const COLOR_ORANGE_1000: string; +export const COLOR_ORANGE_1100: string; +export const COLOR_ORANGE_1200: string; +export const COLOR_ORANGE_1300: string; +export const COLOR_ORANGE_1350: string; +export const COLOR_ORANGE_1400: string; +export const COLOR_ORANGE_1450: string; +export const COLOR_ORANGE_1500: string; +export const COLOR_OCHRE_100: string; +export const COLOR_OCHRE_200: string; +export const COLOR_OCHRE_300: string; +export const COLOR_OCHRE_400: string; +export const COLOR_OCHRE_500: string; +export const COLOR_OCHRE_600: string; +export const COLOR_OCHRE_700: string; +export const COLOR_OCHRE_800: string; +export const COLOR_OCHRE_900: string; +export const COLOR_OCHRE_1000: string; +export const COLOR_OCHRE_1100: string; +export const COLOR_OCHRE_1200: string; +export const COLOR_OCHRE_1300: string; +export const COLOR_OCHRE_1350: string; +export const COLOR_OCHRE_1400: string; +export const COLOR_OCHRE_1450: string; +export const COLOR_YELLOW_100: string; +export const COLOR_YELLOW_200: string; +export const COLOR_YELLOW_300: string; +export const COLOR_YELLOW_400: string; +export const COLOR_YELLOW_500: string; +export const COLOR_YELLOW_600: string; +export const COLOR_YELLOW_700: string; +export const COLOR_YELLOW_800: string; +export const COLOR_YELLOW_900: string; +export const COLOR_YELLOW_1000: string; +export const COLOR_YELLOW_1100: string; +export const COLOR_YELLOW_1200: string; +export const COLOR_YELLOW_1300: string; +export const COLOR_YELLOW_1350: string; +export const COLOR_YELLOW_1400: string; +export const COLOR_YELLOW_1450: string; +export const COLOR_SUCCESS_GREEN_100: string; +export const COLOR_SUCCESS_GREEN_200: string; +export const COLOR_SUCCESS_GREEN_300: string; +export const COLOR_SUCCESS_GREEN_400: string; +export const COLOR_SUCCESS_GREEN_500: string; +export const COLOR_SUCCESS_GREEN_600: string; +export const COLOR_SUCCESS_GREEN_700: string; +export const COLOR_SUCCESS_GREEN_800: string; +export const COLOR_SUCCESS_GREEN_900: string; +export const COLOR_SUCCESS_GREEN_1000: string; +export const COLOR_SUCCESS_GREEN_1100: string; +export const COLOR_SUCCESS_GREEN_1200: string; +export const COLOR_SUCCESS_GREEN_1300: string; +export const COLOR_SUCCESS_GREEN_1350: string; +export const COLOR_SUCCESS_GREEN_1400: string; +export const COLOR_SUCCESS_GREEN_1450: string; +export const COLOR_SUCCESS_GREEN_1500: string; +export const COLOR_LICHEN_GREEN_100: string; +export const COLOR_LICHEN_GREEN_200: string; +export const COLOR_LICHEN_GREEN_300: string; +export const COLOR_LICHEN_GREEN_400: string; +export const COLOR_LICHEN_GREEN_500: string; +export const COLOR_LICHEN_GREEN_600: string; +export const COLOR_LICHEN_GREEN_700: string; +export const COLOR_LICHEN_GREEN_800: string; +export const COLOR_LICHEN_GREEN_900: string; +export const COLOR_LICHEN_GREEN_1000: string; +export const COLOR_LICHEN_GREEN_1100: string; +export const COLOR_LICHEN_GREEN_1200: string; +export const COLOR_LICHEN_GREEN_1300: string; +export const COLOR_LICHEN_GREEN_1350: string; +export const COLOR_LICHEN_GREEN_1400: string; +export const COLOR_LICHEN_GREEN_1450: string; +export const COLOR_MOSS_GREEN_100: string; +export const COLOR_MOSS_GREEN_200: string; +export const COLOR_MOSS_GREEN_300: string; +export const COLOR_MOSS_GREEN_400: string; +export const COLOR_MOSS_GREEN_500: string; +export const COLOR_MOSS_GREEN_600: string; +export const COLOR_MOSS_GREEN_700: string; +export const COLOR_MOSS_GREEN_800: string; +export const COLOR_MOSS_GREEN_900: string; +export const COLOR_MOSS_GREEN_1000: string; +export const COLOR_MOSS_GREEN_1100: string; +export const COLOR_MOSS_GREEN_1200: string; +export const COLOR_MOSS_GREEN_1300: string; +export const COLOR_MOSS_GREEN_1350: string; +export const COLOR_MOSS_GREEN_1400: string; +export const COLOR_MOSS_GREEN_1450: string; +export const COLOR_MOSS_GREEN_SAT_100: string; +export const COLOR_MOSS_GREEN_SAT_200: string; +export const COLOR_MOSS_GREEN_SAT_300: string; +export const COLOR_MOSS_GREEN_SAT_400: string; +export const COLOR_MOSS_GREEN_SAT_500: string; +export const COLOR_MOSS_GREEN_SAT_600: string; +export const COLOR_MOSS_GREEN_SAT_700: string; +export const COLOR_MOSS_GREEN_SAT_800: string; +export const COLOR_MOSS_GREEN_SAT_900: string; +export const COLOR_MOSS_GREEN_SAT_1000: string; +export const COLOR_MOSS_GREEN_SAT_1100: string; +export const COLOR_MOSS_GREEN_SAT_1200: string; +export const COLOR_MOSS_GREEN_SAT_1300: string; +export const COLOR_MOSS_GREEN_SAT_1350: string; +export const COLOR_MOSS_GREEN_SAT_1400: string; +export const COLOR_MOSS_GREEN_SAT_1450: string; diff --git a/packages/eds-tokens/build/js/color/primitives.js b/packages/eds-tokens/build/js/color/primitives.js index d117e26e19..f7d0829a2b 100644 --- a/packages/eds-tokens/build/js/color/primitives.js +++ b/packages/eds-tokens/build/js/color/primitives.js @@ -2,7 +2,7 @@ * Do not edit directly, this file was auto-generated. */ -export const COLOR_NEUTRAL_0 = "#ffffff"; +export const COLOR_NEUTRAL_0 = "#ffffff"; // White export const COLOR_NEUTRAL_100 = "#f7f7f7"; export const COLOR_NEUTRAL_200 = "#eaeaea"; export const COLOR_NEUTRAL_300 = "#dcdcdc"; diff --git a/packages/eds-tokens/build/js/color/simple-semantic.d.ts b/packages/eds-tokens/build/js/color/simple-semantic.d.ts index bedd6d8de4..31383db44c 100644 --- a/packages/eds-tokens/build/js/color/simple-semantic.d.ts +++ b/packages/eds-tokens/build/js/color/simple-semantic.d.ts @@ -2,55 +2,55 @@ * Do not edit directly, this file was auto-generated. */ -export const COLOR_TEXT_PRIMARY_ON_LIGHT : string; -export const COLOR_TEXT_PRIMARY_ON_DARK : string; -export const COLOR_TEXT_SECONDARY_ON_LIGHT : string; -export const COLOR_TEXT_SECONDARY_ON_DARK : string; -export const COLOR_TEXT_TERTIARY_ON_LIGHT : string; -export const COLOR_TEXT_TERTIARY_ON_DARK : string; -export const COLOR_TEXT_QUATERNARY_ON_LIGHT : string; -export const COLOR_TEXT_QUATERNARY_ON_DARK : string; -export const COLOR_TEXT_MAXIMAL_ON_LIGHT : string; -export const COLOR_TEXT_MAXIMAL_ON_DARK : string; -export const COLOR_TEXT_DISABLED_ON_LIGHT : string; -export const COLOR_TEXT_DISABLED_ON_DARK : string; -export const COLOR_TEXT_INVERTED_ON_LIGHT : string; -export const COLOR_TEXT_INVERTED_ON_DARK : string; -export const COLOR_ICON_PRIMARY_ON_LIGHT : string; -export const COLOR_ICON_PRIMARY_ON_DARK : string; -export const COLOR_ICON_SECONDARY_ON_LIGHT : string; -export const COLOR_ICON_SECONDARY_ON_DARK : string; -export const COLOR_ICON_TERTIARY_ON_LIGHT : string; -export const COLOR_ICON_TERTIARY_ON_DARK : string; -export const COLOR_ICON_QUATERNARY_ON_LIGHT : string; -export const COLOR_ICON_QUATERNARY_ON_DARK : string; -export const COLOR_ICON_MAXIMAL_ON_LIGHT : string; -export const COLOR_ICON_MAXIMAL_ON_DARK : string; -export const COLOR_ICON_DISABLED_ON_LIGHT : string; -export const COLOR_ICON_DISABLED_ON_DARK : string; -export const COLOR_ICON_INVERTED_ON_LIGHT : string; -export const COLOR_ICON_INVERTED_ON_DARK : string; -export const COLOR_BORDER_NONE : string; -export const COLOR_BORDER_PRIMARY_ON_LIGHT : string; -export const COLOR_BORDER_PRIMARY_ON_DARK : string; -export const COLOR_BORDER_SECONDARY_ON_LIGHT : string; -export const COLOR_BORDER_SECONDARY_ON_DARK : string; -export const COLOR_BORDER_TERTIARY_ON_LIGHT : string; -export const COLOR_BORDER_TERTIARY_ON_DARK : string; -export const COLOR_BORDER_QUATERNARY_ON_LIGHT : string; -export const COLOR_BORDER_QUATERNARY_ON_DARK : string; -export const COLOR_BORDER_MAXIMAL_ON_LIGHT : string; -export const COLOR_BORDER_MAXIMAL_ON_DARK : string; -export const COLOR_BORDER_DISABLED_ON_LIGHT : string; -export const COLOR_BORDER_DISABLED_ON_DARK : string; -export const COLOR_BORDER_INVERTED_ON_LIGHT : string; -export const COLOR_BORDER_INVERTED_ON_DARK : string; -export const COLOR_SURFACE_NONE : string; -export const COLOR_SURFACE_INVERTED_ON_LIGHT : string; -export const COLOR_SURFACE_INVERTED_ON_DARK : string; -export const COLOR_SURFACE_ON_LEVEL_1_ON_LIGHT : string; -export const COLOR_SURFACE_ON_LEVEL_1_ON_DARK : string; -export const COLOR_SURFACE_ON_LEVEL_2_ON_LIGHT : string; -export const COLOR_SURFACE_ON_LEVEL_2_ON_DARK : string; -export const COLOR_SURFACE_ON_LEVEL_3_ON_LIGHT : string; -export const COLOR_SURFACE_ON_LEVEL_3_ON_DARK : string; +export const COLOR_TEXT_PRIMARY_ON_LIGHT: string; +export const COLOR_TEXT_PRIMARY_ON_DARK: string; +export const COLOR_TEXT_SECONDARY_ON_LIGHT: string; +export const COLOR_TEXT_SECONDARY_ON_DARK: string; +export const COLOR_TEXT_TERTIARY_ON_LIGHT: string; +export const COLOR_TEXT_TERTIARY_ON_DARK: string; +export const COLOR_TEXT_QUATERNARY_ON_LIGHT: string; +export const COLOR_TEXT_QUATERNARY_ON_DARK: string; +export const COLOR_TEXT_MAXIMAL_ON_LIGHT: string; +export const COLOR_TEXT_MAXIMAL_ON_DARK: string; +export const COLOR_TEXT_DISABLED_ON_LIGHT: string; +export const COLOR_TEXT_DISABLED_ON_DARK: string; +export const COLOR_TEXT_INVERTED_ON_LIGHT: string; +export const COLOR_TEXT_INVERTED_ON_DARK: string; +export const COLOR_ICON_PRIMARY_ON_LIGHT: string; +export const COLOR_ICON_PRIMARY_ON_DARK: string; +export const COLOR_ICON_SECONDARY_ON_LIGHT: string; +export const COLOR_ICON_SECONDARY_ON_DARK: string; +export const COLOR_ICON_TERTIARY_ON_LIGHT: string; +export const COLOR_ICON_TERTIARY_ON_DARK: string; +export const COLOR_ICON_QUATERNARY_ON_LIGHT: string; +export const COLOR_ICON_QUATERNARY_ON_DARK: string; +export const COLOR_ICON_MAXIMAL_ON_LIGHT: string; +export const COLOR_ICON_MAXIMAL_ON_DARK: string; +export const COLOR_ICON_DISABLED_ON_LIGHT: string; +export const COLOR_ICON_DISABLED_ON_DARK: string; +export const COLOR_ICON_INVERTED_ON_LIGHT: string; +export const COLOR_ICON_INVERTED_ON_DARK: string; +export const COLOR_BORDER_NONE: string; +export const COLOR_BORDER_PRIMARY_ON_LIGHT: string; +export const COLOR_BORDER_PRIMARY_ON_DARK: string; +export const COLOR_BORDER_SECONDARY_ON_LIGHT: string; +export const COLOR_BORDER_SECONDARY_ON_DARK: string; +export const COLOR_BORDER_TERTIARY_ON_LIGHT: string; +export const COLOR_BORDER_TERTIARY_ON_DARK: string; +export const COLOR_BORDER_QUATERNARY_ON_LIGHT: string; +export const COLOR_BORDER_QUATERNARY_ON_DARK: string; +export const COLOR_BORDER_MAXIMAL_ON_LIGHT: string; +export const COLOR_BORDER_MAXIMAL_ON_DARK: string; +export const COLOR_BORDER_DISABLED_ON_LIGHT: string; +export const COLOR_BORDER_DISABLED_ON_DARK: string; +export const COLOR_BORDER_INVERTED_ON_LIGHT: string; +export const COLOR_BORDER_INVERTED_ON_DARK: string; +export const COLOR_SURFACE_NONE: string; +export const COLOR_SURFACE_INVERTED_ON_LIGHT: string; +export const COLOR_SURFACE_INVERTED_ON_DARK: string; +export const COLOR_SURFACE_ON_LEVEL_1_ON_LIGHT: string; +export const COLOR_SURFACE_ON_LEVEL_1_ON_DARK: string; +export const COLOR_SURFACE_ON_LEVEL_2_ON_LIGHT: string; +export const COLOR_SURFACE_ON_LEVEL_2_ON_DARK: string; +export const COLOR_SURFACE_ON_LEVEL_3_ON_LIGHT: string; +export const COLOR_SURFACE_ON_LEVEL_3_ON_DARK: string; diff --git a/packages/eds-tokens/build/js/spacing/comfortable.d.ts b/packages/eds-tokens/build/js/spacing/comfortable.d.ts index 2e923be348..e98f2958b2 100644 --- a/packages/eds-tokens/build/js/spacing/comfortable.d.ts +++ b/packages/eds-tokens/build/js/spacing/comfortable.d.ts @@ -2,338 +2,338 @@ * Do not edit directly, this file was auto-generated. */ -export const SPACING_ICON_XS_GAP_HORIZONTAL : number; -export const SPACING_ICON_XS_GAP_VERTICAL : number; -export const SPACING_ICON_SM_GAP_HORIZONTAL : number; -export const SPACING_ICON_SM_GAP_VERTICAL : number; -export const SPACING_ICON_MD_GAP_HORIZONTAL : number; -export const SPACING_ICON_MD_GAP_VERTICAL : number; -export const SPACING_ICON_LG_GAP_HORIZONTAL : number; -export const SPACING_ICON_LG_GAP_VERTICAL : number; -export const SPACING_ICON_XL_GAP_HORIZONTAL : number; -export const SPACING_ICON_XL_GAP_VERTICAL : number; -export const SPACING_ICON_2XL_GAP_HORIZONTAL : number; -export const SPACING_ICON_2XL_GAP_VERTICAL : number; -export const SPACING_ICON_3XL_GAP_HORIZONTAL : number; -export const SPACING_ICON_3XL_GAP_VERTICAL : number; -export const SPACING_ICON_4XL_GAP_HORIZONTAL : number; -export const SPACING_ICON_4XL_GAP_VERTICAL : number; -export const SPACING_ICON_5XL_GAP_HORIZONTAL : number; -export const SPACING_ICON_5XL_GAP_VERTICAL : number; -export const SPACING_ICON_6XL_GAP_HORIZONTAL : number; -export const SPACING_ICON_6XL_GAP_VERTICAL : number; -export const SPACING_INLINE_4_XS : number; -export const SPACING_INLINE_3_XS : number; -export const SPACING_INLINE_2_XS : number; -export const SPACING_INLINE_XS : number; -export const SPACING_INLINE_SM : number; -export const SPACING_INLINE_MD : number; -export const SPACING_INLINE_LG : number; -export const SPACING_INLINE_XL : number; -export const SPACING_INLINE_2_XL : number; -export const SPACING_INLINE_3_XL : number; -export const SPACING_STACK_4_XS : number; -export const SPACING_STACK_3_XS : number; -export const SPACING_STACK_2_XS : number; -export const SPACING_STACK_XS : number; -export const SPACING_STACK_SM : number; -export const SPACING_STACK_MD : number; -export const SPACING_STACK_LG : number; -export const SPACING_STACK_XL : number; -export const SPACING_STACK_2_XL : number; -export const SPACING_STACK_3_XL : number; -export const SPACING_BORDER_RADIUS_ROUNDED : number; -export const SPACING_BORDER_RADIUS_PILL : number; -export const SPACING_BORDER_RADIUS_NONE : number; -export const SPACING_INSET_XS_INLINE : number; -export const SPACING_INSET_XS_STACK_SQUISHED : number; -export const SPACING_INSET_XS_STACK_SQUARED : number; -export const SPACING_INSET_XS_STACK_STRETCHED : number; -export const SPACING_INSET_SM_INLINE : number; -export const SPACING_INSET_SM_STACK_SQUISHED : number; -export const SPACING_INSET_SM_STACK_SQUARED : number; -export const SPACING_INSET_SM_STACK_STRETCHED : number; -export const SPACING_INSET_MD_INLINE : number; -export const SPACING_INSET_MD_STACK_SQUISHED : number; -export const SPACING_INSET_MD_STACK_SQUARED : number; -export const SPACING_INSET_MD_STACK_STRETCHED : number; -export const SPACING_INSET_LG_INLINE : number; -export const SPACING_INSET_LG_STACK_SQUISHED : number; -export const SPACING_INSET_LG_STACK_SQUARED : number; -export const SPACING_INSET_LG_STACK_STRETCHED : number; -export const SPACING_INSET_XL_INLINE : number; -export const SPACING_INSET_XL_STACK_SQUISHED : number; -export const SPACING_INSET_XL_STACK_SQUARED : number; -export const SPACING_INSET_XL_STACK_STRETCHED : number; -export const DOCUMENTATION : string; -export const SIZING_ICON_XS : number; -export const SIZING_ICON_XS_CONTAINER : number; -export const SIZING_ICON_SM : number; -export const SIZING_ICON_SM_CONTAINER : number; -export const SIZING_ICON_MD : number; -export const SIZING_ICON_MD_CONTAINER : number; -export const SIZING_ICON_LG : number; -export const SIZING_ICON_LG_CONTAINER : number; -export const SIZING_ICON_XL : number; -export const SIZING_ICON_XL_CONTAINER : number; -export const SIZING_ICON_2XL : number; -export const SIZING_ICON_2XL_CONTAINER : number; -export const SIZING_ICON_3XL : number; -export const SIZING_ICON_3XL_CONTAINER : number; -export const SIZING_ICON_4XL : number; -export const SIZING_ICON_4XL_CONTAINER : number; -export const SIZING_ICON_5XL : number; -export const SIZING_ICON_5XL_CONTAINER : number; -export const SIZING_ICON_6XL : number; -export const SIZING_ICON_6XL_CONTAINER : number; -export const SIZING_SELECTABLE_XS : number; -export const SIZING_SELECTABLE_SM : number; -export const SIZING_SELECTABLE_MD : number; -export const SIZING_SELECTABLE_LG : number; -export const SIZING_SELECTABLE_XL : number; -export const SIZING_SELECTABLE_2XL : number; -export const SIZING_STROKE_THIN : number; -export const SIZING_STROKE_THICK : number; -export const SIZING_STROKE_NONE : number; -export const TYPOGRAPHY_UI_BODY_XS_FONT_SIZE : number; -export const TYPOGRAPHY_UI_BODY_XS_PADDING_CENTRED : number; -export const TYPOGRAPHY_UI_BODY_XS_PADDING_BASELINED : number; -export const TYPOGRAPHY_UI_BODY_XS_CAP_ROUNDED : number; -export const TYPOGRAPHY_UI_BODY_XS_TRACKING_TIGHT : number; -export const TYPOGRAPHY_UI_BODY_XS_TRACKING_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_XS_TRACKING_LOOSE : number; -export const TYPOGRAPHY_UI_BODY_XS_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_UI_BODY_XS_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_XS_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_UI_BODY_XS_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_UI_BODY_XS_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_UI_BODY_SM_FONT_SIZE : number; -export const TYPOGRAPHY_UI_BODY_SM_PADDING_CENTRED : number; -export const TYPOGRAPHY_UI_BODY_SM_PADDING_BASELINED : number; -export const TYPOGRAPHY_UI_BODY_SM_CAP_ROUNDED : number; -export const TYPOGRAPHY_UI_BODY_SM_TRACKING_TIGHT : number; -export const TYPOGRAPHY_UI_BODY_SM_TRACKING_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_SM_TRACKING_LOOSE : number; -export const TYPOGRAPHY_UI_BODY_SM_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_UI_BODY_SM_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_SM_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_UI_BODY_SM_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_UI_BODY_SM_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_UI_BODY_FONT_FAMILY : string; -export const TYPOGRAPHY_UI_BODY_MD_FONT_SIZE : number; -export const TYPOGRAPHY_UI_BODY_MD_PADDING_CENTRED : number; -export const TYPOGRAPHY_UI_BODY_MD_PADDING_BASELINED : number; -export const TYPOGRAPHY_UI_BODY_MD_CAP_ROUNDED : number; -export const TYPOGRAPHY_UI_BODY_MD_TRACKING_TIGHT : number; -export const TYPOGRAPHY_UI_BODY_MD_TRACKING_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_MD_TRACKING_LOOSE : number; -export const TYPOGRAPHY_UI_BODY_MD_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_UI_BODY_MD_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_MD_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_UI_BODY_MD_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_UI_BODY_MD_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_UI_BODY_LG_FONT_SIZE : number; -export const TYPOGRAPHY_UI_BODY_LG_PADDING_CENTRED : number; -export const TYPOGRAPHY_UI_BODY_LG_PADDING_BASELINED : number; -export const TYPOGRAPHY_UI_BODY_LG_CAP_ROUNDED : number; -export const TYPOGRAPHY_UI_BODY_LG_TRACKING_TIGHT : number; -export const TYPOGRAPHY_UI_BODY_LG_TRACKING_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_LG_TRACKING_LOOSE : number; -export const TYPOGRAPHY_UI_BODY_LG_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_UI_BODY_LG_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_LG_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_UI_BODY_LG_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_UI_BODY_LG_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_UI_BODY_XL_FONT_SIZE : number; -export const TYPOGRAPHY_UI_BODY_XL_PADDING_CENTRED : number; -export const TYPOGRAPHY_UI_BODY_XL_PADDING_BASELINED : number; -export const TYPOGRAPHY_UI_BODY_XL_CAP_ROUNDED : number; -export const TYPOGRAPHY_UI_BODY_XL_TRACKING_TIGHT : number; -export const TYPOGRAPHY_UI_BODY_XL_TRACKING_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_XL_TRACKING_LOOSE : number; -export const TYPOGRAPHY_UI_BODY_XL_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_UI_BODY_XL_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_XL_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_UI_BODY_XL_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_UI_BODY_XL_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_UI_BODY_2XL_FONT_SIZE : number; -export const TYPOGRAPHY_UI_BODY_2XL_PADDING_CENTRED : number; -export const TYPOGRAPHY_UI_BODY_2XL_PADDING_BASELINED : number; -export const TYPOGRAPHY_UI_BODY_2XL_CAP_ROUNDED : number; -export const TYPOGRAPHY_UI_BODY_2XL_TRACKING_TIGHT : number; -export const TYPOGRAPHY_UI_BODY_2XL_TRACKING_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_2XL_TRACKING_LOOSE : number; -export const TYPOGRAPHY_UI_BODY_2XL_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_UI_BODY_2XL_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_2XL_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_UI_BODY_2XL_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_UI_BODY_2XL_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_UI_BODY_3XL_FONT_SIZE : number; -export const TYPOGRAPHY_UI_BODY_3XL_PADDING_CENTRED : number; -export const TYPOGRAPHY_UI_BODY_3XL_PADDING_BASELINED : number; -export const TYPOGRAPHY_UI_BODY_3XL_CAP_ROUNDED : number; -export const TYPOGRAPHY_UI_BODY_3XL_TRACKING_TIGHT : number; -export const TYPOGRAPHY_UI_BODY_3XL_TRACKING_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_3XL_TRACKING_LOOSE : number; -export const TYPOGRAPHY_UI_BODY_3XL_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_UI_BODY_3XL_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_3XL_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_UI_BODY_3XL_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_UI_BODY_3XL_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_UI_BODY_4XL_FONT_SIZE : number; -export const TYPOGRAPHY_UI_BODY_4XL_PADDING_CENTRED : number; -export const TYPOGRAPHY_UI_BODY_4XL_PADDING_BASELINED : number; -export const TYPOGRAPHY_UI_BODY_4XL_CAP_ROUNDED : number; -export const TYPOGRAPHY_UI_BODY_4XL_TRACKING_TIGHT : number; -export const TYPOGRAPHY_UI_BODY_4XL_TRACKING_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_4XL_TRACKING_LOOSE : number; -export const TYPOGRAPHY_UI_BODY_4XL_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_UI_BODY_4XL_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_4XL_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_UI_BODY_4XL_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_UI_BODY_4XL_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_UI_BODY_5XL_FONT_SIZE : number; -export const TYPOGRAPHY_UI_BODY_5XL_PADDING_CENTRED : number; -export const TYPOGRAPHY_UI_BODY_5XL_PADDING_BASELINED : number; -export const TYPOGRAPHY_UI_BODY_5XL_CAP_ROUNDED : number; -export const TYPOGRAPHY_UI_BODY_5XL_TRACKING_TIGHT : number; -export const TYPOGRAPHY_UI_BODY_5XL_TRACKING_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_5XL_TRACKING_LOOSE : number; -export const TYPOGRAPHY_UI_BODY_5XL_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_UI_BODY_5XL_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_5XL_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_UI_BODY_5XL_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_UI_BODY_5XL_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_UI_BODY_6XL_FONT_SIZE : number; -export const TYPOGRAPHY_UI_BODY_6XL_PADDING_CENTRED : number; -export const TYPOGRAPHY_UI_BODY_6XL_PADDING_BASELINED : number; -export const TYPOGRAPHY_UI_BODY_6XL_CAP_ROUNDED : number; -export const TYPOGRAPHY_UI_BODY_6XL_TRACKING_TIGHT : number; -export const TYPOGRAPHY_UI_BODY_6XL_TRACKING_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_6XL_TRACKING_LOOSE : number; -export const TYPOGRAPHY_UI_BODY_6XL_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_UI_BODY_6XL_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_6XL_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_UI_BODY_6XL_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_UI_BODY_6XL_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_HEADER_XS_FONT_SIZE : number; -export const TYPOGRAPHY_HEADER_XS_PADDING_CENTRED : number; -export const TYPOGRAPHY_HEADER_XS_PADDING_BASELINED : number; -export const TYPOGRAPHY_HEADER_XS_CAP_ROUNDED : number; -export const TYPOGRAPHY_HEADER_XS_TRACKING_TIGHT : number; -export const TYPOGRAPHY_HEADER_XS_TRACKING_NORMAL : number; -export const TYPOGRAPHY_HEADER_XS_TRACKING_LOOSE : number; -export const TYPOGRAPHY_HEADER_XS_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_HEADER_XS_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_HEADER_XS_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_HEADER_XS_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_HEADER_XS_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_HEADER_FONT_FAMILY : string; -export const TYPOGRAPHY_HEADER_SM_FONT_SIZE : number; -export const TYPOGRAPHY_HEADER_SM_PADDING_CENTRED : number; -export const TYPOGRAPHY_HEADER_SM_PADDING_BASELINED : number; -export const TYPOGRAPHY_HEADER_SM_CAP_ROUNDED : number; -export const TYPOGRAPHY_HEADER_SM_TRACKING_TIGHT : number; -export const TYPOGRAPHY_HEADER_SM_TRACKING_NORMAL : number; -export const TYPOGRAPHY_HEADER_SM_TRACKING_LOOSE : number; -export const TYPOGRAPHY_HEADER_SM_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_HEADER_SM_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_HEADER_SM_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_HEADER_SM_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_HEADER_SM_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_HEADER_MD_FONT_SIZE : number; -export const TYPOGRAPHY_HEADER_MD_PADDING_CENTRED : number; -export const TYPOGRAPHY_HEADER_MD_PADDING_BASELINED : number; -export const TYPOGRAPHY_HEADER_MD_CAP_ROUNDED : number; -export const TYPOGRAPHY_HEADER_MD_TRACKING_TIGHT : number; -export const TYPOGRAPHY_HEADER_MD_TRACKING_NORMAL : number; -export const TYPOGRAPHY_HEADER_MD_TRACKING_LOOSE : number; -export const TYPOGRAPHY_HEADER_MD_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_HEADER_MD_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_HEADER_MD_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_HEADER_MD_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_HEADER_MD_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_HEADER_LG_FONT_SIZE : number; -export const TYPOGRAPHY_HEADER_LG_PADDING_CENTRED : number; -export const TYPOGRAPHY_HEADER_LG_PADDING_BASELINED : number; -export const TYPOGRAPHY_HEADER_LG_CAP_ROUNDED : number; -export const TYPOGRAPHY_HEADER_LG_TRACKING_TIGHT : number; -export const TYPOGRAPHY_HEADER_LG_TRACKING_NORMAL : number; -export const TYPOGRAPHY_HEADER_LG_TRACKING_LOOSE : number; -export const TYPOGRAPHY_HEADER_LG_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_HEADER_LG_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_HEADER_LG_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_HEADER_LG_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_HEADER_LG_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_HEADER_XL_FONT_SIZE : number; -export const TYPOGRAPHY_HEADER_XL_PADDING_CENTRED : number; -export const TYPOGRAPHY_HEADER_XL_PADDING_BASELINED : number; -export const TYPOGRAPHY_HEADER_XL_CAP_ROUNDED : number; -export const TYPOGRAPHY_HEADER_XL_TRACKING_TIGHT : number; -export const TYPOGRAPHY_HEADER_XL_TRACKING_NORMAL : number; -export const TYPOGRAPHY_HEADER_XL_TRACKING_LOOSE : number; -export const TYPOGRAPHY_HEADER_XL_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_HEADER_XL_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_HEADER_XL_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_HEADER_XL_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_HEADER_XL_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_HEADER_2XL_FONT_SIZE : number; -export const TYPOGRAPHY_HEADER_2XL_PADDING_CENTRED : number; -export const TYPOGRAPHY_HEADER_2XL_PADDING_BASELINED : number; -export const TYPOGRAPHY_HEADER_2XL_CAP_ROUNDED : number; -export const TYPOGRAPHY_HEADER_2XL_TRACKING_TIGHT : number; -export const TYPOGRAPHY_HEADER_2XL_TRACKING_NORMAL : number; -export const TYPOGRAPHY_HEADER_2XL_TRACKING_LOOSE : number; -export const TYPOGRAPHY_HEADER_2XL_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_HEADER_2XL_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_HEADER_2XL_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_HEADER_2XL_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_HEADER_2XL_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_HEADER_3XL_FONT_SIZE : number; -export const TYPOGRAPHY_HEADER_3XL_PADDING_CENTRED : number; -export const TYPOGRAPHY_HEADER_3XL_PADDING_BASELINED : number; -export const TYPOGRAPHY_HEADER_3XL_CAP_ROUNDED : number; -export const TYPOGRAPHY_HEADER_3XL_TRACKING_TIGHT : number; -export const TYPOGRAPHY_HEADER_3XL_TRACKING_NORMAL : number; -export const TYPOGRAPHY_HEADER_3XL_TRACKING_LOOSE : number; -export const TYPOGRAPHY_HEADER_3XL_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_HEADER_3XL_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_HEADER_3XL_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_HEADER_3XL_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_HEADER_3XL_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_HEADER_4XL_FONT_SIZE : number; -export const TYPOGRAPHY_HEADER_4XL_PADDING_CENTRED : number; -export const TYPOGRAPHY_HEADER_4XL_PADDING_BASELINED : number; -export const TYPOGRAPHY_HEADER_4XL_CAP_ROUNDED : number; -export const TYPOGRAPHY_HEADER_4XL_TRACKING_TIGHT : number; -export const TYPOGRAPHY_HEADER_4XL_TRACKING_NORMAL : number; -export const TYPOGRAPHY_HEADER_4XL_TRACKING_LOOSE : number; -export const TYPOGRAPHY_HEADER_4XL_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_HEADER_4XL_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_HEADER_4XL_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_HEADER_4XL_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_HEADER_4XL_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_HEADER_5XL_FONT_SIZE : number; -export const TYPOGRAPHY_HEADER_5XL_PADDING_CENTRED : number; -export const TYPOGRAPHY_HEADER_5XL_PADDING_BASELINED : number; -export const TYPOGRAPHY_HEADER_5XL_CAP_ROUNDED : number; -export const TYPOGRAPHY_HEADER_5XL_TRACKING_TIGHT : number; -export const TYPOGRAPHY_HEADER_5XL_TRACKING_NORMAL : number; -export const TYPOGRAPHY_HEADER_5XL_TRACKING_LOOSE : number; -export const TYPOGRAPHY_HEADER_5XL_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_HEADER_5XL_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_HEADER_5XL_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_HEADER_5XL_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_HEADER_5XL_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_HEADER_6XL_FONT_SIZE : number; -export const TYPOGRAPHY_HEADER_6XL_PADDING_CENTRED : number; -export const TYPOGRAPHY_HEADER_6XL_PADDING_BASELINED : number; -export const TYPOGRAPHY_HEADER_6XL_CAP_ROUNDED : number; -export const TYPOGRAPHY_HEADER_6XL_TRACKING_TIGHT : number; -export const TYPOGRAPHY_HEADER_6XL_TRACKING_NORMAL : number; -export const TYPOGRAPHY_HEADER_6XL_TRACKING_LOOSE : number; -export const TYPOGRAPHY_HEADER_6XL_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_HEADER_6XL_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_HEADER_6XL_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_HEADER_6XL_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_HEADER_6XL_LINEHEIGHT_SQUISHED : number; +export const SPACING_ICON_XS_GAP_HORIZONTAL: number; +export const SPACING_ICON_XS_GAP_VERTICAL: number; +export const SPACING_ICON_SM_GAP_HORIZONTAL: number; +export const SPACING_ICON_SM_GAP_VERTICAL: number; +export const SPACING_ICON_MD_GAP_HORIZONTAL: number; +export const SPACING_ICON_MD_GAP_VERTICAL: number; +export const SPACING_ICON_LG_GAP_HORIZONTAL: number; +export const SPACING_ICON_LG_GAP_VERTICAL: number; +export const SPACING_ICON_XL_GAP_HORIZONTAL: number; +export const SPACING_ICON_XL_GAP_VERTICAL: number; +export const SPACING_ICON_2XL_GAP_HORIZONTAL: number; +export const SPACING_ICON_2XL_GAP_VERTICAL: number; +export const SPACING_ICON_3XL_GAP_HORIZONTAL: number; +export const SPACING_ICON_3XL_GAP_VERTICAL: number; +export const SPACING_ICON_4XL_GAP_HORIZONTAL: number; +export const SPACING_ICON_4XL_GAP_VERTICAL: number; +export const SPACING_ICON_5XL_GAP_HORIZONTAL: number; +export const SPACING_ICON_5XL_GAP_VERTICAL: number; +export const SPACING_ICON_6XL_GAP_HORIZONTAL: number; +export const SPACING_ICON_6XL_GAP_VERTICAL: number; +export const SPACING_INLINE_4_XS: number; +export const SPACING_INLINE_3_XS: number; +export const SPACING_INLINE_2_XS: number; +export const SPACING_INLINE_XS: number; +export const SPACING_INLINE_SM: number; +export const SPACING_INLINE_MD: number; +export const SPACING_INLINE_LG: number; +export const SPACING_INLINE_XL: number; +export const SPACING_INLINE_2_XL: number; +export const SPACING_INLINE_3_XL: number; +export const SPACING_STACK_4_XS: number; +export const SPACING_STACK_3_XS: number; +export const SPACING_STACK_2_XS: number; +export const SPACING_STACK_XS: number; +export const SPACING_STACK_SM: number; +export const SPACING_STACK_MD: number; +export const SPACING_STACK_LG: number; +export const SPACING_STACK_XL: number; +export const SPACING_STACK_2_XL: number; +export const SPACING_STACK_3_XL: number; +export const SPACING_BORDER_RADIUS_ROUNDED: number; +export const SPACING_BORDER_RADIUS_PILL: number; +export const SPACING_BORDER_RADIUS_NONE: number; +export const SPACING_INSET_XS_INLINE: number; +export const SPACING_INSET_XS_STACK_SQUISHED: number; +export const SPACING_INSET_XS_STACK_SQUARED: number; +export const SPACING_INSET_XS_STACK_STRETCHED: number; +export const SPACING_INSET_SM_INLINE: number; +export const SPACING_INSET_SM_STACK_SQUISHED: number; +export const SPACING_INSET_SM_STACK_SQUARED: number; +export const SPACING_INSET_SM_STACK_STRETCHED: number; +export const SPACING_INSET_MD_INLINE: number; +export const SPACING_INSET_MD_STACK_SQUISHED: number; +export const SPACING_INSET_MD_STACK_SQUARED: number; +export const SPACING_INSET_MD_STACK_STRETCHED: number; +export const SPACING_INSET_LG_INLINE: number; +export const SPACING_INSET_LG_STACK_SQUISHED: number; +export const SPACING_INSET_LG_STACK_SQUARED: number; +export const SPACING_INSET_LG_STACK_STRETCHED: number; +export const SPACING_INSET_XL_INLINE: number; +export const SPACING_INSET_XL_STACK_SQUISHED: number; +export const SPACING_INSET_XL_STACK_SQUARED: number; +export const SPACING_INSET_XL_STACK_STRETCHED: number; +export const DOCUMENTATION: string; +export const SIZING_ICON_XS: number; +export const SIZING_ICON_XS_CONTAINER: number; +export const SIZING_ICON_SM: number; +export const SIZING_ICON_SM_CONTAINER: number; +export const SIZING_ICON_MD: number; +export const SIZING_ICON_MD_CONTAINER: number; +export const SIZING_ICON_LG: number; +export const SIZING_ICON_LG_CONTAINER: number; +export const SIZING_ICON_XL: number; +export const SIZING_ICON_XL_CONTAINER: number; +export const SIZING_ICON_2XL: number; +export const SIZING_ICON_2XL_CONTAINER: number; +export const SIZING_ICON_3XL: number; +export const SIZING_ICON_3XL_CONTAINER: number; +export const SIZING_ICON_4XL: number; +export const SIZING_ICON_4XL_CONTAINER: number; +export const SIZING_ICON_5XL: number; +export const SIZING_ICON_5XL_CONTAINER: number; +export const SIZING_ICON_6XL: number; +export const SIZING_ICON_6XL_CONTAINER: number; +export const SIZING_SELECTABLE_XS: number; +export const SIZING_SELECTABLE_SM: number; +export const SIZING_SELECTABLE_MD: number; +export const SIZING_SELECTABLE_LG: number; +export const SIZING_SELECTABLE_XL: number; +export const SIZING_SELECTABLE_2XL: number; +export const SIZING_STROKE_THIN: number; +export const SIZING_STROKE_THICK: number; +export const SIZING_STROKE_NONE: number; +export const TYPOGRAPHY_UI_BODY_XS_FONT_SIZE: number; +export const TYPOGRAPHY_UI_BODY_XS_PADDING_CENTRED: number; +export const TYPOGRAPHY_UI_BODY_XS_PADDING_BASELINED: number; +export const TYPOGRAPHY_UI_BODY_XS_CAP_ROUNDED: number; +export const TYPOGRAPHY_UI_BODY_XS_TRACKING_TIGHT: number; +export const TYPOGRAPHY_UI_BODY_XS_TRACKING_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_XS_TRACKING_LOOSE: number; +export const TYPOGRAPHY_UI_BODY_XS_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_UI_BODY_XS_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_XS_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_UI_BODY_XS_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_UI_BODY_XS_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_UI_BODY_SM_FONT_SIZE: number; +export const TYPOGRAPHY_UI_BODY_SM_PADDING_CENTRED: number; +export const TYPOGRAPHY_UI_BODY_SM_PADDING_BASELINED: number; +export const TYPOGRAPHY_UI_BODY_SM_CAP_ROUNDED: number; +export const TYPOGRAPHY_UI_BODY_SM_TRACKING_TIGHT: number; +export const TYPOGRAPHY_UI_BODY_SM_TRACKING_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_SM_TRACKING_LOOSE: number; +export const TYPOGRAPHY_UI_BODY_SM_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_UI_BODY_SM_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_SM_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_UI_BODY_SM_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_UI_BODY_SM_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_UI_BODY_FONT_FAMILY: string; +export const TYPOGRAPHY_UI_BODY_MD_FONT_SIZE: number; +export const TYPOGRAPHY_UI_BODY_MD_PADDING_CENTRED: number; +export const TYPOGRAPHY_UI_BODY_MD_PADDING_BASELINED: number; +export const TYPOGRAPHY_UI_BODY_MD_CAP_ROUNDED: number; +export const TYPOGRAPHY_UI_BODY_MD_TRACKING_TIGHT: number; +export const TYPOGRAPHY_UI_BODY_MD_TRACKING_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_MD_TRACKING_LOOSE: number; +export const TYPOGRAPHY_UI_BODY_MD_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_UI_BODY_MD_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_MD_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_UI_BODY_MD_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_UI_BODY_MD_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_UI_BODY_LG_FONT_SIZE: number; +export const TYPOGRAPHY_UI_BODY_LG_PADDING_CENTRED: number; +export const TYPOGRAPHY_UI_BODY_LG_PADDING_BASELINED: number; +export const TYPOGRAPHY_UI_BODY_LG_CAP_ROUNDED: number; +export const TYPOGRAPHY_UI_BODY_LG_TRACKING_TIGHT: number; +export const TYPOGRAPHY_UI_BODY_LG_TRACKING_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_LG_TRACKING_LOOSE: number; +export const TYPOGRAPHY_UI_BODY_LG_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_UI_BODY_LG_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_LG_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_UI_BODY_LG_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_UI_BODY_LG_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_UI_BODY_XL_FONT_SIZE: number; +export const TYPOGRAPHY_UI_BODY_XL_PADDING_CENTRED: number; +export const TYPOGRAPHY_UI_BODY_XL_PADDING_BASELINED: number; +export const TYPOGRAPHY_UI_BODY_XL_CAP_ROUNDED: number; +export const TYPOGRAPHY_UI_BODY_XL_TRACKING_TIGHT: number; +export const TYPOGRAPHY_UI_BODY_XL_TRACKING_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_XL_TRACKING_LOOSE: number; +export const TYPOGRAPHY_UI_BODY_XL_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_UI_BODY_XL_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_XL_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_UI_BODY_XL_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_UI_BODY_XL_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_UI_BODY_2XL_FONT_SIZE: number; +export const TYPOGRAPHY_UI_BODY_2XL_PADDING_CENTRED: number; +export const TYPOGRAPHY_UI_BODY_2XL_PADDING_BASELINED: number; +export const TYPOGRAPHY_UI_BODY_2XL_CAP_ROUNDED: number; +export const TYPOGRAPHY_UI_BODY_2XL_TRACKING_TIGHT: number; +export const TYPOGRAPHY_UI_BODY_2XL_TRACKING_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_2XL_TRACKING_LOOSE: number; +export const TYPOGRAPHY_UI_BODY_2XL_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_UI_BODY_2XL_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_2XL_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_UI_BODY_2XL_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_UI_BODY_2XL_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_UI_BODY_3XL_FONT_SIZE: number; +export const TYPOGRAPHY_UI_BODY_3XL_PADDING_CENTRED: number; +export const TYPOGRAPHY_UI_BODY_3XL_PADDING_BASELINED: number; +export const TYPOGRAPHY_UI_BODY_3XL_CAP_ROUNDED: number; +export const TYPOGRAPHY_UI_BODY_3XL_TRACKING_TIGHT: number; +export const TYPOGRAPHY_UI_BODY_3XL_TRACKING_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_3XL_TRACKING_LOOSE: number; +export const TYPOGRAPHY_UI_BODY_3XL_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_UI_BODY_3XL_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_3XL_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_UI_BODY_3XL_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_UI_BODY_3XL_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_UI_BODY_4XL_FONT_SIZE: number; +export const TYPOGRAPHY_UI_BODY_4XL_PADDING_CENTRED: number; +export const TYPOGRAPHY_UI_BODY_4XL_PADDING_BASELINED: number; +export const TYPOGRAPHY_UI_BODY_4XL_CAP_ROUNDED: number; +export const TYPOGRAPHY_UI_BODY_4XL_TRACKING_TIGHT: number; +export const TYPOGRAPHY_UI_BODY_4XL_TRACKING_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_4XL_TRACKING_LOOSE: number; +export const TYPOGRAPHY_UI_BODY_4XL_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_UI_BODY_4XL_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_4XL_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_UI_BODY_4XL_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_UI_BODY_4XL_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_UI_BODY_5XL_FONT_SIZE: number; +export const TYPOGRAPHY_UI_BODY_5XL_PADDING_CENTRED: number; +export const TYPOGRAPHY_UI_BODY_5XL_PADDING_BASELINED: number; +export const TYPOGRAPHY_UI_BODY_5XL_CAP_ROUNDED: number; +export const TYPOGRAPHY_UI_BODY_5XL_TRACKING_TIGHT: number; +export const TYPOGRAPHY_UI_BODY_5XL_TRACKING_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_5XL_TRACKING_LOOSE: number; +export const TYPOGRAPHY_UI_BODY_5XL_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_UI_BODY_5XL_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_5XL_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_UI_BODY_5XL_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_UI_BODY_5XL_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_UI_BODY_6XL_FONT_SIZE: number; +export const TYPOGRAPHY_UI_BODY_6XL_PADDING_CENTRED: number; +export const TYPOGRAPHY_UI_BODY_6XL_PADDING_BASELINED: number; +export const TYPOGRAPHY_UI_BODY_6XL_CAP_ROUNDED: number; +export const TYPOGRAPHY_UI_BODY_6XL_TRACKING_TIGHT: number; +export const TYPOGRAPHY_UI_BODY_6XL_TRACKING_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_6XL_TRACKING_LOOSE: number; +export const TYPOGRAPHY_UI_BODY_6XL_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_UI_BODY_6XL_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_6XL_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_UI_BODY_6XL_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_UI_BODY_6XL_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_HEADER_XS_FONT_SIZE: number; +export const TYPOGRAPHY_HEADER_XS_PADDING_CENTRED: number; +export const TYPOGRAPHY_HEADER_XS_PADDING_BASELINED: number; +export const TYPOGRAPHY_HEADER_XS_CAP_ROUNDED: number; +export const TYPOGRAPHY_HEADER_XS_TRACKING_TIGHT: number; +export const TYPOGRAPHY_HEADER_XS_TRACKING_NORMAL: number; +export const TYPOGRAPHY_HEADER_XS_TRACKING_LOOSE: number; +export const TYPOGRAPHY_HEADER_XS_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_HEADER_XS_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_HEADER_XS_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_HEADER_XS_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_HEADER_XS_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_HEADER_FONT_FAMILY: string; +export const TYPOGRAPHY_HEADER_SM_FONT_SIZE: number; +export const TYPOGRAPHY_HEADER_SM_PADDING_CENTRED: number; +export const TYPOGRAPHY_HEADER_SM_PADDING_BASELINED: number; +export const TYPOGRAPHY_HEADER_SM_CAP_ROUNDED: number; +export const TYPOGRAPHY_HEADER_SM_TRACKING_TIGHT: number; +export const TYPOGRAPHY_HEADER_SM_TRACKING_NORMAL: number; +export const TYPOGRAPHY_HEADER_SM_TRACKING_LOOSE: number; +export const TYPOGRAPHY_HEADER_SM_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_HEADER_SM_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_HEADER_SM_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_HEADER_SM_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_HEADER_SM_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_HEADER_MD_FONT_SIZE: number; +export const TYPOGRAPHY_HEADER_MD_PADDING_CENTRED: number; +export const TYPOGRAPHY_HEADER_MD_PADDING_BASELINED: number; +export const TYPOGRAPHY_HEADER_MD_CAP_ROUNDED: number; +export const TYPOGRAPHY_HEADER_MD_TRACKING_TIGHT: number; +export const TYPOGRAPHY_HEADER_MD_TRACKING_NORMAL: number; +export const TYPOGRAPHY_HEADER_MD_TRACKING_LOOSE: number; +export const TYPOGRAPHY_HEADER_MD_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_HEADER_MD_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_HEADER_MD_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_HEADER_MD_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_HEADER_MD_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_HEADER_LG_FONT_SIZE: number; +export const TYPOGRAPHY_HEADER_LG_PADDING_CENTRED: number; +export const TYPOGRAPHY_HEADER_LG_PADDING_BASELINED: number; +export const TYPOGRAPHY_HEADER_LG_CAP_ROUNDED: number; +export const TYPOGRAPHY_HEADER_LG_TRACKING_TIGHT: number; +export const TYPOGRAPHY_HEADER_LG_TRACKING_NORMAL: number; +export const TYPOGRAPHY_HEADER_LG_TRACKING_LOOSE: number; +export const TYPOGRAPHY_HEADER_LG_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_HEADER_LG_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_HEADER_LG_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_HEADER_LG_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_HEADER_LG_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_HEADER_XL_FONT_SIZE: number; +export const TYPOGRAPHY_HEADER_XL_PADDING_CENTRED: number; +export const TYPOGRAPHY_HEADER_XL_PADDING_BASELINED: number; +export const TYPOGRAPHY_HEADER_XL_CAP_ROUNDED: number; +export const TYPOGRAPHY_HEADER_XL_TRACKING_TIGHT: number; +export const TYPOGRAPHY_HEADER_XL_TRACKING_NORMAL: number; +export const TYPOGRAPHY_HEADER_XL_TRACKING_LOOSE: number; +export const TYPOGRAPHY_HEADER_XL_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_HEADER_XL_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_HEADER_XL_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_HEADER_XL_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_HEADER_XL_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_HEADER_2XL_FONT_SIZE: number; +export const TYPOGRAPHY_HEADER_2XL_PADDING_CENTRED: number; +export const TYPOGRAPHY_HEADER_2XL_PADDING_BASELINED: number; +export const TYPOGRAPHY_HEADER_2XL_CAP_ROUNDED: number; +export const TYPOGRAPHY_HEADER_2XL_TRACKING_TIGHT: number; +export const TYPOGRAPHY_HEADER_2XL_TRACKING_NORMAL: number; +export const TYPOGRAPHY_HEADER_2XL_TRACKING_LOOSE: number; +export const TYPOGRAPHY_HEADER_2XL_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_HEADER_2XL_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_HEADER_2XL_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_HEADER_2XL_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_HEADER_2XL_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_HEADER_3XL_FONT_SIZE: number; +export const TYPOGRAPHY_HEADER_3XL_PADDING_CENTRED: number; +export const TYPOGRAPHY_HEADER_3XL_PADDING_BASELINED: number; +export const TYPOGRAPHY_HEADER_3XL_CAP_ROUNDED: number; +export const TYPOGRAPHY_HEADER_3XL_TRACKING_TIGHT: number; +export const TYPOGRAPHY_HEADER_3XL_TRACKING_NORMAL: number; +export const TYPOGRAPHY_HEADER_3XL_TRACKING_LOOSE: number; +export const TYPOGRAPHY_HEADER_3XL_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_HEADER_3XL_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_HEADER_3XL_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_HEADER_3XL_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_HEADER_3XL_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_HEADER_4XL_FONT_SIZE: number; +export const TYPOGRAPHY_HEADER_4XL_PADDING_CENTRED: number; +export const TYPOGRAPHY_HEADER_4XL_PADDING_BASELINED: number; +export const TYPOGRAPHY_HEADER_4XL_CAP_ROUNDED: number; +export const TYPOGRAPHY_HEADER_4XL_TRACKING_TIGHT: number; +export const TYPOGRAPHY_HEADER_4XL_TRACKING_NORMAL: number; +export const TYPOGRAPHY_HEADER_4XL_TRACKING_LOOSE: number; +export const TYPOGRAPHY_HEADER_4XL_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_HEADER_4XL_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_HEADER_4XL_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_HEADER_4XL_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_HEADER_4XL_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_HEADER_5XL_FONT_SIZE: number; +export const TYPOGRAPHY_HEADER_5XL_PADDING_CENTRED: number; +export const TYPOGRAPHY_HEADER_5XL_PADDING_BASELINED: number; +export const TYPOGRAPHY_HEADER_5XL_CAP_ROUNDED: number; +export const TYPOGRAPHY_HEADER_5XL_TRACKING_TIGHT: number; +export const TYPOGRAPHY_HEADER_5XL_TRACKING_NORMAL: number; +export const TYPOGRAPHY_HEADER_5XL_TRACKING_LOOSE: number; +export const TYPOGRAPHY_HEADER_5XL_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_HEADER_5XL_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_HEADER_5XL_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_HEADER_5XL_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_HEADER_5XL_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_HEADER_6XL_FONT_SIZE: number; +export const TYPOGRAPHY_HEADER_6XL_PADDING_CENTRED: number; +export const TYPOGRAPHY_HEADER_6XL_PADDING_BASELINED: number; +export const TYPOGRAPHY_HEADER_6XL_CAP_ROUNDED: number; +export const TYPOGRAPHY_HEADER_6XL_TRACKING_TIGHT: number; +export const TYPOGRAPHY_HEADER_6XL_TRACKING_NORMAL: number; +export const TYPOGRAPHY_HEADER_6XL_TRACKING_LOOSE: number; +export const TYPOGRAPHY_HEADER_6XL_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_HEADER_6XL_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_HEADER_6XL_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_HEADER_6XL_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_HEADER_6XL_LINEHEIGHT_SQUISHED: number; diff --git a/packages/eds-tokens/build/js/spacing/primitives.d.ts b/packages/eds-tokens/build/js/spacing/primitives.d.ts index 6aa1cff481..36ddd68e2c 100644 --- a/packages/eds-tokens/build/js/spacing/primitives.d.ts +++ b/packages/eds-tokens/build/js/spacing/primitives.d.ts @@ -2,247 +2,247 @@ * Do not edit directly, this file was auto-generated. */ -export const SPACING_0 : number; -export const SPACING_6 : number; -export const SPACING_12 : number; -export const SPACING_19 : number; -export const SPACING_25 : number; -export const SPACING_37 : number; -export const SPACING_50 : number; -export const SPACING_62 : number; -export const SPACING_75 : number; -export const SPACING_82 : number; -export const SPACING_100 : number; -export const SPACING_125 : number; -export const SPACING_150 : number; -export const SPACING_175 : number; -export const SPACING_200 : number; -export const SPACING_225 : number; -export const SPACING_250 : number; -export const SPACING_275 : number; -export const SPACING_300 : number; -export const SPACING_325 : number; -export const SPACING_350 : number; -export const SPACING_375 : number; -export const SPACING_400 : number; -export const SPACING_450 : number; -export const SPACING_500 : number; -export const SPACING_550 : number; -export const SPACING_600 : number; -export const SPACING_700 : number; -export const SPACING_800 : number; -export const SPACING_900 : number; -export const SPACING_1000 : number; -export const SPACING_1100 : number; -export const SPACING_1200 : number; -export const SPACING_1300 : number; -export const SPACING_1400 : number; -export const SPACING_1500 : number; -export const SPACING_1600 : number; -export const SPACING_1700 : number; -export const SPACING_1800 : number; -export const SPACING_1900 : number; -export const SPACING_2000 : number; -export const SPACING_2100 : number; -export const SPACING_2200 : number; -export const TYPE_SCALE_INTER_100_FONT_SIZE : number; -export const TYPE_SCALE_INTER_100_CAP_HEIGHT_ROUNDED : number; -export const TYPE_SCALE_INTER_100_TRACKING_TIGHT : number; -export const TYPE_SCALE_INTER_100_TRACKING_NORMAL : number; -export const TYPE_SCALE_INTER_100_TRACKING_LOOSE : number; -export const TYPE_SCALE_INTER_100_FONT_WEIGHT_LIGHTER : number; -export const TYPE_SCALE_INTER_100_FONT_WEIGHT_BOLDER : number; -export const TYPE_SCALE_INTER_100_FONT_WEIGHT_NORMAL : number; -export const TYPE_SCALE_INTER_200_FONT_SIZE : number; -export const TYPE_SCALE_INTER_200_CAP_HEIGHT_ROUNDED : number; -export const TYPE_SCALE_INTER_200_TRACKING_TIGHT : number; -export const TYPE_SCALE_INTER_200_TRACKING_NORMAL : number; -export const TYPE_SCALE_INTER_200_TRACKING_LOOSE : number; -export const TYPE_SCALE_INTER_200_FONT_WEIGHT_LIGHTER : number; -export const TYPE_SCALE_INTER_200_FONT_WEIGHT_NORMAL : number; -export const TYPE_SCALE_INTER_200_FONT_WEIGHT_BOLDER : number; -export const TYPE_SCALE_INTER_300_FONT_SIZE : number; -export const TYPE_SCALE_INTER_300_CAP_HEIGHT_ROUNDED : number; -export const TYPE_SCALE_INTER_300_TRACKING_TIGHT : number; -export const TYPE_SCALE_INTER_300_TRACKING_NORMAL : number; -export const TYPE_SCALE_INTER_300_TRACKING_LOOSE : number; -export const TYPE_SCALE_INTER_300_FONT_WEIGHT_LIGHTER : number; -export const TYPE_SCALE_INTER_300_FONT_WEIGHT_BOLDER : number; -export const TYPE_SCALE_INTER_300_FONT_WEIGHT_NORMAL : number; -export const TYPE_SCALE_INTER_400_FONT_SIZE : number; -export const TYPE_SCALE_INTER_400_CAP_HEIGHT_ROUNDED : number; -export const TYPE_SCALE_INTER_400_TRACKING_TIGHT : number; -export const TYPE_SCALE_INTER_400_TRACKING_NORMAL : number; -export const TYPE_SCALE_INTER_400_TRACKING_LOOSE : number; -export const TYPE_SCALE_INTER_400_FONT_WEIGHT_LIGHTER : number; -export const TYPE_SCALE_INTER_400_FONT_WEIGHT_NORMAL : number; -export const TYPE_SCALE_INTER_400_FONT_WEIGHT_BOLDER : number; -export const TYPE_SCALE_INTER_500_FONT_SIZE : number; -export const TYPE_SCALE_INTER_500_CAP_HEIGHT_ROUNDED : number; -export const TYPE_SCALE_INTER_500_TRACKING_TIGHT : number; -export const TYPE_SCALE_INTER_500_TRACKING_NORMAL : number; -export const TYPE_SCALE_INTER_500_TRACKING_LOOSE : number; -export const TYPE_SCALE_INTER_500_FONT_WEIGHT_LIGHTER : number; -export const TYPE_SCALE_INTER_500_FONT_WEIGHT_NORMAL : number; -export const TYPE_SCALE_INTER_500_FONT_WEIGHT_BOLDER : number; -export const TYPE_SCALE_INTER_600_FONT_SIZE : number; -export const TYPE_SCALE_INTER_600_CAP_HEIGHT_ROUNDED : number; -export const TYPE_SCALE_INTER_600_TRACKING_TIGHT : number; -export const TYPE_SCALE_INTER_600_TRACKING_NORMAL : number; -export const TYPE_SCALE_INTER_600_TRACKING_LOOSE : number; -export const TYPE_SCALE_INTER_600_FONT_WEIGHT_LIGHTER : number; -export const TYPE_SCALE_INTER_600_FONT_WEIGHT_NORMAL : number; -export const TYPE_SCALE_INTER_600_FONT_WEIGHT_BOLDER : number; -export const TYPE_SCALE_INTER_700_FONT_SIZE : number; -export const TYPE_SCALE_INTER_700_CAP_HEIGHT_ROUNDED : number; -export const TYPE_SCALE_INTER_700_TRACKING_TIGHT : number; -export const TYPE_SCALE_INTER_700_TRACKING_NORMAL : number; -export const TYPE_SCALE_INTER_700_TRACKING_LOOSE : number; -export const TYPE_SCALE_INTER_700_FONT_WEIGHT_LIGHTER : number; -export const TYPE_SCALE_INTER_700_FONT_WEIGHT_NORMAL : number; -export const TYPE_SCALE_INTER_700_FONT_WEIGHT_BOLDER : number; -export const TYPE_SCALE_INTER_800_FONT_SIZE : number; -export const TYPE_SCALE_INTER_800_CAP_HEIGHT_ROUNDED : number; -export const TYPE_SCALE_INTER_800_TRACKING_TIGHT : number; -export const TYPE_SCALE_INTER_800_TRACKING_NORMAL : number; -export const TYPE_SCALE_INTER_800_TRACKING_LOOSE : number; -export const TYPE_SCALE_INTER_800_FONT_WEIGHT_LIGHTER : number; -export const TYPE_SCALE_INTER_800_FONT_WEIGHT_NORMAL : number; -export const TYPE_SCALE_INTER_800_FONT_WEIGHT_BOLDER : number; -export const TYPE_SCALE_INTER_900_FONT_SIZE : number; -export const TYPE_SCALE_INTER_900_CAP_HEIGHT_ROUNDED : number; -export const TYPE_SCALE_INTER_900_TRACKING_TIGHT : number; -export const TYPE_SCALE_INTER_900_TRACKING_NORMAL : number; -export const TYPE_SCALE_INTER_900_TRACKING_LOOSE : number; -export const TYPE_SCALE_INTER_900_FONT_WEIGHT_LIGHTER : number; -export const TYPE_SCALE_INTER_900_FONT_WEIGHT_NORMAL : number; -export const TYPE_SCALE_INTER_900_FONT_WEIGHT_BOLDER : number; -export const TYPE_SCALE_INTER_1000_FONT_SIZE : number; -export const TYPE_SCALE_INTER_1000_CAP_HEIGHT_ROUNDED : number; -export const TYPE_SCALE_INTER_1000_TRACKING_TIGHT : number; -export const TYPE_SCALE_INTER_1000_TRACKING_NORMAL : number; -export const TYPE_SCALE_INTER_1000_TRACKING_LOOSE : number; -export const TYPE_SCALE_INTER_1000_FONT_WEIGHT_LIGHTER : number; -export const TYPE_SCALE_INTER_1000_FONT_WEIGHT_NORMAL : number; -export const TYPE_SCALE_INTER_1000_FONT_WEIGHT_BOLDER : number; -export const TYPE_SCALE_INTER_1100_FONT_SIZE : number; -export const TYPE_SCALE_INTER_1100_CAP_HEIGHT_ROUNDED : number; -export const TYPE_SCALE_INTER_1100_TRACKING_TIGHT : number; -export const TYPE_SCALE_INTER_1100_TRACKING_NORMAL : number; -export const TYPE_SCALE_INTER_1100_TRACKING_LOOSE : number; -export const TYPE_SCALE_INTER_1100_FONT_WEIGHT_LIGHTER : number; -export const TYPE_SCALE_INTER_1100_FONT_WEIGHT_NORMAL : number; -export const TYPE_SCALE_INTER_1100_FONT_WEIGHT_BOLDER : number; -export const TYPE_SCALE_EQUINOR_100_FONT_SIZE : number; -export const TYPE_SCALE_EQUINOR_100_CAP_HEIGHT_ROUNDED : number; -export const TYPE_SCALE_EQUINOR_100_TRACKING_TIGHT : number; -export const TYPE_SCALE_EQUINOR_100_TRACKING_NORMAL : number; -export const TYPE_SCALE_EQUINOR_100_TRACKING_LOOSE : number; -export const TYPE_SCALE_EQUINOR_100_FONT_WEIGHT_LIGHTER : number; -export const TYPE_SCALE_EQUINOR_100_FONT_WEIGHT_BOLDER : number; -export const TYPE_SCALE_EQUINOR_100_FONT_WEIGHT_NORMAL : number; -export const TYPE_SCALE_EQUINOR_200_FONT_SIZE : number; -export const TYPE_SCALE_EQUINOR_200_CAP_HEIGHT_ROUNDED : number; -export const TYPE_SCALE_EQUINOR_200_TRACKING_TIGHT : number; -export const TYPE_SCALE_EQUINOR_200_TRACKING_NORMAL : number; -export const TYPE_SCALE_EQUINOR_200_TRACKING_LOOSE : number; -export const TYPE_SCALE_EQUINOR_200_FONT_WEIGHT_LIGHTER : number; -export const TYPE_SCALE_EQUINOR_200_FONT_WEIGHT_NORMAL : number; -export const TYPE_SCALE_EQUINOR_200_FONT_WEIGHT_BOLDER : number; -export const TYPE_SCALE_EQUINOR_300_FONT_SIZE : number; -export const TYPE_SCALE_EQUINOR_300_CAP_HEIGHT_ROUNDED : number; -export const TYPE_SCALE_EQUINOR_300_TRACKING_TIGHT : number; -export const TYPE_SCALE_EQUINOR_300_TRACKING_NORMAL : number; -export const TYPE_SCALE_EQUINOR_300_TRACKING_LOOSE : number; -export const TYPE_SCALE_EQUINOR_300_FONT_WEIGHT_LIGHTER : number; -export const TYPE_SCALE_EQUINOR_300_FONT_WEIGHT_BOLDER : number; -export const TYPE_SCALE_EQUINOR_300_FONT_WEIGHT_NORMAL : number; -export const TYPE_SCALE_EQUINOR_400_FONT_SIZE : number; -export const TYPE_SCALE_EQUINOR_400_CAP_HEIGHT_ROUNDED : number; -export const TYPE_SCALE_EQUINOR_400_TRACKING_TIGHT : number; -export const TYPE_SCALE_EQUINOR_400_TRACKING_NORMAL : number; -export const TYPE_SCALE_EQUINOR_400_TRACKING_LOOSE : number; -export const TYPE_SCALE_EQUINOR_400_FONT_WEIGHT_LIGHTER : number; -export const TYPE_SCALE_EQUINOR_400_FONT_WEIGHT_NORMAL : number; -export const TYPE_SCALE_EQUINOR_400_FONT_WEIGHT_BOLDER : number; -export const TYPE_SCALE_EQUINOR_500_FONT_SIZE : number; -export const TYPE_SCALE_EQUINOR_500_CAP_HEIGHT_ROUNDED : number; -export const TYPE_SCALE_EQUINOR_500_TRACKING_TIGHT : number; -export const TYPE_SCALE_EQUINOR_500_TRACKING_NORMAL : number; -export const TYPE_SCALE_EQUINOR_500_TRACKING_LOOSE : number; -export const TYPE_SCALE_EQUINOR_500_FONT_WEIGHT_LIGHTER : number; -export const TYPE_SCALE_EQUINOR_500_FONT_WEIGHT_NORMAL : number; -export const TYPE_SCALE_EQUINOR_500_FONT_WEIGHT_BOLDER : number; -export const TYPE_SCALE_EQUINOR_600_FONT_SIZE : number; -export const TYPE_SCALE_EQUINOR_600_CAP_HEIGHT_ROUNDED : number; -export const TYPE_SCALE_EQUINOR_600_TRACKING_TIGHT : number; -export const TYPE_SCALE_EQUINOR_600_TRACKING_NORMAL : number; -export const TYPE_SCALE_EQUINOR_600_TRACKING_LOOSE : number; -export const TYPE_SCALE_EQUINOR_600_FONT_WEIGHT_LIGHTER : number; -export const TYPE_SCALE_EQUINOR_600_FONT_WEIGHT_NORMAL : number; -export const TYPE_SCALE_EQUINOR_600_FONT_WEIGHT_BOLDER : number; -export const TYPE_SCALE_EQUINOR_700_FONT_SIZE : number; -export const TYPE_SCALE_EQUINOR_700_CAP_HEIGHT_ROUNDED : number; -export const TYPE_SCALE_EQUINOR_700_TRACKING_TIGHT : number; -export const TYPE_SCALE_EQUINOR_700_TRACKING_NORMAL : number; -export const TYPE_SCALE_EQUINOR_700_TRACKING_LOOSE : number; -export const TYPE_SCALE_EQUINOR_700_FONT_WEIGHT_LIGHTER : number; -export const TYPE_SCALE_EQUINOR_700_FONT_WEIGHT_NORMAL : number; -export const TYPE_SCALE_EQUINOR_700_FONT_WEIGHT_BOLDER : number; -export const TYPE_SCALE_EQUINOR_800_FONT_SIZE : number; -export const TYPE_SCALE_EQUINOR_800_CAP_HEIGHT_ROUNDED : number; -export const TYPE_SCALE_EQUINOR_800_TRACKING_TIGHT : number; -export const TYPE_SCALE_EQUINOR_800_TRACKING_NORMAL : number; -export const TYPE_SCALE_EQUINOR_800_TRACKING_LOOSE : number; -export const TYPE_SCALE_EQUINOR_800_FONT_WEIGHT_LIGHTER : number; -export const TYPE_SCALE_EQUINOR_800_FONT_WEIGHT_NORMAL : number; -export const TYPE_SCALE_EQUINOR_800_FONT_WEIGHT_BOLDER : number; -export const TYPE_SCALE_EQUINOR_900_FONT_SIZE : number; -export const TYPE_SCALE_EQUINOR_900_CAP_HEIGHT_ROUNDED : number; -export const TYPE_SCALE_EQUINOR_900_TRACKING_TIGHT : number; -export const TYPE_SCALE_EQUINOR_900_TRACKING_NORMAL : number; -export const TYPE_SCALE_EQUINOR_900_TRACKING_LOOSE : number; -export const TYPE_SCALE_EQUINOR_900_FONT_WEIGHT_LIGHTER : number; -export const TYPE_SCALE_EQUINOR_900_FONT_WEIGHT_NORMAL : number; -export const TYPE_SCALE_EQUINOR_900_FONT_WEIGHT_BOLDER : number; -export const TYPE_SCALE_EQUINOR_1000_FONT_SIZE : number; -export const TYPE_SCALE_EQUINOR_1000_CAP_HEIGHT_ROUNDED : number; -export const TYPE_SCALE_EQUINOR_1000_TRACKING_TIGHT : number; -export const TYPE_SCALE_EQUINOR_1000_TRACKING_NORMAL : number; -export const TYPE_SCALE_EQUINOR_1000_TRACKING_LOOSE : number; -export const TYPE_SCALE_EQUINOR_1000_FONT_WEIGHT_LIGHTER : number; -export const TYPE_SCALE_EQUINOR_1000_FONT_WEIGHT_NORMAL : number; -export const TYPE_SCALE_EQUINOR_1000_FONT_WEIGHT_BOLDER : number; -export const TYPE_SCALE_EQUINOR_1100_FONT_SIZE : number; -export const TYPE_SCALE_EQUINOR_1100_CAP_HEIGHT_ROUNDED : number; -export const TYPE_SCALE_EQUINOR_1100_TRACKING_TIGHT : number; -export const TYPE_SCALE_EQUINOR_1100_TRACKING_NORMAL : number; -export const TYPE_SCALE_EQUINOR_1100_TRACKING_LOOSE : number; -export const TYPE_SCALE_EQUINOR_1100_FONT_WEIGHT_LIGHTER : number; -export const TYPE_SCALE_EQUINOR_1100_FONT_WEIGHT_NORMAL : number; -export const TYPE_SCALE_EQUINOR_1100_FONT_WEIGHT_BOLDER : number; -export const LINEHEIGHT_SCALE_100_DEFAULT : number; -export const LINEHEIGHT_SCALE_100_LINEHEIGHT_SQUISHED : number; -export const LINEHEIGHT_SCALE_200_DEFAULT : number; -export const LINEHEIGHT_SCALE_200_LINEHEIGHT_SQUISHED : number; -export const LINEHEIGHT_SCALE_300_DEFAULT : number; -export const LINEHEIGHT_SCALE_300_LINEHEIGHT_SQUISHED : number; -export const LINEHEIGHT_SCALE_400_DEFAULT : number; -export const LINEHEIGHT_SCALE_400_LINEHEIGHT_SQUISHED : number; -export const LINEHEIGHT_SCALE_500_DEFAULT : number; -export const LINEHEIGHT_SCALE_500_LINEHEIGHT_SQUISHED : number; -export const LINEHEIGHT_SCALE_600_DEFAULT : number; -export const LINEHEIGHT_SCALE_600_LINEHEIGHT_SQUISHED : number; -export const LINEHEIGHT_SCALE_700_DEFAULT : number; -export const LINEHEIGHT_SCALE_700_LINEHEIGHT_SQUISHED : number; -export const LINEHEIGHT_SCALE_800_DEFAULT : number; -export const LINEHEIGHT_SCALE_800_LINEHEIGHT_SQUISHED : number; -export const LINEHEIGHT_SCALE_900_DEFAULT : number; -export const LINEHEIGHT_SCALE_900_LINEHEIGHT_SQUISHED : number; -export const LINEHEIGHT_SCALE_1000_DEFAULT : number; -export const LINEHEIGHT_SCALE_1000_LINEHEIGHT_SQUISHED : number; -export const LINEHEIGHT_SCALE_1100_DEFAULT : number; -export const LINEHEIGHT_SCALE_1100_SQUISHED : number; -export const FONT_FAMILY_INTER : string; -export const FONT_FAMILY_EQUINOR : string; -export const DOCUMENTATION : string; +export const SPACING_0: number; +export const SPACING_6: number; +export const SPACING_12: number; +export const SPACING_19: number; +export const SPACING_25: number; +export const SPACING_37: number; +export const SPACING_50: number; +export const SPACING_62: number; +export const SPACING_75: number; +export const SPACING_82: number; +export const SPACING_100: number; +export const SPACING_125: number; +export const SPACING_150: number; +export const SPACING_175: number; +export const SPACING_200: number; +export const SPACING_225: number; +export const SPACING_250: number; +export const SPACING_275: number; +export const SPACING_300: number; +export const SPACING_325: number; +export const SPACING_350: number; +export const SPACING_375: number; +export const SPACING_400: number; +export const SPACING_450: number; +export const SPACING_500: number; +export const SPACING_550: number; +export const SPACING_600: number; +export const SPACING_700: number; +export const SPACING_800: number; +export const SPACING_900: number; +export const SPACING_1000: number; +export const SPACING_1100: number; +export const SPACING_1200: number; +export const SPACING_1300: number; +export const SPACING_1400: number; +export const SPACING_1500: number; +export const SPACING_1600: number; +export const SPACING_1700: number; +export const SPACING_1800: number; +export const SPACING_1900: number; +export const SPACING_2000: number; +export const SPACING_2100: number; +export const SPACING_2200: number; +export const TYPE_SCALE_INTER_100_FONT_SIZE: number; +export const TYPE_SCALE_INTER_100_CAP_HEIGHT_ROUNDED: number; +export const TYPE_SCALE_INTER_100_TRACKING_TIGHT: number; +export const TYPE_SCALE_INTER_100_TRACKING_NORMAL: number; +export const TYPE_SCALE_INTER_100_TRACKING_LOOSE: number; +export const TYPE_SCALE_INTER_100_FONT_WEIGHT_LIGHTER: number; +export const TYPE_SCALE_INTER_100_FONT_WEIGHT_BOLDER: number; +export const TYPE_SCALE_INTER_100_FONT_WEIGHT_NORMAL: number; +export const TYPE_SCALE_INTER_200_FONT_SIZE: number; +export const TYPE_SCALE_INTER_200_CAP_HEIGHT_ROUNDED: number; +export const TYPE_SCALE_INTER_200_TRACKING_TIGHT: number; +export const TYPE_SCALE_INTER_200_TRACKING_NORMAL: number; +export const TYPE_SCALE_INTER_200_TRACKING_LOOSE: number; +export const TYPE_SCALE_INTER_200_FONT_WEIGHT_LIGHTER: number; +export const TYPE_SCALE_INTER_200_FONT_WEIGHT_NORMAL: number; +export const TYPE_SCALE_INTER_200_FONT_WEIGHT_BOLDER: number; +export const TYPE_SCALE_INTER_300_FONT_SIZE: number; +export const TYPE_SCALE_INTER_300_CAP_HEIGHT_ROUNDED: number; +export const TYPE_SCALE_INTER_300_TRACKING_TIGHT: number; +export const TYPE_SCALE_INTER_300_TRACKING_NORMAL: number; +export const TYPE_SCALE_INTER_300_TRACKING_LOOSE: number; +export const TYPE_SCALE_INTER_300_FONT_WEIGHT_LIGHTER: number; +export const TYPE_SCALE_INTER_300_FONT_WEIGHT_BOLDER: number; +export const TYPE_SCALE_INTER_300_FONT_WEIGHT_NORMAL: number; +export const TYPE_SCALE_INTER_400_FONT_SIZE: number; +export const TYPE_SCALE_INTER_400_CAP_HEIGHT_ROUNDED: number; +export const TYPE_SCALE_INTER_400_TRACKING_TIGHT: number; +export const TYPE_SCALE_INTER_400_TRACKING_NORMAL: number; +export const TYPE_SCALE_INTER_400_TRACKING_LOOSE: number; +export const TYPE_SCALE_INTER_400_FONT_WEIGHT_LIGHTER: number; +export const TYPE_SCALE_INTER_400_FONT_WEIGHT_NORMAL: number; +export const TYPE_SCALE_INTER_400_FONT_WEIGHT_BOLDER: number; +export const TYPE_SCALE_INTER_500_FONT_SIZE: number; +export const TYPE_SCALE_INTER_500_CAP_HEIGHT_ROUNDED: number; +export const TYPE_SCALE_INTER_500_TRACKING_TIGHT: number; +export const TYPE_SCALE_INTER_500_TRACKING_NORMAL: number; +export const TYPE_SCALE_INTER_500_TRACKING_LOOSE: number; +export const TYPE_SCALE_INTER_500_FONT_WEIGHT_LIGHTER: number; +export const TYPE_SCALE_INTER_500_FONT_WEIGHT_NORMAL: number; +export const TYPE_SCALE_INTER_500_FONT_WEIGHT_BOLDER: number; +export const TYPE_SCALE_INTER_600_FONT_SIZE: number; +export const TYPE_SCALE_INTER_600_CAP_HEIGHT_ROUNDED: number; +export const TYPE_SCALE_INTER_600_TRACKING_TIGHT: number; +export const TYPE_SCALE_INTER_600_TRACKING_NORMAL: number; +export const TYPE_SCALE_INTER_600_TRACKING_LOOSE: number; +export const TYPE_SCALE_INTER_600_FONT_WEIGHT_LIGHTER: number; +export const TYPE_SCALE_INTER_600_FONT_WEIGHT_NORMAL: number; +export const TYPE_SCALE_INTER_600_FONT_WEIGHT_BOLDER: number; +export const TYPE_SCALE_INTER_700_FONT_SIZE: number; +export const TYPE_SCALE_INTER_700_CAP_HEIGHT_ROUNDED: number; +export const TYPE_SCALE_INTER_700_TRACKING_TIGHT: number; +export const TYPE_SCALE_INTER_700_TRACKING_NORMAL: number; +export const TYPE_SCALE_INTER_700_TRACKING_LOOSE: number; +export const TYPE_SCALE_INTER_700_FONT_WEIGHT_LIGHTER: number; +export const TYPE_SCALE_INTER_700_FONT_WEIGHT_NORMAL: number; +export const TYPE_SCALE_INTER_700_FONT_WEIGHT_BOLDER: number; +export const TYPE_SCALE_INTER_800_FONT_SIZE: number; +export const TYPE_SCALE_INTER_800_CAP_HEIGHT_ROUNDED: number; +export const TYPE_SCALE_INTER_800_TRACKING_TIGHT: number; +export const TYPE_SCALE_INTER_800_TRACKING_NORMAL: number; +export const TYPE_SCALE_INTER_800_TRACKING_LOOSE: number; +export const TYPE_SCALE_INTER_800_FONT_WEIGHT_LIGHTER: number; +export const TYPE_SCALE_INTER_800_FONT_WEIGHT_NORMAL: number; +export const TYPE_SCALE_INTER_800_FONT_WEIGHT_BOLDER: number; +export const TYPE_SCALE_INTER_900_FONT_SIZE: number; +export const TYPE_SCALE_INTER_900_CAP_HEIGHT_ROUNDED: number; +export const TYPE_SCALE_INTER_900_TRACKING_TIGHT: number; +export const TYPE_SCALE_INTER_900_TRACKING_NORMAL: number; +export const TYPE_SCALE_INTER_900_TRACKING_LOOSE: number; +export const TYPE_SCALE_INTER_900_FONT_WEIGHT_LIGHTER: number; +export const TYPE_SCALE_INTER_900_FONT_WEIGHT_NORMAL: number; +export const TYPE_SCALE_INTER_900_FONT_WEIGHT_BOLDER: number; +export const TYPE_SCALE_INTER_1000_FONT_SIZE: number; +export const TYPE_SCALE_INTER_1000_CAP_HEIGHT_ROUNDED: number; +export const TYPE_SCALE_INTER_1000_TRACKING_TIGHT: number; +export const TYPE_SCALE_INTER_1000_TRACKING_NORMAL: number; +export const TYPE_SCALE_INTER_1000_TRACKING_LOOSE: number; +export const TYPE_SCALE_INTER_1000_FONT_WEIGHT_LIGHTER: number; +export const TYPE_SCALE_INTER_1000_FONT_WEIGHT_NORMAL: number; +export const TYPE_SCALE_INTER_1000_FONT_WEIGHT_BOLDER: number; +export const TYPE_SCALE_INTER_1100_FONT_SIZE: number; +export const TYPE_SCALE_INTER_1100_CAP_HEIGHT_ROUNDED: number; +export const TYPE_SCALE_INTER_1100_TRACKING_TIGHT: number; +export const TYPE_SCALE_INTER_1100_TRACKING_NORMAL: number; +export const TYPE_SCALE_INTER_1100_TRACKING_LOOSE: number; +export const TYPE_SCALE_INTER_1100_FONT_WEIGHT_LIGHTER: number; +export const TYPE_SCALE_INTER_1100_FONT_WEIGHT_NORMAL: number; +export const TYPE_SCALE_INTER_1100_FONT_WEIGHT_BOLDER: number; +export const TYPE_SCALE_EQUINOR_100_FONT_SIZE: number; +export const TYPE_SCALE_EQUINOR_100_CAP_HEIGHT_ROUNDED: number; +export const TYPE_SCALE_EQUINOR_100_TRACKING_TIGHT: number; +export const TYPE_SCALE_EQUINOR_100_TRACKING_NORMAL: number; +export const TYPE_SCALE_EQUINOR_100_TRACKING_LOOSE: number; +export const TYPE_SCALE_EQUINOR_100_FONT_WEIGHT_LIGHTER: number; +export const TYPE_SCALE_EQUINOR_100_FONT_WEIGHT_BOLDER: number; +export const TYPE_SCALE_EQUINOR_100_FONT_WEIGHT_NORMAL: number; +export const TYPE_SCALE_EQUINOR_200_FONT_SIZE: number; +export const TYPE_SCALE_EQUINOR_200_CAP_HEIGHT_ROUNDED: number; +export const TYPE_SCALE_EQUINOR_200_TRACKING_TIGHT: number; +export const TYPE_SCALE_EQUINOR_200_TRACKING_NORMAL: number; +export const TYPE_SCALE_EQUINOR_200_TRACKING_LOOSE: number; +export const TYPE_SCALE_EQUINOR_200_FONT_WEIGHT_LIGHTER: number; +export const TYPE_SCALE_EQUINOR_200_FONT_WEIGHT_NORMAL: number; +export const TYPE_SCALE_EQUINOR_200_FONT_WEIGHT_BOLDER: number; +export const TYPE_SCALE_EQUINOR_300_FONT_SIZE: number; +export const TYPE_SCALE_EQUINOR_300_CAP_HEIGHT_ROUNDED: number; +export const TYPE_SCALE_EQUINOR_300_TRACKING_TIGHT: number; +export const TYPE_SCALE_EQUINOR_300_TRACKING_NORMAL: number; +export const TYPE_SCALE_EQUINOR_300_TRACKING_LOOSE: number; +export const TYPE_SCALE_EQUINOR_300_FONT_WEIGHT_LIGHTER: number; +export const TYPE_SCALE_EQUINOR_300_FONT_WEIGHT_BOLDER: number; +export const TYPE_SCALE_EQUINOR_300_FONT_WEIGHT_NORMAL: number; +export const TYPE_SCALE_EQUINOR_400_FONT_SIZE: number; +export const TYPE_SCALE_EQUINOR_400_CAP_HEIGHT_ROUNDED: number; +export const TYPE_SCALE_EQUINOR_400_TRACKING_TIGHT: number; +export const TYPE_SCALE_EQUINOR_400_TRACKING_NORMAL: number; +export const TYPE_SCALE_EQUINOR_400_TRACKING_LOOSE: number; +export const TYPE_SCALE_EQUINOR_400_FONT_WEIGHT_LIGHTER: number; +export const TYPE_SCALE_EQUINOR_400_FONT_WEIGHT_NORMAL: number; +export const TYPE_SCALE_EQUINOR_400_FONT_WEIGHT_BOLDER: number; +export const TYPE_SCALE_EQUINOR_500_FONT_SIZE: number; +export const TYPE_SCALE_EQUINOR_500_CAP_HEIGHT_ROUNDED: number; +export const TYPE_SCALE_EQUINOR_500_TRACKING_TIGHT: number; +export const TYPE_SCALE_EQUINOR_500_TRACKING_NORMAL: number; +export const TYPE_SCALE_EQUINOR_500_TRACKING_LOOSE: number; +export const TYPE_SCALE_EQUINOR_500_FONT_WEIGHT_LIGHTER: number; +export const TYPE_SCALE_EQUINOR_500_FONT_WEIGHT_NORMAL: number; +export const TYPE_SCALE_EQUINOR_500_FONT_WEIGHT_BOLDER: number; +export const TYPE_SCALE_EQUINOR_600_FONT_SIZE: number; +export const TYPE_SCALE_EQUINOR_600_CAP_HEIGHT_ROUNDED: number; +export const TYPE_SCALE_EQUINOR_600_TRACKING_TIGHT: number; +export const TYPE_SCALE_EQUINOR_600_TRACKING_NORMAL: number; +export const TYPE_SCALE_EQUINOR_600_TRACKING_LOOSE: number; +export const TYPE_SCALE_EQUINOR_600_FONT_WEIGHT_LIGHTER: number; +export const TYPE_SCALE_EQUINOR_600_FONT_WEIGHT_NORMAL: number; +export const TYPE_SCALE_EQUINOR_600_FONT_WEIGHT_BOLDER: number; +export const TYPE_SCALE_EQUINOR_700_FONT_SIZE: number; +export const TYPE_SCALE_EQUINOR_700_CAP_HEIGHT_ROUNDED: number; +export const TYPE_SCALE_EQUINOR_700_TRACKING_TIGHT: number; +export const TYPE_SCALE_EQUINOR_700_TRACKING_NORMAL: number; +export const TYPE_SCALE_EQUINOR_700_TRACKING_LOOSE: number; +export const TYPE_SCALE_EQUINOR_700_FONT_WEIGHT_LIGHTER: number; +export const TYPE_SCALE_EQUINOR_700_FONT_WEIGHT_NORMAL: number; +export const TYPE_SCALE_EQUINOR_700_FONT_WEIGHT_BOLDER: number; +export const TYPE_SCALE_EQUINOR_800_FONT_SIZE: number; +export const TYPE_SCALE_EQUINOR_800_CAP_HEIGHT_ROUNDED: number; +export const TYPE_SCALE_EQUINOR_800_TRACKING_TIGHT: number; +export const TYPE_SCALE_EQUINOR_800_TRACKING_NORMAL: number; +export const TYPE_SCALE_EQUINOR_800_TRACKING_LOOSE: number; +export const TYPE_SCALE_EQUINOR_800_FONT_WEIGHT_LIGHTER: number; +export const TYPE_SCALE_EQUINOR_800_FONT_WEIGHT_NORMAL: number; +export const TYPE_SCALE_EQUINOR_800_FONT_WEIGHT_BOLDER: number; +export const TYPE_SCALE_EQUINOR_900_FONT_SIZE: number; +export const TYPE_SCALE_EQUINOR_900_CAP_HEIGHT_ROUNDED: number; +export const TYPE_SCALE_EQUINOR_900_TRACKING_TIGHT: number; +export const TYPE_SCALE_EQUINOR_900_TRACKING_NORMAL: number; +export const TYPE_SCALE_EQUINOR_900_TRACKING_LOOSE: number; +export const TYPE_SCALE_EQUINOR_900_FONT_WEIGHT_LIGHTER: number; +export const TYPE_SCALE_EQUINOR_900_FONT_WEIGHT_NORMAL: number; +export const TYPE_SCALE_EQUINOR_900_FONT_WEIGHT_BOLDER: number; +export const TYPE_SCALE_EQUINOR_1000_FONT_SIZE: number; +export const TYPE_SCALE_EQUINOR_1000_CAP_HEIGHT_ROUNDED: number; +export const TYPE_SCALE_EQUINOR_1000_TRACKING_TIGHT: number; +export const TYPE_SCALE_EQUINOR_1000_TRACKING_NORMAL: number; +export const TYPE_SCALE_EQUINOR_1000_TRACKING_LOOSE: number; +export const TYPE_SCALE_EQUINOR_1000_FONT_WEIGHT_LIGHTER: number; +export const TYPE_SCALE_EQUINOR_1000_FONT_WEIGHT_NORMAL: number; +export const TYPE_SCALE_EQUINOR_1000_FONT_WEIGHT_BOLDER: number; +export const TYPE_SCALE_EQUINOR_1100_FONT_SIZE: number; +export const TYPE_SCALE_EQUINOR_1100_CAP_HEIGHT_ROUNDED: number; +export const TYPE_SCALE_EQUINOR_1100_TRACKING_TIGHT: number; +export const TYPE_SCALE_EQUINOR_1100_TRACKING_NORMAL: number; +export const TYPE_SCALE_EQUINOR_1100_TRACKING_LOOSE: number; +export const TYPE_SCALE_EQUINOR_1100_FONT_WEIGHT_LIGHTER: number; +export const TYPE_SCALE_EQUINOR_1100_FONT_WEIGHT_NORMAL: number; +export const TYPE_SCALE_EQUINOR_1100_FONT_WEIGHT_BOLDER: number; +export const LINEHEIGHT_SCALE_100_DEFAULT: number; +export const LINEHEIGHT_SCALE_100_LINEHEIGHT_SQUISHED: number; +export const LINEHEIGHT_SCALE_200_DEFAULT: number; +export const LINEHEIGHT_SCALE_200_LINEHEIGHT_SQUISHED: number; +export const LINEHEIGHT_SCALE_300_DEFAULT: number; +export const LINEHEIGHT_SCALE_300_LINEHEIGHT_SQUISHED: number; +export const LINEHEIGHT_SCALE_400_DEFAULT: number; +export const LINEHEIGHT_SCALE_400_LINEHEIGHT_SQUISHED: number; +export const LINEHEIGHT_SCALE_500_DEFAULT: number; +export const LINEHEIGHT_SCALE_500_LINEHEIGHT_SQUISHED: number; +export const LINEHEIGHT_SCALE_600_DEFAULT: number; +export const LINEHEIGHT_SCALE_600_LINEHEIGHT_SQUISHED: number; +export const LINEHEIGHT_SCALE_700_DEFAULT: number; +export const LINEHEIGHT_SCALE_700_LINEHEIGHT_SQUISHED: number; +export const LINEHEIGHT_SCALE_800_DEFAULT: number; +export const LINEHEIGHT_SCALE_800_LINEHEIGHT_SQUISHED: number; +export const LINEHEIGHT_SCALE_900_DEFAULT: number; +export const LINEHEIGHT_SCALE_900_LINEHEIGHT_SQUISHED: number; +export const LINEHEIGHT_SCALE_1000_DEFAULT: number; +export const LINEHEIGHT_SCALE_1000_LINEHEIGHT_SQUISHED: number; +export const LINEHEIGHT_SCALE_1100_DEFAULT: number; +export const LINEHEIGHT_SCALE_1100_SQUISHED: number; +export const FONT_FAMILY_INTER: string; +export const FONT_FAMILY_EQUINOR: string; +export const DOCUMENTATION: string; diff --git a/packages/eds-tokens/build/js/spacing/spacious.d.ts b/packages/eds-tokens/build/js/spacing/spacious.d.ts index 2e923be348..e98f2958b2 100644 --- a/packages/eds-tokens/build/js/spacing/spacious.d.ts +++ b/packages/eds-tokens/build/js/spacing/spacious.d.ts @@ -2,338 +2,338 @@ * Do not edit directly, this file was auto-generated. */ -export const SPACING_ICON_XS_GAP_HORIZONTAL : number; -export const SPACING_ICON_XS_GAP_VERTICAL : number; -export const SPACING_ICON_SM_GAP_HORIZONTAL : number; -export const SPACING_ICON_SM_GAP_VERTICAL : number; -export const SPACING_ICON_MD_GAP_HORIZONTAL : number; -export const SPACING_ICON_MD_GAP_VERTICAL : number; -export const SPACING_ICON_LG_GAP_HORIZONTAL : number; -export const SPACING_ICON_LG_GAP_VERTICAL : number; -export const SPACING_ICON_XL_GAP_HORIZONTAL : number; -export const SPACING_ICON_XL_GAP_VERTICAL : number; -export const SPACING_ICON_2XL_GAP_HORIZONTAL : number; -export const SPACING_ICON_2XL_GAP_VERTICAL : number; -export const SPACING_ICON_3XL_GAP_HORIZONTAL : number; -export const SPACING_ICON_3XL_GAP_VERTICAL : number; -export const SPACING_ICON_4XL_GAP_HORIZONTAL : number; -export const SPACING_ICON_4XL_GAP_VERTICAL : number; -export const SPACING_ICON_5XL_GAP_HORIZONTAL : number; -export const SPACING_ICON_5XL_GAP_VERTICAL : number; -export const SPACING_ICON_6XL_GAP_HORIZONTAL : number; -export const SPACING_ICON_6XL_GAP_VERTICAL : number; -export const SPACING_INLINE_4_XS : number; -export const SPACING_INLINE_3_XS : number; -export const SPACING_INLINE_2_XS : number; -export const SPACING_INLINE_XS : number; -export const SPACING_INLINE_SM : number; -export const SPACING_INLINE_MD : number; -export const SPACING_INLINE_LG : number; -export const SPACING_INLINE_XL : number; -export const SPACING_INLINE_2_XL : number; -export const SPACING_INLINE_3_XL : number; -export const SPACING_STACK_4_XS : number; -export const SPACING_STACK_3_XS : number; -export const SPACING_STACK_2_XS : number; -export const SPACING_STACK_XS : number; -export const SPACING_STACK_SM : number; -export const SPACING_STACK_MD : number; -export const SPACING_STACK_LG : number; -export const SPACING_STACK_XL : number; -export const SPACING_STACK_2_XL : number; -export const SPACING_STACK_3_XL : number; -export const SPACING_BORDER_RADIUS_ROUNDED : number; -export const SPACING_BORDER_RADIUS_PILL : number; -export const SPACING_BORDER_RADIUS_NONE : number; -export const SPACING_INSET_XS_INLINE : number; -export const SPACING_INSET_XS_STACK_SQUISHED : number; -export const SPACING_INSET_XS_STACK_SQUARED : number; -export const SPACING_INSET_XS_STACK_STRETCHED : number; -export const SPACING_INSET_SM_INLINE : number; -export const SPACING_INSET_SM_STACK_SQUISHED : number; -export const SPACING_INSET_SM_STACK_SQUARED : number; -export const SPACING_INSET_SM_STACK_STRETCHED : number; -export const SPACING_INSET_MD_INLINE : number; -export const SPACING_INSET_MD_STACK_SQUISHED : number; -export const SPACING_INSET_MD_STACK_SQUARED : number; -export const SPACING_INSET_MD_STACK_STRETCHED : number; -export const SPACING_INSET_LG_INLINE : number; -export const SPACING_INSET_LG_STACK_SQUISHED : number; -export const SPACING_INSET_LG_STACK_SQUARED : number; -export const SPACING_INSET_LG_STACK_STRETCHED : number; -export const SPACING_INSET_XL_INLINE : number; -export const SPACING_INSET_XL_STACK_SQUISHED : number; -export const SPACING_INSET_XL_STACK_SQUARED : number; -export const SPACING_INSET_XL_STACK_STRETCHED : number; -export const DOCUMENTATION : string; -export const SIZING_ICON_XS : number; -export const SIZING_ICON_XS_CONTAINER : number; -export const SIZING_ICON_SM : number; -export const SIZING_ICON_SM_CONTAINER : number; -export const SIZING_ICON_MD : number; -export const SIZING_ICON_MD_CONTAINER : number; -export const SIZING_ICON_LG : number; -export const SIZING_ICON_LG_CONTAINER : number; -export const SIZING_ICON_XL : number; -export const SIZING_ICON_XL_CONTAINER : number; -export const SIZING_ICON_2XL : number; -export const SIZING_ICON_2XL_CONTAINER : number; -export const SIZING_ICON_3XL : number; -export const SIZING_ICON_3XL_CONTAINER : number; -export const SIZING_ICON_4XL : number; -export const SIZING_ICON_4XL_CONTAINER : number; -export const SIZING_ICON_5XL : number; -export const SIZING_ICON_5XL_CONTAINER : number; -export const SIZING_ICON_6XL : number; -export const SIZING_ICON_6XL_CONTAINER : number; -export const SIZING_SELECTABLE_XS : number; -export const SIZING_SELECTABLE_SM : number; -export const SIZING_SELECTABLE_MD : number; -export const SIZING_SELECTABLE_LG : number; -export const SIZING_SELECTABLE_XL : number; -export const SIZING_SELECTABLE_2XL : number; -export const SIZING_STROKE_THIN : number; -export const SIZING_STROKE_THICK : number; -export const SIZING_STROKE_NONE : number; -export const TYPOGRAPHY_UI_BODY_XS_FONT_SIZE : number; -export const TYPOGRAPHY_UI_BODY_XS_PADDING_CENTRED : number; -export const TYPOGRAPHY_UI_BODY_XS_PADDING_BASELINED : number; -export const TYPOGRAPHY_UI_BODY_XS_CAP_ROUNDED : number; -export const TYPOGRAPHY_UI_BODY_XS_TRACKING_TIGHT : number; -export const TYPOGRAPHY_UI_BODY_XS_TRACKING_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_XS_TRACKING_LOOSE : number; -export const TYPOGRAPHY_UI_BODY_XS_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_UI_BODY_XS_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_XS_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_UI_BODY_XS_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_UI_BODY_XS_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_UI_BODY_SM_FONT_SIZE : number; -export const TYPOGRAPHY_UI_BODY_SM_PADDING_CENTRED : number; -export const TYPOGRAPHY_UI_BODY_SM_PADDING_BASELINED : number; -export const TYPOGRAPHY_UI_BODY_SM_CAP_ROUNDED : number; -export const TYPOGRAPHY_UI_BODY_SM_TRACKING_TIGHT : number; -export const TYPOGRAPHY_UI_BODY_SM_TRACKING_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_SM_TRACKING_LOOSE : number; -export const TYPOGRAPHY_UI_BODY_SM_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_UI_BODY_SM_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_SM_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_UI_BODY_SM_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_UI_BODY_SM_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_UI_BODY_FONT_FAMILY : string; -export const TYPOGRAPHY_UI_BODY_MD_FONT_SIZE : number; -export const TYPOGRAPHY_UI_BODY_MD_PADDING_CENTRED : number; -export const TYPOGRAPHY_UI_BODY_MD_PADDING_BASELINED : number; -export const TYPOGRAPHY_UI_BODY_MD_CAP_ROUNDED : number; -export const TYPOGRAPHY_UI_BODY_MD_TRACKING_TIGHT : number; -export const TYPOGRAPHY_UI_BODY_MD_TRACKING_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_MD_TRACKING_LOOSE : number; -export const TYPOGRAPHY_UI_BODY_MD_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_UI_BODY_MD_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_MD_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_UI_BODY_MD_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_UI_BODY_MD_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_UI_BODY_LG_FONT_SIZE : number; -export const TYPOGRAPHY_UI_BODY_LG_PADDING_CENTRED : number; -export const TYPOGRAPHY_UI_BODY_LG_PADDING_BASELINED : number; -export const TYPOGRAPHY_UI_BODY_LG_CAP_ROUNDED : number; -export const TYPOGRAPHY_UI_BODY_LG_TRACKING_TIGHT : number; -export const TYPOGRAPHY_UI_BODY_LG_TRACKING_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_LG_TRACKING_LOOSE : number; -export const TYPOGRAPHY_UI_BODY_LG_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_UI_BODY_LG_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_LG_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_UI_BODY_LG_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_UI_BODY_LG_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_UI_BODY_XL_FONT_SIZE : number; -export const TYPOGRAPHY_UI_BODY_XL_PADDING_CENTRED : number; -export const TYPOGRAPHY_UI_BODY_XL_PADDING_BASELINED : number; -export const TYPOGRAPHY_UI_BODY_XL_CAP_ROUNDED : number; -export const TYPOGRAPHY_UI_BODY_XL_TRACKING_TIGHT : number; -export const TYPOGRAPHY_UI_BODY_XL_TRACKING_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_XL_TRACKING_LOOSE : number; -export const TYPOGRAPHY_UI_BODY_XL_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_UI_BODY_XL_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_XL_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_UI_BODY_XL_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_UI_BODY_XL_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_UI_BODY_2XL_FONT_SIZE : number; -export const TYPOGRAPHY_UI_BODY_2XL_PADDING_CENTRED : number; -export const TYPOGRAPHY_UI_BODY_2XL_PADDING_BASELINED : number; -export const TYPOGRAPHY_UI_BODY_2XL_CAP_ROUNDED : number; -export const TYPOGRAPHY_UI_BODY_2XL_TRACKING_TIGHT : number; -export const TYPOGRAPHY_UI_BODY_2XL_TRACKING_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_2XL_TRACKING_LOOSE : number; -export const TYPOGRAPHY_UI_BODY_2XL_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_UI_BODY_2XL_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_2XL_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_UI_BODY_2XL_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_UI_BODY_2XL_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_UI_BODY_3XL_FONT_SIZE : number; -export const TYPOGRAPHY_UI_BODY_3XL_PADDING_CENTRED : number; -export const TYPOGRAPHY_UI_BODY_3XL_PADDING_BASELINED : number; -export const TYPOGRAPHY_UI_BODY_3XL_CAP_ROUNDED : number; -export const TYPOGRAPHY_UI_BODY_3XL_TRACKING_TIGHT : number; -export const TYPOGRAPHY_UI_BODY_3XL_TRACKING_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_3XL_TRACKING_LOOSE : number; -export const TYPOGRAPHY_UI_BODY_3XL_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_UI_BODY_3XL_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_3XL_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_UI_BODY_3XL_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_UI_BODY_3XL_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_UI_BODY_4XL_FONT_SIZE : number; -export const TYPOGRAPHY_UI_BODY_4XL_PADDING_CENTRED : number; -export const TYPOGRAPHY_UI_BODY_4XL_PADDING_BASELINED : number; -export const TYPOGRAPHY_UI_BODY_4XL_CAP_ROUNDED : number; -export const TYPOGRAPHY_UI_BODY_4XL_TRACKING_TIGHT : number; -export const TYPOGRAPHY_UI_BODY_4XL_TRACKING_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_4XL_TRACKING_LOOSE : number; -export const TYPOGRAPHY_UI_BODY_4XL_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_UI_BODY_4XL_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_4XL_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_UI_BODY_4XL_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_UI_BODY_4XL_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_UI_BODY_5XL_FONT_SIZE : number; -export const TYPOGRAPHY_UI_BODY_5XL_PADDING_CENTRED : number; -export const TYPOGRAPHY_UI_BODY_5XL_PADDING_BASELINED : number; -export const TYPOGRAPHY_UI_BODY_5XL_CAP_ROUNDED : number; -export const TYPOGRAPHY_UI_BODY_5XL_TRACKING_TIGHT : number; -export const TYPOGRAPHY_UI_BODY_5XL_TRACKING_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_5XL_TRACKING_LOOSE : number; -export const TYPOGRAPHY_UI_BODY_5XL_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_UI_BODY_5XL_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_5XL_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_UI_BODY_5XL_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_UI_BODY_5XL_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_UI_BODY_6XL_FONT_SIZE : number; -export const TYPOGRAPHY_UI_BODY_6XL_PADDING_CENTRED : number; -export const TYPOGRAPHY_UI_BODY_6XL_PADDING_BASELINED : number; -export const TYPOGRAPHY_UI_BODY_6XL_CAP_ROUNDED : number; -export const TYPOGRAPHY_UI_BODY_6XL_TRACKING_TIGHT : number; -export const TYPOGRAPHY_UI_BODY_6XL_TRACKING_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_6XL_TRACKING_LOOSE : number; -export const TYPOGRAPHY_UI_BODY_6XL_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_UI_BODY_6XL_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_UI_BODY_6XL_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_UI_BODY_6XL_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_UI_BODY_6XL_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_HEADER_XS_FONT_SIZE : number; -export const TYPOGRAPHY_HEADER_XS_PADDING_CENTRED : number; -export const TYPOGRAPHY_HEADER_XS_PADDING_BASELINED : number; -export const TYPOGRAPHY_HEADER_XS_CAP_ROUNDED : number; -export const TYPOGRAPHY_HEADER_XS_TRACKING_TIGHT : number; -export const TYPOGRAPHY_HEADER_XS_TRACKING_NORMAL : number; -export const TYPOGRAPHY_HEADER_XS_TRACKING_LOOSE : number; -export const TYPOGRAPHY_HEADER_XS_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_HEADER_XS_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_HEADER_XS_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_HEADER_XS_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_HEADER_XS_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_HEADER_FONT_FAMILY : string; -export const TYPOGRAPHY_HEADER_SM_FONT_SIZE : number; -export const TYPOGRAPHY_HEADER_SM_PADDING_CENTRED : number; -export const TYPOGRAPHY_HEADER_SM_PADDING_BASELINED : number; -export const TYPOGRAPHY_HEADER_SM_CAP_ROUNDED : number; -export const TYPOGRAPHY_HEADER_SM_TRACKING_TIGHT : number; -export const TYPOGRAPHY_HEADER_SM_TRACKING_NORMAL : number; -export const TYPOGRAPHY_HEADER_SM_TRACKING_LOOSE : number; -export const TYPOGRAPHY_HEADER_SM_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_HEADER_SM_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_HEADER_SM_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_HEADER_SM_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_HEADER_SM_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_HEADER_MD_FONT_SIZE : number; -export const TYPOGRAPHY_HEADER_MD_PADDING_CENTRED : number; -export const TYPOGRAPHY_HEADER_MD_PADDING_BASELINED : number; -export const TYPOGRAPHY_HEADER_MD_CAP_ROUNDED : number; -export const TYPOGRAPHY_HEADER_MD_TRACKING_TIGHT : number; -export const TYPOGRAPHY_HEADER_MD_TRACKING_NORMAL : number; -export const TYPOGRAPHY_HEADER_MD_TRACKING_LOOSE : number; -export const TYPOGRAPHY_HEADER_MD_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_HEADER_MD_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_HEADER_MD_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_HEADER_MD_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_HEADER_MD_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_HEADER_LG_FONT_SIZE : number; -export const TYPOGRAPHY_HEADER_LG_PADDING_CENTRED : number; -export const TYPOGRAPHY_HEADER_LG_PADDING_BASELINED : number; -export const TYPOGRAPHY_HEADER_LG_CAP_ROUNDED : number; -export const TYPOGRAPHY_HEADER_LG_TRACKING_TIGHT : number; -export const TYPOGRAPHY_HEADER_LG_TRACKING_NORMAL : number; -export const TYPOGRAPHY_HEADER_LG_TRACKING_LOOSE : number; -export const TYPOGRAPHY_HEADER_LG_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_HEADER_LG_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_HEADER_LG_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_HEADER_LG_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_HEADER_LG_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_HEADER_XL_FONT_SIZE : number; -export const TYPOGRAPHY_HEADER_XL_PADDING_CENTRED : number; -export const TYPOGRAPHY_HEADER_XL_PADDING_BASELINED : number; -export const TYPOGRAPHY_HEADER_XL_CAP_ROUNDED : number; -export const TYPOGRAPHY_HEADER_XL_TRACKING_TIGHT : number; -export const TYPOGRAPHY_HEADER_XL_TRACKING_NORMAL : number; -export const TYPOGRAPHY_HEADER_XL_TRACKING_LOOSE : number; -export const TYPOGRAPHY_HEADER_XL_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_HEADER_XL_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_HEADER_XL_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_HEADER_XL_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_HEADER_XL_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_HEADER_2XL_FONT_SIZE : number; -export const TYPOGRAPHY_HEADER_2XL_PADDING_CENTRED : number; -export const TYPOGRAPHY_HEADER_2XL_PADDING_BASELINED : number; -export const TYPOGRAPHY_HEADER_2XL_CAP_ROUNDED : number; -export const TYPOGRAPHY_HEADER_2XL_TRACKING_TIGHT : number; -export const TYPOGRAPHY_HEADER_2XL_TRACKING_NORMAL : number; -export const TYPOGRAPHY_HEADER_2XL_TRACKING_LOOSE : number; -export const TYPOGRAPHY_HEADER_2XL_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_HEADER_2XL_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_HEADER_2XL_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_HEADER_2XL_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_HEADER_2XL_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_HEADER_3XL_FONT_SIZE : number; -export const TYPOGRAPHY_HEADER_3XL_PADDING_CENTRED : number; -export const TYPOGRAPHY_HEADER_3XL_PADDING_BASELINED : number; -export const TYPOGRAPHY_HEADER_3XL_CAP_ROUNDED : number; -export const TYPOGRAPHY_HEADER_3XL_TRACKING_TIGHT : number; -export const TYPOGRAPHY_HEADER_3XL_TRACKING_NORMAL : number; -export const TYPOGRAPHY_HEADER_3XL_TRACKING_LOOSE : number; -export const TYPOGRAPHY_HEADER_3XL_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_HEADER_3XL_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_HEADER_3XL_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_HEADER_3XL_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_HEADER_3XL_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_HEADER_4XL_FONT_SIZE : number; -export const TYPOGRAPHY_HEADER_4XL_PADDING_CENTRED : number; -export const TYPOGRAPHY_HEADER_4XL_PADDING_BASELINED : number; -export const TYPOGRAPHY_HEADER_4XL_CAP_ROUNDED : number; -export const TYPOGRAPHY_HEADER_4XL_TRACKING_TIGHT : number; -export const TYPOGRAPHY_HEADER_4XL_TRACKING_NORMAL : number; -export const TYPOGRAPHY_HEADER_4XL_TRACKING_LOOSE : number; -export const TYPOGRAPHY_HEADER_4XL_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_HEADER_4XL_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_HEADER_4XL_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_HEADER_4XL_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_HEADER_4XL_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_HEADER_5XL_FONT_SIZE : number; -export const TYPOGRAPHY_HEADER_5XL_PADDING_CENTRED : number; -export const TYPOGRAPHY_HEADER_5XL_PADDING_BASELINED : number; -export const TYPOGRAPHY_HEADER_5XL_CAP_ROUNDED : number; -export const TYPOGRAPHY_HEADER_5XL_TRACKING_TIGHT : number; -export const TYPOGRAPHY_HEADER_5XL_TRACKING_NORMAL : number; -export const TYPOGRAPHY_HEADER_5XL_TRACKING_LOOSE : number; -export const TYPOGRAPHY_HEADER_5XL_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_HEADER_5XL_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_HEADER_5XL_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_HEADER_5XL_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_HEADER_5XL_LINEHEIGHT_SQUISHED : number; -export const TYPOGRAPHY_HEADER_6XL_FONT_SIZE : number; -export const TYPOGRAPHY_HEADER_6XL_PADDING_CENTRED : number; -export const TYPOGRAPHY_HEADER_6XL_PADDING_BASELINED : number; -export const TYPOGRAPHY_HEADER_6XL_CAP_ROUNDED : number; -export const TYPOGRAPHY_HEADER_6XL_TRACKING_TIGHT : number; -export const TYPOGRAPHY_HEADER_6XL_TRACKING_NORMAL : number; -export const TYPOGRAPHY_HEADER_6XL_TRACKING_LOOSE : number; -export const TYPOGRAPHY_HEADER_6XL_FONT_WEIGHT_LIGHTER : number; -export const TYPOGRAPHY_HEADER_6XL_FONT_WEIGHT_NORMAL : number; -export const TYPOGRAPHY_HEADER_6XL_FONT_WEIGHT_BOLDER : number; -export const TYPOGRAPHY_HEADER_6XL_LINEHEIGHT_DEFAULT : number; -export const TYPOGRAPHY_HEADER_6XL_LINEHEIGHT_SQUISHED : number; +export const SPACING_ICON_XS_GAP_HORIZONTAL: number; +export const SPACING_ICON_XS_GAP_VERTICAL: number; +export const SPACING_ICON_SM_GAP_HORIZONTAL: number; +export const SPACING_ICON_SM_GAP_VERTICAL: number; +export const SPACING_ICON_MD_GAP_HORIZONTAL: number; +export const SPACING_ICON_MD_GAP_VERTICAL: number; +export const SPACING_ICON_LG_GAP_HORIZONTAL: number; +export const SPACING_ICON_LG_GAP_VERTICAL: number; +export const SPACING_ICON_XL_GAP_HORIZONTAL: number; +export const SPACING_ICON_XL_GAP_VERTICAL: number; +export const SPACING_ICON_2XL_GAP_HORIZONTAL: number; +export const SPACING_ICON_2XL_GAP_VERTICAL: number; +export const SPACING_ICON_3XL_GAP_HORIZONTAL: number; +export const SPACING_ICON_3XL_GAP_VERTICAL: number; +export const SPACING_ICON_4XL_GAP_HORIZONTAL: number; +export const SPACING_ICON_4XL_GAP_VERTICAL: number; +export const SPACING_ICON_5XL_GAP_HORIZONTAL: number; +export const SPACING_ICON_5XL_GAP_VERTICAL: number; +export const SPACING_ICON_6XL_GAP_HORIZONTAL: number; +export const SPACING_ICON_6XL_GAP_VERTICAL: number; +export const SPACING_INLINE_4_XS: number; +export const SPACING_INLINE_3_XS: number; +export const SPACING_INLINE_2_XS: number; +export const SPACING_INLINE_XS: number; +export const SPACING_INLINE_SM: number; +export const SPACING_INLINE_MD: number; +export const SPACING_INLINE_LG: number; +export const SPACING_INLINE_XL: number; +export const SPACING_INLINE_2_XL: number; +export const SPACING_INLINE_3_XL: number; +export const SPACING_STACK_4_XS: number; +export const SPACING_STACK_3_XS: number; +export const SPACING_STACK_2_XS: number; +export const SPACING_STACK_XS: number; +export const SPACING_STACK_SM: number; +export const SPACING_STACK_MD: number; +export const SPACING_STACK_LG: number; +export const SPACING_STACK_XL: number; +export const SPACING_STACK_2_XL: number; +export const SPACING_STACK_3_XL: number; +export const SPACING_BORDER_RADIUS_ROUNDED: number; +export const SPACING_BORDER_RADIUS_PILL: number; +export const SPACING_BORDER_RADIUS_NONE: number; +export const SPACING_INSET_XS_INLINE: number; +export const SPACING_INSET_XS_STACK_SQUISHED: number; +export const SPACING_INSET_XS_STACK_SQUARED: number; +export const SPACING_INSET_XS_STACK_STRETCHED: number; +export const SPACING_INSET_SM_INLINE: number; +export const SPACING_INSET_SM_STACK_SQUISHED: number; +export const SPACING_INSET_SM_STACK_SQUARED: number; +export const SPACING_INSET_SM_STACK_STRETCHED: number; +export const SPACING_INSET_MD_INLINE: number; +export const SPACING_INSET_MD_STACK_SQUISHED: number; +export const SPACING_INSET_MD_STACK_SQUARED: number; +export const SPACING_INSET_MD_STACK_STRETCHED: number; +export const SPACING_INSET_LG_INLINE: number; +export const SPACING_INSET_LG_STACK_SQUISHED: number; +export const SPACING_INSET_LG_STACK_SQUARED: number; +export const SPACING_INSET_LG_STACK_STRETCHED: number; +export const SPACING_INSET_XL_INLINE: number; +export const SPACING_INSET_XL_STACK_SQUISHED: number; +export const SPACING_INSET_XL_STACK_SQUARED: number; +export const SPACING_INSET_XL_STACK_STRETCHED: number; +export const DOCUMENTATION: string; +export const SIZING_ICON_XS: number; +export const SIZING_ICON_XS_CONTAINER: number; +export const SIZING_ICON_SM: number; +export const SIZING_ICON_SM_CONTAINER: number; +export const SIZING_ICON_MD: number; +export const SIZING_ICON_MD_CONTAINER: number; +export const SIZING_ICON_LG: number; +export const SIZING_ICON_LG_CONTAINER: number; +export const SIZING_ICON_XL: number; +export const SIZING_ICON_XL_CONTAINER: number; +export const SIZING_ICON_2XL: number; +export const SIZING_ICON_2XL_CONTAINER: number; +export const SIZING_ICON_3XL: number; +export const SIZING_ICON_3XL_CONTAINER: number; +export const SIZING_ICON_4XL: number; +export const SIZING_ICON_4XL_CONTAINER: number; +export const SIZING_ICON_5XL: number; +export const SIZING_ICON_5XL_CONTAINER: number; +export const SIZING_ICON_6XL: number; +export const SIZING_ICON_6XL_CONTAINER: number; +export const SIZING_SELECTABLE_XS: number; +export const SIZING_SELECTABLE_SM: number; +export const SIZING_SELECTABLE_MD: number; +export const SIZING_SELECTABLE_LG: number; +export const SIZING_SELECTABLE_XL: number; +export const SIZING_SELECTABLE_2XL: number; +export const SIZING_STROKE_THIN: number; +export const SIZING_STROKE_THICK: number; +export const SIZING_STROKE_NONE: number; +export const TYPOGRAPHY_UI_BODY_XS_FONT_SIZE: number; +export const TYPOGRAPHY_UI_BODY_XS_PADDING_CENTRED: number; +export const TYPOGRAPHY_UI_BODY_XS_PADDING_BASELINED: number; +export const TYPOGRAPHY_UI_BODY_XS_CAP_ROUNDED: number; +export const TYPOGRAPHY_UI_BODY_XS_TRACKING_TIGHT: number; +export const TYPOGRAPHY_UI_BODY_XS_TRACKING_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_XS_TRACKING_LOOSE: number; +export const TYPOGRAPHY_UI_BODY_XS_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_UI_BODY_XS_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_XS_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_UI_BODY_XS_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_UI_BODY_XS_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_UI_BODY_SM_FONT_SIZE: number; +export const TYPOGRAPHY_UI_BODY_SM_PADDING_CENTRED: number; +export const TYPOGRAPHY_UI_BODY_SM_PADDING_BASELINED: number; +export const TYPOGRAPHY_UI_BODY_SM_CAP_ROUNDED: number; +export const TYPOGRAPHY_UI_BODY_SM_TRACKING_TIGHT: number; +export const TYPOGRAPHY_UI_BODY_SM_TRACKING_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_SM_TRACKING_LOOSE: number; +export const TYPOGRAPHY_UI_BODY_SM_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_UI_BODY_SM_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_SM_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_UI_BODY_SM_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_UI_BODY_SM_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_UI_BODY_FONT_FAMILY: string; +export const TYPOGRAPHY_UI_BODY_MD_FONT_SIZE: number; +export const TYPOGRAPHY_UI_BODY_MD_PADDING_CENTRED: number; +export const TYPOGRAPHY_UI_BODY_MD_PADDING_BASELINED: number; +export const TYPOGRAPHY_UI_BODY_MD_CAP_ROUNDED: number; +export const TYPOGRAPHY_UI_BODY_MD_TRACKING_TIGHT: number; +export const TYPOGRAPHY_UI_BODY_MD_TRACKING_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_MD_TRACKING_LOOSE: number; +export const TYPOGRAPHY_UI_BODY_MD_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_UI_BODY_MD_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_MD_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_UI_BODY_MD_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_UI_BODY_MD_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_UI_BODY_LG_FONT_SIZE: number; +export const TYPOGRAPHY_UI_BODY_LG_PADDING_CENTRED: number; +export const TYPOGRAPHY_UI_BODY_LG_PADDING_BASELINED: number; +export const TYPOGRAPHY_UI_BODY_LG_CAP_ROUNDED: number; +export const TYPOGRAPHY_UI_BODY_LG_TRACKING_TIGHT: number; +export const TYPOGRAPHY_UI_BODY_LG_TRACKING_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_LG_TRACKING_LOOSE: number; +export const TYPOGRAPHY_UI_BODY_LG_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_UI_BODY_LG_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_LG_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_UI_BODY_LG_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_UI_BODY_LG_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_UI_BODY_XL_FONT_SIZE: number; +export const TYPOGRAPHY_UI_BODY_XL_PADDING_CENTRED: number; +export const TYPOGRAPHY_UI_BODY_XL_PADDING_BASELINED: number; +export const TYPOGRAPHY_UI_BODY_XL_CAP_ROUNDED: number; +export const TYPOGRAPHY_UI_BODY_XL_TRACKING_TIGHT: number; +export const TYPOGRAPHY_UI_BODY_XL_TRACKING_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_XL_TRACKING_LOOSE: number; +export const TYPOGRAPHY_UI_BODY_XL_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_UI_BODY_XL_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_XL_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_UI_BODY_XL_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_UI_BODY_XL_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_UI_BODY_2XL_FONT_SIZE: number; +export const TYPOGRAPHY_UI_BODY_2XL_PADDING_CENTRED: number; +export const TYPOGRAPHY_UI_BODY_2XL_PADDING_BASELINED: number; +export const TYPOGRAPHY_UI_BODY_2XL_CAP_ROUNDED: number; +export const TYPOGRAPHY_UI_BODY_2XL_TRACKING_TIGHT: number; +export const TYPOGRAPHY_UI_BODY_2XL_TRACKING_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_2XL_TRACKING_LOOSE: number; +export const TYPOGRAPHY_UI_BODY_2XL_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_UI_BODY_2XL_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_2XL_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_UI_BODY_2XL_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_UI_BODY_2XL_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_UI_BODY_3XL_FONT_SIZE: number; +export const TYPOGRAPHY_UI_BODY_3XL_PADDING_CENTRED: number; +export const TYPOGRAPHY_UI_BODY_3XL_PADDING_BASELINED: number; +export const TYPOGRAPHY_UI_BODY_3XL_CAP_ROUNDED: number; +export const TYPOGRAPHY_UI_BODY_3XL_TRACKING_TIGHT: number; +export const TYPOGRAPHY_UI_BODY_3XL_TRACKING_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_3XL_TRACKING_LOOSE: number; +export const TYPOGRAPHY_UI_BODY_3XL_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_UI_BODY_3XL_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_3XL_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_UI_BODY_3XL_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_UI_BODY_3XL_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_UI_BODY_4XL_FONT_SIZE: number; +export const TYPOGRAPHY_UI_BODY_4XL_PADDING_CENTRED: number; +export const TYPOGRAPHY_UI_BODY_4XL_PADDING_BASELINED: number; +export const TYPOGRAPHY_UI_BODY_4XL_CAP_ROUNDED: number; +export const TYPOGRAPHY_UI_BODY_4XL_TRACKING_TIGHT: number; +export const TYPOGRAPHY_UI_BODY_4XL_TRACKING_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_4XL_TRACKING_LOOSE: number; +export const TYPOGRAPHY_UI_BODY_4XL_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_UI_BODY_4XL_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_4XL_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_UI_BODY_4XL_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_UI_BODY_4XL_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_UI_BODY_5XL_FONT_SIZE: number; +export const TYPOGRAPHY_UI_BODY_5XL_PADDING_CENTRED: number; +export const TYPOGRAPHY_UI_BODY_5XL_PADDING_BASELINED: number; +export const TYPOGRAPHY_UI_BODY_5XL_CAP_ROUNDED: number; +export const TYPOGRAPHY_UI_BODY_5XL_TRACKING_TIGHT: number; +export const TYPOGRAPHY_UI_BODY_5XL_TRACKING_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_5XL_TRACKING_LOOSE: number; +export const TYPOGRAPHY_UI_BODY_5XL_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_UI_BODY_5XL_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_5XL_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_UI_BODY_5XL_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_UI_BODY_5XL_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_UI_BODY_6XL_FONT_SIZE: number; +export const TYPOGRAPHY_UI_BODY_6XL_PADDING_CENTRED: number; +export const TYPOGRAPHY_UI_BODY_6XL_PADDING_BASELINED: number; +export const TYPOGRAPHY_UI_BODY_6XL_CAP_ROUNDED: number; +export const TYPOGRAPHY_UI_BODY_6XL_TRACKING_TIGHT: number; +export const TYPOGRAPHY_UI_BODY_6XL_TRACKING_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_6XL_TRACKING_LOOSE: number; +export const TYPOGRAPHY_UI_BODY_6XL_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_UI_BODY_6XL_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_UI_BODY_6XL_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_UI_BODY_6XL_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_UI_BODY_6XL_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_HEADER_XS_FONT_SIZE: number; +export const TYPOGRAPHY_HEADER_XS_PADDING_CENTRED: number; +export const TYPOGRAPHY_HEADER_XS_PADDING_BASELINED: number; +export const TYPOGRAPHY_HEADER_XS_CAP_ROUNDED: number; +export const TYPOGRAPHY_HEADER_XS_TRACKING_TIGHT: number; +export const TYPOGRAPHY_HEADER_XS_TRACKING_NORMAL: number; +export const TYPOGRAPHY_HEADER_XS_TRACKING_LOOSE: number; +export const TYPOGRAPHY_HEADER_XS_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_HEADER_XS_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_HEADER_XS_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_HEADER_XS_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_HEADER_XS_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_HEADER_FONT_FAMILY: string; +export const TYPOGRAPHY_HEADER_SM_FONT_SIZE: number; +export const TYPOGRAPHY_HEADER_SM_PADDING_CENTRED: number; +export const TYPOGRAPHY_HEADER_SM_PADDING_BASELINED: number; +export const TYPOGRAPHY_HEADER_SM_CAP_ROUNDED: number; +export const TYPOGRAPHY_HEADER_SM_TRACKING_TIGHT: number; +export const TYPOGRAPHY_HEADER_SM_TRACKING_NORMAL: number; +export const TYPOGRAPHY_HEADER_SM_TRACKING_LOOSE: number; +export const TYPOGRAPHY_HEADER_SM_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_HEADER_SM_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_HEADER_SM_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_HEADER_SM_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_HEADER_SM_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_HEADER_MD_FONT_SIZE: number; +export const TYPOGRAPHY_HEADER_MD_PADDING_CENTRED: number; +export const TYPOGRAPHY_HEADER_MD_PADDING_BASELINED: number; +export const TYPOGRAPHY_HEADER_MD_CAP_ROUNDED: number; +export const TYPOGRAPHY_HEADER_MD_TRACKING_TIGHT: number; +export const TYPOGRAPHY_HEADER_MD_TRACKING_NORMAL: number; +export const TYPOGRAPHY_HEADER_MD_TRACKING_LOOSE: number; +export const TYPOGRAPHY_HEADER_MD_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_HEADER_MD_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_HEADER_MD_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_HEADER_MD_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_HEADER_MD_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_HEADER_LG_FONT_SIZE: number; +export const TYPOGRAPHY_HEADER_LG_PADDING_CENTRED: number; +export const TYPOGRAPHY_HEADER_LG_PADDING_BASELINED: number; +export const TYPOGRAPHY_HEADER_LG_CAP_ROUNDED: number; +export const TYPOGRAPHY_HEADER_LG_TRACKING_TIGHT: number; +export const TYPOGRAPHY_HEADER_LG_TRACKING_NORMAL: number; +export const TYPOGRAPHY_HEADER_LG_TRACKING_LOOSE: number; +export const TYPOGRAPHY_HEADER_LG_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_HEADER_LG_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_HEADER_LG_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_HEADER_LG_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_HEADER_LG_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_HEADER_XL_FONT_SIZE: number; +export const TYPOGRAPHY_HEADER_XL_PADDING_CENTRED: number; +export const TYPOGRAPHY_HEADER_XL_PADDING_BASELINED: number; +export const TYPOGRAPHY_HEADER_XL_CAP_ROUNDED: number; +export const TYPOGRAPHY_HEADER_XL_TRACKING_TIGHT: number; +export const TYPOGRAPHY_HEADER_XL_TRACKING_NORMAL: number; +export const TYPOGRAPHY_HEADER_XL_TRACKING_LOOSE: number; +export const TYPOGRAPHY_HEADER_XL_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_HEADER_XL_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_HEADER_XL_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_HEADER_XL_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_HEADER_XL_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_HEADER_2XL_FONT_SIZE: number; +export const TYPOGRAPHY_HEADER_2XL_PADDING_CENTRED: number; +export const TYPOGRAPHY_HEADER_2XL_PADDING_BASELINED: number; +export const TYPOGRAPHY_HEADER_2XL_CAP_ROUNDED: number; +export const TYPOGRAPHY_HEADER_2XL_TRACKING_TIGHT: number; +export const TYPOGRAPHY_HEADER_2XL_TRACKING_NORMAL: number; +export const TYPOGRAPHY_HEADER_2XL_TRACKING_LOOSE: number; +export const TYPOGRAPHY_HEADER_2XL_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_HEADER_2XL_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_HEADER_2XL_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_HEADER_2XL_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_HEADER_2XL_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_HEADER_3XL_FONT_SIZE: number; +export const TYPOGRAPHY_HEADER_3XL_PADDING_CENTRED: number; +export const TYPOGRAPHY_HEADER_3XL_PADDING_BASELINED: number; +export const TYPOGRAPHY_HEADER_3XL_CAP_ROUNDED: number; +export const TYPOGRAPHY_HEADER_3XL_TRACKING_TIGHT: number; +export const TYPOGRAPHY_HEADER_3XL_TRACKING_NORMAL: number; +export const TYPOGRAPHY_HEADER_3XL_TRACKING_LOOSE: number; +export const TYPOGRAPHY_HEADER_3XL_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_HEADER_3XL_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_HEADER_3XL_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_HEADER_3XL_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_HEADER_3XL_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_HEADER_4XL_FONT_SIZE: number; +export const TYPOGRAPHY_HEADER_4XL_PADDING_CENTRED: number; +export const TYPOGRAPHY_HEADER_4XL_PADDING_BASELINED: number; +export const TYPOGRAPHY_HEADER_4XL_CAP_ROUNDED: number; +export const TYPOGRAPHY_HEADER_4XL_TRACKING_TIGHT: number; +export const TYPOGRAPHY_HEADER_4XL_TRACKING_NORMAL: number; +export const TYPOGRAPHY_HEADER_4XL_TRACKING_LOOSE: number; +export const TYPOGRAPHY_HEADER_4XL_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_HEADER_4XL_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_HEADER_4XL_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_HEADER_4XL_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_HEADER_4XL_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_HEADER_5XL_FONT_SIZE: number; +export const TYPOGRAPHY_HEADER_5XL_PADDING_CENTRED: number; +export const TYPOGRAPHY_HEADER_5XL_PADDING_BASELINED: number; +export const TYPOGRAPHY_HEADER_5XL_CAP_ROUNDED: number; +export const TYPOGRAPHY_HEADER_5XL_TRACKING_TIGHT: number; +export const TYPOGRAPHY_HEADER_5XL_TRACKING_NORMAL: number; +export const TYPOGRAPHY_HEADER_5XL_TRACKING_LOOSE: number; +export const TYPOGRAPHY_HEADER_5XL_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_HEADER_5XL_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_HEADER_5XL_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_HEADER_5XL_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_HEADER_5XL_LINEHEIGHT_SQUISHED: number; +export const TYPOGRAPHY_HEADER_6XL_FONT_SIZE: number; +export const TYPOGRAPHY_HEADER_6XL_PADDING_CENTRED: number; +export const TYPOGRAPHY_HEADER_6XL_PADDING_BASELINED: number; +export const TYPOGRAPHY_HEADER_6XL_CAP_ROUNDED: number; +export const TYPOGRAPHY_HEADER_6XL_TRACKING_TIGHT: number; +export const TYPOGRAPHY_HEADER_6XL_TRACKING_NORMAL: number; +export const TYPOGRAPHY_HEADER_6XL_TRACKING_LOOSE: number; +export const TYPOGRAPHY_HEADER_6XL_FONT_WEIGHT_LIGHTER: number; +export const TYPOGRAPHY_HEADER_6XL_FONT_WEIGHT_NORMAL: number; +export const TYPOGRAPHY_HEADER_6XL_FONT_WEIGHT_BOLDER: number; +export const TYPOGRAPHY_HEADER_6XL_LINEHEIGHT_DEFAULT: number; +export const TYPOGRAPHY_HEADER_6XL_LINEHEIGHT_SQUISHED: number;