@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.
@@ -625,6 +625,10 @@ export {
625
625
  position: relative;
626
626
  }
627
627
 
628
+ .sticky {
629
+ position: sticky;
630
+ }
631
+
628
632
  .inset-0 {
629
633
  inset: calc(var(--spacing) * 0);
630
634
  }
@@ -637,6 +641,10 @@ export {
637
641
  inset-inline-end: var(--spacing);
638
642
  }
639
643
 
644
+ .top-0 {
645
+ top: calc(var(--spacing) * 0);
646
+ }
647
+
640
648
  .top-1\\/2 {
641
649
  top: 50%;
642
650
  }
@@ -649,6 +657,10 @@ export {
649
657
  left: calc(var(--spacing) * 2);
650
658
  }
651
659
 
660
+ .z-10 {
661
+ z-index: 10;
662
+ }
663
+
652
664
  .z-50 {
653
665
  z-index: 50;
654
666
  }
@@ -657,6 +669,40 @@ export {
657
669
  grid-column: span 2 / span 2;
658
670
  }
659
671
 
672
+ .container {
673
+ width: 100%;
674
+ }
675
+
676
+ @media (min-width: 40rem) {
677
+ .container {
678
+ max-width: 40rem;
679
+ }
680
+ }
681
+
682
+ @media (min-width: 48rem) {
683
+ .container {
684
+ max-width: 48rem;
685
+ }
686
+ }
687
+
688
+ @media (min-width: 64rem) {
689
+ .container {
690
+ max-width: 64rem;
691
+ }
692
+ }
693
+
694
+ @media (min-width: 80rem) {
695
+ .container {
696
+ max-width: 80rem;
697
+ }
698
+ }
699
+
700
+ @media (min-width: 96rem) {
701
+ .container {
702
+ max-width: 96rem;
703
+ }
704
+ }
705
+
660
706
  .-mx-1 {
661
707
  margin-inline: calc(var(--spacing) * -1);
662
708
  }
@@ -681,6 +727,10 @@ export {
681
727
  margin-top: calc(var(--spacing) * 3);
682
728
  }
683
729
 
730
+ .mt-4 {
731
+ margin-top: calc(var(--spacing) * 4);
732
+ }
733
+
684
734
  .mr-1 {
685
735
  margin-right: calc(var(--spacing) * 1);
686
736
  }
@@ -709,6 +759,10 @@ export {
709
759
  margin-bottom: calc(var(--spacing) * 3);
710
760
  }
711
761
 
762
+ .mb-5 {
763
+ margin-bottom: calc(var(--spacing) * 5);
764
+ }
765
+
712
766
  .ml-0\\.5 {
713
767
  margin-left: calc(var(--spacing) * .5);
714
768
  }
@@ -797,6 +851,10 @@ export {
797
851
  height: calc(var(--spacing) * 10);
798
852
  }
799
853
 
854
+ .h-11 {
855
+ height: calc(var(--spacing) * 11);
856
+ }
857
+
800
858
  .h-12 {
801
859
  height: calc(var(--spacing) * 12);
802
860
  }
@@ -813,6 +871,10 @@ export {
813
871
  height: 100%;
814
872
  }
815
873
 
874
+ .max-h-28 {
875
+ max-height: calc(var(--spacing) * 28);
876
+ }
877
+
816
878
  .max-h-36 {
817
879
  max-height: calc(var(--spacing) * 36);
818
880
  }
@@ -833,6 +895,10 @@ export {
833
895
  max-height: 200px;
834
896
  }
835
897
 
898
+ .max-h-\\[420px\\] {
899
+ max-height: 420px;
900
+ }
901
+
836
902
  .max-h-full {
837
903
  max-height: 100%;
838
904
  }
@@ -853,6 +919,22 @@ export {
853
919
  min-height: 200px;
854
920
  }
855
921
 
922
+ .min-h-\\[260px\\] {
923
+ min-height: 260px;
924
+ }
925
+
926
+ .min-h-\\[320px\\] {
927
+ min-height: 320px;
928
+ }
929
+
930
+ .min-h-full {
931
+ min-height: 100%;
932
+ }
933
+
934
+ .w-1 {
935
+ width: calc(var(--spacing) * 1);
936
+ }
937
+
856
938
  .w-1\\.5 {
857
939
  width: calc(var(--spacing) * 1.5);
858
940
  }
@@ -917,6 +999,10 @@ export {
917
999
  width: calc(var(--spacing) * 32);
918
1000
  }
919
1001
 
1002
+ .w-56 {
1003
+ width: calc(var(--spacing) * 56);
1004
+ }
1005
+
920
1006
  .w-72 {
921
1007
  width: calc(var(--spacing) * 72);
922
1008
  }
@@ -925,6 +1011,10 @@ export {
925
1011
  width: 100%;
926
1012
  }
927
1013
 
1014
+ .max-w-60 {
1015
+ max-width: calc(var(--spacing) * 60);
1016
+ }
1017
+
928
1018
  .max-w-70 {
929
1019
  max-width: calc(var(--spacing) * 70);
930
1020
  }
@@ -941,6 +1031,10 @@ export {
941
1031
  min-width: calc(var(--spacing) * 0);
942
1032
  }
943
1033
 
1034
+ .min-w-36 {
1035
+ min-width: calc(var(--spacing) * 36);
1036
+ }
1037
+
944
1038
  .min-w-\\[90px\\] {
945
1039
  min-width: 90px;
946
1040
  }
@@ -957,6 +1051,10 @@ export {
957
1051
  flex-shrink: 0;
958
1052
  }
959
1053
 
1054
+ .table-fixed {
1055
+ table-layout: fixed;
1056
+ }
1057
+
960
1058
  .border-collapse {
961
1059
  border-collapse: collapse;
962
1060
  }
@@ -976,6 +1074,10 @@ export {
976
1074
  translate: var(--tw-translate-x) var(--tw-translate-y);
977
1075
  }
978
1076
 
1077
+ .scale-\\[0\\.98\\] {
1078
+ scale: .98;
1079
+ }
1080
+
979
1081
  .transform {
980
1082
  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
981
1083
  }
@@ -996,6 +1098,10 @@ export {
996
1098
  cursor: pointer;
997
1099
  }
998
1100
 
1101
+ .touch-none {
1102
+ touch-action: none;
1103
+ }
1104
+
999
1105
  .resize {
1000
1106
  resize: both;
1001
1107
  }
@@ -1004,6 +1110,10 @@ export {
1004
1110
  resize: none;
1005
1111
  }
1006
1112
 
1113
+ .resize-y {
1114
+ resize: vertical;
1115
+ }
1116
+
1007
1117
  .appearance-none {
1008
1118
  appearance: none;
1009
1119
  }
@@ -1044,6 +1154,10 @@ export {
1044
1154
  align-items: center;
1045
1155
  }
1046
1156
 
1157
+ .items-stretch {
1158
+ align-items: stretch;
1159
+ }
1160
+
1047
1161
  .justify-between {
1048
1162
  justify-content: space-between;
1049
1163
  }
@@ -1108,6 +1222,12 @@ export {
1108
1222
  margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
1109
1223
  }
1110
1224
 
1225
+ :where(.space-y-4 > :not(:last-child)) {
1226
+ --tw-space-y-reverse: 0;
1227
+ margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
1228
+ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
1229
+ }
1230
+
1111
1231
  .gap-x-6 {
1112
1232
  column-gap: calc(var(--spacing) * 6);
1113
1233
  }
@@ -1130,6 +1250,10 @@ export {
1130
1250
  overflow: hidden;
1131
1251
  }
1132
1252
 
1253
+ .overflow-x-auto {
1254
+ overflow-x: auto;
1255
+ }
1256
+
1133
1257
  .overflow-y-auto {
1134
1258
  overflow-y: auto;
1135
1259
  }
@@ -1169,6 +1293,11 @@ export {
1169
1293
  border-width: 4px;
1170
1294
  }
1171
1295
 
1296
+ .border-t-2 {
1297
+ border-top-style: var(--tw-border-style);
1298
+ border-top-width: 2px;
1299
+ }
1300
+
1172
1301
  .border-r {
1173
1302
  border-right-style: var(--tw-border-style);
1174
1303
  border-right-width: 1px;
@@ -1198,10 +1327,30 @@ export {
1198
1327
  border-color: var(--color-black);
1199
1328
  }
1200
1329
 
1330
+ .border-black\\/30 {
1331
+ border-color: #0000004d;
1332
+ }
1333
+
1334
+ @supports (color: color-mix(in lab, red, red)) {
1335
+ .border-black\\/30 {
1336
+ border-color: color-mix(in oklab, var(--color-black) 30%, transparent);
1337
+ }
1338
+ }
1339
+
1201
1340
  .border-coral-red {
1202
1341
  border-color: var(--color-coral-red);
1203
1342
  }
1204
1343
 
1344
+ .border-coral-red\\/30 {
1345
+ border-color: #ff6b6b4d;
1346
+ }
1347
+
1348
+ @supports (color: color-mix(in lab, red, red)) {
1349
+ .border-coral-red\\/30 {
1350
+ border-color: color-mix(in oklab, var(--color-coral-red) 30%, transparent);
1351
+ }
1352
+ }
1353
+
1205
1354
  .border-coral-red\\/40 {
1206
1355
  border-color: #ff6b6b66;
1207
1356
  }
@@ -1212,6 +1361,16 @@ export {
1212
1361
  }
1213
1362
  }
1214
1363
 
1364
+ .border-electric-blue\\/30 {
1365
+ border-color: #3b82f64d;
1366
+ }
1367
+
1368
+ @supports (color: color-mix(in lab, red, red)) {
1369
+ .border-electric-blue\\/30 {
1370
+ border-color: color-mix(in oklab, var(--color-electric-blue) 30%, transparent);
1371
+ }
1372
+ }
1373
+
1215
1374
  .border-electric-blue\\/40 {
1216
1375
  border-color: #3b82f666;
1217
1376
  }
@@ -1230,10 +1389,30 @@ export {
1230
1389
  border-color: var(--color-gray-700);
1231
1390
  }
1232
1391
 
1392
+ .border-hot-pink\\/30 {
1393
+ border-color: #ec48994d;
1394
+ }
1395
+
1396
+ @supports (color: color-mix(in lab, red, red)) {
1397
+ .border-hot-pink\\/30 {
1398
+ border-color: color-mix(in oklab, var(--color-hot-pink) 30%, transparent);
1399
+ }
1400
+ }
1401
+
1233
1402
  .border-neon-green {
1234
1403
  border-color: var(--color-neon-green);
1235
1404
  }
1236
1405
 
1406
+ .border-neon-green\\/30 {
1407
+ border-color: #84cc164d;
1408
+ }
1409
+
1410
+ @supports (color: color-mix(in lab, red, red)) {
1411
+ .border-neon-green\\/30 {
1412
+ border-color: color-mix(in oklab, var(--color-neon-green) 30%, transparent);
1413
+ }
1414
+ }
1415
+
1237
1416
  .border-neon-green\\/40 {
1238
1417
  border-color: #84cc1666;
1239
1418
  }
@@ -1248,6 +1427,16 @@ export {
1248
1427
  border-color: var(--color-primary);
1249
1428
  }
1250
1429
 
1430
+ .border-primary\\/30 {
1431
+ border-color: #f9b11f4d;
1432
+ }
1433
+
1434
+ @supports (color: color-mix(in lab, red, red)) {
1435
+ .border-primary\\/30 {
1436
+ border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
1437
+ }
1438
+ }
1439
+
1251
1440
  .border-primary\\/40 {
1252
1441
  border-color: #f9b11f66;
1253
1442
  }
@@ -1262,6 +1451,16 @@ export {
1262
1451
  border-color: #0000;
1263
1452
  }
1264
1453
 
1454
+ .border-vibrant-purple\\/30 {
1455
+ border-color: #a855f74d;
1456
+ }
1457
+
1458
+ @supports (color: color-mix(in lab, red, red)) {
1459
+ .border-vibrant-purple\\/30 {
1460
+ border-color: color-mix(in oklab, var(--color-vibrant-purple) 30%, transparent);
1461
+ }
1462
+ }
1463
+
1265
1464
  .border-white\\/5 {
1266
1465
  border-color: #ffffff0d;
1267
1466
  }
@@ -1358,6 +1557,16 @@ export {
1358
1557
  background-color: var(--color-electric-blue);
1359
1558
  }
1360
1559
 
1560
+ .bg-electric-blue\\/10 {
1561
+ background-color: #3b82f61a;
1562
+ }
1563
+
1564
+ @supports (color: color-mix(in lab, red, red)) {
1565
+ .bg-electric-blue\\/10 {
1566
+ background-color: color-mix(in oklab, var(--color-electric-blue) 10%, transparent);
1567
+ }
1568
+ }
1569
+
1361
1570
  .bg-electric-blue\\/20 {
1362
1571
  background-color: #3b82f633;
1363
1572
  }
@@ -1372,6 +1581,16 @@ export {
1372
1581
  background-color: var(--color-hot-pink);
1373
1582
  }
1374
1583
 
1584
+ .bg-hot-pink\\/10 {
1585
+ background-color: #ec48991a;
1586
+ }
1587
+
1588
+ @supports (color: color-mix(in lab, red, red)) {
1589
+ .bg-hot-pink\\/10 {
1590
+ background-color: color-mix(in oklab, var(--color-hot-pink) 10%, transparent);
1591
+ }
1592
+ }
1593
+
1375
1594
  .bg-neon-green {
1376
1595
  background-color: var(--color-neon-green);
1377
1596
  }
@@ -1440,6 +1659,16 @@ export {
1440
1659
  }
1441
1660
  }
1442
1661
 
1662
+ .bg-primary\\/30 {
1663
+ background-color: #f9b11f4d;
1664
+ }
1665
+
1666
+ @supports (color: color-mix(in lab, red, red)) {
1667
+ .bg-primary\\/30 {
1668
+ background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
1669
+ }
1670
+ }
1671
+
1443
1672
  .bg-transparent {
1444
1673
  background-color: #0000;
1445
1674
  }
@@ -1448,6 +1677,16 @@ export {
1448
1677
  background-color: var(--color-vibrant-purple);
1449
1678
  }
1450
1679
 
1680
+ .bg-vibrant-purple\\/10 {
1681
+ background-color: #a855f71a;
1682
+ }
1683
+
1684
+ @supports (color: color-mix(in lab, red, red)) {
1685
+ .bg-vibrant-purple\\/10 {
1686
+ background-color: color-mix(in oklab, var(--color-vibrant-purple) 10%, transparent);
1687
+ }
1688
+ }
1689
+
1451
1690
  .bg-white {
1452
1691
  background-color: var(--color-white);
1453
1692
  }
@@ -1524,6 +1763,10 @@ export {
1524
1763
  padding: calc(var(--spacing) * 3);
1525
1764
  }
1526
1765
 
1766
+ .p-3\\.5 {
1767
+ padding: calc(var(--spacing) * 3.5);
1768
+ }
1769
+
1527
1770
  .p-4 {
1528
1771
  padding: calc(var(--spacing) * 4);
1529
1772
  }
@@ -1588,6 +1831,10 @@ export {
1588
1831
  padding-block: calc(var(--spacing) * 3);
1589
1832
  }
1590
1833
 
1834
+ .py-4 {
1835
+ padding-block: calc(var(--spacing) * 4);
1836
+ }
1837
+
1591
1838
  .py-6 {
1592
1839
  padding-block: calc(var(--spacing) * 6);
1593
1840
  }
@@ -1596,6 +1843,10 @@ export {
1596
1843
  padding-block: calc(var(--spacing) * 8);
1597
1844
  }
1598
1845
 
1846
+ .pt-3 {
1847
+ padding-top: calc(var(--spacing) * 3);
1848
+ }
1849
+
1599
1850
  .pr-1 {
1600
1851
  padding-right: calc(var(--spacing) * 1);
1601
1852
  }
@@ -1620,6 +1871,14 @@ export {
1620
1871
  padding-right: calc(var(--spacing) * 11);
1621
1872
  }
1622
1873
 
1874
+ .pb-1 {
1875
+ padding-bottom: calc(var(--spacing) * 1);
1876
+ }
1877
+
1878
+ .pb-2 {
1879
+ padding-bottom: calc(var(--spacing) * 2);
1880
+ }
1881
+
1623
1882
  .pl-1\\.5 {
1624
1883
  padding-left: calc(var(--spacing) * 1.5);
1625
1884
  }
@@ -1660,6 +1919,10 @@ export {
1660
1919
  vertical-align: middle;
1661
1920
  }
1662
1921
 
1922
+ .align-top {
1923
+ vertical-align: top;
1924
+ }
1925
+
1663
1926
  .font-mono {
1664
1927
  font-family: var(--font-mono);
1665
1928
  }
@@ -1721,6 +1984,11 @@ export {
1721
1984
  line-height: calc(var(--spacing) * 6);
1722
1985
  }
1723
1986
 
1987
+ .leading-7 {
1988
+ --tw-leading: calc(var(--spacing) * 7);
1989
+ line-height: calc(var(--spacing) * 7);
1990
+ }
1991
+
1724
1992
  .leading-none {
1725
1993
  --tw-leading: 1;
1726
1994
  line-height: 1;
@@ -1751,6 +2019,10 @@ export {
1751
2019
  letter-spacing: var(--tracking-widest);
1752
2020
  }
1753
2021
 
2022
+ .\\[overflow-wrap\\:anywhere\\] {
2023
+ overflow-wrap: anywhere;
2024
+ }
2025
+
1754
2026
  .break-all {
1755
2027
  word-break: break-all;
1756
2028
  }
@@ -1947,6 +2219,10 @@ export {
1947
2219
  opacity: .7;
1948
2220
  }
1949
2221
 
2222
+ .opacity-100 {
2223
+ opacity: 1;
2224
+ }
2225
+
1950
2226
  .shadow-hard {
1951
2227
  --tw-shadow: 4px 4px 0 0 var(--tw-shadow-color, #000);
1952
2228
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2190,6 +2466,11 @@ export {
2190
2466
  translate: var(--tw-translate-x) var(--tw-translate-y);
2191
2467
  }
2192
2468
 
2469
+ .focus\\:translate-x-\\[2px\\]:focus {
2470
+ --tw-translate-x: 2px;
2471
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2472
+ }
2473
+
2193
2474
  .focus\\:translate-x-\\[4px\\]:focus {
2194
2475
  --tw-translate-x: 4px;
2195
2476
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2200,6 +2481,11 @@ export {
2200
2481
  translate: var(--tw-translate-x) var(--tw-translate-y);
2201
2482
  }
2202
2483
 
2484
+ .focus\\:translate-y-\\[2px\\]:focus {
2485
+ --tw-translate-y: 2px;
2486
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2487
+ }
2488
+
2203
2489
  .focus\\:translate-y-\\[4px\\]:focus {
2204
2490
  --tw-translate-y: 4px;
2205
2491
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2276,6 +2562,10 @@ export {
2276
2562
  .xl\\:grid-cols-3 {
2277
2563
  grid-template-columns: repeat(3, minmax(0, 1fr));
2278
2564
  }
2565
+
2566
+ .xl\\:grid-cols-\\[minmax\\(0\\,1fr\\)_minmax\\(0\\,1fr\\)_320px\\] {
2567
+ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 320px;
2568
+ }
2279
2569
  }
2280
2570
  }
2281
2571