@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.
Files changed (26) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/app/alaskaLight.json +25 -67
  3. package/dist/app/atmosLight.json +19 -61
  4. package/dist/app/hawaiianLight.json +32 -74
  5. package/dist/app/test.json +98 -140
  6. package/dist/web/JSONVariablesNested--alaska.json +39 -75
  7. package/dist/web/JSONVariablesNested--atmos.json +30 -66
  8. package/dist/web/JSONVariablesNested--hawaiian.json +50 -86
  9. package/dist/web/JSONVariablesNested--test.json +162 -198
  10. package/dist/web/JSObject--allTokens--alaska.js +378 -858
  11. package/dist/web/JSObject--allTokens--atmos.js +360 -840
  12. package/dist/web/JSObject--allTokens--hawaiian.js +400 -880
  13. package/dist/web/JSObject--allTokens--test.js +624 -1104
  14. package/dist/web/alaska.css +101 -161
  15. package/dist/web/alaska.min.css +1 -1
  16. package/dist/web/alaska.scss +33 -53
  17. package/dist/web/atmos.css +101 -161
  18. package/dist/web/atmos.min.css +1 -1
  19. package/dist/web/atmos.scss +24 -44
  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 +101 -161
  24. package/dist/web/hawaiian.min.css +1 -1
  25. package/dist/web/hawaiian.scss +44 -64
  26. package/package.json +1 -1
package/dist/app/test.json CHANGED
@@ -2,155 +2,113 @@
2
2
  "basicTokens": {
3
3
  "color": {
4
4
  "border": {
5
- "bold": "#adadad",
6
- "brand": "#d0d0d0",
5
+ "bold": "#abadad",
6
+ "brand": "#ced0d0",
7
7
  "divider": "#00000026",
8
8
  "dividerInverse": "#ffffff66",
9
9
  "inverse": "#ffffff",
10
- "standard": "#d0d0d0",
11
- "subtle": "#dddddd"
10
+ "standard": "#ced0d0",
11
+ "subtle": "#dbdddd"
12
12
  },
13
13
  "brand": {
14
- "primary": "#7e7e7e",
15
- "primaryBold": "#525252",
16
- "primaryMuted": "#dddddd",
17
- "primarySubtle": "#adadad",
18
- "secondary": "#7e7e7e",
19
- "secondaryBold": "#525252",
20
- "secondaryMuted": "#dddddd",
21
- "secondarySubtle": "#959595",
22
- "tertiary": "#7e7e7e",
23
- "tertiaryBold": "#525252",
24
- "tertiaryMuted": "#dddddd",
25
- "tertiarySubtle": "#adadad"
14
+ "primary": "#7d7e7e",
15
+ "primaryBold": "#515252",
16
+ "primaryMuted": "#dbdddd",
17
+ "primarySubtle": "#abadad",
18
+ "secondary": "#7d7e7e",
19
+ "secondaryBold": "#515252",
20
+ "secondaryMuted": "#dbdddd",
21
+ "secondarySubtle": "#949595",
22
+ "tertiary": "#7d7e7e",
23
+ "tertiaryBold": "#515252",
24
+ "tertiaryMuted": "#dbdddd",
25
+ "tertiarySubtle": "#abadad"
26
26
  },
27
27
  "fare": {
28
- "alaska": {
29
- "basicEconomy": {
30
- "bold": "#3c3d3d",
31
- "standard": "#abadad",
32
- "subtle": "#f5f7f7"
33
- },
34
- "economy": {
35
- "bold": "#7d7e7e",
36
- "standard": "#949595",
37
- "subtle": "#f5f7f7"
38
- },
39
- "economyExtraLegroom": {
40
- "bold": "#515252",
41
- "standard": "#515252",
42
- "subtle": "#f5f7f7"
43
- },
44
- "firstBusiness": {
45
- "bold": "#3c3d3d",
46
- "gradientBack": "#2a2a2a",
47
- "gradientFront": "#515252",
48
- "standard": "#3c3d3d",
49
- "subtle": "#f5f7f7"
50
- },
51
- "premiumEconomy": {
52
- "bold": "#2a2a2a",
53
- "standard": "#2a2a2a",
54
- "subtle": "#f5f7f7"
55
- }
28
+ "basicEconomy": "#ced0d0",
29
+ "business": "#3c3d3d",
30
+ "economy": "#666767",
31
+ "economyExtraLegroom": {
32
+ "bold": "#515252",
33
+ "standard": "#515252",
34
+ "subtle": "#f5f7f7"
56
35
  },
57
- "basicEconomy": "#d0d0d0",
58
- "business": "#3d3d3d",
59
- "economy": "#676767",
60
36
  "first": "#2a2a2a",
61
- "hawaiian": {
62
- "basicEconomy": {
63
- "bold": "#515252",
64
- "standard": "#ced0d0",
65
- "subtle": "#f5f7f7"
66
- },
67
- "economy": {
68
- "bold": "#515252",
69
- "standard": "#7d7e7e",
70
- "subtle": "#f5f7f7"
71
- },
72
- "economyExtraLegroom": {
73
- "bold": "#666767",
74
- "standard": "#7d7e7e",
75
- "subtle": "#f5f7f7"
76
- },
77
- "firstBusiness": {
78
- "bold": "#7d7e7e",
79
- "gradientBack": "#2a2a2a",
80
- "gradientFront": "#666767",
81
- "standard": "#7d7e7e",
82
- "subtle": "#f5f7f7"
83
- },
84
- "premiumEconomy": {
85
- "bold": "#515252",
86
- "standard": "#515252",
87
- "subtle": "#f5f7f7"
88
- }
37
+ "firstBusiness": {
38
+ "bold": "#3c3d3d",
39
+ "gradientBack": "#2a2a2a",
40
+ "gradientFront": "#515252",
41
+ "standard": "#3c3d3d",
42
+ "subtle": "#f5f7f7"
89
43
  },
90
- "premiumEconomy": "#525252",
91
- "suitesBack": "#525252",
92
- "suitesFront": "#7e7e7e"
44
+ "premiumEconomy": {
45
+ "bold": "#2a2a2a",
46
+ "standard": "#2a2a2a",
47
+ "subtle": "#f5f7f7"
48
+ },
49
+ "suitesBack": "#515252",
50
+ "suitesFront": "#7d7e7e"
93
51
  },
94
52
  "pageBackground": {
95
53
  "standard": "#ffffff",
96
54
  "utility": "#ffffff"
97
55
  },
98
56
  "status": {
99
- "error": "#959595",
100
- "errorSubtle": "#f2f2f2",
101
- "info": "#959595",
102
- "infoSubtle": "#f2f2f2",
103
- "standard": "#959595",
104
- "success": "#959595",
105
- "successSubtle": "#f2f2f2",
106
- "warning": "#959595",
107
- "warningSubtle": "#f2f2f2"
57
+ "error": "#949595",
58
+ "errorSubtle": "#f1f3f3",
59
+ "info": "#949595",
60
+ "infoSubtle": "#f1f3f3",
61
+ "standard": "#949595",
62
+ "success": "#949595",
63
+ "successSubtle": "#f1f3f3",
64
+ "warning": "#949595",
65
+ "warningSubtle": "#f1f3f3"
108
66
  },
109
67
  "surface": {
110
- "accent1": "#7e7e7e",
111
- "accent1Muted": "#dddddd",
112
- "accent1Subtle": "#adadad",
113
- "accent2": "#7e7e7e",
114
- "accent2Muted": "#dddddd",
115
- "inverse": "#7e7e7e",
116
- "inverseSubtle": "#adadad",
117
- "neutral": "#f2f2f2",
118
- "neutralMedium": "#dddddd",
119
- "neutralSubtle": "#f2f2f2",
68
+ "accent1": "#7d7e7e",
69
+ "accent1Muted": "#dbdddd",
70
+ "accent1Subtle": "#abadad",
71
+ "accent2": "#7d7e7e",
72
+ "accent2Muted": "#dbdddd",
73
+ "inverse": "#7d7e7e",
74
+ "inverseSubtle": "#abadad",
75
+ "neutral": "#f1f3f3",
76
+ "neutralMedium": "#dbdddd",
77
+ "neutralSubtle": "#f1f3f3",
120
78
  "standard": "#ffffff"
121
79
  },
122
80
  "textIcon": {
123
- "accent1": "#525252",
124
- "disabled": "#d0d0d0",
81
+ "accent1": "#515252",
82
+ "disabled": "#ced0d0",
125
83
  "inverse": "#ffffff",
126
- "inverseDisabled": "#7e7e7e",
127
- "inverseMuted": "#c5c5c5",
128
- "linkDefault": "#3d3d3d",
129
- "linkHover": "#676767",
84
+ "inverseDisabled": "#7d7e7e",
85
+ "inverseMuted": "#c3c5c5",
86
+ "linkDefault": "#3c3d3d",
87
+ "linkHover": "#666767",
130
88
  "linkInverseDefault": "#ffffff",
131
- "linkInverseHover": "#dddddd",
132
- "muted": "#3d3d3d",
89
+ "linkInverseHover": "#dbdddd",
90
+ "muted": "#3c3d3d",
133
91
  "standard": "#000000"
134
92
  },
135
93
  "tierProgram": {
136
94
  "loungeTier": {
137
- "lounge": "#3d3d3d",
138
- "loungePlus": "#7e7e7e"
95
+ "lounge": "#3c3d3d",
96
+ "loungePlus": "#7d7e7e"
139
97
  },
140
98
  "loyaltyTier": {
141
- "gold": "#c5c5c5",
142
- "goldMuted": "#dddddd",
143
- "platinum": "#adadad",
144
- "platinumMuted": "#c5c5c5",
145
- "silver": "#f2f2f2",
146
- "silverMuted": "#f2f2f2",
99
+ "gold": "#c3c5c5",
100
+ "goldMuted": "#dbdddd",
101
+ "platinum": "#abadad",
102
+ "platinumMuted": "#c3c5c5",
103
+ "silver": "#f1f3f3",
104
+ "silverMuted": "#f1f3f3",
147
105
  "titanium": "#2a2a2a",
148
- "titaniumMuted": "#525252"
106
+ "titaniumMuted": "#515252"
149
107
  },
150
108
  "oneworld": {
151
- "emerald": "#525252",
109
+ "emerald": "#515252",
152
110
  "ruby": "#2a2a2a",
153
- "sapphire": "#3d3d3d"
111
+ "sapphire": "#3c3d3d"
154
112
  }
155
113
  }
156
114
  },
@@ -372,45 +330,45 @@
372
330
  "buttons": {
373
331
  "disabled": {
374
332
  "background": "#0000000d",
375
- "text": "#d0d0d0"
333
+ "text": "#ced0d0"
376
334
  },
377
335
  "disabledInverse": {
378
336
  "background": "#ffffff0d",
379
- "text": "#7e7e7e"
337
+ "text": "#7d7e7e"
380
338
  },
381
339
  "primary": {
382
- "background": "#7e7e7e",
383
- "backgroundPressed": "#525252",
340
+ "background": "#7d7e7e",
341
+ "backgroundPressed": "#515252",
384
342
  "text": "#ffffff"
385
343
  },
386
344
  "primaryInverse": {
387
345
  "background": "#ffffff",
388
346
  "backgroundPressed": "#ffffffcc",
389
- "text": "#7e7e7e"
347
+ "text": "#7d7e7e"
390
348
  },
391
349
  "quaternary": {
392
- "backgroundPressed": "#525252",
393
- "text": "#7e7e7e"
350
+ "backgroundPressed": "#515252",
351
+ "text": "#7d7e7e"
394
352
  },
395
353
  "quaternaryInverse": {
396
- "backgroundPressed": "#525252",
354
+ "backgroundPressed": "#515252",
397
355
  "text": "#ffffff"
398
356
  },
399
357
  "secondary": {
400
- "background": "#dddddd",
401
- "backgroundPressed": "#f2f2f2",
402
- "text": "#7e7e7e"
358
+ "background": "#dbdddd",
359
+ "backgroundPressed": "#f1f3f3",
360
+ "text": "#7d7e7e"
403
361
  },
404
362
  "secondaryInverse": {
405
- "background": "#dddddd",
406
- "backgroundPressed": "#c5c5c5",
407
- "text": "#7e7e7e"
363
+ "background": "#dbdddd",
364
+ "backgroundPressed": "#c3c5c5",
365
+ "text": "#7d7e7e"
408
366
  },
409
367
  "tertiary": {
410
368
  "background": "#00000014",
411
369
  "backgroundPressed": "#0000001f",
412
- "border": "#dddddd",
413
- "text": "#7e7e7e"
370
+ "border": "#dbdddd",
371
+ "text": "#7d7e7e"
414
372
  },
415
373
  "tertiaryInverse": {
416
374
  "background": "#ffffff14",
@@ -422,22 +380,22 @@
422
380
  "component": {
423
381
  "elevated": "#00000014",
424
382
  "pressed": "#0000001f",
425
- "selected": "#7e7e7e",
426
- "selectedMuted": "#dddddd"
383
+ "selected": "#7d7e7e",
384
+ "selectedMuted": "#dbdddd"
427
385
  },
428
386
  "componentInverse": {
429
387
  "elevated": "#ffffff14",
430
- "error": "#dddddd",
388
+ "error": "#dbdddd",
431
389
  "pressed": "#ffffff1f",
432
390
  "selected": "#ffffff",
433
391
  "selectedMuted": "#ffffffcc"
434
392
  },
435
393
  "searchWidget": {
436
- "divider": "#7e7e7e",
437
- "fieldIcon": "#dddddd",
438
- "routeDestination": "#adadad",
439
- "routeOrigin": "#dddddd",
440
- "routeSwitcher": "#7e7e7e"
394
+ "divider": "#7d7e7e",
395
+ "fieldIcon": "#dbdddd",
396
+ "routeDestination": "#abadad",
397
+ "routeOrigin": "#dbdddd",
398
+ "routeSwitcher": "#7d7e7e"
441
399
  }
442
400
  }
443
401
  }
package/dist/web/JSONVariablesNested--alaska.json CHANGED
@@ -44,18 +44,18 @@
44
44
  },
45
45
  "button": {
46
46
  "flat": {
47
- "text": "#676767",
48
- "text-disabled": "#d0d0d0",
49
- "text-hover": "#525252",
47
+ "text": "#666767",
48
+ "text-disabled": "#ced0d0",
49
+ "text-hover": "#515252",
50
50
  "text-inverse": "#ffffff",
51
51
  "text-inverse-disabled": "#7e8894",
52
- "text-inverse-hover": "#adadad"
52
+ "text-inverse-hover": "#abadad"
53
53
  },
54
54
  "ghost": {
55
55
  "background-hover": "#0000000d",
56
56
  "background-inverse-hover": "#ffffff0d",
57
57
  "text": "#01426a",
58
- "text-disabled": "#d0d0d0",
58
+ "text-disabled": "#ced0d0",
59
59
  "text-inverse": "#ffffff",
60
60
  "text-inverse-disabled": "#7e8894"
61
61
  },
@@ -80,14 +80,14 @@
80
80
  },
81
81
  "secondary": {
82
82
  "background": "#ffffff",
83
- "background-disabled": "#f7f7f7",
84
- "background-hover": "#f2f2f2",
83
+ "background-disabled": "#f5f7f7",
84
+ "background-hover": "#f1f3f3",
85
85
  "background-inverse-hover": "#ffffff1a",
86
86
  "border": "#01426a",
87
87
  "border-disabled": "#cfe0ef",
88
88
  "border-hover": "#00274a",
89
89
  "border-inverse": "#ffffff",
90
- "border-inverse-disabled": "#dddddd",
90
+ "border-inverse-disabled": "#dbdddd",
91
91
  "text": "#01426a",
92
92
  "text-hover": "#00274a",
93
93
  "text-inverse": "#ffffff"
@@ -143,7 +143,7 @@
143
143
  "interactive": {
144
144
  "background-hover": "#00000014",
145
145
  "background-inverse-hover": "#ffffff14",
146
- "disabled": "#dddddd",
146
+ "disabled": "#dbdddd",
147
147
  "disabled-inverse": "#ffffff66",
148
148
  "error": "#e01f26",
149
149
  "error-hover": "#b1161c",
@@ -169,8 +169,8 @@
169
169
  "background-inverse": "#ffffff26",
170
170
  "background-inverse-disabled": "#ffffff1a",
171
171
  "background-inverse-hover": "#ffffff33",
172
- "background-muted": "#f7f7f7",
173
- "background-strong": "#676767",
172
+ "background-muted": "#f5f7f7",
173
+ "background-strong": "#666767",
174
174
  "emphasized-background": "#01426a1a",
175
175
  "emphasized-background-hover": "#01426a33",
176
176
  "scrim": "#00000080",
@@ -181,7 +181,7 @@
181
181
  "wave": "#e4e8ec"
182
182
  },
183
183
  "state": {
184
- "background-disabled": "#dddddd",
184
+ "background-disabled": "#dbdddd",
185
185
  "background-hover": "#00000014",
186
186
  "background-inverse-disabled": "#ffffff66",
187
187
  "error-inverse": "#f9a4a8",
@@ -217,11 +217,11 @@
217
217
  "border": {
218
218
  "bold": "#585e67",
219
219
  "brand": "#00274a",
220
- "default": "#959595",
220
+ "default": "#949595",
221
221
  "divider": "#00000026",
222
222
  "divider-inverse": "#ffffff66",
223
223
  "inverse": "#ffffff",
224
- "subtle": "#dddddd"
224
+ "subtle": "#dbdddd"
225
225
  },
226
226
  "brand": {
227
227
  "primary": "#01426a",
@@ -238,67 +238,31 @@
238
238
  "tertiary-subtle": "#c9e1a7"
239
239
  },
240
240
  "fare": {
241
- "alaska": {
242
- "basic-economy": {
243
- "bold": "#096173",
244
- "default": "#97eaf8",
245
- "subtle": "#ebfafd"
246
- },
247
- "economy": {
248
- "bold": "#005fa7",
249
- "default": "#289bee",
250
- "subtle": "#ebf7ff"
251
- },
252
- "economy-extra-legroom": {
253
- "bold": "#265688",
254
- "default": "#265688",
255
- "subtle": "#ebf3f9"
256
- },
257
- "first-business": {
258
- "bold": "#005154",
259
- "default": "#005154",
260
- "gradient-back": "#00274a",
261
- "gradient-front": "#005154",
262
- "subtle": "#e9f1f1"
263
- },
264
- "premium-economy": {
265
- "bold": "#00274a",
266
- "default": "#00274a",
267
- "subtle": "#ecf0f3"
268
- }
241
+ "basic-economy": {
242
+ "bold": "#096173",
243
+ "default": "#97eaf8",
244
+ "subtle": "#ebfafd"
269
245
  },
270
246
  "basiceconomy": "#97eaf8",
271
247
  "business": "#005154",
272
248
  "economy": "#0074ca",
249
+ "economy-extra-legroom": {
250
+ "bold": "#265688",
251
+ "default": "#265688",
252
+ "subtle": "#ebf3f9"
253
+ },
273
254
  "first": "#005154",
274
- "hawaiian": {
275
- "basic-economy": {
276
- "bold": "#515252",
277
- "default": "#ced0d0",
278
- "subtle": "#f5f7f7"
279
- },
280
- "economy": {
281
- "bold": "#1b6976",
282
- "default": "#00a5ba",
283
- "subtle": "#ecf6f8"
284
- },
285
- "economy-extra-legroom": {
286
- "bold": "#a91770",
287
- "default": "#ce0c88",
288
- "subtle": "#fdf1f8"
289
- },
290
- "first-business": {
291
- "bold": "#463c8f",
292
- "default": "#463c8f",
293
- "gradient-back": "#ce0c88",
294
- "gradient-front": "#463c8f",
295
- "subtle": "#edeaf4"
296
- },
297
- "premium-economy": {
298
- "bold": "#831a57",
299
- "default": "#831a57",
300
- "subtle": "#fdf1f8"
301
- }
255
+ "first-business": {
256
+ "bold": "#005154",
257
+ "default": "#005154",
258
+ "gradient-back": "#00274a",
259
+ "gradient-front": "#005154",
260
+ "subtle": "#e9f1f1"
261
+ },
262
+ "premium-economy": {
263
+ "bold": "#00274a",
264
+ "default": "#00274a",
265
+ "subtle": "#ecf0f3"
302
266
  },
303
267
  "premiumeconomy": "#265688",
304
268
  "suites-back": "#00274a",
@@ -328,14 +292,14 @@
328
292
  "default": "#ffffff",
329
293
  "inverse": "#00274a",
330
294
  "inverse-subtle": "#2875b5",
331
- "neutral": "#f2f2f2",
332
- "neutral-medium": "#c5c5c5",
333
- "neutral-subtle": "#f7f7f7"
295
+ "neutral": "#f1f3f3",
296
+ "neutral-medium": "#c3c5c5",
297
+ "neutral-subtle": "#f5f7f7"
334
298
  },
335
299
  "texticon": {
336
300
  "accent1": "#01426a",
337
301
  "default": "#2a2a2a",
338
- "disabled": "#d0d0d0",
302
+ "disabled": "#ced0d0",
339
303
  "inverse": "#ffffff",
340
304
  "inverse-disabled": "#7e8894",
341
305
  "inverse-muted": "#ccd2db",
@@ -343,7 +307,7 @@
343
307
  "link-hover": "#01426a",
344
308
  "link-inverse-default": "#ffffff",
345
309
  "link-inverse-hover": "#ebf3f9",
346
- "muted": "#676767"
310
+ "muted": "#666767"
347
311
  },
348
312
  "tier-program": {
349
313
  "loungetier": {