@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.
@@ -380,6 +380,10 @@ export {
380
380
  position: relative;
381
381
  }
382
382
 
383
+ .sticky {
384
+ position: sticky;
385
+ }
386
+
383
387
  .inset-0 {
384
388
  inset: calc(var(--spacing) * 0);
385
389
  }
@@ -392,6 +396,10 @@ export {
392
396
  inset-inline-end: var(--spacing);
393
397
  }
394
398
 
399
+ .top-0 {
400
+ top: calc(var(--spacing) * 0);
401
+ }
402
+
395
403
  .top-1\\/2 {
396
404
  top: 50%;
397
405
  }
@@ -404,6 +412,10 @@ export {
404
412
  left: calc(var(--spacing) * 2);
405
413
  }
406
414
 
415
+ .z-10 {
416
+ z-index: 10;
417
+ }
418
+
407
419
  .z-50 {
408
420
  z-index: 50;
409
421
  }
@@ -412,6 +424,40 @@ export {
412
424
  grid-column: span 2 / span 2;
413
425
  }
414
426
 
427
+ .container {
428
+ width: 100%;
429
+ }
430
+
431
+ @media (min-width: 40rem) {
432
+ .container {
433
+ max-width: 40rem;
434
+ }
435
+ }
436
+
437
+ @media (min-width: 48rem) {
438
+ .container {
439
+ max-width: 48rem;
440
+ }
441
+ }
442
+
443
+ @media (min-width: 64rem) {
444
+ .container {
445
+ max-width: 64rem;
446
+ }
447
+ }
448
+
449
+ @media (min-width: 80rem) {
450
+ .container {
451
+ max-width: 80rem;
452
+ }
453
+ }
454
+
455
+ @media (min-width: 96rem) {
456
+ .container {
457
+ max-width: 96rem;
458
+ }
459
+ }
460
+
415
461
  .-mx-1 {
416
462
  margin-inline: calc(var(--spacing) * -1);
417
463
  }
@@ -436,6 +482,10 @@ export {
436
482
  margin-top: calc(var(--spacing) * 3);
437
483
  }
438
484
 
485
+ .mt-4 {
486
+ margin-top: calc(var(--spacing) * 4);
487
+ }
488
+
439
489
  .mr-1 {
440
490
  margin-right: calc(var(--spacing) * 1);
441
491
  }
@@ -464,6 +514,10 @@ export {
464
514
  margin-bottom: calc(var(--spacing) * 3);
465
515
  }
466
516
 
517
+ .mb-5 {
518
+ margin-bottom: calc(var(--spacing) * 5);
519
+ }
520
+
467
521
  .ml-0\\.5 {
468
522
  margin-left: calc(var(--spacing) * .5);
469
523
  }
@@ -552,6 +606,10 @@ export {
552
606
  height: calc(var(--spacing) * 10);
553
607
  }
554
608
 
609
+ .h-11 {
610
+ height: calc(var(--spacing) * 11);
611
+ }
612
+
555
613
  .h-12 {
556
614
  height: calc(var(--spacing) * 12);
557
615
  }
@@ -568,6 +626,10 @@ export {
568
626
  height: 100%;
569
627
  }
570
628
 
629
+ .max-h-28 {
630
+ max-height: calc(var(--spacing) * 28);
631
+ }
632
+
571
633
  .max-h-36 {
572
634
  max-height: calc(var(--spacing) * 36);
573
635
  }
@@ -588,6 +650,10 @@ export {
588
650
  max-height: 200px;
589
651
  }
590
652
 
653
+ .max-h-\\[420px\\] {
654
+ max-height: 420px;
655
+ }
656
+
591
657
  .max-h-full {
592
658
  max-height: 100%;
593
659
  }
@@ -608,6 +674,22 @@ export {
608
674
  min-height: 200px;
609
675
  }
610
676
 
677
+ .min-h-\\[260px\\] {
678
+ min-height: 260px;
679
+ }
680
+
681
+ .min-h-\\[320px\\] {
682
+ min-height: 320px;
683
+ }
684
+
685
+ .min-h-full {
686
+ min-height: 100%;
687
+ }
688
+
689
+ .w-1 {
690
+ width: calc(var(--spacing) * 1);
691
+ }
692
+
611
693
  .w-1\\.5 {
612
694
  width: calc(var(--spacing) * 1.5);
613
695
  }
@@ -672,6 +754,10 @@ export {
672
754
  width: calc(var(--spacing) * 32);
673
755
  }
674
756
 
757
+ .w-56 {
758
+ width: calc(var(--spacing) * 56);
759
+ }
760
+
675
761
  .w-72 {
676
762
  width: calc(var(--spacing) * 72);
677
763
  }
@@ -680,6 +766,10 @@ export {
680
766
  width: 100%;
681
767
  }
682
768
 
769
+ .max-w-60 {
770
+ max-width: calc(var(--spacing) * 60);
771
+ }
772
+
683
773
  .max-w-70 {
684
774
  max-width: calc(var(--spacing) * 70);
685
775
  }
@@ -696,6 +786,10 @@ export {
696
786
  min-width: calc(var(--spacing) * 0);
697
787
  }
698
788
 
789
+ .min-w-36 {
790
+ min-width: calc(var(--spacing) * 36);
791
+ }
792
+
699
793
  .min-w-\\[90px\\] {
700
794
  min-width: 90px;
701
795
  }
@@ -712,6 +806,10 @@ export {
712
806
  flex-shrink: 0;
713
807
  }
714
808
 
809
+ .table-fixed {
810
+ table-layout: fixed;
811
+ }
812
+
715
813
  .border-collapse {
716
814
  border-collapse: collapse;
717
815
  }
@@ -731,6 +829,10 @@ export {
731
829
  translate: var(--tw-translate-x) var(--tw-translate-y);
732
830
  }
733
831
 
832
+ .scale-\\[0\\.98\\] {
833
+ scale: .98;
834
+ }
835
+
734
836
  .transform {
735
837
  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
736
838
  }
@@ -751,6 +853,10 @@ export {
751
853
  cursor: pointer;
752
854
  }
753
855
 
856
+ .touch-none {
857
+ touch-action: none;
858
+ }
859
+
754
860
  .resize {
755
861
  resize: both;
756
862
  }
@@ -759,6 +865,10 @@ export {
759
865
  resize: none;
760
866
  }
761
867
 
868
+ .resize-y {
869
+ resize: vertical;
870
+ }
871
+
762
872
  .appearance-none {
763
873
  appearance: none;
764
874
  }
@@ -799,6 +909,10 @@ export {
799
909
  align-items: center;
800
910
  }
801
911
 
912
+ .items-stretch {
913
+ align-items: stretch;
914
+ }
915
+
802
916
  .justify-between {
803
917
  justify-content: space-between;
804
918
  }
@@ -863,6 +977,12 @@ export {
863
977
  margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
864
978
  }
865
979
 
980
+ :where(.space-y-4 > :not(:last-child)) {
981
+ --tw-space-y-reverse: 0;
982
+ margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
983
+ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
984
+ }
985
+
866
986
  .gap-x-6 {
867
987
  column-gap: calc(var(--spacing) * 6);
868
988
  }
@@ -885,6 +1005,10 @@ export {
885
1005
  overflow: hidden;
886
1006
  }
887
1007
 
1008
+ .overflow-x-auto {
1009
+ overflow-x: auto;
1010
+ }
1011
+
888
1012
  .overflow-y-auto {
889
1013
  overflow-y: auto;
890
1014
  }
@@ -924,6 +1048,11 @@ export {
924
1048
  border-width: 4px;
925
1049
  }
926
1050
 
1051
+ .border-t-2 {
1052
+ border-top-style: var(--tw-border-style);
1053
+ border-top-width: 2px;
1054
+ }
1055
+
927
1056
  .border-r {
928
1057
  border-right-style: var(--tw-border-style);
929
1058
  border-right-width: 1px;
@@ -953,10 +1082,30 @@ export {
953
1082
  border-color: var(--color-black);
954
1083
  }
955
1084
 
1085
+ .border-black\\/30 {
1086
+ border-color: #0000004d;
1087
+ }
1088
+
1089
+ @supports (color: color-mix(in lab, red, red)) {
1090
+ .border-black\\/30 {
1091
+ border-color: color-mix(in oklab, var(--color-black) 30%, transparent);
1092
+ }
1093
+ }
1094
+
956
1095
  .border-coral-red {
957
1096
  border-color: var(--color-coral-red);
958
1097
  }
959
1098
 
1099
+ .border-coral-red\\/30 {
1100
+ border-color: #ff6b6b4d;
1101
+ }
1102
+
1103
+ @supports (color: color-mix(in lab, red, red)) {
1104
+ .border-coral-red\\/30 {
1105
+ border-color: color-mix(in oklab, var(--color-coral-red) 30%, transparent);
1106
+ }
1107
+ }
1108
+
960
1109
  .border-coral-red\\/40 {
961
1110
  border-color: #ff6b6b66;
962
1111
  }
@@ -967,6 +1116,16 @@ export {
967
1116
  }
968
1117
  }
969
1118
 
1119
+ .border-electric-blue\\/30 {
1120
+ border-color: #3b82f64d;
1121
+ }
1122
+
1123
+ @supports (color: color-mix(in lab, red, red)) {
1124
+ .border-electric-blue\\/30 {
1125
+ border-color: color-mix(in oklab, var(--color-electric-blue) 30%, transparent);
1126
+ }
1127
+ }
1128
+
970
1129
  .border-electric-blue\\/40 {
971
1130
  border-color: #3b82f666;
972
1131
  }
@@ -985,10 +1144,30 @@ export {
985
1144
  border-color: var(--color-gray-700);
986
1145
  }
987
1146
 
1147
+ .border-hot-pink\\/30 {
1148
+ border-color: #ec48994d;
1149
+ }
1150
+
1151
+ @supports (color: color-mix(in lab, red, red)) {
1152
+ .border-hot-pink\\/30 {
1153
+ border-color: color-mix(in oklab, var(--color-hot-pink) 30%, transparent);
1154
+ }
1155
+ }
1156
+
988
1157
  .border-neon-green {
989
1158
  border-color: var(--color-neon-green);
990
1159
  }
991
1160
 
1161
+ .border-neon-green\\/30 {
1162
+ border-color: #84cc164d;
1163
+ }
1164
+
1165
+ @supports (color: color-mix(in lab, red, red)) {
1166
+ .border-neon-green\\/30 {
1167
+ border-color: color-mix(in oklab, var(--color-neon-green) 30%, transparent);
1168
+ }
1169
+ }
1170
+
992
1171
  .border-neon-green\\/40 {
993
1172
  border-color: #84cc1666;
994
1173
  }
@@ -1003,6 +1182,16 @@ export {
1003
1182
  border-color: var(--color-primary);
1004
1183
  }
1005
1184
 
1185
+ .border-primary\\/30 {
1186
+ border-color: #f9b11f4d;
1187
+ }
1188
+
1189
+ @supports (color: color-mix(in lab, red, red)) {
1190
+ .border-primary\\/30 {
1191
+ border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
1192
+ }
1193
+ }
1194
+
1006
1195
  .border-primary\\/40 {
1007
1196
  border-color: #f9b11f66;
1008
1197
  }
@@ -1017,6 +1206,16 @@ export {
1017
1206
  border-color: #0000;
1018
1207
  }
1019
1208
 
1209
+ .border-vibrant-purple\\/30 {
1210
+ border-color: #a855f74d;
1211
+ }
1212
+
1213
+ @supports (color: color-mix(in lab, red, red)) {
1214
+ .border-vibrant-purple\\/30 {
1215
+ border-color: color-mix(in oklab, var(--color-vibrant-purple) 30%, transparent);
1216
+ }
1217
+ }
1218
+
1020
1219
  .border-white\\/5 {
1021
1220
  border-color: #ffffff0d;
1022
1221
  }
@@ -1113,6 +1312,16 @@ export {
1113
1312
  background-color: var(--color-electric-blue);
1114
1313
  }
1115
1314
 
1315
+ .bg-electric-blue\\/10 {
1316
+ background-color: #3b82f61a;
1317
+ }
1318
+
1319
+ @supports (color: color-mix(in lab, red, red)) {
1320
+ .bg-electric-blue\\/10 {
1321
+ background-color: color-mix(in oklab, var(--color-electric-blue) 10%, transparent);
1322
+ }
1323
+ }
1324
+
1116
1325
  .bg-electric-blue\\/20 {
1117
1326
  background-color: #3b82f633;
1118
1327
  }
@@ -1127,6 +1336,16 @@ export {
1127
1336
  background-color: var(--color-hot-pink);
1128
1337
  }
1129
1338
 
1339
+ .bg-hot-pink\\/10 {
1340
+ background-color: #ec48991a;
1341
+ }
1342
+
1343
+ @supports (color: color-mix(in lab, red, red)) {
1344
+ .bg-hot-pink\\/10 {
1345
+ background-color: color-mix(in oklab, var(--color-hot-pink) 10%, transparent);
1346
+ }
1347
+ }
1348
+
1130
1349
  .bg-neon-green {
1131
1350
  background-color: var(--color-neon-green);
1132
1351
  }
@@ -1195,6 +1414,16 @@ export {
1195
1414
  }
1196
1415
  }
1197
1416
 
1417
+ .bg-primary\\/30 {
1418
+ background-color: #f9b11f4d;
1419
+ }
1420
+
1421
+ @supports (color: color-mix(in lab, red, red)) {
1422
+ .bg-primary\\/30 {
1423
+ background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
1424
+ }
1425
+ }
1426
+
1198
1427
  .bg-transparent {
1199
1428
  background-color: #0000;
1200
1429
  }
@@ -1203,6 +1432,16 @@ export {
1203
1432
  background-color: var(--color-vibrant-purple);
1204
1433
  }
1205
1434
 
1435
+ .bg-vibrant-purple\\/10 {
1436
+ background-color: #a855f71a;
1437
+ }
1438
+
1439
+ @supports (color: color-mix(in lab, red, red)) {
1440
+ .bg-vibrant-purple\\/10 {
1441
+ background-color: color-mix(in oklab, var(--color-vibrant-purple) 10%, transparent);
1442
+ }
1443
+ }
1444
+
1206
1445
  .bg-white {
1207
1446
  background-color: var(--color-white);
1208
1447
  }
@@ -1279,6 +1518,10 @@ export {
1279
1518
  padding: calc(var(--spacing) * 3);
1280
1519
  }
1281
1520
 
1521
+ .p-3\\.5 {
1522
+ padding: calc(var(--spacing) * 3.5);
1523
+ }
1524
+
1282
1525
  .p-4 {
1283
1526
  padding: calc(var(--spacing) * 4);
1284
1527
  }
@@ -1343,6 +1586,10 @@ export {
1343
1586
  padding-block: calc(var(--spacing) * 3);
1344
1587
  }
1345
1588
 
1589
+ .py-4 {
1590
+ padding-block: calc(var(--spacing) * 4);
1591
+ }
1592
+
1346
1593
  .py-6 {
1347
1594
  padding-block: calc(var(--spacing) * 6);
1348
1595
  }
@@ -1351,6 +1598,10 @@ export {
1351
1598
  padding-block: calc(var(--spacing) * 8);
1352
1599
  }
1353
1600
 
1601
+ .pt-3 {
1602
+ padding-top: calc(var(--spacing) * 3);
1603
+ }
1604
+
1354
1605
  .pr-1 {
1355
1606
  padding-right: calc(var(--spacing) * 1);
1356
1607
  }
@@ -1375,6 +1626,14 @@ export {
1375
1626
  padding-right: calc(var(--spacing) * 11);
1376
1627
  }
1377
1628
 
1629
+ .pb-1 {
1630
+ padding-bottom: calc(var(--spacing) * 1);
1631
+ }
1632
+
1633
+ .pb-2 {
1634
+ padding-bottom: calc(var(--spacing) * 2);
1635
+ }
1636
+
1378
1637
  .pl-1\\.5 {
1379
1638
  padding-left: calc(var(--spacing) * 1.5);
1380
1639
  }
@@ -1415,6 +1674,10 @@ export {
1415
1674
  vertical-align: middle;
1416
1675
  }
1417
1676
 
1677
+ .align-top {
1678
+ vertical-align: top;
1679
+ }
1680
+
1418
1681
  .font-mono {
1419
1682
  font-family: var(--font-mono);
1420
1683
  }
@@ -1476,6 +1739,11 @@ export {
1476
1739
  line-height: calc(var(--spacing) * 6);
1477
1740
  }
1478
1741
 
1742
+ .leading-7 {
1743
+ --tw-leading: calc(var(--spacing) * 7);
1744
+ line-height: calc(var(--spacing) * 7);
1745
+ }
1746
+
1479
1747
  .leading-none {
1480
1748
  --tw-leading: 1;
1481
1749
  line-height: 1;
@@ -1506,6 +1774,10 @@ export {
1506
1774
  letter-spacing: var(--tracking-widest);
1507
1775
  }
1508
1776
 
1777
+ .\\[overflow-wrap\\:anywhere\\] {
1778
+ overflow-wrap: anywhere;
1779
+ }
1780
+
1509
1781
  .break-all {
1510
1782
  word-break: break-all;
1511
1783
  }
@@ -1702,6 +1974,10 @@ export {
1702
1974
  opacity: .7;
1703
1975
  }
1704
1976
 
1977
+ .opacity-100 {
1978
+ opacity: 1;
1979
+ }
1980
+
1705
1981
  .shadow-hard {
1706
1982
  --tw-shadow: 4px 4px 0 0 var(--tw-shadow-color, #000);
1707
1983
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1945,6 +2221,11 @@ export {
1945
2221
  translate: var(--tw-translate-x) var(--tw-translate-y);
1946
2222
  }
1947
2223
 
2224
+ .focus\\:translate-x-\\[2px\\]:focus {
2225
+ --tw-translate-x: 2px;
2226
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2227
+ }
2228
+
1948
2229
  .focus\\:translate-x-\\[4px\\]:focus {
1949
2230
  --tw-translate-x: 4px;
1950
2231
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1955,6 +2236,11 @@ export {
1955
2236
  translate: var(--tw-translate-x) var(--tw-translate-y);
1956
2237
  }
1957
2238
 
2239
+ .focus\\:translate-y-\\[2px\\]:focus {
2240
+ --tw-translate-y: 2px;
2241
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2242
+ }
2243
+
1958
2244
  .focus\\:translate-y-\\[4px\\]:focus {
1959
2245
  --tw-translate-y: 4px;
1960
2246
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2031,6 +2317,10 @@ export {
2031
2317
  .xl\\:grid-cols-3 {
2032
2318
  grid-template-columns: repeat(3, minmax(0, 1fr));
2033
2319
  }
2320
+
2321
+ .xl\\:grid-cols-\\[minmax\\(0\\,1fr\\)_minmax\\(0\\,1fr\\)_320px\\] {
2322
+ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 320px;
2323
+ }
2034
2324
  }
2035
2325
  }
2036
2326