@deepnoid/ui 1.0.0 → 1.0.1

package/dist/components/picker/datePicker.js

@@ -5712,19 +5712,19 @@ var buttonBaseStyle = tv({
   },
   variants: {
     variant: {
-      solid: [],
-      soft: [],
-      outline: [],
-      ghost: []
+      solid: {},
+      soft: {},
+      outline: { base: ["bg-transparent"] },
+      ghost: {}
     },
     color: {
-      primary: [],
-      secondary: [],
-      neutral: [],
-      info: [],
-      success: [],
-      warning: [],
-      danger: []
+      primary: {},
+      secondary: {},
+      neutral: {},
+      info: {},
+      success: {},
+      warning: {},
+      danger: {}
     },
     disabled: {
       true: {
@@ -5733,12 +5733,7 @@ var buttonBaseStyle = tv({
     },
     isInGroup: {
       true: {
-        base: [
-          "[&:not(:first-child):not(:last-child)]:rounded-none",
-          "first:rounded-r-none",
-          "last:rounded-l-none",
-          "[&:not(:first-child)]:border-l-0"
-        ]
+        base: ["!rounded-none", "[&:not(:first-child)]:border-l-0"]
       }
     }
   },
@@ -5918,91 +5913,49 @@ var buttonBaseStyle = tv({
       variant: "outline",
       color: "primary",
       class: {
-        base: [
-          "bg-body-background",
-          "border-primary-main",
-          "text-primary-main",
-          "hover:bg-primary-soft",
-          "active:bg-primary-light"
-        ]
+        base: ["border-primary-main", "text-primary-main", "hover:bg-primary-soft", "active:bg-primary-light"]
       }
     },
     {
       variant: "outline",
       color: "secondary",
       class: {
-        base: [
-          "bg-body-background",
-          "border-secondary-main",
-          "text-secondary-main",
-          "hover:bg-secondary-soft",
-          "active:bg-secondary-light"
-        ]
+        base: ["border-secondary-main", "text-secondary-main", "hover:bg-secondary-soft", "active:bg-secondary-light"]
       }
     },
     {
       variant: "outline",
       color: "neutral",
       class: {
-        base: [
-          "bg-body-background",
-          "border-neutral-main",
-          "text-neutral-main",
-          "hover:bg-neutral-soft",
-          "active:bg-neutral-light"
-        ]
+        base: ["border-neutral-main", "text-neutral-main", "hover:bg-neutral-soft", "active:bg-neutral-light"]
       }
     },
     {
       variant: "outline",
       color: "info",
       class: {
-        base: [
-          "bg-body-background",
-          "border-info-main",
-          "text-info-main",
-          "hover:bg-info-soft",
-          "active:bg-info-light"
-        ]
+        base: ["border-info-main", "text-info-main", "hover:bg-info-soft", "active:bg-info-light"]
       }
     },
     {
       variant: "outline",
       color: "success",
       class: {
-        base: [
-          "bg-body-background",
-          "border-success-main",
-          "text-success-main",
-          "hover:bg-success-soft",
-          "active:bg-success-light"
-        ]
+        base: ["border-success-main", "text-success-main", "hover:bg-success-soft", "active:bg-success-light"]
       }
     },
     {
       variant: "outline",
       color: "warning",
       class: {
-        base: [
-          "bg-body-background",
-          "border-warning-main",
-          "text-warning-main",
-          "hover:bg-warning-soft",
-          "active:bg-warning-light"
-        ]
+        base: ["border-warning-main", "text-warning-main", "hover:bg-warning-soft", "active:bg-warning-light"]
       }
     },
     {
       variant: "outline",
       color: "danger",
       class: {
-        base: [
-          "bg-body-background",
-          "border-danger-main",
-          "text-danger-main",
-          "hover:bg-danger-soft",
-          "active:bg-danger-light"
-        ]
+        base: ["border-danger-main", "text-danger-main", "hover:bg-danger-soft", "active:bg-danger-light"]
       }
     },
     // ghost & color
@@ -6886,6 +6839,7 @@ var inputStyle = tv(
         },
         outline: {
           inputWrapper: [
+            "bg-transparent",
             "border-neutral-light",
             "group-has-[:hover:not(:read-only):not(:focus)]/input:bg-trans-soft",
             "group-has-[:focus:not(:read-only)]/input:bg-body-background",

package/dist/components/picker/datePicker.mjs

@@ -2,22 +2,22 @@
 import {
   datePickerStyle,
   datePicker_default
-} from "../../chunk-2K3HZMC6.mjs";
+} from "../../chunk-3STWFJVX.mjs";
 import "../../chunk-DI7QXTYZ.mjs";
 import "../../chunk-3IBJXQTJ.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-S2T4GHJA.mjs";
+import "../../chunk-HJ2RUGGG.mjs";
 import "../../chunk-MY5U63QO.mjs";
-import "../../chunk-YBDQSEPV.mjs";
-import "../../chunk-TBI5O3OL.mjs";
-import "../../chunk-63JRWMWN.mjs";
-import "../../chunk-RFHWRBAB.mjs";
+import "../../chunk-67DEFPS6.mjs";
+import "../../chunk-JXIQOVRO.mjs";
+import "../../chunk-T6IFFFAD.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-SZL743JC.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-A6UUVHC6.mjs";
-import "../../chunk-Z4NO7SMY.mjs";
+import "../../chunk-BTAOTEW7.mjs";
+import "../../chunk-ROG3BOMM.mjs";
 import "../../chunk-AOU4QX7H.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";

package/dist/components/picker/index.js

@@ -5781,19 +5781,19 @@ var buttonBaseStyle = tv({
   },
   variants: {
     variant: {
-      solid: [],
-      soft: [],
-      outline: [],
-      ghost: []
+      solid: {},
+      soft: {},
+      outline: { base: ["bg-transparent"] },
+      ghost: {}
     },
     color: {
-      primary: [],
-      secondary: [],
-      neutral: [],
-      info: [],
-      success: [],
-      warning: [],
-      danger: []
+      primary: {},
+      secondary: {},
+      neutral: {},
+      info: {},
+      success: {},
+      warning: {},
+      danger: {}
     },
     disabled: {
       true: {
@@ -5802,12 +5802,7 @@ var buttonBaseStyle = tv({
     },
     isInGroup: {
       true: {
-        base: [
-          "[&:not(:first-child):not(:last-child)]:rounded-none",
-          "first:rounded-r-none",
-          "last:rounded-l-none",
-          "[&:not(:first-child)]:border-l-0"
-        ]
+        base: ["!rounded-none", "[&:not(:first-child)]:border-l-0"]
       }
     }
   },
@@ -5987,91 +5982,49 @@ var buttonBaseStyle = tv({
       variant: "outline",
       color: "primary",
       class: {
-        base: [
-          "bg-body-background",
-          "border-primary-main",
-          "text-primary-main",
-          "hover:bg-primary-soft",
-          "active:bg-primary-light"
-        ]
+        base: ["border-primary-main", "text-primary-main", "hover:bg-primary-soft", "active:bg-primary-light"]
       }
     },
     {
       variant: "outline",
       color: "secondary",
       class: {
-        base: [
-          "bg-body-background",
-          "border-secondary-main",
-          "text-secondary-main",
-          "hover:bg-secondary-soft",
-          "active:bg-secondary-light"
-        ]
+        base: ["border-secondary-main", "text-secondary-main", "hover:bg-secondary-soft", "active:bg-secondary-light"]
       }
     },
     {
       variant: "outline",
       color: "neutral",
       class: {
-        base: [
-          "bg-body-background",
-          "border-neutral-main",
-          "text-neutral-main",
-          "hover:bg-neutral-soft",
-          "active:bg-neutral-light"
-        ]
+        base: ["border-neutral-main", "text-neutral-main", "hover:bg-neutral-soft", "active:bg-neutral-light"]
       }
     },
     {
       variant: "outline",
       color: "info",
       class: {
-        base: [
-          "bg-body-background",
-          "border-info-main",
-          "text-info-main",
-          "hover:bg-info-soft",
-          "active:bg-info-light"
-        ]
+        base: ["border-info-main", "text-info-main", "hover:bg-info-soft", "active:bg-info-light"]
       }
     },
     {
       variant: "outline",
       color: "success",
       class: {
-        base: [
-          "bg-body-background",
-          "border-success-main",
-          "text-success-main",
-          "hover:bg-success-soft",
-          "active:bg-success-light"
-        ]
+        base: ["border-success-main", "text-success-main", "hover:bg-success-soft", "active:bg-success-light"]
       }
     },
     {
       variant: "outline",
       color: "warning",
       class: {
-        base: [
-          "bg-body-background",
-          "border-warning-main",
-          "text-warning-main",
-          "hover:bg-warning-soft",
-          "active:bg-warning-light"
-        ]
+        base: ["border-warning-main", "text-warning-main", "hover:bg-warning-soft", "active:bg-warning-light"]
       }
     },
     {
       variant: "outline",
       color: "danger",
       class: {
-        base: [
-          "bg-body-background",
-          "border-danger-main",
-          "text-danger-main",
-          "hover:bg-danger-soft",
-          "active:bg-danger-light"
-        ]
+        base: ["border-danger-main", "text-danger-main", "hover:bg-danger-soft", "active:bg-danger-light"]
       }
     },
     // ghost & color
@@ -6913,6 +6866,7 @@ var inputStyle = tv(
         },
         outline: {
           inputWrapper: [
+            "bg-transparent",
             "border-neutral-light",
             "group-has-[:hover:not(:read-only):not(:focus)]/input:bg-trans-soft",
             "group-has-[:focus:not(:read-only)]/input:bg-body-background",

package/dist/components/picker/index.mjs

@@ -2,29 +2,29 @@
 import "../../chunk-4VWG4726.mjs";
 import {
   timePicker_default
-} from "../../chunk-CBFUVFGI.mjs";
-import "../../chunk-TBRF36RK.mjs";
+} from "../../chunk-AVUO6TGC.mjs";
+import "../../chunk-MCSP3FVE.mjs";
 import "../../chunk-RKHH3CUS.mjs";
 import {
   datePicker_default
-} from "../../chunk-2K3HZMC6.mjs";
+} from "../../chunk-3STWFJVX.mjs";
 import {
   day_default
 } from "../../chunk-DI7QXTYZ.mjs";
 import "../../chunk-3IBJXQTJ.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-S2T4GHJA.mjs";
+import "../../chunk-HJ2RUGGG.mjs";
 import "../../chunk-MY5U63QO.mjs";
-import "../../chunk-YBDQSEPV.mjs";
-import "../../chunk-TBI5O3OL.mjs";
-import "../../chunk-63JRWMWN.mjs";
-import "../../chunk-RFHWRBAB.mjs";
+import "../../chunk-67DEFPS6.mjs";
+import "../../chunk-JXIQOVRO.mjs";
+import "../../chunk-T6IFFFAD.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-SZL743JC.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-A6UUVHC6.mjs";
-import "../../chunk-Z4NO7SMY.mjs";
+import "../../chunk-BTAOTEW7.mjs";
+import "../../chunk-ROG3BOMM.mjs";
 import "../../chunk-AOU4QX7H.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";

package/dist/components/picker/timePicker/Panel.js

@@ -793,19 +793,19 @@ var buttonBaseStyle = tv({
   },
   variants: {
     variant: {
-      solid: [],
-      soft: [],
-      outline: [],
-      ghost: []
+      solid: {},
+      soft: {},
+      outline: { base: ["bg-transparent"] },
+      ghost: {}
     },
     color: {
-      primary: [],
-      secondary: [],
-      neutral: [],
-      info: [],
-      success: [],
-      warning: [],
-      danger: []
+      primary: {},
+      secondary: {},
+      neutral: {},
+      info: {},
+      success: {},
+      warning: {},
+      danger: {}
     },
     disabled: {
       true: {
@@ -814,12 +814,7 @@ var buttonBaseStyle = tv({
     },
     isInGroup: {
       true: {
-        base: [
-          "[&:not(:first-child):not(:last-child)]:rounded-none",
-          "first:rounded-r-none",
-          "last:rounded-l-none",
-          "[&:not(:first-child)]:border-l-0"
-        ]
+        base: ["!rounded-none", "[&:not(:first-child)]:border-l-0"]
       }
     }
   },
@@ -999,91 +994,49 @@ var buttonBaseStyle = tv({
       variant: "outline",
       color: "primary",
       class: {
-        base: [
-          "bg-body-background",
-          "border-primary-main",
-          "text-primary-main",
-          "hover:bg-primary-soft",
-          "active:bg-primary-light"
-        ]
+        base: ["border-primary-main", "text-primary-main", "hover:bg-primary-soft", "active:bg-primary-light"]
       }
     },
     {
       variant: "outline",
       color: "secondary",
       class: {
-        base: [
-          "bg-body-background",
-          "border-secondary-main",
-          "text-secondary-main",
-          "hover:bg-secondary-soft",
-          "active:bg-secondary-light"
-        ]
+        base: ["border-secondary-main", "text-secondary-main", "hover:bg-secondary-soft", "active:bg-secondary-light"]
       }
     },
     {
       variant: "outline",
       color: "neutral",
       class: {
-        base: [
-          "bg-body-background",
-          "border-neutral-main",
-          "text-neutral-main",
-          "hover:bg-neutral-soft",
-          "active:bg-neutral-light"
-        ]
+        base: ["border-neutral-main", "text-neutral-main", "hover:bg-neutral-soft", "active:bg-neutral-light"]
       }
     },
     {
       variant: "outline",
       color: "info",
       class: {
-        base: [
-          "bg-body-background",
-          "border-info-main",
-          "text-info-main",
-          "hover:bg-info-soft",
-          "active:bg-info-light"
-        ]
+        base: ["border-info-main", "text-info-main", "hover:bg-info-soft", "active:bg-info-light"]
       }
     },
     {
       variant: "outline",
       color: "success",
       class: {
-        base: [
-          "bg-body-background",
-          "border-success-main",
-          "text-success-main",
-          "hover:bg-success-soft",
-          "active:bg-success-light"
-        ]
+        base: ["border-success-main", "text-success-main", "hover:bg-success-soft", "active:bg-success-light"]
       }
     },
     {
       variant: "outline",
       color: "warning",
       class: {
-        base: [
-          "bg-body-background",
-          "border-warning-main",
-          "text-warning-main",
-          "hover:bg-warning-soft",
-          "active:bg-warning-light"
-        ]
+        base: ["border-warning-main", "text-warning-main", "hover:bg-warning-soft", "active:bg-warning-light"]
       }
     },
     {
       variant: "outline",
       color: "danger",
       class: {
-        base: [
-          "bg-body-background",
-          "border-danger-main",
-          "text-danger-main",
-          "hover:bg-danger-soft",
-          "active:bg-danger-light"
-        ]
+        base: ["border-danger-main", "text-danger-main", "hover:bg-danger-soft", "active:bg-danger-light"]
       }
     },
     // ghost & color

package/dist/components/picker/timePicker/Panel.mjs

@@ -2,20 +2,20 @@
 import {
   Panel_default,
   TimePickerPanel
-} from "../../../chunk-TBRF36RK.mjs";
+} from "../../../chunk-MCSP3FVE.mjs";
 import "../../../chunk-RKHH3CUS.mjs";
 import "../../../chunk-3IBJXQTJ.mjs";
 import "../../../chunk-MY5U63QO.mjs";
-import "../../../chunk-YBDQSEPV.mjs";
-import "../../../chunk-TBI5O3OL.mjs";
-import "../../../chunk-63JRWMWN.mjs";
-import "../../../chunk-RFHWRBAB.mjs";
+import "../../../chunk-67DEFPS6.mjs";
+import "../../../chunk-JXIQOVRO.mjs";
+import "../../../chunk-T6IFFFAD.mjs";
 import "../../../chunk-6WSACUIB.mjs";
 import "../../../chunk-LXHUO6VM.mjs";
 import "../../../chunk-SZL743JC.mjs";
 import "../../../chunk-ZYIIXWVY.mjs";
 import "../../../chunk-A6UUVHC6.mjs";
-import "../../../chunk-Z4NO7SMY.mjs";
+import "../../../chunk-BTAOTEW7.mjs";
+import "../../../chunk-ROG3BOMM.mjs";
 import "../../../chunk-AOU4QX7H.mjs";
 import "../../../chunk-27Y6K5NK.mjs";
 import "../../../chunk-E3G5QXSH.mjs";