@itcase/ui 1.8.21 → 1.8.23

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} />

package/dist/stories/Radio.mdx

@@ -1,28 +0,0 @@
-import { Canvas, Meta } from '@storybook/blocks'
-
-import * as RadioStories from '../stories/Radio.stories.tsx'
-
-<Meta of={RadioStories} />
-
-# Radio
-
-## Active
-
-<Canvas sourceState="shown" of={RadioStories.Active} />
-
-## Disabled
-
-<Canvas sourceState="shown" of={RadioStories.Disabled} />
-
-## Checked
-
-<Canvas sourceState="shown" of={RadioStories.Checked} />
-
-## CheckedDisabled
-
-<Canvas sourceState="shown" of={RadioStories.CheckedDisabled} />
-
-Active
-Disabled
-Checked
-CheckedDisabled

package/dist/stories/Response.mdx

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

@@ -1,19 +0,0 @@
-import { Canvas, Meta } from '@storybook/blocks'
-
-import * as SearchInputStories from '../stories/SearchInput.stories.tsx'
-
-<Meta of={SearchInputStories} />
-
-# SearchInput
-
-## С иконкой для очистки поля ClearIcon
-
-<Canvas of={SearchInputStories.ClearIcon} />
-
-## С иконкой до текста BeforeIcon
-
-<Canvas of={SearchInputStories.BeforeIcon} />
-
-## С иконкой после текста AfterIcon
-
-<Canvas of={SearchInputStories.AfterIcon} />

package/dist/stories/Switch.mdx

@@ -1,23 +0,0 @@
-import { Canvas, Meta } from '@storybook/blocks'
-
-import * as SwitchStories from '../stories/Switch.stories.tsx'
-
-<Meta of={SwitchStories} />
-
-# Switch
-
-## Active
-
-<Canvas sourceState="shown" of={SwitchStories.Active} />
-
-## ActiveChecked
-
-<Canvas sourceState="shown" of={SwitchStories.ActiveChecked} />
-
-## Disabled
-
-<Canvas sourceState="shown" of={SwitchStories.Disabled} />
-
-## DisabledChecked
-
-<Canvas sourceState="shown" of={SwitchStories.DisabledChecked} />

package/dist/stories/Tab.mdx

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

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

package/dist/types/components/Cell/appearance/cellAccent.d.ts

@@ -1,21 +0,0 @@
-declare const cellAppearanceAccent: {
-    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 { cellAppearanceAccent };

package/dist/types/components/Cell/appearance/cellDanger.d.ts

@@ -1,7 +0,0 @@
-declare const cellAppearanceDanger: {
-    danger: {
-        fill: string;
-        fillHover: string;
-    };
-};
-export { cellAppearanceDanger };

package/dist/types/components/Cell/appearance/cellError.d.ts

@@ -1,11 +0,0 @@
-declare const cellAppearanceError: {
-    error: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        loaderFill: string;
-        loaderItemFill: string;
-    };
-};
-export { cellAppearanceError };