@pedidopago/ui 1.2.5 → 1.3.0

package/dist/components/Tooltip/index.js

@@ -7,22 +7,12 @@ exports.default = void 0;
 
 var _react = require("react");
 
-var _theme = require("../../shared/theme");
-
 var _styles = require("./styles");
 
-var _componenteTeste = require("./componenteTeste");
-
 var _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["position", "maxWidth", "label", "labelColor", "animationDuration", "backgroundColor", "width", "children"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return 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."); }
@@ -44,8 +34,7 @@ var Tooltip = function Tooltip(_ref) {
       position = _ref$position === void 0 ? 'top' : _ref$position,
       _ref$maxWidth = _ref.maxWidth,
       maxWidth = _ref$maxWidth === void 0 ? '280px' : _ref$maxWidth,
-      _ref$label = _ref.label,
-      label = _ref$label === void 0 ? 'Testin' : _ref$label,
+      label = _ref.label,
       labelColor = _ref.labelColor,
       _ref$animationDuratio = _ref.animationDuration,
       animationDuration = _ref$animationDuratio === void 0 ? 0.2 : _ref$animationDuratio,
@@ -54,9 +43,6 @@ var Tooltip = function Tooltip(_ref) {
       children = _ref.children,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  var _useTheme = (0, _theme.useTheme)(),
-      theme = _useTheme.theme;
-
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
       showTooltip = _useState2[0],
@@ -67,19 +53,19 @@ var Tooltip = function Tooltip(_ref) {
 
   function positionTooltip() {
     var tooltip = motionDiv.current;
-
-    var tooltipInitialValues = _objectSpread({}, tooltip);
-
     var container = componentDiv.current;
 
     if (tooltip !== null && container !== null) {
       var tooltipDimensions = tooltip.getBoundingClientRect();
-      tooltip.style = _objectSpread({}, tooltipInitialValues.style);
 
       if (window.innerWidth < 500 && (tooltipDimensions.x < 0 || tooltipDimensions.x > window.innerWidth)) {
         tooltip.style.top = container.offsetHeight + 5 + 'px';
         tooltip.style.left = '0px';
         tooltip.style.right = '0px';
+        tooltip.style.width = 'max-content';
+      } else if (tooltipDimensions.x < 0 && tooltipDimensions.y < 0) {
+        tooltip.style.top = container.offsetHeight + 5 + 'px';
+        tooltip.style.left = '0px';
       } else if (tooltipDimensions.x < 0) {
         tooltip.style.left = container.offsetWidth + 5 + 'px';
         tooltip.style.width = 'max-content';
@@ -87,13 +73,14 @@ var Tooltip = function Tooltip(_ref) {
       } else if (tooltipDimensions.y < 0 || tooltipDimensions.x > window.innerWidth) {
         tooltip.style.height = 'max-content';
         tooltip.style.top = container.offsetHeight + 5 + 'px';
-        tooltip.style.left = container.offsetWidth / 2 - tooltip.offsetWidth / 2 + 'px';
       }
     }
   }
 
   (0, _react.useEffect)(function () {
-    positionTooltip();
+    if (showTooltip) {
+      positionTooltip();
+    }
   }, [showTooltip]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.TooltipComponentWrapper, {
     position: position,
@@ -107,7 +94,7 @@ var Tooltip = function Tooltip(_ref) {
       },
       "data-testid": "tooltip-target",
       ref: componentDiv,
-      children: children || /*#__PURE__*/(0, _jsxRuntime.jsx)(_componenteTeste.ComponentTeste, {})
+      children: children
     }), showTooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.MotionDiv, {
       initial: {
         opacity: 0
@@ -126,14 +113,11 @@ var Tooltip = function Tooltip(_ref) {
       ref: motionDiv,
       position: position,
       backgroundColor: backgroundColor,
-      isLabelString: typeof label === 'string' && label.length > 0,
       width: width,
       maxWidth: maxWidth,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TooltipWrapper, {
         labelColor: labelColor,
-        children: label || /*#__PURE__*/(0, _jsxRuntime.jsx)(_componenteTeste.TesteComponent, {
-          theme: theme
-        })
+        children: label
       })
     })]
   });

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAKtC,eAAO,MAAM,uBAAuB;;;uHAsBnC,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAAe,CAAC;AAI1C,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAgBrB,CAAC;AAEF,eAAO,MAAM,cAAc;;;uHAQ1B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAKtC,eAAO,MAAM,uBAAuB;;;uHAmBnC,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAAe,CAAC;AAI1C,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAerB,CAAC;AAEF,eAAO,MAAM,cAAc;;;uHAS1B,CAAC"}

package/dist/components/Tooltip/styles.js

@@ -19,15 +19,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var TooltipComponentWrapper = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  position: relative;\n\n  ", "\n\n  .TooltipArea {\n    &::after {\n      display: none;\n      content: '';\n      position: absolute;\n      /* background-color: ", "; */\n      background-color: ", ";\n      width: 16px;\n      height: 20px;\n      z-index: -1;\n      ", ";\n    }\n  }\n"])), _util.FlexPositionController, function (_ref) {
+var TooltipComponentWrapper = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  position: relative;\n\n  ", "\n\n  .TooltipArea {\n    &::after {\n      display: none;\n      content: '';\n      position: absolute;\n      background-color: ", ";\n      width: 16px;\n      height: 20px;\n      z-index: -1;\n    }\n  }\n"])), _util.FlexPositionController, function (_ref) {
   var backgroundColor = _ref.backgroundColor,
       theme = _ref.theme;
-  return backgroundColor || theme.colors.neutral.black;
-}, function (_ref2) {
-  var backgroundColor = _ref2.backgroundColor,
-      theme = _ref2.theme;
   return backgroundColor || (theme.colorMode === 'dark' ? theme.colors.neutral.white : theme.colors.neutral.black);
-}, _util.controlArrow);
+});
 
 exports.TooltipComponentWrapper = TooltipComponentWrapper;
 
@@ -35,23 +31,20 @@ var TooltipTarget = _styled.default.div(_templateObject2 || (_templateObject2 =
 
 
 exports.TooltipTarget = TooltipTarget;
-var MotionDiv = (0, _styled.default)(_framerMotion.motion.div)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref3) {
-  var _ref3$position = _ref3.position,
-      position = _ref3$position === void 0 ? 'right' : _ref3$position,
-      backgroundColor = _ref3.backgroundColor,
-      isLabelString = _ref3.isLabelString,
-      width = _ref3.width,
-      maxWidth = _ref3.maxWidth,
-      theme = _ref3.theme;
-  return (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      display: flex;\n      position: absolute;\n      background-color: ", ";\n      justify-content: inherit;\n      align-items: inherit;\n      width: ", ";\n      max-width: ", ";\n      border-radius: ", ";\n      ", ";\n      ", ";\n    "])), backgroundColor || (theme.colorMode === 'dark' ? theme.colors.neutral.white : theme.colors.neutral.neutral5), width, maxWidth, theme.borderRadius.default, isLabelString ? {
-    padding: 10
-  } : null, (0, _util.TooltipAreaPositionController)(position));
+var MotionDiv = (0, _styled.default)(_framerMotion.motion.div)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref2) {
+  var _ref2$position = _ref2.position,
+      position = _ref2$position === void 0 ? 'right' : _ref2$position,
+      backgroundColor = _ref2.backgroundColor,
+      width = _ref2.width,
+      maxWidth = _ref2.maxWidth,
+      theme = _ref2.theme;
+  return (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      display: flex;\n      position: absolute;\n      background-color: ", ";\n      justify-content: inherit;\n      align-items: inherit;\n      width: ", ";\n      max-width: ", ";\n      border-radius: ", ";\n      ", ";\n    "])), backgroundColor || (theme.colorMode === 'dark' ? theme.colors.neutral.white : theme.colors.neutral.neutral5), width, maxWidth, theme.borderRadius.default, (0, _util.TooltipAreaPositionController)(position));
 });
 exports.MotionDiv = MotionDiv;
 
-var TooltipWrapper = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  height: inherit;\n  overflow: hidden;\n\n  color: ", ";\n"])), function (_ref4) {
-  var labelColor = _ref4.labelColor,
-      theme = _ref4.theme;
+var TooltipWrapper = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  height: inherit;\n  overflow: hidden;\n\n  color: ", ";\n  padding: 10px;\n"])), function (_ref3) {
+  var labelColor = _ref3.labelColor,
+      theme = _ref3.theme;
   return labelColor || (theme.colorMode === 'dark' ? theme.colors.neutral.black : theme.colors.neutral.white);
 });
 

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

@@ -16,7 +16,7 @@ export declare type IInputProps = {
     maxWidth?: string;
     position?: positionType;
     backgroundColor?: string;
-    label?: string | ReactNode;
+    label?: ReactNode;
     labelColor?: string;
     children?: ReactNode;
     animationDuration?: number;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,oBAAY,YAAY,GACpB,WAAW,GACX,KAAK,GACL,SAAS,GACT,aAAa,GACb,OAAO,GACP,WAAW,GACX,cAAc,GACd,QAAQ,GACR,YAAY,GACZ,YAAY,GACZ,MAAM,GACN,UAAU,CAAC;AAEf,oBAAY,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B,CAAC;AAEF,oBAAY,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,oBAAY,YAAY,GACpB,WAAW,GACX,KAAK,GACL,SAAS,GACT,aAAa,GACb,OAAO,GACP,WAAW,GACX,cAAc,GACd,QAAQ,GACR,YAAY,GACZ,YAAY,GACZ,MAAM,GACN,UAAU,CAAC;AAEf,oBAAY,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B,CAAC;AAEF,oBAAY,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC"}

package/dist/components/Tooltip/util.d.ts

@@ -25,8 +25,4 @@ export declare function TooltipAreaPositionController(position: positionType): {
     left?: undefined;
 } | null;
 export declare function FlexPositionController({ position }: IStyleProps): import("@emotion/react").SerializedStyles | null;
-export declare function controlArrow(props: IStyleProps): import("@emotion/react").SerializedStyles;
-export declare function ArrowPositionController({ position }: IStyleProps): import("@emotion/react").SerializedStyles | null;
-export declare function chooseArrow({ position }: IStyleProps): "clip-path: polygon(0 100%, 100% 100%, 50% 0)" | "clip-path: polygon(0 0, 100% 0, 50% 100%)" | "clip-path: polygon(100% 0, 100% 100%, 0% 50%);" | "clip-path: polygon(0% 0, 0% 100%,100% 50%)" | null;
-export declare function arrowMarginController({ position }: IStyleProps): import("@emotion/react").SerializedStyles;
 //# sourceMappingURL=util.d.ts.map

package/dist/components/Tooltip/util.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/util.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEpD,wBAAgB,6BAA6B,CAAC,QAAQ,EAAE,YAAY;;;;;;;;;;;;;;;;;;;;;;;;SAqCnE;AAED,wBAAgB,sBAAsB,CAAC,EAAE,QAAkB,EAAE,EAAE,WAAW,oDAoCzE;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,WAAW,6CAU9C;AAED,wBAAgB,uBAAuB,CAAC,EAAE,QAAmB,EAAE,EAAE,WAAW,oDA+B3E;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,WAAW,yMA0BpD;AAED,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,EAAE,WAAW,6CAY9D"}
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/util.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEpD,wBAAgB,6BAA6B,CAAC,QAAQ,EAAE,YAAY;;;;;;;;;;;;;;;;;;;;;;;;SAqCnE;AAED,wBAAgB,sBAAsB,CAAC,EAAE,QAAkB,EAAE,EAAE,WAAW,oDAoCzE"}

package/dist/components/Tooltip/util.js

@@ -3,16 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ArrowPositionController = ArrowPositionController;
 exports.FlexPositionController = FlexPositionController;
 exports.TooltipAreaPositionController = TooltipAreaPositionController;
-exports.arrowMarginController = arrowMarginController;
-exports.chooseArrow = chooseArrow;
-exports.controlArrow = controlArrow;
 
 var _react = require("@emotion/react");
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
@@ -92,86 +88,4 @@ function FlexPositionController(_ref) {
     default:
       return null;
   }
-}
-
-function controlArrow(props) {
-  var arrow = chooseArrow(props);
-  var arrowPosition = ArrowPositionController(props);
-  var arrowMargin = arrowMarginController(props);
-  return (0, _react.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    ", ";\n    ", "\n    ", "\n  "])), arrow, arrowPosition, arrowMargin);
-}
-
-function ArrowPositionController(_ref2) {
-  var _ref2$position = _ref2.position,
-      position = _ref2$position === void 0 ? 'bottom' : _ref2$position;
-  var distanceControl = 'calc(100% - 5px)';
-
-  switch (position) {
-    case 'bottom':
-    case 'bottom-start':
-    case 'bottom-end':
-      return (0, _react.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        bottom: ", ";\n      "])), distanceControl);
-
-    case 'left':
-    case 'left-start':
-    case 'left-end':
-      return (0, _react.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n        left: ", ";\n      "])), distanceControl);
-
-    case 'right':
-    case 'right-start':
-    case 'right-end':
-      return (0, _react.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n        right: ", ";\n      "])), distanceControl);
-
-    case 'top':
-    case 'top-start':
-    case 'top-end':
-      return (0, _react.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n        top: ", ";\n      "])), distanceControl);
-
-    default:
-      return null;
-  }
-}
-
-function chooseArrow(_ref3) {
-  var position = _ref3.position;
-  var arrowLeft = 'clip-path: polygon(100% 0, 100% 100%, 0% 50%);';
-  var arrowRight = 'clip-path: polygon(0% 0, 0% 100%,100% 50%)';
-  var arrowTop = 'clip-path: polygon(0 100%, 100% 100%, 50% 0)';
-  var arrowBottom = 'clip-path: polygon(0 0, 100% 0, 50% 100%)';
-
-  switch (position) {
-    case 'bottom':
-    case 'bottom-end':
-    case 'bottom-start':
-      return arrowTop;
-
-    case 'top':
-    case 'top-end':
-    case 'top-start':
-      return arrowBottom;
-
-    case 'right':
-    case 'right-start':
-    case 'right-end':
-      return arrowLeft;
-
-    case 'left':
-    case 'left-end':
-    case 'left-start':
-      return arrowRight;
-
-    default:
-      return null;
-  }
-}
-
-function arrowMarginController(_ref4) {
-  var position = _ref4.position;
-  var isVertical = (position === null || position === void 0 ? void 0 : position.includes('bottom')) || (position === null || position === void 0 ? void 0 : position.includes('top'));
-
-  if (isVertical) {
-    return (0, _react.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n      margin: 0px 10px;\n    "])));
-  } else {
-    return (0, _react.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n      margin: 10px 0;\n    "])));
-  }
 }

package/dist/components/Typography/index.js

@@ -40,7 +40,7 @@ var Typography = function Typography(_ref) {
   var textColor = (0, _getColorValue.getColorValue)(color || (colorMode === 'dark' ? 'neutral.white' : 'neutral.black'), theme);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledText, _objectSpread(_objectSpread({
     as: variant,
-    textColor: textColor
+    textColor: color ? textColor : 'inherit'
   }, rest), {}, {
     children: children
   }));

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

@@ -6,7 +6,7 @@ export declare const StyledText: import("@emotion/styled").StyledComponent<{
 } & 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/index.d.ts

@@ -3,7 +3,6 @@ export { default as Avatar } from './components/Avatar';
 export { default as Badge } from './components/Badge';
 export { default as Button } from './components/Button';
 export { Card } from './components/Card';
-export { default as Checkbox } from './components/CheckboxInput';
 export { default as ColorPicker } from './components/ColorPicker';
 export { default as DatePicker } from './components/DatePicker';
 export { Dialog } from './components/Dialog';
@@ -13,21 +12,15 @@ export { default as Grid } from './components/Grid';
 export { default as Icon } from './components/Icon';
 export { type IconName } from './components/Icon/types';
 export { default as IconItem } from './components/IconItem';
-export { default as Input } from './components/Input';
 export { default as Label } from './components/Label';
 export { default as List } from './components/List';
 export { Modal } from './components/Modal';
 export { Pagination } from './components/Pagination';
 export { default as Progress } from './components/Progress';
-export { default as ChoiceList } from './components/RadioInput/components/ChoiceList';
-export { default as Radio } from './components/RadioInput';
 export { default as Rating } from './components/Rating';
 export { default as Skeleton } from './components/Skeleton';
-export { default as Select } from './components/Select';
-export { default as MultipleSelect } from './components/MultipleSelect';
 export { default as Slider } from './components/Slider';
 export { default as Spinner } from './components/Spinner';
-export { default as Switch } from './components/Switch';
 export { default as Steps } from './components/Steps';
 export { Table } from './components/Table';
 export * from './components/Tabs';
@@ -38,6 +31,14 @@ export * from './components/Timeline';
 export { default as Toast } from './components/Toast';
 export { default as Tooltip } from './components/Tooltip';
 export { default as Typography } from './components/Typography';
+export { default as Input } from './components/Input';
+export { DateInput } from './components/DateInput';
+export { default as Select } from './components/Select';
+export { default as MultipleSelect } from './components/MultipleSelect';
+export { default as Checkbox } from './components/CheckboxInput';
+export { default as ChoiceList } from './components/RadioInput/components/ChoiceList';
+export { default as Radio } from './components/RadioInput';
+export { default as Switch } from './components/Switch';
 export { default as useToast } from './components/Toast/hooks/useToast';
 export { default as ToastProvider } from './components/Toast/contexts/ToastProvider';
 export * from './shared/theme';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -9,7 +9,6 @@ var _exportNames = {
   Badge: true,
   Button: true,
   Card: true,
-  Checkbox: true,
   ColorPicker: true,
   DatePicker: true,
   Dialog: true,
@@ -18,21 +17,15 @@ var _exportNames = {
   Grid: true,
   Icon: true,
   IconItem: true,
-  Input: true,
   Label: true,
   List: true,
   Modal: true,
   Pagination: true,
   Progress: true,
-  ChoiceList: true,
-  Radio: true,
   Rating: true,
   Skeleton: true,
-  Select: true,
-  MultipleSelect: true,
   Slider: true,
   Spinner: true,
-  Switch: true,
   Steps: true,
   Table: true,
   Tag: true,
@@ -41,6 +34,14 @@ var _exportNames = {
   Toast: true,
   Tooltip: true,
   Typography: true,
+  Input: true,
+  DateInput: true,
+  Select: true,
+  MultipleSelect: true,
+  Checkbox: true,
+  ChoiceList: true,
+  Radio: true,
+  Switch: true,
   useToast: true,
   ToastProvider: true
 };
@@ -92,6 +93,12 @@ Object.defineProperty(exports, "ColorPicker", {
     return _ColorPicker.default;
   }
 });
+Object.defineProperty(exports, "DateInput", {
+  enumerable: true,
+  get: function get() {
+    return _DateInput.DateInput;
+  }
+});
 Object.defineProperty(exports, "DatePicker", {
   enumerable: true,
   get: function get() {
@@ -289,8 +296,6 @@ var _Button = _interopRequireDefault(require("./components/Button"));
 
 var _Card = require("./components/Card");
 
-var _CheckboxInput = _interopRequireDefault(require("./components/CheckboxInput"));
-
 var _ColorPicker = _interopRequireDefault(require("./components/ColorPicker"));
 
 var _DatePicker = _interopRequireDefault(require("./components/DatePicker"));
@@ -307,8 +312,6 @@ var _Icon = _interopRequireDefault(require("./components/Icon"));
 
 var _IconItem = _interopRequireDefault(require("./components/IconItem"));
 
-var _Input = _interopRequireDefault(require("./components/Input"));
-
 var _Label = _interopRequireDefault(require("./components/Label"));
 
 var _List = _interopRequireDefault(require("./components/List"));
@@ -319,24 +322,14 @@ var _Pagination = require("./components/Pagination");
 
 var _Progress = _interopRequireDefault(require("./components/Progress"));
 
-var _ChoiceList = _interopRequireDefault(require("./components/RadioInput/components/ChoiceList"));
-
-var _RadioInput = _interopRequireDefault(require("./components/RadioInput"));
-
 var _Rating = _interopRequireDefault(require("./components/Rating"));
 
 var _Skeleton = _interopRequireDefault(require("./components/Skeleton"));
 
-var _Select = _interopRequireDefault(require("./components/Select"));
-
-var _MultipleSelect = _interopRequireDefault(require("./components/MultipleSelect"));
-
 var _Slider = _interopRequireDefault(require("./components/Slider"));
 
 var _Spinner = _interopRequireDefault(require("./components/Spinner"));
 
-var _Switch = _interopRequireDefault(require("./components/Switch"));
-
 var _Steps = _interopRequireDefault(require("./components/Steps"));
 
 var _Table = require("./components/Table");
@@ -381,6 +374,22 @@ var _Tooltip = _interopRequireDefault(require("./components/Tooltip"));
 
 var _Typography = _interopRequireDefault(require("./components/Typography"));
 
+var _Input = _interopRequireDefault(require("./components/Input"));
+
+var _DateInput = require("./components/DateInput");
+
+var _Select = _interopRequireDefault(require("./components/Select"));
+
+var _MultipleSelect = _interopRequireDefault(require("./components/MultipleSelect"));
+
+var _CheckboxInput = _interopRequireDefault(require("./components/CheckboxInput"));
+
+var _ChoiceList = _interopRequireDefault(require("./components/RadioInput/components/ChoiceList"));
+
+var _RadioInput = _interopRequireDefault(require("./components/RadioInput"));
+
+var _Switch = _interopRequireDefault(require("./components/Switch"));
+
 var _useToast = _interopRequireDefault(require("./components/Toast/hooks/useToast"));
 
 var _ToastProvider = _interopRequireDefault(require("./components/Toast/contexts/ToastProvider"));

package/dist/shared/hooks/useDisableBodyScroll.js

@@ -13,8 +13,8 @@ var useDisableBodyScroll = function useDisableBodyScroll(disable) {
       document.body.style.overflow = 'hidden';
       document.body.style.paddingRight = '18px';
     } else {
-      document.body.style.overflow = 'unset';
-      document.body.style.paddingRight = '0px';
+      document.body.style.overflow = '';
+      document.body.style.paddingRight = '';
     }
   }, [disable]);
 };

package/dist/shared/hooks/useWindowSize.d.ts

@@ -0,0 +1,5 @@
+export declare function useWindowSize(): {
+    width: number;
+    height: number;
+};
+//# sourceMappingURL=useWindowSize.d.ts.map

package/dist/shared/hooks/useWindowSize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWindowSize.d.ts","sourceRoot":"","sources":["../../../src/shared/hooks/useWindowSize.ts"],"names":[],"mappings":"AAEA,wBAAgB,aAAa;WACe,MAAM;YAAU,MAAM;EAuBjE"}

package/dist/shared/hooks/useWindowSize.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useWindowSize = useWindowSize;
+
+var _react = require("react");
+
+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 useWindowSize() {
+  var _useState = (0, _react.useState)({
+    width: 0,
+    height: 0
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      size = _useState2[0],
+      setSize = _useState2[1];
+
+  function onWindowResize() {
+    setSize({
+      width: window.innerWidth,
+      height: window.innerHeight
+    });
+  }
+
+  (0, _react.useEffect)(function () {
+    onWindowResize();
+    window.addEventListener('resize', onWindowResize);
+    return function () {
+      window.removeEventListener('resize', onWindowResize);
+    };
+  }, []);
+  return size;
+}

package/dist/shared/theme/hooks/useTheme.d.ts

@@ -1,6 +1,7 @@
 export declare const useTheme: () => {
     theme: {
         fontSizes: {
+            tiny: string;
             xxxs: string;
             xxs: string;
             xs: string;

package/dist/shared/theme/hooks/useTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../../src/shared/theme/hooks/useTheme.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMpB,CAAC"}
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../../src/shared/theme/hooks/useTheme.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMpB,CAAC"}

package/dist/shared/theme/theme.d.ts

@@ -1,5 +1,6 @@
 export declare const defaultTheme: {
     fontSizes: {
+        tiny: string;
         xxxs: string;
         xxs: string;
         xs: string;

package/dist/shared/theme/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/shared/theme/theme.ts"],"names":[],"mappings":"AA8NA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAaxB,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/shared/theme/theme.ts"],"names":[],"mappings":"AA+NA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAaxB,CAAC"}

package/dist/shared/theme/theme.js

@@ -12,6 +12,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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 fontSizes = {
+  tiny: '0.625rem',
   xxxs: '0.75rem',
   xxs: '0.875rem',
   xs: '1rem',

package/dist/utils/getColorValue.d.ts

@@ -9,6 +9,7 @@
  */
 export declare const getColorValue: (color: string, theme?: {
     fontSizes: {
+        tiny: string;
         xxxs: string;
         xxs: string;
         xs: string;
@@ -16,15 +17,6 @@ export declare const getColorValue: (color: string, theme?: {
         md: string;
         lg: string;
         xl: string;
-        /**
-         * This function takes a color string and returns the color value related to the theme or the original color string
-         * @param color : color value;
-         * @param theme : theme object;
-         * @param defaultValue : default value if color is not valid;
-         * @returns color value;
-         * @example
-         * getColorValue('primary.default', props.theme); // returns '#22E0A1'
-         */
         xxl: string;
         xxxl: string;
         display: string;