@pedidopago/ui 1.6.9 → 1.6.11

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

@@ -1,55 +1,43 @@
 "use strict";
 
 var _testUtils = require("../../shared/tests/test-utils");
-
 var _react = require("@testing-library/react");
-
 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 _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 describe('Button', function () {
   var setup = function setup(props) {
     var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread(_objectSpread({}, props), {}, {
       children: "Button test"
     })));
-
     var getSkeleton = function getSkeleton() {
       return utils.getAllByTestId('skeleton')[0];
     };
-
     var getLeftIcon = function getLeftIcon() {
       return utils.getAllByTestId('leftIconId')[0];
     };
-
     var getRightIcon = function getRightIcon() {
       return utils.getAllByTestId('rightIconId')[0];
     };
-
     return _objectSpread({
       getSkeleton: getSkeleton,
       getLeftIcon: getLeftIcon,
       getRightIcon: getRightIcon
     }, utils);
   };
-
   it('should be rendered', function () {
     var _setup = setup({
-      bgColor: '#fff',
-      variant: 'solid'
-    }),
-        container = _setup.container;
-
+        bgColor: '#fff',
+        variant: 'solid'
+      }),
+      container = _setup.container;
     expect(container).toBeInTheDocument();
   });
   it('should call onClick function when clicked', function () {
@@ -60,9 +48,7 @@ describe('Button', function () {
       onClick: handleClick,
       children: "Click Me"
     }));
-
     _react.fireEvent.click(_react.screen.getByRole('button'));
-
     expect(handleClick).toHaveBeenCalledTimes(1);
   });
   it('should render a disabled button', function () {
@@ -140,12 +126,10 @@ describe('Button', function () {
       variant: "solid",
       children: "Click Me"
     }));
-
     var _setup2 = setup({
-      leftIcon: 'airplay'
-    }),
-        getLeftIcon = _setup2.getLeftIcon;
-
+        leftIcon: 'airplay'
+      }),
+      getLeftIcon = _setup2.getLeftIcon;
     expect(getLeftIcon()).toBeInTheDocument();
   });
   it('should render a button with a rightIcon', function () {
@@ -154,12 +138,10 @@ describe('Button', function () {
       variant: "solid",
       children: "Click Me"
     }));
-
     var _setup3 = setup({
-      rightIcon: 'airplay'
-    }),
-        getRightIcon = _setup3.getRightIcon;
-
+        rightIcon: 'airplay'
+      }),
+      getRightIcon = _setup3.getRightIcon;
     expect(getRightIcon()).toBeInTheDocument();
   });
   it('should render a button with a grey textColor', function () {

package/dist/components/Button/index.js

@@ -1,56 +1,44 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Button;
-
 var _index = require("../../shared/theme/index");
-
 var _getColorValue = require("../../utils/getColorValue");
-
 var _Icon = _interopRequireDefault(require("../Icon"));
-
 var _styles = require("./styles");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["children", "leftIcon", "rightIcon", "variant", "bgColor", "size", "fullWidth", "textColor", "type", "iconColor"];
-
 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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function Button(_ref) {
   var children = _ref.children,
-      leftIcon = _ref.leftIcon,
-      rightIcon = _ref.rightIcon,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'solid' : _ref$variant,
-      _ref$bgColor = _ref.bgColor,
-      bgColor = _ref$bgColor === void 0 ? '' : _ref$bgColor,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'md' : _ref$size,
-      fullWidth = _ref.fullWidth,
-      _ref$textColor = _ref.textColor,
-      textColor = _ref$textColor === void 0 ? '' : _ref$textColor,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'button' : _ref$type,
-      _ref$iconColor = _ref.iconColor,
-      iconColor = _ref$iconColor === void 0 ? '' : _ref$iconColor,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    leftIcon = _ref.leftIcon,
+    rightIcon = _ref.rightIcon,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'solid' : _ref$variant,
+    _ref$bgColor = _ref.bgColor,
+    bgColor = _ref$bgColor === void 0 ? '' : _ref$bgColor,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'md' : _ref$size,
+    fullWidth = _ref.fullWidth,
+    _ref$textColor = _ref.textColor,
+    textColor = _ref$textColor === void 0 ? '' : _ref$textColor,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'button' : _ref$type,
+    _ref$iconColor = _ref.iconColor,
+    iconColor = _ref$iconColor === void 0 ? '' : _ref$iconColor,
+    props = _objectWithoutProperties(_ref, _excluded);
   var _useTheme = (0, _index.useTheme)(),
-      theme = _useTheme.theme;
-
+    theme = _useTheme.theme;
   var parsedBgColor = (0, _getColorValue.getColorValue)(bgColor, theme, 'success.default');
   var parsedTextColor = (0, _getColorValue.getColorValue)(textColor, theme, 'neutral.white');
   var parsedIconColor = (0, _getColorValue.getColorValue)(iconColor, theme, 'neutral.white');
@@ -61,19 +49,15 @@ function Button(_ref) {
     lg: '24px',
     xl: '26px'
   }[size];
-
   if (parsedBgColor.includes('.')) {
     parsedBgColor = (0, _getColorValue.getThemeHex)(parsedBgColor, theme);
   }
-
   if (parsedTextColor.includes('.')) {
     parsedTextColor = (0, _getColorValue.getThemeHex)(parsedTextColor, theme);
   }
-
   if (parsedIconColor.includes('.')) {
     parsedIconColor = (0, _getColorValue.getThemeHex)(parsedIconColor, theme);
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ButtonContainer, _objectSpread(_objectSpread({
     bgColor: parsedBgColor,
     textColor: parsedTextColor,

package/dist/components/Button/styles.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.IconWrapper = exports.IconContainer = exports.ButtonContainer = void 0;
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _react = require("@emotion/react");
-
 var _invertColor = require("../../utils/invertColor");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var ButtonContainer = _styled.default.button(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-family: inherit;\n  font-weight: ", ";\n  font-size: ", ";\n  border-radius: 8px;\n  border: 0px;\n  cursor: pointer;\n  padding: ", ";\n\n  --button-brightness: brightness(0.85);\n\n  transition: all 0.15s ease-in-out;\n\n  color: ", ";\n\n  background-color: ", ";\n\n  width: ", ";\n\n  &:disabled {\n    filter: opacity(0.5);\n    cursor: default;\n    pointer-events: none;\n  }\n\n  ", "\n\n  @media screen and (min-width: ", ") {\n    width: ", ";\n  }\n\n  @media screen and (min-width: ", ") {\n    width: ", ";\n  }\n\n  @media screen and (min-width: ", ") {\n    width: ", ";\n  }\n\n  @media screen and (min-width: ", ") {\n    width: ", ";\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.fontWeight[600];
@@ -27,62 +19,50 @@ var ButtonContainer = _styled.default.button(_templateObject || (_templateObject
   return theme.fontSizes.xs;
 }, function (_ref3) {
   var size = _ref3.size;
-
   switch (size) {
     case 'xs':
       return '4px 8px';
-
     case 'sm':
       return '8px 16px';
-
     case 'md':
       return '12px 24px';
-
     case 'lg':
       return '16px 32px';
-
     case 'xl':
       return '20px 40px';
-
     default:
       return '12px 24px';
   }
 }, function (_ref4) {
   var theme = _ref4.theme,
-      textColor = _ref4.textColor,
-      bgColor = _ref4.bgColor;
+    textColor = _ref4.textColor,
+    bgColor = _ref4.bgColor;
   var baseColor = (0, _invertColor.invertColor)(textColor || bgColor || theme.colors.primary.default, true);
   return textColor !== null && textColor !== void 0 ? textColor : baseColor;
 }, function (_ref5) {
   var theme = _ref5.theme,
-      bgColor = _ref5.bgColor;
+    bgColor = _ref5.bgColor;
   return bgColor !== null && bgColor !== void 0 ? bgColor : theme.colors.primary.default;
 }, function (_ref6) {
   var fullWidth = _ref6.fullWidth;
-
   if (fullWidth) {
     if (_typeof(fullWidth) === 'object' && fullWidth !== undefined) {
       return fullWidth.base && '100%';
     }
-
     return '100%';
   }
 }, function (_ref7) {
   var theme = _ref7.theme,
-      variant = _ref7.variant,
-      textColor = _ref7.textColor,
-      bgColor = _ref7.bgColor;
-
+    variant = _ref7.variant,
+    textColor = _ref7.textColor,
+    bgColor = _ref7.bgColor;
   switch (variant) {
     case 'solid':
       return (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          &:is(&:hover, &:focus):not(:disabled) {\n            box-shadow: inset 0 0 40px 40px rgba(0, 0, 0, 0.08);\n          }\n        "])));
-
     case 'outline':
       return (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          background-color: transparent;\n          color: ", ";\n          border: 3px ", " solid;\n          box-shadow: none;\n          &:is(&:hover, &:focus):not(:disabled) {\n            filter: var(--button-brightness);\n          }\n        "])), textColor || bgColor || theme.colors.primary.default, bgColor || textColor || theme.colors.primary.default);
-
     case 'ghost':
       return (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n          background-color: transparent;\n          color: ", ";\n          &:is(&:hover, &:focus):not(:disabled) {\n            filter: var(--button-brightness);\n          }\n        "])), bgColor || textColor || theme.colors.primary.default);
-
     case 'link':
       return (0, _react.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n          text-decoration: underline;\n          background-color: transparent;\n          color: ", ";\n          &:is(&:hover, &:focus):not(:disabled) {\n            filter: var(--button-brightness);\n          }\n        "])), bgColor || textColor || theme.colors.primary.default);
   }
@@ -91,7 +71,6 @@ var ButtonContainer = _styled.default.button(_templateObject || (_templateObject
   return theme.breakpoints.sm;
 }, function (_ref9) {
   var fullWidth = _ref9.fullWidth;
-
   if (_typeof(fullWidth) === 'object') {
     var widthWasNotSet = fullWidth.sm === undefined;
     if (widthWasNotSet) return;
@@ -102,7 +81,6 @@ var ButtonContainer = _styled.default.button(_templateObject || (_templateObject
   return theme.breakpoints.md;
 }, function (_ref11) {
   var fullWidth = _ref11.fullWidth;
-
   if (_typeof(fullWidth) === 'object') {
     var widthWasNotSet = fullWidth.md === undefined;
     if (widthWasNotSet) return;
@@ -113,7 +91,6 @@ var ButtonContainer = _styled.default.button(_templateObject || (_templateObject
   return theme.breakpoints.lg;
 }, function (_ref13) {
   var fullWidth = _ref13.fullWidth;
-
   if (_typeof(fullWidth) === 'object') {
     var widthWasNotSet = fullWidth.lg === undefined;
     if (widthWasNotSet) return;
@@ -124,20 +101,14 @@ var ButtonContainer = _styled.default.button(_templateObject || (_templateObject
   return theme.breakpoints.xl;
 }, function (_ref15) {
   var fullWidth = _ref15.fullWidth;
-
   if (_typeof(fullWidth) === 'object') {
     var widthWasNotSet = fullWidth.xl === undefined;
     if (widthWasNotSet) return;
     return fullWidth.xl ? '100%' : 'fit-content';
   }
 });
-
 exports.ButtonContainer = ButtonContainer;
-
 var IconContainer = _styled.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 0.45em;\n"])));
-
 exports.IconContainer = IconContainer;
-
 var IconWrapper = _styled.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])));
-
 exports.IconWrapper = IconWrapper;

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

@@ -1,8 +1,8 @@
 import { IconName } from '../Icon/types';
 import { GlobalColorsProps } from '../../shared/theme';
-declare type buttonVariant = 'outline' | 'solid' | 'ghost' | 'link';
-declare type buttonColor = GlobalColorsProps | (string & {});
-declare type responsivePattern<T = any> = {
+type buttonVariant = 'outline' | 'solid' | 'ghost' | 'link';
+type buttonColor = GlobalColorsProps | (string & {});
+type responsivePattern<T = any> = {
     base?: T;
     sm?: T;
     md?: T;
@@ -10,7 +10,7 @@ declare type responsivePattern<T = any> = {
     xl?: T;
     xxl?: T;
 };
-declare type sizeOptions = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type sizeOptions = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export interface ButtonProps {
     /**
      * The button's properties change making it not clickable and changing it's color.

package/dist/components/Button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,aAAK,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;AAC5D,aAAK,WAAW,GAAG,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AACrD,aAAK,iBAAiB,CAAC,CAAC,GAAG,GAAG,IAAI;IAChC,IAAI,CAAC,EAAE,CAAC,CAAC;IACT,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,GAAG,CAAC,EAAE,CAAC,CAAC;CACT,CAAC;AACF,aAAK,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpD,MAAM,WAAW,WAAW;IAC1B;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAEpB;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC;IAErB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,SAAS,CAAC,EAAE,iBAAiB,GAAG,MAAM,CAAC;IAEvC;;;;;;;;;OASG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAEjD;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;CACzB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,KAAK,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;AAC5D,KAAK,WAAW,GAAG,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AACrD,KAAK,iBAAiB,CAAC,CAAC,GAAG,GAAG,IAAI;IAChC,IAAI,CAAC,EAAE,CAAC,CAAC;IACT,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,GAAG,CAAC,EAAE,CAAC,CAAC;CACT,CAAC;AACF,KAAK,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpD,MAAM,WAAW,WAAW;IAC1B;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAEpB;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC;IAErB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,SAAS,CAAC,EAAE,iBAAiB,GAAG,MAAM,CAAC;IAEvC;;;;;;;;;OASG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAEjD;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;CACzB"}

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

@@ -1,37 +1,30 @@
 "use strict";
 
 var _testUtils = require("../../shared/tests/test-utils");
-
 require("@testing-library/jest-dom");
-
 var _ = require(".");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var setup = function setup(props) {
   var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Card, _objectSpread({}, props)));
   return utils;
 };
-
 describe('Card', function () {
   it('Should render a empty card', function () {
     var _setup = setup({}),
-        container = _setup.container;
-
+      container = _setup.container;
     expect(container).toBeInTheDocument();
   });
   it('Should render a card with padding', function () {
     var _setup2 = setup({
-      cardPadding: '32px'
-    }),
-        container = _setup2.container;
-
+        cardPadding: '32px'
+      }),
+      container = _setup2.container;
     expect(container).toBeInTheDocument();
   });
 });

package/dist/components/Card/index.js

@@ -1,44 +1,35 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Card = Card;
-
 var _theme = require("../../shared/theme");
-
 var _styles = require("./styles");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["cardPadding", "borderRadius", "variant", "boxShadow", "bgColor", "children"];
-
 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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function Card(_ref) {
   var _ref$cardPadding = _ref.cardPadding,
-      cardPadding = _ref$cardPadding === void 0 ? '10px' : _ref$cardPadding,
-      _ref$borderRadius = _ref.borderRadius,
-      borderRadius = _ref$borderRadius === void 0 ? '0.5rem' : _ref$borderRadius,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'solid' : _ref$variant,
-      _ref$boxShadow = _ref.boxShadow,
-      boxShadow = _ref$boxShadow === void 0 ? 'shadow.level1' : _ref$boxShadow,
-      bgColor = _ref.bgColor,
-      children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    cardPadding = _ref$cardPadding === void 0 ? '10px' : _ref$cardPadding,
+    _ref$borderRadius = _ref.borderRadius,
+    borderRadius = _ref$borderRadius === void 0 ? '0.5rem' : _ref$borderRadius,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'solid' : _ref$variant,
+    _ref$boxShadow = _ref.boxShadow,
+    boxShadow = _ref$boxShadow === void 0 ? 'shadow.level1' : _ref$boxShadow,
+    bgColor = _ref.bgColor,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useTheme = (0, _theme.useTheme)(),
-      theme = _useTheme.theme;
-
+    theme = _useTheme.theme;
   var splitBoxShadow = boxShadow && boxShadow.indexOf('shadow') > -1 ? boxShadow.split('.') : null;
   var boxShadowValue = splitBoxShadow ? theme.shadow[splitBoxShadow[1]] : boxShadow;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.CardBody, _objectSpread(_objectSpread({

package/dist/components/Card/styles.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CardBody = void 0;
-
 var _react = require("@emotion/react");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _colorCheck = require("../../utils/colorCheck");
-
 var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var CardBody = _styled.default.div(function (props) {
   return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: ", ";\n    border-radius: ", ";\n    box-shadow: ", ";\n    width: 100%;\n    background-color: ", ";\n    border: ", ";\n    color: ", ";\n  "])), props.cardPadding, props.borderRadius, props.variant === 'outlined' ? '' : props.boxShadow, props.variant === 'outlined' ? 'transparent' : (0, _colorCheck.stripThemeColors)(props.bgColor || '', props.theme.colors) || props.bgColor, props.variant === 'outlined' ? "2px solid ".concat(props.theme.colors.neutral.neutral1) : '', props.theme.colors.neutral.black);
 });
-
 exports.CardBody = CardBody;

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

@@ -1,13 +1,13 @@
 import { HTMLAttributes, ReactNode } from 'react';
 import { GlobalColorsProps } from '../../shared/theme';
-export declare type BodyCardProps = {
+export type BodyCardProps = {
     cardPadding?: string;
     borderRadius?: string;
     variant?: string;
     boxShadow?: string;
     bgColor?: string;
 };
-export declare type CardProps = HTMLAttributes<HTMLDivElement> & {
+export type CardProps = HTMLAttributes<HTMLDivElement> & {
     cardPadding?: string;
     children?: ReactNode;
     borderRadius?: string;

package/dist/components/Card/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Card/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,oBAAY,aAAa,GAAG;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,oBAAY,SAAS,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC/B,SAAS,CAAC,EAAE,eAAe,GAAG,eAAe,GAAG,eAAe,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACzF,OAAO,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CAC7C,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Card/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,MAAM,MAAM,aAAa,GAAG;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC/B,SAAS,CAAC,EAAE,eAAe,GAAG,eAAe,GAAG,eAAe,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACzF,OAAO,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CAC7C,CAAC"}