@aurodesignsystem/design-tokens 4.0.0 → 4.1.1
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 +14 -0
- package/README.md +20 -26
- package/dist/tokens/CSSCustomProperties.css +3 -1
- package/dist/tokens/CSSSizeCustomProperties.css +1 -1
- package/dist/tokens/JSData--color.js +63 -1
- package/dist/tokens/JSObject--allTokens.js +63 -1
- package/dist/tokens/JSObject--deprecated.js +1 -1
- package/dist/tokens/JSVariables--color.js +3 -1
- package/dist/tokens/SCSSVariableMap.scss +1 -1
- package/dist/tokens/SCSSVariables.scss +3 -1
- package/dist/tokens/SCSSVariablesMapFlat.scss +3 -1
- package/dist/tokens/SassCustomProperties.scss +3 -1
- package/dist/tokens/SassSizeCustomProperties.scss +1 -1
- package/dist/tokens/darkmode/CSSCustomProperties.css +22 -0
- package/dist/tokens/darkmode/JSDataColor.js +464 -0
- package/dist/tokens/darkmode/JSObject--allDarkTokens.js +464 -0
- package/dist/tokens/darkmode/JSVariablesColor.js +20 -0
- package/dist/tokens/darkmode/SCSSVariables.scss +19 -0
- package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +25 -0
- package/dist/tokens/darkmode/SassCustomProperties.scss +22 -0
- package/package.json +1 -1
- package/src/color/ui.json +16 -0
- package/src/color-darkmode/base.json +6 -126
- package/src/color-darkmode/border.json +2 -40
- package/src/color-darkmode/icon.json +2 -20
- package/src/color-darkmode/text.json +5 -10
- package/src/color-darkmode/tier.json +2 -26
- package/dist/tokens/CSSCustomProperties--darkmode.css +0 -302
- package/dist/tokens/CSSCustomPropertiesColorRGB--darkmode.css +0 -155
- package/dist/tokens/CSSCustomPropertiesColorRGB.css +0 -168
- package/dist/tokens/CSSOpacityProperties--darkmode.scss +0 -10
- package/dist/tokens/CSSOpacityProperties.scss +0 -10
- package/dist/tokens/CSSSizeCustomProperties--darkmode.css +0 -20
- package/dist/tokens/CSSVariables--darkmode.css +0 -302
- package/dist/tokens/CSSVariablesMapFlat--darkmode.css +0 -368
- package/dist/tokens/JSData--darkmodeColor.js +0 -3254
- package/dist/tokens/JSObject--allDarkTokens.js +0 -7087
- package/dist/tokens/JSObject--deprecatedDark.js +0 -675
- package/dist/tokens/JSVariables--darkmodeColor.js +0 -153
- package/dist/tokens/SCSSOpacityVariables--darkmode.scss +0 -7
- package/dist/tokens/SCSSOpacityVariables.scss +0 -7
- package/dist/tokens/SCSSVariableMap--darkmode.scss +0 -37
- package/dist/tokens/SCSSVariables--darkmode.scss +0 -299
- package/dist/tokens/SCSSVariablesMapFlat--darkmode.scss +0 -368
- package/dist/tokens/SassCustomProperties--darkmode.scss +0 -302
- package/dist/tokens/SassCustomPropertiesColorRGB--darkmode.scss +0 -155
- package/dist/tokens/SassCustomPropertiesColorRGB.scss +0 -168
- package/dist/tokens/SassSizeCustomProperties--darkmode.scss +0 -20
- package/src/color-darkmode/alert.json +0 -56
- package/src/color-darkmode/background.json +0 -38
- package/src/color-darkmode/brand.json +0 -530
- package/src/color-darkmode/ui.json +0 -57
|
@@ -0,0 +1,464 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly
|
|
3
|
+
* Generated on Fri, 15 Sep 2023 18:15:03 GMT
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
module.exports = {
|
|
7
|
+
"color": {
|
|
8
|
+
"base": {
|
|
9
|
+
"white": {
|
|
10
|
+
"value": "#000000",
|
|
11
|
+
"comment": "\n // Base value for token support; should not use in code!",
|
|
12
|
+
"public": true,
|
|
13
|
+
"deprecated": false,
|
|
14
|
+
"filePath": "./src/color-darkmode/base.json",
|
|
15
|
+
"isSource": true,
|
|
16
|
+
"darkmode": true,
|
|
17
|
+
"original": {
|
|
18
|
+
"value": "000000",
|
|
19
|
+
"comment": "{comments.color.base.value.comment}",
|
|
20
|
+
"public": true,
|
|
21
|
+
"deprecated": false,
|
|
22
|
+
"darkmode": true
|
|
23
|
+
},
|
|
24
|
+
"name": "ds-color-base-white",
|
|
25
|
+
"attributes": {
|
|
26
|
+
"category": "color",
|
|
27
|
+
"type": "base",
|
|
28
|
+
"item": "white"
|
|
29
|
+
},
|
|
30
|
+
"path": [
|
|
31
|
+
"color",
|
|
32
|
+
"base",
|
|
33
|
+
"white"
|
|
34
|
+
]
|
|
35
|
+
},
|
|
36
|
+
"black": {
|
|
37
|
+
"value": "#ffffff",
|
|
38
|
+
"comment": "\n // Base value for token support; should not use in code!",
|
|
39
|
+
"public": true,
|
|
40
|
+
"deprecated": false,
|
|
41
|
+
"filePath": "./src/color-darkmode/base.json",
|
|
42
|
+
"isSource": true,
|
|
43
|
+
"darkmode": true,
|
|
44
|
+
"original": {
|
|
45
|
+
"value": "ffffff",
|
|
46
|
+
"comment": "{comments.color.base.value.comment}",
|
|
47
|
+
"public": true,
|
|
48
|
+
"deprecated": false,
|
|
49
|
+
"darkmode": true
|
|
50
|
+
},
|
|
51
|
+
"name": "ds-color-base-black",
|
|
52
|
+
"attributes": {
|
|
53
|
+
"category": "color",
|
|
54
|
+
"type": "base",
|
|
55
|
+
"item": "black"
|
|
56
|
+
},
|
|
57
|
+
"path": [
|
|
58
|
+
"color",
|
|
59
|
+
"base",
|
|
60
|
+
"black"
|
|
61
|
+
]
|
|
62
|
+
}
|
|
63
|
+
},
|
|
64
|
+
"border": {
|
|
65
|
+
"primary": {
|
|
66
|
+
"default": {
|
|
67
|
+
"value": "#9fabbb",
|
|
68
|
+
"public": true,
|
|
69
|
+
"darkmode": true,
|
|
70
|
+
"default": true,
|
|
71
|
+
"usage": "Primary border color on dark background",
|
|
72
|
+
"wcag": "n/a",
|
|
73
|
+
"deprecated": false,
|
|
74
|
+
"filePath": "./src/color-darkmode/border.json",
|
|
75
|
+
"isSource": true,
|
|
76
|
+
"original": {
|
|
77
|
+
"value": "{color.brand.neutral.400.value}",
|
|
78
|
+
"public": true,
|
|
79
|
+
"darkmode": true,
|
|
80
|
+
"default": true,
|
|
81
|
+
"usage": "Primary border color on dark background",
|
|
82
|
+
"wcag": "n/a",
|
|
83
|
+
"deprecated": false
|
|
84
|
+
},
|
|
85
|
+
"name": "ds-color-border-primary-default",
|
|
86
|
+
"attributes": {
|
|
87
|
+
"category": "color",
|
|
88
|
+
"type": "border",
|
|
89
|
+
"item": "primary",
|
|
90
|
+
"subitem": "default"
|
|
91
|
+
},
|
|
92
|
+
"path": [
|
|
93
|
+
"color",
|
|
94
|
+
"border",
|
|
95
|
+
"primary",
|
|
96
|
+
"default"
|
|
97
|
+
]
|
|
98
|
+
}
|
|
99
|
+
},
|
|
100
|
+
"divider": {
|
|
101
|
+
"default": {
|
|
102
|
+
"value": "#000000",
|
|
103
|
+
"public": true,
|
|
104
|
+
"darkmode": true,
|
|
105
|
+
"default": true,
|
|
106
|
+
"usage": "Strict use as divider between elements on dark backgrounds",
|
|
107
|
+
"wcag": "n/a",
|
|
108
|
+
"deprecated": false,
|
|
109
|
+
"filePath": "./src/color-darkmode/border.json",
|
|
110
|
+
"isSource": true,
|
|
111
|
+
"original": {
|
|
112
|
+
"value": "{color.base.white.value}",
|
|
113
|
+
"public": true,
|
|
114
|
+
"darkmode": true,
|
|
115
|
+
"default": true,
|
|
116
|
+
"usage": "Strict use as divider between elements on dark backgrounds",
|
|
117
|
+
"wcag": "n/a",
|
|
118
|
+
"deprecated": false
|
|
119
|
+
},
|
|
120
|
+
"name": "ds-color-border-divider-default",
|
|
121
|
+
"attributes": {
|
|
122
|
+
"category": "color",
|
|
123
|
+
"type": "border",
|
|
124
|
+
"item": "divider",
|
|
125
|
+
"subitem": "default"
|
|
126
|
+
},
|
|
127
|
+
"path": [
|
|
128
|
+
"color",
|
|
129
|
+
"border",
|
|
130
|
+
"divider",
|
|
131
|
+
"default"
|
|
132
|
+
]
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
},
|
|
136
|
+
"icon": {
|
|
137
|
+
"primary": {
|
|
138
|
+
"default": {
|
|
139
|
+
"value": "#9fabbb",
|
|
140
|
+
"public": true,
|
|
141
|
+
"darkmode": true,
|
|
142
|
+
"default": true,
|
|
143
|
+
"usage": "Primary color for icons on dark backgrounds",
|
|
144
|
+
"wcag": "AAA",
|
|
145
|
+
"deprecated": false,
|
|
146
|
+
"filePath": "./src/color-darkmode/icon.json",
|
|
147
|
+
"isSource": true,
|
|
148
|
+
"original": {
|
|
149
|
+
"value": "{color.base.neutral.400.value}",
|
|
150
|
+
"public": true,
|
|
151
|
+
"darkmode": true,
|
|
152
|
+
"default": true,
|
|
153
|
+
"usage": "Primary color for icons on dark backgrounds",
|
|
154
|
+
"wcag": "AAA",
|
|
155
|
+
"deprecated": false
|
|
156
|
+
},
|
|
157
|
+
"name": "ds-color-icon-primary-default",
|
|
158
|
+
"attributes": {
|
|
159
|
+
"category": "color",
|
|
160
|
+
"type": "icon",
|
|
161
|
+
"item": "primary",
|
|
162
|
+
"subitem": "default"
|
|
163
|
+
},
|
|
164
|
+
"path": [
|
|
165
|
+
"color",
|
|
166
|
+
"icon",
|
|
167
|
+
"primary",
|
|
168
|
+
"default"
|
|
169
|
+
]
|
|
170
|
+
}
|
|
171
|
+
},
|
|
172
|
+
"emphasis": {
|
|
173
|
+
"default": {
|
|
174
|
+
"value": "#000000",
|
|
175
|
+
"public": true,
|
|
176
|
+
"darkmode": true,
|
|
177
|
+
"default": true,
|
|
178
|
+
"usage": "Emphasis or lightest icon color on dark backgrounds",
|
|
179
|
+
"wcag": "AAA",
|
|
180
|
+
"deprecated": false,
|
|
181
|
+
"filePath": "./src/color-darkmode/icon.json",
|
|
182
|
+
"isSource": true,
|
|
183
|
+
"original": {
|
|
184
|
+
"value": "{color.base.white.value}",
|
|
185
|
+
"public": true,
|
|
186
|
+
"darkmode": true,
|
|
187
|
+
"default": true,
|
|
188
|
+
"usage": "Emphasis or lightest icon color on dark backgrounds",
|
|
189
|
+
"wcag": "AAA",
|
|
190
|
+
"deprecated": false
|
|
191
|
+
},
|
|
192
|
+
"name": "ds-color-icon-emphasis-default",
|
|
193
|
+
"attributes": {
|
|
194
|
+
"category": "color",
|
|
195
|
+
"type": "icon",
|
|
196
|
+
"item": "emphasis",
|
|
197
|
+
"subitem": "default"
|
|
198
|
+
},
|
|
199
|
+
"path": [
|
|
200
|
+
"color",
|
|
201
|
+
"icon",
|
|
202
|
+
"emphasis",
|
|
203
|
+
"default"
|
|
204
|
+
]
|
|
205
|
+
}
|
|
206
|
+
}
|
|
207
|
+
},
|
|
208
|
+
"text": {
|
|
209
|
+
"primary": {
|
|
210
|
+
"default": {
|
|
211
|
+
"value": "#000000",
|
|
212
|
+
"public": true,
|
|
213
|
+
"darkmode": true,
|
|
214
|
+
"default": true,
|
|
215
|
+
"usage": "Primary color for body and header text on dark backgrounds",
|
|
216
|
+
"wcag": "AAA",
|
|
217
|
+
"deprecated": false,
|
|
218
|
+
"filePath": "./src/color-darkmode/text.json",
|
|
219
|
+
"isSource": true,
|
|
220
|
+
"original": {
|
|
221
|
+
"value": "{color.base.white.value}",
|
|
222
|
+
"public": true,
|
|
223
|
+
"darkmode": true,
|
|
224
|
+
"default": true,
|
|
225
|
+
"usage": "Primary color for body and header text on dark backgrounds",
|
|
226
|
+
"wcag": "AAA",
|
|
227
|
+
"deprecated": false
|
|
228
|
+
},
|
|
229
|
+
"name": "ds-color-text-primary-default",
|
|
230
|
+
"attributes": {
|
|
231
|
+
"category": "color",
|
|
232
|
+
"type": "text",
|
|
233
|
+
"item": "primary",
|
|
234
|
+
"subitem": "default"
|
|
235
|
+
},
|
|
236
|
+
"path": [
|
|
237
|
+
"color",
|
|
238
|
+
"text",
|
|
239
|
+
"primary",
|
|
240
|
+
"default"
|
|
241
|
+
]
|
|
242
|
+
}
|
|
243
|
+
},
|
|
244
|
+
"secondary": {
|
|
245
|
+
"default": {
|
|
246
|
+
"value": "#9fabbb",
|
|
247
|
+
"public": true,
|
|
248
|
+
"darkmode": true,
|
|
249
|
+
"default": true,
|
|
250
|
+
"usage": "Secondary color for body text on dark backgrounds",
|
|
251
|
+
"wcag": "AAA",
|
|
252
|
+
"deprecated": false,
|
|
253
|
+
"filePath": "./src/color-darkmode/text.json",
|
|
254
|
+
"isSource": true,
|
|
255
|
+
"original": {
|
|
256
|
+
"value": "{color.base.neutral.400.value}",
|
|
257
|
+
"public": true,
|
|
258
|
+
"darkmode": true,
|
|
259
|
+
"default": true,
|
|
260
|
+
"usage": "Secondary color for body text on dark backgrounds",
|
|
261
|
+
"wcag": "AAA",
|
|
262
|
+
"deprecated": false
|
|
263
|
+
},
|
|
264
|
+
"name": "ds-color-text-secondary-default",
|
|
265
|
+
"attributes": {
|
|
266
|
+
"category": "color",
|
|
267
|
+
"type": "text",
|
|
268
|
+
"item": "secondary",
|
|
269
|
+
"subitem": "default"
|
|
270
|
+
},
|
|
271
|
+
"path": [
|
|
272
|
+
"color",
|
|
273
|
+
"text",
|
|
274
|
+
"secondary",
|
|
275
|
+
"default"
|
|
276
|
+
]
|
|
277
|
+
}
|
|
278
|
+
},
|
|
279
|
+
"link": {
|
|
280
|
+
"default": {
|
|
281
|
+
"value": "#00cff0",
|
|
282
|
+
"public": true,
|
|
283
|
+
"darkmode": true,
|
|
284
|
+
"default": true,
|
|
285
|
+
"usage": "Link text color on light backgrounds",
|
|
286
|
+
"wcag": "AA",
|
|
287
|
+
"deprecated": false,
|
|
288
|
+
"filePath": "./src/color-darkmode/text.json",
|
|
289
|
+
"isSource": true,
|
|
290
|
+
"original": {
|
|
291
|
+
"value": "{color.brand.breeze.300.value}",
|
|
292
|
+
"public": true,
|
|
293
|
+
"darkmode": true,
|
|
294
|
+
"default": true,
|
|
295
|
+
"usage": "Link text color on light backgrounds",
|
|
296
|
+
"wcag": "AA",
|
|
297
|
+
"deprecated": false
|
|
298
|
+
},
|
|
299
|
+
"name": "ds-color-text-link-default",
|
|
300
|
+
"attributes": {
|
|
301
|
+
"category": "color",
|
|
302
|
+
"type": "text",
|
|
303
|
+
"item": "link",
|
|
304
|
+
"subitem": "default"
|
|
305
|
+
},
|
|
306
|
+
"path": [
|
|
307
|
+
"color",
|
|
308
|
+
"text",
|
|
309
|
+
"link",
|
|
310
|
+
"default"
|
|
311
|
+
]
|
|
312
|
+
}
|
|
313
|
+
},
|
|
314
|
+
"error": {
|
|
315
|
+
"default": {
|
|
316
|
+
"value": "#ff999b",
|
|
317
|
+
"public": true,
|
|
318
|
+
"darkmode": true,
|
|
319
|
+
"default": true,
|
|
320
|
+
"usage": "Error text color on dark backgrounds",
|
|
321
|
+
"wcag": "AA",
|
|
322
|
+
"deprecated": false,
|
|
323
|
+
"filePath": "./src/color-darkmode/text.json",
|
|
324
|
+
"isSource": true,
|
|
325
|
+
"original": {
|
|
326
|
+
"value": "{color.state.error.100.value}",
|
|
327
|
+
"public": true,
|
|
328
|
+
"darkmode": true,
|
|
329
|
+
"default": true,
|
|
330
|
+
"usage": "Error text color on dark backgrounds",
|
|
331
|
+
"wcag": "AA",
|
|
332
|
+
"deprecated": false
|
|
333
|
+
},
|
|
334
|
+
"name": "ds-color-text-error-default",
|
|
335
|
+
"attributes": {
|
|
336
|
+
"category": "color",
|
|
337
|
+
"type": "text",
|
|
338
|
+
"item": "error",
|
|
339
|
+
"subitem": "default"
|
|
340
|
+
},
|
|
341
|
+
"path": [
|
|
342
|
+
"color",
|
|
343
|
+
"text",
|
|
344
|
+
"error",
|
|
345
|
+
"default"
|
|
346
|
+
]
|
|
347
|
+
}
|
|
348
|
+
},
|
|
349
|
+
"emphasis": {
|
|
350
|
+
"default": {
|
|
351
|
+
"value": "#c1daf0",
|
|
352
|
+
"public": true,
|
|
353
|
+
"darkmode": true,
|
|
354
|
+
"default": true,
|
|
355
|
+
"usage": "Emphasized text color on dark backgrounds",
|
|
356
|
+
"wcag": "n/a",
|
|
357
|
+
"deprecated": false,
|
|
358
|
+
"filePath": "./src/color-darkmode/text.json",
|
|
359
|
+
"isSource": true,
|
|
360
|
+
"original": {
|
|
361
|
+
"value": "{color.brand.midnight.100.value}",
|
|
362
|
+
"public": true,
|
|
363
|
+
"darkmode": true,
|
|
364
|
+
"default": true,
|
|
365
|
+
"usage": "Emphasized text color on dark backgrounds",
|
|
366
|
+
"wcag": "n/a",
|
|
367
|
+
"deprecated": false
|
|
368
|
+
},
|
|
369
|
+
"name": "ds-color-text-emphasis-default",
|
|
370
|
+
"attributes": {
|
|
371
|
+
"category": "color",
|
|
372
|
+
"type": "text",
|
|
373
|
+
"item": "emphasis",
|
|
374
|
+
"subitem": "default"
|
|
375
|
+
},
|
|
376
|
+
"path": [
|
|
377
|
+
"color",
|
|
378
|
+
"text",
|
|
379
|
+
"emphasis",
|
|
380
|
+
"default"
|
|
381
|
+
]
|
|
382
|
+
}
|
|
383
|
+
}
|
|
384
|
+
},
|
|
385
|
+
"tier": {
|
|
386
|
+
"alaska": {
|
|
387
|
+
"mvp": {
|
|
388
|
+
"default": {
|
|
389
|
+
"value": "#c5c1bf",
|
|
390
|
+
"public": true,
|
|
391
|
+
"darkmode": true,
|
|
392
|
+
"default": true,
|
|
393
|
+
"usage": "MVP tier color for Alaska Airlines",
|
|
394
|
+
"wcag": "n/a",
|
|
395
|
+
"deprecated": false,
|
|
396
|
+
"filePath": "./src/color-darkmode/tier.json",
|
|
397
|
+
"isSource": true,
|
|
398
|
+
"original": {
|
|
399
|
+
"value": "{color.brand.goldgray.100.value}",
|
|
400
|
+
"public": true,
|
|
401
|
+
"darkmode": true,
|
|
402
|
+
"default": true,
|
|
403
|
+
"usage": "MVP tier color for Alaska Airlines",
|
|
404
|
+
"wcag": "n/a",
|
|
405
|
+
"deprecated": false
|
|
406
|
+
},
|
|
407
|
+
"name": "ds-color-tier-alaska-mvp-default",
|
|
408
|
+
"attributes": {
|
|
409
|
+
"category": "color",
|
|
410
|
+
"type": "tier",
|
|
411
|
+
"item": "alaska",
|
|
412
|
+
"subitem": "mvp",
|
|
413
|
+
"state": "default"
|
|
414
|
+
},
|
|
415
|
+
"path": [
|
|
416
|
+
"color",
|
|
417
|
+
"tier",
|
|
418
|
+
"alaska",
|
|
419
|
+
"mvp",
|
|
420
|
+
"default"
|
|
421
|
+
]
|
|
422
|
+
}
|
|
423
|
+
},
|
|
424
|
+
"mvpgold": {
|
|
425
|
+
"default": {
|
|
426
|
+
"value": "#ccbc94",
|
|
427
|
+
"public": true,
|
|
428
|
+
"darkmode": true,
|
|
429
|
+
"default": true,
|
|
430
|
+
"usage": "MVP Gold tier color for Alaska Airlines",
|
|
431
|
+
"wcag": "n/a",
|
|
432
|
+
"deprecated": false,
|
|
433
|
+
"filePath": "./src/color-darkmode/tier.json",
|
|
434
|
+
"isSource": true,
|
|
435
|
+
"original": {
|
|
436
|
+
"value": "{color.brand.gold.100.value}",
|
|
437
|
+
"public": true,
|
|
438
|
+
"darkmode": true,
|
|
439
|
+
"default": true,
|
|
440
|
+
"usage": "MVP Gold tier color for Alaska Airlines",
|
|
441
|
+
"wcag": "n/a",
|
|
442
|
+
"deprecated": false
|
|
443
|
+
},
|
|
444
|
+
"name": "ds-color-tier-alaska-mvpgold-default",
|
|
445
|
+
"attributes": {
|
|
446
|
+
"category": "color",
|
|
447
|
+
"type": "tier",
|
|
448
|
+
"item": "alaska",
|
|
449
|
+
"subitem": "mvpgold",
|
|
450
|
+
"state": "default"
|
|
451
|
+
},
|
|
452
|
+
"path": [
|
|
453
|
+
"color",
|
|
454
|
+
"tier",
|
|
455
|
+
"alaska",
|
|
456
|
+
"mvpgold",
|
|
457
|
+
"default"
|
|
458
|
+
]
|
|
459
|
+
}
|
|
460
|
+
}
|
|
461
|
+
}
|
|
462
|
+
}
|
|
463
|
+
}
|
|
464
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly
|
|
3
|
+
* Generated on Fri, 15 Sep 2023 18:15:03 GMT
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
export const DsColorBaseWhite = "#000000"; //
|
|
7
|
+
// Base value for token support; should not use in code!
|
|
8
|
+
export const DsColorBaseBlack = "#ffffff"; //
|
|
9
|
+
// Base value for token support; should not use in code!
|
|
10
|
+
export const DsColorBorderPrimaryDefault = "#9fabbb";
|
|
11
|
+
export const DsColorBorderDividerDefault = "#000000";
|
|
12
|
+
export const DsColorIconPrimaryDefault = "#9fabbb";
|
|
13
|
+
export const DsColorIconEmphasisDefault = "#000000";
|
|
14
|
+
export const DsColorTextPrimaryDefault = "#000000";
|
|
15
|
+
export const DsColorTextSecondaryDefault = "#9fabbb";
|
|
16
|
+
export const DsColorTextLinkDefault = "#00cff0";
|
|
17
|
+
export const DsColorTextErrorDefault = "#ff999b";
|
|
18
|
+
export const DsColorTextEmphasisDefault = "#c1daf0";
|
|
19
|
+
export const DsColorTierAlaskaMvpDefault = "#c5c1bf";
|
|
20
|
+
export const DsColorTierAlaskaMvpgoldDefault = "#ccbc94";
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
|
|
2
|
+
// Do not edit directly
|
|
3
|
+
// Generated on Fri, 15 Sep 2023 18:15:03 GMT
|
|
4
|
+
|
|
5
|
+
$ds-color-base-white: #000000; //
|
|
6
|
+
// Base value for token support; should not use in code!
|
|
7
|
+
$ds-color-base-black: #ffffff; //
|
|
8
|
+
// Base value for token support; should not use in code!
|
|
9
|
+
$ds-color-border-primary-default: #9fabbb;
|
|
10
|
+
$ds-color-border-divider-default: #000000;
|
|
11
|
+
$ds-color-icon-primary-default: #9fabbb;
|
|
12
|
+
$ds-color-icon-emphasis-default: #000000;
|
|
13
|
+
$ds-color-text-primary-default: #000000;
|
|
14
|
+
$ds-color-text-secondary-default: #9fabbb;
|
|
15
|
+
$ds-color-text-link-default: #00cff0;
|
|
16
|
+
$ds-color-text-error-default: #ff999b;
|
|
17
|
+
$ds-color-text-emphasis-default: #c1daf0;
|
|
18
|
+
$ds-color-tier-alaska-mvp-default: #c5c1bf;
|
|
19
|
+
$ds-color-tier-alaska-mvpgold-default: #ccbc94;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
|
|
2
|
+
/*
|
|
3
|
+
Do not edit directly
|
|
4
|
+
Generated on Fri, 15 Sep 2023 18:15:03 GMT
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
$auroTokens: (
|
|
8
|
+
//
|
|
9
|
+
// Base value for token support; should not use in code!
|
|
10
|
+
'ds-color-base-white': (#000000),
|
|
11
|
+
//
|
|
12
|
+
// Base value for token support; should not use in code!
|
|
13
|
+
'ds-color-base-black': (#ffffff),
|
|
14
|
+
'ds-color-border-primary-default': (#9fabbb),
|
|
15
|
+
'ds-color-border-divider-default': (#000000),
|
|
16
|
+
'ds-color-icon-primary-default': (#9fabbb),
|
|
17
|
+
'ds-color-icon-emphasis-default': (#000000),
|
|
18
|
+
'ds-color-text-primary-default': (#000000),
|
|
19
|
+
'ds-color-text-secondary-default': (#9fabbb),
|
|
20
|
+
'ds-color-text-link-default': (#00cff0),
|
|
21
|
+
'ds-color-text-error-default': (#ff999b),
|
|
22
|
+
'ds-color-text-emphasis-default': (#c1daf0),
|
|
23
|
+
'ds-color-tier-alaska-mvp-default': (#c5c1bf),
|
|
24
|
+
'ds-color-tier-alaska-mvpgold-default': (#ccbc94)
|
|
25
|
+
);
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly
|
|
3
|
+
* Generated on Fri, 15 Sep 2023 18:15:03 GMT
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
:root {
|
|
7
|
+
--ds-color-base-white: #000000; /*
|
|
8
|
+
// Base value for token support; should not use in code! */
|
|
9
|
+
--ds-color-base-black: #ffffff; /*
|
|
10
|
+
// Base value for token support; should not use in code! */
|
|
11
|
+
--ds-color-border-primary-default: #9fabbb;
|
|
12
|
+
--ds-color-border-divider-default: #000000;
|
|
13
|
+
--ds-color-icon-primary-default: #9fabbb;
|
|
14
|
+
--ds-color-icon-emphasis-default: #000000;
|
|
15
|
+
--ds-color-text-primary-default: #000000;
|
|
16
|
+
--ds-color-text-secondary-default: #9fabbb;
|
|
17
|
+
--ds-color-text-link-default: #00cff0;
|
|
18
|
+
--ds-color-text-error-default: #ff999b;
|
|
19
|
+
--ds-color-text-emphasis-default: #c1daf0;
|
|
20
|
+
--ds-color-tier-alaska-mvp-default: #c5c1bf;
|
|
21
|
+
--ds-color-tier-alaska-mvpgold-default: #ccbc94;
|
|
22
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aurodesignsystem/design-tokens",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.1.1",
|
|
4
4
|
"description": "Alaska Air Auro Design System token repository",
|
|
5
5
|
"homepage": "https://github.com/AlaskaAirlines/DesignTokens",
|
|
6
6
|
"author": "Alaska Airlines Product design and engineering",
|
package/src/color/ui.json
CHANGED
|
@@ -31,6 +31,14 @@
|
|
|
31
31
|
"comment": "Deprecated token",
|
|
32
32
|
"reference": "n/a",
|
|
33
33
|
"version": "3.12.0"
|
|
34
|
+
},
|
|
35
|
+
"inverse": {
|
|
36
|
+
"value": "{color.brand.breeze.300.value}",
|
|
37
|
+
"public": true,
|
|
38
|
+
"inverse": true,
|
|
39
|
+
"usage": "OnDark interaction color affordance",
|
|
40
|
+
"wcag": "AAA",
|
|
41
|
+
"deprecated": false
|
|
34
42
|
}
|
|
35
43
|
},
|
|
36
44
|
"hover": {
|
|
@@ -63,6 +71,14 @@
|
|
|
63
71
|
"comment": "Deprecated token",
|
|
64
72
|
"reference": "n/a",
|
|
65
73
|
"version": "3.12.0"
|
|
74
|
+
},
|
|
75
|
+
"inverse": {
|
|
76
|
+
"value": "{color.brand.breeze.200.value}",
|
|
77
|
+
"public": true,
|
|
78
|
+
"inverse": true,
|
|
79
|
+
"usage": "Hover interaction color on dark backgrounds",
|
|
80
|
+
"wcag": "AAA",
|
|
81
|
+
"deprecated": false
|
|
66
82
|
}
|
|
67
83
|
},
|
|
68
84
|
"active": {
|