@aurodesignsystem/design-tokens 9.2.0 → 9.3.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 (26) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/app/alaskaLight.json +27 -69
  3. package/dist/app/atmosLight.json +19 -61
  4. package/dist/app/hawaiianLight.json +33 -75
  5. package/dist/app/test.json +98 -140
  6. package/dist/web/JSONVariablesNested--alaska.json +42 -78
  7. package/dist/web/JSONVariablesNested--atmos.json +31 -67
  8. package/dist/web/JSONVariablesNested--hawaiian.json +52 -88
  9. package/dist/web/JSONVariablesNested--test.json +162 -198
  10. package/dist/web/JSObject--allTokens--alaska.js +384 -864
  11. package/dist/web/JSObject--allTokens--atmos.js +362 -842
  12. package/dist/web/JSObject--allTokens--hawaiian.js +404 -884
  13. package/dist/web/JSObject--allTokens--test.js +624 -1104
  14. package/dist/web/alaska.css +107 -167
  15. package/dist/web/alaska.min.css +1 -1
  16. package/dist/web/alaska.scss +36 -56
  17. package/dist/web/atmos.css +107 -167
  18. package/dist/web/atmos.min.css +1 -1
  19. package/dist/web/atmos.scss +25 -45
  20. package/dist/web/blueprint.css +156 -176
  21. package/dist/web/blueprint.min.css +1 -1
  22. package/dist/web/blueprint.scss +156 -176
  23. package/dist/web/hawaiian.css +107 -167
  24. package/dist/web/hawaiian.min.css +1 -1
  25. package/dist/web/hawaiian.scss +46 -66
  26. package/package.json +1 -1
package/dist/web/hawaiian.css CHANGED
@@ -14,7 +14,7 @@
14
14
  --ds-advanced-color-accents-accent4-bold: #00a5ba;
15
15
  --ds-advanced-color-accents-accent4-muted: #cbe6ec;
16
16
  --ds-advanced-color-accents-default: #463c8f;
17
- --ds-advanced-color-accents-default-inverse: #edeaf4;
17
+ --ds-advanced-color-accents-default-inverse: #eae5f4;
18
18
  --ds-advanced-color-accents-transparency: #0000001a;
19
19
  --ds-advanced-color-accents-transparency-inverse: #ffffff33;
20
20
  --ds-advanced-color-avatar-gradient-bottom: #c0ccf1;
@@ -27,7 +27,7 @@
27
27
  --ds-advanced-color-boolean-indicator: #ffffff;
28
28
  --ds-advanced-color-boolean-indicator-inverse: #463c8f;
29
29
  --ds-advanced-color-boolean-isfalse: #ffffff;
30
- --ds-advanced-color-boolean-isfalse-border: #adadad;
30
+ --ds-advanced-color-boolean-isfalse-border: #abadad;
31
31
  --ds-advanced-color-boolean-isfalse-border-inverse: #ffffff;
32
32
  --ds-advanced-color-boolean-isfalse-hover: #0000000d;
33
33
  --ds-advanced-color-boolean-isfalse-inverse: #ffffff26;
@@ -36,16 +36,16 @@
36
36
  --ds-advanced-color-boolean-istrue-hover: #31295c;
37
37
  --ds-advanced-color-boolean-istrue-inverse: #ffffff;
38
38
  --ds-advanced-color-boolean-istrue-inverse-hover: #ffffffb2;
39
- --ds-advanced-color-button-flat-text: #676767;
40
- --ds-advanced-color-button-flat-text-disabled: #d0d0d0;
41
- --ds-advanced-color-button-flat-text-hover: #525252;
39
+ --ds-advanced-color-button-flat-text: #666767;
40
+ --ds-advanced-color-button-flat-text-disabled: #ced0d0;
41
+ --ds-advanced-color-button-flat-text-hover: #515252;
42
42
  --ds-advanced-color-button-flat-text-inverse: #ffffff;
43
43
  --ds-advanced-color-button-flat-text-inverse-disabled: #7e8894;
44
- --ds-advanced-color-button-flat-text-inverse-hover: #adadad;
44
+ --ds-advanced-color-button-flat-text-inverse-hover: #abadad;
45
45
  --ds-advanced-color-button-ghost-background-hover: #0000000d;
46
46
  --ds-advanced-color-button-ghost-background-inverse-hover: #ffffff0d;
47
47
  --ds-advanced-color-button-ghost-text: #ce0c88;
48
- --ds-advanced-color-button-ghost-text-disabled: #d0d0d0;
48
+ --ds-advanced-color-button-ghost-text-disabled: #ced0d0;
49
49
  --ds-advanced-color-button-ghost-text-inverse: #ffffff;
50
50
  --ds-advanced-color-button-ghost-text-inverse-disabled: #7e8894;
51
51
  --ds-advanced-color-button-primary-background: #ce0c88;
@@ -66,14 +66,14 @@
66
66
  --ds-advanced-color-button-primary-text-disabled: #ffffff;
67
67
  --ds-advanced-color-button-primary-text-inverse: #ce0c88;
68
68
  --ds-advanced-color-button-secondary-background: #ffffff;
69
- --ds-advanced-color-button-secondary-background-disabled: #f7f7f7;
69
+ --ds-advanced-color-button-secondary-background-disabled: #f5f7f7;
70
70
  --ds-advanced-color-button-secondary-background-hover: #0000000d;
71
71
  --ds-advanced-color-button-secondary-background-inverse-hover: #0000000d;
72
72
  --ds-advanced-color-button-secondary-border: #ce0c88;
73
- --ds-advanced-color-button-secondary-border-disabled: #f7f7f7;
73
+ --ds-advanced-color-button-secondary-border-disabled: #f5f7f7;
74
74
  --ds-advanced-color-button-secondary-border-hover: #831a57;
75
75
  --ds-advanced-color-button-secondary-border-inverse: #ffffff;
76
- --ds-advanced-color-button-secondary-border-inverse-disabled: #dddddd;
76
+ --ds-advanced-color-button-secondary-border-inverse-disabled: #dbdddd;
77
77
  --ds-advanced-color-button-secondary-text: #ce0c88;
78
78
  --ds-advanced-color-button-secondary-text-hover: #831a57;
79
79
  --ds-advanced-color-button-secondary-text-inverse: #ffffff;
@@ -84,11 +84,11 @@
84
84
  --ds-advanced-color-button-tertiary-text: #ce0c88;
85
85
  --ds-advanced-color-button-tertiary-text-hover: #831a57;
86
86
  --ds-advanced-color-button-tertiary-text-inverse: #ffffff;
87
- --ds-advanced-color-dropdown-emphasized-background: #edeaf4;
87
+ --ds-advanced-color-dropdown-emphasized-background: #eae5f4;
88
88
  --ds-advanced-color-dropdown-emphasized-background-hover: #ccc5e0;
89
89
  --ds-advanced-color-expanded-widget-background: linear-gradient(180deg, rgba(38, 32, 67, .65), rgba(38, 32, 67, 0) 65%), linear-gradient(90deg, #463c8f 25.8%, #ce0c88);
90
90
  --ds-advanced-color-flightline-indicator: #463c8f;
91
- --ds-advanced-color-flightline-line: #d0d0d0;
91
+ --ds-advanced-color-flightline-line: #ced0d0;
92
92
  --ds-advanced-color-footer-background: #463c8f;
93
93
  --ds-advanced-color-footer-foreground: #2f2672;
94
94
  --ds-advanced-color-footer-pattern: #0000000d;
@@ -108,7 +108,7 @@
108
108
  --ds-advanced-color-hyperlink-text-inverse-hover: #ffffff;
109
109
  --ds-advanced-color-interactive-background-hover: #00000014;
110
110
  --ds-advanced-color-interactive-background-inverse-hover: #ffffff14;
111
- --ds-advanced-color-interactive-disabled: #dddddd;
111
+ --ds-advanced-color-interactive-disabled: #dbdddd;
112
112
  --ds-advanced-color-interactive-disabled-inverse: #ffffff66;
113
113
  --ds-advanced-color-interactive-error: #e01f26;
114
114
  --ds-advanced-color-interactive-error-hover: #b1161c;
@@ -132,15 +132,15 @@
132
132
  --ds-advanced-color-shared-background-inverse: #ffffff26;
133
133
  --ds-advanced-color-shared-background-inverse-disabled: #ffffff1a;
134
134
  --ds-advanced-color-shared-background-inverse-hover: #ffffff33;
135
- --ds-advanced-color-shared-background-muted: #f7f7f7;
136
- --ds-advanced-color-shared-background-strong: #676767;
137
- --ds-advanced-color-shared-emphasized-background: #edeaf4;
135
+ --ds-advanced-color-shared-background-muted: #f5f7f7;
136
+ --ds-advanced-color-shared-background-strong: #666767;
137
+ --ds-advanced-color-shared-emphasized-background: #eae5f4;
138
138
  --ds-advanced-color-shared-emphasized-background-hover: #ccc5e0;
139
139
  --ds-advanced-color-shared-scrim: #00000080;
140
140
  --ds-advanced-color-shared-text-accent: #463c8f;
141
141
  --ds-advanced-color-skeleton-background: #f7f8fa;
142
142
  --ds-advanced-color-skeleton-wave: #e4e8ec;
143
- --ds-advanced-color-state-background-disabled: #dddddd;
143
+ --ds-advanced-color-state-background-disabled: #dbdddd;
144
144
  --ds-advanced-color-state-background-hover: #00000014;
145
145
  --ds-advanced-color-state-background-inverse-disabled: #ffffff66;
146
146
  --ds-advanced-color-state-error-inverse: #f9a4a8;
@@ -166,16 +166,16 @@
166
166
  --ds-advanced-color-switch-track-off-hover: #00000080;
167
167
  --ds-advanced-color-switch-track-on: #463c8f;
168
168
  --ds-advanced-color-switch-track-on-hover: #31295c;
169
- --ds-basic-color-border-bold: #adadad;
169
+ --ds-basic-color-border-bold: #abadad;
170
170
  --ds-basic-color-border-brand: #463c8f;
171
- --ds-basic-color-border-default: #d0d0d0;
171
+ --ds-basic-color-border-default: #ced0d0;
172
172
  --ds-basic-color-border-divider: #00000026;
173
173
  --ds-basic-color-border-divider-inverse: #ffffff66;
174
174
  --ds-basic-color-border-inverse: #ffffff;
175
- --ds-basic-color-border-subtle: #dddddd;
175
+ --ds-basic-color-border-subtle: #dbdddd;
176
176
  --ds-basic-color-brand-primary: #463c8f;
177
177
  --ds-basic-color-brand-primary-bold: #31295c;
178
- --ds-basic-color-brand-primary-muted: #edeaf4;
178
+ --ds-basic-color-brand-primary-muted: #eae5f4;
179
179
  --ds-basic-color-brand-primary-subtle: #8c7eb8;
180
180
  --ds-basic-color-brand-secondary: #ce0c88;
181
181
  --ds-basic-color-brand-secondary-bold: #831a57;
@@ -185,45 +185,25 @@
185
185
  --ds-basic-color-brand-tertiary-bold: #97322a;
186
186
  --ds-basic-color-brand-tertiary-muted: #ffeeea;
187
187
  --ds-basic-color-brand-tertiary-subtle: #ff9080;
188
- --ds-basic-color-fare-alaska-basic-economy-bold: #096173;
189
- --ds-basic-color-fare-alaska-basic-economy-default: #97eaf8;
190
- --ds-basic-color-fare-alaska-basic-economy-subtle: #ebfafd;
191
- --ds-basic-color-fare-alaska-economy-bold: #005fa7;
192
- --ds-basic-color-fare-alaska-economy-default: #289bee;
193
- --ds-basic-color-fare-alaska-economy-subtle: #ebf7ff;
194
- --ds-basic-color-fare-alaska-economy-extra-legroom-bold: #265688;
195
- --ds-basic-color-fare-alaska-economy-extra-legroom-default: #265688;
196
- --ds-basic-color-fare-alaska-economy-extra-legroom-subtle: #ebf3f9;
197
- --ds-basic-color-fare-alaska-first-business-bold: #005154;
198
- --ds-basic-color-fare-alaska-first-business-default: #005154;
199
- --ds-basic-color-fare-alaska-first-business-gradient-back: #00274a;
200
- --ds-basic-color-fare-alaska-first-business-gradient-front: #005154;
201
- --ds-basic-color-fare-alaska-first-business-subtle: #e9f1f1;
202
- --ds-basic-color-fare-alaska-premium-economy-bold: #00274a;
203
- --ds-basic-color-fare-alaska-premium-economy-default: #00274a;
204
- --ds-basic-color-fare-alaska-premium-economy-subtle: #ecf0f3;
205
- --ds-basic-color-fare-basiceconomy: #d0d0d0;
188
+ --ds-basic-color-fare-basic-economy-bold: #515252;
189
+ --ds-basic-color-fare-basic-economy-default: #ced0d0;
190
+ --ds-basic-color-fare-basic-economy-subtle: #f5f7f7;
191
+ --ds-basic-color-fare-basiceconomy: #ced0d0;
206
192
  --ds-basic-color-fare-business: #463c8f;
207
- --ds-basic-color-fare-economy: #00a5ba;
193
+ --ds-basic-color-fare-economy: #ce0c88;
194
+ --ds-basic-color-fare-economy-extra-legroom-bold: #a91770;
195
+ --ds-basic-color-fare-economy-extra-legroom-default: #ce0c88;
196
+ --ds-basic-color-fare-economy-extra-legroom-subtle: #fdf1f8;
208
197
  --ds-basic-color-fare-first: #463c8f;
209
- --ds-basic-color-fare-hawaiian-basic-economy-bold: #515252;
210
- --ds-basic-color-fare-hawaiian-basic-economy-default: #ced0d0;
211
- --ds-basic-color-fare-hawaiian-basic-economy-subtle: #f5f7f7;
212
- --ds-basic-color-fare-hawaiian-economy-bold: #1b6976;
213
- --ds-basic-color-fare-hawaiian-economy-default: #00a5ba;
214
- --ds-basic-color-fare-hawaiian-economy-subtle: #ecf6f8;
215
- --ds-basic-color-fare-hawaiian-economy-extra-legroom-bold: #a91770;
216
- --ds-basic-color-fare-hawaiian-economy-extra-legroom-default: #ce0c88;
217
- --ds-basic-color-fare-hawaiian-economy-extra-legroom-subtle: #fdf1f8;
218
- --ds-basic-color-fare-hawaiian-first-business-bold: #463c8f;
219
- --ds-basic-color-fare-hawaiian-first-business-default: #463c8f;
220
- --ds-basic-color-fare-hawaiian-first-business-gradient-back: #ce0c88;
221
- --ds-basic-color-fare-hawaiian-first-business-gradient-front: #463c8f;
222
- --ds-basic-color-fare-hawaiian-first-business-subtle: #edeaf4;
223
- --ds-basic-color-fare-hawaiian-premium-economy-bold: #831a57;
224
- --ds-basic-color-fare-hawaiian-premium-economy-default: #831a57;
225
- --ds-basic-color-fare-hawaiian-premium-economy-subtle: #fdf1f8;
226
- --ds-basic-color-fare-premiumeconomy: #ce0c88;
198
+ --ds-basic-color-fare-first-business-bold: #463c8f;
199
+ --ds-basic-color-fare-first-business-default: #463c8f;
200
+ --ds-basic-color-fare-first-business-gradient-back: #ce0c88;
201
+ --ds-basic-color-fare-first-business-gradient-front: #463c8f;
202
+ --ds-basic-color-fare-first-business-subtle: #eae5f4;
203
+ --ds-basic-color-fare-premium-economy-bold: #831a57;
204
+ --ds-basic-color-fare-premium-economy-default: #831a57;
205
+ --ds-basic-color-fare-premium-economy-subtle: #fdf1f8;
206
+ --ds-basic-color-fare-premiumeconomy: #1b6976;
227
207
  --ds-basic-color-fare-suites-back: #ce0c88;
228
208
  --ds-basic-color-fare-suites-front: #463c8f;
229
209
  --ds-basic-color-page-background-default: #ffffff;
@@ -238,19 +218,19 @@
238
218
  --ds-basic-color-status-warning: #fac200;
239
219
  --ds-basic-color-status-warning-subtle: #fff6d2;
240
220
  --ds-basic-color-surface-accent1: #aca1cc;
241
- --ds-basic-color-surface-accent1-muted: #edeaf4;
221
+ --ds-basic-color-surface-accent1-muted: #eae5f4;
242
222
  --ds-basic-color-surface-accent1-subtle: #aca1cc;
243
- --ds-basic-color-surface-accent2: #f7f7f7;
244
- --ds-basic-color-surface-accent2-muted: #f7f7f7;
223
+ --ds-basic-color-surface-accent2: #f5f7f7;
224
+ --ds-basic-color-surface-accent2-muted: #f5f7f7;
245
225
  --ds-basic-color-surface-default: #ffffff;
246
226
  --ds-basic-color-surface-inverse: #463c8f;
247
227
  --ds-basic-color-surface-inverse-subtle: #8c7eb8;
248
- --ds-basic-color-surface-neutral: #f2f2f2;
249
- --ds-basic-color-surface-neutral-medium: #dddddd;
250
- --ds-basic-color-surface-neutral-subtle: #f7f7f7;
228
+ --ds-basic-color-surface-neutral: #f1f3f3;
229
+ --ds-basic-color-surface-neutral-medium: #dbdddd;
230
+ --ds-basic-color-surface-neutral-subtle: #f5f7f7;
251
231
  --ds-basic-color-texticon-accent1: #000000;
252
232
  --ds-basic-color-texticon-default: #000000;
253
- --ds-basic-color-texticon-disabled: #d0d0d0;
233
+ --ds-basic-color-texticon-disabled: #ced0d0;
254
234
  --ds-basic-color-texticon-inverse: #ffffff;
255
235
  --ds-basic-color-texticon-inverse-disabled: #7e8894;
256
236
  --ds-basic-color-texticon-inverse-muted: #ccd2db;
@@ -258,7 +238,7 @@
258
238
  --ds-basic-color-texticon-link-hover: #831a57;
259
239
  --ds-basic-color-texticon-link-inverse-default: #ffffff;
260
240
  --ds-basic-color-texticon-link-inverse-hover: #ffffff;
261
- --ds-basic-color-texticon-muted: #3d3d3d;
241
+ --ds-basic-color-texticon-muted: #3c3d3d;
262
242
  --ds-basic-color-tier-program-loungetier-lounge: #01426a;
263
243
  --ds-basic-color-tier-program-loungetier-loungeplus: #53b390;
264
244
  --ds-basic-color-tier-program-loyaltytier-gold: #fbdc7a;
@@ -352,16 +332,16 @@
352
332
  --ds-advanced-color-boolean-istrue-hover: #00274a;
353
333
  --ds-advanced-color-boolean-istrue-inverse: #ffffff;
354
334
  --ds-advanced-color-boolean-istrue-inverse-hover: #ffffffb2;
355
- --ds-advanced-color-button-flat-text: #676767;
356
- --ds-advanced-color-button-flat-text-disabled: #d0d0d0;
357
- --ds-advanced-color-button-flat-text-hover: #525252;
335
+ --ds-advanced-color-button-flat-text: #666767;
336
+ --ds-advanced-color-button-flat-text-disabled: #ced0d0;
337
+ --ds-advanced-color-button-flat-text-hover: #515252;
358
338
  --ds-advanced-color-button-flat-text-inverse: #ffffff;
359
339
  --ds-advanced-color-button-flat-text-inverse-disabled: #7e8894;
360
- --ds-advanced-color-button-flat-text-inverse-hover: #adadad;
340
+ --ds-advanced-color-button-flat-text-inverse-hover: #abadad;
361
341
  --ds-advanced-color-button-ghost-background-hover: #0000000d;
362
342
  --ds-advanced-color-button-ghost-background-inverse-hover: #ffffff0d;
363
343
  --ds-advanced-color-button-ghost-text: #01426a;
364
- --ds-advanced-color-button-ghost-text-disabled: #d0d0d0;
344
+ --ds-advanced-color-button-ghost-text-disabled: #ced0d0;
365
345
  --ds-advanced-color-button-ghost-text-inverse: #ffffff;
366
346
  --ds-advanced-color-button-ghost-text-inverse-disabled: #7e8894;
367
347
  --ds-advanced-color-button-primary-background: #01426a;
@@ -382,14 +362,14 @@
382
362
  --ds-advanced-color-button-primary-text-disabled: #ffffff;
383
363
  --ds-advanced-color-button-primary-text-inverse: #01426a;
384
364
  --ds-advanced-color-button-secondary-background: #ffffff;
385
- --ds-advanced-color-button-secondary-background-disabled: #f7f7f7;
386
- --ds-advanced-color-button-secondary-background-hover: #f2f2f2;
365
+ --ds-advanced-color-button-secondary-background-disabled: #f5f7f7;
366
+ --ds-advanced-color-button-secondary-background-hover: #f1f3f3;
387
367
  --ds-advanced-color-button-secondary-background-inverse-hover: #ffffff1a;
388
368
  --ds-advanced-color-button-secondary-border: #01426a;
389
369
  --ds-advanced-color-button-secondary-border-disabled: #cfe0ef;
390
370
  --ds-advanced-color-button-secondary-border-hover: #00274a;
391
371
  --ds-advanced-color-button-secondary-border-inverse: #ffffff;
392
- --ds-advanced-color-button-secondary-border-inverse-disabled: #dddddd;
372
+ --ds-advanced-color-button-secondary-border-inverse-disabled: #dbdddd;
393
373
  --ds-advanced-color-button-secondary-text: #01426a;
394
374
  --ds-advanced-color-button-secondary-text-hover: #00274a;
395
375
  --ds-advanced-color-button-secondary-text-inverse: #ffffff;
@@ -424,7 +404,7 @@
424
404
  --ds-advanced-color-hyperlink-text-inverse-hover: #ebf3f9;
425
405
  --ds-advanced-color-interactive-background-hover: #00000014;
426
406
  --ds-advanced-color-interactive-background-inverse-hover: #ffffff14;
427
- --ds-advanced-color-interactive-disabled: #dddddd;
407
+ --ds-advanced-color-interactive-disabled: #dbdddd;
428
408
  --ds-advanced-color-interactive-disabled-inverse: #ffffff66;
429
409
  --ds-advanced-color-interactive-error: #e01f26;
430
410
  --ds-advanced-color-interactive-error-hover: #b1161c;
@@ -448,15 +428,15 @@
448
428
  --ds-advanced-color-shared-background-inverse: #ffffff26;
449
429
  --ds-advanced-color-shared-background-inverse-disabled: #ffffff1a;
450
430
  --ds-advanced-color-shared-background-inverse-hover: #ffffff33;
451
- --ds-advanced-color-shared-background-muted: #f7f7f7;
452
- --ds-advanced-color-shared-background-strong: #676767;
431
+ --ds-advanced-color-shared-background-muted: #f5f7f7;
432
+ --ds-advanced-color-shared-background-strong: #666767;
453
433
  --ds-advanced-color-shared-emphasized-background: #01426a1a;
454
434
  --ds-advanced-color-shared-emphasized-background-hover: #01426a33;
455
435
  --ds-advanced-color-shared-scrim: #00000080;
456
436
  --ds-advanced-color-shared-text-accent: #2875b5;
457
437
  --ds-advanced-color-skeleton-background: #f7f8fa;
458
438
  --ds-advanced-color-skeleton-wave: #e4e8ec;
459
- --ds-advanced-color-state-background-disabled: #dddddd;
439
+ --ds-advanced-color-state-background-disabled: #dbdddd;
460
440
  --ds-advanced-color-state-background-hover: #00000014;
461
441
  --ds-advanced-color-state-background-inverse-disabled: #ffffff66;
462
442
  --ds-advanced-color-state-error-inverse: #f9a4a8;
@@ -484,11 +464,11 @@
484
464
  --ds-advanced-color-switch-track-on-hover: #00274a;
485
465
  --ds-basic-color-border-bold: #585e67;
486
466
  --ds-basic-color-border-brand: #00274a;
487
- --ds-basic-color-border-default: #959595;
467
+ --ds-basic-color-border-default: #949595;
488
468
  --ds-basic-color-border-divider: #00000026;
489
469
  --ds-basic-color-border-divider-inverse: #ffffff66;
490
470
  --ds-basic-color-border-inverse: #ffffff;
491
- --ds-basic-color-border-subtle: #dddddd;
471
+ --ds-basic-color-border-subtle: #dbdddd;
492
472
  --ds-basic-color-brand-primary: #01426a;
493
473
  --ds-basic-color-brand-primary-bold: #00274a;
494
474
  --ds-basic-color-brand-primary-muted: #ebf3f9;
@@ -501,45 +481,25 @@
501
481
  --ds-basic-color-brand-tertiary-bold: #7daf3b;
502
482
  --ds-basic-color-brand-tertiary-muted: #eaf3dd;
503
483
  --ds-basic-color-brand-tertiary-subtle: #c9e1a7;
504
- --ds-basic-color-fare-alaska-basic-economy-bold: #096173;
505
- --ds-basic-color-fare-alaska-basic-economy-default: #97eaf8;
506
- --ds-basic-color-fare-alaska-basic-economy-subtle: #ebfafd;
507
- --ds-basic-color-fare-alaska-economy-bold: #005fa7;
508
- --ds-basic-color-fare-alaska-economy-default: #289bee;
509
- --ds-basic-color-fare-alaska-economy-subtle: #ebf7ff;
510
- --ds-basic-color-fare-alaska-economy-extra-legroom-bold: #265688;
511
- --ds-basic-color-fare-alaska-economy-extra-legroom-default: #265688;
512
- --ds-basic-color-fare-alaska-economy-extra-legroom-subtle: #ebf3f9;
513
- --ds-basic-color-fare-alaska-first-business-bold: #005154;
514
- --ds-basic-color-fare-alaska-first-business-default: #005154;
515
- --ds-basic-color-fare-alaska-first-business-gradient-back: #00274a;
516
- --ds-basic-color-fare-alaska-first-business-gradient-front: #005154;
517
- --ds-basic-color-fare-alaska-first-business-subtle: #e9f1f1;
518
- --ds-basic-color-fare-alaska-premium-economy-bold: #00274a;
519
- --ds-basic-color-fare-alaska-premium-economy-default: #00274a;
520
- --ds-basic-color-fare-alaska-premium-economy-subtle: #ecf0f3;
484
+ --ds-basic-color-fare-basic-economy-bold: #096173;
485
+ --ds-basic-color-fare-basic-economy-default: #97eaf8;
486
+ --ds-basic-color-fare-basic-economy-subtle: #ebfafd;
521
487
  --ds-basic-color-fare-basiceconomy: #97eaf8;
522
- --ds-basic-color-fare-business: #005154;
488
+ --ds-basic-color-fare-business: #01426a;
523
489
  --ds-basic-color-fare-economy: #0074ca;
524
- --ds-basic-color-fare-first: #005154;
525
- --ds-basic-color-fare-hawaiian-basic-economy-bold: #515252;
526
- --ds-basic-color-fare-hawaiian-basic-economy-default: #ced0d0;
527
- --ds-basic-color-fare-hawaiian-basic-economy-subtle: #f5f7f7;
528
- --ds-basic-color-fare-hawaiian-economy-bold: #1b6976;
529
- --ds-basic-color-fare-hawaiian-economy-default: #00a5ba;
530
- --ds-basic-color-fare-hawaiian-economy-subtle: #ecf6f8;
531
- --ds-basic-color-fare-hawaiian-economy-extra-legroom-bold: #a91770;
532
- --ds-basic-color-fare-hawaiian-economy-extra-legroom-default: #ce0c88;
533
- --ds-basic-color-fare-hawaiian-economy-extra-legroom-subtle: #fdf1f8;
534
- --ds-basic-color-fare-hawaiian-first-business-bold: #463c8f;
535
- --ds-basic-color-fare-hawaiian-first-business-default: #463c8f;
536
- --ds-basic-color-fare-hawaiian-first-business-gradient-back: #ce0c88;
537
- --ds-basic-color-fare-hawaiian-first-business-gradient-front: #463c8f;
538
- --ds-basic-color-fare-hawaiian-first-business-subtle: #edeaf4;
539
- --ds-basic-color-fare-hawaiian-premium-economy-bold: #831a57;
540
- --ds-basic-color-fare-hawaiian-premium-economy-default: #831a57;
541
- --ds-basic-color-fare-hawaiian-premium-economy-subtle: #fdf1f8;
542
- --ds-basic-color-fare-premiumeconomy: #265688;
490
+ --ds-basic-color-fare-economy-extra-legroom-bold: #265688;
491
+ --ds-basic-color-fare-economy-extra-legroom-default: #265688;
492
+ --ds-basic-color-fare-economy-extra-legroom-subtle: #ebf3f9;
493
+ --ds-basic-color-fare-first: #00274a;
494
+ --ds-basic-color-fare-first-business-bold: #005154;
495
+ --ds-basic-color-fare-first-business-default: #005154;
496
+ --ds-basic-color-fare-first-business-gradient-back: #00274a;
497
+ --ds-basic-color-fare-first-business-gradient-front: #005154;
498
+ --ds-basic-color-fare-first-business-subtle: #e9f1f1;
499
+ --ds-basic-color-fare-premium-economy-bold: #00274a;
500
+ --ds-basic-color-fare-premium-economy-default: #00274a;
501
+ --ds-basic-color-fare-premium-economy-subtle: #ecf0f3;
502
+ --ds-basic-color-fare-premiumeconomy: #005154;
543
503
  --ds-basic-color-fare-suites-back: #00274a;
544
504
  --ds-basic-color-fare-suites-front: #005154;
545
505
  --ds-basic-color-page-background-default: #ffffff;
@@ -561,12 +521,12 @@
561
521
  --ds-basic-color-surface-default: #ffffff;
562
522
  --ds-basic-color-surface-inverse: #00274a;
563
523
  --ds-basic-color-surface-inverse-subtle: #2875b5;
564
- --ds-basic-color-surface-neutral: #f2f2f2;
565
- --ds-basic-color-surface-neutral-medium: #c5c5c5;
566
- --ds-basic-color-surface-neutral-subtle: #f7f7f7;
524
+ --ds-basic-color-surface-neutral: #f1f3f3;
525
+ --ds-basic-color-surface-neutral-medium: #c3c5c5;
526
+ --ds-basic-color-surface-neutral-subtle: #f5f7f7;
567
527
  --ds-basic-color-texticon-accent1: #01426a;
568
528
  --ds-basic-color-texticon-default: #2a2a2a;
569
- --ds-basic-color-texticon-disabled: #d0d0d0;
529
+ --ds-basic-color-texticon-disabled: #ced0d0;
570
530
  --ds-basic-color-texticon-inverse: #ffffff;
571
531
  --ds-basic-color-texticon-inverse-disabled: #7e8894;
572
532
  --ds-basic-color-texticon-inverse-muted: #ccd2db;
@@ -574,7 +534,7 @@
574
534
  --ds-basic-color-texticon-link-hover: #01426a;
575
535
  --ds-basic-color-texticon-link-inverse-default: #ffffff;
576
536
  --ds-basic-color-texticon-link-inverse-hover: #ebf3f9;
577
- --ds-basic-color-texticon-muted: #676767;
537
+ --ds-basic-color-texticon-muted: #666767;
578
538
  --ds-basic-color-tier-program-loungetier-lounge: #01426a;
579
539
  --ds-basic-color-tier-program-loungetier-loungeplus: #53b390;
580
540
  --ds-basic-color-tier-program-loyaltytier-gold: #fbdc7a;
@@ -676,7 +636,7 @@
676
636
  --ds-advanced-color-button-ghost-background-hover: #0000000d;
677
637
  --ds-advanced-color-button-ghost-background-inverse-hover: #ffffff0d;
678
638
  --ds-advanced-color-button-ghost-text: #101d2c;
679
- --ds-advanced-color-button-ghost-text-disabled: #dddddd;
639
+ --ds-advanced-color-button-ghost-text-disabled: #dbdddd;
680
640
  --ds-advanced-color-button-ghost-text-inverse: #faf9f5;
681
641
  --ds-advanced-color-button-ghost-text-inverse-disabled: #7e8894;
682
642
  --ds-advanced-color-button-primary-background: #aedeff;
@@ -694,14 +654,14 @@
694
654
  --ds-advanced-color-button-primary-border-inverse-disabled: #ffffffbf;
695
655
  --ds-advanced-color-button-primary-border-inverse-hover: #ecf0f3;
696
656
  --ds-advanced-color-button-primary-text: #101d2c;
697
- --ds-advanced-color-button-primary-text-disabled: #dddddd;
657
+ --ds-advanced-color-button-primary-text-disabled: #dbdddd;
698
658
  --ds-advanced-color-button-primary-text-inverse: #101d2c;
699
659
  --ds-advanced-color-button-secondary-background: #ffffff00;
700
- --ds-advanced-color-button-secondary-background-disabled: #f7f7f7;
660
+ --ds-advanced-color-button-secondary-background-disabled: #f5f7f7;
701
661
  --ds-advanced-color-button-secondary-background-hover: #0000000d;
702
662
  --ds-advanced-color-button-secondary-background-inverse-hover: #ffffff1a;
703
663
  --ds-advanced-color-button-secondary-border: #101d2c;
704
- --ds-advanced-color-button-secondary-border-disabled: #f7f7f7;
664
+ --ds-advanced-color-button-secondary-border-disabled: #f5f7f7;
705
665
  --ds-advanced-color-button-secondary-border-hover: #101d2c;
706
666
  --ds-advanced-color-button-secondary-border-inverse: #ffffff;
707
667
  --ds-advanced-color-button-secondary-border-inverse-disabled: #e9e6d9;
@@ -739,7 +699,7 @@
739
699
  --ds-advanced-color-hyperlink-text-inverse-hover: #cfe0ef;
740
700
  --ds-advanced-color-interactive-background-hover: #00000014;
741
701
  --ds-advanced-color-interactive-background-inverse-hover: #ffffff14;
742
- --ds-advanced-color-interactive-disabled: #dddddd;
702
+ --ds-advanced-color-interactive-disabled: #dbdddd;
743
703
  --ds-advanced-color-interactive-disabled-inverse: #ffffff66;
744
704
  --ds-advanced-color-interactive-error: #e01f26;
745
705
  --ds-advanced-color-interactive-error-hover: #b1161c;
@@ -763,15 +723,15 @@
763
723
  --ds-advanced-color-shared-background-inverse: #ffffff26;
764
724
  --ds-advanced-color-shared-background-inverse-disabled: #ffffff1a;
765
725
  --ds-advanced-color-shared-background-inverse-hover: #ffffff33;
766
- --ds-advanced-color-shared-background-muted: #f7f7f7;
767
- --ds-advanced-color-shared-background-strong: #676767;
726
+ --ds-advanced-color-shared-background-muted: #f5f7f7;
727
+ --ds-advanced-color-shared-background-strong: #666767;
768
728
  --ds-advanced-color-shared-emphasized-background: #e2e8ee;
769
729
  --ds-advanced-color-shared-emphasized-background-hover: #c7d6e5;
770
730
  --ds-advanced-color-shared-scrim: #00000080;
771
731
  --ds-advanced-color-shared-text-accent: #003761;
772
732
  --ds-advanced-color-skeleton-background: #f7f8fa;
773
733
  --ds-advanced-color-skeleton-wave: #e4e8ec;
774
- --ds-advanced-color-state-background-disabled: #dddddd;
734
+ --ds-advanced-color-state-background-disabled: #dbdddd;
775
735
  --ds-advanced-color-state-background-hover: #00000014;
776
736
  --ds-advanced-color-state-background-inverse-disabled: #ffffff66;
777
737
  --ds-advanced-color-state-error-inverse: #f9a4a8;
@@ -816,45 +776,25 @@
816
776
  --ds-basic-color-brand-tertiary-bold: #dfd7c3;
817
777
  --ds-basic-color-brand-tertiary-muted: #faf9f5;
818
778
  --ds-basic-color-brand-tertiary-subtle: #e9e6d9;
819
- --ds-basic-color-fare-alaska-basic-economy-bold: #096173;
820
- --ds-basic-color-fare-alaska-basic-economy-default: #97eaf8;
821
- --ds-basic-color-fare-alaska-basic-economy-subtle: #ebfafd;
822
- --ds-basic-color-fare-alaska-economy-bold: #005fa7;
823
- --ds-basic-color-fare-alaska-economy-default: #289bee;
824
- --ds-basic-color-fare-alaska-economy-subtle: #ebf7ff;
825
- --ds-basic-color-fare-alaska-economy-extra-legroom-bold: #265688;
826
- --ds-basic-color-fare-alaska-economy-extra-legroom-default: #265688;
827
- --ds-basic-color-fare-alaska-economy-extra-legroom-subtle: #ebf3f9;
828
- --ds-basic-color-fare-alaska-first-business-bold: #005154;
829
- --ds-basic-color-fare-alaska-first-business-default: #005154;
830
- --ds-basic-color-fare-alaska-first-business-gradient-back: #00274a;
831
- --ds-basic-color-fare-alaska-first-business-gradient-front: #005154;
832
- --ds-basic-color-fare-alaska-first-business-subtle: #e9f1f1;
833
- --ds-basic-color-fare-alaska-premium-economy-bold: #00274a;
834
- --ds-basic-color-fare-alaska-premium-economy-default: #00274a;
835
- --ds-basic-color-fare-alaska-premium-economy-subtle: #ecf0f3;
779
+ --ds-basic-color-fare-basic-economy-bold: #096173;
780
+ --ds-basic-color-fare-basic-economy-default: #97eaf8;
781
+ --ds-basic-color-fare-basic-economy-subtle: #ebfafd;
836
782
  --ds-basic-color-fare-basiceconomy: #97eaf8;
837
783
  --ds-basic-color-fare-business: #002c4e;
838
784
  --ds-basic-color-fare-economy: #0074ca;
785
+ --ds-basic-color-fare-economy-extra-legroom-bold: #265688;
786
+ --ds-basic-color-fare-economy-extra-legroom-default: #265688;
787
+ --ds-basic-color-fare-economy-extra-legroom-subtle: #ebf3f9;
839
788
  --ds-basic-color-fare-first: #101d2c;
840
- --ds-basic-color-fare-hawaiian-basic-economy-bold: #515252;
841
- --ds-basic-color-fare-hawaiian-basic-economy-default: #ced0d0;
842
- --ds-basic-color-fare-hawaiian-basic-economy-subtle: #f5f7f7;
843
- --ds-basic-color-fare-hawaiian-economy-bold: #1b6976;
844
- --ds-basic-color-fare-hawaiian-economy-default: #00a5ba;
845
- --ds-basic-color-fare-hawaiian-economy-subtle: #ecf6f8;
846
- --ds-basic-color-fare-hawaiian-economy-extra-legroom-bold: #a91770;
847
- --ds-basic-color-fare-hawaiian-economy-extra-legroom-default: #ce0c88;
848
- --ds-basic-color-fare-hawaiian-economy-extra-legroom-subtle: #fdf1f8;
849
- --ds-basic-color-fare-hawaiian-first-business-bold: #463c8f;
850
- --ds-basic-color-fare-hawaiian-first-business-default: #463c8f;
851
- --ds-basic-color-fare-hawaiian-first-business-gradient-back: #ce0c88;
852
- --ds-basic-color-fare-hawaiian-first-business-gradient-front: #463c8f;
853
- --ds-basic-color-fare-hawaiian-first-business-subtle: #edeaf4;
854
- --ds-basic-color-fare-hawaiian-premium-economy-bold: #831a57;
855
- --ds-basic-color-fare-hawaiian-premium-economy-default: #831a57;
856
- --ds-basic-color-fare-hawaiian-premium-economy-subtle: #fdf1f8;
857
- --ds-basic-color-fare-premiumeconomy: #265688;
789
+ --ds-basic-color-fare-first-business-bold: #005154;
790
+ --ds-basic-color-fare-first-business-default: #005154;
791
+ --ds-basic-color-fare-first-business-gradient-back: #00274a;
792
+ --ds-basic-color-fare-first-business-gradient-front: #005154;
793
+ --ds-basic-color-fare-first-business-subtle: #e9f1f1;
794
+ --ds-basic-color-fare-premium-economy-bold: #00274a;
795
+ --ds-basic-color-fare-premium-economy-default: #00274a;
796
+ --ds-basic-color-fare-premium-economy-subtle: #ecf0f3;
797
+ --ds-basic-color-fare-premiumeconomy: #005154;
858
798
  --ds-basic-color-fare-suites-back: #101d2c;
859
799
  --ds-basic-color-fare-suites-front: #101d2c;
860
800
  --ds-basic-color-page-background-default: #ffffff;
@@ -881,10 +821,10 @@
881
821
  --ds-basic-color-surface-neutral-subtle: #faf9f5;
882
822
  --ds-basic-color-texticon-accent1: #101d2c;
883
823
  --ds-basic-color-texticon-default: #101d2c;
884
- --ds-basic-color-texticon-disabled: #dddddd;
824
+ --ds-basic-color-texticon-disabled: #dbdddd;
885
825
  --ds-basic-color-texticon-inverse: #faf9f5;
886
826
  --ds-basic-color-texticon-inverse-disabled: #7e8894;
887
- --ds-basic-color-texticon-inverse-muted: #c5c5c5;
827
+ --ds-basic-color-texticon-inverse-muted: #c3c5c5;
888
828
  --ds-basic-color-texticon-link-default: #101d2c;
889
829
  --ds-basic-color-texticon-link-hover: #005fa7;
890
830
  --ds-basic-color-texticon-link-inverse-default: #faf9f5;