nve-designsystem 3.9.7 → 3.10.1

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 (9) hide show
  1. package/components/nve-textarea/nve-textarea.component.d.ts +1 -1
  2. package/components/nve-textarea/nve-textarea.component.js +1 -1
  3. package/css/nve.css +157 -2
  4. package/css/rme.css +157 -2
  5. package/css/varsom.css +157 -2
  6. package/custom-elements.json +16546 -1977
  7. package/package.json +10 -4
  8. package/vscode.css-custom-data.json +1261 -51
  9. package/vscode.html-custom-data.json +2798 -50
package/components/nve-textarea/nve-textarea.component.d.ts CHANGED
@@ -57,7 +57,7 @@ export default class NveTextarea extends LitElement implements INveComponent {
57
57
  /** Kontrollerer om og hvordan tekstinnput automatisk blir gjort stor som det blir skrevet inn av brukeren. */
58
58
  autocapitalize: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
59
59
  /** Indikerer om nettleserens autokorrekturfunksjon er på eller av. */
60
- autocorrect?: string;
60
+ autocorrect: "on" | "off";
61
61
  /** Indikerer om nettleserens autokorrekturfunksjon er på eller av. */
62
62
  tooltip?: string;
63
63
  /**
package/components/nve-textarea/nve-textarea.component.js CHANGED
@@ -15,7 +15,7 @@ var x = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, t = (i, l, a
15
15
  };
16
16
  let e = class extends m {
17
17
  constructor() {
18
- super(), this.name = "", this.value = "", this.title = "", this.filled = !1, this.label = "", this.helpText = "", this.disabled = !1, this.readonly = !1, this.placeholder = "", this.required = !1, this.requiredLabel = "*Obligatorisk", this.autocapitalize = "off", this.testId = "", this.showErrorMessage = !1, this.touched = !1, this.resizeObserver = null;
18
+ super(), this.name = "", this.value = "", this.title = "", this.filled = !1, this.label = "", this.helpText = "", this.disabled = !1, this.readonly = !1, this.placeholder = "", this.required = !1, this.requiredLabel = "*Obligatorisk", this.autocapitalize = "off", this.autocorrect = "off", this.testId = "", this.showErrorMessage = !1, this.touched = !1, this.resizeObserver = null;
19
19
  }
20
20
  firstUpdated() {
21
21
  if (this.requiredLabel && this.style.setProperty("--textarea-required-content", `"${this.requiredLabel}"`), this.required) {
package/css/nve.css CHANGED
@@ -469,16 +469,38 @@
469
469
  --spacing-88x: 88px;
470
470
  --spacing-220x: 220px;
471
471
  --spacing-620x: 620px;
472
+ --sizing-18x: 18px;
473
+ --sizing-20x: 20px;
472
474
  --sizing-24x: 24px;
475
+ --sizing-28x: 28px;
473
476
  --sizing-32x: 32px;
477
+ --sizing-36x: 36px;
474
478
  --sizing-40x: 40px;
479
+ --sizing-44x: 44px;
480
+ --sizing-48x: 48px;
481
+ --sizing-56x: 56px;
482
+ --sizing-62x: 62px;
475
483
  --sizing-64x: 64px;
484
+ --sizing-70x: 70px;
485
+ --sizing-84x: 84px;
476
486
  --sizing-88x: 88px;
487
+ --sizing-92x: 92px;
488
+ --sizing-108x: 108px;
489
+ --sizing-112x: 112px;
490
+ --sizing-118x: 118px;
491
+ --sizing-120x: 120px;
492
+ --sizing-124x: 124px;
493
+ --sizing-132x: 132px;
494
+ --sizing-136x: 136px;
495
+ --sizing-160x: 160px;
496
+ --sizing-180x: 180px;
477
497
  --sizing-200x: 200px;
498
+ --sizing-212x: 212px;
478
499
  --sizing-216x: 216px;
479
500
  --sizing-217x: 217px;
480
501
  --sizing-220x: 220px;
481
502
  --sizing-232x: 232px;
503
+ --sizing-246x: 246px;
482
504
  --sizing-256x: 256px;
483
505
  --sizing-282x: 282px;
484
506
  --sizing-286x: 286px;
@@ -604,6 +626,15 @@
604
626
  --sizing-brand-logo-medium: var(--sizing-64x);
605
627
  --sizing-brand-illustration-medium: var(--sizing-40x);
606
628
  --sizing-image-large: var(--sizing-750x);
629
+ --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x);
630
+ --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x);
631
+ --sizing-icon-3x-large: var(--sizing-70x);
632
+ --sizing-icon-2x-large: var(--sizing-56x);
633
+ --sizing-icon-x-large: var(--sizing-48x);
634
+ --sizing-icon-large: var(--sizing-40x);
635
+ --sizing-icon-medium: var(--sizing-32x);
636
+ --sizing-icon-small: var(--sizing-24x);
637
+ --sizing-icon-x-small: var(--sizing-20x);
607
638
  --sizing-fixed-sizing-2x-small: var(--dimension-4x);
608
639
  --sizing-fixed-sizing-x-small: var(--dimension-5x);
609
640
  --sizing-fixed-sizing-small: var(--dimension-6x);
@@ -632,7 +663,6 @@
632
663
  --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family);
633
664
  --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family);
634
665
  --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family);
635
- --font-size-2x-small: var(--dimension-3-5x); /** 12 px */
636
666
  --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family);
637
667
  --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family);
638
668
  --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family);
@@ -648,14 +678,15 @@
648
678
  --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family);
649
679
  --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family);
650
680
  --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family);
681
+ --font-size-small: var(--dimension-4-5x); /** 16 px */
651
682
  --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family);
652
683
  --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family);
653
684
  --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family);
654
685
  --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family);
686
+ --font-size-2x-small: var(--dimension-3-5x); /** 12 px */
655
687
  --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family);
656
688
  --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family);
657
689
  --font-size-x-small: var(--dimension-4x); /** 14 px */
658
- --font-size-small: var(--dimension-4-5x); /** 16 px */
659
690
  --font-size-medium: var(--dimension-5x); /** 18 px */
660
691
  --font-size-large: var(--dimension-6x); /** 20 px */
661
692
  --font-size-x-large: var(--dimension-8x); /** 24 px */
@@ -678,16 +709,38 @@
678
709
  --spacing-88x: 88px;
679
710
  --spacing-220x: 220px;
680
711
  --spacing-620x: 620px;
712
+ --sizing-18x: 18px;
713
+ --sizing-20x: 20px;
681
714
  --sizing-24x: 24px;
715
+ --sizing-28x: 28px;
682
716
  --sizing-32x: 32px;
717
+ --sizing-36x: 36px;
683
718
  --sizing-40x: 40px;
719
+ --sizing-44x: 44px;
720
+ --sizing-48x: 48px;
721
+ --sizing-56x: 56px;
722
+ --sizing-62x: 62px;
684
723
  --sizing-64x: 64px;
724
+ --sizing-70x: 70px;
725
+ --sizing-84x: 84px;
685
726
  --sizing-88x: 88px;
727
+ --sizing-92x: 92px;
728
+ --sizing-108x: 108px;
729
+ --sizing-112x: 112px;
730
+ --sizing-118x: 118px;
731
+ --sizing-120x: 120px;
732
+ --sizing-124x: 124px;
733
+ --sizing-132x: 132px;
734
+ --sizing-136x: 136px;
735
+ --sizing-160x: 160px;
736
+ --sizing-180x: 180px;
686
737
  --sizing-200x: 200px;
738
+ --sizing-212x: 212px;
687
739
  --sizing-216x: 216px;
688
740
  --sizing-217x: 217px;
689
741
  --sizing-220x: 220px;
690
742
  --sizing-232x: 232px;
743
+ --sizing-246x: 246px;
691
744
  --sizing-256x: 256px;
692
745
  --sizing-282x: 282px;
693
746
  --sizing-286x: 286px;
@@ -810,6 +863,15 @@
810
863
  --sizing-brand-logo-medium: var(--sizing-88x);
811
864
  --sizing-brand-illustration-medium: var(--sizing-40x);
812
865
  --sizing-image-large: var(--sizing-1024x);
866
+ --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x);
867
+ --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x);
868
+ --sizing-icon-3x-large: var(--sizing-70x);
869
+ --sizing-icon-2x-large: var(--sizing-56x);
870
+ --sizing-icon-x-large: var(--sizing-48x);
871
+ --sizing-icon-large: var(--sizing-40x);
872
+ --sizing-icon-medium: var(--sizing-32x);
873
+ --sizing-icon-small: var(--sizing-24x);
874
+ --sizing-icon-x-small: var(--sizing-20x);
813
875
  --font-size-2x-small: var(--dimension-3-5x); /** 12 px */
814
876
  --font-size-x-small: var(--dimension-4x); /** 14 px */
815
877
  --font-size-small: var(--dimension-4-5x); /** 16 px */
@@ -838,16 +900,38 @@
838
900
  --spacing-88x: 88px;
839
901
  --spacing-220x: 220px;
840
902
  --spacing-620x: 620px;
903
+ --sizing-18x: 18px;
904
+ --sizing-20x: 20px;
841
905
  --sizing-24x: 24px;
906
+ --sizing-28x: 28px;
842
907
  --sizing-32x: 32px;
908
+ --sizing-36x: 36px;
843
909
  --sizing-40x: 40px;
910
+ --sizing-44x: 44px;
911
+ --sizing-48x: 48px;
912
+ --sizing-56x: 56px;
913
+ --sizing-62x: 62px;
844
914
  --sizing-64x: 64px;
915
+ --sizing-70x: 70px;
916
+ --sizing-84x: 84px;
845
917
  --sizing-88x: 88px;
918
+ --sizing-92x: 92px;
919
+ --sizing-108x: 108px;
920
+ --sizing-112x: 112px;
921
+ --sizing-118x: 118px;
922
+ --sizing-120x: 120px;
923
+ --sizing-124x: 124px;
924
+ --sizing-132x: 132px;
925
+ --sizing-136x: 136px;
926
+ --sizing-160x: 160px;
927
+ --sizing-180x: 180px;
846
928
  --sizing-200x: 200px;
929
+ --sizing-212x: 212px;
847
930
  --sizing-216x: 216px;
848
931
  --sizing-217x: 217px;
849
932
  --sizing-220x: 220px;
850
933
  --sizing-232x: 232px;
934
+ --sizing-246x: 246px;
851
935
  --sizing-256x: 256px;
852
936
  --sizing-282x: 282px;
853
937
  --sizing-286x: 286px;
@@ -970,6 +1054,15 @@
970
1054
  --sizing-brand-logo-medium: var(--sizing-64x);
971
1055
  --sizing-brand-illustration-medium: var(--sizing-40x);
972
1056
  --sizing-image-large: var(--sizing-544x);
1057
+ --sizing-card-link-card-height-x-large-min-height: var(--sizing-132x);
1058
+ --sizing-card-link-card-height-x-large-max-height: var(--sizing-200x);
1059
+ --sizing-icon-3x-large: var(--sizing-56x);
1060
+ --sizing-icon-2x-large: var(--sizing-48x);
1061
+ --sizing-icon-x-large: var(--sizing-44x);
1062
+ --sizing-icon-large: var(--sizing-40x);
1063
+ --sizing-icon-medium: var(--sizing-32x);
1064
+ --sizing-icon-small: var(--sizing-24x);
1065
+ --sizing-icon-x-small: var(--sizing-20x);
973
1066
  --font-size-2x-small: var(--dimension-3x); /** 12 px */
974
1067
  --font-size-x-small: var(--dimension-3-5x); /** 14 px */
975
1068
  --font-size-small: var(--dimension-4x); /** 16 px */
@@ -998,16 +1091,38 @@
998
1091
  --spacing-88x: 88px;
999
1092
  --spacing-220x: 220px;
1000
1093
  --spacing-620x: 620px;
1094
+ --sizing-18x: 18px;
1095
+ --sizing-20x: 20px;
1001
1096
  --sizing-24x: 24px;
1097
+ --sizing-28x: 28px;
1002
1098
  --sizing-32x: 32px;
1099
+ --sizing-36x: 36px;
1003
1100
  --sizing-40x: 40px;
1101
+ --sizing-44x: 44px;
1102
+ --sizing-48x: 48px;
1103
+ --sizing-56x: 56px;
1104
+ --sizing-62x: 62px;
1004
1105
  --sizing-64x: 64px;
1106
+ --sizing-70x: 70px;
1107
+ --sizing-84x: 84px;
1005
1108
  --sizing-88x: 88px;
1109
+ --sizing-92x: 92px;
1110
+ --sizing-108x: 108px;
1111
+ --sizing-112x: 112px;
1112
+ --sizing-118x: 118px;
1113
+ --sizing-120x: 120px;
1114
+ --sizing-124x: 124px;
1115
+ --sizing-132x: 132px;
1116
+ --sizing-136x: 136px;
1117
+ --sizing-160x: 160px;
1118
+ --sizing-180x: 180px;
1006
1119
  --sizing-200x: 200px;
1120
+ --sizing-212x: 212px;
1007
1121
  --sizing-216x: 216px;
1008
1122
  --sizing-217x: 217px;
1009
1123
  --sizing-220x: 220px;
1010
1124
  --sizing-232x: 232px;
1125
+ --sizing-246x: 246px;
1011
1126
  --sizing-256x: 256px;
1012
1127
  --sizing-282x: 282px;
1013
1128
  --sizing-286x: 286px;
@@ -1130,6 +1245,15 @@
1130
1245
  --sizing-brand-logo-medium: var(--sizing-64x);
1131
1246
  --sizing-brand-illustration-medium: var(--sizing-40x);
1132
1247
  --sizing-image-large: var(--sizing-390x);
1248
+ --sizing-card-link-card-height-x-large-min-height: var(--sizing-124x);
1249
+ --sizing-card-link-card-height-x-large-max-height: var(--sizing-180x);
1250
+ --sizing-icon-3x-large: var(--sizing-48x);
1251
+ --sizing-icon-2x-large: var(--sizing-40x);
1252
+ --sizing-icon-x-large: var(--sizing-36x);
1253
+ --sizing-icon-large: var(--sizing-32x);
1254
+ --sizing-icon-medium: var(--sizing-28x);
1255
+ --sizing-icon-small: var(--sizing-24x);
1256
+ --sizing-icon-x-small: var(--sizing-20x);
1133
1257
  --font-size-2x-small: var(--dimension-3x); /** 12 px */
1134
1258
  --font-size-x-small: var(--dimension-3-5x); /** 14 px */
1135
1259
  --font-size-small: var(--dimension-4x); /** 16 px */
@@ -1158,16 +1282,38 @@
1158
1282
  --spacing-88x: 88px;
1159
1283
  --spacing-220x: 220px;
1160
1284
  --spacing-620x: 620px;
1285
+ --sizing-18x: 18px;
1286
+ --sizing-20x: 20px;
1161
1287
  --sizing-24x: 24px;
1288
+ --sizing-28x: 28px;
1162
1289
  --sizing-32x: 32px;
1290
+ --sizing-36x: 36px;
1163
1291
  --sizing-40x: 40px;
1292
+ --sizing-44x: 44px;
1293
+ --sizing-48x: 48px;
1294
+ --sizing-56x: 56px;
1295
+ --sizing-62x: 62px;
1164
1296
  --sizing-64x: 64px;
1297
+ --sizing-70x: 70px;
1298
+ --sizing-84x: 84px;
1165
1299
  --sizing-88x: 88px;
1300
+ --sizing-92x: 92px;
1301
+ --sizing-108x: 108px;
1302
+ --sizing-112x: 112px;
1303
+ --sizing-118x: 118px;
1304
+ --sizing-120x: 120px;
1305
+ --sizing-124x: 124px;
1306
+ --sizing-132x: 132px;
1307
+ --sizing-136x: 136px;
1308
+ --sizing-160x: 160px;
1309
+ --sizing-180x: 180px;
1166
1310
  --sizing-200x: 200px;
1311
+ --sizing-212x: 212px;
1167
1312
  --sizing-216x: 216px;
1168
1313
  --sizing-217x: 217px;
1169
1314
  --sizing-220x: 220px;
1170
1315
  --sizing-232x: 232px;
1316
+ --sizing-246x: 246px;
1171
1317
  --sizing-256x: 256px;
1172
1318
  --sizing-282x: 282px;
1173
1319
  --sizing-286x: 286px;
@@ -1290,6 +1436,15 @@
1290
1436
  --sizing-brand-logo-medium: var(--sizing-64x);
1291
1437
  --sizing-brand-illustration-medium: var(--sizing-24x);
1292
1438
  --sizing-image-large: var(--sizing-320x);
1439
+ --sizing-card-link-card-height-x-large-min-height: var(--sizing-120x);
1440
+ --sizing-card-link-card-height-x-large-max-height: var(--sizing-160x);
1441
+ --sizing-icon-3x-large: var(--sizing-48x);
1442
+ --sizing-icon-2x-large: var(--sizing-40x);
1443
+ --sizing-icon-x-large: var(--sizing-36x);
1444
+ --sizing-icon-large: var(--sizing-32x);
1445
+ --sizing-icon-medium: var(--sizing-28x);
1446
+ --sizing-icon-small: var(--sizing-24x);
1447
+ --sizing-icon-x-small: var(--sizing-20x);
1293
1448
  --font-size-2x-small: var(--dimension-3x); /** 12 px */
1294
1449
  --font-size-x-small: var(--dimension-3-5x); /** 14 px */
1295
1450
  --font-size-small: var(--dimension-4x); /** 16 px */
package/css/rme.css CHANGED
@@ -469,16 +469,38 @@
469
469
  --spacing-88x: 88px;
470
470
  --spacing-220x: 220px;
471
471
  --spacing-620x: 620px;
472
+ --sizing-18x: 18px;
473
+ --sizing-20x: 20px;
472
474
  --sizing-24x: 24px;
475
+ --sizing-28x: 28px;
473
476
  --sizing-32x: 32px;
477
+ --sizing-36x: 36px;
474
478
  --sizing-40x: 40px;
479
+ --sizing-44x: 44px;
480
+ --sizing-48x: 48px;
481
+ --sizing-56x: 56px;
482
+ --sizing-62x: 62px;
475
483
  --sizing-64x: 64px;
484
+ --sizing-70x: 70px;
485
+ --sizing-84x: 84px;
476
486
  --sizing-88x: 88px;
487
+ --sizing-92x: 92px;
488
+ --sizing-108x: 108px;
489
+ --sizing-112x: 112px;
490
+ --sizing-118x: 118px;
491
+ --sizing-120x: 120px;
492
+ --sizing-124x: 124px;
493
+ --sizing-132x: 132px;
494
+ --sizing-136x: 136px;
495
+ --sizing-160x: 160px;
496
+ --sizing-180x: 180px;
477
497
  --sizing-200x: 200px;
498
+ --sizing-212x: 212px;
478
499
  --sizing-216x: 216px;
479
500
  --sizing-217x: 217px;
480
501
  --sizing-220x: 220px;
481
502
  --sizing-232x: 232px;
503
+ --sizing-246x: 246px;
482
504
  --sizing-256x: 256px;
483
505
  --sizing-282x: 282px;
484
506
  --sizing-286x: 286px;
@@ -604,6 +626,15 @@
604
626
  --sizing-brand-logo-medium: var(--sizing-64x);
605
627
  --sizing-brand-illustration-medium: var(--sizing-40x);
606
628
  --sizing-image-large: var(--sizing-750x);
629
+ --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x);
630
+ --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x);
631
+ --sizing-icon-3x-large: var(--sizing-70x);
632
+ --sizing-icon-2x-large: var(--sizing-56x);
633
+ --sizing-icon-x-large: var(--sizing-48x);
634
+ --sizing-icon-large: var(--sizing-40x);
635
+ --sizing-icon-medium: var(--sizing-32x);
636
+ --sizing-icon-small: var(--sizing-24x);
637
+ --sizing-icon-x-small: var(--sizing-20x);
607
638
  --sizing-fixed-sizing-2x-small: var(--dimension-4x);
608
639
  --sizing-fixed-sizing-x-small: var(--dimension-5x);
609
640
  --sizing-fixed-sizing-small: var(--dimension-6x);
@@ -632,7 +663,6 @@
632
663
  --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family);
633
664
  --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family);
634
665
  --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family);
635
- --font-size-2x-small: var(--dimension-3-5x); /** 12 px */
636
666
  --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family);
637
667
  --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family);
638
668
  --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family);
@@ -648,14 +678,15 @@
648
678
  --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family);
649
679
  --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family);
650
680
  --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family);
681
+ --font-size-small: var(--dimension-4-5x); /** 16 px */
651
682
  --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family);
652
683
  --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family);
653
684
  --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family);
654
685
  --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family);
686
+ --font-size-2x-small: var(--dimension-3-5x); /** 12 px */
655
687
  --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family);
656
688
  --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family);
657
689
  --font-size-x-small: var(--dimension-4x); /** 14 px */
658
- --font-size-small: var(--dimension-4-5x); /** 16 px */
659
690
  --font-size-medium: var(--dimension-5x); /** 18 px */
660
691
  --font-size-large: var(--dimension-6x); /** 20 px */
661
692
  --font-size-x-large: var(--dimension-8x); /** 24 px */
@@ -678,16 +709,38 @@
678
709
  --spacing-88x: 88px;
679
710
  --spacing-220x: 220px;
680
711
  --spacing-620x: 620px;
712
+ --sizing-18x: 18px;
713
+ --sizing-20x: 20px;
681
714
  --sizing-24x: 24px;
715
+ --sizing-28x: 28px;
682
716
  --sizing-32x: 32px;
717
+ --sizing-36x: 36px;
683
718
  --sizing-40x: 40px;
719
+ --sizing-44x: 44px;
720
+ --sizing-48x: 48px;
721
+ --sizing-56x: 56px;
722
+ --sizing-62x: 62px;
684
723
  --sizing-64x: 64px;
724
+ --sizing-70x: 70px;
725
+ --sizing-84x: 84px;
685
726
  --sizing-88x: 88px;
727
+ --sizing-92x: 92px;
728
+ --sizing-108x: 108px;
729
+ --sizing-112x: 112px;
730
+ --sizing-118x: 118px;
731
+ --sizing-120x: 120px;
732
+ --sizing-124x: 124px;
733
+ --sizing-132x: 132px;
734
+ --sizing-136x: 136px;
735
+ --sizing-160x: 160px;
736
+ --sizing-180x: 180px;
686
737
  --sizing-200x: 200px;
738
+ --sizing-212x: 212px;
687
739
  --sizing-216x: 216px;
688
740
  --sizing-217x: 217px;
689
741
  --sizing-220x: 220px;
690
742
  --sizing-232x: 232px;
743
+ --sizing-246x: 246px;
691
744
  --sizing-256x: 256px;
692
745
  --sizing-282x: 282px;
693
746
  --sizing-286x: 286px;
@@ -810,6 +863,15 @@
810
863
  --sizing-brand-logo-medium: var(--sizing-88x);
811
864
  --sizing-brand-illustration-medium: var(--sizing-40x);
812
865
  --sizing-image-large: var(--sizing-1024x);
866
+ --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x);
867
+ --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x);
868
+ --sizing-icon-3x-large: var(--sizing-70x);
869
+ --sizing-icon-2x-large: var(--sizing-56x);
870
+ --sizing-icon-x-large: var(--sizing-48x);
871
+ --sizing-icon-large: var(--sizing-40x);
872
+ --sizing-icon-medium: var(--sizing-32x);
873
+ --sizing-icon-small: var(--sizing-24x);
874
+ --sizing-icon-x-small: var(--sizing-20x);
813
875
  --font-size-2x-small: var(--dimension-3-5x); /** 12 px */
814
876
  --font-size-x-small: var(--dimension-4x); /** 14 px */
815
877
  --font-size-small: var(--dimension-4-5x); /** 16 px */
@@ -838,16 +900,38 @@
838
900
  --spacing-88x: 88px;
839
901
  --spacing-220x: 220px;
840
902
  --spacing-620x: 620px;
903
+ --sizing-18x: 18px;
904
+ --sizing-20x: 20px;
841
905
  --sizing-24x: 24px;
906
+ --sizing-28x: 28px;
842
907
  --sizing-32x: 32px;
908
+ --sizing-36x: 36px;
843
909
  --sizing-40x: 40px;
910
+ --sizing-44x: 44px;
911
+ --sizing-48x: 48px;
912
+ --sizing-56x: 56px;
913
+ --sizing-62x: 62px;
844
914
  --sizing-64x: 64px;
915
+ --sizing-70x: 70px;
916
+ --sizing-84x: 84px;
845
917
  --sizing-88x: 88px;
918
+ --sizing-92x: 92px;
919
+ --sizing-108x: 108px;
920
+ --sizing-112x: 112px;
921
+ --sizing-118x: 118px;
922
+ --sizing-120x: 120px;
923
+ --sizing-124x: 124px;
924
+ --sizing-132x: 132px;
925
+ --sizing-136x: 136px;
926
+ --sizing-160x: 160px;
927
+ --sizing-180x: 180px;
846
928
  --sizing-200x: 200px;
929
+ --sizing-212x: 212px;
847
930
  --sizing-216x: 216px;
848
931
  --sizing-217x: 217px;
849
932
  --sizing-220x: 220px;
850
933
  --sizing-232x: 232px;
934
+ --sizing-246x: 246px;
851
935
  --sizing-256x: 256px;
852
936
  --sizing-282x: 282px;
853
937
  --sizing-286x: 286px;
@@ -970,6 +1054,15 @@
970
1054
  --sizing-brand-logo-medium: var(--sizing-64x);
971
1055
  --sizing-brand-illustration-medium: var(--sizing-40x);
972
1056
  --sizing-image-large: var(--sizing-544x);
1057
+ --sizing-card-link-card-height-x-large-min-height: var(--sizing-132x);
1058
+ --sizing-card-link-card-height-x-large-max-height: var(--sizing-200x);
1059
+ --sizing-icon-3x-large: var(--sizing-56x);
1060
+ --sizing-icon-2x-large: var(--sizing-48x);
1061
+ --sizing-icon-x-large: var(--sizing-44x);
1062
+ --sizing-icon-large: var(--sizing-40x);
1063
+ --sizing-icon-medium: var(--sizing-32x);
1064
+ --sizing-icon-small: var(--sizing-24x);
1065
+ --sizing-icon-x-small: var(--sizing-20x);
973
1066
  --font-size-2x-small: var(--dimension-3x); /** 12 px */
974
1067
  --font-size-x-small: var(--dimension-3-5x); /** 14 px */
975
1068
  --font-size-small: var(--dimension-4x); /** 16 px */
@@ -998,16 +1091,38 @@
998
1091
  --spacing-88x: 88px;
999
1092
  --spacing-220x: 220px;
1000
1093
  --spacing-620x: 620px;
1094
+ --sizing-18x: 18px;
1095
+ --sizing-20x: 20px;
1001
1096
  --sizing-24x: 24px;
1097
+ --sizing-28x: 28px;
1002
1098
  --sizing-32x: 32px;
1099
+ --sizing-36x: 36px;
1003
1100
  --sizing-40x: 40px;
1101
+ --sizing-44x: 44px;
1102
+ --sizing-48x: 48px;
1103
+ --sizing-56x: 56px;
1104
+ --sizing-62x: 62px;
1004
1105
  --sizing-64x: 64px;
1106
+ --sizing-70x: 70px;
1107
+ --sizing-84x: 84px;
1005
1108
  --sizing-88x: 88px;
1109
+ --sizing-92x: 92px;
1110
+ --sizing-108x: 108px;
1111
+ --sizing-112x: 112px;
1112
+ --sizing-118x: 118px;
1113
+ --sizing-120x: 120px;
1114
+ --sizing-124x: 124px;
1115
+ --sizing-132x: 132px;
1116
+ --sizing-136x: 136px;
1117
+ --sizing-160x: 160px;
1118
+ --sizing-180x: 180px;
1006
1119
  --sizing-200x: 200px;
1120
+ --sizing-212x: 212px;
1007
1121
  --sizing-216x: 216px;
1008
1122
  --sizing-217x: 217px;
1009
1123
  --sizing-220x: 220px;
1010
1124
  --sizing-232x: 232px;
1125
+ --sizing-246x: 246px;
1011
1126
  --sizing-256x: 256px;
1012
1127
  --sizing-282x: 282px;
1013
1128
  --sizing-286x: 286px;
@@ -1130,6 +1245,15 @@
1130
1245
  --sizing-brand-logo-medium: var(--sizing-64x);
1131
1246
  --sizing-brand-illustration-medium: var(--sizing-40x);
1132
1247
  --sizing-image-large: var(--sizing-390x);
1248
+ --sizing-card-link-card-height-x-large-min-height: var(--sizing-124x);
1249
+ --sizing-card-link-card-height-x-large-max-height: var(--sizing-180x);
1250
+ --sizing-icon-3x-large: var(--sizing-48x);
1251
+ --sizing-icon-2x-large: var(--sizing-40x);
1252
+ --sizing-icon-x-large: var(--sizing-36x);
1253
+ --sizing-icon-large: var(--sizing-32x);
1254
+ --sizing-icon-medium: var(--sizing-28x);
1255
+ --sizing-icon-small: var(--sizing-24x);
1256
+ --sizing-icon-x-small: var(--sizing-20x);
1133
1257
  --font-size-2x-small: var(--dimension-3x); /** 12 px */
1134
1258
  --font-size-x-small: var(--dimension-3-5x); /** 14 px */
1135
1259
  --font-size-small: var(--dimension-4x); /** 16 px */
@@ -1158,16 +1282,38 @@
1158
1282
  --spacing-88x: 88px;
1159
1283
  --spacing-220x: 220px;
1160
1284
  --spacing-620x: 620px;
1285
+ --sizing-18x: 18px;
1286
+ --sizing-20x: 20px;
1161
1287
  --sizing-24x: 24px;
1288
+ --sizing-28x: 28px;
1162
1289
  --sizing-32x: 32px;
1290
+ --sizing-36x: 36px;
1163
1291
  --sizing-40x: 40px;
1292
+ --sizing-44x: 44px;
1293
+ --sizing-48x: 48px;
1294
+ --sizing-56x: 56px;
1295
+ --sizing-62x: 62px;
1164
1296
  --sizing-64x: 64px;
1297
+ --sizing-70x: 70px;
1298
+ --sizing-84x: 84px;
1165
1299
  --sizing-88x: 88px;
1300
+ --sizing-92x: 92px;
1301
+ --sizing-108x: 108px;
1302
+ --sizing-112x: 112px;
1303
+ --sizing-118x: 118px;
1304
+ --sizing-120x: 120px;
1305
+ --sizing-124x: 124px;
1306
+ --sizing-132x: 132px;
1307
+ --sizing-136x: 136px;
1308
+ --sizing-160x: 160px;
1309
+ --sizing-180x: 180px;
1166
1310
  --sizing-200x: 200px;
1311
+ --sizing-212x: 212px;
1167
1312
  --sizing-216x: 216px;
1168
1313
  --sizing-217x: 217px;
1169
1314
  --sizing-220x: 220px;
1170
1315
  --sizing-232x: 232px;
1316
+ --sizing-246x: 246px;
1171
1317
  --sizing-256x: 256px;
1172
1318
  --sizing-282x: 282px;
1173
1319
  --sizing-286x: 286px;
@@ -1290,6 +1436,15 @@
1290
1436
  --sizing-brand-logo-medium: var(--sizing-64x);
1291
1437
  --sizing-brand-illustration-medium: var(--sizing-24x);
1292
1438
  --sizing-image-large: var(--sizing-320x);
1439
+ --sizing-card-link-card-height-x-large-min-height: var(--sizing-120x);
1440
+ --sizing-card-link-card-height-x-large-max-height: var(--sizing-160x);
1441
+ --sizing-icon-3x-large: var(--sizing-48x);
1442
+ --sizing-icon-2x-large: var(--sizing-40x);
1443
+ --sizing-icon-x-large: var(--sizing-36x);
1444
+ --sizing-icon-large: var(--sizing-32x);
1445
+ --sizing-icon-medium: var(--sizing-28x);
1446
+ --sizing-icon-small: var(--sizing-24x);
1447
+ --sizing-icon-x-small: var(--sizing-20x);
1293
1448
  --font-size-2x-small: var(--dimension-3x); /** 12 px */
1294
1449
  --font-size-x-small: var(--dimension-3-5x); /** 14 px */
1295
1450
  --font-size-small: var(--dimension-4x); /** 16 px */