From de5a6bb60b32a9ba778a40556caa60ca07f49b59 Mon Sep 17 00:00:00 2001 From: Torleif Halseth Date: Tue, 14 Oct 2025 14:45:28 +0200 Subject: [PATCH 1/9] feat(eds-tokens): remove static and dynamic export and build new variables --- .../build/css/index-variables-dynamic.css | 6 - .../build/css/index-variables-static.css | 6 - .../build/css/variables-dynamic.css | 536 ------------------ .../build/css/variables-dynamic.min.css | 1 - .../eds-tokens/build/css/variables-static.css | 518 ----------------- .../build/css/variables-static.min.css | 1 - packages/eds-tokens/build/css/variables.css | 38 +- .../eds-tokens/build/css/variables.min.css | 2 +- packages/eds-tokens/package.json | 12 +- .../src/css/index-variables-dynamic.css | 6 - .../src/css/index-variables-static.css | 6 - 11 files changed, 21 insertions(+), 1111 deletions(-) delete mode 100644 packages/eds-tokens/build/css/index-variables-dynamic.css delete mode 100644 packages/eds-tokens/build/css/index-variables-static.css delete mode 100644 packages/eds-tokens/build/css/variables-dynamic.css delete mode 100644 packages/eds-tokens/build/css/variables-dynamic.min.css delete mode 100644 packages/eds-tokens/build/css/variables-static.css delete mode 100644 packages/eds-tokens/build/css/variables-static.min.css delete mode 100644 packages/eds-tokens/src/css/index-variables-dynamic.css delete mode 100644 packages/eds-tokens/src/css/index-variables-static.css diff --git a/packages/eds-tokens/build/css/index-variables-dynamic.css b/packages/eds-tokens/build/css/index-variables-dynamic.css deleted file mode 100644 index 776e94e830..0000000000 --- a/packages/eds-tokens/build/css/index-variables-dynamic.css +++ /dev/null @@ -1,6 +0,0 @@ -@import 'color/color-scheme/color-scheme.css'; -@import 'color/dynamic/variables.css'; - -@import 'registered-properties.css'; -@import 'spacing-setup.css'; -@import 'spacing/spacing-trimmed.css'; diff --git a/packages/eds-tokens/build/css/index-variables-static.css b/packages/eds-tokens/build/css/index-variables-static.css deleted file mode 100644 index a5171de078..0000000000 --- a/packages/eds-tokens/build/css/index-variables-static.css +++ /dev/null @@ -1,6 +0,0 @@ -@import 'color/color-scheme/color-scheme.css'; -@import 'color/static/variables.css'; - -@import 'registered-properties.css'; -@import 'spacing-setup.css'; -@import 'spacing/spacing-trimmed.css'; diff --git a/packages/eds-tokens/build/css/variables-dynamic.css b/packages/eds-tokens/build/css/variables-dynamic.css deleted file mode 100644 index 114d51a9c8..0000000000 --- a/packages/eds-tokens/build/css/variables-dynamic.css +++ /dev/null @@ -1,536 +0,0 @@ -:root, [data-color-scheme="light"] { - color-scheme: light; -} - -[data-color-scheme="dark"] { - color-scheme: dark; -} - -:root { - --eds-color-bg-floating: light-dark(#fff, #202223); - --eds-color-bg-backdrop: light-dark(#aeaeae, #738696); - --eds-color-bg-input: light-dark(#f5f5f5, #0b0b0b); - --eds-color-border-focus: light-dark(#6fb6e9, #2d8bc5); - --eds-color-text-link: light-dark(#121e27, #ecffff); - --eds-color-accent-1: light-dark(#eaf8fa, #0a0b0b); - --eds-color-accent-2: light-dark(#f6ffff, #1e2323); - --eds-color-accent-3: light-dark(#c5e1e4, #3c6266); - --eds-color-accent-4: light-dark(#b1d6da, #3e7378); - --eds-color-accent-5: light-dark(#97c8cd, #41878e); - --eds-color-accent-6: light-dark(#bbdbdf, #3c6266); - --eds-color-accent-7: light-dark(#7cbac1, #439199); - --eds-color-accent-8: light-dark(#21767e, #6ec0c9); - --eds-color-accent-9: light-dark(#206f77, #8cd2da); - --eds-color-accent-10: light-dark(#205c62, #ace3e9); - --eds-color-accent-11: light-dark(#20565c, #c7f1f6); - --eds-color-accent-12: light-dark(#1f6369, #bcebf1); - --eds-color-accent-13: light-dark(#141f20, #e6ffff); - --eds-color-accent-14: light-dark(#cae4e7, #2c3839); - --eds-color-accent-15: light-dark(#fff, #030303); - --eds-color-neutral-1: light-dark(#f5f5f5, #0b0b0b); - --eds-color-neutral-2: light-dark(#fff, #202223); - --eds-color-neutral-3: light-dark(#dbdbdb, #525c65); - --eds-color-neutral-4: light-dark(#cecece, #5d6b76); - --eds-color-neutral-5: light-dark(#bebebe, #6b7d8b); - --eds-color-neutral-6: light-dark(#d4d4d4, #525c65); - --eds-color-neutral-7: light-dark(#aeaeae, #738696); - --eds-color-neutral-8: light-dark(#696969, #9fb4c6); - --eds-color-neutral-9: light-dark(#636363, #b4c7d7); - --eds-color-neutral-10: light-dark(#525252, #cadae7); - --eds-color-neutral-11: light-dark(#4d4d4d, #deeaf4); - --eds-color-neutral-12: light-dark(#585858, #d6e3ee); - --eds-color-neutral-13: light-dark(#1d1d1d, #f5fdff); - --eds-color-neutral-14: light-dark(#dedede, #333639); - --eds-color-neutral-15: light-dark(#fff, #030303); - --eds-color-info-1: light-dark(#e7f8ff, #0a0b0c); - --eds-color-info-2: light-dark(#f4ffff, #1d2226); - --eds-color-info-3: light-dark(#c0e0f8, #33607e); - --eds-color-info-4: light-dark(#aad4f3, #316f98); - --eds-color-info-5: light-dark(#8dc5ee, #2e82b7); - --eds-color-info-6: light-dark(#b5daf5, #33607e); - --eds-color-info-7: light-dark(#6fb6e9, #2d8bc5); - --eds-color-info-8: light-dark(#0070a9, #5abbfb); - --eds-color-info-9: light-dark(#006aa0, #7dceff); - --eds-color-info-10: light-dark(#085883, #a2e0ff); - --eds-color-info-11: light-dark(#0e5279, #c4eeff); - --eds-color-info-12: light-dark(#015e8d, #b7e8ff); - --eds-color-info-13: light-dark(#121e27, #ecffff); - --eds-color-info-14: light-dark(#c5e3f9, #2a3741); - --eds-color-info-15: light-dark(#fff, #030304); - --eds-color-success-1: light-dark(#eafbe8, #0a0c0a); - --eds-color-success-2: light-dark(#f6fff5, #1e231e); - --eds-color-success-3: light-dark(#c5e5c2, #3c673a); - --eds-color-success-4: light-dark(#b1dbae, #3e793c); - --eds-color-success-5: light-dark(#97cf93, #418e3e); - --eds-color-success-6: light-dark(#bbe0b8, #3c673a); - --eds-color-success-7: light-dark(#7cc278, #439941); - --eds-color-success-8: light-dark(#227e22, #6eca6a); - --eds-color-success-9: light-dark(#207720, #8cdb87); - --eds-color-success-10: light-dark(#20621f, #aceba8); - --eds-color-success-11: light-dark(#215c1f, #c7f7c3); - --eds-color-success-12: light-dark(#20691f, #bcf2b8); - --eds-color-success-13: light-dark(#142114, #e6ffe3); - --eds-color-success-14: light-dark(#cae8c7, #2c392b); - --eds-color-success-15: light-dark(#fff, #030303); - --eds-color-warning-1: light-dark(#fff1e2, #0c0b0a); - --eds-color-warning-2: light-dark(#fffcf0, #27201b); - --eds-color-warning-3: light-dark(#f9d2b6, #7e4e25); - --eds-color-warning-4: light-dark(#f4c29d, #97571b); - --eds-color-warning-5: light-dark(#eeae7c, #b46201); - --eds-color-warning-6: light-dark(#f6caaa, #7e4e25); - --eds-color-warning-7: light-dark(#e89959, #c36800); - --eds-color-warning-8: light-dark(#a34e00, #f99539); - --eds-color-warning-9: light-dark(#9b4900, #ffad63); - --eds-color-warning-10: light-dark(#813e00, #ffc791); - --eds-color-warning-11: light-dark(#773a00, #ffddb9); - --eds-color-warning-12: light-dark(#8a4100, #ffd4aa); - --eds-color-warning-13: light-dark(#27190e, #fff7e6); - --eds-color-warning-14: light-dark(#fad6bc, #413226); - --eds-color-warning-15: light-dark(#fff, #040303); - --eds-color-danger-1: light-dark(#ffecea, #0d0a0a); - --eds-color-danger-2: light-dark(#fff9f8, #2a1e1e); - --eds-color-danger-3: light-dark(#ffc6c4, #923a3c); - --eds-color-danger-4: light-dark(#ffb2b0, #b03940); - --eds-color-danger-5: light-dark(#ff9897, #d43745); - --eds-color-danger-6: light-dark(#ffbcba, #923a3c); - --eds-color-danger-7: light-dark(#ff7a7d, #e53748); - --eds-color-danger-8: light-dark(#c6002d, #ff8082); - --eds-color-danger-9: light-dark(#bc002a, #ffa3a1); - --eds-color-danger-10: light-dark(#9a1026, #ffc1bf); - --eds-color-danger-11: light-dark(#8e1525, #ffd9d7); - --eds-color-danger-12: light-dark(#a50827, #ffd0ce); - --eds-color-danger-13: light-dark(#2e1414, #fff5f4); - --eds-color-danger-14: light-dark(#ffcbc9, #492d2c); - --eds-color-danger-15: light-dark(#fff, #040303); -} - -:root, [data-color-appearance="neutral"] { - --eds-color-bg-fill-muted-default: var(--eds-color-neutral-3); - --eds-color-bg-fill-muted-hover: var(--eds-color-neutral-4); - --eds-color-bg-fill-muted-active: var(--eds-color-neutral-5); - --eds-color-bg-fill-emphasis-default: var(--eds-color-neutral-9); - --eds-color-bg-fill-emphasis-hover: var(--eds-color-neutral-10); - --eds-color-bg-fill-emphasis-active: var(--eds-color-neutral-11); - --eds-color-bg-canvas: var(--eds-color-neutral-1); - --eds-color-bg-surface: var(--eds-color-neutral-2); - --eds-color-border-subtle: var(--eds-color-neutral-6); - --eds-color-border-medium: var(--eds-color-neutral-7); - --eds-color-border-strong: var(--eds-color-neutral-8); - --eds-color-text-subtle: var(--eds-color-neutral-12); - --eds-color-text-strong: var(--eds-color-neutral-13); - --eds-color-text-subtle-on-emphasis: var(--eds-color-neutral-14); - --eds-color-text-strong-on-emphasis: var(--eds-color-neutral-15); -} - -[data-color-appearance="accent"] { - --eds-color-bg-fill-muted-default: var(--eds-color-accent-3); - --eds-color-bg-fill-muted-hover: var(--eds-color-accent-4); - --eds-color-bg-fill-muted-active: var(--eds-color-accent-5); - --eds-color-bg-fill-emphasis-default: var(--eds-color-accent-9); - --eds-color-bg-fill-emphasis-hover: var(--eds-color-accent-10); - --eds-color-bg-fill-emphasis-active: var(--eds-color-accent-11); - --eds-color-bg-canvas: var(--eds-color-accent-1); - --eds-color-bg-surface: var(--eds-color-accent-2); - --eds-color-border-subtle: var(--eds-color-accent-6); - --eds-color-border-medium: var(--eds-color-accent-7); - --eds-color-border-strong: var(--eds-color-accent-8); - --eds-color-text-subtle: var(--eds-color-accent-12); - --eds-color-text-strong: var(--eds-color-accent-13); - --eds-color-text-subtle-on-emphasis: var(--eds-color-accent-14); - --eds-color-text-strong-on-emphasis: var(--eds-color-accent-15); -} - -[data-color-appearance="danger"] { - --eds-color-bg-fill-muted-default: var(--eds-color-danger-3); - --eds-color-bg-fill-muted-hover: var(--eds-color-danger-4); - --eds-color-bg-fill-muted-active: var(--eds-color-danger-5); - --eds-color-bg-fill-emphasis-default: var(--eds-color-danger-9); - --eds-color-bg-fill-emphasis-hover: var(--eds-color-danger-10); - --eds-color-bg-fill-emphasis-active: var(--eds-color-danger-11); - --eds-color-bg-canvas: var(--eds-color-danger-1); - --eds-color-bg-surface: var(--eds-color-danger-2); - --eds-color-border-subtle: var(--eds-color-danger-6); - --eds-color-border-medium: var(--eds-color-danger-7); - --eds-color-border-strong: var(--eds-color-danger-8); - --eds-color-text-subtle: var(--eds-color-danger-12); - --eds-color-text-strong: var(--eds-color-danger-13); - --eds-color-text-subtle-on-emphasis: var(--eds-color-danger-14); - --eds-color-text-strong-on-emphasis: var(--eds-color-danger-15); -} - -[data-color-appearance="info"] { - --eds-color-bg-fill-muted-default: var(--eds-color-info-3); - --eds-color-bg-fill-muted-hover: var(--eds-color-info-4); - --eds-color-bg-fill-muted-active: var(--eds-color-info-5); - --eds-color-bg-fill-emphasis-default: var(--eds-color-info-9); - --eds-color-bg-fill-emphasis-hover: var(--eds-color-info-10); - --eds-color-bg-fill-emphasis-active: var(--eds-color-info-11); - --eds-color-bg-canvas: var(--eds-color-info-1); - --eds-color-bg-surface: var(--eds-color-info-2); - --eds-color-border-subtle: var(--eds-color-info-6); - --eds-color-border-medium: var(--eds-color-info-7); - --eds-color-border-strong: var(--eds-color-info-8); - --eds-color-text-subtle: var(--eds-color-info-12); - --eds-color-text-strong: var(--eds-color-info-13); - --eds-color-text-subtle-on-emphasis: var(--eds-color-info-14); - --eds-color-text-strong-on-emphasis: var(--eds-color-info-15); -} - -[data-color-appearance="success"] { - --eds-color-bg-fill-muted-default: var(--eds-color-success-3); - --eds-color-bg-fill-muted-hover: var(--eds-color-success-4); - --eds-color-bg-fill-muted-active: var(--eds-color-success-5); - --eds-color-bg-fill-emphasis-default: var(--eds-color-success-9); - --eds-color-bg-fill-emphasis-hover: var(--eds-color-success-10); - --eds-color-bg-fill-emphasis-active: var(--eds-color-success-11); - --eds-color-bg-canvas: var(--eds-color-success-1); - --eds-color-bg-surface: var(--eds-color-success-2); - --eds-color-border-subtle: var(--eds-color-success-6); - --eds-color-border-medium: var(--eds-color-success-7); - --eds-color-border-strong: var(--eds-color-success-8); - --eds-color-text-subtle: var(--eds-color-success-12); - --eds-color-text-strong: var(--eds-color-success-13); - --eds-color-text-subtle-on-emphasis: var(--eds-color-success-14); - --eds-color-text-strong-on-emphasis: var(--eds-color-success-15); -} - -[data-color-appearance="warning"] { - --eds-color-bg-fill-muted-default: var(--eds-color-warning-3); - --eds-color-bg-fill-muted-hover: var(--eds-color-warning-4); - --eds-color-bg-fill-muted-active: var(--eds-color-warning-5); - --eds-color-bg-fill-emphasis-default: var(--eds-color-warning-9); - --eds-color-bg-fill-emphasis-hover: var(--eds-color-warning-10); - --eds-color-bg-fill-emphasis-active: var(--eds-color-warning-11); - --eds-color-bg-canvas: var(--eds-color-warning-1); - --eds-color-bg-surface: var(--eds-color-warning-2); - --eds-color-border-subtle: var(--eds-color-warning-6); - --eds-color-border-medium: var(--eds-color-warning-7); - --eds-color-border-strong: var(--eds-color-warning-8); - --eds-color-text-subtle: var(--eds-color-warning-12); - --eds-color-text-strong: var(--eds-color-warning-13); - --eds-color-text-subtle-on-emphasis: var(--eds-color-warning-14); - --eds-color-text-strong-on-emphasis: var(--eds-color-warning-15); -} - -@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, [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, [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-rounded: var(--eds--spacious, .25rem) var(--eds--comfortable, .188rem); - --eds-spacing-border-radius-pill: var(--eds--spacious, 62.5rem) var(--eds--comfortable, 62.5rem); - --eds-spacing-border-radius-none: 0rem; - --eds-spacing-inset-xs-inline: var(--eds--spacious, .5rem) var(--eds--comfortable, .375rem); - --eds-spacing-inset-xs-stack-squished: var(--eds--spacious, .375rem) var(--eds--comfortable, .25rem); - --eds-spacing-inset-xs-stack-squared: var(--eds--spacious, .5rem) var(--eds--comfortable, .375rem); - --eds-spacing-inset-xs-stack-stretched: var(--eds--spacious, .75rem) var(--eds--comfortable, .5rem); - --eds-spacing-inset-sm-inline: var(--eds--spacious, .75rem) var(--eds--comfortable, .5rem); - --eds-spacing-inset-sm-stack-squished: var(--eds--spacious, .5rem) var(--eds--comfortable, .375rem); - --eds-spacing-inset-sm-stack-squared: var(--eds--spacious, .75rem) var(--eds--comfortable, .5rem); - --eds-spacing-inset-sm-stack-stretched: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem); - --eds-spacing-inset-md-inline: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem); - --eds-spacing-inset-md-stack-squished: var(--eds--spacious, .75rem) var(--eds--comfortable, .5rem); - --eds-spacing-inset-md-stack-squared: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem); - --eds-spacing-inset-md-stack-stretched: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem); - --eds-spacing-inset-lg-inline: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem); - --eds-spacing-inset-lg-stack-squished: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem); - --eds-spacing-inset-lg-stack-squared: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem); - --eds-spacing-inset-lg-stack-stretched: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem); - --eds-spacing-inset-xl-inline: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem); - --eds-spacing-inset-xl-stack-squished: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem); - --eds-spacing-inset-xl-stack-squared: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem); - --eds-spacing-inset-xl-stack-stretched: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem); - --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-typography-ui-body-xs-font-size: var(--eds--spacious, .656rem) var(--eds--comfortable, .563rem); - --eds-typography-ui-body-xs-tracking-tight: var(--eds--spacious, -1.15px) var(--eds--comfortable, -.99px); - --eds-typography-ui-body-xs-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-ui-body-xs-tracking-loose: var(--eds--spacious, 1.15px) var(--eds--comfortable, .99px); - --eds-typography-ui-body-xs-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-ui-body-xs-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-ui-body-xs-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-ui-body-xs-lineheight-default: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem); - --eds-typography-ui-body-xs-lineheight-squished: var(--eds--spacious, .75rem) var(--eds--comfortable, .75rem); - --eds-typography-ui-body-sm-font-size: var(--eds--spacious, .75rem) var(--eds--comfortable, .656rem); - --eds-typography-ui-body-sm-tracking-tight: var(--eds--spacious, -1.32px) var(--eds--comfortable, -1.15px); - --eds-typography-ui-body-sm-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-ui-body-sm-tracking-loose: var(--eds--spacious, 1.32px) var(--eds--comfortable, 1.15px); - --eds-typography-ui-body-sm-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-ui-body-sm-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-ui-body-sm-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-ui-body-sm-lineheight-default: var(--eds--spacious, 1rem) var(--eds--comfortable, 1rem); - --eds-typography-ui-body-sm-lineheight-squished: var(--eds--spacious, .75rem) var(--eds--comfortable, .75rem); - --eds-typography-ui-body-font-family: "Inter"; - --eds-typography-ui-body-md-font-size: var(--eds--spacious, .875rem) var(--eds--comfortable, .75rem); - --eds-typography-ui-body-md-tracking-tight: var(--eds--spacious, -1.54px) var(--eds--comfortable, -1.32px); - --eds-typography-ui-body-md-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-ui-body-md-tracking-loose: var(--eds--spacious, 1.54px) var(--eds--comfortable, 1.32px); - --eds-typography-ui-body-md-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-ui-body-md-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-ui-body-md-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-ui-body-md-lineheight-default: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem); - --eds-typography-ui-body-md-lineheight-squished: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem); - --eds-typography-ui-body-lg-font-size: var(--eds--spacious, 1rem) var(--eds--comfortable, .875rem); - --eds-typography-ui-body-lg-tracking-tight: var(--eds--spacious, -1.76px) var(--eds--comfortable, -1.54px); - --eds-typography-ui-body-lg-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-ui-body-lg-tracking-loose: var(--eds--spacious, 1.76px) var(--eds--comfortable, 1.54px); - --eds-typography-ui-body-lg-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-ui-body-lg-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-ui-body-lg-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-ui-body-lg-lineheight-default: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem); - --eds-typography-ui-body-lg-lineheight-squished: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem); - --eds-typography-ui-body-xl-font-size: var(--eds--spacious, 1.156rem) var(--eds--comfortable, 1rem); - --eds-typography-ui-body-xl-tracking-tight: var(--eds--spacious, -1.76px) var(--eds--comfortable, -1.76px); - --eds-typography-ui-body-xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-ui-body-xl-tracking-loose: var(--eds--spacious, 2.035px) var(--eds--comfortable, 1.76px); - --eds-typography-ui-body-xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-ui-body-xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-ui-body-xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-ui-body-xl-lineheight-default: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.5rem); - --eds-typography-ui-body-xl-lineheight-squished: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1.25rem); - --eds-typography-ui-body-2xl-font-size: var(--eds--spacious, 1.313rem) var(--eds--comfortable, 1.156rem); - --eds-typography-ui-body-2xl-tracking-tight: var(--eds--spacious, -2.31px) var(--eds--comfortable, -1.76px); - --eds-typography-ui-body-2xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-ui-body-2xl-tracking-loose: var(--eds--spacious, 2.31px) var(--eds--comfortable, 2.035px); - --eds-typography-ui-body-2xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-ui-body-2xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-ui-body-2xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-ui-body-2xl-lineheight-default: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem); - --eds-typography-ui-body-2xl-lineheight-squished: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem); - --eds-typography-ui-body-3xl-font-size: var(--eds--spacious, 1.531rem) var(--eds--comfortable, 1.313rem); - --eds-typography-ui-body-3xl-tracking-tight: var(--eds--spacious, -2.695px) var(--eds--comfortable, -2.31px); - --eds-typography-ui-body-3xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-ui-body-3xl-tracking-loose: var(--eds--spacious, 2.695px) var(--eds--comfortable, 2.31px); - --eds-typography-ui-body-3xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-ui-body-3xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-ui-body-3xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-ui-body-3xl-lineheight-default: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem); - --eds-typography-ui-body-3xl-lineheight-squished: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem); - --eds-typography-ui-body-4xl-font-size: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.531rem); - --eds-typography-ui-body-4xl-tracking-tight: var(--eds--spacious, -3.08px) var(--eds--comfortable, -2.695px); - --eds-typography-ui-body-4xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-ui-body-4xl-tracking-loose: var(--eds--spacious, 3.08px) var(--eds--comfortable, 2.695px); - --eds-typography-ui-body-4xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-ui-body-4xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-ui-body-4xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-ui-body-4xl-lineheight-default: var(--eds--spacious, 2rem) var(--eds--comfortable, 2rem); - --eds-typography-ui-body-4xl-lineheight-squished: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.75rem); - --eds-typography-ui-body-5xl-font-size: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem); - --eds-typography-ui-body-5xl-tracking-tight: var(--eds--spacious, -3.52px) var(--eds--comfortable, -3.08px); - --eds-typography-ui-body-5xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-ui-body-5xl-tracking-loose: var(--eds--spacious, 3.52px) var(--eds--comfortable, 3.08px); - --eds-typography-ui-body-5xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-ui-body-5xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-ui-body-5xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-ui-body-5xl-lineheight-default: var(--eds--spacious, 2.25rem) var(--eds--comfortable, 2rem); - --eds-typography-ui-body-5xl-lineheight-squished: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem); - --eds-typography-ui-body-6xl-font-size: var(--eds--spacious, 2.313rem) var(--eds--comfortable, 2rem); - --eds-typography-ui-body-6xl-tracking-tight: var(--eds--spacious, -4.07px) var(--eds--comfortable, -3.52px); - --eds-typography-ui-body-6xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-ui-body-6xl-tracking-loose: var(--eds--spacious, 4.07px) var(--eds--comfortable, 3.52px); - --eds-typography-ui-body-6xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-ui-body-6xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 0px); - --eds-typography-ui-body-6xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-ui-body-6xl-lineheight-default: var(--eds--spacious, 2.5rem) var(--eds--comfortable, 2.25rem); - --eds-typography-ui-body-6xl-lineheight-squished: var(--eds--spacious, 2.25rem) var(--eds--comfortable, 2rem); - --eds-typography-header-xs-font-size: var(--eds--spacious, .75rem) var(--eds--comfortable, .656rem); - --eds-typography-header-xs-tracking-tight: var(--eds--spacious, -1.15px) var(--eds--comfortable, -.99px); - --eds-typography-header-xs-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-header-xs-tracking-loose: var(--eds--spacious, 1.15px) var(--eds--comfortable, .99px); - --eds-typography-header-xs-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-header-xs-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-header-xs-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-header-xs-lineheight-default: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem); - --eds-typography-header-xs-lineheight-squished: var(--eds--spacious, .75rem) var(--eds--comfortable, .75rem); - --eds-typography-header-font-family: "Equinor"; - --eds-typography-header-sm-font-size: var(--eds--spacious, .875rem) var(--eds--comfortable, .75rem); - --eds-typography-header-sm-tracking-tight: var(--eds--spacious, -1.32px) var(--eds--comfortable, -1.15px); - --eds-typography-header-sm-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-header-sm-tracking-loose: var(--eds--spacious, 1.32px) var(--eds--comfortable, 1.15px); - --eds-typography-header-sm-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-header-sm-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-header-sm-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-header-sm-lineheight-default: var(--eds--spacious, 1rem) var(--eds--comfortable, 1rem); - --eds-typography-header-sm-lineheight-squished: var(--eds--spacious, .75rem) var(--eds--comfortable, .75rem); - --eds-typography-header-md-font-size: var(--eds--spacious, 1rem) var(--eds--comfortable, .875rem); - --eds-typography-header-md-tracking-tight: var(--eds--spacious, -1.54px) var(--eds--comfortable, -1.32px); - --eds-typography-header-md-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-header-md-tracking-loose: var(--eds--spacious, 1.54px) var(--eds--comfortable, 1.32px); - --eds-typography-header-md-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-header-md-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-header-md-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-header-md-lineheight-default: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem); - --eds-typography-header-md-lineheight-squished: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem); - --eds-typography-header-lg-font-size: var(--eds--spacious, 1.125rem) var(--eds--comfortable, 1rem); - --eds-typography-header-lg-tracking-tight: var(--eds--spacious, -1.76px) var(--eds--comfortable, -1.54px); - --eds-typography-header-lg-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-header-lg-tracking-loose: var(--eds--spacious, 1.76px) var(--eds--comfortable, 1.54px); - --eds-typography-header-lg-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-header-lg-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-header-lg-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-header-lg-lineheight-default: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem); - --eds-typography-header-lg-lineheight-squished: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem); - --eds-typography-header-xl-font-size: var(--eds--spacious, 1.313rem) var(--eds--comfortable, 1.125rem); - --eds-typography-header-xl-tracking-tight: var(--eds--spacious, -1.76px) var(--eds--comfortable, -1.76px); - --eds-typography-header-xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-header-xl-tracking-loose: var(--eds--spacious, 2.035px) var(--eds--comfortable, 1.76px); - --eds-typography-header-xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-header-xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-header-xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-header-xl-lineheight-default: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.5rem); - --eds-typography-header-xl-lineheight-squished: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1.25rem); - --eds-typography-header-2xl-font-size: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.313rem); - --eds-typography-header-2xl-tracking-tight: var(--eds--spacious, -2.31px) var(--eds--comfortable, -1.76px); - --eds-typography-header-2xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-header-2xl-tracking-loose: var(--eds--spacious, 2.31px) var(--eds--comfortable, 2.035px); - --eds-typography-header-2xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-header-2xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-header-2xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-header-2xl-lineheight-default: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem); - --eds-typography-header-2xl-lineheight-squished: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem); - --eds-typography-header-3xl-font-size: var(--eds--spacious, 1.719rem) var(--eds--comfortable, 1.5rem); - --eds-typography-header-3xl-tracking-tight: var(--eds--spacious, -2.695px) var(--eds--comfortable, -2.31px); - --eds-typography-header-3xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-header-3xl-tracking-loose: var(--eds--spacious, 2.695px) var(--eds--comfortable, 2.31px); - --eds-typography-header-3xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-header-3xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-header-3xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-header-3xl-lineheight-default: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem); - --eds-typography-header-3xl-lineheight-squished: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem); - --eds-typography-header-4xl-font-size: var(--eds--spacious, 1.969rem) var(--eds--comfortable, 1.719rem); - --eds-typography-header-4xl-tracking-tight: var(--eds--spacious, -3.08px) var(--eds--comfortable, -2.695px); - --eds-typography-header-4xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-header-4xl-tracking-loose: var(--eds--spacious, 3.08px) var(--eds--comfortable, 2.695px); - --eds-typography-header-4xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-header-4xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-header-4xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-header-4xl-lineheight-default: var(--eds--spacious, 2rem) var(--eds--comfortable, 2rem); - --eds-typography-header-4xl-lineheight-squished: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.75rem); - --eds-typography-header-5xl-font-size: var(--eds--spacious, 2.281rem) var(--eds--comfortable, 1.969rem); - --eds-typography-header-5xl-tracking-tight: var(--eds--spacious, -3.52px) var(--eds--comfortable, -3.08px); - --eds-typography-header-5xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-header-5xl-tracking-loose: var(--eds--spacious, 3.52px) var(--eds--comfortable, 3.08px); - --eds-typography-header-5xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-header-5xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-header-5xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-header-5xl-lineheight-default: var(--eds--spacious, 2.25rem) var(--eds--comfortable, 2rem); - --eds-typography-header-5xl-lineheight-squished: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem); - --eds-typography-header-6xl-font-size: var(--eds--spacious, 2.625rem) var(--eds--comfortable, 2.281rem); - --eds-typography-header-6xl-tracking-tight: var(--eds--spacious, -4.07px) var(--eds--comfortable, -3.52px); - --eds-typography-header-6xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-header-6xl-tracking-loose: var(--eds--spacious, 4.07px) var(--eds--comfortable, 3.52px); - --eds-typography-header-6xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-header-6xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-header-6xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-header-6xl-lineheight-default: var(--eds--spacious, 2.5rem) var(--eds--comfortable, 2.25rem); - --eds-typography-header-6xl-lineheight-squished: var(--eds--spacious, 2.25rem) var(--eds--comfortable, 2rem); -} diff --git a/packages/eds-tokens/build/css/variables-dynamic.min.css b/packages/eds-tokens/build/css/variables-dynamic.min.css deleted file mode 100644 index 63f4d26423..0000000000 --- a/packages/eds-tokens/build/css/variables-dynamic.min.css +++ /dev/null @@ -1 +0,0 @@ -:root,[data-color-scheme=light]{color-scheme:light}[data-color-scheme=dark]{color-scheme:dark}:root{--eds-color-bg-floating:light-dark(#fff,#202223);--eds-color-bg-backdrop:light-dark(#aeaeae,#738696);--eds-color-bg-input:light-dark(#f5f5f5,#0b0b0b);--eds-color-border-focus:light-dark(#6fb6e9,#2d8bc5);--eds-color-text-link:light-dark(#121e27,#ecffff);--eds-color-accent-1:light-dark(#eaf8fa,#0a0b0b);--eds-color-accent-2:light-dark(#f6ffff,#1e2323);--eds-color-accent-3:light-dark(#c5e1e4,#3c6266);--eds-color-accent-4:light-dark(#b1d6da,#3e7378);--eds-color-accent-5:light-dark(#97c8cd,#41878e);--eds-color-accent-6:light-dark(#bbdbdf,#3c6266);--eds-color-accent-7:light-dark(#7cbac1,#439199);--eds-color-accent-8:light-dark(#21767e,#6ec0c9);--eds-color-accent-9:light-dark(#206f77,#8cd2da);--eds-color-accent-10:light-dark(#205c62,#ace3e9);--eds-color-accent-11:light-dark(#20565c,#c7f1f6);--eds-color-accent-12:light-dark(#1f6369,#bcebf1);--eds-color-accent-13:light-dark(#141f20,#e6ffff);--eds-color-accent-14:light-dark(#cae4e7,#2c3839);--eds-color-accent-15:light-dark(#fff,#030303);--eds-color-neutral-1:light-dark(#f5f5f5,#0b0b0b);--eds-color-neutral-2:light-dark(#fff,#202223);--eds-color-neutral-3:light-dark(#dbdbdb,#525c65);--eds-color-neutral-4:light-dark(#cecece,#5d6b76);--eds-color-neutral-5:light-dark(#bebebe,#6b7d8b);--eds-color-neutral-6:light-dark(#d4d4d4,#525c65);--eds-color-neutral-7:light-dark(#aeaeae,#738696);--eds-color-neutral-8:light-dark(#696969,#9fb4c6);--eds-color-neutral-9:light-dark(#636363,#b4c7d7);--eds-color-neutral-10:light-dark(#525252,#cadae7);--eds-color-neutral-11:light-dark(#4d4d4d,#deeaf4);--eds-color-neutral-12:light-dark(#585858,#d6e3ee);--eds-color-neutral-13:light-dark(#1d1d1d,#f5fdff);--eds-color-neutral-14:light-dark(#dedede,#333639);--eds-color-neutral-15:light-dark(#fff,#030303);--eds-color-info-1:light-dark(#e7f8ff,#0a0b0c);--eds-color-info-2:light-dark(#f4ffff,#1d2226);--eds-color-info-3:light-dark(#c0e0f8,#33607e);--eds-color-info-4:light-dark(#aad4f3,#316f98);--eds-color-info-5:light-dark(#8dc5ee,#2e82b7);--eds-color-info-6:light-dark(#b5daf5,#33607e);--eds-color-info-7:light-dark(#6fb6e9,#2d8bc5);--eds-color-info-8:light-dark(#0070a9,#5abbfb);--eds-color-info-9:light-dark(#006aa0,#7dceff);--eds-color-info-10:light-dark(#085883,#a2e0ff);--eds-color-info-11:light-dark(#0e5279,#c4eeff);--eds-color-info-12:light-dark(#015e8d,#b7e8ff);--eds-color-info-13:light-dark(#121e27,#ecffff);--eds-color-info-14:light-dark(#c5e3f9,#2a3741);--eds-color-info-15:light-dark(#fff,#030304);--eds-color-success-1:light-dark(#eafbe8,#0a0c0a);--eds-color-success-2:light-dark(#f6fff5,#1e231e);--eds-color-success-3:light-dark(#c5e5c2,#3c673a);--eds-color-success-4:light-dark(#b1dbae,#3e793c);--eds-color-success-5:light-dark(#97cf93,#418e3e);--eds-color-success-6:light-dark(#bbe0b8,#3c673a);--eds-color-success-7:light-dark(#7cc278,#439941);--eds-color-success-8:light-dark(#227e22,#6eca6a);--eds-color-success-9:light-dark(#207720,#8cdb87);--eds-color-success-10:light-dark(#20621f,#aceba8);--eds-color-success-11:light-dark(#215c1f,#c7f7c3);--eds-color-success-12:light-dark(#20691f,#bcf2b8);--eds-color-success-13:light-dark(#142114,#e6ffe3);--eds-color-success-14:light-dark(#cae8c7,#2c392b);--eds-color-success-15:light-dark(#fff,#030303);--eds-color-warning-1:light-dark(#fff1e2,#0c0b0a);--eds-color-warning-2:light-dark(#fffcf0,#27201b);--eds-color-warning-3:light-dark(#f9d2b6,#7e4e25);--eds-color-warning-4:light-dark(#f4c29d,#97571b);--eds-color-warning-5:light-dark(#eeae7c,#b46201);--eds-color-warning-6:light-dark(#f6caaa,#7e4e25);--eds-color-warning-7:light-dark(#e89959,#c36800);--eds-color-warning-8:light-dark(#a34e00,#f99539);--eds-color-warning-9:light-dark(#9b4900,#ffad63);--eds-color-warning-10:light-dark(#813e00,#ffc791);--eds-color-warning-11:light-dark(#773a00,#ffddb9);--eds-color-warning-12:light-dark(#8a4100,#ffd4aa);--eds-color-warning-13:light-dark(#27190e,#fff7e6);--eds-color-warning-14:light-dark(#fad6bc,#413226);--eds-color-warning-15:light-dark(#fff,#040303);--eds-color-danger-1:light-dark(#ffecea,#0d0a0a);--eds-color-danger-2:light-dark(#fff9f8,#2a1e1e);--eds-color-danger-3:light-dark(#ffc6c4,#923a3c);--eds-color-danger-4:light-dark(#ffb2b0,#b03940);--eds-color-danger-5:light-dark(#ff9897,#d43745);--eds-color-danger-6:light-dark(#ffbcba,#923a3c);--eds-color-danger-7:light-dark(#ff7a7d,#e53748);--eds-color-danger-8:light-dark(#c6002d,#ff8082);--eds-color-danger-9:light-dark(#bc002a,#ffa3a1);--eds-color-danger-10:light-dark(#9a1026,#ffc1bf);--eds-color-danger-11:light-dark(#8e1525,#ffd9d7);--eds-color-danger-12:light-dark(#a50827,#ffd0ce);--eds-color-danger-13:light-dark(#2e1414,#fff5f4);--eds-color-danger-14:light-dark(#ffcbc9,#492d2c);--eds-color-danger-15:light-dark(#fff,#040303)}:root,[data-color-appearance=neutral]{--eds-color-bg-fill-muted-default:var(--eds-color-neutral-3);--eds-color-bg-fill-muted-hover:var(--eds-color-neutral-4);--eds-color-bg-fill-muted-active:var(--eds-color-neutral-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-neutral-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-neutral-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-neutral-11);--eds-color-bg-canvas:var(--eds-color-neutral-1);--eds-color-bg-surface:var(--eds-color-neutral-2);--eds-color-border-subtle:var(--eds-color-neutral-6);--eds-color-border-medium:var(--eds-color-neutral-7);--eds-color-border-strong:var(--eds-color-neutral-8);--eds-color-text-subtle:var(--eds-color-neutral-12);--eds-color-text-strong:var(--eds-color-neutral-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-neutral-14);--eds-color-text-strong-on-emphasis:var(--eds-color-neutral-15)}[data-color-appearance=accent]{--eds-color-bg-fill-muted-default:var(--eds-color-accent-3);--eds-color-bg-fill-muted-hover:var(--eds-color-accent-4);--eds-color-bg-fill-muted-active:var(--eds-color-accent-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-accent-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-accent-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-accent-11);--eds-color-bg-canvas:var(--eds-color-accent-1);--eds-color-bg-surface:var(--eds-color-accent-2);--eds-color-border-subtle:var(--eds-color-accent-6);--eds-color-border-medium:var(--eds-color-accent-7);--eds-color-border-strong:var(--eds-color-accent-8);--eds-color-text-subtle:var(--eds-color-accent-12);--eds-color-text-strong:var(--eds-color-accent-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-accent-14);--eds-color-text-strong-on-emphasis:var(--eds-color-accent-15)}[data-color-appearance=danger]{--eds-color-bg-fill-muted-default:var(--eds-color-danger-3);--eds-color-bg-fill-muted-hover:var(--eds-color-danger-4);--eds-color-bg-fill-muted-active:var(--eds-color-danger-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-danger-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-danger-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-danger-11);--eds-color-bg-canvas:var(--eds-color-danger-1);--eds-color-bg-surface:var(--eds-color-danger-2);--eds-color-border-subtle:var(--eds-color-danger-6);--eds-color-border-medium:var(--eds-color-danger-7);--eds-color-border-strong:var(--eds-color-danger-8);--eds-color-text-subtle:var(--eds-color-danger-12);--eds-color-text-strong:var(--eds-color-danger-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-danger-14);--eds-color-text-strong-on-emphasis:var(--eds-color-danger-15)}[data-color-appearance=info]{--eds-color-bg-fill-muted-default:var(--eds-color-info-3);--eds-color-bg-fill-muted-hover:var(--eds-color-info-4);--eds-color-bg-fill-muted-active:var(--eds-color-info-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-info-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-info-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-info-11);--eds-color-bg-canvas:var(--eds-color-info-1);--eds-color-bg-surface:var(--eds-color-info-2);--eds-color-border-subtle:var(--eds-color-info-6);--eds-color-border-medium:var(--eds-color-info-7);--eds-color-border-strong:var(--eds-color-info-8);--eds-color-text-subtle:var(--eds-color-info-12);--eds-color-text-strong:var(--eds-color-info-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-info-14);--eds-color-text-strong-on-emphasis:var(--eds-color-info-15)}[data-color-appearance=success]{--eds-color-bg-fill-muted-default:var(--eds-color-success-3);--eds-color-bg-fill-muted-hover:var(--eds-color-success-4);--eds-color-bg-fill-muted-active:var(--eds-color-success-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-success-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-success-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-success-11);--eds-color-bg-canvas:var(--eds-color-success-1);--eds-color-bg-surface:var(--eds-color-success-2);--eds-color-border-subtle:var(--eds-color-success-6);--eds-color-border-medium:var(--eds-color-success-7);--eds-color-border-strong:var(--eds-color-success-8);--eds-color-text-subtle:var(--eds-color-success-12);--eds-color-text-strong:var(--eds-color-success-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-success-14);--eds-color-text-strong-on-emphasis:var(--eds-color-success-15)}[data-color-appearance=warning]{--eds-color-bg-fill-muted-default:var(--eds-color-warning-3);--eds-color-bg-fill-muted-hover:var(--eds-color-warning-4);--eds-color-bg-fill-muted-active:var(--eds-color-warning-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-warning-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-warning-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-warning-11);--eds-color-bg-canvas:var(--eds-color-warning-1);--eds-color-bg-surface:var(--eds-color-warning-2);--eds-color-border-subtle:var(--eds-color-warning-6);--eds-color-border-medium:var(--eds-color-warning-7);--eds-color-border-strong:var(--eds-color-warning-8);--eds-color-text-subtle:var(--eds-color-warning-12);--eds-color-text-strong:var(--eds-color-warning-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-warning-14);--eds-color-text-strong-on-emphasis:var(--eds-color-warning-15)}@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,[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,[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-rounded:var(--eds--spacious,.25rem)var(--eds--comfortable,.188rem);--eds-spacing-border-radius-pill:var(--eds--spacious,62.5rem)var(--eds--comfortable,62.5rem);--eds-spacing-border-radius-none:0rem;--eds-spacing-inset-xs-inline:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-inset-xs-stack-squished:var(--eds--spacious,.375rem)var(--eds--comfortable,.25rem);--eds-spacing-inset-xs-stack-squared:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-inset-xs-stack-stretched:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-sm-inline:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-sm-stack-squished:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-inset-sm-stack-squared:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-sm-stack-stretched:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-md-inline:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-md-stack-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-md-stack-squared:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-md-stack-stretched:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-lg-inline:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-lg-stack-squished:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-lg-stack-squared:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-lg-stack-stretched:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-inset-xl-inline:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-inset-xl-stack-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-xl-stack-squared:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-inset-xl-stack-stretched:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--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-typography-ui-body-xs-font-size:var(--eds--spacious,.656rem)var(--eds--comfortable,.563rem);--eds-typography-ui-body-xs-tracking-tight:var(--eds--spacious,-1.15px)var(--eds--comfortable,-.99px);--eds-typography-ui-body-xs-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-xs-tracking-loose:var(--eds--spacious,1.15px)var(--eds--comfortable,.99px);--eds-typography-ui-body-xs-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-xs-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-xs-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-xs-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-xs-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-sm-font-size:var(--eds--spacious,.75rem)var(--eds--comfortable,.656rem);--eds-typography-ui-body-sm-tracking-tight:var(--eds--spacious,-1.32px)var(--eds--comfortable,-1.15px);--eds-typography-ui-body-sm-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-sm-tracking-loose:var(--eds--spacious,1.32px)var(--eds--comfortable,1.15px);--eds-typography-ui-body-sm-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-sm-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-sm-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-sm-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-sm-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-font-family:"Inter";--eds-typography-ui-body-md-font-size:var(--eds--spacious,.875rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-md-tracking-tight:var(--eds--spacious,-1.54px)var(--eds--comfortable,-1.32px);--eds-typography-ui-body-md-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-md-tracking-loose:var(--eds--spacious,1.54px)var(--eds--comfortable,1.32px);--eds-typography-ui-body-md-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-md-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-md-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-md-lineheight-default:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-md-lineheight-squished:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-lg-font-size:var(--eds--spacious,1rem)var(--eds--comfortable,.875rem);--eds-typography-ui-body-lg-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.54px);--eds-typography-ui-body-lg-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-lg-tracking-loose:var(--eds--spacious,1.76px)var(--eds--comfortable,1.54px);--eds-typography-ui-body-lg-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-lg-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-lg-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-lg-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-ui-body-lg-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-xl-font-size:var(--eds--spacious,1.156rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-xl-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.76px);--eds-typography-ui-body-xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-xl-tracking-loose:var(--eds--spacious,2.035px)var(--eds--comfortable,1.76px);--eds-typography-ui-body-xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-xl-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.5rem);--eds-typography-ui-body-xl-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.25rem);--eds-typography-ui-body-2xl-font-size:var(--eds--spacious,1.313rem)var(--eds--comfortable,1.156rem);--eds-typography-ui-body-2xl-tracking-tight:var(--eds--spacious,-2.31px)var(--eds--comfortable,-1.76px);--eds-typography-ui-body-2xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-2xl-tracking-loose:var(--eds--spacious,2.31px)var(--eds--comfortable,2.035px);--eds-typography-ui-body-2xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-2xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-2xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-2xl-lineheight-default:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-ui-body-2xl-lineheight-squished:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-ui-body-3xl-font-size:var(--eds--spacious,1.531rem)var(--eds--comfortable,1.313rem);--eds-typography-ui-body-3xl-tracking-tight:var(--eds--spacious,-2.695px)var(--eds--comfortable,-2.31px);--eds-typography-ui-body-3xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-3xl-tracking-loose:var(--eds--spacious,2.695px)var(--eds--comfortable,2.31px);--eds-typography-ui-body-3xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-3xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-3xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-3xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-3xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-ui-body-4xl-font-size:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.531rem);--eds-typography-ui-body-4xl-tracking-tight:var(--eds--spacious,-3.08px)var(--eds--comfortable,-2.695px);--eds-typography-ui-body-4xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-4xl-tracking-loose:var(--eds--spacious,3.08px)var(--eds--comfortable,2.695px);--eds-typography-ui-body-4xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-4xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-4xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-4xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,2rem);--eds-typography-ui-body-4xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-5xl-font-size:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-5xl-tracking-tight:var(--eds--spacious,-3.52px)var(--eds--comfortable,-3.08px);--eds-typography-ui-body-5xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-5xl-tracking-loose:var(--eds--spacious,3.52px)var(--eds--comfortable,3.08px);--eds-typography-ui-body-5xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-5xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-5xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-5xl-lineheight-default:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem);--eds-typography-ui-body-5xl-lineheight-squished:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-6xl-font-size:var(--eds--spacious,2.313rem)var(--eds--comfortable,2rem);--eds-typography-ui-body-6xl-tracking-tight:var(--eds--spacious,-4.07px)var(--eds--comfortable,-3.52px);--eds-typography-ui-body-6xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-6xl-tracking-loose:var(--eds--spacious,4.07px)var(--eds--comfortable,3.52px);--eds-typography-ui-body-6xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-6xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,0px);--eds-typography-ui-body-6xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-6xl-lineheight-default:var(--eds--spacious,2.5rem)var(--eds--comfortable,2.25rem);--eds-typography-ui-body-6xl-lineheight-squished:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem);--eds-typography-header-xs-font-size:var(--eds--spacious,.75rem)var(--eds--comfortable,.656rem);--eds-typography-header-xs-tracking-tight:var(--eds--spacious,-1.15px)var(--eds--comfortable,-.99px);--eds-typography-header-xs-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-xs-tracking-loose:var(--eds--spacious,1.15px)var(--eds--comfortable,.99px);--eds-typography-header-xs-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-xs-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-xs-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-xs-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-header-xs-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-header-font-family:"Equinor";--eds-typography-header-sm-font-size:var(--eds--spacious,.875rem)var(--eds--comfortable,.75rem);--eds-typography-header-sm-tracking-tight:var(--eds--spacious,-1.32px)var(--eds--comfortable,-1.15px);--eds-typography-header-sm-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-sm-tracking-loose:var(--eds--spacious,1.32px)var(--eds--comfortable,1.15px);--eds-typography-header-sm-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-sm-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-sm-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-sm-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,1rem);--eds-typography-header-sm-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-header-md-font-size:var(--eds--spacious,1rem)var(--eds--comfortable,.875rem);--eds-typography-header-md-tracking-tight:var(--eds--spacious,-1.54px)var(--eds--comfortable,-1.32px);--eds-typography-header-md-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-md-tracking-loose:var(--eds--spacious,1.54px)var(--eds--comfortable,1.32px);--eds-typography-header-md-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-md-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-md-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-md-lineheight-default:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-header-md-lineheight-squished:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-header-lg-font-size:var(--eds--spacious,1.125rem)var(--eds--comfortable,1rem);--eds-typography-header-lg-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.54px);--eds-typography-header-lg-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-lg-tracking-loose:var(--eds--spacious,1.76px)var(--eds--comfortable,1.54px);--eds-typography-header-lg-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-lg-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-lg-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-lg-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-header-lg-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-header-xl-font-size:var(--eds--spacious,1.313rem)var(--eds--comfortable,1.125rem);--eds-typography-header-xl-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.76px);--eds-typography-header-xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-xl-tracking-loose:var(--eds--spacious,2.035px)var(--eds--comfortable,1.76px);--eds-typography-header-xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-xl-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.5rem);--eds-typography-header-xl-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.25rem);--eds-typography-header-2xl-font-size:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.313rem);--eds-typography-header-2xl-tracking-tight:var(--eds--spacious,-2.31px)var(--eds--comfortable,-1.76px);--eds-typography-header-2xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-2xl-tracking-loose:var(--eds--spacious,2.31px)var(--eds--comfortable,2.035px);--eds-typography-header-2xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-2xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-2xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-2xl-lineheight-default:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-header-2xl-lineheight-squished:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-header-3xl-font-size:var(--eds--spacious,1.719rem)var(--eds--comfortable,1.5rem);--eds-typography-header-3xl-tracking-tight:var(--eds--spacious,-2.695px)var(--eds--comfortable,-2.31px);--eds-typography-header-3xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-3xl-tracking-loose:var(--eds--spacious,2.695px)var(--eds--comfortable,2.31px);--eds-typography-header-3xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-3xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-3xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-3xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-header-3xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-header-4xl-font-size:var(--eds--spacious,1.969rem)var(--eds--comfortable,1.719rem);--eds-typography-header-4xl-tracking-tight:var(--eds--spacious,-3.08px)var(--eds--comfortable,-2.695px);--eds-typography-header-4xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-4xl-tracking-loose:var(--eds--spacious,3.08px)var(--eds--comfortable,2.695px);--eds-typography-header-4xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-4xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-4xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-4xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,2rem);--eds-typography-header-4xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.75rem);--eds-typography-header-5xl-font-size:var(--eds--spacious,2.281rem)var(--eds--comfortable,1.969rem);--eds-typography-header-5xl-tracking-tight:var(--eds--spacious,-3.52px)var(--eds--comfortable,-3.08px);--eds-typography-header-5xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-5xl-tracking-loose:var(--eds--spacious,3.52px)var(--eds--comfortable,3.08px);--eds-typography-header-5xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-5xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-5xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-5xl-lineheight-default:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem);--eds-typography-header-5xl-lineheight-squished:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-header-6xl-font-size:var(--eds--spacious,2.625rem)var(--eds--comfortable,2.281rem);--eds-typography-header-6xl-tracking-tight:var(--eds--spacious,-4.07px)var(--eds--comfortable,-3.52px);--eds-typography-header-6xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-6xl-tracking-loose:var(--eds--spacious,4.07px)var(--eds--comfortable,3.52px);--eds-typography-header-6xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-6xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-6xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-6xl-lineheight-default:var(--eds--spacious,2.5rem)var(--eds--comfortable,2.25rem);--eds-typography-header-6xl-lineheight-squished:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem)} \ No newline at end of file diff --git a/packages/eds-tokens/build/css/variables-static.css b/packages/eds-tokens/build/css/variables-static.css deleted file mode 100644 index 15b6628d23..0000000000 --- a/packages/eds-tokens/build/css/variables-static.css +++ /dev/null @@ -1,518 +0,0 @@ -:root, [data-color-scheme="light"] { - color-scheme: light; -} - -[data-color-scheme="dark"] { - color-scheme: dark; -} - -:root { - --eds-color-bg-floating: light-dark(#fff, #202223); - --eds-color-bg-backdrop: light-dark(#aeaeae, #738696); - --eds-color-bg-input: light-dark(#f5f5f5, #0b0b0b); - --eds-color-border-focus: light-dark(#6fb6e9, #2d8bc5); - --eds-color-text-link: light-dark(#121e27, #ecffff); - --eds-color-accent-1: light-dark(#eaf8fa, #0a0b0b); - --eds-color-accent-2: light-dark(#f6ffff, #1e2323); - --eds-color-accent-3: light-dark(#c5e1e4, #3c6266); - --eds-color-accent-4: light-dark(#b1d6da, #3e7378); - --eds-color-accent-5: light-dark(#97c8cd, #41878e); - --eds-color-accent-6: light-dark(#bbdbdf, #3c6266); - --eds-color-accent-7: light-dark(#7cbac1, #439199); - --eds-color-accent-8: light-dark(#21767e, #6ec0c9); - --eds-color-accent-9: light-dark(#206f77, #8cd2da); - --eds-color-accent-10: light-dark(#205c62, #ace3e9); - --eds-color-accent-11: light-dark(#20565c, #c7f1f6); - --eds-color-accent-12: light-dark(#1f6369, #bcebf1); - --eds-color-accent-13: light-dark(#141f20, #e6ffff); - --eds-color-accent-14: light-dark(#cae4e7, #2c3839); - --eds-color-accent-15: light-dark(#fff, #030303); - --eds-color-neutral-1: light-dark(#f5f5f5, #0b0b0b); - --eds-color-neutral-2: light-dark(#fff, #202223); - --eds-color-neutral-3: light-dark(#dbdbdb, #525c65); - --eds-color-neutral-4: light-dark(#cecece, #5d6b76); - --eds-color-neutral-5: light-dark(#bebebe, #6b7d8b); - --eds-color-neutral-6: light-dark(#d4d4d4, #525c65); - --eds-color-neutral-7: light-dark(#aeaeae, #738696); - --eds-color-neutral-8: light-dark(#696969, #9fb4c6); - --eds-color-neutral-9: light-dark(#636363, #b4c7d7); - --eds-color-neutral-10: light-dark(#525252, #cadae7); - --eds-color-neutral-11: light-dark(#4d4d4d, #deeaf4); - --eds-color-neutral-12: light-dark(#585858, #d6e3ee); - --eds-color-neutral-13: light-dark(#1d1d1d, #f5fdff); - --eds-color-neutral-14: light-dark(#dedede, #333639); - --eds-color-neutral-15: light-dark(#fff, #030303); - --eds-color-info-1: light-dark(#e7f8ff, #0a0b0c); - --eds-color-info-2: light-dark(#f4ffff, #1d2226); - --eds-color-info-3: light-dark(#c0e0f8, #33607e); - --eds-color-info-4: light-dark(#aad4f3, #316f98); - --eds-color-info-5: light-dark(#8dc5ee, #2e82b7); - --eds-color-info-6: light-dark(#b5daf5, #33607e); - --eds-color-info-7: light-dark(#6fb6e9, #2d8bc5); - --eds-color-info-8: light-dark(#0070a9, #5abbfb); - --eds-color-info-9: light-dark(#006aa0, #7dceff); - --eds-color-info-10: light-dark(#085883, #a2e0ff); - --eds-color-info-11: light-dark(#0e5279, #c4eeff); - --eds-color-info-12: light-dark(#015e8d, #b7e8ff); - --eds-color-info-13: light-dark(#121e27, #ecffff); - --eds-color-info-14: light-dark(#c5e3f9, #2a3741); - --eds-color-info-15: light-dark(#fff, #030304); - --eds-color-success-1: light-dark(#eafbe8, #0a0c0a); - --eds-color-success-2: light-dark(#f6fff5, #1e231e); - --eds-color-success-3: light-dark(#c5e5c2, #3c673a); - --eds-color-success-4: light-dark(#b1dbae, #3e793c); - --eds-color-success-5: light-dark(#97cf93, #418e3e); - --eds-color-success-6: light-dark(#bbe0b8, #3c673a); - --eds-color-success-7: light-dark(#7cc278, #439941); - --eds-color-success-8: light-dark(#227e22, #6eca6a); - --eds-color-success-9: light-dark(#207720, #8cdb87); - --eds-color-success-10: light-dark(#20621f, #aceba8); - --eds-color-success-11: light-dark(#215c1f, #c7f7c3); - --eds-color-success-12: light-dark(#20691f, #bcf2b8); - --eds-color-success-13: light-dark(#142114, #e6ffe3); - --eds-color-success-14: light-dark(#cae8c7, #2c392b); - --eds-color-success-15: light-dark(#fff, #030303); - --eds-color-warning-1: light-dark(#fff1e2, #0c0b0a); - --eds-color-warning-2: light-dark(#fffcf0, #27201b); - --eds-color-warning-3: light-dark(#f9d2b6, #7e4e25); - --eds-color-warning-4: light-dark(#f4c29d, #97571b); - --eds-color-warning-5: light-dark(#eeae7c, #b46201); - --eds-color-warning-6: light-dark(#f6caaa, #7e4e25); - --eds-color-warning-7: light-dark(#e89959, #c36800); - --eds-color-warning-8: light-dark(#a34e00, #f99539); - --eds-color-warning-9: light-dark(#9b4900, #ffad63); - --eds-color-warning-10: light-dark(#813e00, #ffc791); - --eds-color-warning-11: light-dark(#773a00, #ffddb9); - --eds-color-warning-12: light-dark(#8a4100, #ffd4aa); - --eds-color-warning-13: light-dark(#27190e, #fff7e6); - --eds-color-warning-14: light-dark(#fad6bc, #413226); - --eds-color-warning-15: light-dark(#fff, #040303); - --eds-color-danger-1: light-dark(#ffecea, #0d0a0a); - --eds-color-danger-2: light-dark(#fff9f8, #2a1e1e); - --eds-color-danger-3: light-dark(#ffc6c4, #923a3c); - --eds-color-danger-4: light-dark(#ffb2b0, #b03940); - --eds-color-danger-5: light-dark(#ff9897, #d43745); - --eds-color-danger-6: light-dark(#ffbcba, #923a3c); - --eds-color-danger-7: light-dark(#ff7a7d, #e53748); - --eds-color-danger-8: light-dark(#c6002d, #ff8082); - --eds-color-danger-9: light-dark(#bc002a, #ffa3a1); - --eds-color-danger-10: light-dark(#9a1026, #ffc1bf); - --eds-color-danger-11: light-dark(#8e1525, #ffd9d7); - --eds-color-danger-12: light-dark(#a50827, #ffd0ce); - --eds-color-danger-13: light-dark(#2e1414, #fff5f4); - --eds-color-danger-14: light-dark(#ffcbc9, #492d2c); - --eds-color-danger-15: light-dark(#fff, #040303); - --eds-color-bg-neutral-canvas: var(--eds-color-neutral-1); - --eds-color-bg-neutral-surface: var(--eds-color-neutral-2); - --eds-color-bg-neutral-fill-muted-default: var(--eds-color-neutral-3); - --eds-color-bg-neutral-fill-muted-hover: var(--eds-color-neutral-4); - --eds-color-bg-neutral-fill-muted-active: var(--eds-color-neutral-5); - --eds-color-bg-neutral-fill-emphasis-default: var(--eds-color-neutral-9); - --eds-color-bg-neutral-fill-emphasis-hover: var(--eds-color-neutral-10); - --eds-color-bg-neutral-fill-emphasis-active: var(--eds-color-neutral-11); - --eds-color-bg-accent-canvas: var(--eds-color-accent-1); - --eds-color-bg-accent-surface: var(--eds-color-accent-2); - --eds-color-bg-accent-fill-muted-default: var(--eds-color-accent-3); - --eds-color-bg-accent-fill-muted-hover: var(--eds-color-accent-4); - --eds-color-bg-accent-fill-muted-active: var(--eds-color-accent-5); - --eds-color-bg-accent-fill-emphasis-default: var(--eds-color-accent-9); - --eds-color-bg-accent-fill-emphasis-hover: var(--eds-color-accent-10); - --eds-color-bg-accent-fill-emphasis-active: var(--eds-color-accent-11); - --eds-color-bg-success-canvas: var(--eds-color-success-1); - --eds-color-bg-success-surface: var(--eds-color-success-2); - --eds-color-bg-success-fill-muted-default: var(--eds-color-success-3); - --eds-color-bg-success-fill-muted-hover: var(--eds-color-success-4); - --eds-color-bg-success-fill-muted-active: var(--eds-color-success-5); - --eds-color-bg-success-fill-emphasis-default: var(--eds-color-success-9); - --eds-color-bg-success-fill-emphasis-hover: var(--eds-color-success-10); - --eds-color-bg-success-fill-emphasis-active: var(--eds-color-success-11); - --eds-color-bg-info-canvas: var(--eds-color-info-1); - --eds-color-bg-info-surface: var(--eds-color-info-2); - --eds-color-bg-info-fill-muted-default: var(--eds-color-info-3); - --eds-color-bg-info-fill-muted-hover: var(--eds-color-info-4); - --eds-color-bg-info-fill-muted-active: var(--eds-color-info-5); - --eds-color-bg-info-fill-emphasis-default: var(--eds-color-info-9); - --eds-color-bg-info-fill-emphasis-hover: var(--eds-color-info-10); - --eds-color-bg-info-fill-emphasis-active: var(--eds-color-info-11); - --eds-color-bg-warning-canvas: var(--eds-color-warning-1); - --eds-color-bg-warning-surface: var(--eds-color-warning-2); - --eds-color-bg-warning-fill-muted-default: var(--eds-color-warning-3); - --eds-color-bg-warning-fill-muted-hover: var(--eds-color-warning-4); - --eds-color-bg-warning-fill-muted-active: var(--eds-color-warning-5); - --eds-color-bg-warning-fill-emphasis-default: var(--eds-color-warning-9); - --eds-color-bg-warning-fill-emphasis-hover: var(--eds-color-warning-10); - --eds-color-bg-warning-fill-emphasis-active: var(--eds-color-warning-11); - --eds-color-bg-danger-canvas: var(--eds-color-danger-1); - --eds-color-bg-danger-surface: var(--eds-color-danger-2); - --eds-color-bg-danger-fill-muted-default: var(--eds-color-danger-3); - --eds-color-bg-danger-fill-muted-hover: var(--eds-color-danger-4); - --eds-color-bg-danger-fill-muted-active: var(--eds-color-danger-5); - --eds-color-bg-danger-fill-emphasis-default: var(--eds-color-danger-9); - --eds-color-bg-danger-fill-emphasis-hover: var(--eds-color-danger-10); - --eds-color-bg-danger-fill-emphasis-active: var(--eds-color-danger-11); - --eds-color-border-neutral-subtle: var(--eds-color-neutral-6); - --eds-color-border-neutral-medium: var(--eds-color-neutral-7); - --eds-color-border-neutral-strong: var(--eds-color-neutral-8); - --eds-color-border-accent-subtle: var(--eds-color-accent-6); - --eds-color-border-accent-medium: var(--eds-color-accent-7); - --eds-color-border-accent-strong: var(--eds-color-accent-8); - --eds-color-border-success-subtle: var(--eds-color-success-6); - --eds-color-border-success-medium: var(--eds-color-success-7); - --eds-color-border-success-strong: var(--eds-color-success-8); - --eds-color-border-info-subtle: var(--eds-color-info-6); - --eds-color-border-info-medium: var(--eds-color-info-7); - --eds-color-border-info-strong: var(--eds-color-info-8); - --eds-color-border-warning-subtle: var(--eds-color-warning-6); - --eds-color-border-warning-medium: var(--eds-color-warning-7); - --eds-color-border-warning-strong: var(--eds-color-warning-8); - --eds-color-border-danger-subtle: var(--eds-color-danger-6); - --eds-color-border-danger-medium: var(--eds-color-danger-7); - --eds-color-border-danger-strong: var(--eds-color-danger-8); - --eds-color-text-neutral-subtle: var(--eds-color-neutral-12); - --eds-color-text-neutral-strong: var(--eds-color-neutral-13); - --eds-color-text-neutral-subtle-on-emphasis: var(--eds-color-neutral-14); - --eds-color-text-neutral-strong-on-emphasis: var(--eds-color-neutral-15); - --eds-color-text-accent-subtle: var(--eds-color-accent-12); - --eds-color-text-accent-strong: var(--eds-color-accent-13); - --eds-color-text-accent-subtle-on-emphasis: var(--eds-color-accent-14); - --eds-color-text-accent-strong-on-emphasis: var(--eds-color-accent-15); - --eds-color-text-success-subtle: var(--eds-color-success-12); - --eds-color-text-success-strong: var(--eds-color-success-13); - --eds-color-text-success-subtle-on-emphasis: var(--eds-color-success-14); - --eds-color-text-success-strong-on-emphasis: var(--eds-color-success-15); - --eds-color-text-info-subtle: var(--eds-color-info-12); - --eds-color-text-info-strong: var(--eds-color-info-13); - --eds-color-text-info-subtle-on-emphasis: var(--eds-color-info-14); - --eds-color-text-info-strong-on-emphasis: var(--eds-color-info-15); - --eds-color-text-warning-subtle: var(--eds-color-warning-12); - --eds-color-text-warning-strong: var(--eds-color-warning-13); - --eds-color-text-warning-subtle-on-emphasis: var(--eds-color-warning-14); - --eds-color-text-warning-strong-on-emphasis: var(--eds-color-warning-15); - --eds-color-text-danger-subtle: var(--eds-color-danger-12); - --eds-color-text-danger-strong: var(--eds-color-danger-13); - --eds-color-text-danger-subtle-on-emphasis: var(--eds-color-danger-14); - --eds-color-text-danger-strong-on-emphasis: var(--eds-color-danger-15); -} - -@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, [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, [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-rounded: var(--eds--spacious, .25rem) var(--eds--comfortable, .188rem); - --eds-spacing-border-radius-pill: var(--eds--spacious, 62.5rem) var(--eds--comfortable, 62.5rem); - --eds-spacing-border-radius-none: 0rem; - --eds-spacing-inset-xs-inline: var(--eds--spacious, .5rem) var(--eds--comfortable, .375rem); - --eds-spacing-inset-xs-stack-squished: var(--eds--spacious, .375rem) var(--eds--comfortable, .25rem); - --eds-spacing-inset-xs-stack-squared: var(--eds--spacious, .5rem) var(--eds--comfortable, .375rem); - --eds-spacing-inset-xs-stack-stretched: var(--eds--spacious, .75rem) var(--eds--comfortable, .5rem); - --eds-spacing-inset-sm-inline: var(--eds--spacious, .75rem) var(--eds--comfortable, .5rem); - --eds-spacing-inset-sm-stack-squished: var(--eds--spacious, .5rem) var(--eds--comfortable, .375rem); - --eds-spacing-inset-sm-stack-squared: var(--eds--spacious, .75rem) var(--eds--comfortable, .5rem); - --eds-spacing-inset-sm-stack-stretched: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem); - --eds-spacing-inset-md-inline: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem); - --eds-spacing-inset-md-stack-squished: var(--eds--spacious, .75rem) var(--eds--comfortable, .5rem); - --eds-spacing-inset-md-stack-squared: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem); - --eds-spacing-inset-md-stack-stretched: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem); - --eds-spacing-inset-lg-inline: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem); - --eds-spacing-inset-lg-stack-squished: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem); - --eds-spacing-inset-lg-stack-squared: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem); - --eds-spacing-inset-lg-stack-stretched: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem); - --eds-spacing-inset-xl-inline: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem); - --eds-spacing-inset-xl-stack-squished: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem); - --eds-spacing-inset-xl-stack-squared: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem); - --eds-spacing-inset-xl-stack-stretched: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem); - --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-typography-ui-body-xs-font-size: var(--eds--spacious, .656rem) var(--eds--comfortable, .563rem); - --eds-typography-ui-body-xs-tracking-tight: var(--eds--spacious, -1.15px) var(--eds--comfortable, -.99px); - --eds-typography-ui-body-xs-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-ui-body-xs-tracking-loose: var(--eds--spacious, 1.15px) var(--eds--comfortable, .99px); - --eds-typography-ui-body-xs-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-ui-body-xs-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-ui-body-xs-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-ui-body-xs-lineheight-default: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem); - --eds-typography-ui-body-xs-lineheight-squished: var(--eds--spacious, .75rem) var(--eds--comfortable, .75rem); - --eds-typography-ui-body-sm-font-size: var(--eds--spacious, .75rem) var(--eds--comfortable, .656rem); - --eds-typography-ui-body-sm-tracking-tight: var(--eds--spacious, -1.32px) var(--eds--comfortable, -1.15px); - --eds-typography-ui-body-sm-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-ui-body-sm-tracking-loose: var(--eds--spacious, 1.32px) var(--eds--comfortable, 1.15px); - --eds-typography-ui-body-sm-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-ui-body-sm-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-ui-body-sm-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-ui-body-sm-lineheight-default: var(--eds--spacious, 1rem) var(--eds--comfortable, 1rem); - --eds-typography-ui-body-sm-lineheight-squished: var(--eds--spacious, .75rem) var(--eds--comfortable, .75rem); - --eds-typography-ui-body-font-family: "Inter"; - --eds-typography-ui-body-md-font-size: var(--eds--spacious, .875rem) var(--eds--comfortable, .75rem); - --eds-typography-ui-body-md-tracking-tight: var(--eds--spacious, -1.54px) var(--eds--comfortable, -1.32px); - --eds-typography-ui-body-md-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-ui-body-md-tracking-loose: var(--eds--spacious, 1.54px) var(--eds--comfortable, 1.32px); - --eds-typography-ui-body-md-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-ui-body-md-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-ui-body-md-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-ui-body-md-lineheight-default: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem); - --eds-typography-ui-body-md-lineheight-squished: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem); - --eds-typography-ui-body-lg-font-size: var(--eds--spacious, 1rem) var(--eds--comfortable, .875rem); - --eds-typography-ui-body-lg-tracking-tight: var(--eds--spacious, -1.76px) var(--eds--comfortable, -1.54px); - --eds-typography-ui-body-lg-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-ui-body-lg-tracking-loose: var(--eds--spacious, 1.76px) var(--eds--comfortable, 1.54px); - --eds-typography-ui-body-lg-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-ui-body-lg-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-ui-body-lg-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-ui-body-lg-lineheight-default: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem); - --eds-typography-ui-body-lg-lineheight-squished: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem); - --eds-typography-ui-body-xl-font-size: var(--eds--spacious, 1.156rem) var(--eds--comfortable, 1rem); - --eds-typography-ui-body-xl-tracking-tight: var(--eds--spacious, -1.76px) var(--eds--comfortable, -1.76px); - --eds-typography-ui-body-xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-ui-body-xl-tracking-loose: var(--eds--spacious, 2.035px) var(--eds--comfortable, 1.76px); - --eds-typography-ui-body-xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-ui-body-xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-ui-body-xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-ui-body-xl-lineheight-default: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.5rem); - --eds-typography-ui-body-xl-lineheight-squished: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1.25rem); - --eds-typography-ui-body-2xl-font-size: var(--eds--spacious, 1.313rem) var(--eds--comfortable, 1.156rem); - --eds-typography-ui-body-2xl-tracking-tight: var(--eds--spacious, -2.31px) var(--eds--comfortable, -1.76px); - --eds-typography-ui-body-2xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-ui-body-2xl-tracking-loose: var(--eds--spacious, 2.31px) var(--eds--comfortable, 2.035px); - --eds-typography-ui-body-2xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-ui-body-2xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-ui-body-2xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-ui-body-2xl-lineheight-default: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem); - --eds-typography-ui-body-2xl-lineheight-squished: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem); - --eds-typography-ui-body-3xl-font-size: var(--eds--spacious, 1.531rem) var(--eds--comfortable, 1.313rem); - --eds-typography-ui-body-3xl-tracking-tight: var(--eds--spacious, -2.695px) var(--eds--comfortable, -2.31px); - --eds-typography-ui-body-3xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-ui-body-3xl-tracking-loose: var(--eds--spacious, 2.695px) var(--eds--comfortable, 2.31px); - --eds-typography-ui-body-3xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-ui-body-3xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-ui-body-3xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-ui-body-3xl-lineheight-default: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem); - --eds-typography-ui-body-3xl-lineheight-squished: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem); - --eds-typography-ui-body-4xl-font-size: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.531rem); - --eds-typography-ui-body-4xl-tracking-tight: var(--eds--spacious, -3.08px) var(--eds--comfortable, -2.695px); - --eds-typography-ui-body-4xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-ui-body-4xl-tracking-loose: var(--eds--spacious, 3.08px) var(--eds--comfortable, 2.695px); - --eds-typography-ui-body-4xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-ui-body-4xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-ui-body-4xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-ui-body-4xl-lineheight-default: var(--eds--spacious, 2rem) var(--eds--comfortable, 2rem); - --eds-typography-ui-body-4xl-lineheight-squished: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.75rem); - --eds-typography-ui-body-5xl-font-size: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem); - --eds-typography-ui-body-5xl-tracking-tight: var(--eds--spacious, -3.52px) var(--eds--comfortable, -3.08px); - --eds-typography-ui-body-5xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-ui-body-5xl-tracking-loose: var(--eds--spacious, 3.52px) var(--eds--comfortable, 3.08px); - --eds-typography-ui-body-5xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-ui-body-5xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-ui-body-5xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-ui-body-5xl-lineheight-default: var(--eds--spacious, 2.25rem) var(--eds--comfortable, 2rem); - --eds-typography-ui-body-5xl-lineheight-squished: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem); - --eds-typography-ui-body-6xl-font-size: var(--eds--spacious, 2.313rem) var(--eds--comfortable, 2rem); - --eds-typography-ui-body-6xl-tracking-tight: var(--eds--spacious, -4.07px) var(--eds--comfortable, -3.52px); - --eds-typography-ui-body-6xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-ui-body-6xl-tracking-loose: var(--eds--spacious, 4.07px) var(--eds--comfortable, 3.52px); - --eds-typography-ui-body-6xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-ui-body-6xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 0px); - --eds-typography-ui-body-6xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-ui-body-6xl-lineheight-default: var(--eds--spacious, 2.5rem) var(--eds--comfortable, 2.25rem); - --eds-typography-ui-body-6xl-lineheight-squished: var(--eds--spacious, 2.25rem) var(--eds--comfortable, 2rem); - --eds-typography-header-xs-font-size: var(--eds--spacious, .75rem) var(--eds--comfortable, .656rem); - --eds-typography-header-xs-tracking-tight: var(--eds--spacious, -1.15px) var(--eds--comfortable, -.99px); - --eds-typography-header-xs-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-header-xs-tracking-loose: var(--eds--spacious, 1.15px) var(--eds--comfortable, .99px); - --eds-typography-header-xs-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-header-xs-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-header-xs-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-header-xs-lineheight-default: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem); - --eds-typography-header-xs-lineheight-squished: var(--eds--spacious, .75rem) var(--eds--comfortable, .75rem); - --eds-typography-header-font-family: "Equinor"; - --eds-typography-header-sm-font-size: var(--eds--spacious, .875rem) var(--eds--comfortable, .75rem); - --eds-typography-header-sm-tracking-tight: var(--eds--spacious, -1.32px) var(--eds--comfortable, -1.15px); - --eds-typography-header-sm-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-header-sm-tracking-loose: var(--eds--spacious, 1.32px) var(--eds--comfortable, 1.15px); - --eds-typography-header-sm-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-header-sm-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-header-sm-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-header-sm-lineheight-default: var(--eds--spacious, 1rem) var(--eds--comfortable, 1rem); - --eds-typography-header-sm-lineheight-squished: var(--eds--spacious, .75rem) var(--eds--comfortable, .75rem); - --eds-typography-header-md-font-size: var(--eds--spacious, 1rem) var(--eds--comfortable, .875rem); - --eds-typography-header-md-tracking-tight: var(--eds--spacious, -1.54px) var(--eds--comfortable, -1.32px); - --eds-typography-header-md-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-header-md-tracking-loose: var(--eds--spacious, 1.54px) var(--eds--comfortable, 1.32px); - --eds-typography-header-md-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-header-md-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-header-md-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-header-md-lineheight-default: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem); - --eds-typography-header-md-lineheight-squished: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem); - --eds-typography-header-lg-font-size: var(--eds--spacious, 1.125rem) var(--eds--comfortable, 1rem); - --eds-typography-header-lg-tracking-tight: var(--eds--spacious, -1.76px) var(--eds--comfortable, -1.54px); - --eds-typography-header-lg-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-header-lg-tracking-loose: var(--eds--spacious, 1.76px) var(--eds--comfortable, 1.54px); - --eds-typography-header-lg-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-header-lg-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-header-lg-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-header-lg-lineheight-default: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem); - --eds-typography-header-lg-lineheight-squished: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem); - --eds-typography-header-xl-font-size: var(--eds--spacious, 1.313rem) var(--eds--comfortable, 1.125rem); - --eds-typography-header-xl-tracking-tight: var(--eds--spacious, -1.76px) var(--eds--comfortable, -1.76px); - --eds-typography-header-xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-header-xl-tracking-loose: var(--eds--spacious, 2.035px) var(--eds--comfortable, 1.76px); - --eds-typography-header-xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-header-xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-header-xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-header-xl-lineheight-default: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.5rem); - --eds-typography-header-xl-lineheight-squished: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1.25rem); - --eds-typography-header-2xl-font-size: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.313rem); - --eds-typography-header-2xl-tracking-tight: var(--eds--spacious, -2.31px) var(--eds--comfortable, -1.76px); - --eds-typography-header-2xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-header-2xl-tracking-loose: var(--eds--spacious, 2.31px) var(--eds--comfortable, 2.035px); - --eds-typography-header-2xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-header-2xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-header-2xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-header-2xl-lineheight-default: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem); - --eds-typography-header-2xl-lineheight-squished: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem); - --eds-typography-header-3xl-font-size: var(--eds--spacious, 1.719rem) var(--eds--comfortable, 1.5rem); - --eds-typography-header-3xl-tracking-tight: var(--eds--spacious, -2.695px) var(--eds--comfortable, -2.31px); - --eds-typography-header-3xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-header-3xl-tracking-loose: var(--eds--spacious, 2.695px) var(--eds--comfortable, 2.31px); - --eds-typography-header-3xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-header-3xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-header-3xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-header-3xl-lineheight-default: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem); - --eds-typography-header-3xl-lineheight-squished: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem); - --eds-typography-header-4xl-font-size: var(--eds--spacious, 1.969rem) var(--eds--comfortable, 1.719rem); - --eds-typography-header-4xl-tracking-tight: var(--eds--spacious, -3.08px) var(--eds--comfortable, -2.695px); - --eds-typography-header-4xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-header-4xl-tracking-loose: var(--eds--spacious, 3.08px) var(--eds--comfortable, 2.695px); - --eds-typography-header-4xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-header-4xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-header-4xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-header-4xl-lineheight-default: var(--eds--spacious, 2rem) var(--eds--comfortable, 2rem); - --eds-typography-header-4xl-lineheight-squished: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.75rem); - --eds-typography-header-5xl-font-size: var(--eds--spacious, 2.281rem) var(--eds--comfortable, 1.969rem); - --eds-typography-header-5xl-tracking-tight: var(--eds--spacious, -3.52px) var(--eds--comfortable, -3.08px); - --eds-typography-header-5xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-header-5xl-tracking-loose: var(--eds--spacious, 3.52px) var(--eds--comfortable, 3.08px); - --eds-typography-header-5xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-header-5xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-header-5xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-header-5xl-lineheight-default: var(--eds--spacious, 2.25rem) var(--eds--comfortable, 2rem); - --eds-typography-header-5xl-lineheight-squished: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem); - --eds-typography-header-6xl-font-size: var(--eds--spacious, 2.625rem) var(--eds--comfortable, 2.281rem); - --eds-typography-header-6xl-tracking-tight: var(--eds--spacious, -4.07px) var(--eds--comfortable, -3.52px); - --eds-typography-header-6xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px); - --eds-typography-header-6xl-tracking-loose: var(--eds--spacious, 4.07px) var(--eds--comfortable, 3.52px); - --eds-typography-header-6xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300); - --eds-typography-header-6xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400); - --eds-typography-header-6xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500); - --eds-typography-header-6xl-lineheight-default: var(--eds--spacious, 2.5rem) var(--eds--comfortable, 2.25rem); - --eds-typography-header-6xl-lineheight-squished: var(--eds--spacious, 2.25rem) var(--eds--comfortable, 2rem); -} diff --git a/packages/eds-tokens/build/css/variables-static.min.css b/packages/eds-tokens/build/css/variables-static.min.css deleted file mode 100644 index 505b91cc6c..0000000000 --- a/packages/eds-tokens/build/css/variables-static.min.css +++ /dev/null @@ -1 +0,0 @@ -:root,[data-color-scheme=light]{color-scheme:light}[data-color-scheme=dark]{color-scheme:dark}:root{--eds-color-bg-floating:light-dark(#fff,#202223);--eds-color-bg-backdrop:light-dark(#aeaeae,#738696);--eds-color-bg-input:light-dark(#f5f5f5,#0b0b0b);--eds-color-border-focus:light-dark(#6fb6e9,#2d8bc5);--eds-color-text-link:light-dark(#121e27,#ecffff);--eds-color-accent-1:light-dark(#eaf8fa,#0a0b0b);--eds-color-accent-2:light-dark(#f6ffff,#1e2323);--eds-color-accent-3:light-dark(#c5e1e4,#3c6266);--eds-color-accent-4:light-dark(#b1d6da,#3e7378);--eds-color-accent-5:light-dark(#97c8cd,#41878e);--eds-color-accent-6:light-dark(#bbdbdf,#3c6266);--eds-color-accent-7:light-dark(#7cbac1,#439199);--eds-color-accent-8:light-dark(#21767e,#6ec0c9);--eds-color-accent-9:light-dark(#206f77,#8cd2da);--eds-color-accent-10:light-dark(#205c62,#ace3e9);--eds-color-accent-11:light-dark(#20565c,#c7f1f6);--eds-color-accent-12:light-dark(#1f6369,#bcebf1);--eds-color-accent-13:light-dark(#141f20,#e6ffff);--eds-color-accent-14:light-dark(#cae4e7,#2c3839);--eds-color-accent-15:light-dark(#fff,#030303);--eds-color-neutral-1:light-dark(#f5f5f5,#0b0b0b);--eds-color-neutral-2:light-dark(#fff,#202223);--eds-color-neutral-3:light-dark(#dbdbdb,#525c65);--eds-color-neutral-4:light-dark(#cecece,#5d6b76);--eds-color-neutral-5:light-dark(#bebebe,#6b7d8b);--eds-color-neutral-6:light-dark(#d4d4d4,#525c65);--eds-color-neutral-7:light-dark(#aeaeae,#738696);--eds-color-neutral-8:light-dark(#696969,#9fb4c6);--eds-color-neutral-9:light-dark(#636363,#b4c7d7);--eds-color-neutral-10:light-dark(#525252,#cadae7);--eds-color-neutral-11:light-dark(#4d4d4d,#deeaf4);--eds-color-neutral-12:light-dark(#585858,#d6e3ee);--eds-color-neutral-13:light-dark(#1d1d1d,#f5fdff);--eds-color-neutral-14:light-dark(#dedede,#333639);--eds-color-neutral-15:light-dark(#fff,#030303);--eds-color-info-1:light-dark(#e7f8ff,#0a0b0c);--eds-color-info-2:light-dark(#f4ffff,#1d2226);--eds-color-info-3:light-dark(#c0e0f8,#33607e);--eds-color-info-4:light-dark(#aad4f3,#316f98);--eds-color-info-5:light-dark(#8dc5ee,#2e82b7);--eds-color-info-6:light-dark(#b5daf5,#33607e);--eds-color-info-7:light-dark(#6fb6e9,#2d8bc5);--eds-color-info-8:light-dark(#0070a9,#5abbfb);--eds-color-info-9:light-dark(#006aa0,#7dceff);--eds-color-info-10:light-dark(#085883,#a2e0ff);--eds-color-info-11:light-dark(#0e5279,#c4eeff);--eds-color-info-12:light-dark(#015e8d,#b7e8ff);--eds-color-info-13:light-dark(#121e27,#ecffff);--eds-color-info-14:light-dark(#c5e3f9,#2a3741);--eds-color-info-15:light-dark(#fff,#030304);--eds-color-success-1:light-dark(#eafbe8,#0a0c0a);--eds-color-success-2:light-dark(#f6fff5,#1e231e);--eds-color-success-3:light-dark(#c5e5c2,#3c673a);--eds-color-success-4:light-dark(#b1dbae,#3e793c);--eds-color-success-5:light-dark(#97cf93,#418e3e);--eds-color-success-6:light-dark(#bbe0b8,#3c673a);--eds-color-success-7:light-dark(#7cc278,#439941);--eds-color-success-8:light-dark(#227e22,#6eca6a);--eds-color-success-9:light-dark(#207720,#8cdb87);--eds-color-success-10:light-dark(#20621f,#aceba8);--eds-color-success-11:light-dark(#215c1f,#c7f7c3);--eds-color-success-12:light-dark(#20691f,#bcf2b8);--eds-color-success-13:light-dark(#142114,#e6ffe3);--eds-color-success-14:light-dark(#cae8c7,#2c392b);--eds-color-success-15:light-dark(#fff,#030303);--eds-color-warning-1:light-dark(#fff1e2,#0c0b0a);--eds-color-warning-2:light-dark(#fffcf0,#27201b);--eds-color-warning-3:light-dark(#f9d2b6,#7e4e25);--eds-color-warning-4:light-dark(#f4c29d,#97571b);--eds-color-warning-5:light-dark(#eeae7c,#b46201);--eds-color-warning-6:light-dark(#f6caaa,#7e4e25);--eds-color-warning-7:light-dark(#e89959,#c36800);--eds-color-warning-8:light-dark(#a34e00,#f99539);--eds-color-warning-9:light-dark(#9b4900,#ffad63);--eds-color-warning-10:light-dark(#813e00,#ffc791);--eds-color-warning-11:light-dark(#773a00,#ffddb9);--eds-color-warning-12:light-dark(#8a4100,#ffd4aa);--eds-color-warning-13:light-dark(#27190e,#fff7e6);--eds-color-warning-14:light-dark(#fad6bc,#413226);--eds-color-warning-15:light-dark(#fff,#040303);--eds-color-danger-1:light-dark(#ffecea,#0d0a0a);--eds-color-danger-2:light-dark(#fff9f8,#2a1e1e);--eds-color-danger-3:light-dark(#ffc6c4,#923a3c);--eds-color-danger-4:light-dark(#ffb2b0,#b03940);--eds-color-danger-5:light-dark(#ff9897,#d43745);--eds-color-danger-6:light-dark(#ffbcba,#923a3c);--eds-color-danger-7:light-dark(#ff7a7d,#e53748);--eds-color-danger-8:light-dark(#c6002d,#ff8082);--eds-color-danger-9:light-dark(#bc002a,#ffa3a1);--eds-color-danger-10:light-dark(#9a1026,#ffc1bf);--eds-color-danger-11:light-dark(#8e1525,#ffd9d7);--eds-color-danger-12:light-dark(#a50827,#ffd0ce);--eds-color-danger-13:light-dark(#2e1414,#fff5f4);--eds-color-danger-14:light-dark(#ffcbc9,#492d2c);--eds-color-danger-15:light-dark(#fff,#040303);--eds-color-bg-neutral-canvas:var(--eds-color-neutral-1);--eds-color-bg-neutral-surface:var(--eds-color-neutral-2);--eds-color-bg-neutral-fill-muted-default:var(--eds-color-neutral-3);--eds-color-bg-neutral-fill-muted-hover:var(--eds-color-neutral-4);--eds-color-bg-neutral-fill-muted-active:var(--eds-color-neutral-5);--eds-color-bg-neutral-fill-emphasis-default:var(--eds-color-neutral-9);--eds-color-bg-neutral-fill-emphasis-hover:var(--eds-color-neutral-10);--eds-color-bg-neutral-fill-emphasis-active:var(--eds-color-neutral-11);--eds-color-bg-accent-canvas:var(--eds-color-accent-1);--eds-color-bg-accent-surface:var(--eds-color-accent-2);--eds-color-bg-accent-fill-muted-default:var(--eds-color-accent-3);--eds-color-bg-accent-fill-muted-hover:var(--eds-color-accent-4);--eds-color-bg-accent-fill-muted-active:var(--eds-color-accent-5);--eds-color-bg-accent-fill-emphasis-default:var(--eds-color-accent-9);--eds-color-bg-accent-fill-emphasis-hover:var(--eds-color-accent-10);--eds-color-bg-accent-fill-emphasis-active:var(--eds-color-accent-11);--eds-color-bg-success-canvas:var(--eds-color-success-1);--eds-color-bg-success-surface:var(--eds-color-success-2);--eds-color-bg-success-fill-muted-default:var(--eds-color-success-3);--eds-color-bg-success-fill-muted-hover:var(--eds-color-success-4);--eds-color-bg-success-fill-muted-active:var(--eds-color-success-5);--eds-color-bg-success-fill-emphasis-default:var(--eds-color-success-9);--eds-color-bg-success-fill-emphasis-hover:var(--eds-color-success-10);--eds-color-bg-success-fill-emphasis-active:var(--eds-color-success-11);--eds-color-bg-info-canvas:var(--eds-color-info-1);--eds-color-bg-info-surface:var(--eds-color-info-2);--eds-color-bg-info-fill-muted-default:var(--eds-color-info-3);--eds-color-bg-info-fill-muted-hover:var(--eds-color-info-4);--eds-color-bg-info-fill-muted-active:var(--eds-color-info-5);--eds-color-bg-info-fill-emphasis-default:var(--eds-color-info-9);--eds-color-bg-info-fill-emphasis-hover:var(--eds-color-info-10);--eds-color-bg-info-fill-emphasis-active:var(--eds-color-info-11);--eds-color-bg-warning-canvas:var(--eds-color-warning-1);--eds-color-bg-warning-surface:var(--eds-color-warning-2);--eds-color-bg-warning-fill-muted-default:var(--eds-color-warning-3);--eds-color-bg-warning-fill-muted-hover:var(--eds-color-warning-4);--eds-color-bg-warning-fill-muted-active:var(--eds-color-warning-5);--eds-color-bg-warning-fill-emphasis-default:var(--eds-color-warning-9);--eds-color-bg-warning-fill-emphasis-hover:var(--eds-color-warning-10);--eds-color-bg-warning-fill-emphasis-active:var(--eds-color-warning-11);--eds-color-bg-danger-canvas:var(--eds-color-danger-1);--eds-color-bg-danger-surface:var(--eds-color-danger-2);--eds-color-bg-danger-fill-muted-default:var(--eds-color-danger-3);--eds-color-bg-danger-fill-muted-hover:var(--eds-color-danger-4);--eds-color-bg-danger-fill-muted-active:var(--eds-color-danger-5);--eds-color-bg-danger-fill-emphasis-default:var(--eds-color-danger-9);--eds-color-bg-danger-fill-emphasis-hover:var(--eds-color-danger-10);--eds-color-bg-danger-fill-emphasis-active:var(--eds-color-danger-11);--eds-color-border-neutral-subtle:var(--eds-color-neutral-6);--eds-color-border-neutral-medium:var(--eds-color-neutral-7);--eds-color-border-neutral-strong:var(--eds-color-neutral-8);--eds-color-border-accent-subtle:var(--eds-color-accent-6);--eds-color-border-accent-medium:var(--eds-color-accent-7);--eds-color-border-accent-strong:var(--eds-color-accent-8);--eds-color-border-success-subtle:var(--eds-color-success-6);--eds-color-border-success-medium:var(--eds-color-success-7);--eds-color-border-success-strong:var(--eds-color-success-8);--eds-color-border-info-subtle:var(--eds-color-info-6);--eds-color-border-info-medium:var(--eds-color-info-7);--eds-color-border-info-strong:var(--eds-color-info-8);--eds-color-border-warning-subtle:var(--eds-color-warning-6);--eds-color-border-warning-medium:var(--eds-color-warning-7);--eds-color-border-warning-strong:var(--eds-color-warning-8);--eds-color-border-danger-subtle:var(--eds-color-danger-6);--eds-color-border-danger-medium:var(--eds-color-danger-7);--eds-color-border-danger-strong:var(--eds-color-danger-8);--eds-color-text-neutral-subtle:var(--eds-color-neutral-12);--eds-color-text-neutral-strong:var(--eds-color-neutral-13);--eds-color-text-neutral-subtle-on-emphasis:var(--eds-color-neutral-14);--eds-color-text-neutral-strong-on-emphasis:var(--eds-color-neutral-15);--eds-color-text-accent-subtle:var(--eds-color-accent-12);--eds-color-text-accent-strong:var(--eds-color-accent-13);--eds-color-text-accent-subtle-on-emphasis:var(--eds-color-accent-14);--eds-color-text-accent-strong-on-emphasis:var(--eds-color-accent-15);--eds-color-text-success-subtle:var(--eds-color-success-12);--eds-color-text-success-strong:var(--eds-color-success-13);--eds-color-text-success-subtle-on-emphasis:var(--eds-color-success-14);--eds-color-text-success-strong-on-emphasis:var(--eds-color-success-15);--eds-color-text-info-subtle:var(--eds-color-info-12);--eds-color-text-info-strong:var(--eds-color-info-13);--eds-color-text-info-subtle-on-emphasis:var(--eds-color-info-14);--eds-color-text-info-strong-on-emphasis:var(--eds-color-info-15);--eds-color-text-warning-subtle:var(--eds-color-warning-12);--eds-color-text-warning-strong:var(--eds-color-warning-13);--eds-color-text-warning-subtle-on-emphasis:var(--eds-color-warning-14);--eds-color-text-warning-strong-on-emphasis:var(--eds-color-warning-15);--eds-color-text-danger-subtle:var(--eds-color-danger-12);--eds-color-text-danger-strong:var(--eds-color-danger-13);--eds-color-text-danger-subtle-on-emphasis:var(--eds-color-danger-14);--eds-color-text-danger-strong-on-emphasis:var(--eds-color-danger-15)}@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,[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,[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-rounded:var(--eds--spacious,.25rem)var(--eds--comfortable,.188rem);--eds-spacing-border-radius-pill:var(--eds--spacious,62.5rem)var(--eds--comfortable,62.5rem);--eds-spacing-border-radius-none:0rem;--eds-spacing-inset-xs-inline:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-inset-xs-stack-squished:var(--eds--spacious,.375rem)var(--eds--comfortable,.25rem);--eds-spacing-inset-xs-stack-squared:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-inset-xs-stack-stretched:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-sm-inline:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-sm-stack-squished:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-inset-sm-stack-squared:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-sm-stack-stretched:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-md-inline:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-md-stack-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-md-stack-squared:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-md-stack-stretched:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-lg-inline:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-lg-stack-squished:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-lg-stack-squared:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-lg-stack-stretched:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-inset-xl-inline:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-inset-xl-stack-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-xl-stack-squared:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-inset-xl-stack-stretched:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--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-typography-ui-body-xs-font-size:var(--eds--spacious,.656rem)var(--eds--comfortable,.563rem);--eds-typography-ui-body-xs-tracking-tight:var(--eds--spacious,-1.15px)var(--eds--comfortable,-.99px);--eds-typography-ui-body-xs-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-xs-tracking-loose:var(--eds--spacious,1.15px)var(--eds--comfortable,.99px);--eds-typography-ui-body-xs-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-xs-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-xs-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-xs-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-xs-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-sm-font-size:var(--eds--spacious,.75rem)var(--eds--comfortable,.656rem);--eds-typography-ui-body-sm-tracking-tight:var(--eds--spacious,-1.32px)var(--eds--comfortable,-1.15px);--eds-typography-ui-body-sm-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-sm-tracking-loose:var(--eds--spacious,1.32px)var(--eds--comfortable,1.15px);--eds-typography-ui-body-sm-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-sm-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-sm-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-sm-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-sm-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-font-family:"Inter";--eds-typography-ui-body-md-font-size:var(--eds--spacious,.875rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-md-tracking-tight:var(--eds--spacious,-1.54px)var(--eds--comfortable,-1.32px);--eds-typography-ui-body-md-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-md-tracking-loose:var(--eds--spacious,1.54px)var(--eds--comfortable,1.32px);--eds-typography-ui-body-md-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-md-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-md-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-md-lineheight-default:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-md-lineheight-squished:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-lg-font-size:var(--eds--spacious,1rem)var(--eds--comfortable,.875rem);--eds-typography-ui-body-lg-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.54px);--eds-typography-ui-body-lg-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-lg-tracking-loose:var(--eds--spacious,1.76px)var(--eds--comfortable,1.54px);--eds-typography-ui-body-lg-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-lg-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-lg-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-lg-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-ui-body-lg-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-xl-font-size:var(--eds--spacious,1.156rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-xl-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.76px);--eds-typography-ui-body-xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-xl-tracking-loose:var(--eds--spacious,2.035px)var(--eds--comfortable,1.76px);--eds-typography-ui-body-xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-xl-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.5rem);--eds-typography-ui-body-xl-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.25rem);--eds-typography-ui-body-2xl-font-size:var(--eds--spacious,1.313rem)var(--eds--comfortable,1.156rem);--eds-typography-ui-body-2xl-tracking-tight:var(--eds--spacious,-2.31px)var(--eds--comfortable,-1.76px);--eds-typography-ui-body-2xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-2xl-tracking-loose:var(--eds--spacious,2.31px)var(--eds--comfortable,2.035px);--eds-typography-ui-body-2xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-2xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-2xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-2xl-lineheight-default:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-ui-body-2xl-lineheight-squished:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-ui-body-3xl-font-size:var(--eds--spacious,1.531rem)var(--eds--comfortable,1.313rem);--eds-typography-ui-body-3xl-tracking-tight:var(--eds--spacious,-2.695px)var(--eds--comfortable,-2.31px);--eds-typography-ui-body-3xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-3xl-tracking-loose:var(--eds--spacious,2.695px)var(--eds--comfortable,2.31px);--eds-typography-ui-body-3xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-3xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-3xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-3xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-3xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-ui-body-4xl-font-size:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.531rem);--eds-typography-ui-body-4xl-tracking-tight:var(--eds--spacious,-3.08px)var(--eds--comfortable,-2.695px);--eds-typography-ui-body-4xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-4xl-tracking-loose:var(--eds--spacious,3.08px)var(--eds--comfortable,2.695px);--eds-typography-ui-body-4xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-4xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-4xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-4xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,2rem);--eds-typography-ui-body-4xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-5xl-font-size:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-5xl-tracking-tight:var(--eds--spacious,-3.52px)var(--eds--comfortable,-3.08px);--eds-typography-ui-body-5xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-5xl-tracking-loose:var(--eds--spacious,3.52px)var(--eds--comfortable,3.08px);--eds-typography-ui-body-5xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-5xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-5xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-5xl-lineheight-default:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem);--eds-typography-ui-body-5xl-lineheight-squished:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-6xl-font-size:var(--eds--spacious,2.313rem)var(--eds--comfortable,2rem);--eds-typography-ui-body-6xl-tracking-tight:var(--eds--spacious,-4.07px)var(--eds--comfortable,-3.52px);--eds-typography-ui-body-6xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-6xl-tracking-loose:var(--eds--spacious,4.07px)var(--eds--comfortable,3.52px);--eds-typography-ui-body-6xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-6xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,0px);--eds-typography-ui-body-6xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-6xl-lineheight-default:var(--eds--spacious,2.5rem)var(--eds--comfortable,2.25rem);--eds-typography-ui-body-6xl-lineheight-squished:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem);--eds-typography-header-xs-font-size:var(--eds--spacious,.75rem)var(--eds--comfortable,.656rem);--eds-typography-header-xs-tracking-tight:var(--eds--spacious,-1.15px)var(--eds--comfortable,-.99px);--eds-typography-header-xs-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-xs-tracking-loose:var(--eds--spacious,1.15px)var(--eds--comfortable,.99px);--eds-typography-header-xs-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-xs-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-xs-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-xs-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-header-xs-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-header-font-family:"Equinor";--eds-typography-header-sm-font-size:var(--eds--spacious,.875rem)var(--eds--comfortable,.75rem);--eds-typography-header-sm-tracking-tight:var(--eds--spacious,-1.32px)var(--eds--comfortable,-1.15px);--eds-typography-header-sm-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-sm-tracking-loose:var(--eds--spacious,1.32px)var(--eds--comfortable,1.15px);--eds-typography-header-sm-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-sm-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-sm-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-sm-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,1rem);--eds-typography-header-sm-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-header-md-font-size:var(--eds--spacious,1rem)var(--eds--comfortable,.875rem);--eds-typography-header-md-tracking-tight:var(--eds--spacious,-1.54px)var(--eds--comfortable,-1.32px);--eds-typography-header-md-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-md-tracking-loose:var(--eds--spacious,1.54px)var(--eds--comfortable,1.32px);--eds-typography-header-md-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-md-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-md-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-md-lineheight-default:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-header-md-lineheight-squished:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-header-lg-font-size:var(--eds--spacious,1.125rem)var(--eds--comfortable,1rem);--eds-typography-header-lg-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.54px);--eds-typography-header-lg-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-lg-tracking-loose:var(--eds--spacious,1.76px)var(--eds--comfortable,1.54px);--eds-typography-header-lg-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-lg-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-lg-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-lg-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-header-lg-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-header-xl-font-size:var(--eds--spacious,1.313rem)var(--eds--comfortable,1.125rem);--eds-typography-header-xl-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.76px);--eds-typography-header-xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-xl-tracking-loose:var(--eds--spacious,2.035px)var(--eds--comfortable,1.76px);--eds-typography-header-xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-xl-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.5rem);--eds-typography-header-xl-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.25rem);--eds-typography-header-2xl-font-size:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.313rem);--eds-typography-header-2xl-tracking-tight:var(--eds--spacious,-2.31px)var(--eds--comfortable,-1.76px);--eds-typography-header-2xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-2xl-tracking-loose:var(--eds--spacious,2.31px)var(--eds--comfortable,2.035px);--eds-typography-header-2xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-2xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-2xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-2xl-lineheight-default:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-header-2xl-lineheight-squished:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-header-3xl-font-size:var(--eds--spacious,1.719rem)var(--eds--comfortable,1.5rem);--eds-typography-header-3xl-tracking-tight:var(--eds--spacious,-2.695px)var(--eds--comfortable,-2.31px);--eds-typography-header-3xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-3xl-tracking-loose:var(--eds--spacious,2.695px)var(--eds--comfortable,2.31px);--eds-typography-header-3xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-3xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-3xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-3xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-header-3xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-header-4xl-font-size:var(--eds--spacious,1.969rem)var(--eds--comfortable,1.719rem);--eds-typography-header-4xl-tracking-tight:var(--eds--spacious,-3.08px)var(--eds--comfortable,-2.695px);--eds-typography-header-4xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-4xl-tracking-loose:var(--eds--spacious,3.08px)var(--eds--comfortable,2.695px);--eds-typography-header-4xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-4xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-4xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-4xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,2rem);--eds-typography-header-4xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.75rem);--eds-typography-header-5xl-font-size:var(--eds--spacious,2.281rem)var(--eds--comfortable,1.969rem);--eds-typography-header-5xl-tracking-tight:var(--eds--spacious,-3.52px)var(--eds--comfortable,-3.08px);--eds-typography-header-5xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-5xl-tracking-loose:var(--eds--spacious,3.52px)var(--eds--comfortable,3.08px);--eds-typography-header-5xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-5xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-5xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-5xl-lineheight-default:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem);--eds-typography-header-5xl-lineheight-squished:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-header-6xl-font-size:var(--eds--spacious,2.625rem)var(--eds--comfortable,2.281rem);--eds-typography-header-6xl-tracking-tight:var(--eds--spacious,-4.07px)var(--eds--comfortable,-3.52px);--eds-typography-header-6xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-6xl-tracking-loose:var(--eds--spacious,4.07px)var(--eds--comfortable,3.52px);--eds-typography-header-6xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-6xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-6xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-6xl-lineheight-default:var(--eds--spacious,2.5rem)var(--eds--comfortable,2.25rem);--eds-typography-header-6xl-lineheight-squished:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem)} \ No newline at end of file diff --git a/packages/eds-tokens/build/css/variables.css b/packages/eds-tokens/build/css/variables.css index fd32858a9e..8087efd2f0 100644 --- a/packages/eds-tokens/build/css/variables.css +++ b/packages/eds-tokens/build/css/variables.css @@ -11,12 +11,12 @@ --eds-color-bg-backdrop: light-dark(#aeaeae, #738696); --eds-color-bg-input: light-dark(#f5f5f5, #0b0b0b); --eds-color-border-focus: light-dark(#6fb6e9, #2d8bc5); - --eds-color-text-link: light-dark(#121e27, #ecffff); + --eds-color-text-link: light-dark(#0070a9, #5abbfb); --eds-color-accent-1: light-dark(#eaf8fa, #0a0b0b); --eds-color-accent-2: light-dark(#f6ffff, #1e2323); - --eds-color-accent-3: light-dark(#c5e1e4, #3c6266); - --eds-color-accent-4: light-dark(#b1d6da, #3e7378); - --eds-color-accent-5: light-dark(#97c8cd, #41878e); + --eds-color-accent-3: light-dark(#cfe7e9, #3c6266); + --eds-color-accent-4: light-dark(#bbdbdf, #3e7378); + --eds-color-accent-5: light-dark(#a2cdd2, #41878e); --eds-color-accent-6: light-dark(#bbdbdf, #3c6266); --eds-color-accent-7: light-dark(#7cbac1, #439199); --eds-color-accent-8: light-dark(#21767e, #6ec0c9); @@ -29,9 +29,9 @@ --eds-color-accent-15: light-dark(#fff, #030303); --eds-color-neutral-1: light-dark(#f5f5f5, #0b0b0b); --eds-color-neutral-2: light-dark(#fff, #202223); - --eds-color-neutral-3: light-dark(#dbdbdb, #525c65); - --eds-color-neutral-4: light-dark(#cecece, #5d6b76); - --eds-color-neutral-5: light-dark(#bebebe, #6b7d8b); + --eds-color-neutral-3: light-dark(#e1e1e1, #525c65); + --eds-color-neutral-4: light-dark(#d4d4d4, #5d6b76); + --eds-color-neutral-5: light-dark(#c4c4c4, #6b7d8b); --eds-color-neutral-6: light-dark(#d4d4d4, #525c65); --eds-color-neutral-7: light-dark(#aeaeae, #738696); --eds-color-neutral-8: light-dark(#696969, #9fb4c6); @@ -44,9 +44,9 @@ --eds-color-neutral-15: light-dark(#fff, #030303); --eds-color-info-1: light-dark(#e7f8ff, #0a0b0c); --eds-color-info-2: light-dark(#f4ffff, #1d2226); - --eds-color-info-3: light-dark(#c0e0f8, #33607e); - --eds-color-info-4: light-dark(#aad4f3, #316f98); - --eds-color-info-5: light-dark(#8dc5ee, #2e82b7); + --eds-color-info-3: light-dark(#cae6fa, #33607e); + --eds-color-info-4: light-dark(#b5daf5, #316f98); + --eds-color-info-5: light-dark(#99cbf0, #2e82b7); --eds-color-info-6: light-dark(#b5daf5, #33607e); --eds-color-info-7: light-dark(#6fb6e9, #2d8bc5); --eds-color-info-8: light-dark(#0070a9, #5abbfb); @@ -59,9 +59,9 @@ --eds-color-info-15: light-dark(#fff, #030304); --eds-color-success-1: light-dark(#eafbe8, #0a0c0a); --eds-color-success-2: light-dark(#f6fff5, #1e231e); - --eds-color-success-3: light-dark(#c5e5c2, #3c673a); - --eds-color-success-4: light-dark(#b1dbae, #3e793c); - --eds-color-success-5: light-dark(#97cf93, #418e3e); + --eds-color-success-3: light-dark(#cfeacc, #3c673a); + --eds-color-success-4: light-dark(#bbe0b8, #3e793c); + --eds-color-success-5: light-dark(#a2d49e, #418e3e); --eds-color-success-6: light-dark(#bbe0b8, #3c673a); --eds-color-success-7: light-dark(#7cc278, #439941); --eds-color-success-8: light-dark(#227e22, #6eca6a); @@ -74,9 +74,9 @@ --eds-color-success-15: light-dark(#fff, #030303); --eds-color-warning-1: light-dark(#fff1e2, #0c0b0a); --eds-color-warning-2: light-dark(#fffcf0, #27201b); - --eds-color-warning-3: light-dark(#f9d2b6, #7e4e25); - --eds-color-warning-4: light-dark(#f4c29d, #97571b); - --eds-color-warning-5: light-dark(#eeae7c, #b46201); + --eds-color-warning-3: light-dark(#fbdac1, #7e4e25); + --eds-color-warning-4: light-dark(#f6caaa, #97571b); + --eds-color-warning-5: light-dark(#f0b689, #b46201); --eds-color-warning-6: light-dark(#f6caaa, #7e4e25); --eds-color-warning-7: light-dark(#e89959, #c36800); --eds-color-warning-8: light-dark(#a34e00, #f99539); @@ -89,9 +89,9 @@ --eds-color-warning-15: light-dark(#fff, #040303); --eds-color-danger-1: light-dark(#ffecea, #0d0a0a); --eds-color-danger-2: light-dark(#fff9f8, #2a1e1e); - --eds-color-danger-3: light-dark(#ffc6c4, #923a3c); - --eds-color-danger-4: light-dark(#ffb2b0, #b03940); - --eds-color-danger-5: light-dark(#ff9897, #d43745); + --eds-color-danger-3: light-dark(#ffd0ce, #923a3c); + --eds-color-danger-4: light-dark(#ffbcba, #b03940); + --eds-color-danger-5: light-dark(#ffa3a1, #d43745); --eds-color-danger-6: light-dark(#ffbcba, #923a3c); --eds-color-danger-7: light-dark(#ff7a7d, #e53748); --eds-color-danger-8: light-dark(#c6002d, #ff8082); diff --git a/packages/eds-tokens/build/css/variables.min.css b/packages/eds-tokens/build/css/variables.min.css index 18292ea6da..f013f50c5f 100644 --- a/packages/eds-tokens/build/css/variables.min.css +++ b/packages/eds-tokens/build/css/variables.min.css @@ -1 +1 @@ -:root,[data-color-scheme=light]{color-scheme:light}[data-color-scheme=dark]{color-scheme:dark}:root{--eds-color-bg-floating:light-dark(#fff,#202223);--eds-color-bg-backdrop:light-dark(#aeaeae,#738696);--eds-color-bg-input:light-dark(#f5f5f5,#0b0b0b);--eds-color-border-focus:light-dark(#6fb6e9,#2d8bc5);--eds-color-text-link:light-dark(#121e27,#ecffff);--eds-color-accent-1:light-dark(#eaf8fa,#0a0b0b);--eds-color-accent-2:light-dark(#f6ffff,#1e2323);--eds-color-accent-3:light-dark(#c5e1e4,#3c6266);--eds-color-accent-4:light-dark(#b1d6da,#3e7378);--eds-color-accent-5:light-dark(#97c8cd,#41878e);--eds-color-accent-6:light-dark(#bbdbdf,#3c6266);--eds-color-accent-7:light-dark(#7cbac1,#439199);--eds-color-accent-8:light-dark(#21767e,#6ec0c9);--eds-color-accent-9:light-dark(#206f77,#8cd2da);--eds-color-accent-10:light-dark(#205c62,#ace3e9);--eds-color-accent-11:light-dark(#20565c,#c7f1f6);--eds-color-accent-12:light-dark(#1f6369,#bcebf1);--eds-color-accent-13:light-dark(#141f20,#e6ffff);--eds-color-accent-14:light-dark(#cae4e7,#2c3839);--eds-color-accent-15:light-dark(#fff,#030303);--eds-color-neutral-1:light-dark(#f5f5f5,#0b0b0b);--eds-color-neutral-2:light-dark(#fff,#202223);--eds-color-neutral-3:light-dark(#dbdbdb,#525c65);--eds-color-neutral-4:light-dark(#cecece,#5d6b76);--eds-color-neutral-5:light-dark(#bebebe,#6b7d8b);--eds-color-neutral-6:light-dark(#d4d4d4,#525c65);--eds-color-neutral-7:light-dark(#aeaeae,#738696);--eds-color-neutral-8:light-dark(#696969,#9fb4c6);--eds-color-neutral-9:light-dark(#636363,#b4c7d7);--eds-color-neutral-10:light-dark(#525252,#cadae7);--eds-color-neutral-11:light-dark(#4d4d4d,#deeaf4);--eds-color-neutral-12:light-dark(#585858,#d6e3ee);--eds-color-neutral-13:light-dark(#1d1d1d,#f5fdff);--eds-color-neutral-14:light-dark(#dedede,#333639);--eds-color-neutral-15:light-dark(#fff,#030303);--eds-color-info-1:light-dark(#e7f8ff,#0a0b0c);--eds-color-info-2:light-dark(#f4ffff,#1d2226);--eds-color-info-3:light-dark(#c0e0f8,#33607e);--eds-color-info-4:light-dark(#aad4f3,#316f98);--eds-color-info-5:light-dark(#8dc5ee,#2e82b7);--eds-color-info-6:light-dark(#b5daf5,#33607e);--eds-color-info-7:light-dark(#6fb6e9,#2d8bc5);--eds-color-info-8:light-dark(#0070a9,#5abbfb);--eds-color-info-9:light-dark(#006aa0,#7dceff);--eds-color-info-10:light-dark(#085883,#a2e0ff);--eds-color-info-11:light-dark(#0e5279,#c4eeff);--eds-color-info-12:light-dark(#015e8d,#b7e8ff);--eds-color-info-13:light-dark(#121e27,#ecffff);--eds-color-info-14:light-dark(#c5e3f9,#2a3741);--eds-color-info-15:light-dark(#fff,#030304);--eds-color-success-1:light-dark(#eafbe8,#0a0c0a);--eds-color-success-2:light-dark(#f6fff5,#1e231e);--eds-color-success-3:light-dark(#c5e5c2,#3c673a);--eds-color-success-4:light-dark(#b1dbae,#3e793c);--eds-color-success-5:light-dark(#97cf93,#418e3e);--eds-color-success-6:light-dark(#bbe0b8,#3c673a);--eds-color-success-7:light-dark(#7cc278,#439941);--eds-color-success-8:light-dark(#227e22,#6eca6a);--eds-color-success-9:light-dark(#207720,#8cdb87);--eds-color-success-10:light-dark(#20621f,#aceba8);--eds-color-success-11:light-dark(#215c1f,#c7f7c3);--eds-color-success-12:light-dark(#20691f,#bcf2b8);--eds-color-success-13:light-dark(#142114,#e6ffe3);--eds-color-success-14:light-dark(#cae8c7,#2c392b);--eds-color-success-15:light-dark(#fff,#030303);--eds-color-warning-1:light-dark(#fff1e2,#0c0b0a);--eds-color-warning-2:light-dark(#fffcf0,#27201b);--eds-color-warning-3:light-dark(#f9d2b6,#7e4e25);--eds-color-warning-4:light-dark(#f4c29d,#97571b);--eds-color-warning-5:light-dark(#eeae7c,#b46201);--eds-color-warning-6:light-dark(#f6caaa,#7e4e25);--eds-color-warning-7:light-dark(#e89959,#c36800);--eds-color-warning-8:light-dark(#a34e00,#f99539);--eds-color-warning-9:light-dark(#9b4900,#ffad63);--eds-color-warning-10:light-dark(#813e00,#ffc791);--eds-color-warning-11:light-dark(#773a00,#ffddb9);--eds-color-warning-12:light-dark(#8a4100,#ffd4aa);--eds-color-warning-13:light-dark(#27190e,#fff7e6);--eds-color-warning-14:light-dark(#fad6bc,#413226);--eds-color-warning-15:light-dark(#fff,#040303);--eds-color-danger-1:light-dark(#ffecea,#0d0a0a);--eds-color-danger-2:light-dark(#fff9f8,#2a1e1e);--eds-color-danger-3:light-dark(#ffc6c4,#923a3c);--eds-color-danger-4:light-dark(#ffb2b0,#b03940);--eds-color-danger-5:light-dark(#ff9897,#d43745);--eds-color-danger-6:light-dark(#ffbcba,#923a3c);--eds-color-danger-7:light-dark(#ff7a7d,#e53748);--eds-color-danger-8:light-dark(#c6002d,#ff8082);--eds-color-danger-9:light-dark(#bc002a,#ffa3a1);--eds-color-danger-10:light-dark(#9a1026,#ffc1bf);--eds-color-danger-11:light-dark(#8e1525,#ffd9d7);--eds-color-danger-12:light-dark(#a50827,#ffd0ce);--eds-color-danger-13:light-dark(#2e1414,#fff5f4);--eds-color-danger-14:light-dark(#ffcbc9,#492d2c);--eds-color-danger-15:light-dark(#fff,#040303);--eds-color-bg-neutral-canvas:var(--eds-color-neutral-1);--eds-color-bg-neutral-surface:var(--eds-color-neutral-2);--eds-color-bg-neutral-fill-muted-default:var(--eds-color-neutral-3);--eds-color-bg-neutral-fill-muted-hover:var(--eds-color-neutral-4);--eds-color-bg-neutral-fill-muted-active:var(--eds-color-neutral-5);--eds-color-bg-neutral-fill-emphasis-default:var(--eds-color-neutral-9);--eds-color-bg-neutral-fill-emphasis-hover:var(--eds-color-neutral-10);--eds-color-bg-neutral-fill-emphasis-active:var(--eds-color-neutral-11);--eds-color-bg-accent-canvas:var(--eds-color-accent-1);--eds-color-bg-accent-surface:var(--eds-color-accent-2);--eds-color-bg-accent-fill-muted-default:var(--eds-color-accent-3);--eds-color-bg-accent-fill-muted-hover:var(--eds-color-accent-4);--eds-color-bg-accent-fill-muted-active:var(--eds-color-accent-5);--eds-color-bg-accent-fill-emphasis-default:var(--eds-color-accent-9);--eds-color-bg-accent-fill-emphasis-hover:var(--eds-color-accent-10);--eds-color-bg-accent-fill-emphasis-active:var(--eds-color-accent-11);--eds-color-bg-success-canvas:var(--eds-color-success-1);--eds-color-bg-success-surface:var(--eds-color-success-2);--eds-color-bg-success-fill-muted-default:var(--eds-color-success-3);--eds-color-bg-success-fill-muted-hover:var(--eds-color-success-4);--eds-color-bg-success-fill-muted-active:var(--eds-color-success-5);--eds-color-bg-success-fill-emphasis-default:var(--eds-color-success-9);--eds-color-bg-success-fill-emphasis-hover:var(--eds-color-success-10);--eds-color-bg-success-fill-emphasis-active:var(--eds-color-success-11);--eds-color-bg-info-canvas:var(--eds-color-info-1);--eds-color-bg-info-surface:var(--eds-color-info-2);--eds-color-bg-info-fill-muted-default:var(--eds-color-info-3);--eds-color-bg-info-fill-muted-hover:var(--eds-color-info-4);--eds-color-bg-info-fill-muted-active:var(--eds-color-info-5);--eds-color-bg-info-fill-emphasis-default:var(--eds-color-info-9);--eds-color-bg-info-fill-emphasis-hover:var(--eds-color-info-10);--eds-color-bg-info-fill-emphasis-active:var(--eds-color-info-11);--eds-color-bg-warning-canvas:var(--eds-color-warning-1);--eds-color-bg-warning-surface:var(--eds-color-warning-2);--eds-color-bg-warning-fill-muted-default:var(--eds-color-warning-3);--eds-color-bg-warning-fill-muted-hover:var(--eds-color-warning-4);--eds-color-bg-warning-fill-muted-active:var(--eds-color-warning-5);--eds-color-bg-warning-fill-emphasis-default:var(--eds-color-warning-9);--eds-color-bg-warning-fill-emphasis-hover:var(--eds-color-warning-10);--eds-color-bg-warning-fill-emphasis-active:var(--eds-color-warning-11);--eds-color-bg-danger-canvas:var(--eds-color-danger-1);--eds-color-bg-danger-surface:var(--eds-color-danger-2);--eds-color-bg-danger-fill-muted-default:var(--eds-color-danger-3);--eds-color-bg-danger-fill-muted-hover:var(--eds-color-danger-4);--eds-color-bg-danger-fill-muted-active:var(--eds-color-danger-5);--eds-color-bg-danger-fill-emphasis-default:var(--eds-color-danger-9);--eds-color-bg-danger-fill-emphasis-hover:var(--eds-color-danger-10);--eds-color-bg-danger-fill-emphasis-active:var(--eds-color-danger-11);--eds-color-border-neutral-subtle:var(--eds-color-neutral-6);--eds-color-border-neutral-medium:var(--eds-color-neutral-7);--eds-color-border-neutral-strong:var(--eds-color-neutral-8);--eds-color-border-accent-subtle:var(--eds-color-accent-6);--eds-color-border-accent-medium:var(--eds-color-accent-7);--eds-color-border-accent-strong:var(--eds-color-accent-8);--eds-color-border-success-subtle:var(--eds-color-success-6);--eds-color-border-success-medium:var(--eds-color-success-7);--eds-color-border-success-strong:var(--eds-color-success-8);--eds-color-border-info-subtle:var(--eds-color-info-6);--eds-color-border-info-medium:var(--eds-color-info-7);--eds-color-border-info-strong:var(--eds-color-info-8);--eds-color-border-warning-subtle:var(--eds-color-warning-6);--eds-color-border-warning-medium:var(--eds-color-warning-7);--eds-color-border-warning-strong:var(--eds-color-warning-8);--eds-color-border-danger-subtle:var(--eds-color-danger-6);--eds-color-border-danger-medium:var(--eds-color-danger-7);--eds-color-border-danger-strong:var(--eds-color-danger-8);--eds-color-text-neutral-subtle:var(--eds-color-neutral-12);--eds-color-text-neutral-strong:var(--eds-color-neutral-13);--eds-color-text-neutral-subtle-on-emphasis:var(--eds-color-neutral-14);--eds-color-text-neutral-strong-on-emphasis:var(--eds-color-neutral-15);--eds-color-text-accent-subtle:var(--eds-color-accent-12);--eds-color-text-accent-strong:var(--eds-color-accent-13);--eds-color-text-accent-subtle-on-emphasis:var(--eds-color-accent-14);--eds-color-text-accent-strong-on-emphasis:var(--eds-color-accent-15);--eds-color-text-success-subtle:var(--eds-color-success-12);--eds-color-text-success-strong:var(--eds-color-success-13);--eds-color-text-success-subtle-on-emphasis:var(--eds-color-success-14);--eds-color-text-success-strong-on-emphasis:var(--eds-color-success-15);--eds-color-text-info-subtle:var(--eds-color-info-12);--eds-color-text-info-strong:var(--eds-color-info-13);--eds-color-text-info-subtle-on-emphasis:var(--eds-color-info-14);--eds-color-text-info-strong-on-emphasis:var(--eds-color-info-15);--eds-color-text-warning-subtle:var(--eds-color-warning-12);--eds-color-text-warning-strong:var(--eds-color-warning-13);--eds-color-text-warning-subtle-on-emphasis:var(--eds-color-warning-14);--eds-color-text-warning-strong-on-emphasis:var(--eds-color-warning-15);--eds-color-text-danger-subtle:var(--eds-color-danger-12);--eds-color-text-danger-strong:var(--eds-color-danger-13);--eds-color-text-danger-subtle-on-emphasis:var(--eds-color-danger-14);--eds-color-text-danger-strong-on-emphasis:var(--eds-color-danger-15)}:root,[data-color-appearance=neutral]{--eds-color-bg-fill-muted-default:var(--eds-color-neutral-3);--eds-color-bg-fill-muted-hover:var(--eds-color-neutral-4);--eds-color-bg-fill-muted-active:var(--eds-color-neutral-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-neutral-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-neutral-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-neutral-11);--eds-color-bg-canvas:var(--eds-color-neutral-1);--eds-color-bg-surface:var(--eds-color-neutral-2);--eds-color-border-subtle:var(--eds-color-neutral-6);--eds-color-border-medium:var(--eds-color-neutral-7);--eds-color-border-strong:var(--eds-color-neutral-8);--eds-color-text-subtle:var(--eds-color-neutral-12);--eds-color-text-strong:var(--eds-color-neutral-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-neutral-14);--eds-color-text-strong-on-emphasis:var(--eds-color-neutral-15)}[data-color-appearance=accent]{--eds-color-bg-fill-muted-default:var(--eds-color-accent-3);--eds-color-bg-fill-muted-hover:var(--eds-color-accent-4);--eds-color-bg-fill-muted-active:var(--eds-color-accent-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-accent-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-accent-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-accent-11);--eds-color-bg-canvas:var(--eds-color-accent-1);--eds-color-bg-surface:var(--eds-color-accent-2);--eds-color-border-subtle:var(--eds-color-accent-6);--eds-color-border-medium:var(--eds-color-accent-7);--eds-color-border-strong:var(--eds-color-accent-8);--eds-color-text-subtle:var(--eds-color-accent-12);--eds-color-text-strong:var(--eds-color-accent-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-accent-14);--eds-color-text-strong-on-emphasis:var(--eds-color-accent-15)}[data-color-appearance=danger]{--eds-color-bg-fill-muted-default:var(--eds-color-danger-3);--eds-color-bg-fill-muted-hover:var(--eds-color-danger-4);--eds-color-bg-fill-muted-active:var(--eds-color-danger-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-danger-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-danger-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-danger-11);--eds-color-bg-canvas:var(--eds-color-danger-1);--eds-color-bg-surface:var(--eds-color-danger-2);--eds-color-border-subtle:var(--eds-color-danger-6);--eds-color-border-medium:var(--eds-color-danger-7);--eds-color-border-strong:var(--eds-color-danger-8);--eds-color-text-subtle:var(--eds-color-danger-12);--eds-color-text-strong:var(--eds-color-danger-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-danger-14);--eds-color-text-strong-on-emphasis:var(--eds-color-danger-15)}[data-color-appearance=info]{--eds-color-bg-fill-muted-default:var(--eds-color-info-3);--eds-color-bg-fill-muted-hover:var(--eds-color-info-4);--eds-color-bg-fill-muted-active:var(--eds-color-info-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-info-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-info-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-info-11);--eds-color-bg-canvas:var(--eds-color-info-1);--eds-color-bg-surface:var(--eds-color-info-2);--eds-color-border-subtle:var(--eds-color-info-6);--eds-color-border-medium:var(--eds-color-info-7);--eds-color-border-strong:var(--eds-color-info-8);--eds-color-text-subtle:var(--eds-color-info-12);--eds-color-text-strong:var(--eds-color-info-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-info-14);--eds-color-text-strong-on-emphasis:var(--eds-color-info-15)}[data-color-appearance=success]{--eds-color-bg-fill-muted-default:var(--eds-color-success-3);--eds-color-bg-fill-muted-hover:var(--eds-color-success-4);--eds-color-bg-fill-muted-active:var(--eds-color-success-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-success-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-success-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-success-11);--eds-color-bg-canvas:var(--eds-color-success-1);--eds-color-bg-surface:var(--eds-color-success-2);--eds-color-border-subtle:var(--eds-color-success-6);--eds-color-border-medium:var(--eds-color-success-7);--eds-color-border-strong:var(--eds-color-success-8);--eds-color-text-subtle:var(--eds-color-success-12);--eds-color-text-strong:var(--eds-color-success-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-success-14);--eds-color-text-strong-on-emphasis:var(--eds-color-success-15)}[data-color-appearance=warning]{--eds-color-bg-fill-muted-default:var(--eds-color-warning-3);--eds-color-bg-fill-muted-hover:var(--eds-color-warning-4);--eds-color-bg-fill-muted-active:var(--eds-color-warning-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-warning-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-warning-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-warning-11);--eds-color-bg-canvas:var(--eds-color-warning-1);--eds-color-bg-surface:var(--eds-color-warning-2);--eds-color-border-subtle:var(--eds-color-warning-6);--eds-color-border-medium:var(--eds-color-warning-7);--eds-color-border-strong:var(--eds-color-warning-8);--eds-color-text-subtle:var(--eds-color-warning-12);--eds-color-text-strong:var(--eds-color-warning-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-warning-14);--eds-color-text-strong-on-emphasis:var(--eds-color-warning-15)}@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,[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,[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-rounded:var(--eds--spacious,.25rem)var(--eds--comfortable,.188rem);--eds-spacing-border-radius-pill:var(--eds--spacious,62.5rem)var(--eds--comfortable,62.5rem);--eds-spacing-border-radius-none:0rem;--eds-spacing-inset-xs-inline:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-inset-xs-stack-squished:var(--eds--spacious,.375rem)var(--eds--comfortable,.25rem);--eds-spacing-inset-xs-stack-squared:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-inset-xs-stack-stretched:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-sm-inline:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-sm-stack-squished:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-inset-sm-stack-squared:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-sm-stack-stretched:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-md-inline:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-md-stack-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-md-stack-squared:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-md-stack-stretched:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-lg-inline:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-lg-stack-squished:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-lg-stack-squared:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-lg-stack-stretched:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-inset-xl-inline:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-inset-xl-stack-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-xl-stack-squared:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-inset-xl-stack-stretched:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--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-typography-ui-body-xs-font-size:var(--eds--spacious,.656rem)var(--eds--comfortable,.563rem);--eds-typography-ui-body-xs-tracking-tight:var(--eds--spacious,-1.15px)var(--eds--comfortable,-.99px);--eds-typography-ui-body-xs-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-xs-tracking-loose:var(--eds--spacious,1.15px)var(--eds--comfortable,.99px);--eds-typography-ui-body-xs-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-xs-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-xs-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-xs-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-xs-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-sm-font-size:var(--eds--spacious,.75rem)var(--eds--comfortable,.656rem);--eds-typography-ui-body-sm-tracking-tight:var(--eds--spacious,-1.32px)var(--eds--comfortable,-1.15px);--eds-typography-ui-body-sm-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-sm-tracking-loose:var(--eds--spacious,1.32px)var(--eds--comfortable,1.15px);--eds-typography-ui-body-sm-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-sm-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-sm-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-sm-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-sm-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-font-family:"Inter";--eds-typography-ui-body-md-font-size:var(--eds--spacious,.875rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-md-tracking-tight:var(--eds--spacious,-1.54px)var(--eds--comfortable,-1.32px);--eds-typography-ui-body-md-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-md-tracking-loose:var(--eds--spacious,1.54px)var(--eds--comfortable,1.32px);--eds-typography-ui-body-md-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-md-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-md-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-md-lineheight-default:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-md-lineheight-squished:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-lg-font-size:var(--eds--spacious,1rem)var(--eds--comfortable,.875rem);--eds-typography-ui-body-lg-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.54px);--eds-typography-ui-body-lg-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-lg-tracking-loose:var(--eds--spacious,1.76px)var(--eds--comfortable,1.54px);--eds-typography-ui-body-lg-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-lg-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-lg-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-lg-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-ui-body-lg-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-xl-font-size:var(--eds--spacious,1.156rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-xl-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.76px);--eds-typography-ui-body-xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-xl-tracking-loose:var(--eds--spacious,2.035px)var(--eds--comfortable,1.76px);--eds-typography-ui-body-xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-xl-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.5rem);--eds-typography-ui-body-xl-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.25rem);--eds-typography-ui-body-2xl-font-size:var(--eds--spacious,1.313rem)var(--eds--comfortable,1.156rem);--eds-typography-ui-body-2xl-tracking-tight:var(--eds--spacious,-2.31px)var(--eds--comfortable,-1.76px);--eds-typography-ui-body-2xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-2xl-tracking-loose:var(--eds--spacious,2.31px)var(--eds--comfortable,2.035px);--eds-typography-ui-body-2xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-2xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-2xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-2xl-lineheight-default:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-ui-body-2xl-lineheight-squished:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-ui-body-3xl-font-size:var(--eds--spacious,1.531rem)var(--eds--comfortable,1.313rem);--eds-typography-ui-body-3xl-tracking-tight:var(--eds--spacious,-2.695px)var(--eds--comfortable,-2.31px);--eds-typography-ui-body-3xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-3xl-tracking-loose:var(--eds--spacious,2.695px)var(--eds--comfortable,2.31px);--eds-typography-ui-body-3xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-3xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-3xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-3xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-3xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-ui-body-4xl-font-size:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.531rem);--eds-typography-ui-body-4xl-tracking-tight:var(--eds--spacious,-3.08px)var(--eds--comfortable,-2.695px);--eds-typography-ui-body-4xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-4xl-tracking-loose:var(--eds--spacious,3.08px)var(--eds--comfortable,2.695px);--eds-typography-ui-body-4xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-4xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-4xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-4xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,2rem);--eds-typography-ui-body-4xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-5xl-font-size:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-5xl-tracking-tight:var(--eds--spacious,-3.52px)var(--eds--comfortable,-3.08px);--eds-typography-ui-body-5xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-5xl-tracking-loose:var(--eds--spacious,3.52px)var(--eds--comfortable,3.08px);--eds-typography-ui-body-5xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-5xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-5xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-5xl-lineheight-default:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem);--eds-typography-ui-body-5xl-lineheight-squished:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-6xl-font-size:var(--eds--spacious,2.313rem)var(--eds--comfortable,2rem);--eds-typography-ui-body-6xl-tracking-tight:var(--eds--spacious,-4.07px)var(--eds--comfortable,-3.52px);--eds-typography-ui-body-6xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-6xl-tracking-loose:var(--eds--spacious,4.07px)var(--eds--comfortable,3.52px);--eds-typography-ui-body-6xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-6xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,0px);--eds-typography-ui-body-6xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-6xl-lineheight-default:var(--eds--spacious,2.5rem)var(--eds--comfortable,2.25rem);--eds-typography-ui-body-6xl-lineheight-squished:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem);--eds-typography-header-xs-font-size:var(--eds--spacious,.75rem)var(--eds--comfortable,.656rem);--eds-typography-header-xs-tracking-tight:var(--eds--spacious,-1.15px)var(--eds--comfortable,-.99px);--eds-typography-header-xs-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-xs-tracking-loose:var(--eds--spacious,1.15px)var(--eds--comfortable,.99px);--eds-typography-header-xs-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-xs-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-xs-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-xs-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-header-xs-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-header-font-family:"Equinor";--eds-typography-header-sm-font-size:var(--eds--spacious,.875rem)var(--eds--comfortable,.75rem);--eds-typography-header-sm-tracking-tight:var(--eds--spacious,-1.32px)var(--eds--comfortable,-1.15px);--eds-typography-header-sm-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-sm-tracking-loose:var(--eds--spacious,1.32px)var(--eds--comfortable,1.15px);--eds-typography-header-sm-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-sm-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-sm-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-sm-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,1rem);--eds-typography-header-sm-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-header-md-font-size:var(--eds--spacious,1rem)var(--eds--comfortable,.875rem);--eds-typography-header-md-tracking-tight:var(--eds--spacious,-1.54px)var(--eds--comfortable,-1.32px);--eds-typography-header-md-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-md-tracking-loose:var(--eds--spacious,1.54px)var(--eds--comfortable,1.32px);--eds-typography-header-md-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-md-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-md-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-md-lineheight-default:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-header-md-lineheight-squished:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-header-lg-font-size:var(--eds--spacious,1.125rem)var(--eds--comfortable,1rem);--eds-typography-header-lg-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.54px);--eds-typography-header-lg-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-lg-tracking-loose:var(--eds--spacious,1.76px)var(--eds--comfortable,1.54px);--eds-typography-header-lg-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-lg-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-lg-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-lg-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-header-lg-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-header-xl-font-size:var(--eds--spacious,1.313rem)var(--eds--comfortable,1.125rem);--eds-typography-header-xl-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.76px);--eds-typography-header-xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-xl-tracking-loose:var(--eds--spacious,2.035px)var(--eds--comfortable,1.76px);--eds-typography-header-xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-xl-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.5rem);--eds-typography-header-xl-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.25rem);--eds-typography-header-2xl-font-size:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.313rem);--eds-typography-header-2xl-tracking-tight:var(--eds--spacious,-2.31px)var(--eds--comfortable,-1.76px);--eds-typography-header-2xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-2xl-tracking-loose:var(--eds--spacious,2.31px)var(--eds--comfortable,2.035px);--eds-typography-header-2xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-2xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-2xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-2xl-lineheight-default:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-header-2xl-lineheight-squished:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-header-3xl-font-size:var(--eds--spacious,1.719rem)var(--eds--comfortable,1.5rem);--eds-typography-header-3xl-tracking-tight:var(--eds--spacious,-2.695px)var(--eds--comfortable,-2.31px);--eds-typography-header-3xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-3xl-tracking-loose:var(--eds--spacious,2.695px)var(--eds--comfortable,2.31px);--eds-typography-header-3xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-3xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-3xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-3xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-header-3xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-header-4xl-font-size:var(--eds--spacious,1.969rem)var(--eds--comfortable,1.719rem);--eds-typography-header-4xl-tracking-tight:var(--eds--spacious,-3.08px)var(--eds--comfortable,-2.695px);--eds-typography-header-4xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-4xl-tracking-loose:var(--eds--spacious,3.08px)var(--eds--comfortable,2.695px);--eds-typography-header-4xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-4xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-4xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-4xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,2rem);--eds-typography-header-4xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.75rem);--eds-typography-header-5xl-font-size:var(--eds--spacious,2.281rem)var(--eds--comfortable,1.969rem);--eds-typography-header-5xl-tracking-tight:var(--eds--spacious,-3.52px)var(--eds--comfortable,-3.08px);--eds-typography-header-5xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-5xl-tracking-loose:var(--eds--spacious,3.52px)var(--eds--comfortable,3.08px);--eds-typography-header-5xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-5xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-5xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-5xl-lineheight-default:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem);--eds-typography-header-5xl-lineheight-squished:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-header-6xl-font-size:var(--eds--spacious,2.625rem)var(--eds--comfortable,2.281rem);--eds-typography-header-6xl-tracking-tight:var(--eds--spacious,-4.07px)var(--eds--comfortable,-3.52px);--eds-typography-header-6xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-6xl-tracking-loose:var(--eds--spacious,4.07px)var(--eds--comfortable,3.52px);--eds-typography-header-6xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-6xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-6xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-6xl-lineheight-default:var(--eds--spacious,2.5rem)var(--eds--comfortable,2.25rem);--eds-typography-header-6xl-lineheight-squished:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem)} \ No newline at end of file +:root,[data-color-scheme=light]{color-scheme:light}[data-color-scheme=dark]{color-scheme:dark}:root{--eds-color-bg-floating:light-dark(#fff,#202223);--eds-color-bg-backdrop:light-dark(#aeaeae,#738696);--eds-color-bg-input:light-dark(#f5f5f5,#0b0b0b);--eds-color-border-focus:light-dark(#6fb6e9,#2d8bc5);--eds-color-text-link:light-dark(#0070a9,#5abbfb);--eds-color-accent-1:light-dark(#eaf8fa,#0a0b0b);--eds-color-accent-2:light-dark(#f6ffff,#1e2323);--eds-color-accent-3:light-dark(#cfe7e9,#3c6266);--eds-color-accent-4:light-dark(#bbdbdf,#3e7378);--eds-color-accent-5:light-dark(#a2cdd2,#41878e);--eds-color-accent-6:light-dark(#bbdbdf,#3c6266);--eds-color-accent-7:light-dark(#7cbac1,#439199);--eds-color-accent-8:light-dark(#21767e,#6ec0c9);--eds-color-accent-9:light-dark(#206f77,#8cd2da);--eds-color-accent-10:light-dark(#205c62,#ace3e9);--eds-color-accent-11:light-dark(#20565c,#c7f1f6);--eds-color-accent-12:light-dark(#1f6369,#bcebf1);--eds-color-accent-13:light-dark(#141f20,#e6ffff);--eds-color-accent-14:light-dark(#cae4e7,#2c3839);--eds-color-accent-15:light-dark(#fff,#030303);--eds-color-neutral-1:light-dark(#f5f5f5,#0b0b0b);--eds-color-neutral-2:light-dark(#fff,#202223);--eds-color-neutral-3:light-dark(#e1e1e1,#525c65);--eds-color-neutral-4:light-dark(#d4d4d4,#5d6b76);--eds-color-neutral-5:light-dark(#c4c4c4,#6b7d8b);--eds-color-neutral-6:light-dark(#d4d4d4,#525c65);--eds-color-neutral-7:light-dark(#aeaeae,#738696);--eds-color-neutral-8:light-dark(#696969,#9fb4c6);--eds-color-neutral-9:light-dark(#636363,#b4c7d7);--eds-color-neutral-10:light-dark(#525252,#cadae7);--eds-color-neutral-11:light-dark(#4d4d4d,#deeaf4);--eds-color-neutral-12:light-dark(#585858,#d6e3ee);--eds-color-neutral-13:light-dark(#1d1d1d,#f5fdff);--eds-color-neutral-14:light-dark(#dedede,#333639);--eds-color-neutral-15:light-dark(#fff,#030303);--eds-color-info-1:light-dark(#e7f8ff,#0a0b0c);--eds-color-info-2:light-dark(#f4ffff,#1d2226);--eds-color-info-3:light-dark(#cae6fa,#33607e);--eds-color-info-4:light-dark(#b5daf5,#316f98);--eds-color-info-5:light-dark(#99cbf0,#2e82b7);--eds-color-info-6:light-dark(#b5daf5,#33607e);--eds-color-info-7:light-dark(#6fb6e9,#2d8bc5);--eds-color-info-8:light-dark(#0070a9,#5abbfb);--eds-color-info-9:light-dark(#006aa0,#7dceff);--eds-color-info-10:light-dark(#085883,#a2e0ff);--eds-color-info-11:light-dark(#0e5279,#c4eeff);--eds-color-info-12:light-dark(#015e8d,#b7e8ff);--eds-color-info-13:light-dark(#121e27,#ecffff);--eds-color-info-14:light-dark(#c5e3f9,#2a3741);--eds-color-info-15:light-dark(#fff,#030304);--eds-color-success-1:light-dark(#eafbe8,#0a0c0a);--eds-color-success-2:light-dark(#f6fff5,#1e231e);--eds-color-success-3:light-dark(#cfeacc,#3c673a);--eds-color-success-4:light-dark(#bbe0b8,#3e793c);--eds-color-success-5:light-dark(#a2d49e,#418e3e);--eds-color-success-6:light-dark(#bbe0b8,#3c673a);--eds-color-success-7:light-dark(#7cc278,#439941);--eds-color-success-8:light-dark(#227e22,#6eca6a);--eds-color-success-9:light-dark(#207720,#8cdb87);--eds-color-success-10:light-dark(#20621f,#aceba8);--eds-color-success-11:light-dark(#215c1f,#c7f7c3);--eds-color-success-12:light-dark(#20691f,#bcf2b8);--eds-color-success-13:light-dark(#142114,#e6ffe3);--eds-color-success-14:light-dark(#cae8c7,#2c392b);--eds-color-success-15:light-dark(#fff,#030303);--eds-color-warning-1:light-dark(#fff1e2,#0c0b0a);--eds-color-warning-2:light-dark(#fffcf0,#27201b);--eds-color-warning-3:light-dark(#fbdac1,#7e4e25);--eds-color-warning-4:light-dark(#f6caaa,#97571b);--eds-color-warning-5:light-dark(#f0b689,#b46201);--eds-color-warning-6:light-dark(#f6caaa,#7e4e25);--eds-color-warning-7:light-dark(#e89959,#c36800);--eds-color-warning-8:light-dark(#a34e00,#f99539);--eds-color-warning-9:light-dark(#9b4900,#ffad63);--eds-color-warning-10:light-dark(#813e00,#ffc791);--eds-color-warning-11:light-dark(#773a00,#ffddb9);--eds-color-warning-12:light-dark(#8a4100,#ffd4aa);--eds-color-warning-13:light-dark(#27190e,#fff7e6);--eds-color-warning-14:light-dark(#fad6bc,#413226);--eds-color-warning-15:light-dark(#fff,#040303);--eds-color-danger-1:light-dark(#ffecea,#0d0a0a);--eds-color-danger-2:light-dark(#fff9f8,#2a1e1e);--eds-color-danger-3:light-dark(#ffd0ce,#923a3c);--eds-color-danger-4:light-dark(#ffbcba,#b03940);--eds-color-danger-5:light-dark(#ffa3a1,#d43745);--eds-color-danger-6:light-dark(#ffbcba,#923a3c);--eds-color-danger-7:light-dark(#ff7a7d,#e53748);--eds-color-danger-8:light-dark(#c6002d,#ff8082);--eds-color-danger-9:light-dark(#bc002a,#ffa3a1);--eds-color-danger-10:light-dark(#9a1026,#ffc1bf);--eds-color-danger-11:light-dark(#8e1525,#ffd9d7);--eds-color-danger-12:light-dark(#a50827,#ffd0ce);--eds-color-danger-13:light-dark(#2e1414,#fff5f4);--eds-color-danger-14:light-dark(#ffcbc9,#492d2c);--eds-color-danger-15:light-dark(#fff,#040303);--eds-color-bg-neutral-canvas:var(--eds-color-neutral-1);--eds-color-bg-neutral-surface:var(--eds-color-neutral-2);--eds-color-bg-neutral-fill-muted-default:var(--eds-color-neutral-3);--eds-color-bg-neutral-fill-muted-hover:var(--eds-color-neutral-4);--eds-color-bg-neutral-fill-muted-active:var(--eds-color-neutral-5);--eds-color-bg-neutral-fill-emphasis-default:var(--eds-color-neutral-9);--eds-color-bg-neutral-fill-emphasis-hover:var(--eds-color-neutral-10);--eds-color-bg-neutral-fill-emphasis-active:var(--eds-color-neutral-11);--eds-color-bg-accent-canvas:var(--eds-color-accent-1);--eds-color-bg-accent-surface:var(--eds-color-accent-2);--eds-color-bg-accent-fill-muted-default:var(--eds-color-accent-3);--eds-color-bg-accent-fill-muted-hover:var(--eds-color-accent-4);--eds-color-bg-accent-fill-muted-active:var(--eds-color-accent-5);--eds-color-bg-accent-fill-emphasis-default:var(--eds-color-accent-9);--eds-color-bg-accent-fill-emphasis-hover:var(--eds-color-accent-10);--eds-color-bg-accent-fill-emphasis-active:var(--eds-color-accent-11);--eds-color-bg-success-canvas:var(--eds-color-success-1);--eds-color-bg-success-surface:var(--eds-color-success-2);--eds-color-bg-success-fill-muted-default:var(--eds-color-success-3);--eds-color-bg-success-fill-muted-hover:var(--eds-color-success-4);--eds-color-bg-success-fill-muted-active:var(--eds-color-success-5);--eds-color-bg-success-fill-emphasis-default:var(--eds-color-success-9);--eds-color-bg-success-fill-emphasis-hover:var(--eds-color-success-10);--eds-color-bg-success-fill-emphasis-active:var(--eds-color-success-11);--eds-color-bg-info-canvas:var(--eds-color-info-1);--eds-color-bg-info-surface:var(--eds-color-info-2);--eds-color-bg-info-fill-muted-default:var(--eds-color-info-3);--eds-color-bg-info-fill-muted-hover:var(--eds-color-info-4);--eds-color-bg-info-fill-muted-active:var(--eds-color-info-5);--eds-color-bg-info-fill-emphasis-default:var(--eds-color-info-9);--eds-color-bg-info-fill-emphasis-hover:var(--eds-color-info-10);--eds-color-bg-info-fill-emphasis-active:var(--eds-color-info-11);--eds-color-bg-warning-canvas:var(--eds-color-warning-1);--eds-color-bg-warning-surface:var(--eds-color-warning-2);--eds-color-bg-warning-fill-muted-default:var(--eds-color-warning-3);--eds-color-bg-warning-fill-muted-hover:var(--eds-color-warning-4);--eds-color-bg-warning-fill-muted-active:var(--eds-color-warning-5);--eds-color-bg-warning-fill-emphasis-default:var(--eds-color-warning-9);--eds-color-bg-warning-fill-emphasis-hover:var(--eds-color-warning-10);--eds-color-bg-warning-fill-emphasis-active:var(--eds-color-warning-11);--eds-color-bg-danger-canvas:var(--eds-color-danger-1);--eds-color-bg-danger-surface:var(--eds-color-danger-2);--eds-color-bg-danger-fill-muted-default:var(--eds-color-danger-3);--eds-color-bg-danger-fill-muted-hover:var(--eds-color-danger-4);--eds-color-bg-danger-fill-muted-active:var(--eds-color-danger-5);--eds-color-bg-danger-fill-emphasis-default:var(--eds-color-danger-9);--eds-color-bg-danger-fill-emphasis-hover:var(--eds-color-danger-10);--eds-color-bg-danger-fill-emphasis-active:var(--eds-color-danger-11);--eds-color-border-neutral-subtle:var(--eds-color-neutral-6);--eds-color-border-neutral-medium:var(--eds-color-neutral-7);--eds-color-border-neutral-strong:var(--eds-color-neutral-8);--eds-color-border-accent-subtle:var(--eds-color-accent-6);--eds-color-border-accent-medium:var(--eds-color-accent-7);--eds-color-border-accent-strong:var(--eds-color-accent-8);--eds-color-border-success-subtle:var(--eds-color-success-6);--eds-color-border-success-medium:var(--eds-color-success-7);--eds-color-border-success-strong:var(--eds-color-success-8);--eds-color-border-info-subtle:var(--eds-color-info-6);--eds-color-border-info-medium:var(--eds-color-info-7);--eds-color-border-info-strong:var(--eds-color-info-8);--eds-color-border-warning-subtle:var(--eds-color-warning-6);--eds-color-border-warning-medium:var(--eds-color-warning-7);--eds-color-border-warning-strong:var(--eds-color-warning-8);--eds-color-border-danger-subtle:var(--eds-color-danger-6);--eds-color-border-danger-medium:var(--eds-color-danger-7);--eds-color-border-danger-strong:var(--eds-color-danger-8);--eds-color-text-neutral-subtle:var(--eds-color-neutral-12);--eds-color-text-neutral-strong:var(--eds-color-neutral-13);--eds-color-text-neutral-subtle-on-emphasis:var(--eds-color-neutral-14);--eds-color-text-neutral-strong-on-emphasis:var(--eds-color-neutral-15);--eds-color-text-accent-subtle:var(--eds-color-accent-12);--eds-color-text-accent-strong:var(--eds-color-accent-13);--eds-color-text-accent-subtle-on-emphasis:var(--eds-color-accent-14);--eds-color-text-accent-strong-on-emphasis:var(--eds-color-accent-15);--eds-color-text-success-subtle:var(--eds-color-success-12);--eds-color-text-success-strong:var(--eds-color-success-13);--eds-color-text-success-subtle-on-emphasis:var(--eds-color-success-14);--eds-color-text-success-strong-on-emphasis:var(--eds-color-success-15);--eds-color-text-info-subtle:var(--eds-color-info-12);--eds-color-text-info-strong:var(--eds-color-info-13);--eds-color-text-info-subtle-on-emphasis:var(--eds-color-info-14);--eds-color-text-info-strong-on-emphasis:var(--eds-color-info-15);--eds-color-text-warning-subtle:var(--eds-color-warning-12);--eds-color-text-warning-strong:var(--eds-color-warning-13);--eds-color-text-warning-subtle-on-emphasis:var(--eds-color-warning-14);--eds-color-text-warning-strong-on-emphasis:var(--eds-color-warning-15);--eds-color-text-danger-subtle:var(--eds-color-danger-12);--eds-color-text-danger-strong:var(--eds-color-danger-13);--eds-color-text-danger-subtle-on-emphasis:var(--eds-color-danger-14);--eds-color-text-danger-strong-on-emphasis:var(--eds-color-danger-15)}:root,[data-color-appearance=neutral]{--eds-color-bg-fill-muted-default:var(--eds-color-neutral-3);--eds-color-bg-fill-muted-hover:var(--eds-color-neutral-4);--eds-color-bg-fill-muted-active:var(--eds-color-neutral-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-neutral-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-neutral-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-neutral-11);--eds-color-bg-canvas:var(--eds-color-neutral-1);--eds-color-bg-surface:var(--eds-color-neutral-2);--eds-color-border-subtle:var(--eds-color-neutral-6);--eds-color-border-medium:var(--eds-color-neutral-7);--eds-color-border-strong:var(--eds-color-neutral-8);--eds-color-text-subtle:var(--eds-color-neutral-12);--eds-color-text-strong:var(--eds-color-neutral-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-neutral-14);--eds-color-text-strong-on-emphasis:var(--eds-color-neutral-15)}[data-color-appearance=accent]{--eds-color-bg-fill-muted-default:var(--eds-color-accent-3);--eds-color-bg-fill-muted-hover:var(--eds-color-accent-4);--eds-color-bg-fill-muted-active:var(--eds-color-accent-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-accent-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-accent-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-accent-11);--eds-color-bg-canvas:var(--eds-color-accent-1);--eds-color-bg-surface:var(--eds-color-accent-2);--eds-color-border-subtle:var(--eds-color-accent-6);--eds-color-border-medium:var(--eds-color-accent-7);--eds-color-border-strong:var(--eds-color-accent-8);--eds-color-text-subtle:var(--eds-color-accent-12);--eds-color-text-strong:var(--eds-color-accent-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-accent-14);--eds-color-text-strong-on-emphasis:var(--eds-color-accent-15)}[data-color-appearance=danger]{--eds-color-bg-fill-muted-default:var(--eds-color-danger-3);--eds-color-bg-fill-muted-hover:var(--eds-color-danger-4);--eds-color-bg-fill-muted-active:var(--eds-color-danger-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-danger-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-danger-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-danger-11);--eds-color-bg-canvas:var(--eds-color-danger-1);--eds-color-bg-surface:var(--eds-color-danger-2);--eds-color-border-subtle:var(--eds-color-danger-6);--eds-color-border-medium:var(--eds-color-danger-7);--eds-color-border-strong:var(--eds-color-danger-8);--eds-color-text-subtle:var(--eds-color-danger-12);--eds-color-text-strong:var(--eds-color-danger-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-danger-14);--eds-color-text-strong-on-emphasis:var(--eds-color-danger-15)}[data-color-appearance=info]{--eds-color-bg-fill-muted-default:var(--eds-color-info-3);--eds-color-bg-fill-muted-hover:var(--eds-color-info-4);--eds-color-bg-fill-muted-active:var(--eds-color-info-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-info-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-info-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-info-11);--eds-color-bg-canvas:var(--eds-color-info-1);--eds-color-bg-surface:var(--eds-color-info-2);--eds-color-border-subtle:var(--eds-color-info-6);--eds-color-border-medium:var(--eds-color-info-7);--eds-color-border-strong:var(--eds-color-info-8);--eds-color-text-subtle:var(--eds-color-info-12);--eds-color-text-strong:var(--eds-color-info-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-info-14);--eds-color-text-strong-on-emphasis:var(--eds-color-info-15)}[data-color-appearance=success]{--eds-color-bg-fill-muted-default:var(--eds-color-success-3);--eds-color-bg-fill-muted-hover:var(--eds-color-success-4);--eds-color-bg-fill-muted-active:var(--eds-color-success-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-success-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-success-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-success-11);--eds-color-bg-canvas:var(--eds-color-success-1);--eds-color-bg-surface:var(--eds-color-success-2);--eds-color-border-subtle:var(--eds-color-success-6);--eds-color-border-medium:var(--eds-color-success-7);--eds-color-border-strong:var(--eds-color-success-8);--eds-color-text-subtle:var(--eds-color-success-12);--eds-color-text-strong:var(--eds-color-success-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-success-14);--eds-color-text-strong-on-emphasis:var(--eds-color-success-15)}[data-color-appearance=warning]{--eds-color-bg-fill-muted-default:var(--eds-color-warning-3);--eds-color-bg-fill-muted-hover:var(--eds-color-warning-4);--eds-color-bg-fill-muted-active:var(--eds-color-warning-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-warning-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-warning-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-warning-11);--eds-color-bg-canvas:var(--eds-color-warning-1);--eds-color-bg-surface:var(--eds-color-warning-2);--eds-color-border-subtle:var(--eds-color-warning-6);--eds-color-border-medium:var(--eds-color-warning-7);--eds-color-border-strong:var(--eds-color-warning-8);--eds-color-text-subtle:var(--eds-color-warning-12);--eds-color-text-strong:var(--eds-color-warning-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-warning-14);--eds-color-text-strong-on-emphasis:var(--eds-color-warning-15)}@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,[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,[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-rounded:var(--eds--spacious,.25rem)var(--eds--comfortable,.188rem);--eds-spacing-border-radius-pill:var(--eds--spacious,62.5rem)var(--eds--comfortable,62.5rem);--eds-spacing-border-radius-none:0rem;--eds-spacing-inset-xs-inline:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-inset-xs-stack-squished:var(--eds--spacious,.375rem)var(--eds--comfortable,.25rem);--eds-spacing-inset-xs-stack-squared:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-inset-xs-stack-stretched:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-sm-inline:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-sm-stack-squished:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-inset-sm-stack-squared:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-sm-stack-stretched:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-md-inline:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-md-stack-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-md-stack-squared:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-md-stack-stretched:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-lg-inline:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-lg-stack-squished:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-lg-stack-squared:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-lg-stack-stretched:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-inset-xl-inline:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-inset-xl-stack-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-xl-stack-squared:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-inset-xl-stack-stretched:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--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-typography-ui-body-xs-font-size:var(--eds--spacious,.656rem)var(--eds--comfortable,.563rem);--eds-typography-ui-body-xs-tracking-tight:var(--eds--spacious,-1.15px)var(--eds--comfortable,-.99px);--eds-typography-ui-body-xs-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-xs-tracking-loose:var(--eds--spacious,1.15px)var(--eds--comfortable,.99px);--eds-typography-ui-body-xs-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-xs-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-xs-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-xs-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-xs-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-sm-font-size:var(--eds--spacious,.75rem)var(--eds--comfortable,.656rem);--eds-typography-ui-body-sm-tracking-tight:var(--eds--spacious,-1.32px)var(--eds--comfortable,-1.15px);--eds-typography-ui-body-sm-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-sm-tracking-loose:var(--eds--spacious,1.32px)var(--eds--comfortable,1.15px);--eds-typography-ui-body-sm-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-sm-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-sm-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-sm-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-sm-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-font-family:"Inter";--eds-typography-ui-body-md-font-size:var(--eds--spacious,.875rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-md-tracking-tight:var(--eds--spacious,-1.54px)var(--eds--comfortable,-1.32px);--eds-typography-ui-body-md-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-md-tracking-loose:var(--eds--spacious,1.54px)var(--eds--comfortable,1.32px);--eds-typography-ui-body-md-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-md-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-md-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-md-lineheight-default:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-md-lineheight-squished:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-lg-font-size:var(--eds--spacious,1rem)var(--eds--comfortable,.875rem);--eds-typography-ui-body-lg-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.54px);--eds-typography-ui-body-lg-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-lg-tracking-loose:var(--eds--spacious,1.76px)var(--eds--comfortable,1.54px);--eds-typography-ui-body-lg-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-lg-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-lg-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-lg-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-ui-body-lg-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-xl-font-size:var(--eds--spacious,1.156rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-xl-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.76px);--eds-typography-ui-body-xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-xl-tracking-loose:var(--eds--spacious,2.035px)var(--eds--comfortable,1.76px);--eds-typography-ui-body-xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-xl-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.5rem);--eds-typography-ui-body-xl-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.25rem);--eds-typography-ui-body-2xl-font-size:var(--eds--spacious,1.313rem)var(--eds--comfortable,1.156rem);--eds-typography-ui-body-2xl-tracking-tight:var(--eds--spacious,-2.31px)var(--eds--comfortable,-1.76px);--eds-typography-ui-body-2xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-2xl-tracking-loose:var(--eds--spacious,2.31px)var(--eds--comfortable,2.035px);--eds-typography-ui-body-2xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-2xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-2xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-2xl-lineheight-default:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-ui-body-2xl-lineheight-squished:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-ui-body-3xl-font-size:var(--eds--spacious,1.531rem)var(--eds--comfortable,1.313rem);--eds-typography-ui-body-3xl-tracking-tight:var(--eds--spacious,-2.695px)var(--eds--comfortable,-2.31px);--eds-typography-ui-body-3xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-3xl-tracking-loose:var(--eds--spacious,2.695px)var(--eds--comfortable,2.31px);--eds-typography-ui-body-3xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-3xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-3xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-3xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-3xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-ui-body-4xl-font-size:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.531rem);--eds-typography-ui-body-4xl-tracking-tight:var(--eds--spacious,-3.08px)var(--eds--comfortable,-2.695px);--eds-typography-ui-body-4xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-4xl-tracking-loose:var(--eds--spacious,3.08px)var(--eds--comfortable,2.695px);--eds-typography-ui-body-4xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-4xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-4xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-4xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,2rem);--eds-typography-ui-body-4xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-5xl-font-size:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-5xl-tracking-tight:var(--eds--spacious,-3.52px)var(--eds--comfortable,-3.08px);--eds-typography-ui-body-5xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-5xl-tracking-loose:var(--eds--spacious,3.52px)var(--eds--comfortable,3.08px);--eds-typography-ui-body-5xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-5xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-5xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-5xl-lineheight-default:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem);--eds-typography-ui-body-5xl-lineheight-squished:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-6xl-font-size:var(--eds--spacious,2.313rem)var(--eds--comfortable,2rem);--eds-typography-ui-body-6xl-tracking-tight:var(--eds--spacious,-4.07px)var(--eds--comfortable,-3.52px);--eds-typography-ui-body-6xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-6xl-tracking-loose:var(--eds--spacious,4.07px)var(--eds--comfortable,3.52px);--eds-typography-ui-body-6xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-6xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,0px);--eds-typography-ui-body-6xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-6xl-lineheight-default:var(--eds--spacious,2.5rem)var(--eds--comfortable,2.25rem);--eds-typography-ui-body-6xl-lineheight-squished:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem);--eds-typography-header-xs-font-size:var(--eds--spacious,.75rem)var(--eds--comfortable,.656rem);--eds-typography-header-xs-tracking-tight:var(--eds--spacious,-1.15px)var(--eds--comfortable,-.99px);--eds-typography-header-xs-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-xs-tracking-loose:var(--eds--spacious,1.15px)var(--eds--comfortable,.99px);--eds-typography-header-xs-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-xs-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-xs-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-xs-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-header-xs-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-header-font-family:"Equinor";--eds-typography-header-sm-font-size:var(--eds--spacious,.875rem)var(--eds--comfortable,.75rem);--eds-typography-header-sm-tracking-tight:var(--eds--spacious,-1.32px)var(--eds--comfortable,-1.15px);--eds-typography-header-sm-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-sm-tracking-loose:var(--eds--spacious,1.32px)var(--eds--comfortable,1.15px);--eds-typography-header-sm-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-sm-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-sm-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-sm-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,1rem);--eds-typography-header-sm-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-header-md-font-size:var(--eds--spacious,1rem)var(--eds--comfortable,.875rem);--eds-typography-header-md-tracking-tight:var(--eds--spacious,-1.54px)var(--eds--comfortable,-1.32px);--eds-typography-header-md-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-md-tracking-loose:var(--eds--spacious,1.54px)var(--eds--comfortable,1.32px);--eds-typography-header-md-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-md-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-md-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-md-lineheight-default:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-header-md-lineheight-squished:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-header-lg-font-size:var(--eds--spacious,1.125rem)var(--eds--comfortable,1rem);--eds-typography-header-lg-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.54px);--eds-typography-header-lg-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-lg-tracking-loose:var(--eds--spacious,1.76px)var(--eds--comfortable,1.54px);--eds-typography-header-lg-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-lg-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-lg-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-lg-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-header-lg-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-header-xl-font-size:var(--eds--spacious,1.313rem)var(--eds--comfortable,1.125rem);--eds-typography-header-xl-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.76px);--eds-typography-header-xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-xl-tracking-loose:var(--eds--spacious,2.035px)var(--eds--comfortable,1.76px);--eds-typography-header-xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-xl-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.5rem);--eds-typography-header-xl-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.25rem);--eds-typography-header-2xl-font-size:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.313rem);--eds-typography-header-2xl-tracking-tight:var(--eds--spacious,-2.31px)var(--eds--comfortable,-1.76px);--eds-typography-header-2xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-2xl-tracking-loose:var(--eds--spacious,2.31px)var(--eds--comfortable,2.035px);--eds-typography-header-2xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-2xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-2xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-2xl-lineheight-default:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-header-2xl-lineheight-squished:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-header-3xl-font-size:var(--eds--spacious,1.719rem)var(--eds--comfortable,1.5rem);--eds-typography-header-3xl-tracking-tight:var(--eds--spacious,-2.695px)var(--eds--comfortable,-2.31px);--eds-typography-header-3xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-3xl-tracking-loose:var(--eds--spacious,2.695px)var(--eds--comfortable,2.31px);--eds-typography-header-3xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-3xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-3xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-3xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-header-3xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-header-4xl-font-size:var(--eds--spacious,1.969rem)var(--eds--comfortable,1.719rem);--eds-typography-header-4xl-tracking-tight:var(--eds--spacious,-3.08px)var(--eds--comfortable,-2.695px);--eds-typography-header-4xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-4xl-tracking-loose:var(--eds--spacious,3.08px)var(--eds--comfortable,2.695px);--eds-typography-header-4xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-4xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-4xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-4xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,2rem);--eds-typography-header-4xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.75rem);--eds-typography-header-5xl-font-size:var(--eds--spacious,2.281rem)var(--eds--comfortable,1.969rem);--eds-typography-header-5xl-tracking-tight:var(--eds--spacious,-3.52px)var(--eds--comfortable,-3.08px);--eds-typography-header-5xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-5xl-tracking-loose:var(--eds--spacious,3.52px)var(--eds--comfortable,3.08px);--eds-typography-header-5xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-5xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-5xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-5xl-lineheight-default:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem);--eds-typography-header-5xl-lineheight-squished:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-header-6xl-font-size:var(--eds--spacious,2.625rem)var(--eds--comfortable,2.281rem);--eds-typography-header-6xl-tracking-tight:var(--eds--spacious,-4.07px)var(--eds--comfortable,-3.52px);--eds-typography-header-6xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-6xl-tracking-loose:var(--eds--spacious,4.07px)var(--eds--comfortable,3.52px);--eds-typography-header-6xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-6xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-6xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-6xl-lineheight-default:var(--eds--spacious,2.5rem)var(--eds--comfortable,2.25rem);--eds-typography-header-6xl-lineheight-squished:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem)} \ No newline at end of file diff --git a/packages/eds-tokens/package.json b/packages/eds-tokens/package.json index 3bdbaf1815..f9719bd2c5 100644 --- a/packages/eds-tokens/package.json +++ b/packages/eds-tokens/package.json @@ -14,10 +14,6 @@ "./elements.css": "./elements.css", "./css/variables": "./build/css/variables.min.css", "./css/variables.css": "./build/css/variables.min.css", - "./css/variables-static.css": "./build/css/variables-static.min.css", - "./css/variables-static": "./build/css/variables-static.min.css", - "./css/variables-dynamic.css": "./build/css/variables-dynamic.min.css", - "./css/variables-dynamic": "./build/css/variables-dynamic.min.css", "./css/spacing/primitives.css": "./build/css/spacing/primitives-trimmed.css", "./css/spacing/comfortable.css": "./build/css/spacing/comfortable-verbose.css", "./css/spacing/spacious.css": "./build/css/spacing/spacious-verbose.css", @@ -66,15 +62,9 @@ "_prebuild:variables:typography-and-spacing": "vite build --config vite.generate-variables.config.ts", "build:variables:typography-and-spacing": "pnpm run _prebuild:variables:typography-and-spacing && node ./build-generate-variables/generate-variables.js", "_prebuild:css-copy-index": "copyfiles ./src/css/*.css ./build/css --flat", - "_build:css:static": "lightningcss --bundle ./build/css/index-variables-static.css -o ./build/css/variables-static.css", - "_build:css:dynamic": "lightningcss --bundle ./build/css/index-variables-dynamic.css -o ./build/css/variables-dynamic.css", "_build:css:variables": "lightningcss --bundle ./build/css/index-variables.css -o ./build/css/variables.css", - "_build:css-index": "pnpm run _build:css:static && pnpm run _build:css:dynamic && pnpm run _build:css:variables", - "_build:css-min-dynamic": "lightningcss --minify --bundle ./build/css/variables-dynamic.css -o ./build/css/variables-dynamic.min.css", - "_build:css-min-static": "lightningcss --minify --bundle ./build/css/variables-static.css -o ./build/css/variables-static.min.css", "_build:css-min-variables": "lightningcss --minify --bundle ./build/css/index-variables.css -o ./build/css/variables.min.css", - "_build:css-min": "pnpm run _build:css-min-static && pnpm run _build:css-min-dynamic && pnpm run _build:css-min-variables", - "_build:css": "pnpm run _prebuild:css-copy-index && pnpm run _build:css-index && pnpm run _build:css-min", + "_build:css": "pnpm run _prebuild:css-copy-index && pnpm run _build:css:variables && pnpm run _build:css-min-variables", "clean": "rimraf build", "build:variables": "pnpm run clean && pnpm run build:variables:typography-and-spacing && pnpm run build:variables:color && pnpm run _build:css", "update-tokens:spacing-primitives": "sync-figma-to-tokens --file-key cpNchKjiIM19dPqTxE0fqg", diff --git a/packages/eds-tokens/src/css/index-variables-dynamic.css b/packages/eds-tokens/src/css/index-variables-dynamic.css deleted file mode 100644 index 776e94e830..0000000000 --- a/packages/eds-tokens/src/css/index-variables-dynamic.css +++ /dev/null @@ -1,6 +0,0 @@ -@import 'color/color-scheme/color-scheme.css'; -@import 'color/dynamic/variables.css'; - -@import 'registered-properties.css'; -@import 'spacing-setup.css'; -@import 'spacing/spacing-trimmed.css'; diff --git a/packages/eds-tokens/src/css/index-variables-static.css b/packages/eds-tokens/src/css/index-variables-static.css deleted file mode 100644 index a5171de078..0000000000 --- a/packages/eds-tokens/src/css/index-variables-static.css +++ /dev/null @@ -1,6 +0,0 @@ -@import 'color/color-scheme/color-scheme.css'; -@import 'color/static/variables.css'; - -@import 'registered-properties.css'; -@import 'spacing-setup.css'; -@import 'spacing/spacing-trimmed.css'; From 0dc03cbbd17a007873a3d4336aafcfefe0e52101 Mon Sep 17 00:00:00 2001 From: Torleif Halseth Date: Tue, 14 Oct 2025 14:47:20 +0200 Subject: [PATCH 2/9] docs(eds-tokens): update readme to reflect new import --- packages/eds-tokens/README.md | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/packages/eds-tokens/README.md b/packages/eds-tokens/README.md index ad5c483366..a5c67c0809 100644 --- a/packages/eds-tokens/README.md +++ b/packages/eds-tokens/README.md @@ -17,12 +17,9 @@ import { tokens } from '@equinor/eds-tokens' CSS custom properties are also available: ```css -@import '@equinor/eds-tokens/css/variables-static.css'; /* or variables-dynamic.css */ +@import '@equinor/eds-tokens/css/variables'; ``` -`variables-static.css` exposes tokens with fixed values, while -`variables-dynamic.css` includes dynamic semantic color tokens. - ## Tokens - Clickbounds From 36ac9511ea6a156ad86e6035801fa4961ec7a333 Mon Sep 17 00:00:00 2001 From: Torleif Halseth Date: Wed, 15 Oct 2025 08:47:56 +0200 Subject: [PATCH 3/9] feat(eds-tailwind): update README and CSS imports for EDS tokens integration --- packages/eds-tailwind/README.md | 15 +++++++++++++-- packages/eds-tailwind/package.json | 12 ++++++++---- packages/eds-tailwind/style.css | 3 ++- packages/eds-tailwind/theme.css | 2 -- 4 files changed, 23 insertions(+), 9 deletions(-) diff --git a/packages/eds-tailwind/README.md b/packages/eds-tailwind/README.md index dd0af4bbd4..ee7efe0079 100644 --- a/packages/eds-tailwind/README.md +++ b/packages/eds-tailwind/README.md @@ -4,17 +4,28 @@ Tailwind CSS theme for Equinor Design System (EDS). This package exposes the EDS theme tokens and Tailwind `@theme` declarations as plain CSS. Import it from your app-level stylesheet so Tailwind v4 can process the directives. +## Installation + +```sh +pnpm add @equinor/eds-tailwind @equinor/eds-tokens +``` + ## Usage 1. Ensure Tailwind v4 is configured in your app and that `@import "tailwindcss";` exists in your global stylesheet. -2. Import the theme after Tailwind (order does not strictly matter, but keeping them together is convenient): +2. Import the EDS tokens CSS variables **before** the EDS Tailwind theme: ```css @import 'tailwindcss'; +@import '@equinor/eds-tokens/css/variables'; @import '@equinor/eds-tailwind'; ``` -The package also imports `@equinor/eds-tokens/css/variables-static.css` to make the CSS variables available. +:::note + +The `@equinor/eds-tokens/css/variables` import is required as it provides the CSS custom properties that the theme references. Importing it separately gives you control over where tokens are loaded and prevents duplicate imports if you're already using EDS tokens elsewhere in your application. + +::: ## Demo diff --git a/packages/eds-tailwind/package.json b/packages/eds-tailwind/package.json index dccc070e87..99c25edbe9 100644 --- a/packages/eds-tailwind/package.json +++ b/packages/eds-tailwind/package.json @@ -15,17 +15,21 @@ "default": "./theme.css", "import": "./theme.css" }, - "./theme.css": "./theme.css" + "./theme.css": "./theme.css", + "./theme": { + "style": "./theme.css", + "default": "./theme.css", + "import": "./theme.css" + } }, "sideEffects": [ "**/*.css" ], "peerDependencies": { + "@equinor/eds-tokens": ">=1.0.0", "tailwindcss": ">=4.0.0 <5" }, - "dependencies": { - "@equinor/eds-tokens": "workspace:*" - }, + "dependencies": {}, "devDependencies": { "@tailwindcss/vite": "^4.1.13", "tailwindcss": "^4.1.13", diff --git a/packages/eds-tailwind/style.css b/packages/eds-tailwind/style.css index 85d0763fe4..bc713fe5e4 100644 --- a/packages/eds-tailwind/style.css +++ b/packages/eds-tailwind/style.css @@ -1,2 +1,3 @@ @import 'tailwindcss'; -@import './theme.css'; +@import '@equinor/eds-tokens/css/variables'; +@import '@equinor/eds-tailwind'; diff --git a/packages/eds-tailwind/theme.css b/packages/eds-tailwind/theme.css index 8585697b7c..74e929db36 100644 --- a/packages/eds-tailwind/theme.css +++ b/packages/eds-tailwind/theme.css @@ -1,5 +1,3 @@ -@import '@equinor/eds-tokens/css/variables-static'; - /* Provide dark variant selector used by the theme */ @custom-variant dark (&:where([data-color-scheme=dark], [data-color-scheme=dark] *)); From 2cdd2c60d157ade09a821b4fbb17c4a4794330f0 Mon Sep 17 00:00:00 2001 From: Torleif Halseth Date: Wed, 15 Oct 2025 09:16:20 +0200 Subject: [PATCH 4/9] docs(eds-tokens): enhance README with detailed usage instructions for the new solution --- packages/eds-tokens/README.md | 137 ++++++++++++++++++++++++++++++---- 1 file changed, 124 insertions(+), 13 deletions(-) diff --git a/packages/eds-tokens/README.md b/packages/eds-tokens/README.md index a5c67c0809..5150c5de4a 100644 --- a/packages/eds-tokens/README.md +++ b/packages/eds-tokens/README.md @@ -1,6 +1,6 @@ # @equinor/eds-tokens -[Design tokens] used in the Equinor Design System (EDS), such as colours, spacings and typography. +[Design tokens] used in the EDS, including colors, spacing, typography, and more. These tokens are synchronized with Figma variables and provide a single source of truth for design decisions across the design system. ## Installation @@ -10,25 +10,136 @@ pnpm add @equinor/eds-tokens ## Usage -```js -import { tokens } from '@equinor/eds-tokens' -``` +The package provides two token systems: + +* **CSS Variables (Recommended)** -- Modern, theme-aware design tokens synced from Figma +* **Legacy Tokens** -- Original token format, still supported for backward compatibility + +--- + +## CSS Variables (Recommended) + +The new token system uses CSS custom properties that automatically adapt to light and dark color schemes using the modern `light-dark()` function. These tokens are directly synced from Figma variables. -CSS custom properties are also available: +### Using CSS Variables in CSS + +Import the variables stylesheet: ```css @import '@equinor/eds-tokens/css/variables'; ``` -## Tokens +Then use the CSS custom properties in your styles: + +```css +.my-component { + background-color: var(--eds-color-bg-neutral-surface); + color: var(--eds-color-text-neutral-strong); + border: 1px solid var(--eds-color-border-neutral-subtle); + padding: var(--eds-spacing-inline-md); + border-radius: var(--eds-spacing-border-radius-rounded); +} +``` + +The variables automatically respond to color scheme changes: + +```css +/* Applies to elements with data-color-scheme attribute */ +[data-color-scheme="dark"] { + /* Variables automatically use dark mode values */ +} + +/* Or use the native prefers-color-scheme */ +@media (prefers-color-scheme: dark) { + /* Variables automatically use dark mode values */ +} +``` + +### Using variables in JavaScript/TypeScript + +For scenarios where you need variables in JavaScript: + +#### Semantic color variables + +```typescript +// Import semantic color tokens +import * as colors from '@equinor/eds-tokens/js/color/static/semantic' + +// Use the semantic color values +const backgroundColor = colors.BG_NEUTRAL_SURFACE // "#ffffff" +const accentColor = colors.BG_ACCENT_FILL_EMPHASIS_DEFAULT // "#206f77" +const borderColor = colors.BORDER_INFO_MEDIUM // "#6fb6e9" +const textColor = colors.TEXT_NEUTRAL_STRONG // "#1d1d1d" +``` + +#### Color Scheme Tokens (Light/Dark Values) + +For accessing raw light/dark color scheme values: + +```typescript +// Import specific color scheme +import * as lightColors from '@equinor/eds-tokens/js/color/color-scheme/light-color-scheme' +import * as darkColors from '@equinor/eds-tokens/js/color/color-scheme/dark-color-scheme' + +// Use the color scheme values +const lightBackground = lightColors.BG_FLOATING // "#ffffff" +const darkBackground = darkColors.BG_FLOATING // "#202223" +``` + +#### Spacing Tokens + +```typescript +// Import spacing values for different density modes +import * as comfortableSpacing from '@equinor/eds-tokens/js/spacing/comfortable' +import * as spaciousSpacing from '@equinor/eds-tokens/js/spacing/spacious' +import * as primitiveSpacing from '@equinor/eds-tokens/js/spacing/primitives' + +// Use the values (numbers in pixels) +const padding = comfortableSpacing.SPACING_INLINE_MD // 12 +const borderRadius = comfortableSpacing.SPACING_BORDER_RADIUS_ROUNDED // 3 +``` + +### Available Token Categories + +* **Colors** -- Semantic color tokens for backgrounds, text, borders, and states +* **Spacing** -- Layout spacing including inline, stack, inset, and border radius +* **Typography** -- Font sizes, line heights, and font families (requires font files) + +### Spacing Density Modes + +The spacing system supports different density modes: + +* `comfortable` -- Default density for most applications +* `spacious` -- Increased spacing for better readability + +--- + +## Legacy Tokens (Backward Compatible) + +The original token format is still available for existing applications. These tokens use a structured JavaScript object format. + +### Using Legacy Tokens in JavaScript/TypeScript + +```javascript +import { tokens } from '@equinor/eds-tokens' + +// Access token values +const primaryColor = tokens.colors.interactive.primary__resting.rgba +const spacing = tokens.spacings.comfortable.medium +const typography = tokens.typography.heading.h1 +``` + +### Legacy Token Categories + +* Clickbounds +* Colors +* Elevation +* Shape +* Spacing +* Interaction states +* Typography (`ot`, `woff` or `woff2` font required) -- Clickbounds -- Colors -- Elevation -- Shape -- Spacing -- Interaction states -- Typography (`ot`, `woff` or `woff2` font required) +> We recommend migrating to CSS Variables for new projects to benefit from automatic theme support and better performance. [design tokens]: https://css-tricks.com/what-are-design-tokens/ From eb6b5d0eba9350a52d97c241142ac94962a71b47 Mon Sep 17 00:00:00 2001 From: Torleif Halseth Date: Wed, 15 Oct 2025 13:51:22 +0200 Subject: [PATCH 5/9] feat(eds-tokens): add light and dark semantic colours in js and json --- .../build-semantic-static-variables.ts | 36 ++++ packages/eds-tokens/README.md | 35 ++-- .../color-scheme/dark-semantic-trimmed.css | 96 +++++++++++ .../color-scheme/light-semantic-trimmed.css | 96 +++++++++++ .../js/color/color-scheme/dark-semantic.d.ts | 118 +++++++++++++ .../js/color/color-scheme/dark-semantic.js | 94 +++++++++++ .../js/color/color-scheme/light-semantic.d.ts | 118 +++++++++++++ .../js/color/color-scheme/light-semantic.js | 94 +++++++++++ .../color-scheme/flat/dark-semantic.json | 92 ++++++++++ .../color-scheme/flat/light-semantic.json | 92 ++++++++++ .../color-scheme/nested/dark-semantic.json | 158 ++++++++++++++++++ .../color-scheme/nested/light-semantic.json | 158 ++++++++++++++++++ 12 files changed, 1166 insertions(+), 21 deletions(-) create mode 100644 packages/eds-tokens/build/css/color/color-scheme/dark-semantic-trimmed.css create mode 100644 packages/eds-tokens/build/css/color/color-scheme/light-semantic-trimmed.css create mode 100644 packages/eds-tokens/build/js/color/color-scheme/dark-semantic.d.ts create mode 100644 packages/eds-tokens/build/js/color/color-scheme/dark-semantic.js create mode 100644 packages/eds-tokens/build/js/color/color-scheme/light-semantic.d.ts create mode 100644 packages/eds-tokens/build/js/color/color-scheme/light-semantic.js create mode 100644 packages/eds-tokens/build/json/color/color-scheme/flat/dark-semantic.json create mode 100644 packages/eds-tokens/build/json/color/color-scheme/flat/light-semantic.json create mode 100644 packages/eds-tokens/build/json/color/color-scheme/nested/dark-semantic.json create mode 100644 packages/eds-tokens/build/json/color/color-scheme/nested/light-semantic.json diff --git a/packages/eds-tokens-build/src/scripts/build-semantic-static-variables.ts b/packages/eds-tokens-build/src/scripts/build-semantic-static-variables.ts index adb0c54b2f..120ed61b90 100644 --- a/packages/eds-tokens-build/src/scripts/build-semantic-static-variables.ts +++ b/packages/eds-tokens-build/src/scripts/build-semantic-static-variables.ts @@ -56,6 +56,7 @@ async function buildColorsFromConfig(cfg: TokenConfig) { const PREFIX = tokenConfig.variablePrefix ?? 'x' const COLOR_PREFIX = PREFIX + '-color' // e.g. "x-color" + // Build static semantic tokens with light theme values and CSS variable references const semanticColors = _extend({ source: [SEMANTIC_COLORS], include: [LIGHT_COLORS, LIGHT_SCHEME], // use one scheme to resolve references @@ -69,6 +70,41 @@ async function buildColorsFromConfig(cfg: TokenConfig) { }) await semanticColors.buildAllPlatforms() + + // Build semantic color scheme tokens with resolved light/dark values + const DARK_COLORS = path.join(TOKEN_BASE, 'Color Dark.Mode 1.json') + const DARK_SCHEME = path.join(TOKEN_BASE, `${SCHEME_TOKENS_PREFIX}.Dark.json`) + const SCHEME_BUILD_PATH = path.posix.join( + tokenConfig.buildPath ?? 'color/', + 'color-scheme/', + ) + + const lightSemanticColors = _extend({ + source: [SEMANTIC_COLORS], + include: [LIGHT_COLORS, LIGHT_SCHEME], + filter: (token: TransformedToken) => + includeTokenFilter(token, ['Semantic']), + buildPath: SCHEME_BUILD_PATH, + fileName: 'light-semantic', + selector: '[data-color-scheme="light"]', + prefix: COLOR_PREFIX, + outputReferences: false, + }) + + const darkSemanticColors = _extend({ + source: [SEMANTIC_COLORS], + include: [DARK_COLORS, DARK_SCHEME], + filter: (token: TransformedToken) => + includeTokenFilter(token, ['Semantic']), + buildPath: SCHEME_BUILD_PATH, + fileName: 'dark-semantic', + selector: '[data-color-scheme="dark"]', + prefix: COLOR_PREFIX, + outputReferences: false, + }) + + await lightSemanticColors.buildAllPlatforms() + await darkSemanticColors.buildAllPlatforms() } async function combineColorsFromConfig(cfg: TokenConfig) { diff --git a/packages/eds-tokens/README.md b/packages/eds-tokens/README.md index 5150c5de4a..5ad43de803 100644 --- a/packages/eds-tokens/README.md +++ b/packages/eds-tokens/README.md @@ -57,33 +57,26 @@ The variables automatically respond to color scheme changes: ### Using variables in JavaScript/TypeScript -For scenarios where you need variables in JavaScript: +For scenarios where you need colour variables in JavaScript: -#### Semantic color variables +#### Color Scheme Tokens -```typescript -// Import semantic color tokens -import * as colors from '@equinor/eds-tokens/js/color/static/semantic' - -// Use the semantic color values -const backgroundColor = colors.BG_NEUTRAL_SURFACE // "#ffffff" -const accentColor = colors.BG_ACCENT_FILL_EMPHASIS_DEFAULT // "#206f77" -const borderColor = colors.BORDER_INFO_MEDIUM // "#6fb6e9" -const textColor = colors.TEXT_NEUTRAL_STRONG // "#1d1d1d" -``` +Import the light and dark semantic color tokens: -#### Color Scheme Tokens (Light/Dark Values) +```typescript +// Import semantic color scheme tokens +import * as lightSemantic from '@equinor/eds-tokens/js/color/color-scheme/light-semantic' +import * as darkSemantic from '@equinor/eds-tokens/js/color/color-scheme/dark-semantic' -For accessing raw light/dark color scheme values: +// Use semantic tokens with light/dark values +const lightSurface = lightSemantic.BG_NEUTRAL_SURFACE // "#ffffff" +const darkSurface = darkSemantic.BG_NEUTRAL_SURFACE // "#202223" -```typescript -// Import specific color scheme -import * as lightColors from '@equinor/eds-tokens/js/color/color-scheme/light-color-scheme' -import * as darkColors from '@equinor/eds-tokens/js/color/color-scheme/dark-color-scheme' +const lightAccent = lightSemantic.BG_ACCENT_FILL_EMPHASIS_DEFAULT // "#206f77" +const darkAccent = darkSemantic.BG_ACCENT_FILL_EMPHASIS_DEFAULT // "#206f77" -// Use the color scheme values -const lightBackground = lightColors.BG_FLOATING // "#ffffff" -const darkBackground = darkColors.BG_FLOATING // "#202223" +const lightBorder = lightSemantic.BORDER_INFO_MEDIUM // "#6fb6e9" +const darkBorder = darkSemantic.BORDER_INFO_MEDIUM // "#5c9fc9" ``` #### Spacing Tokens diff --git a/packages/eds-tokens/build/css/color/color-scheme/dark-semantic-trimmed.css b/packages/eds-tokens/build/css/color/color-scheme/dark-semantic-trimmed.css new file mode 100644 index 0000000000..ae22e77a63 --- /dev/null +++ b/packages/eds-tokens/build/css/color/color-scheme/dark-semantic-trimmed.css @@ -0,0 +1,96 @@ +/** + * Do not edit directly, this file was auto-generated. + */ + +[data-color-scheme="dark"] { + --eds-color-bg-neutral-canvas: #0b0b0b; + --eds-color-bg-neutral-surface: #202223; + --eds-color-bg-neutral-fill-muted-default: #525c65; + --eds-color-bg-neutral-fill-muted-hover: #5d6b76; + --eds-color-bg-neutral-fill-muted-active: #6b7d8b; + --eds-color-bg-neutral-fill-emphasis-default: #b4c7d7; + --eds-color-bg-neutral-fill-emphasis-hover: #cadae7; + --eds-color-bg-neutral-fill-emphasis-active: #deeaf4; + --eds-color-bg-accent-canvas: #0a0b0b; + --eds-color-bg-accent-surface: #1e2323; + --eds-color-bg-accent-fill-muted-default: #3c6266; + --eds-color-bg-accent-fill-muted-hover: #3e7378; + --eds-color-bg-accent-fill-muted-active: #41878e; + --eds-color-bg-accent-fill-emphasis-default: #8cd2da; + --eds-color-bg-accent-fill-emphasis-hover: #ace3e9; + --eds-color-bg-accent-fill-emphasis-active: #c7f1f6; + --eds-color-bg-success-canvas: #0a0c0a; + --eds-color-bg-success-surface: #1e231e; + --eds-color-bg-success-fill-muted-default: #3c673a; + --eds-color-bg-success-fill-muted-hover: #3e793c; + --eds-color-bg-success-fill-muted-active: #418e3e; + --eds-color-bg-success-fill-emphasis-default: #8cdb87; + --eds-color-bg-success-fill-emphasis-hover: #aceba8; + --eds-color-bg-success-fill-emphasis-active: #c7f7c3; + --eds-color-bg-info-canvas: #0a0b0c; + --eds-color-bg-info-surface: #1d2226; + --eds-color-bg-info-fill-muted-default: #33607e; + --eds-color-bg-info-fill-muted-hover: #316f98; + --eds-color-bg-info-fill-muted-active: #2e82b7; + --eds-color-bg-info-fill-emphasis-default: #7dceff; + --eds-color-bg-info-fill-emphasis-hover: #a2e0ff; + --eds-color-bg-info-fill-emphasis-active: #c4eeff; + --eds-color-bg-warning-canvas: #0c0b0a; + --eds-color-bg-warning-surface: #27201b; + --eds-color-bg-warning-fill-muted-default: #7e4e25; + --eds-color-bg-warning-fill-muted-hover: #97571b; + --eds-color-bg-warning-fill-muted-active: #b46201; + --eds-color-bg-warning-fill-emphasis-default: #ffad63; + --eds-color-bg-warning-fill-emphasis-hover: #ffc791; + --eds-color-bg-warning-fill-emphasis-active: #ffddb9; + --eds-color-bg-danger-canvas: #0d0a0a; + --eds-color-bg-danger-surface: #2a1e1e; + --eds-color-bg-danger-fill-muted-default: #923a3c; + --eds-color-bg-danger-fill-muted-hover: #b03940; + --eds-color-bg-danger-fill-muted-active: #d43745; + --eds-color-bg-danger-fill-emphasis-default: #ffa3a1; + --eds-color-bg-danger-fill-emphasis-hover: #ffc1bf; + --eds-color-bg-danger-fill-emphasis-active: #ffd9d7; + --eds-color-border-neutral-subtle: #525c65; + --eds-color-border-neutral-medium: #738696; + --eds-color-border-neutral-strong: #9fb4c6; + --eds-color-border-accent-subtle: #3c6266; + --eds-color-border-accent-medium: #439199; + --eds-color-border-accent-strong: #6ec0c9; + --eds-color-border-success-subtle: #3c673a; + --eds-color-border-success-medium: #439941; + --eds-color-border-success-strong: #6eca6a; + --eds-color-border-info-subtle: #33607e; + --eds-color-border-info-medium: #2d8bc5; + --eds-color-border-info-strong: #5abbfb; + --eds-color-border-warning-subtle: #7e4e25; + --eds-color-border-warning-medium: #c36800; + --eds-color-border-warning-strong: #f99539; + --eds-color-border-danger-subtle: #923a3c; + --eds-color-border-danger-medium: #e53748; + --eds-color-border-danger-strong: #ff8082; + --eds-color-text-neutral-subtle: #d6e3ee; /** Used for text and icons */ + --eds-color-text-neutral-strong: #f5fdff; /** Used for text and icons */ + --eds-color-text-neutral-subtle-on-emphasis: #333639; /** Text or icons against colored backgrounds */ + --eds-color-text-neutral-strong-on-emphasis: #030303; /** Text or icons against colored backgrounds */ + --eds-color-text-accent-subtle: #bcebf1; /** Used for text and icons */ + --eds-color-text-accent-strong: #e6ffff; /** Used for text and icons */ + --eds-color-text-accent-subtle-on-emphasis: #2c3839; /** Text or icons against colored backgrounds */ + --eds-color-text-accent-strong-on-emphasis: #030303; /** Text or icons against colored backgrounds */ + --eds-color-text-success-subtle: #bcf2b8; /** Used for text and icons */ + --eds-color-text-success-strong: #e6ffe3; /** Used for text and icons */ + --eds-color-text-success-subtle-on-emphasis: #2c392b; /** Text or icons against colored backgrounds */ + --eds-color-text-success-strong-on-emphasis: #030303; /** Text or icons against colored backgrounds */ + --eds-color-text-info-subtle: #b7e8ff; /** Used for text and icons */ + --eds-color-text-info-strong: #ecffff; /** Used for text and icons */ + --eds-color-text-info-subtle-on-emphasis: #2a3741; /** Text or icons against colored backgrounds */ + --eds-color-text-info-strong-on-emphasis: #030304; /** Text or icons against colored backgrounds */ + --eds-color-text-warning-subtle: #ffd4aa; /** Used for text and icons */ + --eds-color-text-warning-strong: #fff7e6; /** Used for text and icons */ + --eds-color-text-warning-subtle-on-emphasis: #413226; /** Text or icons against colored backgrounds */ + --eds-color-text-warning-strong-on-emphasis: #040303; /** Text or icons against colored backgrounds */ + --eds-color-text-danger-subtle: #ffd0ce; /** Used for text and icons */ + --eds-color-text-danger-strong: #fff5f4; /** Used for text and icons */ + --eds-color-text-danger-subtle-on-emphasis: #492d2c; /** Text or icons against colored backgrounds */ + --eds-color-text-danger-strong-on-emphasis: #040303; /** Text or icons against colored backgrounds */ +} diff --git a/packages/eds-tokens/build/css/color/color-scheme/light-semantic-trimmed.css b/packages/eds-tokens/build/css/color/color-scheme/light-semantic-trimmed.css new file mode 100644 index 0000000000..e622c93b62 --- /dev/null +++ b/packages/eds-tokens/build/css/color/color-scheme/light-semantic-trimmed.css @@ -0,0 +1,96 @@ +/** + * Do not edit directly, this file was auto-generated. + */ + +[data-color-scheme="light"] { + --eds-color-bg-neutral-canvas: #f5f5f5; + --eds-color-bg-neutral-surface: #ffffff; + --eds-color-bg-neutral-fill-muted-default: #e1e1e1; + --eds-color-bg-neutral-fill-muted-hover: #d4d4d4; + --eds-color-bg-neutral-fill-muted-active: #c4c4c4; + --eds-color-bg-neutral-fill-emphasis-default: #636363; + --eds-color-bg-neutral-fill-emphasis-hover: #525252; + --eds-color-bg-neutral-fill-emphasis-active: #4d4d4d; + --eds-color-bg-accent-canvas: #eaf8fa; + --eds-color-bg-accent-surface: #f6ffff; + --eds-color-bg-accent-fill-muted-default: #cfe7e9; + --eds-color-bg-accent-fill-muted-hover: #bbdbdf; + --eds-color-bg-accent-fill-muted-active: #a2cdd2; + --eds-color-bg-accent-fill-emphasis-default: #206f77; + --eds-color-bg-accent-fill-emphasis-hover: #205c62; + --eds-color-bg-accent-fill-emphasis-active: #20565c; + --eds-color-bg-success-canvas: #eafbe8; + --eds-color-bg-success-surface: #f6fff5; + --eds-color-bg-success-fill-muted-default: #cfeacc; + --eds-color-bg-success-fill-muted-hover: #bbe0b8; + --eds-color-bg-success-fill-muted-active: #a2d49e; + --eds-color-bg-success-fill-emphasis-default: #207720; + --eds-color-bg-success-fill-emphasis-hover: #20621f; + --eds-color-bg-success-fill-emphasis-active: #215c1f; + --eds-color-bg-info-canvas: #e7f8ff; + --eds-color-bg-info-surface: #f4ffff; + --eds-color-bg-info-fill-muted-default: #cae6fa; + --eds-color-bg-info-fill-muted-hover: #b5daf5; + --eds-color-bg-info-fill-muted-active: #99cbf0; + --eds-color-bg-info-fill-emphasis-default: #006aa0; + --eds-color-bg-info-fill-emphasis-hover: #085883; + --eds-color-bg-info-fill-emphasis-active: #0e5279; + --eds-color-bg-warning-canvas: #fff1e2; + --eds-color-bg-warning-surface: #fffcf0; + --eds-color-bg-warning-fill-muted-default: #fbdac1; + --eds-color-bg-warning-fill-muted-hover: #f6caaa; + --eds-color-bg-warning-fill-muted-active: #f0b689; + --eds-color-bg-warning-fill-emphasis-default: #9b4900; + --eds-color-bg-warning-fill-emphasis-hover: #813e00; + --eds-color-bg-warning-fill-emphasis-active: #773a00; + --eds-color-bg-danger-canvas: #ffecea; + --eds-color-bg-danger-surface: #fff9f8; + --eds-color-bg-danger-fill-muted-default: #ffd0ce; + --eds-color-bg-danger-fill-muted-hover: #ffbcba; + --eds-color-bg-danger-fill-muted-active: #ffa3a1; + --eds-color-bg-danger-fill-emphasis-default: #bc002a; + --eds-color-bg-danger-fill-emphasis-hover: #9a1026; + --eds-color-bg-danger-fill-emphasis-active: #8e1525; + --eds-color-border-neutral-subtle: #d4d4d4; + --eds-color-border-neutral-medium: #aeaeae; + --eds-color-border-neutral-strong: #696969; + --eds-color-border-accent-subtle: #bbdbdf; + --eds-color-border-accent-medium: #7cbac1; + --eds-color-border-accent-strong: #21767e; + --eds-color-border-success-subtle: #bbe0b8; + --eds-color-border-success-medium: #7cc278; + --eds-color-border-success-strong: #227e22; + --eds-color-border-info-subtle: #b5daf5; + --eds-color-border-info-medium: #6fb6e9; + --eds-color-border-info-strong: #0070a9; + --eds-color-border-warning-subtle: #f6caaa; + --eds-color-border-warning-medium: #e89959; + --eds-color-border-warning-strong: #a34e00; + --eds-color-border-danger-subtle: #ffbcba; + --eds-color-border-danger-medium: #ff7a7d; + --eds-color-border-danger-strong: #c6002d; + --eds-color-text-neutral-subtle: #585858; /** Used for text and icons */ + --eds-color-text-neutral-strong: #1d1d1d; /** Used for text and icons */ + --eds-color-text-neutral-subtle-on-emphasis: #dedede; /** Text or icons against colored backgrounds */ + --eds-color-text-neutral-strong-on-emphasis: #ffffff; /** Text or icons against colored backgrounds */ + --eds-color-text-accent-subtle: #1f6369; /** Used for text and icons */ + --eds-color-text-accent-strong: #141f20; /** Used for text and icons */ + --eds-color-text-accent-subtle-on-emphasis: #cae4e7; /** Text or icons against colored backgrounds */ + --eds-color-text-accent-strong-on-emphasis: #ffffff; /** Text or icons against colored backgrounds */ + --eds-color-text-success-subtle: #20691f; /** Used for text and icons */ + --eds-color-text-success-strong: #142114; /** Used for text and icons */ + --eds-color-text-success-subtle-on-emphasis: #cae8c7; /** Text or icons against colored backgrounds */ + --eds-color-text-success-strong-on-emphasis: #ffffff; /** Text or icons against colored backgrounds */ + --eds-color-text-info-subtle: #015e8d; /** Used for text and icons */ + --eds-color-text-info-strong: #121e27; /** Used for text and icons */ + --eds-color-text-info-subtle-on-emphasis: #c5e3f9; /** Text or icons against colored backgrounds */ + --eds-color-text-info-strong-on-emphasis: #ffffff; /** Text or icons against colored backgrounds */ + --eds-color-text-warning-subtle: #8a4100; /** Used for text and icons */ + --eds-color-text-warning-strong: #27190e; /** Used for text and icons */ + --eds-color-text-warning-subtle-on-emphasis: #fad6bc; /** Text or icons against colored backgrounds */ + --eds-color-text-warning-strong-on-emphasis: #ffffff; /** Text or icons against colored backgrounds */ + --eds-color-text-danger-subtle: #a50827; /** Used for text and icons */ + --eds-color-text-danger-strong: #2e1414; /** Used for text and icons */ + --eds-color-text-danger-subtle-on-emphasis: #ffcbc9; /** Text or icons against colored backgrounds */ + --eds-color-text-danger-strong-on-emphasis: #ffffff; /** Text or icons against colored backgrounds */ +} diff --git a/packages/eds-tokens/build/js/color/color-scheme/dark-semantic.d.ts b/packages/eds-tokens/build/js/color/color-scheme/dark-semantic.d.ts new file mode 100644 index 0000000000..1fc9913f49 --- /dev/null +++ b/packages/eds-tokens/build/js/color/color-scheme/dark-semantic.d.ts @@ -0,0 +1,118 @@ +/** + * Do not edit directly, this file was auto-generated. + */ + +export const BG_NEUTRAL_CANVAS: string; +export const BG_NEUTRAL_SURFACE: string; +export const BG_NEUTRAL_FILL_MUTED_DEFAULT: string; +export const BG_NEUTRAL_FILL_MUTED_HOVER: string; +export const BG_NEUTRAL_FILL_MUTED_ACTIVE: string; +export const BG_NEUTRAL_FILL_EMPHASIS_DEFAULT: string; +export const BG_NEUTRAL_FILL_EMPHASIS_HOVER: string; +export const BG_NEUTRAL_FILL_EMPHASIS_ACTIVE: string; +export const BG_ACCENT_CANVAS: string; +export const BG_ACCENT_SURFACE: string; +export const BG_ACCENT_FILL_MUTED_DEFAULT: string; +export const BG_ACCENT_FILL_MUTED_HOVER: string; +export const BG_ACCENT_FILL_MUTED_ACTIVE: string; +export const BG_ACCENT_FILL_EMPHASIS_DEFAULT: string; +export const BG_ACCENT_FILL_EMPHASIS_HOVER: string; +export const BG_ACCENT_FILL_EMPHASIS_ACTIVE: string; +export const BG_SUCCESS_CANVAS: string; +export const BG_SUCCESS_SURFACE: string; +export const BG_SUCCESS_FILL_MUTED_DEFAULT: string; +export const BG_SUCCESS_FILL_MUTED_HOVER: string; +export const BG_SUCCESS_FILL_MUTED_ACTIVE: string; +export const BG_SUCCESS_FILL_EMPHASIS_DEFAULT: string; +export const BG_SUCCESS_FILL_EMPHASIS_HOVER: string; +export const BG_SUCCESS_FILL_EMPHASIS_ACTIVE: string; +export const BG_INFO_CANVAS: string; +export const BG_INFO_SURFACE: string; +export const BG_INFO_FILL_MUTED_DEFAULT: string; +export const BG_INFO_FILL_MUTED_HOVER: string; +export const BG_INFO_FILL_MUTED_ACTIVE: string; +export const BG_INFO_FILL_EMPHASIS_DEFAULT: string; +export const BG_INFO_FILL_EMPHASIS_HOVER: string; +export const BG_INFO_FILL_EMPHASIS_ACTIVE: string; +export const BG_WARNING_CANVAS: string; +export const BG_WARNING_SURFACE: string; +export const BG_WARNING_FILL_MUTED_DEFAULT: string; +export const BG_WARNING_FILL_MUTED_HOVER: string; +export const BG_WARNING_FILL_MUTED_ACTIVE: string; +export const BG_WARNING_FILL_EMPHASIS_DEFAULT: string; +export const BG_WARNING_FILL_EMPHASIS_HOVER: string; +export const BG_WARNING_FILL_EMPHASIS_ACTIVE: string; +export const BG_DANGER_CANVAS: string; +export const BG_DANGER_SURFACE: string; +export const BG_DANGER_FILL_MUTED_DEFAULT: string; +export const BG_DANGER_FILL_MUTED_HOVER: string; +export const BG_DANGER_FILL_MUTED_ACTIVE: string; +export const BG_DANGER_FILL_EMPHASIS_DEFAULT: string; +export const BG_DANGER_FILL_EMPHASIS_HOVER: string; +export const BG_DANGER_FILL_EMPHASIS_ACTIVE: string; +export const BORDER_NEUTRAL_SUBTLE: string; +export const BORDER_NEUTRAL_MEDIUM: string; +export const BORDER_NEUTRAL_STRONG: string; +export const BORDER_ACCENT_SUBTLE: string; +export const BORDER_ACCENT_MEDIUM: string; +export const BORDER_ACCENT_STRONG: string; +export const BORDER_SUCCESS_SUBTLE: string; +export const BORDER_SUCCESS_MEDIUM: string; +export const BORDER_SUCCESS_STRONG: string; +export const BORDER_INFO_SUBTLE: string; +export const BORDER_INFO_MEDIUM: string; +export const BORDER_INFO_STRONG: string; +export const BORDER_WARNING_SUBTLE: string; +export const BORDER_WARNING_MEDIUM: string; +export const BORDER_WARNING_STRONG: string; +export const BORDER_DANGER_SUBTLE: string; +export const BORDER_DANGER_MEDIUM: string; +export const BORDER_DANGER_STRONG: string; +/** Used for text and icons */ +export const TEXT_NEUTRAL_SUBTLE: string; +/** Used for text and icons */ +export const TEXT_NEUTRAL_STRONG: string; +/** Text or icons against colored backgrounds */ +export const TEXT_NEUTRAL_SUBTLE_ON_EMPHASIS: string; +/** Text or icons against colored backgrounds */ +export const TEXT_NEUTRAL_STRONG_ON_EMPHASIS: string; +/** Used for text and icons */ +export const TEXT_ACCENT_SUBTLE: string; +/** Used for text and icons */ +export const TEXT_ACCENT_STRONG: string; +/** Text or icons against colored backgrounds */ +export const TEXT_ACCENT_SUBTLE_ON_EMPHASIS: string; +/** Text or icons against colored backgrounds */ +export const TEXT_ACCENT_STRONG_ON_EMPHASIS: string; +/** Used for text and icons */ +export const TEXT_SUCCESS_SUBTLE: string; +/** Used for text and icons */ +export const TEXT_SUCCESS_STRONG: string; +/** Text or icons against colored backgrounds */ +export const TEXT_SUCCESS_SUBTLE_ON_EMPHASIS: string; +/** Text or icons against colored backgrounds */ +export const TEXT_SUCCESS_STRONG_ON_EMPHASIS: string; +/** Used for text and icons */ +export const TEXT_INFO_SUBTLE: string; +/** Used for text and icons */ +export const TEXT_INFO_STRONG: string; +/** Text or icons against colored backgrounds */ +export const TEXT_INFO_SUBTLE_ON_EMPHASIS: string; +/** Text or icons against colored backgrounds */ +export const TEXT_INFO_STRONG_ON_EMPHASIS: string; +/** Used for text and icons */ +export const TEXT_WARNING_SUBTLE: string; +/** Used for text and icons */ +export const TEXT_WARNING_STRONG: string; +/** Text or icons against colored backgrounds */ +export const TEXT_WARNING_SUBTLE_ON_EMPHASIS: string; +/** Text or icons against colored backgrounds */ +export const TEXT_WARNING_STRONG_ON_EMPHASIS: string; +/** Used for text and icons */ +export const TEXT_DANGER_SUBTLE: string; +/** Used for text and icons */ +export const TEXT_DANGER_STRONG: string; +/** Text or icons against colored backgrounds */ +export const TEXT_DANGER_SUBTLE_ON_EMPHASIS: string; +/** Text or icons against colored backgrounds */ +export const TEXT_DANGER_STRONG_ON_EMPHASIS: string; diff --git a/packages/eds-tokens/build/js/color/color-scheme/dark-semantic.js b/packages/eds-tokens/build/js/color/color-scheme/dark-semantic.js new file mode 100644 index 0000000000..749433b147 --- /dev/null +++ b/packages/eds-tokens/build/js/color/color-scheme/dark-semantic.js @@ -0,0 +1,94 @@ +/** + * Do not edit directly, this file was auto-generated. + */ + +export const BG_NEUTRAL_CANVAS = "#0b0b0b"; +export const BG_NEUTRAL_SURFACE = "#202223"; +export const BG_NEUTRAL_FILL_MUTED_DEFAULT = "#525c65"; +export const BG_NEUTRAL_FILL_MUTED_HOVER = "#5d6b76"; +export const BG_NEUTRAL_FILL_MUTED_ACTIVE = "#6b7d8b"; +export const BG_NEUTRAL_FILL_EMPHASIS_DEFAULT = "#b4c7d7"; +export const BG_NEUTRAL_FILL_EMPHASIS_HOVER = "#cadae7"; +export const BG_NEUTRAL_FILL_EMPHASIS_ACTIVE = "#deeaf4"; +export const BG_ACCENT_CANVAS = "#0a0b0b"; +export const BG_ACCENT_SURFACE = "#1e2323"; +export const BG_ACCENT_FILL_MUTED_DEFAULT = "#3c6266"; +export const BG_ACCENT_FILL_MUTED_HOVER = "#3e7378"; +export const BG_ACCENT_FILL_MUTED_ACTIVE = "#41878e"; +export const BG_ACCENT_FILL_EMPHASIS_DEFAULT = "#8cd2da"; +export const BG_ACCENT_FILL_EMPHASIS_HOVER = "#ace3e9"; +export const BG_ACCENT_FILL_EMPHASIS_ACTIVE = "#c7f1f6"; +export const BG_SUCCESS_CANVAS = "#0a0c0a"; +export const BG_SUCCESS_SURFACE = "#1e231e"; +export const BG_SUCCESS_FILL_MUTED_DEFAULT = "#3c673a"; +export const BG_SUCCESS_FILL_MUTED_HOVER = "#3e793c"; +export const BG_SUCCESS_FILL_MUTED_ACTIVE = "#418e3e"; +export const BG_SUCCESS_FILL_EMPHASIS_DEFAULT = "#8cdb87"; +export const BG_SUCCESS_FILL_EMPHASIS_HOVER = "#aceba8"; +export const BG_SUCCESS_FILL_EMPHASIS_ACTIVE = "#c7f7c3"; +export const BG_INFO_CANVAS = "#0a0b0c"; +export const BG_INFO_SURFACE = "#1d2226"; +export const BG_INFO_FILL_MUTED_DEFAULT = "#33607e"; +export const BG_INFO_FILL_MUTED_HOVER = "#316f98"; +export const BG_INFO_FILL_MUTED_ACTIVE = "#2e82b7"; +export const BG_INFO_FILL_EMPHASIS_DEFAULT = "#7dceff"; +export const BG_INFO_FILL_EMPHASIS_HOVER = "#a2e0ff"; +export const BG_INFO_FILL_EMPHASIS_ACTIVE = "#c4eeff"; +export const BG_WARNING_CANVAS = "#0c0b0a"; +export const BG_WARNING_SURFACE = "#27201b"; +export const BG_WARNING_FILL_MUTED_DEFAULT = "#7e4e25"; +export const BG_WARNING_FILL_MUTED_HOVER = "#97571b"; +export const BG_WARNING_FILL_MUTED_ACTIVE = "#b46201"; +export const BG_WARNING_FILL_EMPHASIS_DEFAULT = "#ffad63"; +export const BG_WARNING_FILL_EMPHASIS_HOVER = "#ffc791"; +export const BG_WARNING_FILL_EMPHASIS_ACTIVE = "#ffddb9"; +export const BG_DANGER_CANVAS = "#0d0a0a"; +export const BG_DANGER_SURFACE = "#2a1e1e"; +export const BG_DANGER_FILL_MUTED_DEFAULT = "#923a3c"; +export const BG_DANGER_FILL_MUTED_HOVER = "#b03940"; +export const BG_DANGER_FILL_MUTED_ACTIVE = "#d43745"; +export const BG_DANGER_FILL_EMPHASIS_DEFAULT = "#ffa3a1"; +export const BG_DANGER_FILL_EMPHASIS_HOVER = "#ffc1bf"; +export const BG_DANGER_FILL_EMPHASIS_ACTIVE = "#ffd9d7"; +export const BORDER_NEUTRAL_SUBTLE = "#525c65"; +export const BORDER_NEUTRAL_MEDIUM = "#738696"; +export const BORDER_NEUTRAL_STRONG = "#9fb4c6"; +export const BORDER_ACCENT_SUBTLE = "#3c6266"; +export const BORDER_ACCENT_MEDIUM = "#439199"; +export const BORDER_ACCENT_STRONG = "#6ec0c9"; +export const BORDER_SUCCESS_SUBTLE = "#3c673a"; +export const BORDER_SUCCESS_MEDIUM = "#439941"; +export const BORDER_SUCCESS_STRONG = "#6eca6a"; +export const BORDER_INFO_SUBTLE = "#33607e"; +export const BORDER_INFO_MEDIUM = "#2d8bc5"; +export const BORDER_INFO_STRONG = "#5abbfb"; +export const BORDER_WARNING_SUBTLE = "#7e4e25"; +export const BORDER_WARNING_MEDIUM = "#c36800"; +export const BORDER_WARNING_STRONG = "#f99539"; +export const BORDER_DANGER_SUBTLE = "#923a3c"; +export const BORDER_DANGER_MEDIUM = "#e53748"; +export const BORDER_DANGER_STRONG = "#ff8082"; +export const TEXT_NEUTRAL_SUBTLE = "#d6e3ee"; // Used for text and icons +export const TEXT_NEUTRAL_STRONG = "#f5fdff"; // Used for text and icons +export const TEXT_NEUTRAL_SUBTLE_ON_EMPHASIS = "#333639"; // Text or icons against colored backgrounds +export const TEXT_NEUTRAL_STRONG_ON_EMPHASIS = "#030303"; // Text or icons against colored backgrounds +export const TEXT_ACCENT_SUBTLE = "#bcebf1"; // Used for text and icons +export const TEXT_ACCENT_STRONG = "#e6ffff"; // Used for text and icons +export const TEXT_ACCENT_SUBTLE_ON_EMPHASIS = "#2c3839"; // Text or icons against colored backgrounds +export const TEXT_ACCENT_STRONG_ON_EMPHASIS = "#030303"; // Text or icons against colored backgrounds +export const TEXT_SUCCESS_SUBTLE = "#bcf2b8"; // Used for text and icons +export const TEXT_SUCCESS_STRONG = "#e6ffe3"; // Used for text and icons +export const TEXT_SUCCESS_SUBTLE_ON_EMPHASIS = "#2c392b"; // Text or icons against colored backgrounds +export const TEXT_SUCCESS_STRONG_ON_EMPHASIS = "#030303"; // Text or icons against colored backgrounds +export const TEXT_INFO_SUBTLE = "#b7e8ff"; // Used for text and icons +export const TEXT_INFO_STRONG = "#ecffff"; // Used for text and icons +export const TEXT_INFO_SUBTLE_ON_EMPHASIS = "#2a3741"; // Text or icons against colored backgrounds +export const TEXT_INFO_STRONG_ON_EMPHASIS = "#030304"; // Text or icons against colored backgrounds +export const TEXT_WARNING_SUBTLE = "#ffd4aa"; // Used for text and icons +export const TEXT_WARNING_STRONG = "#fff7e6"; // Used for text and icons +export const TEXT_WARNING_SUBTLE_ON_EMPHASIS = "#413226"; // Text or icons against colored backgrounds +export const TEXT_WARNING_STRONG_ON_EMPHASIS = "#040303"; // Text or icons against colored backgrounds +export const TEXT_DANGER_SUBTLE = "#ffd0ce"; // Used for text and icons +export const TEXT_DANGER_STRONG = "#fff5f4"; // Used for text and icons +export const TEXT_DANGER_SUBTLE_ON_EMPHASIS = "#492d2c"; // Text or icons against colored backgrounds +export const TEXT_DANGER_STRONG_ON_EMPHASIS = "#040303"; // Text or icons against colored backgrounds diff --git a/packages/eds-tokens/build/js/color/color-scheme/light-semantic.d.ts b/packages/eds-tokens/build/js/color/color-scheme/light-semantic.d.ts new file mode 100644 index 0000000000..1fc9913f49 --- /dev/null +++ b/packages/eds-tokens/build/js/color/color-scheme/light-semantic.d.ts @@ -0,0 +1,118 @@ +/** + * Do not edit directly, this file was auto-generated. + */ + +export const BG_NEUTRAL_CANVAS: string; +export const BG_NEUTRAL_SURFACE: string; +export const BG_NEUTRAL_FILL_MUTED_DEFAULT: string; +export const BG_NEUTRAL_FILL_MUTED_HOVER: string; +export const BG_NEUTRAL_FILL_MUTED_ACTIVE: string; +export const BG_NEUTRAL_FILL_EMPHASIS_DEFAULT: string; +export const BG_NEUTRAL_FILL_EMPHASIS_HOVER: string; +export const BG_NEUTRAL_FILL_EMPHASIS_ACTIVE: string; +export const BG_ACCENT_CANVAS: string; +export const BG_ACCENT_SURFACE: string; +export const BG_ACCENT_FILL_MUTED_DEFAULT: string; +export const BG_ACCENT_FILL_MUTED_HOVER: string; +export const BG_ACCENT_FILL_MUTED_ACTIVE: string; +export const BG_ACCENT_FILL_EMPHASIS_DEFAULT: string; +export const BG_ACCENT_FILL_EMPHASIS_HOVER: string; +export const BG_ACCENT_FILL_EMPHASIS_ACTIVE: string; +export const BG_SUCCESS_CANVAS: string; +export const BG_SUCCESS_SURFACE: string; +export const BG_SUCCESS_FILL_MUTED_DEFAULT: string; +export const BG_SUCCESS_FILL_MUTED_HOVER: string; +export const BG_SUCCESS_FILL_MUTED_ACTIVE: string; +export const BG_SUCCESS_FILL_EMPHASIS_DEFAULT: string; +export const BG_SUCCESS_FILL_EMPHASIS_HOVER: string; +export const BG_SUCCESS_FILL_EMPHASIS_ACTIVE: string; +export const BG_INFO_CANVAS: string; +export const BG_INFO_SURFACE: string; +export const BG_INFO_FILL_MUTED_DEFAULT: string; +export const BG_INFO_FILL_MUTED_HOVER: string; +export const BG_INFO_FILL_MUTED_ACTIVE: string; +export const BG_INFO_FILL_EMPHASIS_DEFAULT: string; +export const BG_INFO_FILL_EMPHASIS_HOVER: string; +export const BG_INFO_FILL_EMPHASIS_ACTIVE: string; +export const BG_WARNING_CANVAS: string; +export const BG_WARNING_SURFACE: string; +export const BG_WARNING_FILL_MUTED_DEFAULT: string; +export const BG_WARNING_FILL_MUTED_HOVER: string; +export const BG_WARNING_FILL_MUTED_ACTIVE: string; +export const BG_WARNING_FILL_EMPHASIS_DEFAULT: string; +export const BG_WARNING_FILL_EMPHASIS_HOVER: string; +export const BG_WARNING_FILL_EMPHASIS_ACTIVE: string; +export const BG_DANGER_CANVAS: string; +export const BG_DANGER_SURFACE: string; +export const BG_DANGER_FILL_MUTED_DEFAULT: string; +export const BG_DANGER_FILL_MUTED_HOVER: string; +export const BG_DANGER_FILL_MUTED_ACTIVE: string; +export const BG_DANGER_FILL_EMPHASIS_DEFAULT: string; +export const BG_DANGER_FILL_EMPHASIS_HOVER: string; +export const BG_DANGER_FILL_EMPHASIS_ACTIVE: string; +export const BORDER_NEUTRAL_SUBTLE: string; +export const BORDER_NEUTRAL_MEDIUM: string; +export const BORDER_NEUTRAL_STRONG: string; +export const BORDER_ACCENT_SUBTLE: string; +export const BORDER_ACCENT_MEDIUM: string; +export const BORDER_ACCENT_STRONG: string; +export const BORDER_SUCCESS_SUBTLE: string; +export const BORDER_SUCCESS_MEDIUM: string; +export const BORDER_SUCCESS_STRONG: string; +export const BORDER_INFO_SUBTLE: string; +export const BORDER_INFO_MEDIUM: string; +export const BORDER_INFO_STRONG: string; +export const BORDER_WARNING_SUBTLE: string; +export const BORDER_WARNING_MEDIUM: string; +export const BORDER_WARNING_STRONG: string; +export const BORDER_DANGER_SUBTLE: string; +export const BORDER_DANGER_MEDIUM: string; +export const BORDER_DANGER_STRONG: string; +/** Used for text and icons */ +export const TEXT_NEUTRAL_SUBTLE: string; +/** Used for text and icons */ +export const TEXT_NEUTRAL_STRONG: string; +/** Text or icons against colored backgrounds */ +export const TEXT_NEUTRAL_SUBTLE_ON_EMPHASIS: string; +/** Text or icons against colored backgrounds */ +export const TEXT_NEUTRAL_STRONG_ON_EMPHASIS: string; +/** Used for text and icons */ +export const TEXT_ACCENT_SUBTLE: string; +/** Used for text and icons */ +export const TEXT_ACCENT_STRONG: string; +/** Text or icons against colored backgrounds */ +export const TEXT_ACCENT_SUBTLE_ON_EMPHASIS: string; +/** Text or icons against colored backgrounds */ +export const TEXT_ACCENT_STRONG_ON_EMPHASIS: string; +/** Used for text and icons */ +export const TEXT_SUCCESS_SUBTLE: string; +/** Used for text and icons */ +export const TEXT_SUCCESS_STRONG: string; +/** Text or icons against colored backgrounds */ +export const TEXT_SUCCESS_SUBTLE_ON_EMPHASIS: string; +/** Text or icons against colored backgrounds */ +export const TEXT_SUCCESS_STRONG_ON_EMPHASIS: string; +/** Used for text and icons */ +export const TEXT_INFO_SUBTLE: string; +/** Used for text and icons */ +export const TEXT_INFO_STRONG: string; +/** Text or icons against colored backgrounds */ +export const TEXT_INFO_SUBTLE_ON_EMPHASIS: string; +/** Text or icons against colored backgrounds */ +export const TEXT_INFO_STRONG_ON_EMPHASIS: string; +/** Used for text and icons */ +export const TEXT_WARNING_SUBTLE: string; +/** Used for text and icons */ +export const TEXT_WARNING_STRONG: string; +/** Text or icons against colored backgrounds */ +export const TEXT_WARNING_SUBTLE_ON_EMPHASIS: string; +/** Text or icons against colored backgrounds */ +export const TEXT_WARNING_STRONG_ON_EMPHASIS: string; +/** Used for text and icons */ +export const TEXT_DANGER_SUBTLE: string; +/** Used for text and icons */ +export const TEXT_DANGER_STRONG: string; +/** Text or icons against colored backgrounds */ +export const TEXT_DANGER_SUBTLE_ON_EMPHASIS: string; +/** Text or icons against colored backgrounds */ +export const TEXT_DANGER_STRONG_ON_EMPHASIS: string; diff --git a/packages/eds-tokens/build/js/color/color-scheme/light-semantic.js b/packages/eds-tokens/build/js/color/color-scheme/light-semantic.js new file mode 100644 index 0000000000..dc9bdeab55 --- /dev/null +++ b/packages/eds-tokens/build/js/color/color-scheme/light-semantic.js @@ -0,0 +1,94 @@ +/** + * Do not edit directly, this file was auto-generated. + */ + +export const BG_NEUTRAL_CANVAS = "#f5f5f5"; +export const BG_NEUTRAL_SURFACE = "#ffffff"; +export const BG_NEUTRAL_FILL_MUTED_DEFAULT = "#e1e1e1"; +export const BG_NEUTRAL_FILL_MUTED_HOVER = "#d4d4d4"; +export const BG_NEUTRAL_FILL_MUTED_ACTIVE = "#c4c4c4"; +export const BG_NEUTRAL_FILL_EMPHASIS_DEFAULT = "#636363"; +export const BG_NEUTRAL_FILL_EMPHASIS_HOVER = "#525252"; +export const BG_NEUTRAL_FILL_EMPHASIS_ACTIVE = "#4d4d4d"; +export const BG_ACCENT_CANVAS = "#eaf8fa"; +export const BG_ACCENT_SURFACE = "#f6ffff"; +export const BG_ACCENT_FILL_MUTED_DEFAULT = "#cfe7e9"; +export const BG_ACCENT_FILL_MUTED_HOVER = "#bbdbdf"; +export const BG_ACCENT_FILL_MUTED_ACTIVE = "#a2cdd2"; +export const BG_ACCENT_FILL_EMPHASIS_DEFAULT = "#206f77"; +export const BG_ACCENT_FILL_EMPHASIS_HOVER = "#205c62"; +export const BG_ACCENT_FILL_EMPHASIS_ACTIVE = "#20565c"; +export const BG_SUCCESS_CANVAS = "#eafbe8"; +export const BG_SUCCESS_SURFACE = "#f6fff5"; +export const BG_SUCCESS_FILL_MUTED_DEFAULT = "#cfeacc"; +export const BG_SUCCESS_FILL_MUTED_HOVER = "#bbe0b8"; +export const BG_SUCCESS_FILL_MUTED_ACTIVE = "#a2d49e"; +export const BG_SUCCESS_FILL_EMPHASIS_DEFAULT = "#207720"; +export const BG_SUCCESS_FILL_EMPHASIS_HOVER = "#20621f"; +export const BG_SUCCESS_FILL_EMPHASIS_ACTIVE = "#215c1f"; +export const BG_INFO_CANVAS = "#e7f8ff"; +export const BG_INFO_SURFACE = "#f4ffff"; +export const BG_INFO_FILL_MUTED_DEFAULT = "#cae6fa"; +export const BG_INFO_FILL_MUTED_HOVER = "#b5daf5"; +export const BG_INFO_FILL_MUTED_ACTIVE = "#99cbf0"; +export const BG_INFO_FILL_EMPHASIS_DEFAULT = "#006aa0"; +export const BG_INFO_FILL_EMPHASIS_HOVER = "#085883"; +export const BG_INFO_FILL_EMPHASIS_ACTIVE = "#0e5279"; +export const BG_WARNING_CANVAS = "#fff1e2"; +export const BG_WARNING_SURFACE = "#fffcf0"; +export const BG_WARNING_FILL_MUTED_DEFAULT = "#fbdac1"; +export const BG_WARNING_FILL_MUTED_HOVER = "#f6caaa"; +export const BG_WARNING_FILL_MUTED_ACTIVE = "#f0b689"; +export const BG_WARNING_FILL_EMPHASIS_DEFAULT = "#9b4900"; +export const BG_WARNING_FILL_EMPHASIS_HOVER = "#813e00"; +export const BG_WARNING_FILL_EMPHASIS_ACTIVE = "#773a00"; +export const BG_DANGER_CANVAS = "#ffecea"; +export const BG_DANGER_SURFACE = "#fff9f8"; +export const BG_DANGER_FILL_MUTED_DEFAULT = "#ffd0ce"; +export const BG_DANGER_FILL_MUTED_HOVER = "#ffbcba"; +export const BG_DANGER_FILL_MUTED_ACTIVE = "#ffa3a1"; +export const BG_DANGER_FILL_EMPHASIS_DEFAULT = "#bc002a"; +export const BG_DANGER_FILL_EMPHASIS_HOVER = "#9a1026"; +export const BG_DANGER_FILL_EMPHASIS_ACTIVE = "#8e1525"; +export const BORDER_NEUTRAL_SUBTLE = "#d4d4d4"; +export const BORDER_NEUTRAL_MEDIUM = "#aeaeae"; +export const BORDER_NEUTRAL_STRONG = "#696969"; +export const BORDER_ACCENT_SUBTLE = "#bbdbdf"; +export const BORDER_ACCENT_MEDIUM = "#7cbac1"; +export const BORDER_ACCENT_STRONG = "#21767e"; +export const BORDER_SUCCESS_SUBTLE = "#bbe0b8"; +export const BORDER_SUCCESS_MEDIUM = "#7cc278"; +export const BORDER_SUCCESS_STRONG = "#227e22"; +export const BORDER_INFO_SUBTLE = "#b5daf5"; +export const BORDER_INFO_MEDIUM = "#6fb6e9"; +export const BORDER_INFO_STRONG = "#0070a9"; +export const BORDER_WARNING_SUBTLE = "#f6caaa"; +export const BORDER_WARNING_MEDIUM = "#e89959"; +export const BORDER_WARNING_STRONG = "#a34e00"; +export const BORDER_DANGER_SUBTLE = "#ffbcba"; +export const BORDER_DANGER_MEDIUM = "#ff7a7d"; +export const BORDER_DANGER_STRONG = "#c6002d"; +export const TEXT_NEUTRAL_SUBTLE = "#585858"; // Used for text and icons +export const TEXT_NEUTRAL_STRONG = "#1d1d1d"; // Used for text and icons +export const TEXT_NEUTRAL_SUBTLE_ON_EMPHASIS = "#dedede"; // Text or icons against colored backgrounds +export const TEXT_NEUTRAL_STRONG_ON_EMPHASIS = "#ffffff"; // Text or icons against colored backgrounds +export const TEXT_ACCENT_SUBTLE = "#1f6369"; // Used for text and icons +export const TEXT_ACCENT_STRONG = "#141f20"; // Used for text and icons +export const TEXT_ACCENT_SUBTLE_ON_EMPHASIS = "#cae4e7"; // Text or icons against colored backgrounds +export const TEXT_ACCENT_STRONG_ON_EMPHASIS = "#ffffff"; // Text or icons against colored backgrounds +export const TEXT_SUCCESS_SUBTLE = "#20691f"; // Used for text and icons +export const TEXT_SUCCESS_STRONG = "#142114"; // Used for text and icons +export const TEXT_SUCCESS_SUBTLE_ON_EMPHASIS = "#cae8c7"; // Text or icons against colored backgrounds +export const TEXT_SUCCESS_STRONG_ON_EMPHASIS = "#ffffff"; // Text or icons against colored backgrounds +export const TEXT_INFO_SUBTLE = "#015e8d"; // Used for text and icons +export const TEXT_INFO_STRONG = "#121e27"; // Used for text and icons +export const TEXT_INFO_SUBTLE_ON_EMPHASIS = "#c5e3f9"; // Text or icons against colored backgrounds +export const TEXT_INFO_STRONG_ON_EMPHASIS = "#ffffff"; // Text or icons against colored backgrounds +export const TEXT_WARNING_SUBTLE = "#8a4100"; // Used for text and icons +export const TEXT_WARNING_STRONG = "#27190e"; // Used for text and icons +export const TEXT_WARNING_SUBTLE_ON_EMPHASIS = "#fad6bc"; // Text or icons against colored backgrounds +export const TEXT_WARNING_STRONG_ON_EMPHASIS = "#ffffff"; // Text or icons against colored backgrounds +export const TEXT_DANGER_SUBTLE = "#a50827"; // Used for text and icons +export const TEXT_DANGER_STRONG = "#2e1414"; // Used for text and icons +export const TEXT_DANGER_SUBTLE_ON_EMPHASIS = "#ffcbc9"; // Text or icons against colored backgrounds +export const TEXT_DANGER_STRONG_ON_EMPHASIS = "#ffffff"; // Text or icons against colored backgrounds diff --git a/packages/eds-tokens/build/json/color/color-scheme/flat/dark-semantic.json b/packages/eds-tokens/build/json/color/color-scheme/flat/dark-semantic.json new file mode 100644 index 0000000000..d81249cc7b --- /dev/null +++ b/packages/eds-tokens/build/json/color/color-scheme/flat/dark-semantic.json @@ -0,0 +1,92 @@ +{ + "bg-neutral-canvas": "#0b0b0b", + "bg-neutral-surface": "#202223", + "bg-neutral-fill-muted-default": "#525c65", + "bg-neutral-fill-muted-hover": "#5d6b76", + "bg-neutral-fill-muted-active": "#6b7d8b", + "bg-neutral-fill-emphasis-default": "#b4c7d7", + "bg-neutral-fill-emphasis-hover": "#cadae7", + "bg-neutral-fill-emphasis-active": "#deeaf4", + "bg-accent-canvas": "#0a0b0b", + "bg-accent-surface": "#1e2323", + "bg-accent-fill-muted-default": "#3c6266", + "bg-accent-fill-muted-hover": "#3e7378", + "bg-accent-fill-muted-active": "#41878e", + "bg-accent-fill-emphasis-default": "#8cd2da", + "bg-accent-fill-emphasis-hover": "#ace3e9", + "bg-accent-fill-emphasis-active": "#c7f1f6", + "bg-success-canvas": "#0a0c0a", + "bg-success-surface": "#1e231e", + "bg-success-fill-muted-default": "#3c673a", + "bg-success-fill-muted-hover": "#3e793c", + "bg-success-fill-muted-active": "#418e3e", + "bg-success-fill-emphasis-default": "#8cdb87", + "bg-success-fill-emphasis-hover": "#aceba8", + "bg-success-fill-emphasis-active": "#c7f7c3", + "bg-info-canvas": "#0a0b0c", + "bg-info-surface": "#1d2226", + "bg-info-fill-muted-default": "#33607e", + "bg-info-fill-muted-hover": "#316f98", + "bg-info-fill-muted-active": "#2e82b7", + "bg-info-fill-emphasis-default": "#7dceff", + "bg-info-fill-emphasis-hover": "#a2e0ff", + "bg-info-fill-emphasis-active": "#c4eeff", + "bg-warning-canvas": "#0c0b0a", + "bg-warning-surface": "#27201b", + "bg-warning-fill-muted-default": "#7e4e25", + "bg-warning-fill-muted-hover": "#97571b", + "bg-warning-fill-muted-active": "#b46201", + "bg-warning-fill-emphasis-default": "#ffad63", + "bg-warning-fill-emphasis-hover": "#ffc791", + "bg-warning-fill-emphasis-active": "#ffddb9", + "bg-danger-canvas": "#0d0a0a", + "bg-danger-surface": "#2a1e1e", + "bg-danger-fill-muted-default": "#923a3c", + "bg-danger-fill-muted-hover": "#b03940", + "bg-danger-fill-muted-active": "#d43745", + "bg-danger-fill-emphasis-default": "#ffa3a1", + "bg-danger-fill-emphasis-hover": "#ffc1bf", + "bg-danger-fill-emphasis-active": "#ffd9d7", + "border-neutral-subtle": "#525c65", + "border-neutral-medium": "#738696", + "border-neutral-strong": "#9fb4c6", + "border-accent-subtle": "#3c6266", + "border-accent-medium": "#439199", + "border-accent-strong": "#6ec0c9", + "border-success-subtle": "#3c673a", + "border-success-medium": "#439941", + "border-success-strong": "#6eca6a", + "border-info-subtle": "#33607e", + "border-info-medium": "#2d8bc5", + "border-info-strong": "#5abbfb", + "border-warning-subtle": "#7e4e25", + "border-warning-medium": "#c36800", + "border-warning-strong": "#f99539", + "border-danger-subtle": "#923a3c", + "border-danger-medium": "#e53748", + "border-danger-strong": "#ff8082", + "text-neutral-subtle": "#d6e3ee", + "text-neutral-strong": "#f5fdff", + "text-neutral-subtle-on-emphasis": "#333639", + "text-neutral-strong-on-emphasis": "#030303", + "text-accent-subtle": "#bcebf1", + "text-accent-strong": "#e6ffff", + "text-accent-subtle-on-emphasis": "#2c3839", + "text-accent-strong-on-emphasis": "#030303", + "text-success-subtle": "#bcf2b8", + "text-success-strong": "#e6ffe3", + "text-success-subtle-on-emphasis": "#2c392b", + "text-success-strong-on-emphasis": "#030303", + "text-info-subtle": "#b7e8ff", + "text-info-strong": "#ecffff", + "text-info-subtle-on-emphasis": "#2a3741", + "text-info-strong-on-emphasis": "#030304", + "text-warning-subtle": "#ffd4aa", + "text-warning-strong": "#fff7e6", + "text-warning-subtle-on-emphasis": "#413226", + "text-warning-strong-on-emphasis": "#040303", + "text-danger-subtle": "#ffd0ce", + "text-danger-strong": "#fff5f4", + "text-danger-subtle-on-emphasis": "#492d2c", + "text-danger-strong-on-emphasis": "#040303" +} diff --git a/packages/eds-tokens/build/json/color/color-scheme/flat/light-semantic.json b/packages/eds-tokens/build/json/color/color-scheme/flat/light-semantic.json new file mode 100644 index 0000000000..3750998c3a --- /dev/null +++ b/packages/eds-tokens/build/json/color/color-scheme/flat/light-semantic.json @@ -0,0 +1,92 @@ +{ + "bg-neutral-canvas": "#f5f5f5", + "bg-neutral-surface": "#ffffff", + "bg-neutral-fill-muted-default": "#e1e1e1", + "bg-neutral-fill-muted-hover": "#d4d4d4", + "bg-neutral-fill-muted-active": "#c4c4c4", + "bg-neutral-fill-emphasis-default": "#636363", + "bg-neutral-fill-emphasis-hover": "#525252", + "bg-neutral-fill-emphasis-active": "#4d4d4d", + "bg-accent-canvas": "#eaf8fa", + "bg-accent-surface": "#f6ffff", + "bg-accent-fill-muted-default": "#cfe7e9", + "bg-accent-fill-muted-hover": "#bbdbdf", + "bg-accent-fill-muted-active": "#a2cdd2", + "bg-accent-fill-emphasis-default": "#206f77", + "bg-accent-fill-emphasis-hover": "#205c62", + "bg-accent-fill-emphasis-active": "#20565c", + "bg-success-canvas": "#eafbe8", + "bg-success-surface": "#f6fff5", + "bg-success-fill-muted-default": "#cfeacc", + "bg-success-fill-muted-hover": "#bbe0b8", + "bg-success-fill-muted-active": "#a2d49e", + "bg-success-fill-emphasis-default": "#207720", + "bg-success-fill-emphasis-hover": "#20621f", + "bg-success-fill-emphasis-active": "#215c1f", + "bg-info-canvas": "#e7f8ff", + "bg-info-surface": "#f4ffff", + "bg-info-fill-muted-default": "#cae6fa", + "bg-info-fill-muted-hover": "#b5daf5", + "bg-info-fill-muted-active": "#99cbf0", + "bg-info-fill-emphasis-default": "#006aa0", + "bg-info-fill-emphasis-hover": "#085883", + "bg-info-fill-emphasis-active": "#0e5279", + "bg-warning-canvas": "#fff1e2", + "bg-warning-surface": "#fffcf0", + "bg-warning-fill-muted-default": "#fbdac1", + "bg-warning-fill-muted-hover": "#f6caaa", + "bg-warning-fill-muted-active": "#f0b689", + "bg-warning-fill-emphasis-default": "#9b4900", + "bg-warning-fill-emphasis-hover": "#813e00", + "bg-warning-fill-emphasis-active": "#773a00", + "bg-danger-canvas": "#ffecea", + "bg-danger-surface": "#fff9f8", + "bg-danger-fill-muted-default": "#ffd0ce", + "bg-danger-fill-muted-hover": "#ffbcba", + "bg-danger-fill-muted-active": "#ffa3a1", + "bg-danger-fill-emphasis-default": "#bc002a", + "bg-danger-fill-emphasis-hover": "#9a1026", + "bg-danger-fill-emphasis-active": "#8e1525", + "border-neutral-subtle": "#d4d4d4", + "border-neutral-medium": "#aeaeae", + "border-neutral-strong": "#696969", + "border-accent-subtle": "#bbdbdf", + "border-accent-medium": "#7cbac1", + "border-accent-strong": "#21767e", + "border-success-subtle": "#bbe0b8", + "border-success-medium": "#7cc278", + "border-success-strong": "#227e22", + "border-info-subtle": "#b5daf5", + "border-info-medium": "#6fb6e9", + "border-info-strong": "#0070a9", + "border-warning-subtle": "#f6caaa", + "border-warning-medium": "#e89959", + "border-warning-strong": "#a34e00", + "border-danger-subtle": "#ffbcba", + "border-danger-medium": "#ff7a7d", + "border-danger-strong": "#c6002d", + "text-neutral-subtle": "#585858", + "text-neutral-strong": "#1d1d1d", + "text-neutral-subtle-on-emphasis": "#dedede", + "text-neutral-strong-on-emphasis": "#ffffff", + "text-accent-subtle": "#1f6369", + "text-accent-strong": "#141f20", + "text-accent-subtle-on-emphasis": "#cae4e7", + "text-accent-strong-on-emphasis": "#ffffff", + "text-success-subtle": "#20691f", + "text-success-strong": "#142114", + "text-success-subtle-on-emphasis": "#cae8c7", + "text-success-strong-on-emphasis": "#ffffff", + "text-info-subtle": "#015e8d", + "text-info-strong": "#121e27", + "text-info-subtle-on-emphasis": "#c5e3f9", + "text-info-strong-on-emphasis": "#ffffff", + "text-warning-subtle": "#8a4100", + "text-warning-strong": "#27190e", + "text-warning-subtle-on-emphasis": "#fad6bc", + "text-warning-strong-on-emphasis": "#ffffff", + "text-danger-subtle": "#a50827", + "text-danger-strong": "#2e1414", + "text-danger-subtle-on-emphasis": "#ffcbc9", + "text-danger-strong-on-emphasis": "#ffffff" +} diff --git a/packages/eds-tokens/build/json/color/color-scheme/nested/dark-semantic.json b/packages/eds-tokens/build/json/color/color-scheme/nested/dark-semantic.json new file mode 100644 index 0000000000..e092a5536b --- /dev/null +++ b/packages/eds-tokens/build/json/color/color-scheme/nested/dark-semantic.json @@ -0,0 +1,158 @@ +{ + "Bg": { + "Neutral": { + "Canvas": "#0b0b0b", + "Surface": "#202223", + "Fill Muted": { + "Default": "#525c65", + "Hover": "#5d6b76", + "Active": "#6b7d8b" + }, + "Fill Emphasis": { + "Default": "#b4c7d7", + "Hover": "#cadae7", + "Active": "#deeaf4" + } + }, + "Accent": { + "Canvas": "#0a0b0b", + "Surface": "#1e2323", + "Fill Muted": { + "Default": "#3c6266", + "Hover": "#3e7378", + "Active": "#41878e" + }, + "Fill Emphasis": { + "Default": "#8cd2da", + "Hover": "#ace3e9", + "Active": "#c7f1f6" + } + }, + "Success": { + "Canvas": "#0a0c0a", + "Surface": "#1e231e", + "Fill Muted": { + "Default": "#3c673a", + "Hover": "#3e793c", + "Active": "#418e3e" + }, + "Fill Emphasis": { + "Default": "#8cdb87", + "Hover": "#aceba8", + "Active": "#c7f7c3" + } + }, + "Info": { + "Canvas": "#0a0b0c", + "Surface": "#1d2226", + "Fill Muted": { + "Default": "#33607e", + "Hover": "#316f98", + "Active": "#2e82b7" + }, + "Fill Emphasis": { + "Default": "#7dceff", + "Hover": "#a2e0ff", + "Active": "#c4eeff" + } + }, + "Warning": { + "Canvas": "#0c0b0a", + "Surface": "#27201b", + "Fill Muted": { + "Default": "#7e4e25", + "Hover": "#97571b", + "Active": "#b46201" + }, + "Fill Emphasis": { + "Default": "#ffad63", + "Hover": "#ffc791", + "Active": "#ffddb9" + } + }, + "Danger": { + "Canvas": "#0d0a0a", + "Surface": "#2a1e1e", + "Fill Muted": { + "Default": "#923a3c", + "Hover": "#b03940", + "Active": "#d43745" + }, + "Fill Emphasis": { + "Default": "#ffa3a1", + "Hover": "#ffc1bf", + "Active": "#ffd9d7" + } + } + }, + "Border": { + "Neutral": { + "Subtle": "#525c65", + "Medium": "#738696", + "Strong": "#9fb4c6" + }, + "Accent": { + "Subtle": "#3c6266", + "Medium": "#439199", + "Strong": "#6ec0c9" + }, + "Success": { + "Subtle": "#3c673a", + "Medium": "#439941", + "Strong": "#6eca6a" + }, + "Info": { + "Subtle": "#33607e", + "Medium": "#2d8bc5", + "Strong": "#5abbfb" + }, + "Warning": { + "Subtle": "#7e4e25", + "Medium": "#c36800", + "Strong": "#f99539" + }, + "Danger": { + "Subtle": "#923a3c", + "Medium": "#e53748", + "Strong": "#ff8082" + } + }, + "Text": { + "Neutral": { + "Subtle": "#d6e3ee", + "Strong": "#f5fdff", + "Subtle on emphasis": "#333639", + "Strong on emphasis": "#030303" + }, + "Accent": { + "Subtle": "#bcebf1", + "Strong": "#e6ffff", + "Subtle on emphasis": "#2c3839", + "Strong on emphasis": "#030303" + }, + "Success": { + "Subtle": "#bcf2b8", + "Strong": "#e6ffe3", + "Subtle on emphasis": "#2c392b", + "Strong on emphasis": "#030303" + }, + "Info": { + "Subtle": "#b7e8ff", + "Strong": "#ecffff", + "Subtle on emphasis": "#2a3741", + "Strong on emphasis": "#030304" + }, + "Warning": { + "Subtle": "#ffd4aa", + "Strong": "#fff7e6", + "Subtle on emphasis": "#413226", + "Strong on emphasis": "#040303" + }, + "Danger": { + "Subtle": "#ffd0ce", + "Strong": "#fff5f4", + "Subtle on emphasis": "#492d2c", + "Strong on emphasis": "#040303" + } + } +} diff --git a/packages/eds-tokens/build/json/color/color-scheme/nested/light-semantic.json b/packages/eds-tokens/build/json/color/color-scheme/nested/light-semantic.json new file mode 100644 index 0000000000..4cbf017130 --- /dev/null +++ b/packages/eds-tokens/build/json/color/color-scheme/nested/light-semantic.json @@ -0,0 +1,158 @@ +{ + "Bg": { + "Neutral": { + "Canvas": "#f5f5f5", + "Surface": "#ffffff", + "Fill Muted": { + "Default": "#e1e1e1", + "Hover": "#d4d4d4", + "Active": "#c4c4c4" + }, + "Fill Emphasis": { + "Default": "#636363", + "Hover": "#525252", + "Active": "#4d4d4d" + } + }, + "Accent": { + "Canvas": "#eaf8fa", + "Surface": "#f6ffff", + "Fill Muted": { + "Default": "#cfe7e9", + "Hover": "#bbdbdf", + "Active": "#a2cdd2" + }, + "Fill Emphasis": { + "Default": "#206f77", + "Hover": "#205c62", + "Active": "#20565c" + } + }, + "Success": { + "Canvas": "#eafbe8", + "Surface": "#f6fff5", + "Fill Muted": { + "Default": "#cfeacc", + "Hover": "#bbe0b8", + "Active": "#a2d49e" + }, + "Fill Emphasis": { + "Default": "#207720", + "Hover": "#20621f", + "Active": "#215c1f" + } + }, + "Info": { + "Canvas": "#e7f8ff", + "Surface": "#f4ffff", + "Fill Muted": { + "Default": "#cae6fa", + "Hover": "#b5daf5", + "Active": "#99cbf0" + }, + "Fill Emphasis": { + "Default": "#006aa0", + "Hover": "#085883", + "Active": "#0e5279" + } + }, + "Warning": { + "Canvas": "#fff1e2", + "Surface": "#fffcf0", + "Fill Muted": { + "Default": "#fbdac1", + "Hover": "#f6caaa", + "Active": "#f0b689" + }, + "Fill Emphasis": { + "Default": "#9b4900", + "Hover": "#813e00", + "Active": "#773a00" + } + }, + "Danger": { + "Canvas": "#ffecea", + "Surface": "#fff9f8", + "Fill Muted": { + "Default": "#ffd0ce", + "Hover": "#ffbcba", + "Active": "#ffa3a1" + }, + "Fill Emphasis": { + "Default": "#bc002a", + "Hover": "#9a1026", + "Active": "#8e1525" + } + } + }, + "Border": { + "Neutral": { + "Subtle": "#d4d4d4", + "Medium": "#aeaeae", + "Strong": "#696969" + }, + "Accent": { + "Subtle": "#bbdbdf", + "Medium": "#7cbac1", + "Strong": "#21767e" + }, + "Success": { + "Subtle": "#bbe0b8", + "Medium": "#7cc278", + "Strong": "#227e22" + }, + "Info": { + "Subtle": "#b5daf5", + "Medium": "#6fb6e9", + "Strong": "#0070a9" + }, + "Warning": { + "Subtle": "#f6caaa", + "Medium": "#e89959", + "Strong": "#a34e00" + }, + "Danger": { + "Subtle": "#ffbcba", + "Medium": "#ff7a7d", + "Strong": "#c6002d" + } + }, + "Text": { + "Neutral": { + "Subtle": "#585858", + "Strong": "#1d1d1d", + "Subtle on emphasis": "#dedede", + "Strong on emphasis": "#ffffff" + }, + "Accent": { + "Subtle": "#1f6369", + "Strong": "#141f20", + "Subtle on emphasis": "#cae4e7", + "Strong on emphasis": "#ffffff" + }, + "Success": { + "Subtle": "#20691f", + "Strong": "#142114", + "Subtle on emphasis": "#cae8c7", + "Strong on emphasis": "#ffffff" + }, + "Info": { + "Subtle": "#015e8d", + "Strong": "#121e27", + "Subtle on emphasis": "#c5e3f9", + "Strong on emphasis": "#ffffff" + }, + "Warning": { + "Subtle": "#8a4100", + "Strong": "#27190e", + "Subtle on emphasis": "#fad6bc", + "Strong on emphasis": "#ffffff" + }, + "Danger": { + "Subtle": "#a50827", + "Strong": "#2e1414", + "Subtle on emphasis": "#ffcbc9", + "Strong on emphasis": "#ffffff" + } + } +} From 694732784069711ceddc5d98e8c731e6bbaa5887 Mon Sep 17 00:00:00 2001 From: Torleif Halseth Date: Wed, 15 Oct 2025 14:32:31 +0200 Subject: [PATCH 6/9] chore(eds-tokens): build --- .../build/css/color/color-scheme/dark-semantic-trimmed.css | 2 +- .../build/css/color/color-scheme/light-semantic-trimmed.css | 2 +- packages/eds-tokens/build/css/variables.css | 4 ++-- packages/eds-tokens/build/css/variables.min.css | 2 +- .../eds-tokens/build/js/color/color-scheme/dark-semantic.js | 2 +- .../eds-tokens/build/js/color/color-scheme/light-semantic.js | 2 +- .../build/json/color/color-scheme/flat/dark-semantic.json | 2 +- .../build/json/color/color-scheme/flat/light-semantic.json | 2 +- .../build/json/color/color-scheme/nested/dark-semantic.json | 2 +- .../build/json/color/color-scheme/nested/light-semantic.json | 2 +- 10 files changed, 11 insertions(+), 11 deletions(-) diff --git a/packages/eds-tokens/build/css/color/color-scheme/dark-semantic-trimmed.css b/packages/eds-tokens/build/css/color/color-scheme/dark-semantic-trimmed.css index ae22e77a63..7d52303885 100644 --- a/packages/eds-tokens/build/css/color/color-scheme/dark-semantic-trimmed.css +++ b/packages/eds-tokens/build/css/color/color-scheme/dark-semantic-trimmed.css @@ -58,7 +58,7 @@ --eds-color-border-accent-medium: #439199; --eds-color-border-accent-strong: #6ec0c9; --eds-color-border-success-subtle: #3c673a; - --eds-color-border-success-medium: #439941; + --eds-color-border-success-medium: #449941; --eds-color-border-success-strong: #6eca6a; --eds-color-border-info-subtle: #33607e; --eds-color-border-info-medium: #2d8bc5; diff --git a/packages/eds-tokens/build/css/color/color-scheme/light-semantic-trimmed.css b/packages/eds-tokens/build/css/color/color-scheme/light-semantic-trimmed.css index e622c93b62..cef961d11e 100644 --- a/packages/eds-tokens/build/css/color/color-scheme/light-semantic-trimmed.css +++ b/packages/eds-tokens/build/css/color/color-scheme/light-semantic-trimmed.css @@ -67,7 +67,7 @@ --eds-color-border-warning-medium: #e89959; --eds-color-border-warning-strong: #a34e00; --eds-color-border-danger-subtle: #ffbcba; - --eds-color-border-danger-medium: #ff7a7d; + --eds-color-border-danger-medium: #ff7a7c; --eds-color-border-danger-strong: #c6002d; --eds-color-text-neutral-subtle: #585858; /** Used for text and icons */ --eds-color-text-neutral-strong: #1d1d1d; /** Used for text and icons */ diff --git a/packages/eds-tokens/build/css/variables.css b/packages/eds-tokens/build/css/variables.css index 8087efd2f0..1ebdfd5a02 100644 --- a/packages/eds-tokens/build/css/variables.css +++ b/packages/eds-tokens/build/css/variables.css @@ -63,7 +63,7 @@ --eds-color-success-4: light-dark(#bbe0b8, #3e793c); --eds-color-success-5: light-dark(#a2d49e, #418e3e); --eds-color-success-6: light-dark(#bbe0b8, #3c673a); - --eds-color-success-7: light-dark(#7cc278, #439941); + --eds-color-success-7: light-dark(#7cc278, #449941); --eds-color-success-8: light-dark(#227e22, #6eca6a); --eds-color-success-9: light-dark(#207720, #8cdb87); --eds-color-success-10: light-dark(#20621f, #aceba8); @@ -93,7 +93,7 @@ --eds-color-danger-4: light-dark(#ffbcba, #b03940); --eds-color-danger-5: light-dark(#ffa3a1, #d43745); --eds-color-danger-6: light-dark(#ffbcba, #923a3c); - --eds-color-danger-7: light-dark(#ff7a7d, #e53748); + --eds-color-danger-7: light-dark(#ff7a7c, #e53748); --eds-color-danger-8: light-dark(#c6002d, #ff8082); --eds-color-danger-9: light-dark(#bc002a, #ffa3a1); --eds-color-danger-10: light-dark(#9a1026, #ffc1bf); diff --git a/packages/eds-tokens/build/css/variables.min.css b/packages/eds-tokens/build/css/variables.min.css index f013f50c5f..a48a1d1f14 100644 --- a/packages/eds-tokens/build/css/variables.min.css +++ b/packages/eds-tokens/build/css/variables.min.css @@ -1 +1 @@ -:root,[data-color-scheme=light]{color-scheme:light}[data-color-scheme=dark]{color-scheme:dark}:root{--eds-color-bg-floating:light-dark(#fff,#202223);--eds-color-bg-backdrop:light-dark(#aeaeae,#738696);--eds-color-bg-input:light-dark(#f5f5f5,#0b0b0b);--eds-color-border-focus:light-dark(#6fb6e9,#2d8bc5);--eds-color-text-link:light-dark(#0070a9,#5abbfb);--eds-color-accent-1:light-dark(#eaf8fa,#0a0b0b);--eds-color-accent-2:light-dark(#f6ffff,#1e2323);--eds-color-accent-3:light-dark(#cfe7e9,#3c6266);--eds-color-accent-4:light-dark(#bbdbdf,#3e7378);--eds-color-accent-5:light-dark(#a2cdd2,#41878e);--eds-color-accent-6:light-dark(#bbdbdf,#3c6266);--eds-color-accent-7:light-dark(#7cbac1,#439199);--eds-color-accent-8:light-dark(#21767e,#6ec0c9);--eds-color-accent-9:light-dark(#206f77,#8cd2da);--eds-color-accent-10:light-dark(#205c62,#ace3e9);--eds-color-accent-11:light-dark(#20565c,#c7f1f6);--eds-color-accent-12:light-dark(#1f6369,#bcebf1);--eds-color-accent-13:light-dark(#141f20,#e6ffff);--eds-color-accent-14:light-dark(#cae4e7,#2c3839);--eds-color-accent-15:light-dark(#fff,#030303);--eds-color-neutral-1:light-dark(#f5f5f5,#0b0b0b);--eds-color-neutral-2:light-dark(#fff,#202223);--eds-color-neutral-3:light-dark(#e1e1e1,#525c65);--eds-color-neutral-4:light-dark(#d4d4d4,#5d6b76);--eds-color-neutral-5:light-dark(#c4c4c4,#6b7d8b);--eds-color-neutral-6:light-dark(#d4d4d4,#525c65);--eds-color-neutral-7:light-dark(#aeaeae,#738696);--eds-color-neutral-8:light-dark(#696969,#9fb4c6);--eds-color-neutral-9:light-dark(#636363,#b4c7d7);--eds-color-neutral-10:light-dark(#525252,#cadae7);--eds-color-neutral-11:light-dark(#4d4d4d,#deeaf4);--eds-color-neutral-12:light-dark(#585858,#d6e3ee);--eds-color-neutral-13:light-dark(#1d1d1d,#f5fdff);--eds-color-neutral-14:light-dark(#dedede,#333639);--eds-color-neutral-15:light-dark(#fff,#030303);--eds-color-info-1:light-dark(#e7f8ff,#0a0b0c);--eds-color-info-2:light-dark(#f4ffff,#1d2226);--eds-color-info-3:light-dark(#cae6fa,#33607e);--eds-color-info-4:light-dark(#b5daf5,#316f98);--eds-color-info-5:light-dark(#99cbf0,#2e82b7);--eds-color-info-6:light-dark(#b5daf5,#33607e);--eds-color-info-7:light-dark(#6fb6e9,#2d8bc5);--eds-color-info-8:light-dark(#0070a9,#5abbfb);--eds-color-info-9:light-dark(#006aa0,#7dceff);--eds-color-info-10:light-dark(#085883,#a2e0ff);--eds-color-info-11:light-dark(#0e5279,#c4eeff);--eds-color-info-12:light-dark(#015e8d,#b7e8ff);--eds-color-info-13:light-dark(#121e27,#ecffff);--eds-color-info-14:light-dark(#c5e3f9,#2a3741);--eds-color-info-15:light-dark(#fff,#030304);--eds-color-success-1:light-dark(#eafbe8,#0a0c0a);--eds-color-success-2:light-dark(#f6fff5,#1e231e);--eds-color-success-3:light-dark(#cfeacc,#3c673a);--eds-color-success-4:light-dark(#bbe0b8,#3e793c);--eds-color-success-5:light-dark(#a2d49e,#418e3e);--eds-color-success-6:light-dark(#bbe0b8,#3c673a);--eds-color-success-7:light-dark(#7cc278,#439941);--eds-color-success-8:light-dark(#227e22,#6eca6a);--eds-color-success-9:light-dark(#207720,#8cdb87);--eds-color-success-10:light-dark(#20621f,#aceba8);--eds-color-success-11:light-dark(#215c1f,#c7f7c3);--eds-color-success-12:light-dark(#20691f,#bcf2b8);--eds-color-success-13:light-dark(#142114,#e6ffe3);--eds-color-success-14:light-dark(#cae8c7,#2c392b);--eds-color-success-15:light-dark(#fff,#030303);--eds-color-warning-1:light-dark(#fff1e2,#0c0b0a);--eds-color-warning-2:light-dark(#fffcf0,#27201b);--eds-color-warning-3:light-dark(#fbdac1,#7e4e25);--eds-color-warning-4:light-dark(#f6caaa,#97571b);--eds-color-warning-5:light-dark(#f0b689,#b46201);--eds-color-warning-6:light-dark(#f6caaa,#7e4e25);--eds-color-warning-7:light-dark(#e89959,#c36800);--eds-color-warning-8:light-dark(#a34e00,#f99539);--eds-color-warning-9:light-dark(#9b4900,#ffad63);--eds-color-warning-10:light-dark(#813e00,#ffc791);--eds-color-warning-11:light-dark(#773a00,#ffddb9);--eds-color-warning-12:light-dark(#8a4100,#ffd4aa);--eds-color-warning-13:light-dark(#27190e,#fff7e6);--eds-color-warning-14:light-dark(#fad6bc,#413226);--eds-color-warning-15:light-dark(#fff,#040303);--eds-color-danger-1:light-dark(#ffecea,#0d0a0a);--eds-color-danger-2:light-dark(#fff9f8,#2a1e1e);--eds-color-danger-3:light-dark(#ffd0ce,#923a3c);--eds-color-danger-4:light-dark(#ffbcba,#b03940);--eds-color-danger-5:light-dark(#ffa3a1,#d43745);--eds-color-danger-6:light-dark(#ffbcba,#923a3c);--eds-color-danger-7:light-dark(#ff7a7d,#e53748);--eds-color-danger-8:light-dark(#c6002d,#ff8082);--eds-color-danger-9:light-dark(#bc002a,#ffa3a1);--eds-color-danger-10:light-dark(#9a1026,#ffc1bf);--eds-color-danger-11:light-dark(#8e1525,#ffd9d7);--eds-color-danger-12:light-dark(#a50827,#ffd0ce);--eds-color-danger-13:light-dark(#2e1414,#fff5f4);--eds-color-danger-14:light-dark(#ffcbc9,#492d2c);--eds-color-danger-15:light-dark(#fff,#040303);--eds-color-bg-neutral-canvas:var(--eds-color-neutral-1);--eds-color-bg-neutral-surface:var(--eds-color-neutral-2);--eds-color-bg-neutral-fill-muted-default:var(--eds-color-neutral-3);--eds-color-bg-neutral-fill-muted-hover:var(--eds-color-neutral-4);--eds-color-bg-neutral-fill-muted-active:var(--eds-color-neutral-5);--eds-color-bg-neutral-fill-emphasis-default:var(--eds-color-neutral-9);--eds-color-bg-neutral-fill-emphasis-hover:var(--eds-color-neutral-10);--eds-color-bg-neutral-fill-emphasis-active:var(--eds-color-neutral-11);--eds-color-bg-accent-canvas:var(--eds-color-accent-1);--eds-color-bg-accent-surface:var(--eds-color-accent-2);--eds-color-bg-accent-fill-muted-default:var(--eds-color-accent-3);--eds-color-bg-accent-fill-muted-hover:var(--eds-color-accent-4);--eds-color-bg-accent-fill-muted-active:var(--eds-color-accent-5);--eds-color-bg-accent-fill-emphasis-default:var(--eds-color-accent-9);--eds-color-bg-accent-fill-emphasis-hover:var(--eds-color-accent-10);--eds-color-bg-accent-fill-emphasis-active:var(--eds-color-accent-11);--eds-color-bg-success-canvas:var(--eds-color-success-1);--eds-color-bg-success-surface:var(--eds-color-success-2);--eds-color-bg-success-fill-muted-default:var(--eds-color-success-3);--eds-color-bg-success-fill-muted-hover:var(--eds-color-success-4);--eds-color-bg-success-fill-muted-active:var(--eds-color-success-5);--eds-color-bg-success-fill-emphasis-default:var(--eds-color-success-9);--eds-color-bg-success-fill-emphasis-hover:var(--eds-color-success-10);--eds-color-bg-success-fill-emphasis-active:var(--eds-color-success-11);--eds-color-bg-info-canvas:var(--eds-color-info-1);--eds-color-bg-info-surface:var(--eds-color-info-2);--eds-color-bg-info-fill-muted-default:var(--eds-color-info-3);--eds-color-bg-info-fill-muted-hover:var(--eds-color-info-4);--eds-color-bg-info-fill-muted-active:var(--eds-color-info-5);--eds-color-bg-info-fill-emphasis-default:var(--eds-color-info-9);--eds-color-bg-info-fill-emphasis-hover:var(--eds-color-info-10);--eds-color-bg-info-fill-emphasis-active:var(--eds-color-info-11);--eds-color-bg-warning-canvas:var(--eds-color-warning-1);--eds-color-bg-warning-surface:var(--eds-color-warning-2);--eds-color-bg-warning-fill-muted-default:var(--eds-color-warning-3);--eds-color-bg-warning-fill-muted-hover:var(--eds-color-warning-4);--eds-color-bg-warning-fill-muted-active:var(--eds-color-warning-5);--eds-color-bg-warning-fill-emphasis-default:var(--eds-color-warning-9);--eds-color-bg-warning-fill-emphasis-hover:var(--eds-color-warning-10);--eds-color-bg-warning-fill-emphasis-active:var(--eds-color-warning-11);--eds-color-bg-danger-canvas:var(--eds-color-danger-1);--eds-color-bg-danger-surface:var(--eds-color-danger-2);--eds-color-bg-danger-fill-muted-default:var(--eds-color-danger-3);--eds-color-bg-danger-fill-muted-hover:var(--eds-color-danger-4);--eds-color-bg-danger-fill-muted-active:var(--eds-color-danger-5);--eds-color-bg-danger-fill-emphasis-default:var(--eds-color-danger-9);--eds-color-bg-danger-fill-emphasis-hover:var(--eds-color-danger-10);--eds-color-bg-danger-fill-emphasis-active:var(--eds-color-danger-11);--eds-color-border-neutral-subtle:var(--eds-color-neutral-6);--eds-color-border-neutral-medium:var(--eds-color-neutral-7);--eds-color-border-neutral-strong:var(--eds-color-neutral-8);--eds-color-border-accent-subtle:var(--eds-color-accent-6);--eds-color-border-accent-medium:var(--eds-color-accent-7);--eds-color-border-accent-strong:var(--eds-color-accent-8);--eds-color-border-success-subtle:var(--eds-color-success-6);--eds-color-border-success-medium:var(--eds-color-success-7);--eds-color-border-success-strong:var(--eds-color-success-8);--eds-color-border-info-subtle:var(--eds-color-info-6);--eds-color-border-info-medium:var(--eds-color-info-7);--eds-color-border-info-strong:var(--eds-color-info-8);--eds-color-border-warning-subtle:var(--eds-color-warning-6);--eds-color-border-warning-medium:var(--eds-color-warning-7);--eds-color-border-warning-strong:var(--eds-color-warning-8);--eds-color-border-danger-subtle:var(--eds-color-danger-6);--eds-color-border-danger-medium:var(--eds-color-danger-7);--eds-color-border-danger-strong:var(--eds-color-danger-8);--eds-color-text-neutral-subtle:var(--eds-color-neutral-12);--eds-color-text-neutral-strong:var(--eds-color-neutral-13);--eds-color-text-neutral-subtle-on-emphasis:var(--eds-color-neutral-14);--eds-color-text-neutral-strong-on-emphasis:var(--eds-color-neutral-15);--eds-color-text-accent-subtle:var(--eds-color-accent-12);--eds-color-text-accent-strong:var(--eds-color-accent-13);--eds-color-text-accent-subtle-on-emphasis:var(--eds-color-accent-14);--eds-color-text-accent-strong-on-emphasis:var(--eds-color-accent-15);--eds-color-text-success-subtle:var(--eds-color-success-12);--eds-color-text-success-strong:var(--eds-color-success-13);--eds-color-text-success-subtle-on-emphasis:var(--eds-color-success-14);--eds-color-text-success-strong-on-emphasis:var(--eds-color-success-15);--eds-color-text-info-subtle:var(--eds-color-info-12);--eds-color-text-info-strong:var(--eds-color-info-13);--eds-color-text-info-subtle-on-emphasis:var(--eds-color-info-14);--eds-color-text-info-strong-on-emphasis:var(--eds-color-info-15);--eds-color-text-warning-subtle:var(--eds-color-warning-12);--eds-color-text-warning-strong:var(--eds-color-warning-13);--eds-color-text-warning-subtle-on-emphasis:var(--eds-color-warning-14);--eds-color-text-warning-strong-on-emphasis:var(--eds-color-warning-15);--eds-color-text-danger-subtle:var(--eds-color-danger-12);--eds-color-text-danger-strong:var(--eds-color-danger-13);--eds-color-text-danger-subtle-on-emphasis:var(--eds-color-danger-14);--eds-color-text-danger-strong-on-emphasis:var(--eds-color-danger-15)}:root,[data-color-appearance=neutral]{--eds-color-bg-fill-muted-default:var(--eds-color-neutral-3);--eds-color-bg-fill-muted-hover:var(--eds-color-neutral-4);--eds-color-bg-fill-muted-active:var(--eds-color-neutral-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-neutral-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-neutral-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-neutral-11);--eds-color-bg-canvas:var(--eds-color-neutral-1);--eds-color-bg-surface:var(--eds-color-neutral-2);--eds-color-border-subtle:var(--eds-color-neutral-6);--eds-color-border-medium:var(--eds-color-neutral-7);--eds-color-border-strong:var(--eds-color-neutral-8);--eds-color-text-subtle:var(--eds-color-neutral-12);--eds-color-text-strong:var(--eds-color-neutral-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-neutral-14);--eds-color-text-strong-on-emphasis:var(--eds-color-neutral-15)}[data-color-appearance=accent]{--eds-color-bg-fill-muted-default:var(--eds-color-accent-3);--eds-color-bg-fill-muted-hover:var(--eds-color-accent-4);--eds-color-bg-fill-muted-active:var(--eds-color-accent-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-accent-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-accent-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-accent-11);--eds-color-bg-canvas:var(--eds-color-accent-1);--eds-color-bg-surface:var(--eds-color-accent-2);--eds-color-border-subtle:var(--eds-color-accent-6);--eds-color-border-medium:var(--eds-color-accent-7);--eds-color-border-strong:var(--eds-color-accent-8);--eds-color-text-subtle:var(--eds-color-accent-12);--eds-color-text-strong:var(--eds-color-accent-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-accent-14);--eds-color-text-strong-on-emphasis:var(--eds-color-accent-15)}[data-color-appearance=danger]{--eds-color-bg-fill-muted-default:var(--eds-color-danger-3);--eds-color-bg-fill-muted-hover:var(--eds-color-danger-4);--eds-color-bg-fill-muted-active:var(--eds-color-danger-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-danger-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-danger-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-danger-11);--eds-color-bg-canvas:var(--eds-color-danger-1);--eds-color-bg-surface:var(--eds-color-danger-2);--eds-color-border-subtle:var(--eds-color-danger-6);--eds-color-border-medium:var(--eds-color-danger-7);--eds-color-border-strong:var(--eds-color-danger-8);--eds-color-text-subtle:var(--eds-color-danger-12);--eds-color-text-strong:var(--eds-color-danger-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-danger-14);--eds-color-text-strong-on-emphasis:var(--eds-color-danger-15)}[data-color-appearance=info]{--eds-color-bg-fill-muted-default:var(--eds-color-info-3);--eds-color-bg-fill-muted-hover:var(--eds-color-info-4);--eds-color-bg-fill-muted-active:var(--eds-color-info-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-info-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-info-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-info-11);--eds-color-bg-canvas:var(--eds-color-info-1);--eds-color-bg-surface:var(--eds-color-info-2);--eds-color-border-subtle:var(--eds-color-info-6);--eds-color-border-medium:var(--eds-color-info-7);--eds-color-border-strong:var(--eds-color-info-8);--eds-color-text-subtle:var(--eds-color-info-12);--eds-color-text-strong:var(--eds-color-info-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-info-14);--eds-color-text-strong-on-emphasis:var(--eds-color-info-15)}[data-color-appearance=success]{--eds-color-bg-fill-muted-default:var(--eds-color-success-3);--eds-color-bg-fill-muted-hover:var(--eds-color-success-4);--eds-color-bg-fill-muted-active:var(--eds-color-success-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-success-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-success-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-success-11);--eds-color-bg-canvas:var(--eds-color-success-1);--eds-color-bg-surface:var(--eds-color-success-2);--eds-color-border-subtle:var(--eds-color-success-6);--eds-color-border-medium:var(--eds-color-success-7);--eds-color-border-strong:var(--eds-color-success-8);--eds-color-text-subtle:var(--eds-color-success-12);--eds-color-text-strong:var(--eds-color-success-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-success-14);--eds-color-text-strong-on-emphasis:var(--eds-color-success-15)}[data-color-appearance=warning]{--eds-color-bg-fill-muted-default:var(--eds-color-warning-3);--eds-color-bg-fill-muted-hover:var(--eds-color-warning-4);--eds-color-bg-fill-muted-active:var(--eds-color-warning-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-warning-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-warning-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-warning-11);--eds-color-bg-canvas:var(--eds-color-warning-1);--eds-color-bg-surface:var(--eds-color-warning-2);--eds-color-border-subtle:var(--eds-color-warning-6);--eds-color-border-medium:var(--eds-color-warning-7);--eds-color-border-strong:var(--eds-color-warning-8);--eds-color-text-subtle:var(--eds-color-warning-12);--eds-color-text-strong:var(--eds-color-warning-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-warning-14);--eds-color-text-strong-on-emphasis:var(--eds-color-warning-15)}@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,[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,[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-rounded:var(--eds--spacious,.25rem)var(--eds--comfortable,.188rem);--eds-spacing-border-radius-pill:var(--eds--spacious,62.5rem)var(--eds--comfortable,62.5rem);--eds-spacing-border-radius-none:0rem;--eds-spacing-inset-xs-inline:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-inset-xs-stack-squished:var(--eds--spacious,.375rem)var(--eds--comfortable,.25rem);--eds-spacing-inset-xs-stack-squared:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-inset-xs-stack-stretched:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-sm-inline:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-sm-stack-squished:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-inset-sm-stack-squared:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-sm-stack-stretched:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-md-inline:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-md-stack-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-md-stack-squared:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-md-stack-stretched:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-lg-inline:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-lg-stack-squished:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-lg-stack-squared:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-lg-stack-stretched:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-inset-xl-inline:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-inset-xl-stack-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-xl-stack-squared:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-inset-xl-stack-stretched:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--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-typography-ui-body-xs-font-size:var(--eds--spacious,.656rem)var(--eds--comfortable,.563rem);--eds-typography-ui-body-xs-tracking-tight:var(--eds--spacious,-1.15px)var(--eds--comfortable,-.99px);--eds-typography-ui-body-xs-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-xs-tracking-loose:var(--eds--spacious,1.15px)var(--eds--comfortable,.99px);--eds-typography-ui-body-xs-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-xs-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-xs-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-xs-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-xs-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-sm-font-size:var(--eds--spacious,.75rem)var(--eds--comfortable,.656rem);--eds-typography-ui-body-sm-tracking-tight:var(--eds--spacious,-1.32px)var(--eds--comfortable,-1.15px);--eds-typography-ui-body-sm-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-sm-tracking-loose:var(--eds--spacious,1.32px)var(--eds--comfortable,1.15px);--eds-typography-ui-body-sm-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-sm-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-sm-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-sm-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-sm-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-font-family:"Inter";--eds-typography-ui-body-md-font-size:var(--eds--spacious,.875rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-md-tracking-tight:var(--eds--spacious,-1.54px)var(--eds--comfortable,-1.32px);--eds-typography-ui-body-md-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-md-tracking-loose:var(--eds--spacious,1.54px)var(--eds--comfortable,1.32px);--eds-typography-ui-body-md-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-md-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-md-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-md-lineheight-default:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-md-lineheight-squished:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-lg-font-size:var(--eds--spacious,1rem)var(--eds--comfortable,.875rem);--eds-typography-ui-body-lg-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.54px);--eds-typography-ui-body-lg-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-lg-tracking-loose:var(--eds--spacious,1.76px)var(--eds--comfortable,1.54px);--eds-typography-ui-body-lg-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-lg-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-lg-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-lg-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-ui-body-lg-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-xl-font-size:var(--eds--spacious,1.156rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-xl-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.76px);--eds-typography-ui-body-xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-xl-tracking-loose:var(--eds--spacious,2.035px)var(--eds--comfortable,1.76px);--eds-typography-ui-body-xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-xl-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.5rem);--eds-typography-ui-body-xl-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.25rem);--eds-typography-ui-body-2xl-font-size:var(--eds--spacious,1.313rem)var(--eds--comfortable,1.156rem);--eds-typography-ui-body-2xl-tracking-tight:var(--eds--spacious,-2.31px)var(--eds--comfortable,-1.76px);--eds-typography-ui-body-2xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-2xl-tracking-loose:var(--eds--spacious,2.31px)var(--eds--comfortable,2.035px);--eds-typography-ui-body-2xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-2xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-2xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-2xl-lineheight-default:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-ui-body-2xl-lineheight-squished:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-ui-body-3xl-font-size:var(--eds--spacious,1.531rem)var(--eds--comfortable,1.313rem);--eds-typography-ui-body-3xl-tracking-tight:var(--eds--spacious,-2.695px)var(--eds--comfortable,-2.31px);--eds-typography-ui-body-3xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-3xl-tracking-loose:var(--eds--spacious,2.695px)var(--eds--comfortable,2.31px);--eds-typography-ui-body-3xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-3xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-3xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-3xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-3xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-ui-body-4xl-font-size:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.531rem);--eds-typography-ui-body-4xl-tracking-tight:var(--eds--spacious,-3.08px)var(--eds--comfortable,-2.695px);--eds-typography-ui-body-4xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-4xl-tracking-loose:var(--eds--spacious,3.08px)var(--eds--comfortable,2.695px);--eds-typography-ui-body-4xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-4xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-4xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-4xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,2rem);--eds-typography-ui-body-4xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-5xl-font-size:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-5xl-tracking-tight:var(--eds--spacious,-3.52px)var(--eds--comfortable,-3.08px);--eds-typography-ui-body-5xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-5xl-tracking-loose:var(--eds--spacious,3.52px)var(--eds--comfortable,3.08px);--eds-typography-ui-body-5xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-5xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-5xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-5xl-lineheight-default:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem);--eds-typography-ui-body-5xl-lineheight-squished:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-6xl-font-size:var(--eds--spacious,2.313rem)var(--eds--comfortable,2rem);--eds-typography-ui-body-6xl-tracking-tight:var(--eds--spacious,-4.07px)var(--eds--comfortable,-3.52px);--eds-typography-ui-body-6xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-6xl-tracking-loose:var(--eds--spacious,4.07px)var(--eds--comfortable,3.52px);--eds-typography-ui-body-6xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-6xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,0px);--eds-typography-ui-body-6xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-6xl-lineheight-default:var(--eds--spacious,2.5rem)var(--eds--comfortable,2.25rem);--eds-typography-ui-body-6xl-lineheight-squished:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem);--eds-typography-header-xs-font-size:var(--eds--spacious,.75rem)var(--eds--comfortable,.656rem);--eds-typography-header-xs-tracking-tight:var(--eds--spacious,-1.15px)var(--eds--comfortable,-.99px);--eds-typography-header-xs-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-xs-tracking-loose:var(--eds--spacious,1.15px)var(--eds--comfortable,.99px);--eds-typography-header-xs-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-xs-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-xs-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-xs-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-header-xs-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-header-font-family:"Equinor";--eds-typography-header-sm-font-size:var(--eds--spacious,.875rem)var(--eds--comfortable,.75rem);--eds-typography-header-sm-tracking-tight:var(--eds--spacious,-1.32px)var(--eds--comfortable,-1.15px);--eds-typography-header-sm-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-sm-tracking-loose:var(--eds--spacious,1.32px)var(--eds--comfortable,1.15px);--eds-typography-header-sm-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-sm-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-sm-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-sm-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,1rem);--eds-typography-header-sm-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-header-md-font-size:var(--eds--spacious,1rem)var(--eds--comfortable,.875rem);--eds-typography-header-md-tracking-tight:var(--eds--spacious,-1.54px)var(--eds--comfortable,-1.32px);--eds-typography-header-md-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-md-tracking-loose:var(--eds--spacious,1.54px)var(--eds--comfortable,1.32px);--eds-typography-header-md-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-md-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-md-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-md-lineheight-default:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-header-md-lineheight-squished:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-header-lg-font-size:var(--eds--spacious,1.125rem)var(--eds--comfortable,1rem);--eds-typography-header-lg-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.54px);--eds-typography-header-lg-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-lg-tracking-loose:var(--eds--spacious,1.76px)var(--eds--comfortable,1.54px);--eds-typography-header-lg-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-lg-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-lg-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-lg-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-header-lg-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-header-xl-font-size:var(--eds--spacious,1.313rem)var(--eds--comfortable,1.125rem);--eds-typography-header-xl-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.76px);--eds-typography-header-xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-xl-tracking-loose:var(--eds--spacious,2.035px)var(--eds--comfortable,1.76px);--eds-typography-header-xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-xl-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.5rem);--eds-typography-header-xl-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.25rem);--eds-typography-header-2xl-font-size:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.313rem);--eds-typography-header-2xl-tracking-tight:var(--eds--spacious,-2.31px)var(--eds--comfortable,-1.76px);--eds-typography-header-2xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-2xl-tracking-loose:var(--eds--spacious,2.31px)var(--eds--comfortable,2.035px);--eds-typography-header-2xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-2xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-2xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-2xl-lineheight-default:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-header-2xl-lineheight-squished:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-header-3xl-font-size:var(--eds--spacious,1.719rem)var(--eds--comfortable,1.5rem);--eds-typography-header-3xl-tracking-tight:var(--eds--spacious,-2.695px)var(--eds--comfortable,-2.31px);--eds-typography-header-3xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-3xl-tracking-loose:var(--eds--spacious,2.695px)var(--eds--comfortable,2.31px);--eds-typography-header-3xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-3xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-3xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-3xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-header-3xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-header-4xl-font-size:var(--eds--spacious,1.969rem)var(--eds--comfortable,1.719rem);--eds-typography-header-4xl-tracking-tight:var(--eds--spacious,-3.08px)var(--eds--comfortable,-2.695px);--eds-typography-header-4xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-4xl-tracking-loose:var(--eds--spacious,3.08px)var(--eds--comfortable,2.695px);--eds-typography-header-4xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-4xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-4xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-4xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,2rem);--eds-typography-header-4xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.75rem);--eds-typography-header-5xl-font-size:var(--eds--spacious,2.281rem)var(--eds--comfortable,1.969rem);--eds-typography-header-5xl-tracking-tight:var(--eds--spacious,-3.52px)var(--eds--comfortable,-3.08px);--eds-typography-header-5xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-5xl-tracking-loose:var(--eds--spacious,3.52px)var(--eds--comfortable,3.08px);--eds-typography-header-5xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-5xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-5xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-5xl-lineheight-default:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem);--eds-typography-header-5xl-lineheight-squished:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-header-6xl-font-size:var(--eds--spacious,2.625rem)var(--eds--comfortable,2.281rem);--eds-typography-header-6xl-tracking-tight:var(--eds--spacious,-4.07px)var(--eds--comfortable,-3.52px);--eds-typography-header-6xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-6xl-tracking-loose:var(--eds--spacious,4.07px)var(--eds--comfortable,3.52px);--eds-typography-header-6xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-6xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-6xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-6xl-lineheight-default:var(--eds--spacious,2.5rem)var(--eds--comfortable,2.25rem);--eds-typography-header-6xl-lineheight-squished:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem)} \ No newline at end of file +:root,[data-color-scheme=light]{color-scheme:light}[data-color-scheme=dark]{color-scheme:dark}:root{--eds-color-bg-floating:light-dark(#fff,#202223);--eds-color-bg-backdrop:light-dark(#aeaeae,#738696);--eds-color-bg-input:light-dark(#f5f5f5,#0b0b0b);--eds-color-border-focus:light-dark(#6fb6e9,#2d8bc5);--eds-color-text-link:light-dark(#0070a9,#5abbfb);--eds-color-accent-1:light-dark(#eaf8fa,#0a0b0b);--eds-color-accent-2:light-dark(#f6ffff,#1e2323);--eds-color-accent-3:light-dark(#cfe7e9,#3c6266);--eds-color-accent-4:light-dark(#bbdbdf,#3e7378);--eds-color-accent-5:light-dark(#a2cdd2,#41878e);--eds-color-accent-6:light-dark(#bbdbdf,#3c6266);--eds-color-accent-7:light-dark(#7cbac1,#439199);--eds-color-accent-8:light-dark(#21767e,#6ec0c9);--eds-color-accent-9:light-dark(#206f77,#8cd2da);--eds-color-accent-10:light-dark(#205c62,#ace3e9);--eds-color-accent-11:light-dark(#20565c,#c7f1f6);--eds-color-accent-12:light-dark(#1f6369,#bcebf1);--eds-color-accent-13:light-dark(#141f20,#e6ffff);--eds-color-accent-14:light-dark(#cae4e7,#2c3839);--eds-color-accent-15:light-dark(#fff,#030303);--eds-color-neutral-1:light-dark(#f5f5f5,#0b0b0b);--eds-color-neutral-2:light-dark(#fff,#202223);--eds-color-neutral-3:light-dark(#e1e1e1,#525c65);--eds-color-neutral-4:light-dark(#d4d4d4,#5d6b76);--eds-color-neutral-5:light-dark(#c4c4c4,#6b7d8b);--eds-color-neutral-6:light-dark(#d4d4d4,#525c65);--eds-color-neutral-7:light-dark(#aeaeae,#738696);--eds-color-neutral-8:light-dark(#696969,#9fb4c6);--eds-color-neutral-9:light-dark(#636363,#b4c7d7);--eds-color-neutral-10:light-dark(#525252,#cadae7);--eds-color-neutral-11:light-dark(#4d4d4d,#deeaf4);--eds-color-neutral-12:light-dark(#585858,#d6e3ee);--eds-color-neutral-13:light-dark(#1d1d1d,#f5fdff);--eds-color-neutral-14:light-dark(#dedede,#333639);--eds-color-neutral-15:light-dark(#fff,#030303);--eds-color-info-1:light-dark(#e7f8ff,#0a0b0c);--eds-color-info-2:light-dark(#f4ffff,#1d2226);--eds-color-info-3:light-dark(#cae6fa,#33607e);--eds-color-info-4:light-dark(#b5daf5,#316f98);--eds-color-info-5:light-dark(#99cbf0,#2e82b7);--eds-color-info-6:light-dark(#b5daf5,#33607e);--eds-color-info-7:light-dark(#6fb6e9,#2d8bc5);--eds-color-info-8:light-dark(#0070a9,#5abbfb);--eds-color-info-9:light-dark(#006aa0,#7dceff);--eds-color-info-10:light-dark(#085883,#a2e0ff);--eds-color-info-11:light-dark(#0e5279,#c4eeff);--eds-color-info-12:light-dark(#015e8d,#b7e8ff);--eds-color-info-13:light-dark(#121e27,#ecffff);--eds-color-info-14:light-dark(#c5e3f9,#2a3741);--eds-color-info-15:light-dark(#fff,#030304);--eds-color-success-1:light-dark(#eafbe8,#0a0c0a);--eds-color-success-2:light-dark(#f6fff5,#1e231e);--eds-color-success-3:light-dark(#cfeacc,#3c673a);--eds-color-success-4:light-dark(#bbe0b8,#3e793c);--eds-color-success-5:light-dark(#a2d49e,#418e3e);--eds-color-success-6:light-dark(#bbe0b8,#3c673a);--eds-color-success-7:light-dark(#7cc278,#449941);--eds-color-success-8:light-dark(#227e22,#6eca6a);--eds-color-success-9:light-dark(#207720,#8cdb87);--eds-color-success-10:light-dark(#20621f,#aceba8);--eds-color-success-11:light-dark(#215c1f,#c7f7c3);--eds-color-success-12:light-dark(#20691f,#bcf2b8);--eds-color-success-13:light-dark(#142114,#e6ffe3);--eds-color-success-14:light-dark(#cae8c7,#2c392b);--eds-color-success-15:light-dark(#fff,#030303);--eds-color-warning-1:light-dark(#fff1e2,#0c0b0a);--eds-color-warning-2:light-dark(#fffcf0,#27201b);--eds-color-warning-3:light-dark(#fbdac1,#7e4e25);--eds-color-warning-4:light-dark(#f6caaa,#97571b);--eds-color-warning-5:light-dark(#f0b689,#b46201);--eds-color-warning-6:light-dark(#f6caaa,#7e4e25);--eds-color-warning-7:light-dark(#e89959,#c36800);--eds-color-warning-8:light-dark(#a34e00,#f99539);--eds-color-warning-9:light-dark(#9b4900,#ffad63);--eds-color-warning-10:light-dark(#813e00,#ffc791);--eds-color-warning-11:light-dark(#773a00,#ffddb9);--eds-color-warning-12:light-dark(#8a4100,#ffd4aa);--eds-color-warning-13:light-dark(#27190e,#fff7e6);--eds-color-warning-14:light-dark(#fad6bc,#413226);--eds-color-warning-15:light-dark(#fff,#040303);--eds-color-danger-1:light-dark(#ffecea,#0d0a0a);--eds-color-danger-2:light-dark(#fff9f8,#2a1e1e);--eds-color-danger-3:light-dark(#ffd0ce,#923a3c);--eds-color-danger-4:light-dark(#ffbcba,#b03940);--eds-color-danger-5:light-dark(#ffa3a1,#d43745);--eds-color-danger-6:light-dark(#ffbcba,#923a3c);--eds-color-danger-7:light-dark(#ff7a7c,#e53748);--eds-color-danger-8:light-dark(#c6002d,#ff8082);--eds-color-danger-9:light-dark(#bc002a,#ffa3a1);--eds-color-danger-10:light-dark(#9a1026,#ffc1bf);--eds-color-danger-11:light-dark(#8e1525,#ffd9d7);--eds-color-danger-12:light-dark(#a50827,#ffd0ce);--eds-color-danger-13:light-dark(#2e1414,#fff5f4);--eds-color-danger-14:light-dark(#ffcbc9,#492d2c);--eds-color-danger-15:light-dark(#fff,#040303);--eds-color-bg-neutral-canvas:var(--eds-color-neutral-1);--eds-color-bg-neutral-surface:var(--eds-color-neutral-2);--eds-color-bg-neutral-fill-muted-default:var(--eds-color-neutral-3);--eds-color-bg-neutral-fill-muted-hover:var(--eds-color-neutral-4);--eds-color-bg-neutral-fill-muted-active:var(--eds-color-neutral-5);--eds-color-bg-neutral-fill-emphasis-default:var(--eds-color-neutral-9);--eds-color-bg-neutral-fill-emphasis-hover:var(--eds-color-neutral-10);--eds-color-bg-neutral-fill-emphasis-active:var(--eds-color-neutral-11);--eds-color-bg-accent-canvas:var(--eds-color-accent-1);--eds-color-bg-accent-surface:var(--eds-color-accent-2);--eds-color-bg-accent-fill-muted-default:var(--eds-color-accent-3);--eds-color-bg-accent-fill-muted-hover:var(--eds-color-accent-4);--eds-color-bg-accent-fill-muted-active:var(--eds-color-accent-5);--eds-color-bg-accent-fill-emphasis-default:var(--eds-color-accent-9);--eds-color-bg-accent-fill-emphasis-hover:var(--eds-color-accent-10);--eds-color-bg-accent-fill-emphasis-active:var(--eds-color-accent-11);--eds-color-bg-success-canvas:var(--eds-color-success-1);--eds-color-bg-success-surface:var(--eds-color-success-2);--eds-color-bg-success-fill-muted-default:var(--eds-color-success-3);--eds-color-bg-success-fill-muted-hover:var(--eds-color-success-4);--eds-color-bg-success-fill-muted-active:var(--eds-color-success-5);--eds-color-bg-success-fill-emphasis-default:var(--eds-color-success-9);--eds-color-bg-success-fill-emphasis-hover:var(--eds-color-success-10);--eds-color-bg-success-fill-emphasis-active:var(--eds-color-success-11);--eds-color-bg-info-canvas:var(--eds-color-info-1);--eds-color-bg-info-surface:var(--eds-color-info-2);--eds-color-bg-info-fill-muted-default:var(--eds-color-info-3);--eds-color-bg-info-fill-muted-hover:var(--eds-color-info-4);--eds-color-bg-info-fill-muted-active:var(--eds-color-info-5);--eds-color-bg-info-fill-emphasis-default:var(--eds-color-info-9);--eds-color-bg-info-fill-emphasis-hover:var(--eds-color-info-10);--eds-color-bg-info-fill-emphasis-active:var(--eds-color-info-11);--eds-color-bg-warning-canvas:var(--eds-color-warning-1);--eds-color-bg-warning-surface:var(--eds-color-warning-2);--eds-color-bg-warning-fill-muted-default:var(--eds-color-warning-3);--eds-color-bg-warning-fill-muted-hover:var(--eds-color-warning-4);--eds-color-bg-warning-fill-muted-active:var(--eds-color-warning-5);--eds-color-bg-warning-fill-emphasis-default:var(--eds-color-warning-9);--eds-color-bg-warning-fill-emphasis-hover:var(--eds-color-warning-10);--eds-color-bg-warning-fill-emphasis-active:var(--eds-color-warning-11);--eds-color-bg-danger-canvas:var(--eds-color-danger-1);--eds-color-bg-danger-surface:var(--eds-color-danger-2);--eds-color-bg-danger-fill-muted-default:var(--eds-color-danger-3);--eds-color-bg-danger-fill-muted-hover:var(--eds-color-danger-4);--eds-color-bg-danger-fill-muted-active:var(--eds-color-danger-5);--eds-color-bg-danger-fill-emphasis-default:var(--eds-color-danger-9);--eds-color-bg-danger-fill-emphasis-hover:var(--eds-color-danger-10);--eds-color-bg-danger-fill-emphasis-active:var(--eds-color-danger-11);--eds-color-border-neutral-subtle:var(--eds-color-neutral-6);--eds-color-border-neutral-medium:var(--eds-color-neutral-7);--eds-color-border-neutral-strong:var(--eds-color-neutral-8);--eds-color-border-accent-subtle:var(--eds-color-accent-6);--eds-color-border-accent-medium:var(--eds-color-accent-7);--eds-color-border-accent-strong:var(--eds-color-accent-8);--eds-color-border-success-subtle:var(--eds-color-success-6);--eds-color-border-success-medium:var(--eds-color-success-7);--eds-color-border-success-strong:var(--eds-color-success-8);--eds-color-border-info-subtle:var(--eds-color-info-6);--eds-color-border-info-medium:var(--eds-color-info-7);--eds-color-border-info-strong:var(--eds-color-info-8);--eds-color-border-warning-subtle:var(--eds-color-warning-6);--eds-color-border-warning-medium:var(--eds-color-warning-7);--eds-color-border-warning-strong:var(--eds-color-warning-8);--eds-color-border-danger-subtle:var(--eds-color-danger-6);--eds-color-border-danger-medium:var(--eds-color-danger-7);--eds-color-border-danger-strong:var(--eds-color-danger-8);--eds-color-text-neutral-subtle:var(--eds-color-neutral-12);--eds-color-text-neutral-strong:var(--eds-color-neutral-13);--eds-color-text-neutral-subtle-on-emphasis:var(--eds-color-neutral-14);--eds-color-text-neutral-strong-on-emphasis:var(--eds-color-neutral-15);--eds-color-text-accent-subtle:var(--eds-color-accent-12);--eds-color-text-accent-strong:var(--eds-color-accent-13);--eds-color-text-accent-subtle-on-emphasis:var(--eds-color-accent-14);--eds-color-text-accent-strong-on-emphasis:var(--eds-color-accent-15);--eds-color-text-success-subtle:var(--eds-color-success-12);--eds-color-text-success-strong:var(--eds-color-success-13);--eds-color-text-success-subtle-on-emphasis:var(--eds-color-success-14);--eds-color-text-success-strong-on-emphasis:var(--eds-color-success-15);--eds-color-text-info-subtle:var(--eds-color-info-12);--eds-color-text-info-strong:var(--eds-color-info-13);--eds-color-text-info-subtle-on-emphasis:var(--eds-color-info-14);--eds-color-text-info-strong-on-emphasis:var(--eds-color-info-15);--eds-color-text-warning-subtle:var(--eds-color-warning-12);--eds-color-text-warning-strong:var(--eds-color-warning-13);--eds-color-text-warning-subtle-on-emphasis:var(--eds-color-warning-14);--eds-color-text-warning-strong-on-emphasis:var(--eds-color-warning-15);--eds-color-text-danger-subtle:var(--eds-color-danger-12);--eds-color-text-danger-strong:var(--eds-color-danger-13);--eds-color-text-danger-subtle-on-emphasis:var(--eds-color-danger-14);--eds-color-text-danger-strong-on-emphasis:var(--eds-color-danger-15)}:root,[data-color-appearance=neutral]{--eds-color-bg-fill-muted-default:var(--eds-color-neutral-3);--eds-color-bg-fill-muted-hover:var(--eds-color-neutral-4);--eds-color-bg-fill-muted-active:var(--eds-color-neutral-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-neutral-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-neutral-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-neutral-11);--eds-color-bg-canvas:var(--eds-color-neutral-1);--eds-color-bg-surface:var(--eds-color-neutral-2);--eds-color-border-subtle:var(--eds-color-neutral-6);--eds-color-border-medium:var(--eds-color-neutral-7);--eds-color-border-strong:var(--eds-color-neutral-8);--eds-color-text-subtle:var(--eds-color-neutral-12);--eds-color-text-strong:var(--eds-color-neutral-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-neutral-14);--eds-color-text-strong-on-emphasis:var(--eds-color-neutral-15)}[data-color-appearance=accent]{--eds-color-bg-fill-muted-default:var(--eds-color-accent-3);--eds-color-bg-fill-muted-hover:var(--eds-color-accent-4);--eds-color-bg-fill-muted-active:var(--eds-color-accent-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-accent-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-accent-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-accent-11);--eds-color-bg-canvas:var(--eds-color-accent-1);--eds-color-bg-surface:var(--eds-color-accent-2);--eds-color-border-subtle:var(--eds-color-accent-6);--eds-color-border-medium:var(--eds-color-accent-7);--eds-color-border-strong:var(--eds-color-accent-8);--eds-color-text-subtle:var(--eds-color-accent-12);--eds-color-text-strong:var(--eds-color-accent-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-accent-14);--eds-color-text-strong-on-emphasis:var(--eds-color-accent-15)}[data-color-appearance=danger]{--eds-color-bg-fill-muted-default:var(--eds-color-danger-3);--eds-color-bg-fill-muted-hover:var(--eds-color-danger-4);--eds-color-bg-fill-muted-active:var(--eds-color-danger-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-danger-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-danger-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-danger-11);--eds-color-bg-canvas:var(--eds-color-danger-1);--eds-color-bg-surface:var(--eds-color-danger-2);--eds-color-border-subtle:var(--eds-color-danger-6);--eds-color-border-medium:var(--eds-color-danger-7);--eds-color-border-strong:var(--eds-color-danger-8);--eds-color-text-subtle:var(--eds-color-danger-12);--eds-color-text-strong:var(--eds-color-danger-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-danger-14);--eds-color-text-strong-on-emphasis:var(--eds-color-danger-15)}[data-color-appearance=info]{--eds-color-bg-fill-muted-default:var(--eds-color-info-3);--eds-color-bg-fill-muted-hover:var(--eds-color-info-4);--eds-color-bg-fill-muted-active:var(--eds-color-info-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-info-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-info-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-info-11);--eds-color-bg-canvas:var(--eds-color-info-1);--eds-color-bg-surface:var(--eds-color-info-2);--eds-color-border-subtle:var(--eds-color-info-6);--eds-color-border-medium:var(--eds-color-info-7);--eds-color-border-strong:var(--eds-color-info-8);--eds-color-text-subtle:var(--eds-color-info-12);--eds-color-text-strong:var(--eds-color-info-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-info-14);--eds-color-text-strong-on-emphasis:var(--eds-color-info-15)}[data-color-appearance=success]{--eds-color-bg-fill-muted-default:var(--eds-color-success-3);--eds-color-bg-fill-muted-hover:var(--eds-color-success-4);--eds-color-bg-fill-muted-active:var(--eds-color-success-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-success-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-success-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-success-11);--eds-color-bg-canvas:var(--eds-color-success-1);--eds-color-bg-surface:var(--eds-color-success-2);--eds-color-border-subtle:var(--eds-color-success-6);--eds-color-border-medium:var(--eds-color-success-7);--eds-color-border-strong:var(--eds-color-success-8);--eds-color-text-subtle:var(--eds-color-success-12);--eds-color-text-strong:var(--eds-color-success-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-success-14);--eds-color-text-strong-on-emphasis:var(--eds-color-success-15)}[data-color-appearance=warning]{--eds-color-bg-fill-muted-default:var(--eds-color-warning-3);--eds-color-bg-fill-muted-hover:var(--eds-color-warning-4);--eds-color-bg-fill-muted-active:var(--eds-color-warning-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-warning-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-warning-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-warning-11);--eds-color-bg-canvas:var(--eds-color-warning-1);--eds-color-bg-surface:var(--eds-color-warning-2);--eds-color-border-subtle:var(--eds-color-warning-6);--eds-color-border-medium:var(--eds-color-warning-7);--eds-color-border-strong:var(--eds-color-warning-8);--eds-color-text-subtle:var(--eds-color-warning-12);--eds-color-text-strong:var(--eds-color-warning-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-warning-14);--eds-color-text-strong-on-emphasis:var(--eds-color-warning-15)}@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,[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,[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-rounded:var(--eds--spacious,.25rem)var(--eds--comfortable,.188rem);--eds-spacing-border-radius-pill:var(--eds--spacious,62.5rem)var(--eds--comfortable,62.5rem);--eds-spacing-border-radius-none:0rem;--eds-spacing-inset-xs-inline:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-inset-xs-stack-squished:var(--eds--spacious,.375rem)var(--eds--comfortable,.25rem);--eds-spacing-inset-xs-stack-squared:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-inset-xs-stack-stretched:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-sm-inline:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-sm-stack-squished:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-inset-sm-stack-squared:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-sm-stack-stretched:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-md-inline:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-md-stack-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-md-stack-squared:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-md-stack-stretched:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-lg-inline:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-lg-stack-squished:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-lg-stack-squared:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-lg-stack-stretched:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-inset-xl-inline:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-inset-xl-stack-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-xl-stack-squared:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-inset-xl-stack-stretched:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--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-typography-ui-body-xs-font-size:var(--eds--spacious,.656rem)var(--eds--comfortable,.563rem);--eds-typography-ui-body-xs-tracking-tight:var(--eds--spacious,-1.15px)var(--eds--comfortable,-.99px);--eds-typography-ui-body-xs-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-xs-tracking-loose:var(--eds--spacious,1.15px)var(--eds--comfortable,.99px);--eds-typography-ui-body-xs-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-xs-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-xs-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-xs-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-xs-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-sm-font-size:var(--eds--spacious,.75rem)var(--eds--comfortable,.656rem);--eds-typography-ui-body-sm-tracking-tight:var(--eds--spacious,-1.32px)var(--eds--comfortable,-1.15px);--eds-typography-ui-body-sm-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-sm-tracking-loose:var(--eds--spacious,1.32px)var(--eds--comfortable,1.15px);--eds-typography-ui-body-sm-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-sm-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-sm-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-sm-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-sm-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-font-family:"Inter";--eds-typography-ui-body-md-font-size:var(--eds--spacious,.875rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-md-tracking-tight:var(--eds--spacious,-1.54px)var(--eds--comfortable,-1.32px);--eds-typography-ui-body-md-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-md-tracking-loose:var(--eds--spacious,1.54px)var(--eds--comfortable,1.32px);--eds-typography-ui-body-md-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-md-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-md-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-md-lineheight-default:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-md-lineheight-squished:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-lg-font-size:var(--eds--spacious,1rem)var(--eds--comfortable,.875rem);--eds-typography-ui-body-lg-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.54px);--eds-typography-ui-body-lg-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-lg-tracking-loose:var(--eds--spacious,1.76px)var(--eds--comfortable,1.54px);--eds-typography-ui-body-lg-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-lg-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-lg-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-lg-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-ui-body-lg-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-xl-font-size:var(--eds--spacious,1.156rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-xl-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.76px);--eds-typography-ui-body-xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-xl-tracking-loose:var(--eds--spacious,2.035px)var(--eds--comfortable,1.76px);--eds-typography-ui-body-xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-xl-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.5rem);--eds-typography-ui-body-xl-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.25rem);--eds-typography-ui-body-2xl-font-size:var(--eds--spacious,1.313rem)var(--eds--comfortable,1.156rem);--eds-typography-ui-body-2xl-tracking-tight:var(--eds--spacious,-2.31px)var(--eds--comfortable,-1.76px);--eds-typography-ui-body-2xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-2xl-tracking-loose:var(--eds--spacious,2.31px)var(--eds--comfortable,2.035px);--eds-typography-ui-body-2xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-2xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-2xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-2xl-lineheight-default:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-ui-body-2xl-lineheight-squished:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-ui-body-3xl-font-size:var(--eds--spacious,1.531rem)var(--eds--comfortable,1.313rem);--eds-typography-ui-body-3xl-tracking-tight:var(--eds--spacious,-2.695px)var(--eds--comfortable,-2.31px);--eds-typography-ui-body-3xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-3xl-tracking-loose:var(--eds--spacious,2.695px)var(--eds--comfortable,2.31px);--eds-typography-ui-body-3xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-3xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-3xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-3xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-3xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-ui-body-4xl-font-size:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.531rem);--eds-typography-ui-body-4xl-tracking-tight:var(--eds--spacious,-3.08px)var(--eds--comfortable,-2.695px);--eds-typography-ui-body-4xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-4xl-tracking-loose:var(--eds--spacious,3.08px)var(--eds--comfortable,2.695px);--eds-typography-ui-body-4xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-4xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-4xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-4xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,2rem);--eds-typography-ui-body-4xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-5xl-font-size:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-5xl-tracking-tight:var(--eds--spacious,-3.52px)var(--eds--comfortable,-3.08px);--eds-typography-ui-body-5xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-5xl-tracking-loose:var(--eds--spacious,3.52px)var(--eds--comfortable,3.08px);--eds-typography-ui-body-5xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-5xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-5xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-5xl-lineheight-default:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem);--eds-typography-ui-body-5xl-lineheight-squished:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-6xl-font-size:var(--eds--spacious,2.313rem)var(--eds--comfortable,2rem);--eds-typography-ui-body-6xl-tracking-tight:var(--eds--spacious,-4.07px)var(--eds--comfortable,-3.52px);--eds-typography-ui-body-6xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-6xl-tracking-loose:var(--eds--spacious,4.07px)var(--eds--comfortable,3.52px);--eds-typography-ui-body-6xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-6xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,0px);--eds-typography-ui-body-6xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-6xl-lineheight-default:var(--eds--spacious,2.5rem)var(--eds--comfortable,2.25rem);--eds-typography-ui-body-6xl-lineheight-squished:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem);--eds-typography-header-xs-font-size:var(--eds--spacious,.75rem)var(--eds--comfortable,.656rem);--eds-typography-header-xs-tracking-tight:var(--eds--spacious,-1.15px)var(--eds--comfortable,-.99px);--eds-typography-header-xs-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-xs-tracking-loose:var(--eds--spacious,1.15px)var(--eds--comfortable,.99px);--eds-typography-header-xs-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-xs-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-xs-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-xs-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-header-xs-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-header-font-family:"Equinor";--eds-typography-header-sm-font-size:var(--eds--spacious,.875rem)var(--eds--comfortable,.75rem);--eds-typography-header-sm-tracking-tight:var(--eds--spacious,-1.32px)var(--eds--comfortable,-1.15px);--eds-typography-header-sm-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-sm-tracking-loose:var(--eds--spacious,1.32px)var(--eds--comfortable,1.15px);--eds-typography-header-sm-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-sm-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-sm-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-sm-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,1rem);--eds-typography-header-sm-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-header-md-font-size:var(--eds--spacious,1rem)var(--eds--comfortable,.875rem);--eds-typography-header-md-tracking-tight:var(--eds--spacious,-1.54px)var(--eds--comfortable,-1.32px);--eds-typography-header-md-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-md-tracking-loose:var(--eds--spacious,1.54px)var(--eds--comfortable,1.32px);--eds-typography-header-md-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-md-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-md-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-md-lineheight-default:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-header-md-lineheight-squished:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-header-lg-font-size:var(--eds--spacious,1.125rem)var(--eds--comfortable,1rem);--eds-typography-header-lg-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.54px);--eds-typography-header-lg-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-lg-tracking-loose:var(--eds--spacious,1.76px)var(--eds--comfortable,1.54px);--eds-typography-header-lg-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-lg-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-lg-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-lg-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-header-lg-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-header-xl-font-size:var(--eds--spacious,1.313rem)var(--eds--comfortable,1.125rem);--eds-typography-header-xl-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.76px);--eds-typography-header-xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-xl-tracking-loose:var(--eds--spacious,2.035px)var(--eds--comfortable,1.76px);--eds-typography-header-xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-xl-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.5rem);--eds-typography-header-xl-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.25rem);--eds-typography-header-2xl-font-size:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.313rem);--eds-typography-header-2xl-tracking-tight:var(--eds--spacious,-2.31px)var(--eds--comfortable,-1.76px);--eds-typography-header-2xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-2xl-tracking-loose:var(--eds--spacious,2.31px)var(--eds--comfortable,2.035px);--eds-typography-header-2xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-2xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-2xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-2xl-lineheight-default:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-header-2xl-lineheight-squished:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-header-3xl-font-size:var(--eds--spacious,1.719rem)var(--eds--comfortable,1.5rem);--eds-typography-header-3xl-tracking-tight:var(--eds--spacious,-2.695px)var(--eds--comfortable,-2.31px);--eds-typography-header-3xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-3xl-tracking-loose:var(--eds--spacious,2.695px)var(--eds--comfortable,2.31px);--eds-typography-header-3xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-3xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-3xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-3xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-header-3xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-header-4xl-font-size:var(--eds--spacious,1.969rem)var(--eds--comfortable,1.719rem);--eds-typography-header-4xl-tracking-tight:var(--eds--spacious,-3.08px)var(--eds--comfortable,-2.695px);--eds-typography-header-4xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-4xl-tracking-loose:var(--eds--spacious,3.08px)var(--eds--comfortable,2.695px);--eds-typography-header-4xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-4xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-4xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-4xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,2rem);--eds-typography-header-4xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.75rem);--eds-typography-header-5xl-font-size:var(--eds--spacious,2.281rem)var(--eds--comfortable,1.969rem);--eds-typography-header-5xl-tracking-tight:var(--eds--spacious,-3.52px)var(--eds--comfortable,-3.08px);--eds-typography-header-5xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-5xl-tracking-loose:var(--eds--spacious,3.52px)var(--eds--comfortable,3.08px);--eds-typography-header-5xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-5xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-5xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-5xl-lineheight-default:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem);--eds-typography-header-5xl-lineheight-squished:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-header-6xl-font-size:var(--eds--spacious,2.625rem)var(--eds--comfortable,2.281rem);--eds-typography-header-6xl-tracking-tight:var(--eds--spacious,-4.07px)var(--eds--comfortable,-3.52px);--eds-typography-header-6xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-6xl-tracking-loose:var(--eds--spacious,4.07px)var(--eds--comfortable,3.52px);--eds-typography-header-6xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-6xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-6xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-6xl-lineheight-default:var(--eds--spacious,2.5rem)var(--eds--comfortable,2.25rem);--eds-typography-header-6xl-lineheight-squished:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem)} \ No newline at end of file diff --git a/packages/eds-tokens/build/js/color/color-scheme/dark-semantic.js b/packages/eds-tokens/build/js/color/color-scheme/dark-semantic.js index 749433b147..e54be8a7de 100644 --- a/packages/eds-tokens/build/js/color/color-scheme/dark-semantic.js +++ b/packages/eds-tokens/build/js/color/color-scheme/dark-semantic.js @@ -57,7 +57,7 @@ export const BORDER_ACCENT_SUBTLE = "#3c6266"; export const BORDER_ACCENT_MEDIUM = "#439199"; export const BORDER_ACCENT_STRONG = "#6ec0c9"; export const BORDER_SUCCESS_SUBTLE = "#3c673a"; -export const BORDER_SUCCESS_MEDIUM = "#439941"; +export const BORDER_SUCCESS_MEDIUM = "#449941"; export const BORDER_SUCCESS_STRONG = "#6eca6a"; export const BORDER_INFO_SUBTLE = "#33607e"; export const BORDER_INFO_MEDIUM = "#2d8bc5"; diff --git a/packages/eds-tokens/build/js/color/color-scheme/light-semantic.js b/packages/eds-tokens/build/js/color/color-scheme/light-semantic.js index dc9bdeab55..00cb3eb2d3 100644 --- a/packages/eds-tokens/build/js/color/color-scheme/light-semantic.js +++ b/packages/eds-tokens/build/js/color/color-scheme/light-semantic.js @@ -66,7 +66,7 @@ export const BORDER_WARNING_SUBTLE = "#f6caaa"; export const BORDER_WARNING_MEDIUM = "#e89959"; export const BORDER_WARNING_STRONG = "#a34e00"; export const BORDER_DANGER_SUBTLE = "#ffbcba"; -export const BORDER_DANGER_MEDIUM = "#ff7a7d"; +export const BORDER_DANGER_MEDIUM = "#ff7a7c"; export const BORDER_DANGER_STRONG = "#c6002d"; export const TEXT_NEUTRAL_SUBTLE = "#585858"; // Used for text and icons export const TEXT_NEUTRAL_STRONG = "#1d1d1d"; // Used for text and icons diff --git a/packages/eds-tokens/build/json/color/color-scheme/flat/dark-semantic.json b/packages/eds-tokens/build/json/color/color-scheme/flat/dark-semantic.json index d81249cc7b..09988e4bcf 100644 --- a/packages/eds-tokens/build/json/color/color-scheme/flat/dark-semantic.json +++ b/packages/eds-tokens/build/json/color/color-scheme/flat/dark-semantic.json @@ -54,7 +54,7 @@ "border-accent-medium": "#439199", "border-accent-strong": "#6ec0c9", "border-success-subtle": "#3c673a", - "border-success-medium": "#439941", + "border-success-medium": "#449941", "border-success-strong": "#6eca6a", "border-info-subtle": "#33607e", "border-info-medium": "#2d8bc5", diff --git a/packages/eds-tokens/build/json/color/color-scheme/flat/light-semantic.json b/packages/eds-tokens/build/json/color/color-scheme/flat/light-semantic.json index 3750998c3a..a4bbd87b97 100644 --- a/packages/eds-tokens/build/json/color/color-scheme/flat/light-semantic.json +++ b/packages/eds-tokens/build/json/color/color-scheme/flat/light-semantic.json @@ -63,7 +63,7 @@ "border-warning-medium": "#e89959", "border-warning-strong": "#a34e00", "border-danger-subtle": "#ffbcba", - "border-danger-medium": "#ff7a7d", + "border-danger-medium": "#ff7a7c", "border-danger-strong": "#c6002d", "text-neutral-subtle": "#585858", "text-neutral-strong": "#1d1d1d", diff --git a/packages/eds-tokens/build/json/color/color-scheme/nested/dark-semantic.json b/packages/eds-tokens/build/json/color/color-scheme/nested/dark-semantic.json index e092a5536b..af0d34d7c3 100644 --- a/packages/eds-tokens/build/json/color/color-scheme/nested/dark-semantic.json +++ b/packages/eds-tokens/build/json/color/color-scheme/nested/dark-semantic.json @@ -98,7 +98,7 @@ }, "Success": { "Subtle": "#3c673a", - "Medium": "#439941", + "Medium": "#449941", "Strong": "#6eca6a" }, "Info": { diff --git a/packages/eds-tokens/build/json/color/color-scheme/nested/light-semantic.json b/packages/eds-tokens/build/json/color/color-scheme/nested/light-semantic.json index 4cbf017130..59c01d8f3f 100644 --- a/packages/eds-tokens/build/json/color/color-scheme/nested/light-semantic.json +++ b/packages/eds-tokens/build/json/color/color-scheme/nested/light-semantic.json @@ -113,7 +113,7 @@ }, "Danger": { "Subtle": "#ffbcba", - "Medium": "#ff7a7d", + "Medium": "#ff7a7c", "Strong": "#c6002d" } }, From 193832d9e86bb2544c65066e0c6b001b44ebdabf Mon Sep 17 00:00:00 2001 From: Torleif Halseth Date: Wed, 15 Oct 2025 15:05:54 +0200 Subject: [PATCH 7/9] fix(eds-demo): update CSS import to use variables --- packages/eds-demo/src/app/(exercise)/dynamic/exercise/page.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/eds-demo/src/app/(exercise)/dynamic/exercise/page.tsx b/packages/eds-demo/src/app/(exercise)/dynamic/exercise/page.tsx index 09deb5586c..b27b2e9fcd 100644 --- a/packages/eds-demo/src/app/(exercise)/dynamic/exercise/page.tsx +++ b/packages/eds-demo/src/app/(exercise)/dynamic/exercise/page.tsx @@ -1,4 +1,4 @@ -import "@equinor/eds-tokens/css/variables-dynamic.css"; +import "@equinor/eds-tokens/css/variables"; import { Chip } from "./Chip"; import styles from "./styles.module.css"; From 18bcb87765b09fd01704a8cd42631562c96afb5e Mon Sep 17 00:00:00 2001 From: Torleif Halseth Date: Wed, 15 Oct 2025 15:13:21 +0200 Subject: [PATCH 8/9] fix(eds-tailwind): fix package peer dependency --- pnpm-lock.yaml | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index f89cd5c457..cda0472375 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -714,8 +714,8 @@ importers: packages/eds-tailwind: dependencies: '@equinor/eds-tokens': - specifier: workspace:* - version: link:../eds-tokens + specifier: '>=1.0.0' + version: 1.0.0 devDependencies: '@tailwindcss/vite': specifier: ^4.1.13 From aa8cc748786ec5e978050cc483cefb8a34d9c31e Mon Sep 17 00:00:00 2001 From: Torleif Halseth Date: Thu, 16 Oct 2025 09:07:40 +0200 Subject: [PATCH 9/9] docs(eds-tokens): remove hex preview and import of primitives --- packages/eds-tokens/README.md | 17 ++++++++--------- 1 file changed, 8 insertions(+), 9 deletions(-) diff --git a/packages/eds-tokens/README.md b/packages/eds-tokens/README.md index 5ad43de803..cc4b2175f5 100644 --- a/packages/eds-tokens/README.md +++ b/packages/eds-tokens/README.md @@ -69,14 +69,14 @@ import * as lightSemantic from '@equinor/eds-tokens/js/color/color-scheme/light- import * as darkSemantic from '@equinor/eds-tokens/js/color/color-scheme/dark-semantic' // Use semantic tokens with light/dark values -const lightSurface = lightSemantic.BG_NEUTRAL_SURFACE // "#ffffff" -const darkSurface = darkSemantic.BG_NEUTRAL_SURFACE // "#202223" +const lightSurface = lightSemantic.BG_NEUTRAL_SURFACE +const darkSurface = darkSemantic.BG_NEUTRAL_SURFACE -const lightAccent = lightSemantic.BG_ACCENT_FILL_EMPHASIS_DEFAULT // "#206f77" -const darkAccent = darkSemantic.BG_ACCENT_FILL_EMPHASIS_DEFAULT // "#206f77" +const lightAccent = lightSemantic.BG_ACCENT_FILL_EMPHASIS_DEFAULT +const darkAccent = darkSemantic.BG_ACCENT_FILL_EMPHASIS_DEFAULT -const lightBorder = lightSemantic.BORDER_INFO_MEDIUM // "#6fb6e9" -const darkBorder = darkSemantic.BORDER_INFO_MEDIUM // "#5c9fc9" +const lightBorder = lightSemantic.BORDER_INFO_MEDIUM +const darkBorder = darkSemantic.BORDER_INFO_MEDIUM ``` #### Spacing Tokens @@ -85,11 +85,10 @@ const darkBorder = darkSemantic.BORDER_INFO_MEDIUM // "#5c9fc9" // Import spacing values for different density modes import * as comfortableSpacing from '@equinor/eds-tokens/js/spacing/comfortable' import * as spaciousSpacing from '@equinor/eds-tokens/js/spacing/spacious' -import * as primitiveSpacing from '@equinor/eds-tokens/js/spacing/primitives' // Use the values (numbers in pixels) -const padding = comfortableSpacing.SPACING_INLINE_MD // 12 -const borderRadius = comfortableSpacing.SPACING_BORDER_RADIUS_ROUNDED // 3 +const padding = comfortableSpacing.SPACING_INLINE_MD +const borderRadius = comfortableSpacing.SPACING_BORDER_RADIUS_ROUNDED ``` ### Available Token Categories