@itcase/ui 1.4.6 → 1.4.7

package/dist/stories/Checkbox.mdx

@@ -0,0 +1,12 @@
+import { Meta, Story } from '@storybook/blocks'
+
+import * as CheckboxStories from '../stories/Demo.stories.tsx'
+
+<Meta title="Atoms / Checkbox" />
+
+# Checkbox
+
+`Checkbox` позволяет выбрать несколько пунктов из списка вариантов или сделать выбор между двумя противоположными состояниями или свойствами.
+Клик по тексту или чекбоксу приводит к выбору пункта. Повторный клик приводит к отмене выбора.
+
+<Story of={CheckboxStories.Demo} />

package/dist/stories/Checkmark.mdx

@@ -0,0 +1,10 @@
+import { Meta, Story } from '@storybook/blocks'
+
+import * as CheckmarkStories from '../stories/Checkmark.stories'
+
+<Meta title="Atoms / Checkmark" />
+
+# Checkmark
+
+`Checkmark` — показывает активен ли элемент.
+

package/dist/stories/Chips.mdx

@@ -0,0 +1,37 @@
+import { Meta, Story, Canvas } from '@storybook/blocks'
+
+import * as ChipsStories from '../stories/Appearance.stories.tsx'
+
+<Meta title="Atoms / Chips" />
+
+# Chips
+
+`Chips` — это компактная альтернатива чекбоксам. Они позволяют пользователям выбирать несколько вариантов одновременно и в основном применяются на мобильных устройствах для переключений фильтров.
+Данный компонент может быть использован в компоненте множественного выбора (SelectMulti).
+
+<Canvas sourceState="shown"of={ChipsStories.Accent} />
+
+
+## Accent
+
+<Canvas sourceState="shown" of={ChipsStories.Accent} />
+
+## Primary
+
+<Canvas sourceState="shown" of={ChipsStories.Primary} />
+
+## Secondary
+
+<Canvas sourceState="shown" of={ChipsStories.Secondary} />
+
+## SurfacePrimary
+
+<Canvas sourceState="shown" of={ChipsStories.SurfacePrimary} />
+
+## SurfaceSecondary
+
+<Canvas sourceState="shown" of={ChipsStories.SurfaceSecondary} />
+
+## SurfaceTertiary
+
+<Canvas sourceState="shown" of={ChipsStories.SurfaceTertiary} />

package/dist/stories/Dev.mdx

@@ -1,9 +1,9 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as TitleStories from '../stories/Title.stories.tsx'
+import * as SearchInputStories from './SearchInput.stories.tsx'
 
-<Meta title="Atoms / Title / Dev Mode" />
+<Meta title="Molecules / Search / Dev Mode" />
 
 # Dev
 
-<Canvas sourceState="shown" of={TitleStories.Dev} />
+<Canvas sourceState="shown" of={SearchInputStories.Dev} />

package/dist/stories/Elevation.mdx

@@ -1,7 +1,7 @@
 import { Meta, Typeset } from '@storybook/blocks'
-import { Divider } from '@itcase/ui/components/Divider'
-import { Group } from '@itcase/ui/components/Group'
-import { Text } from '@itcase/ui/components/Text'
+import { Divider } from '../components/Divider'
+import { Group } from '../components/Group'
+import { Text } from '../components/Text'
 
 <Meta title="Tokens / Elevation" />
 

package/dist/stories/Label.mdx

@@ -0,0 +1,11 @@
+import { Meta, Story } from '@storybook/blocks'
+
+import * as LabelStories from '../stories/Label.stories.tsx'
+
+<Meta title="Atoms / Label" />
+
+# Label
+
+`Label` - это маленький компонент, который позволяет дополнить ваш компонент лейблом с описанием.
+
+<Story of={LabelStories.Demo} />

package/dist/stories/Loader.mdx

@@ -0,0 +1,11 @@
+import { Canvas, Controls, Meta, Story } from '@storybook/blocks'
+
+import * as LoaderStories from '../stories/Loader.stories.tsx'
+
+<Meta title="Atoms / Loader" />
+
+# Loader
+
+`Loader` - это компонент для визуального отображения состояния загрузки. Используется при загрузке данных, медленной обработке запроса или выполнения действия с задержкой.
+
+<Story of={LoaderStories.Demo} />

package/dist/stories/Logo.mdx

@@ -1,19 +1,24 @@
-import { Canvas, Meta } from '@storybook/blocks'
+import { Canvas, Controls, Meta, Story } from '@storybook/blocks'
 
 import * as LogoStories from '../stories/Logo.stories.tsx'
+import * as LogoSizeStories from '../stories/LogoSize.stories.tsx'
 
-<Meta of={LogoStories} />
+<Meta title="Atoms / Logo" />
 
 # Logo
 
+`Logo` - отображает логотип компании, и зачастую явлется ссылкой на главную страницу.
+
+<Canvas sourceState="shown" of={LogoStories.Default} />
+
 ## SizeS
 
-<Canvas sourceState="shown" of={LogoStories.SizeS} />
+<Canvas sourceState="shown" of={LogoSizeStories.S} />
 
 ## SizeM
 
-<Canvas sourceState="shown" of={LogoStories.SizeM} />
+<Canvas sourceState="shown" of={LogoSizeStories.M} />
 
 ## SizeL
 
-<Canvas sourceState="shown" of={LogoStories.SizeL} />
+<Canvas sourceState="shown" of={LogoSizeStories.L} />

package/dist/stories/Modal.mdx

@@ -0,0 +1,15 @@
+import { Meta, Canvas } from '@storybook/blocks'
+
+import * as ModalStories from '../stories/Modal.stories.tsx'
+
+<Meta title="Molecules / Modal" />
+
+# Modal
+
+`Modal` - это карточка, на которой находится вся ключевая информация, более детальная отобразится при клике на нее.
+
+## Demo
+<Canvas sourceState="shown" of={ModalStories.Demo} />
+
+## Skeleton
+<Canvas sourceState="shown" of={ModalStories.Skeleton} />

package/dist/stories/Response.mdx

@@ -0,0 +1,11 @@
+import { Canvas, Controls, Meta, Story } from '@storybook/blocks'
+
+import * as ResponseStories from '../stories/Default.stories.tsx'
+
+<Meta title="Molecules / Response" />
+
+# Response
+
+`Response` отображает статус, например, предупреждения или ошибки, напрямую влияющих на возможности пользователей выполнять определенные задачи.
+
+<Story of={ResponseStories.Demo} />

package/dist/stories/Tab.mdx

@@ -0,0 +1,27 @@
+import { Meta, Story } from '@storybook/blocks'
+
+import * as TabStories from '../stories/Appearance.stories.tsx'
+import * as TabGroupStories from '../stories/Group.stories.tsx'
+
+<Meta title="Atoms / Tab" />
+
+# Tab
+
+`Tab` - это элемент быстрой навигации между сгруппированным контентом без перезагрузки страницы.
+Отображает в общем контейнере выбранный раздел контента, скрывая остальные разделы.
+
+Табы образуют группу. Группа табов отделяется от контента линией или
+границей блоков. Один таб всегда выбран, по умолчанию первый. Может быть выбран только один таб
+из всей группы. Клик по неактивному табу скрывает текущий контент и отображает контент выбранного таба.
+Используйте табы для второстепенной навигации, группировки и фильтрации связанного контента.
+
+<Story of={TabStories.Accent} />
+
+# TabGroup
+
+`TabGroup` состоит из табов, которые образуют группу. Группа табов отделяется от контента линией или
+границей блоков. Один таб всегда выбран, по умолчанию первый. Может быть выбран только один таб
+из всей группы. Клик по неактивному табу скрывает текущий контент и отображает контент выбранного таба.
+Используйте табы для второстепенной навигации, группировки и фильтрации связанного контента.
+
+<Story of={TabGroupStories.Default} />

package/dist/stories/Tile.mdx

@@ -0,0 +1,11 @@
+import { Meta, Story } from '@storybook/blocks'
+
+import * as TileStories from '../stories/Tile.stories.tsx'
+
+<Meta title="Molecules / Tile" />
+
+# Tile
+
+`Tile` - это карточка, на которой находится вся ключевая информация, более детальная отобразится при клике на нее.
+
+<Story of={TileStories.Normal} />

package/dist/stories/Title.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as TitleStories from '../stories/Title.stories.tsx'
+import * as TitleStories from '../stories/Size.stories.tsx'
 
 <Meta of={TitleStories} />
 

package/dist/types/appearance/default/defaultAccent.d.ts

@@ -0,0 +1,33 @@
+declare const defaultAccentAppearance: {
+    accent: {
+        fill: string;
+        fillHover: string;
+        borderColor: string;
+        textColor: string;
+    };
+    accentPrimary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    accentSecondary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    accentTertiary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    accentQuaternary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+};
+export { defaultAccentAppearance };

package/dist/types/appearance/default/defaultDanger.d.ts

@@ -0,0 +1,33 @@
+declare const defaultDangerAppearance: {
+    danger: {
+        fill: string;
+        fillHover: string;
+        borderColor: string;
+        textColor: string;
+    };
+    dangerPrimary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    dangerSecondary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    dangerTertiary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    dangerQuaternary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+};
+export { defaultDangerAppearance };

package/dist/types/appearance/default/defaultDisabled.d.ts

@@ -0,0 +1,33 @@
+declare const defaultDisabledAppearance: {
+    disabled: {
+        fill: string;
+        fillHover: string;
+        borderColor: string;
+        textColor: string;
+    };
+    disabledPrimary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    disabledSecondary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    disabledTertiary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    disabledQuaternary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+};
+export { defaultDisabledAppearance };

package/dist/types/appearance/default/defaultError.d.ts

@@ -0,0 +1,33 @@
+declare const defaultErrorAppearance: {
+    error: {
+        fill: string;
+        fillHover: string;
+        borderColor: string;
+        textColor: string;
+    };
+    errorPrimary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    errorSecondary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    errorTertiary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    errorQuaternary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+};
+export { defaultErrorAppearance };

package/dist/types/appearance/default/defaultInfo.d.ts

@@ -0,0 +1,33 @@
+declare const defaultInfoAppearance: {
+    info: {
+        fill: string;
+        fillHover: string;
+        borderColor: string;
+        textColor: string;
+    };
+    infoPrimary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    infoSecondary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    infoTertiary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    infoQuaternary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+};
+export { defaultInfoAppearance };

package/dist/types/appearance/default/defaultPrimary.d.ts

@@ -0,0 +1,33 @@
+declare const defaultPrimaryAppearance: {
+    primary: {
+        fill: string;
+        fillHover: string;
+        borderColor: string;
+        textColor: string;
+    };
+    primaryPrimary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    primarySecondary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    primaryTertiary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    primaryQuaternary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+};
+export { defaultPrimaryAppearance };

package/dist/types/appearance/default/defaultSecondary.d.ts

@@ -0,0 +1,33 @@
+declare const defaultSecondaryAppearance: {
+    secondary: {
+        fill: string;
+        fillHover: string;
+        borderColor: string;
+        textColor: string;
+    };
+    secondaryPrimary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    secondarySecondary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    secondaryTertiary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    secondaryQuaternary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+};
+export { defaultSecondaryAppearance };

package/dist/types/appearance/default/defaultSuccess.d.ts

@@ -0,0 +1,33 @@
+declare const defaultSuccessAppearance: {
+    success: {
+        fill: string;
+        fillHover: string;
+        borderColor: string;
+        textColor: string;
+    };
+    successPrimary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    successSecondary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    successTertiary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    successQuaternary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+};
+export { defaultSuccessAppearance };

package/dist/types/appearance/default/defaultSurface.d.ts

@@ -0,0 +1,33 @@
+declare const defaultSurfaceAppearance: {
+    surface: {
+        fill: string;
+        fillHover: string;
+        borderColor: string;
+        textColor: string;
+    };
+    surfacePrimary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    surfaceSecondary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    surfaceTertiary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    surfaceQuaternary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+};
+export { defaultSurfaceAppearance };

package/dist/types/appearance/default/defaultWarning.d.ts

@@ -0,0 +1,33 @@
+declare const defaultWarningAppearance: {
+    warning: {
+        fill: string;
+        fillHover: string;
+        borderColor: string;
+        textColor: string;
+    };
+    warningPrimary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    warningSecondary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    warningTertiary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    warningQuaternary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+};
+export { defaultWarningAppearance };

package/dist/types/appearance/index.d.ts

@@ -1,3 +1,12 @@
-import { defaultAppearance } from './defaultAppearance';
+import { defaultAccentAppearance } from './default/defaultAccent';
+import { defaultAppearance } from './default/defaultAppearance';
+import { defaultDangerAppearance } from './default/defaultDanger';
+import { defaultDisabledAppearance } from './default/defaultDisabled';
+import { defaultErrorAppearance } from './default/defaultError';
+import { defaultInfoAppearance } from './default/defaultInfo';
+import { defaultPrimaryAppearance } from './default/defaultPrimary';
+import { defaultSuccessAppearance } from './default/defaultSuccess';
+import { defaultSurfaceAppearance } from './default/defaultSurface';
+import { defaultWarningAppearance } from './default/defaultWarning';
 import { styleAppearance } from './styleAppearance';
-export { defaultAppearance, styleAppearance };
+export { defaultAppearance, defaultAccentAppearance, defaultDangerAppearance, defaultDisabledAppearance, defaultErrorAppearance, defaultInfoAppearance, defaultPrimaryAppearance, defaultSuccessAppearance, defaultSurfaceAppearance, defaultWarningAppearance, styleAppearance, };

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

@@ -26,7 +26,7 @@ export type avatarAppearanceType = {
 export interface iAvatarConfig {
     [key: number | string | symbol]: any;
     appearance: avatarAppearanceType | undefined;
-    setAppearance: (newComponent: avatarAppearanceType) => void;
+    setAppearance: (appearanceConfig: avatarAppearanceType) => void;
 }
 export interface iAvatarProps extends iAvatarThemeColor, iStyleAttributes {
     [key: number | string | symbol]: any;

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

@@ -2,18 +2,18 @@ declare const buttonAppearanceInfo: {
     info: {
         fill: string;
         fillHover: string;
-        borderColor: string;
         labelTextColor: string;
         labelTextColorHover: string;
+        borderColor: string;
         loaderFill: string;
         loaderItemFill: string;
     };
     infoSecondary: {
         fill: string;
         fillHover: string;
-        borderColor: string;
         labelTextColor: string;
         labelTextColorHover: string;
+        borderColor: string;
         loaderFill: string;
         loaderItemFill: string;
     };

package/dist/types/components/Chips/appearance/chipsAccent.d.ts

@@ -0,0 +1,9 @@
+declare const chipsAppearanceAccent: {
+    accent: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        borderColor: string;
+    };
+};
+export { chipsAppearanceAccent };

package/dist/types/components/Chips/appearance/chipsDanger.d.ts

@@ -0,0 +1,2 @@
+declare const chipsAppearanceDanger: {};
+export { chipsAppearanceDanger };

package/dist/types/components/Chips/appearance/chipsDisabled.d.ts

@@ -0,0 +1,9 @@
+declare const chipsAppearanceDisabled: {
+    disabled: {
+        fill: string;
+        fillActive: string;
+        labelTextColor: string;
+        borderColor: string;
+    };
+};
+export { chipsAppearanceDisabled };

package/dist/types/components/Chips/appearance/chipsError.d.ts

@@ -0,0 +1,2 @@
+declare const chipsAppearanceError: {};
+export { chipsAppearanceError };

package/dist/types/components/Chips/appearance/chipsInfo.d.ts

@@ -0,0 +1,2 @@
+declare const chipsAppearanceInfo: {};
+export { chipsAppearanceInfo };

package/dist/types/components/Chips/appearance/chipsPrimary.d.ts

@@ -0,0 +1,8 @@
+declare const chipsAppearancePrimary: {
+    primary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+    };
+};
+export { chipsAppearancePrimary };

package/dist/types/components/Chips/appearance/chipsSecondary.d.ts

@@ -0,0 +1,9 @@
+declare const chipsAppearanceSecondary: {
+    secondary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        borderColor: string;
+    };
+};
+export { chipsAppearanceSecondary };