@pedidopago/ui 1.4.0 → 1.4.3

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAO,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAG5C,UAAU,mBAAmB;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,cAAc;;;+HAczB,CAAC;AAEH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UACjB,OAAO;;;UAsCb,CAAC;AAEH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YACV,OAAO;UAcf,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAO,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAG5C,UAAU,mBAAmB;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,cAAc;;;+HAczB,CAAC;AAEH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UACjB,OAAO;;;UAuCb,CAAC;AAEH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YACV,OAAO;UAcf,CAAC"}

package/dist/components/Modal/styles.js

@@ -36,7 +36,7 @@ var ModalElement = (0, _styled.default)(_framerMotion.motion.div)(function (_ref
   var theme = _ref2.theme,
       props = _objectWithoutProperties(_ref2, _excluded2);
 
-  return (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: 100%;\n    max-height: ", ";\n    border-radius: ", ";\n    overflow-y: auto;\n    overflow-x: hidden;\n    background: ", ";\n    box-shadow: ", ";\n    transition: all ease ", ";\n\n    &::-webkit-scrollbar {\n      width: 6px;\n    }\n\n    &::-webkit-scrollbar-track {\n      background: transparent;\n    }\n\n    &::-webkit-scrollbar-thumb {\n      border-radius: ", ";\n      background: ", ";\n    }\n\n    ", "\n  "])), props.maxHeight, theme.borderRadius.default, theme.colors.background.light, theme.shadow.level1, theme.transition.speed, theme.borderRadius.default, theme.colors.primary.default, props.hideScrollBar && (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      ::-webkit-scrollbar {\n        display: none;\n      }\n\n      scrollbar-width: none;\n\n      -ms-overflow-style: none;\n    "]))));
+  return (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: 100%;\n    max-height: ", ";\n    border-radius: ", ";\n    overflow-y: auto;\n    overflow-x: hidden;\n    background: ", ";\n    box-shadow: ", ";\n    transition: all ease ", ";\n    scroll-behavior: smooth;\n\n    &::-webkit-scrollbar {\n      width: 6px;\n    }\n\n    &::-webkit-scrollbar-track {\n      background: transparent;\n    }\n\n    &::-webkit-scrollbar-thumb {\n      border-radius: ", ";\n      background: ", ";\n    }\n\n    ", "\n  "])), props.maxHeight, theme.borderRadius.default, theme.colors.background.light, theme.shadow.level1, theme.transition.speed, theme.borderRadius.default, theme.colors.primary.default, props.hideScrollBar && (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      ::-webkit-scrollbar {\n        display: none;\n      }\n\n      scrollbar-width: none;\n\n      -ms-overflow-style: none;\n    "]))));
 });
 exports.ModalElement = ModalElement;
 var Overlay = (0, _styled.default)(_framerMotion.motion.div)(function (props) {

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

@@ -1,7 +1,7 @@
 import { UIEvent } from 'react';
-import { AlertType, SelectData } from '../../types';
+import { SelectType, SelectData } from '../../types';
 interface IOptionsAreaProps {
-    inputAlert: AlertType;
+    inputAlert: SelectType;
     showOptionsArea: boolean;
     data: SelectData[];
     selectedOptions: SelectData[];

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultipleSelect/components/OptionsArea/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,OAAO,EAA4C,MAAM,OAAO,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAGpD,UAAU,iBAAiB;IACzB,UAAU,EAAE,SAAS,CAAC;IACtB,eAAe,EAAE,OAAO,CAAC;IACzB,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,eAAe,EAAE,UAAU,EAAE,CAAC;IAC9B,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC3C,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACpD,kBAAkB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAID,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,aAAa,EACb,YAAY,EACZ,UAAU,EACV,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,cAAc,GACf,EAAE,iBAAiB,eAqGnB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultipleSelect/components/OptionsArea/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,OAAO,EAA4C,MAAM,OAAO,CAAC;AACzF,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAGrD,UAAU,iBAAiB;IACzB,UAAU,EAAE,UAAU,CAAC;IACvB,eAAe,EAAE,OAAO,CAAC;IACzB,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,eAAe,EAAE,UAAU,EAAE,CAAC;IAC9B,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC3C,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACpD,kBAAkB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAID,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,aAAa,EACb,YAAY,EACZ,UAAU,EACV,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,cAAc,GACf,EAAE,iBAAiB,eAqGnB"}

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

@@ -1 +1 @@
-{"version":3,"file":"SelectAreaWrapper.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultipleSelect/components/SelectArea/SelectAreaWrapper.ts"],"names":[],"mappings":";AAGA,OAAO,EAAa,WAAW,EAAE,MAAM,aAAa,CAAC;AAGrD,eAAO,MAAM,iBAAiB;;;uHAoB7B,CAAC"}
+{"version":3,"file":"SelectAreaWrapper.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultipleSelect/components/SelectArea/SelectAreaWrapper.ts"],"names":[],"mappings":";AAGA,OAAO,EAAc,WAAW,EAAE,MAAM,aAAa,CAAC;AAGtD,eAAO,MAAM,iBAAiB;;;uHAoB7B,CAAC"}

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

@@ -1,14 +1,14 @@
-import { AlertType, SelectData } from '../../types';
+import { SelectType, SelectData } from '../../types';
 import { MouseEvent, ReactElement } from 'react';
 interface ISelectAreaProps {
     disabled: boolean;
     label?: string;
-    inputAlert?: AlertType;
+    inputAlert?: SelectType;
     dropDownIcon?: ReactElement;
     multiple?: boolean;
     placeholder?: string;
     selectedOptions: SelectData[];
-    removeSelectedOption: (e: MouseEvent<HTMLElement>, option: SelectData) => void;
+    removeSelectedOption: (e: MouseEvent<HTMLElement>, option?: SelectData) => void;
     setShowOptionsArea: (show: boolean) => void;
     setSelectedOptions: (array: SelectData[]) => void;
     toggleOptionsAreaView: (e: MouseEvent<HTMLElement>) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultipleSelect/components/SelectArea/index.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGjD,UAAU,gBAAgB;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,UAAU,EAAE,CAAC;IAC9B,oBAAoB,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC/E,kBAAkB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,kBAAkB,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAClD,qBAAqB,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC7D;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,KAAqB,EACrB,kBAAkB,EAClB,qBAAqB,EACrB,UAAU,EACV,QAAQ,EACR,oBAAoB,EACpB,eAAe,EACf,kBAAkB,EAClB,YAAY,EACZ,WAAW,GACZ,EAAE,gBAAgB,eAoDlB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultipleSelect/components/SelectArea/index.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGjD,UAAU,gBAAgB;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,UAAU,EAAE,CAAC;IAC9B,oBAAoB,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAChF,kBAAkB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,kBAAkB,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAClD,qBAAqB,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC7D;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,KAAqB,EACrB,kBAAkB,EAClB,qBAAqB,EACrB,UAAU,EACV,QAAQ,EACR,oBAAoB,EACpB,eAAe,EACf,kBAAkB,EAClB,YAAY,EACZ,WAAW,GACZ,EAAE,gBAAgB,eAsDlB"}

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

@@ -72,8 +72,8 @@ function SelectArea(_ref) {
         tabIndex: 0,
         disabled: disabled,
         show: selectedOptions.length > 0,
-        onClick: function onClick() {
-          return setSelectedOptions([]);
+        onClick: function onClick(e) {
+          removeSelectedOption(e);
         },
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
           name: "x",

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IStyleProps } from '../../types';
+import { IStyleProps, SelectType } from '../../types';
 export declare const Label: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
@@ -8,4 +8,10 @@ export declare const Placeholder: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+export declare const HelperText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    selectType: SelectType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultipleSelect/components/SelectArea/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,eAAO,MAAM,KAAK;;;gIAyBjB,CAAC;AAEF,eAAO,MAAM,WAAW;;;mIAWvB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultipleSelect/components/SelectArea/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEtD,eAAO,MAAM,KAAK;;;gIAyBjB,CAAC;AAEF,eAAO,MAAM,WAAW;;;mIAWvB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;gBAA6B,UAAU;2GAU7D,CAAC"}

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Placeholder = exports.Label = void 0;
+exports.Placeholder = exports.Label = exports.HelperText = void 0;
 
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 
 var _react = require("@emotion/react");
 
-var _templateObject, _templateObject2, _templateObject3;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -39,4 +39,12 @@ var Placeholder = _styled.default.p(_templateObject3 || (_templateObject3 = _tag
   return props.theme.colors.neutral.neutral3;
 });
 
-exports.Placeholder = Placeholder;
+exports.Placeholder = Placeholder;
+
+var HelperText = _styled.default.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-size: ", ";\n\n  color: ", ";\n  padding: 0 20px;\n"])), function (props) {
+  return props.theme.fontSizes.xxs;
+}, function (props) {
+  return props.selectType && props.selectType !== 'success' ? props.theme.colors[props.selectType].default : props.theme.colorMode === 'dark' ? props.theme.colors.neutral.neutral2 : props.theme.colors.neutral.neutral4;
+});
+
+exports.HelperText = HelperText;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MultipleSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,EAAE,EAOH,MAAM,OAAO,CAAC;AAEf,OAAO,EAAa,iBAAiB,EAAc,MAAM,SAAS,CAAC;AAEnE,aAAK,KAAK,GAAG,wBAAwB,CAAC,GAAG,CAAC,CAAC;AAI3C,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,iBAAiB,GAAG,KAAK,CA+HjD,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MultipleSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,EAAE,EAOH,MAAM,OAAO,CAAC;AAIf,OAAO,EAAc,iBAAiB,EAAc,MAAM,SAAS,CAAC;AAEpE,aAAK,KAAK,GAAG,wBAAwB,CAAC,GAAG,CAAC,CAAC;AAI3C,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,iBAAiB,GAAG,KAAK,CA0IjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/MultipleSelect/index.js

@@ -7,10 +7,16 @@ exports.default = void 0;
 
 var _react = require("react");
 
+var _Flex = _interopRequireDefault(require("../Flex"));
+
 var _components = require("./components");
 
+var _styles = require("./components/SelectArea/styles");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -56,7 +62,8 @@ var MultipleSelect = function MultipleSelect(_ref) {
       dropDownIcon = _ref.dropDownIcon,
       placeholder = _ref.placeholder,
       defaultSelectedOptions = _ref.defaultSelectedOptions,
-      value = _ref.value;
+      value = _ref.value,
+      helperText = _ref.helperText;
 
   var _useState = (0, _react.useState)(selectType),
       _useState2 = _slicedToArray(_useState, 2),
@@ -95,6 +102,12 @@ var MultipleSelect = function MultipleSelect(_ref) {
   function removeSelectedOption(event, option) {
     event.stopPropagation();
 
+    if (!option) {
+      setSelectedOptions([]);
+      onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue([]);
+      return;
+    }
+
     var newSelectedOptions = _toConsumableArray(selectedOptions);
 
     var indexToRemove = selectedOptions.findIndex(function (chosenOption) {
@@ -102,6 +115,7 @@ var MultipleSelect = function MultipleSelect(_ref) {
     });
     newSelectedOptions.splice(indexToRemove, 1);
     setSelectedOptions(newSelectedOptions);
+    onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(newSelectedOptions);
   }
 
   (0, _react.useEffect)(function () {
@@ -139,32 +153,39 @@ var MultipleSelect = function MultipleSelect(_ref) {
       setShowOptionsArea(false);
     }
   }, [selectedOptions, multiple, setSelectedOptions, maxSelects]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.InputWrapper, {
-    ref: InputWrapperRef,
-    width: width,
-    fullWidth: fullWidth,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SelectArea, {
-      disabled: disabled,
-      label: label,
-      multiple: multiple,
-      setShowOptionsArea: setShowOptionsArea,
-      removeSelectedOption: removeSelectedOption,
-      selectedOptions: selectedOptions,
-      setSelectedOptions: setSelectedOptions,
-      toggleOptionsAreaView: toggleOptionsAreaView,
-      inputAlert: inputAlert,
-      placeholder: placeholder,
-      dropDownIcon: dropDownIcon
-    }), showOptionsArea && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.OptionsArea, {
-      AutoComplete: AutoComplete,
-      setShowOptionsArea: setShowOptionsArea,
-      inputAlert: inputAlert,
-      chooseOption: chooseOption,
-      selectedOptions: selectedOptions,
-      data: data,
-      scrollHandler: scrollHandler,
-      showOptionsArea: showOptionsArea,
-      onChangeSearch: onChangeSearch
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
+    direction: "column",
+    spacing: "1",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.InputWrapper, {
+      ref: InputWrapperRef,
+      width: width,
+      fullWidth: fullWidth,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SelectArea, {
+        disabled: disabled,
+        label: label,
+        multiple: multiple,
+        setShowOptionsArea: setShowOptionsArea,
+        removeSelectedOption: removeSelectedOption,
+        selectedOptions: selectedOptions,
+        setSelectedOptions: setSelectedOptions,
+        toggleOptionsAreaView: toggleOptionsAreaView,
+        inputAlert: inputAlert,
+        placeholder: placeholder,
+        dropDownIcon: dropDownIcon
+      }), showOptionsArea && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.OptionsArea, {
+        AutoComplete: AutoComplete,
+        setShowOptionsArea: setShowOptionsArea,
+        inputAlert: inputAlert,
+        chooseOption: chooseOption,
+        selectedOptions: selectedOptions,
+        data: data,
+        scrollHandler: scrollHandler,
+        showOptionsArea: showOptionsArea,
+        onChangeSearch: onChangeSearch
+      })]
+    }), !!helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.HelperText, {
+      selectType: selectType,
+      children: helperText
     })]
   });
 };

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

@@ -4,7 +4,7 @@ export declare type SelectData = {
     label: string;
     value: string;
 };
-export declare type AlertType = 'informative' | 'success' | 'error' | 'warning' | undefined;
+export declare type SelectType = 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary' | undefined;
 export interface IStyleProps {
     width?: string;
     fullWidth?: boolean;
@@ -13,7 +13,7 @@ export interface IStyleProps {
     show?: boolean;
     selected?: boolean;
     itensLength?: number;
-    selectType?: AlertType;
+    selectType?: SelectType;
     theme?: ExtendThemeProps;
     active?: boolean;
 }
@@ -25,10 +25,11 @@ export interface ISelectInputProps {
     width?: string;
     fullWidth?: boolean;
     disabled?: boolean;
-    selectType?: AlertType;
+    selectType?: SelectType;
     dropDownIcon?: ReactElement;
     AutoComplete?: boolean;
     value?: Array<SelectData>;
+    helperText?: string;
     defaultSelectedOptions?: Array<SelectData>;
     onChangeValue?: (data: Array<SelectData>) => void;
     onChangeSearch?: (data: string) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/MultipleSelect/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAEvC,oBAAY,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAEpF,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC1B,sBAAsB,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC3C,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IAClD,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/MultipleSelect/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAEvC,oBAAY,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,UAAU,GAClB,SAAS,GACT,OAAO,GACP,SAAS,GACT,aAAa,GACb,UAAU,GACV,mBAAmB,GACnB,mBAAmB,GACnB,SAAS,CAAC;AAEd,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sBAAsB,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC3C,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IAClD,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC"}

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

@@ -1,5 +1,4 @@
-import { FC } from 'react';
-import { IInputProps } from './types';
-declare const RatingComponent: FC<IInputProps>;
-export default RatingComponent;
+import { HTMLAttributes } from 'react';
+import { RatingProps } from './types';
+export declare const Rating: import("react").ForwardRefExoticComponent<RatingProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAOtC,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,WAAW,CAoDpC,CAAC;AACF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,cAAc,EAEf,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAItC,eAAO,MAAM,MAAM,yIA4FlB,CAAC"}

package/dist/components/Rating/index.js

@@ -1,75 +1,160 @@
 "use strict";
 
+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); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-
-var _theme = require("../../shared/theme");
+exports.Rating = void 0;
 
-var _react = require("@emotion/react");
+var _react = require("react");
 
-var _RatingWithMultipleValues = require("./components/RatingWithMultipleValues/RatingWithMultipleValues");
+var _Icon = _interopRequireDefault(require("../Icon"));
 
-var _RatingWithSingleValue = require("./components/RatingWithSingleValue/RatingWithSingleValue");
+var S = _interopRequireWildcard(require("./styles"));
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var RatingComponent = function RatingComponent(_ref) {
+var _excluded = ["precision", "value", "quantity", "colorFilledIcon", "colorOutlinedIcon", "size", "readOnly", "filledIcon", "outlinedIcon", "onChange"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var Rating = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _ref$precision = _ref.precision,
-      precision = _ref$precision === void 0 ? '0.5' : _ref$precision,
-      _ref$name = _ref.name,
-      name = _ref$name === void 0 ? 'star' : _ref$name,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'medium' : _ref$size,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      precision = _ref$precision === void 0 ? 1 : _ref$precision,
       _ref$value = _ref.value,
       value = _ref$value === void 0 ? 0 : _ref$value,
-      primaryColor = _ref.primaryColor,
-      secondaryColor = _ref.secondaryColor,
-      strokeColor = _ref.strokeColor,
-      _ref$iconsQuantity = _ref.iconsQuantity,
-      iconsQuantity = _ref$iconsQuantity === void 0 ? 5 : _ref$iconsQuantity,
-      _ref$defaultValue = _ref.defaultValue,
-      defaultValue = _ref$defaultValue === void 0 ? 0 : _ref$defaultValue,
+      _ref$quantity = _ref.quantity,
+      quantity = _ref$quantity === void 0 ? 5 : _ref$quantity,
+      _ref$colorFilledIcon = _ref.colorFilledIcon,
+      colorFilledIcon = _ref$colorFilledIcon === void 0 ? 'primary.default' : _ref$colorFilledIcon,
+      _ref$colorOutlinedIco = _ref.colorOutlinedIcon,
+      colorOutlinedIcon = _ref$colorOutlinedIco === void 0 ? 'success.blurred' : _ref$colorOutlinedIco,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? '24px' : _ref$size,
       _ref$readOnly = _ref.readOnly,
       readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-      onChangeValue = _ref.onChangeValue,
-      onChange = _ref.onChange;
-
-  var _useTheme = (0, _theme.useTheme)(),
-      theme = _useTheme.theme;
-
-  var parsedSize = size === 'small' ? '16px' : size === 'medium' ? '24px' : size === 'large' ? '32px' : size;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.ThemeProvider, {
-    theme: theme,
-    children: name !== 'satisfaction' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_RatingWithMultipleValues.RatingWithMultipleValues, {
-      name: name,
-      defaultValue: defaultValue,
-      disabled: disabled,
-      iconsQuantity: iconsQuantity,
-      precision: precision,
-      readOnly: readOnly,
-      primaryColor: primaryColor,
-      secondaryColor: secondaryColor,
-      strokeColor: strokeColor,
-      value: value,
-      size: parsedSize,
-      onChangeValue: onChangeValue,
-      onChange: onChange
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_RatingWithSingleValue.RatingWithSingleValue, {
-      disabled: disabled,
-      size: parsedSize,
-      onChange: onChange,
-      primaryColor: primaryColor,
-      secondaryColor: secondaryColor,
-      strokeColor: strokeColor,
-      onChangeValue: onChangeValue,
-      readOnly: readOnly
-    })
-  });
-};
+      _ref$filledIcon = _ref.filledIcon,
+      filledIcon = _ref$filledIcon === void 0 ? 'ecc-star' : _ref$filledIcon,
+      _ref$outlinedIcon = _ref.outlinedIcon,
+      outlinedIcon = _ref$outlinedIcon === void 0 ? 'star' : _ref$outlinedIcon,
+      onChange = _ref.onChange,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var _useState = (0, _react.useState)(value),
+      _useState2 = _slicedToArray(_useState, 2),
+      activeStar = _useState2[0],
+      setActiveStar = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(0),
+      _useState4 = _slicedToArray(_useState3, 2),
+      hoverActiveStar = _useState4[0],
+      setHoverActiveStar = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      isHovered = _useState6[0],
+      setIsHovered = _useState6[1];
+
+  var ratingContainerRef = (0, _react.useRef)(null);
+  var activeState = isHovered ? hoverActiveStar : activeStar;
+  var isActiveRating = activeState !== 1;
+  var isRatingWithPrecision = activeState % 1 !== 0;
+
+  function calculateRating(clientX) {
+    if (!ratingContainerRef.current) return 0;
 
-var _default = RatingComponent;
-exports.default = _default;
+    var _ratingContainerRef$c = ratingContainerRef.current.getBoundingClientRect(),
+        width = _ratingContainerRef$c.width,
+        left = _ratingContainerRef$c.left;
+
+    var percent = (clientX - left) / width;
+    var numberInStars = percent * quantity;
+    return Math.round((numberInStars + precision / 2) / precision) * precision;
+  }
+
+  function handleClick(e) {
+    var targetRating = calculateRating(e.clientX);
+    setIsHovered(false);
+    setActiveStar(targetRating);
+    onChange === null || onChange === void 0 ? void 0 : onChange(calculateRating(targetRating));
+  }
+
+  function handleMouseMove(e) {
+    setIsHovered(true);
+    setHoverActiveStar(calculateRating(e.clientX));
+  }
+
+  function handleMouseLeave() {
+    setHoverActiveStar(0);
+    setIsHovered(false);
+  }
+
+  (0, _react.useImperativeHandle)(ref, function () {
+    return ratingContainerRef.current;
+  });
+  (0, _react.useEffect)(function () {
+    setActiveStar(value);
+  }, [value]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(S.RatingContainer, _objectSpread(_objectSpread({
+    readOnly: readOnly,
+    onClick: handleClick,
+    onMouseMove: handleMouseMove,
+    onMouseLeave: handleMouseLeave,
+    ref: ratingContainerRef
+  }, rest), {}, {
+    children: Array.from(Array(quantity).keys()).map(function (_, index) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(S.ContainerIcon, {
+        readOnly: readOnly,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(S.ContainerFilled, {
+          role: "button",
+          showRatingWithPrecision: isActiveRating && isRatingWithPrecision && Math.ceil(activeState) === index + 1,
+          activeState: activeState,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            name: filledIcon,
+            color: colorFilledIcon,
+            size: size
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: activeState === 0 || activeState < index + 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            name: outlinedIcon,
+            color: colorOutlinedIcon,
+            size: size
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            name: filledIcon,
+            color: colorFilledIcon,
+            size: size
+          })
+        })]
+      }, index);
+    })
+  }));
+});
+exports.Rating = Rating;
+Rating.displayName = 'Rating';

package/dist/components/Rating/rating.test.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
 //# sourceMappingURL=rating.test.d.ts.map

package/dist/components/Rating/rating.test.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rating.test.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/rating.test.tsx"],"names":[],"mappings":"AAGA,OAAO,yCAAyC,CAAC"}
+{"version":3,"file":"rating.test.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/rating.test.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}

package/dist/components/Rating/rating.test.js

@@ -1,102 +1,79 @@
 "use strict";
 
+var _index = require("./index");
+
+require("@testing-library/jest-dom");
+
 var _testUtils = require("../../shared/tests/test-utils");
 
 var _react = require("@testing-library/react");
 
-require("@testing-library/jest-dom/extend-expect");
-
-var _ = _interopRequireDefault(require("."));
+var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
 
 var _jsxRuntime = require("react/jsx-runtime");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-var setup = function setup() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props)));
-  var RatingWrapper = utils.getByTestId('rating-wrapper');
-  var RatingIcon = utils.getByTestId('rating-icon-0');
-  return _objectSpread({
-    RatingWrapper: RatingWrapper,
-    RatingIcon: RatingIcon
-  }, utils);
-};
-
 describe('Rating', function () {
-  it('Should be Rendered', function () {
-    var _setup = setup(),
-        RatingWrapper = _setup.RatingWrapper;
-
-    expect(RatingWrapper).toBeInTheDocument();
-    expect(RatingWrapper.querySelectorAll('svg').length).toBeGreaterThan(1);
+  it('should be rendered', function () {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Rating, {}));
+    expect(_react.screen.getAllByRole('button')[4]).toBeInTheDocument();
   });
-  it('should be able to render a icon with name prop', function () {
-    var iconName = 'heart';
+  it('should be call onChange when onChange prop is provided', function () {
+    var onChange = jest.fn();
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Rating, {
+      value: 5,
+      onChange: onChange
+    }));
 
-    var _setup2 = setup({
-      name: iconName
-    }),
-        RatingWrapper = _setup2.RatingWrapper;
+    _userEvent.default.click(_react.screen.getAllByRole('button')[4]);
 
-    var oneSVG = RatingWrapper.querySelector('svg');
-    var svgName = oneSVG === null || oneSVG === void 0 ? void 0 : oneSVG.getAttribute('name');
-    expect(svgName).toBe(iconName);
+    expect(onChange).toHaveBeenCalled();
   });
-  it('should be able to render any quantity of icons', function () {
-    var _setup3 = setup({
-      name: 'star',
-      iconsQuantity: 8
-    }),
-        RatingWrapper = _setup3.RatingWrapper;
-
-    var icons = RatingWrapper.querySelectorAll('svg');
-    var iconsQuantity = icons.length;
-    expect(iconsQuantity).toEqual(8);
+  it('should be able to render any quantity of icons ', function () {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Rating, {
+      value: 4,
+      quantity: 7
+    }));
+    expect(_react.screen.getAllByRole('button')[6]).toBeInTheDocument();
   });
   it('should be able to fill svg if hover', function () {
-    var _setup4 = setup({
-      name: 'star'
-    }),
-        RatingIcon = _setup4.RatingIcon;
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Rating, {}));
 
-    var RatingIconPath = RatingIcon.querySelector('path');
+    var RatingIcon = _react.screen.getAllByRole('button')[4];
 
-    _react.fireEvent.mouseMove(RatingIconPath);
+    _react.fireEvent.mouseMove(RatingIcon);
 
-    expect(RatingIcon === null || RatingIcon === void 0 ? void 0 : RatingIcon.style.fill).toBe('url(#star_gradient)');
+    expect(RatingIcon === null || RatingIcon === void 0 ? void 0 : RatingIcon.style.fill).not.toBe('none');
   });
   it('should be able to change precision', function () {
-    var _setup5 = setup({
-      name: 'star',
-      precision: '1'
-    }),
-        RatingIcon = _setup5.RatingIcon;
-
-    var RatingIconPath = RatingIcon.querySelector('path');
-
-    _react.fireEvent.mouseMove(RatingIconPath);
-
-    expect(RatingIcon === null || RatingIcon === void 0 ? void 0 : RatingIcon.style.fill).toBe('yellow');
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Rating, {
+      value: 4.5,
+      precision: 0.5
+    }));
+    expect(_react.screen.getAllByRole('button')[4]).toBeInTheDocument();
   });
-  it('should be able to change primary color', function () {
-    var _setup6 = setup({
-      name: 'star',
-      precision: '1',
-      primaryColor: 'red'
-    }),
-        RatingIcon = _setup6.RatingIcon;
-
-    var RatingIconPath = RatingIcon.querySelector('path');
+  it('should be able to change color', function () {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Rating, {
+      value: 5,
+      colorFilledIcon: "neutral.neutral5"
+    }));
 
-    _react.fireEvent.mouseMove(RatingIconPath);
+    var RatingIcon = _react.screen.getAllByRole('button')[0];
 
-    expect(RatingIcon === null || RatingIcon === void 0 ? void 0 : RatingIcon.style.fill).toBe('red');
+    expect(RatingIcon.firstChild).toHaveStyle('fill: #587169;');
+  });
+  it('should be able to change size 40px', function () {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Rating, {
+      value: 5,
+      size: "40px"
+    }));
+
+    var RatingIcons = _react.screen.getAllByRole('button')[0];
+
+    expect(RatingIcons.firstChild).toHaveStyle({
+      width: 40,
+      height: 40
+    });
   });
 });

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { ContainerIconsProps } from './types';
+export declare const RatingContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    readOnly: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContainerIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    readOnly: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContainerFilled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & ContainerIconsProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE9C,eAAO,MAAM,eAAe;;;;cAA0B,OAAO;yGAQ5D,CAAC;AAEF,eAAO,MAAM,aAAa;;;;cAA0B,OAAO;yGAM1D,CAAC;AAEF,eAAO,MAAM,eAAe;;;+HAM3B,CAAC"}

package/dist/components/Rating/styles.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RatingContainer = exports.ContainerIcon = exports.ContainerFilled = void 0;
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _react = require("@emotion/react");
+
+var _templateObject, _templateObject2, _templateObject3;
+
+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 RatingContainer = _styled.default.div(function (_ref) {
+  var readOnly = _ref.readOnly;
+  return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: inline-flex;\n    position: relative;\n    cursor: pointer;\n    pointer-events: ", ";\n    text-align: left;\n  "])), readOnly ? 'none' : 'auto');
+});
+
+exports.RatingContainer = RatingContainer;
+
+var ContainerIcon = _styled.default.div(function (_ref2) {
+  var readOnly = _ref2.readOnly;
+  return (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    position: relative;\n    cursor: pointer;\n    pointer-events: ", ";\n  "])), readOnly ? 'none' : 'auto');
+});
+
+exports.ContainerIcon = ContainerIcon;
+
+var ContainerFilled = _styled.default.div(function (_ref3) {
+  var showRatingWithPrecision = _ref3.showRatingWithPrecision,
+      activeState = _ref3.activeState;
+  return (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    width: ", ";\n    overflow: hidden;\n    position: absolute;\n  "])), showRatingWithPrecision ? "".concat(activeState % 1 * 100, "%") : '0%');
+});
+
+exports.ContainerFilled = ContainerFilled;

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

@@ -1,29 +1,20 @@
-import { ExtendThemeProps } from '../../shared/theme';
-import { GradientIconName } from './components/GradientIcon/types';
-export declare type SizeType = 'small' | 'medium' | 'large';
-export declare type IStyleProps = {
-    primaryColor?: string;
-    secondaryColor?: string;
-    theme?: ExtendThemeProps;
-    disabled?: boolean;
-    active?: boolean;
-    size?: SizeType;
-    isActive?: boolean;
-    SwitchType?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
-};
-export declare type IInputProps = {
-    name: GradientIconName;
+import { GlobalColorsProps } from '../../shared/theme';
+import { IconName } from '../Icon/types';
+export interface RatingProps {
+    precision?: 1 | 0.5 | 0.25;
     value?: number;
-    defaultValue?: number;
-    iconsQuantity?: number;
-    precision?: '1' | '0.5';
-    size?: SizeType;
+    quantity?: number;
+    colorFilledIcon?: GlobalColorsProps | (string & {});
+    colorOutlinedIcon?: GlobalColorsProps | (string & {});
+    size?: string;
     readOnly?: boolean;
-    disabled?: boolean;
-    primaryColor?: string;
-    secondaryColor?: string;
-    strokeColor?: string;
-    onChangeValue?: (value: number) => void;
+    filledIcon?: IconName;
+    outlinedIcon?: IconName;
     onChange?: (value: number) => void;
-};
+}
+export interface ContainerIconsProps {
+    showRatingWithPrecision?: boolean;
+    showEmptyIcon?: boolean;
+    activeState: number;
+}
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,oBAAY,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEpD,oBAAY,WAAW,GAAG;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,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,IAAI,EAAE,gBAAgB,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,GAAG,GAAG,KAAK,CAAC;IACxB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACpD,iBAAiB,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACtD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,MAAM,WAAW,mBAAmB;IAClC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;CACrB"}

package/dist/components/Toast/contexts/ToastProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/contexts/ToastProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,EAAE,EAAyB,MAAM,OAAO,CAAC;AAGjE,OAAO,EAA4B,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAExE,eAAO,MAAM,YAAY,6CAA0C,CAAC;AAEpE,QAAA,MAAM,aAAa,EAAE,EAmCpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/contexts/ToastProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,EAAE,EAAyB,MAAM,OAAO,CAAC;AAGjE,OAAO,EAA4B,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAExE,eAAO,MAAM,YAAY,6CAA0C,CAAC;AAEpE,QAAA,MAAM,aAAa,EAAE,EAqCpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/Toast/contexts/ToastProvider.js

@@ -65,12 +65,16 @@ var ToastProvider = function ToastProvider(_ref) {
   }, []);
   var remoteToast = (0, _react.useCallback)(function (id) {
     setToasts(function (prevState) {
-      var _filterToast$0$config, _filterToast$0$config2;
-
       var filterToast = prevState.filter(function (toast) {
         return toast.id === id;
       });
-      (_filterToast$0$config = (_filterToast$0$config2 = filterToast[0].config).onClose) === null || _filterToast$0$config === void 0 ? void 0 : _filterToast$0$config.call(_filterToast$0$config2, id);
+
+      if (filterToast[0]) {
+        var _filterToast$0$config, _filterToast$0$config2;
+
+        (_filterToast$0$config = (_filterToast$0$config2 = filterToast[0].config).onClose) === null || _filterToast$0$config === void 0 ? void 0 : _filterToast$0$config.call(_filterToast$0$config2, id);
+      }
+
       return prevState.filter(function (toast) {
         return toast.id !== id;
       });

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/index.tsx"],"names":[],"mappings":";AAcA,QAAA,MAAM,cAAc,mBAuFnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/index.tsx"],"names":[],"mappings":";AAeA,QAAA,MAAM,cAAc,mBAuFnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/Toast/index.js

@@ -11,6 +11,8 @@ var _framerMotion = require("framer-motion");
 
 var _Toast = _interopRequireDefault(require("./components/Toast"));
 
+var _ReactPortal = require("../ReactPortal");
+
 var _ToastProvider = require("./contexts/ToastProvider");
 
 var _styles = require("./styles");
@@ -30,7 +32,8 @@ var ToastContainer = function ToastContainer() {
       toasts = _useContext.toasts,
       remove = _useContext.remove;
 
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReactPortal.ReactPortal, {
+    wrapperId: "toast-root",
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.StyledToastContainerOverlay, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledToastManagerOverlay, {
         position: "top",

package/dist/index.d.ts

@@ -19,7 +19,7 @@ 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 Rating } from './components/Rating';
+export { Rating } from './components/Rating';
 export { default as Skeleton } from './components/Skeleton';
 export { default as Slider } from './components/Slider';
 export { default as Spinner } from './components/Spinner';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGzD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,+CAA+C,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAGrF,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -207,7 +207,7 @@ Object.defineProperty(exports, "Radio", {
 Object.defineProperty(exports, "Rating", {
   enumerable: true,
   get: function get() {
-    return _Rating.default;
+    return _Rating.Rating;
   }
 });
 Object.defineProperty(exports, "ReactPortal", {
@@ -347,7 +347,7 @@ var _Pagination = require("./components/Pagination");
 
 var _Progress = _interopRequireDefault(require("./components/Progress"));
 
-var _Rating = _interopRequireDefault(require("./components/Rating"));
+var _Rating = require("./components/Rating");
 
 var _Skeleton = _interopRequireDefault(require("./components/Skeleton"));
 

package/package.json

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