@aurodesignsystem/design-tokens 5.6.1 → 5.8.0

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 (73) hide show
  1. package/CHANGELOG.md +28 -0
  2. package/dist/CSSCustomProperties--bundled.css +507 -41
  3. package/dist/alaska/CSSCustomProperties--alaska.css +25 -22
  4. package/dist/alaska/JSONVariablesNested--alaska.json +26 -21
  5. package/dist/alaska/JSObject--allTokens.js +277 -180
  6. package/dist/alaska/SCSSVariables--alaska.scss +25 -22
  7. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +25 -22
  8. package/dist/alaska/primitives--alaska.scss +27 -27
  9. package/dist/alaska-classic/CSSCustomProperties--alaskaClassic.css +463 -0
  10. package/dist/alaska-classic/JSONVariablesNested--alaskaClassic.json +714 -0
  11. package/dist/alaska-classic/JSObject--allTokens.js +15671 -0
  12. package/dist/alaska-classic/SCSSVariables--alaskaClassic.scss +460 -0
  13. package/dist/alaska-classic/SCSSVariablesMapFlat--alaskaClassic.scss +464 -0
  14. package/dist/alaska-classic/primitives--alaskaClassic.scss +246 -0
  15. package/dist/auro-classic/CSSCustomProperties.css +1 -1
  16. package/dist/auro-classic/CSSSizeCustomProperties.css +1 -1
  17. package/dist/auro-classic/JSData--color.js +1 -1
  18. package/dist/auro-classic/JSObject--allTokens.js +1 -1
  19. package/dist/auro-classic/JSObject--deprecated.js +1 -1
  20. package/dist/auro-classic/JSVariables--color.js +1 -1
  21. package/dist/auro-classic/SCSSVariableMap.scss +1 -1
  22. package/dist/auro-classic/SCSSVariables.scss +1 -1
  23. package/dist/auro-classic/SCSSVariablesMapFlat.scss +1 -1
  24. package/dist/auro-classic/SassCustomProperties.scss +1 -1
  25. package/dist/auro-classic/SassSizeCustomProperties.scss +1 -1
  26. package/dist/hawaiian/CSSCustomProperties--hawaiian.css +23 -20
  27. package/dist/hawaiian/JSONVariablesNested--hawaiian.json +24 -19
  28. package/dist/hawaiian/JSObject--allTokens.js +273 -176
  29. package/dist/hawaiian/SCSSVariables--hawaiian.scss +23 -20
  30. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +23 -20
  31. package/dist/hawaiian/primitives--hawaiian.scss +27 -27
  32. package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
  33. package/package.json +1 -1
  34. package/src/primitives/base/transparency.json +38 -38
  35. package/src/themes/alaska/advanced/boolean.json +2 -2
  36. package/src/themes/alaska/advanced/button/flat.json +58 -0
  37. package/src/themes/alaska/advanced/button/primary.json +0 -8
  38. package/src/themes/alaska/advanced/button/secondary.json +4 -4
  39. package/src/themes/alaska/advanced/button/tertiary.json +0 -32
  40. package/src/themes/alaska/basic/color/text-icon.json +16 -0
  41. package/src/themes/alaska-classic/advanced/accents.json +104 -0
  42. package/src/themes/alaska-classic/advanced/boolean.json +144 -0
  43. package/src/themes/alaska-classic/advanced/button/flat.json +58 -0
  44. package/src/themes/alaska-classic/advanced/button/primary.json +138 -0
  45. package/src/themes/alaska-classic/advanced/button/secondary.json +106 -0
  46. package/src/themes/alaska-classic/advanced/button/tertiary.json +66 -0
  47. package/src/themes/alaska-classic/advanced/hyperlink.json +40 -0
  48. package/src/themes/alaska-classic/advanced/shared.json +48 -0
  49. package/src/themes/alaska-classic/advanced/state.json +72 -0
  50. package/src/themes/alaska-classic/basic/color/border.json +64 -0
  51. package/src/themes/alaska-classic/basic/color/brand.json +104 -0
  52. package/src/themes/alaska-classic/basic/color/fare-brand.json +74 -0
  53. package/src/themes/alaska-classic/basic/color/page-background.json +24 -0
  54. package/src/themes/alaska-classic/basic/color/status.json +80 -0
  55. package/src/themes/alaska-classic/basic/color/surface.json +88 -0
  56. package/src/themes/alaska-classic/basic/color/text-icon.json +72 -0
  57. package/src/themes/alaska-classic/basic/corner-radius.json +30 -0
  58. package/src/themes/alaska-classic/basic/font/accent.json +918 -0
  59. package/src/themes/alaska-classic/basic/font/body.json +218 -0
  60. package/src/themes/alaska-classic/basic/font/display.json +788 -0
  61. package/src/themes/alaska-classic/basic/font/heading.json +788 -0
  62. package/src/themes/hawaiian/advanced/button/flat.json +58 -0
  63. package/src/themes/hawaiian/advanced/button/primary.json +0 -8
  64. package/src/themes/hawaiian/advanced/button/secondary.json +4 -4
  65. package/src/themes/hawaiian/advanced/button/tertiary.json +0 -32
  66. package/src/themes/hawaiian/basic/color/text-icon.json +16 -0
  67. package/src/themes/alaska-classic/color.json +0 -444
  68. package/src/themes/alaska-classic/component/boolean.json +0 -70
  69. package/src/themes/alaska-classic/component/button.json +0 -260
  70. package/src/themes/alaska-classic/component/hyperlink.json +0 -62
  71. package/src/themes/alaska-classic/component/shared.json +0 -46
  72. package/src/themes/alaska-classic/component/state.json +0 -70
  73. package/src/themes/alaska-classic/typography.json +0 -824
package/dist/CSSCustomProperties--bundled.css CHANGED
@@ -1,47 +1,48 @@
1
1
  /**
2
2
  Do not edit directly
3
- Generated on Mon, 07 Apr 2025 21:40:22 GMT
3
+ Generated on Wed, 09 Apr 2025 18:34:45 GMT
4
4
  */
5
5
 
6
6
  /* Properties from CSSCustomProperties--alaska.css */
7
7
  [data-aag-theme="aag-theme-as"] {
8
+ --ds-advanced-color-button-flat-text: #676767;
9
+ --ds-advanced-color-button-flat-text-disabled: #d0d0d0;
10
+ --ds-advanced-color-button-flat-text-hover: #525252;
11
+ --ds-advanced-color-button-flat-text-inverse: #ffffff;
12
+ --ds-advanced-color-button-flat-text-inverse-disabled: #7e8894;
13
+ --ds-advanced-color-button-flat-text-inverse-hover: #adadad;
8
14
  --ds-advanced-color-button-primary-background: #01426a;
9
- --ds-advanced-color-button-primary-background-active: #00274a;
10
15
  --ds-advanced-color-button-primary-background-disabled: #acc9e2;
11
16
  --ds-advanced-color-button-primary-background-hover: #00274a;
12
17
  --ds-advanced-color-button-primary-background-inactive: #cfe0ef;
13
18
  --ds-advanced-color-button-primary-background-inactive-hover: #89b2d4;
14
19
  --ds-advanced-color-button-primary-background-inverse: #ffffff;
15
- --ds-advanced-color-button-primary-background-inverse-disabled: #ffffffbf;
20
+ --ds-advanced-color-button-primary-background-inverse-disabled: rgba(255, 255, 255, 0.75);
16
21
  --ds-advanced-color-button-primary-background-inverse-hover: #ebf3f9;
17
22
  --ds-advanced-color-button-primary-border: #01426a;
18
23
  --ds-advanced-color-button-primary-border-disabled: #acc9e2;
19
24
  --ds-advanced-color-button-primary-border-hover: #00274a;
20
25
  --ds-advanced-color-button-primary-border-inverse: #ffffff;
21
- --ds-advanced-color-button-primary-border-inverse-disabled: #ffffffbf;
26
+ --ds-advanced-color-button-primary-border-inverse-disabled: rgba(255, 255, 255, 0.75);
22
27
  --ds-advanced-color-button-primary-border-inverse-hover: #ebf3f9;
23
28
  --ds-advanced-color-button-primary-text: #ffffff;
24
29
  --ds-advanced-color-button-primary-text-inverse: #01426a;
25
30
  --ds-advanced-color-button-secondary-background: #ffffff;
26
31
  --ds-advanced-color-button-secondary-background-disabled: #f7f7f7;
27
32
  --ds-advanced-color-button-secondary-background-hover: #f2f2f2;
28
- --ds-advanced-color-button-secondary-background-inverse-hover: #ffffffe6;
33
+ --ds-advanced-color-button-secondary-background-inverse-hover: rgba(255, 255, 255, 0.1);
29
34
  --ds-advanced-color-button-secondary-border: #01426a;
30
35
  --ds-advanced-color-button-secondary-border-hover: #00274a;
31
- --ds-advanced-color-button-secondary-border-hover-disabled: #f7f7f7;
36
+ --ds-advanced-color-button-secondary-border-disabled: #cfe0ef;
32
37
  --ds-advanced-color-button-secondary-border-inverse: #ffffff;
33
38
  --ds-advanced-color-button-secondary-border-inverse-disabled: #dddddd;
34
39
  --ds-advanced-color-button-secondary-text: #01426a;
35
40
  --ds-advanced-color-button-secondary-text-hover: #00274a;
36
41
  --ds-advanced-color-button-secondary-text-inverse: #ffffff;
37
- --ds-advanced-color-button-tertiary-background: #0000000d;
38
- --ds-advanced-color-button-tertiary-background-hover: #0000001a;
39
- --ds-advanced-color-button-tertiary-background-inverse: #ffffff0d;
40
- --ds-advanced-color-button-tertiary-background-inverse-hover: #ffffffe6;
41
- --ds-advanced-color-button-tertiary-border: #0000000d;
42
- --ds-advanced-color-button-tertiary-border-hover: #0000001a;
43
- --ds-advanced-color-button-tertiary-border-inverse: #ffffff0d;
44
- --ds-advanced-color-button-tertiary-border-inverse-hover: #ffffffe6;
42
+ --ds-advanced-color-button-tertiary-background: rgba(0, 0, 0, 0.05);
43
+ --ds-advanced-color-button-tertiary-background-hover: rgba(0, 0, 0, 0.1);
44
+ --ds-advanced-color-button-tertiary-background-inverse: rgba(255, 255, 255, 0.05);
45
+ --ds-advanced-color-button-tertiary-background-inverse-hover: rgba(255, 255, 255, 0.1);
45
46
  --ds-advanced-color-button-tertiary-text: #01426a;
46
47
  --ds-advanced-color-button-tertiary-text-hover: #00274a;
47
48
  --ds-advanced-color-button-tertiary-text-inverse: #ffffff;
@@ -67,25 +68,25 @@
67
68
  --ds-advanced-color-boolean-isfalse: #ffffff;
68
69
  --ds-advanced-color-boolean-isfalse-border: #585e67;
69
70
  --ds-advanced-color-boolean-isfalse-border-inverse: #ffffff;
70
- --ds-advanced-color-boolean-isfalse-hover: #ffffff1a;
71
- --ds-advanced-color-boolean-isfalse-inverse: #ffffff0d;
72
- --ds-advanced-color-boolean-isfalse-inverse-hover: #f2f2f2;
71
+ --ds-advanced-color-boolean-isfalse-hover: #f2f2f2;
72
+ --ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.05);
73
+ --ds-advanced-color-boolean-isfalse-inverse-hover: rgba(255, 255, 255, 0.15);
73
74
  --ds-advanced-color-boolean-istrue: #01426a;
74
75
  --ds-advanced-color-boolean-istrue-hover: #00274a;
75
76
  --ds-advanced-color-boolean-istrue-inverse: #ffffff;
76
- --ds-advanced-color-boolean-istrue-inverse-hover: #ffffffb2;
77
+ --ds-advanced-color-boolean-istrue-inverse-hover: rgba(255, 255, 255, 0.7);
77
78
  --ds-advanced-color-hyperlink-text: #2875b5;
78
79
  --ds-advanced-color-hyperlink-text-hover: #01426a;
79
80
  --ds-advanced-color-hyperlink-text-inverse: #ffffff;
80
81
  --ds-advanced-color-hyperlink-text-inverse-hover: #ebf3f9;
81
82
  --ds-advanced-color-shared-background: #ffffff;
82
- --ds-advanced-color-shared-background-inverse: #ffffff0d;
83
+ --ds-advanced-color-shared-background-inverse: rgba(255, 255, 255, 0.05);
83
84
  --ds-advanced-color-shared-background-muted: #f7f7f7;
84
85
  --ds-advanced-color-shared-background-strong: #7e7e7e;
85
86
  --ds-advanced-color-shared-text-accent: #2875b5;
86
87
  --ds-advanced-color-state-background-disabled: #dddddd;
87
88
  --ds-advanced-color-state-background-hover: #f2f2f2;
88
- --ds-advanced-color-state-background-inverse-hover: #ffffff1a;
89
+ --ds-advanced-color-state-background-inverse-hover: rgba(255, 255, 255, 0.15);
89
90
  --ds-advanced-color-state-error-inverse: #f9a4a8;
90
91
  --ds-advanced-color-state-focused: #01426a;
91
92
  --ds-advanced-color-state-focused-inverse: #ffffff;
@@ -94,8 +95,8 @@
94
95
  --ds-basic-color-border-bold: #585e67;
95
96
  --ds-basic-color-border-brand: #00274a;
96
97
  --ds-basic-color-border-default: #959595;
97
- --ds-basic-color-border-divider: #00000026;
98
- --ds-basic-color-border-divider-inverse: #ffffff66;
98
+ --ds-basic-color-border-divider: rgba(0, 0, 0, 0.15);
99
+ --ds-basic-color-border-divider-inverse: rgba(255, 255, 255, 0.4);
99
100
  --ds-basic-color-border-inverse: #ffffff;
100
101
  --ds-basic-color-border-subtle: #dddddd;
101
102
  --ds-basic-color-brand-primary: #01426a;
@@ -144,6 +145,8 @@
144
145
  --ds-basic-color-texticon-disabled: #d0d0d0;
145
146
  --ds-basic-color-texticon-disabled-inverse: #7e8894;
146
147
  --ds-basic-color-texticon-inverse: #ffffff;
148
+ --ds-basic-color-texticon-inverse-disabled: #7e8894;
149
+ --ds-basic-color-texticon-inverse-muted: #ccd2db;
147
150
  --ds-basic-color-texticon-muted: #676767;
148
151
  --ds-basic-text-accent-lg-breakpoint-lg-font-family: Good OT;
149
152
  --ds-basic-text-accent-lg-breakpoint-lg-font-size: 28px;
@@ -460,45 +463,506 @@
460
463
  --ds-basic-corner-radius-small: 6px;
461
464
  }
462
465
 
466
+ /* Properties from CSSCustomProperties--alaskaClassic.css */
467
+ [data-aag-theme="aag-theme-asc"] {
468
+ --ds-advanced-color-button-flat-text: #676767;
469
+ --ds-advanced-color-button-flat-text-disabled: #d0d0d0;
470
+ --ds-advanced-color-button-flat-text-hover: #525252;
471
+ --ds-advanced-color-button-flat-text-inverse: #ffffff;
472
+ --ds-advanced-color-button-flat-text-inverse-disabled: #7e8894;
473
+ --ds-advanced-color-button-flat-text-inverse-hover: #adadad;
474
+ --ds-advanced-color-button-primary-background: #0074ca;
475
+ --ds-advanced-color-button-primary-background-disabled: #acc9e2;
476
+ --ds-advanced-color-button-primary-background-hover: #003761;
477
+ --ds-advanced-color-button-primary-background-inactive: #aedeff;
478
+ --ds-advanced-color-button-primary-background-inactive-hover: #289bee;
479
+ --ds-advanced-color-button-primary-background-inverse: #5de3f7;
480
+ --ds-advanced-color-button-primary-background-inverse-disabled: rgba(255, 255, 255, 0.75);
481
+ --ds-advanced-color-button-primary-background-inverse-hover: #b4eff9;
482
+ --ds-advanced-color-button-primary-border: #0074ca;
483
+ --ds-advanced-color-button-primary-border-disabled: #acc9e2;
484
+ --ds-advanced-color-button-primary-border-hover: #003761;
485
+ --ds-advanced-color-button-primary-border-inverse: #5de3f7;
486
+ --ds-advanced-color-button-primary-border-inverse-disabled: rgba(255, 255, 255, 0.75);
487
+ --ds-advanced-color-button-primary-border-inverse-hover: #b4eff9;
488
+ --ds-advanced-color-button-primary-text: #ffffff;
489
+ --ds-advanced-color-button-primary-text-inverse: #2a2a2a;
490
+ --ds-advanced-color-button-secondary-background: #ffffff;
491
+ --ds-advanced-color-button-secondary-background-disabled: #f7f7f7;
492
+ --ds-advanced-color-button-secondary-background-hover: #f2f2f2;
493
+ --ds-advanced-color-button-secondary-background-inverse-hover: #ebfafd;
494
+ --ds-advanced-color-button-secondary-border: #0074ca;
495
+ --ds-advanced-color-button-secondary-border-hover: #003761;
496
+ --ds-advanced-color-button-secondary-border-disabled: #dddddd;
497
+ --ds-advanced-color-button-secondary-border-inverse: #5de3f7;
498
+ --ds-advanced-color-button-secondary-border-inverse-disabled: #dddddd;
499
+ --ds-advanced-color-button-secondary-text: #0074ca;
500
+ --ds-advanced-color-button-secondary-text-hover: #01426a;
501
+ --ds-advanced-color-button-secondary-text-inverse: #5de3f7;
502
+ --ds-advanced-color-button-tertiary-background: rgba(0, 0, 0, 0.05);
503
+ --ds-advanced-color-button-tertiary-background-hover: rgba(0, 0, 0, 0.1);
504
+ --ds-advanced-color-button-tertiary-background-inverse: rgba(255, 255, 255, 0.05);
505
+ --ds-advanced-color-button-tertiary-background-inverse-hover: rgba(255, 255, 255, 0.1);
506
+ --ds-advanced-color-button-tertiary-text: #0074ca;
507
+ --ds-advanced-color-button-tertiary-text-hover: #003761;
508
+ --ds-advanced-color-button-tertiary-text-inverse: #5de3f7;
509
+ --ds-advanced-color-accents-accent1: #b2d583;
510
+ --ds-advanced-color-accents-accent1-bold: #92c450;
511
+ --ds-advanced-color-accents-accent1-muted: #deedca;
512
+ --ds-advanced-color-accents-accent2: #fad362;
513
+ --ds-advanced-color-accents-accent2-bold: #f2ba14;
514
+ --ds-advanced-color-accents-accent2-muted: #fde398;
515
+ --ds-advanced-color-accents-accent3: #63beff;
516
+ --ds-advanced-color-accents-accent3-bold: #0074ca;
517
+ --ds-advanced-color-accents-accent3-muted: #aedeff;
518
+ --ds-advanced-color-accents-accent4: #feb17a;
519
+ --ds-advanced-color-accents-accent4-bold: #fb7f24;
520
+ --ds-advanced-color-accents-accent4-muted: #ffe2cf;
521
+ --ds-advanced-color-boolean-disabled-inverse: #7e8894;
522
+ --ds-advanced-color-boolean-error: #e31f26;
523
+ --ds-advanced-color-boolean-error-hover: #b1161c;
524
+ --ds-advanced-color-boolean-error-inverse: #f9a4a8;
525
+ --ds-advanced-color-boolean-error-inverse-hover: #f15f65;
526
+ --ds-advanced-color-boolean-indicator: #ffffff;
527
+ --ds-advanced-color-boolean-indicator-inverse: #0074ca;
528
+ --ds-advanced-color-boolean-isfalse: #ffffff;
529
+ --ds-advanced-color-boolean-isfalse-border: #585e67;
530
+ --ds-advanced-color-boolean-isfalse-border-inverse: #ffffff;
531
+ --ds-advanced-color-boolean-isfalse-hover: #f2f2f2;
532
+ --ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.05);
533
+ --ds-advanced-color-boolean-isfalse-inverse-hover: rgba(255, 255, 255, 0.15);
534
+ --ds-advanced-color-boolean-istrue: #0074ca;
535
+ --ds-advanced-color-boolean-istrue-hover: #003761;
536
+ --ds-advanced-color-boolean-istrue-inverse: #ffffff;
537
+ --ds-advanced-color-boolean-istrue-inverse-hover: rgba(255, 255, 255, 0.7);
538
+ --ds-advanced-color-hyperlink-text: #0074ca;
539
+ --ds-advanced-color-hyperlink-text-hover: #01426a;
540
+ --ds-advanced-color-hyperlink-text-inverse: #97eaf8;
541
+ --ds-advanced-color-hyperlink-text-inverse-hover: #b4eff9;
542
+ --ds-advanced-color-shared-background: #ffffff;
543
+ --ds-advanced-color-shared-background-inverse: rgba(255, 255, 255, 0.05);
544
+ --ds-advanced-color-shared-background-muted: #f7f7f7;
545
+ --ds-advanced-color-shared-background-strong: #7e7e7e;
546
+ --ds-advanced-color-shared-text-accent: #0074ca;
547
+ --ds-advanced-color-state-background-disabled: #dddddd;
548
+ --ds-advanced-color-state-background-hover: #f2f2f2;
549
+ --ds-advanced-color-state-background-inverse-hover: rgba(255, 255, 255, 0.15);
550
+ --ds-advanced-color-state-error-inverse: #e31f26;
551
+ --ds-advanced-color-state-focused: #0074ca;
552
+ --ds-advanced-color-state-focused-inverse: #5de3f7;
553
+ --ds-advanced-color-state-selected: #0074ca;
554
+ --ds-advanced-color-state-selected-hover: #003761;
555
+ --ds-basic-color-border-bold: #585e67;
556
+ --ds-basic-color-border-brand: #01426a;
557
+ --ds-basic-color-border-default: #959595;
558
+ --ds-basic-color-border-divider: rgba(0, 0, 0, 0.15);
559
+ --ds-basic-color-border-divider-inverse: rgba(255, 255, 255, 0.4);
560
+ --ds-basic-color-border-inverse: #ffffff;
561
+ --ds-basic-color-border-subtle: #dddddd;
562
+ --ds-basic-color-brand-primary: #0074ca;
563
+ --ds-basic-color-brand-primary-bold: #003761;
564
+ --ds-basic-color-brand-primary-muted: #ebf7ff;
565
+ --ds-basic-color-brand-primary-subtle: #289bee;
566
+ --ds-basic-color-brand-secondary: #01426a;
567
+ --ds-basic-color-brand-secondary-bold: #00274a;
568
+ --ds-basic-color-brand-secondary-muted: #ebf3f9;
569
+ --ds-basic-color-brand-secondary-subtle: #2875b5;
570
+ --ds-basic-color-brand-tertiary: #5de3f7;
571
+ --ds-basic-color-brand-tertiary-bold: #18c3dd;
572
+ --ds-basic-color-brand-tertiary-muted: #ebfafd;
573
+ --ds-basic-color-brand-tertiary-subtle: #b4eff9;
574
+ --ds-basic-color-fare-basiceconomy: #97eaf8;
575
+ --ds-basic-color-fare-business: #01426a;
576
+ --ds-basic-color-fare-economy: #0074ca;
577
+ --ds-basic-color-fare-first: #00274a;
578
+ --ds-basic-color-fare-oneworld-emerald: #139142;
579
+ --ds-basic-color-fare-oneworld-ruby: #a41d4a;
580
+ --ds-basic-color-fare-oneworld-sapphire: #015daa;
581
+ --ds-basic-color-fare-premiumeconomy: #005154;
582
+ --ds-basic-color-page-background-default: #ffffff;
583
+ --ds-basic-color-page-background-utility: #f7f8fa;
584
+ --ds-basic-color-status-default: #afb9c6;
585
+ --ds-basic-color-status-error: #e31f26;
586
+ --ds-basic-color-status-error-subtle: #fbc6c6;
587
+ --ds-basic-color-status-info: #007db1;
588
+ --ds-basic-color-status-info-subtle: #e8f2f8;
589
+ --ds-basic-color-status-success: #447a1f;
590
+ --ds-basic-color-status-success-subtle: #d6eac7;
591
+ --ds-basic-color-status-warning: #fac200;
592
+ --ds-basic-color-status-warning-subtle: #fff0b2;
593
+ --ds-basic-color-surface-accent1: #0074ca;
594
+ --ds-basic-color-surface-accent1-muted: #ebf7ff;
595
+ --ds-basic-color-surface-accent1-subtle: #289bee;
596
+ --ds-basic-color-surface-accent2: #959595;
597
+ --ds-basic-color-surface-accent2-muted: #c5c5c5;
598
+ --ds-basic-color-surface-default: #ffffff;
599
+ --ds-basic-color-surface-inverse: #01426a;
600
+ --ds-basic-color-surface-inverse-subtle: #2875b5;
601
+ --ds-basic-color-surface-neutral-medium: #c5c5c5;
602
+ --ds-basic-color-surface-neutral-subtle: #f7f7f7;
603
+ --ds-basic-color-texticon-accent1: #01426a;
604
+ --ds-basic-color-texticon-default: #2a2a2a;
605
+ --ds-basic-color-texticon-disabled: #d0d0d0;
606
+ --ds-basic-color-texticon-disabled-inverse: #7e8894;
607
+ --ds-basic-color-texticon-inverse: #ffffff;
608
+ --ds-basic-color-texticon-inverse-disabled: #7e8894;
609
+ --ds-basic-color-texticon-inverse-muted: #ccd2db;
610
+ --ds-basic-color-texticon-muted: #676767;
611
+ --ds-basic-text-accent-xxl-breakpoint-lg-font-family: AS Circular;
612
+ --ds-basic-text-accent-xxl-breakpoint-lg-font-size: 38px;
613
+ --ds-basic-text-accent-xxl-breakpoint-lg-font-weight: Book;
614
+ --ds-basic-text-accent-xxl-breakpoint-lg-letter-spacing: .05em;
615
+ --ds-basic-text-accent-xxl-breakpoint-lg-line-height: 100%;
616
+ --ds-basic-text-accent-xxl-breakpoint-md-font-family: AS Circular;
617
+ --ds-basic-text-accent-xxl-breakpoint-md-font-size: 38px;
618
+ --ds-basic-text-accent-xxl-breakpoint-md-font-weight: Book;
619
+ --ds-basic-text-accent-xxl-breakpoint-md-letter-spacing: .05em;
620
+ --ds-basic-text-accent-xxl-breakpoint-md-line-height: 100%;
621
+ --ds-basic-text-accent-xxl-breakpoint-sm-font-family: AS Circular;
622
+ --ds-basic-text-accent-xxl-breakpoint-sm-font-size: 32px;
623
+ --ds-basic-text-accent-xxl-breakpoint-sm-font-weight: Book;
624
+ --ds-basic-text-accent-xxl-breakpoint-sm-letter-spacing: .05em;
625
+ --ds-basic-text-accent-xxl-breakpoint-sm-line-height: 100%;
626
+ --ds-basic-text-accent-xl-breakpoint-lg-font-family: AS Circular;
627
+ --ds-basic-text-accent-xl-breakpoint-lg-font-size: 32px;
628
+ --ds-basic-text-accent-xl-breakpoint-lg-font-weight: Book;
629
+ --ds-basic-text-accent-xl-breakpoint-lg-letter-spacing: .05em;
630
+ --ds-basic-text-accent-xl-breakpoint-lg-line-height: 130%;
631
+ --ds-basic-text-accent-xl-breakpoint-md-font-family: AS Circular;
632
+ --ds-basic-text-accent-xl-breakpoint-md-font-size: 28px;
633
+ --ds-basic-text-accent-xl-breakpoint-md-font-weight: Book;
634
+ --ds-basic-text-accent-xl-breakpoint-md-letter-spacing: .05em;
635
+ --ds-basic-text-accent-xl-breakpoint-md-line-height: 130%;
636
+ --ds-basic-text-accent-xl-breakpoint-sm-font-family: AS Circular;
637
+ --ds-basic-text-accent-xl-breakpoint-sm-font-size: 26px;
638
+ --ds-basic-text-accent-xl-breakpoint-sm-font-weight: Book;
639
+ --ds-basic-text-accent-xl-breakpoint-sm-letter-spacing: .05em;
640
+ --ds-basic-text-accent-xl-breakpoint-sm-line-height: 130%;
641
+ --ds-basic-text-accent-lg-breakpoint-lg-font-family: AS Circular;
642
+ --ds-basic-text-accent-lg-breakpoint-lg-font-size: 28px;
643
+ --ds-basic-text-accent-lg-breakpoint-lg-font-weight: Book;
644
+ --ds-basic-text-accent-lg-breakpoint-lg-letter-spacing: .05em;
645
+ --ds-basic-text-accent-lg-breakpoint-lg-line-height: 130%;
646
+ --ds-basic-text-accent-lg-breakpoint-md-font-family: AS Circular;
647
+ --ds-basic-text-accent-lg-breakpoint-md-font-size: 26px;
648
+ --ds-basic-text-accent-lg-breakpoint-md-font-weight: Book;
649
+ --ds-basic-text-accent-lg-breakpoint-md-letter-spacing: .05em;
650
+ --ds-basic-text-accent-lg-breakpoint-md-line-height: 130%;
651
+ --ds-basic-text-accent-lg-breakpoint-sm-font-family: AS Circular;
652
+ --ds-basic-text-accent-lg-breakpoint-sm-font-size: 24px;
653
+ --ds-basic-text-accent-lg-breakpoint-sm-font-weight: Book;
654
+ --ds-basic-text-accent-lg-breakpoint-sm-letter-spacing: .05em;
655
+ --ds-basic-text-accent-lg-breakpoint-sm-line-height: 130%;
656
+ --ds-basic-text-accent-md-breakpoint-lg-font-family: AS Circular;
657
+ --ds-basic-text-accent-md-breakpoint-lg-font-size: 24px;
658
+ --ds-basic-text-accent-md-breakpoint-lg-font-weight: Cond Medium;
659
+ --ds-basic-text-accent-md-breakpoint-lg-letter-spacing: .05em;
660
+ --ds-basic-text-accent-md-breakpoint-lg-line-height: 130%;
661
+ --ds-basic-text-accent-md-breakpoint-md-font-family: AS Circular;
662
+ --ds-basic-text-accent-md-breakpoint-md-font-size: 22px;
663
+ --ds-basic-text-accent-md-breakpoint-md-font-weight: Cond Medium;
664
+ --ds-basic-text-accent-md-breakpoint-md-letter-spacing: .05em;
665
+ --ds-basic-text-accent-md-breakpoint-md-line-height: 130%;
666
+ --ds-basic-text-accent-md-breakpoint-sm-font-family: AS Circular;
667
+ --ds-basic-text-accent-md-breakpoint-sm-font-size: 22px;
668
+ --ds-basic-text-accent-md-breakpoint-sm-font-weight: Cond Medium;
669
+ --ds-basic-text-accent-md-breakpoint-sm-letter-spacing: .05em;
670
+ --ds-basic-text-accent-md-breakpoint-sm-line-height: 130%;
671
+ --ds-basic-text-accent-sm-breakpoint-lg-font-family: AS Circular;
672
+ --ds-basic-text-accent-sm-breakpoint-lg-font-size: 20px;
673
+ --ds-basic-text-accent-sm-breakpoint-lg-font-weight: Cond Medium;
674
+ --ds-basic-text-accent-sm-breakpoint-lg-letter-spacing: .05em;
675
+ --ds-basic-text-accent-sm-breakpoint-lg-line-height: 130%;
676
+ --ds-basic-text-accent-sm-breakpoint-md-font-family: AS Circular;
677
+ --ds-basic-text-accent-sm-breakpoint-md-font-size: 18px;
678
+ --ds-basic-text-accent-sm-breakpoint-md-font-weight: Cond Medium;
679
+ --ds-basic-text-accent-sm-breakpoint-md-letter-spacing: .05em;
680
+ --ds-basic-text-accent-sm-breakpoint-md-line-height: 130%;
681
+ --ds-basic-text-accent-sm-breakpoint-sm-font-family: AS Circular;
682
+ --ds-basic-text-accent-sm-breakpoint-sm-font-size: 18px;
683
+ --ds-basic-text-accent-sm-breakpoint-sm-font-weight: Cond Medium;
684
+ --ds-basic-text-accent-sm-breakpoint-sm-letter-spacing: .05em;
685
+ --ds-basic-text-accent-sm-breakpoint-sm-line-height: 130%;
686
+ --ds-basic-text-accent-xs-breakpoint-lg-font-family: AS Circular;
687
+ --ds-basic-text-accent-xs-breakpoint-lg-font-size: 16px;
688
+ --ds-basic-text-accent-xs-breakpoint-lg-font-weight: Cond Medium;
689
+ --ds-basic-text-accent-xs-breakpoint-lg-letter-spacing: .10em;
690
+ --ds-basic-text-accent-xs-breakpoint-lg-line-height: 130%;
691
+ --ds-basic-text-accent-xs-breakpoint-md-font-family: AS Circular;
692
+ --ds-basic-text-accent-xs-breakpoint-md-font-size: 16px;
693
+ --ds-basic-text-accent-xs-breakpoint-md-font-weight: Cond Medium;
694
+ --ds-basic-text-accent-xs-breakpoint-md-letter-spacing: .10em;
695
+ --ds-basic-text-accent-xs-breakpoint-md-line-height: 130%;
696
+ --ds-basic-text-accent-xs-breakpoint-sm-font-family: AS Circular;
697
+ --ds-basic-text-accent-xs-breakpoint-sm-font-size: 16px;
698
+ --ds-basic-text-accent-xs-breakpoint-sm-font-weight: Cond Medium;
699
+ --ds-basic-text-accent-xs-breakpoint-sm-letter-spacing: .10em;
700
+ --ds-basic-text-accent-xs-breakpoint-sm-line-height: 130%;
701
+ --ds-basic-text-accent-xxs-breakpoint-lg-font-family: AS Circular;
702
+ --ds-basic-text-accent-xxs-breakpoint-lg-font-size: 14px;
703
+ --ds-basic-text-accent-xxs-breakpoint-lg-font-weight: Book;
704
+ --ds-basic-text-accent-xxs-breakpoint-lg-letter-spacing: .10em;
705
+ --ds-basic-text-accent-xxs-breakpoint-lg-line-height: 130%;
706
+ --ds-basic-text-accent-xxs-breakpoint-md-font-family: AS Circular;
707
+ --ds-basic-text-accent-xxs-breakpoint-md-font-size: 14px;
708
+ --ds-basic-text-accent-xxs-breakpoint-md-font-weight: Book;
709
+ --ds-basic-text-accent-xxs-breakpoint-md-letter-spacing: .10em;
710
+ --ds-basic-text-accent-xxs-breakpoint-md-line-height: 130%;
711
+ --ds-basic-text-accent-xxs-breakpoint-sm-font-family: AS Circular;
712
+ --ds-basic-text-accent-xxs-breakpoint-sm-font-size: 14px;
713
+ --ds-basic-text-accent-xxs-breakpoint-sm-font-weight: Book;
714
+ --ds-basic-text-accent-xxs-breakpoint-sm-letter-spacing: .10em;
715
+ --ds-basic-text-accent-xxs-breakpoint-sm-line-height: 130%;
716
+ --ds-basic-text-body-lg-font-family: AS Circular;
717
+ --ds-basic-text-body-lg-font-size: 18px;
718
+ --ds-basic-text-body-lg-font-weight: Book;
719
+ --ds-basic-text-body-lg-letter-spacing: 0;
720
+ --ds-basic-text-body-lg-line-height: 26px;
721
+ --ds-basic-text-body-default-font-family: AS Circular;
722
+ --ds-basic-text-body-default-font-size: 16px;
723
+ --ds-basic-text-body-default-font-weight: Book;
724
+ --ds-basic-text-body-default-letter-spacing: 0;
725
+ --ds-basic-text-body-default-line-height: 24px;
726
+ --ds-basic-text-body-sm-font-family: AS Circular;
727
+ --ds-basic-text-body-sm-font-size: 14px;
728
+ --ds-basic-text-body-sm-font-weight: Book;
729
+ --ds-basic-text-body-sm-letter-spacing: 0;
730
+ --ds-basic-text-body-sm-line-height: 20px;
731
+ --ds-basic-text-body-xs-font-family: AS Circular;
732
+ --ds-basic-text-body-xs-font-size: 12px;
733
+ --ds-basic-text-body-xs-font-weight: Book;
734
+ --ds-basic-text-body-xs-letter-spacing: 0;
735
+ --ds-basic-text-body-xs-line-height: 16px;
736
+ --ds-basic-text-body-xxs-font-family: AS Circular;
737
+ --ds-basic-text-body-xxs-font-size: 10px;
738
+ --ds-basic-text-body-xxs-font-weight: Book;
739
+ --ds-basic-text-body-xxs-letter-spacing: 0;
740
+ --ds-basic-text-body-xxs-line-height: 14px;
741
+ --ds-basic-text-display-xxl-breakpoint-lg-font-family: AS Circular;
742
+ --ds-basic-text-display-xxl-breakpoint-lg-font-size: 86px;
743
+ --ds-basic-text-display-xxl-breakpoint-lg-font-weight: Light;
744
+ --ds-basic-text-display-xxl-breakpoint-lg-letter-spacing: 0;
745
+ --ds-basic-text-display-xxl-breakpoint-lg-line-height: 130%;
746
+ --ds-basic-text-display-xxl-breakpoint-md-font-family: AS Circular;
747
+ --ds-basic-text-display-xxl-breakpoint-md-font-size: 72px;
748
+ --ds-basic-text-display-xxl-breakpoint-md-font-weight: Light;
749
+ --ds-basic-text-display-xxl-breakpoint-md-letter-spacing: 0;
750
+ --ds-basic-text-display-xxl-breakpoint-md-line-height: 130%;
751
+ --ds-basic-text-display-xxl-breakpoint-sm-font-family: AS Circular;
752
+ --ds-basic-text-display-xxl-breakpoint-sm-font-size: 56px;
753
+ --ds-basic-text-display-xxl-breakpoint-sm-font-weight: Light;
754
+ --ds-basic-text-display-xxl-breakpoint-sm-letter-spacing: 0;
755
+ --ds-basic-text-display-xxl-breakpoint-sm-line-height: 130%;
756
+ --ds-basic-text-display-xl-breakpoint-lg-font-family: AS Circular;
757
+ --ds-basic-text-display-xl-breakpoint-lg-font-size: 72px;
758
+ --ds-basic-text-display-xl-breakpoint-lg-font-weight: Light;
759
+ --ds-basic-text-display-xl-breakpoint-lg-letter-spacing: 0;
760
+ --ds-basic-text-display-xl-breakpoint-lg-line-height: 130%;
761
+ --ds-basic-text-display-xl-breakpoint-md-font-family: AS Circular;
762
+ --ds-basic-text-display-xl-breakpoint-md-font-size: 64px;
763
+ --ds-basic-text-display-xl-breakpoint-md-font-weight: Light;
764
+ --ds-basic-text-display-xl-breakpoint-md-letter-spacing: 0;
765
+ --ds-basic-text-display-xl-breakpoint-md-line-height: 130%;
766
+ --ds-basic-text-display-xl-breakpoint-sm-font-family: AS Circular;
767
+ --ds-basic-text-display-xl-breakpoint-sm-font-size: 48px;
768
+ --ds-basic-text-display-xl-breakpoint-sm-font-weight: Light;
769
+ --ds-basic-text-display-xl-breakpoint-sm-letter-spacing: 0;
770
+ --ds-basic-text-display-xl-breakpoint-sm-line-height: 130%;
771
+ --ds-basic-text-display-lg-breakpoint-lg-font-family: AS Circular;
772
+ --ds-basic-text-display-lg-breakpoint-lg-font-size: 64px;
773
+ --ds-basic-text-display-lg-breakpoint-lg-font-weight: Light;
774
+ --ds-basic-text-display-lg-breakpoint-lg-letter-spacing: 0;
775
+ --ds-basic-text-display-lg-breakpoint-lg-line-height: 130%;
776
+ --ds-basic-text-display-lg-breakpoint-md-font-family: AS Circular;
777
+ --ds-basic-text-display-lg-breakpoint-md-font-size: 56px;
778
+ --ds-basic-text-display-lg-breakpoint-md-font-weight: Light;
779
+ --ds-basic-text-display-lg-breakpoint-md-letter-spacing: 0;
780
+ --ds-basic-text-display-lg-breakpoint-md-line-height: 130%;
781
+ --ds-basic-text-display-lg-breakpoint-sm-font-family: AS Circular;
782
+ --ds-basic-text-display-lg-breakpoint-sm-font-size: 44px;
783
+ --ds-basic-text-display-lg-breakpoint-sm-font-weight: Light;
784
+ --ds-basic-text-display-lg-breakpoint-sm-letter-spacing: 0;
785
+ --ds-basic-text-display-lg-breakpoint-sm-line-height: 130%;
786
+ --ds-basic-text-display-md-breakpoint-lg-font-family: AS Circular;
787
+ --ds-basic-text-display-md-breakpoint-lg-font-size: 56px;
788
+ --ds-basic-text-display-md-breakpoint-lg-font-weight: Light;
789
+ --ds-basic-text-display-md-breakpoint-lg-letter-spacing: 0;
790
+ --ds-basic-text-display-md-breakpoint-lg-line-height: 130%;
791
+ --ds-basic-text-display-md-breakpoint-md-font-family: AS Circular;
792
+ --ds-basic-text-display-md-breakpoint-md-font-size: 48px;
793
+ --ds-basic-text-display-md-breakpoint-md-font-weight: Light;
794
+ --ds-basic-text-display-md-breakpoint-md-letter-spacing: 0;
795
+ --ds-basic-text-display-md-breakpoint-md-line-height: 130%;
796
+ --ds-basic-text-display-md-breakpoint-sm-font-family: AS Circular;
797
+ --ds-basic-text-display-md-breakpoint-sm-font-size: 40px;
798
+ --ds-basic-text-display-md-breakpoint-sm-font-weight: Light;
799
+ --ds-basic-text-display-md-breakpoint-sm-letter-spacing: 0;
800
+ --ds-basic-text-display-md-breakpoint-sm-line-height: 130%;
801
+ --ds-basic-text-display-sm-breakpoint-lg-font-family: AS Circular;
802
+ --ds-basic-text-display-sm-breakpoint-lg-font-size: 48px;
803
+ --ds-basic-text-display-sm-breakpoint-lg-font-weight: Light;
804
+ --ds-basic-text-display-sm-breakpoint-lg-letter-spacing: 0;
805
+ --ds-basic-text-display-sm-breakpoint-lg-line-height: 130%;
806
+ --ds-basic-text-display-sm-breakpoint-md-font-family: AS Circular;
807
+ --ds-basic-text-display-sm-breakpoint-md-font-size: 44px;
808
+ --ds-basic-text-display-sm-breakpoint-md-font-weight: Light;
809
+ --ds-basic-text-display-sm-breakpoint-md-letter-spacing: 0;
810
+ --ds-basic-text-display-sm-breakpoint-md-line-height: 130%;
811
+ --ds-basic-text-display-sm-breakpoint-sm-font-family: AS Circular;
812
+ --ds-basic-text-display-sm-breakpoint-sm-font-size: 32px;
813
+ --ds-basic-text-display-sm-breakpoint-sm-font-weight: Light;
814
+ --ds-basic-text-display-sm-breakpoint-sm-letter-spacing: 0;
815
+ --ds-basic-text-display-sm-breakpoint-sm-line-height: 130%;
816
+ --ds-basic-text-display-xs-breakpoint-lg-font-family: AS Circular;
817
+ --ds-basic-text-display-xs-breakpoint-lg-font-size: 38px;
818
+ --ds-basic-text-display-xs-breakpoint-lg-font-weight: Light;
819
+ --ds-basic-text-display-xs-breakpoint-lg-letter-spacing: 0;
820
+ --ds-basic-text-display-xs-breakpoint-lg-line-height: 130%;
821
+ --ds-basic-text-display-xs-breakpoint-md-font-family: AS Circular;
822
+ --ds-basic-text-display-xs-breakpoint-md-font-size: 36px;
823
+ --ds-basic-text-display-xs-breakpoint-md-font-weight: Light;
824
+ --ds-basic-text-display-xs-breakpoint-md-letter-spacing: 0;
825
+ --ds-basic-text-display-xs-breakpoint-md-line-height: 130%;
826
+ --ds-basic-text-display-xs-breakpoint-sm-font-family: AS Circular;
827
+ --ds-basic-text-display-xs-breakpoint-sm-font-size: 28px;
828
+ --ds-basic-text-display-xs-breakpoint-sm-font-weight: Light;
829
+ --ds-basic-text-display-xs-breakpoint-sm-letter-spacing: 0;
830
+ --ds-basic-text-display-xs-breakpoint-sm-line-height: 130%;
831
+ --ds-basic-text-heading-xl-breakpoint-lg-font-family: AS Circular;
832
+ --ds-basic-text-heading-xl-breakpoint-lg-font-size: 40px;
833
+ --ds-basic-text-heading-xl-breakpoint-lg-font-weight: Book;
834
+ --ds-basic-text-heading-xl-breakpoint-lg-letter-spacing: .05em;
835
+ --ds-basic-text-heading-xl-breakpoint-lg-line-height: 130%;
836
+ --ds-basic-text-heading-xl-breakpoint-md-font-family: AS Circular;
837
+ --ds-basic-text-heading-xl-breakpoint-md-font-size: 36px;
838
+ --ds-basic-text-heading-xl-breakpoint-md-font-weight: Book;
839
+ --ds-basic-text-heading-xl-breakpoint-md-letter-spacing: .05em;
840
+ --ds-basic-text-heading-xl-breakpoint-md-line-height: 130%;
841
+ --ds-basic-text-heading-xl-breakpoint-sm-font-family: AS Circular;
842
+ --ds-basic-text-heading-xl-breakpoint-sm-font-size: 32px;
843
+ --ds-basic-text-heading-xl-breakpoint-sm-font-weight: Book;
844
+ --ds-basic-text-heading-xl-breakpoint-sm-letter-spacing: .05em;
845
+ --ds-basic-text-heading-xl-breakpoint-sm-line-height: 130%;
846
+ --ds-basic-text-heading-lg-breakpoint-lg-font-family: AS Circular;
847
+ --ds-basic-text-heading-lg-breakpoint-lg-font-size: 36px;
848
+ --ds-basic-text-heading-lg-breakpoint-lg-font-weight: Book;
849
+ --ds-basic-text-heading-lg-breakpoint-lg-letter-spacing: .05em;
850
+ --ds-basic-text-heading-lg-breakpoint-lg-line-height: 130%;
851
+ --ds-basic-text-heading-lg-breakpoint-md-font-family: AS Circular;
852
+ --ds-basic-text-heading-lg-breakpoint-md-font-size: 32px;
853
+ --ds-basic-text-heading-lg-breakpoint-md-font-weight: Book;
854
+ --ds-basic-text-heading-lg-breakpoint-md-letter-spacing: .05em;
855
+ --ds-basic-text-heading-lg-breakpoint-md-line-height: 130%;
856
+ --ds-basic-text-heading-lg-breakpoint-sm-font-family: AS Circular;
857
+ --ds-basic-text-heading-lg-breakpoint-sm-font-size: 28px;
858
+ --ds-basic-text-heading-lg-breakpoint-sm-font-weight: Book;
859
+ --ds-basic-text-heading-lg-breakpoint-sm-letter-spacing: .05em;
860
+ --ds-basic-text-heading-lg-breakpoint-sm-line-height: 130%;
861
+ --ds-basic-text-heading-md-breakpoint-lg-font-family: AS Circular;
862
+ --ds-basic-text-heading-md-breakpoint-lg-font-size: 28px;
863
+ --ds-basic-text-heading-md-breakpoint-lg-font-weight: Medium;
864
+ --ds-basic-text-heading-md-breakpoint-lg-letter-spacing: .05em;
865
+ --ds-basic-text-heading-md-breakpoint-lg-line-height: 130%;
866
+ --ds-basic-text-heading-md-breakpoint-md-font-family: AS Circular;
867
+ --ds-basic-text-heading-md-breakpoint-md-font-size: 28px;
868
+ --ds-basic-text-heading-md-breakpoint-md-font-weight: Medium;
869
+ --ds-basic-text-heading-md-breakpoint-md-letter-spacing: .05em;
870
+ --ds-basic-text-heading-md-breakpoint-md-line-height: 130%;
871
+ --ds-basic-text-heading-md-breakpoint-sm-font-family: AS Circular;
872
+ --ds-basic-text-heading-md-breakpoint-sm-font-size: 26px;
873
+ --ds-basic-text-heading-md-breakpoint-sm-font-weight: Medium;
874
+ --ds-basic-text-heading-md-breakpoint-sm-letter-spacing: .05em;
875
+ --ds-basic-text-heading-md-breakpoint-sm-line-height: 130%;
876
+ --ds-basic-text-heading-sm-breakpoint-lg-font-family: AS Circular;
877
+ --ds-basic-text-heading-sm-breakpoint-lg-font-size: 24px;
878
+ --ds-basic-text-heading-sm-breakpoint-lg-font-weight: Medium;
879
+ --ds-basic-text-heading-sm-breakpoint-lg-letter-spacing: .05em;
880
+ --ds-basic-text-heading-sm-breakpoint-lg-line-height: 130%;
881
+ --ds-basic-text-heading-sm-breakpoint-md-font-family: AS Circular;
882
+ --ds-basic-text-heading-sm-breakpoint-md-font-size: 24px;
883
+ --ds-basic-text-heading-sm-breakpoint-md-font-weight: Medium;
884
+ --ds-basic-text-heading-sm-breakpoint-md-letter-spacing: .05em;
885
+ --ds-basic-text-heading-sm-breakpoint-md-line-height: 130%;
886
+ --ds-basic-text-heading-sm-breakpoint-sm-font-family: AS Circular;
887
+ --ds-basic-text-heading-sm-breakpoint-sm-font-size: 22px;
888
+ --ds-basic-text-heading-sm-breakpoint-sm-font-weight: Medium;
889
+ --ds-basic-text-heading-sm-breakpoint-sm-letter-spacing: .05em;
890
+ --ds-basic-text-heading-sm-breakpoint-sm-line-height: 130%;
891
+ --ds-basic-text-heading-xs-breakpoint-lg-font-family: AS Circular;
892
+ --ds-basic-text-heading-xs-breakpoint-lg-font-size: 20px;
893
+ --ds-basic-text-heading-xs-breakpoint-lg-font-weight: Medium;
894
+ --ds-basic-text-heading-xs-breakpoint-lg-letter-spacing: .05em;
895
+ --ds-basic-text-heading-xs-breakpoint-lg-line-height: 130%;
896
+ --ds-basic-text-heading-xs-breakpoint-md-font-family: AS Circular;
897
+ --ds-basic-text-heading-xs-breakpoint-md-font-size: 20px;
898
+ --ds-basic-text-heading-xs-breakpoint-md-font-weight: Medium;
899
+ --ds-basic-text-heading-xs-breakpoint-md-letter-spacing: .05em;
900
+ --ds-basic-text-heading-xs-breakpoint-md-line-height: 130%;
901
+ --ds-basic-text-heading-xs-breakpoint-sm-font-family: AS Circular;
902
+ --ds-basic-text-heading-xs-breakpoint-sm-font-size: 20px;
903
+ --ds-basic-text-heading-xs-breakpoint-sm-font-weight: Medium;
904
+ --ds-basic-text-heading-xs-breakpoint-sm-letter-spacing: .05em;
905
+ --ds-basic-text-heading-xs-breakpoint-sm-line-height: 130%;
906
+ --ds-basic-text-heading-xxs-breakpoint-lg-font-family: AS Circular;
907
+ --ds-basic-text-heading-xxs-breakpoint-lg-font-size: 18px;
908
+ --ds-basic-text-heading-xxs-breakpoint-lg-font-weight: Medium;
909
+ --ds-basic-text-heading-xxs-breakpoint-lg-letter-spacing: 0;
910
+ --ds-basic-text-heading-xxs-breakpoint-lg-line-height: 130%;
911
+ --ds-basic-text-heading-xxs-breakpoint-md-font-family: AS Circular;
912
+ --ds-basic-text-heading-xxs-breakpoint-md-font-size: 18px;
913
+ --ds-basic-text-heading-xxs-breakpoint-md-font-weight: Medium;
914
+ --ds-basic-text-heading-xxs-breakpoint-md-letter-spacing: 0;
915
+ --ds-basic-text-heading-xxs-breakpoint-md-line-height: 130%;
916
+ --ds-basic-text-heading-xxs-breakpoint-sm-font-family: AS Circular;
917
+ --ds-basic-text-heading-xxs-breakpoint-sm-font-size: 18px;
918
+ --ds-basic-text-heading-xxs-breakpoint-sm-font-weight: Medium;
919
+ --ds-basic-text-heading-xxs-breakpoint-sm-letter-spacing: 0;
920
+ --ds-basic-text-heading-xxs-breakpoint-sm-line-height: 130%;
921
+ --ds-basic-corner-radius-large: 100px;
922
+ --ds-basic-corner-radius-medium: 6px;
923
+ --ds-basic-corner-radius-small: 6px;
924
+ }
925
+
463
926
  /* Properties from CSSCustomProperties--hawaiian.css */
464
927
  [data-aag-theme="aag-theme-ha"] {
928
+ --ds-advanced-color-button-flat-text: #676767;
929
+ --ds-advanced-color-button-flat-text-disabled: #d0d0d0;
930
+ --ds-advanced-color-button-flat-text-hover: #525252;
931
+ --ds-advanced-color-button-flat-text-inverse: #ffffff;
932
+ --ds-advanced-color-button-flat-text-inverse-disabled: #7e8894;
933
+ --ds-advanced-color-button-flat-text-inverse-hover: #adadad;
465
934
  --ds-advanced-color-button-primary-background: #463c8f;
466
- --ds-advanced-color-button-primary-background-active: #31295c;
467
935
  --ds-advanced-color-button-primary-background-disabled: #aca1cc;
468
936
  --ds-advanced-color-button-primary-background-hover: #31295c;
469
937
  --ds-advanced-color-button-primary-background-inactive: #ccc5e0;
470
938
  --ds-advanced-color-button-primary-background-inactive-hover: #8c7eb8;
471
939
  --ds-advanced-color-button-primary-background-inverse: #ffffff;
472
- --ds-advanced-color-button-primary-background-inverse-disabled: #ffffffbf;
940
+ --ds-advanced-color-button-primary-background-inverse-disabled: rgba(255, 255, 255, 0.75);
473
941
  --ds-advanced-color-button-primary-background-inverse-hover: #edeaf4;
474
942
  --ds-advanced-color-button-primary-border: #463c8f;
475
943
  --ds-advanced-color-button-primary-border-disabled: #aca1cc;
476
944
  --ds-advanced-color-button-primary-border-hover: #31295c;
477
945
  --ds-advanced-color-button-primary-border-inverse: #ffffff;
478
- --ds-advanced-color-button-primary-border-inverse-disabled: #ffffffbf;
946
+ --ds-advanced-color-button-primary-border-inverse-disabled: rgba(255, 255, 255, 0.75);
479
947
  --ds-advanced-color-button-primary-border-inverse-hover: #edeaf4;
480
948
  --ds-advanced-color-button-primary-text: #ffffff;
481
949
  --ds-advanced-color-button-primary-text-inverse: #463c8f;
482
950
  --ds-advanced-color-button-secondary-background: #ffffff;
483
951
  --ds-advanced-color-button-secondary-background-disabled: #f7f7f7;
484
952
  --ds-advanced-color-button-secondary-background-hover: #f2f2f2;
485
- --ds-advanced-color-button-secondary-background-inverse-hover: #0000000d;
953
+ --ds-advanced-color-button-secondary-background-inverse-hover: rgba(0, 0, 0, 0.05);
486
954
  --ds-advanced-color-button-secondary-border: #d0d0d0;
487
955
  --ds-advanced-color-button-secondary-border-hover: #d0d0d0;
488
- --ds-advanced-color-button-secondary-border-hover-disabled: #f7f7f7;
956
+ --ds-advanced-color-button-secondary-border-disabled: #d0d0d0;
489
957
  --ds-advanced-color-button-secondary-border-inverse: #ffffff;
490
958
  --ds-advanced-color-button-secondary-border-inverse-disabled: #dddddd;
491
959
  --ds-advanced-color-button-secondary-text: #463c8f;
492
960
  --ds-advanced-color-button-secondary-text-hover: #31295c;
493
961
  --ds-advanced-color-button-secondary-text-inverse: #ffffff;
494
- --ds-advanced-color-button-tertiary-background: #0000000d;
495
- --ds-advanced-color-button-tertiary-background-hover: #0000001a;
496
- --ds-advanced-color-button-tertiary-background-inverse: #ffffff0d;
497
- --ds-advanced-color-button-tertiary-background-inverse-hover: #ffffffe6;
498
- --ds-advanced-color-button-tertiary-border: #0000000d;
499
- --ds-advanced-color-button-tertiary-border-hover: #0000001a;
500
- --ds-advanced-color-button-tertiary-border-inverse: #ffffff0d;
501
- --ds-advanced-color-button-tertiary-border-inverse-hover: #ffffffe6;
962
+ --ds-advanced-color-button-tertiary-background: rgba(0, 0, 0, 0.05);
963
+ --ds-advanced-color-button-tertiary-background-hover: rgba(0, 0, 0, 0.1);
964
+ --ds-advanced-color-button-tertiary-background-inverse: rgba(255, 255, 255, 0.05);
965
+ --ds-advanced-color-button-tertiary-background-inverse-hover: rgba(255, 255, 255, 0.1);
502
966
  --ds-advanced-color-button-tertiary-text: #463c8f;
503
967
  --ds-advanced-color-button-tertiary-text-hover: #31295c;
504
968
  --ds-advanced-color-button-tertiary-text-inverse: #ffffff;
@@ -525,24 +989,24 @@
525
989
  --ds-advanced-color-boolean-isfalse-border: #adadad;
526
990
  --ds-advanced-color-boolean-isfalse-border-inverse: #ffffff;
527
991
  --ds-advanced-color-boolean-isfalse-hover: #f2f2f2;
528
- --ds-advanced-color-boolean-isfalse-inverse: #ffffff0d;
992
+ --ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.05);
529
993
  --ds-advanced-color-boolean-isfalse-inverse-hover: #f2f2f2;
530
994
  --ds-advanced-color-boolean-istrue: #463c8f;
531
995
  --ds-advanced-color-boolean-istrue-hover: #31295c;
532
996
  --ds-advanced-color-boolean-istrue-inverse: #ffffff;
533
- --ds-advanced-color-boolean-istrue-inverse-hover: #ffffffb2;
997
+ --ds-advanced-color-boolean-istrue-inverse-hover: rgba(255, 255, 255, 0.7);
534
998
  --ds-advanced-color-hyperlink-text: #463c8f;
535
999
  --ds-advanced-color-hyperlink-text-hover: #31295c;
536
1000
  --ds-advanced-color-hyperlink-text-inverse: #ffffff;
537
1001
  --ds-advanced-color-hyperlink-text-inverse-hover: #ffffff;
538
1002
  --ds-advanced-color-shared-background: #ffffff;
539
- --ds-advanced-color-shared-background-inverse: #ffffff0d;
1003
+ --ds-advanced-color-shared-background-inverse: rgba(255, 255, 255, 0.05);
540
1004
  --ds-advanced-color-shared-background-muted: #f7f7f7;
541
1005
  --ds-advanced-color-shared-background-strong: #7e7e7e;
542
1006
  --ds-advanced-color-shared-text-accent: #463c8f;
543
1007
  --ds-advanced-color-state-background-disabled: #dddddd;
544
1008
  --ds-advanced-color-state-background-hover: #f2f2f2;
545
- --ds-advanced-color-state-background-inverse-hover: #ffffff1a;
1009
+ --ds-advanced-color-state-background-inverse-hover: rgba(255, 255, 255, 0.15);
546
1010
  --ds-advanced-color-state-error-inverse: #f9a4a8;
547
1011
  --ds-advanced-color-state-focused: #463c8f;
548
1012
  --ds-advanced-color-state-focused-inverse: #ffffff;
@@ -551,8 +1015,8 @@
551
1015
  --ds-basic-color-border-bold: #adadad;
552
1016
  --ds-basic-color-border-brand: #463c8f;
553
1017
  --ds-basic-color-border-default: #d0d0d0;
554
- --ds-basic-color-border-divider: #00000026;
555
- --ds-basic-color-border-divider-inverse: #ffffff66;
1018
+ --ds-basic-color-border-divider: rgba(0, 0, 0, 0.15);
1019
+ --ds-basic-color-border-divider-inverse: rgba(255, 255, 255, 0.4);
556
1020
  --ds-basic-color-border-inverse: #ffffff;
557
1021
  --ds-basic-color-border-subtle: #dddddd;
558
1022
  --ds-basic-color-brand-primary: #463c8f;
@@ -601,6 +1065,8 @@
601
1065
  --ds-basic-color-texticon-disabled: #d0d0d0;
602
1066
  --ds-basic-color-texticon-disabled-inverse: #7e8894;
603
1067
  --ds-basic-color-texticon-inverse: #ffffff;
1068
+ --ds-basic-color-texticon-inverse-disabled: #7e8894;
1069
+ --ds-basic-color-texticon-inverse-muted: #ccd2db;
604
1070
  --ds-basic-color-texticon-muted: #3d3d3d;
605
1071
  --ds-basic-text-accent-lg-breakpoint-lg-font-family: Slate Pro;
606
1072
  --ds-basic-text-accent-lg-breakpoint-lg-font-size: 28px;