@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.
@@ -343,6 +343,10 @@ export {
343
343
  position: relative;
344
344
  }
345
345
 
346
+ .sticky {
347
+ position: sticky;
348
+ }
349
+
346
350
  .inset-0 {
347
351
  inset: calc(var(--spacing) * 0);
348
352
  }
@@ -355,6 +359,10 @@ export {
355
359
  inset-inline-end: var(--spacing);
356
360
  }
357
361
 
362
+ .top-0 {
363
+ top: calc(var(--spacing) * 0);
364
+ }
365
+
358
366
  .top-1\\/2 {
359
367
  top: 50%;
360
368
  }
@@ -367,6 +375,10 @@ export {
367
375
  left: calc(var(--spacing) * 2);
368
376
  }
369
377
 
378
+ .z-10 {
379
+ z-index: 10;
380
+ }
381
+
370
382
  .z-50 {
371
383
  z-index: 50;
372
384
  }
@@ -375,6 +387,40 @@ export {
375
387
  grid-column: span 2 / span 2;
376
388
  }
377
389
 
390
+ .container {
391
+ width: 100%;
392
+ }
393
+
394
+ @media (min-width: 40rem) {
395
+ .container {
396
+ max-width: 40rem;
397
+ }
398
+ }
399
+
400
+ @media (min-width: 48rem) {
401
+ .container {
402
+ max-width: 48rem;
403
+ }
404
+ }
405
+
406
+ @media (min-width: 64rem) {
407
+ .container {
408
+ max-width: 64rem;
409
+ }
410
+ }
411
+
412
+ @media (min-width: 80rem) {
413
+ .container {
414
+ max-width: 80rem;
415
+ }
416
+ }
417
+
418
+ @media (min-width: 96rem) {
419
+ .container {
420
+ max-width: 96rem;
421
+ }
422
+ }
423
+
378
424
  .-mx-1 {
379
425
  margin-inline: calc(var(--spacing) * -1);
380
426
  }
@@ -399,6 +445,10 @@ export {
399
445
  margin-top: calc(var(--spacing) * 3);
400
446
  }
401
447
 
448
+ .mt-4 {
449
+ margin-top: calc(var(--spacing) * 4);
450
+ }
451
+
402
452
  .mr-1 {
403
453
  margin-right: calc(var(--spacing) * 1);
404
454
  }
@@ -427,6 +477,10 @@ export {
427
477
  margin-bottom: calc(var(--spacing) * 3);
428
478
  }
429
479
 
480
+ .mb-5 {
481
+ margin-bottom: calc(var(--spacing) * 5);
482
+ }
483
+
430
484
  .ml-0\\.5 {
431
485
  margin-left: calc(var(--spacing) * .5);
432
486
  }
@@ -515,6 +569,10 @@ export {
515
569
  height: calc(var(--spacing) * 10);
516
570
  }
517
571
 
572
+ .h-11 {
573
+ height: calc(var(--spacing) * 11);
574
+ }
575
+
518
576
  .h-12 {
519
577
  height: calc(var(--spacing) * 12);
520
578
  }
@@ -531,6 +589,10 @@ export {
531
589
  height: 100%;
532
590
  }
533
591
 
592
+ .max-h-28 {
593
+ max-height: calc(var(--spacing) * 28);
594
+ }
595
+
534
596
  .max-h-36 {
535
597
  max-height: calc(var(--spacing) * 36);
536
598
  }
@@ -551,6 +613,10 @@ export {
551
613
  max-height: 200px;
552
614
  }
553
615
 
616
+ .max-h-\\[420px\\] {
617
+ max-height: 420px;
618
+ }
619
+
554
620
  .max-h-full {
555
621
  max-height: 100%;
556
622
  }
@@ -571,6 +637,22 @@ export {
571
637
  min-height: 200px;
572
638
  }
573
639
 
640
+ .min-h-\\[260px\\] {
641
+ min-height: 260px;
642
+ }
643
+
644
+ .min-h-\\[320px\\] {
645
+ min-height: 320px;
646
+ }
647
+
648
+ .min-h-full {
649
+ min-height: 100%;
650
+ }
651
+
652
+ .w-1 {
653
+ width: calc(var(--spacing) * 1);
654
+ }
655
+
574
656
  .w-1\\.5 {
575
657
  width: calc(var(--spacing) * 1.5);
576
658
  }
@@ -635,6 +717,10 @@ export {
635
717
  width: calc(var(--spacing) * 32);
636
718
  }
637
719
 
720
+ .w-56 {
721
+ width: calc(var(--spacing) * 56);
722
+ }
723
+
638
724
  .w-72 {
639
725
  width: calc(var(--spacing) * 72);
640
726
  }
@@ -643,6 +729,10 @@ export {
643
729
  width: 100%;
644
730
  }
645
731
 
732
+ .max-w-60 {
733
+ max-width: calc(var(--spacing) * 60);
734
+ }
735
+
646
736
  .max-w-70 {
647
737
  max-width: calc(var(--spacing) * 70);
648
738
  }
@@ -659,6 +749,10 @@ export {
659
749
  min-width: calc(var(--spacing) * 0);
660
750
  }
661
751
 
752
+ .min-w-36 {
753
+ min-width: calc(var(--spacing) * 36);
754
+ }
755
+
662
756
  .min-w-\\[90px\\] {
663
757
  min-width: 90px;
664
758
  }
@@ -675,6 +769,10 @@ export {
675
769
  flex-shrink: 0;
676
770
  }
677
771
 
772
+ .table-fixed {
773
+ table-layout: fixed;
774
+ }
775
+
678
776
  .border-collapse {
679
777
  border-collapse: collapse;
680
778
  }
@@ -694,6 +792,10 @@ export {
694
792
  translate: var(--tw-translate-x) var(--tw-translate-y);
695
793
  }
696
794
 
795
+ .scale-\\[0\\.98\\] {
796
+ scale: .98;
797
+ }
798
+
697
799
  .transform {
698
800
  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
699
801
  }
@@ -714,6 +816,10 @@ export {
714
816
  cursor: pointer;
715
817
  }
716
818
 
819
+ .touch-none {
820
+ touch-action: none;
821
+ }
822
+
717
823
  .resize {
718
824
  resize: both;
719
825
  }
@@ -722,6 +828,10 @@ export {
722
828
  resize: none;
723
829
  }
724
830
 
831
+ .resize-y {
832
+ resize: vertical;
833
+ }
834
+
725
835
  .appearance-none {
726
836
  appearance: none;
727
837
  }
@@ -762,6 +872,10 @@ export {
762
872
  align-items: center;
763
873
  }
764
874
 
875
+ .items-stretch {
876
+ align-items: stretch;
877
+ }
878
+
765
879
  .justify-between {
766
880
  justify-content: space-between;
767
881
  }
@@ -826,6 +940,12 @@ export {
826
940
  margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
827
941
  }
828
942
 
943
+ :where(.space-y-4 > :not(:last-child)) {
944
+ --tw-space-y-reverse: 0;
945
+ margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
946
+ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
947
+ }
948
+
829
949
  .gap-x-6 {
830
950
  column-gap: calc(var(--spacing) * 6);
831
951
  }
@@ -848,6 +968,10 @@ export {
848
968
  overflow: hidden;
849
969
  }
850
970
 
971
+ .overflow-x-auto {
972
+ overflow-x: auto;
973
+ }
974
+
851
975
  .overflow-y-auto {
852
976
  overflow-y: auto;
853
977
  }
@@ -887,6 +1011,11 @@ export {
887
1011
  border-width: 4px;
888
1012
  }
889
1013
 
1014
+ .border-t-2 {
1015
+ border-top-style: var(--tw-border-style);
1016
+ border-top-width: 2px;
1017
+ }
1018
+
890
1019
  .border-r {
891
1020
  border-right-style: var(--tw-border-style);
892
1021
  border-right-width: 1px;
@@ -916,10 +1045,30 @@ export {
916
1045
  border-color: var(--color-black);
917
1046
  }
918
1047
 
1048
+ .border-black\\/30 {
1049
+ border-color: #0000004d;
1050
+ }
1051
+
1052
+ @supports (color: color-mix(in lab, red, red)) {
1053
+ .border-black\\/30 {
1054
+ border-color: color-mix(in oklab, var(--color-black) 30%, transparent);
1055
+ }
1056
+ }
1057
+
919
1058
  .border-coral-red {
920
1059
  border-color: var(--color-coral-red);
921
1060
  }
922
1061
 
1062
+ .border-coral-red\\/30 {
1063
+ border-color: #ff6b6b4d;
1064
+ }
1065
+
1066
+ @supports (color: color-mix(in lab, red, red)) {
1067
+ .border-coral-red\\/30 {
1068
+ border-color: color-mix(in oklab, var(--color-coral-red) 30%, transparent);
1069
+ }
1070
+ }
1071
+
923
1072
  .border-coral-red\\/40 {
924
1073
  border-color: #ff6b6b66;
925
1074
  }
@@ -930,6 +1079,16 @@ export {
930
1079
  }
931
1080
  }
932
1081
 
1082
+ .border-electric-blue\\/30 {
1083
+ border-color: #3b82f64d;
1084
+ }
1085
+
1086
+ @supports (color: color-mix(in lab, red, red)) {
1087
+ .border-electric-blue\\/30 {
1088
+ border-color: color-mix(in oklab, var(--color-electric-blue) 30%, transparent);
1089
+ }
1090
+ }
1091
+
933
1092
  .border-electric-blue\\/40 {
934
1093
  border-color: #3b82f666;
935
1094
  }
@@ -948,10 +1107,30 @@ export {
948
1107
  border-color: var(--color-gray-700);
949
1108
  }
950
1109
 
1110
+ .border-hot-pink\\/30 {
1111
+ border-color: #ec48994d;
1112
+ }
1113
+
1114
+ @supports (color: color-mix(in lab, red, red)) {
1115
+ .border-hot-pink\\/30 {
1116
+ border-color: color-mix(in oklab, var(--color-hot-pink) 30%, transparent);
1117
+ }
1118
+ }
1119
+
951
1120
  .border-neon-green {
952
1121
  border-color: var(--color-neon-green);
953
1122
  }
954
1123
 
1124
+ .border-neon-green\\/30 {
1125
+ border-color: #84cc164d;
1126
+ }
1127
+
1128
+ @supports (color: color-mix(in lab, red, red)) {
1129
+ .border-neon-green\\/30 {
1130
+ border-color: color-mix(in oklab, var(--color-neon-green) 30%, transparent);
1131
+ }
1132
+ }
1133
+
955
1134
  .border-neon-green\\/40 {
956
1135
  border-color: #84cc1666;
957
1136
  }
@@ -966,6 +1145,16 @@ export {
966
1145
  border-color: var(--color-primary);
967
1146
  }
968
1147
 
1148
+ .border-primary\\/30 {
1149
+ border-color: #f9b11f4d;
1150
+ }
1151
+
1152
+ @supports (color: color-mix(in lab, red, red)) {
1153
+ .border-primary\\/30 {
1154
+ border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
1155
+ }
1156
+ }
1157
+
969
1158
  .border-primary\\/40 {
970
1159
  border-color: #f9b11f66;
971
1160
  }
@@ -980,6 +1169,16 @@ export {
980
1169
  border-color: #0000;
981
1170
  }
982
1171
 
1172
+ .border-vibrant-purple\\/30 {
1173
+ border-color: #a855f74d;
1174
+ }
1175
+
1176
+ @supports (color: color-mix(in lab, red, red)) {
1177
+ .border-vibrant-purple\\/30 {
1178
+ border-color: color-mix(in oklab, var(--color-vibrant-purple) 30%, transparent);
1179
+ }
1180
+ }
1181
+
983
1182
  .border-white\\/5 {
984
1183
  border-color: #ffffff0d;
985
1184
  }
@@ -1076,6 +1275,16 @@ export {
1076
1275
  background-color: var(--color-electric-blue);
1077
1276
  }
1078
1277
 
1278
+ .bg-electric-blue\\/10 {
1279
+ background-color: #3b82f61a;
1280
+ }
1281
+
1282
+ @supports (color: color-mix(in lab, red, red)) {
1283
+ .bg-electric-blue\\/10 {
1284
+ background-color: color-mix(in oklab, var(--color-electric-blue) 10%, transparent);
1285
+ }
1286
+ }
1287
+
1079
1288
  .bg-electric-blue\\/20 {
1080
1289
  background-color: #3b82f633;
1081
1290
  }
@@ -1090,6 +1299,16 @@ export {
1090
1299
  background-color: var(--color-hot-pink);
1091
1300
  }
1092
1301
 
1302
+ .bg-hot-pink\\/10 {
1303
+ background-color: #ec48991a;
1304
+ }
1305
+
1306
+ @supports (color: color-mix(in lab, red, red)) {
1307
+ .bg-hot-pink\\/10 {
1308
+ background-color: color-mix(in oklab, var(--color-hot-pink) 10%, transparent);
1309
+ }
1310
+ }
1311
+
1093
1312
  .bg-neon-green {
1094
1313
  background-color: var(--color-neon-green);
1095
1314
  }
@@ -1158,6 +1377,16 @@ export {
1158
1377
  }
1159
1378
  }
1160
1379
 
1380
+ .bg-primary\\/30 {
1381
+ background-color: #f9b11f4d;
1382
+ }
1383
+
1384
+ @supports (color: color-mix(in lab, red, red)) {
1385
+ .bg-primary\\/30 {
1386
+ background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
1387
+ }
1388
+ }
1389
+
1161
1390
  .bg-transparent {
1162
1391
  background-color: #0000;
1163
1392
  }
@@ -1166,6 +1395,16 @@ export {
1166
1395
  background-color: var(--color-vibrant-purple);
1167
1396
  }
1168
1397
 
1398
+ .bg-vibrant-purple\\/10 {
1399
+ background-color: #a855f71a;
1400
+ }
1401
+
1402
+ @supports (color: color-mix(in lab, red, red)) {
1403
+ .bg-vibrant-purple\\/10 {
1404
+ background-color: color-mix(in oklab, var(--color-vibrant-purple) 10%, transparent);
1405
+ }
1406
+ }
1407
+
1169
1408
  .bg-white {
1170
1409
  background-color: var(--color-white);
1171
1410
  }
@@ -1242,6 +1481,10 @@ export {
1242
1481
  padding: calc(var(--spacing) * 3);
1243
1482
  }
1244
1483
 
1484
+ .p-3\\.5 {
1485
+ padding: calc(var(--spacing) * 3.5);
1486
+ }
1487
+
1245
1488
  .p-4 {
1246
1489
  padding: calc(var(--spacing) * 4);
1247
1490
  }
@@ -1306,6 +1549,10 @@ export {
1306
1549
  padding-block: calc(var(--spacing) * 3);
1307
1550
  }
1308
1551
 
1552
+ .py-4 {
1553
+ padding-block: calc(var(--spacing) * 4);
1554
+ }
1555
+
1309
1556
  .py-6 {
1310
1557
  padding-block: calc(var(--spacing) * 6);
1311
1558
  }
@@ -1314,6 +1561,10 @@ export {
1314
1561
  padding-block: calc(var(--spacing) * 8);
1315
1562
  }
1316
1563
 
1564
+ .pt-3 {
1565
+ padding-top: calc(var(--spacing) * 3);
1566
+ }
1567
+
1317
1568
  .pr-1 {
1318
1569
  padding-right: calc(var(--spacing) * 1);
1319
1570
  }
@@ -1338,6 +1589,14 @@ export {
1338
1589
  padding-right: calc(var(--spacing) * 11);
1339
1590
  }
1340
1591
 
1592
+ .pb-1 {
1593
+ padding-bottom: calc(var(--spacing) * 1);
1594
+ }
1595
+
1596
+ .pb-2 {
1597
+ padding-bottom: calc(var(--spacing) * 2);
1598
+ }
1599
+
1341
1600
  .pl-1\\.5 {
1342
1601
  padding-left: calc(var(--spacing) * 1.5);
1343
1602
  }
@@ -1378,6 +1637,10 @@ export {
1378
1637
  vertical-align: middle;
1379
1638
  }
1380
1639
 
1640
+ .align-top {
1641
+ vertical-align: top;
1642
+ }
1643
+
1381
1644
  .font-mono {
1382
1645
  font-family: var(--font-mono);
1383
1646
  }
@@ -1439,6 +1702,11 @@ export {
1439
1702
  line-height: calc(var(--spacing) * 6);
1440
1703
  }
1441
1704
 
1705
+ .leading-7 {
1706
+ --tw-leading: calc(var(--spacing) * 7);
1707
+ line-height: calc(var(--spacing) * 7);
1708
+ }
1709
+
1442
1710
  .leading-none {
1443
1711
  --tw-leading: 1;
1444
1712
  line-height: 1;
@@ -1469,6 +1737,10 @@ export {
1469
1737
  letter-spacing: var(--tracking-widest);
1470
1738
  }
1471
1739
 
1740
+ .\\[overflow-wrap\\:anywhere\\] {
1741
+ overflow-wrap: anywhere;
1742
+ }
1743
+
1472
1744
  .break-all {
1473
1745
  word-break: break-all;
1474
1746
  }
@@ -1665,6 +1937,10 @@ export {
1665
1937
  opacity: .7;
1666
1938
  }
1667
1939
 
1940
+ .opacity-100 {
1941
+ opacity: 1;
1942
+ }
1943
+
1668
1944
  .shadow-hard {
1669
1945
  --tw-shadow: 4px 4px 0 0 var(--tw-shadow-color, #000);
1670
1946
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1908,6 +2184,11 @@ export {
1908
2184
  translate: var(--tw-translate-x) var(--tw-translate-y);
1909
2185
  }
1910
2186
 
2187
+ .focus\\:translate-x-\\[2px\\]:focus {
2188
+ --tw-translate-x: 2px;
2189
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2190
+ }
2191
+
1911
2192
  .focus\\:translate-x-\\[4px\\]:focus {
1912
2193
  --tw-translate-x: 4px;
1913
2194
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1918,6 +2199,11 @@ export {
1918
2199
  translate: var(--tw-translate-x) var(--tw-translate-y);
1919
2200
  }
1920
2201
 
2202
+ .focus\\:translate-y-\\[2px\\]:focus {
2203
+ --tw-translate-y: 2px;
2204
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2205
+ }
2206
+
1921
2207
  .focus\\:translate-y-\\[4px\\]:focus {
1922
2208
  --tw-translate-y: 4px;
1923
2209
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1994,6 +2280,10 @@ export {
1994
2280
  .xl\\:grid-cols-3 {
1995
2281
  grid-template-columns: repeat(3, minmax(0, 1fr));
1996
2282
  }
2283
+
2284
+ .xl\\:grid-cols-\\[minmax\\(0\\,1fr\\)_minmax\\(0\\,1fr\\)_320px\\] {
2285
+ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 320px;
2286
+ }
1997
2287
  }
1998
2288
  }
1999
2289