@alfalab/core-components 48.16.0-beta.999 → 48.17.0

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

@@ -31,20 +31,20 @@
 } :root {
 } :root {
     --focus-color: var(--color-light-status-info);
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__component_10bck {
+} /* сбрасывает синюю подсветку при нажатии */ .gallery__component_wsjkb {
     display: flex;
     padding: var(--gap-4);
     z-index: 3;
     overflow: hidden;
     transition: border 0.15s ease-in-out;
     outline: none
-} .gallery__component_10bck .gallery__image_10bck {
+} .gallery__component_wsjkb .gallery__image_wsjkb {
         opacity: 0.3;
-    } .gallery__component_10bck.gallery__mobile_10bck {
+    } .gallery__component_wsjkb.gallery__mobile_wsjkb {
         padding: 0;
-    } .gallery__active_10bck > .gallery__image_10bck {
+    } .gallery__active_wsjkb > .gallery__image_wsjkb {
         opacity: 1;
-    } .gallery__preview_10bck {
+    } .gallery__preview_wsjkb {
     width: 56px;
     height: 56px;
     flex-shrink: 0;
@@ -52,13 +52,13 @@
     cursor: pointer;
     -webkit-user-select: none;
             user-select: none
-} .gallery__preview_10bck.gallery__mobile_10bck {
+} .gallery__preview_wsjkb.gallery__mobile_wsjkb {
         width: 46px;
         height: 46px;
         border-radius: var(--border-radius-8);
-    } .gallery__image_10bck {
+    } .gallery__image_wsjkb {
     transition: opacity 0.15s ease-in-out
-} .gallery__image_10bck > img {
+} .gallery__image_wsjkb > img {
         display: block;
         width: 100%;
         height: 100%;
@@ -66,28 +66,28 @@
         object-fit: cover;
         overflow: clip;
         overflow-clip-margin: border-box;
-    } .gallery__image_10bck:hover {
+    } .gallery__image_wsjkb:hover {
         opacity: 0.7;
-    } .gallery__loading_10bck {
+    } .gallery__loading_wsjkb {
     background-color: var(--color-static-neutral-100-inverted)
-} .gallery__loading_10bck .gallery__active_10bck {
+} .gallery__loading_wsjkb .gallery__active_wsjkb {
         background-color: var(--color-static-neutral-300-inverted);
-    } .gallery__brokenImageWrapper_10bck {
+    } .gallery__brokenImageWrapper_wsjkb {
     display: flex;
     justify-content: center;
     align-items: center;
     background-color: var(--color-static-neutral-300-inverted);
     opacity: 0.3
-} .gallery__brokenImageWrapper_10bck.gallery__active_10bck {
+} .gallery__brokenImageWrapper_wsjkb.gallery__active_wsjkb {
         opacity: 1;
-    } .gallery__brokenIcon_10bck {
+    } .gallery__brokenIcon_wsjkb {
     width: 40px;
     height: 40px;
-} .gallery__focused_10bck {
+} .gallery__focused_wsjkb {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .gallery__canvasPreview_10bck {
+} .gallery__canvasPreview_wsjkb {
     border-radius: var(--border-radius-12)
-} .gallery__canvasPreview_10bck.gallery__mobile_10bck {
+} .gallery__canvasPreview_wsjkb.gallery__mobile_wsjkb {
         border-radius: var(--border-radius-8);
     }

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

@@ -8,7 +8,7 @@ import { ChevronForwardHeavyMIcon } from '@alfalab/icons-glyph/ChevronForwardHea
 import { GalleryContext } from '../../context.js';
 import { isVideo, getImageAlt, getImageKey } from '../../utils/utils.js';
 import { TestIds } from '../../utils/constants.js';
-import { u as useHandleImageViewer, s as styles } from '../../hooks-394520d4.js';
+import { u as useHandleImageViewer, s as styles } from '../../hooks-2842de63.js';
 import { Slide } from './slide.js';
 import 'swiper/swiper.min.css';
 import 'element-closest';

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

@@ -1,4 +1,4 @@
 import 'react';
 import 'element-closest';
 import '../../context.js';
-export { u as useHandleImageViewer } from '../../hooks-394520d4.js';
+export { u as useHandleImageViewer } from '../../hooks-2842de63.js';

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

@@ -38,12 +38,12 @@
 } :root {
 } :root {
     --focus-color: var(--color-light-status-info);
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__component_1q51c {
+} /* сбрасывает синюю подсветку при нажатии */ .gallery__component_dpbxi {
     display: flex;
     flex-grow: 1;
     justify-content: center;
     background-color: var(--color-static-neutral-0-inverted);
-} .gallery__swiper_1q51c {
+} .gallery__swiper_dpbxi {
     display: flex;
     width: 100%;
     height: 100%;
@@ -52,11 +52,11 @@
     max-height: calc(100vh - 168px);
     padding: var(--gap-32) var(--gap-16);
     box-sizing: border-box
-} .gallery__swiper_1q51c.gallery__mobile_1q51c {
+} .gallery__swiper_dpbxi.gallery__mobile_dpbxi {
         max-height: calc(100vh - 210px);
-    } .gallery__swiper_1q51c.gallery__mobileVideo_1q51c {
+    } .gallery__swiper_dpbxi.gallery__mobileVideo_dpbxi {
         max-height: 100vh;
-    } .gallery__singleSlideContainer_1q51c {
+    } .gallery__singleSlideContainer_dpbxi {
     display: flex;
     width: 100%;
     height: 100%;
@@ -64,47 +64,47 @@
     max-height: calc(100vh - 80px);
     padding: var(--gap-32);
     box-sizing: border-box
-} .gallery__singleSlideContainer_1q51c.gallery__mobile_1q51c {
+} .gallery__singleSlideContainer_dpbxi.gallery__mobile_dpbxi {
         max-height: calc(100vh - 174px);
         padding: 0;
-    } .gallery__singleSlideContainer_1q51c.gallery__mobileVideo_1q51c {
+    } .gallery__singleSlideContainer_dpbxi.gallery__mobileVideo_dpbxi {
         max-height: 100vh;
-    } .gallery__hidden_1q51c {
+    } .gallery__hidden_dpbxi {
     display: none;
-} .gallery__slide_1q51c {
+} .gallery__slide_dpbxi {
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
     height: 100%;
-} .gallery__slideLoading_1q51c {
+} .gallery__slideLoading_dpbxi {
     background-color: var(--color-static-neutral-translucent-100-inverted);
     border-radius: var(--border-radius-8);
-} .gallery__spinner_1q51c {
+} .gallery__spinner_dpbxi {
     position: absolute;
     color: var(--color-static-neutral-translucent-1300-inverted);
-} .gallery__image_1q51c {
+} .gallery__image_dpbxi {
     width: 0;
     height: 0;
     -webkit-user-select: none;
             user-select: none;
     border-radius: var(--border-radius-8)
-} .gallery__image_1q51c.gallery__mobile_1q51c {
+} .gallery__image_dpbxi.gallery__mobile_dpbxi {
         border-radius: var(--border-radius-0);
-    } .gallery__smallImage_1q51c {
+    } .gallery__smallImage_dpbxi {
     position: relative;
     width: auto;
     height: auto;
     -webkit-user-select: none;
             user-select: none;
-} .gallery__verticalImageFit_1q51c {
+} .gallery__verticalImageFit_dpbxi {
     width: auto;
     height: 100%;
-} .gallery__horizontalImageFit_1q51c {
+} .gallery__horizontalImageFit_dpbxi {
     width: 100%;
     height: auto;
-} .gallery__arrow_1q51c {
+} .gallery__arrow_dpbxi {
     display: flex;
     flex-direction: column;
     justify-content: center;
@@ -116,14 +116,14 @@
     color: var(--color-static-neutral-translucent-1300-inverted);
     transition: background-color 0.15s ease-in-out;
     outline: none
-} .gallery__arrow_1q51c:hover {
+} .gallery__arrow_dpbxi:hover {
         background-color: var(--color-static-neutral-0-inverted-hover);
-    } .gallery__arrow_1q51c:active {
+    } .gallery__arrow_dpbxi:active {
         background-color: var(--color-static-neutral-0-inverted-press);
-    } .gallery__focused_1q51c {
+    } .gallery__focused_dpbxi {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .gallery__placeholder_1q51c {
+} .gallery__placeholder_dpbxi {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -131,22 +131,22 @@
     height: 100%;
     border-radius: var(--border-radius-8);
     background-color: var(--color-static-neutral-300-inverted);
-} .gallery__brokenImgWrapper_1q51c {
+} .gallery__brokenImgWrapper_dpbxi {
     position: relative;
     display: flex;
     flex-direction: column;
     align-items: center;
     width: 150px;
     text-align: center;
-} .gallery__brokenImgIcon_1q51c {
+} .gallery__brokenImgIcon_dpbxi {
     width: 80px;
     height: 80px;
     margin-bottom: var(--gap-2xs);
-} .gallery__fullScreenImage_1q51c {
+} .gallery__fullScreenImage_dpbxi {
     width: 100%;
     height: auto;
     background-color: var(--color-light-base-bg-primary);
-} .gallery__fullScreenVideo_1q51c {
+} .gallery__fullScreenVideo_dpbxi {
     width: calc(100% - 192px);
     max-height: calc(100vh - 82px);
 }

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

@@ -9,7 +9,7 @@ import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
 import '../../context.js';
 import '../../utils/utils.js';
 import '../../utils/constants.js';
-import '../../hooks-394520d4.js';
+import '../../hooks-2842de63.js';
 import 'element-closest';
 import './slide.js';
 import '../../../../spinner/modern';

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

@@ -2,7 +2,7 @@ import React, { useContext, useRef } from 'react';
 import cn from 'classnames';
 import { GalleryContext } from '../../context.js';
 import { isVideo, getImageAlt } from '../../utils/utils.js';
-import { u as useHandleImageViewer, s as styles } from '../../hooks-394520d4.js';
+import { u as useHandleImageViewer, s as styles } from '../../hooks-2842de63.js';
 import { Slide } from './slide.js';
 import 'element-closest';
 import '../../../../spinner/modern';

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

@@ -5,7 +5,7 @@ import { Text } from '../../../../typography/modern';
 import { GalleryContext } from '../../context.js';
 import { isSmallImage, isVideo, getImageAlt } from '../../utils/utils.js';
 import { TestIds } from '../../utils/constants.js';
-import { u as useHandleImageViewer, s as styles } from '../../hooks-394520d4.js';
+import { u as useHandleImageViewer, s as styles } from '../../hooks-2842de63.js';
 import { NoImagePaths } from './paths.js';
 import { Video } from './video/index.js';
 import 'element-closest';

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

@@ -25,27 +25,27 @@
     /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__videoWrapper_13s8e {
+} /* сбрасывает синюю подсветку при нажатии */ .gallery__videoWrapper_nrwyu {
     display: flex;
     justify-content: center;
     height: 100%;
     width: 100%;
     position: relative;
-} .gallery__video_13s8e {
+} .gallery__video_nrwyu {
     max-width: 100%;
     max-height: 100%;
     border-radius: var(--border-radius-24);
-} .gallery__mobile_13s8e {
+} .gallery__mobile_nrwyu {
     border-radius: 0;
-} .gallery__videoButton_13s8e {
+} .gallery__videoButton_nrwyu {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 1;
     color: green;
-} .gallery__icon_13s8e {
+} .gallery__icon_nrwyu {
     color: var(--color-static-neutral-0);
-} .gallery__iconShape_13s8e {
+} .gallery__iconShape_nrwyu {
     fill: var(--color-static-neutral-translucent-700);
 }

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

@@ -6,7 +6,7 @@ import PlayCompactMIcon from '@alfalab/icons-glyph/PlayCompactMIcon';
 import { GalleryContext } from '../../../context.js';
 import { GALLERY_EVENTS } from '../../../utils/constants.js';
 
-const styles = {"videoWrapper":"gallery__videoWrapper_13s8e","video":"gallery__video_13s8e","mobile":"gallery__mobile_13s8e","videoButton":"gallery__videoButton_13s8e","icon":"gallery__icon_13s8e","iconShape":"gallery__iconShape_13s8e"};
+const styles = {"videoWrapper":"gallery__videoWrapper_nrwyu","video":"gallery__video_nrwyu","mobile":"gallery__mobile_nrwyu","videoButton":"gallery__videoButton_nrwyu","icon":"gallery__icon_nrwyu","iconShape":"gallery__iconShape_nrwyu"};
 require('./index.css');
 
 const Video = ({ url, index, className, isActive }) => {

package/gallery/modern/components/index.js

@@ -30,7 +30,7 @@ import 'swiper';
 import 'swiper/react';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../hooks-394520d4.js';
+import '../hooks-2842de63.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/PointerDownMIcon';
 import '@alfalab/icons-glyph/SoundCrossMIcon';
 import '@alfalab/icons-glyph/SoundMIcon';
 
-const styles = {"description":"gallery__description_1ovca","videoButtons":"gallery__videoButtons_1ovca","center":"gallery__center_1ovca","right":"gallery__right_1ovca"};
+const styles = {"description":"gallery__description_lsnoy","videoButtons":"gallery__videoButtons_lsnoy","center":"gallery__center_lsnoy","right":"gallery__right_lsnoy"};
 require('./index.css');
 
 const InfoBar = () => {

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

@@ -23,18 +23,18 @@
     --gap-8: var(--gap-xs);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__description_1ovca {
+} /* сбрасывает синюю подсветку при нажатии */ .gallery__description_lsnoy {
     text-align: center;
     margin-bottom: var(--gap-8);
-} .gallery__videoButtons_1ovca {
+} .gallery__videoButtons_lsnoy {
     padding: 0 var(--gap-8);
     position: relative;
     height: 48px;
-} .gallery__center_1ovca {
+} .gallery__center_lsnoy {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
-} .gallery__right_1ovca {
+} .gallery__right_lsnoy {
     position: absolute;
     right: 0;
 }

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

@@ -7,7 +7,7 @@ import 'classnames';
 import '@alfalab/hooks';
 import '../image-preview/paths.js';
 
-const styles = {"component":"gallery__component_s7mz3","previews":"gallery__previews_s7mz3","preview":"gallery__preview_s7mz3"};
+const styles = {"component":"gallery__component_c7bje","previews":"gallery__previews_c7bje","preview":"gallery__preview_c7bje"};
 require('./index.css');
 
 const MIN_SCROLL_STEP = 24;

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

@@ -26,7 +26,7 @@
     --gap-24: var(--gap-xl);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__component_s7mz3 {
+} /* сбрасывает синюю подсветку при нажатии */ .gallery__component_c7bje {
     display: flex;
     flex-wrap: nowrap;
     align-content: center;
@@ -36,15 +36,15 @@
     box-sizing: border-box;
     padding: 10px var(--gap-24);
     scrollbar-width: none
-} .gallery__component_s7mz3::-webkit-scrollbar {
+} .gallery__component_c7bje::-webkit-scrollbar {
         display: none;
-    } .gallery__previews_s7mz3 {
+    } .gallery__previews_c7bje {
     display: flex;
-} .gallery__preview_s7mz3 {
+} .gallery__preview_c7bje {
     flex-shrink: 0;
     margin: var(--gap-0) var(--gap-2)
-} .gallery__preview_s7mz3:first-child {
+} .gallery__preview_c7bje:first-child {
         margin-left: auto;
-    } .gallery__preview_s7mz3:last-child {
+    } .gallery__preview_c7bje:last-child {
         margin-right: auto;
     }

package/gallery/modern/{hooks-394520d4.js → hooks-2842de63.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_1q51c","swiper":"gallery__swiper_1q51c","mobile":"gallery__mobile_1q51c","mobileVideo":"gallery__mobileVideo_1q51c","singleSlideContainer":"gallery__singleSlideContainer_1q51c","hidden":"gallery__hidden_1q51c","slide":"gallery__slide_1q51c","slideLoading":"gallery__slideLoading_1q51c","spinner":"gallery__spinner_1q51c","image":"gallery__image_1q51c","smallImage":"gallery__smallImage_1q51c","verticalImageFit":"gallery__verticalImageFit_1q51c","horizontalImageFit":"gallery__horizontalImageFit_1q51c","arrow":"gallery__arrow_1q51c","focused":"gallery__focused_1q51c","placeholder":"gallery__placeholder_1q51c","brokenImgWrapper":"gallery__brokenImgWrapper_1q51c","brokenImgIcon":"gallery__brokenImgIcon_1q51c","fullScreenImage":"gallery__fullScreenImage_1q51c","fullScreenVideo":"gallery__fullScreenVideo_1q51c"};
+const styles = {"component":"gallery__component_dpbxi","swiper":"gallery__swiper_dpbxi","mobile":"gallery__mobile_dpbxi","mobileVideo":"gallery__mobileVideo_dpbxi","singleSlideContainer":"gallery__singleSlideContainer_dpbxi","hidden":"gallery__hidden_dpbxi","slide":"gallery__slide_dpbxi","slideLoading":"gallery__slideLoading_dpbxi","spinner":"gallery__spinner_dpbxi","image":"gallery__image_dpbxi","smallImage":"gallery__smallImage_dpbxi","verticalImageFit":"gallery__verticalImageFit_dpbxi","horizontalImageFit":"gallery__horizontalImageFit_dpbxi","arrow":"gallery__arrow_dpbxi","focused":"gallery__focused_dpbxi","placeholder":"gallery__placeholder_dpbxi","brokenImgWrapper":"gallery__brokenImgWrapper_dpbxi","brokenImgIcon":"gallery__brokenImgIcon_dpbxi","fullScreenImage":"gallery__fullScreenImage_dpbxi","fullScreenVideo":"gallery__fullScreenVideo_dpbxi"};
 require('./components/image-viewer/index.css');
 
 const useHandleImageViewer = () => {

package/gallery/modern/index.css

@@ -22,7 +22,7 @@
     /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__container_1qlgq {
+} /* сбрасывает синюю подсветку при нажатии */ .gallery__container_1oktk {
     position: relative;
     overflow-x: hidden;
     overflow-y: auto;
@@ -32,14 +32,14 @@
     height: 100%;
     width: 100%;
     background-color: var(--color-static-neutral-0-inverted)
-} .gallery__container_1qlgq.gallery__mobile_1qlgq {
+} .gallery__container_1oktk.gallery__mobile_1oktk {
         overflow: hidden;
-    } .gallery__modal_1qlgq {
+    } .gallery__modal_1oktk {
     flex-grow: 1;
     width: 100vw;
     height: 100vh;
     background: transparent;
-} .gallery__navigationVideo_1qlgq {
+} .gallery__navigationVideo_1oktk {
     background-color: var(--color-static-neutral-0-inverted);
     z-index: 3;
     width: 100%;
@@ -47,6 +47,6 @@
     bottom: 0;
     left: 0;
     transition: transform 0.3s ease-in-out;
-} .gallery__hideNavigation_1qlgq {
+} .gallery__hideNavigation_1oktk {
     transform: translateY(106px);
 }

package/gallery/modern/index.js

@@ -7,7 +7,7 @@ import '../../mq/modern';
 import './components/image-viewer/single.js';
 import './context.js';
 import './utils/utils.js';
-import './hooks-394520d4.js';
+import './hooks-2842de63.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_19ux4","gap":"gap__gap_19ux4","vertical":"gap__vertical_19ux4","horizontal":"gap__horizontal_19ux4"};
+var styles = {"grid-gap":"gap__gap_1d9gm","gap":"gap__gap_1d9gm","vertical":"gap__vertical_1d9gm","horizontal":"gap__horizontal_1d9gm"};
 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_19ux4","gap":"gap__gap_19ux4","vertical":"gap__vertical_19ux4","horizontal":"gap__horizontal_19ux4"};
+var styles = {"grid-gap":"gap__gap_1d9gm","gap":"gap__gap_1d9gm","vertical":"gap__vertical_1d9gm","horizontal":"gap__horizontal_1d9gm"};
 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 {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .gap__gap_19ux4 {
+} /* сбрасывает синюю подсветку при нажатии */ .gap__gap_1d9gm {
     flex-shrink: 0;
-} .gap__vertical_19ux4 {
+} .gap__vertical_1d9gm {
     overflow: hidden;
     display: block;
-} .gap__horizontal_19ux4 {
+} .gap__horizontal_1d9gm {
     display: inline-block;
     overflow: hidden;
-} /* prettier-ignore */ .gap__vertical_19ux4.gap__gap_19ux4[data-gap-size='size-0'] {
+} /* prettier-ignore */ .gap__vertical_1d9gm.gap__gap_1d9gm[data-gap-size='size-0'] {
         height: 0px;
-    } .gap__vertical_19ux4.gap__gap_19ux4[data-gap-size='size-1'] {
+    } .gap__vertical_1d9gm.gap__gap_1d9gm[data-gap-size='size-1'] {
         height: 1px;
-    } .gap__vertical_19ux4.gap__gap_19ux4[data-gap-size='size-2'] {
+    } .gap__vertical_1d9gm.gap__gap_1d9gm[data-gap-size='size-2'] {
         height: 2px;
-    } .gap__vertical_19ux4.gap__gap_19ux4[data-gap-size='size-4'] {
+    } .gap__vertical_1d9gm.gap__gap_1d9gm[data-gap-size='size-4'] {
         height: 4px;
-    } .gap__vertical_19ux4.gap__gap_19ux4[data-gap-size='size-8'] {
+    } .gap__vertical_1d9gm.gap__gap_1d9gm[data-gap-size='size-8'] {
         height: 8px;
-    } .gap__vertical_19ux4.gap__gap_19ux4[data-gap-size='size-12'] {
+    } .gap__vertical_1d9gm.gap__gap_1d9gm[data-gap-size='size-12'] {
         height: 12px;
-    } .gap__vertical_19ux4.gap__gap_19ux4[data-gap-size='size-16'] {
+    } .gap__vertical_1d9gm.gap__gap_1d9gm[data-gap-size='size-16'] {
         height: 16px;
-    } .gap__vertical_19ux4.gap__gap_19ux4[data-gap-size='size-20'] {
+    } .gap__vertical_1d9gm.gap__gap_1d9gm[data-gap-size='size-20'] {
         height: 20px;
-    } .gap__vertical_19ux4.gap__gap_19ux4[data-gap-size='size-24'] {
+    } .gap__vertical_1d9gm.gap__gap_1d9gm[data-gap-size='size-24'] {
         height: 24px;
-    } .gap__vertical_19ux4.gap__gap_19ux4[data-gap-size='size-26'] {
+    } .gap__vertical_1d9gm.gap__gap_1d9gm[data-gap-size='size-26'] {
         height: 26px;
-    } .gap__vertical_19ux4.gap__gap_19ux4[data-gap-size='size-28'] {
+    } .gap__vertical_1d9gm.gap__gap_1d9gm[data-gap-size='size-28'] {
         height: 28px;
-    } .gap__vertical_19ux4.gap__gap_19ux4[data-gap-size='size-32'] {
+    } .gap__vertical_1d9gm.gap__gap_1d9gm[data-gap-size='size-32'] {
         height: 32px;
-    } .gap__vertical_19ux4.gap__gap_19ux4[data-gap-size='size-40'] {
+    } .gap__vertical_1d9gm.gap__gap_1d9gm[data-gap-size='size-40'] {
         height: 40px;
-    } .gap__vertical_19ux4.gap__gap_19ux4[data-gap-size='size-48'] {
+    } .gap__vertical_1d9gm.gap__gap_1d9gm[data-gap-size='size-48'] {
         height: 48px;
-    } .gap__vertical_19ux4.gap__gap_19ux4[data-gap-size='size-64'] {
+    } .gap__vertical_1d9gm.gap__gap_1d9gm[data-gap-size='size-64'] {
         height: 64px;
-    } .gap__vertical_19ux4.gap__gap_19ux4[data-gap-size='size-72'] {
+    } .gap__vertical_1d9gm.gap__gap_1d9gm[data-gap-size='size-72'] {
         height: 72px;
-    } .gap__vertical_19ux4.gap__gap_19ux4[data-gap-size='size-96'] {
+    } .gap__vertical_1d9gm.gap__gap_1d9gm[data-gap-size='size-96'] {
         height: 96px;
-    } .gap__vertical_19ux4.gap__gap_19ux4[data-gap-size='size-128'] {
+    } .gap__vertical_1d9gm.gap__gap_1d9gm[data-gap-size='size-128'] {
         height: 128px;
-    } .gap__vertical_19ux4.gap__gap_19ux4[data-gap-size='size-256'] {
+    } .gap__vertical_1d9gm.gap__gap_1d9gm[data-gap-size='size-256'] {
         height: 256px;
-    } /* prettier-ignore */ .gap__horizontal_19ux4.gap__gap_19ux4[data-gap-size='size-0'] {
+    } /* prettier-ignore */ .gap__horizontal_1d9gm.gap__gap_1d9gm[data-gap-size='size-0'] {
         width: 0px;
-    } .gap__horizontal_19ux4.gap__gap_19ux4[data-gap-size='size-1'] {
+    } .gap__horizontal_1d9gm.gap__gap_1d9gm[data-gap-size='size-1'] {
         width: 1px;
-    } .gap__horizontal_19ux4.gap__gap_19ux4[data-gap-size='size-2'] {
+    } .gap__horizontal_1d9gm.gap__gap_1d9gm[data-gap-size='size-2'] {
         width: 2px;
-    } .gap__horizontal_19ux4.gap__gap_19ux4[data-gap-size='size-4'] {
+    } .gap__horizontal_1d9gm.gap__gap_1d9gm[data-gap-size='size-4'] {
         width: 4px;
-    } .gap__horizontal_19ux4.gap__gap_19ux4[data-gap-size='size-8'] {
+    } .gap__horizontal_1d9gm.gap__gap_1d9gm[data-gap-size='size-8'] {
         width: 8px;
-    } .gap__horizontal_19ux4.gap__gap_19ux4[data-gap-size='size-12'] {
+    } .gap__horizontal_1d9gm.gap__gap_1d9gm[data-gap-size='size-12'] {
         width: 12px;
-    } .gap__horizontal_19ux4.gap__gap_19ux4[data-gap-size='size-16'] {
+    } .gap__horizontal_1d9gm.gap__gap_1d9gm[data-gap-size='size-16'] {
         width: 16px;
-    } .gap__horizontal_19ux4.gap__gap_19ux4[data-gap-size='size-20'] {
+    } .gap__horizontal_1d9gm.gap__gap_1d9gm[data-gap-size='size-20'] {
         width: 20px;
-    } .gap__horizontal_19ux4.gap__gap_19ux4[data-gap-size='size-24'] {
+    } .gap__horizontal_1d9gm.gap__gap_1d9gm[data-gap-size='size-24'] {
         width: 24px;
-    } .gap__horizontal_19ux4.gap__gap_19ux4[data-gap-size='size-26'] {
+    } .gap__horizontal_1d9gm.gap__gap_1d9gm[data-gap-size='size-26'] {
         width: 26px;
-    } .gap__horizontal_19ux4.gap__gap_19ux4[data-gap-size='size-28'] {
+    } .gap__horizontal_1d9gm.gap__gap_1d9gm[data-gap-size='size-28'] {
         width: 28px;
-    } .gap__horizontal_19ux4.gap__gap_19ux4[data-gap-size='size-32'] {
+    } .gap__horizontal_1d9gm.gap__gap_1d9gm[data-gap-size='size-32'] {
         width: 32px;
-    } .gap__horizontal_19ux4.gap__gap_19ux4[data-gap-size='size-40'] {
+    } .gap__horizontal_1d9gm.gap__gap_1d9gm[data-gap-size='size-40'] {
         width: 40px;
-    } .gap__horizontal_19ux4.gap__gap_19ux4[data-gap-size='size-48'] {
+    } .gap__horizontal_1d9gm.gap__gap_1d9gm[data-gap-size='size-48'] {
         width: 48px;
-    } .gap__horizontal_19ux4.gap__gap_19ux4[data-gap-size='size-64'] {
+    } .gap__horizontal_1d9gm.gap__gap_1d9gm[data-gap-size='size-64'] {
         width: 64px;
-    } .gap__horizontal_19ux4.gap__gap_19ux4[data-gap-size='size-72'] {
+    } .gap__horizontal_1d9gm.gap__gap_1d9gm[data-gap-size='size-72'] {
         width: 72px;
-    } .gap__horizontal_19ux4.gap__gap_19ux4[data-gap-size='size-96'] {
+    } .gap__horizontal_1d9gm.gap__gap_1d9gm[data-gap-size='size-96'] {
         width: 96px;
-    } .gap__horizontal_19ux4.gap__gap_19ux4[data-gap-size='size-128'] {
+    } .gap__horizontal_1d9gm.gap__gap_1d9gm[data-gap-size='size-128'] {
         width: 128px;
-    } .gap__horizontal_19ux4.gap__gap_19ux4[data-gap-size='size-256'] {
+    } .gap__horizontal_1d9gm.gap__gap_1d9gm[data-gap-size='size-256'] {
         width: 256px;
     }