@cnc_cbz/usefultools-plugin-official 1.1.1 → 1.1.3

package/dist/image-compressor.mjs

@@ -519,6 +519,40 @@ export {
     grid-column: span 2 / span 2;
   }
 
+  .container {
+    width: 100%;
+  }
+
+  @media (min-width: 40rem) {
+    .container {
+      max-width: 40rem;
+    }
+  }
+
+  @media (min-width: 48rem) {
+    .container {
+      max-width: 48rem;
+    }
+  }
+
+  @media (min-width: 64rem) {
+    .container {
+      max-width: 64rem;
+    }
+  }
+
+  @media (min-width: 80rem) {
+    .container {
+      max-width: 80rem;
+    }
+  }
+
+  @media (min-width: 96rem) {
+    .container {
+      max-width: 96rem;
+    }
+  }
+
   .-mx-1 {
     margin-inline: calc(var(--spacing) * -1);
   }
@@ -575,6 +609,10 @@ export {
     margin-bottom: calc(var(--spacing) * 3);
   }
 
+  .mb-5 {
+    margin-bottom: calc(var(--spacing) * 5);
+  }
+
   .ml-0\\.5 {
     margin-left: calc(var(--spacing) * .5);
   }
@@ -823,6 +861,10 @@ export {
     width: 100%;
   }
 
+  .max-w-60 {
+    max-width: calc(var(--spacing) * 60);
+  }
+
   .max-w-70 {
     max-width: calc(var(--spacing) * 70);
   }
@@ -839,6 +881,10 @@ export {
     min-width: calc(var(--spacing) * 0);
   }
 
+  .min-w-36 {
+    min-width: calc(var(--spacing) * 36);
+  }
+
   .min-w-\\[90px\\] {
     min-width: 90px;
   }
@@ -1145,6 +1191,16 @@ export {
     border-color: var(--color-coral-red);
   }
 
+  .border-coral-red\\/30 {
+    border-color: #ff6b6b4d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-coral-red\\/30 {
+      border-color: color-mix(in oklab, var(--color-coral-red) 30%, transparent);
+    }
+  }
+
   .border-coral-red\\/40 {
     border-color: #ff6b6b66;
   }
@@ -1155,6 +1211,16 @@ export {
     }
   }
 
+  .border-electric-blue\\/30 {
+    border-color: #3b82f64d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-electric-blue\\/30 {
+      border-color: color-mix(in oklab, var(--color-electric-blue) 30%, transparent);
+    }
+  }
+
   .border-electric-blue\\/40 {
     border-color: #3b82f666;
   }
@@ -1173,10 +1239,30 @@ export {
     border-color: var(--color-gray-700);
   }
 
+  .border-hot-pink\\/30 {
+    border-color: #ec48994d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-hot-pink\\/30 {
+      border-color: color-mix(in oklab, var(--color-hot-pink) 30%, transparent);
+    }
+  }
+
   .border-neon-green {
     border-color: var(--color-neon-green);
   }
 
+  .border-neon-green\\/30 {
+    border-color: #84cc164d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-neon-green\\/30 {
+      border-color: color-mix(in oklab, var(--color-neon-green) 30%, transparent);
+    }
+  }
+
   .border-neon-green\\/40 {
     border-color: #84cc1666;
   }
@@ -1191,6 +1277,16 @@ export {
     border-color: var(--color-primary);
   }
 
+  .border-primary\\/30 {
+    border-color: #f9b11f4d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-primary\\/30 {
+      border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
+    }
+  }
+
   .border-primary\\/40 {
     border-color: #f9b11f66;
   }
@@ -1205,6 +1301,16 @@ export {
     border-color: #0000;
   }
 
+  .border-vibrant-purple\\/30 {
+    border-color: #a855f74d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-vibrant-purple\\/30 {
+      border-color: color-mix(in oklab, var(--color-vibrant-purple) 30%, transparent);
+    }
+  }
+
   .border-white\\/5 {
     border-color: #ffffff0d;
   }
@@ -1301,6 +1407,16 @@ export {
     background-color: var(--color-electric-blue);
   }
 
+  .bg-electric-blue\\/10 {
+    background-color: #3b82f61a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-electric-blue\\/10 {
+      background-color: color-mix(in oklab, var(--color-electric-blue) 10%, transparent);
+    }
+  }
+
   .bg-electric-blue\\/20 {
     background-color: #3b82f633;
   }
@@ -1315,6 +1431,16 @@ export {
     background-color: var(--color-hot-pink);
   }
 
+  .bg-hot-pink\\/10 {
+    background-color: #ec48991a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-hot-pink\\/10 {
+      background-color: color-mix(in oklab, var(--color-hot-pink) 10%, transparent);
+    }
+  }
+
   .bg-neon-green {
     background-color: var(--color-neon-green);
   }
@@ -1401,6 +1527,16 @@ export {
     background-color: var(--color-vibrant-purple);
   }
 
+  .bg-vibrant-purple\\/10 {
+    background-color: #a855f71a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-vibrant-purple\\/10 {
+      background-color: color-mix(in oklab, var(--color-vibrant-purple) 10%, transparent);
+    }
+  }
+
   .bg-white {
     background-color: var(--color-white);
   }
@@ -1477,6 +1613,10 @@ export {
     padding: calc(var(--spacing) * 3);
   }
 
+  .p-3\\.5 {
+    padding: calc(var(--spacing) * 3.5);
+  }
+
   .p-4 {
     padding: calc(var(--spacing) * 4);
   }

package/dist/ip-subnet.mjs

@@ -404,6 +404,40 @@ export {
     grid-column: span 2 / span 2;
   }
 
+  .container {
+    width: 100%;
+  }
+
+  @media (min-width: 40rem) {
+    .container {
+      max-width: 40rem;
+    }
+  }
+
+  @media (min-width: 48rem) {
+    .container {
+      max-width: 48rem;
+    }
+  }
+
+  @media (min-width: 64rem) {
+    .container {
+      max-width: 64rem;
+    }
+  }
+
+  @media (min-width: 80rem) {
+    .container {
+      max-width: 80rem;
+    }
+  }
+
+  @media (min-width: 96rem) {
+    .container {
+      max-width: 96rem;
+    }
+  }
+
   .-mx-1 {
     margin-inline: calc(var(--spacing) * -1);
   }
@@ -460,6 +494,10 @@ export {
     margin-bottom: calc(var(--spacing) * 3);
   }
 
+  .mb-5 {
+    margin-bottom: calc(var(--spacing) * 5);
+  }
+
   .ml-0\\.5 {
     margin-left: calc(var(--spacing) * .5);
   }
@@ -708,6 +746,10 @@ export {
     width: 100%;
   }
 
+  .max-w-60 {
+    max-width: calc(var(--spacing) * 60);
+  }
+
   .max-w-70 {
     max-width: calc(var(--spacing) * 70);
   }
@@ -724,6 +766,10 @@ export {
     min-width: calc(var(--spacing) * 0);
   }
 
+  .min-w-36 {
+    min-width: calc(var(--spacing) * 36);
+  }
+
   .min-w-\\[90px\\] {
     min-width: 90px;
   }
@@ -1030,6 +1076,16 @@ export {
     border-color: var(--color-coral-red);
   }
 
+  .border-coral-red\\/30 {
+    border-color: #ff6b6b4d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-coral-red\\/30 {
+      border-color: color-mix(in oklab, var(--color-coral-red) 30%, transparent);
+    }
+  }
+
   .border-coral-red\\/40 {
     border-color: #ff6b6b66;
   }
@@ -1040,6 +1096,16 @@ export {
     }
   }
 
+  .border-electric-blue\\/30 {
+    border-color: #3b82f64d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-electric-blue\\/30 {
+      border-color: color-mix(in oklab, var(--color-electric-blue) 30%, transparent);
+    }
+  }
+
   .border-electric-blue\\/40 {
     border-color: #3b82f666;
   }
@@ -1058,10 +1124,30 @@ export {
     border-color: var(--color-gray-700);
   }
 
+  .border-hot-pink\\/30 {
+    border-color: #ec48994d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-hot-pink\\/30 {
+      border-color: color-mix(in oklab, var(--color-hot-pink) 30%, transparent);
+    }
+  }
+
   .border-neon-green {
     border-color: var(--color-neon-green);
   }
 
+  .border-neon-green\\/30 {
+    border-color: #84cc164d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-neon-green\\/30 {
+      border-color: color-mix(in oklab, var(--color-neon-green) 30%, transparent);
+    }
+  }
+
   .border-neon-green\\/40 {
     border-color: #84cc1666;
   }
@@ -1076,6 +1162,16 @@ export {
     border-color: var(--color-primary);
   }
 
+  .border-primary\\/30 {
+    border-color: #f9b11f4d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-primary\\/30 {
+      border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
+    }
+  }
+
   .border-primary\\/40 {
     border-color: #f9b11f66;
   }
@@ -1090,6 +1186,16 @@ export {
     border-color: #0000;
   }
 
+  .border-vibrant-purple\\/30 {
+    border-color: #a855f74d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-vibrant-purple\\/30 {
+      border-color: color-mix(in oklab, var(--color-vibrant-purple) 30%, transparent);
+    }
+  }
+
   .border-white\\/5 {
     border-color: #ffffff0d;
   }
@@ -1186,6 +1292,16 @@ export {
     background-color: var(--color-electric-blue);
   }
 
+  .bg-electric-blue\\/10 {
+    background-color: #3b82f61a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-electric-blue\\/10 {
+      background-color: color-mix(in oklab, var(--color-electric-blue) 10%, transparent);
+    }
+  }
+
   .bg-electric-blue\\/20 {
     background-color: #3b82f633;
   }
@@ -1200,6 +1316,16 @@ export {
     background-color: var(--color-hot-pink);
   }
 
+  .bg-hot-pink\\/10 {
+    background-color: #ec48991a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-hot-pink\\/10 {
+      background-color: color-mix(in oklab, var(--color-hot-pink) 10%, transparent);
+    }
+  }
+
   .bg-neon-green {
     background-color: var(--color-neon-green);
   }
@@ -1286,6 +1412,16 @@ export {
     background-color: var(--color-vibrant-purple);
   }
 
+  .bg-vibrant-purple\\/10 {
+    background-color: #a855f71a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-vibrant-purple\\/10 {
+      background-color: color-mix(in oklab, var(--color-vibrant-purple) 10%, transparent);
+    }
+  }
+
   .bg-white {
     background-color: var(--color-white);
   }
@@ -1362,6 +1498,10 @@ export {
     padding: calc(var(--spacing) * 3);
   }
 
+  .p-3\\.5 {
+    padding: calc(var(--spacing) * 3.5);
+  }
+
   .p-4 {
     padding: calc(var(--spacing) * 4);
   }

package/dist/js-runner.mjs

@@ -40129,6 +40129,40 @@ export {
     grid-column: span 2 / span 2;
   }
 
+  .container {
+    width: 100%;
+  }
+
+  @media (min-width: 40rem) {
+    .container {
+      max-width: 40rem;
+    }
+  }
+
+  @media (min-width: 48rem) {
+    .container {
+      max-width: 48rem;
+    }
+  }
+
+  @media (min-width: 64rem) {
+    .container {
+      max-width: 64rem;
+    }
+  }
+
+  @media (min-width: 80rem) {
+    .container {
+      max-width: 80rem;
+    }
+  }
+
+  @media (min-width: 96rem) {
+    .container {
+      max-width: 96rem;
+    }
+  }
+
   .-mx-1 {
     margin-inline: calc(var(--spacing) * -1);
   }
@@ -40185,6 +40219,10 @@ export {
     margin-bottom: calc(var(--spacing) * 3);
   }
 
+  .mb-5 {
+    margin-bottom: calc(var(--spacing) * 5);
+  }
+
   .ml-0\\.5 {
     margin-left: calc(var(--spacing) * .5);
   }
@@ -40433,6 +40471,10 @@ export {
     width: 100%;
   }
 
+  .max-w-60 {
+    max-width: calc(var(--spacing) * 60);
+  }
+
   .max-w-70 {
     max-width: calc(var(--spacing) * 70);
   }
@@ -40449,6 +40491,10 @@ export {
     min-width: calc(var(--spacing) * 0);
   }
 
+  .min-w-36 {
+    min-width: calc(var(--spacing) * 36);
+  }
+
   .min-w-\\[90px\\] {
     min-width: 90px;
   }
@@ -40755,6 +40801,16 @@ export {
     border-color: var(--color-coral-red);
   }
 
+  .border-coral-red\\/30 {
+    border-color: #ff6b6b4d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-coral-red\\/30 {
+      border-color: color-mix(in oklab, var(--color-coral-red) 30%, transparent);
+    }
+  }
+
   .border-coral-red\\/40 {
     border-color: #ff6b6b66;
   }
@@ -40765,6 +40821,16 @@ export {
     }
   }
 
+  .border-electric-blue\\/30 {
+    border-color: #3b82f64d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-electric-blue\\/30 {
+      border-color: color-mix(in oklab, var(--color-electric-blue) 30%, transparent);
+    }
+  }
+
   .border-electric-blue\\/40 {
     border-color: #3b82f666;
   }
@@ -40783,10 +40849,30 @@ export {
     border-color: var(--color-gray-700);
   }
 
+  .border-hot-pink\\/30 {
+    border-color: #ec48994d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-hot-pink\\/30 {
+      border-color: color-mix(in oklab, var(--color-hot-pink) 30%, transparent);
+    }
+  }
+
   .border-neon-green {
     border-color: var(--color-neon-green);
   }
 
+  .border-neon-green\\/30 {
+    border-color: #84cc164d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-neon-green\\/30 {
+      border-color: color-mix(in oklab, var(--color-neon-green) 30%, transparent);
+    }
+  }
+
   .border-neon-green\\/40 {
     border-color: #84cc1666;
   }
@@ -40801,6 +40887,16 @@ export {
     border-color: var(--color-primary);
   }
 
+  .border-primary\\/30 {
+    border-color: #f9b11f4d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-primary\\/30 {
+      border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
+    }
+  }
+
   .border-primary\\/40 {
     border-color: #f9b11f66;
   }
@@ -40815,6 +40911,16 @@ export {
     border-color: #0000;
   }
 
+  .border-vibrant-purple\\/30 {
+    border-color: #a855f74d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-vibrant-purple\\/30 {
+      border-color: color-mix(in oklab, var(--color-vibrant-purple) 30%, transparent);
+    }
+  }
+
   .border-white\\/5 {
     border-color: #ffffff0d;
   }
@@ -40911,6 +41017,16 @@ export {
     background-color: var(--color-electric-blue);
   }
 
+  .bg-electric-blue\\/10 {
+    background-color: #3b82f61a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-electric-blue\\/10 {
+      background-color: color-mix(in oklab, var(--color-electric-blue) 10%, transparent);
+    }
+  }
+
   .bg-electric-blue\\/20 {
     background-color: #3b82f633;
   }
@@ -40925,6 +41041,16 @@ export {
     background-color: var(--color-hot-pink);
   }
 
+  .bg-hot-pink\\/10 {
+    background-color: #ec48991a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-hot-pink\\/10 {
+      background-color: color-mix(in oklab, var(--color-hot-pink) 10%, transparent);
+    }
+  }
+
   .bg-neon-green {
     background-color: var(--color-neon-green);
   }
@@ -41011,6 +41137,16 @@ export {
     background-color: var(--color-vibrant-purple);
   }
 
+  .bg-vibrant-purple\\/10 {
+    background-color: #a855f71a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-vibrant-purple\\/10 {
+      background-color: color-mix(in oklab, var(--color-vibrant-purple) 10%, transparent);
+    }
+  }
+
   .bg-white {
     background-color: var(--color-white);
   }
@@ -41087,6 +41223,10 @@ export {
     padding: calc(var(--spacing) * 3);
   }
 
+  .p-3\\.5 {
+    padding: calc(var(--spacing) * 3.5);
+  }
+
   .p-4 {
     padding: calc(var(--spacing) * 4);
   }