@aurodesignsystem/design-tokens 4.3.1 → 4.5.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 +26 -0
- package/README.md +54 -41
- package/dist/tokens/CSSCustomProperties.css +1542 -64
- package/dist/tokens/CSSSizeCustomProperties.css +2 -1
- package/dist/tokens/JSData--color.js +16599 -2192
- package/dist/tokens/JSONVariablesFlat.json +711 -0
- package/dist/tokens/JSONVariablesNested.json +1207 -0
- package/dist/tokens/JSObject--allTokens.js +13782 -2488
- package/dist/tokens/JSObject--deprecated.js +2294 -1925
- package/dist/tokens/JSVariables--color.js +736 -39
- package/dist/tokens/SCSSVariableMap.scss +3 -1
- package/dist/tokens/SCSSVariables.scss +1004 -46
- package/dist/tokens/SCSSVariablesMapFlat.scss +1008 -47
- package/dist/tokens/SassCustomProperties.scss +1542 -64
- package/dist/tokens/SassSizeCustomProperties.scss +2 -1
- package/dist/tokens/darkmode/CSSCustomProperties.css +4 -4
- package/dist/tokens/darkmode/JSDataColor.js +107 -43
- package/dist/tokens/darkmode/{JSObject--allDarkTokens.js → JSObject--deprecatedDark.js} +120 -56
- 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 +67 -0
- package/dist/tokens/excursion/JSONVariablesNested.json +105 -0
- package/package.json +13 -12
- package/src/color/alert.json +18 -103
- package/src/color/background.json +213 -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/radius.json +1 -1
- package/src/size/scale.json +6 -80
- package/src/themes/excursion/color/background.json +73 -0
- package/src/themes/excursion/color/base.json +234 -0
- package/src/themes/excursion/color/brand.json +254 -0
- package/src/breakpoint.json +0 -28
- package/src/shadow.json +0 -13
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 23 May 2024 18:24:57 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
7
7
|
--ds-size-25: 0.125rem; /* 2px */
|
|
8
8
|
--ds-size-50: 0.25rem; /* 4px */
|
|
9
|
+
--ds-size-75: 0.375rem; /* 6px */
|
|
9
10
|
--ds-size-100: 0.5rem; /* 8px */
|
|
10
11
|
--ds-size-150: 0.75rem; /* 12px */
|
|
11
12
|
--ds-size-200: 1rem; /* 16px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 23 May 2024 18:24:57 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -14,12 +14,12 @@
|
|
|
14
14
|
* // Base value for token support; should not use in code!
|
|
15
15
|
*/
|
|
16
16
|
--ds-color-base-black: #ffffff;
|
|
17
|
-
--ds-color-border-primary-default: #
|
|
17
|
+
--ds-color-border-primary-default: #afb9c6;
|
|
18
18
|
--ds-color-border-divider-default: #000000;
|
|
19
|
-
--ds-color-icon-primary-default: #
|
|
19
|
+
--ds-color-icon-primary-default: #afb9c6;
|
|
20
20
|
--ds-color-icon-emphasis-default: #000000;
|
|
21
21
|
--ds-color-text-primary-default: #000000;
|
|
22
|
-
--ds-color-text-secondary-default: #
|
|
22
|
+
--ds-color-text-secondary-default: #afb9c6;
|
|
23
23
|
--ds-color-text-link-default: #00cff0;
|
|
24
24
|
--ds-color-text-error-default: #ff999b;
|
|
25
25
|
--ds-color-text-emphasis-default: #c1daf0;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 23 May 2024 18:24:57 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
module.exports = {
|
|
@@ -10,15 +10,25 @@ module.exports = {
|
|
|
10
10
|
"value": "#000000",
|
|
11
11
|
"comment": "\n // Base value for token support; should not use in code!",
|
|
12
12
|
"public": true,
|
|
13
|
-
"
|
|
14
|
-
"
|
|
13
|
+
"neutral": true,
|
|
14
|
+
"usage": "",
|
|
15
|
+
"wcag": "n/a",
|
|
16
|
+
"deprecated": true,
|
|
17
|
+
"filePath": "src/color-darkmode/base.json",
|
|
15
18
|
"isSource": true,
|
|
19
|
+
"version": "4.5.0",
|
|
20
|
+
"reference": "n/a",
|
|
16
21
|
"darkmode": true,
|
|
17
22
|
"original": {
|
|
18
23
|
"value": "000000",
|
|
19
24
|
"comment": "{comments.color.base.value.comment}",
|
|
20
25
|
"public": true,
|
|
21
|
-
"
|
|
26
|
+
"neutral": true,
|
|
27
|
+
"usage": "",
|
|
28
|
+
"wcag": "n/a",
|
|
29
|
+
"deprecated": true,
|
|
30
|
+
"version": "4.5.0",
|
|
31
|
+
"reference": "n/a",
|
|
22
32
|
"darkmode": true
|
|
23
33
|
},
|
|
24
34
|
"name": "ds-color-base-white",
|
|
@@ -37,15 +47,25 @@ module.exports = {
|
|
|
37
47
|
"value": "#ffffff",
|
|
38
48
|
"comment": "\n // Base value for token support; should not use in code!",
|
|
39
49
|
"public": true,
|
|
40
|
-
"
|
|
41
|
-
"
|
|
50
|
+
"neutral": true,
|
|
51
|
+
"usage": "",
|
|
52
|
+
"wcag": "n/a",
|
|
53
|
+
"deprecated": true,
|
|
54
|
+
"filePath": "src/color-darkmode/base.json",
|
|
42
55
|
"isSource": true,
|
|
56
|
+
"version": "4.5.0",
|
|
57
|
+
"reference": "n/a",
|
|
43
58
|
"darkmode": true,
|
|
44
59
|
"original": {
|
|
45
60
|
"value": "ffffff",
|
|
46
61
|
"comment": "{comments.color.base.value.comment}",
|
|
47
62
|
"public": true,
|
|
48
|
-
"
|
|
63
|
+
"neutral": true,
|
|
64
|
+
"usage": "",
|
|
65
|
+
"wcag": "n/a",
|
|
66
|
+
"deprecated": true,
|
|
67
|
+
"version": "4.5.0",
|
|
68
|
+
"reference": "n/a",
|
|
49
69
|
"darkmode": true
|
|
50
70
|
},
|
|
51
71
|
"name": "ds-color-base-black",
|
|
@@ -64,14 +84,16 @@ module.exports = {
|
|
|
64
84
|
"border": {
|
|
65
85
|
"primary": {
|
|
66
86
|
"default": {
|
|
67
|
-
"value": "#
|
|
87
|
+
"value": "#afb9c6",
|
|
68
88
|
"public": true,
|
|
69
89
|
"darkmode": true,
|
|
70
90
|
"default": true,
|
|
71
91
|
"usage": "Primary border color on dark background",
|
|
72
92
|
"wcag": "n/a",
|
|
73
|
-
"deprecated":
|
|
74
|
-
"
|
|
93
|
+
"deprecated": true,
|
|
94
|
+
"version": "4.5.0",
|
|
95
|
+
"reference": "n/a",
|
|
96
|
+
"filePath": "src/color-darkmode/border.json",
|
|
75
97
|
"isSource": true,
|
|
76
98
|
"original": {
|
|
77
99
|
"value": "{color.brand.neutral.400.value}",
|
|
@@ -80,7 +102,9 @@ module.exports = {
|
|
|
80
102
|
"default": true,
|
|
81
103
|
"usage": "Primary border color on dark background",
|
|
82
104
|
"wcag": "n/a",
|
|
83
|
-
"deprecated":
|
|
105
|
+
"deprecated": true,
|
|
106
|
+
"version": "4.5.0",
|
|
107
|
+
"reference": "n/a"
|
|
84
108
|
},
|
|
85
109
|
"name": "ds-color-border-primary-default",
|
|
86
110
|
"attributes": {
|
|
@@ -105,8 +129,10 @@ module.exports = {
|
|
|
105
129
|
"default": true,
|
|
106
130
|
"usage": "Strict use as divider between elements on dark backgrounds",
|
|
107
131
|
"wcag": "n/a",
|
|
108
|
-
"deprecated":
|
|
109
|
-
"
|
|
132
|
+
"deprecated": true,
|
|
133
|
+
"version": "4.5.0",
|
|
134
|
+
"reference": "n/a",
|
|
135
|
+
"filePath": "src/color-darkmode/border.json",
|
|
110
136
|
"isSource": true,
|
|
111
137
|
"original": {
|
|
112
138
|
"value": "{color.base.white.value}",
|
|
@@ -115,7 +141,9 @@ module.exports = {
|
|
|
115
141
|
"default": true,
|
|
116
142
|
"usage": "Strict use as divider between elements on dark backgrounds",
|
|
117
143
|
"wcag": "n/a",
|
|
118
|
-
"deprecated":
|
|
144
|
+
"deprecated": true,
|
|
145
|
+
"version": "4.5.0",
|
|
146
|
+
"reference": "n/a"
|
|
119
147
|
},
|
|
120
148
|
"name": "ds-color-border-divider-default",
|
|
121
149
|
"attributes": {
|
|
@@ -136,14 +164,16 @@ module.exports = {
|
|
|
136
164
|
"icon": {
|
|
137
165
|
"primary": {
|
|
138
166
|
"default": {
|
|
139
|
-
"value": "#
|
|
167
|
+
"value": "#afb9c6",
|
|
140
168
|
"public": true,
|
|
141
169
|
"darkmode": true,
|
|
142
170
|
"default": true,
|
|
143
171
|
"usage": "Primary color for icons on dark backgrounds",
|
|
144
172
|
"wcag": "AAA",
|
|
145
|
-
"deprecated":
|
|
146
|
-
"
|
|
173
|
+
"deprecated": true,
|
|
174
|
+
"version": "4.5.0",
|
|
175
|
+
"reference": "n/a",
|
|
176
|
+
"filePath": "src/color-darkmode/icon.json",
|
|
147
177
|
"isSource": true,
|
|
148
178
|
"original": {
|
|
149
179
|
"value": "{color.base.neutral.400.value}",
|
|
@@ -152,7 +182,9 @@ module.exports = {
|
|
|
152
182
|
"default": true,
|
|
153
183
|
"usage": "Primary color for icons on dark backgrounds",
|
|
154
184
|
"wcag": "AAA",
|
|
155
|
-
"deprecated":
|
|
185
|
+
"deprecated": true,
|
|
186
|
+
"version": "4.5.0",
|
|
187
|
+
"reference": "n/a"
|
|
156
188
|
},
|
|
157
189
|
"name": "ds-color-icon-primary-default",
|
|
158
190
|
"attributes": {
|
|
@@ -177,8 +209,10 @@ module.exports = {
|
|
|
177
209
|
"default": true,
|
|
178
210
|
"usage": "Emphasis or lightest icon color on dark backgrounds",
|
|
179
211
|
"wcag": "AAA",
|
|
180
|
-
"deprecated":
|
|
181
|
-
"
|
|
212
|
+
"deprecated": true,
|
|
213
|
+
"version": "4.5.0",
|
|
214
|
+
"reference": "n/a",
|
|
215
|
+
"filePath": "src/color-darkmode/icon.json",
|
|
182
216
|
"isSource": true,
|
|
183
217
|
"original": {
|
|
184
218
|
"value": "{color.base.white.value}",
|
|
@@ -187,7 +221,9 @@ module.exports = {
|
|
|
187
221
|
"default": true,
|
|
188
222
|
"usage": "Emphasis or lightest icon color on dark backgrounds",
|
|
189
223
|
"wcag": "AAA",
|
|
190
|
-
"deprecated":
|
|
224
|
+
"deprecated": true,
|
|
225
|
+
"version": "4.5.0",
|
|
226
|
+
"reference": "n/a"
|
|
191
227
|
},
|
|
192
228
|
"name": "ds-color-icon-emphasis-default",
|
|
193
229
|
"attributes": {
|
|
@@ -214,8 +250,10 @@ module.exports = {
|
|
|
214
250
|
"default": true,
|
|
215
251
|
"usage": "Primary color for body and header text on dark backgrounds",
|
|
216
252
|
"wcag": "AAA",
|
|
217
|
-
"deprecated":
|
|
218
|
-
"
|
|
253
|
+
"deprecated": true,
|
|
254
|
+
"version": "4.5.0",
|
|
255
|
+
"reference": "n/a",
|
|
256
|
+
"filePath": "src/color-darkmode/text.json",
|
|
219
257
|
"isSource": true,
|
|
220
258
|
"original": {
|
|
221
259
|
"value": "{color.base.white.value}",
|
|
@@ -224,7 +262,9 @@ module.exports = {
|
|
|
224
262
|
"default": true,
|
|
225
263
|
"usage": "Primary color for body and header text on dark backgrounds",
|
|
226
264
|
"wcag": "AAA",
|
|
227
|
-
"deprecated":
|
|
265
|
+
"deprecated": true,
|
|
266
|
+
"version": "4.5.0",
|
|
267
|
+
"reference": "n/a"
|
|
228
268
|
},
|
|
229
269
|
"name": "ds-color-text-primary-default",
|
|
230
270
|
"attributes": {
|
|
@@ -243,14 +283,16 @@ module.exports = {
|
|
|
243
283
|
},
|
|
244
284
|
"secondary": {
|
|
245
285
|
"default": {
|
|
246
|
-
"value": "#
|
|
286
|
+
"value": "#afb9c6",
|
|
247
287
|
"public": true,
|
|
248
288
|
"darkmode": true,
|
|
249
289
|
"default": true,
|
|
250
290
|
"usage": "Secondary color for body text on dark backgrounds",
|
|
251
291
|
"wcag": "AAA",
|
|
252
|
-
"deprecated":
|
|
253
|
-
"
|
|
292
|
+
"deprecated": true,
|
|
293
|
+
"version": "4.5.0",
|
|
294
|
+
"reference": "n/a",
|
|
295
|
+
"filePath": "src/color-darkmode/text.json",
|
|
254
296
|
"isSource": true,
|
|
255
297
|
"original": {
|
|
256
298
|
"value": "{color.base.neutral.400.value}",
|
|
@@ -259,7 +301,9 @@ module.exports = {
|
|
|
259
301
|
"default": true,
|
|
260
302
|
"usage": "Secondary color for body text on dark backgrounds",
|
|
261
303
|
"wcag": "AAA",
|
|
262
|
-
"deprecated":
|
|
304
|
+
"deprecated": true,
|
|
305
|
+
"version": "4.5.0",
|
|
306
|
+
"reference": "n/a"
|
|
263
307
|
},
|
|
264
308
|
"name": "ds-color-text-secondary-default",
|
|
265
309
|
"attributes": {
|
|
@@ -284,8 +328,10 @@ module.exports = {
|
|
|
284
328
|
"default": true,
|
|
285
329
|
"usage": "Link text color on light backgrounds",
|
|
286
330
|
"wcag": "AA",
|
|
287
|
-
"deprecated":
|
|
288
|
-
"
|
|
331
|
+
"deprecated": true,
|
|
332
|
+
"version": "4.5.0",
|
|
333
|
+
"reference": "n/a",
|
|
334
|
+
"filePath": "src/color-darkmode/text.json",
|
|
289
335
|
"isSource": true,
|
|
290
336
|
"original": {
|
|
291
337
|
"value": "{color.brand.breeze.300.value}",
|
|
@@ -294,7 +340,9 @@ module.exports = {
|
|
|
294
340
|
"default": true,
|
|
295
341
|
"usage": "Link text color on light backgrounds",
|
|
296
342
|
"wcag": "AA",
|
|
297
|
-
"deprecated":
|
|
343
|
+
"deprecated": true,
|
|
344
|
+
"version": "4.5.0",
|
|
345
|
+
"reference": "n/a"
|
|
298
346
|
},
|
|
299
347
|
"name": "ds-color-text-link-default",
|
|
300
348
|
"attributes": {
|
|
@@ -319,8 +367,10 @@ module.exports = {
|
|
|
319
367
|
"default": true,
|
|
320
368
|
"usage": "Error text color on dark backgrounds",
|
|
321
369
|
"wcag": "AA",
|
|
322
|
-
"deprecated":
|
|
323
|
-
"
|
|
370
|
+
"deprecated": true,
|
|
371
|
+
"version": "4.5.0",
|
|
372
|
+
"reference": "n/a",
|
|
373
|
+
"filePath": "src/color-darkmode/text.json",
|
|
324
374
|
"isSource": true,
|
|
325
375
|
"original": {
|
|
326
376
|
"value": "{color.state.error.100.value}",
|
|
@@ -329,7 +379,9 @@ module.exports = {
|
|
|
329
379
|
"default": true,
|
|
330
380
|
"usage": "Error text color on dark backgrounds",
|
|
331
381
|
"wcag": "AA",
|
|
332
|
-
"deprecated":
|
|
382
|
+
"deprecated": true,
|
|
383
|
+
"version": "4.5.0",
|
|
384
|
+
"reference": "n/a"
|
|
333
385
|
},
|
|
334
386
|
"name": "ds-color-text-error-default",
|
|
335
387
|
"attributes": {
|
|
@@ -354,8 +406,10 @@ module.exports = {
|
|
|
354
406
|
"default": true,
|
|
355
407
|
"usage": "Emphasized text color on dark backgrounds",
|
|
356
408
|
"wcag": "n/a",
|
|
357
|
-
"deprecated":
|
|
358
|
-
"
|
|
409
|
+
"deprecated": true,
|
|
410
|
+
"version": "4.5.0",
|
|
411
|
+
"reference": "n/a",
|
|
412
|
+
"filePath": "src/color-darkmode/text.json",
|
|
359
413
|
"isSource": true,
|
|
360
414
|
"original": {
|
|
361
415
|
"value": "{color.brand.midnight.100.value}",
|
|
@@ -364,7 +418,9 @@ module.exports = {
|
|
|
364
418
|
"default": true,
|
|
365
419
|
"usage": "Emphasized text color on dark backgrounds",
|
|
366
420
|
"wcag": "n/a",
|
|
367
|
-
"deprecated":
|
|
421
|
+
"deprecated": true,
|
|
422
|
+
"version": "4.5.0",
|
|
423
|
+
"reference": "n/a"
|
|
368
424
|
},
|
|
369
425
|
"name": "ds-color-text-emphasis-default",
|
|
370
426
|
"attributes": {
|
|
@@ -392,8 +448,10 @@ module.exports = {
|
|
|
392
448
|
"default": true,
|
|
393
449
|
"usage": "MVP tier color for Alaska Airlines",
|
|
394
450
|
"wcag": "n/a",
|
|
395
|
-
"deprecated":
|
|
396
|
-
"
|
|
451
|
+
"deprecated": true,
|
|
452
|
+
"version": "4.5.0",
|
|
453
|
+
"reference": "n/a",
|
|
454
|
+
"filePath": "src/color-darkmode/tier.json",
|
|
397
455
|
"isSource": true,
|
|
398
456
|
"original": {
|
|
399
457
|
"value": "{color.brand.goldgray.100.value}",
|
|
@@ -402,7 +460,9 @@ module.exports = {
|
|
|
402
460
|
"default": true,
|
|
403
461
|
"usage": "MVP tier color for Alaska Airlines",
|
|
404
462
|
"wcag": "n/a",
|
|
405
|
-
"deprecated":
|
|
463
|
+
"deprecated": true,
|
|
464
|
+
"version": "4.5.0",
|
|
465
|
+
"reference": "n/a"
|
|
406
466
|
},
|
|
407
467
|
"name": "ds-color-tier-alaska-mvp-default",
|
|
408
468
|
"attributes": {
|
|
@@ -429,8 +489,10 @@ module.exports = {
|
|
|
429
489
|
"default": true,
|
|
430
490
|
"usage": "MVP Gold tier color for Alaska Airlines",
|
|
431
491
|
"wcag": "n/a",
|
|
432
|
-
"deprecated":
|
|
433
|
-
"
|
|
492
|
+
"deprecated": true,
|
|
493
|
+
"version": "4.5.0",
|
|
494
|
+
"reference": "n/a",
|
|
495
|
+
"filePath": "src/color-darkmode/tier.json",
|
|
434
496
|
"isSource": true,
|
|
435
497
|
"original": {
|
|
436
498
|
"value": "{color.brand.gold.100.value}",
|
|
@@ -439,7 +501,9 @@ module.exports = {
|
|
|
439
501
|
"default": true,
|
|
440
502
|
"usage": "MVP Gold tier color for Alaska Airlines",
|
|
441
503
|
"wcag": "n/a",
|
|
442
|
-
"deprecated":
|
|
504
|
+
"deprecated": true,
|
|
505
|
+
"version": "4.5.0",
|
|
506
|
+
"reference": "n/a"
|
|
443
507
|
},
|
|
444
508
|
"name": "ds-color-tier-alaska-mvpgold-default",
|
|
445
509
|
"attributes": {
|