@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 +14 -0
- package/dist/tokens/CSSCustomProperties.css +13 -3
- package/dist/tokens/CSSSizeCustomProperties.css +1 -1
- package/dist/tokens/JSData--color.js +356 -4
- package/dist/tokens/JSONVariablesFlat.json +12 -2
- package/dist/tokens/JSONVariablesNested.json +24 -2
- package/dist/tokens/JSObject--allTokens.js +356 -4
- package/dist/tokens/JSObject--deprecated.js +1 -1
- package/dist/tokens/JSVariables--color.js +13 -3
- package/dist/tokens/SCSSVariableMap.scss +1 -1
- package/dist/tokens/SCSSVariables.scss +13 -3
- package/dist/tokens/SCSSVariablesMapFlat.scss +13 -3
- package/dist/tokens/SassCustomProperties.scss +13 -3
- 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--deprecatedDark.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/src/color/brand.json +1 -1
- package/src/color/icon.json +92 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Thu,
|
|
3
|
+
* Generated on Thu, 15 Aug 2024 18:07:23 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
module.exports = {
|
|
@@ -9592,7 +9592,7 @@ module.exports = {
|
|
|
9592
9592
|
]
|
|
9593
9593
|
},
|
|
9594
9594
|
"inverse": {
|
|
9595
|
-
"value": "#
|
|
9595
|
+
"value": "#f2f7fb",
|
|
9596
9596
|
"public": true,
|
|
9597
9597
|
"inverse": true,
|
|
9598
9598
|
"usage": "Emphasis border color on dark backgrounds",
|
|
@@ -13073,7 +13073,7 @@ module.exports = {
|
|
|
13073
13073
|
},
|
|
13074
13074
|
"navy": {
|
|
13075
13075
|
"100": {
|
|
13076
|
-
"value": "#
|
|
13076
|
+
"value": "#f2f7fb",
|
|
13077
13077
|
"comment": "\n // Please consider descriptive token prior to using brand token",
|
|
13078
13078
|
"public": true,
|
|
13079
13079
|
"usage": "Neutral accent",
|
|
@@ -13082,7 +13082,7 @@ module.exports = {
|
|
|
13082
13082
|
"filePath": "src/color/brand.json",
|
|
13083
13083
|
"isSource": true,
|
|
13084
13084
|
"original": {
|
|
13085
|
-
"value": "#
|
|
13085
|
+
"value": "#f2f7fb",
|
|
13086
13086
|
"comment": "{comments.color.brand.value.comment}",
|
|
13087
13087
|
"public": true,
|
|
13088
13088
|
"usage": "Neutral accent",
|
|
@@ -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,
|
|
3
|
+
* Generated on Thu, 15 Aug 2024 18:07:23 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const DsColorAlertNotificationDefault = "#0074c8";
|
|
@@ -353,7 +353,7 @@ export const DsColorBorderDividerInverse = "#ffffff";
|
|
|
353
353
|
export const DsColorBorderSubtleDefault = "#f0f7fd";
|
|
354
354
|
export const DsColorBorderSubtleInverse = "#326aa5";
|
|
355
355
|
export const DsColorBorderEmphasisDefault = "#194069";
|
|
356
|
-
export const DsColorBorderEmphasisInverse = "#
|
|
356
|
+
export const DsColorBorderEmphasisInverse = "#f2f7fb";
|
|
357
357
|
export const DsColorBorderAccentDefault = "#badd81";
|
|
358
358
|
export const DsColorBorderAccentInverse = "#a2c270";
|
|
359
359
|
export const DsColorBorderSuccessDefault = "#0b6f4d";
|
|
@@ -556,7 +556,7 @@ export const DsColorBrandBlue900 = "#193d73"; //
|
|
|
556
556
|
// Please consider descriptive token prior to using brand token
|
|
557
557
|
export const DsColorBrandBlue1000 = "#102a51"; //
|
|
558
558
|
// Please consider descriptive token prior to using brand token
|
|
559
|
-
export const DsColorBrandNavy100 = "#
|
|
559
|
+
export const DsColorBrandNavy100 = "#f2f7fb"; //
|
|
560
560
|
// Please consider descriptive token prior to using brand token
|
|
561
561
|
export const DsColorBrandNavy200 = "#cfe0ef"; //
|
|
562
562
|
// Please consider descriptive token prior to using brand token
|
|
@@ -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,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Thu,
|
|
3
|
+
// Generated on Thu, 15 Aug 2024 18:07:22 GMT
|
|
4
4
|
|
|
5
5
|
$ds-asset-font-circular-family-name: "AS Circular";
|
|
6
6
|
$ds-asset-font-circular-filename: "ASCircularWeb";
|
|
@@ -647,7 +647,7 @@ $ds-color-border-divider-inverse: rgba(255, 255, 255, 0.06);
|
|
|
647
647
|
$ds-color-border-subtle-default: #f0f7fd;
|
|
648
648
|
$ds-color-border-subtle-inverse: #326aa5;
|
|
649
649
|
$ds-color-border-emphasis-default: #194069;
|
|
650
|
-
$ds-color-border-emphasis-inverse: #
|
|
650
|
+
$ds-color-border-emphasis-inverse: #f2f7fb;
|
|
651
651
|
$ds-color-border-accent-default: #badd81;
|
|
652
652
|
$ds-color-border-accent-inverse: #a2c270;
|
|
653
653
|
$ds-color-border-success-default: #0b6f4d;
|
|
@@ -942,7 +942,7 @@ $ds-color-brand-blue-900: #193d73;
|
|
|
942
942
|
$ds-color-brand-blue-1000: #102a51;
|
|
943
943
|
//
|
|
944
944
|
// // Please consider descriptive token prior to using brand token
|
|
945
|
-
$ds-color-brand-navy-100: #
|
|
945
|
+
$ds-color-brand-navy-100: #f2f7fb;
|
|
946
946
|
//
|
|
947
947
|
// // Please consider descriptive token prior to using brand token
|
|
948
948
|
$ds-color-brand-navy-200: #cfe0ef;
|
|
@@ -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,
|
|
4
|
+
Generated on Thu, 15 Aug 2024 18:07:22 GMT
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
7
|
$auroTokens: (
|
|
@@ -671,7 +671,7 @@ $auroTokens: (
|
|
|
671
671
|
'ds-color-border-subtle-default': (#f0f7fd),
|
|
672
672
|
'ds-color-border-subtle-inverse': (#326aa5),
|
|
673
673
|
'ds-color-border-emphasis-default': (#194069),
|
|
674
|
-
'ds-color-border-emphasis-inverse': (#
|
|
674
|
+
'ds-color-border-emphasis-inverse': (#f2f7fb),
|
|
675
675
|
'ds-color-border-accent-default': (#badd81),
|
|
676
676
|
'ds-color-border-accent-inverse': (#a2c270),
|
|
677
677
|
'ds-color-border-success-default': (#0b6f4d),
|
|
@@ -966,7 +966,7 @@ $auroTokens: (
|
|
|
966
966
|
'ds-color-brand-blue-1000': (#102a51),
|
|
967
967
|
//
|
|
968
968
|
// Please consider descriptive token prior to using brand token
|
|
969
|
-
'ds-color-brand-navy-100': (#
|
|
969
|
+
'ds-color-brand-navy-100': (#f2f7fb),
|
|
970
970
|
//
|
|
971
971
|
// Please consider descriptive token prior to using brand token
|
|
972
972
|
'ds-color-brand-navy-200': (#cfe0ef),
|
|
@@ -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,
|
|
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: #
|
|
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: #
|
|
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;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aurodesignsystem/design-tokens",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.9.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",
|