@aurodesignsystem/design-tokens 5.0.2 → 5.0.4

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