@aurodesignsystem/design-tokens 4.4.0 → 4.6.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 +28 -0
- package/README.md +30 -23
- package/dist/tokens/CSSCustomProperties.css +1541 -64
- package/dist/tokens/CSSSizeCustomProperties.css +1 -1
- package/dist/tokens/JSData--color.js +16463 -2038
- package/dist/tokens/JSONVariablesFlat.json +470 -33
- package/dist/tokens/JSONVariablesNested.json +735 -48
- package/dist/tokens/JSObject--allTokens.js +13406 -2117
- package/dist/tokens/JSObject--deprecated.js +2266 -1897
- package/dist/tokens/JSVariables--color.js +736 -39
- package/dist/tokens/SCSSVariableMap.scss +1 -1
- package/dist/tokens/SCSSVariables.scss +1003 -46
- package/dist/tokens/SCSSVariablesMapFlat.scss +1006 -47
- package/dist/tokens/SassCustomProperties.scss +1541 -64
- package/dist/tokens/SassSizeCustomProperties.scss +1 -1
- package/dist/tokens/darkmode/CSSCustomProperties.css +4 -4
- package/dist/tokens/darkmode/JSDataColor.js +94 -30
- package/dist/tokens/darkmode/{JSObject--allDarkTokens.js → JSObject--deprecatedDark.js} +107 -43
- package/dist/tokens/darkmode/JSVariablesColor.js +4 -4
- package/dist/tokens/darkmode/SCSSVariables.scss +4 -4
- package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +4 -4
- package/dist/tokens/darkmode/SassCustomProperties.scss +4 -4
- package/dist/tokens/excursion/JSONVariablesFlat.json +736 -0
- package/dist/tokens/excursion/JSONVariablesNested.json +1222 -0
- package/package.json +5 -5
- package/src/color/alert.json +18 -103
- package/src/color/background.json +215 -10
- package/src/color/base.json +1219 -70
- package/src/color/border.json +253 -133
- package/src/color/brand.json +1204 -185
- package/src/color/container.json +464 -0
- package/src/color/icon.json +449 -91
- package/src/color/text.json +200 -145
- package/src/color/tier.json +118 -52
- package/src/color/ui.json +29 -115
- package/src/color-darkmode/base.json +6 -2
- package/src/color-darkmode/border.json +6 -2
- package/src/color-darkmode/icon.json +6 -2
- package/src/color-darkmode/text.json +15 -5
- package/src/color-darkmode/tier.json +6 -2
- package/src/depth.json +0 -7
- package/src/size/scale.json +0 -80
- package/src/themes/excursion/animation.json +21 -0
- package/src/themes/excursion/asset/font.json +35 -0
- package/src/themes/excursion/color/alert.json +90 -0
- package/src/themes/excursion/color/background.json +280 -0
- package/src/themes/excursion/color/base.json +1303 -0
- package/src/themes/excursion/color/border.json +288 -0
- package/src/themes/excursion/color/brand.json +1549 -0
- package/src/themes/excursion/color/container.json +464 -0
- package/src/themes/excursion/color/excursion.json +254 -0
- package/src/themes/excursion/color/icon.json +476 -0
- package/src/themes/excursion/color/text.json +270 -0
- package/src/themes/excursion/color/tier.json +180 -0
- package/src/themes/excursion/color/ui.json +125 -0
- package/src/themes/excursion/comments.json +34 -0
- package/src/themes/excursion/depth copy.json +22 -0
- package/src/themes/excursion/elevation.json +22 -0
- package/src/themes/excursion/grid-breakpoint.json +29 -0
- package/src/themes/excursion/grid-column.json +29 -0
- package/src/themes/excursion/grid-gutter.json +29 -0
- package/src/themes/excursion/grid-margin.json +29 -0
- package/src/themes/excursion/size/radius.json +9 -0
- package/src/themes/excursion/size/scale.json +234 -0
- package/src/themes/excursion/size/unitless-scale.json +82 -0
- package/src/themes/excursion/text.json +572 -0
- package/src/breakpoint.json +0 -28
- package/src/shadow.json +0 -13
package/src/color/icon.json
CHANGED
|
@@ -2,76 +2,68 @@
|
|
|
2
2
|
"color": {
|
|
3
3
|
"icon": {
|
|
4
4
|
"primary": {
|
|
5
|
-
"onLight": {
|
|
6
|
-
"value": "{color.base.neutral.500.value}",
|
|
7
|
-
"public": false,
|
|
8
|
-
"onLight": true,
|
|
9
|
-
"usage": "Primary color for icons on light backgrounds",
|
|
10
|
-
"wcag": "AAA",
|
|
11
|
-
"deprecated": true,
|
|
12
|
-
"comment": "Deprecated token",
|
|
13
|
-
"reference": "color-icon-primary-default",
|
|
14
|
-
"version": "3.15.0"
|
|
15
|
-
},
|
|
16
5
|
"default": {
|
|
17
|
-
"value": "{color.base.
|
|
6
|
+
"value": "{color.base.gray.700.value}",
|
|
18
7
|
"public": true,
|
|
19
8
|
"default": true,
|
|
20
9
|
"usage": "Primary color for icons on light backgrounds",
|
|
21
|
-
"wcag": "
|
|
10
|
+
"wcag": "n/a",
|
|
22
11
|
"deprecated": false
|
|
23
12
|
},
|
|
24
|
-
"
|
|
25
|
-
"value": "{color.
|
|
26
|
-
"public":
|
|
27
|
-
"
|
|
13
|
+
"inverse": {
|
|
14
|
+
"value": "{color.brand.gray.100.value}",
|
|
15
|
+
"public": true,
|
|
16
|
+
"inverse": true,
|
|
28
17
|
"usage": "Primary color for icons on dark backgrounds",
|
|
29
|
-
"wcag": "
|
|
30
|
-
"deprecated":
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
18
|
+
"wcag": "n/a",
|
|
19
|
+
"deprecated": false
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
"secondary": {
|
|
23
|
+
"default": {
|
|
24
|
+
"value": "{color.brand.neutral.600.value}",
|
|
25
|
+
"public": true,
|
|
26
|
+
"default": true,
|
|
27
|
+
"usage": "Secondary color for icons on light backgrounds",
|
|
28
|
+
"wcag": "n/a",
|
|
29
|
+
"deprecated": false
|
|
34
30
|
},
|
|
35
31
|
"inverse": {
|
|
36
|
-
"value": "{color.
|
|
32
|
+
"value": "{color.brand.neutral.300.value}",
|
|
37
33
|
"public": true,
|
|
38
34
|
"inverse": true,
|
|
39
|
-
"usage": "
|
|
40
|
-
"wcag": "
|
|
35
|
+
"usage": "Secondary color for icons on dark backgrounds",
|
|
36
|
+
"wcag": "n/a",
|
|
41
37
|
"deprecated": false
|
|
42
38
|
}
|
|
43
39
|
},
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"value": "{color.
|
|
47
|
-
"public":
|
|
48
|
-
"
|
|
49
|
-
"usage": "
|
|
50
|
-
"wcag": "
|
|
51
|
-
"deprecated":
|
|
52
|
-
"comment": "Deprecated token",
|
|
53
|
-
"reference": "color-icon-emphasis-default",
|
|
54
|
-
"version": "3.15.0"
|
|
40
|
+
"tertiary": {
|
|
41
|
+
"default": {
|
|
42
|
+
"value": "{color.brand.neutral.400.value}",
|
|
43
|
+
"public": true,
|
|
44
|
+
"default": true,
|
|
45
|
+
"usage": "Tertiary color for icons on light backgrounds",
|
|
46
|
+
"wcag": "n/a",
|
|
47
|
+
"deprecated": false
|
|
55
48
|
},
|
|
49
|
+
"inverse": {
|
|
50
|
+
"value": "{color.brand.neutral.500.value}",
|
|
51
|
+
"public": true,
|
|
52
|
+
"inverse": true,
|
|
53
|
+
"usage": "Tertiary color for icons on dark backgrounds",
|
|
54
|
+
"wcag": "n/a",
|
|
55
|
+
"deprecated": false
|
|
56
|
+
}
|
|
57
|
+
},
|
|
58
|
+
"emphasis": {
|
|
56
59
|
"default": {
|
|
57
|
-
"value": "{color.base.gray.
|
|
60
|
+
"value": "{color.base.gray.1000.value}",
|
|
58
61
|
"public": true,
|
|
59
62
|
"default": true,
|
|
60
63
|
"usage": "Emphasis or darkest icon color on light backgrounds",
|
|
61
|
-
"wcag": "
|
|
64
|
+
"wcag": "n/a",
|
|
62
65
|
"deprecated": false
|
|
63
66
|
},
|
|
64
|
-
"onDark": {
|
|
65
|
-
"value": "{color.base.white.value}",
|
|
66
|
-
"public": false,
|
|
67
|
-
"onDark": true,
|
|
68
|
-
"usage": "Emphasis or lightest icon color on dark backgrounds",
|
|
69
|
-
"wcag": "AAA",
|
|
70
|
-
"deprecated": true,
|
|
71
|
-
"comment": "Deprecated token",
|
|
72
|
-
"reference": "color-icon-emphasis-inverse",
|
|
73
|
-
"version": "3.15.0"
|
|
74
|
-
},
|
|
75
67
|
"inverse": {
|
|
76
68
|
"value": "{color.base.white.value}",
|
|
77
69
|
"public": true,
|
|
@@ -82,67 +74,433 @@
|
|
|
82
74
|
}
|
|
83
75
|
},
|
|
84
76
|
"accent": {
|
|
85
|
-
"onLight": {
|
|
86
|
-
"value": "{color.brand.atlas.400.value}",
|
|
87
|
-
"public": false,
|
|
88
|
-
"onLight": true,
|
|
89
|
-
"usage": "Accent color for icon color on light backgrounds",
|
|
90
|
-
"wcag": "AA",
|
|
91
|
-
"deprecated": true,
|
|
92
|
-
"comment": "Deprecated token",
|
|
93
|
-
"reference": "color-icon-accent-default",
|
|
94
|
-
"version": "3.15.0"
|
|
95
|
-
},
|
|
96
77
|
"default": {
|
|
97
|
-
"value": "{color.brand.
|
|
78
|
+
"value": "{color.brand.lime.400.value}",
|
|
98
79
|
"public": true,
|
|
99
80
|
"default": true,
|
|
100
81
|
"usage": "Accent color for icon color on light backgrounds",
|
|
101
|
-
"wcag": "
|
|
82
|
+
"wcag": "n/a",
|
|
102
83
|
"deprecated": false
|
|
103
84
|
},
|
|
104
|
-
"
|
|
105
|
-
"value": "{color.brand.
|
|
106
|
-
"public":
|
|
107
|
-
"
|
|
85
|
+
"inverse": {
|
|
86
|
+
"value": "{color.brand.lime.300.value}",
|
|
87
|
+
"public": true,
|
|
88
|
+
"inverse": true,
|
|
108
89
|
"usage": "Accent color for icon color on dark backgrounds",
|
|
109
|
-
"wcag": "
|
|
110
|
-
"deprecated":
|
|
111
|
-
"comment": "Deprecated token",
|
|
112
|
-
"reference": "n/a",
|
|
113
|
-
"version": "3.12.0"
|
|
90
|
+
"wcag": "n/a",
|
|
91
|
+
"deprecated": false
|
|
114
92
|
}
|
|
115
93
|
},
|
|
116
|
-
"
|
|
117
|
-
"
|
|
118
|
-
"value": "{color.
|
|
119
|
-
"public":
|
|
120
|
-
"
|
|
121
|
-
"usage": "
|
|
94
|
+
"info": {
|
|
95
|
+
"default": {
|
|
96
|
+
"value": "{color.brand.navy.700.value}",
|
|
97
|
+
"public": true,
|
|
98
|
+
"default": true,
|
|
99
|
+
"usage": "Info icon color on light backgrounds",
|
|
122
100
|
"wcag": "n/a",
|
|
123
|
-
"deprecated":
|
|
124
|
-
"comment": "Deprecated token",
|
|
125
|
-
"reference": "color-icon-disabled-default",
|
|
126
|
-
"version": "3.15.0"
|
|
101
|
+
"deprecated": false
|
|
127
102
|
},
|
|
103
|
+
"inverse": {
|
|
104
|
+
"value": "{color.brand.navy.400.value}",
|
|
105
|
+
"public": true,
|
|
106
|
+
"inverse": true,
|
|
107
|
+
"usage": "Info icon color on dark backgrounds",
|
|
108
|
+
"wcag": "AAA",
|
|
109
|
+
"deprecated": false
|
|
110
|
+
}
|
|
111
|
+
},
|
|
112
|
+
"error": {
|
|
128
113
|
"default": {
|
|
129
|
-
"value": "{color.base.
|
|
114
|
+
"value": "{color.base.error.400.value}",
|
|
130
115
|
"public": true,
|
|
131
116
|
"default": true,
|
|
132
|
-
"usage": "
|
|
117
|
+
"usage": "Error icon color on light backgrounds",
|
|
133
118
|
"wcag": "n/a",
|
|
134
119
|
"deprecated": false
|
|
135
120
|
},
|
|
136
|
-
"
|
|
137
|
-
"value": "{color.base.
|
|
138
|
-
"public":
|
|
139
|
-
"
|
|
140
|
-
"usage": "
|
|
121
|
+
"inverse": {
|
|
122
|
+
"value": "{color.base.error.200.value}",
|
|
123
|
+
"public": true,
|
|
124
|
+
"inverse": true,
|
|
125
|
+
"usage": "Error icon color on dark backgrounds",
|
|
126
|
+
"wcag": "n/a",
|
|
127
|
+
"deprecated": false
|
|
128
|
+
}
|
|
129
|
+
},
|
|
130
|
+
"warning": {
|
|
131
|
+
"default": {
|
|
132
|
+
"value": "{color.base.warning.100.value}",
|
|
133
|
+
"public": true,
|
|
134
|
+
"default": true,
|
|
135
|
+
"usage": "Warning icon color on light backgrounds",
|
|
136
|
+
"wcag": "n/a",
|
|
137
|
+
"deprecated": false
|
|
138
|
+
},
|
|
139
|
+
"inverse": {
|
|
140
|
+
"value": "{color.base.warning.200.value}",
|
|
141
|
+
"public": true,
|
|
142
|
+
"inverse": true,
|
|
143
|
+
"usage": "Warning icon color on dark backgrounds",
|
|
144
|
+
"wcag": "n/a",
|
|
145
|
+
"deprecated": false
|
|
146
|
+
}
|
|
147
|
+
},
|
|
148
|
+
"success": {
|
|
149
|
+
"default": {
|
|
150
|
+
"value": "{color.base.success.100.value}",
|
|
151
|
+
"public": true,
|
|
152
|
+
"default": true,
|
|
153
|
+
"usage": "Success icon 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 icon color on dark backgrounds",
|
|
162
|
+
"wcag": "n/a",
|
|
163
|
+
"deprecated": false
|
|
164
|
+
}
|
|
165
|
+
},
|
|
166
|
+
"subtle": {
|
|
167
|
+
"default": {
|
|
168
|
+
"value": "{color.brand.blue.300.value}",
|
|
169
|
+
"public": true,
|
|
170
|
+
"default": true,
|
|
171
|
+
"usage": "Subtle icon color on light backgrounds",
|
|
172
|
+
"wcag": "n/a",
|
|
173
|
+
"deprecated": false
|
|
174
|
+
},
|
|
175
|
+
"inverse": {
|
|
176
|
+
"value": "{color.brand.navy.700.value}",
|
|
177
|
+
"public": true,
|
|
178
|
+
"inverse": true,
|
|
179
|
+
"usage": "Subtle icon color on dark backgrounds",
|
|
180
|
+
"wcag": "n/a",
|
|
181
|
+
"deprecated": false
|
|
182
|
+
}
|
|
183
|
+
},
|
|
184
|
+
"ui": {
|
|
185
|
+
"default": {
|
|
186
|
+
"default": {
|
|
187
|
+
"value": "{color.brand.blue.700.value}",
|
|
188
|
+
"public": true,
|
|
189
|
+
"default": true,
|
|
190
|
+
"usage": "Default color for UI icons on light backgrounds",
|
|
191
|
+
"wcag": "n/a",
|
|
192
|
+
"deprecated": false
|
|
193
|
+
},
|
|
194
|
+
"inverse": {
|
|
195
|
+
"value": "{color.brand.cyan.400.value}",
|
|
196
|
+
"public": true,
|
|
197
|
+
"inverse": true,
|
|
198
|
+
"usage": "Default color for UI icons on dark backgrounds",
|
|
199
|
+
"wcag": "n/a",
|
|
200
|
+
"deprecated": false
|
|
201
|
+
}
|
|
202
|
+
},
|
|
203
|
+
"hover": {
|
|
204
|
+
"default": {
|
|
205
|
+
"value": "{color.brand.blue.900.value}",
|
|
206
|
+
"public": true,
|
|
207
|
+
"default": true,
|
|
208
|
+
"usage": "Hover color for UI icons on light backgrounds",
|
|
209
|
+
"wcag": "n/a",
|
|
210
|
+
"deprecated": false
|
|
211
|
+
},
|
|
212
|
+
"inverse": {
|
|
213
|
+
"value": "{color.brand.cyan.200.value}",
|
|
214
|
+
"public": true,
|
|
215
|
+
"inverse": true,
|
|
216
|
+
"usage": "Hover color for UI icons on dark backgrounds",
|
|
217
|
+
"wcag": "n/a",
|
|
218
|
+
"deprecated": false
|
|
219
|
+
}
|
|
220
|
+
},
|
|
221
|
+
"active": {
|
|
222
|
+
"default": {
|
|
223
|
+
"value": "{color.brand.blue.800.value}",
|
|
224
|
+
"public": true,
|
|
225
|
+
"default": true,
|
|
226
|
+
"usage": "Active color for UI icons on light backgrounds",
|
|
227
|
+
"wcag": "n/a",
|
|
228
|
+
"deprecated": false
|
|
229
|
+
},
|
|
230
|
+
"inverse": {
|
|
231
|
+
"value": "{color.brand.cyan.300.value}",
|
|
232
|
+
"public": true,
|
|
233
|
+
"inverse": true,
|
|
234
|
+
"usage": "Active color for UI icons on dark backgrounds",
|
|
235
|
+
"wcag": "n/a",
|
|
236
|
+
"deprecated": false
|
|
237
|
+
}
|
|
238
|
+
},
|
|
239
|
+
"disabled": {
|
|
240
|
+
"default": {
|
|
241
|
+
"value": "{color.brand.gray.400.value}",
|
|
242
|
+
"public": true,
|
|
243
|
+
"default": true,
|
|
244
|
+
"usage": "Disabled color for UI icons on light backgrounds",
|
|
245
|
+
"wcag": "n/a",
|
|
246
|
+
"deprecated": false
|
|
247
|
+
},
|
|
248
|
+
"inverse": {
|
|
249
|
+
"value": "{color.brand.gray.600.value}",
|
|
250
|
+
"public": true,
|
|
251
|
+
"inverse": true,
|
|
252
|
+
"usage": "Disabled color for UI icons 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 color for UI icons 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 color for UI icons on dark backgrounds",
|
|
271
|
+
"wcag": "n/a",
|
|
272
|
+
"deprecated": false
|
|
273
|
+
}
|
|
274
|
+
}
|
|
275
|
+
},
|
|
276
|
+
"brand": {
|
|
277
|
+
"red": {
|
|
278
|
+
"default": {
|
|
279
|
+
"value": "{color.brand.red.700.value}",
|
|
280
|
+
"public": true,
|
|
281
|
+
"default": true,
|
|
282
|
+
"usage": "Brand color for red icons on light backgrounds",
|
|
283
|
+
"wcag": "n/a",
|
|
284
|
+
"deprecated": false
|
|
285
|
+
},
|
|
286
|
+
"inverse": {
|
|
287
|
+
"value": "{color.brand.red.500.value}",
|
|
288
|
+
"public": true,
|
|
289
|
+
"inverse": true,
|
|
290
|
+
"usage": "Brand color for red icons on dark backgrounds",
|
|
291
|
+
"wcag": "n/a",
|
|
292
|
+
"deprecated": false
|
|
293
|
+
}
|
|
294
|
+
},
|
|
295
|
+
"yellow": {
|
|
296
|
+
"default": {
|
|
297
|
+
"value": "{color.brand.yellow.700.value}",
|
|
298
|
+
"public": true,
|
|
299
|
+
"default": true,
|
|
300
|
+
"usage": "Brand color for yellow icons on light backgrounds",
|
|
301
|
+
"wcag": "n/a",
|
|
302
|
+
"deprecated": false
|
|
303
|
+
},
|
|
304
|
+
"inverse": {
|
|
305
|
+
"value": "{color.brand.yellow.300.value}",
|
|
306
|
+
"public": true,
|
|
307
|
+
"inverse": true,
|
|
308
|
+
"usage": "Brand color for yellow icons on dark backgrounds",
|
|
309
|
+
"wcag": "n/a",
|
|
310
|
+
"deprecated": false
|
|
311
|
+
}
|
|
312
|
+
},
|
|
313
|
+
"pink": {
|
|
314
|
+
"default": {
|
|
315
|
+
"value": "{color.brand.pink.700.value}",
|
|
316
|
+
"public": true,
|
|
317
|
+
"default": true,
|
|
318
|
+
"usage": "Brand color for pink icons on light backgrounds",
|
|
319
|
+
"wcag": "n/a",
|
|
320
|
+
"deprecated": false
|
|
321
|
+
},
|
|
322
|
+
"inverse": {
|
|
323
|
+
"value": "{color.brand.pink.500.value}",
|
|
324
|
+
"public": true,
|
|
325
|
+
"inverse": true,
|
|
326
|
+
"usage": "Brand color for pink icons on dark backgrounds",
|
|
327
|
+
"wcag": "n/a",
|
|
328
|
+
"deprecated": false
|
|
329
|
+
}
|
|
330
|
+
},
|
|
331
|
+
"purple": {
|
|
332
|
+
"default": {
|
|
333
|
+
"value": "{color.brand.purple.700.value}",
|
|
334
|
+
"public": true,
|
|
335
|
+
"default": true,
|
|
336
|
+
"usage": "Brand color for purple icons on light backgrounds",
|
|
337
|
+
"wcag": "n/a",
|
|
338
|
+
"deprecated": false
|
|
339
|
+
},
|
|
340
|
+
"inverse": {
|
|
341
|
+
"value": "{color.brand.purple.500.value}",
|
|
342
|
+
"public": true,
|
|
343
|
+
"inverse": true,
|
|
344
|
+
"usage": "Brand color for purple icons on dark backgrounds",
|
|
345
|
+
"wcag": "n/a",
|
|
346
|
+
"deprecated": false
|
|
347
|
+
}
|
|
348
|
+
},
|
|
349
|
+
"lime": {
|
|
350
|
+
"default": {
|
|
351
|
+
"value": "{color.brand.lime.700.value}",
|
|
352
|
+
"public": true,
|
|
353
|
+
"default": true,
|
|
354
|
+
"usage": "Brand color for lime icons on light backgrounds",
|
|
355
|
+
"wcag": "n/a",
|
|
356
|
+
"deprecated": false
|
|
357
|
+
},
|
|
358
|
+
"inverse": {
|
|
359
|
+
"value": "{color.brand.lime.300.value}",
|
|
360
|
+
"public": true,
|
|
361
|
+
"inverse": true,
|
|
362
|
+
"usage": "Brand color for lime icons on dark backgrounds",
|
|
363
|
+
"wcag": "n/a",
|
|
364
|
+
"deprecated": false
|
|
365
|
+
}
|
|
366
|
+
},
|
|
367
|
+
"green": {
|
|
368
|
+
"default": {
|
|
369
|
+
"value": "{color.brand.green.700.value}",
|
|
370
|
+
"public": true,
|
|
371
|
+
"default": true,
|
|
372
|
+
"usage": "Brand color for green icons on light backgrounds",
|
|
373
|
+
"wcag": "n/a",
|
|
374
|
+
"deprecated": false
|
|
375
|
+
},
|
|
376
|
+
"inverse": {
|
|
377
|
+
"value": "{color.brand.green.500.value}",
|
|
378
|
+
"public": true,
|
|
379
|
+
"inverse": true,
|
|
380
|
+
"usage": "Brand color for green icons on dark backgrounds",
|
|
381
|
+
"wcag": "n/a",
|
|
382
|
+
"deprecated": false
|
|
383
|
+
}
|
|
384
|
+
},
|
|
385
|
+
"turquoise": {
|
|
386
|
+
"default": {
|
|
387
|
+
"value": "{color.brand.turquoise.700.value}",
|
|
388
|
+
"public": true,
|
|
389
|
+
"default": true,
|
|
390
|
+
"usage": "Brand color for turquoise icons on light backgrounds",
|
|
391
|
+
"wcag": "n/a",
|
|
392
|
+
"deprecated": false
|
|
393
|
+
},
|
|
394
|
+
"inverse": {
|
|
395
|
+
"value": "{color.brand.turquoise.500.value}",
|
|
396
|
+
"public": true,
|
|
397
|
+
"inverse": true,
|
|
398
|
+
"usage": "Brand color for turquoise icons on dark backgrounds",
|
|
399
|
+
"wcag": "n/a",
|
|
400
|
+
"deprecated": false
|
|
401
|
+
}
|
|
402
|
+
},
|
|
403
|
+
"navy": {
|
|
404
|
+
"default": {
|
|
405
|
+
"value": "{color.brand.navy.800.value}",
|
|
406
|
+
"public": true,
|
|
407
|
+
"default": true,
|
|
408
|
+
"usage": "Brand color for navy icons on light backgrounds",
|
|
409
|
+
"wcag": "n/a",
|
|
410
|
+
"deprecated": false
|
|
411
|
+
},
|
|
412
|
+
"inverse": {
|
|
413
|
+
"value": "{color.brand.navy.500.value}",
|
|
414
|
+
"public": true,
|
|
415
|
+
"inverse": true,
|
|
416
|
+
"usage": "Brand color for navy icons on dark backgrounds",
|
|
417
|
+
"wcag": "n/a",
|
|
418
|
+
"deprecated": false
|
|
419
|
+
}
|
|
420
|
+
},
|
|
421
|
+
"blue": {
|
|
422
|
+
"default": {
|
|
423
|
+
"value": "{color.brand.blue.700.value}",
|
|
424
|
+
"public": true,
|
|
425
|
+
"default": true,
|
|
426
|
+
"usage": "Brand color for blue icons on light backgrounds",
|
|
427
|
+
"wcag": "n/a",
|
|
428
|
+
"deprecated": false
|
|
429
|
+
},
|
|
430
|
+
"inverse": {
|
|
431
|
+
"value": "{color.brand.blue.500.value}",
|
|
432
|
+
"public": true,
|
|
433
|
+
"inverse": true,
|
|
434
|
+
"usage": "Brand color for blue icons on dark backgrounds",
|
|
435
|
+
"wcag": "n/a",
|
|
436
|
+
"deprecated": false
|
|
437
|
+
}
|
|
438
|
+
},
|
|
439
|
+
"cyan": {
|
|
440
|
+
"default": {
|
|
441
|
+
"value": "{color.brand.cyan.700.value}",
|
|
442
|
+
"public": true,
|
|
443
|
+
"default": true,
|
|
444
|
+
"usage": "Brand color for cyan icons on light backgrounds",
|
|
445
|
+
"wcag": "n/a",
|
|
446
|
+
"deprecated": false
|
|
447
|
+
},
|
|
448
|
+
"inverse": {
|
|
449
|
+
"value": "{color.brand.cyan.300.value}",
|
|
450
|
+
"public": true,
|
|
451
|
+
"inverse": true,
|
|
452
|
+
"usage": "Brand color for cyan icons on dark backgrounds",
|
|
453
|
+
"wcag": "n/a",
|
|
454
|
+
"deprecated": false
|
|
455
|
+
}
|
|
456
|
+
},
|
|
457
|
+
"gray": {
|
|
458
|
+
"default": {
|
|
459
|
+
"value": "{color.brand.gray.700.value}",
|
|
460
|
+
"public": true,
|
|
461
|
+
"default": true,
|
|
462
|
+
"usage": "Brand color for gray icons on light backgrounds",
|
|
463
|
+
"wcag": "n/a",
|
|
464
|
+
"deprecated": false
|
|
465
|
+
},
|
|
466
|
+
"inverse": {
|
|
467
|
+
"value": "{color.brand.gray.300.value}",
|
|
468
|
+
"public": true,
|
|
469
|
+
"inverse": true,
|
|
470
|
+
"usage": "Brand color for gray icons on dark backgrounds",
|
|
471
|
+
"wcag": "n/a",
|
|
472
|
+
"deprecated": false
|
|
473
|
+
}
|
|
474
|
+
},
|
|
475
|
+
"neutral": {
|
|
476
|
+
"default": {
|
|
477
|
+
"value": "{color.brand.neutral.700.value}",
|
|
478
|
+
"public": true,
|
|
479
|
+
"default": true,
|
|
480
|
+
"usage": "Brand color for neutral icons on light backgrounds",
|
|
481
|
+
"wcag": "n/a",
|
|
482
|
+
"deprecated": false
|
|
483
|
+
},
|
|
484
|
+
"inverse": {
|
|
485
|
+
"value": "{color.brand.neutral.400.value}",
|
|
486
|
+
"public": true,
|
|
487
|
+
"inverse": true,
|
|
488
|
+
"usage": "Brand color for neutral icons on dark backgrounds",
|
|
489
|
+
"wcag": "n/a",
|
|
490
|
+
"deprecated": false
|
|
491
|
+
}
|
|
492
|
+
}
|
|
493
|
+
},
|
|
494
|
+
"disabled": {
|
|
495
|
+
"default": {
|
|
496
|
+
"value": "{color.base.black-opacity-15.value}",
|
|
497
|
+
"public": true,
|
|
498
|
+
"default": true,
|
|
499
|
+
"usage": "Disabled icon color on light backgrounds",
|
|
141
500
|
"wcag": "n/a",
|
|
142
501
|
"deprecated": true,
|
|
143
|
-
"
|
|
144
|
-
"reference": "n/a"
|
|
145
|
-
"version": "3.12.0"
|
|
502
|
+
"version": "4.5.0",
|
|
503
|
+
"reference": "n/a"
|
|
146
504
|
}
|
|
147
505
|
}
|
|
148
506
|
}
|