@aurodesignsystem/design-tokens 5.0.1 → 5.0.2
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 +7 -0
- package/README.md +62 -86
- package/dist/{auro-classic → tokens}/CSSCustomProperties.css +312 -320
- package/dist/{auro-classic → tokens}/CSSSizeCustomProperties.css +1 -1
- package/dist/{auro-classic → tokens}/JSData--color.js +2071 -3145
- package/dist/{auro-classic → tokens}/JSONVariablesFlat.json +4 -12
- package/dist/{auro-classic → tokens}/JSONVariablesNested.json +9 -13
- package/dist/{auro-classic/JSObject--deprecated.js → tokens/JSObject--allTokens.js} +8777 -14655
- package/dist/tokens/JSObject--deprecated.js +3157 -0
- package/dist/{auro-classic → tokens}/JSVariables--color.js +312 -308
- package/dist/{auro-classic → tokens}/SCSSVariableMap.scss +1 -1
- package/dist/{auro-classic → tokens}/SCSSVariables.scss +312 -320
- package/dist/{auro-classic → tokens}/SCSSVariablesMapFlat.scss +312 -320
- package/dist/{auro-classic → tokens}/SassCustomProperties.scss +312 -320
- package/dist/{auro-classic → tokens}/SassSizeCustomProperties.scss +1 -1
- package/dist/tokens/base/SCSSVariables.scss +1372 -0
- package/dist/tokens/darkmode/CSSCustomProperties.css +28 -0
- package/dist/tokens/darkmode/JSDataColor.js +528 -0
- package/dist/tokens/darkmode/JSObject--deprecatedDark.js +528 -0
- package/dist/tokens/darkmode/JSVariablesColor.js +20 -0
- package/dist/tokens/darkmode/SCSSVariables.scss +21 -0
- package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +25 -0
- package/dist/tokens/darkmode/SassCustomProperties.scss +28 -0
- package/dist/tokens/excursion/JSONVariablesFlat.json +736 -0
- package/dist/tokens/excursion/JSONVariablesNested.json +1222 -0
- package/dist/tokens/hawaiian/CSSCustomProperties.css +20 -0
- package/dist/{transparent/CSSCustomProperties--transparent.css → tokens/transparent/CSSCustomProperties.css} +5 -1
- package/package.json +3 -5
- package/src/{themes/auro-classic/animation.json → animation.json} +3 -6
- package/src/{themes/auro-classic → asset}/font.json +5 -10
- package/src/{themes/auro-classic/color → color}/alert.json +0 -7
- package/src/{themes/auro-classic/color → color}/background.json +25 -53
- package/src/{themes/auro-classic/color → color}/base.json +147 -303
- package/src/{themes/auro-classic/color → color}/border.json +32 -68
- package/src/{themes/auro-classic/color → color}/brand.json +158 -289
- package/src/{themes/auro-classic/color → color}/container.json +50 -101
- package/src/{themes/auro-classic/color → color}/icon.json +64 -129
- package/src/{themes/auro-classic/color → color}/text.json +28 -58
- package/src/{themes/auro-classic/color → color}/tier.json +22 -43
- package/src/{themes/auro-classic/color → color}/ui.json +1 -12
- package/src/{themes/auro-classic/color → color}/utility.json +30 -60
- package/src/color-darkmode/base.json +24 -0
- package/src/color-darkmode/border.json +32 -0
- package/src/color-darkmode/icon.json +32 -0
- package/src/color-darkmode/text.json +71 -0
- package/src/color-darkmode/tier.json +34 -0
- package/src/comments.json +34 -0
- package/src/{themes/auro-classic/depth.json → depth.json} +4 -9
- package/src/{themes/auro-classic/elevation.json → elevation.json} +3 -6
- package/src/{themes/auro-classic/grid-breakpoint.json → grid-breakpoint.json} +5 -10
- package/src/{themes/auro-classic/grid-column.json → grid-column.json} +5 -10
- package/src/{themes/auro-classic/grid-gutter.json → grid-gutter.json} +5 -10
- package/src/{themes/auro-classic/grid-margin.json → grid-margin.json} +5 -10
- package/src/{themes/auro-classic/size → size}/radius.json +1 -2
- package/src/size/scale.json +240 -0
- package/src/size/unitless-scale.json +82 -0
- package/src/{themes/auro-classic/text.json → text.json} +97 -192
- package/src/themes/excursion/animation.json +21 -0
- package/src/themes/excursion/asset/font.json +35 -0
- package/src/themes/excursion/color/alert.json +90 -0
- package/src/themes/excursion/color/background.json +280 -0
- package/src/themes/excursion/color/base.json +1303 -0
- package/src/themes/excursion/color/border.json +288 -0
- package/src/themes/excursion/color/brand.json +1549 -0
- package/src/themes/excursion/color/container.json +464 -0
- package/src/themes/excursion/color/excursion.json +254 -0
- package/src/themes/excursion/color/icon.json +476 -0
- package/src/themes/excursion/color/text.json +270 -0
- package/src/themes/excursion/color/tier.json +180 -0
- package/src/themes/excursion/color/ui.json +125 -0
- package/src/themes/excursion/comments.json +34 -0
- package/src/themes/excursion/depth copy.json +22 -0
- package/src/themes/excursion/elevation.json +22 -0
- package/src/themes/excursion/grid-breakpoint.json +29 -0
- package/src/themes/excursion/grid-column.json +29 -0
- package/src/themes/excursion/grid-gutter.json +29 -0
- package/src/themes/excursion/grid-margin.json +29 -0
- package/src/themes/excursion/size/radius.json +9 -0
- package/src/themes/excursion/size/scale.json +234 -0
- package/src/themes/excursion/size/unitless-scale.json +82 -0
- package/src/themes/excursion/text.json +572 -0
- package/src/themes/hawaiian/color/background.json +15 -0
- package/src/themes/hawaiian/color/border.json +18 -0
- package/src/themes/hawaiian/color/container.json +56 -0
- package/src/themes/hawaiian/color/icon.json +24 -0
- package/src/themes/hawaiian/color/text.json +44 -0
- package/src/themes/transparent/color/alert.json +0 -7
- package/src/themes/transparent/color/background.json +2 -30
- package/src/themes/transparent/color/base.json +0 -156
- package/src/themes/transparent/color/border.json +0 -36
- package/src/themes/transparent/color/brand.json +36 -167
- package/src/themes/transparent/color/container.json +0 -50
- package/src/themes/transparent/color/icon.json +0 -65
- package/src/themes/transparent/color/text.json +0 -30
- package/src/themes/transparent/color/tier.json +1 -22
- package/src/themes/transparent/color/ui.json +1 -12
- package/src/themes/transparent/color/utility.json +0 -30
- package/src/themes/transparent/elevation.json +0 -3
- package/dist/alaska/CSSCustomProperties--alaska.css +0 -66
- package/dist/alaska/SCSSVariables--alaska.scss +0 -63
- package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +0 -67
- package/dist/alaska/primitives--alaska.scss +0 -215
- package/dist/hawaiian/CSSCustomProperties--hawaiian.css +0 -66
- package/dist/hawaiian/SCSSVariables--hawaiian.scss +0 -63
- package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +0 -67
- package/dist/hawaiian/primitives--hawaiian.scss +0 -175
- package/src/primitives/alaska/color.json +0 -796
- package/src/primitives/alaska/typography.json +0 -27
- package/src/primitives/base/color.json +0 -489
- package/src/primitives/base/transparency.json +0 -183
- package/src/primitives/base/typography.json +0 -210
- package/src/primitives/hawaiian/color.json +0 -508
- package/src/primitives/hawaiian/typography.json +0 -28
- package/src/themes/alaska/color.json +0 -394
- package/src/themes/alaska/typography.json +0 -132
- package/src/themes/auro-classic/comments.json +0 -50
- package/src/themes/auro-classic/size/scale.json +0 -347
- package/src/themes/auro-classic/size/unitless-scale.json +0 -126
- package/src/themes/hawaiian/color.json +0 -394
- package/src/themes/hawaiian/typography.json +0 -132
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 27 Feb 2025 23:32:44 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -28,23 +28,11 @@
|
|
|
28
28
|
--ds-unitless-scale-20: 0.25;
|
|
29
29
|
--ds-unitless-scale-50: 0.5;
|
|
30
30
|
--ds-unitless-scale-100: 1;
|
|
31
|
-
--ds-unitless-scale-120: 1.25;
|
|
32
31
|
--ds-unitless-scale-140: 1.4;
|
|
33
32
|
--ds-unitless-scale-150: 1.5;
|
|
34
|
-
--ds-unitless-scale-160: 1.625;
|
|
35
|
-
--ds-unitless-scale-170: 1.75;
|
|
36
|
-
--ds-unitless-scale-180: 1.875;
|
|
37
33
|
--ds-unitless-scale-200: 2;
|
|
38
|
-
--ds-unitless-scale-210: 2.125;
|
|
39
|
-
--ds-unitless-scale-220: 2.25;
|
|
40
|
-
--ds-unitless-scale-230: 2.375;
|
|
41
|
-
--ds-unitless-scale-260: 2.625;
|
|
42
|
-
--ds-unitless-scale-270: 2.75;
|
|
43
34
|
--ds-unitless-scale-300: 3;
|
|
44
|
-
--ds-unitless-scale-330: 3.375;
|
|
45
35
|
--ds-unitless-scale-350: 3.5;
|
|
46
|
-
--ds-unitless-scale-370: 3.75;
|
|
47
|
-
--ds-unitless-scale-420: 4.25;
|
|
48
36
|
--ds-animation-default-property: all;
|
|
49
37
|
--ds-animation-default-duration: 0.3s;
|
|
50
38
|
--ds-animation-default-timing: ease-out;
|
|
@@ -202,32 +190,32 @@
|
|
|
202
190
|
--ds-color-background-gradient-default: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5));
|
|
203
191
|
/**
|
|
204
192
|
*
|
|
205
|
-
*
|
|
193
|
+
* // Base value for token support; should not use in code!
|
|
206
194
|
*/
|
|
207
195
|
--ds-color-base-white: #ffffff;
|
|
208
196
|
/**
|
|
209
197
|
*
|
|
210
|
-
*
|
|
198
|
+
* // Base value for token support; should not use in code!
|
|
211
199
|
*/
|
|
212
200
|
--ds-color-base-white-100: rgba(255, 255, 255, 0.03);
|
|
213
201
|
/**
|
|
214
202
|
*
|
|
215
|
-
*
|
|
203
|
+
* // Base value for token support; should not use in code!
|
|
216
204
|
*/
|
|
217
205
|
--ds-color-base-white-200: rgba(255, 255, 255, 0.06);
|
|
218
206
|
/**
|
|
219
207
|
*
|
|
220
|
-
*
|
|
208
|
+
* // Base value for token support; should not use in code!
|
|
221
209
|
*/
|
|
222
210
|
--ds-color-base-white-300: rgba(255, 255, 255, 0.12);
|
|
223
211
|
/**
|
|
224
212
|
*
|
|
225
|
-
*
|
|
213
|
+
* // Base value for token support; should not use in code!
|
|
226
214
|
*/
|
|
227
215
|
--ds-color-base-white-400: rgba(255, 255, 255, 0.25);
|
|
228
216
|
/**
|
|
229
217
|
*
|
|
230
|
-
*
|
|
218
|
+
* // Base value for token support; should not use in code!
|
|
231
219
|
*/
|
|
232
220
|
--ds-color-base-white-500: rgba(255, 255, 255, 0.5);
|
|
233
221
|
--ds-color-base-white-opacity-50: rgba(255, 255, 255, 0.5); /* white @ 50% */
|
|
@@ -235,708 +223,708 @@
|
|
|
235
223
|
--ds-color-base-white-opacity-0: rgba(255, 255, 255, 0); /* white @ 0% */
|
|
236
224
|
/**
|
|
237
225
|
*
|
|
238
|
-
*
|
|
226
|
+
* // Base value for token support; should not use in code!
|
|
239
227
|
*/
|
|
240
228
|
--ds-color-base-black: #000000;
|
|
241
229
|
/**
|
|
242
230
|
*
|
|
243
|
-
*
|
|
231
|
+
* // Base value for token support; should not use in code!
|
|
244
232
|
*/
|
|
245
233
|
--ds-color-base-black-100: rgba(0, 0, 0, 0.03);
|
|
246
234
|
/**
|
|
247
235
|
*
|
|
248
|
-
*
|
|
236
|
+
* // Base value for token support; should not use in code!
|
|
249
237
|
*/
|
|
250
238
|
--ds-color-base-black-200: rgba(0, 0, 0, 0.06);
|
|
251
239
|
/**
|
|
252
240
|
*
|
|
253
|
-
*
|
|
241
|
+
* // Base value for token support; should not use in code!
|
|
254
242
|
*/
|
|
255
243
|
--ds-color-base-black-300: rgba(0, 0, 0, 0.12);
|
|
256
244
|
/**
|
|
257
245
|
*
|
|
258
|
-
*
|
|
246
|
+
* // Base value for token support; should not use in code!
|
|
259
247
|
*/
|
|
260
248
|
--ds-color-base-black-400: rgba(0, 0, 0, 0.25);
|
|
261
249
|
/**
|
|
262
250
|
*
|
|
263
|
-
*
|
|
251
|
+
* // Base value for token support; should not use in code!
|
|
264
252
|
*/
|
|
265
253
|
--ds-color-base-black-500: rgba(0, 0, 0, 0.5);
|
|
266
254
|
--ds-color-base-black-opacity-15: rgba(0, 0, 0, 0.15); /* black @ 15% */
|
|
267
255
|
/**
|
|
268
256
|
*
|
|
269
|
-
*
|
|
257
|
+
* // Base value for token support; should not use in code!
|
|
270
258
|
*/
|
|
271
259
|
--ds-color-base-blue-100: #f0f7fd;
|
|
272
260
|
/**
|
|
273
261
|
*
|
|
274
|
-
*
|
|
262
|
+
* // Base value for token support; should not use in code!
|
|
275
263
|
*/
|
|
276
264
|
--ds-color-base-blue-200: #c9e0f7;
|
|
277
265
|
/**
|
|
278
266
|
*
|
|
279
|
-
*
|
|
267
|
+
* // Base value for token support; should not use in code!
|
|
280
268
|
*/
|
|
281
269
|
--ds-color-base-blue-300: #a0c9f1;
|
|
282
270
|
/**
|
|
283
271
|
*
|
|
284
|
-
*
|
|
272
|
+
* // Base value for token support; should not use in code!
|
|
285
273
|
*/
|
|
286
274
|
--ds-color-base-blue-400: #79b2ec;
|
|
287
275
|
/**
|
|
288
276
|
*
|
|
289
|
-
*
|
|
277
|
+
* // Base value for token support; should not use in code!
|
|
290
278
|
*/
|
|
291
279
|
--ds-color-base-blue-500: #5398e6;
|
|
292
280
|
/**
|
|
293
281
|
*
|
|
294
|
-
*
|
|
282
|
+
* // Base value for token support; should not use in code!
|
|
295
283
|
*/
|
|
296
284
|
--ds-color-base-blue-600: #3b7fd2;
|
|
297
285
|
/**
|
|
298
286
|
*
|
|
299
|
-
*
|
|
287
|
+
* // Base value for token support; should not use in code!
|
|
300
288
|
*/
|
|
301
289
|
--ds-color-base-blue-700: #2c67b5;
|
|
302
290
|
/**
|
|
303
291
|
*
|
|
304
|
-
*
|
|
292
|
+
* // Base value for token support; should not use in code!
|
|
305
293
|
*/
|
|
306
294
|
--ds-color-base-blue-800: #225296;
|
|
307
295
|
/**
|
|
308
296
|
*
|
|
309
|
-
*
|
|
297
|
+
* // Base value for token support; should not use in code!
|
|
310
298
|
*/
|
|
311
299
|
--ds-color-base-blue-900: #193d73;
|
|
312
300
|
/**
|
|
313
301
|
*
|
|
314
|
-
*
|
|
302
|
+
* // Base value for token support; should not use in code!
|
|
315
303
|
*/
|
|
316
304
|
--ds-color-base-blue-1000: #102a51;
|
|
317
305
|
/**
|
|
318
306
|
*
|
|
319
|
-
*
|
|
307
|
+
* // Base value for token support; should not use in code!
|
|
320
308
|
*/
|
|
321
309
|
--ds-color-base-cyan-100: #ebfafd;
|
|
322
310
|
/**
|
|
323
311
|
*
|
|
324
|
-
*
|
|
312
|
+
* // Base value for token support; should not use in code!
|
|
325
313
|
*/
|
|
326
314
|
--ds-color-base-cyan-200: #a8e9f7;
|
|
327
315
|
/**
|
|
328
316
|
*
|
|
329
|
-
*
|
|
317
|
+
* // Base value for token support; should not use in code!
|
|
330
318
|
*/
|
|
331
319
|
--ds-color-base-cyan-300: #6ad5ef;
|
|
332
320
|
/**
|
|
333
321
|
*
|
|
334
|
-
*
|
|
322
|
+
* // Base value for token support; should not use in code!
|
|
335
323
|
*/
|
|
336
324
|
--ds-color-base-cyan-400: #56bbde;
|
|
337
325
|
/**
|
|
338
326
|
*
|
|
339
|
-
*
|
|
327
|
+
* // Base value for token support; should not use in code!
|
|
340
328
|
*/
|
|
341
329
|
--ds-color-base-cyan-500: #4aa2c7;
|
|
342
330
|
/**
|
|
343
331
|
*
|
|
344
|
-
*
|
|
332
|
+
* // Base value for token support; should not use in code!
|
|
345
333
|
*/
|
|
346
334
|
--ds-color-base-cyan-600: #3e89aa;
|
|
347
335
|
/**
|
|
348
336
|
*
|
|
349
|
-
*
|
|
337
|
+
* // Base value for token support; should not use in code!
|
|
350
338
|
*/
|
|
351
339
|
--ds-color-base-cyan-700: #32718e;
|
|
352
340
|
/**
|
|
353
341
|
*
|
|
354
|
-
*
|
|
342
|
+
* // Base value for token support; should not use in code!
|
|
355
343
|
*/
|
|
356
344
|
--ds-color-base-cyan-800: #275b72;
|
|
357
345
|
/**
|
|
358
346
|
*
|
|
359
|
-
*
|
|
347
|
+
* // Base value for token support; should not use in code!
|
|
360
348
|
*/
|
|
361
349
|
--ds-color-base-cyan-900: #1d4658;
|
|
362
350
|
/**
|
|
363
351
|
*
|
|
364
|
-
*
|
|
352
|
+
* // Base value for token support; should not use in code!
|
|
365
353
|
*/
|
|
366
354
|
--ds-color-base-cyan-1000: #12303d;
|
|
367
355
|
/**
|
|
368
356
|
*
|
|
369
|
-
*
|
|
357
|
+
* // Base value for token support; should not use in code!
|
|
370
358
|
*/
|
|
371
359
|
--ds-color-base-error-100: #fff4f4;
|
|
372
360
|
/**
|
|
373
361
|
*
|
|
374
|
-
*
|
|
362
|
+
* // Base value for token support; should not use in code!
|
|
375
363
|
*/
|
|
376
364
|
--ds-color-base-error-200: #f9aca6;
|
|
377
365
|
/**
|
|
378
366
|
*
|
|
379
|
-
*
|
|
367
|
+
* // Base value for token support; should not use in code!
|
|
380
368
|
*/
|
|
381
369
|
--ds-color-base-error-300: #f16359;
|
|
382
370
|
/**
|
|
383
371
|
*
|
|
384
|
-
*
|
|
372
|
+
* // Base value for token support; should not use in code!
|
|
385
373
|
*/
|
|
386
374
|
--ds-color-base-error-400: #cc1816;
|
|
387
375
|
/**
|
|
388
376
|
*
|
|
389
|
-
*
|
|
377
|
+
* // Base value for token support; should not use in code!
|
|
390
378
|
*/
|
|
391
379
|
--ds-color-base-error-500: #74110e;
|
|
392
380
|
/**
|
|
393
381
|
*
|
|
394
|
-
*
|
|
382
|
+
* // Base value for token support; should not use in code!
|
|
395
383
|
*/
|
|
396
384
|
--ds-color-base-gray-100: #f7f7f7;
|
|
397
385
|
/**
|
|
398
386
|
*
|
|
399
|
-
*
|
|
387
|
+
* // Base value for token support; should not use in code!
|
|
400
388
|
*/
|
|
401
389
|
--ds-color-base-gray-200: #d4d4d4;
|
|
402
390
|
/**
|
|
403
391
|
*
|
|
404
|
-
*
|
|
392
|
+
* // Base value for token support; should not use in code!
|
|
405
393
|
*/
|
|
406
394
|
--ds-color-base-gray-300: #c5c5c5;
|
|
407
395
|
/**
|
|
408
396
|
*
|
|
409
|
-
*
|
|
397
|
+
* // Base value for token support; should not use in code!
|
|
410
398
|
*/
|
|
411
399
|
--ds-color-base-gray-400: #adadad;
|
|
412
400
|
/**
|
|
413
401
|
*
|
|
414
|
-
*
|
|
402
|
+
* // Base value for token support; should not use in code!
|
|
415
403
|
*/
|
|
416
404
|
--ds-color-base-gray-500: #959595;
|
|
417
405
|
/**
|
|
418
406
|
*
|
|
419
|
-
*
|
|
407
|
+
* // Base value for token support; should not use in code!
|
|
420
408
|
*/
|
|
421
409
|
--ds-color-base-gray-600: #7e7e7e;
|
|
422
410
|
/**
|
|
423
411
|
*
|
|
424
|
-
*
|
|
412
|
+
* // Base value for token support; should not use in code!
|
|
425
413
|
*/
|
|
426
414
|
--ds-color-base-gray-700: #676767;
|
|
427
415
|
/**
|
|
428
416
|
*
|
|
429
|
-
*
|
|
417
|
+
* // Base value for token support; should not use in code!
|
|
430
418
|
*/
|
|
431
419
|
--ds-color-base-gray-800: #525252;
|
|
432
420
|
/**
|
|
433
421
|
*
|
|
434
|
-
*
|
|
422
|
+
* // Base value for token support; should not use in code!
|
|
435
423
|
*/
|
|
436
424
|
--ds-color-base-gray-900: #3d3d3d;
|
|
437
425
|
/**
|
|
438
426
|
*
|
|
439
|
-
*
|
|
427
|
+
* // Base value for token support; should not use in code!
|
|
440
428
|
*/
|
|
441
429
|
--ds-color-base-gray-1000: #2a2a2a;
|
|
442
430
|
/**
|
|
443
431
|
*
|
|
444
|
-
*
|
|
432
|
+
* // Base value for token support; should not use in code!
|
|
445
433
|
*/
|
|
446
434
|
--ds-color-base-green-100: #f3faf7;
|
|
447
435
|
/**
|
|
448
436
|
*
|
|
449
|
-
*
|
|
437
|
+
* // Base value for token support; should not use in code!
|
|
450
438
|
*/
|
|
451
439
|
--ds-color-base-green-200: #000000;
|
|
452
440
|
/**
|
|
453
441
|
*
|
|
454
|
-
*
|
|
442
|
+
* // Base value for token support; should not use in code!
|
|
455
443
|
*/
|
|
456
444
|
--ds-color-base-green-300: #addbca;
|
|
457
445
|
/**
|
|
458
446
|
*
|
|
459
|
-
*
|
|
447
|
+
* // Base value for token support; should not use in code!
|
|
460
448
|
*/
|
|
461
449
|
--ds-color-base-green-400: #7ec6ac;
|
|
462
450
|
/**
|
|
463
451
|
*
|
|
464
|
-
*
|
|
452
|
+
* // Base value for token support; should not use in code!
|
|
465
453
|
*/
|
|
466
454
|
--ds-color-base-green-500: #51ae8c;
|
|
467
455
|
/**
|
|
468
456
|
*
|
|
469
|
-
*
|
|
457
|
+
* // Base value for token support; should not use in code!
|
|
470
458
|
*/
|
|
471
459
|
--ds-color-base-green-600: #459578;
|
|
472
460
|
/**
|
|
473
461
|
*
|
|
474
|
-
*
|
|
462
|
+
* // Base value for token support; should not use in code!
|
|
475
463
|
*/
|
|
476
464
|
--ds-color-base-green-700: #3a7d64;
|
|
477
465
|
/**
|
|
478
466
|
*
|
|
479
|
-
*
|
|
467
|
+
* // Base value for token support; should not use in code!
|
|
480
468
|
*/
|
|
481
469
|
--ds-color-base-green-800: #306854;
|
|
482
470
|
/**
|
|
483
471
|
*
|
|
484
|
-
*
|
|
472
|
+
* // Base value for token support; should not use in code!
|
|
485
473
|
*/
|
|
486
474
|
--ds-color-base-green-900: #285545;
|
|
487
475
|
/**
|
|
488
476
|
*
|
|
489
|
-
*
|
|
477
|
+
* // Base value for token support; should not use in code!
|
|
490
478
|
*/
|
|
491
479
|
--ds-color-base-green-1000: #1f4436;
|
|
492
480
|
/**
|
|
493
481
|
*
|
|
494
|
-
*
|
|
482
|
+
* // Base value for token support; should not use in code!
|
|
495
483
|
*/
|
|
496
484
|
--ds-color-base-lime-100: #f5fbeb;
|
|
497
485
|
/**
|
|
498
486
|
*
|
|
499
|
-
*
|
|
487
|
+
* // Base value for token support; should not use in code!
|
|
500
488
|
*/
|
|
501
489
|
--ds-color-base-lime-200: #d8efb4;
|
|
502
490
|
/**
|
|
503
491
|
*
|
|
504
|
-
*
|
|
492
|
+
* // Base value for token support; should not use in code!
|
|
505
493
|
*/
|
|
506
494
|
--ds-color-base-lime-300: #badd81;
|
|
507
495
|
/**
|
|
508
496
|
*
|
|
509
|
-
*
|
|
497
|
+
* // Base value for token support; should not use in code!
|
|
510
498
|
*/
|
|
511
499
|
--ds-color-base-lime-400: #a2c270;
|
|
512
500
|
/**
|
|
513
501
|
*
|
|
514
|
-
*
|
|
502
|
+
* // Base value for token support; should not use in code!
|
|
515
503
|
*/
|
|
516
504
|
--ds-color-base-lime-500: #8ca761;
|
|
517
505
|
/**
|
|
518
506
|
*
|
|
519
|
-
*
|
|
507
|
+
* // Base value for token support; should not use in code!
|
|
520
508
|
*/
|
|
521
509
|
--ds-color-base-lime-600: #778f53;
|
|
522
510
|
/**
|
|
523
511
|
*
|
|
524
|
-
*
|
|
512
|
+
* // Base value for token support; should not use in code!
|
|
525
513
|
*/
|
|
526
514
|
--ds-color-base-lime-700: #647845;
|
|
527
515
|
/**
|
|
528
516
|
*
|
|
529
|
-
*
|
|
517
|
+
* // Base value for token support; should not use in code!
|
|
530
518
|
*/
|
|
531
519
|
--ds-color-base-lime-800: #53643a;
|
|
532
520
|
/**
|
|
533
521
|
*
|
|
534
|
-
*
|
|
522
|
+
* // Base value for token support; should not use in code!
|
|
535
523
|
*/
|
|
536
524
|
--ds-color-base-lime-900: #44522f;
|
|
537
525
|
/**
|
|
538
526
|
*
|
|
539
|
-
*
|
|
527
|
+
* // Base value for token support; should not use in code!
|
|
540
528
|
*/
|
|
541
529
|
--ds-color-base-lime-1000: #364126;
|
|
542
530
|
/**
|
|
543
531
|
*
|
|
544
|
-
*
|
|
532
|
+
* // Base value for token support; should not use in code!
|
|
545
533
|
*/
|
|
546
534
|
--ds-color-base-navy-100: #f2f7fb;
|
|
547
535
|
/**
|
|
548
536
|
*
|
|
549
|
-
*
|
|
537
|
+
* // Base value for token support; should not use in code!
|
|
550
538
|
*/
|
|
551
539
|
--ds-color-base-navy-200: #cfe0ef;
|
|
552
540
|
/**
|
|
553
541
|
*
|
|
554
|
-
*
|
|
542
|
+
* // Base value for token support; should not use in code!
|
|
555
543
|
*/
|
|
556
544
|
--ds-color-base-navy-300: #acc9e2;
|
|
557
545
|
/**
|
|
558
546
|
*
|
|
559
|
-
*
|
|
547
|
+
* // Base value for token support; should not use in code!
|
|
560
548
|
*/
|
|
561
549
|
--ds-color-base-navy-400: #89b2d4;
|
|
562
550
|
/**
|
|
563
551
|
*
|
|
564
|
-
*
|
|
552
|
+
* // Base value for token support; should not use in code!
|
|
565
553
|
*/
|
|
566
554
|
--ds-color-base-navy-500: #6899c6;
|
|
567
555
|
/**
|
|
568
556
|
*
|
|
569
|
-
*
|
|
557
|
+
* // Base value for token support; should not use in code!
|
|
570
558
|
*/
|
|
571
559
|
--ds-color-base-navy-600: #4a82b7;
|
|
572
560
|
/**
|
|
573
561
|
*
|
|
574
|
-
*
|
|
562
|
+
* // Base value for token support; should not use in code!
|
|
575
563
|
*/
|
|
576
564
|
--ds-color-base-navy-700: #326aa5;
|
|
577
565
|
/**
|
|
578
566
|
*
|
|
579
|
-
*
|
|
567
|
+
* // Base value for token support; should not use in code!
|
|
580
568
|
*/
|
|
581
569
|
--ds-color-base-navy-800: #265688;
|
|
582
570
|
/**
|
|
583
571
|
*
|
|
584
|
-
*
|
|
572
|
+
* // Base value for token support; should not use in code!
|
|
585
573
|
*/
|
|
586
574
|
--ds-color-base-navy-900: #194069;
|
|
587
575
|
/**
|
|
588
576
|
*
|
|
589
|
-
*
|
|
577
|
+
* // Base value for token support; should not use in code!
|
|
590
578
|
*/
|
|
591
579
|
--ds-color-base-navy-1000: #0e2b4f;
|
|
592
580
|
/**
|
|
593
581
|
*
|
|
594
|
-
*
|
|
582
|
+
* // Base value for token support; should not use in code!
|
|
595
583
|
*/
|
|
596
584
|
--ds-color-base-neutral-100: #f7f8fa;
|
|
597
585
|
/**
|
|
598
586
|
*
|
|
599
|
-
*
|
|
587
|
+
* // Base value for token support; should not use in code!
|
|
600
588
|
*/
|
|
601
589
|
--ds-color-base-neutral-200: #e4e8ec;
|
|
602
590
|
/**
|
|
603
591
|
*
|
|
604
|
-
*
|
|
592
|
+
* // Base value for token support; should not use in code!
|
|
605
593
|
*/
|
|
606
594
|
--ds-color-base-neutral-300: #ccd2db;
|
|
607
595
|
/**
|
|
608
596
|
*
|
|
609
|
-
*
|
|
597
|
+
* // Base value for token support; should not use in code!
|
|
610
598
|
*/
|
|
611
599
|
--ds-color-base-neutral-400: #afb9c6;
|
|
612
600
|
/**
|
|
613
601
|
*
|
|
614
|
-
*
|
|
602
|
+
* // Base value for token support; should not use in code!
|
|
615
603
|
*/
|
|
616
604
|
--ds-color-base-neutral-500: #939fad;
|
|
617
605
|
/**
|
|
618
606
|
*
|
|
619
|
-
*
|
|
607
|
+
* // Base value for token support; should not use in code!
|
|
620
608
|
*/
|
|
621
609
|
--ds-color-base-neutral-600: #7e8894;
|
|
622
610
|
/**
|
|
623
611
|
*
|
|
624
|
-
*
|
|
612
|
+
* // Base value for token support; should not use in code!
|
|
625
613
|
*/
|
|
626
614
|
--ds-color-base-neutral-700: #6a717c;
|
|
627
615
|
/**
|
|
628
616
|
*
|
|
629
|
-
*
|
|
617
|
+
* // Base value for token support; should not use in code!
|
|
630
618
|
*/
|
|
631
619
|
--ds-color-base-neutral-800: #585e67;
|
|
632
620
|
/**
|
|
633
621
|
*
|
|
634
|
-
*
|
|
622
|
+
* // Base value for token support; should not use in code!
|
|
635
623
|
*/
|
|
636
624
|
--ds-color-base-neutral-900: #484d55;
|
|
637
625
|
/**
|
|
638
626
|
*
|
|
639
|
-
*
|
|
627
|
+
* // Base value for token support; should not use in code!
|
|
640
628
|
*/
|
|
641
629
|
--ds-color-base-neutral-1000: #393d43;
|
|
642
630
|
/**
|
|
643
631
|
*
|
|
644
|
-
*
|
|
632
|
+
* // Base value for token support; should not use in code!
|
|
645
633
|
*/
|
|
646
634
|
--ds-color-base-pink-100: #fff7f8;
|
|
647
635
|
/**
|
|
648
636
|
*
|
|
649
|
-
*
|
|
637
|
+
* // Base value for token support; should not use in code!
|
|
650
638
|
*/
|
|
651
639
|
--ds-color-base-pink-200: #fde0e6;
|
|
652
640
|
/**
|
|
653
641
|
*
|
|
654
|
-
*
|
|
642
|
+
* // Base value for token support; should not use in code!
|
|
655
643
|
*/
|
|
656
644
|
--ds-color-base-pink-300: #fcc2ce;
|
|
657
645
|
/**
|
|
658
646
|
*
|
|
659
|
-
*
|
|
647
|
+
* // Base value for token support; should not use in code!
|
|
660
648
|
*/
|
|
661
649
|
--ds-color-base-pink-400: #fa9db0;
|
|
662
650
|
/**
|
|
663
651
|
*
|
|
664
|
-
*
|
|
652
|
+
* // Base value for token support; should not use in code!
|
|
665
653
|
*/
|
|
666
654
|
--ds-color-base-pink-500: #f7738e;
|
|
667
655
|
/**
|
|
668
656
|
*
|
|
669
|
-
*
|
|
657
|
+
* // Base value for token support; should not use in code!
|
|
670
658
|
*/
|
|
671
659
|
--ds-color-base-pink-600: #e45472;
|
|
672
660
|
/**
|
|
673
661
|
*
|
|
674
|
-
*
|
|
662
|
+
* // Base value for token support; should not use in code!
|
|
675
663
|
*/
|
|
676
664
|
--ds-color-base-pink-700: #bf475f;
|
|
677
665
|
/**
|
|
678
666
|
*
|
|
679
|
-
*
|
|
667
|
+
* // Base value for token support; should not use in code!
|
|
680
668
|
*/
|
|
681
669
|
--ds-color-base-pink-800: #a03b50;
|
|
682
670
|
/**
|
|
683
671
|
*
|
|
684
|
-
*
|
|
672
|
+
* // Base value for token support; should not use in code!
|
|
685
673
|
*/
|
|
686
674
|
--ds-color-base-pink-900: #833142;
|
|
687
675
|
/**
|
|
688
676
|
*
|
|
689
|
-
*
|
|
677
|
+
* // Base value for token support; should not use in code!
|
|
690
678
|
*/
|
|
691
679
|
--ds-color-base-pink-1000: #692734;
|
|
692
680
|
/**
|
|
693
681
|
*
|
|
694
|
-
*
|
|
682
|
+
* // Base value for token support; should not use in code!
|
|
695
683
|
*/
|
|
696
684
|
--ds-color-base-purple-100: #fbf8fe;
|
|
697
685
|
/**
|
|
698
686
|
*
|
|
699
|
-
*
|
|
687
|
+
* // Base value for token support; should not use in code!
|
|
700
688
|
*/
|
|
701
689
|
--ds-color-base-purple-200: #ede3fd;
|
|
702
690
|
/**
|
|
703
691
|
*
|
|
704
|
-
*
|
|
692
|
+
* // Base value for token support; should not use in code!
|
|
705
693
|
*/
|
|
706
694
|
--ds-color-base-purple-300: #ddc9fb;
|
|
707
695
|
/**
|
|
708
696
|
*
|
|
709
|
-
*
|
|
697
|
+
* // Base value for token support; should not use in code!
|
|
710
698
|
*/
|
|
711
699
|
--ds-color-base-purple-400: #c9a9f8;
|
|
712
700
|
/**
|
|
713
701
|
*
|
|
714
|
-
*
|
|
702
|
+
* // Base value for token support; should not use in code!
|
|
715
703
|
*/
|
|
716
704
|
--ds-color-base-purple-500: #b588f5;
|
|
717
705
|
/**
|
|
718
706
|
*
|
|
719
|
-
*
|
|
707
|
+
* // Base value for token support; should not use in code!
|
|
720
708
|
*/
|
|
721
709
|
--ds-color-base-purple-600: #a268f3;
|
|
722
710
|
/**
|
|
723
711
|
*
|
|
724
|
-
*
|
|
712
|
+
* // Base value for token support; should not use in code!
|
|
725
713
|
*/
|
|
726
714
|
--ds-color-base-purple-700: #8d47f0;
|
|
727
715
|
/**
|
|
728
716
|
*
|
|
729
|
-
*
|
|
717
|
+
* // Base value for token support; should not use in code!
|
|
730
718
|
*/
|
|
731
719
|
--ds-color-base-purple-800: #7633d7;
|
|
732
720
|
/**
|
|
733
721
|
*
|
|
734
|
-
*
|
|
722
|
+
* // Base value for token support; should not use in code!
|
|
735
723
|
*/
|
|
736
724
|
--ds-color-base-purple-900: #622ab2;
|
|
737
725
|
/**
|
|
738
726
|
*
|
|
739
|
-
*
|
|
727
|
+
* // Base value for token support; should not use in code!
|
|
740
728
|
*/
|
|
741
729
|
--ds-color-base-purple-1000: #4e228d;
|
|
742
730
|
/**
|
|
743
731
|
*
|
|
744
|
-
*
|
|
732
|
+
* // Base value for token support; should not use in code!
|
|
745
733
|
*/
|
|
746
734
|
--ds-color-base-red-100: #fef7f5;
|
|
747
735
|
/**
|
|
748
736
|
*
|
|
749
|
-
*
|
|
737
|
+
* // Base value for token support; should not use in code!
|
|
750
738
|
*/
|
|
751
739
|
--ds-color-base-red-200: #fae2da;
|
|
752
740
|
/**
|
|
753
741
|
*
|
|
754
|
-
*
|
|
742
|
+
* // Base value for token support; should not use in code!
|
|
755
743
|
*/
|
|
756
744
|
--ds-color-base-red-300: #f5c7b8;
|
|
757
745
|
/**
|
|
758
746
|
*
|
|
759
|
-
*
|
|
747
|
+
* // Base value for token support; should not use in code!
|
|
760
748
|
*/
|
|
761
749
|
--ds-color-base-red-400: #f0a68d;
|
|
762
750
|
/**
|
|
763
751
|
*
|
|
764
|
-
*
|
|
752
|
+
* // Base value for token support; should not use in code!
|
|
765
753
|
*/
|
|
766
754
|
--ds-color-base-red-500: #e9815e;
|
|
767
755
|
/**
|
|
768
756
|
*
|
|
769
|
-
*
|
|
757
|
+
* // Base value for token support; should not use in code!
|
|
770
758
|
*/
|
|
771
759
|
--ds-color-base-red-600: #e35c2f;
|
|
772
760
|
/**
|
|
773
761
|
*
|
|
774
|
-
*
|
|
762
|
+
* // Base value for token support; should not use in code!
|
|
775
763
|
*/
|
|
776
764
|
--ds-color-base-red-700: #d03a08;
|
|
777
765
|
/**
|
|
778
766
|
*
|
|
779
|
-
*
|
|
767
|
+
* // Base value for token support; should not use in code!
|
|
780
768
|
*/
|
|
781
769
|
--ds-color-base-red-800: #ae3007;
|
|
782
770
|
/**
|
|
783
771
|
*
|
|
784
|
-
*
|
|
772
|
+
* // Base value for token support; should not use in code!
|
|
785
773
|
*/
|
|
786
774
|
--ds-color-base-red-900: #902806;
|
|
787
775
|
/**
|
|
788
776
|
*
|
|
789
|
-
*
|
|
777
|
+
* // Base value for token support; should not use in code!
|
|
790
778
|
*/
|
|
791
779
|
--ds-color-base-red-1000: #732005;
|
|
792
780
|
/**
|
|
793
781
|
*
|
|
794
|
-
*
|
|
782
|
+
* // Base value for token support; should not use in code!
|
|
795
783
|
*/
|
|
796
784
|
--ds-color-base-success-100: #eef8f5;
|
|
797
785
|
/**
|
|
798
786
|
*
|
|
799
|
-
*
|
|
787
|
+
* // Base value for token support; should not use in code!
|
|
800
788
|
*/
|
|
801
789
|
--ds-color-base-success-200: #8eceb9;
|
|
802
790
|
/**
|
|
803
791
|
*
|
|
804
|
-
*
|
|
792
|
+
* // Base value for token support; should not use in code!
|
|
805
793
|
*/
|
|
806
794
|
--ds-color-base-success-300: #40a080;
|
|
807
795
|
/**
|
|
808
796
|
*
|
|
809
|
-
*
|
|
797
|
+
* // Base value for token support; should not use in code!
|
|
810
798
|
*/
|
|
811
799
|
--ds-color-base-success-400: #0b6f4d;
|
|
812
800
|
/**
|
|
813
801
|
*
|
|
814
|
-
*
|
|
802
|
+
* // Base value for token support; should not use in code!
|
|
815
803
|
*/
|
|
816
804
|
--ds-color-base-success-500: #173c30;
|
|
817
805
|
/**
|
|
818
806
|
*
|
|
819
|
-
*
|
|
807
|
+
* // Base value for token support; should not use in code!
|
|
820
808
|
*/
|
|
821
809
|
--ds-color-base-turquoise-100: #f7fafa;
|
|
822
810
|
/**
|
|
823
811
|
*
|
|
824
|
-
*
|
|
812
|
+
* // Base value for token support; should not use in code!
|
|
825
813
|
*/
|
|
826
814
|
--ds-color-base-turquoise-200: #dfe9ea;
|
|
827
815
|
/**
|
|
828
816
|
*
|
|
829
|
-
*
|
|
817
|
+
* // Base value for token support; should not use in code!
|
|
830
818
|
*/
|
|
831
819
|
--ds-color-base-turquoise-300: #c2d5d6;
|
|
832
820
|
/**
|
|
833
821
|
*
|
|
834
|
-
*
|
|
822
|
+
* // Base value for token support; should not use in code!
|
|
835
823
|
*/
|
|
836
824
|
--ds-color-base-turquoise-400: #9fbdbe;
|
|
837
825
|
/**
|
|
838
826
|
*
|
|
839
|
-
*
|
|
827
|
+
* // Base value for token support; should not use in code!
|
|
840
828
|
*/
|
|
841
829
|
--ds-color-base-turquoise-500: #7ba5a6;
|
|
842
830
|
/**
|
|
843
831
|
*
|
|
844
|
-
*
|
|
832
|
+
* // Base value for token support; should not use in code!
|
|
845
833
|
*/
|
|
846
834
|
--ds-color-base-turquoise-600: #5c8f91;
|
|
847
835
|
/**
|
|
848
836
|
*
|
|
849
|
-
*
|
|
837
|
+
* // Base value for token support; should not use in code!
|
|
850
838
|
*/
|
|
851
839
|
--ds-color-base-turquoise-700: #3d7a7d;
|
|
852
840
|
/**
|
|
853
841
|
*
|
|
854
|
-
*
|
|
842
|
+
* // Base value for token support; should not use in code!
|
|
855
843
|
*/
|
|
856
844
|
--ds-color-base-turquoise-800: #21686a;
|
|
857
845
|
/**
|
|
858
846
|
*
|
|
859
|
-
*
|
|
847
|
+
* // Base value for token support; should not use in code!
|
|
860
848
|
*/
|
|
861
849
|
--ds-color-base-turquoise-900: #085659;
|
|
862
850
|
/**
|
|
863
851
|
*
|
|
864
|
-
*
|
|
852
|
+
* // Base value for token support; should not use in code!
|
|
865
853
|
*/
|
|
866
854
|
--ds-color-base-turquoise-1000: #004447;
|
|
867
855
|
/**
|
|
868
856
|
*
|
|
869
|
-
*
|
|
857
|
+
* // Base value for token support; should not use in code!
|
|
870
858
|
*/
|
|
871
859
|
--ds-color-base-yellow-100: #fff9df;
|
|
872
860
|
/**
|
|
873
861
|
*
|
|
874
|
-
*
|
|
862
|
+
* // Base value for token support; should not use in code!
|
|
875
863
|
*/
|
|
876
864
|
--ds-color-base-yellow-200: #ffe87e;
|
|
877
865
|
/**
|
|
878
866
|
*
|
|
879
|
-
*
|
|
867
|
+
* // Base value for token support; should not use in code!
|
|
880
868
|
*/
|
|
881
869
|
--ds-color-base-yellow-300: #f9ce06;
|
|
882
870
|
/**
|
|
883
871
|
*
|
|
884
|
-
*
|
|
872
|
+
* // Base value for token support; should not use in code!
|
|
885
873
|
*/
|
|
886
874
|
--ds-color-base-yellow-400: #d6b622;
|
|
887
875
|
/**
|
|
888
876
|
*
|
|
889
|
-
*
|
|
877
|
+
* // Base value for token support; should not use in code!
|
|
890
878
|
*/
|
|
891
879
|
--ds-color-base-yellow-500: #b49d35;
|
|
892
880
|
/**
|
|
893
881
|
*
|
|
894
|
-
*
|
|
882
|
+
* // Base value for token support; should not use in code!
|
|
895
883
|
*/
|
|
896
884
|
--ds-color-base-yellow-600: #96873e;
|
|
897
885
|
/**
|
|
898
886
|
*
|
|
899
|
-
*
|
|
887
|
+
* // Base value for token support; should not use in code!
|
|
900
888
|
*/
|
|
901
889
|
--ds-color-base-yellow-700: #7c7140;
|
|
902
890
|
/**
|
|
903
891
|
*
|
|
904
|
-
*
|
|
892
|
+
* // Base value for token support; should not use in code!
|
|
905
893
|
*/
|
|
906
894
|
--ds-color-base-yellow-800: #665e3d;
|
|
907
895
|
/**
|
|
908
896
|
*
|
|
909
|
-
*
|
|
897
|
+
* // Base value for token support; should not use in code!
|
|
910
898
|
*/
|
|
911
899
|
--ds-color-base-yellow-900: #524e38;
|
|
912
900
|
/**
|
|
913
901
|
*
|
|
914
|
-
*
|
|
902
|
+
* // Base value for token support; should not use in code!
|
|
915
903
|
*/
|
|
916
904
|
--ds-color-base-yellow-1000: #403d30;
|
|
917
905
|
/**
|
|
918
906
|
*
|
|
919
|
-
*
|
|
907
|
+
* // Base value for token support; should not use in code!
|
|
920
908
|
*/
|
|
921
909
|
--ds-color-base-warning-100: #fef8e9;
|
|
922
910
|
/**
|
|
923
911
|
*
|
|
924
|
-
*
|
|
912
|
+
* // Base value for token support; should not use in code!
|
|
925
913
|
*/
|
|
926
914
|
--ds-color-base-warning-200: #f2c153;
|
|
927
915
|
/**
|
|
928
916
|
*
|
|
929
|
-
*
|
|
917
|
+
* // Base value for token support; should not use in code!
|
|
930
918
|
*/
|
|
931
919
|
--ds-color-base-warning-300: #c49432;
|
|
932
920
|
/**
|
|
933
921
|
*
|
|
934
|
-
*
|
|
922
|
+
* // Base value for token support; should not use in code!
|
|
935
923
|
*/
|
|
936
924
|
--ds-color-base-warning-400: #8e6b22;
|
|
937
925
|
/**
|
|
938
926
|
*
|
|
939
|
-
*
|
|
927
|
+
* // Base value for token support; should not use in code!
|
|
940
928
|
*/
|
|
941
929
|
--ds-color-base-warning-500: #5d4514;
|
|
942
930
|
--ds-color-state-error-100: #ff999b;
|
|
@@ -982,806 +970,810 @@
|
|
|
982
970
|
--ds-color-border-focus-default: #959595;
|
|
983
971
|
/**
|
|
984
972
|
*
|
|
985
|
-
*
|
|
973
|
+
* // Please consider descriptive token prior to using brand token
|
|
986
974
|
*/
|
|
987
975
|
--ds-color-brand-neutral-100: #f7f8fa;
|
|
988
976
|
/**
|
|
989
977
|
*
|
|
990
|
-
*
|
|
978
|
+
* // Please consider descriptive token prior to using brand token
|
|
991
979
|
*/
|
|
992
980
|
--ds-color-brand-neutral-200: #e4e8ec;
|
|
993
981
|
/**
|
|
994
982
|
*
|
|
995
|
-
*
|
|
983
|
+
* // Please consider descriptive token prior to using brand token
|
|
996
984
|
*/
|
|
997
985
|
--ds-color-brand-neutral-300: #ccd2db;
|
|
998
986
|
/**
|
|
999
987
|
*
|
|
1000
|
-
*
|
|
988
|
+
* // Please consider descriptive token prior to using brand token
|
|
1001
989
|
*/
|
|
1002
990
|
--ds-color-brand-neutral-400: #afb9c6;
|
|
1003
991
|
/**
|
|
1004
992
|
*
|
|
1005
|
-
*
|
|
993
|
+
* // Please consider descriptive token prior to using brand token
|
|
1006
994
|
*/
|
|
1007
995
|
--ds-color-brand-neutral-500: #939fad;
|
|
1008
996
|
/**
|
|
1009
997
|
*
|
|
1010
|
-
*
|
|
998
|
+
* // Please consider descriptive token prior to using brand token
|
|
1011
999
|
*/
|
|
1012
1000
|
--ds-color-brand-neutral-600: #7e8894;
|
|
1013
1001
|
/**
|
|
1014
1002
|
*
|
|
1015
|
-
*
|
|
1003
|
+
* // Please consider descriptive token prior to using brand token
|
|
1016
1004
|
*/
|
|
1017
1005
|
--ds-color-brand-neutral-700: #6a717c;
|
|
1018
1006
|
/**
|
|
1019
1007
|
*
|
|
1020
|
-
*
|
|
1008
|
+
* // Please consider descriptive token prior to using brand token
|
|
1021
1009
|
*/
|
|
1022
1010
|
--ds-color-brand-neutral-800: #585e67;
|
|
1023
1011
|
/**
|
|
1024
1012
|
*
|
|
1025
|
-
*
|
|
1013
|
+
* // Please consider descriptive token prior to using brand token
|
|
1026
1014
|
*/
|
|
1027
1015
|
--ds-color-brand-neutral-900: #484d55;
|
|
1028
1016
|
/**
|
|
1029
1017
|
*
|
|
1030
|
-
*
|
|
1018
|
+
* // Please consider descriptive token prior to using brand token
|
|
1031
1019
|
*/
|
|
1032
1020
|
--ds-color-brand-neutral-1000: #393d43;
|
|
1033
1021
|
/**
|
|
1034
1022
|
*
|
|
1035
|
-
*
|
|
1023
|
+
* // Please consider descriptive token prior to using brand token
|
|
1036
1024
|
*/
|
|
1037
1025
|
--ds-color-brand-gray-100: #f7f7f7;
|
|
1038
1026
|
/**
|
|
1039
1027
|
*
|
|
1040
|
-
*
|
|
1028
|
+
* // Please consider descriptive token prior to using brand token
|
|
1041
1029
|
*/
|
|
1042
1030
|
--ds-color-brand-gray-200: #dddddd;
|
|
1043
1031
|
/**
|
|
1044
1032
|
*
|
|
1045
|
-
*
|
|
1033
|
+
* // Please consider descriptive token prior to using brand token
|
|
1046
1034
|
*/
|
|
1047
1035
|
--ds-color-brand-gray-300: #c5c5c5;
|
|
1048
1036
|
/**
|
|
1049
1037
|
*
|
|
1050
|
-
*
|
|
1038
|
+
* // Please consider descriptive token prior to using brand token
|
|
1051
1039
|
*/
|
|
1052
1040
|
--ds-color-brand-gray-400: #adadad;
|
|
1053
1041
|
/**
|
|
1054
1042
|
*
|
|
1055
|
-
*
|
|
1043
|
+
* // Please consider descriptive token prior to using brand token
|
|
1056
1044
|
*/
|
|
1057
1045
|
--ds-color-brand-gray-500: #959595;
|
|
1058
1046
|
/**
|
|
1059
1047
|
*
|
|
1060
|
-
*
|
|
1048
|
+
* // Please consider descriptive token prior to using brand token
|
|
1061
1049
|
*/
|
|
1062
1050
|
--ds-color-brand-gray-600: #7e7e7e;
|
|
1063
1051
|
/**
|
|
1064
1052
|
*
|
|
1065
|
-
*
|
|
1053
|
+
* // Please consider descriptive token prior to using brand token
|
|
1066
1054
|
*/
|
|
1067
1055
|
--ds-color-brand-gray-700: #676767;
|
|
1068
1056
|
/**
|
|
1069
1057
|
*
|
|
1070
|
-
*
|
|
1058
|
+
* // Please consider descriptive token prior to using brand token
|
|
1071
1059
|
*/
|
|
1072
1060
|
--ds-color-brand-gray-800: #525252;
|
|
1073
1061
|
/**
|
|
1074
1062
|
*
|
|
1075
|
-
*
|
|
1063
|
+
* // Please consider descriptive token prior to using brand token
|
|
1076
1064
|
*/
|
|
1077
1065
|
--ds-color-brand-gray-900: #3d3d3d;
|
|
1078
1066
|
/**
|
|
1079
1067
|
*
|
|
1080
|
-
*
|
|
1068
|
+
* // Please consider descriptive token prior to using brand token
|
|
1081
1069
|
*/
|
|
1082
1070
|
--ds-color-brand-gray-1000: #2a2a2a;
|
|
1083
1071
|
/**
|
|
1084
1072
|
*
|
|
1085
|
-
*
|
|
1073
|
+
* // Please consider descriptive token prior to using brand token
|
|
1086
1074
|
*/
|
|
1087
1075
|
--ds-color-brand-red-100: #fef7f5;
|
|
1088
1076
|
/**
|
|
1089
1077
|
*
|
|
1090
|
-
*
|
|
1078
|
+
* // Please consider descriptive token prior to using brand token
|
|
1091
1079
|
*/
|
|
1092
1080
|
--ds-color-brand-red-200: #fae2da;
|
|
1093
1081
|
/**
|
|
1094
1082
|
*
|
|
1095
|
-
*
|
|
1083
|
+
* // Please consider descriptive token prior to using brand token
|
|
1096
1084
|
*/
|
|
1097
1085
|
--ds-color-brand-red-300: #f5c7b8;
|
|
1098
1086
|
/**
|
|
1099
1087
|
*
|
|
1100
|
-
*
|
|
1088
|
+
* // Please consider descriptive token prior to using brand token
|
|
1101
1089
|
*/
|
|
1102
1090
|
--ds-color-brand-red-400: #f0a68d;
|
|
1103
1091
|
/**
|
|
1104
1092
|
*
|
|
1105
|
-
*
|
|
1093
|
+
* // Please consider descriptive token prior to using brand token
|
|
1106
1094
|
*/
|
|
1107
1095
|
--ds-color-brand-red-500: #e9815e;
|
|
1108
1096
|
/**
|
|
1109
1097
|
*
|
|
1110
|
-
*
|
|
1098
|
+
* // Please consider descriptive token prior to using brand token
|
|
1111
1099
|
*/
|
|
1112
1100
|
--ds-color-brand-red-600: #e35c2f;
|
|
1113
1101
|
/**
|
|
1114
1102
|
*
|
|
1115
|
-
*
|
|
1103
|
+
* // Please consider descriptive token prior to using brand token
|
|
1116
1104
|
*/
|
|
1117
1105
|
--ds-color-brand-red-700: #d03a08;
|
|
1118
1106
|
/**
|
|
1119
1107
|
*
|
|
1120
|
-
*
|
|
1108
|
+
* // Please consider descriptive token prior to using brand token
|
|
1121
1109
|
*/
|
|
1122
1110
|
--ds-color-brand-red-800: #ae3007;
|
|
1123
1111
|
/**
|
|
1124
1112
|
*
|
|
1125
|
-
*
|
|
1113
|
+
* // Please consider descriptive token prior to using brand token
|
|
1126
1114
|
*/
|
|
1127
1115
|
--ds-color-brand-red-900: #902806;
|
|
1128
1116
|
/**
|
|
1129
1117
|
*
|
|
1130
|
-
*
|
|
1118
|
+
* // Please consider descriptive token prior to using brand token
|
|
1131
1119
|
*/
|
|
1132
1120
|
--ds-color-brand-red-1000: #732005;
|
|
1133
1121
|
/**
|
|
1134
1122
|
*
|
|
1135
|
-
*
|
|
1123
|
+
* // Please consider descriptive token prior to using brand token
|
|
1136
1124
|
*/
|
|
1137
1125
|
--ds-color-brand-yellow-100: #fff9df;
|
|
1138
1126
|
/**
|
|
1139
1127
|
*
|
|
1140
|
-
*
|
|
1128
|
+
* // Please consider descriptive token prior to using brand token
|
|
1141
1129
|
*/
|
|
1142
1130
|
--ds-color-brand-yellow-200: #ffe87e;
|
|
1143
1131
|
/**
|
|
1144
1132
|
*
|
|
1145
|
-
*
|
|
1133
|
+
* // Please consider descriptive token prior to using brand token
|
|
1146
1134
|
*/
|
|
1147
1135
|
--ds-color-brand-yellow-300: #f9ce06;
|
|
1148
1136
|
/**
|
|
1149
1137
|
*
|
|
1150
|
-
*
|
|
1138
|
+
* // Please consider descriptive token prior to using brand token
|
|
1151
1139
|
*/
|
|
1152
1140
|
--ds-color-brand-yellow-400: #d6b622;
|
|
1153
1141
|
/**
|
|
1154
1142
|
*
|
|
1155
|
-
*
|
|
1143
|
+
* // Please consider descriptive token prior to using brand token
|
|
1156
1144
|
*/
|
|
1157
1145
|
--ds-color-brand-yellow-500: #b49d35;
|
|
1158
1146
|
/**
|
|
1159
1147
|
*
|
|
1160
|
-
*
|
|
1148
|
+
* // Please consider descriptive token prior to using brand token
|
|
1161
1149
|
*/
|
|
1162
1150
|
--ds-color-brand-yellow-600: #96873e;
|
|
1163
1151
|
/**
|
|
1164
1152
|
*
|
|
1165
|
-
*
|
|
1153
|
+
* // Please consider descriptive token prior to using brand token
|
|
1166
1154
|
*/
|
|
1167
1155
|
--ds-color-brand-yellow-700: #7c7140;
|
|
1168
1156
|
/**
|
|
1169
1157
|
*
|
|
1170
|
-
*
|
|
1158
|
+
* // Please consider descriptive token prior to using brand token
|
|
1171
1159
|
*/
|
|
1172
1160
|
--ds-color-brand-yellow-800: #665e3d;
|
|
1173
1161
|
/**
|
|
1174
1162
|
*
|
|
1175
|
-
*
|
|
1163
|
+
* // Please consider descriptive token prior to using brand token
|
|
1176
1164
|
*/
|
|
1177
1165
|
--ds-color-brand-yellow-900: #524e38;
|
|
1178
1166
|
/**
|
|
1179
1167
|
*
|
|
1180
|
-
*
|
|
1168
|
+
* // Please consider descriptive token prior to using brand token
|
|
1181
1169
|
*/
|
|
1182
1170
|
--ds-color-brand-yellow-1000: #403d30;
|
|
1183
1171
|
/**
|
|
1184
1172
|
*
|
|
1185
|
-
*
|
|
1173
|
+
* // Please consider descriptive token prior to using brand token
|
|
1186
1174
|
*/
|
|
1187
1175
|
--ds-color-brand-lime-100: #f5fbeb;
|
|
1188
1176
|
/**
|
|
1189
1177
|
*
|
|
1190
|
-
*
|
|
1178
|
+
* // Please consider descriptive token prior to using brand token
|
|
1191
1179
|
*/
|
|
1192
1180
|
--ds-color-brand-lime-200: #d8efb4;
|
|
1193
1181
|
/**
|
|
1194
1182
|
*
|
|
1195
|
-
*
|
|
1183
|
+
* // Please consider descriptive token prior to using brand token
|
|
1196
1184
|
*/
|
|
1197
1185
|
--ds-color-brand-lime-300: #badd81;
|
|
1198
1186
|
/**
|
|
1199
1187
|
*
|
|
1200
|
-
*
|
|
1188
|
+
* // Please consider descriptive token prior to using brand token
|
|
1201
1189
|
*/
|
|
1202
1190
|
--ds-color-brand-lime-400: #a2c270;
|
|
1203
1191
|
/**
|
|
1204
1192
|
*
|
|
1205
|
-
*
|
|
1193
|
+
* // Please consider descriptive token prior to using brand token
|
|
1206
1194
|
*/
|
|
1207
1195
|
--ds-color-brand-lime-500: #8ca761;
|
|
1208
1196
|
/**
|
|
1209
1197
|
*
|
|
1210
|
-
*
|
|
1198
|
+
* // Please consider descriptive token prior to using brand token
|
|
1211
1199
|
*/
|
|
1212
1200
|
--ds-color-brand-lime-600: #778f53;
|
|
1213
1201
|
/**
|
|
1214
1202
|
*
|
|
1215
|
-
*
|
|
1203
|
+
* // Please consider descriptive token prior to using brand token
|
|
1216
1204
|
*/
|
|
1217
1205
|
--ds-color-brand-lime-700: #647845;
|
|
1218
1206
|
/**
|
|
1219
1207
|
*
|
|
1220
|
-
*
|
|
1208
|
+
* // Please consider descriptive token prior to using brand token
|
|
1221
1209
|
*/
|
|
1222
1210
|
--ds-color-brand-lime-800: #53643a;
|
|
1223
1211
|
/**
|
|
1224
1212
|
*
|
|
1225
|
-
*
|
|
1213
|
+
* // Please consider descriptive token prior to using brand token
|
|
1226
1214
|
*/
|
|
1227
1215
|
--ds-color-brand-lime-900: #44522f;
|
|
1228
1216
|
/**
|
|
1229
1217
|
*
|
|
1230
|
-
*
|
|
1218
|
+
* // Please consider descriptive token prior to using brand token
|
|
1231
1219
|
*/
|
|
1232
1220
|
--ds-color-brand-lime-1000: #364126;
|
|
1233
1221
|
/**
|
|
1234
1222
|
*
|
|
1235
|
-
*
|
|
1223
|
+
* // Please consider descriptive token prior to using brand token
|
|
1236
1224
|
*/
|
|
1237
1225
|
--ds-color-brand-green-100: #f3faf7;
|
|
1238
1226
|
/**
|
|
1239
1227
|
*
|
|
1240
|
-
*
|
|
1228
|
+
* // Please consider descriptive token prior to using brand token
|
|
1241
1229
|
*/
|
|
1242
1230
|
--ds-color-brand-green-200: #d4ece4;
|
|
1243
1231
|
/**
|
|
1244
1232
|
*
|
|
1245
|
-
*
|
|
1233
|
+
* // Please consider descriptive token prior to using brand token
|
|
1246
1234
|
*/
|
|
1247
1235
|
--ds-color-brand-green-300: #addbca;
|
|
1248
1236
|
/**
|
|
1249
1237
|
*
|
|
1250
|
-
*
|
|
1238
|
+
* // Please consider descriptive token prior to using brand token
|
|
1251
1239
|
*/
|
|
1252
1240
|
--ds-color-brand-green-400: #7ec6ac;
|
|
1253
1241
|
/**
|
|
1254
1242
|
*
|
|
1255
|
-
*
|
|
1243
|
+
* // Please consider descriptive token prior to using brand token
|
|
1256
1244
|
*/
|
|
1257
1245
|
--ds-color-brand-green-500: #51ae8c;
|
|
1258
1246
|
/**
|
|
1259
1247
|
*
|
|
1260
|
-
*
|
|
1248
|
+
* // Please consider descriptive token prior to using brand token
|
|
1261
1249
|
*/
|
|
1262
1250
|
--ds-color-brand-green-600: #459578;
|
|
1263
1251
|
/**
|
|
1264
1252
|
*
|
|
1265
|
-
*
|
|
1253
|
+
* // Please consider descriptive token prior to using brand token
|
|
1266
1254
|
*/
|
|
1267
1255
|
--ds-color-brand-green-700: #3a7d64;
|
|
1268
1256
|
/**
|
|
1269
1257
|
*
|
|
1270
|
-
*
|
|
1258
|
+
* // Please consider descriptive token prior to using brand token
|
|
1271
1259
|
*/
|
|
1272
1260
|
--ds-color-brand-green-800: #306854;
|
|
1273
1261
|
/**
|
|
1274
1262
|
*
|
|
1275
|
-
*
|
|
1263
|
+
* // Please consider descriptive token prior to using brand token
|
|
1276
1264
|
*/
|
|
1277
1265
|
--ds-color-brand-green-900: #285545;
|
|
1278
1266
|
/**
|
|
1279
1267
|
*
|
|
1280
|
-
*
|
|
1268
|
+
* // Please consider descriptive token prior to using brand token
|
|
1281
1269
|
*/
|
|
1282
1270
|
--ds-color-brand-green-1000: #1f4436;
|
|
1283
1271
|
/**
|
|
1284
1272
|
*
|
|
1285
|
-
*
|
|
1273
|
+
* // Please consider descriptive token prior to using brand token
|
|
1286
1274
|
*/
|
|
1287
1275
|
--ds-color-brand-turquoise-100: #f7fafa;
|
|
1288
1276
|
/**
|
|
1289
1277
|
*
|
|
1290
|
-
*
|
|
1278
|
+
* // Please consider descriptive token prior to using brand token
|
|
1291
1279
|
*/
|
|
1292
1280
|
--ds-color-brand-turquoise-200: #dfe9ea;
|
|
1293
1281
|
/**
|
|
1294
1282
|
*
|
|
1295
|
-
*
|
|
1283
|
+
* // Please consider descriptive token prior to using brand token
|
|
1296
1284
|
*/
|
|
1297
1285
|
--ds-color-brand-turquoise-300: #c2d5d6;
|
|
1298
1286
|
/**
|
|
1299
1287
|
*
|
|
1300
|
-
*
|
|
1288
|
+
* // Please consider descriptive token prior to using brand token
|
|
1301
1289
|
*/
|
|
1302
1290
|
--ds-color-brand-turquoise-400: #9fbdbe;
|
|
1303
1291
|
/**
|
|
1304
1292
|
*
|
|
1305
|
-
*
|
|
1293
|
+
* // Please consider descriptive token prior to using brand token
|
|
1306
1294
|
*/
|
|
1307
1295
|
--ds-color-brand-turquoise-500: #7ba5a6;
|
|
1308
1296
|
/**
|
|
1309
1297
|
*
|
|
1310
|
-
*
|
|
1298
|
+
* // Please consider descriptive token prior to using brand token
|
|
1311
1299
|
*/
|
|
1312
1300
|
--ds-color-brand-turquoise-600: #5c8f91;
|
|
1313
1301
|
/**
|
|
1314
1302
|
*
|
|
1315
|
-
*
|
|
1303
|
+
* // Please consider descriptive token prior to using brand token
|
|
1316
1304
|
*/
|
|
1317
1305
|
--ds-color-brand-turquoise-700: #3d7a7d;
|
|
1318
1306
|
/**
|
|
1319
1307
|
*
|
|
1320
|
-
*
|
|
1308
|
+
* // Please consider descriptive token prior to using brand token
|
|
1321
1309
|
*/
|
|
1322
1310
|
--ds-color-brand-turquoise-800: #21686a;
|
|
1323
1311
|
/**
|
|
1324
1312
|
*
|
|
1325
|
-
*
|
|
1313
|
+
* // Please consider descriptive token prior to using brand token
|
|
1326
1314
|
*/
|
|
1327
1315
|
--ds-color-brand-turquoise-900: #085659;
|
|
1328
1316
|
/**
|
|
1329
1317
|
*
|
|
1330
|
-
*
|
|
1318
|
+
* // Please consider descriptive token prior to using brand token
|
|
1331
1319
|
*/
|
|
1332
1320
|
--ds-color-brand-turquoise-1000: #004447;
|
|
1333
1321
|
/**
|
|
1334
1322
|
*
|
|
1335
|
-
*
|
|
1323
|
+
* // Please consider descriptive token prior to using brand token
|
|
1336
1324
|
*/
|
|
1337
1325
|
--ds-color-brand-cyan-100: #ebfafd;
|
|
1338
1326
|
/**
|
|
1339
1327
|
*
|
|
1340
|
-
*
|
|
1328
|
+
* // Please consider descriptive token prior to using brand token
|
|
1341
1329
|
*/
|
|
1342
1330
|
--ds-color-brand-cyan-200: #a8e9f7;
|
|
1343
1331
|
/**
|
|
1344
1332
|
*
|
|
1345
|
-
*
|
|
1333
|
+
* // Please consider descriptive token prior to using brand token
|
|
1346
1334
|
*/
|
|
1347
1335
|
--ds-color-brand-cyan-300: #6ad5ef;
|
|
1348
1336
|
/**
|
|
1349
1337
|
*
|
|
1350
|
-
*
|
|
1338
|
+
* // Please consider descriptive token prior to using brand token
|
|
1351
1339
|
*/
|
|
1352
1340
|
--ds-color-brand-cyan-400: #56bbde;
|
|
1353
1341
|
/**
|
|
1354
1342
|
*
|
|
1355
|
-
*
|
|
1343
|
+
* // Please consider descriptive token prior to using brand token
|
|
1356
1344
|
*/
|
|
1357
1345
|
--ds-color-brand-cyan-500: #4aa2c7;
|
|
1358
1346
|
/**
|
|
1359
1347
|
*
|
|
1360
|
-
*
|
|
1348
|
+
* // Please consider descriptive token prior to using brand token
|
|
1361
1349
|
*/
|
|
1362
1350
|
--ds-color-brand-cyan-600: #3e89aa;
|
|
1363
1351
|
/**
|
|
1364
1352
|
*
|
|
1365
|
-
*
|
|
1353
|
+
* // Please consider descriptive token prior to using brand token
|
|
1366
1354
|
*/
|
|
1367
1355
|
--ds-color-brand-cyan-700: #32718e;
|
|
1368
1356
|
/**
|
|
1369
1357
|
*
|
|
1370
|
-
*
|
|
1358
|
+
* // Please consider descriptive token prior to using brand token
|
|
1371
1359
|
*/
|
|
1372
1360
|
--ds-color-brand-cyan-800: #275b72;
|
|
1373
1361
|
/**
|
|
1374
1362
|
*
|
|
1375
|
-
*
|
|
1363
|
+
* // Please consider descriptive token prior to using brand token
|
|
1376
1364
|
*/
|
|
1377
1365
|
--ds-color-brand-cyan-900: #1d4658;
|
|
1378
1366
|
/**
|
|
1379
1367
|
*
|
|
1380
|
-
*
|
|
1368
|
+
* // Please consider descriptive token prior to using brand token
|
|
1381
1369
|
*/
|
|
1382
1370
|
--ds-color-brand-cyan-1000: #12303d;
|
|
1383
1371
|
/**
|
|
1384
1372
|
*
|
|
1385
|
-
*
|
|
1373
|
+
* // Please consider descriptive token prior to using brand token
|
|
1386
1374
|
*/
|
|
1387
1375
|
--ds-color-brand-blue-100: #f0f7fd;
|
|
1388
1376
|
/**
|
|
1389
1377
|
*
|
|
1390
|
-
*
|
|
1378
|
+
* // Please consider descriptive token prior to using brand token
|
|
1391
1379
|
*/
|
|
1392
1380
|
--ds-color-brand-blue-200: #c9e0f7;
|
|
1393
1381
|
/**
|
|
1394
1382
|
*
|
|
1395
|
-
*
|
|
1383
|
+
* // Please consider descriptive token prior to using brand token
|
|
1396
1384
|
*/
|
|
1397
1385
|
--ds-color-brand-blue-300: #a0c9f1;
|
|
1398
1386
|
/**
|
|
1399
1387
|
*
|
|
1400
|
-
*
|
|
1388
|
+
* // Please consider descriptive token prior to using brand token
|
|
1401
1389
|
*/
|
|
1402
1390
|
--ds-color-brand-blue-400: #79b2ec;
|
|
1403
1391
|
/**
|
|
1404
1392
|
*
|
|
1405
|
-
*
|
|
1393
|
+
* // Please consider descriptive token prior to using brand token
|
|
1406
1394
|
*/
|
|
1407
1395
|
--ds-color-brand-blue-500: #5398e6;
|
|
1408
1396
|
/**
|
|
1409
1397
|
*
|
|
1410
|
-
*
|
|
1398
|
+
* // Please consider descriptive token prior to using brand token
|
|
1411
1399
|
*/
|
|
1412
1400
|
--ds-color-brand-blue-600: #3b7fd2;
|
|
1413
1401
|
/**
|
|
1414
1402
|
*
|
|
1415
|
-
*
|
|
1403
|
+
* // Please consider descriptive token prior to using brand token
|
|
1416
1404
|
*/
|
|
1417
1405
|
--ds-color-brand-blue-700: #2c67b5;
|
|
1418
1406
|
/**
|
|
1419
1407
|
*
|
|
1420
|
-
*
|
|
1408
|
+
* // Please consider descriptive token prior to using brand token
|
|
1421
1409
|
*/
|
|
1422
1410
|
--ds-color-brand-blue-800: #225296;
|
|
1423
1411
|
/**
|
|
1424
1412
|
*
|
|
1425
|
-
*
|
|
1413
|
+
* // Please consider descriptive token prior to using brand token
|
|
1426
1414
|
*/
|
|
1427
1415
|
--ds-color-brand-blue-900: #193d73;
|
|
1428
1416
|
/**
|
|
1429
1417
|
*
|
|
1430
|
-
*
|
|
1418
|
+
* // Please consider descriptive token prior to using brand token
|
|
1431
1419
|
*/
|
|
1432
1420
|
--ds-color-brand-blue-1000: #102a51;
|
|
1433
1421
|
/**
|
|
1434
1422
|
*
|
|
1435
|
-
*
|
|
1423
|
+
* // Please consider descriptive token prior to using brand token
|
|
1436
1424
|
*/
|
|
1437
1425
|
--ds-color-brand-navy-100: #f2f7fb;
|
|
1438
1426
|
/**
|
|
1439
1427
|
*
|
|
1440
|
-
*
|
|
1428
|
+
* // Please consider descriptive token prior to using brand token
|
|
1441
1429
|
*/
|
|
1442
1430
|
--ds-color-brand-navy-200: #cfe0ef;
|
|
1443
1431
|
/**
|
|
1444
1432
|
*
|
|
1445
|
-
*
|
|
1433
|
+
* // Please consider descriptive token prior to using brand token
|
|
1446
1434
|
*/
|
|
1447
1435
|
--ds-color-brand-navy-300: #acc9e2;
|
|
1448
1436
|
/**
|
|
1449
1437
|
*
|
|
1450
|
-
*
|
|
1438
|
+
* // Please consider descriptive token prior to using brand token
|
|
1451
1439
|
*/
|
|
1452
1440
|
--ds-color-brand-navy-400: #89b2d4;
|
|
1453
1441
|
/**
|
|
1454
1442
|
*
|
|
1455
|
-
*
|
|
1443
|
+
* // Please consider descriptive token prior to using brand token
|
|
1456
1444
|
*/
|
|
1457
1445
|
--ds-color-brand-navy-500: #6899c6;
|
|
1458
1446
|
/**
|
|
1459
1447
|
*
|
|
1460
|
-
*
|
|
1448
|
+
* // Please consider descriptive token prior to using brand token
|
|
1461
1449
|
*/
|
|
1462
1450
|
--ds-color-brand-navy-600: #4a82b7;
|
|
1463
1451
|
/**
|
|
1464
1452
|
*
|
|
1465
|
-
*
|
|
1453
|
+
* // Please consider descriptive token prior to using brand token
|
|
1466
1454
|
*/
|
|
1467
1455
|
--ds-color-brand-navy-700: #326aa5;
|
|
1468
1456
|
/**
|
|
1469
1457
|
*
|
|
1470
|
-
*
|
|
1458
|
+
* // Please consider descriptive token prior to using brand token
|
|
1471
1459
|
*/
|
|
1472
1460
|
--ds-color-brand-navy-800: #265688;
|
|
1473
1461
|
/**
|
|
1474
1462
|
*
|
|
1475
|
-
*
|
|
1463
|
+
* // Please consider descriptive token prior to using brand token
|
|
1476
1464
|
*/
|
|
1477
1465
|
--ds-color-brand-navy-900: #194069;
|
|
1478
1466
|
/**
|
|
1479
1467
|
*
|
|
1480
|
-
*
|
|
1468
|
+
* // Please consider descriptive token prior to using brand token
|
|
1481
1469
|
*/
|
|
1482
1470
|
--ds-color-brand-navy-1000: #0e2b4f;
|
|
1483
1471
|
/**
|
|
1484
1472
|
*
|
|
1485
|
-
*
|
|
1473
|
+
* // Please consider descriptive token prior to using brand token
|
|
1486
1474
|
*/
|
|
1487
1475
|
--ds-color-brand-purple-100: #fbf8fe;
|
|
1488
1476
|
/**
|
|
1489
1477
|
*
|
|
1490
|
-
*
|
|
1478
|
+
* // Please consider descriptive token prior to using brand token
|
|
1491
1479
|
*/
|
|
1492
1480
|
--ds-color-brand-purple-200: #ede3fd;
|
|
1493
1481
|
/**
|
|
1494
1482
|
*
|
|
1495
|
-
*
|
|
1483
|
+
* // Please consider descriptive token prior to using brand token
|
|
1496
1484
|
*/
|
|
1497
1485
|
--ds-color-brand-purple-300: #ddc9fb;
|
|
1498
1486
|
/**
|
|
1499
1487
|
*
|
|
1500
|
-
*
|
|
1488
|
+
* // Please consider descriptive token prior to using brand token
|
|
1501
1489
|
*/
|
|
1502
1490
|
--ds-color-brand-purple-400: #c9a9f8;
|
|
1503
1491
|
/**
|
|
1504
1492
|
*
|
|
1505
|
-
*
|
|
1493
|
+
* // Please consider descriptive token prior to using brand token
|
|
1506
1494
|
*/
|
|
1507
1495
|
--ds-color-brand-purple-500: #b588f5;
|
|
1508
1496
|
/**
|
|
1509
1497
|
*
|
|
1510
|
-
*
|
|
1498
|
+
* // Please consider descriptive token prior to using brand token
|
|
1511
1499
|
*/
|
|
1512
1500
|
--ds-color-brand-purple-600: #a268f3;
|
|
1513
1501
|
/**
|
|
1514
1502
|
*
|
|
1515
|
-
*
|
|
1503
|
+
* // Please consider descriptive token prior to using brand token
|
|
1516
1504
|
*/
|
|
1517
1505
|
--ds-color-brand-purple-700: #8d47f0;
|
|
1518
1506
|
/**
|
|
1519
1507
|
*
|
|
1520
|
-
*
|
|
1508
|
+
* // Please consider descriptive token prior to using brand token
|
|
1521
1509
|
*/
|
|
1522
1510
|
--ds-color-brand-purple-800: #7633d7;
|
|
1523
1511
|
/**
|
|
1524
1512
|
*
|
|
1525
|
-
*
|
|
1513
|
+
* // Please consider descriptive token prior to using brand token
|
|
1526
1514
|
*/
|
|
1527
1515
|
--ds-color-brand-purple-900: #622ab2;
|
|
1528
1516
|
/**
|
|
1529
1517
|
*
|
|
1530
|
-
*
|
|
1518
|
+
* // Please consider descriptive token prior to using brand token
|
|
1531
1519
|
*/
|
|
1532
1520
|
--ds-color-brand-purple-1000: #4e228d;
|
|
1533
1521
|
/**
|
|
1534
1522
|
*
|
|
1535
|
-
*
|
|
1523
|
+
* // Please consider descriptive token prior to using brand token
|
|
1536
1524
|
*/
|
|
1537
1525
|
--ds-color-brand-pink-100: #fff7f8;
|
|
1538
1526
|
/**
|
|
1539
1527
|
*
|
|
1540
|
-
*
|
|
1528
|
+
* // Please consider descriptive token prior to using brand token
|
|
1541
1529
|
*/
|
|
1542
1530
|
--ds-color-brand-pink-200: #fde0e6;
|
|
1543
1531
|
/**
|
|
1544
1532
|
*
|
|
1545
|
-
*
|
|
1533
|
+
* // Please consider descriptive token prior to using brand token
|
|
1546
1534
|
*/
|
|
1547
1535
|
--ds-color-brand-pink-300: #fcc2ce;
|
|
1548
1536
|
/**
|
|
1549
1537
|
*
|
|
1550
|
-
*
|
|
1538
|
+
* // Please consider descriptive token prior to using brand token
|
|
1551
1539
|
*/
|
|
1552
1540
|
--ds-color-brand-pink-400: #fa9db0;
|
|
1553
1541
|
/**
|
|
1554
1542
|
*
|
|
1555
|
-
*
|
|
1543
|
+
* // Please consider descriptive token prior to using brand token
|
|
1556
1544
|
*/
|
|
1557
1545
|
--ds-color-brand-pink-500: #f7738e;
|
|
1558
1546
|
/**
|
|
1559
1547
|
*
|
|
1560
|
-
*
|
|
1548
|
+
* // Please consider descriptive token prior to using brand token
|
|
1561
1549
|
*/
|
|
1562
1550
|
--ds-color-brand-pink-600: #e45472;
|
|
1563
1551
|
/**
|
|
1564
1552
|
*
|
|
1565
|
-
*
|
|
1553
|
+
* // Please consider descriptive token prior to using brand token
|
|
1566
1554
|
*/
|
|
1567
1555
|
--ds-color-brand-pink-700: #bf475f;
|
|
1568
1556
|
/**
|
|
1569
1557
|
*
|
|
1570
|
-
*
|
|
1558
|
+
* // Please consider descriptive token prior to using brand token
|
|
1571
1559
|
*/
|
|
1572
1560
|
--ds-color-brand-pink-800: #a03b50;
|
|
1573
1561
|
/**
|
|
1574
1562
|
*
|
|
1575
|
-
*
|
|
1563
|
+
* // Please consider descriptive token prior to using brand token
|
|
1576
1564
|
*/
|
|
1577
1565
|
--ds-color-brand-pink-900: #833142;
|
|
1578
1566
|
/**
|
|
1579
1567
|
*
|
|
1580
|
-
*
|
|
1568
|
+
* // Please consider descriptive token prior to using brand token
|
|
1581
1569
|
*/
|
|
1582
1570
|
--ds-color-brand-pink-1000: #692734;
|
|
1583
1571
|
/**
|
|
1584
1572
|
*
|
|
1585
|
-
*
|
|
1573
|
+
* // Please consider descriptive token prior to using brand token
|
|
1586
1574
|
*/
|
|
1587
1575
|
--ds-color-brand-midnight-100: #c1daf0;
|
|
1588
1576
|
/**
|
|
1589
1577
|
*
|
|
1590
|
-
*
|
|
1578
|
+
* // Please consider descriptive token prior to using brand token
|
|
1591
1579
|
*/
|
|
1592
1580
|
--ds-color-brand-midnight-200: #569ed7;
|
|
1593
1581
|
/**
|
|
1594
1582
|
*
|
|
1595
|
-
*
|
|
1583
|
+
* // Please consider descriptive token prior to using brand token
|
|
1596
1584
|
*/
|
|
1597
1585
|
--ds-color-brand-midnight-300: #156fad;
|
|
1598
1586
|
/**
|
|
1599
1587
|
*
|
|
1600
|
-
*
|
|
1588
|
+
* // Please consider descriptive token prior to using brand token
|
|
1601
1589
|
*/
|
|
1602
1590
|
--ds-color-brand-midnight-400: #01426a;
|
|
1603
1591
|
/**
|
|
1604
1592
|
*
|
|
1605
|
-
*
|
|
1593
|
+
* // Please consider descriptive token prior to using brand token
|
|
1606
1594
|
*/
|
|
1607
1595
|
--ds-color-brand-midnight-500: #00274a;
|
|
1608
1596
|
/**
|
|
1609
1597
|
*
|
|
1610
|
-
*
|
|
1598
|
+
* // Please consider descriptive token prior to using brand token
|
|
1611
1599
|
*/
|
|
1612
1600
|
--ds-color-brand-atlas-100: #cde6ff;
|
|
1613
1601
|
/**
|
|
1614
1602
|
*
|
|
1615
|
-
*
|
|
1603
|
+
* // Please consider descriptive token prior to using brand token
|
|
1616
1604
|
*/
|
|
1617
1605
|
--ds-color-brand-atlas-200: #6bb7fb;
|
|
1618
1606
|
/**
|
|
1619
1607
|
*
|
|
1620
|
-
*
|
|
1608
|
+
* // Please consider descriptive token prior to using brand token
|
|
1621
1609
|
*/
|
|
1622
1610
|
--ds-color-brand-atlas-300: #2492eb;
|
|
1623
1611
|
/**
|
|
1624
1612
|
*
|
|
1625
|
-
*
|
|
1613
|
+
* // Please consider descriptive token prior to using brand token
|
|
1626
1614
|
*/
|
|
1627
1615
|
--ds-color-brand-atlas-400: #0074c8;
|
|
1628
1616
|
/**
|
|
1629
1617
|
*
|
|
1630
|
-
*
|
|
1618
|
+
* // Please consider descriptive token prior to using brand token
|
|
1631
1619
|
*/
|
|
1632
1620
|
--ds-color-brand-atlas-500: #054687;
|
|
1633
1621
|
--ds-color-brand-atlas-400-opacity-20: rgba(0, 116, 200, 0.2); /* color brand atlas 400 @ 20% */
|
|
1634
1622
|
/**
|
|
1635
1623
|
*
|
|
1636
|
-
*
|
|
1624
|
+
* // Please consider descriptive token prior to using brand token
|
|
1637
1625
|
*/
|
|
1638
1626
|
--ds-color-brand-breeze-100: #c0f7ff;
|
|
1639
1627
|
/**
|
|
1640
1628
|
*
|
|
1641
|
-
*
|
|
1629
|
+
* // Please consider descriptive token prior to using brand token
|
|
1642
1630
|
*/
|
|
1643
1631
|
--ds-color-brand-breeze-200: #5de3f7;
|
|
1644
1632
|
/**
|
|
1645
1633
|
*
|
|
1646
|
-
*
|
|
1634
|
+
* // Please consider descriptive token prior to using brand token
|
|
1647
1635
|
*/
|
|
1648
1636
|
--ds-color-brand-breeze-300: #00cff0;
|
|
1649
1637
|
/**
|
|
1650
1638
|
*
|
|
1651
|
-
*
|
|
1639
|
+
* // Please consider descriptive token prior to using brand token
|
|
1652
1640
|
*/
|
|
1653
1641
|
--ds-color-brand-breeze-400: #099dc5;
|
|
1654
1642
|
/**
|
|
1655
1643
|
*
|
|
1656
|
-
*
|
|
1644
|
+
* // Please consider descriptive token prior to using brand token
|
|
1657
1645
|
*/
|
|
1658
1646
|
--ds-color-brand-breeze-500: #0b5575;
|
|
1659
1647
|
--ds-color-brand-breeze-300-opacity-30: rgba(0, 207, 240, 0.3); /* breeze 300 @ 30% */
|
|
1660
1648
|
/**
|
|
1661
1649
|
*
|
|
1662
|
-
*
|
|
1650
|
+
* // Please consider descriptive token prior to using brand token
|
|
1663
1651
|
*/
|
|
1664
1652
|
--ds-color-brand-tropical-100: #e2ffcd;
|
|
1665
1653
|
/**
|
|
1666
1654
|
*
|
|
1667
|
-
*
|
|
1655
|
+
* // Please consider descriptive token prior to using brand token
|
|
1668
1656
|
*/
|
|
1669
1657
|
--ds-color-brand-tropical-200: #d0fba6;
|
|
1670
1658
|
/**
|
|
1671
1659
|
*
|
|
1672
|
-
*
|
|
1660
|
+
* // Please consider descriptive token prior to using brand token
|
|
1673
1661
|
*/
|
|
1674
1662
|
--ds-color-brand-tropical-300: #c0e585;
|
|
1675
1663
|
/**
|
|
1676
1664
|
*
|
|
1677
|
-
*
|
|
1665
|
+
* // Please consider descriptive token prior to using brand token
|
|
1678
1666
|
*/
|
|
1679
1667
|
--ds-color-brand-tropical-400: #91be62;
|
|
1680
1668
|
/**
|
|
1681
1669
|
*
|
|
1682
|
-
*
|
|
1670
|
+
* // Please consider descriptive token prior to using brand token
|
|
1683
1671
|
*/
|
|
1684
1672
|
--ds-color-brand-tropical-500: #5e8741;
|
|
1685
1673
|
/**
|
|
1686
1674
|
*
|
|
1687
|
-
*
|
|
1675
|
+
* // Please consider descriptive token prior to using brand token
|
|
1688
1676
|
*/
|
|
1689
1677
|
--ds-color-brand-alpine-100: #bcaae6;
|
|
1690
1678
|
/**
|
|
1691
1679
|
*
|
|
1692
|
-
*
|
|
1680
|
+
* // Please consider descriptive token prior to using brand token
|
|
1693
1681
|
*/
|
|
1694
1682
|
--ds-color-brand-alpine-200: #9e73ea;
|
|
1695
1683
|
/**
|
|
1696
1684
|
*
|
|
1697
|
-
*
|
|
1685
|
+
* // Please consider descriptive token prior to using brand token
|
|
1698
1686
|
*/
|
|
1699
1687
|
--ds-color-brand-alpine-300: #8439ef;
|
|
1700
1688
|
/**
|
|
1701
1689
|
*
|
|
1702
|
-
*
|
|
1690
|
+
* // Please consider descriptive token prior to using brand token
|
|
1703
1691
|
*/
|
|
1704
1692
|
--ds-color-brand-alpine-400: #631db8;
|
|
1705
1693
|
/**
|
|
1706
1694
|
*
|
|
1707
|
-
*
|
|
1695
|
+
* // Please consider descriptive token prior to using brand token
|
|
1708
1696
|
*/
|
|
1709
1697
|
--ds-color-brand-alpine-500: #39115c;
|
|
1710
1698
|
/**
|
|
1711
1699
|
*
|
|
1712
|
-
*
|
|
1700
|
+
* // Please consider descriptive token prior to using brand token
|
|
1713
1701
|
*/
|
|
1714
1702
|
--ds-color-brand-flamingo-100: #ffebee;
|
|
1715
1703
|
/**
|
|
1716
1704
|
*
|
|
1717
|
-
*
|
|
1705
|
+
* // Please consider descriptive token prior to using brand token
|
|
1718
1706
|
*/
|
|
1719
1707
|
--ds-color-brand-flamingo-200: #ffc0ca;
|
|
1720
1708
|
/**
|
|
1721
1709
|
*
|
|
1722
|
-
*
|
|
1710
|
+
* // Please consider descriptive token prior to using brand token
|
|
1723
1711
|
*/
|
|
1724
1712
|
--ds-color-brand-flamingo-300: #ff94a7;
|
|
1725
1713
|
/**
|
|
1726
1714
|
*
|
|
1727
|
-
*
|
|
1715
|
+
* // Please consider descriptive token prior to using brand token
|
|
1728
1716
|
*/
|
|
1729
1717
|
--ds-color-brand-flamingo-400: #f65b7b;
|
|
1730
1718
|
/**
|
|
1731
1719
|
*
|
|
1732
|
-
*
|
|
1720
|
+
* // Please consider descriptive token prior to using brand token
|
|
1733
1721
|
*/
|
|
1734
1722
|
--ds-color-brand-flamingo-500: #b82b47;
|
|
1735
1723
|
/**
|
|
1736
1724
|
*
|
|
1737
|
-
*
|
|
1725
|
+
* // Please consider descriptive token prior to using brand token
|
|
1738
1726
|
*/
|
|
1739
1727
|
--ds-color-brand-canyon-100: #ffcab6;
|
|
1740
1728
|
/**
|
|
1741
1729
|
*
|
|
1742
|
-
*
|
|
1730
|
+
* // Please consider descriptive token prior to using brand token
|
|
1743
1731
|
*/
|
|
1744
1732
|
--ds-color-brand-canyon-200: #f99574;
|
|
1745
1733
|
/**
|
|
1746
1734
|
*
|
|
1747
|
-
*
|
|
1735
|
+
* // Please consider descriptive token prior to using brand token
|
|
1748
1736
|
*/
|
|
1749
1737
|
--ds-color-brand-canyon-300: #f26135;
|
|
1750
1738
|
/**
|
|
1751
1739
|
*
|
|
1752
|
-
*
|
|
1740
|
+
* // Please consider descriptive token prior to using brand token
|
|
1753
1741
|
*/
|
|
1754
1742
|
--ds-color-brand-canyon-400: #de3e09;
|
|
1755
1743
|
/**
|
|
1756
1744
|
*
|
|
1757
|
-
*
|
|
1745
|
+
* // Please consider descriptive token prior to using brand token
|
|
1758
1746
|
*/
|
|
1759
1747
|
--ds-color-brand-canyon-500: #b83302;
|
|
1760
1748
|
/**
|
|
1761
1749
|
*
|
|
1762
|
-
*
|
|
1750
|
+
* // Please consider descriptive token prior to using brand token
|
|
1763
1751
|
*/
|
|
1764
1752
|
--ds-color-brand-goldcoast-100: #fff0cd;
|
|
1765
1753
|
/**
|
|
1766
1754
|
*
|
|
1767
|
-
*
|
|
1755
|
+
* // Please consider descriptive token prior to using brand token
|
|
1768
1756
|
*/
|
|
1769
1757
|
--ds-color-brand-goldcoast-200: #ffdb67;
|
|
1770
1758
|
/**
|
|
1771
1759
|
*
|
|
1772
|
-
*
|
|
1760
|
+
* // Please consider descriptive token prior to using brand token
|
|
1773
1761
|
*/
|
|
1774
1762
|
--ds-color-brand-goldcoast-300: #ffd200;
|
|
1775
1763
|
/**
|
|
1776
1764
|
*
|
|
1777
|
-
*
|
|
1765
|
+
* // Please consider descriptive token prior to using brand token
|
|
1778
1766
|
*/
|
|
1779
1767
|
--ds-color-brand-goldcoast-400: #e5ad07;
|
|
1780
1768
|
/**
|
|
1781
1769
|
*
|
|
1782
|
-
*
|
|
1770
|
+
* // Please consider descriptive token prior to using brand token
|
|
1783
1771
|
*/
|
|
1784
1772
|
--ds-color-brand-goldcoast-500: #b88624;
|
|
1773
|
+
--ds-color-brand-goldgray-100: #c5c1bf;
|
|
1774
|
+
--ds-color-brand-goldgray-200: #726e6c;
|
|
1775
|
+
--ds-color-brand-gold-100: #ccbc94;
|
|
1776
|
+
--ds-color-brand-gold-200: #7f682e;
|
|
1785
1777
|
--ds-color-brand-emerald: #139142;
|
|
1786
1778
|
--ds-color-brand-sapphire: #015daa;
|
|
1787
1779
|
--ds-color-brand-ruby: #a41d4a;
|