@itcase/ui 1.2.3 → 1.2.5

package/dist/context/Notifications.js

@@ -36,8 +36,9 @@ function NotificationsProvider(props) {
         // Check on need to hide, if current notification is target for hide
         const isNeedToHide = String(notificationItem.id) === String(targetId);
         // Callback for close if exists
-        if (isNeedToHide && typeof notificationItem.onClose === 'function') {
-          notificationItem.onClose();
+        if (isNeedToHide) {
+          clearTimeout(notificationItem._closeTimeout);
+          notificationItem.onClose && notificationItem.onClose();
         }
         // Save in state if no need to hide
         return !isNeedToHide;

package/dist/css/components/Choice/Choice.css

@@ -2,16 +2,16 @@
   min-width: 30px;
   position: relative;
   display: flex;
-  &:hover {
+  /* &:hover {
     background: var(--choice-item-background-hover);
-  }
+  } */
   &:not(:last-child) {
-    border-right: 1px solid var(--choice-border-color);
+    border-right: var(--chioce-item-border-right, 1px solid var(--choice-border-color));
   }
   &_state_disabled {
-    background: var(--choice-item-state-disabled-background, #ECECEC);
+    background: var(--choice-item-state-disabled-background, #ececec);
     &:hover {
-      background: var(--choice-item-state-disabled-background, #ECECEC);
+      background: var(--choice-item-state-disabled-background, #ececec);
     }
   }
   &_active {
@@ -48,6 +48,33 @@
   }
 }
 
+.choice {
+  position: relative;
+  display: flex;
+  align-items: center;
+  &__wrapper {
+    position: relative;
+    display: flex;
+  }
+}
+
+.choice {
+  &_set {
+    &_form {
+      ^^&__item {
+        min-width: auto;
+        border: 1px solid var(--color-surface-border-tertiary);
+        border-radius: 6px;
+        &-label {
+          flex-direction: row-reverse;
+          align-items: center;
+          gap: 4px;
+        }
+      }
+    }
+  }
+}
+
 .choice {
   &_shape {
     &_rounded {
@@ -74,18 +101,7 @@
   }
 }
 
-.choice {
-  position: relative;
-  display: flex;
-  align-items: center;
-  &__wrapper {
-    position: relative;
-    display: flex;
-  }
-}
-
 :root {
-
   --choice-item-background-hover: var(--color-surface-secondary);
 
   --choice-item-background-active: var(--color-surface-active);

package/dist/css/components/Choice/css/__item/choice__item.css

@@ -2,16 +2,16 @@
   min-width: 30px;
   position: relative;
   display: flex;
-  &:hover {
+  /* &:hover {
     background: var(--choice-item-background-hover);
-  }
+  } */
   &:not(:last-child) {
-    border-right: 1px solid var(--choice-border-color);
+    border-right: var(--chioce-item-border-right, 1px solid var(--choice-border-color));
   }
   &_state_disabled {
-    background: var(--choice-item-state-disabled-background, #ECECEC);
+    background: var(--choice-item-state-disabled-background, #ececec);
     &:hover {
-      background: var(--choice-item-state-disabled-background, #ECECEC);
+      background: var(--choice-item-state-disabled-background, #ececec);
     }
   }
   &_active {

package/dist/types/components/Accordion/Accordion.interface.d.ts

@@ -10,11 +10,11 @@ interface iAccordionItemEventData {
 interface iAccordionProps extends iStyleAttributes {
     borderColor?: tBorderColorProps;
     children?: Element | React.ReactNode;
-    className: string;
+    className?: string;
     direction?: tDirectionProps;
     fill?: tFillProps;
     height?: tHeightProps;
-    initial: any;
+    initial?: any;
     items?: {
         id: number | string;
         content?: ReactNode;
@@ -23,7 +23,7 @@ interface iAccordionProps extends iStyleAttributes {
     shape?: tShapeProps;
     style?: CSSProperties;
     width?: tWidthProps;
-    isMultiple: boolean;
+    isMultiple?: boolean;
     onClickItem?: (T: iAccordionItemEventData) => void;
 }
 interface iAccordionItemProps extends iStyleAttributes {

package/dist/types/components/Choice/Choice.interface.d.ts

@@ -19,8 +19,8 @@ interface iChoiceThemeColor {
     labelTextActiveColorDisabled?: tTextColorProps;
     labelTextColor?: tTextColorProps;
     labelTextColorDisabled?: tTextColorProps;
-    labelTextWeight?: tTextWeightProps;
     labelTextSize?: tTextSizeProps;
+    labelTextWeight?: tTextWeightProps;
     shape?: tShapeProps;
 }
 type tChoiceAppearance = {
@@ -31,29 +31,30 @@ interface iChoiceConfig {
     setAppearance: (newComponent: tChoiceAppearance) => void;
 }
 interface iChoiceProps extends iChoiceThemeColor, iStyleAttributes {
-    appearance?: tAppearanceKeysDefault;
     active: {
         value: ReactNode;
     };
     activeIcon?: ReactNode;
     activeIconItemFill?: tItemColorProps;
     after?: ReactNode;
+    appearance?: tAppearanceKeysDefault;
     before?: ReactNode;
     className?: string;
+    gap?: string;
     icon?: ReactNode;
-    isDisabled?: boolean;
-    isCheckbox?: boolean;
-    isLoading?: boolean;
     name?: string;
     options: {
-        value: string;
-        label: ReactNode;
         activeIconItemFill: tItemColorProps;
         iconItemFill: tItemColorProps;
+        label: ReactNode;
+        value: string;
     }[];
-    set?: string;
     size?: sizeOptionPropsType;
     type?: string;
+    isCheckbox?: boolean;
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    set?: string;
     setActiveSegment?: (item: any, isChecked?: boolean) => void;
 }
 export type { iChoiceThemeColor, tChoiceAppearance, iChoiceConfig, iChoiceProps };

package/dist/types/components/DatePicker/DatePicker.interface.d.ts

@@ -25,7 +25,7 @@ interface IDatePickerProps extends DatePickerProps {
     inputIconShape?: tShapeProps;
     inputIconSize?: iconSizePropsType;
     inputIconSrc?: string;
-    monthsShown?: boolean;
+    monthsShown?: number;
     monthTextColor?: tTextColorProps;
     monthTextSize?: tTextSizeProps;
     monthTextWeight?: tTextWeightProps;

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

@@ -1,13 +1,3 @@
 import { iPaginationProps } from './Pagination.interface';
 declare function Pagination(props: iPaginationProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Pagination {
-    var defaultProps: {
-        pageNumber: number;
-        perPageCount: number;
-        allItemsCount: number;
-        pageCountArray: number[];
-        isPageCountDropdownReversed: boolean;
-        pageCountDropdownItemLabelColorActive: string;
-    };
-}
 export { Pagination };

package/dist/types/components/Select/Select.interface.d.ts

@@ -0,0 +1,91 @@
+import type { ReactNode } from 'react';
+import { GroupBase, Props } from 'react-select';
+import { borderColorHoverPropsType, sizeOptionPropsType, tBorderColorProps, tDirectionProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
+import type { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
+interface iSelectThemeColor extends iSelectPropsCustom {
+}
+type tSelectAppearance = {
+    [key in tAppearanceKeysDefault]?: iSelectThemeColor;
+};
+interface iSelectConfig {
+    appearance: tSelectAppearance | undefined;
+    setAppearance: (newComponent: tSelectAppearance) => void;
+}
+interface iSelectProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends Pick<Props<Option, IsMulti, Group>, 'className' | 'closeMenuOnSelect' | 'defaultValue' | 'filterOption' | 'hideSelectedOptions' | 'instanceId' | 'isClearable' | 'isDisabled' | 'isLoading' | 'isMulti' | 'isSearchable' | 'loadingMessage' | 'onChange' | 'onInputChange' | 'openMenuOnClick' | 'options' | 'value'>, iSelectPropsCustom {
+}
+interface iSelectCustomComponentsProps {
+    data?: {
+        label?: ReactNode;
+        optionAfter?: ReactNode;
+        optionBefore?: ReactNode;
+    };
+    selectProps?: iSelectPropsCustom;
+}
+interface iSelectPropsCustom {
+    after?: ReactNode;
+    appearance?: tAppearanceKeysDefault;
+    badgeAppearance?: tAppearanceKeysDefault;
+    badgeSize?: tSizeProps;
+    badgeTextSize?: tTextSizeProps;
+    before?: ReactNode;
+    clearIcon?: any;
+    clearIconFill?: tItemColorProps;
+    dividerDirection?: tDirectionProps;
+    dividerFill?: tFillProps;
+    dividerSize?: tSizeProps;
+    dropdownFillHover?: tFillHoverProps;
+    dropdownIcon?: any;
+    dropdownIconFill?: tItemColorProps;
+    dropdownIconShape?: tShapeProps;
+    elevation?: number;
+    fetchingData?: ReactNode;
+    headingFill?: string;
+    headingFillHover?: string;
+    headingTextColor?: tTextColorProps;
+    headingTextSize?: tTextSizeProps;
+    headingTextWeight?: tTextWeightProps;
+    hideValueContainer?: boolean;
+    inputAfter?: ReactNode;
+    inputBefore?: ReactNode;
+    inputBorderColor?: tBorderColorProps;
+    inputBorderColorHover?: borderColorHoverPropsType;
+    inputCaretColor?: string;
+    inputFill?: string;
+    inputShape?: string;
+    inputTextColor?: tTextColorProps;
+    inputTextSize?: tTextSizeProps;
+    inputValue?: string;
+    loadingIndicator?: ReactNode;
+    menuAfter?: ReactNode;
+    menuBefore?: ReactNode;
+    menuItemSize?: string;
+    multipleItemFill?: tFillProps;
+    multipleItemFillHover?: tFillHoverProps;
+    multipleItemIcon?: any;
+    multipleItemIconFill?: tItemColorProps;
+    multipleItemTextColor?: tTextColorProps;
+    multipleItemTextSize?: tTextSizeProps;
+    noOptionsSearchText?: ReactNode;
+    noOptionsText?: ReactNode;
+    noOptionsTextColor?: tTextColorProps;
+    noOptionsTextSize?: tTextSizeProps;
+    optionAfter?: ReactNode;
+    optionBefore?: ReactNode;
+    optionBorder?: string;
+    optionBorderType?: string;
+    optionFill?: string;
+    optionFillHover?: string;
+    optionSelected?: ReactNode;
+    optionShape?: tShapeProps;
+    optionTextColor?: tTextColorProps;
+    optionTextSize?: tTextSizeProps;
+    placeholder?: ReactNode;
+    placeholderTextColor?: tTextColorProps;
+    placeholderTextSize?: tTextSizeProps;
+    showBadge?: boolean;
+    showDivider?: boolean;
+    size?: sizeOptionPropsType;
+    isCreatable?: boolean;
+    set?: string;
+}
+export type { iSelectCustomComponentsProps, iSelectThemeColor, iSelectPropsCustom, tSelectAppearance, iSelectConfig, iSelectProps, };

package/dist/types/components/Select/SelectClearIndicator.d.ts

@@ -1,11 +1,4 @@
-export function SelectClearIndicator(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectClearIndicator {
-    namespace propTypes {
-        let children: PropTypes.Requireable<any>;
-        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
-            clearIcon: PropTypes.Requireable<string>;
-            clearIconFill: PropTypes.Requireable<string>;
-        }>>;
-    }
-}
-import PropTypes from 'prop-types';
+import { ClearIndicatorProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare function SelectClearIndicator(props: ClearIndicatorProps & iSelectCustomComponentsProps): import("react/jsx-runtime").JSX.Element;
+export { SelectClearIndicator };

package/dist/types/components/Select/SelectContainer.d.ts

@@ -1,2 +1,5 @@
-export const SelectContainer: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';
+import { GroupBase } from 'react-select';
+import { iSelectProps } from './Select.interface';
+declare const SelectContainer: React.ForwardRefExoticComponent<iSelectProps<unknown, boolean, GroupBase<unknown>> & React.RefAttributes<unknown>>;
+export { SelectContainer };

package/dist/types/components/Select/SelectControl.d.ts

@@ -1,11 +1,4 @@
-export function SelectControl(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectControl {
-    namespace propTypes {
-        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
-            inputFill: PropTypes.Requireable<string>;
-            inputShape: PropTypes.Requireable<string>;
-            set: PropTypes.Requireable<string>;
-        }>>;
-    }
-}
-import PropTypes from 'prop-types';
+import { ControlProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectControl: (props: ControlProps & iSelectCustomComponentsProps) => import("react/jsx-runtime").JSX.Element;
+export { SelectControl };

package/dist/types/components/Select/SelectDropdownIndicator.d.ts

@@ -1,13 +1,4 @@
-export function SelectDropdownIndicator(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectDropdownIndicator {
-    namespace propTypes {
-        let children: PropTypes.Requireable<any>;
-        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
-            dropdownFillHover: PropTypes.Requireable<string>;
-            dropdownIcon: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.ReactElementLike | null | undefined>>;
-            dropdownIconFill: PropTypes.Requireable<string>;
-            dropdownIconShape: PropTypes.Requireable<string>;
-        }>>;
-    }
-}
-import PropTypes from 'prop-types';
+import { DropdownIndicatorProps, GroupBase } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectDropdownIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: DropdownIndicatorProps<Option, IsMulti, Group> & iSelectCustomComponentsProps) => import("react/jsx-runtime").JSX.Element;
+export { SelectDropdownIndicator };

package/dist/types/components/Select/SelectGroupHeading.d.ts

@@ -1,7 +1,4 @@
-export function SelectGroupHeading(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectGroupHeading {
-    namespace propTypes {
-        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-    }
-}
-import PropTypes from 'prop-types';
+import { GroupHeadingProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectGroupHeading: (props: GroupHeadingProps & iSelectCustomComponentsProps) => import("react/jsx-runtime").JSX.Element;
+export { SelectGroupHeading };

package/dist/types/components/Select/SelectIndicatorsContainer.d.ts

@@ -1,4 +1,4 @@
-export function SelectIndicatorsContainer(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectIndicatorsContainer {
-    let propTypes: {};
-}
+import { IndicatorsContainerProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectIndicatorsContainer: (props: IndicatorsContainerProps & iSelectCustomComponentsProps) => import("react/jsx-runtime").JSX.Element;
+export { SelectIndicatorsContainer };

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

@@ -1,12 +1,4 @@
-export function SelectInput(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectInput {
-    namespace propTypes {
-        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
-            inputTextSize: PropTypes.Requireable<string>;
-            inputTextColor: PropTypes.Requireable<string>;
-            inputCaretColor: PropTypes.Requireable<string>;
-        }>>;
-        let children: PropTypes.Requireable<any>;
-    }
-}
-import PropTypes from 'prop-types';
+import { InputProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectInput: (props: InputProps & iSelectCustomComponentsProps) => import("react/jsx-runtime").JSX.Element;
+export { SelectInput };

package/dist/types/components/Select/SelectLoadingIndicator.d.ts

@@ -1,7 +1,5 @@
-export function SelectLoadingIndicator(props: any): any;
-export namespace SelectLoadingIndicator {
-    namespace propTypes {
-        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-    }
-}
-import PropTypes from 'prop-types';
+import React from 'react';
+import { LoadingIndicatorProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectLoadingIndicator: (props: iSelectCustomComponentsProps & LoadingIndicatorProps) => React.ReactNode;
+export { SelectLoadingIndicator };

package/dist/types/components/Select/SelectMenu.d.ts

@@ -1,11 +1,4 @@
-export function SelectMenu(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectMenu {
-    namespace propTypes {
-        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
-            fetchingData: PropTypes.Requireable<any>;
-            set: PropTypes.Requireable<string>;
-        }>>;
-        let children: PropTypes.Requireable<any>;
-    }
-}
-import PropTypes from 'prop-types';
+import { MenuProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectMenu: (props: iSelectCustomComponentsProps & MenuProps) => import("react/jsx-runtime").JSX.Element;
+export { SelectMenu };

package/dist/types/components/Select/SelectMultiValueContainer.d.ts

@@ -1 +1,4 @@
-export function SelectMultiValueContainer(props: any): import("react/jsx-runtime").JSX.Element;
+import { MultiValueGenericProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectMultiValueContainer: (props: iSelectCustomComponentsProps & MultiValueGenericProps) => import("react/jsx-runtime").JSX.Element;
+export { SelectMultiValueContainer };

package/dist/types/components/Select/SelectMultiValueLabel.d.ts

@@ -1,4 +1,4 @@
-export function SelectMultiValueLabel(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectMultiValueLabel {
-    let propTypes: {};
-}
+import { MultiValueGenericProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectMultiValueLabel: (props: iSelectCustomComponentsProps & MultiValueGenericProps) => import("react/jsx-runtime").JSX.Element;
+export { SelectMultiValueLabel };

package/dist/types/components/Select/SelectMultiValueRemove.d.ts

@@ -1,4 +1,4 @@
-export function SelectMultiValueRemove(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectMultiValueRemove {
-    let propTypes: {};
-}
+import { MultiValueRemoveProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectMultiValueRemove: (props: iSelectCustomComponentsProps & MultiValueRemoveProps) => import("react/jsx-runtime").JSX.Element;
+export { SelectMultiValueRemove };

package/dist/types/components/Select/SelectNoOptions.d.ts

@@ -1,12 +1,4 @@
-export function SelectNoOptions(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectNoOptions {
-    namespace propTypes {
-        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
-            noOptionsTextSize: PropTypes.Requireable<string>;
-            noOptionsTextColor: PropTypes.Requireable<string>;
-            noOptionsText: PropTypes.Requireable<string>;
-        }>>;
-        let children: PropTypes.Requireable<any>;
-    }
-}
-import PropTypes from 'prop-types';
+import { NoticeProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectNoOptions: (props: iSelectCustomComponentsProps & NoticeProps) => import("react/jsx-runtime").JSX.Element;
+export { SelectNoOptions };

package/dist/types/components/Select/SelectOption.d.ts

@@ -1,16 +1,4 @@
-export function SelectOption(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectOption {
-    namespace propTypes {
-        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
-            optionFill: PropTypes.Requireable<string>;
-            optionTextSize: PropTypes.Requireable<string>;
-            optionTextColor: PropTypes.Requireable<string>;
-            optionShape: PropTypes.Requireable<string>;
-            optionBefore: PropTypes.Requireable<any>;
-            optionAfter: PropTypes.Requireable<any>;
-        }>>;
-        let label: PropTypes.Requireable<string>;
-        let isSelected: PropTypes.Requireable<any>;
-    }
-}
-import PropTypes from 'prop-types';
+import { GroupBase, OptionProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectOption: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: iSelectCustomComponentsProps & OptionProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
+export { SelectOption };

package/dist/types/components/Select/SelectPlaceholder.d.ts

@@ -1,11 +1,4 @@
-export function SelectPlaceholder(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectPlaceholder {
-    namespace propTypes {
-        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
-            placeholderTextSize: PropTypes.Requireable<string>;
-            placeholderTextColor: PropTypes.Requireable<string>;
-        }>>;
-        let children: PropTypes.Requireable<any>;
-    }
-}
-import PropTypes from 'prop-types';
+import { GroupBase, PlaceholderProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectPlaceholder: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: iSelectCustomComponentsProps & PlaceholderProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
+export { SelectPlaceholder };

package/dist/types/components/Select/SelectSingleValue.d.ts

@@ -1,12 +1,4 @@
-export function SelectSingleValue(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectSingleValue {
-    namespace propTypes {
-        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
-            inputTextSize: PropTypes.Requireable<string>;
-            inputTextColor: PropTypes.Requireable<string>;
-        }>>;
-        let children: PropTypes.Requireable<any>;
-        let data: PropTypes.Requireable<object>;
-    }
-}
-import PropTypes from 'prop-types';
+import { GroupBase, SingleValueProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectSingleValue: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: iSelectCustomComponentsProps & SingleValueProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
+export { SelectSingleValue };

package/dist/types/components/Select/SelectValueContainer.d.ts

@@ -1,11 +1,4 @@
-export function SelectValueContainer(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectValueContainer {
-    namespace propTypes {
-        let children: PropTypes.Requireable<any>;
-        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
-            inputBefore: PropTypes.Requireable<any>;
-            inputAfter: PropTypes.Requireable<any>;
-        }>>;
-    }
-}
-import PropTypes from 'prop-types';
+import { GroupBase, ValueContainerProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: iSelectCustomComponentsProps & ValueContainerProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
+export { SelectValueContainer };

package/dist/types/components/Select/index.d.ts

@@ -1,3 +1,4 @@
+import { iSelectConfig } from './Select.interface.js';
 import { SelectClearIndicator } from './SelectClearIndicator.js';
 import { SelectContainer } from './SelectContainer.js';
 import { SelectControl } from './SelectControl.js';
@@ -13,8 +14,5 @@ import { SelectOption } from './SelectOption.js';
 import { SelectPlaceholder } from './SelectPlaceholder.js';
 import { SelectSingleValue } from './SelectSingleValue.js';
 import { SelectValueContainer } from './SelectValueContainer.js';
-export namespace selectConfig {
-    let appearance: {};
-    function setAppearance(newComponent: any): void;
-}
-export { SelectClearIndicator, SelectContainer as Select, SelectControl, SelectDropdownIndicator, SelectGroupHeading, SelectIndicatorsContainer, SelectInput, SelectMenu, SelectMultiValueContainer, SelectMultiValueLabel, SelectMultiValueRemove, SelectOption, SelectPlaceholder, SelectSingleValue, SelectValueContainer };
+declare const selectConfig: iSelectConfig;
+export { SelectClearIndicator, SelectContainer as Select, SelectControl, SelectDropdownIndicator, SelectGroupHeading, SelectIndicatorsContainer, SelectInput, SelectMenu, SelectMultiValueContainer, SelectMultiValueLabel, SelectMultiValueRemove, SelectOption, SelectPlaceholder, SelectSingleValue, SelectValueContainer, selectConfig, };

package/dist/types/types/componentProps/sizeInterface.d.ts

@@ -1 +1 @@
-export type sizeOptionPropsType = 'compact' | 'normal' | 'regular' | 'any';
+export type sizeOptionPropsType = 'any' | 'compact' | 'l' | 'large' | 'm' | 'normal' | 'regular' | 's' | 'tiny' | 'xl' | 'xs' | 'xxl';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.2.3",
+  "version": "1.2.5",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -74,7 +74,8 @@
     "dev-css": "postcss 'src/components/**/!(css)/*.css' 'src/styles/!(.css)/**/*.css' 'src/styles/{mediaqueries,mixin_global,mixin_elevation,mixin_fill-gradient}.css' --base src --dir dist/css/ --env production -w --verbose",
     "prepare": "husky",
     "prepack": "npm run build",
-    "semantic-release": "semantic-release"
+    "semantic-release": "semantic-release",
+    "typecheck": "tsc --noEmit"
   },
   "files": [
     "dist",