@itcase/ui 1.8.32 → 1.8.34

package/dist/stories/DatePeriodPlayground.mdx

@@ -6,5 +6,5 @@ import * as DatePeriodStories from '../stories/DatePeriodDemo.stories'
 
 # Playground
 
-<Canvas sourceState="shown" of={DatePeriodStories.Mp4} />
-<Controls of={DatePeriodStories.Mp4} />
+<Canvas sourceState="shown" of={DatePeriodStories.Demo} />
+<Controls of={DatePeriodStories.Demo} />

package/dist/stories/RangeSliderOverview.mdx

@@ -10,6 +10,3 @@ import * as RangeSliderStories from  '../stories/RangeSliderDemo.stories'
 
 ## Demo
 <Story of={RangeSliderStories.Demo}/>
-
-## Disabled
-<Story of={RangeSliderStories.Disabled}/>

package/dist/stories/VideoOverview.mdx

@@ -8,14 +8,6 @@ import * as VideoStories from  '../stories/VideoDemo.stories'
 
 `Video` - используется для встраивания видео в разных форматах в веб-приложения
 
-## Poster
-<Story of={VideoStories.Poster}/>
+## Demo
+<Story of={VideoStories.Demo}/>
 
-## Mp4
-<Story of={VideoStories.Mp4}/>
-
-## Webm
-<Story of={VideoStories.Webm}/>
-
-## Ogv
-<Story of={VideoStories.Ogv}/>

package/dist/stories/VideoPlayground.mdx

@@ -6,5 +6,5 @@ import * as VideoStories from '../stories/VideoDemo.stories'
 
 # Playground
 
-<Canvas sourceState="shown" of={VideoStories.Mp4} />
-<Controls of={VideoStories.Mp4} />
+<Canvas sourceState="shown" of={VideoStories.Demo} />
+<Controls of={VideoStories.Demo} />

package/dist/types/components/Breadcrumbs/stories/__mock__/index.d.ts

@@ -4,6 +4,7 @@ declare const breadcrumbsListMock: {
         key: number;
         text: string;
         href: string;
+        icon: any;
     }[];
 };
 export { breadcrumbsListMock };

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

@@ -1,10 +1,17 @@
 declare const choiceAppearanceDefault: {
     defaultPrimary: {
         fill: string;
+        fillItem: string;
+        fillItemActive: string;
+        fillItemHover: string;
         labelTextColor: string;
         borderColor: string;
         iconAfterFill: string;
+        iconAfterFillActive: string;
         iconBeforeFill: string;
+        iconBeforeFillActive: string;
+        iconFill: string;
+        iconFillActive: string;
     };
 };
 export { choiceAppearanceDefault };

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

@@ -1,10 +1,17 @@
 declare const choiceAppearanceDisabled: {
     disabledPrimary: {
         fill: string;
+        fillItem: string;
+        fillItemActive: string;
+        fillItemHover: string;
         labelTextColor: string;
         borderColor: string;
         iconAfterFill: string;
+        iconAfterFillActive: string;
         iconBeforeFill: string;
+        iconBeforeFillActive: string;
+        iconFill: string;
+        iconFillActive: string;
     };
 };
 export { choiceAppearanceDisabled };

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

@@ -1,11 +1,17 @@
 declare const choiceAppearanceRequire: {
     requirePrimary: {
         fill: string;
+        fillItem: string;
         fillItemActive: string;
+        fillItemHover: string;
         labelTextColor: string;
         borderColor: string;
         iconAfterFill: string;
+        iconAfterFillActive: string;
         iconBeforeFill: string;
+        iconBeforeFillActive: string;
+        iconFill: string;
+        iconFillActive: string;
     };
 };
 export { choiceAppearanceRequire };

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

@@ -4,10 +4,14 @@ declare const choiceAppearanceStyle: {
     };
     ghost: {
         fill: string;
+        fillItem: string;
+        fillItemActive: string;
         borderColor: string;
     };
     outlined: {
         fill: string;
+        fillItem: string;
+        fillItemActive: string;
     };
     solid: {
         borderColor: string;

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

@@ -1,11 +1,17 @@
 declare const choiceAppearanceSuccess: {
     successPrimary: {
         fill: string;
+        fillItem: string;
         fillItemActive: string;
+        fillItemHover: string;
         labelTextColor: string;
         borderColor: string;
         iconAfterFill: string;
+        iconAfterFillActive: string;
         iconBeforeFill: string;
+        iconBeforeFillActive: string;
+        iconFill: string;
+        iconFillActive: string;
     };
 };
 export { choiceAppearanceSuccess };

package/dist/types/components/Choice/stories/__mock__/index.d.ts

@@ -4,8 +4,12 @@ declare const choiceListMock: {
     };
     choices: {
         label: string;
-        iconAfter: any;
-        iconBefore: any;
+        iconAfter: {
+            Default: any;
+        };
+        iconBefore: {
+            Default: any;
+        };
         value: number;
     }[];
 };
@@ -14,7 +18,9 @@ declare const choiceListIconMock: {
         value: number;
     };
     choices: {
-        icon: any;
+        icon: {
+            Default: any;
+        };
         value: number;
     }[];
 };

package/dist/types/components/Code/appearance/codeDisabled.d.ts

@@ -1,16 +1,12 @@
 declare const codeAppearanceDisabled: {
     disabledPrimary: {
-        fill: string;
-        borderColor: string;
-        borderHover: string;
-        textColor: string;
-        placeholderTextColor: string;
-    };
-    disabledSecondary: {
-        fill: string;
-        borderColor: string;
-        borderHover: string;
-        placeholderTextColor: string;
+        inputBorderColor: string;
+        inputBorderColorHover: string;
+        inputCaretColor: string;
+        inputFill: string;
+        inputFillHover: string;
+        inputPlaceholderTextColor: string;
+        inputTextColor: string;
     };
 };
 export { codeAppearanceDisabled };

package/dist/types/components/Code/appearance/codeRequire.d.ts

@@ -1,20 +1,12 @@
 declare const codeAppearanceRequire: {
     requirePrimary: {
-        fill: string;
-        borderColor: string;
-        borderHover: string;
-        textColor: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
-        placeholderTextColor: string;
-    };
-    requireSecondary: {
-        fill: string;
-        borderColor: string;
-        borderHover: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
-        placeholderTextColor: string;
+        inputBorderColor: string;
+        inputBorderColorHover: string;
+        inputCaretColor: string;
+        inputFill: string;
+        inputFillHover: string;
+        inputPlaceholderTextColor: string;
+        inputTextColor: string;
     };
 };
 export { codeAppearanceRequire };

package/dist/types/components/Code/appearance/codeStyle.d.ts

@@ -1,16 +1,16 @@
 declare const codeAppearanceStyle: {
-    solid: {
-        borderColor: string;
-    };
-    outlined: {
-        fill: string;
-    };
     full: {
-        borderColor: string;
+        inputBorderColor: string;
     };
     ghost: {
-        fill: string;
-        borderColor: string;
+        inputBorderColor: string;
+        inputFill: string;
+    };
+    outlined: {
+        inputFill: string;
+    };
+    solid: {
+        inputBorderColor: string;
     };
 };
 export { codeAppearanceStyle };

package/dist/types/components/Code/appearance/codeSuccess.d.ts

@@ -1,11 +1,12 @@
 declare const codeAppearanceSuccess: {
-    success: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        loaderFill: string;
-        loaderItemFill: string;
+    successPrimary: {
+        inputBorderColor: string;
+        inputBorderColorHover: string;
+        inputCaretColor: string;
+        inputFill: string;
+        inputFillHover: string;
+        inputPlaceholderTextColor: string;
+        inputTextColor: string;
     };
 };
 export { codeAppearanceSuccess };

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

@@ -9,13 +9,13 @@ export declare const datePickerAppearance: {
             fill: string;
         };
     };
+    full: {};
     ghost: {
         inputProps: {
             fill: string;
             borderColor: string;
         };
     };
-    full: {};
     sizeL: {
         size: string;
         daySize: string;

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

@@ -9,12 +9,12 @@ declare const datePickerStyle: {
             fill: string;
         };
     };
+    full: {};
     ghost: {
         inputProps: {
             fill: string;
             borderColor: string;
         };
     };
-    full: {};
 };
 export { datePickerStyle };

package/dist/types/components/Input/appearance/inputDefault.d.ts

@@ -2,7 +2,7 @@ declare const inputAppearanceDefault: {
     defaultPrimary: {
         fill: string;
         borderColor: string;
-        borderHover: string;
+        borderColorHover: string;
         textColor: string;
         textColorDisabled: string;
         caret: string;
@@ -12,7 +12,7 @@ declare const inputAppearanceDefault: {
     defaultSecondary: {
         fill: string;
         borderColor: string;
-        borderHover: string;
+        borderColorHover: string;
         textColor: string;
         textColorDisabled: string;
         caret: string;

package/dist/types/components/Input/appearance/inputDisabled.d.ts

@@ -2,7 +2,7 @@ declare const inputAppearanceDisabled: {
     disabledPrimary: {
         fill: string;
         borderColor: string;
-        borderHover: string;
+        borderColorHover: string;
         textColor: string;
         iconBeforeFill: string;
         iconClearFill: string;
@@ -11,7 +11,7 @@ declare const inputAppearanceDisabled: {
     disabledSecondary: {
         fill: string;
         borderColor: string;
-        borderHover: string;
+        borderColorHover: string;
         iconBeforeFill: string;
         iconClearFill: string;
         placeholderTextColor: string;

package/dist/types/components/Input/appearance/inputError.d.ts

@@ -2,7 +2,7 @@ declare const inputAppearanceError: {
     errorPrimary: {
         fill: string;
         borderColor: string;
-        borderHover: string;
+        borderColorHover: string;
         textColor: string;
         iconBeforeFill: string;
         iconClearFill: string;
@@ -11,7 +11,7 @@ declare const inputAppearanceError: {
     errorSecondary: {
         fill: string;
         borderColor: string;
-        borderHover: string;
+        borderColorHover: string;
         iconBeforeFill: string;
         iconClearFill: string;
         placeholderTextColor: string;

package/dist/types/components/Input/appearance/inputRequire.d.ts

@@ -2,7 +2,7 @@ declare const inputAppearanceRequire: {
     requirePrimary: {
         fill: string;
         borderColor: string;
-        borderHover: string;
+        borderColorHover: string;
         textColor: string;
         iconBeforeFill: string;
         iconClearFill: string;
@@ -11,7 +11,7 @@ declare const inputAppearanceRequire: {
     requireSecondary: {
         fill: string;
         borderColor: string;
-        borderHover: string;
+        borderColorHover: string;
         iconBeforeFill: string;
         iconClearFill: string;
         placeholderTextColor: string;

package/dist/types/components/Input/appearance/inputStyle.d.ts

@@ -1,14 +1,15 @@
 declare const inputAppearanceStyle: {
-    full: {};
-    ghost: {
-        fill: string;
-        borderWidth: string;
+    solid: {
+        borderColor: string;
     };
     outlined: {
         fill: string;
     };
-    solid: {
-        borderWidth: string;
+    full: {};
+    ghost: {
+        fill: string;
+        borderColor: string;
+        borderColorHover: string;
     };
 };
 export { inputAppearanceStyle };

package/dist/types/components/Input/appearance/inputSuccess.d.ts

@@ -2,7 +2,7 @@ declare const inputAppearanceSuccess: {
     successPrimary: {
         fill: string;
         borderColor: string;
-        borderHover: string;
+        borderColorHover: string;
         textColor: string;
         iconBeforeFill: string;
         iconClearFill: string;
@@ -11,7 +11,7 @@ declare const inputAppearanceSuccess: {
     successSecondary: {
         fill: string;
         borderColor: string;
-        borderHover: string;
+        borderColorHover: string;
         iconBeforeFill: string;
         iconClearFill: string;
         placeholderTextColor: string;

package/dist/types/components/Label/appearance/labelInfo.d.ts

@@ -1,5 +1,5 @@
 declare const labelAppearanceInfo: {
-    infoMuted: {
+    infoMutedPrimary: {
         fill: string;
         labelTextColor: string;
         labelTextColorHover: string;

package/dist/types/components/MenuItem/appearance/menuItemAccent.d.ts

@@ -3,6 +3,7 @@ declare const menuItemAppearanceAccent: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
+        borderColor: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;
     };

package/dist/types/components/MenuItem/appearance/menuItemError.d.ts

@@ -4,6 +4,7 @@ declare const menuItemAppearanceError: {
         fillHover: string;
         labelTextColor: string;
         labelTextColorHover: string;
+        borderColor: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;
     };

package/dist/types/components/MenuItem/appearance/menuItemStyle.d.ts

@@ -1,13 +1,15 @@
 declare const menuItemAppearanceStyle: {
-    solid: {
+    full: {
         borderColor: string;
     };
-    outlined: {
+    ghost: {
         fill: string;
+        borderColor: string;
     };
-    full: {};
-    ghost: {
+    outlined: {
         fill: string;
+    };
+    solid: {
         borderColor: string;
     };
 };

package/dist/types/components/MenuItem/appearance/menuItemSurface.d.ts

@@ -1,8 +1,11 @@
 declare const menuItemAppearanceSurface: {
     surfacePrimary: {
         fill: string;
+        fillActive: string;
+        fillActiveHover: string;
         fillHover: string;
         labelTextColor: string;
+        borderColor: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;
     };

package/dist/types/components/Notification/appearance/notificationInfo.d.ts

@@ -0,0 +1,17 @@
+declare const notificationAppearanceInfo: {
+    infoPrimary: {
+        fill: string;
+        fillHover: string;
+        titleTextColor: string;
+        titleTextSize: string;
+        descTextColor: string;
+        descTextSize: string;
+        borderColor: string;
+        elevation: number;
+        textColor: string;
+        iconSize: number;
+        closeIcon: any;
+        closeIconFillIcon: string;
+    };
+};
+export { notificationAppearanceInfo };

package/dist/types/components/Notification/appearance/notificationStyle.d.ts

@@ -1,13 +1,13 @@
 declare const notificationAppearanceStyle: {
-    full: {};
-    ghost: {
-        fill: string;
+    solid: {
         borderColor: string;
     };
     outlined: {
         fill: string;
     };
-    solid: {
+    full: {};
+    ghost: {
+        fill: string;
         borderColor: string;
     };
 };

package/dist/types/components/Notification/stories/__mock__/index.d.ts

@@ -3,5 +3,6 @@ declare const notificationsMock: {
     title: string;
     desc: string;
     status: string;
+    closeByTime: boolean;
 }[];
 export { notificationsMock };

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

@@ -0,0 +1,21 @@
+declare const paginationAppearanceAccent: {
+    accent: {
+        fill: string;
+        fillHover: string;
+    };
+    accentPrimary: {
+        fill: string;
+        fillHover: string;
+        borderColor: string;
+    };
+    accentSecondary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        borderColor: string;
+        loaderFill: string;
+        loaderItemFill: string;
+    };
+};
+export { paginationAppearanceAccent };

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

@@ -0,0 +1,57 @@
+declare const paginationAppearanceSize: {
+    sizeL: {
+        size: string;
+        labelTextSize: string;
+        iconAfterFillSize: string;
+        iconAfterSize: string;
+        iconBeforeFillSize: string;
+        iconBeforeSize: string;
+        nextIcon: any;
+        pageCountDescTextSize: string;
+        pageCountDropdownItemDividerSize: string;
+        pageCountDropdownItemLabelSize: string;
+        pageCountDropdownItemSize: string;
+        pageCountInputIcon: any;
+        pageCountInputIconFillSize: string;
+        pageCountInputTextSize: string;
+        previousIcon: any;
+    };
+    sizeM: {
+        size: string;
+        labelTextSize: string;
+        iconAfterFillSize: string;
+        iconAfterSize: string;
+        iconBeforeFillSize: string;
+        iconBeforeSize: string;
+        nextIcon: any;
+        pageCountDescTextSize: string;
+        pageCountDropdownItemDividerSize: string;
+        pageCountDropdownItemLabelSize: string;
+        pageCountDropdownItemSize: string;
+        pageCountDropdownItemWidth: string;
+        pageCountInputIcon: any;
+        pageCountInputIconFillSize: string;
+        pageCountInputTextSize: string;
+        previousIcon: any;
+    };
+    sizeS: {
+        size: string;
+        labelTextSize: string;
+        iconAfterFillSize: string;
+        iconAfterSize: string;
+        iconBeforeFillSize: string;
+        iconBeforeSize: string;
+        nextIcon: any;
+        previousIcon: any;
+    };
+    sizeXS: {
+        size: string;
+        labelTextSize: string;
+        beforeSize: string;
+        iconAfterFillSize: string;
+        nextIcon: any;
+        pageCountInputIcon: any;
+        previousIcon: any;
+    };
+};
+export { paginationAppearanceSize };

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

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

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

@@ -2,17 +2,12 @@ declare const paginationAppearanceSurface: {
     surfacePrimary: {
         fill: string;
         fillHover: string;
-        gap: string;
-        marginPagesDisplayed: number;
-        nextLabel: import("react/jsx-runtime").JSX.Element;
-        pageCountDesc: string;
+        nextIconFillIcon: string;
         pageCountDescTextColor: string;
-        pageCountDescTextSize: string;
         pageCountDropdownAlignment: string;
         pageCountDropdownElevation: number;
         pageCountDropdownFill: string;
         pageCountDropdownItemDividerFill: string;
-        pageCountDropdownItemDividerSize: string;
         pageCountDropdownItemFill: string;
         pageCountDropdownItemFillActive: string;
         pageCountDropdownItemFillActiveHover: string;
@@ -22,18 +17,10 @@ declare const paginationAppearanceSurface: {
         pageCountDropdownItemLabelColorActive: string;
         pageCountDropdownItemLabelColorActiveHover: string;
         pageCountDropdownItemLabelColorHover: string;
-        pageCountDropdownItemLabelSize: string;
-        pageCountDropdownItemShowDivider: boolean;
-        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;
+        previousIconFillIcon: string;
     };
 };
 export { paginationAppearanceSurface };

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

@@ -2,7 +2,7 @@ declare const searchAppearanceDefault: {
     defaultPrimary: {
         fill: string;
         borderColor: string;
-        borderHover: string;
+        borderColorHover: string;
         iconAfterFill: string;
         iconBeforeFill: string;
         iconClearFill: string;