@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,46 @@
|
|
|
1
|
+
{
|
|
2
|
+
"color": {
|
|
3
|
+
"icon": {
|
|
4
|
+
"primary": {
|
|
5
|
+
"default": {
|
|
6
|
+
"value": "{color.base.neutral.400.value}",
|
|
7
|
+
"public": true,
|
|
8
|
+
"default": true,
|
|
9
|
+
"usage": "Primary color for icons on dark backgrounds",
|
|
10
|
+
"wcag": "AAA",
|
|
11
|
+
"deprecated": false
|
|
12
|
+
}
|
|
13
|
+
},
|
|
14
|
+
"emphasis": {
|
|
15
|
+
"default": {
|
|
16
|
+
"value": "{color.base.white.value}",
|
|
17
|
+
"public": true,
|
|
18
|
+
"default": true,
|
|
19
|
+
"usage": "Emphasis or lightest icon color on dark backgrounds",
|
|
20
|
+
"wcag": "AAA",
|
|
21
|
+
"deprecated": false
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
"accent": {
|
|
25
|
+
"default": {
|
|
26
|
+
"value": "{color.brand.breeze.300.value}",
|
|
27
|
+
"public": true,
|
|
28
|
+
"default": true,
|
|
29
|
+
"usage": "Accent color for icon color on dark backgrounds",
|
|
30
|
+
"wcag": "AA",
|
|
31
|
+
"deprecated": false
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
"disabled": {
|
|
35
|
+
"default": {
|
|
36
|
+
"value": "{color.base.white-opacity-40.value}",
|
|
37
|
+
"public": true,
|
|
38
|
+
"default": true,
|
|
39
|
+
"usage": "Disabled icon color on dark backgrounds",
|
|
40
|
+
"wcag": "n/a",
|
|
41
|
+
"deprecated": false
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
{
|
|
2
|
+
"color": {
|
|
3
|
+
"text": {
|
|
4
|
+
"primary": {
|
|
5
|
+
"default": {
|
|
6
|
+
"value": "{color.base.white.value}",
|
|
7
|
+
"public": true,
|
|
8
|
+
"default": true,
|
|
9
|
+
"usage": "Primary color for body and header text on dark backgrounds",
|
|
10
|
+
"wcag": "AAA",
|
|
11
|
+
"deprecated": false
|
|
12
|
+
}
|
|
13
|
+
},
|
|
14
|
+
"secondary": {
|
|
15
|
+
"default": {
|
|
16
|
+
"value": "{color.base.neutral.400.value}",
|
|
17
|
+
"public": true,
|
|
18
|
+
"default": true,
|
|
19
|
+
"usage": "Secondary color for body text on dark backgrounds",
|
|
20
|
+
"wcag": "AAA",
|
|
21
|
+
"deprecated": false
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
"link": {
|
|
25
|
+
"default": {
|
|
26
|
+
"value": "{color.brand.breeze.300.value}",
|
|
27
|
+
"public": true,
|
|
28
|
+
"default": true,
|
|
29
|
+
"usage": "Link text color on light backgrounds",
|
|
30
|
+
"wcag": "AA",
|
|
31
|
+
"deprecated": false
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
"error": {
|
|
35
|
+
"default": {
|
|
36
|
+
"value": "{color.state.error.100.value}",
|
|
37
|
+
"public": true,
|
|
38
|
+
"default": true,
|
|
39
|
+
"usage": "Error text color on dark backgrounds",
|
|
40
|
+
"wcag": "AA",
|
|
41
|
+
"deprecated": false
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
"disabled": {
|
|
45
|
+
"default": {
|
|
46
|
+
"value": "{color.base.gray.200.value}",
|
|
47
|
+
"public": true,
|
|
48
|
+
"default": true,
|
|
49
|
+
"usage": "Disabled text color on dark backgrounds",
|
|
50
|
+
"wcag": "n/a",
|
|
51
|
+
"deprecated": false
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
"emphasis": {
|
|
55
|
+
"default": {
|
|
56
|
+
"value": "{color.brand.midnight.100.value}",
|
|
57
|
+
"public": true,
|
|
58
|
+
"default": true,
|
|
59
|
+
"usage": "Emphasized text color on dark backgrounds",
|
|
60
|
+
"wcag": "n/a",
|
|
61
|
+
"deprecated": false
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
{
|
|
2
|
+
"color": {
|
|
3
|
+
"tier": {
|
|
4
|
+
"alaska": {
|
|
5
|
+
"mvp": {
|
|
6
|
+
"default": {
|
|
7
|
+
"value": "{color.brand.goldgray.100.value}",
|
|
8
|
+
"public": true,
|
|
9
|
+
"default": true,
|
|
10
|
+
"usage": "MVP tier color for Alaska Airlines",
|
|
11
|
+
"wcag": "n/a",
|
|
12
|
+
"deprecated": false
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
"mvpgold": {
|
|
16
|
+
"default": {
|
|
17
|
+
"value": "{color.brand.gold.100.value}",
|
|
18
|
+
"public": true,
|
|
19
|
+
"default": true,
|
|
20
|
+
"usage": "MVP Gold tier color for Alaska Airlines",
|
|
21
|
+
"wcag": "n/a",
|
|
22
|
+
"deprecated": false
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
"oneworld": {
|
|
27
|
+
"emerald": {
|
|
28
|
+
"value": "{color.brand.emerald.value}",
|
|
29
|
+
"public": true,
|
|
30
|
+
"onLight": true,
|
|
31
|
+
"usage": "Emerald tier color for Oneworld",
|
|
32
|
+
"wcag": "n/a",
|
|
33
|
+
"deprecated": false
|
|
34
|
+
},
|
|
35
|
+
"sapphire": {
|
|
36
|
+
"value": "{color.brand.sapphire.value}",
|
|
37
|
+
"public": true,
|
|
38
|
+
"default": true,
|
|
39
|
+
"usage": "Sapphire tier color for Oneworld",
|
|
40
|
+
"wcag": "n/a",
|
|
41
|
+
"deprecated": false
|
|
42
|
+
},
|
|
43
|
+
"ruby": {
|
|
44
|
+
"value": "{color.brand.ruby.value}",
|
|
45
|
+
"public": true,
|
|
46
|
+
"default": true,
|
|
47
|
+
"usage": "Ruby tier color for Oneworld",
|
|
48
|
+
"wcag": "n/a",
|
|
49
|
+
"deprecated": false
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}
|