@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/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
- }