globalfy-design-system 0.24.0 → 0.26.0

package/dist/components/atoms/Input/Input.d.ts

@@ -1,13 +1,2 @@
-/// <reference types="react" />
-export declare const Input: import("react").ForwardRefExoticComponent<{
-    label: string;
-    placeholder?: string | undefined;
-    message?: string | undefined;
-    icon?: string | undefined;
-    isInvalid?: boolean | undefined;
-    isValid?: boolean | undefined;
-    disabled?: boolean | undefined;
-    value?: string | undefined;
-    isDatePicker?: boolean | undefined;
-    iconAction?: (() => void) | undefined;
-} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "color" | "onFocus" | "onBlur" | "size"> & import("react").RefAttributes<HTMLInputElement>>;
+import { InputProps } from ".";
+export declare const Input: ({ message, className, isInvalid, isValid, disabled, value, icon, iconAction, isDatePicker, onClick, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/Input/Input.stories.d.ts

@@ -1,19 +1,7 @@
-/// <reference types="react" />
 import { StoryObj } from "@storybook/react";
 declare const meta: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<{
-        label: string;
-        placeholder?: string | undefined;
-        message?: string | undefined;
-        icon?: string | undefined;
-        isInvalid?: boolean | undefined;
-        isValid?: boolean | undefined;
-        disabled?: boolean | undefined;
-        value?: string | undefined;
-        isDatePicker?: boolean | undefined;
-        iconAction?: (() => void) | undefined;
-    } & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "color" | "onFocus" | "onBlur" | "size"> & import("react").RefAttributes<HTMLInputElement>>;
+    component: ({ message, className, isInvalid, isValid, disabled, value, icon, iconAction, isDatePicker, onClick, ...props }: import("./Input.types").InputProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
 };
 export default meta;

package/dist/globalfy-design-system.js

@@ -41826,129 +41826,126 @@ const eK = YW, tK = QW, nK = XW, rK = JW, eq = ({
       ]
     }
   );
-}, aK = E.forwardRef(
-  ({
-    message: e,
-    className: n,
-    isInvalid: a = !1,
-    isValid: o = !1,
-    disabled: u = !1,
-    value: f,
-    icon: c,
-    iconAction: v,
-    isDatePicker: m = !1,
-    onClick: b,
-    ...x
-  }, w) => {
-    const M = zn({
-      base: "[&_label]:data-[filled-within=true]:!left-[15px] [&_label]:data-[filled-within=true]:!top-[20px] [&_label]:data-[filled-within=true]:!ml-[1px] [&_label]:data-[filled-within=true]:!text-xs [&_label]:data-[filled-within=true]:!text-primary-grey-800",
-      variants: {
-        isInvalid: {
-          true: "[&_label]:data-[filled-within=true]:!text-complementary-red-500"
-        },
-        isValid: {
-          true: "[&_label]:data-[filled-within=true]:!text-secondary-green-500"
-        },
-        disabled: {
-          true: "[&_label]:data-[filled-within=true]:!text-primary-grey-700"
-        }
-      }
-    }), T = zn({
-      base: "left-[15px] font-satoshi font-satoshi text-base text-sm text-primary-grey-800",
-      variants: {
-        isInvalid: {
-          true: "text-complementary-red-500"
-        },
-        isValid: {
-          true: "text-secondary-green-500"
-        },
-        disabled: {
-          true: "text-primary-grey-700"
-        }
+}, aK = ({
+  message: e,
+  className: n,
+  isInvalid: a = !1,
+  isValid: o = !1,
+  disabled: u = !1,
+  value: f,
+  icon: c,
+  iconAction: v,
+  isDatePicker: m = !1,
+  onClick: b,
+  ...x
+}) => {
+  const w = zn({
+    base: "[&_label]:data-[filled-within=true]:!left-[15px] [&_label]:data-[filled-within=true]:!top-[20px] [&_label]:data-[filled-within=true]:!ml-[1px] [&_label]:data-[filled-within=true]:!text-xs [&_label]:data-[filled-within=true]:!text-primary-grey-800",
+    variants: {
+      isInvalid: {
+        true: "[&_label]:data-[filled-within=true]:!text-complementary-red-500"
+      },
+      isValid: {
+        true: "[&_label]:data-[filled-within=true]:!text-secondary-green-500"
+      },
+      disabled: {
+        true: "[&_label]:data-[filled-within=true]:!text-primary-grey-700"
       }
-    }), P = zn({
-      base: "text-left font-satoshi text-base",
-      variants: {
-        disabled: {
-          true: "!text-primary-grey-700"
-        },
-        isDatePicker: {
-          true: "!cursor-pointer"
-        }
+    }
+  }), M = zn({
+    base: "left-[15px] font-satoshi font-satoshi text-base text-sm text-primary-grey-800",
+    variants: {
+      isInvalid: {
+        true: "text-complementary-red-500"
+      },
+      isValid: {
+        true: "text-secondary-green-500"
+      },
+      disabled: {
+        true: "text-primary-grey-700"
       }
-    }), _ = zn({
-      base: "h-12 rounded-lg border border-primary-grey-700 !bg-white px-[15px] text-black !ring-0 !ring-offset-0",
-      variants: {
-        isInvalid: {
-          true: "border-complementary-red-500"
-        },
-        isValid: {
-          true: "border-secondary-green-500"
-        },
-        disabled: {
-          true: "!border-primary-grey-500 !bg-primary-grey-500"
-        },
-        isDatePicker: {
-          true: "!cursor-pointer"
-        }
+    }
+  }), T = zn({
+    base: "text-left font-satoshi text-base",
+    variants: {
+      disabled: {
+        true: "!text-primary-grey-700"
+      },
+      isDatePicker: {
+        true: "!cursor-pointer"
       }
-    }), k = zn({
-      base: "mt-[5px] pl-3 font-satoshi",
-      variants: {
-        isInvalid: {
-          true: "text-complementary-red-500"
-        },
-        isValid: {
-          true: "text-secondary-green-500"
-        }
+    }
+  }), P = zn({
+    base: "h-12 rounded-lg border border-primary-grey-700 !bg-white px-[15px] text-black !ring-0 !ring-offset-0",
+    variants: {
+      isInvalid: {
+        true: "border-complementary-red-500"
+      },
+      isValid: {
+        true: "border-secondary-green-500"
+      },
+      disabled: {
+        true: "!border-primary-grey-500 !bg-primary-grey-500"
+      },
+      isDatePicker: {
+        true: "!cursor-pointer"
       }
-    }), z = zn({
-      base: "text-primary-grey-800",
-      variants: {
-        iconAction: {
-          true: "cursor-pointer"
-        }
+    }
+  }), _ = zn({
+    base: "mt-[5px] pl-3 font-satoshi",
+    variants: {
+      isInvalid: {
+        true: "text-complementary-red-500"
+      },
+      isValid: {
+        true: "text-secondary-green-500"
       }
-    });
-    return /* @__PURE__ */ de.jsx("div", { onClick: b, children: /* @__PURE__ */ de.jsx(
-      QU,
-      {
-        ref: w,
-        classNames: {
-          input: P({ disabled: u, isDatePicker: m }),
-          inputWrapper: _({
-            isInvalid: a,
-            isValid: o,
-            disabled: u,
-            isDatePicker: m
-          }),
-          base: M({
-            isInvalid: a,
-            isValid: o,
-            disabled: u,
-            className: n
-          }),
-          label: T({ isInvalid: a, isValid: o, disabled: u }),
-          description: k({ isInvalid: a, isValid: o })
-        },
-        labelPlacement: "outside",
-        description: e,
-        disabled: u,
-        value: f,
-        readOnly: m,
-        endContent: c && /* @__PURE__ */ de.jsx(
-          Co,
-          {
-            onClick: v,
-            name: c,
-            className: z({ iconAction: !!v })
-          }
-        ),
-        ...x
+    }
+  }), k = zn({
+    base: "text-primary-grey-800",
+    variants: {
+      iconAction: {
+        true: "cursor-pointer"
       }
-    ) });
-  }
-);
+    }
+  });
+  return /* @__PURE__ */ de.jsx("div", { onClick: b, children: /* @__PURE__ */ de.jsx(
+    QU,
+    {
+      classNames: {
+        input: T({ disabled: u, isDatePicker: m }),
+        inputWrapper: P({
+          isInvalid: a,
+          isValid: o,
+          disabled: u,
+          isDatePicker: m
+        }),
+        base: w({
+          isInvalid: a,
+          isValid: o,
+          disabled: u,
+          className: n
+        }),
+        label: M({ isInvalid: a, isValid: o, disabled: u }),
+        description: _({ isInvalid: a, isValid: o })
+      },
+      labelPlacement: "outside",
+      description: e,
+      disabled: u,
+      value: f,
+      readOnly: m,
+      endContent: c && /* @__PURE__ */ de.jsx(
+        Co,
+        {
+          onClick: v,
+          name: c,
+          className: k({ iconAction: !!v })
+        }
+      ),
+      ...x
+    }
+  ) });
+};
 let B5 = 0;
 function iK() {
   E.useEffect(() => {
@@ -45505,7 +45502,7 @@ const NQ = (e) => {
   }, x = () => {
     f(!1);
   };
-  return /* @__PURE__ */ de.jsx(de.Fragment, { children: /* @__PURE__ */ de.jsx(
+  return /* @__PURE__ */ de.jsx(
     HK,
     {
       isOpen: u,
@@ -45519,7 +45516,7 @@ const NQ = (e) => {
           mode: "single"
         }
       ),
-      children: /* @__PURE__ */ de.jsx(
+      children: /* @__PURE__ */ de.jsx("div", { children: /* @__PURE__ */ de.jsx(
         aK,
         {
           value: c ? ou(c, o ?? "dd/MM/yyyy") : "",
@@ -45528,9 +45525,9 @@ const NQ = (e) => {
           label: e,
           icon: "calendar"
         }
-      )
+      ) })
     }
-  ) });
+  );
 }, rq = {
   white: "#ffffff",
   black: "#000000",