@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,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,18 +10,28 @@ 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
|
-
"name": "
|
|
34
|
+
"name": "color-base-white",
|
|
25
35
|
"attributes": {
|
|
26
36
|
"category": "color",
|
|
27
37
|
"type": "base",
|
|
@@ -37,18 +47,28 @@ 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
|
-
"name": "
|
|
71
|
+
"name": "color-base-black",
|
|
52
72
|
"attributes": {
|
|
53
73
|
"category": "color",
|
|
54
74
|
"type": "base",
|
|
@@ -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,9 +102,11 @@ 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
|
-
"name": "
|
|
109
|
+
"name": "color-border-primary-default",
|
|
86
110
|
"attributes": {
|
|
87
111
|
"category": "color",
|
|
88
112
|
"type": "border",
|
|
@@ -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,9 +141,11 @@ 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
|
-
"name": "
|
|
148
|
+
"name": "color-border-divider-default",
|
|
121
149
|
"attributes": {
|
|
122
150
|
"category": "color",
|
|
123
151
|
"type": "border",
|
|
@@ -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,9 +182,11 @@ 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
|
-
"name": "
|
|
189
|
+
"name": "color-icon-primary-default",
|
|
158
190
|
"attributes": {
|
|
159
191
|
"category": "color",
|
|
160
192
|
"type": "icon",
|
|
@@ -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,9 +221,11 @@ 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
|
-
"name": "
|
|
228
|
+
"name": "color-icon-emphasis-default",
|
|
193
229
|
"attributes": {
|
|
194
230
|
"category": "color",
|
|
195
231
|
"type": "icon",
|
|
@@ -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,9 +262,11 @@ 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
|
-
"name": "
|
|
269
|
+
"name": "color-text-primary-default",
|
|
230
270
|
"attributes": {
|
|
231
271
|
"category": "color",
|
|
232
272
|
"type": "text",
|
|
@@ -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,9 +301,11 @@ 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
|
-
"name": "
|
|
308
|
+
"name": "color-text-secondary-default",
|
|
265
309
|
"attributes": {
|
|
266
310
|
"category": "color",
|
|
267
311
|
"type": "text",
|
|
@@ -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,9 +340,11 @@ 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
|
-
"name": "
|
|
347
|
+
"name": "color-text-link-default",
|
|
300
348
|
"attributes": {
|
|
301
349
|
"category": "color",
|
|
302
350
|
"type": "text",
|
|
@@ -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,9 +379,11 @@ 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
|
-
"name": "
|
|
386
|
+
"name": "color-text-error-default",
|
|
335
387
|
"attributes": {
|
|
336
388
|
"category": "color",
|
|
337
389
|
"type": "text",
|
|
@@ -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,9 +418,11 @@ 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
|
-
"name": "
|
|
425
|
+
"name": "color-text-emphasis-default",
|
|
370
426
|
"attributes": {
|
|
371
427
|
"category": "color",
|
|
372
428
|
"type": "text",
|
|
@@ -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,9 +460,11 @@ 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
|
-
"name": "
|
|
467
|
+
"name": "color-tier-alaska-mvp-default",
|
|
408
468
|
"attributes": {
|
|
409
469
|
"category": "color",
|
|
410
470
|
"type": "tier",
|
|
@@ -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,9 +501,11 @@ 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
|
-
"name": "
|
|
508
|
+
"name": "color-tier-alaska-mvpgold-default",
|
|
445
509
|
"attributes": {
|
|
446
510
|
"category": "color",
|
|
447
511
|
"type": "tier",
|
|
@@ -1,18 +1,18 @@
|
|
|
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
|
export const DsColorBaseWhite = "#000000"; //
|
|
7
7
|
// Base value for token support; should not use in code!
|
|
8
8
|
export const DsColorBaseBlack = "#ffffff"; //
|
|
9
9
|
// Base value for token support; should not use in code!
|
|
10
|
-
export const DsColorBorderPrimaryDefault = "#
|
|
10
|
+
export const DsColorBorderPrimaryDefault = "#afb9c6";
|
|
11
11
|
export const DsColorBorderDividerDefault = "#000000";
|
|
12
|
-
export const DsColorIconPrimaryDefault = "#
|
|
12
|
+
export const DsColorIconPrimaryDefault = "#afb9c6";
|
|
13
13
|
export const DsColorIconEmphasisDefault = "#000000";
|
|
14
14
|
export const DsColorTextPrimaryDefault = "#000000";
|
|
15
|
-
export const DsColorTextSecondaryDefault = "#
|
|
15
|
+
export const DsColorTextSecondaryDefault = "#afb9c6";
|
|
16
16
|
export const DsColorTextLinkDefault = "#00cff0";
|
|
17
17
|
export const DsColorTextErrorDefault = "#ff999b";
|
|
18
18
|
export const DsColorTextEmphasisDefault = "#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
|
// // Base value for token support; should not use in code!
|
|
@@ -8,12 +8,12 @@ $ds-color-base-white: #000000;
|
|
|
8
8
|
//
|
|
9
9
|
// // Base value for token support; should not use in code!
|
|
10
10
|
$ds-color-base-black: #ffffff;
|
|
11
|
-
$ds-color-border-primary-default: #
|
|
11
|
+
$ds-color-border-primary-default: #afb9c6;
|
|
12
12
|
$ds-color-border-divider-default: #000000;
|
|
13
|
-
$ds-color-icon-primary-default: #
|
|
13
|
+
$ds-color-icon-primary-default: #afb9c6;
|
|
14
14
|
$ds-color-icon-emphasis-default: #000000;
|
|
15
15
|
$ds-color-text-primary-default: #000000;
|
|
16
|
-
$ds-color-text-secondary-default: #
|
|
16
|
+
$ds-color-text-secondary-default: #afb9c6;
|
|
17
17
|
$ds-color-text-link-default: #00cff0;
|
|
18
18
|
$ds-color-text-error-default: #ff999b;
|
|
19
19
|
$ds-color-text-emphasis-default: #c1daf0;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
/*
|
|
3
3
|
Do not edit directly
|
|
4
|
-
Generated on
|
|
4
|
+
Generated on Thu, 23 May 2024 18:24:57 GMT
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
7
|
$auroTokens: (
|
|
@@ -11,12 +11,12 @@ $auroTokens: (
|
|
|
11
11
|
//
|
|
12
12
|
// Base value for token support; should not use in code!
|
|
13
13
|
'ds-color-base-black': (#ffffff),
|
|
14
|
-
'ds-color-border-primary-default': (#
|
|
14
|
+
'ds-color-border-primary-default': (#afb9c6),
|
|
15
15
|
'ds-color-border-divider-default': (#000000),
|
|
16
|
-
'ds-color-icon-primary-default': (#
|
|
16
|
+
'ds-color-icon-primary-default': (#afb9c6),
|
|
17
17
|
'ds-color-icon-emphasis-default': (#000000),
|
|
18
18
|
'ds-color-text-primary-default': (#000000),
|
|
19
|
-
'ds-color-text-secondary-default': (#
|
|
19
|
+
'ds-color-text-secondary-default': (#afb9c6),
|
|
20
20
|
'ds-color-text-link-default': (#00cff0),
|
|
21
21
|
'ds-color-text-error-default': (#ff999b),
|
|
22
22
|
'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
|
: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;
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
{
|
|
2
|
+
"ds-color-background-primary-100-default": "#f2fcfa",
|
|
3
|
+
"ds-color-background-primary-100-inverse": "#005e86",
|
|
4
|
+
"ds-color-background-primary-200-default": "#e0faf6",
|
|
5
|
+
"ds-color-background-primary-200-inverse": "#03314f",
|
|
6
|
+
"ds-color-background-primary-300-default": "#a3ecf0",
|
|
7
|
+
"ds-color-background-primary-300-inverse": "#011e22",
|
|
8
|
+
"ds-color-background-primary-400-default": "#f2f2f2",
|
|
9
|
+
"ds-color-background-primary-400-inverse": "#f2f2f2",
|
|
10
|
+
"ds-color-base-excursion-white-3": "rgba(255, 255, 255, 0.03)",
|
|
11
|
+
"ds-color-base-excursion-white-6": "rgba(255, 255, 255, 0.06)",
|
|
12
|
+
"ds-color-base-excursion-white-12": "rgba(255, 255, 255, 0.12)",
|
|
13
|
+
"ds-color-base-excursion-white-25": "rgba(255, 255, 255, 0.25)",
|
|
14
|
+
"ds-color-base-excursion-white-50": "rgba(255, 255, 255, 0.5)",
|
|
15
|
+
"ds-color-base-excursion-white-100": "#ffffff",
|
|
16
|
+
"ds-color-base-excursion-black-3": "rgba(0, 0, 0, 0.03)",
|
|
17
|
+
"ds-color-base-excursion-black-6": "rgba(0, 0, 0, 0.06)",
|
|
18
|
+
"ds-color-base-excursion-black-12": "rgba(0, 0, 0, 0.12)",
|
|
19
|
+
"ds-color-base-excursion-black-25": "rgba(0, 0, 0, 0.25)",
|
|
20
|
+
"ds-color-base-excursion-black-50": "rgba(0, 0, 0, 0.5)",
|
|
21
|
+
"ds-color-base-excursion-black-100": "#000000",
|
|
22
|
+
"ds-color-base-excursion-success-100": "#eff9f3",
|
|
23
|
+
"ds-color-base-excursion-success-200": "#7ecd9b",
|
|
24
|
+
"ds-color-base-excursion-success-300": "#00a04a",
|
|
25
|
+
"ds-color-base-excursion-success-400": "#006b30",
|
|
26
|
+
"ds-color-base-excursion-success-500": "#003d1e",
|
|
27
|
+
"ds-color-base-excursion-error-100": "#fff4f4",
|
|
28
|
+
"ds-color-base-excursion-error-200": "#f9aca6",
|
|
29
|
+
"ds-color-base-excursion-error-300": "#f16359",
|
|
30
|
+
"ds-color-base-excursion-error-400": "#cc1816",
|
|
31
|
+
"ds-color-base-excursion-error-500": "#74110e",
|
|
32
|
+
"ds-color-base-excursion-warning-100": "#fef8e9",
|
|
33
|
+
"ds-color-base-excursion-warning-200": "#f2c153",
|
|
34
|
+
"ds-color-base-excursion-warning-300": "#c49432",
|
|
35
|
+
"ds-color-base-excursion-warning-400": "#8e6b22",
|
|
36
|
+
"ds-color-base-excursion-warning-500": "#5d4514",
|
|
37
|
+
"ds-color-excursion-grey-100": "#f2f2f2",
|
|
38
|
+
"ds-color-excursion-grey-200": "#d4d4d4",
|
|
39
|
+
"ds-color-excursion-grey-900": "#2e2e2e",
|
|
40
|
+
"ds-color-excursion-grey-1000": "#151515",
|
|
41
|
+
"ds-color-excursion-green-100": "#fbfff6",
|
|
42
|
+
"ds-color-excursion-green-200": "#f1fee5",
|
|
43
|
+
"ds-color-excursion-green-300": "#defcd6",
|
|
44
|
+
"ds-color-excursion-green-400": "#b4f6a3",
|
|
45
|
+
"ds-color-excursion-green-500": "#68ddbe",
|
|
46
|
+
"ds-color-excursion-green-600": "#00c2ab",
|
|
47
|
+
"ds-color-excursion-green-700": "#008686",
|
|
48
|
+
"ds-color-excursion-green-800": "#215d53",
|
|
49
|
+
"ds-color-excursion-green-900": "#114741",
|
|
50
|
+
"ds-color-excursion-green-1000": "#00261d",
|
|
51
|
+
"ds-color-excursion-blue-100": "#f2fcfa",
|
|
52
|
+
"ds-color-excursion-blue-200": "#e0faf6",
|
|
53
|
+
"ds-color-excursion-blue-300": "#a3ecf0",
|
|
54
|
+
"ds-color-excursion-blue-400": "#3ee7f1",
|
|
55
|
+
"ds-color-excursion-blue-500": "#8ca761",
|
|
56
|
+
"ds-color-excursion-blue-600": "#778f53",
|
|
57
|
+
"ds-color-excursion-blue-700": "#005e86",
|
|
58
|
+
"ds-color-excursion-blue-800": "#03314f",
|
|
59
|
+
"ds-color-excursion-blue-900": "#011e22",
|
|
60
|
+
"ds-color-excursion-blue-1000": "#12303d",
|
|
61
|
+
"ds-color-excursion-yellow-100": "#fffcf8",
|
|
62
|
+
"ds-color-excursion-yellow-200": "#ffffe2",
|
|
63
|
+
"ds-color-excursion-yellow-300": "#fff1ce",
|
|
64
|
+
"ds-color-excursion-yellow-400": "#ffe289",
|
|
65
|
+
"ds-color-excursion-yellow-500": "#ffce94",
|
|
66
|
+
"ds-color-excursion-yellow-600": "#ffb257"
|
|
67
|
+
}
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
{
|
|
2
|
+
"color": {
|
|
3
|
+
"background": {
|
|
4
|
+
"primary": {
|
|
5
|
+
"100": {
|
|
6
|
+
"default": "#f2fcfa",
|
|
7
|
+
"inverse": "#005e86"
|
|
8
|
+
},
|
|
9
|
+
"200": {
|
|
10
|
+
"default": "#e0faf6",
|
|
11
|
+
"inverse": "#03314f"
|
|
12
|
+
},
|
|
13
|
+
"300": {
|
|
14
|
+
"default": "#a3ecf0",
|
|
15
|
+
"inverse": "#011e22"
|
|
16
|
+
},
|
|
17
|
+
"400": {
|
|
18
|
+
"default": "#f2f2f2",
|
|
19
|
+
"inverse": "#f2f2f2"
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
"base": {
|
|
24
|
+
"excursion": {
|
|
25
|
+
"white": {
|
|
26
|
+
"3": "rgba(255, 255, 255, 0.03)",
|
|
27
|
+
"6": "rgba(255, 255, 255, 0.06)",
|
|
28
|
+
"12": "rgba(255, 255, 255, 0.12)",
|
|
29
|
+
"25": "rgba(255, 255, 255, 0.25)",
|
|
30
|
+
"50": "rgba(255, 255, 255, 0.5)",
|
|
31
|
+
"100": "#ffffff"
|
|
32
|
+
},
|
|
33
|
+
"black": {
|
|
34
|
+
"3": "rgba(0, 0, 0, 0.03)",
|
|
35
|
+
"6": "rgba(0, 0, 0, 0.06)",
|
|
36
|
+
"12": "rgba(0, 0, 0, 0.12)",
|
|
37
|
+
"25": "rgba(0, 0, 0, 0.25)",
|
|
38
|
+
"50": "rgba(0, 0, 0, 0.5)",
|
|
39
|
+
"100": "#000000"
|
|
40
|
+
},
|
|
41
|
+
"success": {
|
|
42
|
+
"100": "#eff9f3",
|
|
43
|
+
"200": "#7ecd9b",
|
|
44
|
+
"300": "#00a04a",
|
|
45
|
+
"400": "#006b30",
|
|
46
|
+
"500": "#003d1e"
|
|
47
|
+
},
|
|
48
|
+
"error": {
|
|
49
|
+
"100": "#fff4f4",
|
|
50
|
+
"200": "#f9aca6",
|
|
51
|
+
"300": "#f16359",
|
|
52
|
+
"400": "#cc1816",
|
|
53
|
+
"500": "#74110e"
|
|
54
|
+
},
|
|
55
|
+
"warning": {
|
|
56
|
+
"100": "#fef8e9",
|
|
57
|
+
"200": "#f2c153",
|
|
58
|
+
"300": "#c49432",
|
|
59
|
+
"400": "#8e6b22",
|
|
60
|
+
"500": "#5d4514"
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
},
|
|
64
|
+
"excursion": {
|
|
65
|
+
"grey": {
|
|
66
|
+
"100": "#f2f2f2",
|
|
67
|
+
"200": "#d4d4d4",
|
|
68
|
+
"900": "#2e2e2e",
|
|
69
|
+
"1000": "#151515"
|
|
70
|
+
},
|
|
71
|
+
"green": {
|
|
72
|
+
"100": "#fbfff6",
|
|
73
|
+
"200": "#f1fee5",
|
|
74
|
+
"300": "#defcd6",
|
|
75
|
+
"400": "#b4f6a3",
|
|
76
|
+
"500": "#68ddbe",
|
|
77
|
+
"600": "#00c2ab",
|
|
78
|
+
"700": "#008686",
|
|
79
|
+
"800": "#215d53",
|
|
80
|
+
"900": "#114741",
|
|
81
|
+
"1000": "#00261d"
|
|
82
|
+
},
|
|
83
|
+
"blue": {
|
|
84
|
+
"100": "#f2fcfa",
|
|
85
|
+
"200": "#e0faf6",
|
|
86
|
+
"300": "#a3ecf0",
|
|
87
|
+
"400": "#3ee7f1",
|
|
88
|
+
"500": "#8ca761",
|
|
89
|
+
"600": "#778f53",
|
|
90
|
+
"700": "#005e86",
|
|
91
|
+
"800": "#03314f",
|
|
92
|
+
"900": "#011e22",
|
|
93
|
+
"1000": "#12303d"
|
|
94
|
+
},
|
|
95
|
+
"yellow": {
|
|
96
|
+
"100": "#fffcf8",
|
|
97
|
+
"200": "#ffffe2",
|
|
98
|
+
"300": "#fff1ce",
|
|
99
|
+
"400": "#ffe289",
|
|
100
|
+
"500": "#ffce94",
|
|
101
|
+
"600": "#ffb257"
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
}
|