@itcase/ui 1.8.21 → 1.8.22

package/dist/cjs/components/Panel.js

@@ -1,44 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var useStyles = require('../hooks/useStyles/useStyles.js');
-var Group = require('../../Group_cjs_Cwt0gWk4.js');
-var Text = require('../../Text_cjs_DPhKj3wf.js');
-require('lodash/camelCase');
-require('lodash/castArray');
-require('lodash/upperFirst');
-require('../context/Notifications.js');
-require('uuid');
-require('@itcase/common');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries/useMediaQueries.js');
-require('react-responsive');
-require('../utils/setViewportProperty.js');
-require('lodash/maxBy');
-require('../hooks/useStyles/styleAttributes.js');
-
-var panelConfig = {
-    appearance: undefined,
-    setAppearance: function (appearanceConfig) {
-        panelConfig.appearance = appearanceConfig;
-    },
-};
-var Panel = React.forwardRef(function Panel(props, ref) {
-    var className = props.className, appearance = props.appearance, title = props.title, titleTextColor = props.titleTextColor, titleTextSize = props.titleTextSize, titleTextWeight = props.titleTextWeight, desc = props.desc, descTextColor = props.descTextColor, descTextSize = props.descTextSize, descTextWeight = props.descTextWeight, dataTour = props.dataTour, horizontalScroll = props.horizontalScroll, htmlFor = props.htmlFor, verticalScroll = props.verticalScroll, set = props.set, children = props.children;
-    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
-        var _a;
-        return (tslib_es6.__assign(tslib_es6.__assign({}, resultConfig), (_a = panelConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
-    }, {});
-    var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var directionClass = propsGenerator.directionClass, justifyContentClass = propsGenerator.justifyContentClass, alignContentClass = propsGenerator.alignContentClass, alignItemsClass = propsGenerator.alignItemsClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, elevationClass = propsGenerator.elevationClass, heightClass = propsGenerator.heightClass, positionClass = propsGenerator.positionClass, shapeClass = propsGenerator.shapeClass, widthClass = propsGenerator.widthClass, wrapClass = propsGenerator.wrapClass;
-    // @ts-expect-error
-    var _a = useStyles.useStyles(props), panelStyles = _a.styles, panelWrapperStyles = _a.wrapper;
-    return (jsxRuntime.jsxs(Group.Group, { className: clsx(className, 'panel', widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), set && "panel_set_".concat(set), wrapClass && "flex_wrap_".concat(wrapClass), shapeClass && "panel_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), alignContentClass && "panel_align-content_".concat(alignContentClass), alignItemsClass && "panel_align-items_".concat(alignItemsClass), elevationClass && "elevation_".concat(elevationClass), justifyContentClass && "panel_justify-content_".concat(justifyContentClass), positionClass && "position_".concat(positionClass), horizontalScroll && 'panel_type_scroll_horizontal', verticalScroll && 'panel_type_scroll_vertical'), "data-tour": dataTour, htmlFor: htmlFor, ref: ref, style: panelStyles, children: [title && (jsxRuntime.jsx("div", { className: "panel__header", children: jsxRuntime.jsx(Text.Text, { className: "panel__title", size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, children: title }) })), jsxRuntime.jsx("div", { className: clsx('panel__wrapper', directionClass && "panel_direction_".concat(directionClass)), style: panelWrapperStyles, children: children }), desc && (jsxRuntime.jsx("div", { className: "panel__footer", children: jsxRuntime.jsx(Text.Text, { className: "panel__desc", size: descTextSize, textColor: descTextColor, textWeight: descTextWeight, children: desc }) }))] }));
-});
-
-exports.Panel = Panel;
-exports.panelConfig = panelConfig;

package/dist/components/InputMask.js

@@ -1,62 +0,0 @@
-import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
-import { jsx } from 'react/jsx-runtime';
-import React from 'react';
-import clsx from 'clsx';
-import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import 'lodash/upperFirst';
-import '../context/Notifications.js';
-import 'uuid';
-import '@itcase/common';
-import '../context/UIContext.js';
-import '../hooks/useMediaQueries/useMediaQueries.js';
-import 'react-responsive';
-import '../utils/setViewportProperty.js';
-
-var inputMaskConfig = {
-    appearance: undefined,
-    state: undefined,
-    setAppearance: function (appearanceConfig) {
-        inputMaskConfig.appearance = appearanceConfig;
-    },
-    setState: function (newComponent) {
-        inputMaskConfig.state = newComponent;
-    },
-};
-var InputMask = React.forwardRef(function Input(props, ref) {
-    var id = props.id, className = props.className, 
-    // state,
-    _a = props.type, 
-    // state,
-    type = _a === void 0 ? 'text' : _a, name = props.name, appearance = props.appearance, isDisabled = props.isDisabled, dataTestId = props.dataTestId, index = props.index, placeholder = props.placeholder, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
-    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
-        var _a;
-        return (__assign(__assign({}, resultConfig), (_a = inputMaskConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
-    }, {});
-    // const stateConfig = useMemo(
-    //   () => state && inputMaskConfig.state && inputMaskConfig.state[state],
-    //   [state, inputMaskConfig],
-    // )
-    var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var fillClass = propsGenerator.fillClass, fillDisabledClass = propsGenerator.fillDisabledClass, borderColorClass = propsGenerator.borderColorClass, borderColorDisabledClass = propsGenerator.borderColorDisabledClass, borderWidthClass = propsGenerator.borderWidthClass, borderWidthDisabledClass = propsGenerator.borderWidthDisabledClass, textColorClass = propsGenerator.textColorClass, textColorDisabledClass = propsGenerator.textColorDisabledClass, textSizeClass = propsGenerator.textSizeClass, textWeightClass = propsGenerator.textWeightClass, placeholderTextColorDisabledClass = propsGenerator.placeholderTextColorDisabledClass, caretClass = propsGenerator.caretClass, placeholderTextColorClass = propsGenerator.placeholderTextColorClass, shapeClass = propsGenerator.shapeClass, _b = propsGenerator.sizeClass, sizeClass = _b === void 0 ? 'm' : _b, widthClass = propsGenerator.widthClass;
-    return (jsx("input", { id: String(id), className: clsx(className, 'input', type === 'number' && 'input_type_number', (textSizeClass || textColorClass || textWeightClass) && 'text', caretClass && "caret-color_".concat(caretClass), !isDisabled
-            ? fillClass && "fill_".concat(fillClass)
-            : fillDisabledClass && "fill_disabled_".concat(fillDisabledClass), shapeClass && "input_shape_".concat(shapeClass), textSizeClass && "text_size_".concat(textSizeClass), textWeightClass && "text-weight_".concat(textWeightClass), widthClass && "width_".concat(widthClass), !isDisabled
-            ? borderWidthClass && "border-width_".concat(borderWidthClass)
-            : borderWidthDisabledClass &&
-                "border-width_disabled_".concat(borderWidthDisabledClass), sizeClass && "input_size_".concat(sizeClass), !isDisabled
-            ? borderColorClass && "border-color_".concat(borderColorClass)
-            : borderColorDisabledClass &&
-                "border-color_disabled_".concat(borderColorDisabledClass), !isDisabled
-            ? placeholderTextColorClass &&
-                "placeholder-text-color_".concat(placeholderTextColorClass)
-            : placeholderTextColorDisabledClass &&
-                "placeholder-text-color_disabled_".concat(placeholderTextColorDisabledClass), !isDisabled
-            ? textColorClass && "text-color_".concat(textColorClass)
-            : textColorDisabledClass && "text-color_".concat(textColorDisabledClass)), type: type, disabled: isDisabled, "data-test-id": dataTestId || (name ? "".concat(name, "InputMask") : 'inputMask'), index: index, placeholder: placeholder, 
-        // @ts-expect-error
-        ref: ref, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
-});
-
-export { InputMask, inputMaskConfig };

package/dist/components/Panel.js

@@ -1,41 +0,0 @@
-import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import React from 'react';
-import clsx from 'clsx';
-import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { G as Group } from '../Group_es_CYW2Hquh.js';
-import { T as Text } from '../Text_es_BRb3qqKM.js';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import 'lodash/upperFirst';
-import '../context/Notifications.js';
-import 'uuid';
-import '@itcase/common';
-import '../context/UIContext.js';
-import '../hooks/useMediaQueries/useMediaQueries.js';
-import 'react-responsive';
-import '../utils/setViewportProperty.js';
-import 'lodash/maxBy';
-import '../hooks/useStyles/styleAttributes.js';
-
-var panelConfig = {
-    appearance: undefined,
-    setAppearance: function (appearanceConfig) {
-        panelConfig.appearance = appearanceConfig;
-    },
-};
-var Panel = React.forwardRef(function Panel(props, ref) {
-    var className = props.className, appearance = props.appearance, title = props.title, titleTextColor = props.titleTextColor, titleTextSize = props.titleTextSize, titleTextWeight = props.titleTextWeight, desc = props.desc, descTextColor = props.descTextColor, descTextSize = props.descTextSize, descTextWeight = props.descTextWeight, dataTour = props.dataTour, horizontalScroll = props.horizontalScroll, htmlFor = props.htmlFor, verticalScroll = props.verticalScroll, set = props.set, children = props.children;
-    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
-        var _a;
-        return (__assign(__assign({}, resultConfig), (_a = panelConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
-    }, {});
-    var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var directionClass = propsGenerator.directionClass, justifyContentClass = propsGenerator.justifyContentClass, alignContentClass = propsGenerator.alignContentClass, alignItemsClass = propsGenerator.alignItemsClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, elevationClass = propsGenerator.elevationClass, heightClass = propsGenerator.heightClass, positionClass = propsGenerator.positionClass, shapeClass = propsGenerator.shapeClass, widthClass = propsGenerator.widthClass, wrapClass = propsGenerator.wrapClass;
-    // @ts-expect-error
-    var _a = useStyles(props), panelStyles = _a.styles, panelWrapperStyles = _a.wrapper;
-    return (jsxs(Group, { className: clsx(className, 'panel', widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), set && "panel_set_".concat(set), wrapClass && "flex_wrap_".concat(wrapClass), shapeClass && "panel_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), alignContentClass && "panel_align-content_".concat(alignContentClass), alignItemsClass && "panel_align-items_".concat(alignItemsClass), elevationClass && "elevation_".concat(elevationClass), justifyContentClass && "panel_justify-content_".concat(justifyContentClass), positionClass && "position_".concat(positionClass), horizontalScroll && 'panel_type_scroll_horizontal', verticalScroll && 'panel_type_scroll_vertical'), "data-tour": dataTour, htmlFor: htmlFor, ref: ref, style: panelStyles, children: [title && (jsx("div", { className: "panel__header", children: jsx(Text, { className: "panel__title", size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, children: title }) })), jsx("div", { className: clsx('panel__wrapper', directionClass && "panel_direction_".concat(directionClass)), style: panelWrapperStyles, children: children }), desc && (jsx("div", { className: "panel__footer", children: jsx(Text, { className: "panel__desc", size: descTextSize, textColor: descTextColor, textWeight: descTextWeight, children: desc }) }))] }));
-});
-
-export { Panel, panelConfig };

package/dist/css/components/InputMask/InputMask.css

@@ -1,77 +0,0 @@
-.input-mask {
-  min-width: unset;
-  padding: 0;
-  margin: 0;
-  border: none;
-  position: relative;
-  box-shadow: none;
-  appearance: none;
-  outline: 0;
-  caret-color: var(--input-caret-color);
-  &:disabled {
-    background: var(--input-state-disabled-background);
-    border: solid 1px var(--input-state-disabled-border);
-    &:hover {
-      background: var(--input-state-disabled-background);
-      border: solid 1px var(--input-state-disabled-border);
-    }
-  }
-  &:focus {
-    outline: none;
-  }
-  &:hover {
-    background: var(--input-state-hover-background);
-    border: solid 1px var(--input-state-hover-border);
-  }
-  &&_state {
-    &_success {
-      background: var(--input-state-success-background);
-      border: solid 1px var(--input-state-success-border);
-    }
-    &_error {
-      background: var(--input-state-error-background);
-      border: solid 1px var(--input-state-error-border);
-    }
-    &_focus {
-      background: var(--input-state-focus-background);
-      border: solid 1px var(--input-state-focus-border);
-    }
-  }
-}
-.input-mask {
-  &_shape {
-    &_rounded {
-      border-radius: var(--input-shape-rounded);
-      position: relative;
-    }
-    &_underline {
-      border-left: none !important;
-      border-top: none !important;
-      border-right: none !important;
-      position: relative;
-    }
-  }
-}
-.input-mask {
-  &&_size {
-    @each $size in xxl, xl, l, m, s, xs, xxs, normal, tiny, compact, large {
-      &_$(size) {
-        padding: var(--input-size-$(size)-padding);
-      }
-    }
-  }
-}
-.input-mask {
-  &_type {
-    &_number {
-      appearance: none;
-      &[type='number'] {
-        appearance: textfield;
-      }
-      &::-webkit-outer-spin-button,
-      &::-webkit-inner-spin-button {
-        appearance: none;
-      }
-    }
-  }
-}

package/dist/css/components/Panel/Panel.css

@@ -1,107 +0,0 @@
-.panel {
-  display: flex;
-  flex-direction: column;
-  &__wrapper {
-    align-items: stretch;
-  }
-}
-.panel {
-  &_direction {
-    &_horizontal {
-      display: flex;
-      flex-direction: row;
-    }
-    &_vertical {
-      display: flex;
-      flex-direction: column;
-    }
-    &_horizontal-reverse {
-      display: flex;
-      flex-direction: row-reverse;
-    }
-    &_vertical-reverse {
-      display: flex;
-      flex-direction: column-reverse;
-    }
-    @each $val in row, row-reverse, column, column-reverse {
-      &_$(val) {
-        display: flex;
-        flex-direction: $(val);
-      }
-    }
-  }
-}
-.panel {
-  @each $val in flex-start, flex-end, center, space-between, space-around, stretch {
-    &_align-content_$(val) {
-      align-content: $(val);
-    }
-  }
-}
-.panel {
-  @each $val in stretch, flex-start, flex-end, center, baseline, auto {
-    &_align-self_$(val) {
-      align-self: $(val);
-    }
-    &_align-items_$(val) {
-      align-items: $(val);
-    }
-  }
-}
-.panel {
-  @each $val in flex-start, flex-end, center, space-between, space-around, space-evenly, flexStart,
-    flexEnd, center, spaceBetween, spaceAround, spaceEvenly {
-    &_justify-content_$(val) {
-      justify-content: $(val);
-    }
-  }
-}
-.panel {
-  &_shape {
-    &_rounded {
-      border-radius: var(--panel-shape-rounded, 12px);
-    }
-    &_circular {
-      border-radius: 50%;
-    }
-  }
-}
-.panel {
-  &_wrap {
-    &_wrap {
-      flex-wrap: wrap;
-    }
-    &_nowrap {
-      flex-wrap: nowrap;
-    }
-    &_wrap-reverse {
-      flex-wrap: wrap-reverse;
-    }
-  }
-}
-.panel {
-  &_type {
-    &_scroll {
-      &_vertical {
-        /* ^^^&& {
-          max-height: 80%;
-        } */
-        ^^^&__wrapper {
-          max-height: 100%;
-          overflow: auto;
-          scrollbar-width: thin;
-        }
-      }
-      &_horizontal {
-        /* ^^^&& {
-          max-width: 80%;
-        } */
-        ^^^&__wrapper {
-          max-width: 100%;
-          overflow: auto;
-          scrollbar-width: thin;
-        }
-      }
-    }
-  }
-}

package/dist/stories/Accordion.mdx

@@ -1,11 +0,0 @@
-import { Canvas, Meta } from '@storybook/blocks'
-
-import * as AccordionStories from '../stories/Accordion.stories.tsx'
-
-<Meta of={AccordionStories} />
-
-# Accordion
-
-## Default
-
-<Canvas of={AccordionStories.Default} />

package/dist/stories/AccordionItem.mdx

@@ -1,15 +0,0 @@
-import { Canvas, Meta } from '@storybook/blocks'
-
-import * as AccordionItemStories from '../stories/AccordionItem.stories.tsx'
-
-<Meta of={AccordionItemStories} />
-
-# AccordionItem
-
-## Closed
-
-<Canvas of={AccordionItemStories.Closed} />
-
-## Opened
-
-<Canvas of={AccordionItemStories.Opened} />

package/dist/stories/Breadcrumbs.mdx

@@ -1,15 +0,0 @@
-import { Canvas, Meta } from '@storybook/blocks'
-
-import * as BreadcrumbsStories from '../stories/Breadcrumbs.stories'
-
-<Meta of={BreadcrumbsStories} />
-
-# Breadcrumbs
-`Breadcrumbs` -  это навигационные элементы на странице сайта,
-которые показывают текущее местоположение пользователя внутри структуры сайта
-
-## Default
-<Canvas of={BreadcrumbsStories.Default} />
-
-## IconAfter
-<Canvas of={BreadcrumbsStories.IconAfter} />

package/dist/stories/BreadcrumbsItem.mdx

@@ -1,17 +0,0 @@
-import { Canvas, Meta } from '@storybook/blocks'
-
-import * as BreadcrumbsItemStories from '../stories/BreadcrubsItem.stories'
-
-<Meta title="Atoms / Breadcrumbs / BreadcrumbsItem"  of={BreadcrumbsItemStories} />
-
-# BreadcrumbsItem
-`BreadcrumbsItem` -  это навигационный элемент на странице сайта,
-который показывает текущее местоположение пользователя внутри структуры сайта
-
-## Demo
-
-<Canvas of={BreadcrumbsItemStories.Demo} />
-
-## Icon After
-
-<Canvas of={BreadcrumbsItemStories.IconAfter} />

package/dist/stories/Dot.mdx

@@ -1,19 +0,0 @@
-import { Canvas, Meta } from '@storybook/blocks'
-
-import * as DotStories from '../stories/Dot.stories.tsx'
-
-<Meta of={DotStories} />
-
-# Dot
-
-## Accent
-
-<Canvas sourceState="shown" of={DotStories.Accent} />
-
-## Primary
-
-<Canvas sourceState="shown" of={DotStories.Primary} />
-
-## Secondary
-
-<Canvas sourceState="shown" of={DotStories.Secondary} />

package/dist/stories/Drawer.mdx

@@ -1,11 +0,0 @@
-import { Canvas, Meta } from '@storybook/blocks'
-
-import * as DrawerStories from '../stories/Drawer.stories.tsx'
-
-<Meta of={DrawerStories} />
-
-# Drawer
-
-## Default
-
-<Canvas sourceState="shown" of={DrawerStories.Default} />

package/dist/stories/Dropdown.mdx

@@ -1,12 +0,0 @@
-import { Canvas, Meta } from '@storybook/blocks'
-
-import * as DropdownStories from '../stories/Dropdown.stories.tsx'
-import * as DropdownItemStories from '../stories/DropdownItem.stories.tsx'
-
-<Meta of={DropdownStories} />
-
-# Dropdown
-
-## Default
-
-<Canvas sourceState="shown" of={DropdownStories.Default} />

package/dist/stories/DropdownItem.mdx

@@ -1,19 +0,0 @@
-import { Canvas, Meta } from '@storybook/blocks'
-
-import * as DropdownItemStories from '../stories/DropdownItem.stories.tsx'
-
-<Meta of={DropdownItemStories} />
-
-# DropdownItem
-
-## Default
-
-<Canvas sourceState="shown" of={DropdownItemStories.Default} />
-
-## Active
-
-<Canvas sourceState="shown" of={DropdownItemStories.Active} />
-
-## Disabled
-
-<Canvas sourceState="shown" of={DropdownItemStories.Disabled} />

package/dist/stories/Image.mdx

@@ -1,15 +0,0 @@
-import { Canvas, Meta } from '@storybook/blocks'
-
-import * as ImageStories from '../stories/Image.stories.tsx'
-
-<Meta of={ImageStories} />
-
-# Image
-
-## Rectangular
-
-<Canvas sourceState="shown" of={ImageStories.Default} />
-
-## Circular
-
-<Canvas sourceState="shown" of={ImageStories.Skeleton} />

package/dist/stories/Input.mdx

@@ -1,31 +0,0 @@
-import { Canvas, Meta } from '@storybook/blocks'
-
-import * as InputStories from '../stories/Input.stories.tsx'
-
-<Meta of={InputStories} />
-
-# Input
-
-## XXL
-
-<Canvas sourceState="shown" of={InputStories.SizeXXL} />
-
-## XL
-
-<Canvas sourceState="shown" of={InputStories.SizeXL} />
-
-## L
-
-<Canvas sourceState="shown" of={InputStories.SizeL} />
-
-## M
-
-<Canvas sourceState="shown" of={InputStories.SizeM} />
-
-## S
-
-<Canvas sourceState="shown" of={InputStories.SizeS} />
-
-## XS
-
-<Canvas sourceState="shown" of={InputStories.SizeXS} />

package/dist/stories/InputPassword.mdx

@@ -1,15 +0,0 @@
-import { Canvas, Meta } from '@storybook/blocks'
-
-import * as InputPasswordStories from '../stories/InputPassword.stories.tsx'
-
-<Meta of={InputPasswordStories} />
-
-# InputPassword
-
-## Hidden
-
-<Canvas sourceState="shown" of={InputPasswordStories.Hidden} />
-
-## Disabled
-
-<Canvas sourceState="shown" of={InputPasswordStories.Disabled} />

package/dist/stories/Label.mdx

@@ -1,11 +0,0 @@
-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/ListItem.mdx

@@ -1,11 +0,0 @@
-import { Canvas, Meta, Story } from '@storybook/blocks'
-
-import * as ListItemStories from '../stories/ListItem.stories'
-
-<Meta of={ListItemStories} />
-
-# ListItem
-`ListItem` - это элемент списка `List`
-
-## Demo
-<Canvas of={ListItemStories.Demo} />

package/dist/stories/Logo.mdx

@@ -1,24 +0,0 @@
-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 title="Atoms / Logo" />
-
-# Logo
-
-`Logo` - отображает логотип компании, и зачастую явлется ссылкой на главную страницу.
-
-<Canvas sourceState="shown" of={LogoStories.Default} />
-
-## SizeS
-
-<Canvas sourceState="shown" of={LogoSizeStories.S} />
-
-## SizeM
-
-<Canvas sourceState="shown" of={LogoSizeStories.M} />
-
-## SizeL
-
-<Canvas sourceState="shown" of={LogoSizeStories.L} />

package/dist/stories/MenuItem.mdx

@@ -1,15 +0,0 @@
-import { Canvas, Meta } from '@storybook/blocks'
-
-import * as MenuItemStories from '../stories/MenuItem.stories.tsx'
-
-<Meta of={MenuItemStories} />
-
-# MenuItem
-
-## Active
-
-<Canvas sourceState="shown" of={MenuItemStories.Active} />
-
-## Subitem
-
-<Canvas sourceState="shown" of={MenuItemStories.SetSubitem} />

package/dist/stories/Modal.mdx

@@ -1,15 +0,0 @@
-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/Notification.mdx

@@ -1,23 +0,0 @@
-import { Canvas, Meta } from '@storybook/blocks'
-
-import * as NotificationStories from '../stories/Notification.stories.tsx'
-
-<Meta of={NotificationStories} />
-
-# Notification
-
-## Top
-
-<Canvas sourceState="shown" of={NotificationStories.Top} />
-
-## Float
-
-<Canvas sourceState="shown" of={NotificationStories.Float} />
-
-## Form
-
-<Canvas sourceState="shown" of={NotificationStories.Form} />
-
-## Toast
-
-<Canvas sourceState="shown" of={NotificationStories.Toast} />