@itcase/ui-web 1.9.77

package/dist/stories/AvatarPlayground.mdx

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

package/dist/stories/AvatarStackOverview.mdx

@@ -0,0 +1,13 @@
+import { Canvas, Meta } from '@storybook/addon-docs/blocks'
+import * as AvatarStackStories from '../stories/AvatarStackDemo.stories'
+
+<Meta title="Molecules / Avatar Stack / Overview" />
+
+# Avatar Stack
+
+
+## Demo
+<Canvas sourceState="shown" of={AvatarStackStories.Demo} />
+
+## Skeleton
+<Canvas sourceState="shown" of={AvatarStackStories.Skeleton} />

package/dist/stories/AvatarStackPlayground.mdx

@@ -0,0 +1,8 @@
+import { Canvas, Controls, Meta } from '@storybook/addon-docs/blocks'
+import * as AvatarStackStories from '../stories/AvatarStackDemo.stories'
+
+<Meta title="Molecules / Avatar Stack / Playground" />
+
+# Playground
+<Canvas sourceState="shown" of={AvatarStackStories.Demo} />
+<Controls of={AvatarStackStories.Demo} />

package/dist/stories/BadgeOverview.mdx

@@ -0,0 +1,13 @@
+import { Canvas, Meta } from '@storybook/addon-docs/blocks'
+import * as BadgeStories from '../stories/BadgeDemo.stories'
+
+<Meta title="Atoms / Badge / Overview" />
+
+# Badge
+`Badge` — используется для обозначения информации о количестве. Может входить в состав разных компонентов, например, `Icon`, `Tab`, `Tile` для обозначения количества чего-либо (сообщений, уведомлений, выбранных элементов списка).
+
+## Demo
+<Canvas sourceState="shown" of={BadgeStories.Demo} />
+
+## Skeleton
+<Canvas sourceState="shown" of={BadgeStories.Skeleton} />

package/dist/stories/BadgePlayground.mdx

@@ -0,0 +1,8 @@
+import { Canvas, Controls, Meta } from '@storybook/addon-docs/blocks'
+import * as BadgeStories from '../stories/BadgeDemo.stories'
+
+<Meta title="Atoms / Badge / Playground" />
+
+# Playground
+<Canvas sourceState="shown" of={BadgeStories.Demo} />
+<Controls of={BadgeStories.Demo} />

package/dist/stories/BreadcrumbsOverview.mdx

@@ -0,0 +1,14 @@
+import { Meta, Story } from '@storybook/addon-docs/blocks'
+
+import * as BreadcrumbsStories from '../stories/BreadcrumbsDemo.stories'
+
+<Meta title="Atoms / Breadcrumbs / Overview" />
+
+# Breadcrumbs
+
+`Breadcrubs` - это навигационные элементы на странице сайта,
+которые показывают текущее местоположение пользователя внутри структуры сайта
+
+<Story of={BreadcrumbsStories.Demo} />
+
+

package/dist/stories/BreadcrumbsPlsyground.mdx

@@ -0,0 +1,9 @@
+import { Canvas, Meta } from '@storybook/addon-docs/blocks'
+
+import * as BreadcrumbsStories from '../stories/BreadcrumbsDemo.stories'
+
+<Meta title="Atoms / Breadcrumbs / Playground" />
+
+# Playground
+
+<Canvas sourceState="shown" of={BreadcrumbsStories.Demo} />

package/dist/stories/ButtonOverview.mdx

@@ -0,0 +1,12 @@
+import { Meta, Story } from '@storybook/addon-docs/blocks'
+
+import * as ButtonStories from '../stories/ButtonDemo.stories'
+
+<Meta title="Atoms / Button / Overview" />
+
+# Button
+
+`Button` - это кнопка, предоставляет пользователю возможность совершить действие.
+Кнопка запускает действие, а текст или иконка информирует о том, что произойдет после нажатия.
+
+<Story of={ButtonStories.Demo} />

package/dist/stories/ButtonPlayground.mdx

@@ -0,0 +1,10 @@
+import { Canvas, Controls, Meta } from '@storybook/addon-docs/blocks'
+
+import * as ButtonStories from '../stories/ButtonDemo.stories'
+
+<Meta title="Atoms / Button / Playground" />
+
+# Playground
+
+<Canvas sourceState="off" of={ButtonStories.Demo} />
+<Controls of={ButtonStories.Demo} />

package/dist/stories/CellOverview.mdx

@@ -0,0 +1,22 @@
+import { Meta, Story } from '@storybook/addon-docs/blocks'
+
+import * as CellStories from '../stories/CellDemo.stories'
+import * as CellStoriesDirection from '../stories/CellDirection.stories'
+
+<Meta title="Molecules / Cell / Overview" />
+
+# Cell
+
+`Cell` — это инфоблок, состоящий из заголовка и текста, вертикальная и горизонтальная реализация
+
+<Story of={CellStories.Demo} />
+
+## Vertical
+
+<Story of={CellStoriesDirection.Vertical} />
+
+## Horizontal
+
+<Story of={CellStoriesDirection.Horizontal} />
+
+

package/dist/stories/CellPlayground.mdx

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

package/dist/stories/CheckboxOverview.mdx

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

package/dist/stories/CheckboxPlayground.mdx

@@ -0,0 +1,10 @@
+import { Canvas, Controls, Meta } from '@storybook/addon-docs/blocks'
+
+import * as CheckboxStories from '../stories/CheckboxDemo.stories'
+
+<Meta title="Atoms / Checkbox / Playground" />
+
+# Playground
+
+<Canvas sourceState="shown" of={CheckboxStories.Demo} />
+<Controls of={CheckboxStories.Demo} />

package/dist/stories/CheckmarkOverview.mdx

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

package/dist/stories/CheckmarkPlayground.mdx

@@ -0,0 +1,10 @@
+import { Canvas, Controls, Meta } from '@storybook/addon-docs/blocks'
+
+import * as CheckmarkStories from '../stories/CheckmarkDemo.stories'
+
+<Meta title="Atoms / Checkmark / Playground" />
+
+# Playground
+
+<Canvas sourceState="shown" of={CheckmarkStories.Demo} />
+<Controls of={CheckmarkStories.Demo} />

package/dist/stories/ChipsOverview.mdx

@@ -0,0 +1,49 @@
+import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks'
+
+import * as ChipsStories from '../stories/ChipsDefault.stories'
+
+<Meta title="Atoms / Chips / Overview" />
+
+# Chips
+
+`Chips` — это компактная альтернатива чекбоксам. Они позволяют пользователям выбирать несколько вариантов одновременно и в основном применяются на мобильных устройствах для переключений фильтров.
+Данный компонент может быть использован в компоненте множественного выбора (SelectMulti).
+
+<Canvas sourceState="shown"of={ChipsStories.Surface} />
+
+
+## SurfacePrimary
+
+<Canvas sourceState="shown" of={ChipsStories.Surface} />
+
+## AccentPrimary
+
+<Canvas sourceState="shown" of={ChipsStories.Accent} />
+
+## ErrorPrimary
+
+<Canvas sourceState="shown" of={ChipsStories.Error} />
+
+## SpecialPrimary
+
+<Canvas sourceState="shown" of={ChipsStories.Special} />
+
+## ExtraPrimary
+
+<Canvas sourceState="shown" of={ChipsStories.Secondary} />
+
+## SuccessPrimary
+
+<Canvas sourceState="shown" of={ChipsStories.Success} />
+
+## DangerPrimary
+
+<Canvas sourceState="shown" of={ChipsStories.Danger} />
+
+## WarningPrimary
+
+<Canvas sourceState="shown" of={ChipsStories.Warning} />
+
+## InfoPrimary
+
+<Canvas sourceState="shown" of={ChipsStories.Info} />

package/dist/stories/ChipsPlayground.mdx

@@ -0,0 +1,10 @@
+import { Canvas, Controls, Meta } from '@storybook/addon-docs/blocks'
+
+import * as ChipsStories from '../stories/ChipsDefault.stories'
+
+<Meta title="Atoms / Chips / Playground" />
+
+# Playground
+
+<Canvas sourceState="shown" of={ChipsStories.Surface} />
+<Controls of={ChipsStories.Surface} />

package/dist/stories/ChoiceOverview.mdx

@@ -0,0 +1,11 @@
+import { Meta, Story } from '@storybook/addon-docs/blocks'
+
+import * as ChoiceStories from '../stories/ChoiceDemo.stories'
+
+<Meta title="Atoms / Choice / Overview" />
+
+# Choice
+
+`Choice` — это меню с вариантами выбора.
+
+<Story of={ChoiceStories.Demo} />

package/dist/stories/ChoicePlayground.mdx

@@ -0,0 +1,10 @@
+import { Canvas, Controls, Meta } from '@storybook/addon-docs/blocks'
+
+import * as ChoiceStories from '../stories/ChoiceDemo.stories'
+
+<Meta title="Atoms / Choice / Playground" />
+
+# Playground
+
+<Canvas sourceState="shown" of={ChoiceStories.Demo} />
+<Controls of={ChoiceStories.Demo} />

package/dist/stories/CodeOverview.mdx

@@ -0,0 +1,11 @@
+import { Meta, Story } from '@storybook/addon-docs/blocks'
+
+import * as CodeStories from '../stories/CodeDemo.stories'
+
+<Meta title="Atoms / Code / Overview" />
+
+# Code
+
+`Code` — используется для ввода пин-кода. Количество ячеек для кода определяется пропсом inputCount.
+
+<Story of={CodeStories.Demo} />

package/dist/stories/CodePlayground.mdx

@@ -0,0 +1,10 @@
+import { Canvas, Controls, Meta } from '@storybook/addon-docs/blocks'
+
+import * as CodeStories from '../stories/CodeDemo.stories'
+
+<Meta title="Atoms / Code / Playground" />
+
+# Playground
+
+<Canvas sourceState="shown" of={CodeStories.Demo} />
+<Controls of={CodeStories.Demo} />