sm-click-library-ui 0.0.367 → 0.0.368

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/tailwind.css CHANGED
@@ -1,5 +1,111 @@
1
- /*
2
- ! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com
1
+ *, ::before, ::after {
2
+ --tw-border-spacing-x: 0;
3
+ --tw-border-spacing-y: 0;
4
+ --tw-translate-x: 0;
5
+ --tw-translate-y: 0;
6
+ --tw-rotate: 0;
7
+ --tw-skew-x: 0;
8
+ --tw-skew-y: 0;
9
+ --tw-scale-x: 1;
10
+ --tw-scale-y: 1;
11
+ --tw-pan-x: ;
12
+ --tw-pan-y: ;
13
+ --tw-pinch-zoom: ;
14
+ --tw-scroll-snap-strictness: proximity;
15
+ --tw-gradient-from-position: ;
16
+ --tw-gradient-via-position: ;
17
+ --tw-gradient-to-position: ;
18
+ --tw-ordinal: ;
19
+ --tw-slashed-zero: ;
20
+ --tw-numeric-figure: ;
21
+ --tw-numeric-spacing: ;
22
+ --tw-numeric-fraction: ;
23
+ --tw-ring-inset: ;
24
+ --tw-ring-offset-width: 0px;
25
+ --tw-ring-offset-color: #fff;
26
+ --tw-ring-color: rgb(59 130 246 / 0.5);
27
+ --tw-ring-offset-shadow: 0 0 #0000;
28
+ --tw-ring-shadow: 0 0 #0000;
29
+ --tw-shadow: 0 0 #0000;
30
+ --tw-shadow-colored: 0 0 #0000;
31
+ --tw-blur: ;
32
+ --tw-brightness: ;
33
+ --tw-contrast: ;
34
+ --tw-grayscale: ;
35
+ --tw-hue-rotate: ;
36
+ --tw-invert: ;
37
+ --tw-saturate: ;
38
+ --tw-sepia: ;
39
+ --tw-drop-shadow: ;
40
+ --tw-backdrop-blur: ;
41
+ --tw-backdrop-brightness: ;
42
+ --tw-backdrop-contrast: ;
43
+ --tw-backdrop-grayscale: ;
44
+ --tw-backdrop-hue-rotate: ;
45
+ --tw-backdrop-invert: ;
46
+ --tw-backdrop-opacity: ;
47
+ --tw-backdrop-saturate: ;
48
+ --tw-backdrop-sepia: ;
49
+ --tw-contain-size: ;
50
+ --tw-contain-layout: ;
51
+ --tw-contain-paint: ;
52
+ --tw-contain-style: ;
53
+ }
54
+
55
+ ::backdrop {
56
+ --tw-border-spacing-x: 0;
57
+ --tw-border-spacing-y: 0;
58
+ --tw-translate-x: 0;
59
+ --tw-translate-y: 0;
60
+ --tw-rotate: 0;
61
+ --tw-skew-x: 0;
62
+ --tw-skew-y: 0;
63
+ --tw-scale-x: 1;
64
+ --tw-scale-y: 1;
65
+ --tw-pan-x: ;
66
+ --tw-pan-y: ;
67
+ --tw-pinch-zoom: ;
68
+ --tw-scroll-snap-strictness: proximity;
69
+ --tw-gradient-from-position: ;
70
+ --tw-gradient-via-position: ;
71
+ --tw-gradient-to-position: ;
72
+ --tw-ordinal: ;
73
+ --tw-slashed-zero: ;
74
+ --tw-numeric-figure: ;
75
+ --tw-numeric-spacing: ;
76
+ --tw-numeric-fraction: ;
77
+ --tw-ring-inset: ;
78
+ --tw-ring-offset-width: 0px;
79
+ --tw-ring-offset-color: #fff;
80
+ --tw-ring-color: rgb(59 130 246 / 0.5);
81
+ --tw-ring-offset-shadow: 0 0 #0000;
82
+ --tw-ring-shadow: 0 0 #0000;
83
+ --tw-shadow: 0 0 #0000;
84
+ --tw-shadow-colored: 0 0 #0000;
85
+ --tw-blur: ;
86
+ --tw-brightness: ;
87
+ --tw-contrast: ;
88
+ --tw-grayscale: ;
89
+ --tw-hue-rotate: ;
90
+ --tw-invert: ;
91
+ --tw-saturate: ;
92
+ --tw-sepia: ;
93
+ --tw-drop-shadow: ;
94
+ --tw-backdrop-blur: ;
95
+ --tw-backdrop-brightness: ;
96
+ --tw-backdrop-contrast: ;
97
+ --tw-backdrop-grayscale: ;
98
+ --tw-backdrop-hue-rotate: ;
99
+ --tw-backdrop-invert: ;
100
+ --tw-backdrop-opacity: ;
101
+ --tw-backdrop-saturate: ;
102
+ --tw-backdrop-sepia: ;
103
+ --tw-contain-size: ;
104
+ --tw-contain-layout: ;
105
+ --tw-contain-paint: ;
106
+ --tw-contain-style: ;
107
+ }/*
108
+ ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
3
109
  *//*
4
110
  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
5
111
  2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
@@ -390,121 +496,13 @@ video {
390
496
  }
391
497
 
392
498
  /* Make elements with the HTML hidden attribute stay hidden by default */
393
- [hidden] {
499
+ [hidden]:where(:not([hidden="until-found"])) {
394
500
  display: none;
395
501
  }
396
502
 
397
503
  * {
398
504
  scrollbar-color: initial;
399
505
  scrollbar-width: initial;
400
- }
401
-
402
- *, ::before, ::after {
403
- --tw-border-spacing-x: 0;
404
- --tw-border-spacing-y: 0;
405
- --tw-translate-x: 0;
406
- --tw-translate-y: 0;
407
- --tw-rotate: 0;
408
- --tw-skew-x: 0;
409
- --tw-skew-y: 0;
410
- --tw-scale-x: 1;
411
- --tw-scale-y: 1;
412
- --tw-pan-x: ;
413
- --tw-pan-y: ;
414
- --tw-pinch-zoom: ;
415
- --tw-scroll-snap-strictness: proximity;
416
- --tw-gradient-from-position: ;
417
- --tw-gradient-via-position: ;
418
- --tw-gradient-to-position: ;
419
- --tw-ordinal: ;
420
- --tw-slashed-zero: ;
421
- --tw-numeric-figure: ;
422
- --tw-numeric-spacing: ;
423
- --tw-numeric-fraction: ;
424
- --tw-ring-inset: ;
425
- --tw-ring-offset-width: 0px;
426
- --tw-ring-offset-color: #fff;
427
- --tw-ring-color: rgb(59 130 246 / 0.5);
428
- --tw-ring-offset-shadow: 0 0 #0000;
429
- --tw-ring-shadow: 0 0 #0000;
430
- --tw-shadow: 0 0 #0000;
431
- --tw-shadow-colored: 0 0 #0000;
432
- --tw-blur: ;
433
- --tw-brightness: ;
434
- --tw-contrast: ;
435
- --tw-grayscale: ;
436
- --tw-hue-rotate: ;
437
- --tw-invert: ;
438
- --tw-saturate: ;
439
- --tw-sepia: ;
440
- --tw-drop-shadow: ;
441
- --tw-backdrop-blur: ;
442
- --tw-backdrop-brightness: ;
443
- --tw-backdrop-contrast: ;
444
- --tw-backdrop-grayscale: ;
445
- --tw-backdrop-hue-rotate: ;
446
- --tw-backdrop-invert: ;
447
- --tw-backdrop-opacity: ;
448
- --tw-backdrop-saturate: ;
449
- --tw-backdrop-sepia: ;
450
- --tw-contain-size: ;
451
- --tw-contain-layout: ;
452
- --tw-contain-paint: ;
453
- --tw-contain-style: ;
454
- }
455
-
456
- ::backdrop {
457
- --tw-border-spacing-x: 0;
458
- --tw-border-spacing-y: 0;
459
- --tw-translate-x: 0;
460
- --tw-translate-y: 0;
461
- --tw-rotate: 0;
462
- --tw-skew-x: 0;
463
- --tw-skew-y: 0;
464
- --tw-scale-x: 1;
465
- --tw-scale-y: 1;
466
- --tw-pan-x: ;
467
- --tw-pan-y: ;
468
- --tw-pinch-zoom: ;
469
- --tw-scroll-snap-strictness: proximity;
470
- --tw-gradient-from-position: ;
471
- --tw-gradient-via-position: ;
472
- --tw-gradient-to-position: ;
473
- --tw-ordinal: ;
474
- --tw-slashed-zero: ;
475
- --tw-numeric-figure: ;
476
- --tw-numeric-spacing: ;
477
- --tw-numeric-fraction: ;
478
- --tw-ring-inset: ;
479
- --tw-ring-offset-width: 0px;
480
- --tw-ring-offset-color: #fff;
481
- --tw-ring-color: rgb(59 130 246 / 0.5);
482
- --tw-ring-offset-shadow: 0 0 #0000;
483
- --tw-ring-shadow: 0 0 #0000;
484
- --tw-shadow: 0 0 #0000;
485
- --tw-shadow-colored: 0 0 #0000;
486
- --tw-blur: ;
487
- --tw-brightness: ;
488
- --tw-contrast: ;
489
- --tw-grayscale: ;
490
- --tw-hue-rotate: ;
491
- --tw-invert: ;
492
- --tw-saturate: ;
493
- --tw-sepia: ;
494
- --tw-drop-shadow: ;
495
- --tw-backdrop-blur: ;
496
- --tw-backdrop-brightness: ;
497
- --tw-backdrop-contrast: ;
498
- --tw-backdrop-grayscale: ;
499
- --tw-backdrop-hue-rotate: ;
500
- --tw-backdrop-invert: ;
501
- --tw-backdrop-opacity: ;
502
- --tw-backdrop-saturate: ;
503
- --tw-backdrop-sepia: ;
504
- --tw-contain-size: ;
505
- --tw-contain-layout: ;
506
- --tw-contain-paint: ;
507
- --tw-contain-style: ;
508
506
  }
509
507
  .container {
510
508
  width: 100%;
@@ -892,18 +890,18 @@ video {
892
890
  }
893
891
  .border-base-100 {
894
892
  --tw-border-opacity: 1;
895
- border-color: rgb(75 99 116 / var(--tw-border-opacity));
893
+ border-color: rgb(75 99 116 / var(--tw-border-opacity, 1));
896
894
  }
897
895
  .border-base-200 {
898
896
  --tw-border-opacity: 1;
899
- border-color: rgb(38 52 61 / var(--tw-border-opacity));
897
+ border-color: rgb(38 52 61 / var(--tw-border-opacity, 1));
900
898
  }
901
899
  .border-current {
902
900
  border-color: currentColor;
903
901
  }
904
902
  .border-white {
905
903
  --tw-border-opacity: 1;
906
- border-color: rgb(255 255 255 / var(--tw-border-opacity));
904
+ border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
907
905
  }
908
906
  .border-e-transparent {
909
907
  border-inline-end-color: transparent;
@@ -913,70 +911,67 @@ video {
913
911
  }
914
912
  .bg-\[\#404857\] {
915
913
  --tw-bg-opacity: 1;
916
- background-color: rgb(64 72 87 / var(--tw-bg-opacity));
914
+ background-color: rgb(64 72 87 / var(--tw-bg-opacity, 1));
917
915
  }
918
916
  .bg-base-100 {
919
917
  --tw-bg-opacity: 1;
920
- background-color: rgb(75 99 116 / var(--tw-bg-opacity));
918
+ background-color: rgb(75 99 116 / var(--tw-bg-opacity, 1));
921
919
  }
922
920
  .bg-base-100\/50 {
923
921
  background-color: rgb(75 99 116 / 0.5);
924
922
  }
925
923
  .bg-base-200 {
926
924
  --tw-bg-opacity: 1;
927
- background-color: rgb(38 52 61 / var(--tw-bg-opacity));
925
+ background-color: rgb(38 52 61 / var(--tw-bg-opacity, 1));
928
926
  }
929
927
  .bg-base-200\/40 {
930
928
  background-color: rgb(38 52 61 / 0.4);
931
929
  }
932
930
  .bg-base-300 {
933
931
  --tw-bg-opacity: 1;
934
- background-color: rgb(17 27 33 / var(--tw-bg-opacity));
932
+ background-color: rgb(17 27 33 / var(--tw-bg-opacity, 1));
935
933
  }
936
934
  .bg-black {
937
935
  --tw-bg-opacity: 1;
938
- background-color: rgb(0 0 0 / var(--tw-bg-opacity));
936
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
939
937
  }
940
938
  .bg-blue-400\/10 {
941
939
  background-color: rgb(96 165 250 / 0.1);
942
940
  }
943
941
  .bg-gray-500 {
944
942
  --tw-bg-opacity: 1;
945
- background-color: rgb(107 114 128 / var(--tw-bg-opacity));
943
+ background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
946
944
  }
947
945
  .bg-gray-600 {
948
946
  --tw-bg-opacity: 1;
949
- background-color: rgb(75 85 99 / var(--tw-bg-opacity));
947
+ background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
950
948
  }
951
949
  .bg-gray-900 {
952
950
  --tw-bg-opacity: 1;
953
- background-color: rgb(17 24 39 / var(--tw-bg-opacity));
951
+ background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
954
952
  }
955
953
  .bg-green-500 {
956
954
  --tw-bg-opacity: 1;
957
- background-color: rgb(34 197 94 / var(--tw-bg-opacity));
955
+ background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
958
956
  }
959
957
  .bg-purple-500 {
960
958
  --tw-bg-opacity: 1;
961
- background-color: rgb(168 85 247 / var(--tw-bg-opacity));
959
+ background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
962
960
  }
963
961
  .bg-red-500 {
964
962
  --tw-bg-opacity: 1;
965
- background-color: rgb(239 68 68 / var(--tw-bg-opacity));
963
+ background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
966
964
  }
967
965
  .bg-slate-500\/20 {
968
966
  background-color: rgb(100 116 139 / 0.2);
969
967
  }
970
968
  .bg-yellow-500 {
971
969
  --tw-bg-opacity: 1;
972
- background-color: rgb(234 179 8 / var(--tw-bg-opacity));
970
+ background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
973
971
  }
974
972
  .fill-gray-600 {
975
973
  fill: #4b5563;
976
974
  }
977
- .p-0 {
978
- padding: 0px;
979
- }
980
975
  .p-0\.5 {
981
976
  padding: 0.125rem;
982
977
  }
@@ -1070,34 +1065,34 @@ video {
1070
1065
  }
1071
1066
  .text-black {
1072
1067
  --tw-text-opacity: 1;
1073
- color: rgb(0 0 0 / var(--tw-text-opacity));
1068
+ color: rgb(0 0 0 / var(--tw-text-opacity, 1));
1074
1069
  }
1075
1070
  .text-blue-300 {
1076
1071
  --tw-text-opacity: 1;
1077
- color: rgb(147 197 253 / var(--tw-text-opacity));
1072
+ color: rgb(147 197 253 / var(--tw-text-opacity, 1));
1078
1073
  }
1079
1074
  .text-blue-900 {
1080
1075
  --tw-text-opacity: 1;
1081
- color: rgb(30 58 138 / var(--tw-text-opacity));
1076
+ color: rgb(30 58 138 / var(--tw-text-opacity, 1));
1082
1077
  }
1083
1078
  .text-current {
1084
1079
  color: currentColor;
1085
1080
  }
1086
1081
  .text-gray-100 {
1087
1082
  --tw-text-opacity: 1;
1088
- color: rgb(243 244 246 / var(--tw-text-opacity));
1083
+ color: rgb(243 244 246 / var(--tw-text-opacity, 1));
1089
1084
  }
1090
1085
  .text-gray-800 {
1091
1086
  --tw-text-opacity: 1;
1092
- color: rgb(31 41 55 / var(--tw-text-opacity));
1087
+ color: rgb(31 41 55 / var(--tw-text-opacity, 1));
1093
1088
  }
1094
1089
  .text-green-400 {
1095
1090
  --tw-text-opacity: 1;
1096
- color: rgb(74 222 128 / var(--tw-text-opacity));
1091
+ color: rgb(74 222 128 / var(--tw-text-opacity, 1));
1097
1092
  }
1098
1093
  .text-white {
1099
1094
  --tw-text-opacity: 1;
1100
- color: rgb(255 255 255 / var(--tw-text-opacity));
1095
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1101
1096
  }
1102
1097
  .underline {
1103
1098
  text-decoration-line: underline;
@@ -1164,11 +1159,11 @@ video {
1164
1159
  .backdrop-blur-\[2px\] {
1165
1160
  --tw-backdrop-blur: blur(2px);
1166
1161
  -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);
1167
- 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
+ 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);
1168
1163
  }
1169
1164
  .backdrop-filter {
1170
1165
  -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);
1171
- 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);
1166
+ 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);
1172
1167
  }
1173
1168
  .transition {
1174
1169
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
@@ -1243,7 +1238,7 @@ video {
1243
1238
  }
1244
1239
  .even\:bg-base-300:nth-child(even) {
1245
1240
  --tw-bg-opacity: 1;
1246
- background-color: rgb(17 27 33 / var(--tw-bg-opacity));
1241
+ background-color: rgb(17 27 33 / var(--tw-bg-opacity, 1));
1247
1242
  }
1248
1243
  .group:hover .group-hover\:inline-block {
1249
1244
  display: inline-block;
@@ -1255,23 +1250,23 @@ video {
1255
1250
  }
1256
1251
  .hover\:bg-base-100:hover {
1257
1252
  --tw-bg-opacity: 1;
1258
- background-color: rgb(75 99 116 / var(--tw-bg-opacity));
1253
+ background-color: rgb(75 99 116 / var(--tw-bg-opacity, 1));
1259
1254
  }
1260
1255
  .hover\:bg-base-200:hover {
1261
1256
  --tw-bg-opacity: 1;
1262
- background-color: rgb(38 52 61 / var(--tw-bg-opacity));
1257
+ background-color: rgb(38 52 61 / var(--tw-bg-opacity, 1));
1263
1258
  }
1264
1259
  .hover\:bg-gray-600:hover {
1265
1260
  --tw-bg-opacity: 1;
1266
- background-color: rgb(75 85 99 / var(--tw-bg-opacity));
1261
+ background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
1267
1262
  }
1268
1263
  .hover\:bg-green-400:hover {
1269
1264
  --tw-bg-opacity: 1;
1270
- background-color: rgb(74 222 128 / var(--tw-bg-opacity));
1265
+ background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
1271
1266
  }
1272
1267
  .hover\:bg-teal-600:hover {
1273
1268
  --tw-bg-opacity: 1;
1274
- background-color: rgb(13 148 136 / var(--tw-bg-opacity));
1269
+ background-color: rgb(13 148 136 / var(--tw-bg-opacity, 1));
1275
1270
  }
1276
1271
  .focus\:ring-0:focus {
1277
1272
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -1293,15 +1288,15 @@ video {
1293
1288
  }
1294
1289
  .dark\:bg-base-100:is([data-mode="dark"] *) {
1295
1290
  --tw-bg-opacity: 1;
1296
- background-color: rgb(75 99 116 / var(--tw-bg-opacity));
1291
+ background-color: rgb(75 99 116 / var(--tw-bg-opacity, 1));
1297
1292
  }
1298
1293
  .dark\:bg-gray-300:is([data-mode="dark"] *) {
1299
1294
  --tw-bg-opacity: 1;
1300
- background-color: rgb(209 213 219 / var(--tw-bg-opacity));
1295
+ background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
1301
1296
  }
1302
1297
  .dark\:text-gray-500:is([data-mode="dark"] *) {
1303
1298
  --tw-text-opacity: 1;
1304
- color: rgb(107 114 128 / var(--tw-text-opacity));
1299
+ color: rgb(107 114 128 / var(--tw-text-opacity, 1));
1305
1300
  }
1306
1301
  .dark\:shadow-gray-400:is([data-mode="dark"] *) {
1307
1302
  --tw-shadow-color: #9ca3af;
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "dist",
6
6
  "src/test-utils"
7
7
  ],
8
- "version": "0.0.367",
8
+ "version": "0.0.368",
9
9
  "main": "dist/sm-click-library-ui.es.js",
10
10
  "module": "dist/sm-click-library-ui.umd.js",
11
11
  "private": false,