@itcase/ui 1.8.1 → 1.8.3

package/dist/types/components/Button/appearance/buttonSize.d.ts

@@ -1,59 +1,59 @@
 declare const buttonAppearanceSize: {
     sizeXXL: {
-        labelTextSize: string;
         size: string;
+        labelTextSize: string;
         iconAfterFillSize: number;
         iconAfterSize: number;
         iconBeforeFillSize: number;
         iconBeforeSize: number;
     };
     sizeXL: {
+        size: string;
         labelTextSize: string;
         iconAfterFillSize: number;
         iconAfterSize: number;
         iconBeforeFillSize: number;
         iconBeforeSize: number;
-        size: string;
     };
     sizeL: {
+        size: string;
         labelTextSize: string;
         iconAfterFillSize: number;
         iconAfterSize: number;
         iconBeforeFillSize: number;
         iconBeforeSize: number;
-        size: string;
     };
     sizeM: {
+        size: string;
         labelTextSize: string;
         iconAfterFillSize: number;
         iconAfterSize: number;
         iconBeforeFillSize: number;
         iconBeforeSize: number;
-        size: string;
     };
     sizeS: {
+        size: string;
         labelTextSize: string;
         iconAfterFillSize: number;
         iconAfterSize: number;
         iconBeforeFillSize: number;
         iconBeforeSize: number;
-        size: string;
     };
     sizeXS: {
+        size: string;
         labelTextSize: string;
         iconAfterFillSize: number;
         iconAfterSize: number;
         iconBeforeFillSize: number;
         iconBeforeSize: number;
-        size: string;
     };
     sizeXXS: {
+        size: string;
         labelTextSize: string;
         iconAfterFillSize: number;
         iconAfterSize: number;
         iconBeforeFillSize: number;
         iconBeforeSize: number;
-        size: string;
     };
 };
 export { buttonAppearanceSize };

package/dist/types/components/Button/appearance/buttonSurface.d.ts

@@ -3,20 +3,21 @@ declare const buttonAppearanceSurface: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
+        iconFillIcon: string;
     };
-    surfaceSecondary: {
+    surfaceQuaternary: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
-        loaderFill: string;
-        loaderItemFill: string;
     };
-    surfaceTertiary: {
+    surfaceSecondary: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
+        loaderFill: string;
+        loaderItemFill: string;
     };
-    surfaceQuaternary: {
+    surfaceTertiary: {
         fill: string;
         fillHover: string;
         labelTextColor: string;

package/dist/types/components/Choice/appearance/choiceAccent.d.ts

@@ -1,10 +1,9 @@
 declare const choiceAppearanceAccent: {
     accentPrimary: {
         fill: string;
-        fillActive: string;
+        fillItemActive: string;
         labelTextActiveColor: string;
         labelTextColor: string;
-        labelTextSize: string;
         borderColor: string;
     };
 };

package/dist/types/components/Choice/appearance/choiceSize.d.ts

@@ -0,0 +1,18 @@
+declare const choiceAppearanceSize: {
+    sizeL: {
+        size: string;
+        labelTextSize: string;
+        iconSize: string;
+    };
+    sizeM: {
+        size: string;
+        labelTextSize: string;
+        iconSize: string;
+    };
+    sizeS: {
+        size: string;
+        labelTextSize: string;
+        iconSize: string;
+    };
+};
+export { choiceAppearanceSize };

package/dist/types/components/Choice/appearance/choiceStyle.d.ts

@@ -0,0 +1,14 @@
+declare const choiceAppearanceStyle: {
+    full: {};
+    ghost: {
+        fill: string;
+        borderWidth: string;
+    };
+    outlined: {
+        fill: string;
+    };
+    solid: {
+        borderWidth: string;
+    };
+};
+export { choiceAppearanceStyle };

package/dist/types/components/Choice/appearance/choiceSurface.d.ts

@@ -7,7 +7,10 @@ declare const choiceAppearanceSurface: {
         fillItemHover: string;
         labelTextActiveColor: string;
         labelTextColor: string;
-        labelTextSize: string;
+        labelTextWrap: string;
+        borderColor: string;
+        iconBeforeFill: string;
+        iconBeforeFillActive: string;
     };
     surfaceSecondary: {
         fill: string;
@@ -16,7 +19,7 @@ declare const choiceAppearanceSurface: {
         fillItemHover: string;
         labelTextActiveColor: string;
         labelTextColor: string;
-        labelTextSize: string;
+        labelTextWrap: string;
     };
 };
 export { choiceAppearanceSurface };

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

@@ -1,4 +1,6 @@
 import { HTMLProps } from 'react';
+import { DaDataSuggestion } from 'react-dadata';
+import { DaDataParty } from 'react-dadata/dist/variants/party_russia/party-russia-types';
 import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
 export interface DadataHintFieldProps extends StyleAttributes {
     delay?: number;
@@ -6,8 +8,8 @@ export interface DadataHintFieldProps extends StyleAttributes {
     inputProps?: HTMLProps<HTMLInputElement>;
     meta?: any;
     token: string;
-    setValue?: () => void;
+    setValue?: (suggestion?: DaDataSuggestion<DaDataParty>) => void;
 }
-export interface DadataСustomInputProps extends StyleAttributes {
+export interface DadataCustomInputProps extends StyleAttributes {
     inputValue?: string;
 }

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

@@ -1,29 +1,97 @@
 export declare const datePickerAppearance: {
+    solid: {
+        datePickerProps: {};
+        inputProps: {
+            borderWidth: string;
+        };
+    };
+    outlined: {
+        datePickerProps: {};
+        inputProps: {
+            fill: string;
+        };
+    };
+    ghost: {
+        datePickerProps: {};
+        inputProps: {
+            fill: string;
+            borderWidth: string;
+        };
+    };
+    full: {
+        datePickerProps: {};
+        inputProps: {};
+    };
+    sizeS: {
+        datePickerProps: {
+            daySize: string;
+            dayTextSize: string;
+            iconFillSize: number;
+            iconLeft: any;
+            iconRight: any;
+        };
+        inputProps: {
+            size: string;
+            textSize: string;
+            clearIcon: any;
+            clearIconSize: number;
+            clearLabelTextSize: string;
+        };
+    };
+    sizeM: {
+        datePickerProps: {
+            daySize: string;
+            dayTextSize: string;
+            iconFillSize: number;
+            iconLeft: any;
+            iconRight: any;
+        };
+        inputProps: {
+            size: string;
+            textSize: string;
+            clearIcon: any;
+            clearIconSize: number;
+            clearLabelTextSize: string;
+        };
+    };
+    sizeL: {
+        datePickerProps: {
+            daySize: string;
+            dayTextSize: string;
+            iconFillSize: number;
+            iconLeft: any;
+            iconRight: any;
+        };
+        inputProps: {
+            size: string;
+            textSize: string;
+            clearIcon: any;
+            clearIconSize: number;
+            clearLabelTextSize: string;
+        };
+    };
     surfacePrimary: {
-        datePicker: {
+        datePickerProps: {
             daySize: string;
             dayTextColor: string;
             dayTextShape: string;
             dayTextSize: string;
+            iconFillHover: string;
             iconItemFill: string;
-            monthTextColor: string;
-            monthTextSize: string;
-            monthTextWeight: string;
-            yearTextColor: string;
-            yearTextSize: string;
-            yearTextWeight: string;
-        };
-        input: {
+            iconShape: string;
+        };
+        inputProps: {
             width: string;
-            size: string;
             fill: string;
             fillHover: string;
             borderColor: string;
             textColor: string;
-            textSize: string;
             caret: string;
+            clearIconItemFill: string;
+            clearIconItemFillHover: string;
+            clearLabelTextColor: string;
+            clearLabelTextColorHover: string;
             placeholderTextColor: string;
-            shape: string;
         };
     };
 };

package/dist/types/components/DatePicker/appearance/datePickerSize.d.ts

@@ -0,0 +1,51 @@
+declare const datePickerSize: {
+    sizeS: {
+        datePickerProps: {
+            daySize: string;
+            dayTextSize: string;
+            iconFillSize: number;
+            iconLeft: any;
+            iconRight: any;
+        };
+        inputProps: {
+            size: string;
+            textSize: string;
+            clearIcon: any;
+            clearIconSize: number;
+            clearLabelTextSize: string;
+        };
+    };
+    sizeM: {
+        datePickerProps: {
+            daySize: string;
+            dayTextSize: string;
+            iconFillSize: number;
+            iconLeft: any;
+            iconRight: any;
+        };
+        inputProps: {
+            size: string;
+            textSize: string;
+            clearIcon: any;
+            clearIconSize: number;
+            clearLabelTextSize: string;
+        };
+    };
+    sizeL: {
+        datePickerProps: {
+            daySize: string;
+            dayTextSize: string;
+            iconFillSize: number;
+            iconLeft: any;
+            iconRight: any;
+        };
+        inputProps: {
+            size: string;
+            textSize: string;
+            clearIcon: any;
+            clearIconSize: number;
+            clearLabelTextSize: string;
+        };
+    };
+};
+export { datePickerSize };

package/dist/types/components/DatePicker/appearance/datePickerStyle.d.ts

@@ -0,0 +1,26 @@
+declare const datePickerStyle: {
+    solid: {
+        datePickerProps: {};
+        inputProps: {
+            borderWidth: string;
+        };
+    };
+    outlined: {
+        datePickerProps: {};
+        inputProps: {
+            fill: string;
+        };
+    };
+    ghost: {
+        datePickerProps: {};
+        inputProps: {
+            fill: string;
+            borderWidth: string;
+        };
+    };
+    full: {
+        datePickerProps: {};
+        inputProps: {};
+    };
+};
+export { datePickerStyle };

package/dist/types/components/DatePicker/appearance/datePickerSurface.d.ts

@@ -1,29 +1,26 @@
 declare const datePickerAppearanceSurface: {
     surfacePrimary: {
-        datePicker: {
+        datePickerProps: {
             daySize: string;
             dayTextColor: string;
             dayTextShape: string;
             dayTextSize: string;
+            iconFillHover: string;
             iconItemFill: string;
-            monthTextColor: string;
-            monthTextSize: string;
-            monthTextWeight: string;
-            yearTextColor: string;
-            yearTextSize: string;
-            yearTextWeight: string;
+            iconShape: string;
         };
-        input: {
+        inputProps: {
             width: string;
-            size: string;
             fill: string;
             fillHover: string;
             borderColor: string;
             textColor: string;
-            textSize: string;
             caret: string;
+            clearIconItemFill: string;
+            clearIconItemFillHover: string;
+            clearLabelTextColor: string;
+            clearLabelTextColorHover: string;
             placeholderTextColor: string;
-            shape: string;
         };
     };
 };

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { InputMaskConfig } from './InputMask.interface';
+declare const inputMaskConfig: InputMaskConfig;
+declare const InputMask: React.ForwardRefExoticComponent<Omit<InputMaskProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { InputMask, inputMaskConfig };

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

@@ -1 +1 @@
-export { Input, inputMaskConfig } from './Input';
+export { InputMask, inputMaskConfig } from './InputMask';

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

@@ -4,6 +4,7 @@ declare const paginationAppearanceSurface: {
         fillHover: string;
         gap: string;
         marginPagesDisplayed: number;
+        nextLabel: import("react/jsx-runtime").JSX.Element;
         pageCountDesc: string;
         pageCountDescTextColor: string;
         pageCountDescTextSize: string;
@@ -24,11 +25,13 @@ declare const paginationAppearanceSurface: {
         pageCountDropdownItemSize: string;
         pageCountDropdownItemWidth: string;
         pageCountDropdownShape: string;
+        pageCountInputIcon: any;
         pageCountInputIconColor: string;
         pageCountInputIconFillSize: string;
         pageCountInputTextColor: string;
         pageCountInputTextSize: string;
         pageRangeDisplayed: number;
+        previousLabel: import("react/jsx-runtime").JSX.Element;
     };
 };
 export { paginationAppearanceSurface };

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

@@ -24,6 +24,6 @@ export interface RangeSliderProps extends StyleAttributes {
     value?: number;
     vertical?: boolean;
     width?: WidthProps;
-    onChangeSlider?: () => void;
+    onChangeSlider?: (value: number | number[]) => void;
     set?: string;
 }

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import ScrollContainer from 'react-indiana-drag-scroll';
+import { ScrollContainer } from 'react-indiana-drag-scroll';
 import { BorderColorProps, BorderTypeProps, BorderWidthProps, ElevationProps, FillHoverProps, FillProps, HeightProps, WidthProps } from '@itcase/types';
 import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
 export interface ScrollOnDragProps extends StyleAttributes {

package/dist/types/components/Search/appearance/searchSize.d.ts

@@ -0,0 +1,17 @@
+declare const searchAppearanceSize: {
+    sizeS: {
+        size: string;
+        iconBefore: any;
+        iconBeforeSize: string;
+        iconClear: any;
+        iconClearSize: string;
+    };
+    sizeXS: {
+        size: string;
+        iconBefore: any;
+        iconBeforeSize: string;
+        iconClear: any;
+        iconClearSize: string;
+    };
+};
+export { searchAppearanceSize };

package/dist/types/components/Search/appearance/searchStyle.d.ts

@@ -0,0 +1,14 @@
+declare const searchAppearanceStyle: {
+    full: {};
+    ghost: {
+        fill: string;
+        borderWidth: string;
+    };
+    outlined: {
+        fill: string;
+    };
+    solid: {
+        borderWidth: string;
+    };
+};
+export { searchAppearanceStyle };

package/dist/types/components/Search/appearance/searchSurface.d.ts

@@ -0,0 +1,18 @@
+declare const searchAppearanceSurface: {
+    surfacePrimary: {
+        fill: string;
+        borderColor: string;
+        borderHover: string;
+        iconBeforeFill: string;
+        iconClearFill: string;
+    };
+    surfaceSecondary: {
+        fill: string;
+        borderColor: string;
+        borderHover: string;
+        iconBeforeFill: string;
+        iconClearFill: string;
+        placeholderTextColor: string;
+    };
+};
+export { searchAppearanceSurface };

package/dist/types/components/Segmented/appearance/segmentedSize.d.ts

@@ -0,0 +1,15 @@
+declare const segmentedAppearanceSize: {
+    sizeS: {
+        size: string;
+        labelTextSize: string;
+    };
+    sizeM: {
+        size: string;
+        labelTextSize: string;
+    };
+    sizeL: {
+        size: string;
+        labelTextSize: string;
+    };
+};
+export { segmentedAppearanceSize };

package/dist/types/components/Segmented/appearance/segmentedSurface.d.ts

@@ -0,0 +1,13 @@
+declare const segmentedAppearanceSurface: {
+    surfacePrimary: {
+        fill: string;
+        fillActive: string;
+        fillActiveHover: string;
+        fillHover: string;
+        labelTextActiveColor: string;
+        labelTextColor: string;
+        indicatorFill: string;
+        shape: string;
+    };
+};
+export { segmentedAppearanceSurface };

package/dist/types/components/Tab/appearance/tabSize.d.ts

@@ -0,0 +1,10 @@
+declare const tabAppearanceSize: {
+    sizeL: {
+        size: string;
+        labelTextSize: string;
+        dividerSize: string;
+        badgeSize: string;
+        badgeTextSize: string;
+    };
+};
+export { tabAppearanceSize };

package/dist/types/components/Tab/appearance/tabStyle.d.ts

@@ -0,0 +1,14 @@
+declare const tabAppearanceStyle: {
+    full: {};
+    ghost: {
+        fill: string;
+        borderWidth: string;
+    };
+    outlined: {
+        fill: string;
+    };
+    solid: {
+        borderWidth: string;
+    };
+};
+export { tabAppearanceStyle };

package/dist/types/components/Tab/appearance/tabSurface.d.ts

@@ -0,0 +1,51 @@
+declare const tabAppearanceSurface: {
+    surfacePrimary: {
+        fill: string;
+        fillDisabled: string;
+        labelColor: string;
+        labelColorActive: string;
+        labelColorDisabled: string;
+        dividerFillDisabled: string;
+        dividerFill: string;
+        dividerFillActive: string;
+        dividerFillHover: string;
+        badgeAppearance: string;
+    };
+    surfaceQuaternary: {
+        fill: string;
+        fillDisabled: string;
+        fillHover: string;
+        labelColor: string;
+        labelColorActive: string;
+        labelColorDisabled: string;
+        dividerFillDisabled: string;
+        dividerFill: string;
+        dividerFillActive: string;
+        dividerFillHover: string;
+    };
+    surfaceSecondary: {
+        fill: string;
+        fillDisabled: string;
+        fillHover: string;
+        labelColor: string;
+        labelColorActive: string;
+        labelColorDisabled: string;
+        dividerFillDisabled: string;
+        dividerFill: string;
+        dividerFillActive: string;
+        dividerFillHover: string;
+    };
+    surfaceTertiary: {
+        fill: string;
+        fillDisabled: string;
+        fillHover: string;
+        labelColor: string;
+        labelColorActive: string;
+        labelColorDisabled: string;
+        dividerFillDisabled: string;
+        dividerFill: string;
+        dividerFillActive: string;
+        dividerFillHover: string;
+    };
+};
+export { tabAppearanceSurface };

package/dist/types/components/Textarea/Textarea.appearance.d.ts

@@ -1,3 +1,2 @@
-import { TextareaAppearanceType, TextareaStateType } from 'components/Textarea/Textarea.interface';
+import { TextareaAppearanceType } from './Textarea.interface';
 export declare const textareaAppearance: TextareaAppearanceType;
-export declare const textareaState: TextareaStateType;

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

@@ -1,4 +1,4 @@
-import { AppearanceKeysDefault, BorderColorHoverProps, BorderColorProps, FillProps, ItemColorProps, ShapeProps, SizeProps, StateKeysDefault, TextColorProps, TextSizeProps, TextWeightProps, WidthProps } from '@itcase/types';
+import { AppearanceKeysDefault, BorderColorHoverProps, BorderColorProps, FillProps, ItemColorProps, ShapeProps, SizeProps, TextColorProps, TextSizeProps, TextWeightProps, WidthProps } from '@itcase/types';
 import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
 export interface TextareaThemeColor {
     [key: number | string | symbol]: any;
@@ -15,19 +15,13 @@ export interface TextareaThemeColor {
     width?: WidthProps;
 }
 type AppearanceKeys = AppearanceKeysDefault & {};
-type stateKeysType = StateKeysDefault & {};
 export type TextareaAppearanceType = {
     [key in AppearanceKeys]?: TextareaThemeColor;
 };
-export type TextareaStateType = {
-    [key in stateKeysType]?: TextareaThemeColor;
-};
 export interface TextareaConfig {
     [key: number | string | symbol]: any;
     appearance: TextareaAppearanceType | undefined;
-    state: TextareaStateType | undefined;
     setAppearance: (newComponent: TextareaAppearanceType) => void;
-    setState: (newComponent: TextareaStateType) => void;
 }
 export interface TextareaProps extends TextareaThemeColor, StyleAttributes {
     id?: string;
@@ -36,7 +30,6 @@ export interface TextareaProps extends TextareaThemeColor, StyleAttributes {
     className?: string;
     disabled?: boolean;
     placeholder?: string;
-    state?: stateKeysType;
     value?: string;
     onBlur?: () => void;
     onChange?: () => void;

package/dist/types/components/Textarea/appearance/textareaDefault.d.ts

@@ -0,0 +1,18 @@
+declare const textareaAppearanceDefault: {
+    defaultPrimary: {
+        fill: string;
+        borderColor: string;
+        borderHover: string;
+        iconBeforeFill: string;
+        iconClearFill: string;
+    };
+    defaultSecondary: {
+        fill: string;
+        borderColor: string;
+        borderHover: string;
+        iconBeforeFill: string;
+        iconClearFill: string;
+        placeholderTextColor: string;
+    };
+};
+export { textareaAppearanceDefault };