@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.
- package/CHANGELOG.md +7 -0
- package/README.md +86 -62
- package/dist/alaska/CSSCustomProperties--alaska.css +66 -0
- package/dist/alaska/SCSSVariables--alaska.scss +63 -0
- package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +67 -0
- package/dist/alaska/primitives--alaska.scss +215 -0
- package/dist/{tokens → auro-classic}/CSSCustomProperties.css +320 -312
- package/dist/{tokens → auro-classic}/CSSSizeCustomProperties.css +1 -1
- package/dist/{tokens → auro-classic}/JSData--color.js +3145 -2071
- package/dist/{tokens → auro-classic}/JSONVariablesFlat.json +12 -4
- package/dist/{tokens → auro-classic}/JSONVariablesNested.json +13 -9
- package/dist/{tokens/JSObject--allTokens.js → auro-classic/JSObject--deprecated.js} +14311 -8433
- package/dist/{tokens → auro-classic}/JSVariables--color.js +308 -312
- package/dist/{tokens → auro-classic}/SCSSVariableMap.scss +1 -1
- package/dist/{tokens/base → auro-classic}/SCSSVariables.scss +320 -312
- package/dist/{tokens → auro-classic}/SCSSVariablesMapFlat.scss +320 -312
- package/dist/{tokens → auro-classic}/SassCustomProperties.scss +320 -312
- package/dist/{tokens → auro-classic}/SassSizeCustomProperties.scss +1 -1
- package/dist/hawaiian/CSSCustomProperties--hawaiian.css +66 -0
- package/dist/hawaiian/SCSSVariables--hawaiian.scss +63 -0
- package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +67 -0
- package/dist/hawaiian/primitives--hawaiian.scss +175 -0
- package/dist/{tokens/transparent/CSSCustomProperties.css → transparent/CSSCustomProperties--transparent.css} +1 -5
- package/package.json +5 -3
- package/src/primitives/alaska/color.json +796 -0
- package/src/primitives/alaska/typography.json +27 -0
- package/src/primitives/base/color.json +489 -0
- package/src/primitives/base/transparency.json +183 -0
- package/src/primitives/base/typography.json +210 -0
- package/src/primitives/hawaiian/color.json +508 -0
- package/src/primitives/hawaiian/typography.json +28 -0
- package/src/themes/alaska/color.json +394 -0
- package/src/themes/alaska/typography.json +132 -0
- package/src/themes/{excursion → auro-classic}/animation.json +6 -3
- package/src/{color → themes/auro-classic/color}/alert.json +7 -0
- package/src/{color → themes/auro-classic/color}/background.json +53 -25
- package/src/{color → themes/auro-classic/color}/base.json +303 -147
- package/src/{color → themes/auro-classic/color}/border.json +68 -32
- package/src/{color → themes/auro-classic/color}/brand.json +289 -158
- package/src/{color → themes/auro-classic/color}/container.json +101 -50
- package/src/{color → themes/auro-classic/color}/icon.json +129 -64
- package/src/{color → themes/auro-classic/color}/text.json +58 -28
- package/src/{color → themes/auro-classic/color}/tier.json +43 -22
- package/src/themes/{excursion → auro-classic}/color/ui.json +12 -1
- package/src/{color → themes/auro-classic/color}/utility.json +60 -30
- package/src/themes/auro-classic/comments.json +50 -0
- package/src/{depth.json → themes/auro-classic/depth.json} +9 -4
- package/src/{elevation.json → themes/auro-classic/elevation.json} +6 -3
- package/src/{asset → themes/auro-classic}/font.json +10 -5
- package/src/themes/{excursion → auro-classic}/grid-breakpoint.json +10 -5
- package/src/themes/{excursion → auro-classic}/grid-column.json +10 -5
- package/src/{grid-gutter.json → themes/auro-classic/grid-gutter.json} +10 -5
- package/src/{grid-margin.json → themes/auro-classic/grid-margin.json} +10 -5
- package/src/{size → themes/auro-classic/size}/radius.json +2 -1
- package/src/themes/auro-classic/size/scale.json +347 -0
- package/src/themes/auro-classic/size/unitless-scale.json +126 -0
- package/src/{text.json → themes/auro-classic/text.json} +192 -97
- package/src/themes/hawaiian/color.json +394 -0
- package/src/themes/hawaiian/typography.json +132 -0
- package/src/themes/transparent/color/alert.json +7 -0
- package/src/themes/transparent/color/background.json +30 -2
- package/src/themes/transparent/color/base.json +156 -0
- package/src/themes/transparent/color/border.json +36 -0
- package/src/themes/transparent/color/brand.json +167 -36
- package/src/themes/transparent/color/container.json +50 -0
- package/src/themes/transparent/color/icon.json +65 -0
- package/src/themes/transparent/color/text.json +30 -0
- package/src/themes/transparent/color/tier.json +22 -1
- package/src/themes/transparent/color/ui.json +12 -1
- package/src/themes/transparent/color/utility.json +30 -0
- package/src/themes/transparent/elevation.json +3 -0
- package/dist/tokens/JSObject--deprecated.js +0 -3157
- package/dist/tokens/SCSSVariables.scss +0 -1372
- package/dist/tokens/darkmode/CSSCustomProperties.css +0 -28
- package/dist/tokens/darkmode/JSDataColor.js +0 -528
- package/dist/tokens/darkmode/JSObject--deprecatedDark.js +0 -528
- package/dist/tokens/darkmode/JSVariablesColor.js +0 -20
- package/dist/tokens/darkmode/SCSSVariables.scss +0 -21
- package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +0 -25
- package/dist/tokens/darkmode/SassCustomProperties.scss +0 -28
- package/dist/tokens/excursion/JSONVariablesFlat.json +0 -736
- package/dist/tokens/excursion/JSONVariablesNested.json +0 -1222
- package/dist/tokens/hawaiian/CSSCustomProperties.css +0 -20
- package/src/animation.json +0 -21
- package/src/color/ui.json +0 -125
- package/src/color-darkmode/base.json +0 -24
- package/src/color-darkmode/border.json +0 -32
- package/src/color-darkmode/icon.json +0 -32
- package/src/color-darkmode/text.json +0 -71
- package/src/color-darkmode/tier.json +0 -34
- package/src/comments.json +0 -34
- package/src/grid-breakpoint.json +0 -29
- package/src/grid-column.json +0 -29
- package/src/size/scale.json +0 -240
- package/src/size/unitless-scale.json +0 -82
- package/src/themes/excursion/asset/font.json +0 -35
- package/src/themes/excursion/color/alert.json +0 -90
- package/src/themes/excursion/color/background.json +0 -280
- package/src/themes/excursion/color/base.json +0 -1303
- package/src/themes/excursion/color/border.json +0 -288
- package/src/themes/excursion/color/brand.json +0 -1549
- package/src/themes/excursion/color/container.json +0 -464
- package/src/themes/excursion/color/excursion.json +0 -254
- package/src/themes/excursion/color/icon.json +0 -476
- package/src/themes/excursion/color/text.json +0 -270
- package/src/themes/excursion/color/tier.json +0 -180
- package/src/themes/excursion/comments.json +0 -34
- package/src/themes/excursion/depth copy.json +0 -22
- package/src/themes/excursion/elevation.json +0 -22
- package/src/themes/excursion/grid-gutter.json +0 -29
- package/src/themes/excursion/grid-margin.json +0 -29
- package/src/themes/excursion/size/radius.json +0 -9
- package/src/themes/excursion/size/scale.json +0 -234
- package/src/themes/excursion/size/unitless-scale.json +0 -82
- package/src/themes/excursion/text.json +0 -572
- package/src/themes/hawaiian/color/background.json +0 -15
- package/src/themes/hawaiian/color/border.json +0 -18
- package/src/themes/hawaiian/color/container.json +0 -56
- package/src/themes/hawaiian/color/icon.json +0 -24
- package/src/themes/hawaiian/color/text.json +0 -44
|
@@ -4,181 +4,201 @@
|
|
|
4
4
|
"primary": {
|
|
5
5
|
"default": {
|
|
6
6
|
"value": "{color.base.gray.700.value}",
|
|
7
|
+
"type": "semantic",
|
|
7
8
|
"public": true,
|
|
8
9
|
"default": true,
|
|
9
10
|
"usage": "Primary color for icons on light backgrounds",
|
|
10
11
|
"wcag": "n/a",
|
|
11
|
-
"deprecated":
|
|
12
|
+
"deprecated": true
|
|
12
13
|
},
|
|
13
14
|
"inverse": {
|
|
14
15
|
"value": "{color.brand.gray.100.value}",
|
|
16
|
+
"type": "semantic",
|
|
15
17
|
"public": true,
|
|
16
18
|
"inverse": true,
|
|
17
19
|
"usage": "Primary color for icons on dark backgrounds",
|
|
18
20
|
"wcag": "n/a",
|
|
19
|
-
"deprecated":
|
|
21
|
+
"deprecated": true
|
|
20
22
|
}
|
|
21
23
|
},
|
|
22
24
|
"secondary": {
|
|
23
25
|
"default": {
|
|
24
26
|
"value": "{color.brand.neutral.600.value}",
|
|
27
|
+
"type": "semantic",
|
|
25
28
|
"public": true,
|
|
26
29
|
"default": true,
|
|
27
30
|
"usage": "Secondary color for icons on light backgrounds",
|
|
28
31
|
"wcag": "n/a",
|
|
29
|
-
"deprecated":
|
|
32
|
+
"deprecated": true
|
|
30
33
|
},
|
|
31
34
|
"inverse": {
|
|
32
35
|
"value": "{color.brand.neutral.300.value}",
|
|
36
|
+
"type": "semantic",
|
|
33
37
|
"public": true,
|
|
34
38
|
"inverse": true,
|
|
35
39
|
"usage": "Secondary color for icons on dark backgrounds",
|
|
36
40
|
"wcag": "n/a",
|
|
37
|
-
"deprecated":
|
|
41
|
+
"deprecated": true
|
|
38
42
|
}
|
|
39
43
|
},
|
|
40
44
|
"tertiary": {
|
|
41
45
|
"default": {
|
|
42
46
|
"value": "{color.brand.neutral.400.value}",
|
|
47
|
+
"type": "semantic",
|
|
43
48
|
"public": true,
|
|
44
49
|
"default": true,
|
|
45
50
|
"usage": "Tertiary color for icons on light backgrounds",
|
|
46
51
|
"wcag": "n/a",
|
|
47
|
-
"deprecated":
|
|
52
|
+
"deprecated": true
|
|
48
53
|
},
|
|
49
54
|
"inverse": {
|
|
50
55
|
"value": "{color.brand.neutral.500.value}",
|
|
56
|
+
"type": "semantic",
|
|
51
57
|
"public": true,
|
|
52
58
|
"inverse": true,
|
|
53
59
|
"usage": "Tertiary color for icons on dark backgrounds",
|
|
54
60
|
"wcag": "n/a",
|
|
55
|
-
"deprecated":
|
|
61
|
+
"deprecated": true
|
|
56
62
|
}
|
|
57
63
|
},
|
|
58
64
|
"emphasis": {
|
|
59
65
|
"default": {
|
|
60
66
|
"value": "{color.base.gray.1000.value}",
|
|
67
|
+
"type": "semantic",
|
|
61
68
|
"public": true,
|
|
62
69
|
"default": true,
|
|
63
70
|
"usage": "Emphasis or darkest icon color on light backgrounds",
|
|
64
71
|
"wcag": "n/a",
|
|
65
|
-
"deprecated":
|
|
72
|
+
"deprecated": true
|
|
66
73
|
},
|
|
67
74
|
"inverse": {
|
|
68
75
|
"value": "{color.base.white.value}",
|
|
76
|
+
"type": "semantic",
|
|
69
77
|
"public": true,
|
|
70
78
|
"inverse": true,
|
|
71
79
|
"usage": "Emphasis or lightest icon color on dark backgrounds",
|
|
72
80
|
"wcag": "AAA",
|
|
73
|
-
"deprecated":
|
|
81
|
+
"deprecated": true
|
|
74
82
|
}
|
|
75
83
|
},
|
|
76
84
|
"accent": {
|
|
77
85
|
"default": {
|
|
78
86
|
"value": "{color.brand.lime.400.value}",
|
|
87
|
+
"type": "semantic",
|
|
79
88
|
"public": true,
|
|
80
89
|
"default": true,
|
|
81
90
|
"usage": "Accent color for icon color on light backgrounds",
|
|
82
91
|
"wcag": "n/a",
|
|
83
|
-
"deprecated":
|
|
92
|
+
"deprecated": true
|
|
84
93
|
},
|
|
85
94
|
"inverse": {
|
|
86
95
|
"value": "{color.brand.lime.300.value}",
|
|
96
|
+
"type": "semantic",
|
|
87
97
|
"public": true,
|
|
88
98
|
"inverse": true,
|
|
89
99
|
"usage": "Accent color for icon color on dark backgrounds",
|
|
90
100
|
"wcag": "n/a",
|
|
91
|
-
"deprecated":
|
|
101
|
+
"deprecated": true
|
|
92
102
|
}
|
|
93
103
|
},
|
|
94
104
|
"info": {
|
|
95
105
|
"default": {
|
|
96
106
|
"value": "{color.brand.navy.700.value}",
|
|
107
|
+
"type": "semantic",
|
|
97
108
|
"public": true,
|
|
98
109
|
"default": true,
|
|
99
110
|
"usage": "Info icon color on light backgrounds",
|
|
100
111
|
"wcag": "n/a",
|
|
101
|
-
"deprecated":
|
|
112
|
+
"deprecated": true
|
|
102
113
|
},
|
|
103
114
|
"inverse": {
|
|
104
115
|
"value": "{color.brand.navy.400.value}",
|
|
116
|
+
"type": "semantic",
|
|
105
117
|
"public": true,
|
|
106
118
|
"inverse": true,
|
|
107
119
|
"usage": "Info icon color on dark backgrounds",
|
|
108
120
|
"wcag": "AAA",
|
|
109
|
-
"deprecated":
|
|
121
|
+
"deprecated": true
|
|
110
122
|
}
|
|
111
123
|
},
|
|
112
124
|
"error": {
|
|
113
125
|
"default": {
|
|
114
126
|
"value": "{color.base.error.400.value}",
|
|
127
|
+
"type": "semantic",
|
|
115
128
|
"public": true,
|
|
116
129
|
"default": true,
|
|
117
130
|
"usage": "Error icon color on light backgrounds",
|
|
118
131
|
"wcag": "n/a",
|
|
119
|
-
"deprecated":
|
|
132
|
+
"deprecated": true
|
|
120
133
|
},
|
|
121
134
|
"inverse": {
|
|
122
135
|
"value": "{color.base.error.200.value}",
|
|
136
|
+
"type": "semantic",
|
|
123
137
|
"public": true,
|
|
124
138
|
"inverse": true,
|
|
125
139
|
"usage": "Error icon color on dark backgrounds",
|
|
126
140
|
"wcag": "n/a",
|
|
127
|
-
"deprecated":
|
|
141
|
+
"deprecated": true
|
|
128
142
|
}
|
|
129
143
|
},
|
|
130
144
|
"warning": {
|
|
131
145
|
"default": {
|
|
132
146
|
"value": "{color.base.warning.300.value}",
|
|
147
|
+
"type": "semantic",
|
|
133
148
|
"public": true,
|
|
134
149
|
"default": true,
|
|
135
150
|
"usage": "Warning icon color on light backgrounds",
|
|
136
151
|
"wcag": "n/a",
|
|
137
|
-
"deprecated":
|
|
152
|
+
"deprecated": true
|
|
138
153
|
},
|
|
139
154
|
"inverse": {
|
|
140
155
|
"value": "{color.base.warning.200.value}",
|
|
156
|
+
"type": "semantic",
|
|
141
157
|
"public": true,
|
|
142
158
|
"inverse": true,
|
|
143
159
|
"usage": "Warning icon color on dark backgrounds",
|
|
144
160
|
"wcag": "n/a",
|
|
145
|
-
"deprecated":
|
|
161
|
+
"deprecated": true
|
|
146
162
|
}
|
|
147
163
|
},
|
|
148
164
|
"success": {
|
|
149
165
|
"default": {
|
|
150
166
|
"value": "{color.base.success.300.value}",
|
|
167
|
+
"type": "semantic",
|
|
151
168
|
"public": true,
|
|
152
169
|
"default": true,
|
|
153
170
|
"usage": "Success icon color on light backgrounds",
|
|
154
171
|
"wcag": "n/a",
|
|
155
|
-
"deprecated":
|
|
172
|
+
"deprecated": true
|
|
156
173
|
},
|
|
157
174
|
"inverse": {
|
|
158
175
|
"value": "{color.base.success.200.value}",
|
|
176
|
+
"type": "semantic",
|
|
159
177
|
"public": true,
|
|
160
178
|
"inverse": true,
|
|
161
179
|
"usage": "Success icon color on dark backgrounds",
|
|
162
180
|
"wcag": "n/a",
|
|
163
|
-
"deprecated":
|
|
181
|
+
"deprecated": true
|
|
164
182
|
}
|
|
165
183
|
},
|
|
166
184
|
"subtle": {
|
|
167
185
|
"default": {
|
|
168
186
|
"value": "{color.brand.blue.300.value}",
|
|
187
|
+
"type": "semantic",
|
|
169
188
|
"public": true,
|
|
170
189
|
"default": true,
|
|
171
190
|
"usage": "Subtle icon color on light backgrounds",
|
|
172
191
|
"wcag": "n/a",
|
|
173
|
-
"deprecated":
|
|
192
|
+
"deprecated": true
|
|
174
193
|
},
|
|
175
194
|
"inverse": {
|
|
176
195
|
"value": "{color.brand.navy.700.value}",
|
|
196
|
+
"type": "semantic",
|
|
177
197
|
"public": true,
|
|
178
198
|
"inverse": true,
|
|
179
199
|
"usage": "Subtle icon color on dark backgrounds",
|
|
180
200
|
"wcag": "n/a",
|
|
181
|
-
"deprecated":
|
|
201
|
+
"deprecated": true
|
|
182
202
|
}
|
|
183
203
|
},
|
|
184
204
|
"ui": {
|
|
@@ -186,91 +206,101 @@
|
|
|
186
206
|
"default": {
|
|
187
207
|
"default": {
|
|
188
208
|
"value": "{color.brand.blue.700.value}",
|
|
209
|
+
"type": "semantic",
|
|
189
210
|
"public": true,
|
|
190
211
|
"default": true,
|
|
191
212
|
"usage": "Default color for UI icons on light backgrounds",
|
|
192
213
|
"wcag": "n/a",
|
|
193
|
-
"deprecated":
|
|
214
|
+
"deprecated": true
|
|
194
215
|
},
|
|
195
216
|
"inverse": {
|
|
196
217
|
"value": "{color.brand.cyan.400.value}",
|
|
218
|
+
"type": "semantic",
|
|
197
219
|
"public": true,
|
|
198
220
|
"inverse": true,
|
|
199
221
|
"usage": "Default color for UI icons on dark backgrounds",
|
|
200
222
|
"wcag": "n/a",
|
|
201
|
-
"deprecated":
|
|
223
|
+
"deprecated": true
|
|
202
224
|
}
|
|
203
225
|
},
|
|
204
226
|
"hover": {
|
|
205
227
|
"default": {
|
|
206
228
|
"value": "{color.brand.blue.900.value}",
|
|
229
|
+
"type": "semantic",
|
|
207
230
|
"public": true,
|
|
208
231
|
"default": true,
|
|
209
232
|
"usage": "Hover color for UI icons on light backgrounds",
|
|
210
233
|
"wcag": "n/a",
|
|
211
|
-
"deprecated":
|
|
234
|
+
"deprecated": true
|
|
212
235
|
},
|
|
213
236
|
"inverse": {
|
|
214
237
|
"value": "{color.brand.cyan.200.value}",
|
|
238
|
+
"type": "semantic",
|
|
215
239
|
"public": true,
|
|
216
240
|
"inverse": true,
|
|
217
241
|
"usage": "Hover color for UI icons on dark backgrounds",
|
|
218
242
|
"wcag": "n/a",
|
|
219
|
-
"deprecated":
|
|
243
|
+
"deprecated": true
|
|
220
244
|
}
|
|
221
245
|
},
|
|
222
246
|
"active": {
|
|
223
247
|
"default": {
|
|
224
248
|
"value": "{color.brand.blue.800.value}",
|
|
249
|
+
"type": "semantic",
|
|
225
250
|
"public": true,
|
|
226
251
|
"default": true,
|
|
227
252
|
"usage": "Active color for UI icons on light backgrounds",
|
|
228
253
|
"wcag": "n/a",
|
|
229
|
-
"deprecated":
|
|
254
|
+
"deprecated": true
|
|
230
255
|
},
|
|
231
256
|
"inverse": {
|
|
232
257
|
"value": "{color.brand.cyan.300.value}",
|
|
258
|
+
"type": "semantic",
|
|
233
259
|
"public": true,
|
|
234
260
|
"inverse": true,
|
|
235
261
|
"usage": "Active color for UI icons on dark backgrounds",
|
|
236
262
|
"wcag": "n/a",
|
|
237
|
-
"deprecated":
|
|
263
|
+
"deprecated": true
|
|
238
264
|
}
|
|
239
265
|
},
|
|
240
266
|
"disabled": {
|
|
241
267
|
"default": {
|
|
242
268
|
"value": "{color.brand.gray.400.value}",
|
|
269
|
+
"type": "semantic",
|
|
243
270
|
"public": true,
|
|
244
271
|
"default": true,
|
|
245
272
|
"usage": "Disabled color for UI icons on light backgrounds",
|
|
246
273
|
"wcag": "n/a",
|
|
247
|
-
"deprecated":
|
|
274
|
+
"deprecated": true
|
|
248
275
|
},
|
|
249
276
|
"inverse": {
|
|
250
277
|
"value": "{color.brand.gray.600.value}",
|
|
278
|
+
"type": "semantic",
|
|
251
279
|
"public": true,
|
|
252
280
|
"inverse": true,
|
|
253
281
|
"usage": "Disabled color for UI icons on dark backgrounds",
|
|
254
282
|
"wcag": "n/a",
|
|
255
|
-
"deprecated":
|
|
283
|
+
"deprecated": true
|
|
256
284
|
}
|
|
257
285
|
},
|
|
258
286
|
"focus": {
|
|
259
287
|
"default": {
|
|
260
288
|
"value": "{color.brand.blue.700.value}",
|
|
289
|
+
"type": "semantic",
|
|
261
290
|
"public": true,
|
|
262
291
|
"default": true,
|
|
263
292
|
"usage": "Focus color for UI icons on light backgrounds",
|
|
264
293
|
"wcag": "n/a",
|
|
265
|
-
"deprecated":
|
|
294
|
+
"deprecated": true
|
|
266
295
|
},
|
|
267
296
|
"inverse": {
|
|
268
297
|
"value": "{color.brand.cyan.400.value}",
|
|
298
|
+
"type": "semantic",
|
|
269
299
|
"public": true,
|
|
270
300
|
"inverse": true,
|
|
271
301
|
"usage": "Focus color for UI icons on dark backgrounds",
|
|
272
302
|
"wcag": "n/a",
|
|
273
|
-
"deprecated":
|
|
303
|
+
"deprecated": true
|
|
274
304
|
}
|
|
275
305
|
}
|
|
276
306
|
},
|
|
@@ -278,91 +308,101 @@
|
|
|
278
308
|
"active": {
|
|
279
309
|
"default": {
|
|
280
310
|
"value": "{color.brand.gray.700.value}",
|
|
311
|
+
"type": "semantic",
|
|
281
312
|
"public": true,
|
|
282
313
|
"default": true,
|
|
283
314
|
"usage": "Focus color for UI icons on light backgrounds",
|
|
284
315
|
"wcag": "n/a",
|
|
285
|
-
"deprecated":
|
|
316
|
+
"deprecated": true
|
|
286
317
|
},
|
|
287
318
|
"inverse": {
|
|
288
319
|
"value": "{color.brand.gray.300.value}",
|
|
320
|
+
"type": "semantic",
|
|
289
321
|
"public": true,
|
|
290
322
|
"inverse": true,
|
|
291
323
|
"usage": "Focus color for UI icons on dark backgrounds",
|
|
292
324
|
"wcag": "n/a",
|
|
293
|
-
"deprecated":
|
|
325
|
+
"deprecated": true
|
|
294
326
|
}
|
|
295
327
|
},
|
|
296
328
|
"default": {
|
|
297
329
|
"default": {
|
|
298
330
|
"value": "{color.brand.gray.600.value}",
|
|
331
|
+
"type": "semantic",
|
|
299
332
|
"public": true,
|
|
300
333
|
"default": true,
|
|
301
334
|
"usage": "Focus color for UI icons on light backgrounds",
|
|
302
335
|
"wcag": "n/a",
|
|
303
|
-
"deprecated":
|
|
336
|
+
"deprecated": true
|
|
304
337
|
},
|
|
305
338
|
"inverse": {
|
|
306
339
|
"value": "{color.brand.gray.400.value}",
|
|
340
|
+
"type": "semantic",
|
|
307
341
|
"public": true,
|
|
308
342
|
"inverse": true,
|
|
309
343
|
"usage": "Focus color for UI icons on dark backgrounds",
|
|
310
344
|
"wcag": "n/a",
|
|
311
|
-
"deprecated":
|
|
345
|
+
"deprecated": true
|
|
312
346
|
}
|
|
313
347
|
},
|
|
314
348
|
"disabled": {
|
|
315
349
|
"default": {
|
|
316
350
|
"value": "{color.brand.gray.400.value}",
|
|
351
|
+
"type": "semantic",
|
|
317
352
|
"public": true,
|
|
318
353
|
"default": true,
|
|
319
354
|
"usage": "Focus color for UI icons on light backgrounds",
|
|
320
355
|
"wcag": "n/a",
|
|
321
|
-
"deprecated":
|
|
356
|
+
"deprecated": true
|
|
322
357
|
},
|
|
323
358
|
"inverse": {
|
|
324
359
|
"value": "{color.brand.gray.600.value}",
|
|
360
|
+
"type": "semantic",
|
|
325
361
|
"public": true,
|
|
326
362
|
"inverse": true,
|
|
327
363
|
"usage": "Focus color for UI icons on dark backgrounds",
|
|
328
364
|
"wcag": "n/a",
|
|
329
|
-
"deprecated":
|
|
365
|
+
"deprecated": true
|
|
330
366
|
}
|
|
331
367
|
},
|
|
332
368
|
"focus": {
|
|
333
369
|
"default": {
|
|
334
370
|
"value": "{color.brand.gray.600.value}",
|
|
371
|
+
"type": "semantic",
|
|
335
372
|
"public": true,
|
|
336
373
|
"default": true,
|
|
337
374
|
"usage": "Focus color for UI icons on light backgrounds",
|
|
338
375
|
"wcag": "n/a",
|
|
339
|
-
"deprecated":
|
|
376
|
+
"deprecated": true
|
|
340
377
|
},
|
|
341
378
|
"inverse": {
|
|
342
379
|
"value": "{color.brand.gray.400.value}",
|
|
380
|
+
"type": "semantic",
|
|
343
381
|
"public": true,
|
|
344
382
|
"inverse": true,
|
|
345
383
|
"usage": "Focus color for UI icons on dark backgrounds",
|
|
346
384
|
"wcag": "n/a",
|
|
347
|
-
"deprecated":
|
|
385
|
+
"deprecated": true
|
|
348
386
|
}
|
|
349
387
|
},
|
|
350
388
|
"hover": {
|
|
351
389
|
"default": {
|
|
352
390
|
"value": "{color.brand.gray.800.value}",
|
|
391
|
+
"type": "semantic",
|
|
353
392
|
"public": true,
|
|
354
393
|
"default": true,
|
|
355
394
|
"usage": "Focus color for UI icons on light backgrounds",
|
|
356
395
|
"wcag": "n/a",
|
|
357
|
-
"deprecated":
|
|
396
|
+
"deprecated": true
|
|
358
397
|
},
|
|
359
398
|
"inverse": {
|
|
360
399
|
"value": "{color.brand.gray.200.value}",
|
|
400
|
+
"type": "semantic",
|
|
361
401
|
"public": true,
|
|
362
402
|
"inverse": true,
|
|
363
403
|
"usage": "Focus color for UI icons on dark backgrounds",
|
|
364
404
|
"wcag": "n/a",
|
|
365
|
-
"deprecated":
|
|
405
|
+
"deprecated": true
|
|
366
406
|
}
|
|
367
407
|
}
|
|
368
408
|
}
|
|
@@ -371,223 +411,248 @@
|
|
|
371
411
|
"red": {
|
|
372
412
|
"default": {
|
|
373
413
|
"value": "{color.brand.red.700.value}",
|
|
414
|
+
"type": "semantic",
|
|
374
415
|
"public": true,
|
|
375
416
|
"default": true,
|
|
376
417
|
"usage": "Brand color for red icons on light backgrounds",
|
|
377
418
|
"wcag": "n/a",
|
|
378
|
-
"deprecated":
|
|
419
|
+
"deprecated": true
|
|
379
420
|
},
|
|
380
421
|
"inverse": {
|
|
381
422
|
"value": "{color.brand.red.500.value}",
|
|
423
|
+
"type": "semantic",
|
|
382
424
|
"public": true,
|
|
383
425
|
"inverse": true,
|
|
384
426
|
"usage": "Brand color for red icons on dark backgrounds",
|
|
385
427
|
"wcag": "n/a",
|
|
386
|
-
"deprecated":
|
|
428
|
+
"deprecated": true
|
|
387
429
|
}
|
|
388
430
|
},
|
|
389
431
|
"yellow": {
|
|
390
432
|
"default": {
|
|
391
433
|
"value": "{color.brand.yellow.700.value}",
|
|
434
|
+
"type": "semantic",
|
|
392
435
|
"public": true,
|
|
393
436
|
"default": true,
|
|
394
437
|
"usage": "Brand color for yellow icons on light backgrounds",
|
|
395
438
|
"wcag": "n/a",
|
|
396
|
-
"deprecated":
|
|
439
|
+
"deprecated": true
|
|
397
440
|
},
|
|
398
441
|
"inverse": {
|
|
399
442
|
"value": "{color.brand.yellow.300.value}",
|
|
443
|
+
"type": "semantic",
|
|
400
444
|
"public": true,
|
|
401
445
|
"inverse": true,
|
|
402
446
|
"usage": "Brand color for yellow icons on dark backgrounds",
|
|
403
447
|
"wcag": "n/a",
|
|
404
|
-
"deprecated":
|
|
448
|
+
"deprecated": true
|
|
405
449
|
}
|
|
406
450
|
},
|
|
407
451
|
"pink": {
|
|
408
452
|
"default": {
|
|
409
453
|
"value": "{color.brand.pink.700.value}",
|
|
454
|
+
"type": "semantic",
|
|
410
455
|
"public": true,
|
|
411
456
|
"default": true,
|
|
412
457
|
"usage": "Brand color for pink icons on light backgrounds",
|
|
413
458
|
"wcag": "n/a",
|
|
414
|
-
"deprecated":
|
|
459
|
+
"deprecated": true
|
|
415
460
|
},
|
|
416
461
|
"inverse": {
|
|
417
462
|
"value": "{color.brand.pink.500.value}",
|
|
463
|
+
"type": "semantic",
|
|
418
464
|
"public": true,
|
|
419
465
|
"inverse": true,
|
|
420
466
|
"usage": "Brand color for pink icons on dark backgrounds",
|
|
421
467
|
"wcag": "n/a",
|
|
422
|
-
"deprecated":
|
|
468
|
+
"deprecated": true
|
|
423
469
|
}
|
|
424
470
|
},
|
|
425
471
|
"purple": {
|
|
426
472
|
"default": {
|
|
427
473
|
"value": "{color.brand.purple.700.value}",
|
|
474
|
+
"type": "semantic",
|
|
428
475
|
"public": true,
|
|
429
476
|
"default": true,
|
|
430
477
|
"usage": "Brand color for purple icons on light backgrounds",
|
|
431
478
|
"wcag": "n/a",
|
|
432
|
-
"deprecated":
|
|
479
|
+
"deprecated": true
|
|
433
480
|
},
|
|
434
481
|
"inverse": {
|
|
435
482
|
"value": "{color.brand.purple.500.value}",
|
|
483
|
+
"type": "semantic",
|
|
436
484
|
"public": true,
|
|
437
485
|
"inverse": true,
|
|
438
486
|
"usage": "Brand color for purple icons on dark backgrounds",
|
|
439
487
|
"wcag": "n/a",
|
|
440
|
-
"deprecated":
|
|
488
|
+
"deprecated": true
|
|
441
489
|
}
|
|
442
490
|
},
|
|
443
491
|
"lime": {
|
|
444
492
|
"default": {
|
|
445
493
|
"value": "{color.brand.lime.700.value}",
|
|
494
|
+
"type": "semantic",
|
|
446
495
|
"public": true,
|
|
447
496
|
"default": true,
|
|
448
497
|
"usage": "Brand color for lime icons on light backgrounds",
|
|
449
498
|
"wcag": "n/a",
|
|
450
|
-
"deprecated":
|
|
499
|
+
"deprecated": true
|
|
451
500
|
},
|
|
452
501
|
"inverse": {
|
|
453
502
|
"value": "{color.brand.lime.300.value}",
|
|
503
|
+
"type": "semantic",
|
|
454
504
|
"public": true,
|
|
455
505
|
"inverse": true,
|
|
456
506
|
"usage": "Brand color for lime icons on dark backgrounds",
|
|
457
507
|
"wcag": "n/a",
|
|
458
|
-
"deprecated":
|
|
508
|
+
"deprecated": true
|
|
459
509
|
}
|
|
460
510
|
},
|
|
461
511
|
"green": {
|
|
462
512
|
"default": {
|
|
463
513
|
"value": "{color.brand.green.700.value}",
|
|
514
|
+
"type": "semantic",
|
|
464
515
|
"public": true,
|
|
465
516
|
"default": true,
|
|
466
517
|
"usage": "Brand color for green icons on light backgrounds",
|
|
467
518
|
"wcag": "n/a",
|
|
468
|
-
"deprecated":
|
|
519
|
+
"deprecated": true
|
|
469
520
|
},
|
|
470
521
|
"inverse": {
|
|
471
522
|
"value": "{color.brand.green.500.value}",
|
|
523
|
+
"type": "semantic",
|
|
472
524
|
"public": true,
|
|
473
525
|
"inverse": true,
|
|
474
526
|
"usage": "Brand color for green icons on dark backgrounds",
|
|
475
527
|
"wcag": "n/a",
|
|
476
|
-
"deprecated":
|
|
528
|
+
"deprecated": true
|
|
477
529
|
}
|
|
478
530
|
},
|
|
479
531
|
"turquoise": {
|
|
480
532
|
"default": {
|
|
481
533
|
"value": "{color.brand.turquoise.700.value}",
|
|
534
|
+
"type": "semantic",
|
|
482
535
|
"public": true,
|
|
483
536
|
"default": true,
|
|
484
537
|
"usage": "Brand color for turquoise icons on light backgrounds",
|
|
485
538
|
"wcag": "n/a",
|
|
486
|
-
"deprecated":
|
|
539
|
+
"deprecated": true
|
|
487
540
|
},
|
|
488
541
|
"inverse": {
|
|
489
542
|
"value": "{color.brand.turquoise.500.value}",
|
|
543
|
+
"type": "semantic",
|
|
490
544
|
"public": true,
|
|
491
545
|
"inverse": true,
|
|
492
546
|
"usage": "Brand color for turquoise icons on dark backgrounds",
|
|
493
547
|
"wcag": "n/a",
|
|
494
|
-
"deprecated":
|
|
548
|
+
"deprecated": true
|
|
495
549
|
}
|
|
496
550
|
},
|
|
497
551
|
"navy": {
|
|
498
552
|
"default": {
|
|
499
553
|
"value": "{color.brand.navy.800.value}",
|
|
554
|
+
"type": "semantic",
|
|
500
555
|
"public": true,
|
|
501
556
|
"default": true,
|
|
502
557
|
"usage": "Brand color for navy icons on light backgrounds",
|
|
503
558
|
"wcag": "n/a",
|
|
504
|
-
"deprecated":
|
|
559
|
+
"deprecated": true
|
|
505
560
|
},
|
|
506
561
|
"inverse": {
|
|
507
562
|
"value": "{color.brand.navy.500.value}",
|
|
563
|
+
"type": "semantic",
|
|
508
564
|
"public": true,
|
|
509
565
|
"inverse": true,
|
|
510
566
|
"usage": "Brand color for navy icons on dark backgrounds",
|
|
511
567
|
"wcag": "n/a",
|
|
512
|
-
"deprecated":
|
|
568
|
+
"deprecated": true
|
|
513
569
|
}
|
|
514
570
|
},
|
|
515
571
|
"blue": {
|
|
516
572
|
"default": {
|
|
517
573
|
"value": "{color.brand.blue.700.value}",
|
|
574
|
+
"type": "semantic",
|
|
518
575
|
"public": true,
|
|
519
576
|
"default": true,
|
|
520
577
|
"usage": "Brand color for blue icons on light backgrounds",
|
|
521
578
|
"wcag": "n/a",
|
|
522
|
-
"deprecated":
|
|
579
|
+
"deprecated": true
|
|
523
580
|
},
|
|
524
581
|
"inverse": {
|
|
525
582
|
"value": "{color.brand.blue.500.value}",
|
|
583
|
+
"type": "semantic",
|
|
526
584
|
"public": true,
|
|
527
585
|
"inverse": true,
|
|
528
586
|
"usage": "Brand color for blue icons on dark backgrounds",
|
|
529
587
|
"wcag": "n/a",
|
|
530
|
-
"deprecated":
|
|
588
|
+
"deprecated": true
|
|
531
589
|
}
|
|
532
590
|
},
|
|
533
591
|
"cyan": {
|
|
534
592
|
"default": {
|
|
535
593
|
"value": "{color.brand.cyan.700.value}",
|
|
594
|
+
"type": "semantic",
|
|
536
595
|
"public": true,
|
|
537
596
|
"default": true,
|
|
538
597
|
"usage": "Brand color for cyan icons on light backgrounds",
|
|
539
598
|
"wcag": "n/a",
|
|
540
|
-
"deprecated":
|
|
599
|
+
"deprecated": true
|
|
541
600
|
},
|
|
542
601
|
"inverse": {
|
|
543
602
|
"value": "{color.brand.cyan.300.value}",
|
|
603
|
+
"type": "semantic",
|
|
544
604
|
"public": true,
|
|
545
605
|
"inverse": true,
|
|
546
606
|
"usage": "Brand color for cyan icons on dark backgrounds",
|
|
547
607
|
"wcag": "n/a",
|
|
548
|
-
"deprecated":
|
|
608
|
+
"deprecated": true
|
|
549
609
|
}
|
|
550
610
|
},
|
|
551
611
|
"gray": {
|
|
552
612
|
"default": {
|
|
553
613
|
"value": "{color.brand.gray.700.value}",
|
|
614
|
+
"type": "semantic",
|
|
554
615
|
"public": true,
|
|
555
616
|
"default": true,
|
|
556
617
|
"usage": "Brand color for gray icons on light backgrounds",
|
|
557
618
|
"wcag": "n/a",
|
|
558
|
-
"deprecated":
|
|
619
|
+
"deprecated": true
|
|
559
620
|
},
|
|
560
621
|
"inverse": {
|
|
561
622
|
"value": "{color.brand.gray.300.value}",
|
|
623
|
+
"type": "semantic",
|
|
562
624
|
"public": true,
|
|
563
625
|
"inverse": true,
|
|
564
626
|
"usage": "Brand color for gray icons on dark backgrounds",
|
|
565
627
|
"wcag": "n/a",
|
|
566
|
-
"deprecated":
|
|
628
|
+
"deprecated": true
|
|
567
629
|
}
|
|
568
630
|
},
|
|
569
631
|
"neutral": {
|
|
570
632
|
"default": {
|
|
571
633
|
"value": "{color.brand.neutral.700.value}",
|
|
634
|
+
"type": "semantic",
|
|
572
635
|
"public": true,
|
|
573
636
|
"default": true,
|
|
574
637
|
"usage": "Brand color for neutral icons on light backgrounds",
|
|
575
638
|
"wcag": "n/a",
|
|
576
|
-
"deprecated":
|
|
639
|
+
"deprecated": true
|
|
577
640
|
},
|
|
578
641
|
"inverse": {
|
|
579
642
|
"value": "{color.brand.neutral.400.value}",
|
|
643
|
+
"type": "semantic",
|
|
580
644
|
"public": true,
|
|
581
645
|
"inverse": true,
|
|
582
646
|
"usage": "Brand color for neutral icons on dark backgrounds",
|
|
583
647
|
"wcag": "n/a",
|
|
584
|
-
"deprecated":
|
|
648
|
+
"deprecated": true
|
|
585
649
|
}
|
|
586
650
|
}
|
|
587
651
|
},
|
|
588
652
|
"disabled": {
|
|
589
653
|
"default": {
|
|
590
654
|
"value": "{color.base.black-opacity-15.value}",
|
|
655
|
+
"type": "semantic",
|
|
591
656
|
"public": true,
|
|
592
657
|
"default": true,
|
|
593
658
|
"usage": "Disabled icon color on light backgrounds",
|