nve-designsystem 3.9.4 → 3.9.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/components/nve-badge/nve-badge.styles.js +1 -1
  2. package/components/nve-dialog/nve-dialog-styles.js +1 -1
  3. package/components/nve-link-card/nve-link-card.styles.js +2 -2
  4. package/components/nve-stepper/nve-step/nve-step.styles.js +3 -3
  5. package/components/nve-stepper/nve-stepper-mobile.styles.js +2 -2
  6. package/components/nve-warning-level/nve-warning-level.styles.js +1 -1
  7. package/css/global.css +1 -1
  8. package/css/nve.css +48 -48
  9. package/css/nve_dark.css +1 -1
  10. package/css/rme.css +48 -48
  11. package/css/rme_dark.css +1 -1
  12. package/css/varsom.css +48 -48
  13. package/css/varsom_dark.css +1 -1
  14. package/package.json +1 -1
package/components/nve-badge/nve-badge.styles.js CHANGED
@@ -73,7 +73,7 @@ const o = a`
73
73
  /* Sizing modifiers */
74
74
  .badge--small {
75
75
  padding: var(--spacing-2x-small, 4px) 6px;
76
- font-family: 'Source Sans Pro';
76
+ font-family: 'Source Sans 3';
77
77
  font-size: 12px;
78
78
  font-style: normal;
79
79
  font-weight: 600;
package/components/nve-dialog/nve-dialog-styles.js CHANGED
@@ -35,7 +35,7 @@ const r = o`
35
35
  .dialog__header-actions sl-icon-button,
36
36
  .dialog__header-actions ::slotted(sl-icon-button) {
37
37
  color: var(--color-neutrals-foreground-primary, #00131c);
38
- font-family: Source Sans Pro;
38
+ font-family: Source Sans 3;
39
39
  font-size: 1.3rem;
40
40
  font-style: normal;
41
41
  font-weight: bold;
package/components/nve-link-card/nve-link-card.styles.js CHANGED
@@ -53,7 +53,7 @@ const i = r`
53
53
 
54
54
  .link-card__label {
55
55
  font-size: 1rem;
56
- font-family: 'Source Sans Pro';
56
+ font-family: 'Source Sans 3';
57
57
  font-style: normal;
58
58
  font-weight: 400;
59
59
  line-height: 150%;
@@ -80,7 +80,7 @@ const i = r`
80
80
 
81
81
  .link-card__additional-text {
82
82
  color: inherit;
83
- font-family: 'Source Sans Pro';
83
+ font-family: 'Source Sans 3';
84
84
  font-style: normal;
85
85
  font-weight: 400;
86
86
  line-height: 120%;
package/components/nve-stepper/nve-step/nve-step.styles.js CHANGED
@@ -47,7 +47,7 @@ const r = e`
47
47
  color: var(--color-neutrals-foreground-primary, #0d0d0e);
48
48
 
49
49
  /* Label/medium */
50
- font-family: 'Source Sans Pro';
50
+ font-family: 'Source Sans 3';
51
51
  font-size: 1.125rem; /*18px; */
52
52
  font-style: normal;
53
53
  font-weight: 600;
@@ -57,7 +57,7 @@ const r = e`
57
57
 
58
58
  .step-state {
59
59
  /* Label/x-small-light */
60
- font-family: 'Source Sans Pro';
60
+ font-family: 'Source Sans 3';
61
61
  font-size: 0.875rem; /*14px;*/
62
62
  font-style: normal;
63
63
  font-weight: 400;
@@ -69,7 +69,7 @@ const r = e`
69
69
  color: var(--color-neutrals-foreground-primary, #0d0d0e);
70
70
 
71
71
  /* Label/small-light */
72
- font-family: 'Source Sans Pro';
72
+ font-family: 'Source Sans 3';
73
73
  font-size: 1rem; /*16px; */
74
74
  font-style: normal;
75
75
  font-weight: 400;
package/components/nve-stepper/nve-stepper-mobile.styles.js CHANGED
@@ -33,7 +33,7 @@ const r = e`
33
33
  color: var(--color-neutrals-foreground-primary, #0d0d0e);
34
34
 
35
35
  /* Label/medium */
36
- font-family: 'Source Sans Pro';
36
+ font-family: 'Source Sans 3';
37
37
  font-size: 1.125rem; /*18px; */
38
38
  font-style: normal;
39
39
  font-weight: 600;
@@ -51,7 +51,7 @@ const r = e`
51
51
 
52
52
  .step-buttons {
53
53
  /* Label/small-light */
54
- font-family: 'Source Sans Pro';
54
+ font-family: 'Source Sans 3';
55
55
  font-size: 1rem; /*16px; */
56
56
  font-style: normal;
57
57
  font-weight: 400;
package/components/nve-warning-level/nve-warning-level.styles.js CHANGED
@@ -22,7 +22,7 @@ const o = e`
22
22
  justify-content: center;
23
23
  align-items: center;
24
24
  color: var(--color-dangerlevel-foreground-default-level1);
25
- font-family: 'Source Sans Pro';
25
+ font-family: 'Source Sans 3';
26
26
  font-size: var(--font-size);
27
27
  font-style: normal;
28
28
  font-weight: 600;
package/css/global.css CHANGED
@@ -1,7 +1,7 @@
1
1
  @import './shoelace-styles.css';
2
2
 
3
3
  @font-face {
4
- font-family: 'Source Sans Pro';
4
+ font-family: 'Source Sans 3';
5
5
  src: url('../fonts/SourceSans3-VariableFont_wght.woff2') format('woff2-variations');
6
6
  font-weight: 100 900;
7
7
  font-display: swap;
package/css/nve.css CHANGED
@@ -231,7 +231,7 @@
231
231
  --color-shades-additional-teal-000: #ffffff;
232
232
  --color-shades-additional-teal-050: #f0f9fc;
233
233
  --opacity-disabled: 0.38;
234
- --font-family-source-sans-pro: 'Source Sans Pro';
234
+ --font-family-primary-family: 'Source Sans 3';
235
235
  --line-height-0: 1.15;
236
236
  --line-height-1: 1.20;
237
237
  --line-height-2: 1.25;
@@ -612,48 +612,48 @@
612
612
  --sizing-fixed-sizing-x-large: var(--dimension-12x);
613
613
  --sizing-fixed-sizing-2x-large: var(--dimension-14x);
614
614
  --sizing-fixed-sizing-3x-large: var(--dimension-16x);
615
- --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large)/var(--line-height-0) var(--font-family-source-sans-pro);
616
- --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-source-sans-pro);
617
- --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large)/var(--line-height-2) var(--font-family-source-sans-pro);
618
- --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-3) var(--font-family-source-sans-pro);
619
- --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-3) var(--font-family-source-sans-pro);
620
- --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-source-sans-pro);
621
- --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large)/var(--line-height-2) var(--font-family-source-sans-pro);
622
- --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/var(--line-height-3) var(--font-family-source-sans-pro);
623
- --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/var(--line-height-4) var(--font-family-source-sans-pro);
624
- --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-4) var(--font-family-source-sans-pro);
625
- --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro);
626
- --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro);
627
- --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro);
628
- --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro);
629
- --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro);
630
- --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro);
631
- --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro);
632
- --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro);
633
- --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
634
- --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
615
+ --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large)/var(--line-height-0) var(--font-family-primary-family);
616
+ --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family);
617
+ --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family);
618
+ --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family);
619
+ --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-3) var(--font-family-primary-family);
620
+ --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family);
621
+ --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family);
622
+ --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family);
623
+ --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family);
624
+ --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family);
625
+ --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family);
626
+ --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family);
627
+ --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family);
628
+ --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family);
629
+ --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family);
630
+ --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family);
631
+ --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family);
632
+ --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family);
633
+ --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family);
634
+ --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family);
635
635
  --font-size-2x-small: var(--dimension-3-5x); /** 12 px */
636
- --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
637
- --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
638
- --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro);
639
- --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro);
640
- --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro);
641
- --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro);
642
- --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-source-sans-pro);
643
- --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-source-sans-pro);
644
- --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-source-sans-pro);
645
- --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-source-sans-pro);
646
- --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
647
- --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro);
648
- --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
649
- --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-source-sans-pro);
650
- --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-source-sans-pro);
651
- --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-source-sans-pro);
652
- --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-source-sans-pro);
653
- --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
654
- --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
655
- --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
656
- --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
636
+ --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family);
637
+ --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family);
638
+ --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family);
639
+ --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family);
640
+ --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family);
641
+ --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family);
642
+ --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family);
643
+ --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family);
644
+ --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family);
645
+ --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family);
646
+ --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family);
647
+ --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family);
648
+ --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family);
649
+ --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family);
650
+ --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family);
651
+ --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family);
652
+ --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family);
653
+ --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family);
654
+ --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family);
655
+ --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family);
656
+ --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family);
657
657
  --font-size-x-small: var(--dimension-4x); /** 14 px */
658
658
  --font-size-small: var(--dimension-4-5x); /** 16 px */
659
659
  --font-size-medium: var(--dimension-5x); /** 18 px */
@@ -969,7 +969,7 @@
969
969
  --sizing-device-content-max-width-x-small: var(--sizing-216x);
970
970
  --sizing-brand-logo-medium: var(--sizing-64x);
971
971
  --sizing-brand-illustration-medium: var(--sizing-40x);
972
- --sizing-image-large: var(--sizing-750x);
972
+ --sizing-image-large: var(--sizing-544x);
973
973
  --font-size-2x-small: var(--dimension-3x); /** 12 px */
974
974
  --font-size-x-small: var(--dimension-3-5x); /** 14 px */
975
975
  --font-size-small: var(--dimension-4x); /** 16 px */
@@ -1129,15 +1129,15 @@
1129
1129
  --sizing-device-content-max-width-x-small: var(--sizing-496x);
1130
1130
  --sizing-brand-logo-medium: var(--sizing-64x);
1131
1131
  --sizing-brand-illustration-medium: var(--sizing-40x);
1132
- --sizing-image-large: var(--sizing-520x);
1132
+ --sizing-image-large: var(--sizing-390x);
1133
1133
  --font-size-2x-small: var(--dimension-3x); /** 12 px */
1134
1134
  --font-size-x-small: var(--dimension-3-5x); /** 14 px */
1135
1135
  --font-size-small: var(--dimension-4x); /** 16 px */
1136
1136
  --font-size-medium: var(--dimension-4-5x); /** 18 px */
1137
1137
  --font-size-large: var(--dimension-5x); /** 20 px */
1138
1138
  --font-size-x-large: var(--dimension-7x); /** 24 px */
1139
- --font-size-2x-large: var(--dimension-9x); /** 32 px */
1140
- --font-size-3x-large: var(--dimension-11x); /** 40 px */
1139
+ --font-size-2x-large: var(--dimension-8x); /** 32 px */
1140
+ --font-size-3x-large: var(--dimension-9x); /** 40 px */
1141
1141
  }
1142
1142
 
1143
1143
  }
@@ -1289,7 +1289,7 @@
1289
1289
  --sizing-device-content-max-width-x-small: var(--sizing-496x);
1290
1290
  --sizing-brand-logo-medium: var(--sizing-64x);
1291
1291
  --sizing-brand-illustration-medium: var(--sizing-24x);
1292
- --sizing-image-large: var(--sizing-440x);
1292
+ --sizing-image-large: var(--sizing-320x);
1293
1293
  --font-size-2x-small: var(--dimension-3x); /** 12 px */
1294
1294
  --font-size-x-small: var(--dimension-3-5x); /** 14 px */
1295
1295
  --font-size-small: var(--dimension-4x); /** 16 px */
@@ -1297,7 +1297,7 @@
1297
1297
  --font-size-large: var(--dimension-5x); /** 20 px */
1298
1298
  --font-size-x-large: var(--dimension-6x); /** 24 px */
1299
1299
  --font-size-2x-large: var(--dimension-7x); /** 32 px */
1300
- --font-size-3x-large: var(--dimension-8x); /** 40 px */
1300
+ --font-size-3x-large: var(--dimension-8x); /** 32 px */
1301
1301
  }
1302
1302
 
1303
1303
  }
package/css/nve_dark.css CHANGED
@@ -231,7 +231,7 @@
231
231
  --color-shades-additional-teal-000: #ffffff;
232
232
  --color-shades-additional-teal-050: #f0f9fc;
233
233
  --opacity-disabled: 0.38;
234
- --font-family-source-sans-pro: 'Source Sans Pro';
234
+ --font-family-primary-family: 'Source Sans 3';
235
235
  --line-height-0: 1.15;
236
236
  --line-height-1: 1.20;
237
237
  --line-height-2: 1.25;
package/css/rme.css CHANGED
@@ -231,7 +231,7 @@
231
231
  --color-shades-additional-teal-000: #ffffff;
232
232
  --color-shades-additional-teal-050: #f0f9fc;
233
233
  --opacity-disabled: 0.38;
234
- --font-family-source-sans-pro: 'Source Sans Pro';
234
+ --font-family-primary-family: 'Source Sans 3';
235
235
  --line-height-0: 1.15;
236
236
  --line-height-1: 1.20;
237
237
  --line-height-2: 1.25;
@@ -612,48 +612,48 @@
612
612
  --sizing-fixed-sizing-x-large: var(--dimension-12x);
613
613
  --sizing-fixed-sizing-2x-large: var(--dimension-14x);
614
614
  --sizing-fixed-sizing-3x-large: var(--dimension-16x);
615
- --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large)/var(--line-height-0) var(--font-family-source-sans-pro);
616
- --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-source-sans-pro);
617
- --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large)/var(--line-height-2) var(--font-family-source-sans-pro);
618
- --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-3) var(--font-family-source-sans-pro);
619
- --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-3) var(--font-family-source-sans-pro);
620
- --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-source-sans-pro);
621
- --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large)/var(--line-height-2) var(--font-family-source-sans-pro);
622
- --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/var(--line-height-3) var(--font-family-source-sans-pro);
623
- --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/var(--line-height-4) var(--font-family-source-sans-pro);
624
- --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-4) var(--font-family-source-sans-pro);
625
- --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro);
626
- --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro);
627
- --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro);
628
- --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro);
629
- --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro);
630
- --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro);
631
- --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro);
632
- --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro);
633
- --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
634
- --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
615
+ --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large)/var(--line-height-0) var(--font-family-primary-family);
616
+ --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family);
617
+ --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family);
618
+ --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family);
619
+ --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-3) var(--font-family-primary-family);
620
+ --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family);
621
+ --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family);
622
+ --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family);
623
+ --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family);
624
+ --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family);
625
+ --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family);
626
+ --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family);
627
+ --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family);
628
+ --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family);
629
+ --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family);
630
+ --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family);
631
+ --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family);
632
+ --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family);
633
+ --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family);
634
+ --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family);
635
635
  --font-size-2x-small: var(--dimension-3-5x); /** 12 px */
636
- --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
637
- --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
638
- --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro);
639
- --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro);
640
- --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro);
641
- --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro);
642
- --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-source-sans-pro);
643
- --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-source-sans-pro);
644
- --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-source-sans-pro);
645
- --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-source-sans-pro);
646
- --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
647
- --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro);
648
- --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
649
- --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-source-sans-pro);
650
- --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-source-sans-pro);
651
- --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-source-sans-pro);
652
- --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-source-sans-pro);
653
- --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
654
- --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
655
- --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
656
- --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
636
+ --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family);
637
+ --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family);
638
+ --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family);
639
+ --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family);
640
+ --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family);
641
+ --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family);
642
+ --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family);
643
+ --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family);
644
+ --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family);
645
+ --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family);
646
+ --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family);
647
+ --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family);
648
+ --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family);
649
+ --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family);
650
+ --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family);
651
+ --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family);
652
+ --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family);
653
+ --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family);
654
+ --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family);
655
+ --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family);
656
+ --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family);
657
657
  --font-size-x-small: var(--dimension-4x); /** 14 px */
658
658
  --font-size-small: var(--dimension-4-5x); /** 16 px */
659
659
  --font-size-medium: var(--dimension-5x); /** 18 px */
@@ -969,7 +969,7 @@
969
969
  --sizing-device-content-max-width-x-small: var(--sizing-216x);
970
970
  --sizing-brand-logo-medium: var(--sizing-64x);
971
971
  --sizing-brand-illustration-medium: var(--sizing-40x);
972
- --sizing-image-large: var(--sizing-750x);
972
+ --sizing-image-large: var(--sizing-544x);
973
973
  --font-size-2x-small: var(--dimension-3x); /** 12 px */
974
974
  --font-size-x-small: var(--dimension-3-5x); /** 14 px */
975
975
  --font-size-small: var(--dimension-4x); /** 16 px */
@@ -1129,15 +1129,15 @@
1129
1129
  --sizing-device-content-max-width-x-small: var(--sizing-496x);
1130
1130
  --sizing-brand-logo-medium: var(--sizing-64x);
1131
1131
  --sizing-brand-illustration-medium: var(--sizing-40x);
1132
- --sizing-image-large: var(--sizing-520x);
1132
+ --sizing-image-large: var(--sizing-390x);
1133
1133
  --font-size-2x-small: var(--dimension-3x); /** 12 px */
1134
1134
  --font-size-x-small: var(--dimension-3-5x); /** 14 px */
1135
1135
  --font-size-small: var(--dimension-4x); /** 16 px */
1136
1136
  --font-size-medium: var(--dimension-4-5x); /** 18 px */
1137
1137
  --font-size-large: var(--dimension-5x); /** 20 px */
1138
1138
  --font-size-x-large: var(--dimension-7x); /** 24 px */
1139
- --font-size-2x-large: var(--dimension-9x); /** 32 px */
1140
- --font-size-3x-large: var(--dimension-11x); /** 40 px */
1139
+ --font-size-2x-large: var(--dimension-8x); /** 32 px */
1140
+ --font-size-3x-large: var(--dimension-9x); /** 40 px */
1141
1141
  }
1142
1142
 
1143
1143
  }
@@ -1289,7 +1289,7 @@
1289
1289
  --sizing-device-content-max-width-x-small: var(--sizing-496x);
1290
1290
  --sizing-brand-logo-medium: var(--sizing-64x);
1291
1291
  --sizing-brand-illustration-medium: var(--sizing-24x);
1292
- --sizing-image-large: var(--sizing-440x);
1292
+ --sizing-image-large: var(--sizing-320x);
1293
1293
  --font-size-2x-small: var(--dimension-3x); /** 12 px */
1294
1294
  --font-size-x-small: var(--dimension-3-5x); /** 14 px */
1295
1295
  --font-size-small: var(--dimension-4x); /** 16 px */
@@ -1297,7 +1297,7 @@
1297
1297
  --font-size-large: var(--dimension-5x); /** 20 px */
1298
1298
  --font-size-x-large: var(--dimension-6x); /** 24 px */
1299
1299
  --font-size-2x-large: var(--dimension-7x); /** 32 px */
1300
- --font-size-3x-large: var(--dimension-8x); /** 40 px */
1300
+ --font-size-3x-large: var(--dimension-8x); /** 32 px */
1301
1301
  }
1302
1302
 
1303
1303
  }
package/css/rme_dark.css CHANGED
@@ -231,7 +231,7 @@
231
231
  --color-shades-additional-teal-000: #ffffff;
232
232
  --color-shades-additional-teal-050: #f0f9fc;
233
233
  --opacity-disabled: 0.38;
234
- --font-family-source-sans-pro: 'Source Sans Pro';
234
+ --font-family-primary-family: 'Source Sans 3';
235
235
  --line-height-0: 1.15;
236
236
  --line-height-1: 1.20;
237
237
  --line-height-2: 1.25;
package/css/varsom.css CHANGED
@@ -231,7 +231,7 @@
231
231
  --color-shades-additional-teal-000: #ffffff;
232
232
  --color-shades-additional-teal-050: #f0f9fc;
233
233
  --opacity-disabled: 0.38;
234
- --font-family-source-sans-pro: 'Source Sans Pro';
234
+ --font-family-primary-family: 'Source Sans 3';
235
235
  --line-height-0: 1.15;
236
236
  --line-height-1: 1.20;
237
237
  --line-height-2: 1.25;
@@ -612,48 +612,48 @@
612
612
  --sizing-fixed-sizing-x-large: var(--dimension-12x);
613
613
  --sizing-fixed-sizing-2x-large: var(--dimension-14x);
614
614
  --sizing-fixed-sizing-3x-large: var(--dimension-16x);
615
- --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large)/var(--line-height-0) var(--font-family-source-sans-pro);
616
- --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-source-sans-pro);
617
- --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large)/var(--line-height-2) var(--font-family-source-sans-pro);
618
- --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-3) var(--font-family-source-sans-pro);
619
- --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-3) var(--font-family-source-sans-pro);
620
- --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-source-sans-pro);
621
- --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large)/var(--line-height-2) var(--font-family-source-sans-pro);
622
- --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/var(--line-height-3) var(--font-family-source-sans-pro);
623
- --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/var(--line-height-4) var(--font-family-source-sans-pro);
624
- --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-4) var(--font-family-source-sans-pro);
625
- --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro);
626
- --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro);
627
- --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro);
628
- --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro);
629
- --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro);
630
- --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro);
631
- --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro);
632
- --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro);
633
- --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
634
- --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
615
+ --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large)/var(--line-height-0) var(--font-family-primary-family);
616
+ --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family);
617
+ --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family);
618
+ --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family);
619
+ --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-3) var(--font-family-primary-family);
620
+ --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family);
621
+ --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family);
622
+ --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family);
623
+ --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family);
624
+ --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family);
625
+ --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family);
626
+ --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family);
627
+ --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family);
628
+ --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family);
629
+ --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family);
630
+ --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family);
631
+ --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family);
632
+ --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family);
633
+ --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family);
634
+ --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family);
635
635
  --font-size-2x-small: var(--dimension-3-5x); /** 12 px */
636
- --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
637
- --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
638
- --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro);
639
- --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro);
640
- --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro);
641
- --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro);
642
- --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-source-sans-pro);
643
- --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-source-sans-pro);
644
- --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-source-sans-pro);
645
- --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-source-sans-pro);
646
- --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
647
- --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-source-sans-pro);
648
- --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
649
- --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-source-sans-pro);
650
- --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-source-sans-pro);
651
- --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-source-sans-pro);
652
- --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-source-sans-pro);
653
- --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
654
- --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
655
- --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
656
- --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
636
+ --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family);
637
+ --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family);
638
+ --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family);
639
+ --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family);
640
+ --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family);
641
+ --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family);
642
+ --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family);
643
+ --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family);
644
+ --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family);
645
+ --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family);
646
+ --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family);
647
+ --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family);
648
+ --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family);
649
+ --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family);
650
+ --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family);
651
+ --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family);
652
+ --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family);
653
+ --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family);
654
+ --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family);
655
+ --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family);
656
+ --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family);
657
657
  --font-size-x-small: var(--dimension-4x); /** 14 px */
658
658
  --font-size-small: var(--dimension-4-5x); /** 16 px */
659
659
  --font-size-medium: var(--dimension-5x); /** 18 px */
@@ -969,7 +969,7 @@
969
969
  --sizing-device-content-max-width-x-small: var(--sizing-216x);
970
970
  --sizing-brand-logo-medium: var(--sizing-64x);
971
971
  --sizing-brand-illustration-medium: var(--sizing-40x);
972
- --sizing-image-large: var(--sizing-750x);
972
+ --sizing-image-large: var(--sizing-544x);
973
973
  --font-size-2x-small: var(--dimension-3x); /** 12 px */
974
974
  --font-size-x-small: var(--dimension-3-5x); /** 14 px */
975
975
  --font-size-small: var(--dimension-4x); /** 16 px */
@@ -1129,15 +1129,15 @@
1129
1129
  --sizing-device-content-max-width-x-small: var(--sizing-496x);
1130
1130
  --sizing-brand-logo-medium: var(--sizing-64x);
1131
1131
  --sizing-brand-illustration-medium: var(--sizing-40x);
1132
- --sizing-image-large: var(--sizing-520x);
1132
+ --sizing-image-large: var(--sizing-390x);
1133
1133
  --font-size-2x-small: var(--dimension-3x); /** 12 px */
1134
1134
  --font-size-x-small: var(--dimension-3-5x); /** 14 px */
1135
1135
  --font-size-small: var(--dimension-4x); /** 16 px */
1136
1136
  --font-size-medium: var(--dimension-4-5x); /** 18 px */
1137
1137
  --font-size-large: var(--dimension-5x); /** 20 px */
1138
1138
  --font-size-x-large: var(--dimension-7x); /** 24 px */
1139
- --font-size-2x-large: var(--dimension-9x); /** 32 px */
1140
- --font-size-3x-large: var(--dimension-11x); /** 40 px */
1139
+ --font-size-2x-large: var(--dimension-8x); /** 32 px */
1140
+ --font-size-3x-large: var(--dimension-9x); /** 40 px */
1141
1141
  }
1142
1142
 
1143
1143
  }
@@ -1289,7 +1289,7 @@
1289
1289
  --sizing-device-content-max-width-x-small: var(--sizing-496x);
1290
1290
  --sizing-brand-logo-medium: var(--sizing-64x);
1291
1291
  --sizing-brand-illustration-medium: var(--sizing-24x);
1292
- --sizing-image-large: var(--sizing-440x);
1292
+ --sizing-image-large: var(--sizing-320x);
1293
1293
  --font-size-2x-small: var(--dimension-3x); /** 12 px */
1294
1294
  --font-size-x-small: var(--dimension-3-5x); /** 14 px */
1295
1295
  --font-size-small: var(--dimension-4x); /** 16 px */
@@ -1297,7 +1297,7 @@
1297
1297
  --font-size-large: var(--dimension-5x); /** 20 px */
1298
1298
  --font-size-x-large: var(--dimension-6x); /** 24 px */
1299
1299
  --font-size-2x-large: var(--dimension-7x); /** 32 px */
1300
- --font-size-3x-large: var(--dimension-8x); /** 40 px */
1300
+ --font-size-3x-large: var(--dimension-8x); /** 32 px */
1301
1301
  }
1302
1302
 
1303
1303
  }
package/css/varsom_dark.css CHANGED
@@ -231,7 +231,7 @@
231
231
  --color-shades-additional-teal-000: #ffffff;
232
232
  --color-shades-additional-teal-050: #f0f9fc;
233
233
  --opacity-disabled: 0.38;
234
- --font-family-source-sans-pro: 'Source Sans Pro';
234
+ --font-family-primary-family: 'Source Sans 3';
235
235
  --line-height-0: 1.15;
236
236
  --line-height-1: 1.20;
237
237
  --line-height-2: 1.25;
package/package.json CHANGED
@@ -11,7 +11,7 @@
11
11
  },
12
12
  "license": "MIT",
13
13
  "homepage": "https://github.com/NVE/Designsystem/",
14
- "version": "3.9.4",
14
+ "version": "3.9.6",
15
15
  "customElements": "custom-elements.json",
16
16
  "exports": {
17
17
  ".": {