@pedidopago/ui 1.7.12 → 1.7.13

package/dist/components/IconItem/IconItem.test.d.ts

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

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

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { IconItemProps } from './types';
-declare const IconItem: FC<IconItemProps>;
-export default IconItem;
+import { FC } from 'react';
+import { IconItemProps } from './types';
+declare const IconItem: FC<IconItemProps>;
+export default IconItem;
 //# sourceMappingURL=index.d.ts.map

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

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

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

@@ -1,23 +1,23 @@
-import { ExtendThemeProps, GlobalColorsProps } from 'src';
-import { IconName } from '../Icon/types';
-export type IconItemProps = {
-    icon: IconName;
-    title?: string;
-    description?: string;
-    size?: 'sm' | 'md' | 'lg';
-    color?: GlobalColorsProps | (string & {});
-    isLoading?: boolean;
-};
-export type StyledItemIcon = {
-    boxSize?: 'sm' | 'md' | 'lg';
-    colorText?: GlobalColorsProps | (string & {});
-    haveText?: boolean;
-    theme?: ExtendThemeProps;
-};
-export type StyledSkeletonItemIcon = {
-    circle?: boolean;
-    theme?: ExtendThemeProps;
-    haveText?: boolean;
-    description?: boolean;
-};
+import { ExtendThemeProps, GlobalColorsProps } from 'src';
+import { IconName } from '../Icon/types';
+export type IconItemProps = {
+    icon: IconName;
+    title?: string;
+    description?: string;
+    size?: 'sm' | 'md' | 'lg';
+    color?: GlobalColorsProps | (string & {});
+    isLoading?: boolean;
+};
+export type StyledItemIcon = {
+    boxSize?: 'sm' | 'md' | 'lg';
+    colorText?: GlobalColorsProps | (string & {});
+    haveText?: boolean;
+    theme?: ExtendThemeProps;
+};
+export type StyledSkeletonItemIcon = {
+    circle?: boolean;
+    theme?: ExtendThemeProps;
+    haveText?: boolean;
+    description?: boolean;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Illustration/illustration.test.d.ts

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

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

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { IllustrationProps } from './types';
-declare const Illustration: FC<IllustrationProps>;
-export default Illustration;
+import { FC } from 'react';
+import { IllustrationProps } from './types';
+declare const Illustration: FC<IllustrationProps>;
+export default Illustration;
 //# sourceMappingURL=index.d.ts.map

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

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

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

@@ -1,12 +1,12 @@
-import { GlobalColorsProps } from '../../shared/theme';
-import { IconName } from '../Icon/types';
-export interface IllustrationProps {
-    iconName?: IconName;
-    name?: 'illust-order' | IconName;
-    color?: GlobalColorsProps | (string & {});
-    type?: 'default' | 'success' | 'warning' | 'error' | 'critical' | 'informative' | undefined;
-    bubblePosition?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right' | 'center' | undefined;
-    bubbleColor?: GlobalColorsProps | (string & {});
-    size?: number;
-}
+import { GlobalColorsProps } from '../../shared/theme';
+import { IconName } from '../Icon/types';
+export interface IllustrationProps {
+    iconName?: IconName;
+    name?: 'illust-order' | IconName;
+    color?: GlobalColorsProps | (string & {});
+    type?: 'default' | 'success' | 'warning' | 'error' | 'critical' | 'informative' | undefined;
+    bubblePosition?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right' | 'center' | undefined;
+    bubbleColor?: GlobalColorsProps | (string & {});
+    size?: number;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/ImageItem/imageFake.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const ImageFake: JSX.Element;
+/// <reference types="react" />
+export declare const ImageFake: JSX.Element;
 //# sourceMappingURL=imageFake.d.ts.map

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

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { IInputProps } from './types';
-declare const ImageItem: FC<IInputProps>;
-export default ImageItem;
+import { FC } from 'react';
+import { IInputProps } from './types';
+declare const ImageItem: FC<IInputProps>;
+export default ImageItem;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ImageItem/input.test.d.ts

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

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

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

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

@@ -1,26 +1,26 @@
-import React, { CSSProperties, ReactNode } from 'react';
-import { Theme } from '@emotion/react';
-export type IStyleProps = {
-    theme?: Theme;
-    imageSide?: 'left' | 'right';
-    disabled?: boolean;
-    color?: string;
-    size?: 'normal' | 'large';
-};
-export type ImageItemStyles = {
-    imageItemStyle?: CSSProperties;
-    imageStyle?: CSSProperties;
-    titleStyle?: CSSProperties;
-    subtitleStyle?: CSSProperties;
-};
-export interface IInputProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style'> {
-    title?: string;
-    subtitle?: string;
-    size?: 'normal' | 'large';
-    imageSide?: 'left' | 'right';
-    styles?: ImageItemStyles;
-    color?: string;
-    disabled?: boolean;
-    children?: ReactNode;
-}
+import React, { CSSProperties, ReactNode } from 'react';
+import { Theme } from '@emotion/react';
+export type IStyleProps = {
+    theme?: Theme;
+    imageSide?: 'left' | 'right';
+    disabled?: boolean;
+    color?: string;
+    size?: 'normal' | 'large';
+};
+export type ImageItemStyles = {
+    imageItemStyle?: CSSProperties;
+    imageStyle?: CSSProperties;
+    titleStyle?: CSSProperties;
+    subtitleStyle?: CSSProperties;
+};
+export interface IInputProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style'> {
+    title?: string;
+    subtitle?: string;
+    size?: 'normal' | 'large';
+    imageSide?: 'left' | 'right';
+    styles?: ImageItemStyles;
+    color?: string;
+    disabled?: boolean;
+    children?: ReactNode;
+}
 //# sourceMappingURL=types.d.ts.map

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

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

package/dist/components/Input/input.test.d.ts

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

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

@@ -1,70 +1,70 @@
-/// <reference types="react" />
-import { InputComponentProps, InputProps } from './types';
-import { GenericStyledProps } from '../../@types';
-export declare const InputGroupElement: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & InputComponentProps & {
-    hasDisabled?: boolean | undefined;
-    withIcon?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const InputColumn: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const InputContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    withAddon?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const InputContentRow: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const InputIcon: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    clickable?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Input: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & InputProps, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
-export declare const InputLabel: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    hasDisabled?: boolean | undefined;
-    withIcon?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
-export declare const Fieldset: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & InputProps & {
-    hasDisabled?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, {}>;
-export declare const Legend: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, {}>;
-export declare const LegendText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const HelperText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & InputProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const AddonElement: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & InputProps & {
-    hasDisabled?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const AddonContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+/// <reference types="react" />
+import { InputComponentProps, InputProps } from './types';
+import { GenericStyledProps } from '../../@types';
+export declare const InputGroupElement: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & InputComponentProps & {
+    hasDisabled?: boolean | undefined;
+    withIcon?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const InputColumn: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const InputContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    withAddon?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const InputContentRow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const InputIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    clickable?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Input: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & InputProps, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const InputLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    hasDisabled?: boolean | undefined;
+    withIcon?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
+export declare const Fieldset: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & InputProps & {
+    hasDisabled?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, {}>;
+export declare const Legend: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, {}>;
+export declare const LegendText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const HelperText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & InputProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const AddonElement: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & InputProps & {
+    hasDisabled?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AddonContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/Input/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Input/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAGlD,eAAO,MAAM,iBAAiB;;;;;;yGAsI7B,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAQvB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;yGAKxB,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAK3B,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;yGAarB,CAAC;AAEF,eAAO,MAAM,KAAK;;;+HA+BjB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;kHAqBtB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;2HAyCpB,CAAC;AAEF,eAAO,MAAM,MAAM;;;+GAQlB,CAAC;AAEF,eAAO,MAAM,UAAU;;;2GAItB,CAAC;AAEF,eAAO,MAAM,UAAU;;;wHAUtB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;yGAyCxB,CAAC;AAEF,eAAO,MAAM,YAAY;;;2GAOxB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Input/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAGlD,eAAO,MAAM,iBAAiB;;;;;;yGAsI7B,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAQvB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;yGAKxB,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAK3B,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;yGAarB,CAAC;AASF,eAAO,MAAM,KAAK;;;+HAwBjB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;kHAqBtB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;2HAyCpB,CAAC;AAEF,eAAO,MAAM,MAAM;;;+GAQlB,CAAC;AAEF,eAAO,MAAM,UAAU;;;2GAItB,CAAC;AAEF,eAAO,MAAM,UAAU;;;wHAUtB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;yGAyCxB,CAAC;AAEF,eAAO,MAAM,YAAY;;;2GAOxB,CAAC"}

package/dist/components/Input/styles.js

@@ -108,9 +108,15 @@ var InputIcon = _styled.default.div(_templateObject6 || (_templateObject6 = _tag
   return props.theme.colorMode === 'dark' ? props.theme.colors.neutral.white : props.theme.colors.neutral.neutral5;
 });
 exports.InputIcon = InputIcon;
-var Input = _styled.default.input(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  width: 100%;\n  padding: ", ";\n  flex: 1;\n  height: 100%;\n  border: none;\n  color: ", ";\n  &:disabled {\n    color: ", ";\n  }\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  font-family: inherit;\n  outline: none;\n  font-size: ", ";\n  background-color: transparent;\n  position: relative;\n  font-weight: 500;\n"])), function (props) {
-  return props.withIcon ? props.hiddenContent ? '0 0' : '0 20px 0 0' : props.hiddenContent ? '0 0 0 20px' : '0 20px';
-}, function (props) {
+function inputPadding(props) {
+  var hiddenContent = props.hiddenContent,
+    leftIcon = props.leftIcon,
+    rightIcon = props.rightIcon;
+  if (rightIcon) return '0 20px';
+  if (leftIcon && hiddenContent) return '0 0';
+  return '0 0';
+}
+var Input = _styled.default.input(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  width: 100%;\n  padding: ", ";\n  flex: 1;\n  height: 100%;\n  border: none;\n  color: ", ";\n  &:disabled {\n    color: ", ";\n  }\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  font-family: inherit;\n  outline: none;\n  font-size: ", ";\n  background-color: transparent;\n  position: relative;\n  font-weight: 500;\n"])), inputPadding, function (props) {
   return props.theme.colorMode === 'dark' ? props.theme.colors.neutral.white : props.theme.colors.neutral.black;
 }, function (_ref7) {
   var theme = _ref7.theme;

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

@@ -1,29 +1,29 @@
-import { HTMLAttributes, ReactNode } from 'react';
-export type InputAlertTypes = 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
-export interface InputProps extends HTMLAttributes<HTMLInputElement> {
-    disabled?: boolean;
-    withIcon?: ReactNode;
-    hiddenContent?: boolean;
-    helperText?: string;
-    withAddon?: boolean;
-    addonContent?: string;
-    alert?: InputAlertTypes;
-    leftIcon?: ReactNode;
-    rightIcon?: ReactNode;
-}
-export interface InputComponentProps extends InputProps {
-    hasValueOnInput: boolean;
-    labelBackground?: {
-        dark: string;
-        light: string;
-    } | string;
-}
-export interface InputGroupProps extends InputProps {
-    label?: string;
-    labelBackground?: {
-        dark: string;
-        light: string;
-    } | string;
-    placeholder?: string;
-}
+import { HTMLAttributes, ReactNode } from 'react';
+export type InputAlertTypes = 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
+export interface InputProps extends HTMLAttributes<HTMLInputElement> {
+    disabled?: boolean;
+    withIcon?: ReactNode;
+    hiddenContent?: boolean;
+    helperText?: string;
+    withAddon?: boolean;
+    addonContent?: string;
+    alert?: InputAlertTypes;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+}
+export interface InputComponentProps extends InputProps {
+    hasValueOnInput: boolean;
+    labelBackground?: {
+        dark: string;
+        light: string;
+    } | string;
+}
+export interface InputGroupProps extends InputProps {
+    label?: string;
+    labelBackground?: {
+        dark: string;
+        light: string;
+    } | string;
+    placeholder?: string;
+}
 //# sourceMappingURL=types.d.ts.map

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { LabelProps } from './types';
-export default function LabelInput({ label, labelType, icon: Icon, iconSide, textColor, backgroundColor, }: LabelProps): JSX.Element;
+/// <reference types="react" />
+import { LabelProps } from './types';
+export default function LabelInput({ label, labelType, icon: Icon, iconSide, textColor, backgroundColor, }: LabelProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Label/label.test.d.ts

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

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

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

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

@@ -1,18 +1,18 @@
-import { ExtendThemeProps, GlobalColorsProps } from '../../shared/theme';
-import { IconName } from '../Icon/types';
-export type IStyleProps = {
-    theme?: ExtendThemeProps;
-    disabled?: boolean;
-    isActive?: boolean;
-    backgroundColor?: string;
-    color?: string;
-};
-export type LabelProps = {
-    labelType?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
-    icon?: IconName;
-    label?: string;
-    iconSide?: 'left' | 'right';
-    textColor?: GlobalColorsProps | (string & {});
-    backgroundColor?: GlobalColorsProps | (string & {});
-};
+import { ExtendThemeProps, GlobalColorsProps } from '../../shared/theme';
+import { IconName } from '../Icon/types';
+export type IStyleProps = {
+    theme?: ExtendThemeProps;
+    disabled?: boolean;
+    isActive?: boolean;
+    backgroundColor?: string;
+    color?: string;
+};
+export type LabelProps = {
+    labelType?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
+    icon?: IconName;
+    label?: string;
+    iconSide?: 'left' | 'right';
+    textColor?: GlobalColorsProps | (string & {});
+    backgroundColor?: GlobalColorsProps | (string & {});
+};
 //# sourceMappingURL=types.d.ts.map