@aurodesignsystem/design-tokens 4.3.1 → 4.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/README.md +54 -41
  3. package/dist/tokens/CSSCustomProperties.css +1542 -64
  4. package/dist/tokens/CSSSizeCustomProperties.css +2 -1
  5. package/dist/tokens/JSData--color.js +16599 -2192
  6. package/dist/tokens/JSONVariablesFlat.json +711 -0
  7. package/dist/tokens/JSONVariablesNested.json +1207 -0
  8. package/dist/tokens/JSObject--allTokens.js +13782 -2488
  9. package/dist/tokens/JSObject--deprecated.js +2294 -1925
  10. package/dist/tokens/JSVariables--color.js +736 -39
  11. package/dist/tokens/SCSSVariableMap.scss +3 -1
  12. package/dist/tokens/SCSSVariables.scss +1004 -46
  13. package/dist/tokens/SCSSVariablesMapFlat.scss +1008 -47
  14. package/dist/tokens/SassCustomProperties.scss +1542 -64
  15. package/dist/tokens/SassSizeCustomProperties.scss +2 -1
  16. package/dist/tokens/darkmode/CSSCustomProperties.css +4 -4
  17. package/dist/tokens/darkmode/JSDataColor.js +107 -43
  18. package/dist/tokens/darkmode/{JSObject--allDarkTokens.js → JSObject--deprecatedDark.js} +120 -56
  19. package/dist/tokens/darkmode/JSVariablesColor.js +4 -4
  20. package/dist/tokens/darkmode/SCSSVariables.scss +4 -4
  21. package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +4 -4
  22. package/dist/tokens/darkmode/SassCustomProperties.scss +4 -4
  23. package/dist/tokens/excursion/JSONVariablesFlat.json +67 -0
  24. package/dist/tokens/excursion/JSONVariablesNested.json +105 -0
  25. package/package.json +13 -12
  26. package/src/color/alert.json +18 -103
  27. package/src/color/background.json +213 -10
  28. package/src/color/base.json +1219 -70
  29. package/src/color/border.json +253 -133
  30. package/src/color/brand.json +1204 -185
  31. package/src/color/container.json +464 -0
  32. package/src/color/icon.json +449 -91
  33. package/src/color/text.json +200 -145
  34. package/src/color/tier.json +118 -52
  35. package/src/color/ui.json +29 -115
  36. package/src/color-darkmode/base.json +6 -2
  37. package/src/color-darkmode/border.json +6 -2
  38. package/src/color-darkmode/icon.json +6 -2
  39. package/src/color-darkmode/text.json +15 -5
  40. package/src/color-darkmode/tier.json +6 -2
  41. package/src/depth.json +0 -7
  42. package/src/size/radius.json +1 -1
  43. package/src/size/scale.json +6 -80
  44. package/src/themes/excursion/color/background.json +73 -0
  45. package/src/themes/excursion/color/base.json +234 -0
  46. package/src/themes/excursion/color/brand.json +254 -0
  47. package/src/breakpoint.json +0 -28
  48. package/src/shadow.json +0 -13
@@ -1,7 +1,7 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Mon, 29 Jan 2024 17:20:25 GMT
4
+ Generated on Thu, 23 May 2024 18:24:57 GMT
5
5
  */
6
6
 
7
7
  $auroTokens: (
@@ -15,6 +15,8 @@ $auroTokens: (
15
15
  'ds-size-25': (0.125rem),
16
16
  // 4px
17
17
  'ds-size-50': (0.25rem),
18
+ // 6px
19
+ 'ds-size-75': (0.375rem),
18
20
  // 8px
19
21
  'ds-size-100': (0.5rem),
20
22
  // 12px
@@ -175,14 +177,51 @@ $auroTokens: (
175
177
  'ds-color-alert-advisory-default': (#fff0cd),
176
178
  'ds-color-alert-bkg-success-default': (#ddf6e8),
177
179
  'ds-color-alert-bkg-error-default': (#ffedf1),
180
+ 'ds-color-background-100-default': (#ffffff),
181
+ 'ds-color-background-100-inverse': (#0e2b4f),
182
+ 'ds-color-background-200-default': (#f7f7f7),
183
+ 'ds-color-background-200-inverse': (#194069),
184
+ 'ds-color-background-300-default': (#e4e8ec),
185
+ 'ds-color-background-300-inverse': (#265688),
186
+ 'ds-color-background-400-default': (#dddddd),
187
+ 'ds-color-background-400-inverse': (#326aa5),
188
+ 'ds-color-background-success-default': (#eef8f5),
189
+ 'ds-color-background-success-inverse': (#173c30),
190
+ 'ds-color-background-error-default': (#fff4f4),
191
+ 'ds-color-background-error-inverse': (#74110e),
192
+ 'ds-color-background-warning-default': (#fef8e9),
193
+ 'ds-color-background-warning-inverse': (#5d4514),
194
+ 'ds-color-background-info-default': (#f0f7fd),
195
+ 'ds-color-background-info-inverse': (#193d73),
196
+ 'ds-color-background-subtle-default': (#f7f8fa),
197
+ 'ds-color-background-subtle-inverse': (#2a2a2a),
198
+ 'ds-color-background-accent-default': (#ebfafd),
199
+ 'ds-color-background-accent-inverse': (#275b72),
200
+ 'ds-color-background-emphasis-default': (#c9e0f7),
201
+ 'ds-color-background-emphasis-inverse': (#225296),
178
202
  'ds-color-background-lightest': (#ffffff),
179
- 'ds-color-background-lighter': (#f8f8f8),
203
+ 'ds-color-background-lighter': (#f7f7f7),
180
204
  'ds-color-background-darker': (#01426a),
181
205
  'ds-color-background-darkest': (#00274a),
182
206
  'ds-color-background-gradient-default': (linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5))),
183
207
  //
184
208
  // Base value for token support; should not use in code!
185
209
  'ds-color-base-white': (#ffffff),
210
+ //
211
+ // Base value for token support; should not use in code!
212
+ 'ds-color-base-white-100': (rgba(255, 255, 255, 0.03)),
213
+ //
214
+ // Base value for token support; should not use in code!
215
+ 'ds-color-base-white-200': (rgba(255, 255, 255, 0.06)),
216
+ //
217
+ // Base value for token support; should not use in code!
218
+ 'ds-color-base-white-300': (rgba(255, 255, 255, 0.12)),
219
+ //
220
+ // Base value for token support; should not use in code!
221
+ 'ds-color-base-white-400': (rgba(255, 255, 255, 0.25)),
222
+ //
223
+ // Base value for token support; should not use in code!
224
+ 'ds-color-base-white-500': (rgba(255, 255, 255, 0.5)),
186
225
  // white @ 50%
187
226
  'ds-color-base-white-opacity-50': (rgba(255, 255, 255, 0.5)),
188
227
  // white @ 40%
@@ -191,23 +230,830 @@ $auroTokens: (
191
230
  'ds-color-base-white-opacity-0': (rgba(255, 255, 255, 0)),
192
231
  //
193
232
  // Base value for token support; should not use in code!
194
- 'ds-color-base-black': (#000000),
195
- // black @ 15%
196
- 'ds-color-base-black-opacity-15': (rgba(0, 0, 0, 0.15)),
233
+ 'ds-color-base-black': (#000000),
234
+ //
235
+ // Base value for token support; should not use in code!
236
+ 'ds-color-base-black-100': (rgba(0, 0, 0, 0.03)),
237
+ //
238
+ // Base value for token support; should not use in code!
239
+ 'ds-color-base-black-200': (rgba(0, 0, 0, 0.06)),
240
+ //
241
+ // Base value for token support; should not use in code!
242
+ 'ds-color-base-black-300': (rgba(0, 0, 0, 0.12)),
243
+ //
244
+ // Base value for token support; should not use in code!
245
+ 'ds-color-base-black-400': (rgba(0, 0, 0, 0.25)),
246
+ //
247
+ // Base value for token support; should not use in code!
248
+ 'ds-color-base-black-500': (rgba(0, 0, 0, 0.5)),
249
+ // black @ 15%
250
+ 'ds-color-base-black-opacity-15': (rgba(0, 0, 0, 0.15)),
251
+ //
252
+ // Base value for token support; should not use in code!
253
+ 'ds-color-base-blue-100': (#f0f7fd),
254
+ //
255
+ // Base value for token support; should not use in code!
256
+ 'ds-color-base-blue-200': (#c9e0f7),
257
+ //
258
+ // Base value for token support; should not use in code!
259
+ 'ds-color-base-blue-300': (#a0c9f1),
260
+ //
261
+ // Base value for token support; should not use in code!
262
+ 'ds-color-base-blue-400': (#79b2ec),
263
+ //
264
+ // Base value for token support; should not use in code!
265
+ 'ds-color-base-blue-500': (#5398e6),
266
+ //
267
+ // Base value for token support; should not use in code!
268
+ 'ds-color-base-blue-600': (#3b7fd2),
269
+ //
270
+ // Base value for token support; should not use in code!
271
+ 'ds-color-base-blue-700': (#2c67b5),
272
+ //
273
+ // Base value for token support; should not use in code!
274
+ 'ds-color-base-blue-800': (#225296),
275
+ //
276
+ // Base value for token support; should not use in code!
277
+ 'ds-color-base-blue-900': (#193d73),
278
+ //
279
+ // Base value for token support; should not use in code!
280
+ 'ds-color-base-blue-1000': (#102a51),
281
+ //
282
+ // Base value for token support; should not use in code!
283
+ 'ds-color-base-cyan-100': (#ebfafd),
284
+ //
285
+ // Base value for token support; should not use in code!
286
+ 'ds-color-base-cyan-200': (#a8e9f7),
287
+ //
288
+ // Base value for token support; should not use in code!
289
+ 'ds-color-base-cyan-300': (#6ad5ef),
290
+ //
291
+ // Base value for token support; should not use in code!
292
+ 'ds-color-base-cyan-400': (#56bbde),
293
+ //
294
+ // Base value for token support; should not use in code!
295
+ 'ds-color-base-cyan-500': (#4aa2c7),
296
+ //
297
+ // Base value for token support; should not use in code!
298
+ 'ds-color-base-cyan-600': (#3e89aa),
299
+ //
300
+ // Base value for token support; should not use in code!
301
+ 'ds-color-base-cyan-700': (#32718e),
302
+ //
303
+ // Base value for token support; should not use in code!
304
+ 'ds-color-base-cyan-800': (#275b72),
305
+ //
306
+ // Base value for token support; should not use in code!
307
+ 'ds-color-base-cyan-900': (#1d4658),
308
+ //
309
+ // Base value for token support; should not use in code!
310
+ 'ds-color-base-cyan-1000': (#12303d),
311
+ //
312
+ // Base value for token support; should not use in code!
313
+ 'ds-color-base-error-100': (#fff4f4),
314
+ //
315
+ // Base value for token support; should not use in code!
316
+ 'ds-color-base-error-200': (#f9aca6),
317
+ //
318
+ // Base value for token support; should not use in code!
319
+ 'ds-color-base-error-300': (#f16359),
320
+ //
321
+ // Base value for token support; should not use in code!
322
+ 'ds-color-base-error-400': (#cc1816),
323
+ //
324
+ // Base value for token support; should not use in code!
325
+ 'ds-color-base-error-500': (#74110e),
326
+ //
327
+ // Base value for token support; should not use in code!
328
+ 'ds-color-base-gray-100': (#f7f7f7),
329
+ //
330
+ // Base value for token support; should not use in code!
331
+ 'ds-color-base-gray-200': (#dddddd),
332
+ //
333
+ // Base value for token support; should not use in code!
334
+ 'ds-color-base-gray-300': (#c5c5c5),
335
+ //
336
+ // Base value for token support; should not use in code!
337
+ 'ds-color-base-gray-400': (#adadad),
338
+ //
339
+ // Base value for token support; should not use in code!
340
+ 'ds-color-base-gray-500': (#959595),
341
+ //
342
+ // Base value for token support; should not use in code!
343
+ 'ds-color-base-gray-600': (#7e7e7e),
344
+ //
345
+ // Base value for token support; should not use in code!
346
+ 'ds-color-base-gray-700': (#676767),
347
+ //
348
+ // Base value for token support; should not use in code!
349
+ 'ds-color-base-gray-800': (#525252),
350
+ //
351
+ // Base value for token support; should not use in code!
352
+ 'ds-color-base-gray-900': (#3d3d3d),
353
+ //
354
+ // Base value for token support; should not use in code!
355
+ 'ds-color-base-gray-1000': (#2a2a2a),
356
+ //
357
+ // Base value for token support; should not use in code!
358
+ 'ds-color-base-green-100': (#f3faf7),
359
+ //
360
+ // Base value for token support; should not use in code!
361
+ 'ds-color-base-green-200': (#000000),
362
+ //
363
+ // Base value for token support; should not use in code!
364
+ 'ds-color-base-green-300': (#addbca),
365
+ //
366
+ // Base value for token support; should not use in code!
367
+ 'ds-color-base-green-400': (#7ec6ac),
368
+ //
369
+ // Base value for token support; should not use in code!
370
+ 'ds-color-base-green-500': (#51ae8c),
371
+ //
372
+ // Base value for token support; should not use in code!
373
+ 'ds-color-base-green-600': (#459578),
374
+ //
375
+ // Base value for token support; should not use in code!
376
+ 'ds-color-base-green-700': (#3a7d64),
377
+ //
378
+ // Base value for token support; should not use in code!
379
+ 'ds-color-base-green-800': (#306854),
380
+ //
381
+ // Base value for token support; should not use in code!
382
+ 'ds-color-base-green-900': (#285545),
383
+ //
384
+ // Base value for token support; should not use in code!
385
+ 'ds-color-base-green-1000': (#1f4436),
386
+ //
387
+ // Base value for token support; should not use in code!
388
+ 'ds-color-base-lime-100': (#f5fbeb),
389
+ //
390
+ // Base value for token support; should not use in code!
391
+ 'ds-color-base-lime-200': (#d8efb4),
392
+ //
393
+ // Base value for token support; should not use in code!
394
+ 'ds-color-base-lime-300': (#badd81),
395
+ //
396
+ // Base value for token support; should not use in code!
397
+ 'ds-color-base-lime-400': (#a2c270),
398
+ //
399
+ // Base value for token support; should not use in code!
400
+ 'ds-color-base-lime-500': (#8ca761),
401
+ //
402
+ // Base value for token support; should not use in code!
403
+ 'ds-color-base-lime-600': (#778f53),
404
+ //
405
+ // Base value for token support; should not use in code!
406
+ 'ds-color-base-lime-700': (#647845),
407
+ //
408
+ // Base value for token support; should not use in code!
409
+ 'ds-color-base-lime-800': (#53643a),
410
+ //
411
+ // Base value for token support; should not use in code!
412
+ 'ds-color-base-lime-900': (#44522f),
413
+ //
414
+ // Base value for token support; should not use in code!
415
+ 'ds-color-base-lime-1000': (#364126),
416
+ //
417
+ // Base value for token support; should not use in code!
418
+ 'ds-color-base-navy-100': (#f2f7fb),
419
+ //
420
+ // Base value for token support; should not use in code!
421
+ 'ds-color-base-navy-200': (#cfe0ef),
422
+ //
423
+ // Base value for token support; should not use in code!
424
+ 'ds-color-base-navy-300': (#acc9e2),
425
+ //
426
+ // Base value for token support; should not use in code!
427
+ 'ds-color-base-navy-400': (#89b2d4),
428
+ //
429
+ // Base value for token support; should not use in code!
430
+ 'ds-color-base-navy-500': (#6899c6),
431
+ //
432
+ // Base value for token support; should not use in code!
433
+ 'ds-color-base-navy-600': (#4a82b7),
434
+ //
435
+ // Base value for token support; should not use in code!
436
+ 'ds-color-base-navy-700': (#326aa5),
437
+ //
438
+ // Base value for token support; should not use in code!
439
+ 'ds-color-base-navy-800': (#265688),
440
+ //
441
+ // Base value for token support; should not use in code!
442
+ 'ds-color-base-navy-900': (#194069),
443
+ //
444
+ // Base value for token support; should not use in code!
445
+ 'ds-color-base-navy-1000': (#0e2b4f),
446
+ //
447
+ // Base value for token support; should not use in code!
448
+ 'ds-color-base-neutral-100': (#f7f8fa),
449
+ //
450
+ // Base value for token support; should not use in code!
451
+ 'ds-color-base-neutral-200': (#e4e8ec),
452
+ //
453
+ // Base value for token support; should not use in code!
454
+ 'ds-color-base-neutral-300': (#ccd2db),
455
+ //
456
+ // Base value for token support; should not use in code!
457
+ 'ds-color-base-neutral-400': (#afb9c6),
458
+ //
459
+ // Base value for token support; should not use in code!
460
+ 'ds-color-base-neutral-500': (#939fad),
461
+ //
462
+ // Base value for token support; should not use in code!
463
+ 'ds-color-base-neutral-600': (#7e8894),
464
+ //
465
+ // Base value for token support; should not use in code!
466
+ 'ds-color-base-neutral-700': (#6a717c),
467
+ //
468
+ // Base value for token support; should not use in code!
469
+ 'ds-color-base-neutral-800': (#585e67),
470
+ //
471
+ // Base value for token support; should not use in code!
472
+ 'ds-color-base-neutral-900': (#484d55),
473
+ //
474
+ // Base value for token support; should not use in code!
475
+ 'ds-color-base-neutral-1000': (#393d43),
476
+ //
477
+ // Base value for token support; should not use in code!
478
+ 'ds-color-base-pink-100': (#fff7f8),
479
+ //
480
+ // Base value for token support; should not use in code!
481
+ 'ds-color-base-pink-200': (#fde0e6),
482
+ //
483
+ // Base value for token support; should not use in code!
484
+ 'ds-color-base-pink-300': (#fcc2ce),
485
+ //
486
+ // Base value for token support; should not use in code!
487
+ 'ds-color-base-pink-400': (#fa9db0),
488
+ //
489
+ // Base value for token support; should not use in code!
490
+ 'ds-color-base-pink-500': (#f7738e),
491
+ //
492
+ // Base value for token support; should not use in code!
493
+ 'ds-color-base-pink-600': (#e45472),
494
+ //
495
+ // Base value for token support; should not use in code!
496
+ 'ds-color-base-pink-700': (#bf475f),
497
+ //
498
+ // Base value for token support; should not use in code!
499
+ 'ds-color-base-pink-800': (#a03b50),
500
+ //
501
+ // Base value for token support; should not use in code!
502
+ 'ds-color-base-pink-900': (#833142),
503
+ //
504
+ // Base value for token support; should not use in code!
505
+ 'ds-color-base-pink-1000': (#692734),
506
+ //
507
+ // Base value for token support; should not use in code!
508
+ 'ds-color-base-purple-100': (#fbf8fe),
509
+ //
510
+ // Base value for token support; should not use in code!
511
+ 'ds-color-base-purple-200': (#ede3fd),
512
+ //
513
+ // Base value for token support; should not use in code!
514
+ 'ds-color-base-purple-300': (#ddc9fb),
515
+ //
516
+ // Base value for token support; should not use in code!
517
+ 'ds-color-base-purple-400': (#c9a9f8),
518
+ //
519
+ // Base value for token support; should not use in code!
520
+ 'ds-color-base-purple-500': (#b588f5),
521
+ //
522
+ // Base value for token support; should not use in code!
523
+ 'ds-color-base-purple-600': (#a268f3),
524
+ //
525
+ // Base value for token support; should not use in code!
526
+ 'ds-color-base-purple-700': (#8d47f0),
527
+ //
528
+ // Base value for token support; should not use in code!
529
+ 'ds-color-base-purple-800': (#7633d7),
530
+ //
531
+ // Base value for token support; should not use in code!
532
+ 'ds-color-base-purple-900': (#622ab2),
533
+ //
534
+ // Base value for token support; should not use in code!
535
+ 'ds-color-base-purple-1000': (#4e228d),
536
+ //
537
+ // Base value for token support; should not use in code!
538
+ 'ds-color-base-red-100': (#fef7f5),
539
+ //
540
+ // Base value for token support; should not use in code!
541
+ 'ds-color-base-red-200': (#fae2da),
542
+ //
543
+ // Base value for token support; should not use in code!
544
+ 'ds-color-base-red-300': (#f5c7b8),
545
+ //
546
+ // Base value for token support; should not use in code!
547
+ 'ds-color-base-red-400': (#f0a68d),
548
+ //
549
+ // Base value for token support; should not use in code!
550
+ 'ds-color-base-red-500': (#e9815e),
551
+ //
552
+ // Base value for token support; should not use in code!
553
+ 'ds-color-base-red-600': (#e35c2f),
554
+ //
555
+ // Base value for token support; should not use in code!
556
+ 'ds-color-base-red-700': (#d03a08),
557
+ //
558
+ // Base value for token support; should not use in code!
559
+ 'ds-color-base-red-800': (#ae3007),
560
+ //
561
+ // Base value for token support; should not use in code!
562
+ 'ds-color-base-red-900': (#902806),
563
+ //
564
+ // Base value for token support; should not use in code!
565
+ 'ds-color-base-red-1000': (#732005),
566
+ //
567
+ // Base value for token support; should not use in code!
568
+ 'ds-color-base-success-100': (#eef8f5),
569
+ //
570
+ // Base value for token support; should not use in code!
571
+ 'ds-color-base-success-200': (#8eceb9),
572
+ //
573
+ // Base value for token support; should not use in code!
574
+ 'ds-color-base-success-300': (#40a080),
575
+ //
576
+ // Base value for token support; should not use in code!
577
+ 'ds-color-base-success-400': (#0b6f4d),
578
+ //
579
+ // Base value for token support; should not use in code!
580
+ 'ds-color-base-success-500': (#173c30),
581
+ //
582
+ // Base value for token support; should not use in code!
583
+ 'ds-color-base-turquoise-100': (#f7fafa),
584
+ //
585
+ // Base value for token support; should not use in code!
586
+ 'ds-color-base-turquoise-200': (#dfe9ea),
587
+ //
588
+ // Base value for token support; should not use in code!
589
+ 'ds-color-base-turquoise-300': (#c2d5d6),
590
+ //
591
+ // Base value for token support; should not use in code!
592
+ 'ds-color-base-turquoise-400': (#9fbdbe),
593
+ //
594
+ // Base value for token support; should not use in code!
595
+ 'ds-color-base-turquoise-500': (#7ba5a6),
596
+ //
597
+ // Base value for token support; should not use in code!
598
+ 'ds-color-base-turquoise-600': (#5c8f91),
599
+ //
600
+ // Base value for token support; should not use in code!
601
+ 'ds-color-base-turquoise-700': (#3d7a7d),
602
+ //
603
+ // Base value for token support; should not use in code!
604
+ 'ds-color-base-turquoise-800': (#21686a),
605
+ //
606
+ // Base value for token support; should not use in code!
607
+ 'ds-color-base-turquoise-900': (#085659),
608
+ //
609
+ // Base value for token support; should not use in code!
610
+ 'ds-color-base-turquoise-1000': (#004447),
611
+ //
612
+ // Base value for token support; should not use in code!
613
+ 'ds-color-base-yellow-100': (#fff9df),
614
+ //
615
+ // Base value for token support; should not use in code!
616
+ 'ds-color-base-yellow-200': (#ffe87e),
617
+ //
618
+ // Base value for token support; should not use in code!
619
+ 'ds-color-base-yellow-300': (#f9ce06),
620
+ //
621
+ // Base value for token support; should not use in code!
622
+ 'ds-color-base-yellow-400': (#d6b622),
623
+ //
624
+ // Base value for token support; should not use in code!
625
+ 'ds-color-base-yellow-500': (#b49d35),
626
+ //
627
+ // Base value for token support; should not use in code!
628
+ 'ds-color-base-yellow-600': (#96873e),
629
+ //
630
+ // Base value for token support; should not use in code!
631
+ 'ds-color-base-yellow-700': (#7c7140),
632
+ //
633
+ // Base value for token support; should not use in code!
634
+ 'ds-color-base-yellow-800': (#665e3d),
635
+ //
636
+ // Base value for token support; should not use in code!
637
+ 'ds-color-base-yellow-900': (#524e38),
638
+ //
639
+ // Base value for token support; should not use in code!
640
+ 'ds-color-base-yellow-1000': (#403d30),
641
+ //
642
+ // Base value for token support; should not use in code!
643
+ 'ds-color-base-warning-100': (#fef8e9),
644
+ //
645
+ // Base value for token support; should not use in code!
646
+ 'ds-color-base-warning-200': (#f2c153),
647
+ //
648
+ // Base value for token support; should not use in code!
649
+ 'ds-color-base-warning-300': (#c49432),
650
+ //
651
+ // Base value for token support; should not use in code!
652
+ 'ds-color-base-warning-400': (#8e6b22),
653
+ //
654
+ // Base value for token support; should not use in code!
655
+ 'ds-color-base-warning-500': (#5d4514),
197
656
  'ds-color-state-error-100': (#ff999b),
198
657
  'ds-color-state-error-500': (#df0b37),
199
658
  'ds-color-state-success-100': (#69cf96),
200
659
  'ds-color-state-success-500': (#00805d),
201
660
  'ds-color-state-warning-500': (#de750c),
202
- 'ds-color-border-primary-default': (#626b79),
203
- 'ds-color-border-primary-inverse': (#9fabbb),
661
+ 'ds-color-border-primary-default': (#585e67),
662
+ 'ds-color-border-primary-inverse': (#afb9c6),
663
+ 'ds-color-border-secondary-default': (#939fad),
664
+ 'ds-color-border-secondary-inverse': (#7e8894),
665
+ 'ds-color-border-tertiary-default': (#dddddd),
666
+ 'ds-color-border-tertiary-inverse': (#676767),
667
+ 'ds-color-border-error-default': (#cc1816),
668
+ 'ds-color-border-error-inverse': (#f9aca6),
669
+ 'ds-color-border-divider-default': (rgba(0, 0, 0, 0.06)),
670
+ 'ds-color-border-divider-inverse': (rgba(255, 255, 255, 0.06)),
671
+ 'ds-color-border-subtle-default': (#f0f7fd),
672
+ 'ds-color-border-subtle-inverse': (#326aa5),
673
+ 'ds-color-border-emphasis-default': (#194069),
674
+ 'ds-color-border-emphasis-inverse': (#f2d7fb),
675
+ 'ds-color-border-accent-default': (#badd81),
676
+ 'ds-color-border-accent-inverse': (#a2c270),
677
+ 'ds-color-border-success-default': (#0b6f4d),
678
+ 'ds-color-border-success-inverse': (#8eceb9),
679
+ 'ds-color-border-warning-default': (#fef8e9),
680
+ 'ds-color-border-warning-inverse': (#f2c153),
681
+ 'ds-color-border-info-default': (#326aa5),
682
+ 'ds-color-border-info-inverse': (#89b2d4),
683
+ 'ds-color-border-ui-default-default': (#2c67b5),
684
+ 'ds-color-border-ui-default-inverse': (#56bbde),
685
+ 'ds-color-border-ui-hover-default': (#193d73),
686
+ 'ds-color-border-ui-hover-inverse': (#a8e9f7),
687
+ 'ds-color-border-ui-active-default': (#225296),
688
+ 'ds-color-border-ui-active-inverse': (#6ad5ef),
689
+ 'ds-color-border-ui-focus-default': (#2c67b5),
690
+ 'ds-color-border-ui-focus-inverse': (#56bbde),
691
+ 'ds-color-border-ui-disabled-default': (#adadad),
692
+ 'ds-color-border-ui-disabled-inverse': (#7e7e7e),
204
693
  'ds-color-border-active-default': (#0074c8),
205
694
  'ds-color-border-active-inverse': (#00cff0),
206
- 'ds-color-border-error-default': (#df0b37),
207
- 'ds-color-border-disabled-default': (#dbdbdb),
208
- 'ds-color-border-focus-default': (#222222),
209
- 'ds-color-border-divider-default': (rgba(0, 0, 0, 0.15)),
210
- 'ds-color-border-divider-inverse': (#ffffff),
695
+ 'ds-color-border-disabled-default': (#dddddd),
696
+ 'ds-color-border-focus-default': (#959595),
697
+ //
698
+ // Please consider descriptive token prior to using brand token
699
+ 'ds-color-brand-neutral-100': (#f7f8fa),
700
+ //
701
+ // Please consider descriptive token prior to using brand token
702
+ 'ds-color-brand-neutral-200': (#e4e8ec),
703
+ //
704
+ // Please consider descriptive token prior to using brand token
705
+ 'ds-color-brand-neutral-300': (#ccd2db),
706
+ //
707
+ // Please consider descriptive token prior to using brand token
708
+ 'ds-color-brand-neutral-400': (#afb9c6),
709
+ //
710
+ // Please consider descriptive token prior to using brand token
711
+ 'ds-color-brand-neutral-500': (#939fad),
712
+ //
713
+ // Please consider descriptive token prior to using brand token
714
+ 'ds-color-brand-neutral-600': (#7e8894),
715
+ //
716
+ // Please consider descriptive token prior to using brand token
717
+ 'ds-color-brand-neutral-700': (#6a717c),
718
+ //
719
+ // Please consider descriptive token prior to using brand token
720
+ 'ds-color-brand-neutral-800': (#585e67),
721
+ //
722
+ // Please consider descriptive token prior to using brand token
723
+ 'ds-color-brand-neutral-900': (#484d55),
724
+ //
725
+ // Please consider descriptive token prior to using brand token
726
+ 'ds-color-brand-neutral-1000': (#393d43),
727
+ //
728
+ // Please consider descriptive token prior to using brand token
729
+ 'ds-color-brand-gray-100': (#f7f7f7),
730
+ //
731
+ // Please consider descriptive token prior to using brand token
732
+ 'ds-color-brand-gray-200': (#dddddd),
733
+ //
734
+ // Please consider descriptive token prior to using brand token
735
+ 'ds-color-brand-gray-300': (#c5c5c5),
736
+ //
737
+ // Please consider descriptive token prior to using brand token
738
+ 'ds-color-brand-gray-400': (#adadad),
739
+ //
740
+ // Please consider descriptive token prior to using brand token
741
+ 'ds-color-brand-gray-500': (#959595),
742
+ //
743
+ // Please consider descriptive token prior to using brand token
744
+ 'ds-color-brand-gray-600': (#7e7e7e),
745
+ //
746
+ // Please consider descriptive token prior to using brand token
747
+ 'ds-color-brand-gray-700': (#676767),
748
+ //
749
+ // Please consider descriptive token prior to using brand token
750
+ 'ds-color-brand-gray-800': (#525252),
751
+ //
752
+ // Please consider descriptive token prior to using brand token
753
+ 'ds-color-brand-gray-900': (#3d3d3d),
754
+ //
755
+ // Please consider descriptive token prior to using brand token
756
+ 'ds-color-brand-gray-1000': (#2a2a2a),
757
+ //
758
+ // Please consider descriptive token prior to using brand token
759
+ 'ds-color-brand-red-100': (#fef7f5),
760
+ //
761
+ // Please consider descriptive token prior to using brand token
762
+ 'ds-color-brand-red-200': (#fae2da),
763
+ //
764
+ // Please consider descriptive token prior to using brand token
765
+ 'ds-color-brand-red-300': (#f5c7b8),
766
+ //
767
+ // Please consider descriptive token prior to using brand token
768
+ 'ds-color-brand-red-400': (#f0a68d),
769
+ //
770
+ // Please consider descriptive token prior to using brand token
771
+ 'ds-color-brand-red-500': (#e9815e),
772
+ //
773
+ // Please consider descriptive token prior to using brand token
774
+ 'ds-color-brand-red-600': (#e35c2f),
775
+ //
776
+ // Please consider descriptive token prior to using brand token
777
+ 'ds-color-brand-red-700': (#d03a08),
778
+ //
779
+ // Please consider descriptive token prior to using brand token
780
+ 'ds-color-brand-red-800': (#ae3007),
781
+ //
782
+ // Please consider descriptive token prior to using brand token
783
+ 'ds-color-brand-red-900': (#902806),
784
+ //
785
+ // Please consider descriptive token prior to using brand token
786
+ 'ds-color-brand-red-1000': (#732005),
787
+ //
788
+ // Please consider descriptive token prior to using brand token
789
+ 'ds-color-brand-yellow-100': (#fff9df),
790
+ //
791
+ // Please consider descriptive token prior to using brand token
792
+ 'ds-color-brand-yellow-200': (#ffe87e),
793
+ //
794
+ // Please consider descriptive token prior to using brand token
795
+ 'ds-color-brand-yellow-300': (#f9ce06),
796
+ //
797
+ // Please consider descriptive token prior to using brand token
798
+ 'ds-color-brand-yellow-400': (#d6b622),
799
+ //
800
+ // Please consider descriptive token prior to using brand token
801
+ 'ds-color-brand-yellow-500': (#b49d35),
802
+ //
803
+ // Please consider descriptive token prior to using brand token
804
+ 'ds-color-brand-yellow-600': (#96873e),
805
+ //
806
+ // Please consider descriptive token prior to using brand token
807
+ 'ds-color-brand-yellow-700': (#7c7140),
808
+ //
809
+ // Please consider descriptive token prior to using brand token
810
+ 'ds-color-brand-yellow-800': (#665e3d),
811
+ //
812
+ // Please consider descriptive token prior to using brand token
813
+ 'ds-color-brand-yellow-900': (#524e38),
814
+ //
815
+ // Please consider descriptive token prior to using brand token
816
+ 'ds-color-brand-yellow-1000': (#403d30),
817
+ //
818
+ // Please consider descriptive token prior to using brand token
819
+ 'ds-color-brand-lime-100': (#f5fbeb),
820
+ //
821
+ // Please consider descriptive token prior to using brand token
822
+ 'ds-color-brand-lime-200': (#d8efb4),
823
+ //
824
+ // Please consider descriptive token prior to using brand token
825
+ 'ds-color-brand-lime-300': (#badd81),
826
+ //
827
+ // Please consider descriptive token prior to using brand token
828
+ 'ds-color-brand-lime-400': (#a2c270),
829
+ //
830
+ // Please consider descriptive token prior to using brand token
831
+ 'ds-color-brand-lime-500': (#8ca761),
832
+ //
833
+ // Please consider descriptive token prior to using brand token
834
+ 'ds-color-brand-lime-600': (#778f53),
835
+ //
836
+ // Please consider descriptive token prior to using brand token
837
+ 'ds-color-brand-lime-700': (#647845),
838
+ //
839
+ // Please consider descriptive token prior to using brand token
840
+ 'ds-color-brand-lime-800': (#53643a),
841
+ //
842
+ // Please consider descriptive token prior to using brand token
843
+ 'ds-color-brand-lime-900': (#44522f),
844
+ //
845
+ // Please consider descriptive token prior to using brand token
846
+ 'ds-color-brand-lime-1000': (#364126),
847
+ //
848
+ // Please consider descriptive token prior to using brand token
849
+ 'ds-color-brand-green-100': (#f3faf7),
850
+ //
851
+ // Please consider descriptive token prior to using brand token
852
+ 'ds-color-brand-green-200': (#d4ece4),
853
+ //
854
+ // Please consider descriptive token prior to using brand token
855
+ 'ds-color-brand-green-300': (#addbca),
856
+ //
857
+ // Please consider descriptive token prior to using brand token
858
+ 'ds-color-brand-green-400': (#7ec6ac),
859
+ //
860
+ // Please consider descriptive token prior to using brand token
861
+ 'ds-color-brand-green-500': (#51ae8c),
862
+ //
863
+ // Please consider descriptive token prior to using brand token
864
+ 'ds-color-brand-green-600': (#459578),
865
+ //
866
+ // Please consider descriptive token prior to using brand token
867
+ 'ds-color-brand-green-700': (#3a7d64),
868
+ //
869
+ // Please consider descriptive token prior to using brand token
870
+ 'ds-color-brand-green-800': (#306854),
871
+ //
872
+ // Please consider descriptive token prior to using brand token
873
+ 'ds-color-brand-green-900': (#285545),
874
+ //
875
+ // Please consider descriptive token prior to using brand token
876
+ 'ds-color-brand-green-1000': (#1f4436),
877
+ //
878
+ // Please consider descriptive token prior to using brand token
879
+ 'ds-color-brand-turquoise-100': (#f7fafa),
880
+ //
881
+ // Please consider descriptive token prior to using brand token
882
+ 'ds-color-brand-turquoise-200': (#dfe9ea),
883
+ //
884
+ // Please consider descriptive token prior to using brand token
885
+ 'ds-color-brand-turquoise-300': (#c2d5d6),
886
+ //
887
+ // Please consider descriptive token prior to using brand token
888
+ 'ds-color-brand-turquoise-400': (#9fbdbe),
889
+ //
890
+ // Please consider descriptive token prior to using brand token
891
+ 'ds-color-brand-turquoise-500': (#7ba5a6),
892
+ //
893
+ // Please consider descriptive token prior to using brand token
894
+ 'ds-color-brand-turquoise-600': (#5c8f91),
895
+ //
896
+ // Please consider descriptive token prior to using brand token
897
+ 'ds-color-brand-turquoise-700': (#3d7a7d),
898
+ //
899
+ // Please consider descriptive token prior to using brand token
900
+ 'ds-color-brand-turquoise-800': (#21686a),
901
+ //
902
+ // Please consider descriptive token prior to using brand token
903
+ 'ds-color-brand-turquoise-900': (#085659),
904
+ //
905
+ // Please consider descriptive token prior to using brand token
906
+ 'ds-color-brand-turquoise-1000': (#004447),
907
+ //
908
+ // Please consider descriptive token prior to using brand token
909
+ 'ds-color-brand-cyan-100': (#ebfafd),
910
+ //
911
+ // Please consider descriptive token prior to using brand token
912
+ 'ds-color-brand-cyan-200': (#a8e9f7),
913
+ //
914
+ // Please consider descriptive token prior to using brand token
915
+ 'ds-color-brand-cyan-300': (#6ad5ef),
916
+ //
917
+ // Please consider descriptive token prior to using brand token
918
+ 'ds-color-brand-cyan-400': (#56bbde),
919
+ //
920
+ // Please consider descriptive token prior to using brand token
921
+ 'ds-color-brand-cyan-500': (#4aa2c7),
922
+ //
923
+ // Please consider descriptive token prior to using brand token
924
+ 'ds-color-brand-cyan-600': (#3e89aa),
925
+ //
926
+ // Please consider descriptive token prior to using brand token
927
+ 'ds-color-brand-cyan-700': (#32718e),
928
+ //
929
+ // Please consider descriptive token prior to using brand token
930
+ 'ds-color-brand-cyan-800': (#275b72),
931
+ //
932
+ // Please consider descriptive token prior to using brand token
933
+ 'ds-color-brand-cyan-900': (#1d4658),
934
+ //
935
+ // Please consider descriptive token prior to using brand token
936
+ 'ds-color-brand-cyan-1000': (#12303d),
937
+ //
938
+ // Please consider descriptive token prior to using brand token
939
+ 'ds-color-brand-blue-100': (#f0f7fd),
940
+ //
941
+ // Please consider descriptive token prior to using brand token
942
+ 'ds-color-brand-blue-200': (#c9e0f7),
943
+ //
944
+ // Please consider descriptive token prior to using brand token
945
+ 'ds-color-brand-blue-300': (#a0c9f1),
946
+ //
947
+ // Please consider descriptive token prior to using brand token
948
+ 'ds-color-brand-blue-400': (#79b2ec),
949
+ //
950
+ // Please consider descriptive token prior to using brand token
951
+ 'ds-color-brand-blue-500': (#5398e6),
952
+ //
953
+ // Please consider descriptive token prior to using brand token
954
+ 'ds-color-brand-blue-600': (#3b7fd2),
955
+ //
956
+ // Please consider descriptive token prior to using brand token
957
+ 'ds-color-brand-blue-700': (#2c67b5),
958
+ //
959
+ // Please consider descriptive token prior to using brand token
960
+ 'ds-color-brand-blue-800': (#225296),
961
+ //
962
+ // Please consider descriptive token prior to using brand token
963
+ 'ds-color-brand-blue-900': (#193d73),
964
+ //
965
+ // Please consider descriptive token prior to using brand token
966
+ 'ds-color-brand-blue-1000': (#102a51),
967
+ //
968
+ // Please consider descriptive token prior to using brand token
969
+ 'ds-color-brand-navy-100': (#f2d7fb),
970
+ //
971
+ // Please consider descriptive token prior to using brand token
972
+ 'ds-color-brand-navy-200': (#cfe0ef),
973
+ //
974
+ // Please consider descriptive token prior to using brand token
975
+ 'ds-color-brand-navy-300': (#acc9e2),
976
+ //
977
+ // Please consider descriptive token prior to using brand token
978
+ 'ds-color-brand-navy-400': (#89b2d4),
979
+ //
980
+ // Please consider descriptive token prior to using brand token
981
+ 'ds-color-brand-navy-500': (#6899c6),
982
+ //
983
+ // Please consider descriptive token prior to using brand token
984
+ 'ds-color-brand-navy-600': (#4a82b7),
985
+ //
986
+ // Please consider descriptive token prior to using brand token
987
+ 'ds-color-brand-navy-700': (#326aa5),
988
+ //
989
+ // Please consider descriptive token prior to using brand token
990
+ 'ds-color-brand-navy-800': (#265688),
991
+ //
992
+ // Please consider descriptive token prior to using brand token
993
+ 'ds-color-brand-navy-900': (#194069),
994
+ //
995
+ // Please consider descriptive token prior to using brand token
996
+ 'ds-color-brand-navy-1000': (#0e2b4f),
997
+ //
998
+ // Please consider descriptive token prior to using brand token
999
+ 'ds-color-brand-purple-100': (#fbf8fe),
1000
+ //
1001
+ // Please consider descriptive token prior to using brand token
1002
+ 'ds-color-brand-purple-200': (#ede3fd),
1003
+ //
1004
+ // Please consider descriptive token prior to using brand token
1005
+ 'ds-color-brand-purple-300': (#ddc9fb),
1006
+ //
1007
+ // Please consider descriptive token prior to using brand token
1008
+ 'ds-color-brand-purple-400': (#c9a9f8),
1009
+ //
1010
+ // Please consider descriptive token prior to using brand token
1011
+ 'ds-color-brand-purple-500': (#b588f5),
1012
+ //
1013
+ // Please consider descriptive token prior to using brand token
1014
+ 'ds-color-brand-purple-600': (#a268f3),
1015
+ //
1016
+ // Please consider descriptive token prior to using brand token
1017
+ 'ds-color-brand-purple-700': (#8d47f0),
1018
+ //
1019
+ // Please consider descriptive token prior to using brand token
1020
+ 'ds-color-brand-purple-800': (#7633d7),
1021
+ //
1022
+ // Please consider descriptive token prior to using brand token
1023
+ 'ds-color-brand-purple-900': (#622ab2),
1024
+ //
1025
+ // Please consider descriptive token prior to using brand token
1026
+ 'ds-color-brand-purple-1000': (#4e228d),
1027
+ //
1028
+ // Please consider descriptive token prior to using brand token
1029
+ 'ds-color-brand-pink-100': (#fff7f8),
1030
+ //
1031
+ // Please consider descriptive token prior to using brand token
1032
+ 'ds-color-brand-pink-200': (#fde0e6),
1033
+ //
1034
+ // Please consider descriptive token prior to using brand token
1035
+ 'ds-color-brand-pink-300': (#fcc2ce),
1036
+ //
1037
+ // Please consider descriptive token prior to using brand token
1038
+ 'ds-color-brand-pink-400': (#fa9db0),
1039
+ //
1040
+ // Please consider descriptive token prior to using brand token
1041
+ 'ds-color-brand-pink-500': (#f7738e),
1042
+ //
1043
+ // Please consider descriptive token prior to using brand token
1044
+ 'ds-color-brand-pink-600': (#e45472),
1045
+ //
1046
+ // Please consider descriptive token prior to using brand token
1047
+ 'ds-color-brand-pink-700': (#bf475f),
1048
+ //
1049
+ // Please consider descriptive token prior to using brand token
1050
+ 'ds-color-brand-pink-800': (#a03b50),
1051
+ //
1052
+ // Please consider descriptive token prior to using brand token
1053
+ 'ds-color-brand-pink-900': (#833142),
1054
+ //
1055
+ // Please consider descriptive token prior to using brand token
1056
+ 'ds-color-brand-pink-1000': (#692734),
211
1057
  //
212
1058
  // Please consider descriptive token prior to using brand token
213
1059
  'ds-color-brand-midnight-100': (#c1daf0),
@@ -238,6 +1084,8 @@ $auroTokens: (
238
1084
  //
239
1085
  // Please consider descriptive token prior to using brand token
240
1086
  'ds-color-brand-atlas-500': (#054687),
1087
+ // color brand atlas 400 @ 20%
1088
+ 'ds-color-brand-atlas-400-opacity-20': (rgba(0, 116, 200, 0.2)),
241
1089
  //
242
1090
  // Please consider descriptive token prior to using brand token
243
1091
  'ds-color-brand-breeze-100': (#c0f7ff),
@@ -253,6 +1101,8 @@ $auroTokens: (
253
1101
  //
254
1102
  // Please consider descriptive token prior to using brand token
255
1103
  'ds-color-brand-breeze-500': (#0b5575),
1104
+ // breeze 300 @ 30%
1105
+ 'ds-color-brand-breeze-300-opacity-30': (rgba(0, 207, 240, 0.3)),
256
1106
  //
257
1107
  // Please consider descriptive token prior to using brand token
258
1108
  'ds-color-brand-tropical-100': (#e2ffcd),
@@ -328,26 +1178,6 @@ $auroTokens: (
328
1178
  //
329
1179
  // Please consider descriptive token prior to using brand token
330
1180
  'ds-color-brand-goldcoast-500': (#b88624),
331
- //
332
- // Please consider descriptive token prior to using brand token
333
- 'ds-color-brand-neutral-100': (#f9fbfc),
334
- //
335
- // Please consider descriptive token prior to using brand token
336
- 'ds-color-brand-neutral-200': (#e2eaef),
337
- //
338
- // Please consider descriptive token prior to using brand token
339
- 'ds-color-brand-neutral-300': (#cbd8e2),
340
- //
341
- // Please consider descriptive token prior to using brand token
342
- 'ds-color-brand-neutral-400': (#9fabbb),
343
- //
344
- // Please consider descriptive token prior to using brand token
345
- 'ds-color-brand-neutral-500': (#626b79),
346
- 'ds-color-brand-gray-100': (#f8f8f8),
347
- 'ds-color-brand-gray-200': (#dbdbdb),
348
- 'ds-color-brand-gray-300': (#b2b2b2),
349
- 'ds-color-brand-gray-400': (#767676),
350
- 'ds-color-brand-gray-500': (#222222),
351
1181
  'ds-color-brand-goldgray-100': (#c5c1bf),
352
1182
  'ds-color-brand-goldgray-200': (#726e6c),
353
1183
  'ds-color-brand-gold-100': (#ccbc94),
@@ -355,30 +1185,161 @@ $auroTokens: (
355
1185
  'ds-color-brand-emerald': (#139142),
356
1186
  'ds-color-brand-sapphire': (#015daa),
357
1187
  'ds-color-brand-ruby': (#a41d4a),
358
- 'ds-color-icon-primary-default': (#626b79),
359
- 'ds-color-icon-primary-inverse': (#9fabbb),
360
- 'ds-color-icon-emphasis-default': (#222222),
1188
+ 'ds-color-container-accent-default': (#f5fbeb),
1189
+ 'ds-color-container-accent-inverse': (#badd81),
1190
+ 'ds-color-container-emphasis-default': (#ebfafd),
1191
+ 'ds-color-container-emphasis-inverse': (#6ad5ef),
1192
+ 'ds-color-container-error-default': (#fff4f4),
1193
+ 'ds-color-container-error-inverse': (#74110e),
1194
+ 'ds-color-container-info-default': (#f0f7fd),
1195
+ 'ds-color-container-info-inverse': (#193d73),
1196
+ 'ds-color-container-primary-default': (#ffffff),
1197
+ 'ds-color-container-primary-inverse': (#0e2b4f),
1198
+ 'ds-color-container-secondary-default': (#f7f7f7),
1199
+ 'ds-color-container-secondary-inverse': (#194069),
1200
+ 'ds-color-container-subtle-default': (#f7f8fa),
1201
+ 'ds-color-container-subtle-inverse': (#393d43),
1202
+ 'ds-color-container-success-default': (#eef8f5),
1203
+ 'ds-color-container-success-inverse': (#173c30),
1204
+ 'ds-color-container-tertiary-default': (rgba(0, 0, 0, 0.03)),
1205
+ 'ds-color-container-tertiary-inverse': (rgba(255, 255, 255, 0.06)),
1206
+ 'ds-color-container-warning-default': (#fef8e9),
1207
+ 'ds-color-container-warning-inverse': (#5d4514),
1208
+ 'ds-color-container-ui-primary-active-default': (#225296),
1209
+ 'ds-color-container-ui-primary-active-inverse': (#6ad5ef),
1210
+ 'ds-color-container-ui-primary-default-default': (#2c67b5),
1211
+ 'ds-color-container-ui-primary-default-inverse': (#56bbde),
1212
+ 'ds-color-container-ui-primary-disabled-default': (#a0c9f1),
1213
+ 'ds-color-container-ui-primary-disabled-inverse': (#275b72),
1214
+ 'ds-color-container-ui-primary-focus-default': (#2c67b5),
1215
+ 'ds-color-container-ui-primary-focus-inverse': (#56bbde),
1216
+ 'ds-color-container-ui-primary-hover-default': (#193d73),
1217
+ 'ds-color-container-ui-primary-hover-inverse': (#a8e9f7),
1218
+ 'ds-color-container-ui-secondary-active-default': (#f0f7fd),
1219
+ 'ds-color-container-ui-secondary-active-inverse': (rgba(255, 255, 255, 0.06)),
1220
+ 'ds-color-container-ui-secondary-default-default': (#ffffff),
1221
+ 'ds-color-container-ui-secondary-default-inverse': (rgba(255, 255, 255, 0.03)),
1222
+ 'ds-color-container-ui-secondary-disabled-default': (#f7f7f7),
1223
+ 'ds-color-container-ui-secondary-disabled-inverse': (rgba(255, 255, 255, 0.12)),
1224
+ 'ds-color-container-ui-secondary-focus-default': (#ffffff),
1225
+ 'ds-color-container-ui-secondary-focus-inverse': (rgba(255, 255, 255, 0.03)),
1226
+ 'ds-color-container-ui-secondary-hover-default': (rgba(0, 0, 0, 0.03)),
1227
+ 'ds-color-container-ui-secondary-hover-inverse': (rgba(255, 255, 255, 0.12)),
1228
+ 'ds-color-container-ui-tertiary-active-default': (rgba(0, 0, 0, 0.06)),
1229
+ 'ds-color-container-ui-tertiary-active-inverse': (rgba(255, 255, 255, 0.06)),
1230
+ 'ds-color-container-ui-tertiary-default-default': (rgba(0, 0, 0, 0.03)),
1231
+ 'ds-color-container-ui-tertiary-default-inverse': (rgba(255, 255, 255, 0.12)),
1232
+ 'ds-color-container-ui-tertiary-disabled-default': (rgba(0, 0, 0, 0.03)),
1233
+ 'ds-color-container-ui-tertiary-disabled-inverse': (rgba(255, 255, 255, 0.03)),
1234
+ 'ds-color-container-ui-tertiary-focus-default': (rgba(0, 0, 0, 0.03)),
1235
+ 'ds-color-container-ui-tertiary-focus-inverse': (rgba(255, 255, 255, 0.12)),
1236
+ 'ds-color-container-ui-tertiary-hover-default': (rgba(0, 0, 0, 0.12)),
1237
+ 'ds-color-container-ui-tertiary-hover-inverse': (rgba(255, 255, 255, 0.03)),
1238
+ 'ds-color-icon-primary-default': (#676767),
1239
+ 'ds-color-icon-primary-inverse': (#f7f7f7),
1240
+ 'ds-color-icon-secondary-default': (#7e8894),
1241
+ 'ds-color-icon-secondary-inverse': (#ccd2db),
1242
+ 'ds-color-icon-tertiary-default': (#afb9c6),
1243
+ 'ds-color-icon-tertiary-inverse': (#939fad),
1244
+ 'ds-color-icon-emphasis-default': (#2a2a2a),
361
1245
  'ds-color-icon-emphasis-inverse': (#ffffff),
362
- 'ds-color-icon-accent-default': (#0074c8),
1246
+ 'ds-color-icon-accent-default': (#a2c270),
1247
+ 'ds-color-icon-accent-inverse': (#badd81),
1248
+ 'ds-color-icon-info-default': (#326aa5),
1249
+ 'ds-color-icon-info-inverse': (#89b2d4),
1250
+ 'ds-color-icon-error-default': (#cc1816),
1251
+ 'ds-color-icon-error-inverse': (#f9aca6),
1252
+ 'ds-color-icon-warning-default': (#fef8e9),
1253
+ 'ds-color-icon-warning-inverse': (#f2c153),
1254
+ 'ds-color-icon-success-default': (#eef8f5),
1255
+ 'ds-color-icon-success-inverse': (#8eceb9),
1256
+ 'ds-color-icon-subtle-default': (#a0c9f1),
1257
+ 'ds-color-icon-subtle-inverse': (#326aa5),
1258
+ 'ds-color-icon-ui-default-default': (#2c67b5),
1259
+ 'ds-color-icon-ui-default-inverse': (#56bbde),
1260
+ 'ds-color-icon-ui-hover-default': (#193d73),
1261
+ 'ds-color-icon-ui-hover-inverse': (#a8e9f7),
1262
+ 'ds-color-icon-ui-active-default': (#225296),
1263
+ 'ds-color-icon-ui-active-inverse': (#6ad5ef),
1264
+ 'ds-color-icon-ui-disabled-default': (#adadad),
1265
+ 'ds-color-icon-ui-disabled-inverse': (#7e7e7e),
1266
+ 'ds-color-icon-ui-focus-default': (#2c67b5),
1267
+ 'ds-color-icon-ui-focus-inverse': (#56bbde),
1268
+ 'ds-color-icon-brand-red-default': (#d03a08),
1269
+ 'ds-color-icon-brand-red-inverse': (#e9815e),
1270
+ 'ds-color-icon-brand-yellow-default': (#7c7140),
1271
+ 'ds-color-icon-brand-yellow-inverse': (#f9ce06),
1272
+ 'ds-color-icon-brand-pink-default': (#bf475f),
1273
+ 'ds-color-icon-brand-pink-inverse': (#f7738e),
1274
+ 'ds-color-icon-brand-purple-default': (#8d47f0),
1275
+ 'ds-color-icon-brand-purple-inverse': (#b588f5),
1276
+ 'ds-color-icon-brand-lime-default': (#647845),
1277
+ 'ds-color-icon-brand-lime-inverse': (#badd81),
1278
+ 'ds-color-icon-brand-green-default': (#3a7d64),
1279
+ 'ds-color-icon-brand-green-inverse': (#51ae8c),
1280
+ 'ds-color-icon-brand-turquoise-default': (#3d7a7d),
1281
+ 'ds-color-icon-brand-turquoise-inverse': (#7ba5a6),
1282
+ 'ds-color-icon-brand-navy-default': (#265688),
1283
+ 'ds-color-icon-brand-navy-inverse': (#6899c6),
1284
+ 'ds-color-icon-brand-blue-default': (#2c67b5),
1285
+ 'ds-color-icon-brand-blue-inverse': (#5398e6),
1286
+ 'ds-color-icon-brand-cyan-default': (#32718e),
1287
+ 'ds-color-icon-brand-cyan-inverse': (#6ad5ef),
1288
+ 'ds-color-icon-brand-gray-default': (#676767),
1289
+ 'ds-color-icon-brand-gray-inverse': (#c5c5c5),
1290
+ 'ds-color-icon-brand-neutral-default': (#6a717c),
1291
+ 'ds-color-icon-brand-neutral-inverse': (#afb9c6),
363
1292
  'ds-color-icon-disabled-default': (rgba(0, 0, 0, 0.15)),
364
- 'ds-color-text-primary-default': (#222222),
1293
+ 'ds-color-text-primary-default': (#2a2a2a),
365
1294
  'ds-color-text-primary-inverse': (#ffffff),
366
- 'ds-color-text-secondary-default': (#626b79),
367
- 'ds-color-text-secondary-inverse': (#9fabbb),
1295
+ 'ds-color-text-secondary-default': (#525252),
1296
+ 'ds-color-text-secondary-inverse': (#dddddd),
1297
+ 'ds-color-text-tertiary-default': (#6a717c),
1298
+ 'ds-color-text-tertiary-inverse': (#525252),
1299
+ 'ds-color-text-error-default': (#cc1816),
1300
+ 'ds-color-text-error-inverse': (#f9aca6),
1301
+ 'ds-color-text-disabled-default': (#dddddd),
1302
+ 'ds-color-text-emphasis-default': (#265688),
1303
+ 'ds-color-text-emphasis-inverse': (#cfe0ef),
1304
+ 'ds-color-text-accent-default': (#647845),
1305
+ 'ds-color-text-accent-inverse': (#badd81),
1306
+ 'ds-color-text-info-default': (#326aa5),
1307
+ 'ds-color-text-info-inverse': (#acc9e2),
1308
+ 'ds-color-text-subtle-default': (#32718e),
1309
+ 'ds-color-text-subtle-inverse': (#56bbde),
1310
+ 'ds-color-text-success-default': (#0b6f4d),
1311
+ 'ds-color-text-success-inverse': (#0b6f4d),
1312
+ 'ds-color-text-ui-active-default': (#225296),
1313
+ 'ds-color-text-ui-active-inverse': (#6ad5ef),
1314
+ 'ds-color-text-ui-default-default': (#2c67b5),
1315
+ 'ds-color-text-ui-default-inverse': (#56bbde),
1316
+ 'ds-color-text-ui-disabled-default': (#adadad),
1317
+ 'ds-color-text-ui-disabled-inverse': (#7e7e7e),
1318
+ 'ds-color-text-ui-focus-default': (#2c67b5),
1319
+ 'ds-color-text-ui-focus-inverse': (#56bbde),
1320
+ 'ds-color-text-ui-hover-default': (#193d73),
1321
+ 'ds-color-text-ui-hover-inverse': (#a8e9f7),
368
1322
  'ds-color-text-link-default': (#0074c8),
369
1323
  'ds-color-text-link-inverse': (#00cff0),
370
- 'ds-color-text-error-default': (#df0b37),
371
- 'ds-color-text-error-inverse': (#ff999b),
372
- 'ds-color-text-disabled-default': (#dbdbdb),
373
- 'ds-color-text-emphasis-default': (#01426a),
374
- 'ds-color-text-emphasis-inverse': (#c1daf0),
375
1324
  'ds-color-tier-alaska-mvp-default': (#726e6c),
376
1325
  'ds-color-tier-alaska-mvp-inverse': (#c5c1bf),
377
1326
  'ds-color-tier-alaska-mvpgold-default': (#7f682e),
378
- 'ds-color-tier-alaska-mvpgold-inverse': (#ccbc94),
1327
+ 'ds-color-tier-alaska-mvpgold-inverse': (#c5c1bf),
1328
+ 'ds-color-tier-alaska-mvpgold75k-default': (#7f682e),
1329
+ 'ds-color-tier-alaska-mvpgold75k-inverse': (#c5c1bf),
1330
+ 'ds-color-tier-alaska-mvpgold100k-default': (#7f682e),
1331
+ 'ds-color-tier-alaska-mvpgold100k-inverse': (#c5c1bf),
1332
+ 'ds-color-tier-fare-business-default': (#005154),
1333
+ 'ds-color-tier-fare-business-inverse': (#9fbdbe),
1334
+ 'ds-color-tier-fare-economy-default': (#2c67b5),
1335
+ 'ds-color-tier-fare-economy-inverse': (#a0c9f1),
1336
+ 'ds-color-tier-fare-first-class-default': (#002c4e),
1337
+ 'ds-color-tier-fare-first-class-inverse': (#f7f7f7),
1338
+ 'ds-color-tier-fare-saver-default': (#4aa2c7),
1339
+ 'ds-color-tier-fare-saver-inverse': (#a8e9f7),
379
1340
  'ds-color-tier-oneworld-emerald': (#139142),
380
- 'ds-color-tier-oneworld-sapphire': (#015daa),
381
- 'ds-color-tier-oneworld-ruby': (#a41d4a),
1341
+ 'ds-color-tier-oneworld-sapphire': (#a41d4a),
1342
+ 'ds-color-tier-oneworld-ruby': (#015daa),
382
1343
  'ds-color-ui-default-default': (#0074c8),
383
1344
  'ds-color-ui-default-inverse': (#00cff0),
384
1345
  'ds-color-ui-hover-default': (#054687),