@pedidopago/ui 1.1.0 → 1.1.4

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

@@ -1,26 +1,26 @@
-/// <reference types="react" />
-import { GenericStyledProps } from '../../@types';
-export declare const Container: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    isMobile: boolean;
-    illustration: boolean;
-    backgroundColor: string;
-    contentColor: string;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CloseButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const PrimaryButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const SecondaryButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    secondaryButtonColor?: string | undefined;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+/// <reference types="react" />
+import { GenericStyledProps } from '../../@types';
+export declare const Container: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isMobile: boolean;
+    illustration: boolean;
+    backgroundColor: string;
+    contentColor: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CloseButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const PrimaryButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const SecondaryButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    secondaryButtonColor?: string | undefined;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1,31 +1,31 @@
-import { IconName } from '../Icon/types';
-import { GlobalColorsProps } from './../../shared/theme/theme.types';
-export interface DialogButton {
-    /** The label visible in the button. */
-    label: string;
-    /** The handler called once the button is clicked. */
-    handler: () => void;
-}
-export interface IDialogProps {
-    /** If the modal is open or not. */
-    open: boolean;
-    /** Optional. The name of the illustration displayed in the Dialog as listed in the Icon component. */
-    illustration?: IconName;
-    /** Optional. The title displayed in the Dialog. */
-    title?: string;
-    /** The message displayed in the Dialog. */
-    message: string;
-    /** Optional.  The color of the background */
-    backgroundColor?: GlobalColorsProps | (string & {});
-    /** Optional. The color of the content */
-    contentColor?: GlobalColorsProps | (string & {});
-    /** Optional. If a close button is displayed in the Dialog. */
-    closeButton?: boolean;
-    /** Optional. The data for a confirmation button in the Dialog. */
-    confirmationButton?: DialogButton;
-    /** Optional. The data for a cancel button in the Dialog. */
-    cancelButton?: DialogButton;
-    /** Handler called once the Modal is triggered to close. */
-    onClose: () => void;
-}
+import { IconName } from '../Icon/types';
+import { GlobalColorsProps } from './../../shared/theme/theme.types';
+export interface DialogButton {
+    /** The label visible in the button. */
+    label: string;
+    /** The handler called once the button is clicked. */
+    handler: () => void;
+}
+export interface IDialogProps {
+    /** If the modal is open or not. */
+    open: boolean;
+    /** Optional. The name of the illustration displayed in the Dialog as listed in the Icon component. */
+    illustration?: IconName;
+    /** Optional. The title displayed in the Dialog. */
+    title?: string;
+    /** The message displayed in the Dialog. */
+    message: string;
+    /** Optional.  The color of the background */
+    backgroundColor?: GlobalColorsProps | (string & {});
+    /** Optional. The color of the content */
+    contentColor?: GlobalColorsProps | (string & {});
+    /** Optional. If a close button is displayed in the Dialog. */
+    closeButton?: boolean;
+    /** Optional. The data for a confirmation button in the Dialog. */
+    confirmationButton?: DialogButton;
+    /** Optional. The data for a cancel button in the Dialog. */
+    cancelButton?: DialogButton;
+    /** Handler called once the Modal is triggered to close. */
+    onClose: () => void;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Dropzone/dropzone.test.d.ts

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

package/dist/components/Dropzone/dropzone.test.js

@@ -6,10 +6,18 @@ require("@testing-library/jest-dom");
 
 var _ = _interopRequireDefault(require("."));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var setup = function setup(props) {
-  var utils = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, props));
+  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props)));
   return utils;
 };
 

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { DropzoneProps } from './types';
-declare const Dropzone: ({ multiple, onChange, onDropAccepted, onDropRejected, accept, onDragEnter, onDragLeave, disabled, ...rest }: DropzoneProps) => JSX.Element;
-export default Dropzone;
+/// <reference types="react" />
+import { DropzoneProps } from './types';
+declare const Dropzone: ({ multiple, onChange, onDropAccepted, onDropRejected, accept, onDragEnter, onDragLeave, disabled, ...rest }: DropzoneProps) => JSX.Element;
+export default Dropzone;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Dropzone/index.js

@@ -19,11 +19,17 @@ var _accepts = require("./utils/accepts");
 
 var _generateUUID = require("../../utils/generateUUID");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["multiple", "onChange", "onDropAccepted", "onDropRejected", "accept", "onDragEnter", "onDragLeave", "disabled"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -177,106 +183,125 @@ var Dropzone = function Dropzone(_ref) {
       scale: 0.8
     }
   };
-  return /*#__PURE__*/React.createElement(_styles.DropzoneContainer, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.DropzoneContainer, _objectSpread(_objectSpread({
     isDraggingOver: isDragging,
     haveItems: acceptedFiles.length > 0,
     isDisabled: disabled
-  }, rest), /*#__PURE__*/React.createElement(_styles.DropzoneInput, {
-    ref: fileInputRef,
-    type: "file",
-    multiple: multiple,
-    accept: accept,
-    onChange: handleChange,
-    onDrop: handleDrop,
-    onDragEnter: function onDragEnter(event) {
-      return handleDragEnterLeave(event, 'enter');
-    },
-    onDragLeave: function onDragLeave(event) {
-      return handleDragEnterLeave(event, 'leave');
-    },
-    disabled: disabled
-  }), /*#__PURE__*/React.createElement(_framerMotion.AnimatePresence, null, acceptedFiles.length > 0 ? /*#__PURE__*/React.createElement(_Flex.default, {
-    alignItems: "center",
-    spacing: "4",
-    wrap: "wrap",
-    justifyContent: "center"
-  }, acceptedFiles.map(function (file) {
-    return /*#__PURE__*/React.createElement(_framerMotion.motion.div, {
-      key: file.id,
-      variants: dropzoneVariants,
-      initial: "initial",
-      animate: "visible",
-      exit: "hidden",
-      transition: {
-        duration: 0.2,
-        ease: 'easeInOut'
-      }
-    }, /*#__PURE__*/React.createElement(_styles.DropzoneFileBox, {
+  }, rest), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DropzoneInput, {
+      ref: fileInputRef,
+      type: "file",
+      multiple: multiple,
+      accept: accept,
+      onChange: handleChange,
+      onDrop: handleDrop,
+      onDragEnter: function onDragEnter(event) {
+        return handleDragEnterLeave(event, 'enter');
+      },
+      onDragLeave: function onDragLeave(event) {
+        return handleDragEnterLeave(event, 'leave');
+      },
       disabled: disabled
-    }, file.type.indexOf('image') !== -1 ? /*#__PURE__*/React.createElement("img", {
-      src: file.preview,
-      alt: file.name
-    }) : /*#__PURE__*/React.createElement(_Flex.default, {
-      direction: "column",
-      spacing: "2",
-      justifyContent: "center",
-      alignItems: "center",
-      style: {
-        maxWidth: '100%'
-      }
-    }, /*#__PURE__*/React.createElement(_Icon.default, {
-      name: file.type.split('/').includes('pdf') ? 'pdf' : file.type.split('/').includes('csv') ? 'csv' : file.type.split('/').includes('xls') ? 'xls' : 'file',
-      size: "30",
-      color: "neutral.black"
-    }), /*#__PURE__*/React.createElement(_styles.DropzoneText, {
-      isFileName: true
-    }, file.name)), /*#__PURE__*/React.createElement(_styles.DropzoneRemoveButton, {
-      onClick: function onClick() {
-        return !disabled && handleRemoveFile(file.id);
-      }
-    }, /*#__PURE__*/React.createElement(_Icon.default, {
-      name: "x",
-      color: "background.light",
-      size: 25
-    }))));
-  }), /*#__PURE__*/React.createElement(_styles.DropzoneImageAddButton, {
-    isDraggingOver: isDragging
-  }, /*#__PURE__*/React.createElement(_Icon.default, {
-    name: "plus-circle",
-    color: "neutral.neutral3"
-  }))) : /*#__PURE__*/React.createElement(_framerMotion.motion.div, {
-    variants: dropzoneVariants,
-    initial: "initial",
-    animate: "visible",
-    exit: "hidden",
-    transition: {
-      duration: 0.2,
-      ease: 'easeInOut'
-    }
-  }, /*#__PURE__*/React.createElement(_Flex.default, {
-    direction: "column",
-    spacing: "4",
-    alignItems: "center",
-    justifyContent: "center"
-  }, /*#__PURE__*/React.createElement(_framerMotion.motion.div, {
-    initial: {
-      opacity: 0,
-      y: 10
-    },
-    animate: {
-      opacity: 1,
-      y: 0
-    },
-    transition: {
-      duration: 0.2,
-      ease: 'easeInOut',
-      delay: 0.2
-    }
-  }, /*#__PURE__*/React.createElement(_styles.DropzoneIcon, null, /*#__PURE__*/React.createElement(_Icon.default, {
-    name: "arrow-up-circle",
-    size: 48,
-    color: "neutral.neutral5"
-  }))), /*#__PURE__*/React.createElement(_styles.DropzoneButton, null, "Selecionar um arquivo"), /*#__PURE__*/React.createElement(_styles.DropzoneText, null, "ou solte um arquivo aqui")))));
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.AnimatePresence, {
+      children: acceptedFiles.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
+        alignItems: "center",
+        spacing: "4",
+        wrap: "wrap",
+        justifyContent: "center",
+        children: [acceptedFiles.map(function (file) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.motion.div, {
+            variants: dropzoneVariants,
+            initial: "initial",
+            animate: "visible",
+            exit: "hidden",
+            transition: {
+              duration: 0.2,
+              ease: 'easeInOut'
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.DropzoneFileBox, {
+              disabled: disabled,
+              children: [file.type.indexOf('image') !== -1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+                src: file.preview,
+                alt: file.name
+              }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
+                direction: "column",
+                spacing: "2",
+                justifyContent: "center",
+                alignItems: "center",
+                style: {
+                  maxWidth: '100%'
+                },
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+                  name: file.type.split('/').includes('pdf') ? 'pdf' : file.type.split('/').includes('csv') ? 'csv' : file.type.split('/').includes('xls') ? 'xls' : 'file',
+                  size: "30",
+                  color: "neutral.black"
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DropzoneText, {
+                  isFileName: true,
+                  children: file.name
+                })]
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DropzoneRemoveButton, {
+                onClick: function onClick() {
+                  return !disabled && handleRemoveFile(file.id);
+                },
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+                  name: "x",
+                  color: "background.light",
+                  size: 25
+                })
+              })]
+            })
+          }, file.id);
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DropzoneImageAddButton, {
+          isDraggingOver: isDragging,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            name: "plus-circle",
+            color: "neutral.neutral3"
+          })
+        })]
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.motion.div, {
+        variants: dropzoneVariants,
+        initial: "initial",
+        animate: "visible",
+        exit: "hidden",
+        transition: {
+          duration: 0.2,
+          ease: 'easeInOut'
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
+          direction: "column",
+          spacing: "4",
+          alignItems: "center",
+          justifyContent: "center",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.motion.div, {
+            initial: {
+              opacity: 0,
+              y: 10
+            },
+            animate: {
+              opacity: 1,
+              y: 0
+            },
+            transition: {
+              duration: 0.2,
+              ease: 'easeInOut',
+              delay: 0.2
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DropzoneIcon, {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+                name: "arrow-up-circle",
+                size: 48,
+                color: "neutral.neutral5"
+              })
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DropzoneButton, {
+            children: "Selecionar um arquivo"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DropzoneText, {
+            children: "ou solte um arquivo aqui"
+          })]
+        })
+      })
+    })]
+  }));
 };
 
 var _default = Dropzone;

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

@@ -1,47 +1,47 @@
-/// <reference types="react" />
-export declare const DropzoneContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    isDraggingOver: boolean;
-    haveItems: boolean;
-    isDisabled?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DropzoneInput: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    disabled?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
-export declare const DropzoneFileBox: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    disabled?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DropzoneImageAddButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    isDraggingOver: boolean;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const DropzoneRemoveButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const DropzoneIcon: 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 DropzoneText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    isHiddenOnMobile?: boolean | undefined;
-    isFileName?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
-export declare const DropzoneButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+/// <reference types="react" />
+export declare const DropzoneContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isDraggingOver: boolean;
+    haveItems: boolean;
+    isDisabled?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DropzoneInput: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    disabled?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const DropzoneFileBox: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    disabled?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DropzoneImageAddButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isDraggingOver: boolean;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const DropzoneRemoveButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const DropzoneIcon: 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 DropzoneText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isHiddenOnMobile?: boolean | undefined;
+    isFileName?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+export declare const DropzoneButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1,20 +1,20 @@
-import { HTMLAttributes, DragEvent as ReactDragEvent } from 'react';
-import { ExtendThemeProps } from './../../shared/theme/theme.types';
-export declare type DropzoneProps = HTMLAttributes<HTMLDivElement> & {
-    multiple?: boolean;
-    disabled?: boolean;
-    accept?: string;
-    onChange?: (acceptedFiles: File[]) => void;
-    onDropAccepted?: (files: File[]) => void;
-    onDropRejected?: (files: File[]) => void;
-    onDragEnter?: (event: ReactDragEvent<HTMLDivElement>) => void;
-    onDragLeave?: (event: ReactDragEvent<HTMLDivElement>) => void;
-};
-export declare type GenericStyledProps = {
-    theme?: ExtendThemeProps;
-};
-export declare type FileProps = File & {
-    id: string;
-    preview: string;
-};
+import { HTMLAttributes, DragEvent as ReactDragEvent } from 'react';
+import { ExtendThemeProps } from './../../shared/theme/theme.types';
+export declare type DropzoneProps = HTMLAttributes<HTMLDivElement> & {
+    multiple?: boolean;
+    disabled?: boolean;
+    accept?: string;
+    onChange?: (acceptedFiles: File[]) => void;
+    onDropAccepted?: (files: File[]) => void;
+    onDropRejected?: (files: File[]) => void;
+    onDragEnter?: (event: ReactDragEvent<HTMLDivElement>) => void;
+    onDragLeave?: (event: ReactDragEvent<HTMLDivElement>) => void;
+};
+export declare type GenericStyledProps = {
+    theme?: ExtendThemeProps;
+};
+export declare type FileProps = File & {
+    id: string;
+    preview: string;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Dropzone/utils/accepts.d.ts

@@ -1,11 +1,11 @@
-/**
- * Verify if the given file can be accepted by the dropzone.
- *
- * Code abstration of: https://github.com/react-dropzone/attr-accept
- *
- * @param file The file to verify
- * @param acceptedFiles The accepted files
- * @returns true if the file can be accepted, false otherwise
- */
-export declare const accepts: (file: File, acceptedFormats: string) => boolean;
+/**
+ * Verify if the given file can be accepted by the dropzone.
+ *
+ * Code abstration of: https://github.com/react-dropzone/attr-accept
+ *
+ * @param file The file to verify
+ * @param acceptedFiles The accepted files
+ * @returns true if the file can be accepted, false otherwise
+ */
+export declare const accepts: (file: File, acceptedFormats: string) => boolean;
 //# sourceMappingURL=accepts.d.ts.map

package/dist/components/Flex/flex.test.d.ts

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