@lumx/core 3.9.8-alpha.1 → 3.9.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/css/design-tokens.css +63 -63
  2. package/js/constants/design-tokens.js +117 -257
  3. package/js/constants/design-tokens.min.js +1 -1
  4. package/js/constants/design-tokens.min.js.map +1 -1
  5. package/js/constants/design-tokens.ts +117 -173
  6. package/lumx.css +1 -1
  7. package/lumx.min.css +1 -1
  8. package/package.json +1 -1
  9. package/scss/_design-tokens.scss +63 -63
  10. package/scss/components/button/_index.scss +4 -8
  11. package/scss/components/slideshow/_index.scss +3 -7
  12. package/scss/components/tabs/_index.scss +0 -2
package/js/constants/design-tokens.js CHANGED
@@ -94,7 +94,7 @@ __webpack_require__.r(__webpack_exports__);
94
94
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DESIGN_TOKENS", function() { return DESIGN_TOKENS; });
95
95
  /**
96
96
  * Do not edit directly
97
- * Generated on Thu, 09 Jan 2025 16:46:06 GMT
97
+ * Generated on Fri, 06 Dec 2024 13:46:59 GMT
98
98
  */
99
99
 
100
100
  var DESIGN_TOKENS = {
@@ -759,21 +759,21 @@ var DESIGN_TOKENS = {
759
759
  }
760
760
  },
761
761
  'border-width': {
762
- value: '1px'
762
+ value: '0'
763
763
  },
764
764
  'theme-light': {
765
765
  'background-color': {
766
- value: 'var(--lumx-color-primary-L6)',
766
+ value: 'var(--lumx-color-primary-L5)',
767
767
  attributes: {
768
768
  hex: '245be7',
769
769
  rgb: {
770
770
  r: 36,
771
771
  g: 91,
772
772
  b: 231,
773
- a: 0.05
773
+ a: 0.1
774
774
  }
775
775
  },
776
- $aliasedFrom: 'color.primary.L6'
776
+ $aliasedFrom: 'color.primary.L5'
777
777
  },
778
778
  color: {
779
779
  value: 'var(--lumx-color-primary-D2)',
@@ -789,32 +789,22 @@ var DESIGN_TOKENS = {
789
789
  $aliasedFrom: 'color.primary.D2'
790
790
  },
791
791
  'border-color': {
792
- value: 'var(--lumx-color-primary-N)',
793
- attributes: {
794
- hex: '245be7',
795
- rgb: {
796
- r: 36,
797
- g: 91,
798
- b: 231,
799
- a: 1
800
- }
801
- },
802
- $aliasedFrom: 'color.primary.N'
792
+ value: 'transparent'
803
793
  }
804
794
  },
805
795
  'theme-dark': {
806
796
  'background-color': {
807
- value: 'var(--lumx-color-light-L6)',
797
+ value: 'var(--lumx-color-light-L3)',
808
798
  attributes: {
809
799
  hex: 'ffffff',
810
800
  rgb: {
811
801
  r: 255,
812
802
  g: 255,
813
803
  b: 255,
814
- a: 0.1
804
+ a: 0.6
815
805
  }
816
806
  },
817
- $aliasedFrom: 'color.light.L6'
807
+ $aliasedFrom: 'color.light.L3'
818
808
  },
819
809
  color: {
820
810
  value: 'var(--lumx-color-light-N)',
@@ -830,17 +820,7 @@ var DESIGN_TOKENS = {
830
820
  $aliasedFrom: 'color.light.N'
831
821
  },
832
822
  'border-color': {
833
- value: 'var(--lumx-color-light-N)',
834
- attributes: {
835
- hex: 'ffffff',
836
- rgb: {
837
- r: 255,
838
- g: 255,
839
- b: 255,
840
- a: 1
841
- }
842
- },
843
- $aliasedFrom: 'color.light.N'
823
+ value: 'transparent'
844
824
  }
845
825
  }
846
826
  },
@@ -852,21 +832,21 @@ var DESIGN_TOKENS = {
852
832
  }
853
833
  },
854
834
  'border-width': {
855
- value: '1px'
835
+ value: '0'
856
836
  },
857
837
  'theme-light': {
858
838
  'background-color': {
859
- value: 'var(--lumx-color-primary-L5)',
839
+ value: 'var(--lumx-color-primary-L4)',
860
840
  attributes: {
861
841
  hex: '245be7',
862
842
  rgb: {
863
843
  r: 36,
864
844
  g: 91,
865
845
  b: 231,
866
- a: 0.1
846
+ a: 0.2
867
847
  }
868
848
  },
869
- $aliasedFrom: 'color.primary.L5'
849
+ $aliasedFrom: 'color.primary.L4'
870
850
  },
871
851
  color: {
872
852
  value: 'var(--lumx-color-primary-D2)',
@@ -882,32 +862,22 @@ var DESIGN_TOKENS = {
882
862
  $aliasedFrom: 'color.primary.D2'
883
863
  },
884
864
  'border-color': {
885
- value: 'var(--lumx-color-primary-N)',
886
- attributes: {
887
- hex: '245be7',
888
- rgb: {
889
- r: 36,
890
- g: 91,
891
- b: 231,
892
- a: 1
893
- }
894
- },
895
- $aliasedFrom: 'color.primary.N'
865
+ value: 'transparent'
896
866
  }
897
867
  },
898
868
  'theme-dark': {
899
869
  'background-color': {
900
- value: 'var(--lumx-color-light-L5)',
870
+ value: 'var(--lumx-color-light-L4)',
901
871
  attributes: {
902
872
  hex: 'ffffff',
903
873
  rgb: {
904
874
  r: 255,
905
875
  g: 255,
906
876
  b: 255,
907
- a: 0.2
877
+ a: 0.4
908
878
  }
909
879
  },
910
- $aliasedFrom: 'color.light.L5'
880
+ $aliasedFrom: 'color.light.L4'
911
881
  },
912
882
  color: {
913
883
  value: 'var(--lumx-color-light-N)',
@@ -923,17 +893,7 @@ var DESIGN_TOKENS = {
923
893
  $aliasedFrom: 'color.light.N'
924
894
  },
925
895
  'border-color': {
926
- value: 'var(--lumx-color-light-N)',
927
- attributes: {
928
- hex: 'ffffff',
929
- rgb: {
930
- r: 255,
931
- g: 255,
932
- b: 255,
933
- a: 1
934
- }
935
- },
936
- $aliasedFrom: 'color.light.N'
896
+ value: 'transparent'
937
897
  }
938
898
  }
939
899
  },
@@ -945,21 +905,21 @@ var DESIGN_TOKENS = {
945
905
  }
946
906
  },
947
907
  'border-width': {
948
- value: '1px'
908
+ value: '0'
949
909
  },
950
910
  'theme-light': {
951
911
  'background-color': {
952
- value: 'var(--lumx-color-primary-L4)',
912
+ value: 'var(--lumx-color-primary-L3)',
953
913
  attributes: {
954
914
  hex: '245be7',
955
915
  rgb: {
956
916
  r: 36,
957
917
  g: 91,
958
918
  b: 231,
959
- a: 0.2
919
+ a: 0.4
960
920
  }
961
921
  },
962
- $aliasedFrom: 'color.primary.L4'
922
+ $aliasedFrom: 'color.primary.L3'
963
923
  },
964
924
  color: {
965
925
  value: 'var(--lumx-color-primary-D2)',
@@ -975,32 +935,22 @@ var DESIGN_TOKENS = {
975
935
  $aliasedFrom: 'color.primary.D2'
976
936
  },
977
937
  'border-color': {
978
- value: 'var(--lumx-color-primary-N)',
979
- attributes: {
980
- hex: '245be7',
981
- rgb: {
982
- r: 36,
983
- g: 91,
984
- b: 231,
985
- a: 1
986
- }
987
- },
988
- $aliasedFrom: 'color.primary.N'
938
+ value: 'transparent'
989
939
  }
990
940
  },
991
941
  'theme-dark': {
992
942
  'background-color': {
993
- value: 'var(--lumx-color-light-L4)',
943
+ value: 'var(--lumx-color-light-L5)',
994
944
  attributes: {
995
945
  hex: 'ffffff',
996
946
  rgb: {
997
947
  r: 255,
998
948
  g: 255,
999
949
  b: 255,
1000
- a: 0.4
950
+ a: 0.2
1001
951
  }
1002
952
  },
1003
- $aliasedFrom: 'color.light.L4'
953
+ $aliasedFrom: 'color.light.L5'
1004
954
  },
1005
955
  color: {
1006
956
  value: 'var(--lumx-color-light-N)',
@@ -1016,17 +966,7 @@ var DESIGN_TOKENS = {
1016
966
  $aliasedFrom: 'color.light.N'
1017
967
  },
1018
968
  'border-color': {
1019
- value: 'var(--lumx-color-light-N)',
1020
- attributes: {
1021
- hex: 'ffffff',
1022
- rgb: {
1023
- r: 255,
1024
- g: 255,
1025
- b: 255,
1026
- a: 1
1027
- }
1028
- },
1029
- $aliasedFrom: 'color.light.N'
969
+ value: 'transparent'
1030
970
  }
1031
971
  }
1032
972
  }
@@ -1036,95 +976,65 @@ var DESIGN_TOKENS = {
1036
976
  'emphasis-selected': {
1037
977
  'state-default': {
1038
978
  'border-width': {
1039
- value: '1px'
979
+ value: '0'
1040
980
  },
1041
981
  'theme-light': {
1042
982
  'border-color': {
1043
- value: 'var(--lumx-color-primary-N)',
1044
- attributes: {
1045
- hex: '245be7',
1046
- rgb: {
1047
- r: 36,
1048
- g: 91,
1049
- b: 231,
1050
- a: 1
1051
- }
1052
- },
1053
- $aliasedFrom: 'color.primary.N'
983
+ value: 'transparent'
1054
984
  },
1055
985
  'background-color': {
1056
- value: 'var(--lumx-color-primary-L6)',
986
+ value: 'var(--lumx-color-primary-L5)',
1057
987
  attributes: {
1058
988
  hex: '245be7',
1059
989
  rgb: {
1060
990
  r: 36,
1061
991
  g: 91,
1062
992
  b: 231,
1063
- a: 0.05
993
+ a: 0.1
1064
994
  }
1065
995
  },
1066
- $aliasedFrom: 'color.primary.L6'
996
+ $aliasedFrom: 'color.primary.L5'
1067
997
  }
1068
998
  },
1069
999
  'theme-dark': {
1070
1000
  'border-color': {
1071
- value: 'var(--lumx-color-light-N)',
1072
- attributes: {
1073
- hex: 'ffffff',
1074
- rgb: {
1075
- r: 255,
1076
- g: 255,
1077
- b: 255,
1078
- a: 1
1079
- }
1080
- },
1081
- $aliasedFrom: 'color.light.N'
1001
+ value: 'transparent'
1082
1002
  },
1083
1003
  'background-color': {
1084
- value: 'var(--lumx-color-light-L6)',
1004
+ value: 'var(--lumx-color-light-L3)',
1085
1005
  attributes: {
1086
1006
  hex: 'ffffff',
1087
1007
  rgb: {
1088
1008
  r: 255,
1089
1009
  g: 255,
1090
1010
  b: 255,
1091
- a: 0.1
1011
+ a: 0.6
1092
1012
  }
1093
1013
  },
1094
- $aliasedFrom: 'color.light.L6'
1014
+ $aliasedFrom: 'color.light.L3'
1095
1015
  }
1096
1016
  }
1097
1017
  },
1098
1018
  'state-hover': {
1099
1019
  'border-width': {
1100
- value: '1px'
1020
+ value: '0'
1101
1021
  },
1102
1022
  'theme-light': {
1103
1023
  'border-color': {
1104
- value: 'var(--lumx-color-primary-N)',
1105
- attributes: {
1106
- hex: '245be7',
1107
- rgb: {
1108
- r: 36,
1109
- g: 91,
1110
- b: 231,
1111
- a: 1
1112
- }
1113
- },
1114
- $aliasedFrom: 'color.primary.N'
1024
+ value: 'transparent'
1115
1025
  },
1116
1026
  'background-color': {
1117
- value: 'var(--lumx-color-primary-L5)',
1027
+ value: 'var(--lumx-color-primary-L4)',
1118
1028
  attributes: {
1119
1029
  hex: '245be7',
1120
1030
  rgb: {
1121
1031
  r: 36,
1122
1032
  g: 91,
1123
1033
  b: 231,
1124
- a: 0.1
1034
+ a: 0.2
1125
1035
  }
1126
1036
  },
1127
- $aliasedFrom: 'color.primary.L5'
1037
+ $aliasedFrom: 'color.primary.L4'
1128
1038
  }
1129
1039
  },
1130
1040
  'theme-dark': {
@@ -1132,78 +1042,58 @@ var DESIGN_TOKENS = {
1132
1042
  value: 'transparent'
1133
1043
  },
1134
1044
  'background-color': {
1135
- value: 'var(--lumx-color-light-L5)',
1045
+ value: 'var(--lumx-color-light-L4)',
1136
1046
  attributes: {
1137
1047
  hex: 'ffffff',
1138
1048
  rgb: {
1139
1049
  r: 255,
1140
1050
  g: 255,
1141
1051
  b: 255,
1142
- a: 0.2
1052
+ a: 0.4
1143
1053
  }
1144
1054
  },
1145
- $aliasedFrom: 'color.light.L5'
1055
+ $aliasedFrom: 'color.light.L4'
1146
1056
  }
1147
1057
  }
1148
1058
  },
1149
1059
  'state-active': {
1150
1060
  'border-width': {
1151
- value: '1px'
1061
+ value: '0'
1152
1062
  },
1153
1063
  'theme-light': {
1154
1064
  'border-color': {
1155
- value: 'var(--lumx-color-primary-N)',
1156
- attributes: {
1157
- hex: '245be7',
1158
- rgb: {
1159
- r: 36,
1160
- g: 91,
1161
- b: 231,
1162
- a: 1
1163
- }
1164
- },
1165
- $aliasedFrom: 'color.primary.N'
1065
+ value: 'transparent'
1166
1066
  },
1167
1067
  'background-color': {
1168
- value: 'var(--lumx-color-primary-L4)',
1068
+ value: 'var(--lumx-color-primary-L3)',
1169
1069
  attributes: {
1170
1070
  hex: '245be7',
1171
1071
  rgb: {
1172
1072
  r: 36,
1173
1073
  g: 91,
1174
1074
  b: 231,
1175
- a: 0.2
1075
+ a: 0.4
1176
1076
  }
1177
1077
  },
1178
- $aliasedFrom: 'color.primary.L4'
1078
+ $aliasedFrom: 'color.primary.L3'
1179
1079
  }
1180
1080
  },
1181
1081
  'theme-dark': {
1182
1082
  'border-color': {
1183
- value: 'var(--lumx-color-light-N)',
1184
- attributes: {
1185
- hex: 'ffffff',
1186
- rgb: {
1187
- r: 255,
1188
- g: 255,
1189
- b: 255,
1190
- a: 1
1191
- }
1192
- },
1193
- $aliasedFrom: 'color.light.N'
1083
+ value: 'transparent'
1194
1084
  },
1195
1085
  'background-color': {
1196
- value: 'var(--lumx-color-light-L4)',
1086
+ value: 'var(--lumx-color-light-L5)',
1197
1087
  attributes: {
1198
1088
  hex: 'ffffff',
1199
1089
  rgb: {
1200
1090
  r: 255,
1201
1091
  g: 255,
1202
1092
  b: 255,
1203
- a: 0.4
1093
+ a: 0.2
1204
1094
  }
1205
1095
  },
1206
- $aliasedFrom: 'color.light.L4'
1096
+ $aliasedFrom: 'color.light.L5'
1207
1097
  }
1208
1098
  }
1209
1099
  }
@@ -1891,38 +1781,38 @@ var DESIGN_TOKENS = {
1891
1781
  border: {
1892
1782
  top: {
1893
1783
  width: {
1894
- value: '1px'
1784
+ value: '0px'
1895
1785
  }
1896
1786
  },
1897
1787
  right: {
1898
1788
  width: {
1899
- value: '1px'
1789
+ value: '0px'
1900
1790
  }
1901
1791
  },
1902
1792
  bottom: {
1903
1793
  width: {
1904
- value: '1px'
1794
+ value: '0px'
1905
1795
  }
1906
1796
  },
1907
1797
  left: {
1908
1798
  width: {
1909
- value: '1px'
1799
+ value: '0px'
1910
1800
  }
1911
1801
  }
1912
1802
  },
1913
1803
  'theme-light': {
1914
1804
  'background-color': {
1915
- value: 'var(--lumx-color-primary-L6)',
1805
+ value: 'var(--lumx-color-primary-L5)',
1916
1806
  attributes: {
1917
1807
  hex: '245be7',
1918
1808
  rgb: {
1919
1809
  r: 36,
1920
1810
  g: 91,
1921
1811
  b: 231,
1922
- a: 0.05
1812
+ a: 0.1
1923
1813
  }
1924
1814
  },
1925
- $aliasedFrom: 'color.primary.L6'
1815
+ $aliasedFrom: 'color.primary.L5'
1926
1816
  },
1927
1817
  'border-color': {
1928
1818
  value: 'var(--lumx-color-primary-N)',
@@ -1982,17 +1872,17 @@ var DESIGN_TOKENS = {
1982
1872
  },
1983
1873
  'theme-dark': {
1984
1874
  'background-color': {
1985
- value: 'var(--lumx-color-light-L6)',
1875
+ value: 'var(--lumx-color-light-L3)',
1986
1876
  attributes: {
1987
1877
  hex: 'ffffff',
1988
1878
  rgb: {
1989
1879
  r: 255,
1990
1880
  g: 255,
1991
1881
  b: 255,
1992
- a: 0.1
1882
+ a: 0.6
1993
1883
  }
1994
1884
  },
1995
- $aliasedFrom: 'color.light.L6'
1885
+ $aliasedFrom: 'color.light.L3'
1996
1886
  },
1997
1887
  'border-color': {
1998
1888
  value: 'var(--lumx-color-light-N)',
@@ -2055,38 +1945,38 @@ var DESIGN_TOKENS = {
2055
1945
  border: {
2056
1946
  top: {
2057
1947
  width: {
2058
- value: '1px'
1948
+ value: '0px'
2059
1949
  }
2060
1950
  },
2061
1951
  right: {
2062
1952
  width: {
2063
- value: '1px'
1953
+ value: '0px'
2064
1954
  }
2065
1955
  },
2066
1956
  bottom: {
2067
1957
  width: {
2068
- value: '1px'
1958
+ value: '0px'
2069
1959
  }
2070
1960
  },
2071
1961
  left: {
2072
1962
  width: {
2073
- value: '1px'
1963
+ value: '0px'
2074
1964
  }
2075
1965
  }
2076
1966
  },
2077
1967
  'theme-light': {
2078
1968
  'background-color': {
2079
- value: 'var(--lumx-color-primary-L5)',
1969
+ value: 'var(--lumx-color-primary-L4)',
2080
1970
  attributes: {
2081
1971
  hex: '245be7',
2082
1972
  rgb: {
2083
1973
  r: 36,
2084
1974
  g: 91,
2085
1975
  b: 231,
2086
- a: 0.1
1976
+ a: 0.2
2087
1977
  }
2088
1978
  },
2089
- $aliasedFrom: 'color.primary.L5'
1979
+ $aliasedFrom: 'color.primary.L4'
2090
1980
  },
2091
1981
  'border-color': {
2092
1982
  value: 'var(--lumx-color-primary-N)',
@@ -2128,17 +2018,17 @@ var DESIGN_TOKENS = {
2128
2018
  $aliasedFrom: 'color.primary.D2'
2129
2019
  },
2130
2020
  'chevron-background-color': {
2131
- value: 'var(--lumx-color-primary-L5)',
2021
+ value: 'var(--lumx-color-primary-L4)',
2132
2022
  attributes: {
2133
2023
  hex: '245be7',
2134
2024
  rgb: {
2135
2025
  r: 36,
2136
2026
  g: 91,
2137
2027
  b: 231,
2138
- a: 0.1
2028
+ a: 0.2
2139
2029
  }
2140
2030
  },
2141
- $aliasedFrom: 'color.primary.L5'
2031
+ $aliasedFrom: 'color.primary.L4'
2142
2032
  },
2143
2033
  'chevron-color': {
2144
2034
  value: 'var(--lumx-color-primary-D2)',
@@ -2156,17 +2046,17 @@ var DESIGN_TOKENS = {
2156
2046
  },
2157
2047
  'theme-dark': {
2158
2048
  'background-color': {
2159
- value: 'var(--lumx-color-light-L5)',
2049
+ value: 'var(--lumx-color-light-L4)',
2160
2050
  attributes: {
2161
2051
  hex: 'ffffff',
2162
2052
  rgb: {
2163
2053
  r: 255,
2164
2054
  g: 255,
2165
2055
  b: 255,
2166
- a: 0.2
2056
+ a: 0.4
2167
2057
  }
2168
2058
  },
2169
- $aliasedFrom: 'color.light.L5'
2059
+ $aliasedFrom: 'color.light.L4'
2170
2060
  },
2171
2061
  'border-color': {
2172
2062
  value: 'var(--lumx-color-light-N)',
@@ -2208,17 +2098,17 @@ var DESIGN_TOKENS = {
2208
2098
  $aliasedFrom: 'color.light.N'
2209
2099
  },
2210
2100
  'chevron-background-color': {
2211
- value: 'var(--lumx-color-light-L5)',
2101
+ value: 'var(--lumx-color-light-L4)',
2212
2102
  attributes: {
2213
2103
  hex: 'ffffff',
2214
2104
  rgb: {
2215
2105
  r: 255,
2216
2106
  g: 255,
2217
2107
  b: 255,
2218
- a: 0.2
2108
+ a: 0.4
2219
2109
  }
2220
2110
  },
2221
- $aliasedFrom: 'color.light.L5'
2111
+ $aliasedFrom: 'color.light.L4'
2222
2112
  },
2223
2113
  'chevron-color': {
2224
2114
  value: 'var(--lumx-color-light-N)',
@@ -2239,38 +2129,38 @@ var DESIGN_TOKENS = {
2239
2129
  border: {
2240
2130
  top: {
2241
2131
  width: {
2242
- value: '1px'
2132
+ value: '0px'
2243
2133
  }
2244
2134
  },
2245
2135
  right: {
2246
2136
  width: {
2247
- value: '1px'
2137
+ value: '0px'
2248
2138
  }
2249
2139
  },
2250
2140
  bottom: {
2251
2141
  width: {
2252
- value: '1px'
2142
+ value: '0px'
2253
2143
  }
2254
2144
  },
2255
2145
  left: {
2256
2146
  width: {
2257
- value: '1px'
2147
+ value: '0px'
2258
2148
  }
2259
2149
  }
2260
2150
  },
2261
2151
  'theme-light': {
2262
2152
  'background-color': {
2263
- value: 'var(--lumx-color-primary-L4)',
2153
+ value: 'var(--lumx-color-primary-L3)',
2264
2154
  attributes: {
2265
2155
  hex: '245be7',
2266
2156
  rgb: {
2267
2157
  r: 36,
2268
2158
  g: 91,
2269
2159
  b: 231,
2270
- a: 0.2
2160
+ a: 0.4
2271
2161
  }
2272
2162
  },
2273
- $aliasedFrom: 'color.primary.L4'
2163
+ $aliasedFrom: 'color.primary.L3'
2274
2164
  },
2275
2165
  'border-color': {
2276
2166
  value: 'var(--lumx-color-primary-N)',
@@ -2312,17 +2202,17 @@ var DESIGN_TOKENS = {
2312
2202
  $aliasedFrom: 'color.primary.D2'
2313
2203
  },
2314
2204
  'chevron-background-color': {
2315
- value: 'var(--lumx-color-primary-L4)',
2205
+ value: 'var(--lumx-color-primary-L3)',
2316
2206
  attributes: {
2317
2207
  hex: '245be7',
2318
2208
  rgb: {
2319
2209
  r: 36,
2320
2210
  g: 91,
2321
2211
  b: 231,
2322
- a: 0.2
2212
+ a: 0.4
2323
2213
  }
2324
2214
  },
2325
- $aliasedFrom: 'color.primary.L4'
2215
+ $aliasedFrom: 'color.primary.L3'
2326
2216
  },
2327
2217
  'chevron-color': {
2328
2218
  value: 'var(--lumx-color-primary-D2)',
@@ -2340,17 +2230,17 @@ var DESIGN_TOKENS = {
2340
2230
  },
2341
2231
  'theme-dark': {
2342
2232
  'background-color': {
2343
- value: 'var(--lumx-color-light-L4)',
2233
+ value: 'var(--lumx-color-light-L5)',
2344
2234
  attributes: {
2345
2235
  hex: 'ffffff',
2346
2236
  rgb: {
2347
2237
  r: 255,
2348
2238
  g: 255,
2349
2239
  b: 255,
2350
- a: 0.4
2240
+ a: 0.2
2351
2241
  }
2352
2242
  },
2353
- $aliasedFrom: 'color.light.L4'
2243
+ $aliasedFrom: 'color.light.L5'
2354
2244
  },
2355
2245
  'border-color': {
2356
2246
  value: 'var(--lumx-color-light-N)',
@@ -2392,17 +2282,17 @@ var DESIGN_TOKENS = {
2392
2282
  $aliasedFrom: 'color.light.N'
2393
2283
  },
2394
2284
  'chevron-background-color': {
2395
- value: 'var(--lumx-color-light-L4)',
2285
+ value: 'var(--lumx-color-light-L5)',
2396
2286
  attributes: {
2397
2287
  hex: 'ffffff',
2398
2288
  rgb: {
2399
2289
  r: 255,
2400
2290
  g: 255,
2401
2291
  b: 255,
2402
- a: 0.4
2292
+ a: 0.2
2403
2293
  }
2404
2294
  },
2405
- $aliasedFrom: 'color.light.L4'
2295
+ $aliasedFrom: 'color.light.L5'
2406
2296
  },
2407
2297
  'chevron-color': {
2408
2298
  value: 'var(--lumx-color-light-N)',
@@ -2427,100 +2317,70 @@ var DESIGN_TOKENS = {
2427
2317
  'emphasis-selected': {
2428
2318
  'state-default': {
2429
2319
  'border-width': {
2430
- value: '1px'
2320
+ value: '0'
2431
2321
  },
2432
2322
  'theme-light': {
2433
2323
  'border-color': {
2434
- value: 'var(--lumx-color-primary-N)',
2435
- attributes: {
2436
- hex: '245be7',
2437
- rgb: {
2438
- r: 36,
2439
- g: 91,
2440
- b: 231,
2441
- a: 1
2442
- }
2443
- },
2444
- $aliasedFrom: 'color.primary.N'
2324
+ value: 'transparent'
2445
2325
  },
2446
2326
  'background-color': {
2447
- value: 'var(--lumx-color-primary-L6)',
2327
+ value: 'var(--lumx-color-primary-L5)',
2448
2328
  attributes: {
2449
2329
  hex: '245be7',
2450
2330
  rgb: {
2451
2331
  r: 36,
2452
2332
  g: 91,
2453
2333
  b: 231,
2454
- a: 0.05
2334
+ a: 0.1
2455
2335
  }
2456
2336
  },
2457
- $aliasedFrom: 'color.primary.L6'
2337
+ $aliasedFrom: 'color.primary.L5'
2458
2338
  }
2459
2339
  }
2460
2340
  },
2461
2341
  'state-hover': {
2462
2342
  'border-width': {
2463
- value: '1px'
2343
+ value: '0'
2464
2344
  },
2465
2345
  'theme-light': {
2466
2346
  'border-color': {
2467
- value: 'var(--lumx-color-primary-N)',
2468
- attributes: {
2469
- hex: '245be7',
2470
- rgb: {
2471
- r: 36,
2472
- g: 91,
2473
- b: 231,
2474
- a: 1
2475
- }
2476
- },
2477
- $aliasedFrom: 'color.primary.N'
2347
+ value: 'transparent'
2478
2348
  },
2479
2349
  'background-color': {
2480
- value: 'var(--lumx-color-primary-L5)',
2350
+ value: 'var(--lumx-color-primary-L4)',
2481
2351
  attributes: {
2482
2352
  hex: '245be7',
2483
2353
  rgb: {
2484
2354
  r: 36,
2485
2355
  g: 91,
2486
2356
  b: 231,
2487
- a: 0.1
2357
+ a: 0.2
2488
2358
  }
2489
2359
  },
2490
- $aliasedFrom: 'color.primary.L5'
2360
+ $aliasedFrom: 'color.primary.L4'
2491
2361
  }
2492
2362
  }
2493
2363
  },
2494
2364
  'state-active': {
2495
2365
  'border-width': {
2496
- value: '1px'
2366
+ value: '0'
2497
2367
  },
2498
2368
  'theme-light': {
2499
2369
  'border-color': {
2500
- value: 'var(--lumx-color-primary-N)',
2501
- attributes: {
2502
- hex: '245be7',
2503
- rgb: {
2504
- r: 36,
2505
- g: 91,
2506
- b: 231,
2507
- a: 1
2508
- }
2509
- },
2510
- $aliasedFrom: 'color.primary.N'
2370
+ value: 'transparent'
2511
2371
  },
2512
2372
  'background-color': {
2513
- value: 'var(--lumx-color-primary-L4)',
2373
+ value: 'var(--lumx-color-primary-L3)',
2514
2374
  attributes: {
2515
2375
  hex: '245be7',
2516
2376
  rgb: {
2517
2377
  r: 36,
2518
2378
  g: 91,
2519
2379
  b: 231,
2520
- a: 0.2
2380
+ a: 0.4
2521
2381
  }
2522
2382
  },
2523
- $aliasedFrom: 'color.primary.L4'
2383
+ $aliasedFrom: 'color.primary.L3'
2524
2384
  }
2525
2385
  }
2526
2386
  }
@@ -3212,17 +3072,17 @@ var DESIGN_TOKENS = {
3212
3072
  $aliasedFrom: 'color.dark.L6'
3213
3073
  },
3214
3074
  'border-color': {
3215
- value: 'var(--lumx-color-dark-L3)',
3075
+ value: 'var(--lumx-color-dark-L4)',
3216
3076
  attributes: {
3217
3077
  hex: '000000',
3218
3078
  rgb: {
3219
3079
  r: 0,
3220
3080
  g: 0,
3221
3081
  b: 0,
3222
- a: 0.38
3082
+ a: 0.2
3223
3083
  }
3224
3084
  },
3225
- $aliasedFrom: 'color.dark.L3'
3085
+ $aliasedFrom: 'color.dark.L4'
3226
3086
  },
3227
3087
  content: {
3228
3088
  color: {
@@ -3392,17 +3252,17 @@ var DESIGN_TOKENS = {
3392
3252
  $aliasedFrom: 'color.dark.L5'
3393
3253
  },
3394
3254
  'border-color': {
3395
- value: 'var(--lumx-color-dark-L3)',
3255
+ value: 'var(--lumx-color-dark-L4)',
3396
3256
  attributes: {
3397
3257
  hex: '000000',
3398
3258
  rgb: {
3399
3259
  r: 0,
3400
3260
  g: 0,
3401
3261
  b: 0,
3402
- a: 0.38
3262
+ a: 0.2
3403
3263
  }
3404
3264
  },
3405
- $aliasedFrom: 'color.dark.L3'
3265
+ $aliasedFrom: 'color.dark.L4'
3406
3266
  },
3407
3267
  content: {
3408
3268
  color: {