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