@pedidopago/ui 1.0.6

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { Buttons } from '../types';
+export declare function ButtonCardArea({ btSecondary, btPrimary, btColumn }: Buttons): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/ButtonCard/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnC,wBAAgB,cAAc,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,OAAO,eA0B3E"}

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

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ButtonCardArea = ButtonCardArea;
+
+var _styles = require("./styles");
+
+var _Button = _interopRequireDefault(require("../../Button"));
+
+var _Grid = _interopRequireDefault(require("../../Grid"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ButtonCardArea(_ref) {
+  var btSecondary = _ref.btSecondary,
+      btPrimary = _ref.btPrimary,
+      btColumn = _ref.btColumn;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, (btSecondary || btPrimary) && /*#__PURE__*/React.createElement(_styles.ButtonArea, null, btSecondary && btPrimary ? /*#__PURE__*/React.createElement(_styles.MultipleButton, {
+    btColumn: btColumn
+  }, /*#__PURE__*/React.createElement(_Grid.default, {
+    container: true,
+    templateColumns: {
+      sm: 'repeat(1, 1fr)',
+      md: !btColumn ? 'repeat(2, 1fr)' : 'repeat(1, 1fr)'
+    },
+    gridGap: 10
+  }, /*#__PURE__*/React.createElement(_Button.default, btSecondary), /*#__PURE__*/React.createElement(_Button.default, btPrimary))) : btPrimary && /*#__PURE__*/React.createElement(_Button.default, btPrimary)));
+}

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { ThemeProps } from 'src';
+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>, {}>;
+export declare const MultipleButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    theme?: ThemeProps | undefined;
+    btColumn?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/ButtonCard/styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,eAAO,MAAM,UAAU;;;yGAUtB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;yGAM1B,CAAC"}

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MultipleButton = exports.ButtonArea = void 0;
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+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 ButtonArea = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin-top: 32px;\n\n  & > div,\n  & > div > div {\n    width: 100%;\n  }\n"])));
+
+exports.ButtonArea = ButtonArea;
+
+var MultipleButton = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: ", ";\n  justify-content: center;\n  @media screen and (max-width: ", ") {\n    display: block;\n  }\n"])), function (_ref) {
+  var btColumn = _ref.btColumn;
+  return btColumn ? 'block' : 'flex';
+}, function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.breakpoints.md;
+});
+
+exports.MultipleButton = MultipleButton;

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

@@ -0,0 +1,6 @@
+import react from 'react';
+export declare function Expansion({ children, expandedHeight, }: {
+    children?: react.ReactChild;
+    expandedHeight?: string;
+}): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Expansion/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,cAAc,GACf,EAAE;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,eAsBA"}

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

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Expansion = Expansion;
+
+var _react = require("@emotion/react");
+
+var _react2 = require("react");
+
+var _Icon = _interopRequireDefault(require("../../Icon"));
+
+var _style = require("./style");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function Expansion(_ref) {
+  var children = _ref.children,
+      expandedHeight = _ref.expandedHeight;
+
+  var _useState = (0, _react2.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      expanded = _useState2[0],
+      setExpanded = _useState2[1];
+
+  var theme = (0, _react.useTheme)();
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    onClick: function onClick() {
+      return setExpanded(!expanded);
+    },
+    style: {
+      display: 'flex',
+      justifyContent: 'flex-end'
+    }
+  }, /*#__PURE__*/React.createElement(_style.ExpandIcon, {
+    expanded: expanded
+  }, /*#__PURE__*/React.createElement(_Icon.default, {
+    color: theme.colorMode === 'dark' ? 'neutral.white' : 'neutral.black',
+    name: "arrow-down"
+  }))), /*#__PURE__*/React.createElement(_style.ExpandBody, {
+    expanded: expanded,
+    expandedHeight: expandedHeight
+  }, children));
+}

package/dist/components/Card/Expansion/style.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export declare const ExpandBody: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    expanded: boolean;
+    expandedHeight?: string | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ExpandIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    expanded: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=style.d.ts.map

package/dist/components/Card/Expansion/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Expansion/style.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,UAAU;;;;cACX,OAAO;;yGAOlB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;cAA0B,OAAO;yGAavD,CAAC"}

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

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ExpandIcon = exports.ExpandBody = void 0;
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+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 ExpandBody = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  max-height: ", ";\n  transition: 0.5s ease;\n  overflow: hidden;\n  color: ", ";\n"])), function (_ref) {
+  var expanded = _ref.expanded,
+      expandedHeight = _ref.expandedHeight;
+  return expanded ? expandedHeight || '500px' : '0';
+}, function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.colorMode === 'dark' && theme.colors.neutral.white;
+});
+
+exports.ExpandBody = ExpandBody;
+
+var ExpandIcon = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-bottom: 10px;\n  transform: ", ";\n  transition: 0.5s ease;\n\n  @keyframes spin {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(180deg);\n    }\n  }\n"])), function (_ref3) {
+  var expanded = _ref3.expanded;
+  return expanded && 'rotate(180deg)';
+});
+
+exports.ExpandIcon = ExpandIcon;

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

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

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

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

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

@@ -0,0 +1,166 @@
+"use strict";
+
+var _testUtils = require("../../shared/tests/test-utils");
+
+require("@testing-library/jest-dom");
+
+var _ = require(".");
+
+var setup = function setup(props) {
+  var utils = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.Card, 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 title,subtitle and Supporing Text', function () {
+    var _setup2 = setup({
+      title: 'title',
+      subtitle: 'subtitle',
+      supporingText: 'supporing text'
+    }),
+        container = _setup2.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('Should render a card with image', function () {
+    var _setup3 = setup({
+      media: 'https://rockcontent.com/br/wp-content/uploads/sites/2/2017/06/thumbnail.png'
+    }),
+        container = _setup3.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('Should render a card with outlined', function () {
+    var _setup4 = setup({
+      outlined: true
+    }),
+        container = _setup4.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('Should render a card with a icon', function () {
+    var _setup5 = setup({
+      icon: 'info'
+    }),
+        container = _setup5.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('Should render a card with a tooltip', function () {
+    var _setup6 = setup({
+      tooltip: {
+        label: 'teste'
+      }
+    }),
+        container = _setup6.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('Should render a expandable card', function () {
+    var _setup7 = setup({
+      expand: true
+    }),
+        container = _setup7.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('Should render a expandable card with expanded height', function () {
+    var _setup8 = setup({
+      expand: true,
+      expandedHeight: '200px'
+    }),
+        container = _setup8.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('Should render a card with different title color', function () {
+    var _setup9 = setup({
+      title: 'teste',
+      titleColor: '#d3f'
+    }),
+        container = _setup9.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('Should render a card with padding', function () {
+    var _setup10 = setup({
+      padding: '32px'
+    }),
+        container = _setup10.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('Should render a card with one button', function () {
+    var _setup11 = setup({
+      btPrimary: {
+        text: 'read more',
+        color: 'blue',
+        variant: 'outline'
+      }
+    }),
+        container = _setup11.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('Should render a card with two buttons', function () {
+    var _setup12 = setup({
+      btPrimary: {
+        text: 'read more',
+        color: 'blue',
+        variant: 'outline'
+      },
+      btSecondary: {
+        text: 'read more',
+        color: 'blue',
+        variant: 'outline'
+      }
+    }),
+        container = _setup12.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('Should render a card with two buttons in column', function () {
+    var _setup13 = setup({
+      btColumn: true,
+      btPrimary: {
+        text: 'read more',
+        color: 'blue',
+        variant: 'outline'
+      },
+      btSecondary: {
+        text: 'read more',
+        color: 'blue',
+        variant: 'outline'
+      }
+    }),
+        container = _setup13.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('Should render a card with hover property', function () {
+    var _setup14 = setup({
+      hover: {
+        backgroundColor: 'red'
+      }
+    }),
+        container = _setup14.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('Should render a card with active property', function () {
+    var _setup15 = setup({
+      active: {
+        backgroundColor: 'red'
+      }
+    }),
+        container = _setup15.container;
+
+    expect(container).toBeInTheDocument();
+  });
+});

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

@@ -0,0 +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;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/Card/index.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Card = Card;
+
+var _styles = require("./styles");
+
+var _Expansion = require("./Expansion");
+
+var _Icon = _interopRequireDefault(require("../Icon"));
+
+var _Tooltip = _interopRequireDefault(require("../Tooltip"));
+
+var _ButtonCard = require("./ButtonCard");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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__*/React.createElement(_styles.CardBody, {
+    outlined: outlined,
+    hover: hover,
+    active: active
+  }, media && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_styles.Media, {
+    src: media
+  })), /*#__PURE__*/React.createElement(_styles.CardContent, {
+    padding: padding
+  }, /*#__PURE__*/React.createElement(_styles.HeaderCard, null, title && /*#__PURE__*/React.createElement(_styles.Title, {
+    color: titleColor
+  }, title), icon && (tooltip ? /*#__PURE__*/React.createElement(_Tooltip.default, tooltip, icon && /*#__PURE__*/React.createElement(_Icon.default, {
+    name: icon
+  })) : icon && /*#__PURE__*/React.createElement(_Icon.default, {
+    name: icon
+  }))), subtitle && /*#__PURE__*/React.createElement(_styles.SubtitleText, null, subtitle), supporingText && /*#__PURE__*/React.createElement(_styles.SupporingText, null, supporingText), expand ? /*#__PURE__*/React.createElement(_Expansion.Expansion, {
+    expandedHeight: expandedHeight
+  }, children) : /*#__PURE__*/React.createElement(_styles.Content, null, children), /*#__PURE__*/React.createElement(_ButtonCard.ButtonCardArea, {
+    btPrimary: btPrimary,
+    btSecondary: btSecondary,
+    btColumn: btColumn
+  })));
+}

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

@@ -0,0 +1,57 @@
+/// <reference types="react" />
+import { BodyCard } 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>, {}>;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/Card/styles.js

@@ -0,0 +1,95 @@
+"use strict";
+
+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;
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
+
+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;
+});
+
+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;

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

@@ -0,0 +1,42 @@
+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 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;
+    children?: React.ReactChild;
+    btPrimary?: IButtonProps;
+    btSecondary?: IButtonProps;
+    btColumn?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map