@nextui-org/theme 2.4.2 → 2.4.4

package/dist/index.js

@@ -4347,7 +4347,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"
         ]
       },
@@ -6763,8 +6763,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: {
@@ -6815,11 +6815,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: {
@@ -6945,7 +6955,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"]
       }
     },
     {
@@ -7429,7 +7439,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",
@@ -9191,7 +9201,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"
       }
@@ -9201,7 +9211,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"
       }
@@ -9211,7 +9221,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"
       }
@@ -9221,7 +9231,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"
       }
@@ -9231,13 +9241,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",
@@ -9246,7 +9321,7 @@ var dateInput = tv({
       }
     },
     {
-      variant: ["bordered", "faded"],
+      variant: "bordered",
       color: "secondary",
       class: {
         innerWrapper: "text-secondary",
@@ -9255,7 +9330,7 @@ var dateInput = tv({
       }
     },
     {
-      variant: ["bordered", "faded"],
+      variant: "bordered",
       color: "success",
       class: {
         innerWrapper: "text-success",
@@ -9264,7 +9339,7 @@ var dateInput = tv({
       }
     },
     {
-      variant: ["bordered", "faded"],
+      variant: "bordered",
       color: "warning",
       class: {
         innerWrapper: "text-warning",
@@ -9273,7 +9348,7 @@ var dateInput = tv({
       }
     },
     {
-      variant: ["bordered", "faded"],
+      variant: "bordered",
       color: "danger",
       class: {
         innerWrapper: "text-danger",
@@ -9396,7 +9471,7 @@ var alert = tv({
     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: {
@@ -9443,13 +9518,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/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-TK7T75HE.mjs";
 import {
   autocomplete
 } from "./chunk-ZZ2VSLD6.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/theme",
-  "version": "2.4.2",
+  "version": "2.4.4",
   "description": "The default theme for NextUI components",
   "keywords": [
     "theme",
@@ -44,7 +44,7 @@
     "clsx": "^1.2.1",
     "tailwind-variants": "^0.1.20",
     "tailwind-merge": "^2.5.2",
-    "@nextui-org/shared-utils": "2.1.1"
+    "@nextui-org/shared-utils": "2.1.2"
   },
   "peerDependencies": {
     "tailwindcss": ">=3.4.0"