@aurodesignsystem/design-tokens 4.2.0 → 4.3.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 +14 -0
- package/dist/tokens/CSSCustomProperties.css +6 -1
- package/dist/tokens/CSSSizeCustomProperties.css +1 -1
- package/dist/tokens/JSData--color.js +154 -1
- package/dist/tokens/JSObject--allTokens.js +154 -1
- package/dist/tokens/JSObject--deprecated.js +1 -1
- package/dist/tokens/JSVariables--color.js +6 -1
- package/dist/tokens/SCSSVariableMap.scss +1 -1
- package/dist/tokens/SCSSVariables.scss +6 -1
- package/dist/tokens/SCSSVariablesMapFlat.scss +7 -2
- package/dist/tokens/SassCustomProperties.scss +6 -1
- package/dist/tokens/SassSizeCustomProperties.scss +1 -1
- package/dist/tokens/darkmode/CSSCustomProperties.css +1 -1
- package/dist/tokens/darkmode/JSDataColor.js +1 -1
- package/dist/tokens/darkmode/JSObject--allDarkTokens.js +1 -1
- package/dist/tokens/darkmode/JSVariablesColor.js +1 -1
- package/dist/tokens/darkmode/SCSSVariables.scss +1 -1
- package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +1 -1
- package/dist/tokens/darkmode/SassCustomProperties.scss +1 -1
- package/package.json +1 -1
- package/packageScripts/postinstall.mjs +1 -1
- package/src/color/border.json +7 -0
- package/src/color/ui.json +30 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# Semantic Release Automated Changelog
|
|
2
2
|
|
|
3
|
+
## [4.3.1](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v4.3.0...v4.3.1) (2024-01-29)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Performance Improvements
|
|
7
|
+
|
|
8
|
+
* update postinstall message ref to tokens ([35e78c4](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/35e78c4bf1d8d208000089a0581e7e1b219e4fd7))
|
|
9
|
+
|
|
10
|
+
# [4.3.0](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v4.2.0...v4.3.0) (2023-12-29)
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
### Features
|
|
14
|
+
|
|
15
|
+
* **tokens:** add requested design tokens [#137](https://github.com/AlaskaAirlines/AuroDesignTokens/issues/137) ([8c832d3](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/8c832d3d1b0cf6fa4b844fbea4c711ee9a0b58db))
|
|
16
|
+
|
|
3
17
|
# [4.2.0](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v4.1.1...v4.2.0) (2023-11-07)
|
|
4
18
|
|
|
5
19
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 29 Jan 2024 17:20:25 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -185,6 +185,7 @@
|
|
|
185
185
|
--ds-color-border-primary-default: #626b79;
|
|
186
186
|
--ds-color-border-primary-inverse: #9fabbb;
|
|
187
187
|
--ds-color-border-active-default: #0074c8;
|
|
188
|
+
--ds-color-border-active-inverse: #00cff0;
|
|
188
189
|
--ds-color-border-error-default: #df0b37;
|
|
189
190
|
--ds-color-border-disabled-default: #dbdbdb;
|
|
190
191
|
--ds-color-border-focus-default: #222222;
|
|
@@ -456,6 +457,10 @@
|
|
|
456
457
|
--ds-color-ui-hover-default: #054687;
|
|
457
458
|
--ds-color-ui-hover-inverse: #5de3f7;
|
|
458
459
|
--ds-color-ui-active-default: #054687;
|
|
460
|
+
--ds-color-ui-active-inverse: #5de3f7;
|
|
459
461
|
--ds-color-ui-disabled-default: rgba(0, 116, 200, 0.2);
|
|
462
|
+
--ds-color-ui-bkg-default-default: rgba(0, 0, 0, 0.03);
|
|
463
|
+
--ds-color-ui-bkg-default-inverse: rgba(255, 255, 255, 0.03);
|
|
460
464
|
--ds-color-ui-bkg-hover-default: rgba(0, 0, 0, 0.06);
|
|
465
|
+
--ds-color-ui-bkg-hover-inverse: rgba(255, 255, 255, 0.06);
|
|
461
466
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 29 Jan 2024 17:20:25 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
module.exports = {
|
|
@@ -778,6 +778,35 @@ module.exports = {
|
|
|
778
778
|
"active",
|
|
779
779
|
"default"
|
|
780
780
|
]
|
|
781
|
+
},
|
|
782
|
+
"inverse": {
|
|
783
|
+
"value": "#00cff0",
|
|
784
|
+
"public": true,
|
|
785
|
+
"inverse": true,
|
|
786
|
+
"usage": "Active border color on dark backgrounds",
|
|
787
|
+
"deprecated": false,
|
|
788
|
+
"filePath": "./src/color/border.json",
|
|
789
|
+
"isSource": true,
|
|
790
|
+
"original": {
|
|
791
|
+
"value": "{color.brand.breeze.300.value}",
|
|
792
|
+
"public": true,
|
|
793
|
+
"inverse": true,
|
|
794
|
+
"usage": "Active border color on dark backgrounds",
|
|
795
|
+
"deprecated": false
|
|
796
|
+
},
|
|
797
|
+
"name": "ds-color-border-active-inverse",
|
|
798
|
+
"attributes": {
|
|
799
|
+
"category": "color",
|
|
800
|
+
"type": "border",
|
|
801
|
+
"item": "active",
|
|
802
|
+
"subitem": "inverse"
|
|
803
|
+
},
|
|
804
|
+
"path": [
|
|
805
|
+
"color",
|
|
806
|
+
"border",
|
|
807
|
+
"active",
|
|
808
|
+
"inverse"
|
|
809
|
+
]
|
|
781
810
|
}
|
|
782
811
|
},
|
|
783
812
|
"error": {
|
|
@@ -3739,6 +3768,35 @@ module.exports = {
|
|
|
3739
3768
|
"active",
|
|
3740
3769
|
"default"
|
|
3741
3770
|
]
|
|
3771
|
+
},
|
|
3772
|
+
"inverse": {
|
|
3773
|
+
"value": "#5de3f7",
|
|
3774
|
+
"public": true,
|
|
3775
|
+
"inverse": true,
|
|
3776
|
+
"usage": "Active state color affordance on dark backgrounds",
|
|
3777
|
+
"deprecated": false,
|
|
3778
|
+
"filePath": "./src/color/ui.json",
|
|
3779
|
+
"isSource": true,
|
|
3780
|
+
"original": {
|
|
3781
|
+
"value": "{color.brand.breeze.200.value}",
|
|
3782
|
+
"public": true,
|
|
3783
|
+
"inverse": true,
|
|
3784
|
+
"usage": "Active state color affordance on dark backgrounds",
|
|
3785
|
+
"deprecated": false
|
|
3786
|
+
},
|
|
3787
|
+
"name": "ds-color-ui-active-inverse",
|
|
3788
|
+
"attributes": {
|
|
3789
|
+
"category": "color",
|
|
3790
|
+
"type": "ui",
|
|
3791
|
+
"item": "active",
|
|
3792
|
+
"subitem": "inverse"
|
|
3793
|
+
},
|
|
3794
|
+
"path": [
|
|
3795
|
+
"color",
|
|
3796
|
+
"ui",
|
|
3797
|
+
"active",
|
|
3798
|
+
"inverse"
|
|
3799
|
+
]
|
|
3742
3800
|
}
|
|
3743
3801
|
},
|
|
3744
3802
|
"disabled": {
|
|
@@ -3775,6 +3833,70 @@ module.exports = {
|
|
|
3775
3833
|
}
|
|
3776
3834
|
},
|
|
3777
3835
|
"bkg": {
|
|
3836
|
+
"default": {
|
|
3837
|
+
"default": {
|
|
3838
|
+
"value": "rgba(0, 0, 0, 0.03)",
|
|
3839
|
+
"public": true,
|
|
3840
|
+
"default": true,
|
|
3841
|
+
"usage": "Default affordance for background colors",
|
|
3842
|
+
"deprecated": false,
|
|
3843
|
+
"filePath": "./src/color/ui.json",
|
|
3844
|
+
"isSource": true,
|
|
3845
|
+
"original": {
|
|
3846
|
+
"value": "00000008",
|
|
3847
|
+
"public": true,
|
|
3848
|
+
"default": true,
|
|
3849
|
+
"usage": "Default affordance for background colors",
|
|
3850
|
+
"deprecated": false
|
|
3851
|
+
},
|
|
3852
|
+
"name": "ds-color-ui-bkg-default-default",
|
|
3853
|
+
"attributes": {
|
|
3854
|
+
"category": "color",
|
|
3855
|
+
"type": "ui",
|
|
3856
|
+
"item": "bkg",
|
|
3857
|
+
"subitem": "default",
|
|
3858
|
+
"state": "default"
|
|
3859
|
+
},
|
|
3860
|
+
"path": [
|
|
3861
|
+
"color",
|
|
3862
|
+
"ui",
|
|
3863
|
+
"bkg",
|
|
3864
|
+
"default",
|
|
3865
|
+
"default"
|
|
3866
|
+
]
|
|
3867
|
+
},
|
|
3868
|
+
"inverse": {
|
|
3869
|
+
"value": "rgba(255, 255, 255, 0.03)",
|
|
3870
|
+
"public": true,
|
|
3871
|
+
"inverse": true,
|
|
3872
|
+
"usage": "Default affordance for dark background colors",
|
|
3873
|
+
"deprecated": false,
|
|
3874
|
+
"filePath": "./src/color/ui.json",
|
|
3875
|
+
"isSource": true,
|
|
3876
|
+
"original": {
|
|
3877
|
+
"value": "ffffff08",
|
|
3878
|
+
"public": true,
|
|
3879
|
+
"inverse": true,
|
|
3880
|
+
"usage": "Default affordance for dark background colors",
|
|
3881
|
+
"deprecated": false
|
|
3882
|
+
},
|
|
3883
|
+
"name": "ds-color-ui-bkg-default-inverse",
|
|
3884
|
+
"attributes": {
|
|
3885
|
+
"category": "color",
|
|
3886
|
+
"type": "ui",
|
|
3887
|
+
"item": "bkg",
|
|
3888
|
+
"subitem": "default",
|
|
3889
|
+
"state": "inverse"
|
|
3890
|
+
},
|
|
3891
|
+
"path": [
|
|
3892
|
+
"color",
|
|
3893
|
+
"ui",
|
|
3894
|
+
"bkg",
|
|
3895
|
+
"default",
|
|
3896
|
+
"inverse"
|
|
3897
|
+
]
|
|
3898
|
+
}
|
|
3899
|
+
},
|
|
3778
3900
|
"hover": {
|
|
3779
3901
|
"default": {
|
|
3780
3902
|
"value": "rgba(0, 0, 0, 0.06)",
|
|
@@ -3806,6 +3928,37 @@ module.exports = {
|
|
|
3806
3928
|
"hover",
|
|
3807
3929
|
"default"
|
|
3808
3930
|
]
|
|
3931
|
+
},
|
|
3932
|
+
"inverse": {
|
|
3933
|
+
"value": "rgba(255, 255, 255, 0.06)",
|
|
3934
|
+
"public": true,
|
|
3935
|
+
"inverse": true,
|
|
3936
|
+
"usage": "Default hover affordance for dark background colors",
|
|
3937
|
+
"deprecated": false,
|
|
3938
|
+
"filePath": "./src/color/ui.json",
|
|
3939
|
+
"isSource": true,
|
|
3940
|
+
"original": {
|
|
3941
|
+
"value": "ffffff0f",
|
|
3942
|
+
"public": true,
|
|
3943
|
+
"inverse": true,
|
|
3944
|
+
"usage": "Default hover affordance for dark background colors",
|
|
3945
|
+
"deprecated": false
|
|
3946
|
+
},
|
|
3947
|
+
"name": "ds-color-ui-bkg-hover-inverse",
|
|
3948
|
+
"attributes": {
|
|
3949
|
+
"category": "color",
|
|
3950
|
+
"type": "ui",
|
|
3951
|
+
"item": "bkg",
|
|
3952
|
+
"subitem": "hover",
|
|
3953
|
+
"state": "inverse"
|
|
3954
|
+
},
|
|
3955
|
+
"path": [
|
|
3956
|
+
"color",
|
|
3957
|
+
"ui",
|
|
3958
|
+
"bkg",
|
|
3959
|
+
"hover",
|
|
3960
|
+
"inverse"
|
|
3961
|
+
]
|
|
3809
3962
|
}
|
|
3810
3963
|
}
|
|
3811
3964
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 29 Jan 2024 17:20:25 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
module.exports = {
|
|
@@ -4611,6 +4611,35 @@ module.exports = {
|
|
|
4611
4611
|
"active",
|
|
4612
4612
|
"default"
|
|
4613
4613
|
]
|
|
4614
|
+
},
|
|
4615
|
+
"inverse": {
|
|
4616
|
+
"value": "#00cff0",
|
|
4617
|
+
"public": true,
|
|
4618
|
+
"inverse": true,
|
|
4619
|
+
"usage": "Active border color on dark backgrounds",
|
|
4620
|
+
"deprecated": false,
|
|
4621
|
+
"filePath": "./src/color/border.json",
|
|
4622
|
+
"isSource": true,
|
|
4623
|
+
"original": {
|
|
4624
|
+
"value": "{color.brand.breeze.300.value}",
|
|
4625
|
+
"public": true,
|
|
4626
|
+
"inverse": true,
|
|
4627
|
+
"usage": "Active border color on dark backgrounds",
|
|
4628
|
+
"deprecated": false
|
|
4629
|
+
},
|
|
4630
|
+
"name": "ds-color-border-active-inverse",
|
|
4631
|
+
"attributes": {
|
|
4632
|
+
"category": "color",
|
|
4633
|
+
"type": "border",
|
|
4634
|
+
"item": "active",
|
|
4635
|
+
"subitem": "inverse"
|
|
4636
|
+
},
|
|
4637
|
+
"path": [
|
|
4638
|
+
"color",
|
|
4639
|
+
"border",
|
|
4640
|
+
"active",
|
|
4641
|
+
"inverse"
|
|
4642
|
+
]
|
|
4614
4643
|
}
|
|
4615
4644
|
},
|
|
4616
4645
|
"error": {
|
|
@@ -7572,6 +7601,35 @@ module.exports = {
|
|
|
7572
7601
|
"active",
|
|
7573
7602
|
"default"
|
|
7574
7603
|
]
|
|
7604
|
+
},
|
|
7605
|
+
"inverse": {
|
|
7606
|
+
"value": "#5de3f7",
|
|
7607
|
+
"public": true,
|
|
7608
|
+
"inverse": true,
|
|
7609
|
+
"usage": "Active state color affordance on dark backgrounds",
|
|
7610
|
+
"deprecated": false,
|
|
7611
|
+
"filePath": "./src/color/ui.json",
|
|
7612
|
+
"isSource": true,
|
|
7613
|
+
"original": {
|
|
7614
|
+
"value": "{color.brand.breeze.200.value}",
|
|
7615
|
+
"public": true,
|
|
7616
|
+
"inverse": true,
|
|
7617
|
+
"usage": "Active state color affordance on dark backgrounds",
|
|
7618
|
+
"deprecated": false
|
|
7619
|
+
},
|
|
7620
|
+
"name": "ds-color-ui-active-inverse",
|
|
7621
|
+
"attributes": {
|
|
7622
|
+
"category": "color",
|
|
7623
|
+
"type": "ui",
|
|
7624
|
+
"item": "active",
|
|
7625
|
+
"subitem": "inverse"
|
|
7626
|
+
},
|
|
7627
|
+
"path": [
|
|
7628
|
+
"color",
|
|
7629
|
+
"ui",
|
|
7630
|
+
"active",
|
|
7631
|
+
"inverse"
|
|
7632
|
+
]
|
|
7575
7633
|
}
|
|
7576
7634
|
},
|
|
7577
7635
|
"disabled": {
|
|
@@ -7608,6 +7666,70 @@ module.exports = {
|
|
|
7608
7666
|
}
|
|
7609
7667
|
},
|
|
7610
7668
|
"bkg": {
|
|
7669
|
+
"default": {
|
|
7670
|
+
"default": {
|
|
7671
|
+
"value": "rgba(0, 0, 0, 0.03)",
|
|
7672
|
+
"public": true,
|
|
7673
|
+
"default": true,
|
|
7674
|
+
"usage": "Default affordance for background colors",
|
|
7675
|
+
"deprecated": false,
|
|
7676
|
+
"filePath": "./src/color/ui.json",
|
|
7677
|
+
"isSource": true,
|
|
7678
|
+
"original": {
|
|
7679
|
+
"value": "00000008",
|
|
7680
|
+
"public": true,
|
|
7681
|
+
"default": true,
|
|
7682
|
+
"usage": "Default affordance for background colors",
|
|
7683
|
+
"deprecated": false
|
|
7684
|
+
},
|
|
7685
|
+
"name": "ds-color-ui-bkg-default-default",
|
|
7686
|
+
"attributes": {
|
|
7687
|
+
"category": "color",
|
|
7688
|
+
"type": "ui",
|
|
7689
|
+
"item": "bkg",
|
|
7690
|
+
"subitem": "default",
|
|
7691
|
+
"state": "default"
|
|
7692
|
+
},
|
|
7693
|
+
"path": [
|
|
7694
|
+
"color",
|
|
7695
|
+
"ui",
|
|
7696
|
+
"bkg",
|
|
7697
|
+
"default",
|
|
7698
|
+
"default"
|
|
7699
|
+
]
|
|
7700
|
+
},
|
|
7701
|
+
"inverse": {
|
|
7702
|
+
"value": "rgba(255, 255, 255, 0.03)",
|
|
7703
|
+
"public": true,
|
|
7704
|
+
"inverse": true,
|
|
7705
|
+
"usage": "Default affordance for dark background colors",
|
|
7706
|
+
"deprecated": false,
|
|
7707
|
+
"filePath": "./src/color/ui.json",
|
|
7708
|
+
"isSource": true,
|
|
7709
|
+
"original": {
|
|
7710
|
+
"value": "ffffff08",
|
|
7711
|
+
"public": true,
|
|
7712
|
+
"inverse": true,
|
|
7713
|
+
"usage": "Default affordance for dark background colors",
|
|
7714
|
+
"deprecated": false
|
|
7715
|
+
},
|
|
7716
|
+
"name": "ds-color-ui-bkg-default-inverse",
|
|
7717
|
+
"attributes": {
|
|
7718
|
+
"category": "color",
|
|
7719
|
+
"type": "ui",
|
|
7720
|
+
"item": "bkg",
|
|
7721
|
+
"subitem": "default",
|
|
7722
|
+
"state": "inverse"
|
|
7723
|
+
},
|
|
7724
|
+
"path": [
|
|
7725
|
+
"color",
|
|
7726
|
+
"ui",
|
|
7727
|
+
"bkg",
|
|
7728
|
+
"default",
|
|
7729
|
+
"inverse"
|
|
7730
|
+
]
|
|
7731
|
+
}
|
|
7732
|
+
},
|
|
7611
7733
|
"hover": {
|
|
7612
7734
|
"default": {
|
|
7613
7735
|
"value": "rgba(0, 0, 0, 0.06)",
|
|
@@ -7639,6 +7761,37 @@ module.exports = {
|
|
|
7639
7761
|
"hover",
|
|
7640
7762
|
"default"
|
|
7641
7763
|
]
|
|
7764
|
+
},
|
|
7765
|
+
"inverse": {
|
|
7766
|
+
"value": "rgba(255, 255, 255, 0.06)",
|
|
7767
|
+
"public": true,
|
|
7768
|
+
"inverse": true,
|
|
7769
|
+
"usage": "Default hover affordance for dark background colors",
|
|
7770
|
+
"deprecated": false,
|
|
7771
|
+
"filePath": "./src/color/ui.json",
|
|
7772
|
+
"isSource": true,
|
|
7773
|
+
"original": {
|
|
7774
|
+
"value": "ffffff0f",
|
|
7775
|
+
"public": true,
|
|
7776
|
+
"inverse": true,
|
|
7777
|
+
"usage": "Default hover affordance for dark background colors",
|
|
7778
|
+
"deprecated": false
|
|
7779
|
+
},
|
|
7780
|
+
"name": "ds-color-ui-bkg-hover-inverse",
|
|
7781
|
+
"attributes": {
|
|
7782
|
+
"category": "color",
|
|
7783
|
+
"type": "ui",
|
|
7784
|
+
"item": "bkg",
|
|
7785
|
+
"subitem": "hover",
|
|
7786
|
+
"state": "inverse"
|
|
7787
|
+
},
|
|
7788
|
+
"path": [
|
|
7789
|
+
"color",
|
|
7790
|
+
"ui",
|
|
7791
|
+
"bkg",
|
|
7792
|
+
"hover",
|
|
7793
|
+
"inverse"
|
|
7794
|
+
]
|
|
7642
7795
|
}
|
|
7643
7796
|
}
|
|
7644
7797
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 29 Jan 2024 17:20:25 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const DsColorAlertNotificationDefault = "#0074c8";
|
|
@@ -31,6 +31,7 @@ export const DsColorStateWarning500 = "#de750c";
|
|
|
31
31
|
export const DsColorBorderPrimaryDefault = "#626b79";
|
|
32
32
|
export const DsColorBorderPrimaryInverse = "#9fabbb";
|
|
33
33
|
export const DsColorBorderActiveDefault = "#0074c8";
|
|
34
|
+
export const DsColorBorderActiveInverse = "#00cff0";
|
|
34
35
|
export const DsColorBorderErrorDefault = "#df0b37";
|
|
35
36
|
export const DsColorBorderDisabledDefault = "#dbdbdb";
|
|
36
37
|
export const DsColorBorderFocusDefault = "#222222";
|
|
@@ -167,5 +168,9 @@ export const DsColorUiDefaultInverse = "#00cff0";
|
|
|
167
168
|
export const DsColorUiHoverDefault = "#054687";
|
|
168
169
|
export const DsColorUiHoverInverse = "#5de3f7";
|
|
169
170
|
export const DsColorUiActiveDefault = "#054687";
|
|
171
|
+
export const DsColorUiActiveInverse = "#5de3f7";
|
|
170
172
|
export const DsColorUiDisabledDefault = "#0074c8";
|
|
173
|
+
export const DsColorUiBkgDefaultDefault = "#000000";
|
|
174
|
+
export const DsColorUiBkgDefaultInverse = "#ffffff";
|
|
171
175
|
export const DsColorUiBkgHoverDefault = "#000000";
|
|
176
|
+
export const DsColorUiBkgHoverInverse = "#ffffff";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Mon, 29 Jan 2024 17:20:25 GMT
|
|
4
4
|
|
|
5
5
|
$ds-asset-font-circular-family-name: "AS Circular";
|
|
6
6
|
$ds-asset-font-circular-filename: "ASCircularWeb";
|
|
@@ -179,6 +179,7 @@ $ds-color-state-warning-500: #de750c;
|
|
|
179
179
|
$ds-color-border-primary-default: #626b79;
|
|
180
180
|
$ds-color-border-primary-inverse: #9fabbb;
|
|
181
181
|
$ds-color-border-active-default: #0074c8;
|
|
182
|
+
$ds-color-border-active-inverse: #00cff0;
|
|
182
183
|
$ds-color-border-error-default: #df0b37;
|
|
183
184
|
$ds-color-border-disabled-default: #dbdbdb;
|
|
184
185
|
$ds-color-border-focus-default: #222222;
|
|
@@ -360,5 +361,9 @@ $ds-color-ui-default-inverse: #00cff0;
|
|
|
360
361
|
$ds-color-ui-hover-default: #054687;
|
|
361
362
|
$ds-color-ui-hover-inverse: #5de3f7;
|
|
362
363
|
$ds-color-ui-active-default: #054687;
|
|
364
|
+
$ds-color-ui-active-inverse: #5de3f7;
|
|
363
365
|
$ds-color-ui-disabled-default: rgba(0, 116, 200, 0.2);
|
|
366
|
+
$ds-color-ui-bkg-default-default: rgba(0, 0, 0, 0.03);
|
|
367
|
+
$ds-color-ui-bkg-default-inverse: rgba(255, 255, 255, 0.03);
|
|
364
368
|
$ds-color-ui-bkg-hover-default: rgba(0, 0, 0, 0.06);
|
|
369
|
+
$ds-color-ui-bkg-hover-inverse: rgba(255, 255, 255, 0.06);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
/*
|
|
3
3
|
Do not edit directly
|
|
4
|
-
Generated on
|
|
4
|
+
Generated on Mon, 29 Jan 2024 17:20:25 GMT
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
7
|
$auroTokens: (
|
|
@@ -202,6 +202,7 @@ $auroTokens: (
|
|
|
202
202
|
'ds-color-border-primary-default': (#626b79),
|
|
203
203
|
'ds-color-border-primary-inverse': (#9fabbb),
|
|
204
204
|
'ds-color-border-active-default': (#0074c8),
|
|
205
|
+
'ds-color-border-active-inverse': (#00cff0),
|
|
205
206
|
'ds-color-border-error-default': (#df0b37),
|
|
206
207
|
'ds-color-border-disabled-default': (#dbdbdb),
|
|
207
208
|
'ds-color-border-focus-default': (#222222),
|
|
@@ -383,6 +384,10 @@ $auroTokens: (
|
|
|
383
384
|
'ds-color-ui-hover-default': (#054687),
|
|
384
385
|
'ds-color-ui-hover-inverse': (#5de3f7),
|
|
385
386
|
'ds-color-ui-active-default': (#054687),
|
|
387
|
+
'ds-color-ui-active-inverse': (#5de3f7),
|
|
386
388
|
'ds-color-ui-disabled-default': (rgba(0, 116, 200, 0.2)),
|
|
387
|
-
'ds-color-ui-bkg-
|
|
389
|
+
'ds-color-ui-bkg-default-default': (rgba(0, 0, 0, 0.03)),
|
|
390
|
+
'ds-color-ui-bkg-default-inverse': (rgba(255, 255, 255, 0.03)),
|
|
391
|
+
'ds-color-ui-bkg-hover-default': (rgba(0, 0, 0, 0.06)),
|
|
392
|
+
'ds-color-ui-bkg-hover-inverse': (rgba(255, 255, 255, 0.06))
|
|
388
393
|
);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 29 Jan 2024 17:20:25 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -185,6 +185,7 @@
|
|
|
185
185
|
--ds-color-border-primary-default: #626b79;
|
|
186
186
|
--ds-color-border-primary-inverse: #9fabbb;
|
|
187
187
|
--ds-color-border-active-default: #0074c8;
|
|
188
|
+
--ds-color-border-active-inverse: #00cff0;
|
|
188
189
|
--ds-color-border-error-default: #df0b37;
|
|
189
190
|
--ds-color-border-disabled-default: #dbdbdb;
|
|
190
191
|
--ds-color-border-focus-default: #222222;
|
|
@@ -456,6 +457,10 @@
|
|
|
456
457
|
--ds-color-ui-hover-default: #054687;
|
|
457
458
|
--ds-color-ui-hover-inverse: #5de3f7;
|
|
458
459
|
--ds-color-ui-active-default: #054687;
|
|
460
|
+
--ds-color-ui-active-inverse: #5de3f7;
|
|
459
461
|
--ds-color-ui-disabled-default: rgba(0, 116, 200, 0.2);
|
|
462
|
+
--ds-color-ui-bkg-default-default: rgba(0, 0, 0, 0.03);
|
|
463
|
+
--ds-color-ui-bkg-default-inverse: rgba(255, 255, 255, 0.03);
|
|
460
464
|
--ds-color-ui-bkg-hover-default: rgba(0, 0, 0, 0.06);
|
|
465
|
+
--ds-color-ui-bkg-hover-inverse: rgba(255, 255, 255, 0.06);
|
|
461
466
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aurodesignsystem/design-tokens",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.3.1",
|
|
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",
|
package/src/color/border.json
CHANGED
|
@@ -71,6 +71,13 @@
|
|
|
71
71
|
"comment": "Deprecated token",
|
|
72
72
|
"reference": "n/a",
|
|
73
73
|
"version": "3.12.0"
|
|
74
|
+
},
|
|
75
|
+
"inverse": {
|
|
76
|
+
"value": "{color.brand.breeze.300.value}",
|
|
77
|
+
"public": true,
|
|
78
|
+
"inverse": true,
|
|
79
|
+
"usage": "Active border color on dark backgrounds",
|
|
80
|
+
"deprecated": false
|
|
74
81
|
}
|
|
75
82
|
},
|
|
76
83
|
"error": {
|
package/src/color/ui.json
CHANGED
|
@@ -111,6 +111,13 @@
|
|
|
111
111
|
"comment": "Deprecated token",
|
|
112
112
|
"reference": "n/a",
|
|
113
113
|
"version": "3.12.0"
|
|
114
|
+
},
|
|
115
|
+
"inverse": {
|
|
116
|
+
"value": "{color.brand.breeze.200.value}",
|
|
117
|
+
"public": true,
|
|
118
|
+
"inverse": true,
|
|
119
|
+
"usage": "Active state color affordance on dark backgrounds",
|
|
120
|
+
"deprecated": false
|
|
114
121
|
}
|
|
115
122
|
},
|
|
116
123
|
"disabled": {
|
|
@@ -146,6 +153,22 @@
|
|
|
146
153
|
}
|
|
147
154
|
},
|
|
148
155
|
"bkg": {
|
|
156
|
+
"default": {
|
|
157
|
+
"default": {
|
|
158
|
+
"value": "00000008",
|
|
159
|
+
"public": true,
|
|
160
|
+
"default": true,
|
|
161
|
+
"usage": "Default affordance for background colors",
|
|
162
|
+
"deprecated": false
|
|
163
|
+
},
|
|
164
|
+
"inverse": {
|
|
165
|
+
"value": "ffffff08",
|
|
166
|
+
"public": true,
|
|
167
|
+
"inverse": true,
|
|
168
|
+
"usage": "Default affordance for dark background colors",
|
|
169
|
+
"deprecated": false
|
|
170
|
+
}
|
|
171
|
+
},
|
|
149
172
|
"hover": {
|
|
150
173
|
"onDark": {
|
|
151
174
|
"value": "5de3f71a",
|
|
@@ -173,6 +196,13 @@
|
|
|
173
196
|
"default": true,
|
|
174
197
|
"usage": "Default hover affordance for background colors",
|
|
175
198
|
"deprecated": false
|
|
199
|
+
},
|
|
200
|
+
"inverse": {
|
|
201
|
+
"value": "ffffff0f",
|
|
202
|
+
"public": true,
|
|
203
|
+
"inverse": true,
|
|
204
|
+
"usage": "Default hover affordance for dark background colors",
|
|
205
|
+
"deprecated": false
|
|
176
206
|
}
|
|
177
207
|
}
|
|
178
208
|
}
|