globalfy-design-system 1.49.1 → 1.51.0

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

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../node_modules/@types/react';
 
 export type InputProps = {
     label?: string;
@@ -13,19 +13,21 @@ export type InputProps = {
     isDatePicker?: boolean;
     iconAction?: () => void;
     iconSize?: 'small' | 'large';
+    spellCheck?: 'false' | 'true';
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'defaultValue' | 'color' | 'onFocus' | 'onBlur'>;
 export type InputPasswordProps = Omit<InputProps, 'icon' | 'type' | 'isDatePicker'>;
 export declare const Input: React.ForwardRefExoticComponent<{
-    label?: string | undefined;
-    placeholder?: string | undefined;
-    message?: string | undefined;
+    label?: string;
+    placeholder?: string;
+    message?: string;
     icon?: React.ReactNode;
-    isInvalid?: boolean | undefined;
-    isRequired?: boolean | undefined;
-    isValid?: boolean | undefined;
-    disabled?: boolean | undefined;
-    value?: string | undefined;
-    isDatePicker?: boolean | undefined;
-    iconAction?: (() => void) | undefined;
-    iconSize?: "small" | "large" | undefined;
+    isInvalid?: boolean;
+    isRequired?: boolean;
+    isValid?: boolean;
+    disabled?: boolean;
+    value?: string;
+    isDatePicker?: boolean;
+    iconAction?: () => void;
+    iconSize?: "small" | "large";
+    spellCheck?: "false" | "true";
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "color" | "onFocus" | "onBlur" | "size"> & React.RefAttributes<HTMLInputElement>>;

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

@@ -2,20 +2,21 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: import('react').ForwardRefExoticComponent<{
-        label?: string | undefined;
-        placeholder?: string | undefined;
-        message?: string | undefined;
-        icon?: import('react').ReactNode;
-        isInvalid?: boolean | undefined;
-        isRequired?: boolean | undefined;
-        isValid?: boolean | undefined;
-        disabled?: boolean | undefined;
-        value?: string | undefined;
-        isDatePicker?: boolean | undefined;
-        iconAction?: (() => void) | undefined;
-        iconSize?: "small" | "large" | undefined;
-    } & Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "color" | "onFocus" | "onBlur" | "size"> & import('react').RefAttributes<HTMLInputElement>>;
+    component: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<{
+        label?: string;
+        placeholder?: string;
+        message?: string;
+        icon?: React.ReactNode;
+        isInvalid?: boolean;
+        isRequired?: boolean;
+        isValid?: boolean;
+        disabled?: boolean;
+        value?: string;
+        isDatePicker?: boolean;
+        iconAction?: () => void;
+        iconSize?: "small" | "large";
+        spellCheck?: "false" | "true";
+    } & Omit<import('../../../../node_modules/@types/react').InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "color" | "onFocus" | "onBlur" | "size"> & import('../../../../node_modules/@types/react').RefAttributes<HTMLInputElement>>;
     tags: string[];
 };
 export default meta;

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

@@ -1,3 +1,3 @@
 import { InputPasswordProps } from '.';
 
-export declare const InputPassword: import('react').ForwardRefExoticComponent<InputPasswordProps & import('react').RefAttributes<HTMLInputElement>>;
+export declare const InputPassword: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<InputPasswordProps & import('../../../../node_modules/@types/react').RefAttributes<HTMLInputElement>>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type InputMaskProps = {
     label?: string;
     placeholder?: string;
@@ -13,17 +12,17 @@ export type InputMaskProps = {
     mask?: string;
     removeTopMargin?: boolean;
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'defaultValue' | 'color' | 'onFocus' | 'onBlur'>;
-export declare const InputMask: import('react').ForwardRefExoticComponent<{
-    label?: string | undefined;
-    placeholder?: string | undefined;
-    message?: string | undefined;
+export declare const InputMask: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<{
+    label?: string;
+    placeholder?: string;
+    message?: string;
     icon?: React.ReactNode;
-    isInvalid?: boolean | undefined;
-    isValid?: boolean | undefined;
-    disabled?: boolean | undefined;
-    value?: string | undefined;
-    isDatePicker?: boolean | undefined;
-    iconAction?: (() => void) | undefined;
-    mask?: string | undefined;
-    removeTopMargin?: boolean | undefined;
-} & Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "color" | "onFocus" | "onBlur" | "size"> & import('react').RefAttributes<HTMLInputElement>>;
+    isInvalid?: boolean;
+    isValid?: boolean;
+    disabled?: boolean;
+    value?: string;
+    isDatePicker?: boolean;
+    iconAction?: () => void;
+    mask?: string;
+    removeTopMargin?: boolean;
+} & Omit<import('../../../../node_modules/@types/react').InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "color" | "onFocus" | "onBlur" | "size"> & import('../../../../node_modules/@types/react').RefAttributes<HTMLInputElement>>;

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

@@ -2,20 +2,20 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: import('react').ForwardRefExoticComponent<{
-        label?: string | undefined;
-        placeholder?: string | undefined;
-        message?: string | undefined;
-        icon?: import('react').ReactNode;
-        isInvalid?: boolean | undefined;
-        isValid?: boolean | undefined;
-        disabled?: boolean | undefined;
-        value?: string | undefined;
-        isDatePicker?: boolean | undefined;
-        iconAction?: (() => void) | undefined;
-        mask?: string | undefined;
-        removeTopMargin?: boolean | undefined;
-    } & Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "color" | "onFocus" | "onBlur" | "size"> & import('react').RefAttributes<HTMLInputElement>>;
+    component: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<{
+        label?: string;
+        placeholder?: string;
+        message?: string;
+        icon?: React.ReactNode;
+        isInvalid?: boolean;
+        isValid?: boolean;
+        disabled?: boolean;
+        value?: string;
+        isDatePicker?: boolean;
+        iconAction?: () => void;
+        mask?: string;
+        removeTopMargin?: boolean;
+    } & Omit<import('../../../../node_modules/@types/react').InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "color" | "onFocus" | "onBlur" | "size"> & import('../../../../node_modules/@types/react').RefAttributes<HTMLInputElement>>;
     tags: string[];
 };
 export default meta;

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

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../node_modules/@types/react';
 import { ParsedCountry } from 'react-international-phone';
 
 export type PhoneNumberInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value'> & {

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

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: import('react').FC<import('./PhoneNumberInput').PhoneNumberInputProps>;
+    component: import('../../../../node_modules/@types/react').FC<import('./PhoneNumberInput').PhoneNumberInputProps>;
     tags: string[];
 };
 export default meta;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type PopoverProps = {
     children: React.ReactNode;
     content: React.ReactNode;

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

@@ -1,4 +1,4 @@
-import { ChangeEventHandler, ReactNode } from 'react';
+import { ChangeEventHandler, ReactNode } from '../../../../node_modules/@types/react';
 
 export type RadioGroupOption = {
     label: ReactNode;

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

@@ -1,4 +1,4 @@
-import { Key, ReactNode } from 'react';
+import { Key, ReactNode } from '../../../../node_modules/@types/react';
 
 export type SegmentedControlProps = {
     className?: string;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode } from '../../../../node_modules/@types/react';
 
 export type TabsProps = {
     className?: string;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode } from '../../../../node_modules/@types/react';
 
 export type TagColor = 'red' | 'orange' | 'lightGreen' | 'violet' | 'blue' | 'darkGreen' | 'gray' | 'yellow';
 export type TagVariant = 'light' | 'dark' | 'ghost';

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

@@ -1,4 +1,4 @@
-import { TextareaHTMLAttributes } from 'react';
+import { TextareaHTMLAttributes } from '../../../../node_modules/@types/react';
 
 export type TextAreaProps = {
     label?: string | React.ReactElement;
@@ -8,11 +8,11 @@ export type TextAreaProps = {
     allowResize?: boolean;
     value?: string;
 } & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size' | 'defaultValue' | 'color' | 'onFocus' | 'onBlur'>;
-export declare const TextArea: import('react').ForwardRefExoticComponent<{
-    label?: string | import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | undefined;
-    message?: string | undefined;
-    isInvalid?: boolean | undefined;
-    isValid?: boolean | undefined;
-    allowResize?: boolean | undefined;
-    value?: string | undefined;
-} & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "defaultValue" | "color" | "onFocus" | "onBlur" | "size"> & import('react').RefAttributes<HTMLTextAreaElement>>;
+export declare const TextArea: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<{
+    label?: string | React.ReactElement;
+    message?: string;
+    isInvalid?: boolean;
+    isValid?: boolean;
+    allowResize?: boolean;
+    value?: string;
+} & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "defaultValue" | "color" | "onFocus" | "onBlur" | "size"> & import('../../../../node_modules/@types/react').RefAttributes<HTMLTextAreaElement>>;

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

@@ -2,14 +2,14 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: import('react').ForwardRefExoticComponent<{
-        label?: string | import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | undefined;
-        message?: string | undefined;
-        isInvalid?: boolean | undefined;
-        isValid?: boolean | undefined;
-        allowResize?: boolean | undefined;
-        value?: string | undefined;
-    } & Omit<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, "defaultValue" | "color" | "onFocus" | "onBlur" | "size"> & import('react').RefAttributes<HTMLTextAreaElement>>;
+    component: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<{
+        label?: string | React.ReactElement;
+        message?: string;
+        isInvalid?: boolean;
+        isValid?: boolean;
+        allowResize?: boolean;
+        value?: string;
+    } & Omit<import('../../../../node_modules/@types/react').TextareaHTMLAttributes<HTMLTextAreaElement>, "defaultValue" | "color" | "onFocus" | "onBlur" | "size"> & import('../../../../node_modules/@types/react').RefAttributes<HTMLTextAreaElement>>;
     tags: string[];
     parameters: {
         layout: string;

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

@@ -1,4 +1,4 @@
-import { InputHTMLAttributes } from 'react';
+import { InputHTMLAttributes } from '../../../../node_modules/@types/react';
 
 interface Props {
     label?: string;
@@ -12,5 +12,5 @@ interface Props {
 }
 export interface TextFieldProps extends InputHTMLAttributes<HTMLInputElement>, Props {
 }
-export declare const TextInput: import('react').ForwardRefExoticComponent<TextFieldProps & import('react').RefAttributes<HTMLInputElement>>;
+export declare const TextInput: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<TextFieldProps & import('../../../../node_modules/@types/react').RefAttributes<HTMLInputElement>>;
 export {};

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

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: import('react').ForwardRefExoticComponent<import('./TextInput').TextFieldProps & import('react').RefAttributes<HTMLInputElement>>;
+    component: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<import('./TextInput').TextFieldProps & import('../../../../node_modules/@types/react').RefAttributes<HTMLInputElement>>;
     tags: string[];
 };
 export default meta;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type TooltipProps = {
     children: React.ReactElement;
     content: React.ReactNode;

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

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { HTMLAttributes } from '../../../../node_modules/@types/react';
 
 export type TypographyProps = {
     children: React.ReactNode;

package/dist/components/molecules/empty-state/empty-state.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type EmptyStateProps = {
     icon?: React.ReactElement | string;
     title?: string;

package/dist/components/molecules/error-state/error-state.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type ErrorStateProps = {
     icon?: React.ReactElement;
     title?: string;

package/dist/components/molecules/popover-menu/variants.d.ts

@@ -8,27 +8,7 @@ export declare const containerVariants: import('tailwind-variants').TVReturnType
         true: string;
         false: string;
     };
-}, undefined, "flex items-center gap-2 border-none", import('tailwind-variants/dist/config.js').TVConfig<{
-    align: {
-        left: string;
-        right: string;
-        center: string;
-    };
-    allowSort: {
-        true: string;
-        false: string;
-    };
-}, {
-    align: {
-        left: string;
-        right: string;
-        center: string;
-    };
-    allowSort: {
-        true: string;
-        false: string;
-    };
-}>, {
+}, undefined, "flex items-center gap-2 border-none", {
     align: {
         left: string;
         right: string;
@@ -48,46 +28,14 @@ export declare const containerVariants: import('tailwind-variants').TVReturnType
         true: string;
         false: string;
     };
-}, undefined, "flex items-center gap-2 border-none", import('tailwind-variants/dist/config.js').TVConfig<{
-    align: {
-        left: string;
-        right: string;
-        center: string;
-    };
-    allowSort: {
-        true: string;
-        false: string;
-    };
-}, {
-    align: {
-        left: string;
-        right: string;
-        center: string;
-    };
-    allowSort: {
-        true: string;
-        false: string;
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, "flex items-center gap-2 border-none", unknown, unknown, undefined>>;
 export declare const headVariants: import('tailwind-variants').TVReturnType<{
     align: {
         left: string;
         right: string;
         center: string;
     };
-}, undefined, "text-xs uppercase text-primary-grey-900", import('tailwind-variants/dist/config.js').TVConfig<{
-    align: {
-        left: string;
-        right: string;
-        center: string;
-    };
-}, {
-    align: {
-        left: string;
-        right: string;
-        center: string;
-    };
-}>, {
+}, undefined, "text-xs uppercase text-primary-grey-900", {
     align: {
         left: string;
         right: string;
@@ -99,16 +47,4 @@ export declare const headVariants: import('tailwind-variants').TVReturnType<{
         right: string;
         center: string;
     };
-}, undefined, "text-xs uppercase text-primary-grey-900", import('tailwind-variants/dist/config.js').TVConfig<{
-    align: {
-        left: string;
-        right: string;
-        center: string;
-    };
-}, {
-    align: {
-        left: string;
-        right: string;
-        center: string;
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, "text-xs uppercase text-primary-grey-900", unknown, unknown, undefined>>;