@alfalab/core-components-number-input 2.1.2 → 2.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Component.responsive.js +0 -10
- package/components/number-input/Component.js +15 -8
- package/components/number-input/default.css +5 -5
- package/components/number-input/index.css +4 -4
- package/components/number-input/index.js +0 -12
- package/components/number-input/inverted.css +5 -5
- package/components/steppers/Component.js +3 -3
- package/components/steppers/default.css +3 -3
- package/components/steppers/index.css +5 -5
- package/components/steppers/index.js +0 -6
- package/components/steppers/inverted.css +3 -3
- package/cssm/Component.responsive.js +0 -16
- package/cssm/components/number-input/Component.js +12 -8
- package/cssm/components/number-input/default.module.css +1 -1
- package/cssm/components/number-input/index.js +0 -18
- package/cssm/components/number-input/index.module.css +3 -3
- package/cssm/components/number-input/inverted.module.css +1 -1
- package/cssm/components/steppers/default.module.css +1 -1
- package/cssm/components/steppers/index.js +0 -9
- package/cssm/components/steppers/index.module.css +1 -1
- package/cssm/components/steppers/inverted.module.css +1 -1
- package/cssm/desktop/Component.desktop.js +0 -16
- package/cssm/desktop/index.js +0 -20
- package/cssm/index.js +0 -21
- package/cssm/mobile/Component.mobile.js +0 -16
- package/cssm/mobile/index.js +0 -20
- package/cssm/shared/index.d.ts +1 -0
- package/cssm/shared/index.js +9 -0
- package/cssm/utils.d.ts +12 -1
- package/cssm/utils.js +14 -0
- package/desktop/Component.desktop.js +0 -10
- package/desktop/index.js +0 -14
- package/esm/Component.responsive.js +0 -10
- package/esm/components/number-input/Component.js +15 -8
- package/esm/components/number-input/default.css +5 -5
- package/esm/components/number-input/index.css +4 -4
- package/esm/components/number-input/index.js +0 -12
- package/esm/components/number-input/inverted.css +5 -5
- package/esm/components/steppers/Component.js +3 -3
- package/esm/components/steppers/default.css +3 -3
- package/esm/components/steppers/index.css +5 -5
- package/esm/components/steppers/index.js +0 -6
- package/esm/components/steppers/inverted.css +3 -3
- package/esm/desktop/Component.desktop.js +0 -10
- package/esm/desktop/index.js +0 -14
- package/esm/index.js +0 -15
- package/esm/mobile/Component.mobile.js +0 -10
- package/esm/mobile/index.js +0 -14
- package/esm/shared/index.d.ts +1 -0
- package/esm/shared/index.js +1 -0
- package/esm/utils.d.ts +12 -1
- package/esm/utils.js +15 -2
- package/index.js +0 -15
- package/mobile/Component.mobile.js +0 -10
- package/mobile/index.js +0 -14
- package/modern/Component.responsive.js +0 -10
- package/modern/components/number-input/Component.js +15 -8
- package/modern/components/number-input/default.css +5 -5
- package/modern/components/number-input/index.css +4 -4
- package/modern/components/number-input/index.js +0 -11
- package/modern/components/number-input/inverted.css +5 -5
- package/modern/components/steppers/Component.js +3 -3
- package/modern/components/steppers/default.css +3 -3
- package/modern/components/steppers/index.css +5 -5
- package/modern/components/steppers/index.js +0 -6
- package/modern/components/steppers/inverted.css +3 -3
- package/modern/desktop/Component.desktop.js +0 -10
- package/modern/desktop/index.js +0 -13
- package/modern/index.js +0 -14
- package/modern/mobile/Component.mobile.js +0 -10
- package/modern/mobile/index.js +0 -13
- package/modern/shared/index.d.ts +1 -0
- package/modern/shared/index.js +1 -0
- package/modern/utils.d.ts +12 -1
- package/modern/utils.js +15 -2
- package/package.json +3 -3
- package/shared/index.d.ts +1 -0
- package/shared/index.js +9 -0
- package/shared/package.json +3 -0
- package/src/components/number-input/Component.tsx +20 -5
- package/src/components/number-input/index.module.css +2 -2
- package/src/shared/index.ts +1 -0
- package/src/shared/package.json +3 -0
- package/src/utils.ts +15 -1
- package/utils.d.ts +12 -1
- package/utils.js +14 -0
package/Component.responsive.js
CHANGED
|
@@ -7,16 +7,6 @@ var React = require('react');
|
|
|
7
7
|
var coreComponentsInput = require('@alfalab/core-components-input');
|
|
8
8
|
var coreComponentsMq = require('@alfalab/core-components-mq');
|
|
9
9
|
var components_numberInput_Component = require('./components/number-input/Component.js');
|
|
10
|
-
require('react-merge-refs');
|
|
11
|
-
require('@maskito/core');
|
|
12
|
-
require('@maskito/react');
|
|
13
|
-
require('classnames');
|
|
14
|
-
require('@alfalab/core-components-shared');
|
|
15
|
-
require('./utils.js');
|
|
16
|
-
require('./components/steppers/Component.js');
|
|
17
|
-
require('@alfalab/core-components-icon-button');
|
|
18
|
-
require('@alfalab/icons-glyph/MinusMIcon');
|
|
19
|
-
require('@alfalab/icons-glyph/PlusMediumMIcon');
|
|
20
10
|
|
|
21
11
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
22
12
|
|
|
@@ -11,9 +11,6 @@ var cn = require('classnames');
|
|
|
11
11
|
var coreComponentsShared = require('@alfalab/core-components-shared');
|
|
12
12
|
var utils = require('../../utils.js');
|
|
13
13
|
var components_steppers_Component = require('../steppers/Component.js');
|
|
14
|
-
require('@alfalab/core-components-icon-button');
|
|
15
|
-
require('@alfalab/icons-glyph/MinusMIcon');
|
|
16
|
-
require('@alfalab/icons-glyph/PlusMediumMIcon');
|
|
17
14
|
|
|
18
15
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
19
16
|
|
|
@@ -21,22 +18,32 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
|
21
18
|
var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
|
|
22
19
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
23
20
|
|
|
24
|
-
var defaultColors = {"steppers":"number-
|
|
21
|
+
var defaultColors = {"steppers":"number-input__steppers_6qtl2","steppersFocused":"number-input__steppersFocused_6qtl2","steppersDisabled":"number-input__steppersDisabled_6qtl2"};
|
|
25
22
|
require('./default.css')
|
|
26
23
|
|
|
27
|
-
var styles = {"
|
|
24
|
+
var styles = {"size-48":"number-input__size-48_biro8","size-56":"number-input__size-56_biro8"};
|
|
28
25
|
require('./index.css')
|
|
29
26
|
|
|
30
|
-
var invertedColors = {"steppers":"number-
|
|
27
|
+
var invertedColors = {"steppers":"number-input__steppers_h4a54","steppersFocused":"number-input__steppersFocused_h4a54","steppersDisabled":"number-input__steppersDisabled_h4a54"};
|
|
31
28
|
require('./inverted.css')
|
|
32
29
|
|
|
33
30
|
var colorStyles = {
|
|
34
31
|
default: defaultColors,
|
|
35
32
|
inverted: invertedColors,
|
|
36
33
|
};
|
|
34
|
+
var SIZE_TO_CLASSNAME_MAP = {
|
|
35
|
+
s: 'size-48',
|
|
36
|
+
m: 'size-56',
|
|
37
|
+
l: 'size-64',
|
|
38
|
+
xl: 'size-72',
|
|
39
|
+
48: 'size-48',
|
|
40
|
+
56: 'size-56',
|
|
41
|
+
64: 'size-64',
|
|
42
|
+
72: 'size-72',
|
|
43
|
+
};
|
|
37
44
|
var NumberInput = React.forwardRef(function (_a, ref) {
|
|
38
45
|
var _b;
|
|
39
|
-
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 ?
|
|
46
|
+
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"]);
|
|
40
47
|
var min = Math.max(utils.MIN_SAFE_INTEGER, minProp !== null && minProp !== void 0 ? minProp : utils.MIN_SAFE_INTEGER);
|
|
41
48
|
var max = Math.min(utils.MAX_SAFE_INTEGER, maxProp !== null && maxProp !== void 0 ? maxProp : utils.MAX_SAFE_INTEGER);
|
|
42
49
|
var withStepper = stepProp !== undefined;
|
|
@@ -114,7 +121,7 @@ var NumberInput = React.forwardRef(function (_a, ref) {
|
|
|
114
121
|
// В iOS в цифровой клавиатуре невозможно ввести минус.
|
|
115
122
|
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,
|
|
116
123
|
rightAddons,
|
|
117
|
-
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[size], (_b = {},
|
|
124
|
+
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[SIZE_TO_CLASSNAME_MAP[size]], (_b = {},
|
|
118
125
|
_b[colorStyles[colors].steppersFocused] = focused,
|
|
119
126
|
_b[colorStyles[colors].steppersDisabled] = disabled,
|
|
120
127
|
_b)), onIncrement: handleIncrement, onDecrement: handleDecrement }))) : (rightAddons) })));
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/* hash:
|
|
2
|
-
:root {
|
|
1
|
+
/* hash: 14o49 */
|
|
2
|
+
: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 */
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-neutral-translucent-0: #fff;
|
|
5
5
|
--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 @@
|
|
|
16
16
|
} :root {
|
|
17
17
|
} :root {
|
|
18
18
|
} :root {
|
|
19
|
-
} .number-
|
|
19
|
+
} .number-input__steppers_6qtl2 {
|
|
20
20
|
background-color: var(--color-light-neutral-translucent-0);
|
|
21
|
-
} .number-
|
|
22
|
-
.number-
|
|
21
|
+
} .number-input__steppersFocused_6qtl2,
|
|
22
|
+
.number-input__steppersDisabled_6qtl2 {
|
|
23
23
|
background-color: var(--color-light-neutral-translucent-200);
|
|
24
24
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/* hash:
|
|
2
|
-
:root {
|
|
1
|
+
/* hash: 14pss */
|
|
2
|
+
: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 */
|
|
3
3
|
} /* 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 */
|
|
4
4
|
} :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 */
|
|
5
5
|
} :root {
|
|
@@ -16,8 +16,8 @@
|
|
|
16
16
|
--gap-xs-neg: -8px;
|
|
17
17
|
} :root {
|
|
18
18
|
} :root {
|
|
19
|
-
} .number-
|
|
19
|
+
} .number-input__size-48_biro8 {
|
|
20
20
|
margin-right: var(--gap-xs-neg);
|
|
21
|
-
} .number-
|
|
21
|
+
} .number-input__size-56_biro8 {
|
|
22
22
|
margin-right: var(--gap-2xs-neg);
|
|
23
23
|
}
|
|
@@ -3,18 +3,6 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var components_numberInput_Component = require('./Component.js');
|
|
6
|
-
require('tslib');
|
|
7
|
-
require('react');
|
|
8
|
-
require('react-merge-refs');
|
|
9
|
-
require('@maskito/core');
|
|
10
|
-
require('@maskito/react');
|
|
11
|
-
require('classnames');
|
|
12
|
-
require('@alfalab/core-components-shared');
|
|
13
|
-
require('../../utils.js');
|
|
14
|
-
require('../steppers/Component.js');
|
|
15
|
-
require('@alfalab/core-components-icon-button');
|
|
16
|
-
require('@alfalab/icons-glyph/MinusMIcon');
|
|
17
|
-
require('@alfalab/icons-glyph/PlusMediumMIcon');
|
|
18
6
|
|
|
19
7
|
|
|
20
8
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/* hash:
|
|
2
|
-
:root {
|
|
1
|
+
/* hash: 155ew */
|
|
2
|
+
: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 */
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-neutral-translucent-0-inverted: rgba(214, 214, 229, 0.07);
|
|
5
5
|
--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 @@
|
|
|
16
16
|
} :root {
|
|
17
17
|
} :root {
|
|
18
18
|
} :root {
|
|
19
|
-
} .number-
|
|
19
|
+
} .number-input__steppers_h4a54 {
|
|
20
20
|
background-color: var(--color-light-neutral-translucent-0-inverted);
|
|
21
|
-
} .number-
|
|
22
|
-
.number-
|
|
21
|
+
} .number-input__steppersFocused_h4a54,
|
|
22
|
+
.number-input__steppersDisabled_h4a54 {
|
|
23
23
|
background-color: var(--color-light-neutral-translucent-300-inverted);
|
|
24
24
|
}
|
|
@@ -14,13 +14,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
14
14
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
15
15
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
16
16
|
|
|
17
|
-
var defaultColors = {"separator":"number-
|
|
17
|
+
var defaultColors = {"separator":"number-input__separator_1bxl4"};
|
|
18
18
|
require('./default.css')
|
|
19
19
|
|
|
20
|
-
var styles = {"component":"number-
|
|
20
|
+
var styles = {"component":"number-input__component_27o5k","separator":"number-input__separator_27o5k","button":"number-input__button_27o5k"};
|
|
21
21
|
require('./index.css')
|
|
22
22
|
|
|
23
|
-
var invertedColors = {"separator":"number-
|
|
23
|
+
var invertedColors = {"separator":"number-input__separator_1f1op"};
|
|
24
24
|
require('./inverted.css')
|
|
25
25
|
|
|
26
26
|
var colorStyles = {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/* hash:
|
|
2
|
-
:root {
|
|
1
|
+
/* hash: 1lirz */
|
|
2
|
+
: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 */
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--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 */
|
|
5
5
|
} :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 @@
|
|
|
15
15
|
} :root {
|
|
16
16
|
} :root {
|
|
17
17
|
} :root {
|
|
18
|
-
} .number-
|
|
18
|
+
} .number-input__separator_1bxl4 {
|
|
19
19
|
background-color: var(--color-light-neutral-translucent-300);
|
|
20
20
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/* hash:
|
|
2
|
-
:root {
|
|
1
|
+
/* hash: 1cyee */
|
|
2
|
+
: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 */
|
|
3
3
|
} /* 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 */
|
|
4
4
|
} :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 */
|
|
5
5
|
} :root {
|
|
@@ -14,17 +14,17 @@
|
|
|
14
14
|
} :root {
|
|
15
15
|
} :root {
|
|
16
16
|
} :root {
|
|
17
|
-
} .number-
|
|
17
|
+
} .number-input__component_27o5k {
|
|
18
18
|
display: flex;
|
|
19
19
|
flex-flow: row nowrap;
|
|
20
20
|
align-items: center;
|
|
21
21
|
border-radius: 5px;
|
|
22
22
|
transition: background-color 0.2s ease;
|
|
23
23
|
overflow: visible;
|
|
24
|
-
} .number-
|
|
24
|
+
} .number-input__separator_27o5k {
|
|
25
25
|
height: 18px;
|
|
26
26
|
width: 1px;
|
|
27
|
-
} .number-
|
|
27
|
+
} .number-input__button_27o5k {
|
|
28
28
|
width: 40px;
|
|
29
29
|
height: 40px;
|
|
30
30
|
}
|
|
@@ -3,12 +3,6 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var components_steppers_Component = require('./Component.js');
|
|
6
|
-
require('react');
|
|
7
|
-
require('classnames');
|
|
8
|
-
require('@alfalab/core-components-icon-button');
|
|
9
|
-
require('@alfalab/core-components-shared');
|
|
10
|
-
require('@alfalab/icons-glyph/MinusMIcon');
|
|
11
|
-
require('@alfalab/icons-glyph/PlusMediumMIcon');
|
|
12
6
|
|
|
13
7
|
|
|
14
8
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/* hash:
|
|
2
|
-
:root {
|
|
1
|
+
/* hash: 1pr67 */
|
|
2
|
+
: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 */
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--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 */
|
|
5
5
|
} :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 @@
|
|
|
15
15
|
} :root {
|
|
16
16
|
} :root {
|
|
17
17
|
} :root {
|
|
18
|
-
} .number-
|
|
18
|
+
} .number-input__separator_1f1op {
|
|
19
19
|
background-color: var(--color-light-neutral-translucent-300-inverted);
|
|
20
20
|
}
|
|
@@ -7,22 +7,6 @@ var React = require('react');
|
|
|
7
7
|
var coreComponentsInput = require('@alfalab/core-components-input/cssm');
|
|
8
8
|
var coreComponentsMq = require('@alfalab/core-components-mq/cssm');
|
|
9
9
|
var components_numberInput_Component = require('./components/number-input/Component.js');
|
|
10
|
-
require('react-merge-refs');
|
|
11
|
-
require('@maskito/core');
|
|
12
|
-
require('@maskito/react');
|
|
13
|
-
require('classnames');
|
|
14
|
-
require('@alfalab/core-components-shared/cssm');
|
|
15
|
-
require('./utils.js');
|
|
16
|
-
require('./components/steppers/Component.js');
|
|
17
|
-
require('@alfalab/core-components-icon-button/cssm');
|
|
18
|
-
require('@alfalab/icons-glyph/MinusMIcon');
|
|
19
|
-
require('@alfalab/icons-glyph/PlusMediumMIcon');
|
|
20
|
-
require('./components/steppers/default.module.css');
|
|
21
|
-
require('./components/steppers/index.module.css');
|
|
22
|
-
require('./components/steppers/inverted.module.css');
|
|
23
|
-
require('./components/number-input/default.module.css');
|
|
24
|
-
require('./components/number-input/index.module.css');
|
|
25
|
-
require('./components/number-input/inverted.module.css');
|
|
26
10
|
|
|
27
11
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
28
12
|
|
|
@@ -14,12 +14,6 @@ var components_steppers_Component = require('../steppers/Component.js');
|
|
|
14
14
|
var defaultColors = require('./default.module.css');
|
|
15
15
|
var styles = require('./index.module.css');
|
|
16
16
|
var invertedColors = require('./inverted.module.css');
|
|
17
|
-
require('@alfalab/core-components-icon-button/cssm');
|
|
18
|
-
require('@alfalab/icons-glyph/MinusMIcon');
|
|
19
|
-
require('@alfalab/icons-glyph/PlusMediumMIcon');
|
|
20
|
-
require('../steppers/default.module.css');
|
|
21
|
-
require('../steppers/index.module.css');
|
|
22
|
-
require('../steppers/inverted.module.css');
|
|
23
17
|
|
|
24
18
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
25
19
|
|
|
@@ -34,9 +28,19 @@ var colorStyles = {
|
|
|
34
28
|
default: defaultColors__default.default,
|
|
35
29
|
inverted: invertedColors__default.default,
|
|
36
30
|
};
|
|
31
|
+
var SIZE_TO_CLASSNAME_MAP = {
|
|
32
|
+
s: 'size-48',
|
|
33
|
+
m: 'size-56',
|
|
34
|
+
l: 'size-64',
|
|
35
|
+
xl: 'size-72',
|
|
36
|
+
48: 'size-48',
|
|
37
|
+
56: 'size-56',
|
|
38
|
+
64: 'size-64',
|
|
39
|
+
72: 'size-72',
|
|
40
|
+
};
|
|
37
41
|
var NumberInput = React.forwardRef(function (_a, ref) {
|
|
38
42
|
var _b;
|
|
39
|
-
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 ?
|
|
43
|
+
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"]);
|
|
40
44
|
var min = Math.max(utils.MIN_SAFE_INTEGER, minProp !== null && minProp !== void 0 ? minProp : utils.MIN_SAFE_INTEGER);
|
|
41
45
|
var max = Math.min(utils.MAX_SAFE_INTEGER, maxProp !== null && maxProp !== void 0 ? maxProp : utils.MAX_SAFE_INTEGER);
|
|
42
46
|
var withStepper = stepProp !== undefined;
|
|
@@ -114,7 +118,7 @@ var NumberInput = React.forwardRef(function (_a, ref) {
|
|
|
114
118
|
// В iOS в цифровой клавиатуре невозможно ввести минус.
|
|
115
119
|
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,
|
|
116
120
|
rightAddons,
|
|
117
|
-
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], (_b = {},
|
|
121
|
+
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 = {},
|
|
118
122
|
_b[colorStyles[colors].steppersFocused] = focused,
|
|
119
123
|
_b[colorStyles[colors].steppersDisabled] = disabled,
|
|
120
124
|
_b)), onIncrement: handleIncrement, onDecrement: handleDecrement }))) : (rightAddons) })));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
:root {
|
|
1
|
+
: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 */
|
|
2
2
|
} /* deprecated */ :root {
|
|
3
3
|
--color-light-neutral-translucent-0: #fff;
|
|
4
4
|
--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 */
|
|
@@ -3,24 +3,6 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var components_numberInput_Component = require('./Component.js');
|
|
6
|
-
require('tslib');
|
|
7
|
-
require('react');
|
|
8
|
-
require('react-merge-refs');
|
|
9
|
-
require('@maskito/core');
|
|
10
|
-
require('@maskito/react');
|
|
11
|
-
require('classnames');
|
|
12
|
-
require('@alfalab/core-components-shared/cssm');
|
|
13
|
-
require('../../utils.js');
|
|
14
|
-
require('../steppers/Component.js');
|
|
15
|
-
require('@alfalab/core-components-icon-button/cssm');
|
|
16
|
-
require('@alfalab/icons-glyph/MinusMIcon');
|
|
17
|
-
require('@alfalab/icons-glyph/PlusMediumMIcon');
|
|
18
|
-
require('../steppers/default.module.css');
|
|
19
|
-
require('../steppers/index.module.css');
|
|
20
|
-
require('../steppers/inverted.module.css');
|
|
21
|
-
require('./default.module.css');
|
|
22
|
-
require('./index.module.css');
|
|
23
|
-
require('./inverted.module.css');
|
|
24
6
|
|
|
25
7
|
|
|
26
8
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
:root {
|
|
1
|
+
: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 */
|
|
2
2
|
} /* 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 */
|
|
3
3
|
} :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 */
|
|
4
4
|
} :root {
|
|
@@ -15,8 +15,8 @@
|
|
|
15
15
|
--gap-xs-neg: -8px;
|
|
16
16
|
} :root {
|
|
17
17
|
} :root {
|
|
18
|
-
} .
|
|
18
|
+
} .size-48 {
|
|
19
19
|
margin-right: var(--gap-xs-neg);
|
|
20
|
-
} .
|
|
20
|
+
} .size-56 {
|
|
21
21
|
margin-right: var(--gap-2xs-neg);
|
|
22
22
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
:root {
|
|
1
|
+
: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 */
|
|
2
2
|
} /* deprecated */ :root {
|
|
3
3
|
--color-light-neutral-translucent-0-inverted: rgba(214, 214, 229, 0.07);
|
|
4
4
|
--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 */
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
:root {
|
|
1
|
+
: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 */
|
|
2
2
|
} /* deprecated */ :root {
|
|
3
3
|
--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 */
|
|
4
4
|
} :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 */
|
|
@@ -3,15 +3,6 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var components_steppers_Component = require('./Component.js');
|
|
6
|
-
require('react');
|
|
7
|
-
require('classnames');
|
|
8
|
-
require('@alfalab/core-components-icon-button/cssm');
|
|
9
|
-
require('@alfalab/core-components-shared/cssm');
|
|
10
|
-
require('@alfalab/icons-glyph/MinusMIcon');
|
|
11
|
-
require('@alfalab/icons-glyph/PlusMediumMIcon');
|
|
12
|
-
require('./default.module.css');
|
|
13
|
-
require('./index.module.css');
|
|
14
|
-
require('./inverted.module.css');
|
|
15
6
|
|
|
16
7
|
|
|
17
8
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
:root {
|
|
1
|
+
: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 */
|
|
2
2
|
} /* 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 */
|
|
3
3
|
} :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 */
|
|
4
4
|
} :root {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
:root {
|
|
1
|
+
: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 */
|
|
2
2
|
} /* deprecated */ :root {
|
|
3
3
|
--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 */
|
|
4
4
|
} :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 */
|
|
@@ -6,22 +6,6 @@ var tslib = require('tslib');
|
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var desktop = require('@alfalab/core-components-input/cssm/desktop');
|
|
8
8
|
var components_numberInput_Component = require('../components/number-input/Component.js');
|
|
9
|
-
require('react-merge-refs');
|
|
10
|
-
require('@maskito/core');
|
|
11
|
-
require('@maskito/react');
|
|
12
|
-
require('classnames');
|
|
13
|
-
require('@alfalab/core-components-shared/cssm');
|
|
14
|
-
require('../utils.js');
|
|
15
|
-
require('../components/steppers/Component.js');
|
|
16
|
-
require('@alfalab/core-components-icon-button/cssm');
|
|
17
|
-
require('@alfalab/icons-glyph/MinusMIcon');
|
|
18
|
-
require('@alfalab/icons-glyph/PlusMediumMIcon');
|
|
19
|
-
require('../components/steppers/default.module.css');
|
|
20
|
-
require('../components/steppers/index.module.css');
|
|
21
|
-
require('../components/steppers/inverted.module.css');
|
|
22
|
-
require('../components/number-input/default.module.css');
|
|
23
|
-
require('../components/number-input/index.module.css');
|
|
24
|
-
require('../components/number-input/inverted.module.css');
|
|
25
9
|
|
|
26
10
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
27
11
|
|
package/cssm/desktop/index.js
CHANGED
|
@@ -3,26 +3,6 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var desktop_Component_desktop = require('./Component.desktop.js');
|
|
6
|
-
require('tslib');
|
|
7
|
-
require('react');
|
|
8
|
-
require('@alfalab/core-components-input/cssm/desktop');
|
|
9
|
-
require('../components/number-input/Component.js');
|
|
10
|
-
require('react-merge-refs');
|
|
11
|
-
require('@maskito/core');
|
|
12
|
-
require('@maskito/react');
|
|
13
|
-
require('classnames');
|
|
14
|
-
require('@alfalab/core-components-shared/cssm');
|
|
15
|
-
require('../utils.js');
|
|
16
|
-
require('../components/steppers/Component.js');
|
|
17
|
-
require('@alfalab/core-components-icon-button/cssm');
|
|
18
|
-
require('@alfalab/icons-glyph/MinusMIcon');
|
|
19
|
-
require('@alfalab/icons-glyph/PlusMediumMIcon');
|
|
20
|
-
require('../components/steppers/default.module.css');
|
|
21
|
-
require('../components/steppers/index.module.css');
|
|
22
|
-
require('../components/steppers/inverted.module.css');
|
|
23
|
-
require('../components/number-input/default.module.css');
|
|
24
|
-
require('../components/number-input/index.module.css');
|
|
25
|
-
require('../components/number-input/inverted.module.css');
|
|
26
6
|
|
|
27
7
|
|
|
28
8
|
|
package/cssm/index.js
CHANGED
|
@@ -3,27 +3,6 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var Component_responsive = require('./Component.responsive.js');
|
|
6
|
-
require('tslib');
|
|
7
|
-
require('react');
|
|
8
|
-
require('@alfalab/core-components-input/cssm');
|
|
9
|
-
require('@alfalab/core-components-mq/cssm');
|
|
10
|
-
require('./components/number-input/Component.js');
|
|
11
|
-
require('react-merge-refs');
|
|
12
|
-
require('@maskito/core');
|
|
13
|
-
require('@maskito/react');
|
|
14
|
-
require('classnames');
|
|
15
|
-
require('@alfalab/core-components-shared/cssm');
|
|
16
|
-
require('./utils.js');
|
|
17
|
-
require('./components/steppers/Component.js');
|
|
18
|
-
require('@alfalab/core-components-icon-button/cssm');
|
|
19
|
-
require('@alfalab/icons-glyph/MinusMIcon');
|
|
20
|
-
require('@alfalab/icons-glyph/PlusMediumMIcon');
|
|
21
|
-
require('./components/steppers/default.module.css');
|
|
22
|
-
require('./components/steppers/index.module.css');
|
|
23
|
-
require('./components/steppers/inverted.module.css');
|
|
24
|
-
require('./components/number-input/default.module.css');
|
|
25
|
-
require('./components/number-input/index.module.css');
|
|
26
|
-
require('./components/number-input/inverted.module.css');
|
|
27
6
|
|
|
28
7
|
|
|
29
8
|
|
|
@@ -6,22 +6,6 @@ var tslib = require('tslib');
|
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var mobile = require('@alfalab/core-components-input/cssm/mobile');
|
|
8
8
|
var components_numberInput_Component = require('../components/number-input/Component.js');
|
|
9
|
-
require('react-merge-refs');
|
|
10
|
-
require('@maskito/core');
|
|
11
|
-
require('@maskito/react');
|
|
12
|
-
require('classnames');
|
|
13
|
-
require('@alfalab/core-components-shared/cssm');
|
|
14
|
-
require('../utils.js');
|
|
15
|
-
require('../components/steppers/Component.js');
|
|
16
|
-
require('@alfalab/core-components-icon-button/cssm');
|
|
17
|
-
require('@alfalab/icons-glyph/MinusMIcon');
|
|
18
|
-
require('@alfalab/icons-glyph/PlusMediumMIcon');
|
|
19
|
-
require('../components/steppers/default.module.css');
|
|
20
|
-
require('../components/steppers/index.module.css');
|
|
21
|
-
require('../components/steppers/inverted.module.css');
|
|
22
|
-
require('../components/number-input/default.module.css');
|
|
23
|
-
require('../components/number-input/index.module.css');
|
|
24
|
-
require('../components/number-input/inverted.module.css');
|
|
25
9
|
|
|
26
10
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
27
11
|
|