@aurodesignsystem/design-tokens 4.10.1 → 4.11.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 (42) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/tokens/CSSCustomProperties.css +3 -3
  3. package/dist/tokens/CSSSizeCustomProperties.css +1 -1
  4. package/dist/tokens/JSData--color.js +4 -4
  5. package/dist/tokens/JSONVariablesFlat.json +2 -2
  6. package/dist/tokens/JSONVariablesNested.json +2 -2
  7. package/dist/tokens/JSObject--allTokens.js +3 -3
  8. package/dist/tokens/JSObject--deprecated.js +2 -2
  9. package/dist/tokens/JSVariables--color.js +3 -3
  10. package/dist/tokens/SCSSVariableMap.scss +1 -1
  11. package/dist/tokens/SCSSVariables.scss +3 -3
  12. package/dist/tokens/SCSSVariablesMapFlat.scss +3 -3
  13. package/dist/tokens/SassCustomProperties.scss +3 -3
  14. package/dist/tokens/SassSizeCustomProperties.scss +1 -1
  15. package/dist/tokens/darkmode/CSSCustomProperties.css +1 -1
  16. package/dist/tokens/darkmode/JSDataColor.js +1 -1
  17. package/dist/tokens/darkmode/JSObject--deprecatedDark.js +1 -1
  18. package/dist/tokens/darkmode/JSVariablesColor.js +1 -1
  19. package/dist/tokens/darkmode/SCSSVariables.scss +1 -1
  20. package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +1 -1
  21. package/dist/tokens/darkmode/SassCustomProperties.scss +1 -1
  22. package/dist/tokens/hawaiian/CSSCustomProperties.css +20 -0
  23. package/dist/tokens/transparent/CSSCustomProperties.css +615 -0
  24. package/package.json +1 -1
  25. package/src/color/base.json +1 -1
  26. package/src/themes/hawaiian/color/background.json +15 -0
  27. package/src/themes/hawaiian/color/border.json +18 -0
  28. package/src/themes/hawaiian/color/container.json +56 -0
  29. package/src/themes/hawaiian/color/icon.json +24 -0
  30. package/src/themes/hawaiian/color/text.json +44 -0
  31. package/src/themes/transparent/color/alert.json +90 -0
  32. package/src/themes/transparent/color/background.json +263 -0
  33. package/src/themes/transparent/color/base.json +1303 -0
  34. package/src/themes/transparent/color/border.json +341 -0
  35. package/src/themes/transparent/color/brand.json +1561 -0
  36. package/src/themes/transparent/color/container.json +464 -0
  37. package/src/themes/transparent/color/icon.json +602 -0
  38. package/src/themes/transparent/color/text.json +282 -0
  39. package/src/themes/transparent/color/tier.json +194 -0
  40. package/src/themes/transparent/color/ui.json +125 -0
  41. package/src/themes/transparent/color/utility.json +276 -0
  42. package/src/themes/transparent/elevation.json +22 -0
package/src/themes/transparent/color/icon.json ADDED
@@ -0,0 +1,602 @@
1
+ {
2
+ "color": {
3
+ "icon": {
4
+ "primary": {
5
+ "default": {
6
+ "value": "{color.base.gray.700.value}",
7
+ "public": true,
8
+ "default": true,
9
+ "usage": "Primary color for icons on light backgrounds",
10
+ "wcag": "n/a",
11
+ "deprecated": false
12
+ },
13
+ "inverse": {
14
+ "value": "{color.brand.gray.100.value}",
15
+ "public": true,
16
+ "inverse": true,
17
+ "usage": "Primary color for icons on dark backgrounds",
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
30
+ },
31
+ "inverse": {
32
+ "value": "{color.brand.neutral.300.value}",
33
+ "public": true,
34
+ "inverse": true,
35
+ "usage": "Secondary color for icons on dark backgrounds",
36
+ "wcag": "n/a",
37
+ "deprecated": false
38
+ }
39
+ },
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
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": {
59
+ "default": {
60
+ "value": "{color.base.gray.1000.value}",
61
+ "public": true,
62
+ "default": true,
63
+ "usage": "Emphasis or darkest icon color on light backgrounds",
64
+ "wcag": "n/a",
65
+ "deprecated": false
66
+ },
67
+ "inverse": {
68
+ "value": "{color.base.white.value}",
69
+ "public": true,
70
+ "inverse": true,
71
+ "usage": "Emphasis or lightest icon color on dark backgrounds",
72
+ "wcag": "AAA",
73
+ "deprecated": false
74
+ }
75
+ },
76
+ "accent": {
77
+ "default": {
78
+ "value": "{color.brand.lime.400.value}",
79
+ "public": true,
80
+ "default": true,
81
+ "usage": "Accent color for icon color on light backgrounds",
82
+ "wcag": "n/a",
83
+ "deprecated": false
84
+ },
85
+ "inverse": {
86
+ "value": "{color.brand.lime.300.value}",
87
+ "public": true,
88
+ "inverse": true,
89
+ "usage": "Accent color for icon color on dark backgrounds",
90
+ "wcag": "n/a",
91
+ "deprecated": false
92
+ }
93
+ },
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",
100
+ "wcag": "n/a",
101
+ "deprecated": false
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": {
113
+ "default": {
114
+ "value": "{color.base.error.400.value}",
115
+ "public": true,
116
+ "default": true,
117
+ "usage": "Error icon color on light backgrounds",
118
+ "wcag": "n/a",
119
+ "deprecated": false
120
+ },
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.300.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.300.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
+ "primary": {
186
+ "default": {
187
+ "default": {
188
+ "value": "{color.brand.blue.700.value}",
189
+ "public": true,
190
+ "default": true,
191
+ "usage": "Default color for UI icons on light backgrounds",
192
+ "wcag": "n/a",
193
+ "deprecated": false
194
+ },
195
+ "inverse": {
196
+ "value": "{color.brand.cyan.400.value}",
197
+ "public": true,
198
+ "inverse": true,
199
+ "usage": "Default color for UI icons on dark backgrounds",
200
+ "wcag": "n/a",
201
+ "deprecated": false
202
+ }
203
+ },
204
+ "hover": {
205
+ "default": {
206
+ "value": "{color.brand.blue.900.value}",
207
+ "public": true,
208
+ "default": true,
209
+ "usage": "Hover color for UI icons on light backgrounds",
210
+ "wcag": "n/a",
211
+ "deprecated": false
212
+ },
213
+ "inverse": {
214
+ "value": "{color.brand.cyan.200.value}",
215
+ "public": true,
216
+ "inverse": true,
217
+ "usage": "Hover color for UI icons on dark backgrounds",
218
+ "wcag": "n/a",
219
+ "deprecated": false
220
+ }
221
+ },
222
+ "active": {
223
+ "default": {
224
+ "value": "{color.brand.blue.800.value}",
225
+ "public": true,
226
+ "default": true,
227
+ "usage": "Active color for UI icons on light backgrounds",
228
+ "wcag": "n/a",
229
+ "deprecated": false
230
+ },
231
+ "inverse": {
232
+ "value": "{color.brand.cyan.300.value}",
233
+ "public": true,
234
+ "inverse": true,
235
+ "usage": "Active color for UI icons on dark backgrounds",
236
+ "wcag": "n/a",
237
+ "deprecated": false
238
+ }
239
+ },
240
+ "disabled": {
241
+ "default": {
242
+ "value": "{color.brand.gray.400.value}",
243
+ "public": true,
244
+ "default": true,
245
+ "usage": "Disabled color for UI icons on light backgrounds",
246
+ "wcag": "n/a",
247
+ "deprecated": false
248
+ },
249
+ "inverse": {
250
+ "value": "{color.brand.gray.600.value}",
251
+ "public": true,
252
+ "inverse": true,
253
+ "usage": "Disabled color for UI icons on dark backgrounds",
254
+ "wcag": "n/a",
255
+ "deprecated": false
256
+ }
257
+ },
258
+ "focus": {
259
+ "default": {
260
+ "value": "{color.brand.blue.700.value}",
261
+ "public": true,
262
+ "default": true,
263
+ "usage": "Focus color for UI icons on light backgrounds",
264
+ "wcag": "n/a",
265
+ "deprecated": false
266
+ },
267
+ "inverse": {
268
+ "value": "{color.brand.cyan.400.value}",
269
+ "public": true,
270
+ "inverse": true,
271
+ "usage": "Focus color for UI icons on dark backgrounds",
272
+ "wcag": "n/a",
273
+ "deprecated": false
274
+ }
275
+ }
276
+ },
277
+ "secondary": {
278
+ "active": {
279
+ "default": {
280
+ "value": "{color.brand.gray.700.value}",
281
+ "public": true,
282
+ "default": true,
283
+ "usage": "Focus color for UI icons on light backgrounds",
284
+ "wcag": "n/a",
285
+ "deprecated": false
286
+ },
287
+ "inverse": {
288
+ "value": "{color.brand.gray.300.value}",
289
+ "public": true,
290
+ "inverse": true,
291
+ "usage": "Focus color for UI icons on dark backgrounds",
292
+ "wcag": "n/a",
293
+ "deprecated": false
294
+ }
295
+ },
296
+ "default": {
297
+ "default": {
298
+ "value": "{color.brand.gray.600.value}",
299
+ "public": true,
300
+ "default": true,
301
+ "usage": "Focus color for UI icons on light backgrounds",
302
+ "wcag": "n/a",
303
+ "deprecated": false
304
+ },
305
+ "inverse": {
306
+ "value": "{color.brand.gray.400.value}",
307
+ "public": true,
308
+ "inverse": true,
309
+ "usage": "Focus color for UI icons on dark backgrounds",
310
+ "wcag": "n/a",
311
+ "deprecated": false
312
+ }
313
+ },
314
+ "disabled": {
315
+ "default": {
316
+ "value": "{color.brand.gray.400.value}",
317
+ "public": true,
318
+ "default": true,
319
+ "usage": "Focus color for UI icons on light backgrounds",
320
+ "wcag": "n/a",
321
+ "deprecated": false
322
+ },
323
+ "inverse": {
324
+ "value": "{color.brand.gray.600.value}",
325
+ "public": true,
326
+ "inverse": true,
327
+ "usage": "Focus color for UI icons on dark backgrounds",
328
+ "wcag": "n/a",
329
+ "deprecated": false
330
+ }
331
+ },
332
+ "focus": {
333
+ "default": {
334
+ "value": "{color.brand.gray.600.value}",
335
+ "public": true,
336
+ "default": true,
337
+ "usage": "Focus color for UI icons on light backgrounds",
338
+ "wcag": "n/a",
339
+ "deprecated": false
340
+ },
341
+ "inverse": {
342
+ "value": "{color.brand.gray.400.value}",
343
+ "public": true,
344
+ "inverse": true,
345
+ "usage": "Focus color for UI icons on dark backgrounds",
346
+ "wcag": "n/a",
347
+ "deprecated": false
348
+ }
349
+ },
350
+ "hover": {
351
+ "default": {
352
+ "value": "{color.brand.gray.800.value}",
353
+ "public": true,
354
+ "default": true,
355
+ "usage": "Focus color for UI icons on light backgrounds",
356
+ "wcag": "n/a",
357
+ "deprecated": false
358
+ },
359
+ "inverse": {
360
+ "value": "{color.brand.gray.200.value}",
361
+ "public": true,
362
+ "inverse": true,
363
+ "usage": "Focus color for UI icons on dark backgrounds",
364
+ "wcag": "n/a",
365
+ "deprecated": false
366
+ }
367
+ }
368
+ }
369
+ },
370
+ "brand": {
371
+ "red": {
372
+ "default": {
373
+ "value": "{color.brand.red.700.value}",
374
+ "public": true,
375
+ "default": true,
376
+ "usage": "Brand color for red icons on light backgrounds",
377
+ "wcag": "n/a",
378
+ "deprecated": false
379
+ },
380
+ "inverse": {
381
+ "value": "{color.brand.red.500.value}",
382
+ "public": true,
383
+ "inverse": true,
384
+ "usage": "Brand color for red icons on dark backgrounds",
385
+ "wcag": "n/a",
386
+ "deprecated": false
387
+ }
388
+ },
389
+ "yellow": {
390
+ "default": {
391
+ "value": "{color.brand.yellow.700.value}",
392
+ "public": true,
393
+ "default": true,
394
+ "usage": "Brand color for yellow icons on light backgrounds",
395
+ "wcag": "n/a",
396
+ "deprecated": false
397
+ },
398
+ "inverse": {
399
+ "value": "{color.brand.yellow.300.value}",
400
+ "public": true,
401
+ "inverse": true,
402
+ "usage": "Brand color for yellow icons on dark backgrounds",
403
+ "wcag": "n/a",
404
+ "deprecated": false
405
+ }
406
+ },
407
+ "pink": {
408
+ "default": {
409
+ "value": "{color.brand.pink.700.value}",
410
+ "public": true,
411
+ "default": true,
412
+ "usage": "Brand color for pink icons on light backgrounds",
413
+ "wcag": "n/a",
414
+ "deprecated": false
415
+ },
416
+ "inverse": {
417
+ "value": "{color.brand.pink.500.value}",
418
+ "public": true,
419
+ "inverse": true,
420
+ "usage": "Brand color for pink icons on dark backgrounds",
421
+ "wcag": "n/a",
422
+ "deprecated": false
423
+ }
424
+ },
425
+ "purple": {
426
+ "default": {
427
+ "value": "{color.brand.purple.700.value}",
428
+ "public": true,
429
+ "default": true,
430
+ "usage": "Brand color for purple icons on light backgrounds",
431
+ "wcag": "n/a",
432
+ "deprecated": false
433
+ },
434
+ "inverse": {
435
+ "value": "{color.brand.purple.500.value}",
436
+ "public": true,
437
+ "inverse": true,
438
+ "usage": "Brand color for purple icons on dark backgrounds",
439
+ "wcag": "n/a",
440
+ "deprecated": false
441
+ }
442
+ },
443
+ "lime": {
444
+ "default": {
445
+ "value": "{color.brand.lime.700.value}",
446
+ "public": true,
447
+ "default": true,
448
+ "usage": "Brand color for lime icons on light backgrounds",
449
+ "wcag": "n/a",
450
+ "deprecated": false
451
+ },
452
+ "inverse": {
453
+ "value": "{color.brand.lime.300.value}",
454
+ "public": true,
455
+ "inverse": true,
456
+ "usage": "Brand color for lime icons on dark backgrounds",
457
+ "wcag": "n/a",
458
+ "deprecated": false
459
+ }
460
+ },
461
+ "green": {
462
+ "default": {
463
+ "value": "{color.brand.green.700.value}",
464
+ "public": true,
465
+ "default": true,
466
+ "usage": "Brand color for green icons on light backgrounds",
467
+ "wcag": "n/a",
468
+ "deprecated": false
469
+ },
470
+ "inverse": {
471
+ "value": "{color.brand.green.500.value}",
472
+ "public": true,
473
+ "inverse": true,
474
+ "usage": "Brand color for green icons on dark backgrounds",
475
+ "wcag": "n/a",
476
+ "deprecated": false
477
+ }
478
+ },
479
+ "turquoise": {
480
+ "default": {
481
+ "value": "{color.brand.turquoise.700.value}",
482
+ "public": true,
483
+ "default": true,
484
+ "usage": "Brand color for turquoise icons on light backgrounds",
485
+ "wcag": "n/a",
486
+ "deprecated": false
487
+ },
488
+ "inverse": {
489
+ "value": "{color.brand.turquoise.500.value}",
490
+ "public": true,
491
+ "inverse": true,
492
+ "usage": "Brand color for turquoise icons on dark backgrounds",
493
+ "wcag": "n/a",
494
+ "deprecated": false
495
+ }
496
+ },
497
+ "navy": {
498
+ "default": {
499
+ "value": "{color.brand.navy.800.value}",
500
+ "public": true,
501
+ "default": true,
502
+ "usage": "Brand color for navy icons on light backgrounds",
503
+ "wcag": "n/a",
504
+ "deprecated": false
505
+ },
506
+ "inverse": {
507
+ "value": "{color.brand.navy.500.value}",
508
+ "public": true,
509
+ "inverse": true,
510
+ "usage": "Brand color for navy icons on dark backgrounds",
511
+ "wcag": "n/a",
512
+ "deprecated": false
513
+ }
514
+ },
515
+ "blue": {
516
+ "default": {
517
+ "value": "{color.brand.blue.700.value}",
518
+ "public": true,
519
+ "default": true,
520
+ "usage": "Brand color for blue icons on light backgrounds",
521
+ "wcag": "n/a",
522
+ "deprecated": false
523
+ },
524
+ "inverse": {
525
+ "value": "{color.brand.blue.500.value}",
526
+ "public": true,
527
+ "inverse": true,
528
+ "usage": "Brand color for blue icons on dark backgrounds",
529
+ "wcag": "n/a",
530
+ "deprecated": false
531
+ }
532
+ },
533
+ "cyan": {
534
+ "default": {
535
+ "value": "{color.brand.cyan.700.value}",
536
+ "public": true,
537
+ "default": true,
538
+ "usage": "Brand color for cyan icons on light backgrounds",
539
+ "wcag": "n/a",
540
+ "deprecated": false
541
+ },
542
+ "inverse": {
543
+ "value": "{color.brand.cyan.300.value}",
544
+ "public": true,
545
+ "inverse": true,
546
+ "usage": "Brand color for cyan icons on dark backgrounds",
547
+ "wcag": "n/a",
548
+ "deprecated": false
549
+ }
550
+ },
551
+ "gray": {
552
+ "default": {
553
+ "value": "{color.brand.gray.700.value}",
554
+ "public": true,
555
+ "default": true,
556
+ "usage": "Brand color for gray icons on light backgrounds",
557
+ "wcag": "n/a",
558
+ "deprecated": false
559
+ },
560
+ "inverse": {
561
+ "value": "{color.brand.gray.300.value}",
562
+ "public": true,
563
+ "inverse": true,
564
+ "usage": "Brand color for gray icons on dark backgrounds",
565
+ "wcag": "n/a",
566
+ "deprecated": false
567
+ }
568
+ },
569
+ "neutral": {
570
+ "default": {
571
+ "value": "{color.brand.neutral.700.value}",
572
+ "public": true,
573
+ "default": true,
574
+ "usage": "Brand color for neutral icons on light backgrounds",
575
+ "wcag": "n/a",
576
+ "deprecated": false
577
+ },
578
+ "inverse": {
579
+ "value": "{color.brand.neutral.400.value}",
580
+ "public": true,
581
+ "inverse": true,
582
+ "usage": "Brand color for neutral icons on dark backgrounds",
583
+ "wcag": "n/a",
584
+ "deprecated": false
585
+ }
586
+ }
587
+ },
588
+ "disabled": {
589
+ "default": {
590
+ "value": "{color.base.black-opacity-15.value}",
591
+ "public": true,
592
+ "default": true,
593
+ "usage": "Disabled icon color on light backgrounds",
594
+ "wcag": "n/a",
595
+ "deprecated": true,
596
+ "version": "4.5.0",
597
+ "reference": "n/a"
598
+ }
599
+ }
600
+ }
601
+ }
602
+ }