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

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-e9f21ef1.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsSelect = require('../select');

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');
 
 

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

@@ -1,21 +1,23 @@
 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 coreComponentsSelect = require('../../../select/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 styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var Option = function (_a) {
-    var option = _a.option, children = _a.children, restProps = index_module.__rest(_a, ["option", "children"]);
+    var option = _a.option, children = _a.children, restProps = tslib_es6.__rest(_a, ["option", "children"]);
     var content = children || option.content || option.key;
     var Icon = option.icon;
-    return (React__default['default'].createElement(coreComponentsSelect.Option, index_module.__assign({ option: option }, restProps),
-        React__default['default'].createElement("div", { className: index_module.styles.container },
-            Icon && React__default['default'].createElement(Icon, { className: index_module.styles.icon }),
-            React__default['default'].createElement("div", { className: index_module.styles.content }, content))));
+    return (React__default['default'].createElement(coreComponentsSelect.Option, tslib_es6.__assign({ option: option }, restProps),
+        React__default['default'].createElement("div", { className: styles__default['default'].container },
+            Icon && React__default['default'].createElement(Icon, { className: styles__default['default'].icon }),
+            React__default['default'].createElement("div", { className: styles__default['default'].content }, content))));
 };
 
 exports.Option = Option;

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

@@ -1,8 +1,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../index.module-67bfda30.js');
+require('../tslib.es6-ce870b46.js');
 require('react');
 require('../../../select/cssm');
+require('./index.module.css');
 var option_Component = require('./Component.js');
 
 

package/picker-button/esm/Component.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './tslib.es6-e30d6869.js';
+import { _ as __rest, a as __assign } from './tslib.es6-fd50ad61.js';
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { BaseSelect, OptionsList, Optgroup } from '../../select/esm';

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

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

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

@@ -1,4 +1,4 @@
-import '../tslib.es6-e30d6869.js';
+import '../tslib.es6-fd50ad61.js';
 import 'react';
 import 'classnames';
 import '../../../button/esm';

package/picker-button/esm/index.js

@@ -1,4 +1,4 @@
-import './tslib.es6-e30d6869.js';
+import './tslib.es6-fd50ad61.js';
 import 'react';
 import 'classnames';
 import '../../select/esm';

package/picker-button/esm/option/Component.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from '../tslib.es6-e30d6869.js';
+import { _ as __rest, a as __assign } from '../tslib.es6-fd50ad61.js';
 import React from 'react';
 import { Option as Option$1 } from '../../../select/esm';
 

package/picker-button/esm/option/index.js

@@ -1,4 +1,4 @@
-import '../tslib.es6-e30d6869.js';
+import '../tslib.es6-fd50ad61.js';
 import 'react';
 import '../../../select/esm';
 export { Option } from './Component.js';

package/picker-button/field/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 coreComponentsButton = require('../../button');

package/picker-button/field/index.js

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

package/picker-button/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-cbdcd4b3.js');
+require('./tslib.es6-e9f21ef1.js');
 require('react');
 require('classnames');
 require('../select');

package/picker-button/option/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 coreComponentsSelect = require('../../select');
 

package/picker-button/option/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-cbdcd4b3.js');
+require('../tslib.es6-e9f21ef1.js');
 require('react');
 require('../../select');
 var option_Component = require('./Component.js');

package/plate/cssm/Component.js

@@ -5,14 +5,14 @@ var cn = require('classnames');
 var mergeRefs = require('react-merge-refs');
 var hooks = require('@alfalab/hooks');
 var coreComponentsButton = require('../../button/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 mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
-
-var styles = require("./index.module.css");
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var Plate = React.forwardRef(function (_a, ref) {
     var _b, _c, _d, _e;
@@ -52,43 +52,43 @@ var Plate = React.forwardRef(function (_a, ref) {
             onClose(event);
         }
     }, [onClose]);
-    var renderButtons = React.useCallback(function () { return (React__default['default'].createElement("div", { className: cn__default['default'](styles.buttons, buttonsClassName) }, buttons.map(function (button, index) {
+    var renderButtons = React.useCallback(function () { return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].buttons, buttonsClassName) }, buttons.map(function (button, index) {
         return button
             ? React__default['default'].cloneElement(button, {
                 // eslint-disable-next-line react/no-array-index-key
                 key: index,
                 size: 'xs',
                 view: index === 0 ? 'outlined' : 'link',
-                className: cn__default['default'](button.props.className, styles.button),
+                className: cn__default['default'](button.props.className, styles__default['default'].button),
             })
             : null;
     }))); }, [buttons, buttonsClassName]);
     return (
     // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
-    React__default['default'].createElement("div", { className: cn__default['default'](styles.component, styles[view], (_b = {},
-            _b[styles.foldable] = foldable,
-            _b[styles.focused] = focused,
-            _b[styles.isHidden] = hasCloser && isHidden,
-            _b[styles.isFolded] = foldable && folded,
+    React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, styles__default['default'][view], (_b = {},
+            _b[styles__default['default'].foldable] = foldable,
+            _b[styles__default['default'].focused] = focused,
+            _b[styles__default['default'].isHidden] = hasCloser && isHidden,
+            _b[styles__default['default'].isFolded] = foldable && folded,
             _b), className), onClick: handleClick, onKeyDown: handleClick, role: 'alert', ref: mergeRefs__default['default']([plateRef, ref]), 
         /* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */
         tabIndex: foldable ? 0 : -1, "data-test-id": dataTestId },
-        React__default['default'].createElement("div", { className: styles.inner },
-            leftAddons && React__default['default'].createElement("div", { className: styles.leftAddons }, leftAddons),
-            React__default['default'].createElement("div", { className: cn__default['default'](styles.contentContainer, contentClassName, (_c = {},
-                    _c[styles.withoutTitle] = !title,
+        React__default['default'].createElement("div", { className: styles__default['default'].inner },
+            leftAddons && React__default['default'].createElement("div", { className: styles__default['default'].leftAddons }, leftAddons),
+            React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].contentContainer, contentClassName, (_c = {},
+                    _c[styles__default['default'].withoutTitle] = !title,
                     _c)) },
-                title && React__default['default'].createElement("div", { className: styles.title }, title),
-                hasContent && (React__default['default'].createElement("div", { ref: contentRef, className: cn__default['default'](styles.content, (_d = {},
-                        _d[styles.isFolded] = foldable && folded,
+                title && React__default['default'].createElement("div", { className: styles__default['default'].title }, title),
+                hasContent && (React__default['default'].createElement("div", { ref: contentRef, className: cn__default['default'](styles__default['default'].content, (_d = {},
+                        _d[styles__default['default'].isFolded] = foldable && folded,
                         _d)) },
-                    React__default['default'].createElement("div", { className: styles.contentInner },
+                    React__default['default'].createElement("div", { className: styles__default['default'].contentInner },
                         children,
                         hasButtons ? renderButtons() : null)))),
-            foldable && (React__default['default'].createElement("div", { className: cn__default['default'](styles.folder, (_e = {},
-                    _e[styles.isFolded] = folded,
+            foldable && (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].folder, (_e = {},
+                    _e[styles__default['default'].isFolded] = folded,
                     _e)) })),
-            hasCloser && !foldable && (React__default['default'].createElement(coreComponentsButton.Button, { className: styles.closer, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', view: 'ghost', onClick: handleClose })))));
+            hasCloser && !foldable && (React__default['default'].createElement(coreComponentsButton.Button, { className: styles__default['default'].closer, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', view: 'ghost', onClick: handleClose })))));
 });
 /**
  * Для отображения в сторибуке

package/plate/cssm/index.js

@@ -5,6 +5,7 @@ require('classnames');
 require('react-merge-refs');
 require('@alfalab/hooks');
 require('../../button/cssm');
+require('./index.module.css');
 var Component = require('./Component.js');
 
 

package/popover/cssm/Component.js

@@ -9,6 +9,7 @@ var mergeRefs = require('react-merge-refs');
 var resizeObserver = require('resize-observer');
 var coreComponentsStack = require('../../stack/cssm');
 var coreComponentsPortal = require('../../portal/cssm');
+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 maxSize__default = /*#__PURE__*/_interopDefaultLegacy(maxSize);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -44,16 +46,14 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
 
-var styles = require("./index.module.css");
-
 var DEFAULT_TRANSITION = {
     timeout: 150,
 };
 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 availableHieghtModifier = {
     name: 'availableHeight',
@@ -63,7 +63,7 @@ var availableHieghtModifier = {
     fn: function (_a) {
         var _b = _a.state, modifiersData = _b.modifiersData, popper = _b.elements.popper;
         var height = modifiersData.maxSize.height;
-        var content = popper.querySelector("." + styles.scrollableContent);
+        var content = popper.querySelector("." + styles__default['default'].scrollableContent);
         if (content && !content.style.maxHeight) {
             content.style.maxHeight = height + "px";
         }
@@ -163,12 +163,12 @@ var Popover = React.forwardRef(function (_a, ref) {
     }, [referenceElement, position]);
     var renderContent = function (computedZIndex, style) {
         var _a, _b;
-        return (React__default['default'].createElement("div", __assign({ ref: mergeRefs__default['default']([ref, setPopperElement]), style: __assign({ zIndex: computedZIndex, width: useAnchorWidth ? referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.offsetWidth : undefined }, popperStyles.popper), "data-test-id": dataTestId, className: cn__default['default'](styles.component, className, (_a = {},
-                _a[styles.arrowShift] = arrowShift,
+        return (React__default['default'].createElement("div", __assign({ ref: mergeRefs__default['default']([ref, setPopperElement]), style: __assign({ zIndex: computedZIndex, width: useAnchorWidth ? referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.offsetWidth : undefined }, popperStyles.popper), "data-test-id": dataTestId, className: cn__default['default'](styles__default['default'].component, className, (_a = {},
+                _a[styles__default['default'].arrowShift] = arrowShift,
                 _a)) }, attributes.popper),
-            React__default['default'].createElement("div", { className: cn__default['default'](styles.inner, popperClassName), style: style },
-                React__default['default'].createElement("div", { className: cn__default['default']((_b = {}, _b[styles.scrollableContent] = availableHeight, _b)) }, children),
-                withArrow && (React__default['default'].createElement("div", { ref: setArrowElement, style: popperStyles.arrow, className: cn__default['default'](styles.arrow, arrowClassName) })))));
+            React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].inner, popperClassName), style: style },
+                React__default['default'].createElement("div", { className: cn__default['default']((_b = {}, _b[styles__default['default'].scrollableContent] = availableHeight, _b)) }, children),
+                withArrow && (React__default['default'].createElement("div", { ref: setArrowElement, style: popperStyles.arrow, className: cn__default['default'](styles__default['default'].arrow, arrowClassName) })))));
     };
     return (React__default['default'].createElement(coreComponentsStack.Stack, { value: zIndex }, function (computedZIndex) { return (React__default['default'].createElement(coreComponentsPortal.Portal, { getPortalContainer: getPortalContainer }, withTransition ? (React__default['default'].createElement(reactTransitionGroup.CSSTransition, __assign({ unmountOnExit: true, classNames: CSS_TRANSITION_CLASS_NAMES }, transition, { in: open }), renderContent(computedZIndex, { transitionDuration: transitionDuration }))) : (open && renderContent(computedZIndex)))); }));
 });

package/popover/cssm/index.js

@@ -10,6 +10,7 @@ require('react-merge-refs');
 require('resize-observer');
 require('../../stack/cssm');
 require('../../portal/cssm');
+require('./index.module.css');
 
 
 

package/progress-bar/cssm/Component.js

@@ -2,18 +2,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
+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 ProgressBar = React__default['default'].forwardRef(function (_a, ref) {
     var className = _a.className, value = _a.value, _b = _a.view, view = _b === void 0 ? 'positive' : _b, _c = _a.size, size = _c === void 0 ? 'm' : _c, dataTestId = _a.dataTestId;
-    return (React__default['default'].createElement("div", { role: 'progressbar', "aria-valuenow": Math.round(value), "aria-valuemin": 0, "aria-valuemax": 100, className: cn__default['default'](styles.container, styles[size], className), "data-test-id": dataTestId, ref: ref },
-        React__default['default'].createElement("div", { className: cn__default['default'](styles.filled, styles[view]), style: { transform: "translateX(" + (value - 100) + "%)" } })));
+    return (React__default['default'].createElement("div", { role: 'progressbar', "aria-valuenow": Math.round(value), "aria-valuemin": 0, "aria-valuemax": 100, className: cn__default['default'](styles__default['default'].container, styles__default['default'][size], className), "data-test-id": dataTestId, ref: ref },
+        React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].filled, styles__default['default'][view]), style: { transform: "translateX(" + (value - 100) + "%)" } })));
 });
 
 exports.ProgressBar = ProgressBar;

package/progress-bar/cssm/index.js

@@ -2,6 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('classnames');
+require('./index.module.css');
 var Component = require('./Component.js');
 
 

package/pure-input/cssm/Component.js

@@ -4,12 +4,14 @@ var React = require('react');
 var cn = require('classnames');
 var mergeRefs = require('react-merge-refs');
 var hooks = require('@alfalab/hooks');
+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 mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -50,16 +52,14 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = require("./index.module.css");
-
 var PureInput = React__default['default'].forwardRef(function (_a, ref) {
     var _b;
     var _c = _a.size, size = _c === void 0 ? 's' : _c, _d = _a.type, type = _d === void 0 ? 'text' : _d, _e = _a.block, block = _e === void 0 ? false : _e, className = _a.className, dataTestId = _a.dataTestId, restProps = __rest(_a, ["size", "type", "block", "className", "dataTestId"]);
     var inputRef = React.useRef(null);
     var focusVisible = hooks.useFocus(inputRef, 'keyboard')[0];
-    return (React__default['default'].createElement("input", __assign({}, restProps, { className: cn__default['default'](styles.component, styles[size], (_b = {},
-            _b[styles.block] = block,
-            _b[styles.focusVisible] = focusVisible,
+    return (React__default['default'].createElement("input", __assign({}, restProps, { className: cn__default['default'](styles__default['default'].component, styles__default['default'][size], (_b = {},
+            _b[styles__default['default'].block] = block,
+            _b[styles__default['default'].focusVisible] = focusVisible,
             _b), className), ref: mergeRefs__default['default']([ref, inputRef]), type: type, "data-test-id": dataTestId })));
 });
 /**

package/pure-input/cssm/index.js

@@ -5,6 +5,7 @@ require('react');
 require('classnames');
 require('react-merge-refs');
 require('@alfalab/hooks');
+require('./index.module.css');
 
 
 

package/radio/cssm/Component.js

@@ -4,12 +4,14 @@ var React = require('react');
 var cn = require('classnames');
 var mergeRefs = require('react-merge-refs');
 var hooks = require('@alfalab/hooks');
+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 mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -50,8 +52,6 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = require("./index.module.css");
-
 var Radio = React.forwardRef(function (_a, ref) {
     var _b;
     var onChange = _a.onChange, className = _a.className, circleClassName = _a.circleClassName, contentClassName = _a.contentClassName, name = _a.name, disabled = _a.disabled, inactive = _a.inactive, dataTestId = _a.dataTestId, label = _a.label, checked = _a.checked, hint = _a.hint, _c = _a.size, size = _c === void 0 ? 's' : _c, _d = _a.align, align = _d === void 0 ? 'start' : _d, addons = _a.addons, block = _a.block, restProps = __rest(_a, ["onChange", "className", "circleClassName", "contentClassName", "name", "disabled", "inactive", "dataTestId", "label", "checked", "hint", "size", "align", "addons", "block"]);
@@ -64,19 +64,19 @@ var Radio = React.forwardRef(function (_a, ref) {
     };
     return (
     // eslint-disable-next-line jsx-a11y/label-has-associated-control
-    React__default['default'].createElement("label", { className: cn__default['default'](styles.container, styles[size], styles[align], className, (_b = {},
-            _b[styles.disabled] = disabled,
-            _b[styles.inactive] = inactive,
-            _b[styles.checked] = checked,
-            _b[styles.focused] = focused,
-            _b[styles.block] = block,
+    React__default['default'].createElement("label", { className: cn__default['default'](styles__default['default'].container, styles__default['default'][size], styles__default['default'][align], className, (_b = {},
+            _b[styles__default['default'].disabled] = disabled,
+            _b[styles__default['default'].inactive] = inactive,
+            _b[styles__default['default'].checked] = checked,
+            _b[styles__default['default'].focused] = focused,
+            _b[styles__default['default'].block] = block,
             _b)), ref: mergeRefs__default['default']([labelRef, ref]) },
         React__default['default'].createElement("input", __assign({ type: 'radio', onChange: handleChange, "data-test-id": dataTestId, disabled: disabled || inactive, checked: checked, name: name }, restProps)),
-        React__default['default'].createElement("span", { className: cn__default['default'](styles.circle, circleClassName) }),
-        (label || hint) && (React__default['default'].createElement("span", { className: cn__default['default'](styles.content, contentClassName) },
-            label && React__default['default'].createElement("span", { className: styles.label }, label),
-            hint && React__default['default'].createElement("span", { className: styles.hint }, hint))),
-        addons && React__default['default'].createElement("span", { className: styles.addons }, addons)));
+        React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].circle, circleClassName) }),
+        (label || hint) && (React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].content, contentClassName) },
+            label && React__default['default'].createElement("span", { className: styles__default['default'].label }, label),
+            hint && React__default['default'].createElement("span", { className: styles__default['default'].hint }, hint))),
+        addons && React__default['default'].createElement("span", { className: styles__default['default'].addons }, addons)));
 });
 
 exports.Radio = Radio;