@alfalab/core-components 46.0.0-beta.5 → 46.0.0-beta.6

package/gallery/components/header/buttons.js

@@ -8,7 +8,7 @@ require('@alfalab/icons-glyph/ArrowsInwardMIcon');
 require('@alfalab/icons-glyph/ArrowsOutwardMIcon');
 require('@alfalab/icons-glyph/CrossMIcon');
 require('@alfalab/icons-glyph/PointerDownMIcon');
-var components_header_buttons = require('../../buttons-0e0683d9.js');
+var components_header_buttons = require('../../buttons-d8774f2d.js');
 
 
 

package/gallery/components/image-viewer/component.js

@@ -12,7 +12,7 @@ var ChevronForwardHeavyMIcon = require('@alfalab/icons-glyph/ChevronForwardHeavy
 var context = require('../../context.js');
 var utils_utils = require('../../utils/utils.js');
 var utils_constants = require('../../utils/constants.js');
-var components_imageViewer_slide = require('../../slide-3d8ed06b.js');
+var components_imageViewer_slide = require('../../slide-bb1b1545.js');
 require('swiper/swiper.min.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/gallery/components/image-viewer/slide.js

@@ -6,7 +6,7 @@ require('../../../typography');
 require('../../utils/utils.js');
 require('../../utils/constants.js');
 require('./paths.js');
-var components_imageViewer_slide = require('../../slide-3d8ed06b.js');
+var components_imageViewer_slide = require('../../slide-bb1b1545.js');
 
 
 

package/gallery/esm/Component.js

@@ -20,13 +20,13 @@ import '@alfalab/icons-glyph/PointerDownMIcon';
 import './components/image-preview/paths.js';
 import './components/header-info-block/Component.js';
 import './utils/split-filename.js';
-import './buttons-eabdb51b.js';
+import './buttons-49914c40.js';
 import 'element-closest';
 import 'swiper';
 import 'swiper/react';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import './slide-a8f6ccc1.js';
+import './slide-3443a4cc.js';
 import './components/image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 

package/gallery/esm/components/header/Component.js

@@ -3,7 +3,7 @@ import { GalleryContext } from '../../context.js';
 import { isSmallImage } from '../../utils/utils.js';
 import { TestIds } from '../../utils/constants.js';
 import { HeaderInfoBlock } from '../header-info-block/Component.js';
-import { s as styles, D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-eabdb51b.js';
+import { s as styles, D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-49914c40.js';
 import '../../../../typography/esm';
 import '../../utils/split-filename.js';
 import 'tslib';

package/gallery/esm/components/header/buttons.js

@@ -6,4 +6,4 @@ import '@alfalab/icons-glyph/ArrowsInwardMIcon';
 import '@alfalab/icons-glyph/ArrowsOutwardMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '@alfalab/icons-glyph/PointerDownMIcon';
-export { D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-eabdb51b.js';
+export { D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-49914c40.js';

package/gallery/esm/components/header/index.js

@@ -6,7 +6,7 @@ import '../../utils/constants.js';
 import '../header-info-block/Component.js';
 import '../../../../typography/esm';
 import '../../utils/split-filename.js';
-import '../../buttons-eabdb51b.js';
+import '../../buttons-49914c40.js';
 import 'tslib';
 import '../../../../icon-button/esm';
 import '../../../../tooltip/esm/desktop';

package/gallery/esm/components/image-preview/Component.js

@@ -20,7 +20,7 @@ import 'swiper/react';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
 import '../../utils/constants.js';
-import '../../slide-a8f6ccc1.js';
+import '../../slide-3443a4cc.js';
 import '../image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 

package/gallery/esm/components/image-preview/index.js

@@ -20,7 +20,7 @@ import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
 import '../../utils/constants.js';
-import '../../slide-a8f6ccc1.js';
+import '../../slide-3443a4cc.js';
 import '../image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import './paths.js';

package/gallery/esm/components/image-viewer/component.js

@@ -10,7 +10,7 @@ import { ChevronForwardHeavyMIcon } from '@alfalab/icons-glyph/ChevronForwardHea
 import { GalleryContext } from '../../context.js';
 import { getImageAlt, getImageKey } from '../../utils/utils.js';
 import { TestIds } from '../../utils/constants.js';
-import { s as styles, S as Slide } from '../../slide-a8f6ccc1.js';
+import { s as styles, S as Slide } from '../../slide-3443a4cc.js';
 import 'swiper/swiper.min.css';
 import '../../../../typography/esm';
 import './paths.js';

package/gallery/esm/components/image-viewer/index.js

@@ -11,7 +11,7 @@ import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
 import '../../context.js';
 import '../../utils/utils.js';
 import '../../utils/constants.js';
-import '../../slide-a8f6ccc1.js';
+import '../../slide-3443a4cc.js';
 import '../../../../typography/esm';
 import './paths.js';
 import 'swiper/swiper.min.css';

package/gallery/esm/components/image-viewer/slide.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../typography/esm';
-export { S as Slide } from '../../slide-a8f6ccc1.js';
+export { S as Slide } from '../../slide-3443a4cc.js';
 import '../../utils/utils.js';
 import '../../utils/constants.js';
 import './paths.js';

package/gallery/esm/components/index.js

@@ -22,10 +22,10 @@ import 'swiper/react';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../slide-a8f6ccc1.js';
+import '../slide-3443a4cc.js';
 import './image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import './image-preview/paths.js';
 import './header-info-block/Component.js';
 import '../utils/split-filename.js';
-import '../buttons-eabdb51b.js';
+import '../buttons-49914c40.js';

package/gallery/esm/components/navigation-bar/Component.js

@@ -20,7 +20,7 @@ import 'swiper/react';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../../slide-a8f6ccc1.js';
+import '../../slide-3443a4cc.js';
 import '../image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import '../image-preview/paths.js';

package/gallery/esm/components/navigation-bar/index.js

@@ -21,7 +21,7 @@ import 'swiper/react';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../../slide-a8f6ccc1.js';
+import '../../slide-3443a4cc.js';
 import '../image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import '../image-preview/paths.js';

package/gallery/esm/index.js

@@ -23,10 +23,10 @@ import 'swiper/react';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import './slide-a8f6ccc1.js';
+import './slide-3443a4cc.js';
 import './components/image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import './components/image-preview/paths.js';
 import './components/header/Component.js';
 import './components/header-info-block/Component.js';
-import './buttons-eabdb51b.js';
+import './buttons-49914c40.js';

package/gallery/modern/Component.js

@@ -19,13 +19,13 @@ import '@alfalab/icons-glyph/PointerDownMIcon';
 import './components/image-preview/paths.js';
 import './components/header-info-block/Component.js';
 import './utils/split-filename.js';
-import './buttons-062ff167.js';
+import './buttons-6df48be7.js';
 import 'element-closest';
 import 'swiper';
 import 'swiper/react';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import './slide-b5566e19.js';
+import './slide-0bca9ff6.js';
 import './components/image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 

package/gallery/modern/components/header/Component.js

@@ -3,7 +3,7 @@ import { GalleryContext } from '../../context.js';
 import { isSmallImage } from '../../utils/utils.js';
 import { TestIds } from '../../utils/constants.js';
 import { HeaderInfoBlock } from '../header-info-block/Component.js';
-import { s as styles, D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-062ff167.js';
+import { s as styles, D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-6df48be7.js';
 import '../../../../typography/modern';
 import '../../utils/split-filename.js';
 import '../../../../icon-button/modern';

package/gallery/modern/components/header/buttons.js

@@ -5,4 +5,4 @@ import '@alfalab/icons-glyph/ArrowsInwardMIcon';
 import '@alfalab/icons-glyph/ArrowsOutwardMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '@alfalab/icons-glyph/PointerDownMIcon';
-export { D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-062ff167.js';
+export { D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-6df48be7.js';

package/gallery/modern/components/header/index.js

@@ -6,7 +6,7 @@ import '../../utils/constants.js';
 import '../header-info-block/Component.js';
 import '../../../../typography/modern';
 import '../../utils/split-filename.js';
-import '../../buttons-062ff167.js';
+import '../../buttons-6df48be7.js';
 import '../../../../icon-button/modern';
 import '../../../../tooltip/modern/desktop';
 import '@alfalab/icons-glyph/ArrowsInwardMIcon';

package/gallery/modern/components/image-preview/Component.js

@@ -19,7 +19,7 @@ import 'swiper/react';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
 import '../../utils/constants.js';
-import '../../slide-b5566e19.js';
+import '../../slide-0bca9ff6.js';
 import '../image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 

package/gallery/modern/components/image-preview/index.js

@@ -19,7 +19,7 @@ import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
 import '../../utils/constants.js';
-import '../../slide-b5566e19.js';
+import '../../slide-0bca9ff6.js';
 import '../image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import './paths.js';

package/gallery/modern/components/image-viewer/component.js

@@ -9,7 +9,7 @@ import { ChevronForwardHeavyMIcon } from '@alfalab/icons-glyph/ChevronForwardHea
 import { GalleryContext } from '../../context.js';
 import { getImageAlt, getImageKey } from '../../utils/utils.js';
 import { TestIds } from '../../utils/constants.js';
-import { s as styles, S as Slide } from '../../slide-b5566e19.js';
+import { s as styles, S as Slide } from '../../slide-0bca9ff6.js';
 import 'swiper/swiper.min.css';
 import '../../../../typography/modern';
 import './paths.js';

package/gallery/modern/components/image-viewer/index.js

@@ -10,7 +10,7 @@ import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
 import '../../context.js';
 import '../../utils/utils.js';
 import '../../utils/constants.js';
-import '../../slide-b5566e19.js';
+import '../../slide-0bca9ff6.js';
 import '../../../../typography/modern';
 import './paths.js';
 import 'swiper/swiper.min.css';

package/gallery/modern/components/image-viewer/slide.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../typography/modern';
-export { S as Slide } from '../../slide-b5566e19.js';
+export { S as Slide } from '../../slide-0bca9ff6.js';
 import '../../utils/utils.js';
 import '../../utils/constants.js';
 import './paths.js';

package/gallery/modern/components/index.js

@@ -21,10 +21,10 @@ import 'swiper/react';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../slide-b5566e19.js';
+import '../slide-0bca9ff6.js';
 import './image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import './image-preview/paths.js';
 import './header-info-block/Component.js';
 import '../utils/split-filename.js';
-import '../buttons-062ff167.js';
+import '../buttons-6df48be7.js';

package/gallery/modern/components/navigation-bar/Component.js

@@ -19,7 +19,7 @@ import 'swiper/react';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../../slide-b5566e19.js';
+import '../../slide-0bca9ff6.js';
 import '../image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import '../image-preview/paths.js';

package/gallery/modern/components/navigation-bar/index.js

@@ -20,7 +20,7 @@ import 'swiper/react';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../../slide-b5566e19.js';
+import '../../slide-0bca9ff6.js';
 import '../image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import '../image-preview/paths.js';

package/gallery/modern/index.js

@@ -22,10 +22,10 @@ import 'swiper/react';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import './slide-b5566e19.js';
+import './slide-0bca9ff6.js';
 import './components/image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import './components/image-preview/paths.js';
 import './components/header/Component.js';
 import './components/header-info-block/Component.js';
-import './buttons-062ff167.js';
+import './buttons-6df48be7.js';

package/gap/Component.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 import React from 'react';
-type Size = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | 0 | 1 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 64 | 72 | 96 | 128 | 256;
+type Size = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | 0 | 1 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 26 | 28 | 32 | 40 | 48 | 64 | 72 | 96 | 128 | 256;
 type GapProps = {
     /**
      * Размер отступа
      * @description 3xs, 2xs, xs, s, m, l, xl, 2xl, 3xl, 4xl, 5xl, 6xl, 7xl, 8xl deprecated,
-     * используйте 2, 4, 8, 12, 16, 20, 24, 32, 40, 48, 64, 72, 96, 128, 256
+     * используйте 2, 4, 8, 12, 16, 20, 24, 26, 28, 32, 40, 48, 64, 72, 96, 128, 256
      */
     size: Size;
     /**

package/gap/Component.js

@@ -35,6 +35,8 @@ var SIZE_TO_CLASSNAME_MAP = {
     16: 'size-16',
     20: 'size-20',
     24: 'size-24',
+    26: 'size-26',
+    28: 'size-28',
     32: 'size-32',
     40: 'size-40',
     48: 'size-48',

package/gap/cssm/Component.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 import React from 'react';
-type Size = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | 0 | 1 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 64 | 72 | 96 | 128 | 256;
+type Size = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | 0 | 1 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 26 | 28 | 32 | 40 | 48 | 64 | 72 | 96 | 128 | 256;
 type GapProps = {
     /**
      * Размер отступа
      * @description 3xs, 2xs, xs, s, m, l, xl, 2xl, 3xl, 4xl, 5xl, 6xl, 7xl, 8xl deprecated,
-     * используйте 2, 4, 8, 12, 16, 20, 24, 32, 40, 48, 64, 72, 96, 128, 256
+     * используйте 2, 4, 8, 12, 16, 20, 24, 26, 28, 32, 40, 48, 64, 72, 96, 128, 256
      */
     size: Size;
     /**

package/gap/cssm/Component.js

@@ -34,6 +34,8 @@ var SIZE_TO_CLASSNAME_MAP = {
     16: 'size-16',
     20: 'size-20',
     24: 'size-24',
+    26: 'size-26',
+    28: 'size-28',
     32: 'size-32',
     40: 'size-40',
     48: 'size-48',

package/gap/cssm/index.module.css

@@ -39,6 +39,10 @@
         height: 20px;
     } .vertical.gap[data-gap-size='size-24'] {
         height: 24px;
+    } .vertical.gap[data-gap-size='size-26'] {
+        height: 26px;
+    } .vertical.gap[data-gap-size='size-28'] {
+        height: 28px;
     } .vertical.gap[data-gap-size='size-32'] {
         height: 32px;
     } .vertical.gap[data-gap-size='size-40'] {
@@ -73,6 +77,10 @@
         width: 20px;
     } .horizontal.gap[data-gap-size='size-24'] {
         width: 24px;
+    } .horizontal.gap[data-gap-size='size-26'] {
+        width: 26px;
+    } .horizontal.gap[data-gap-size='size-28'] {
+        width: 28px;
     } .horizontal.gap[data-gap-size='size-32'] {
         width: 32px;
     } .horizontal.gap[data-gap-size='size-40'] {

package/gap/esm/Component.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 import React from 'react';
-type Size = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | 0 | 1 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 64 | 72 | 96 | 128 | 256;
+type Size = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | 0 | 1 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 26 | 28 | 32 | 40 | 48 | 64 | 72 | 96 | 128 | 256;
 type GapProps = {
     /**
      * Размер отступа
      * @description 3xs, 2xs, xs, s, m, l, xl, 2xl, 3xl, 4xl, 5xl, 6xl, 7xl, 8xl deprecated,
-     * используйте 2, 4, 8, 12, 16, 20, 24, 32, 40, 48, 64, 72, 96, 128, 256
+     * используйте 2, 4, 8, 12, 16, 20, 24, 26, 28, 32, 40, 48, 64, 72, 96, 128, 256
      */
     size: Size;
     /**

package/gap/esm/Component.js

@@ -28,6 +28,8 @@ var SIZE_TO_CLASSNAME_MAP = {
     16: 'size-16',
     20: 'size-20',
     24: 'size-24',
+    26: 'size-26',
+    28: 'size-28',
     32: 'size-32',
     40: 'size-40',
     48: 'size-48',

package/gap/esm/index.css

@@ -40,6 +40,10 @@
         height: 20px;
     } .gap__vertical_1mppy.gap__gap_1mppy[data-gap-size='size-24'] {
         height: 24px;
+    } .gap__vertical_1mppy.gap__gap_1mppy[data-gap-size='size-26'] {
+        height: 26px;
+    } .gap__vertical_1mppy.gap__gap_1mppy[data-gap-size='size-28'] {
+        height: 28px;
     } .gap__vertical_1mppy.gap__gap_1mppy[data-gap-size='size-32'] {
         height: 32px;
     } .gap__vertical_1mppy.gap__gap_1mppy[data-gap-size='size-40'] {
@@ -74,6 +78,10 @@
         width: 20px;
     } .gap__horizontal_1mppy.gap__gap_1mppy[data-gap-size='size-24'] {
         width: 24px;
+    } .gap__horizontal_1mppy.gap__gap_1mppy[data-gap-size='size-26'] {
+        width: 26px;
+    } .gap__horizontal_1mppy.gap__gap_1mppy[data-gap-size='size-28'] {
+        width: 28px;
     } .gap__horizontal_1mppy.gap__gap_1mppy[data-gap-size='size-32'] {
         width: 32px;
     } .gap__horizontal_1mppy.gap__gap_1mppy[data-gap-size='size-40'] {

package/gap/index.css

@@ -40,6 +40,10 @@
         height: 20px;
     } .gap__vertical_1mppy.gap__gap_1mppy[data-gap-size='size-24'] {
         height: 24px;
+    } .gap__vertical_1mppy.gap__gap_1mppy[data-gap-size='size-26'] {
+        height: 26px;
+    } .gap__vertical_1mppy.gap__gap_1mppy[data-gap-size='size-28'] {
+        height: 28px;
     } .gap__vertical_1mppy.gap__gap_1mppy[data-gap-size='size-32'] {
         height: 32px;
     } .gap__vertical_1mppy.gap__gap_1mppy[data-gap-size='size-40'] {
@@ -74,6 +78,10 @@
         width: 20px;
     } .gap__horizontal_1mppy.gap__gap_1mppy[data-gap-size='size-24'] {
         width: 24px;
+    } .gap__horizontal_1mppy.gap__gap_1mppy[data-gap-size='size-26'] {
+        width: 26px;
+    } .gap__horizontal_1mppy.gap__gap_1mppy[data-gap-size='size-28'] {
+        width: 28px;
     } .gap__horizontal_1mppy.gap__gap_1mppy[data-gap-size='size-32'] {
         width: 32px;
     } .gap__horizontal_1mppy.gap__gap_1mppy[data-gap-size='size-40'] {

package/gap/modern/Component.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 import React from 'react';
-type Size = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | 0 | 1 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 64 | 72 | 96 | 128 | 256;
+type Size = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | 0 | 1 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 26 | 28 | 32 | 40 | 48 | 64 | 72 | 96 | 128 | 256;
 type GapProps = {
     /**
      * Размер отступа
      * @description 3xs, 2xs, xs, s, m, l, xl, 2xl, 3xl, 4xl, 5xl, 6xl, 7xl, 8xl deprecated,
-     * используйте 2, 4, 8, 12, 16, 20, 24, 32, 40, 48, 64, 72, 96, 128, 256
+     * используйте 2, 4, 8, 12, 16, 20, 24, 26, 28, 32, 40, 48, 64, 72, 96, 128, 256
      */
     size: Size;
     /**

package/gap/modern/Component.js

@@ -28,6 +28,8 @@ const SIZE_TO_CLASSNAME_MAP = {
     16: 'size-16',
     20: 'size-20',
     24: 'size-24',
+    26: 'size-26',
+    28: 'size-28',
     32: 'size-32',
     40: 'size-40',
     48: 'size-48',

package/gap/modern/index.css

@@ -40,6 +40,10 @@
         height: 20px;
     } .gap__vertical_1mppy.gap__gap_1mppy[data-gap-size='size-24'] {
         height: 24px;
+    } .gap__vertical_1mppy.gap__gap_1mppy[data-gap-size='size-26'] {
+        height: 26px;
+    } .gap__vertical_1mppy.gap__gap_1mppy[data-gap-size='size-28'] {
+        height: 28px;
     } .gap__vertical_1mppy.gap__gap_1mppy[data-gap-size='size-32'] {
         height: 32px;
     } .gap__vertical_1mppy.gap__gap_1mppy[data-gap-size='size-40'] {
@@ -74,6 +78,10 @@
         width: 20px;
     } .gap__horizontal_1mppy.gap__gap_1mppy[data-gap-size='size-24'] {
         width: 24px;
+    } .gap__horizontal_1mppy.gap__gap_1mppy[data-gap-size='size-26'] {
+        width: 26px;
+    } .gap__horizontal_1mppy.gap__gap_1mppy[data-gap-size='size-28'] {
+        width: 28px;
     } .gap__horizontal_1mppy.gap__gap_1mppy[data-gap-size='size-32'] {
         width: 32px;
     } .gap__horizontal_1mppy.gap__gap_1mppy[data-gap-size='size-40'] {

package/list/Component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('tslib');
 require('react');
 require('classnames');
-var components_item_Component = require('./Component-ff6688dc.js');
+var components_item_Component = require('./Component-a602be93.js');
 require('./utils.js');
 
 

package/list/components/item/Component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('../../../typography');
-var components_item_Component = require('../../Component-ff6688dc.js');
+var components_item_Component = require('../../Component-a602be93.js');
 
 
 

package/list/components/item/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-ff6688dc";
+export * from "../../Component-a602be93";

package/list/components/item/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_item_Component = require('../../Component-ff6688dc.js');
+var components_item_Component = require('../../Component-a602be93.js');
 
 
 

package/list/esm/Component.js

@@ -1,6 +1,6 @@
 import 'tslib';
 import 'react';
 import 'classnames';
-export { a as List, L as ListContext } from './Component-e815e6a4.js';
+export { a as List, L as ListContext } from './Component-cb53d490.js';
 import '../../typography/esm';
 import './utils.js';

package/list/esm/components/item/Component.js

@@ -1,6 +1,6 @@
 import 'react';
 import 'classnames';
 import '../../../../typography/esm';
-export { I as Item } from '../../Component-e815e6a4.js';
+export { I as Item } from '../../Component-cb53d490.js';
 import 'tslib';
 import '../../utils.js';

package/list/esm/components/item/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-e815e6a4";
+export * from "../../Component-cb53d490";

package/list/esm/components/item/index.js

@@ -1,4 +1,4 @@
-export { I as Item } from '../../Component-e815e6a4.js';
+export { I as Item } from '../../Component-cb53d490.js';
 import 'tslib';
 import 'react';
 import 'classnames';

package/list/esm/index.js

@@ -1,4 +1,4 @@
-export { a as List, L as ListContext } from './Component-e815e6a4.js';
+export { a as List, L as ListContext } from './Component-cb53d490.js';
 export { listPresets } from './presets.js';
 import 'tslib';
 import 'react';

package/list/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_item_Component = require('./Component-ff6688dc.js');
+var components_item_Component = require('./Component-a602be93.js');
 var presets = require('./presets.js');
 
 

package/list/modern/Component.js

@@ -1,5 +1,5 @@
 import 'react';
 import 'classnames';
-export { a as List, L as ListContext } from './Component-ec34e05a.js';
+export { a as List, L as ListContext } from './Component-a046ddbb.js';
 import '../../typography/modern';
 import './utils.js';

package/list/modern/components/item/Component.js

@@ -1,5 +1,5 @@
 import 'react';
 import 'classnames';
 import '../../../../typography/modern';
-export { I as Item } from '../../Component-ec34e05a.js';
+export { I as Item } from '../../Component-a046ddbb.js';
 import '../../utils.js';

package/list/modern/components/item/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-ec34e05a";
+export * from "../../Component-a046ddbb";