@tipp/ui 1.6.3 → 1.6.5

package/dist/app/platform/edit-service-type.js

@@ -3,7 +3,7 @@ import {
 } from "../../chunk-WNSDISYV.js";
 import "../../chunk-4UV3GA6V.js";
 import "../../chunk-FLMSBAPO.js";
-import "../../chunk-3HBRMWRE.js";
+import "../../chunk-GGXPZLTY.js";
 import "../../chunk-GGYG5EKG.js";
 import "../../chunk-OHBXWFQ7.js";
 import "../../chunk-PCWEW2UL.js";
@@ -11,7 +11,7 @@ import "../../chunk-OCINOC2X.js";
 import "../../chunk-LEA3N4OQ.js";
 import "../../chunk-WUULPI2P.js";
 import "../../chunk-V4ZJJM3V.js";
-import "../../chunk-HXUZQJQY.js";
+import "../../chunk-EVCB4ZZJ.js";
 import "../../chunk-V2DF2GUE.js";
 import "../../chunk-ZXQZRIRS.js";
 import "../../chunk-W4GH6ZKK.js";

package/dist/app/platform/goal-manage-card-edit.cjs

@@ -997,36 +997,30 @@ var import_jsx_runtime36 = require("react/jsx-runtime");
 // src/molecules/date-picker/date-picker-button.tsx
 var import_react26 = require("react");
 var import_date_fns = require("date-fns");
-var import_lodash_es = require("lodash-es");
+var import_clsx = require("clsx");
 var import_jsx_runtime37 = require("react/jsx-runtime");
 function DatePickerButton(props) {
   const _a = props, { size, placeholder, format: formatProps, disabled } = _a, rest = __objRest(_a, ["size", "placeholder", "format", "disabled"]);
   const buttonProps = (0, import_react26.useMemo)(() => {
     const variant = "outline";
     const color = "gray";
-    const style = {
-      width: "100%"
-    };
-    const disabledProps = {
-      style: {
-        background: "var(--gray-a2)",
-        color: "var(--gray-9)",
-        boxShadow: "inset 0 0 0 1px var(--accent-a6)"
-      },
-      variant: "surface"
-    };
-    const baseButtonProps = { size, color, style, variant };
-    return (0, import_lodash_es.merge)(baseButtonProps, disabled ? disabledProps : {});
+    return { size, color, variant, disabled };
   }, [disabled, size]);
   const selectFormat = (0, import_react26.useMemo)(() => {
     if (formatProps)
       return formatProps;
     return (date) => date ? (0, import_date_fns.format)(date, "yyyy\uB144 MM\uC6D4 dd\uC77C") : placeholder;
   }, [formatProps, placeholder]);
+  const className = (0, import_react26.useMemo)(() => {
+    return (0, import_clsx.clsx)(
+      "date-picker-button",
+      (disabled || props.readOnly) && "disabled"
+    );
+  }, [disabled, props.readOnly]);
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes6.Box, { p: "0", width: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     DatePicker,
     __spreadProps(__spreadValues({
-      customInput: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Button, __spreadProps(__spreadValues({ type: "button" }, buttonProps), { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_themes22.Flex, { align: "center", gap: "3", justify: "between", width: "100%", children: [
+      customInput: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Button, __spreadProps(__spreadValues({ className, type: "button" }, buttonProps), { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_themes22.Flex, { align: "center", gap: "3", justify: "between", width: "100%", children: [
         rest.selected ? selectFormat(rest.selected) : placeholder,
         /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_icons3.CalendarIcon, {})
       ] }) })),