@cnc_cbz/usefultools-plugin-official 1.0.9 → 1.1.1

package/dist/json-diff.mjs

@@ -845,6 +845,10 @@ export {
     position: relative;
   }
 
+  .sticky {
+    position: sticky;
+  }
+
   .inset-0 {
     inset: calc(var(--spacing) * 0);
   }
@@ -857,6 +861,10 @@ export {
     inset-inline-end: var(--spacing);
   }
 
+  .top-0 {
+    top: calc(var(--spacing) * 0);
+  }
+
   .top-1\\/2 {
     top: 50%;
   }
@@ -869,6 +877,10 @@ export {
     left: calc(var(--spacing) * 2);
   }
 
+  .z-10 {
+    z-index: 10;
+  }
+
   .z-50 {
     z-index: 50;
   }
@@ -901,6 +913,10 @@ export {
     margin-top: calc(var(--spacing) * 3);
   }
 
+  .mt-4 {
+    margin-top: calc(var(--spacing) * 4);
+  }
+
   .mr-1 {
     margin-right: calc(var(--spacing) * 1);
   }
@@ -1017,6 +1033,10 @@ export {
     height: calc(var(--spacing) * 10);
   }
 
+  .h-11 {
+    height: calc(var(--spacing) * 11);
+  }
+
   .h-12 {
     height: calc(var(--spacing) * 12);
   }
@@ -1033,6 +1053,10 @@ export {
     height: 100%;
   }
 
+  .max-h-28 {
+    max-height: calc(var(--spacing) * 28);
+  }
+
   .max-h-36 {
     max-height: calc(var(--spacing) * 36);
   }
@@ -1053,6 +1077,10 @@ export {
     max-height: 200px;
   }
 
+  .max-h-\\[420px\\] {
+    max-height: 420px;
+  }
+
   .max-h-full {
     max-height: 100%;
   }
@@ -1073,6 +1101,22 @@ export {
     min-height: 200px;
   }
 
+  .min-h-\\[260px\\] {
+    min-height: 260px;
+  }
+
+  .min-h-\\[320px\\] {
+    min-height: 320px;
+  }
+
+  .min-h-full {
+    min-height: 100%;
+  }
+
+  .w-1 {
+    width: calc(var(--spacing) * 1);
+  }
+
   .w-1\\.5 {
     width: calc(var(--spacing) * 1.5);
   }
@@ -1137,6 +1181,10 @@ export {
     width: calc(var(--spacing) * 32);
   }
 
+  .w-56 {
+    width: calc(var(--spacing) * 56);
+  }
+
   .w-72 {
     width: calc(var(--spacing) * 72);
   }
@@ -1177,6 +1225,10 @@ export {
     flex-shrink: 0;
   }
 
+  .table-fixed {
+    table-layout: fixed;
+  }
+
   .border-collapse {
     border-collapse: collapse;
   }
@@ -1196,6 +1248,10 @@ export {
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
+  .scale-\\[0\\.98\\] {
+    scale: .98;
+  }
+
   .transform {
     transform: var(--tw-rotate-x,  ) var(--tw-rotate-y,  ) var(--tw-rotate-z,  ) var(--tw-skew-x,  ) var(--tw-skew-y,  );
   }
@@ -1216,6 +1272,10 @@ export {
     cursor: pointer;
   }
 
+  .touch-none {
+    touch-action: none;
+  }
+
   .resize {
     resize: both;
   }
@@ -1224,6 +1284,10 @@ export {
     resize: none;
   }
 
+  .resize-y {
+    resize: vertical;
+  }
+
   .appearance-none {
     appearance: none;
   }
@@ -1264,6 +1328,10 @@ export {
     align-items: center;
   }
 
+  .items-stretch {
+    align-items: stretch;
+  }
+
   .justify-between {
     justify-content: space-between;
   }
@@ -1328,6 +1396,12 @@ export {
     margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
   }
 
+  :where(.space-y-4 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
+  }
+
   .gap-x-6 {
     column-gap: calc(var(--spacing) * 6);
   }
@@ -1350,6 +1424,10 @@ export {
     overflow: hidden;
   }
 
+  .overflow-x-auto {
+    overflow-x: auto;
+  }
+
   .overflow-y-auto {
     overflow-y: auto;
   }
@@ -1389,6 +1467,11 @@ export {
     border-width: 4px;
   }
 
+  .border-t-2 {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 2px;
+  }
+
   .border-r {
     border-right-style: var(--tw-border-style);
     border-right-width: 1px;
@@ -1418,6 +1501,16 @@ export {
     border-color: var(--color-black);
   }
 
+  .border-black\\/30 {
+    border-color: #0000004d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-black\\/30 {
+      border-color: color-mix(in oklab, var(--color-black) 30%, transparent);
+    }
+  }
+
   .border-coral-red {
     border-color: var(--color-coral-red);
   }
@@ -1660,6 +1753,16 @@ export {
     }
   }
 
+  .bg-primary\\/30 {
+    background-color: #f9b11f4d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-primary\\/30 {
+      background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
+    }
+  }
+
   .bg-transparent {
     background-color: #0000;
   }
@@ -1808,6 +1911,10 @@ export {
     padding-block: calc(var(--spacing) * 3);
   }
 
+  .py-4 {
+    padding-block: calc(var(--spacing) * 4);
+  }
+
   .py-6 {
     padding-block: calc(var(--spacing) * 6);
   }
@@ -1816,6 +1923,10 @@ export {
     padding-block: calc(var(--spacing) * 8);
   }
 
+  .pt-3 {
+    padding-top: calc(var(--spacing) * 3);
+  }
+
   .pr-1 {
     padding-right: calc(var(--spacing) * 1);
   }
@@ -1840,6 +1951,14 @@ export {
     padding-right: calc(var(--spacing) * 11);
   }
 
+  .pb-1 {
+    padding-bottom: calc(var(--spacing) * 1);
+  }
+
+  .pb-2 {
+    padding-bottom: calc(var(--spacing) * 2);
+  }
+
   .pl-1\\.5 {
     padding-left: calc(var(--spacing) * 1.5);
   }
@@ -1880,6 +1999,10 @@ export {
     vertical-align: middle;
   }
 
+  .align-top {
+    vertical-align: top;
+  }
+
   .font-mono {
     font-family: var(--font-mono);
   }
@@ -1941,6 +2064,11 @@ export {
     line-height: calc(var(--spacing) * 6);
   }
 
+  .leading-7 {
+    --tw-leading: calc(var(--spacing) * 7);
+    line-height: calc(var(--spacing) * 7);
+  }
+
   .leading-none {
     --tw-leading: 1;
     line-height: 1;
@@ -1971,6 +2099,10 @@ export {
     letter-spacing: var(--tracking-widest);
   }
 
+  .\\[overflow-wrap\\:anywhere\\] {
+    overflow-wrap: anywhere;
+  }
+
   .break-all {
     word-break: break-all;
   }
@@ -2167,6 +2299,10 @@ export {
     opacity: .7;
   }
 
+  .opacity-100 {
+    opacity: 1;
+  }
+
   .shadow-hard {
     --tw-shadow: 4px 4px 0 0 var(--tw-shadow-color, #000);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2410,6 +2546,11 @@ export {
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
+  .focus\\:translate-x-\\[2px\\]:focus {
+    --tw-translate-x: 2px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
   .focus\\:translate-x-\\[4px\\]:focus {
     --tw-translate-x: 4px;
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2420,6 +2561,11 @@ export {
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
+  .focus\\:translate-y-\\[2px\\]:focus {
+    --tw-translate-y: 2px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
   .focus\\:translate-y-\\[4px\\]:focus {
     --tw-translate-y: 4px;
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2496,6 +2642,10 @@ export {
     .xl\\:grid-cols-3 {
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
+
+    .xl\\:grid-cols-\\[minmax\\(0\\,1fr\\)_minmax\\(0\\,1fr\\)_320px\\] {
+      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 320px;
+    }
   }
 }
 

package/dist/json-formatter.mjs

@@ -1201,6 +1201,10 @@ export {
     position: relative;
   }
 
+  .sticky {
+    position: sticky;
+  }
+
   .inset-0 {
     inset: calc(var(--spacing) * 0);
   }
@@ -1213,6 +1217,10 @@ export {
     inset-inline-end: var(--spacing);
   }
 
+  .top-0 {
+    top: calc(var(--spacing) * 0);
+  }
+
   .top-1\\/2 {
     top: 50%;
   }
@@ -1225,6 +1233,10 @@ export {
     left: calc(var(--spacing) * 2);
   }
 
+  .z-10 {
+    z-index: 10;
+  }
+
   .z-50 {
     z-index: 50;
   }
@@ -1257,6 +1269,10 @@ export {
     margin-top: calc(var(--spacing) * 3);
   }
 
+  .mt-4 {
+    margin-top: calc(var(--spacing) * 4);
+  }
+
   .mr-1 {
     margin-right: calc(var(--spacing) * 1);
   }
@@ -1373,6 +1389,10 @@ export {
     height: calc(var(--spacing) * 10);
   }
 
+  .h-11 {
+    height: calc(var(--spacing) * 11);
+  }
+
   .h-12 {
     height: calc(var(--spacing) * 12);
   }
@@ -1389,6 +1409,10 @@ export {
     height: 100%;
   }
 
+  .max-h-28 {
+    max-height: calc(var(--spacing) * 28);
+  }
+
   .max-h-36 {
     max-height: calc(var(--spacing) * 36);
   }
@@ -1409,6 +1433,10 @@ export {
     max-height: 200px;
   }
 
+  .max-h-\\[420px\\] {
+    max-height: 420px;
+  }
+
   .max-h-full {
     max-height: 100%;
   }
@@ -1429,6 +1457,22 @@ export {
     min-height: 200px;
   }
 
+  .min-h-\\[260px\\] {
+    min-height: 260px;
+  }
+
+  .min-h-\\[320px\\] {
+    min-height: 320px;
+  }
+
+  .min-h-full {
+    min-height: 100%;
+  }
+
+  .w-1 {
+    width: calc(var(--spacing) * 1);
+  }
+
   .w-1\\.5 {
     width: calc(var(--spacing) * 1.5);
   }
@@ -1493,6 +1537,10 @@ export {
     width: calc(var(--spacing) * 32);
   }
 
+  .w-56 {
+    width: calc(var(--spacing) * 56);
+  }
+
   .w-72 {
     width: calc(var(--spacing) * 72);
   }
@@ -1533,6 +1581,10 @@ export {
     flex-shrink: 0;
   }
 
+  .table-fixed {
+    table-layout: fixed;
+  }
+
   .border-collapse {
     border-collapse: collapse;
   }
@@ -1552,6 +1604,10 @@ export {
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
+  .scale-\\[0\\.98\\] {
+    scale: .98;
+  }
+
   .transform {
     transform: var(--tw-rotate-x,  ) var(--tw-rotate-y,  ) var(--tw-rotate-z,  ) var(--tw-skew-x,  ) var(--tw-skew-y,  );
   }
@@ -1572,6 +1628,10 @@ export {
     cursor: pointer;
   }
 
+  .touch-none {
+    touch-action: none;
+  }
+
   .resize {
     resize: both;
   }
@@ -1580,6 +1640,10 @@ export {
     resize: none;
   }
 
+  .resize-y {
+    resize: vertical;
+  }
+
   .appearance-none {
     appearance: none;
   }
@@ -1620,6 +1684,10 @@ export {
     align-items: center;
   }
 
+  .items-stretch {
+    align-items: stretch;
+  }
+
   .justify-between {
     justify-content: space-between;
   }
@@ -1684,6 +1752,12 @@ export {
     margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
   }
 
+  :where(.space-y-4 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
+  }
+
   .gap-x-6 {
     column-gap: calc(var(--spacing) * 6);
   }
@@ -1706,6 +1780,10 @@ export {
     overflow: hidden;
   }
 
+  .overflow-x-auto {
+    overflow-x: auto;
+  }
+
   .overflow-y-auto {
     overflow-y: auto;
   }
@@ -1745,6 +1823,11 @@ export {
     border-width: 4px;
   }
 
+  .border-t-2 {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 2px;
+  }
+
   .border-r {
     border-right-style: var(--tw-border-style);
     border-right-width: 1px;
@@ -1774,6 +1857,16 @@ export {
     border-color: var(--color-black);
   }
 
+  .border-black\\/30 {
+    border-color: #0000004d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-black\\/30 {
+      border-color: color-mix(in oklab, var(--color-black) 30%, transparent);
+    }
+  }
+
   .border-coral-red {
     border-color: var(--color-coral-red);
   }
@@ -2016,6 +2109,16 @@ export {
     }
   }
 
+  .bg-primary\\/30 {
+    background-color: #f9b11f4d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-primary\\/30 {
+      background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
+    }
+  }
+
   .bg-transparent {
     background-color: #0000;
   }
@@ -2164,6 +2267,10 @@ export {
     padding-block: calc(var(--spacing) * 3);
   }
 
+  .py-4 {
+    padding-block: calc(var(--spacing) * 4);
+  }
+
   .py-6 {
     padding-block: calc(var(--spacing) * 6);
   }
@@ -2172,6 +2279,10 @@ export {
     padding-block: calc(var(--spacing) * 8);
   }
 
+  .pt-3 {
+    padding-top: calc(var(--spacing) * 3);
+  }
+
   .pr-1 {
     padding-right: calc(var(--spacing) * 1);
   }
@@ -2196,6 +2307,14 @@ export {
     padding-right: calc(var(--spacing) * 11);
   }
 
+  .pb-1 {
+    padding-bottom: calc(var(--spacing) * 1);
+  }
+
+  .pb-2 {
+    padding-bottom: calc(var(--spacing) * 2);
+  }
+
   .pl-1\\.5 {
     padding-left: calc(var(--spacing) * 1.5);
   }
@@ -2236,6 +2355,10 @@ export {
     vertical-align: middle;
   }
 
+  .align-top {
+    vertical-align: top;
+  }
+
   .font-mono {
     font-family: var(--font-mono);
   }
@@ -2297,6 +2420,11 @@ export {
     line-height: calc(var(--spacing) * 6);
   }
 
+  .leading-7 {
+    --tw-leading: calc(var(--spacing) * 7);
+    line-height: calc(var(--spacing) * 7);
+  }
+
   .leading-none {
     --tw-leading: 1;
     line-height: 1;
@@ -2327,6 +2455,10 @@ export {
     letter-spacing: var(--tracking-widest);
   }
 
+  .\\[overflow-wrap\\:anywhere\\] {
+    overflow-wrap: anywhere;
+  }
+
   .break-all {
     word-break: break-all;
   }
@@ -2523,6 +2655,10 @@ export {
     opacity: .7;
   }
 
+  .opacity-100 {
+    opacity: 1;
+  }
+
   .shadow-hard {
     --tw-shadow: 4px 4px 0 0 var(--tw-shadow-color, #000);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2766,6 +2902,11 @@ export {
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
+  .focus\\:translate-x-\\[2px\\]:focus {
+    --tw-translate-x: 2px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
   .focus\\:translate-x-\\[4px\\]:focus {
     --tw-translate-x: 4px;
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2776,6 +2917,11 @@ export {
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
+  .focus\\:translate-y-\\[2px\\]:focus {
+    --tw-translate-y: 2px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
   .focus\\:translate-y-\\[4px\\]:focus {
     --tw-translate-y: 4px;
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2852,6 +2998,10 @@ export {
     .xl\\:grid-cols-3 {
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
+
+    .xl\\:grid-cols-\\[minmax\\(0\\,1fr\\)_minmax\\(0\\,1fr\\)_320px\\] {
+      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 320px;
+    }
   }
 }