@itcase/ui 1.8.31 → 1.8.33

package/dist/types/components/Input/appearance/inputRequire.d.ts

@@ -2,7 +2,7 @@ declare const inputAppearanceRequire: {
     requirePrimary: {
         fill: string;
         borderColor: string;
-        borderHover: string;
+        borderColorHover: string;
         textColor: string;
         iconBeforeFill: string;
         iconClearFill: string;
@@ -11,7 +11,7 @@ declare const inputAppearanceRequire: {
     requireSecondary: {
         fill: string;
         borderColor: string;
-        borderHover: string;
+        borderColorHover: string;
         iconBeforeFill: string;
         iconClearFill: string;
         placeholderTextColor: string;

package/dist/types/components/Input/appearance/inputStyle.d.ts

@@ -1,14 +1,15 @@
 declare const inputAppearanceStyle: {
-    full: {};
-    ghost: {
-        fill: string;
-        borderWidth: string;
+    solid: {
+        borderColor: string;
     };
     outlined: {
         fill: string;
     };
-    solid: {
-        borderWidth: string;
+    full: {};
+    ghost: {
+        fill: string;
+        borderColor: string;
+        borderColorHover: string;
     };
 };
 export { inputAppearanceStyle };

package/dist/types/components/Input/appearance/inputSuccess.d.ts

@@ -2,7 +2,7 @@ declare const inputAppearanceSuccess: {
     successPrimary: {
         fill: string;
         borderColor: string;
-        borderHover: string;
+        borderColorHover: string;
         textColor: string;
         iconBeforeFill: string;
         iconClearFill: string;
@@ -11,7 +11,7 @@ declare const inputAppearanceSuccess: {
     successSecondary: {
         fill: string;
         borderColor: string;
-        borderHover: string;
+        borderColorHover: string;
         iconBeforeFill: string;
         iconClearFill: string;
         placeholderTextColor: string;

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

@@ -1,6 +1,8 @@
 declare const menuItemAppearanceSurface: {
     surfacePrimary: {
         fill: string;
+        fillActive: string;
+        fillActiveHover: string;
         fillHover: string;
         labelTextColor: string;
         iconAfterFillIcon: string;

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

@@ -0,0 +1,21 @@
+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/paginationSize.d.ts

@@ -0,0 +1,45 @@
+declare const paginationAppearanceSize: {
+    sizeL: {
+        size: string;
+        labelTextSize: 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;
+        iconAfterFillSize: string;
+        iconAfterSize: string;
+        iconBeforeFillSize: string;
+        iconBeforeSize: string;
+        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 };

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

@@ -0,0 +1,14 @@
+declare const paginationAppearanceStyle: {
+    solid: {
+        borderColor: string;
+    };
+    outlined: {
+        fill: string;
+    };
+    full: {};
+    ghost: {
+        fill: string;
+        borderColor: string;
+    };
+};
+export { paginationAppearanceStyle };

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

@@ -2,17 +2,14 @@ declare const paginationAppearanceSurface: {
     surfacePrimary: {
         fill: string;
         fillHover: string;
-        gap: string;
-        marginPagesDisplayed: number;
-        nextLabel: import("react/jsx-runtime").JSX.Element;
+        nextIcon: any;
+        nextIconFillIcon: string;
         pageCountDesc: string;
         pageCountDescTextColor: string;
-        pageCountDescTextSize: string;
         pageCountDropdownAlignment: string;
         pageCountDropdownElevation: number;
         pageCountDropdownFill: string;
         pageCountDropdownItemDividerFill: string;
-        pageCountDropdownItemDividerSize: string;
         pageCountDropdownItemFill: string;
         pageCountDropdownItemFillActive: string;
         pageCountDropdownItemFillActiveHover: string;
@@ -22,18 +19,13 @@ declare const paginationAppearanceSurface: {
         pageCountDropdownItemLabelColorActive: string;
         pageCountDropdownItemLabelColorActiveHover: string;
         pageCountDropdownItemLabelColorHover: string;
-        pageCountDropdownItemLabelSize: string;
-        pageCountDropdownItemShowDivider: boolean;
-        pageCountDropdownItemSize: string;
         pageCountDropdownItemWidth: string;
         pageCountDropdownShape: string;
         pageCountInputIcon: any;
         pageCountInputIconColor: string;
-        pageCountInputIconFillSize: string;
         pageCountInputTextColor: string;
-        pageCountInputTextSize: string;
-        pageRangeDisplayed: number;
-        previousLabel: import("react/jsx-runtime").JSX.Element;
+        previousIcon: any;
+        previousIconFillIcon: string;
     };
 };
 export { paginationAppearanceSurface };

package/dist/types/components/ScrollOnDrag/stories/__mock__/index.d.ts

@@ -0,0 +1,2 @@
+declare const scrollOnDragMock: import("react/jsx-runtime").JSX.Element;
+export { scrollOnDragMock };

package/dist/types/components/Scrollbar/stories/__mock__/index.d.ts

@@ -0,0 +1,2 @@
+declare const scrollbarMock: import("react/jsx-runtime").JSX.Element[];
+export { scrollbarMock };

package/dist/types/components/Search/appearance/searchDefault.d.ts

@@ -2,7 +2,7 @@ declare const searchAppearanceDefault: {
     defaultPrimary: {
         fill: string;
         borderColor: string;
-        borderHover: string;
+        borderColorHover: string;
         iconAfterFill: string;
         iconBeforeFill: string;
         iconClearFill: string;

package/dist/types/components/Search/appearance/searchDisabled.d.ts

@@ -2,7 +2,7 @@ declare const searchAppearanceDisabled: {
     disabledPrimary: {
         fill: string;
         borderColor: string;
-        borderHover: string;
+        borderColorHover: string;
         iconAfterFill: string;
         iconBeforeFill: string;
         iconClearFill: string;

package/dist/types/components/Search/appearance/searchError.d.ts

@@ -2,7 +2,7 @@ declare const searchAppearanceError: {
     errorPrimary: {
         fill: string;
         borderColor: string;
-        borderHover: string;
+        borderColorHover: string;
         iconAfterFill: string;
         iconBeforeFill: string;
         iconClearFill: string;

package/dist/types/components/Search/appearance/searchRequire.d.ts

@@ -2,7 +2,7 @@ declare const searchAppearanceRequire: {
     requirePrimary: {
         fill: string;
         borderColor: string;
-        borderHover: string;
+        borderColorHover: string;
         iconAfterFill: string;
         iconBeforeFill: string;
         iconClearFill: string;

package/dist/types/components/Search/appearance/searchStyle.d.ts

@@ -1,16 +1,17 @@
 declare const searchAppearanceStyle: {
-    full: {
+    solid: {
         borderColor: string;
-    };
-    ghost: {
-        fill: string;
-        borderWidth: string;
+        borderColorHover: string;
     };
     outlined: {
         fill: string;
     };
-    solid: {
-        borderWidth: string;
+    full: {
+        borderColor: string;
+    };
+    ghost: {
+        fill: string;
+        borderColor: string;
     };
 };
 export { searchAppearanceStyle };

package/dist/types/components/Search/appearance/searchSuccess.d.ts

@@ -2,7 +2,7 @@ declare const searchAppearanceSuccess: {
     successPrimary: {
         fill: string;
         borderColor: string;
-        borderHover: string;
+        borderColorHover: string;
         textColor: string;
         iconAfterFill: string;
         iconBeforeFill: string;

package/dist/types/components/Swiper/stories/__mock__/index.d.ts

@@ -0,0 +1,2 @@
+declare const slidesMock: import("react/jsx-runtime").JSX.Element[];
+export { slidesMock };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.8.31",
+  "version": "1.8.33",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -97,7 +97,7 @@
   "dependencies": {
     "@emotion/is-prop-valid": "^1.3.1",
     "@itcase/common": "^1.2.28",
-    "@itcase/icons": "^1.1.4",
+    "@itcase/icons": "^1.1.6",
     "@itcase/storybook-config": "^1.1.14",
     "@itcase/tokens-am": "^1.1.9",
     "@itcase/tokens-baikal": "^1.1.9",

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