@nextui-org/theme 2.4.3 → 2.4.5

package/dist/components/index.js

@@ -4285,7 +4285,7 @@ var input = tv({
       flat: {
         inputWrapper: [
           "bg-default-100",
-          "data-[hover=true]:bg-default-50",
+          "data-[hover=true]:bg-default-200",
           "group-data-[focus=true]:bg-default-100"
         ]
       },
@@ -6701,8 +6701,8 @@ var select = tv({
       flat: {
         trigger: [
           "bg-default-100",
-          "data-[hover=true]:bg-default-50",
-          "group-data-[focus=true]:bg-default-50"
+          "data-[hover=true]:bg-default-200",
+          "group-data-[focus=true]:bg-default-200"
         ]
       },
       faded: {
@@ -6753,11 +6753,21 @@ var select = tv({
     },
     color: {
       default: {},
-      primary: {},
-      secondary: {},
-      success: {},
-      warning: {},
-      danger: {}
+      primary: {
+        selectorIcon: "text-primary"
+      },
+      secondary: {
+        selectorIcon: "text-secondary"
+      },
+      success: {
+        selectorIcon: "text-success"
+      },
+      warning: {
+        selectorIcon: "text-warning"
+      },
+      danger: {
+        selectorIcon: "text-danger"
+      }
     },
     size: {
       sm: {
@@ -6883,7 +6893,7 @@ var select = tv({
       color: "default",
       class: {
         value: "group-data-[has-value=true]:text-default-foreground",
-        trigger: ["bg-default-100", "data-[hover=true]:bg-default-50"]
+        trigger: ["bg-default-100", "data-[hover=true]:bg-default-200"]
       }
     },
     {
@@ -7367,7 +7377,7 @@ var select = tv({
 // src/components/menu.ts
 var menu = tv({
   slots: {
-    base: "w-full relative flex flex-col gap-1 p-1 overflow-hidden",
+    base: "w-full relative flex flex-col gap-1 p-1 overflow-clip",
     list: "w-full flex flex-col gap-0.5 outline-none",
     emptyContent: [
       "h-10",
@@ -9129,7 +9139,7 @@ var dateInput = tv({
       color: "primary",
       class: {
         innerWrapper: "text-primary",
-        inputWrapper: ["bg-primary-50", "hover:bg-primary-100", "focus-within:bg-primary-50"],
+        inputWrapper: ["bg-primary-100", "hover:bg-primary-50", "focus-within:bg-primary-50"],
         segment: "text-primary-300 data-[editable=true]:data-[placeholder=true]:text-primary-300 data-[editable=true]:text-primary",
         label: "text-primary"
       }
@@ -9139,7 +9149,7 @@ var dateInput = tv({
       color: "secondary",
       class: {
         innerWrapper: "text-secondary",
-        inputWrapper: ["bg-secondary-50", "hover:bg-secondary-100", "focus-within:bg-secondary-50"],
+        inputWrapper: ["bg-secondary-100", "hover:bg-secondary-50", "focus-within:bg-secondary-50"],
         segment: "text-secondary-300 data-[editable=true]:data-[placeholder=true]:text-secondary-300 data-[editable=true]:text-secondary",
         label: "text-secondary"
       }
@@ -9149,7 +9159,7 @@ var dateInput = tv({
       color: "success",
       class: {
         innerWrapper: "text-success-600 dark:text-success",
-        inputWrapper: ["bg-success-50", "hover:bg-success-100", "focus-within:bg-success-50"],
+        inputWrapper: ["bg-success-100", "hover:bg-success-50", "focus-within:bg-success-50"],
         segment: "text-success-400 data-[editable=true]:data-[placeholder=true]:text-success-400 data-[editable=true]:text-success-600 data-[editable=true]:focus:text-success-600",
         label: "text-success-600 dark:text-success"
       }
@@ -9159,7 +9169,7 @@ var dateInput = tv({
       color: "warning",
       class: {
         innerWrapper: "text-warning-600 dark:text-warning",
-        inputWrapper: ["bg-warning-50", "hover:bg-warning-100", "focus-within:bg-warning-50"],
+        inputWrapper: ["bg-warning-100", "hover:bg-warning-50", "focus-within:bg-warning-50"],
         segment: "text-warning-400 data-[editable=true]:data-[placeholder=true]:text-warning-400 data-[editable=true]:text-warning-600 data-[editable=true]:focus:text-warning-600",
         label: "text-warning-600 dark:text-warning"
       }
@@ -9169,13 +9179,78 @@ var dateInput = tv({
       color: "danger",
       class: {
         innerWrapper: "text-danger",
-        inputWrapper: ["bg-danger-50", "hover:bg-danger-100", "focus-within:bg-danger-50"],
+        inputWrapper: ["bg-danger-100", "hover:bg-danger-50", "focus-within:bg-danger-50"],
         segment: "text-danger-300 data-[editable=true]:data-[placeholder=true]:text-danger-300 data-[editable=true]:text-danger",
         label: "text-danger"
       }
     },
     {
-      variant: ["bordered", "faded"],
+      variant: "faded",
+      color: "primary",
+      class: {
+        innerWrapper: "text-primary",
+        inputWrapper: [
+          "hover:border-primary",
+          "focus-within:border-primary",
+          "focus-within:hover:border-primary"
+        ],
+        label: "text-primary"
+      }
+    },
+    {
+      variant: "faded",
+      color: "secondary",
+      class: {
+        innerWrapper: "text-secondary",
+        inputWrapper: [
+          "hover:border-secondary",
+          "focus-within:border-secondary",
+          "focus-within:hover:border-secondary"
+        ],
+        label: "text-secondary"
+      }
+    },
+    {
+      variant: "faded",
+      color: "success",
+      class: {
+        innerWrapper: "text-success",
+        inputWrapper: [
+          "hover:border-success",
+          "focus-within:border-success",
+          "focus-within:hover:border-success"
+        ],
+        label: "text-success"
+      }
+    },
+    {
+      variant: "faded",
+      color: "warning",
+      class: {
+        innerWrapper: "text-warning",
+        inputWrapper: [
+          "hover:border-warning",
+          "focus-within:border-warning",
+          "focus-within:hover:border-warning"
+        ],
+        label: "text-warning"
+      }
+    },
+    {
+      variant: "faded",
+      color: "danger",
+      class: {
+        innerWrapper: "text-danger",
+        inputWrapper: [
+          "hover:border-danger",
+          "focus-within:border-danger",
+          "focus-within:hover:border-danger"
+        ],
+        label: "text-danger"
+      }
+    },
+    {
+      variant: "bordered",
       color: "primary",
       class: {
         innerWrapper: "text-primary",
@@ -9184,7 +9259,7 @@ var dateInput = tv({
       }
     },
     {
-      variant: ["bordered", "faded"],
+      variant: "bordered",
       color: "secondary",
       class: {
         innerWrapper: "text-secondary",
@@ -9193,7 +9268,7 @@ var dateInput = tv({
       }
     },
     {
-      variant: ["bordered", "faded"],
+      variant: "bordered",
       color: "success",
       class: {
         innerWrapper: "text-success",
@@ -9202,7 +9277,7 @@ var dateInput = tv({
       }
     },
     {
-      variant: ["bordered", "faded"],
+      variant: "bordered",
       color: "warning",
       class: {
         innerWrapper: "text-warning",
@@ -9211,7 +9286,7 @@ var dateInput = tv({
       }
     },
     {
-      variant: ["bordered", "faded"],
+      variant: "bordered",
       color: "danger",
       class: {
         innerWrapper: "text-danger",
@@ -9330,11 +9405,11 @@ var dateRangePicker = tv({
 var alert = tv({
   slots: {
     base: "flex flex-grow flex-row w-full items-start py-3 px-4 gap-x-1",
-    mainWrapper: "h-full flex-grow min-h-10 ms-2 flex flex-col box-border items-start text-inherit",
+    mainWrapper: "h-full flex-grow min-h-10 ms-2 flex flex-col box-border items-start text-inherit justify-center",
     title: "text-small w-full font-medium block text-inherit leading-5",
     description: "pl-[1px] text-small font-normal text-inherit",
     closeButton: "relative text-inherit translate-x-1 -translate-y-1",
-    iconWrapper: "flex-none relative w-9 h-9 rounded-full",
+    iconWrapper: "flex-none relative w-9 h-9 rounded-full grid place-items-center",
     alertIcon: "fill-current w-6 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"
   },
   variants: {
@@ -9381,13 +9456,13 @@ var alert = tv({
     hideIconWrapper: {
       true: {
         base: "gap-x-0",
-        iconWrapper: "!bg-transparent !shadow-none"
+        iconWrapper: "!bg-transparent !shadow-none !border-none"
       }
     },
-    hasDescription: {
+    hasContent: {
       false: {
         base: "items-start",
-        mainWrapper: "justify-center"
+        mainWrapper: "justify-center items-center"
       }
     }
   },

package/dist/components/index.mjs

@@ -33,7 +33,7 @@ import {
 } from "../chunk-AN5I7NTT.mjs";
 import {
   select
-} from "../chunk-RABDZR7I.mjs";
+} from "../chunk-CRDAR2QA.mjs";
 import {
   skeleton
 } from "../chunk-OAHW4NON.mjs";
@@ -45,7 +45,7 @@ import {
 } from "../chunk-SC2SILVU.mjs";
 import {
   input
-} from "../chunk-444KJ2OU.mjs";
+} from "../chunk-3ZDIPBHM.mjs";
 import {
   kbd
 } from "../chunk-VX7HAPUO.mjs";
@@ -58,7 +58,7 @@ import {
   menu,
   menuItem,
   menuSection
-} from "../chunk-GA67JEKY.mjs";
+} from "../chunk-6B2RD5MH.mjs";
 import {
   modal
 } from "../chunk-NVK4XVTT.mjs";
@@ -114,7 +114,7 @@ import {
 } from "../chunk-JE6SPRGQ.mjs";
 import {
   dateInput
-} from "../chunk-TK7HBD3N.mjs";
+} from "../chunk-A3NXEE2Q.mjs";
 import {
   datePicker,
   dateRangePicker
@@ -125,7 +125,7 @@ import {
 } from "../chunk-UGMXQ6TV.mjs";
 import {
   alert
-} from "../chunk-MO6TCUI5.mjs";
+} from "../chunk-423W5XJQ.mjs";
 import {
   autocomplete
 } from "../chunk-ZZ2VSLD6.mjs";

package/dist/components/input.js

@@ -140,7 +140,7 @@ var input = tv({
       flat: {
         inputWrapper: [
           "bg-default-100",
-          "data-[hover=true]:bg-default-50",
+          "data-[hover=true]:bg-default-200",
           "group-data-[focus=true]:bg-default-100"
         ]
       },

package/dist/components/input.mjs

@@ -1,6 +1,6 @@
 import {
   input
-} from "../chunk-444KJ2OU.mjs";
+} from "../chunk-3ZDIPBHM.mjs";
 import "../chunk-CWYZ2GEH.mjs";
 import "../chunk-GQT3YUX3.mjs";
 import "../chunk-46U6G7UJ.mjs";

package/dist/components/listbox.js

@@ -84,7 +84,7 @@ var dataFocusVisibleClasses = [
 // src/components/menu.ts
 var menu = tv({
   slots: {
-    base: "w-full relative flex flex-col gap-1 p-1 overflow-hidden",
+    base: "w-full relative flex flex-col gap-1 p-1 overflow-clip",
     list: "w-full flex flex-col gap-0.5 outline-none",
     emptyContent: [
       "h-10",

package/dist/components/listbox.mjs

@@ -3,7 +3,7 @@ import {
   menu,
   menuItem,
   menuSection
-} from "../chunk-GA67JEKY.mjs";
+} from "../chunk-6B2RD5MH.mjs";
 import "../chunk-CWYZ2GEH.mjs";
 import "../chunk-GQT3YUX3.mjs";
 import "../chunk-46U6G7UJ.mjs";

package/dist/components/menu.js

@@ -84,7 +84,7 @@ var dataFocusVisibleClasses = [
 // src/components/menu.ts
 var menu = tv({
   slots: {
-    base: "w-full relative flex flex-col gap-1 p-1 overflow-hidden",
+    base: "w-full relative flex flex-col gap-1 p-1 overflow-clip",
     list: "w-full flex flex-col gap-0.5 outline-none",
     emptyContent: [
       "h-10",

package/dist/components/menu.mjs

@@ -2,7 +2,7 @@ import {
   menu,
   menuItem,
   menuSection
-} from "../chunk-GA67JEKY.mjs";
+} from "../chunk-6B2RD5MH.mjs";
 import "../chunk-CWYZ2GEH.mjs";
 import "../chunk-GQT3YUX3.mjs";
 import "../chunk-46U6G7UJ.mjs";

package/dist/components/select.d.ts

@@ -22,11 +22,21 @@ declare const select: tailwind_variants.TVReturnType<{
     };
     color: {
         default: {};
-        primary: {};
-        secondary: {};
-        success: {};
-        warning: {};
-        danger: {};
+        primary: {
+            selectorIcon: string;
+        };
+        secondary: {
+            selectorIcon: string;
+        };
+        success: {
+            selectorIcon: string;
+        };
+        warning: {
+            selectorIcon: string;
+        };
+        danger: {
+            selectorIcon: string;
+        };
     };
     size: {
         sm: {
@@ -162,11 +172,21 @@ declare const select: tailwind_variants.TVReturnType<{
     };
     color: {
         default: {};
-        primary: {};
-        secondary: {};
-        success: {};
-        warning: {};
-        danger: {};
+        primary: {
+            selectorIcon: string;
+        };
+        secondary: {
+            selectorIcon: string;
+        };
+        success: {
+            selectorIcon: string;
+        };
+        warning: {
+            selectorIcon: string;
+        };
+        danger: {
+            selectorIcon: string;
+        };
     };
     size: {
         sm: {
@@ -287,11 +307,21 @@ declare const select: tailwind_variants.TVReturnType<{
     };
     color: {
         default: {};
-        primary: {};
-        secondary: {};
-        success: {};
-        warning: {};
-        danger: {};
+        primary: {
+            selectorIcon: string;
+        };
+        secondary: {
+            selectorIcon: string;
+        };
+        success: {
+            selectorIcon: string;
+        };
+        warning: {
+            selectorIcon: string;
+        };
+        danger: {
+            selectorIcon: string;
+        };
     };
     size: {
         sm: {
@@ -412,11 +442,21 @@ declare const select: tailwind_variants.TVReturnType<{
     };
     color: {
         default: {};
-        primary: {};
-        secondary: {};
-        success: {};
-        warning: {};
-        danger: {};
+        primary: {
+            selectorIcon: string;
+        };
+        secondary: {
+            selectorIcon: string;
+        };
+        success: {
+            selectorIcon: string;
+        };
+        warning: {
+            selectorIcon: string;
+        };
+        danger: {
+            selectorIcon: string;
+        };
     };
     size: {
         sm: {
@@ -552,11 +592,21 @@ declare const select: tailwind_variants.TVReturnType<{
     };
     color: {
         default: {};
-        primary: {};
-        secondary: {};
-        success: {};
-        warning: {};
-        danger: {};
+        primary: {
+            selectorIcon: string;
+        };
+        secondary: {
+            selectorIcon: string;
+        };
+        success: {
+            selectorIcon: string;
+        };
+        warning: {
+            selectorIcon: string;
+        };
+        danger: {
+            selectorIcon: string;
+        };
     };
     size: {
         sm: {
@@ -692,11 +742,21 @@ declare const select: tailwind_variants.TVReturnType<{
     };
     color: {
         default: {};
-        primary: {};
-        secondary: {};
-        success: {};
-        warning: {};
-        danger: {};
+        primary: {
+            selectorIcon: string;
+        };
+        secondary: {
+            selectorIcon: string;
+        };
+        success: {
+            selectorIcon: string;
+        };
+        warning: {
+            selectorIcon: string;
+        };
+        danger: {
+            selectorIcon: string;
+        };
     };
     size: {
         sm: {
@@ -817,11 +877,21 @@ declare const select: tailwind_variants.TVReturnType<{
     };
     color: {
         default: {};
-        primary: {};
-        secondary: {};
-        success: {};
-        warning: {};
-        danger: {};
+        primary: {
+            selectorIcon: string;
+        };
+        secondary: {
+            selectorIcon: string;
+        };
+        success: {
+            selectorIcon: string;
+        };
+        warning: {
+            selectorIcon: string;
+        };
+        danger: {
+            selectorIcon: string;
+        };
     };
     size: {
         sm: {

package/dist/components/select.js

@@ -110,8 +110,8 @@ var select = tv({
       flat: {
         trigger: [
           "bg-default-100",
-          "data-[hover=true]:bg-default-50",
-          "group-data-[focus=true]:bg-default-50"
+          "data-[hover=true]:bg-default-200",
+          "group-data-[focus=true]:bg-default-200"
         ]
       },
       faded: {
@@ -162,11 +162,21 @@ var select = tv({
     },
     color: {
       default: {},
-      primary: {},
-      secondary: {},
-      success: {},
-      warning: {},
-      danger: {}
+      primary: {
+        selectorIcon: "text-primary"
+      },
+      secondary: {
+        selectorIcon: "text-secondary"
+      },
+      success: {
+        selectorIcon: "text-success"
+      },
+      warning: {
+        selectorIcon: "text-warning"
+      },
+      danger: {
+        selectorIcon: "text-danger"
+      }
     },
     size: {
       sm: {
@@ -292,7 +302,7 @@ var select = tv({
       color: "default",
       class: {
         value: "group-data-[has-value=true]:text-default-foreground",
-        trigger: ["bg-default-100", "data-[hover=true]:bg-default-50"]
+        trigger: ["bg-default-100", "data-[hover=true]:bg-default-200"]
       }
     },
     {

package/dist/components/select.mjs

@@ -1,6 +1,6 @@
 import {
   select
-} from "../chunk-RABDZR7I.mjs";
+} from "../chunk-CRDAR2QA.mjs";
 import "../chunk-CWYZ2GEH.mjs";
 import "../chunk-GQT3YUX3.mjs";
 import "../chunk-46U6G7UJ.mjs";