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

package/base-modal/Component.js

@@ -11,6 +11,7 @@ var coreComponentsBackdrop = require('../backdrop');
 var coreComponentsPortal = require('../portal');
 var coreComponentsShared = require('../shared');
 var coreComponentsStack = require('../stack');
+var stackContext = require('@alfalab/stack-context');
 var helpers_lockScroll = require('./helpers/lockScroll.js');
 var utils = require('./utils.js');
 require('./matches-polyfill.js');
@@ -42,7 +43,7 @@ var BaseModalContext = React__default.default.createContext({
     onClose: function () { return null; },
 });
 var BaseModal = React.forwardRef(function (_a, ref) {
-    var open = _a.open, container = _a.container, children = _a.children, _b = _a.scrollHandler, scrollHandler = _b === void 0 ? 'wrapper' : _b, _c = _a.Backdrop, Backdrop = _c === void 0 ? coreComponentsBackdrop.Backdrop : _c, _d = _a.backdropProps, backdropProps = _d === void 0 ? {} : _d, _e = _a.transitionProps, transitionProps = _e === void 0 ? {} : _e, disableBackdropClick = _a.disableBackdropClick, _f = _a.disableAutoFocus, disableAutoFocus = _f === void 0 ? false : _f, _g = _a.disableFocusLock, disableFocusLock = _g === void 0 ? false : _g, _h = _a.disableEscapeKeyDown, disableEscapeKeyDown = _h === void 0 ? false : _h, _j = _a.disableRestoreFocus, disableRestoreFocus = _j === void 0 ? false : _j, _k = _a.disableBlockingScroll, disableBlockingScroll = _k === void 0 ? false : _k, _l = _a.keepMounted, keepMounted = _l === void 0 ? false : _l, className = _a.className, contentClassName = _a.contentClassName, wrapperProps = _a.wrapperProps, contentProps = _a.contentProps, componentDivProps = _a.componentDivProps, wrapperClassName = _a.wrapperClassName, onBackdropClick = _a.onBackdropClick, onClose = _a.onClose, onEscapeKeyDown = _a.onEscapeKeyDown, onMount = _a.onMount, onUnmount = _a.onUnmount, dataTestId = _a.dataTestId, _m = _a.zIndex, zIndex = _m === void 0 ? coreComponentsStack.stackingOrder.MODAL : _m, _o = _a.componentRef, componentRef = _o === void 0 ? null : _o, _p = _a.usePortal, usePortal = _p === void 0 ? true : _p, _q = _a.iOSLock, iOSLock = _q === void 0 ? false : _q;
+    var open = _a.open, container = _a.container, children = _a.children, _b = _a.scrollHandler, scrollHandler = _b === void 0 ? 'wrapper' : _b, _c = _a.Backdrop, Backdrop = _c === void 0 ? coreComponentsBackdrop.Backdrop : _c, _d = _a.backdropProps, backdropProps = _d === void 0 ? {} : _d, _e = _a.transitionProps, transitionProps = _e === void 0 ? {} : _e, disableBackdropClick = _a.disableBackdropClick, _f = _a.disableAutoFocus, disableAutoFocus = _f === void 0 ? false : _f, _g = _a.disableFocusLock, disableFocusLock = _g === void 0 ? false : _g, _h = _a.disableEscapeKeyDown, disableEscapeKeyDown = _h === void 0 ? false : _h, _j = _a.disableRestoreFocus, disableRestoreFocus = _j === void 0 ? false : _j, _k = _a.disableBlockingScroll, disableBlockingScroll = _k === void 0 ? false : _k, _l = _a.keepMounted, keepMounted = _l === void 0 ? false : _l, className = _a.className, contentClassName = _a.contentClassName, wrapperProps = _a.wrapperProps, contentProps = _a.contentProps, componentDivProps = _a.componentDivProps, wrapperClassName = _a.wrapperClassName, onBackdropClick = _a.onBackdropClick, onClose = _a.onClose, onEscapeKeyDown = _a.onEscapeKeyDown, onMount = _a.onMount, onUnmount = _a.onUnmount, dataTestId = _a.dataTestId, _m = _a.zIndex, zIndex = _m === void 0 ? stackContext.stackingOrder.MODAL : _m, _o = _a.componentRef, componentRef = _o === void 0 ? null : _o, _p = _a.usePortal, usePortal = _p === void 0 ? true : _p, _q = _a.iOSLock, iOSLock = _q === void 0 ? false : _q;
     var _r = React.useState(null), exited = _r[0], setExited = _r[1];
     var _s = React.useState(false), hasScroll = _s[0], setHasScroll = _s[1];
     var _t = React.useState(false), hasHeader = _t[0], setHasHeader = _t[1];

package/base-modal/cssm/Component.js

@@ -11,6 +11,7 @@ var coreComponentsBackdrop = require('../../backdrop/cssm');
 var coreComponentsPortal = require('../../portal/cssm');
 var coreComponentsShared = require('../../shared/cssm');
 var coreComponentsStack = require('../../stack/cssm');
+var stackContext = require('@alfalab/stack-context');
 var helpers_lockScroll = require('./helpers/lockScroll.js');
 var utils = require('./utils.js');
 var styles = require('./index.module.css');
@@ -41,7 +42,7 @@ var BaseModalContext = React__default.default.createContext({
     onClose: function () { return null; },
 });
 var BaseModal = React.forwardRef(function (_a, ref) {
-    var open = _a.open, container = _a.container, children = _a.children, _b = _a.scrollHandler, scrollHandler = _b === void 0 ? 'wrapper' : _b, _c = _a.Backdrop, Backdrop = _c === void 0 ? coreComponentsBackdrop.Backdrop : _c, _d = _a.backdropProps, backdropProps = _d === void 0 ? {} : _d, _e = _a.transitionProps, transitionProps = _e === void 0 ? {} : _e, disableBackdropClick = _a.disableBackdropClick, _f = _a.disableAutoFocus, disableAutoFocus = _f === void 0 ? false : _f, _g = _a.disableFocusLock, disableFocusLock = _g === void 0 ? false : _g, _h = _a.disableEscapeKeyDown, disableEscapeKeyDown = _h === void 0 ? false : _h, _j = _a.disableRestoreFocus, disableRestoreFocus = _j === void 0 ? false : _j, _k = _a.disableBlockingScroll, disableBlockingScroll = _k === void 0 ? false : _k, _l = _a.keepMounted, keepMounted = _l === void 0 ? false : _l, className = _a.className, contentClassName = _a.contentClassName, wrapperProps = _a.wrapperProps, contentProps = _a.contentProps, componentDivProps = _a.componentDivProps, wrapperClassName = _a.wrapperClassName, onBackdropClick = _a.onBackdropClick, onClose = _a.onClose, onEscapeKeyDown = _a.onEscapeKeyDown, onMount = _a.onMount, onUnmount = _a.onUnmount, dataTestId = _a.dataTestId, _m = _a.zIndex, zIndex = _m === void 0 ? coreComponentsStack.stackingOrder.MODAL : _m, _o = _a.componentRef, componentRef = _o === void 0 ? null : _o, _p = _a.usePortal, usePortal = _p === void 0 ? true : _p, _q = _a.iOSLock, iOSLock = _q === void 0 ? false : _q;
+    var open = _a.open, container = _a.container, children = _a.children, _b = _a.scrollHandler, scrollHandler = _b === void 0 ? 'wrapper' : _b, _c = _a.Backdrop, Backdrop = _c === void 0 ? coreComponentsBackdrop.Backdrop : _c, _d = _a.backdropProps, backdropProps = _d === void 0 ? {} : _d, _e = _a.transitionProps, transitionProps = _e === void 0 ? {} : _e, disableBackdropClick = _a.disableBackdropClick, _f = _a.disableAutoFocus, disableAutoFocus = _f === void 0 ? false : _f, _g = _a.disableFocusLock, disableFocusLock = _g === void 0 ? false : _g, _h = _a.disableEscapeKeyDown, disableEscapeKeyDown = _h === void 0 ? false : _h, _j = _a.disableRestoreFocus, disableRestoreFocus = _j === void 0 ? false : _j, _k = _a.disableBlockingScroll, disableBlockingScroll = _k === void 0 ? false : _k, _l = _a.keepMounted, keepMounted = _l === void 0 ? false : _l, className = _a.className, contentClassName = _a.contentClassName, wrapperProps = _a.wrapperProps, contentProps = _a.contentProps, componentDivProps = _a.componentDivProps, wrapperClassName = _a.wrapperClassName, onBackdropClick = _a.onBackdropClick, onClose = _a.onClose, onEscapeKeyDown = _a.onEscapeKeyDown, onMount = _a.onMount, onUnmount = _a.onUnmount, dataTestId = _a.dataTestId, _m = _a.zIndex, zIndex = _m === void 0 ? stackContext.stackingOrder.MODAL : _m, _o = _a.componentRef, componentRef = _o === void 0 ? null : _o, _p = _a.usePortal, usePortal = _p === void 0 ? true : _p, _q = _a.iOSLock, iOSLock = _q === void 0 ? false : _q;
     var _r = React.useState(null), exited = _r[0], setExited = _r[1];
     var _s = React.useState(false), hasScroll = _s[0], setHasScroll = _s[1];
     var _t = React.useState(false), hasHeader = _t[0], setHasHeader = _t[1];

package/base-modal/esm/Component.js

@@ -8,7 +8,8 @@ import cn from 'classnames';
 import { Backdrop } from '../../backdrop/esm';
 import { Portal } from '../../portal/esm';
 import { os, browser } from '../../shared/esm';
-import { stackingOrder, Stack } from '../../stack/esm';
+import { Stack } from '../../stack/esm';
+import { stackingOrder } from '@alfalab/stack-context';
 import { unlockScroll, syncHeight, lockScroll } from './helpers/lockScroll.js';
 import { isScrolledToTop, isScrolledToBottom, handleContainer, restoreContainerStyles, hasScrollbar } from './utils.js';
 import './matches-polyfill.js';

package/base-modal/esm/index.js

@@ -11,6 +11,7 @@ import '../../backdrop/esm';
 import '../../portal/esm';
 import '../../shared/esm';
 import '../../stack/esm';
+import '@alfalab/stack-context';
 import './helpers/lockScroll.js';
 import './matches-polyfill.js';
 import '../../global-store/esm';

package/base-modal/modern/Component.js

@@ -7,7 +7,8 @@ import cn from 'classnames';
 import { Backdrop } from '../../backdrop/modern';
 import { Portal } from '../../portal/modern';
 import { os, browser } from '../../shared/modern';
-import { stackingOrder, Stack } from '../../stack/modern';
+import { Stack } from '../../stack/modern';
+import { stackingOrder } from '@alfalab/stack-context';
 import { unlockScroll, syncHeight, lockScroll } from './helpers/lockScroll.js';
 import { isScrolledToTop, isScrolledToBottom, handleContainer, restoreContainerStyles, hasScrollbar } from './utils.js';
 import './matches-polyfill.js';

package/base-modal/modern/index.js

@@ -10,6 +10,7 @@ import '../../backdrop/modern';
 import '../../portal/modern';
 import '../../shared/modern';
 import '../../stack/modern';
+import '@alfalab/stack-context';
 import './helpers/lockScroll.js';
 import './matches-polyfill.js';
 import '../../global-store/modern';

package/calendar-range/utils.js

@@ -1,5 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var isDayButton = function (node) { return node && node.tagName === 'BUTTON' && node.dataset.date; };
+var isDayButton = function (node) {
+    return node && node.tagName === 'BUTTON' && node.dataset.date;
+};
 
 exports.isDayButton = isDayButton;

package/gallery/components/header/Component.js

@@ -5,7 +5,7 @@ var context = require('../../context.js');
 var utils_utils = require('../../utils/utils.js');
 var utils_constants = require('../../utils/constants.js');
 var components_headerInfoBlock_Component = require('../header-info-block/Component.js');
-var components_header_buttons = require('../../buttons-36b3ca68.js');
+var components_header_buttons = require('../../buttons-2c587253.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/gallery/components/header/buttons.js

@@ -8,7 +8,7 @@ require('@alfalab/icons-glyph/ArrowsInwardMIcon');
 require('@alfalab/icons-glyph/ArrowsOutwardMIcon');
 require('@alfalab/icons-glyph/CrossMIcon');
 require('@alfalab/icons-glyph/PointerDownMIcon');
-var components_header_buttons = require('../../buttons-36b3ca68.js');
+var components_header_buttons = require('../../buttons-2c587253.js');
 
 
 

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

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

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

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

package/gallery/esm/Component.js

@@ -20,13 +20,13 @@ import '@alfalab/icons-glyph/PointerDownMIcon';
 import './components/image-preview/paths.js';
 import './components/header-info-block/Component.js';
 import './utils/split-filename.js';
-import './buttons-49e609ab.js';
+import './buttons-fb317559.js';
 import 'element-closest';
 import 'swiper';
 import 'swiper/react';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import './slide-01af06f1.js';
+import './slide-cb44c8ba.js';
 import './components/image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/gallery/esm/components/index.js

@@ -22,10 +22,10 @@ import 'swiper/react';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../slide-01af06f1.js';
+import '../slide-cb44c8ba.js';
 import './image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import './image-preview/paths.js';
 import './header-info-block/Component.js';
 import '../utils/split-filename.js';
-import '../buttons-49e609ab.js';
+import '../buttons-fb317559.js';

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

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

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

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

package/gallery/esm/index.js

@@ -23,10 +23,10 @@ import 'swiper/react';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import './slide-01af06f1.js';
+import './slide-cb44c8ba.js';
 import './components/image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import './components/image-preview/paths.js';
 import './components/header/Component.js';
 import './components/header-info-block/Component.js';
-import './buttons-49e609ab.js';
+import './buttons-fb317559.js';

package/gallery/modern/Component.js

@@ -19,13 +19,13 @@ import '@alfalab/icons-glyph/PointerDownMIcon';
 import './components/image-preview/paths.js';
 import './components/header-info-block/Component.js';
 import './utils/split-filename.js';
-import './buttons-9e01c41d.js';
+import './buttons-0d4c9cc6.js';
 import 'element-closest';
 import 'swiper';
 import 'swiper/react';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import './slide-0932c021.js';
+import './slide-3771e01f.js';
 import './components/image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 

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

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

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

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

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

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

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

@@ -19,7 +19,7 @@ import 'swiper/react';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
 import '../../utils/constants.js';
-import '../../slide-0932c021.js';
+import '../../slide-3771e01f.js';
 import '../image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 

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

@@ -19,7 +19,7 @@ import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
 import '../../utils/constants.js';
-import '../../slide-0932c021.js';
+import '../../slide-3771e01f.js';
 import '../image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import './paths.js';

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

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

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

@@ -10,7 +10,7 @@ import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
 import '../../context.js';
 import '../../utils/utils.js';
 import '../../utils/constants.js';
-import '../../slide-0932c021.js';
+import '../../slide-3771e01f.js';
 import '../../../../typography/modern';
 import './paths.js';
 import 'swiper/swiper.min.css';

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

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../typography/modern';
-export { S as Slide } from '../../slide-0932c021.js';
+export { S as Slide } from '../../slide-3771e01f.js';
 import '../../utils/utils.js';
 import '../../utils/constants.js';
 import './paths.js';

package/gallery/modern/components/index.js

@@ -21,10 +21,10 @@ import 'swiper/react';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../slide-0932c021.js';
+import '../slide-3771e01f.js';
 import './image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import './image-preview/paths.js';
 import './header-info-block/Component.js';
 import '../utils/split-filename.js';
-import '../buttons-9e01c41d.js';
+import '../buttons-0d4c9cc6.js';

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

@@ -19,7 +19,7 @@ import 'swiper/react';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../../slide-0932c021.js';
+import '../../slide-3771e01f.js';
 import '../image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import '../image-preview/paths.js';

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

@@ -20,7 +20,7 @@ import 'swiper/react';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../../slide-0932c021.js';
+import '../../slide-3771e01f.js';
 import '../image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import '../image-preview/paths.js';

package/gallery/modern/index.js

@@ -22,10 +22,10 @@ import 'swiper/react';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import './slide-0932c021.js';
+import './slide-3771e01f.js';
 import './components/image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import './components/image-preview/paths.js';
 import './components/header/Component.js';
 import './components/header-info-block/Component.js';
-import './buttons-9e01c41d.js';
+import './buttons-0d4c9cc6.js';

package/icon-button/Component.d.ts

@@ -22,6 +22,11 @@ type IconButtonProps = {
      * Дополнительный класс
      */
     className?: string;
+    /**
+     * Включает прозрачный фон
+     * @default false
+     */
+    transparentBg?: boolean;
     /**
      * Выравнивание иконки
      * @default 'center'
@@ -56,6 +61,11 @@ declare const IconButton: React.ForwardRefExoticComponent<{
      * Дополнительный класс
      */
     className?: string | undefined;
+    /**
+     * Включает прозрачный фон
+     * @default false
+     */
+    transparentBg?: boolean | undefined;
     /**
      * Выравнивание иконки
      * @default 'center'

package/icon-button/Component.js

@@ -10,13 +10,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var defaultColors = {"primary":"icon-button__primary_4tbui","secondary":"icon-button__secondary_4tbui","transparent":"icon-button__transparent_4tbui","negative":"icon-button__negative_4tbui","tertiary":"icon-button__tertiary_4tbui","component":"icon-button__component_4tbui","loader":"icon-button__loader_4tbui"};
+var defaultColors = {"primary":"icon-button__primary_4tbui","secondary":"icon-button__secondary_4tbui","transparent":"icon-button__transparent_4tbui","negative":"icon-button__negative_4tbui","tertiary":"icon-button__tertiary_4tbui","transparentBg":"icon-button__transparentBg_4tbui","component":"icon-button__component_4tbui","loader":"icon-button__loader_4tbui"};
 require('./default.css');
 
 var styles = {"size-24":"icon-button__size-24_1s5jk","size-32":"icon-button__size-32_1s5jk","size-40":"icon-button__size-40_1s5jk","size-48":"icon-button__size-48_1s5jk","size-56":"icon-button__size-56_1s5jk","iconWrapper":"icon-button__iconWrapper_1s5jk","center":"icon-button__center_1s5jk","left":"icon-button__left_1s5jk","right":"icon-button__right_1s5jk","icon":"icon-button__icon_1s5jk"};
 require('./index.css');
 
-var invertedColors = {"primary":"icon-button__primary_gkd4v","secondary":"icon-button__secondary_gkd4v","transparent":"icon-button__transparent_gkd4v","negative":"icon-button__negative_gkd4v","tertiary":"icon-button__tertiary_gkd4v","component":"icon-button__component_gkd4v","loader":"icon-button__loader_gkd4v"};
+var invertedColors = {"primary":"icon-button__primary_gkd4v","secondary":"icon-button__secondary_gkd4v","transparent":"icon-button__transparent_gkd4v","negative":"icon-button__negative_gkd4v","tertiary":"icon-button__tertiary_gkd4v","transparentBg":"icon-button__transparentBg_gkd4v","component":"icon-button__component_gkd4v","loader":"icon-button__loader_gkd4v"};
 require('./inverted.css');
 
 var colorStyles = {
@@ -35,9 +35,10 @@ var SIZE_TO_CLASSNAME_MAP = {
 };
 var IconButton = React.forwardRef(function (_a, ref) {
     var _b;
-    var className = _a.className, Icon = _a.icon, _c = _a.view, view = _c === void 0 ? 'primary' : _c, _d = _a.size, size = _d === void 0 ? 48 : _d, _e = _a.colors, colors = _e === void 0 ? 'default' : _e, _f = _a.alignIcon, alignIcon = _f === void 0 ? 'center' : _f, restProps = tslib.__rest(_a, ["className", "icon", "view", "size", "colors", "alignIcon"]);
+    var className = _a.className, Icon = _a.icon, _c = _a.view, view = _c === void 0 ? 'primary' : _c, _d = _a.size, size = _d === void 0 ? 48 : _d, _e = _a.colors, colors = _e === void 0 ? 'default' : _e, _f = _a.alignIcon, alignIcon = _f === void 0 ? 'center' : _f, _g = _a.transparentBg, transparentBg = _g === void 0 ? false : _g, restProps = tslib.__rest(_a, ["className", "icon", "view", "size", "colors", "alignIcon", "transparentBg"]);
     return (React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({}, restProps, { ref: ref, view: 'text', className: cn__default.default('cc-icon-button', className, colorStyles[colors][view], colorStyles[colors].component, (_b = {},
             _b[colorStyles[colors].loader] = restProps.loading,
+            _b[colorStyles[colors].transparentBg] = transparentBg,
             _b)), size: 's' }),
         React__default.default.createElement("span", { className: cn__default.default(styles.iconWrapper, styles[SIZE_TO_CLASSNAME_MAP[size]], styles[alignIcon]) }, React__default.default.isValidElement(Icon) ? (React__default.default.cloneElement(Icon, { className: cn__default.default(styles.icon, Icon.props.className) })) : (React__default.default.createElement(Icon, { className: styles.icon })))));
 });

package/icon-button/cssm/Component.d.ts

@@ -22,6 +22,11 @@ type IconButtonProps = {
      * Дополнительный класс
      */
     className?: string;
+    /**
+     * Включает прозрачный фон
+     * @default false
+     */
+    transparentBg?: boolean;
     /**
      * Выравнивание иконки
      * @default 'center'
@@ -56,6 +61,11 @@ declare const IconButton: React.ForwardRefExoticComponent<{
      * Дополнительный класс
      */
     className?: string | undefined;
+    /**
+     * Включает прозрачный фон
+     * @default false
+     */
+    transparentBg?: boolean | undefined;
     /**
      * Выравнивание иконки
      * @default 'center'

package/icon-button/cssm/Component.js

@@ -32,9 +32,10 @@ var SIZE_TO_CLASSNAME_MAP = {
 };
 var IconButton = React.forwardRef(function (_a, ref) {
     var _b;
-    var className = _a.className, Icon = _a.icon, _c = _a.view, view = _c === void 0 ? 'primary' : _c, _d = _a.size, size = _d === void 0 ? 48 : _d, _e = _a.colors, colors = _e === void 0 ? 'default' : _e, _f = _a.alignIcon, alignIcon = _f === void 0 ? 'center' : _f, restProps = tslib.__rest(_a, ["className", "icon", "view", "size", "colors", "alignIcon"]);
+    var className = _a.className, Icon = _a.icon, _c = _a.view, view = _c === void 0 ? 'primary' : _c, _d = _a.size, size = _d === void 0 ? 48 : _d, _e = _a.colors, colors = _e === void 0 ? 'default' : _e, _f = _a.alignIcon, alignIcon = _f === void 0 ? 'center' : _f, _g = _a.transparentBg, transparentBg = _g === void 0 ? false : _g, restProps = tslib.__rest(_a, ["className", "icon", "view", "size", "colors", "alignIcon", "transparentBg"]);
     return (React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({}, restProps, { ref: ref, view: 'text', className: cn__default.default('cc-icon-button', className, colorStyles[colors][view], colorStyles[colors].component, (_b = {},
             _b[colorStyles[colors].loader] = restProps.loading,
+            _b[colorStyles[colors].transparentBg] = transparentBg,
             _b)), size: 's' }),
         React__default.default.createElement("span", { className: cn__default.default(styles__default.default.iconWrapper, styles__default.default[SIZE_TO_CLASSNAME_MAP[size]], styles__default.default[alignIcon]) }, React__default.default.isValidElement(Icon) ? (React__default.default.cloneElement(Icon, { className: cn__default.default(styles__default.default.icon, Icon.props.className) })) : (React__default.default.createElement(Icon, { className: styles__default.default.icon })))));
 });

package/icon-button/cssm/default.module.css

@@ -12,7 +12,13 @@
     --color-light-neutral-translucent-700-press: rgba(1, 1, 12, 0.63);
     --color-light-status-negative: #ff4837;
     --color-light-status-negative-hover: #ec2d20;
-    --color-light-status-negative-press: #c7241f; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-light-status-negative-press: #c7241f;
+    --color-light-text-negative: #ec2d20;
+    --color-light-text-primary: rgba(3, 3, 6, 0.88);
+    --color-light-text-secondary: rgba(4, 4, 19, 0.55);
+    --color-light-text-tertiary: rgba(5, 8, 29, 0.38);
+    --color-light-transparent-default-hover: rgba(38, 55, 88, 0.06);
+    --color-light-transparent-default-press: rgba(30, 43, 68, 0.08); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
     --color-light-graphic-primary-alpha-30: rgba(14, 14, 14, 0.3);
     --color-light-graphic-primary-alpha-40: rgba(14, 14, 14, 0.4);
     --color-light-graphic-primary-alpha-50: rgba(14, 14, 14, 0.5);
@@ -88,7 +94,31 @@
             color: var(--icon-button-tertiary-hover-color);
         } :global(.cc-icon-button).tertiary:active {
             color: var(--icon-button-tertiary-active-color);
-        } :global(.cc-icon-button).component:disabled.primary {
+        } :global(.cc-icon-button).transparentBg.primary {
+            color: var(--color-light-text-primary)
+        } :global(.cc-icon-button).transparentBg.primary:hover {
+                background: var(--color-light-transparent-default-hover);
+            } :global(.cc-icon-button).transparentBg.primary:active {
+                background: var(--color-light-transparent-default-press);
+            } :global(.cc-icon-button).transparentBg.secondary {
+            color: var(--color-light-text-secondary)
+        } :global(.cc-icon-button).transparentBg.secondary:hover {
+                background: var(--color-light-transparent-default-hover);
+            } :global(.cc-icon-button).transparentBg.secondary:active {
+                background: var(--color-light-transparent-default-press);
+            } :global(.cc-icon-button).transparentBg.negative {
+            color: var(--color-light-text-negative)
+        } :global(.cc-icon-button).transparentBg.negative:hover {
+                background: var(--color-light-transparent-default-hover);
+            } :global(.cc-icon-button).transparentBg.negative:active {
+                background: var(--color-light-transparent-default-press);
+            } :global(.cc-icon-button).transparentBg.tertiary {
+            color: var(--color-light-text-tertiary)
+        } :global(.cc-icon-button).transparentBg.tertiary:hover {
+                background: var(--color-light-transparent-default-hover);
+            } :global(.cc-icon-button).transparentBg.tertiary:active {
+                background: var(--color-light-transparent-default-press);
+            } :global(.cc-icon-button).component:disabled.primary {
             color: var(--icon-button-primary-disabled-color)
         } :global(.cc-icon-button).component:disabled.primary.loader {
                 color: var(--icon-button-primary-base-color);
@@ -104,4 +134,6 @@
             color: var(--icon-button-tertiary-disabled-color)
         } :global(.cc-icon-button).component:disabled.tertiary.loader {
                 color: var(--icon-button-tertiary-base-color);
-            }
+            } :global(.cc-icon-button).component:disabled.transparentBg {
+            background: transparent;
+        }