@aurodesignsystem/design-tokens 5.0.1 → 5.0.2

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