@aurodesignsystem/design-tokens 5.0.6 → 5.1.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 (39) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/README.md +187 -75
  3. package/dist/CSSCustomProperties--bundled.css +61 -49
  4. package/dist/alaska/CSSCustomProperties--alaska.css +38 -32
  5. package/dist/alaska/JSObject--allTokens.js +364 -182
  6. package/dist/alaska/SCSSVariables--alaska.scss +38 -32
  7. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +38 -32
  8. package/dist/alaska/primitives--alaska.scss +37 -37
  9. package/dist/alaska-classic/CSSCustomProperties--alaskaClassic.css +72 -0
  10. package/dist/alaska-classic/JSObject--allTokens.js +2306 -0
  11. package/dist/alaska-classic/SCSSVariables--alaskaClassic.scss +69 -0
  12. package/dist/alaska-classic/SCSSVariablesMapFlat--alaskaClassic.scss +73 -0
  13. package/dist/alaska-classic/primitives--alaskaClassic.scss +215 -0
  14. package/dist/auro-classic/CSSCustomProperties.css +1 -1
  15. package/dist/auro-classic/CSSSizeCustomProperties.css +1 -1
  16. package/dist/auro-classic/JSData--color.js +1 -1
  17. package/dist/auro-classic/JSObject--allTokens.js +1 -1
  18. package/dist/auro-classic/JSObject--deprecated.js +1 -1
  19. package/dist/auro-classic/JSVariables--color.js +1 -1
  20. package/dist/auro-classic/SCSSVariableMap.scss +1 -1
  21. package/dist/auro-classic/SCSSVariables.scss +1 -1
  22. package/dist/auro-classic/SCSSVariablesMapFlat.scss +1 -1
  23. package/dist/auro-classic/SassCustomProperties.scss +1 -1
  24. package/dist/auro-classic/SassSizeCustomProperties.scss +1 -1
  25. package/dist/hawaiian/CSSCustomProperties--hawaiian.css +24 -18
  26. package/dist/hawaiian/JSObject--allTokens.js +336 -154
  27. package/dist/hawaiian/SCSSVariables--hawaiian.scss +24 -18
  28. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +24 -18
  29. package/dist/hawaiian/primitives--hawaiian.scss +6 -6
  30. package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
  31. package/package.json +1 -1
  32. package/src/primitives/alaska/color.json +84 -84
  33. package/src/primitives/alaska-classic/color.json +796 -0
  34. package/src/primitives/alaska-classic/typography.json +27 -0
  35. package/src/primitives/base/color.json +3 -3
  36. package/src/themes/alaska/color.json +112 -62
  37. package/src/themes/alaska-classic/color.json +444 -0
  38. package/src/themes/alaska-classic/typography.json +132 -0
  39. package/src/themes/hawaiian/color.json +97 -47
package/src/themes/hawaiian/color.json CHANGED
@@ -59,14 +59,6 @@
59
59
  }
60
60
  },
61
61
  "brand": {
62
- "accent1": {
63
- "value": "{color.ocean.600.value}",
64
- "type": "semantic",
65
- "public": true,
66
- "default": true,
67
- "usage": "Brand accent color",
68
- "deprecated": false
69
- },
70
62
  "primary": {
71
63
  "value": "{color.alohapink.600.value}",
72
64
  "type": "semantic",
@@ -83,6 +75,14 @@
83
75
  "usage": "Bold primary brand color",
84
76
  "deprecated": false
85
77
  },
78
+ "primaryMuted": {
79
+ "value": "{color.alohapink.100.value}",
80
+ "type": "semantic",
81
+ "public": true,
82
+ "default": true,
83
+ "usage": "Muted primary brand color",
84
+ "deprecated": false
85
+ },
86
86
  "primarySubtle": {
87
87
  "value": "{color.alohapink.400.value}",
88
88
  "type": "semantic",
@@ -107,8 +107,16 @@
107
107
  "usage": "Bold secondary brand color",
108
108
  "deprecated": false
109
109
  },
110
+ "secondaryMuted": {
111
+ "value": "{color.royalpurple.100.value}",
112
+ "type": "semantic",
113
+ "public": true,
114
+ "default": true,
115
+ "usage": "Muted secondary brand color",
116
+ "deprecated": false
117
+ },
110
118
  "secondarySubtle": {
111
- "value": "{color.royalpurple.400.value}",
119
+ "value": "{color.royalpurple.500.value}",
112
120
  "type": "semantic",
113
121
  "public": true,
114
122
  "default": true,
@@ -131,6 +139,14 @@
131
139
  "usage": "Bold tertiary brand color",
132
140
  "deprecated": false
133
141
  },
142
+ "tertiaryMuted": {
143
+ "value": "{color.sunset.100.value}",
144
+ "type": "semantic",
145
+ "public": true,
146
+ "default": true,
147
+ "usage": "Muted tertiary brand color",
148
+ "deprecated": false
149
+ },
134
150
  "tertiarySubtle": {
135
151
  "value": "{color.sunset.400.value}",
136
152
  "type": "semantic",
@@ -140,8 +156,8 @@
140
156
  "deprecated": false
141
157
  }
142
158
  },
143
- "fare": {
144
- "brandBasic": {
159
+ "farebrand": {
160
+ "basiceconomy": {
145
161
  "value": "{color.gray.250.value}",
146
162
  "type": "semantic",
147
163
  "public": true,
@@ -149,57 +165,59 @@
149
165
  "usage": "Basic fare brand color",
150
166
  "deprecated": false
151
167
  },
152
- "brandFirst": {
153
- "value": "{color.brand.secondary.value}",
168
+ "businessFirst": {
169
+ "value": "{color.royalpurple.600.value}",
154
170
  "type": "semantic",
155
171
  "public": true,
156
172
  "default": true,
157
173
  "usage": "First class fare brand color",
158
174
  "deprecated": false
159
175
  },
160
- "brandEconomy": {
161
- "value": "{color.brand.primary.value}",
176
+ "economy": {
177
+ "value": "{color.alohapink.600.value}",
162
178
  "type": "semantic",
163
179
  "public": true,
164
180
  "default": true,
165
181
  "usage": "Economy fare brand color",
166
182
  "deprecated": false
167
183
  },
168
- "brandPremium": {
169
- "value": "{color.brand.accent1.value}",
184
+ "premiumeconomy": {
185
+ "value": "{color.ocean.600.value}",
170
186
  "type": "semantic",
171
187
  "public": true,
172
188
  "default": true,
173
189
  "usage": "Premium fare brand color",
174
190
  "deprecated": false
175
191
  },
176
- "brandOneWorldEmerald": {
177
- "value": "{color.oneWorld.emerald.value}",
178
- "type": "semantic",
179
- "public": true,
180
- "default": true,
181
- "usage": "One World Emerald brand color",
182
- "deprecated": false
183
- },
184
- "brandOneWorldRuby": {
185
- "value": "{color.oneWorld.ruby.value}",
186
- "type": "semantic",
187
- "public": true,
188
- "default": true,
189
- "usage": "One World Ruby brand color",
190
- "deprecated": false
191
- },
192
- "brandOneWorldSapphire": {
193
- "value": "{color.oneWorld.sapphire.value}",
194
- "type": "semantic",
195
- "public": true,
196
- "default": true,
197
- "usage": "One World Sapphire brand color",
198
- "deprecated": false
192
+ "oneworld": {
193
+ "emerald": {
194
+ "value": "{color.oneworld.emerald.value}",
195
+ "type": "semantic",
196
+ "public": true,
197
+ "default": true,
198
+ "usage": "OneWorld Emerald brand color",
199
+ "deprecated": false
200
+ },
201
+ "sapphire": {
202
+ "value": "{color.oneworld.sapphire.value}",
203
+ "type": "semantic",
204
+ "public": true,
205
+ "default": true,
206
+ "usage": "OneWorld Sapphire brand color",
207
+ "deprecated": false
208
+ },
209
+ "ruby": {
210
+ "value": "{color.oneworld.ruby.value}",
211
+ "type": "semantic",
212
+ "public": true,
213
+ "default": true,
214
+ "usage": "OneWorld Ruby brand color",
215
+ "deprecated": false
216
+ }
199
217
  }
200
218
  },
201
- "page": {
202
- "backgroundDefault": {
219
+ "pagebackground": {
220
+ "default": {
203
221
  "value": "{color.white.value}",
204
222
  "type": "semantic",
205
223
  "public": true,
@@ -207,7 +225,7 @@
207
225
  "usage": "Default page background color",
208
226
  "deprecated": false
209
227
  },
210
- "backgroundUtility": {
228
+ "utility": {
211
229
  "value": "{color.gray.100.value}",
212
230
  "type": "semantic",
213
231
  "public": true,
@@ -274,7 +292,7 @@
274
292
  "deprecated": false
275
293
  },
276
294
  "warning": {
277
- "value": "{color.status.warn.600.value}",
295
+ "value": "{color.status.warn.300.value}",
278
296
  "type": "semantic",
279
297
  "public": true,
280
298
  "default": true,
@@ -292,7 +310,7 @@
292
310
  },
293
311
  "surface": {
294
312
  "accent1": {
295
- "value": "{color.gray.50.value}",
313
+ "value": "{color.gray.200.value}",
296
314
  "type": "semantic",
297
315
  "public": true,
298
316
  "default": true,
@@ -307,6 +325,30 @@
307
325
  "usage": "Muted accent surface color",
308
326
  "deprecated": false
309
327
  },
328
+ "accent1Subtle": {
329
+ "value": "{color.gray.100.value}",
330
+ "type": "semantic",
331
+ "public": true,
332
+ "default": true,
333
+ "usage": "Subtle accent surface color",
334
+ "deprecated": false
335
+ },
336
+ "accent2": {
337
+ "value": "{color.gray.200.value}",
338
+ "type": "semantic",
339
+ "public": true,
340
+ "default": true,
341
+ "usage": "Accent surface color",
342
+ "deprecated": false
343
+ },
344
+ "accent2Muted": {
345
+ "value": "{color.gray.50.value}",
346
+ "type": "semantic",
347
+ "public": true,
348
+ "default": true,
349
+ "usage": "Muted accent surface color",
350
+ "deprecated": false
351
+ },
310
352
  "default": {
311
353
  "value": "{color.white.value}",
312
354
  "type": "semantic",
@@ -324,7 +366,7 @@
324
366
  "deprecated": false
325
367
  },
326
368
  "inverseSubtle": {
327
- "value": "{color.brand.secondary.value}",
369
+ "value": "{color.brand.secondarySubtle.value}",
328
370
  "type": "semantic",
329
371
  "public": true,
330
372
  "default": true,
@@ -366,7 +408,7 @@
366
408
  "deprecated": false
367
409
  },
368
410
  "disabled": {
369
- "value": "{color.gray.400.value}",
411
+ "value": "{color.gray.250.value}",
370
412
  "type": "semantic",
371
413
  "public": true,
372
414
  "default": true,
@@ -381,6 +423,14 @@
381
423
  "usage": "Inverse text/icon color",
382
424
  "deprecated": false
383
425
  },
426
+ "inverseDisabled": {
427
+ "value": "{color.gray.250.value}",
428
+ "type": "semantic",
429
+ "public": true,
430
+ "default": true,
431
+ "usage": "Disabled inverse text/icon color",
432
+ "deprecated": false
433
+ },
384
434
  "muted": {
385
435
  "value": "{color.gray.900.value}",
386
436
  "type": "semantic",