@cnc_cbz/usefultools-plugin-official 1.1.0 → 1.1.2

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.
@@ -543,6 +543,10 @@ export {
543
543
  position: relative;
544
544
  }
545
545
 
546
+ .sticky {
547
+ position: sticky;
548
+ }
549
+
546
550
  .inset-0 {
547
551
  inset: calc(var(--spacing) * 0);
548
552
  }
@@ -555,6 +559,10 @@ export {
555
559
  inset-inline-end: var(--spacing);
556
560
  }
557
561
 
562
+ .top-0 {
563
+ top: calc(var(--spacing) * 0);
564
+ }
565
+
558
566
  .top-1\\/2 {
559
567
  top: 50%;
560
568
  }
@@ -567,6 +575,10 @@ export {
567
575
  left: calc(var(--spacing) * 2);
568
576
  }
569
577
 
578
+ .z-10 {
579
+ z-index: 10;
580
+ }
581
+
570
582
  .z-50 {
571
583
  z-index: 50;
572
584
  }
@@ -575,6 +587,40 @@ export {
575
587
  grid-column: span 2 / span 2;
576
588
  }
577
589
 
590
+ .container {
591
+ width: 100%;
592
+ }
593
+
594
+ @media (min-width: 40rem) {
595
+ .container {
596
+ max-width: 40rem;
597
+ }
598
+ }
599
+
600
+ @media (min-width: 48rem) {
601
+ .container {
602
+ max-width: 48rem;
603
+ }
604
+ }
605
+
606
+ @media (min-width: 64rem) {
607
+ .container {
608
+ max-width: 64rem;
609
+ }
610
+ }
611
+
612
+ @media (min-width: 80rem) {
613
+ .container {
614
+ max-width: 80rem;
615
+ }
616
+ }
617
+
618
+ @media (min-width: 96rem) {
619
+ .container {
620
+ max-width: 96rem;
621
+ }
622
+ }
623
+
578
624
  .-mx-1 {
579
625
  margin-inline: calc(var(--spacing) * -1);
580
626
  }
@@ -599,6 +645,10 @@ export {
599
645
  margin-top: calc(var(--spacing) * 3);
600
646
  }
601
647
 
648
+ .mt-4 {
649
+ margin-top: calc(var(--spacing) * 4);
650
+ }
651
+
602
652
  .mr-1 {
603
653
  margin-right: calc(var(--spacing) * 1);
604
654
  }
@@ -627,6 +677,10 @@ export {
627
677
  margin-bottom: calc(var(--spacing) * 3);
628
678
  }
629
679
 
680
+ .mb-5 {
681
+ margin-bottom: calc(var(--spacing) * 5);
682
+ }
683
+
630
684
  .ml-0\\.5 {
631
685
  margin-left: calc(var(--spacing) * .5);
632
686
  }
@@ -715,6 +769,10 @@ export {
715
769
  height: calc(var(--spacing) * 10);
716
770
  }
717
771
 
772
+ .h-11 {
773
+ height: calc(var(--spacing) * 11);
774
+ }
775
+
718
776
  .h-12 {
719
777
  height: calc(var(--spacing) * 12);
720
778
  }
@@ -731,6 +789,10 @@ export {
731
789
  height: 100%;
732
790
  }
733
791
 
792
+ .max-h-28 {
793
+ max-height: calc(var(--spacing) * 28);
794
+ }
795
+
734
796
  .max-h-36 {
735
797
  max-height: calc(var(--spacing) * 36);
736
798
  }
@@ -751,6 +813,10 @@ export {
751
813
  max-height: 200px;
752
814
  }
753
815
 
816
+ .max-h-\\[420px\\] {
817
+ max-height: 420px;
818
+ }
819
+
754
820
  .max-h-full {
755
821
  max-height: 100%;
756
822
  }
@@ -771,6 +837,22 @@ export {
771
837
  min-height: 200px;
772
838
  }
773
839
 
840
+ .min-h-\\[260px\\] {
841
+ min-height: 260px;
842
+ }
843
+
844
+ .min-h-\\[320px\\] {
845
+ min-height: 320px;
846
+ }
847
+
848
+ .min-h-full {
849
+ min-height: 100%;
850
+ }
851
+
852
+ .w-1 {
853
+ width: calc(var(--spacing) * 1);
854
+ }
855
+
774
856
  .w-1\\.5 {
775
857
  width: calc(var(--spacing) * 1.5);
776
858
  }
@@ -835,6 +917,10 @@ export {
835
917
  width: calc(var(--spacing) * 32);
836
918
  }
837
919
 
920
+ .w-56 {
921
+ width: calc(var(--spacing) * 56);
922
+ }
923
+
838
924
  .w-72 {
839
925
  width: calc(var(--spacing) * 72);
840
926
  }
@@ -843,6 +929,10 @@ export {
843
929
  width: 100%;
844
930
  }
845
931
 
932
+ .max-w-60 {
933
+ max-width: calc(var(--spacing) * 60);
934
+ }
935
+
846
936
  .max-w-70 {
847
937
  max-width: calc(var(--spacing) * 70);
848
938
  }
@@ -859,6 +949,10 @@ export {
859
949
  min-width: calc(var(--spacing) * 0);
860
950
  }
861
951
 
952
+ .min-w-36 {
953
+ min-width: calc(var(--spacing) * 36);
954
+ }
955
+
862
956
  .min-w-\\[90px\\] {
863
957
  min-width: 90px;
864
958
  }
@@ -875,6 +969,10 @@ export {
875
969
  flex-shrink: 0;
876
970
  }
877
971
 
972
+ .table-fixed {
973
+ table-layout: fixed;
974
+ }
975
+
878
976
  .border-collapse {
879
977
  border-collapse: collapse;
880
978
  }
@@ -894,6 +992,10 @@ export {
894
992
  translate: var(--tw-translate-x) var(--tw-translate-y);
895
993
  }
896
994
 
995
+ .scale-\\[0\\.98\\] {
996
+ scale: .98;
997
+ }
998
+
897
999
  .transform {
898
1000
  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
899
1001
  }
@@ -914,6 +1016,10 @@ export {
914
1016
  cursor: pointer;
915
1017
  }
916
1018
 
1019
+ .touch-none {
1020
+ touch-action: none;
1021
+ }
1022
+
917
1023
  .resize {
918
1024
  resize: both;
919
1025
  }
@@ -922,6 +1028,10 @@ export {
922
1028
  resize: none;
923
1029
  }
924
1030
 
1031
+ .resize-y {
1032
+ resize: vertical;
1033
+ }
1034
+
925
1035
  .appearance-none {
926
1036
  appearance: none;
927
1037
  }
@@ -962,6 +1072,10 @@ export {
962
1072
  align-items: center;
963
1073
  }
964
1074
 
1075
+ .items-stretch {
1076
+ align-items: stretch;
1077
+ }
1078
+
965
1079
  .justify-between {
966
1080
  justify-content: space-between;
967
1081
  }
@@ -1026,6 +1140,12 @@ export {
1026
1140
  margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
1027
1141
  }
1028
1142
 
1143
+ :where(.space-y-4 > :not(:last-child)) {
1144
+ --tw-space-y-reverse: 0;
1145
+ margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
1146
+ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
1147
+ }
1148
+
1029
1149
  .gap-x-6 {
1030
1150
  column-gap: calc(var(--spacing) * 6);
1031
1151
  }
@@ -1048,6 +1168,10 @@ export {
1048
1168
  overflow: hidden;
1049
1169
  }
1050
1170
 
1171
+ .overflow-x-auto {
1172
+ overflow-x: auto;
1173
+ }
1174
+
1051
1175
  .overflow-y-auto {
1052
1176
  overflow-y: auto;
1053
1177
  }
@@ -1087,6 +1211,11 @@ export {
1087
1211
  border-width: 4px;
1088
1212
  }
1089
1213
 
1214
+ .border-t-2 {
1215
+ border-top-style: var(--tw-border-style);
1216
+ border-top-width: 2px;
1217
+ }
1218
+
1090
1219
  .border-r {
1091
1220
  border-right-style: var(--tw-border-style);
1092
1221
  border-right-width: 1px;
@@ -1116,10 +1245,30 @@ export {
1116
1245
  border-color: var(--color-black);
1117
1246
  }
1118
1247
 
1248
+ .border-black\\/30 {
1249
+ border-color: #0000004d;
1250
+ }
1251
+
1252
+ @supports (color: color-mix(in lab, red, red)) {
1253
+ .border-black\\/30 {
1254
+ border-color: color-mix(in oklab, var(--color-black) 30%, transparent);
1255
+ }
1256
+ }
1257
+
1119
1258
  .border-coral-red {
1120
1259
  border-color: var(--color-coral-red);
1121
1260
  }
1122
1261
 
1262
+ .border-coral-red\\/30 {
1263
+ border-color: #ff6b6b4d;
1264
+ }
1265
+
1266
+ @supports (color: color-mix(in lab, red, red)) {
1267
+ .border-coral-red\\/30 {
1268
+ border-color: color-mix(in oklab, var(--color-coral-red) 30%, transparent);
1269
+ }
1270
+ }
1271
+
1123
1272
  .border-coral-red\\/40 {
1124
1273
  border-color: #ff6b6b66;
1125
1274
  }
@@ -1130,6 +1279,16 @@ export {
1130
1279
  }
1131
1280
  }
1132
1281
 
1282
+ .border-electric-blue\\/30 {
1283
+ border-color: #3b82f64d;
1284
+ }
1285
+
1286
+ @supports (color: color-mix(in lab, red, red)) {
1287
+ .border-electric-blue\\/30 {
1288
+ border-color: color-mix(in oklab, var(--color-electric-blue) 30%, transparent);
1289
+ }
1290
+ }
1291
+
1133
1292
  .border-electric-blue\\/40 {
1134
1293
  border-color: #3b82f666;
1135
1294
  }
@@ -1148,10 +1307,30 @@ export {
1148
1307
  border-color: var(--color-gray-700);
1149
1308
  }
1150
1309
 
1310
+ .border-hot-pink\\/30 {
1311
+ border-color: #ec48994d;
1312
+ }
1313
+
1314
+ @supports (color: color-mix(in lab, red, red)) {
1315
+ .border-hot-pink\\/30 {
1316
+ border-color: color-mix(in oklab, var(--color-hot-pink) 30%, transparent);
1317
+ }
1318
+ }
1319
+
1151
1320
  .border-neon-green {
1152
1321
  border-color: var(--color-neon-green);
1153
1322
  }
1154
1323
 
1324
+ .border-neon-green\\/30 {
1325
+ border-color: #84cc164d;
1326
+ }
1327
+
1328
+ @supports (color: color-mix(in lab, red, red)) {
1329
+ .border-neon-green\\/30 {
1330
+ border-color: color-mix(in oklab, var(--color-neon-green) 30%, transparent);
1331
+ }
1332
+ }
1333
+
1155
1334
  .border-neon-green\\/40 {
1156
1335
  border-color: #84cc1666;
1157
1336
  }
@@ -1166,6 +1345,16 @@ export {
1166
1345
  border-color: var(--color-primary);
1167
1346
  }
1168
1347
 
1348
+ .border-primary\\/30 {
1349
+ border-color: #f9b11f4d;
1350
+ }
1351
+
1352
+ @supports (color: color-mix(in lab, red, red)) {
1353
+ .border-primary\\/30 {
1354
+ border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
1355
+ }
1356
+ }
1357
+
1169
1358
  .border-primary\\/40 {
1170
1359
  border-color: #f9b11f66;
1171
1360
  }
@@ -1180,6 +1369,16 @@ export {
1180
1369
  border-color: #0000;
1181
1370
  }
1182
1371
 
1372
+ .border-vibrant-purple\\/30 {
1373
+ border-color: #a855f74d;
1374
+ }
1375
+
1376
+ @supports (color: color-mix(in lab, red, red)) {
1377
+ .border-vibrant-purple\\/30 {
1378
+ border-color: color-mix(in oklab, var(--color-vibrant-purple) 30%, transparent);
1379
+ }
1380
+ }
1381
+
1183
1382
  .border-white\\/5 {
1184
1383
  border-color: #ffffff0d;
1185
1384
  }
@@ -1276,6 +1475,16 @@ export {
1276
1475
  background-color: var(--color-electric-blue);
1277
1476
  }
1278
1477
 
1478
+ .bg-electric-blue\\/10 {
1479
+ background-color: #3b82f61a;
1480
+ }
1481
+
1482
+ @supports (color: color-mix(in lab, red, red)) {
1483
+ .bg-electric-blue\\/10 {
1484
+ background-color: color-mix(in oklab, var(--color-electric-blue) 10%, transparent);
1485
+ }
1486
+ }
1487
+
1279
1488
  .bg-electric-blue\\/20 {
1280
1489
  background-color: #3b82f633;
1281
1490
  }
@@ -1290,6 +1499,16 @@ export {
1290
1499
  background-color: var(--color-hot-pink);
1291
1500
  }
1292
1501
 
1502
+ .bg-hot-pink\\/10 {
1503
+ background-color: #ec48991a;
1504
+ }
1505
+
1506
+ @supports (color: color-mix(in lab, red, red)) {
1507
+ .bg-hot-pink\\/10 {
1508
+ background-color: color-mix(in oklab, var(--color-hot-pink) 10%, transparent);
1509
+ }
1510
+ }
1511
+
1293
1512
  .bg-neon-green {
1294
1513
  background-color: var(--color-neon-green);
1295
1514
  }
@@ -1358,6 +1577,16 @@ export {
1358
1577
  }
1359
1578
  }
1360
1579
 
1580
+ .bg-primary\\/30 {
1581
+ background-color: #f9b11f4d;
1582
+ }
1583
+
1584
+ @supports (color: color-mix(in lab, red, red)) {
1585
+ .bg-primary\\/30 {
1586
+ background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
1587
+ }
1588
+ }
1589
+
1361
1590
  .bg-transparent {
1362
1591
  background-color: #0000;
1363
1592
  }
@@ -1366,6 +1595,16 @@ export {
1366
1595
  background-color: var(--color-vibrant-purple);
1367
1596
  }
1368
1597
 
1598
+ .bg-vibrant-purple\\/10 {
1599
+ background-color: #a855f71a;
1600
+ }
1601
+
1602
+ @supports (color: color-mix(in lab, red, red)) {
1603
+ .bg-vibrant-purple\\/10 {
1604
+ background-color: color-mix(in oklab, var(--color-vibrant-purple) 10%, transparent);
1605
+ }
1606
+ }
1607
+
1369
1608
  .bg-white {
1370
1609
  background-color: var(--color-white);
1371
1610
  }
@@ -1442,6 +1681,10 @@ export {
1442
1681
  padding: calc(var(--spacing) * 3);
1443
1682
  }
1444
1683
 
1684
+ .p-3\\.5 {
1685
+ padding: calc(var(--spacing) * 3.5);
1686
+ }
1687
+
1445
1688
  .p-4 {
1446
1689
  padding: calc(var(--spacing) * 4);
1447
1690
  }
@@ -1506,6 +1749,10 @@ export {
1506
1749
  padding-block: calc(var(--spacing) * 3);
1507
1750
  }
1508
1751
 
1752
+ .py-4 {
1753
+ padding-block: calc(var(--spacing) * 4);
1754
+ }
1755
+
1509
1756
  .py-6 {
1510
1757
  padding-block: calc(var(--spacing) * 6);
1511
1758
  }
@@ -1514,6 +1761,10 @@ export {
1514
1761
  padding-block: calc(var(--spacing) * 8);
1515
1762
  }
1516
1763
 
1764
+ .pt-3 {
1765
+ padding-top: calc(var(--spacing) * 3);
1766
+ }
1767
+
1517
1768
  .pr-1 {
1518
1769
  padding-right: calc(var(--spacing) * 1);
1519
1770
  }
@@ -1538,6 +1789,14 @@ export {
1538
1789
  padding-right: calc(var(--spacing) * 11);
1539
1790
  }
1540
1791
 
1792
+ .pb-1 {
1793
+ padding-bottom: calc(var(--spacing) * 1);
1794
+ }
1795
+
1796
+ .pb-2 {
1797
+ padding-bottom: calc(var(--spacing) * 2);
1798
+ }
1799
+
1541
1800
  .pl-1\\.5 {
1542
1801
  padding-left: calc(var(--spacing) * 1.5);
1543
1802
  }
@@ -1578,6 +1837,10 @@ export {
1578
1837
  vertical-align: middle;
1579
1838
  }
1580
1839
 
1840
+ .align-top {
1841
+ vertical-align: top;
1842
+ }
1843
+
1581
1844
  .font-mono {
1582
1845
  font-family: var(--font-mono);
1583
1846
  }
@@ -1639,6 +1902,11 @@ export {
1639
1902
  line-height: calc(var(--spacing) * 6);
1640
1903
  }
1641
1904
 
1905
+ .leading-7 {
1906
+ --tw-leading: calc(var(--spacing) * 7);
1907
+ line-height: calc(var(--spacing) * 7);
1908
+ }
1909
+
1642
1910
  .leading-none {
1643
1911
  --tw-leading: 1;
1644
1912
  line-height: 1;
@@ -1669,6 +1937,10 @@ export {
1669
1937
  letter-spacing: var(--tracking-widest);
1670
1938
  }
1671
1939
 
1940
+ .\\[overflow-wrap\\:anywhere\\] {
1941
+ overflow-wrap: anywhere;
1942
+ }
1943
+
1672
1944
  .break-all {
1673
1945
  word-break: break-all;
1674
1946
  }
@@ -1865,6 +2137,10 @@ export {
1865
2137
  opacity: .7;
1866
2138
  }
1867
2139
 
2140
+ .opacity-100 {
2141
+ opacity: 1;
2142
+ }
2143
+
1868
2144
  .shadow-hard {
1869
2145
  --tw-shadow: 4px 4px 0 0 var(--tw-shadow-color, #000);
1870
2146
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2108,6 +2384,11 @@ export {
2108
2384
  translate: var(--tw-translate-x) var(--tw-translate-y);
2109
2385
  }
2110
2386
 
2387
+ .focus\\:translate-x-\\[2px\\]:focus {
2388
+ --tw-translate-x: 2px;
2389
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2390
+ }
2391
+
2111
2392
  .focus\\:translate-x-\\[4px\\]:focus {
2112
2393
  --tw-translate-x: 4px;
2113
2394
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2118,6 +2399,11 @@ export {
2118
2399
  translate: var(--tw-translate-x) var(--tw-translate-y);
2119
2400
  }
2120
2401
 
2402
+ .focus\\:translate-y-\\[2px\\]:focus {
2403
+ --tw-translate-y: 2px;
2404
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2405
+ }
2406
+
2121
2407
  .focus\\:translate-y-\\[4px\\]:focus {
2122
2408
  --tw-translate-y: 4px;
2123
2409
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2194,6 +2480,10 @@ export {
2194
2480
  .xl\\:grid-cols-3 {
2195
2481
  grid-template-columns: repeat(3, minmax(0, 1fr));
2196
2482
  }
2483
+
2484
+ .xl\\:grid-cols-\\[minmax\\(0\\,1fr\\)_minmax\\(0\\,1fr\\)_320px\\] {
2485
+ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 320px;
2486
+ }
2197
2487
  }
2198
2488
  }
2199
2489