@aurodesignsystem/design-tokens 5.2.1 → 5.3.1
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.
- package/CHANGELOG.md +14 -0
- package/README.md +44 -266
- package/dist/CSSCustomProperties--bundled.css +142 -1
- package/dist/alaska/CSSCustomProperties--alaska.css +48 -1
- package/dist/alaska/JSONVariablesNested--alaska.json +154 -0
- package/dist/alaska/JSObject--allTokens.js +1426 -1
- package/dist/alaska/SCSSVariables--alaska.scss +48 -1
- package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +48 -1
- package/dist/alaska/primitives--alaska.scss +1 -1
- package/dist/alaska-classic/CSSCustomProperties--alaskaClassic.css +48 -1
- package/dist/alaska-classic/JSONVariablesNested--alaskaClassic.json +154 -0
- package/dist/alaska-classic/JSObject--allTokens.js +1426 -1
- package/dist/alaska-classic/SCSSVariables--alaskaClassic.scss +48 -1
- package/dist/alaska-classic/SCSSVariablesMapFlat--alaskaClassic.scss +48 -1
- package/dist/alaska-classic/primitives--alaskaClassic.scss +1 -1
- package/dist/auro-classic/CSSCustomProperties.css +1 -1
- package/dist/auro-classic/CSSSizeCustomProperties.css +1 -1
- package/dist/auro-classic/JSData--color.js +1 -1
- package/dist/auro-classic/JSObject--allTokens.js +1 -1
- package/dist/auro-classic/JSObject--deprecated.js +1 -1
- package/dist/auro-classic/JSVariables--color.js +1 -1
- package/dist/auro-classic/SCSSVariableMap.scss +1 -1
- package/dist/auro-classic/SCSSVariables.scss +1 -1
- package/dist/auro-classic/SCSSVariablesMapFlat.scss +1 -1
- package/dist/auro-classic/SassCustomProperties.scss +1 -1
- package/dist/auro-classic/SassSizeCustomProperties.scss +1 -1
- package/dist/hawaiian/CSSCustomProperties--hawaiian.css +48 -1
- package/dist/hawaiian/JSONVariablesNested--hawaiian.json +154 -0
- package/dist/hawaiian/JSObject--allTokens.js +1426 -1
- package/dist/hawaiian/SCSSVariables--hawaiian.scss +48 -1
- package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +48 -1
- package/dist/hawaiian/primitives--hawaiian.scss +1 -1
- package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
- package/package.json +3 -2
- package/src/themes/alaska/component.json +392 -0
- package/src/themes/alaska-classic/component.json +392 -0
- package/src/themes/hawaiian/component.json +392 -0
|
@@ -0,0 +1,392 @@
|
|
|
1
|
+
{
|
|
2
|
+
"component": {
|
|
3
|
+
"selected": {
|
|
4
|
+
"hover": {
|
|
5
|
+
"value": "{color.brand.primaryBold.value}",
|
|
6
|
+
"type": "semantic",
|
|
7
|
+
"public": true,
|
|
8
|
+
"default": true,
|
|
9
|
+
"usage": "Selected hover state color",
|
|
10
|
+
"deprecated": false
|
|
11
|
+
}
|
|
12
|
+
},
|
|
13
|
+
"focused": {
|
|
14
|
+
"value": "{color.brand.primary.value}",
|
|
15
|
+
"type": "semantic",
|
|
16
|
+
"public": true,
|
|
17
|
+
"default": true,
|
|
18
|
+
"usage": "Focused component color",
|
|
19
|
+
"deprecated": false
|
|
20
|
+
},
|
|
21
|
+
"inverseFocused": {
|
|
22
|
+
"value": "{color.brand.tertiary.value}",
|
|
23
|
+
"type": "semantic",
|
|
24
|
+
"public": true,
|
|
25
|
+
"default": true,
|
|
26
|
+
"usage": "Inverse focused component color",
|
|
27
|
+
"deprecated": false
|
|
28
|
+
},
|
|
29
|
+
"background": {
|
|
30
|
+
"value": "{color.white.value}",
|
|
31
|
+
"type": "semantic",
|
|
32
|
+
"public": true,
|
|
33
|
+
"default": true,
|
|
34
|
+
"usage": "Component background color",
|
|
35
|
+
"deprecated": false
|
|
36
|
+
},
|
|
37
|
+
"backgroundHover": {
|
|
38
|
+
"value": "{color.gray.100.value}",
|
|
39
|
+
"type": "semantic",
|
|
40
|
+
"public": true,
|
|
41
|
+
"default": true,
|
|
42
|
+
"usage": "Component background hover color",
|
|
43
|
+
"deprecated": false
|
|
44
|
+
},
|
|
45
|
+
"backgroundDisabled": {
|
|
46
|
+
"value": "{color.gray.200.value}",
|
|
47
|
+
"type": "semantic",
|
|
48
|
+
"public": true,
|
|
49
|
+
"default": true,
|
|
50
|
+
"usage": "Component background disabled color",
|
|
51
|
+
"deprecated": false
|
|
52
|
+
},
|
|
53
|
+
"backgroundMuted": {
|
|
54
|
+
"value": "{color.gray.50.value}",
|
|
55
|
+
"type": "semantic",
|
|
56
|
+
"public": true,
|
|
57
|
+
"default": true,
|
|
58
|
+
"usage": "Component background muted color",
|
|
59
|
+
"deprecated": false
|
|
60
|
+
},
|
|
61
|
+
"backgroundStrong": {
|
|
62
|
+
"value": "{color.gray.600.value}",
|
|
63
|
+
"type": "semantic",
|
|
64
|
+
"public": true,
|
|
65
|
+
"default": true,
|
|
66
|
+
"usage": "Component background strong color",
|
|
67
|
+
"deprecated": false
|
|
68
|
+
},
|
|
69
|
+
"button": {
|
|
70
|
+
"primary": {
|
|
71
|
+
"text": {
|
|
72
|
+
"value": "{color.white.value}",
|
|
73
|
+
"type": "semantic",
|
|
74
|
+
"public": true,
|
|
75
|
+
"default": true,
|
|
76
|
+
"usage": "Primary button text color",
|
|
77
|
+
"deprecated": false
|
|
78
|
+
},
|
|
79
|
+
"border": {
|
|
80
|
+
"value": "{color.brand.primary.value}",
|
|
81
|
+
"type": "semantic",
|
|
82
|
+
"public": true,
|
|
83
|
+
"default": true,
|
|
84
|
+
"usage": "Primary button border color",
|
|
85
|
+
"deprecated": false
|
|
86
|
+
},
|
|
87
|
+
"borderHover": {
|
|
88
|
+
"value": "{color.brand.primaryBold.value}",
|
|
89
|
+
"type": "semantic",
|
|
90
|
+
"public": true,
|
|
91
|
+
"default": true,
|
|
92
|
+
"usage": "Primary button border hover color",
|
|
93
|
+
"deprecated": false
|
|
94
|
+
},
|
|
95
|
+
"background": {
|
|
96
|
+
"value": "{color.brand.primary.value}",
|
|
97
|
+
"type": "semantic",
|
|
98
|
+
"public": true,
|
|
99
|
+
"default": true,
|
|
100
|
+
"usage": "Primary button background color",
|
|
101
|
+
"deprecated": false
|
|
102
|
+
},
|
|
103
|
+
"backgroundHover": {
|
|
104
|
+
"value": "{color.brand.primaryBold.value}",
|
|
105
|
+
"type": "semantic",
|
|
106
|
+
"public": true,
|
|
107
|
+
"default": true,
|
|
108
|
+
"usage": "Primary button background hover color",
|
|
109
|
+
"deprecated": false
|
|
110
|
+
},
|
|
111
|
+
"backgroundActive": {
|
|
112
|
+
"value": "{color.brand.primaryBold.value}",
|
|
113
|
+
"type": "semantic",
|
|
114
|
+
"public": true,
|
|
115
|
+
"default": true,
|
|
116
|
+
"usage": "Primary button background active color",
|
|
117
|
+
"deprecated": false
|
|
118
|
+
},
|
|
119
|
+
"textInverse": {
|
|
120
|
+
"value": "{color.texticon.default.value}",
|
|
121
|
+
"type": "semantic",
|
|
122
|
+
"public": true,
|
|
123
|
+
"default": true,
|
|
124
|
+
"usage": "Primary button inverse text color",
|
|
125
|
+
"deprecated": false
|
|
126
|
+
},
|
|
127
|
+
"borderInverse": {
|
|
128
|
+
"value": "{color.brand.tertiary.value}",
|
|
129
|
+
"type": "semantic",
|
|
130
|
+
"public": true,
|
|
131
|
+
"default": true,
|
|
132
|
+
"usage": "Primary button inverse border color",
|
|
133
|
+
"deprecated": false
|
|
134
|
+
},
|
|
135
|
+
"backgroundInverse": {
|
|
136
|
+
"value": "{color.brand.tertiary.value}",
|
|
137
|
+
"type": "semantic",
|
|
138
|
+
"public": true,
|
|
139
|
+
"default": true,
|
|
140
|
+
"usage": "Primary button inverse background color",
|
|
141
|
+
"deprecated": false
|
|
142
|
+
},
|
|
143
|
+
"borderInverseHover": {
|
|
144
|
+
"value": "{color.brand.tertiarySubtle.value}",
|
|
145
|
+
"type": "semantic",
|
|
146
|
+
"public": true,
|
|
147
|
+
"default": true,
|
|
148
|
+
"usage": "Primary button inverse border hover color",
|
|
149
|
+
"deprecated": false
|
|
150
|
+
},
|
|
151
|
+
"backgroundInverseHover": {
|
|
152
|
+
"value": "{color.brand.tertiarySubtle.value}",
|
|
153
|
+
"type": "semantic",
|
|
154
|
+
"public": true,
|
|
155
|
+
"default": true,
|
|
156
|
+
"usage": "Primary button inverse background hover color",
|
|
157
|
+
"deprecated": false
|
|
158
|
+
}
|
|
159
|
+
},
|
|
160
|
+
"secondary": {
|
|
161
|
+
"text": {
|
|
162
|
+
"value": "{color.brand.primary.value}",
|
|
163
|
+
"type": "semantic",
|
|
164
|
+
"public": true,
|
|
165
|
+
"default": true,
|
|
166
|
+
"usage": "Secondary button text color",
|
|
167
|
+
"deprecated": false
|
|
168
|
+
},
|
|
169
|
+
"textHover": {
|
|
170
|
+
"value": "{color.brand.secondary.value}",
|
|
171
|
+
"type": "semantic",
|
|
172
|
+
"public": true,
|
|
173
|
+
"default": true,
|
|
174
|
+
"usage": "Secondary button text hover color",
|
|
175
|
+
"deprecated": false
|
|
176
|
+
},
|
|
177
|
+
"border": {
|
|
178
|
+
"value": "{color.brand.primary.value}",
|
|
179
|
+
"type": "semantic",
|
|
180
|
+
"public": true,
|
|
181
|
+
"default": true,
|
|
182
|
+
"usage": "Secondary button border color",
|
|
183
|
+
"deprecated": false
|
|
184
|
+
},
|
|
185
|
+
"borderHover": {
|
|
186
|
+
"value": "{color.brand.primaryBold.value}",
|
|
187
|
+
"type": "semantic",
|
|
188
|
+
"public": true,
|
|
189
|
+
"default": true,
|
|
190
|
+
"usage": "Secondary button border hover color",
|
|
191
|
+
"deprecated": false
|
|
192
|
+
},
|
|
193
|
+
"background": {
|
|
194
|
+
"value": "{color.white.value}",
|
|
195
|
+
"type": "semantic",
|
|
196
|
+
"public": true,
|
|
197
|
+
"default": true,
|
|
198
|
+
"usage": "Secondary button background color",
|
|
199
|
+
"deprecated": false
|
|
200
|
+
},
|
|
201
|
+
"backgroundHover": {
|
|
202
|
+
"value": "{color.gray.100.value}",
|
|
203
|
+
"type": "semantic",
|
|
204
|
+
"public": true,
|
|
205
|
+
"default": true,
|
|
206
|
+
"usage": "Secondary button background hover color",
|
|
207
|
+
"deprecated": false
|
|
208
|
+
},
|
|
209
|
+
"textInverse": {
|
|
210
|
+
"value": "{color.brand.tertiary.value}",
|
|
211
|
+
"type": "semantic",
|
|
212
|
+
"public": true,
|
|
213
|
+
"default": true,
|
|
214
|
+
"usage": "Secondary button inverse text color",
|
|
215
|
+
"deprecated": false
|
|
216
|
+
},
|
|
217
|
+
"borderInverse": {
|
|
218
|
+
"value": "{color.brand.tertiary.value}",
|
|
219
|
+
"type": "semantic",
|
|
220
|
+
"public": true,
|
|
221
|
+
"default": true,
|
|
222
|
+
"usage": "Secondary button inverse border color",
|
|
223
|
+
"deprecated": false
|
|
224
|
+
},
|
|
225
|
+
"backgroundInverseHover": {
|
|
226
|
+
"value": "{color.brand.tertiaryMuted.value}",
|
|
227
|
+
"type": "semantic",
|
|
228
|
+
"public": true,
|
|
229
|
+
"default": true,
|
|
230
|
+
"usage": "Secondary button inverse background hover color",
|
|
231
|
+
"deprecated": false
|
|
232
|
+
}
|
|
233
|
+
},
|
|
234
|
+
"tertiary": {
|
|
235
|
+
"text": {
|
|
236
|
+
"value": "{color.brand.primary.value}",
|
|
237
|
+
"type": "semantic",
|
|
238
|
+
"public": true,
|
|
239
|
+
"default": true,
|
|
240
|
+
"usage": "Tertiary button text color",
|
|
241
|
+
"deprecated": false
|
|
242
|
+
},
|
|
243
|
+
"textHover": {
|
|
244
|
+
"value": "{color.brand.primaryBold.value}",
|
|
245
|
+
"type": "semantic",
|
|
246
|
+
"public": true,
|
|
247
|
+
"default": true,
|
|
248
|
+
"usage": "Tertiary button text hover color",
|
|
249
|
+
"deprecated": false
|
|
250
|
+
},
|
|
251
|
+
"background": {
|
|
252
|
+
"value": "{transparency.black.5.value}",
|
|
253
|
+
"type": "semantic",
|
|
254
|
+
"public": true,
|
|
255
|
+
"default": true,
|
|
256
|
+
"usage": "Tertiary button background color",
|
|
257
|
+
"deprecated": false
|
|
258
|
+
},
|
|
259
|
+
"backgroundHover": {
|
|
260
|
+
"value": "{transparency.black.10.value}",
|
|
261
|
+
"type": "semantic",
|
|
262
|
+
"public": true,
|
|
263
|
+
"default": true,
|
|
264
|
+
"usage": "Tertiary button background hover color",
|
|
265
|
+
"deprecated": false
|
|
266
|
+
},
|
|
267
|
+
"border": {
|
|
268
|
+
"value": "{transparency.black.5.value}",
|
|
269
|
+
"type": "semantic",
|
|
270
|
+
"public": true,
|
|
271
|
+
"default": true,
|
|
272
|
+
"usage": "Tertiary button border color",
|
|
273
|
+
"deprecated": false
|
|
274
|
+
},
|
|
275
|
+
"borderHover": {
|
|
276
|
+
"value": "{transparency.black.10.value}",
|
|
277
|
+
"type": "semantic",
|
|
278
|
+
"public": true,
|
|
279
|
+
"default": true,
|
|
280
|
+
"usage": "Tertiary button border hover color",
|
|
281
|
+
"deprecated": false
|
|
282
|
+
},
|
|
283
|
+
"textInverse": {
|
|
284
|
+
"value": "{color.brand.tertiary.value}",
|
|
285
|
+
"type": "semantic",
|
|
286
|
+
"public": true,
|
|
287
|
+
"default": true,
|
|
288
|
+
"usage": "Tertiary button inverse text color",
|
|
289
|
+
"deprecated": false
|
|
290
|
+
},
|
|
291
|
+
"backgroundInverse": {
|
|
292
|
+
"value": "{transparency.white.5.value}",
|
|
293
|
+
"type": "semantic",
|
|
294
|
+
"public": true,
|
|
295
|
+
"default": true,
|
|
296
|
+
"usage": "Tertiary button inverse background color",
|
|
297
|
+
"deprecated": false
|
|
298
|
+
},
|
|
299
|
+
"backgroundInverseHover": {
|
|
300
|
+
"value": "{transparency.white.10.value}",
|
|
301
|
+
"type": "semantic",
|
|
302
|
+
"public": true,
|
|
303
|
+
"default": true,
|
|
304
|
+
"usage": "Tertiary button inverse background hover color",
|
|
305
|
+
"deprecated": false
|
|
306
|
+
},
|
|
307
|
+
"borderInverse": {
|
|
308
|
+
"value": "{transparency.white.5.value}",
|
|
309
|
+
"type": "semantic",
|
|
310
|
+
"public": true,
|
|
311
|
+
"default": true,
|
|
312
|
+
"usage": "Tertiary button inverse border color",
|
|
313
|
+
"deprecated": false
|
|
314
|
+
},
|
|
315
|
+
"borderInverseHover": {
|
|
316
|
+
"value": "{transparency.white.10.value}",
|
|
317
|
+
"type": "semantic",
|
|
318
|
+
"public": true,
|
|
319
|
+
"default": true,
|
|
320
|
+
"usage": "Tertiary button inverse border hover color",
|
|
321
|
+
"deprecated": false
|
|
322
|
+
}
|
|
323
|
+
}
|
|
324
|
+
},
|
|
325
|
+
"boolean": {
|
|
326
|
+
"indicator": {
|
|
327
|
+
"value": "{color.white.value}",
|
|
328
|
+
"type": "semantic",
|
|
329
|
+
"public": true,
|
|
330
|
+
"default": true,
|
|
331
|
+
"usage": "Boolean indicator color",
|
|
332
|
+
"deprecated": false
|
|
333
|
+
},
|
|
334
|
+
"isFalse": {
|
|
335
|
+
"value": "{color.surface.default.value}",
|
|
336
|
+
"type": "semantic",
|
|
337
|
+
"public": true,
|
|
338
|
+
"default": true,
|
|
339
|
+
"usage": "Boolean false state color",
|
|
340
|
+
"deprecated": false
|
|
341
|
+
},
|
|
342
|
+
"isFalseHover": {
|
|
343
|
+
"value": "{color.gray.100.value}",
|
|
344
|
+
"type": "semantic",
|
|
345
|
+
"public": true,
|
|
346
|
+
"default": true,
|
|
347
|
+
"usage": "Boolean false hover state color",
|
|
348
|
+
"deprecated": false
|
|
349
|
+
},
|
|
350
|
+
"isFalseBorder": {
|
|
351
|
+
"value": "{color.border.bold.value}",
|
|
352
|
+
"type": "semantic",
|
|
353
|
+
"public": true,
|
|
354
|
+
"default": true,
|
|
355
|
+
"usage": "Boolean false border color",
|
|
356
|
+
"deprecated": false
|
|
357
|
+
},
|
|
358
|
+
"isTrue": {
|
|
359
|
+
"value": "{color.brand.primary.value}",
|
|
360
|
+
"type": "semantic",
|
|
361
|
+
"public": true,
|
|
362
|
+
"default": true,
|
|
363
|
+
"usage": "Boolean true state color",
|
|
364
|
+
"deprecated": false
|
|
365
|
+
},
|
|
366
|
+
"isTrueHover": {
|
|
367
|
+
"value": "{color.brand.primaryBold.value}",
|
|
368
|
+
"type": "semantic",
|
|
369
|
+
"public": true,
|
|
370
|
+
"default": true,
|
|
371
|
+
"usage": "Boolean true hover state color",
|
|
372
|
+
"deprecated": false
|
|
373
|
+
},
|
|
374
|
+
"error": {
|
|
375
|
+
"value": "{color.status.error.value}",
|
|
376
|
+
"type": "semantic",
|
|
377
|
+
"public": true,
|
|
378
|
+
"default": true,
|
|
379
|
+
"usage": "Boolean error state color",
|
|
380
|
+
"deprecated": false
|
|
381
|
+
},
|
|
382
|
+
"errorHover": {
|
|
383
|
+
"value": "{color.status.error.800.value}",
|
|
384
|
+
"type": "semantic",
|
|
385
|
+
"public": true,
|
|
386
|
+
"default": true,
|
|
387
|
+
"usage": "Boolean error hover state color",
|
|
388
|
+
"deprecated": false
|
|
389
|
+
}
|
|
390
|
+
}
|
|
391
|
+
}
|
|
392
|
+
}
|