@itcase/ui 1.8.30 → 1.8.32

package/dist/stories/CookiesWarningOverview.mdx

@@ -2,7 +2,7 @@ import { Meta, Story } from '@storybook/blocks'
 
 import * as CookiesWarningStories from '../stories/CoockiesWarning.stories'
 
-<Meta title="Components / CookiesWarning / Overview" />
+<Meta title="Molecules / CookiesWarning / Overview" />
 
 # CookiesWarning
 

package/dist/stories/CookiesWarningPlayground.mdx

@@ -2,7 +2,7 @@ import { Canvas, Controls, Meta } from '@storybook/blocks'
 
 import * as CookiesWarningStories from '../stories/CoockiesWarning.stories'
 
-<Meta title="Components / CookiesWarning / Playground" />
+<Meta title="Molecules / CookiesWarning / Playground" />
 
 # Playground
 

package/dist/stories/DadataOverview.mdx

@@ -0,0 +1,11 @@
+import { Meta, Story } from '@storybook/blocks'
+
+import * as DadataStories from '../stories/Dadata.stories'
+
+<Meta title="Molecules / Dadata / Overview" />
+
+# Dadata
+
+`Dadata` - это текстовое поле для организаций(ru), которое выдает подсказки в выпадающем списке
+
+<Story of={DadataStories.Demo} />

package/dist/stories/DadataPlaygroynd.mdx

@@ -0,0 +1,11 @@
+import { Canvas, Controls, Meta } from '@storybook/blocks'
+
+import * as DadataStories from '../stories/Dadata.stories'
+
+<Meta title="Molecules / Dadata / Playground" />
+
+# Playground
+
+<Canvas sourceState="shown" of={DadataStories.Demo} />
+<Controls of={DadataStories.Demo} />
+

package/dist/stories/HTMLContentOverview.mdx

@@ -2,7 +2,7 @@ import { Meta, Story } from '@storybook/blocks'
 
 import * as HTMLContentStories from '../stories/HTMLContent.stories'
 
-<Meta title="Components / HTMLContent / Overview" />
+<Meta title="Wrappers / HTMLContent / Overview" />
 
 # HTMLContent
 

package/dist/stories/HTMLContentPlayground.mdx

@@ -2,7 +2,7 @@ import { Canvas, Controls, Meta } from '@storybook/blocks'
 
 import * as HTMLContentStories from '../stories/HTMLContent.stories'
 
-<Meta title="Components / HTMLContent / Playground" />
+<Meta title="Wrappers / HTMLContent / Playground" />
 
 # Playground
 

package/dist/stories/HeroTitleOverview.mdx

@@ -2,7 +2,7 @@ import { Meta, Story, Canvas } from '@storybook/blocks'
 
 import * as HeroTitleSizeStories from '../stories/HeroTitleSize.stories'
 
-<Meta title="Atoms / Hero Title / Overview" />
+<Meta title="Typography / Hero Title / Overview" />
 
 # Title
 

package/dist/stories/HeroTitlePlayground.mdx

@@ -2,7 +2,7 @@ import { Canvas, Controls, Meta } from '@storybook/blocks'
 
 import * as HeroTitleSizeStories from '../stories/HeroTitleSize.stories'
 
-<Meta title="Atoms / Hero Title / Playground" />
+<Meta title="Typography / Hero Title / Playground" />
 
 # Playground
 

package/dist/stories/LinkOverview.mdx

@@ -2,7 +2,7 @@ import { Meta, Story } from '@storybook/blocks'
 
 import * as LinkStories from '../stories/LinkDemo.stories'
 
-<Meta title="Components / Link" />
+<Meta title="Atoms / Link" />
 
 # Link
 `Link` - это элемент, который позволяет пользователю перейти на другую страницу или ресурс

package/dist/stories/LinkPlayground.mdx

@@ -2,7 +2,7 @@ import { Canvas, Controls, Meta } from '@storybook/blocks'
 
 import * as LinkStories from '../stories/LinkDemo.stories'
 
-<Meta title="Components / Link / Playground" />
+<Meta title="Atoms / Link / Playground" />
 
 # Playground
 

package/dist/stories/RangeSliderOverview.mdx

@@ -0,0 +1,15 @@
+import { Meta, Story } from '@storybook/blocks'
+
+import * as RangeSliderStories from  '../stories/RangeSliderDemo.stories'
+
+<Meta title="Molecules / RangeSlider / Overview" />
+
+# RangeSlider
+
+`RangeSlider` - это слайдер для выбора значений в заданном диапазоне
+
+## Demo
+<Story of={RangeSliderStories.Demo}/>
+
+## Disabled
+<Story of={RangeSliderStories.Disabled}/>

package/dist/stories/RangeSliderPlayground.mdx

@@ -0,0 +1,10 @@
+import { Canvas, Controls, Meta } from '@storybook/blocks'
+
+import * as RangeSliderStories from '../stories/RangeSliderDemo.stories'
+
+<Meta title="Molecules / RangeSlider / Playground" />
+
+# Playground
+
+<Canvas sourceState="shown" of={RangeSliderStories.Demo} />
+<Controls of={RangeSliderStories.Demo} />

package/dist/stories/SVGContentOverview.mdx

@@ -2,7 +2,7 @@ import { Meta, Story } from '@storybook/blocks'
 
 import * as SVGContentStories from  '../stories/SVGContent.stories'
 
-<Meta title="Components / SVGContent / Overview" />
+<Meta title="Wrappers / SVGContent / Overview" />
 
 # SVGContent
 

package/dist/stories/SVGContentPlayground.mdx

@@ -2,7 +2,7 @@ import { Canvas, Controls, Meta } from '@storybook/blocks'
 
 import * as SVGContentStories from '../stories/SVGContent.stories'
 
-<Meta title="Components / SVGContent / Playground" />
+<Meta title="Wrappers / SVGContent / Playground" />
 
 # Playground
 

package/dist/stories/ScrollOnDragOverview.mdx

@@ -0,0 +1,12 @@
+import { Meta, Story } from '@storybook/blocks'
+
+import * as ScrollOnDragStories from  '../stories/ScrollOnDrag.stories'
+
+<Meta title="Molecules / ScrollOnDrag / Overview" />
+
+# ScrollOnDrag
+
+`ScrollOnDrag` - компонент для отображения прокручиваемой области с эффектом `drag`
+
+## Demo
+<Story of={ScrollOnDragStories.Demo}/>

package/dist/stories/ScrollOnDragPlayground.mdx

@@ -0,0 +1,10 @@
+import { Canvas, Controls, Meta } from '@storybook/blocks'
+
+import * as ScrollOnDragStories from '../stories/ScrollOnDrag.stories'
+
+<Meta title="Molecules / ScrollOnDrag / Playground" />
+
+# Playground
+
+<Canvas sourceState="shown" of={ScrollOnDragStories.Demo} />
+<Controls of={ScrollOnDragStories.Demo} />

package/dist/stories/ScrollbarOverview.mdx

@@ -0,0 +1,15 @@
+import { Meta, Story } from '@storybook/blocks'
+
+import * as ScrollbarStories from '../stories/Scrollbar.stories'
+
+<Meta title="Molecules / Scrollbar / Overview" />
+
+# Scrollbar
+`Scrollbar` - компонент для отображения прокручиваемой области.
+<Story of={ScrollbarStories.Demo} />
+
+## No Default Styles
+<Story of={ScrollbarStories.NoDefaultStyles} />
+
+## Height
+<Story of={ScrollbarStories.Height} />

package/dist/stories/ScrollbarPlayground.mdx

@@ -0,0 +1,10 @@
+import { Canvas, Controls, Meta } from '@storybook/blocks'
+
+import * as ScrollbarStories from '../stories/Scrollbar.stories'
+
+<Meta title="Molecules / Scrollbar / Playground" />
+
+# Playground
+
+<Canvas sourceState="shown" of={ScrollbarStories.Demo} />
+<Controls of={ScrollbarStories.Demo} />

package/dist/stories/SwiperOverview.mdx

@@ -1,8 +1,8 @@
 import { Meta, Story } from '@storybook/blocks'
 
-import * as SwiperStories from '../stories/Swiper.stories'
+import * as SwiperStories from '../stories/SwiperDemo.stories'
 
-<Meta title="Components / Swiper / Overview" />
+<Meta title="Molecules / Swiper / Overview" />
 
 # Swiper
 

package/dist/stories/SwiperPlayground.mdx

@@ -1,8 +1,8 @@
 import { Canvas, Controls, Meta } from '@storybook/blocks'
 
-import * as SwiperStories from '../stories/Swiper.stories'
+import * as SwiperStories from '../stories/SwiperDemo.stories'
 
-<Meta title="Components / Swiper / Playground" />
+<Meta title="Molecules / Swiper / Playground" />
 
 # Playground
 

package/dist/stories/TextOverview.mdx

@@ -2,7 +2,7 @@ import { Meta, Story } from '@storybook/blocks'
 
 import * as TextStories from '../stories/TextSize.stories'
 
-<Meta title="Atoms / Text / Overview" />
+<Meta title="Typography / Text / Overview" />
 
 # Text
 

package/dist/stories/TextPlayground.mdx

@@ -2,7 +2,7 @@ import { Canvas, Controls, Meta } from '@storybook/blocks'
 
 import * as TextStories from '../stories/TextSize.stories'
 
-<Meta title="Atoms / Text / Playground" />
+<Meta title="Typography / Text / Playground" />
 
 # Playground
 

package/dist/stories/TitleOverview.mdx

@@ -2,7 +2,7 @@ import { Meta, Story } from '@storybook/blocks'
 
 import * as TitleStories from '../stories/TitleDemo.stories'
 
-<Meta title="Atoms / Title / Overview" />
+<Meta title="Typography / Title / Overview" />
 
 # Overview
 

package/dist/stories/TitlePlayground.mdx

@@ -2,7 +2,7 @@ import { Canvas, Controls, Meta } from '@storybook/blocks'
 
 import * as TitleStories from '../stories/TitleDemo.stories'
 
-<Meta title="Atoms / Title / Playground" />
+<Meta title="Typography / Title / Playground" />
 
 # Playground
 

package/dist/types/components/Accordion/appearance/accordionSize.d.ts

@@ -4,48 +4,48 @@ declare const accordionAppearanceSize: {
         titleTextSize: string;
         badgeAppearanceSize: string;
         contentTextSize: string;
-        icon: string;
+        icon: any;
     };
     sizeXL: {
         size: string;
         titleTextSize: string;
         badgeAppearanceSize: string;
         contentTextSize: string;
-        icon: string;
+        icon: any;
     };
     sizeL: {
         size: string;
         titleTextSize: string;
         badgeAppearanceSize: string;
-        icon: string;
+        icon: any;
     };
     sizeM: {
         size: string;
         titleTextSize: string;
         badgeAppearanceSize: string;
         contentTextSize: string;
-        icon: string;
+        icon: any;
     };
     sizeS: {
         size: string;
         titleTextSize: string;
         badgeAppearanceSize: string;
         contentTextSize: string;
-        icon: string;
+        icon: any;
     };
     sizeXS: {
         size: string;
         titleTextSize: string;
         badgeAppearanceSize: string;
         contentTextSize: string;
-        icon: string;
+        icon: any;
     };
     sizeXXS: {
         size: string;
         titleTextSize: string;
         badgeAppearanceSize: string;
         contentTextSize: string;
-        icon: string;
+        icon: any;
     };
 };
 export { accordionAppearanceSize };

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

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

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

@@ -1,9 +1,7 @@
 declare const cellMock: {
     title: string;
-    titleIcon: string;
     titleLabel: string;
     value: string;
-    valueIcon: string;
     valueLabel: string;
 };
 export { cellMock };

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

@@ -56,6 +56,7 @@ interface ChoiceProps extends ChoiceThemeColor, StyleAttributes {
     isCheckbox?: boolean;
     isDisabled?: boolean;
     isLoading?: boolean;
+    isSkeleton?: boolean;
     set?: string;
     setActiveSegment?: (item: any, isChecked?: boolean) => void;
 }

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

@@ -0,0 +1,10 @@
+declare const choiceAppearanceDefault: {
+    defaultPrimary: {
+        fill: string;
+        labelTextColor: string;
+        borderColor: string;
+        iconAfterFill: string;
+        iconBeforeFill: string;
+    };
+};
+export { choiceAppearanceDefault };

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

@@ -0,0 +1,10 @@
+declare const choiceAppearanceDisabled: {
+    disabledPrimary: {
+        fill: string;
+        labelTextColor: string;
+        borderColor: string;
+        iconAfterFill: string;
+        iconBeforeFill: string;
+    };
+};
+export { choiceAppearanceDisabled };

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

@@ -0,0 +1,17 @@
+declare const choiceAppearanceError: {
+    errorPrimary: {
+        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 { choiceAppearanceError };

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

@@ -0,0 +1,11 @@
+declare const choiceAppearanceRequire: {
+    requirePrimary: {
+        fill: string;
+        fillItemActive: string;
+        labelTextColor: string;
+        borderColor: string;
+        iconAfterFill: string;
+        iconBeforeFill: string;
+    };
+};
+export { choiceAppearanceRequire };

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

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

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

@@ -0,0 +1,11 @@
+declare const choiceAppearanceSuccess: {
+    successPrimary: {
+        fill: string;
+        fillItemActive: string;
+        labelTextColor: string;
+        borderColor: string;
+        iconAfterFill: string;
+        iconBeforeFill: string;
+    };
+};
+export { choiceAppearanceSuccess };

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

@@ -0,0 +1,21 @@
+declare const choiceListMock: {
+    active: {
+        value: number;
+    };
+    choices: {
+        label: string;
+        iconAfter: any;
+        iconBefore: any;
+        value: number;
+    }[];
+};
+declare const choiceListIconMock: {
+    active: {
+        value: number;
+    };
+    choices: {
+        icon: any;
+        value: number;
+    }[];
+};
+export { choiceListMock, choiceListIconMock };

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

@@ -1,13 +1,11 @@
 declare const codeAppearanceDefault: {
     defaultPrimary: {
-        fill: string;
-        borderColor: string;
-        borderHover: string;
-    };
-    defaultSecondary: {
-        fill: string;
-        borderColor: string;
-        borderHover: string;
+        inputBorderColor: string;
+        inputCaretColor: string;
+        inputFill: string;
+        inputFillHover: string;
+        inputPlaceholderTextColor: string;
+        inputTextColor: string;
     };
 };
 export { codeAppearanceDefault };

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

@@ -1,6 +1,7 @@
 declare const codeAppearanceError: {
     errorPrimary: {
         inputBorderColor: string;
+        inputBorderColorHover: string;
         inputCaretColor: string;
         inputFill: string;
         inputFillHover: string;

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

@@ -1,13 +1,13 @@
 declare const codeAppearanceSize: {
     sizeL: {
         size: string;
-        labelTextSize: string;
         inputSize: string;
+        inputTextSize: string;
     };
     sizeM: {
         size: string;
-        labelTextSize: string;
         inputSize: string;
+        inputTextSize: string;
     };
 };
 export { codeAppearanceSize };

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

@@ -0,0 +1,3 @@
+import type { DadataProps } from './Dadata.interface';
+declare function Dadata(props: DadataProps): import("react/jsx-runtime").JSX.Element;
+export { Dadata };

package/dist/types/components/{DadataHintField/DadataHintField.interface.d.ts → Dadata/Dadata.interface.d.ts}

@@ -2,7 +2,7 @@ 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 {
+export interface DadataProps extends StyleAttributes {
     delay?: number;
     input?: any;
     inputProps?: HTMLProps<HTMLInputElement>;

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

@@ -0,0 +1 @@
+export { Dadata } from './Dadata';

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

@@ -21,16 +21,16 @@ export declare const datePickerAppearance: {
         daySize: string;
         dayTextSize: string;
         iconFillSize: number;
-        iconLeft: string;
-        iconRight: string;
+        iconLeft: any;
+        iconRight: any;
     };
     sizeM: {
         size: string;
         daySize: string;
         dayTextSize: string;
         iconFillSize: number;
-        iconLeft: string;
-        iconRight: string;
+        iconLeft: any;
+        iconRight: any;
         iconSize: number;
         monthTextSize: string;
         yearTextSize: string;
@@ -40,8 +40,8 @@ export declare const datePickerAppearance: {
         daySize: string;
         dayTextSize: string;
         iconFillSize: number;
-        iconLeft: string;
-        iconRight: string;
+        iconLeft: any;
+        iconRight: any;
     };
     surfacePrimary: {
         dayTextColor: string;

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

@@ -4,16 +4,16 @@ declare const datePickerSize: {
         daySize: string;
         dayTextSize: string;
         iconFillSize: number;
-        iconLeft: string;
-        iconRight: string;
+        iconLeft: any;
+        iconRight: any;
     };
     sizeM: {
         size: string;
         daySize: string;
         dayTextSize: string;
         iconFillSize: number;
-        iconLeft: string;
-        iconRight: string;
+        iconLeft: any;
+        iconRight: any;
         iconSize: number;
         monthTextSize: string;
         yearTextSize: string;
@@ -23,8 +23,8 @@ declare const datePickerSize: {
         daySize: string;
         dayTextSize: string;
         iconFillSize: number;
-        iconLeft: string;
-        iconRight: string;
+        iconLeft: any;
+        iconRight: any;
     };
 };
 export { datePickerSize };

package/dist/types/components/Drawer/appearance/drawerSurface.d.ts

@@ -7,14 +7,9 @@ declare const drawerAppearanceSurface: {
         descTextColor: string;
         descTextSize: string;
         iconSize: number;
-        closeIcon: string;
+        closeIcon: any;
         closeIconFillIcon: string;
     };
-    surfaceQuaternary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-    };
     surfaceSecondary: {
         fill: string;
         fillHover: string;
@@ -27,5 +22,10 @@ declare const drawerAppearanceSurface: {
         fillHover: string;
         labelTextColor: string;
     };
+    surfaceQuaternary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+    };
 };
 export { drawerAppearanceSurface };

package/dist/types/components/Icon/appearance/iconDanger.d.ts

@@ -5,5 +5,11 @@ declare const iconAppearanceDanger: {
         labelTextColor: string;
         labelTextColorHover: string;
     };
+    dangerPrimary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+    };
 };
 export { iconAppearanceDanger };

package/dist/types/components/Icon/appearance/iconError.d.ts

@@ -5,5 +5,11 @@ declare const iconAppearanceError: {
         labelTextColor: string;
         labelTextColorHover: string;
     };
+    errorPrimary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+    };
 };
 export { iconAppearanceError };