@pedidopago/ui 1.7.19-2 → 1.7.20

package/dist/components/Illustration/TransportSvg/index.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TransportSvg = TransportSvg;
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function TransportSvg(_ref) {
+  var color = _ref.color;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
+    width: "167",
+    height: "192",
+    viewBox: "0 0 167 192",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M166.876 108.655C166.876 120.93 164.185 132.591 159.35 143.068C146.25 171.54 117.379 191.31 83.8765 191.31C50.3736 191.31 21.5031 171.54 8.40255 143.068C3.56836 132.591 0.876465 120.93 0.876465 108.655C0.876465 63.0049 38.0358 26 83.8765 26C129.717 26 166.876 63.0049 166.876 108.655Z",
+      fill: "#EAEFED"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("mask", {
+      id: "mask0_3289_3457",
+      maskUnits: "userSpaceOnUse",
+      x: "1",
+      y: "11",
+      width: "166",
+      height: "180",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M1 11H167V108.5C167 154.063 129.563 191 84 191V191C38.4365 191 1 154.063 1 108.5V11Z",
+        fill: "#C4C4C4"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+      mask: "url(#mask0_3289_3457)",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+        filter: "url(#filter0_d_3289_3457)",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+          d: "M-1.88232 52.1176C-1.88232 47.6344 1.75207 44 6.23532 44H87.4118C91.895 44 95.5294 47.6344 95.5294 52.1176V151.647H6.23532C1.75207 151.647 -1.88232 148.013 -1.88232 143.529V52.1176Z",
+          fill: "#FFAA64"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+          d: "M95.5293 89.5294H129.808C131.561 89.5294 133.215 90.3437 134.283 91.7334L152.594 115.536C153.353 116.524 153.765 117.734 153.765 118.98V140.353C153.765 146.591 148.708 151.647 142.47 151.647H95.5293V89.5294Z",
+          fill: "#18996E"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+          d: "M52.4708 150.235C52.4708 161.151 43.6219 170 32.7061 170C21.7904 170 12.9414 161.151 12.9414 150.235C12.9414 139.32 21.7904 130.471 32.7061 130.471C43.6219 130.471 52.4708 139.32 52.4708 150.235Z",
+          fill: "#42434D"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+          d: "M143.882 150.235C143.882 161.151 135.033 170 124.118 170C113.202 170 104.353 161.151 104.353 150.235C104.353 139.32 113.202 130.471 124.118 130.471C135.033 130.471 143.882 139.32 143.882 150.235Z",
+          fill: "#42434D"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+          opacity: "0.2",
+          d: "M95.5293 89.5294H101.176V151.647H95.5293V89.5294Z",
+          fill: "#42434D"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M-1.88232 52.2941V52.1176C-1.88232 47.6344 1.75204 44 6.23532 44C6.26462 44 6.29374 44.0001 6.32304 44.0004C6.35251 44.0001 6.38215 44 6.41179 44H85.4706C90.0513 44 93.7647 47.7134 93.7647 52.2941C93.7647 56.8749 90.0513 60.5882 85.4706 60.5882H60.2353C34.8952 60.5882 14.353 81.1305 14.353 106.471V141.059C14.353 145.542 10.7186 149.176 6.23532 149.176C1.75204 149.176 -1.88232 145.542 -1.88232 141.059V52.2941Z",
+          fill: "#FFBD7B"
+        })]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M167 154C167 158.01 166.124 161.819 164.552 165.241C160.29 174.542 150.899 181 140 181C129.101 181 119.71 174.542 115.448 165.241C113.876 161.819 113 158.01 113 154C113 139.088 125.088 127 140 127C154.912 127 167 139.088 167 154Z",
+      fill: color
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("defs", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("filter", {
+        id: "filter0_d_3289_3457",
+        x: "-5.88232",
+        y: "42",
+        width: "163.647",
+        height: "134",
+        filterUnits: "userSpaceOnUse",
+        colorInterpolationFilters: "sRGB",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("feFlood", {
+          floodOpacity: "0",
+          result: "BackgroundImageFix"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("feColorMatrix", {
+          in: "SourceAlpha",
+          type: "matrix",
+          values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+          result: "hardAlpha"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("feOffset", {
+          dy: "2"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("feGaussianBlur", {
+          stdDeviation: "2"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("feComposite", {
+          in2: "hardAlpha",
+          operator: "out"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("feColorMatrix", {
+          type: "matrix",
+          values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("feBlend", {
+          mode: "normal",
+          in2: "BackgroundImageFix",
+          result: "effect1_dropShadow_3289_3457"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("feBlend", {
+          mode: "normal",
+          in: "SourceGraphic",
+          in2: "effect1_dropShadow_3289_3457",
+          result: "shape"
+        })]
+      })
+    })]
+  });
+}

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/types.d.ts

@@ -1,31 +1,31 @@
-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;
-    onLeftIconClick?: () => void;
-    onRightIconClick?: () => void;
-}
-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;
+    onLeftIconClick?: () => void;
+    onRightIconClick?: () => void;
+}
+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

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

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

package/dist/components/List/list.test.d.ts

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