@aurodesignsystem/design-tokens 4.0.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 +573 -0
- package/LICENSE +201 -0
- package/README.md +97 -0
- package/dist/tokens/CSSCustomProperties--darkmode.css +302 -0
- package/dist/tokens/CSSCustomProperties.css +315 -0
- package/dist/tokens/CSSCustomPropertiesColorRGB--darkmode.css +155 -0
- package/dist/tokens/CSSCustomPropertiesColorRGB.css +168 -0
- package/dist/tokens/CSSOpacityProperties--darkmode.scss +10 -0
- package/dist/tokens/CSSOpacityProperties.scss +10 -0
- package/dist/tokens/CSSSizeCustomProperties--darkmode.css +20 -0
- package/dist/tokens/CSSSizeCustomProperties.css +20 -0
- package/dist/tokens/CSSVariables--darkmode.css +302 -0
- package/dist/tokens/CSSVariablesMapFlat--darkmode.css +368 -0
- package/dist/tokens/JSData--color.js +3665 -0
- package/dist/tokens/JSData--darkmodeColor.js +3254 -0
- package/dist/tokens/JSObject--allDarkTokens.js +7087 -0
- package/dist/tokens/JSObject--allTokens.js +7498 -0
- package/dist/tokens/JSObject--deprecated.js +2788 -0
- package/dist/tokens/JSObject--deprecatedDark.js +675 -0
- package/dist/tokens/JSVariables--color.js +166 -0
- package/dist/tokens/JSVariables--darkmodeColor.js +153 -0
- package/dist/tokens/SCSSOpacityVariables--darkmode.scss +7 -0
- package/dist/tokens/SCSSOpacityVariables.scss +7 -0
- package/dist/tokens/SCSSVariableMap--darkmode.scss +37 -0
- package/dist/tokens/SCSSVariableMap.scss +37 -0
- package/dist/tokens/SCSSVariables--darkmode.scss +299 -0
- package/dist/tokens/SCSSVariables.scss +312 -0
- package/dist/tokens/SCSSVariablesMapFlat--darkmode.scss +368 -0
- package/dist/tokens/SCSSVariablesMapFlat.scss +381 -0
- package/dist/tokens/SassCustomProperties--darkmode.scss +302 -0
- package/dist/tokens/SassCustomProperties.scss +315 -0
- package/dist/tokens/SassCustomPropertiesColorRGB--darkmode.scss +155 -0
- package/dist/tokens/SassCustomPropertiesColorRGB.scss +168 -0
- package/dist/tokens/SassSizeCustomProperties--darkmode.scss +20 -0
- package/dist/tokens/SassSizeCustomProperties.scss +20 -0
- package/package.json +92 -0
- package/packageScripts/postinstall.mjs +34 -0
- package/src/animation.json +21 -0
- package/src/asset/font.json +35 -0
- package/src/breakpoint.json +28 -0
- package/src/color/alert.json +175 -0
- package/src/color/background.json +38 -0
- package/src/color/base.json +140 -0
- package/src/color/border.json +214 -0
- package/src/color/brand.json +530 -0
- package/src/color/icon.json +150 -0
- package/src/color/text.json +237 -0
- package/src/color/tier.json +114 -0
- package/src/color/ui.json +165 -0
- package/src/color-darkmode/alert.json +56 -0
- package/src/color-darkmode/background.json +38 -0
- package/src/color-darkmode/base.json +140 -0
- package/src/color-darkmode/border.json +66 -0
- package/src/color-darkmode/brand.json +530 -0
- package/src/color-darkmode/icon.json +46 -0
- package/src/color-darkmode/text.json +66 -0
- package/src/color-darkmode/tier.json +54 -0
- package/src/color-darkmode/ui.json +57 -0
- package/src/comments.json +34 -0
- package/src/depth.json +29 -0
- package/src/elevation.json +22 -0
- package/src/grid-breakpoint.json +29 -0
- package/src/grid-column.json +29 -0
- package/src/grid-gutter.json +29 -0
- package/src/grid-margin.json +29 -0
- package/src/shadow.json +13 -0
- package/src/size/radius.json +9 -0
- package/src/size/scale.json +308 -0
- package/src/size/unitless-scale.json +82 -0
- package/src/text.json +572 -0
|
@@ -0,0 +1,530 @@
|
|
|
1
|
+
{
|
|
2
|
+
"color": {
|
|
3
|
+
"brand": {
|
|
4
|
+
"midnight": {
|
|
5
|
+
"100": {
|
|
6
|
+
"value": "c1daf0",
|
|
7
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
8
|
+
"public": true,
|
|
9
|
+
"neutral": true,
|
|
10
|
+
"usage": "Transactional colors to move guests through task-based interactions.",
|
|
11
|
+
"wcag": "n/a",
|
|
12
|
+
"deprecated": false
|
|
13
|
+
},
|
|
14
|
+
"200": {
|
|
15
|
+
"value": "569ed7",
|
|
16
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
17
|
+
"public": true,
|
|
18
|
+
"neutral": true,
|
|
19
|
+
"usage": "Transactional colors to move guests through task-based interactions.",
|
|
20
|
+
"wcag": "n/a",
|
|
21
|
+
"deprecated": false
|
|
22
|
+
},
|
|
23
|
+
"300": {
|
|
24
|
+
"value": "156fad",
|
|
25
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
26
|
+
"public": true,
|
|
27
|
+
"neutral": true,
|
|
28
|
+
"usage": "Transactional colors to move guests through task-based interactions.",
|
|
29
|
+
"wcag": "n/a",
|
|
30
|
+
"deprecated": false
|
|
31
|
+
},
|
|
32
|
+
"400": {
|
|
33
|
+
"value": "01426a",
|
|
34
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
35
|
+
"public": true,
|
|
36
|
+
"neutral": true,
|
|
37
|
+
"usage": "Transactional colors to move guests through task-based interactions.",
|
|
38
|
+
"wcag": "n/a",
|
|
39
|
+
"deprecated": false
|
|
40
|
+
},
|
|
41
|
+
"500": {
|
|
42
|
+
"value": "00274a",
|
|
43
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
44
|
+
"public": true,
|
|
45
|
+
"neutral": true,
|
|
46
|
+
"usage": "Transactional colors to move guests through task-based interactions.",
|
|
47
|
+
"wcag": "n/a",
|
|
48
|
+
"deprecated": false
|
|
49
|
+
}
|
|
50
|
+
},
|
|
51
|
+
"atlas": {
|
|
52
|
+
"100": {
|
|
53
|
+
"value": "cde6ff",
|
|
54
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
55
|
+
"public": true,
|
|
56
|
+
"neutral": true,
|
|
57
|
+
"usage": "Transactional colors to move guests through task-based interactions.",
|
|
58
|
+
"wcag": "n/a",
|
|
59
|
+
"deprecated": false
|
|
60
|
+
},
|
|
61
|
+
"200": {
|
|
62
|
+
"value": "6bb7fb",
|
|
63
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
64
|
+
"public": true,
|
|
65
|
+
"neutral": true,
|
|
66
|
+
"usage": "Transactional colors to move guests through task-based interactions.",
|
|
67
|
+
"wcag": "n/a",
|
|
68
|
+
"deprecated": false
|
|
69
|
+
},
|
|
70
|
+
"300": {
|
|
71
|
+
"value": "2492eb",
|
|
72
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
73
|
+
"public": true,
|
|
74
|
+
"neutral": true,
|
|
75
|
+
"usage": "Transactional colors to move guests through task-based interactions.",
|
|
76
|
+
"wcag": "n/a",
|
|
77
|
+
"deprecated": false
|
|
78
|
+
},
|
|
79
|
+
"400": {
|
|
80
|
+
"value": "0074c8",
|
|
81
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
82
|
+
"public": true,
|
|
83
|
+
"neutral": true,
|
|
84
|
+
"usage": "Transactional colors to move guests through task-based interactions.",
|
|
85
|
+
"wcag": "n/a",
|
|
86
|
+
"deprecated": false
|
|
87
|
+
},
|
|
88
|
+
"400-opacity-20": {
|
|
89
|
+
"value": "0074c833",
|
|
90
|
+
"comment": "color brand atlas 400 @ 20%",
|
|
91
|
+
"opacity": true
|
|
92
|
+
},
|
|
93
|
+
"500": {
|
|
94
|
+
"value": "054687",
|
|
95
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
96
|
+
"public": true,
|
|
97
|
+
"neutral": true,
|
|
98
|
+
"usage": "Transactional colors to move guests through task-based interactions.",
|
|
99
|
+
"wcag": "n/a",
|
|
100
|
+
"deprecated": false
|
|
101
|
+
}
|
|
102
|
+
},
|
|
103
|
+
"breeze": {
|
|
104
|
+
"100": {
|
|
105
|
+
"value": "c0f7ff",
|
|
106
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
107
|
+
"public": true,
|
|
108
|
+
"neutral": true,
|
|
109
|
+
"usage": "Transactional colors to move guests through task-based interactions.",
|
|
110
|
+
"wcag": "n/a",
|
|
111
|
+
"deprecated": false
|
|
112
|
+
},
|
|
113
|
+
"200": {
|
|
114
|
+
"value": "5de3f7",
|
|
115
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
116
|
+
"public": true,
|
|
117
|
+
"neutral": true,
|
|
118
|
+
"usage": "Transactional colors to move guests through task-based interactions.",
|
|
119
|
+
"wcag": "n/a",
|
|
120
|
+
"deprecated": false
|
|
121
|
+
},
|
|
122
|
+
"300": {
|
|
123
|
+
"value": "00cff0",
|
|
124
|
+
"public": true,
|
|
125
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
126
|
+
"neutral": true,
|
|
127
|
+
"usage": "Transactional colors to move guests through task-based interactions.",
|
|
128
|
+
"wcag": "n/a",
|
|
129
|
+
"deprecated": false
|
|
130
|
+
},
|
|
131
|
+
"300-opacity-30": {
|
|
132
|
+
"value": "00cff04d",
|
|
133
|
+
"comment": "breeze 300 @ 30%",
|
|
134
|
+
"neutral": true,
|
|
135
|
+
"usage": "Transactional colors to move guests through task-based interactions.",
|
|
136
|
+
"wcag": "n/a",
|
|
137
|
+
"deprecated": false
|
|
138
|
+
},
|
|
139
|
+
"400": {
|
|
140
|
+
"value": "099dc5",
|
|
141
|
+
"public": true,
|
|
142
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
143
|
+
"neutral": true,
|
|
144
|
+
"usage": "Transactional colors to move guests through task-based interactions.",
|
|
145
|
+
"wcag": "n/a",
|
|
146
|
+
"deprecated": false
|
|
147
|
+
},
|
|
148
|
+
"500": {
|
|
149
|
+
"value": "0b5575",
|
|
150
|
+
"public": true,
|
|
151
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
152
|
+
"neutral": true,
|
|
153
|
+
"usage": "Transactional colors to move guests through task-based interactions.",
|
|
154
|
+
"wcag": "n/a",
|
|
155
|
+
"deprecated": false
|
|
156
|
+
}
|
|
157
|
+
},
|
|
158
|
+
"tropical": {
|
|
159
|
+
"100": {
|
|
160
|
+
"value": "e2ffcd",
|
|
161
|
+
"public": true,
|
|
162
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
163
|
+
"neutral": true,
|
|
164
|
+
"usage": "Transactional colors to move guests through task-based interactions.",
|
|
165
|
+
"wcag": "n/a",
|
|
166
|
+
"deprecated": false
|
|
167
|
+
},
|
|
168
|
+
"200": {
|
|
169
|
+
"value": "d0fba6",
|
|
170
|
+
"public": true,
|
|
171
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
172
|
+
"neutral": true,
|
|
173
|
+
"usage": "Transactional colors to move guests through task-based interactions.",
|
|
174
|
+
"wcag": "n/a",
|
|
175
|
+
"deprecated": false
|
|
176
|
+
},
|
|
177
|
+
"300": {
|
|
178
|
+
"value": "c0e585",
|
|
179
|
+
"public": true,
|
|
180
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
181
|
+
"neutral": true,
|
|
182
|
+
"usage": "Transactional colors to move guests through task-based interactions.",
|
|
183
|
+
"wcag": "n/a",
|
|
184
|
+
"deprecated": false
|
|
185
|
+
},
|
|
186
|
+
"400": {
|
|
187
|
+
"value": "91be62",
|
|
188
|
+
"public": true,
|
|
189
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
190
|
+
"neutral": true,
|
|
191
|
+
"usage": "Transactional colors to move guests through task-based interactions.",
|
|
192
|
+
"wcag": "n/a",
|
|
193
|
+
"deprecated": false
|
|
194
|
+
},
|
|
195
|
+
"500": {
|
|
196
|
+
"value": "5e8741",
|
|
197
|
+
"public": true,
|
|
198
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
199
|
+
"neutral": true,
|
|
200
|
+
"usage": "Transactional colors to move guests through task-based interactions.",
|
|
201
|
+
"wcag": "n/a",
|
|
202
|
+
"deprecated": false
|
|
203
|
+
}
|
|
204
|
+
},
|
|
205
|
+
"alpine": {
|
|
206
|
+
"100": {
|
|
207
|
+
"value": "bcaae6",
|
|
208
|
+
"public": true,
|
|
209
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
210
|
+
"neutral": true,
|
|
211
|
+
"usage": "Conversational colors add warmth and energy to our experience",
|
|
212
|
+
"wcag": "n/a",
|
|
213
|
+
"deprecated": false
|
|
214
|
+
},
|
|
215
|
+
"200": {
|
|
216
|
+
"value": "9e73ea",
|
|
217
|
+
"public": true,
|
|
218
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
219
|
+
"neutral": true,
|
|
220
|
+
"usage": "Conversational colors add warmth and energy to our experience",
|
|
221
|
+
"wcag": "n/a",
|
|
222
|
+
"deprecated": false
|
|
223
|
+
},
|
|
224
|
+
"300": {
|
|
225
|
+
"value": "8439ef",
|
|
226
|
+
"public": true,
|
|
227
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
228
|
+
"neutral": true,
|
|
229
|
+
"usage": "Conversational colors add warmth and energy to our experience",
|
|
230
|
+
"wcag": "n/a",
|
|
231
|
+
"deprecated": false
|
|
232
|
+
},
|
|
233
|
+
"400": {
|
|
234
|
+
"value": "631db8",
|
|
235
|
+
"public": true,
|
|
236
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
237
|
+
"neutral": true,
|
|
238
|
+
"usage": "Conversational colors add warmth and energy to our experience",
|
|
239
|
+
"wcag": "n/a",
|
|
240
|
+
"deprecated": false
|
|
241
|
+
},
|
|
242
|
+
"500": {
|
|
243
|
+
"value": "39115c",
|
|
244
|
+
"public": true,
|
|
245
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
246
|
+
"neutral": true,
|
|
247
|
+
"usage": "Conversational colors add warmth and energy to our experience",
|
|
248
|
+
"wcag": "n/a",
|
|
249
|
+
"deprecated": false
|
|
250
|
+
}
|
|
251
|
+
},
|
|
252
|
+
"flamingo": {
|
|
253
|
+
"100": {
|
|
254
|
+
"value": "ffebee",
|
|
255
|
+
"public": true,
|
|
256
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
257
|
+
"neutral": true,
|
|
258
|
+
"usage": "Conversational colors add warmth and energy to our experience",
|
|
259
|
+
"wcag": "n/a",
|
|
260
|
+
"deprecated": false
|
|
261
|
+
},
|
|
262
|
+
"200": {
|
|
263
|
+
"value": "ffc0ca",
|
|
264
|
+
"public": true,
|
|
265
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
266
|
+
"neutral": true,
|
|
267
|
+
"usage": "Conversational colors add warmth and energy to our experience",
|
|
268
|
+
"wcag": "n/a",
|
|
269
|
+
"deprecated": false
|
|
270
|
+
},
|
|
271
|
+
"300": {
|
|
272
|
+
"value": "ff94a7",
|
|
273
|
+
"public": true,
|
|
274
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
275
|
+
"neutral": true,
|
|
276
|
+
"usage": "Conversational colors add warmth and energy to our experience",
|
|
277
|
+
"wcag": "n/a",
|
|
278
|
+
"deprecated": false
|
|
279
|
+
},
|
|
280
|
+
"400": {
|
|
281
|
+
"value": "F65b7b",
|
|
282
|
+
"public": true,
|
|
283
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
284
|
+
"neutral": true,
|
|
285
|
+
"usage": "Conversational colors add warmth and energy to our experience",
|
|
286
|
+
"wcag": "n/a",
|
|
287
|
+
"deprecated": false
|
|
288
|
+
},
|
|
289
|
+
"500": {
|
|
290
|
+
"value": "b82b47",
|
|
291
|
+
"public": true,
|
|
292
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
293
|
+
"neutral": true,
|
|
294
|
+
"usage": "Conversational colors add warmth and energy to our experience",
|
|
295
|
+
"wcag": "n/a",
|
|
296
|
+
"deprecated": false
|
|
297
|
+
}
|
|
298
|
+
},
|
|
299
|
+
"canyon": {
|
|
300
|
+
"100": {
|
|
301
|
+
"value": "ffcab6",
|
|
302
|
+
"public": true,
|
|
303
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
304
|
+
"neutral": true,
|
|
305
|
+
"usage": "Conversational colors add warmth and energy to our experience",
|
|
306
|
+
"wcag": "n/a",
|
|
307
|
+
"deprecated": false
|
|
308
|
+
},
|
|
309
|
+
"200": {
|
|
310
|
+
"value": "f99574",
|
|
311
|
+
"public": true,
|
|
312
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
313
|
+
"neutral": true,
|
|
314
|
+
"usage": "Conversational colors add warmth and energy to our experience",
|
|
315
|
+
"wcag": "n/a",
|
|
316
|
+
"deprecated": false
|
|
317
|
+
},
|
|
318
|
+
"300": {
|
|
319
|
+
"value": "f26135",
|
|
320
|
+
"public": true,
|
|
321
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
322
|
+
"neutral": true,
|
|
323
|
+
"usage": "Conversational colors add warmth and energy to our experience",
|
|
324
|
+
"wcag": "n/a",
|
|
325
|
+
"deprecated": false
|
|
326
|
+
},
|
|
327
|
+
"400": {
|
|
328
|
+
"value": "de3e09",
|
|
329
|
+
"public": true,
|
|
330
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
331
|
+
"neutral": true,
|
|
332
|
+
"usage": "Conversational colors add warmth and energy to our experience",
|
|
333
|
+
"wcag": "n/a",
|
|
334
|
+
"deprecated": false
|
|
335
|
+
},
|
|
336
|
+
"500": {
|
|
337
|
+
"value": "b83302",
|
|
338
|
+
"public": true,
|
|
339
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
340
|
+
"neutral": true,
|
|
341
|
+
"usage": "Conversational colors add warmth and energy to our experience",
|
|
342
|
+
"wcag": "n/a",
|
|
343
|
+
"deprecated": false
|
|
344
|
+
}
|
|
345
|
+
},
|
|
346
|
+
"goldcoast": {
|
|
347
|
+
"100": {
|
|
348
|
+
"value": "fff0cd",
|
|
349
|
+
"public": true,
|
|
350
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
351
|
+
"neutral": true,
|
|
352
|
+
"usage": "Conversational colors add warmth and energy to our experience",
|
|
353
|
+
"wcag": "n/a",
|
|
354
|
+
"deprecated": false
|
|
355
|
+
},
|
|
356
|
+
"200": {
|
|
357
|
+
"value": "ffdb67",
|
|
358
|
+
"public": true,
|
|
359
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
360
|
+
"neutral": true,
|
|
361
|
+
"usage": "Conversational colors add warmth and energy to our experience",
|
|
362
|
+
"wcag": "n/a",
|
|
363
|
+
"deprecated": false
|
|
364
|
+
},
|
|
365
|
+
"300": {
|
|
366
|
+
"value": "ffd200",
|
|
367
|
+
"public": true,
|
|
368
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
369
|
+
"neutral": true,
|
|
370
|
+
"usage": "Conversational colors add warmth and energy to our experience",
|
|
371
|
+
"wcag": "n/a",
|
|
372
|
+
"deprecated": false
|
|
373
|
+
},
|
|
374
|
+
"400": {
|
|
375
|
+
"value": "e5ad07",
|
|
376
|
+
"public": true,
|
|
377
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
378
|
+
"neutral": true,
|
|
379
|
+
"usage": "Conversational colors add warmth and energy to our experience",
|
|
380
|
+
"wcag": "n/a",
|
|
381
|
+
"deprecated": false
|
|
382
|
+
},
|
|
383
|
+
"500": {
|
|
384
|
+
"value": "b88624",
|
|
385
|
+
"public": true,
|
|
386
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
387
|
+
"neutral": true,
|
|
388
|
+
"usage": "Conversational colors add warmth and energy to our experience",
|
|
389
|
+
"wcag": "n/a",
|
|
390
|
+
"deprecated": false
|
|
391
|
+
}
|
|
392
|
+
},
|
|
393
|
+
"neutral": {
|
|
394
|
+
"100": {
|
|
395
|
+
"value": "f9fbfc",
|
|
396
|
+
"public": true,
|
|
397
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
398
|
+
"neutral": true,
|
|
399
|
+
"usage": "TBD...",
|
|
400
|
+
"wcag": "n/a",
|
|
401
|
+
"deprecated": false
|
|
402
|
+
},
|
|
403
|
+
"200": {
|
|
404
|
+
"value": "e2eaef",
|
|
405
|
+
"public": true,
|
|
406
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
407
|
+
"neutral": true,
|
|
408
|
+
"usage": "TBD...",
|
|
409
|
+
"wcag": "n/a",
|
|
410
|
+
"deprecated": false
|
|
411
|
+
},
|
|
412
|
+
"300": {
|
|
413
|
+
"value": "cbd8e2",
|
|
414
|
+
"public": true,
|
|
415
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
416
|
+
"neutral": true,
|
|
417
|
+
"usage": "TBD...",
|
|
418
|
+
"wcag": "n/a",
|
|
419
|
+
"deprecated": false
|
|
420
|
+
},
|
|
421
|
+
"400": {
|
|
422
|
+
"value": "9fabbb",
|
|
423
|
+
"public": true,
|
|
424
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
425
|
+
"neutral": true,
|
|
426
|
+
"usage": "TBD...",
|
|
427
|
+
"wcag": "n/a",
|
|
428
|
+
"deprecated": false
|
|
429
|
+
},
|
|
430
|
+
"500": {
|
|
431
|
+
"value": "626b79",
|
|
432
|
+
"public": true,
|
|
433
|
+
"comment": "{comments.color.brand.value.comment}",
|
|
434
|
+
"neutral": true,
|
|
435
|
+
"usage": "TBD...",
|
|
436
|
+
"wcag": "n/a",
|
|
437
|
+
"deprecated": false
|
|
438
|
+
}
|
|
439
|
+
},
|
|
440
|
+
"gray": {
|
|
441
|
+
"100": {
|
|
442
|
+
"value": "f8f8f8",
|
|
443
|
+
"public": true,
|
|
444
|
+
"neutral": true,
|
|
445
|
+
"usage": "Neutral accent",
|
|
446
|
+
"wcag": "n/a",
|
|
447
|
+
"deprecated": false
|
|
448
|
+
},
|
|
449
|
+
"200": {
|
|
450
|
+
"value": "dbdbdb",
|
|
451
|
+
"public": true,
|
|
452
|
+
"neutral": true,
|
|
453
|
+
"usage": "Neutral accent",
|
|
454
|
+
"wcag": "n/a",
|
|
455
|
+
"deprecated": false
|
|
456
|
+
},
|
|
457
|
+
"300": {
|
|
458
|
+
"value": "b2b2b2",
|
|
459
|
+
"public": true,
|
|
460
|
+
"neutral": true,
|
|
461
|
+
"usage": "Neutral accent",
|
|
462
|
+
"wcag": "n/a",
|
|
463
|
+
"deprecated": false
|
|
464
|
+
},
|
|
465
|
+
"400": {
|
|
466
|
+
"value": "767676",
|
|
467
|
+
"public": true,
|
|
468
|
+
"neutral": true,
|
|
469
|
+
"usage": "Neutral accent",
|
|
470
|
+
"wcag": "n/a",
|
|
471
|
+
"deprecated": false
|
|
472
|
+
},
|
|
473
|
+
"500": {
|
|
474
|
+
"value": "222222",
|
|
475
|
+
"public": true,
|
|
476
|
+
"neutral": true,
|
|
477
|
+
"usage": "Neutral accent",
|
|
478
|
+
"wcag": "n/a",
|
|
479
|
+
"deprecated": false
|
|
480
|
+
}
|
|
481
|
+
},
|
|
482
|
+
"goldgray": {
|
|
483
|
+
"100": {
|
|
484
|
+
"value": "C5C1BF",
|
|
485
|
+
"public": true,
|
|
486
|
+
"usage": "Tier branding color",
|
|
487
|
+
"deprecated": false
|
|
488
|
+
},
|
|
489
|
+
"200": {
|
|
490
|
+
"value": "726E6C",
|
|
491
|
+
"public": true,
|
|
492
|
+
"usage": "Tier branding color",
|
|
493
|
+
"deprecated": false
|
|
494
|
+
}
|
|
495
|
+
},
|
|
496
|
+
"gold": {
|
|
497
|
+
"100": {
|
|
498
|
+
"value": "CCBC94",
|
|
499
|
+
"public": true,
|
|
500
|
+
"usage": "Tier branding color",
|
|
501
|
+
"deprecated": false
|
|
502
|
+
},
|
|
503
|
+
"200": {
|
|
504
|
+
"value": "7F682E",
|
|
505
|
+
"public": true,
|
|
506
|
+
"usage": "Tier branding color",
|
|
507
|
+
"deprecated": false
|
|
508
|
+
}
|
|
509
|
+
},
|
|
510
|
+
"emerald": {
|
|
511
|
+
"value": "139142",
|
|
512
|
+
"public": true,
|
|
513
|
+
"usage": "Tier branding color",
|
|
514
|
+
"deprecated": false
|
|
515
|
+
},
|
|
516
|
+
"sapphire": {
|
|
517
|
+
"value": "015DAA",
|
|
518
|
+
"public": true,
|
|
519
|
+
"usage": "Tier branding color",
|
|
520
|
+
"deprecated": false
|
|
521
|
+
},
|
|
522
|
+
"ruby": {
|
|
523
|
+
"value": "A41D4A",
|
|
524
|
+
"public": true,
|
|
525
|
+
"usage": "Tier branding color",
|
|
526
|
+
"deprecated": false
|
|
527
|
+
}
|
|
528
|
+
}
|
|
529
|
+
}
|
|
530
|
+
}
|
|
@@ -0,0 +1,150 @@
|
|
|
1
|
+
{
|
|
2
|
+
"color": {
|
|
3
|
+
"icon": {
|
|
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
|
+
"default": {
|
|
17
|
+
"value": "{color.base.neutral.500.value}",
|
|
18
|
+
"public": true,
|
|
19
|
+
"default": true,
|
|
20
|
+
"usage": "Primary color for icons on light backgrounds",
|
|
21
|
+
"wcag": "AAA",
|
|
22
|
+
"deprecated": false
|
|
23
|
+
},
|
|
24
|
+
"onDark": {
|
|
25
|
+
"value": "{color.base.neutral.400.value}",
|
|
26
|
+
"public": false,
|
|
27
|
+
"onDark": true,
|
|
28
|
+
"usage": "Primary color for icons on dark backgrounds",
|
|
29
|
+
"wcag": "AAA",
|
|
30
|
+
"deprecated": true,
|
|
31
|
+
"comment": "Deprecated token",
|
|
32
|
+
"reference": "color-icon-primary-inverse",
|
|
33
|
+
"version": "3.15.0"
|
|
34
|
+
},
|
|
35
|
+
"inverse": {
|
|
36
|
+
"value": "{color.base.neutral.400.value}",
|
|
37
|
+
"public": true,
|
|
38
|
+
"inverse": true,
|
|
39
|
+
"usage": "Primary color for icons on dark backgrounds",
|
|
40
|
+
"wcag": "AAA",
|
|
41
|
+
"deprecated": false
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
"emphasis": {
|
|
45
|
+
"onLight": {
|
|
46
|
+
"value": "{color.base.gray.500.value}",
|
|
47
|
+
"public": false,
|
|
48
|
+
"onLight": true,
|
|
49
|
+
"usage": "Emphasis or darkest icon color on light backgrounds",
|
|
50
|
+
"wcag": "AAA",
|
|
51
|
+
"deprecated": true,
|
|
52
|
+
"comment": "Deprecated token",
|
|
53
|
+
"reference": "color-icon-emphasis-default",
|
|
54
|
+
"version": "3.15.0"
|
|
55
|
+
},
|
|
56
|
+
"default": {
|
|
57
|
+
"value": "{color.base.gray.500.value}",
|
|
58
|
+
"public": true,
|
|
59
|
+
"default": true,
|
|
60
|
+
"usage": "Emphasis or darkest icon color on light backgrounds",
|
|
61
|
+
"wcag": "AAA",
|
|
62
|
+
"deprecated": false
|
|
63
|
+
},
|
|
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
|
+
"inverse": {
|
|
76
|
+
"value": "{color.base.white.value}",
|
|
77
|
+
"public": true,
|
|
78
|
+
"inverse": true,
|
|
79
|
+
"usage": "Emphasis or lightest icon color on dark backgrounds",
|
|
80
|
+
"wcag": "AAA",
|
|
81
|
+
"deprecated": false
|
|
82
|
+
}
|
|
83
|
+
},
|
|
84
|
+
"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
|
+
"default": {
|
|
97
|
+
"value": "{color.brand.atlas.400.value}",
|
|
98
|
+
"public": true,
|
|
99
|
+
"default": true,
|
|
100
|
+
"usage": "Accent color for icon color on light backgrounds",
|
|
101
|
+
"wcag": "AA",
|
|
102
|
+
"deprecated": false
|
|
103
|
+
},
|
|
104
|
+
"onDark": {
|
|
105
|
+
"value": "{color.brand.breeze.300.value}",
|
|
106
|
+
"public": false,
|
|
107
|
+
"onDark": true,
|
|
108
|
+
"usage": "Accent color for icon color on dark backgrounds",
|
|
109
|
+
"wcag": "AA",
|
|
110
|
+
"deprecated": true,
|
|
111
|
+
"comment": "Deprecated token",
|
|
112
|
+
"reference": "n/a",
|
|
113
|
+
"version": "3.12.0"
|
|
114
|
+
}
|
|
115
|
+
},
|
|
116
|
+
"disabled": {
|
|
117
|
+
"onLight": {
|
|
118
|
+
"value": "{color.base.black-opacity-15.value}",
|
|
119
|
+
"public": false,
|
|
120
|
+
"onLight": true,
|
|
121
|
+
"usage": "Disabled icon color on light backgrounds",
|
|
122
|
+
"wcag": "n/a",
|
|
123
|
+
"deprecated": true,
|
|
124
|
+
"comment": "Deprecated token",
|
|
125
|
+
"reference": "color-icon-disabled-default",
|
|
126
|
+
"version": "3.15.0"
|
|
127
|
+
},
|
|
128
|
+
"default": {
|
|
129
|
+
"value": "{color.base.black-opacity-15.value}",
|
|
130
|
+
"public": true,
|
|
131
|
+
"default": true,
|
|
132
|
+
"usage": "Disabled icon color on light backgrounds",
|
|
133
|
+
"wcag": "n/a",
|
|
134
|
+
"deprecated": false
|
|
135
|
+
},
|
|
136
|
+
"onDark": {
|
|
137
|
+
"value": "{color.base.white-opacity-40.value}",
|
|
138
|
+
"public": false,
|
|
139
|
+
"onDark": true,
|
|
140
|
+
"usage": "Disabled icon color on dark backgrounds",
|
|
141
|
+
"wcag": "n/a",
|
|
142
|
+
"deprecated": true,
|
|
143
|
+
"comment": "Deprecated token",
|
|
144
|
+
"reference": "n/a",
|
|
145
|
+
"version": "3.12.0"
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
}
|