@aurodesignsystem/design-tokens 4.10.2 → 4.12.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.
- package/CHANGELOG.md +15 -0
- package/dist/tokens/CSSCustomProperties.css +2 -1
- package/dist/tokens/CSSSizeCustomProperties.css +2 -1
- package/dist/tokens/JSData--color.js +1 -1
- package/dist/tokens/JSONVariablesFlat.json +1 -0
- package/dist/tokens/JSONVariablesNested.json +1 -0
- package/dist/tokens/JSObject--allTokens.js +24 -1
- package/dist/tokens/JSObject--deprecated.js +1 -1
- package/dist/tokens/JSVariables--color.js +1 -1
- package/dist/tokens/SCSSVariableMap.scss +3 -1
- package/dist/tokens/SCSSVariables.scss +2 -1
- package/dist/tokens/SCSSVariablesMapFlat.scss +3 -1
- package/dist/tokens/SassCustomProperties.scss +2 -1
- package/dist/tokens/SassSizeCustomProperties.scss +2 -1
- package/dist/tokens/darkmode/CSSCustomProperties.css +1 -1
- package/dist/tokens/darkmode/JSDataColor.js +1 -1
- package/dist/tokens/darkmode/JSObject--deprecatedDark.js +1 -1
- package/dist/tokens/darkmode/JSVariablesColor.js +1 -1
- package/dist/tokens/darkmode/SCSSVariables.scss +1 -1
- package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +1 -1
- package/dist/tokens/darkmode/SassCustomProperties.scss +1 -1
- package/dist/tokens/hawaiian/CSSCustomProperties.css +20 -0
- package/dist/tokens/transparent/CSSCustomProperties.css +615 -0
- package/package.json +1 -1
- package/src/size/scale.json +6 -0
- package/src/themes/hawaiian/color/background.json +15 -0
- package/src/themes/hawaiian/color/border.json +18 -0
- package/src/themes/hawaiian/color/container.json +56 -0
- package/src/themes/hawaiian/color/icon.json +24 -0
- package/src/themes/hawaiian/color/text.json +44 -0
- package/src/themes/transparent/color/alert.json +90 -0
- package/src/themes/transparent/color/background.json +263 -0
- package/src/themes/transparent/color/base.json +1303 -0
- package/src/themes/transparent/color/border.json +341 -0
- package/src/themes/transparent/color/brand.json +1561 -0
- package/src/themes/transparent/color/container.json +464 -0
- package/src/themes/transparent/color/icon.json +602 -0
- package/src/themes/transparent/color/text.json +282 -0
- package/src/themes/transparent/color/tier.json +194 -0
- package/src/themes/transparent/color/ui.json +125 -0
- package/src/themes/transparent/color/utility.json +276 -0
- package/src/themes/transparent/elevation.json +22 -0
|
@@ -0,0 +1,341 @@
|
|
|
1
|
+
{
|
|
2
|
+
"color": {
|
|
3
|
+
"border": {
|
|
4
|
+
"primary": {
|
|
5
|
+
"default": {
|
|
6
|
+
"value": "{color.brand.neutral.800.value}",
|
|
7
|
+
"public": true,
|
|
8
|
+
"default": true,
|
|
9
|
+
"usage": "Primary border color on light backgrounds",
|
|
10
|
+
"wcag": "n/a",
|
|
11
|
+
"deprecated": false
|
|
12
|
+
},
|
|
13
|
+
"inverse": {
|
|
14
|
+
"value": "{color.brand.neutral.400.value}",
|
|
15
|
+
"public": true,
|
|
16
|
+
"inverse": true,
|
|
17
|
+
"usage": "Primary border color on dark background",
|
|
18
|
+
"wcag": "n/a",
|
|
19
|
+
"deprecated": false
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
"secondary": {
|
|
23
|
+
"default": {
|
|
24
|
+
"value": "{color.brand.neutral.500.value}",
|
|
25
|
+
"public": true,
|
|
26
|
+
"default": true,
|
|
27
|
+
"usage": "Secondary border color on light backgrounds",
|
|
28
|
+
"wcag": "n/a",
|
|
29
|
+
"deprecated": false
|
|
30
|
+
},
|
|
31
|
+
"inverse": {
|
|
32
|
+
"value": "{color.brand.neutral.600.value}",
|
|
33
|
+
"public": true,
|
|
34
|
+
"inverse": true,
|
|
35
|
+
"usage": "Secondary border color on dark background",
|
|
36
|
+
"wcag": "n/a",
|
|
37
|
+
"deprecated": false
|
|
38
|
+
}
|
|
39
|
+
},
|
|
40
|
+
"tertiary": {
|
|
41
|
+
"default": {
|
|
42
|
+
"value": "{color.brand.gray.200.value}",
|
|
43
|
+
"public": true,
|
|
44
|
+
"default": true,
|
|
45
|
+
"usage": "Tertiary border color on light backgrounds",
|
|
46
|
+
"wcag": "n/a",
|
|
47
|
+
"deprecated": false
|
|
48
|
+
},
|
|
49
|
+
"inverse": {
|
|
50
|
+
"value": "{color.brand.gray.700.value}",
|
|
51
|
+
"public": true,
|
|
52
|
+
"inverse": true,
|
|
53
|
+
"usage": "Tertiary border color on dark background",
|
|
54
|
+
"wcag": "n/a",
|
|
55
|
+
"deprecated": false
|
|
56
|
+
}
|
|
57
|
+
},
|
|
58
|
+
"error": {
|
|
59
|
+
"default": {
|
|
60
|
+
"value": "{color.base.error.400.value}",
|
|
61
|
+
"public": true,
|
|
62
|
+
"default": true,
|
|
63
|
+
"usage": "Error border color on light backgrounds",
|
|
64
|
+
"wcag": "n/a",
|
|
65
|
+
"deprecated": false
|
|
66
|
+
},
|
|
67
|
+
"inverse": {
|
|
68
|
+
"value": "{color.base.error.200.value}",
|
|
69
|
+
"public": true,
|
|
70
|
+
"inverse": true,
|
|
71
|
+
"usage": "Error border color on dark backgrounds",
|
|
72
|
+
"wcag": "n/a",
|
|
73
|
+
"deprecated": false
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
"divider": {
|
|
77
|
+
"default": {
|
|
78
|
+
"value": "{color.base.black-300.value}",
|
|
79
|
+
"public": true,
|
|
80
|
+
"default": true,
|
|
81
|
+
"usage": "Strict use as divider between elements on light backgrounds",
|
|
82
|
+
"wcag": "n/a",
|
|
83
|
+
"deprecated": false
|
|
84
|
+
},
|
|
85
|
+
"inverse": {
|
|
86
|
+
"value": "{color.base.white-400.value}",
|
|
87
|
+
"public": true,
|
|
88
|
+
"inverse": true,
|
|
89
|
+
"usage": "Strict use as divider between elements on dark backgrounds",
|
|
90
|
+
"wcag": "n/a",
|
|
91
|
+
"deprecated": false
|
|
92
|
+
}
|
|
93
|
+
},
|
|
94
|
+
"subtle": {
|
|
95
|
+
"default": {
|
|
96
|
+
"value": "{color.brand.blue.100.value}",
|
|
97
|
+
"public": true,
|
|
98
|
+
"default": true,
|
|
99
|
+
"usage": "Subtle border color on light backgrounds",
|
|
100
|
+
"wcag": "n/a",
|
|
101
|
+
"deprecated": false
|
|
102
|
+
},
|
|
103
|
+
"inverse": {
|
|
104
|
+
"value": "{color.base.navy.700.value}",
|
|
105
|
+
"public": true,
|
|
106
|
+
"inverse": true,
|
|
107
|
+
"usage": "Subtle border color on dark backgrounds",
|
|
108
|
+
"wcag": "n/a",
|
|
109
|
+
"deprecated": false
|
|
110
|
+
}
|
|
111
|
+
},
|
|
112
|
+
"emphasis": {
|
|
113
|
+
"default": {
|
|
114
|
+
"value": "{color.brand.navy.900.value}",
|
|
115
|
+
"public": true,
|
|
116
|
+
"default": true,
|
|
117
|
+
"usage": "Emphasis border color on light backgrounds",
|
|
118
|
+
"wcag": "n/a",
|
|
119
|
+
"deprecated": false
|
|
120
|
+
},
|
|
121
|
+
"inverse": {
|
|
122
|
+
"value": "{color.brand.navy.100.value}",
|
|
123
|
+
"public": true,
|
|
124
|
+
"inverse": true,
|
|
125
|
+
"usage": "Emphasis border color on dark backgrounds",
|
|
126
|
+
"wcag": "n/a",
|
|
127
|
+
"deprecated": false
|
|
128
|
+
}
|
|
129
|
+
},
|
|
130
|
+
"accent": {
|
|
131
|
+
"default": {
|
|
132
|
+
"value": "{color.brand.lime.300.value}",
|
|
133
|
+
"public": true,
|
|
134
|
+
"default": true,
|
|
135
|
+
"usage": "Accent border color on light backgrounds",
|
|
136
|
+
"wcag": "n/a",
|
|
137
|
+
"deprecated": false
|
|
138
|
+
},
|
|
139
|
+
"inverse": {
|
|
140
|
+
"value": "{color.brand.lime.400.value}",
|
|
141
|
+
"public": true,
|
|
142
|
+
"inverse": true,
|
|
143
|
+
"usage": "Accent border color on dark backgrounds",
|
|
144
|
+
"wcag": "n/a",
|
|
145
|
+
"deprecated": false
|
|
146
|
+
}
|
|
147
|
+
},
|
|
148
|
+
"success": {
|
|
149
|
+
"default": {
|
|
150
|
+
"value": "{color.base.success.400.value}",
|
|
151
|
+
"public": true,
|
|
152
|
+
"default": true,
|
|
153
|
+
"usage": "Success border color on light backgrounds",
|
|
154
|
+
"wcag": "n/a",
|
|
155
|
+
"deprecated": false
|
|
156
|
+
},
|
|
157
|
+
"inverse": {
|
|
158
|
+
"value": "{color.base.success.200.value}",
|
|
159
|
+
"public": true,
|
|
160
|
+
"inverse": true,
|
|
161
|
+
"usage": "Success border color on dark backgrounds",
|
|
162
|
+
"wcag": "n/a",
|
|
163
|
+
"deprecated": false
|
|
164
|
+
}
|
|
165
|
+
},
|
|
166
|
+
"warning": {
|
|
167
|
+
"default": {
|
|
168
|
+
"value": "{color.base.warning.300.value}",
|
|
169
|
+
"public": true,
|
|
170
|
+
"default": true,
|
|
171
|
+
"usage": "Warning border color on light backgrounds",
|
|
172
|
+
"wcag": "n/a",
|
|
173
|
+
"deprecated": false
|
|
174
|
+
},
|
|
175
|
+
"inverse": {
|
|
176
|
+
"value": "{color.base.warning.200.value}",
|
|
177
|
+
"public": true,
|
|
178
|
+
"inverse": true,
|
|
179
|
+
"usage": "Warning border color on dark backgrounds",
|
|
180
|
+
"wcag": "n/a",
|
|
181
|
+
"deprecated": false
|
|
182
|
+
}
|
|
183
|
+
},
|
|
184
|
+
"info": {
|
|
185
|
+
"default": {
|
|
186
|
+
"value": "{color.brand.navy.700.value}",
|
|
187
|
+
"public": true,
|
|
188
|
+
"default": true,
|
|
189
|
+
"usage": "Info border color on light backgrounds",
|
|
190
|
+
"wcag": "n/a",
|
|
191
|
+
"deprecated": false
|
|
192
|
+
},
|
|
193
|
+
"inverse": {
|
|
194
|
+
"value": "{color.brand.navy.400.value}",
|
|
195
|
+
"public": true,
|
|
196
|
+
"inverse": true,
|
|
197
|
+
"usage": "Info border color on dark backgrounds",
|
|
198
|
+
"wcag": "n/a",
|
|
199
|
+
"deprecated": false
|
|
200
|
+
}
|
|
201
|
+
},
|
|
202
|
+
"ui": {
|
|
203
|
+
"default": {
|
|
204
|
+
"default": {
|
|
205
|
+
"value": "{color.brand.blue.700.value}",
|
|
206
|
+
"public": true,
|
|
207
|
+
"default": true,
|
|
208
|
+
"usage": "Default UI border color on light backgrounds",
|
|
209
|
+
"wcag": "n/a",
|
|
210
|
+
"deprecated": false
|
|
211
|
+
},
|
|
212
|
+
"inverse": {
|
|
213
|
+
"value": "{color.brand.cyan.400.value}",
|
|
214
|
+
"public": true,
|
|
215
|
+
"inverse": true,
|
|
216
|
+
"usage": "Default UI border color on dark backgrounds",
|
|
217
|
+
"wcag": "n/a",
|
|
218
|
+
"deprecated": false
|
|
219
|
+
}
|
|
220
|
+
},
|
|
221
|
+
"hover": {
|
|
222
|
+
"default": {
|
|
223
|
+
"value": "{color.brand.blue.900.value}",
|
|
224
|
+
"public": true,
|
|
225
|
+
"default": true,
|
|
226
|
+
"usage": "Hover UI border color on light backgrounds",
|
|
227
|
+
"wcag": "n/a",
|
|
228
|
+
"deprecated": false
|
|
229
|
+
},
|
|
230
|
+
"inverse": {
|
|
231
|
+
"value": "{color.brand.cyan.200.value}",
|
|
232
|
+
"public": true,
|
|
233
|
+
"inverse": true,
|
|
234
|
+
"usage": "Hover UI border color on dark backgrounds",
|
|
235
|
+
"wcag": "n/a",
|
|
236
|
+
"deprecated": false
|
|
237
|
+
}
|
|
238
|
+
},
|
|
239
|
+
"active": {
|
|
240
|
+
"default": {
|
|
241
|
+
"value": "{color.brand.blue.800.value}",
|
|
242
|
+
"public": true,
|
|
243
|
+
"default": true,
|
|
244
|
+
"usage": "Active UI border color on light backgrounds",
|
|
245
|
+
"wcag": "n/a",
|
|
246
|
+
"deprecated": false
|
|
247
|
+
},
|
|
248
|
+
"inverse": {
|
|
249
|
+
"value": "{color.brand.cyan.300.value}",
|
|
250
|
+
"public": true,
|
|
251
|
+
"inverse": true,
|
|
252
|
+
"usage": "Active UI border color on dark backgrounds",
|
|
253
|
+
"wcag": "n/a",
|
|
254
|
+
"deprecated": false
|
|
255
|
+
}
|
|
256
|
+
},
|
|
257
|
+
"focus": {
|
|
258
|
+
"default": {
|
|
259
|
+
"value": "{color.brand.blue.700.value}",
|
|
260
|
+
"public": true,
|
|
261
|
+
"default": true,
|
|
262
|
+
"usage": "Focus UI border color on light backgrounds",
|
|
263
|
+
"wcag": "n/a",
|
|
264
|
+
"deprecated": false
|
|
265
|
+
},
|
|
266
|
+
"inverse": {
|
|
267
|
+
"value": "{color.brand.cyan.400.value}",
|
|
268
|
+
"public": true,
|
|
269
|
+
"inverse": true,
|
|
270
|
+
"usage": "Focus UI border color on dark backgrounds",
|
|
271
|
+
"wcag": "n/a",
|
|
272
|
+
"deprecated": false
|
|
273
|
+
}
|
|
274
|
+
},
|
|
275
|
+
"disabled": {
|
|
276
|
+
"default": {
|
|
277
|
+
"value": "{color.brand.gray.400.value}",
|
|
278
|
+
"public": true,
|
|
279
|
+
"default": true,
|
|
280
|
+
"usage": "Disabled UI border color on light backgrounds",
|
|
281
|
+
"wcag": "n/a",
|
|
282
|
+
"deprecated": false
|
|
283
|
+
},
|
|
284
|
+
"inverse": {
|
|
285
|
+
"value": "{color.brand.gray.600.value}",
|
|
286
|
+
"public": true,
|
|
287
|
+
"inverse": true,
|
|
288
|
+
"usage": "Disabled UI border color on dark backgrounds",
|
|
289
|
+
"wcag": "n/a",
|
|
290
|
+
"deprecated": false
|
|
291
|
+
}
|
|
292
|
+
}
|
|
293
|
+
},
|
|
294
|
+
"active": {
|
|
295
|
+
"default": {
|
|
296
|
+
"value": "{color.brand.atlas.400.value}",
|
|
297
|
+
"public": true,
|
|
298
|
+
"default": true,
|
|
299
|
+
"usage": "Active border color on light backgrounds",
|
|
300
|
+
"wcag": "n/a",
|
|
301
|
+
"deprecated": true,
|
|
302
|
+
"version": "4.5.0",
|
|
303
|
+
"reference": "n/a"
|
|
304
|
+
},
|
|
305
|
+
"inverse": {
|
|
306
|
+
"value": "{color.brand.breeze.300.value}",
|
|
307
|
+
"public": true,
|
|
308
|
+
"inverse": true,
|
|
309
|
+
"usage": "Active border color on dark backgrounds",
|
|
310
|
+
"deprecated": true,
|
|
311
|
+
"version": "4.5.0",
|
|
312
|
+
"reference": "n/a"
|
|
313
|
+
}
|
|
314
|
+
},
|
|
315
|
+
"disabled": {
|
|
316
|
+
"default": {
|
|
317
|
+
"value": "{color.base.gray.200.value}",
|
|
318
|
+
"public": true,
|
|
319
|
+
"default": true,
|
|
320
|
+
"usage": "Disabled border color on light backgrounds",
|
|
321
|
+
"wcag": "n/a",
|
|
322
|
+
"deprecated": true,
|
|
323
|
+
"version": "4.5.0",
|
|
324
|
+
"reference": "n/a"
|
|
325
|
+
}
|
|
326
|
+
},
|
|
327
|
+
"focus": {
|
|
328
|
+
"default": {
|
|
329
|
+
"value": "{color.base.gray.500.value}",
|
|
330
|
+
"public": true,
|
|
331
|
+
"default": true,
|
|
332
|
+
"usage": "Focus border color for light backgrounds",
|
|
333
|
+
"wcag": "n/a",
|
|
334
|
+
"deprecated": true,
|
|
335
|
+
"version": "4.5.0",
|
|
336
|
+
"reference": "n/a"
|
|
337
|
+
}
|
|
338
|
+
}
|
|
339
|
+
}
|
|
340
|
+
}
|
|
341
|
+
}
|