@aurodesignsystem/design-tokens 4.8.0 → 4.9.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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # Semantic Release Automated Changelog
2
2
 
3
+ # [4.9.0](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v4.8.0...v4.9.0) (2024-07-05)
4
+
5
+
6
+ ### Features
7
+
8
+ * **greyscale:** add greyscale icon tokens [#170](https://github.com/AlaskaAirlines/AuroDesignTokens/issues/170) ([b32653e](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/b32653e23900cef4024b03ee71315644def5b994))
9
+
3
10
  # [4.8.0](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v4.7.0...v4.8.0) (2024-06-27)
4
11
 
5
12
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Jun 2024 16:45:45 GMT
3
+ * Generated on Fri, 05 Jul 2024 23:54:58 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1857,6 +1857,16 @@
1857
1857
  --ds-color-icon-ui-disabled-inverse: #7e7e7e;
1858
1858
  --ds-color-icon-ui-focus-default: #2c67b5;
1859
1859
  --ds-color-icon-ui-focus-inverse: #56bbde;
1860
+ --ds-color-icon-ui-secondary-active-default: #676767;
1861
+ --ds-color-icon-ui-secondary-active-inverse: #c5c5c5;
1862
+ --ds-color-icon-ui-secondary-default-default: #7e7e7e;
1863
+ --ds-color-icon-ui-secondary-default-inverse: #adadad;
1864
+ --ds-color-icon-ui-secondary-disabled-default: #adadad;
1865
+ --ds-color-icon-ui-secondary-disabled-inverse: #7e7e7e;
1866
+ --ds-color-icon-ui-secondary-focus-default: #7e7e7e;
1867
+ --ds-color-icon-ui-secondary-focus-inverse: #adadad;
1868
+ --ds-color-icon-ui-secondary-hover-default: #525252;
1869
+ --ds-color-icon-ui-secondary-hover-inverse: #dddddd;
1860
1870
  --ds-color-icon-brand-red-default: #d03a08;
1861
1871
  --ds-color-icon-brand-red-inverse: #e9815e;
1862
1872
  --ds-color-icon-brand-yellow-default: #7c7140;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Jun 2024 16:45:45 GMT
3
+ * Generated on Fri, 05 Jul 2024 23:54:58 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Jun 2024 16:45:45 GMT
3
+ * Generated on Fri, 05 Jul 2024 23:54:58 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -15511,6 +15511,358 @@ module.exports = {
15511
15511
  "inverse"
15512
15512
  ]
15513
15513
  }
15514
+ },
15515
+ "secondary": {
15516
+ "active": {
15517
+ "default": {
15518
+ "value": "#676767",
15519
+ "public": true,
15520
+ "default": true,
15521
+ "usage": "Focus color for UI icons on light backgrounds",
15522
+ "wcag": "n/a",
15523
+ "deprecated": false,
15524
+ "filePath": "src/color/icon.json",
15525
+ "isSource": true,
15526
+ "original": {
15527
+ "value": "{color.brand.gray.700.value}",
15528
+ "public": true,
15529
+ "default": true,
15530
+ "usage": "Focus color for UI icons on light backgrounds",
15531
+ "wcag": "n/a",
15532
+ "deprecated": false
15533
+ },
15534
+ "name": "ds-color-icon-ui-secondary-active-default",
15535
+ "attributes": {
15536
+ "category": "color",
15537
+ "type": "icon",
15538
+ "item": "ui",
15539
+ "subitem": "secondary",
15540
+ "state": "active"
15541
+ },
15542
+ "path": [
15543
+ "color",
15544
+ "icon",
15545
+ "ui",
15546
+ "secondary",
15547
+ "active",
15548
+ "default"
15549
+ ]
15550
+ },
15551
+ "inverse": {
15552
+ "value": "#c5c5c5",
15553
+ "public": true,
15554
+ "inverse": true,
15555
+ "usage": "Focus color for UI icons on dark backgrounds",
15556
+ "wcag": "n/a",
15557
+ "deprecated": false,
15558
+ "filePath": "src/color/icon.json",
15559
+ "isSource": true,
15560
+ "original": {
15561
+ "value": "{color.brand.gray.300.value}",
15562
+ "public": true,
15563
+ "inverse": true,
15564
+ "usage": "Focus color for UI icons on dark backgrounds",
15565
+ "wcag": "n/a",
15566
+ "deprecated": false
15567
+ },
15568
+ "name": "ds-color-icon-ui-secondary-active-inverse",
15569
+ "attributes": {
15570
+ "category": "color",
15571
+ "type": "icon",
15572
+ "item": "ui",
15573
+ "subitem": "secondary",
15574
+ "state": "active"
15575
+ },
15576
+ "path": [
15577
+ "color",
15578
+ "icon",
15579
+ "ui",
15580
+ "secondary",
15581
+ "active",
15582
+ "inverse"
15583
+ ]
15584
+ }
15585
+ },
15586
+ "default": {
15587
+ "default": {
15588
+ "value": "#7e7e7e",
15589
+ "public": true,
15590
+ "default": true,
15591
+ "usage": "Focus color for UI icons on light backgrounds",
15592
+ "wcag": "n/a",
15593
+ "deprecated": false,
15594
+ "filePath": "src/color/icon.json",
15595
+ "isSource": true,
15596
+ "original": {
15597
+ "value": "{color.brand.gray.600.value}",
15598
+ "public": true,
15599
+ "default": true,
15600
+ "usage": "Focus color for UI icons on light backgrounds",
15601
+ "wcag": "n/a",
15602
+ "deprecated": false
15603
+ },
15604
+ "name": "ds-color-icon-ui-secondary-default-default",
15605
+ "attributes": {
15606
+ "category": "color",
15607
+ "type": "icon",
15608
+ "item": "ui",
15609
+ "subitem": "secondary",
15610
+ "state": "default"
15611
+ },
15612
+ "path": [
15613
+ "color",
15614
+ "icon",
15615
+ "ui",
15616
+ "secondary",
15617
+ "default",
15618
+ "default"
15619
+ ]
15620
+ },
15621
+ "inverse": {
15622
+ "value": "#adadad",
15623
+ "public": true,
15624
+ "inverse": true,
15625
+ "usage": "Focus color for UI icons on dark backgrounds",
15626
+ "wcag": "n/a",
15627
+ "deprecated": false,
15628
+ "filePath": "src/color/icon.json",
15629
+ "isSource": true,
15630
+ "original": {
15631
+ "value": "{color.brand.gray.400.value}",
15632
+ "public": true,
15633
+ "inverse": true,
15634
+ "usage": "Focus color for UI icons on dark backgrounds",
15635
+ "wcag": "n/a",
15636
+ "deprecated": false
15637
+ },
15638
+ "name": "ds-color-icon-ui-secondary-default-inverse",
15639
+ "attributes": {
15640
+ "category": "color",
15641
+ "type": "icon",
15642
+ "item": "ui",
15643
+ "subitem": "secondary",
15644
+ "state": "default"
15645
+ },
15646
+ "path": [
15647
+ "color",
15648
+ "icon",
15649
+ "ui",
15650
+ "secondary",
15651
+ "default",
15652
+ "inverse"
15653
+ ]
15654
+ }
15655
+ },
15656
+ "disabled": {
15657
+ "default": {
15658
+ "value": "#adadad",
15659
+ "public": true,
15660
+ "default": true,
15661
+ "usage": "Focus color for UI icons on light backgrounds",
15662
+ "wcag": "n/a",
15663
+ "deprecated": false,
15664
+ "filePath": "src/color/icon.json",
15665
+ "isSource": true,
15666
+ "original": {
15667
+ "value": "{color.brand.gray.400.value}",
15668
+ "public": true,
15669
+ "default": true,
15670
+ "usage": "Focus color for UI icons on light backgrounds",
15671
+ "wcag": "n/a",
15672
+ "deprecated": false
15673
+ },
15674
+ "name": "ds-color-icon-ui-secondary-disabled-default",
15675
+ "attributes": {
15676
+ "category": "color",
15677
+ "type": "icon",
15678
+ "item": "ui",
15679
+ "subitem": "secondary",
15680
+ "state": "disabled"
15681
+ },
15682
+ "path": [
15683
+ "color",
15684
+ "icon",
15685
+ "ui",
15686
+ "secondary",
15687
+ "disabled",
15688
+ "default"
15689
+ ]
15690
+ },
15691
+ "inverse": {
15692
+ "value": "#7e7e7e",
15693
+ "public": true,
15694
+ "inverse": true,
15695
+ "usage": "Focus color for UI icons on dark backgrounds",
15696
+ "wcag": "n/a",
15697
+ "deprecated": false,
15698
+ "filePath": "src/color/icon.json",
15699
+ "isSource": true,
15700
+ "original": {
15701
+ "value": "{color.brand.gray.600.value}",
15702
+ "public": true,
15703
+ "inverse": true,
15704
+ "usage": "Focus color for UI icons on dark backgrounds",
15705
+ "wcag": "n/a",
15706
+ "deprecated": false
15707
+ },
15708
+ "name": "ds-color-icon-ui-secondary-disabled-inverse",
15709
+ "attributes": {
15710
+ "category": "color",
15711
+ "type": "icon",
15712
+ "item": "ui",
15713
+ "subitem": "secondary",
15714
+ "state": "disabled"
15715
+ },
15716
+ "path": [
15717
+ "color",
15718
+ "icon",
15719
+ "ui",
15720
+ "secondary",
15721
+ "disabled",
15722
+ "inverse"
15723
+ ]
15724
+ }
15725
+ },
15726
+ "focus": {
15727
+ "default": {
15728
+ "value": "#7e7e7e",
15729
+ "public": true,
15730
+ "default": true,
15731
+ "usage": "Focus color for UI icons on light backgrounds",
15732
+ "wcag": "n/a",
15733
+ "deprecated": false,
15734
+ "filePath": "src/color/icon.json",
15735
+ "isSource": true,
15736
+ "original": {
15737
+ "value": "{color.brand.gray.600.value}",
15738
+ "public": true,
15739
+ "default": true,
15740
+ "usage": "Focus color for UI icons on light backgrounds",
15741
+ "wcag": "n/a",
15742
+ "deprecated": false
15743
+ },
15744
+ "name": "ds-color-icon-ui-secondary-focus-default",
15745
+ "attributes": {
15746
+ "category": "color",
15747
+ "type": "icon",
15748
+ "item": "ui",
15749
+ "subitem": "secondary",
15750
+ "state": "focus"
15751
+ },
15752
+ "path": [
15753
+ "color",
15754
+ "icon",
15755
+ "ui",
15756
+ "secondary",
15757
+ "focus",
15758
+ "default"
15759
+ ]
15760
+ },
15761
+ "inverse": {
15762
+ "value": "#adadad",
15763
+ "public": true,
15764
+ "inverse": true,
15765
+ "usage": "Focus color for UI icons on dark backgrounds",
15766
+ "wcag": "n/a",
15767
+ "deprecated": false,
15768
+ "filePath": "src/color/icon.json",
15769
+ "isSource": true,
15770
+ "original": {
15771
+ "value": "{color.brand.gray.400.value}",
15772
+ "public": true,
15773
+ "inverse": true,
15774
+ "usage": "Focus color for UI icons on dark backgrounds",
15775
+ "wcag": "n/a",
15776
+ "deprecated": false
15777
+ },
15778
+ "name": "ds-color-icon-ui-secondary-focus-inverse",
15779
+ "attributes": {
15780
+ "category": "color",
15781
+ "type": "icon",
15782
+ "item": "ui",
15783
+ "subitem": "secondary",
15784
+ "state": "focus"
15785
+ },
15786
+ "path": [
15787
+ "color",
15788
+ "icon",
15789
+ "ui",
15790
+ "secondary",
15791
+ "focus",
15792
+ "inverse"
15793
+ ]
15794
+ }
15795
+ },
15796
+ "hover": {
15797
+ "default": {
15798
+ "value": "#525252",
15799
+ "public": true,
15800
+ "default": true,
15801
+ "usage": "Focus color for UI icons on light backgrounds",
15802
+ "wcag": "n/a",
15803
+ "deprecated": false,
15804
+ "filePath": "src/color/icon.json",
15805
+ "isSource": true,
15806
+ "original": {
15807
+ "value": "{color.brand.gray.800.value}",
15808
+ "public": true,
15809
+ "default": true,
15810
+ "usage": "Focus color for UI icons on light backgrounds",
15811
+ "wcag": "n/a",
15812
+ "deprecated": false
15813
+ },
15814
+ "name": "ds-color-icon-ui-secondary-hover-default",
15815
+ "attributes": {
15816
+ "category": "color",
15817
+ "type": "icon",
15818
+ "item": "ui",
15819
+ "subitem": "secondary",
15820
+ "state": "hover"
15821
+ },
15822
+ "path": [
15823
+ "color",
15824
+ "icon",
15825
+ "ui",
15826
+ "secondary",
15827
+ "hover",
15828
+ "default"
15829
+ ]
15830
+ },
15831
+ "inverse": {
15832
+ "value": "#dddddd",
15833
+ "public": true,
15834
+ "inverse": true,
15835
+ "usage": "Focus color for UI icons on dark backgrounds",
15836
+ "wcag": "n/a",
15837
+ "deprecated": false,
15838
+ "filePath": "src/color/icon.json",
15839
+ "isSource": true,
15840
+ "original": {
15841
+ "value": "{color.brand.gray.200.value}",
15842
+ "public": true,
15843
+ "inverse": true,
15844
+ "usage": "Focus color for UI icons on dark backgrounds",
15845
+ "wcag": "n/a",
15846
+ "deprecated": false
15847
+ },
15848
+ "name": "ds-color-icon-ui-secondary-hover-inverse",
15849
+ "attributes": {
15850
+ "category": "color",
15851
+ "type": "icon",
15852
+ "item": "ui",
15853
+ "subitem": "secondary",
15854
+ "state": "hover"
15855
+ },
15856
+ "path": [
15857
+ "color",
15858
+ "icon",
15859
+ "ui",
15860
+ "secondary",
15861
+ "hover",
15862
+ "inverse"
15863
+ ]
15864
+ }
15865
+ }
15514
15866
  }
15515
15867
  },
15516
15868
  "brand": {
@@ -624,6 +624,16 @@
624
624
  "ds-color-icon-ui-disabled-inverse": "#7e7e7e",
625
625
  "ds-color-icon-ui-focus-default": "#2c67b5",
626
626
  "ds-color-icon-ui-focus-inverse": "#56bbde",
627
+ "ds-color-icon-ui-secondary-active-default": "#676767",
628
+ "ds-color-icon-ui-secondary-active-inverse": "#c5c5c5",
629
+ "ds-color-icon-ui-secondary-default-default": "#7e7e7e",
630
+ "ds-color-icon-ui-secondary-default-inverse": "#adadad",
631
+ "ds-color-icon-ui-secondary-disabled-default": "#adadad",
632
+ "ds-color-icon-ui-secondary-disabled-inverse": "#7e7e7e",
633
+ "ds-color-icon-ui-secondary-focus-default": "#7e7e7e",
634
+ "ds-color-icon-ui-secondary-focus-inverse": "#adadad",
635
+ "ds-color-icon-ui-secondary-hover-default": "#525252",
636
+ "ds-color-icon-ui-secondary-hover-inverse": "#dddddd",
627
637
  "ds-color-icon-brand-red-default": "#d03a08",
628
638
  "ds-color-icon-brand-red-inverse": "#e9815e",
629
639
  "ds-color-icon-brand-yellow-default": "#7c7140",
@@ -1014,6 +1014,28 @@
1014
1014
  "focus": {
1015
1015
  "default": "#2c67b5",
1016
1016
  "inverse": "#56bbde"
1017
+ },
1018
+ "secondary": {
1019
+ "active": {
1020
+ "default": "#676767",
1021
+ "inverse": "#c5c5c5"
1022
+ },
1023
+ "default": {
1024
+ "default": "#7e7e7e",
1025
+ "inverse": "#adadad"
1026
+ },
1027
+ "disabled": {
1028
+ "default": "#adadad",
1029
+ "inverse": "#7e7e7e"
1030
+ },
1031
+ "focus": {
1032
+ "default": "#7e7e7e",
1033
+ "inverse": "#adadad"
1034
+ },
1035
+ "hover": {
1036
+ "default": "#525252",
1037
+ "inverse": "#dddddd"
1038
+ }
1017
1039
  }
1018
1040
  },
1019
1041
  "brand": {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Jun 2024 16:45:45 GMT
3
+ * Generated on Fri, 05 Jul 2024 23:54:58 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -16739,6 +16739,358 @@ module.exports = {
16739
16739
  "inverse"
16740
16740
  ]
16741
16741
  }
16742
+ },
16743
+ "secondary": {
16744
+ "active": {
16745
+ "default": {
16746
+ "value": "#676767",
16747
+ "public": true,
16748
+ "default": true,
16749
+ "usage": "Focus color for UI icons on light backgrounds",
16750
+ "wcag": "n/a",
16751
+ "deprecated": false,
16752
+ "filePath": "src/color/icon.json",
16753
+ "isSource": true,
16754
+ "original": {
16755
+ "value": "{color.brand.gray.700.value}",
16756
+ "public": true,
16757
+ "default": true,
16758
+ "usage": "Focus color for UI icons on light backgrounds",
16759
+ "wcag": "n/a",
16760
+ "deprecated": false
16761
+ },
16762
+ "name": "ds-color-icon-ui-secondary-active-default",
16763
+ "attributes": {
16764
+ "category": "color",
16765
+ "type": "icon",
16766
+ "item": "ui",
16767
+ "subitem": "secondary",
16768
+ "state": "active"
16769
+ },
16770
+ "path": [
16771
+ "color",
16772
+ "icon",
16773
+ "ui",
16774
+ "secondary",
16775
+ "active",
16776
+ "default"
16777
+ ]
16778
+ },
16779
+ "inverse": {
16780
+ "value": "#c5c5c5",
16781
+ "public": true,
16782
+ "inverse": true,
16783
+ "usage": "Focus color for UI icons on dark backgrounds",
16784
+ "wcag": "n/a",
16785
+ "deprecated": false,
16786
+ "filePath": "src/color/icon.json",
16787
+ "isSource": true,
16788
+ "original": {
16789
+ "value": "{color.brand.gray.300.value}",
16790
+ "public": true,
16791
+ "inverse": true,
16792
+ "usage": "Focus color for UI icons on dark backgrounds",
16793
+ "wcag": "n/a",
16794
+ "deprecated": false
16795
+ },
16796
+ "name": "ds-color-icon-ui-secondary-active-inverse",
16797
+ "attributes": {
16798
+ "category": "color",
16799
+ "type": "icon",
16800
+ "item": "ui",
16801
+ "subitem": "secondary",
16802
+ "state": "active"
16803
+ },
16804
+ "path": [
16805
+ "color",
16806
+ "icon",
16807
+ "ui",
16808
+ "secondary",
16809
+ "active",
16810
+ "inverse"
16811
+ ]
16812
+ }
16813
+ },
16814
+ "default": {
16815
+ "default": {
16816
+ "value": "#7e7e7e",
16817
+ "public": true,
16818
+ "default": true,
16819
+ "usage": "Focus color for UI icons on light backgrounds",
16820
+ "wcag": "n/a",
16821
+ "deprecated": false,
16822
+ "filePath": "src/color/icon.json",
16823
+ "isSource": true,
16824
+ "original": {
16825
+ "value": "{color.brand.gray.600.value}",
16826
+ "public": true,
16827
+ "default": true,
16828
+ "usage": "Focus color for UI icons on light backgrounds",
16829
+ "wcag": "n/a",
16830
+ "deprecated": false
16831
+ },
16832
+ "name": "ds-color-icon-ui-secondary-default-default",
16833
+ "attributes": {
16834
+ "category": "color",
16835
+ "type": "icon",
16836
+ "item": "ui",
16837
+ "subitem": "secondary",
16838
+ "state": "default"
16839
+ },
16840
+ "path": [
16841
+ "color",
16842
+ "icon",
16843
+ "ui",
16844
+ "secondary",
16845
+ "default",
16846
+ "default"
16847
+ ]
16848
+ },
16849
+ "inverse": {
16850
+ "value": "#adadad",
16851
+ "public": true,
16852
+ "inverse": true,
16853
+ "usage": "Focus color for UI icons on dark backgrounds",
16854
+ "wcag": "n/a",
16855
+ "deprecated": false,
16856
+ "filePath": "src/color/icon.json",
16857
+ "isSource": true,
16858
+ "original": {
16859
+ "value": "{color.brand.gray.400.value}",
16860
+ "public": true,
16861
+ "inverse": true,
16862
+ "usage": "Focus color for UI icons on dark backgrounds",
16863
+ "wcag": "n/a",
16864
+ "deprecated": false
16865
+ },
16866
+ "name": "ds-color-icon-ui-secondary-default-inverse",
16867
+ "attributes": {
16868
+ "category": "color",
16869
+ "type": "icon",
16870
+ "item": "ui",
16871
+ "subitem": "secondary",
16872
+ "state": "default"
16873
+ },
16874
+ "path": [
16875
+ "color",
16876
+ "icon",
16877
+ "ui",
16878
+ "secondary",
16879
+ "default",
16880
+ "inverse"
16881
+ ]
16882
+ }
16883
+ },
16884
+ "disabled": {
16885
+ "default": {
16886
+ "value": "#adadad",
16887
+ "public": true,
16888
+ "default": true,
16889
+ "usage": "Focus color for UI icons on light backgrounds",
16890
+ "wcag": "n/a",
16891
+ "deprecated": false,
16892
+ "filePath": "src/color/icon.json",
16893
+ "isSource": true,
16894
+ "original": {
16895
+ "value": "{color.brand.gray.400.value}",
16896
+ "public": true,
16897
+ "default": true,
16898
+ "usage": "Focus color for UI icons on light backgrounds",
16899
+ "wcag": "n/a",
16900
+ "deprecated": false
16901
+ },
16902
+ "name": "ds-color-icon-ui-secondary-disabled-default",
16903
+ "attributes": {
16904
+ "category": "color",
16905
+ "type": "icon",
16906
+ "item": "ui",
16907
+ "subitem": "secondary",
16908
+ "state": "disabled"
16909
+ },
16910
+ "path": [
16911
+ "color",
16912
+ "icon",
16913
+ "ui",
16914
+ "secondary",
16915
+ "disabled",
16916
+ "default"
16917
+ ]
16918
+ },
16919
+ "inverse": {
16920
+ "value": "#7e7e7e",
16921
+ "public": true,
16922
+ "inverse": true,
16923
+ "usage": "Focus color for UI icons on dark backgrounds",
16924
+ "wcag": "n/a",
16925
+ "deprecated": false,
16926
+ "filePath": "src/color/icon.json",
16927
+ "isSource": true,
16928
+ "original": {
16929
+ "value": "{color.brand.gray.600.value}",
16930
+ "public": true,
16931
+ "inverse": true,
16932
+ "usage": "Focus color for UI icons on dark backgrounds",
16933
+ "wcag": "n/a",
16934
+ "deprecated": false
16935
+ },
16936
+ "name": "ds-color-icon-ui-secondary-disabled-inverse",
16937
+ "attributes": {
16938
+ "category": "color",
16939
+ "type": "icon",
16940
+ "item": "ui",
16941
+ "subitem": "secondary",
16942
+ "state": "disabled"
16943
+ },
16944
+ "path": [
16945
+ "color",
16946
+ "icon",
16947
+ "ui",
16948
+ "secondary",
16949
+ "disabled",
16950
+ "inverse"
16951
+ ]
16952
+ }
16953
+ },
16954
+ "focus": {
16955
+ "default": {
16956
+ "value": "#7e7e7e",
16957
+ "public": true,
16958
+ "default": true,
16959
+ "usage": "Focus color for UI icons on light backgrounds",
16960
+ "wcag": "n/a",
16961
+ "deprecated": false,
16962
+ "filePath": "src/color/icon.json",
16963
+ "isSource": true,
16964
+ "original": {
16965
+ "value": "{color.brand.gray.600.value}",
16966
+ "public": true,
16967
+ "default": true,
16968
+ "usage": "Focus color for UI icons on light backgrounds",
16969
+ "wcag": "n/a",
16970
+ "deprecated": false
16971
+ },
16972
+ "name": "ds-color-icon-ui-secondary-focus-default",
16973
+ "attributes": {
16974
+ "category": "color",
16975
+ "type": "icon",
16976
+ "item": "ui",
16977
+ "subitem": "secondary",
16978
+ "state": "focus"
16979
+ },
16980
+ "path": [
16981
+ "color",
16982
+ "icon",
16983
+ "ui",
16984
+ "secondary",
16985
+ "focus",
16986
+ "default"
16987
+ ]
16988
+ },
16989
+ "inverse": {
16990
+ "value": "#adadad",
16991
+ "public": true,
16992
+ "inverse": true,
16993
+ "usage": "Focus color for UI icons on dark backgrounds",
16994
+ "wcag": "n/a",
16995
+ "deprecated": false,
16996
+ "filePath": "src/color/icon.json",
16997
+ "isSource": true,
16998
+ "original": {
16999
+ "value": "{color.brand.gray.400.value}",
17000
+ "public": true,
17001
+ "inverse": true,
17002
+ "usage": "Focus color for UI icons on dark backgrounds",
17003
+ "wcag": "n/a",
17004
+ "deprecated": false
17005
+ },
17006
+ "name": "ds-color-icon-ui-secondary-focus-inverse",
17007
+ "attributes": {
17008
+ "category": "color",
17009
+ "type": "icon",
17010
+ "item": "ui",
17011
+ "subitem": "secondary",
17012
+ "state": "focus"
17013
+ },
17014
+ "path": [
17015
+ "color",
17016
+ "icon",
17017
+ "ui",
17018
+ "secondary",
17019
+ "focus",
17020
+ "inverse"
17021
+ ]
17022
+ }
17023
+ },
17024
+ "hover": {
17025
+ "default": {
17026
+ "value": "#525252",
17027
+ "public": true,
17028
+ "default": true,
17029
+ "usage": "Focus color for UI icons on light backgrounds",
17030
+ "wcag": "n/a",
17031
+ "deprecated": false,
17032
+ "filePath": "src/color/icon.json",
17033
+ "isSource": true,
17034
+ "original": {
17035
+ "value": "{color.brand.gray.800.value}",
17036
+ "public": true,
17037
+ "default": true,
17038
+ "usage": "Focus color for UI icons on light backgrounds",
17039
+ "wcag": "n/a",
17040
+ "deprecated": false
17041
+ },
17042
+ "name": "ds-color-icon-ui-secondary-hover-default",
17043
+ "attributes": {
17044
+ "category": "color",
17045
+ "type": "icon",
17046
+ "item": "ui",
17047
+ "subitem": "secondary",
17048
+ "state": "hover"
17049
+ },
17050
+ "path": [
17051
+ "color",
17052
+ "icon",
17053
+ "ui",
17054
+ "secondary",
17055
+ "hover",
17056
+ "default"
17057
+ ]
17058
+ },
17059
+ "inverse": {
17060
+ "value": "#dddddd",
17061
+ "public": true,
17062
+ "inverse": true,
17063
+ "usage": "Focus color for UI icons on dark backgrounds",
17064
+ "wcag": "n/a",
17065
+ "deprecated": false,
17066
+ "filePath": "src/color/icon.json",
17067
+ "isSource": true,
17068
+ "original": {
17069
+ "value": "{color.brand.gray.200.value}",
17070
+ "public": true,
17071
+ "inverse": true,
17072
+ "usage": "Focus color for UI icons on dark backgrounds",
17073
+ "wcag": "n/a",
17074
+ "deprecated": false
17075
+ },
17076
+ "name": "ds-color-icon-ui-secondary-hover-inverse",
17077
+ "attributes": {
17078
+ "category": "color",
17079
+ "type": "icon",
17080
+ "item": "ui",
17081
+ "subitem": "secondary",
17082
+ "state": "hover"
17083
+ },
17084
+ "path": [
17085
+ "color",
17086
+ "icon",
17087
+ "ui",
17088
+ "secondary",
17089
+ "hover",
17090
+ "inverse"
17091
+ ]
17092
+ }
17093
+ }
16742
17094
  }
16743
17095
  },
16744
17096
  "brand": {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Jun 2024 16:45:45 GMT
3
+ * Generated on Fri, 05 Jul 2024 23:54:58 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Jun 2024 16:45:45 GMT
3
+ * Generated on Fri, 05 Jul 2024 23:54:58 GMT
4
4
  */
5
5
 
6
6
  export const DsColorAlertNotificationDefault = "#0074c8";
@@ -787,6 +787,16 @@ export const DsColorIconUiDisabledDefault = "#adadad";
787
787
  export const DsColorIconUiDisabledInverse = "#7e7e7e";
788
788
  export const DsColorIconUiFocusDefault = "#2c67b5";
789
789
  export const DsColorIconUiFocusInverse = "#56bbde";
790
+ export const DsColorIconUiSecondaryActiveDefault = "#676767";
791
+ export const DsColorIconUiSecondaryActiveInverse = "#c5c5c5";
792
+ export const DsColorIconUiSecondaryDefaultDefault = "#7e7e7e";
793
+ export const DsColorIconUiSecondaryDefaultInverse = "#adadad";
794
+ export const DsColorIconUiSecondaryDisabledDefault = "#adadad";
795
+ export const DsColorIconUiSecondaryDisabledInverse = "#7e7e7e";
796
+ export const DsColorIconUiSecondaryFocusDefault = "#7e7e7e";
797
+ export const DsColorIconUiSecondaryFocusInverse = "#adadad";
798
+ export const DsColorIconUiSecondaryHoverDefault = "#525252";
799
+ export const DsColorIconUiSecondaryHoverInverse = "#dddddd";
790
800
  export const DsColorIconBrandRedDefault = "#d03a08";
791
801
  export const DsColorIconBrandRedInverse = "#e9815e";
792
802
  export const DsColorIconBrandYellowDefault = "#7c7140";
@@ -1,7 +1,7 @@
1
1
 
2
2
  /**
3
3
  * Do not edit directly
4
- * Generated on Thu, 27 Jun 2024 16:45:45 GMT
4
+ * Generated on Fri, 05 Jul 2024 23:54:58 GMT
5
5
  */
6
6
 
7
7
  $ds-size-25: 0.125rem !default; // 2px
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 27 Jun 2024 16:45:45 GMT
3
+ // Generated on Fri, 05 Jul 2024 23:54:57 GMT
4
4
 
5
5
  $ds-asset-font-circular-family-name: "AS Circular";
6
6
  $ds-asset-font-circular-filename: "ASCircularWeb";
@@ -1241,6 +1241,16 @@ $ds-color-icon-ui-disabled-default: #adadad;
1241
1241
  $ds-color-icon-ui-disabled-inverse: #7e7e7e;
1242
1242
  $ds-color-icon-ui-focus-default: #2c67b5;
1243
1243
  $ds-color-icon-ui-focus-inverse: #56bbde;
1244
+ $ds-color-icon-ui-secondary-active-default: #676767;
1245
+ $ds-color-icon-ui-secondary-active-inverse: #c5c5c5;
1246
+ $ds-color-icon-ui-secondary-default-default: #7e7e7e;
1247
+ $ds-color-icon-ui-secondary-default-inverse: #adadad;
1248
+ $ds-color-icon-ui-secondary-disabled-default: #adadad;
1249
+ $ds-color-icon-ui-secondary-disabled-inverse: #7e7e7e;
1250
+ $ds-color-icon-ui-secondary-focus-default: #7e7e7e;
1251
+ $ds-color-icon-ui-secondary-focus-inverse: #adadad;
1252
+ $ds-color-icon-ui-secondary-hover-default: #525252;
1253
+ $ds-color-icon-ui-secondary-hover-inverse: #dddddd;
1244
1254
  $ds-color-icon-brand-red-default: #d03a08;
1245
1255
  $ds-color-icon-brand-red-inverse: #e9815e;
1246
1256
  $ds-color-icon-brand-yellow-default: #7c7140;
@@ -1,7 +1,7 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Thu, 27 Jun 2024 16:45:45 GMT
4
+ Generated on Fri, 05 Jul 2024 23:54:57 GMT
5
5
  */
6
6
 
7
7
  $auroTokens: (
@@ -1267,6 +1267,16 @@ $auroTokens: (
1267
1267
  'ds-color-icon-ui-disabled-inverse': (#7e7e7e),
1268
1268
  'ds-color-icon-ui-focus-default': (#2c67b5),
1269
1269
  'ds-color-icon-ui-focus-inverse': (#56bbde),
1270
+ 'ds-color-icon-ui-secondary-active-default': (#676767),
1271
+ 'ds-color-icon-ui-secondary-active-inverse': (#c5c5c5),
1272
+ 'ds-color-icon-ui-secondary-default-default': (#7e7e7e),
1273
+ 'ds-color-icon-ui-secondary-default-inverse': (#adadad),
1274
+ 'ds-color-icon-ui-secondary-disabled-default': (#adadad),
1275
+ 'ds-color-icon-ui-secondary-disabled-inverse': (#7e7e7e),
1276
+ 'ds-color-icon-ui-secondary-focus-default': (#7e7e7e),
1277
+ 'ds-color-icon-ui-secondary-focus-inverse': (#adadad),
1278
+ 'ds-color-icon-ui-secondary-hover-default': (#525252),
1279
+ 'ds-color-icon-ui-secondary-hover-inverse': (#dddddd),
1270
1280
  'ds-color-icon-brand-red-default': (#d03a08),
1271
1281
  'ds-color-icon-brand-red-inverse': (#e9815e),
1272
1282
  'ds-color-icon-brand-yellow-default': (#7c7140),
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Jun 2024 16:45:45 GMT
3
+ * Generated on Fri, 05 Jul 2024 23:54:58 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1857,6 +1857,16 @@
1857
1857
  --ds-color-icon-ui-disabled-inverse: #7e7e7e;
1858
1858
  --ds-color-icon-ui-focus-default: #2c67b5;
1859
1859
  --ds-color-icon-ui-focus-inverse: #56bbde;
1860
+ --ds-color-icon-ui-secondary-active-default: #676767;
1861
+ --ds-color-icon-ui-secondary-active-inverse: #c5c5c5;
1862
+ --ds-color-icon-ui-secondary-default-default: #7e7e7e;
1863
+ --ds-color-icon-ui-secondary-default-inverse: #adadad;
1864
+ --ds-color-icon-ui-secondary-disabled-default: #adadad;
1865
+ --ds-color-icon-ui-secondary-disabled-inverse: #7e7e7e;
1866
+ --ds-color-icon-ui-secondary-focus-default: #7e7e7e;
1867
+ --ds-color-icon-ui-secondary-focus-inverse: #adadad;
1868
+ --ds-color-icon-ui-secondary-hover-default: #525252;
1869
+ --ds-color-icon-ui-secondary-hover-inverse: #dddddd;
1860
1870
  --ds-color-icon-brand-red-default: #d03a08;
1861
1871
  --ds-color-icon-brand-red-inverse: #e9815e;
1862
1872
  --ds-color-icon-brand-yellow-default: #7c7140;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Jun 2024 16:45:45 GMT
3
+ * Generated on Fri, 05 Jul 2024 23:54:58 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Jun 2024 16:45:45 GMT
3
+ * Generated on Fri, 05 Jul 2024 23:54:58 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Jun 2024 16:45:45 GMT
3
+ * Generated on Fri, 05 Jul 2024 23:54:58 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Jun 2024 16:45:45 GMT
3
+ * Generated on Fri, 05 Jul 2024 23:54:58 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Jun 2024 16:45:45 GMT
3
+ * Generated on Fri, 05 Jul 2024 23:54:58 GMT
4
4
  */
5
5
 
6
6
  export const DsColorBaseWhite = "#000000"; //
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 27 Jun 2024 16:45:45 GMT
3
+ // Generated on Fri, 05 Jul 2024 23:54:58 GMT
4
4
 
5
5
  //
6
6
  // // Base value for token support; should not use in code!
@@ -1,7 +1,7 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Thu, 27 Jun 2024 16:45:45 GMT
4
+ Generated on Fri, 05 Jul 2024 23:54:58 GMT
5
5
  */
6
6
 
7
7
  $auroTokens: (
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Jun 2024 16:45:45 GMT
3
+ * Generated on Fri, 05 Jul 2024 23:54:58 GMT
4
4
  */
5
5
 
6
6
  :root {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aurodesignsystem/design-tokens",
3
- "version": "4.8.0",
3
+ "version": "4.9.0",
4
4
  "description": "Alaska Air Auro Design System token repository",
5
5
  "homepage": "https://github.com/AlaskaAirlines/DesignTokens",
6
6
  "author": "Alaska Airlines Product design and engineering",
@@ -271,6 +271,98 @@
271
271
  "wcag": "n/a",
272
272
  "deprecated": false
273
273
  }
274
+ },
275
+ "secondary": {
276
+ "active": {
277
+ "default": {
278
+ "value": "{color.brand.gray.700.value}",
279
+ "public": true,
280
+ "default": true,
281
+ "usage": "Focus color for UI icons on light backgrounds",
282
+ "wcag": "n/a",
283
+ "deprecated": false
284
+ },
285
+ "inverse": {
286
+ "value": "{color.brand.gray.300.value}",
287
+ "public": true,
288
+ "inverse": true,
289
+ "usage": "Focus color for UI icons on dark backgrounds",
290
+ "wcag": "n/a",
291
+ "deprecated": false
292
+ }
293
+ },
294
+ "default": {
295
+ "default": {
296
+ "value": "{color.brand.gray.600.value}",
297
+ "public": true,
298
+ "default": true,
299
+ "usage": "Focus color for UI icons on light backgrounds",
300
+ "wcag": "n/a",
301
+ "deprecated": false
302
+ },
303
+ "inverse": {
304
+ "value": "{color.brand.gray.400.value}",
305
+ "public": true,
306
+ "inverse": true,
307
+ "usage": "Focus color for UI icons on dark backgrounds",
308
+ "wcag": "n/a",
309
+ "deprecated": false
310
+ }
311
+ },
312
+ "disabled": {
313
+ "default": {
314
+ "value": "{color.brand.gray.400.value}",
315
+ "public": true,
316
+ "default": true,
317
+ "usage": "Focus color for UI icons on light backgrounds",
318
+ "wcag": "n/a",
319
+ "deprecated": false
320
+ },
321
+ "inverse": {
322
+ "value": "{color.brand.gray.600.value}",
323
+ "public": true,
324
+ "inverse": true,
325
+ "usage": "Focus color for UI icons on dark backgrounds",
326
+ "wcag": "n/a",
327
+ "deprecated": false
328
+ }
329
+ },
330
+ "focus": {
331
+ "default": {
332
+ "value": "{color.brand.gray.600.value}",
333
+ "public": true,
334
+ "default": true,
335
+ "usage": "Focus color for UI icons on light backgrounds",
336
+ "wcag": "n/a",
337
+ "deprecated": false
338
+ },
339
+ "inverse": {
340
+ "value": "{color.brand.gray.400.value}",
341
+ "public": true,
342
+ "inverse": true,
343
+ "usage": "Focus color for UI icons on dark backgrounds",
344
+ "wcag": "n/a",
345
+ "deprecated": false
346
+ }
347
+ },
348
+ "hover": {
349
+ "default": {
350
+ "value": "{color.brand.gray.800.value}",
351
+ "public": true,
352
+ "default": true,
353
+ "usage": "Focus color for UI icons on light backgrounds",
354
+ "wcag": "n/a",
355
+ "deprecated": false
356
+ },
357
+ "inverse": {
358
+ "value": "{color.brand.gray.200.value}",
359
+ "public": true,
360
+ "inverse": true,
361
+ "usage": "Focus color for UI icons on dark backgrounds",
362
+ "wcag": "n/a",
363
+ "deprecated": false
364
+ }
365
+ }
274
366
  }
275
367
  },
276
368
  "brand": {