adminium 1.0.6 → 1.0.7

package/dist/styles/adminium.css

@@ -912,6 +912,9 @@
   .min-h-32 {
     min-height: calc(var(--spacing) * 32);
   }
+  .min-h-40 {
+    min-height: calc(var(--spacing) * 40);
+  }
   .min-h-80 {
     min-height: calc(var(--spacing) * 80);
   }
@@ -1403,6 +1406,9 @@
   .gap-9 {
     gap: calc(var(--spacing) * 9);
   }
+  .gap-16 {
+    gap: calc(var(--spacing) * 16);
+  }
   .gap-px {
     gap: 1px;
   }
@@ -1729,6 +1735,12 @@
       border-color: color-mix(in oklab, var(--destructive) 20%, transparent);
     }
   }
+  .border-destructive\/30 {
+    border-color: var(--destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--destructive) 30%, transparent);
+    }
+  }
   .border-input {
     border-color: var(--input);
   }
@@ -1741,9 +1753,21 @@
   .border-primary {
     border-color: var(--primary);
   }
+  .border-primary\/30 {
+    border-color: var(--primary);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--primary) 30%, transparent);
+    }
+  }
   .border-transparent {
     border-color: transparent;
   }
+  .border-white\/20 {
+    border-color: color-mix(in srgb, #fff 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
+    }
+  }
   .border-s-input {
     border-inline-start-color: var(--input);
   }
@@ -1879,6 +1903,12 @@
   .bg-foreground {
     background-color: var(--foreground);
   }
+  .bg-foreground\/50 {
+    background-color: var(--foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--foreground) 50%, transparent);
+    }
+  }
   .bg-gray-900 {
     background-color: var(--color-gray-900);
   }
@@ -2545,6 +2575,12 @@
   .text-foreground {
     color: var(--foreground);
   }
+  .text-foreground\/60 {
+    color: var(--foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--foreground) 60%, transparent);
+    }
+  }
   .text-gray-400 {
     color: var(--color-gray-400);
   }
@@ -2750,6 +2786,12 @@
     outline-style: var(--tw-outline-style);
     outline-width: 0px;
   }
+  .outline-destructive {
+    outline-color: var(--destructive);
+  }
+  .outline-primary {
+    outline-color: var(--primary);
+  }
   .outline-ring\/50 {
     outline-color: var(--ring);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3321,6 +3363,16 @@
       }
     }
   }
+  .hover\:bg-background\/90 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--background);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--background) 90%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-destructive\/5 {
     &:hover {
       @media (hover: hover) {
@@ -3358,6 +3410,26 @@
       }
     }
   }
+  .hover\:bg-foreground\/5 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--foreground);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--foreground) 5%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:bg-foreground\/70 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--foreground);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--foreground) 70%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-muted-foreground\/50 {
     &:hover {
       @media (hover: hover) {
@@ -4310,6 +4382,14 @@
       animation: var(--animate-collapsible-down);
     }
   }
+  .data-\[state\=open\]\:border-primary\/30 {
+    &[data-state="open"] {
+      border-color: var(--primary);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--primary) 30%, transparent);
+      }
+    }
+  }
   .data-\[state\=open\]\:bg-accent {
     &[data-state="open"] {
       background-color: var(--accent);
@@ -4414,12 +4494,37 @@
       color: var(--muted-foreground);
     }
   }
+  .data-\[state\=open\]\:text-primary {
+    &[data-state="open"] {
+      color: var(--primary);
+    }
+  }
+  .data-\[state\=open\]\:text-primary\/90 {
+    &[data-state="open"] {
+      color: var(--primary);
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, var(--primary) 90%, transparent);
+      }
+    }
+  }
   .data-\[state\=open\]\:duration-400 {
     &[data-state="open"] {
       --tw-duration: 400ms;
       transition-duration: 400ms;
     }
   }
+  .data-\[state\=open\]\:hover\:bg-background\/90 {
+    &[data-state="open"] {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--background);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--background) 90%, transparent);
+          }
+        }
+      }
+    }
+  }
   .data-\[state\=selected\]\:bg-muted\/50 {
     &[data-state="selected"] {
       background-color: var(--muted);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adminium",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "Metronic UI Component Library - A beautiful, reusable React component library built with Tailwind CSS",
   "author": "linkedunion",
   "license": "MIT",