@pedidopago/ui 1.2.5 → 1.3.2

package/dist/components/Alert/alert.test.js

@@ -23,14 +23,14 @@ var setup = function setup(props) {
 describe('Alert', function () {
   it('should it render the alert component', function () {
     var container = setup({
-      message: 'test',
+      content: 'test',
       title: 'Test Toast'
     });
     expect(container.getByText('test')).toBeInTheDocument();
   });
   it('should it render the alert component in outlined variant', function () {
     var container = setup({
-      message: 'test',
+      content: 'test',
       title: 'Test Toast',
       variant: 'outlined'
     });
@@ -38,7 +38,7 @@ describe('Alert', function () {
   });
   it('should it render the alert component in closable variant', function () {
     var container = setup({
-      message: 'test',
+      content: 'test',
       title: 'Test Toast',
       variant: 'closable'
     });
@@ -46,7 +46,7 @@ describe('Alert', function () {
   });
   it('should it render the alert component in success type', function () {
     var container = setup({
-      message: 'test',
+      content: 'test',
       title: 'Test Toast',
       type: 'success'
     });
@@ -54,7 +54,7 @@ describe('Alert', function () {
   });
   it('should it render the alert component in error type', function () {
     var container = setup({
-      message: 'test',
+      content: 'test',
       title: 'Test Toast',
       type: 'error'
     });
@@ -62,7 +62,7 @@ describe('Alert', function () {
   });
   it('should it render the alert component in warning type', function () {
     var container = setup({
-      message: 'test',
+      content: 'test',
       title: 'Test Toast',
       type: 'warning'
     });
@@ -70,7 +70,7 @@ describe('Alert', function () {
   });
   it('should it render the alert component in critical type', function () {
     var container = setup({
-      message: 'test',
+      content: 'test',
       title: 'Test Toast',
       type: 'critical'
     });
@@ -81,7 +81,7 @@ describe('Alert', function () {
 
     var onClose = jest.fn();
     var container = setup({
-      message: 'test',
+      content: 'test',
       title: 'Test Toast',
       variant: 'closable',
       onClose: onClose

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

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { IAlertProps } from './types';
-declare const Alert: FC<IAlertProps>;
+import { AlertProps } from './types';
+declare const Alert: FC<AlertProps>;
 export default Alert;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Alert/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAgB3B,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,QAAA,MAAM,KAAK,EAAE,EAAE,CAAC,WAAW,CAuD1B,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAa3B,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,QAAA,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CA6BzB,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/Alert/index.js

@@ -16,14 +16,10 @@ var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var Alert = function Alert(_ref) {
-  var buttonTitle = _ref.buttonTitle,
-      onButtonClick = _ref.onButtonClick,
-      message = _ref.message,
+  var title = _ref.title,
+      content = _ref.content,
+      maxWidth = _ref.maxWidth,
       onClose = _ref.onClose,
-      title = _ref.title,
-      fullWidth = _ref.fullWidth,
-      isLoading = _ref.isLoading,
-      children = _ref.children,
       _ref$icon = _ref.icon,
       icon = _ref$icon === void 0 ? 'info' : _ref$icon,
       _ref$type = _ref.type,
@@ -31,13 +27,11 @@ var Alert = function Alert(_ref) {
       _ref$variant = _ref.variant,
       variant = _ref$variant === void 0 ? 'filled' : _ref$variant;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledAlertContainer, {
-    children: isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledAlertSkeleton, {
-      fullWidth: fullWidth
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.StyledAlertWrapper, {
-      haveContent: !!message || !!children,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.StyledAlertWrapper, {
+      haveContent: !!content,
       variant: variant,
       type: type,
-      fullWidth: fullWidth,
+      maxWidth: maxWidth,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledIconBox, {
         type: type,
         variant: variant,
@@ -52,20 +46,7 @@ var Alert = function Alert(_ref) {
           fontSize: "xs",
           fontWeight: "bold",
           children: title
-        }), (children || message) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-            fontSize: "xs",
-            fontWeight: "400",
-            children: message
-          }), buttonTitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledButtonRow, {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledButton, {
-              onClick: function onClick() {
-                return onButtonClick && onButtonClick();
-              },
-              children: buttonTitle
-            })
-          })]
-        })]
+        }), content]
       }), variant === 'closable' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledCloseIcon, {
         onClick: function onClick() {
           return onClose && onClose();

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

@@ -22,16 +22,4 @@ export declare const StyledCloseIcon: import("@emotion/styled").StyledComponent<
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledAlertSkeleton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledAlert, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledButtonRow: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,oBAAoB;;;yGAEhC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;wHAmD7B,CAAC;AAEH,eAAO,MAAM,aAAa;;;;iBAA4C,OAAO;yGA0B3E,CAAC;AAEH,eAAO,MAAM,YAAY;;;wHASxB,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAS3B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;wHA+B/B,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAK3B,CAAC;AAEF,eAAO,MAAM,YAAY;;;qHAAkB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,oBAAoB;;;yGAEhC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;wHAoD7B,CAAC;AAEH,eAAO,MAAM,aAAa;;;;iBAA4C,OAAO;yGA0B3E,CAAC;AAEH,eAAO,MAAM,YAAY;;;wHASxB,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAS3B,CAAC"}

package/dist/components/Alert/styles.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledIconBox = exports.StyledColumn = exports.StyledCloseIcon = exports.StyledButtonRow = exports.StyledButton = exports.StyledAlertWrapper = exports.StyledAlertSkeleton = exports.StyledAlertContainer = void 0;
+exports.StyledIconBox = exports.StyledColumn = exports.StyledCloseIcon = exports.StyledAlertWrapper = exports.StyledAlertContainer = void 0;
 
 var _react = require("@emotion/react");
 
@@ -11,7 +11,7 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
 
 var _colorCheck = require("../../utils/colorCheck");
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -25,7 +25,7 @@ var StyledAlertWrapper = _styled.default.div(function (props) {
   var buttonPrimaryColor = props.type !== 'default' && props.type ? props.theme.colors[props.type].default : props.theme.colors.neutral.neutral3;
   var buttonSecondaryColor = props.type !== 'default' && props.type ? props.theme.colorMode === 'dark' ? props.theme.colors[props.type].dark : props.theme.colors[props.type].blurred : props.theme.colors.neutral.neutral1;
   var secondaryColor = props.type !== 'default' && props.type ? props.theme.colorMode === 'dark' ? props.theme.colors[props.type].dark : props.theme.colors[props.type].blurred : props.theme.colorMode === 'dark' ? props.theme.colors.neutral.neutral6 : props.theme.colors.neutral.neutral1;
-  return (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: flex;\n    align-items: ", ";\n    padding: 1rem;\n    gap: 1rem;\n    border-radius: 8px;\n    max-width: ", ";\n    background-color: ", ";\n    border: ", ";\n    color: ", ";\n\n    & button {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-family: inherit;\n      font-weight: 600;\n      cursor: pointer;\n      border-radius: 8px;\n      padding: 8px 24px;\n      background-color: ", ";\n      border: ", ";\n      color: ", ";\n    }\n  "])), props.haveContent ? 'flex-start' : 'center', props.fullWidth ? '100%' : '459px', props.variant === 'outlined' ? 'transparent' : secondaryColor, props.variant === 'outlined' ? "2px solid ".concat(secondaryColor, ";") : '', props.variant === 'outlined' ? props.theme.colors.neutral.neutral4 : '', props.variant === 'outlined' ? buttonSecondaryColor : 'transparent', props.variant !== 'outlined' ? "2px solid ".concat(buttonPrimaryColor) : '0', props.variant === 'outlined' ? buttonPrimaryColor : props.theme.colorMode === 'dark' ? props.theme.colors.neutral.white : props.theme.colors.neutral.black);
+  return (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: flex;\n    align-items: ", ";\n    padding: 1rem;\n    gap: 1rem;\n    border-radius: 8px;\n    width: 100%;\n    background-color: ", ";\n    border: ", ";\n    color: ", ";\n    max-width: ", ";\n\n    & button {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-family: inherit;\n      font-weight: 600;\n      cursor: pointer;\n      border-radius: 8px;\n      padding: 8px 24px;\n      background-color: ", ";\n      border: ", ";\n      color: ", ";\n    }\n  "])), props.haveContent ? 'flex-start' : 'center', props.variant === 'outlined' ? 'transparent' : secondaryColor, props.variant === 'outlined' ? "2px solid ".concat(secondaryColor, ";") : '', props.variant === 'outlined' ? props.theme.colors.neutral.neutral4 : '', props.maxWidth ? "".concat(props.maxWidth, "px") : '', props.variant === 'outlined' ? buttonSecondaryColor : 'transparent', props.variant !== 'outlined' ? "2px solid ".concat(buttonPrimaryColor) : '0', props.variant === 'outlined' ? buttonPrimaryColor : props.theme.colorMode === 'dark' ? props.theme.colors.neutral.white : props.theme.colors.neutral.black);
 });
 
 exports.StyledAlertWrapper = StyledAlertWrapper;
@@ -47,22 +47,4 @@ var StyledCloseIcon = _styled.default.div(_templateObject5 || (_templateObject5
   return props.theme.colorMode === 'dark' ? props.theme.colors.neutral.white : props.theme.colors.neutral.black;
 });
 
-exports.StyledCloseIcon = StyledCloseIcon;
-
-var StyledAlertSkeleton = _styled.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  height: 104px;\n  width: ", ";\n  border-radius: 8px;\n  background-color: ", ";\n  overflow: hidden;\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.fullWidth ? '100%' : '459px';
-}, function (props) {
-  return props.theme.colors.neutral.neutral1;
-}, function (props) {
-  return props.theme.colors.neutral.neutral2;
-});
-
-exports.StyledAlertSkeleton = StyledAlertSkeleton;
-
-var StyledButtonRow = _styled.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n"])));
-
-exports.StyledButtonRow = StyledButtonRow;
-
-var StyledButton = _styled.default.button(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral([""])));
-
-exports.StyledButton = StyledButton;
+exports.StyledCloseIcon = StyledCloseIcon;

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

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { ExtendThemeProps } from 'src';
 import { IconName } from '../Icon/types';
-export declare type IAlertProps = {
+export declare type AlertProps = {
     /**
      * The icon of the alert.
      * @default 'info'
@@ -20,32 +20,15 @@ export declare type IAlertProps = {
     /**
      * The message of the alert
      */
-    message?: string;
-    /**
-     * The children of the alert
-     * @default undefined
-     */
-    children?: ReactNode;
+    content?: ReactNode;
     /**
      * The title of the alert
      */
     title: string;
     /**
-     * The title of the alert button
-     */
-    buttonTitle?: string;
-    /**
-     * The action of the alert button
-     */
-    onButtonClick?: () => void;
-    /**
-     * Whether the alert is loading
-     */
-    isLoading?: boolean;
-    /**
-     * Sets a full width alert
+     * Sets a max width to alert
      */
-    fullWidth?: boolean;
+    maxWidth?: number;
     /**
      * Provides a callback that is called when the close button is clicked.
      * @description This props are available when variant is set to 'closable'
@@ -53,7 +36,7 @@ export declare type IAlertProps = {
     onClose?: () => void;
 };
 export declare type IStyledAlert = {
-    fullWidth?: boolean;
+    maxWidth?: number;
     variant?: 'outlined' | 'filled' | 'closable';
     type?: 'default' | 'success' | 'warning' | 'error' | 'critical' | 'informative';
     theme?: ExtendThemeProps;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,oBAAY,WAAW,GAAG;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC7C;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa,CAAC;IAChF;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC7C,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa,CAAC;IAChF,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,oBAAY,UAAU,GAAG;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC7C;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa,CAAC;IAChF;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC7C,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa,CAAC;IAChF,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAOjD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAGvC,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,YAAY,CAkEtE,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAOjD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAGvC,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,YAAY,CAkFtE,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/Button/index.js

@@ -17,7 +17,7 @@ var _Skeleton = _interopRequireDefault(require("../Skeleton"));
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var _excluded = ["children", "leftIcon", "rightIcon", "isLoading", "variant", "bgColor", "size", "fullWidth", "textColor", "type"];
+var _excluded = ["children", "leftIcon", "rightIcon", "isLoading", "variant", "bgColor", "size", "fullWidth", "textColor", "type", "iconColor"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -47,13 +47,16 @@ var Button = function Button(_ref) {
       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, 'text.default');
+  var parsedTextColor = (0, _getColorValue.getColorValue)(textColor, theme, 'neutral.white');
+  var parsedIconColor = (0, _getColorValue.getColorValue)(iconColor, theme, 'neutral.white');
 
   var getThemeHex = function getThemeHex(path, obj) {
     var separator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '.';
@@ -79,6 +82,10 @@ var Button = function Button(_ref) {
     parsedTextColor = getThemeHex(parsedTextColor, theme);
   }
 
+  if (parsedIconColor.includes('.')) {
+    parsedIconColor = getThemeHex(parsedIconColor, theme);
+  }
+
   if (isLoading) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {
       width: 200,
@@ -100,6 +107,7 @@ var Button = function Button(_ref) {
     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"
@@ -107,6 +115,7 @@ var Button = function Button(_ref) {
       }), 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

@@ -62,7 +62,7 @@ var Buttons = _styled.default.button(_templateObject || (_templateObject = _tagg
       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.2);\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        "])), button.bgColor || button.textColor || theme.colors.primary.default, button.bgColor || button.textColor || theme.colors.primary.default);
+      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        "])), button.textColor || button.bgColor || theme.colors.primary.default, button.bgColor || button.textColor || theme.colors.primary.default);
 
     case 'ghost':
       return (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n          padding-inline: 0;\n          background-color: transparent;\n          color: ", ";\n          &:is(&:hover, &:focus):not(:disabled) {\n            filter: var(--button-brightness);\n          }\n        "])), button.bgColor || button.textColor || theme.colors.primary.default);

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

@@ -76,6 +76,7 @@ export interface IButtonProps {
      * @memberof IButtonProps
      */
     bgColor?: buttonColor;
+    iconColor?: GlobalColorsProps | string;
     /**
      * Property that makes the button take 100% of the width of the parent component.
      *

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,YAAY;IAC3B;;;;;;;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,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;;;;;;;OASG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAEjD;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;CACzB;AAED,oBAAY,aAAa,GAAG;IAC1B,MAAM,EAAE,YAAY,CAAC;CACtB,CAAC"}
+{"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,YAAY;IAC3B;;;;;;;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,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;;;;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;AAED,oBAAY,aAAa,GAAG;IAC1B,MAAM,EAAE,YAAY,CAAC;CACtB,CAAC"}

package/dist/components/Card/card.test.tsx.d.ts

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

package/dist/components/Card/card.test.tsx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.test.tsx.d.ts","sourceRoot":"","sources":["../../../src/components/Card/card.test.tsx.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}

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

@@ -0,0 +1,41 @@
+"use strict";
+
+var _testUtils = require("../../shared/tests/test-utils");
+
+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__*/(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 outlined', () => {
+  //   const { container } = setup({ outlined: true });
+  //   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.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { cardI } from './types';
-export declare function Card({ title, subtitle, media, supporingText, tooltip, icon, outlined, expand, expandedHeight, titleColor, hover, active, padding, children, btPrimary, btSecondary, btColumn, }: cardI): JSX.Element;
+import { ICard } from './types';
+export declare function Card({ cardPadding, borderRadius, variant, boxShadow, bgColor, children, }: ICard): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,QAAQ,EACR,KAAK,EACL,aAAa,EACb,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,cAAc,EACd,UAAU,EACV,KAAK,EACL,MAAM,EACN,OAAO,EACP,QAAQ,EACR,SAAS,EACT,WAAW,EACX,QAAQ,GACT,EAAE,KAAK,eAkCP"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,wBAAgB,IAAI,CAAC,EACnB,WAAoB,EACpB,YAAuB,EACvB,OAAiB,EACjB,SAA2B,EAC3B,OAAO,EACP,QAAQ,GACT,EAAE,KAAK,eAmBP"}

package/dist/components/Card/index.js

@@ -5,79 +5,35 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Card = Card;
 
-var _styles = require("./styles");
-
-var _Expansion = require("./Expansion");
-
-var _Icon = _interopRequireDefault(require("../Icon"));
+var _theme = require("../../shared/theme");
 
-var _Tooltip = _interopRequireDefault(require("../Tooltip"));
-
-var _ButtonCard = require("./ButtonCard");
+var _styles = require("./styles");
 
 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 Card(_ref) {
-  var title = _ref.title,
-      subtitle = _ref.subtitle,
-      media = _ref.media,
-      supporingText = _ref.supporingText,
-      tooltip = _ref.tooltip,
-      icon = _ref.icon,
-      outlined = _ref.outlined,
-      expand = _ref.expand,
-      expandedHeight = _ref.expandedHeight,
-      titleColor = _ref.titleColor,
-      hover = _ref.hover,
-      active = _ref.active,
-      padding = _ref.padding,
-      children = _ref.children,
-      btPrimary = _ref.btPrimary,
-      btSecondary = _ref.btSecondary,
-      btColumn = _ref.btColumn;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.CardBody, {
-    outlined: outlined,
-    hover: hover,
-    active: active,
-    children: [media && /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Media, {
-        src: media
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.CardContent, {
-      padding: padding,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.HeaderCard, {
-        children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Title, {
-          color: titleColor,
-          children: title
-        }), icon && (tooltip ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, _objectSpread(_objectSpread({}, tooltip), {}, {
-          children: icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-            name: icon
-          })
-        })) : icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-          name: icon
-        }))]
-      }), subtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SubtitleText, {
-        children: subtitle
-      }), supporingText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SupporingText, {
-        children: supporingText
-      }), expand ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Expansion.Expansion, {
-        expandedHeight: expandedHeight,
-        children: children
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Content, {
-        children: children
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonCard.ButtonCardArea, {
-        btPrimary: btPrimary,
-        btSecondary: btSecondary,
-        btColumn: btColumn
-      })]
-    })]
+  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;
+
+  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, {
+    cardPadding: cardPadding,
+    borderRadius: borderRadius,
+    variant: variant,
+    boxShadow: boxShadowValue,
+    bgColor: bgColor,
+    children: children
   });
 }

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

@@ -1,57 +1,7 @@
 /// <reference types="react" />
-import { BodyCard } from './types';
+import { IBodyCard } from './types';
 export declare const CardBody: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & BodyCard, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CardContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    padding?: string | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const HeaderCard: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ChildrenBody: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    expand: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Title: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    color?: string | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Content: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SubtitleText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
-export declare const SupporingText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
-export declare const Media: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
-export declare const SupText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const IconArea: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
-export declare const ButtonArea: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & IBodyCard, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Card/styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,eAAO,MAAM,QAAQ;;;oHAiBpB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;yGAEvB,CAAC;AAEF,eAAO,MAAM,UAAU;;;yGAStB,CAAC;AACF,eAAO,MAAM,YAAY;;;;YAAwB,OAAO;yGAEvD,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;yGAKjB,CAAC;AAEF,eAAO,MAAM,OAAO;;;yGAGnB,CAAC;AAEF,eAAO,MAAM,YAAY;;;qHAGxB,CAAC;AAEF,eAAO,MAAM,aAAa;;;qHAIzB,CAAC;AAEF,eAAO,MAAM,KAAK;;;gHAIjB,CAAC;AAEF,eAAO,MAAM,OAAO;;;yGAEnB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;gHAKpB,CAAC;AAEF,eAAO,MAAM,UAAU;;;yGAItB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Card/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,eAAO,MAAM,QAAQ;;;qHAYnB,CAAC"}