@pedidopago/ui 1.7.16 → 1.7.18

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

@@ -1,93 +1,93 @@
-import { IconName } from '../Icon/types';
-import { GlobalColorsProps } from '../../shared/theme';
-type buttonVariant = 'outline' | 'solid' | 'ghost' | 'link';
-type buttonColor = GlobalColorsProps | (string & {});
-type responsivePattern<T = any> = {
-    base?: T;
-    sm?: T;
-    md?: T;
-    lg?: T;
-    xl?: T;
-    xxl?: T;
-};
-type sizeOptions = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export interface ButtonProps {
-    /**
-     * The button's properties change making it not clickable and changing it's color.
-     *
-     * @default 'solid'
-     * @example 'solid' | 'outline' | 'ghost' | 'link'
-     * @type buttonVariant
-     * @memberof ButtonProps
-     */
-    disabled?: boolean;
-    /**
-     * The icon to be displayed on the left side of the button.
-     * This property takes priority when rightIcon is passed too.
-     *
-     * @default ''
-     * @type IconName
-     * @memberof ButtonProps
-     */
-    leftIcon?: IconName;
-    /**
-     * The icon to be displayed on the right side of the button.
-     * This property has no priority and will **not** be rendered
-     * when leftIcon is passed.
-     *
-     * @default ''
-     * @type IconName
-     * @memberof ButtonProps
-     */
-    rightIcon?: IconName;
-    /**
-     * The button height changes based on the string passed to this prop
-     *
-     * @default 'md'
-     * @type sizeOptions
-     * @memberof ButtonProps
-     * @example 'xs' | 'sm' | 'md' | 'lg' | 'xl'
-     */
-    size?: sizeOptions;
-    /**
-     * The button's type, it can be ghost, solid, outline or link.
-     *
-     * @default 'solid'
-     * @example 'solid' | 'outline' | 'ghost' | 'link'
-     * @type buttonVariant
-     * @memberof ButtonProps
-     */
-    variant?: buttonVariant;
-    /**
-     * The button's color, should be passed as a string.
-     *
-     * @default 'primary'
-     * @example 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark'
-     * @type buttonColor
-     * @memberof ButtonProps
-     */
-    bgColor?: buttonColor;
-    iconColor?: GlobalColorsProps | string;
-    /**
-     * Property that makes the button take 100% of the width of the parent component.
-     *
-     * @default false
-     * @example true
-     * @example { base: true, sm: false', md: false }
-     * @example { base: 'md', md: 'xl' }
-     * @type boolean | responsivePattern<boolean>
-     * @memberof ButtonProps
-     */
-    fullWidth?: boolean | responsivePattern<boolean>;
-    /**
-     * The color text of the button.
-     *
-     * @default 'white'
-     * @example 'white' | 'black'
-     * @type string
-     * @memberof ButtonProps
-     */
-    textColor?: buttonColor;
-}
-export {};
+import { IconName } from '../Icon/types';
+import { GlobalColorsProps } from '../../shared/theme';
+type buttonVariant = 'outline' | 'solid' | 'ghost' | 'link';
+type buttonColor = GlobalColorsProps | (string & {});
+type responsivePattern<T = any> = {
+    base?: T;
+    sm?: T;
+    md?: T;
+    lg?: T;
+    xl?: T;
+    xxl?: T;
+};
+type sizeOptions = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface ButtonProps {
+    /**
+     * The button's properties change making it not clickable and changing it's color.
+     *
+     * @default 'solid'
+     * @example 'solid' | 'outline' | 'ghost' | 'link'
+     * @type buttonVariant
+     * @memberof ButtonProps
+     */
+    disabled?: boolean;
+    /**
+     * The icon to be displayed on the left side of the button.
+     * This property takes priority when rightIcon is passed too.
+     *
+     * @default ''
+     * @type IconName
+     * @memberof ButtonProps
+     */
+    leftIcon?: IconName;
+    /**
+     * The icon to be displayed on the right side of the button.
+     * This property has no priority and will **not** be rendered
+     * when leftIcon is passed.
+     *
+     * @default ''
+     * @type IconName
+     * @memberof ButtonProps
+     */
+    rightIcon?: IconName;
+    /**
+     * The button height changes based on the string passed to this prop
+     *
+     * @default 'md'
+     * @type sizeOptions
+     * @memberof ButtonProps
+     * @example 'xs' | 'sm' | 'md' | 'lg' | 'xl'
+     */
+    size?: sizeOptions;
+    /**
+     * The button's type, it can be ghost, solid, outline or link.
+     *
+     * @default 'solid'
+     * @example 'solid' | 'outline' | 'ghost' | 'link'
+     * @type buttonVariant
+     * @memberof ButtonProps
+     */
+    variant?: buttonVariant;
+    /**
+     * The button's color, should be passed as a string.
+     *
+     * @default 'primary'
+     * @example 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark'
+     * @type buttonColor
+     * @memberof ButtonProps
+     */
+    bgColor?: buttonColor;
+    iconColor?: GlobalColorsProps | string;
+    /**
+     * Property that makes the button take 100% of the width of the parent component.
+     *
+     * @default false
+     * @example true
+     * @example { base: true, sm: false', md: false }
+     * @example { base: 'md', md: 'xl' }
+     * @type boolean | responsivePattern<boolean>
+     * @memberof ButtonProps
+     */
+    fullWidth?: boolean | responsivePattern<boolean>;
+    /**
+     * The color text of the button.
+     *
+     * @default 'white'
+     * @example 'white' | 'black'
+     * @type string
+     * @memberof ButtonProps
+     */
+    textColor?: buttonColor;
+}
+export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Card/card.test.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom';
 //# sourceMappingURL=card.test.d.ts.map

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { CardProps } from './types';
-export declare function Card({ cardPadding, borderRadius, variant, boxShadow, bgColor, children, ...rest }: CardProps): JSX.Element;
+/// <reference types="react" />
+import { CardProps } from './types';
+export declare function Card({ cardPadding, borderRadius, variant, boxShadow, bgColor, children, ...rest }: CardProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Card/styles.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { BodyCardProps } from './types';
-export declare const CardBody: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & BodyCardProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { BodyCardProps } from './types';
+export declare const CardBody: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & BodyCardProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/Card/types.d.ts

@@ -1,18 +1,18 @@
-import { HTMLAttributes, ReactNode } from 'react';
-import { GlobalColorsProps } from '../../shared/theme';
-export type BodyCardProps = {
-    cardPadding?: string;
-    borderRadius?: string;
-    variant?: string;
-    boxShadow?: string;
-    bgColor?: string;
-};
-export type CardProps = HTMLAttributes<HTMLDivElement> & {
-    cardPadding?: string;
-    children?: ReactNode;
-    borderRadius?: string;
-    variant?: 'solid' | 'outlined';
-    boxShadow?: 'shadow.level1' | 'shadow.level2' | 'shadow.level3' | 'none' | (string & {});
-    bgColor?: GlobalColorsProps | (string & {});
-};
+import { HTMLAttributes, ReactNode } from 'react';
+import { GlobalColorsProps } from '../../shared/theme';
+export type BodyCardProps = {
+    cardPadding?: string;
+    borderRadius?: string;
+    variant?: string;
+    boxShadow?: string;
+    bgColor?: string;
+};
+export type CardProps = HTMLAttributes<HTMLDivElement> & {
+    cardPadding?: string;
+    children?: ReactNode;
+    borderRadius?: string;
+    variant?: 'solid' | 'outlined';
+    boxShadow?: 'shadow.level1' | 'shadow.level2' | 'shadow.level3' | 'none' | (string & {});
+    bgColor?: GlobalColorsProps | (string & {});
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/CheckboxInput/checkbox-input.test.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom';
 //# sourceMappingURL=checkbox-input.test.d.ts.map

package/dist/components/CheckboxInput/components/MultipleCheckbox.d.ts

@@ -1,5 +1,5 @@
-import { InputHTMLAttributes } from 'react';
-import { IMultipleCheckboxProps } from '../types';
-declare const MultipleCheckbox: import("react").ForwardRefExoticComponent<IMultipleCheckboxProps & InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
-export default MultipleCheckbox;
+import { InputHTMLAttributes } from 'react';
+import { IMultipleCheckboxProps } from '../types';
+declare const MultipleCheckbox: import("react").ForwardRefExoticComponent<IMultipleCheckboxProps & InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
+export default MultipleCheckbox;
 //# sourceMappingURL=MultipleCheckbox.d.ts.map

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

@@ -1,5 +1,5 @@
-import { InputHTMLAttributes } from 'react';
-import { ICheckboxInputProps } from './types';
-declare const CheckboxInput: import("react").ForwardRefExoticComponent<ICheckboxInputProps & InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
-export default CheckboxInput;
+import { InputHTMLAttributes } from 'react';
+import { ICheckboxInputProps } from './types';
+declare const CheckboxInput: import("react").ForwardRefExoticComponent<ICheckboxInputProps & InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
+export default CheckboxInput;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/CheckboxInput/styles.d.ts

@@ -1,32 +1,32 @@
-/// <reference types="react" />
-import { Theme } from '@emotion/react';
-import { IStyledCheckboxInput } from './types';
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CheckboxWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Checkbox: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledCheckboxInput, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
-export declare const Label: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledCheckboxInput, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
-export declare const ChildrensWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CheckBoxWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const MultipleWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { Theme } from '@emotion/react';
+import { IStyledCheckboxInput } from './types';
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CheckboxWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Checkbox: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledCheckboxInput, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const Label: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledCheckboxInput, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
+export declare const ChildrensWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CheckBoxWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MultipleWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/CheckboxInput/types.d.ts

@@ -1,28 +1,28 @@
-import { InputHTMLAttributes } from 'react';
-export type CheckboxChildren = {
-    label: string;
-    value: string;
-    id: string;
-};
-export interface ICheckboxInputProps extends InputHTMLAttributes<HTMLInputElement> {
-    label?: string;
-    id?: string;
-    color?: string;
-    isDisabled?: boolean;
-    isInderteminate?: boolean;
-    defaultIsChecked?: boolean;
-    name?: string;
-    isMultiple?: boolean;
-    checkboxChildren?: CheckboxChildren[];
-    onChangeValue?: (checked: boolean | CheckboxChildren[]) => void;
-}
-export interface IMultipleCheckboxProps extends Omit<ICheckboxInputProps, 'isMultiple'> {
-    checkboxChildren: CheckboxChildren[];
-}
-export interface CheckboxChildrenState extends CheckboxChildren {
-    hasSelected: boolean;
-}
-export interface IStyledCheckboxInput {
-    isDisabled?: boolean;
-}
+import { InputHTMLAttributes } from 'react';
+export type CheckboxChildren = {
+    label: string;
+    value: string;
+    id: string;
+};
+export interface ICheckboxInputProps extends InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    id?: string;
+    color?: string;
+    isDisabled?: boolean;
+    isInderteminate?: boolean;
+    defaultIsChecked?: boolean;
+    name?: string;
+    isMultiple?: boolean;
+    checkboxChildren?: CheckboxChildren[];
+    onChangeValue?: (checked: boolean | CheckboxChildren[]) => void;
+}
+export interface IMultipleCheckboxProps extends Omit<ICheckboxInputProps, 'isMultiple'> {
+    checkboxChildren: CheckboxChildren[];
+}
+export interface CheckboxChildrenState extends CheckboxChildren {
+    hasSelected: boolean;
+}
+export interface IStyledCheckboxInput {
+    isDisabled?: boolean;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/CollapseCard/ExpandButton/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { ExpandButtonProps } from './types';
-export declare function ExpandButton({ animate, handler, isDisabled }: ExpandButtonProps): JSX.Element;
+/// <reference types="react" />
+import { ExpandButtonProps } from './types';
+export declare function ExpandButton({ animate, handler, isDisabled }: ExpandButtonProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map