@aurodesignsystem/design-tokens 5.0.2 → 5.0.4

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.
Files changed (122) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/README.md +86 -62
  3. package/dist/alaska/CSSCustomProperties--alaska.css +66 -0
  4. package/dist/alaska/JSObject--allTokens.js +2124 -0
  5. package/dist/alaska/SCSSVariables--alaska.scss +63 -0
  6. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +67 -0
  7. package/dist/alaska/primitives--alaska.scss +215 -0
  8. package/dist/{tokens → auro-classic}/CSSCustomProperties.css +320 -312
  9. package/dist/{tokens → auro-classic}/CSSSizeCustomProperties.css +1 -1
  10. package/dist/{tokens → auro-classic}/JSData--color.js +3145 -2071
  11. package/dist/{tokens → auro-classic}/JSONVariablesFlat.json +12 -4
  12. package/dist/{tokens → auro-classic}/JSONVariablesNested.json +13 -9
  13. package/dist/{tokens/JSObject--allTokens.js → auro-classic/JSObject--deprecated.js} +14311 -8433
  14. package/dist/{tokens → auro-classic}/JSVariables--color.js +308 -312
  15. package/dist/{tokens → auro-classic}/SCSSVariableMap.scss +1 -1
  16. package/dist/{tokens/base → auro-classic}/SCSSVariables.scss +320 -312
  17. package/dist/{tokens → auro-classic}/SCSSVariablesMapFlat.scss +320 -312
  18. package/dist/{tokens → auro-classic}/SassCustomProperties.scss +320 -312
  19. package/dist/{tokens → auro-classic}/SassSizeCustomProperties.scss +1 -1
  20. package/dist/hawaiian/CSSCustomProperties--hawaiian.css +66 -0
  21. package/dist/hawaiian/JSObject--allTokens.js +2124 -0
  22. package/dist/hawaiian/SCSSVariables--hawaiian.scss +63 -0
  23. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +67 -0
  24. package/dist/hawaiian/primitives--hawaiian.scss +175 -0
  25. package/dist/{tokens/transparent/CSSCustomProperties.css → transparent/CSSCustomProperties--transparent.css} +1 -5
  26. package/package.json +5 -3
  27. package/src/primitives/alaska/color.json +796 -0
  28. package/src/primitives/alaska/typography.json +27 -0
  29. package/src/primitives/base/color.json +489 -0
  30. package/src/primitives/base/transparency.json +183 -0
  31. package/src/primitives/base/typography.json +210 -0
  32. package/src/primitives/hawaiian/color.json +508 -0
  33. package/src/primitives/hawaiian/typography.json +28 -0
  34. package/src/themes/alaska/color.json +394 -0
  35. package/src/themes/alaska/typography.json +132 -0
  36. package/src/themes/{excursion → auro-classic}/animation.json +6 -3
  37. package/src/{color → themes/auro-classic/color}/alert.json +7 -0
  38. package/src/{color → themes/auro-classic/color}/background.json +53 -25
  39. package/src/{color → themes/auro-classic/color}/base.json +303 -147
  40. package/src/{color → themes/auro-classic/color}/border.json +68 -32
  41. package/src/{color → themes/auro-classic/color}/brand.json +289 -158
  42. package/src/{color → themes/auro-classic/color}/container.json +101 -50
  43. package/src/{color → themes/auro-classic/color}/icon.json +129 -64
  44. package/src/{color → themes/auro-classic/color}/text.json +58 -28
  45. package/src/{color → themes/auro-classic/color}/tier.json +43 -22
  46. package/src/themes/{excursion → auro-classic}/color/ui.json +12 -1
  47. package/src/{color → themes/auro-classic/color}/utility.json +60 -30
  48. package/src/themes/auro-classic/comments.json +50 -0
  49. package/src/{depth.json → themes/auro-classic/depth.json} +9 -4
  50. package/src/{elevation.json → themes/auro-classic/elevation.json} +6 -3
  51. package/src/{asset → themes/auro-classic}/font.json +10 -5
  52. package/src/themes/{excursion → auro-classic}/grid-breakpoint.json +10 -5
  53. package/src/themes/{excursion → auro-classic}/grid-column.json +10 -5
  54. package/src/{grid-gutter.json → themes/auro-classic/grid-gutter.json} +10 -5
  55. package/src/{grid-margin.json → themes/auro-classic/grid-margin.json} +10 -5
  56. package/src/{size → themes/auro-classic/size}/radius.json +2 -1
  57. package/src/themes/auro-classic/size/scale.json +347 -0
  58. package/src/themes/auro-classic/size/unitless-scale.json +126 -0
  59. package/src/{text.json → themes/auro-classic/text.json} +192 -97
  60. package/src/themes/hawaiian/color.json +394 -0
  61. package/src/themes/hawaiian/typography.json +132 -0
  62. package/src/themes/transparent/color/alert.json +7 -0
  63. package/src/themes/transparent/color/background.json +30 -2
  64. package/src/themes/transparent/color/base.json +156 -0
  65. package/src/themes/transparent/color/border.json +36 -0
  66. package/src/themes/transparent/color/brand.json +167 -36
  67. package/src/themes/transparent/color/container.json +50 -0
  68. package/src/themes/transparent/color/icon.json +65 -0
  69. package/src/themes/transparent/color/text.json +30 -0
  70. package/src/themes/transparent/color/tier.json +22 -1
  71. package/src/themes/transparent/color/ui.json +12 -1
  72. package/src/themes/transparent/color/utility.json +30 -0
  73. package/src/themes/transparent/elevation.json +3 -0
  74. package/dist/tokens/JSObject--deprecated.js +0 -3157
  75. package/dist/tokens/SCSSVariables.scss +0 -1372
  76. package/dist/tokens/darkmode/CSSCustomProperties.css +0 -28
  77. package/dist/tokens/darkmode/JSDataColor.js +0 -528
  78. package/dist/tokens/darkmode/JSObject--deprecatedDark.js +0 -528
  79. package/dist/tokens/darkmode/JSVariablesColor.js +0 -20
  80. package/dist/tokens/darkmode/SCSSVariables.scss +0 -21
  81. package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +0 -25
  82. package/dist/tokens/darkmode/SassCustomProperties.scss +0 -28
  83. package/dist/tokens/excursion/JSONVariablesFlat.json +0 -736
  84. package/dist/tokens/excursion/JSONVariablesNested.json +0 -1222
  85. package/dist/tokens/hawaiian/CSSCustomProperties.css +0 -20
  86. package/src/animation.json +0 -21
  87. package/src/color/ui.json +0 -125
  88. package/src/color-darkmode/base.json +0 -24
  89. package/src/color-darkmode/border.json +0 -32
  90. package/src/color-darkmode/icon.json +0 -32
  91. package/src/color-darkmode/text.json +0 -71
  92. package/src/color-darkmode/tier.json +0 -34
  93. package/src/comments.json +0 -34
  94. package/src/grid-breakpoint.json +0 -29
  95. package/src/grid-column.json +0 -29
  96. package/src/size/scale.json +0 -240
  97. package/src/size/unitless-scale.json +0 -82
  98. package/src/themes/excursion/asset/font.json +0 -35
  99. package/src/themes/excursion/color/alert.json +0 -90
  100. package/src/themes/excursion/color/background.json +0 -280
  101. package/src/themes/excursion/color/base.json +0 -1303
  102. package/src/themes/excursion/color/border.json +0 -288
  103. package/src/themes/excursion/color/brand.json +0 -1549
  104. package/src/themes/excursion/color/container.json +0 -464
  105. package/src/themes/excursion/color/excursion.json +0 -254
  106. package/src/themes/excursion/color/icon.json +0 -476
  107. package/src/themes/excursion/color/text.json +0 -270
  108. package/src/themes/excursion/color/tier.json +0 -180
  109. package/src/themes/excursion/comments.json +0 -34
  110. package/src/themes/excursion/depth copy.json +0 -22
  111. package/src/themes/excursion/elevation.json +0 -22
  112. package/src/themes/excursion/grid-gutter.json +0 -29
  113. package/src/themes/excursion/grid-margin.json +0 -29
  114. package/src/themes/excursion/size/radius.json +0 -9
  115. package/src/themes/excursion/size/scale.json +0 -234
  116. package/src/themes/excursion/size/unitless-scale.json +0 -82
  117. package/src/themes/excursion/text.json +0 -572
  118. package/src/themes/hawaiian/color/background.json +0 -15
  119. package/src/themes/hawaiian/color/border.json +0 -18
  120. package/src/themes/hawaiian/color/container.json +0 -56
  121. package/src/themes/hawaiian/color/icon.json +0 -24
  122. package/src/themes/hawaiian/color/text.json +0 -44
package/dist/{tokens/base → auro-classic}/SCSSVariables.scss RENAMED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 27 Feb 2025 23:32:44 GMT
3
+ // Generated on Tue, 04 Mar 2025 18:37:01 GMT
4
4
 
5
5
  $ds-asset-font-circular-family-name: "AS Circular";
6
6
  $ds-asset-font-circular-filename: "ASCircularWeb";
@@ -26,11 +26,23 @@ $ds-size-1000: 5rem; // 80px
26
26
  $ds-unitless-scale-20: 0.25;
27
27
  $ds-unitless-scale-50: 0.5;
28
28
  $ds-unitless-scale-100: 1;
29
+ $ds-unitless-scale-120: 1.25;
29
30
  $ds-unitless-scale-140: 1.4;
30
31
  $ds-unitless-scale-150: 1.5;
32
+ $ds-unitless-scale-160: 1.625;
33
+ $ds-unitless-scale-170: 1.75;
34
+ $ds-unitless-scale-180: 1.875;
31
35
  $ds-unitless-scale-200: 2;
36
+ $ds-unitless-scale-210: 2.125;
37
+ $ds-unitless-scale-220: 2.25;
38
+ $ds-unitless-scale-230: 2.375;
39
+ $ds-unitless-scale-260: 2.625;
40
+ $ds-unitless-scale-270: 2.75;
32
41
  $ds-unitless-scale-300: 3;
42
+ $ds-unitless-scale-330: 3.375;
33
43
  $ds-unitless-scale-350: 3.5;
44
+ $ds-unitless-scale-370: 3.75;
45
+ $ds-unitless-scale-420: 4.25;
34
46
  $ds-animation-default-property: all;
35
47
  $ds-animation-default-duration: 0.3s;
36
48
  $ds-animation-default-timing: ease-out;
@@ -187,449 +199,449 @@ $ds-color-background-darker: #01426a;
187
199
  $ds-color-background-darkest: #00274a;
188
200
  $ds-color-background-gradient-default: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5));
189
201
  //
190
- // // Base value for token support; should not use in code!
202
+ // // Base value for token support; should not use in code!
191
203
  $ds-color-base-white: #ffffff;
192
204
  //
193
- // // Base value for token support; should not use in code!
205
+ // // Base value for token support; should not use in code!
194
206
  $ds-color-base-white-100: rgba(255, 255, 255, 0.03);
195
207
  //
196
- // // Base value for token support; should not use in code!
208
+ // // Base value for token support; should not use in code!
197
209
  $ds-color-base-white-200: rgba(255, 255, 255, 0.06);
198
210
  //
199
- // // Base value for token support; should not use in code!
211
+ // // Base value for token support; should not use in code!
200
212
  $ds-color-base-white-300: rgba(255, 255, 255, 0.12);
201
213
  //
202
- // // Base value for token support; should not use in code!
214
+ // // Base value for token support; should not use in code!
203
215
  $ds-color-base-white-400: rgba(255, 255, 255, 0.25);
204
216
  //
205
- // // Base value for token support; should not use in code!
217
+ // // Base value for token support; should not use in code!
206
218
  $ds-color-base-white-500: rgba(255, 255, 255, 0.5);
207
219
  $ds-color-base-white-opacity-50: rgba(255, 255, 255, 0.5); // white @ 50%
208
220
  $ds-color-base-white-opacity-40: rgba(255, 255, 255, 0.4); // white @ 40%
209
221
  $ds-color-base-white-opacity-0: rgba(255, 255, 255, 0); // white @ 0%
210
222
  //
211
- // // Base value for token support; should not use in code!
223
+ // // Base value for token support; should not use in code!
212
224
  $ds-color-base-black: #000000;
213
225
  //
214
- // // Base value for token support; should not use in code!
226
+ // // Base value for token support; should not use in code!
215
227
  $ds-color-base-black-100: rgba(0, 0, 0, 0.03);
216
228
  //
217
- // // Base value for token support; should not use in code!
229
+ // // Base value for token support; should not use in code!
218
230
  $ds-color-base-black-200: rgba(0, 0, 0, 0.06);
219
231
  //
220
- // // Base value for token support; should not use in code!
232
+ // // Base value for token support; should not use in code!
221
233
  $ds-color-base-black-300: rgba(0, 0, 0, 0.12);
222
234
  //
223
- // // Base value for token support; should not use in code!
235
+ // // Base value for token support; should not use in code!
224
236
  $ds-color-base-black-400: rgba(0, 0, 0, 0.25);
225
237
  //
226
- // // Base value for token support; should not use in code!
238
+ // // Base value for token support; should not use in code!
227
239
  $ds-color-base-black-500: rgba(0, 0, 0, 0.5);
228
240
  $ds-color-base-black-opacity-15: rgba(0, 0, 0, 0.15); // black @ 15%
229
241
  //
230
- // // Base value for token support; should not use in code!
242
+ // // Base value for token support; should not use in code!
231
243
  $ds-color-base-blue-100: #f0f7fd;
232
244
  //
233
- // // Base value for token support; should not use in code!
245
+ // // Base value for token support; should not use in code!
234
246
  $ds-color-base-blue-200: #c9e0f7;
235
247
  //
236
- // // Base value for token support; should not use in code!
248
+ // // Base value for token support; should not use in code!
237
249
  $ds-color-base-blue-300: #a0c9f1;
238
250
  //
239
- // // Base value for token support; should not use in code!
251
+ // // Base value for token support; should not use in code!
240
252
  $ds-color-base-blue-400: #79b2ec;
241
253
  //
242
- // // Base value for token support; should not use in code!
254
+ // // Base value for token support; should not use in code!
243
255
  $ds-color-base-blue-500: #5398e6;
244
256
  //
245
- // // Base value for token support; should not use in code!
257
+ // // Base value for token support; should not use in code!
246
258
  $ds-color-base-blue-600: #3b7fd2;
247
259
  //
248
- // // Base value for token support; should not use in code!
260
+ // // Base value for token support; should not use in code!
249
261
  $ds-color-base-blue-700: #2c67b5;
250
262
  //
251
- // // Base value for token support; should not use in code!
263
+ // // Base value for token support; should not use in code!
252
264
  $ds-color-base-blue-800: #225296;
253
265
  //
254
- // // Base value for token support; should not use in code!
266
+ // // Base value for token support; should not use in code!
255
267
  $ds-color-base-blue-900: #193d73;
256
268
  //
257
- // // Base value for token support; should not use in code!
269
+ // // Base value for token support; should not use in code!
258
270
  $ds-color-base-blue-1000: #102a51;
259
271
  //
260
- // // Base value for token support; should not use in code!
272
+ // // Base value for token support; should not use in code!
261
273
  $ds-color-base-cyan-100: #ebfafd;
262
274
  //
263
- // // Base value for token support; should not use in code!
275
+ // // Base value for token support; should not use in code!
264
276
  $ds-color-base-cyan-200: #a8e9f7;
265
277
  //
266
- // // Base value for token support; should not use in code!
278
+ // // Base value for token support; should not use in code!
267
279
  $ds-color-base-cyan-300: #6ad5ef;
268
280
  //
269
- // // Base value for token support; should not use in code!
281
+ // // Base value for token support; should not use in code!
270
282
  $ds-color-base-cyan-400: #56bbde;
271
283
  //
272
- // // Base value for token support; should not use in code!
284
+ // // Base value for token support; should not use in code!
273
285
  $ds-color-base-cyan-500: #4aa2c7;
274
286
  //
275
- // // Base value for token support; should not use in code!
287
+ // // Base value for token support; should not use in code!
276
288
  $ds-color-base-cyan-600: #3e89aa;
277
289
  //
278
- // // Base value for token support; should not use in code!
290
+ // // Base value for token support; should not use in code!
279
291
  $ds-color-base-cyan-700: #32718e;
280
292
  //
281
- // // Base value for token support; should not use in code!
293
+ // // Base value for token support; should not use in code!
282
294
  $ds-color-base-cyan-800: #275b72;
283
295
  //
284
- // // Base value for token support; should not use in code!
296
+ // // Base value for token support; should not use in code!
285
297
  $ds-color-base-cyan-900: #1d4658;
286
298
  //
287
- // // Base value for token support; should not use in code!
299
+ // // Base value for token support; should not use in code!
288
300
  $ds-color-base-cyan-1000: #12303d;
289
301
  //
290
- // // Base value for token support; should not use in code!
302
+ // // Base value for token support; should not use in code!
291
303
  $ds-color-base-error-100: #fff4f4;
292
304
  //
293
- // // Base value for token support; should not use in code!
305
+ // // Base value for token support; should not use in code!
294
306
  $ds-color-base-error-200: #f9aca6;
295
307
  //
296
- // // Base value for token support; should not use in code!
308
+ // // Base value for token support; should not use in code!
297
309
  $ds-color-base-error-300: #f16359;
298
310
  //
299
- // // Base value for token support; should not use in code!
311
+ // // Base value for token support; should not use in code!
300
312
  $ds-color-base-error-400: #cc1816;
301
313
  //
302
- // // Base value for token support; should not use in code!
314
+ // // Base value for token support; should not use in code!
303
315
  $ds-color-base-error-500: #74110e;
304
316
  //
305
- // // Base value for token support; should not use in code!
317
+ // // Base value for token support; should not use in code!
306
318
  $ds-color-base-gray-100: #f7f7f7;
307
319
  //
308
- // // Base value for token support; should not use in code!
320
+ // // Base value for token support; should not use in code!
309
321
  $ds-color-base-gray-200: #d4d4d4;
310
322
  //
311
- // // Base value for token support; should not use in code!
323
+ // // Base value for token support; should not use in code!
312
324
  $ds-color-base-gray-300: #c5c5c5;
313
325
  //
314
- // // Base value for token support; should not use in code!
326
+ // // Base value for token support; should not use in code!
315
327
  $ds-color-base-gray-400: #adadad;
316
328
  //
317
- // // Base value for token support; should not use in code!
329
+ // // Base value for token support; should not use in code!
318
330
  $ds-color-base-gray-500: #959595;
319
331
  //
320
- // // Base value for token support; should not use in code!
332
+ // // Base value for token support; should not use in code!
321
333
  $ds-color-base-gray-600: #7e7e7e;
322
334
  //
323
- // // Base value for token support; should not use in code!
335
+ // // Base value for token support; should not use in code!
324
336
  $ds-color-base-gray-700: #676767;
325
337
  //
326
- // // Base value for token support; should not use in code!
338
+ // // Base value for token support; should not use in code!
327
339
  $ds-color-base-gray-800: #525252;
328
340
  //
329
- // // Base value for token support; should not use in code!
341
+ // // Base value for token support; should not use in code!
330
342
  $ds-color-base-gray-900: #3d3d3d;
331
343
  //
332
- // // Base value for token support; should not use in code!
344
+ // // Base value for token support; should not use in code!
333
345
  $ds-color-base-gray-1000: #2a2a2a;
334
346
  //
335
- // // Base value for token support; should not use in code!
347
+ // // Base value for token support; should not use in code!
336
348
  $ds-color-base-green-100: #f3faf7;
337
349
  //
338
- // // Base value for token support; should not use in code!
350
+ // // Base value for token support; should not use in code!
339
351
  $ds-color-base-green-200: #000000;
340
352
  //
341
- // // Base value for token support; should not use in code!
353
+ // // Base value for token support; should not use in code!
342
354
  $ds-color-base-green-300: #addbca;
343
355
  //
344
- // // Base value for token support; should not use in code!
356
+ // // Base value for token support; should not use in code!
345
357
  $ds-color-base-green-400: #7ec6ac;
346
358
  //
347
- // // Base value for token support; should not use in code!
359
+ // // Base value for token support; should not use in code!
348
360
  $ds-color-base-green-500: #51ae8c;
349
361
  //
350
- // // Base value for token support; should not use in code!
362
+ // // Base value for token support; should not use in code!
351
363
  $ds-color-base-green-600: #459578;
352
364
  //
353
- // // Base value for token support; should not use in code!
365
+ // // Base value for token support; should not use in code!
354
366
  $ds-color-base-green-700: #3a7d64;
355
367
  //
356
- // // Base value for token support; should not use in code!
368
+ // // Base value for token support; should not use in code!
357
369
  $ds-color-base-green-800: #306854;
358
370
  //
359
- // // Base value for token support; should not use in code!
371
+ // // Base value for token support; should not use in code!
360
372
  $ds-color-base-green-900: #285545;
361
373
  //
362
- // // Base value for token support; should not use in code!
374
+ // // Base value for token support; should not use in code!
363
375
  $ds-color-base-green-1000: #1f4436;
364
376
  //
365
- // // Base value for token support; should not use in code!
377
+ // // Base value for token support; should not use in code!
366
378
  $ds-color-base-lime-100: #f5fbeb;
367
379
  //
368
- // // Base value for token support; should not use in code!
380
+ // // Base value for token support; should not use in code!
369
381
  $ds-color-base-lime-200: #d8efb4;
370
382
  //
371
- // // Base value for token support; should not use in code!
383
+ // // Base value for token support; should not use in code!
372
384
  $ds-color-base-lime-300: #badd81;
373
385
  //
374
- // // Base value for token support; should not use in code!
386
+ // // Base value for token support; should not use in code!
375
387
  $ds-color-base-lime-400: #a2c270;
376
388
  //
377
- // // Base value for token support; should not use in code!
389
+ // // Base value for token support; should not use in code!
378
390
  $ds-color-base-lime-500: #8ca761;
379
391
  //
380
- // // Base value for token support; should not use in code!
392
+ // // Base value for token support; should not use in code!
381
393
  $ds-color-base-lime-600: #778f53;
382
394
  //
383
- // // Base value for token support; should not use in code!
395
+ // // Base value for token support; should not use in code!
384
396
  $ds-color-base-lime-700: #647845;
385
397
  //
386
- // // Base value for token support; should not use in code!
398
+ // // Base value for token support; should not use in code!
387
399
  $ds-color-base-lime-800: #53643a;
388
400
  //
389
- // // Base value for token support; should not use in code!
401
+ // // Base value for token support; should not use in code!
390
402
  $ds-color-base-lime-900: #44522f;
391
403
  //
392
- // // Base value for token support; should not use in code!
404
+ // // Base value for token support; should not use in code!
393
405
  $ds-color-base-lime-1000: #364126;
394
406
  //
395
- // // Base value for token support; should not use in code!
407
+ // // Base value for token support; should not use in code!
396
408
  $ds-color-base-navy-100: #f2f7fb;
397
409
  //
398
- // // Base value for token support; should not use in code!
410
+ // // Base value for token support; should not use in code!
399
411
  $ds-color-base-navy-200: #cfe0ef;
400
412
  //
401
- // // Base value for token support; should not use in code!
413
+ // // Base value for token support; should not use in code!
402
414
  $ds-color-base-navy-300: #acc9e2;
403
415
  //
404
- // // Base value for token support; should not use in code!
416
+ // // Base value for token support; should not use in code!
405
417
  $ds-color-base-navy-400: #89b2d4;
406
418
  //
407
- // // Base value for token support; should not use in code!
419
+ // // Base value for token support; should not use in code!
408
420
  $ds-color-base-navy-500: #6899c6;
409
421
  //
410
- // // Base value for token support; should not use in code!
422
+ // // Base value for token support; should not use in code!
411
423
  $ds-color-base-navy-600: #4a82b7;
412
424
  //
413
- // // Base value for token support; should not use in code!
425
+ // // Base value for token support; should not use in code!
414
426
  $ds-color-base-navy-700: #326aa5;
415
427
  //
416
- // // Base value for token support; should not use in code!
428
+ // // Base value for token support; should not use in code!
417
429
  $ds-color-base-navy-800: #265688;
418
430
  //
419
- // // Base value for token support; should not use in code!
431
+ // // Base value for token support; should not use in code!
420
432
  $ds-color-base-navy-900: #194069;
421
433
  //
422
- // // Base value for token support; should not use in code!
434
+ // // Base value for token support; should not use in code!
423
435
  $ds-color-base-navy-1000: #0e2b4f;
424
436
  //
425
- // // Base value for token support; should not use in code!
437
+ // // Base value for token support; should not use in code!
426
438
  $ds-color-base-neutral-100: #f7f8fa;
427
439
  //
428
- // // Base value for token support; should not use in code!
440
+ // // Base value for token support; should not use in code!
429
441
  $ds-color-base-neutral-200: #e4e8ec;
430
442
  //
431
- // // Base value for token support; should not use in code!
443
+ // // Base value for token support; should not use in code!
432
444
  $ds-color-base-neutral-300: #ccd2db;
433
445
  //
434
- // // Base value for token support; should not use in code!
446
+ // // Base value for token support; should not use in code!
435
447
  $ds-color-base-neutral-400: #afb9c6;
436
448
  //
437
- // // Base value for token support; should not use in code!
449
+ // // Base value for token support; should not use in code!
438
450
  $ds-color-base-neutral-500: #939fad;
439
451
  //
440
- // // Base value for token support; should not use in code!
452
+ // // Base value for token support; should not use in code!
441
453
  $ds-color-base-neutral-600: #7e8894;
442
454
  //
443
- // // Base value for token support; should not use in code!
455
+ // // Base value for token support; should not use in code!
444
456
  $ds-color-base-neutral-700: #6a717c;
445
457
  //
446
- // // Base value for token support; should not use in code!
458
+ // // Base value for token support; should not use in code!
447
459
  $ds-color-base-neutral-800: #585e67;
448
460
  //
449
- // // Base value for token support; should not use in code!
461
+ // // Base value for token support; should not use in code!
450
462
  $ds-color-base-neutral-900: #484d55;
451
463
  //
452
- // // Base value for token support; should not use in code!
464
+ // // Base value for token support; should not use in code!
453
465
  $ds-color-base-neutral-1000: #393d43;
454
466
  //
455
- // // Base value for token support; should not use in code!
467
+ // // Base value for token support; should not use in code!
456
468
  $ds-color-base-pink-100: #fff7f8;
457
469
  //
458
- // // Base value for token support; should not use in code!
470
+ // // Base value for token support; should not use in code!
459
471
  $ds-color-base-pink-200: #fde0e6;
460
472
  //
461
- // // Base value for token support; should not use in code!
473
+ // // Base value for token support; should not use in code!
462
474
  $ds-color-base-pink-300: #fcc2ce;
463
475
  //
464
- // // Base value for token support; should not use in code!
476
+ // // Base value for token support; should not use in code!
465
477
  $ds-color-base-pink-400: #fa9db0;
466
478
  //
467
- // // Base value for token support; should not use in code!
479
+ // // Base value for token support; should not use in code!
468
480
  $ds-color-base-pink-500: #f7738e;
469
481
  //
470
- // // Base value for token support; should not use in code!
482
+ // // Base value for token support; should not use in code!
471
483
  $ds-color-base-pink-600: #e45472;
472
484
  //
473
- // // Base value for token support; should not use in code!
485
+ // // Base value for token support; should not use in code!
474
486
  $ds-color-base-pink-700: #bf475f;
475
487
  //
476
- // // Base value for token support; should not use in code!
488
+ // // Base value for token support; should not use in code!
477
489
  $ds-color-base-pink-800: #a03b50;
478
490
  //
479
- // // Base value for token support; should not use in code!
491
+ // // Base value for token support; should not use in code!
480
492
  $ds-color-base-pink-900: #833142;
481
493
  //
482
- // // Base value for token support; should not use in code!
494
+ // // Base value for token support; should not use in code!
483
495
  $ds-color-base-pink-1000: #692734;
484
496
  //
485
- // // Base value for token support; should not use in code!
497
+ // // Base value for token support; should not use in code!
486
498
  $ds-color-base-purple-100: #fbf8fe;
487
499
  //
488
- // // Base value for token support; should not use in code!
500
+ // // Base value for token support; should not use in code!
489
501
  $ds-color-base-purple-200: #ede3fd;
490
502
  //
491
- // // Base value for token support; should not use in code!
503
+ // // Base value for token support; should not use in code!
492
504
  $ds-color-base-purple-300: #ddc9fb;
493
505
  //
494
- // // Base value for token support; should not use in code!
506
+ // // Base value for token support; should not use in code!
495
507
  $ds-color-base-purple-400: #c9a9f8;
496
508
  //
497
- // // Base value for token support; should not use in code!
509
+ // // Base value for token support; should not use in code!
498
510
  $ds-color-base-purple-500: #b588f5;
499
511
  //
500
- // // Base value for token support; should not use in code!
512
+ // // Base value for token support; should not use in code!
501
513
  $ds-color-base-purple-600: #a268f3;
502
514
  //
503
- // // Base value for token support; should not use in code!
515
+ // // Base value for token support; should not use in code!
504
516
  $ds-color-base-purple-700: #8d47f0;
505
517
  //
506
- // // Base value for token support; should not use in code!
518
+ // // Base value for token support; should not use in code!
507
519
  $ds-color-base-purple-800: #7633d7;
508
520
  //
509
- // // Base value for token support; should not use in code!
521
+ // // Base value for token support; should not use in code!
510
522
  $ds-color-base-purple-900: #622ab2;
511
523
  //
512
- // // Base value for token support; should not use in code!
524
+ // // Base value for token support; should not use in code!
513
525
  $ds-color-base-purple-1000: #4e228d;
514
526
  //
515
- // // Base value for token support; should not use in code!
527
+ // // Base value for token support; should not use in code!
516
528
  $ds-color-base-red-100: #fef7f5;
517
529
  //
518
- // // Base value for token support; should not use in code!
530
+ // // Base value for token support; should not use in code!
519
531
  $ds-color-base-red-200: #fae2da;
520
532
  //
521
- // // Base value for token support; should not use in code!
533
+ // // Base value for token support; should not use in code!
522
534
  $ds-color-base-red-300: #f5c7b8;
523
535
  //
524
- // // Base value for token support; should not use in code!
536
+ // // Base value for token support; should not use in code!
525
537
  $ds-color-base-red-400: #f0a68d;
526
538
  //
527
- // // Base value for token support; should not use in code!
539
+ // // Base value for token support; should not use in code!
528
540
  $ds-color-base-red-500: #e9815e;
529
541
  //
530
- // // Base value for token support; should not use in code!
542
+ // // Base value for token support; should not use in code!
531
543
  $ds-color-base-red-600: #e35c2f;
532
544
  //
533
- // // Base value for token support; should not use in code!
545
+ // // Base value for token support; should not use in code!
534
546
  $ds-color-base-red-700: #d03a08;
535
547
  //
536
- // // Base value for token support; should not use in code!
548
+ // // Base value for token support; should not use in code!
537
549
  $ds-color-base-red-800: #ae3007;
538
550
  //
539
- // // Base value for token support; should not use in code!
551
+ // // Base value for token support; should not use in code!
540
552
  $ds-color-base-red-900: #902806;
541
553
  //
542
- // // Base value for token support; should not use in code!
554
+ // // Base value for token support; should not use in code!
543
555
  $ds-color-base-red-1000: #732005;
544
556
  //
545
- // // Base value for token support; should not use in code!
557
+ // // Base value for token support; should not use in code!
546
558
  $ds-color-base-success-100: #eef8f5;
547
559
  //
548
- // // Base value for token support; should not use in code!
560
+ // // Base value for token support; should not use in code!
549
561
  $ds-color-base-success-200: #8eceb9;
550
562
  //
551
- // // Base value for token support; should not use in code!
563
+ // // Base value for token support; should not use in code!
552
564
  $ds-color-base-success-300: #40a080;
553
565
  //
554
- // // Base value for token support; should not use in code!
566
+ // // Base value for token support; should not use in code!
555
567
  $ds-color-base-success-400: #0b6f4d;
556
568
  //
557
- // // Base value for token support; should not use in code!
569
+ // // Base value for token support; should not use in code!
558
570
  $ds-color-base-success-500: #173c30;
559
571
  //
560
- // // Base value for token support; should not use in code!
572
+ // // Base value for token support; should not use in code!
561
573
  $ds-color-base-turquoise-100: #f7fafa;
562
574
  //
563
- // // Base value for token support; should not use in code!
575
+ // // Base value for token support; should not use in code!
564
576
  $ds-color-base-turquoise-200: #dfe9ea;
565
577
  //
566
- // // Base value for token support; should not use in code!
578
+ // // Base value for token support; should not use in code!
567
579
  $ds-color-base-turquoise-300: #c2d5d6;
568
580
  //
569
- // // Base value for token support; should not use in code!
581
+ // // Base value for token support; should not use in code!
570
582
  $ds-color-base-turquoise-400: #9fbdbe;
571
583
  //
572
- // // Base value for token support; should not use in code!
584
+ // // Base value for token support; should not use in code!
573
585
  $ds-color-base-turquoise-500: #7ba5a6;
574
586
  //
575
- // // Base value for token support; should not use in code!
587
+ // // Base value for token support; should not use in code!
576
588
  $ds-color-base-turquoise-600: #5c8f91;
577
589
  //
578
- // // Base value for token support; should not use in code!
590
+ // // Base value for token support; should not use in code!
579
591
  $ds-color-base-turquoise-700: #3d7a7d;
580
592
  //
581
- // // Base value for token support; should not use in code!
593
+ // // Base value for token support; should not use in code!
582
594
  $ds-color-base-turquoise-800: #21686a;
583
595
  //
584
- // // Base value for token support; should not use in code!
596
+ // // Base value for token support; should not use in code!
585
597
  $ds-color-base-turquoise-900: #085659;
586
598
  //
587
- // // Base value for token support; should not use in code!
599
+ // // Base value for token support; should not use in code!
588
600
  $ds-color-base-turquoise-1000: #004447;
589
601
  //
590
- // // Base value for token support; should not use in code!
602
+ // // Base value for token support; should not use in code!
591
603
  $ds-color-base-yellow-100: #fff9df;
592
604
  //
593
- // // Base value for token support; should not use in code!
605
+ // // Base value for token support; should not use in code!
594
606
  $ds-color-base-yellow-200: #ffe87e;
595
607
  //
596
- // // Base value for token support; should not use in code!
608
+ // // Base value for token support; should not use in code!
597
609
  $ds-color-base-yellow-300: #f9ce06;
598
610
  //
599
- // // Base value for token support; should not use in code!
611
+ // // Base value for token support; should not use in code!
600
612
  $ds-color-base-yellow-400: #d6b622;
601
613
  //
602
- // // Base value for token support; should not use in code!
614
+ // // Base value for token support; should not use in code!
603
615
  $ds-color-base-yellow-500: #b49d35;
604
616
  //
605
- // // Base value for token support; should not use in code!
617
+ // // Base value for token support; should not use in code!
606
618
  $ds-color-base-yellow-600: #96873e;
607
619
  //
608
- // // Base value for token support; should not use in code!
620
+ // // Base value for token support; should not use in code!
609
621
  $ds-color-base-yellow-700: #7c7140;
610
622
  //
611
- // // Base value for token support; should not use in code!
623
+ // // Base value for token support; should not use in code!
612
624
  $ds-color-base-yellow-800: #665e3d;
613
625
  //
614
- // // Base value for token support; should not use in code!
626
+ // // Base value for token support; should not use in code!
615
627
  $ds-color-base-yellow-900: #524e38;
616
628
  //
617
- // // Base value for token support; should not use in code!
629
+ // // Base value for token support; should not use in code!
618
630
  $ds-color-base-yellow-1000: #403d30;
619
631
  //
620
- // // Base value for token support; should not use in code!
632
+ // // Base value for token support; should not use in code!
621
633
  $ds-color-base-warning-100: #fef8e9;
622
634
  //
623
- // // Base value for token support; should not use in code!
635
+ // // Base value for token support; should not use in code!
624
636
  $ds-color-base-warning-200: #f2c153;
625
637
  //
626
- // // Base value for token support; should not use in code!
638
+ // // Base value for token support; should not use in code!
627
639
  $ds-color-base-warning-300: #c49432;
628
640
  //
629
- // // Base value for token support; should not use in code!
641
+ // // Base value for token support; should not use in code!
630
642
  $ds-color-base-warning-400: #8e6b22;
631
643
  //
632
- // // Base value for token support; should not use in code!
644
+ // // Base value for token support; should not use in code!
633
645
  $ds-color-base-warning-500: #5d4514;
634
646
  $ds-color-state-error-100: #ff999b;
635
647
  $ds-color-state-error-500: #df0b37;
@@ -673,491 +685,487 @@ $ds-color-border-active-inverse: #00cff0;
673
685
  $ds-color-border-disabled-default: #d4d4d4;
674
686
  $ds-color-border-focus-default: #959595;
675
687
  //
676
- // // Please consider descriptive token prior to using brand token
688
+ // // Please consider descriptive token prior to using brand token
677
689
  $ds-color-brand-neutral-100: #f7f8fa;
678
690
  //
679
- // // Please consider descriptive token prior to using brand token
691
+ // // Please consider descriptive token prior to using brand token
680
692
  $ds-color-brand-neutral-200: #e4e8ec;
681
693
  //
682
- // // Please consider descriptive token prior to using brand token
694
+ // // Please consider descriptive token prior to using brand token
683
695
  $ds-color-brand-neutral-300: #ccd2db;
684
696
  //
685
- // // Please consider descriptive token prior to using brand token
697
+ // // Please consider descriptive token prior to using brand token
686
698
  $ds-color-brand-neutral-400: #afb9c6;
687
699
  //
688
- // // Please consider descriptive token prior to using brand token
700
+ // // Please consider descriptive token prior to using brand token
689
701
  $ds-color-brand-neutral-500: #939fad;
690
702
  //
691
- // // Please consider descriptive token prior to using brand token
703
+ // // Please consider descriptive token prior to using brand token
692
704
  $ds-color-brand-neutral-600: #7e8894;
693
705
  //
694
- // // Please consider descriptive token prior to using brand token
706
+ // // Please consider descriptive token prior to using brand token
695
707
  $ds-color-brand-neutral-700: #6a717c;
696
708
  //
697
- // // Please consider descriptive token prior to using brand token
709
+ // // Please consider descriptive token prior to using brand token
698
710
  $ds-color-brand-neutral-800: #585e67;
699
711
  //
700
- // // Please consider descriptive token prior to using brand token
712
+ // // Please consider descriptive token prior to using brand token
701
713
  $ds-color-brand-neutral-900: #484d55;
702
714
  //
703
- // // Please consider descriptive token prior to using brand token
715
+ // // Please consider descriptive token prior to using brand token
704
716
  $ds-color-brand-neutral-1000: #393d43;
705
717
  //
706
- // // Please consider descriptive token prior to using brand token
718
+ // // Please consider descriptive token prior to using brand token
707
719
  $ds-color-brand-gray-100: #f7f7f7;
708
720
  //
709
- // // Please consider descriptive token prior to using brand token
721
+ // // Please consider descriptive token prior to using brand token
710
722
  $ds-color-brand-gray-200: #dddddd;
711
723
  //
712
- // // Please consider descriptive token prior to using brand token
724
+ // // Please consider descriptive token prior to using brand token
713
725
  $ds-color-brand-gray-300: #c5c5c5;
714
726
  //
715
- // // Please consider descriptive token prior to using brand token
727
+ // // Please consider descriptive token prior to using brand token
716
728
  $ds-color-brand-gray-400: #adadad;
717
729
  //
718
- // // Please consider descriptive token prior to using brand token
730
+ // // Please consider descriptive token prior to using brand token
719
731
  $ds-color-brand-gray-500: #959595;
720
732
  //
721
- // // Please consider descriptive token prior to using brand token
733
+ // // Please consider descriptive token prior to using brand token
722
734
  $ds-color-brand-gray-600: #7e7e7e;
723
735
  //
724
- // // Please consider descriptive token prior to using brand token
736
+ // // Please consider descriptive token prior to using brand token
725
737
  $ds-color-brand-gray-700: #676767;
726
738
  //
727
- // // Please consider descriptive token prior to using brand token
739
+ // // Please consider descriptive token prior to using brand token
728
740
  $ds-color-brand-gray-800: #525252;
729
741
  //
730
- // // Please consider descriptive token prior to using brand token
742
+ // // Please consider descriptive token prior to using brand token
731
743
  $ds-color-brand-gray-900: #3d3d3d;
732
744
  //
733
- // // Please consider descriptive token prior to using brand token
745
+ // // Please consider descriptive token prior to using brand token
734
746
  $ds-color-brand-gray-1000: #2a2a2a;
735
747
  //
736
- // // Please consider descriptive token prior to using brand token
748
+ // // Please consider descriptive token prior to using brand token
737
749
  $ds-color-brand-red-100: #fef7f5;
738
750
  //
739
- // // Please consider descriptive token prior to using brand token
751
+ // // Please consider descriptive token prior to using brand token
740
752
  $ds-color-brand-red-200: #fae2da;
741
753
  //
742
- // // Please consider descriptive token prior to using brand token
754
+ // // Please consider descriptive token prior to using brand token
743
755
  $ds-color-brand-red-300: #f5c7b8;
744
756
  //
745
- // // Please consider descriptive token prior to using brand token
757
+ // // Please consider descriptive token prior to using brand token
746
758
  $ds-color-brand-red-400: #f0a68d;
747
759
  //
748
- // // Please consider descriptive token prior to using brand token
760
+ // // Please consider descriptive token prior to using brand token
749
761
  $ds-color-brand-red-500: #e9815e;
750
762
  //
751
- // // Please consider descriptive token prior to using brand token
763
+ // // Please consider descriptive token prior to using brand token
752
764
  $ds-color-brand-red-600: #e35c2f;
753
765
  //
754
- // // Please consider descriptive token prior to using brand token
766
+ // // Please consider descriptive token prior to using brand token
755
767
  $ds-color-brand-red-700: #d03a08;
756
768
  //
757
- // // Please consider descriptive token prior to using brand token
769
+ // // Please consider descriptive token prior to using brand token
758
770
  $ds-color-brand-red-800: #ae3007;
759
771
  //
760
- // // Please consider descriptive token prior to using brand token
772
+ // // Please consider descriptive token prior to using brand token
761
773
  $ds-color-brand-red-900: #902806;
762
774
  //
763
- // // Please consider descriptive token prior to using brand token
775
+ // // Please consider descriptive token prior to using brand token
764
776
  $ds-color-brand-red-1000: #732005;
765
777
  //
766
- // // Please consider descriptive token prior to using brand token
778
+ // // Please consider descriptive token prior to using brand token
767
779
  $ds-color-brand-yellow-100: #fff9df;
768
780
  //
769
- // // Please consider descriptive token prior to using brand token
781
+ // // Please consider descriptive token prior to using brand token
770
782
  $ds-color-brand-yellow-200: #ffe87e;
771
783
  //
772
- // // Please consider descriptive token prior to using brand token
784
+ // // Please consider descriptive token prior to using brand token
773
785
  $ds-color-brand-yellow-300: #f9ce06;
774
786
  //
775
- // // Please consider descriptive token prior to using brand token
787
+ // // Please consider descriptive token prior to using brand token
776
788
  $ds-color-brand-yellow-400: #d6b622;
777
789
  //
778
- // // Please consider descriptive token prior to using brand token
790
+ // // Please consider descriptive token prior to using brand token
779
791
  $ds-color-brand-yellow-500: #b49d35;
780
792
  //
781
- // // Please consider descriptive token prior to using brand token
793
+ // // Please consider descriptive token prior to using brand token
782
794
  $ds-color-brand-yellow-600: #96873e;
783
795
  //
784
- // // Please consider descriptive token prior to using brand token
796
+ // // Please consider descriptive token prior to using brand token
785
797
  $ds-color-brand-yellow-700: #7c7140;
786
798
  //
787
- // // Please consider descriptive token prior to using brand token
799
+ // // Please consider descriptive token prior to using brand token
788
800
  $ds-color-brand-yellow-800: #665e3d;
789
801
  //
790
- // // Please consider descriptive token prior to using brand token
802
+ // // Please consider descriptive token prior to using brand token
791
803
  $ds-color-brand-yellow-900: #524e38;
792
804
  //
793
- // // Please consider descriptive token prior to using brand token
805
+ // // Please consider descriptive token prior to using brand token
794
806
  $ds-color-brand-yellow-1000: #403d30;
795
807
  //
796
- // // Please consider descriptive token prior to using brand token
808
+ // // Please consider descriptive token prior to using brand token
797
809
  $ds-color-brand-lime-100: #f5fbeb;
798
810
  //
799
- // // Please consider descriptive token prior to using brand token
811
+ // // Please consider descriptive token prior to using brand token
800
812
  $ds-color-brand-lime-200: #d8efb4;
801
813
  //
802
- // // Please consider descriptive token prior to using brand token
814
+ // // Please consider descriptive token prior to using brand token
803
815
  $ds-color-brand-lime-300: #badd81;
804
816
  //
805
- // // Please consider descriptive token prior to using brand token
817
+ // // Please consider descriptive token prior to using brand token
806
818
  $ds-color-brand-lime-400: #a2c270;
807
819
  //
808
- // // Please consider descriptive token prior to using brand token
820
+ // // Please consider descriptive token prior to using brand token
809
821
  $ds-color-brand-lime-500: #8ca761;
810
822
  //
811
- // // Please consider descriptive token prior to using brand token
823
+ // // Please consider descriptive token prior to using brand token
812
824
  $ds-color-brand-lime-600: #778f53;
813
825
  //
814
- // // Please consider descriptive token prior to using brand token
826
+ // // Please consider descriptive token prior to using brand token
815
827
  $ds-color-brand-lime-700: #647845;
816
828
  //
817
- // // Please consider descriptive token prior to using brand token
829
+ // // Please consider descriptive token prior to using brand token
818
830
  $ds-color-brand-lime-800: #53643a;
819
831
  //
820
- // // Please consider descriptive token prior to using brand token
832
+ // // Please consider descriptive token prior to using brand token
821
833
  $ds-color-brand-lime-900: #44522f;
822
834
  //
823
- // // Please consider descriptive token prior to using brand token
835
+ // // Please consider descriptive token prior to using brand token
824
836
  $ds-color-brand-lime-1000: #364126;
825
837
  //
826
- // // Please consider descriptive token prior to using brand token
838
+ // // Please consider descriptive token prior to using brand token
827
839
  $ds-color-brand-green-100: #f3faf7;
828
840
  //
829
- // // Please consider descriptive token prior to using brand token
841
+ // // Please consider descriptive token prior to using brand token
830
842
  $ds-color-brand-green-200: #d4ece4;
831
843
  //
832
- // // Please consider descriptive token prior to using brand token
844
+ // // Please consider descriptive token prior to using brand token
833
845
  $ds-color-brand-green-300: #addbca;
834
846
  //
835
- // // Please consider descriptive token prior to using brand token
847
+ // // Please consider descriptive token prior to using brand token
836
848
  $ds-color-brand-green-400: #7ec6ac;
837
849
  //
838
- // // Please consider descriptive token prior to using brand token
850
+ // // Please consider descriptive token prior to using brand token
839
851
  $ds-color-brand-green-500: #51ae8c;
840
852
  //
841
- // // Please consider descriptive token prior to using brand token
853
+ // // Please consider descriptive token prior to using brand token
842
854
  $ds-color-brand-green-600: #459578;
843
855
  //
844
- // // Please consider descriptive token prior to using brand token
856
+ // // Please consider descriptive token prior to using brand token
845
857
  $ds-color-brand-green-700: #3a7d64;
846
858
  //
847
- // // Please consider descriptive token prior to using brand token
859
+ // // Please consider descriptive token prior to using brand token
848
860
  $ds-color-brand-green-800: #306854;
849
861
  //
850
- // // Please consider descriptive token prior to using brand token
862
+ // // Please consider descriptive token prior to using brand token
851
863
  $ds-color-brand-green-900: #285545;
852
864
  //
853
- // // Please consider descriptive token prior to using brand token
865
+ // // Please consider descriptive token prior to using brand token
854
866
  $ds-color-brand-green-1000: #1f4436;
855
867
  //
856
- // // Please consider descriptive token prior to using brand token
868
+ // // Please consider descriptive token prior to using brand token
857
869
  $ds-color-brand-turquoise-100: #f7fafa;
858
870
  //
859
- // // Please consider descriptive token prior to using brand token
871
+ // // Please consider descriptive token prior to using brand token
860
872
  $ds-color-brand-turquoise-200: #dfe9ea;
861
873
  //
862
- // // Please consider descriptive token prior to using brand token
874
+ // // Please consider descriptive token prior to using brand token
863
875
  $ds-color-brand-turquoise-300: #c2d5d6;
864
876
  //
865
- // // Please consider descriptive token prior to using brand token
877
+ // // Please consider descriptive token prior to using brand token
866
878
  $ds-color-brand-turquoise-400: #9fbdbe;
867
879
  //
868
- // // Please consider descriptive token prior to using brand token
880
+ // // Please consider descriptive token prior to using brand token
869
881
  $ds-color-brand-turquoise-500: #7ba5a6;
870
882
  //
871
- // // Please consider descriptive token prior to using brand token
883
+ // // Please consider descriptive token prior to using brand token
872
884
  $ds-color-brand-turquoise-600: #5c8f91;
873
885
  //
874
- // // Please consider descriptive token prior to using brand token
886
+ // // Please consider descriptive token prior to using brand token
875
887
  $ds-color-brand-turquoise-700: #3d7a7d;
876
888
  //
877
- // // Please consider descriptive token prior to using brand token
889
+ // // Please consider descriptive token prior to using brand token
878
890
  $ds-color-brand-turquoise-800: #21686a;
879
891
  //
880
- // // Please consider descriptive token prior to using brand token
892
+ // // Please consider descriptive token prior to using brand token
881
893
  $ds-color-brand-turquoise-900: #085659;
882
894
  //
883
- // // Please consider descriptive token prior to using brand token
895
+ // // Please consider descriptive token prior to using brand token
884
896
  $ds-color-brand-turquoise-1000: #004447;
885
897
  //
886
- // // Please consider descriptive token prior to using brand token
898
+ // // Please consider descriptive token prior to using brand token
887
899
  $ds-color-brand-cyan-100: #ebfafd;
888
900
  //
889
- // // Please consider descriptive token prior to using brand token
901
+ // // Please consider descriptive token prior to using brand token
890
902
  $ds-color-brand-cyan-200: #a8e9f7;
891
903
  //
892
- // // Please consider descriptive token prior to using brand token
904
+ // // Please consider descriptive token prior to using brand token
893
905
  $ds-color-brand-cyan-300: #6ad5ef;
894
906
  //
895
- // // Please consider descriptive token prior to using brand token
907
+ // // Please consider descriptive token prior to using brand token
896
908
  $ds-color-brand-cyan-400: #56bbde;
897
909
  //
898
- // // Please consider descriptive token prior to using brand token
910
+ // // Please consider descriptive token prior to using brand token
899
911
  $ds-color-brand-cyan-500: #4aa2c7;
900
912
  //
901
- // // Please consider descriptive token prior to using brand token
913
+ // // Please consider descriptive token prior to using brand token
902
914
  $ds-color-brand-cyan-600: #3e89aa;
903
915
  //
904
- // // Please consider descriptive token prior to using brand token
916
+ // // Please consider descriptive token prior to using brand token
905
917
  $ds-color-brand-cyan-700: #32718e;
906
918
  //
907
- // // Please consider descriptive token prior to using brand token
919
+ // // Please consider descriptive token prior to using brand token
908
920
  $ds-color-brand-cyan-800: #275b72;
909
921
  //
910
- // // Please consider descriptive token prior to using brand token
922
+ // // Please consider descriptive token prior to using brand token
911
923
  $ds-color-brand-cyan-900: #1d4658;
912
924
  //
913
- // // Please consider descriptive token prior to using brand token
925
+ // // Please consider descriptive token prior to using brand token
914
926
  $ds-color-brand-cyan-1000: #12303d;
915
927
  //
916
- // // Please consider descriptive token prior to using brand token
928
+ // // Please consider descriptive token prior to using brand token
917
929
  $ds-color-brand-blue-100: #f0f7fd;
918
930
  //
919
- // // Please consider descriptive token prior to using brand token
931
+ // // Please consider descriptive token prior to using brand token
920
932
  $ds-color-brand-blue-200: #c9e0f7;
921
933
  //
922
- // // Please consider descriptive token prior to using brand token
934
+ // // Please consider descriptive token prior to using brand token
923
935
  $ds-color-brand-blue-300: #a0c9f1;
924
936
  //
925
- // // Please consider descriptive token prior to using brand token
937
+ // // Please consider descriptive token prior to using brand token
926
938
  $ds-color-brand-blue-400: #79b2ec;
927
939
  //
928
- // // Please consider descriptive token prior to using brand token
940
+ // // Please consider descriptive token prior to using brand token
929
941
  $ds-color-brand-blue-500: #5398e6;
930
942
  //
931
- // // Please consider descriptive token prior to using brand token
943
+ // // Please consider descriptive token prior to using brand token
932
944
  $ds-color-brand-blue-600: #3b7fd2;
933
945
  //
934
- // // Please consider descriptive token prior to using brand token
946
+ // // Please consider descriptive token prior to using brand token
935
947
  $ds-color-brand-blue-700: #2c67b5;
936
948
  //
937
- // // Please consider descriptive token prior to using brand token
949
+ // // Please consider descriptive token prior to using brand token
938
950
  $ds-color-brand-blue-800: #225296;
939
951
  //
940
- // // Please consider descriptive token prior to using brand token
952
+ // // Please consider descriptive token prior to using brand token
941
953
  $ds-color-brand-blue-900: #193d73;
942
954
  //
943
- // // Please consider descriptive token prior to using brand token
955
+ // // Please consider descriptive token prior to using brand token
944
956
  $ds-color-brand-blue-1000: #102a51;
945
957
  //
946
- // // Please consider descriptive token prior to using brand token
958
+ // // Please consider descriptive token prior to using brand token
947
959
  $ds-color-brand-navy-100: #f2f7fb;
948
960
  //
949
- // // Please consider descriptive token prior to using brand token
961
+ // // Please consider descriptive token prior to using brand token
950
962
  $ds-color-brand-navy-200: #cfe0ef;
951
963
  //
952
- // // Please consider descriptive token prior to using brand token
964
+ // // Please consider descriptive token prior to using brand token
953
965
  $ds-color-brand-navy-300: #acc9e2;
954
966
  //
955
- // // Please consider descriptive token prior to using brand token
967
+ // // Please consider descriptive token prior to using brand token
956
968
  $ds-color-brand-navy-400: #89b2d4;
957
969
  //
958
- // // Please consider descriptive token prior to using brand token
970
+ // // Please consider descriptive token prior to using brand token
959
971
  $ds-color-brand-navy-500: #6899c6;
960
972
  //
961
- // // Please consider descriptive token prior to using brand token
973
+ // // Please consider descriptive token prior to using brand token
962
974
  $ds-color-brand-navy-600: #4a82b7;
963
975
  //
964
- // // Please consider descriptive token prior to using brand token
976
+ // // Please consider descriptive token prior to using brand token
965
977
  $ds-color-brand-navy-700: #326aa5;
966
978
  //
967
- // // Please consider descriptive token prior to using brand token
979
+ // // Please consider descriptive token prior to using brand token
968
980
  $ds-color-brand-navy-800: #265688;
969
981
  //
970
- // // Please consider descriptive token prior to using brand token
982
+ // // Please consider descriptive token prior to using brand token
971
983
  $ds-color-brand-navy-900: #194069;
972
984
  //
973
- // // Please consider descriptive token prior to using brand token
985
+ // // Please consider descriptive token prior to using brand token
974
986
  $ds-color-brand-navy-1000: #0e2b4f;
975
987
  //
976
- // // Please consider descriptive token prior to using brand token
988
+ // // Please consider descriptive token prior to using brand token
977
989
  $ds-color-brand-purple-100: #fbf8fe;
978
990
  //
979
- // // Please consider descriptive token prior to using brand token
991
+ // // Please consider descriptive token prior to using brand token
980
992
  $ds-color-brand-purple-200: #ede3fd;
981
993
  //
982
- // // Please consider descriptive token prior to using brand token
994
+ // // Please consider descriptive token prior to using brand token
983
995
  $ds-color-brand-purple-300: #ddc9fb;
984
996
  //
985
- // // Please consider descriptive token prior to using brand token
997
+ // // Please consider descriptive token prior to using brand token
986
998
  $ds-color-brand-purple-400: #c9a9f8;
987
999
  //
988
- // // Please consider descriptive token prior to using brand token
1000
+ // // Please consider descriptive token prior to using brand token
989
1001
  $ds-color-brand-purple-500: #b588f5;
990
1002
  //
991
- // // Please consider descriptive token prior to using brand token
1003
+ // // Please consider descriptive token prior to using brand token
992
1004
  $ds-color-brand-purple-600: #a268f3;
993
1005
  //
994
- // // Please consider descriptive token prior to using brand token
1006
+ // // Please consider descriptive token prior to using brand token
995
1007
  $ds-color-brand-purple-700: #8d47f0;
996
1008
  //
997
- // // Please consider descriptive token prior to using brand token
1009
+ // // Please consider descriptive token prior to using brand token
998
1010
  $ds-color-brand-purple-800: #7633d7;
999
1011
  //
1000
- // // Please consider descriptive token prior to using brand token
1012
+ // // Please consider descriptive token prior to using brand token
1001
1013
  $ds-color-brand-purple-900: #622ab2;
1002
1014
  //
1003
- // // Please consider descriptive token prior to using brand token
1015
+ // // Please consider descriptive token prior to using brand token
1004
1016
  $ds-color-brand-purple-1000: #4e228d;
1005
1017
  //
1006
- // // Please consider descriptive token prior to using brand token
1018
+ // // Please consider descriptive token prior to using brand token
1007
1019
  $ds-color-brand-pink-100: #fff7f8;
1008
1020
  //
1009
- // // Please consider descriptive token prior to using brand token
1021
+ // // Please consider descriptive token prior to using brand token
1010
1022
  $ds-color-brand-pink-200: #fde0e6;
1011
1023
  //
1012
- // // Please consider descriptive token prior to using brand token
1024
+ // // Please consider descriptive token prior to using brand token
1013
1025
  $ds-color-brand-pink-300: #fcc2ce;
1014
1026
  //
1015
- // // Please consider descriptive token prior to using brand token
1027
+ // // Please consider descriptive token prior to using brand token
1016
1028
  $ds-color-brand-pink-400: #fa9db0;
1017
1029
  //
1018
- // // Please consider descriptive token prior to using brand token
1030
+ // // Please consider descriptive token prior to using brand token
1019
1031
  $ds-color-brand-pink-500: #f7738e;
1020
1032
  //
1021
- // // Please consider descriptive token prior to using brand token
1033
+ // // Please consider descriptive token prior to using brand token
1022
1034
  $ds-color-brand-pink-600: #e45472;
1023
1035
  //
1024
- // // Please consider descriptive token prior to using brand token
1036
+ // // Please consider descriptive token prior to using brand token
1025
1037
  $ds-color-brand-pink-700: #bf475f;
1026
1038
  //
1027
- // // Please consider descriptive token prior to using brand token
1039
+ // // Please consider descriptive token prior to using brand token
1028
1040
  $ds-color-brand-pink-800: #a03b50;
1029
1041
  //
1030
- // // Please consider descriptive token prior to using brand token
1042
+ // // Please consider descriptive token prior to using brand token
1031
1043
  $ds-color-brand-pink-900: #833142;
1032
1044
  //
1033
- // // Please consider descriptive token prior to using brand token
1045
+ // // Please consider descriptive token prior to using brand token
1034
1046
  $ds-color-brand-pink-1000: #692734;
1035
1047
  //
1036
- // // Please consider descriptive token prior to using brand token
1048
+ // // Please consider descriptive token prior to using brand token
1037
1049
  $ds-color-brand-midnight-100: #c1daf0;
1038
1050
  //
1039
- // // Please consider descriptive token prior to using brand token
1051
+ // // Please consider descriptive token prior to using brand token
1040
1052
  $ds-color-brand-midnight-200: #569ed7;
1041
1053
  //
1042
- // // Please consider descriptive token prior to using brand token
1054
+ // // Please consider descriptive token prior to using brand token
1043
1055
  $ds-color-brand-midnight-300: #156fad;
1044
1056
  //
1045
- // // Please consider descriptive token prior to using brand token
1057
+ // // Please consider descriptive token prior to using brand token
1046
1058
  $ds-color-brand-midnight-400: #01426a;
1047
1059
  //
1048
- // // Please consider descriptive token prior to using brand token
1060
+ // // Please consider descriptive token prior to using brand token
1049
1061
  $ds-color-brand-midnight-500: #00274a;
1050
1062
  //
1051
- // // Please consider descriptive token prior to using brand token
1063
+ // // Please consider descriptive token prior to using brand token
1052
1064
  $ds-color-brand-atlas-100: #cde6ff;
1053
1065
  //
1054
- // // Please consider descriptive token prior to using brand token
1066
+ // // Please consider descriptive token prior to using brand token
1055
1067
  $ds-color-brand-atlas-200: #6bb7fb;
1056
1068
  //
1057
- // // Please consider descriptive token prior to using brand token
1069
+ // // Please consider descriptive token prior to using brand token
1058
1070
  $ds-color-brand-atlas-300: #2492eb;
1059
1071
  //
1060
- // // Please consider descriptive token prior to using brand token
1072
+ // // Please consider descriptive token prior to using brand token
1061
1073
  $ds-color-brand-atlas-400: #0074c8;
1062
1074
  //
1063
- // // Please consider descriptive token prior to using brand token
1075
+ // // Please consider descriptive token prior to using brand token
1064
1076
  $ds-color-brand-atlas-500: #054687;
1065
1077
  $ds-color-brand-atlas-400-opacity-20: rgba(0, 116, 200, 0.2); // color brand atlas 400 @ 20%
1066
1078
  //
1067
- // // Please consider descriptive token prior to using brand token
1079
+ // // Please consider descriptive token prior to using brand token
1068
1080
  $ds-color-brand-breeze-100: #c0f7ff;
1069
1081
  //
1070
- // // Please consider descriptive token prior to using brand token
1082
+ // // Please consider descriptive token prior to using brand token
1071
1083
  $ds-color-brand-breeze-200: #5de3f7;
1072
1084
  //
1073
- // // Please consider descriptive token prior to using brand token
1085
+ // // Please consider descriptive token prior to using brand token
1074
1086
  $ds-color-brand-breeze-300: #00cff0;
1075
1087
  //
1076
- // // Please consider descriptive token prior to using brand token
1088
+ // // Please consider descriptive token prior to using brand token
1077
1089
  $ds-color-brand-breeze-400: #099dc5;
1078
1090
  //
1079
- // // Please consider descriptive token prior to using brand token
1091
+ // // Please consider descriptive token prior to using brand token
1080
1092
  $ds-color-brand-breeze-500: #0b5575;
1081
1093
  $ds-color-brand-breeze-300-opacity-30: rgba(0, 207, 240, 0.3); // breeze 300 @ 30%
1082
1094
  //
1083
- // // Please consider descriptive token prior to using brand token
1095
+ // // Please consider descriptive token prior to using brand token
1084
1096
  $ds-color-brand-tropical-100: #e2ffcd;
1085
1097
  //
1086
- // // Please consider descriptive token prior to using brand token
1098
+ // // Please consider descriptive token prior to using brand token
1087
1099
  $ds-color-brand-tropical-200: #d0fba6;
1088
1100
  //
1089
- // // Please consider descriptive token prior to using brand token
1101
+ // // Please consider descriptive token prior to using brand token
1090
1102
  $ds-color-brand-tropical-300: #c0e585;
1091
1103
  //
1092
- // // Please consider descriptive token prior to using brand token
1104
+ // // Please consider descriptive token prior to using brand token
1093
1105
  $ds-color-brand-tropical-400: #91be62;
1094
1106
  //
1095
- // // Please consider descriptive token prior to using brand token
1107
+ // // Please consider descriptive token prior to using brand token
1096
1108
  $ds-color-brand-tropical-500: #5e8741;
1097
1109
  //
1098
- // // Please consider descriptive token prior to using brand token
1110
+ // // Please consider descriptive token prior to using brand token
1099
1111
  $ds-color-brand-alpine-100: #bcaae6;
1100
1112
  //
1101
- // // Please consider descriptive token prior to using brand token
1113
+ // // Please consider descriptive token prior to using brand token
1102
1114
  $ds-color-brand-alpine-200: #9e73ea;
1103
1115
  //
1104
- // // Please consider descriptive token prior to using brand token
1116
+ // // Please consider descriptive token prior to using brand token
1105
1117
  $ds-color-brand-alpine-300: #8439ef;
1106
1118
  //
1107
- // // Please consider descriptive token prior to using brand token
1119
+ // // Please consider descriptive token prior to using brand token
1108
1120
  $ds-color-brand-alpine-400: #631db8;
1109
1121
  //
1110
- // // Please consider descriptive token prior to using brand token
1122
+ // // Please consider descriptive token prior to using brand token
1111
1123
  $ds-color-brand-alpine-500: #39115c;
1112
1124
  //
1113
- // // Please consider descriptive token prior to using brand token
1125
+ // // Please consider descriptive token prior to using brand token
1114
1126
  $ds-color-brand-flamingo-100: #ffebee;
1115
1127
  //
1116
- // // Please consider descriptive token prior to using brand token
1128
+ // // Please consider descriptive token prior to using brand token
1117
1129
  $ds-color-brand-flamingo-200: #ffc0ca;
1118
1130
  //
1119
- // // Please consider descriptive token prior to using brand token
1131
+ // // Please consider descriptive token prior to using brand token
1120
1132
  $ds-color-brand-flamingo-300: #ff94a7;
1121
1133
  //
1122
- // // Please consider descriptive token prior to using brand token
1134
+ // // Please consider descriptive token prior to using brand token
1123
1135
  $ds-color-brand-flamingo-400: #f65b7b;
1124
1136
  //
1125
- // // Please consider descriptive token prior to using brand token
1137
+ // // Please consider descriptive token prior to using brand token
1126
1138
  $ds-color-brand-flamingo-500: #b82b47;
1127
1139
  //
1128
- // // Please consider descriptive token prior to using brand token
1140
+ // // Please consider descriptive token prior to using brand token
1129
1141
  $ds-color-brand-canyon-100: #ffcab6;
1130
1142
  //
1131
- // // Please consider descriptive token prior to using brand token
1143
+ // // Please consider descriptive token prior to using brand token
1132
1144
  $ds-color-brand-canyon-200: #f99574;
1133
1145
  //
1134
- // // Please consider descriptive token prior to using brand token
1146
+ // // Please consider descriptive token prior to using brand token
1135
1147
  $ds-color-brand-canyon-300: #f26135;
1136
1148
  //
1137
- // // Please consider descriptive token prior to using brand token
1149
+ // // Please consider descriptive token prior to using brand token
1138
1150
  $ds-color-brand-canyon-400: #de3e09;
1139
1151
  //
1140
- // // Please consider descriptive token prior to using brand token
1152
+ // // Please consider descriptive token prior to using brand token
1141
1153
  $ds-color-brand-canyon-500: #b83302;
1142
1154
  //
1143
- // // Please consider descriptive token prior to using brand token
1155
+ // // Please consider descriptive token prior to using brand token
1144
1156
  $ds-color-brand-goldcoast-100: #fff0cd;
1145
1157
  //
1146
- // // Please consider descriptive token prior to using brand token
1158
+ // // Please consider descriptive token prior to using brand token
1147
1159
  $ds-color-brand-goldcoast-200: #ffdb67;
1148
1160
  //
1149
- // // Please consider descriptive token prior to using brand token
1161
+ // // Please consider descriptive token prior to using brand token
1150
1162
  $ds-color-brand-goldcoast-300: #ffd200;
1151
1163
  //
1152
- // // Please consider descriptive token prior to using brand token
1164
+ // // Please consider descriptive token prior to using brand token
1153
1165
  $ds-color-brand-goldcoast-400: #e5ad07;
1154
1166
  //
1155
- // // Please consider descriptive token prior to using brand token
1167
+ // // Please consider descriptive token prior to using brand token
1156
1168
  $ds-color-brand-goldcoast-500: #b88624;
1157
- $ds-color-brand-goldgray-100: #c5c1bf;
1158
- $ds-color-brand-goldgray-200: #726e6c;
1159
- $ds-color-brand-gold-100: #ccbc94;
1160
- $ds-color-brand-gold-200: #7f682e;
1161
1169
  $ds-color-brand-emerald: #139142;
1162
1170
  $ds-color-brand-sapphire: #015daa;
1163
1171
  $ds-color-brand-ruby: #a41d4a;