@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.
@@ -1315,6 +1315,10 @@ export {
1315
1315
  position: relative;
1316
1316
  }
1317
1317
 
1318
+ .sticky {
1319
+ position: sticky;
1320
+ }
1321
+
1318
1322
  .inset-0 {
1319
1323
  inset: calc(var(--spacing) * 0);
1320
1324
  }
@@ -1327,6 +1331,10 @@ export {
1327
1331
  inset-inline-end: var(--spacing);
1328
1332
  }
1329
1333
 
1334
+ .top-0 {
1335
+ top: calc(var(--spacing) * 0);
1336
+ }
1337
+
1330
1338
  .top-1\\/2 {
1331
1339
  top: 50%;
1332
1340
  }
@@ -1339,6 +1347,10 @@ export {
1339
1347
  left: calc(var(--spacing) * 2);
1340
1348
  }
1341
1349
 
1350
+ .z-10 {
1351
+ z-index: 10;
1352
+ }
1353
+
1342
1354
  .z-50 {
1343
1355
  z-index: 50;
1344
1356
  }
@@ -1347,6 +1359,40 @@ export {
1347
1359
  grid-column: span 2 / span 2;
1348
1360
  }
1349
1361
 
1362
+ .container {
1363
+ width: 100%;
1364
+ }
1365
+
1366
+ @media (min-width: 40rem) {
1367
+ .container {
1368
+ max-width: 40rem;
1369
+ }
1370
+ }
1371
+
1372
+ @media (min-width: 48rem) {
1373
+ .container {
1374
+ max-width: 48rem;
1375
+ }
1376
+ }
1377
+
1378
+ @media (min-width: 64rem) {
1379
+ .container {
1380
+ max-width: 64rem;
1381
+ }
1382
+ }
1383
+
1384
+ @media (min-width: 80rem) {
1385
+ .container {
1386
+ max-width: 80rem;
1387
+ }
1388
+ }
1389
+
1390
+ @media (min-width: 96rem) {
1391
+ .container {
1392
+ max-width: 96rem;
1393
+ }
1394
+ }
1395
+
1350
1396
  .-mx-1 {
1351
1397
  margin-inline: calc(var(--spacing) * -1);
1352
1398
  }
@@ -1371,6 +1417,10 @@ export {
1371
1417
  margin-top: calc(var(--spacing) * 3);
1372
1418
  }
1373
1419
 
1420
+ .mt-4 {
1421
+ margin-top: calc(var(--spacing) * 4);
1422
+ }
1423
+
1374
1424
  .mr-1 {
1375
1425
  margin-right: calc(var(--spacing) * 1);
1376
1426
  }
@@ -1399,6 +1449,10 @@ export {
1399
1449
  margin-bottom: calc(var(--spacing) * 3);
1400
1450
  }
1401
1451
 
1452
+ .mb-5 {
1453
+ margin-bottom: calc(var(--spacing) * 5);
1454
+ }
1455
+
1402
1456
  .ml-0\\.5 {
1403
1457
  margin-left: calc(var(--spacing) * .5);
1404
1458
  }
@@ -1487,6 +1541,10 @@ export {
1487
1541
  height: calc(var(--spacing) * 10);
1488
1542
  }
1489
1543
 
1544
+ .h-11 {
1545
+ height: calc(var(--spacing) * 11);
1546
+ }
1547
+
1490
1548
  .h-12 {
1491
1549
  height: calc(var(--spacing) * 12);
1492
1550
  }
@@ -1503,6 +1561,10 @@ export {
1503
1561
  height: 100%;
1504
1562
  }
1505
1563
 
1564
+ .max-h-28 {
1565
+ max-height: calc(var(--spacing) * 28);
1566
+ }
1567
+
1506
1568
  .max-h-36 {
1507
1569
  max-height: calc(var(--spacing) * 36);
1508
1570
  }
@@ -1523,6 +1585,10 @@ export {
1523
1585
  max-height: 200px;
1524
1586
  }
1525
1587
 
1588
+ .max-h-\\[420px\\] {
1589
+ max-height: 420px;
1590
+ }
1591
+
1526
1592
  .max-h-full {
1527
1593
  max-height: 100%;
1528
1594
  }
@@ -1543,6 +1609,22 @@ export {
1543
1609
  min-height: 200px;
1544
1610
  }
1545
1611
 
1612
+ .min-h-\\[260px\\] {
1613
+ min-height: 260px;
1614
+ }
1615
+
1616
+ .min-h-\\[320px\\] {
1617
+ min-height: 320px;
1618
+ }
1619
+
1620
+ .min-h-full {
1621
+ min-height: 100%;
1622
+ }
1623
+
1624
+ .w-1 {
1625
+ width: calc(var(--spacing) * 1);
1626
+ }
1627
+
1546
1628
  .w-1\\.5 {
1547
1629
  width: calc(var(--spacing) * 1.5);
1548
1630
  }
@@ -1607,6 +1689,10 @@ export {
1607
1689
  width: calc(var(--spacing) * 32);
1608
1690
  }
1609
1691
 
1692
+ .w-56 {
1693
+ width: calc(var(--spacing) * 56);
1694
+ }
1695
+
1610
1696
  .w-72 {
1611
1697
  width: calc(var(--spacing) * 72);
1612
1698
  }
@@ -1615,6 +1701,10 @@ export {
1615
1701
  width: 100%;
1616
1702
  }
1617
1703
 
1704
+ .max-w-60 {
1705
+ max-width: calc(var(--spacing) * 60);
1706
+ }
1707
+
1618
1708
  .max-w-70 {
1619
1709
  max-width: calc(var(--spacing) * 70);
1620
1710
  }
@@ -1631,6 +1721,10 @@ export {
1631
1721
  min-width: calc(var(--spacing) * 0);
1632
1722
  }
1633
1723
 
1724
+ .min-w-36 {
1725
+ min-width: calc(var(--spacing) * 36);
1726
+ }
1727
+
1634
1728
  .min-w-\\[90px\\] {
1635
1729
  min-width: 90px;
1636
1730
  }
@@ -1647,6 +1741,10 @@ export {
1647
1741
  flex-shrink: 0;
1648
1742
  }
1649
1743
 
1744
+ .table-fixed {
1745
+ table-layout: fixed;
1746
+ }
1747
+
1650
1748
  .border-collapse {
1651
1749
  border-collapse: collapse;
1652
1750
  }
@@ -1666,6 +1764,10 @@ export {
1666
1764
  translate: var(--tw-translate-x) var(--tw-translate-y);
1667
1765
  }
1668
1766
 
1767
+ .scale-\\[0\\.98\\] {
1768
+ scale: .98;
1769
+ }
1770
+
1669
1771
  .transform {
1670
1772
  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
1671
1773
  }
@@ -1686,6 +1788,10 @@ export {
1686
1788
  cursor: pointer;
1687
1789
  }
1688
1790
 
1791
+ .touch-none {
1792
+ touch-action: none;
1793
+ }
1794
+
1689
1795
  .resize {
1690
1796
  resize: both;
1691
1797
  }
@@ -1694,6 +1800,10 @@ export {
1694
1800
  resize: none;
1695
1801
  }
1696
1802
 
1803
+ .resize-y {
1804
+ resize: vertical;
1805
+ }
1806
+
1697
1807
  .appearance-none {
1698
1808
  appearance: none;
1699
1809
  }
@@ -1734,6 +1844,10 @@ export {
1734
1844
  align-items: center;
1735
1845
  }
1736
1846
 
1847
+ .items-stretch {
1848
+ align-items: stretch;
1849
+ }
1850
+
1737
1851
  .justify-between {
1738
1852
  justify-content: space-between;
1739
1853
  }
@@ -1798,6 +1912,12 @@ export {
1798
1912
  margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
1799
1913
  }
1800
1914
 
1915
+ :where(.space-y-4 > :not(:last-child)) {
1916
+ --tw-space-y-reverse: 0;
1917
+ margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
1918
+ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
1919
+ }
1920
+
1801
1921
  .gap-x-6 {
1802
1922
  column-gap: calc(var(--spacing) * 6);
1803
1923
  }
@@ -1820,6 +1940,10 @@ export {
1820
1940
  overflow: hidden;
1821
1941
  }
1822
1942
 
1943
+ .overflow-x-auto {
1944
+ overflow-x: auto;
1945
+ }
1946
+
1823
1947
  .overflow-y-auto {
1824
1948
  overflow-y: auto;
1825
1949
  }
@@ -1859,6 +1983,11 @@ export {
1859
1983
  border-width: 4px;
1860
1984
  }
1861
1985
 
1986
+ .border-t-2 {
1987
+ border-top-style: var(--tw-border-style);
1988
+ border-top-width: 2px;
1989
+ }
1990
+
1862
1991
  .border-r {
1863
1992
  border-right-style: var(--tw-border-style);
1864
1993
  border-right-width: 1px;
@@ -1888,10 +2017,30 @@ export {
1888
2017
  border-color: var(--color-black);
1889
2018
  }
1890
2019
 
2020
+ .border-black\\/30 {
2021
+ border-color: #0000004d;
2022
+ }
2023
+
2024
+ @supports (color: color-mix(in lab, red, red)) {
2025
+ .border-black\\/30 {
2026
+ border-color: color-mix(in oklab, var(--color-black) 30%, transparent);
2027
+ }
2028
+ }
2029
+
1891
2030
  .border-coral-red {
1892
2031
  border-color: var(--color-coral-red);
1893
2032
  }
1894
2033
 
2034
+ .border-coral-red\\/30 {
2035
+ border-color: #ff6b6b4d;
2036
+ }
2037
+
2038
+ @supports (color: color-mix(in lab, red, red)) {
2039
+ .border-coral-red\\/30 {
2040
+ border-color: color-mix(in oklab, var(--color-coral-red) 30%, transparent);
2041
+ }
2042
+ }
2043
+
1895
2044
  .border-coral-red\\/40 {
1896
2045
  border-color: #ff6b6b66;
1897
2046
  }
@@ -1902,6 +2051,16 @@ export {
1902
2051
  }
1903
2052
  }
1904
2053
 
2054
+ .border-electric-blue\\/30 {
2055
+ border-color: #3b82f64d;
2056
+ }
2057
+
2058
+ @supports (color: color-mix(in lab, red, red)) {
2059
+ .border-electric-blue\\/30 {
2060
+ border-color: color-mix(in oklab, var(--color-electric-blue) 30%, transparent);
2061
+ }
2062
+ }
2063
+
1905
2064
  .border-electric-blue\\/40 {
1906
2065
  border-color: #3b82f666;
1907
2066
  }
@@ -1920,10 +2079,30 @@ export {
1920
2079
  border-color: var(--color-gray-700);
1921
2080
  }
1922
2081
 
2082
+ .border-hot-pink\\/30 {
2083
+ border-color: #ec48994d;
2084
+ }
2085
+
2086
+ @supports (color: color-mix(in lab, red, red)) {
2087
+ .border-hot-pink\\/30 {
2088
+ border-color: color-mix(in oklab, var(--color-hot-pink) 30%, transparent);
2089
+ }
2090
+ }
2091
+
1923
2092
  .border-neon-green {
1924
2093
  border-color: var(--color-neon-green);
1925
2094
  }
1926
2095
 
2096
+ .border-neon-green\\/30 {
2097
+ border-color: #84cc164d;
2098
+ }
2099
+
2100
+ @supports (color: color-mix(in lab, red, red)) {
2101
+ .border-neon-green\\/30 {
2102
+ border-color: color-mix(in oklab, var(--color-neon-green) 30%, transparent);
2103
+ }
2104
+ }
2105
+
1927
2106
  .border-neon-green\\/40 {
1928
2107
  border-color: #84cc1666;
1929
2108
  }
@@ -1938,6 +2117,16 @@ export {
1938
2117
  border-color: var(--color-primary);
1939
2118
  }
1940
2119
 
2120
+ .border-primary\\/30 {
2121
+ border-color: #f9b11f4d;
2122
+ }
2123
+
2124
+ @supports (color: color-mix(in lab, red, red)) {
2125
+ .border-primary\\/30 {
2126
+ border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
2127
+ }
2128
+ }
2129
+
1941
2130
  .border-primary\\/40 {
1942
2131
  border-color: #f9b11f66;
1943
2132
  }
@@ -1952,6 +2141,16 @@ export {
1952
2141
  border-color: #0000;
1953
2142
  }
1954
2143
 
2144
+ .border-vibrant-purple\\/30 {
2145
+ border-color: #a855f74d;
2146
+ }
2147
+
2148
+ @supports (color: color-mix(in lab, red, red)) {
2149
+ .border-vibrant-purple\\/30 {
2150
+ border-color: color-mix(in oklab, var(--color-vibrant-purple) 30%, transparent);
2151
+ }
2152
+ }
2153
+
1955
2154
  .border-white\\/5 {
1956
2155
  border-color: #ffffff0d;
1957
2156
  }
@@ -2048,6 +2247,16 @@ export {
2048
2247
  background-color: var(--color-electric-blue);
2049
2248
  }
2050
2249
 
2250
+ .bg-electric-blue\\/10 {
2251
+ background-color: #3b82f61a;
2252
+ }
2253
+
2254
+ @supports (color: color-mix(in lab, red, red)) {
2255
+ .bg-electric-blue\\/10 {
2256
+ background-color: color-mix(in oklab, var(--color-electric-blue) 10%, transparent);
2257
+ }
2258
+ }
2259
+
2051
2260
  .bg-electric-blue\\/20 {
2052
2261
  background-color: #3b82f633;
2053
2262
  }
@@ -2062,6 +2271,16 @@ export {
2062
2271
  background-color: var(--color-hot-pink);
2063
2272
  }
2064
2273
 
2274
+ .bg-hot-pink\\/10 {
2275
+ background-color: #ec48991a;
2276
+ }
2277
+
2278
+ @supports (color: color-mix(in lab, red, red)) {
2279
+ .bg-hot-pink\\/10 {
2280
+ background-color: color-mix(in oklab, var(--color-hot-pink) 10%, transparent);
2281
+ }
2282
+ }
2283
+
2065
2284
  .bg-neon-green {
2066
2285
  background-color: var(--color-neon-green);
2067
2286
  }
@@ -2130,6 +2349,16 @@ export {
2130
2349
  }
2131
2350
  }
2132
2351
 
2352
+ .bg-primary\\/30 {
2353
+ background-color: #f9b11f4d;
2354
+ }
2355
+
2356
+ @supports (color: color-mix(in lab, red, red)) {
2357
+ .bg-primary\\/30 {
2358
+ background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
2359
+ }
2360
+ }
2361
+
2133
2362
  .bg-transparent {
2134
2363
  background-color: #0000;
2135
2364
  }
@@ -2138,6 +2367,16 @@ export {
2138
2367
  background-color: var(--color-vibrant-purple);
2139
2368
  }
2140
2369
 
2370
+ .bg-vibrant-purple\\/10 {
2371
+ background-color: #a855f71a;
2372
+ }
2373
+
2374
+ @supports (color: color-mix(in lab, red, red)) {
2375
+ .bg-vibrant-purple\\/10 {
2376
+ background-color: color-mix(in oklab, var(--color-vibrant-purple) 10%, transparent);
2377
+ }
2378
+ }
2379
+
2141
2380
  .bg-white {
2142
2381
  background-color: var(--color-white);
2143
2382
  }
@@ -2214,6 +2453,10 @@ export {
2214
2453
  padding: calc(var(--spacing) * 3);
2215
2454
  }
2216
2455
 
2456
+ .p-3\\.5 {
2457
+ padding: calc(var(--spacing) * 3.5);
2458
+ }
2459
+
2217
2460
  .p-4 {
2218
2461
  padding: calc(var(--spacing) * 4);
2219
2462
  }
@@ -2278,6 +2521,10 @@ export {
2278
2521
  padding-block: calc(var(--spacing) * 3);
2279
2522
  }
2280
2523
 
2524
+ .py-4 {
2525
+ padding-block: calc(var(--spacing) * 4);
2526
+ }
2527
+
2281
2528
  .py-6 {
2282
2529
  padding-block: calc(var(--spacing) * 6);
2283
2530
  }
@@ -2286,6 +2533,10 @@ export {
2286
2533
  padding-block: calc(var(--spacing) * 8);
2287
2534
  }
2288
2535
 
2536
+ .pt-3 {
2537
+ padding-top: calc(var(--spacing) * 3);
2538
+ }
2539
+
2289
2540
  .pr-1 {
2290
2541
  padding-right: calc(var(--spacing) * 1);
2291
2542
  }
@@ -2310,6 +2561,14 @@ export {
2310
2561
  padding-right: calc(var(--spacing) * 11);
2311
2562
  }
2312
2563
 
2564
+ .pb-1 {
2565
+ padding-bottom: calc(var(--spacing) * 1);
2566
+ }
2567
+
2568
+ .pb-2 {
2569
+ padding-bottom: calc(var(--spacing) * 2);
2570
+ }
2571
+
2313
2572
  .pl-1\\.5 {
2314
2573
  padding-left: calc(var(--spacing) * 1.5);
2315
2574
  }
@@ -2350,6 +2609,10 @@ export {
2350
2609
  vertical-align: middle;
2351
2610
  }
2352
2611
 
2612
+ .align-top {
2613
+ vertical-align: top;
2614
+ }
2615
+
2353
2616
  .font-mono {
2354
2617
  font-family: var(--font-mono);
2355
2618
  }
@@ -2411,6 +2674,11 @@ export {
2411
2674
  line-height: calc(var(--spacing) * 6);
2412
2675
  }
2413
2676
 
2677
+ .leading-7 {
2678
+ --tw-leading: calc(var(--spacing) * 7);
2679
+ line-height: calc(var(--spacing) * 7);
2680
+ }
2681
+
2414
2682
  .leading-none {
2415
2683
  --tw-leading: 1;
2416
2684
  line-height: 1;
@@ -2441,6 +2709,10 @@ export {
2441
2709
  letter-spacing: var(--tracking-widest);
2442
2710
  }
2443
2711
 
2712
+ .\\[overflow-wrap\\:anywhere\\] {
2713
+ overflow-wrap: anywhere;
2714
+ }
2715
+
2444
2716
  .break-all {
2445
2717
  word-break: break-all;
2446
2718
  }
@@ -2637,6 +2909,10 @@ export {
2637
2909
  opacity: .7;
2638
2910
  }
2639
2911
 
2912
+ .opacity-100 {
2913
+ opacity: 1;
2914
+ }
2915
+
2640
2916
  .shadow-hard {
2641
2917
  --tw-shadow: 4px 4px 0 0 var(--tw-shadow-color, #000);
2642
2918
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2880,6 +3156,11 @@ export {
2880
3156
  translate: var(--tw-translate-x) var(--tw-translate-y);
2881
3157
  }
2882
3158
 
3159
+ .focus\\:translate-x-\\[2px\\]:focus {
3160
+ --tw-translate-x: 2px;
3161
+ translate: var(--tw-translate-x) var(--tw-translate-y);
3162
+ }
3163
+
2883
3164
  .focus\\:translate-x-\\[4px\\]:focus {
2884
3165
  --tw-translate-x: 4px;
2885
3166
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2890,6 +3171,11 @@ export {
2890
3171
  translate: var(--tw-translate-x) var(--tw-translate-y);
2891
3172
  }
2892
3173
 
3174
+ .focus\\:translate-y-\\[2px\\]:focus {
3175
+ --tw-translate-y: 2px;
3176
+ translate: var(--tw-translate-x) var(--tw-translate-y);
3177
+ }
3178
+
2893
3179
  .focus\\:translate-y-\\[4px\\]:focus {
2894
3180
  --tw-translate-y: 4px;
2895
3181
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2966,6 +3252,10 @@ export {
2966
3252
  .xl\\:grid-cols-3 {
2967
3253
  grid-template-columns: repeat(3, minmax(0, 1fr));
2968
3254
  }
3255
+
3256
+ .xl\\:grid-cols-\\[minmax\\(0\\,1fr\\)_minmax\\(0\\,1fr\\)_320px\\] {
3257
+ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 320px;
3258
+ }
2969
3259
  }
2970
3260
  }
2971
3261