@alfalab/core-components 48.33.2 → 48.33.3

package/gallery/modern/components/image-viewer/video/index.css

@@ -25,30 +25,30 @@
     /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__videoWrapper_2jji7 {
+} /* сбрасывает синюю подсветку при нажатии */ .gallery__videoWrapper_xaamk {
     display: flex;
     justify-content: center;
     height: 100%;
     width: auto;
     position: relative;
-} .gallery__video_2jji7 {
+} .gallery__video_xaamk {
     max-width: 100%;
     max-height: 100%;
     border-radius: var(--border-radius-24);
-} .gallery__mobile_2jji7 {
+} .gallery__mobile_xaamk {
     border-radius: 0;
-} .gallery__videoButton_2jji7 {
+} .gallery__videoButton_xaamk {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 1;
     color: green;
-} .gallery__icon_2jji7 {
+} .gallery__icon_xaamk {
     color: var(--color-static-neutral-0);
-} .gallery__iconShape_2jji7 {
+} .gallery__iconShape_xaamk {
     fill: var(--color-static-neutral-translucent-700);
-} .gallery__bottomButton_2jji7 {
+} .gallery__bottomButton_xaamk {
     position: absolute;
     bottom: 48px;
     left: 32px;

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

@@ -10,7 +10,7 @@ import '../../../../../button/modern';
 import '../../../../../typography/modern';
 import '../../../hooks/use-custom-subtitles.js';
 
-const styles = {"videoWrapper":"gallery__videoWrapper_2jji7","video":"gallery__video_2jji7","mobile":"gallery__mobile_2jji7","videoButton":"gallery__videoButton_2jji7","icon":"gallery__icon_2jji7","iconShape":"gallery__iconShape_2jji7","bottomButton":"gallery__bottomButton_2jji7"};
+const styles = {"videoWrapper":"gallery__videoWrapper_xaamk","video":"gallery__video_xaamk","mobile":"gallery__mobile_xaamk","videoButton":"gallery__videoButton_xaamk","icon":"gallery__icon_xaamk","iconShape":"gallery__iconShape_xaamk","bottomButton":"gallery__bottomButton_xaamk"};
 require('./index.css');
 
 const Video = ({ url, index, className, isActive }) => {

package/gallery/modern/components/index.js

@@ -33,7 +33,7 @@ import 'swiper';
 import 'swiper/react';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../hooks-7b8dd855.js';
+import '../hooks-a1ad8c93.js';
 import 'element-closest';
 import './image-viewer/slide.js';
 import '../../../spinner/modern';

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

@@ -17,7 +17,7 @@ import '@alfalab/icons-glyph/ShareMIcon';
 import '@alfalab/icons-glyph/SoundCrossMIcon';
 import '@alfalab/icons-glyph/SoundMIcon';
 
-const styles = {"description":"gallery__description_mi992","infoWrapper":"gallery__infoWrapper_mi992","video":"gallery__video_mi992"};
+const styles = {"description":"gallery__description_11fz3","infoWrapper":"gallery__infoWrapper_11fz3","video":"gallery__video_11fz3"};
 require('./index.css');
 
 const InfoBar = () => {

package/gallery/modern/components/info-bar/index.css

@@ -26,9 +26,9 @@
     --gap-8: var(--gap-xs);
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__description_mi992 {
+} /* сбрасывает синюю подсветку при нажатии */ .gallery__description_11fz3 {
     text-align: center;
-} .gallery__infoWrapper_mi992 {
+} .gallery__infoWrapper_11fz3 {
     background-color: var(--color-static-neutral-0-inverted);
     display: flex;
     align-items: center;
@@ -36,7 +36,7 @@
     padding: 0 var(--gap-8) var(--gap-4);
     position: relative;
     height: 48px
-} .gallery__infoWrapper_mi992.gallery__video_mi992 {
+} .gallery__infoWrapper_11fz3.gallery__video_11fz3 {
         padding: 0 var(--gap-4) var(--gap-4);
         justify-content: space-between;
     }

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

@@ -9,7 +9,7 @@ import '@alfalab/hooks';
 import '../../constants.js';
 import '../image-preview/paths.js';
 
-const styles = {"component":"gallery__component_1q024","mobile":"gallery__mobile_1q024","previews":"gallery__previews_1q024","preview":"gallery__preview_1q024"};
+const styles = {"component":"gallery__component_lpp74","mobile":"gallery__mobile_lpp74","previews":"gallery__previews_lpp74","preview":"gallery__preview_lpp74"};
 require('./index.css');
 
 const MIN_SCROLL_STEP = 24;

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

@@ -32,7 +32,7 @@
     --gap-24: var(--gap-xl);
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__component_1q024 {
+} /* сбрасывает синюю подсветку при нажатии */ .gallery__component_lpp74 {
     display: flex;
     flex-wrap: nowrap;
     align-content: center;
@@ -43,19 +43,19 @@
     padding: var(--gap-12) var(--gap-24);
     scrollbar-width: none;
     background-color: var(--color-static-neutral-0-inverted)
-} .gallery__component_1q024.gallery__mobile_1q024 {
+} .gallery__component_lpp74.gallery__mobile_lpp74 {
         padding: var(--gap-8) var(--gap-24);
-    } .gallery__component_1q024::-webkit-scrollbar {
+    } .gallery__component_lpp74::-webkit-scrollbar {
         display: none;
-    } .gallery__previews_1q024 {
+    } .gallery__previews_lpp74 {
     display: flex;
-} .gallery__preview_1q024 {
+} .gallery__preview_lpp74 {
     flex-shrink: 0;
     margin-right: var(--gap-4)
-} .gallery__preview_1q024.gallery__mobile_1q024 {
+} .gallery__preview_lpp74.gallery__mobile_lpp74 {
         margin-right: var(--gap-2);
-    } .gallery__preview_1q024:first-child {
+    } .gallery__preview_lpp74:first-child {
         margin-left: auto;
-    } .gallery__preview_1q024:last-child {
+    } .gallery__preview_lpp74:last-child {
         margin-right: auto;
     }

package/gallery/modern/components/subtitles/index.css

@@ -26,7 +26,7 @@
     --gap-32: var(--gap-2xl);
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__subtitles_17v5z {
+} /* сбрасывает синюю подсветку при нажатии */ .gallery__subtitles_d9tpr {
     position: absolute;
     align-self: flex-end;
     padding: var(--gap-0) var(--gap-32);
@@ -36,8 +36,8 @@
     opacity: 1;
     z-index: 1;
     transition: opacity 500ms ease-in-out, margin-bottom 270ms ease-in-out
-} .gallery__subtitles_17v5z.gallery__mobile_17v5z {
+} .gallery__subtitles_d9tpr.gallery__mobile_d9tpr {
         position: unset;
-    } .gallery__hideSubtitles_17v5z {
+    } .gallery__hideSubtitles_d9tpr {
     opacity: 0;
 }

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

@@ -4,7 +4,7 @@ import { Typography } from '../../../../typography/modern';
 import { GalleryContext } from '../../context.js';
 import { useCustomSubtitles } from '../../hooks/use-custom-subtitles.js';
 
-const styles = {"subtitles":"gallery__subtitles_17v5z","mobile":"gallery__mobile_17v5z","hideSubtitles":"gallery__hideSubtitles_17v5z"};
+const styles = {"subtitles":"gallery__subtitles_d9tpr","mobile":"gallery__mobile_d9tpr","hideSubtitles":"gallery__hideSubtitles_d9tpr"};
 require('./index.css');
 
 const Subtitles = () => {

package/gallery/modern/{hooks-7b8dd855.js → hooks-a1ad8c93.js}

@@ -2,7 +2,7 @@ import { useContext, useRef, useCallback, useEffect } from 'react';
 import elementClosest from 'element-closest';
 import { GalleryContext } from './context.js';
 
-const styles = {"component":"gallery__component_w9ypn","swiper":"gallery__swiper_w9ypn","mobile":"gallery__mobile_w9ypn","mobileVideo":"gallery__mobileVideo_w9ypn","singleSlideContainer":"gallery__singleSlideContainer_w9ypn","hidden":"gallery__hidden_w9ypn","slide":"gallery__slide_w9ypn","slideLoading":"gallery__slideLoading_w9ypn","spinner":"gallery__spinner_w9ypn","image":"gallery__image_w9ypn","smallImage":"gallery__smallImage_w9ypn","verticalImageFit":"gallery__verticalImageFit_w9ypn","horizontalImageFit":"gallery__horizontalImageFit_w9ypn","arrow":"gallery__arrow_w9ypn","focused":"gallery__focused_w9ypn","placeholder":"gallery__placeholder_w9ypn","brokenImgWrapper":"gallery__brokenImgWrapper_w9ypn","brokenImgIcon":"gallery__brokenImgIcon_w9ypn","fullScreenImage":"gallery__fullScreenImage_w9ypn","fullScreenVideo":"gallery__fullScreenVideo_w9ypn"};
+const styles = {"component":"gallery__component_1mx72","swiper":"gallery__swiper_1mx72","mobile":"gallery__mobile_1mx72","mobileVideo":"gallery__mobileVideo_1mx72","singleSlideContainer":"gallery__singleSlideContainer_1mx72","hidden":"gallery__hidden_1mx72","slide":"gallery__slide_1mx72","slideLoading":"gallery__slideLoading_1mx72","spinner":"gallery__spinner_1mx72","image":"gallery__image_1mx72","smallImage":"gallery__smallImage_1mx72","verticalImageFit":"gallery__verticalImageFit_1mx72","horizontalImageFit":"gallery__horizontalImageFit_1mx72","arrow":"gallery__arrow_1mx72","focused":"gallery__focused_1mx72","placeholder":"gallery__placeholder_1mx72","brokenImgWrapper":"gallery__brokenImgWrapper_1mx72","brokenImgIcon":"gallery__brokenImgIcon_1mx72","fullScreenImage":"gallery__fullScreenImage_1mx72","fullScreenVideo":"gallery__fullScreenVideo_1mx72"};
 require('./components/image-viewer/index.css');
 
 const useHandleImageViewer = () => {

package/gallery/modern/index.css

@@ -31,7 +31,7 @@
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --sat: env(safe-area-inset-top, var(--gap-0));
     --sab: env(safe-area-inset-bottom, var(--gap-0));
-} .gallery__container_5bdxc {
+} .gallery__container_zwq6l {
     position: relative;
     overflow-x: hidden;
     overflow-y: auto;
@@ -43,14 +43,14 @@
     background-color: var(--color-static-neutral-0-inverted);
     padding-top: var(--sat);
     padding-bottom: var(--sab)
-} .gallery__container_5bdxc.gallery__mobile_5bdxc {
+} .gallery__container_zwq6l.gallery__mobile_zwq6l {
         overflow: hidden;
-    } .gallery__modal_5bdxc {
+    } .gallery__modal_zwq6l {
     flex-grow: 1;
     width: 100vw;
     height: 100vh;
     background: transparent;
-} .gallery__navigationVideo_5bdxc {
+} .gallery__navigationVideo_zwq6l {
     z-index: 3;
     width: 100%;
     position: absolute;
@@ -58,15 +58,15 @@
     left: 0;
     transition: transform 0.3s ease-in-out;
     text-align: center;
-} .gallery__hide_5bdxc {
+} .gallery__hide_zwq6l {
     transform: translateY(114px);
-} .gallery__hideInfo_5bdxc {
+} .gallery__hideInfo_zwq6l {
     transform: translateY(48px);
-} .gallery__bottomButton_5bdxc {
+} .gallery__bottomButton_zwq6l {
     width: calc(100% - var(--gap-32));
     margin: var(--gap-16);
     background-color: var(--color-static-neutral-translucent-500-inverted);
-} .gallery__subtitles_5bdxc {
+} .gallery__subtitles_zwq6l {
     padding: var(--gap-0) var(--gap-32);
     margin-bottom: var(--gap-16);
     width: 100%;
@@ -74,6 +74,6 @@
     opacity: 1;
     z-index: 1;
     transition: opacity 500ms ease-in-out, margin-bottom 270ms ease-in-out;
-} .gallery__hideSubtitles_5bdxc {
+} .gallery__hideSubtitles_zwq6l {
     opacity: 0;
 }

package/gallery/modern/index.js

@@ -10,7 +10,7 @@ import '../../typography/modern';
 import './context.js';
 import './components/image-viewer/single.js';
 import './utils/utils.js';
-import './hooks-7b8dd855.js';
+import './hooks-a1ad8c93.js';
 import 'element-closest';
 import './components/image-viewer/slide.js';
 import '../../spinner/modern';

package/gap/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"grid-gap":"gap__gap_1i8nm","gap":"gap__gap_1i8nm","vertical":"gap__vertical_1i8nm","horizontal":"gap__horizontal_1i8nm"};
+var styles = {"grid-gap":"gap__gap_15xp3","gap":"gap__gap_15xp3","vertical":"gap__vertical_15xp3","horizontal":"gap__horizontal_15xp3"};
 require('./index.css');
 
 var SIZE_TO_CLASSNAME_MAP = {

package/gap/esm/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"grid-gap":"gap__gap_1i8nm","gap":"gap__gap_1i8nm","vertical":"gap__vertical_1i8nm","horizontal":"gap__horizontal_1i8nm"};
+var styles = {"grid-gap":"gap__gap_15xp3","gap":"gap__gap_15xp3","vertical":"gap__vertical_15xp3","horizontal":"gap__horizontal_15xp3"};
 require('./index.css');
 
 var SIZE_TO_CLASSNAME_MAP = {

package/gap/esm/index.css

@@ -21,88 +21,88 @@
     /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .gap__gap_1i8nm {
+} /* сбрасывает синюю подсветку при нажатии */ .gap__gap_15xp3 {
     flex-shrink: 0;
-} .gap__vertical_1i8nm {
+} .gap__vertical_15xp3 {
     overflow: hidden;
     display: block;
-} .gap__horizontal_1i8nm {
+} .gap__horizontal_15xp3 {
     display: inline-block;
     overflow: hidden;
-} /* prettier-ignore */ .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-0'] {
+} /* prettier-ignore */ .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-0'] {
         height: 0px;
-    } .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-1'] {
+    } .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-1'] {
         height: 1px;
-    } .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-2'] {
+    } .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-2'] {
         height: 2px;
-    } .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-4'] {
+    } .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-4'] {
         height: 4px;
-    } .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-8'] {
+    } .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-8'] {
         height: 8px;
-    } .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-12'] {
+    } .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-12'] {
         height: 12px;
-    } .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-16'] {
+    } .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-16'] {
         height: 16px;
-    } .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-20'] {
+    } .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-20'] {
         height: 20px;
-    } .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-24'] {
+    } .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-24'] {
         height: 24px;
-    } .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-26'] {
+    } .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-26'] {
         height: 26px;
-    } .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-28'] {
+    } .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-28'] {
         height: 28px;
-    } .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-32'] {
+    } .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-32'] {
         height: 32px;
-    } .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-40'] {
+    } .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-40'] {
         height: 40px;
-    } .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-48'] {
+    } .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-48'] {
         height: 48px;
-    } .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-64'] {
+    } .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-64'] {
         height: 64px;
-    } .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-72'] {
+    } .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-72'] {
         height: 72px;
-    } .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-96'] {
+    } .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-96'] {
         height: 96px;
-    } .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-128'] {
+    } .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-128'] {
         height: 128px;
-    } .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-256'] {
+    } .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-256'] {
         height: 256px;
-    } /* prettier-ignore */ .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-0'] {
+    } /* prettier-ignore */ .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-0'] {
         width: 0px;
-    } .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-1'] {
+    } .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-1'] {
         width: 1px;
-    } .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-2'] {
+    } .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-2'] {
         width: 2px;
-    } .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-4'] {
+    } .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-4'] {
         width: 4px;
-    } .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-8'] {
+    } .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-8'] {
         width: 8px;
-    } .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-12'] {
+    } .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-12'] {
         width: 12px;
-    } .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-16'] {
+    } .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-16'] {
         width: 16px;
-    } .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-20'] {
+    } .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-20'] {
         width: 20px;
-    } .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-24'] {
+    } .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-24'] {
         width: 24px;
-    } .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-26'] {
+    } .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-26'] {
         width: 26px;
-    } .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-28'] {
+    } .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-28'] {
         width: 28px;
-    } .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-32'] {
+    } .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-32'] {
         width: 32px;
-    } .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-40'] {
+    } .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-40'] {
         width: 40px;
-    } .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-48'] {
+    } .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-48'] {
         width: 48px;
-    } .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-64'] {
+    } .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-64'] {
         width: 64px;
-    } .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-72'] {
+    } .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-72'] {
         width: 72px;
-    } .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-96'] {
+    } .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-96'] {
         width: 96px;
-    } .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-128'] {
+    } .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-128'] {
         width: 128px;
-    } .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-256'] {
+    } .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-256'] {
         width: 256px;
     }

package/gap/index.css

@@ -21,88 +21,88 @@
     /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .gap__gap_1i8nm {
+} /* сбрасывает синюю подсветку при нажатии */ .gap__gap_15xp3 {
     flex-shrink: 0;
-} .gap__vertical_1i8nm {
+} .gap__vertical_15xp3 {
     overflow: hidden;
     display: block;
-} .gap__horizontal_1i8nm {
+} .gap__horizontal_15xp3 {
     display: inline-block;
     overflow: hidden;
-} /* prettier-ignore */ .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-0'] {
+} /* prettier-ignore */ .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-0'] {
         height: 0px;
-    } .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-1'] {
+    } .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-1'] {
         height: 1px;
-    } .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-2'] {
+    } .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-2'] {
         height: 2px;
-    } .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-4'] {
+    } .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-4'] {
         height: 4px;
-    } .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-8'] {
+    } .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-8'] {
         height: 8px;
-    } .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-12'] {
+    } .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-12'] {
         height: 12px;
-    } .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-16'] {
+    } .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-16'] {
         height: 16px;
-    } .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-20'] {
+    } .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-20'] {
         height: 20px;
-    } .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-24'] {
+    } .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-24'] {
         height: 24px;
-    } .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-26'] {
+    } .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-26'] {
         height: 26px;
-    } .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-28'] {
+    } .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-28'] {
         height: 28px;
-    } .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-32'] {
+    } .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-32'] {
         height: 32px;
-    } .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-40'] {
+    } .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-40'] {
         height: 40px;
-    } .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-48'] {
+    } .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-48'] {
         height: 48px;
-    } .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-64'] {
+    } .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-64'] {
         height: 64px;
-    } .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-72'] {
+    } .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-72'] {
         height: 72px;
-    } .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-96'] {
+    } .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-96'] {
         height: 96px;
-    } .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-128'] {
+    } .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-128'] {
         height: 128px;
-    } .gap__vertical_1i8nm.gap__gap_1i8nm[data-gap-size='size-256'] {
+    } .gap__vertical_15xp3.gap__gap_15xp3[data-gap-size='size-256'] {
         height: 256px;
-    } /* prettier-ignore */ .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-0'] {
+    } /* prettier-ignore */ .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-0'] {
         width: 0px;
-    } .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-1'] {
+    } .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-1'] {
         width: 1px;
-    } .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-2'] {
+    } .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-2'] {
         width: 2px;
-    } .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-4'] {
+    } .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-4'] {
         width: 4px;
-    } .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-8'] {
+    } .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-8'] {
         width: 8px;
-    } .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-12'] {
+    } .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-12'] {
         width: 12px;
-    } .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-16'] {
+    } .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-16'] {
         width: 16px;
-    } .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-20'] {
+    } .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-20'] {
         width: 20px;
-    } .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-24'] {
+    } .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-24'] {
         width: 24px;
-    } .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-26'] {
+    } .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-26'] {
         width: 26px;
-    } .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-28'] {
+    } .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-28'] {
         width: 28px;
-    } .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-32'] {
+    } .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-32'] {
         width: 32px;
-    } .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-40'] {
+    } .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-40'] {
         width: 40px;
-    } .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-48'] {
+    } .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-48'] {
         width: 48px;
-    } .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-64'] {
+    } .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-64'] {
         width: 64px;
-    } .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-72'] {
+    } .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-72'] {
         width: 72px;
-    } .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-96'] {
+    } .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-96'] {
         width: 96px;
-    } .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-128'] {
+    } .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-128'] {
         width: 128px;
-    } .gap__horizontal_1i8nm.gap__gap_1i8nm[data-gap-size='size-256'] {
+    } .gap__horizontal_15xp3.gap__gap_15xp3[data-gap-size='size-256'] {
         width: 256px;
     }

package/gap/modern/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-const styles = {"grid-gap":"gap__gap_1i8nm","gap":"gap__gap_1i8nm","vertical":"gap__vertical_1i8nm","horizontal":"gap__horizontal_1i8nm"};
+const styles = {"grid-gap":"gap__gap_15xp3","gap":"gap__gap_15xp3","vertical":"gap__vertical_15xp3","horizontal":"gap__horizontal_15xp3"};
 require('./index.css');
 
 const SIZE_TO_CLASSNAME_MAP = {