@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.
@@ -392,6 +392,10 @@ export {
392
392
  position: relative;
393
393
  }
394
394
 
395
+ .sticky {
396
+ position: sticky;
397
+ }
398
+
395
399
  .inset-0 {
396
400
  inset: calc(var(--spacing) * 0);
397
401
  }
@@ -404,6 +408,10 @@ export {
404
408
  inset-inline-end: var(--spacing);
405
409
  }
406
410
 
411
+ .top-0 {
412
+ top: calc(var(--spacing) * 0);
413
+ }
414
+
407
415
  .top-1\\/2 {
408
416
  top: 50%;
409
417
  }
@@ -416,6 +424,10 @@ export {
416
424
  left: calc(var(--spacing) * 2);
417
425
  }
418
426
 
427
+ .z-10 {
428
+ z-index: 10;
429
+ }
430
+
419
431
  .z-50 {
420
432
  z-index: 50;
421
433
  }
@@ -424,6 +436,40 @@ export {
424
436
  grid-column: span 2 / span 2;
425
437
  }
426
438
 
439
+ .container {
440
+ width: 100%;
441
+ }
442
+
443
+ @media (min-width: 40rem) {
444
+ .container {
445
+ max-width: 40rem;
446
+ }
447
+ }
448
+
449
+ @media (min-width: 48rem) {
450
+ .container {
451
+ max-width: 48rem;
452
+ }
453
+ }
454
+
455
+ @media (min-width: 64rem) {
456
+ .container {
457
+ max-width: 64rem;
458
+ }
459
+ }
460
+
461
+ @media (min-width: 80rem) {
462
+ .container {
463
+ max-width: 80rem;
464
+ }
465
+ }
466
+
467
+ @media (min-width: 96rem) {
468
+ .container {
469
+ max-width: 96rem;
470
+ }
471
+ }
472
+
427
473
  .-mx-1 {
428
474
  margin-inline: calc(var(--spacing) * -1);
429
475
  }
@@ -448,6 +494,10 @@ export {
448
494
  margin-top: calc(var(--spacing) * 3);
449
495
  }
450
496
 
497
+ .mt-4 {
498
+ margin-top: calc(var(--spacing) * 4);
499
+ }
500
+
451
501
  .mr-1 {
452
502
  margin-right: calc(var(--spacing) * 1);
453
503
  }
@@ -476,6 +526,10 @@ export {
476
526
  margin-bottom: calc(var(--spacing) * 3);
477
527
  }
478
528
 
529
+ .mb-5 {
530
+ margin-bottom: calc(var(--spacing) * 5);
531
+ }
532
+
479
533
  .ml-0\\.5 {
480
534
  margin-left: calc(var(--spacing) * .5);
481
535
  }
@@ -564,6 +618,10 @@ export {
564
618
  height: calc(var(--spacing) * 10);
565
619
  }
566
620
 
621
+ .h-11 {
622
+ height: calc(var(--spacing) * 11);
623
+ }
624
+
567
625
  .h-12 {
568
626
  height: calc(var(--spacing) * 12);
569
627
  }
@@ -580,6 +638,10 @@ export {
580
638
  height: 100%;
581
639
  }
582
640
 
641
+ .max-h-28 {
642
+ max-height: calc(var(--spacing) * 28);
643
+ }
644
+
583
645
  .max-h-36 {
584
646
  max-height: calc(var(--spacing) * 36);
585
647
  }
@@ -600,6 +662,10 @@ export {
600
662
  max-height: 200px;
601
663
  }
602
664
 
665
+ .max-h-\\[420px\\] {
666
+ max-height: 420px;
667
+ }
668
+
603
669
  .max-h-full {
604
670
  max-height: 100%;
605
671
  }
@@ -620,6 +686,22 @@ export {
620
686
  min-height: 200px;
621
687
  }
622
688
 
689
+ .min-h-\\[260px\\] {
690
+ min-height: 260px;
691
+ }
692
+
693
+ .min-h-\\[320px\\] {
694
+ min-height: 320px;
695
+ }
696
+
697
+ .min-h-full {
698
+ min-height: 100%;
699
+ }
700
+
701
+ .w-1 {
702
+ width: calc(var(--spacing) * 1);
703
+ }
704
+
623
705
  .w-1\\.5 {
624
706
  width: calc(var(--spacing) * 1.5);
625
707
  }
@@ -684,6 +766,10 @@ export {
684
766
  width: calc(var(--spacing) * 32);
685
767
  }
686
768
 
769
+ .w-56 {
770
+ width: calc(var(--spacing) * 56);
771
+ }
772
+
687
773
  .w-72 {
688
774
  width: calc(var(--spacing) * 72);
689
775
  }
@@ -692,6 +778,10 @@ export {
692
778
  width: 100%;
693
779
  }
694
780
 
781
+ .max-w-60 {
782
+ max-width: calc(var(--spacing) * 60);
783
+ }
784
+
695
785
  .max-w-70 {
696
786
  max-width: calc(var(--spacing) * 70);
697
787
  }
@@ -708,6 +798,10 @@ export {
708
798
  min-width: calc(var(--spacing) * 0);
709
799
  }
710
800
 
801
+ .min-w-36 {
802
+ min-width: calc(var(--spacing) * 36);
803
+ }
804
+
711
805
  .min-w-\\[90px\\] {
712
806
  min-width: 90px;
713
807
  }
@@ -724,6 +818,10 @@ export {
724
818
  flex-shrink: 0;
725
819
  }
726
820
 
821
+ .table-fixed {
822
+ table-layout: fixed;
823
+ }
824
+
727
825
  .border-collapse {
728
826
  border-collapse: collapse;
729
827
  }
@@ -743,6 +841,10 @@ export {
743
841
  translate: var(--tw-translate-x) var(--tw-translate-y);
744
842
  }
745
843
 
844
+ .scale-\\[0\\.98\\] {
845
+ scale: .98;
846
+ }
847
+
746
848
  .transform {
747
849
  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
748
850
  }
@@ -763,6 +865,10 @@ export {
763
865
  cursor: pointer;
764
866
  }
765
867
 
868
+ .touch-none {
869
+ touch-action: none;
870
+ }
871
+
766
872
  .resize {
767
873
  resize: both;
768
874
  }
@@ -771,6 +877,10 @@ export {
771
877
  resize: none;
772
878
  }
773
879
 
880
+ .resize-y {
881
+ resize: vertical;
882
+ }
883
+
774
884
  .appearance-none {
775
885
  appearance: none;
776
886
  }
@@ -811,6 +921,10 @@ export {
811
921
  align-items: center;
812
922
  }
813
923
 
924
+ .items-stretch {
925
+ align-items: stretch;
926
+ }
927
+
814
928
  .justify-between {
815
929
  justify-content: space-between;
816
930
  }
@@ -875,6 +989,12 @@ export {
875
989
  margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
876
990
  }
877
991
 
992
+ :where(.space-y-4 > :not(:last-child)) {
993
+ --tw-space-y-reverse: 0;
994
+ margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
995
+ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
996
+ }
997
+
878
998
  .gap-x-6 {
879
999
  column-gap: calc(var(--spacing) * 6);
880
1000
  }
@@ -897,6 +1017,10 @@ export {
897
1017
  overflow: hidden;
898
1018
  }
899
1019
 
1020
+ .overflow-x-auto {
1021
+ overflow-x: auto;
1022
+ }
1023
+
900
1024
  .overflow-y-auto {
901
1025
  overflow-y: auto;
902
1026
  }
@@ -936,6 +1060,11 @@ export {
936
1060
  border-width: 4px;
937
1061
  }
938
1062
 
1063
+ .border-t-2 {
1064
+ border-top-style: var(--tw-border-style);
1065
+ border-top-width: 2px;
1066
+ }
1067
+
939
1068
  .border-r {
940
1069
  border-right-style: var(--tw-border-style);
941
1070
  border-right-width: 1px;
@@ -965,10 +1094,30 @@ export {
965
1094
  border-color: var(--color-black);
966
1095
  }
967
1096
 
1097
+ .border-black\\/30 {
1098
+ border-color: #0000004d;
1099
+ }
1100
+
1101
+ @supports (color: color-mix(in lab, red, red)) {
1102
+ .border-black\\/30 {
1103
+ border-color: color-mix(in oklab, var(--color-black) 30%, transparent);
1104
+ }
1105
+ }
1106
+
968
1107
  .border-coral-red {
969
1108
  border-color: var(--color-coral-red);
970
1109
  }
971
1110
 
1111
+ .border-coral-red\\/30 {
1112
+ border-color: #ff6b6b4d;
1113
+ }
1114
+
1115
+ @supports (color: color-mix(in lab, red, red)) {
1116
+ .border-coral-red\\/30 {
1117
+ border-color: color-mix(in oklab, var(--color-coral-red) 30%, transparent);
1118
+ }
1119
+ }
1120
+
972
1121
  .border-coral-red\\/40 {
973
1122
  border-color: #ff6b6b66;
974
1123
  }
@@ -979,6 +1128,16 @@ export {
979
1128
  }
980
1129
  }
981
1130
 
1131
+ .border-electric-blue\\/30 {
1132
+ border-color: #3b82f64d;
1133
+ }
1134
+
1135
+ @supports (color: color-mix(in lab, red, red)) {
1136
+ .border-electric-blue\\/30 {
1137
+ border-color: color-mix(in oklab, var(--color-electric-blue) 30%, transparent);
1138
+ }
1139
+ }
1140
+
982
1141
  .border-electric-blue\\/40 {
983
1142
  border-color: #3b82f666;
984
1143
  }
@@ -997,10 +1156,30 @@ export {
997
1156
  border-color: var(--color-gray-700);
998
1157
  }
999
1158
 
1159
+ .border-hot-pink\\/30 {
1160
+ border-color: #ec48994d;
1161
+ }
1162
+
1163
+ @supports (color: color-mix(in lab, red, red)) {
1164
+ .border-hot-pink\\/30 {
1165
+ border-color: color-mix(in oklab, var(--color-hot-pink) 30%, transparent);
1166
+ }
1167
+ }
1168
+
1000
1169
  .border-neon-green {
1001
1170
  border-color: var(--color-neon-green);
1002
1171
  }
1003
1172
 
1173
+ .border-neon-green\\/30 {
1174
+ border-color: #84cc164d;
1175
+ }
1176
+
1177
+ @supports (color: color-mix(in lab, red, red)) {
1178
+ .border-neon-green\\/30 {
1179
+ border-color: color-mix(in oklab, var(--color-neon-green) 30%, transparent);
1180
+ }
1181
+ }
1182
+
1004
1183
  .border-neon-green\\/40 {
1005
1184
  border-color: #84cc1666;
1006
1185
  }
@@ -1015,6 +1194,16 @@ export {
1015
1194
  border-color: var(--color-primary);
1016
1195
  }
1017
1196
 
1197
+ .border-primary\\/30 {
1198
+ border-color: #f9b11f4d;
1199
+ }
1200
+
1201
+ @supports (color: color-mix(in lab, red, red)) {
1202
+ .border-primary\\/30 {
1203
+ border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
1204
+ }
1205
+ }
1206
+
1018
1207
  .border-primary\\/40 {
1019
1208
  border-color: #f9b11f66;
1020
1209
  }
@@ -1029,6 +1218,16 @@ export {
1029
1218
  border-color: #0000;
1030
1219
  }
1031
1220
 
1221
+ .border-vibrant-purple\\/30 {
1222
+ border-color: #a855f74d;
1223
+ }
1224
+
1225
+ @supports (color: color-mix(in lab, red, red)) {
1226
+ .border-vibrant-purple\\/30 {
1227
+ border-color: color-mix(in oklab, var(--color-vibrant-purple) 30%, transparent);
1228
+ }
1229
+ }
1230
+
1032
1231
  .border-white\\/5 {
1033
1232
  border-color: #ffffff0d;
1034
1233
  }
@@ -1125,6 +1324,16 @@ export {
1125
1324
  background-color: var(--color-electric-blue);
1126
1325
  }
1127
1326
 
1327
+ .bg-electric-blue\\/10 {
1328
+ background-color: #3b82f61a;
1329
+ }
1330
+
1331
+ @supports (color: color-mix(in lab, red, red)) {
1332
+ .bg-electric-blue\\/10 {
1333
+ background-color: color-mix(in oklab, var(--color-electric-blue) 10%, transparent);
1334
+ }
1335
+ }
1336
+
1128
1337
  .bg-electric-blue\\/20 {
1129
1338
  background-color: #3b82f633;
1130
1339
  }
@@ -1139,6 +1348,16 @@ export {
1139
1348
  background-color: var(--color-hot-pink);
1140
1349
  }
1141
1350
 
1351
+ .bg-hot-pink\\/10 {
1352
+ background-color: #ec48991a;
1353
+ }
1354
+
1355
+ @supports (color: color-mix(in lab, red, red)) {
1356
+ .bg-hot-pink\\/10 {
1357
+ background-color: color-mix(in oklab, var(--color-hot-pink) 10%, transparent);
1358
+ }
1359
+ }
1360
+
1142
1361
  .bg-neon-green {
1143
1362
  background-color: var(--color-neon-green);
1144
1363
  }
@@ -1207,6 +1426,16 @@ export {
1207
1426
  }
1208
1427
  }
1209
1428
 
1429
+ .bg-primary\\/30 {
1430
+ background-color: #f9b11f4d;
1431
+ }
1432
+
1433
+ @supports (color: color-mix(in lab, red, red)) {
1434
+ .bg-primary\\/30 {
1435
+ background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
1436
+ }
1437
+ }
1438
+
1210
1439
  .bg-transparent {
1211
1440
  background-color: #0000;
1212
1441
  }
@@ -1215,6 +1444,16 @@ export {
1215
1444
  background-color: var(--color-vibrant-purple);
1216
1445
  }
1217
1446
 
1447
+ .bg-vibrant-purple\\/10 {
1448
+ background-color: #a855f71a;
1449
+ }
1450
+
1451
+ @supports (color: color-mix(in lab, red, red)) {
1452
+ .bg-vibrant-purple\\/10 {
1453
+ background-color: color-mix(in oklab, var(--color-vibrant-purple) 10%, transparent);
1454
+ }
1455
+ }
1456
+
1218
1457
  .bg-white {
1219
1458
  background-color: var(--color-white);
1220
1459
  }
@@ -1291,6 +1530,10 @@ export {
1291
1530
  padding: calc(var(--spacing) * 3);
1292
1531
  }
1293
1532
 
1533
+ .p-3\\.5 {
1534
+ padding: calc(var(--spacing) * 3.5);
1535
+ }
1536
+
1294
1537
  .p-4 {
1295
1538
  padding: calc(var(--spacing) * 4);
1296
1539
  }
@@ -1355,6 +1598,10 @@ export {
1355
1598
  padding-block: calc(var(--spacing) * 3);
1356
1599
  }
1357
1600
 
1601
+ .py-4 {
1602
+ padding-block: calc(var(--spacing) * 4);
1603
+ }
1604
+
1358
1605
  .py-6 {
1359
1606
  padding-block: calc(var(--spacing) * 6);
1360
1607
  }
@@ -1363,6 +1610,10 @@ export {
1363
1610
  padding-block: calc(var(--spacing) * 8);
1364
1611
  }
1365
1612
 
1613
+ .pt-3 {
1614
+ padding-top: calc(var(--spacing) * 3);
1615
+ }
1616
+
1366
1617
  .pr-1 {
1367
1618
  padding-right: calc(var(--spacing) * 1);
1368
1619
  }
@@ -1387,6 +1638,14 @@ export {
1387
1638
  padding-right: calc(var(--spacing) * 11);
1388
1639
  }
1389
1640
 
1641
+ .pb-1 {
1642
+ padding-bottom: calc(var(--spacing) * 1);
1643
+ }
1644
+
1645
+ .pb-2 {
1646
+ padding-bottom: calc(var(--spacing) * 2);
1647
+ }
1648
+
1390
1649
  .pl-1\\.5 {
1391
1650
  padding-left: calc(var(--spacing) * 1.5);
1392
1651
  }
@@ -1427,6 +1686,10 @@ export {
1427
1686
  vertical-align: middle;
1428
1687
  }
1429
1688
 
1689
+ .align-top {
1690
+ vertical-align: top;
1691
+ }
1692
+
1430
1693
  .font-mono {
1431
1694
  font-family: var(--font-mono);
1432
1695
  }
@@ -1488,6 +1751,11 @@ export {
1488
1751
  line-height: calc(var(--spacing) * 6);
1489
1752
  }
1490
1753
 
1754
+ .leading-7 {
1755
+ --tw-leading: calc(var(--spacing) * 7);
1756
+ line-height: calc(var(--spacing) * 7);
1757
+ }
1758
+
1491
1759
  .leading-none {
1492
1760
  --tw-leading: 1;
1493
1761
  line-height: 1;
@@ -1518,6 +1786,10 @@ export {
1518
1786
  letter-spacing: var(--tracking-widest);
1519
1787
  }
1520
1788
 
1789
+ .\\[overflow-wrap\\:anywhere\\] {
1790
+ overflow-wrap: anywhere;
1791
+ }
1792
+
1521
1793
  .break-all {
1522
1794
  word-break: break-all;
1523
1795
  }
@@ -1714,6 +1986,10 @@ export {
1714
1986
  opacity: .7;
1715
1987
  }
1716
1988
 
1989
+ .opacity-100 {
1990
+ opacity: 1;
1991
+ }
1992
+
1717
1993
  .shadow-hard {
1718
1994
  --tw-shadow: 4px 4px 0 0 var(--tw-shadow-color, #000);
1719
1995
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1957,6 +2233,11 @@ export {
1957
2233
  translate: var(--tw-translate-x) var(--tw-translate-y);
1958
2234
  }
1959
2235
 
2236
+ .focus\\:translate-x-\\[2px\\]:focus {
2237
+ --tw-translate-x: 2px;
2238
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2239
+ }
2240
+
1960
2241
  .focus\\:translate-x-\\[4px\\]:focus {
1961
2242
  --tw-translate-x: 4px;
1962
2243
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1967,6 +2248,11 @@ export {
1967
2248
  translate: var(--tw-translate-x) var(--tw-translate-y);
1968
2249
  }
1969
2250
 
2251
+ .focus\\:translate-y-\\[2px\\]:focus {
2252
+ --tw-translate-y: 2px;
2253
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2254
+ }
2255
+
1970
2256
  .focus\\:translate-y-\\[4px\\]:focus {
1971
2257
  --tw-translate-y: 4px;
1972
2258
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2043,6 +2329,10 @@ export {
2043
2329
  .xl\\:grid-cols-3 {
2044
2330
  grid-template-columns: repeat(3, minmax(0, 1fr));
2045
2331
  }
2332
+
2333
+ .xl\\:grid-cols-\\[minmax\\(0\\,1fr\\)_minmax\\(0\\,1fr\\)_320px\\] {
2334
+ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 320px;
2335
+ }
2046
2336
  }
2047
2337
  }
2048
2338