@cnc_cbz/usefultools-plugin-official 1.0.6 → 1.0.8

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.
@@ -392,6 +392,10 @@ export {
392
392
  top: 50%;
393
393
  }
394
394
 
395
+ .right-2 {
396
+ right: calc(var(--spacing) * 2);
397
+ }
398
+
395
399
  .left-2 {
396
400
  left: calc(var(--spacing) * 2);
397
401
  }
@@ -400,6 +404,10 @@ export {
400
404
  z-index: 50;
401
405
  }
402
406
 
407
+ .col-span-2 {
408
+ grid-column: span 2 / span 2;
409
+ }
410
+
403
411
  .-mx-1 {
404
412
  margin-inline: calc(var(--spacing) * -1);
405
413
  }
@@ -520,6 +528,10 @@ export {
520
528
  height: calc(var(--spacing) * 4);
521
529
  }
522
530
 
531
+ .h-5 {
532
+ height: calc(var(--spacing) * 5);
533
+ }
534
+
523
535
  .h-7 {
524
536
  height: calc(var(--spacing) * 7);
525
537
  }
@@ -552,10 +564,18 @@ export {
552
564
  height: 100%;
553
565
  }
554
566
 
567
+ .max-h-36 {
568
+ max-height: calc(var(--spacing) * 36);
569
+ }
570
+
555
571
  .max-h-40 {
556
572
  max-height: calc(var(--spacing) * 40);
557
573
  }
558
574
 
575
+ .max-h-48 {
576
+ max-height: calc(var(--spacing) * 48);
577
+ }
578
+
559
579
  .max-h-60 {
560
580
  max-height: calc(var(--spacing) * 60);
561
581
  }
@@ -584,6 +604,10 @@ export {
584
604
  min-height: 200px;
585
605
  }
586
606
 
607
+ .w-1\\.5 {
608
+ width: calc(var(--spacing) * 1.5);
609
+ }
610
+
587
611
  .w-2 {
588
612
  width: calc(var(--spacing) * 2);
589
613
  }
@@ -604,6 +628,10 @@ export {
604
628
  width: calc(var(--spacing) * 5);
605
629
  }
606
630
 
631
+ .w-7 {
632
+ width: calc(var(--spacing) * 7);
633
+ }
634
+
607
635
  .w-8 {
608
636
  width: calc(var(--spacing) * 8);
609
637
  }
@@ -664,6 +692,10 @@ export {
664
692
  min-width: calc(var(--spacing) * 0);
665
693
  }
666
694
 
695
+ .min-w-\\[90px\\] {
696
+ min-width: 90px;
697
+ }
698
+
667
699
  .min-w-\\[200px\\] {
668
700
  min-width: 200px;
669
701
  }
@@ -967,6 +999,16 @@ export {
967
999
  border-color: var(--color-primary);
968
1000
  }
969
1001
 
1002
+ .border-primary\\/40 {
1003
+ border-color: #f9b11f66;
1004
+ }
1005
+
1006
+ @supports (color: color-mix(in lab, red, red)) {
1007
+ .border-primary\\/40 {
1008
+ border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
1009
+ }
1010
+ }
1011
+
970
1012
  .border-transparent {
971
1013
  border-color: #0000;
972
1014
  }
@@ -1105,6 +1147,16 @@ export {
1105
1147
  }
1106
1148
  }
1107
1149
 
1150
+ .bg-neon-green\\/20 {
1151
+ background-color: #84cc1633;
1152
+ }
1153
+
1154
+ @supports (color: color-mix(in lab, red, red)) {
1155
+ .bg-neon-green\\/20 {
1156
+ background-color: color-mix(in oklab, var(--color-neon-green) 20%, transparent);
1157
+ }
1158
+ }
1159
+
1108
1160
  .bg-primary {
1109
1161
  background-color: var(--color-primary);
1110
1162
  }
@@ -1315,6 +1367,10 @@ export {
1315
1367
  padding-right: calc(var(--spacing) * 6);
1316
1368
  }
1317
1369
 
1370
+ .pr-11 {
1371
+ padding-right: calc(var(--spacing) * 11);
1372
+ }
1373
+
1318
1374
  .pl-1\\.5 {
1319
1375
  padding-left: calc(var(--spacing) * 1.5);
1320
1376
  }
@@ -1331,6 +1387,14 @@ export {
1331
1387
  padding-left: calc(var(--spacing) * 8);
1332
1388
  }
1333
1389
 
1390
+ .pl-\\[22px\\] {
1391
+ padding-left: 22px;
1392
+ }
1393
+
1394
+ .pl-\\[98px\\] {
1395
+ padding-left: 98px;
1396
+ }
1397
+
1334
1398
  .text-center {
1335
1399
  text-align: center;
1336
1400
  }
@@ -1343,6 +1407,10 @@ export {
1343
1407
  text-align: right;
1344
1408
  }
1345
1409
 
1410
+ .align-middle {
1411
+ vertical-align: middle;
1412
+ }
1413
+
1346
1414
  .font-mono {
1347
1415
  font-family: var(--font-mono);
1348
1416
  }
@@ -1829,6 +1897,10 @@ export {
1829
1897
  color: var(--color-coral-red);
1830
1898
  }
1831
1899
 
1900
+ .hover\\:text-gray-200:hover {
1901
+ color: var(--color-gray-200);
1902
+ }
1903
+
1832
1904
  .hover\\:text-gray-300:hover {
1833
1905
  color: var(--color-gray-300);
1834
1906
  }
@@ -1880,6 +1952,18 @@ export {
1880
1952
  translate: var(--tw-translate-x) var(--tw-translate-y);
1881
1953
  }
1882
1954
 
1955
+ .focus\\:border-electric-blue:focus {
1956
+ border-color: var(--color-electric-blue);
1957
+ }
1958
+
1959
+ .focus\\:border-gray-500:focus {
1960
+ border-color: var(--color-gray-500);
1961
+ }
1962
+
1963
+ .focus\\:border-neon-green:focus {
1964
+ border-color: var(--color-neon-green);
1965
+ }
1966
+
1883
1967
  .focus\\:border-primary:focus {
1884
1968
  border-color: var(--color-primary);
1885
1969
  }
@@ -1897,6 +1981,14 @@ export {
1897
1981
  cursor: grabbing;
1898
1982
  }
1899
1983
 
1984
+ .disabled\\:cursor-not-allowed:disabled {
1985
+ cursor: not-allowed;
1986
+ }
1987
+
1988
+ .disabled\\:opacity-40:disabled {
1989
+ opacity: .4;
1990
+ }
1991
+
1900
1992
  @media (min-width: 40rem) {
1901
1993
  .sm\\:grid-cols-2 {
1902
1994
  grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -578,6 +578,10 @@ export {
578
578
  top: 50%;
579
579
  }
580
580
 
581
+ .right-2 {
582
+ right: calc(var(--spacing) * 2);
583
+ }
584
+
581
585
  .left-2 {
582
586
  left: calc(var(--spacing) * 2);
583
587
  }
@@ -586,6 +590,10 @@ export {
586
590
  z-index: 50;
587
591
  }
588
592
 
593
+ .col-span-2 {
594
+ grid-column: span 2 / span 2;
595
+ }
596
+
589
597
  .-mx-1 {
590
598
  margin-inline: calc(var(--spacing) * -1);
591
599
  }
@@ -706,6 +714,10 @@ export {
706
714
  height: calc(var(--spacing) * 4);
707
715
  }
708
716
 
717
+ .h-5 {
718
+ height: calc(var(--spacing) * 5);
719
+ }
720
+
709
721
  .h-7 {
710
722
  height: calc(var(--spacing) * 7);
711
723
  }
@@ -738,10 +750,18 @@ export {
738
750
  height: 100%;
739
751
  }
740
752
 
753
+ .max-h-36 {
754
+ max-height: calc(var(--spacing) * 36);
755
+ }
756
+
741
757
  .max-h-40 {
742
758
  max-height: calc(var(--spacing) * 40);
743
759
  }
744
760
 
761
+ .max-h-48 {
762
+ max-height: calc(var(--spacing) * 48);
763
+ }
764
+
745
765
  .max-h-60 {
746
766
  max-height: calc(var(--spacing) * 60);
747
767
  }
@@ -770,6 +790,10 @@ export {
770
790
  min-height: 200px;
771
791
  }
772
792
 
793
+ .w-1\\.5 {
794
+ width: calc(var(--spacing) * 1.5);
795
+ }
796
+
773
797
  .w-2 {
774
798
  width: calc(var(--spacing) * 2);
775
799
  }
@@ -790,6 +814,10 @@ export {
790
814
  width: calc(var(--spacing) * 5);
791
815
  }
792
816
 
817
+ .w-7 {
818
+ width: calc(var(--spacing) * 7);
819
+ }
820
+
793
821
  .w-8 {
794
822
  width: calc(var(--spacing) * 8);
795
823
  }
@@ -850,6 +878,10 @@ export {
850
878
  min-width: calc(var(--spacing) * 0);
851
879
  }
852
880
 
881
+ .min-w-\\[90px\\] {
882
+ min-width: 90px;
883
+ }
884
+
853
885
  .min-w-\\[200px\\] {
854
886
  min-width: 200px;
855
887
  }
@@ -1153,6 +1185,16 @@ export {
1153
1185
  border-color: var(--color-primary);
1154
1186
  }
1155
1187
 
1188
+ .border-primary\\/40 {
1189
+ border-color: #f9b11f66;
1190
+ }
1191
+
1192
+ @supports (color: color-mix(in lab, red, red)) {
1193
+ .border-primary\\/40 {
1194
+ border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
1195
+ }
1196
+ }
1197
+
1156
1198
  .border-transparent {
1157
1199
  border-color: #0000;
1158
1200
  }
@@ -1291,6 +1333,16 @@ export {
1291
1333
  }
1292
1334
  }
1293
1335
 
1336
+ .bg-neon-green\\/20 {
1337
+ background-color: #84cc1633;
1338
+ }
1339
+
1340
+ @supports (color: color-mix(in lab, red, red)) {
1341
+ .bg-neon-green\\/20 {
1342
+ background-color: color-mix(in oklab, var(--color-neon-green) 20%, transparent);
1343
+ }
1344
+ }
1345
+
1294
1346
  .bg-primary {
1295
1347
  background-color: var(--color-primary);
1296
1348
  }
@@ -1501,6 +1553,10 @@ export {
1501
1553
  padding-right: calc(var(--spacing) * 6);
1502
1554
  }
1503
1555
 
1556
+ .pr-11 {
1557
+ padding-right: calc(var(--spacing) * 11);
1558
+ }
1559
+
1504
1560
  .pl-1\\.5 {
1505
1561
  padding-left: calc(var(--spacing) * 1.5);
1506
1562
  }
@@ -1517,6 +1573,14 @@ export {
1517
1573
  padding-left: calc(var(--spacing) * 8);
1518
1574
  }
1519
1575
 
1576
+ .pl-\\[22px\\] {
1577
+ padding-left: 22px;
1578
+ }
1579
+
1580
+ .pl-\\[98px\\] {
1581
+ padding-left: 98px;
1582
+ }
1583
+
1520
1584
  .text-center {
1521
1585
  text-align: center;
1522
1586
  }
@@ -1529,6 +1593,10 @@ export {
1529
1593
  text-align: right;
1530
1594
  }
1531
1595
 
1596
+ .align-middle {
1597
+ vertical-align: middle;
1598
+ }
1599
+
1532
1600
  .font-mono {
1533
1601
  font-family: var(--font-mono);
1534
1602
  }
@@ -2015,6 +2083,10 @@ export {
2015
2083
  color: var(--color-coral-red);
2016
2084
  }
2017
2085
 
2086
+ .hover\\:text-gray-200:hover {
2087
+ color: var(--color-gray-200);
2088
+ }
2089
+
2018
2090
  .hover\\:text-gray-300:hover {
2019
2091
  color: var(--color-gray-300);
2020
2092
  }
@@ -2066,6 +2138,18 @@ export {
2066
2138
  translate: var(--tw-translate-x) var(--tw-translate-y);
2067
2139
  }
2068
2140
 
2141
+ .focus\\:border-electric-blue:focus {
2142
+ border-color: var(--color-electric-blue);
2143
+ }
2144
+
2145
+ .focus\\:border-gray-500:focus {
2146
+ border-color: var(--color-gray-500);
2147
+ }
2148
+
2149
+ .focus\\:border-neon-green:focus {
2150
+ border-color: var(--color-neon-green);
2151
+ }
2152
+
2069
2153
  .focus\\:border-primary:focus {
2070
2154
  border-color: var(--color-primary);
2071
2155
  }
@@ -2083,6 +2167,14 @@ export {
2083
2167
  cursor: grabbing;
2084
2168
  }
2085
2169
 
2170
+ .disabled\\:cursor-not-allowed:disabled {
2171
+ cursor: not-allowed;
2172
+ }
2173
+
2174
+ .disabled\\:opacity-40:disabled {
2175
+ opacity: .4;
2176
+ }
2177
+
2086
2178
  @media (min-width: 40rem) {
2087
2179
  .sm\\:grid-cols-2 {
2088
2180
  grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -396,6 +396,10 @@ export {
396
396
  top: 50%;
397
397
  }
398
398
 
399
+ .right-2 {
400
+ right: calc(var(--spacing) * 2);
401
+ }
402
+
399
403
  .left-2 {
400
404
  left: calc(var(--spacing) * 2);
401
405
  }
@@ -404,6 +408,10 @@ export {
404
408
  z-index: 50;
405
409
  }
406
410
 
411
+ .col-span-2 {
412
+ grid-column: span 2 / span 2;
413
+ }
414
+
407
415
  .-mx-1 {
408
416
  margin-inline: calc(var(--spacing) * -1);
409
417
  }
@@ -524,6 +532,10 @@ export {
524
532
  height: calc(var(--spacing) * 4);
525
533
  }
526
534
 
535
+ .h-5 {
536
+ height: calc(var(--spacing) * 5);
537
+ }
538
+
527
539
  .h-7 {
528
540
  height: calc(var(--spacing) * 7);
529
541
  }
@@ -556,10 +568,18 @@ export {
556
568
  height: 100%;
557
569
  }
558
570
 
571
+ .max-h-36 {
572
+ max-height: calc(var(--spacing) * 36);
573
+ }
574
+
559
575
  .max-h-40 {
560
576
  max-height: calc(var(--spacing) * 40);
561
577
  }
562
578
 
579
+ .max-h-48 {
580
+ max-height: calc(var(--spacing) * 48);
581
+ }
582
+
563
583
  .max-h-60 {
564
584
  max-height: calc(var(--spacing) * 60);
565
585
  }
@@ -588,6 +608,10 @@ export {
588
608
  min-height: 200px;
589
609
  }
590
610
 
611
+ .w-1\\.5 {
612
+ width: calc(var(--spacing) * 1.5);
613
+ }
614
+
591
615
  .w-2 {
592
616
  width: calc(var(--spacing) * 2);
593
617
  }
@@ -608,6 +632,10 @@ export {
608
632
  width: calc(var(--spacing) * 5);
609
633
  }
610
634
 
635
+ .w-7 {
636
+ width: calc(var(--spacing) * 7);
637
+ }
638
+
611
639
  .w-8 {
612
640
  width: calc(var(--spacing) * 8);
613
641
  }
@@ -668,6 +696,10 @@ export {
668
696
  min-width: calc(var(--spacing) * 0);
669
697
  }
670
698
 
699
+ .min-w-\\[90px\\] {
700
+ min-width: 90px;
701
+ }
702
+
671
703
  .min-w-\\[200px\\] {
672
704
  min-width: 200px;
673
705
  }
@@ -971,6 +1003,16 @@ export {
971
1003
  border-color: var(--color-primary);
972
1004
  }
973
1005
 
1006
+ .border-primary\\/40 {
1007
+ border-color: #f9b11f66;
1008
+ }
1009
+
1010
+ @supports (color: color-mix(in lab, red, red)) {
1011
+ .border-primary\\/40 {
1012
+ border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
1013
+ }
1014
+ }
1015
+
974
1016
  .border-transparent {
975
1017
  border-color: #0000;
976
1018
  }
@@ -1109,6 +1151,16 @@ export {
1109
1151
  }
1110
1152
  }
1111
1153
 
1154
+ .bg-neon-green\\/20 {
1155
+ background-color: #84cc1633;
1156
+ }
1157
+
1158
+ @supports (color: color-mix(in lab, red, red)) {
1159
+ .bg-neon-green\\/20 {
1160
+ background-color: color-mix(in oklab, var(--color-neon-green) 20%, transparent);
1161
+ }
1162
+ }
1163
+
1112
1164
  .bg-primary {
1113
1165
  background-color: var(--color-primary);
1114
1166
  }
@@ -1319,6 +1371,10 @@ export {
1319
1371
  padding-right: calc(var(--spacing) * 6);
1320
1372
  }
1321
1373
 
1374
+ .pr-11 {
1375
+ padding-right: calc(var(--spacing) * 11);
1376
+ }
1377
+
1322
1378
  .pl-1\\.5 {
1323
1379
  padding-left: calc(var(--spacing) * 1.5);
1324
1380
  }
@@ -1335,6 +1391,14 @@ export {
1335
1391
  padding-left: calc(var(--spacing) * 8);
1336
1392
  }
1337
1393
 
1394
+ .pl-\\[22px\\] {
1395
+ padding-left: 22px;
1396
+ }
1397
+
1398
+ .pl-\\[98px\\] {
1399
+ padding-left: 98px;
1400
+ }
1401
+
1338
1402
  .text-center {
1339
1403
  text-align: center;
1340
1404
  }
@@ -1347,6 +1411,10 @@ export {
1347
1411
  text-align: right;
1348
1412
  }
1349
1413
 
1414
+ .align-middle {
1415
+ vertical-align: middle;
1416
+ }
1417
+
1350
1418
  .font-mono {
1351
1419
  font-family: var(--font-mono);
1352
1420
  }
@@ -1833,6 +1901,10 @@ export {
1833
1901
  color: var(--color-coral-red);
1834
1902
  }
1835
1903
 
1904
+ .hover\\:text-gray-200:hover {
1905
+ color: var(--color-gray-200);
1906
+ }
1907
+
1836
1908
  .hover\\:text-gray-300:hover {
1837
1909
  color: var(--color-gray-300);
1838
1910
  }
@@ -1884,6 +1956,18 @@ export {
1884
1956
  translate: var(--tw-translate-x) var(--tw-translate-y);
1885
1957
  }
1886
1958
 
1959
+ .focus\\:border-electric-blue:focus {
1960
+ border-color: var(--color-electric-blue);
1961
+ }
1962
+
1963
+ .focus\\:border-gray-500:focus {
1964
+ border-color: var(--color-gray-500);
1965
+ }
1966
+
1967
+ .focus\\:border-neon-green:focus {
1968
+ border-color: var(--color-neon-green);
1969
+ }
1970
+
1887
1971
  .focus\\:border-primary:focus {
1888
1972
  border-color: var(--color-primary);
1889
1973
  }
@@ -1901,6 +1985,14 @@ export {
1901
1985
  cursor: grabbing;
1902
1986
  }
1903
1987
 
1988
+ .disabled\\:cursor-not-allowed:disabled {
1989
+ cursor: not-allowed;
1990
+ }
1991
+
1992
+ .disabled\\:opacity-40:disabled {
1993
+ opacity: .4;
1994
+ }
1995
+
1904
1996
  @media (min-width: 40rem) {
1905
1997
  .sm\\:grid-cols-2 {
1906
1998
  grid-template-columns: repeat(2, minmax(0, 1fr));