@andreagiugni/tailwind-dashboard-ui 1.0.15 → 1.0.17

package/dist/index.js

@@ -421,7 +421,7 @@ var Dropdown = ({
     createPortal(menu, document.body)
   ] });
 };
-var variantBase = "flex w-full items-center gap-2 rounded-lg px-3 py-2 text-left text-sm font-medium transition";
+var variantBase = "flex h-10 w-full items-center gap-2 rounded-lg px-4 py-2.5 text-left text-sm font-medium transition";
 var variantClasses3 = {
   default: "text-gray-700 hover:bg-gray-100 hover:text-gray-900 dark:text-gray-300 dark:hover:bg-white/5 dark:hover:text-white",
   primary: "bg-brand-500 text-white shadow-theme-xs hover:bg-brand-600",
@@ -782,7 +782,7 @@ function DataDrivenTable({
                     setPageSize(Number(e.target.value));
                     setPage(1);
                   },
-                  className: "appearance-none rounded-lg border border-gray-200 bg-transparent py-1.5 pl-3 pr-9 text-sm text-gray-700 dark:border-white/[0.08] dark:text-white/90",
+                  className: "h-11 appearance-none rounded-lg border border-gray-300 bg-white py-2.5 pl-4 pr-11 text-sm text-gray-700 shadow-theme-xs dark:border-gray-700 dark:bg-gray-900 dark:text-white/90",
                   children: sizeOptions.map((n) => /* @__PURE__ */ jsx("option", { value: n, children: n }, n))
                 }
               ),
@@ -790,7 +790,7 @@ function DataDrivenTable({
                 ChevronDown,
                 {
                   "aria-hidden": "true",
-                  className: "pointer-events-none absolute right-3 top-1/2 size-4 -translate-y-1/2 text-gray-500 dark:text-gray-400"
+                  className: "pointer-events-none absolute right-4 top-1/2 size-4 -translate-y-1/2 text-gray-500 dark:text-gray-400"
                 }
               )
             ] }),
@@ -2556,7 +2556,7 @@ var MultiSelect = ({
         "div",
         {
           ref: triggerRef,
-          className: "mb-2 flex h-11 rounded-lg border border-gray-300 bg-white py-1.5 px-4 shadow-theme-xs outline-hidden transition focus:border-brand-300 focus:shadow-focus-ring dark:border-gray-700 dark:bg-gray-900 dark:focus:border-brand-300",
+          className: "flex h-11 items-center overflow-hidden rounded-lg border border-gray-300 bg-white px-4 py-1.5 shadow-theme-xs outline-hidden transition focus:border-brand-300 focus:shadow-focus-ring dark:border-gray-700 dark:bg-gray-900 dark:focus:border-brand-300",
           children: [
             /* @__PURE__ */ jsx("div", { className: "flex flex-wrap flex-auto gap-2", children: selectedValuesText.length > 0 ? selectedValuesText.map((text, index) => /* @__PURE__ */ jsxs(
               "div",
@@ -2609,7 +2609,7 @@ var MultiSelect = ({
             ref: menuRef,
             className: cn(
               "max-h-select overflow-y-auto rounded-lg bg-white shadow-sm dark:bg-gray-900",
-              portal ? cn("fixed", layers.portal) : cn("absolute left-0 top-full w-full", layers.menu)
+              portal ? cn("fixed", layers.portal) : cn("absolute left-0 top-full mt-1.5 w-full", layers.menu)
             ),
             style: {
               ...portal && !menuPosition ? { visibility: "hidden" } : void 0,