@nextui-org/theme 2.0.5 → 2.1.1

package/dist/{chunk-6GF3EO4A.mjs → chunk-PBGVMEDL.mjs}

@@ -12,7 +12,7 @@ var input = tv({
     base: "group flex flex-col",
     label: "block text-small font-medium text-foreground-600",
     mainWrapper: "h-full",
-    inputWrapper: "relative w-full inline-flex flex-row items-center shadow-sm px-3 gap-3",
+    inputWrapper: "relative w-full inline-flex tap-highlight-transparent flex-row items-center shadow-sm px-3 gap-3",
     innerWrapper: "inline-flex h-full items-center w-full gap-1.5 box-border",
     input: "w-full h-full font-normal !bg-transparent outline-none placeholder:text-foreground-500",
     clearButton: [
@@ -88,21 +88,11 @@ var input = tv({
     },
     color: {
       default: {},
-      primary: {
-        label: "text-primary"
-      },
-      secondary: {
-        label: "text-secondary"
-      },
-      success: {
-        label: "text-success-600 dark:text-success"
-      },
-      warning: {
-        label: "text-warning-600 dark:text-warning"
-      },
-      danger: {
-        label: "text-danger dark:text-danger-500"
-      }
+      primary: {},
+      secondary: {},
+      success: {},
+      warning: {},
+      danger: {}
     },
     size: {
       sm: {
@@ -156,7 +146,7 @@ var input = tv({
         errorMessage: "absolute left-1"
       },
       inside: {
-        label: "text-tiny",
+        label: "text-tiny cursor-text",
         inputWrapper: "flex-col items-start justify-center gap-0"
       }
     },
@@ -173,12 +163,14 @@ var input = tv({
     isClearable: {
       true: {
         input: "peer pr-6",
-        clearButton: "peer-[.is-filled]:opacity-70 peer-[.is-filled]:block"
+        clearButton: "peer-data-[filled=true]:opacity-70 peer-data-[filled=true]:block"
       }
     },
     isDisabled: {
       true: {
-        base: "opacity-disabled pointer-events-none"
+        base: "opacity-disabled pointer-events-none",
+        inputWrapper: "pointer-events-none",
+        label: "pointer-events-none"
       }
     },
     isInvalid: {
@@ -210,7 +202,7 @@ var input = tv({
           "origin-top-left",
           "transition-all",
           "!duration-200",
-          "!ease-[cubic-bezier(0,0,0.2,1)]",
+          "!ease-out",
           "motion-reduce:transition-none"
         ],
         clearButton: ["transition-opacity", "motion-reduce:transition-none"]
@@ -238,7 +230,8 @@ var input = tv({
           "group-data-[focus=true]:bg-primary-50",
           "placeholder:text-primary"
         ],
-        input: "placeholder:text-primary"
+        input: "placeholder:text-primary",
+        label: "text-primary"
       }
     },
     {
@@ -252,7 +245,8 @@ var input = tv({
           "group-data-[focus=true]:bg-secondary-50",
           "placeholder:text-secondary"
         ],
-        input: "placeholder:text-secondary"
+        input: "placeholder:text-secondary",
+        label: "text-secondary"
       }
     },
     {
@@ -268,7 +262,8 @@ var input = tv({
           "data-[hover=true]:bg-success-100",
           "group-data-[focus=true]:bg-success-50"
         ],
-        input: "placeholder:text-success-600 dark:placeholder:text-success"
+        input: "placeholder:text-success-600 dark:placeholder:text-success",
+        label: "text-success-600 dark:text-success"
       }
     },
     {
@@ -284,7 +279,8 @@ var input = tv({
           "data-[hover=true]:bg-warning-100",
           "group-data-[focus=true]:bg-warning-50"
         ],
-        input: "placeholder:text-warning-600 dark:placeholder:text-warning"
+        input: "placeholder:text-warning-600 dark:placeholder:text-warning",
+        label: "text-warning-600 dark:text-warning"
       }
     },
     {
@@ -300,7 +296,8 @@ var input = tv({
           "data-[hover=true]:bg-danger-100",
           "group-data-[focus=true]:bg-danger-50"
         ],
-        input: "placeholder:text-danger dark:placeholder:text-danger-500"
+        input: "placeholder:text-danger dark:placeholder:text-danger-500",
+        label: "text-danger dark:text-danger-500"
       }
     },
     {
@@ -347,70 +344,80 @@ var input = tv({
       variant: "underlined",
       color: "primary",
       class: {
-        inputWrapper: "after:bg-primary"
+        inputWrapper: "after:bg-primary",
+        label: "text-primary"
       }
     },
     {
       variant: "underlined",
       color: "secondary",
       class: {
-        inputWrapper: "after:bg-secondary"
+        inputWrapper: "after:bg-secondary",
+        label: "text-secondary"
       }
     },
     {
       variant: "underlined",
       color: "success",
       class: {
-        inputWrapper: "after:bg-success"
+        inputWrapper: "after:bg-success",
+        label: "text-success"
       }
     },
     {
       variant: "underlined",
       color: "warning",
       class: {
-        inputWrapper: "after:bg-warning"
+        inputWrapper: "after:bg-warning",
+        label: "text-warning"
       }
     },
     {
       variant: "underlined",
       color: "danger",
       class: {
-        inputWrapper: "after:bg-danger"
+        inputWrapper: "after:bg-danger",
+        label: "text-danger"
       }
     },
     {
       variant: "bordered",
       color: "primary",
       class: {
-        inputWrapper: "group-data-[focus=true]:border-primary"
+        inputWrapper: "group-data-[focus=true]:border-primary",
+        label: "text-primary"
       }
     },
     {
       variant: "bordered",
       color: "secondary",
       class: {
-        inputWrapper: "group-data-[focus=true]:border-secondary"
+        inputWrapper: "group-data-[focus=true]:border-secondary",
+        label: "text-secondary"
       }
     },
     {
       variant: "bordered",
       color: "success",
       class: {
-        inputWrapper: "group-data-[focus=true]:border-success"
+        inputWrapper: "group-data-[focus=true]:border-success",
+        label: "text-success"
       }
     },
     {
       variant: "bordered",
       color: "warning",
       class: {
-        inputWrapper: "group-data-[focus=true]:border-warning"
+        inputWrapper: "group-data-[focus=true]:border-warning",
+        label: "text-warning"
       }
     },
     {
       variant: "bordered",
       color: "danger",
       class: {
-        inputWrapper: "group-data-[focus=true]:border-danger"
+        inputWrapper: "group-data-[focus=true]:border-danger",
+        label: "text-danger"
       }
     },
     {
@@ -500,7 +507,7 @@ var input = tv({
       size: "lg",
       class: {
         label: "text-small",
-        inputWrapper: "h-16 py-2.5 gap-1"
+        inputWrapper: "h-16 py-2.5 gap-0"
       }
     },
     {
@@ -509,22 +516,11 @@ var input = tv({
       class: {
         label: [
           "font-normal",
-          "text-foreground-500",
-          "group-focus-within:font-medium",
-          "group-[.is-filled]:font-medium",
-          "group-focus-within:pointer-events-auto",
-          "group-[.is-filled]:pointer-events-auto"
+          "group-data-[filled-within=true]:font-medium",
+          "group-data-[filled-within=true]:pointer-events-auto"
         ]
       }
     },
-    {
-      isLabelPlaceholder: true,
-      labelPlacement: "inside",
-      class: {
-        inputWrapper: "group",
-        label: ["group-focus-within:text-foreground-600", "group-[.is-filled]:text-foreground-600"]
-      }
-    },
     {
       isLabelPlaceholder: true,
       labelPlacement: "outside",
@@ -532,85 +528,21 @@ var input = tv({
         base: "group relative justify-end",
         label: [
           "pb-0",
-          "group-focus-within:left-0",
-          "group-[.is-filled]:left-0",
-          "group-focus-within:text-foreground",
-          "group-[.is-filled]:text-foreground"
+          "z-20",
+          "opacity-60",
+          "top-1/2",
+          "-translate-y-1/2",
+          "group-data-[filled-within=true]:left-0",
+          "group-data-[filled-within=true]:opacity-100"
         ]
       }
     },
-    {
-      isLabelPlaceholder: true,
-      color: "primary",
-      class: {
-        label: ["group-focus-within:text-primary", "group-[.is-filled]:text-primary"]
-      }
-    },
-    {
-      isLabelPlaceholder: true,
-      color: "secondary",
-      class: {
-        label: ["group-focus-within:text-secondary", "group-[.is-filled]:text-secondary"]
-      }
-    },
-    {
-      isLabelPlaceholder: true,
-      color: "success",
-      class: {
-        label: ["group-focus-within:text-success", "group-[.is-filled]:text-success"]
-      }
-    },
-    {
-      isLabelPlaceholder: true,
-      color: "warning",
-      class: {
-        label: ["group-focus-within:text-warning", "group-[.is-filled]:text-warning"]
-      }
-    },
-    {
-      isLabelPlaceholder: true,
-      color: "danger",
-      class: {
-        label: ["group-focus-within:text-danger", "group-[.is-filled]:text-danger"]
-      }
-    },
-    {
-      isLabelPlaceholder: true,
-      variant: "underlined",
-      class: {
-        label: ["group-focus-within:pt-0", "group-[.is-filled]:pt-0"]
-      }
-    },
-    {
-      isLabelPlaceholder: true,
-      variant: "underlined",
-      size: "sm",
-      class: {
-        label: ["pt-3"]
-      }
-    },
-    {
-      isLabelPlaceholder: true,
-      variant: "underlined",
-      size: "md",
-      class: {
-        label: ["pt-4"]
-      }
-    },
-    {
-      isLabelPlaceholder: true,
-      variant: "underlined",
-      size: "lg",
-      class: {
-        label: ["pt-5"]
-      }
-    },
     {
       isLabelPlaceholder: true,
       labelPlacement: "inside",
       size: ["sm", "md"],
       class: {
-        label: ["text-small", "group-focus-within:text-tiny", "group-[.is-filled]:text-tiny"],
+        label: ["text-small", "group-data-[filled-within=true]:text-tiny"],
         input: "pt-4"
       }
     },
@@ -619,7 +551,9 @@ var input = tv({
       labelPlacement: "inside",
       size: "sm",
       class: {
-        label: ["group-focus-within:-translate-y-2.5", "group-[.is-filled]:-translate-y-2.5"],
+        label: [
+          "group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_3px)]"
+        ],
         input: "pt-4"
       }
     },
@@ -628,7 +562,9 @@ var input = tv({
       labelPlacement: "inside",
       size: "md",
       class: {
-        label: ["group-focus-within:-translate-y-3", "group-[.is-filled]:-translate-y-3"],
+        label: [
+          "group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_4px)]"
+        ],
         input: "pt-4"
       }
     },
@@ -639,12 +575,10 @@ var input = tv({
       class: {
         label: [
           "text-medium",
-          "group-focus-within:text-small",
-          "group-focus-within:-translate-y-3",
-          "group-[.is-filled]:text-small",
-          "group-[.is-filled]:-translate-y-3"
+          "group-data-[filled-within=true]:text-small",
+          "group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_5px)]"
         ],
-        input: "pt-6"
+        input: "pt-5"
       }
     },
     {
@@ -653,11 +587,10 @@ var input = tv({
       size: "sm",
       class: {
         label: [
-          "text-tiny",
-          "bottom-2",
           "left-2",
-          "group-focus-within:bottom-10",
-          "group-[.is-filled]:bottom-10"
+          "text-small",
+          "group-data-[filled-within=true]:text-tiny",
+          "group-data-[filled-within=true]:-translate-y-[calc(100%_+_theme(fontSize.tiny)/2_+_16px)]"
         ]
       }
     },
@@ -667,11 +600,9 @@ var input = tv({
       size: "md",
       class: {
         label: [
-          "text-small",
-          "bottom-2.5",
           "left-3",
-          "group-focus-within:bottom-12",
-          "group-[.is-filled]:bottom-12"
+          "text-small",
+          "group-data-[filled-within=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_20px)]"
         ]
       }
     },
@@ -681,13 +612,10 @@ var input = tv({
       size: "lg",
       class: {
         label: [
-          "text-medium",
-          "bottom-3",
           "left-3",
-          "group-focus-within:text-small",
-          "group-[.is-filled]:bottom-sm",
-          "group-focus-within:bottom-14",
-          "group-[.is-filled]:bottom-14"
+          "text-medium",
+          "group-data-[filled-within=true]:text-small",
+          "group-data-[filled-within=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_24px)]"
         ]
       }
     }

package/dist/{chunk-PW52XQD7.mjs → chunk-RYOZQSNI.mjs}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-NW5W5ANO.mjs";
 import {
   utilities
-} from "./chunk-DYIIRM5B.mjs";
+} from "./chunk-Y32IWEMZ.mjs";
 import {
   baseStyles
 } from "./chunk-T7JNS25F.mjs";
@@ -145,6 +145,9 @@ var corePlugin = (themes = {}, defaultTheme, prefix, addCommonColors) => {
             ...addCommonColors ? commonColors : {},
             ...resolved.colors
           },
+          scale: {
+            "80": "0.8"
+          },
           height: {
             divider: `var(--${prefix}-divider-weight)`
           },