@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.
@@ -400,6 +400,10 @@ export {
400
400
  top: 50%;
401
401
  }
402
402
 
403
+ .right-2 {
404
+ right: calc(var(--spacing) * 2);
405
+ }
406
+
403
407
  .left-2 {
404
408
  left: calc(var(--spacing) * 2);
405
409
  }
@@ -408,6 +412,10 @@ export {
408
412
  z-index: 50;
409
413
  }
410
414
 
415
+ .col-span-2 {
416
+ grid-column: span 2 / span 2;
417
+ }
418
+
411
419
  .-mx-1 {
412
420
  margin-inline: calc(var(--spacing) * -1);
413
421
  }
@@ -528,6 +536,10 @@ export {
528
536
  height: calc(var(--spacing) * 4);
529
537
  }
530
538
 
539
+ .h-5 {
540
+ height: calc(var(--spacing) * 5);
541
+ }
542
+
531
543
  .h-7 {
532
544
  height: calc(var(--spacing) * 7);
533
545
  }
@@ -560,10 +572,18 @@ export {
560
572
  height: 100%;
561
573
  }
562
574
 
575
+ .max-h-36 {
576
+ max-height: calc(var(--spacing) * 36);
577
+ }
578
+
563
579
  .max-h-40 {
564
580
  max-height: calc(var(--spacing) * 40);
565
581
  }
566
582
 
583
+ .max-h-48 {
584
+ max-height: calc(var(--spacing) * 48);
585
+ }
586
+
567
587
  .max-h-60 {
568
588
  max-height: calc(var(--spacing) * 60);
569
589
  }
@@ -592,6 +612,10 @@ export {
592
612
  min-height: 200px;
593
613
  }
594
614
 
615
+ .w-1\\.5 {
616
+ width: calc(var(--spacing) * 1.5);
617
+ }
618
+
595
619
  .w-2 {
596
620
  width: calc(var(--spacing) * 2);
597
621
  }
@@ -612,6 +636,10 @@ export {
612
636
  width: calc(var(--spacing) * 5);
613
637
  }
614
638
 
639
+ .w-7 {
640
+ width: calc(var(--spacing) * 7);
641
+ }
642
+
615
643
  .w-8 {
616
644
  width: calc(var(--spacing) * 8);
617
645
  }
@@ -672,6 +700,10 @@ export {
672
700
  min-width: calc(var(--spacing) * 0);
673
701
  }
674
702
 
703
+ .min-w-\\[90px\\] {
704
+ min-width: 90px;
705
+ }
706
+
675
707
  .min-w-\\[200px\\] {
676
708
  min-width: 200px;
677
709
  }
@@ -975,6 +1007,16 @@ export {
975
1007
  border-color: var(--color-primary);
976
1008
  }
977
1009
 
1010
+ .border-primary\\/40 {
1011
+ border-color: #f9b11f66;
1012
+ }
1013
+
1014
+ @supports (color: color-mix(in lab, red, red)) {
1015
+ .border-primary\\/40 {
1016
+ border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
1017
+ }
1018
+ }
1019
+
978
1020
  .border-transparent {
979
1021
  border-color: #0000;
980
1022
  }
@@ -1113,6 +1155,16 @@ export {
1113
1155
  }
1114
1156
  }
1115
1157
 
1158
+ .bg-neon-green\\/20 {
1159
+ background-color: #84cc1633;
1160
+ }
1161
+
1162
+ @supports (color: color-mix(in lab, red, red)) {
1163
+ .bg-neon-green\\/20 {
1164
+ background-color: color-mix(in oklab, var(--color-neon-green) 20%, transparent);
1165
+ }
1166
+ }
1167
+
1116
1168
  .bg-primary {
1117
1169
  background-color: var(--color-primary);
1118
1170
  }
@@ -1323,6 +1375,10 @@ export {
1323
1375
  padding-right: calc(var(--spacing) * 6);
1324
1376
  }
1325
1377
 
1378
+ .pr-11 {
1379
+ padding-right: calc(var(--spacing) * 11);
1380
+ }
1381
+
1326
1382
  .pl-1\\.5 {
1327
1383
  padding-left: calc(var(--spacing) * 1.5);
1328
1384
  }
@@ -1339,6 +1395,14 @@ export {
1339
1395
  padding-left: calc(var(--spacing) * 8);
1340
1396
  }
1341
1397
 
1398
+ .pl-\\[22px\\] {
1399
+ padding-left: 22px;
1400
+ }
1401
+
1402
+ .pl-\\[98px\\] {
1403
+ padding-left: 98px;
1404
+ }
1405
+
1342
1406
  .text-center {
1343
1407
  text-align: center;
1344
1408
  }
@@ -1351,6 +1415,10 @@ export {
1351
1415
  text-align: right;
1352
1416
  }
1353
1417
 
1418
+ .align-middle {
1419
+ vertical-align: middle;
1420
+ }
1421
+
1354
1422
  .font-mono {
1355
1423
  font-family: var(--font-mono);
1356
1424
  }
@@ -1837,6 +1905,10 @@ export {
1837
1905
  color: var(--color-coral-red);
1838
1906
  }
1839
1907
 
1908
+ .hover\\:text-gray-200:hover {
1909
+ color: var(--color-gray-200);
1910
+ }
1911
+
1840
1912
  .hover\\:text-gray-300:hover {
1841
1913
  color: var(--color-gray-300);
1842
1914
  }
@@ -1888,6 +1960,18 @@ export {
1888
1960
  translate: var(--tw-translate-x) var(--tw-translate-y);
1889
1961
  }
1890
1962
 
1963
+ .focus\\:border-electric-blue:focus {
1964
+ border-color: var(--color-electric-blue);
1965
+ }
1966
+
1967
+ .focus\\:border-gray-500:focus {
1968
+ border-color: var(--color-gray-500);
1969
+ }
1970
+
1971
+ .focus\\:border-neon-green:focus {
1972
+ border-color: var(--color-neon-green);
1973
+ }
1974
+
1891
1975
  .focus\\:border-primary:focus {
1892
1976
  border-color: var(--color-primary);
1893
1977
  }
@@ -1905,6 +1989,14 @@ export {
1905
1989
  cursor: grabbing;
1906
1990
  }
1907
1991
 
1992
+ .disabled\\:cursor-not-allowed:disabled {
1993
+ cursor: not-allowed;
1994
+ }
1995
+
1996
+ .disabled\\:opacity-40:disabled {
1997
+ opacity: .4;
1998
+ }
1999
+
1908
2000
  @media (min-width: 40rem) {
1909
2001
  .sm\\:grid-cols-2 {
1910
2002
  grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -301,6 +301,10 @@ export {
301
301
  top: 50%;
302
302
  }
303
303
 
304
+ .right-2 {
305
+ right: calc(var(--spacing) * 2);
306
+ }
307
+
304
308
  .left-2 {
305
309
  left: calc(var(--spacing) * 2);
306
310
  }
@@ -309,6 +313,10 @@ export {
309
313
  z-index: 50;
310
314
  }
311
315
 
316
+ .col-span-2 {
317
+ grid-column: span 2 / span 2;
318
+ }
319
+
312
320
  .-mx-1 {
313
321
  margin-inline: calc(var(--spacing) * -1);
314
322
  }
@@ -429,6 +437,10 @@ export {
429
437
  height: calc(var(--spacing) * 4);
430
438
  }
431
439
 
440
+ .h-5 {
441
+ height: calc(var(--spacing) * 5);
442
+ }
443
+
432
444
  .h-7 {
433
445
  height: calc(var(--spacing) * 7);
434
446
  }
@@ -461,10 +473,18 @@ export {
461
473
  height: 100%;
462
474
  }
463
475
 
476
+ .max-h-36 {
477
+ max-height: calc(var(--spacing) * 36);
478
+ }
479
+
464
480
  .max-h-40 {
465
481
  max-height: calc(var(--spacing) * 40);
466
482
  }
467
483
 
484
+ .max-h-48 {
485
+ max-height: calc(var(--spacing) * 48);
486
+ }
487
+
468
488
  .max-h-60 {
469
489
  max-height: calc(var(--spacing) * 60);
470
490
  }
@@ -493,6 +513,10 @@ export {
493
513
  min-height: 200px;
494
514
  }
495
515
 
516
+ .w-1\\.5 {
517
+ width: calc(var(--spacing) * 1.5);
518
+ }
519
+
496
520
  .w-2 {
497
521
  width: calc(var(--spacing) * 2);
498
522
  }
@@ -513,6 +537,10 @@ export {
513
537
  width: calc(var(--spacing) * 5);
514
538
  }
515
539
 
540
+ .w-7 {
541
+ width: calc(var(--spacing) * 7);
542
+ }
543
+
516
544
  .w-8 {
517
545
  width: calc(var(--spacing) * 8);
518
546
  }
@@ -573,6 +601,10 @@ export {
573
601
  min-width: calc(var(--spacing) * 0);
574
602
  }
575
603
 
604
+ .min-w-\\[90px\\] {
605
+ min-width: 90px;
606
+ }
607
+
576
608
  .min-w-\\[200px\\] {
577
609
  min-width: 200px;
578
610
  }
@@ -876,6 +908,16 @@ export {
876
908
  border-color: var(--color-primary);
877
909
  }
878
910
 
911
+ .border-primary\\/40 {
912
+ border-color: #f9b11f66;
913
+ }
914
+
915
+ @supports (color: color-mix(in lab, red, red)) {
916
+ .border-primary\\/40 {
917
+ border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
918
+ }
919
+ }
920
+
879
921
  .border-transparent {
880
922
  border-color: #0000;
881
923
  }
@@ -1014,6 +1056,16 @@ export {
1014
1056
  }
1015
1057
  }
1016
1058
 
1059
+ .bg-neon-green\\/20 {
1060
+ background-color: #84cc1633;
1061
+ }
1062
+
1063
+ @supports (color: color-mix(in lab, red, red)) {
1064
+ .bg-neon-green\\/20 {
1065
+ background-color: color-mix(in oklab, var(--color-neon-green) 20%, transparent);
1066
+ }
1067
+ }
1068
+
1017
1069
  .bg-primary {
1018
1070
  background-color: var(--color-primary);
1019
1071
  }
@@ -1224,6 +1276,10 @@ export {
1224
1276
  padding-right: calc(var(--spacing) * 6);
1225
1277
  }
1226
1278
 
1279
+ .pr-11 {
1280
+ padding-right: calc(var(--spacing) * 11);
1281
+ }
1282
+
1227
1283
  .pl-1\\.5 {
1228
1284
  padding-left: calc(var(--spacing) * 1.5);
1229
1285
  }
@@ -1240,6 +1296,14 @@ export {
1240
1296
  padding-left: calc(var(--spacing) * 8);
1241
1297
  }
1242
1298
 
1299
+ .pl-\\[22px\\] {
1300
+ padding-left: 22px;
1301
+ }
1302
+
1303
+ .pl-\\[98px\\] {
1304
+ padding-left: 98px;
1305
+ }
1306
+
1243
1307
  .text-center {
1244
1308
  text-align: center;
1245
1309
  }
@@ -1252,6 +1316,10 @@ export {
1252
1316
  text-align: right;
1253
1317
  }
1254
1318
 
1319
+ .align-middle {
1320
+ vertical-align: middle;
1321
+ }
1322
+
1255
1323
  .font-mono {
1256
1324
  font-family: var(--font-mono);
1257
1325
  }
@@ -1738,6 +1806,10 @@ export {
1738
1806
  color: var(--color-coral-red);
1739
1807
  }
1740
1808
 
1809
+ .hover\\:text-gray-200:hover {
1810
+ color: var(--color-gray-200);
1811
+ }
1812
+
1741
1813
  .hover\\:text-gray-300:hover {
1742
1814
  color: var(--color-gray-300);
1743
1815
  }
@@ -1789,6 +1861,18 @@ export {
1789
1861
  translate: var(--tw-translate-x) var(--tw-translate-y);
1790
1862
  }
1791
1863
 
1864
+ .focus\\:border-electric-blue:focus {
1865
+ border-color: var(--color-electric-blue);
1866
+ }
1867
+
1868
+ .focus\\:border-gray-500:focus {
1869
+ border-color: var(--color-gray-500);
1870
+ }
1871
+
1872
+ .focus\\:border-neon-green:focus {
1873
+ border-color: var(--color-neon-green);
1874
+ }
1875
+
1792
1876
  .focus\\:border-primary:focus {
1793
1877
  border-color: var(--color-primary);
1794
1878
  }
@@ -1806,6 +1890,14 @@ export {
1806
1890
  cursor: grabbing;
1807
1891
  }
1808
1892
 
1893
+ .disabled\\:cursor-not-allowed:disabled {
1894
+ cursor: not-allowed;
1895
+ }
1896
+
1897
+ .disabled\\:opacity-40:disabled {
1898
+ opacity: .4;
1899
+ }
1900
+
1809
1901
  @media (min-width: 40rem) {
1810
1902
  .sm\\:grid-cols-2 {
1811
1903
  grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -408,6 +408,10 @@ export {
408
408
  top: 50%;
409
409
  }
410
410
 
411
+ .right-2 {
412
+ right: calc(var(--spacing) * 2);
413
+ }
414
+
411
415
  .left-2 {
412
416
  left: calc(var(--spacing) * 2);
413
417
  }
@@ -416,6 +420,10 @@ export {
416
420
  z-index: 50;
417
421
  }
418
422
 
423
+ .col-span-2 {
424
+ grid-column: span 2 / span 2;
425
+ }
426
+
419
427
  .-mx-1 {
420
428
  margin-inline: calc(var(--spacing) * -1);
421
429
  }
@@ -536,6 +544,10 @@ export {
536
544
  height: calc(var(--spacing) * 4);
537
545
  }
538
546
 
547
+ .h-5 {
548
+ height: calc(var(--spacing) * 5);
549
+ }
550
+
539
551
  .h-7 {
540
552
  height: calc(var(--spacing) * 7);
541
553
  }
@@ -568,10 +580,18 @@ export {
568
580
  height: 100%;
569
581
  }
570
582
 
583
+ .max-h-36 {
584
+ max-height: calc(var(--spacing) * 36);
585
+ }
586
+
571
587
  .max-h-40 {
572
588
  max-height: calc(var(--spacing) * 40);
573
589
  }
574
590
 
591
+ .max-h-48 {
592
+ max-height: calc(var(--spacing) * 48);
593
+ }
594
+
575
595
  .max-h-60 {
576
596
  max-height: calc(var(--spacing) * 60);
577
597
  }
@@ -600,6 +620,10 @@ export {
600
620
  min-height: 200px;
601
621
  }
602
622
 
623
+ .w-1\\.5 {
624
+ width: calc(var(--spacing) * 1.5);
625
+ }
626
+
603
627
  .w-2 {
604
628
  width: calc(var(--spacing) * 2);
605
629
  }
@@ -620,6 +644,10 @@ export {
620
644
  width: calc(var(--spacing) * 5);
621
645
  }
622
646
 
647
+ .w-7 {
648
+ width: calc(var(--spacing) * 7);
649
+ }
650
+
623
651
  .w-8 {
624
652
  width: calc(var(--spacing) * 8);
625
653
  }
@@ -680,6 +708,10 @@ export {
680
708
  min-width: calc(var(--spacing) * 0);
681
709
  }
682
710
 
711
+ .min-w-\\[90px\\] {
712
+ min-width: 90px;
713
+ }
714
+
683
715
  .min-w-\\[200px\\] {
684
716
  min-width: 200px;
685
717
  }
@@ -983,6 +1015,16 @@ export {
983
1015
  border-color: var(--color-primary);
984
1016
  }
985
1017
 
1018
+ .border-primary\\/40 {
1019
+ border-color: #f9b11f66;
1020
+ }
1021
+
1022
+ @supports (color: color-mix(in lab, red, red)) {
1023
+ .border-primary\\/40 {
1024
+ border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
1025
+ }
1026
+ }
1027
+
986
1028
  .border-transparent {
987
1029
  border-color: #0000;
988
1030
  }
@@ -1121,6 +1163,16 @@ export {
1121
1163
  }
1122
1164
  }
1123
1165
 
1166
+ .bg-neon-green\\/20 {
1167
+ background-color: #84cc1633;
1168
+ }
1169
+
1170
+ @supports (color: color-mix(in lab, red, red)) {
1171
+ .bg-neon-green\\/20 {
1172
+ background-color: color-mix(in oklab, var(--color-neon-green) 20%, transparent);
1173
+ }
1174
+ }
1175
+
1124
1176
  .bg-primary {
1125
1177
  background-color: var(--color-primary);
1126
1178
  }
@@ -1331,6 +1383,10 @@ export {
1331
1383
  padding-right: calc(var(--spacing) * 6);
1332
1384
  }
1333
1385
 
1386
+ .pr-11 {
1387
+ padding-right: calc(var(--spacing) * 11);
1388
+ }
1389
+
1334
1390
  .pl-1\\.5 {
1335
1391
  padding-left: calc(var(--spacing) * 1.5);
1336
1392
  }
@@ -1347,6 +1403,14 @@ export {
1347
1403
  padding-left: calc(var(--spacing) * 8);
1348
1404
  }
1349
1405
 
1406
+ .pl-\\[22px\\] {
1407
+ padding-left: 22px;
1408
+ }
1409
+
1410
+ .pl-\\[98px\\] {
1411
+ padding-left: 98px;
1412
+ }
1413
+
1350
1414
  .text-center {
1351
1415
  text-align: center;
1352
1416
  }
@@ -1359,6 +1423,10 @@ export {
1359
1423
  text-align: right;
1360
1424
  }
1361
1425
 
1426
+ .align-middle {
1427
+ vertical-align: middle;
1428
+ }
1429
+
1362
1430
  .font-mono {
1363
1431
  font-family: var(--font-mono);
1364
1432
  }
@@ -1845,6 +1913,10 @@ export {
1845
1913
  color: var(--color-coral-red);
1846
1914
  }
1847
1915
 
1916
+ .hover\\:text-gray-200:hover {
1917
+ color: var(--color-gray-200);
1918
+ }
1919
+
1848
1920
  .hover\\:text-gray-300:hover {
1849
1921
  color: var(--color-gray-300);
1850
1922
  }
@@ -1896,6 +1968,18 @@ export {
1896
1968
  translate: var(--tw-translate-x) var(--tw-translate-y);
1897
1969
  }
1898
1970
 
1971
+ .focus\\:border-electric-blue:focus {
1972
+ border-color: var(--color-electric-blue);
1973
+ }
1974
+
1975
+ .focus\\:border-gray-500:focus {
1976
+ border-color: var(--color-gray-500);
1977
+ }
1978
+
1979
+ .focus\\:border-neon-green:focus {
1980
+ border-color: var(--color-neon-green);
1981
+ }
1982
+
1899
1983
  .focus\\:border-primary:focus {
1900
1984
  border-color: var(--color-primary);
1901
1985
  }
@@ -1913,6 +1997,14 @@ export {
1913
1997
  cursor: grabbing;
1914
1998
  }
1915
1999
 
2000
+ .disabled\\:cursor-not-allowed:disabled {
2001
+ cursor: not-allowed;
2002
+ }
2003
+
2004
+ .disabled\\:opacity-40:disabled {
2005
+ opacity: .4;
2006
+ }
2007
+
1916
2008
  @media (min-width: 40rem) {
1917
2009
  .sm\\:grid-cols-2 {
1918
2010
  grid-template-columns: repeat(2, minmax(0, 1fr));