@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/dist/alaska-classic/SCSSVariables--alaskaClassic.scss CHANGED
@@ -1,21 +1,26 @@
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
+ $ds-advanced-color-button-flat-text: #676767;
6
+ $ds-advanced-color-button-flat-text-disabled: #d0d0d0;
7
+ $ds-advanced-color-button-flat-text-hover: #525252;
8
+ $ds-advanced-color-button-flat-text-inverse: #ffffff;
9
+ $ds-advanced-color-button-flat-text-inverse-disabled: #7e8894;
10
+ $ds-advanced-color-button-flat-text-inverse-hover: #adadad;
5
11
  $ds-advanced-color-button-primary-background: #0074ca;
6
- $ds-advanced-color-button-primary-background-active: #003761;
7
12
  $ds-advanced-color-button-primary-background-disabled: #acc9e2;
8
13
  $ds-advanced-color-button-primary-background-hover: #003761;
9
14
  $ds-advanced-color-button-primary-background-inactive: #aedeff;
10
15
  $ds-advanced-color-button-primary-background-inactive-hover: #289bee;
11
16
  $ds-advanced-color-button-primary-background-inverse: #5de3f7;
12
- $ds-advanced-color-button-primary-background-inverse-disabled: #ffffffbf;
17
+ $ds-advanced-color-button-primary-background-inverse-disabled: rgba(255, 255, 255, 0.75);
13
18
  $ds-advanced-color-button-primary-background-inverse-hover: #b4eff9;
14
19
  $ds-advanced-color-button-primary-border: #0074ca;
15
20
  $ds-advanced-color-button-primary-border-disabled: #acc9e2;
16
21
  $ds-advanced-color-button-primary-border-hover: #003761;
17
22
  $ds-advanced-color-button-primary-border-inverse: #5de3f7;
18
- $ds-advanced-color-button-primary-border-inverse-disabled: #ffffffbf;
23
+ $ds-advanced-color-button-primary-border-inverse-disabled: rgba(255, 255, 255, 0.75);
19
24
  $ds-advanced-color-button-primary-border-inverse-hover: #b4eff9;
20
25
  $ds-advanced-color-button-primary-text: #ffffff;
21
26
  $ds-advanced-color-button-primary-text-inverse: #2a2a2a;
@@ -25,20 +30,16 @@ $ds-advanced-color-button-secondary-background-hover: #f2f2f2;
25
30
  $ds-advanced-color-button-secondary-background-inverse-hover: #ebfafd;
26
31
  $ds-advanced-color-button-secondary-border: #0074ca;
27
32
  $ds-advanced-color-button-secondary-border-hover: #003761;
28
- $ds-advanced-color-button-secondary-border-hover-disabled: #f7f7f7;
33
+ $ds-advanced-color-button-secondary-border-disabled: #dddddd;
29
34
  $ds-advanced-color-button-secondary-border-inverse: #5de3f7;
30
35
  $ds-advanced-color-button-secondary-border-inverse-disabled: #dddddd;
31
36
  $ds-advanced-color-button-secondary-text: #0074ca;
32
37
  $ds-advanced-color-button-secondary-text-hover: #01426a;
33
38
  $ds-advanced-color-button-secondary-text-inverse: #5de3f7;
34
- $ds-advanced-color-button-tertiary-background: #0000000d;
35
- $ds-advanced-color-button-tertiary-background-hover: #0000001a;
36
- $ds-advanced-color-button-tertiary-background-inverse: #ffffff0d;
37
- $ds-advanced-color-button-tertiary-background-inverse-hover: #ffffffe6;
38
- $ds-advanced-color-button-tertiary-border: #0000000d;
39
- $ds-advanced-color-button-tertiary-border-hover: #0000001a;
40
- $ds-advanced-color-button-tertiary-border-inverse: #ffffff0d;
41
- $ds-advanced-color-button-tertiary-border-inverse-hover: #ffffffe6;
39
+ $ds-advanced-color-button-tertiary-background: rgba(0, 0, 0, 0.05);
40
+ $ds-advanced-color-button-tertiary-background-hover: rgba(0, 0, 0, 0.1);
41
+ $ds-advanced-color-button-tertiary-background-inverse: rgba(255, 255, 255, 0.05);
42
+ $ds-advanced-color-button-tertiary-background-inverse-hover: rgba(255, 255, 255, 0.1);
42
43
  $ds-advanced-color-button-tertiary-text: #0074ca;
43
44
  $ds-advanced-color-button-tertiary-text-hover: #003761;
44
45
  $ds-advanced-color-button-tertiary-text-inverse: #5de3f7;
@@ -60,29 +61,30 @@ $ds-advanced-color-boolean-error-hover: #b1161c;
60
61
  $ds-advanced-color-boolean-error-inverse: #f9a4a8;
61
62
  $ds-advanced-color-boolean-error-inverse-hover: #f15f65;
62
63
  $ds-advanced-color-boolean-indicator: #ffffff;
63
- $ds-advanced-color-boolean-indicator-inverse: #0074ca;
64
+ $ds-advanced-color-boolean-indicator-inverse: #01426a;
64
65
  $ds-advanced-color-boolean-isfalse: #ffffff;
65
66
  $ds-advanced-color-boolean-isfalse-border: #585e67;
66
67
  $ds-advanced-color-boolean-isfalse-border-inverse: #ffffff;
67
68
  $ds-advanced-color-boolean-isfalse-hover: #f2f2f2;
68
- $ds-advanced-color-boolean-isfalse-inverse: #ffffff0d;
69
- $ds-advanced-color-boolean-isfalse-inverse-hover: #ffffff1a;
69
+ $ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.05);
70
+ $ds-advanced-color-boolean-isfalse-inverse-hover: rgba(255, 255, 255, 0.15);
70
71
  $ds-advanced-color-boolean-istrue: #0074ca;
71
72
  $ds-advanced-color-boolean-istrue-hover: #003761;
72
73
  $ds-advanced-color-boolean-istrue-inverse: #ffffff;
73
- $ds-advanced-color-boolean-istrue-inverse-hover: #ffffffb2;
74
+ $ds-advanced-color-boolean-istrue-inverse-hover: rgba(255, 255, 255, 0.7);
74
75
  $ds-advanced-color-hyperlink-text: #0074ca;
75
76
  $ds-advanced-color-hyperlink-text-hover: #01426a;
76
77
  $ds-advanced-color-hyperlink-text-inverse: #97eaf8;
77
78
  $ds-advanced-color-hyperlink-text-inverse-hover: #b4eff9;
78
79
  $ds-advanced-color-shared-background: #ffffff;
79
- $ds-advanced-color-shared-background-inverse: #ffffff0d;
80
+ $ds-advanced-color-shared-background-inverse: rgba(255, 255, 255, 0.05);
80
81
  $ds-advanced-color-shared-background-muted: #f7f7f7;
81
82
  $ds-advanced-color-shared-background-strong: #7e7e7e;
82
83
  $ds-advanced-color-shared-text-accent: #0074ca;
83
84
  $ds-advanced-color-state-background-disabled: #dddddd;
84
85
  $ds-advanced-color-state-background-hover: #f2f2f2;
85
- $ds-advanced-color-state-background-inverse-hover: #ffffff1a;
86
+ $ds-advanced-color-state-background-inverse-disabled: #7e8894;
87
+ $ds-advanced-color-state-background-inverse-hover: rgba(255, 255, 255, 0.15);
86
88
  $ds-advanced-color-state-error-inverse: #e31f26;
87
89
  $ds-advanced-color-state-focused: #0074ca;
88
90
  $ds-advanced-color-state-focused-inverse: #5de3f7;
@@ -91,8 +93,8 @@ $ds-advanced-color-state-selected-hover: #003761;
91
93
  $ds-basic-color-border-bold: #585e67;
92
94
  $ds-basic-color-border-brand: #01426a;
93
95
  $ds-basic-color-border-default: #959595;
94
- $ds-basic-color-border-divider: #00000026;
95
- $ds-basic-color-border-divider-inverse: #ffffff66;
96
+ $ds-basic-color-border-divider: rgba(0, 0, 0, 0.15);
97
+ $ds-basic-color-border-divider-inverse: rgba(255, 255, 255, 0.4);
96
98
  $ds-basic-color-border-inverse: #ffffff;
97
99
  $ds-basic-color-border-subtle: #dddddd;
98
100
  $ds-basic-color-brand-primary: #0074ca;
@@ -141,6 +143,8 @@ $ds-basic-color-texticon-default: #2a2a2a;
141
143
  $ds-basic-color-texticon-disabled: #d0d0d0;
142
144
  $ds-basic-color-texticon-disabled-inverse: #7e8894;
143
145
  $ds-basic-color-texticon-inverse: #ffffff;
146
+ $ds-basic-color-texticon-inverse-disabled: #7e8894;
147
+ $ds-basic-color-texticon-inverse-muted: #ccd2db;
144
148
  $ds-basic-color-texticon-muted: #676767;
145
149
  $ds-basic-text-accent-xxl-breakpoint-lg-font-family: AS Circular;
146
150
  $ds-basic-text-accent-xxl-breakpoint-lg-font-size: 38px;
package/dist/alaska-classic/SCSSVariablesMapFlat--alaskaClassic.scss CHANGED
@@ -1,24 +1,29 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Tue, 08 Apr 2025 22:45:38 GMT
4
+ Generated on Fri, 11 Apr 2025 16:48:45 GMT
5
5
  */
6
6
 
7
7
  $auroTokens: (
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': (#0074ca),
9
- 'ds-advanced-color-button-primary-background-active': (#003761),
10
15
  'ds-advanced-color-button-primary-background-disabled': (#acc9e2),
11
16
  'ds-advanced-color-button-primary-background-hover': (#003761),
12
17
  'ds-advanced-color-button-primary-background-inactive': (#aedeff),
13
18
  'ds-advanced-color-button-primary-background-inactive-hover': (#289bee),
14
19
  'ds-advanced-color-button-primary-background-inverse': (#5de3f7),
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': (#b4eff9),
17
22
  'ds-advanced-color-button-primary-border': (#0074ca),
18
23
  'ds-advanced-color-button-primary-border-disabled': (#acc9e2),
19
24
  'ds-advanced-color-button-primary-border-hover': (#003761),
20
25
  'ds-advanced-color-button-primary-border-inverse': (#5de3f7),
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': (#b4eff9),
23
28
  'ds-advanced-color-button-primary-text': (#ffffff),
24
29
  'ds-advanced-color-button-primary-text-inverse': (#2a2a2a),
@@ -28,20 +33,16 @@ $auroTokens: (
28
33
  'ds-advanced-color-button-secondary-background-inverse-hover': (#ebfafd),
29
34
  'ds-advanced-color-button-secondary-border': (#0074ca),
30
35
  'ds-advanced-color-button-secondary-border-hover': (#003761),
31
- 'ds-advanced-color-button-secondary-border-hover-disabled': (#f7f7f7),
36
+ 'ds-advanced-color-button-secondary-border-disabled': (#dddddd),
32
37
  'ds-advanced-color-button-secondary-border-inverse': (#5de3f7),
33
38
  'ds-advanced-color-button-secondary-border-inverse-disabled': (#dddddd),
34
39
  'ds-advanced-color-button-secondary-text': (#0074ca),
35
40
  'ds-advanced-color-button-secondary-text-hover': (#01426a),
36
41
  'ds-advanced-color-button-secondary-text-inverse': (#5de3f7),
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': (#0074ca),
46
47
  'ds-advanced-color-button-tertiary-text-hover': (#003761),
47
48
  'ds-advanced-color-button-tertiary-text-inverse': (#5de3f7),
@@ -63,29 +64,30 @@ $auroTokens: (
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': (#0074ca),
67
+ 'ds-advanced-color-boolean-indicator-inverse': (#01426a),
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': (#0074ca),
74
75
  'ds-advanced-color-boolean-istrue-hover': (#003761),
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': (#0074ca),
78
79
  'ds-advanced-color-hyperlink-text-hover': (#01426a),
79
80
  'ds-advanced-color-hyperlink-text-inverse': (#97eaf8),
80
81
  'ds-advanced-color-hyperlink-text-inverse-hover': (#b4eff9),
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': (#0074ca),
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': (#e31f26),
90
92
  'ds-advanced-color-state-focused': (#0074ca),
91
93
  'ds-advanced-color-state-focused-inverse': (#5de3f7),
@@ -94,8 +96,8 @@ $auroTokens: (
94
96
  'ds-basic-color-border-bold': (#585e67),
95
97
  'ds-basic-color-border-brand': (#01426a),
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': (#0074ca),
@@ -144,6 +146,8 @@ $auroTokens: (
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-xxl-breakpoint-lg-font-family': (AS Circular),
149
153
  'ds-basic-text-accent-xxl-breakpoint-lg-font-size': (38px),
package/dist/alaska-classic/primitives--alaskaClassic.scss CHANGED
@@ -1,6 +1,6 @@
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
  $asc-color-atlas-100: #ebf7ff;
6
6
  $asc-color-atlas-200: #aedeff;
@@ -218,29 +218,29 @@ $asc-font-weight-450: Book;
218
218
  $asc-font-weight-500: Medium;
219
219
  $asc-font-weight-525: Cond Medium;
220
220
  $asc-font-weight-600: Semibold;
221
- $asc-transparency-black-5: #0000000d;
222
- $asc-transparency-black-10: #0000001a;
223
- $asc-transparency-black-15: #00000026;
224
- $asc-transparency-black-20: #00000033;
225
- $asc-transparency-black-30: #0000004d;
226
- $asc-transparency-black-40: #00000066;
227
- $asc-transparency-black-50: #00000080;
228
- $asc-transparency-black-55: #0000008c;
229
- $asc-transparency-black-60: #00000099;
230
- $asc-transparency-black-70: #000000b2;
231
- $asc-transparency-black-75: #000000bf;
232
- $asc-transparency-black-80: #000000cc;
233
- $asc-transparency-black-90: #000000e5;
234
- $asc-transparency-white-5: #ffffff0d;
235
- $asc-transparency-white-10: #ffffffe6;
236
- $asc-transparency-white-15: #ffffff1a;
237
- $asc-transparency-white-20: #ffffff33;
238
- $asc-transparency-white-30: #ffffff4d;
239
- $asc-transparency-white-40: #ffffff66;
240
- $asc-transparency-white-50: #ffffff80;
241
- $asc-transparency-white-55: #ffffff8c;
242
- $asc-transparency-white-60: #ffffff99;
243
- $asc-transparency-white-70: #ffffffb2;
244
- $asc-transparency-white-75: #ffffffbf;
245
- $asc-transparency-white-80: #ffffffcc;
246
- $asc-transparency-white-90: #ffffffe5;
221
+ $asc-transparency-black-5: rgba(0, 0, 0, 0.05);
222
+ $asc-transparency-black-10: rgba(0, 0, 0, 0.1);
223
+ $asc-transparency-black-15: rgba(0, 0, 0, 0.15);
224
+ $asc-transparency-black-20: rgba(0, 0, 0, 0.2);
225
+ $asc-transparency-black-30: rgba(0, 0, 0, 0.3);
226
+ $asc-transparency-black-40: rgba(0, 0, 0, 0.4);
227
+ $asc-transparency-black-50: rgba(0, 0, 0, 0.5);
228
+ $asc-transparency-black-55: rgba(0, 0, 0, 0.55);
229
+ $asc-transparency-black-60: rgba(0, 0, 0, 0.6);
230
+ $asc-transparency-black-70: rgba(0, 0, 0, 0.7);
231
+ $asc-transparency-black-75: rgba(0, 0, 0, 0.75);
232
+ $asc-transparency-black-80: rgba(0, 0, 0, 0.8);
233
+ $asc-transparency-black-90: rgba(0, 0, 0, 0.9);
234
+ $asc-transparency-white-5: rgba(255, 255, 255, 0.05);
235
+ $asc-transparency-white-10: rgba(255, 255, 255, 0.1);
236
+ $asc-transparency-white-15: rgba(255, 255, 255, 0.15);
237
+ $asc-transparency-white-20: rgba(255, 255, 255, 0.2);
238
+ $asc-transparency-white-30: rgba(255, 255, 255, 0.3);
239
+ $asc-transparency-white-40: rgba(255, 255, 255, 0.4);
240
+ $asc-transparency-white-50: rgba(255, 255, 255, 0.5);
241
+ $asc-transparency-white-55: rgba(255, 255, 255, 0.55);
242
+ $asc-transparency-white-60: rgba(255, 255, 255, 0.6);
243
+ $asc-transparency-white-70: rgba(255, 255, 255, 0.7);
244
+ $asc-transparency-white-75: rgba(255, 255, 255, 0.75);
245
+ $asc-transparency-white-80: rgba(255, 255, 255, 0.8);
246
+ $asc-transparency-white-90: rgba(255, 255, 255, 0.9);
package/dist/auro-classic/CSSCustomProperties.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 08 Apr 2025 22:45:37 GMT
3
+ * Generated on Fri, 11 Apr 2025 16:48:44 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/auro-classic/CSSSizeCustomProperties.css CHANGED
@@ -1,6 +1,6 @@
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:44 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/auro-classic/JSData--color.js CHANGED
@@ -1,6 +1,6 @@
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:44 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/dist/auro-classic/JSObject--allTokens.js CHANGED
@@ -1,6 +1,6 @@
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
  module.exports = {
package/dist/auro-classic/JSObject--deprecated.js CHANGED
@@ -1,6 +1,6 @@
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
  module.exports = {
package/dist/auro-classic/JSVariables--color.js CHANGED
@@ -1,6 +1,6 @@
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
  export const DsColorAlertNotificationDefault = "#0074c8";
package/dist/auro-classic/SCSSVariableMap.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  /**
3
3
  * Do not edit directly
4
- * Generated on Tue, 08 Apr 2025 22:45:37 GMT
4
+ * Generated on Fri, 11 Apr 2025 16:48:44 GMT
5
5
  */
6
6
 
7
7
  $ds-size-25: 0.125rem !default; // 2px
package/dist/auro-classic/SCSSVariables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 08 Apr 2025 22:45:37 GMT
3
+ // Generated on Fri, 11 Apr 2025 16:48:44 GMT
4
4
 
5
5
  $ds-color-alert-notification-default: #0074c8;
6
6
  $ds-color-alert-warning-default: #de750c;
package/dist/auro-classic/SCSSVariablesMapFlat.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Tue, 08 Apr 2025 22:45:37 GMT
4
+ Generated on Fri, 11 Apr 2025 16:48:44 GMT
5
5
  */
6
6
 
7
7
  $auroTokens: (
package/dist/auro-classic/SassCustomProperties.scss CHANGED
@@ -1,6 +1,6 @@
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:44 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/auro-classic/SassSizeCustomProperties.scss CHANGED
@@ -1,6 +1,6 @@
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:44 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/hawaiian/CSSCustomProperties--hawaiian.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: #463c8f;
8
- --ds-advanced-color-button-primary-background-active: #31295c;
9
14
  --ds-advanced-color-button-primary-background-disabled: #aca1cc;
10
15
  --ds-advanced-color-button-primary-background-hover: #31295c;
11
16
  --ds-advanced-color-button-primary-background-inactive: #ccc5e0;
12
17
  --ds-advanced-color-button-primary-background-inactive-hover: #8c7eb8;
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: #edeaf4;
16
21
  --ds-advanced-color-button-primary-border: #463c8f;
17
22
  --ds-advanced-color-button-primary-border-disabled: #aca1cc;
18
23
  --ds-advanced-color-button-primary-border-hover: #31295c;
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: #edeaf4;
22
27
  --ds-advanced-color-button-primary-text: #ffffff;
23
28
  --ds-advanced-color-button-primary-text-inverse: #463c8f;
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: #0000000d;
32
+ --ds-advanced-color-button-secondary-background-inverse-hover: rgba(0, 0, 0, 0.05);
28
33
  --ds-advanced-color-button-secondary-border: #d0d0d0;
29
34
  --ds-advanced-color-button-secondary-border-hover: #d0d0d0;
30
- --ds-advanced-color-button-secondary-border-hover-disabled: #f7f7f7;
35
+ --ds-advanced-color-button-secondary-border-disabled: #d0d0d0;
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: #463c8f;
34
39
  --ds-advanced-color-button-secondary-text-hover: #31295c;
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: #463c8f;
45
46
  --ds-advanced-color-button-tertiary-text-hover: #31295c;
46
47
  --ds-advanced-color-button-tertiary-text-inverse: #ffffff;
@@ -67,24 +68,25 @@
67
68
  --ds-advanced-color-boolean-isfalse-border: #adadad;
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: rgba(255, 255, 255, 0.05);
71
72
  --ds-advanced-color-boolean-isfalse-inverse-hover: #f2f2f2;
72
73
  --ds-advanced-color-boolean-istrue: #463c8f;
73
74
  --ds-advanced-color-boolean-istrue-hover: #31295c;
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: #463c8f;
77
78
  --ds-advanced-color-hyperlink-text-hover: #31295c;
78
79
  --ds-advanced-color-hyperlink-text-inverse: #ffffff;
79
80
  --ds-advanced-color-hyperlink-text-inverse-hover: #ffffff;
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: #463c8f;
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: #463c8f;
90
92
  --ds-advanced-color-state-focused-inverse: #ffffff;
@@ -93,8 +95,8 @@
93
95
  --ds-basic-color-border-bold: #adadad;
94
96
  --ds-basic-color-border-brand: #463c8f;
95
97
  --ds-basic-color-border-default: #d0d0d0;
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: #463c8f;
@@ -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: #3d3d3d;
147
151
  --ds-basic-text-accent-lg-breakpoint-lg-font-family: Slate Pro;
148
152
  --ds-basic-text-accent-lg-breakpoint-lg-font-size: 28px;
package/dist/hawaiian/JSONVariablesNested--hawaiian.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": "#463c8f",
7
- "backgroundActive": "#31295c",
8
15
  "backgroundDisabled": "#aca1cc",
9
16
  "backgroundHover": "#31295c",
10
17
  "backgroundInactive": "#ccc5e0",
11
18
  "backgroundInactiveHover": "#8c7eb8",
12
19
  "backgroundInverse": "#ffffff",
13
- "backgroundInverseDisabled": "#ffffffbf",
20
+ "backgroundInverseDisabled": "rgba(255, 255, 255, 0.75)",
14
21
  "backgroundInverseHover": "#edeaf4",
15
22
  "border": "#463c8f",
16
23
  "borderDisabled": "#aca1cc",
17
24
  "borderHover": "#31295c",
18
25
  "borderInverse": "#ffffff",
19
- "borderInverseDisabled": "#ffffffbf",
26
+ "borderInverseDisabled": "rgba(255, 255, 255, 0.75)",
20
27
  "borderInverseHover": "#edeaf4",
21
28
  "text": "#ffffff",
22
29
  "textInverse": "#463c8f"
@@ -25,10 +32,10 @@
25
32
  "background": "#ffffff",
26
33
  "backgroundDisabled": "#f7f7f7",
27
34
  "backgroundHover": "#f2f2f2",
28
- "backgroundInverseHover": "#0000000d",
35
+ "backgroundInverseHover": "rgba(0, 0, 0, 0.05)",
29
36
  "border": "#d0d0d0",
30
37
  "borderHover": "#d0d0d0",
31
- "borderHoverDisabled": "#f7f7f7",
38
+ "borderDisabled": "#d0d0d0",
32
39
  "borderInverse": "#ffffff",
33
40
  "borderInverseDisabled": "#dddddd",
34
41
  "text": "#463c8f",
@@ -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": "#463c8f",
48
51
  "textHover": "#31295c",
49
52
  "textInverse": "#ffffff"
@@ -75,12 +78,12 @@
75
78
  "isfalseBorder": "#adadad",
76
79
  "isfalseBorderInverse": "#ffffff",
77
80
  "isfalseHover": "#f2f2f2",
78
- "isfalseInverse": "#ffffff0d",
81
+ "isfalseInverse": "rgba(255, 255, 255, 0.05)",
79
82
  "isfalseInverseHover": "#f2f2f2",
80
83
  "istrue": "#463c8f",
81
84
  "istrueHover": "#31295c",
82
85
  "istrueInverse": "#ffffff",
83
- "istrueInverseHover": "#ffffffb2"
86
+ "istrueInverseHover": "rgba(255, 255, 255, 0.7)"
84
87
  },
85
88
  "hyperlink": {
86
89
  "text": "#463c8f",
@@ -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": "#463c8f"
@@ -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": "#463c8f",
104
108
  "focusedInverse": "#ffffff",
@@ -113,8 +117,8 @@
113
117
  "bold": "#adadad",
114
118
  "brand": "#463c8f",
115
119
  "default": "#d0d0d0",
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": "#3d3d3d"
181
187
  }
182
188
  },