@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
@@ -0,0 +1,246 @@
1
+
2
+ // Do not edit directly
3
+ // Generated on Wed, 09 Apr 2025 18:34:55 GMT
4
+
5
+ $asc-color-atlas-100: #ebf7ff;
6
+ $asc-color-atlas-200: #aedeff;
7
+ $asc-color-atlas-300: #63beff;
8
+ $asc-color-atlas-400: #289bee;
9
+ $asc-color-atlas-500: #0074ca;
10
+ $asc-color-atlas-600: #005fa7;
11
+ $asc-color-atlas-700: #004b84;
12
+ $asc-color-atlas-800: #003761;
13
+ $asc-color-atlas-900: #002c4e;
14
+ $asc-color-atlas-1000: #101d2c;
15
+ $asc-color-azores-100: #e4f8f4;
16
+ $asc-color-azores-200: #cff1ea;
17
+ $asc-color-azores-300: #b0ebdf;
18
+ $asc-color-azores-400: #81d4c3;
19
+ $asc-color-azores-500: #4ca895;
20
+ $asc-color-azores-600: #009173;
21
+ $asc-color-azores-700: #006e58;
22
+ $asc-color-azores-800: #004b3c;
23
+ $asc-color-azores-900: #002820;
24
+ $asc-color-azores-1000: #000504;
25
+ $asc-color-bliss-100: #ebfafd;
26
+ $asc-color-bliss-200: #d0f4fb;
27
+ $asc-color-bliss-300: #b4eff9;
28
+ $asc-color-bliss-400: #97eaf8;
29
+ $asc-color-bliss-500: #5de3f7;
30
+ $asc-color-bliss-600: #3ed3ea;
31
+ $asc-color-bliss-700: #18c3dd;
32
+ $asc-color-bliss-800: #0e9bb4;
33
+ $asc-color-bliss-900: #096173;
34
+ $asc-color-bliss-1000: #06414d;
35
+ $asc-color-breeze-100: #e7f4f8;
36
+ $asc-color-breeze-200: #d7ecf4;
37
+ $asc-color-breeze-300: #badfed;
38
+ $asc-color-breeze-400: #a2d4e7;
39
+ $asc-color-breeze-500: #8dcae2;
40
+ $asc-color-breeze-600: #6dbbd9;
41
+ $asc-color-breeze-700: #48aad0;
42
+ $asc-color-breeze-800: #2f91b7;
43
+ $asc-color-breeze-900: #1f607a;
44
+ $asc-color-breeze-1000: #0d2a35;
45
+ $asc-color-dune-100: #faf9f5;
46
+ $asc-color-dune-200: #e9e6d9;
47
+ $asc-color-dune-300: #dfd7c3;
48
+ $asc-color-dune-400: #d7c6ac;
49
+ $asc-color-dune-500: #c9b494;
50
+ $asc-color-dune-600: #bba27c;
51
+ $asc-color-dune-700: #ab9165;
52
+ $asc-color-dune-800: #967d55;
53
+ $asc-color-dune-900: #7b6949;
54
+ $asc-color-dune-1000: #62543c;
55
+ $asc-color-summit-100: #e9f1f1;
56
+ $asc-color-summit-200: #dfe9ea;
57
+ $asc-color-summit-300: #c2d5d6;
58
+ $asc-color-summit-400: #9fbdbe;
59
+ $asc-color-summit-500: #7ba5a6;
60
+ $asc-color-summit-600: #5c8f91;
61
+ $asc-color-summit-700: #3d7a7d;
62
+ $asc-color-summit-800: #21686a;
63
+ $asc-color-summit-900: #005154;
64
+ $asc-color-summit-1000: #004447;
65
+ $asc-color-flare-100: #fff0e5;
66
+ $asc-color-flare-200: #ffe2cf;
67
+ $asc-color-flare-300: #ffc9a4;
68
+ $asc-color-flare-400: #feb17a;
69
+ $asc-color-flare-500: #fe994f;
70
+ $asc-color-flare-600: #fb7f24;
71
+ $asc-color-flare-700: #eb6806;
72
+ $asc-color-flare-800: #bc5507;
73
+ $asc-color-flare-900: #8f4207;
74
+ $asc-color-flare-1000: #622e06;
75
+ $asc-color-maris-100: #ecf0f3;
76
+ $asc-color-maris-200: #e2e8ee;
77
+ $asc-color-maris-300: #c7d6e5;
78
+ $asc-color-maris-400: #aabed4;
79
+ $asc-color-maris-500: #8ca7c9;
80
+ $asc-color-maris-600: #6f8fb8;
81
+ $asc-color-maris-700: #5578a4;
82
+ $asc-color-maris-800: #40618c;
83
+ $asc-color-maris-900: #284a75;
84
+ $asc-color-maris-1000: #1f3451;
85
+ $asc-color-midnight-100: #ebf3f9;
86
+ $asc-color-midnight-200: #cfe0ef;
87
+ $asc-color-midnight-300: #acc9e2;
88
+ $asc-color-midnight-400: #89b2d4;
89
+ $asc-color-midnight-500: #6899c6;
90
+ $asc-color-midnight-600: #2875b5;
91
+ $asc-color-midnight-700: #326aa5;
92
+ $asc-color-midnight-800: #265688;
93
+ $asc-color-midnight-900: #01426a;
94
+ $asc-color-midnight-1000: #00274a;
95
+ $asc-color-sol-100: #fffdf5;
96
+ $asc-color-sol-200: #fffaec;
97
+ $asc-color-sol-300: #fff2d0;
98
+ $asc-color-sol-400: #feebb4;
99
+ $asc-color-sol-500: #fde398;
100
+ $asc-color-sol-600: #fcdb7d;
101
+ $asc-color-sol-700: #fad362;
102
+ $asc-color-sol-800: #f8cb48;
103
+ $asc-color-sol-900: #f5c22e;
104
+ $asc-color-sol-1000: #f2ba14;
105
+ $asc-color-tropical-100: #eaf3dd;
106
+ $asc-color-tropical-200: #deedca;
107
+ $asc-color-tropical-300: #c9e1a7;
108
+ $asc-color-tropical-400: #b2d583;
109
+ $asc-color-tropical-500: #a3cd6a;
110
+ $asc-color-tropical-600: #92c450;
111
+ $asc-color-tropical-700: #7daf3b;
112
+ $asc-color-tropical-800: #5f852d;
113
+ $asc-color-tropical-900: #476322;
114
+ $asc-color-tropical-1000: #212e0f;
115
+ $asc-color-black: #000000;
116
+ $asc-color-gray-50: #f7f7f7;
117
+ $asc-color-gray-100: #f2f2f2;
118
+ $asc-color-gray-200: #dddddd;
119
+ $asc-color-gray-250: #d0d0d0;
120
+ $asc-color-gray-300: #c5c5c5;
121
+ $asc-color-gray-400: #adadad;
122
+ $asc-color-gray-500: #959595;
123
+ $asc-color-gray-600: #7e7e7e;
124
+ $asc-color-gray-700: #676767;
125
+ $asc-color-gray-800: #525252;
126
+ $asc-color-gray-900: #3d3d3d;
127
+ $asc-color-gray-1000: #2a2a2a;
128
+ $asc-color-neutral-100: #f7f8fa;
129
+ $asc-color-neutral-200: #e4e8ec;
130
+ $asc-color-neutral-300: #ccd2db;
131
+ $asc-color-neutral-400: #afb9c6;
132
+ $asc-color-neutral-500: #939fad;
133
+ $asc-color-neutral-600: #7e8894;
134
+ $asc-color-neutral-700: #6a717c;
135
+ $asc-color-neutral-800: #585e67;
136
+ $asc-color-neutral-900: #484d55;
137
+ $asc-color-neutral-1000: #393d43;
138
+ $asc-color-oneworld-emerald: #139142;
139
+ $asc-color-oneworld-ruby: #a41d4a;
140
+ $asc-color-oneworld-sapphire: #015daa;
141
+ $asc-color-status-error-100: #fbc6c6;
142
+ $asc-color-status-error-200: #f9a4a8;
143
+ $asc-color-status-error-300: #f0898d;
144
+ $asc-color-status-error-400: #f15f65;
145
+ $asc-color-status-error-500: #e8454b;
146
+ $asc-color-status-error-600: #e53339;
147
+ $asc-color-status-error-700: #e31f26;
148
+ $asc-color-status-error-800: #b1161c;
149
+ $asc-color-status-error-900: #7a0f13;
150
+ $asc-color-status-error-1000: #44090b;
151
+ $asc-color-status-help-100: #e8f2f8;
152
+ $asc-color-status-help-200: #dbe6f0;
153
+ $asc-color-status-help-300: #abc7de;
154
+ $asc-color-status-help-400: #7eabcd;
155
+ $asc-color-status-help-500: #5494c0;
156
+ $asc-color-status-help-600: #007db1;
157
+ $asc-color-status-help-700: #136791;
158
+ $asc-color-status-help-800: #195170;
159
+ $asc-color-status-help-900: #193b51;
160
+ $asc-color-status-help-1000: #152734;
161
+ $asc-color-status-success-100: #d6eac7;
162
+ $asc-color-status-success-200: #b6de9b;
163
+ $asc-color-status-success-300: #96cf6e;
164
+ $asc-color-status-success-400: #7ac248;
165
+ $asc-color-status-success-500: #5da72a;
166
+ $asc-color-status-success-600: #529325;
167
+ $asc-color-status-success-700: #447a1f;
168
+ $asc-color-status-success-800: #325a16;
169
+ $asc-color-status-success-900: #294912;
170
+ $asc-color-status-success-1000: #17290a;
171
+ $asc-color-status-warn-100: #fff0b2;
172
+ $asc-color-status-warn-200: #ffe382;
173
+ $asc-color-status-warn-300: #fac200;
174
+ $asc-color-status-warn-400: #e0ae00;
175
+ $asc-color-status-warn-500: #bd9200;
176
+ $asc-color-status-warn-600: #9e7b00;
177
+ $asc-color-status-warn-700: #856700;
178
+ $asc-color-status-warn-800: #6b5300;
179
+ $asc-color-status-warn-900: #523f00;
180
+ $asc-color-status-warn-1000: #382b00;
181
+ $asc-color-white: #ffffff;
182
+ $asc-font-family-as-circular: AS Circular;
183
+ $asc-font-family-good-ot: Good OT;
184
+ $asc-font-letter-spacing-md: .10em;
185
+ $asc-font-letter-spacing-sm: .05em;
186
+ $asc-font-letter-spacing-xs: 0;
187
+ $asc-font-line-height-percent-100: 100%;
188
+ $asc-font-line-height-percent-130: 130%;
189
+ $asc-font-line-height-px-14: 14px;
190
+ $asc-font-line-height-px-16: 16px;
191
+ $asc-font-line-height-px-20: 20px;
192
+ $asc-font-line-height-px-24: 24px;
193
+ $asc-font-line-height-px-26: 26px;
194
+ $asc-font-size-10: 10px;
195
+ $asc-font-size-12: 12px;
196
+ $asc-font-size-14: 14px;
197
+ $asc-font-size-16: 16px;
198
+ $asc-font-size-18: 18px;
199
+ $asc-font-size-20: 20px;
200
+ $asc-font-size-22: 22px;
201
+ $asc-font-size-24: 24px;
202
+ $asc-font-size-26: 26px;
203
+ $asc-font-size-28: 28px;
204
+ $asc-font-size-32: 32px;
205
+ $asc-font-size-36: 36px;
206
+ $asc-font-size-38: 38px;
207
+ $asc-font-size-40: 40px;
208
+ $asc-font-size-44: 44px;
209
+ $asc-font-size-48: 48px;
210
+ $asc-font-size-56: 56px;
211
+ $asc-font-size-64: 64px;
212
+ $asc-font-size-72: 72px;
213
+ $asc-font-size-86: 86px;
214
+ $asc-font-weight-300: Light;
215
+ $asc-font-weight-400: Regular;
216
+ $asc-font-weight-425: Cond News;
217
+ $asc-font-weight-450: Book;
218
+ $asc-font-weight-500: Medium;
219
+ $asc-font-weight-525: Cond Medium;
220
+ $asc-font-weight-600: Semibold;
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);
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 07 Apr 2025 21:40:32 GMT
3
+ * Generated on Wed, 09 Apr 2025 18:34:55 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 07 Apr 2025 21:40:32 GMT
3
+ * Generated on Wed, 09 Apr 2025 18:34:55 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 07 Apr 2025 21:40:32 GMT
3
+ * Generated on Wed, 09 Apr 2025 18:34:55 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 07 Apr 2025 21:40:32 GMT
3
+ * Generated on Wed, 09 Apr 2025 18:34:55 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 07 Apr 2025 21:40:32 GMT
3
+ * Generated on Wed, 09 Apr 2025 18:34:55 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 07 Apr 2025 21:40:32 GMT
3
+ * Generated on Wed, 09 Apr 2025 18:34:55 GMT
4
4
  */
5
5
 
6
6
  export const DsColorAlertNotificationDefault = "#0074c8";
@@ -1,7 +1,7 @@
1
1
 
2
2
  /**
3
3
  * Do not edit directly
4
- * Generated on Mon, 07 Apr 2025 21:40:32 GMT
4
+ * Generated on Wed, 09 Apr 2025 18:34:55 GMT
5
5
  */
6
6
 
7
7
  $ds-size-25: 0.125rem !default; // 2px
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 07 Apr 2025 21:40:32 GMT
3
+ // Generated on Wed, 09 Apr 2025 18:34:54 GMT
4
4
 
5
5
  $ds-color-alert-notification-default: #0074c8;
6
6
  $ds-color-alert-warning-default: #de750c;
@@ -1,7 +1,7 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Mon, 07 Apr 2025 21:40:32 GMT
4
+ Generated on Wed, 09 Apr 2025 18:34:54 GMT
5
5
  */
6
6
 
7
7
  $auroTokens: (
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 07 Apr 2025 21:40:32 GMT
3
+ * Generated on Wed, 09 Apr 2025 18:34:55 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 07 Apr 2025 21:40:32 GMT
3
+ * Generated on Wed, 09 Apr 2025 18:34:55 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,46 +1,47 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 07 Apr 2025 21:40:32 GMT
3
+ * Generated on Wed, 09 Apr 2025 18:34:55 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,24 @@
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-hover: rgba(255, 255, 255, 0.15);
88
89
  --ds-advanced-color-state-error-inverse: #f9a4a8;
89
90
  --ds-advanced-color-state-focused: #463c8f;
90
91
  --ds-advanced-color-state-focused-inverse: #ffffff;
@@ -93,8 +94,8 @@
93
94
  --ds-basic-color-border-bold: #adadad;
94
95
  --ds-basic-color-border-brand: #463c8f;
95
96
  --ds-basic-color-border-default: #d0d0d0;
96
- --ds-basic-color-border-divider: #00000026;
97
- --ds-basic-color-border-divider-inverse: #ffffff66;
97
+ --ds-basic-color-border-divider: rgba(0, 0, 0, 0.15);
98
+ --ds-basic-color-border-divider-inverse: rgba(255, 255, 255, 0.4);
98
99
  --ds-basic-color-border-inverse: #ffffff;
99
100
  --ds-basic-color-border-subtle: #dddddd;
100
101
  --ds-basic-color-brand-primary: #463c8f;
@@ -143,6 +144,8 @@
143
144
  --ds-basic-color-texticon-disabled: #d0d0d0;
144
145
  --ds-basic-color-texticon-disabled-inverse: #7e8894;
145
146
  --ds-basic-color-texticon-inverse: #ffffff;
147
+ --ds-basic-color-texticon-inverse-disabled: #7e8894;
148
+ --ds-basic-color-texticon-inverse-muted: #ccd2db;
146
149
  --ds-basic-color-texticon-muted: #3d3d3d;
147
150
  --ds-basic-text-accent-lg-breakpoint-lg-font-family: Slate Pro;
148
151
  --ds-basic-text-accent-lg-breakpoint-lg-font-size: 28px;
@@ -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,7 @@
98
101
  "state": {
99
102
  "backgroundDisabled": "#dddddd",
100
103
  "backgroundHover": "#f2f2f2",
101
- "backgroundInverseHover": "#ffffff1a",
104
+ "backgroundInverseHover": "rgba(255, 255, 255, 0.15)",
102
105
  "errorInverse": "#f9a4a8",
103
106
  "focused": "#463c8f",
104
107
  "focusedInverse": "#ffffff",
@@ -113,8 +116,8 @@
113
116
  "bold": "#adadad",
114
117
  "brand": "#463c8f",
115
118
  "default": "#d0d0d0",
116
- "divider": "#00000026",
117
- "dividerInverse": "#ffffff66",
119
+ "divider": "rgba(0, 0, 0, 0.15)",
120
+ "dividerInverse": "rgba(255, 255, 255, 0.4)",
118
121
  "inverse": "#ffffff",
119
122
  "subtle": "#dddddd"
120
123
  },
@@ -177,6 +180,8 @@
177
180
  "disabled": "#d0d0d0",
178
181
  "disabledInverse": "#7e8894",
179
182
  "inverse": "#ffffff",
183
+ "inverseDisabled": "#7e8894",
184
+ "inverseMuted": "#ccd2db",
180
185
  "muted": "#3d3d3d"
181
186
  }
182
187
  },