@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.
@@ -1085,6 +1085,10 @@ export {
1085
1085
  top: 50%;
1086
1086
  }
1087
1087
 
1088
+ .right-2 {
1089
+ right: calc(var(--spacing) * 2);
1090
+ }
1091
+
1088
1092
  .left-2 {
1089
1093
  left: calc(var(--spacing) * 2);
1090
1094
  }
@@ -1093,6 +1097,10 @@ export {
1093
1097
  z-index: 50;
1094
1098
  }
1095
1099
 
1100
+ .col-span-2 {
1101
+ grid-column: span 2 / span 2;
1102
+ }
1103
+
1096
1104
  .-mx-1 {
1097
1105
  margin-inline: calc(var(--spacing) * -1);
1098
1106
  }
@@ -1213,6 +1221,10 @@ export {
1213
1221
  height: calc(var(--spacing) * 4);
1214
1222
  }
1215
1223
 
1224
+ .h-5 {
1225
+ height: calc(var(--spacing) * 5);
1226
+ }
1227
+
1216
1228
  .h-7 {
1217
1229
  height: calc(var(--spacing) * 7);
1218
1230
  }
@@ -1245,10 +1257,18 @@ export {
1245
1257
  height: 100%;
1246
1258
  }
1247
1259
 
1260
+ .max-h-36 {
1261
+ max-height: calc(var(--spacing) * 36);
1262
+ }
1263
+
1248
1264
  .max-h-40 {
1249
1265
  max-height: calc(var(--spacing) * 40);
1250
1266
  }
1251
1267
 
1268
+ .max-h-48 {
1269
+ max-height: calc(var(--spacing) * 48);
1270
+ }
1271
+
1252
1272
  .max-h-60 {
1253
1273
  max-height: calc(var(--spacing) * 60);
1254
1274
  }
@@ -1277,6 +1297,10 @@ export {
1277
1297
  min-height: 200px;
1278
1298
  }
1279
1299
 
1300
+ .w-1\\.5 {
1301
+ width: calc(var(--spacing) * 1.5);
1302
+ }
1303
+
1280
1304
  .w-2 {
1281
1305
  width: calc(var(--spacing) * 2);
1282
1306
  }
@@ -1297,6 +1321,10 @@ export {
1297
1321
  width: calc(var(--spacing) * 5);
1298
1322
  }
1299
1323
 
1324
+ .w-7 {
1325
+ width: calc(var(--spacing) * 7);
1326
+ }
1327
+
1300
1328
  .w-8 {
1301
1329
  width: calc(var(--spacing) * 8);
1302
1330
  }
@@ -1357,6 +1385,10 @@ export {
1357
1385
  min-width: calc(var(--spacing) * 0);
1358
1386
  }
1359
1387
 
1388
+ .min-w-\\[90px\\] {
1389
+ min-width: 90px;
1390
+ }
1391
+
1360
1392
  .min-w-\\[200px\\] {
1361
1393
  min-width: 200px;
1362
1394
  }
@@ -1660,6 +1692,16 @@ export {
1660
1692
  border-color: var(--color-primary);
1661
1693
  }
1662
1694
 
1695
+ .border-primary\\/40 {
1696
+ border-color: #f9b11f66;
1697
+ }
1698
+
1699
+ @supports (color: color-mix(in lab, red, red)) {
1700
+ .border-primary\\/40 {
1701
+ border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
1702
+ }
1703
+ }
1704
+
1663
1705
  .border-transparent {
1664
1706
  border-color: #0000;
1665
1707
  }
@@ -1798,6 +1840,16 @@ export {
1798
1840
  }
1799
1841
  }
1800
1842
 
1843
+ .bg-neon-green\\/20 {
1844
+ background-color: #84cc1633;
1845
+ }
1846
+
1847
+ @supports (color: color-mix(in lab, red, red)) {
1848
+ .bg-neon-green\\/20 {
1849
+ background-color: color-mix(in oklab, var(--color-neon-green) 20%, transparent);
1850
+ }
1851
+ }
1852
+
1801
1853
  .bg-primary {
1802
1854
  background-color: var(--color-primary);
1803
1855
  }
@@ -2008,6 +2060,10 @@ export {
2008
2060
  padding-right: calc(var(--spacing) * 6);
2009
2061
  }
2010
2062
 
2063
+ .pr-11 {
2064
+ padding-right: calc(var(--spacing) * 11);
2065
+ }
2066
+
2011
2067
  .pl-1\\.5 {
2012
2068
  padding-left: calc(var(--spacing) * 1.5);
2013
2069
  }
@@ -2024,6 +2080,14 @@ export {
2024
2080
  padding-left: calc(var(--spacing) * 8);
2025
2081
  }
2026
2082
 
2083
+ .pl-\\[22px\\] {
2084
+ padding-left: 22px;
2085
+ }
2086
+
2087
+ .pl-\\[98px\\] {
2088
+ padding-left: 98px;
2089
+ }
2090
+
2027
2091
  .text-center {
2028
2092
  text-align: center;
2029
2093
  }
@@ -2036,6 +2100,10 @@ export {
2036
2100
  text-align: right;
2037
2101
  }
2038
2102
 
2103
+ .align-middle {
2104
+ vertical-align: middle;
2105
+ }
2106
+
2039
2107
  .font-mono {
2040
2108
  font-family: var(--font-mono);
2041
2109
  }
@@ -2522,6 +2590,10 @@ export {
2522
2590
  color: var(--color-coral-red);
2523
2591
  }
2524
2592
 
2593
+ .hover\\:text-gray-200:hover {
2594
+ color: var(--color-gray-200);
2595
+ }
2596
+
2525
2597
  .hover\\:text-gray-300:hover {
2526
2598
  color: var(--color-gray-300);
2527
2599
  }
@@ -2573,6 +2645,18 @@ export {
2573
2645
  translate: var(--tw-translate-x) var(--tw-translate-y);
2574
2646
  }
2575
2647
 
2648
+ .focus\\:border-electric-blue:focus {
2649
+ border-color: var(--color-electric-blue);
2650
+ }
2651
+
2652
+ .focus\\:border-gray-500:focus {
2653
+ border-color: var(--color-gray-500);
2654
+ }
2655
+
2656
+ .focus\\:border-neon-green:focus {
2657
+ border-color: var(--color-neon-green);
2658
+ }
2659
+
2576
2660
  .focus\\:border-primary:focus {
2577
2661
  border-color: var(--color-primary);
2578
2662
  }
@@ -2590,6 +2674,14 @@ export {
2590
2674
  cursor: grabbing;
2591
2675
  }
2592
2676
 
2677
+ .disabled\\:cursor-not-allowed:disabled {
2678
+ cursor: not-allowed;
2679
+ }
2680
+
2681
+ .disabled\\:opacity-40:disabled {
2682
+ opacity: .4;
2683
+ }
2684
+
2593
2685
  @media (min-width: 40rem) {
2594
2686
  .sm\\:grid-cols-2 {
2595
2687
  grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -359,6 +359,10 @@ export {
359
359
  top: 50%;
360
360
  }
361
361
 
362
+ .right-2 {
363
+ right: calc(var(--spacing) * 2);
364
+ }
365
+
362
366
  .left-2 {
363
367
  left: calc(var(--spacing) * 2);
364
368
  }
@@ -367,6 +371,10 @@ export {
367
371
  z-index: 50;
368
372
  }
369
373
 
374
+ .col-span-2 {
375
+ grid-column: span 2 / span 2;
376
+ }
377
+
370
378
  .-mx-1 {
371
379
  margin-inline: calc(var(--spacing) * -1);
372
380
  }
@@ -487,6 +495,10 @@ export {
487
495
  height: calc(var(--spacing) * 4);
488
496
  }
489
497
 
498
+ .h-5 {
499
+ height: calc(var(--spacing) * 5);
500
+ }
501
+
490
502
  .h-7 {
491
503
  height: calc(var(--spacing) * 7);
492
504
  }
@@ -519,10 +531,18 @@ export {
519
531
  height: 100%;
520
532
  }
521
533
 
534
+ .max-h-36 {
535
+ max-height: calc(var(--spacing) * 36);
536
+ }
537
+
522
538
  .max-h-40 {
523
539
  max-height: calc(var(--spacing) * 40);
524
540
  }
525
541
 
542
+ .max-h-48 {
543
+ max-height: calc(var(--spacing) * 48);
544
+ }
545
+
526
546
  .max-h-60 {
527
547
  max-height: calc(var(--spacing) * 60);
528
548
  }
@@ -551,6 +571,10 @@ export {
551
571
  min-height: 200px;
552
572
  }
553
573
 
574
+ .w-1\\.5 {
575
+ width: calc(var(--spacing) * 1.5);
576
+ }
577
+
554
578
  .w-2 {
555
579
  width: calc(var(--spacing) * 2);
556
580
  }
@@ -571,6 +595,10 @@ export {
571
595
  width: calc(var(--spacing) * 5);
572
596
  }
573
597
 
598
+ .w-7 {
599
+ width: calc(var(--spacing) * 7);
600
+ }
601
+
574
602
  .w-8 {
575
603
  width: calc(var(--spacing) * 8);
576
604
  }
@@ -631,6 +659,10 @@ export {
631
659
  min-width: calc(var(--spacing) * 0);
632
660
  }
633
661
 
662
+ .min-w-\\[90px\\] {
663
+ min-width: 90px;
664
+ }
665
+
634
666
  .min-w-\\[200px\\] {
635
667
  min-width: 200px;
636
668
  }
@@ -934,6 +966,16 @@ export {
934
966
  border-color: var(--color-primary);
935
967
  }
936
968
 
969
+ .border-primary\\/40 {
970
+ border-color: #f9b11f66;
971
+ }
972
+
973
+ @supports (color: color-mix(in lab, red, red)) {
974
+ .border-primary\\/40 {
975
+ border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
976
+ }
977
+ }
978
+
937
979
  .border-transparent {
938
980
  border-color: #0000;
939
981
  }
@@ -1072,6 +1114,16 @@ export {
1072
1114
  }
1073
1115
  }
1074
1116
 
1117
+ .bg-neon-green\\/20 {
1118
+ background-color: #84cc1633;
1119
+ }
1120
+
1121
+ @supports (color: color-mix(in lab, red, red)) {
1122
+ .bg-neon-green\\/20 {
1123
+ background-color: color-mix(in oklab, var(--color-neon-green) 20%, transparent);
1124
+ }
1125
+ }
1126
+
1075
1127
  .bg-primary {
1076
1128
  background-color: var(--color-primary);
1077
1129
  }
@@ -1282,6 +1334,10 @@ export {
1282
1334
  padding-right: calc(var(--spacing) * 6);
1283
1335
  }
1284
1336
 
1337
+ .pr-11 {
1338
+ padding-right: calc(var(--spacing) * 11);
1339
+ }
1340
+
1285
1341
  .pl-1\\.5 {
1286
1342
  padding-left: calc(var(--spacing) * 1.5);
1287
1343
  }
@@ -1298,6 +1354,14 @@ export {
1298
1354
  padding-left: calc(var(--spacing) * 8);
1299
1355
  }
1300
1356
 
1357
+ .pl-\\[22px\\] {
1358
+ padding-left: 22px;
1359
+ }
1360
+
1361
+ .pl-\\[98px\\] {
1362
+ padding-left: 98px;
1363
+ }
1364
+
1301
1365
  .text-center {
1302
1366
  text-align: center;
1303
1367
  }
@@ -1310,6 +1374,10 @@ export {
1310
1374
  text-align: right;
1311
1375
  }
1312
1376
 
1377
+ .align-middle {
1378
+ vertical-align: middle;
1379
+ }
1380
+
1313
1381
  .font-mono {
1314
1382
  font-family: var(--font-mono);
1315
1383
  }
@@ -1796,6 +1864,10 @@ export {
1796
1864
  color: var(--color-coral-red);
1797
1865
  }
1798
1866
 
1867
+ .hover\\:text-gray-200:hover {
1868
+ color: var(--color-gray-200);
1869
+ }
1870
+
1799
1871
  .hover\\:text-gray-300:hover {
1800
1872
  color: var(--color-gray-300);
1801
1873
  }
@@ -1847,6 +1919,18 @@ export {
1847
1919
  translate: var(--tw-translate-x) var(--tw-translate-y);
1848
1920
  }
1849
1921
 
1922
+ .focus\\:border-electric-blue:focus {
1923
+ border-color: var(--color-electric-blue);
1924
+ }
1925
+
1926
+ .focus\\:border-gray-500:focus {
1927
+ border-color: var(--color-gray-500);
1928
+ }
1929
+
1930
+ .focus\\:border-neon-green:focus {
1931
+ border-color: var(--color-neon-green);
1932
+ }
1933
+
1850
1934
  .focus\\:border-primary:focus {
1851
1935
  border-color: var(--color-primary);
1852
1936
  }
@@ -1864,6 +1948,14 @@ export {
1864
1948
  cursor: grabbing;
1865
1949
  }
1866
1950
 
1951
+ .disabled\\:cursor-not-allowed:disabled {
1952
+ cursor: not-allowed;
1953
+ }
1954
+
1955
+ .disabled\\:opacity-40:disabled {
1956
+ opacity: .4;
1957
+ }
1958
+
1867
1959
  @media (min-width: 40rem) {
1868
1960
  .sm\\:grid-cols-2 {
1869
1961
  grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -493,6 +493,10 @@ export {
493
493
  top: 50%;
494
494
  }
495
495
 
496
+ .right-2 {
497
+ right: calc(var(--spacing) * 2);
498
+ }
499
+
496
500
  .left-2 {
497
501
  left: calc(var(--spacing) * 2);
498
502
  }
@@ -501,6 +505,10 @@ export {
501
505
  z-index: 50;
502
506
  }
503
507
 
508
+ .col-span-2 {
509
+ grid-column: span 2 / span 2;
510
+ }
511
+
504
512
  .-mx-1 {
505
513
  margin-inline: calc(var(--spacing) * -1);
506
514
  }
@@ -621,6 +629,10 @@ export {
621
629
  height: calc(var(--spacing) * 4);
622
630
  }
623
631
 
632
+ .h-5 {
633
+ height: calc(var(--spacing) * 5);
634
+ }
635
+
624
636
  .h-7 {
625
637
  height: calc(var(--spacing) * 7);
626
638
  }
@@ -653,10 +665,18 @@ export {
653
665
  height: 100%;
654
666
  }
655
667
 
668
+ .max-h-36 {
669
+ max-height: calc(var(--spacing) * 36);
670
+ }
671
+
656
672
  .max-h-40 {
657
673
  max-height: calc(var(--spacing) * 40);
658
674
  }
659
675
 
676
+ .max-h-48 {
677
+ max-height: calc(var(--spacing) * 48);
678
+ }
679
+
660
680
  .max-h-60 {
661
681
  max-height: calc(var(--spacing) * 60);
662
682
  }
@@ -685,6 +705,10 @@ export {
685
705
  min-height: 200px;
686
706
  }
687
707
 
708
+ .w-1\\.5 {
709
+ width: calc(var(--spacing) * 1.5);
710
+ }
711
+
688
712
  .w-2 {
689
713
  width: calc(var(--spacing) * 2);
690
714
  }
@@ -705,6 +729,10 @@ export {
705
729
  width: calc(var(--spacing) * 5);
706
730
  }
707
731
 
732
+ .w-7 {
733
+ width: calc(var(--spacing) * 7);
734
+ }
735
+
708
736
  .w-8 {
709
737
  width: calc(var(--spacing) * 8);
710
738
  }
@@ -765,6 +793,10 @@ export {
765
793
  min-width: calc(var(--spacing) * 0);
766
794
  }
767
795
 
796
+ .min-w-\\[90px\\] {
797
+ min-width: 90px;
798
+ }
799
+
768
800
  .min-w-\\[200px\\] {
769
801
  min-width: 200px;
770
802
  }
@@ -1068,6 +1100,16 @@ export {
1068
1100
  border-color: var(--color-primary);
1069
1101
  }
1070
1102
 
1103
+ .border-primary\\/40 {
1104
+ border-color: #f9b11f66;
1105
+ }
1106
+
1107
+ @supports (color: color-mix(in lab, red, red)) {
1108
+ .border-primary\\/40 {
1109
+ border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
1110
+ }
1111
+ }
1112
+
1071
1113
  .border-transparent {
1072
1114
  border-color: #0000;
1073
1115
  }
@@ -1206,6 +1248,16 @@ export {
1206
1248
  }
1207
1249
  }
1208
1250
 
1251
+ .bg-neon-green\\/20 {
1252
+ background-color: #84cc1633;
1253
+ }
1254
+
1255
+ @supports (color: color-mix(in lab, red, red)) {
1256
+ .bg-neon-green\\/20 {
1257
+ background-color: color-mix(in oklab, var(--color-neon-green) 20%, transparent);
1258
+ }
1259
+ }
1260
+
1209
1261
  .bg-primary {
1210
1262
  background-color: var(--color-primary);
1211
1263
  }
@@ -1416,6 +1468,10 @@ export {
1416
1468
  padding-right: calc(var(--spacing) * 6);
1417
1469
  }
1418
1470
 
1471
+ .pr-11 {
1472
+ padding-right: calc(var(--spacing) * 11);
1473
+ }
1474
+
1419
1475
  .pl-1\\.5 {
1420
1476
  padding-left: calc(var(--spacing) * 1.5);
1421
1477
  }
@@ -1432,6 +1488,14 @@ export {
1432
1488
  padding-left: calc(var(--spacing) * 8);
1433
1489
  }
1434
1490
 
1491
+ .pl-\\[22px\\] {
1492
+ padding-left: 22px;
1493
+ }
1494
+
1495
+ .pl-\\[98px\\] {
1496
+ padding-left: 98px;
1497
+ }
1498
+
1435
1499
  .text-center {
1436
1500
  text-align: center;
1437
1501
  }
@@ -1444,6 +1508,10 @@ export {
1444
1508
  text-align: right;
1445
1509
  }
1446
1510
 
1511
+ .align-middle {
1512
+ vertical-align: middle;
1513
+ }
1514
+
1447
1515
  .font-mono {
1448
1516
  font-family: var(--font-mono);
1449
1517
  }
@@ -1930,6 +1998,10 @@ export {
1930
1998
  color: var(--color-coral-red);
1931
1999
  }
1932
2000
 
2001
+ .hover\\:text-gray-200:hover {
2002
+ color: var(--color-gray-200);
2003
+ }
2004
+
1933
2005
  .hover\\:text-gray-300:hover {
1934
2006
  color: var(--color-gray-300);
1935
2007
  }
@@ -1981,6 +2053,18 @@ export {
1981
2053
  translate: var(--tw-translate-x) var(--tw-translate-y);
1982
2054
  }
1983
2055
 
2056
+ .focus\\:border-electric-blue:focus {
2057
+ border-color: var(--color-electric-blue);
2058
+ }
2059
+
2060
+ .focus\\:border-gray-500:focus {
2061
+ border-color: var(--color-gray-500);
2062
+ }
2063
+
2064
+ .focus\\:border-neon-green:focus {
2065
+ border-color: var(--color-neon-green);
2066
+ }
2067
+
1984
2068
  .focus\\:border-primary:focus {
1985
2069
  border-color: var(--color-primary);
1986
2070
  }
@@ -1998,6 +2082,14 @@ export {
1998
2082
  cursor: grabbing;
1999
2083
  }
2000
2084
 
2085
+ .disabled\\:cursor-not-allowed:disabled {
2086
+ cursor: not-allowed;
2087
+ }
2088
+
2089
+ .disabled\\:opacity-40:disabled {
2090
+ opacity: .4;
2091
+ }
2092
+
2001
2093
  @media (min-width: 40rem) {
2002
2094
  .sm\\:grid-cols-2 {
2003
2095
  grid-template-columns: repeat(2, minmax(0, 1fr));