@aurodesignsystem/design-tokens 9.2.0 → 9.3.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.
- package/CHANGELOG.md +7 -0
- package/dist/app/alaskaLight.json +25 -67
- package/dist/app/atmosLight.json +19 -61
- package/dist/app/hawaiianLight.json +32 -74
- package/dist/app/test.json +98 -140
- package/dist/web/JSONVariablesNested--alaska.json +39 -75
- package/dist/web/JSONVariablesNested--atmos.json +30 -66
- package/dist/web/JSONVariablesNested--hawaiian.json +50 -86
- package/dist/web/JSONVariablesNested--test.json +162 -198
- package/dist/web/JSObject--allTokens--alaska.js +378 -858
- package/dist/web/JSObject--allTokens--atmos.js +360 -840
- package/dist/web/JSObject--allTokens--hawaiian.js +400 -880
- package/dist/web/JSObject--allTokens--test.js +624 -1104
- package/dist/web/alaska.css +101 -161
- package/dist/web/alaska.min.css +1 -1
- package/dist/web/alaska.scss +33 -53
- package/dist/web/atmos.css +101 -161
- package/dist/web/atmos.min.css +1 -1
- package/dist/web/atmos.scss +24 -44
- package/dist/web/blueprint.css +156 -176
- package/dist/web/blueprint.min.css +1 -1
- package/dist/web/blueprint.scss +156 -176
- package/dist/web/hawaiian.css +101 -161
- package/dist/web/hawaiian.min.css +1 -1
- package/dist/web/hawaiian.scss +44 -64
- package/package.json +1 -1
package/dist/web/alaska.css
CHANGED
|
@@ -36,16 +36,16 @@
|
|
|
36
36
|
--ds-advanced-color-boolean-istrue-hover: #00274a;
|
|
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: #
|
|
40
|
-
--ds-advanced-color-button-flat-text-disabled: #
|
|
41
|
-
--ds-advanced-color-button-flat-text-hover: #
|
|
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: #
|
|
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: #01426a;
|
|
48
|
-
--ds-advanced-color-button-ghost-text-disabled: #
|
|
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: #01426a;
|
|
@@ -66,14 +66,14 @@
|
|
|
66
66
|
--ds-advanced-color-button-primary-text-disabled: #ffffff;
|
|
67
67
|
--ds-advanced-color-button-primary-text-inverse: #01426a;
|
|
68
68
|
--ds-advanced-color-button-secondary-background: #ffffff;
|
|
69
|
-
--ds-advanced-color-button-secondary-background-disabled: #
|
|
70
|
-
--ds-advanced-color-button-secondary-background-hover: #
|
|
69
|
+
--ds-advanced-color-button-secondary-background-disabled: #f5f7f7;
|
|
70
|
+
--ds-advanced-color-button-secondary-background-hover: #f1f3f3;
|
|
71
71
|
--ds-advanced-color-button-secondary-background-inverse-hover: #ffffff1a;
|
|
72
72
|
--ds-advanced-color-button-secondary-border: #01426a;
|
|
73
73
|
--ds-advanced-color-button-secondary-border-disabled: #cfe0ef;
|
|
74
74
|
--ds-advanced-color-button-secondary-border-hover: #00274a;
|
|
75
75
|
--ds-advanced-color-button-secondary-border-inverse: #ffffff;
|
|
76
|
-
--ds-advanced-color-button-secondary-border-inverse-disabled: #
|
|
76
|
+
--ds-advanced-color-button-secondary-border-inverse-disabled: #dbdddd;
|
|
77
77
|
--ds-advanced-color-button-secondary-text: #01426a;
|
|
78
78
|
--ds-advanced-color-button-secondary-text-hover: #00274a;
|
|
79
79
|
--ds-advanced-color-button-secondary-text-inverse: #ffffff;
|
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
--ds-advanced-color-hyperlink-text-inverse-hover: #ebf3f9;
|
|
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: #
|
|
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: #
|
|
136
|
-
--ds-advanced-color-shared-background-strong: #
|
|
135
|
+
--ds-advanced-color-shared-background-muted: #f5f7f7;
|
|
136
|
+
--ds-advanced-color-shared-background-strong: #666767;
|
|
137
137
|
--ds-advanced-color-shared-emphasized-background: #01426a1a;
|
|
138
138
|
--ds-advanced-color-shared-emphasized-background-hover: #01426a33;
|
|
139
139
|
--ds-advanced-color-shared-scrim: #00000080;
|
|
140
140
|
--ds-advanced-color-shared-text-accent: #2875b5;
|
|
141
141
|
--ds-advanced-color-skeleton-background: #f7f8fa;
|
|
142
142
|
--ds-advanced-color-skeleton-wave: #e4e8ec;
|
|
143
|
-
--ds-advanced-color-state-background-disabled: #
|
|
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;
|
|
@@ -168,11 +168,11 @@
|
|
|
168
168
|
--ds-advanced-color-switch-track-on-hover: #00274a;
|
|
169
169
|
--ds-basic-color-border-bold: #585e67;
|
|
170
170
|
--ds-basic-color-border-brand: #00274a;
|
|
171
|
-
--ds-basic-color-border-default: #
|
|
171
|
+
--ds-basic-color-border-default: #949595;
|
|
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: #
|
|
175
|
+
--ds-basic-color-border-subtle: #dbdddd;
|
|
176
176
|
--ds-basic-color-brand-primary: #01426a;
|
|
177
177
|
--ds-basic-color-brand-primary-bold: #00274a;
|
|
178
178
|
--ds-basic-color-brand-primary-muted: #ebf3f9;
|
|
@@ -185,44 +185,24 @@
|
|
|
185
185
|
--ds-basic-color-brand-tertiary-bold: #7daf3b;
|
|
186
186
|
--ds-basic-color-brand-tertiary-muted: #eaf3dd;
|
|
187
187
|
--ds-basic-color-brand-tertiary-subtle: #c9e1a7;
|
|
188
|
-
--ds-basic-color-fare-
|
|
189
|
-
--ds-basic-color-fare-
|
|
190
|
-
--ds-basic-color-fare-
|
|
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;
|
|
188
|
+
--ds-basic-color-fare-basic-economy-bold: #096173;
|
|
189
|
+
--ds-basic-color-fare-basic-economy-default: #97eaf8;
|
|
190
|
+
--ds-basic-color-fare-basic-economy-subtle: #ebfafd;
|
|
205
191
|
--ds-basic-color-fare-basiceconomy: #97eaf8;
|
|
206
192
|
--ds-basic-color-fare-business: #005154;
|
|
207
193
|
--ds-basic-color-fare-economy: #0074ca;
|
|
194
|
+
--ds-basic-color-fare-economy-extra-legroom-bold: #265688;
|
|
195
|
+
--ds-basic-color-fare-economy-extra-legroom-default: #265688;
|
|
196
|
+
--ds-basic-color-fare-economy-extra-legroom-subtle: #ebf3f9;
|
|
208
197
|
--ds-basic-color-fare-first: #005154;
|
|
209
|
-
--ds-basic-color-fare-
|
|
210
|
-
--ds-basic-color-fare-
|
|
211
|
-
--ds-basic-color-fare-
|
|
212
|
-
--ds-basic-color-fare-
|
|
213
|
-
--ds-basic-color-fare-
|
|
214
|
-
--ds-basic-color-fare-
|
|
215
|
-
--ds-basic-color-fare-
|
|
216
|
-
--ds-basic-color-fare-
|
|
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;
|
|
198
|
+
--ds-basic-color-fare-first-business-bold: #005154;
|
|
199
|
+
--ds-basic-color-fare-first-business-default: #005154;
|
|
200
|
+
--ds-basic-color-fare-first-business-gradient-back: #00274a;
|
|
201
|
+
--ds-basic-color-fare-first-business-gradient-front: #005154;
|
|
202
|
+
--ds-basic-color-fare-first-business-subtle: #e9f1f1;
|
|
203
|
+
--ds-basic-color-fare-premium-economy-bold: #00274a;
|
|
204
|
+
--ds-basic-color-fare-premium-economy-default: #00274a;
|
|
205
|
+
--ds-basic-color-fare-premium-economy-subtle: #ecf0f3;
|
|
226
206
|
--ds-basic-color-fare-premiumeconomy: #265688;
|
|
227
207
|
--ds-basic-color-fare-suites-back: #00274a;
|
|
228
208
|
--ds-basic-color-fare-suites-front: #005154;
|
|
@@ -245,12 +225,12 @@
|
|
|
245
225
|
--ds-basic-color-surface-default: #ffffff;
|
|
246
226
|
--ds-basic-color-surface-inverse: #00274a;
|
|
247
227
|
--ds-basic-color-surface-inverse-subtle: #2875b5;
|
|
248
|
-
--ds-basic-color-surface-neutral: #
|
|
249
|
-
--ds-basic-color-surface-neutral-medium: #
|
|
250
|
-
--ds-basic-color-surface-neutral-subtle: #
|
|
228
|
+
--ds-basic-color-surface-neutral: #f1f3f3;
|
|
229
|
+
--ds-basic-color-surface-neutral-medium: #c3c5c5;
|
|
230
|
+
--ds-basic-color-surface-neutral-subtle: #f5f7f7;
|
|
251
231
|
--ds-basic-color-texticon-accent1: #01426a;
|
|
252
232
|
--ds-basic-color-texticon-default: #2a2a2a;
|
|
253
|
-
--ds-basic-color-texticon-disabled: #
|
|
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: #01426a;
|
|
259
239
|
--ds-basic-color-texticon-link-inverse-default: #ffffff;
|
|
260
240
|
--ds-basic-color-texticon-link-inverse-hover: #ebf3f9;
|
|
261
|
-
--ds-basic-color-texticon-muted: #
|
|
241
|
+
--ds-basic-color-texticon-muted: #666767;
|
|
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;
|
|
@@ -361,7 +341,7 @@
|
|
|
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: #101d2c;
|
|
364
|
-
--ds-advanced-color-button-ghost-text-disabled: #
|
|
344
|
+
--ds-advanced-color-button-ghost-text-disabled: #dbdddd;
|
|
365
345
|
--ds-advanced-color-button-ghost-text-inverse: #faf9f5;
|
|
366
346
|
--ds-advanced-color-button-ghost-text-inverse-disabled: #7e8894;
|
|
367
347
|
--ds-advanced-color-button-primary-background: #aedeff;
|
|
@@ -379,14 +359,14 @@
|
|
|
379
359
|
--ds-advanced-color-button-primary-border-inverse-disabled: #ffffffbf;
|
|
380
360
|
--ds-advanced-color-button-primary-border-inverse-hover: #ecf0f3;
|
|
381
361
|
--ds-advanced-color-button-primary-text: #101d2c;
|
|
382
|
-
--ds-advanced-color-button-primary-text-disabled: #
|
|
362
|
+
--ds-advanced-color-button-primary-text-disabled: #dbdddd;
|
|
383
363
|
--ds-advanced-color-button-primary-text-inverse: #101d2c;
|
|
384
364
|
--ds-advanced-color-button-secondary-background: #ffffff00;
|
|
385
|
-
--ds-advanced-color-button-secondary-background-disabled: #
|
|
365
|
+
--ds-advanced-color-button-secondary-background-disabled: #f5f7f7;
|
|
386
366
|
--ds-advanced-color-button-secondary-background-hover: #0000000d;
|
|
387
367
|
--ds-advanced-color-button-secondary-background-inverse-hover: #ffffff1a;
|
|
388
368
|
--ds-advanced-color-button-secondary-border: #101d2c;
|
|
389
|
-
--ds-advanced-color-button-secondary-border-disabled: #
|
|
369
|
+
--ds-advanced-color-button-secondary-border-disabled: #f5f7f7;
|
|
390
370
|
--ds-advanced-color-button-secondary-border-hover: #101d2c;
|
|
391
371
|
--ds-advanced-color-button-secondary-border-inverse: #ffffff;
|
|
392
372
|
--ds-advanced-color-button-secondary-border-inverse-disabled: #e9e6d9;
|
|
@@ -424,7 +404,7 @@
|
|
|
424
404
|
--ds-advanced-color-hyperlink-text-inverse-hover: #cfe0ef;
|
|
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: #
|
|
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: #
|
|
452
|
-
--ds-advanced-color-shared-background-strong: #
|
|
431
|
+
--ds-advanced-color-shared-background-muted: #f5f7f7;
|
|
432
|
+
--ds-advanced-color-shared-background-strong: #666767;
|
|
453
433
|
--ds-advanced-color-shared-emphasized-background: #e2e8ee;
|
|
454
434
|
--ds-advanced-color-shared-emphasized-background-hover: #c7d6e5;
|
|
455
435
|
--ds-advanced-color-shared-scrim: #00000080;
|
|
456
436
|
--ds-advanced-color-shared-text-accent: #003761;
|
|
457
437
|
--ds-advanced-color-skeleton-background: #f7f8fa;
|
|
458
438
|
--ds-advanced-color-skeleton-wave: #e4e8ec;
|
|
459
|
-
--ds-advanced-color-state-background-disabled: #
|
|
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;
|
|
@@ -501,44 +481,24 @@
|
|
|
501
481
|
--ds-basic-color-brand-tertiary-bold: #dfd7c3;
|
|
502
482
|
--ds-basic-color-brand-tertiary-muted: #faf9f5;
|
|
503
483
|
--ds-basic-color-brand-tertiary-subtle: #e9e6d9;
|
|
504
|
-
--ds-basic-color-fare-
|
|
505
|
-
--ds-basic-color-fare-
|
|
506
|
-
--ds-basic-color-fare-
|
|
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
488
|
--ds-basic-color-fare-business: #002c4e;
|
|
523
489
|
--ds-basic-color-fare-economy: #0074ca;
|
|
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;
|
|
524
493
|
--ds-basic-color-fare-first: #101d2c;
|
|
525
|
-
--ds-basic-color-fare-
|
|
526
|
-
--ds-basic-color-fare-
|
|
527
|
-
--ds-basic-color-fare-
|
|
528
|
-
--ds-basic-color-fare-
|
|
529
|
-
--ds-basic-color-fare-
|
|
530
|
-
--ds-basic-color-fare-
|
|
531
|
-
--ds-basic-color-fare-
|
|
532
|
-
--ds-basic-color-fare-
|
|
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;
|
|
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;
|
|
542
502
|
--ds-basic-color-fare-premiumeconomy: #265688;
|
|
543
503
|
--ds-basic-color-fare-suites-back: #101d2c;
|
|
544
504
|
--ds-basic-color-fare-suites-front: #101d2c;
|
|
@@ -566,10 +526,10 @@
|
|
|
566
526
|
--ds-basic-color-surface-neutral-subtle: #faf9f5;
|
|
567
527
|
--ds-basic-color-texticon-accent1: #101d2c;
|
|
568
528
|
--ds-basic-color-texticon-default: #101d2c;
|
|
569
|
-
--ds-basic-color-texticon-disabled: #
|
|
529
|
+
--ds-basic-color-texticon-disabled: #dbdddd;
|
|
570
530
|
--ds-basic-color-texticon-inverse: #faf9f5;
|
|
571
531
|
--ds-basic-color-texticon-inverse-disabled: #7e8894;
|
|
572
|
-
--ds-basic-color-texticon-inverse-muted: #
|
|
532
|
+
--ds-basic-color-texticon-inverse-muted: #c3c5c5;
|
|
573
533
|
--ds-basic-color-texticon-link-default: #101d2c;
|
|
574
534
|
--ds-basic-color-texticon-link-hover: #005fa7;
|
|
575
535
|
--ds-basic-color-texticon-link-inverse-default: #faf9f5;
|
|
@@ -645,7 +605,7 @@
|
|
|
645
605
|
--ds-advanced-color-accents-accent4-bold: #00a5ba;
|
|
646
606
|
--ds-advanced-color-accents-accent4-muted: #cbe6ec;
|
|
647
607
|
--ds-advanced-color-accents-default: #463c8f;
|
|
648
|
-
--ds-advanced-color-accents-default-inverse: #
|
|
608
|
+
--ds-advanced-color-accents-default-inverse: #eae5f4;
|
|
649
609
|
--ds-advanced-color-accents-transparency: #0000001a;
|
|
650
610
|
--ds-advanced-color-accents-transparency-inverse: #ffffff33;
|
|
651
611
|
--ds-advanced-color-avatar-gradient-bottom: #c0ccf1;
|
|
@@ -658,7 +618,7 @@
|
|
|
658
618
|
--ds-advanced-color-boolean-indicator: #ffffff;
|
|
659
619
|
--ds-advanced-color-boolean-indicator-inverse: #463c8f;
|
|
660
620
|
--ds-advanced-color-boolean-isfalse: #ffffff;
|
|
661
|
-
--ds-advanced-color-boolean-isfalse-border: #
|
|
621
|
+
--ds-advanced-color-boolean-isfalse-border: #abadad;
|
|
662
622
|
--ds-advanced-color-boolean-isfalse-border-inverse: #ffffff;
|
|
663
623
|
--ds-advanced-color-boolean-isfalse-hover: #0000000d;
|
|
664
624
|
--ds-advanced-color-boolean-isfalse-inverse: #ffffff26;
|
|
@@ -667,16 +627,16 @@
|
|
|
667
627
|
--ds-advanced-color-boolean-istrue-hover: #31295c;
|
|
668
628
|
--ds-advanced-color-boolean-istrue-inverse: #ffffff;
|
|
669
629
|
--ds-advanced-color-boolean-istrue-inverse-hover: #ffffffb2;
|
|
670
|
-
--ds-advanced-color-button-flat-text: #
|
|
671
|
-
--ds-advanced-color-button-flat-text-disabled: #
|
|
672
|
-
--ds-advanced-color-button-flat-text-hover: #
|
|
630
|
+
--ds-advanced-color-button-flat-text: #666767;
|
|
631
|
+
--ds-advanced-color-button-flat-text-disabled: #ced0d0;
|
|
632
|
+
--ds-advanced-color-button-flat-text-hover: #515252;
|
|
673
633
|
--ds-advanced-color-button-flat-text-inverse: #ffffff;
|
|
674
634
|
--ds-advanced-color-button-flat-text-inverse-disabled: #7e8894;
|
|
675
|
-
--ds-advanced-color-button-flat-text-inverse-hover: #
|
|
635
|
+
--ds-advanced-color-button-flat-text-inverse-hover: #abadad;
|
|
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: #ce0c88;
|
|
679
|
-
--ds-advanced-color-button-ghost-text-disabled: #
|
|
639
|
+
--ds-advanced-color-button-ghost-text-disabled: #ced0d0;
|
|
680
640
|
--ds-advanced-color-button-ghost-text-inverse: #ffffff;
|
|
681
641
|
--ds-advanced-color-button-ghost-text-inverse-disabled: #7e8894;
|
|
682
642
|
--ds-advanced-color-button-primary-background: #ce0c88;
|
|
@@ -697,14 +657,14 @@
|
|
|
697
657
|
--ds-advanced-color-button-primary-text-disabled: #ffffff;
|
|
698
658
|
--ds-advanced-color-button-primary-text-inverse: #ce0c88;
|
|
699
659
|
--ds-advanced-color-button-secondary-background: #ffffff;
|
|
700
|
-
--ds-advanced-color-button-secondary-background-disabled: #
|
|
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: #0000000d;
|
|
703
663
|
--ds-advanced-color-button-secondary-border: #ce0c88;
|
|
704
|
-
--ds-advanced-color-button-secondary-border-disabled: #
|
|
664
|
+
--ds-advanced-color-button-secondary-border-disabled: #f5f7f7;
|
|
705
665
|
--ds-advanced-color-button-secondary-border-hover: #831a57;
|
|
706
666
|
--ds-advanced-color-button-secondary-border-inverse: #ffffff;
|
|
707
|
-
--ds-advanced-color-button-secondary-border-inverse-disabled: #
|
|
667
|
+
--ds-advanced-color-button-secondary-border-inverse-disabled: #dbdddd;
|
|
708
668
|
--ds-advanced-color-button-secondary-text: #ce0c88;
|
|
709
669
|
--ds-advanced-color-button-secondary-text-hover: #831a57;
|
|
710
670
|
--ds-advanced-color-button-secondary-text-inverse: #ffffff;
|
|
@@ -715,11 +675,11 @@
|
|
|
715
675
|
--ds-advanced-color-button-tertiary-text: #ce0c88;
|
|
716
676
|
--ds-advanced-color-button-tertiary-text-hover: #831a57;
|
|
717
677
|
--ds-advanced-color-button-tertiary-text-inverse: #ffffff;
|
|
718
|
-
--ds-advanced-color-dropdown-emphasized-background: #
|
|
678
|
+
--ds-advanced-color-dropdown-emphasized-background: #eae5f4;
|
|
719
679
|
--ds-advanced-color-dropdown-emphasized-background-hover: #ccc5e0;
|
|
720
680
|
--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);
|
|
721
681
|
--ds-advanced-color-flightline-indicator: #463c8f;
|
|
722
|
-
--ds-advanced-color-flightline-line: #
|
|
682
|
+
--ds-advanced-color-flightline-line: #ced0d0;
|
|
723
683
|
--ds-advanced-color-footer-background: #463c8f;
|
|
724
684
|
--ds-advanced-color-footer-foreground: #2f2672;
|
|
725
685
|
--ds-advanced-color-footer-pattern: #0000000d;
|
|
@@ -739,7 +699,7 @@
|
|
|
739
699
|
--ds-advanced-color-hyperlink-text-inverse-hover: #ffffff;
|
|
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: #
|
|
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: #
|
|
767
|
-
--ds-advanced-color-shared-background-strong: #
|
|
768
|
-
--ds-advanced-color-shared-emphasized-background: #
|
|
726
|
+
--ds-advanced-color-shared-background-muted: #f5f7f7;
|
|
727
|
+
--ds-advanced-color-shared-background-strong: #666767;
|
|
728
|
+
--ds-advanced-color-shared-emphasized-background: #eae5f4;
|
|
769
729
|
--ds-advanced-color-shared-emphasized-background-hover: #ccc5e0;
|
|
770
730
|
--ds-advanced-color-shared-scrim: #00000080;
|
|
771
731
|
--ds-advanced-color-shared-text-accent: #463c8f;
|
|
772
732
|
--ds-advanced-color-skeleton-background: #f7f8fa;
|
|
773
733
|
--ds-advanced-color-skeleton-wave: #e4e8ec;
|
|
774
|
-
--ds-advanced-color-state-background-disabled: #
|
|
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;
|
|
@@ -797,16 +757,16 @@
|
|
|
797
757
|
--ds-advanced-color-switch-track-off-hover: #00000080;
|
|
798
758
|
--ds-advanced-color-switch-track-on: #463c8f;
|
|
799
759
|
--ds-advanced-color-switch-track-on-hover: #31295c;
|
|
800
|
-
--ds-basic-color-border-bold: #
|
|
760
|
+
--ds-basic-color-border-bold: #abadad;
|
|
801
761
|
--ds-basic-color-border-brand: #463c8f;
|
|
802
|
-
--ds-basic-color-border-default: #
|
|
762
|
+
--ds-basic-color-border-default: #ced0d0;
|
|
803
763
|
--ds-basic-color-border-divider: #00000026;
|
|
804
764
|
--ds-basic-color-border-divider-inverse: #ffffff66;
|
|
805
765
|
--ds-basic-color-border-inverse: #ffffff;
|
|
806
|
-
--ds-basic-color-border-subtle: #
|
|
766
|
+
--ds-basic-color-border-subtle: #dbdddd;
|
|
807
767
|
--ds-basic-color-brand-primary: #463c8f;
|
|
808
768
|
--ds-basic-color-brand-primary-bold: #31295c;
|
|
809
|
-
--ds-basic-color-brand-primary-muted: #
|
|
769
|
+
--ds-basic-color-brand-primary-muted: #eae5f4;
|
|
810
770
|
--ds-basic-color-brand-primary-subtle: #8c7eb8;
|
|
811
771
|
--ds-basic-color-brand-secondary: #ce0c88;
|
|
812
772
|
--ds-basic-color-brand-secondary-bold: #831a57;
|
|
@@ -816,44 +776,24 @@
|
|
|
816
776
|
--ds-basic-color-brand-tertiary-bold: #97322a;
|
|
817
777
|
--ds-basic-color-brand-tertiary-muted: #ffeeea;
|
|
818
778
|
--ds-basic-color-brand-tertiary-subtle: #ff9080;
|
|
819
|
-
--ds-basic-color-fare-
|
|
820
|
-
--ds-basic-color-fare-
|
|
821
|
-
--ds-basic-color-fare-
|
|
822
|
-
--ds-basic-color-fare-
|
|
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;
|
|
836
|
-
--ds-basic-color-fare-basiceconomy: #d0d0d0;
|
|
779
|
+
--ds-basic-color-fare-basic-economy-bold: #515252;
|
|
780
|
+
--ds-basic-color-fare-basic-economy-default: #ced0d0;
|
|
781
|
+
--ds-basic-color-fare-basic-economy-subtle: #f5f7f7;
|
|
782
|
+
--ds-basic-color-fare-basiceconomy: #ced0d0;
|
|
837
783
|
--ds-basic-color-fare-business: #463c8f;
|
|
838
784
|
--ds-basic-color-fare-economy: #00a5ba;
|
|
785
|
+
--ds-basic-color-fare-economy-extra-legroom-bold: #a91770;
|
|
786
|
+
--ds-basic-color-fare-economy-extra-legroom-default: #ce0c88;
|
|
787
|
+
--ds-basic-color-fare-economy-extra-legroom-subtle: #fdf1f8;
|
|
839
788
|
--ds-basic-color-fare-first: #463c8f;
|
|
840
|
-
--ds-basic-color-fare-
|
|
841
|
-
--ds-basic-color-fare-
|
|
842
|
-
--ds-basic-color-fare-
|
|
843
|
-
--ds-basic-color-fare-
|
|
844
|
-
--ds-basic-color-fare-
|
|
845
|
-
--ds-basic-color-fare-
|
|
846
|
-
--ds-basic-color-fare-
|
|
847
|
-
--ds-basic-color-fare-
|
|
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;
|
|
789
|
+
--ds-basic-color-fare-first-business-bold: #463c8f;
|
|
790
|
+
--ds-basic-color-fare-first-business-default: #463c8f;
|
|
791
|
+
--ds-basic-color-fare-first-business-gradient-back: #ce0c88;
|
|
792
|
+
--ds-basic-color-fare-first-business-gradient-front: #463c8f;
|
|
793
|
+
--ds-basic-color-fare-first-business-subtle: #eae5f4;
|
|
794
|
+
--ds-basic-color-fare-premium-economy-bold: #831a57;
|
|
795
|
+
--ds-basic-color-fare-premium-economy-default: #831a57;
|
|
796
|
+
--ds-basic-color-fare-premium-economy-subtle: #fdf1f8;
|
|
857
797
|
--ds-basic-color-fare-premiumeconomy: #ce0c88;
|
|
858
798
|
--ds-basic-color-fare-suites-back: #ce0c88;
|
|
859
799
|
--ds-basic-color-fare-suites-front: #463c8f;
|
|
@@ -869,19 +809,19 @@
|
|
|
869
809
|
--ds-basic-color-status-warning: #fac200;
|
|
870
810
|
--ds-basic-color-status-warning-subtle: #fff6d2;
|
|
871
811
|
--ds-basic-color-surface-accent1: #aca1cc;
|
|
872
|
-
--ds-basic-color-surface-accent1-muted: #
|
|
812
|
+
--ds-basic-color-surface-accent1-muted: #eae5f4;
|
|
873
813
|
--ds-basic-color-surface-accent1-subtle: #aca1cc;
|
|
874
|
-
--ds-basic-color-surface-accent2: #
|
|
875
|
-
--ds-basic-color-surface-accent2-muted: #
|
|
814
|
+
--ds-basic-color-surface-accent2: #f5f7f7;
|
|
815
|
+
--ds-basic-color-surface-accent2-muted: #f5f7f7;
|
|
876
816
|
--ds-basic-color-surface-default: #ffffff;
|
|
877
817
|
--ds-basic-color-surface-inverse: #463c8f;
|
|
878
818
|
--ds-basic-color-surface-inverse-subtle: #8c7eb8;
|
|
879
|
-
--ds-basic-color-surface-neutral: #
|
|
880
|
-
--ds-basic-color-surface-neutral-medium: #
|
|
881
|
-
--ds-basic-color-surface-neutral-subtle: #
|
|
819
|
+
--ds-basic-color-surface-neutral: #f1f3f3;
|
|
820
|
+
--ds-basic-color-surface-neutral-medium: #dbdddd;
|
|
821
|
+
--ds-basic-color-surface-neutral-subtle: #f5f7f7;
|
|
882
822
|
--ds-basic-color-texticon-accent1: #000000;
|
|
883
823
|
--ds-basic-color-texticon-default: #000000;
|
|
884
|
-
--ds-basic-color-texticon-disabled: #
|
|
824
|
+
--ds-basic-color-texticon-disabled: #ced0d0;
|
|
885
825
|
--ds-basic-color-texticon-inverse: #ffffff;
|
|
886
826
|
--ds-basic-color-texticon-inverse-disabled: #7e8894;
|
|
887
827
|
--ds-basic-color-texticon-inverse-muted: #ccd2db;
|
|
@@ -889,7 +829,7 @@
|
|
|
889
829
|
--ds-basic-color-texticon-link-hover: #831a57;
|
|
890
830
|
--ds-basic-color-texticon-link-inverse-default: #ffffff;
|
|
891
831
|
--ds-basic-color-texticon-link-inverse-hover: #ffffff;
|
|
892
|
-
--ds-basic-color-texticon-muted: #
|
|
832
|
+
--ds-basic-color-texticon-muted: #3c3d3d;
|
|
893
833
|
--ds-basic-color-tier-program-loungetier-lounge: #01426a;
|
|
894
834
|
--ds-basic-color-tier-program-loungetier-loungeplus: #53b390;
|
|
895
835
|
--ds-basic-color-tier-program-loyaltytier-gold: #fbdc7a;
|