@aurodesignsystem/design-tokens 9.1.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 (29) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/README.md +84 -5
  3. package/dist/app/alaskaLight.json +25 -67
  4. package/dist/app/atmosLight.json +19 -61
  5. package/dist/app/hawaiianLight.json +32 -74
  6. package/dist/app/test.json +98 -140
  7. package/dist/themes/CSSCustomProperties--bundled.css +30 -10
  8. package/dist/themes/CSSCustomProperties--bundled.min.css +1 -1
  9. package/dist/web/JSONVariablesNested--alaska.json +39 -75
  10. package/dist/web/JSONVariablesNested--atmos.json +30 -66
  11. package/dist/web/JSONVariablesNested--hawaiian.json +50 -86
  12. package/dist/web/JSONVariablesNested--test.json +162 -198
  13. package/dist/web/JSObject--allTokens--alaska.js +378 -858
  14. package/dist/web/JSObject--allTokens--atmos.js +360 -840
  15. package/dist/web/JSObject--allTokens--hawaiian.js +400 -880
  16. package/dist/web/JSObject--allTokens--test.js +624 -1104
  17. package/dist/web/alaska.css +120 -164
  18. package/dist/web/alaska.min.css +1 -1
  19. package/dist/web/alaska.scss +33 -53
  20. package/dist/web/atmos.css +120 -164
  21. package/dist/web/atmos.min.css +1 -1
  22. package/dist/web/atmos.scss +24 -44
  23. package/dist/web/blueprint.css +156 -176
  24. package/dist/web/blueprint.min.css +1 -1
  25. package/dist/web/blueprint.scss +156 -176
  26. package/dist/web/hawaiian.css +120 -164
  27. package/dist/web/hawaiian.min.css +1 -1
  28. package/dist/web/hawaiian.scss +44 -64
  29. package/package.json +1 -1
package/dist/web/JSONVariablesNested--test.json CHANGED
@@ -2,94 +2,94 @@
2
2
  "advanced": {
3
3
  "color": {
4
4
  "accents": {
5
- "accent1": "#adadad",
6
- "accent1-bold": "#7e7e7e",
7
- "accent1-muted": "#d0d0d0",
8
- "accent2": "#adadad",
9
- "accent2-bold": "#7e7e7e",
10
- "accent2-muted": "#d0d0d0",
11
- "accent3": "#adadad",
12
- "accent3-bold": "#7e7e7e",
13
- "accent3-muted": "#d0d0d0",
14
- "accent4": "#adadad",
15
- "accent4-bold": "#7e7e7e",
16
- "accent4-muted": "#d0d0d0",
17
- "default": "#7e7e7e",
18
- "default-inverse": "#dddddd",
5
+ "accent1": "#abadad",
6
+ "accent1-bold": "#7d7e7e",
7
+ "accent1-muted": "#ced0d0",
8
+ "accent2": "#abadad",
9
+ "accent2-bold": "#7d7e7e",
10
+ "accent2-muted": "#ced0d0",
11
+ "accent3": "#abadad",
12
+ "accent3-bold": "#7d7e7e",
13
+ "accent3-muted": "#ced0d0",
14
+ "accent4": "#abadad",
15
+ "accent4-bold": "#7d7e7e",
16
+ "accent4-muted": "#ced0d0",
17
+ "default": "#7d7e7e",
18
+ "default-inverse": "#dbdddd",
19
19
  "transparency": "#0000001a",
20
20
  "transparency-inverse": "#ffffff33"
21
21
  },
22
22
  "avatar": {
23
- "gradient-bottom": "#dddddd",
24
- "gradient-top": "#959595"
23
+ "gradient-bottom": "#dbdddd",
24
+ "gradient-top": "#949595"
25
25
  },
26
26
  "boolean": {
27
- "disabled-inverse": "#7e7e7e",
27
+ "disabled-inverse": "#7d7e7e",
28
28
  "error": "#e01f26",
29
- "error-hover": "#959595",
30
- "error-inverse": "#959595",
31
- "error-inverse-hover": "#959595",
29
+ "error-hover": "#949595",
30
+ "error-inverse": "#949595",
31
+ "error-inverse-hover": "#949595",
32
32
  "indicator": "#ffffff",
33
- "indicator-inverse": "#7e7e7e",
33
+ "indicator-inverse": "#7d7e7e",
34
34
  "isfalse": "#ffffff",
35
- "isfalse-border": "#adadad",
35
+ "isfalse-border": "#abadad",
36
36
  "isfalse-border-inverse": "#ffffff",
37
37
  "isfalse-hover": "#0000000d",
38
38
  "isfalse-inverse": "#ffffff26",
39
39
  "isfalse-inverse-hover": "#ffffff33",
40
- "istrue": "#7e7e7e",
41
- "istrue-hover": "#525252",
40
+ "istrue": "#7d7e7e",
41
+ "istrue-hover": "#515252",
42
42
  "istrue-inverse": "#ffffff",
43
43
  "istrue-inverse-hover": "#ffffffb2"
44
44
  },
45
45
  "button": {
46
46
  "flat": {
47
- "text": "#3d3d3d",
48
- "text-disabled": "#d0d0d0",
49
- "text-hover": "#525252",
47
+ "text": "#3c3d3d",
48
+ "text-disabled": "#ced0d0",
49
+ "text-hover": "#515252",
50
50
  "text-inverse": "#ffffff",
51
- "text-inverse-disabled": "#7e7e7e",
52
- "text-inverse-hover": "#adadad"
51
+ "text-inverse-disabled": "#7d7e7e",
52
+ "text-inverse-hover": "#abadad"
53
53
  },
54
54
  "ghost": {
55
55
  "background-hover": "#0000000d",
56
56
  "background-inverse-hover": "#ffffff0d",
57
- "text": "#7e7e7e",
58
- "text-disabled": "#d0d0d0",
57
+ "text": "#7d7e7e",
58
+ "text-disabled": "#ced0d0",
59
59
  "text-inverse": "#ffffff",
60
- "text-inverse-disabled": "#7e7e7e"
60
+ "text-inverse-disabled": "#7d7e7e"
61
61
  },
62
62
  "primary": {
63
- "background": "#7e7e7e",
64
- "background-disabled": "#c5c5c5",
65
- "background-hover": "#525252",
66
- "background-inactive": "#dddddd",
67
- "background-inactive-hover": "#adadad",
68
- "background-inverse": "#7e7e7e",
63
+ "background": "#7d7e7e",
64
+ "background-disabled": "#c3c5c5",
65
+ "background-hover": "#515252",
66
+ "background-inactive": "#dbdddd",
67
+ "background-inactive-hover": "#abadad",
68
+ "background-inverse": "#7d7e7e",
69
69
  "background-inverse-disabled": "#ffffffbf",
70
- "background-inverse-hover": "#525252",
71
- "border": "#7e7e7e",
72
- "border-disabled": "#c5c5c5",
73
- "border-hover": "#525252",
74
- "border-inverse": "#7e7e7e",
70
+ "background-inverse-hover": "#515252",
71
+ "border": "#7d7e7e",
72
+ "border-disabled": "#c3c5c5",
73
+ "border-hover": "#515252",
74
+ "border-inverse": "#7d7e7e",
75
75
  "border-inverse-disabled": "#ffffffbf",
76
- "border-inverse-hover": "#525252",
76
+ "border-inverse-hover": "#515252",
77
77
  "text": "#ffffff",
78
78
  "text-disabled": "#ffffff",
79
79
  "text-inverse": "#ffffff"
80
80
  },
81
81
  "secondary": {
82
82
  "background": "#ffffff",
83
- "background-disabled": "#f7f7f7",
83
+ "background-disabled": "#f5f7f7",
84
84
  "background-hover": "#0000000d",
85
- "background-inverse-hover": "#f7f7f7",
86
- "border": "#d0d0d0",
87
- "border-disabled": "#f7f7f7",
88
- "border-hover": "#7e7e7e",
89
- "border-inverse": "#d0d0d0",
90
- "border-inverse-disabled": "#dddddd",
91
- "text": "#7e7e7e",
92
- "text-hover": "#7e7e7e",
85
+ "background-inverse-hover": "#f5f7f7",
86
+ "border": "#ced0d0",
87
+ "border-disabled": "#f5f7f7",
88
+ "border-hover": "#7d7e7e",
89
+ "border-inverse": "#ced0d0",
90
+ "border-inverse-disabled": "#dbdddd",
91
+ "text": "#7d7e7e",
92
+ "text-hover": "#7d7e7e",
93
93
  "text-inverse": "#ffffff"
94
94
  },
95
95
  "tertiary": {
@@ -97,18 +97,18 @@
97
97
  "background-hover": "#0000001a",
98
98
  "background-inverse": "#ffffff0d",
99
99
  "background-inverse-hover": "#ffffff1a",
100
- "text": "#7e7e7e",
101
- "text-hover": "#7e7e7e",
100
+ "text": "#7d7e7e",
101
+ "text-hover": "#7d7e7e",
102
102
  "text-inverse": "#ffffff"
103
103
  }
104
104
  },
105
105
  "dropdown-emphasized": {
106
- "background": "#f2f2f2",
107
- "background-hover": "#dddddd"
106
+ "background": "#f1f3f3",
107
+ "background-hover": "#dbdddd"
108
108
  },
109
109
  "expanded": {
110
110
  "widget": {
111
- "background": "#7e7e7e"
111
+ "background": "#7d7e7e"
112
112
  }
113
113
  },
114
114
  "flightline": {
@@ -116,7 +116,7 @@
116
116
  "line": "#ffffff"
117
117
  },
118
118
  "footer": {
119
- "background": "#525252",
119
+ "background": "#515252",
120
120
  "foreground": "#2a2a2a",
121
121
  "pattern": "#ffffff"
122
122
  },
@@ -126,41 +126,41 @@
126
126
  "button": {
127
127
  "background": "#ffffff00",
128
128
  "background-hover": "#0000000d",
129
- "border": "#d0d0d0",
130
- "signedin-background": "#7e7e7e",
131
- "signedin-background-hover": "#525252",
129
+ "border": "#ced0d0",
130
+ "signedin-background": "#7d7e7e",
131
+ "signedin-background-hover": "#515252",
132
132
  "text & icon": "#000000",
133
133
  "text & icon-inverse": "#ffffff"
134
134
  },
135
135
  "text & icon": "#000000"
136
136
  },
137
137
  "hyperlink": {
138
- "text": "#3d3d3d",
139
- "text-hover": "#3d3d3d",
138
+ "text": "#3c3d3d",
139
+ "text-hover": "#3c3d3d",
140
140
  "text-inverse": "#ffffff",
141
141
  "text-inverse-hover": "#ffffff"
142
142
  },
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",
150
150
  "error-inverse": "#f9a4a8",
151
151
  "error-inverse-hover": "#f15f65",
152
- "focused": "#7e7e7e",
152
+ "focused": "#7d7e7e",
153
153
  "focused-inverse": "#ffffff",
154
154
  "no-background-hover": "#0000000d",
155
155
  "no-background-inverse-hover": "#ffffff0d",
156
156
  "selection-indicator": "#ffffff",
157
- "selection-indicator-inverse": "#7e7e7e",
157
+ "selection-indicator-inverse": "#7d7e7e",
158
158
  "selection-off": "#ffffff",
159
159
  "selection-off-hover": "#0000000d",
160
160
  "selection-off-inverse": "#ffffff26",
161
161
  "selection-off-inverse-hover": "#ffffff33",
162
- "selection-on": "#7e7e7e",
163
- "selection-on-hover": "#525252",
162
+ "selection-on": "#7d7e7e",
163
+ "selection-on-hover": "#515252",
164
164
  "selection-on-inverse": "#ffffff",
165
165
  "selection-on-inverse-hover": "#ffffffb2"
166
166
  },
@@ -169,34 +169,34 @@
169
169
  "background-inverse": "#ffffff33",
170
170
  "background-inverse-disabled": "#ffffff1a",
171
171
  "background-inverse-hover": "#ffffff26",
172
- "background-muted": "#f7f7f7",
173
- "background-strong": "#676767",
172
+ "background-muted": "#f5f7f7",
173
+ "background-strong": "#666767",
174
174
  "emphasized-background": "#ffffff",
175
175
  "emphasized-background-hover": "#ffffff",
176
176
  "scrim": "#00000080",
177
- "text-accent": "#7e7e7e"
177
+ "text-accent": "#7d7e7e"
178
178
  },
179
179
  "skeleton": {
180
- "background": "#f2f2f2",
181
- "wave": "#dddddd"
180
+ "background": "#f1f3f3",
181
+ "wave": "#dbdddd"
182
182
  },
183
183
  "state": {
184
- "background-disabled": "#dddddd",
184
+ "background-disabled": "#dbdddd",
185
185
  "background-hover": "#00000014",
186
- "background-inverse-disabled": "#7e7e7e",
186
+ "background-inverse-disabled": "#7d7e7e",
187
187
  "error-inverse": "#ffffff",
188
- "focused": "#7e7e7e",
188
+ "focused": "#7d7e7e",
189
189
  "focused-inverse": "#ffffff",
190
190
  "no-background-hover": "#0000000d",
191
191
  "no-background-inverse-hover": "#ffffff0d",
192
- "selected": "#7e7e7e",
193
- "selected-hover": "#525252"
192
+ "selected": "#7d7e7e",
193
+ "selected-hover": "#515252"
194
194
  },
195
195
  "switch": {
196
196
  "thumb-disabled": "#00000033",
197
197
  "thumb-inverse-disabled": "#ffffff99",
198
198
  "thumb-inverse-off": "#ffffff",
199
- "thumb-inverse-on": "#7e7e7e",
199
+ "thumb-inverse-on": "#7d7e7e",
200
200
  "thumb-off": "#ffffff",
201
201
  "thumb-on": "#ffffff",
202
202
  "track-disabled": "#00000026",
@@ -207,163 +207,127 @@
207
207
  "track-inverse-on-hover": "#ffffffe5",
208
208
  "track-off": "#00000073",
209
209
  "track-off-hover": "#00000080",
210
- "track-on": "#7e7e7e",
211
- "track-on-hover": "#525252"
210
+ "track-on": "#7d7e7e",
211
+ "track-on-hover": "#515252"
212
212
  }
213
213
  }
214
214
  },
215
215
  "basic": {
216
216
  "color": {
217
217
  "border": {
218
- "bold": "#adadad",
219
- "brand": "#d0d0d0",
220
- "default": "#d0d0d0",
218
+ "bold": "#abadad",
219
+ "brand": "#ced0d0",
220
+ "default": "#ced0d0",
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
- "primary": "#7e7e7e",
228
- "primary-bold": "#525252",
229
- "primary-muted": "#dddddd",
230
- "primary-subtle": "#adadad",
231
- "secondary": "#7e7e7e",
232
- "secondary-bold": "#525252",
233
- "secondary-muted": "#dddddd",
234
- "secondary-subtle": "#959595",
235
- "tertiary": "#7e7e7e",
236
- "tertiary-bold": "#525252",
237
- "tertiary-muted": "#dddddd",
238
- "tertiary-subtle": "#adadad"
227
+ "primary": "#7d7e7e",
228
+ "primary-bold": "#515252",
229
+ "primary-muted": "#dbdddd",
230
+ "primary-subtle": "#abadad",
231
+ "secondary": "#7d7e7e",
232
+ "secondary-bold": "#515252",
233
+ "secondary-muted": "#dbdddd",
234
+ "secondary-subtle": "#949595",
235
+ "tertiary": "#7d7e7e",
236
+ "tertiary-bold": "#515252",
237
+ "tertiary-muted": "#dbdddd",
238
+ "tertiary-subtle": "#abadad"
239
239
  },
240
240
  "fare": {
241
- "alaska": {
242
- "basic-economy": {
243
- "bold": "#3c3d3d",
244
- "default": "#abadad",
245
- "subtle": "#f5f7f7"
246
- },
247
- "economy": {
248
- "bold": "#7d7e7e",
249
- "default": "#949595",
250
- "subtle": "#f5f7f7"
251
- },
252
- "economy-extra-legroom": {
253
- "bold": "#515252",
254
- "default": "#515252",
255
- "subtle": "#f5f7f7"
256
- },
257
- "first-business": {
258
- "bold": "#3c3d3d",
259
- "default": "#3c3d3d",
260
- "gradient-back": "#2a2a2a",
261
- "gradient-front": "#515252",
262
- "subtle": "#f5f7f7"
263
- },
264
- "premium-economy": {
265
- "bold": "#2a2a2a",
266
- "default": "#2a2a2a",
267
- "subtle": "#f5f7f7"
268
- }
241
+ "basic-economy": {
242
+ "bold": "#3c3d3d",
243
+ "default": "#abadad",
244
+ "subtle": "#f5f7f7"
245
+ },
246
+ "basiceconomy": "#ced0d0",
247
+ "business": "#3c3d3d",
248
+ "economy": "#666767",
249
+ "economy-extra-legroom": {
250
+ "bold": "#515252",
251
+ "default": "#515252",
252
+ "subtle": "#f5f7f7"
269
253
  },
270
- "basiceconomy": "#d0d0d0",
271
- "business": "#3d3d3d",
272
- "economy": "#676767",
273
254
  "first": "#2a2a2a",
274
- "hawaiian": {
275
- "basic-economy": {
276
- "bold": "#515252",
277
- "default": "#ced0d0",
278
- "subtle": "#f5f7f7"
279
- },
280
- "economy": {
281
- "bold": "#515252",
282
- "default": "#7d7e7e",
283
- "subtle": "#f5f7f7"
284
- },
285
- "economy-extra-legroom": {
286
- "bold": "#666767",
287
- "default": "#7d7e7e",
288
- "subtle": "#f5f7f7"
289
- },
290
- "first-business": {
291
- "bold": "#7d7e7e",
292
- "default": "#7d7e7e",
293
- "gradient-back": "#2a2a2a",
294
- "gradient-front": "#666767",
295
- "subtle": "#f5f7f7"
296
- },
297
- "premium-economy": {
298
- "bold": "#515252",
299
- "default": "#515252",
300
- "subtle": "#f5f7f7"
301
- }
255
+ "first-business": {
256
+ "bold": "#3c3d3d",
257
+ "default": "#3c3d3d",
258
+ "gradient-back": "#2a2a2a",
259
+ "gradient-front": "#515252",
260
+ "subtle": "#f5f7f7"
261
+ },
262
+ "premium-economy": {
263
+ "bold": "#2a2a2a",
264
+ "default": "#2a2a2a",
265
+ "subtle": "#f5f7f7"
302
266
  },
303
- "premiumeconomy": "#525252",
304
- "suites-back": "#525252",
305
- "suites-front": "#7e7e7e"
267
+ "premiumeconomy": "#515252",
268
+ "suites-back": "#515252",
269
+ "suites-front": "#7d7e7e"
306
270
  },
307
271
  "page-background": {
308
272
  "default": "#ffffff",
309
273
  "utility": "#ffffff"
310
274
  },
311
275
  "status": {
312
- "default": "#959595",
313
- "error": "#959595",
314
- "error-subtle": "#f2f2f2",
315
- "info": "#959595",
316
- "info-subtle": "#f2f2f2",
317
- "success": "#959595",
318
- "success-subtle": "#f2f2f2",
319
- "warning": "#959595",
320
- "warning-subtle": "#f2f2f2"
276
+ "default": "#949595",
277
+ "error": "#949595",
278
+ "error-subtle": "#f1f3f3",
279
+ "info": "#949595",
280
+ "info-subtle": "#f1f3f3",
281
+ "success": "#949595",
282
+ "success-subtle": "#f1f3f3",
283
+ "warning": "#949595",
284
+ "warning-subtle": "#f1f3f3"
321
285
  },
322
286
  "surface": {
323
- "accent1": "#7e7e7e",
324
- "accent1-muted": "#dddddd",
325
- "accent1-subtle": "#adadad",
326
- "accent2": "#7e7e7e",
327
- "accent2-muted": "#dddddd",
287
+ "accent1": "#7d7e7e",
288
+ "accent1-muted": "#dbdddd",
289
+ "accent1-subtle": "#abadad",
290
+ "accent2": "#7d7e7e",
291
+ "accent2-muted": "#dbdddd",
328
292
  "default": "#ffffff",
329
- "inverse": "#7e7e7e",
330
- "inverse-subtle": "#adadad",
331
- "neutral": "#f2f2f2",
332
- "neutral-medium": "#dddddd",
333
- "neutral-subtle": "#f2f2f2"
293
+ "inverse": "#7d7e7e",
294
+ "inverse-subtle": "#abadad",
295
+ "neutral": "#f1f3f3",
296
+ "neutral-medium": "#dbdddd",
297
+ "neutral-subtle": "#f1f3f3"
334
298
  },
335
299
  "texticon": {
336
- "accent1": "#525252",
300
+ "accent1": "#515252",
337
301
  "default": "#000000",
338
- "disabled": "#d0d0d0",
302
+ "disabled": "#ced0d0",
339
303
  "inverse": "#ffffff",
340
- "inverse-disabled": "#7e7e7e",
341
- "inverse-muted": "#c5c5c5",
342
- "link-default": "#3d3d3d",
343
- "link-hover": "#676767",
304
+ "inverse-disabled": "#7d7e7e",
305
+ "inverse-muted": "#c3c5c5",
306
+ "link-default": "#3c3d3d",
307
+ "link-hover": "#666767",
344
308
  "link-inverse-default": "#ffffff",
345
- "link-inverse-hover": "#dddddd",
346
- "muted": "#3d3d3d"
309
+ "link-inverse-hover": "#dbdddd",
310
+ "muted": "#3c3d3d"
347
311
  },
348
312
  "tier-program": {
349
313
  "loungetier": {
350
- "lounge": "#3d3d3d",
351
- "loungeplus": "#7e7e7e"
314
+ "lounge": "#3c3d3d",
315
+ "loungeplus": "#7d7e7e"
352
316
  },
353
317
  "loyaltytier": {
354
- "gold": "#c5c5c5",
355
- "gold-muted": "#dddddd",
356
- "platinum": "#adadad",
357
- "platinum-muted": "#c5c5c5",
358
- "silver": "#f2f2f2",
359
- "silver-muted": "#f2f2f2",
318
+ "gold": "#c3c5c5",
319
+ "gold-muted": "#dbdddd",
320
+ "platinum": "#abadad",
321
+ "platinum-muted": "#c3c5c5",
322
+ "silver": "#f1f3f3",
323
+ "silver-muted": "#f1f3f3",
360
324
  "titanium": "#2a2a2a",
361
- "titanium-muted": "#525252"
325
+ "titanium-muted": "#515252"
362
326
  },
363
327
  "oneworld": {
364
- "emerald": "#525252",
328
+ "emerald": "#515252",
365
329
  "ruby": "#2a2a2a",
366
- "sapphire": "#3d3d3d"
330
+ "sapphire": "#3c3d3d"
367
331
  }
368
332
  }
369
333
  },