@aurodesignsystem/design-tokens 5.0.2 → 5.0.3

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