@pedidopago/ui 1.6.9 → 1.6.11

package/dist/components/Input/input.test.js

@@ -1,25 +1,18 @@
 "use strict";
 
 var _testUtils = require("../../shared/tests/test-utils");
-
 var _react = require("@testing-library/react");
-
 require("@testing-library/jest-dom/extend-expect");
-
 var _ = _interopRequireDefault(require("."));
-
 var _Icon = _interopRequireDefault(require("../Icon"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var setup = function setup(props) {
   var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({
     "data-testid": "input-component"
@@ -29,116 +22,99 @@ var setup = function setup(props) {
     input: input
   }, utils);
 };
-
 describe('Input', function () {
   it('should render the input', function () {
     var _setup = setup({
-      label: 'E-mail'
-    }),
-        input = _setup.input;
-
+        label: 'E-mail'
+      }),
+      input = _setup.input;
     expect(input.getAttribute('aria-label')).toEqual('E-mail');
   });
   it('should render the input and receives a value', function () {
     var _setup2 = setup({
-      label: 'E-mail'
-    }),
-        input = _setup2.input;
-
+        label: 'E-mail'
+      }),
+      input = _setup2.input;
     _react.fireEvent.change(input, {
       target: {
         value: 'teste@teste.com'
       }
     });
-
     expect(input.value).toEqual('teste@teste.com');
   });
   it('should render the input with an icon', function () {
     var _input$parentElement;
-
     var _setup3 = setup({
-      label: 'E-mail',
-      withIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-        name: "search",
-        color: "neutral.neutral4"
-      })
-    }),
-        input = _setup3.input;
-
+        label: 'E-mail',
+        withIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+          name: "search",
+          color: "neutral.neutral4"
+        })
+      }),
+      input = _setup3.input;
     expect((_input$parentElement = input.parentElement) === null || _input$parentElement === void 0 ? void 0 : _input$parentElement.querySelectorAll('svg').length).not.toBe(0);
   });
   it('should render input with placeholder', function () {
     var _setup4 = setup({
-      label: 'E-mail',
-      placeholder: 'Digite seu e-mail'
-    }),
-        input = _setup4.input;
-
+        label: 'E-mail',
+        placeholder: 'Digite seu e-mail'
+      }),
+      input = _setup4.input;
     expect(input.getAttribute('placeholder')).toEqual('Digite seu e-mail');
   });
   it('should render the input with an addon', function () {
     var _input$parentElement2, _input$parentElement3, _input$parentElement4, _input$parentElement5;
-
     var _setup5 = setup({
-      label: 'E-mail',
-      withAddon: true,
-      addonContent: 'R$'
-    }),
-        input = _setup5.input;
-
+        label: 'E-mail',
+        withAddon: true,
+        addonContent: 'R$'
+      }),
+      input = _setup5.input;
     expect((_input$parentElement2 = input.parentElement) === null || _input$parentElement2 === void 0 ? void 0 : (_input$parentElement3 = _input$parentElement2.parentElement) === null || _input$parentElement3 === void 0 ? void 0 : (_input$parentElement4 = _input$parentElement3.parentElement) === null || _input$parentElement4 === void 0 ? void 0 : (_input$parentElement5 = _input$parentElement4.querySelectorAll('div')[0].firstChild) === null || _input$parentElement5 === void 0 ? void 0 : _input$parentElement5.textContent).toBe('R$');
   });
   it('should render the input and hide your value', function () {
     var _setup6 = setup({
-      label: 'Senha',
-      hiddenContent: true
-    }),
-        input = _setup6.input;
-
+        label: 'Senha',
+        hiddenContent: true
+      }),
+      input = _setup6.input;
     expect(input.getAttribute('type')).toEqual('password');
   });
   it('should focus the input', function () {
     var focusCallback = jest.fn();
-
     var _setup7 = setup({
-      label: 'E-mail',
-      onFocus: function onFocus() {
-        return focusCallback();
-      }
-    }),
-        input = _setup7.input;
-
+        label: 'E-mail',
+        onFocus: function onFocus() {
+          return focusCallback();
+        }
+      }),
+      input = _setup7.input;
     input.focus();
     expect(focusCallback).toHaveBeenCalled();
   });
   it('should focus the input with addon', function () {
     var focusCallback = jest.fn();
-
     var _setup8 = setup({
-      label: 'E-mail',
-      withAddon: true,
-      onFocus: function onFocus() {
-        return focusCallback();
-      }
-    }),
-        input = _setup8.input;
-
+        label: 'E-mail',
+        withAddon: true,
+        onFocus: function onFocus() {
+          return focusCallback();
+        }
+      }),
+      input = _setup8.input;
     input.focus();
     expect(focusCallback).toHaveBeenCalled();
   });
   it('should hover the input', function () {
     var hoverCallback = jest.fn();
-
     var _setup9 = setup({
-      label: 'E-mail',
-      onMouseMove: function onMouseMove() {
-        return hoverCallback();
-      }
-    }),
-        input = _setup9.input;
-
+        label: 'E-mail',
+        onMouseMove: function onMouseMove() {
+          return hoverCallback();
+        }
+      }),
+      input = _setup9.input;
     _react.fireEvent.mouseMove(input);
-
     expect(hoverCallback).toHaveBeenCalled();
   });
 });

package/dist/components/Input/styles.js

@@ -4,56 +4,42 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LegendText = exports.Legend = exports.InputLabel = exports.InputIcon = exports.InputGroupElement = exports.InputContentRow = exports.InputContent = exports.InputColumn = exports.Input = exports.HelperText = exports.Fieldset = exports.AddonElement = exports.AddonContent = void 0;
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _react = require("@emotion/react");
-
 var _getColorValue = require("../../utils/getColorValue");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var InputGroupElement = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  border-radius: ", ";\n  font-weight: ", ";\n  transition: all 0.2s ease-in-out;\n\n  &:hover fieldset {\n    border-color: ", ";\n  }\n\n  &:hover > div > div:first-of-type {\n    border-color: ", ";\n    &:hover label {\n      color: ", ";\n    }\n  }\n\n  &:focus-within > div > div:first-of-type {\n    background: ", ";\n    border-color: ", ";\n  }\n\n  &:focus-within > div > div:first-of-type span {\n    color: ", ";\n  }\n\n  &:focus-within {\n    border-radius: 2px solid ", ";\n  }\n  &:focus-within label {\n    color: ", ";\n  }\n\n  &:focus-within > div {\n    box-shadow: 0 0 0 2px\n      ", ";\n  }\n\n  &:focus-within label {\n    transform: translate(19px, -11px) scale(0.8);\n\n    background-color: ", ";\n    height: 20px;\n  }\n\n  &:focus-within fieldset {\n    border-width: 2px;\n    border-color: ", ";\n  }\n\n  ", "\n\n  & label {\n    transform: ", ";\n\n    background-color: ", ";\n    height: ", ";\n  }\n"])), function (props) {
   return props.theme.borderRadius.default;
 }, function (props) {
   return props.theme.fontWeight[400];
 }, function (_ref) {
   var theme = _ref.theme,
-      alert = _ref.alert,
-      hasDisabled = _ref.hasDisabled;
-
+    alert = _ref.alert,
+    hasDisabled = _ref.hasDisabled;
   if (alert && !hasDisabled) {
     return theme.colors[alert].default + '66';
   }
-
   if (hasDisabled) {
     return 'none';
   }
-
   return theme.colors.primary.hover;
 }, function (_ref2) {
   var theme = _ref2.theme,
-      alert = _ref2.alert,
-      hasDisabled = _ref2.hasDisabled;
-
+    alert = _ref2.alert,
+    hasDisabled = _ref2.hasDisabled;
   if (alert && !hasDisabled) {
     return theme.colors[alert].default + '66';
   }
-
   if (hasDisabled) {
     return 'none';
   }
-
   return theme.colors.primary.hover;
 }, function (_ref3) {
   var theme = _ref3.theme,
-      hasDisabled = _ref3.hasDisabled;
+    hasDisabled = _ref3.hasDisabled;
   return !hasDisabled && theme.colors.neutral.neutral5;
 }, function (props) {
   return !props.alert && props.withAddon && props.theme.colors.primary.disabled;
@@ -73,10 +59,8 @@ var InputGroupElement = _styled.default.div(_templateObject || (_templateObject
     if (_typeof(props.labelBackground) === 'object') {
       return (0, _getColorValue.getColorValue)(props.labelBackground[props.theme.colorMode] || '', props.theme, '#fff');
     }
-
     return (0, _getColorValue.getColorValue)(props.labelBackground || '', props.theme, '#fff');
   }
-
   return {
     dark: props.theme.colors.neutral.black,
     light: props.theme.colors.neutral.white
@@ -87,19 +71,16 @@ var InputGroupElement = _styled.default.div(_templateObject || (_templateObject
   return props.addonContent && (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      &:focus-within > div > div:first-of-type {\n        border-color: ", ";\n        background-color: ", ";\n      }\n    "])), props.alert ? 'transparent' : props.theme.colors.primary.focus, props.alert && props.alert === 'success' ? props.theme.colors.primary.focus : '');
 }, function (_ref5) {
   var hasValueOnInput = _ref5.hasValueOnInput,
-      withIcon = _ref5.withIcon;
+    withIcon = _ref5.withIcon;
   return hasValueOnInput ? 'translate(19px, -11px) scale(0.8) !important' : withIcon ? 'translate(60px, calc(100% - 10px))' : 'translate(20px, calc(100% - 10px))';
 }, function (props) {
   if (!props.hasValueOnInput) return 'unset';
-
   if (props.labelBackground) {
     if (_typeof(props.labelBackground) === 'object') {
       return (0, _getColorValue.getColorValue)(props.labelBackground[props.theme.colorMode] || '', props.theme, '#fff');
     }
-
     return (0, _getColorValue.getColorValue)(props.labelBackground || '', props.theme, '#fff');
   }
-
   return {
     dark: props.theme.colors.neutral.black,
     light: props.theme.colors.neutral.white
@@ -108,25 +89,17 @@ var InputGroupElement = _styled.default.div(_templateObject || (_templateObject
   var hasValueOnInput = _ref6.hasValueOnInput;
   return hasValueOnInput ? '20px' : 'unset';
 });
-
 exports.InputGroupElement = InputGroupElement;
-
 var InputColumn = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: relative;\n  display: grid;\n  grid-template-columns: repeat(12, 1fr);\n  align-items: center;\n  border-radius: ", ";\n  width: 100%;\n  min-height: 56px;\n"])), function (props) {
   return props.theme.borderRadius.default;
 });
-
 exports.InputColumn = InputColumn;
-
 var InputContent = _styled.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: 100%;\n  position: relative;\n  grid-column: ", ";\n  height: 100%;\n"])), function (props) {
   return props.withAddon ? '2 / end' : '1 / end';
 });
-
 exports.InputContent = InputContent;
-
 var InputContentRow = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  align-items: center;\n  height: 100%;\n"])));
-
 exports.InputContentRow = InputContentRow;
-
 var InputIcon = _styled.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  position: relative;\n  z-index: ", ";\n  display: flex;\n  margin: auto;\n  padding: 0 20px;\n  align-items: center;\n  justify-content: center;\n  cursor: ", ";\n  color: ", ";\n"])), function (props) {
   return props.theme.zIndex.level1;
 }, function (props) {
@@ -134,9 +107,7 @@ var InputIcon = _styled.default.div(_templateObject6 || (_templateObject6 = _tag
 }, function (props) {
   return props.theme.colorMode === 'dark' ? props.theme.colors.neutral.white : props.theme.colors.neutral.neutral5;
 });
-
 exports.InputIcon = InputIcon;
-
 var Input = _styled.default.input(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  width: 100%;\n  padding: ", ";\n  flex: 1;\n  height: 100%;\n  border: none;\n  color: ", ";\n  &:disabled {\n    color: ", ";\n  }\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  font-family: inherit;\n  outline: none;\n  font-size: ", ";\n  background-color: transparent;\n  position: relative;\n  font-weight: 500;\n"])), function (props) {
   return props.withIcon ? props.hiddenContent ? '0 0' : '0 20px 0 0' : props.hiddenContent ? '0 0 0 20px' : '0 20px';
 }, function (props) {
@@ -150,9 +121,7 @@ var Input = _styled.default.input(_templateObject7 || (_templateObject7 = _tagge
 }, function (props) {
   return props.theme.fontSizes.xs;
 });
-
 exports.Input = Input;
-
 var InputLabel = _styled.default.label(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  top: 0;\n  left: 0;\n  height: auto;\n  padding: 0 6px;\n  position: absolute;\n  z-index: ", ";\n  pointer-events: none;\n  color: ", ";\n  background-color: transparent;\n  transform-origin: left;\n  transition: all ease 0.2s;\n  font-weight: 500;\n\n  white-space: nowrap;\n  max-width: ", ";\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])), function (props) {
   return props.theme.zIndex.level1;
 }, function (props) {
@@ -161,34 +130,27 @@ var InputLabel = _styled.default.label(_templateObject8 || (_templateObject8 = _
   var withIcon = _ref9.withIcon;
   return withIcon ? '65%' : '85%';
 });
-
 exports.InputLabel = InputLabel;
-
 var Fieldset = _styled.default.fieldset(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  margin: 0;\n  top: 0;\n  pointer-events: none;\n  padding: 0 17px;\n  overflow: hidden;\n\n  background-color: ", ";\n\n  border-radius: ", ";\n  border: 2px solid\n    ", ";\n  border-left: ", ";\n\n  transition: all 0.2s ease;\n"])), function (_ref10) {
   var alert = _ref10.alert,
-      theme = _ref10.theme,
-      hasDisabled = _ref10.hasDisabled;
-
+    theme = _ref10.theme,
+    hasDisabled = _ref10.hasDisabled;
   if (alert && !hasDisabled) {
     return "".concat(theme.colors[alert].blurred, "33");
   }
-
   if (hasDisabled) {
     return theme.colors.neutral.neutral1;
   }
-
   return 'transparent';
 }, function (props) {
   return props.withAddon ? "0 ".concat(props.theme.borderRadius.default, " ").concat(props.theme.borderRadius.default, " 0") : props.theme.borderRadius.default;
 }, function (_ref11) {
   var theme = _ref11.theme,
-      hasDisabled = _ref11.hasDisabled,
-      alert = _ref11.alert;
-
+    hasDisabled = _ref11.hasDisabled,
+    alert = _ref11.alert;
   if (alert && !hasDisabled) {
     return theme.colors[alert].default;
   }
-
   return {
     light: theme.colors.neutral.neutral2,
     dark: theme.colors.neutral.neutral5
@@ -196,50 +158,38 @@ var Fieldset = _styled.default.fieldset(_templateObject9 || (_templateObject9 =
 }, function (props) {
   return props.withAddon ? 'none !important' : 'auto';
 });
-
 exports.Fieldset = Fieldset;
-
 var Legend = _styled.default.legend(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  padding: 0;\n  width: auto;\n  max-width: 0.01px;\n  font-size: 14px;\n  height: 0px;\n  visibility: hidden;\n  transition: all 0.1s;\n"])));
-
 exports.Legend = Legend;
-
 var LegendText = _styled.default.span(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  padding: 0 2px;\n  display: inline-block;\n  visibility: hidden;\n"])));
-
 exports.LegendText = LegendText;
-
 var HelperText = _styled.default.span(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  font-size: ", ";\n\n  color: ", ";\n  padding: 0 20px;\n"])), function (props) {
   return props.theme.fontSizes.xxs;
 }, function (props) {
   return props.alert && props.alert !== 'success' ? props.theme.colors[props.alert].default : props.theme.colorMode === 'dark' ? props.theme.colors.neutral.neutral2 : props.theme.colors.neutral.neutral4;
 });
-
 exports.HelperText = HelperText;
-
 var AddonElement = _styled.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  padding: 0 20px;\n  height: 100%;\n\n  background-color: ", ";\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.2s ease;\n  border: 2px solid\n    ", ";\n  border-right: none;\n\n  border-radius: ", " 0 0\n    ", ";\n"])), function (props) {
   if (props.alert && !props.hasDisabled) {
     return props.theme.colors[props.alert].default;
   }
-
   if (props.hasDisabled) {
     return {
       light: props.theme.colors.neutral.neutral2,
       dark: props.theme.colors.neutral.neutral5
     }[props.theme.colorMode];
   }
-
   return {
     light: props.theme.colors.neutral.neutral1,
     dark: props.theme.colors.neutral.neutral6
   }[props.theme.colorMode];
 }, function (_ref12) {
   var theme = _ref12.theme,
-      hasDisabled = _ref12.hasDisabled,
-      alert = _ref12.alert;
-
+    hasDisabled = _ref12.hasDisabled,
+    alert = _ref12.alert;
   if (alert && !hasDisabled) {
     return theme.colors[alert].default;
   }
-
   return {
     light: theme.colors.neutral.neutral2,
     dark: theme.colors.neutral.neutral5
@@ -249,9 +199,7 @@ var AddonElement = _styled.default.div(_templateObject13 || (_templateObject13 =
 }, function (props) {
   return props.theme.borderRadius.default;
 });
-
 exports.AddonElement = AddonElement;
-
 var AddonContent = _styled.default.span(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  font-size: ", ";\n  color: ", ";\n"])), function (props) {
   return props.theme.fontSizes.xs;
 }, function (props) {
@@ -260,5 +208,4 @@ var AddonContent = _styled.default.span(_templateObject14 || (_templateObject14
     dark: props.theme.colors.neutral.white
   }[props.theme.colorMode];
 });
-
 exports.AddonContent = AddonContent;

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

@@ -1,5 +1,5 @@
 import { HTMLAttributes, ReactNode } from 'react';
-export declare type InputAlertTypes = 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
+export type InputAlertTypes = 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
 export interface InputProps extends HTMLAttributes<HTMLInputElement> {
     disabled?: boolean;
     withIcon?: ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Input/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,oBAAY,eAAe,GACvB,SAAS,GACT,OAAO,GACP,SAAS,GACT,aAAa,GACb,UAAU,GACV,mBAAmB,GACnB,mBAAmB,CAAC;AAExB,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,mBAAoB,SAAQ,UAAU;IACrD,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,CAAC;CAC5D;AAED,MAAM,WAAW,eAAgB,SAAQ,UAAU;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,CAAC;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Input/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,OAAO,GACP,SAAS,GACT,aAAa,GACb,UAAU,GACV,mBAAmB,GACnB,mBAAmB,CAAC;AAExB,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,mBAAoB,SAAQ,UAAU;IACrD,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,CAAC;CAC5D;AAED,MAAM,WAAW,eAAgB,SAAQ,UAAU;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,CAAC;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/dist/components/Label/index.js

@@ -4,42 +4,32 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = LabelInput;
-
 var _react = require("@emotion/react");
-
 var _getColorValue = require("../../utils/getColorValue");
-
 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 }; }
-
 function LabelInput(_ref) {
   var label = _ref.label,
-      _ref$labelType = _ref.labelType,
-      labelType = _ref$labelType === void 0 ? 'success' : _ref$labelType,
-      Icon = _ref.icon,
-      _ref$iconSide = _ref.iconSide,
-      iconSide = _ref$iconSide === void 0 ? 'left' : _ref$iconSide,
-      _ref$textColor = _ref.textColor,
-      textColor = _ref$textColor === void 0 ? '' : _ref$textColor,
-      _ref$backgroundColor = _ref.backgroundColor,
-      backgroundColor = _ref$backgroundColor === void 0 ? '' : _ref$backgroundColor;
+    _ref$labelType = _ref.labelType,
+    labelType = _ref$labelType === void 0 ? 'success' : _ref$labelType,
+    Icon = _ref.icon,
+    _ref$iconSide = _ref.iconSide,
+    iconSide = _ref$iconSide === void 0 ? 'left' : _ref$iconSide,
+    _ref$textColor = _ref.textColor,
+    textColor = _ref$textColor === void 0 ? '' : _ref$textColor,
+    _ref$backgroundColor = _ref.backgroundColor,
+    backgroundColor = _ref$backgroundColor === void 0 ? '' : _ref$backgroundColor;
   var theme = (0, _react.useTheme)();
   var parsedTextColor = (0, _getColorValue.getColorValue)(textColor, theme, theme.colors[labelType].default);
   var parsedBackgroundColor = (0, _getColorValue.getColorValue)(backgroundColor, theme, theme.colors[labelType].blurred);
-
   if (parsedTextColor.includes('.')) {
     parsedTextColor = (0, _getColorValue.getThemeHex)(parsedTextColor, theme);
   }
-
   if (parsedBackgroundColor.includes('.')) {
     parsedBackgroundColor = (0, _getColorValue.getThemeHex)(parsedTextColor, theme);
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.LabelWrapper, {
     backgroundColor: parsedBackgroundColor,
     color: parsedTextColor,