@aurodesignsystem/design-tokens 4.12.1 → 5.0.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 (119) hide show
  1. package/CHANGELOG.md +32 -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 → 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 +6 -4
  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/darkmode/CSSCustomProperties.css +0 -28
  74. package/dist/tokens/darkmode/JSDataColor.js +0 -528
  75. package/dist/tokens/darkmode/JSObject--deprecatedDark.js +0 -528
  76. package/dist/tokens/darkmode/JSVariablesColor.js +0 -20
  77. package/dist/tokens/darkmode/SCSSVariables.scss +0 -21
  78. package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +0 -25
  79. package/dist/tokens/darkmode/SassCustomProperties.scss +0 -28
  80. package/dist/tokens/excursion/JSONVariablesFlat.json +0 -736
  81. package/dist/tokens/excursion/JSONVariablesNested.json +0 -1222
  82. package/dist/tokens/hawaiian/CSSCustomProperties.css +0 -20
  83. package/src/animation.json +0 -21
  84. package/src/color/ui.json +0 -125
  85. package/src/color-darkmode/base.json +0 -24
  86. package/src/color-darkmode/border.json +0 -32
  87. package/src/color-darkmode/icon.json +0 -32
  88. package/src/color-darkmode/text.json +0 -71
  89. package/src/color-darkmode/tier.json +0 -34
  90. package/src/comments.json +0 -34
  91. package/src/grid-breakpoint.json +0 -29
  92. package/src/grid-column.json +0 -29
  93. package/src/size/scale.json +0 -240
  94. package/src/size/unitless-scale.json +0 -82
  95. package/src/themes/excursion/asset/font.json +0 -35
  96. package/src/themes/excursion/color/alert.json +0 -90
  97. package/src/themes/excursion/color/background.json +0 -280
  98. package/src/themes/excursion/color/base.json +0 -1303
  99. package/src/themes/excursion/color/border.json +0 -288
  100. package/src/themes/excursion/color/brand.json +0 -1549
  101. package/src/themes/excursion/color/container.json +0 -464
  102. package/src/themes/excursion/color/excursion.json +0 -254
  103. package/src/themes/excursion/color/icon.json +0 -476
  104. package/src/themes/excursion/color/text.json +0 -270
  105. package/src/themes/excursion/color/tier.json +0 -180
  106. package/src/themes/excursion/comments.json +0 -34
  107. package/src/themes/excursion/depth copy.json +0 -22
  108. package/src/themes/excursion/elevation.json +0 -22
  109. package/src/themes/excursion/grid-gutter.json +0 -29
  110. package/src/themes/excursion/grid-margin.json +0 -29
  111. package/src/themes/excursion/size/radius.json +0 -9
  112. package/src/themes/excursion/size/scale.json +0 -234
  113. package/src/themes/excursion/size/unitless-scale.json +0 -82
  114. package/src/themes/excursion/text.json +0 -572
  115. package/src/themes/hawaiian/color/background.json +0 -15
  116. package/src/themes/hawaiian/color/border.json +0 -18
  117. package/src/themes/hawaiian/color/container.json +0 -56
  118. package/src/themes/hawaiian/color/icon.json +0 -24
  119. 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
- }