@pedidopago/ui 1.3.27 → 1.4.0

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

@@ -1,93 +1,93 @@
-import { IconName } from '../Icon/types';
-import { GlobalColorsProps } from '../../shared/theme';
-declare type buttonVariant = 'outline' | 'solid' | 'ghost' | 'link';
-declare type buttonColor = GlobalColorsProps | (string & {});
-declare type responsivePattern<T = any> = {
-    base?: T;
-    sm?: T;
-    md?: T;
-    lg?: T;
-    xl?: T;
-    xxl?: T;
-};
-declare 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';
+declare type buttonVariant = 'outline' | 'solid' | 'ghost' | 'link';
+declare type buttonColor = GlobalColorsProps | (string & {});
+declare type responsivePattern<T = any> = {
+    base?: T;
+    sm?: T;
+    md?: T;
+    lg?: T;
+    xl?: T;
+    xxl?: T;
+};
+declare 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,17 +1,17 @@
-import React, { HTMLAttributes } from 'react';
-export declare type BodyCardProps = {
-    cardPadding?: string;
-    borderRadius?: string;
-    variant?: string;
-    boxShadow?: string;
-    bgColor?: string;
-};
-export declare type CardProps = HTMLAttributes<HTMLDivElement> & {
-    cardPadding?: string;
-    children?: React.ReactChild;
-    borderRadius?: string;
-    variant?: string;
-    boxShadow?: 'shadow.level1' | 'shadow.level2' | 'shadow.level3' | (string & {});
-    bgColor?: string;
-};
+import React, { HTMLAttributes } from 'react';
+export declare type BodyCardProps = {
+    cardPadding?: string;
+    borderRadius?: string;
+    variant?: string;
+    boxShadow?: string;
+    bgColor?: string;
+};
+export declare type CardProps = HTMLAttributes<HTMLDivElement> & {
+    cardPadding?: string;
+    children?: React.ReactChild;
+    borderRadius?: string;
+    variant?: string;
+    boxShadow?: 'shadow.level1' | 'shadow.level2' | 'shadow.level3' | (string & {});
+    bgColor?: 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 { FC } from 'react';
-import { IMultipleCheckboxProps } from '../types';
-declare const MultipleCheckbox: FC<IMultipleCheckboxProps>;
-export default MultipleCheckbox;
+import { FC } from 'react';
+import { IMultipleCheckboxProps } from '../types';
+declare const MultipleCheckbox: FC<IMultipleCheckboxProps>;
+export default MultipleCheckbox;
 //# sourceMappingURL=MultipleCheckbox.d.ts.map

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

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { ICheckboxInputProps } from './types';
-declare const CheckboxInput: FC<ICheckboxInputProps>;
-export default CheckboxInput;
+import { FC } from 'react';
+import { ICheckboxInputProps } from './types';
+declare const CheckboxInput: FC<ICheckboxInputProps>;
+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,27 +1,27 @@
-export declare type CheckboxChildren = {
-    label: string;
-    value: string;
-    id: string;
-};
-export interface ICheckboxInputProps {
-    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;
-}
+export declare type CheckboxChildren = {
+    label: string;
+    value: string;
+    id: string;
+};
+export interface ICheckboxInputProps {
+    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