@deepnoid/ui 0.1.223 → 1.0.0

package/dist/components/textarea/textarea.js

@@ -201,17 +201,17 @@ var textareaStyle = (0, import_tailwind_variants.tv)({
       "outline-none",
       "resize-none",
       "focus:ring-0",
-      "group-has-[:hover]/textarea:!text-neutral-dark",
-      "group-has-[:hover]/textarea:placeholder:!text-neutral-dark",
-      "group-has-[:focus]/textarea:!text-neutral-dark",
-      "group-has-[:focus]/textarea:placeholder:!text-neutral-dark",
+      "group-hover/textarea:!text-neutral-dark",
+      "group-hover/textarea:placeholder:!text-neutral-dark",
+      "focus:!text-neutral-dark",
+      "focus:placeholder:!text-neutral-dark",
       "group-has-[p.error]/textarea:bg-danger-soft",
       "group-has-[p.error]/textarea:!text-danger-main",
       "group-has-[p.error]/textarea:placeholder:!text-danger-main"
     ],
     helperMessage: [
       "text-neutral-main",
-      "group-has-[:hover]/textarea:text-neutral-dark",
+      "group-hover/textarea:text-neutral-dark",
       "group-has-[p.error]/textarea:text-danger-main",
       "group-has-[p.error]/textarea:hover:text-danger-main",
       "group-has-[p.error]/textarea:focus:text-danger-main"
@@ -234,8 +234,8 @@ var textareaStyle = (0, import_tailwind_variants.tv)({
       outline: {
         textarea: [
           "border-neutral-light",
-          "group-has-[:hover]/textarea:bg-trans-soft",
-          "group-has-[:focus]/textarea:bg-body-background",
+          "group-hover/textarea:bg-trans-soft",
+          "focus:bg-body-background",
           "group-has-[p.error]/textarea:border-danger-main"
         ],
         readonlyWrapper: ["[&>textarea]:!bg-trans-soft"]
@@ -243,50 +243,44 @@ var textareaStyle = (0, import_tailwind_variants.tv)({
     },
     color: {
       primary: {
-        helperMessage: [
-          "group-has-[:focus]/textarea:text-primary-main",
-          "group-has-[:focus]/textarea:hover:text-primary-main"
-        ],
+        helperMessage: ["group-focus-within/textarea:!text-primary-main"],
         readonly: ["!text-primary-main"]
       },
       secondary: {
-        helperMessage: [
-          "group-has-[:focus]/textarea:text-secondary-main",
-          "group-has-[:focus]/textarea:hover:text-secondary-main"
-        ],
+        helperMessage: ["group-focus-within/textarea:!text-secondary-main"],
         readonly: ["!text-secondary-main"]
       }
     },
     size: {
       sm: {
-        base: ["text-sm", "gap-[4px]"],
+        base: ["text-sm", "gap-sm"],
         label: ["text-sm"],
-        wrapper: ["gap-[4px]"],
-        textarea: ["w-[240px]", "rounded-sm", "p-[8px]"],
+        wrapper: ["gap-sm"],
+        textarea: ["w-[240px]", "rounded-sm", "p-md"],
         helperMessage: ["text-sm"],
         errorMessage: ["text-sm"]
       },
       md: {
-        base: ["text-md", "gap-[6px]"],
+        base: ["text-md", "gap-md"],
         label: ["text-md"],
-        wrapper: ["gap-[6px]"],
-        textarea: ["w-[240px]", "rounded-md", "p-[8px]"],
+        wrapper: ["gap-md"],
+        textarea: ["w-[240px]", "rounded-md", "p-md"],
         helperMessage: ["text-sm"],
         errorMessage: ["text-sm"]
       },
       lg: {
-        base: ["text-lg", "gap-[8px]"],
+        base: ["text-lg", "gap-lg"],
         label: ["text-lg"],
-        wrapper: ["gap-[8px]"],
-        textarea: ["w-[240px]", "rounded-lg", "p-[10px]"],
+        wrapper: ["gap-lg"],
+        textarea: ["w-[240px]", "rounded-lg", "p-lg"],
         helperMessage: ["text-md"],
         errorMessage: ["text-md"]
       },
       xl: {
-        base: ["text-xl", "gap-[10px]"],
+        base: ["text-xl", "gap-xl"],
         label: ["text-xl"],
-        wrapper: ["gap-[10px]"],
-        textarea: ["w-[240px]", "rounded-lg", "p-[10px]"],
+        wrapper: ["gap-xl"],
+        textarea: ["w-[240px]", "rounded-lg", "p-lg"],
         helperMessage: ["text-md"],
         errorMessage: ["text-md"]
       }
@@ -302,18 +296,17 @@ var textareaStyle = (0, import_tailwind_variants.tv)({
         textarea: ["w-full"]
       }
     },
+    readonly: {
+      true: {
+        readonlyWrapper: ["pointer-events-none"],
+        textarea: ["!text-body-foreground", "placeholder:!text-body-foreground"],
+        helperMessage: ["!text-body-foreground"]
+      }
+    },
     disabled: {
       true: {
-        textarea: [
-          "bg-neutral-soft",
-          "pointer-events-none",
-          "text-neutral-light",
-          "placeholder:!text-neutral-light",
-          "group-has-[p.error]/textarea:text-danger-light",
-          "group-has-[p.error]/textarea:border-danger-light",
-          "group-has-[p.error]/textarea:placeholder:!text-danger-light"
-        ],
-        helperMessage: ["!text-neutral-light", "group-has-[p.error]/textarea:!text-danger-light"],
+        textarea: ["!bg-neutral-soft", "pointer-events-none", "!text-neutral-light", "placeholder:!text-neutral-light"],
+        helperMessage: ["!text-neutral-light"],
         errorMessage: ["!text-danger-light"]
       }
     }
@@ -347,11 +340,47 @@ var textareaStyle = (0, import_tailwind_variants.tv)({
         textarea: ["border-xl"]
       }
     },
+    {
+      readonly: true,
+      color: "primary",
+      class: {
+        textarea: ["!text-primary-main", "placeholder:!text-primary-main"]
+      }
+    },
+    {
+      readonly: true,
+      color: "secondary",
+      class: {
+        textarea: ["!text-secondary-main", "placeholder:!text-secondary-main"]
+      }
+    },
+    {
+      disabled: true,
+      class: {
+        textarea: [
+          "group-has-[p.error]/textarea:!text-danger-light",
+          "group-has-[p.error]/textarea:placeholder:!text-danger-light"
+        ],
+        helperMessage: ["group-has-[p.error]/textarea:!text-danger-light"],
+        errorMessage: ["!text-danger-light"]
+      }
+    },
     {
       disabled: true,
       variant: ["outline"],
       class: {
-        textarea: ["!bg-body-background", "group-has-[p.error]/input:border-danger-light"]
+        textarea: ["!bg-body-background", "group-has-[p.error]/textarea:!border-danger-light"]
+      }
+    },
+    {
+      disabled: false,
+      class: {
+        textarea: [
+          "group-has-[p.error]/textarea:!text-danger-main",
+          "group-has-[p.error]/textarea:placeholder:!text-danger-main"
+        ],
+        helperMessage: ["group-has-[p.error]/textarea:!text-danger-main"],
+        errorMessage: ["!text-danger-main"]
       }
     }
   ],

package/dist/components/textarea/textarea.mjs

@@ -2,7 +2,7 @@
 "use client";
 import {
   textarea_default
-} from "../../chunk-44FMPRHV.mjs";
+} from "../../chunk-MAGZDGUW.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";