@lindle/linoardo 1.0.46 → 1.0.47

package/dist/styles.css

@@ -327,6 +327,9 @@
   .-top-1\.5 {
     top: calc(var(--spacing) * -1.5);
   }
+  .-top-2 {
+    top: calc(var(--spacing) * -2);
+  }
   .top-0 {
     top: calc(var(--spacing) * 0);
   }
@@ -396,9 +399,6 @@
   .left-4 {
     left: calc(var(--spacing) * 4);
   }
-  .left-10 {
-    left: calc(var(--spacing) * 10);
-  }
   .left-24 {
     left: calc(var(--spacing) * 24);
   }
@@ -627,9 +627,15 @@
   .min-h-\[1\.5rem\] {
     min-height: 1.5rem;
   }
+  .min-h-\[1\.25rem\] {
+    min-height: 1.25rem;
+  }
   .min-h-\[2\.5rem\] {
     min-height: 2.5rem;
   }
+  .min-h-\[2\.75rem\] {
+    min-height: 2.75rem;
+  }
   .min-h-\[2rem\] {
     min-height: 2rem;
   }
@@ -696,6 +702,9 @@
   .w-auto {
     width: auto;
   }
+  .w-fit {
+    width: fit-content;
+  }
   .w-full {
     width: 100%;
   }
@@ -829,6 +838,10 @@
     --tw-translate-y: calc(calc(2/3 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .-translate-y-full {
+    --tw-translate-y: -100%;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .translate-y-1\/2 {
     --tw-translate-y: calc(1/2 * 100%);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1147,12 +1160,6 @@
   .border-amber-500 {
     border-color: var(--color-amber-500);
   }
-  .border-amber-500\/70 {
-    border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 70%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--color-amber-500) 70%, transparent);
-    }
-  }
   .border-black {
     border-color: var(--color-black);
   }
@@ -1180,12 +1187,6 @@
   .border-emerald-500 {
     border-color: var(--color-emerald-500);
   }
-  .border-emerald-500\/70 {
-    border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 70%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--color-emerald-500) 70%, transparent);
-    }
-  }
   .border-gray-100 {
     border-color: var(--color-gray-100);
   }
@@ -1252,18 +1253,6 @@
       border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
     }
   }
-  .border-primary\/40 {
-    border-color: color-mix(in srgb, oklch(0.62 0.13 250) 40%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
-    }
-  }
-  .border-primary\/60 {
-    border-color: color-mix(in srgb, oklch(0.62 0.13 250) 60%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--color-primary) 60%, transparent);
-    }
-  }
   .border-primary\/70 {
     border-color: color-mix(in srgb, oklch(0.62 0.13 250) 70%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1276,24 +1265,12 @@
   .border-red-500 {
     border-color: var(--color-red-500);
   }
-  .border-red-500\/70 {
-    border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 70%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--color-red-500) 70%, transparent);
-    }
-  }
   .border-sky-200 {
     border-color: var(--color-sky-200);
   }
   .border-sky-500 {
     border-color: var(--color-sky-500);
   }
-  .border-sky-500\/70 {
-    border-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 70%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--color-sky-500) 70%, transparent);
-    }
-  }
   .border-slate-100 {
     border-color: var(--color-slate-100);
   }
@@ -1830,6 +1807,9 @@
   .pt-1 {
     padding-top: calc(var(--spacing) * 1);
   }
+  .pt-2 {
+    padding-top: calc(var(--spacing) * 2);
+  }
   .pt-3 {
     padding-top: calc(var(--spacing) * 3);
   }
@@ -1842,21 +1822,6 @@
   .pr-1 {
     padding-right: calc(var(--spacing) * 1);
   }
-  .pr-2 {
-    padding-right: calc(var(--spacing) * 2);
-  }
-  .pr-2\.5 {
-    padding-right: calc(var(--spacing) * 2.5);
-  }
-  .pr-3 {
-    padding-right: calc(var(--spacing) * 3);
-  }
-  .pr-3\.5 {
-    padding-right: calc(var(--spacing) * 3.5);
-  }
-  .pr-4 {
-    padding-right: calc(var(--spacing) * 4);
-  }
   .pr-8 {
     padding-right: calc(var(--spacing) * 8);
   }
@@ -1872,6 +1837,9 @@
   .pr-12 {
     padding-right: calc(var(--spacing) * 12);
   }
+  .pb-2 {
+    padding-bottom: calc(var(--spacing) * 2);
+  }
   .pb-3 {
     padding-bottom: calc(var(--spacing) * 3);
   }
@@ -1899,27 +1867,9 @@
   .pl-6 {
     padding-left: calc(var(--spacing) * 6);
   }
-  .pl-8 {
-    padding-left: calc(var(--spacing) * 8);
-  }
-  .pl-9 {
-    padding-left: calc(var(--spacing) * 9);
-  }
-  .pl-10 {
-    padding-left: calc(var(--spacing) * 10);
-  }
-  .pl-11 {
-    padding-left: calc(var(--spacing) * 11);
-  }
   .pl-12 {
     padding-left: calc(var(--spacing) * 12);
   }
-  .pl-14 {
-    padding-left: calc(var(--spacing) * 14);
-  }
-  .pl-16 {
-    padding-left: calc(var(--spacing) * 16);
-  }
   .text-center {
     text-align: center;
   }
@@ -2789,19 +2739,19 @@
       color: var(--color-gray-500);
     }
   }
-  .peer-focus\:top-0 {
+  .peer-focus\:-top-5 {
     &:is(:where(.peer):focus ~ *) {
-      top: calc(var(--spacing) * 0);
+      top: calc(var(--spacing) * -5);
     }
   }
-  .peer-focus\:left-3 {
+  .peer-focus\:top-0 {
     &:is(:where(.peer):focus ~ *) {
-      left: calc(var(--spacing) * 3);
+      top: calc(var(--spacing) * 0);
     }
   }
-  .peer-focus\:left-10 {
+  .peer-focus\:left-0 {
     &:is(:where(.peer):focus ~ *) {
-      left: calc(var(--spacing) * 10);
+      left: calc(var(--spacing) * 0);
     }
   }
   .peer-focus\:-translate-y-1\/2 {
@@ -2810,6 +2760,12 @@
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
+  .peer-focus\:-translate-y-full {
+    &:is(:where(.peer):focus ~ *) {
+      --tw-translate-y: -100%;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
   .peer-focus\:bg-gray-100 {
     &:is(:where(.peer):focus ~ *) {
       background-color: var(--color-gray-100);
@@ -2820,11 +2776,6 @@
       background-color: transparent;
     }
   }
-  .peer-focus\:bg-white {
-    &:is(:where(.peer):focus ~ *) {
-      background-color: var(--color-white);
-    }
-  }
   .peer-focus\:bg-white\/90 {
     &:is(:where(.peer):focus ~ *) {
       background-color: color-mix(in srgb, #fff 90%, transparent);
@@ -2910,6 +2861,33 @@
       --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
     }
   }
+  .peer-\[\&\:not\(\:placeholder-shown\)\]\:-top-2 {
+    &:is(:where(.peer):not(:placeholder-shown) ~ *) {
+      top: calc(var(--spacing) * -2);
+    }
+  }
+  .peer-\[\&\:not\(\:placeholder-shown\)\]\:left-0 {
+    &:is(:where(.peer):not(:placeholder-shown) ~ *) {
+      left: calc(var(--spacing) * 0);
+    }
+  }
+  .peer-\[\&\:not\(\:placeholder-shown\)\]\:-translate-y-full {
+    &:is(:where(.peer):not(:placeholder-shown) ~ *) {
+      --tw-translate-y: -100%;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .peer-\[\&\:not\(\:placeholder-shown\)\]\:text-xs {
+    &:is(:where(.peer):not(:placeholder-shown) ~ *) {
+      font-size: var(--text-xs);
+      line-height: var(--tw-leading, var(--text-xs--line-height));
+    }
+  }
+  .peer-\[\&\:not\(\:placeholder-shown\)\]\:text-gray-700 {
+    &:is(:where(.peer):not(:placeholder-shown) ~ *) {
+      color: var(--color-gray-700);
+    }
+  }
   .placeholder\:text-gray-500 {
     &::placeholder {
       color: var(--color-gray-500);
@@ -2920,6 +2898,11 @@
       z-index: 10;
     }
   }
+  .focus-within\:border-black {
+    &:focus-within {
+      border-color: var(--color-black);
+    }
+  }
   .focus-within\:border-primary {
     &:focus-within {
       border-color: var(--color-primary);
@@ -2930,22 +2913,76 @@
       border-color: var(--color-red-500);
     }
   }
+  .focus-within\:bg-white {
+    &:focus-within {
+      background-color: var(--color-white);
+    }
+  }
+  .focus-within\:ring-0 {
+    &:focus-within {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
   .focus-within\:ring-1 {
     &:focus-within {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .focus-within\:ring-2 {
+    &:focus-within {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .focus-within\:ring-black\/30 {
+    &:focus-within {
+      --tw-ring-color: color-mix(in srgb, #000 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-black) 30%, transparent);
+      }
+    }
+  }
   .focus-within\:ring-primary {
     &:focus-within {
       --tw-ring-color: var(--color-primary);
     }
   }
+  .focus-within\:ring-primary\/15 {
+    &:focus-within {
+      --tw-ring-color: color-mix(in srgb, oklch(0.62 0.13 250) 15%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 15%, transparent);
+      }
+    }
+  }
+  .focus-within\:ring-primary\/25 {
+    &:focus-within {
+      --tw-ring-color: color-mix(in srgb, oklch(0.62 0.13 250) 25%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 25%, transparent);
+      }
+    }
+  }
+  .focus-within\:ring-primary\/30 {
+    &:focus-within {
+      --tw-ring-color: color-mix(in srgb, oklch(0.62 0.13 250) 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
+      }
+    }
+  }
   .focus-within\:ring-red-500 {
     &:focus-within {
       --tw-ring-color: var(--color-red-500);
     }
   }
+  .focus-within\:ring-transparent {
+    &:focus-within {
+      --tw-ring-color: transparent;
+    }
+  }
   .hover\:z-10 {
     &:hover {
       @media (hover: hover) {
@@ -3588,14 +3625,6 @@
       }
     }
   }
-  .focus-visible\:ring-primary\/20 {
-    &:focus-visible {
-      --tw-ring-color: color-mix(in srgb, oklch(0.62 0.13 250) 20%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
-      }
-    }
-  }
   .focus-visible\:ring-primary\/25 {
     &:focus-visible {
       --tw-ring-color: color-mix(in srgb, oklch(0.62 0.13 250) 25%, transparent);
@@ -3751,6 +3780,16 @@
       opacity: 50%;
     }
   }
+  .has-\[input\:disabled\]\:cursor-not-allowed {
+    &:has(*:is(input:disabled)) {
+      cursor: not-allowed;
+    }
+  }
+  .has-\[input\:disabled\]\:opacity-50 {
+    &:has(*:is(input:disabled)) {
+      opacity: 50%;
+    }
+  }
   .data-\[state\=closed\]\:pointer-events-none {
     &[data-state="closed"] {
       pointer-events: none;
@@ -4391,6 +4430,13 @@
       }
     }
   }
+  .dark\:peer-\[\&\:not\(\:placeholder-shown\)\]\:text-gray-200 {
+    &:is(.dark &) {
+      &:is(:where(.peer):not(:placeholder-shown) ~ *) {
+        color: var(--color-gray-200);
+      }
+    }
+  }
   .dark\:placeholder\:text-gray-400 {
     &:is(.dark &) {
       &::placeholder {
@@ -4398,6 +4444,80 @@
       }
     }
   }
+  .dark\:focus-within\:border-black {
+    &:is(.dark &) {
+      &:focus-within {
+        border-color: var(--color-black);
+      }
+    }
+  }
+  .dark\:focus-within\:border-primary\/60 {
+    &:is(.dark &) {
+      &:focus-within {
+        border-color: color-mix(in srgb, oklch(0.62 0.13 250) 60%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          border-color: color-mix(in oklab, var(--color-primary) 60%, transparent);
+        }
+      }
+    }
+  }
+  .dark\:focus-within\:border-primary\/70 {
+    &:is(.dark &) {
+      &:focus-within {
+        border-color: color-mix(in srgb, oklch(0.62 0.13 250) 70%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          border-color: color-mix(in oklab, var(--color-primary) 70%, transparent);
+        }
+      }
+    }
+  }
+  .dark\:focus-within\:bg-slate-700 {
+    &:is(.dark &) {
+      &:focus-within {
+        background-color: var(--color-slate-700);
+      }
+    }
+  }
+  .dark\:focus-within\:ring-black\/40 {
+    &:is(.dark &) {
+      &:focus-within {
+        --tw-ring-color: color-mix(in srgb, #000 40%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          --tw-ring-color: color-mix(in oklab, var(--color-black) 40%, transparent);
+        }
+      }
+    }
+  }
+  .dark\:focus-within\:ring-primary\/25 {
+    &:is(.dark &) {
+      &:focus-within {
+        --tw-ring-color: color-mix(in srgb, oklch(0.62 0.13 250) 25%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          --tw-ring-color: color-mix(in oklab, var(--color-primary) 25%, transparent);
+        }
+      }
+    }
+  }
+  .dark\:focus-within\:ring-primary\/30 {
+    &:is(.dark &) {
+      &:focus-within {
+        --tw-ring-color: color-mix(in srgb, oklch(0.62 0.13 250) 30%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          --tw-ring-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
+        }
+      }
+    }
+  }
+  .dark\:focus-within\:ring-primary\/40 {
+    &:is(.dark &) {
+      &:focus-within {
+        --tw-ring-color: color-mix(in srgb, oklch(0.62 0.13 250) 40%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          --tw-ring-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
+        }
+      }
+    }
+  }
   .dark\:hover\:bg-gray-800 {
     &:is(.dark &) {
       &:hover {
@@ -4658,6 +4778,45 @@
       display: none;
     }
   }
+  .\[\&\>\*\]\:flex-1 {
+    &>* {
+      flex: 1;
+    }
+  }
+  .\[\&\>\*\:not\(\:first-child\)\]\:-mt-px {
+    &>*:not(:first-child) {
+      margin-top: -1px;
+    }
+  }
+  .\[\&\>\*\:not\(\:first-child\)\]\:-ml-px {
+    &>*:not(:first-child) {
+      margin-left: -1px;
+    }
+  }
+  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none {
+    &>*:not(:first-child) {
+      border-top-left-radius: 0;
+      border-top-right-radius: 0;
+    }
+  }
+  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none {
+    &>*:not(:first-child) {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+    }
+  }
+  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none {
+    &>*:not(:last-child) {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+    }
+  }
+  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none {
+    &>*:not(:last-child) {
+      border-bottom-right-radius: 0;
+      border-bottom-left-radius: 0;
+    }
+  }
 }
 @font-face {
   font-family: "Material Design Icons";

package/dist/switch.d.cts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { a as Palette } from './global.types-gx9A7mUe.cjs';
+import { a as Palette } from './global.types-CjO3VRWu.cjs';
 
 type SwitchSize = 'small' | 'medium' | 'large';
 

package/dist/switch.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { a as Palette } from './global.types-gx9A7mUe.js';
+import { a as Palette } from './global.types-CjO3VRWu.js';
 
 type SwitchSize = 'small' | 'medium' | 'large';