@cnc_cbz/usefultools-plugin-official 1.0.9 → 1.1.1

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.
@@ -343,6 +343,10 @@ export {
343
343
  position: relative;
344
344
  }
345
345
 
346
+ .sticky {
347
+ position: sticky;
348
+ }
349
+
346
350
  .inset-0 {
347
351
  inset: calc(var(--spacing) * 0);
348
352
  }
@@ -355,6 +359,10 @@ export {
355
359
  inset-inline-end: var(--spacing);
356
360
  }
357
361
 
362
+ .top-0 {
363
+ top: calc(var(--spacing) * 0);
364
+ }
365
+
358
366
  .top-1\\/2 {
359
367
  top: 50%;
360
368
  }
@@ -367,6 +375,10 @@ export {
367
375
  left: calc(var(--spacing) * 2);
368
376
  }
369
377
 
378
+ .z-10 {
379
+ z-index: 10;
380
+ }
381
+
370
382
  .z-50 {
371
383
  z-index: 50;
372
384
  }
@@ -399,6 +411,10 @@ export {
399
411
  margin-top: calc(var(--spacing) * 3);
400
412
  }
401
413
 
414
+ .mt-4 {
415
+ margin-top: calc(var(--spacing) * 4);
416
+ }
417
+
402
418
  .mr-1 {
403
419
  margin-right: calc(var(--spacing) * 1);
404
420
  }
@@ -515,6 +531,10 @@ export {
515
531
  height: calc(var(--spacing) * 10);
516
532
  }
517
533
 
534
+ .h-11 {
535
+ height: calc(var(--spacing) * 11);
536
+ }
537
+
518
538
  .h-12 {
519
539
  height: calc(var(--spacing) * 12);
520
540
  }
@@ -531,6 +551,10 @@ export {
531
551
  height: 100%;
532
552
  }
533
553
 
554
+ .max-h-28 {
555
+ max-height: calc(var(--spacing) * 28);
556
+ }
557
+
534
558
  .max-h-36 {
535
559
  max-height: calc(var(--spacing) * 36);
536
560
  }
@@ -551,6 +575,10 @@ export {
551
575
  max-height: 200px;
552
576
  }
553
577
 
578
+ .max-h-\\[420px\\] {
579
+ max-height: 420px;
580
+ }
581
+
554
582
  .max-h-full {
555
583
  max-height: 100%;
556
584
  }
@@ -571,6 +599,22 @@ export {
571
599
  min-height: 200px;
572
600
  }
573
601
 
602
+ .min-h-\\[260px\\] {
603
+ min-height: 260px;
604
+ }
605
+
606
+ .min-h-\\[320px\\] {
607
+ min-height: 320px;
608
+ }
609
+
610
+ .min-h-full {
611
+ min-height: 100%;
612
+ }
613
+
614
+ .w-1 {
615
+ width: calc(var(--spacing) * 1);
616
+ }
617
+
574
618
  .w-1\\.5 {
575
619
  width: calc(var(--spacing) * 1.5);
576
620
  }
@@ -635,6 +679,10 @@ export {
635
679
  width: calc(var(--spacing) * 32);
636
680
  }
637
681
 
682
+ .w-56 {
683
+ width: calc(var(--spacing) * 56);
684
+ }
685
+
638
686
  .w-72 {
639
687
  width: calc(var(--spacing) * 72);
640
688
  }
@@ -675,6 +723,10 @@ export {
675
723
  flex-shrink: 0;
676
724
  }
677
725
 
726
+ .table-fixed {
727
+ table-layout: fixed;
728
+ }
729
+
678
730
  .border-collapse {
679
731
  border-collapse: collapse;
680
732
  }
@@ -694,6 +746,10 @@ export {
694
746
  translate: var(--tw-translate-x) var(--tw-translate-y);
695
747
  }
696
748
 
749
+ .scale-\\[0\\.98\\] {
750
+ scale: .98;
751
+ }
752
+
697
753
  .transform {
698
754
  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
699
755
  }
@@ -714,6 +770,10 @@ export {
714
770
  cursor: pointer;
715
771
  }
716
772
 
773
+ .touch-none {
774
+ touch-action: none;
775
+ }
776
+
717
777
  .resize {
718
778
  resize: both;
719
779
  }
@@ -722,6 +782,10 @@ export {
722
782
  resize: none;
723
783
  }
724
784
 
785
+ .resize-y {
786
+ resize: vertical;
787
+ }
788
+
725
789
  .appearance-none {
726
790
  appearance: none;
727
791
  }
@@ -762,6 +826,10 @@ export {
762
826
  align-items: center;
763
827
  }
764
828
 
829
+ .items-stretch {
830
+ align-items: stretch;
831
+ }
832
+
765
833
  .justify-between {
766
834
  justify-content: space-between;
767
835
  }
@@ -826,6 +894,12 @@ export {
826
894
  margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
827
895
  }
828
896
 
897
+ :where(.space-y-4 > :not(:last-child)) {
898
+ --tw-space-y-reverse: 0;
899
+ margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
900
+ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
901
+ }
902
+
829
903
  .gap-x-6 {
830
904
  column-gap: calc(var(--spacing) * 6);
831
905
  }
@@ -848,6 +922,10 @@ export {
848
922
  overflow: hidden;
849
923
  }
850
924
 
925
+ .overflow-x-auto {
926
+ overflow-x: auto;
927
+ }
928
+
851
929
  .overflow-y-auto {
852
930
  overflow-y: auto;
853
931
  }
@@ -887,6 +965,11 @@ export {
887
965
  border-width: 4px;
888
966
  }
889
967
 
968
+ .border-t-2 {
969
+ border-top-style: var(--tw-border-style);
970
+ border-top-width: 2px;
971
+ }
972
+
890
973
  .border-r {
891
974
  border-right-style: var(--tw-border-style);
892
975
  border-right-width: 1px;
@@ -916,6 +999,16 @@ export {
916
999
  border-color: var(--color-black);
917
1000
  }
918
1001
 
1002
+ .border-black\\/30 {
1003
+ border-color: #0000004d;
1004
+ }
1005
+
1006
+ @supports (color: color-mix(in lab, red, red)) {
1007
+ .border-black\\/30 {
1008
+ border-color: color-mix(in oklab, var(--color-black) 30%, transparent);
1009
+ }
1010
+ }
1011
+
919
1012
  .border-coral-red {
920
1013
  border-color: var(--color-coral-red);
921
1014
  }
@@ -1158,6 +1251,16 @@ export {
1158
1251
  }
1159
1252
  }
1160
1253
 
1254
+ .bg-primary\\/30 {
1255
+ background-color: #f9b11f4d;
1256
+ }
1257
+
1258
+ @supports (color: color-mix(in lab, red, red)) {
1259
+ .bg-primary\\/30 {
1260
+ background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
1261
+ }
1262
+ }
1263
+
1161
1264
  .bg-transparent {
1162
1265
  background-color: #0000;
1163
1266
  }
@@ -1306,6 +1409,10 @@ export {
1306
1409
  padding-block: calc(var(--spacing) * 3);
1307
1410
  }
1308
1411
 
1412
+ .py-4 {
1413
+ padding-block: calc(var(--spacing) * 4);
1414
+ }
1415
+
1309
1416
  .py-6 {
1310
1417
  padding-block: calc(var(--spacing) * 6);
1311
1418
  }
@@ -1314,6 +1421,10 @@ export {
1314
1421
  padding-block: calc(var(--spacing) * 8);
1315
1422
  }
1316
1423
 
1424
+ .pt-3 {
1425
+ padding-top: calc(var(--spacing) * 3);
1426
+ }
1427
+
1317
1428
  .pr-1 {
1318
1429
  padding-right: calc(var(--spacing) * 1);
1319
1430
  }
@@ -1338,6 +1449,14 @@ export {
1338
1449
  padding-right: calc(var(--spacing) * 11);
1339
1450
  }
1340
1451
 
1452
+ .pb-1 {
1453
+ padding-bottom: calc(var(--spacing) * 1);
1454
+ }
1455
+
1456
+ .pb-2 {
1457
+ padding-bottom: calc(var(--spacing) * 2);
1458
+ }
1459
+
1341
1460
  .pl-1\\.5 {
1342
1461
  padding-left: calc(var(--spacing) * 1.5);
1343
1462
  }
@@ -1378,6 +1497,10 @@ export {
1378
1497
  vertical-align: middle;
1379
1498
  }
1380
1499
 
1500
+ .align-top {
1501
+ vertical-align: top;
1502
+ }
1503
+
1381
1504
  .font-mono {
1382
1505
  font-family: var(--font-mono);
1383
1506
  }
@@ -1439,6 +1562,11 @@ export {
1439
1562
  line-height: calc(var(--spacing) * 6);
1440
1563
  }
1441
1564
 
1565
+ .leading-7 {
1566
+ --tw-leading: calc(var(--spacing) * 7);
1567
+ line-height: calc(var(--spacing) * 7);
1568
+ }
1569
+
1442
1570
  .leading-none {
1443
1571
  --tw-leading: 1;
1444
1572
  line-height: 1;
@@ -1469,6 +1597,10 @@ export {
1469
1597
  letter-spacing: var(--tracking-widest);
1470
1598
  }
1471
1599
 
1600
+ .\\[overflow-wrap\\:anywhere\\] {
1601
+ overflow-wrap: anywhere;
1602
+ }
1603
+
1472
1604
  .break-all {
1473
1605
  word-break: break-all;
1474
1606
  }
@@ -1665,6 +1797,10 @@ export {
1665
1797
  opacity: .7;
1666
1798
  }
1667
1799
 
1800
+ .opacity-100 {
1801
+ opacity: 1;
1802
+ }
1803
+
1668
1804
  .shadow-hard {
1669
1805
  --tw-shadow: 4px 4px 0 0 var(--tw-shadow-color, #000);
1670
1806
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1908,6 +2044,11 @@ export {
1908
2044
  translate: var(--tw-translate-x) var(--tw-translate-y);
1909
2045
  }
1910
2046
 
2047
+ .focus\\:translate-x-\\[2px\\]:focus {
2048
+ --tw-translate-x: 2px;
2049
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2050
+ }
2051
+
1911
2052
  .focus\\:translate-x-\\[4px\\]:focus {
1912
2053
  --tw-translate-x: 4px;
1913
2054
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1918,6 +2059,11 @@ export {
1918
2059
  translate: var(--tw-translate-x) var(--tw-translate-y);
1919
2060
  }
1920
2061
 
2062
+ .focus\\:translate-y-\\[2px\\]:focus {
2063
+ --tw-translate-y: 2px;
2064
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2065
+ }
2066
+
1921
2067
  .focus\\:translate-y-\\[4px\\]:focus {
1922
2068
  --tw-translate-y: 4px;
1923
2069
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1994,6 +2140,10 @@ export {
1994
2140
  .xl\\:grid-cols-3 {
1995
2141
  grid-template-columns: repeat(3, minmax(0, 1fr));
1996
2142
  }
2143
+
2144
+ .xl\\:grid-cols-\\[minmax\\(0\\,1fr\\)_minmax\\(0\\,1fr\\)_320px\\] {
2145
+ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 320px;
2146
+ }
1997
2147
  }
1998
2148
  }
1999
2149
 
@@ -477,6 +477,10 @@ export {
477
477
  position: relative;
478
478
  }
479
479
 
480
+ .sticky {
481
+ position: sticky;
482
+ }
483
+
480
484
  .inset-0 {
481
485
  inset: calc(var(--spacing) * 0);
482
486
  }
@@ -489,6 +493,10 @@ export {
489
493
  inset-inline-end: var(--spacing);
490
494
  }
491
495
 
496
+ .top-0 {
497
+ top: calc(var(--spacing) * 0);
498
+ }
499
+
492
500
  .top-1\\/2 {
493
501
  top: 50%;
494
502
  }
@@ -501,6 +509,10 @@ export {
501
509
  left: calc(var(--spacing) * 2);
502
510
  }
503
511
 
512
+ .z-10 {
513
+ z-index: 10;
514
+ }
515
+
504
516
  .z-50 {
505
517
  z-index: 50;
506
518
  }
@@ -533,6 +545,10 @@ export {
533
545
  margin-top: calc(var(--spacing) * 3);
534
546
  }
535
547
 
548
+ .mt-4 {
549
+ margin-top: calc(var(--spacing) * 4);
550
+ }
551
+
536
552
  .mr-1 {
537
553
  margin-right: calc(var(--spacing) * 1);
538
554
  }
@@ -649,6 +665,10 @@ export {
649
665
  height: calc(var(--spacing) * 10);
650
666
  }
651
667
 
668
+ .h-11 {
669
+ height: calc(var(--spacing) * 11);
670
+ }
671
+
652
672
  .h-12 {
653
673
  height: calc(var(--spacing) * 12);
654
674
  }
@@ -665,6 +685,10 @@ export {
665
685
  height: 100%;
666
686
  }
667
687
 
688
+ .max-h-28 {
689
+ max-height: calc(var(--spacing) * 28);
690
+ }
691
+
668
692
  .max-h-36 {
669
693
  max-height: calc(var(--spacing) * 36);
670
694
  }
@@ -685,6 +709,10 @@ export {
685
709
  max-height: 200px;
686
710
  }
687
711
 
712
+ .max-h-\\[420px\\] {
713
+ max-height: 420px;
714
+ }
715
+
688
716
  .max-h-full {
689
717
  max-height: 100%;
690
718
  }
@@ -705,6 +733,22 @@ export {
705
733
  min-height: 200px;
706
734
  }
707
735
 
736
+ .min-h-\\[260px\\] {
737
+ min-height: 260px;
738
+ }
739
+
740
+ .min-h-\\[320px\\] {
741
+ min-height: 320px;
742
+ }
743
+
744
+ .min-h-full {
745
+ min-height: 100%;
746
+ }
747
+
748
+ .w-1 {
749
+ width: calc(var(--spacing) * 1);
750
+ }
751
+
708
752
  .w-1\\.5 {
709
753
  width: calc(var(--spacing) * 1.5);
710
754
  }
@@ -769,6 +813,10 @@ export {
769
813
  width: calc(var(--spacing) * 32);
770
814
  }
771
815
 
816
+ .w-56 {
817
+ width: calc(var(--spacing) * 56);
818
+ }
819
+
772
820
  .w-72 {
773
821
  width: calc(var(--spacing) * 72);
774
822
  }
@@ -809,6 +857,10 @@ export {
809
857
  flex-shrink: 0;
810
858
  }
811
859
 
860
+ .table-fixed {
861
+ table-layout: fixed;
862
+ }
863
+
812
864
  .border-collapse {
813
865
  border-collapse: collapse;
814
866
  }
@@ -828,6 +880,10 @@ export {
828
880
  translate: var(--tw-translate-x) var(--tw-translate-y);
829
881
  }
830
882
 
883
+ .scale-\\[0\\.98\\] {
884
+ scale: .98;
885
+ }
886
+
831
887
  .transform {
832
888
  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
833
889
  }
@@ -848,6 +904,10 @@ export {
848
904
  cursor: pointer;
849
905
  }
850
906
 
907
+ .touch-none {
908
+ touch-action: none;
909
+ }
910
+
851
911
  .resize {
852
912
  resize: both;
853
913
  }
@@ -856,6 +916,10 @@ export {
856
916
  resize: none;
857
917
  }
858
918
 
919
+ .resize-y {
920
+ resize: vertical;
921
+ }
922
+
859
923
  .appearance-none {
860
924
  appearance: none;
861
925
  }
@@ -896,6 +960,10 @@ export {
896
960
  align-items: center;
897
961
  }
898
962
 
963
+ .items-stretch {
964
+ align-items: stretch;
965
+ }
966
+
899
967
  .justify-between {
900
968
  justify-content: space-between;
901
969
  }
@@ -960,6 +1028,12 @@ export {
960
1028
  margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
961
1029
  }
962
1030
 
1031
+ :where(.space-y-4 > :not(:last-child)) {
1032
+ --tw-space-y-reverse: 0;
1033
+ margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
1034
+ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
1035
+ }
1036
+
963
1037
  .gap-x-6 {
964
1038
  column-gap: calc(var(--spacing) * 6);
965
1039
  }
@@ -982,6 +1056,10 @@ export {
982
1056
  overflow: hidden;
983
1057
  }
984
1058
 
1059
+ .overflow-x-auto {
1060
+ overflow-x: auto;
1061
+ }
1062
+
985
1063
  .overflow-y-auto {
986
1064
  overflow-y: auto;
987
1065
  }
@@ -1021,6 +1099,11 @@ export {
1021
1099
  border-width: 4px;
1022
1100
  }
1023
1101
 
1102
+ .border-t-2 {
1103
+ border-top-style: var(--tw-border-style);
1104
+ border-top-width: 2px;
1105
+ }
1106
+
1024
1107
  .border-r {
1025
1108
  border-right-style: var(--tw-border-style);
1026
1109
  border-right-width: 1px;
@@ -1050,6 +1133,16 @@ export {
1050
1133
  border-color: var(--color-black);
1051
1134
  }
1052
1135
 
1136
+ .border-black\\/30 {
1137
+ border-color: #0000004d;
1138
+ }
1139
+
1140
+ @supports (color: color-mix(in lab, red, red)) {
1141
+ .border-black\\/30 {
1142
+ border-color: color-mix(in oklab, var(--color-black) 30%, transparent);
1143
+ }
1144
+ }
1145
+
1053
1146
  .border-coral-red {
1054
1147
  border-color: var(--color-coral-red);
1055
1148
  }
@@ -1292,6 +1385,16 @@ export {
1292
1385
  }
1293
1386
  }
1294
1387
 
1388
+ .bg-primary\\/30 {
1389
+ background-color: #f9b11f4d;
1390
+ }
1391
+
1392
+ @supports (color: color-mix(in lab, red, red)) {
1393
+ .bg-primary\\/30 {
1394
+ background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
1395
+ }
1396
+ }
1397
+
1295
1398
  .bg-transparent {
1296
1399
  background-color: #0000;
1297
1400
  }
@@ -1440,6 +1543,10 @@ export {
1440
1543
  padding-block: calc(var(--spacing) * 3);
1441
1544
  }
1442
1545
 
1546
+ .py-4 {
1547
+ padding-block: calc(var(--spacing) * 4);
1548
+ }
1549
+
1443
1550
  .py-6 {
1444
1551
  padding-block: calc(var(--spacing) * 6);
1445
1552
  }
@@ -1448,6 +1555,10 @@ export {
1448
1555
  padding-block: calc(var(--spacing) * 8);
1449
1556
  }
1450
1557
 
1558
+ .pt-3 {
1559
+ padding-top: calc(var(--spacing) * 3);
1560
+ }
1561
+
1451
1562
  .pr-1 {
1452
1563
  padding-right: calc(var(--spacing) * 1);
1453
1564
  }
@@ -1472,6 +1583,14 @@ export {
1472
1583
  padding-right: calc(var(--spacing) * 11);
1473
1584
  }
1474
1585
 
1586
+ .pb-1 {
1587
+ padding-bottom: calc(var(--spacing) * 1);
1588
+ }
1589
+
1590
+ .pb-2 {
1591
+ padding-bottom: calc(var(--spacing) * 2);
1592
+ }
1593
+
1475
1594
  .pl-1\\.5 {
1476
1595
  padding-left: calc(var(--spacing) * 1.5);
1477
1596
  }
@@ -1512,6 +1631,10 @@ export {
1512
1631
  vertical-align: middle;
1513
1632
  }
1514
1633
 
1634
+ .align-top {
1635
+ vertical-align: top;
1636
+ }
1637
+
1515
1638
  .font-mono {
1516
1639
  font-family: var(--font-mono);
1517
1640
  }
@@ -1573,6 +1696,11 @@ export {
1573
1696
  line-height: calc(var(--spacing) * 6);
1574
1697
  }
1575
1698
 
1699
+ .leading-7 {
1700
+ --tw-leading: calc(var(--spacing) * 7);
1701
+ line-height: calc(var(--spacing) * 7);
1702
+ }
1703
+
1576
1704
  .leading-none {
1577
1705
  --tw-leading: 1;
1578
1706
  line-height: 1;
@@ -1603,6 +1731,10 @@ export {
1603
1731
  letter-spacing: var(--tracking-widest);
1604
1732
  }
1605
1733
 
1734
+ .\\[overflow-wrap\\:anywhere\\] {
1735
+ overflow-wrap: anywhere;
1736
+ }
1737
+
1606
1738
  .break-all {
1607
1739
  word-break: break-all;
1608
1740
  }
@@ -1799,6 +1931,10 @@ export {
1799
1931
  opacity: .7;
1800
1932
  }
1801
1933
 
1934
+ .opacity-100 {
1935
+ opacity: 1;
1936
+ }
1937
+
1802
1938
  .shadow-hard {
1803
1939
  --tw-shadow: 4px 4px 0 0 var(--tw-shadow-color, #000);
1804
1940
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2042,6 +2178,11 @@ export {
2042
2178
  translate: var(--tw-translate-x) var(--tw-translate-y);
2043
2179
  }
2044
2180
 
2181
+ .focus\\:translate-x-\\[2px\\]:focus {
2182
+ --tw-translate-x: 2px;
2183
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2184
+ }
2185
+
2045
2186
  .focus\\:translate-x-\\[4px\\]:focus {
2046
2187
  --tw-translate-x: 4px;
2047
2188
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2052,6 +2193,11 @@ export {
2052
2193
  translate: var(--tw-translate-x) var(--tw-translate-y);
2053
2194
  }
2054
2195
 
2196
+ .focus\\:translate-y-\\[2px\\]:focus {
2197
+ --tw-translate-y: 2px;
2198
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2199
+ }
2200
+
2055
2201
  .focus\\:translate-y-\\[4px\\]:focus {
2056
2202
  --tw-translate-y: 4px;
2057
2203
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2128,6 +2274,10 @@ export {
2128
2274
  .xl\\:grid-cols-3 {
2129
2275
  grid-template-columns: repeat(3, minmax(0, 1fr));
2130
2276
  }
2277
+
2278
+ .xl\\:grid-cols-\\[minmax\\(0\\,1fr\\)_minmax\\(0\\,1fr\\)_320px\\] {
2279
+ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 320px;
2280
+ }
2131
2281
  }
2132
2282
  }
2133
2283