@itcase/ui 1.8.30 → 1.8.32

package/dist/stories/Colors.mdx

@@ -1,239 +0,0 @@
-import { Meta, ColorPalette, ColorItem } from '@storybook/blocks'
-
-<Meta title="Tokens / Colors" />
-
-# Colors
-
-<ColorPalette>
-  <ColorItem
-    title="Accent"
-    subtitle="--color-accent"
-    colors={{
-      Primary: 'hsla(92, 49%, 47%, 1)',
-      PrimaryHover: 'hsla(92, 29%, 62%, 1)',
-      Active: 'hsla(92, 46%, 40%, 1)',
-      Secondary: 'hsla(92, 29%, 62%, 1)',
-      Tertiary: 'hsla(93, 53%, 93%, 1)',
-      Disabled: 'hsla(93, 45%, 80%, 1)',
-    }}
-  />
-  <ColorItem
-    title="Accent Text"
-    subtitle="--color-accent-text"
-    colors={{
-      Primary: 'hsla(0, 0%, 100%, 1)',
-      Secondary: 'hsla(0, 0%, 100%, 1)',
-      Disabled: 'hsla(92, 49%, 47%, 1)',
-    }}
-  />
-  <ColorItem
-    title="Accent Item"
-    subtitle="--color-accent-item"
-    colors={{
-      Primary: 'hsla(0, 0%, 100%, 1)',
-      Secondary: 'hsla(92, 49%, 47%, 1)',
-    }}
-  />
-  <ColorItem
-    title="Accent Border"
-    subtitle="--color-accent-border"
-    colors={{
-      Primary: 'hsla(92, 49%, 47%, 1)',
-      Secondary: 'hsla(92, 29%, 62%, 1)',
-      Quaternary: 'hsla(92, 37%, 35%, 1)',
-    }}
-  />
-  <ColorItem
-    title="Primary"
-    subtitle="--color-primary"
-    colors={{
-      Primary: 'hsla(36, 95%, 45%, 1)',
-      PrimaryHover: 'hsla(40, 75%, 58%, 1)',
-      Active: 'hsla(36, 95%, 40%, 1)',
-      Disabled: 'hsla(36, 13%, 80%, 1)',
-    }}
-  />
-  <ColorItem
-    title="Primary Text"
-    subtitle="--color-primary-text"
-    colors={{
-      Primary: 'hsla(0, 0%, 100%, 1)',
-      Disabled: 'hsla(36, 60%, 65%, 1)',
-    }}
-  />
-  <ColorItem
-    title="Primary Item"
-    subtitle="--color-primary-item"
-    colors={{
-      Primary: 'hsla(0, 0%, 100%, 1)',
-    }}
-  />
-  <ColorItem
-    title="Secondary"
-    subtitle="--color-secondary"
-    colors={{
-      Primary: 'hsla(349, 96%, 44%, 1)',
-      PrimaryHover: 'hsla(349, 100%, 51%, 1)',
-      Active: 'hsla(349, 96%, 34%, 1)',
-      Disabled: 'hsla(349, 59%, 90%, 1)',
-    }}
-  />
-  <ColorItem
-    title="Secondary Text"
-    subtitle="--color-secondary-text"
-    colors={{
-      Primary: 'hsla(0, 0%, 100%, 1)',
-      Secondary: 'hsla(349, 96%, 44%, 1)',
-      Disabled: 'hsla(349, 53%, 68%, 1)',
-    }}
-  />
-  <ColorItem
-    title="Secondary Item"
-    subtitle="--color-secondary-item"
-    colors={{
-      Primary: 'hsla(0, 0%, 100%, 1)',
-    }}
-  />
-  <ColorItem
-    title="Surface"
-    subtitle="--color-surface"
-    colors={{
-      Primary: 'hsla(0, 0%, 100%, 1)',
-      PrimaryHover: 'hsla(0, 0%, 83%, 1)',
-      Secondary: 'hsla(220, 14%, 96%, 1)',
-      SecondaryHover: 'hsla(0, 0%, 78%, 1)',
-      Accent: 'hsla(92, 54%, 93%, 1)',
-    }}
-  />
-  <ColorItem
-    title="Surface"
-    subtitle="--color-surface"
-    colors={{
-      Tertiary: 'hsla(0, 0%, 85%, 1)',
-      TertiaryHover: 'hsla(0, 0%, 73%, 1)',
-      Quaternary: 'hsla(0, 0%, 45%, 1)',
-      Active: 'hsla(0, 0%, 64%, 1)',
-      Disabled: 'hsla(0, 0%, 79%, 1)',
-    }}
-  />
-  <ColorItem
-    title="Surface Text"
-    subtitle="--color-surface-text"
-    colors={{
-      Primary: 'hsla(0, 0%, 9%, 1)',
-      Accent: 'hsla(92, 49%, 47%, 1)',
-      Secondary: 'hsla(0, 0%, 45%, 1)',
-      Tertiary: 'hsla(213, 5%, 45%, 1)',
-      Quaternary: 'hsla(0, 0%, 75%, 1)',
-      Disabled: 'hsla(0, 0%, 47%, 1)',
-    }}
-  />
-  <ColorItem
-    title="Surface Item"
-    subtitle="--color-surface-item"
-    colors={{
-      Primary: 'hsla(35, 71%, 13%, 1)',
-      Secondary: 'hsla(0, 0%, 93%, 1)',
-      Tertiary: 'hsla(0, 0%, 85%, 1)',
-      Accent: 'hsla(92, 49%, 47%, 1)',
-      Disabled: 'hsla(0, 0%, 61%, 1)',
-    }}
-  />
-  <ColorItem
-    title="Surface Border"
-    subtitle="--color-surface-border"
-    colors={{
-      Primary: 'hsla(36, 71%, 13%, 1)',
-      Tertiary: 'hsla(0, 0%, 85%, 1)',
-      Quaternary: 'hsla(0, 0%, 45%, 1)',
-      Accent: 'hsla(92, 49%, 47%, 1)',
-      Active: 'hsla(40, 75%, 58%, 1)',
-      Disabled: 'hsla(0, 0%, 61%, 1)',
-    }}
-  />
-  <ColorItem
-    title="Error"
-    subtitle="--color-error"
-    colors={{
-      Primary: 'hsla(0, 100%, 44%, 1)',
-    }}
-  />
-  <ColorItem
-    title="Error Text"
-    subtitle="--color-error-text"
-    colors={{
-      Primary: 'hsla(0, 100%, 44%, 1)',
-      PrimaryHover: 'hsla(0, 100%, 60%, 1)',
-      Secondary: 'hsla(0, 0%, 100%, 1)',
-    }}
-  />
-  <ColorItem
-    title="Error Item"
-    subtitle="--color-error-item"
-    colors={{
-      Primary: 'hsla(0, 100%, 44%, 1)',
-      Secondary: 'hsla(0, 0%, 100%, 1)',
-    }}
-  />
-  <ColorItem
-    title="Error Border"
-    subtitle="--color-error-border"
-    colors={{
-      Primary: 'hsla(0, 100%, 44%, 1)',
-      Secondary: 'hsla(0, 0%, 100%, 1)',
-    }}
-  />
-  <ColorItem
-    title="Success"
-    subtitle="--color-success"
-    colors={{
-      Primary: 'hsla(108, 46%, 34%, 1)',
-    }}
-  />
-  <ColorItem
-    title="Success Text"
-    subtitle="--color-success-text"
-    colors={{
-      Primary: 'hsla(108, 46%, 34%, 1)',
-      Secondary: 'hsla(0, 0%, 100%, 1)',
-    }}
-  />
-  <ColorItem
-    title="Success Item"
-    subtitle="--color-success-item"
-    colors={{
-      Primary: 'hsla(108, 46%, 34%, 1)',
-      Secondary: 'hsla(0, 0%, 100%, 1)',
-    }}
-  />
-  <ColorItem
-    title="Success Border"
-    subtitle="--color-success-border"
-    colors={{
-      Primary: 'hsla(108, 46%, 34%, 1)',
-      Secondary: 'hsla(0, 0%, 100%, 1)',
-    }}
-  />
-  <ColorItem
-    title="Active"
-    subtitle="--color-active"
-    colors={{
-      Primary: 'hsla(40, 75%, 58%, 1)',
-    }}
-  />
-  <ColorItem
-    title="Active Text"
-    subtitle="--color-active-text"
-    colors={{
-      Primary: 'hsla(40, 75%, 58%, 1)',
-      Secondary: 'hsla(0, 0%, 100%, 1)',
-    }}
-  />
-  <ColorItem
-    title="Active Border"
-    subtitle="--color-active-border"
-    colors={{
-      Primary: 'hsla(40, 75%, 58%, 1)',
-    }}
-  />
-</ColorPalette>

package/dist/stories/DadataHintFieldOverview.mdx

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

package/dist/stories/DadataHintFieldPlaygroynd.mdx

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

package/dist/stories/Elevation.mdx

@@ -1,80 +0,0 @@
-import { Meta, Typeset } from '@storybook/blocks'
-import { Divider } from '../components/Divider'
-import { Group } from '../components/Group'
-import { Text } from '../components/Text'
-
-<Meta title="Tokens / Elevation" />
-
-# Elevation
-
-<Group>
-  <Group alignItems="center" direction="horizontal" gap="40" padding="10">
-    <Group elevation="1" height="64" width="64" />
-    <Text>elevation 1</Text>
-    <Text>box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.24);</Text>
-  </Group>
-  <Divider width="fill" />
-</Group>
-
-<Group>
-  <Group alignItems="center" direction="horizontal" gap="40" padding="10">
-    <Group elevation="2" height="64" width="64" />
-    <Text>elevation 2</Text>
-    <Text>box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.24);</Text>
-  </Group>
-  <Divider width="fill" />
-</Group>
-
-<Group>
-  <Group alignItems="center" direction="horizontal" gap="40" padding="10">
-    <Group elevation="4" height="64" width="64" />
-    <Text>elevation 4</Text>
-    <Text>box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.24);</Text>
-  </Group>
-  <Divider width="fill" />
-</Group>
-
-<Group>
-  <Group alignItems="center" direction="horizontal" gap="40" padding="10">
-    <Group elevation="6" height="64" width="64" />
-    <Text>elevation 6</Text>
-    <Text>box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.24);</Text>
-  </Group>
-  <Divider width="fill" />
-</Group>
-
-<Group>
-  <Group alignItems="center" direction="horizontal" gap="40" padding="10">
-    <Group elevation="8" height="64" width="64" />
-    <Text>elevation 8</Text>
-    <Text>box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);</Text>
-  </Group>
-  <Divider width="fill" />
-</Group>
-
-<Group>
-  <Group alignItems="center" direction="horizontal" gap="40" padding="10">
-    <Group elevation="12" height="64" width="64" />
-    <Text>elevation 12</Text>
-    <Text>box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.16);</Text>
-  </Group>
-  <Divider width="fill" />
-</Group>
-
-<Group>
-  <Group alignItems="center" direction="horizontal" gap="40" padding="10">
-    <Group elevation="16" height="64" width="64" />
-    <Text>elevation 16</Text>
-    <Text>box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.16);</Text>
-  </Group>
-  <Divider width="fill" />
-</Group>
-
-<Group>
-  <Group alignItems="center" direction="horizontal" gap="40" padding="10">
-    <Group elevation="24" height="64" width="64" />
-    <Text>elevation 24</Text>
-    <Text>box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.12);</Text>
-  </Group>
-  <Divider width="fill" />
-</Group>

package/dist/stories/Settings.mdx

@@ -1,3 +0,0 @@
-import { Meta, Typeset } from '@storybook/blocks'
-
-<Meta title="Tokens / Settings" />

package/dist/stories/TypographyAM.mdx

@@ -1,82 +0,0 @@
-import { Meta, Typeset } from '@storybook/blocks'
-
-<Meta title="Tokens / Typography / AM" />
-
-export const typography = {
-  type: {
-    primary: 'Wix Madefor Display, sans-serif',
-  },
-  weight: {
-    regular: '400',
-    bold: '700',
-    extrabold: '800',
-    black: '900',
-  },
-  size: {
-    h1: 64,
-    h2: 46,
-    h3: 32,
-    h4: 24,
-    h5: 18,
-    h6: 16,
-  },
-}
-
-export const SampleText = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
-
-# Typography
-
-
-**Font:** Wix Madefor Display
-
-**Title:** H1- H6
-
-<Typeset
-  fontSizes={[
-    Number(typography.size.h1),
-    Number(typography.size.h2),
-    Number(typography.size.h3),
-    Number(typography.size.h4),
-    Number(typography.size.h5),
-    Number(typography.size.h6),
-  ]}
-  fontWeight={typography.weight.regular}
-  sampleText={SampleText}
-  fontFamily={typography.type.primary}
-/>
-
-export const textography = {
-  type: {
-    primary: 'Wix Madefor Display, sans-serif',
-  },
-  weight: {
-    regular: '400',
-    semibold: '600',
-  },
-  size: {
-    xxl: 24,
-    xl: 22,
-    l: 20,
-    m: 16,
-    s: 14,
-    xs: 12,
-    xxs: 10,
-  },
-}
-
-**Text:** xxl- xxs
-
-<Typeset
-  fontSizes={[
-    Number(textography.size.xxl),
-    Number(textography.size.xl),
-    Number(textography.size.l),
-    Number(textography.size.m),
-    Number(textography.size.s),
-    Number(textography.size.xs),
-    Number(textography.size.xxs),
-  ]}
-  fontWeight={textography.weight.regular}
-  sampleText={SampleText}
-  fontFamily={textography.type.primary}
-/>

package/dist/stories/TypographyBaikal.mdx

@@ -1,82 +0,0 @@
-import { Meta, Typeset } from '@storybook/blocks'
-
-<Meta title="Tokens / Typography / Baikal" />
-
-export const typography = {
-  type: {
-    primary: 'PF-Din-Display-Pro, sans-serif',
-  },
-  weight: {
-    regular: '400',
-    bold: '700',
-    extrabold: '800',
-    black: '900',
-  },
-  size: {
-    h1: 64,
-    h2: 46,
-    h3: 32,
-    h4: 24,
-    h5: 18,
-    h6: 16,
-  },
-}
-
-export const SampleText = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
-
-# Typography
-
-
-**Font:** PF-Din-Display-Pro
-
-**Title:** H1- H6
-
-<Typeset
-  fontSizes={[
-    Number(typography.size.h1),
-    Number(typography.size.h2),
-    Number(typography.size.h3),
-    Number(typography.size.h4),
-    Number(typography.size.h5),
-    Number(typography.size.h6),
-  ]}
-  fontWeight={typography.weight.regular}
-  sampleText={SampleText}
-  fontFamily={typography.type.primary}
-/>
-
-export const textography = {
-  type: {
-    primary: 'PF-Din-Display-Pro, sans-serif',
-  },
-  weight: {
-    regular: '400',
-    semibold: '600',
-  },
-  size: {
-    xxl: 24,
-    xl: 22,
-    l: 20,
-    m: 16,
-    s: 14,
-    xs: 12,
-    xxs: 10,
-  },
-}
-
-**Text:** xxl- xxs
-
-<Typeset
-  fontSizes={[
-    Number(textography.size.xxl),
-    Number(textography.size.xl),
-    Number(textography.size.l),
-    Number(textography.size.m),
-    Number(textography.size.s),
-    Number(textography.size.xs),
-    Number(textography.size.xxs),
-  ]}
-  fontWeight={textography.weight.regular}
-  sampleText={SampleText}
-  fontFamily={textography.type.primary}
-/>

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

@@ -1,10 +0,0 @@
-declare const choiceAppearanceAccent: {
-    accentPrimary: {
-        fill: string;
-        fillItemActive: string;
-        labelTextActiveColor: string;
-        labelTextColor: string;
-        borderColor: string;
-    };
-};
-export { choiceAppearanceAccent };

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

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

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

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

package/dist/types/components/Label/appearance/labelGradient.d.ts

@@ -1,9 +0,0 @@
-declare const labelAppearanceWarning: {
-    gradient: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-    };
-};
-export { labelAppearanceWarning };

package/dist/types/components/MenuItem/appearance/menuItemPrimary.d.ts

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

package/dist/types/components/Pagination/appearance/paginationAccent.d.ts

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

package/dist/types/components/Pagination/appearance/paginationDanger.d.ts

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

package/dist/types/components/Pagination/appearance/paginationError.d.ts

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

package/dist/types/components/Pagination/appearance/paginationInfo.d.ts

@@ -1,21 +0,0 @@
-declare const paginationAppearanceInfo: {
-    info: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        borderColor: string;
-        loaderFill: string;
-        loaderItemFill: string;
-    };
-    infoSecondary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        borderColor: string;
-        loaderFill: string;
-        loaderItemFill: string;
-    };
-};
-export { paginationAppearanceInfo };

package/dist/types/components/Pagination/appearance/paginationPrimary.d.ts

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

package/dist/types/components/Pagination/appearance/paginationSecondary.d.ts

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

package/dist/types/components/Pagination/appearance/paginationSize.d.ts

@@ -1,48 +0,0 @@
-declare const paginationAppearanceSize: {
-    sizeL: {
-        size: string;
-        labelTextSize: string;
-        gap: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
-        pageCountDescTextSize: string;
-        pageCountDropdownItemDividerSize: string;
-        pageCountDropdownItemLabelSize: string;
-        pageCountDropdownItemSize: string;
-        pageCountInputIconFillSize: string;
-        pageCountInputTextSize: string;
-    };
-    sizeM: {
-        size: string;
-        labelTextSize: string;
-        gap: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
-        marginPagesDisplayed: number;
-        pageCountDescTextSize: string;
-        pageCountDropdownItemDividerSize: string;
-        pageCountDropdownItemLabelSize: string;
-        pageCountDropdownItemSize: string;
-        pageCountInputIconFillSize: string;
-        pageCountInputTextSize: string;
-    };
-    sizeS: {
-        size: string;
-        labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
-    };
-    sizeXS: {
-        size: string;
-        labelTextSize: string;
-        beforeSize: string;
-        iconAfterFillSize: string;
-    };
-};
-export { paginationAppearanceSize };