Skip to content

Commit

Permalink
✨ update tokens and code (#3525)
Browse files Browse the repository at this point in the history
  • Loading branch information
@torleifhalseth
torleifhalseth authored Jun 17, 2024
1 parent 9adb054 commit 4015a47
Show file tree
Hide file tree
Showing 29 changed files with 1,043 additions and 397 deletions.
26 changes: 14 additions & 12 deletions packages/eds-tokens/build/css/spacing/comfortable-trimmed.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,7 @@
--eds-spacing-icon-5xl-gap-vertical: 1.094rem;
--eds-spacing-icon-6xl-gap-horizontal: 1.25rem;
--eds-spacing-icon-6xl-gap-vertical: 1.25rem;
--eds-spacing-inline-4-xs: 0.063rem;
--eds-spacing-inline-3-xs: 0.125rem;
--eds-spacing-inline-2-xs: 0.25rem;
--eds-spacing-inline-xs: 0.375rem;
Expand All @@ -32,9 +33,10 @@
--eds-spacing-inline-xl: 1.25rem;
--eds-spacing-inline-2-xl: 1.5rem;
--eds-spacing-inline-3-xl: 1.75rem;
--eds-spacing-stack-3-xs: 0rem;
--eds-spacing-stack-2-xs: 0.125rem;
--eds-spacing-stack-xs: 0.25rem;
--eds-spacing-stack-4-xs: 0.063rem;
--eds-spacing-stack-3-xs: 0.125rem;
--eds-spacing-stack-2-xs: 0.25rem;
--eds-spacing-stack-xs: 0.375rem;
--eds-spacing-stack-sm: 0.5rem;
--eds-spacing-stack-md: 0.75rem;
--eds-spacing-stack-lg: 1rem;
Expand All @@ -45,11 +47,11 @@
--eds-spacing-border-radius-pill: 62.5rem;
--eds-spacing-border-radius-none: 0rem;
--eds-spacing-inset-xs-inline: 0.375rem;
--eds-spacing-inset-xs-stack-squished: 0.125rem 0.375rem;
--eds-spacing-inset-xs-stack-squared: 0.25rem 0.375rem;
--eds-spacing-inset-xs-stack-squished: 0.25rem 0.375rem;
--eds-spacing-inset-xs-stack-squared: 0.375rem 0.375rem;
--eds-spacing-inset-xs-stack-stretched: 0.5rem 0.375rem;
--eds-spacing-inset-sm-inline: 0.5rem;
--eds-spacing-inset-sm-stack-squished: 0.25rem 0.5rem;
--eds-spacing-inset-sm-stack-squished: 0.375rem 0.5rem;
--eds-spacing-inset-sm-stack-squared: 0.5rem 0.5rem;
--eds-spacing-inset-sm-stack-stretched: 0.75rem 0.5rem;
--eds-spacing-inset-md-inline: 0.75rem;
Expand All @@ -64,19 +66,19 @@
--eds-spacing-inset-xl-stack-squished: 1rem 1.25rem;
--eds-spacing-inset-xl-stack-squared: 1.25rem 1.25rem;
--eds-spacing-inset-xl-stack-stretched: 1.5rem 1.25rem;
--eds-sizing-icon-xs: 0.844rem;
--eds-sizing-icon-xs: 0.875rem;
--eds-sizing-icon-xs-container: 0.5rem;
--eds-sizing-icon-sm: 1rem;
--eds-sizing-icon-sm-container: 0.5rem;
--eds-sizing-icon-md: 1.125rem;
--eds-sizing-icon-md-container: 0.5rem;
--eds-sizing-icon-lg: 1.313rem;
--eds-sizing-icon-lg: 1.25rem;
--eds-sizing-icon-lg-container: 0.75rem;
--eds-sizing-icon-xl: 1.5rem;
--eds-sizing-icon-xl-container: 0.75rem;
--eds-sizing-icon-2xl: 1.75rem;
--eds-sizing-icon-2xl-container: 0.75rem;
--eds-sizing-icon-3xl: 1.969rem;
--eds-sizing-icon-3xl: 2rem;
--eds-sizing-icon-3xl-container: 1rem;
--eds-sizing-icon-4xl: 2.313rem;
--eds-sizing-icon-4xl-container: 1rem;
Expand All @@ -85,11 +87,11 @@
--eds-sizing-icon-6xl: 3rem;
--eds-sizing-icon-6xl-container: 1.5rem;
--eds-sizing-selectable-xs: 1rem;
--eds-sizing-selectable-sm: 1rem;
--eds-sizing-selectable-sm: 1.25rem;
--eds-sizing-selectable-md: 1.5rem;
--eds-sizing-selectable-lg: 2.25rem;
--eds-sizing-selectable-xl: 2.75rem;
--eds-sizing-selectable-2xl: 2.75rem;
--eds-sizing-selectable-2xl: 3.25rem;
--eds-sizing-stroke-thin: 0.063rem;
--eds-sizing-stroke-thick: 0.125rem;
--eds-sizing-stroke-none: 0rem;
Expand Down Expand Up @@ -184,7 +186,6 @@
--eds-typography-ui-body-6xl-font-weight-bolder: 500;
--eds-typography-ui-body-6xl-lineheight-default: 2.25rem;
--eds-typography-ui-body-6xl-lineheight-squished: 2rem;
--eds-typography-header-font-family: "Equinor";
--eds-typography-header-xs-font-size: 0.656rem;
--eds-typography-header-xs-tracking-tight: -0.99px;
--eds-typography-header-xs-tracking-normal: 0px;
Expand All @@ -194,6 +195,7 @@
--eds-typography-header-xs-font-weight-bolder: 500;
--eds-typography-header-xs-lineheight-default: 0.75rem;
--eds-typography-header-xs-lineheight-squished: 0.75rem;
--eds-typography-header-font-family: "Equinor";
--eds-typography-header-sm-font-size: 0.75rem;
--eds-typography-header-sm-tracking-tight: -1.15px;
--eds-typography-header-sm-tracking-normal: 0px;
Expand Down
98 changes: 50 additions & 48 deletions packages/eds-tokens/build/css/spacing/comfortable-verbose.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,18 +6,44 @@
--eds-sizing-stroke-none: 0rem;
--eds-sizing-stroke-thick: 0.125rem;
--eds-sizing-stroke-thin: 0.063rem;
--eds-sizing-selectable-2xl: 3.25rem;
--eds-sizing-selectable-xl: 2.75rem;
--eds-sizing-selectable-lg: 2.25rem;
--eds-sizing-selectable-md: 1.5rem;
--eds-sizing-selectable-sm: 1.25rem;
--eds-sizing-selectable-xs: 1rem;
--eds-sizing-icon-6xl: 3rem;
--eds-sizing-icon-5xl: 2.625rem;
--eds-sizing-icon-4xl: 2.313rem;
--eds-sizing-icon-3xl: 1.969rem;
--eds-sizing-icon-3xl: 2rem;
--eds-sizing-icon-2xl: 1.75rem;
--eds-sizing-icon-xl: 1.5rem;
--eds-sizing-icon-lg: 1.313rem;
--eds-sizing-icon-lg: 1.25rem;
--eds-sizing-icon-md: 1.125rem;
--eds-sizing-icon-sm: 1rem;
--eds-sizing-icon-xs: 0.844rem;
--eds-sizing-icon-xs: 0.875rem;
--eds-spacing-border-radius-none: 0rem;
--eds-spacing-border-radius-pill: 62.5rem;
--eds-spacing-stack-3-xl: 1.75rem;
--eds-spacing-stack-2-xl: 1.5rem;
--eds-spacing-stack-xl: 1.25rem;
--eds-spacing-stack-lg: 1rem;
--eds-spacing-stack-md: 0.75rem;
--eds-spacing-stack-sm: 0.5rem;
--eds-spacing-stack-xs: 0.375rem;
--eds-spacing-stack-2-xs: 0.25rem;
--eds-spacing-stack-3-xs: 0.125rem;
--eds-spacing-stack-4-xs: 0.063rem;
--eds-spacing-inline-3-xl: 1.75rem;
--eds-spacing-inline-2-xl: 1.5rem;
--eds-spacing-inline-xl: 1.25rem;
--eds-spacing-inline-lg: 1rem;
--eds-spacing-inline-md: 0.75rem;
--eds-spacing-inline-sm: 0.5rem;
--eds-spacing-inline-xs: 0.375rem;
--eds-spacing-inline-2-xs: 0.25rem;
--eds-spacing-inline-3-xs: 0.125rem;
--eds-spacing-inline-4-xs: 0.063rem;
--eds-spacing-icon-6xl-gap-vertical: 1.25rem;
--eds-spacing-icon-6xl-gap-horizontal: 1.25rem;
--eds-spacing-icon-5xl-gap-vertical: 1.094rem;
Expand Down Expand Up @@ -101,14 +127,14 @@
--eds-typography-header-sm-tracking-normal: var(--eds-type-scale-equinor-200-tracking-normal);
--eds-typography-header-sm-tracking-tight: var(--eds-type-scale-equinor-200-tracking-tight);
--eds-typography-header-sm-font-size: var(--eds-type-scale-equinor-200-font-size);
--eds-typography-header-font-family: var(--eds-font-family-equinor);
--eds-typography-header-xs-font-weight-bolder: 500;
--eds-typography-header-xs-font-weight-normal: 400;
--eds-typography-header-xs-font-weight-lighter: 300;
--eds-typography-header-xs-tracking-loose: var(--eds-type-scale-equinor-100-tracking-loose);
--eds-typography-header-xs-tracking-normal: var(--eds-type-scale-equinor-100-tracking-normal);
--eds-typography-header-xs-tracking-tight: var(--eds-type-scale-equinor-100-tracking-tight);
--eds-typography-header-xs-font-size: var(--eds-type-scale-equinor-100-font-size);
--eds-typography-header-font-family: var(--eds-font-family-equinor);
--eds-typography-ui-body-6xl-font-weight-bolder: 500;
--eds-typography-ui-body-6xl-font-weight-normal: var(--eds-type-scale-inter-1000-tracking-normal);
--eds-typography-ui-body-6xl-font-weight-lighter: 300;
Expand Down Expand Up @@ -180,31 +206,27 @@
--eds-typography-ui-body-xs-tracking-normal: var(--eds-type-scale-inter-100-tracking-normal);
--eds-typography-ui-body-xs-tracking-tight: var(--eds-type-scale-inter-100-tracking-tight);
--eds-typography-ui-body-xs-font-size: var(--eds-type-scale-inter-100-font-size);
--eds-sizing-selectable-2xl: var(--eds-spacing-275);
--eds-sizing-selectable-xl: var(--eds-spacing-275);
--eds-sizing-selectable-lg: var(--eds-spacing-225);
--eds-sizing-selectable-md: var(--eds-spacing-150);
--eds-sizing-selectable-sm: var(--eds-spacing-100);
--eds-sizing-selectable-xs: var(--eds-spacing-100);
--eds-spacing-inset-xl-stack-stretched: var(--eds-spacing-stack-2-xl) var(--eds-spacing-static-inline-xl);
--eds-spacing-inset-xl-stack-squared: var(--eds-spacing-stack-xl) var(--eds-spacing-static-inline-xl);
--eds-spacing-inset-xl-stack-squished: var(--eds-spacing-stack-lg) var(--eds-spacing-static-inline-xl);
--eds-spacing-inset-xl-inline: var(--eds-spacing-inline-xl);
--eds-spacing-inset-lg-stack-stretched: var(--eds-spacing-stack-xl) var(--eds-spacing-static-inline-lg);
--eds-spacing-inset-lg-stack-squared: var(--eds-spacing-stack-lg) var(--eds-spacing-static-inline-lg);
--eds-spacing-inset-lg-stack-squished: var(--eds-spacing-stack-md) var(--eds-spacing-static-inline-lg);
--eds-spacing-inset-lg-inline: var(--eds-spacing-inline-lg);
--eds-spacing-inset-md-stack-stretched: var(--eds-spacing-stack-lg) var(--eds-spacing-static-inline-md);
--eds-spacing-inset-md-stack-squared: var(--eds-spacing-stack-md) var(--eds-spacing-static-inline-md);
--eds-spacing-inset-md-stack-squished: var(--eds-spacing-stack-sm) var(--eds-spacing-static-inline-md);
--eds-spacing-inset-md-inline: var(--eds-spacing-inline-md);
--eds-spacing-inset-sm-stack-stretched: var(--eds-spacing-stack-md) var(--eds-spacing-static-inline-sm);
--eds-spacing-inset-sm-stack-squared: var(--eds-spacing-stack-sm) var(--eds-spacing-static-inline-sm);
--eds-spacing-inset-sm-stack-squished: var(--eds-spacing-stack-xs) var(--eds-spacing-static-inline-sm);
--eds-spacing-inset-sm-inline: var(--eds-spacing-inline-sm);
--eds-spacing-inset-xs-stack-stretched: var(--eds-spacing-stack-sm) var(--eds-spacing-static-inline-xs);
--eds-spacing-inset-xs-stack-squared: var(--eds-spacing-stack-xs) var(--eds-spacing-static-inline-xs);
--eds-spacing-inset-xs-stack-squished: var(--eds-spacing-stack-2-xs) var(--eds-spacing-static-inline-xs);
--eds-spacing-inset-xs-inline: var(--eds-spacing-inline-xs);
--eds-spacing-border-radius-rounded: var(--eds-spacing-19);
--eds-spacing-stack-3-xl: var(--eds-spacing-175);
--eds-spacing-stack-2-xl: var(--eds-spacing-150);
--eds-spacing-stack-xl: var(--eds-spacing-125);
--eds-spacing-stack-lg: var(--eds-spacing-100);
--eds-spacing-stack-md: var(--eds-spacing-75);
--eds-spacing-stack-sm: var(--eds-spacing-50);
--eds-spacing-stack-xs: var(--eds-spacing-25);
--eds-spacing-stack-2-xs: var(--eds-spacing-12);
--eds-spacing-stack-3-xs: var(--eds-spacing-0);
--eds-spacing-inline-3-xl: var(--eds-spacing-175);
--eds-spacing-inline-2-xl: var(--eds-spacing-150);
--eds-spacing-inline-xl: var(--eds-spacing-125);
--eds-spacing-inline-lg: var(--eds-spacing-100);
--eds-spacing-inline-md: var(--eds-spacing-75);
--eds-spacing-inline-sm: var(--eds-spacing-50);
--eds-spacing-inline-xs: var(--eds-spacing-37);
--eds-spacing-inline-2-xs: var(--eds-spacing-25);
--eds-spacing-inline-3-xs: var(--eds-spacing-12);
--eds-typography-header-6xl-lineheight-squished: var(--eds-lineheight-scale-1000-lineheight-squished);
--eds-typography-header-6xl-lineheight-default: var(--eds-lineheight-scale-1000-default);
--eds-typography-header-5xl-lineheight-squished: var(--eds-lineheight-scale-900-lineheight-squished);
Expand Down Expand Up @@ -255,24 +277,4 @@
--eds-sizing-icon-md-container: 0.5rem;
--eds-sizing-icon-sm-container: 0.5rem;
--eds-sizing-icon-xs-container: 0.5rem;
--eds-spacing-inset-xl-stack-stretched: var(--eds-spacing-stack-2-xl) var(--eds-spacing-static-inline-xl);
--eds-spacing-inset-xl-stack-squared: var(--eds-spacing-stack-xl) var(--eds-spacing-static-inline-xl);
--eds-spacing-inset-xl-stack-squished: var(--eds-spacing-stack-lg) var(--eds-spacing-static-inline-xl);
--eds-spacing-inset-xl-inline: var(--eds-spacing-inline-xl);
--eds-spacing-inset-lg-stack-stretched: var(--eds-spacing-stack-xl) var(--eds-spacing-static-inline-lg);
--eds-spacing-inset-lg-stack-squared: var(--eds-spacing-stack-lg) var(--eds-spacing-static-inline-lg);
--eds-spacing-inset-lg-stack-squished: var(--eds-spacing-stack-md) var(--eds-spacing-static-inline-lg);
--eds-spacing-inset-lg-inline: var(--eds-spacing-inline-lg);
--eds-spacing-inset-md-stack-stretched: var(--eds-spacing-stack-lg) var(--eds-spacing-static-inline-md);
--eds-spacing-inset-md-stack-squared: var(--eds-spacing-stack-md) var(--eds-spacing-static-inline-md);
--eds-spacing-inset-md-stack-squished: var(--eds-spacing-stack-sm) var(--eds-spacing-static-inline-md);
--eds-spacing-inset-md-inline: var(--eds-spacing-inline-md);
--eds-spacing-inset-sm-stack-stretched: var(--eds-spacing-stack-md) var(--eds-spacing-static-inline-sm);
--eds-spacing-inset-sm-stack-squared: var(--eds-spacing-stack-sm) var(--eds-spacing-static-inline-sm);
--eds-spacing-inset-sm-stack-squished: var(--eds-spacing-stack-xs) var(--eds-spacing-static-inline-sm);
--eds-spacing-inset-sm-inline: var(--eds-spacing-inline-sm);
--eds-spacing-inset-xs-stack-stretched: var(--eds-spacing-stack-sm) var(--eds-spacing-static-inline-xs);
--eds-spacing-inset-xs-stack-squared: var(--eds-spacing-stack-xs) var(--eds-spacing-static-inline-xs);
--eds-spacing-inset-xs-stack-squished: var(--eds-spacing-stack-2-xs) var(--eds-spacing-static-inline-xs);
--eds-spacing-inset-xs-inline: var(--eds-spacing-inline-xs);
}
24 changes: 13 additions & 11 deletions packages/eds-tokens/build/css/spacing/spacious-trimmed.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,17 +23,19 @@
--eds-spacing-icon-5xl-gap-vertical: 1.25rem;
--eds-spacing-icon-6xl-gap-horizontal: 1.438rem;
--eds-spacing-icon-6xl-gap-vertical: 1.438rem;
--eds-spacing-inline-3-xs: 0.125rem;
--eds-spacing-inline-2-xs: 0.25rem;
--eds-spacing-inline-4-xs: 0.125rem;
--eds-spacing-inline-3-xs: 0.25rem;
--eds-spacing-inline-2-xs: 0.375rem;
--eds-spacing-inline-xs: 0.5rem;
--eds-spacing-inline-sm: 0.75rem;
--eds-spacing-inline-md: 1rem;
--eds-spacing-inline-lg: 1.25rem;
--eds-spacing-inline-xl: 1.5rem;
--eds-spacing-inline-2-xl: 1.75rem;
--eds-spacing-inline-3-xl: 2rem;
--eds-spacing-stack-3-xs: 0.125rem;
--eds-spacing-stack-2-xs: 0.25rem;
--eds-spacing-stack-4-xs: 0.125rem;
--eds-spacing-stack-3-xs: 0.25rem;
--eds-spacing-stack-2-xs: 0.375rem;
--eds-spacing-stack-xs: 0.5rem;
--eds-spacing-stack-sm: 0.75rem;
--eds-spacing-stack-md: 1rem;
Expand All @@ -45,7 +47,7 @@
--eds-spacing-border-radius-pill: 62.5rem;
--eds-spacing-border-radius-none: 0rem;
--eds-spacing-inset-xs-inline: 0.5rem;
--eds-spacing-inset-xs-stack-squished: 0.25rem 0.5rem;
--eds-spacing-inset-xs-stack-squished: 0.375rem 0.5rem;
--eds-spacing-inset-xs-stack-squared: 0.5rem 0.5rem;
--eds-spacing-inset-xs-stack-stretched: 0.75rem 0.5rem;
--eds-spacing-inset-sm-inline: 0.75rem;
Expand All @@ -68,24 +70,24 @@
--eds-sizing-icon-xs-container: 0.5rem;
--eds-sizing-icon-sm: 1.125rem;
--eds-sizing-icon-sm-container: 0.5rem;
--eds-sizing-icon-md: 1.313rem;
--eds-sizing-icon-md: 1.25rem;
--eds-sizing-icon-md-container: 0.75rem;
--eds-sizing-icon-lg: 1.5rem;
--eds-sizing-icon-lg-container: 0.75rem;
--eds-sizing-icon-xl: 1.75rem;
--eds-sizing-icon-xl-container: 0.75rem;
--eds-sizing-icon-2xl: 1.969rem;
--eds-sizing-icon-2xl: 2rem;
--eds-sizing-icon-2xl-container: 1rem;
--eds-sizing-icon-3xl: 2.313rem;
--eds-sizing-icon-3xl-container: 1rem;
--eds-sizing-icon-4xl: 2.625rem;
--eds-sizing-icon-4xl-container: 1.25rem;
--eds-sizing-icon-5xl: 3rem;
--eds-sizing-icon-5xl-container: 1.5rem;
--eds-sizing-icon-6xl: 3.469rem;
--eds-sizing-icon-6xl: 3.5rem;
--eds-sizing-icon-6xl-container: 1.75rem;
--eds-sizing-selectable-xs: 1.5rem;
--eds-sizing-selectable-sm: 2rem;
--eds-sizing-selectable-xs: 1.25rem;
--eds-sizing-selectable-sm: 1.5rem;
--eds-sizing-selectable-md: 2.25rem;
--eds-sizing-selectable-lg: 2.75rem;
--eds-sizing-selectable-xl: 3.25rem;
Expand Down Expand Up @@ -184,7 +186,6 @@
--eds-typography-ui-body-6xl-font-weight-bolder: 500;
--eds-typography-ui-body-6xl-lineheight-default: 2.5rem;
--eds-typography-ui-body-6xl-lineheight-squished: 2.25rem;
--eds-typography-header-font-family: "Equinor";
--eds-typography-header-xs-font-size: 0.75rem;
--eds-typography-header-xs-tracking-tight: -1.15px;
--eds-typography-header-xs-tracking-normal: 0px;
Expand All @@ -194,6 +195,7 @@
--eds-typography-header-xs-font-weight-bolder: 500;
--eds-typography-header-xs-lineheight-default: 1rem;
--eds-typography-header-xs-lineheight-squished: 0.75rem;
--eds-typography-header-font-family: "Equinor";
--eds-typography-header-sm-font-size: 0.875rem;
--eds-typography-header-sm-tracking-tight: -1.32px;
--eds-typography-header-sm-tracking-normal: 0px;
Expand Down
Loading

0 comments on commit 4015a47

Please sign in to comment.