@pedidopago/ui 1.7.25 → 1.8.0

package/dist/components/Badge/styles.js

@@ -1,33 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BadgeSkeleton = exports.BadgeContainer = exports.BadgeCircle = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _colorCheck = require("../../utils/colorCheck");
-var _templateObject, _templateObject2;
-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 BadgeContainer = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"])));
-exports.BadgeContainer = BadgeContainer;
-var BadgeCircle = _styled.default.div(function (props) {
-  var theme = props.theme,
-    _props$type = props.type,
-    type = _props$type === void 0 ? 'neutral' : _props$type,
-    customColor = props.color;
-  var themeColor = !theme.colors[type] || type === 'neutral' ? theme.colors.neutral.neutral1 : theme.colors[type].default;
-  var color = customColor ? (0, _colorCheck.stripThemeColors)(customColor, theme.colors) || customColor : themeColor;
-  return "\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    box-shadow: inset 0 0 0 3px ".concat(color, ";\n    margin-right: 8px;\n    flex-shrink: 0;\n  ");
-});
-exports.BadgeCircle = BadgeCircle;
-var BadgeSkeleton = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: ", ";\n  height: 10px;\n  display: block;\n  border-radius: ", ";\n  background-color: ", ";\n  overflow: hidden;\n\n  &:not(:last-child) {\n    margin-right: 8px;\n  }\n\n  &::after {\n    content: '';\n    inset: 0px;\n    width: 100%;\n    height: 100%;\n    display: block;\n    animation: 1.6s linear 0.5s infinite normal none running move;\n    transform: translateX(-100%);\n    background: linear-gradient(\n      90deg,\n      transparent,\n      ", ",\n      transparent\n    );\n  }\n\n  @keyframes move {\n    0% {\n      transform: translateX(-100%);\n    }\n    100% {\n      transform: translateX(100%);\n    }\n  }\n"])), function (props) {
-  return props.circle ? '10px' : '4rem';
-}, function (props) {
-  return props.circle ? '999999px' : '2px';
-}, function (props) {
-  return props.theme.colors.neutral.neutral1;
-}, function (props) {
-  return props.theme.colors.neutral.neutral2;
-});
-exports.BadgeSkeleton = BadgeSkeleton;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BadgeSkeleton=exports.BadgeContainer=exports.BadgeCircle=void 0;var _templateObject,_templateObject2,_styled=_interopRequireDefault(require("@emotion/styled")),_colorCheck=require("../../utils/colorCheck");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var BadgeContainer=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"])));exports.BadgeContainer=BadgeContainer;var BadgeCircle=_styled.default.div(function(props){var theme=props.theme,_props$type=props.type,type=void 0===_props$type?"neutral":_props$type,customColor=props.color,themeColor=theme.colors[type]&&"neutral"!==type?theme.colors[type].default:theme.colors.neutral.neutral1,color=customColor?(0,_colorCheck.stripThemeColors)(customColor,theme.colors)||customColor:themeColor;return"\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    box-shadow: inset 0 0 0 3px ".concat(color,";\n    margin-right: 8px;\n    flex-shrink: 0;\n  ")});exports.BadgeCircle=BadgeCircle;var BadgeSkeleton=_styled.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  width: ",";\n  height: 10px;\n  display: block;\n  border-radius: ",";\n  background-color: ",";\n  overflow: hidden;\n\n  &:not(:last-child) {\n    margin-right: 8px;\n  }\n\n  &::after {\n    content: '';\n    inset: 0px;\n    width: 100%;\n    height: 100%;\n    display: block;\n    animation: 1.6s linear 0.5s infinite normal none running move;\n    transform: translateX(-100%);\n    background: linear-gradient(\n      90deg,\n      transparent,\n      ",",\n      transparent\n    );\n  }\n\n  @keyframes move {\n    0% {\n      transform: translateX(-100%);\n    }\n    100% {\n      transform: translateX(100%);\n    }\n  }\n"])),function(props){return props.circle?"10px":"4rem"},function(props){return props.circle?"999999px":"2px"},function(props){return props.theme.colors.neutral.neutral1},function(props){return props.theme.colors.neutral.neutral2});exports.BadgeSkeleton=BadgeSkeleton;

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

@@ -1,154 +1 @@
-"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) { 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;
-    expect(container).toBeInTheDocument();
-  });
-  it('should call onClick function when clicked', function () {
-    var handleClick = jest.fn();
-    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      variant: "solid",
-      bgColor: "#fff",
-      onClick: handleClick,
-      children: "Click Me"
-    }));
-    _react.fireEvent.click(_react.screen.getByRole('button'));
-    expect(handleClick).toHaveBeenCalledTimes(1);
-  });
-  it('should render a disabled button', function () {
-    var handleClick = jest.fn();
-    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      disabled: true,
-      variant: "solid",
-      bgColor: "#fff",
-      onClick: handleClick,
-      children: "Click Me"
-    }));
-    expect(_react.screen.getByRole('button')).toBeDisabled();
-    expect(_react.screen.getByRole('button')).not.toHaveStyle('cursor: pointer');
-  });
-  it('should render a ghost variant button', function () {
-    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      variant: "ghost",
-      children: "Click Me"
-    }));
-    expect(_react.screen.getByRole('button')).toHaveStyle('background-color: transparent');
-  });
-  it('should render a link variant button', function () {
-    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      variant: "link",
-      children: "Click Me"
-    }));
-    expect(_react.screen.getByRole('button')).toHaveStyle('background-color: transparent');
-    expect(_react.screen.getByRole('button')).toHaveStyle('text-decoration: underline');
-  });
-  it('should render an outline variant button', function () {
-    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      variant: "outline",
-      textColor: "#ff00ff",
-      children: "Click Me"
-    }));
-    expect(_react.screen.getByRole('button')).toHaveStyle('background-color: transparent');
-    expect(_react.screen.getByRole('button')).toHaveStyle('color: #ff00ff');
-  });
-  it('should render a button that takes full width (boolean)', function () {
-    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      fullWidth: true,
-      variant: "solid",
-      children: "Click Me"
-    }));
-    expect(_react.screen.getByRole('button')).toHaveStyle('width: 100%');
-  });
-  it('should render a button that takes full width (Responsive Object)', function () {
-    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      fullWidth: {
-        base: true
-      },
-      variant: "solid",
-      bgColor: "#fff",
-      children: "Click Me"
-    }));
-    expect(_react.screen.getByRole('button')).toHaveStyle('width: 100%');
-  });
-  it('should not render a button that takes full width (Responsive Object)', function () {
-    var handleClick = jest.fn();
-    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      fullWidth: {
-        base: false,
-        sm: true
-      },
-      variant: "solid",
-      bgColor: "#fff",
-      onClick: handleClick,
-      children: "Click Me"
-    }));
-    expect(_react.screen.getByRole('button')).not.toHaveStyle('width: 100%');
-  });
-  it('should render a button with a leftIcon', function () {
-    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      leftIcon: "airplay",
-      variant: "solid",
-      children: "Click Me"
-    }));
-    var _setup2 = setup({
-        leftIcon: 'airplay'
-      }),
-      getLeftIcon = _setup2.getLeftIcon;
-    expect(getLeftIcon()).toBeInTheDocument();
-  });
-  it('should render a button with a rightIcon', function () {
-    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      rightIcon: "airplay",
-      variant: "solid",
-      children: "Click Me"
-    }));
-    var _setup3 = setup({
-        rightIcon: 'airplay'
-      }),
-      getRightIcon = _setup3.getRightIcon;
-    expect(getRightIcon()).toBeInTheDocument();
-  });
-  it('should render a button with a grey textColor', function () {
-    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      textColor: "#8b7e8b",
-      children: "Click Me"
-    }));
-    expect(_react.screen.getByRole('button')).toHaveStyle('color: #8b7e8b');
-  });
-});
+"use strict";var _testUtils=require("../../shared/tests/test-utils"),_react=require("@testing-library/react");require("@testing-library/jest-dom");var _=_interopRequireDefault(require(".")),_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 source,i=1;i<arguments.length;i++)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){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}describe("Button",function(){var setup=function(props){var utils=(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,_objectSpread(_objectSpread({},props),{},{children:"Button test"})));return _objectSpread({getSkeleton:function getSkeleton(){return utils.getAllByTestId("skeleton")[0]},getLeftIcon:function getLeftIcon(){return utils.getAllByTestId("leftIconId")[0]},getRightIcon:function getRightIcon(){return utils.getAllByTestId("rightIconId")[0]}},utils)};it("should be rendered",function(){var _setup=setup({bgColor:"#fff",variant:"solid"}),container=_setup.container;expect(container).toBeInTheDocument()}),it("should call onClick function when clicked",function(){var handleClick=jest.fn();(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{variant:"solid",bgColor:"#fff",onClick:handleClick,children:"Click Me"})),_react.fireEvent.click(_react.screen.getByRole("button")),expect(handleClick).toHaveBeenCalledTimes(1)}),it("should render a disabled button",function(){var handleClick=jest.fn();(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{disabled:!0,variant:"solid",bgColor:"#fff",onClick:handleClick,children:"Click Me"})),expect(_react.screen.getByRole("button")).toBeDisabled(),expect(_react.screen.getByRole("button")).not.toHaveStyle("cursor: pointer")}),it("should render a ghost variant button",function(){(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{variant:"ghost",children:"Click Me"})),expect(_react.screen.getByRole("button")).toHaveStyle("background-color: transparent")}),it("should render a link variant button",function(){(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{variant:"link",children:"Click Me"})),expect(_react.screen.getByRole("button")).toHaveStyle("background-color: transparent"),expect(_react.screen.getByRole("button")).toHaveStyle("text-decoration: underline")}),it("should render an outline variant button",function(){(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{variant:"outline",textColor:"#ff00ff",children:"Click Me"})),expect(_react.screen.getByRole("button")).toHaveStyle("background-color: transparent"),expect(_react.screen.getByRole("button")).toHaveStyle("color: #ff00ff")}),it("should render a button that takes full width (boolean)",function(){(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{fullWidth:!0,variant:"solid",children:"Click Me"})),expect(_react.screen.getByRole("button")).toHaveStyle("width: 100%")}),it("should render a button that takes full width (Responsive Object)",function(){(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{fullWidth:{base:!0},variant:"solid",bgColor:"#fff",children:"Click Me"})),expect(_react.screen.getByRole("button")).toHaveStyle("width: 100%")}),it("should not render a button that takes full width (Responsive Object)",function(){var handleClick=jest.fn();(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{fullWidth:{base:!1,sm:!0},variant:"solid",bgColor:"#fff",onClick:handleClick,children:"Click Me"})),expect(_react.screen.getByRole("button")).not.toHaveStyle("width: 100%")}),it("should render a button with a leftIcon",function(){(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{leftIcon:"airplay",variant:"solid",children:"Click Me"}));var _setup2=setup({leftIcon:"airplay"}),getLeftIcon=_setup2.getLeftIcon;expect(getLeftIcon()).toBeInTheDocument()}),it("should render a button with a rightIcon",function(){(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{rightIcon:"airplay",variant:"solid",children:"Click Me"}));var _setup3=setup({rightIcon:"airplay"}),getRightIcon=_setup3.getRightIcon;expect(getRightIcon()).toBeInTheDocument()}),it("should render a button with a grey textColor",function(){(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{textColor:"#8b7e8b",children:"Click Me"})),expect(_react.screen.getByRole("button")).toHaveStyle("color: #8b7e8b")})});

package/dist/components/Button/index.js

@@ -1,87 +1 @@
-"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 _Icon = _interopRequireDefault(require("../Icon"));
-var _index = require("../../shared/theme/index");
-var _getColorValue = require("../../utils/getColorValue");
-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) { 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);
-  var _useTheme = (0, _index.useTheme)(),
-    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');
-  var iconSize = {
-    xs: '16px',
-    sm: '18px',
-    md: '20px',
-    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,
-    fullWidth: fullWidth,
-    variant: variant,
-    size: size,
-    type: type
-  }, props), {}, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.IconContainer, {
-      children: [leftIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.IconWrapper, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-          color: parsedIconColor,
-          name: leftIcon,
-          size: iconSize,
-          "data-testid": "leftIconId"
-        })
-      }), children, !leftIcon && rightIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.IconWrapper, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-          name: rightIcon,
-          color: parsedIconColor,
-          size: iconSize,
-          "data-testid": "rightIconId"
-        })
-      })]
-    })
-  }));
-}
+"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:!0}),exports.default=Button;var _Icon=_interopRequireDefault(require("../Icon")),_index=require("../../shared/theme/index"),_getColorValue=require("../../utils/getColorValue"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime"),_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 source,i=1;i<arguments.length;i++)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){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}function Button(_ref){var children=_ref.children,leftIcon=_ref.leftIcon,rightIcon=_ref.rightIcon,_ref$variant=_ref.variant,variant=void 0===_ref$variant?"solid":_ref$variant,_ref$bgColor=_ref.bgColor,bgColor=void 0===_ref$bgColor?"":_ref$bgColor,_ref$size=_ref.size,size=void 0===_ref$size?"md":_ref$size,fullWidth=_ref.fullWidth,_ref$textColor=_ref.textColor,textColor=void 0===_ref$textColor?"":_ref$textColor,_ref$type=_ref.type,type=void 0===_ref$type?"button":_ref$type,_ref$iconColor=_ref.iconColor,iconColor=void 0===_ref$iconColor?"":_ref$iconColor,props=_objectWithoutProperties(_ref,_excluded),_useTheme=(0,_index.useTheme)(),theme=_useTheme.theme,parsedBgColor=(0,_getColorValue.getColorValue)(bgColor,theme,"success.default"),parsedTextColor=(0,_getColorValue.getColorValue)(textColor,theme,"neutral.white"),parsedIconColor=(0,_getColorValue.getColorValue)(iconColor,theme,"neutral.white"),iconSize={xs:"16px",sm:"18px",md:"20px",lg:"24px",xl:"26px"}[size];return parsedBgColor.includes(".")&&(parsedBgColor=(0,_getColorValue.getThemeHex)(parsedBgColor,theme)),parsedTextColor.includes(".")&&(parsedTextColor=(0,_getColorValue.getThemeHex)(parsedTextColor,theme)),parsedIconColor.includes(".")&&(parsedIconColor=(0,_getColorValue.getThemeHex)(parsedIconColor,theme)),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.ButtonContainer,_objectSpread(_objectSpread({bgColor:parsedBgColor,textColor:parsedTextColor,fullWidth:fullWidth,variant:variant,size:size,type:type},props),{},{children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.IconContainer,{children:[leftIcon&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.IconWrapper,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{color:parsedIconColor,name:leftIcon,size:iconSize,"data-testid":"leftIconId"})}),children,!leftIcon&&rightIcon&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.IconWrapper,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:rightIcon,color:parsedIconColor,size:iconSize,"data-testid":"rightIconId"})})]})}))}

package/dist/components/Button/styles.js

@@ -1,112 +1 @@
-"use strict";
-
-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];
-}, function (_ref2) {
-  var theme = _ref2.theme;
-  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;
-  return textColor || theme.lightColors.neutral.white;
-}, function (_ref5) {
-  var theme = _ref5.theme,
-    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;
-  switch (variant) {
-    case 'solid':
-      return (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          color: ", ";\n          svg,\n          path {\n            color: ", ";\n            fill: ", ";\n          }\n          &:is(&:hover, &:focus):not(:disabled) {\n            box-shadow: inset 0 0 40px 40px rgba(0, 0, 0, 0.08);\n          }\n        "])), (0, _invertColor.invertColor)(bgColor !== null && bgColor !== void 0 ? bgColor : theme.colors.primary.default, true), (0, _invertColor.invertColor)(bgColor !== null && bgColor !== void 0 ? bgColor : theme.colors.primary.default, true), (0, _invertColor.invertColor)(bgColor !== null && bgColor !== void 0 ? bgColor : theme.colors.primary.default, true));
-    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);
-  }
-}, function (_ref8) {
-  var theme = _ref8.theme;
-  return theme.breakpoints.sm;
-}, function (_ref9) {
-  var fullWidth = _ref9.fullWidth;
-  if (_typeof(fullWidth) === 'object') {
-    var widthWasNotSet = fullWidth.sm === undefined;
-    if (widthWasNotSet) return;
-    return fullWidth.sm ? '100%' : 'fit-content';
-  }
-}, function (_ref10) {
-  var theme = _ref10.theme;
-  return theme.breakpoints.md;
-}, function (_ref11) {
-  var fullWidth = _ref11.fullWidth;
-  if (_typeof(fullWidth) === 'object') {
-    var widthWasNotSet = fullWidth.md === undefined;
-    if (widthWasNotSet) return;
-    return fullWidth.md ? '100%' : 'fit-content';
-  }
-}, function (_ref12) {
-  var theme = _ref12.theme;
-  return theme.breakpoints.lg;
-}, function (_ref13) {
-  var fullWidth = _ref13.fullWidth;
-  if (_typeof(fullWidth) === 'object') {
-    var widthWasNotSet = fullWidth.lg === undefined;
-    if (widthWasNotSet) return;
-    return fullWidth.lg ? '100%' : 'fit-content';
-  }
-}, function (_ref14) {
-  var theme = _ref14.theme;
-  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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.IconWrapper=exports.IconContainer=exports.ButtonContainer=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_styled=_interopRequireDefault(require("@emotion/styled")),_react=require("@emotion/react"),_invertColor=require("../../utils/invertColor");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){return raw||(raw=strings.slice(0)),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]},function(_ref2){var theme=_ref2.theme;return theme.fontSizes.xs},function(_ref3){var size=_ref3.size;return"xs"===size?"4px 8px":"sm"===size?"8px 16px":"md"===size?"12px 24px":"lg"===size?"16px 32px":"xl"===size?"20px 40px":"12px 24px"},function(_ref4){var theme=_ref4.theme,textColor=_ref4.textColor;return textColor||theme.lightColors.neutral.white},function(_ref5){var theme=_ref5.theme,bgColor=_ref5.bgColor;return null!==bgColor&&void 0!==bgColor?bgColor:theme.colors.primary.default},function(_ref6){var fullWidth=_ref6.fullWidth;if(fullWidth)return"object"===_typeof(fullWidth)&&void 0!==fullWidth?fullWidth.base&&"100%":"100%"},function(_ref7){var theme=_ref7.theme,variant=_ref7.variant,textColor=_ref7.textColor,bgColor=_ref7.bgColor;return"solid"===variant?(0,_react.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n          color: ",";\n          svg,\n          path {\n            color: ",";\n            fill: ",";\n          }\n          &:is(&:hover, &:focus):not(:disabled) {\n            box-shadow: inset 0 0 40px 40px rgba(0, 0, 0, 0.08);\n          }\n        "])),(0,_invertColor.invertColor)(null!==bgColor&&void 0!==bgColor?bgColor:theme.colors.primary.default,!0),(0,_invertColor.invertColor)(null!==bgColor&&void 0!==bgColor?bgColor:theme.colors.primary.default,!0),(0,_invertColor.invertColor)(null!==bgColor&&void 0!==bgColor?bgColor:theme.colors.primary.default,!0)):"outline"===variant?(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):"ghost"===variant?(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):"link"===variant?(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):void 0},function(_ref8){var theme=_ref8.theme;return theme.breakpoints.sm},function(_ref9){var fullWidth=_ref9.fullWidth;if("object"===_typeof(fullWidth)){var widthWasNotSet=fullWidth.sm===void 0;return widthWasNotSet?void 0:fullWidth.sm?"100%":"fit-content"}},function(_ref10){var theme=_ref10.theme;return theme.breakpoints.md},function(_ref11){var fullWidth=_ref11.fullWidth;if("object"===_typeof(fullWidth)){var widthWasNotSet=fullWidth.md===void 0;return widthWasNotSet?void 0:fullWidth.md?"100%":"fit-content"}},function(_ref12){var theme=_ref12.theme;return theme.breakpoints.lg},function(_ref13){var fullWidth=_ref13.fullWidth;if("object"===_typeof(fullWidth)){var widthWasNotSet=fullWidth.lg===void 0;return widthWasNotSet?void 0:fullWidth.lg?"100%":"fit-content"}},function(_ref14){var theme=_ref14.theme;return theme.breakpoints.xl},function(_ref15){var fullWidth=_ref15.fullWidth;if("object"===_typeof(fullWidth)){var widthWasNotSet=fullWidth.xl===void 0;return widthWasNotSet?void 0: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/Card/card.test.js

@@ -1,30 +1 @@
-"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) { 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;
-    expect(container).toBeInTheDocument();
-  });
-  it('Should render a card with padding', function () {
-    var _setup2 = setup({
-        cardPadding: '32px'
-      }),
-      container = _setup2.container;
-    expect(container).toBeInTheDocument();
-  });
-});
+"use strict";var _testUtils=require("../../shared/tests/test-utils");require("@testing-library/jest-dom");var _=require("."),_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 source,i=1;i<arguments.length;i++)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){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}var setup=function(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;expect(container).toBeInTheDocument()}),it("Should render a card with padding",function(){var _setup2=setup({cardPadding:"32px"}),container=_setup2.container;expect(container).toBeInTheDocument()})});

package/dist/components/Card/index.js

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

package/dist/components/Card/styles.js

@@ -1,16 +1 @@
-"use strict";
-
-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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CardBody=void 0;var _templateObject,_react=require("@emotion/react"),_styled=_interopRequireDefault(require("@emotion/styled")),_colorCheck=require("../../utils/colorCheck");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),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,"outlined"===props.variant?"":props.boxShadow,"outlined"===props.variant?"transparent":(0,_colorCheck.stripThemeColors)(props.bgColor||"",props.theme.colors)||props.bgColor,"outlined"===props.variant?"2px solid ".concat(props.theme.colors.neutral.neutral1):"",props.theme.colors.neutral.black)});exports.CardBody=CardBody;