@pedidopago/ui 1.3.13 → 1.3.16

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAIlD,eAAO,MAAM,eAAe;;;+IAgG1B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAIlD,eAAO,MAAM,eAAe;;;+IAmG1B,CAAC"}

package/dist/components/Skeleton/styles.js

@@ -15,7 +15,7 @@ var _colorCheck = require("../../utils/colorCheck");
 
 var _invertColor = require("../../utils/invertColor");
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -34,9 +34,9 @@ var SkeletonElement = _styled.default.div(function (props) {
     wave: (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      overflow: hidden;\n      transform-origin: 0px 55%;\n\n      &::after {\n        content: '';\n        inset: 0px;\n        position: absolute;\n        animation: 1.6s linear 0.5s infinite normal none running move;\n        transform: translateX(-100%);\n        background: linear-gradient(\n          90deg,\n          transparent,\n          ", ",\n          transparent\n        );\n      }\n\n      @keyframes move {\n        0% {\n          transform: translateX(-100%);\n        }\n        40% {\n          transform: translateX(100%);\n        }\n        100% {\n          transform: translateX(100%);\n        }\n      }\n    "])), (0, _colorCheck.parseHexColorToRgba)(waveColor, waveColorOpacity)),
     pulse: (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      animation: 1.6s linear 0.5s infinite normal none running pulse;\n\n      @keyframes pulse {\n        0% {\n          opacity: 1;\n        }\n        50% {\n          opacity: 0.4;\n        }\n        100% {\n          opacity: 1;\n        }\n      }\n    "])))
   };
-  var unloadedCss = (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    display: block;\n    position: relative;\n    user-select: none;\n    pointer-events: none;\n    cursor: default;\n    background: padding-box ", ";\n    border-radius: ", ";\n    width: ", ";\n    height: ", ";\n    color: transparent;\n\n    ", ";\n\n    * {\n      visibility: hidden;\n      color: transparent;\n    }\n  "])), skeletonColor, borderRadiusByVariant[props.variant || 'text'], props.fullWidth ? '100%' : typeof props.width === 'number' ? props.width + 'px' : props.width || '', typeof props.height === 'number' ? props.height + 'px' : props.height || '', props.animation !== 'static' ? animationsCss[props.animation || 'wave'] : '');
+  var unloadedCss = (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    display: block;\n    position: relative;\n    user-select: none;\n    pointer-events: none;\n    cursor: default;\n    background: padding-box ", ";\n    border-radius: ", ";\n    height: ", ";\n    color: transparent;\n\n    ", ";\n\n    * {\n      visibility: hidden;\n      color: transparent;\n    }\n  "])), skeletonColor, borderRadiusByVariant[props.variant || 'text'], typeof props.height === 'number' ? props.height + 'px' : props.height || '', props.animation !== 'static' ? animationsCss[props.animation || 'wave'] : '');
   var loadedCss = (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    display: block;\n    background: transparent;\n\n    transition: all 300ms ease;\n  "])));
-  return props.isLoaded ? loadedCss : unloadedCss;
+  return (0, _react.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    width: ", ";\n\n    ", "\n  "])), props.fullWidth ? '100%' : typeof props.width === 'number' ? props.width + 'px' : props.width || '', props.isLoaded ? loadedCss : unloadedCss);
 });
 
 exports.SkeletonElement = SkeletonElement;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,EAAE,EAAkD,MAAM,OAAO,CAAC;AAIrF,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAItC,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,WAAW,CAqFhC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,EAAE,EAAkD,MAAM,OAAO,CAAC;AAKrF,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,WAAW,CAgDhC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/Switch/index.js

@@ -7,10 +7,10 @@ exports.default = void 0;
 
 var _react = require("react");
 
-var _styles = require("./styles");
-
 var _Icon = _interopRequireDefault(require("../Icon"));
 
+var _styles = require("./styles");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -28,83 +28,38 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var SwitchInput = function SwitchInput(_ref) {
-  var _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      helpText = _ref.helpText,
-      _ref$alert = _ref.alert,
-      alert = _ref$alert === void 0 ? false : _ref$alert,
-      SwitchType = _ref.SwitchType,
+  var disabled = _ref.disabled,
+      helperText = _ref.helperText,
+      type = _ref.type,
       onChangeValue = _ref.onChangeValue,
-      _ref$defaultValue = _ref.defaultValue,
-      defaultValue = _ref$defaultValue === void 0 ? false : _ref$defaultValue,
       _ref$checked = _ref.checked,
-      checked = _ref$checked === void 0 ? false : _ref$checked,
-      onError = _ref.onError;
+      checked = _ref$checked === void 0 ? false : _ref$checked;
 
-  var _useState = (0, _react.useState)(false),
+  var _useState = (0, _react.useState)(checked),
       _useState2 = _slicedToArray(_useState, 2),
       isActive = _useState2[0],
       setIsActive = _useState2[1];
 
   (0, _react.useEffect)(function () {
-    !!checked && setIsActive(checked);
+    setIsActive(checked);
   }, [checked]);
-  (0, _react.useEffect)(function () {
-    !!defaultValue && setIsActive(defaultValue);
-  }, [defaultValue]);
-  (0, _react.useEffect)(function () {
-    !!onChangeValue && onChangeValue(isActive);
-  }, [isActive, onChangeValue]);
-  (0, _react.useEffect)(function () {
-    if (disabled || alert) {
-      setIsActive(false);
-    }
-  }, [disabled, setIsActive, alert]);
 
   function handleOnKeyDown(e) {
-    if (alert) {
-      setIsActive(false);
-      !!onError && onError('try click with alert');
-    } else if (disabled) {
-      setIsActive(false);
-      !!onError && onError('try click with disabled');
-    } else {
-      switch (e.code) {
-        case 'Enter':
-        case 'Space':
-          setIsActive(function (o) {
-            return !o;
-          });
-          break;
-
-        case 'ArrowLeft':
-        case 'ArrowDown':
-          setIsActive(false);
-          break;
-
-        case 'ArrowRight':
-        case 'ArrowUp':
-          setIsActive(true);
-          break;
-
-        default:
-          break;
-      }
+    switch (e.code) {
+      case 'Enter':
+      case 'Space':
+        return setIsActive(function (o) {
+          onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(!o);
+          return !o;
+        });
     }
   }
 
   function handleOnClick() {
-    if (alert) {
-      setIsActive(false);
-      !!onError && onError('try click with alert');
-    } else if (disabled) {
-      setIsActive(false);
-      !!onError && onError('try click with disabled');
-    } else {
-      setIsActive(function (o) {
-        return !o;
-      });
-    }
+    setIsActive(function (o) {
+      onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(!o);
+      return !o;
+    });
   }
 
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SwitchWrapper, {
@@ -115,18 +70,18 @@ var SwitchInput = function SwitchInput(_ref) {
       onClick: handleOnClick,
       onKeyDown: handleOnKeyDown,
       disabled: disabled,
-      isActive: alert || disabled ? false : isActive,
+      isActive: isActive,
       tabIndex: 0,
-      SwitchType: SwitchType,
+      type: type,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SwitchToken, {
         className: "switch-token",
         children: isActive && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
           name: "check"
         })
       })
-    }), helpText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.HelpText, {
+    }), helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.HelpText, {
       disabled: disabled,
-      children: helpText
+      children: helperText
     })]
   });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,eAAO,MAAM,aAAa;;;uHAOzB,CAAC;AAEF,eAAO,MAAM,MAAM;;;uHAyBlB,CAAC;AAEF,eAAO,MAAM,WAAW;;;uHAmBvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;yHAGpB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,eAAO,MAAM,aAAa;;;uHAOzB,CAAC;AAEF,eAAO,MAAM,MAAM;;;uHAqBlB,CAAC;AAEF,eAAO,MAAM,WAAW;;;uHAgBvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;yHAGpB,CAAC"}

package/dist/components/Switch/styles.js

@@ -27,10 +27,7 @@ exports.SwitchWrapper = SwitchWrapper;
 var Switch = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  padding: 4px 2px;\n  position: relative;\n  outline: 0;\n\n  width: 40px;\n  height: 24px;\n  border-radius: 80px;\n  cursor: pointer;\n\n  border: 2px solid\n    ", ";\n\n  transition: all ease-in-out 0.2s;\n\n  ", "\n\n  ", "\n"])), function (_ref2) {
   var theme = _ref2.theme,
       isActive = _ref2.isActive;
-  return {
-    dark: isActive ? theme.colors.body.light : theme.colors.neutral.neutral5,
-    light: isActive ? theme.colors.body.light : theme.colors.neutral.neutral2
-  }[theme.colorMode];
+  return isActive ? theme.colors.body.light : theme.colors.neutral.neutral2;
 }, function (_ref3) {
   var isActive = _ref3.isActive,
       disabled = _ref3.disabled;
@@ -44,10 +41,7 @@ exports.Switch = Switch;
 
 var SwitchToken = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 16px;\n  height: 16px;\n  border-radius: 80px;\n  transition: all ease-in-out 0.2s;\n\n  justify-content: center;\n  align-items: center;\n\n  svg {\n    width: 80%;\n    height: 80%;\n  }\n\n  background-color: ", ";\n"])), function (_ref5) {
   var theme = _ref5.theme;
-  return {
-    dark: theme.colors.neutral.neutral2,
-    light: theme.colors.neutral.neutral4
-  }[theme.colorMode];
+  return theme.colors.neutral.neutral4;
 });
 
 exports.SwitchToken = SwitchToken;
@@ -68,25 +62,16 @@ function SwitchEffects(_ref7) {
 
 function ActiveEffects(_ref8) {
   var theme = _ref8.theme,
-      SwitchType = _ref8.SwitchType;
+      type = _ref8.type;
   if (!theme) return '';
-  var idleColor = SwitchType ? theme.colors[SwitchType].default : theme.colors.primary.default;
-  var hoverColor = SwitchType ? (0, _colorFunctions.hoverFunction)(theme.colors[SwitchType].default) : theme.colors.primary.hover;
-  var focusColor = SwitchType ? (0, _colorFunctions.focusFunction)(theme.colors[SwitchType].default) : theme.colors.primary.focus;
-  return (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    border-color: ", ";\n    background-color: ", ";\n    div.switch-token {\n      transform: translateX(16px);\n      background-color: ", ";\n    }\n    svg {\n      color: ", ";\n    }\n\n    :hover {\n      background-color: ", ";\n      border-color: ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    :focus {\n      background-color: ", ";\n      border-color: ", ";\n      box-shadow: 0 0 0 2px\n        ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n  "])), idleColor, idleColor, theme.colors.body.light, idleColor, hoverColor, hoverColor, hoverColor, focusColor, focusColor, SwitchType ? theme.colors[SwitchType].blurred : theme.colors.primary.disabled, focusColor);
+  var idleColor = type ? theme.colors[type].default : theme.colors.primary.default;
+  var hoverColor = type ? (0, _colorFunctions.hoverFunction)(theme.colors[type].default) : theme.colors.primary.hover;
+  var focusColor = type ? (0, _colorFunctions.focusFunction)(theme.colors[type].default) : theme.colors.primary.focus;
+  return (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    border-color: ", ";\n    background-color: ", ";\n    div.switch-token {\n      transform: translateX(16px);\n      background-color: ", ";\n    }\n    svg {\n      color: ", ";\n    }\n\n    :hover {\n      background-color: ", ";\n      border-color: ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    :focus {\n      background-color: ", ";\n      border-color: ", ";\n      box-shadow: 0 0 0 2px ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n  "])), idleColor, idleColor, theme.colors.body.light, idleColor, hoverColor, hoverColor, hoverColor, focusColor, focusColor, type ? theme.colors[type].blurred : theme.colors.primary.disabled, focusColor);
 }
 
 function disabledStyle(_ref9) {
   var theme = _ref9.theme;
   if (!theme) return '';
-  return (0, _react.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    border-color: ", ";\n\n    background-color: ", ";\n\n    div {\n      background-color: ", ";\n    }\n  "])), {
-    dark: theme.colors.neutral.neutral4,
-    light: theme.colors.neutral.neutral2
-  }[theme.colorMode], {
-    dark: theme.colors.neutral.neutral5,
-    light: theme.colors.neutral.neutral1
-  }[theme.colorMode], {
-    dark: theme.colors.neutral.neutral3,
-    light: theme.colors.neutral.neutral2
-  }[theme.colorMode]);
+  return (0, _react.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    border-color: ", ";\n\n    background-color: ", ";\n\n    div {\n      background-color: ", ";\n    }\n  "])), theme.colors.neutral.neutral2, theme.colors.neutral.neutral1, theme.colors.neutral.neutral2);
 }

package/dist/components/Switch/switch.test.js

@@ -52,9 +52,7 @@ describe('Switch', function () {
     var onError = jest.fn();
 
     var _setup3 = setup({
-      onChangeValue: onChangeValue,
-      onError: onError,
-      alert: true
+      onChangeValue: onChangeValue
     }),
         SwitchElement = _setup3.SwitchElement;
 
@@ -188,9 +186,7 @@ describe('Switch', function () {
     var keysToTest = ['Enter', 'Space'];
 
     var _setup8 = setup({
-      onChangeValue: onChangeValue,
-      alert: true,
-      onError: onError
+      onChangeValue: onChangeValue
     }),
         SwitchElement = _setup8.SwitchElement;
 
@@ -209,8 +205,7 @@ describe('Switch', function () {
 
     var _setup9 = setup({
       onChangeValue: onChangeValue,
-      disabled: true,
-      onError: onError
+      disabled: true
     }),
         SwitchElement = _setup9.SwitchElement;
 
@@ -227,48 +222,30 @@ describe('Switch', function () {
     expect(onError).toBeCalledWith('try click with disabled');
   });
   it('Should render the HelpText', function () {
-    var helpText = 'Quer batata no almoço?';
+    var helperText = 'Quer batata no almoço?';
 
     var _setup10 = setup({
-      helpText: helpText
+      helperText: helperText
     }),
         SwitchWrapper = _setup10.SwitchWrapper;
 
     var helpTextElement = SwitchWrapper.querySelector('span');
-    expect(helpTextElement === null || helpTextElement === void 0 ? void 0 : helpTextElement.innerHTML).toEqual(helpText);
-  });
-  it('Should receive a defaultValue state', function () {
-    var _setup11 = setup({
-      defaultValue: true
-    }),
-        SwitchElement = _setup11.SwitchElement;
-
-    var checkedIcon = SwitchElement.querySelector('svg');
-    expect(checkedIcon).toBeInTheDocument();
-  });
-  it('Should receive a false defaultValue state', function () {
-    var _setup12 = setup({
-      defaultValue: false
-    }),
-        SwitchElement = _setup12.SwitchElement;
-
-    var checkedIcon = SwitchElement.querySelector('svg');
-    expect(checkedIcon).not.toBeInTheDocument();
+    expect(helpTextElement === null || helpTextElement === void 0 ? void 0 : helpTextElement.innerHTML).toEqual(helperText);
   });
   it('Should receive a checked state', function () {
-    var _setup13 = setup({
+    var _setup11 = setup({
       checked: true
     }),
-        SwitchElement = _setup13.SwitchElement;
+        SwitchElement = _setup11.SwitchElement;
 
     var checkedIcon = SwitchElement.querySelector('svg');
     expect(checkedIcon).toBeInTheDocument();
   });
   it('Should receive a false checked state', function () {
-    var _setup14 = setup({
+    var _setup12 = setup({
       checked: false
     }),
-        SwitchElement = _setup14.SwitchElement;
+        SwitchElement = _setup12.SwitchElement;
 
     var checkedIcon = SwitchElement.querySelector('svg');
     expect(checkedIcon).not.toBeInTheDocument();

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

@@ -3,16 +3,13 @@ export declare type IStyleProps = {
     theme?: Theme;
     disabled?: boolean;
     isActive?: boolean;
-    SwitchType?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
+    type?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
 };
 export declare type IInputProps = {
     disabled?: boolean;
-    helpText?: string;
-    alert?: boolean;
-    SwitchType?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
-    onError?: (error: string) => void;
+    helperText?: string;
+    type?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
     onChangeValue?: (value: boolean) => void;
-    defaultValue?: boolean;
     checked?: boolean;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,oBAAY,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EACP,SAAS,GACT,OAAO,GACP,SAAS,GACT,aAAa,GACb,UAAU,GACV,mBAAmB,GACnB,mBAAmB,CAAC;CACzB,CAAC;AAEF,oBAAY,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EACP,SAAS,GACT,OAAO,GACP,SAAS,GACT,aAAa,GACb,UAAU,GACV,mBAAmB,GACnB,mBAAmB,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,oBAAY,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EACD,SAAS,GACT,OAAO,GACP,SAAS,GACT,aAAa,GACb,UAAU,GACV,mBAAmB,GACnB,mBAAmB,CAAC;CACzB,CAAC;AAEF,oBAAY,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EACD,SAAS,GACT,OAAO,GACP,SAAS,GACT,aAAa,GACb,UAAU,GACV,mBAAmB,GACnB,mBAAmB,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}

package/dist/shared/hooks/useBreakpoint.js

@@ -21,11 +21,11 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-/**
- * Checks if the screen width matches the breakpoint in a certain direction everytime the screen resizes.
- * @param breakpoint The target breakpoint to compare. Can use one of the specified breakpoints or a custom one passing a number.
- * @param direction The direction to compare. "Down" will return true if the screen width is shorter than the breakpoint. "Up" will return true if it's larger.
- * @returns If the screen width matches the breakpoint in a certain direction.
+/**
+ * Checks if the screen width matches the breakpoint in a certain direction everytime the screen resizes.
+ * @param breakpoint The target breakpoint to compare. Can use one of the specified breakpoints or a custom one passing a number.
+ * @param direction The direction to compare. "Down" will return true if the screen width is shorter than the breakpoint. "Up" will return true if it's larger.
+ * @returns If the screen width matches the breakpoint in a certain direction.
  */
 function useBreakpoint(breakpoint) {
   var direction = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'down';

package/dist/utils/GenerateKey.js

@@ -6,16 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.generateKey = generateKey;
 exports.s4 = s4;
 
-/**
- * Generates a random hexadecimal string with length 4.
- * @returns hexadecimal string.
+/**
+ * Generates a random hexadecimal string with length 4.
+ * @returns hexadecimal string.
  */
 function s4() {
   return Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1);
 }
-/**
- * Generates a unique key using Date and pseudo random numbers.
- * @returns A unique key.
+/**
+ * Generates a unique key using Date and pseudo random numbers.
+ * @returns A unique key.
  */
 
 

package/dist/utils/brightnessColorChange.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.brightnessColorChange = brightnessColorChange;
 
-/**
- * Change the brightness of a color
- * @param color : color to change;
- * @param percent : percent of brightness;
- * @returns : new color with changed brightness;
- * @see https://stackoverflow.com/questions/5560248/programmatically-lighten-or-darken-a-hex-color-or-rgb-and-blend-colors
+/**
+ * Change the brightness of a color
+ * @param color : color to change;
+ * @param percent : percent of brightness;
+ * @returns : new color with changed brightness;
+ * @see https://stackoverflow.com/questions/5560248/programmatically-lighten-or-darken-a-hex-color-or-rgb-and-blend-colors
  */
 function brightnessColorChange(color, percent) {
   var f = parseInt(color.slice(1), 16);

package/dist/utils/colorCheck.js

@@ -17,22 +17,22 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-/**
- * Verifies if the provided color is a valid hex color.
- * @param color : color value;
- * @returns : true if color is valid, false otherwise;
- * @see https://stackoverflow.com/questions/8027423/how-to-check-if-a-string-is-a-valid-hex-color-representation/8027444#8027444
+/**
+ * Verifies if the provided color is a valid hex color.
+ * @param color : color value;
+ * @returns : true if color is valid, false otherwise;
+ * @see https://stackoverflow.com/questions/8027423/how-to-check-if-a-string-is-a-valid-hex-color-representation/8027444#8027444
  */
 var isHexColor = function isHexColor(color) {
   var hexColorWithSixLetters = /^#[0-9A-F]{6}$/i;
   var hexColorWithThreeLetters = /^#([0-9A-F]{3}){1,2}$/i;
   return hexColorWithSixLetters.test(color) || hexColorWithThreeLetters.test(color);
 };
-/**
- * Verifies if the provided color is a valid rgb or hsl color.
- * @param color : color value;
- * @returns : true if color is valid, false otherwise;
- * @see https://stackoverflow.com/questions/2353211/hsl-to-rgb-color-conversion
+/**
+ * Verifies if the provided color is a valid rgb or hsl color.
+ * @param color : color value;
+ * @returns : true if color is valid, false otherwise;
+ * @see https://stackoverflow.com/questions/2353211/hsl-to-rgb-color-conversion
  */
 
 
@@ -42,11 +42,11 @@ var isRgbHslColor = function isRgbHslColor(color) {
   var regexModel = /^(rgb|hsl)(a?)[(]\s*([\d.]+\s*%?)\s*,\s*([\d.]+\s*%?)\s*,\s*([\d.]+\s*%?)\s*(?:,\s*([\d.]+)\s*)?[)]$/;
   return regexModel.test(color);
 };
-/**
- * Verifies if the provided color is a valid theme color and returns the theme color value.
- * @param color : theme color tag value;
- * @param themeColors : theme colors object;
- * @returns : theme color value if color is valid, null otherwise;
+/**
+ * Verifies if the provided color is a valid theme color and returns the theme color value.
+ * @param color : theme color tag value;
+ * @param themeColors : theme colors object;
+ * @returns : theme color value if color is valid, null otherwise;
  */
 
 
@@ -65,11 +65,11 @@ var stripThemeColors = function stripThemeColors(color, themeColors) {
 
   return null;
 };
-/**
- * Convert a hex color to rgba color.
- * @param color : hex color value;
- * @param opacity : opacity value;
- * @returns : rgba color value;
+/**
+ * Convert a hex color to rgba color.
+ * @param color : hex color value;
+ * @param opacity : opacity value;
+ * @returns : rgba color value;
  */
 
 
@@ -82,10 +82,10 @@ var parseHexColorToRgba = function parseHexColorToRgba(color, opacity) {
 
   return 'rgba(0, 0, 0, 0)';
 };
-/**
- * Convert a hsl array color to string
- * @param color : hsl color array;
- * @returns : hsl color value;
+/**
+ * Convert a hsl array color to string
+ * @param color : hsl color array;
+ * @returns : hsl color value;
  */
 
 

package/dist/utils/getColorValue.js

@@ -7,14 +7,14 @@ exports.getColorValue = void 0;
 
 var _colorCheck = require("../utils/colorCheck");
 
-/**
- * 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'
+/**
+ * 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'
  */
 var getColorValue = function getColorValue(color, theme, defaultValue) {
   if ((0, _colorCheck.isHexColor)(color) || (0, _colorCheck.isRgbHslColor)(color)) return color;

package/dist/utils/invertColor.js

@@ -11,11 +11,11 @@ var padZero = function padZero(str) {
   var zeros = new Array(len).join('0');
   return (zeros + str).slice(-len);
 };
-/**
- * Invert the provided color or return black or white if the color is darken or lighten
- * @param hex : hex color
- * @param bw : black or white
- * @returns : hex color
+/**
+ * Invert the provided color or return black or white if the color is darken or lighten
+ * @param hex : hex color
+ * @param bw : black or white
+ * @returns : hex color
  */
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pedidopago/ui",
-  "version": "1.3.13",
+  "version": "1.3.16",
   "description": "Quick build beatiful Pedido Pago apps",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/dist/components/MultipleSelect/components/OptionsArea/OptionsArea.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"OptionsArea.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultipleSelect/components/OptionsArea/OptionsArea.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,eAAO,MAAM,kBAAkB;;;uHAwC9B,CAAC;AA+BF,eAAO,MAAM,iBAAiB;;;gIAe7B,CAAC;AAEF,eAAO,MAAM,IAAI;;;yHAGhB,CAAC;AAEF,eAAO,MAAM,UAAU;;;mHAErB,CAAC"}

package/dist/components/MultipleSelect/components/SelectArea/Label.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { IStyleProps } from '../../types';
-export declare const Label: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyleProps, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
-//# sourceMappingURL=Label.d.ts.map

package/dist/components/MultipleSelect/components/SelectArea/Label.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultipleSelect/components/SelectArea/Label.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,eAAO,MAAM,KAAK;;;gIAyBjB,CAAC"}

package/dist/components/MultipleSelect/components/SelectArea/Label.js

@@ -1,36 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Label = void 0;
-
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-
-var _react = require("@emotion/react");
-
-var _templateObject, _templateObject2;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var Label = _styled.default.label(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n  box-sizing: border-box;\n\n  color: ", ";\n  transition: all ease-in-out 0.2s;\n\n  font-weight: ", ";\n  font-size: ", ";\n\n  padding: 0 8px;\n\n  ", ";\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return {
-    dark: theme.colors.neutral.white,
-    light: theme.colors.neutral.neutral5
-  }[theme.colorMode];
-}, function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.fontWeight['500'];
-}, function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.fontSizes.xxs;
-}, function (_ref4) {
-  var animate = _ref4.animate,
-      theme = _ref4.theme;
-  return animate ? (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          position: absolute;\n          top: 0;\n          transform: translate(-12px, -11px) scale(0.8);\n          background-color: ", ";\n          height: 20px;\n        "])), theme.colorMode === 'dark' ? theme.colors.neutral.black : theme.colors.neutral.white) : '';
-});
-
-exports.Label = Label;