@nextui-org/theme 0.0.0-dev-v2-20231106112951 → 0.0.0-dev-v2-20231106185349

package/dist/{chunk-DNEFEC5I.mjs → chunk-MHUM5DV5.mjs}

@@ -17,22 +17,14 @@ var select = tv({
       "subpixel-antialiased",
       "text-small",
       "text-foreground-500",
-      "pointer-events-none",
-      "opacity-70",
-      "group-data-[filled=true]:opacity-100"
+      "pointer-events-none"
     ],
     mainWrapper: "w-full flex flex-col",
     trigger: "relative px-3 gap-3 w-full inline-flex flex-row items-center shadow-sm outline-none tap-highlight-transparent",
     innerWrapper: "inline-flex h-full w-[calc(100%_-_theme(spacing.unit-6))] min-h-unit-4 items-center gap-1.5 box-border",
     selectorIcon: "absolute right-3 w-unit-4 h-unit-4",
     spinner: "absolute right-3",
-    value: [
-      "font-normal",
-      "w-full",
-      "text-left",
-      "opacity-70",
-      "group-data-[has-value=true]:opacity-100"
-    ],
+    value: ["text-foreground-500", "font-normal", "w-full", "text-left"],
     listboxWrapper: "scroll-py-6 max-h-64 w-full",
     listbox: "",
     popoverContent: "w-full p-1 overflow-hidden",
@@ -47,9 +39,7 @@ var select = tv({
           "bg-default-100",
           "data-[hover=true]:bg-default-200",
           "group-data-[focus=true]:bg-default-100"
-        ],
-        label: "text-default-foreground",
-        value: "placeholder:text-default-foreground"
+        ]
       },
       faded: {
         trigger: [
@@ -58,8 +48,7 @@ var select = tv({
           "border-default-200",
           "data-[hover=true]:border-default-400"
         ],
-        label: "text-default-foreground",
-        value: "placeholder:text-default-foreground"
+        value: "group-data-[has-value=true]:text-default-foreground"
       },
       bordered: {
         trigger: [
@@ -69,9 +58,7 @@ var select = tv({
           "data-[open=true]:border-default-foreground",
           "data-[focus=true]:border-default-foreground",
           "data-[focus=true]:border-default-foreground"
-        ],
-        label: "text-foreground",
-        value: "placeholder:text-foreground"
+        ]
       },
       underlined: {
         trigger: [
@@ -97,14 +84,11 @@ var select = tv({
           "data-[open=true]:after:w-full",
           "data-[focus=true]:after:w-full"
         ],
-        label: "text-foreground",
-        value: "placeholder:text-foreground"
+        label: "group-data-[filled=true]:text-foreground"
       }
     },
     color: {
-      default: {
-        label: "group-data-[filled=true]:opacity-80"
-      },
+      default: {},
       primary: {},
       secondary: {},
       success: {},
@@ -145,12 +129,11 @@ var select = tv({
     },
     labelPlacement: {
       outside: {
-        base: "flex flex-col",
-        label: "text-foreground pb-1.5"
+        base: "flex flex-col"
       },
       "outside-left": {
         base: "flex-row items-center flex-nowrap items-start",
-        label: "relative text-foreground pr-2"
+        label: "relative pr-2 text-foreground"
       },
       inside: {
         label: "text-tiny cursor-pointer",
@@ -228,6 +211,13 @@ var select = tv({
     disableSelectorIconRotation: false
   },
   compoundVariants: [
+    {
+      variant: "flat",
+      color: "default",
+      class: {
+        value: "group-data-[has-value=true]:text-default-foreground"
+      }
+    },
     {
       variant: "flat",
       color: "primary",
@@ -341,6 +331,13 @@ var select = tv({
         label: "text-danger"
       }
     },
+    {
+      variant: "underlined",
+      color: "default",
+      class: {
+        value: "group-data-[has-value=true]:text-foreground"
+      }
+    },
     {
       variant: "underlined",
       color: "primary",
@@ -421,6 +418,20 @@ var select = tv({
         label: "text-danger"
       }
     },
+    {
+      labelPlacement: "inside",
+      color: "default",
+      class: {
+        label: "group-data-[filled=true]:text-default-600"
+      }
+    },
+    {
+      labelPlacement: "outside",
+      color: "default",
+      class: {
+        label: "group-data-[filled=true]:text-foreground"
+      }
+    },
     {
       radius: "full",
       size: ["sm"],

package/dist/{chunk-D4RGWEG7.mjs → chunk-NFSDMEZH.mjs}

@@ -18,19 +18,15 @@ var input = tv({
       "subpixel-antialiased",
       "block",
       "text-small",
-      "text-foreground-500",
-      "opacity-70",
-      "group-data-[filled-within=true]:opacity-100"
+      "text-foreground-500"
     ],
     mainWrapper: "h-full",
     inputWrapper: "relative w-full inline-flex tap-highlight-transparent flex-row items-center shadow-sm px-3 gap-3",
     innerWrapper: "inline-flex w-full items-center h-full box-border",
     input: [
-      "opacity-70",
       "w-full font-normal bg-transparent !outline-none placeholder:text-foreground-500 focus-visible:outline-none",
       "data-[has-start-content=true]:ps-1.5",
-      "data-[has-end-content=true]:pe-1.5",
-      "group-data-[has-value=true]:opacity-100"
+      "data-[has-end-content=true]:pe-1.5"
     ],
     clearButton: [
       "p-2",
@@ -60,9 +56,7 @@ var input = tv({
           "bg-default-100",
           "data-[hover=true]:bg-default-200",
           "group-data-[focus=true]:bg-default-100"
-        ],
-        input: "placeholder:text-default-foreground",
-        label: "text-default-foreground"
+        ]
       },
       faded: {
         inputWrapper: [
@@ -71,8 +65,7 @@ var input = tv({
           "border-default-200",
           "data-[hover=true]:border-default-400"
         ],
-        input: "placeholder:text-default-foreground",
-        label: "text-default-foreground"
+        value: "group-data-[has-value=true]:text-default-foreground"
       },
       bordered: {
         inputWrapper: [
@@ -80,9 +73,7 @@ var input = tv({
           "border-default-200",
           "data-[hover=true]:border-default-400",
           "group-data-[focus=true]:border-default-foreground"
-        ],
-        input: "placeholder:text-foreground",
-        label: "text-foreground"
+        ]
       },
       underlined: {
         inputWrapper: [
@@ -108,14 +99,11 @@ var input = tv({
           "group-data-[focus=true]:after:w-full"
         ],
         innerWrapper: "pb-1",
-        input: "placeholder:text-foreground",
-        label: "text-foreground"
+        label: "group-data-[filled-within=true]:text-foreground"
       }
     },
     color: {
-      default: {
-        label: "group-data-[filled-within=true]:opacity-80"
-      },
+      default: {},
       primary: {},
       secondary: {},
       success: {},
@@ -159,7 +147,6 @@ var input = tv({
     },
     labelPlacement: {
       outside: {
-        label: "text-foreground pb-1.5",
         mainWrapper: "flex flex-col"
       },
       "outside-left": {
@@ -195,7 +182,7 @@ var input = tv({
     isInvalid: {
       true: {
         label: "!text-danger",
-        input: "placeholder:text-danger text-danger"
+        input: "!placeholder:text-danger !text-danger"
       }
     },
     isRequired: {
@@ -240,6 +227,13 @@ var input = tv({
     disableAnimation: false
   },
   compoundVariants: [
+    {
+      variant: "flat",
+      color: "default",
+      class: {
+        input: "group-data-[has-value=true]:text-default-foreground"
+      }
+    },
     {
       variant: "flat",
       color: "primary",
@@ -361,6 +355,13 @@ var input = tv({
         inputWrapper: "data-[hover=true]:border-danger focus-within:border-danger"
       }
     },
+    {
+      variant: "underlined",
+      color: "default",
+      class: {
+        input: "group-data-[has-value=true]:text-foreground"
+      }
+    },
     {
       variant: "underlined",
       color: "primary",
@@ -441,6 +442,20 @@ var input = tv({
         label: "text-danger"
       }
     },
+    {
+      labelPlacement: "inside",
+      color: "default",
+      class: {
+        label: "group-data-[filled-within=true]:text-default-600"
+      }
+    },
+    {
+      labelPlacement: "outside",
+      color: "default",
+      class: {
+        label: "group-data-[filled-within=true]:text-foreground"
+      }
+    },
     {
       radius: "full",
       size: ["sm"],

package/dist/components/index.js

@@ -3745,19 +3745,15 @@ var input = tv({
       "subpixel-antialiased",
       "block",
       "text-small",
-      "text-foreground-500",
-      "opacity-70",
-      "group-data-[filled-within=true]:opacity-100"
+      "text-foreground-500"
     ],
     mainWrapper: "h-full",
     inputWrapper: "relative w-full inline-flex tap-highlight-transparent flex-row items-center shadow-sm px-3 gap-3",
     innerWrapper: "inline-flex w-full items-center h-full box-border",
     input: [
-      "opacity-70",
       "w-full font-normal bg-transparent !outline-none placeholder:text-foreground-500 focus-visible:outline-none",
       "data-[has-start-content=true]:ps-1.5",
-      "data-[has-end-content=true]:pe-1.5",
-      "group-data-[has-value=true]:opacity-100"
+      "data-[has-end-content=true]:pe-1.5"
     ],
     clearButton: [
       "p-2",
@@ -3787,9 +3783,7 @@ var input = tv({
           "bg-default-100",
           "data-[hover=true]:bg-default-200",
           "group-data-[focus=true]:bg-default-100"
-        ],
-        input: "placeholder:text-default-foreground",
-        label: "text-default-foreground"
+        ]
       },
       faded: {
         inputWrapper: [
@@ -3798,8 +3792,7 @@ var input = tv({
           "border-default-200",
           "data-[hover=true]:border-default-400"
         ],
-        input: "placeholder:text-default-foreground",
-        label: "text-default-foreground"
+        value: "group-data-[has-value=true]:text-default-foreground"
       },
       bordered: {
         inputWrapper: [
@@ -3807,9 +3800,7 @@ var input = tv({
           "border-default-200",
           "data-[hover=true]:border-default-400",
           "group-data-[focus=true]:border-default-foreground"
-        ],
-        input: "placeholder:text-foreground",
-        label: "text-foreground"
+        ]
       },
       underlined: {
         inputWrapper: [
@@ -3835,14 +3826,11 @@ var input = tv({
           "group-data-[focus=true]:after:w-full"
         ],
         innerWrapper: "pb-1",
-        input: "placeholder:text-foreground",
-        label: "text-foreground"
+        label: "group-data-[filled-within=true]:text-foreground"
       }
     },
     color: {
-      default: {
-        label: "group-data-[filled-within=true]:opacity-80"
-      },
+      default: {},
       primary: {},
       secondary: {},
       success: {},
@@ -3886,7 +3874,6 @@ var input = tv({
     },
     labelPlacement: {
       outside: {
-        label: "text-foreground pb-1.5",
         mainWrapper: "flex flex-col"
       },
       "outside-left": {
@@ -3922,7 +3909,7 @@ var input = tv({
     isInvalid: {
       true: {
         label: "!text-danger",
-        input: "placeholder:text-danger text-danger"
+        input: "!placeholder:text-danger !text-danger"
       }
     },
     isRequired: {
@@ -3967,6 +3954,13 @@ var input = tv({
     disableAnimation: false
   },
   compoundVariants: [
+    {
+      variant: "flat",
+      color: "default",
+      class: {
+        input: "group-data-[has-value=true]:text-default-foreground"
+      }
+    },
     {
       variant: "flat",
       color: "primary",
@@ -4088,6 +4082,13 @@ var input = tv({
         inputWrapper: "data-[hover=true]:border-danger focus-within:border-danger"
       }
     },
+    {
+      variant: "underlined",
+      color: "default",
+      class: {
+        input: "group-data-[has-value=true]:text-foreground"
+      }
+    },
     {
       variant: "underlined",
       color: "primary",
@@ -4168,6 +4169,20 @@ var input = tv({
         label: "text-danger"
       }
     },
+    {
+      labelPlacement: "inside",
+      color: "default",
+      class: {
+        label: "group-data-[filled-within=true]:text-default-600"
+      }
+    },
+    {
+      labelPlacement: "outside",
+      color: "default",
+      class: {
+        label: "group-data-[filled-within=true]:text-foreground"
+      }
+    },
     {
       radius: "full",
       size: ["sm"],
@@ -6031,22 +6046,14 @@ var select = tv({
       "subpixel-antialiased",
       "text-small",
       "text-foreground-500",
-      "pointer-events-none",
-      "opacity-70",
-      "group-data-[filled=true]:opacity-100"
+      "pointer-events-none"
     ],
     mainWrapper: "w-full flex flex-col",
     trigger: "relative px-3 gap-3 w-full inline-flex flex-row items-center shadow-sm outline-none tap-highlight-transparent",
     innerWrapper: "inline-flex h-full w-[calc(100%_-_theme(spacing.unit-6))] min-h-unit-4 items-center gap-1.5 box-border",
     selectorIcon: "absolute right-3 w-unit-4 h-unit-4",
     spinner: "absolute right-3",
-    value: [
-      "font-normal",
-      "w-full",
-      "text-left",
-      "opacity-70",
-      "group-data-[has-value=true]:opacity-100"
-    ],
+    value: ["text-foreground-500", "font-normal", "w-full", "text-left"],
     listboxWrapper: "scroll-py-6 max-h-64 w-full",
     listbox: "",
     popoverContent: "w-full p-1 overflow-hidden",
@@ -6061,9 +6068,7 @@ var select = tv({
           "bg-default-100",
           "data-[hover=true]:bg-default-200",
           "group-data-[focus=true]:bg-default-100"
-        ],
-        label: "text-default-foreground",
-        value: "placeholder:text-default-foreground"
+        ]
       },
       faded: {
         trigger: [
@@ -6072,8 +6077,7 @@ var select = tv({
           "border-default-200",
           "data-[hover=true]:border-default-400"
         ],
-        label: "text-default-foreground",
-        value: "placeholder:text-default-foreground"
+        value: "group-data-[has-value=true]:text-default-foreground"
       },
       bordered: {
         trigger: [
@@ -6083,9 +6087,7 @@ var select = tv({
           "data-[open=true]:border-default-foreground",
           "data-[focus=true]:border-default-foreground",
           "data-[focus=true]:border-default-foreground"
-        ],
-        label: "text-foreground",
-        value: "placeholder:text-foreground"
+        ]
       },
       underlined: {
         trigger: [
@@ -6111,14 +6113,11 @@ var select = tv({
           "data-[open=true]:after:w-full",
           "data-[focus=true]:after:w-full"
         ],
-        label: "text-foreground",
-        value: "placeholder:text-foreground"
+        label: "group-data-[filled=true]:text-foreground"
       }
     },
     color: {
-      default: {
-        label: "group-data-[filled=true]:opacity-80"
-      },
+      default: {},
       primary: {},
       secondary: {},
       success: {},
@@ -6159,12 +6158,11 @@ var select = tv({
     },
     labelPlacement: {
       outside: {
-        base: "flex flex-col",
-        label: "text-foreground pb-1.5"
+        base: "flex flex-col"
       },
       "outside-left": {
         base: "flex-row items-center flex-nowrap items-start",
-        label: "relative text-foreground pr-2"
+        label: "relative pr-2 text-foreground"
       },
       inside: {
         label: "text-tiny cursor-pointer",
@@ -6242,6 +6240,13 @@ var select = tv({
     disableSelectorIconRotation: false
   },
   compoundVariants: [
+    {
+      variant: "flat",
+      color: "default",
+      class: {
+        value: "group-data-[has-value=true]:text-default-foreground"
+      }
+    },
     {
       variant: "flat",
       color: "primary",
@@ -6355,6 +6360,13 @@ var select = tv({
         label: "text-danger"
       }
     },
+    {
+      variant: "underlined",
+      color: "default",
+      class: {
+        value: "group-data-[has-value=true]:text-foreground"
+      }
+    },
     {
       variant: "underlined",
       color: "primary",
@@ -6435,6 +6447,20 @@ var select = tv({
         label: "text-danger"
       }
     },
+    {
+      labelPlacement: "inside",
+      color: "default",
+      class: {
+        label: "group-data-[filled=true]:text-default-600"
+      }
+    },
+    {
+      labelPlacement: "outside",
+      color: "default",
+      class: {
+        label: "group-data-[filled=true]:text-foreground"
+      }
+    },
     {
       radius: "full",
       size: ["sm"],

package/dist/components/index.mjs

@@ -44,7 +44,7 @@ import {
 } from "../chunk-VGHVBXXT.mjs";
 import {
   select
-} from "../chunk-DNEFEC5I.mjs";
+} from "../chunk-MHUM5DV5.mjs";
 import {
   skeleton
 } from "../chunk-JX6O4KJS.mjs";
@@ -53,7 +53,7 @@ import {
 } from "../chunk-F36W5Y6O.mjs";
 import {
   input
-} from "../chunk-D4RGWEG7.mjs";
+} from "../chunk-NFSDMEZH.mjs";
 import {
   kbd
 } from "../chunk-J7FVLFSZ.mjs";