@lumx/core 3.9.8 → 3.9.9-alpha.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/css/design-tokens.css +64 -64
- package/js/constants/design-tokens.js +268 -118
- 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 +178 -118
- package/lumx.css +1 -1
- package/lumx.min.css +1 -1
- package/package.json +1 -1
- package/scss/_design-tokens.scss +64 -64
- package/scss/components/button/_index.scss +8 -4
- 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 Mon, 13 Jan 2025 09:24:38 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,124 +1036,184 @@ 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': {
|
|
1041
1131
|
'border-color': {
|
|
1042
|
-
value: '
|
|
1132
|
+
value: 'var(--lumx-color-light-N)',
|
|
1133
|
+
attributes: {
|
|
1134
|
+
hex: 'ffffff',
|
|
1135
|
+
rgb: {
|
|
1136
|
+
r: 255,
|
|
1137
|
+
g: 255,
|
|
1138
|
+
b: 255,
|
|
1139
|
+
a: 1
|
|
1140
|
+
}
|
|
1141
|
+
},
|
|
1142
|
+
$aliasedFrom: 'color.light.N'
|
|
1043
1143
|
},
|
|
1044
1144
|
'background-color': {
|
|
1045
|
-
value: 'var(--lumx-color-light-
|
|
1145
|
+
value: 'var(--lumx-color-light-L5)',
|
|
1046
1146
|
attributes: {
|
|
1047
1147
|
hex: 'ffffff',
|
|
1048
1148
|
rgb: {
|
|
1049
1149
|
r: 255,
|
|
1050
1150
|
g: 255,
|
|
1051
1151
|
b: 255,
|
|
1052
|
-
a: 0.
|
|
1152
|
+
a: 0.2
|
|
1053
1153
|
}
|
|
1054
1154
|
},
|
|
1055
|
-
$aliasedFrom: 'color.light.
|
|
1155
|
+
$aliasedFrom: 'color.light.L5'
|
|
1056
1156
|
}
|
|
1057
1157
|
}
|
|
1058
1158
|
},
|
|
1059
1159
|
'state-active': {
|
|
1060
1160
|
'border-width': {
|
|
1061
|
-
value: '
|
|
1161
|
+
value: '1px'
|
|
1062
1162
|
},
|
|
1063
1163
|
'theme-light': {
|
|
1064
1164
|
'border-color': {
|
|
1065
|
-
value: '
|
|
1165
|
+
value: 'var(--lumx-color-primary-N)',
|
|
1166
|
+
attributes: {
|
|
1167
|
+
hex: '245be7',
|
|
1168
|
+
rgb: {
|
|
1169
|
+
r: 36,
|
|
1170
|
+
g: 91,
|
|
1171
|
+
b: 231,
|
|
1172
|
+
a: 1
|
|
1173
|
+
}
|
|
1174
|
+
},
|
|
1175
|
+
$aliasedFrom: 'color.primary.N'
|
|
1066
1176
|
},
|
|
1067
1177
|
'background-color': {
|
|
1068
|
-
value: 'var(--lumx-color-primary-
|
|
1178
|
+
value: 'var(--lumx-color-primary-L4)',
|
|
1069
1179
|
attributes: {
|
|
1070
1180
|
hex: '245be7',
|
|
1071
1181
|
rgb: {
|
|
1072
1182
|
r: 36,
|
|
1073
1183
|
g: 91,
|
|
1074
1184
|
b: 231,
|
|
1075
|
-
a: 0.
|
|
1185
|
+
a: 0.2
|
|
1076
1186
|
}
|
|
1077
1187
|
},
|
|
1078
|
-
$aliasedFrom: 'color.primary.
|
|
1188
|
+
$aliasedFrom: 'color.primary.L4'
|
|
1079
1189
|
}
|
|
1080
1190
|
},
|
|
1081
1191
|
'theme-dark': {
|
|
1082
1192
|
'border-color': {
|
|
1083
|
-
value: '
|
|
1193
|
+
value: 'var(--lumx-color-light-N)',
|
|
1194
|
+
attributes: {
|
|
1195
|
+
hex: 'ffffff',
|
|
1196
|
+
rgb: {
|
|
1197
|
+
r: 255,
|
|
1198
|
+
g: 255,
|
|
1199
|
+
b: 255,
|
|
1200
|
+
a: 1
|
|
1201
|
+
}
|
|
1202
|
+
},
|
|
1203
|
+
$aliasedFrom: 'color.light.N'
|
|
1084
1204
|
},
|
|
1085
1205
|
'background-color': {
|
|
1086
|
-
value: 'var(--lumx-color-light-
|
|
1206
|
+
value: 'var(--lumx-color-light-L4)',
|
|
1087
1207
|
attributes: {
|
|
1088
1208
|
hex: 'ffffff',
|
|
1089
1209
|
rgb: {
|
|
1090
1210
|
r: 255,
|
|
1091
1211
|
g: 255,
|
|
1092
1212
|
b: 255,
|
|
1093
|
-
a: 0.
|
|
1213
|
+
a: 0.4
|
|
1094
1214
|
}
|
|
1095
1215
|
},
|
|
1096
|
-
$aliasedFrom: 'color.light.
|
|
1216
|
+
$aliasedFrom: 'color.light.L4'
|
|
1097
1217
|
}
|
|
1098
1218
|
}
|
|
1099
1219
|
}
|
|
@@ -1781,38 +1901,38 @@ var DESIGN_TOKENS = {
|
|
|
1781
1901
|
border: {
|
|
1782
1902
|
top: {
|
|
1783
1903
|
width: {
|
|
1784
|
-
value: '
|
|
1904
|
+
value: '1px'
|
|
1785
1905
|
}
|
|
1786
1906
|
},
|
|
1787
1907
|
right: {
|
|
1788
1908
|
width: {
|
|
1789
|
-
value: '
|
|
1909
|
+
value: '1px'
|
|
1790
1910
|
}
|
|
1791
1911
|
},
|
|
1792
1912
|
bottom: {
|
|
1793
1913
|
width: {
|
|
1794
|
-
value: '
|
|
1914
|
+
value: '1px'
|
|
1795
1915
|
}
|
|
1796
1916
|
},
|
|
1797
1917
|
left: {
|
|
1798
1918
|
width: {
|
|
1799
|
-
value: '
|
|
1919
|
+
value: '1px'
|
|
1800
1920
|
}
|
|
1801
1921
|
}
|
|
1802
1922
|
},
|
|
1803
1923
|
'theme-light': {
|
|
1804
1924
|
'background-color': {
|
|
1805
|
-
value: 'var(--lumx-color-primary-
|
|
1925
|
+
value: 'var(--lumx-color-primary-L6)',
|
|
1806
1926
|
attributes: {
|
|
1807
1927
|
hex: '245be7',
|
|
1808
1928
|
rgb: {
|
|
1809
1929
|
r: 36,
|
|
1810
1930
|
g: 91,
|
|
1811
1931
|
b: 231,
|
|
1812
|
-
a: 0.
|
|
1932
|
+
a: 0.05
|
|
1813
1933
|
}
|
|
1814
1934
|
},
|
|
1815
|
-
$aliasedFrom: 'color.primary.
|
|
1935
|
+
$aliasedFrom: 'color.primary.L6'
|
|
1816
1936
|
},
|
|
1817
1937
|
'border-color': {
|
|
1818
1938
|
value: 'var(--lumx-color-primary-N)',
|
|
@@ -1872,17 +1992,17 @@ var DESIGN_TOKENS = {
|
|
|
1872
1992
|
},
|
|
1873
1993
|
'theme-dark': {
|
|
1874
1994
|
'background-color': {
|
|
1875
|
-
value: 'var(--lumx-color-light-
|
|
1995
|
+
value: 'var(--lumx-color-light-L6)',
|
|
1876
1996
|
attributes: {
|
|
1877
1997
|
hex: 'ffffff',
|
|
1878
1998
|
rgb: {
|
|
1879
1999
|
r: 255,
|
|
1880
2000
|
g: 255,
|
|
1881
2001
|
b: 255,
|
|
1882
|
-
a: 0.
|
|
2002
|
+
a: 0.1
|
|
1883
2003
|
}
|
|
1884
2004
|
},
|
|
1885
|
-
$aliasedFrom: 'color.light.
|
|
2005
|
+
$aliasedFrom: 'color.light.L6'
|
|
1886
2006
|
},
|
|
1887
2007
|
'border-color': {
|
|
1888
2008
|
value: 'var(--lumx-color-light-N)',
|
|
@@ -1945,38 +2065,38 @@ var DESIGN_TOKENS = {
|
|
|
1945
2065
|
border: {
|
|
1946
2066
|
top: {
|
|
1947
2067
|
width: {
|
|
1948
|
-
value: '
|
|
2068
|
+
value: '1px'
|
|
1949
2069
|
}
|
|
1950
2070
|
},
|
|
1951
2071
|
right: {
|
|
1952
2072
|
width: {
|
|
1953
|
-
value: '
|
|
2073
|
+
value: '1px'
|
|
1954
2074
|
}
|
|
1955
2075
|
},
|
|
1956
2076
|
bottom: {
|
|
1957
2077
|
width: {
|
|
1958
|
-
value: '
|
|
2078
|
+
value: '1px'
|
|
1959
2079
|
}
|
|
1960
2080
|
},
|
|
1961
2081
|
left: {
|
|
1962
2082
|
width: {
|
|
1963
|
-
value: '
|
|
2083
|
+
value: '1px'
|
|
1964
2084
|
}
|
|
1965
2085
|
}
|
|
1966
2086
|
},
|
|
1967
2087
|
'theme-light': {
|
|
1968
2088
|
'background-color': {
|
|
1969
|
-
value: 'var(--lumx-color-primary-
|
|
2089
|
+
value: 'var(--lumx-color-primary-L5)',
|
|
1970
2090
|
attributes: {
|
|
1971
2091
|
hex: '245be7',
|
|
1972
2092
|
rgb: {
|
|
1973
2093
|
r: 36,
|
|
1974
2094
|
g: 91,
|
|
1975
2095
|
b: 231,
|
|
1976
|
-
a: 0.
|
|
2096
|
+
a: 0.1
|
|
1977
2097
|
}
|
|
1978
2098
|
},
|
|
1979
|
-
$aliasedFrom: 'color.primary.
|
|
2099
|
+
$aliasedFrom: 'color.primary.L5'
|
|
1980
2100
|
},
|
|
1981
2101
|
'border-color': {
|
|
1982
2102
|
value: 'var(--lumx-color-primary-N)',
|
|
@@ -2018,17 +2138,17 @@ var DESIGN_TOKENS = {
|
|
|
2018
2138
|
$aliasedFrom: 'color.primary.D2'
|
|
2019
2139
|
},
|
|
2020
2140
|
'chevron-background-color': {
|
|
2021
|
-
value: 'var(--lumx-color-primary-
|
|
2141
|
+
value: 'var(--lumx-color-primary-L5)',
|
|
2022
2142
|
attributes: {
|
|
2023
2143
|
hex: '245be7',
|
|
2024
2144
|
rgb: {
|
|
2025
2145
|
r: 36,
|
|
2026
2146
|
g: 91,
|
|
2027
2147
|
b: 231,
|
|
2028
|
-
a: 0.
|
|
2148
|
+
a: 0.1
|
|
2029
2149
|
}
|
|
2030
2150
|
},
|
|
2031
|
-
$aliasedFrom: 'color.primary.
|
|
2151
|
+
$aliasedFrom: 'color.primary.L5'
|
|
2032
2152
|
},
|
|
2033
2153
|
'chevron-color': {
|
|
2034
2154
|
value: 'var(--lumx-color-primary-D2)',
|
|
@@ -2046,17 +2166,17 @@ var DESIGN_TOKENS = {
|
|
|
2046
2166
|
},
|
|
2047
2167
|
'theme-dark': {
|
|
2048
2168
|
'background-color': {
|
|
2049
|
-
value: 'var(--lumx-color-light-
|
|
2169
|
+
value: 'var(--lumx-color-light-L5)',
|
|
2050
2170
|
attributes: {
|
|
2051
2171
|
hex: 'ffffff',
|
|
2052
2172
|
rgb: {
|
|
2053
2173
|
r: 255,
|
|
2054
2174
|
g: 255,
|
|
2055
2175
|
b: 255,
|
|
2056
|
-
a: 0.
|
|
2176
|
+
a: 0.2
|
|
2057
2177
|
}
|
|
2058
2178
|
},
|
|
2059
|
-
$aliasedFrom: 'color.light.
|
|
2179
|
+
$aliasedFrom: 'color.light.L5'
|
|
2060
2180
|
},
|
|
2061
2181
|
'border-color': {
|
|
2062
2182
|
value: 'var(--lumx-color-light-N)',
|
|
@@ -2098,17 +2218,17 @@ var DESIGN_TOKENS = {
|
|
|
2098
2218
|
$aliasedFrom: 'color.light.N'
|
|
2099
2219
|
},
|
|
2100
2220
|
'chevron-background-color': {
|
|
2101
|
-
value: 'var(--lumx-color-light-
|
|
2221
|
+
value: 'var(--lumx-color-light-L5)',
|
|
2102
2222
|
attributes: {
|
|
2103
2223
|
hex: 'ffffff',
|
|
2104
2224
|
rgb: {
|
|
2105
2225
|
r: 255,
|
|
2106
2226
|
g: 255,
|
|
2107
2227
|
b: 255,
|
|
2108
|
-
a: 0.
|
|
2228
|
+
a: 0.2
|
|
2109
2229
|
}
|
|
2110
2230
|
},
|
|
2111
|
-
$aliasedFrom: 'color.light.
|
|
2231
|
+
$aliasedFrom: 'color.light.L5'
|
|
2112
2232
|
},
|
|
2113
2233
|
'chevron-color': {
|
|
2114
2234
|
value: 'var(--lumx-color-light-N)',
|
|
@@ -2129,38 +2249,38 @@ var DESIGN_TOKENS = {
|
|
|
2129
2249
|
border: {
|
|
2130
2250
|
top: {
|
|
2131
2251
|
width: {
|
|
2132
|
-
value: '
|
|
2252
|
+
value: '1px'
|
|
2133
2253
|
}
|
|
2134
2254
|
},
|
|
2135
2255
|
right: {
|
|
2136
2256
|
width: {
|
|
2137
|
-
value: '
|
|
2257
|
+
value: '1px'
|
|
2138
2258
|
}
|
|
2139
2259
|
},
|
|
2140
2260
|
bottom: {
|
|
2141
2261
|
width: {
|
|
2142
|
-
value: '
|
|
2262
|
+
value: '1px'
|
|
2143
2263
|
}
|
|
2144
2264
|
},
|
|
2145
2265
|
left: {
|
|
2146
2266
|
width: {
|
|
2147
|
-
value: '
|
|
2267
|
+
value: '1px'
|
|
2148
2268
|
}
|
|
2149
2269
|
}
|
|
2150
2270
|
},
|
|
2151
2271
|
'theme-light': {
|
|
2152
2272
|
'background-color': {
|
|
2153
|
-
value: 'var(--lumx-color-primary-
|
|
2273
|
+
value: 'var(--lumx-color-primary-L4)',
|
|
2154
2274
|
attributes: {
|
|
2155
2275
|
hex: '245be7',
|
|
2156
2276
|
rgb: {
|
|
2157
2277
|
r: 36,
|
|
2158
2278
|
g: 91,
|
|
2159
2279
|
b: 231,
|
|
2160
|
-
a: 0.
|
|
2280
|
+
a: 0.2
|
|
2161
2281
|
}
|
|
2162
2282
|
},
|
|
2163
|
-
$aliasedFrom: 'color.primary.
|
|
2283
|
+
$aliasedFrom: 'color.primary.L4'
|
|
2164
2284
|
},
|
|
2165
2285
|
'border-color': {
|
|
2166
2286
|
value: 'var(--lumx-color-primary-N)',
|
|
@@ -2202,17 +2322,17 @@ var DESIGN_TOKENS = {
|
|
|
2202
2322
|
$aliasedFrom: 'color.primary.D2'
|
|
2203
2323
|
},
|
|
2204
2324
|
'chevron-background-color': {
|
|
2205
|
-
value: 'var(--lumx-color-primary-
|
|
2325
|
+
value: 'var(--lumx-color-primary-L4)',
|
|
2206
2326
|
attributes: {
|
|
2207
2327
|
hex: '245be7',
|
|
2208
2328
|
rgb: {
|
|
2209
2329
|
r: 36,
|
|
2210
2330
|
g: 91,
|
|
2211
2331
|
b: 231,
|
|
2212
|
-
a: 0.
|
|
2332
|
+
a: 0.2
|
|
2213
2333
|
}
|
|
2214
2334
|
},
|
|
2215
|
-
$aliasedFrom: 'color.primary.
|
|
2335
|
+
$aliasedFrom: 'color.primary.L4'
|
|
2216
2336
|
},
|
|
2217
2337
|
'chevron-color': {
|
|
2218
2338
|
value: 'var(--lumx-color-primary-D2)',
|
|
@@ -2230,17 +2350,17 @@ var DESIGN_TOKENS = {
|
|
|
2230
2350
|
},
|
|
2231
2351
|
'theme-dark': {
|
|
2232
2352
|
'background-color': {
|
|
2233
|
-
value: 'var(--lumx-color-light-
|
|
2353
|
+
value: 'var(--lumx-color-light-L4)',
|
|
2234
2354
|
attributes: {
|
|
2235
2355
|
hex: 'ffffff',
|
|
2236
2356
|
rgb: {
|
|
2237
2357
|
r: 255,
|
|
2238
2358
|
g: 255,
|
|
2239
2359
|
b: 255,
|
|
2240
|
-
a: 0.
|
|
2360
|
+
a: 0.4
|
|
2241
2361
|
}
|
|
2242
2362
|
},
|
|
2243
|
-
$aliasedFrom: 'color.light.
|
|
2363
|
+
$aliasedFrom: 'color.light.L4'
|
|
2244
2364
|
},
|
|
2245
2365
|
'border-color': {
|
|
2246
2366
|
value: 'var(--lumx-color-light-N)',
|
|
@@ -2282,17 +2402,17 @@ var DESIGN_TOKENS = {
|
|
|
2282
2402
|
$aliasedFrom: 'color.light.N'
|
|
2283
2403
|
},
|
|
2284
2404
|
'chevron-background-color': {
|
|
2285
|
-
value: 'var(--lumx-color-light-
|
|
2405
|
+
value: 'var(--lumx-color-light-L4)',
|
|
2286
2406
|
attributes: {
|
|
2287
2407
|
hex: 'ffffff',
|
|
2288
2408
|
rgb: {
|
|
2289
2409
|
r: 255,
|
|
2290
2410
|
g: 255,
|
|
2291
2411
|
b: 255,
|
|
2292
|
-
a: 0.
|
|
2412
|
+
a: 0.4
|
|
2293
2413
|
}
|
|
2294
2414
|
},
|
|
2295
|
-
$aliasedFrom: 'color.light.
|
|
2415
|
+
$aliasedFrom: 'color.light.L4'
|
|
2296
2416
|
},
|
|
2297
2417
|
'chevron-color': {
|
|
2298
2418
|
value: 'var(--lumx-color-light-N)',
|
|
@@ -2317,70 +2437,100 @@ var DESIGN_TOKENS = {
|
|
|
2317
2437
|
'emphasis-selected': {
|
|
2318
2438
|
'state-default': {
|
|
2319
2439
|
'border-width': {
|
|
2320
|
-
value: '
|
|
2440
|
+
value: '1px'
|
|
2321
2441
|
},
|
|
2322
2442
|
'theme-light': {
|
|
2323
2443
|
'border-color': {
|
|
2324
|
-
value: '
|
|
2444
|
+
value: 'var(--lumx-color-primary-N)',
|
|
2445
|
+
attributes: {
|
|
2446
|
+
hex: '245be7',
|
|
2447
|
+
rgb: {
|
|
2448
|
+
r: 36,
|
|
2449
|
+
g: 91,
|
|
2450
|
+
b: 231,
|
|
2451
|
+
a: 1
|
|
2452
|
+
}
|
|
2453
|
+
},
|
|
2454
|
+
$aliasedFrom: 'color.primary.N'
|
|
2325
2455
|
},
|
|
2326
2456
|
'background-color': {
|
|
2327
|
-
value: 'var(--lumx-color-primary-
|
|
2457
|
+
value: 'var(--lumx-color-primary-L6)',
|
|
2328
2458
|
attributes: {
|
|
2329
2459
|
hex: '245be7',
|
|
2330
2460
|
rgb: {
|
|
2331
2461
|
r: 36,
|
|
2332
2462
|
g: 91,
|
|
2333
2463
|
b: 231,
|
|
2334
|
-
a: 0.
|
|
2464
|
+
a: 0.05
|
|
2335
2465
|
}
|
|
2336
2466
|
},
|
|
2337
|
-
$aliasedFrom: 'color.primary.
|
|
2467
|
+
$aliasedFrom: 'color.primary.L6'
|
|
2338
2468
|
}
|
|
2339
2469
|
}
|
|
2340
2470
|
},
|
|
2341
2471
|
'state-hover': {
|
|
2342
2472
|
'border-width': {
|
|
2343
|
-
value: '
|
|
2473
|
+
value: '1px'
|
|
2344
2474
|
},
|
|
2345
2475
|
'theme-light': {
|
|
2346
2476
|
'border-color': {
|
|
2347
|
-
value: '
|
|
2477
|
+
value: 'var(--lumx-color-primary-N)',
|
|
2478
|
+
attributes: {
|
|
2479
|
+
hex: '245be7',
|
|
2480
|
+
rgb: {
|
|
2481
|
+
r: 36,
|
|
2482
|
+
g: 91,
|
|
2483
|
+
b: 231,
|
|
2484
|
+
a: 1
|
|
2485
|
+
}
|
|
2486
|
+
},
|
|
2487
|
+
$aliasedFrom: 'color.primary.N'
|
|
2348
2488
|
},
|
|
2349
2489
|
'background-color': {
|
|
2350
|
-
value: 'var(--lumx-color-primary-
|
|
2490
|
+
value: 'var(--lumx-color-primary-L5)',
|
|
2351
2491
|
attributes: {
|
|
2352
2492
|
hex: '245be7',
|
|
2353
2493
|
rgb: {
|
|
2354
2494
|
r: 36,
|
|
2355
2495
|
g: 91,
|
|
2356
2496
|
b: 231,
|
|
2357
|
-
a: 0.
|
|
2497
|
+
a: 0.1
|
|
2358
2498
|
}
|
|
2359
2499
|
},
|
|
2360
|
-
$aliasedFrom: 'color.primary.
|
|
2500
|
+
$aliasedFrom: 'color.primary.L5'
|
|
2361
2501
|
}
|
|
2362
2502
|
}
|
|
2363
2503
|
},
|
|
2364
2504
|
'state-active': {
|
|
2365
2505
|
'border-width': {
|
|
2366
|
-
value: '
|
|
2506
|
+
value: '1px'
|
|
2367
2507
|
},
|
|
2368
2508
|
'theme-light': {
|
|
2369
2509
|
'border-color': {
|
|
2370
|
-
value: '
|
|
2510
|
+
value: 'var(--lumx-color-primary-N)',
|
|
2511
|
+
attributes: {
|
|
2512
|
+
hex: '245be7',
|
|
2513
|
+
rgb: {
|
|
2514
|
+
r: 36,
|
|
2515
|
+
g: 91,
|
|
2516
|
+
b: 231,
|
|
2517
|
+
a: 1
|
|
2518
|
+
}
|
|
2519
|
+
},
|
|
2520
|
+
$aliasedFrom: 'color.primary.N'
|
|
2371
2521
|
},
|
|
2372
2522
|
'background-color': {
|
|
2373
|
-
value: 'var(--lumx-color-primary-
|
|
2523
|
+
value: 'var(--lumx-color-primary-L4)',
|
|
2374
2524
|
attributes: {
|
|
2375
2525
|
hex: '245be7',
|
|
2376
2526
|
rgb: {
|
|
2377
2527
|
r: 36,
|
|
2378
2528
|
g: 91,
|
|
2379
2529
|
b: 231,
|
|
2380
|
-
a: 0.
|
|
2530
|
+
a: 0.2
|
|
2381
2531
|
}
|
|
2382
2532
|
},
|
|
2383
|
-
$aliasedFrom: 'color.primary.
|
|
2533
|
+
$aliasedFrom: 'color.primary.L4'
|
|
2384
2534
|
}
|
|
2385
2535
|
}
|
|
2386
2536
|
}
|
|
@@ -3072,17 +3222,17 @@ var DESIGN_TOKENS = {
|
|
|
3072
3222
|
$aliasedFrom: 'color.dark.L6'
|
|
3073
3223
|
},
|
|
3074
3224
|
'border-color': {
|
|
3075
|
-
value: 'var(--lumx-color-dark-
|
|
3225
|
+
value: 'var(--lumx-color-dark-L3)',
|
|
3076
3226
|
attributes: {
|
|
3077
3227
|
hex: '000000',
|
|
3078
3228
|
rgb: {
|
|
3079
3229
|
r: 0,
|
|
3080
3230
|
g: 0,
|
|
3081
3231
|
b: 0,
|
|
3082
|
-
a: 0.
|
|
3232
|
+
a: 0.38
|
|
3083
3233
|
}
|
|
3084
3234
|
},
|
|
3085
|
-
$aliasedFrom: 'color.dark.
|
|
3235
|
+
$aliasedFrom: 'color.dark.L3'
|
|
3086
3236
|
},
|
|
3087
3237
|
content: {
|
|
3088
3238
|
color: {
|
|
@@ -3252,17 +3402,17 @@ var DESIGN_TOKENS = {
|
|
|
3252
3402
|
$aliasedFrom: 'color.dark.L5'
|
|
3253
3403
|
},
|
|
3254
3404
|
'border-color': {
|
|
3255
|
-
value: 'var(--lumx-color-dark-
|
|
3405
|
+
value: 'var(--lumx-color-dark-L3)',
|
|
3256
3406
|
attributes: {
|
|
3257
3407
|
hex: '000000',
|
|
3258
3408
|
rgb: {
|
|
3259
3409
|
r: 0,
|
|
3260
3410
|
g: 0,
|
|
3261
3411
|
b: 0,
|
|
3262
|
-
a: 0.
|
|
3412
|
+
a: 0.38
|
|
3263
3413
|
}
|
|
3264
3414
|
},
|
|
3265
|
-
$aliasedFrom: 'color.dark.
|
|
3415
|
+
$aliasedFrom: 'color.dark.L3'
|
|
3266
3416
|
},
|
|
3267
3417
|
content: {
|
|
3268
3418
|
color: {
|