@alfalab/core-components 43.1.3 → 44.0.0

package/gallery/modern/index.js

@@ -10,7 +10,7 @@ import './components/image-preview/Component.js';
 import 'classnames';
 import '@alfalab/hooks';
 import './components/header-info-block/Component.js';
-import './buttons-c59905fe.js';
+import './buttons-3a4feaa3.js';
 import '../../typography/modern';
 import '../../icon-button/modern';
 import '../../tooltip/modern/desktop';
@@ -24,7 +24,7 @@ import 'swiper';
 import 'swiper/react';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import './slide-2b5565ba.js';
+import './slide-66fcfa9d.js';
 import 'swiper/swiper.min.css';
 import './components/header/Component.js';
 import './components/image-preview/paths.js';

package/gallery/modern/slide-66fcfa9d.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import cn from 'classnames';
+import { Typography } from '../../typography/modern';
+import { isSmallImage, getImageAlt } from './utils/utils.js';
+import { TestIds } from './utils/constants.js';
+import { NoImagePaths } from './components/image-viewer/paths.js';
+
+const styles = {"component":"gallery__component_hvv6o","swiper":"gallery__swiper_hvv6o","singleSlide":"gallery__singleSlide_hvv6o","hidden":"gallery__hidden_hvv6o","slide":"gallery__slide_hvv6o","slideLoading":"gallery__slideLoading_hvv6o","image":"gallery__image_hvv6o","smallImage":"gallery__smallImage_hvv6o","verticalImageFit":"gallery__verticalImageFit_hvv6o","horizontalImageFit":"gallery__horizontalImageFit_hvv6o","arrow":"gallery__arrow_hvv6o","focused":"gallery__focused_hvv6o","placeholder":"gallery__placeholder_hvv6o","brokenImgWrapper":"gallery__brokenImgWrapper_hvv6o","brokenImgIcon":"gallery__brokenImgIcon_hvv6o","fullScreenImage":"gallery__fullScreenImage_hvv6o"};
+require('./components/image-viewer/index.css');
+
+const SlideInner = ({ children, broken, loading, withPlaceholder }) => {
+    const content = broken ? (React.createElement("div", { className: styles.brokenImgWrapper },
+        React.createElement("div", { className: styles.brokenImgIcon },
+            React.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '80', height: '80', viewBox: '0 0 80 80', fill: 'none' },
+                React.createElement("rect", { width: '80', height: '80', fill: 'none' }),
+                React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: NoImagePaths.baseImage, fill: '#89898A' }),
+                React.createElement("path", { d: NoImagePaths.triangleImage, fill: '#89898A' }))),
+        React.createElement(Typography.Text, { view: 'primary-small', color: 'static-secondary-light' }, "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435"))) : (children);
+    return (React.createElement("div", { className: cn(styles.slide, { [styles.slideLoading]: loading }) }, withPlaceholder ? React.createElement("div", { className: styles.placeholder }, content) : content));
+};
+const Slide = ({ isActive, meta, swiperAspectRatio, imageAspectRatio, image, index, swiperHeight, slideVisible, handleLoad, handleLoadError, }) => {
+    const broken = Boolean(meta?.broken);
+    const small = isSmallImage(meta);
+    const verticalImageFit = !small && swiperAspectRatio > imageAspectRatio;
+    const horizontalImageFit = !small && swiperAspectRatio <= imageAspectRatio;
+    return (React.createElement(SlideInner, { active: isActive, broken: broken, loading: !meta, withPlaceholder: small || broken },
+        React.createElement("img", { src: image.src, alt: getImageAlt(image, index), className: cn({
+                [styles.smallImage]: small,
+                [styles.image]: !small,
+                [styles.verticalImageFit]: verticalImageFit,
+                [styles.horizontalImageFit]: horizontalImageFit,
+            }), onLoad: (event) => handleLoad(event, index), onError: () => handleLoadError(index), style: {
+                maxHeight: `${swiperHeight}px`,
+            }, "data-test-id": slideVisible ? TestIds.ACTIVE_IMAGE : undefined })));
+};
+
+export { Slide as S, styles as s };

package/gallery/slide-19c70d49.js

@@ -0,0 +1,47 @@
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsTypography = require('../typography');
+var utils_utils = require('./utils/utils.js');
+var utils_constants = require('./utils/constants.js');
+var components_imageViewer_paths = require('./components/image-viewer/paths.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
+var styles = {"component":"gallery__component_hvv6o","swiper":"gallery__swiper_hvv6o","singleSlide":"gallery__singleSlide_hvv6o","hidden":"gallery__hidden_hvv6o","slide":"gallery__slide_hvv6o","slideLoading":"gallery__slideLoading_hvv6o","image":"gallery__image_hvv6o","smallImage":"gallery__smallImage_hvv6o","verticalImageFit":"gallery__verticalImageFit_hvv6o","horizontalImageFit":"gallery__horizontalImageFit_hvv6o","arrow":"gallery__arrow_hvv6o","focused":"gallery__focused_hvv6o","placeholder":"gallery__placeholder_hvv6o","brokenImgWrapper":"gallery__brokenImgWrapper_hvv6o","brokenImgIcon":"gallery__brokenImgIcon_hvv6o","fullScreenImage":"gallery__fullScreenImage_hvv6o"};
+require('./components/image-viewer/index.css');
+
+var SlideInner = function (_a) {
+    var _b;
+    var children = _a.children, broken = _a.broken, loading = _a.loading, withPlaceholder = _a.withPlaceholder;
+    var content = broken ? (React__default.default.createElement("div", { className: styles.brokenImgWrapper },
+        React__default.default.createElement("div", { className: styles.brokenImgIcon },
+            React__default.default.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '80', height: '80', viewBox: '0 0 80 80', fill: 'none' },
+                React__default.default.createElement("rect", { width: '80', height: '80', fill: 'none' }),
+                React__default.default.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: components_imageViewer_paths.NoImagePaths.baseImage, fill: '#89898A' }),
+                React__default.default.createElement("path", { d: components_imageViewer_paths.NoImagePaths.triangleImage, fill: '#89898A' }))),
+        React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'primary-small', color: 'static-secondary-light' }, "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435"))) : (children);
+    return (React__default.default.createElement("div", { className: cn__default.default(styles.slide, (_b = {}, _b[styles.slideLoading] = loading, _b)) }, withPlaceholder ? React__default.default.createElement("div", { className: styles.placeholder }, content) : content));
+};
+var Slide = function (_a) {
+    var _b;
+    var isActive = _a.isActive, meta = _a.meta, swiperAspectRatio = _a.swiperAspectRatio, imageAspectRatio = _a.imageAspectRatio, image = _a.image, index = _a.index, swiperHeight = _a.swiperHeight, slideVisible = _a.slideVisible, handleLoad = _a.handleLoad, handleLoadError = _a.handleLoadError;
+    var broken = Boolean(meta === null || meta === void 0 ? void 0 : meta.broken);
+    var small = utils_utils.isSmallImage(meta);
+    var verticalImageFit = !small && swiperAspectRatio > imageAspectRatio;
+    var horizontalImageFit = !small && swiperAspectRatio <= imageAspectRatio;
+    return (React__default.default.createElement(SlideInner, { active: isActive, broken: broken, loading: !meta, withPlaceholder: small || broken },
+        React__default.default.createElement("img", { src: image.src, alt: utils_utils.getImageAlt(image, index), className: cn__default.default((_b = {},
+                _b[styles.smallImage] = small,
+                _b[styles.image] = !small,
+                _b[styles.verticalImageFit] = verticalImageFit,
+                _b[styles.horizontalImageFit] = horizontalImageFit,
+                _b)), onLoad: function (event) { return handleLoad(event, index); }, onError: function () { return handleLoadError(index); }, style: {
+                maxHeight: "".concat(swiperHeight, "px"),
+            }, "data-test-id": slideVisible ? utils_constants.TestIds.ACTIVE_IMAGE : undefined })));
+};
+
+exports.Slide = Slide;
+exports.styles = styles;

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_1com0","gap":"gap__gap_1com0","vertical":"gap__vertical_1com0","horizontal":"gap__horizontal_1com0"};
+var styles = {"grid-gap":"gap__gap_hdall","gap":"gap__gap_hdall","vertical":"gap__vertical_hdall","horizontal":"gap__horizontal_hdall"};
 require('./index.css');
 
 var Gap = function (_a) {

package/gap/esm/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"grid-gap":"gap__gap_1com0","gap":"gap__gap_1com0","vertical":"gap__vertical_1com0","horizontal":"gap__horizontal_1com0"};
+var styles = {"grid-gap":"gap__gap_hdall","gap":"gap__gap_hdall","vertical":"gap__vertical_hdall","horizontal":"gap__horizontal_hdall"};
 require('./index.css');
 
 var Gap = function (_a) {

package/gap/esm/index.css

@@ -28,68 +28,68 @@
     --gap-8xl: 128px;
 } :root {
 } :root {
-} .gap__gap_1com0 {
+} .gap__gap_hdall {
     flex-shrink: 0;
-} .gap__vertical_1com0 {
+} .gap__vertical_hdall {
     overflow: hidden;
     display: block;
-} .gap__horizontal_1com0 {
+} .gap__horizontal_hdall {
     display: inline-block;
     overflow: hidden;
-} .gap__vertical_1com0.gap__gap_1com0[data-gap-size='3xs'] {
+} .gap__vertical_hdall.gap__gap_hdall[data-gap-size='3xs'] {
         height: var(--gap-3xs);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='2xs'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='2xs'] {
         height: var(--gap-2xs);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='xs'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='xs'] {
         height: var(--gap-xs);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='s'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='s'] {
         height: var(--gap-s);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='m'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='m'] {
         height: var(--gap-m);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='l'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='l'] {
         height: var(--gap-l);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='xl'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='xl'] {
         height: var(--gap-xl);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='2xl'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='2xl'] {
         height: var(--gap-2xl);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='3xl'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='3xl'] {
         height: var(--gap-3xl);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='4xl'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='4xl'] {
         height: var(--gap-4xl);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='5xl'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='5xl'] {
         height: var(--gap-5xl);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='6xl'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='6xl'] {
         height: var(--gap-6xl);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='7xl'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='7xl'] {
         height: var(--gap-7xl);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='8xl'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='8xl'] {
         height: var(--gap-8xl);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='3xs'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='3xs'] {
         width: var(--gap-3xs);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='2xs'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='2xs'] {
         width: var(--gap-2xs);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='xs'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='xs'] {
         width: var(--gap-xs);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='s'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='s'] {
         width: var(--gap-s);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='m'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='m'] {
         width: var(--gap-m);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='l'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='l'] {
         width: var(--gap-l);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='xl'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='xl'] {
         width: var(--gap-xl);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='2xl'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='2xl'] {
         width: var(--gap-2xl);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='3xl'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='3xl'] {
         width: var(--gap-3xl);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='4xl'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='4xl'] {
         width: var(--gap-4xl);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='5xl'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='5xl'] {
         width: var(--gap-5xl);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='6xl'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='6xl'] {
         width: var(--gap-6xl);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='7xl'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='7xl'] {
         width: var(--gap-7xl);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='8xl'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='8xl'] {
         width: var(--gap-8xl);
     }

package/gap/index.css

@@ -28,68 +28,68 @@
     --gap-8xl: 128px;
 } :root {
 } :root {
-} .gap__gap_1com0 {
+} .gap__gap_hdall {
     flex-shrink: 0;
-} .gap__vertical_1com0 {
+} .gap__vertical_hdall {
     overflow: hidden;
     display: block;
-} .gap__horizontal_1com0 {
+} .gap__horizontal_hdall {
     display: inline-block;
     overflow: hidden;
-} .gap__vertical_1com0.gap__gap_1com0[data-gap-size='3xs'] {
+} .gap__vertical_hdall.gap__gap_hdall[data-gap-size='3xs'] {
         height: var(--gap-3xs);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='2xs'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='2xs'] {
         height: var(--gap-2xs);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='xs'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='xs'] {
         height: var(--gap-xs);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='s'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='s'] {
         height: var(--gap-s);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='m'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='m'] {
         height: var(--gap-m);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='l'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='l'] {
         height: var(--gap-l);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='xl'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='xl'] {
         height: var(--gap-xl);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='2xl'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='2xl'] {
         height: var(--gap-2xl);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='3xl'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='3xl'] {
         height: var(--gap-3xl);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='4xl'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='4xl'] {
         height: var(--gap-4xl);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='5xl'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='5xl'] {
         height: var(--gap-5xl);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='6xl'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='6xl'] {
         height: var(--gap-6xl);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='7xl'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='7xl'] {
         height: var(--gap-7xl);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='8xl'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='8xl'] {
         height: var(--gap-8xl);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='3xs'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='3xs'] {
         width: var(--gap-3xs);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='2xs'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='2xs'] {
         width: var(--gap-2xs);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='xs'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='xs'] {
         width: var(--gap-xs);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='s'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='s'] {
         width: var(--gap-s);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='m'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='m'] {
         width: var(--gap-m);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='l'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='l'] {
         width: var(--gap-l);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='xl'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='xl'] {
         width: var(--gap-xl);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='2xl'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='2xl'] {
         width: var(--gap-2xl);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='3xl'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='3xl'] {
         width: var(--gap-3xl);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='4xl'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='4xl'] {
         width: var(--gap-4xl);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='5xl'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='5xl'] {
         width: var(--gap-5xl);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='6xl'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='6xl'] {
         width: var(--gap-6xl);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='7xl'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='7xl'] {
         width: var(--gap-7xl);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='8xl'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='8xl'] {
         width: var(--gap-8xl);
     }

package/gap/modern/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-const styles = {"grid-gap":"gap__gap_1com0","gap":"gap__gap_1com0","vertical":"gap__vertical_1com0","horizontal":"gap__horizontal_1com0"};
+const styles = {"grid-gap":"gap__gap_hdall","gap":"gap__gap_hdall","vertical":"gap__vertical_hdall","horizontal":"gap__horizontal_hdall"};
 require('./index.css');
 
 const Gap = ({ size, direction = 'vertical', tag: Component = 'div', className, dataTestId, }) => (React.createElement(Component, { "data-test-id": dataTestId, "data-gap-size": size, className: cn(styles.gap, styles[direction], className) }));

package/gap/modern/index.css

@@ -28,68 +28,68 @@
     --gap-8xl: 128px;
 } :root {
 } :root {
-} .gap__gap_1com0 {
+} .gap__gap_hdall {
     flex-shrink: 0;
-} .gap__vertical_1com0 {
+} .gap__vertical_hdall {
     overflow: hidden;
     display: block;
-} .gap__horizontal_1com0 {
+} .gap__horizontal_hdall {
     display: inline-block;
     overflow: hidden;
-} .gap__vertical_1com0.gap__gap_1com0[data-gap-size='3xs'] {
+} .gap__vertical_hdall.gap__gap_hdall[data-gap-size='3xs'] {
         height: var(--gap-3xs);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='2xs'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='2xs'] {
         height: var(--gap-2xs);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='xs'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='xs'] {
         height: var(--gap-xs);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='s'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='s'] {
         height: var(--gap-s);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='m'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='m'] {
         height: var(--gap-m);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='l'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='l'] {
         height: var(--gap-l);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='xl'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='xl'] {
         height: var(--gap-xl);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='2xl'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='2xl'] {
         height: var(--gap-2xl);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='3xl'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='3xl'] {
         height: var(--gap-3xl);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='4xl'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='4xl'] {
         height: var(--gap-4xl);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='5xl'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='5xl'] {
         height: var(--gap-5xl);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='6xl'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='6xl'] {
         height: var(--gap-6xl);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='7xl'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='7xl'] {
         height: var(--gap-7xl);
-    } .gap__vertical_1com0.gap__gap_1com0[data-gap-size='8xl'] {
+    } .gap__vertical_hdall.gap__gap_hdall[data-gap-size='8xl'] {
         height: var(--gap-8xl);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='3xs'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='3xs'] {
         width: var(--gap-3xs);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='2xs'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='2xs'] {
         width: var(--gap-2xs);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='xs'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='xs'] {
         width: var(--gap-xs);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='s'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='s'] {
         width: var(--gap-s);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='m'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='m'] {
         width: var(--gap-m);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='l'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='l'] {
         width: var(--gap-l);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='xl'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='xl'] {
         width: var(--gap-xl);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='2xl'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='2xl'] {
         width: var(--gap-2xl);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='3xl'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='3xl'] {
         width: var(--gap-3xl);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='4xl'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='4xl'] {
         width: var(--gap-4xl);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='5xl'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='5xl'] {
         width: var(--gap-5xl);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='6xl'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='6xl'] {
         width: var(--gap-6xl);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='7xl'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='7xl'] {
         width: var(--gap-7xl);
-    } .gap__horizontal_1com0.gap__gap_1com0[data-gap-size='8xl'] {
+    } .gap__horizontal_hdall.gap__gap_hdall[data-gap-size='8xl'] {
         width: var(--gap-8xl);
     }

package/generic-wrapper/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 = {"component":"generic-wrapper__component_1xg06","column":"generic-wrapper__column_1xg06","align-stretch":"generic-wrapper__align-stretch_1xg06","align-start":"generic-wrapper__align-start_1xg06","align-end":"generic-wrapper__align-end_1xg06","align-center":"generic-wrapper__align-center_1xg06","align-baseline":"generic-wrapper__align-baseline_1xg06","justify-center":"generic-wrapper__justify-center_1xg06","justify-between":"generic-wrapper__justify-between_1xg06","justify-around":"generic-wrapper__justify-around_1xg06","justify-evenly":"generic-wrapper__justify-evenly_1xg06","justify-start":"generic-wrapper__justify-start_1xg06","justify-end":"generic-wrapper__justify-end_1xg06","grow":"generic-wrapper__grow_1xg06","padding-top-3xs":"generic-wrapper__padding-top-3xs_1xg06","padding-top-2xs":"generic-wrapper__padding-top-2xs_1xg06","padding-top-xs":"generic-wrapper__padding-top-xs_1xg06","padding-top-s":"generic-wrapper__padding-top-s_1xg06","padding-top-m":"generic-wrapper__padding-top-m_1xg06","padding-top-l":"generic-wrapper__padding-top-l_1xg06","padding-top-xl":"generic-wrapper__padding-top-xl_1xg06","padding-right-3xs":"generic-wrapper__padding-right-3xs_1xg06","padding-right-2xs":"generic-wrapper__padding-right-2xs_1xg06","padding-right-xs":"generic-wrapper__padding-right-xs_1xg06","padding-right-s":"generic-wrapper__padding-right-s_1xg06","padding-right-m":"generic-wrapper__padding-right-m_1xg06","padding-right-l":"generic-wrapper__padding-right-l_1xg06","padding-right-xl":"generic-wrapper__padding-right-xl_1xg06","padding-bottom-3xs":"generic-wrapper__padding-bottom-3xs_1xg06","padding-bottom-2xs":"generic-wrapper__padding-bottom-2xs_1xg06","padding-bottom-xs":"generic-wrapper__padding-bottom-xs_1xg06","padding-bottom-s":"generic-wrapper__padding-bottom-s_1xg06","padding-bottom-m":"generic-wrapper__padding-bottom-m_1xg06","padding-bottom-l":"generic-wrapper__padding-bottom-l_1xg06","padding-bottom-xl":"generic-wrapper__padding-bottom-xl_1xg06","padding-left-3xs":"generic-wrapper__padding-left-3xs_1xg06","padding-left-2xs":"generic-wrapper__padding-left-2xs_1xg06","padding-left-xs":"generic-wrapper__padding-left-xs_1xg06","padding-left-s":"generic-wrapper__padding-left-s_1xg06","padding-left-m":"generic-wrapper__padding-left-m_1xg06","padding-left-l":"generic-wrapper__padding-left-l_1xg06","padding-left-xl":"generic-wrapper__padding-left-xl_1xg06"};
+var styles = {"component":"generic-wrapper__component_ulxae","column":"generic-wrapper__column_ulxae","align-stretch":"generic-wrapper__align-stretch_ulxae","align-start":"generic-wrapper__align-start_ulxae","align-end":"generic-wrapper__align-end_ulxae","align-center":"generic-wrapper__align-center_ulxae","align-baseline":"generic-wrapper__align-baseline_ulxae","justify-center":"generic-wrapper__justify-center_ulxae","justify-between":"generic-wrapper__justify-between_ulxae","justify-around":"generic-wrapper__justify-around_ulxae","justify-evenly":"generic-wrapper__justify-evenly_ulxae","justify-start":"generic-wrapper__justify-start_ulxae","justify-end":"generic-wrapper__justify-end_ulxae","grow":"generic-wrapper__grow_ulxae","padding-top-3xs":"generic-wrapper__padding-top-3xs_ulxae","padding-top-2xs":"generic-wrapper__padding-top-2xs_ulxae","padding-top-xs":"generic-wrapper__padding-top-xs_ulxae","padding-top-s":"generic-wrapper__padding-top-s_ulxae","padding-top-m":"generic-wrapper__padding-top-m_ulxae","padding-top-l":"generic-wrapper__padding-top-l_ulxae","padding-top-xl":"generic-wrapper__padding-top-xl_ulxae","padding-right-3xs":"generic-wrapper__padding-right-3xs_ulxae","padding-right-2xs":"generic-wrapper__padding-right-2xs_ulxae","padding-right-xs":"generic-wrapper__padding-right-xs_ulxae","padding-right-s":"generic-wrapper__padding-right-s_ulxae","padding-right-m":"generic-wrapper__padding-right-m_ulxae","padding-right-l":"generic-wrapper__padding-right-l_ulxae","padding-right-xl":"generic-wrapper__padding-right-xl_ulxae","padding-bottom-3xs":"generic-wrapper__padding-bottom-3xs_ulxae","padding-bottom-2xs":"generic-wrapper__padding-bottom-2xs_ulxae","padding-bottom-xs":"generic-wrapper__padding-bottom-xs_ulxae","padding-bottom-s":"generic-wrapper__padding-bottom-s_ulxae","padding-bottom-m":"generic-wrapper__padding-bottom-m_ulxae","padding-bottom-l":"generic-wrapper__padding-bottom-l_ulxae","padding-bottom-xl":"generic-wrapper__padding-bottom-xl_ulxae","padding-left-3xs":"generic-wrapper__padding-left-3xs_ulxae","padding-left-2xs":"generic-wrapper__padding-left-2xs_ulxae","padding-left-xs":"generic-wrapper__padding-left-xs_ulxae","padding-left-s":"generic-wrapper__padding-left-s_ulxae","padding-left-m":"generic-wrapper__padding-left-m_ulxae","padding-left-l":"generic-wrapper__padding-left-l_ulxae","padding-left-xl":"generic-wrapper__padding-left-xl_ulxae"};
 require('./index.css');
 
 var GenericWrapper = function (_a) {

package/generic-wrapper/esm/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"generic-wrapper__component_1xg06","column":"generic-wrapper__column_1xg06","align-stretch":"generic-wrapper__align-stretch_1xg06","align-start":"generic-wrapper__align-start_1xg06","align-end":"generic-wrapper__align-end_1xg06","align-center":"generic-wrapper__align-center_1xg06","align-baseline":"generic-wrapper__align-baseline_1xg06","justify-center":"generic-wrapper__justify-center_1xg06","justify-between":"generic-wrapper__justify-between_1xg06","justify-around":"generic-wrapper__justify-around_1xg06","justify-evenly":"generic-wrapper__justify-evenly_1xg06","justify-start":"generic-wrapper__justify-start_1xg06","justify-end":"generic-wrapper__justify-end_1xg06","grow":"generic-wrapper__grow_1xg06","padding-top-3xs":"generic-wrapper__padding-top-3xs_1xg06","padding-top-2xs":"generic-wrapper__padding-top-2xs_1xg06","padding-top-xs":"generic-wrapper__padding-top-xs_1xg06","padding-top-s":"generic-wrapper__padding-top-s_1xg06","padding-top-m":"generic-wrapper__padding-top-m_1xg06","padding-top-l":"generic-wrapper__padding-top-l_1xg06","padding-top-xl":"generic-wrapper__padding-top-xl_1xg06","padding-right-3xs":"generic-wrapper__padding-right-3xs_1xg06","padding-right-2xs":"generic-wrapper__padding-right-2xs_1xg06","padding-right-xs":"generic-wrapper__padding-right-xs_1xg06","padding-right-s":"generic-wrapper__padding-right-s_1xg06","padding-right-m":"generic-wrapper__padding-right-m_1xg06","padding-right-l":"generic-wrapper__padding-right-l_1xg06","padding-right-xl":"generic-wrapper__padding-right-xl_1xg06","padding-bottom-3xs":"generic-wrapper__padding-bottom-3xs_1xg06","padding-bottom-2xs":"generic-wrapper__padding-bottom-2xs_1xg06","padding-bottom-xs":"generic-wrapper__padding-bottom-xs_1xg06","padding-bottom-s":"generic-wrapper__padding-bottom-s_1xg06","padding-bottom-m":"generic-wrapper__padding-bottom-m_1xg06","padding-bottom-l":"generic-wrapper__padding-bottom-l_1xg06","padding-bottom-xl":"generic-wrapper__padding-bottom-xl_1xg06","padding-left-3xs":"generic-wrapper__padding-left-3xs_1xg06","padding-left-2xs":"generic-wrapper__padding-left-2xs_1xg06","padding-left-xs":"generic-wrapper__padding-left-xs_1xg06","padding-left-s":"generic-wrapper__padding-left-s_1xg06","padding-left-m":"generic-wrapper__padding-left-m_1xg06","padding-left-l":"generic-wrapper__padding-left-l_1xg06","padding-left-xl":"generic-wrapper__padding-left-xl_1xg06"};
+var styles = {"component":"generic-wrapper__component_ulxae","column":"generic-wrapper__column_ulxae","align-stretch":"generic-wrapper__align-stretch_ulxae","align-start":"generic-wrapper__align-start_ulxae","align-end":"generic-wrapper__align-end_ulxae","align-center":"generic-wrapper__align-center_ulxae","align-baseline":"generic-wrapper__align-baseline_ulxae","justify-center":"generic-wrapper__justify-center_ulxae","justify-between":"generic-wrapper__justify-between_ulxae","justify-around":"generic-wrapper__justify-around_ulxae","justify-evenly":"generic-wrapper__justify-evenly_ulxae","justify-start":"generic-wrapper__justify-start_ulxae","justify-end":"generic-wrapper__justify-end_ulxae","grow":"generic-wrapper__grow_ulxae","padding-top-3xs":"generic-wrapper__padding-top-3xs_ulxae","padding-top-2xs":"generic-wrapper__padding-top-2xs_ulxae","padding-top-xs":"generic-wrapper__padding-top-xs_ulxae","padding-top-s":"generic-wrapper__padding-top-s_ulxae","padding-top-m":"generic-wrapper__padding-top-m_ulxae","padding-top-l":"generic-wrapper__padding-top-l_ulxae","padding-top-xl":"generic-wrapper__padding-top-xl_ulxae","padding-right-3xs":"generic-wrapper__padding-right-3xs_ulxae","padding-right-2xs":"generic-wrapper__padding-right-2xs_ulxae","padding-right-xs":"generic-wrapper__padding-right-xs_ulxae","padding-right-s":"generic-wrapper__padding-right-s_ulxae","padding-right-m":"generic-wrapper__padding-right-m_ulxae","padding-right-l":"generic-wrapper__padding-right-l_ulxae","padding-right-xl":"generic-wrapper__padding-right-xl_ulxae","padding-bottom-3xs":"generic-wrapper__padding-bottom-3xs_ulxae","padding-bottom-2xs":"generic-wrapper__padding-bottom-2xs_ulxae","padding-bottom-xs":"generic-wrapper__padding-bottom-xs_ulxae","padding-bottom-s":"generic-wrapper__padding-bottom-s_ulxae","padding-bottom-m":"generic-wrapper__padding-bottom-m_ulxae","padding-bottom-l":"generic-wrapper__padding-bottom-l_ulxae","padding-bottom-xl":"generic-wrapper__padding-bottom-xl_ulxae","padding-left-3xs":"generic-wrapper__padding-left-3xs_ulxae","padding-left-2xs":"generic-wrapper__padding-left-2xs_ulxae","padding-left-xs":"generic-wrapper__padding-left-xs_ulxae","padding-left-s":"generic-wrapper__padding-left-s_ulxae","padding-left-m":"generic-wrapper__padding-left-m_ulxae","padding-left-l":"generic-wrapper__padding-left-l_ulxae","padding-left-xl":"generic-wrapper__padding-left-xl_ulxae"};
 require('./index.css');
 
 var GenericWrapper = function (_a) {

package/generic-wrapper/esm/index.css

@@ -21,89 +21,89 @@
     --gap-xl: 24px;
 } :root {
 } :root {
-} .generic-wrapper__component_1xg06 {
+} .generic-wrapper__component_ulxae {
     display: flex;
-} .generic-wrapper__column_1xg06 {
+} .generic-wrapper__column_ulxae {
     display: flex;
     flex-direction: column;
-} .generic-wrapper__align-stretch_1xg06 {
+} .generic-wrapper__align-stretch_ulxae {
     align-items: stretch;
-} .generic-wrapper__align-start_1xg06 {
+} .generic-wrapper__align-start_ulxae {
     align-items: flex-start;
-} .generic-wrapper__align-end_1xg06 {
+} .generic-wrapper__align-end_ulxae {
     align-items: flex-end;
-} .generic-wrapper__align-center_1xg06 {
+} .generic-wrapper__align-center_ulxae {
     align-items: center;
-} .generic-wrapper__align-baseline_1xg06 {
+} .generic-wrapper__align-baseline_ulxae {
     align-items: baseline;
-} .generic-wrapper__justify-center_1xg06 {
+} .generic-wrapper__justify-center_ulxae {
     justify-content: center;
-} .generic-wrapper__justify-between_1xg06 {
+} .generic-wrapper__justify-between_ulxae {
     justify-content: space-between;
-} .generic-wrapper__justify-around_1xg06 {
+} .generic-wrapper__justify-around_ulxae {
     justify-content: space-around;
-} .generic-wrapper__justify-evenly_1xg06 {
+} .generic-wrapper__justify-evenly_ulxae {
     justify-content: space-evenly;
-} .generic-wrapper__justify-start_1xg06 {
+} .generic-wrapper__justify-start_ulxae {
     justify-content: flex-start;
-} .generic-wrapper__justify-end_1xg06 {
+} .generic-wrapper__justify-end_ulxae {
     justify-content: flex-end;
-} .generic-wrapper__grow_1xg06 {
+} .generic-wrapper__grow_ulxae {
     flex-grow: 1;
-} .generic-wrapper__padding-top-3xs_1xg06 {
+} .generic-wrapper__padding-top-3xs_ulxae {
         padding-top: var(--gap-3xs);
-    } .generic-wrapper__padding-top-2xs_1xg06 {
+    } .generic-wrapper__padding-top-2xs_ulxae {
         padding-top: var(--gap-2xs);
-    } .generic-wrapper__padding-top-xs_1xg06 {
+    } .generic-wrapper__padding-top-xs_ulxae {
         padding-top: var(--gap-xs);
-    } .generic-wrapper__padding-top-s_1xg06 {
+    } .generic-wrapper__padding-top-s_ulxae {
         padding-top: var(--gap-s);
-    } .generic-wrapper__padding-top-m_1xg06 {
+    } .generic-wrapper__padding-top-m_ulxae {
         padding-top: var(--gap-m);
-    } .generic-wrapper__padding-top-l_1xg06 {
+    } .generic-wrapper__padding-top-l_ulxae {
         padding-top: var(--gap-l);
-    } .generic-wrapper__padding-top-xl_1xg06 {
+    } .generic-wrapper__padding-top-xl_ulxae {
         padding-top: var(--gap-xl);
-    } .generic-wrapper__padding-right-3xs_1xg06 {
+    } .generic-wrapper__padding-right-3xs_ulxae {
         padding-right: var(--gap-3xs);
-    } .generic-wrapper__padding-right-2xs_1xg06 {
+    } .generic-wrapper__padding-right-2xs_ulxae {
         padding-right: var(--gap-2xs);
-    } .generic-wrapper__padding-right-xs_1xg06 {
+    } .generic-wrapper__padding-right-xs_ulxae {
         padding-right: var(--gap-xs);
-    } .generic-wrapper__padding-right-s_1xg06 {
+    } .generic-wrapper__padding-right-s_ulxae {
         padding-right: var(--gap-s);
-    } .generic-wrapper__padding-right-m_1xg06 {
+    } .generic-wrapper__padding-right-m_ulxae {
         padding-right: var(--gap-m);
-    } .generic-wrapper__padding-right-l_1xg06 {
+    } .generic-wrapper__padding-right-l_ulxae {
         padding-right: var(--gap-l);
-    } .generic-wrapper__padding-right-xl_1xg06 {
+    } .generic-wrapper__padding-right-xl_ulxae {
         padding-right: var(--gap-xl);
-    } .generic-wrapper__padding-bottom-3xs_1xg06 {
+    } .generic-wrapper__padding-bottom-3xs_ulxae {
         padding-bottom: var(--gap-3xs);
-    } .generic-wrapper__padding-bottom-2xs_1xg06 {
+    } .generic-wrapper__padding-bottom-2xs_ulxae {
         padding-bottom: var(--gap-2xs);
-    } .generic-wrapper__padding-bottom-xs_1xg06 {
+    } .generic-wrapper__padding-bottom-xs_ulxae {
         padding-bottom: var(--gap-xs);
-    } .generic-wrapper__padding-bottom-s_1xg06 {
+    } .generic-wrapper__padding-bottom-s_ulxae {
         padding-bottom: var(--gap-s);
-    } .generic-wrapper__padding-bottom-m_1xg06 {
+    } .generic-wrapper__padding-bottom-m_ulxae {
         padding-bottom: var(--gap-m);
-    } .generic-wrapper__padding-bottom-l_1xg06 {
+    } .generic-wrapper__padding-bottom-l_ulxae {
         padding-bottom: var(--gap-l);
-    } .generic-wrapper__padding-bottom-xl_1xg06 {
+    } .generic-wrapper__padding-bottom-xl_ulxae {
         padding-bottom: var(--gap-xl);
-    } .generic-wrapper__padding-left-3xs_1xg06 {
+    } .generic-wrapper__padding-left-3xs_ulxae {
         padding-left: var(--gap-3xs);
-    } .generic-wrapper__padding-left-2xs_1xg06 {
+    } .generic-wrapper__padding-left-2xs_ulxae {
         padding-left: var(--gap-2xs);
-    } .generic-wrapper__padding-left-xs_1xg06 {
+    } .generic-wrapper__padding-left-xs_ulxae {
         padding-left: var(--gap-xs);
-    } .generic-wrapper__padding-left-s_1xg06 {
+    } .generic-wrapper__padding-left-s_ulxae {
         padding-left: var(--gap-s);
-    } .generic-wrapper__padding-left-m_1xg06 {
+    } .generic-wrapper__padding-left-m_ulxae {
         padding-left: var(--gap-m);
-    } .generic-wrapper__padding-left-l_1xg06 {
+    } .generic-wrapper__padding-left-l_ulxae {
         padding-left: var(--gap-l);
-    } .generic-wrapper__padding-left-xl_1xg06 {
+    } .generic-wrapper__padding-left-xl_ulxae {
         padding-left: var(--gap-xl);
     }