@pedidopago/ui 1.0.8 → 1.1.2

package/dist/components/Alert/alert.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) {
-  return (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, props));
+  return (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props)));
 };
 
 describe('Alert', function () {

package/dist/components/Alert/index.js

@@ -11,6 +11,8 @@ var _Typography = _interopRequireDefault(require("../Typography"));
 
 var _styles = require("./styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var Alert = function Alert(_ref) {
@@ -25,41 +27,51 @@ var Alert = function Alert(_ref) {
       type = _ref$type === void 0 ? 'default' : _ref$type,
       _ref$variant = _ref.variant,
       variant = _ref$variant === void 0 ? 'filled' : _ref$variant;
-  return /*#__PURE__*/React.createElement(_styles.StyledAlertContainer, null, isLoading ? /*#__PURE__*/React.createElement(_styles.StyledAlertSkeleton, {
-    fullWidth: fullWidth
-  }) : /*#__PURE__*/React.createElement(_styles.StyledAlertWrapper, {
-    variant: variant,
-    type: type,
-    fullWidth: fullWidth
-  }, /*#__PURE__*/React.createElement(_styles.StyledIconBox, {
-    type: type,
-    variant: variant,
-    havePadding: variant === 'outlined'
-  }, /*#__PURE__*/React.createElement(_Icon.default, {
-    name: "info",
-    size: variant === 'outlined' ? '1.375rem' : '2rem'
-  })), /*#__PURE__*/React.createElement(_styles.StyledColumn, {
-    variant: variant
-  }, /*#__PURE__*/React.createElement(_Typography.default, {
-    fontSize: "xs",
-    fontWeight: "bold"
-  }, title), /*#__PURE__*/React.createElement(_Typography.default, {
-    fontSize: "xs",
-    fontWeight: "400"
-  }, message), buttonTitle && /*#__PURE__*/React.createElement(_styles.StyledButtonRow, {
-    variant: variant,
-    type: type
-  }, /*#__PURE__*/React.createElement(_styles.StyledButton, {
-    onClick: function onClick() {
-      return onButtonClick && onButtonClick();
-    }
-  }, buttonTitle))), variant === 'closable' && /*#__PURE__*/React.createElement(_styles.StyledCloseIcon, {
-    onClick: function onClick() {
-      return onClose && onClose();
-    }
-  }, /*#__PURE__*/React.createElement(_Icon.default, {
-    name: "x"
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledAlertContainer, {
+    children: isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledAlertSkeleton, {
+      fullWidth: fullWidth
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.StyledAlertWrapper, {
+      variant: variant,
+      type: type,
+      fullWidth: fullWidth,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledIconBox, {
+        type: type,
+        variant: variant,
+        havePadding: variant === 'outlined',
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+          name: "info",
+          size: variant === 'outlined' ? '1.375rem' : '2rem'
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.StyledColumn, {
+        variant: variant,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+          fontSize: "xs",
+          fontWeight: "bold",
+          children: title
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+          fontSize: "xs",
+          fontWeight: "400",
+          children: message
+        }), buttonTitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledButtonRow, {
+          variant: variant,
+          type: type,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledButton, {
+            onClick: function onClick() {
+              return onButtonClick && onButtonClick();
+            },
+            children: buttonTitle
+          })
+        })]
+      }), variant === 'closable' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledCloseIcon, {
+        onClick: function onClick() {
+          return onClose && onClose();
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+          name: "x"
+        })
+      })]
+    })
+  });
 };
 
 var _default = Alert;

package/dist/components/Avatar/avatar.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/Avatar/index.js

@@ -15,10 +15,18 @@ var _Skeleton = _interopRequireDefault(require("../Skeleton"));
 
 var _styles = require("./styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["src", "name", "information", "boxColor", "size", "isLoading"];
 
 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; }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -62,35 +70,47 @@ var Avatar = function Avatar(_ref) {
     setImageBroken(true);
   }
 
-  return /*#__PURE__*/React.createElement(_react2.ThemeProvider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.ThemeProvider, {
     theme: {
       size: size || 'medium'
-    }
-  }, /*#__PURE__*/React.createElement(_styles.AvatarWrapper, rest, isLoading ? /*#__PURE__*/React.createElement(_Skeleton.default, {
-    variant: "circle",
-    animation: "wave",
-    height: 60,
-    width: 60
-  }) : src && !imageBroken ? /*#__PURE__*/React.createElement(_styles.AvatarImage, {
-    src: src,
-    alt: name,
-    onError: handleImageError
-  }) : /*#__PURE__*/React.createElement(_styles.AvatarInitials, {
-    boxColor: boxColor
-  }, getInitials(name)), information && /*#__PURE__*/React.createElement(_styles.AvatarInformation, null, isLoading ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Skeleton.default, {
-    variant: "text",
-    animation: "wave",
-    width: 50
-  }), /*#__PURE__*/React.createElement(_Skeleton.default, {
-    variant: "text",
-    animation: "wave",
-    width: 100
-  })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_.Typography, {
-    fontSize: "xxs",
-    fontWeight: "600"
-  }, name), /*#__PURE__*/React.createElement(_.Typography, {
-    fontSize: "xxs"
-  }, information)))));
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.AvatarWrapper, _objectSpread(_objectSpread({}, rest), {}, {
+      children: [isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {
+        variant: "circle",
+        animation: "wave",
+        height: 60,
+        width: 60
+      }) : src && !imageBroken ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.AvatarImage, {
+        src: src,
+        alt: name,
+        onError: handleImageError
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.AvatarInitials, {
+        boxColor: boxColor,
+        children: getInitials(name)
+      }), information && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.AvatarInformation, {
+        children: isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {
+            variant: "text",
+            animation: "wave",
+            width: 50
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {
+            variant: "text",
+            animation: "wave",
+            width: 100
+          })]
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Typography, {
+            fontSize: "xxs",
+            fontWeight: "600",
+            children: name
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Typography, {
+            fontSize: "xxs",
+            children: information
+          })]
+        })
+      })]
+    }))
+  });
 };
 
 var _default = Avatar;

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAG9C,eAAO,MAAM,aAAa;;;+HAMzB,CAAC;AAEF,eAAO,MAAM,WAAW;;;sIAUtB,CAAC;AAEH,eAAO,MAAM,cAAc;;;+HAqCzB,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;+HAgB7B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;yGA8C1B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAG9C,eAAO,MAAM,aAAa;;;+HAMzB,CAAC;AAEF,eAAO,MAAM,WAAW;;;sIAWtB,CAAC;AAEH,eAAO,MAAM,cAAc;;;+HAsCzB,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;+HAsB7B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;yGA8C1B,CAAC"}

package/dist/components/Avatar/styles.js

@@ -27,7 +27,7 @@ exports.AvatarWrapper = AvatarWrapper;
 
 var AvatarImage = _styled.default.img(function (props) {
   var size = props.theme.size === 'small' ? '32px' : props.theme.size === 'medium' ? '48px' : '80px';
-  return (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: ", ";\n    height: ", ";\n    border-radius: 99999999px;\n    object-fit: cover;\n  "])), size, size);
+  return (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: ", ";\n    height: ", ";\n    border-radius: 99999999px;\n    object-fit: cover;\n    flex-shrink: 0;\n  "])), size, size);
 });
 
 exports.AvatarImage = AvatarImage;
@@ -39,7 +39,7 @@ var AvatarInitials = _styled.default.div(function (props) {
   var colorIsRgb = (0, _colorCheck.isRgbHslColor)(props.boxColor || '');
   var colorIsThemeColor = (0, _colorCheck.stripThemeColors)(props.boxColor || '', props.theme.colors);
   var color = colorIsHex || colorIsRgb ? props.boxColor : colorIsThemeColor || props.theme.colors.primary.disabled;
-  return (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 99999999px;\n    white-space: nowrap;\n    overflow: hidden;\n    font-size: ", ";\n    text-overflow: ellipsis;\n    background-color: ", ";\n    color: ", ";\n    width: ", ";\n    height: ", ";\n  "])), fontSize, color, props.theme.colors.neutral.black, size, size);
+  return (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 99999999px;\n    white-space: nowrap;\n    overflow: hidden;\n    font-size: ", ";\n    text-overflow: ellipsis;\n    background-color: ", ";\n    color: ", ";\n    width: ", ";\n    height: ", ";\n    flex-shrink: 0;\n  "])), fontSize, color, props.theme.colors.neutral.black, size, size);
 });
 
 exports.AvatarInitials = AvatarInitials;
@@ -49,9 +49,9 @@ var AvatarInformation = _styled.default.div(_templateObject4 || (_templateObject
 }, function (props) {
   return props.theme.size === 'small' ? 0 : props.theme.size === 'large' ? '0.25rem' : '0.5rem';
 }, function (props) {
-  return props.theme.colors.neutral.black;
+  return props.theme.colorMode === 'dark' ? props.theme.colors.neutral.white : props.theme.colors.neutral.black;
 }, function (props) {
-  return props.theme.colors.neutral.neutral5;
+  return props.theme.colorMode === 'dark' ? props.theme.colors.neutral.neutral3 : props.theme.colors.neutral.neutral5;
 });
 
 exports.AvatarInformation = AvatarInformation;

package/dist/components/Badge/badge.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/Badge/index.js

@@ -11,6 +11,8 @@ var _Skeleton = _interopRequireDefault(require("../Skeleton"));
 
 var _styles = require("./styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 // Styles
@@ -18,21 +20,28 @@ var Badge = function Badge(_ref) {
   var type = _ref.type,
       text = _ref.text,
       isLoading = _ref.isLoading;
-  return /*#__PURE__*/React.createElement(_styles.BadgeContainer, null, !isLoading ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_styles.BadgeCircle, {
-    type: type
-  }), /*#__PURE__*/React.createElement(_styles.BadgeText, null, text)) : /*#__PURE__*/React.createElement(_Flex.default, {
-    spacing: "2"
-  }, /*#__PURE__*/React.createElement(_Skeleton.default, {
-    animation: "wave",
-    variant: "circle",
-    width: 15,
-    height: 15
-  }), /*#__PURE__*/React.createElement(_Skeleton.default, {
-    animation: "wave",
-    variant: "text",
-    width: 70,
-    height: 15
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.BadgeContainer, {
+    children: !isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.BadgeCircle, {
+        type: type
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.BadgeText, {
+        children: text
+      })]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
+      spacing: "2",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {
+        animation: "wave",
+        variant: "circle",
+        width: 15,
+        height: 15
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {
+        animation: "wave",
+        variant: "text",
+        width: 70,
+        height: 15
+      })]
+    })
+  });
 };
 
 var _default = Badge;

package/dist/components/Button/Button.test.js

@@ -8,10 +8,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) {
-  var utils = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, props, "Button test"));
+  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread(_objectSpread({}, props), {}, {
+    children: "Button test"
+  })));
   return utils;
 };
 
@@ -28,12 +38,13 @@ describe('Button', function () {
   });
   it('calls onClick prop when clicked', function () {
     var handleClick = jest.fn();
-    (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
       text: "button text",
       variant: "solid",
       color: "#fff",
-      onClick: handleClick
-    }, "Click Me"));
+      onClick: handleClick,
+      children: "Click Me"
+    }));
 
     _react.fireEvent.click(_react.screen.getByRole('button'));
 
@@ -41,13 +52,14 @@ describe('Button', function () {
   });
   it('disabled button', function () {
     var handleClick = jest.fn();
-    (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
       disabled: true,
       text: "button text",
       variant: "solid",
       color: "#fff",
-      onClick: handleClick
-    }, "Click Me"));
+      onClick: handleClick,
+      children: "Click Me"
+    }));
     expect(_react.screen.getByRole('button')).toBeDisabled();
   });
 });

package/dist/components/Button/index.js

@@ -15,11 +15,17 @@ var _styles = require("./styles");
 
 var _getColorValue = require("../../utils/getColorValue");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["children", "disabled", "icon", "isLoading", "onClick", "text", "variant", "color", "size", "hoverSolid", "focusSolid", "disabledColor", "iconPosition", "fullWidth", "colorText"];
 
 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 _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; }
 
@@ -76,32 +82,38 @@ var Button = function Button(_ref) {
   }
 
   if (isLoading) {
-    return /*#__PURE__*/React.createElement(_styles.LoadingButton, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.LoadingButton, {
       variant: variant,
       size: size,
       fullWidth: fullWidth
     });
   }
 
-  return /*#__PURE__*/React.createElement(_styles.Buttons, _extends({}, sharedProps, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Buttons, _objectSpread(_objectSpread(_objectSpread({}, sharedProps), {}, {
     hoverSolid: newHover,
     colorText: colorr,
     focusSolid: newFocus,
     onClick: onClick,
     disabled: disabled
-  }, rest), /*#__PURE__*/React.createElement(_styles.DivIcon, _extends({
-    disabled: disabled,
-    hoverSolid: newHover,
-    focusSolid: newFocus
-  }, sharedProps), iconPosition === 'left' && !isLoading && /*#__PURE__*/React.createElement(_Icon.default, {
-    name: icon
-  }), children, text, /*#__PURE__*/React.createElement(_styles.SpanIcon, _extends({
-    disabled: disabled,
-    hoverSolid: newHover,
-    focusSolid: newFocus
-  }, sharedProps), iconPosition === 'right' && !isLoading && /*#__PURE__*/React.createElement(_Icon.default, {
-    name: icon
-  }))));
+  }, rest), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.DivIcon, _objectSpread(_objectSpread({
+      disabled: disabled,
+      hoverSolid: newHover,
+      focusSolid: newFocus
+    }, sharedProps), {}, {
+      children: [iconPosition === 'left' && !isLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+        name: icon
+      }), children, text, /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SpanIcon, _objectSpread(_objectSpread({
+        disabled: disabled,
+        hoverSolid: newHover,
+        focusSolid: newFocus
+      }, sharedProps), {}, {
+        children: iconPosition === 'right' && !isLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+          name: icon
+        })
+      }))]
+    }))
+  }));
 };
 
 var _default = Button;

package/dist/components/Card/ButtonCard/index.js

@@ -11,20 +11,34 @@ var _Button = _interopRequireDefault(require("../../Button"));
 
 var _Grid = _interopRequireDefault(require("../../Grid"));
 
+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; }
+
 function ButtonCardArea(_ref) {
   var btSecondary = _ref.btSecondary,
       btPrimary = _ref.btPrimary,
       btColumn = _ref.btColumn;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, (btSecondary || btPrimary) && /*#__PURE__*/React.createElement(_styles.ButtonArea, null, btSecondary && btPrimary ? /*#__PURE__*/React.createElement(_styles.MultipleButton, {
-    btColumn: btColumn
-  }, /*#__PURE__*/React.createElement(_Grid.default, {
-    container: true,
-    templateColumns: {
-      sm: 'repeat(1, 1fr)',
-      md: !btColumn ? 'repeat(2, 1fr)' : 'repeat(1, 1fr)'
-    },
-    gridGap: 10
-  }, /*#__PURE__*/React.createElement(_Button.default, btSecondary), /*#__PURE__*/React.createElement(_Button.default, btPrimary))) : btPrimary && /*#__PURE__*/React.createElement(_Button.default, btPrimary)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: (btSecondary || btPrimary) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ButtonArea, {
+      children: btSecondary && btPrimary ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.MultipleButton, {
+        btColumn: btColumn,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Grid.default, {
+          container: true,
+          templateColumns: {
+            sm: 'repeat(1, 1fr)',
+            md: !btColumn ? 'repeat(2, 1fr)' : 'repeat(1, 1fr)'
+          },
+          gridGap: 10,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, _objectSpread({}, btSecondary)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, _objectSpread({}, btPrimary))]
+        })
+      }) : btPrimary && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, _objectSpread({}, btPrimary))
+    })
+  });
 }

package/dist/components/Card/Expansion/index.js

@@ -13,6 +13,8 @@ var _Icon = _interopRequireDefault(require("../../Icon"));
 
 var _style = require("./style");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -37,21 +39,26 @@ function Expansion(_ref) {
       setExpanded = _useState2[1];
 
   var theme = (0, _react.useTheme)();
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    onClick: function onClick() {
-      return setExpanded(!expanded);
-    },
-    style: {
-      display: 'flex',
-      justifyContent: 'flex-end'
-    }
-  }, /*#__PURE__*/React.createElement(_style.ExpandIcon, {
-    expanded: expanded
-  }, /*#__PURE__*/React.createElement(_Icon.default, {
-    color: theme.colorMode === 'dark' ? 'neutral.white' : 'neutral.black',
-    name: "arrow-down"
-  }))), /*#__PURE__*/React.createElement(_style.ExpandBody, {
-    expanded: expanded,
-    expandedHeight: expandedHeight
-  }, children));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      onClick: function onClick() {
+        return setExpanded(!expanded);
+      },
+      style: {
+        display: 'flex',
+        justifyContent: 'flex-end'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_style.ExpandIcon, {
+        expanded: expanded,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+          color: theme.colorMode === 'dark' ? 'neutral.white' : 'neutral.black',
+          name: "arrow-down"
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_style.ExpandBody, {
+      expanded: expanded,
+      expandedHeight: expandedHeight,
+      children: children
+    })]
+  });
 }

package/dist/components/Card/card.test.js

@@ -6,8 +6,16 @@ require("@testing-library/jest-dom");
 
 var _ = require(".");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
+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(_.Card, props));
+  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Card, _objectSpread({}, props)));
   return utils;
 };