globalfy-design-system 0.19.0 → 0.21.0

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

@@ -1,2 +1,2 @@
 import { ButtonProps } from ".";
-export declare const Button: ({ children, size, variant, disabled, full, iconLeft, iconRight, className, hasLoading, isLoadingComplete, onClick, onLoadingAnimationComplete, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Button: ({ children, size, variant, disabled, full, iconLeft, iconRight, className, hasLoading, isLoadingComplete, onClick, onLoadingAnimationComplete }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 import { StoryObj } from "@storybook/react";
 declare const meta: {
     title: string;
-    component: ({ children, size, variant, disabled, full, iconLeft, iconRight, className, hasLoading, isLoadingComplete, onClick, onLoadingAnimationComplete, ...props }: import("./Button.types").ButtonProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ children, size, variant, disabled, full, iconLeft, iconRight, className, hasLoading, isLoadingComplete, onClick, onLoadingAnimationComplete }: import("./Button.types").ButtonProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
 };
 export default meta;

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

@@ -1,3 +1 @@
-import * as React from "react";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const Checkbox: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { StoryObj } from "@storybook/react";
 declare const meta: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-checkbox").CheckboxProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    component: () => import("react/jsx-runtime").JSX.Element;
     tags: string[];
 };
 export default meta;

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

@@ -0,0 +1,2 @@
+import { DatePickerProps } from "./DatePicker.types";
+export declare const DatePicker: ({ ...props }: DatePickerProps) => JSX.Element;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare const meta: {
+    title: string;
+    component: ({ ...props }: import("./DatePicker.types").DatePickerProps) => JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+export declare const Playground: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/DatePicker/DatePicker.types.d.ts

@@ -0,0 +1,2 @@
+import { DayPickerDefaultProps, DayPickerMultipleProps, DayPickerRangeProps, DayPickerSingleProps } from "react-day-picker";
+export type DatePickerProps = DayPickerDefaultProps | DayPickerSingleProps | DayPickerMultipleProps | DayPickerRangeProps;

package/dist/components/atoms/DatePicker/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./DatePicker";
+export * from "./DatePicker.types";

package/dist/components/atoms/Icon/assets/selection.json.d.ts

@@ -1,6 +1,30 @@
 declare const _default: {
   "IcoMoonType": "selection",
   "icons": [
+    {
+      "icon": {
+        "paths": [
+          "M310.499 16.002c-23.478 0-42.513 19.035-42.513 42.513v0 31.663c-73.907 6.95-136.926 27.183-179.246 68.199-50.775 49.212-72.741 118.961-72.741 194.857v385.506c0 75.896 21.966 145.754 72.741 194.966s126.295 74.291 221.76 74.291h402.999c95.465 0 170.986-25.078 221.76-74.291s72.741-119.071 72.741-194.966v-385.506c0-75.896-21.966-145.644-72.741-194.857-42.318-41.017-105.339-61.249-179.246-68.199v-31.663c0-23.478-19.035-42.513-42.513-42.513v0c-23.478 0-42.513 19.035-42.513 42.513v0 25.463h-317.969v-25.463c0-23.478-19.035-42.513-42.513-42.513v0zM353.011 169.008h317.969v25.575c0 23.478 19.035 42.513 42.513 42.513v0c23.478 0 42.513-19.035 42.513-42.513v0-19.597c53.909 6.407 95.525 20.662 120.013 44.397 27.978 27.117 41.762 66.998 44.616 118.134h-817.293c2.854-51.13 16.643-91.016 44.616-118.134 24.489-23.736 66.107-37.991 120.013-44.397v19.597c0 23.478 19.035 42.513 42.513 42.513v0c23.478 0 42.513-19.035 42.513-42.513v0zM101.030 422.544h821.943v316.199c0 60.151-15.841 103.706-46.943 133.853s-81.639 50.375-162.53 50.375h-402.999c-80.887 0-131.424-20.23-162.53-50.375s-46.943-73.703-46.943-133.853zM325.335 546.544c-23.478 0-42.513 19.035-42.513 42.513v0c0 23.478 19.035 42.513 42.513 42.513v0h0.443c23.478 0 42.513-19.035 42.513-42.513v0c0-23.478-19.035-42.513-42.513-42.513v0zM511.779 546.544c-23.478 0-42.513 19.035-42.513 42.513v0c0 23.478 19.035 42.513 42.513 42.513v0h0.443c23.478 0 42.513-19.035 42.513-42.513v0c0-23.478-19.035-42.513-42.513-42.513v0zM698.217 546.544c-23.478 0-42.513 19.035-42.513 42.513v0c0 23.478 19.035 42.513 42.513 42.513v0h0.443c23.478 0 42.513-19.035 42.513-42.513v0c0-23.478-19.035-42.513-42.513-42.513v0zM325.335 682.611c-23.478 0-42.513 19.035-42.513 42.513v0c0 23.478 19.035 42.513 42.513 42.513v0h0.443c23.478 0 42.513-19.035 42.513-42.513v0c0-23.478-19.035-42.513-42.513-42.513v0zM511.779 682.611c-23.478 0-42.513 19.035-42.513 42.513v0c0 23.478 19.035 42.513 42.513 42.513v0h0.443c23.478 0 42.513-19.035 42.513-42.513v0c0-23.478-19.035-42.513-42.513-42.513v0zM698.217 682.611c-23.478 0-42.513 19.035-42.513 42.513v0c0 23.478 19.035 42.513 42.513 42.513v0h0.443c23.478 0 42.513-19.035 42.513-42.513v0c0-23.478-19.035-42.513-42.513-42.513v0z"
+        ],
+        "attrs": [],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["calendar"],
+        "colorPermutations": {}
+      },
+      "attrs": [],
+      "properties": {
+        "order": 22,
+        "id": 13,
+        "name": "calendar",
+        "prevSize": 32,
+        "code": 59660
+      },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 0
+    },
     {
       "icon": {
         "paths": [
@@ -23,7 +47,7 @@ declare const _default: {
       },
       "setIdx": 0,
       "setId": 2,
-      "iconIdx": 0
+      "iconIdx": 1
     },
     {
       "icon": {
@@ -47,7 +71,7 @@ declare const _default: {
       },
       "setIdx": 0,
       "setId": 2,
-      "iconIdx": 1
+      "iconIdx": 2
     },
     {
       "icon": {
@@ -70,7 +94,7 @@ declare const _default: {
       },
       "setIdx": 0,
       "setId": 2,
-      "iconIdx": 2
+      "iconIdx": 3
     },
     {
       "icon": {
@@ -93,7 +117,7 @@ declare const _default: {
       },
       "setIdx": 0,
       "setId": 2,
-      "iconIdx": 3
+      "iconIdx": 4
     },
     {
       "icon": {
@@ -116,7 +140,7 @@ declare const _default: {
       },
       "setIdx": 0,
       "setId": 2,
-      "iconIdx": 4
+      "iconIdx": 5
     },
     {
       "icon": {
@@ -139,7 +163,7 @@ declare const _default: {
       },
       "setIdx": 0,
       "setId": 2,
-      "iconIdx": 5
+      "iconIdx": 6
     },
     {
       "icon": {
@@ -162,7 +186,7 @@ declare const _default: {
       },
       "setIdx": 0,
       "setId": 2,
-      "iconIdx": 6
+      "iconIdx": 7
     },
     {
       "icon": {
@@ -185,7 +209,7 @@ declare const _default: {
       },
       "setIdx": 0,
       "setId": 2,
-      "iconIdx": 7
+      "iconIdx": 8
     },
     {
       "icon": {
@@ -208,7 +232,7 @@ declare const _default: {
       },
       "setIdx": 0,
       "setId": 2,
-      "iconIdx": 8
+      "iconIdx": 9
     },
     {
       "icon": {
@@ -231,7 +255,7 @@ declare const _default: {
       },
       "setIdx": 0,
       "setId": 2,
-      "iconIdx": 9
+      "iconIdx": 10
     },
     {
       "icon": {
@@ -254,7 +278,7 @@ declare const _default: {
       },
       "setIdx": 0,
       "setId": 2,
-      "iconIdx": 10
+      "iconIdx": 11
     },
     {
       "icon": {
@@ -277,7 +301,7 @@ declare const _default: {
       },
       "setIdx": 0,
       "setId": 2,
-      "iconIdx": 11
+      "iconIdx": 12
     }
   ],
   "height": 1024,

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

@@ -0,0 +1,13 @@
+/// <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>>;

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

@@ -0,0 +1,25 @@
+/// <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>>;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
+export declare const Disabled: Story;
+export declare const WithMessage: Story;
+export declare const WithIcon: Story;
+export declare const States: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export type InputProps = {
+    label: string;
+    placeholder?: string;
+    message?: string;
+    icon?: string;
+    isInvalid?: boolean;
+    isValid?: boolean;
+    disabled?: boolean;
+    value?: string;
+    isDatePicker?: boolean;
+    iconAction?: () => void;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "color" | "onFocus" | "onBlur">;

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

@@ -0,0 +1,2 @@
+export * from "./Input";
+export * from "./Input.types";

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

@@ -0,0 +1,2 @@
+import { PopoverProps } from "./Popover.types";
+export declare const Popover: ({ children, content, isOpen, side, align, onInteractOutside, ...props }: PopoverProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,12 @@
+import { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: ({ children, content, isOpen, side, align, onInteractOutside, ...props }: import("./Popover.types").PopoverProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;

package/dist/components/atoms/Popover/Popover.types.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export type PopoverProps = {
+    children: React.ReactNode;
+    content: React.ReactNode;
+    isOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    onInteractOutside?: () => void;
+    defaultOpen?: boolean;
+    side?: "top" | "right" | "bottom" | "left";
+    align?: "start" | "center" | "end";
+};

package/dist/components/atoms/Popover/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Popover";
+export * from "./Popover.types";

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

@@ -13,3 +13,6 @@ export * from "./SegmentedControl";
 export * from "./Snackbar";
 export * from "./Tooltip";
 export * from "./Tabs";
+export * from "./Input";
+export * from "./Popover";
+export * from "./DatePicker";

package/dist/components/index.d.ts

@@ -1 +1,2 @@
 export * from "./atoms";
+export * from "./molecules";

package/dist/components/molecules/DatePickerInput/DatePickerInput.d.ts

@@ -0,0 +1,2 @@
+import { DatePickerInputProps } from "./DatePickerInput.types";
+export declare const DatePickerInput: ({ label, initialDate, onSelect, dateFormat }: DatePickerInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/DatePickerInput/DatePickerInput.stories.d.ts

@@ -0,0 +1,9 @@
+import { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: ({ label, initialDate, onSelect, dateFormat }: import("./DatePickerInput.types").DatePickerInputProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;

package/dist/components/molecules/DatePickerInput/DatePickerInput.types.d.ts

@@ -0,0 +1,6 @@
+export type DatePickerInputProps = {
+    label: string;
+    onSelect?: (date: Date | undefined) => void;
+    initialDate?: Date;
+    dateFormat?: string;
+};

package/dist/components/molecules/DatePickerInput/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./DatePickerInput";
+export * from "./DatePickerInput.types";

package/dist/components/molecules/index.d.ts

@@ -0,0 +1 @@
+export * from "./DatePickerInput";