@aurodesignsystem/design-tokens 5.7.0 → 5.8.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 (64) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/CSSCustomProperties--bundled.css +73 -61
  3. package/dist/alaska/CSSCustomProperties--alaska.css +26 -22
  4. package/dist/alaska/JSONVariablesNested--alaska.json +27 -21
  5. package/dist/alaska/JSObject--allTokens.js +388 -260
  6. package/dist/alaska/SCSSVariables--alaska.scss +26 -22
  7. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +26 -22
  8. package/dist/alaska/primitives--alaska.scss +27 -27
  9. package/dist/alaska-classic/CSSCustomProperties--alaskaClassic.css +25 -21
  10. package/dist/alaska-classic/JSONVariablesNested--alaskaClassic.json +26 -20
  11. package/dist/alaska-classic/JSObject--allTokens.js +387 -259
  12. package/dist/alaska-classic/SCSSVariables--alaskaClassic.scss +25 -21
  13. package/dist/alaska-classic/SCSSVariablesMapFlat--alaskaClassic.scss +25 -21
  14. package/dist/alaska-classic/primitives--alaskaClassic.scss +27 -27
  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 +24 -20
  27. package/dist/hawaiian/JSONVariablesNested--hawaiian.json +25 -19
  28. package/dist/hawaiian/JSObject--allTokens.js +386 -258
  29. package/dist/hawaiian/SCSSVariables--hawaiian.scss +24 -20
  30. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +24 -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 → color/boolean.json} +1 -1
  36. package/src/themes/alaska/advanced/color/button/flat.json +58 -0
  37. package/src/themes/alaska/advanced/{button → color/button}/primary.json +0 -8
  38. package/src/themes/alaska/advanced/{button → color/button}/secondary.json +4 -4
  39. package/src/themes/{hawaiian/advanced → alaska/advanced/color}/button/tertiary.json +0 -32
  40. package/src/themes/{hawaiian/advanced → alaska/advanced/color}/state.json +8 -0
  41. package/src/themes/alaska/basic/color/text-icon.json +16 -0
  42. package/src/themes/alaska-classic/advanced/{boolean.json → color/boolean.json} +1 -1
  43. package/src/themes/alaska-classic/advanced/color/button/flat.json +58 -0
  44. package/src/themes/alaska-classic/advanced/{button → color/button}/primary.json +0 -8
  45. package/src/themes/alaska-classic/advanced/{button → color/button}/secondary.json +4 -4
  46. package/src/themes/alaska-classic/advanced/{button → color/button}/tertiary.json +0 -32
  47. package/src/themes/alaska-classic/advanced/{state.json → color/state.json} +8 -0
  48. package/src/themes/alaska-classic/basic/color/text-icon.json +16 -0
  49. package/src/themes/hawaiian/advanced/{boolean.json → color/boolean.json} +1 -1
  50. package/src/themes/hawaiian/advanced/color/button/flat.json +58 -0
  51. package/src/themes/hawaiian/advanced/{button → color/button}/primary.json +0 -8
  52. package/src/themes/hawaiian/advanced/{button → color/button}/secondary.json +4 -4
  53. package/src/themes/{alaska/advanced → hawaiian/advanced/color}/button/tertiary.json +0 -32
  54. package/src/themes/{alaska/advanced → hawaiian/advanced/color}/state.json +8 -0
  55. package/src/themes/hawaiian/basic/color/text-icon.json +16 -0
  56. /package/src/themes/alaska/advanced/{accents.json → color/accents.json} +0 -0
  57. /package/src/themes/alaska/advanced/{hyperlink.json → color/hyperlink.json} +0 -0
  58. /package/src/themes/alaska/advanced/{shared.json → color/shared.json} +0 -0
  59. /package/src/themes/alaska-classic/advanced/{accents.json → color/accents.json} +0 -0
  60. /package/src/themes/alaska-classic/advanced/{hyperlink.json → color/hyperlink.json} +0 -0
  61. /package/src/themes/alaska-classic/advanced/{shared.json → color/shared.json} +0 -0
  62. /package/src/themes/hawaiian/advanced/{accents.json → color/accents.json} +0 -0
  63. /package/src/themes/hawaiian/advanced/{hyperlink.json → color/hyperlink.json} +0 -0
  64. /package/src/themes/hawaiian/advanced/{shared.json → color/shared.json} +0 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,29 @@
1
1
  # Semantic Release Automated Changelog
2
2
 
3
+ ## [5.8.1](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v5.8.0...v5.8.1) (2025-04-11)
4
+
5
+
6
+ ### Performance Improvements
7
+
8
+ * add backgroundInverseDisabled token ([0acf6f2](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/0acf6f287398c71dc26119177b5346e99869a56b))
9
+ * update boolean token ([35fe96f](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/35fe96fddd9c350bc80b22ed4556c19ba1244d47))
10
+
11
+ # [5.8.0](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v5.7.0...v5.8.0) (2025-04-09)
12
+
13
+
14
+ ### Features
15
+
16
+ * add flat button tokens ([589225a](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/589225aa471dd43218e073231ef742c3dab901db))
17
+
18
+
19
+ ### Performance Improvements
20
+
21
+ * add textIcon token values ([b4f6fed](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/b4f6fedd8adad36c59e337427b2ee455de4a73a9))
22
+ * remove backgroundActive token ([9ef0a2e](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/9ef0a2e5b8bc612566df21a61390aaf5d9cc5dff))
23
+ * remove tertiary border color tokens ([d00dd6e](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/d00dd6e5b5d00ee6bc5e2237c149095f326abceb))
24
+ * update secondary button tokens ([5a7631d](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/5a7631ddd7cf17d11672f989ad507924d85edc89))
25
+ * update transparency values to rgba ([754a833](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/754a8330151ff575b1cdf804bef1f5be63861abe))
26
+
3
27
  # [5.7.0](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v5.6.1...v5.7.0) (2025-04-08)
4
28
 
5
29
 
package/dist/CSSCustomProperties--bundled.css CHANGED
@@ -1,47 +1,48 @@
1
1
  /**
2
2
  Do not edit directly
3
- Generated on Tue, 08 Apr 2025 22:45:28 GMT
3
+ Generated on Fri, 11 Apr 2025 16:48:34 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;
@@ -63,29 +64,30 @@
63
64
  --ds-advanced-color-boolean-error-inverse: #f9a4a8;
64
65
  --ds-advanced-color-boolean-error-inverse-hover: #f15f65;
65
66
  --ds-advanced-color-boolean-indicator: #ffffff;
66
- --ds-advanced-color-boolean-indicator-inverse: #01426a;
67
+ --ds-advanced-color-boolean-indicator-inverse: #00274a;
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
71
  --ds-advanced-color-boolean-isfalse-hover: #f2f2f2;
71
- --ds-advanced-color-boolean-isfalse-inverse: #ffffff0d;
72
- --ds-advanced-color-boolean-isfalse-inverse-hover: #ffffff1a;
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-disabled: #7e8894;
90
+ --ds-advanced-color-state-background-inverse-hover: rgba(255, 255, 255, 0.15);
89
91
  --ds-advanced-color-state-error-inverse: #f9a4a8;
90
92
  --ds-advanced-color-state-focused: #01426a;
91
93
  --ds-advanced-color-state-focused-inverse: #ffffff;
@@ -94,8 +96,8 @@
94
96
  --ds-basic-color-border-bold: #585e67;
95
97
  --ds-basic-color-border-brand: #00274a;
96
98
  --ds-basic-color-border-default: #959595;
97
- --ds-basic-color-border-divider: #00000026;
98
- --ds-basic-color-border-divider-inverse: #ffffff66;
99
+ --ds-basic-color-border-divider: rgba(0, 0, 0, 0.15);
100
+ --ds-basic-color-border-divider-inverse: rgba(255, 255, 255, 0.4);
99
101
  --ds-basic-color-border-inverse: #ffffff;
100
102
  --ds-basic-color-border-subtle: #dddddd;
101
103
  --ds-basic-color-brand-primary: #01426a;
@@ -144,6 +146,8 @@
144
146
  --ds-basic-color-texticon-disabled: #d0d0d0;
145
147
  --ds-basic-color-texticon-disabled-inverse: #7e8894;
146
148
  --ds-basic-color-texticon-inverse: #ffffff;
149
+ --ds-basic-color-texticon-inverse-disabled: #7e8894;
150
+ --ds-basic-color-texticon-inverse-muted: #ccd2db;
147
151
  --ds-basic-color-texticon-muted: #676767;
148
152
  --ds-basic-text-accent-lg-breakpoint-lg-font-family: Good OT;
149
153
  --ds-basic-text-accent-lg-breakpoint-lg-font-size: 28px;
@@ -462,20 +466,25 @@
462
466
 
463
467
  /* Properties from CSSCustomProperties--alaskaClassic.css */
464
468
  [data-aag-theme="aag-theme-asc"] {
469
+ --ds-advanced-color-button-flat-text: #676767;
470
+ --ds-advanced-color-button-flat-text-disabled: #d0d0d0;
471
+ --ds-advanced-color-button-flat-text-hover: #525252;
472
+ --ds-advanced-color-button-flat-text-inverse: #ffffff;
473
+ --ds-advanced-color-button-flat-text-inverse-disabled: #7e8894;
474
+ --ds-advanced-color-button-flat-text-inverse-hover: #adadad;
465
475
  --ds-advanced-color-button-primary-background: #0074ca;
466
- --ds-advanced-color-button-primary-background-active: #003761;
467
476
  --ds-advanced-color-button-primary-background-disabled: #acc9e2;
468
477
  --ds-advanced-color-button-primary-background-hover: #003761;
469
478
  --ds-advanced-color-button-primary-background-inactive: #aedeff;
470
479
  --ds-advanced-color-button-primary-background-inactive-hover: #289bee;
471
480
  --ds-advanced-color-button-primary-background-inverse: #5de3f7;
472
- --ds-advanced-color-button-primary-background-inverse-disabled: #ffffffbf;
481
+ --ds-advanced-color-button-primary-background-inverse-disabled: rgba(255, 255, 255, 0.75);
473
482
  --ds-advanced-color-button-primary-background-inverse-hover: #b4eff9;
474
483
  --ds-advanced-color-button-primary-border: #0074ca;
475
484
  --ds-advanced-color-button-primary-border-disabled: #acc9e2;
476
485
  --ds-advanced-color-button-primary-border-hover: #003761;
477
486
  --ds-advanced-color-button-primary-border-inverse: #5de3f7;
478
- --ds-advanced-color-button-primary-border-inverse-disabled: #ffffffbf;
487
+ --ds-advanced-color-button-primary-border-inverse-disabled: rgba(255, 255, 255, 0.75);
479
488
  --ds-advanced-color-button-primary-border-inverse-hover: #b4eff9;
480
489
  --ds-advanced-color-button-primary-text: #ffffff;
481
490
  --ds-advanced-color-button-primary-text-inverse: #2a2a2a;
@@ -485,20 +494,16 @@
485
494
  --ds-advanced-color-button-secondary-background-inverse-hover: #ebfafd;
486
495
  --ds-advanced-color-button-secondary-border: #0074ca;
487
496
  --ds-advanced-color-button-secondary-border-hover: #003761;
488
- --ds-advanced-color-button-secondary-border-hover-disabled: #f7f7f7;
497
+ --ds-advanced-color-button-secondary-border-disabled: #dddddd;
489
498
  --ds-advanced-color-button-secondary-border-inverse: #5de3f7;
490
499
  --ds-advanced-color-button-secondary-border-inverse-disabled: #dddddd;
491
500
  --ds-advanced-color-button-secondary-text: #0074ca;
492
501
  --ds-advanced-color-button-secondary-text-hover: #01426a;
493
502
  --ds-advanced-color-button-secondary-text-inverse: #5de3f7;
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;
503
+ --ds-advanced-color-button-tertiary-background: rgba(0, 0, 0, 0.05);
504
+ --ds-advanced-color-button-tertiary-background-hover: rgba(0, 0, 0, 0.1);
505
+ --ds-advanced-color-button-tertiary-background-inverse: rgba(255, 255, 255, 0.05);
506
+ --ds-advanced-color-button-tertiary-background-inverse-hover: rgba(255, 255, 255, 0.1);
502
507
  --ds-advanced-color-button-tertiary-text: #0074ca;
503
508
  --ds-advanced-color-button-tertiary-text-hover: #003761;
504
509
  --ds-advanced-color-button-tertiary-text-inverse: #5de3f7;
@@ -520,29 +525,30 @@
520
525
  --ds-advanced-color-boolean-error-inverse: #f9a4a8;
521
526
  --ds-advanced-color-boolean-error-inverse-hover: #f15f65;
522
527
  --ds-advanced-color-boolean-indicator: #ffffff;
523
- --ds-advanced-color-boolean-indicator-inverse: #0074ca;
528
+ --ds-advanced-color-boolean-indicator-inverse: #01426a;
524
529
  --ds-advanced-color-boolean-isfalse: #ffffff;
525
530
  --ds-advanced-color-boolean-isfalse-border: #585e67;
526
531
  --ds-advanced-color-boolean-isfalse-border-inverse: #ffffff;
527
532
  --ds-advanced-color-boolean-isfalse-hover: #f2f2f2;
528
- --ds-advanced-color-boolean-isfalse-inverse: #ffffff0d;
529
- --ds-advanced-color-boolean-isfalse-inverse-hover: #ffffff1a;
533
+ --ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.05);
534
+ --ds-advanced-color-boolean-isfalse-inverse-hover: rgba(255, 255, 255, 0.15);
530
535
  --ds-advanced-color-boolean-istrue: #0074ca;
531
536
  --ds-advanced-color-boolean-istrue-hover: #003761;
532
537
  --ds-advanced-color-boolean-istrue-inverse: #ffffff;
533
- --ds-advanced-color-boolean-istrue-inverse-hover: #ffffffb2;
538
+ --ds-advanced-color-boolean-istrue-inverse-hover: rgba(255, 255, 255, 0.7);
534
539
  --ds-advanced-color-hyperlink-text: #0074ca;
535
540
  --ds-advanced-color-hyperlink-text-hover: #01426a;
536
541
  --ds-advanced-color-hyperlink-text-inverse: #97eaf8;
537
542
  --ds-advanced-color-hyperlink-text-inverse-hover: #b4eff9;
538
543
  --ds-advanced-color-shared-background: #ffffff;
539
- --ds-advanced-color-shared-background-inverse: #ffffff0d;
544
+ --ds-advanced-color-shared-background-inverse: rgba(255, 255, 255, 0.05);
540
545
  --ds-advanced-color-shared-background-muted: #f7f7f7;
541
546
  --ds-advanced-color-shared-background-strong: #7e7e7e;
542
547
  --ds-advanced-color-shared-text-accent: #0074ca;
543
548
  --ds-advanced-color-state-background-disabled: #dddddd;
544
549
  --ds-advanced-color-state-background-hover: #f2f2f2;
545
- --ds-advanced-color-state-background-inverse-hover: #ffffff1a;
550
+ --ds-advanced-color-state-background-inverse-disabled: #7e8894;
551
+ --ds-advanced-color-state-background-inverse-hover: rgba(255, 255, 255, 0.15);
546
552
  --ds-advanced-color-state-error-inverse: #e31f26;
547
553
  --ds-advanced-color-state-focused: #0074ca;
548
554
  --ds-advanced-color-state-focused-inverse: #5de3f7;
@@ -551,8 +557,8 @@
551
557
  --ds-basic-color-border-bold: #585e67;
552
558
  --ds-basic-color-border-brand: #01426a;
553
559
  --ds-basic-color-border-default: #959595;
554
- --ds-basic-color-border-divider: #00000026;
555
- --ds-basic-color-border-divider-inverse: #ffffff66;
560
+ --ds-basic-color-border-divider: rgba(0, 0, 0, 0.15);
561
+ --ds-basic-color-border-divider-inverse: rgba(255, 255, 255, 0.4);
556
562
  --ds-basic-color-border-inverse: #ffffff;
557
563
  --ds-basic-color-border-subtle: #dddddd;
558
564
  --ds-basic-color-brand-primary: #0074ca;
@@ -601,6 +607,8 @@
601
607
  --ds-basic-color-texticon-disabled: #d0d0d0;
602
608
  --ds-basic-color-texticon-disabled-inverse: #7e8894;
603
609
  --ds-basic-color-texticon-inverse: #ffffff;
610
+ --ds-basic-color-texticon-inverse-disabled: #7e8894;
611
+ --ds-basic-color-texticon-inverse-muted: #ccd2db;
604
612
  --ds-basic-color-texticon-muted: #676767;
605
613
  --ds-basic-text-accent-xxl-breakpoint-lg-font-family: AS Circular;
606
614
  --ds-basic-text-accent-xxl-breakpoint-lg-font-size: 38px;
@@ -919,43 +927,44 @@
919
927
 
920
928
  /* Properties from CSSCustomProperties--hawaiian.css */
921
929
  [data-aag-theme="aag-theme-ha"] {
930
+ --ds-advanced-color-button-flat-text: #676767;
931
+ --ds-advanced-color-button-flat-text-disabled: #d0d0d0;
932
+ --ds-advanced-color-button-flat-text-hover: #525252;
933
+ --ds-advanced-color-button-flat-text-inverse: #ffffff;
934
+ --ds-advanced-color-button-flat-text-inverse-disabled: #7e8894;
935
+ --ds-advanced-color-button-flat-text-inverse-hover: #adadad;
922
936
  --ds-advanced-color-button-primary-background: #463c8f;
923
- --ds-advanced-color-button-primary-background-active: #31295c;
924
937
  --ds-advanced-color-button-primary-background-disabled: #aca1cc;
925
938
  --ds-advanced-color-button-primary-background-hover: #31295c;
926
939
  --ds-advanced-color-button-primary-background-inactive: #ccc5e0;
927
940
  --ds-advanced-color-button-primary-background-inactive-hover: #8c7eb8;
928
941
  --ds-advanced-color-button-primary-background-inverse: #ffffff;
929
- --ds-advanced-color-button-primary-background-inverse-disabled: #ffffffbf;
942
+ --ds-advanced-color-button-primary-background-inverse-disabled: rgba(255, 255, 255, 0.75);
930
943
  --ds-advanced-color-button-primary-background-inverse-hover: #edeaf4;
931
944
  --ds-advanced-color-button-primary-border: #463c8f;
932
945
  --ds-advanced-color-button-primary-border-disabled: #aca1cc;
933
946
  --ds-advanced-color-button-primary-border-hover: #31295c;
934
947
  --ds-advanced-color-button-primary-border-inverse: #ffffff;
935
- --ds-advanced-color-button-primary-border-inverse-disabled: #ffffffbf;
948
+ --ds-advanced-color-button-primary-border-inverse-disabled: rgba(255, 255, 255, 0.75);
936
949
  --ds-advanced-color-button-primary-border-inverse-hover: #edeaf4;
937
950
  --ds-advanced-color-button-primary-text: #ffffff;
938
951
  --ds-advanced-color-button-primary-text-inverse: #463c8f;
939
952
  --ds-advanced-color-button-secondary-background: #ffffff;
940
953
  --ds-advanced-color-button-secondary-background-disabled: #f7f7f7;
941
954
  --ds-advanced-color-button-secondary-background-hover: #f2f2f2;
942
- --ds-advanced-color-button-secondary-background-inverse-hover: #0000000d;
955
+ --ds-advanced-color-button-secondary-background-inverse-hover: rgba(0, 0, 0, 0.05);
943
956
  --ds-advanced-color-button-secondary-border: #d0d0d0;
944
957
  --ds-advanced-color-button-secondary-border-hover: #d0d0d0;
945
- --ds-advanced-color-button-secondary-border-hover-disabled: #f7f7f7;
958
+ --ds-advanced-color-button-secondary-border-disabled: #d0d0d0;
946
959
  --ds-advanced-color-button-secondary-border-inverse: #ffffff;
947
960
  --ds-advanced-color-button-secondary-border-inverse-disabled: #dddddd;
948
961
  --ds-advanced-color-button-secondary-text: #463c8f;
949
962
  --ds-advanced-color-button-secondary-text-hover: #31295c;
950
963
  --ds-advanced-color-button-secondary-text-inverse: #ffffff;
951
- --ds-advanced-color-button-tertiary-background: #0000000d;
952
- --ds-advanced-color-button-tertiary-background-hover: #0000001a;
953
- --ds-advanced-color-button-tertiary-background-inverse: #ffffff0d;
954
- --ds-advanced-color-button-tertiary-background-inverse-hover: #ffffffe6;
955
- --ds-advanced-color-button-tertiary-border: #0000000d;
956
- --ds-advanced-color-button-tertiary-border-hover: #0000001a;
957
- --ds-advanced-color-button-tertiary-border-inverse: #ffffff0d;
958
- --ds-advanced-color-button-tertiary-border-inverse-hover: #ffffffe6;
964
+ --ds-advanced-color-button-tertiary-background: rgba(0, 0, 0, 0.05);
965
+ --ds-advanced-color-button-tertiary-background-hover: rgba(0, 0, 0, 0.1);
966
+ --ds-advanced-color-button-tertiary-background-inverse: rgba(255, 255, 255, 0.05);
967
+ --ds-advanced-color-button-tertiary-background-inverse-hover: rgba(255, 255, 255, 0.1);
959
968
  --ds-advanced-color-button-tertiary-text: #463c8f;
960
969
  --ds-advanced-color-button-tertiary-text-hover: #31295c;
961
970
  --ds-advanced-color-button-tertiary-text-inverse: #ffffff;
@@ -982,24 +991,25 @@
982
991
  --ds-advanced-color-boolean-isfalse-border: #adadad;
983
992
  --ds-advanced-color-boolean-isfalse-border-inverse: #ffffff;
984
993
  --ds-advanced-color-boolean-isfalse-hover: #f2f2f2;
985
- --ds-advanced-color-boolean-isfalse-inverse: #ffffff0d;
994
+ --ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.05);
986
995
  --ds-advanced-color-boolean-isfalse-inverse-hover: #f2f2f2;
987
996
  --ds-advanced-color-boolean-istrue: #463c8f;
988
997
  --ds-advanced-color-boolean-istrue-hover: #31295c;
989
998
  --ds-advanced-color-boolean-istrue-inverse: #ffffff;
990
- --ds-advanced-color-boolean-istrue-inverse-hover: #ffffffb2;
999
+ --ds-advanced-color-boolean-istrue-inverse-hover: rgba(255, 255, 255, 0.7);
991
1000
  --ds-advanced-color-hyperlink-text: #463c8f;
992
1001
  --ds-advanced-color-hyperlink-text-hover: #31295c;
993
1002
  --ds-advanced-color-hyperlink-text-inverse: #ffffff;
994
1003
  --ds-advanced-color-hyperlink-text-inverse-hover: #ffffff;
995
1004
  --ds-advanced-color-shared-background: #ffffff;
996
- --ds-advanced-color-shared-background-inverse: #ffffff0d;
1005
+ --ds-advanced-color-shared-background-inverse: rgba(255, 255, 255, 0.05);
997
1006
  --ds-advanced-color-shared-background-muted: #f7f7f7;
998
1007
  --ds-advanced-color-shared-background-strong: #7e7e7e;
999
1008
  --ds-advanced-color-shared-text-accent: #463c8f;
1000
1009
  --ds-advanced-color-state-background-disabled: #dddddd;
1001
1010
  --ds-advanced-color-state-background-hover: #f2f2f2;
1002
- --ds-advanced-color-state-background-inverse-hover: #ffffff1a;
1011
+ --ds-advanced-color-state-background-inverse-disabled: #7e8894;
1012
+ --ds-advanced-color-state-background-inverse-hover: rgba(255, 255, 255, 0.15);
1003
1013
  --ds-advanced-color-state-error-inverse: #f9a4a8;
1004
1014
  --ds-advanced-color-state-focused: #463c8f;
1005
1015
  --ds-advanced-color-state-focused-inverse: #ffffff;
@@ -1008,8 +1018,8 @@
1008
1018
  --ds-basic-color-border-bold: #adadad;
1009
1019
  --ds-basic-color-border-brand: #463c8f;
1010
1020
  --ds-basic-color-border-default: #d0d0d0;
1011
- --ds-basic-color-border-divider: #00000026;
1012
- --ds-basic-color-border-divider-inverse: #ffffff66;
1021
+ --ds-basic-color-border-divider: rgba(0, 0, 0, 0.15);
1022
+ --ds-basic-color-border-divider-inverse: rgba(255, 255, 255, 0.4);
1013
1023
  --ds-basic-color-border-inverse: #ffffff;
1014
1024
  --ds-basic-color-border-subtle: #dddddd;
1015
1025
  --ds-basic-color-brand-primary: #463c8f;
@@ -1058,6 +1068,8 @@
1058
1068
  --ds-basic-color-texticon-disabled: #d0d0d0;
1059
1069
  --ds-basic-color-texticon-disabled-inverse: #7e8894;
1060
1070
  --ds-basic-color-texticon-inverse: #ffffff;
1071
+ --ds-basic-color-texticon-inverse-disabled: #7e8894;
1072
+ --ds-basic-color-texticon-inverse-muted: #ccd2db;
1061
1073
  --ds-basic-color-texticon-muted: #3d3d3d;
1062
1074
  --ds-basic-text-accent-lg-breakpoint-lg-font-family: Slate Pro;
1063
1075
  --ds-basic-text-accent-lg-breakpoint-lg-font-size: 28px;
package/dist/alaska/CSSCustomProperties--alaska.css CHANGED
@@ -1,46 +1,47 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 08 Apr 2025 22:45:38 GMT
3
+ * Generated on Fri, 11 Apr 2025 16:48:45 GMT
4
4
  */
5
5
 
6
6
  :root {
7
+ --ds-advanced-color-button-flat-text: #676767;
8
+ --ds-advanced-color-button-flat-text-disabled: #d0d0d0;
9
+ --ds-advanced-color-button-flat-text-hover: #525252;
10
+ --ds-advanced-color-button-flat-text-inverse: #ffffff;
11
+ --ds-advanced-color-button-flat-text-inverse-disabled: #7e8894;
12
+ --ds-advanced-color-button-flat-text-inverse-hover: #adadad;
7
13
  --ds-advanced-color-button-primary-background: #01426a;
8
- --ds-advanced-color-button-primary-background-active: #00274a;
9
14
  --ds-advanced-color-button-primary-background-disabled: #acc9e2;
10
15
  --ds-advanced-color-button-primary-background-hover: #00274a;
11
16
  --ds-advanced-color-button-primary-background-inactive: #cfe0ef;
12
17
  --ds-advanced-color-button-primary-background-inactive-hover: #89b2d4;
13
18
  --ds-advanced-color-button-primary-background-inverse: #ffffff;
14
- --ds-advanced-color-button-primary-background-inverse-disabled: #ffffffbf;
19
+ --ds-advanced-color-button-primary-background-inverse-disabled: rgba(255, 255, 255, 0.75);
15
20
  --ds-advanced-color-button-primary-background-inverse-hover: #ebf3f9;
16
21
  --ds-advanced-color-button-primary-border: #01426a;
17
22
  --ds-advanced-color-button-primary-border-disabled: #acc9e2;
18
23
  --ds-advanced-color-button-primary-border-hover: #00274a;
19
24
  --ds-advanced-color-button-primary-border-inverse: #ffffff;
20
- --ds-advanced-color-button-primary-border-inverse-disabled: #ffffffbf;
25
+ --ds-advanced-color-button-primary-border-inverse-disabled: rgba(255, 255, 255, 0.75);
21
26
  --ds-advanced-color-button-primary-border-inverse-hover: #ebf3f9;
22
27
  --ds-advanced-color-button-primary-text: #ffffff;
23
28
  --ds-advanced-color-button-primary-text-inverse: #01426a;
24
29
  --ds-advanced-color-button-secondary-background: #ffffff;
25
30
  --ds-advanced-color-button-secondary-background-disabled: #f7f7f7;
26
31
  --ds-advanced-color-button-secondary-background-hover: #f2f2f2;
27
- --ds-advanced-color-button-secondary-background-inverse-hover: #ffffffe6;
32
+ --ds-advanced-color-button-secondary-background-inverse-hover: rgba(255, 255, 255, 0.1);
28
33
  --ds-advanced-color-button-secondary-border: #01426a;
29
34
  --ds-advanced-color-button-secondary-border-hover: #00274a;
30
- --ds-advanced-color-button-secondary-border-hover-disabled: #f7f7f7;
35
+ --ds-advanced-color-button-secondary-border-disabled: #cfe0ef;
31
36
  --ds-advanced-color-button-secondary-border-inverse: #ffffff;
32
37
  --ds-advanced-color-button-secondary-border-inverse-disabled: #dddddd;
33
38
  --ds-advanced-color-button-secondary-text: #01426a;
34
39
  --ds-advanced-color-button-secondary-text-hover: #00274a;
35
40
  --ds-advanced-color-button-secondary-text-inverse: #ffffff;
36
- --ds-advanced-color-button-tertiary-background: #0000000d;
37
- --ds-advanced-color-button-tertiary-background-hover: #0000001a;
38
- --ds-advanced-color-button-tertiary-background-inverse: #ffffff0d;
39
- --ds-advanced-color-button-tertiary-background-inverse-hover: #ffffffe6;
40
- --ds-advanced-color-button-tertiary-border: #0000000d;
41
- --ds-advanced-color-button-tertiary-border-hover: #0000001a;
42
- --ds-advanced-color-button-tertiary-border-inverse: #ffffff0d;
43
- --ds-advanced-color-button-tertiary-border-inverse-hover: #ffffffe6;
41
+ --ds-advanced-color-button-tertiary-background: rgba(0, 0, 0, 0.05);
42
+ --ds-advanced-color-button-tertiary-background-hover: rgba(0, 0, 0, 0.1);
43
+ --ds-advanced-color-button-tertiary-background-inverse: rgba(255, 255, 255, 0.05);
44
+ --ds-advanced-color-button-tertiary-background-inverse-hover: rgba(255, 255, 255, 0.1);
44
45
  --ds-advanced-color-button-tertiary-text: #01426a;
45
46
  --ds-advanced-color-button-tertiary-text-hover: #00274a;
46
47
  --ds-advanced-color-button-tertiary-text-inverse: #ffffff;
@@ -62,29 +63,30 @@
62
63
  --ds-advanced-color-boolean-error-inverse: #f9a4a8;
63
64
  --ds-advanced-color-boolean-error-inverse-hover: #f15f65;
64
65
  --ds-advanced-color-boolean-indicator: #ffffff;
65
- --ds-advanced-color-boolean-indicator-inverse: #01426a;
66
+ --ds-advanced-color-boolean-indicator-inverse: #00274a;
66
67
  --ds-advanced-color-boolean-isfalse: #ffffff;
67
68
  --ds-advanced-color-boolean-isfalse-border: #585e67;
68
69
  --ds-advanced-color-boolean-isfalse-border-inverse: #ffffff;
69
70
  --ds-advanced-color-boolean-isfalse-hover: #f2f2f2;
70
- --ds-advanced-color-boolean-isfalse-inverse: #ffffff0d;
71
- --ds-advanced-color-boolean-isfalse-inverse-hover: #ffffff1a;
71
+ --ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.05);
72
+ --ds-advanced-color-boolean-isfalse-inverse-hover: rgba(255, 255, 255, 0.15);
72
73
  --ds-advanced-color-boolean-istrue: #01426a;
73
74
  --ds-advanced-color-boolean-istrue-hover: #00274a;
74
75
  --ds-advanced-color-boolean-istrue-inverse: #ffffff;
75
- --ds-advanced-color-boolean-istrue-inverse-hover: #ffffffb2;
76
+ --ds-advanced-color-boolean-istrue-inverse-hover: rgba(255, 255, 255, 0.7);
76
77
  --ds-advanced-color-hyperlink-text: #2875b5;
77
78
  --ds-advanced-color-hyperlink-text-hover: #01426a;
78
79
  --ds-advanced-color-hyperlink-text-inverse: #ffffff;
79
80
  --ds-advanced-color-hyperlink-text-inverse-hover: #ebf3f9;
80
81
  --ds-advanced-color-shared-background: #ffffff;
81
- --ds-advanced-color-shared-background-inverse: #ffffff0d;
82
+ --ds-advanced-color-shared-background-inverse: rgba(255, 255, 255, 0.05);
82
83
  --ds-advanced-color-shared-background-muted: #f7f7f7;
83
84
  --ds-advanced-color-shared-background-strong: #7e7e7e;
84
85
  --ds-advanced-color-shared-text-accent: #2875b5;
85
86
  --ds-advanced-color-state-background-disabled: #dddddd;
86
87
  --ds-advanced-color-state-background-hover: #f2f2f2;
87
- --ds-advanced-color-state-background-inverse-hover: #ffffff1a;
88
+ --ds-advanced-color-state-background-inverse-disabled: #7e8894;
89
+ --ds-advanced-color-state-background-inverse-hover: rgba(255, 255, 255, 0.15);
88
90
  --ds-advanced-color-state-error-inverse: #f9a4a8;
89
91
  --ds-advanced-color-state-focused: #01426a;
90
92
  --ds-advanced-color-state-focused-inverse: #ffffff;
@@ -93,8 +95,8 @@
93
95
  --ds-basic-color-border-bold: #585e67;
94
96
  --ds-basic-color-border-brand: #00274a;
95
97
  --ds-basic-color-border-default: #959595;
96
- --ds-basic-color-border-divider: #00000026;
97
- --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);
98
100
  --ds-basic-color-border-inverse: #ffffff;
99
101
  --ds-basic-color-border-subtle: #dddddd;
100
102
  --ds-basic-color-brand-primary: #01426a;
@@ -143,6 +145,8 @@
143
145
  --ds-basic-color-texticon-disabled: #d0d0d0;
144
146
  --ds-basic-color-texticon-disabled-inverse: #7e8894;
145
147
  --ds-basic-color-texticon-inverse: #ffffff;
148
+ --ds-basic-color-texticon-inverse-disabled: #7e8894;
149
+ --ds-basic-color-texticon-inverse-muted: #ccd2db;
146
150
  --ds-basic-color-texticon-muted: #676767;
147
151
  --ds-basic-text-accent-lg-breakpoint-lg-font-family: Good OT;
148
152
  --ds-basic-text-accent-lg-breakpoint-lg-font-size: 28px;
package/dist/alaska/JSONVariablesNested--alaska.json CHANGED
@@ -2,21 +2,28 @@
2
2
  "advanced": {
3
3
  "color": {
4
4
  "button": {
5
+ "flat": {
6
+ "text": "#676767",
7
+ "textDisabled": "#d0d0d0",
8
+ "textHover": "#525252",
9
+ "textInverse": "#ffffff",
10
+ "textInverseDisabled": "#7e8894",
11
+ "textInverseHover": "#adadad"
12
+ },
5
13
  "primary": {
6
14
  "background": "#01426a",
7
- "backgroundActive": "#00274a",
8
15
  "backgroundDisabled": "#acc9e2",
9
16
  "backgroundHover": "#00274a",
10
17
  "backgroundInactive": "#cfe0ef",
11
18
  "backgroundInactiveHover": "#89b2d4",
12
19
  "backgroundInverse": "#ffffff",
13
- "backgroundInverseDisabled": "#ffffffbf",
20
+ "backgroundInverseDisabled": "rgba(255, 255, 255, 0.75)",
14
21
  "backgroundInverseHover": "#ebf3f9",
15
22
  "border": "#01426a",
16
23
  "borderDisabled": "#acc9e2",
17
24
  "borderHover": "#00274a",
18
25
  "borderInverse": "#ffffff",
19
- "borderInverseDisabled": "#ffffffbf",
26
+ "borderInverseDisabled": "rgba(255, 255, 255, 0.75)",
20
27
  "borderInverseHover": "#ebf3f9",
21
28
  "text": "#ffffff",
22
29
  "textInverse": "#01426a"
@@ -25,10 +32,10 @@
25
32
  "background": "#ffffff",
26
33
  "backgroundDisabled": "#f7f7f7",
27
34
  "backgroundHover": "#f2f2f2",
28
- "backgroundInverseHover": "#ffffffe6",
35
+ "backgroundInverseHover": "rgba(255, 255, 255, 0.1)",
29
36
  "border": "#01426a",
30
37
  "borderHover": "#00274a",
31
- "borderHoverDisabled": "#f7f7f7",
38
+ "borderDisabled": "#cfe0ef",
32
39
  "borderInverse": "#ffffff",
33
40
  "borderInverseDisabled": "#dddddd",
34
41
  "text": "#01426a",
@@ -36,14 +43,10 @@
36
43
  "textInverse": "#ffffff"
37
44
  },
38
45
  "tertiary": {
39
- "background": "#0000000d",
40
- "backgroundHover": "#0000001a",
41
- "backgroundInverse": "#ffffff0d",
42
- "backgroundInverseHover": "#ffffffe6",
43
- "border": "#0000000d",
44
- "borderHover": "#0000001a",
45
- "borderInverse": "#ffffff0d",
46
- "borderInverseHover": "#ffffffe6",
46
+ "background": "rgba(0, 0, 0, 0.05)",
47
+ "backgroundHover": "rgba(0, 0, 0, 0.1)",
48
+ "backgroundInverse": "rgba(255, 255, 255, 0.05)",
49
+ "backgroundInverseHover": "rgba(255, 255, 255, 0.1)",
47
50
  "text": "#01426a",
48
51
  "textHover": "#00274a",
49
52
  "textInverse": "#ffffff"
@@ -70,17 +73,17 @@
70
73
  "errorInverse": "#f9a4a8",
71
74
  "errorInverseHover": "#f15f65",
72
75
  "indicator": "#ffffff",
73
- "indicatorInverse": "#01426a",
76
+ "indicatorInverse": "#00274a",
74
77
  "isfalse": "#ffffff",
75
78
  "isfalseBorder": "#585e67",
76
79
  "isfalseBorderInverse": "#ffffff",
77
80
  "isfalseHover": "#f2f2f2",
78
- "isfalseInverse": "#ffffff0d",
79
- "isfalseInverseHover": "#ffffff1a",
81
+ "isfalseInverse": "rgba(255, 255, 255, 0.05)",
82
+ "isfalseInverseHover": "rgba(255, 255, 255, 0.15)",
80
83
  "istrue": "#01426a",
81
84
  "istrueHover": "#00274a",
82
85
  "istrueInverse": "#ffffff",
83
- "istrueInverseHover": "#ffffffb2"
86
+ "istrueInverseHover": "rgba(255, 255, 255, 0.7)"
84
87
  },
85
88
  "hyperlink": {
86
89
  "text": "#2875b5",
@@ -90,7 +93,7 @@
90
93
  },
91
94
  "shared": {
92
95
  "background": "#ffffff",
93
- "backgroundInverse": "#ffffff0d",
96
+ "backgroundInverse": "rgba(255, 255, 255, 0.05)",
94
97
  "backgroundMuted": "#f7f7f7",
95
98
  "backgroundStrong": "#7e7e7e",
96
99
  "textAccent": "#2875b5"
@@ -98,7 +101,8 @@
98
101
  "state": {
99
102
  "backgroundDisabled": "#dddddd",
100
103
  "backgroundHover": "#f2f2f2",
101
- "backgroundInverseHover": "#ffffff1a",
104
+ "backgroundInverseDisabled": "#7e8894",
105
+ "backgroundInverseHover": "rgba(255, 255, 255, 0.15)",
102
106
  "errorInverse": "#f9a4a8",
103
107
  "focused": "#01426a",
104
108
  "focusedInverse": "#ffffff",
@@ -113,8 +117,8 @@
113
117
  "bold": "#585e67",
114
118
  "brand": "#00274a",
115
119
  "default": "#959595",
116
- "divider": "#00000026",
117
- "dividerInverse": "#ffffff66",
120
+ "divider": "rgba(0, 0, 0, 0.15)",
121
+ "dividerInverse": "rgba(255, 255, 255, 0.4)",
118
122
  "inverse": "#ffffff",
119
123
  "subtle": "#dddddd"
120
124
  },
@@ -177,6 +181,8 @@
177
181
  "disabled": "#d0d0d0",
178
182
  "disabledInverse": "#7e8894",
179
183
  "inverse": "#ffffff",
184
+ "inverseDisabled": "#7e8894",
185
+ "inverseMuted": "#ccd2db",
180
186
  "muted": "#676767"
181
187
  }
182
188
  },