@fattureincloud/fic-design-system 0.4.2 → 0.4.6

package/CHANGELOG.md

@@ -1,5 +1,46 @@
 # Changelog
 
+## v0.4.6 - 15/02/2022
+
+### 🚀 Added
+
+- Add `customHeader` and `customFooter` props to Modal
+- Add `isPrefilled` prop to InputText, TextArea and Select components
+- Add `isTransparent` prop to Select and InputText components
+- Add `customStyles` prop to Select component
+- Add UnitDropdown to InputText
+- Add `ref` prop to InputText component
+- Add Select `simpleValue` prop and `useSelectSimpleValue` hook
+
+### 🐛 Bug Fix
+
+- Fix Accordion graphical appearance (CSS)
+
+### 💅 Enhancement
+
+- Add `JSX.Element` to label prop type in form components
+- Remove up and down arrows on `input[type=number]`
+
+## v0.4.5 - 08/02/2022
+
+- Update FontAwesome to v6.0.0
+
+## v0.4.4 - 25/01/2022
+
+### 🐛 Bug Fix
+
+- Move SidebarItem Dropdown on the left in Safari 
+
+## v0.4.3 - 21/01/2022
+
+### 🐛 Bug Fix
+
+- Remove the Checkbox `Label` tag when prop `text` is missing
+
+### 💅 Enhancement
+
+- Change Button `text` prop from `string | JSX.Element` to `ReactText | JSX.Element`
+
 ## v0.4.2 - 19/01/2022
 
 ### 🐛 Bug Fix

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

@@ -0,0 +1,3 @@
+import { Badge } from './Badge';
+import { BadgeProps } from './types';
+export { Badge, BadgeProps };

package/dist/components/buttons/button/Button.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import { ReactText } from 'react';
 import { IconProps } from '../../icon';
 import { WrapperProps } from './types';
 export interface ButtonProps extends Partial<WrapperProps> {
-    text?: string | JSX.Element;
+    text?: ReactText | JSX.Element;
     iconLeft?: IconProps;
     iconRight?: IconProps;
     isLoading?: boolean;

package/dist/components/dropdown/components/DefaultTrigger.d.ts

@@ -1,5 +1,5 @@
-interface Props {
+export interface DropdownTriggerProps {
     title: string;
 }
-declare const DefaultTrigger: ({ title }: Props) => JSX.Element;
+declare const DefaultTrigger: ({ title }: DropdownTriggerProps) => JSX.Element;
 export default DefaultTrigger;

package/dist/components/form/common/styles.d.ts

@@ -5,5 +5,7 @@ export interface BoxedInputWrapperProps extends colorsPalette {
     borderColor: paletteColor;
     normalFocused: CommonInputParts;
     status?: statusType;
+    isPrefilled?: boolean;
+    isTransparent?: boolean;
 }
 export declare const boxedInputWrapperStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<BoxedInputWrapperProps, import("styled-components").DefaultTheme>>;

package/dist/components/form/inputText/InputText.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { LabelProps } from '../label';
 import { InputElementProps } from './types';
 export declare type InputTextProps = LabelProps & InputElementProps;
-declare const InputText: (props: InputTextProps) => JSX.Element;
+declare const InputText: React.ForwardRefExoticComponent<LabelProps & InputElementProps & React.RefAttributes<HTMLInputElement>>;
 export default InputText;

package/dist/components/form/inputText/components/InputElement.d.ts

@@ -1,6 +1,8 @@
+import React from 'react';
 import { BoxedInputWrapperProps } from '../../common/styles';
 import { InputElementProps } from '../types';
-declare const InputElement: ({ autoFocus, onBlur, onChange, value, placeholder, disabled, name, inputSize, leadingIcon, onKeyPress, status, onKeyDown, onKeyUp, inputType, onFocus, className, actionIcon, setValue, }: InputElementProps) => JSX.Element;
-export declare type InputTextWrapperProps = Pick<InputElementProps, 'disabled' | 'status'>;
+declare type inputRef = HTMLInputElement | null;
+declare const InputElement: React.ForwardRefExoticComponent<InputElementProps & React.RefAttributes<inputRef>>;
+export declare type InputTextWrapperProps = Pick<InputElementProps, 'disabled' | 'status' | 'isPrefilled' | 'isTransparent'>;
 export declare type InputTextStyles = Omit<BoxedInputWrapperProps, 'status'>;
 export default InputElement;

package/dist/components/form/inputText/components/UnitDropdown.d.ts

@@ -0,0 +1,7 @@
+import { DropdownProps } from '../../../dropdown/types';
+import { Unit } from './unitDropdown/UnitDropdownTrigger';
+export interface UnitDropdownProps extends Pick<DropdownProps, 'renderContent' | 'placement' | 'className' | 'triggerStyles' | 'content' | 'maxWidth' | 'minWidthAsTrigger' | 'forceOpen'> {
+    currentUnit: Unit;
+}
+declare const UnitDropdown: ({ currentUnit, ...dropdownProps }: UnitDropdownProps) => JSX.Element;
+export default UnitDropdown;

package/dist/components/form/inputText/components/UnitDropdownTrigger.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    title: string;
+}
+declare const UnitDropdownTrigger: ({ title }: Props) => JSX.Element;
+export default UnitDropdownTrigger;

package/dist/components/form/inputText/components/unitDropdown/UnitDropdownTrigger.d.ts

@@ -0,0 +1,9 @@
+export interface Unit {
+    name: string;
+    shortName?: string;
+}
+interface Props {
+    unit: Unit;
+}
+declare const UnitDropdownTrigger: ({ unit }: Props) => JSX.Element;
+export default UnitDropdownTrigger;

package/dist/components/form/inputText/index.d.ts

@@ -1,3 +1,4 @@
+import { UnitDropdownProps } from './components/UnitDropdown';
 import InputText, { InputTextProps } from './InputText';
 import inputTextPalette, { InputTextPalette } from './inputTextPalette';
-export { InputText, InputTextProps, InputTextPalette, inputTextPalette };
+export { InputText, InputTextProps, InputTextPalette, inputTextPalette, UnitDropdownProps };

package/dist/components/form/inputText/inputText.stories.d.ts

@@ -1,5 +1,6 @@
 import { Meta, Story } from '@storybook/react';
 import { InputTextProps } from './InputText';
 export declare const WithKnobs: Story<InputTextProps>;
+export declare const WithUnitDropdown: Story<InputTextProps>;
 declare const InputTextStories: Meta<InputTextProps>;
 export default InputTextStories;

package/dist/components/form/inputText/types.d.ts

@@ -1,6 +1,7 @@
 import { Dispatch, InputHTMLAttributes, ReactText, SetStateAction } from 'react';
 import { IconProps } from '../../icon';
 import { CommonFormTypes } from '../common/types';
+import { UnitDropdownProps } from './components/UnitDropdown';
 export declare const inputTypesArray: string[];
 export declare type inputTypes = typeof inputTypesArray[number];
 export interface InputElementProps extends CommonFormTypes, Pick<InputHTMLAttributes<HTMLInputElement>, 'autoFocus' | 'name' | 'onChange' | 'onBlur' | 'onFocus' | 'onKeyPress' | 'onKeyUp' | 'onKeyDown' | 'required' | 'className'> {
@@ -10,4 +11,7 @@ export interface InputElementProps extends CommonFormTypes, Pick<InputHTMLAttrib
     placeholder?: ReactText;
     value?: number | string | null;
     setValue?: Dispatch<SetStateAction<string>>;
+    isPrefilled?: boolean;
+    isTransparent?: boolean;
+    unitDropdownProps?: UnitDropdownProps;
 }

package/dist/components/form/label/Label.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 export interface LabelProps extends WrapperProps {
-    label?: string;
+    label?: string | JSX.Element;
 }
 declare const Label: ({ label, disabled, required }: LabelProps) => JSX.Element | null;
 interface WrapperProps {

package/dist/components/form/select/SelectWrapper.d.ts

@@ -1,5 +1,5 @@
 import { BoxedInputWrapperProps } from '../common/styles';
 import { SelectProps } from './types';
-export declare type SelectWrapperProps = Pick<SelectProps, 'disabled' | 'status' | 'inputSize'>;
+export declare type SelectWrapperProps = Pick<SelectProps, 'disabled' | 'status' | 'inputSize' | 'isPrefilled' | 'isTransparent'>;
 export declare type SelectStyles = Omit<BoxedInputWrapperProps, 'status'>;
-export declare const SelectWrapper: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, SelectStyles & SelectWrapperProps, "color" | "background" | "borderColor" | "normalFocused">;
+export declare const SelectWrapper: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, SelectStyles & SelectWrapperProps, "color" | "background" | "borderColor" | "isPrefilled" | "isTransparent" | "normalFocused">;

package/dist/components/form/select/components/Option.d.ts

@@ -4,7 +4,7 @@ import { IconProps } from '../../../icon';
 export interface OptionType extends OptionTypeBase {
     icon?: IconProps;
     label: string;
-    value: any;
+    value: string | number;
 }
 interface Props<O extends OptionType = OptionType, IsMulti extends boolean = false> extends Omit<OptionProps<O, IsMulti>, 'data'> {
     data: OptionType;

package/dist/components/form/select/hooks/useSelectGeneric.d.ts

@@ -0,0 +1,10 @@
+import { OptionType } from '../components/Option';
+import { AsyncCreatableSelectProps, AsyncSelectProps, CreatableSelectProps, SelectProps } from '../types';
+declare type Props<O extends OptionType = OptionType, IsMulti extends boolean = false> = SelectProps<O, IsMulti> | CreatableSelectProps<O, IsMulti> | AsyncSelectProps<O, IsMulti> | AsyncCreatableSelectProps<O, IsMulti>;
+interface ReturnType<O extends OptionType = OptionType, IsMulti extends boolean = false> {
+    customComponents: Partial<SelectProps<O, IsMulti>['components']>;
+    styles: SelectProps<O, IsMulti>['styles'];
+    value: SelectProps<O, IsMulti>['value'];
+}
+declare const useSelectGeneric: <O extends OptionType = OptionType, IsMulti extends boolean = false>(props: Props<O, IsMulti>) => ReturnType<O, IsMulti>;
+export default useSelectGeneric;

package/dist/components/form/select/hooks/useSelectSimpleValue.d.ts

@@ -0,0 +1,8 @@
+import { OptionType } from '../components/Option';
+import { SelectProps, simpleValue } from '../types';
+declare type ReturnType<O extends OptionType = OptionType> = {
+    simpleValue: simpleValue;
+    onChange: Required<SelectProps<O>>['onChange'];
+};
+declare const useSelectSimpleValue: <O extends OptionType = OptionType>(initialValue: simpleValue) => ReturnType<O>;
+export default useSelectSimpleValue;

package/dist/components/form/select/hooks/useSelectThemeStyles.d.ts

@@ -1,9 +1,13 @@
+import { Styles } from 'react-select';
+import { CSSObject } from 'styled-components';
 import { statusType } from '../../common/types';
 import { OptionType } from '../components/Option';
 import { SelectProps } from '../types';
-interface Props {
+export declare type CustomStylesType<O extends OptionType = OptionType, IsMulti extends boolean = false> = Partial<Record<keyof Styles<O, IsMulti>, CSSObject>>;
+interface Props<O extends OptionType = OptionType, IsMulti extends boolean = false> {
+    customStyles?: CustomStylesType<O, IsMulti>;
     status: statusType;
     disabled?: boolean;
 }
-declare const useSelectThemeStyles: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ status, disabled, }: Props) => Partial<import("react-select").Styles<O, IsMulti, import("react-select").GroupTypeBase<O>>> | undefined;
+declare const useSelectThemeStyles: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ customStyles, status, disabled, }: Props<O, IsMulti>) => Partial<Styles<O, IsMulti, import("react-select").GroupTypeBase<O>>> | undefined;
 export default useSelectThemeStyles;

package/dist/components/form/select/index.d.ts

@@ -1,8 +1,10 @@
 import { SelectActionsType } from './components/FooterActions';
 import { OptionType } from './components/Option';
+import useSelectSimpleValue from './hooks/useSelectSimpleValue';
 import { useSelectMultiValues, useSelectValue } from './hooks/useSelectValue';
 import { AsyncCreatableSelect, AsyncSelect, CreatableSelect, Select } from './Select';
 import selectPalette, { SelectPalette } from './selectPalette';
-import { AsyncCreatableSelectProps, AsyncSelectProps, CreatableSelectProps, SelectProps } from './types';
+import { AsyncCreatableSelectProps, AsyncSelectProps, CreatableSelectProps, SelectProps, simpleValue } from './types';
+import { isSimpleValue } from './utils';
 declare type SelectComponentsType<O extends OptionType = OptionType, isMulti extends boolean = false> = Required<SelectProps<O, isMulti>['components']>;
-export { Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, OptionType, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, CreatableSelectProps, SelectPalette, selectPalette, SelectActionsType, useSelectValue, useSelectMultiValues, SelectComponentsType, };
+export { Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, OptionType, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, CreatableSelectProps, SelectPalette, selectPalette, SelectActionsType, useSelectValue, useSelectMultiValues, SelectComponentsType, useSelectSimpleValue, simpleValue, isSimpleValue, };

package/dist/components/form/select/select.stories.d.ts

@@ -2,6 +2,7 @@ import { Meta, Story } from '@storybook/react';
 import { OptionType } from './components/Option';
 import { SelectProps } from './types';
 export declare const Single: Story<SelectProps>;
+export declare const Simple: Story<SelectProps>;
 export declare const Multi: Story<SelectProps<OptionType, true>>;
 declare const SelectStories: Meta<SelectProps>;
 export default SelectStories;

package/dist/components/form/select/types.d.ts

@@ -5,7 +5,14 @@ import { NamedProps, Props as ReactSelectProps } from 'react-select/src/Select';
 import { CommonFormTypes } from '../common/types';
 import { LabelProps } from '../label';
 import { OptionType } from './components/Option';
-export declare type SelectProps<O extends OptionType = OptionType, isMulti extends boolean = false, T = ReactSelectProps<O, isMulti>> = CommonFormTypes & LabelProps & T & NamedProps<O, isMulti>;
-export declare type CreatableSelectProps<O extends OptionType = OptionType, isMulti extends boolean = false> = SelectProps<O, isMulti, CreatableProps<O, isMulti>>;
-export declare type AsyncSelectProps<O extends OptionType = OptionType, isMulti extends boolean = false> = SelectProps<O, isMulti, AsyncProps<O, isMulti>>;
-export declare type AsyncCreatableSelectProps<O extends OptionType = OptionType, isMulti extends boolean = false> = SelectProps<O, isMulti, AsyncCreatableProps<O, isMulti>>;
+import { CustomStylesType } from './hooks/useSelectThemeStyles';
+export declare type SelectProps<O extends OptionType = OptionType, IsMulti extends boolean = false, T = ReactSelectProps<O, IsMulti>> = CommonFormTypes & LabelProps & T & NamedProps<O, IsMulti> & {
+    isPrefilled?: boolean;
+    customStyles?: CustomStylesType<O, IsMulti>;
+    isTransparent?: boolean;
+    simpleValue?: simpleValue;
+};
+export declare type CreatableSelectProps<O extends OptionType = OptionType, IsMulti extends boolean = false> = SelectProps<O, IsMulti, CreatableProps<O, IsMulti>>;
+export declare type AsyncSelectProps<O extends OptionType = OptionType, IsMulti extends boolean = false> = SelectProps<O, IsMulti, AsyncProps<O, IsMulti>>;
+export declare type AsyncCreatableSelectProps<O extends OptionType = OptionType, IsMulti extends boolean = false> = SelectProps<O, IsMulti, AsyncCreatableProps<O, IsMulti>>;
+export declare type simpleValue = string | number | null | undefined;

package/dist/components/form/select/utils.d.ts

@@ -1,7 +1,10 @@
 import { DefaultTheme } from 'styled-components';
+import { OptionType } from './components/Option';
 import { SelectStyles, SelectWrapperProps } from './SelectWrapper';
+import { simpleValue } from './types';
 interface GetSelectParams extends SelectWrapperProps {
     theme: DefaultTheme;
 }
 export declare const getSelectStyles: ({ theme, disabled, status }: GetSelectParams) => SelectStyles;
+export declare const isSimpleValue: <O extends OptionType = OptionType>(value: simpleValue | O) => value is simpleValue;
 export {};

package/dist/components/form/textArea/components/TextAreaElement.d.ts

@@ -1,6 +1,6 @@
 import { BoxedInputWrapperProps } from '../../common/styles';
 import { TextAreaElementProps } from '../types';
-declare const TextAreaElement: ({ autoFocus, onBlur, onChange, value, placeholder, disabled, name, onKeyPress, status, onKeyDown, onKeyUp, onFocus, className, setValue, initialHeight, maxLength, isResizable, showCounter, }: TextAreaElementProps) => JSX.Element;
-export declare type TextAreaWrapperProps = Pick<TextAreaElementProps, 'disabled' | 'status' | 'initialHeight' | 'isResizable'>;
+declare const TextAreaElement: ({ autoFocus, onBlur, onChange, value, placeholder, disabled, name, onKeyPress, status, onKeyDown, onKeyUp, onFocus, className, setValue, initialHeight, maxLength, isResizable, showCounter, isPrefilled, }: TextAreaElementProps) => JSX.Element;
+export declare type TextAreaWrapperProps = Pick<TextAreaElementProps, 'disabled' | 'status' | 'initialHeight' | 'isResizable' | 'isPrefilled'>;
 export declare type TextAreaStyles = Omit<BoxedInputWrapperProps, 'status'>;
 export default TextAreaElement;

package/dist/components/form/textArea/types.d.ts

@@ -7,4 +7,5 @@ export interface TextAreaElementProps extends CommonFormTypes, CharCounterOption
     setValue?: Dispatch<SetStateAction<string>>;
     showCounter?: boolean;
     isResizable?: boolean;
+    isPrefilled?: boolean;
 }

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

@@ -1,2 +1,3 @@
 import GroupedList from './groupedList';
-export { GroupedList };
+import { GroupType, ItemType } from './types';
+export { GroupedList, ItemType, GroupType };

package/dist/components/layout/sidebarItem/sidebarItem.stories.d.ts

@@ -1 +1,5 @@
-export {};
+import { Meta, Story } from '@storybook/react';
+import { SidebarItemProps } from './SidebarItem';
+export declare const Template: Story<SidebarItemProps>;
+declare const SidebarItemStory: Meta<SidebarItemProps>;
+export default SidebarItemStory;

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

@@ -1,3 +1,3 @@
-import MicroTag from './MicroTag';
+import MicroTag, { MicroTagProps } from './MicroTag';
 import microTagPalette, { MicroTagPalette } from './microTagPalette';
-export { MicroTag, microTagPalette, MicroTagPalette };
+export { MicroTag, MicroTagProps, microTagPalette, MicroTagPalette };

package/dist/components/modals/modalStyled.d.ts

@@ -8,6 +8,8 @@ export declare const StyledModalBox: import("styled-components").StyledComponent
 export declare const ModalBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ModalPropsInterface, never>;
 export declare const ModalHeaderClose: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ModalHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ModalSimpleHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ModalSimpleFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ModalFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const TopAttachment: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {

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

@@ -8,8 +8,10 @@ export interface ModalPropsInterface {
     isOpen?: boolean;
     title?: string;
     header?: () => JSX.Element;
+    customHeader?: () => JSX.Element;
     footer?: () => JSX.Element;
     footerButtons?: ButtonProps[];
+    customFooter?: () => JSX.Element;
     allowClose?: boolean;
     onActionClose?: () => void;
     isFullscreen?: boolean;

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

@@ -1,3 +1,4 @@
 import { Tag } from './Tag';
 import tagPalette, { TagPalette } from './tagPalette';
-export { Tag, tagPalette, TagPalette };
+import { TagProps } from './types';
+export { Tag, TagProps, tagPalette, TagPalette };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { Accordion } from './components/accordions';
 import { Avatar } from './components/avatar';
-import { Badge } from './components/badge/Badge';
+import { Badge, BadgeProps } from './components/badge';
 import { Banner, BannerProps } from './components/banner';
 import { Button, ButtonProps, IconButton, IconButtonProps } from './components/buttons';
 import { Chip } from './components/chips';
@@ -9,16 +9,16 @@ import { closeDropdownType, Dropdown, DropdownItemProps, DropdownPalette, render
 import { WithBadge } from './components/floatingBadge';
 import { Checkbox, CheckboxPalette, CheckboxProps, useCheckboxValue } from './components/form/checkbox';
 import { InputHelper, InputHelperPalette, InputHelperProps } from './components/form/inputHelper';
-import { InputText, InputTextPalette, InputTextProps } from './components/form/inputText';
-import { AsyncCreatableSelect, AsyncCreatableSelectProps, AsyncSelect, AsyncSelectProps, CreatableSelect, CreatableSelectProps, OptionType, Select, SelectComponentsType, SelectPalette, SelectProps, useSelectMultiValues, useSelectValue } from './components/form/select';
+import { InputText, InputTextPalette, InputTextProps, UnitDropdownProps } from './components/form/inputText';
+import { AsyncCreatableSelect, AsyncCreatableSelectProps, AsyncSelect, AsyncSelectProps, CreatableSelect, CreatableSelectProps, isSimpleValue, OptionType, Select, SelectComponentsType, SelectPalette, SelectProps, simpleValue, useSelectMultiValues, useSelectSimpleValue, useSelectValue } from './components/form/select';
 import { TextArea, TextAreaPalette, TextAreaProps } from './components/form/textArea';
-import { GroupedList } from './components/groupedList';
+import { GroupedList, GroupType, ItemType } from './components/groupedList';
 import { RadioButtonGroup } from './components/groupRadioButton';
 import { Icon, IconPalette, IconProps } from './components/icon';
 import { IconBackground, IconBackgroundPalette } from './components/icon/components/iconBackground';
 import { InlineMessage } from './components/inlineMessages';
 import { CustomSidebarItemProps, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps } from './components/layout';
-import { MicroTag } from './components/microTag';
+import { MicroTag, MicroTagPalette, MicroTagProps } from './components/microTag';
 import { Modal, ModalSearchable } from './components/modals';
 import { ConfirmationModal } from './components/modals/confirmationModal';
 import { ModalBody } from './components/modals/modalStyled';
@@ -29,11 +29,12 @@ import { RadioButton } from './components/radioButton';
 import { Stepper, StepperPalette, StepperProps } from './components/stepper';
 import { Table } from './components/table';
 import { DropdownTabs, ScrollableTabs, TabsItem } from './components/tabs';
-import { Tag } from './components/tag';
+import { Tag, TagPalette, TagProps } from './components/tag';
 import { ThemeProvider } from './components/themeProvider';
 import { ShortcutTip, Tip } from './components/tip';
 import { Toast, ToastProps } from './components/toast';
 import { Tooltip, TooltipPalette, TooltipProps } from './components/tooltip';
+import { autocompleteYellow } from './styles/defaultPalette/colors/others';
 import { Theme } from './styles/theme';
 import { Palette, paletteColor } from './styles/types';
-export { paletteColor, Avatar, Banner, BannerProps, Button, ButtonProps, IconButton, IconButtonProps, Icon, IconProps, IconPalette, IconBackground, IconBackgroundPalette, Table, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, CreatableSelectProps, useSelectValue, useSelectMultiValues, SelectPalette, SelectComponentsType, OptionType, PageEmptySet, Modal, ModalBody, ModalSearchable, Tooltip, TooltipProps, TooltipPalette, Accordion, Progressbar, Drawer, Chip, RadioButton, RadioButtonGroup, InlineMessage, Badge, Dropdown, DropdownItemProps, DropdownPalette, closeDropdownType, renderContentType, DropdownTabs, ScrollableTabs, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps, CustomSidebarItemProps, TabsItem, Stepper, StepperProps, StepperPalette, Tip, ShortcutTip, ThemeProvider, Theme, Palette, GroupedList, WithBadge, Pagination, Toast, ToastProps, ConfirmationModal, MicroTag, Tag, InputText, InputTextProps, InputTextPalette, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, };
+export { autocompleteYellow, paletteColor, Avatar, Banner, BannerProps, Button, ButtonProps, IconButton, IconButtonProps, Icon, IconProps, IconPalette, IconBackground, IconBackgroundPalette, Table, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, useSelectSimpleValue, isSimpleValue, simpleValue, CreatableSelectProps, useSelectValue, useSelectMultiValues, SelectPalette, SelectComponentsType, OptionType, PageEmptySet, Modal, ModalBody, ModalSearchable, Tooltip, TooltipProps, TooltipPalette, Accordion, Progressbar, Drawer, Chip, RadioButton, RadioButtonGroup, InlineMessage, Badge, BadgeProps, Dropdown, DropdownItemProps, DropdownPalette, closeDropdownType, renderContentType, DropdownTabs, ScrollableTabs, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps, CustomSidebarItemProps, TabsItem, Stepper, StepperProps, StepperPalette, Tip, ShortcutTip, ThemeProvider, Theme, Palette, GroupedList, ItemType, GroupType, WithBadge, Pagination, Toast, ToastProps, ConfirmationModal, MicroTag, MicroTagProps, MicroTagPalette, Tag, TagProps, TagPalette, InputText, InputTextProps, InputTextPalette, UnitDropdownProps, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, };