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

package/modal/modern/Component.mobile.js

@@ -9,7 +9,7 @@ import '../../icon-button/modern';
 import { Closer } from './components/closer/Component.js';
 import './components/content/Component.js';
 import './components/footer/Component.js';
-import { t as transitions } from './transitions.module-ede37b84.js';
+import { t as transitions } from './transitions.module-c1fe9f04.js';
 import { HeaderMobile } from './components/header/Component.mobile.js';
 import { ContentMobile } from './components/content/Component.mobile.js';
 import { FooterMobile } from './components/footer/Component.mobile.js';

package/modal/modern/Component.responsive.js

@@ -14,7 +14,7 @@ import './components/content/Component.js';
 import './components/content/Component.desktop.js';
 import './components/footer/Component.js';
 import './components/footer/Component.desktop.js';
-import './transitions.module-ede37b84.js';
+import './transitions.module-c1fe9f04.js';
 import { ModalDesktop } from './Component.desktop.js';
 import './components/header/Component.mobile.js';
 import './components/content/Component.mobile.js';

package/modal/modern/desktop.js

@@ -12,5 +12,5 @@ import './components/content/Component.js';
 import './components/content/Component.desktop.js';
 import './components/footer/Component.js';
 import './components/footer/Component.desktop.js';
-import './transitions.module-ede37b84.js';
+import './transitions.module-c1fe9f04.js';
 export { ModalDesktop } from './Component.desktop.js';

package/modal/modern/index.js

@@ -14,7 +14,7 @@ import './components/content/Component.js';
 import './components/content/Component.desktop.js';
 import './components/footer/Component.js';
 import './components/footer/Component.desktop.js';
-import './transitions.module-ede37b84.js';
+import './transitions.module-c1fe9f04.js';
 import './Component.desktop.js';
 import './components/header/Component.mobile.js';
 import './components/content/Component.mobile.js';

package/modal/modern/mobile.js

@@ -9,7 +9,7 @@ import '../../icon-button/modern';
 import './components/closer/Component.js';
 import './components/content/Component.js';
 import './components/footer/Component.js';
-import './transitions.module-ede37b84.js';
+import './transitions.module-c1fe9f04.js';
 import './components/header/Component.mobile.js';
 import './components/content/Component.mobile.js';
 import './components/footer/Component.mobile.js';

package/modal/modern/responsive.js

@@ -14,7 +14,7 @@ import './components/content/Component.js';
 import './components/content/Component.desktop.js';
 import './components/footer/Component.js';
 import './components/footer/Component.desktop.js';
-import './transitions.module-ede37b84.js';
+import './transitions.module-c1fe9f04.js';
 import './Component.desktop.js';
 import './components/header/Component.mobile.js';
 import './components/content/Component.mobile.js';

package/modal/responsive.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-deef124c.js');
+require('./tslib.es6-aea50108.js');
 require('react');
 require('classnames');
 require('../base-modal');
@@ -16,7 +16,7 @@ require('./components/content/Component.desktop.js');
 require('./components/footer/Component.js');
 require('./components/footer/Component.desktop.js');
 require('./Component.desktop.js');
-require('./transitions.module-921b8e9a.js');
+require('./transitions.module-28369e65.js');
 require('@alfalab/icons-glyph/CrossMIcon');
 require('./components/header/Component.mobile.js');
 require('./components/content/Component.mobile.js');

package/notification/cssm/Component.js

@@ -9,6 +9,7 @@ var coreComponentsPortal = require('../../portal/cssm');
 var coreComponentsToastPlate = require('../../toast-plate/cssm');
 var coreComponentsStack = require('../../stack/cssm');
 var utils_index = require('./utils/index.js');
+var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -16,6 +17,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
 var elementClosest__default = /*#__PURE__*/_interopDefaultLegacy(elementClosest);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -56,9 +58,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = require("./index.module.css");
-
-var notificationClassNameSelector = "." + styles.notificationComponent;
+var notificationClassNameSelector = "." + styles__default['default'].notificationComponent;
 var Notification = React.forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, visible = _a.visible, _b = _a.offset, offset = _b === void 0 ? 108 : _b, _c = _a.hasCloser, hasCloser = _c === void 0 ? true : _c, _d = _a.autoCloseDelay, autoCloseDelay = _d === void 0 ? 5000 : _d, _e = _a.usePortal, usePortal = _e === void 0 ? true : _e, _f = _a.zIndex, zIndex = _f === void 0 ? coreComponentsStack.stackingOrder.TOAST : _f, style = _a.style, onClose = _a.onClose, onCloseTimeout = _a.onCloseTimeout, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onClickOutside = _a.onClickOutside, restProps = __rest(_a, ["className", "children", "visible", "offset", "hasCloser", "autoCloseDelay", "usePortal", "zIndex", "style", "onClose", "onCloseTimeout", "onMouseEnter", "onMouseLeave", "onClickOutside"]);
     var notificationRef = React.useRef(null);
@@ -133,10 +133,10 @@ var Notification = React.forwardRef(function (_a, ref) {
         var _a;
         return (React__default['default'].createElement(Wrapper, null,
             React__default['default'].createElement("div", __assign({}, swipeableHandlers),
-                React__default['default'].createElement(coreComponentsToastPlate.ToastPlate, __assign({ className: cn__default['default'](styles.notificationComponent, (_a = {},
-                        _a[styles.isVisible] = visible,
-                        _a[styles.isClosing] = isClosing,
-                        _a), className), contentClassName: styles.toastContent, style: __assign({ top: offset, zIndex: computedZIndex }, style), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ref: mergeRefs__default['default']([ref, notificationRef]), role: visible ? 'alert' : undefined, hasCloser: hasCloser, onClose: onClose }, restProps), children))));
+                React__default['default'].createElement(coreComponentsToastPlate.ToastPlate, __assign({ className: cn__default['default'](styles__default['default'].notificationComponent, (_a = {},
+                        _a[styles__default['default'].isVisible] = visible,
+                        _a[styles__default['default'].isClosing] = isClosing,
+                        _a), className), contentClassName: styles__default['default'].toastContent, style: __assign({ top: offset, zIndex: computedZIndex }, style), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ref: mergeRefs__default['default']([ref, notificationRef]), role: visible ? 'alert' : undefined, hasCloser: hasCloser, onClose: onClose }, restProps), children))));
     }));
 });
 /**

package/notification/cssm/index.js

@@ -10,6 +10,7 @@ require('../../portal/cssm');
 require('../../toast-plate/cssm');
 require('../../stack/cssm');
 require('./utils/index.js');
+require('./index.module.css');
 
 
 

package/notification-manager/cssm/component.js

@@ -6,26 +6,26 @@ var cn = require('classnames');
 var reactTransitionGroup = require('react-transition-group');
 var coreComponentsPortal = require('../../portal/cssm');
 var coreComponentsStack = require('../../stack/cssm');
+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 = require("./index.module.css");
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var CSS_TRANSITION_CLASS_NAMES = {
-    enter: styles.enter,
-    enterActive: styles.enterActive,
-    exit: styles.exit,
-    exitActive: styles.exitActive,
+    enter: styles__default['default'].enter,
+    enterActive: styles__default['default'].enterActive,
+    exit: styles__default['default'].exit,
+    exitActive: styles__default['default'].exitActive,
 };
 var NotificationManager = React.forwardRef(function (_a, ref) {
     var notifications = _a.notifications, className = _a.className, dataTestId = _a.dataTestId, _b = _a.zIndex, zIndex = _b === void 0 ? coreComponentsStack.stackingOrder.TOAST : _b, _c = _a.style, style = _c === void 0 ? {} : _c, onRemoveNotification = _a.onRemoveNotification, restProps = components_notification_component.__rest(_a, ["notifications", "className", "dataTestId", "zIndex", "style", "onRemoveNotification"]);
     return (React__default['default'].createElement(coreComponentsStack.Stack, { value: zIndex }, function (computedZIndex) { return (React__default['default'].createElement(coreComponentsPortal.Portal, null,
-        React__default['default'].createElement("div", components_notification_component.__assign({ className: cn__default['default'](styles.component, className), ref: ref, "data-test-id": dataTestId, style: components_notification_component.__assign({ zIndex: computedZIndex }, style) }, restProps),
+        React__default['default'].createElement("div", components_notification_component.__assign({ className: cn__default['default'](styles__default['default'].component, className), ref: ref, "data-test-id": dataTestId, style: components_notification_component.__assign({ zIndex: computedZIndex }, style) }, restProps),
             React__default['default'].createElement(reactTransitionGroup.TransitionGroup, null, notifications.map(function (element) { return (React__default['default'].createElement(reactTransitionGroup.CSSTransition, { key: element.props.id, timeout: 400, classNames: CSS_TRANSITION_CLASS_NAMES, unmountOnExit: true },
-                React__default['default'].createElement(components_notification_component.Notification, { element: element, className: styles.notification, onRemoveNotification: onRemoveNotification }))); }))))); }));
+                React__default['default'].createElement(components_notification_component.Notification, { element: element, className: styles__default['default'].notification, onRemoveNotification: onRemoveNotification }))); }))))); }));
 });
 
 exports.NotificationManager = NotificationManager;

package/notification-manager/cssm/index.js

@@ -6,6 +6,7 @@ require('classnames');
 require('react-transition-group');
 require('../../portal/cssm');
 require('../../stack/cssm');
+require('./index.module.css');
 var component = require('./component.js');
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfalab/core-components",
-  "version": "26.5.2-beta.1",
+  "version": "26.5.2-beta.10",
   "license": "MIT",
   "repository": {
     "type": "git",

package/pagination/cssm/Component.js

@@ -6,14 +6,18 @@ var ChevronBackMIcon = require('@alfalab/icons-glyph/ChevronBackMIcon');
 var ChevronForwardMIcon = require('@alfalab/icons-glyph/ChevronForwardMIcon');
 var components_tag_index = require('./components/tag/index.js');
 require('../../tag/cssm');
-var index_module = require('./index.module-c2d8412c.js');
+require('./components/tag/index.module.css');
+require('./components/default-view/index.module.css');
 var components_defaultView_index = require('./components/default-view/index.js');
+require('./components/per-page-view/index.module.css');
 var components_perPageView_index = require('./components/per-page-view/index.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 Pagination = function (_a) {
     var _b = _a.currentPageIndex, currentPageIndex = _b === void 0 ? 0 : _b, pagesCount = _a.pagesCount, className = _a.className, _c = _a.sidePadding, sidePadding = _c === void 0 ? 1 : _c, _d = _a.activePadding, activePadding = _d === void 0 ? 2 : _d, _e = _a.hideArrows, hideArrows = _e === void 0 ? true : _e, _f = _a.view, view = _f === void 0 ? 'default' : _f, _g = _a.onPageChange, onPageChange = _g === void 0 ? function () { return null; } : _g, dataTestId = _a.dataTestId;
@@ -28,11 +32,11 @@ var Pagination = function (_a) {
     };
     var shouldRenderPrevArrow = view === 'per-page' || !hideArrows || currentPageIndex > 0;
     var shouldRenderNextArrow = view === 'per-page' || !hideArrows || currentPageIndex < pagesCount - 1;
-    return (React__default['default'].createElement("div", { className: cn__default['default'](index_module.styles.component, className, index_module.styles[view]), "data-test-id": dataTestId },
-        shouldRenderPrevArrow && (React__default['default'].createElement(components_tag_index.Tag, { className: index_module.styles.arrow, disabled: currentPageIndex <= 0, onClick: handlePrevPageClick, rightAddons: React__default['default'].createElement(ChevronBackMIcon.ChevronBackMIcon, { width: 16, height: 16 }) })),
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, className, styles__default['default'][view]), "data-test-id": dataTestId },
+        shouldRenderPrevArrow && (React__default['default'].createElement(components_tag_index.Tag, { className: styles__default['default'].arrow, disabled: currentPageIndex <= 0, onClick: handlePrevPageClick, rightAddons: React__default['default'].createElement(ChevronBackMIcon.ChevronBackMIcon, { width: 16, height: 16 }) })),
         view === 'default' && (React__default['default'].createElement(components_defaultView_index.DefaultView, { activePadding: activePadding, sidePadding: sidePadding, currentPageIndex: currentPageIndex, pagesCount: pagesCount, onPageChange: handlePageClick })),
         view === 'per-page' && (React__default['default'].createElement(components_perPageView_index.PerPageView, { currentPageIndex: currentPageIndex, pagesCount: pagesCount })),
-        shouldRenderNextArrow && (React__default['default'].createElement(components_tag_index.Tag, { className: index_module.styles.arrow, disabled: currentPageIndex >= pagesCount - 1, onClick: handleNextPageClick, rightAddons: React__default['default'].createElement(ChevronForwardMIcon.ChevronForwardMIcon, { width: 16, height: 16 }) }))));
+        shouldRenderNextArrow && (React__default['default'].createElement(components_tag_index.Tag, { className: styles__default['default'].arrow, disabled: currentPageIndex >= pagesCount - 1, onClick: handleNextPageClick, rightAddons: React__default['default'].createElement(ChevronForwardMIcon.ChevronForwardMIcon, { width: 16, height: 16 }) }))));
 };
 
 exports.Pagination = Pagination;

package/pagination/cssm/components/default-view/index.js

@@ -4,11 +4,13 @@ var React = require('react');
 require('classnames');
 var components_tag_index = require('../tag/index.js');
 require('../../../../tag/cssm');
-var index_module = require('../../index.module-c2d8412c.js');
+require('../tag/index.module.css');
+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 styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var DefaultView = function (_a) {
     var _b = _a.sidePadding, sidePadding = _b === void 0 ? 2 : _b, _c = _a.activePadding, activePadding = _c === void 0 ? 1 : _c, pagesCount = _a.pagesCount, currentPageIndex = _a.currentPageIndex, _d = _a.onPageChange, onPageChange = _d === void 0 ? function () { return null; } : _d;
@@ -42,7 +44,7 @@ var DefaultView = function (_a) {
         .map(function (_, i) {
         var pageIndex = getPageIndex(i);
         if (pageIndex === null) {
-            return (React__default['default'].createElement("div", { key: i.toString(), className: index_module.styles.dots }, "..."));
+            return (React__default['default'].createElement("div", { key: i.toString(), className: styles__default['default'].dots }, "..."));
         }
         var active = currentPageIndex === pageIndex;
         return (React__default['default'].createElement(components_tag_index.Tag, { key: i.toString(), checked: active, disabled: active, onClick: function () { return onPageChange(pageIndex); } }, pageIndex + 1));

package/pagination/cssm/components/per-page-view/index.js

@@ -1,15 +1,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-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 styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var PerPageView = function (_a) {
     var pagesCount = _a.pagesCount, currentPageIndex = _a.currentPageIndex;
-    return (React__default['default'].createElement("span", { className: index_module.styles.component },
+    return (React__default['default'].createElement("span", { className: styles__default['default'].component },
         currentPageIndex + 1,
         " \u0438\u0437 ",
         pagesCount,

package/pagination/cssm/components/tag/index.js

@@ -3,12 +3,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsTag = require('../../../../tag/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);
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -52,7 +53,7 @@ function __rest(s, e) {
 var Tag = function (_a) {
     var _b;
     var className = _a.className, checked = _a.checked, restProps = __rest(_a, ["className", "checked"]);
-    return (React__default['default'].createElement(coreComponentsTag.Tag, __assign({}, restProps, { checked: checked, size: 'xxs', className: cn__default['default'](className, index_module.styles.tag, (_b = {}, _b[index_module.styles.checked] = checked, _b)) })));
+    return (React__default['default'].createElement(coreComponentsTag.Tag, __assign({}, restProps, { checked: checked, size: 'xxs', className: cn__default['default'](className, styles__default['default'].tag, (_b = {}, _b[styles__default['default'].checked] = checked, _b)) })));
 };
 
 exports.Tag = Tag;

package/pagination/cssm/index.js

@@ -6,9 +6,12 @@ require('@alfalab/icons-glyph/ChevronBackMIcon');
 require('@alfalab/icons-glyph/ChevronForwardMIcon');
 require('./components/tag/index.js');
 require('../../tag/cssm');
-require('./index.module-c2d8412c.js');
+require('./components/tag/index.module.css');
+require('./components/default-view/index.module.css');
 require('./components/default-view/index.js');
+require('./components/per-page-view/index.module.css');
 require('./components/per-page-view/index.js');
+require('./index.module.css');
 var Component = require('./Component.js');
 
 

package/password-input/cssm/component.js

@@ -6,11 +6,13 @@ var coreComponentsInput = require('../../input/cssm');
 var coreComponentsIconButton = require('../../icon-button/cssm');
 var EyeMIcon = require('@alfalab/icons-glyph/EyeMIcon');
 var EyeOffMIcon = require('@alfalab/icons-glyph/EyeOffMIcon');
+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);
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -51,8 +53,6 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = require("./index.module.css");
-
 var PasswordInput = React.forwardRef(function (_a, ref) {
     var onPasswordVisibleChange = _a.onPasswordVisibleChange, passwordVisible = _a.passwordVisible, disabled = _a.disabled, colors = _a.colors, rightAddons = _a.rightAddons, _b = _a.size, size = _b === void 0 ? 's' : _b, className = _a.className, restProps = __rest(_a, ["onPasswordVisibleChange", "passwordVisible", "disabled", "colors", "rightAddons", "size", "className"]);
     var uncontrolled = passwordVisible === undefined;
@@ -66,9 +66,9 @@ var PasswordInput = React.forwardRef(function (_a, ref) {
         }
     }, [passwordVisible, uncontrolled, onPasswordVisibleChange]);
     var isPasswordVisible = uncontrolled ? statePasswordVisible : passwordVisible;
-    return (React__default['default'].createElement(coreComponentsInput.Input, __assign({}, restProps, { disabled: disabled, type: isPasswordVisible ? 'text' : 'password', size: size, ref: ref, colors: colors, className: cn__default['default'](className, styles[size]), rightAddons: React__default['default'].createElement(React__default['default'].Fragment, null,
+    return (React__default['default'].createElement(coreComponentsInput.Input, __assign({}, restProps, { disabled: disabled, type: isPasswordVisible ? 'text' : 'password', size: size, ref: ref, colors: colors, className: cn__default['default'](className, styles__default['default'][size]), rightAddons: React__default['default'].createElement(React__default['default'].Fragment, null,
             rightAddons,
-            React__default['default'].createElement(coreComponentsIconButton.IconButton, { className: styles.eye, colors: colors, view: 'secondary', size: 's', icon: isPasswordVisible ? EyeMIcon.EyeMIcon : EyeOffMIcon.EyeOffMIcon, onClick: handleButtonClick, disabled: disabled })), addonsClassName: styles.addons, inputClassName: styles.input })));
+            React__default['default'].createElement(coreComponentsIconButton.IconButton, { className: styles__default['default'].eye, colors: colors, view: 'secondary', size: 's', icon: isPasswordVisible ? EyeMIcon.EyeMIcon : EyeOffMIcon.EyeOffMIcon, onClick: handleButtonClick, disabled: disabled })), addonsClassName: styles__default['default'].addons, inputClassName: styles__default['default'].input })));
 });
 
 exports.PasswordInput = PasswordInput;

package/password-input/cssm/index.js

@@ -7,6 +7,7 @@ require('../../input/cssm');
 require('../../icon-button/cssm');
 require('@alfalab/icons-glyph/EyeMIcon');
 require('@alfalab/icons-glyph/EyeOffMIcon');
+require('./index.module.css');
 
 
 

package/phone-input/cssm/utils/index.js

@@ -4,11 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
  * Удаляет форматирование номера телефона
  * @param phone Номер телефона
  */
-var deleteFormatting = function (phone) { return phone
-    .replace('+', '')
-    .replace(/^7/, '')
-    .replace(/\s/g, '')
-    .replace(/-/g, ''); };
+var deleteFormatting = function (phone) {
+    return phone
+        .replace('+', '')
+        .replace(/^7/, '')
+        .replace(/\s/g, '')
+        .replace(/-/g, '');
+};
 function setCaretPosition(_a) {
     var position = _a.position, inputRef = _a.inputRef;
     window.requestAnimationFrame(function () {

package/phone-input/utils/index.js

@@ -4,11 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
  * Удаляет форматирование номера телефона
  * @param phone Номер телефона
  */
-var deleteFormatting = function (phone) { return phone
-    .replace('+', '')
-    .replace(/^7/, '')
-    .replace(/\s/g, '')
-    .replace(/-/g, ''); };
+var deleteFormatting = function (phone) {
+    return phone
+        .replace('+', '')
+        .replace(/^7/, '')
+        .replace(/\s/g, '')
+        .replace(/-/g, '');
+};
 function setCaretPosition(_a) {
     var position = _a.position, inputRef = _a.inputRef;
     window.requestAnimationFrame(function () {

package/picker-button/Component.d.ts

@@ -21,7 +21,7 @@ type PickerButtonProps = Omit<BaseSelectProps, 'Field' | 'placeholder' | 'Arrow'
      */
     variant?: PickerButtonVariant;
 };
-declare const PickerButton: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "className" | "dataTestId" | "label" | "block" | "id" | "onBlur" | "onChange" | "onScroll" | "disabled" | "name" | "preventFlip" | "popperClassName" | "open" | "fieldClassName" | "error" | "valueRenderer" | "Optgroup" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("../button").ComponentProps & React.AnchorHTMLAttributes<HTMLAnchorElement>> | Partial<import("../button").ComponentProps & React.ButtonHTMLAttributes<HTMLButtonElement>>, "view" | "leftAddons" | "rightAddons" | "loading"> & {
+declare const PickerButton: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "className" | "dataTestId" | "label" | "block" | "id" | "onBlur" | "onChange" | "onScroll" | "disabled" | "name" | "fieldClassName" | "error" | "preventFlip" | "popperClassName" | "open" | "valueRenderer" | "Optgroup" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("../button").ComponentProps & React.AnchorHTMLAttributes<HTMLAnchorElement>> | Partial<import("../button").ComponentProps & React.ButtonHTMLAttributes<HTMLButtonElement>>, "view" | "leftAddons" | "rightAddons" | "loading"> & {
     options: (OptionShape & {
         /**
          * Иконка, отображающаяся слева от текстового представления пункта

package/picker-button/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-cbdcd4b3.js');
+var tslib_es6 = require('./tslib.es6-20d48855.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsSelect = require('../select');

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

@@ -21,7 +21,7 @@ type PickerButtonProps = Omit<BaseSelectProps, 'Field' | 'placeholder' | 'Arrow'
      */
     variant?: PickerButtonVariant;
 };
-declare const PickerButton: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "className" | "dataTestId" | "label" | "block" | "id" | "onBlur" | "onChange" | "onScroll" | "disabled" | "name" | "fieldClassName" | "error" | "preventFlip" | "popperClassName" | "open" | "valueRenderer" | "Optgroup" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("../../button").ComponentProps & React.AnchorHTMLAttributes<HTMLAnchorElement>> | Partial<import("../../button").ComponentProps & React.ButtonHTMLAttributes<HTMLButtonElement>>, "view" | "leftAddons" | "rightAddons" | "loading"> & {
+declare const PickerButton: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "className" | "dataTestId" | "label" | "block" | "id" | "onBlur" | "onChange" | "onScroll" | "disabled" | "name" | "preventFlip" | "popperClassName" | "open" | "fieldClassName" | "error" | "valueRenderer" | "Optgroup" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("../../button").ComponentProps & React.AnchorHTMLAttributes<HTMLAnchorElement>> | Partial<import("../../button").ComponentProps & React.ButtonHTMLAttributes<HTMLButtonElement>>, "view" | "leftAddons" | "rightAddons" | "loading"> & {
     options: (OptionShape & {
         /**
          * Иконка, отображающаяся слева от текстового представления пункта

package/picker-button/cssm/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index_module = require('./index.module-67bfda30.js');
+var tslib_es6 = require('./tslib.es6-ce870b46.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsSelect = require('../../select/cssm');
@@ -10,20 +10,24 @@ require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
 require('@alfalab/icons-glyph/MoreMIcon');
 require('@alfalab/icons-glyph/MoreSIcon');
 require('./utils/index.js');
+require('./field/index.module.css');
 var field_Component = require('./field/Component.js');
+require('./option/index.module.css');
 var option_Component = require('./option/Component.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 SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
 var PickerButton = React.forwardRef(function (_a, ref) {
     var _b;
-    var _c = _a.OptionsList, OptionsList = _c === void 0 ? coreComponentsSelect.OptionsList : _c, _d = _a.Optgroup, Optgroup = _d === void 0 ? coreComponentsSelect.Optgroup : _d, _e = _a.Option, Option = _e === void 0 ? option_Component.Option : _e, view = _a.view, loading = _a.loading, _f = _a.size, size = _f === void 0 ? 'm' : _f, _g = _a.variant, variant = _g === void 0 ? 'default' : _g, className = _a.className, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, popperClassName = _a.popperClassName, optionsListClassName = _a.optionsListClassName, optionClassName = _a.optionClassName, restProps = index_module.__rest(_a, ["OptionsList", "Optgroup", "Option", "view", "loading", "size", "variant", "className", "leftAddons", "rightAddons", "popperClassName", "optionsListClassName", "optionClassName"]);
+    var _c = _a.OptionsList, OptionsList = _c === void 0 ? coreComponentsSelect.OptionsList : _c, _d = _a.Optgroup, Optgroup = _d === void 0 ? coreComponentsSelect.Optgroup : _d, _e = _a.Option, Option = _e === void 0 ? option_Component.Option : _e, view = _a.view, loading = _a.loading, _f = _a.size, size = _f === void 0 ? 'm' : _f, _g = _a.variant, variant = _g === void 0 ? 'default' : _g, className = _a.className, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, popperClassName = _a.popperClassName, optionsListClassName = _a.optionsListClassName, optionClassName = _a.optionClassName, restProps = tslib_es6.__rest(_a, ["OptionsList", "Optgroup", "Option", "view", "loading", "size", "variant", "className", "leftAddons", "rightAddons", "popperClassName", "optionsListClassName", "optionClassName"]);
     var isSideGap = !!restProps.popoverPosition && SIDE_POSITIONS.includes(restProps.popoverPosition);
-    return (React__default['default'].createElement(coreComponentsSelect.BaseSelect, index_module.__assign({}, restProps, { optionProps: { Checkmark: null }, ref: ref, Option: Option, Field: field_Component.Field, size: size === 'm' ? 'm' : 's', fieldProps: {
+    return (React__default['default'].createElement(coreComponentsSelect.BaseSelect, tslib_es6.__assign({}, restProps, { optionProps: { Checkmark: null }, ref: ref, Option: Option, Field: field_Component.Field, size: size === 'm' ? 'm' : 's', fieldProps: {
             view: view,
             loading: loading,
             /** size у select, button несовместимы */
@@ -31,9 +35,9 @@ var PickerButton = React.forwardRef(function (_a, ref) {
             buttonVariant: variant,
             leftAddons: leftAddons,
             rightAddons: rightAddons,
-        }, Optgroup: Optgroup, OptionsList: OptionsList, className: cn__default['default'](index_module.styles.container, className), popperClassName: cn__default['default'](index_module.styles.optionsPopover, popperClassName, (_b = {},
-            _b[index_module.styles.sideGap] = isSideGap,
-            _b)), optionsListClassName: cn__default['default'](index_module.styles.optionsListContainer, optionsListClassName), optionClassName: cn__default['default'](index_module.styles.option, optionClassName), selected: [], closeOnSelect: true })));
+        }, Optgroup: Optgroup, OptionsList: OptionsList, className: cn__default['default'](styles__default['default'].container, className), popperClassName: cn__default['default'](styles__default['default'].optionsPopover, popperClassName, (_b = {},
+            _b[styles__default['default'].sideGap] = isSideGap,
+            _b)), optionsListClassName: cn__default['default'](styles__default['default'].optionsListContainer, optionsListClassName), optionClassName: cn__default['default'](styles__default['default'].option, optionClassName), selected: [], closeOnSelect: true })));
 });
 
 exports.PickerButton = PickerButton;

package/picker-button/cssm/field/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index_module = require('../index.module-67bfda30.js');
+var tslib_es6 = require('../tslib.es6-ce870b46.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsButton = require('../../../button/cssm');
@@ -9,20 +9,22 @@ require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
 require('@alfalab/icons-glyph/MoreMIcon');
 require('@alfalab/icons-glyph/MoreSIcon');
 var utils_index = require('../utils/index.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 Field = function (_a) {
-    var _b = _a.buttonSize, buttonSize = _b === void 0 ? 'm' : _b, _c = _a.buttonVariant, buttonVariant = _c === void 0 ? 'default' : _c, view = _a.view, label = _a.label, open = _a.open, multiple = _a.multiple, rightAddons = _a.rightAddons, Arrow = _a.Arrow, innerProps = _a.innerProps, className = _a.className, selected = _a.selected, selectedMultiple = _a.selectedMultiple, valueRenderer = _a.valueRenderer, restProps = index_module.__rest(_a, ["buttonSize", "buttonVariant", "view", "label", "open", "multiple", "rightAddons", "Arrow", "innerProps", "className", "selected", "selectedMultiple", "valueRenderer"]);
+    var _b = _a.buttonSize, buttonSize = _b === void 0 ? 'm' : _b, _c = _a.buttonVariant, buttonVariant = _c === void 0 ? 'default' : _c, view = _a.view, label = _a.label, open = _a.open, multiple = _a.multiple, rightAddons = _a.rightAddons, Arrow = _a.Arrow, innerProps = _a.innerProps, className = _a.className, selected = _a.selected, selectedMultiple = _a.selectedMultiple, valueRenderer = _a.valueRenderer, restProps = tslib_es6.__rest(_a, ["buttonSize", "buttonVariant", "view", "label", "open", "multiple", "rightAddons", "Arrow", "innerProps", "className", "selected", "selectedMultiple", "valueRenderer"]);
     var Icon = utils_index.getIcon(buttonVariant, buttonSize);
-    var ref = innerProps.ref, restInnerProps = index_module.__rest(innerProps, ["ref"]);
-    var buttonProps = index_module.__assign(index_module.__assign({}, restProps), restInnerProps);
+    var ref = innerProps.ref, restInnerProps = tslib_es6.__rest(innerProps, ["ref"]);
+    var buttonProps = tslib_es6.__assign(tslib_es6.__assign({}, restProps), restInnerProps);
     return (React__default['default'].createElement("div", { ref: ref },
-        React__default['default'].createElement(coreComponentsButton.Button, index_module.__assign({}, buttonProps, { rightAddons: rightAddons !== null && rightAddons !== void 0 ? rightAddons : (React__default['default'].createElement("span", { className: cn__default['default'](index_module.styles.iconContainer, buttonVariant !== 'compact' && open && index_module.styles.open) },
-                React__default['default'].createElement(Icon, { "data-test-id": 'picker-button-icon' }))), block: true, view: view, size: buttonSize, className: cn__default['default'](index_module.styles.component, view === 'primary' && index_module.styles.primary, className) }), buttonVariant !== 'compact' && label)));
+        React__default['default'].createElement(coreComponentsButton.Button, tslib_es6.__assign({}, buttonProps, { rightAddons: rightAddons !== null && rightAddons !== void 0 ? rightAddons : (React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].iconContainer, buttonVariant !== 'compact' && open && styles__default['default'].open) },
+                React__default['default'].createElement(Icon, { "data-test-id": 'picker-button-icon' }))), block: true, view: view, size: buttonSize, className: cn__default['default'](styles__default['default'].component, view === 'primary' && styles__default['default'].primary, className) }), buttonVariant !== 'compact' && label)));
 };
 
 exports.Field = Field;

package/picker-button/cssm/field/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../index.module-67bfda30.js');
+require('../tslib.es6-ce870b46.js');
 require('react');
 require('classnames');
 require('../../../button/cssm');
@@ -9,6 +9,7 @@ require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
 require('@alfalab/icons-glyph/MoreMIcon');
 require('@alfalab/icons-glyph/MoreSIcon');
 require('../utils/index.js');
+require('./index.module.css');
 var field_Component = require('./Component.js');
 
 

package/picker-button/cssm/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./index.module-67bfda30.js');
+require('./tslib.es6-ce870b46.js');
 require('react');
 require('classnames');
 require('../../select/cssm');
@@ -10,8 +10,11 @@ require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
 require('@alfalab/icons-glyph/MoreMIcon');
 require('@alfalab/icons-glyph/MoreSIcon');
 require('./utils/index.js');
+require('./field/index.module.css');
 require('./field/Component.js');
+require('./option/index.module.css');
 require('./option/Component.js');
+require('./index.module.css');
 var Component = require('./Component.js');