@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.
@@ -562,6 +562,10 @@ export {
562
562
  position: relative;
563
563
  }
564
564
 
565
+ .sticky {
566
+ position: sticky;
567
+ }
568
+
565
569
  .inset-0 {
566
570
  inset: calc(var(--spacing) * 0);
567
571
  }
@@ -574,6 +578,10 @@ export {
574
578
  inset-inline-end: var(--spacing);
575
579
  }
576
580
 
581
+ .top-0 {
582
+ top: calc(var(--spacing) * 0);
583
+ }
584
+
577
585
  .top-1\\/2 {
578
586
  top: 50%;
579
587
  }
@@ -586,6 +594,10 @@ export {
586
594
  left: calc(var(--spacing) * 2);
587
595
  }
588
596
 
597
+ .z-10 {
598
+ z-index: 10;
599
+ }
600
+
589
601
  .z-50 {
590
602
  z-index: 50;
591
603
  }
@@ -594,6 +606,40 @@ export {
594
606
  grid-column: span 2 / span 2;
595
607
  }
596
608
 
609
+ .container {
610
+ width: 100%;
611
+ }
612
+
613
+ @media (min-width: 40rem) {
614
+ .container {
615
+ max-width: 40rem;
616
+ }
617
+ }
618
+
619
+ @media (min-width: 48rem) {
620
+ .container {
621
+ max-width: 48rem;
622
+ }
623
+ }
624
+
625
+ @media (min-width: 64rem) {
626
+ .container {
627
+ max-width: 64rem;
628
+ }
629
+ }
630
+
631
+ @media (min-width: 80rem) {
632
+ .container {
633
+ max-width: 80rem;
634
+ }
635
+ }
636
+
637
+ @media (min-width: 96rem) {
638
+ .container {
639
+ max-width: 96rem;
640
+ }
641
+ }
642
+
597
643
  .-mx-1 {
598
644
  margin-inline: calc(var(--spacing) * -1);
599
645
  }
@@ -618,6 +664,10 @@ export {
618
664
  margin-top: calc(var(--spacing) * 3);
619
665
  }
620
666
 
667
+ .mt-4 {
668
+ margin-top: calc(var(--spacing) * 4);
669
+ }
670
+
621
671
  .mr-1 {
622
672
  margin-right: calc(var(--spacing) * 1);
623
673
  }
@@ -646,6 +696,10 @@ export {
646
696
  margin-bottom: calc(var(--spacing) * 3);
647
697
  }
648
698
 
699
+ .mb-5 {
700
+ margin-bottom: calc(var(--spacing) * 5);
701
+ }
702
+
649
703
  .ml-0\\.5 {
650
704
  margin-left: calc(var(--spacing) * .5);
651
705
  }
@@ -734,6 +788,10 @@ export {
734
788
  height: calc(var(--spacing) * 10);
735
789
  }
736
790
 
791
+ .h-11 {
792
+ height: calc(var(--spacing) * 11);
793
+ }
794
+
737
795
  .h-12 {
738
796
  height: calc(var(--spacing) * 12);
739
797
  }
@@ -750,6 +808,10 @@ export {
750
808
  height: 100%;
751
809
  }
752
810
 
811
+ .max-h-28 {
812
+ max-height: calc(var(--spacing) * 28);
813
+ }
814
+
753
815
  .max-h-36 {
754
816
  max-height: calc(var(--spacing) * 36);
755
817
  }
@@ -770,6 +832,10 @@ export {
770
832
  max-height: 200px;
771
833
  }
772
834
 
835
+ .max-h-\\[420px\\] {
836
+ max-height: 420px;
837
+ }
838
+
773
839
  .max-h-full {
774
840
  max-height: 100%;
775
841
  }
@@ -790,6 +856,22 @@ export {
790
856
  min-height: 200px;
791
857
  }
792
858
 
859
+ .min-h-\\[260px\\] {
860
+ min-height: 260px;
861
+ }
862
+
863
+ .min-h-\\[320px\\] {
864
+ min-height: 320px;
865
+ }
866
+
867
+ .min-h-full {
868
+ min-height: 100%;
869
+ }
870
+
871
+ .w-1 {
872
+ width: calc(var(--spacing) * 1);
873
+ }
874
+
793
875
  .w-1\\.5 {
794
876
  width: calc(var(--spacing) * 1.5);
795
877
  }
@@ -854,6 +936,10 @@ export {
854
936
  width: calc(var(--spacing) * 32);
855
937
  }
856
938
 
939
+ .w-56 {
940
+ width: calc(var(--spacing) * 56);
941
+ }
942
+
857
943
  .w-72 {
858
944
  width: calc(var(--spacing) * 72);
859
945
  }
@@ -862,6 +948,10 @@ export {
862
948
  width: 100%;
863
949
  }
864
950
 
951
+ .max-w-60 {
952
+ max-width: calc(var(--spacing) * 60);
953
+ }
954
+
865
955
  .max-w-70 {
866
956
  max-width: calc(var(--spacing) * 70);
867
957
  }
@@ -878,6 +968,10 @@ export {
878
968
  min-width: calc(var(--spacing) * 0);
879
969
  }
880
970
 
971
+ .min-w-36 {
972
+ min-width: calc(var(--spacing) * 36);
973
+ }
974
+
881
975
  .min-w-\\[90px\\] {
882
976
  min-width: 90px;
883
977
  }
@@ -894,6 +988,10 @@ export {
894
988
  flex-shrink: 0;
895
989
  }
896
990
 
991
+ .table-fixed {
992
+ table-layout: fixed;
993
+ }
994
+
897
995
  .border-collapse {
898
996
  border-collapse: collapse;
899
997
  }
@@ -913,6 +1011,10 @@ export {
913
1011
  translate: var(--tw-translate-x) var(--tw-translate-y);
914
1012
  }
915
1013
 
1014
+ .scale-\\[0\\.98\\] {
1015
+ scale: .98;
1016
+ }
1017
+
916
1018
  .transform {
917
1019
  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
918
1020
  }
@@ -933,6 +1035,10 @@ export {
933
1035
  cursor: pointer;
934
1036
  }
935
1037
 
1038
+ .touch-none {
1039
+ touch-action: none;
1040
+ }
1041
+
936
1042
  .resize {
937
1043
  resize: both;
938
1044
  }
@@ -941,6 +1047,10 @@ export {
941
1047
  resize: none;
942
1048
  }
943
1049
 
1050
+ .resize-y {
1051
+ resize: vertical;
1052
+ }
1053
+
944
1054
  .appearance-none {
945
1055
  appearance: none;
946
1056
  }
@@ -981,6 +1091,10 @@ export {
981
1091
  align-items: center;
982
1092
  }
983
1093
 
1094
+ .items-stretch {
1095
+ align-items: stretch;
1096
+ }
1097
+
984
1098
  .justify-between {
985
1099
  justify-content: space-between;
986
1100
  }
@@ -1045,6 +1159,12 @@ export {
1045
1159
  margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
1046
1160
  }
1047
1161
 
1162
+ :where(.space-y-4 > :not(:last-child)) {
1163
+ --tw-space-y-reverse: 0;
1164
+ margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
1165
+ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
1166
+ }
1167
+
1048
1168
  .gap-x-6 {
1049
1169
  column-gap: calc(var(--spacing) * 6);
1050
1170
  }
@@ -1067,6 +1187,10 @@ export {
1067
1187
  overflow: hidden;
1068
1188
  }
1069
1189
 
1190
+ .overflow-x-auto {
1191
+ overflow-x: auto;
1192
+ }
1193
+
1070
1194
  .overflow-y-auto {
1071
1195
  overflow-y: auto;
1072
1196
  }
@@ -1106,6 +1230,11 @@ export {
1106
1230
  border-width: 4px;
1107
1231
  }
1108
1232
 
1233
+ .border-t-2 {
1234
+ border-top-style: var(--tw-border-style);
1235
+ border-top-width: 2px;
1236
+ }
1237
+
1109
1238
  .border-r {
1110
1239
  border-right-style: var(--tw-border-style);
1111
1240
  border-right-width: 1px;
@@ -1135,10 +1264,30 @@ export {
1135
1264
  border-color: var(--color-black);
1136
1265
  }
1137
1266
 
1267
+ .border-black\\/30 {
1268
+ border-color: #0000004d;
1269
+ }
1270
+
1271
+ @supports (color: color-mix(in lab, red, red)) {
1272
+ .border-black\\/30 {
1273
+ border-color: color-mix(in oklab, var(--color-black) 30%, transparent);
1274
+ }
1275
+ }
1276
+
1138
1277
  .border-coral-red {
1139
1278
  border-color: var(--color-coral-red);
1140
1279
  }
1141
1280
 
1281
+ .border-coral-red\\/30 {
1282
+ border-color: #ff6b6b4d;
1283
+ }
1284
+
1285
+ @supports (color: color-mix(in lab, red, red)) {
1286
+ .border-coral-red\\/30 {
1287
+ border-color: color-mix(in oklab, var(--color-coral-red) 30%, transparent);
1288
+ }
1289
+ }
1290
+
1142
1291
  .border-coral-red\\/40 {
1143
1292
  border-color: #ff6b6b66;
1144
1293
  }
@@ -1149,6 +1298,16 @@ export {
1149
1298
  }
1150
1299
  }
1151
1300
 
1301
+ .border-electric-blue\\/30 {
1302
+ border-color: #3b82f64d;
1303
+ }
1304
+
1305
+ @supports (color: color-mix(in lab, red, red)) {
1306
+ .border-electric-blue\\/30 {
1307
+ border-color: color-mix(in oklab, var(--color-electric-blue) 30%, transparent);
1308
+ }
1309
+ }
1310
+
1152
1311
  .border-electric-blue\\/40 {
1153
1312
  border-color: #3b82f666;
1154
1313
  }
@@ -1167,10 +1326,30 @@ export {
1167
1326
  border-color: var(--color-gray-700);
1168
1327
  }
1169
1328
 
1329
+ .border-hot-pink\\/30 {
1330
+ border-color: #ec48994d;
1331
+ }
1332
+
1333
+ @supports (color: color-mix(in lab, red, red)) {
1334
+ .border-hot-pink\\/30 {
1335
+ border-color: color-mix(in oklab, var(--color-hot-pink) 30%, transparent);
1336
+ }
1337
+ }
1338
+
1170
1339
  .border-neon-green {
1171
1340
  border-color: var(--color-neon-green);
1172
1341
  }
1173
1342
 
1343
+ .border-neon-green\\/30 {
1344
+ border-color: #84cc164d;
1345
+ }
1346
+
1347
+ @supports (color: color-mix(in lab, red, red)) {
1348
+ .border-neon-green\\/30 {
1349
+ border-color: color-mix(in oklab, var(--color-neon-green) 30%, transparent);
1350
+ }
1351
+ }
1352
+
1174
1353
  .border-neon-green\\/40 {
1175
1354
  border-color: #84cc1666;
1176
1355
  }
@@ -1185,6 +1364,16 @@ export {
1185
1364
  border-color: var(--color-primary);
1186
1365
  }
1187
1366
 
1367
+ .border-primary\\/30 {
1368
+ border-color: #f9b11f4d;
1369
+ }
1370
+
1371
+ @supports (color: color-mix(in lab, red, red)) {
1372
+ .border-primary\\/30 {
1373
+ border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
1374
+ }
1375
+ }
1376
+
1188
1377
  .border-primary\\/40 {
1189
1378
  border-color: #f9b11f66;
1190
1379
  }
@@ -1199,6 +1388,16 @@ export {
1199
1388
  border-color: #0000;
1200
1389
  }
1201
1390
 
1391
+ .border-vibrant-purple\\/30 {
1392
+ border-color: #a855f74d;
1393
+ }
1394
+
1395
+ @supports (color: color-mix(in lab, red, red)) {
1396
+ .border-vibrant-purple\\/30 {
1397
+ border-color: color-mix(in oklab, var(--color-vibrant-purple) 30%, transparent);
1398
+ }
1399
+ }
1400
+
1202
1401
  .border-white\\/5 {
1203
1402
  border-color: #ffffff0d;
1204
1403
  }
@@ -1295,6 +1494,16 @@ export {
1295
1494
  background-color: var(--color-electric-blue);
1296
1495
  }
1297
1496
 
1497
+ .bg-electric-blue\\/10 {
1498
+ background-color: #3b82f61a;
1499
+ }
1500
+
1501
+ @supports (color: color-mix(in lab, red, red)) {
1502
+ .bg-electric-blue\\/10 {
1503
+ background-color: color-mix(in oklab, var(--color-electric-blue) 10%, transparent);
1504
+ }
1505
+ }
1506
+
1298
1507
  .bg-electric-blue\\/20 {
1299
1508
  background-color: #3b82f633;
1300
1509
  }
@@ -1309,6 +1518,16 @@ export {
1309
1518
  background-color: var(--color-hot-pink);
1310
1519
  }
1311
1520
 
1521
+ .bg-hot-pink\\/10 {
1522
+ background-color: #ec48991a;
1523
+ }
1524
+
1525
+ @supports (color: color-mix(in lab, red, red)) {
1526
+ .bg-hot-pink\\/10 {
1527
+ background-color: color-mix(in oklab, var(--color-hot-pink) 10%, transparent);
1528
+ }
1529
+ }
1530
+
1312
1531
  .bg-neon-green {
1313
1532
  background-color: var(--color-neon-green);
1314
1533
  }
@@ -1377,6 +1596,16 @@ export {
1377
1596
  }
1378
1597
  }
1379
1598
 
1599
+ .bg-primary\\/30 {
1600
+ background-color: #f9b11f4d;
1601
+ }
1602
+
1603
+ @supports (color: color-mix(in lab, red, red)) {
1604
+ .bg-primary\\/30 {
1605
+ background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
1606
+ }
1607
+ }
1608
+
1380
1609
  .bg-transparent {
1381
1610
  background-color: #0000;
1382
1611
  }
@@ -1385,6 +1614,16 @@ export {
1385
1614
  background-color: var(--color-vibrant-purple);
1386
1615
  }
1387
1616
 
1617
+ .bg-vibrant-purple\\/10 {
1618
+ background-color: #a855f71a;
1619
+ }
1620
+
1621
+ @supports (color: color-mix(in lab, red, red)) {
1622
+ .bg-vibrant-purple\\/10 {
1623
+ background-color: color-mix(in oklab, var(--color-vibrant-purple) 10%, transparent);
1624
+ }
1625
+ }
1626
+
1388
1627
  .bg-white {
1389
1628
  background-color: var(--color-white);
1390
1629
  }
@@ -1461,6 +1700,10 @@ export {
1461
1700
  padding: calc(var(--spacing) * 3);
1462
1701
  }
1463
1702
 
1703
+ .p-3\\.5 {
1704
+ padding: calc(var(--spacing) * 3.5);
1705
+ }
1706
+
1464
1707
  .p-4 {
1465
1708
  padding: calc(var(--spacing) * 4);
1466
1709
  }
@@ -1525,6 +1768,10 @@ export {
1525
1768
  padding-block: calc(var(--spacing) * 3);
1526
1769
  }
1527
1770
 
1771
+ .py-4 {
1772
+ padding-block: calc(var(--spacing) * 4);
1773
+ }
1774
+
1528
1775
  .py-6 {
1529
1776
  padding-block: calc(var(--spacing) * 6);
1530
1777
  }
@@ -1533,6 +1780,10 @@ export {
1533
1780
  padding-block: calc(var(--spacing) * 8);
1534
1781
  }
1535
1782
 
1783
+ .pt-3 {
1784
+ padding-top: calc(var(--spacing) * 3);
1785
+ }
1786
+
1536
1787
  .pr-1 {
1537
1788
  padding-right: calc(var(--spacing) * 1);
1538
1789
  }
@@ -1557,6 +1808,14 @@ export {
1557
1808
  padding-right: calc(var(--spacing) * 11);
1558
1809
  }
1559
1810
 
1811
+ .pb-1 {
1812
+ padding-bottom: calc(var(--spacing) * 1);
1813
+ }
1814
+
1815
+ .pb-2 {
1816
+ padding-bottom: calc(var(--spacing) * 2);
1817
+ }
1818
+
1560
1819
  .pl-1\\.5 {
1561
1820
  padding-left: calc(var(--spacing) * 1.5);
1562
1821
  }
@@ -1597,6 +1856,10 @@ export {
1597
1856
  vertical-align: middle;
1598
1857
  }
1599
1858
 
1859
+ .align-top {
1860
+ vertical-align: top;
1861
+ }
1862
+
1600
1863
  .font-mono {
1601
1864
  font-family: var(--font-mono);
1602
1865
  }
@@ -1658,6 +1921,11 @@ export {
1658
1921
  line-height: calc(var(--spacing) * 6);
1659
1922
  }
1660
1923
 
1924
+ .leading-7 {
1925
+ --tw-leading: calc(var(--spacing) * 7);
1926
+ line-height: calc(var(--spacing) * 7);
1927
+ }
1928
+
1661
1929
  .leading-none {
1662
1930
  --tw-leading: 1;
1663
1931
  line-height: 1;
@@ -1688,6 +1956,10 @@ export {
1688
1956
  letter-spacing: var(--tracking-widest);
1689
1957
  }
1690
1958
 
1959
+ .\\[overflow-wrap\\:anywhere\\] {
1960
+ overflow-wrap: anywhere;
1961
+ }
1962
+
1691
1963
  .break-all {
1692
1964
  word-break: break-all;
1693
1965
  }
@@ -1884,6 +2156,10 @@ export {
1884
2156
  opacity: .7;
1885
2157
  }
1886
2158
 
2159
+ .opacity-100 {
2160
+ opacity: 1;
2161
+ }
2162
+
1887
2163
  .shadow-hard {
1888
2164
  --tw-shadow: 4px 4px 0 0 var(--tw-shadow-color, #000);
1889
2165
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2127,6 +2403,11 @@ export {
2127
2403
  translate: var(--tw-translate-x) var(--tw-translate-y);
2128
2404
  }
2129
2405
 
2406
+ .focus\\:translate-x-\\[2px\\]:focus {
2407
+ --tw-translate-x: 2px;
2408
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2409
+ }
2410
+
2130
2411
  .focus\\:translate-x-\\[4px\\]:focus {
2131
2412
  --tw-translate-x: 4px;
2132
2413
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2137,6 +2418,11 @@ export {
2137
2418
  translate: var(--tw-translate-x) var(--tw-translate-y);
2138
2419
  }
2139
2420
 
2421
+ .focus\\:translate-y-\\[2px\\]:focus {
2422
+ --tw-translate-y: 2px;
2423
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2424
+ }
2425
+
2140
2426
  .focus\\:translate-y-\\[4px\\]:focus {
2141
2427
  --tw-translate-y: 4px;
2142
2428
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2213,6 +2499,10 @@ export {
2213
2499
  .xl\\:grid-cols-3 {
2214
2500
  grid-template-columns: repeat(3, minmax(0, 1fr));
2215
2501
  }
2502
+
2503
+ .xl\\:grid-cols-\\[minmax\\(0\\,1fr\\)_minmax\\(0\\,1fr\\)_320px\\] {
2504
+ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 320px;
2505
+ }
2216
2506
  }
2217
2507
  }
2218
2508