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

package/bottom-sheet/cssm/{component-9afe7368.js → component-d1b19e73.js}

@@ -5,16 +5,19 @@ var reactDiv100vh = require('react-div-100vh');
 var reactSwipeable = require('react-swipeable');
 var coreComponentsBaseModal = require('../../base-modal/cssm');
 var coreComponentsTypography = require('../../typography/cssm');
-var index_module = require('./index.module-c2d8412c.js');
 var components_closer_Component = require('./components/closer/Component.js');
 var components_backer_Component = require('./components/backer/Component.js');
+var styles = require('./components/header/index.module.css');
 var components_footer_Component = require('./components/footer/Component.js');
 var components_swipeableBackdrop_Component = require('./components/swipeable-backdrop/Component.js');
+var styles$1 = require('./index.module.css');
 
 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__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+var styles__default$1 = /*#__PURE__*/_interopDefaultLegacy(styles$1);
 
 var Header = function (_a) {
     var _b, _c, _d, _e;
@@ -35,28 +38,28 @@ var Header = function (_a) {
         var hasLeftPart = hasBacker || leftAddons;
         var hasRightPart = hasCloser || rightAddons;
         return cn__default['default']((_a = {},
-            _a[index_module.styles.titleBigIndentHorizontal] = !sticky && titleAlignedCenter && (hasLeftPart || hasRightPart),
-            _a[index_module.styles.titleIndentLeft] = !sticky && !titleAlignedCenter && hasLeftPart,
-            _a[index_module.styles.titleIndentRight] = !sticky && !titleAlignedCenter && hasRightPart,
+            _a[styles__default['default'].titleBigIndentHorizontal] = !sticky && titleAlignedCenter && (hasLeftPart || hasRightPart),
+            _a[styles__default['default'].titleIndentLeft] = !sticky && !titleAlignedCenter && hasLeftPart,
+            _a[styles__default['default'].titleIndentRight] = !sticky && !titleAlignedCenter && hasRightPart,
             _a));
     };
-    return (React__default['default'].createElement("div", { className: cn__default['default'](index_module.styles.header, headerClassName, (_b = {},
-            _b[index_module.styles.justifyEnd] = !title,
-            _b[index_module.styles.highlighted] = headerHighlighted && sticky,
-            _b[index_module.styles.sticky] = sticky,
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].header, headerClassName, (_b = {},
+            _b[styles__default['default'].justifyEnd] = !title,
+            _b[styles__default['default'].highlighted] = headerHighlighted && sticky,
+            _b[styles__default['default'].sticky] = sticky,
             _b)) },
-        hasLeftPart && (React__default['default'].createElement("div", { className: cn__default['default'](index_module.styles.addon, addonClassName, (_c = {},
-                _c[index_module.styles.addonFixed] = !sticky,
-                _c[index_module.styles.addonLeft] = !sticky,
+        hasLeftPart && (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].addon, addonClassName, (_c = {},
+                _c[styles__default['default'].addonFixed] = !sticky,
+                _c[styles__default['default'].addonLeft] = !sticky,
                 _c)) }, hasBacker ? (React__default['default'].createElement(components_backer_Component.Backer, { className: backerClassName, onClick: onBack })) : (leftAddons))),
-        hasHeaderContent && (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: 'primary-large', weight: 'bold', className: cn__default['default'](index_module.styles.title, getTitleIndent(), (_d = {},
-                _d[index_module.styles.titleCenter] = titleAlign === 'center',
-                _d[index_module.styles.titleLeft] = titleAlign === 'left',
-                _d[index_module.styles.trimTitle] = trimTitle,
+        hasHeaderContent && (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: 'primary-large', weight: 'bold', className: cn__default['default'](styles__default['default'].title, getTitleIndent(), (_d = {},
+                _d[styles__default['default'].titleCenter] = titleAlign === 'center',
+                _d[styles__default['default'].titleLeft] = titleAlign === 'left',
+                _d[styles__default['default'].trimTitle] = trimTitle,
                 _d)), color: 'primary' }, title)),
-        hasRightPart && (React__default['default'].createElement("div", { className: cn__default['default'](index_module.styles.addon, addonClassName, (_e = {},
-                _e[index_module.styles.addonFixed] = !sticky,
-                _e[index_module.styles.addonRight] = !sticky,
+        hasRightPart && (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].addon, addonClassName, (_e = {},
+                _e[styles__default['default'].addonFixed] = !sticky,
+                _e[styles__default['default'].addonRight] = !sticky,
                 _e)) }, hasCloser ? React__default['default'].createElement(components_closer_Component.Closer, { className: closerClassName }) : rightAddons))));
 };
 
@@ -210,18 +213,18 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
             handlers: swipeable ? backdropSwipeablehandlers : false,
             opacityTimeout: TIMEOUT,
             invisible: initialHeight === 'full' ? false : hideOverlay,
-        }, disableBackdropClick: hideOverlay ? true : disableOverlayClick, className: index_module.styles.modal, transitionProps: tslib_es6.__assign(tslib_es6.__assign({ appear: true, timeout: TIMEOUT, classNames: index_module.styles }, transitionProps), { onExited: handleExited, onEntered: handleEntered }) },
-        React__default['default'].createElement("div", tslib_es6.__assign({ className: cn__default['default'](index_module.styles.component, className, (_b = {},
-                _b[index_module.styles.withTransition] = !sheetOffset,
+        }, disableBackdropClick: hideOverlay ? true : disableOverlayClick, className: styles__default$1['default'].modal, transitionProps: tslib_es6.__assign(tslib_es6.__assign({ appear: true, timeout: TIMEOUT, classNames: styles__default$1['default'] }, transitionProps), { onExited: handleExited, onEntered: handleEntered }) },
+        React__default['default'].createElement("div", tslib_es6.__assign({ className: cn__default['default'](styles__default$1['default'].component, className, (_b = {},
+                _b[styles__default$1['default'].withTransition] = !sheetOffset,
                 _b)), style: tslib_es6.__assign(tslib_es6.__assign({}, getSwipeStyles()), getHeightStyles()) }, sheetSwipeablehandlers),
-            React__default['default'].createElement("div", { className: cn__default['default'](index_module.styles.scrollableContainer, containerClassName, (_c = {},
-                    _c[index_module.styles.scrollLocked] = scrollLocked,
+            React__default['default'].createElement("div", { className: cn__default['default'](styles__default$1['default'].scrollableContainer, containerClassName, (_c = {},
+                    _c[styles__default$1['default'].scrollLocked] = scrollLocked,
                     _c)), ref: scrollableContainer },
-                swipeable && React__default['default'].createElement("div", { className: cn__default['default'](index_module.styles.marker) }),
+                swipeable && React__default['default'].createElement("div", { className: cn__default['default'](styles__default$1['default'].marker) }),
                 !hideHeader && !emptyHeader && React__default['default'].createElement(Header, tslib_es6.__assign({}, headerProps)),
-                React__default['default'].createElement("div", { className: cn__default['default'](index_module.styles.content, contentClassName, (_d = {},
-                        _d[index_module.styles.noHeader] = hideHeader || emptyHeader,
-                        _d[index_module.styles.noFooter] = !actionButton,
+                React__default['default'].createElement("div", { className: cn__default['default'](styles__default$1['default'].content, contentClassName, (_d = {},
+                        _d[styles__default$1['default'].noHeader] = hideHeader || emptyHeader,
+                        _d[styles__default$1['default'].noFooter] = !actionButton,
                         _d)) }, children),
                 actionButton && (React__default['default'].createElement(components_footer_Component.Footer, { sticky: stickyFooter, className: footerClassName }, actionButton))))));
 });

package/bottom-sheet/cssm/component.js

@@ -9,14 +9,18 @@ require('../../base-modal/cssm');
 require('../../typography/cssm');
 require('../../icon-button/cssm');
 require('@alfalab/icons-glyph/CrossMIcon');
-require('./index.module-c2d8412c.js');
+require('./components/closer/index.module.css');
 require('./components/closer/Component.js');
 require('@alfalab/icons-glyph/ArrowBackMIcon');
+require('./components/backer/index.module.css');
 require('./components/backer/Component.js');
-var components_header_Component = require('./component-9afe7368.js');
+require('./components/header/index.module.css');
+var components_header_Component = require('./component-d1b19e73.js');
+require('./components/footer/index.module.css');
 require('./components/footer/Component.js');
 require('../../backdrop/cssm');
 require('./components/swipeable-backdrop/Component.js');
+require('./index.module.css');
 
 
 

package/bottom-sheet/cssm/components/backer/Component.js

@@ -4,18 +4,19 @@ var tslib_es6 = require('../../tslib.es6-ce870b46.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsIconButton = require('../../../../icon-button/cssm');
-var index_module = require('../../index.module-c2d8412c.js');
 var ArrowBackMIcon = require('@alfalab/icons-glyph/ArrowBackMIcon');
+var styles = require('./index.module.css');
 
 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__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var Backer = function (_a) {
     var className = _a.className, _b = _a.size, size = _b === void 0 ? 'xs' : _b, _c = _a.icon, icon = _c === void 0 ? ArrowBackMIcon.ArrowBackMIcon : _c, onClick = _a.onClick, restProps = tslib_es6.__rest(_a, ["className", "size", "icon", "onClick"]);
-    return (React__default['default'].createElement("div", { className: cn__default['default'](index_module.styles.backer, className) },
-        React__default['default'].createElement(coreComponentsIconButton.IconButton, tslib_es6.__assign({ size: size, className: index_module.styles.button, "aria-label": '\u043D\u0430\u0437\u0430\u0434', onClick: onClick, icon: icon }, restProps))));
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].backer, className) },
+        React__default['default'].createElement(coreComponentsIconButton.IconButton, tslib_es6.__assign({ size: size, className: styles__default['default'].button, "aria-label": '\u043D\u0430\u0437\u0430\u0434', onClick: onClick, icon: icon }, restProps))));
 };
 
 exports.Backer = Backer;

package/bottom-sheet/cssm/components/closer/Component.js

@@ -6,12 +6,13 @@ var cn = require('classnames');
 var coreComponentsBaseModal = require('../../../../base-modal/cssm');
 var coreComponentsIconButton = require('../../../../icon-button/cssm');
 var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
-var index_module = require('../../index.module-c2d8412c.js');
+var styles = require('./index.module.css');
 
 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__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var Closer = function (_a) {
     var className = _a.className, _b = _a.size, size = _b === void 0 ? 'xs' : _b, _c = _a.icon, icon = _c === void 0 ? CrossMIcon.CrossMIcon : _c, restProps = tslib_es6.__rest(_a, ["className", "size", "icon"]);
@@ -19,8 +20,8 @@ var Closer = function (_a) {
     var handleClick = React.useCallback(function (event) {
         onClose(event, 'closerClick');
     }, [onClose]);
-    return (React__default['default'].createElement("div", { className: cn__default['default'](index_module.styles.closer, className) },
-        React__default['default'].createElement(coreComponentsIconButton.IconButton, tslib_es6.__assign({ size: size, className: index_module.styles.button, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', onClick: handleClick, icon: icon }, restProps))));
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].closer, className) },
+        React__default['default'].createElement(coreComponentsIconButton.IconButton, tslib_es6.__assign({ size: size, className: styles__default['default'].button, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', onClick: handleClick, icon: icon }, restProps))));
 };
 
 exports.Closer = Closer;

package/bottom-sheet/cssm/components/footer/Component.js

@@ -3,12 +3,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('../../../../base-modal/cssm');
-var index_module = require('../../index.module-c2d8412c.js');
+var styles = require('./index.module.css');
 
 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__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var Footer = function (_a) {
     var _b;
@@ -17,9 +18,9 @@ var Footer = function (_a) {
     React.useEffect(function () {
         setHasFooter(true);
     }, [setHasFooter]);
-    return (React__default['default'].createElement("div", { className: cn__default['default'](index_module.styles.footer, className, (_b = {},
-            _b[index_module.styles.sticky] = sticky,
-            _b[index_module.styles.highlighted] = footerHighlighted && sticky,
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].footer, className, (_b = {},
+            _b[styles__default['default'].sticky] = sticky,
+            _b[styles__default['default'].highlighted] = footerHighlighted && sticky,
             _b)) }, children));
 };
 

package/bottom-sheet/cssm/components/header/Component.js

@@ -9,14 +9,18 @@ require('../../../../base-modal/cssm');
 require('../../../../typography/cssm');
 require('../../../../icon-button/cssm');
 require('@alfalab/icons-glyph/CrossMIcon');
-require('../../index.module-c2d8412c.js');
+require('../closer/index.module.css');
 require('../closer/Component.js');
 require('@alfalab/icons-glyph/ArrowBackMIcon');
+require('../backer/index.module.css');
 require('../backer/Component.js');
-var components_header_Component = require('../../component-9afe7368.js');
+require('./index.module.css');
+var components_header_Component = require('../../component-d1b19e73.js');
+require('../footer/index.module.css');
 require('../footer/Component.js');
 require('../../../../backdrop/cssm');
 require('../swipeable-backdrop/Component.js');
+require('../../index.module.css');
 
 
 

package/bottom-sheet/cssm/index.d.ts

@@ -1 +1 @@
-export * from "./component-9afe7368";
+export * from "./component-d1b19e73";

package/bottom-sheet/cssm/index.js

@@ -9,14 +9,18 @@ require('../../base-modal/cssm');
 require('../../typography/cssm');
 require('../../icon-button/cssm');
 require('@alfalab/icons-glyph/CrossMIcon');
-require('./index.module-c2d8412c.js');
+require('./components/closer/index.module.css');
 require('./components/closer/Component.js');
 require('@alfalab/icons-glyph/ArrowBackMIcon');
+require('./components/backer/index.module.css');
 require('./components/backer/Component.js');
-var components_header_Component = require('./component-9afe7368.js');
+require('./components/header/index.module.css');
+var components_header_Component = require('./component-d1b19e73.js');
+require('./components/footer/index.module.css');
 require('./components/footer/Component.js');
 require('../../backdrop/cssm');
 require('./components/swipeable-backdrop/Component.js');
+require('./index.module.css');
 
 
 

package/bottom-sheet/esm/{component-9ca1ddf3.js → component-3424bcf4.js}

@@ -1,4 +1,4 @@
-import { _ as __assign } from './tslib.es6-ab6ac7c4.js';
+import { _ as __assign } from './tslib.es6-df126d36.js';
 import React, { useContext, useEffect, forwardRef, useState, useRef, useCallback } from 'react';
 import cn from 'classnames';
 import { use100vh } from 'react-div-100vh';

package/bottom-sheet/esm/component.js

@@ -1,4 +1,4 @@
-import './tslib.es6-ab6ac7c4.js';
+import './tslib.es6-df126d36.js';
 import 'react';
 import 'classnames';
 import 'react-div-100vh';
@@ -13,4 +13,4 @@ import './components/backer/Component.js';
 import './components/footer/Component.js';
 import '../../backdrop/esm';
 import './components/swipeable-backdrop/Component.js';
-export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-9ca1ddf3.js';
+export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-3424bcf4.js';

package/bottom-sheet/esm/components/backer/Component.js

@@ -1,4 +1,4 @@
-import { a as __rest, _ as __assign } from '../../tslib.es6-ab6ac7c4.js';
+import { a as __rest, _ as __assign } from '../../tslib.es6-df126d36.js';
 import React from 'react';
 import cn from 'classnames';
 import { IconButton } from '../../../../icon-button/esm';

package/bottom-sheet/esm/components/closer/Component.js

@@ -1,4 +1,4 @@
-import { a as __rest, _ as __assign } from '../../tslib.es6-ab6ac7c4.js';
+import { a as __rest, _ as __assign } from '../../tslib.es6-df126d36.js';
 import React, { useContext, useCallback } from 'react';
 import cn from 'classnames';
 import { BaseModalContext } from '../../../../base-modal/esm';

package/bottom-sheet/esm/components/header/Component.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-ab6ac7c4.js';
+import '../../tslib.es6-df126d36.js';
 import 'react';
 import 'classnames';
 import 'react-div-100vh';
@@ -13,4 +13,4 @@ import '../backer/Component.js';
 import '../footer/Component.js';
 import '../../../../backdrop/esm';
 import '../swipeable-backdrop/Component.js';
-export { a as Header } from '../../component-9ca1ddf3.js';
+export { a as Header } from '../../component-3424bcf4.js';

package/bottom-sheet/esm/components/swipeable-backdrop/Component.js

@@ -1,4 +1,4 @@
-import { a as __rest, _ as __assign } from '../../tslib.es6-ab6ac7c4.js';
+import { a as __rest, _ as __assign } from '../../tslib.es6-df126d36.js';
 import React from 'react';
 import { Backdrop } from '../../../../backdrop/esm';
 

package/bottom-sheet/esm/index.d.ts

@@ -1 +1 @@
-export * from "./component-9ca1ddf3";
+export * from "./component-3424bcf4";

package/bottom-sheet/esm/index.js

@@ -1,4 +1,4 @@
-import './tslib.es6-ab6ac7c4.js';
+import './tslib.es6-df126d36.js';
 import 'react';
 import 'classnames';
 import 'react-div-100vh';
@@ -13,4 +13,4 @@ import './components/backer/Component.js';
 import './components/footer/Component.js';
 import '../../backdrop/esm';
 import './components/swipeable-backdrop/Component.js';
-export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-9ca1ddf3.js';
+export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-3424bcf4.js';

package/bottom-sheet/index.d.ts

@@ -1 +1 @@
-export * from "./component-a3711f42";
+export * from "./component-6583fdb8";

package/bottom-sheet/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-edda0648.js');
+require('./tslib.es6-b7fc7b78.js');
 require('react');
 require('classnames');
 require('react-div-100vh');
@@ -12,7 +12,7 @@ require('@alfalab/icons-glyph/CrossMIcon');
 require('./components/closer/Component.js');
 require('@alfalab/icons-glyph/ArrowBackMIcon');
 require('./components/backer/Component.js');
-var components_header_Component = require('./component-a3711f42.js');
+var components_header_Component = require('./component-6583fdb8.js');
 require('./components/footer/Component.js');
 require('../backdrop');
 require('./components/swipeable-backdrop/Component.js');

package/bottom-sheet/modern/component.js

@@ -12,4 +12,4 @@ import './components/backer/Component.js';
 import './components/footer/Component.js';
 import '../../backdrop/modern';
 import './components/swipeable-backdrop/Component.js';
-export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-5bf1eb21.js';
+export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-b693d35f.js';

package/bottom-sheet/modern/components/header/Component.js

@@ -12,4 +12,4 @@ import '../backer/Component.js';
 import '../footer/Component.js';
 import '../../../../backdrop/modern';
 import '../swipeable-backdrop/Component.js';
-export { a as Header } from '../../component-5bf1eb21.js';
+export { a as Header } from '../../component-b693d35f.js';

package/bottom-sheet/modern/index.d.ts

@@ -1 +1 @@
-export * from "./component-5bf1eb21";
+export * from "./component-b693d35f";

package/bottom-sheet/modern/index.js

@@ -12,4 +12,4 @@ import './components/backer/Component.js';
 import './components/footer/Component.js';
 import '../../backdrop/modern';
 import './components/swipeable-backdrop/Component.js';
-export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-5bf1eb21.js';
+export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-b693d35f.js';

package/button/cssm/Component.js

@@ -5,12 +5,18 @@ var cn = require('classnames');
 var mergeRefs = require('react-merge-refs');
 var hooks = require('@alfalab/hooks');
 var coreComponentsLoader = require('../../loader/cssm');
+var styles = require('./index.module.css');
+var defaultColors = require('./default.module.css');
+var invertedColors = require('./inverted.module.css');
 
 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 mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+var defaultColors__default = /*#__PURE__*/_interopDefaultLegacy(defaultColors);
+var invertedColors__default = /*#__PURE__*/_interopDefaultLegacy(invertedColors);
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -51,15 +57,9 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = require("./index.module.css");
-
-var defaultColors = require("./default.module.css");
-
-var invertedColors = require("./inverted.module.css");
-
 var colorStyles = {
-    default: defaultColors,
-    inverted: invertedColors,
+    default: defaultColors__default['default'],
+    inverted: invertedColors__default['default'],
 };
 /**
  * Минимальное время отображения лоадера - 500мс,
@@ -95,25 +95,25 @@ var Button = React__default['default'].forwardRef(function (_a, ref) {
     var showLoader = loading || !loaderTimePassed;
     var iconOnly = !children;
     var componentProps = {
-        className: cn__default['default'](styles.component, styles[view], styles[size], colorStyles[colors].component, colorStyles[colors][view], (_b = {},
-            _b[styles.focused] = focused,
-            _b[styles.block] = block,
-            _b[styles.iconOnly] = iconOnly,
-            _b[styles.nowrap] = nowrap,
-            _b[styles.loading] = showLoader,
-            _b[styles.withRightAddons] = Boolean(rightAddons) && !iconOnly,
-            _b[styles.withLeftAddons] = Boolean(leftAddons) && !iconOnly,
+        className: cn__default['default'](styles__default['default'].component, styles__default['default'][view], styles__default['default'][size], colorStyles[colors].component, colorStyles[colors][view], (_b = {},
+            _b[styles__default['default'].focused] = focused,
+            _b[styles__default['default'].block] = block,
+            _b[styles__default['default'].iconOnly] = iconOnly,
+            _b[styles__default['default'].nowrap] = nowrap,
+            _b[styles__default['default'].loading] = showLoader,
+            _b[styles__default['default'].withRightAddons] = Boolean(rightAddons) && !iconOnly,
+            _b[styles__default['default'].withLeftAddons] = Boolean(leftAddons) && !iconOnly,
             _b[colorStyles[colors].loading] = showLoader,
             _b), className),
         'data-test-id': dataTestId || null,
     };
     var buttonChildren = (React__default['default'].createElement(React__default['default'].Fragment, null,
-        leftAddons && React__default['default'].createElement("span", { className: styles.addons }, leftAddons),
-        children && (React__default['default'].createElement("span", { className: cn__default['default'](styles.text, (_c = {},
-                _c[styles.stretchText] = !(leftAddons || rightAddons),
+        leftAddons && React__default['default'].createElement("span", { className: styles__default['default'].addons }, leftAddons),
+        children && (React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].text, (_c = {},
+                _c[styles__default['default'].stretchText] = !(leftAddons || rightAddons),
                 _c)) }, children)),
-        showLoader && React__default['default'].createElement(coreComponentsLoader.Loader, { className: styles.loader }),
-        rightAddons && React__default['default'].createElement("span", { className: styles.addons }, rightAddons)));
+        showLoader && React__default['default'].createElement(coreComponentsLoader.Loader, { className: styles__default['default'].loader }),
+        rightAddons && React__default['default'].createElement("span", { className: styles__default['default'].addons }, rightAddons)));
     React.useEffect(function () {
         if (loading) {
             setLoaderTimePassed(false);

package/button/cssm/index.js

@@ -6,6 +6,9 @@ require('classnames');
 require('react-merge-refs');
 require('@alfalab/hooks');
 require('../../loader/cssm');
+require('./index.module.css');
+require('./default.module.css');
+require('./inverted.module.css');
 
 
 

package/calendar/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-7662381a.js');
+var tslib_es6 = require('./tslib.es6-e2ae8bde.js');
 var React = require('react');
 var cn = require('classnames');
 var startOfDay = require('date-fns/startOfDay');

package/calendar/components/days-table/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-7662381a.js');
+var tslib_es6 = require('../../tslib.es6-e2ae8bde.js');
 var React = require('react');
 var cn = require('classnames');
 require('date-fns/startOfDay');

package/calendar/components/days-table/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-7662381a.js');
+require('../../tslib.es6-e2ae8bde.js');
 require('react');
 require('classnames');
 require('date-fns/startOfDay');

package/calendar/components/month-year-header/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-7662381a.js');
+require('../../tslib.es6-e2ae8bde.js');
 var React = require('react');
 var cn = require('classnames');
 require('date-fns/startOfDay');

package/calendar/components/month-year-header/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-7662381a.js');
+require('../../tslib.es6-e2ae8bde.js');
 require('react');
 require('classnames');
 require('date-fns/startOfDay');

package/calendar/components/months-table/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-7662381a.js');
+var tslib_es6 = require('../../tslib.es6-e2ae8bde.js');
 var React = require('react');
 require('classnames');
 require('date-fns/startOfDay');

package/calendar/components/months-table/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-7662381a.js');
+require('../../tslib.es6-e2ae8bde.js');
 require('react');
 require('classnames');
 require('date-fns/startOfDay');

package/calendar/components/select-button/Component.d.ts

@@ -19,6 +19,6 @@ declare const SelectButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttr
     /**
      * Вид кнопки
      */
-    view?: "outlined" | "filled" | "default" | "selected" | undefined;
+    view?: "selected" | "outlined" | "filled" | "default" | undefined;
 } & React.RefAttributes<HTMLButtonElement>>;
 export { SelectButtonProps, SelectButton };

package/calendar/components/select-button/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-7662381a.js');
+var tslib_es6 = require('../../tslib.es6-e2ae8bde.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsButton = require('../../../button');

package/calendar/components/select-button/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-7662381a.js');
+require('../../tslib.es6-e2ae8bde.js');
 require('react');
 require('classnames');
 require('../../../button');

package/calendar/components/years-table/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-7662381a.js');
+var tslib_es6 = require('../../tslib.es6-e2ae8bde.js');
 var React = require('react');
 require('classnames');
 require('../../../button');

package/calendar/components/years-table/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-7662381a.js');
+require('../../tslib.es6-e2ae8bde.js');
 require('react');
 require('classnames');
 require('../../../button');