@alfalab/core-components 26.5.2-beta.3 → 26.5.2-beta.4

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-24c3ffa7.js';
+import './transitions.module-6c03a352.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-8a12dfa2.js');
+require('./tslib.es6-e1ef9efb.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-c563df79.js');
+require('./transitions.module-7a313af1.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/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_notification_component = require('./component-6bffd39c.js');
+var components_notification_component = require('./component-dd729859.js');
 var React = require('react');
 var cn = require('classnames');
 var reactTransitionGroup = require('react-transition-group');

package/notification-manager/components/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_notification_component = require('../component-6bffd39c.js');
+var components_notification_component = require('../component-dd729859.js');
 require('react');
 require('classnames');
 

package/notification-manager/components/notification/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_notification_component = require('../../component-6bffd39c.js');
+var components_notification_component = require('../../component-dd729859.js');
 require('react');
 require('classnames');
 

package/notification-manager/components/notification/index.d.ts

@@ -1 +1 @@
-export * from "../../component-6bffd39c";
+export * from "../../component-dd729859";

package/notification-manager/components/notification/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_notification_component = require('../../component-6bffd39c.js');
+var components_notification_component = require('../../component-dd729859.js');
 require('react');
 require('classnames');
 

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/notification-manager/esm/component.js

@@ -1,6 +1,6 @@
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
-import { _ as __rest, a as __assign, N as Notification } from './component-fc45c094.js';
+import { _ as __rest, a as __assign, N as Notification } from './component-0e16806d.js';
 import { TransitionGroup, CSSTransition } from 'react-transition-group';
 import { Portal } from '../../portal/esm';
 import { stackingOrder, Stack } from '../../stack/esm';

package/notification-manager/esm/components/index.js

@@ -1,3 +1,3 @@
 import 'react';
 import 'classnames';
-export { N as Notification } from '../component-fc45c094.js';
+export { N as Notification } from '../component-0e16806d.js';

package/notification-manager/esm/components/notification/component.js

@@ -1,3 +1,3 @@
 import 'react';
 import 'classnames';
-export { N as Notification } from '../../component-fc45c094.js';
+export { N as Notification } from '../../component-0e16806d.js';

package/notification-manager/esm/components/notification/index.d.ts

@@ -1 +1 @@
-export * from "../../component-fc45c094";
+export * from "../../component-0e16806d";

package/notification-manager/esm/components/notification/index.js

@@ -1,3 +1,3 @@
 import 'react';
 import 'classnames';
-export { N as Notification } from '../../component-fc45c094.js';
+export { N as Notification } from '../../component-0e16806d.js';

package/notification-manager/esm/index.js

@@ -1,6 +1,6 @@
 import 'react';
 import 'classnames';
-import './component-fc45c094.js';
+import './component-0e16806d.js';
 import 'react-transition-group';
 import '../../portal/esm';
 import '../../stack/esm';

package/notification-manager/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./component-6bffd39c.js');
+require('./component-dd729859.js');
 require('react');
 require('classnames');
 require('react-transition-group');

package/package.json

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

package/pagination/Component.js

@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"pagination__component_1lz5n","default":"pagination__default_1lz5n"};
+var styles = {"component":"pagination__component_1lz5n","defaultView":"pagination__defaultView_1lz5n"};
 require('./index.css');
 
 var Pagination = function (_a) {
@@ -30,7 +30,8 @@ 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'](styles.component, className, styles[view]), "data-test-id": dataTestId },
+    var viewClassName = view === 'default' ? 'defaultView' : view;
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.component, className, styles[viewClassName]), "data-test-id": dataTestId },
         shouldRenderPrevArrow && (React__default['default'].createElement(components_tag_index.Tag, { className: styles.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 })),

package/pagination/cssm/Component.js

@@ -6,15 +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');
+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 = require("./index.module.css");
+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;
@@ -29,11 +32,12 @@ 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'](styles.component, className, styles[view]), "data-test-id": dataTestId },
-        shouldRenderPrevArrow && (React__default['default'].createElement(components_tag_index.Tag, { className: styles.arrow, disabled: currentPageIndex <= 0, onClick: handlePrevPageClick, rightAddons: React__default['default'].createElement(ChevronBackMIcon.ChevronBackMIcon, { width: 16, height: 16 }) })),
+    var viewClassName = view === 'default' ? 'defaultView' : view;
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, className, styles__default['default'][viewClassName]), "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: 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,12 +4,13 @@ var React = require('react');
 require('classnames');
 var components_tag_index = require('../tag/index.js');
 require('../../../../tag/cssm');
+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 = require("./index.module.css");
+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;
@@ -43,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: 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,16 +1,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+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 = require("./index.module.css");
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var PerPageView = function (_a) {
     var pagesCount = _a.pagesCount, currentPageIndex = _a.currentPageIndex;
-    return (React__default['default'].createElement("span", { className: 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,11 +3,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsTag = require('../../../../tag/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__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -48,12 +50,10 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = require("./index.module.css");
-
 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, styles.tag, (_b = {}, _b[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,8 +6,12 @@ require('@alfalab/icons-glyph/ChevronBackMIcon');
 require('@alfalab/icons-glyph/ChevronForwardMIcon');
 require('./components/tag/index.js');
 require('../../tag/cssm');
+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/pagination/cssm/index.module.css

@@ -23,9 +23,9 @@
     font-feature-settings: "tnum";
     font-variant-numeric: tabular-nums;
 }
-.default > * {
+.defaultView > * {
         margin-right: var(--gap-xs)
     }
-.default > *:last-child {
+.defaultView > *:last-child {
             margin-right: 0;
         }

package/pagination/esm/Component.js

@@ -7,7 +7,7 @@ import { Tag } from './components/tag/index.js';
 import { DefaultView } from './components/default-view/index.js';
 import { PerPageView } from './components/per-page-view/index.js';
 
-var styles = {"component":"pagination__component_1lz5n","default":"pagination__default_1lz5n"};
+var styles = {"component":"pagination__component_1lz5n","defaultView":"pagination__defaultView_1lz5n"};
 require('./index.css');
 
 var Pagination = function (_a) {
@@ -23,7 +23,8 @@ var Pagination = function (_a) {
     };
     var shouldRenderPrevArrow = view === 'per-page' || !hideArrows || currentPageIndex > 0;
     var shouldRenderNextArrow = view === 'per-page' || !hideArrows || currentPageIndex < pagesCount - 1;
-    return (React.createElement("div", { className: cn(styles.component, className, styles[view]), "data-test-id": dataTestId },
+    var viewClassName = view === 'default' ? 'defaultView' : view;
+    return (React.createElement("div", { className: cn(styles.component, className, styles[viewClassName]), "data-test-id": dataTestId },
         shouldRenderPrevArrow && (React.createElement(Tag, { className: styles.arrow, disabled: currentPageIndex <= 0, onClick: handlePrevPageClick, rightAddons: React.createElement(ChevronBackMIcon, { width: 16, height: 16 }) })),
         view === 'default' && (React.createElement(DefaultView, { activePadding: activePadding, sidePadding: sidePadding, currentPageIndex: currentPageIndex, pagesCount: pagesCount, onPageChange: handlePageClick })),
         view === 'per-page' && (React.createElement(PerPageView, { currentPageIndex: currentPageIndex, pagesCount: pagesCount })),

package/pagination/esm/index.css

@@ -24,9 +24,9 @@
     font-feature-settings: "tnum";
     font-variant-numeric: tabular-nums;
 }
-.pagination__default_1lz5n > * {
+.pagination__defaultView_1lz5n > * {
         margin-right: var(--gap-xs)
     }
-.pagination__default_1lz5n > *:last-child {
+.pagination__defaultView_1lz5n > *:last-child {
             margin-right: 0;
         }

package/pagination/index.css

@@ -24,9 +24,9 @@
     font-feature-settings: "tnum";
     font-variant-numeric: tabular-nums;
 }
-.pagination__default_1lz5n > * {
+.pagination__defaultView_1lz5n > * {
         margin-right: var(--gap-xs)
     }
-.pagination__default_1lz5n > *:last-child {
+.pagination__defaultView_1lz5n > *:last-child {
             margin-right: 0;
         }

package/pagination/modern/Component.js

@@ -7,7 +7,7 @@ import { Tag } from './components/tag/index.js';
 import { DefaultView } from './components/default-view/index.js';
 import { PerPageView } from './components/per-page-view/index.js';
 
-var styles = {"component":"pagination__component_1lz5n","default":"pagination__default_1lz5n"};
+var styles = {"component":"pagination__component_1lz5n","defaultView":"pagination__defaultView_1lz5n"};
 require('./index.css');
 
 const Pagination = ({ currentPageIndex = 0, pagesCount, className, sidePadding = 1, activePadding = 2, hideArrows = true, view = 'default', onPageChange = () => null, dataTestId, }) => {
@@ -22,7 +22,8 @@ const Pagination = ({ currentPageIndex = 0, pagesCount, className, sidePadding =
     };
     const shouldRenderPrevArrow = view === 'per-page' || !hideArrows || currentPageIndex > 0;
     const shouldRenderNextArrow = view === 'per-page' || !hideArrows || currentPageIndex < pagesCount - 1;
-    return (React.createElement("div", { className: cn(styles.component, className, styles[view]), "data-test-id": dataTestId },
+    const viewClassName = view === 'default' ? 'defaultView' : view;
+    return (React.createElement("div", { className: cn(styles.component, className, styles[viewClassName]), "data-test-id": dataTestId },
         shouldRenderPrevArrow && (React.createElement(Tag, { className: styles.arrow, disabled: currentPageIndex <= 0, onClick: handlePrevPageClick, rightAddons: React.createElement(ChevronBackMIcon, { width: 16, height: 16 }) })),
         view === 'default' && (React.createElement(DefaultView, { activePadding: activePadding, sidePadding: sidePadding, currentPageIndex: currentPageIndex, pagesCount: pagesCount, onPageChange: handlePageClick })),
         view === 'per-page' && (React.createElement(PerPageView, { currentPageIndex: currentPageIndex, pagesCount: pagesCount })),

package/pagination/modern/index.css

@@ -24,9 +24,9 @@
     font-feature-settings: "tnum";
     font-variant-numeric: tabular-nums;
 }
-.pagination__default_1lz5n > * {
+.pagination__defaultView_1lz5n > * {
         margin-right: var(--gap-xs)
     }
-.pagination__default_1lz5n > *:last-child {
+.pagination__defaultView_1lz5n > *:last-child {
             margin-right: 0;
         }

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/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-e9f21ef1.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" | "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/cssm/Component.js

@@ -10,15 +10,17 @@ 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 = require("./index.module.css");
+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) {
@@ -33,9 +35,9 @@ var PickerButton = React.forwardRef(function (_a, ref) {
             buttonVariant: variant,
             leftAddons: leftAddons,
             rightAddons: rightAddons,
-        }, Optgroup: Optgroup, OptionsList: OptionsList, className: cn__default['default'](styles.container, className), popperClassName: cn__default['default'](styles.optionsPopover, popperClassName, (_b = {},
-            _b[styles.sideGap] = isSideGap,
-            _b)), optionsListClassName: cn__default['default'](styles.optionsListContainer, optionsListClassName), optionClassName: cn__default['default'](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;