@pedidopago/ui 1.1.4 → 1.1.5

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,IAAa,EACb,GAAY,EACZ,OAAkB,EAClB,OAAkB,EAClB,OAAe,EACf,OAAe,EACf,QAAQ,EACR,OAAO,EACP,QAAQ,GACT,EAAE,WAAW,eA2Eb"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,IAAa,EACb,GAAY,EACZ,OAAkB,EAClB,OAAkB,EAClB,OAAe,EACf,OAAe,EACf,aAAqB,EACrB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,GACT,EAAE,WAAW,eA8Eb"}

package/dist/components/Modal/index.js

@@ -11,7 +11,6 @@ var _styles = require("./styles");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-// Styles
 function Modal(_ref) {
   var open = _ref.open,
       _ref$left = _ref.left,
@@ -26,7 +25,10 @@ function Modal(_ref) {
       offsetX = _ref$offsetX === void 0 ? '0px' : _ref$offsetX,
       _ref$offsetY = _ref.offsetY,
       offsetY = _ref$offsetY === void 0 ? '0px' : _ref$offsetY,
+      _ref$hideScrollBar = _ref.hideScrollBar,
+      hideScrollBar = _ref$hideScrollBar === void 0 ? false : _ref$hideScrollBar,
       maxWidth = _ref.maxWidth,
+      maxHeight = _ref.maxHeight,
       onClose = _ref.onClose,
       children = _ref.children;
   // TODO
@@ -105,6 +107,8 @@ function Modal(_ref) {
         pointerEvents: open ? 'auto' : 'none'
       },
       maxWidth: maxWidth,
+      maxHeight: maxHeight,
+      hideScrollBar: hideScrollBar,
       children: children
     })]
   });

package/dist/components/Modal/modal.test.js

@@ -179,4 +179,17 @@ describe('Modal', function () {
       maxWidth: '200px'
     });
   });
+  it('should display modal with maxHeight', function () {
+    var modal = setup({
+      open: true,
+      onClose: function onClose() {},
+      maxHeight: '200px',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: "Hello world!"
+      })
+    });
+    expect(modal.modal).toHaveStyle({
+      maxHeight: '200px'
+    });
+  });
 });

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

@@ -4,7 +4,9 @@ export declare const Container: import("@emotion/styled").StyledComponent<{
     theme?: Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
+    maxHeight?: string | undefined;
     maxWidth?: string | undefined;
+    hideScrollBar?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Overlay: import("@emotion/styled").StyledComponent<{
     theme?: Theme | undefined;

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;AAE5C,eAAO,MAAM,SAAS;;;;;yGA6BpB,CAAC;AAEH,eAAO,MAAM,OAAO;;;yGAelB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAO,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAE5C,eAAO,MAAM,SAAS;;;;;;;yGAwDpB,CAAC;AAEH,eAAO,MAAM,OAAO;;;yGAelB,CAAC"}

package/dist/components/Modal/styles.js

@@ -17,7 +17,7 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 
 var Container = _styled.default.div(function (props) {
   var theme = props.theme;
-  return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    border-radius: ", ";\n\n    width: calc(100% - 32px);\n\n    max-width: ", ";\n\n    position: fixed;\n\n    background: ", ";\n    box-shadow: ", ";\n\n    transition: transform ease ", ", opacity linear ", ";\n\n    z-index: ", ";\n\n    &:focus {\n      outline: 3px solid black;\n    }\n  "])), theme.borderRadius.default, props.maxWidth, theme.colorMode === 'light' ? theme.colors.background.light : theme.colors.neutral.black, theme.colorMode === 'light' ? theme.shadow.level1 : "0 4px 8px ".concat(theme.colors.neutral.black), theme.transition.speed, theme.transition.speed, theme.zIndex.level24);
+  return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    border-radius: ", ";\n\n    width: calc(100% - 32px);\n\n    max-width: ", ";\n    max-height: ", ";\n    position: fixed;\n\n    overflow-y: auto;\n    overflow-x: hidden;\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\n    background: ", ";\n    box-shadow: ", ";\n\n    transition: transform ease ", ", opacity linear ", ";\n\n    z-index: ", ";\n\n    &:focus {\n      outline: 3px solid black;\n    }\n  "])), theme.borderRadius.default, props.maxWidth, props.maxHeight, props.theme.borderRadius.default, props.theme.colors.primary.default, props.hideScrollBar && "::-webkit-scrollbar {\n      display: none;\n      }\n      \n      scrollbar-width: none;\n      \n      -ms-overflow-style: none;", theme.colorMode === 'light' ? theme.colors.background.light : theme.colors.neutral.black, theme.colorMode === 'light' ? theme.shadow.level1 : "0 4px 8px ".concat(theme.colors.neutral.black), theme.transition.speed, theme.transition.speed, theme.zIndex.level24);
 });
 
 exports.Container = Container;

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

@@ -22,8 +22,12 @@ export interface IModalProps {
     offsetY?: string;
     /** The max width of the Modal. */
     maxWidth?: string;
+    /** The max height of the Modal. */
+    maxHeight?: string;
     /** Handler called once the Modal is triggered to close. */
     onClose: () => void;
+    /** Optional. Will hide the scroll bar if the content inside a container is too big */
+    hideScrollBar?: boolean;
     children: ReactNode;
 }
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,oBAAY,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAC3D,oBAAY,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3D,MAAM,WAAW,WAAW;IAC1B,mCAAmC;IACnC,IAAI,EAAE,OAAO,CAAC;IAEd,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;qCAEiC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;qCAEiC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,2DAA2D;IAC3D,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,QAAQ,EAAE,SAAS,CAAC;CACrB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,oBAAY,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAC3D,oBAAY,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3D,MAAM,WAAW,WAAW;IAC1B,mCAAmC;IACnC,IAAI,EAAE,OAAO,CAAC;IAEd,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;qCAEiC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;qCAEiC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,2DAA2D;IAC3D,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,sFAAsF;IACtF,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,QAAQ,EAAE,SAAS,CAAC;CACrB"}

package/dist/components/Progress/style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/style.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAGpG,eAAO,MAAM,WAAW;;;gIAWvB,CAAC;AAEF,eAAO,MAAM,WAAW;;;kHA2BvB,CAAC;AAEF,eAAO,MAAM,UAAU;;;+HAOtB,CAAC;AAIF,eAAO,MAAM,UAAU;;;;;yGAKtB,CAAC;AAEF,eAAO,MAAM,KAAK;;;kHA0BjB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;+CAGnB,CAAC;AACF,eAAO,MAAM,SAAS;;;gEAWrB,CAAC;AAEF,eAAO,MAAM,eAAe;;;+DAW3B,CAAC"}
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/style.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAGpG,eAAO,MAAM,WAAW;;;gIAYvB,CAAC;AAEF,eAAO,MAAM,WAAW;;;kHA2BvB,CAAC;AAEF,eAAO,MAAM,UAAU;;;+HAOtB,CAAC;AAIF,eAAO,MAAM,UAAU;;;;;yGAKtB,CAAC;AAEF,eAAO,MAAM,KAAK;;;kHA0BjB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;+CAGnB,CAAC;AACF,eAAO,MAAM,SAAS;;;gEAWrB,CAAC;AAEF,eAAO,MAAM,eAAe;;;+DAW3B,CAAC"}

package/dist/components/Progress/style.js

@@ -16,7 +16,7 @@ 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) } })); }
 
 // Linear
-var ProgressBar = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  background-color: ", ";\n  height: ", "px;\n  border-radius: 10px;\n"])), function (_ref) {
+var ProgressBar = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  background-color: ", ";\n  height: ", "px;\n  border-radius: 10px;\n  overflow: hidden;\n"])), function (_ref) {
   var grayColor = _ref.grayColor,
       theme = _ref.theme;
   return grayColor ? (0, _colorToGray.parseHslColorToString)(theme.colorMode === 'light' ? grayColor.neutral1 : grayColor.neutral6) : theme.colorMode === 'light' ? theme.colors.neutral.neutral1 : theme.colors.neutral.neutral6;

package/dist/components/RadioInput/components/ChoiceList/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/RadioInput/components/ChoiceList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8B,EAAE,EAAqB,MAAM,OAAO,CAAC;AAM1E,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEjE,eAAO,MAAM,UAAU,4CAA4D,CAAC;AAEpF,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAkDnC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/RadioInput/components/ChoiceList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8B,EAAE,EAAgC,MAAM,OAAO,CAAC;AAMrF,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEjE,eAAO,MAAM,UAAU,4CAA4D,CAAC;AAEpF,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAsDnC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/RadioInput/components/ChoiceList/index.js

@@ -75,6 +75,9 @@ var ChoiceList = function ChoiceList(_ref) {
     onChange(e.currentTarget.value);
   };
 
+  (0, _react.useEffect)(function () {
+    !!value && setSelectedRadioBtn(value);
+  }, [value]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.ThemeProvider, {
     theme: theme,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(RadioGroup.Provider, {

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/RadioInput/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,OAAO;;;yGAInB,CAAC;AAEF,eAAO,MAAM,KAAK;;;kHAGjB,CAAC;AAEF,eAAO,MAAM,KAAK;;;sIAkEjB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAAe,CAAC;AAE1C,eAAO,MAAM,WAAW;;;6HAOvB,CAAC;AAEF,eAAO,MAAM,WAAW;;;sIASvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;+HASpB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/RadioInput/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,OAAO;;;yGAInB,CAAC;AAEF,eAAO,MAAM,KAAK;;;kHAGjB,CAAC;AAEF,eAAO,MAAM,KAAK;;;sIAsEjB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAAe,CAAC;AAE1C,eAAO,MAAM,WAAW;;;6HAOvB,CAAC;AAEF,eAAO,MAAM,WAAW;;;sIASvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;+HASpB,CAAC"}

package/dist/components/RadioInput/styles.js

@@ -27,7 +27,10 @@ var Input = _styled.default.input(_templateObject3 || (_templateObject3 = _tagge
   var color = _ref.color,
       colorProps = _ref.colorProps,
       theme = _ref.theme;
-  return (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    appearance: none;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    box-sizing: border-box;\n    margin: 0;\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    border: 2px solid ", ";\n\n    + label {\n      color: ", ";\n      line-height: 20px;\n    }\n\n    :hover {\n      border-color: ", ";\n    }\n    :focus {\n      border-color: ", ";\n      box-shadow: 0 0 0 2px ", ";\n    }\n    :disabled {\n      border-color: ", ";\n      background-color: ", ";\n      + label {\n        color: ", ";\n      }\n    }\n\n    :checked {\n      background-color: ", ";\n      border-color: ", ";\n      &:focus {\n        background-color: ", ";\n        border-color: ", ";\n        box-shadow: 0 0 0 2px ", ";\n      }\n      &:hover {\n        background-color: ", ";\n        border-color: ", ";\n      }\n      &:disabled {\n        background-color: ", ";\n        border-color: ", ";\n        + label {\n          color: ", ";\n        }\n        &::after {\n          display: none;\n        }\n      }\n\n      &::after {\n        content: '';\n        display: block;\n        width: 6px;\n        height: 6px;\n        background: #fff;\n        border-radius: 50%;\n      }\n    }\n  "])), colorProps === null || colorProps === void 0 ? void 0 : colorProps.gray, theme.colorMode === 'light' ? colorProps === null || colorProps === void 0 ? void 0 : colorProps.black : theme.colors.neutral.white, colorProps === null || colorProps === void 0 ? void 0 : colorProps.graySaturation, colorProps === null || colorProps === void 0 ? void 0 : colorProps.focus, colorProps === null || colorProps === void 0 ? void 0 : colorProps.grayLightness, colorProps === null || colorProps === void 0 ? void 0 : colorProps.grayLightness, colorProps === null || colorProps === void 0 ? void 0 : colorProps.grayLightness, colorProps === null || colorProps === void 0 ? void 0 : colorProps.gray, color, color, colorProps === null || colorProps === void 0 ? void 0 : colorProps.saturationFocus, colorProps === null || colorProps === void 0 ? void 0 : colorProps.saturationFocus, colorProps === null || colorProps === void 0 ? void 0 : colorProps.shadowLightness, colorProps === null || colorProps === void 0 ? void 0 : colorProps.saturation, colorProps === null || colorProps === void 0 ? void 0 : colorProps.saturation, colorProps === null || colorProps === void 0 ? void 0 : colorProps.gray, colorProps === null || colorProps === void 0 ? void 0 : colorProps.gray, colorProps === null || colorProps === void 0 ? void 0 : colorProps.graySaturation);
+  return (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    appearance: none;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    box-sizing: border-box;\n    margin: 0;\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    border: 2px solid\n      ", ";\n\n    + label {\n      color: ", ";\n      line-height: 20px;\n    }\n\n    :hover {\n      border-color: ", ";\n    }\n    :focus {\n      border-color: ", ";\n      box-shadow: 0 0 0 2px ", ";\n    }\n    :disabled {\n      border-color: ", ";\n      background-color: ", ";\n      + label {\n        color: ", ";\n      }\n    }\n\n    :checked {\n      background-color: ", ";\n      border-color: ", ";\n      &:focus {\n        background-color: ", ";\n        border-color: ", ";\n        box-shadow: 0 0 0 2px ", ";\n      }\n      &:hover {\n        background-color: ", ";\n        border-color: ", ";\n      }\n      &:disabled {\n        background-color: ", ";\n        border-color: ", ";\n        + label {\n          color: ", ";\n        }\n        &::after {\n          display: none;\n        }\n      }\n\n      &::after {\n        content: '';\n        display: block;\n        width: 6px;\n        height: 6px;\n        background: #fff;\n        border-radius: 50%;\n      }\n    }\n  "])), {
+    light: theme.colors.neutral.neutral2,
+    dark: theme.colors.neutral.neutral5
+  }[theme.colorMode], theme.colorMode === 'light' ? colorProps === null || colorProps === void 0 ? void 0 : colorProps.black : theme.colors.neutral.white, theme.colors.primary.hover, colorProps === null || colorProps === void 0 ? void 0 : colorProps.focus, colorProps === null || colorProps === void 0 ? void 0 : colorProps.grayLightness, colorProps === null || colorProps === void 0 ? void 0 : colorProps.grayLightness, colorProps === null || colorProps === void 0 ? void 0 : colorProps.grayLightness, colorProps === null || colorProps === void 0 ? void 0 : colorProps.gray, color, color, colorProps === null || colorProps === void 0 ? void 0 : colorProps.saturationFocus, colorProps === null || colorProps === void 0 ? void 0 : colorProps.saturationFocus, colorProps === null || colorProps === void 0 ? void 0 : colorProps.shadowLightness, colorProps === null || colorProps === void 0 ? void 0 : colorProps.saturation, colorProps === null || colorProps === void 0 ? void 0 : colorProps.saturation, colorProps === null || colorProps === void 0 ? void 0 : colorProps.gray, colorProps === null || colorProps === void 0 ? void 0 : colorProps.gray, colorProps === null || colorProps === void 0 ? void 0 : colorProps.graySaturation);
 });
 
 exports.Input = Input;

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

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

package/dist/components/SelectInput/components/OptionsArea/OptionsArea.js

@@ -15,18 +15,27 @@ 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 OptionsAreaWrapper = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  scroll-behavior: smooth;\n\n  flex-direction: column;\n  box-sizing: border-box;\n  background-color: ", ";\n  color: ", ";\n\n  width: 100%;\n  max-height: 248px;\n  border-radius: ", ";\n\n  border: 2px solid ", ";\n\n  overflow-y: auto;\n\n  padding: 8px;\n\n  &::-webkit-scrollbar {\n    width: 6px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: ", ";\n    border-radius: ", ";\n  }\n"])), function (_ref) {
+var OptionsAreaWrapper = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 54px;\n  left: 0;\n  z-index: 2;\n\n  display: flex;\n  scroll-behavior: smooth;\n\n  flex-direction: column;\n  box-sizing: border-box;\n  background-color: ", ";\n\n  color: ", ";\n\n  width: 100%;\n  max-height: 248px;\n  border-radius: ", ";\n\n  overflow-y: auto;\n\n  padding: 8px;\n\n  box-shadow: ", ";\n\n  &::-webkit-scrollbar {\n    width: 6px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: ", ";\n    border-radius: ", ";\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
-  return theme.colorMode === 'dark' ? theme.colors.neutral : theme.colors.body.light;
+  return {
+    dark: theme.colors.neutral.neutral6,
+    light: theme.colors.body.light
+  }[theme.colorMode];
 }, function (_ref2) {
   var theme = _ref2.theme;
-  return theme.colorMode === 'dark' ? theme.colors.neutral.white : theme.colors.neutral.black;
+  return {
+    dark: theme.colors.neutral.white,
+    light: theme.colors.neutral.black
+  }[theme.colorMode];
 }, function (_ref3) {
   var theme = _ref3.theme;
   return theme.borderRadius.default;
 }, function (_ref4) {
   var theme = _ref4.theme;
-  return theme.colors.neutral.neutral1;
+  return {
+    dark: "0px 16px 32px ".concat(theme.colors.neutral.black),
+    light: theme.shadow.level3
+  }[theme.colorMode];
 }, function (_ref5) {
   var theme = _ref5.theme,
       selectType = _ref5.selectType;
@@ -38,7 +47,7 @@ var OptionsAreaWrapper = _styled.default.div(_templateObject || (_templateObject
 
 exports.OptionsAreaWrapper = OptionsAreaWrapper;
 
-var OptionItemStyle = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n\n  height: 58px;\n\n  padding: 16px 24px;\n\n  outline: 0;\n  background: none;\n  border: 0;\n\n  font-size: ", ";\n  font-weight: ", ";\n\n  cursor: pointer;\n\n  :focus,\n  :hover {\n    background-color: ", ";\n    border-radius: ", ";\n  }\n"])), function (_ref7) {
+var OptionItemStyle = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n\n  height: 58px;\n\n  padding: 16px 24px;\n\n  outline: 0;\n  background: none;\n  border: 0;\n\n  font-size: ", ";\n  font-weight: ", ";\n\n  cursor: pointer;\n\n  :focus,\n  :hover {\n    background-color: ", ";\n\n    border-radius: ", ";\n  }\n"])), function (_ref7) {
   var theme = _ref7.theme;
   return theme.fontSizes.xs;
 }, function (_ref8) {
@@ -46,18 +55,27 @@ var OptionItemStyle = _styled.default.div(_templateObject2 || (_templateObject2
   return theme.fontWeight['500'];
 }, function (_ref9) {
   var theme = _ref9.theme;
-  return theme.colorMode === 'dark' ? theme.colors.neutral.neutral5 : theme.colors.neutral.neutral1;
+  return {
+    dark: theme.colors.neutral.neutral5,
+    light: theme.colors.neutral.neutral1
+  }[theme.colorMode];
 }, function (_ref10) {
   var theme = _ref10.theme;
   return theme.borderRadius.default;
 });
 
-var AutoCompleteInput = _styled.default.input(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: 8px;\n  outline: 0;\n  color: ", ";\n  background: ", ";\n\n  margin-bottom: 8px;\n\n  border: 2px solid\n    ", ";\n\n  border-radius: ", "; ;\n"])), function (_ref11) {
+var AutoCompleteInput = _styled.default.input(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: 8px;\n  outline: 0;\n  color: ", ";\n\n  background: ", ";\n\n  margin-bottom: 8px;\n\n  border: 2px solid\n    ", ";\n\n  border-radius: ", "; ;\n"])), function (_ref11) {
   var theme = _ref11.theme;
-  return theme.colorMode === 'dark' ? theme.colors.neutral.white : '';
+  return {
+    dark: theme.colors.neutral.white,
+    light: ''
+  }[theme.colorMode];
 }, function (_ref12) {
   var theme = _ref12.theme;
-  return theme.colorMode === 'dark' ? theme.colors.neutral.neutral3 : '';
+  return {
+    dark: theme.colors.neutral.neutral3,
+    light: ''
+  }[theme.colorMode];
 }, function (_ref13) {
   var theme = _ref13.theme,
       selectType = _ref13.selectType;

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

@@ -138,7 +138,7 @@ function OptionsArea(_ref) {
         onKeyDown: function onKeyDown(e) {
           return e.key === 'Enter' && chooseOption(option);
         },
-        children: option.value
+        children: option.name
       }, "".concat(option.name).concat(index));
     }), AutoCompleteState.length > 0 && dataToShow.length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_OptionsArea.Span, {
       children: "Sem Resultados"

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonsArea.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/SelectArea/ButtonsArea.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,eAAO,MAAM,WAAW;;;uHA+BvB,CAAC;AAEF,eAAO,MAAM,MAAM;;;mIAMlB,CAAC"}
+{"version":3,"file":"ButtonsArea.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/SelectArea/ButtonsArea.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,eAAO,MAAM,WAAW;;;uHA+BvB,CAAC;AAEF,eAAO,MAAM,MAAM;;;mIAOlB,CAAC"}

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

@@ -15,7 +15,7 @@ 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 ButtonsArea = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  min-width: 64px;\n\n  button {\n    align-items: center;\n\n    width: 24px;\n    height: 24px;\n    margin-left: 8px;\n    padding: 0;\n\n    background: none;\n    border: 0;\n    border-radius: 12px;\n    outline: 0;\n\n    cursor: none;\n\n    ", "\n\n    :focus {\n      box-shadow: 0 0 0 2px ", ";\n    }\n  }\n"])), function (_ref) {
+var ButtonsArea = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  min-width: 64px;\n\n  button {\n    align-items: center;\n\n    width: 24px;\n    height: 24px;\n    margin-left: 8px;\n    padding: 0;\n\n    background: none;\n    border: 0;\n    border-radius: 12px;\n    outline: 0;\n\n    cursor: default;\n\n    ", "\n\n    :focus {\n      box-shadow: 0 0 0 2px ", ";\n    }\n  }\n"])), function (_ref) {
   var disabled = _ref.disabled;
   return !disabled && (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        cursor: pointer;\n      "])));
 }, function (_ref2) {
@@ -25,7 +25,7 @@ var ButtonsArea = _styled.default.div(_templateObject || (_templateObject = _tag
 
 exports.ButtonsArea = ButtonsArea;
 
-var Button = _styled.default.button(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: ", ";\n\n  svg {\n    color: ", ";\n  }\n"])), function (_ref3) {
+var Button = _styled.default.button(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: ", ";\n  justify-content: center;\n\n  svg {\n    color: ", ";\n  }\n"])), function (_ref3) {
   var show = _ref3.show;
   return show ? 'flex' : 'none';
 }, function (_ref4) {

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

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

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.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;

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

@@ -4,6 +4,10 @@ export declare const SelectedOptionsArea: import("@emotion/styled").StyledCompon
     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;

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

@@ -5,12 +5,13 @@ interface ISelectAreaProps {
     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, removeSelectedOption, selectedOptions, setSelectedOptions, dropDownIcon, }: ISelectAreaProps): JSX.Element;
+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/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/types.d.ts

@@ -29,6 +29,7 @@ export interface ISelectInputProps {
     formRegister?: unknown;
     dropDownIcon?: ReactElement;
     AutoComplete?: boolean;
+    value?: Array<SelectData>;
     defaultSelectedOptions?: Array<SelectData>;
     onChangeValue?: (data: Array<SelectData>) => void;
     onChangeSearch?: (data: string) => void;

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/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/Switch/index.d.ts.map

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