@eui/styles 21.3.3 → 21.3.4-snapshot-1783418617704

package/dist/base/02-tokens/typography-primitive.scss

@@ -46,40 +46,5 @@ $font-weight-map: (
     'bold': 700
 );
 
-$eds-font-line-height-map: (
-  '10xl': map.get(dimensions-primitive.$dimension-map, 96),
-  '9xl': map.get(dimensions-primitive.$dimension-map, 64),
-  '8xl': map.get(dimensions-primitive.$dimension-map, 60),
-  '7xl': map.get(dimensions-primitive.$dimension-map, 56),
-  '6xl': map.get(dimensions-primitive.$dimension-map, 52),
-  '5xl': map.get(dimensions-primitive.$dimension-map, 48),
-  '4xl': map.get(dimensions-primitive.$dimension-map, 44),
-  '3xl': map.get(dimensions-primitive.$dimension-map, 40),
-  '2xl': map.get(dimensions-primitive.$dimension-map, 36),
-  'xl': map.get(dimensions-primitive.$dimension-map, 32),
-  'l': map.get(dimensions-primitive.$dimension-map, 28),
-  'm': map.get(dimensions-primitive.$dimension-map, 24),
-  's': map.get(dimensions-primitive.$dimension-map, 20),
-  'xs': map.get(dimensions-primitive.$dimension-map, 16),
-  '2xs': map.get(dimensions-primitive.$dimension-map, 12)
-);
-
-// semantic font-size link to letter-spacing map
-$eds-font-size-letter-spacing-map: (
-  '9xl': -2%,
-  '8xl': -2%,
-  '7xl': -2%,
-  '6xl': -1%,
-  '5xl': -1%,
-  '4xl': -1%,
-  '3xl': -1%,
-  '2xl': normal,
-  'xl': normal,
-  'l': normal,
-  'm': normal,
-  's': normal,
-  'xs': normal,
-  '2xs': normal
-);
 
 

package/dist/base/02-tokens/typography-semantic.scss

@@ -1,122 +1,4 @@
 $typography-semantic-map: (
-    desktop: (
-        display: (
-            xl: ( size: 9xl, line-height: 10xl, weight: regular ),
-            l: (  size: 8xl, line-height: 9xl, weight: semi-bold ),
-        ),
-        heading: (
-            2xl: ( size: 6xl, line-height: 6xl, weight: semi-bold ),
-            xl: ( size: 5xl, line-height: 4xl, weight: semi-bold ),
-            l: ( size: 4xl, line-height: 2xl, weight: semi-bold ),
-            m: ( size: 3xl, line-height: xl, weight: semi-bold ),
-            s: ( size: xl, line-height: l, weight: semi-bold ),
-            s-medium: ( size: xl, line-height: l, weight: medium ),
-            xs: ( size: l, line-height: l, weight: bold ),
-        ),
-        paragraph: (
-            xl: ( size: 3xl, line-height: 2xl, weight: regular ),    
-            l: ( size: l, line-height: l, weight: regular ),    
-            l-semi-bold: ( size: l, line-height: l, weight: semi-bold ),    
-            l-bold: ( size: l, line-height: l, weight: bold ),    
-            m: ( size: m, line-height: m, weight: regular ),
-            m-semi-bold: ( size: m, line-height: m, weight: semi-bold ),
-            m-bold: ( size: m, line-height: m, weight: bold ),
-            s: ( size: s, line-height: s, weight: regular ),
-            s-semi-bold: ( size: s, line-height: s, weight: semi-bold ),
-            s-bold: ( size: s, line-height: s, weight: bold ),
-        ),
-        label: (
-            l: ( size: l, line-height: l, weight: regular ), 
-            m: ( size: m, line-height: m, weight: regular ),
-            m-medium: ( size: m, line-height: m, weight: medium ),
-            m-semi-bold: ( size: m, line-height: m, weight: semi-bold ),
-            s: ( size: s, line-height: s, weight: regular ),
-        ),
-        microcopy: (
-            xs: ( size: xs, line-height: xs, weight: medium ),
-            2xs: ( size: 2xs, line-height: 2xs, weight: regular ),        
-        ),    
-    ),
-    tablet: (
-        display: (
-            xl: ( size: 8xl, line-height: 9xl, weight: regular ),
-            l: (  size: 7xl, line-height: 6xl, weight: semi-bold ),
-        ),
-        heading: (
-            2xl: ( size: 5xl, line-height: 4xl, weight: semi-bold ),
-            xl: ( size: 4xl, line-height: 2xl, weight: semi-bold ),
-            l: ( size: 2xl, line-height: l, weight: semi-bold ),
-            m: ( size: xl, line-height: l, weight: semi-bold ),
-            s: ( size: l, line-height: m, weight: semi-bold ),
-            s-medium: ( size: l, line-height: m, weight: medium ),
-            xs: ( size: m, line-height: m, weight: bold ),
-        ),
-        paragraph: (
-            xl: ( size: 2xl, line-height: xl, weight: regular ),    
-            l: ( size: l, line-height: l, weight: regular ),    
-            l-semi-bold: ( size: l, line-height: l, weight: semi-bold ),    
-            l-bold: ( size: l, line-height: l, weight: bold ),    
-            m: ( size: m, line-height: m, weight: regular ),
-            m-semi-bold: ( size: m, line-height: m, weight: semi-bold ),
-            m-bold: ( size: m, line-height: m, weight: bold ),
-            s: ( size: s, line-height: s, weight: regular ),
-            s-semi-bold: ( size: s, line-height: s, weight: semi-bold ),
-            s-bold: ( size: s, line-height: s, weight: bold ),
-        ),
-        label: (
-            l: ( size: l, line-height: l, weight: regular ), 
-            m: ( size: m, line-height: m, weight: regular ),
-            m-medium: ( size: m, line-height: m, weight: medium ),
-            m-semi-bold: ( size: m, line-height: m, weight: semi-bold ),
-            s: ( size: s, line-height: s, weight: regular ),
-        ),
-        microcopy: (
-            xs: ( size: xs, line-height: xs, weight: medium ),
-            2xs: ( size: 2xs, line-height: 2xs, weight: regular ),        
-        ),    
-    ),    
-    mobile: (
-        display: (
-            xl: ( size: 6xl, line-height: 4xl, weight: regular ),
-            l: (  size: 5xl, line-height: 2xl, weight: semi-bold ),
-        ),
-        heading: (
-            2xl: ( size: 4xl, line-height: 2xl, weight: semi-bold ),
-            xl: ( size: 2xl, line-height: l, weight: semi-bold ),
-            l: ( size: xl, line-height: m, weight: semi-bold ),
-            m: ( size: l, line-height: m, weight: semi-bold ),
-            s: ( size: m, line-height: m, weight: semi-bold ),
-            s-medium: ( size: m, line-height: m, weight: medium ),
-            xs: ( size: m, line-height: m, weight: bold ),
-        ),
-        paragraph: (
-            xl: ( size: xl, line-height: l, weight: regular ),    
-            l: ( size: l, line-height: l, weight: regular ),    
-            l-semi-bold: ( size: l, line-height: l, weight: semi-bold ),    
-            l-bold: ( size: l, line-height: l, weight: bold ),    
-            m: ( size: m, line-height: m, weight: regular ),
-            m-semi-bold: ( size: m, line-height: m, weight: semi-bold ),
-            m-bold: ( size: m, line-height: m, weight: bold ),
-            s: ( size: s, line-height: s, weight: regular ),
-            s-semi-bold: ( size: s, line-height: s, weight: semi-bold ),
-            s-bold: ( size: s, line-height: s, weight: bold ),
-        ),
-        label: (
-            l: ( size: l, line-height: l, weight: regular ), 
-            m: ( size: m, line-height: m, weight: regular ),
-            m-medium: ( size: m, line-height: m, weight: medium ),
-            m-semi-bold: ( size: m, line-height: m, weight: semi-bold ),
-            s: ( size: s, line-height: s, weight: regular ),
-        ),
-        microcopy: (
-            xs: ( size: xs, line-height: xs, weight: medium ),
-            2xs: ( size: 2xs, line-height: 2xs, weight: regular ),        
-        ),    
-    ),     
-);
-
-
-$typography-semantic-flatlist-map: (
     6xl: (
         desktop: (
             font-size: 6xl,

package/dist/base/03-vars/eds-vars-colors.scss

@@ -0,0 +1,7 @@
+@use '../02-tokens/eds-colors-semantic' as semantic;
+
+:root {
+    @each $color, $value in semantic.$color-semantic-map {
+        --eds-c-#{$color}: #{$value};
+    }
+}

package/dist/base/03-vars/eds-vars-typography.scss

@@ -0,0 +1,55 @@
+@use 'sass:map';
+@use '../01-base' as base;
+@use '../02-tokens/maps' as maps;
+@use '../02-tokens/dimensions-semantic' as dimensions-semantic;
+@use '../02-tokens/eds-typography-primitive' as typography-primitive;
+@use '../02-tokens/eds-typography-semantic' as typography-semantic;
+
+:root {
+    // TYPOGRAPHY
+    --eds-f-family: 'Inter', arial, sans-serif;
+
+    // font families
+    --eds-f-family-monospace: 'Consolas', 'Liberation Mono', 'Courier New', monospace;    
+
+    @each $size, $def in typography-primitive.$font-size-map {
+        --eds-f-s-#{$size}: #{$def};
+    }
+    @each $size, $def in typography-primitive.$font-line-height-map {
+        --eds-f-lh-#{$size}: #{$def};
+    }
+    @each $size, $def in typography-primitive.$font-weight-map {
+        --eds-f-w-#{$size}: #{$def};
+    }
+
+    // EDS raw vars
+    @each $size, $def in typography-primitive.$font-line-height-map {
+        --eds-f-lh-#{$size}: #{$def};
+    }    
+    @each $size, $def in typography-primitive.$font-size-letter-spacing-map {
+        --eds-f-ls-#{$size}: #{$def};
+    }    
+
+    // EDS typography
+    @each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'desktop') {
+        @each $size, $sizeDef in $typeDef {
+            --eds-f-#{$type}-#{$size}: normal normal var(--eds-f-w-#{map.get($sizeDef, 'weight')}) var(--eds-f-s-#{map.get($sizeDef, 'size')})/var(--eds-f-lh-#{map.get($sizeDef, 'line-height')}) var(--eds-f-family);
+        }
+    }
+
+    @include base.media(maps.$eui-bkp-tablet) {
+        @each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'tablet') {
+            @each $size, $sizeDef in $typeDef {
+                --eds-f-#{$type}-#{$size}: normal normal var(--eds-f-w-#{map.get($sizeDef, 'weight')}) var(--eds-f-s-#{map.get($sizeDef, 'size')})/var(--eui-f-eds-lh-#{map.get($sizeDef, 'line-height')}) var(--eds-f-family);
+            }
+        }        
+    }
+
+    @include base.media(maps.$eui-bkp-mobile) {
+        @each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'mobile') {
+            @each $size, $sizeDef in $typeDef {
+                --eds-f-#{$type}-#{$size}: normal normal var(--eds-f-w-#{map.get($sizeDef, 'weight')}) var(--eds-f-s-#{map.get($sizeDef, 'size')})/var(--eui-f-eds-lh-#{map.get($sizeDef, 'line-height')}) var(--eds-f-family);
+            }
+        }        
+    }    
+}

package/dist/base/03-vars/vars-typography.scss

@@ -45,7 +45,17 @@
     --eui-f-breakpoint-ratio: 1;
     --eui-s-breakpoint-ratio: 1;
 
-    @each $size, $sizeDef in typography-semantic.$typography-semantic-flatlist-map {
+    @each $size, $def in typography-primitive.$font-size-map {
+        --eui-f-s-#{$size}: #{$def};
+    }
+    @each $size, $def in typography-primitive.$font-line-height-map {
+        --eui-f-lh-#{$size}: #{$def};
+    }
+    @each $size, $def in typography-primitive.$font-weight-map {
+        --eui-f-w-#{$size}: #{$def};
+    }
+
+    @each $size, $sizeDef in typography-semantic.$typography-semantic-map {
         $desktop: map.get($sizeDef, 'desktop');
         --eui-f-#{$size}-light: normal normal var(--eui-f-w-light) var(--eui-f-s-#{map.get($desktop, 'font-size')})/var(--eui-f-lh-#{map.get($desktop, 'line-height')}) var(--eui-f-family);
         --eui-f-#{$size}: normal normal var(--eui-f-w-regular) var(--eui-f-s-#{map.get($desktop, 'font-size')})/var(--eui-f-lh-#{map.get($desktop, 'line-height')}) var(--eui-f-family);
@@ -55,7 +65,7 @@
     }
 
     @include base.media(maps.$eui-bkp-desktop-s) {
-        @each $size, $sizeDef in typography-semantic.$typography-semantic-flatlist-map {
+        @each $size, $sizeDef in typography-semantic.$typography-semantic-map {
             $tablet: map.get($sizeDef, 'tablet');
             --eui-f-#{$size}-light: normal normal var(--eui-f-w-light) var(--eui-f-s-#{map.get($tablet, 'font-size')})/var(--eui-f-lh-#{map.get($tablet, 'line-height')}) var(--eui-f-family);
             --eui-f-#{$size}: normal normal var(--eui-f-w-regular) var(--eui-f-s-#{map.get($tablet, 'font-size')})/var(--eui-f-lh-#{map.get($tablet, 'line-height')}) var(--eui-f-family);
@@ -68,7 +78,7 @@
     }
     
     @include base.media(maps.$eui-bkp-tablet) {
-        @each $size, $sizeDef in typography-semantic.$typography-semantic-flatlist-map {
+        @each $size, $sizeDef in typography-semantic.$typography-semantic-map {
             $tablet: map.get($sizeDef, 'tablet');
             --eui-f-#{$size}-light: normal normal var(--eui-f-w-light) var(--eui-f-s-#{map.get($tablet, 'font-size')})/var(--eui-f-lh-#{map.get($tablet, 'line-height')}) var(--eui-f-family);
             --eui-f-#{$size}: normal normal var(--eui-f-w-regular) var(--eui-f-s-#{map.get($tablet, 'font-size')})/var(--eui-f-lh-#{map.get($tablet, 'line-height')}) var(--eui-f-family);
@@ -81,7 +91,7 @@
     }
 
     @include base.media(maps.$eui-bkp-mobile-s) {
-        @each $size, $sizeDef in typography-semantic.$typography-semantic-flatlist-map {        
+        @each $size, $sizeDef in typography-semantic.$typography-semantic-map {        
             $mobile: map.get($sizeDef, 'mobile');
             --eui-f-#{$size}-light: normal normal var(--eui-f-w-light) var(--eui-f-s-#{map.get($mobile, 'font-size')})/var(--eui-f-lh-#{map.get($mobile, 'line-height')}) var(--eui-f-family);
             --eui-f-#{$size}: normal normal var(--eui-f-w-regular) var(--eui-f-s-#{map.get($mobile, 'font-size')})/var(--eui-f-lh-#{map.get($mobile, 'line-height')}) var(--eui-f-family);
@@ -92,7 +102,7 @@
     }
 
     @include base.media(maps.$eui-bkp-mobile-xs) {
-        @each $size, $sizeDef in typography-semantic.$typography-semantic-flatlist-map {        
+        @each $size, $sizeDef in typography-semantic.$typography-semantic-map {        
             $mobilexs: map.get($sizeDef, 'mobile-xs');
             --eui-f-#{$size}-light: normal normal var(--eui-f-w-light) var(--eui-f-s-#{map.get($mobilexs, 'font-size')})/var(--eui-f-lh-#{map.get($mobilexs, 'line-height')}) var(--eui-f-family);
             --eui-f-#{$size}: normal normal var(--eui-f-w-regular) var(--eui-f-s-#{map.get($mobilexs, 'font-size')})/var(--eui-f-lh-#{map.get($mobilexs, 'line-height')}) var(--eui-f-family);
@@ -101,45 +111,4 @@
             --eui-f-#{$size}-bold: normal normal var(--eui-f-w-bold) var(--eui-f-s-#{map.get($mobilexs, 'font-size')})/var(--eui-f-lh-#{map.get($mobilexs, 'line-height')}) var(--eui-f-family);
         }
     }
-
-    @each $size, $def in typography-primitive.$font-size-map {
-        --eui-f-s-#{$size}: #{$def};
-    }
-    @each $size, $def in typography-primitive.$font-line-height-map {
-        --eui-f-lh-#{$size}: #{$def};
-    }
-    @each $size, $def in typography-primitive.$font-weight-map {
-        --eui-f-w-#{$size}: #{$def};
-    }
-
-    // EDS raw vars
-    @each $size, $def in typography-primitive.$eds-font-line-height-map {
-        --eui-f-eds-lh-#{$size}: #{$def};
-    }    
-    @each $size, $def in typography-primitive.$eds-font-size-letter-spacing-map {
-        --eui-f-eds-ls-#{$size}: #{$def};
-    }    
-
-    // EDS typography
-    @each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'desktop') {
-        @each $size, $sizeDef in $typeDef {
-            --eui-f-eds-#{$type}-#{$size}: normal normal var(--eui-f-w-#{map.get($sizeDef, 'weight')}) var(--eui-f-s-#{map.get($sizeDef, 'size')})/var(--eui-f-eds-lh-#{map.get($sizeDef, 'line-height')}) var(--eui-f-family);
-        }
-    }
-
-    @include base.media(maps.$eui-bkp-tablet) {
-        @each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'tablet') {
-            @each $size, $sizeDef in $typeDef {
-                --eui-f-eds-#{$type}-#{$size}: normal normal var(--eui-f-w-#{map.get($sizeDef, 'weight')}) var(--eui-f-s-#{map.get($sizeDef, 'size')})/var(--eui-f-eds-lh-#{map.get($sizeDef, 'line-height')}) var(--eui-f-family);
-            }
-        }        
-    }
-
-    @include base.media(maps.$eui-bkp-mobile) {
-        @each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'mobile') {
-            @each $size, $sizeDef in $typeDef {
-                --eui-f-eds-#{$type}-#{$size}: normal normal var(--eui-f-w-#{map.get($sizeDef, 'weight')}) var(--eui-f-s-#{map.get($sizeDef, 'size')})/var(--eui-f-eds-lh-#{map.get($sizeDef, 'line-height')}) var(--eui-f-family);
-            }
-        }        
-    }    
 }

package/dist/base/99-utilities/eds-utilities.scss

@@ -0,0 +1 @@
+@forward 'tokens/eds-typography';

package/dist/base/99-utilities/tokens/_eds-typography.scss

@@ -0,0 +1,43 @@
+@use 'sass:map';
+@use '../../../base/01-base' as base;
+@use '../../../base/02-tokens/eds-typography-primitive' as typography-primitives;
+@use '../../../base/02-tokens/eds-typography-semantic' as typography-semantic;
+
+
+// FONTS
+@each $size in typography-primitives.$font-size-list {
+    .eds-u-f-#{$size} {
+        font: var(--eds-f-#{$size}) !important;
+    }
+    .eds-u-f-#{$size}-light {
+        font: var(--eds-f-#{$size}-light) !important;
+    }
+    .eds-u-f-#{$size}-medium {
+        font: var(--eds-f-#{$size}-medium) !important;
+    }
+    .eds-u-f-#{$size}-semi-bold {
+        font: var(--eds-f-#{$size}-semi-bold) !important;
+    }
+    .eds-u-f-#{$size}-bold {
+        font: var(--eds-f-#{$size}-bold) !important;
+    }
+}
+@each $font, $def in typography-primitives.$font-weight-map {
+    .eds-u-f-weight-#{$font} {
+        font-weight: var(--eds-f-w-#{$font}) !important;
+    }
+}
+@each $font, $def in typography-primitives.$font-size-map {
+    .eds-u-f-size-#{$font} {
+        font-size: var(--eds-f-s-#{$font}) !important;
+    }
+}
+
+@each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'desktop') {
+    @each $size, $sizeDef in $typeDef {
+        .eds-u-f-#{$type}-#{$size} {
+            font: var(--eds-f-#{$type}-#{$size}) !important;
+            letter-spacing: var(--eds-f-ls-#{map.get($sizeDef, 'size')}) !important;
+        }
+    }
+}

package/dist/base/99-utilities/tokens/_typography.scss

@@ -32,15 +32,6 @@
     }
 }
 
-@each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'desktop') {
-    @each $size, $sizeDef in $typeDef {
-        .eui-u-f-eds-#{$type}-#{$size} {
-            font: var(--eui-f-eds-#{$type}-#{$size}) !important;
-            letter-spacing: var(--eui-f-eds-ls-#{map.get($sizeDef, 'size')}) !important;
-        }
-    }
-}
-
 // ALIASES
 .eui-u-f {
     font: var(--eui-f) !important;

package/dist/eui-eds.css

@@ -0,0 +1 @@
+:root{--eds-c-surface-accent:#f2f6ff;--eds-c-surface-selected:#e6edff;--eds-c-surface-skeleton:#e1e1e7;--eds-c-surface-brand:#00002e;--eds-c-surface-elevation-sunken:#f6f6f8;--eds-c-surface-elevation-inset:#fafafb;--eds-c-surface-elevation-default:#fff;--eds-c-surface-elevation-raised:#fff;--eds-c-surface-elevation-elevated:#fff;--eds-c-surface-elevation-overlay:#fff;--eds-c-surface-disabled-default:#e1e1e7;--eds-c-on-surface-disabled-default:#a0a0b1;--eds-c-surface-disabled-subtle:#f6f6f8;--eds-c-on-surface-disabled-subtle:#a0a0b1;--eds-c-surface-primary-default:#0046ff;--eds-c-on-surface-primary-default:#fff;--eds-c-surface-primary-default--hover:#0035bf;--eds-c-on-surface-primary-default--hover:#fff;--eds-c-surface-primary-default--pressed:#002a99;--eds-c-on-surface-primary-default--pressed:#fff;--eds-c-surface-primary-subtle:#d9e3ff;--eds-c-on-surface-primary-subtle:#002a99;--eds-c-surface-highlight-default:#ffcb7d;--eds-c-on-surface-highlight-default:#763105;--eds-c-surface-highlight-default--hover:#ffbe5c;--eds-c-on-surface-highlight-default--hover:#763105;--eds-c-surface-highlight-default--pressed:#fea439;--eds-c-on-surface-highlight-default--pressed:#763105;--eds-c-surface-highlight-subtler:#fff5e5;--eds-c-on-surface-highlight-subtler:#9e4107;--eds-c-surface-inverted-default:#00002e;--eds-c-on-surface-inverted-default:#fff;--eds-c-surface-inverted-subtle:#00002e;--eds-c-on-surface-inverted-subtle:#b9b9c5;--eds-c-surface-inverted-disabled:#00002e;--eds-c-on-surface-inverted-disabled:#696984;--eds-c-surface-neutral-default:#696984;--eds-c-on-surface-neutral-default:#fff;--eds-c-surface-neutral-default--hover:#505070;--eds-c-on-surface-neutral-default--hover:#fff;--eds-c-surface-neutral-default--pressed:#353559;--eds-c-on-surface-neutral-default--pressed:#fff;--eds-c-surface-neutral-subtle:#e1e1e7;--eds-c-on-surface-neutral-subtle:#171740;--eds-c-surface-critical-default:#cb2029;--eds-c-on-surface-critical-default:#fff;--eds-c-surface-critical-default--hover:#9e1920;--eds-c-on-surface-critical-default--hover:#fff;--eds-c-surface-critical-default--pressed:#7b1319;--eds-c-on-surface-critical-default--pressed:#fff;--eds-c-surface-critical-subtle:#f09a9e;--eds-c-on-surface-critical-subtle:#5a0e12;--eds-c-surface-critical-subtler:#fdefef;--eds-c-on-surface-critical-subtler:#9e1920;--eds-c-surface-info-default:#3b62b0;--eds-c-on-surface-info-default:#fff;--eds-c-surface-info-subtle:#bfcce6;--eds-c-on-surface-info-subtle:#00297a;--eds-c-surface-info-subtler:#f5f7fb;--eds-c-on-surface-info-subtler:#039;--eds-c-surface-success-default:#037e4e;--eds-c-on-surface-success-default:#fff;--eds-c-surface-success-subtle:#b2edd6;--eds-c-on-surface-success-subtle:#025f3b;--eds-c-surface-success-subtler:#edfbf6;--eds-c-on-surface-success-subtler:#037e4e;--eds-c-surface-warning-default:#ff8a20;--eds-c-on-surface-warning-default:#512c0a;--eds-c-surface-warning-subtle:#ffc998;--eds-c-on-surface-warning-subtle:#68390d;--eds-c-surface-warning-subtler:#fff3e8;--eds-c-on-surface-warning-subtler:#8b4c11;--eds-c-foreground-default:#00002e;--eds-c-foreground-subtle:#505070;--eds-c-foreground-subtler:#696984;--eds-c-foreground-placeholder:#84849b;--eds-c-foreground-disabled:#a0a0b1;--eds-c-foreground-primary:#0046ff;--eds-c-foreground-success:#037e4e;--eds-c-foreground-info:#00297a;--eds-c-foreground-warning:#8b4c11;--eds-c-foreground-critical:#cb2029;--eds-c-foreground-highlight:#c55109;--eds-f-family:"Inter",arial,sans-serif;--eds-f-family-monospace:"Consolas","Liberation Mono","Courier New",monospace;--eds-f-s-9xl:6rem;--eds-f-s-8xl:4rem;--eds-f-s-7xl:3.25rem;--eds-f-s-6xl:2.75rem;--eds-f-s-5xl:2.25rem;--eds-f-s-4xl:1.75rem;--eds-f-s-3xl:1.5rem;--eds-f-s-2xl:1.375rem;--eds-f-s-xl:1.25rem;--eds-f-s-l:1.125rem;--eds-f-s-m:1rem;--eds-f-s-s:0.875rem;--eds-f-s-xs:0.75rem;--eds-f-s-2xs:0.625rem;--eds-f-w-light:300;--eds-f-w-regular:400;--eds-f-w-medium:500;--eds-f-w-semi-bold:600;--eds-f-w-bold:700;--eds-f-lh-10xl:6rem;--eds-f-lh-9xl:4rem;--eds-f-lh-8xl:3.75rem;--eds-f-lh-7xl:3.5rem;--eds-f-lh-6xl:3.25rem;--eds-f-lh-5xl:3rem;--eds-f-lh-4xl:2.75rem;--eds-f-lh-3xl:2.5rem;--eds-f-lh-2xl:2.25rem;--eds-f-lh-xl:2rem;--eds-f-lh-l:1.75rem;--eds-f-lh-m:1.5rem;--eds-f-lh-s:1.25rem;--eds-f-lh-xs:1rem;--eds-f-lh-2xs:0.75rem;--eds-f-ls-9xl:-2%;--eds-f-ls-8xl:-2%;--eds-f-ls-7xl:-2%;--eds-f-ls-6xl:-1%;--eds-f-ls-5xl:-1%;--eds-f-ls-4xl:-1%;--eds-f-ls-3xl:-1%;--eds-f-ls-2xl:normal;--eds-f-ls-xl:normal;--eds-f-ls-l:normal;--eds-f-ls-m:normal;--eds-f-ls-s:normal;--eds-f-ls-xs:normal;--eds-f-ls-2xs:normal;--eds-f-display-xl:normal normal var(--eds-f-w-regular) var(--eds-f-s-9xl)/var(--eds-f-lh-10xl) var(--eds-f-family);--eds-f-display-l:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-8xl)/var(--eds-f-lh-9xl) var(--eds-f-family);--eds-f-heading-2xl:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-6xl)/var(--eds-f-lh-6xl) var(--eds-f-family);--eds-f-heading-xl:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-5xl)/var(--eds-f-lh-4xl) var(--eds-f-family);--eds-f-heading-l:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-4xl)/var(--eds-f-lh-2xl) var(--eds-f-family);--eds-f-heading-m:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-3xl)/var(--eds-f-lh-xl) var(--eds-f-family);--eds-f-heading-s:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-xl)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-heading-s-medium:normal normal var(--eds-f-w-medium) var(--eds-f-s-xl)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-heading-xs:normal normal var(--eds-f-w-bold) var(--eds-f-s-l)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-paragraph-xl:normal normal var(--eds-f-w-regular) var(--eds-f-s-3xl)/var(--eds-f-lh-2xl) var(--eds-f-family);--eds-f-paragraph-l:normal normal var(--eds-f-w-regular) var(--eds-f-s-l)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-paragraph-l-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-l)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-paragraph-l-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-l)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-paragraph-m:normal normal var(--eds-f-w-regular) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-paragraph-m-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-paragraph-m-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-paragraph-s:normal normal var(--eds-f-w-regular) var(--eds-f-s-s)/var(--eds-f-lh-s) var(--eds-f-family);--eds-f-paragraph-s-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-s)/var(--eds-f-lh-s) var(--eds-f-family);--eds-f-paragraph-s-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-s)/var(--eds-f-lh-s) var(--eds-f-family);--eds-f-label-l:normal normal var(--eds-f-w-regular) var(--eds-f-s-l)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-label-m:normal normal var(--eds-f-w-regular) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-label-m-medium:normal normal var(--eds-f-w-medium) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-label-m-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-label-s:normal normal var(--eds-f-w-regular) var(--eds-f-s-s)/var(--eds-f-lh-s) var(--eds-f-family);--eds-f-microcopy-xs:normal normal var(--eds-f-w-medium) var(--eds-f-s-xs)/var(--eds-f-lh-xs) var(--eds-f-family);--eds-f-microcopy-2xs:normal normal var(--eds-f-w-regular) var(--eds-f-s-2xs)/var(--eds-f-lh-2xs) var(--eds-f-family)}@media screen and (min-width:768px) and (max-width:995px){:root{--eds-f-display-xl:normal normal var(--eds-f-w-regular) var(--eds-f-s-8xl)/var(--eui-f-eds-lh-9xl) var(--eds-f-family);--eds-f-display-l:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-7xl)/var(--eui-f-eds-lh-6xl) var(--eds-f-family);--eds-f-heading-2xl:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-5xl)/var(--eui-f-eds-lh-4xl) var(--eds-f-family);--eds-f-heading-xl:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-4xl)/var(--eui-f-eds-lh-2xl) var(--eds-f-family);--eds-f-heading-l:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-2xl)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-heading-m:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-xl)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-heading-s:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-l)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-heading-s-medium:normal normal var(--eds-f-w-medium) var(--eds-f-s-l)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-heading-xs:normal normal var(--eds-f-w-bold) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-paragraph-xl:normal normal var(--eds-f-w-regular) var(--eds-f-s-2xl)/var(--eui-f-eds-lh-xl) var(--eds-f-family);--eds-f-paragraph-l:normal normal var(--eds-f-w-regular) var(--eds-f-s-l)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-paragraph-l-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-l)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-paragraph-l-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-l)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-paragraph-m:normal normal var(--eds-f-w-regular) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-paragraph-m-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-paragraph-m-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-paragraph-s:normal normal var(--eds-f-w-regular) var(--eds-f-s-s)/var(--eui-f-eds-lh-s) var(--eds-f-family);--eds-f-paragraph-s-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-s)/var(--eui-f-eds-lh-s) var(--eds-f-family);--eds-f-paragraph-s-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-s)/var(--eui-f-eds-lh-s) var(--eds-f-family);--eds-f-label-l:normal normal var(--eds-f-w-regular) var(--eds-f-s-l)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-label-m:normal normal var(--eds-f-w-regular) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-label-m-medium:normal normal var(--eds-f-w-medium) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-label-m-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-label-s:normal normal var(--eds-f-w-regular) var(--eds-f-s-s)/var(--eui-f-eds-lh-s) var(--eds-f-family);--eds-f-microcopy-xs:normal normal var(--eds-f-w-medium) var(--eds-f-s-xs)/var(--eui-f-eds-lh-xs) var(--eds-f-family);--eds-f-microcopy-2xs:normal normal var(--eds-f-w-regular) var(--eds-f-s-2xs)/var(--eui-f-eds-lh-2xs) var(--eds-f-family)}}@media screen and (max-width:767px){:root{--eds-f-display-xl:normal normal var(--eds-f-w-regular) var(--eds-f-s-6xl)/var(--eui-f-eds-lh-4xl) var(--eds-f-family);--eds-f-display-l:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-5xl)/var(--eui-f-eds-lh-2xl) var(--eds-f-family);--eds-f-heading-2xl:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-4xl)/var(--eui-f-eds-lh-2xl) var(--eds-f-family);--eds-f-heading-xl:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-2xl)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-heading-l:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-xl)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-heading-m:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-l)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-heading-s:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-heading-s-medium:normal normal var(--eds-f-w-medium) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-heading-xs:normal normal var(--eds-f-w-bold) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-paragraph-xl:normal normal var(--eds-f-w-regular) var(--eds-f-s-xl)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-paragraph-l:normal normal var(--eds-f-w-regular) var(--eds-f-s-l)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-paragraph-l-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-l)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-paragraph-l-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-l)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-paragraph-m:normal normal var(--eds-f-w-regular) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-paragraph-m-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-paragraph-m-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-paragraph-s:normal normal var(--eds-f-w-regular) var(--eds-f-s-s)/var(--eui-f-eds-lh-s) var(--eds-f-family);--eds-f-paragraph-s-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-s)/var(--eui-f-eds-lh-s) var(--eds-f-family);--eds-f-paragraph-s-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-s)/var(--eui-f-eds-lh-s) var(--eds-f-family);--eds-f-label-l:normal normal var(--eds-f-w-regular) var(--eds-f-s-l)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-label-m:normal normal var(--eds-f-w-regular) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-label-m-medium:normal normal var(--eds-f-w-medium) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-label-m-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-label-s:normal normal var(--eds-f-w-regular) var(--eds-f-s-s)/var(--eui-f-eds-lh-s) var(--eds-f-family);--eds-f-microcopy-xs:normal normal var(--eds-f-w-medium) var(--eds-f-s-xs)/var(--eui-f-eds-lh-xs) var(--eds-f-family);--eds-f-microcopy-2xs:normal normal var(--eds-f-w-regular) var(--eds-f-s-2xs)/var(--eui-f-eds-lh-2xs) var(--eds-f-family)}}.eds-u-f-2xs{font:var(--eds-f-2xs)!important}.eds-u-f-2xs-light{font:var(--eds-f-2xs-light)!important}.eds-u-f-2xs-medium{font:var(--eds-f-2xs-medium)!important}.eds-u-f-2xs-semi-bold{font:var(--eds-f-2xs-semi-bold)!important}.eds-u-f-2xs-bold{font:var(--eds-f-2xs-bold)!important}.eds-u-f-xs{font:var(--eds-f-xs)!important}.eds-u-f-xs-light{font:var(--eds-f-xs-light)!important}.eds-u-f-xs-medium{font:var(--eds-f-xs-medium)!important}.eds-u-f-xs-semi-bold{font:var(--eds-f-xs-semi-bold)!important}.eds-u-f-xs-bold{font:var(--eds-f-xs-bold)!important}.eds-u-f-s{font:var(--eds-f-s)!important}.eds-u-f-s-light{font:var(--eds-f-s-light)!important}.eds-u-f-s-medium{font:var(--eds-f-s-medium)!important}.eds-u-f-s-semi-bold{font:var(--eds-f-s-semi-bold)!important}.eds-u-f-s-bold{font:var(--eds-f-s-bold)!important}.eds-u-f-m{font:var(--eds-f-m)!important}.eds-u-f-m-light{font:var(--eds-f-m-light)!important}.eds-u-f-m-medium{font:var(--eds-f-m-medium)!important}.eds-u-f-m-semi-bold{font:var(--eds-f-m-semi-bold)!important}.eds-u-f-m-bold{font:var(--eds-f-m-bold)!important}.eds-u-f-l{font:var(--eds-f-l)!important}.eds-u-f-l-light{font:var(--eds-f-l-light)!important}.eds-u-f-l-medium{font:var(--eds-f-l-medium)!important}.eds-u-f-l-semi-bold{font:var(--eds-f-l-semi-bold)!important}.eds-u-f-l-bold{font:var(--eds-f-l-bold)!important}.eds-u-f-xl{font:var(--eds-f-xl)!important}.eds-u-f-xl-light{font:var(--eds-f-xl-light)!important}.eds-u-f-xl-medium{font:var(--eds-f-xl-medium)!important}.eds-u-f-xl-semi-bold{font:var(--eds-f-xl-semi-bold)!important}.eds-u-f-xl-bold{font:var(--eds-f-xl-bold)!important}.eds-u-f-2xl{font:var(--eds-f-2xl)!important}.eds-u-f-2xl-light{font:var(--eds-f-2xl-light)!important}.eds-u-f-2xl-medium{font:var(--eds-f-2xl-medium)!important}.eds-u-f-2xl-semi-bold{font:var(--eds-f-2xl-semi-bold)!important}.eds-u-f-2xl-bold{font:var(--eds-f-2xl-bold)!important}.eds-u-f-3xl{font:var(--eds-f-3xl)!important}.eds-u-f-3xl-light{font:var(--eds-f-3xl-light)!important}.eds-u-f-3xl-medium{font:var(--eds-f-3xl-medium)!important}.eds-u-f-3xl-semi-bold{font:var(--eds-f-3xl-semi-bold)!important}.eds-u-f-3xl-bold{font:var(--eds-f-3xl-bold)!important}.eds-u-f-4xl{font:var(--eds-f-4xl)!important}.eds-u-f-4xl-light{font:var(--eds-f-4xl-light)!important}.eds-u-f-4xl-medium{font:var(--eds-f-4xl-medium)!important}.eds-u-f-4xl-semi-bold{font:var(--eds-f-4xl-semi-bold)!important}.eds-u-f-4xl-bold{font:var(--eds-f-4xl-bold)!important}.eds-u-f-5xl{font:var(--eds-f-5xl)!important}.eds-u-f-5xl-light{font:var(--eds-f-5xl-light)!important}.eds-u-f-5xl-medium{font:var(--eds-f-5xl-medium)!important}.eds-u-f-5xl-semi-bold{font:var(--eds-f-5xl-semi-bold)!important}.eds-u-f-5xl-bold{font:var(--eds-f-5xl-bold)!important}.eds-u-f-6xl{font:var(--eds-f-6xl)!important}.eds-u-f-6xl-light{font:var(--eds-f-6xl-light)!important}.eds-u-f-6xl-medium{font:var(--eds-f-6xl-medium)!important}.eds-u-f-6xl-semi-bold{font:var(--eds-f-6xl-semi-bold)!important}.eds-u-f-6xl-bold{font:var(--eds-f-6xl-bold)!important}.eds-u-f-7xl{font:var(--eds-f-7xl)!important}.eds-u-f-7xl-light{font:var(--eds-f-7xl-light)!important}.eds-u-f-7xl-medium{font:var(--eds-f-7xl-medium)!important}.eds-u-f-7xl-semi-bold{font:var(--eds-f-7xl-semi-bold)!important}.eds-u-f-7xl-bold{font:var(--eds-f-7xl-bold)!important}.eds-u-f-8xl{font:var(--eds-f-8xl)!important}.eds-u-f-8xl-light{font:var(--eds-f-8xl-light)!important}.eds-u-f-8xl-medium{font:var(--eds-f-8xl-medium)!important}.eds-u-f-8xl-semi-bold{font:var(--eds-f-8xl-semi-bold)!important}.eds-u-f-8xl-bold{font:var(--eds-f-8xl-bold)!important}.eds-u-f-9xl{font:var(--eds-f-9xl)!important}.eds-u-f-9xl-light{font:var(--eds-f-9xl-light)!important}.eds-u-f-9xl-medium{font:var(--eds-f-9xl-medium)!important}.eds-u-f-9xl-semi-bold{font:var(--eds-f-9xl-semi-bold)!important}.eds-u-f-9xl-bold{font:var(--eds-f-9xl-bold)!important}.eds-u-f-weight-light{font-weight:var(--eds-f-w-light)!important}.eds-u-f-weight-regular{font-weight:var(--eds-f-w-regular)!important}.eds-u-f-weight-medium{font-weight:var(--eds-f-w-medium)!important}.eds-u-f-weight-semi-bold{font-weight:var(--eds-f-w-semi-bold)!important}.eds-u-f-weight-bold{font-weight:var(--eds-f-w-bold)!important}.eds-u-f-size-9xl{font-size:var(--eds-f-s-9xl)!important}.eds-u-f-size-8xl{font-size:var(--eds-f-s-8xl)!important}.eds-u-f-size-7xl{font-size:var(--eds-f-s-7xl)!important}.eds-u-f-size-6xl{font-size:var(--eds-f-s-6xl)!important}.eds-u-f-size-5xl{font-size:var(--eds-f-s-5xl)!important}.eds-u-f-size-4xl{font-size:var(--eds-f-s-4xl)!important}.eds-u-f-size-3xl{font-size:var(--eds-f-s-3xl)!important}.eds-u-f-size-2xl{font-size:var(--eds-f-s-2xl)!important}.eds-u-f-size-xl{font-size:var(--eds-f-s-xl)!important}.eds-u-f-size-l{font-size:var(--eds-f-s-l)!important}.eds-u-f-size-m{font-size:var(--eds-f-s-m)!important}.eds-u-f-size-s{font-size:var(--eds-f-s-s)!important}.eds-u-f-size-xs{font-size:var(--eds-f-s-xs)!important}.eds-u-f-size-2xs{font-size:var(--eds-f-s-2xs)!important}.eds-u-f-display-xl{font:var(--eds-f-display-xl)!important;letter-spacing:var(--eds-f-ls-9xl)!important}.eds-u-f-display-l{font:var(--eds-f-display-l)!important;letter-spacing:var(--eds-f-ls-8xl)!important}.eds-u-f-heading-2xl{font:var(--eds-f-heading-2xl)!important;letter-spacing:var(--eds-f-ls-6xl)!important}.eds-u-f-heading-xl{font:var(--eds-f-heading-xl)!important;letter-spacing:var(--eds-f-ls-5xl)!important}.eds-u-f-heading-l{font:var(--eds-f-heading-l)!important;letter-spacing:var(--eds-f-ls-4xl)!important}.eds-u-f-heading-m{font:var(--eds-f-heading-m)!important;letter-spacing:var(--eds-f-ls-3xl)!important}.eds-u-f-heading-s{font:var(--eds-f-heading-s)!important;letter-spacing:var(--eds-f-ls-xl)!important}.eds-u-f-heading-s-medium{font:var(--eds-f-heading-s-medium)!important;letter-spacing:var(--eds-f-ls-xl)!important}.eds-u-f-heading-xs{font:var(--eds-f-heading-xs)!important;letter-spacing:var(--eds-f-ls-l)!important}.eds-u-f-paragraph-xl{font:var(--eds-f-paragraph-xl)!important;letter-spacing:var(--eds-f-ls-3xl)!important}.eds-u-f-paragraph-l{font:var(--eds-f-paragraph-l)!important;letter-spacing:var(--eds-f-ls-l)!important}.eds-u-f-paragraph-l-semi-bold{font:var(--eds-f-paragraph-l-semi-bold)!important;letter-spacing:var(--eds-f-ls-l)!important}.eds-u-f-paragraph-l-bold{font:var(--eds-f-paragraph-l-bold)!important;letter-spacing:var(--eds-f-ls-l)!important}.eds-u-f-paragraph-m{font:var(--eds-f-paragraph-m)!important;letter-spacing:var(--eds-f-ls-m)!important}.eds-u-f-paragraph-m-semi-bold{font:var(--eds-f-paragraph-m-semi-bold)!important;letter-spacing:var(--eds-f-ls-m)!important}.eds-u-f-paragraph-m-bold{font:var(--eds-f-paragraph-m-bold)!important;letter-spacing:var(--eds-f-ls-m)!important}.eds-u-f-paragraph-s{font:var(--eds-f-paragraph-s)!important;letter-spacing:var(--eds-f-ls-s)!important}.eds-u-f-paragraph-s-semi-bold{font:var(--eds-f-paragraph-s-semi-bold)!important;letter-spacing:var(--eds-f-ls-s)!important}.eds-u-f-paragraph-s-bold{font:var(--eds-f-paragraph-s-bold)!important;letter-spacing:var(--eds-f-ls-s)!important}.eds-u-f-label-l{font:var(--eds-f-label-l)!important;letter-spacing:var(--eds-f-ls-l)!important}.eds-u-f-label-m{font:var(--eds-f-label-m)!important}.eds-u-f-label-m,.eds-u-f-label-m-medium{letter-spacing:var(--eds-f-ls-m)!important}.eds-u-f-label-m-medium{font:var(--eds-f-label-m-medium)!important}.eds-u-f-label-m-semi-bold{font:var(--eds-f-label-m-semi-bold)!important;letter-spacing:var(--eds-f-ls-m)!important}.eds-u-f-label-s{font:var(--eds-f-label-s)!important;letter-spacing:var(--eds-f-ls-s)!important}.eds-u-f-microcopy-xs{font:var(--eds-f-microcopy-xs)!important;letter-spacing:var(--eds-f-ls-xs)!important}.eds-u-f-microcopy-2xs{font:var(--eds-f-microcopy-2xs)!important;letter-spacing:var(--eds-f-ls-2xs)!important}

package/dist/eui-eds.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../base/03-vars/eds-vars-colors.scss","../base/03-vars/eds-vars-typography.scss","../base/01-base/mixins/_media.mixins.scss","../base/99-utilities/tokens/_eds-typography.scss"],"names":[],"mappings":"AAEA;EAEQ;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;ACGR;EAEI;EAGA;EAGI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAGA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAGA;EAAA;EAAA;EAAA;EAAA;EAKA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAGA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAMI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;ACXJ;EDjBR;IAmCgB;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;;;AClBR;EDjBR;IA2CgB;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;;;;AE1CZ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAbJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAbJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAbJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAbJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAbJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAbJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAbJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAbJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAbJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAbJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAbJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAbJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAbJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAIJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AAIJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AAMA;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA","file":"eui-eds.css","sourcesContent":["@use '../02-tokens/eds-colors-semantic' as semantic;\n\n:root {\n    @each $color, $value in semantic.$color-semantic-map {\n        --eds-c-#{$color}: #{$value};\n    }\n}","@use 'sass:map';\n@use '../01-base' as base;\n@use '../02-tokens/maps' as maps;\n@use '../02-tokens/dimensions-semantic' as dimensions-semantic;\n@use '../02-tokens/eds-typography-primitive' as typography-primitive;\n@use '../02-tokens/eds-typography-semantic' as typography-semantic;\n\n:root {\n    // TYPOGRAPHY\n    --eds-f-family: 'Inter', arial, sans-serif;\n\n    // font families\n    --eds-f-family-monospace: 'Consolas', 'Liberation Mono', 'Courier New', monospace;    \n\n    @each $size, $def in typography-primitive.$font-size-map {\n        --eds-f-s-#{$size}: #{$def};\n    }\n    @each $size, $def in typography-primitive.$font-line-height-map {\n        --eds-f-lh-#{$size}: #{$def};\n    }\n    @each $size, $def in typography-primitive.$font-weight-map {\n        --eds-f-w-#{$size}: #{$def};\n    }\n\n    // EDS raw vars\n    @each $size, $def in typography-primitive.$font-line-height-map {\n        --eds-f-lh-#{$size}: #{$def};\n    }    \n    @each $size, $def in typography-primitive.$font-size-letter-spacing-map {\n        --eds-f-ls-#{$size}: #{$def};\n    }    \n\n    // EDS typography\n    @each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'desktop') {\n        @each $size, $sizeDef in $typeDef {\n            --eds-f-#{$type}-#{$size}: normal normal var(--eds-f-w-#{map.get($sizeDef, 'weight')}) var(--eds-f-s-#{map.get($sizeDef, 'size')})/var(--eds-f-lh-#{map.get($sizeDef, 'line-height')}) var(--eds-f-family);\n        }\n    }\n\n    @include base.media(maps.$eui-bkp-tablet) {\n        @each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'tablet') {\n            @each $size, $sizeDef in $typeDef {\n                --eds-f-#{$type}-#{$size}: normal normal var(--eds-f-w-#{map.get($sizeDef, 'weight')}) var(--eds-f-s-#{map.get($sizeDef, 'size')})/var(--eui-f-eds-lh-#{map.get($sizeDef, 'line-height')}) var(--eds-f-family);\n            }\n        }        \n    }\n\n    @include base.media(maps.$eui-bkp-mobile) {\n        @each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'mobile') {\n            @each $size, $sizeDef in $typeDef {\n                --eds-f-#{$type}-#{$size}: normal normal var(--eds-f-w-#{map.get($sizeDef, 'weight')}) var(--eds-f-s-#{map.get($sizeDef, 'size')})/var(--eui-f-eds-lh-#{map.get($sizeDef, 'line-height')}) var(--eds-f-family);\n            }\n        }        \n    }    \n}","@use 'sass:map';\n@use 'sass:list';\n\n$default-feature: \"min-width\";\n@mixin media($query: $feature $value $columns) {\n    @if list.length($query) == 1 {\n        @media screen and ($default-feature: list.nth($query, 1)) {\n            @content;\n        }\n    }\n    @else {\n        $loop-to: list.length($query);\n        $media-query: \"screen and \";\n        @if is-not(is-even(list.length($query))) {\n            $loop-to: $loop-to - 1;\n        }\n        $i: 1;\n        @while $i <=$loop-to {\n            $media-query: $media-query + \"(\" + list.nth($query, $i) + \": \" + list.nth($query, $i + 1) + \") \";\n            @if ($i + 1) != $loop-to {\n                $media-query: $media-query + \"and \";\n            }\n            $i: $i+2;\n        }\n        @media #{$media-query} {\n            @content;\n        }\n    }\n}\n","@use 'sass:map';\n@use '../../../base/01-base' as base;\n@use '../../../base/02-tokens/eds-typography-primitive' as typography-primitives;\n@use '../../../base/02-tokens/eds-typography-semantic' as typography-semantic;\n\n\n// FONTS\n@each $size in typography-primitives.$font-size-list {\n    .eds-u-f-#{$size} {\n        font: var(--eds-f-#{$size}) !important;\n    }\n    .eds-u-f-#{$size}-light {\n        font: var(--eds-f-#{$size}-light) !important;\n    }\n    .eds-u-f-#{$size}-medium {\n        font: var(--eds-f-#{$size}-medium) !important;\n    }\n    .eds-u-f-#{$size}-semi-bold {\n        font: var(--eds-f-#{$size}-semi-bold) !important;\n    }\n    .eds-u-f-#{$size}-bold {\n        font: var(--eds-f-#{$size}-bold) !important;\n    }\n}\n@each $font, $def in typography-primitives.$font-weight-map {\n    .eds-u-f-weight-#{$font} {\n        font-weight: var(--eds-f-w-#{$font}) !important;\n    }\n}\n@each $font, $def in typography-primitives.$font-size-map {\n    .eds-u-f-size-#{$font} {\n        font-size: var(--eds-f-s-#{$font}) !important;\n    }\n}\n\n@each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'desktop') {\n    @each $size, $sizeDef in $typeDef {\n        .eds-u-f-#{$type}-#{$size} {\n            font: var(--eds-f-#{$type}-#{$size}) !important;\n            letter-spacing: var(--eds-f-ls-#{map.get($sizeDef, 'size')}) !important;\n        }\n    }\n}"]}