@pedidopago/ui 1.7.20 → 1.7.22

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

@@ -16,7 +16,7 @@ var OptionsAreaWrapper = (0, _styled.default)(_framerMotion.motion.div)(function
     selectType = _ref.selectType,
     width = _ref.width,
     left = _ref.left;
-  return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      position: fixed;\n      top: ", ";\n      left: ", ";\n      z-index: 999;\n      display: flex;\n      scroll-behavior: smooth;\n      flex-direction: column;\n      box-sizing: border-box;\n      background-color: ", ";\n\n      color: ", ";\n\n      width: ", ";\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    "])), top, left, theme.colors.body.light, theme.colors.neutral.black, width + 'px', theme.borderRadius.default, theme.shadow.level3, selectType ? theme.colors[selectType].default : theme.colors.primary.default, theme.borderRadius.default);
+  return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      position: fixed;\n      top: ", ";\n      left: ", ";\n      z-index: 999;\n      display: flex;\n      scroll-behavior: smooth;\n      flex-direction: column;\n      box-sizing: border-box;\n      background-color: ", ";\n\n      color: ", ";\n\n      width: ", ";\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    "])), top, left, theme.colors.neutral.white, theme.colors.neutral.black, width + 'px', theme.borderRadius.default, theme.shadow.level3, selectType ? theme.colors[selectType].default : theme.colors.primary.default, theme.borderRadius.default);
 });
 exports.OptionsAreaWrapper = OptionsAreaWrapper;
 var OptionItem = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n\n  padding: 16px 24px;\n\n  outline: 0;\n  background: none;\n  border: 0;\n\n  font-size: ", ";\n  font-weight: ", ";\n  color: ", ";\n\n  cursor: pointer;\n\n  :focus,\n  :hover {\n    background-color: ", ";\n\n    border-radius: ", ";\n  }\n"])), function (_ref2) {
@@ -36,23 +36,33 @@ var OptionItem = _styled.default.div(_templateObject2 || (_templateObject2 = _ta
   return theme.borderRadius.default;
 });
 exports.OptionItem = OptionItem;
-var AutoCompleteInput = _styled.default.input(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: 8px;\n  padding-left: ", ";\n  outline: 0;\n\n  font: inherit;\n\n  margin-bottom: 8px;\n  width: 100%;\n\n  border: 2px solid\n    ", ";\n\n  border-radius: ", ";\n"])), function (_ref7) {
+var AutoCompleteInput = _styled.default.input(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: 8px;\n  padding-left: ", ";\n  outline: 0;\n\n  font: inherit;\n\n  margin-bottom: 8px;\n  width: 100%;\n\n  border: 2px solid\n    ", ";\n\n  border-radius: ", ";\n\n  background: ", ";\n  color: ", ";\n\n  transition: 0.2s ease-in-out all;\n\n  &:focus,\n  &:hover {\n    border: 2px solid\n      ", ";\n  }\n"])), function (_ref7) {
   var isLoadingData = _ref7.isLoadingData;
   return isLoadingData ? '2em' : '1em';
 }, function (_ref8) {
   var theme = _ref8.theme,
     selectType = _ref8.selectType;
-  return selectType ? theme.colors[selectType].blurred : theme.colors.primary.disabled;
+  return selectType ? theme.colors[selectType].blurred : theme.colors.neutral.neutral2;
 }, function (_ref9) {
   var theme = _ref9.theme;
   return theme.borderRadius.default;
-});
-exports.AutoCompleteInput = AutoCompleteInput;
-var Span = _styled.default.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-size: ", ";\n  text-align: center;\n  color: ", ";\n"])), function (_ref10) {
+}, function (_ref10) {
   var theme = _ref10.theme;
-  return theme.fontSizes.xxs;
+  return "".concat(theme.colors.neutral.neutral1, "60");
 }, function (_ref11) {
   var theme = _ref11.theme;
+  return theme.colors.neutral.black;
+}, function (_ref12) {
+  var theme = _ref12.theme,
+    selectType = _ref12.selectType;
+  return selectType ? theme.colors[selectType].blurred : theme.colors.primary.disabled;
+});
+exports.AutoCompleteInput = AutoCompleteInput;
+var Span = _styled.default.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-size: ", ";\n  text-align: center;\n  color: ", ";\n"])), function (_ref13) {
+  var theme = _ref13.theme;
+  return theme.fontSizes.xxs;
+}, function (_ref14) {
+  var theme = _ref14.theme;
   return theme.colors.error.default;
 });
 exports.Span = Span;

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

@@ -1,21 +1,21 @@
-import { MutableRefObject } from 'react';
-import { SelectData, SelectType } from '../../types';
-export interface IOptionsAreaProps {
-    inputAlert: SelectType;
-    showOptionsArea: boolean;
-    data: SelectData[];
-    isLoadingData?: boolean;
-    selectedOptions: SelectData[];
-    AutoComplete: boolean;
-    chooseOption: (option: SelectData) => void;
-    scrollHandler: (e: React.UIEvent<HTMLDivElement>) => void;
-    setShowOptionsArea: (state: boolean) => void;
-    onChangeSearch?: (data: string) => void;
-    hasMoreData?: boolean;
-    loadMoreData?: () => void;
-    autoCompleteHelperText?: string;
-    infiniteScroll: boolean;
-    parentRef: MutableRefObject<HTMLDivElement | null>;
-    positionOptions: number;
-}
+import { MutableRefObject } from 'react';
+import { SelectData, SelectType } from '../../types';
+export interface IOptionsAreaProps {
+    inputAlert: SelectType;
+    showOptionsArea: boolean;
+    data: SelectData[];
+    isLoadingData?: boolean;
+    selectedOptions: SelectData[];
+    AutoComplete: boolean;
+    chooseOption: (option: SelectData) => void;
+    scrollHandler: (e: React.UIEvent<HTMLDivElement>) => void;
+    setShowOptionsArea: (state: boolean) => void;
+    onChangeSearch?: (data: string) => void;
+    hasMoreData?: boolean;
+    loadMoreData?: () => void;
+    autoCompleteHelperText?: string;
+    infiniteScroll: boolean;
+    parentRef: MutableRefObject<HTMLDivElement | null>;
+    positionOptions: number;
+}
 //# sourceMappingURL=types.d.ts.map

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

@@ -1,14 +1,14 @@
-/// <reference types="react" />
-export declare const ButtonsArea: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    disabled: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Button: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    show: boolean;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+/// <reference types="react" />
+export declare const ButtonsArea: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    disabled: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Button: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    show: boolean;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 //# sourceMappingURL=ButtonsArea.d.ts.map

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

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

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

@@ -1,22 +1,22 @@
-/// <reference types="react" />
-export declare const SelectedOptionsArea: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    multiple?: boolean | undefined;
-}, 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;
-} & {
-    disabled?: boolean | undefined;
-}, 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;
-}, 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;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+/// <reference types="react" />
+export declare const SelectedOptionsArea: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    multiple?: boolean | undefined;
+}, 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;
+} & {
+    disabled?: boolean | undefined;
+}, 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;
+}, 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;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 //# sourceMappingURL=SelectedOptionsArea.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectedOptionsArea.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultipleSelect/components/SelectArea/SelectedOptionsArea.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,mBAAmB;;;;;yGAiB/B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;yGAyBhC,CAAC;AAEF,eAAO,MAAM,cAAc;;;qHAsB1B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;2GAO9B,CAAC"}
+{"version":3,"file":"SelectedOptionsArea.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultipleSelect/components/SelectArea/SelectedOptionsArea.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,mBAAmB;;;;;yGAiB/B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;yGAyBhC,CAAC;AAEF,eAAO,MAAM,cAAc;;;qHAqB1B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;2GAO9B,CAAC"}

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

@@ -36,10 +36,7 @@ var SelectedOption = _styled.default.button(_templateObject6 || (_templateObject
   return theme.colors.neutral.neutral1;
 }, function (_ref7) {
   var theme = _ref7.theme;
-  return {
-    dark: theme.colors.neutral.white,
-    light: theme.colors.neutral.neutral6
-  }[theme.colorMode];
+  return theme.colors.neutral.neutral6;
 });
 exports.SelectedOption = SelectedOption;
 var SelectedOptionText = _styled.default.span(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  margin-right: 8px;\n  font-weight: ", ";\n  font-size: ", ";\n"])), function (_ref8) {

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { ISelectAreaProps } from './types';
-export declare const SelectArea: import("react").ForwardRefExoticComponent<ISelectAreaProps & import("react").RefAttributes<HTMLDivElement>>;
+/// <reference types="react" />
+import { ISelectAreaProps } from './types';
+export declare const SelectArea: import("react").ForwardRefExoticComponent<ISelectAreaProps & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,19 +1,19 @@
-/// <reference types="react" />
-import { SelectType } from '../../types';
-export declare const Label: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    animate: boolean;
-}, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
-export declare const Placeholder: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, 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>, {}>;
+/// <reference types="react" />
+import { SelectType } from '../../types';
+export declare const Label: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    animate: boolean;
+}, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
+export declare const Placeholder: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, 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,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,eAAO,MAAM,KAAK;;;;aAA2B,OAAO;kHA+BnD,CAAC;AAEF,eAAO,MAAM,WAAW;;;qHAUvB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;gBAA6B,UAAU;2GAU7D,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultipleSelect/components/SelectArea/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,eAAO,MAAM,KAAK;;;;aAA2B,OAAO;kHA+BnD,CAAC;AAEF,eAAO,MAAM,WAAW;;;qHAUvB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;gBAA6B,UAAU;2GAQ7D,CAAC"}

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

@@ -9,7 +9,7 @@ var _react = require("@emotion/react");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var Label = _styled.default.label(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n  box-sizing: border-box;\n\n  color: ", ";\n  transition: all ease-in-out 0.2s;\n\n  font-weight: ", ";\n  font-size: ", ";\n\n  padding-inline: 6px;\n\n  white-space: nowrap;\n  max-width: 80%;\n  overflow: hidden;\n  text-overflow: ellipsis;\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-inline: 6px;\n\n  white-space: nowrap;\n  max-width: 80%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n\n  transform: translate(0.4rem, 0.8rem);\n\n  ", ";\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.neutral.neutral3;
 }, function (_ref2) {
@@ -21,7 +21,7 @@ var Label = _styled.default.label(_templateObject || (_templateObject = _taggedT
 }, function (_ref4) {
   var animate = _ref4.animate,
     theme = _ref4.theme;
-  return animate ? (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          position: absolute;\n          top: 0;\n          left: 2em;\n\n          transform: translate(-12px, -11px);\n          background-color: ", ";\n          height: 20px;\n        "])), theme.colorMode === 'dark' ? theme.colors.neutral.black : theme.colors.neutral.white) : '';
+  return animate ? (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          position: absolute;\n          top: 0;\n          left: 2em;\n\n          transform: translate(-12px, -11px);\n          background-color: ", ";\n          height: 20px;\n        "])), theme.colors.neutral.white) : '';
 });
 exports.Label = Label;
 var Placeholder = _styled.default.p(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 50%;\n  font-weight: 500;\n  max-width: 70%;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  transform: translateY(-50%);\n  color: ", ";\n"])), function (props) {
@@ -31,6 +31,6 @@ 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;
+  return props.selectType && props.selectType !== 'success' ? props.theme.colors[props.selectType].default : props.theme.colors.neutral.neutral4;
 });
 exports.HelperText = HelperText;

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

@@ -1,23 +1,23 @@
-import { ReactElement } from 'react';
-import { ExtendThemeProps } from '../../../../shared/theme';
-import { SelectType, SelectData } from '../../types';
-export interface ISelectAreaProps {
-    disabled: boolean;
-    label?: string;
-    inputAlert?: SelectType;
-    dropDownIcon?: ReactElement;
-    multiple?: boolean;
-    placeholder?: string;
-    isLoadingData?: boolean;
-    selectedOptions: SelectData[];
-    removeSelectedOption: (e: React.MouseEvent<HTMLElement>, option?: SelectData) => void;
-    setShowOptionsArea: (show: boolean) => void;
-    setSelectedOptions: (array: SelectData[]) => void;
-    toggleOptionsAreaView: (e: React.MouseEvent<HTMLElement>) => void;
-}
-export type InputWrapperType = {
-    disabled: boolean;
-    selectType: SelectType;
-    theme?: ExtendThemeProps;
-};
+import { ReactElement } from 'react';
+import { ExtendThemeProps } from '../../../../shared/theme';
+import { SelectType, SelectData } from '../../types';
+export interface ISelectAreaProps {
+    disabled: boolean;
+    label?: string;
+    inputAlert?: SelectType;
+    dropDownIcon?: ReactElement;
+    multiple?: boolean;
+    placeholder?: string;
+    isLoadingData?: boolean;
+    selectedOptions: SelectData[];
+    removeSelectedOption: (e: React.MouseEvent<HTMLElement>, option?: SelectData) => void;
+    setShowOptionsArea: (show: boolean) => void;
+    setSelectedOptions: (array: SelectData[]) => void;
+    toggleOptionsAreaView: (e: React.MouseEvent<HTMLElement>) => void;
+}
+export type InputWrapperType = {
+    disabled: boolean;
+    selectType: SelectType;
+    theme?: ExtendThemeProps;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/MultipleSelect/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/MultipleSelect/index.d.ts

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

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

@@ -1,45 +1,45 @@
-import { ReactElement } from 'react';
-import { ExtendThemeProps } from 'src';
-export type SelectData = {
-    label: string;
-    value: string;
-};
-export type SelectType = 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary' | undefined;
-export interface IStyleProps {
-    isLoadingData?: boolean;
-    width?: number;
-    fullWidth?: boolean;
-    animate?: boolean;
-    disabled?: boolean;
-    selected?: boolean;
-    itensLength?: number;
-    selectType?: SelectType;
-    theme?: ExtendThemeProps;
-    active?: boolean;
-    top: string;
-    left: string;
-}
-export interface ISelectInputProps {
-    data?: Array<SelectData>;
-    isLoadingData?: boolean;
-    maxSelects?: number;
-    label?: string;
-    multiple?: boolean;
-    width?: string;
-    fullWidth?: boolean;
-    disabled?: boolean;
-    selectType?: SelectType;
-    dropDownIcon?: ReactElement;
-    AutoComplete?: boolean;
-    value?: Array<SelectData>;
-    helperText?: string;
-    defaultSelectedOptions?: Array<SelectData>;
-    onChangeValue?: (data: Array<SelectData>) => void;
-    onChangeSearch?: (data: string) => void;
-    onFinished?: (bool: boolean) => void;
-    autoCompleteHelperText?: string;
-    loadMoreData?: () => void;
-    hasMoreData?: boolean;
-    infiniteScroll?: boolean;
-}
+import { ReactElement } from 'react';
+import { ExtendThemeProps } from 'src';
+export type SelectData = {
+    label: string;
+    value: string;
+};
+export type SelectType = 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary' | undefined;
+export interface IStyleProps {
+    isLoadingData?: boolean;
+    width?: number;
+    fullWidth?: boolean;
+    animate?: boolean;
+    disabled?: boolean;
+    selected?: boolean;
+    itensLength?: number;
+    selectType?: SelectType;
+    theme?: ExtendThemeProps;
+    active?: boolean;
+    top: string;
+    left: string;
+}
+export interface ISelectInputProps {
+    data?: Array<SelectData>;
+    isLoadingData?: boolean;
+    maxSelects?: number;
+    label?: string;
+    multiple?: boolean;
+    width?: string;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    selectType?: SelectType;
+    dropDownIcon?: ReactElement;
+    AutoComplete?: boolean;
+    value?: Array<SelectData>;
+    helperText?: string;
+    defaultSelectedOptions?: Array<SelectData>;
+    onChangeValue?: (data: Array<SelectData>) => void;
+    onChangeSearch?: (data: string) => void;
+    onFinished?: (bool: boolean) => void;
+    autoCompleteHelperText?: string;
+    loadMoreData?: () => void;
+    hasMoreData?: boolean;
+    infiniteScroll?: boolean;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/NewSelect/Examples/constants.d.ts

@@ -1,5 +1,5 @@
-export declare const optionsSelectExample: {
-    label: string;
-    value: string;
-}[];
+export declare const optionsSelectExample: {
+    label: string;
+    value: string;
+}[];
 //# sourceMappingURL=constants.d.ts.map

package/dist/components/NewSelect/Examples/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-export declare function MultipleSelectExampleWithDefaultValue(): JSX.Element;
-export declare function MultipleSelectExampleWithInputSearch(): JSX.Element;
-export declare function MultipleSelectExampleWithChip(): JSX.Element;
+/// <reference types="react" />
+export declare function MultipleSelectExampleWithDefaultValue(): JSX.Element;
+export declare function MultipleSelectExampleWithInputSearch(): JSX.Element;
+export declare function MultipleSelectExampleWithChip(): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/NewSelect/components/Chip/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { ChipProps } from './types';
-export declare function Chip({ children, ...props }: ChipProps): JSX.Element;
+/// <reference types="react" />
+import { ChipProps } from './types';
+export declare function Chip({ children, ...props }: ChipProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/NewSelect/components/Chip/styles.d.ts

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

package/dist/components/NewSelect/components/Chip/types.d.ts

@@ -1,5 +1,5 @@
-import { HTMLAttributes, ReactNode } from 'react';
-export type ChipProps = HTMLAttributes<HTMLElement> & {
-    children: ReactNode;
-};
+import { HTMLAttributes, ReactNode } from 'react';
+export type ChipProps = HTMLAttributes<HTMLElement> & {
+    children: ReactNode;
+};
 //# sourceMappingURL=types.d.ts.map