@alfalab/core-components-number-input 2.1.2 → 2.3.0

package/cssm/mobile/index.js

@@ -3,26 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var mobile_Component_mobile = require('./Component.mobile.js');
-require('tslib');
-require('react');
-require('@alfalab/core-components-input/cssm/mobile');
-require('../components/number-input/Component.js');
-require('react-merge-refs');
-require('@maskito/core');
-require('@maskito/react');
-require('classnames');
-require('@alfalab/core-components-shared/cssm');
-require('../utils.js');
-require('../components/steppers/Component.js');
-require('@alfalab/core-components-icon-button/cssm');
-require('@alfalab/icons-glyph/MinusMIcon');
-require('@alfalab/icons-glyph/PlusMediumMIcon');
-require('../components/steppers/default.module.css');
-require('../components/steppers/index.module.css');
-require('../components/steppers/inverted.module.css');
-require('../components/number-input/default.module.css');
-require('../components/number-input/index.module.css');
-require('../components/number-input/inverted.module.css');
 
 
 

package/cssm/shared/index.d.ts

@@ -0,0 +1 @@
+export { getNumberInputTestIds } from "../utils";

package/cssm/shared/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('../utils.js');
+
+
+
+exports.getNumberInputTestIds = utils.getNumberInputTestIds;

package/cssm/utils.d.ts

@@ -20,4 +20,15 @@ declare function createMinMaxPlugin({ min, max }: {
     max: number;
 }): MaskitoPlugin;
 declare function createNotEmptyPartsPlugin(separator: string): MaskitoPlugin;
-export { MINUS_SIGN, SEPARATORS, MAX_SAFE_INTEGER, MIN_SAFE_INTEGER, MAX_DIGITS, parseNumber, stringifyNumberWithoutExp, createMaskOptions, createMinMaxPlugin, createNotEmptyPartsPlugin };
+declare function getNumberInputTestIds(dataTestId: string): {
+    input: string;
+    inputWrapper: string;
+    inputWrapperInner: string;
+    leftAddons: string;
+    rightAddons: string;
+    error: string;
+    hint: string;
+    decrementButton: string;
+    incrementButton: string;
+};
+export { MINUS_SIGN, SEPARATORS, MAX_SAFE_INTEGER, MIN_SAFE_INTEGER, MAX_DIGITS, parseNumber, stringifyNumberWithoutExp, createMaskOptions, createMinMaxPlugin, createNotEmptyPartsPlugin, getNumberInputTestIds };

package/cssm/utils.js

@@ -246,6 +246,19 @@ function createNotEmptyPartsPlugin(separator) {
         return function () { return element.removeEventListener('blur', listener, evListenerOptions); };
     };
 }
+function getNumberInputTestIds(dataTestId) {
+    return {
+        input: dataTestId,
+        inputWrapper: coreComponentsShared.getDataTestId(dataTestId, 'form-control'),
+        inputWrapperInner: coreComponentsShared.getDataTestId(dataTestId, 'form-control-inner'),
+        leftAddons: coreComponentsShared.getDataTestId(dataTestId, 'form-control-left-addons'),
+        rightAddons: coreComponentsShared.getDataTestId(dataTestId, 'form-control-right-addons'),
+        error: coreComponentsShared.getDataTestId(dataTestId, 'form-control-error-message'),
+        hint: coreComponentsShared.getDataTestId(dataTestId, 'form-control-hint'),
+        decrementButton: coreComponentsShared.getDataTestId(dataTestId, 'decrement-button'),
+        incrementButton: coreComponentsShared.getDataTestId(dataTestId, 'increment-button'),
+    };
+}
 
 exports.MAX_DIGITS = MAX_DIGITS;
 exports.MAX_SAFE_INTEGER = MAX_SAFE_INTEGER;
@@ -255,5 +268,6 @@ exports.SEPARATORS = SEPARATORS;
 exports.createMaskOptions = createMaskOptions;
 exports.createMinMaxPlugin = createMinMaxPlugin;
 exports.createNotEmptyPartsPlugin = createNotEmptyPartsPlugin;
+exports.getNumberInputTestIds = getNumberInputTestIds;
 exports.parseNumber = parseNumber;
 exports.stringifyNumberWithoutExp = stringifyNumberWithoutExp;

package/desktop/Component.desktop.js

@@ -6,16 +6,6 @@ var tslib = require('tslib');
 var React = require('react');
 var desktop = require('@alfalab/core-components-input/desktop');
 var components_numberInput_Component = require('../components/number-input/Component.js');
-require('react-merge-refs');
-require('@maskito/core');
-require('@maskito/react');
-require('classnames');
-require('@alfalab/core-components-shared');
-require('../utils.js');
-require('../components/steppers/Component.js');
-require('@alfalab/core-components-icon-button');
-require('@alfalab/icons-glyph/MinusMIcon');
-require('@alfalab/icons-glyph/PlusMediumMIcon');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/desktop/index.js

@@ -3,20 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var desktop_Component_desktop = require('./Component.desktop.js');
-require('tslib');
-require('react');
-require('@alfalab/core-components-input/desktop');
-require('../components/number-input/Component.js');
-require('react-merge-refs');
-require('@maskito/core');
-require('@maskito/react');
-require('classnames');
-require('@alfalab/core-components-shared');
-require('../utils.js');
-require('../components/steppers/Component.js');
-require('@alfalab/core-components-icon-button');
-require('@alfalab/icons-glyph/MinusMIcon');
-require('@alfalab/icons-glyph/PlusMediumMIcon');
 
 
 

package/esm/Component.responsive.js

@@ -3,16 +3,6 @@ import React, { forwardRef } from 'react';
 import { Input } from '@alfalab/core-components-input/esm';
 import { useMatchMedia } from '@alfalab/core-components-mq/esm';
 import { NumberInput } from './components/number-input/Component.js';
-import 'react-merge-refs';
-import '@maskito/core';
-import '@maskito/react';
-import 'classnames';
-import '@alfalab/core-components-shared/esm';
-import './utils.js';
-import './components/steppers/Component.js';
-import '@alfalab/core-components-icon-button/esm';
-import '@alfalab/icons-glyph/MinusMIcon';
-import '@alfalab/icons-glyph/PlusMediumMIcon';
 
 var NumberInputResponsive = forwardRef(function (_a, ref) {
     var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue"]);

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

@@ -7,26 +7,33 @@ import cn from 'classnames';
 import { fnUtils, os } from '@alfalab/core-components-shared/esm';
 import { createMaskOptions, parseNumber, stringifyNumberWithoutExp, MAX_DIGITS, MIN_SAFE_INTEGER, MAX_SAFE_INTEGER, MINUS_SIGN } from '../../utils.js';
 import { Steppers } from '../steppers/Component.js';
-import '@alfalab/core-components-icon-button/esm';
-import '@alfalab/icons-glyph/MinusMIcon';
-import '@alfalab/icons-glyph/PlusMediumMIcon';
 
-var defaultColors = {"steppers":"number-input__steppers_1bgb6","steppersFocused":"number-input__steppersFocused_1bgb6","steppersDisabled":"number-input__steppersDisabled_1bgb6"};
+var defaultColors = {"steppers":"number-input__steppers_6qtl2","steppersFocused":"number-input__steppersFocused_6qtl2","steppersDisabled":"number-input__steppersDisabled_6qtl2"};
 require('./default.css')
 
-var styles = {"s":"number-input__s_e739v","m":"number-input__m_e739v"};
+var styles = {"size-48":"number-input__size-48_biro8","size-56":"number-input__size-56_biro8"};
 require('./index.css')
 
-var invertedColors = {"steppers":"number-input__steppers_1ltrq","steppersFocused":"number-input__steppersFocused_1ltrq","steppersDisabled":"number-input__steppersDisabled_1ltrq"};
+var invertedColors = {"steppers":"number-input__steppers_h4a54","steppersFocused":"number-input__steppersFocused_h4a54","steppersDisabled":"number-input__steppersDisabled_h4a54"};
 require('./inverted.css')
 
 var colorStyles = {
     default: defaultColors,
     inverted: invertedColors,
 };
+var SIZE_TO_CLASSNAME_MAP = {
+    s: 'size-48',
+    m: 'size-56',
+    l: 'size-64',
+    xl: 'size-72',
+    48: 'size-48',
+    56: 'size-56',
+    64: 'size-64',
+    72: 'size-72',
+};
 var NumberInput = 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 ? 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 ? 's' : _e, disableUserInput = _a.disableUserInput, clearProp = _a.clear, _f = _a.colors, colors = _f === void 0 ? 'default' : _f, restProps = __rest(_a, ["value", "onChange", "separator", "fractionLength", "defaultValue", "Input", "min", "max", "rightAddons", "dataTestId", "disabled", "onBlur", "onFocus", "view", "step", "size", "disableUserInput", "clear", "colors"]);
+    var propValue = _a.value, onChange = _a.onChange, _c = _a.separator, separator = _c === void 0 ? ',' : _c, _d = _a.fractionLength, fractionLength = _d === void 0 ? 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 = __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(MIN_SAFE_INTEGER, minProp !== null && minProp !== void 0 ? minProp : MIN_SAFE_INTEGER);
     var max = Math.min(MAX_SAFE_INTEGER, maxProp !== null && maxProp !== void 0 ? maxProp : MAX_SAFE_INTEGER);
     var withStepper = stepProp !== undefined;
@@ -104,7 +111,7 @@ var NumberInput = forwardRef(function (_a, ref) {
         // В 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,
             rightAddons,
-            React.createElement(Steppers, { colors: colors, dataTestId: dataTestId, disabled: disabled, value: parseNumber(value), min: min, max: max, className: cn(colorStyles[colors].steppers, styles[size], (_b = {},
+            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]], (_b = {},
                     _b[colorStyles[colors].steppersFocused] = focused,
                     _b[colorStyles[colors].steppersDisabled] = disabled,
                     _b)), onIncrement: handleIncrement, onDecrement: handleDecrement }))) : (rightAddons) })));

package/esm/components/number-input/default.css

@@ -1,5 +1,5 @@
-/* hash: wsyhd */
-:root {
+/* hash: 14o49 */
+: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 */
@@ -16,9 +16,9 @@
 } :root {
 } :root {
 } :root {
-} .number-input__steppers_1bgb6 {
+} .number-input__steppers_6qtl2 {
     background-color: var(--color-light-neutral-translucent-0);
-} .number-input__steppersFocused_1bgb6,
-.number-input__steppersDisabled_1bgb6 {
+} .number-input__steppersFocused_6qtl2,
+.number-input__steppersDisabled_6qtl2 {
     background-color: var(--color-light-neutral-translucent-200);
 }

package/esm/components/number-input/index.css

@@ -1,5 +1,5 @@
-/* hash: 1tnj5 */
-:root {
+/* hash: 14pss */
+: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 {
@@ -16,8 +16,8 @@
     --gap-xs-neg: -8px;
 } :root {
 } :root {
-} .number-input__s_e739v {
+} .number-input__size-48_biro8 {
     margin-right: var(--gap-xs-neg);
-} .number-input__m_e739v {
+} .number-input__size-56_biro8 {
     margin-right: var(--gap-2xs-neg);
 }

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

@@ -1,13 +1 @@
 export { NumberInput } from './Component.js';
-import 'tslib';
-import 'react';
-import 'react-merge-refs';
-import '@maskito/core';
-import '@maskito/react';
-import 'classnames';
-import '@alfalab/core-components-shared/esm';
-import '../../utils.js';
-import '../steppers/Component.js';
-import '@alfalab/core-components-icon-button/esm';
-import '@alfalab/icons-glyph/MinusMIcon';
-import '@alfalab/icons-glyph/PlusMediumMIcon';

package/esm/components/number-input/inverted.css

@@ -1,5 +1,5 @@
-/* hash: xa94o */
-:root {
+/* hash: 155ew */
+: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 */
@@ -16,9 +16,9 @@
 } :root {
 } :root {
 } :root {
-} .number-input__steppers_1ltrq {
+} .number-input__steppers_h4a54 {
     background-color: var(--color-light-neutral-translucent-0-inverted);
-} .number-input__steppersFocused_1ltrq,
-.number-input__steppersDisabled_1ltrq {
+} .number-input__steppersFocused_h4a54,
+.number-input__steppersDisabled_h4a54 {
     background-color: var(--color-light-neutral-translucent-300-inverted);
 }

package/esm/components/steppers/Component.js

@@ -5,13 +5,13 @@ import { getDataTestId } from '@alfalab/core-components-shared/esm';
 import { MinusMIcon } from '@alfalab/icons-glyph/MinusMIcon';
 import { PlusMediumMIcon } from '@alfalab/icons-glyph/PlusMediumMIcon';
 
-var defaultColors = {"separator":"number-input__separator_783ii"};
+var defaultColors = {"separator":"number-input__separator_1bxl4"};
 require('./default.css')
 
-var styles = {"component":"number-input__component_1ykgl","separator":"number-input__separator_1ykgl","button":"number-input__button_1ykgl"};
+var styles = {"component":"number-input__component_27o5k","separator":"number-input__separator_27o5k","button":"number-input__button_27o5k"};
 require('./index.css')
 
-var invertedColors = {"separator":"number-input__separator_ac73e"};
+var invertedColors = {"separator":"number-input__separator_1f1op"};
 require('./inverted.css')
 
 var colorStyles = {

package/esm/components/steppers/default.css

@@ -1,5 +1,5 @@
-/* hash: bnk48 */
-:root {
+/* hash: 1lirz */
+: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-300: rgba(15, 25, 55, 0.1); /* 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 */
@@ -15,6 +15,6 @@
 } :root {
 } :root {
 } :root {
-} .number-input__separator_783ii {
+} .number-input__separator_1bxl4 {
     background-color: var(--color-light-neutral-translucent-300);
 }

package/esm/components/steppers/index.css

@@ -1,5 +1,5 @@
-/* hash: 1obfi */
-:root {
+/* hash: 1cyee */
+: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 {
@@ -14,17 +14,17 @@
 } :root {
 } :root {
 } :root {
-} .number-input__component_1ykgl {
+} .number-input__component_27o5k {
     display: flex;
     flex-flow: row nowrap;
     align-items: center;
     border-radius: 5px;
     transition: background-color 0.2s ease;
     overflow: visible;
-} .number-input__separator_1ykgl {
+} .number-input__separator_27o5k {
     height: 18px;
     width: 1px;
-} .number-input__button_1ykgl {
+} .number-input__button_27o5k {
     width: 40px;
     height: 40px;
 }

package/esm/components/steppers/index.js

@@ -1,7 +1 @@
 export { Steppers } from './Component.js';
-import 'react';
-import 'classnames';
-import '@alfalab/core-components-icon-button/esm';
-import '@alfalab/core-components-shared/esm';
-import '@alfalab/icons-glyph/MinusMIcon';
-import '@alfalab/icons-glyph/PlusMediumMIcon';

package/esm/components/steppers/inverted.css

@@ -1,5 +1,5 @@
-/* hash: fvybr */
-:root {
+/* hash: 1pr67 */
+: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-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 */
@@ -15,6 +15,6 @@
 } :root {
 } :root {
 } :root {
-} .number-input__separator_ac73e {
+} .number-input__separator_1f1op {
     background-color: var(--color-light-neutral-translucent-300-inverted);
 }

package/esm/desktop/Component.desktop.js

@@ -2,16 +2,6 @@ import { __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { InputDesktop } from '@alfalab/core-components-input/esm/desktop';
 import { NumberInput } from '../components/number-input/Component.js';
-import 'react-merge-refs';
-import '@maskito/core';
-import '@maskito/react';
-import 'classnames';
-import '@alfalab/core-components-shared/esm';
-import '../utils.js';
-import '../components/steppers/Component.js';
-import '@alfalab/core-components-icon-button/esm';
-import '@alfalab/icons-glyph/MinusMIcon';
-import '@alfalab/icons-glyph/PlusMediumMIcon';
 
 var NumberInputDesktop = forwardRef(function (props, ref) { return React.createElement(NumberInput, __assign({}, props, { Input: InputDesktop, ref: ref, view: 'desktop' })); });
 

package/esm/desktop/index.js

@@ -1,15 +1 @@
 export { NumberInputDesktop } from './Component.desktop.js';
-import 'tslib';
-import 'react';
-import '@alfalab/core-components-input/esm/desktop';
-import '../components/number-input/Component.js';
-import 'react-merge-refs';
-import '@maskito/core';
-import '@maskito/react';
-import 'classnames';
-import '@alfalab/core-components-shared/esm';
-import '../utils.js';
-import '../components/steppers/Component.js';
-import '@alfalab/core-components-icon-button/esm';
-import '@alfalab/icons-glyph/MinusMIcon';
-import '@alfalab/icons-glyph/PlusMediumMIcon';

package/esm/index.js

@@ -1,16 +1 @@
 export { NumberInputResponsive as NumberInput } from './Component.responsive.js';
-import 'tslib';
-import 'react';
-import '@alfalab/core-components-input/esm';
-import '@alfalab/core-components-mq/esm';
-import './components/number-input/Component.js';
-import 'react-merge-refs';
-import '@maskito/core';
-import '@maskito/react';
-import 'classnames';
-import '@alfalab/core-components-shared/esm';
-import './utils.js';
-import './components/steppers/Component.js';
-import '@alfalab/core-components-icon-button/esm';
-import '@alfalab/icons-glyph/MinusMIcon';
-import '@alfalab/icons-glyph/PlusMediumMIcon';

package/esm/mobile/Component.mobile.js

@@ -2,16 +2,6 @@ import { __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { InputMobile } from '@alfalab/core-components-input/esm/mobile';
 import { NumberInput } from '../components/number-input/Component.js';
-import 'react-merge-refs';
-import '@maskito/core';
-import '@maskito/react';
-import 'classnames';
-import '@alfalab/core-components-shared/esm';
-import '../utils.js';
-import '../components/steppers/Component.js';
-import '@alfalab/core-components-icon-button/esm';
-import '@alfalab/icons-glyph/MinusMIcon';
-import '@alfalab/icons-glyph/PlusMediumMIcon';
 
 var NumberInputMobile = forwardRef(function (props, ref) { return React.createElement(NumberInput, __assign({}, props, { Input: InputMobile, ref: ref, view: 'mobile' })); });
 

package/esm/mobile/index.js

@@ -1,15 +1 @@
 export { NumberInputMobile } from './Component.mobile.js';
-import 'tslib';
-import 'react';
-import '@alfalab/core-components-input/esm/mobile';
-import '../components/number-input/Component.js';
-import 'react-merge-refs';
-import '@maskito/core';
-import '@maskito/react';
-import 'classnames';
-import '@alfalab/core-components-shared/esm';
-import '../utils.js';
-import '../components/steppers/Component.js';
-import '@alfalab/core-components-icon-button/esm';
-import '@alfalab/icons-glyph/MinusMIcon';
-import '@alfalab/icons-glyph/PlusMediumMIcon';

package/esm/shared/index.d.ts

@@ -0,0 +1 @@
+export { getNumberInputTestIds } from "../utils";

package/esm/shared/index.js

@@ -0,0 +1 @@
+export { getNumberInputTestIds } from '../utils.js';

package/esm/utils.d.ts

@@ -20,4 +20,15 @@ declare function createMinMaxPlugin({ min, max }: {
     max: number;
 }): MaskitoPlugin;
 declare function createNotEmptyPartsPlugin(separator: string): MaskitoPlugin;
-export { MINUS_SIGN, SEPARATORS, MAX_SAFE_INTEGER, MIN_SAFE_INTEGER, MAX_DIGITS, parseNumber, stringifyNumberWithoutExp, createMaskOptions, createMinMaxPlugin, createNotEmptyPartsPlugin };
+declare function getNumberInputTestIds(dataTestId: string): {
+    input: string;
+    inputWrapper: string;
+    inputWrapperInner: string;
+    leftAddons: string;
+    rightAddons: string;
+    error: string;
+    hint: string;
+    decrementButton: string;
+    incrementButton: string;
+};
+export { MINUS_SIGN, SEPARATORS, MAX_SAFE_INTEGER, MIN_SAFE_INTEGER, MAX_DIGITS, parseNumber, stringifyNumberWithoutExp, createMaskOptions, createMinMaxPlugin, createNotEmptyPartsPlugin, getNumberInputTestIds };

package/esm/utils.js

@@ -1,5 +1,5 @@
 import { maskitoTransform } from '@maskito/core';
-import { fnUtils } from '@alfalab/core-components-shared/esm';
+import { getDataTestId, fnUtils } from '@alfalab/core-components-shared/esm';
 
 /* eslint-disable no-param-reassign */
 var MINUS_SIGN = '-';
@@ -242,5 +242,18 @@ function createNotEmptyPartsPlugin(separator) {
         return function () { return element.removeEventListener('blur', listener, evListenerOptions); };
     };
 }
+function getNumberInputTestIds(dataTestId) {
+    return {
+        input: dataTestId,
+        inputWrapper: getDataTestId(dataTestId, 'form-control'),
+        inputWrapperInner: getDataTestId(dataTestId, 'form-control-inner'),
+        leftAddons: getDataTestId(dataTestId, 'form-control-left-addons'),
+        rightAddons: getDataTestId(dataTestId, 'form-control-right-addons'),
+        error: getDataTestId(dataTestId, 'form-control-error-message'),
+        hint: getDataTestId(dataTestId, 'form-control-hint'),
+        decrementButton: getDataTestId(dataTestId, 'decrement-button'),
+        incrementButton: getDataTestId(dataTestId, 'increment-button'),
+    };
+}
 
-export { MAX_DIGITS, MAX_SAFE_INTEGER, MINUS_SIGN, MIN_SAFE_INTEGER, SEPARATORS, createMaskOptions, createMinMaxPlugin, createNotEmptyPartsPlugin, parseNumber, stringifyNumberWithoutExp };
+export { MAX_DIGITS, MAX_SAFE_INTEGER, MINUS_SIGN, MIN_SAFE_INTEGER, SEPARATORS, createMaskOptions, createMinMaxPlugin, createNotEmptyPartsPlugin, getNumberInputTestIds, parseNumber, stringifyNumberWithoutExp };

package/index.js

@@ -3,21 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var Component_responsive = require('./Component.responsive.js');
-require('tslib');
-require('react');
-require('@alfalab/core-components-input');
-require('@alfalab/core-components-mq');
-require('./components/number-input/Component.js');
-require('react-merge-refs');
-require('@maskito/core');
-require('@maskito/react');
-require('classnames');
-require('@alfalab/core-components-shared');
-require('./utils.js');
-require('./components/steppers/Component.js');
-require('@alfalab/core-components-icon-button');
-require('@alfalab/icons-glyph/MinusMIcon');
-require('@alfalab/icons-glyph/PlusMediumMIcon');
 
 
 

package/mobile/Component.mobile.js

@@ -6,16 +6,6 @@ var tslib = require('tslib');
 var React = require('react');
 var mobile = require('@alfalab/core-components-input/mobile');
 var components_numberInput_Component = require('../components/number-input/Component.js');
-require('react-merge-refs');
-require('@maskito/core');
-require('@maskito/react');
-require('classnames');
-require('@alfalab/core-components-shared');
-require('../utils.js');
-require('../components/steppers/Component.js');
-require('@alfalab/core-components-icon-button');
-require('@alfalab/icons-glyph/MinusMIcon');
-require('@alfalab/icons-glyph/PlusMediumMIcon');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/mobile/index.js

@@ -3,20 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var mobile_Component_mobile = require('./Component.mobile.js');
-require('tslib');
-require('react');
-require('@alfalab/core-components-input/mobile');
-require('../components/number-input/Component.js');
-require('react-merge-refs');
-require('@maskito/core');
-require('@maskito/react');
-require('classnames');
-require('@alfalab/core-components-shared');
-require('../utils.js');
-require('../components/steppers/Component.js');
-require('@alfalab/core-components-icon-button');
-require('@alfalab/icons-glyph/MinusMIcon');
-require('@alfalab/icons-glyph/PlusMediumMIcon');
 
 
 

package/modern/Component.responsive.js

@@ -2,16 +2,6 @@ import React, { forwardRef } from 'react';
 import { Input } from '@alfalab/core-components-input/modern';
 import { useMatchMedia } from '@alfalab/core-components-mq/modern';
 import { NumberInput } from './components/number-input/Component.js';
-import 'react-merge-refs';
-import '@maskito/core';
-import '@maskito/react';
-import 'classnames';
-import '@alfalab/core-components-shared/modern';
-import './utils.js';
-import './components/steppers/Component.js';
-import '@alfalab/core-components-icon-button/modern';
-import '@alfalab/icons-glyph/MinusMIcon';
-import '@alfalab/icons-glyph/PlusMediumMIcon';
 
 const NumberInputResponsive = forwardRef(({ breakpoint = 1024, defaultMatchMediaValue, ...restProps }, ref) => {
     const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);