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

package/select/presets/useSelectWithApply/hook.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-91aef31f.js');
+require('../../tslib.es6-7a74ae00.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -19,17 +19,17 @@ require('resize-observer');
 require('../../../popover');
 require('downshift');
 require('../../components/native-select/Component.js');
-require('../../Component-e5750a6a.js');
+require('../../Component-442f3edf.js');
 require('../../Component.js');
 require('../../../bottom-sheet');
 require('../../../button');
 require('../../../base-modal');
 require('../../components/select-mobile/options-list/Component.js');
 require('../../components/select-mobile/checkmark/Component.js');
-var presets_useSelectWithApply_hook = require('../../Component-e5273873.js');
+var presets_useSelectWithApply_hook = require('../../Component-337e7b27.js');
 require('react-virtual');
 require('../../../skeleton');
-require('../../intersection-observer-25b8c155.js');
+require('../../intersection-observer-d35c17b0.js');
 
 
 

package/select/presets/useSelectWithApply/options-list-with-apply/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../tslib.es6-91aef31f.js');
+require('../../../tslib.es6-7a74ae00.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -19,17 +19,17 @@ require('resize-observer');
 require('../../../../popover');
 require('downshift');
 require('../../../components/native-select/Component.js');
-require('../../../Component-e5750a6a.js');
+require('../../../Component-442f3edf.js');
 require('../../../Component.js');
 require('../../../../bottom-sheet');
 require('../../../../button');
 require('../../../../base-modal');
 require('../../../components/select-mobile/options-list/Component.js');
 require('../../../components/select-mobile/checkmark/Component.js');
-var presets_useSelectWithApply_hook = require('../../../Component-e5273873.js');
+var presets_useSelectWithApply_hook = require('../../../Component-337e7b27.js');
 require('react-virtual');
 require('../../../../skeleton');
-require('../../../intersection-observer-25b8c155.js');
+require('../../../intersection-observer-d35c17b0.js');
 
 
 

package/select/presets/useSelectWithApply/options-list-with-apply/index.d.ts

@@ -1 +1 @@
-export * from "../../../Component-e5273873";
+export * from "../../../Component-337e7b27";

package/select/presets/useSelectWithApply/options-list-with-apply/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../tslib.es6-91aef31f.js');
+require('../../../tslib.es6-7a74ae00.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -19,17 +19,17 @@ require('resize-observer');
 require('../../../../popover');
 require('downshift');
 require('../../../components/native-select/Component.js');
-require('../../../Component-e5750a6a.js');
+require('../../../Component-442f3edf.js');
 require('../../../Component.js');
 require('../../../../bottom-sheet');
 require('../../../../button');
 require('../../../../base-modal');
 require('../../../components/select-mobile/options-list/Component.js');
 require('../../../components/select-mobile/checkmark/Component.js');
-var presets_useSelectWithApply_hook = require('../../../Component-e5273873.js');
+var presets_useSelectWithApply_hook = require('../../../Component-337e7b27.js');
 require('react-virtual');
 require('../../../../skeleton');
-require('../../../intersection-observer-25b8c155.js');
+require('../../../intersection-observer-d35c17b0.js');
 
 
 

package/select/presets/useSelectWithLoading/hook.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-91aef31f.js');
+var tslib_es6 = require('../../tslib.es6-7a74ae00.js');
 var React = require('react');
 require('classnames');
 require('../../../checkbox');

package/select-with-tags/component.js

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

package/select-with-tags/components/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-25302385.js');
+require('../tslib.es6-a323efa4.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');

package/select-with-tags/components/tag/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-25302385.js');
+var tslib_es6 = require('../../tslib.es6-a323efa4.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsTag = require('../../../tag');

package/select-with-tags/components/tag/index.js

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

package/select-with-tags/components/tag-list/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-25302385.js');
+var tslib_es6 = require('../../tslib.es6-a323efa4.js');
 var React = require('react');
 var cn = require('classnames');
 var hooks = require('@alfalab/hooks');

package/select-with-tags/components/tag-list/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-25302385.js');
+require('../../tslib.es6-a323efa4.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');

package/select-with-tags/cssm/component.js

@@ -8,8 +8,10 @@ require('@alfalab/hooks');
 require('../../form-control/cssm');
 require('../../tag/cssm');
 require('@alfalab/icons-glyph/CrossCompactMIcon');
+require('./components/tag/index.module.css');
 require('./components/tag/component.js');
 require('./utils/calculate-collapse-size.js');
+require('./components/tag-list/index.module.css');
 var components_tagList_component = require('./components/tag-list/component.js');
 var utils_match = require('./utils/match.js');
 

package/select-with-tags/cssm/components/index.js

@@ -7,8 +7,10 @@ require('@alfalab/hooks');
 require('../../../form-control/cssm');
 require('../../../tag/cssm');
 require('@alfalab/icons-glyph/CrossCompactMIcon');
+require('./tag/index.module.css');
 var components_tag_component = require('./tag/component.js');
 require('../utils/calculate-collapse-size.js');
+require('./tag-list/index.module.css');
 var components_tagList_component = require('./tag-list/component.js');
 
 

package/select-with-tags/cssm/components/tag/component.js

@@ -5,13 +5,13 @@ var React = require('react');
 var cn = require('classnames');
 var coreComponentsTag = require('../../../../tag/cssm');
 var CrossCompactMIcon = require('@alfalab/icons-glyph/CrossCompactMIcon');
+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 Tag = function (_a) {
     var _b;
@@ -21,12 +21,12 @@ var Tag = function (_a) {
             handleDeleteTag(key);
         }
     }, [handleDeleteTag, key]);
-    return (React__default['default'].createElement(coreComponentsTag.Tag, tslib_es6.__assign({ key: key, size: 'xxs', onClick: onClick, checked: !!handleDeleteTag, className: cn__default['default'](styles.tag, (_b = {}, _b[styles.tagNoClose] = !handleDeleteTag, _b)) }, props),
-        React__default['default'].createElement("span", { className: styles.tagContentWrap },
+    return (React__default['default'].createElement(coreComponentsTag.Tag, tslib_es6.__assign({ key: key, size: 'xxs', onClick: onClick, checked: !!handleDeleteTag, className: cn__default['default'](styles__default['default'].tag, (_b = {}, _b[styles__default['default'].tagNoClose] = !handleDeleteTag, _b)) }, props),
+        React__default['default'].createElement("span", { className: styles__default['default'].tagContentWrap },
             content,
             handleDeleteTag && (
             // eslint-disable-next-line
-            React__default['default'].createElement("span", { className: styles.tagCross, onClick: handleClick },
+            React__default['default'].createElement("span", { className: styles__default['default'].tagCross, onClick: handleClick },
                 React__default['default'].createElement(CrossCompactMIcon.CrossCompactMIcon, null))))));
 };
 

package/select-with-tags/cssm/components/tag/index.js

@@ -5,6 +5,7 @@ require('react');
 require('classnames');
 require('../../../../tag/cssm');
 require('@alfalab/icons-glyph/CrossCompactMIcon');
+require('./index.module.css');
 var components_tag_component = require('./component.js');
 
 

package/select-with-tags/cssm/components/tag-list/component.js

@@ -7,15 +7,16 @@ var hooks = require('@alfalab/hooks');
 var coreComponentsFormControl = require('../../../../form-control/cssm');
 require('../../../../tag/cssm');
 require('@alfalab/icons-glyph/CrossCompactMIcon');
+require('../tag/index.module.css');
 var components_tag_component = require('../tag/component.js');
 var utils_calculateCollapseSize = require('../../utils/calculate-collapse-size.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 TagList = function (_a) {
     var _b, _c, _d;
@@ -104,14 +105,14 @@ var TagList = function (_a) {
      * для того чтобы не менялась высота инпута
      */
     var shouldAddVerticalMargin = Boolean((!collapseTagList || isShowMoreEnabled) && !label);
-    return (React__default['default'].createElement("div", { ref: wrapperRef, onFocus: handleFocus, onBlur: handleBlur, className: cn__default['default'](className, styles.component, styles[size]) },
-        React__default['default'].createElement(coreComponentsFormControl.FormControl, tslib_es6.__assign({}, restProps, { ref: innerProps.ref, fieldClassName: cn__default['default'](fieldClassName, styles.field, (_b = {},
-                _b[styles.focusVisible] = focusVisible,
-                _b)), block: true, size: size, focused: open || focused, disabled: disabled, filled: filled || !!placeholder, onMouseDown: handleMouseDown, rightAddons: Arrow, onClick: handleClick, addonsClassName: cn__default['default'](styles.addons, styles["addons-size-" + size]), label: label, labelClassName: styles.label }),
-            React__default['default'].createElement("div", { className: cn__default['default'](styles.contentWrapper, (_c = {},
-                    _c[styles.hasLabel] = Boolean(label),
-                    _c[styles.hasTags] = selectedMultiple.length > 0,
-                    _c[styles.contentWrapperVertical] = shouldAddVerticalMargin,
+    return (React__default['default'].createElement("div", { ref: wrapperRef, onFocus: handleFocus, onBlur: handleBlur, className: cn__default['default'](className, styles__default['default'].component, styles__default['default'][size]) },
+        React__default['default'].createElement(coreComponentsFormControl.FormControl, tslib_es6.__assign({}, restProps, { ref: innerProps.ref, fieldClassName: cn__default['default'](fieldClassName, styles__default['default'].field, (_b = {},
+                _b[styles__default['default'].focusVisible] = focusVisible,
+                _b)), block: true, size: size, focused: open || focused, disabled: disabled, filled: filled || !!placeholder, onMouseDown: handleMouseDown, rightAddons: Arrow, onClick: handleClick, addonsClassName: cn__default['default'](styles__default['default'].addons, styles__default['default']["addons-size-" + size]), label: label, labelClassName: styles__default['default'].label }),
+            React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].contentWrapper, (_c = {},
+                    _c[styles__default['default'].hasLabel] = Boolean(label),
+                    _c[styles__default['default'].hasTags] = selectedMultiple.length > 0,
+                    _c[styles__default['default'].contentWrapperVertical] = shouldAddVerticalMargin,
                     _c)), ref: contentWrapperRef },
                 selectedMultiple.map(function (option, index) {
                     return isShowMoreEnabled || index + 1 <= visibleElements ? (React__default['default'].createElement(Tag, { option: tslib_es6.__assign(tslib_es6.__assign({}, option), { content: transformTagText
@@ -122,11 +123,11 @@ var TagList = function (_a) {
                         key: 'collapse',
                         content: collapseTagTitle,
                     } })),
-                autocomplete && (React__default['default'].createElement("input", tslib_es6.__assign({}, restInnerProps, { autoComplete: 'off', ref: inputRef, value: value, onChange: onInput, className: cn__default['default'](styles.input, (_d = {},
-                        _d[styles.focusVisible] = inputFocusVisible,
-                        _d[styles.block] = inputOnNewLine,
+                autocomplete && (React__default['default'].createElement("input", tslib_es6.__assign({}, restInnerProps, { autoComplete: 'off', ref: inputRef, value: value, onChange: onInput, className: cn__default['default'](styles__default['default'].input, (_d = {},
+                        _d[styles__default['default'].focusVisible] = inputFocusVisible,
+                        _d[styles__default['default'].block] = inputOnNewLine,
                         _d)), disabled: disabled, onKeyDown: handleKeyDown, placeholder: filled ? '' : placeholder }))),
-                placeholder && !filled && !autocomplete && (React__default['default'].createElement("span", { className: styles.placeholder }, placeholder))))));
+                placeholder && !filled && !autocomplete && (React__default['default'].createElement("span", { className: styles__default['default'].placeholder }, placeholder))))));
 };
 
 exports.TagList = TagList;

package/select-with-tags/cssm/components/tag-list/index.js

@@ -7,8 +7,10 @@ require('@alfalab/hooks');
 require('../../../../form-control/cssm');
 require('../../../../tag/cssm');
 require('@alfalab/icons-glyph/CrossCompactMIcon');
+require('../tag/index.module.css');
 require('../tag/component.js');
 require('../../utils/calculate-collapse-size.js');
+require('./index.module.css');
 var components_tagList_component = require('./component.js');
 
 

package/select-with-tags/cssm/index.js

@@ -8,8 +8,10 @@ require('@alfalab/hooks');
 require('../../form-control/cssm');
 require('../../tag/cssm');
 require('@alfalab/icons-glyph/CrossCompactMIcon');
+require('./components/tag/index.module.css');
 require('./components/tag/component.js');
 require('./utils/calculate-collapse-size.js');
+require('./components/tag-list/index.module.css');
 require('./components/tag-list/component.js');
 require('./utils/match.js');
 var component = require('./component.js');

package/select-with-tags/esm/component.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './tslib.es6-7f5cb91c.js';
+import { _ as __rest, a as __assign } from './tslib.es6-3d2098f7.js';
 import React, { forwardRef, useState, useRef, useCallback } from 'react';
 import { BaseSelect, OptionsList, Optgroup, Option, Arrow } from '../../select/esm';
 import 'classnames';

package/select-with-tags/esm/components/index.js

@@ -1,4 +1,4 @@
-import '../tslib.es6-7f5cb91c.js';
+import '../tslib.es6-3d2098f7.js';
 import 'react';
 import 'classnames';
 import '@alfalab/hooks';

package/select-with-tags/esm/components/tag/component.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-7f5cb91c.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-3d2098f7.js';
 import React, { useCallback } from 'react';
 import cn from 'classnames';
 import { Tag as Tag$1 } from '../../../../tag/esm';

package/select-with-tags/esm/components/tag/index.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-7f5cb91c.js';
+import '../../tslib.es6-3d2098f7.js';
 import 'react';
 import 'classnames';
 import '../../../../tag/esm';

package/select-with-tags/esm/components/tag-list/component.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-7f5cb91c.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-3d2098f7.js';
 import React, { useState, useRef, useLayoutEffect, useCallback, useEffect, useMemo } from 'react';
 import cn from 'classnames';
 import { useFocus } from '@alfalab/hooks';

package/select-with-tags/esm/components/tag-list/index.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-7f5cb91c.js';
+import '../../tslib.es6-3d2098f7.js';
 import 'react';
 import 'classnames';
 import '@alfalab/hooks';

package/select-with-tags/esm/index.js

@@ -1,4 +1,4 @@
-import './tslib.es6-7f5cb91c.js';
+import './tslib.es6-3d2098f7.js';
 import 'react';
 import '../../select/esm';
 import 'classnames';

package/select-with-tags/esm/utils/index.js

@@ -1,3 +1,3 @@
-import '../tslib.es6-7f5cb91c.js';
+import '../tslib.es6-3d2098f7.js';
 import '../../../select/esm';
 export { filterOptions } from './match.js';

package/select-with-tags/esm/utils/match.js

@@ -1,4 +1,4 @@
-import { a as __assign } from '../tslib.es6-7f5cb91c.js';
+import { a as __assign } from '../tslib.es6-3d2098f7.js';
 import { isGroup } from '../../../select/esm';
 
 var defaultMatch = function (option, inputValue) {

package/select-with-tags/index.js

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

package/select-with-tags/modern/component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { BaseSelectProps } from "../../select";
-declare const SelectWithTags: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "label" | "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
+declare const SelectWithTags: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
     value: string;
     onInput: (event: React.ChangeEvent<HTMLInputElement>) => void;
     selected?: (string | import("../../select").OptionShape)[] | undefined;

package/select-with-tags/utils/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-25302385.js');
+require('../tslib.es6-a323efa4.js');
 require('../../select');
 var utils_match = require('./match.js');
 

package/select-with-tags/utils/match.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-25302385.js');
+var tslib_es6 = require('../tslib.es6-a323efa4.js');
 var coreComponentsSelect = require('../../select');
 
 var defaultMatch = function (option, inputValue) {

package/skeleton/cssm/Component.js

@@ -2,19 +2,19 @@ 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 Skeleton = function (_a) {
     var _b;
     var visible = _a.visible, _c = _a.animate, animate = _c === void 0 ? true : _c, className = _a.className, dataTestId = _a.dataTestId, children = _a.children;
     if (visible) {
-        return (React__default['default'].createElement("div", { className: cn__default['default'](styles.component, (_b = {}, _b[styles.animate] = animate, _b), className), "data-test-id": dataTestId }, children));
+        return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, (_b = {}, _b[styles__default['default'].animate] = animate, _b), className), "data-test-id": dataTestId }, children));
     }
     return React__default['default'].createElement("div", { "data-test-id": dataTestId }, children);
 };

package/skeleton/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/slider/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 Slider = React.forwardRef(function (_a, ref) {
     var _b;
     var _c = _a.min, min = _c === void 0 ? 0 : _c, _d = _a.max, max = _d === void 0 ? 100 : _d, _e = _a.step, step = _e === void 0 ? 1 : _e, _f = _a.value, value = _f === void 0 ? 0 : _f, steps = _a.steps, className = _a.className, onChange = _a.onChange, dataTestId = _a.dataTestId, restProps = __rest(_a, ["min", "max", "step", "value", "steps", "className", "onChange", "dataTestId"]);
@@ -61,7 +61,7 @@ var Slider = React.forwardRef(function (_a, ref) {
     var dividedWithoutRemainder = range % step === 0;
     var validValue = Math.max(min, Math.min(value, max));
     var rangeProps = {
-        className: cn__default['default'](styles.range, (_b = {}, _b[styles.focused] = focused, _b)),
+        className: cn__default['default'](styles__default['default'].range, (_b = {}, _b[styles__default['default'].focused] = focused, _b)),
         type: 'range',
         min: min,
         max: max,
@@ -69,7 +69,7 @@ var Slider = React.forwardRef(function (_a, ref) {
         step: dividedWithoutRemainder ? step : undefined,
     };
     var progressProps = {
-        className: styles.progress,
+        className: styles__default['default'].progress,
         max: range,
         value: validValue - min,
     };
@@ -78,8 +78,8 @@ var Slider = React.forwardRef(function (_a, ref) {
             onChange(event, { value: +event.target.value });
         }
     }, [onChange]);
-    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.component, className), "data-test-id": dataTestId },
-        React__default['default'].createElement("div", { className: styles.rangeWrapper },
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, className), "data-test-id": dataTestId },
+        React__default['default'].createElement("div", { className: styles__default['default'].rangeWrapper },
             React__default['default'].createElement("input", __assign({}, rangeProps, restProps, { ref: mergeRefs__default['default']([ref, inputRef]), onChange: handleInputChange })),
             steps),
         React__default['default'].createElement("progress", __assign({}, progressProps))));

package/slider/cssm/index.js

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

package/slider-input/cssm/Component.js

@@ -4,11 +4,13 @@ var React = require('react');
 var cn = require('classnames');
 var coreComponentsSlider = require('../../slider/cssm');
 var coreComponentsInput = require('../../input/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.
@@ -49,8 +51,6 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = require("./index.module.css");
-
 var SliderInput = React.forwardRef(function (_a, ref) {
     var _b;
     var className = _a.className, inputClassName = _a.inputClassName, sliderClassName = _a.sliderClassName, stepsClassName = _a.stepsClassName, focusedClassName = _a.focusedClassName, fieldClassName = _a.fieldClassName, _c = _a.value, value = _c === void 0 ? '' : _c, _d = _a.min, min = _d === void 0 ? 0 : _d, _e = _a.max, max = _e === void 0 ? 100 : _e, _f = _a.step, step = _f === void 0 ? 1 : _f, block = _a.block, _g = _a.sliderValue, sliderValue = _g === void 0 ? +value : _g, _h = _a.steps, steps = _h === void 0 ? [] : _h, _j = _a.size, size = _j === void 0 ? 's' : _j, label = _a.label, info = _a.info, disabled = _a.disabled, readOnly = _a.readOnly, onChange = _a.onChange, onInputChange = _a.onInputChange, onSliderChange = _a.onSliderChange, rightAddons = _a.rightAddons, _k = _a.Input, Input = _k === void 0 ? coreComponentsInput.Input : _k, _l = _a.customInputProps, customInputProps = _l === void 0 ? {} : _l, dataTestId = _a.dataTestId, error = _a.error, restProps = __rest(_a, ["className", "inputClassName", "sliderClassName", "stepsClassName", "focusedClassName", "fieldClassName", "value", "min", "max", "step", "block", "sliderValue", "steps", "size", "label", "info", "disabled", "readOnly", "onChange", "onInputChange", "onSliderChange", "rightAddons", "Input", "customInputProps", "dataTestId", "error"]);
@@ -70,16 +70,16 @@ var SliderInput = React.forwardRef(function (_a, ref) {
         if (onInputChange)
             onInputChange(event, { value: getValidInputValue(payload.value) });
     }, [getValidInputValue, onChange, onInputChange]);
-    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.component, (_b = {},
-            _b[styles.block] = block,
-            _b[styles.filled] = Boolean(value),
-            _b[styles.hasLabel] = label,
-            _b[styles.hasError] = Boolean(error),
-            _b), styles[size], className), "data-test-id": dataTestId },
-        React__default['default'].createElement(Input, __assign({}, restProps, customInputProps, { ref: ref, value: value.toString(), onChange: handleInputChange, block: true, size: size, label: label, disabled: disabled, readOnly: readOnly, className: cn__default['default'](inputClassName, styles.input), focusedClassName: cn__default['default'](focusedClassName, styles.focused), fieldClassName: cn__default['default'](fieldClassName, styles.field), inputMode: 'numeric', pattern: '[0-9]*', error: error, bottomAddons: !disabled && (React__default['default'].createElement(coreComponentsSlider.Slider, { min: min, max: max, step: step, onChange: handleSliderChange, ref: ref, value: Number.isNaN(sliderValue) ? 0 : sliderValue, disabled: disabled || readOnly, className: cn__default['default'](styles.slider, sliderClassName) })), rightAddons: (info || rightAddons) && (React__default['default'].createElement(React.Fragment, null,
-                info && React__default['default'].createElement("span", { className: styles.info }, info),
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, (_b = {},
+            _b[styles__default['default'].block] = block,
+            _b[styles__default['default'].filled] = Boolean(value),
+            _b[styles__default['default'].hasLabel] = label,
+            _b[styles__default['default'].hasError] = Boolean(error),
+            _b), styles__default['default'][size], className), "data-test-id": dataTestId },
+        React__default['default'].createElement(Input, __assign({}, restProps, customInputProps, { ref: ref, value: value.toString(), onChange: handleInputChange, block: true, size: size, label: label, disabled: disabled, readOnly: readOnly, className: cn__default['default'](inputClassName, styles__default['default'].input), focusedClassName: cn__default['default'](focusedClassName, styles__default['default'].focused), fieldClassName: cn__default['default'](fieldClassName, styles__default['default'].field), inputMode: 'numeric', pattern: '[0-9]*', error: error, bottomAddons: !disabled && (React__default['default'].createElement(coreComponentsSlider.Slider, { min: min, max: max, step: step, onChange: handleSliderChange, ref: ref, value: Number.isNaN(sliderValue) ? 0 : sliderValue, disabled: disabled || readOnly, className: cn__default['default'](styles__default['default'].slider, sliderClassName) })), rightAddons: (info || rightAddons) && (React__default['default'].createElement(React.Fragment, null,
+                info && React__default['default'].createElement("span", { className: styles__default['default'].info }, info),
                 rightAddons)) })),
-        steps.length > 0 && !error && (React__default['default'].createElement("div", { className: cn__default['default'](styles.steps, stepsClassName) }, steps.map(function (stepLabel, i) {
+        steps.length > 0 && !error && (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].steps, stepsClassName) }, steps.map(function (stepLabel, i) {
             return React.isValidElement(stepLabel) ? (React.cloneElement(stepLabel, { key: i })) : (
             // eslint-disable-next-line react/no-array-index-key
             React__default['default'].createElement("span", { key: i }, stepLabel));

package/slider-input/cssm/index.js

@@ -5,6 +5,7 @@ require('react');
 require('classnames');
 require('../../slider/cssm');
 require('../../input/cssm');
+require('./index.module.css');
 
 
 

package/space/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Item = require('./Item-a0b23f7f.js');
+var Item = require('./Item-db175ae1.js');
 var React = require('react');
 var classNames = require('classnames');
 

package/space/Item.js

@@ -1,4 +1,4 @@
-var Item = require('./Item-a0b23f7f.js');
+var Item = require('./Item-db175ae1.js');
 require('react');