@pedidopago/ui 1.1.2 → 1.1.5

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

@@ -1,16 +1,16 @@
-import { HTMLAttributes } from 'react';
-import { GlobalColorsProps } from '../../../../shared/theme';
-import { SizeType } from '../../types';
-export declare type GradientIconName = 'bookmark' | 'circle' | 'droplet' | 'facebook' | 'filter' | 'folder' | 'heart' | 'hexagon' | 'message-square' | 'moon' | 'navigation-2' | 'navigation' | 'octagon' | 'play' | 'satisfaction' | 'square' | 'star' | 'tool' | 'triangle' | 'volume' | 'zap' | 'ecc-client' | 'ecc-logout';
-export declare type fillStateType = 'filled' | 'halfFilled' | 'empty';
-export interface IIconComponentProps extends HTMLAttributes<SVGSVGElement> {
-    name?: GradientIconName;
-    size?: number | string | SizeType;
-    color?: GlobalColorsProps | (string & {});
-    secondaryColor?: GlobalColorsProps | (string & {});
-    primaryColor?: string;
-    strokeColor?: string;
-    fillState?: fillStateType;
-    disabled?: boolean;
-}
+import { HTMLAttributes } from 'react';
+import { GlobalColorsProps } from '../../../../shared/theme';
+import { SizeType } from '../../types';
+export declare type GradientIconName = 'bookmark' | 'circle' | 'droplet' | 'facebook' | 'filter' | 'folder' | 'heart' | 'hexagon' | 'message-square' | 'moon' | 'navigation-2' | 'navigation' | 'octagon' | 'play' | 'satisfaction' | 'square' | 'star' | 'tool' | 'triangle' | 'volume' | 'zap' | 'ecc-client' | 'ecc-logout';
+export declare type fillStateType = 'filled' | 'halfFilled' | 'empty';
+export interface IIconComponentProps extends HTMLAttributes<SVGSVGElement> {
+    name?: GradientIconName;
+    size?: number | string | SizeType;
+    color?: GlobalColorsProps | (string & {});
+    secondaryColor?: GlobalColorsProps | (string & {});
+    primaryColor?: string;
+    strokeColor?: string;
+    fillState?: fillStateType;
+    disabled?: boolean;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Rating/components/GradientIcon/utils/allIcons.d.ts

@@ -1,9 +1,9 @@
-export declare const allIcons: {
-    name: string;
-    width: number;
-    height: number;
-    viewBox: string;
-    html: string;
-    xmlns: string;
-}[];
+export declare const allIcons: {
+    name: string;
+    width: number;
+    height: number;
+    viewBox: string;
+    html: string;
+    xmlns: string;
+}[];
 //# sourceMappingURL=allIcons.d.ts.map

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { RatingWithMultipleValuesProps } from './types';
-export declare function RatingWithMultipleValues({ disabled, iconsQuantity, defaultValue, readOnly, name, onChange, size, primaryColor, secondaryColor, strokeColor, onChangeValue, precision, value, }: RatingWithMultipleValuesProps): JSX.Element;
+/// <reference types="react" />
+import { RatingWithMultipleValuesProps } from './types';
+export declare function RatingWithMultipleValues({ disabled, iconsQuantity, defaultValue, readOnly, name, onChange, size, primaryColor, secondaryColor, strokeColor, onChangeValue, precision, value, }: RatingWithMultipleValuesProps): JSX.Element;
 //# sourceMappingURL=RatingWithMultipleValues.d.ts.map

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { IStyleProps } from '../../types';
-export declare const RatingWrapper: 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 RatingWrapper: 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=styles.d.ts.map

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

@@ -1,17 +1,17 @@
-import { GradientIconName } from '../GradientIcon/types';
-export interface RatingWithMultipleValuesProps {
-    disabled: boolean;
-    iconsQuantity: number;
-    defaultValue: number;
-    readOnly: boolean;
-    size: string | number;
-    primaryColor?: string;
-    secondaryColor?: string;
-    strokeColor?: string;
-    name: GradientIconName;
-    precision: '1' | '0.5';
-    value: number;
-    onChange?: (value: number) => void;
-    onChangeValue?: (value: number) => void;
-}
+import { GradientIconName } from '../GradientIcon/types';
+export interface RatingWithMultipleValuesProps {
+    disabled: boolean;
+    iconsQuantity: number;
+    defaultValue: number;
+    readOnly: boolean;
+    size: string | number;
+    primaryColor?: string;
+    secondaryColor?: string;
+    strokeColor?: string;
+    name: GradientIconName;
+    precision: '1' | '0.5';
+    value: number;
+    onChange?: (value: number) => void;
+    onChangeValue?: (value: number) => void;
+}
 //# sourceMappingURL=types.d.ts.map

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { RatingWithSingleValueProps } from './types';
-export declare function RatingWithSingleValue({ disabled, size, onChangeValue, primaryColor, secondaryColor, }: RatingWithSingleValueProps): JSX.Element;
+/// <reference types="react" />
+import { RatingWithSingleValueProps } from './types';
+export declare function RatingWithSingleValue({ disabled, size, onChangeValue, primaryColor, secondaryColor, }: RatingWithSingleValueProps): JSX.Element;
 //# sourceMappingURL=RatingWithSingleValue.d.ts.map

package/dist/components/Rating/components/RatingWithSingleValue/icons/0.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-declare const _default: import("react").ReactSVGElement;
-export default _default;
+/// <reference types="react" />
+declare const _default: import("react").ReactSVGElement;
+export default _default;
 //# sourceMappingURL=0.d.ts.map

package/dist/components/Rating/components/RatingWithSingleValue/icons/1.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-declare const _default: import("react").ReactSVGElement;
-export default _default;
+/// <reference types="react" />
+declare const _default: import("react").ReactSVGElement;
+export default _default;
 //# sourceMappingURL=1.d.ts.map

package/dist/components/Rating/components/RatingWithSingleValue/icons/2.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-declare const _default: import("react").ReactSVGElement;
-export default _default;
+/// <reference types="react" />
+declare const _default: import("react").ReactSVGElement;
+export default _default;
 //# sourceMappingURL=2.d.ts.map

package/dist/components/Rating/components/RatingWithSingleValue/icons/3.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-declare const _default: import("react").ReactSVGElement;
-export default _default;
+/// <reference types="react" />
+declare const _default: import("react").ReactSVGElement;
+export default _default;
 //# sourceMappingURL=3.d.ts.map

package/dist/components/Rating/components/RatingWithSingleValue/icons/4.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-declare const _default: import("react").ReactSVGElement;
-export default _default;
+/// <reference types="react" />
+declare const _default: import("react").ReactSVGElement;
+export default _default;
 //# sourceMappingURL=4.d.ts.map

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-export declare const icons: {
-    id: number;
-    icon: import("react").ReactSVGElement;
-    selected: boolean;
-}[];
+/// <reference types="react" />
+export declare const icons: {
+    id: number;
+    icon: import("react").ReactSVGElement;
+    selected: boolean;
+}[];
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { IStyleProps } from '../../types';
-export declare const RatingWrapper: 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 RatingWrapper: 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=styles.d.ts.map

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

@@ -1,11 +1,11 @@
-export interface RatingWithSingleValueProps {
-    disabled: boolean;
-    primaryColor?: string;
-    secondaryColor?: string;
-    strokeColor?: string;
-    readOnly: boolean;
-    size: string | number;
-    onChange?: (value: number) => void;
-    onChangeValue?: (value: number) => void;
-}
+export interface RatingWithSingleValueProps {
+    disabled: boolean;
+    primaryColor?: string;
+    secondaryColor?: string;
+    strokeColor?: string;
+    readOnly: boolean;
+    size: string | number;
+    onChange?: (value: number) => void;
+    onChangeValue?: (value: number) => void;
+}
 //# sourceMappingURL=types.d.ts.map

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

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { IInputProps } from './types';
-declare const RatingComponent: FC<IInputProps>;
-export default RatingComponent;
+import { FC } from 'react';
+import { IInputProps } from './types';
+declare const RatingComponent: FC<IInputProps>;
+export default RatingComponent;
 //# sourceMappingURL=index.d.ts.map

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

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

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

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

package/dist/components/Rating/utils/IconObjectsController.d.ts

@@ -1,10 +1,10 @@
-import { fillStateType } from '../components/GradientIcon/types';
-export interface IIconsObject {
-    id: number;
-    fillState: 'filled' | 'halfFilled' | 'empty';
-}
-export declare function createIconObjects(stars: number, defaultValue?: number): IIconsObject[];
-export declare function makeIconEmptyById(icons: IIconsObject[], id: number): IIconsObject[];
-export declare function controlIconsFillState(icons: IIconsObject[], id: number, fillState: fillStateType): IIconsObject[];
-export declare function convertFillStateToValue(icons: IIconsObject[]): number;
+import { fillStateType } from '../components/GradientIcon/types';
+export interface IIconsObject {
+    id: number;
+    fillState: 'filled' | 'halfFilled' | 'empty';
+}
+export declare function createIconObjects(stars: number, defaultValue?: number): IIconsObject[];
+export declare function makeIconEmptyById(icons: IIconsObject[], id: number): IIconsObject[];
+export declare function controlIconsFillState(icons: IIconsObject[], id: number, fillState: fillStateType): IIconsObject[];
+export declare function convertFillStateToValue(icons: IIconsObject[]): number;
 //# sourceMappingURL=IconObjectsController.d.ts.map

package/dist/components/Rating/utils/svgDataTratamentFunction.d.ts

@@ -1,10 +1,10 @@
-import { MouseEvent } from 'react';
-import { fillStateType } from '../components/GradientIcon/types';
-interface svgDataTratamentFunctionReturn {
-    fillState: fillStateType;
-    isMouseLeave: boolean;
-    isMouseMove: boolean;
-}
-export declare function svgDataTratamentFunction(e: MouseEvent<SVGSVGElement>, precision: '1' | '0.5'): svgDataTratamentFunctionReturn;
-export {};
+import { MouseEvent } from 'react';
+import { fillStateType } from '../components/GradientIcon/types';
+interface svgDataTratamentFunctionReturn {
+    fillState: fillStateType;
+    isMouseLeave: boolean;
+    isMouseMove: boolean;
+}
+export declare function svgDataTratamentFunction(e: MouseEvent<SVGSVGElement>, precision: '1' | '0.5'): svgDataTratamentFunctionReturn;
+export {};
 //# sourceMappingURL=svgDataTratamentFunction.d.ts.map

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

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-import { IStyleProps } from '../../types';
-export declare const InputWrapper: 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 InputControl: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+/// <reference types="react" />
+import { IStyleProps } from '../../types';
+export declare const InputWrapper: 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 InputControl: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -13,7 +13,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 InputWrapper = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  width: ", ";\n  user-select: none;\n"])), InputWrapperWidthTratamentFunction);
+var InputWrapper = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  max-width: ", ";\n  user-select: none;\n"])), InputWrapperWidthTratamentFunction);
 
 exports.InputWrapper = InputWrapper;
 

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

@@ -1,19 +1,19 @@
-/// <reference types="react" />
-import { IStyleProps } from '../../types';
-export declare const OptionsAreaWrapper: 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 AutoCompleteInput: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyleProps, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
-export declare const Span: 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>, {}>;
-export declare const OptionItem: import("react").NamedExoticComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyleProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+/// <reference types="react" />
+import { IStyleProps } from '../../types';
+export declare const OptionsAreaWrapper: 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 AutoCompleteInput: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const Span: 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>, {}>;
+export declare const OptionItem: import("react").NamedExoticComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
 //# sourceMappingURL=OptionsArea.d.ts.map

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.d.ts

@@ -1,16 +1,16 @@
-import { UIEvent } from 'react';
-import { AlertType, SelectData } from '../../types';
-interface IOptionsAreaProps {
-    inputAlert: AlertType;
-    showOptionsArea: boolean;
-    data: SelectData[];
-    selectedOptions: SelectData[];
-    AutoComplete: Boolean;
-    chooseOption: (option: SelectData) => void;
-    scrollHandler: (e: UIEvent<HTMLDivElement>) => void;
-    setShowOptionsArea: (state: boolean) => void;
-    onChangeSearch?: (data: string) => void;
-}
-export declare function OptionsArea({ data, scrollHandler, chooseOption, inputAlert, setShowOptionsArea, AutoComplete, selectedOptions, onChangeSearch, }: IOptionsAreaProps): JSX.Element;
-export {};
+import { UIEvent } from 'react';
+import { AlertType, SelectData } from '../../types';
+interface IOptionsAreaProps {
+    inputAlert: AlertType;
+    showOptionsArea: boolean;
+    data: SelectData[];
+    selectedOptions: SelectData[];
+    AutoComplete: Boolean;
+    chooseOption: (option: SelectData) => void;
+    scrollHandler: (e: UIEvent<HTMLDivElement>) => void;
+    setShowOptionsArea: (state: boolean) => void;
+    onChangeSearch?: (data: string) => void;
+}
+export declare function OptionsArea({ data, scrollHandler, chooseOption, inputAlert, setShowOptionsArea, AutoComplete, selectedOptions, onChangeSearch, }: IOptionsAreaProps): JSX.Element;
+export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-import { IStyleProps } from '../../types';
-export declare const ButtonsArea: 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 Button: 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>, {}>;
+/// <reference types="react" />
+import { IStyleProps } from '../../types';
+export declare const ButtonsArea: 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 Button: 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>, {}>;
 //# sourceMappingURL=ButtonsArea.d.ts.map

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

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

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"}