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

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

@@ -1,4 +1,4 @@
-/* hash: xa94o */
+/* hash: lu9v4 */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-translucent-0-inverted: rgba(214, 214, 229, 0.07);
@@ -16,9 +16,9 @@
 } :root {
 } :root {
 } :root {
-} .number-input__steppers_1ltrq {
+} .number-input__steppers_fg0pj {
     background-color: var(--color-light-neutral-translucent-0-inverted);
-} .number-input__steppersFocused_1ltrq,
-.number-input__steppersDisabled_1ltrq {
+} .number-input__steppersFocused_fg0pj,
+.number-input__steppersDisabled_fg0pj {
     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_1jhyf"};
 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_1qhsu","separator":"number-input__separator_1qhsu","button":"number-input__button_1qhsu"};
 require('./index.css')
 
-var invertedColors = {"separator":"number-input__separator_ac73e"};
+var invertedColors = {"separator":"number-input__separator_1mm20"};
 require('./inverted.css')
 
 var colorStyles = {

package/esm/components/steppers/default.css

@@ -1,4 +1,4 @@
-/* hash: bnk48 */
+/* hash: 3m65w */
 :root {
 } /* 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 */
@@ -15,6 +15,6 @@
 } :root {
 } :root {
 } :root {
-} .number-input__separator_783ii {
+} .number-input__separator_1jhyf {
     background-color: var(--color-light-neutral-translucent-300);
 }

package/esm/components/steppers/index.css

@@ -1,4 +1,4 @@
-/* hash: 1obfi */
+/* hash: 1xsr7 */
 :root {
 } /* 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 */
@@ -14,17 +14,17 @@
 } :root {
 } :root {
 } :root {
-} .number-input__component_1ykgl {
+} .number-input__component_1qhsu {
     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_1qhsu {
     height: 18px;
     width: 1px;
-} .number-input__button_1ykgl {
+} .number-input__button_1qhsu {
     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,4 +1,4 @@
-/* hash: fvybr */
+/* hash: 7ukdf */
 :root {
 } /* 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 */
@@ -15,6 +15,6 @@
 } :root {
 } :root {
 } :root {
-} .number-input__separator_ac73e {
+} .number-input__separator_1mm20 {
     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);

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

@@ -6,17 +6,14 @@ import cn from 'classnames';
 import { fnUtils, os } from '@alfalab/core-components-shared/modern';
 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/modern';
-import '@alfalab/icons-glyph/MinusMIcon';
-import '@alfalab/icons-glyph/PlusMediumMIcon';
 
-const defaultColors = {"steppers":"number-input__steppers_1bgb6","steppersFocused":"number-input__steppersFocused_1bgb6","steppersDisabled":"number-input__steppersDisabled_1bgb6"};
+const defaultColors = {"steppers":"number-input__steppers_52k5h","steppersFocused":"number-input__steppersFocused_52k5h","steppersDisabled":"number-input__steppersDisabled_52k5h"};
 require('./default.css')
 
-const styles = {"s":"number-input__s_e739v","m":"number-input__m_e739v"};
+const styles = {"s":"number-input__s_64fim","m":"number-input__m_64fim"};
 require('./index.css')
 
-const invertedColors = {"steppers":"number-input__steppers_1ltrq","steppersFocused":"number-input__steppersFocused_1ltrq","steppersDisabled":"number-input__steppersDisabled_1ltrq"};
+const invertedColors = {"steppers":"number-input__steppers_fg0pj","steppersFocused":"number-input__steppersFocused_fg0pj","steppersDisabled":"number-input__steppersDisabled_fg0pj"};
 require('./inverted.css')
 
 const colorStyles = {

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

@@ -1,4 +1,4 @@
-/* hash: wsyhd */
+/* hash: lcz7u */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-translucent-0: #fff;
@@ -16,9 +16,9 @@
 } :root {
 } :root {
 } :root {
-} .number-input__steppers_1bgb6 {
+} .number-input__steppers_52k5h {
     background-color: var(--color-light-neutral-translucent-0);
-} .number-input__steppersFocused_1bgb6,
-.number-input__steppersDisabled_1bgb6 {
+} .number-input__steppersFocused_52k5h,
+.number-input__steppersDisabled_52k5h {
     background-color: var(--color-light-neutral-translucent-200);
 }

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

@@ -1,4 +1,4 @@
-/* hash: 1tnj5 */
+/* hash: 4sl5h */
 :root {
 } /* 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 */
@@ -16,8 +16,8 @@
     --gap-xs-neg: -8px;
 } :root {
 } :root {
-} .number-input__s_e739v {
+} .number-input__s_64fim {
     margin-right: var(--gap-xs-neg);
-} .number-input__m_e739v {
+} .number-input__m_64fim {
     margin-right: var(--gap-2xs-neg);
 }

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

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

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

@@ -1,4 +1,4 @@
-/* hash: xa94o */
+/* hash: lu9v4 */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-translucent-0-inverted: rgba(214, 214, 229, 0.07);
@@ -16,9 +16,9 @@
 } :root {
 } :root {
 } :root {
-} .number-input__steppers_1ltrq {
+} .number-input__steppers_fg0pj {
     background-color: var(--color-light-neutral-translucent-0-inverted);
-} .number-input__steppersFocused_1ltrq,
-.number-input__steppersDisabled_1ltrq {
+} .number-input__steppersFocused_fg0pj,
+.number-input__steppersDisabled_fg0pj {
     background-color: var(--color-light-neutral-translucent-300-inverted);
 }

package/modern/components/steppers/Component.js

@@ -5,13 +5,13 @@ import { getDataTestId } from '@alfalab/core-components-shared/modern';
 import { MinusMIcon } from '@alfalab/icons-glyph/MinusMIcon';
 import { PlusMediumMIcon } from '@alfalab/icons-glyph/PlusMediumMIcon';
 
-const defaultColors = {"separator":"number-input__separator_783ii"};
+const defaultColors = {"separator":"number-input__separator_1jhyf"};
 require('./default.css')
 
-const styles = {"component":"number-input__component_1ykgl","separator":"number-input__separator_1ykgl","button":"number-input__button_1ykgl"};
+const styles = {"component":"number-input__component_1qhsu","separator":"number-input__separator_1qhsu","button":"number-input__button_1qhsu"};
 require('./index.css')
 
-const invertedColors = {"separator":"number-input__separator_ac73e"};
+const invertedColors = {"separator":"number-input__separator_1mm20"};
 require('./inverted.css')
 
 const colorStyles = {

package/modern/components/steppers/default.css

@@ -1,4 +1,4 @@
-/* hash: bnk48 */
+/* hash: 3m65w */
 :root {
 } /* 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 */
@@ -15,6 +15,6 @@
 } :root {
 } :root {
 } :root {
-} .number-input__separator_783ii {
+} .number-input__separator_1jhyf {
     background-color: var(--color-light-neutral-translucent-300);
 }

package/modern/components/steppers/index.css

@@ -1,4 +1,4 @@
-/* hash: 1obfi */
+/* hash: 1xsr7 */
 :root {
 } /* 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 */
@@ -14,17 +14,17 @@
 } :root {
 } :root {
 } :root {
-} .number-input__component_1ykgl {
+} .number-input__component_1qhsu {
     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_1qhsu {
     height: 18px;
     width: 1px;
-} .number-input__button_1ykgl {
+} .number-input__button_1qhsu {
     width: 40px;
     height: 40px;
 }

package/modern/components/steppers/index.js

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

package/modern/components/steppers/inverted.css

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

package/modern/desktop/Component.desktop.js

@@ -1,16 +1,6 @@
 import React, { forwardRef } from 'react';
 import { InputDesktop } from '@alfalab/core-components-input/modern/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/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 NumberInputDesktop = forwardRef((props, ref) => React.createElement(NumberInput, { ...props, Input: InputDesktop, ref: ref, view: 'desktop' }));
 

package/modern/desktop/index.js

@@ -1,14 +1 @@
 export { NumberInputDesktop } from './Component.desktop.js';
-import 'react';
-import '@alfalab/core-components-input/modern/desktop';
-import '../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';

package/modern/index.js

@@ -1,15 +1 @@
 export { NumberInputResponsive as NumberInput } from './Component.responsive.js';
-import 'react';
-import '@alfalab/core-components-input/modern';
-import '@alfalab/core-components-mq/modern';
-import './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';

package/modern/mobile/Component.mobile.js

@@ -1,16 +1,6 @@
 import React, { forwardRef } from 'react';
 import { InputMobile } from '@alfalab/core-components-input/modern/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/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 NumberInputMobile = forwardRef((props, ref) => React.createElement(NumberInput, { ...props, Input: InputMobile, ref: ref, view: 'mobile' }));
 

package/modern/mobile/index.js

@@ -1,14 +1 @@
 export { NumberInputMobile } from './Component.mobile.js';
-import 'react';
-import '@alfalab/core-components-input/modern/mobile';
-import '../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';

package/modern/shared/index.d.ts

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

package/modern/shared/index.js

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

package/modern/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 };