@pedidopago/ui 1.1.2 → 1.1.5

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

@@ -15,22 +15,22 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var Label = _styled.default.label(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n  box-sizing: border-box;\n\n  z-index: ", ";\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 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 theme.zIndex.level1;
+  return {
+    dark: theme.colors.neutral.white,
+    light: theme.colors.neutral.neutral5
+  }[theme.colorMode];
 }, function (_ref2) {
   var theme = _ref2.theme;
-  return theme.colorMode === 'dark' ? theme.colors.neutral.white : theme.colors.neutral.neutral5;
+  return theme.fontWeight['500'];
 }, function (_ref3) {
   var theme = _ref3.theme;
-  return theme.fontWeight['500'];
-}, function (_ref4) {
-  var theme = _ref4.theme;
   return theme.fontSizes.xs;
-}, function (_ref5) {
-  var animate = _ref5.animate,
-      theme = _ref5.theme;
-  return animate ? (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          z-index: ", ";\n          position: absolute;\n          top: 0;\n          transform: translate(-12px, -11px) scale(0.8);\n          background-color: ", ";\n          height: 20px;\n        "])), theme.zIndex.level2, theme.colorMode === 'dark' ? theme.colors.neutral.black : theme.colors.neutral.white) : '';
+}, 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;

package/dist/components/SelectInput/components/SelectArea/SelectAreaWrapper.d.ts

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

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

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

package/dist/components/SelectInput/components/SelectArea/SelectAreaWrapper.js

@@ -15,9 +15,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var SelectAreaWrapper = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  position: relative;\n\n  min-height: 56px;\n  padding: 8px 20px;\n\n  border: 2px solid ", ";\n  border-radius: 8px;\n\n  transition: all ease-in-out 0.2s;\n\n  ", "\n"])), function (_ref) {
+var SelectAreaWrapper = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  position: relative;\n\n  min-height: 52px;\n  padding: 4px 20px;\n\n  border: 2px solid\n    ", ";\n  border-radius: 8px;\n\n  transition: all ease-in-out 0.2s;\n\n  ", "\n"])), function (_ref) {
   var theme = _ref.theme;
-  return theme.colors.neutral.neutral2;
+  return {
+    light: theme.colors.neutral.neutral2,
+    dark: theme.colors.neutral.neutral5
+  }[theme.colorMode];
 }, InputWrapperDisabledTratamentFunction);
 
 exports.SelectAreaWrapper = SelectAreaWrapper;
@@ -36,7 +39,7 @@ function alertControl(selectType, theme) {
 }
 
 function hexToRgba(hex, alpha) {
-  hex = hex.substr(1);
+  hex = hex.substring(1);
   var aRgbHex = hex.match(/.{1,2}/g);
   if (!aRgbHex) return;
   var aRgb = [parseInt(aRgbHex[0], 16), parseInt(aRgbHex[1], 16), parseInt(aRgbHex[2], 16)];

package/dist/components/SelectInput/components/SelectArea/SelectedOptionsArea.d.ts

@@ -1,15 +1,19 @@
-/// <reference types="react" />
-import { IStyleProps } from '../../types';
-export declare const SelectedOptionsArea: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SelectedOption: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyleProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const SelectedOptionText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+/// <reference types="react" />
+import { IStyleProps } from '../../types';
+export declare const SelectedOptionsArea: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SelectedSingleOption: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SelectedOption: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const SelectedOptionText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 //# sourceMappingURL=SelectedOptionsArea.d.ts.map

package/dist/components/SelectInput/components/SelectArea/SelectedOptionsArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectedOptionsArea.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/SelectArea/SelectedOptionsArea.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,eAAO,MAAM,mBAAmB;;;uHAI/B,CAAC;AAEF,eAAO,MAAM,cAAc;;;mIAyB1B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;yHAI9B,CAAC"}
+{"version":3,"file":"SelectedOptionsArea.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/SelectArea/SelectedOptionsArea.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,eAAO,MAAM,mBAAmB;;;uHAI/B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;uHAuBhC,CAAC;AAEF,eAAO,MAAM,cAAc;;;mIA4B1B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;yHAI9B,CAAC"}

package/dist/components/SelectInput/components/SelectArea/SelectedOptionsArea.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SelectedOptionsArea = exports.SelectedOptionText = exports.SelectedOption = void 0;
+exports.SelectedSingleOption = exports.SelectedOptionsArea = exports.SelectedOptionText = exports.SelectedOption = void 0;
 
 var _react = require("@emotion/react");
 
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -19,24 +19,49 @@ var SelectedOptionsArea = _styled.default.div(_templateObject || (_templateObjec
 
 exports.SelectedOptionsArea = SelectedOptionsArea;
 
-var SelectedOption = _styled.default.button(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  min-width: 73px;\n  height: 29px;\n  padding: 4px 8px;\n  border-radius: 6px;\n\n  margin: 4px;\n\n  transition: all ease-in-out 0.2s;\n\n  background-color: ", ";\n  border: 0;\n  color: ", ";\n\n  ", ";\n"])), function (_ref) {
+var SelectedSingleOption = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  min-width: 73px;\n  height: 29px;\n  padding: 4px 8px;\n  border-radius: 6px;\n\n  transition: all ease-in-out 0.2s;\n\n  font-weight: ", ";\n  font-size: ", ";\n\n  color: ", ";\n\n  ", ";\n"])), function (_ref) {
   var theme = _ref.theme;
-  return theme.colorMode === 'dark' ? theme.colors.neutral.neutral4 : theme.colors.neutral.neutral1;
+  return theme.fontWeight['400'];
 }, function (_ref2) {
   var theme = _ref2.theme;
-  return theme.colorMode === 'dark' ? theme.colors.neutral.white : theme.colors.neutral.neutral6;
+  return theme.fontSizes.xs;
 }, function (_ref3) {
-  var disabled = _ref3.disabled;
+  var theme = _ref3.theme;
+  return {
+    dark: theme.colors.neutral.white,
+    light: theme.colors.neutral.neutral5
+  }[theme.colorMode];
+}, function (_ref4) {
+  var disabled = _ref4.disabled;
   return !disabled && (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      cursor: pointer;\n    "])));
 });
 
+exports.SelectedSingleOption = SelectedSingleOption;
+
+var SelectedOption = _styled.default.button(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  min-width: 73px;\n  height: 29px;\n  padding: 4px 8px;\n  border-radius: 6px;\n\n  margin: 2px;\n\n  transition: all ease-in-out 0.2s;\n\n  background-color: ", ";\n\n  border: 0;\n  color: ", ";\n\n  ", ";\n"])), function (_ref5) {
+  var theme = _ref5.theme;
+  return {
+    dark: theme.colors.neutral.neutral4,
+    light: theme.colors.neutral.neutral1
+  }[theme.colorMode];
+}, function (_ref6) {
+  var theme = _ref6.theme;
+  return {
+    dark: theme.colors.neutral.white,
+    light: theme.colors.neutral.neutral6
+  }[theme.colorMode];
+}, function (_ref7) {
+  var disabled = _ref7.disabled;
+  return !disabled && (0, _react.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      cursor: pointer;\n    "])));
+});
+
 exports.SelectedOption = SelectedOption;
 
-var SelectedOptionText = _styled.default.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin-right: 8px;\n  font-weight: ", ";\n  font-size: ", ";\n"])), function (_ref4) {
-  var theme = _ref4.theme;
+var SelectedOptionText = _styled.default.span(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  margin-right: 8px;\n  font-weight: ", ";\n  font-size: ", ";\n"])), function (_ref8) {
+  var theme = _ref8.theme;
   return theme.fontWeight['400'];
-}, function (_ref5) {
-  var theme = _ref5.theme;
+}, function (_ref9) {
+  var theme = _ref9.theme;
   return theme.fontSizes.xxs;
 });
 

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

@@ -1,16 +1,17 @@
-import { AlertType, SelectData } from '../../types';
-import { MouseEvent, ReactElement } from 'react';
-interface ISelectAreaProps {
-    disabled: boolean;
-    label?: string;
-    inputAlert?: AlertType;
-    dropDownIcon?: ReactElement;
-    selectedOptions: SelectData[];
-    removeSelectedOption: (e: MouseEvent<HTMLElement>, option: SelectData) => void;
-    setShowOptionsArea: (show: boolean) => void;
-    setSelectedOptions: (array: SelectData[]) => void;
-    toggleOptionsAreaView: (e: MouseEvent<HTMLElement>) => void;
-}
-export declare function SelectArea({ disabled, label, setShowOptionsArea, toggleOptionsAreaView, inputAlert, removeSelectedOption, selectedOptions, setSelectedOptions, dropDownIcon, }: ISelectAreaProps): JSX.Element;
-export {};
+import { AlertType, SelectData } from '../../types';
+import { MouseEvent, ReactElement } from 'react';
+interface ISelectAreaProps {
+    disabled: boolean;
+    label?: string;
+    inputAlert?: AlertType;
+    dropDownIcon?: ReactElement;
+    multiple?: boolean;
+    selectedOptions: SelectData[];
+    removeSelectedOption: (e: MouseEvent<HTMLElement>, option: SelectData) => void;
+    setShowOptionsArea: (show: boolean) => void;
+    setSelectedOptions: (array: SelectData[]) => void;
+    toggleOptionsAreaView: (e: MouseEvent<HTMLElement>) => void;
+}
+export declare function SelectArea({ disabled, label, setShowOptionsArea, toggleOptionsAreaView, inputAlert, multiple, removeSelectedOption, selectedOptions, setSelectedOptions, dropDownIcon, }: ISelectAreaProps): JSX.Element;
+export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/SelectArea/index.tsx"],"names":[],"mappings":"AAKA,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,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,oBAAoB,EACpB,eAAe,EACf,kBAAkB,EAClB,YAAY,GACb,EAAE,gBAAgB,eAwClB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/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,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,GACb,EAAE,gBAAgB,eA8ClB"}

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

@@ -26,6 +26,7 @@ function SelectArea(_ref) {
       setShowOptionsArea = _ref.setShowOptionsArea,
       toggleOptionsAreaView = _ref.toggleOptionsAreaView,
       inputAlert = _ref.inputAlert,
+      multiple = _ref.multiple,
       removeSelectedOption = _ref.removeSelectedOption,
       selectedOptions = _ref.selectedOptions,
       setSelectedOptions = _ref.setSelectedOptions,
@@ -42,7 +43,7 @@ function SelectArea(_ref) {
       animate: selectedOptions.length > 0,
       children: label
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectedOptionsArea.SelectedOptionsArea, {
-      children: selectedOptions.map(function (option) {
+      children: multiple ? selectedOptions.map(function (option) {
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_SelectedOptionsArea.SelectedOption, {
           "data-testid": "select-area--selected-option",
           disabled: disabled,
@@ -50,14 +51,20 @@ function SelectArea(_ref) {
             return removeSelectedOption(e, option);
           },
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectedOptionsArea.SelectedOptionText, {
-            children: option.value
+            children: option.name
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
             name: "x-circle",
             size: "12px"
           })]
         }, option.name);
+      }) : selectedOptions.map(function (option) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectedOptionsArea.SelectedSingleOption, {
+          "data-testid": "select-area--selected-option",
+          children: option.name
+        }, option.name);
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ButtonsArea.ButtonsArea, {
+      disabled: disabled,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonsArea.Button, {
         tabIndex: 0,
         disabled: disabled,

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

@@ -1,4 +1,4 @@
-export * from './InputWrapper';
-export * from './SelectArea';
-export * from './OptionsArea';
+export * from './InputWrapper';
+export * from './SelectArea';
+export * from './OptionsArea';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,6 +1,6 @@
-import { ComponentPropsWithoutRef, FC } from 'react';
-import { ISelectInputProps } from './types';
-declare type Props = ComponentPropsWithoutRef<'p'>;
-declare const SelectInput: FC<ISelectInputProps & Props>;
-export default SelectInput;
+import { ComponentPropsWithoutRef, FC } from 'react';
+import { ISelectInputProps } from './types';
+declare type Props = ComponentPropsWithoutRef<'p'>;
+declare const SelectInput: FC<ISelectInputProps & Props>;
+export default SelectInput;
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/SelectInput/index.js

@@ -11,8 +11,6 @@ var _components = require("./components");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var _excluded = ["width", "fullWidth", "disabled", "multiple", "AutoComplete", "maxSelects", "onChangeValue", "onChangeSearch", "onFinished", "label", "selectType", "data", "children", "formRegister", "dropDownIcon", "defaultSelectedOptions"];
-
 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."); }
@@ -33,10 +31,6 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 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 onFinishedTimerDebounce;
 
 var SelectInput = function SelectInput(_ref) {
@@ -63,7 +57,7 @@ var SelectInput = function SelectInput(_ref) {
       formRegister = _ref.formRegister,
       dropDownIcon = _ref.dropDownIcon,
       defaultSelectedOptions = _ref.defaultSelectedOptions,
-      rest = _objectWithoutProperties(_ref, _excluded);
+      value = _ref.value;
 
   var _useState = (0, _react.useState)(selectType),
       _useState2 = _slicedToArray(_useState, 2),
@@ -112,8 +106,11 @@ var SelectInput = function SelectInput(_ref) {
   }
 
   (0, _react.useEffect)(function () {
-    !!onChangeValue && onChangeValue(selectedOptions);
-  }, [selectedOptions, onChangeValue]);
+    !!value && setSelectedOptions(value);
+  }, [value]);
+  (0, _react.useEffect)(function () {
+    onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(selectedOptions);
+  }, [onChangeValue]);
   (0, _react.useEffect)(function () {
     !!disabled && setShowOptionsArea(false);
   }, [disabled]);
@@ -138,11 +135,13 @@ var SelectInput = function SelectInput(_ref) {
   var chooseOption = (0, _react.useCallback)(function (option) {
     if (multiple) {
       if (!(selectedOptions.length >= maxSelects)) {
+        onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue([].concat(_toConsumableArray(selectedOptions), [option]));
         setSelectedOptions(function (oldstate) {
           return [].concat(_toConsumableArray(oldstate), [option]);
         });
       }
     } else {
+      onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue([option]);
       setSelectedOptions([option]);
       setShowOptionsArea(false);
     }
@@ -154,6 +153,7 @@ var SelectInput = function SelectInput(_ref) {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SelectArea, {
       disabled: disabled,
       label: label,
+      multiple: multiple,
       setShowOptionsArea: setShowOptionsArea,
       removeSelectedOption: removeSelectedOption,
       selectedOptions: selectedOptions,

package/dist/components/SelectInput/selectInput.test.d.ts

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

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

@@ -1,37 +1,38 @@
-import { ReactElement } from 'react';
-import { ExtendThemeProps } from 'src';
-export declare type SelectData = {
-    name: string;
-    value: string;
-};
-export declare type AlertType = 'informative' | 'success' | 'error' | 'warning' | undefined;
-export interface IStyleProps {
-    width?: string;
-    fullWidth?: boolean;
-    animate?: boolean;
-    disabled?: boolean;
-    show?: boolean;
-    selected?: boolean;
-    itensLength?: number;
-    selectType?: AlertType;
-    theme?: ExtendThemeProps;
-    active?: boolean;
-}
-export interface ISelectInputProps {
-    data?: Array<SelectData>;
-    maxSelects?: number;
-    label?: string;
-    multiple?: boolean;
-    width?: string;
-    fullWidth?: boolean;
-    disabled?: boolean;
-    selectType?: AlertType;
-    formRegister?: unknown;
-    dropDownIcon?: ReactElement;
-    AutoComplete?: boolean;
-    defaultSelectedOptions?: Array<SelectData>;
-    onChangeValue?: (data: Array<SelectData>) => void;
-    onChangeSearch?: (data: string) => void;
-    onFinished?: (bool: boolean) => void;
-}
+import { ReactElement } from 'react';
+import { ExtendThemeProps } from 'src';
+export declare type SelectData = {
+    name: string;
+    value: string;
+};
+export declare type AlertType = 'informative' | 'success' | 'error' | 'warning' | undefined;
+export interface IStyleProps {
+    width?: string;
+    fullWidth?: boolean;
+    animate?: boolean;
+    disabled?: boolean;
+    show?: boolean;
+    selected?: boolean;
+    itensLength?: number;
+    selectType?: AlertType;
+    theme?: ExtendThemeProps;
+    active?: boolean;
+}
+export interface ISelectInputProps {
+    data?: Array<SelectData>;
+    maxSelects?: number;
+    label?: string;
+    multiple?: boolean;
+    width?: string;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    selectType?: AlertType;
+    formRegister?: unknown;
+    dropDownIcon?: ReactElement;
+    AutoComplete?: boolean;
+    value?: Array<SelectData>;
+    defaultSelectedOptions?: Array<SelectData>;
+    onChangeValue?: (data: Array<SelectData>) => void;
+    onChangeSearch?: (data: string) => void;
+    onFinished?: (bool: boolean) => void;
+}
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/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,IAAI,EAAE,MAAM,CAAC;IACb,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,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,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/SelectInput/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,IAAI,EAAE,MAAM,CAAC;IACb,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,OAAO,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"}

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { ISkeletonProps } from './types';
-declare const Skeleton: ({ children, isLoaded, ...rest }: ISkeletonProps) => JSX.Element;
-export default Skeleton;
+/// <reference types="react" />
+import { ISkeletonProps } from './types';
+declare const Skeleton: ({ children, isLoaded, ...rest }: ISkeletonProps) => JSX.Element;
+export default Skeleton;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Skeleton/skeleton.test.d.ts

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

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import { ISkeletonProps } from './types';
-import { GenericStyledProps } from '../../@types';
-export declare const SkeletonElement: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & ISkeletonProps & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { ISkeletonProps } from './types';
+import { GenericStyledProps } from '../../@types';
+export declare const SkeletonElement: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & ISkeletonProps & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1,36 +1,36 @@
-import { ReactNode } from 'react';
-import { GlobalColorsProps } from '../../shared/theme/theme.types';
-export declare type ISkeletonProps = {
-    /**
-     * The variant of the skeleton.
-     * @default 'text'
-     */
-    variant?: 'text' | 'rectangle' | 'circle';
-    /**
-     * The animation of the skeleton
-     * @default 'pulse'
-     */
-    animation?: 'wave' | 'pulse' | 'static';
-    /**
-     * The width of the skeleton
-     * @default '100%'
-     */
-    width?: number;
-    /**
-     * The height of the skeleton
-     * @default '100%'
-     */
-    height?: number;
-    /**
-     * The color of the skeleton
-     * @default '#EEEEEE'
-     */
-    color?: GlobalColorsProps | (string & {});
-    /**
-     * When true, the skeleton children's will be displayed
-     * @default false
-     */
-    isLoaded?: boolean;
-    children?: ReactNode;
-};
+import { ReactNode } from 'react';
+import { GlobalColorsProps } from '../../shared/theme/theme.types';
+export declare type ISkeletonProps = {
+    /**
+     * The variant of the skeleton.
+     * @default 'text'
+     */
+    variant?: 'text' | 'rectangle' | 'circle';
+    /**
+     * The animation of the skeleton
+     * @default 'pulse'
+     */
+    animation?: 'wave' | 'pulse' | 'static';
+    /**
+     * The width of the skeleton
+     * @default '100%'
+     */
+    width?: number;
+    /**
+     * The height of the skeleton
+     * @default '100%'
+     */
+    height?: number;
+    /**
+     * The color of the skeleton
+     * @default '#EEEEEE'
+     */
+    color?: GlobalColorsProps | (string & {});
+    /**
+     * When true, the skeleton children's will be displayed
+     * @default false
+     */
+    isLoaded?: boolean;
+    children?: ReactNode;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Slider/components/SliderPointer.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { ISliderPointerProps } from '../types';
-export declare const SliderPointer: ({ direction, thumbColor }: ISliderPointerProps) => JSX.Element;
+/// <reference types="react" />
+import { ISliderPointerProps } from '../types';
+export declare const SliderPointer: ({ direction, thumbColor }: ISliderPointerProps) => JSX.Element;
 //# sourceMappingURL=SliderPointer.d.ts.map

package/dist/components/Slider/components/SliderPointer.js

@@ -34,7 +34,8 @@ var SliderPointer = function SliderPointer(_ref) {
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderPointerIcon, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
         name: "code",
-        size: "20px"
+        size: "20px",
+        color: "neutral.black"
       })
     })]
   });

package/dist/components/Slider/components/SliderRail.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { ISliderTrackerProps } from '../types';
-export declare const SliderRail: import("react").MemoExoticComponent<({ step, max, onChange, trackColor, direction, ...rest }: ISliderTrackerProps) => JSX.Element>;
+/// <reference types="react" />
+import { ISliderTrackerProps } from '../types';
+export declare const SliderRail: import("react").MemoExoticComponent<({ step, max, onChange, trackColor, direction, ...rest }: ISliderTrackerProps) => JSX.Element>;
 //# sourceMappingURL=SliderRail.d.ts.map

package/dist/components/Slider/components/SliderSelector.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { ISliderSelectorProps } from '../types';
-export declare const SliderSelector: import("react").MemoExoticComponent<({ value, min, max, step, valueLabelDisplay, thumbColor, trackColor, onChange, direction, disabled, size, thumbType, }: ISliderSelectorProps) => JSX.Element>;
+/// <reference types="react" />
+import { ISliderSelectorProps } from '../types';
+export declare const SliderSelector: import("react").MemoExoticComponent<({ value, min, max, step, valueLabelDisplay, thumbColor, trackColor, onChange, direction, disabled, size, thumbType, }: ISliderSelectorProps) => JSX.Element>;
 //# sourceMappingURL=SliderSelector.d.ts.map

package/dist/components/Slider/hooks/useEventCallback.d.ts

@@ -1,3 +1,3 @@
-import { RefObject } from 'react';
-export declare const useEventCallback: <T>(callback?: ((value: T, trackRef?: RefObject<HTMLDivElement> | undefined) => void) | undefined) => (value: T, trackRef?: RefObject<HTMLDivElement> | undefined) => void;
+import { RefObject } from 'react';
+export declare const useEventCallback: <T>(callback?: ((value: T, trackRef?: RefObject<HTMLDivElement> | undefined) => void) | undefined) => (value: T, trackRef?: RefObject<HTMLDivElement> | undefined) => void;
 //# sourceMappingURL=useEventCallback.d.ts.map

package/dist/components/Slider/hooks/useValues.d.ts

@@ -1,2 +1,2 @@
-export declare const useValues: (initialValues: number | number[], onChange?: ((value: number | number[]) => void) | undefined) => [number | number[], (value: number | number[]) => void];
+export declare const useValues: (initialValues: number | number[], onChange?: ((value: number | number[]) => void) | undefined) => [number | number[], (value: number | number[]) => void];
 //# sourceMappingURL=useValues.d.ts.map