@aurodesignsystem/design-tokens 4.4.0 → 4.5.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 (47) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/README.md +26 -23
  3. package/dist/tokens/CSSCustomProperties.css +1541 -64
  4. package/dist/tokens/CSSSizeCustomProperties.css +1 -1
  5. package/dist/tokens/JSData--color.js +16496 -2089
  6. package/dist/tokens/JSONVariablesFlat.json +470 -33
  7. package/dist/tokens/JSONVariablesNested.json +733 -48
  8. package/dist/tokens/JSObject--allTokens.js +13602 -2331
  9. package/dist/tokens/JSObject--deprecated.js +2266 -1897
  10. package/dist/tokens/JSVariables--color.js +736 -39
  11. package/dist/tokens/SCSSVariableMap.scss +1 -1
  12. package/dist/tokens/SCSSVariables.scss +1003 -46
  13. package/dist/tokens/SCSSVariablesMapFlat.scss +1006 -47
  14. package/dist/tokens/SassCustomProperties.scss +1541 -64
  15. package/dist/tokens/SassSizeCustomProperties.scss +1 -1
  16. package/dist/tokens/darkmode/CSSCustomProperties.css +4 -4
  17. package/dist/tokens/darkmode/JSDataColor.js +94 -30
  18. package/dist/tokens/darkmode/{JSObject--allDarkTokens.js → JSObject--deprecatedDark.js} +107 -43
  19. package/dist/tokens/darkmode/JSVariablesColor.js +4 -4
  20. package/dist/tokens/darkmode/SCSSVariables.scss +4 -4
  21. package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +4 -4
  22. package/dist/tokens/darkmode/SassCustomProperties.scss +4 -4
  23. package/dist/tokens/excursion/JSONVariablesFlat.json +67 -0
  24. package/dist/tokens/excursion/JSONVariablesNested.json +105 -0
  25. package/package.json +5 -5
  26. package/src/color/alert.json +18 -103
  27. package/src/color/background.json +213 -10
  28. package/src/color/base.json +1219 -70
  29. package/src/color/border.json +253 -133
  30. package/src/color/brand.json +1204 -185
  31. package/src/color/container.json +464 -0
  32. package/src/color/icon.json +449 -91
  33. package/src/color/text.json +200 -145
  34. package/src/color/tier.json +118 -52
  35. package/src/color/ui.json +29 -115
  36. package/src/color-darkmode/base.json +6 -2
  37. package/src/color-darkmode/border.json +6 -2
  38. package/src/color-darkmode/icon.json +6 -2
  39. package/src/color-darkmode/text.json +15 -5
  40. package/src/color-darkmode/tier.json +6 -2
  41. package/src/depth.json +0 -7
  42. package/src/size/scale.json +0 -80
  43. package/src/themes/excursion/color/background.json +73 -0
  44. package/src/themes/excursion/color/base.json +234 -0
  45. package/src/themes/excursion/color/brand.json +254 -0
  46. package/src/breakpoint.json +0 -28
  47. package/src/shadow.json +0 -13
@@ -2,76 +2,68 @@
2
2
  "color": {
3
3
  "icon": {
4
4
  "primary": {
5
- "onLight": {
6
- "value": "{color.base.neutral.500.value}",
7
- "public": false,
8
- "onLight": true,
9
- "usage": "Primary color for icons on light backgrounds",
10
- "wcag": "AAA",
11
- "deprecated": true,
12
- "comment": "Deprecated token",
13
- "reference": "color-icon-primary-default",
14
- "version": "3.15.0"
15
- },
16
5
  "default": {
17
- "value": "{color.base.neutral.500.value}",
6
+ "value": "{color.base.gray.700.value}",
18
7
  "public": true,
19
8
  "default": true,
20
9
  "usage": "Primary color for icons on light backgrounds",
21
- "wcag": "AAA",
10
+ "wcag": "n/a",
22
11
  "deprecated": false
23
12
  },
24
- "onDark": {
25
- "value": "{color.base.neutral.400.value}",
26
- "public": false,
27
- "onDark": true,
13
+ "inverse": {
14
+ "value": "{color.brand.gray.100.value}",
15
+ "public": true,
16
+ "inverse": true,
28
17
  "usage": "Primary color for icons on dark backgrounds",
29
- "wcag": "AAA",
30
- "deprecated": true,
31
- "comment": "Deprecated token",
32
- "reference": "color-icon-primary-inverse",
33
- "version": "3.15.0"
18
+ "wcag": "n/a",
19
+ "deprecated": false
20
+ }
21
+ },
22
+ "secondary": {
23
+ "default": {
24
+ "value": "{color.brand.neutral.600.value}",
25
+ "public": true,
26
+ "default": true,
27
+ "usage": "Secondary color for icons on light backgrounds",
28
+ "wcag": "n/a",
29
+ "deprecated": false
34
30
  },
35
31
  "inverse": {
36
- "value": "{color.base.neutral.400.value}",
32
+ "value": "{color.brand.neutral.300.value}",
37
33
  "public": true,
38
34
  "inverse": true,
39
- "usage": "Primary color for icons on dark backgrounds",
40
- "wcag": "AAA",
35
+ "usage": "Secondary color for icons on dark backgrounds",
36
+ "wcag": "n/a",
41
37
  "deprecated": false
42
38
  }
43
39
  },
44
- "emphasis": {
45
- "onLight": {
46
- "value": "{color.base.gray.500.value}",
47
- "public": false,
48
- "onLight": true,
49
- "usage": "Emphasis or darkest icon color on light backgrounds",
50
- "wcag": "AAA",
51
- "deprecated": true,
52
- "comment": "Deprecated token",
53
- "reference": "color-icon-emphasis-default",
54
- "version": "3.15.0"
40
+ "tertiary": {
41
+ "default": {
42
+ "value": "{color.brand.neutral.400.value}",
43
+ "public": true,
44
+ "default": true,
45
+ "usage": "Tertiary color for icons on light backgrounds",
46
+ "wcag": "n/a",
47
+ "deprecated": false
55
48
  },
49
+ "inverse": {
50
+ "value": "{color.brand.neutral.500.value}",
51
+ "public": true,
52
+ "inverse": true,
53
+ "usage": "Tertiary color for icons on dark backgrounds",
54
+ "wcag": "n/a",
55
+ "deprecated": false
56
+ }
57
+ },
58
+ "emphasis": {
56
59
  "default": {
57
- "value": "{color.base.gray.500.value}",
60
+ "value": "{color.base.gray.1000.value}",
58
61
  "public": true,
59
62
  "default": true,
60
63
  "usage": "Emphasis or darkest icon color on light backgrounds",
61
- "wcag": "AAA",
64
+ "wcag": "n/a",
62
65
  "deprecated": false
63
66
  },
64
- "onDark": {
65
- "value": "{color.base.white.value}",
66
- "public": false,
67
- "onDark": true,
68
- "usage": "Emphasis or lightest icon color on dark backgrounds",
69
- "wcag": "AAA",
70
- "deprecated": true,
71
- "comment": "Deprecated token",
72
- "reference": "color-icon-emphasis-inverse",
73
- "version": "3.15.0"
74
- },
75
67
  "inverse": {
76
68
  "value": "{color.base.white.value}",
77
69
  "public": true,
@@ -82,67 +74,433 @@
82
74
  }
83
75
  },
84
76
  "accent": {
85
- "onLight": {
86
- "value": "{color.brand.atlas.400.value}",
87
- "public": false,
88
- "onLight": true,
89
- "usage": "Accent color for icon color on light backgrounds",
90
- "wcag": "AA",
91
- "deprecated": true,
92
- "comment": "Deprecated token",
93
- "reference": "color-icon-accent-default",
94
- "version": "3.15.0"
95
- },
96
77
  "default": {
97
- "value": "{color.brand.atlas.400.value}",
78
+ "value": "{color.brand.lime.400.value}",
98
79
  "public": true,
99
80
  "default": true,
100
81
  "usage": "Accent color for icon color on light backgrounds",
101
- "wcag": "AA",
82
+ "wcag": "n/a",
102
83
  "deprecated": false
103
84
  },
104
- "onDark": {
105
- "value": "{color.brand.breeze.300.value}",
106
- "public": false,
107
- "onDark": true,
85
+ "inverse": {
86
+ "value": "{color.brand.lime.300.value}",
87
+ "public": true,
88
+ "inverse": true,
108
89
  "usage": "Accent color for icon color on dark backgrounds",
109
- "wcag": "AA",
110
- "deprecated": true,
111
- "comment": "Deprecated token",
112
- "reference": "n/a",
113
- "version": "3.12.0"
90
+ "wcag": "n/a",
91
+ "deprecated": false
114
92
  }
115
93
  },
116
- "disabled": {
117
- "onLight": {
118
- "value": "{color.base.black-opacity-15.value}",
119
- "public": false,
120
- "onLight": true,
121
- "usage": "Disabled icon color on light backgrounds",
94
+ "info": {
95
+ "default": {
96
+ "value": "{color.brand.navy.700.value}",
97
+ "public": true,
98
+ "default": true,
99
+ "usage": "Info icon color on light backgrounds",
122
100
  "wcag": "n/a",
123
- "deprecated": true,
124
- "comment": "Deprecated token",
125
- "reference": "color-icon-disabled-default",
126
- "version": "3.15.0"
101
+ "deprecated": false
127
102
  },
103
+ "inverse": {
104
+ "value": "{color.brand.navy.400.value}",
105
+ "public": true,
106
+ "inverse": true,
107
+ "usage": "Info icon color on dark backgrounds",
108
+ "wcag": "AAA",
109
+ "deprecated": false
110
+ }
111
+ },
112
+ "error": {
128
113
  "default": {
129
- "value": "{color.base.black-opacity-15.value}",
114
+ "value": "{color.base.error.400.value}",
130
115
  "public": true,
131
116
  "default": true,
132
- "usage": "Disabled icon color on light backgrounds",
117
+ "usage": "Error icon color on light backgrounds",
133
118
  "wcag": "n/a",
134
119
  "deprecated": false
135
120
  },
136
- "onDark": {
137
- "value": "{color.base.white-opacity-40.value}",
138
- "public": false,
139
- "onDark": true,
140
- "usage": "Disabled icon color on dark backgrounds",
121
+ "inverse": {
122
+ "value": "{color.base.error.200.value}",
123
+ "public": true,
124
+ "inverse": true,
125
+ "usage": "Error icon color on dark backgrounds",
126
+ "wcag": "n/a",
127
+ "deprecated": false
128
+ }
129
+ },
130
+ "warning": {
131
+ "default": {
132
+ "value": "{color.base.warning.100.value}",
133
+ "public": true,
134
+ "default": true,
135
+ "usage": "Warning icon color on light backgrounds",
136
+ "wcag": "n/a",
137
+ "deprecated": false
138
+ },
139
+ "inverse": {
140
+ "value": "{color.base.warning.200.value}",
141
+ "public": true,
142
+ "inverse": true,
143
+ "usage": "Warning icon color on dark backgrounds",
144
+ "wcag": "n/a",
145
+ "deprecated": false
146
+ }
147
+ },
148
+ "success": {
149
+ "default": {
150
+ "value": "{color.base.success.100.value}",
151
+ "public": true,
152
+ "default": true,
153
+ "usage": "Success icon color on light backgrounds",
154
+ "wcag": "n/a",
155
+ "deprecated": false
156
+ },
157
+ "inverse": {
158
+ "value": "{color.base.success.200.value}",
159
+ "public": true,
160
+ "inverse": true,
161
+ "usage": "Success icon color on dark backgrounds",
162
+ "wcag": "n/a",
163
+ "deprecated": false
164
+ }
165
+ },
166
+ "subtle": {
167
+ "default": {
168
+ "value": "{color.brand.blue.300.value}",
169
+ "public": true,
170
+ "default": true,
171
+ "usage": "Subtle icon color on light backgrounds",
172
+ "wcag": "n/a",
173
+ "deprecated": false
174
+ },
175
+ "inverse": {
176
+ "value": "{color.brand.navy.700.value}",
177
+ "public": true,
178
+ "inverse": true,
179
+ "usage": "Subtle icon color on dark backgrounds",
180
+ "wcag": "n/a",
181
+ "deprecated": false
182
+ }
183
+ },
184
+ "ui": {
185
+ "default": {
186
+ "default": {
187
+ "value": "{color.brand.blue.700.value}",
188
+ "public": true,
189
+ "default": true,
190
+ "usage": "Default color for UI icons on light backgrounds",
191
+ "wcag": "n/a",
192
+ "deprecated": false
193
+ },
194
+ "inverse": {
195
+ "value": "{color.brand.cyan.400.value}",
196
+ "public": true,
197
+ "inverse": true,
198
+ "usage": "Default color for UI icons on dark backgrounds",
199
+ "wcag": "n/a",
200
+ "deprecated": false
201
+ }
202
+ },
203
+ "hover": {
204
+ "default": {
205
+ "value": "{color.brand.blue.900.value}",
206
+ "public": true,
207
+ "default": true,
208
+ "usage": "Hover color for UI icons on light backgrounds",
209
+ "wcag": "n/a",
210
+ "deprecated": false
211
+ },
212
+ "inverse": {
213
+ "value": "{color.brand.cyan.200.value}",
214
+ "public": true,
215
+ "inverse": true,
216
+ "usage": "Hover color for UI icons on dark backgrounds",
217
+ "wcag": "n/a",
218
+ "deprecated": false
219
+ }
220
+ },
221
+ "active": {
222
+ "default": {
223
+ "value": "{color.brand.blue.800.value}",
224
+ "public": true,
225
+ "default": true,
226
+ "usage": "Active color for UI icons on light backgrounds",
227
+ "wcag": "n/a",
228
+ "deprecated": false
229
+ },
230
+ "inverse": {
231
+ "value": "{color.brand.cyan.300.value}",
232
+ "public": true,
233
+ "inverse": true,
234
+ "usage": "Active color for UI icons on dark backgrounds",
235
+ "wcag": "n/a",
236
+ "deprecated": false
237
+ }
238
+ },
239
+ "disabled": {
240
+ "default": {
241
+ "value": "{color.brand.gray.400.value}",
242
+ "public": true,
243
+ "default": true,
244
+ "usage": "Disabled color for UI icons on light backgrounds",
245
+ "wcag": "n/a",
246
+ "deprecated": false
247
+ },
248
+ "inverse": {
249
+ "value": "{color.brand.gray.600.value}",
250
+ "public": true,
251
+ "inverse": true,
252
+ "usage": "Disabled color for UI icons on dark backgrounds",
253
+ "wcag": "n/a",
254
+ "deprecated": false
255
+ }
256
+ },
257
+ "focus": {
258
+ "default": {
259
+ "value": "{color.brand.blue.700.value}",
260
+ "public": true,
261
+ "default": true,
262
+ "usage": "Focus color for UI icons on light backgrounds",
263
+ "wcag": "n/a",
264
+ "deprecated": false
265
+ },
266
+ "inverse": {
267
+ "value": "{color.brand.cyan.400.value}",
268
+ "public": true,
269
+ "inverse": true,
270
+ "usage": "Focus color for UI icons on dark backgrounds",
271
+ "wcag": "n/a",
272
+ "deprecated": false
273
+ }
274
+ }
275
+ },
276
+ "brand": {
277
+ "red": {
278
+ "default": {
279
+ "value": "{color.brand.red.700.value}",
280
+ "public": true,
281
+ "default": true,
282
+ "usage": "Brand color for red icons on light backgrounds",
283
+ "wcag": "n/a",
284
+ "deprecated": false
285
+ },
286
+ "inverse": {
287
+ "value": "{color.brand.red.500.value}",
288
+ "public": true,
289
+ "inverse": true,
290
+ "usage": "Brand color for red icons on dark backgrounds",
291
+ "wcag": "n/a",
292
+ "deprecated": false
293
+ }
294
+ },
295
+ "yellow": {
296
+ "default": {
297
+ "value": "{color.brand.yellow.700.value}",
298
+ "public": true,
299
+ "default": true,
300
+ "usage": "Brand color for yellow icons on light backgrounds",
301
+ "wcag": "n/a",
302
+ "deprecated": false
303
+ },
304
+ "inverse": {
305
+ "value": "{color.brand.yellow.300.value}",
306
+ "public": true,
307
+ "inverse": true,
308
+ "usage": "Brand color for yellow icons on dark backgrounds",
309
+ "wcag": "n/a",
310
+ "deprecated": false
311
+ }
312
+ },
313
+ "pink": {
314
+ "default": {
315
+ "value": "{color.brand.pink.700.value}",
316
+ "public": true,
317
+ "default": true,
318
+ "usage": "Brand color for pink icons on light backgrounds",
319
+ "wcag": "n/a",
320
+ "deprecated": false
321
+ },
322
+ "inverse": {
323
+ "value": "{color.brand.pink.500.value}",
324
+ "public": true,
325
+ "inverse": true,
326
+ "usage": "Brand color for pink icons on dark backgrounds",
327
+ "wcag": "n/a",
328
+ "deprecated": false
329
+ }
330
+ },
331
+ "purple": {
332
+ "default": {
333
+ "value": "{color.brand.purple.700.value}",
334
+ "public": true,
335
+ "default": true,
336
+ "usage": "Brand color for purple icons on light backgrounds",
337
+ "wcag": "n/a",
338
+ "deprecated": false
339
+ },
340
+ "inverse": {
341
+ "value": "{color.brand.purple.500.value}",
342
+ "public": true,
343
+ "inverse": true,
344
+ "usage": "Brand color for purple icons on dark backgrounds",
345
+ "wcag": "n/a",
346
+ "deprecated": false
347
+ }
348
+ },
349
+ "lime": {
350
+ "default": {
351
+ "value": "{color.brand.lime.700.value}",
352
+ "public": true,
353
+ "default": true,
354
+ "usage": "Brand color for lime icons on light backgrounds",
355
+ "wcag": "n/a",
356
+ "deprecated": false
357
+ },
358
+ "inverse": {
359
+ "value": "{color.brand.lime.300.value}",
360
+ "public": true,
361
+ "inverse": true,
362
+ "usage": "Brand color for lime icons on dark backgrounds",
363
+ "wcag": "n/a",
364
+ "deprecated": false
365
+ }
366
+ },
367
+ "green": {
368
+ "default": {
369
+ "value": "{color.brand.green.700.value}",
370
+ "public": true,
371
+ "default": true,
372
+ "usage": "Brand color for green icons on light backgrounds",
373
+ "wcag": "n/a",
374
+ "deprecated": false
375
+ },
376
+ "inverse": {
377
+ "value": "{color.brand.green.500.value}",
378
+ "public": true,
379
+ "inverse": true,
380
+ "usage": "Brand color for green icons on dark backgrounds",
381
+ "wcag": "n/a",
382
+ "deprecated": false
383
+ }
384
+ },
385
+ "turquoise": {
386
+ "default": {
387
+ "value": "{color.brand.turquoise.700.value}",
388
+ "public": true,
389
+ "default": true,
390
+ "usage": "Brand color for turquoise icons on light backgrounds",
391
+ "wcag": "n/a",
392
+ "deprecated": false
393
+ },
394
+ "inverse": {
395
+ "value": "{color.brand.turquoise.500.value}",
396
+ "public": true,
397
+ "inverse": true,
398
+ "usage": "Brand color for turquoise icons on dark backgrounds",
399
+ "wcag": "n/a",
400
+ "deprecated": false
401
+ }
402
+ },
403
+ "navy": {
404
+ "default": {
405
+ "value": "{color.brand.navy.800.value}",
406
+ "public": true,
407
+ "default": true,
408
+ "usage": "Brand color for navy icons on light backgrounds",
409
+ "wcag": "n/a",
410
+ "deprecated": false
411
+ },
412
+ "inverse": {
413
+ "value": "{color.brand.navy.500.value}",
414
+ "public": true,
415
+ "inverse": true,
416
+ "usage": "Brand color for navy icons on dark backgrounds",
417
+ "wcag": "n/a",
418
+ "deprecated": false
419
+ }
420
+ },
421
+ "blue": {
422
+ "default": {
423
+ "value": "{color.brand.blue.700.value}",
424
+ "public": true,
425
+ "default": true,
426
+ "usage": "Brand color for blue icons on light backgrounds",
427
+ "wcag": "n/a",
428
+ "deprecated": false
429
+ },
430
+ "inverse": {
431
+ "value": "{color.brand.blue.500.value}",
432
+ "public": true,
433
+ "inverse": true,
434
+ "usage": "Brand color for blue icons on dark backgrounds",
435
+ "wcag": "n/a",
436
+ "deprecated": false
437
+ }
438
+ },
439
+ "cyan": {
440
+ "default": {
441
+ "value": "{color.brand.cyan.700.value}",
442
+ "public": true,
443
+ "default": true,
444
+ "usage": "Brand color for cyan icons on light backgrounds",
445
+ "wcag": "n/a",
446
+ "deprecated": false
447
+ },
448
+ "inverse": {
449
+ "value": "{color.brand.cyan.300.value}",
450
+ "public": true,
451
+ "inverse": true,
452
+ "usage": "Brand color for cyan icons on dark backgrounds",
453
+ "wcag": "n/a",
454
+ "deprecated": false
455
+ }
456
+ },
457
+ "gray": {
458
+ "default": {
459
+ "value": "{color.brand.gray.700.value}",
460
+ "public": true,
461
+ "default": true,
462
+ "usage": "Brand color for gray icons on light backgrounds",
463
+ "wcag": "n/a",
464
+ "deprecated": false
465
+ },
466
+ "inverse": {
467
+ "value": "{color.brand.gray.300.value}",
468
+ "public": true,
469
+ "inverse": true,
470
+ "usage": "Brand color for gray icons on dark backgrounds",
471
+ "wcag": "n/a",
472
+ "deprecated": false
473
+ }
474
+ },
475
+ "neutral": {
476
+ "default": {
477
+ "value": "{color.brand.neutral.700.value}",
478
+ "public": true,
479
+ "default": true,
480
+ "usage": "Brand color for neutral icons on light backgrounds",
481
+ "wcag": "n/a",
482
+ "deprecated": false
483
+ },
484
+ "inverse": {
485
+ "value": "{color.brand.neutral.400.value}",
486
+ "public": true,
487
+ "inverse": true,
488
+ "usage": "Brand color for neutral icons on dark backgrounds",
489
+ "wcag": "n/a",
490
+ "deprecated": false
491
+ }
492
+ }
493
+ },
494
+ "disabled": {
495
+ "default": {
496
+ "value": "{color.base.black-opacity-15.value}",
497
+ "public": true,
498
+ "default": true,
499
+ "usage": "Disabled icon color on light backgrounds",
141
500
  "wcag": "n/a",
142
501
  "deprecated": true,
143
- "comment": "Deprecated token",
144
- "reference": "n/a",
145
- "version": "3.12.0"
502
+ "version": "4.5.0",
503
+ "reference": "n/a"
146
504
  }
147
505
  }
148
506
  }