globalfy-design-system 1.40.0 → 1.42.0

package/dist/components/atoms/DropdownList/CssVariants.d.ts

@@ -0,0 +1,274 @@
+export declare const wrapperVariants: import('tailwind-variants').TVReturnType<{
+    hasLabel: {
+        true: string;
+    };
+}, undefined, "relative w-full rounded-lg", import('tailwind-variants/dist/config.js').TVConfig<{
+    hasLabel: {
+        true: string;
+    };
+}, {
+    hasLabel: {
+        true: string;
+    };
+}>, {
+    hasLabel: {
+        true: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    hasLabel: {
+        true: string;
+    };
+}, undefined, "relative w-full rounded-lg", import('tailwind-variants/dist/config.js').TVConfig<{
+    hasLabel: {
+        true: string;
+    };
+}, {
+    hasLabel: {
+        true: string;
+    };
+}>, unknown, unknown, undefined>>;
+export declare const controlVariants: import('tailwind-variants').TVReturnType<{
+    disabled: {
+        true: string;
+    };
+    isFocused: {
+        true: string;
+    };
+    isInvalid: {
+        true: string;
+    };
+    isCompleted: {
+        true: string;
+    };
+    isTransparent: {
+        true: string;
+    };
+}, undefined, "block h-12 w-full rounded-lg border border-primary-grey-700 bg-white px-4", import('tailwind-variants/dist/config.js').TVConfig<{
+    disabled: {
+        true: string;
+    };
+    isFocused: {
+        true: string;
+    };
+    isInvalid: {
+        true: string;
+    };
+    isCompleted: {
+        true: string;
+    };
+    isTransparent: {
+        true: string;
+    };
+}, {
+    disabled: {
+        true: string;
+    };
+    isFocused: {
+        true: string;
+    };
+    isInvalid: {
+        true: string;
+    };
+    isCompleted: {
+        true: string;
+    };
+    isTransparent: {
+        true: string;
+    };
+}>, {
+    disabled: {
+        true: string;
+    };
+    isFocused: {
+        true: string;
+    };
+    isInvalid: {
+        true: string;
+    };
+    isCompleted: {
+        true: string;
+    };
+    isTransparent: {
+        true: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    disabled: {
+        true: string;
+    };
+    isFocused: {
+        true: string;
+    };
+    isInvalid: {
+        true: string;
+    };
+    isCompleted: {
+        true: string;
+    };
+    isTransparent: {
+        true: string;
+    };
+}, undefined, "block h-12 w-full rounded-lg border border-primary-grey-700 bg-white px-4", import('tailwind-variants/dist/config.js').TVConfig<{
+    disabled: {
+        true: string;
+    };
+    isFocused: {
+        true: string;
+    };
+    isInvalid: {
+        true: string;
+    };
+    isCompleted: {
+        true: string;
+    };
+    isTransparent: {
+        true: string;
+    };
+}, {
+    disabled: {
+        true: string;
+    };
+    isFocused: {
+        true: string;
+    };
+    isInvalid: {
+        true: string;
+    };
+    isCompleted: {
+        true: string;
+    };
+    isTransparent: {
+        true: string;
+    };
+}>, unknown, unknown, undefined>>;
+export declare const placeHolderVariants: import('tailwind-variants').TVReturnType<{
+    disabled: {
+        true: string;
+    };
+}, undefined, "font-satoshi text-sm leading-normal text-primary-grey-800", import('tailwind-variants/dist/config.js').TVConfig<{
+    disabled: {
+        true: string;
+    };
+}, {
+    disabled: {
+        true: string;
+    };
+}>, {
+    disabled: {
+        true: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    disabled: {
+        true: string;
+    };
+}, undefined, "font-satoshi text-sm leading-normal text-primary-grey-800", import('tailwind-variants/dist/config.js').TVConfig<{
+    disabled: {
+        true: string;
+    };
+}, {
+    disabled: {
+        true: string;
+    };
+}>, unknown, unknown, undefined>>;
+export declare const DropdownIndicatorVariants: import('tailwind-variants').TVReturnType<{
+    disabled: {
+        true: string;
+    };
+}, undefined, "text-primary-grey-800", import('tailwind-variants/dist/config.js').TVConfig<{
+    disabled: {
+        true: string;
+    };
+}, {
+    disabled: {
+        true: string;
+    };
+}>, {
+    disabled: {
+        true: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    disabled: {
+        true: string;
+    };
+}, undefined, "text-primary-grey-800", import('tailwind-variants/dist/config.js').TVConfig<{
+    disabled: {
+        true: string;
+    };
+}, {
+    disabled: {
+        true: string;
+    };
+}>, unknown, unknown, undefined>>;
+export declare const menuListVariants: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "mt-[5px] rounded-lg border border-primary-grey-600 bg-white py-2", import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "mt-[5px] rounded-lg border border-primary-grey-600 bg-white py-2", import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const optionVariants: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "cursor-pointer bg-white px-4 py-2 font-satoshi text-sm leading-normal text-primary-grey-800 hover:bg-primary-grey-500 hover:font-medium", import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "cursor-pointer bg-white px-4 py-2 font-satoshi text-sm leading-normal text-primary-grey-800 hover:bg-primary-grey-500 hover:font-medium", import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const labelVariants: import('tailwind-variants').TVReturnType<{
+    hasValue: {
+        true: string;
+    };
+    isInvalid: {
+        true: string;
+    };
+    isCompleted: {
+        true: string;
+    };
+}, undefined, "pointer-events-none invisible absolute left-4 top-[29%] bg-transparent font-inter text-sm leading-normal text-primary-grey-800 transition-all duration-200", import('tailwind-variants/dist/config.js').TVConfig<{
+    hasValue: {
+        true: string;
+    };
+    isInvalid: {
+        true: string;
+    };
+    isCompleted: {
+        true: string;
+    };
+}, {
+    hasValue: {
+        true: string;
+    };
+    isInvalid: {
+        true: string;
+    };
+    isCompleted: {
+        true: string;
+    };
+}>, {
+    hasValue: {
+        true: string;
+    };
+    isInvalid: {
+        true: string;
+    };
+    isCompleted: {
+        true: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    hasValue: {
+        true: string;
+    };
+    isInvalid: {
+        true: string;
+    };
+    isCompleted: {
+        true: string;
+    };
+}, undefined, "pointer-events-none invisible absolute left-4 top-[29%] bg-transparent font-inter text-sm leading-normal text-primary-grey-800 transition-all duration-200", import('tailwind-variants/dist/config.js').TVConfig<{
+    hasValue: {
+        true: string;
+    };
+    isInvalid: {
+        true: string;
+    };
+    isCompleted: {
+        true: string;
+    };
+}, {
+    hasValue: {
+        true: string;
+    };
+    isInvalid: {
+        true: string;
+    };
+    isCompleted: {
+        true: string;
+    };
+}>, unknown, unknown, undefined>>;
+export declare const errorMessageVariants: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "mt-[5px] pl-3 font-satoshi text-xs font-normal leading-normal text-complementary-red-500", import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "mt-[5px] pl-3 font-satoshi text-xs font-normal leading-normal text-complementary-red-500", import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;

package/dist/components/atoms/DropdownList/DropdownAsyncList.d.ts

@@ -0,0 +1,3 @@
+import { DropdownListProps } from './DropdownProps';
+
+export declare const DropdownAsyncList: ({ label, value, defaultValue, placeholder, isInvalid, isTransparent, className, disabled, onChange, noOptionsMessage, errorMessage, isSearchable, customOption, isValid, customPlaceholder, customControl, customDropdownIndicator, customValueContainer, isClearable, onClear, customClassNames, cacheOptions, defaultOptions, loadOptions, ...props }: DropdownListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/DropdownList/DropdownAsyncListCreatable.d.ts

@@ -1,3 +1,3 @@
-import { DropdownListProps } from './DropdownList';
+import { DropdownListProps } from './DropdownProps';
 
-export declare const DropdownAsyncListCreatable: ({ label, value, defaultValue, placeholder, isInvalid, isTransparent, className, disabled, onChange, noOptionsMessage, errorMessage, options, isSearchable, customOption, isValid, customPlaceholder, customControl, customDropdownIndicator, customValueContainer, onCreateOption, isLoading, ...props }: DropdownListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DropdownAsyncListCreatable: ({ label, value, placeholder, isInvalid, isTransparent, className, disabled, onChange, noOptionsMessage, errorMessage, isSearchable, cacheOptions, defaultOptions, customOption, isClearable, loadOptions, isValid, customPlaceholder, customControl, customDropdownIndicator, customValueContainer, onCreateOption, customClassNames, onInputChange, onClear, ...props }: DropdownListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/DropdownList/DropdownComponents.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+import { ClearIndicatorProps, ControlProps, DropdownIndicatorProps, OptionProps, PlaceholderProps } from 'react-select';
+import { OptionType } from './DropdownProps';
+
+export declare const DropDownIndicator: (props: DropdownIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+interface ControlComponentProps extends ControlProps {
+    label?: string;
+    isInvalid?: boolean;
+    isValid?: boolean;
+}
+export declare const Control: ({ label, isInvalid, isValid, ...props }: ControlComponentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Option: ({ innerRef, innerProps, children }: OptionProps<OptionType>) => import("react/jsx-runtime").JSX.Element;
+interface CustomPlaceholderProps extends PlaceholderProps {
+    customPlaceholder?: ReactNode;
+}
+export declare const CustomPlaceholder: ({ children, customPlaceholder, ...props }: CustomPlaceholderProps) => import("react/jsx-runtime").JSX.Element;
+interface ClearIndicatorComponentProps extends ClearIndicatorProps {
+    onClear?: () => void;
+}
+export declare const ClearIndicator: ({ onClear, innerProps }: ClearIndicatorComponentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LoadingIndicator: () => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,48 +1,3 @@
-import { ComponentType, ReactNode } from 'react';
-import { ActionMeta, ControlProps, DropdownIndicatorProps, OptionProps, ValueContainerProps } from 'react-select';
+import { DropdownListProps } from './DropdownProps';
 
-export type OptionType = {
-    [key: string]: unknown;
-};
-type OptionsType = Array<OptionType>;
-export type DropdownListProps = {
-    label?: string;
-    value?: OptionType | null;
-    options: OptionsType;
-    customOption?: ComponentType<OptionProps<OptionType>>;
-    className?: string;
-    onChange: (newValue: unknown, actionMeta: ActionMeta<unknown>) => void;
-    placeholder?: string;
-    customPlaceholder?: ReactNode;
-    errorMessage?: string;
-    isInvalid?: boolean;
-    isSearchable?: boolean;
-    isValid?: boolean;
-    isTransparent?: boolean;
-    disabled?: boolean;
-    defaultValue?: OptionType;
-    noOptionsMessage?: string;
-    customControl?: ComponentType<ControlProps>;
-    customDropdownIndicator?: ComponentType<DropdownIndicatorProps>;
-    customValueContainer?: ComponentType<ValueContainerProps>;
-    onCreateOption?: (inputValue: string) => void;
-    isLoading?: boolean;
-    isClearable?: boolean;
-    onClear?: () => void;
-    customClassNames?: {
-        menuList?: string;
-    };
-};
-export type DropdownCreditCardOption = {
-    label?: string;
-    prefix: ReactNode;
-    isDefault?: boolean;
-    isExpired?: boolean;
-    defaultName?: string;
-    expiredName?: string;
-};
-export type DropdownCreditCardProps = {
-    options: DropdownCreditCardOption[];
-} & Omit<DropdownListProps, 'options'>;
 export declare const DropdownList: ({ label, value, defaultValue, placeholder, isInvalid, isTransparent, className, disabled, onChange, noOptionsMessage, errorMessage, options, isSearchable, customOption, isValid, customPlaceholder, customControl, customDropdownIndicator, customValueContainer, isClearable, onClear, customClassNames, ...props }: DropdownListProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ label, value, defaultValue, placeholder, isInvalid, isTransparent, className, disabled, onChange, noOptionsMessage, errorMessage, options, isSearchable, customOption, isValid, customPlaceholder, customControl, customDropdownIndicator, customValueContainer, isClearable, onClear, customClassNames, ...props }: import('./DropdownList').DropdownListProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ label, value, defaultValue, placeholder, isInvalid, isTransparent, className, disabled, onChange, noOptionsMessage, errorMessage, options, isSearchable, customOption, isValid, customPlaceholder, customControl, customDropdownIndicator, customValueContainer, isClearable, onClear, customClassNames, ...props }: import('./DropdownProps').DropdownListProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;

package/dist/components/atoms/DropdownList/DropdownListCreatable.d.ts

@@ -1,3 +1,3 @@
-import { DropdownListProps } from './DropdownList';
+import { DropdownListProps } from './DropdownProps';
 
-export declare const DropdownListCreatable: ({ label, value, defaultValue, placeholder, isInvalid, isTransparent, className, disabled, onChange, noOptionsMessage, errorMessage, options, isSearchable, customOption, isValid, customPlaceholder, customControl, customDropdownIndicator, customValueContainer, onCreateOption, isLoading, ...props }: DropdownListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DropdownListCreatable: ({ label, value, defaultValue, placeholder, isInvalid, isTransparent, className, disabled, onChange, noOptionsMessage, errorMessage, options, isSearchable, customOption, isValid, customPlaceholder, customControl, customDropdownIndicator, customValueContainer, onCreateOption, isLoading, customClassNames, isClearable, onClear, ...props }: DropdownListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/DropdownList/DropdownPaymentMethod.d.ts

@@ -1,3 +1,3 @@
-import { DropdownListProps } from '.';
+import { DropdownListProps } from './DropdownProps';
 
 export declare const DropdownPaymentMethod: ({ ...props }: DropdownListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/DropdownList/DropdownProps.d.ts

@@ -0,0 +1,50 @@
+import { ComponentType, ReactNode } from 'react';
+import { ActionMeta, ControlProps, DropdownIndicatorProps, InputActionMeta, OptionProps, ValueContainerProps } from 'react-select';
+
+export type OptionType = {
+    [key: string]: unknown;
+};
+export type OptionsType = Array<OptionType>;
+export type DropdownListProps = {
+    label?: string;
+    value?: OptionType | null;
+    options?: OptionsType;
+    customOption?: ComponentType<OptionProps<OptionType>>;
+    className?: string;
+    onChange: (newValue: unknown, actionMeta: ActionMeta<unknown>) => void;
+    placeholder?: string;
+    customPlaceholder?: ReactNode;
+    errorMessage?: string;
+    isInvalid?: boolean;
+    isSearchable?: boolean;
+    isValid?: boolean;
+    isTransparent?: boolean;
+    disabled?: boolean;
+    defaultValue?: OptionType;
+    noOptionsMessage?: string;
+    customControl?: ComponentType<ControlProps>;
+    customDropdownIndicator?: ComponentType<DropdownIndicatorProps>;
+    customValueContainer?: ComponentType<ValueContainerProps>;
+    onCreateOption?: (inputValue: string) => void;
+    isLoading?: boolean;
+    isClearable?: boolean;
+    onClear?: () => void;
+    customClassNames?: {
+        menuList?: string;
+    };
+    onInputChange?: (newValue: string, actionMeta: InputActionMeta) => void;
+    loadOptions?: (inputValue: string, callback: (options: OptionsType) => void) => Promise<OptionsType> | void;
+    cacheOptions?: boolean;
+    defaultOptions?: boolean;
+};
+export type DropdownCreditCardOption = {
+    label?: string;
+    prefix: ReactNode;
+    isDefault?: boolean;
+    isExpired?: boolean;
+    defaultName?: string;
+    expiredName?: string;
+};
+export type DropdownCreditCardProps = {
+    options: DropdownCreditCardOption[];
+} & Omit<DropdownListProps, 'options'>;

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

@@ -1,4 +1,5 @@
+export * from './DropdownAsyncList';
+export * from './DropdownAsyncListCreatable';
 export * from './DropdownList';
 export * from './DropdownListCreatable';
 export * from './DropdownPaymentMethod';
-export * from './DropdownAsyncListCreatable';

package/dist/components/atoms/Icon/glob-icons/glob-icons.d.ts

@@ -12,3 +12,5 @@ export * from './icons/glob-scale-plan-icon';
 export * from './icons/glob-starter-plan-icon';
 export * from './icons/glob-visa-icon';
 export * from './icons/glob-xls-icon';
+export * from './icons/glob-taxes-icon';
+export * from './icons/glob-globe-icon';

package/dist/components/atoms/Icon/glob-icons/icons/glob-globe-icon.d.ts

@@ -0,0 +1 @@
+export declare const GlobGlobeIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/Icon/glob-icons/icons/glob-taxes-icon.d.ts

@@ -0,0 +1 @@
+export declare const GlobTaxesIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;