@lumx/core 3.9.6-alpha.1 → 3.9.6-alpha.3
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 +90 -230
- 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 +87 -143
- 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 +17 -15
- package/scss/components/button/_mixins.scss +7 -5
- package/scss/components/date-picker/_index.scss +0 -4
- package/scss/components/navigation/_index.scss +16 -2
- package/scss/components/navigation/_mixins.scss +10 -16
|
@@ -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 Fri, 06 Dec 2024 10:54:50 GMT
|
|
98
98
|
*/
|
|
99
99
|
|
|
100
100
|
var DESIGN_TOKENS = {
|
|
@@ -754,26 +754,26 @@ var DESIGN_TOKENS = {
|
|
|
754
754
|
'state-default': {
|
|
755
755
|
padding: {
|
|
756
756
|
horizontal: {
|
|
757
|
-
|
|
758
|
-
|
|
757
|
+
comment: 'deprecated (use base emphasis padding)',
|
|
758
|
+
value: 'inherit'
|
|
759
759
|
}
|
|
760
760
|
},
|
|
761
761
|
'border-width': {
|
|
762
|
-
value: '
|
|
762
|
+
value: '0'
|
|
763
763
|
},
|
|
764
764
|
'theme-light': {
|
|
765
765
|
'background-color': {
|
|
766
|
-
value: 'var(--lumx-color-primary-
|
|
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.
|
|
773
|
+
a: 0.1
|
|
774
774
|
}
|
|
775
775
|
},
|
|
776
|
-
$aliasedFrom: 'color.primary.
|
|
776
|
+
$aliasedFrom: 'color.primary.L5'
|
|
777
777
|
},
|
|
778
778
|
color: {
|
|
779
779
|
value: 'var(--lumx-color-primary-D2)',
|
|
@@ -789,17 +789,7 @@ var DESIGN_TOKENS = {
|
|
|
789
789
|
$aliasedFrom: 'color.primary.D2'
|
|
790
790
|
},
|
|
791
791
|
'border-color': {
|
|
792
|
-
value: '
|
|
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': {
|
|
@@ -830,43 +820,33 @@ var DESIGN_TOKENS = {
|
|
|
830
820
|
$aliasedFrom: 'color.light.N'
|
|
831
821
|
},
|
|
832
822
|
'border-color': {
|
|
833
|
-
value: '
|
|
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
|
},
|
|
847
827
|
'state-hover': {
|
|
848
828
|
padding: {
|
|
849
829
|
horizontal: {
|
|
850
|
-
|
|
851
|
-
|
|
830
|
+
comment: 'deprecated (use base emphasis padding)',
|
|
831
|
+
value: 'inherit'
|
|
852
832
|
}
|
|
853
833
|
},
|
|
854
834
|
'border-width': {
|
|
855
|
-
value: '
|
|
835
|
+
value: '0'
|
|
856
836
|
},
|
|
857
837
|
'theme-light': {
|
|
858
838
|
'background-color': {
|
|
859
|
-
value: 'var(--lumx-color-primary-
|
|
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.
|
|
846
|
+
a: 0.2
|
|
867
847
|
}
|
|
868
848
|
},
|
|
869
|
-
$aliasedFrom: 'color.primary.
|
|
849
|
+
$aliasedFrom: 'color.primary.L4'
|
|
870
850
|
},
|
|
871
851
|
color: {
|
|
872
852
|
value: 'var(--lumx-color-primary-D2)',
|
|
@@ -882,17 +862,7 @@ var DESIGN_TOKENS = {
|
|
|
882
862
|
$aliasedFrom: 'color.primary.D2'
|
|
883
863
|
},
|
|
884
864
|
'border-color': {
|
|
885
|
-
value: '
|
|
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': {
|
|
@@ -923,43 +893,33 @@ var DESIGN_TOKENS = {
|
|
|
923
893
|
$aliasedFrom: 'color.light.N'
|
|
924
894
|
},
|
|
925
895
|
'border-color': {
|
|
926
|
-
value: '
|
|
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
|
},
|
|
940
900
|
'state-active': {
|
|
941
901
|
padding: {
|
|
942
902
|
horizontal: {
|
|
943
|
-
|
|
944
|
-
|
|
903
|
+
comment: 'deprecated (use base emphasis padding)',
|
|
904
|
+
value: 'inherit'
|
|
945
905
|
}
|
|
946
906
|
},
|
|
947
907
|
'border-width': {
|
|
948
|
-
value: '
|
|
908
|
+
value: '0'
|
|
949
909
|
},
|
|
950
910
|
'theme-light': {
|
|
951
911
|
'background-color': {
|
|
952
|
-
value: 'var(--lumx-color-primary-
|
|
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.
|
|
919
|
+
a: 0.4
|
|
960
920
|
}
|
|
961
921
|
},
|
|
962
|
-
$aliasedFrom: 'color.primary.
|
|
922
|
+
$aliasedFrom: 'color.primary.L3'
|
|
963
923
|
},
|
|
964
924
|
color: {
|
|
965
925
|
value: 'var(--lumx-color-primary-D2)',
|
|
@@ -975,17 +935,7 @@ var DESIGN_TOKENS = {
|
|
|
975
935
|
$aliasedFrom: 'color.primary.D2'
|
|
976
936
|
},
|
|
977
937
|
'border-color': {
|
|
978
|
-
value: '
|
|
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': {
|
|
@@ -1016,17 +966,7 @@ var DESIGN_TOKENS = {
|
|
|
1016
966
|
$aliasedFrom: 'color.light.N'
|
|
1017
967
|
},
|
|
1018
968
|
'border-color': {
|
|
1019
|
-
value: '
|
|
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,49 +976,29 @@ var DESIGN_TOKENS = {
|
|
|
1036
976
|
'emphasis-selected': {
|
|
1037
977
|
'state-default': {
|
|
1038
978
|
'border-width': {
|
|
1039
|
-
value: '
|
|
979
|
+
value: '0'
|
|
1040
980
|
},
|
|
1041
981
|
'theme-light': {
|
|
1042
982
|
'border-color': {
|
|
1043
|
-
value: '
|
|
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-
|
|
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.
|
|
993
|
+
a: 0.1
|
|
1064
994
|
}
|
|
1065
995
|
},
|
|
1066
|
-
$aliasedFrom: 'color.primary.
|
|
996
|
+
$aliasedFrom: 'color.primary.L5'
|
|
1067
997
|
}
|
|
1068
998
|
},
|
|
1069
999
|
'theme-dark': {
|
|
1070
1000
|
'border-color': {
|
|
1071
|
-
value: '
|
|
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
1004
|
value: 'var(--lumx-color-light-L3)',
|
|
@@ -1097,34 +1017,24 @@ var DESIGN_TOKENS = {
|
|
|
1097
1017
|
},
|
|
1098
1018
|
'state-hover': {
|
|
1099
1019
|
'border-width': {
|
|
1100
|
-
value: '
|
|
1020
|
+
value: '0'
|
|
1101
1021
|
},
|
|
1102
1022
|
'theme-light': {
|
|
1103
1023
|
'border-color': {
|
|
1104
|
-
value: '
|
|
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-
|
|
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.
|
|
1034
|
+
a: 0.2
|
|
1125
1035
|
}
|
|
1126
1036
|
},
|
|
1127
|
-
$aliasedFrom: 'color.primary.
|
|
1037
|
+
$aliasedFrom: 'color.primary.L4'
|
|
1128
1038
|
}
|
|
1129
1039
|
},
|
|
1130
1040
|
'theme-dark': {
|
|
@@ -1148,49 +1058,29 @@ var DESIGN_TOKENS = {
|
|
|
1148
1058
|
},
|
|
1149
1059
|
'state-active': {
|
|
1150
1060
|
'border-width': {
|
|
1151
|
-
value: '
|
|
1061
|
+
value: '0'
|
|
1152
1062
|
},
|
|
1153
1063
|
'theme-light': {
|
|
1154
1064
|
'border-color': {
|
|
1155
|
-
value: '
|
|
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-
|
|
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.
|
|
1075
|
+
a: 0.4
|
|
1176
1076
|
}
|
|
1177
1077
|
},
|
|
1178
|
-
$aliasedFrom: 'color.primary.
|
|
1078
|
+
$aliasedFrom: 'color.primary.L3'
|
|
1179
1079
|
}
|
|
1180
1080
|
},
|
|
1181
1081
|
'theme-dark': {
|
|
1182
1082
|
'border-color': {
|
|
1183
|
-
value: '
|
|
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
1086
|
value: 'var(--lumx-color-light-L5)',
|
|
@@ -1377,22 +1267,22 @@ var DESIGN_TOKENS = {
|
|
|
1377
1267
|
border: {
|
|
1378
1268
|
top: {
|
|
1379
1269
|
width: {
|
|
1380
|
-
value: '
|
|
1270
|
+
value: '0px'
|
|
1381
1271
|
}
|
|
1382
1272
|
},
|
|
1383
1273
|
right: {
|
|
1384
1274
|
width: {
|
|
1385
|
-
value: '
|
|
1275
|
+
value: '0px'
|
|
1386
1276
|
}
|
|
1387
1277
|
},
|
|
1388
1278
|
bottom: {
|
|
1389
1279
|
width: {
|
|
1390
|
-
value: '
|
|
1280
|
+
value: '0px'
|
|
1391
1281
|
}
|
|
1392
1282
|
},
|
|
1393
1283
|
left: {
|
|
1394
1284
|
width: {
|
|
1395
|
-
value: '
|
|
1285
|
+
value: '0px'
|
|
1396
1286
|
}
|
|
1397
1287
|
}
|
|
1398
1288
|
},
|
|
@@ -1521,22 +1411,22 @@ var DESIGN_TOKENS = {
|
|
|
1521
1411
|
border: {
|
|
1522
1412
|
top: {
|
|
1523
1413
|
width: {
|
|
1524
|
-
value: '
|
|
1414
|
+
value: '0px'
|
|
1525
1415
|
}
|
|
1526
1416
|
},
|
|
1527
1417
|
right: {
|
|
1528
1418
|
width: {
|
|
1529
|
-
value: '
|
|
1419
|
+
value: '0px'
|
|
1530
1420
|
}
|
|
1531
1421
|
},
|
|
1532
1422
|
bottom: {
|
|
1533
1423
|
width: {
|
|
1534
|
-
value: '
|
|
1424
|
+
value: '0px'
|
|
1535
1425
|
}
|
|
1536
1426
|
},
|
|
1537
1427
|
left: {
|
|
1538
1428
|
width: {
|
|
1539
|
-
value: '
|
|
1429
|
+
value: '0px'
|
|
1540
1430
|
}
|
|
1541
1431
|
}
|
|
1542
1432
|
},
|
|
@@ -1705,22 +1595,22 @@ var DESIGN_TOKENS = {
|
|
|
1705
1595
|
border: {
|
|
1706
1596
|
top: {
|
|
1707
1597
|
width: {
|
|
1708
|
-
value: '
|
|
1598
|
+
value: '0px'
|
|
1709
1599
|
}
|
|
1710
1600
|
},
|
|
1711
1601
|
right: {
|
|
1712
1602
|
width: {
|
|
1713
|
-
value: '
|
|
1603
|
+
value: '0px'
|
|
1714
1604
|
}
|
|
1715
1605
|
},
|
|
1716
1606
|
bottom: {
|
|
1717
1607
|
width: {
|
|
1718
|
-
value: '
|
|
1608
|
+
value: '0px'
|
|
1719
1609
|
}
|
|
1720
1610
|
},
|
|
1721
1611
|
left: {
|
|
1722
1612
|
width: {
|
|
1723
|
-
value: '
|
|
1613
|
+
value: '0px'
|
|
1724
1614
|
}
|
|
1725
1615
|
}
|
|
1726
1616
|
},
|
|
@@ -1891,38 +1781,38 @@ var DESIGN_TOKENS = {
|
|
|
1891
1781
|
border: {
|
|
1892
1782
|
top: {
|
|
1893
1783
|
width: {
|
|
1894
|
-
value: '
|
|
1784
|
+
value: '0px'
|
|
1895
1785
|
}
|
|
1896
1786
|
},
|
|
1897
1787
|
right: {
|
|
1898
1788
|
width: {
|
|
1899
|
-
value: '
|
|
1789
|
+
value: '0px'
|
|
1900
1790
|
}
|
|
1901
1791
|
},
|
|
1902
1792
|
bottom: {
|
|
1903
1793
|
width: {
|
|
1904
|
-
value: '
|
|
1794
|
+
value: '0px'
|
|
1905
1795
|
}
|
|
1906
1796
|
},
|
|
1907
1797
|
left: {
|
|
1908
1798
|
width: {
|
|
1909
|
-
value: '
|
|
1799
|
+
value: '0px'
|
|
1910
1800
|
}
|
|
1911
1801
|
}
|
|
1912
1802
|
},
|
|
1913
1803
|
'theme-light': {
|
|
1914
1804
|
'background-color': {
|
|
1915
|
-
value: 'var(--lumx-color-primary-
|
|
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.
|
|
1812
|
+
a: 0.1
|
|
1923
1813
|
}
|
|
1924
1814
|
},
|
|
1925
|
-
$aliasedFrom: 'color.primary.
|
|
1815
|
+
$aliasedFrom: 'color.primary.L5'
|
|
1926
1816
|
},
|
|
1927
1817
|
'border-color': {
|
|
1928
1818
|
value: 'var(--lumx-color-primary-N)',
|
|
@@ -2055,38 +1945,38 @@ var DESIGN_TOKENS = {
|
|
|
2055
1945
|
border: {
|
|
2056
1946
|
top: {
|
|
2057
1947
|
width: {
|
|
2058
|
-
value: '
|
|
1948
|
+
value: '0px'
|
|
2059
1949
|
}
|
|
2060
1950
|
},
|
|
2061
1951
|
right: {
|
|
2062
1952
|
width: {
|
|
2063
|
-
value: '
|
|
1953
|
+
value: '0px'
|
|
2064
1954
|
}
|
|
2065
1955
|
},
|
|
2066
1956
|
bottom: {
|
|
2067
1957
|
width: {
|
|
2068
|
-
value: '
|
|
1958
|
+
value: '0px'
|
|
2069
1959
|
}
|
|
2070
1960
|
},
|
|
2071
1961
|
left: {
|
|
2072
1962
|
width: {
|
|
2073
|
-
value: '
|
|
1963
|
+
value: '0px'
|
|
2074
1964
|
}
|
|
2075
1965
|
}
|
|
2076
1966
|
},
|
|
2077
1967
|
'theme-light': {
|
|
2078
1968
|
'background-color': {
|
|
2079
|
-
value: 'var(--lumx-color-primary-
|
|
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.
|
|
1976
|
+
a: 0.2
|
|
2087
1977
|
}
|
|
2088
1978
|
},
|
|
2089
|
-
$aliasedFrom: 'color.primary.
|
|
1979
|
+
$aliasedFrom: 'color.primary.L4'
|
|
2090
1980
|
},
|
|
2091
1981
|
'border-color': {
|
|
2092
1982
|
value: 'var(--lumx-color-primary-N)',
|
|
@@ -2239,38 +2129,38 @@ var DESIGN_TOKENS = {
|
|
|
2239
2129
|
border: {
|
|
2240
2130
|
top: {
|
|
2241
2131
|
width: {
|
|
2242
|
-
value: '
|
|
2132
|
+
value: '0px'
|
|
2243
2133
|
}
|
|
2244
2134
|
},
|
|
2245
2135
|
right: {
|
|
2246
2136
|
width: {
|
|
2247
|
-
value: '
|
|
2137
|
+
value: '0px'
|
|
2248
2138
|
}
|
|
2249
2139
|
},
|
|
2250
2140
|
bottom: {
|
|
2251
2141
|
width: {
|
|
2252
|
-
value: '
|
|
2142
|
+
value: '0px'
|
|
2253
2143
|
}
|
|
2254
2144
|
},
|
|
2255
2145
|
left: {
|
|
2256
2146
|
width: {
|
|
2257
|
-
value: '
|
|
2147
|
+
value: '0px'
|
|
2258
2148
|
}
|
|
2259
2149
|
}
|
|
2260
2150
|
},
|
|
2261
2151
|
'theme-light': {
|
|
2262
2152
|
'background-color': {
|
|
2263
|
-
value: 'var(--lumx-color-primary-
|
|
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.
|
|
2160
|
+
a: 0.4
|
|
2271
2161
|
}
|
|
2272
2162
|
},
|
|
2273
|
-
$aliasedFrom: 'color.primary.
|
|
2163
|
+
$aliasedFrom: 'color.primary.L3'
|
|
2274
2164
|
},
|
|
2275
2165
|
'border-color': {
|
|
2276
2166
|
value: 'var(--lumx-color-primary-N)',
|
|
@@ -2427,100 +2317,70 @@ var DESIGN_TOKENS = {
|
|
|
2427
2317
|
'emphasis-selected': {
|
|
2428
2318
|
'state-default': {
|
|
2429
2319
|
'border-width': {
|
|
2430
|
-
value: '
|
|
2320
|
+
value: '0'
|
|
2431
2321
|
},
|
|
2432
2322
|
'theme-light': {
|
|
2433
2323
|
'border-color': {
|
|
2434
|
-
value: '
|
|
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-
|
|
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.
|
|
2334
|
+
a: 0.1
|
|
2455
2335
|
}
|
|
2456
2336
|
},
|
|
2457
|
-
$aliasedFrom: 'color.primary.
|
|
2337
|
+
$aliasedFrom: 'color.primary.L5'
|
|
2458
2338
|
}
|
|
2459
2339
|
}
|
|
2460
2340
|
},
|
|
2461
2341
|
'state-hover': {
|
|
2462
2342
|
'border-width': {
|
|
2463
|
-
value: '
|
|
2343
|
+
value: '0'
|
|
2464
2344
|
},
|
|
2465
2345
|
'theme-light': {
|
|
2466
2346
|
'border-color': {
|
|
2467
|
-
value: '
|
|
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-
|
|
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.
|
|
2357
|
+
a: 0.2
|
|
2488
2358
|
}
|
|
2489
2359
|
},
|
|
2490
|
-
$aliasedFrom: 'color.primary.
|
|
2360
|
+
$aliasedFrom: 'color.primary.L4'
|
|
2491
2361
|
}
|
|
2492
2362
|
}
|
|
2493
2363
|
},
|
|
2494
2364
|
'state-active': {
|
|
2495
2365
|
'border-width': {
|
|
2496
|
-
value: '
|
|
2366
|
+
value: '0'
|
|
2497
2367
|
},
|
|
2498
2368
|
'theme-light': {
|
|
2499
2369
|
'border-color': {
|
|
2500
|
-
value: '
|
|
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-
|
|
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.
|
|
2380
|
+
a: 0.4
|
|
2521
2381
|
}
|
|
2522
2382
|
},
|
|
2523
|
-
$aliasedFrom: 'color.primary.
|
|
2383
|
+
$aliasedFrom: 'color.primary.L3'
|
|
2524
2384
|
}
|
|
2525
2385
|
}
|
|
2526
2386
|
}
|