ikoncomponents 1.7.7 → 1.8.1

package/dist/styles.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -259,6 +259,9 @@
   .relative {
     position: relative;
   }
+  .static {
+    position: static;
+  }
   .sticky {
     position: sticky;
   }
@@ -290,7 +293,7 @@
     top: calc(var(--spacing) * 1.5);
   }
   .top-1\/2 {
-    top: calc(1/2 * 100%);
+    top: calc(1 / 2 * 100%);
   }
   .top-3\.5 {
     top: calc(var(--spacing) * 3.5);
@@ -341,7 +344,7 @@
     left: calc(var(--spacing) * 0);
   }
   .left-1\/2 {
-    left: calc(1/2 * 100%);
+    left: calc(1 / 2 * 100%);
   }
   .left-2 {
     left: calc(var(--spacing) * 2);
@@ -538,6 +541,9 @@
   .ml-40 {
     margin-left: calc(var(--spacing) * 40);
   }
+  .ml-56 {
+    margin-left: calc(var(--spacing) * 56);
+  }
   .ml-auto {
     margin-left: auto;
   }
@@ -826,10 +832,10 @@
     width: calc(var(--spacing) * 0.5);
   }
   .w-1\/2 {
-    width: calc(1/2 * 100%);
+    width: calc(1 / 2 * 100%);
   }
   .w-1\/3 {
-    width: calc(1/3 * 100%);
+    width: calc(1 / 3 * 100%);
   }
   .w-2 {
     width: calc(var(--spacing) * 2);
@@ -838,7 +844,7 @@
     width: calc(var(--spacing) * 2.5);
   }
   .w-2\/5 {
-    width: calc(2/5 * 100%);
+    width: calc(2 / 5 * 100%);
   }
   .w-3 {
     width: calc(var(--spacing) * 3);
@@ -847,22 +853,22 @@
     width: calc(var(--spacing) * 3.5);
   }
   .w-3\/4 {
-    width: calc(3/4 * 100%);
+    width: calc(3 / 4 * 100%);
   }
   .w-3\/5 {
-    width: calc(3/5 * 100%);
+    width: calc(3 / 5 * 100%);
   }
   .w-4 {
     width: calc(var(--spacing) * 4);
   }
   .w-4\/5 {
-    width: calc(4/5 * 100%);
+    width: calc(4 / 5 * 100%);
   }
   .w-5 {
     width: calc(var(--spacing) * 5);
   }
   .w-5\/5 {
-    width: calc(5/5 * 100%);
+    width: calc(5 / 5 * 100%);
   }
   .w-6 {
     width: calc(var(--spacing) * 6);
@@ -952,7 +958,7 @@
     max-width: var(--container-6xl);
   }
   .max-w-7\/8 {
-    max-width: calc(7/8 * 100%);
+    max-width: calc(7 / 8 * 100%);
   }
   .max-w-7xl {
     max-width: var(--container-7xl);
@@ -1023,6 +1029,9 @@
   .min-w-\[8rem\] {
     min-width: 8rem;
   }
+  .min-w-\[10\%\] {
+    min-width: 10%;
+  }
   .min-w-\[140px\] {
     min-width: 140px;
   }
@@ -1083,7 +1092,7 @@
     transform-origin: var(--radix-tooltip-content-transform-origin);
   }
   .-translate-x-1\/2 {
-    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .-translate-x-full {
@@ -1103,7 +1112,7 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .-translate-y-1\/2 {
-    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .translate-y-0\.5 {
@@ -1229,6 +1238,9 @@
   .items-start {
     align-items: flex-start;
   }
+  .items-stretch {
+    align-items: stretch;
+  }
   .justify-between {
     justify-content: space-between;
   }
@@ -1488,6 +1500,10 @@
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
   }
+  .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;
@@ -1547,9 +1563,6 @@
   .border-destructive {
     border-color: var(--destructive);
   }
-  .border-foreground {
-    border-color: var(--foreground);
-  }
   .border-foreground\/20 {
     border-color: var(--foreground);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1670,6 +1683,12 @@
       background-color: color-mix(in oklab, var(--accent) 10%, transparent);
     }
   }
+  .bg-accent\/20 {
+    background-color: var(--accent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--accent) 20%, transparent);
+    }
+  }
   .bg-background {
     background-color: var(--background);
   }
@@ -2401,13 +2420,18 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-  .transition-\[width\,height\,padding\] {
-    transition-property: width,height,padding;
+  .transition-\[margin\,width\,height\] {
+    transition-property: margin,width,height;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-  .transition-\[width\,height\] {
-    transition-property: width,height;
+  .transition-\[margin\] {
+    transition-property: margin;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-\[width\,height\,padding\] {
+    transition-property: width,height,padding;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
@@ -2899,7 +2923,7 @@
   .after\:left-1\/2 {
     &::after {
       content: var(--tw-content);
-      left: calc(1/2 * 100%);
+      left: calc(1 / 2 * 100%);
     }
   }
   .after\:w-\[2px\] {
@@ -4591,7 +4615,7 @@
   }
   .data-\[vaul-drawer-direction\=left\]\:w-3\/4 {
     &[data-vaul-drawer-direction="left"] {
-      width: calc(3/4 * 100%);
+      width: calc(3 / 4 * 100%);
     }
   }
   .data-\[vaul-drawer-direction\=left\]\:border-r {
@@ -4612,7 +4636,7 @@
   }
   .data-\[vaul-drawer-direction\=right\]\:w-3\/4 {
     &[data-vaul-drawer-direction="right"] {
-      width: calc(3/4 * 100%);
+      width: calc(3 / 4 * 100%);
     }
   }
   .data-\[vaul-drawer-direction\=right\]\:border-l {
@@ -5437,11 +5461,6 @@
       border-width: 0px;
     }
   }
-  .\[\&\:\:-webkit-scrollbar\]\:hidden {
-    &::-webkit-scrollbar {
-      display: none;
-    }
-  }
   .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md {
     &:first-child[data-selected=true] button {
       border-top-left-radius: calc(var(--radius) - 2px);