@alfalab/core-components 26.5.2-beta.1 → 26.5.2-beta.2

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

@@ -4,7 +4,6 @@ var React = require('react');
 require('classnames');
 require('@alfalab/hooks');
 var context = require('../../context.js');
-var index_module = require('../../index.module-c2d8412c.js');
 var components_imagePreview_Component = require('../image-preview/Component.js');
 var utils_utils = require('../../utils/utils.js');
 var utils_constants = require('../../utils/constants.js');
@@ -13,6 +12,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var styles = require("./index.module.css");
+
 var MIN_SCROLL_STEP = 24;
 var NavigationBar = function () {
     var containerRef = React.useRef(null);
@@ -60,9 +61,9 @@ var NavigationBar = function () {
     }, [currentSlideIndex, handlePreviewPosition, scroll]);
     return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    React__default['default'].createElement("div", { className: index_module.styles.component, ref: containerRef, onKeyDown: handleKeyDown, "data-test-id": utils_constants.TestIds.NAVIGATION_BAR }, images.map(function (image, index) {
+    React__default['default'].createElement("div", { className: styles.component, ref: containerRef, onKeyDown: handleKeyDown, "data-test-id": utils_constants.TestIds.NAVIGATION_BAR }, images.map(function (image, index) {
         var active = index === currentSlideIndex;
-        return (React__default['default'].createElement(components_imagePreview_Component.ImagePreview, { key: utils_utils.getImageKey(image, index), image: image, active: active, index: index, onSelect: handlePreviewSelect, className: index_module.styles.preview }));
+        return (React__default['default'].createElement(components_imagePreview_Component.ImagePreview, { key: utils_utils.getImageKey(image, index), image: image, active: active, index: index, onSelect: handlePreviewSelect, className: styles.preview }));
     })));
 };
 

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

@@ -4,11 +4,10 @@ require('react');
 require('classnames');
 require('@alfalab/hooks');
 require('../../context.js');
-require('../../index.module-c2d8412c.js');
 require('../image-preview/Component.js');
+var components_navigationBar_Component = require('./Component.js');
 require('../../utils/utils.js');
 require('../../utils/constants.js');
-var components_navigationBar_Component = require('./Component.js');
 
 
 

package/gallery/cssm/index.js

@@ -5,12 +5,11 @@ require('../../base-modal/cssm');
 require('classnames');
 require('@alfalab/hooks');
 require('./context.js');
-require('./index.module-c2d8412c.js');
 require('./components/image-preview/Component.js');
+require('./components/navigation-bar/Component.js');
 var utils_splitFilename = require('./utils/split-filename.js');
 var utils_utils = require('./utils/utils.js');
 var utils_constants = require('./utils/constants.js');
-require('./components/navigation-bar/Component.js');
 require('../../typography/cssm');
 require('./components/header-info-block/Component.js');
 require('./tslib.es6-ce870b46.js');
@@ -28,7 +27,7 @@ require('element-closest');
 require('swiper/swiper.min.css');
 require('@alfalab/icons-glyph/ChevronBackHeavyMIcon');
 require('@alfalab/icons-glyph/ChevronForwardHeavyMIcon');
-require('./components/image-viewer/slide.js');
+require('./slide-81ab5298.js');
 require('./components/image-viewer/component.js');
 var Component = require('./Component.js');
 

package/gallery/cssm/slide-81ab5298.js

@@ -0,0 +1,41 @@
+var React = require('react');
+var cn = require('classnames');
+var utils_utils = require('./utils/utils.js');
+var utils_constants = require('./utils/constants.js');
+var coreComponentsTypography = require('../../typography/cssm');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+
+var styles = require("./index.module.css");
+
+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: swiperHeight + "px",
+            }, "data-test-id": slideVisible ? utils_constants.TestIds.ACTIVE_IMAGE : undefined })));
+};
+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(coreComponentsTypography.Typography.Text, { view: 'primary-small', color: 'secondary' }, "\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));
+};
+
+exports.Slide = Slide;
+exports.styles = styles;

package/gallery/esm/Component.js

@@ -10,7 +10,7 @@ import { NavigationBar } from './components/navigation-bar/Component.js';
 import './utils/split-filename.js';
 import '../../typography/esm';
 import './components/header-info-block/Component.js';
-import './tslib.es6-2533bcfe.js';
+import './tslib.es6-305cd72f.js';
 import '../../icon-button/esm';
 import '../../tooltip/esm';
 import '@alfalab/icons-glyph/PointerDownMIcon';
@@ -25,7 +25,7 @@ import 'element-closest';
 import 'swiper/swiper.min.css';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import './slide-58eaea06.js';
+import './slide-713a59ab.js';
 import { ImageViewer } from './components/image-viewer/component.js';
 
 var styles = {"container":"gallery__container_1htxm","modal":"gallery__modal_1htxm"};

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

@@ -5,7 +5,7 @@ import { TestIds } from '../../utils/constants.js';
 import '../../utils/split-filename.js';
 import '../../../../typography/esm';
 import { HeaderInfoBlock } from '../header-info-block/Component.js';
-import '../../tslib.es6-2533bcfe.js';
+import '../../tslib.es6-305cd72f.js';
 import '../../../../icon-button/esm';
 import '../../../../tooltip/esm';
 import '@alfalab/icons-glyph/PointerDownMIcon';

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { a as __rest, _ as __assign } from '../../tslib.es6-2533bcfe.js';
+import { a as __rest, _ as __assign } from '../../tslib.es6-305cd72f.js';
 import { IconButton } from '../../../../icon-button/esm';
 import { Tooltip } from '../../../../tooltip/esm';
 import { PointerDownMIcon } from '@alfalab/icons-glyph/PointerDownMIcon';

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

@@ -5,7 +5,7 @@ import '../../utils/constants.js';
 import '../../utils/split-filename.js';
 import '../../../../typography/esm';
 import '../header-info-block/Component.js';
-import '../../tslib.es6-2533bcfe.js';
+import '../../tslib.es6-305cd72f.js';
 import '../../../../icon-button/esm';
 import '../../../../tooltip/esm';
 import '@alfalab/icons-glyph/PointerDownMIcon';

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

@@ -5,14 +5,14 @@ import { GalleryContext } from '../../context.js';
 import { getImageAlt, getImageKey } from '../../utils/utils.js';
 import { TestIds } from '../../utils/constants.js';
 import '../../../../typography/esm';
-import { _ as __assign } from '../../tslib.es6-2533bcfe.js';
+import { _ as __assign } from '../../tslib.es6-305cd72f.js';
 import SwiperCore, { EffectFade, A11y, Controller } from 'swiper';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import elementClosest from 'element-closest';
 import 'swiper/swiper.min.css';
 import { ChevronBackHeavyMIcon } from '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import { ChevronForwardHeavyMIcon } from '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import { s as styles, S as Slide } from '../../slide-58eaea06.js';
+import { s as styles, S as Slide } from '../../slide-713a59ab.js';
 
 SwiperCore.use([EffectFade, A11y, Controller]);
 var ImageViewer = function () {

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

@@ -5,12 +5,12 @@ import '../../context.js';
 import '../../utils/utils.js';
 import '../../utils/constants.js';
 import '../../../../typography/esm';
-import '../../tslib.es6-2533bcfe.js';
+import '../../tslib.es6-305cd72f.js';
 import 'swiper';
 import 'swiper/react';
 import 'element-closest';
 import 'swiper/swiper.min.css';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../../slide-58eaea06.js';
+import '../../slide-713a59ab.js';
 export { ImageViewer } from './component.js';

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

@@ -3,4 +3,4 @@ import 'classnames';
 import '../../utils/utils.js';
 import '../../utils/constants.js';
 import '../../../../typography/esm';
-export { S as Slide } from '../../slide-58eaea06.js';
+export { S as Slide } from '../../slide-713a59ab.js';

package/gallery/esm/components/index.js

@@ -9,7 +9,7 @@ export { NavigationBar } from './navigation-bar/Component.js';
 import '../utils/split-filename.js';
 import '../../../typography/esm';
 import './header-info-block/Component.js';
-import '../tslib.es6-2533bcfe.js';
+import '../tslib.es6-305cd72f.js';
 import '../../../icon-button/esm';
 import '../../../tooltip/esm';
 import '@alfalab/icons-glyph/PointerDownMIcon';
@@ -24,5 +24,5 @@ import 'element-closest';
 import 'swiper/swiper.min.css';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../slide-58eaea06.js';
+import '../slide-713a59ab.js';
 export { ImageViewer } from './image-viewer/component.js';

package/gallery/esm/index.js

@@ -10,7 +10,7 @@ import './components/navigation-bar/Component.js';
 export { splitFilename } from './utils/split-filename.js';
 import '../../typography/esm';
 import './components/header-info-block/Component.js';
-import './tslib.es6-2533bcfe.js';
+import './tslib.es6-305cd72f.js';
 import '../../icon-button/esm';
 import '../../tooltip/esm';
 import '@alfalab/icons-glyph/PointerDownMIcon';
@@ -25,6 +25,6 @@ import 'element-closest';
 import 'swiper/swiper.min.css';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import './slide-58eaea06.js';
+import './slide-713a59ab.js';
 import './components/image-viewer/component.js';
 export { Gallery } from './Component.js';

package/gallery/index.js

@@ -12,7 +12,7 @@ var utils_utils = require('./utils/utils.js');
 var utils_constants = require('./utils/constants.js');
 require('../typography');
 require('./components/header-info-block/Component.js');
-require('./tslib.es6-0a1b9f5d.js');
+require('./tslib.es6-aa40b78c.js');
 require('../icon-button');
 require('../tooltip');
 require('@alfalab/icons-glyph/PointerDownMIcon');
@@ -27,7 +27,7 @@ require('element-closest');
 require('swiper/swiper.min.css');
 require('@alfalab/icons-glyph/ChevronBackHeavyMIcon');
 require('@alfalab/icons-glyph/ChevronForwardHeavyMIcon');
-require('./slide-e3805fbf.js');
+require('./slide-02282d71.js');
 require('./components/image-viewer/component.js');
 var Component = require('./Component.js');
 

package/gallery/modern/Component.js

@@ -24,7 +24,7 @@ import '../../icon-button/modern';
 import '../../tooltip/modern';
 import './components/header/buttons.js';
 import { Header } from './components/header/Component.js';
-import './slide-caea955c.js';
+import './slide-072d366f.js';
 import { ImageViewer } from './components/image-viewer/component.js';
 
 var styles = {"container":"gallery__container_1htxm","modal":"gallery__modal_1htxm"};

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

@@ -11,7 +11,7 @@ import { GalleryContext } from '../../context.js';
 import { getImageAlt, getImageKey } from '../../utils/utils.js';
 import { TestIds } from '../../utils/constants.js';
 import '../../../../typography/modern';
-import { s as styles, S as Slide } from '../../slide-caea955c.js';
+import { s as styles, S as Slide } from '../../slide-072d366f.js';
 
 SwiperCore.use([EffectFade, A11y, Controller]);
 const ImageViewer = () => {

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

@@ -11,5 +11,5 @@ import '../../context.js';
 import '../../utils/utils.js';
 import '../../utils/constants.js';
 import '../../../../typography/modern';
-import '../../slide-caea955c.js';
+import '../../slide-072d366f.js';
 export { ImageViewer } from './component.js';

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

@@ -3,4 +3,4 @@ import 'classnames';
 import '../../utils/utils.js';
 import '../../utils/constants.js';
 import '../../../../typography/modern';
-export { S as Slide } from '../../slide-caea955c.js';
+export { S as Slide } from '../../slide-072d366f.js';

package/gallery/modern/components/index.js

@@ -23,5 +23,5 @@ import '../../../icon-button/modern';
 import '../../../tooltip/modern';
 import './header/buttons.js';
 export { Header } from './header/Component.js';
-import '../slide-caea955c.js';
+import '../slide-072d366f.js';
 export { ImageViewer } from './image-viewer/component.js';

package/gallery/modern/index.js

@@ -24,6 +24,6 @@ import '../../icon-button/modern';
 import '../../tooltip/modern';
 import './components/header/buttons.js';
 import './components/header/Component.js';
-import './slide-caea955c.js';
+import './slide-072d366f.js';
 import './components/image-viewer/component.js';
 export { Gallery } from './Component.js';

package/gallery/slide-02282d71.d.ts

@@ -0,0 +1,16 @@
+import { FC, SyntheticEvent } from 'react';
+import { ImageMeta, GalleryImage } from "./types";
+type SlideProps = {
+    isActive: boolean;
+    image: GalleryImage;
+    meta?: ImageMeta;
+    swiperAspectRatio: number;
+    imageAspectRatio: number;
+    index: number;
+    swiperHeight: number;
+    slideVisible: boolean;
+    handleLoad: (event: SyntheticEvent<HTMLImageElement>, index: number) => void;
+    handleLoadError: (index: number) => void;
+};
+declare const Slide: FC<SlideProps>;
+export { Slide };

package/grid/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./gutters.module-7b839307.js');
+require('./gutters.module-0a80ba53.js');
 require('classnames');
 require('react');
 require('./utils/index.js');

package/grid/col/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var gutters_module = require('../gutters.module-7b839307.js');
+var gutters_module = require('../gutters.module-0a80ba53.js');
 var cn = require('classnames');
 var React = require('react');
 var utils_index = require('../utils/index.js');

package/grid/col/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../gutters.module-7b839307.js');
+require('../gutters.module-0a80ba53.js');
 require('classnames');
 require('react');
 require('../utils/index.js');

package/grid/cssm/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./gutters.module-e523174e.js');
+require('./gutters.module-5f33d62f.js');
 require('classnames');
 require('react');
 require('./utils/index.js');

package/grid/cssm/col/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var gutters_module = require('../gutters.module-e523174e.js');
+var gutters_module = require('../gutters.module-5f33d62f.js');
 var cn = require('classnames');
 var React = require('react');
 var utils_index = require('../utils/index.js');
@@ -10,16 +10,18 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var styles = require("./index.module.css");
+
 var Col = function (_a) {
     var _b = _a.tag, Component = _b === void 0 ? 'div' : _b, className = _a.className, align = _a.align, order = _a.order, offset = _a.offset, width = _a.width, children = _a.children, dataTestId = _a.dataTestId;
-    var classNames = React.useMemo(function () { return utils_index.createClassNames({ order: order, offset: offset, width: width }, gutters_module.styles); }, [
+    var classNames = React.useMemo(function () { return utils_index.createClassNames({ order: order, offset: offset, width: width }, styles); }, [
         order,
         offset,
         width,
     ]);
     return (React__default['default'].createElement(Component, { className: cn__default['default'].apply(void 0, gutters_module.__spreadArrays([gutters_module.guttersStyles.col,
-            gutters_module.styles.component,
-            align && gutters_module.styles["align-" + align]], classNames, [className])), "data-test-id": dataTestId }, children));
+            styles.component,
+            align && styles["align-" + align]], classNames, [className])), "data-test-id": dataTestId }, children));
 };
 
 exports.Col = Col;

package/grid/cssm/col/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../gutters.module-e523174e.js');
+require('../gutters.module-5f33d62f.js');
 require('classnames');
 require('react');
 require('../utils/index.js');

package/grid/cssm/{gutters.module-e523174e.js → gutters.module-5f33d62f.js}

@@ -21,10 +21,7 @@ function __spreadArrays() {
     return r;
 }
 
-var styles = require("./index.module.css");
-
 var guttersStyles = require("../gutters.module.css");
 
 exports.__spreadArrays = __spreadArrays;
 exports.guttersStyles = guttersStyles;
-exports.styles = styles;

package/grid/cssm/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./gutters.module-e523174e.js');
+require('./gutters.module-5f33d62f.js');
 require('classnames');
 require('react');
 require('./utils/index.js');

package/grid/cssm/row/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var gutters_module = require('../gutters.module-e523174e.js');
+var gutters_module = require('../gutters.module-5f33d62f.js');
 var cn = require('classnames');
 var React = require('react');
 var utils_index = require('../utils/index.js');
@@ -10,6 +10,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var styles = require("./index.module.css");
+
 var Row = function (_a) {
     var _b = _a.tag, Component = _b === void 0 ? 'div' : _b, className = _a.className, _c = _a.gutter, gutter = _c === void 0 ? {
         mobile: {
@@ -21,9 +23,9 @@ var Row = function (_a) {
     } : _c, align = _a.align, _d = _a.justify, justify = _d === void 0 ? 'between' : _d, children = _a.children, dataTestId = _a.dataTestId;
     var classNames = React.useMemo(function () { return utils_index.createClassNames({ gutter: gutter }, gutters_module.guttersStyles); }, [gutter]);
     return (React__default['default'].createElement(Component, { className: cn__default['default'].apply(void 0, gutters_module.__spreadArrays([gutters_module.guttersStyles.row,
-            gutters_module.styles.component,
-            align && gutters_module.styles[align],
-            gutters_module.styles[justify]], classNames, [className])), "data-test-id": dataTestId }, children));
+            styles.component,
+            align && styles[align],
+            styles[justify]], classNames, [className])), "data-test-id": dataTestId }, children));
 };
 
 exports.Row = Row;

package/grid/cssm/row/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../gutters.module-e523174e.js');
+require('../gutters.module-5f33d62f.js');
 require('classnames');
 require('react');
 require('../utils/index.js');

package/grid/esm/Component.js

@@ -1,4 +1,4 @@
-import './gutters.module-cf51982b.js';
+import './gutters.module-bcd72c45.js';
 import 'classnames';
 import 'react';
 import './utils/index.js';

package/grid/esm/col/Component.js

@@ -1,4 +1,4 @@
-import { _ as __spreadArrays, g as guttersStyles } from '../gutters.module-cf51982b.js';
+import { _ as __spreadArrays, g as guttersStyles } from '../gutters.module-bcd72c45.js';
 import cn from 'classnames';
 import React, { useMemo } from 'react';
 import { createClassNames } from '../utils/index.js';

package/grid/esm/col/index.js

@@ -1,4 +1,4 @@
-import '../gutters.module-cf51982b.js';
+import '../gutters.module-bcd72c45.js';
 import 'classnames';
 import 'react';
 import '../utils/index.js';

package/grid/esm/index.js

@@ -1,4 +1,4 @@
-import './gutters.module-cf51982b.js';
+import './gutters.module-bcd72c45.js';
 import 'classnames';
 import 'react';
 import './utils/index.js';

package/grid/esm/row/Component.js

@@ -1,4 +1,4 @@
-import { g as guttersStyles, _ as __spreadArrays } from '../gutters.module-cf51982b.js';
+import { g as guttersStyles, _ as __spreadArrays } from '../gutters.module-bcd72c45.js';
 import cn from 'classnames';
 import React, { useMemo } from 'react';
 import { createClassNames } from '../utils/index.js';

package/grid/esm/row/index.js

@@ -1,4 +1,4 @@
-import '../gutters.module-cf51982b.js';
+import '../gutters.module-bcd72c45.js';
 import 'classnames';
 import 'react';
 import '../utils/index.js';

package/grid/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./gutters.module-7b839307.js');
+require('./gutters.module-0a80ba53.js');
 require('classnames');
 require('react');
 require('./utils/index.js');

package/grid/modern/Component.js

@@ -1,7 +1,7 @@
 import 'classnames';
 import 'react';
 import './utils/index.js';
-import './gutters.module-383c41da.js';
+import './gutters.module-62543edf.js';
 import { Row } from './row/Component.js';
 import { Col } from './col/Component.js';