@alfalab/core-components 45.6.0-beta.2 → 45.6.1

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

@@ -1,3 +1,7 @@
-export { Notification } from './component.js';
-import 'react';
-import 'classnames';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_notification_component = require('./component.js');
+
+
+
+exports.Notification = components_notification_component.Notification;

package/notification-manager/cssm/index.js

@@ -1,7 +1,7 @@
-export { NotificationManager } from './component.js';
-import 'react';
-import 'react-transition-group';
-import 'classnames';
-import '../../portal/cssm';
-import '../../stack/cssm';
-import './components/notification/component.js';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var component = require('./component.js');
+
+
+
+exports.NotificationManager = component.NotificationManager;

package/notification-manager/cssm/index.module.css

@@ -0,0 +1,52 @@
+:root {
+    --gap-s: 12px;
+    --gap-xl: 24px;
+    --gap-4xl: 48px;
+}
+
+.component {
+    position: fixed;
+    top: 0;
+    right: var(--gap-s);
+    display: flex;
+    flex-direction: column;
+}
+
+.component .notification {
+    width: calc(100vw - var(--gap-xl));
+    margin-top: var(--gap-s);
+    will-change: transform;
+}
+
+.component .notification.notification {
+    position: static;
+}
+
+.enter {
+    visibility: hidden;
+    transform: translate(0, -500px);
+}
+
+.enterActive {
+    visibility: visible;
+    transform: translate(0);
+    transition: transform 0.4s ease-out;
+}
+
+@media (min-width: 600px) {
+    .component {
+        right: var(--gap-4xl);
+    }
+
+    .component .notification {
+        width: auto;
+    }
+
+    .enter {
+        transform: translate(100%, 0);
+    }
+
+    .enterActive {
+        transform: translate(0);
+    }
+}

package/notification-manager/esm/component.d.ts

@@ -21,10 +21,6 @@ type NotificationManagerProps = HTMLAttributes<HTMLDivElement> & {
      * z-index компонента
      */
     zIndex?: number;
-    /**
-     * Отступ от верхнего края
-     */
-    offset?: number;
     /**
      * Удаление нотификации
      */
@@ -54,10 +50,6 @@ declare const NotificationManager: React.ForwardRefExoticComponent<React.HTMLAtt
      * z-index компонента
      */
     zIndex?: number | undefined;
-    /**
-     * Отступ от верхнего края
-     */
-    offset?: number | undefined;
     /**
      * Удаление нотификации
      */

package/notification-manager/esm/component.js

@@ -6,7 +6,7 @@ import { Portal } from '../../portal/esm';
 import { stackingOrder, Stack } from '../../stack/esm';
 import { Notification } from './components/notification/component.js';
 
-var styles = {"component":"notification-manager__component_16pmy","notification":"notification-manager__notification_16pmy","withoutMargin":"notification-manager__withoutMargin_16pmy","enter":"notification-manager__enter_16pmy","enterActive":"notification-manager__enterActive_16pmy"};
+var styles = {"component":"notification-manager__component_16pmy","notification":"notification-manager__notification_16pmy","enter":"notification-manager__enter_16pmy","enterActive":"notification-manager__enterActive_16pmy"};
 require('./index.css');
 
 var CSS_TRANSITION_CLASS_NAMES = {
@@ -18,16 +18,11 @@ var TIMEOUT = {
     enter: 400,
 };
 var NotificationManager = forwardRef(function (_a, ref) {
-    var notifications = _a.notifications, className = _a.className, dataTestId = _a.dataTestId, _b = _a.zIndex, zIndex = _b === void 0 ? stackingOrder.TOAST : _b, _c = _a.style, style = _c === void 0 ? {} : _c, offset = _a.offset, onRemoveNotification = _a.onRemoveNotification, container = _a.container, restProps = __rest(_a, ["notifications", "className", "dataTestId", "zIndex", "style", "offset", "onRemoveNotification", "container"]);
+    var notifications = _a.notifications, className = _a.className, dataTestId = _a.dataTestId, _b = _a.zIndex, zIndex = _b === void 0 ? stackingOrder.TOAST : _b, _c = _a.style, style = _c === void 0 ? {} : _c, onRemoveNotification = _a.onRemoveNotification, container = _a.container, restProps = __rest(_a, ["notifications", "className", "dataTestId", "zIndex", "style", "onRemoveNotification", "container"]);
     return (React.createElement(Stack, { value: zIndex }, function (computedZIndex) { return (React.createElement(Portal, { getPortalContainer: container },
-        React.createElement("div", __assign({ className: cn(styles.component, className), ref: ref, "data-test-id": dataTestId, style: __assign({ zIndex: computedZIndex, top: offset }, style) }, restProps),
-            React.createElement(TransitionGroup, null, notifications.map(function (element, index) {
-                var _a;
-                return (React.createElement(CSSTransition, { key: element.props.id, timeout: TIMEOUT, classNames: CSS_TRANSITION_CLASS_NAMES, unmountOnExit: true },
-                    React.createElement(Notification, { element: element, className: cn(styles.notification, (_a = {},
-                            _a[styles.withoutMargin] = offset && index === 0,
-                            _a)), onRemoveNotification: onRemoveNotification })));
-            }))))); }));
+        React.createElement("div", __assign({ className: cn(styles.component, className), ref: ref, "data-test-id": dataTestId, style: __assign({ zIndex: computedZIndex }, style) }, restProps),
+            React.createElement(TransitionGroup, null, notifications.map(function (element) { return (React.createElement(CSSTransition, { key: element.props.id, timeout: TIMEOUT, classNames: CSS_TRANSITION_CLASS_NAMES, unmountOnExit: true },
+                React.createElement(Notification, { element: element, className: styles.notification, onRemoveNotification: onRemoveNotification }))); }))))); }));
 });
 
 export { NotificationManager };

package/notification-manager/esm/index.css

@@ -16,13 +16,9 @@
 .notification-manager__component_16pmy .notification-manager__notification_16pmy {
     width: calc(100vw - var(--gap-xl));
     margin-top: var(--gap-s);
-    will-change: transform
+    will-change: transform;
 }
 
-.notification-manager__component_16pmy .notification-manager__notification_16pmy.notification-manager__withoutMargin_16pmy {
-        margin-top: 0;
-    }
-
 .notification-manager__component_16pmy .notification-manager__notification_16pmy.notification-manager__notification_16pmy {
     position: static;
 }

package/notification-manager/index.css

@@ -16,13 +16,9 @@
 .notification-manager__component_16pmy .notification-manager__notification_16pmy {
     width: calc(100vw - var(--gap-xl));
     margin-top: var(--gap-s);
-    will-change: transform
+    will-change: transform;
 }
 
-.notification-manager__component_16pmy .notification-manager__notification_16pmy.notification-manager__withoutMargin_16pmy {
-        margin-top: 0;
-    }
-
 .notification-manager__component_16pmy .notification-manager__notification_16pmy.notification-manager__notification_16pmy {
     position: static;
 }

package/notification-manager/modern/component.d.ts

@@ -21,10 +21,6 @@ type NotificationManagerProps = HTMLAttributes<HTMLDivElement> & {
      * z-index компонента
      */
     zIndex?: number;
-    /**
-     * Отступ от верхнего края
-     */
-    offset?: number;
     /**
      * Удаление нотификации
      */
@@ -54,10 +50,6 @@ declare const NotificationManager: React.ForwardRefExoticComponent<React.HTMLAtt
      * z-index компонента
      */
     zIndex?: number | undefined;
-    /**
-     * Отступ от верхнего края
-     */
-    offset?: number | undefined;
     /**
      * Удаление нотификации
      */

package/notification-manager/modern/component.js

@@ -5,7 +5,7 @@ import { Portal } from '../../portal/modern';
 import { Stack, stackingOrder } from '../../stack/modern';
 import { Notification } from './components/notification/component.js';
 
-const styles = {"component":"notification-manager__component_16pmy","notification":"notification-manager__notification_16pmy","withoutMargin":"notification-manager__withoutMargin_16pmy","enter":"notification-manager__enter_16pmy","enterActive":"notification-manager__enterActive_16pmy"};
+const styles = {"component":"notification-manager__component_16pmy","notification":"notification-manager__notification_16pmy","enter":"notification-manager__enter_16pmy","enterActive":"notification-manager__enterActive_16pmy"};
 require('./index.css');
 
 const CSS_TRANSITION_CLASS_NAMES = {
@@ -16,15 +16,12 @@ const TIMEOUT = {
     exit: 0,
     enter: 400,
 };
-const NotificationManager = forwardRef(({ notifications, className, dataTestId, zIndex = stackingOrder.TOAST, style = {}, offset, onRemoveNotification, container, ...restProps }, ref) => (React.createElement(Stack, { value: zIndex }, (computedZIndex) => (React.createElement(Portal, { getPortalContainer: container },
+const NotificationManager = forwardRef(({ notifications, className, dataTestId, zIndex = stackingOrder.TOAST, style = {}, onRemoveNotification, container, ...restProps }, ref) => (React.createElement(Stack, { value: zIndex }, (computedZIndex) => (React.createElement(Portal, { getPortalContainer: container },
     React.createElement("div", { className: cn(styles.component, className), ref: ref, "data-test-id": dataTestId, style: {
             zIndex: computedZIndex,
-            top: offset,
             ...style,
         }, ...restProps },
-        React.createElement(TransitionGroup, null, notifications.map((element, index) => (React.createElement(CSSTransition, { key: element.props.id, timeout: TIMEOUT, classNames: CSS_TRANSITION_CLASS_NAMES, unmountOnExit: true },
-            React.createElement(Notification, { element: element, className: cn(styles.notification, {
-                    [styles.withoutMargin]: offset && index === 0,
-                }), onRemoveNotification: onRemoveNotification })))))))))));
+        React.createElement(TransitionGroup, null, notifications.map((element) => (React.createElement(CSSTransition, { key: element.props.id, timeout: TIMEOUT, classNames: CSS_TRANSITION_CLASS_NAMES, unmountOnExit: true },
+            React.createElement(Notification, { element: element, className: styles.notification, onRemoveNotification: onRemoveNotification })))))))))));
 
 export { NotificationManager };

package/notification-manager/modern/index.css

@@ -16,13 +16,9 @@
 .notification-manager__component_16pmy .notification-manager__notification_16pmy {
     width: calc(100vw - var(--gap-xl));
     margin-top: var(--gap-s);
-    will-change: transform
+    will-change: transform;
 }
 
-.notification-manager__component_16pmy .notification-manager__notification_16pmy.notification-manager__withoutMargin_16pmy {
-        margin-top: 0;
-    }
-
 .notification-manager__component_16pmy .notification-manager__notification_16pmy.notification-manager__notification_16pmy {
     position: static;
 }

package/number-input/cssm/Component.responsive.js

@@ -1,21 +1,19 @@
-import React, { forwardRef } from 'react';
-import { Input } from '../../input/cssm';
-import { useMatchMedia } from '../../mq/cssm';
-import { NumberInput } from './components/number-input/Component.js';
-import 'react-merge-refs';
-import '@maskito/core';
-import '@maskito/react';
-import 'classnames';
-import '../../shared/cssm';
-import './utils.js';
-import './components/steppers/Component.js';
-import '../../icon-button/cssm';
-import '@alfalab/icons-glyph/MinusMIcon';
-import '@alfalab/icons-glyph/PlusMediumMIcon';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const NumberInputResponsive = forwardRef(({ breakpoint = 1024, defaultMatchMediaValue, ...restProps }, ref) => {
-    const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
-    return (React.createElement(NumberInput, { ...restProps, Input: Input, ref: ref, view: isDesktop ? 'desktop' : 'mobile', breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue }));
+var tslib = require('tslib');
+var React = require('react');
+var coreComponentsInput = require('../../input/cssm');
+var coreComponentsMq = require('../../mq/cssm');
+var components_numberInput_Component = require('./components/number-input/Component.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var NumberInputResponsive = React.forwardRef(function (_a, ref) {
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
+    var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
+    return (React__default.default.createElement(components_numberInput_Component.NumberInput, tslib.__assign({}, restProps, { Input: coreComponentsInput.Input, ref: ref, view: isDesktop ? 'desktop' : 'mobile', breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue })));
 });
 
-export { NumberInputResponsive };
+exports.NumberInputResponsive = NumberInputResponsive;

package/number-input/cssm/components/number-input/Component.js

@@ -1,29 +1,32 @@
-import React, { forwardRef, useMemo, useState, useEffect } from 'react';
-import mergeRefs from 'react-merge-refs';
-import { maskitoTransform } from '@maskito/core';
-import { useMaskito } from '@maskito/react';
-import cn from 'classnames';
-import { fnUtils, os } from '../../../../shared/cssm';
-import { createMaskOptions, parseNumber, stringifyNumberWithoutExp, MAX_DIGITS, MIN_SAFE_INTEGER, MAX_SAFE_INTEGER, MINUS_SIGN } from '../../utils.js';
-import { Steppers } from '../steppers/Component.js';
-import '../../../../icon-button/cssm';
-import '@alfalab/icons-glyph/MinusMIcon';
-import '@alfalab/icons-glyph/PlusMediumMIcon';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const defaultColors = {"steppers":"steppers","steppersFocused":"steppersFocused","steppersDisabled":"steppersDisabled"};
-require('./default.css');
+var tslib = require('tslib');
+var React = require('react');
+var mergeRefs = require('react-merge-refs');
+var core = require('@maskito/core');
+var react = require('@maskito/react');
+var cn = require('classnames');
+var coreComponentsShared = require('../../../../shared/cssm');
+var utils = require('../../utils.js');
+var components_steppers_Component = require('../steppers/Component.js');
+var defaultColors = require('./default.module.css');
+var styles = require('./index.module.css');
+var invertedColors = require('./inverted.module.css');
 
-const styles = {"size-48":"size-48","size-56":"size-56"};
-require('./index.css');
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-const invertedColors = {"steppers":"steppers","steppersFocused":"steppersFocused","steppersDisabled":"steppersDisabled"};
-require('./inverted.css');
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var defaultColors__default = /*#__PURE__*/_interopDefaultCompat(defaultColors);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+var invertedColors__default = /*#__PURE__*/_interopDefaultCompat(invertedColors);
 
-const colorStyles = {
-    default: defaultColors,
-    inverted: invertedColors,
+var colorStyles = {
+    default: defaultColors__default.default,
+    inverted: invertedColors__default.default,
 };
-const SIZE_TO_CLASSNAME_MAP = {
+var SIZE_TO_CLASSNAME_MAP = {
     s: 'size-48',
     m: 'size-56',
     l: 'size-64',
@@ -33,85 +36,90 @@ const SIZE_TO_CLASSNAME_MAP = {
     64: 'size-64',
     72: 'size-72',
 };
-const NumberInput = forwardRef(({ value: propValue, onChange, separator = ',', fractionLength = MAX_DIGITS, defaultValue, Input, min: minProp, max: maxProp, rightAddons, dataTestId, disabled, onBlur, onFocus, view, step: stepProp, size = 48, disableUserInput, clear: clearProp, colors = 'default', ...restProps }, ref) => {
-    const min = Math.max(MIN_SAFE_INTEGER, minProp ?? MIN_SAFE_INTEGER);
-    const max = Math.min(MAX_SAFE_INTEGER, maxProp ?? MAX_SAFE_INTEGER);
-    const withStepper = stepProp !== undefined;
-    const maskOptions = useMemo(() => createMaskOptions({
-        separator,
-        fractionLength: withStepper ? 0 : fractionLength,
-        min,
-        max,
-    }), [separator, fractionLength, min, max, withStepper]);
-    const [focused, setFocused] = useState(false);
-    const [value, setValue] = useState(() => {
+var NumberInput = React.forwardRef(function (_a, ref) {
+    var _b;
+    var propValue = _a.value, onChange = _a.onChange, _c = _a.separator, separator = _c === void 0 ? ',' : _c, _d = _a.fractionLength, fractionLength = _d === void 0 ? utils.MAX_DIGITS : _d, defaultValue = _a.defaultValue, Input = _a.Input, minProp = _a.min, maxProp = _a.max, rightAddons = _a.rightAddons, dataTestId = _a.dataTestId, disabled = _a.disabled, onBlur = _a.onBlur, onFocus = _a.onFocus; _a.view; var stepProp = _a.step, _e = _a.size, size = _e === void 0 ? 48 : _e, disableUserInput = _a.disableUserInput, clearProp = _a.clear, _f = _a.colors, colors = _f === void 0 ? 'default' : _f, restProps = tslib.__rest(_a, ["value", "onChange", "separator", "fractionLength", "defaultValue", "Input", "min", "max", "rightAddons", "dataTestId", "disabled", "onBlur", "onFocus", "view", "step", "size", "disableUserInput", "clear", "colors"]);
+    var min = Math.max(utils.MIN_SAFE_INTEGER, minProp !== null && minProp !== void 0 ? minProp : utils.MIN_SAFE_INTEGER);
+    var max = Math.min(utils.MAX_SAFE_INTEGER, maxProp !== null && maxProp !== void 0 ? maxProp : utils.MAX_SAFE_INTEGER);
+    var withStepper = stepProp !== undefined;
+    var maskOptions = React.useMemo(function () {
+        return utils.createMaskOptions({
+            separator: separator,
+            fractionLength: withStepper ? 0 : fractionLength,
+            min: min,
+            max: max,
+        });
+    }, [separator, fractionLength, min, max, withStepper]);
+    var _g = React.useState(false), focused = _g[0], setFocused = _g[1];
+    var _h = React.useState(function () {
         if (defaultValue == null) {
-            return withStepper ? fnUtils.clamp(0, min, max).toString() : '';
+            return withStepper ? coreComponentsShared.fnUtils.clamp(0, min, max).toString() : '';
         }
-        return fnUtils
-            .clamp(parseNumber(maskitoTransform(defaultValue.toString(), maskOptions)), min, max)
+        return coreComponentsShared.fnUtils
+            .clamp(utils.parseNumber(core.maskitoTransform(defaultValue.toString(), maskOptions)), min, max)
             .toString();
-    });
-    const maskRef = useMaskito({ options: maskOptions });
-    useEffect(() => {
+    }), value = _h[0], setValue = _h[1];
+    var maskRef = react.useMaskito({ options: maskOptions });
+    React.useEffect(function () {
         if (propValue !== undefined) {
-            setValue((prev) => {
-                const parsedNumber = parseNumber(propValue);
-                if (parsedNumber !== parseNumber(prev)) {
-                    return maskitoTransform(stringifyNumberWithoutExp(parsedNumber), maskOptions);
+            setValue(function (prev) {
+                var parsedNumber = utils.parseNumber(propValue);
+                if (parsedNumber !== utils.parseNumber(prev)) {
+                    return core.maskitoTransform(utils.stringifyNumberWithoutExp(parsedNumber), maskOptions);
                 }
                 return prev;
             });
         }
     }, [maskOptions, propValue, separator]);
-    const getMaxLength = (valueString) => {
-        const hasSeparator = valueString?.includes(separator);
-        const hasSigns = valueString?.startsWith(MINUS_SIGN);
-        return MAX_DIGITS + (hasSeparator ? 1 : 0) + (hasSigns ? 1 : 0);
+    var getMaxLength = function (valueString) {
+        var hasSeparator = valueString === null || valueString === void 0 ? void 0 : valueString.includes(separator);
+        var hasSigns = valueString === null || valueString === void 0 ? void 0 : valueString.startsWith(utils.MINUS_SIGN);
+        return utils.MAX_DIGITS + (hasSeparator ? 1 : 0) + (hasSigns ? 1 : 0);
     };
-    const getStep = () => Math.round(stepProp ?? 1);
-    const changeValue = (event, newValue) => {
-        const isNaNValue = Number.isNaN(newValue);
-        const valueString = event?.target.value ?? newValue?.toString() ?? '';
+    var getStep = function () { return Math.round(stepProp !== null && stepProp !== void 0 ? stepProp : 1); };
+    var changeValue = function (event, newValue) {
+        var _a, _b;
+        var isNaNValue = Number.isNaN(newValue);
+        var valueString = (_b = (_a = event === null || event === void 0 ? void 0 : event.target.value) !== null && _a !== void 0 ? _a : newValue === null || newValue === void 0 ? void 0 : newValue.toString()) !== null && _b !== void 0 ? _b : '';
         setValue(valueString);
         if (valueString === '' || !isNaNValue) {
-            onChange?.(event, {
+            onChange === null || onChange === void 0 ? void 0 : onChange(event, {
                 value: isNaNValue ? null : newValue,
             });
         }
     };
-    const handleChange = (event) => {
-        const valueString = event.target.value;
-        changeValue(event, parseNumber(valueString));
+    var handleChange = function (event) {
+        var valueString = event.target.value;
+        changeValue(event, utils.parseNumber(valueString));
     };
-    const handleIncrement = () => {
-        const parsed = parseNumber(value);
-        const nextValue = maskitoTransform((Number.isNaN(parsed) ? min : parsed + getStep()).toString(), maskOptions);
-        changeValue(null, parseNumber(nextValue));
+    var handleIncrement = function () {
+        var parsed = utils.parseNumber(value);
+        var nextValue = core.maskitoTransform((Number.isNaN(parsed) ? min : parsed + getStep()).toString(), maskOptions);
+        changeValue(null, utils.parseNumber(nextValue));
     };
-    const handleDecrement = () => {
-        const parsed = parseNumber(value);
-        const nextValue = maskitoTransform((Number.isNaN(parsed) ? max : parsed - getStep()).toString(), maskOptions);
-        changeValue(null, parseNumber(nextValue));
+    var handleDecrement = function () {
+        var parsed = utils.parseNumber(value);
+        var nextValue = core.maskitoTransform((Number.isNaN(parsed) ? max : parsed - getStep()).toString(), maskOptions);
+        changeValue(null, utils.parseNumber(nextValue));
     };
-    const handleFocus = (e) => {
-        onFocus?.(e);
+    var handleFocus = function (e) {
+        onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
         if (!disableUserInput) {
             setFocused(true);
         }
     };
-    const handleBlur = (e) => {
-        onBlur?.(e);
+    var handleBlur = function (e) {
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
         setFocused(false);
     };
-    return (React.createElement(Input, { maxLength: getMaxLength(value), ...restProps, 
+    return (React__default.default.createElement(Input, tslib.__assign({ maxLength: getMaxLength(value) }, restProps, { 
         // В iOS в цифровой клавиатуре невозможно ввести минус.
-        inputMode: min < 0 && os.isIOS() ? 'text' : 'decimal', ref: mergeRefs([ref, maskRef]), value: value, onInput: handleChange, dataTestId: dataTestId, colors: colors, disabled: disabled, onFocus: handleFocus, onBlur: handleBlur, size: size, disableUserInput: disableUserInput, clear: clearProp && /\d/.test(value), rightAddons: withStepper ? (React.createElement(React.Fragment, null,
+        inputMode: min < 0 && coreComponentsShared.os.isIOS() ? 'text' : 'decimal', ref: mergeRefs__default.default([ref, maskRef]), value: value, onInput: handleChange, dataTestId: dataTestId, colors: colors, disabled: disabled, onFocus: handleFocus, onBlur: handleBlur, size: size, disableUserInput: disableUserInput, clear: clearProp && /\d/.test(value), rightAddons: withStepper ? (React__default.default.createElement(React__default.default.Fragment, null,
             rightAddons,
-            React.createElement(Steppers, { colors: colors, dataTestId: dataTestId, disabled: disabled, value: parseNumber(value), min: min, max: max, className: cn(colorStyles[colors].steppers, styles[SIZE_TO_CLASSNAME_MAP[size]], {
-                    [colorStyles[colors].steppersFocused]: focused,
-                    [colorStyles[colors].steppersDisabled]: disabled,
-                }), onIncrement: handleIncrement, onDecrement: handleDecrement }))) : (rightAddons) }));
+            React__default.default.createElement(components_steppers_Component.Steppers, { colors: colors, dataTestId: dataTestId, disabled: disabled, value: utils.parseNumber(value), min: min, max: max, className: cn__default.default(colorStyles[colors].steppers, styles__default.default[SIZE_TO_CLASSNAME_MAP[size]], (_b = {},
+                    _b[colorStyles[colors].steppersFocused] = focused,
+                    _b[colorStyles[colors].steppersDisabled] = disabled,
+                    _b)), onIncrement: handleIncrement, onDecrement: handleDecrement }))) : (rightAddons) })));
 });
 
-export { NumberInput };
+exports.NumberInput = NumberInput;

package/number-input/cssm/components/number-input/default.module.css

@@ -0,0 +1,23 @@
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root {
+    --color-light-neutral-translucent-0: #fff;
+    --color-light-neutral-translucent-200: rgba(30, 43, 68, 0.08); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root {
+} :root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root {
+} :root {
+} :root {
+} :root {
+} .steppers {
+    background-color: var(--color-light-neutral-translucent-0);
+} .steppersFocused,
+.steppersDisabled {
+    background-color: var(--color-light-neutral-translucent-200);
+}

package/number-input/cssm/components/number-input/index.js

@@ -1,12 +1,7 @@
-export { NumberInput } from './Component.js';
-import 'react';
-import 'react-merge-refs';
-import '@maskito/core';
-import '@maskito/react';
-import 'classnames';
-import '../../../../shared/cssm';
-import '../../utils.js';
-import '../steppers/Component.js';
-import '../../../../icon-button/cssm';
-import '@alfalab/icons-glyph/MinusMIcon';
-import '@alfalab/icons-glyph/PlusMediumMIcon';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_numberInput_Component = require('./Component.js');
+
+
+
+exports.NumberInput = components_numberInput_Component.NumberInput;

package/number-input/cssm/components/number-input/index.module.css

@@ -0,0 +1,22 @@
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root {
+} :root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root {
+} :root {
+    --gap-2xs-neg: -4px;
+    --gap-xs-neg: -8px;
+} :root {
+} :root {
+} .size-48 {
+    margin-right: var(--gap-xs-neg);
+} .size-56 {
+    margin-right: var(--gap-2xs-neg);
+}

package/number-input/cssm/components/number-input/inverted.module.css

@@ -0,0 +1,23 @@
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root {
+    --color-light-neutral-translucent-0-inverted: rgba(214, 214, 229, 0.07);
+    --color-light-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root {
+} :root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root {
+} :root {
+} :root {
+} :root {
+} .steppers {
+    background-color: var(--color-light-neutral-translucent-0-inverted);
+} .steppersFocused,
+.steppersDisabled {
+    background-color: var(--color-light-neutral-translucent-300-inverted);
+}