@pedidopago/ui 1.2.5 → 1.3.2

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

@@ -1,27 +1,19 @@
 /// <reference types="react" />
-import { IStyleProps } from './types';
-export declare const TooltipComponentWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TooltipTarget: 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 MotionDiv: import("@emotion/styled").StyledComponent<{
+import { TooltipProps } from './types';
+export declare const StyledTooltipLabel: import("@emotion/styled").StyledComponent<{
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
     translate?: "no" | "yes" | undefined;
+    id?: string | undefined;
     hidden?: boolean | undefined;
     className?: string | undefined;
-    id?: string | undefined;
     lang?: string | undefined;
     role?: import("react").AriaRole | undefined;
     tabIndex?: number | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "false" | "true") | undefined;
-    "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
+    "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
     "aria-busy"?: (boolean | "false" | "true") | undefined;
     "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
     "aria-colcount"?: number | undefined;
@@ -262,9 +254,9 @@ export declare const MotionDiv: import("@emotion/styled").StyledComponent<{
     is?: string | undefined;
 } & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
-} & IStyleProps, {}, {}>;
+} & TooltipProps, {}, {}>;
 export declare const TooltipWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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":";AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAiB7B,CAAC;AAEH,eAAO,MAAM,cAAc;;;yGAG1B,CAAC"}

package/dist/components/Tooltip/styles.js

@@ -3,56 +3,27 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TooltipWrapper = exports.TooltipTarget = exports.TooltipComponentWrapper = exports.MotionDiv = void 0;
+exports.TooltipWrapper = exports.StyledTooltipLabel = void 0;
 
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 
-var _util = require("./util");
-
 var _framerMotion = require("framer-motion");
 
-var _react = require("@emotion/react");
+var _getColorValue = require("../../utils/getColorValue");
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+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 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 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;
-
-var TooltipTarget = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([""]))); // MOTION.DIV class= TooltipArea
-
-
-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 StyledTooltipLabel = (0, _styled.default)(_framerMotion.motion.div)(function (props) {
+  var parsedBgColor = (0, _getColorValue.getColorValue)(props.bgColor || 'neutral.black', props.theme);
+  var parsedLabelColor = (0, _getColorValue.getColorValue)(props.labelColor || 'neutral.white', props.theme);
+  return "\n    font-family: inherit;\n    font-size: ".concat(props.theme.fontSizes.xxs, ";\n    font-weight: 400;\n    max-width: ", "".concat(props.maxWidth || 260, "px"), ";\n    border-radius: 8px;\n    padding: 12px;\n    color: ").concat(parsedLabelColor, ";\n    background-color: ").concat(parsedBgColor, ";\n    position: fixed;\n    pointer-events: none;\n    z-index: ").concat(props.theme.zIndex.level48, ";\n  ");
 });
-exports.MotionDiv = MotionDiv;
+exports.StyledTooltipLabel = StyledTooltipLabel;
 
-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;
-  return labelColor || (theme.colorMode === 'dark' ? theme.colors.neutral.black : theme.colors.neutral.white);
-});
+var TooltipWrapper = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: fit-content;\n  height: fit-content;\n"])));
 
 exports.TooltipWrapper = TooltipWrapper;

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

@@ -1,24 +1,22 @@
 import { ReactNode } from 'react';
-import { ExtendThemeProps } from '../../shared/theme';
-export declare type positionType = 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-start' | 'bottom' | 'bottom-end' | 'left-start' | 'left' | 'left-end';
-export declare type IStyleProps = {
-    width?: string;
-    maxWidth?: string;
+import { GlobalColorsProps } from '../../shared/theme';
+export declare type positionType = 'top' | 'right' | 'bottom' | 'left';
+export declare type TooltipProps = {
     position?: positionType;
-    backgroundColor?: string;
-    labelColor?: string;
-    isTooltipExpanded?: boolean;
-    isLabelString?: boolean;
-    theme?: ExtendThemeProps;
-};
-export declare type IInputProps = {
-    width?: string;
-    maxWidth?: string;
-    position?: positionType;
-    backgroundColor?: string;
-    label?: string | ReactNode;
-    labelColor?: string;
-    children?: ReactNode;
+    children: React.ReactNode;
+    label: ReactNode;
+    labelColor?: GlobalColorsProps | (string & {});
+    bgColor?: GlobalColorsProps | (string & {});
+    maxWidth?: number;
+    offset?: number;
     animationDuration?: number;
 };
+export declare type TooltipLabelProps = TooltipProps & {
+    tooltipPositions: {
+        top: number;
+        left: number;
+        transform: string;
+    };
+    handleRepositionTooltip: (element: HTMLDivElement) => void;
+};
 //# sourceMappingURL=types.d.ts.map

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,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,oBAAY,YAAY,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE/D,oBAAY,YAAY,GAAG;IACzB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,oBAAY,iBAAiB,GAAG,YAAY,GAAG;IAC7C,gBAAgB,EAAE;QAChB,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,uBAAuB,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;CAC5D,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,13 +6,13 @@ 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;
+    fontStyle?: "inherit" | "initial" | "italic" | "normal" | "oblique" | undefined;
     lineHeight?: string | number | undefined;
     textAlign?: "center" | "end" | "start" | undefined;
     textTransform?: "none" | "capitalize" | "lowercase" | "uppercase" | undefined;
-    textDecoration?: "none" | "line-through" | "underline" | undefined;
+    textDecoration?: "none" | "underline" | "line-through" | undefined;
     letterSpacing?: string | number | undefined;
     children?: import("react").ReactNode;
 } & {

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;