@itcase/ui 1.8.40 → 1.8.42

package/dist/{Button_cjs_Ctkyt2ES.js → Button_cjs_Bzx1GdT5.js}

@@ -12,20 +12,9 @@ var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDe
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
 
 var buttonAppearanceAccent = {
-    accent: {
-        fill: 'accentPrimary',
-        fillHover: 'accentHover',
-        labelTextColor: 'accentTextPrimary',
-        labelTextColorHover: 'accentTextPrimary',
-        borderColor: 'accentBorderPrimary',
-        iconAfterFillIcon: 'accentItemPrimary',
-        iconBeforeFillIcon: 'accentItemPrimary',
-        iconFillIcon: 'accentItemPrimary',
-        loaderAppearance: 'accentPrimary',
-    },
     accentPrimary: {
         fill: 'accentPrimary',
-        fillHover: 'accentHover',
+        fillHover: 'accentHoverPrimary',
         labelTextColor: 'accentTextPrimary',
         labelTextColorHover: 'accentTextPrimary',
         borderColor: 'accentBorderPrimary',
@@ -36,7 +25,7 @@ var buttonAppearanceAccent = {
     },
     accentSecondary: {
         fill: 'accentPrimary',
-        fillHover: 'accentHover',
+        fillHover: 'accentHoverPrimary',
         labelTextColor: 'accentTextSecondary',
         labelTextColorHover: 'accentTextSecondary',
         borderColor: 'accentBorderPrimary',
@@ -48,16 +37,6 @@ var buttonAppearanceAccent = {
 };
 
 var buttonAppearanceDanger = {
-    danger: {
-        fill: 'dangerPrimary',
-        fillHover: 'dangerHover',
-        labelTextColor: 'dangerTextSecondary',
-        labelTextColorHover: 'dangerTextSecondary',
-        iconAfterFillIcon: 'dangerItemPrimary',
-        iconBeforeFillIcon: 'dangerItemPrimary',
-        iconFillIcon: 'dangerItemPrimary',
-        loaderAppearance: 'dangerPrimary',
-    },
     dangerPrimary: {
         fill: 'dangerPrimary',
         fillHover: 'dangerHover',

package/dist/{Button_es_BiIuX0ER.js → Button_es_DhCLxWhq.js}

@@ -10,20 +10,9 @@ import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevi
 import { useStyles } from './hooks/useStyles/useStyles.js';
 
 var buttonAppearanceAccent = {
-    accent: {
-        fill: 'accentPrimary',
-        fillHover: 'accentHover',
-        labelTextColor: 'accentTextPrimary',
-        labelTextColorHover: 'accentTextPrimary',
-        borderColor: 'accentBorderPrimary',
-        iconAfterFillIcon: 'accentItemPrimary',
-        iconBeforeFillIcon: 'accentItemPrimary',
-        iconFillIcon: 'accentItemPrimary',
-        loaderAppearance: 'accentPrimary',
-    },
     accentPrimary: {
         fill: 'accentPrimary',
-        fillHover: 'accentHover',
+        fillHover: 'accentHoverPrimary',
         labelTextColor: 'accentTextPrimary',
         labelTextColorHover: 'accentTextPrimary',
         borderColor: 'accentBorderPrimary',
@@ -34,7 +23,7 @@ var buttonAppearanceAccent = {
     },
     accentSecondary: {
         fill: 'accentPrimary',
-        fillHover: 'accentHover',
+        fillHover: 'accentHoverPrimary',
         labelTextColor: 'accentTextSecondary',
         labelTextColorHover: 'accentTextSecondary',
         borderColor: 'accentBorderPrimary',
@@ -46,16 +35,6 @@ var buttonAppearanceAccent = {
 };
 
 var buttonAppearanceDanger = {
-    danger: {
-        fill: 'dangerPrimary',
-        fillHover: 'dangerHover',
-        labelTextColor: 'dangerTextSecondary',
-        labelTextColorHover: 'dangerTextSecondary',
-        iconAfterFillIcon: 'dangerItemPrimary',
-        iconBeforeFillIcon: 'dangerItemPrimary',
-        iconFillIcon: 'dangerItemPrimary',
-        loaderAppearance: 'dangerPrimary',
-    },
     dangerPrimary: {
         fill: 'dangerPrimary',
         fillHover: 'dangerHover',

package/dist/{DatePicker_cjs_D_1v2mS0.js → DatePicker_cjs_Cq8vqj3E.js}

@@ -8,7 +8,7 @@ var locale = require('date-fns/locale');
 var DatePicker = require('react-datepicker');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Button = require('./Button_cjs_Ctkyt2ES.js');
+var Button = require('./Button_cjs_Bzx1GdT5.js');
 var Tooltip = require('./Tooltip_cjs_BBwH8sjA.js');
 var Input = require('./Input_cjs_CPmXkQGd.js');
 var Label = require('./Label_cjs_Mb8j2bLu.js');

package/dist/{DatePicker_es_CQwbdG0g.js → DatePicker_es_DYs71cnU.js}

@@ -6,7 +6,7 @@ import { ru } from 'date-fns/locale';
 import DatePicker from 'react-datepicker';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { B as Button } from './Button_es_BiIuX0ER.js';
+import { B as Button } from './Button_es_DhCLxWhq.js';
 import { I as Icon } from './Tooltip_es_Y2aoFQW7.js';
 import { I as Input } from './Input_es_D9Y1Rj5Y.js';
 import { L as Label } from './Label_es_CIDBUVgO.js';

package/dist/cjs/components/Button.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Button = require('../../Button_cjs_Ctkyt2ES.js');
+var Button = require('../../Button_cjs_Bzx1GdT5.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');

package/dist/cjs/components/CookiesWarning.js

@@ -6,7 +6,7 @@ var React = require('react');
 var clsx = require('clsx');
 var Cookies = require('js-cookie');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var Button = require('../../Button_cjs_Ctkyt2ES.js');
+var Button = require('../../Button_cjs_Bzx1GdT5.js');
 var Text = require('../../Text_cjs_C9fOm0nd.js');
 require('lodash/camelCase');
 require('lodash/castArray');

package/dist/cjs/components/DatePeriod.js

@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var common = require('@itcase/common');
-var DatePicker = require('../../DatePicker_cjs_D_1v2mS0.js');
+var DatePicker = require('../../DatePicker_cjs_Cq8vqj3E.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var ChipsGroup = require('../../ChipsGroup_cjs_p99H-9a8.js');
 require('date-fns/locale');
@@ -21,7 +21,7 @@ require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Button_cjs_Ctkyt2ES.js');
+require('../../Button_cjs_Bzx1GdT5.js');
 require('../../Tooltip_cjs_BBwH8sjA.js');
 require('../../Text_cjs_C9fOm0nd.js');
 require('react-inlinesvg');

package/dist/cjs/components/DatePicker.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var DatePicker = require('../../DatePicker_cjs_D_1v2mS0.js');
+var DatePicker = require('../../DatePicker_cjs_Cq8vqj3E.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');
@@ -21,7 +21,7 @@ require('../utils/setViewportProperty.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Button_cjs_Ctkyt2ES.js');
+require('../../Button_cjs_Bzx1GdT5.js');
 require('../../Tooltip_cjs_BBwH8sjA.js');
 require('../../Text_cjs_C9fOm0nd.js');
 require('react-inlinesvg');

package/dist/cjs/components/Response.js

@@ -8,7 +8,7 @@ var SVG = require('react-inlinesvg');
 var urlWithAssetPrefix = require('../hoc/urlWithAssetPrefix.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Button = require('../../Button_cjs_Ctkyt2ES.js');
+var Button = require('../../Button_cjs_Bzx1GdT5.js');
 var Group = require('../../Group_cjs_Cwt0gWk4.js');
 var Text = require('../../Text_cjs_C9fOm0nd.js');
 require('@itcase/common');

package/dist/cjs/components/Segmented.js

@@ -43,6 +43,23 @@ var segmentedAppearanceDefault = {
         iconFillActive: 'surfaceItemSecondary',
         indicatorFill: 'accentPrimary',
     },
+    defaultSecondary: {
+        fill: 'surfaceSecondary',
+        fillActive: 'accentPrimary',
+        fillActiveHover: 'accentPrimary',
+        fillHover: 'surfaceSecondary',
+        labelTextActiveColor: 'accentTextPrimary',
+        labelTextActiveHoverColor: 'accentTextPrimary',
+        labelTextColor: 'surfaceTextPrimary',
+        borderColor: 'surfaceBorderQuaternary',
+        iconAfterFill: 'surfaceItemQuaternary',
+        iconAfterFillActive: 'surfaceItemSecondary',
+        iconBeforeFill: 'surfaceItemQuaternary',
+        iconBeforeFillActive: 'surfaceItemSecondary',
+        iconFill: 'surfaceItemQuaternary',
+        iconFillActive: 'surfaceItemSecondary',
+        indicatorFill: 'accentPrimary',
+    },
 };
 
 var segmentedAppearanceDisabled = {
@@ -100,7 +117,7 @@ var segmentedAppearanceSize = {
         labelTextSize: 'xs',
         iconSize: '16',
     },
-    sizeXSS: {
+    sizeXXS: {
         size: 'xxs',
         labelTextSize: 'xxs',
         iconSize: '14',

package/dist/components/Button.js

@@ -1,4 +1,4 @@
-export { B as Button, a as buttonAppearance, b as buttonConfig } from '../Button_es_BiIuX0ER.js';
+export { B as Button, a as buttonAppearance, b as buttonConfig } from '../Button_es_DhCLxWhq.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/components/CookiesWarning.js

@@ -4,7 +4,7 @@ import { useRef, useMemo, useCallback, useEffect } from 'react';
 import clsx from 'clsx';
 import Cookies from 'js-cookie';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { B as Button } from '../Button_es_BiIuX0ER.js';
+import { B as Button } from '../Button_es_DhCLxWhq.js';
 import { T as Text } from '../Text_es_BfLRfj-5.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/DatePeriod.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useCallback } from 'react';
 import clsx from 'clsx';
 import { DATE_PERIOD_INTERVALS } from '@itcase/common';
-import { D as DatePickerInput } from '../DatePicker_es_CQwbdG0g.js';
+import { D as DatePickerInput } from '../DatePicker_es_DYs71cnU.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { b as ChipsGroup, C as Chips } from '../ChipsGroup_es_CWq3TR_1.js';
 import 'date-fns/locale';
@@ -19,7 +19,7 @@ import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Button_es_BiIuX0ER.js';
+import '../Button_es_DhCLxWhq.js';
 import '../Tooltip_es_Y2aoFQW7.js';
 import '../Text_es_BfLRfj-5.js';
 import 'react-inlinesvg';

package/dist/components/DatePicker.js

@@ -1,4 +1,4 @@
-export { D as DatePickerInput, a as datePickerAppearance, d as datePickerConfig } from '../DatePicker_es_CQwbdG0g.js';
+export { D as DatePickerInput, a as datePickerAppearance, d as datePickerConfig } from '../DatePicker_es_DYs71cnU.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';
@@ -19,7 +19,7 @@ import '../utils/setViewportProperty.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Button_es_BiIuX0ER.js';
+import '../Button_es_DhCLxWhq.js';
 import '../Tooltip_es_Y2aoFQW7.js';
 import '../Text_es_BfLRfj-5.js';
 import 'react-inlinesvg';

package/dist/components/Response.js

@@ -6,7 +6,7 @@ import SVG from 'react-inlinesvg';
 import { urlWithAssetPrefix } from '../hoc/urlWithAssetPrefix.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { B as Button } from '../Button_es_BiIuX0ER.js';
+import { B as Button } from '../Button_es_DhCLxWhq.js';
 import { G as Group } from '../Group_es_CYW2Hquh.js';
 import { T as Text } from '../Text_es_BfLRfj-5.js';
 import '@itcase/common';

package/dist/components/Segmented.js

@@ -41,6 +41,23 @@ var segmentedAppearanceDefault = {
         iconFillActive: 'surfaceItemSecondary',
         indicatorFill: 'accentPrimary',
     },
+    defaultSecondary: {
+        fill: 'surfaceSecondary',
+        fillActive: 'accentPrimary',
+        fillActiveHover: 'accentPrimary',
+        fillHover: 'surfaceSecondary',
+        labelTextActiveColor: 'accentTextPrimary',
+        labelTextActiveHoverColor: 'accentTextPrimary',
+        labelTextColor: 'surfaceTextPrimary',
+        borderColor: 'surfaceBorderQuaternary',
+        iconAfterFill: 'surfaceItemQuaternary',
+        iconAfterFillActive: 'surfaceItemSecondary',
+        iconBeforeFill: 'surfaceItemQuaternary',
+        iconBeforeFillActive: 'surfaceItemSecondary',
+        iconFill: 'surfaceItemQuaternary',
+        iconFillActive: 'surfaceItemSecondary',
+        indicatorFill: 'accentPrimary',
+    },
 };
 
 var segmentedAppearanceDisabled = {
@@ -98,7 +115,7 @@ var segmentedAppearanceSize = {
         labelTextSize: 'xs',
         iconSize: '16',
     },
-    sizeXSS: {
+    sizeXXS: {
         size: 'xxs',
         labelTextSize: 'xxs',
         iconSize: '14',

package/dist/css/components/Button/Button.css

@@ -46,17 +46,20 @@
           ^^&__wrapper {
             min-width: var(
               --button-type-$(type)-$(size)-min-width,
-              --button-$(size)-min-width
+              var(--button-$(size)-min-width),
             );
             min-height: var(
               --button-type-$(type)-$(size)-min-height,
-              --button-$(size)-min-height
+              var(--button-$(size)-min-height)
             );
             padding: var(
               --button-type-$(type)-$(size)-padding,
-              --button-$(size)-padding
+              var(--button-$(size)-padding)
+            );
+            gap: var(
+              --button-type-$(type)-$(size)-gap,
+              var(--button-$(size)-gap)
             );
-            gap: var(--button-type-$(type)-$(size)-gap, --button-$(size)-gap);
           }
         }
       }

package/dist/stories/AccordionOverview.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/blocks'
+import { Meta, Story } from '@storybook/addon-docs/blocks'
 
 import * as AccordionStories from '../stories/AccordionDemo.stories'
 

package/dist/stories/AccordionPlayground.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Controls, Meta } from '@storybook/blocks'
+import { Canvas, Controls, Meta } from '@storybook/addon-docs/blocks'
 
 import * as AccordionStories from '../stories/AccordionDemo.stories'
 

package/dist/stories/AvatarOverview.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas } from '@storybook/blocks'
+import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks'
 
 import * as AvatarStories from '../stories/AvatarDemo.stories'
 

package/dist/stories/AvatarPlayground.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Controls, Meta } from '@storybook/blocks'
+import { Canvas, Controls, Meta } from '@storybook/addon-docs/blocks'
 
 import * as AvatarStories from '../stories/AvatarDemo.stories'
 

package/dist/stories/AvatarStackOverview.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta } from '@storybook/blocks'
+import { Canvas, Meta } from '@storybook/addon-docs/blocks'
 import * as AvatarStackStories from '../stories/AvatarStackDemo.stories'
 
 <Meta title="Molecules / Avatar Stack / Overview" />

package/dist/stories/AvatarStackPlayground.mdx

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

package/dist/stories/BadgeOverview.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta } from '@storybook/blocks'
+import { Canvas, Meta } from '@storybook/addon-docs/blocks'
 import * as BadgeStories from '../stories/BadgeDemo.stories'
 
 <Meta title="Atoms / Badge / Overview" />

package/dist/stories/BadgePlayground.mdx

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

package/dist/stories/BreadcrumbsOverview.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/blocks'
+import { Meta, Story } from '@storybook/addon-docs/blocks'
 
 import * as BreadcrumbsStories from '../stories/BreadcrumbsDemo.stories'
 

package/dist/stories/BreadcrumbsPlsyground.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta } from '@storybook/blocks'
+import { Canvas, Meta } from '@storybook/addon-docs/blocks'
 
 import * as BreadcrumbsStories from '../stories/BreadcrumbsDemo.stories'
 

package/dist/stories/ButtonOverview.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/blocks'
+import { Meta, Story } from '@storybook/addon-docs/blocks'
 
 import * as ButtonStories from '../stories/ButtonDemo.stories'
 

package/dist/stories/ButtonPlayground.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Controls, Meta } from '@storybook/blocks'
+import { Canvas, Controls, Meta } from '@storybook/addon-docs/blocks'
 
 import * as ButtonStories from '../stories/ButtonDemo.stories'
 

package/dist/stories/CellOverview.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/blocks'
+import { Meta, Story } from '@storybook/addon-docs/blocks'
 
 import * as CellStories from '../stories/CellDemo.stories'
 import * as CellStoriesDirection from '../stories/CellDirection.stories'

package/dist/stories/CellPlayground.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Controls, Meta } from '@storybook/blocks'
+import { Canvas, Controls, Meta } from '@storybook/addon-docs/blocks'
 
 import * as CellStories from '../stories/CellDemo.stories'
 

package/dist/stories/CheckboxOverview.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/blocks'
+import { Meta, Story } from '@storybook/addon-docs/blocks'
 
 import * as CheckboxStories from '../stories/CheckboxDemo.stories'
 

package/dist/stories/CheckboxPlayground.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Controls, Meta } from '@storybook/blocks'
+import { Canvas, Controls, Meta } from '@storybook/addon-docs/blocks'
 
 import * as CheckboxStories from '../stories/CheckboxDemo.stories'
 

package/dist/stories/CheckmarkOverview.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/blocks'
+import { Meta, Story } from '@storybook/addon-docs/blocks'
 import * as CheckmarkStories from '../stories/CheckmarkDemo.stories'
 
 <Meta title="Atoms / Checkmark / Overview" />

package/dist/stories/CheckmarkPlayground.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Controls, Meta } from '@storybook/blocks'
+import { Canvas, Controls, Meta } from '@storybook/addon-docs/blocks'
 
 import * as CheckmarkStories from '../stories/CheckmarkDemo.stories'
 

package/dist/stories/ChipsOverview.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas } from '@storybook/blocks'
+import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks'
 
 import * as ChipsStories from '../stories/ChipsDefault.stories'
 

package/dist/stories/ChipsPlayground.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Controls, Meta } from '@storybook/blocks'
+import { Canvas, Controls, Meta } from '@storybook/addon-docs/blocks'
 
 import * as ChipsStories from '../stories/ChipsDefault.stories'
 

package/dist/stories/ChoiceOverview.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/blocks'
+import { Meta, Story } from '@storybook/addon-docs/blocks'
 
 import * as ChoiceStories from '../stories/ChoiceDemo.stories'
 

package/dist/stories/ChoicePlayground.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Controls, Meta } from '@storybook/blocks'
+import { Canvas, Controls, Meta } from '@storybook/addon-docs/blocks'
 
 import * as ChoiceStories from '../stories/ChoiceDemo.stories'
 

package/dist/stories/CodeOverview.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/blocks'
+import { Meta, Story } from '@storybook/addon-docs/blocks'
 
 import * as CodeStories from '../stories/CodeDemo.stories'
 

package/dist/stories/CodePlayground.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Controls, Meta } from '@storybook/blocks'
+import { Canvas, Controls, Meta } from '@storybook/addon-docs/blocks'
 
 import * as CodeStories from '../stories/CodeDemo.stories'
 

package/dist/stories/Components.mdx

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/blocks'
+import { Meta } from '@storybook/addon-docs/blocks'
 
 <Meta title="Overview / Component" />
 
@@ -66,7 +66,7 @@ import { Meta } from '@storybook/blocks'
 Базовая информация о компоненте
 
 ```jsx
-import { Canvas, Meta } from '@storybook/blocks'
+import { Canvas, Meta } from '@storybook/addon-docs/blocks'
 // 👇 импорт истории для использованя на странице
 import * as ComponentNameStories from '../stories/Demo.stories.tsx'
 // 👇 расположение компонента
@@ -87,7 +87,7 @@ import * as ComponentNameStories from '../stories/Demo.stories.tsx'
 Песочница
 
 ```jsx
-import { Canvas, Controls, Meta } from '@storybook/blocks'
+import { Canvas, Controls, Meta } from '@storybook/addon-docs/blocks'
 // 👇 импорт истории для использованя на странице
 import * as ComponentNameStories from '../stories/Demo.stories.tsx'
 // 👇 расположение компонента

package/dist/stories/CookiesWarningOverview.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/blocks'
+import { Meta, Story } from '@storybook/addon-docs/blocks'
 
 import * as CookiesWarningStories from '../stories/CoockiesWarning.stories'
 

package/dist/stories/CookiesWarningPlayground.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Controls, Meta } from '@storybook/blocks'
+import { Canvas, Controls, Meta } from '@storybook/addon-docs/blocks'
 
 import * as CookiesWarningStories from '../stories/CoockiesWarning.stories'
 

package/dist/stories/DadataOverview.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/blocks'
+import { Meta, Story } from '@storybook/addon-docs/blocks'
 
 import * as DadataStories from '../stories/Dadata.stories'
 

package/dist/stories/DadataPlaygroynd.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Controls, Meta } from '@storybook/blocks'
+import { Canvas, Controls, Meta } from '@storybook/addon-docs/blocks'
 
 import * as DadataStories from '../stories/Dadata.stories'
 

package/dist/stories/DatePeriodOverview.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/blocks'
+import { Meta, Story } from '@storybook/addon-docs/blocks'
 
 import * as DatePeriodStories from  '../stories/DatePeriodDemo.stories'
 

package/dist/stories/DatePeriodPlayground.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Controls, Meta } from '@storybook/blocks'
+import { Canvas, Controls, Meta } from '@storybook/addon-docs/blocks'
 
 import * as DatePeriodStories from '../stories/DatePeriodDemo.stories'
 

package/dist/stories/DatePickerOverview.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/blocks'
+import { Meta, Story } from '@storybook/addon-docs/blocks'
 
 import * as DatePickerStories from '../stories/DatePicker.stories'
 

package/dist/stories/DatePickerPlayground.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Controls, Meta } from '@storybook/blocks'
+import { Canvas, Controls, Meta } from '@storybook/addon-docs/blocks'
 
 import * as DatePickerStories from '../stories/DatePicker.stories'
 

package/dist/stories/DividerOverview.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/blocks'
+import { Meta, Story } from '@storybook/addon-docs/blocks'
 
 import * as DividerStories from '../stories/DividerDemo.stories'
 

package/dist/stories/DividerPlayground.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Controls, Meta } from '@storybook/blocks'
+import { Canvas, Controls, Meta } from '@storybook/addon-docs/blocks'
 
 import * as DividerStories from '../stories/DividerDemo.stories'
 

package/dist/stories/DotOverview.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/blocks'
+import { Meta, Story } from '@storybook/addon-docs/blocks'
 
 import * as DotStories from '../stories/Dot.stories.tsx'
 

package/dist/stories/DotPlayground.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Controls, Meta } from '@storybook/blocks'
+import { Canvas, Controls, Meta } from '@storybook/addon-docs/blocks'
 
 import * as DotStories from '../stories/Dot.stories.tsx'