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