@deepnoid/ui 1.0.18 → 1.0.20

package/dist/components/fileUpload/fileUpload.js

@@ -5280,7 +5280,7 @@ var inputStyle = tv(
           base: ["text-sm", "gap-sm"],
           label: ["text-sm"],
           innerWrapper: ["gap-sm"],
-          inputWrapper: ["w-[240px]", "h-[24px]", "rounded-sm", "px-xs", "gap-sm"],
+          inputWrapper: ["w-[240px]", "h-[24px]", "rounded-sm", "px-sm", "gap-sm"],
           helperMessage: ["text-sm"],
           errorMessage: ["text-sm"]
         },
@@ -5288,7 +5288,7 @@ var inputStyle = tv(
           base: ["text-md", "gap-md"],
           label: ["text-md"],
           innerWrapper: ["gap-md"],
-          inputWrapper: ["w-[240px]", "h-[32px]", "rounded-md", "px-sm", "gap-md"],
+          inputWrapper: ["w-[240px]", "h-[32px]", "rounded-md", "px-md", "gap-md"],
           helperMessage: ["text-sm"],
           errorMessage: ["text-sm"]
         },
@@ -5296,7 +5296,7 @@ var inputStyle = tv(
           base: ["text-lg", "gap-lg"],
           label: ["text-lg"],
           innerWrapper: ["gap-lg"],
-          inputWrapper: ["w-[240px]", "h-[40px]", "rounded-lg", "px-md", "gap-lg"],
+          inputWrapper: ["w-[240px]", "h-[40px]", "rounded-lg", "px-lg", "gap-lg"],
           helperMessage: ["text-md"],
           errorMessage: ["text-md"]
         },
@@ -5304,7 +5304,7 @@ var inputStyle = tv(
           base: ["text-xl", "gap-xl"],
           label: ["text-xl"],
           innerWrapper: ["gap-xl"],
-          inputWrapper: ["w-[240px]", "h-[50px]", "rounded-lg", "px-lg", "gap-xl"],
+          inputWrapper: ["w-[240px]", "h-[50px]", "rounded-lg", "px-xl", "gap-xl"],
           helperMessage: ["text-md"],
           errorMessage: ["text-md"]
         }
@@ -5483,7 +5483,7 @@ var buttonBaseStyle = tv({
     variant: {
       solid: {},
       soft: {},
-      outline: { base: ["bg-transparent"] },
+      outline: { base: ["bg-body-background"] },
       ghost: {}
     },
     color: {
@@ -5495,6 +5495,12 @@ var buttonBaseStyle = tv({
       warning: {},
       danger: {}
     },
+    size: {
+      sm: {},
+      md: {},
+      lg: {},
+      xl: {}
+    },
     disabled: {
       true: {
         base: ["!bg-neutral-soft", "!border-neutral-soft", "!text-neutral-light", "pointer-events-none"]
@@ -5502,7 +5508,7 @@ var buttonBaseStyle = tv({
     },
     isInGroup: {
       true: {
-        base: ["!rounded-none", "[&:not(:first-child)]:border-l-0"]
+        base: ["!rounded-none"]
       }
     }
   },
@@ -5596,85 +5602,49 @@ var buttonBaseStyle = tv({
       variant: "soft",
       color: "primary",
       class: {
-        base: [
-          "text-primary-main",
-          "bg-primary-soft",
-          "border-primary-soft",
-          "hover:border-primary-light",
-          "active:bg-primary-light"
-        ]
+        base: ["text-primary-main", "bg-primary-soft", "hover:border-primary-light", "active:bg-primary-light"]
       }
     },
     {
       variant: "soft",
       color: "secondary",
       class: {
-        base: [
-          "text-secondary-main",
-          "bg-secondary-soft",
-          "border-secondary-soft",
-          "hover:border-secondary-light",
-          "active:bg-secondary-light"
-        ]
+        base: ["text-secondary-main", "bg-secondary-soft", "hover:border-secondary-light", "active:bg-secondary-light"]
       }
     },
     {
       variant: "soft",
       color: "neutral",
       class: {
-        base: [
-          "text-neutral-main",
-          "bg-neutral-soft",
-          "border-neutral-soft",
-          "hover:border-neutral-light",
-          "active:bg-neutral-light"
-        ]
+        base: ["text-neutral-main", "bg-neutral-soft", "hover:border-neutral-light", "active:bg-neutral-light"]
       }
     },
     {
       variant: "soft",
       color: "info",
       class: {
-        base: ["text-info-main", "bg-info-soft", "border-info-soft", "hover:border-info-light", "active:bg-info-light"]
+        base: ["text-info-main", "bg-info-soft", "hover:border-info-light", "active:bg-info-light"]
       }
     },
     {
       variant: "soft",
       color: "success",
       class: {
-        base: [
-          "text-success-main",
-          "bg-success-soft",
-          "border-success-soft",
-          "hover:border-success-light",
-          "active:bg-success-light"
-        ]
+        base: ["text-success-main", "bg-success-soft", "hover:border-success-light", "active:bg-success-light"]
       }
     },
     {
       variant: "soft",
       color: "warning",
       class: {
-        base: [
-          "text-warning-main",
-          "bg-warning-soft",
-          "border-warning-soft",
-          "hover:border-warning-light",
-          "active:bg-warning-light"
-        ]
+        base: ["text-warning-main", "bg-warning-soft", "hover:border-warning-light", "active:bg-warning-light"]
       }
     },
     {
       variant: "soft",
       color: "danger",
       class: {
-        base: [
-          "text-danger-main",
-          "bg-danger-soft",
-          "border-danger-soft",
-          "hover:border-danger-light",
-          "active:bg-danger-light"
-        ]
+        base: ["text-danger-main", "bg-danger-soft", "hover:border-danger-light", "active:bg-danger-light"]
       }
     },
     // outline & color
@@ -5862,6 +5832,21 @@ var buttonBaseStyle = tv({
       class: {
         base: ["!border-neutral-light"]
       }
+    },
+    // variant && isInGroup
+    {
+      variant: ["outline"],
+      isInGroup: true,
+      class: {
+        base: ["[&:not(:first-child)]:!border-l-0"]
+      }
+    },
+    {
+      variant: ["soft"],
+      isInGroup: true,
+      class: {
+        base: ["hover:!z-10", "active:!z-20", "focus:!z-20", "border-l-none"]
+      }
     }
   ]
 });

package/dist/components/fileUpload/fileUpload.mjs

@@ -3,22 +3,22 @@ import {
   FileUpload,
   fileUploadStyle,
   fileUpload_default
-} from "../../chunk-K535MLKN.mjs";
+} from "../../chunk-QTLP2B76.mjs";
 import "../../chunk-7VOQKIIK.mjs";
 import "../../chunk-S7UE2MJZ.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-Y6EIO72X.mjs";
+import "../../chunk-BJWYF2WY.mjs";
 import "../../chunk-MY5U63QO.mjs";
-import "../../chunk-BA7IXGUO.mjs";
-import "../../chunk-ZDZKGGK3.mjs";
+import "../../chunk-IOJMTN6X.mjs";
+import "../../chunk-KIINY2GS.mjs";
 import "../../chunk-LHWHM4LQ.mjs";
-import "../../chunk-LFPED3UH.mjs";
+import "../../chunk-O5VW7CHY.mjs";
 import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-SZL743JC.mjs";
 import "../../chunk-LXHUO6VM.mjs";
+import "../../chunk-SZL743JC.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-A6UUVHC6.mjs";
-import "../../chunk-Q5T3XRA3.mjs";
+import "../../chunk-2WAQRWST.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AOU4QX7H.mjs";

package/dist/components/fileUpload/index.js

@@ -5280,7 +5280,7 @@ var inputStyle = tv(
           base: ["text-sm", "gap-sm"],
           label: ["text-sm"],
           innerWrapper: ["gap-sm"],
-          inputWrapper: ["w-[240px]", "h-[24px]", "rounded-sm", "px-xs", "gap-sm"],
+          inputWrapper: ["w-[240px]", "h-[24px]", "rounded-sm", "px-sm", "gap-sm"],
           helperMessage: ["text-sm"],
           errorMessage: ["text-sm"]
         },
@@ -5288,7 +5288,7 @@ var inputStyle = tv(
           base: ["text-md", "gap-md"],
           label: ["text-md"],
           innerWrapper: ["gap-md"],
-          inputWrapper: ["w-[240px]", "h-[32px]", "rounded-md", "px-sm", "gap-md"],
+          inputWrapper: ["w-[240px]", "h-[32px]", "rounded-md", "px-md", "gap-md"],
           helperMessage: ["text-sm"],
           errorMessage: ["text-sm"]
         },
@@ -5296,7 +5296,7 @@ var inputStyle = tv(
           base: ["text-lg", "gap-lg"],
           label: ["text-lg"],
           innerWrapper: ["gap-lg"],
-          inputWrapper: ["w-[240px]", "h-[40px]", "rounded-lg", "px-md", "gap-lg"],
+          inputWrapper: ["w-[240px]", "h-[40px]", "rounded-lg", "px-lg", "gap-lg"],
           helperMessage: ["text-md"],
           errorMessage: ["text-md"]
         },
@@ -5304,7 +5304,7 @@ var inputStyle = tv(
           base: ["text-xl", "gap-xl"],
           label: ["text-xl"],
           innerWrapper: ["gap-xl"],
-          inputWrapper: ["w-[240px]", "h-[50px]", "rounded-lg", "px-lg", "gap-xl"],
+          inputWrapper: ["w-[240px]", "h-[50px]", "rounded-lg", "px-xl", "gap-xl"],
           helperMessage: ["text-md"],
           errorMessage: ["text-md"]
         }
@@ -5483,7 +5483,7 @@ var buttonBaseStyle = tv({
     variant: {
       solid: {},
       soft: {},
-      outline: { base: ["bg-transparent"] },
+      outline: { base: ["bg-body-background"] },
       ghost: {}
     },
     color: {
@@ -5495,6 +5495,12 @@ var buttonBaseStyle = tv({
       warning: {},
       danger: {}
     },
+    size: {
+      sm: {},
+      md: {},
+      lg: {},
+      xl: {}
+    },
     disabled: {
       true: {
         base: ["!bg-neutral-soft", "!border-neutral-soft", "!text-neutral-light", "pointer-events-none"]
@@ -5502,7 +5508,7 @@ var buttonBaseStyle = tv({
     },
     isInGroup: {
       true: {
-        base: ["!rounded-none", "[&:not(:first-child)]:border-l-0"]
+        base: ["!rounded-none"]
       }
     }
   },
@@ -5596,85 +5602,49 @@ var buttonBaseStyle = tv({
       variant: "soft",
       color: "primary",
       class: {
-        base: [
-          "text-primary-main",
-          "bg-primary-soft",
-          "border-primary-soft",
-          "hover:border-primary-light",
-          "active:bg-primary-light"
-        ]
+        base: ["text-primary-main", "bg-primary-soft", "hover:border-primary-light", "active:bg-primary-light"]
       }
     },
     {
       variant: "soft",
       color: "secondary",
       class: {
-        base: [
-          "text-secondary-main",
-          "bg-secondary-soft",
-          "border-secondary-soft",
-          "hover:border-secondary-light",
-          "active:bg-secondary-light"
-        ]
+        base: ["text-secondary-main", "bg-secondary-soft", "hover:border-secondary-light", "active:bg-secondary-light"]
       }
     },
     {
       variant: "soft",
       color: "neutral",
       class: {
-        base: [
-          "text-neutral-main",
-          "bg-neutral-soft",
-          "border-neutral-soft",
-          "hover:border-neutral-light",
-          "active:bg-neutral-light"
-        ]
+        base: ["text-neutral-main", "bg-neutral-soft", "hover:border-neutral-light", "active:bg-neutral-light"]
       }
     },
     {
       variant: "soft",
       color: "info",
       class: {
-        base: ["text-info-main", "bg-info-soft", "border-info-soft", "hover:border-info-light", "active:bg-info-light"]
+        base: ["text-info-main", "bg-info-soft", "hover:border-info-light", "active:bg-info-light"]
       }
     },
     {
       variant: "soft",
       color: "success",
       class: {
-        base: [
-          "text-success-main",
-          "bg-success-soft",
-          "border-success-soft",
-          "hover:border-success-light",
-          "active:bg-success-light"
-        ]
+        base: ["text-success-main", "bg-success-soft", "hover:border-success-light", "active:bg-success-light"]
       }
     },
     {
       variant: "soft",
       color: "warning",
       class: {
-        base: [
-          "text-warning-main",
-          "bg-warning-soft",
-          "border-warning-soft",
-          "hover:border-warning-light",
-          "active:bg-warning-light"
-        ]
+        base: ["text-warning-main", "bg-warning-soft", "hover:border-warning-light", "active:bg-warning-light"]
       }
     },
     {
       variant: "soft",
       color: "danger",
       class: {
-        base: [
-          "text-danger-main",
-          "bg-danger-soft",
-          "border-danger-soft",
-          "hover:border-danger-light",
-          "active:bg-danger-light"
-        ]
+        base: ["text-danger-main", "bg-danger-soft", "hover:border-danger-light", "active:bg-danger-light"]
       }
     },
     // outline & color
@@ -5862,6 +5832,21 @@ var buttonBaseStyle = tv({
       class: {
         base: ["!border-neutral-light"]
       }
+    },
+    // variant && isInGroup
+    {
+      variant: ["outline"],
+      isInGroup: true,
+      class: {
+        base: ["[&:not(:first-child)]:!border-l-0"]
+      }
+    },
+    {
+      variant: ["soft"],
+      isInGroup: true,
+      class: {
+        base: ["hover:!z-10", "active:!z-20", "focus:!z-20", "border-l-none"]
+      }
     }
   ]
 });

package/dist/components/fileUpload/index.mjs

@@ -2,22 +2,22 @@
 import "../../chunk-RLXOHILK.mjs";
 import {
   fileUpload_default
-} from "../../chunk-K535MLKN.mjs";
+} from "../../chunk-QTLP2B76.mjs";
 import "../../chunk-7VOQKIIK.mjs";
 import "../../chunk-S7UE2MJZ.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-Y6EIO72X.mjs";
+import "../../chunk-BJWYF2WY.mjs";
 import "../../chunk-MY5U63QO.mjs";
-import "../../chunk-BA7IXGUO.mjs";
-import "../../chunk-ZDZKGGK3.mjs";
+import "../../chunk-IOJMTN6X.mjs";
+import "../../chunk-KIINY2GS.mjs";
 import "../../chunk-LHWHM4LQ.mjs";
-import "../../chunk-LFPED3UH.mjs";
+import "../../chunk-O5VW7CHY.mjs";
 import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-SZL743JC.mjs";
 import "../../chunk-LXHUO6VM.mjs";
+import "../../chunk-SZL743JC.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-A6UUVHC6.mjs";
-import "../../chunk-Q5T3XRA3.mjs";
+import "../../chunk-2WAQRWST.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AOU4QX7H.mjs";

package/dist/components/input/index.js

@@ -5276,7 +5276,7 @@ var inputStyle = tv(
           base: ["text-sm", "gap-sm"],
           label: ["text-sm"],
           innerWrapper: ["gap-sm"],
-          inputWrapper: ["w-[240px]", "h-[24px]", "rounded-sm", "px-xs", "gap-sm"],
+          inputWrapper: ["w-[240px]", "h-[24px]", "rounded-sm", "px-sm", "gap-sm"],
           helperMessage: ["text-sm"],
           errorMessage: ["text-sm"]
         },
@@ -5284,7 +5284,7 @@ var inputStyle = tv(
           base: ["text-md", "gap-md"],
           label: ["text-md"],
           innerWrapper: ["gap-md"],
-          inputWrapper: ["w-[240px]", "h-[32px]", "rounded-md", "px-sm", "gap-md"],
+          inputWrapper: ["w-[240px]", "h-[32px]", "rounded-md", "px-md", "gap-md"],
           helperMessage: ["text-sm"],
           errorMessage: ["text-sm"]
         },
@@ -5292,7 +5292,7 @@ var inputStyle = tv(
           base: ["text-lg", "gap-lg"],
           label: ["text-lg"],
           innerWrapper: ["gap-lg"],
-          inputWrapper: ["w-[240px]", "h-[40px]", "rounded-lg", "px-md", "gap-lg"],
+          inputWrapper: ["w-[240px]", "h-[40px]", "rounded-lg", "px-lg", "gap-lg"],
           helperMessage: ["text-md"],
           errorMessage: ["text-md"]
         },
@@ -5300,7 +5300,7 @@ var inputStyle = tv(
           base: ["text-xl", "gap-xl"],
           label: ["text-xl"],
           innerWrapper: ["gap-xl"],
-          inputWrapper: ["w-[240px]", "h-[50px]", "rounded-lg", "px-lg", "gap-xl"],
+          inputWrapper: ["w-[240px]", "h-[50px]", "rounded-lg", "px-xl", "gap-xl"],
           helperMessage: ["text-md"],
           errorMessage: ["text-md"]
         }

package/dist/components/input/index.mjs

@@ -2,7 +2,7 @@
 import "../../chunk-2GCSFWHD.mjs";
 import {
   input_default
-} from "../../chunk-Y6EIO72X.mjs";
+} from "../../chunk-BJWYF2WY.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-A6UUVHC6.mjs";
 import "../../chunk-27Y6K5NK.mjs";

package/dist/components/input/input.js

@@ -5275,7 +5275,7 @@ var inputStyle = tv(
           base: ["text-sm", "gap-sm"],
           label: ["text-sm"],
           innerWrapper: ["gap-sm"],
-          inputWrapper: ["w-[240px]", "h-[24px]", "rounded-sm", "px-xs", "gap-sm"],
+          inputWrapper: ["w-[240px]", "h-[24px]", "rounded-sm", "px-sm", "gap-sm"],
           helperMessage: ["text-sm"],
           errorMessage: ["text-sm"]
         },
@@ -5283,7 +5283,7 @@ var inputStyle = tv(
           base: ["text-md", "gap-md"],
           label: ["text-md"],
           innerWrapper: ["gap-md"],
-          inputWrapper: ["w-[240px]", "h-[32px]", "rounded-md", "px-sm", "gap-md"],
+          inputWrapper: ["w-[240px]", "h-[32px]", "rounded-md", "px-md", "gap-md"],
           helperMessage: ["text-sm"],
           errorMessage: ["text-sm"]
         },
@@ -5291,7 +5291,7 @@ var inputStyle = tv(
           base: ["text-lg", "gap-lg"],
           label: ["text-lg"],
           innerWrapper: ["gap-lg"],
-          inputWrapper: ["w-[240px]", "h-[40px]", "rounded-lg", "px-md", "gap-lg"],
+          inputWrapper: ["w-[240px]", "h-[40px]", "rounded-lg", "px-lg", "gap-lg"],
           helperMessage: ["text-md"],
           errorMessage: ["text-md"]
         },
@@ -5299,7 +5299,7 @@ var inputStyle = tv(
           base: ["text-xl", "gap-xl"],
           label: ["text-xl"],
           innerWrapper: ["gap-xl"],
-          inputWrapper: ["w-[240px]", "h-[50px]", "rounded-lg", "px-lg", "gap-xl"],
+          inputWrapper: ["w-[240px]", "h-[50px]", "rounded-lg", "px-xl", "gap-xl"],
           helperMessage: ["text-md"],
           errorMessage: ["text-md"]
         }

package/dist/components/input/input.mjs

@@ -2,7 +2,7 @@
 import {
   inputStyle,
   input_default
-} from "../../chunk-Y6EIO72X.mjs";
+} from "../../chunk-BJWYF2WY.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-A6UUVHC6.mjs";
 import "../../chunk-27Y6K5NK.mjs";

package/dist/components/modal/GlobalModalProvider.js

@@ -5058,7 +5058,7 @@ var buttonBaseStyle = tv({
     variant: {
       solid: {},
       soft: {},
-      outline: { base: ["bg-transparent"] },
+      outline: { base: ["bg-body-background"] },
       ghost: {}
     },
     color: {
@@ -5070,6 +5070,12 @@ var buttonBaseStyle = tv({
       warning: {},
       danger: {}
     },
+    size: {
+      sm: {},
+      md: {},
+      lg: {},
+      xl: {}
+    },
     disabled: {
       true: {
         base: ["!bg-neutral-soft", "!border-neutral-soft", "!text-neutral-light", "pointer-events-none"]
@@ -5077,7 +5083,7 @@ var buttonBaseStyle = tv({
     },
     isInGroup: {
       true: {
-        base: ["!rounded-none", "[&:not(:first-child)]:border-l-0"]
+        base: ["!rounded-none"]
       }
     }
   },
@@ -5171,85 +5177,49 @@ var buttonBaseStyle = tv({
       variant: "soft",
       color: "primary",
       class: {
-        base: [
-          "text-primary-main",
-          "bg-primary-soft",
-          "border-primary-soft",
-          "hover:border-primary-light",
-          "active:bg-primary-light"
-        ]
+        base: ["text-primary-main", "bg-primary-soft", "hover:border-primary-light", "active:bg-primary-light"]
       }
     },
     {
       variant: "soft",
       color: "secondary",
       class: {
-        base: [
-          "text-secondary-main",
-          "bg-secondary-soft",
-          "border-secondary-soft",
-          "hover:border-secondary-light",
-          "active:bg-secondary-light"
-        ]
+        base: ["text-secondary-main", "bg-secondary-soft", "hover:border-secondary-light", "active:bg-secondary-light"]
       }
     },
     {
       variant: "soft",
       color: "neutral",
       class: {
-        base: [
-          "text-neutral-main",
-          "bg-neutral-soft",
-          "border-neutral-soft",
-          "hover:border-neutral-light",
-          "active:bg-neutral-light"
-        ]
+        base: ["text-neutral-main", "bg-neutral-soft", "hover:border-neutral-light", "active:bg-neutral-light"]
       }
     },
     {
       variant: "soft",
       color: "info",
       class: {
-        base: ["text-info-main", "bg-info-soft", "border-info-soft", "hover:border-info-light", "active:bg-info-light"]
+        base: ["text-info-main", "bg-info-soft", "hover:border-info-light", "active:bg-info-light"]
       }
     },
     {
       variant: "soft",
       color: "success",
       class: {
-        base: [
-          "text-success-main",
-          "bg-success-soft",
-          "border-success-soft",
-          "hover:border-success-light",
-          "active:bg-success-light"
-        ]
+        base: ["text-success-main", "bg-success-soft", "hover:border-success-light", "active:bg-success-light"]
       }
     },
     {
       variant: "soft",
       color: "warning",
       class: {
-        base: [
-          "text-warning-main",
-          "bg-warning-soft",
-          "border-warning-soft",
-          "hover:border-warning-light",
-          "active:bg-warning-light"
-        ]
+        base: ["text-warning-main", "bg-warning-soft", "hover:border-warning-light", "active:bg-warning-light"]
       }
     },
     {
       variant: "soft",
       color: "danger",
       class: {
-        base: [
-          "text-danger-main",
-          "bg-danger-soft",
-          "border-danger-soft",
-          "hover:border-danger-light",
-          "active:bg-danger-light"
-        ]
+        base: ["text-danger-main", "bg-danger-soft", "hover:border-danger-light", "active:bg-danger-light"]
       }
     },
     // outline & color
@@ -5437,6 +5407,21 @@ var buttonBaseStyle = tv({
       class: {
         base: ["!border-neutral-light"]
       }
+    },
+    // variant && isInGroup
+    {
+      variant: ["outline"],
+      isInGroup: true,
+      class: {
+        base: ["[&:not(:first-child)]:!border-l-0"]
+      }
+    },
+    {
+      variant: ["soft"],
+      isInGroup: true,
+      class: {
+        base: ["hover:!z-10", "active:!z-20", "focus:!z-20", "border-l-none"]
+      }
     }
   ]
 });