@pedidopago/ui 1.2.4 → 1.3.1

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,CAkD1B,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;AAgB3B,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,QAAA,MAAM,KAAK,EAAE,EAAE,CAAC,WAAW,CAuD1B,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/Alert/index.js

@@ -34,6 +34,7 @@ var Alert = function Alert(_ref) {
     children: isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledAlertSkeleton, {
       fullWidth: fullWidth
     }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.StyledAlertWrapper, {
+      haveContent: !!message || !!children,
       variant: variant,
       type: type,
       fullWidth: fullWidth,
@@ -51,7 +52,7 @@ var Alert = function Alert(_ref) {
           fontSize: "xs",
           fontWeight: "bold",
           children: title
-        }), children || /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        }), (children || message) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
             fontSize: "xs",
             fontWeight: "400",

package/dist/components/Alert/styles.js

@@ -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: flex-start;\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.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    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);
 });
 
 exports.StyledAlertWrapper = StyledAlertWrapper;

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

@@ -20,7 +20,7 @@ export declare type IAlertProps = {
     /**
      * The message of the alert
      */
-    message: string;
+    message?: string;
     /**
      * The children of the alert
      * @default undefined
@@ -57,5 +57,6 @@ export declare type IStyledAlert = {
     variant?: 'outlined' | 'filled' | 'closable';
     type?: 'default' | 'success' | 'warning' | 'error' | 'critical' | 'informative';
     theme?: ExtendThemeProps;
+    haveContent?: boolean;
 };
 //# sourceMappingURL=types.d.ts.map

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,EAAE,MAAM,CAAC;IAChB;;;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;CAC1B,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,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"}

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"}

package/dist/components/Card/styles.js

@@ -3,93 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Title = exports.SupporingText = exports.SupText = exports.SubtitleText = exports.Media = exports.IconArea = exports.HeaderCard = exports.Content = exports.ChildrenBody = exports.CardContent = exports.CardBody = exports.ButtonArea = void 0;
+exports.CardBody = void 0;
+
+var _react = require("@emotion/react");
 
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
+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(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: ", ";\n  border-radius: 8px;\n  box-shadow: ", ";\n  width: 100%;\n  :hover {\n    ", "\n  }\n  :active {\n    ", "\n  }\n"])), function (props) {
-  return props.theme.colorMode === 'dark' ? props.theme.colors.neutral.neutral6 : props.theme.colors.neutral.white;
-}, function (_ref) {
-  var theme = _ref.theme;
-  return theme.colorMode === 'dark' ? "0px 16px 32px ".concat(theme.colors.neutral.black) : theme.shadow.level2;
-}, function (_ref2) {
-  var hover = _ref2.hover;
-  return hover;
-}, function (_ref3) {
-  var active = _ref3.active;
-  return active;
-});
-
-exports.CardBody = CardBody;
-
-var CardContent = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: ", ";\n"])), function (_ref4) {
-  var padding = _ref4.padding;
-  return padding || 0;
-});
-
-exports.CardContent = CardContent;
-
-var HeaderCard = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  & svg {\n    color: ", ";\n  }\n"])), function (_ref5) {
-  var theme = _ref5.theme;
-  return theme.colorMode === 'dark' ? theme.colors.neutral.white : theme.colors.neutral.black;
-});
-
-exports.HeaderCard = HeaderCard;
-
-var ChildrenBody = _styled.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: ", ";\n"])), function (_ref6) {
-  var expand = _ref6.expand;
-  return !expand || 'none';
-});
-
-exports.ChildrenBody = ChildrenBody;
-
-var Title = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: 1.5rem;\n  font-weight: bold;\n"])), function (_ref7) {
-  var color = _ref7.color,
-      theme = _ref7.theme;
-  return color || theme.colorMode === 'dark' ? theme.colors.neutral.white : theme.colors.neutral.black;
-});
-
-exports.Title = Title;
-
-var Content = _styled.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), function (_ref8) {
-  var theme = _ref8.theme;
-  return theme.colorMode === 'dark' ? theme.colors.neutral.white : theme.colors.neutral.black;
-});
-
-exports.Content = Content;
-
-var SubtitleText = _styled.default.p(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), function (_ref9) {
-  var theme = _ref9.theme;
-  return theme.colorMode === 'dark' ? theme.colors.neutral.white : theme.colors.neutral.black;
+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' : props.bgColor, props.variant === 'outlined' ? "2px solid ".concat(props.theme.colors.neutral.neutral1) : '', props.theme.colors.neutral.black);
 });
 
-exports.SubtitleText = SubtitleText;
-
-var SupporingText = _styled.default.p(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  font-size: 12px;\n  color: ", ";\n"])), function (_ref10) {
-  var theme = _ref10.theme;
-  return theme.colorMode === 'dark' ? theme.colors.neutral.white : theme.colors.neutral.black;
-});
-
-exports.SupporingText = SupporingText;
-
-var Media = _styled.default.img(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  width: 100%;\n  border-top-left-radius: 8px;\n  border-top-right-radius: 8px;\n"])));
-
-exports.Media = Media;
-
-var SupText = _styled.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  padding: 0 32px;\n"])));
-
-exports.SupText = SupText;
-
-var IconArea = _styled.default.img(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  width: 100px;\n  height: 100px;\n  object-fit: cover;\n  border-radius: 50%;\n"])));
-
-exports.IconArea = IconArea;
-
-var ButtonArea = _styled.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  margin-top: 32px;\n"])));
-
-exports.ButtonArea = ButtonArea;
+exports.CardBody = CardBody;

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

@@ -1,42 +1,17 @@
 import React from 'react';
-import { ThemeProps } from 'src';
-import { IButtonProps } from '../Button/types';
-import { IconName } from '../Icon/types';
-import { IInputProps, positionType } from '../Tooltip/types';
-import { CSSObject } from '@emotion/react';
-export declare type toolTipCard = {
-    label: string;
-    position: positionType;
-    backgroundColor: string;
-};
-export interface BodyCard {
-    outlined?: boolean;
-    theme?: ThemeProps;
-    hover?: CSSObject;
-    active?: CSSObject;
+export interface IBodyCard {
+    cardPadding?: string;
+    borderRadius?: string;
+    variant?: string;
+    boxShadow?: string;
+    bgColor?: string;
 }
-export interface Buttons {
-    btPrimary?: IButtonProps;
-    btSecondary?: IButtonProps;
-    btColumn?: boolean;
-}
-export interface cardI {
-    title?: string;
-    subtitle?: string;
-    media?: string;
-    supporingText?: string;
-    tooltip?: IInputProps;
-    icon?: IconName;
-    outlined?: boolean;
-    expand?: boolean;
-    expandedHeight?: string;
-    titleColor?: string;
-    hover?: CSSObject;
-    active?: CSSObject;
-    padding?: string;
+export interface ICard {
+    cardPadding?: string;
     children?: React.ReactChild;
-    btPrimary?: IButtonProps;
-    btSecondary?: IButtonProps;
-    btColumn?: boolean;
+    borderRadius?: string;
+    variant?: string;
+    boxShadow?: 'shadow.level1' | 'shadow.level2' | 'shadow.level3' | (string & {});
+    bgColor?: string;
 }
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Card/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,oBAAY,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,YAAY,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AACF,MAAM,WAAW,QAAQ;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AACD,MAAM,WAAW,OAAO;IACtB,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,KAAK;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC;IAC5B,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Card/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,SAAS;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,KAAK;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,eAAe,GAAG,eAAe,GAAG,eAAe,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAChF,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB"}

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

@@ -265,7 +265,7 @@ export declare const CalendarText: import("@emotion/styled").StyledComponent<{
 } & import("../../@types").GenericStyledProps & import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement> & {
     variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | undefined;
     color?: import("../..").GlobalColorsProps | (string & {}) | undefined;
-    fontSize?: number | "display" | "xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl" | "giant" | undefined;
+    fontSize?: number | "display" | "tiny" | "xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl" | "giant" | undefined;
     fontWeight?: "400" | "700" | "100" | "200" | "300" | "500" | "600" | "800" | "900" | "bold" | "normal" | undefined;
     fontStyle?: "inherit" | "initial" | "normal" | "italic" | "oblique" | undefined;
     lineHeight?: string | number | undefined;

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

@@ -5,6 +5,7 @@ export declare const StyledFlexContainer: import("@emotion/styled").StyledCompon
 } & import("./types").IFlexProps & {
     theme?: {
         fontSizes: {
+            tiny: string;
             xxxs: string;
             xxs: string;
             xs: string;

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yGAyZ9B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yGAyZ9B,CAAC"}

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

@@ -5,6 +5,7 @@ export declare const GridComponent: import("@emotion/styled").StyledComponent<{
 } & import("./types").IGridProps & {
     theme?: {
         fontSizes: {
+            tiny: string;
             xxxs: string;
             xxs: string;
             xs: string;

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yGA4azB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yGA4azB,CAAC"}

package/dist/components/Icon/data/form.d.ts

@@ -0,0 +1,9 @@
+export declare const formIcons: {
+    name: string;
+    width: number;
+    height: number;
+    viewBox: string;
+    html: string;
+    xmlns: string;
+}[];
+//# sourceMappingURL=form.d.ts.map

package/dist/components/Icon/data/form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/data/form.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS;;;;;;;GAiRrB,CAAC"}