sm-click-library-ui 0.0.323 → 0.0.326

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/sm-click-library-ui.es.js +2984 -2893
  2. package/dist/sm-click-library-ui.umd.js +5 -5
  3. package/dist/style.css +1 -1
  4. package/dist/tailwind.css +263 -8
  5. package/package.json +4 -4
package/dist/tailwind.css CHANGED
@@ -563,9 +563,18 @@ 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
+ .left-12 {
573
+ left: 3rem;
574
+ }
575
+ .right-2 {
576
+ right: 0.5rem;
577
+ }
569
578
  .top-0 {
570
579
  top: 0px;
571
580
  }
@@ -587,6 +596,12 @@ video {
587
596
  .z-50 {
588
597
  z-index: 50;
589
598
  }
599
+ .row-span-1 {
600
+ grid-row: span 1 / span 1;
601
+ }
602
+ .row-span-6 {
603
+ grid-row: span 6 / span 6;
604
+ }
590
605
  .mx-auto {
591
606
  margin-left: auto;
592
607
  margin-right: auto;
@@ -604,12 +619,18 @@ video {
604
619
  .mr-2 {
605
620
  margin-right: 0.5rem;
606
621
  }
622
+ .ms-auto {
623
+ margin-inline-start: auto;
624
+ }
607
625
  .mt-1 {
608
626
  margin-top: 0.25rem;
609
627
  }
610
628
  .mt-2 {
611
629
  margin-top: 0.5rem;
612
630
  }
631
+ .mt-4 {
632
+ margin-top: 1rem;
633
+ }
613
634
  .line-clamp-1 {
614
635
  overflow: hidden;
615
636
  display: -webkit-box;
@@ -622,6 +643,9 @@ video {
622
643
  -webkit-box-orient: vertical;
623
644
  -webkit-line-clamp: 2;
624
645
  }
646
+ .block {
647
+ display: block;
648
+ }
625
649
  .inline-block {
626
650
  display: inline-block;
627
651
  }
@@ -643,6 +667,18 @@ video {
643
667
  .hidden {
644
668
  display: none;
645
669
  }
670
+ .size-4 {
671
+ width: 1rem;
672
+ height: 1rem;
673
+ }
674
+ .size-6 {
675
+ width: 1.5rem;
676
+ height: 1.5rem;
677
+ }
678
+ .size-7 {
679
+ width: 1.75rem;
680
+ height: 1.75rem;
681
+ }
646
682
  .h-10 {
647
683
  height: 2.5rem;
648
684
  }
@@ -661,15 +697,27 @@ video {
661
697
  .h-6 {
662
698
  height: 1.5rem;
663
699
  }
700
+ .h-8 {
701
+ height: 2rem;
702
+ }
664
703
  .h-full {
665
704
  height: 100%;
666
705
  }
706
+ .h-px {
707
+ height: 1px;
708
+ }
667
709
  .h-screen {
668
710
  height: 100vh;
669
711
  }
712
+ .max-h-64 {
713
+ max-height: 16rem;
714
+ }
670
715
  .max-h-\[200px\] {
671
716
  max-height: 200px;
672
717
  }
718
+ .max-h-\[27rem\] {
719
+ max-height: 27rem;
720
+ }
673
721
  .max-h-\[45\%\] {
674
722
  max-height: 45%;
675
723
  }
@@ -691,12 +739,18 @@ video {
691
739
  .w-4 {
692
740
  width: 1rem;
693
741
  }
742
+ .w-42 {
743
+ width: 10.8rem;
744
+ }
694
745
  .w-5 {
695
746
  width: 1.25rem;
696
747
  }
697
748
  .w-6 {
698
749
  width: 1.5rem;
699
750
  }
751
+ .w-8 {
752
+ width: 2rem;
753
+ }
700
754
  .w-\[40\%\] {
701
755
  width: 40%;
702
756
  }
@@ -709,6 +763,9 @@ video {
709
763
  .min-w-\[50px\] {
710
764
  min-width: 50px;
711
765
  }
766
+ .max-w-7xl {
767
+ max-width: 80rem;
768
+ }
712
769
  .max-w-\[45\%\] {
713
770
  max-width: 45%;
714
771
  }
@@ -732,6 +789,9 @@ video {
732
789
  .transform {
733
790
  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));
734
791
  }
792
+ .animate-\[modalani_0\.1s_ease-out\] {
793
+ animation: modalani 0.1s ease-out;
794
+ }
735
795
  @keyframes spin {
736
796
 
737
797
  to {
@@ -754,9 +814,15 @@ video {
754
814
  -moz-user-select: text;
755
815
  user-select: text;
756
816
  }
817
+ .resize-none {
818
+ resize: none;
819
+ }
757
820
  .resize {
758
821
  resize: both;
759
822
  }
823
+ .grid-rows-8 {
824
+ grid-template-rows: repeat(8, minmax(0, 1fr));
825
+ }
760
826
  .flex-col {
761
827
  flex-direction: column;
762
828
  }
@@ -778,6 +844,12 @@ video {
778
844
  .justify-between {
779
845
  justify-content: space-between;
780
846
  }
847
+ .gap-1 {
848
+ gap: 0.25rem;
849
+ }
850
+ .gap-1\.5 {
851
+ gap: 0.375rem;
852
+ }
781
853
  .gap-2 {
782
854
  gap: 0.5rem;
783
855
  }
@@ -810,6 +882,15 @@ video {
810
882
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
811
883
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
812
884
  }
885
+ .self-end {
886
+ align-self: flex-end;
887
+ }
888
+ .overflow-auto {
889
+ overflow: auto;
890
+ }
891
+ .overflow-hidden {
892
+ overflow: hidden;
893
+ }
813
894
  .overflow-y-auto {
814
895
  overflow-y: auto;
815
896
  }
@@ -854,6 +935,10 @@ video {
854
935
  border-bottom-right-radius: 0px;
855
936
  border-bottom-left-radius: 0px;
856
937
  }
938
+ .rounded-t {
939
+ border-top-left-radius: 0.25rem;
940
+ border-top-right-radius: 0.25rem;
941
+ }
857
942
  .rounded-t-2xl {
858
943
  border-top-left-radius: 1rem;
859
944
  border-top-right-radius: 1rem;
@@ -864,6 +949,9 @@ video {
864
949
  .border {
865
950
  border-width: 1px;
866
951
  }
952
+ .border-0 {
953
+ border-width: 0px;
954
+ }
867
955
  .border-2 {
868
956
  border-width: 2px;
869
957
  }
@@ -887,6 +975,10 @@ video {
887
975
  .border-current {
888
976
  border-color: currentColor;
889
977
  }
978
+ .border-gray-200 {
979
+ --tw-border-opacity: 1;
980
+ border-color: rgb(229 231 235 / var(--tw-border-opacity));
981
+ }
890
982
  .border-white {
891
983
  --tw-border-opacity: 1;
892
984
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
@@ -897,10 +989,30 @@ video {
897
989
  .border-t-transparent {
898
990
  border-top-color: transparent;
899
991
  }
992
+ .bg-\[\#007AFF\] {
993
+ --tw-bg-opacity: 1;
994
+ background-color: rgb(0 122 255 / var(--tw-bg-opacity));
995
+ }
996
+ .bg-\[\#21B45833\] {
997
+ background-color: #21B45833;
998
+ }
999
+ .bg-\[\#21B458B2\] {
1000
+ background-color: #21B458B2;
1001
+ }
1002
+ .bg-\[\#3666F033\] {
1003
+ background-color: #3666F033;
1004
+ }
900
1005
  .bg-\[\#404857\] {
901
1006
  --tw-bg-opacity: 1;
902
1007
  background-color: rgb(64 72 87 / var(--tw-bg-opacity));
903
1008
  }
1009
+ .bg-\[\#5856D6\] {
1010
+ --tw-bg-opacity: 1;
1011
+ background-color: rgb(88 86 214 / var(--tw-bg-opacity));
1012
+ }
1013
+ .bg-\[\#83878B1A\] {
1014
+ background-color: #83878B1A;
1015
+ }
904
1016
  .bg-base-100 {
905
1017
  --tw-bg-opacity: 1;
906
1018
  background-color: rgb(75 99 116 / var(--tw-bg-opacity));
@@ -923,9 +1035,27 @@ video {
923
1035
  --tw-bg-opacity: 1;
924
1036
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
925
1037
  }
1038
+ .bg-black\/20 {
1039
+ background-color: rgb(0 0 0 / 0.2);
1040
+ }
1041
+ .bg-blue-200 {
1042
+ --tw-bg-opacity: 1;
1043
+ background-color: rgb(191 219 254 / var(--tw-bg-opacity));
1044
+ }
1045
+ .bg-blue-300 {
1046
+ --tw-bg-opacity: 1;
1047
+ background-color: rgb(147 197 253 / var(--tw-bg-opacity));
1048
+ }
926
1049
  .bg-blue-400\/10 {
927
1050
  background-color: rgb(96 165 250 / 0.1);
928
1051
  }
1052
+ .bg-blue-600 {
1053
+ --tw-bg-opacity: 1;
1054
+ background-color: rgb(37 99 235 / var(--tw-bg-opacity));
1055
+ }
1056
+ .bg-gray-200\/20 {
1057
+ background-color: rgb(229 231 235 / 0.2);
1058
+ }
929
1059
  .bg-gray-500 {
930
1060
  --tw-bg-opacity: 1;
931
1061
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
@@ -934,6 +1064,14 @@ video {
934
1064
  --tw-bg-opacity: 1;
935
1065
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
936
1066
  }
1067
+ .bg-gray-700 {
1068
+ --tw-bg-opacity: 1;
1069
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity));
1070
+ }
1071
+ .bg-gray-900 {
1072
+ --tw-bg-opacity: 1;
1073
+ background-color: rgb(17 24 39 / var(--tw-bg-opacity));
1074
+ }
937
1075
  .bg-green-500 {
938
1076
  --tw-bg-opacity: 1;
939
1077
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
@@ -942,10 +1080,6 @@ video {
942
1080
  --tw-bg-opacity: 1;
943
1081
  background-color: rgb(168 85 247 / var(--tw-bg-opacity));
944
1082
  }
945
- .bg-red-200 {
946
- --tw-bg-opacity: 1;
947
- background-color: rgb(254 202 202 / var(--tw-bg-opacity));
948
- }
949
1083
  .bg-red-500 {
950
1084
  --tw-bg-opacity: 1;
951
1085
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
@@ -953,6 +1087,9 @@ video {
953
1087
  .bg-slate-500\/20 {
954
1088
  background-color: rgb(100 116 139 / 0.2);
955
1089
  }
1090
+ .bg-transparent {
1091
+ background-color: transparent;
1092
+ }
956
1093
  .bg-yellow-500 {
957
1094
  --tw-bg-opacity: 1;
958
1095
  background-color: rgb(234 179 8 / var(--tw-bg-opacity));
@@ -985,10 +1122,6 @@ video {
985
1122
  padding-left: 0.25rem;
986
1123
  padding-right: 0.25rem;
987
1124
  }
988
- .px-2 {
989
- padding-left: 0.5rem;
990
- padding-right: 0.5rem;
991
- }
992
1125
  .px-3 {
993
1126
  padding-left: 0.75rem;
994
1127
  padding-right: 0.75rem;
@@ -1024,6 +1157,9 @@ video {
1024
1157
  .align-middle {
1025
1158
  vertical-align: middle;
1026
1159
  }
1160
+ .text-\[10px\] {
1161
+ font-size: 10px;
1162
+ }
1027
1163
  .text-sm {
1028
1164
  font-size: 0.875rem;
1029
1165
  line-height: 1.25rem;
@@ -1036,6 +1172,9 @@ video {
1036
1172
  font-size: 0.75rem;
1037
1173
  line-height: 1rem;
1038
1174
  }
1175
+ .font-extralight {
1176
+ font-weight: 200;
1177
+ }
1039
1178
  .font-normal {
1040
1179
  font-weight: 400;
1041
1180
  }
@@ -1056,6 +1195,18 @@ video {
1056
1195
  --tw-text-opacity: 1;
1057
1196
  color: rgb(147 197 253 / var(--tw-text-opacity));
1058
1197
  }
1198
+ .text-blue-500 {
1199
+ --tw-text-opacity: 1;
1200
+ color: rgb(59 130 246 / var(--tw-text-opacity));
1201
+ }
1202
+ .text-blue-700 {
1203
+ --tw-text-opacity: 1;
1204
+ color: rgb(29 78 216 / var(--tw-text-opacity));
1205
+ }
1206
+ .text-blue-900 {
1207
+ --tw-text-opacity: 1;
1208
+ color: rgb(30 58 138 / var(--tw-text-opacity));
1209
+ }
1059
1210
  .text-current {
1060
1211
  color: currentColor;
1061
1212
  }
@@ -1063,6 +1214,18 @@ video {
1063
1214
  --tw-text-opacity: 1;
1064
1215
  color: rgb(243 244 246 / var(--tw-text-opacity));
1065
1216
  }
1217
+ .text-gray-300 {
1218
+ --tw-text-opacity: 1;
1219
+ color: rgb(209 213 219 / var(--tw-text-opacity));
1220
+ }
1221
+ .text-gray-400 {
1222
+ --tw-text-opacity: 1;
1223
+ color: rgb(156 163 175 / var(--tw-text-opacity));
1224
+ }
1225
+ .text-gray-700 {
1226
+ --tw-text-opacity: 1;
1227
+ color: rgb(55 65 81 / var(--tw-text-opacity));
1228
+ }
1066
1229
  .text-gray-800 {
1067
1230
  --tw-text-opacity: 1;
1068
1231
  color: rgb(31 41 55 / var(--tw-text-opacity));
@@ -1119,6 +1282,10 @@ video {
1119
1282
  --tw-shadow-color: #111827;
1120
1283
  --tw-shadow: var(--tw-shadow-colored);
1121
1284
  }
1285
+ .shadow-green-900 {
1286
+ --tw-shadow-color: #14532d;
1287
+ --tw-shadow: var(--tw-shadow-colored);
1288
+ }
1122
1289
  .outline {
1123
1290
  outline-style: solid;
1124
1291
  }
@@ -1139,6 +1306,11 @@ video {
1139
1306
  -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);
1140
1307
  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);
1141
1308
  }
1309
+ .backdrop-blur-sm {
1310
+ --tw-backdrop-blur: blur(4px);
1311
+ -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);
1312
+ 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);
1313
+ }
1142
1314
  .backdrop-filter {
1143
1315
  -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);
1144
1316
  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);
@@ -1155,6 +1327,11 @@ video {
1155
1327
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1156
1328
  transition-duration: 150ms;
1157
1329
  }
1330
+ .transition-opacity {
1331
+ transition-property: opacity;
1332
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1333
+ transition-duration: 150ms;
1334
+ }
1158
1335
  .transition-transform {
1159
1336
  transition-property: transform;
1160
1337
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -1166,6 +1343,9 @@ video {
1166
1343
  .duration-300 {
1167
1344
  transition-duration: 300ms;
1168
1345
  }
1346
+ .ease-in {
1347
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
1348
+ }
1169
1349
  .ease-in-out {
1170
1350
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1171
1351
  }
@@ -1221,6 +1401,13 @@ video {
1221
1401
  .group:hover .group-hover\:inline-block {
1222
1402
  display: inline-block;
1223
1403
  }
1404
+ .group:hover .group-hover\:flex {
1405
+ display: flex;
1406
+ }
1407
+ .group:hover .group-hover\:text-white {
1408
+ --tw-text-opacity: 1;
1409
+ color: rgb(255 255 255 / var(--tw-text-opacity));
1410
+ }
1224
1411
  .hover\:scale-105:hover {
1225
1412
  --tw-scale-x: 1.05;
1226
1413
  --tw-scale-y: 1.05;
@@ -1234,6 +1421,22 @@ video {
1234
1421
  --tw-bg-opacity: 1;
1235
1422
  background-color: rgb(38 52 61 / var(--tw-bg-opacity));
1236
1423
  }
1424
+ .hover\:bg-blue-400:hover {
1425
+ --tw-bg-opacity: 1;
1426
+ background-color: rgb(96 165 250 / var(--tw-bg-opacity));
1427
+ }
1428
+ .hover\:bg-blue-500:hover {
1429
+ --tw-bg-opacity: 1;
1430
+ background-color: rgb(59 130 246 / var(--tw-bg-opacity));
1431
+ }
1432
+ .hover\:bg-blue-800:hover {
1433
+ --tw-bg-opacity: 1;
1434
+ background-color: rgb(30 64 175 / var(--tw-bg-opacity));
1435
+ }
1436
+ .hover\:bg-gray-200:hover {
1437
+ --tw-bg-opacity: 1;
1438
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity));
1439
+ }
1237
1440
  .hover\:bg-gray-600:hover {
1238
1441
  --tw-bg-opacity: 1;
1239
1442
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
@@ -1246,11 +1449,23 @@ video {
1246
1449
  --tw-bg-opacity: 1;
1247
1450
  background-color: rgb(13 148 136 / var(--tw-bg-opacity));
1248
1451
  }
1452
+ .hover\:text-blue-200:hover {
1453
+ --tw-text-opacity: 1;
1454
+ color: rgb(191 219 254 / var(--tw-text-opacity));
1455
+ }
1456
+ .hover\:text-gray-900:hover {
1457
+ --tw-text-opacity: 1;
1458
+ color: rgb(17 24 39 / var(--tw-text-opacity));
1459
+ }
1249
1460
  .focus\:ring-0:focus {
1250
1461
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1251
1462
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1252
1463
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1253
1464
  }
1465
+ .focus\:ring-gray-900:focus {
1466
+ --tw-ring-opacity: 1;
1467
+ --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity));
1468
+ }
1254
1469
  @media (prefers-reduced-motion: reduce) {
1255
1470
 
1256
1471
  @keyframes spin {
@@ -1264,6 +1479,10 @@ video {
1264
1479
  animation: spin 1.5s linear infinite;
1265
1480
  }
1266
1481
  }
1482
+ .dark\:border-gray-600:is([data-mode="dark"] *) {
1483
+ --tw-border-opacity: 1;
1484
+ border-color: rgb(75 85 99 / var(--tw-border-opacity));
1485
+ }
1267
1486
  .dark\:bg-base-100:is([data-mode="dark"] *) {
1268
1487
  --tw-bg-opacity: 1;
1269
1488
  background-color: rgb(75 99 116 / var(--tw-bg-opacity));
@@ -1272,10 +1491,26 @@ video {
1272
1491
  --tw-bg-opacity: 1;
1273
1492
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
1274
1493
  }
1494
+ .dark\:bg-gray-700:is([data-mode="dark"] *) {
1495
+ --tw-bg-opacity: 1;
1496
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity));
1497
+ }
1275
1498
  .dark\:text-gray-500:is([data-mode="dark"] *) {
1276
1499
  --tw-text-opacity: 1;
1277
1500
  color: rgb(107 114 128 / var(--tw-text-opacity));
1278
1501
  }
1502
+ .dark\:text-white:is([data-mode="dark"] *) {
1503
+ --tw-text-opacity: 1;
1504
+ color: rgb(255 255 255 / var(--tw-text-opacity));
1505
+ }
1506
+ .dark\:placeholder-gray-400:is([data-mode="dark"] *)::-moz-placeholder {
1507
+ --tw-placeholder-opacity: 1;
1508
+ color: rgb(156 163 175 / var(--tw-placeholder-opacity));
1509
+ }
1510
+ .dark\:placeholder-gray-400:is([data-mode="dark"] *)::placeholder {
1511
+ --tw-placeholder-opacity: 1;
1512
+ color: rgb(156 163 175 / var(--tw-placeholder-opacity));
1513
+ }
1279
1514
  .dark\:shadow-gray-400:is([data-mode="dark"] *) {
1280
1515
  --tw-shadow-color: #9ca3af;
1281
1516
  --tw-shadow: var(--tw-shadow-colored);
@@ -1288,6 +1523,18 @@ video {
1288
1523
  --tw-shadow-color: #374151;
1289
1524
  --tw-shadow: var(--tw-shadow-colored);
1290
1525
  }
1526
+ .dark\:hover\:bg-gray-600:hover:is([data-mode="dark"] *) {
1527
+ --tw-bg-opacity: 1;
1528
+ background-color: rgb(75 85 99 / var(--tw-bg-opacity));
1529
+ }
1530
+ .dark\:hover\:text-white:hover:is([data-mode="dark"] *) {
1531
+ --tw-text-opacity: 1;
1532
+ color: rgb(255 255 255 / var(--tw-text-opacity));
1533
+ }
1534
+ .dark\:focus\:border-blue-500:focus:is([data-mode="dark"] *) {
1535
+ --tw-border-opacity: 1;
1536
+ border-color: rgb(59 130 246 / var(--tw-border-opacity));
1537
+ }
1291
1538
  @media (min-width: 640px) {
1292
1539
 
1293
1540
  .sm\:p-0 {
@@ -1296,9 +1543,17 @@ video {
1296
1543
  }
1297
1544
  @media (min-width: 864px) {
1298
1545
 
1546
+ .md\:grid {
1547
+ display: grid;
1548
+ }
1549
+
1299
1550
  .md\:w-1\/2 {
1300
1551
  width: 50%;
1301
1552
  }
1553
+
1554
+ .md\:grid-cols-3 {
1555
+ grid-template-columns: repeat(3, minmax(0, 1fr));
1556
+ }
1302
1557
  }
1303
1558
  @media (min-width: 1280px) {
1304
1559
 
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.323",
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.326",
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",