@aurodesignsystem/design-tokens 5.0.5 → 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 +15 -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 +25377 -0
  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/primitives/alaska-classic/typography.json ADDED
@@ -0,0 +1,27 @@
1
+ {
2
+ "font": {
3
+ "family": {
4
+ "body": {
5
+ "value": "AS Circular",
6
+ "type": "primitive",
7
+ "public": false,
8
+ "default": true,
9
+ "deprecated": false
10
+ },
11
+ "display": {
12
+ "value": "AS Circular",
13
+ "type": "primitive",
14
+ "public": false,
15
+ "default": true,
16
+ "deprecated": false
17
+ },
18
+ "heading": {
19
+ "value": "AS Circular",
20
+ "type": "primitive",
21
+ "public": false,
22
+ "default": true,
23
+ "deprecated": false
24
+ }
25
+ }
26
+ }
27
+ }
package/src/primitives/base/color.json CHANGED
@@ -14,7 +14,7 @@
14
14
  "default": true,
15
15
  "deprecated": false
16
16
  },
17
- "oneWorld": {
17
+ "oneworld": {
18
18
  "emerald": {
19
19
  "value": "#139142",
20
20
  "type": "primitive",
@@ -39,14 +39,14 @@
39
39
  },
40
40
  "gray": {
41
41
  "50": {
42
- "value": "#f2f2f2",
42
+ "value": "#f7f7f7",
43
43
  "type": "primitive",
44
44
  "public": false,
45
45
  "default": true,
46
46
  "deprecated": false
47
47
  },
48
48
  "100": {
49
- "value": "#f7f7f7",
49
+ "value": "#f2f2f2",
50
50
  "type": "primitive",
51
51
  "public": false,
52
52
  "default": true,
package/src/themes/alaska/color.json CHANGED
@@ -10,7 +10,7 @@
10
10
  "deprecated": false
11
11
  },
12
12
  "brand": {
13
- "value": "{color.midnight.800.value}",
13
+ "value": "{color.brand.primary.value}",
14
14
  "type": "semantic",
15
15
  "public": true,
16
16
  "default": true,
@@ -59,32 +59,32 @@
59
59
  }
60
60
  },
61
61
  "brand": {
62
- "accent1": {
63
- "value": "{color.tropical.600.value}",
62
+ "primary": {
63
+ "value": "{color.midnight.900.value}",
64
64
  "type": "semantic",
65
65
  "public": true,
66
66
  "default": true,
67
- "usage": "Brand accent color",
67
+ "usage": "Primary brand color",
68
68
  "deprecated": false
69
69
  },
70
- "primary": {
71
- "value": "{color.atlas.600.value}",
70
+ "primaryBold": {
71
+ "value": "{color.midnight.1000.value}",
72
72
  "type": "semantic",
73
73
  "public": true,
74
74
  "default": true,
75
- "usage": "Primary brand color",
75
+ "usage": "Bold primary brand color",
76
76
  "deprecated": false
77
77
  },
78
- "primaryBold": {
79
- "value": "{color.atlas.800.value}",
78
+ "primaryMuted": {
79
+ "value": "{color.midnight.100.value}",
80
80
  "type": "semantic",
81
81
  "public": true,
82
82
  "default": true,
83
- "usage": "Bold primary brand color",
83
+ "usage": "Muted primary brand color",
84
84
  "deprecated": false
85
85
  },
86
86
  "primarySubtle": {
87
- "value": "{color.atlas.400.value}",
87
+ "value": "{color.midnight.600.value}",
88
88
  "type": "semantic",
89
89
  "public": true,
90
90
  "default": true,
@@ -92,7 +92,7 @@
92
92
  "deprecated": false
93
93
  },
94
94
  "secondary": {
95
- "value": "{color.midnight.800.value}",
95
+ "value": "{color.bliss.500.value}",
96
96
  "type": "semantic",
97
97
  "public": true,
98
98
  "default": true,
@@ -100,15 +100,23 @@
100
100
  "deprecated": false
101
101
  },
102
102
  "secondaryBold": {
103
- "value": "{color.midnight.1000.value}",
103
+ "value": "{color.bliss.700.value}",
104
104
  "type": "semantic",
105
105
  "public": true,
106
106
  "default": true,
107
107
  "usage": "Bold secondary brand color",
108
108
  "deprecated": false
109
109
  },
110
+ "secondaryMuted": {
111
+ "value": "{color.bliss.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.midnight.600.value}",
119
+ "value": "{color.bliss.300.value}",
112
120
  "type": "semantic",
113
121
  "public": true,
114
122
  "default": true,
@@ -116,7 +124,7 @@
116
124
  "deprecated": false
117
125
  },
118
126
  "tertiary": {
119
- "value": "{color.breeze.500.value}",
127
+ "value": "{color.tropical.500.value}",
120
128
  "type": "semantic",
121
129
  "public": true,
122
130
  "default": true,
@@ -124,15 +132,23 @@
124
132
  "deprecated": false
125
133
  },
126
134
  "tertiaryBold": {
127
- "value": "{color.breeze.700.value}",
135
+ "value": "{color.tropical.700.value}",
128
136
  "type": "semantic",
129
137
  "public": true,
130
138
  "default": true,
131
139
  "usage": "Bold tertiary brand color",
132
140
  "deprecated": false
133
141
  },
142
+ "tertiaryMuted": {
143
+ "value": "{color.tropical.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
- "value": "{color.breeze.300.value}",
151
+ "value": "{color.tropical.300.value}",
136
152
  "type": "semantic",
137
153
  "public": true,
138
154
  "default": true,
@@ -140,16 +156,16 @@
140
156
  "deprecated": false
141
157
  }
142
158
  },
143
- "fare": {
144
- "brandBasic": {
145
- "value": "{color.breeze.500.value}",
159
+ "farebrand": {
160
+ "basiceconomy": {
161
+ "value": "{color.bliss.400.value}",
146
162
  "type": "semantic",
147
163
  "public": true,
148
164
  "default": true,
149
165
  "usage": "Basic fare brand color",
150
166
  "deprecated": false
151
167
  },
152
- "brandFirst": {
168
+ "businessFirst": {
153
169
  "value": "{color.midnight.1000.value}",
154
170
  "type": "semantic",
155
171
  "public": true,
@@ -157,15 +173,15 @@
157
173
  "usage": "First class fare brand color",
158
174
  "deprecated": false
159
175
  },
160
- "brandEconomy": {
161
- "value": "{color.atlas.600.value}",
176
+ "economy": {
177
+ "value": "{color.atlas.500.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": {
184
+ "premiumeconomy": {
169
185
  "value": "{color.summit.900.value}",
170
186
  "type": "semantic",
171
187
  "public": true,
@@ -173,42 +189,44 @@
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": "OneWorld 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": "OneWorld 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": "OneWorld 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": {
203
- "value": "{color.white.value}",
219
+ "pagebackground": {
220
+ "default": {
221
+ "value": "{color.brand.secondaryMuted.value}",
204
222
  "type": "semantic",
205
223
  "public": true,
206
224
  "default": true,
207
225
  "usage": "Default page background color",
208
226
  "deprecated": false
209
227
  },
210
- "backgroundUtility": {
211
- "value": "{color.neutral.100.value}",
228
+ "utility": {
229
+ "value": "{color.white.value}",
212
230
  "type": "semantic",
213
231
  "public": true,
214
232
  "default": true,
@@ -226,7 +244,7 @@
226
244
  "deprecated": false
227
245
  },
228
246
  "error": {
229
- "value": "{color.status.error.400.value}",
247
+ "value": "{color.status.error.600.value}",
230
248
  "type": "semantic",
231
249
  "public": true,
232
250
  "default": true,
@@ -242,7 +260,7 @@
242
260
  "deprecated": false
243
261
  },
244
262
  "info": {
245
- "value": "{color.atlas.600.value}",
263
+ "value": "{color.brand.primary.value}",
246
264
  "type": "semantic",
247
265
  "public": true,
248
266
  "default": true,
@@ -250,7 +268,7 @@
250
268
  "deprecated": false
251
269
  },
252
270
  "infoSubtle": {
253
- "value": "{color.atlas.200.value}",
271
+ "value": "{color.status.help.100.value}",
254
272
  "type": "semantic",
255
273
  "public": true,
256
274
  "default": true,
@@ -258,7 +276,7 @@
258
276
  "deprecated": false
259
277
  },
260
278
  "success": {
261
- "value": "{color.status.success.400.value}",
279
+ "value": "{color.status.success.600.value}",
262
280
  "type": "semantic",
263
281
  "public": true,
264
282
  "default": true,
@@ -292,7 +310,7 @@
292
310
  },
293
311
  "surface": {
294
312
  "accent1": {
295
- "value": "{color.midnight.800.value}",
313
+ "value": "{color.brand.secondary.value}",
296
314
  "type": "semantic",
297
315
  "public": true,
298
316
  "default": true,
@@ -300,7 +318,31 @@
300
318
  "deprecated": false
301
319
  },
302
320
  "accent1Muted": {
303
- "value": "{color.atlas.100.value}",
321
+ "value": "{color.brand.secondaryMuted.value}",
322
+ "type": "semantic",
323
+ "public": true,
324
+ "default": true,
325
+ "usage": "Muted accent surface color",
326
+ "deprecated": false
327
+ },
328
+ "accent1Subtle": {
329
+ "value": "{color.brand.secondarySubtle.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.brand.tertiary.value}",
338
+ "type": "semantic",
339
+ "public": true,
340
+ "default": true,
341
+ "usage": "Accent surface color",
342
+ "deprecated": false
343
+ },
344
+ "accent2Muted": {
345
+ "value": "{color.brand.tertiaryMuted.value}",
304
346
  "type": "semantic",
305
347
  "public": true,
306
348
  "default": true,
@@ -316,7 +358,7 @@
316
358
  "deprecated": false
317
359
  },
318
360
  "inverse": {
319
- "value": "{color.midnight.900.value}",
361
+ "value": "{color.brand.primaryBold.value}",
320
362
  "type": "semantic",
321
363
  "public": true,
322
364
  "default": true,
@@ -324,7 +366,7 @@
324
366
  "deprecated": false
325
367
  },
326
368
  "inverseSubtle": {
327
- "value": "{color.midnight.800.value}",
369
+ "value": "{color.brand.primarySubtle.value}",
328
370
  "type": "semantic",
329
371
  "public": true,
330
372
  "default": true,
@@ -350,7 +392,7 @@
350
392
  },
351
393
  "texticon": {
352
394
  "accent1": {
353
- "value": "{color.midnight.800.value}",
395
+ "value": "{color.brand.primaryBold.value}",
354
396
  "type": "semantic",
355
397
  "public": true,
356
398
  "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.700.value}",
386
436
  "type": "semantic",