@aurodesignsystem/design-tokens 4.8.0 → 4.9.1

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,19 @@
1
1
  # Semantic Release Automated Changelog
2
2
 
3
+ ## [4.9.1](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v4.9.0...v4.9.1) (2024-08-15)
4
+
5
+
6
+ ### Bug Fixes
7
+
8
+ * **navy:** update hex code for navy 100 color [#175](https://github.com/AlaskaAirlines/AuroDesignTokens/issues/175) ([05e61f2](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/05e61f2da4b9ef6d25c96b93f1f504dd695380e5))
9
+
10
+ # [4.9.0](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v4.8.0...v4.9.0) (2024-07-05)
11
+
12
+
13
+ ### Features
14
+
15
+ * **greyscale:** add greyscale icon tokens [#170](https://github.com/AlaskaAirlines/AuroDesignTokens/issues/170) ([b32653e](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/b32653e23900cef4024b03ee71315644def5b994))
16
+
3
17
  # [4.8.0](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v4.7.0...v4.8.0) (2024-06-27)
4
18
 
5
19
 
@@ -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 Thu, 15 Aug 2024 18:07:22 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -943,7 +943,7 @@
943
943
  --ds-color-border-subtle-default: #f0f7fd;
944
944
  --ds-color-border-subtle-inverse: #326aa5;
945
945
  --ds-color-border-emphasis-default: #194069;
946
- --ds-color-border-emphasis-inverse: #f2d7fb;
946
+ --ds-color-border-emphasis-inverse: #f2f7fb;
947
947
  --ds-color-border-accent-default: #badd81;
948
948
  --ds-color-border-accent-inverse: #a2c270;
949
949
  --ds-color-border-success-default: #0b6f4d;
@@ -1420,7 +1420,7 @@
1420
1420
  *
1421
1421
  * // Please consider descriptive token prior to using brand token
1422
1422
  */
1423
- --ds-color-brand-navy-100: #f2d7fb;
1423
+ --ds-color-brand-navy-100: #f2f7fb;
1424
1424
  /**
1425
1425
  *
1426
1426
  * // Please consider descriptive token prior to using brand token
@@ -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 Thu, 15 Aug 2024 18:07:22 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 Thu, 15 Aug 2024 18:07:23 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -6433,7 +6433,7 @@ module.exports = {
6433
6433
  ]
6434
6434
  },
6435
6435
  "inverse": {
6436
- "value": "#f2d7fb",
6436
+ "value": "#f2f7fb",
6437
6437
  "public": true,
6438
6438
  "inverse": true,
6439
6439
  "usage": "Emphasis border color on dark backgrounds",
@@ -10058,7 +10058,7 @@ module.exports = {
10058
10058
  },
10059
10059
  "navy": {
10060
10060
  "100": {
10061
- "value": "#f2d7fb",
10061
+ "value": "#f2f7fb",
10062
10062
  "comment": "\n // Please consider descriptive token prior to using brand token",
10063
10063
  "public": true,
10064
10064
  "usage": "Neutral accent",
@@ -10067,7 +10067,7 @@ module.exports = {
10067
10067
  "filePath": "src/color/brand.json",
10068
10068
  "isSource": true,
10069
10069
  "original": {
10070
- "value": "#f2d7fb",
10070
+ "value": "#f2f7fb",
10071
10071
  "comment": "{comments.color.brand.value.comment}",
10072
10072
  "public": true,
10073
10073
  "usage": "Neutral accent",
@@ -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": {
@@ -350,7 +350,7 @@
350
350
  "ds-color-border-subtle-default": "#f0f7fd",
351
351
  "ds-color-border-subtle-inverse": "#326aa5",
352
352
  "ds-color-border-emphasis-default": "#194069",
353
- "ds-color-border-emphasis-inverse": "#f2d7fb",
353
+ "ds-color-border-emphasis-inverse": "#f2f7fb",
354
354
  "ds-color-border-accent-default": "#badd81",
355
355
  "ds-color-border-accent-inverse": "#a2c270",
356
356
  "ds-color-border-success-default": "#0b6f4d",
@@ -463,7 +463,7 @@
463
463
  "ds-color-brand-blue-800": "#225296",
464
464
  "ds-color-brand-blue-900": "#193d73",
465
465
  "ds-color-brand-blue-1000": "#102a51",
466
- "ds-color-brand-navy-100": "#f2d7fb",
466
+ "ds-color-brand-navy-100": "#f2f7fb",
467
467
  "ds-color-brand-navy-200": "#cfe0ef",
468
468
  "ds-color-brand-navy-300": "#acc9e2",
469
469
  "ds-color-brand-navy-400": "#89b2d4",
@@ -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",
@@ -575,7 +575,7 @@
575
575
  },
576
576
  "emphasis": {
577
577
  "default": "#194069",
578
- "inverse": "#f2d7fb"
578
+ "inverse": "#f2f7fb"
579
579
  },
580
580
  "accent": {
581
581
  "default": "#badd81",
@@ -736,7 +736,7 @@
736
736
  "1000": "#102a51"
737
737
  },
738
738
  "navy": {
739
- "100": "#f2d7fb",
739
+ "100": "#f2f7fb",
740
740
  "200": "#cfe0ef",
741
741
  "300": "#acc9e2",
742
742
  "400": "#89b2d4",
@@ -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": {