@aurodesignsystem/design-tokens 5.0.0 → 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 +14 -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 +4 -6
  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/border.json CHANGED
@@ -4,7 +4,6 @@
4
4
  "primary": {
5
5
  "default": {
6
6
  "value": "{color.brand.neutral.800.value}",
7
- "type": "semantic",
8
7
  "public": true,
9
8
  "default": true,
10
9
  "usage": "Primary border color on light backgrounds",
@@ -13,7 +12,6 @@
13
12
  },
14
13
  "inverse": {
15
14
  "value": "{color.brand.neutral.400.value}",
16
- "type": "semantic",
17
15
  "public": true,
18
16
  "inverse": true,
19
17
  "usage": "Primary border color on dark background",
@@ -24,7 +22,6 @@
24
22
  "secondary": {
25
23
  "default": {
26
24
  "value": "{color.brand.neutral.500.value}",
27
- "type": "semantic",
28
25
  "public": true,
29
26
  "default": true,
30
27
  "usage": "Secondary border color on light backgrounds",
@@ -33,7 +30,6 @@
33
30
  },
34
31
  "inverse": {
35
32
  "value": "{color.brand.neutral.600.value}",
36
- "type": "semantic",
37
33
  "public": true,
38
34
  "inverse": true,
39
35
  "usage": "Secondary border color on dark background",
@@ -44,7 +40,6 @@
44
40
  "tertiary": {
45
41
  "default": {
46
42
  "value": "{color.brand.gray.200.value}",
47
- "type": "semantic",
48
43
  "public": true,
49
44
  "default": true,
50
45
  "usage": "Tertiary border color on light backgrounds",
@@ -53,7 +48,6 @@
53
48
  },
54
49
  "inverse": {
55
50
  "value": "{color.brand.gray.700.value}",
56
- "type": "semantic",
57
51
  "public": true,
58
52
  "inverse": true,
59
53
  "usage": "Tertiary border color on dark background",
@@ -64,7 +58,6 @@
64
58
  "error": {
65
59
  "default": {
66
60
  "value": "{color.base.error.400.value}",
67
- "type": "semantic",
68
61
  "public": true,
69
62
  "default": true,
70
63
  "usage": "Error border color on light backgrounds",
@@ -73,7 +66,6 @@
73
66
  },
74
67
  "inverse": {
75
68
  "value": "{color.base.error.200.value}",
76
- "type": "semantic",
77
69
  "public": true,
78
70
  "inverse": true,
79
71
  "usage": "Error border color on dark backgrounds",
@@ -84,7 +76,6 @@
84
76
  "divider": {
85
77
  "default": {
86
78
  "value": "{color.base.black-300.value}",
87
- "type": "semantic",
88
79
  "public": true,
89
80
  "default": true,
90
81
  "usage": "Strict use as divider between elements on light backgrounds",
@@ -93,7 +84,6 @@
93
84
  },
94
85
  "inverse": {
95
86
  "value": "{color.base.white-400.value}",
96
- "type": "semantic",
97
87
  "public": true,
98
88
  "inverse": true,
99
89
  "usage": "Strict use as divider between elements on dark backgrounds",
@@ -104,7 +94,6 @@
104
94
  "subtle": {
105
95
  "default": {
106
96
  "value": "{color.brand.blue.100.value}",
107
- "type": "semantic",
108
97
  "public": true,
109
98
  "default": true,
110
99
  "usage": "Subtle border color on light backgrounds",
@@ -113,7 +102,6 @@
113
102
  },
114
103
  "inverse": {
115
104
  "value": "{color.base.navy.700.value}",
116
- "type": "semantic",
117
105
  "public": true,
118
106
  "inverse": true,
119
107
  "usage": "Subtle border color on dark backgrounds",
@@ -124,7 +112,6 @@
124
112
  "emphasis": {
125
113
  "default": {
126
114
  "value": "{color.brand.navy.900.value}",
127
- "type": "semantic",
128
115
  "public": true,
129
116
  "default": true,
130
117
  "usage": "Emphasis border color on light backgrounds",
@@ -133,7 +120,6 @@
133
120
  },
134
121
  "inverse": {
135
122
  "value": "{color.brand.navy.100.value}",
136
- "type": "semantic",
137
123
  "public": true,
138
124
  "inverse": true,
139
125
  "usage": "Emphasis border color on dark backgrounds",
@@ -144,7 +130,6 @@
144
130
  "accent": {
145
131
  "default": {
146
132
  "value": "{color.brand.lime.300.value}",
147
- "type": "semantic",
148
133
  "public": true,
149
134
  "default": true,
150
135
  "usage": "Accent border color on light backgrounds",
@@ -153,7 +138,6 @@
153
138
  },
154
139
  "inverse": {
155
140
  "value": "{color.brand.lime.400.value}",
156
- "type": "semantic",
157
141
  "public": true,
158
142
  "inverse": true,
159
143
  "usage": "Accent border color on dark backgrounds",
@@ -164,7 +148,6 @@
164
148
  "success": {
165
149
  "default": {
166
150
  "value": "{color.base.success.400.value}",
167
- "type": "semantic",
168
151
  "public": true,
169
152
  "default": true,
170
153
  "usage": "Success border color on light backgrounds",
@@ -173,7 +156,6 @@
173
156
  },
174
157
  "inverse": {
175
158
  "value": "{color.base.success.200.value}",
176
- "type": "semantic",
177
159
  "public": true,
178
160
  "inverse": true,
179
161
  "usage": "Success border color on dark backgrounds",
@@ -184,7 +166,6 @@
184
166
  "warning": {
185
167
  "default": {
186
168
  "value": "{color.base.warning.300.value}",
187
- "type": "semantic",
188
169
  "public": true,
189
170
  "default": true,
190
171
  "usage": "Warning border color on light backgrounds",
@@ -193,7 +174,6 @@
193
174
  },
194
175
  "inverse": {
195
176
  "value": "{color.base.warning.200.value}",
196
- "type": "semantic",
197
177
  "public": true,
198
178
  "inverse": true,
199
179
  "usage": "Warning border color on dark backgrounds",
@@ -204,7 +184,6 @@
204
184
  "info": {
205
185
  "default": {
206
186
  "value": "{color.brand.navy.700.value}",
207
- "type": "semantic",
208
187
  "public": true,
209
188
  "default": true,
210
189
  "usage": "Info border color on light backgrounds",
@@ -213,7 +192,6 @@
213
192
  },
214
193
  "inverse": {
215
194
  "value": "{color.brand.navy.400.value}",
216
- "type": "semantic",
217
195
  "public": true,
218
196
  "inverse": true,
219
197
  "usage": "Info border color on dark backgrounds",
@@ -225,7 +203,6 @@
225
203
  "default": {
226
204
  "default": {
227
205
  "value": "{color.brand.blue.700.value}",
228
- "type": "semantic",
229
206
  "public": true,
230
207
  "default": true,
231
208
  "usage": "Default UI border color on light backgrounds",
@@ -234,7 +211,6 @@
234
211
  },
235
212
  "inverse": {
236
213
  "value": "{color.brand.cyan.400.value}",
237
- "type": "semantic",
238
214
  "public": true,
239
215
  "inverse": true,
240
216
  "usage": "Default UI border color on dark backgrounds",
@@ -245,7 +221,6 @@
245
221
  "hover": {
246
222
  "default": {
247
223
  "value": "{color.brand.blue.900.value}",
248
- "type": "semantic",
249
224
  "public": true,
250
225
  "default": true,
251
226
  "usage": "Hover UI border color on light backgrounds",
@@ -254,7 +229,6 @@
254
229
  },
255
230
  "inverse": {
256
231
  "value": "{color.brand.cyan.200.value}",
257
- "type": "semantic",
258
232
  "public": true,
259
233
  "inverse": true,
260
234
  "usage": "Hover UI border color on dark backgrounds",
@@ -265,7 +239,6 @@
265
239
  "active": {
266
240
  "default": {
267
241
  "value": "{color.brand.blue.800.value}",
268
- "type": "semantic",
269
242
  "public": true,
270
243
  "default": true,
271
244
  "usage": "Active UI border color on light backgrounds",
@@ -274,7 +247,6 @@
274
247
  },
275
248
  "inverse": {
276
249
  "value": "{color.brand.cyan.300.value}",
277
- "type": "semantic",
278
250
  "public": true,
279
251
  "inverse": true,
280
252
  "usage": "Active UI border color on dark backgrounds",
@@ -285,7 +257,6 @@
285
257
  "focus": {
286
258
  "default": {
287
259
  "value": "{color.brand.blue.700.value}",
288
- "type": "semantic",
289
260
  "public": true,
290
261
  "default": true,
291
262
  "usage": "Focus UI border color on light backgrounds",
@@ -294,7 +265,6 @@
294
265
  },
295
266
  "inverse": {
296
267
  "value": "{color.brand.cyan.400.value}",
297
- "type": "semantic",
298
268
  "public": true,
299
269
  "inverse": true,
300
270
  "usage": "Focus UI border color on dark backgrounds",
@@ -305,7 +275,6 @@
305
275
  "disabled": {
306
276
  "default": {
307
277
  "value": "{color.brand.gray.400.value}",
308
- "type": "semantic",
309
278
  "public": true,
310
279
  "default": true,
311
280
  "usage": "Disabled UI border color on light backgrounds",
@@ -314,7 +283,6 @@
314
283
  },
315
284
  "inverse": {
316
285
  "value": "{color.brand.gray.600.value}",
317
- "type": "semantic",
318
286
  "public": true,
319
287
  "inverse": true,
320
288
  "usage": "Disabled UI border color on dark backgrounds",
@@ -326,7 +294,6 @@
326
294
  "active": {
327
295
  "default": {
328
296
  "value": "{color.brand.atlas.400.value}",
329
- "type": "semantic",
330
297
  "public": true,
331
298
  "default": true,
332
299
  "usage": "Active border color on light backgrounds",
@@ -337,7 +304,6 @@
337
304
  },
338
305
  "inverse": {
339
306
  "value": "{color.brand.breeze.300.value}",
340
- "type": "semantic",
341
307
  "public": true,
342
308
  "inverse": true,
343
309
  "usage": "Active border color on dark backgrounds",
@@ -349,7 +315,6 @@
349
315
  "disabled": {
350
316
  "default": {
351
317
  "value": "{color.base.gray.200.value}",
352
- "type": "semantic",
353
318
  "public": true,
354
319
  "default": true,
355
320
  "usage": "Disabled border color on light backgrounds",
@@ -362,7 +327,6 @@
362
327
  "focus": {
363
328
  "default": {
364
329
  "value": "{color.base.gray.500.value}",
365
- "type": "semantic",
366
330
  "public": true,
367
331
  "default": true,
368
332
  "usage": "Focus border color for light backgrounds",