@aurodesignsystem/design-tokens 4.9.1 → 4.10.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 (29) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/tokens/CSSCustomProperties.css +23 -23
  3. package/dist/tokens/CSSSizeCustomProperties.css +1 -1
  4. package/dist/tokens/JSData--color.js +364 -352
  5. package/dist/tokens/JSONVariablesFlat.json +22 -22
  6. package/dist/tokens/JSONVariablesNested.json +35 -33
  7. package/dist/tokens/JSObject--allTokens.js +364 -352
  8. package/dist/tokens/JSObject--deprecated.js +1 -1
  9. package/dist/tokens/JSVariables--color.js +19 -19
  10. package/dist/tokens/SCSSVariableMap.scss +1 -1
  11. package/dist/tokens/SCSSVariables.scss +23 -23
  12. package/dist/tokens/SCSSVariablesMapFlat.scss +23 -23
  13. package/dist/tokens/SassCustomProperties.scss +23 -23
  14. package/dist/tokens/SassSizeCustomProperties.scss +1 -1
  15. package/dist/tokens/darkmode/CSSCustomProperties.css +1 -1
  16. package/dist/tokens/darkmode/JSDataColor.js +1 -1
  17. package/dist/tokens/darkmode/JSObject--deprecatedDark.js +1 -1
  18. package/dist/tokens/darkmode/JSVariablesColor.js +1 -1
  19. package/dist/tokens/darkmode/SCSSVariables.scss +1 -1
  20. package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +1 -1
  21. package/dist/tokens/darkmode/SassCustomProperties.scss +1 -1
  22. package/package.json +6 -6
  23. package/src/color/background.json +10 -0
  24. package/src/color/border.json +3 -3
  25. package/src/color/container.json +2 -2
  26. package/src/color/icon.json +85 -83
  27. package/src/color/text.json +2 -12
  28. package/src/color/tier.json +161 -161
  29. package/src/color/utility.json +1 -1
package/dist/tokens/JSObject--allTokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 15 Aug 2024 18:07:23 GMT
3
+ * Generated on Thu, 03 Oct 2024 18:42:16 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -4583,6 +4583,39 @@ module.exports = {
4583
4583
  "inverse"
4584
4584
  ]
4585
4585
  }
4586
+ },
4587
+ "scrimmed": {
4588
+ "default": {
4589
+ "value": "rgba(0, 0, 0, 0.5)",
4590
+ "public": true,
4591
+ "default": true,
4592
+ "usage": "Used for creating light backgrounds",
4593
+ "wcag": "n/a",
4594
+ "deprecated": false,
4595
+ "filePath": "src/color/background.json",
4596
+ "isSource": true,
4597
+ "original": {
4598
+ "value": "{color.base.black-500.value}",
4599
+ "public": true,
4600
+ "default": true,
4601
+ "usage": "Used for creating light backgrounds",
4602
+ "wcag": "n/a",
4603
+ "deprecated": false
4604
+ },
4605
+ "name": "ds-color-background-scrimmed-default",
4606
+ "attributes": {
4607
+ "category": "color",
4608
+ "type": "background",
4609
+ "item": "scrimmed",
4610
+ "subitem": "default"
4611
+ },
4612
+ "path": [
4613
+ "color",
4614
+ "background",
4615
+ "scrimmed",
4616
+ "default"
4617
+ ]
4618
+ }
4586
4619
  }
4587
4620
  },
4588
4621
  "base": {
@@ -9433,7 +9466,7 @@ module.exports = {
9433
9466
  },
9434
9467
  "divider": {
9435
9468
  "default": {
9436
- "value": "rgba(0, 0, 0, 0.06)",
9469
+ "value": "rgba(0, 0, 0, 0.12)",
9437
9470
  "public": true,
9438
9471
  "default": true,
9439
9472
  "usage": "Strict use as divider between elements on light backgrounds",
@@ -9442,7 +9475,7 @@ module.exports = {
9442
9475
  "filePath": "src/color/border.json",
9443
9476
  "isSource": true,
9444
9477
  "original": {
9445
- "value": "{color.base.black-200.value}",
9478
+ "value": "{color.base.black-300.value}",
9446
9479
  "public": true,
9447
9480
  "default": true,
9448
9481
  "usage": "Strict use as divider between elements on light backgrounds",
@@ -9464,7 +9497,7 @@ module.exports = {
9464
9497
  ]
9465
9498
  },
9466
9499
  "inverse": {
9467
- "value": "rgba(255, 255, 255, 0.06)",
9500
+ "value": "rgba(255, 255, 255, 0.25)",
9468
9501
  "public": true,
9469
9502
  "inverse": true,
9470
9503
  "usage": "Strict use as divider between elements on dark backgrounds",
@@ -9473,7 +9506,7 @@ module.exports = {
9473
9506
  "filePath": "src/color/border.json",
9474
9507
  "isSource": true,
9475
9508
  "original": {
9476
- "value": "{color.base.white-200.value}",
9509
+ "value": "{color.base.white-400.value}",
9477
9510
  "public": true,
9478
9511
  "inverse": true,
9479
9512
  "usage": "Strict use as divider between elements on dark backgrounds",
@@ -9753,7 +9786,7 @@ module.exports = {
9753
9786
  },
9754
9787
  "warning": {
9755
9788
  "default": {
9756
- "value": "#fef8e9",
9789
+ "value": "#c49432",
9757
9790
  "public": true,
9758
9791
  "default": true,
9759
9792
  "usage": "Warning border color on light backgrounds",
@@ -9762,7 +9795,7 @@ module.exports = {
9762
9795
  "filePath": "src/color/border.json",
9763
9796
  "isSource": true,
9764
9797
  "original": {
9765
- "value": "{color.base.warning.100.value}",
9798
+ "value": "{color.base.warning.300.value}",
9766
9799
  "public": true,
9767
9800
  "default": true,
9768
9801
  "usage": "Warning border color on light backgrounds",
@@ -15581,7 +15614,7 @@ module.exports = {
15581
15614
  ]
15582
15615
  },
15583
15616
  "inverse": {
15584
- "value": "rgba(255, 255, 255, 0.03)",
15617
+ "value": "rgba(255, 255, 255, 0.25)",
15585
15618
  "public": true,
15586
15619
  "inverse": true,
15587
15620
  "usage": "Tertiary disabled color for containers on dark backgrounds",
@@ -15590,7 +15623,7 @@ module.exports = {
15590
15623
  "filePath": "src/color/container.json",
15591
15624
  "isSource": true,
15592
15625
  "original": {
15593
- "value": "{color.base.white-100.value}",
15626
+ "value": "{color.base.white-400.value}",
15594
15627
  "public": true,
15595
15628
  "inverse": true,
15596
15629
  "usage": "Tertiary disabled color for containers on dark backgrounds",
@@ -15721,7 +15754,7 @@ module.exports = {
15721
15754
  ]
15722
15755
  },
15723
15756
  "inverse": {
15724
- "value": "rgba(255, 255, 255, 0.03)",
15757
+ "value": "rgba(255, 255, 255, 0.25)",
15725
15758
  "public": true,
15726
15759
  "inverse": true,
15727
15760
  "usage": "Tertiary hover color for containers on dark backgrounds",
@@ -15730,7 +15763,7 @@ module.exports = {
15730
15763
  "filePath": "src/color/container.json",
15731
15764
  "isSource": true,
15732
15765
  "original": {
15733
- "value": "{color.base.white-100.value}",
15766
+ "value": "{color.base.white-400.value}",
15734
15767
  "public": true,
15735
15768
  "inverse": true,
15736
15769
  "usage": "Tertiary hover color for containers on dark backgrounds",
@@ -16400,344 +16433,356 @@ module.exports = {
16400
16433
  }
16401
16434
  },
16402
16435
  "ui": {
16403
- "default": {
16436
+ "primary": {
16404
16437
  "default": {
16405
- "value": "#2c67b5",
16406
- "public": true,
16407
- "default": true,
16408
- "usage": "Default color for UI icons on light backgrounds",
16409
- "wcag": "n/a",
16410
- "deprecated": false,
16411
- "filePath": "src/color/icon.json",
16412
- "isSource": true,
16413
- "original": {
16414
- "value": "{color.brand.blue.700.value}",
16438
+ "default": {
16439
+ "value": "#2c67b5",
16415
16440
  "public": true,
16416
16441
  "default": true,
16417
16442
  "usage": "Default color for UI icons on light backgrounds",
16418
16443
  "wcag": "n/a",
16419
- "deprecated": false
16420
- },
16421
- "name": "ds-color-icon-ui-default-default",
16422
- "attributes": {
16423
- "category": "color",
16424
- "type": "icon",
16425
- "item": "ui",
16426
- "subitem": "default",
16427
- "state": "default"
16444
+ "deprecated": false,
16445
+ "filePath": "src/color/icon.json",
16446
+ "isSource": true,
16447
+ "original": {
16448
+ "value": "{color.brand.blue.700.value}",
16449
+ "public": true,
16450
+ "default": true,
16451
+ "usage": "Default color for UI icons on light backgrounds",
16452
+ "wcag": "n/a",
16453
+ "deprecated": false
16454
+ },
16455
+ "name": "ds-color-icon-ui-primary-default-default",
16456
+ "attributes": {
16457
+ "category": "color",
16458
+ "type": "icon",
16459
+ "item": "ui",
16460
+ "subitem": "primary",
16461
+ "state": "default"
16462
+ },
16463
+ "path": [
16464
+ "color",
16465
+ "icon",
16466
+ "ui",
16467
+ "primary",
16468
+ "default",
16469
+ "default"
16470
+ ]
16428
16471
  },
16429
- "path": [
16430
- "color",
16431
- "icon",
16432
- "ui",
16433
- "default",
16434
- "default"
16435
- ]
16436
- },
16437
- "inverse": {
16438
- "value": "#56bbde",
16439
- "public": true,
16440
- "inverse": true,
16441
- "usage": "Default color for UI icons on dark backgrounds",
16442
- "wcag": "n/a",
16443
- "deprecated": false,
16444
- "filePath": "src/color/icon.json",
16445
- "isSource": true,
16446
- "original": {
16447
- "value": "{color.brand.cyan.400.value}",
16472
+ "inverse": {
16473
+ "value": "#56bbde",
16448
16474
  "public": true,
16449
16475
  "inverse": true,
16450
16476
  "usage": "Default color for UI icons on dark backgrounds",
16451
16477
  "wcag": "n/a",
16452
- "deprecated": false
16453
- },
16454
- "name": "ds-color-icon-ui-default-inverse",
16455
- "attributes": {
16456
- "category": "color",
16457
- "type": "icon",
16458
- "item": "ui",
16459
- "subitem": "default",
16460
- "state": "inverse"
16461
- },
16462
- "path": [
16463
- "color",
16464
- "icon",
16465
- "ui",
16466
- "default",
16467
- "inverse"
16468
- ]
16469
- }
16470
- },
16471
- "hover": {
16472
- "default": {
16473
- "value": "#193d73",
16474
- "public": true,
16475
- "default": true,
16476
- "usage": "Hover color for UI icons on light backgrounds",
16477
- "wcag": "n/a",
16478
- "deprecated": false,
16479
- "filePath": "src/color/icon.json",
16480
- "isSource": true,
16481
- "original": {
16482
- "value": "{color.brand.blue.900.value}",
16478
+ "deprecated": false,
16479
+ "filePath": "src/color/icon.json",
16480
+ "isSource": true,
16481
+ "original": {
16482
+ "value": "{color.brand.cyan.400.value}",
16483
+ "public": true,
16484
+ "inverse": true,
16485
+ "usage": "Default color for UI icons on dark backgrounds",
16486
+ "wcag": "n/a",
16487
+ "deprecated": false
16488
+ },
16489
+ "name": "ds-color-icon-ui-primary-default-inverse",
16490
+ "attributes": {
16491
+ "category": "color",
16492
+ "type": "icon",
16493
+ "item": "ui",
16494
+ "subitem": "primary",
16495
+ "state": "default"
16496
+ },
16497
+ "path": [
16498
+ "color",
16499
+ "icon",
16500
+ "ui",
16501
+ "primary",
16502
+ "default",
16503
+ "inverse"
16504
+ ]
16505
+ }
16506
+ },
16507
+ "hover": {
16508
+ "default": {
16509
+ "value": "#193d73",
16483
16510
  "public": true,
16484
16511
  "default": true,
16485
16512
  "usage": "Hover color for UI icons on light backgrounds",
16486
16513
  "wcag": "n/a",
16487
- "deprecated": false
16488
- },
16489
- "name": "ds-color-icon-ui-hover-default",
16490
- "attributes": {
16491
- "category": "color",
16492
- "type": "icon",
16493
- "item": "ui",
16494
- "subitem": "hover",
16495
- "state": "default"
16514
+ "deprecated": false,
16515
+ "filePath": "src/color/icon.json",
16516
+ "isSource": true,
16517
+ "original": {
16518
+ "value": "{color.brand.blue.900.value}",
16519
+ "public": true,
16520
+ "default": true,
16521
+ "usage": "Hover color for UI icons on light backgrounds",
16522
+ "wcag": "n/a",
16523
+ "deprecated": false
16524
+ },
16525
+ "name": "ds-color-icon-ui-primary-hover-default",
16526
+ "attributes": {
16527
+ "category": "color",
16528
+ "type": "icon",
16529
+ "item": "ui",
16530
+ "subitem": "primary",
16531
+ "state": "hover"
16532
+ },
16533
+ "path": [
16534
+ "color",
16535
+ "icon",
16536
+ "ui",
16537
+ "primary",
16538
+ "hover",
16539
+ "default"
16540
+ ]
16496
16541
  },
16497
- "path": [
16498
- "color",
16499
- "icon",
16500
- "ui",
16501
- "hover",
16502
- "default"
16503
- ]
16504
- },
16505
- "inverse": {
16506
- "value": "#a8e9f7",
16507
- "public": true,
16508
- "inverse": true,
16509
- "usage": "Hover color for UI icons on dark backgrounds",
16510
- "wcag": "n/a",
16511
- "deprecated": false,
16512
- "filePath": "src/color/icon.json",
16513
- "isSource": true,
16514
- "original": {
16515
- "value": "{color.brand.cyan.200.value}",
16542
+ "inverse": {
16543
+ "value": "#a8e9f7",
16516
16544
  "public": true,
16517
16545
  "inverse": true,
16518
16546
  "usage": "Hover color for UI icons on dark backgrounds",
16519
16547
  "wcag": "n/a",
16520
- "deprecated": false
16521
- },
16522
- "name": "ds-color-icon-ui-hover-inverse",
16523
- "attributes": {
16524
- "category": "color",
16525
- "type": "icon",
16526
- "item": "ui",
16527
- "subitem": "hover",
16528
- "state": "inverse"
16529
- },
16530
- "path": [
16531
- "color",
16532
- "icon",
16533
- "ui",
16534
- "hover",
16535
- "inverse"
16536
- ]
16537
- }
16538
- },
16539
- "active": {
16540
- "default": {
16541
- "value": "#225296",
16542
- "public": true,
16543
- "default": true,
16544
- "usage": "Active color for UI icons on light backgrounds",
16545
- "wcag": "n/a",
16546
- "deprecated": false,
16547
- "filePath": "src/color/icon.json",
16548
- "isSource": true,
16549
- "original": {
16550
- "value": "{color.brand.blue.800.value}",
16551
- "public": true,
16552
- "default": true,
16553
- "usage": "Active color for UI icons on light backgrounds",
16554
- "wcag": "n/a",
16555
- "deprecated": false
16556
- },
16557
- "name": "ds-color-icon-ui-active-default",
16558
- "attributes": {
16559
- "category": "color",
16560
- "type": "icon",
16561
- "item": "ui",
16562
- "subitem": "active",
16563
- "state": "default"
16564
- },
16565
- "path": [
16566
- "color",
16567
- "icon",
16568
- "ui",
16569
- "active",
16570
- "default"
16571
- ]
16548
+ "deprecated": false,
16549
+ "filePath": "src/color/icon.json",
16550
+ "isSource": true,
16551
+ "original": {
16552
+ "value": "{color.brand.cyan.200.value}",
16553
+ "public": true,
16554
+ "inverse": true,
16555
+ "usage": "Hover color for UI icons on dark backgrounds",
16556
+ "wcag": "n/a",
16557
+ "deprecated": false
16558
+ },
16559
+ "name": "ds-color-icon-ui-primary-hover-inverse",
16560
+ "attributes": {
16561
+ "category": "color",
16562
+ "type": "icon",
16563
+ "item": "ui",
16564
+ "subitem": "primary",
16565
+ "state": "hover"
16566
+ },
16567
+ "path": [
16568
+ "color",
16569
+ "icon",
16570
+ "ui",
16571
+ "primary",
16572
+ "hover",
16573
+ "inverse"
16574
+ ]
16575
+ }
16572
16576
  },
16573
- "inverse": {
16574
- "value": "#6ad5ef",
16575
- "public": true,
16576
- "inverse": true,
16577
- "usage": "Active color for UI icons on dark backgrounds",
16578
- "wcag": "n/a",
16579
- "deprecated": false,
16580
- "filePath": "src/color/icon.json",
16581
- "isSource": true,
16582
- "original": {
16583
- "value": "{color.brand.cyan.300.value}",
16577
+ "active": {
16578
+ "default": {
16579
+ "value": "#225296",
16580
+ "public": true,
16581
+ "default": true,
16582
+ "usage": "Active color for UI icons on light backgrounds",
16583
+ "wcag": "n/a",
16584
+ "deprecated": false,
16585
+ "filePath": "src/color/icon.json",
16586
+ "isSource": true,
16587
+ "original": {
16588
+ "value": "{color.brand.blue.800.value}",
16589
+ "public": true,
16590
+ "default": true,
16591
+ "usage": "Active color for UI icons on light backgrounds",
16592
+ "wcag": "n/a",
16593
+ "deprecated": false
16594
+ },
16595
+ "name": "ds-color-icon-ui-primary-active-default",
16596
+ "attributes": {
16597
+ "category": "color",
16598
+ "type": "icon",
16599
+ "item": "ui",
16600
+ "subitem": "primary",
16601
+ "state": "active"
16602
+ },
16603
+ "path": [
16604
+ "color",
16605
+ "icon",
16606
+ "ui",
16607
+ "primary",
16608
+ "active",
16609
+ "default"
16610
+ ]
16611
+ },
16612
+ "inverse": {
16613
+ "value": "#6ad5ef",
16584
16614
  "public": true,
16585
16615
  "inverse": true,
16586
16616
  "usage": "Active color for UI icons on dark backgrounds",
16587
16617
  "wcag": "n/a",
16588
- "deprecated": false
16589
- },
16590
- "name": "ds-color-icon-ui-active-inverse",
16591
- "attributes": {
16592
- "category": "color",
16593
- "type": "icon",
16594
- "item": "ui",
16595
- "subitem": "active",
16596
- "state": "inverse"
16597
- },
16598
- "path": [
16599
- "color",
16600
- "icon",
16601
- "ui",
16602
- "active",
16603
- "inverse"
16604
- ]
16605
- }
16606
- },
16607
- "disabled": {
16608
- "default": {
16609
- "value": "#adadad",
16610
- "public": true,
16611
- "default": true,
16612
- "usage": "Disabled color for UI icons on light backgrounds",
16613
- "wcag": "n/a",
16614
- "deprecated": false,
16615
- "filePath": "src/color/icon.json",
16616
- "isSource": true,
16617
- "original": {
16618
- "value": "{color.brand.gray.400.value}",
16618
+ "deprecated": false,
16619
+ "filePath": "src/color/icon.json",
16620
+ "isSource": true,
16621
+ "original": {
16622
+ "value": "{color.brand.cyan.300.value}",
16623
+ "public": true,
16624
+ "inverse": true,
16625
+ "usage": "Active color for UI icons on dark backgrounds",
16626
+ "wcag": "n/a",
16627
+ "deprecated": false
16628
+ },
16629
+ "name": "ds-color-icon-ui-primary-active-inverse",
16630
+ "attributes": {
16631
+ "category": "color",
16632
+ "type": "icon",
16633
+ "item": "ui",
16634
+ "subitem": "primary",
16635
+ "state": "active"
16636
+ },
16637
+ "path": [
16638
+ "color",
16639
+ "icon",
16640
+ "ui",
16641
+ "primary",
16642
+ "active",
16643
+ "inverse"
16644
+ ]
16645
+ }
16646
+ },
16647
+ "disabled": {
16648
+ "default": {
16649
+ "value": "#adadad",
16619
16650
  "public": true,
16620
16651
  "default": true,
16621
16652
  "usage": "Disabled color for UI icons on light backgrounds",
16622
16653
  "wcag": "n/a",
16623
- "deprecated": false
16624
- },
16625
- "name": "ds-color-icon-ui-disabled-default",
16626
- "attributes": {
16627
- "category": "color",
16628
- "type": "icon",
16629
- "item": "ui",
16630
- "subitem": "disabled",
16631
- "state": "default"
16654
+ "deprecated": false,
16655
+ "filePath": "src/color/icon.json",
16656
+ "isSource": true,
16657
+ "original": {
16658
+ "value": "{color.brand.gray.400.value}",
16659
+ "public": true,
16660
+ "default": true,
16661
+ "usage": "Disabled color for UI icons on light backgrounds",
16662
+ "wcag": "n/a",
16663
+ "deprecated": false
16664
+ },
16665
+ "name": "ds-color-icon-ui-primary-disabled-default",
16666
+ "attributes": {
16667
+ "category": "color",
16668
+ "type": "icon",
16669
+ "item": "ui",
16670
+ "subitem": "primary",
16671
+ "state": "disabled"
16672
+ },
16673
+ "path": [
16674
+ "color",
16675
+ "icon",
16676
+ "ui",
16677
+ "primary",
16678
+ "disabled",
16679
+ "default"
16680
+ ]
16632
16681
  },
16633
- "path": [
16634
- "color",
16635
- "icon",
16636
- "ui",
16637
- "disabled",
16638
- "default"
16639
- ]
16640
- },
16641
- "inverse": {
16642
- "value": "#7e7e7e",
16643
- "public": true,
16644
- "inverse": true,
16645
- "usage": "Disabled color for UI icons on dark backgrounds",
16646
- "wcag": "n/a",
16647
- "deprecated": false,
16648
- "filePath": "src/color/icon.json",
16649
- "isSource": true,
16650
- "original": {
16651
- "value": "{color.brand.gray.600.value}",
16682
+ "inverse": {
16683
+ "value": "#7e7e7e",
16652
16684
  "public": true,
16653
16685
  "inverse": true,
16654
16686
  "usage": "Disabled color for UI icons on dark backgrounds",
16655
16687
  "wcag": "n/a",
16656
- "deprecated": false
16657
- },
16658
- "name": "ds-color-icon-ui-disabled-inverse",
16659
- "attributes": {
16660
- "category": "color",
16661
- "type": "icon",
16662
- "item": "ui",
16663
- "subitem": "disabled",
16664
- "state": "inverse"
16665
- },
16666
- "path": [
16667
- "color",
16668
- "icon",
16669
- "ui",
16670
- "disabled",
16671
- "inverse"
16672
- ]
16673
- }
16674
- },
16675
- "focus": {
16676
- "default": {
16677
- "value": "#2c67b5",
16678
- "public": true,
16679
- "default": true,
16680
- "usage": "Focus color for UI icons on light backgrounds",
16681
- "wcag": "n/a",
16682
- "deprecated": false,
16683
- "filePath": "src/color/icon.json",
16684
- "isSource": true,
16685
- "original": {
16686
- "value": "{color.brand.blue.700.value}",
16688
+ "deprecated": false,
16689
+ "filePath": "src/color/icon.json",
16690
+ "isSource": true,
16691
+ "original": {
16692
+ "value": "{color.brand.gray.600.value}",
16693
+ "public": true,
16694
+ "inverse": true,
16695
+ "usage": "Disabled color for UI icons on dark backgrounds",
16696
+ "wcag": "n/a",
16697
+ "deprecated": false
16698
+ },
16699
+ "name": "ds-color-icon-ui-primary-disabled-inverse",
16700
+ "attributes": {
16701
+ "category": "color",
16702
+ "type": "icon",
16703
+ "item": "ui",
16704
+ "subitem": "primary",
16705
+ "state": "disabled"
16706
+ },
16707
+ "path": [
16708
+ "color",
16709
+ "icon",
16710
+ "ui",
16711
+ "primary",
16712
+ "disabled",
16713
+ "inverse"
16714
+ ]
16715
+ }
16716
+ },
16717
+ "focus": {
16718
+ "default": {
16719
+ "value": "#2c67b5",
16687
16720
  "public": true,
16688
16721
  "default": true,
16689
16722
  "usage": "Focus color for UI icons on light backgrounds",
16690
16723
  "wcag": "n/a",
16691
- "deprecated": false
16692
- },
16693
- "name": "ds-color-icon-ui-focus-default",
16694
- "attributes": {
16695
- "category": "color",
16696
- "type": "icon",
16697
- "item": "ui",
16698
- "subitem": "focus",
16699
- "state": "default"
16724
+ "deprecated": false,
16725
+ "filePath": "src/color/icon.json",
16726
+ "isSource": true,
16727
+ "original": {
16728
+ "value": "{color.brand.blue.700.value}",
16729
+ "public": true,
16730
+ "default": true,
16731
+ "usage": "Focus color for UI icons on light backgrounds",
16732
+ "wcag": "n/a",
16733
+ "deprecated": false
16734
+ },
16735
+ "name": "ds-color-icon-ui-primary-focus-default",
16736
+ "attributes": {
16737
+ "category": "color",
16738
+ "type": "icon",
16739
+ "item": "ui",
16740
+ "subitem": "primary",
16741
+ "state": "focus"
16742
+ },
16743
+ "path": [
16744
+ "color",
16745
+ "icon",
16746
+ "ui",
16747
+ "primary",
16748
+ "focus",
16749
+ "default"
16750
+ ]
16700
16751
  },
16701
- "path": [
16702
- "color",
16703
- "icon",
16704
- "ui",
16705
- "focus",
16706
- "default"
16707
- ]
16708
- },
16709
- "inverse": {
16710
- "value": "#56bbde",
16711
- "public": true,
16712
- "inverse": true,
16713
- "usage": "Focus color for UI icons on dark backgrounds",
16714
- "wcag": "n/a",
16715
- "deprecated": false,
16716
- "filePath": "src/color/icon.json",
16717
- "isSource": true,
16718
- "original": {
16719
- "value": "{color.brand.cyan.400.value}",
16752
+ "inverse": {
16753
+ "value": "#56bbde",
16720
16754
  "public": true,
16721
16755
  "inverse": true,
16722
16756
  "usage": "Focus color for UI icons on dark backgrounds",
16723
16757
  "wcag": "n/a",
16724
- "deprecated": false
16725
- },
16726
- "name": "ds-color-icon-ui-focus-inverse",
16727
- "attributes": {
16728
- "category": "color",
16729
- "type": "icon",
16730
- "item": "ui",
16731
- "subitem": "focus",
16732
- "state": "inverse"
16733
- },
16734
- "path": [
16735
- "color",
16736
- "icon",
16737
- "ui",
16738
- "focus",
16739
- "inverse"
16740
- ]
16758
+ "deprecated": false,
16759
+ "filePath": "src/color/icon.json",
16760
+ "isSource": true,
16761
+ "original": {
16762
+ "value": "{color.brand.cyan.400.value}",
16763
+ "public": true,
16764
+ "inverse": true,
16765
+ "usage": "Focus color for UI icons on dark backgrounds",
16766
+ "wcag": "n/a",
16767
+ "deprecated": false
16768
+ },
16769
+ "name": "ds-color-icon-ui-primary-focus-inverse",
16770
+ "attributes": {
16771
+ "category": "color",
16772
+ "type": "icon",
16773
+ "item": "ui",
16774
+ "subitem": "primary",
16775
+ "state": "focus"
16776
+ },
16777
+ "path": [
16778
+ "color",
16779
+ "icon",
16780
+ "ui",
16781
+ "primary",
16782
+ "focus",
16783
+ "inverse"
16784
+ ]
16785
+ }
16741
16786
  }
16742
16787
  },
16743
16788
  "secondary": {
@@ -18074,7 +18119,7 @@ module.exports = {
18074
18119
  ]
18075
18120
  },
18076
18121
  "inverse": {
18077
- "value": "#525252",
18122
+ "value": "#adadad",
18078
18123
  "public": true,
18079
18124
  "inverse": true,
18080
18125
  "usage": "Tertiary color for body text on dark backgrounds",
@@ -18083,7 +18128,7 @@ module.exports = {
18083
18128
  "filePath": "src/color/text.json",
18084
18129
  "isSource": true,
18085
18130
  "original": {
18086
- "value": "{color.brand.gray.800.value}",
18131
+ "value": "{color.brand.gray.400.value}",
18087
18132
  "public": true,
18088
18133
  "inverse": true,
18089
18134
  "usage": "Tertiary color for body text on dark backgrounds",
@@ -18169,39 +18214,6 @@ module.exports = {
18169
18214
  ]
18170
18215
  }
18171
18216
  },
18172
- "disabled": {
18173
- "default": {
18174
- "value": "#dddddd",
18175
- "public": true,
18176
- "onLight": true,
18177
- "usage": "Disabled text color on light backgrounds",
18178
- "wcag": "n/a",
18179
- "deprecated": false,
18180
- "filePath": "src/color/text.json",
18181
- "isSource": true,
18182
- "original": {
18183
- "value": "{color.base.gray.200.value}",
18184
- "public": true,
18185
- "onLight": true,
18186
- "usage": "Disabled text color on light backgrounds",
18187
- "wcag": "n/a",
18188
- "deprecated": false
18189
- },
18190
- "name": "ds-color-text-disabled-default",
18191
- "attributes": {
18192
- "category": "color",
18193
- "type": "text",
18194
- "item": "disabled",
18195
- "subitem": "default"
18196
- },
18197
- "path": [
18198
- "color",
18199
- "text",
18200
- "disabled",
18201
- "default"
18202
- ]
18203
- }
18204
- },
18205
18217
  "emphasis": {
18206
18218
  "default": {
18207
18219
  "value": "#265688",
@@ -18491,7 +18503,7 @@ module.exports = {
18491
18503
  ]
18492
18504
  },
18493
18505
  "inverse": {
18494
- "value": "#0b6f4d",
18506
+ "value": "#8eceb9",
18495
18507
  "public": true,
18496
18508
  "inverse": true,
18497
18509
  "usage": "Success text color on dark backgrounds",
@@ -18500,7 +18512,7 @@ module.exports = {
18500
18512
  "filePath": "src/color/text.json",
18501
18513
  "isSource": true,
18502
18514
  "original": {
18503
- "value": "{color.base.success.400.value}",
18515
+ "value": "{color.base.success.200.value}",
18504
18516
  "public": true,
18505
18517
  "inverse": true,
18506
18518
  "usage": "Success text color on dark backgrounds",
@@ -19370,7 +19382,7 @@ module.exports = {
19370
19382
  ]
19371
19383
  },
19372
19384
  "inverse": {
19373
- "value": "#f7f7f7",
19385
+ "value": "#89b2d4",
19374
19386
  "public": true,
19375
19387
  "inverse": true,
19376
19388
  "usage": "First class tier color for fares on dark backgrounds",
@@ -19379,7 +19391,7 @@ module.exports = {
19379
19391
  "filePath": "src/color/tier.json",
19380
19392
  "isSource": true,
19381
19393
  "original": {
19382
- "value": "#f7f7f7",
19394
+ "value": "{color.brand.navy.400.value}",
19383
19395
  "public": true,
19384
19396
  "inverse": true,
19385
19397
  "usage": "First class tier color for fares on dark backgrounds",
@@ -19505,7 +19517,7 @@ module.exports = {
19505
19517
  ]
19506
19518
  },
19507
19519
  "sapphire": {
19508
- "value": "#a41d4a",
19520
+ "value": "#015daa",
19509
19521
  "public": true,
19510
19522
  "onDark": true,
19511
19523
  "usage": "Sapphire tier color for Oneworld",
@@ -19514,7 +19526,7 @@ module.exports = {
19514
19526
  "filePath": "src/color/tier.json",
19515
19527
  "isSource": true,
19516
19528
  "original": {
19517
- "value": "#a41d4a",
19529
+ "value": "#015daa",
19518
19530
  "public": true,
19519
19531
  "onDark": true,
19520
19532
  "usage": "Sapphire tier color for Oneworld",
@@ -19536,7 +19548,7 @@ module.exports = {
19536
19548
  ]
19537
19549
  },
19538
19550
  "ruby": {
19539
- "value": "#015daa",
19551
+ "value": "#a41d4a",
19540
19552
  "public": true,
19541
19553
  "onDark": true,
19542
19554
  "usage": "Ruby tier color for Oneworld",
@@ -19545,7 +19557,7 @@ module.exports = {
19545
19557
  "filePath": "src/color/tier.json",
19546
19558
  "isSource": true,
19547
19559
  "original": {
19548
- "value": "#015daa",
19560
+ "value": "#a41d4a",
19549
19561
  "public": true,
19550
19562
  "onDark": true,
19551
19563
  "usage": "Ruby tier color for Oneworld",
@@ -19891,7 +19903,7 @@ module.exports = {
19891
19903
  },
19892
19904
  "navy": {
19893
19905
  "default": {
19894
- "value": "#326aa5",
19906
+ "value": "#265688",
19895
19907
  "public": true,
19896
19908
  "default": true,
19897
19909
  "usage": "",
@@ -19900,7 +19912,7 @@ module.exports = {
19900
19912
  "filePath": "src/color/utility.json",
19901
19913
  "isSource": true,
19902
19914
  "original": {
19903
- "value": "{color.brand.navy.700.value}",
19915
+ "value": "{color.brand.navy.800.value}",
19904
19916
  "public": true,
19905
19917
  "default": true,
19906
19918
  "usage": "",