sm-click-library-ui 0.0.324 → 0.0.327
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/dist/sm-click-library-ui.es.js +2984 -2893
- package/dist/sm-click-library-ui.umd.js +5 -5
- package/dist/style.css +1 -1
- package/dist/tailwind.css +234 -14
- package/package.json +5 -4
package/dist/tailwind.css
CHANGED
|
@@ -563,9 +563,15 @@ video {
|
|
|
563
563
|
.-right-2 {
|
|
564
564
|
right: -0.5rem;
|
|
565
565
|
}
|
|
566
|
+
.bottom-2 {
|
|
567
|
+
bottom: 0.5rem;
|
|
568
|
+
}
|
|
566
569
|
.left-0 {
|
|
567
570
|
left: 0px;
|
|
568
571
|
}
|
|
572
|
+
.right-2 {
|
|
573
|
+
right: 0.5rem;
|
|
574
|
+
}
|
|
569
575
|
.top-0 {
|
|
570
576
|
top: 0px;
|
|
571
577
|
}
|
|
@@ -587,6 +593,12 @@ video {
|
|
|
587
593
|
.z-50 {
|
|
588
594
|
z-index: 50;
|
|
589
595
|
}
|
|
596
|
+
.row-span-1 {
|
|
597
|
+
grid-row: span 1 / span 1;
|
|
598
|
+
}
|
|
599
|
+
.row-span-6 {
|
|
600
|
+
grid-row: span 6 / span 6;
|
|
601
|
+
}
|
|
590
602
|
.mx-auto {
|
|
591
603
|
margin-left: auto;
|
|
592
604
|
margin-right: auto;
|
|
@@ -604,12 +616,18 @@ video {
|
|
|
604
616
|
.mr-2 {
|
|
605
617
|
margin-right: 0.5rem;
|
|
606
618
|
}
|
|
619
|
+
.ms-auto {
|
|
620
|
+
margin-inline-start: auto;
|
|
621
|
+
}
|
|
607
622
|
.mt-1 {
|
|
608
623
|
margin-top: 0.25rem;
|
|
609
624
|
}
|
|
610
625
|
.mt-2 {
|
|
611
626
|
margin-top: 0.5rem;
|
|
612
627
|
}
|
|
628
|
+
.mt-4 {
|
|
629
|
+
margin-top: 1rem;
|
|
630
|
+
}
|
|
613
631
|
.line-clamp-1 {
|
|
614
632
|
overflow: hidden;
|
|
615
633
|
display: -webkit-box;
|
|
@@ -622,6 +640,9 @@ video {
|
|
|
622
640
|
-webkit-box-orient: vertical;
|
|
623
641
|
-webkit-line-clamp: 2;
|
|
624
642
|
}
|
|
643
|
+
.block {
|
|
644
|
+
display: block;
|
|
645
|
+
}
|
|
625
646
|
.inline-block {
|
|
626
647
|
display: inline-block;
|
|
627
648
|
}
|
|
@@ -643,9 +664,13 @@ video {
|
|
|
643
664
|
.hidden {
|
|
644
665
|
display: none;
|
|
645
666
|
}
|
|
646
|
-
.size-
|
|
647
|
-
width:
|
|
648
|
-
height:
|
|
667
|
+
.size-4 {
|
|
668
|
+
width: 1rem;
|
|
669
|
+
height: 1rem;
|
|
670
|
+
}
|
|
671
|
+
.size-6 {
|
|
672
|
+
width: 1.5rem;
|
|
673
|
+
height: 1.5rem;
|
|
649
674
|
}
|
|
650
675
|
.h-10 {
|
|
651
676
|
height: 2.5rem;
|
|
@@ -665,15 +690,27 @@ video {
|
|
|
665
690
|
.h-6 {
|
|
666
691
|
height: 1.5rem;
|
|
667
692
|
}
|
|
693
|
+
.h-8 {
|
|
694
|
+
height: 2rem;
|
|
695
|
+
}
|
|
668
696
|
.h-full {
|
|
669
697
|
height: 100%;
|
|
670
698
|
}
|
|
699
|
+
.h-px {
|
|
700
|
+
height: 1px;
|
|
701
|
+
}
|
|
671
702
|
.h-screen {
|
|
672
703
|
height: 100vh;
|
|
673
704
|
}
|
|
705
|
+
.max-h-64 {
|
|
706
|
+
max-height: 16rem;
|
|
707
|
+
}
|
|
674
708
|
.max-h-\[200px\] {
|
|
675
709
|
max-height: 200px;
|
|
676
710
|
}
|
|
711
|
+
.max-h-\[27rem\] {
|
|
712
|
+
max-height: 27rem;
|
|
713
|
+
}
|
|
677
714
|
.max-h-\[45\%\] {
|
|
678
715
|
max-height: 45%;
|
|
679
716
|
}
|
|
@@ -701,6 +738,9 @@ video {
|
|
|
701
738
|
.w-6 {
|
|
702
739
|
width: 1.5rem;
|
|
703
740
|
}
|
|
741
|
+
.w-8 {
|
|
742
|
+
width: 2rem;
|
|
743
|
+
}
|
|
704
744
|
.w-\[40\%\] {
|
|
705
745
|
width: 40%;
|
|
706
746
|
}
|
|
@@ -713,6 +753,9 @@ video {
|
|
|
713
753
|
.min-w-\[50px\] {
|
|
714
754
|
min-width: 50px;
|
|
715
755
|
}
|
|
756
|
+
.max-w-7xl {
|
|
757
|
+
max-width: 80rem;
|
|
758
|
+
}
|
|
716
759
|
.max-w-\[45\%\] {
|
|
717
760
|
max-width: 45%;
|
|
718
761
|
}
|
|
@@ -736,6 +779,9 @@ video {
|
|
|
736
779
|
.transform {
|
|
737
780
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
738
781
|
}
|
|
782
|
+
.animate-\[modalani_0\.1s_ease-out\] {
|
|
783
|
+
animation: modalani 0.1s ease-out;
|
|
784
|
+
}
|
|
739
785
|
@keyframes spin {
|
|
740
786
|
|
|
741
787
|
to {
|
|
@@ -758,9 +804,15 @@ video {
|
|
|
758
804
|
-moz-user-select: text;
|
|
759
805
|
user-select: text;
|
|
760
806
|
}
|
|
807
|
+
.resize-none {
|
|
808
|
+
resize: none;
|
|
809
|
+
}
|
|
761
810
|
.resize {
|
|
762
811
|
resize: both;
|
|
763
812
|
}
|
|
813
|
+
.grid-rows-8 {
|
|
814
|
+
grid-template-rows: repeat(8, minmax(0, 1fr));
|
|
815
|
+
}
|
|
764
816
|
.flex-col {
|
|
765
817
|
flex-direction: column;
|
|
766
818
|
}
|
|
@@ -782,6 +834,12 @@ video {
|
|
|
782
834
|
.justify-between {
|
|
783
835
|
justify-content: space-between;
|
|
784
836
|
}
|
|
837
|
+
.gap-1 {
|
|
838
|
+
gap: 0.25rem;
|
|
839
|
+
}
|
|
840
|
+
.gap-1\.5 {
|
|
841
|
+
gap: 0.375rem;
|
|
842
|
+
}
|
|
785
843
|
.gap-2 {
|
|
786
844
|
gap: 0.5rem;
|
|
787
845
|
}
|
|
@@ -814,6 +872,15 @@ video {
|
|
|
814
872
|
margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
|
|
815
873
|
margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
|
|
816
874
|
}
|
|
875
|
+
.self-end {
|
|
876
|
+
align-self: flex-end;
|
|
877
|
+
}
|
|
878
|
+
.overflow-auto {
|
|
879
|
+
overflow: auto;
|
|
880
|
+
}
|
|
881
|
+
.overflow-hidden {
|
|
882
|
+
overflow: hidden;
|
|
883
|
+
}
|
|
817
884
|
.overflow-y-auto {
|
|
818
885
|
overflow-y: auto;
|
|
819
886
|
}
|
|
@@ -858,6 +925,10 @@ video {
|
|
|
858
925
|
border-bottom-right-radius: 0px;
|
|
859
926
|
border-bottom-left-radius: 0px;
|
|
860
927
|
}
|
|
928
|
+
.rounded-t {
|
|
929
|
+
border-top-left-radius: 0.25rem;
|
|
930
|
+
border-top-right-radius: 0.25rem;
|
|
931
|
+
}
|
|
861
932
|
.rounded-t-2xl {
|
|
862
933
|
border-top-left-radius: 1rem;
|
|
863
934
|
border-top-right-radius: 1rem;
|
|
@@ -868,6 +939,9 @@ video {
|
|
|
868
939
|
.border {
|
|
869
940
|
border-width: 1px;
|
|
870
941
|
}
|
|
942
|
+
.border-0 {
|
|
943
|
+
border-width: 0px;
|
|
944
|
+
}
|
|
871
945
|
.border-2 {
|
|
872
946
|
border-width: 2px;
|
|
873
947
|
}
|
|
@@ -891,6 +965,10 @@ video {
|
|
|
891
965
|
.border-current {
|
|
892
966
|
border-color: currentColor;
|
|
893
967
|
}
|
|
968
|
+
.border-gray-200 {
|
|
969
|
+
--tw-border-opacity: 1;
|
|
970
|
+
border-color: rgb(229 231 235 / var(--tw-border-opacity));
|
|
971
|
+
}
|
|
894
972
|
.border-white {
|
|
895
973
|
--tw-border-opacity: 1;
|
|
896
974
|
border-color: rgb(255 255 255 / var(--tw-border-opacity));
|
|
@@ -901,10 +979,30 @@ video {
|
|
|
901
979
|
.border-t-transparent {
|
|
902
980
|
border-top-color: transparent;
|
|
903
981
|
}
|
|
982
|
+
.bg-\[\#007AFF\] {
|
|
983
|
+
--tw-bg-opacity: 1;
|
|
984
|
+
background-color: rgb(0 122 255 / var(--tw-bg-opacity));
|
|
985
|
+
}
|
|
986
|
+
.bg-\[\#21B45833\] {
|
|
987
|
+
background-color: #21B45833;
|
|
988
|
+
}
|
|
989
|
+
.bg-\[\#21B458B2\] {
|
|
990
|
+
background-color: #21B458B2;
|
|
991
|
+
}
|
|
992
|
+
.bg-\[\#3666F033\] {
|
|
993
|
+
background-color: #3666F033;
|
|
994
|
+
}
|
|
904
995
|
.bg-\[\#404857\] {
|
|
905
996
|
--tw-bg-opacity: 1;
|
|
906
997
|
background-color: rgb(64 72 87 / var(--tw-bg-opacity));
|
|
907
998
|
}
|
|
999
|
+
.bg-\[\#5856D6\] {
|
|
1000
|
+
--tw-bg-opacity: 1;
|
|
1001
|
+
background-color: rgb(88 86 214 / var(--tw-bg-opacity));
|
|
1002
|
+
}
|
|
1003
|
+
.bg-\[\#83878B1A\] {
|
|
1004
|
+
background-color: #83878B1A;
|
|
1005
|
+
}
|
|
908
1006
|
.bg-base-100 {
|
|
909
1007
|
--tw-bg-opacity: 1;
|
|
910
1008
|
background-color: rgb(75 99 116 / var(--tw-bg-opacity));
|
|
@@ -927,9 +1025,27 @@ video {
|
|
|
927
1025
|
--tw-bg-opacity: 1;
|
|
928
1026
|
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
|
|
929
1027
|
}
|
|
1028
|
+
.bg-black\/20 {
|
|
1029
|
+
background-color: rgb(0 0 0 / 0.2);
|
|
1030
|
+
}
|
|
1031
|
+
.bg-blue-200 {
|
|
1032
|
+
--tw-bg-opacity: 1;
|
|
1033
|
+
background-color: rgb(191 219 254 / var(--tw-bg-opacity));
|
|
1034
|
+
}
|
|
1035
|
+
.bg-blue-300 {
|
|
1036
|
+
--tw-bg-opacity: 1;
|
|
1037
|
+
background-color: rgb(147 197 253 / var(--tw-bg-opacity));
|
|
1038
|
+
}
|
|
930
1039
|
.bg-blue-400\/10 {
|
|
931
1040
|
background-color: rgb(96 165 250 / 0.1);
|
|
932
1041
|
}
|
|
1042
|
+
.bg-blue-600 {
|
|
1043
|
+
--tw-bg-opacity: 1;
|
|
1044
|
+
background-color: rgb(37 99 235 / var(--tw-bg-opacity));
|
|
1045
|
+
}
|
|
1046
|
+
.bg-gray-200\/20 {
|
|
1047
|
+
background-color: rgb(229 231 235 / 0.2);
|
|
1048
|
+
}
|
|
933
1049
|
.bg-gray-500 {
|
|
934
1050
|
--tw-bg-opacity: 1;
|
|
935
1051
|
background-color: rgb(107 114 128 / var(--tw-bg-opacity));
|
|
@@ -938,6 +1054,14 @@ video {
|
|
|
938
1054
|
--tw-bg-opacity: 1;
|
|
939
1055
|
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
|
940
1056
|
}
|
|
1057
|
+
.bg-gray-700 {
|
|
1058
|
+
--tw-bg-opacity: 1;
|
|
1059
|
+
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
|
1060
|
+
}
|
|
1061
|
+
.bg-gray-900 {
|
|
1062
|
+
--tw-bg-opacity: 1;
|
|
1063
|
+
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
|
|
1064
|
+
}
|
|
941
1065
|
.bg-green-500 {
|
|
942
1066
|
--tw-bg-opacity: 1;
|
|
943
1067
|
background-color: rgb(34 197 94 / var(--tw-bg-opacity));
|
|
@@ -950,13 +1074,12 @@ video {
|
|
|
950
1074
|
--tw-bg-opacity: 1;
|
|
951
1075
|
background-color: rgb(239 68 68 / var(--tw-bg-opacity));
|
|
952
1076
|
}
|
|
953
|
-
.bg-sky-800 {
|
|
954
|
-
--tw-bg-opacity: 1;
|
|
955
|
-
background-color: rgb(7 89 133 / var(--tw-bg-opacity));
|
|
956
|
-
}
|
|
957
1077
|
.bg-slate-500\/20 {
|
|
958
1078
|
background-color: rgb(100 116 139 / 0.2);
|
|
959
1079
|
}
|
|
1080
|
+
.bg-transparent {
|
|
1081
|
+
background-color: transparent;
|
|
1082
|
+
}
|
|
960
1083
|
.bg-yellow-500 {
|
|
961
1084
|
--tw-bg-opacity: 1;
|
|
962
1085
|
background-color: rgb(234 179 8 / var(--tw-bg-opacity));
|
|
@@ -997,10 +1120,6 @@ video {
|
|
|
997
1120
|
padding-left: 1rem;
|
|
998
1121
|
padding-right: 1rem;
|
|
999
1122
|
}
|
|
1000
|
-
.px-6 {
|
|
1001
|
-
padding-left: 1.5rem;
|
|
1002
|
-
padding-right: 1.5rem;
|
|
1003
|
-
}
|
|
1004
1123
|
.py-1 {
|
|
1005
1124
|
padding-top: 0.25rem;
|
|
1006
1125
|
padding-bottom: 0.25rem;
|
|
@@ -1028,6 +1147,9 @@ video {
|
|
|
1028
1147
|
.align-middle {
|
|
1029
1148
|
vertical-align: middle;
|
|
1030
1149
|
}
|
|
1150
|
+
.text-\[10px\] {
|
|
1151
|
+
font-size: 10px;
|
|
1152
|
+
}
|
|
1031
1153
|
.text-sm {
|
|
1032
1154
|
font-size: 0.875rem;
|
|
1033
1155
|
line-height: 1.25rem;
|
|
@@ -1040,6 +1162,9 @@ video {
|
|
|
1040
1162
|
font-size: 0.75rem;
|
|
1041
1163
|
line-height: 1rem;
|
|
1042
1164
|
}
|
|
1165
|
+
.font-extralight {
|
|
1166
|
+
font-weight: 200;
|
|
1167
|
+
}
|
|
1043
1168
|
.font-normal {
|
|
1044
1169
|
font-weight: 400;
|
|
1045
1170
|
}
|
|
@@ -1052,9 +1177,6 @@ video {
|
|
|
1052
1177
|
.capitalize {
|
|
1053
1178
|
text-transform: capitalize;
|
|
1054
1179
|
}
|
|
1055
|
-
.leading-normal {
|
|
1056
|
-
line-height: 1.5;
|
|
1057
|
-
}
|
|
1058
1180
|
.text-black {
|
|
1059
1181
|
--tw-text-opacity: 1;
|
|
1060
1182
|
color: rgb(0 0 0 / var(--tw-text-opacity));
|
|
@@ -1063,6 +1185,14 @@ video {
|
|
|
1063
1185
|
--tw-text-opacity: 1;
|
|
1064
1186
|
color: rgb(147 197 253 / var(--tw-text-opacity));
|
|
1065
1187
|
}
|
|
1188
|
+
.text-blue-500 {
|
|
1189
|
+
--tw-text-opacity: 1;
|
|
1190
|
+
color: rgb(59 130 246 / var(--tw-text-opacity));
|
|
1191
|
+
}
|
|
1192
|
+
.text-blue-900 {
|
|
1193
|
+
--tw-text-opacity: 1;
|
|
1194
|
+
color: rgb(30 58 138 / var(--tw-text-opacity));
|
|
1195
|
+
}
|
|
1066
1196
|
.text-current {
|
|
1067
1197
|
color: currentColor;
|
|
1068
1198
|
}
|
|
@@ -1070,6 +1200,18 @@ video {
|
|
|
1070
1200
|
--tw-text-opacity: 1;
|
|
1071
1201
|
color: rgb(243 244 246 / var(--tw-text-opacity));
|
|
1072
1202
|
}
|
|
1203
|
+
.text-gray-300 {
|
|
1204
|
+
--tw-text-opacity: 1;
|
|
1205
|
+
color: rgb(209 213 219 / var(--tw-text-opacity));
|
|
1206
|
+
}
|
|
1207
|
+
.text-gray-400 {
|
|
1208
|
+
--tw-text-opacity: 1;
|
|
1209
|
+
color: rgb(156 163 175 / var(--tw-text-opacity));
|
|
1210
|
+
}
|
|
1211
|
+
.text-gray-700 {
|
|
1212
|
+
--tw-text-opacity: 1;
|
|
1213
|
+
color: rgb(55 65 81 / var(--tw-text-opacity));
|
|
1214
|
+
}
|
|
1073
1215
|
.text-gray-800 {
|
|
1074
1216
|
--tw-text-opacity: 1;
|
|
1075
1217
|
color: rgb(31 41 55 / var(--tw-text-opacity));
|
|
@@ -1126,6 +1268,10 @@ video {
|
|
|
1126
1268
|
--tw-shadow-color: #111827;
|
|
1127
1269
|
--tw-shadow: var(--tw-shadow-colored);
|
|
1128
1270
|
}
|
|
1271
|
+
.shadow-green-900 {
|
|
1272
|
+
--tw-shadow-color: #14532d;
|
|
1273
|
+
--tw-shadow: var(--tw-shadow-colored);
|
|
1274
|
+
}
|
|
1129
1275
|
.outline {
|
|
1130
1276
|
outline-style: solid;
|
|
1131
1277
|
}
|
|
@@ -1146,6 +1292,11 @@ video {
|
|
|
1146
1292
|
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
1147
1293
|
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
1148
1294
|
}
|
|
1295
|
+
.backdrop-blur-sm {
|
|
1296
|
+
--tw-backdrop-blur: blur(4px);
|
|
1297
|
+
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
1298
|
+
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
1299
|
+
}
|
|
1149
1300
|
.backdrop-filter {
|
|
1150
1301
|
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
1151
1302
|
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
@@ -1162,6 +1313,11 @@ video {
|
|
|
1162
1313
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1163
1314
|
transition-duration: 150ms;
|
|
1164
1315
|
}
|
|
1316
|
+
.transition-opacity {
|
|
1317
|
+
transition-property: opacity;
|
|
1318
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1319
|
+
transition-duration: 150ms;
|
|
1320
|
+
}
|
|
1165
1321
|
.transition-transform {
|
|
1166
1322
|
transition-property: transform;
|
|
1167
1323
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
@@ -1241,6 +1397,18 @@ video {
|
|
|
1241
1397
|
--tw-bg-opacity: 1;
|
|
1242
1398
|
background-color: rgb(38 52 61 / var(--tw-bg-opacity));
|
|
1243
1399
|
}
|
|
1400
|
+
.hover\:bg-blue-500:hover {
|
|
1401
|
+
--tw-bg-opacity: 1;
|
|
1402
|
+
background-color: rgb(59 130 246 / var(--tw-bg-opacity));
|
|
1403
|
+
}
|
|
1404
|
+
.hover\:bg-blue-800:hover {
|
|
1405
|
+
--tw-bg-opacity: 1;
|
|
1406
|
+
background-color: rgb(30 64 175 / var(--tw-bg-opacity));
|
|
1407
|
+
}
|
|
1408
|
+
.hover\:bg-gray-200:hover {
|
|
1409
|
+
--tw-bg-opacity: 1;
|
|
1410
|
+
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
|
1411
|
+
}
|
|
1244
1412
|
.hover\:bg-gray-600:hover {
|
|
1245
1413
|
--tw-bg-opacity: 1;
|
|
1246
1414
|
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
|
@@ -1253,11 +1421,23 @@ video {
|
|
|
1253
1421
|
--tw-bg-opacity: 1;
|
|
1254
1422
|
background-color: rgb(13 148 136 / var(--tw-bg-opacity));
|
|
1255
1423
|
}
|
|
1424
|
+
.hover\:text-blue-200:hover {
|
|
1425
|
+
--tw-text-opacity: 1;
|
|
1426
|
+
color: rgb(191 219 254 / var(--tw-text-opacity));
|
|
1427
|
+
}
|
|
1428
|
+
.hover\:text-gray-900:hover {
|
|
1429
|
+
--tw-text-opacity: 1;
|
|
1430
|
+
color: rgb(17 24 39 / var(--tw-text-opacity));
|
|
1431
|
+
}
|
|
1256
1432
|
.focus\:ring-0:focus {
|
|
1257
1433
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
1258
1434
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
1259
1435
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
1260
1436
|
}
|
|
1437
|
+
.focus\:ring-gray-900:focus {
|
|
1438
|
+
--tw-ring-opacity: 1;
|
|
1439
|
+
--tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity));
|
|
1440
|
+
}
|
|
1261
1441
|
@media (prefers-reduced-motion: reduce) {
|
|
1262
1442
|
|
|
1263
1443
|
@keyframes spin {
|
|
@@ -1271,6 +1451,10 @@ video {
|
|
|
1271
1451
|
animation: spin 1.5s linear infinite;
|
|
1272
1452
|
}
|
|
1273
1453
|
}
|
|
1454
|
+
.dark\:border-gray-600:is([data-mode="dark"] *) {
|
|
1455
|
+
--tw-border-opacity: 1;
|
|
1456
|
+
border-color: rgb(75 85 99 / var(--tw-border-opacity));
|
|
1457
|
+
}
|
|
1274
1458
|
.dark\:bg-base-100:is([data-mode="dark"] *) {
|
|
1275
1459
|
--tw-bg-opacity: 1;
|
|
1276
1460
|
background-color: rgb(75 99 116 / var(--tw-bg-opacity));
|
|
@@ -1279,10 +1463,26 @@ video {
|
|
|
1279
1463
|
--tw-bg-opacity: 1;
|
|
1280
1464
|
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
|
1281
1465
|
}
|
|
1466
|
+
.dark\:bg-gray-700:is([data-mode="dark"] *) {
|
|
1467
|
+
--tw-bg-opacity: 1;
|
|
1468
|
+
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
|
1469
|
+
}
|
|
1282
1470
|
.dark\:text-gray-500:is([data-mode="dark"] *) {
|
|
1283
1471
|
--tw-text-opacity: 1;
|
|
1284
1472
|
color: rgb(107 114 128 / var(--tw-text-opacity));
|
|
1285
1473
|
}
|
|
1474
|
+
.dark\:text-white:is([data-mode="dark"] *) {
|
|
1475
|
+
--tw-text-opacity: 1;
|
|
1476
|
+
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
1477
|
+
}
|
|
1478
|
+
.dark\:placeholder-gray-400:is([data-mode="dark"] *)::-moz-placeholder {
|
|
1479
|
+
--tw-placeholder-opacity: 1;
|
|
1480
|
+
color: rgb(156 163 175 / var(--tw-placeholder-opacity));
|
|
1481
|
+
}
|
|
1482
|
+
.dark\:placeholder-gray-400:is([data-mode="dark"] *)::placeholder {
|
|
1483
|
+
--tw-placeholder-opacity: 1;
|
|
1484
|
+
color: rgb(156 163 175 / var(--tw-placeholder-opacity));
|
|
1485
|
+
}
|
|
1286
1486
|
.dark\:shadow-gray-400:is([data-mode="dark"] *) {
|
|
1287
1487
|
--tw-shadow-color: #9ca3af;
|
|
1288
1488
|
--tw-shadow: var(--tw-shadow-colored);
|
|
@@ -1295,6 +1495,18 @@ video {
|
|
|
1295
1495
|
--tw-shadow-color: #374151;
|
|
1296
1496
|
--tw-shadow: var(--tw-shadow-colored);
|
|
1297
1497
|
}
|
|
1498
|
+
.dark\:hover\:bg-gray-600:hover:is([data-mode="dark"] *) {
|
|
1499
|
+
--tw-bg-opacity: 1;
|
|
1500
|
+
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
|
1501
|
+
}
|
|
1502
|
+
.dark\:hover\:text-white:hover:is([data-mode="dark"] *) {
|
|
1503
|
+
--tw-text-opacity: 1;
|
|
1504
|
+
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
1505
|
+
}
|
|
1506
|
+
.dark\:focus\:border-blue-500:focus:is([data-mode="dark"] *) {
|
|
1507
|
+
--tw-border-opacity: 1;
|
|
1508
|
+
border-color: rgb(59 130 246 / var(--tw-border-opacity));
|
|
1509
|
+
}
|
|
1298
1510
|
@media (min-width: 640px) {
|
|
1299
1511
|
|
|
1300
1512
|
.sm\:p-0 {
|
|
@@ -1303,9 +1515,17 @@ video {
|
|
|
1303
1515
|
}
|
|
1304
1516
|
@media (min-width: 864px) {
|
|
1305
1517
|
|
|
1518
|
+
.md\:grid {
|
|
1519
|
+
display: grid;
|
|
1520
|
+
}
|
|
1521
|
+
|
|
1306
1522
|
.md\:w-1\/2 {
|
|
1307
1523
|
width: 50%;
|
|
1308
1524
|
}
|
|
1525
|
+
|
|
1526
|
+
.md\:grid-cols-3 {
|
|
1527
|
+
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
1528
|
+
}
|
|
1309
1529
|
}
|
|
1310
1530
|
@media (min-width: 1280px) {
|
|
1311
1531
|
|
package/package.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sm-click-library-ui",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.0.324",
|
|
5
|
-
"main": "dist/sm-click-library-ui.es.js",
|
|
6
|
-
"module": "dist/sm-click-library-ui.umd.js",
|
|
7
|
-
"private": false,
|
|
8
4
|
"files": [
|
|
9
5
|
"dist",
|
|
10
6
|
"src/test-utils"
|
|
11
7
|
],
|
|
8
|
+
"version": "0.0.327",
|
|
9
|
+
"main": "dist/sm-click-library-ui.es.js",
|
|
10
|
+
"module": "dist/sm-click-library-ui.umd.js",
|
|
11
|
+
"private": false,
|
|
12
12
|
"exports": {
|
|
13
13
|
".": "./dist/sm-click-library-ui.es.js",
|
|
14
14
|
"./dist/style.css": "./dist/style.css",
|
|
@@ -60,6 +60,7 @@
|
|
|
60
60
|
"scripts": {
|
|
61
61
|
"dev": "vite",
|
|
62
62
|
"build": "pnpm run build:lib && pnpm run build:style",
|
|
63
|
+
"build:deploy": "pnpm version patch && pnpm run build && pnpm publish",
|
|
63
64
|
"test": "vitest",
|
|
64
65
|
"test:unit": "vitest",
|
|
65
66
|
"test:coverage": "vitest run --coverage",
|