@pedidopago/ui 1.2.5 → 1.3.0

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/Input/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,mBAAmB,EAAY,MAAM,OAAO,CAAC;AAoBlE,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,QAAA,MAAM,KAAK,sJAkFV,CAAC;AAGF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,EAKpB,MAAM,OAAO,CAAC;AAoBf,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,QAAA,MAAM,KAAK,sJA6FV,CAAC;AAGF,eAAe,KAAK,CAAC"}

package/dist/components/Input/index.js

@@ -40,6 +40,8 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 var Input = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var _inputRef$current2;
+
   var placeholder = _ref.placeholder,
       type = _ref.type,
       disabled = _ref.disabled,
@@ -71,12 +73,23 @@ var Input = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     setHiddenInfo(!hiddenInfo);
   }
 
+  var inputRef = (0, _react.useRef)(null);
+  (0, _react.useImperativeHandle)(ref, function () {
+    return inputRef.current;
+  });
+  (0, _react.useEffect)(function () {
+    var _inputRef$current;
+
+    ((_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.value) && setHasValueOnInput(true);
+  }, [(_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.value]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.InputGroupElement, {
     hasValueOnInput: withIcon || placeholder || rest.value ? true : hasValueOnInput,
     alert: alert,
     withAddon: withAddon,
     hasDisabled: disabled,
     labelBackground: labelBackground,
+    className: rest.className,
+    style: rest.style,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.InputColumn, {
       children: [withAddon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.AddonElement, {
         alert: alert,
@@ -93,6 +106,7 @@ var Input = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
           children: [withIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.InputIcon, {
             children: withIcon
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Input, _objectSpread(_objectSpread({
+            "data-input": "input",
             type: hiddenInfo ? 'password' : type,
             "aria-label": label,
             withIcon: withIcon,
@@ -100,7 +114,7 @@ var Input = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
             disabled: disabled,
             alert: alert,
             placeholder: placeholder,
-            ref: ref
+            ref: inputRef
           }, rest), {}, {
             onChange: function onChange(e) {
               var _rest$onChange;

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { IModalProps } from './types';
-export declare function Modal({ open, left, top, anchorX, anchorY, offsetX, offsetY, hideScrollBar, hideOverlay, maxWidth, maxHeight, onClose, children, }: IModalProps): JSX.Element;
+import { ModalProps } from './types';
+export declare function Modal({ open, left, top, anchorX, anchorY, offsetX, offsetY, hideScrollBar, hideOverlay, disableScrollOnOpen, maxWidth, maxHeight, onClose, ...rest }: ModalProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,IAAa,EACb,GAAY,EACZ,OAAkB,EAClB,OAAkB,EAClB,OAAe,EACf,OAAe,EACf,aAAqB,EACrB,WAAmB,EACnB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,GACT,EAAE,WAAW,eA+Eb"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAMrC,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,IAAa,EACb,GAAY,EACZ,OAAkB,EAClB,OAAkB,EAClB,OAAe,EACf,OAAe,EACf,aAAqB,EACrB,WAAmB,EACnB,mBAA0B,EAC1B,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,IAAI,EACR,EAAE,UAAU,eAiFZ"}

package/dist/components/Modal/index.js

@@ -5,15 +5,33 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Modal = Modal;
 
+var _styles = require("./styles");
+
+var _react = require("react");
+
 var _useDisableBodyScroll = require("../../shared/hooks/useDisableBodyScroll");
 
 var _useKeyPress = require("../../shared/hooks/useKeyPress");
 
-var _styles = require("./styles");
+var _useWindowSize2 = require("src/shared/hooks/useWindowSize");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
+var _excluded = ["open", "left", "top", "anchorX", "anchorY", "offsetX", "offsetY", "hideScrollBar", "hideOverlay", "disableScrollOnOpen", "maxWidth", "maxHeight", "onClose"];
+
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 function Modal(_ref) {
+  var _containerRef$current, _containerRef$current2;
+
   var open = _ref.open,
       _ref$left = _ref.left,
       left = _ref$left === void 0 ? '50vw' : _ref$left,
@@ -31,18 +49,21 @@ function Modal(_ref) {
       hideScrollBar = _ref$hideScrollBar === void 0 ? false : _ref$hideScrollBar,
       _ref$hideOverlay = _ref.hideOverlay,
       hideOverlay = _ref$hideOverlay === void 0 ? false : _ref$hideOverlay,
+      _ref$disableScrollOnO = _ref.disableScrollOnOpen,
+      disableScrollOnOpen = _ref$disableScrollOnO === void 0 ? true : _ref$disableScrollOnO,
       maxWidth = _ref.maxWidth,
       maxHeight = _ref.maxHeight,
       onClose = _ref.onClose,
-      children = _ref.children;
-  // TODO
-  // Finalizar testes
-  // Finalizar documentação Dialog
-  // Finalizar testes do Dialog
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var _useWindowSize = (0, _useWindowSize2.useWindowSize)(),
+      windowHeight = _useWindowSize.height;
+
+  var containerRef = (0, _react.useRef)(null);
   (0, _useKeyPress.useKeyPress)('Escape', function () {
     return onClose && onClose();
   });
-  (0, _useDisableBodyScroll.useDisableBodyScroll)(open);
+  (0, _useDisableBodyScroll.useDisableBodyScroll)(open && disableScrollOnOpen);
 
   function getAnchorTranslate() {
     var percentageX = 0;
@@ -96,25 +117,27 @@ function Modal(_ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Overlay, {
       style: {
-        // display: open ? 'block' : 'none',
         opacity: open && !hideOverlay ? 0.1 : 0,
         pointerEvents: open ? 'auto' : 'none'
       },
       onClick: function onClick() {
         return onClose();
       }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-      style: {
-        left: "calc(".concat(left, " + ").concat(offsetX, ")"),
-        top: "calc(".concat(top, " + ").concat(offsetY, ")"),
-        transform: "".concat(getAnchorTranslate(), " scale(").concat(open ? 1 : 0.8, ")"),
-        opacity: open ? 1 : 0,
-        pointerEvents: open ? 'auto' : 'none'
-      },
-      maxWidth: maxWidth,
-      maxHeight: maxHeight,
-      hideScrollBar: hideScrollBar,
-      children: children
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ModalContainer, {
+      ref: containerRef,
+      open: open,
+      maxWidth: typeof maxWidth === 'number' ? "".concat(maxWidth, "px") : maxWidth,
+      maxHeight: "".concat(windowHeight - (((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : (_containerRef$current2 = _containerRef$current.getBoundingClientRect()) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.y) || 0), "px"),
+      left: "calc(".concat(left, " + ").concat(offsetX, ")"),
+      top: "calc(".concat(top, " + ").concat(offsetY, ")"),
+      anchorTranslate: getAnchorTranslate(),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ModalElement, _objectSpread(_objectSpread({
+        open: open,
+        maxHeight: typeof maxHeight === 'number' ? "".concat(maxHeight, "px") : maxHeight,
+        hideScrollBar: hideScrollBar
+      }, rest), {}, {
+        children: rest.children
+      }))
     })]
   });
 }