@pedidopago/ui 1.1.0 → 1.1.1

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.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/Flex/flex.test.js

@@ -6,10 +6,20 @@ 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, children) {
-  var utils = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, props, children));
+  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread(_objectSpread({}, props), {}, {
+    children: children
+  })));
   return utils;
 };
 
@@ -17,7 +27,15 @@ describe('Flex', function () {
   it('should it render the flex component', function () {
     var _setup = setup({
       direction: 'row'
-    }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, "1"), /*#__PURE__*/React.createElement("div", null, "2"), /*#__PURE__*/React.createElement("div", null, "3"))),
+    }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "1"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "2"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "3"
+      })]
+    })),
         container = _setup.container;
 
     expect(container).toBeInTheDocument();
@@ -30,7 +48,15 @@ describe('Flex', function () {
         md: 'row-reverse',
         lg: 'column-reverse'
       }
-    }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, "1"), /*#__PURE__*/React.createElement("div", null, "2"), /*#__PURE__*/React.createElement("div", null, "3"))),
+    }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "1"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "2"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "3"
+      })]
+    })),
         container = _setup2.container;
 
     expect(container).toBeInTheDocument();
@@ -43,7 +69,15 @@ describe('Flex', function () {
         md: 'flex-end',
         lg: 'flex-start'
       }
-    }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, "1"), /*#__PURE__*/React.createElement("div", null, "2"), /*#__PURE__*/React.createElement("div", null, "3"))),
+    }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "1"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "2"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "3"
+      })]
+    })),
         container = _setup3.container;
 
     expect(container).toBeInTheDocument();
@@ -56,7 +90,15 @@ describe('Flex', function () {
         md: 'flex-end',
         lg: 'flex-start'
       }
-    }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, "1"), /*#__PURE__*/React.createElement("div", null, "2"), /*#__PURE__*/React.createElement("div", null, "3"))),
+    }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "1"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "2"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "3"
+      })]
+    })),
         container = _setup4.container;
 
     expect(container).toBeInTheDocument();
@@ -69,7 +111,15 @@ describe('Flex', function () {
         md: 'flex-end',
         lg: 'flex-start'
       }
-    }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, "1"), /*#__PURE__*/React.createElement("div", null, "2"), /*#__PURE__*/React.createElement("div", null, "3"))),
+    }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "1"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "2"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "3"
+      })]
+    })),
         container = _setup5.container;
 
     expect(container).toBeInTheDocument();
@@ -82,7 +132,15 @@ describe('Flex', function () {
         md: 'flex-end',
         lg: 'flex-start'
       }
-    }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, "1"), /*#__PURE__*/React.createElement("div", null, "2"), /*#__PURE__*/React.createElement("div", null, "3"))),
+    }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "1"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "2"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "3"
+      })]
+    })),
         container = _setup6.container;
 
     expect(container).toBeInTheDocument();
@@ -95,7 +153,15 @@ describe('Flex', function () {
         md: 'flex-end',
         lg: 'flex-start'
       }
-    }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, "1"), /*#__PURE__*/React.createElement("div", null, "2"), /*#__PURE__*/React.createElement("div", null, "3"))),
+    }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "1"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "2"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "3"
+      })]
+    })),
         container = _setup7.container;
 
     expect(container).toBeInTheDocument();
@@ -108,7 +174,15 @@ describe('Flex', function () {
         md: 12,
         lg: 20
       }
-    }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, "1"), /*#__PURE__*/React.createElement("div", null, "2"), /*#__PURE__*/React.createElement("div", null, "3"))),
+    }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "1"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "2"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "3"
+      })]
+    })),
         container = _setup8.container;
 
     expect(container).toBeInTheDocument();
@@ -121,7 +195,15 @@ describe('Flex', function () {
         md: 'nowrap',
         lg: 'wrap'
       }
-    }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, "1"), /*#__PURE__*/React.createElement("div", null, "2"), /*#__PURE__*/React.createElement("div", null, "3"))),
+    }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "1"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "2"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "3"
+      })]
+    })),
         container = _setup9.container;
 
     expect(container).toBeInTheDocument();
@@ -134,7 +216,15 @@ describe('Flex', function () {
         md: '3',
         lg: '4'
       }
-    }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, "1"), /*#__PURE__*/React.createElement("div", null, "2"), /*#__PURE__*/React.createElement("div", null, "3"))),
+    }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "1"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "2"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "3"
+      })]
+    })),
         container = _setup10.container;
 
     expect(container).toBeInTheDocument();
@@ -147,7 +237,15 @@ describe('Flex', function () {
         md: '3',
         lg: '4'
       }
-    }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, "1"), /*#__PURE__*/React.createElement("div", null, "2"), /*#__PURE__*/React.createElement("div", null, "3"))),
+    }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "1"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "2"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "3"
+      })]
+    })),
         container = _setup11.container;
 
     expect(container).toBeInTheDocument();
@@ -160,7 +258,15 @@ describe('Flex', function () {
         md: '50%',
         lg: '25%'
       }
-    }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, "1"), /*#__PURE__*/React.createElement("div", null, "2"), /*#__PURE__*/React.createElement("div", null, "3"))),
+    }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "1"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "2"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "3"
+      })]
+    })),
         container = _setup12.container;
 
     expect(container).toBeInTheDocument();
@@ -233,7 +339,15 @@ describe('Flex', function () {
         md: '50%',
         lg: '25%'
       }
-    }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, "1"), /*#__PURE__*/React.createElement("div", null, "2"), /*#__PURE__*/React.createElement("div", null, "3"))),
+    }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "1"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "2"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "3"
+      })]
+    })),
         container = _setup13.container;
 
     expect(container).toBeInTheDocument();

package/dist/components/Flex/index.js

@@ -7,9 +7,15 @@ exports.default = void 0;
 
 var _styles = require("./styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["basis", "children", "direction", "grow", "alignItems", "alignContent", "justifyContent", "alignSelf", "justifySelf", "shrink", "spacing", "wrap"];
 
-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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
@@ -30,7 +36,7 @@ var Flex = function Flex(_ref) {
       wrap = _ref.wrap,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(_styles.StyledFlexContainer, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledFlexContainer, _objectSpread(_objectSpread({
     alignItems: alignItems,
     alignSelf: alignSelf,
     basis: basis,
@@ -42,7 +48,9 @@ var Flex = function Flex(_ref) {
     spacing: spacing,
     wrap: wrap,
     alignContent: alignContent
-  }, rest), children);
+  }, rest), {}, {
+    children: children
+  }));
 };
 
 var _default = Flex;