@alfalab/core-components-number-input 2.1.1 → 2.2.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 +3 -6
- package/components/number-input/default.css +4 -4
- package/components/number-input/index.css +3 -3
- package/components/number-input/index.js +0 -12
- package/components/number-input/inverted.css +4 -4
- package/components/steppers/Component.js +3 -3
- package/components/steppers/default.css +2 -2
- package/components/steppers/index.css +4 -4
- package/components/steppers/index.js +0 -6
- package/components/steppers/inverted.css +2 -2
- package/cssm/Component.responsive.js +0 -16
- package/cssm/components/number-input/Component.js +0 -6
- package/cssm/components/number-input/index.js +0 -18
- package/cssm/components/steppers/index.js +0 -9
- 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 +3 -6
- package/esm/components/number-input/default.css +4 -4
- package/esm/components/number-input/index.css +3 -3
- package/esm/components/number-input/index.js +0 -12
- package/esm/components/number-input/inverted.css +4 -4
- package/esm/components/steppers/Component.js +3 -3
- package/esm/components/steppers/default.css +2 -2
- package/esm/components/steppers/index.css +4 -4
- package/esm/components/steppers/index.js +0 -6
- package/esm/components/steppers/inverted.css +2 -2
- 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 +3 -6
- package/modern/components/number-input/default.css +4 -4
- package/modern/components/number-input/index.css +3 -3
- package/modern/components/number-input/index.js +0 -11
- package/modern/components/number-input/inverted.css +4 -4
- package/modern/components/steppers/Component.js +3 -3
- package/modern/components/steppers/default.css +2 -2
- package/modern/components/steppers/index.css +4 -4
- package/modern/components/steppers/index.js +0 -6
- package/modern/components/steppers/inverted.css +2 -2
- 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/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,13 +18,13 @@ 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_52k5h","steppersFocused":"number-input__steppersFocused_52k5h","steppersDisabled":"number-input__steppersDisabled_52k5h"};
|
|
25
22
|
require('./default.css')
|
|
26
23
|
|
|
27
|
-
var styles = {"s":"number-
|
|
24
|
+
var styles = {"s":"number-input__s_64fim","m":"number-input__m_64fim"};
|
|
28
25
|
require('./index.css')
|
|
29
26
|
|
|
30
|
-
var invertedColors = {"steppers":"number-
|
|
27
|
+
var invertedColors = {"steppers":"number-input__steppers_fg0pj","steppersFocused":"number-input__steppersFocused_fg0pj","steppersDisabled":"number-input__steppersDisabled_fg0pj"};
|
|
31
28
|
require('./inverted.css')
|
|
32
29
|
|
|
33
30
|
var colorStyles = {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: lcz7u */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-neutral-translucent-0: #fff;
|
|
@@ -16,9 +16,9 @@
|
|
|
16
16
|
} :root {
|
|
17
17
|
} :root {
|
|
18
18
|
} :root {
|
|
19
|
-
} .number-
|
|
19
|
+
} .number-input__steppers_52k5h {
|
|
20
20
|
background-color: var(--color-light-neutral-translucent-0);
|
|
21
|
-
} .number-
|
|
22
|
-
.number-
|
|
21
|
+
} .number-input__steppersFocused_52k5h,
|
|
22
|
+
.number-input__steppersDisabled_52k5h {
|
|
23
23
|
background-color: var(--color-light-neutral-translucent-200);
|
|
24
24
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 4sl5h */
|
|
2
2
|
:root {
|
|
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 */
|
|
@@ -16,8 +16,8 @@
|
|
|
16
16
|
--gap-xs-neg: -8px;
|
|
17
17
|
} :root {
|
|
18
18
|
} :root {
|
|
19
|
-
} .number-
|
|
19
|
+
} .number-input__s_64fim {
|
|
20
20
|
margin-right: var(--gap-xs-neg);
|
|
21
|
-
} .number-
|
|
21
|
+
} .number-input__m_64fim {
|
|
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,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: lu9v4 */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-neutral-translucent-0-inverted: rgba(214, 214, 229, 0.07);
|
|
@@ -16,9 +16,9 @@
|
|
|
16
16
|
} :root {
|
|
17
17
|
} :root {
|
|
18
18
|
} :root {
|
|
19
|
-
} .number-
|
|
19
|
+
} .number-input__steppers_fg0pj {
|
|
20
20
|
background-color: var(--color-light-neutral-translucent-0-inverted);
|
|
21
|
-
} .number-
|
|
22
|
-
.number-
|
|
21
|
+
} .number-input__steppersFocused_fg0pj,
|
|
22
|
+
.number-input__steppersDisabled_fg0pj {
|
|
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_1jhyf"};
|
|
18
18
|
require('./default.css')
|
|
19
19
|
|
|
20
|
-
var styles = {"component":"number-
|
|
20
|
+
var styles = {"component":"number-input__component_1qhsu","separator":"number-input__separator_1qhsu","button":"number-input__button_1qhsu"};
|
|
21
21
|
require('./index.css')
|
|
22
22
|
|
|
23
|
-
var invertedColors = {"separator":"number-
|
|
23
|
+
var invertedColors = {"separator":"number-input__separator_1mm20"};
|
|
24
24
|
require('./inverted.css')
|
|
25
25
|
|
|
26
26
|
var colorStyles = {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 3m65w */
|
|
2
2
|
:root {
|
|
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 */
|
|
@@ -15,6 +15,6 @@
|
|
|
15
15
|
} :root {
|
|
16
16
|
} :root {
|
|
17
17
|
} :root {
|
|
18
|
-
} .number-
|
|
18
|
+
} .number-input__separator_1jhyf {
|
|
19
19
|
background-color: var(--color-light-neutral-translucent-300);
|
|
20
20
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1xsr7 */
|
|
2
2
|
:root {
|
|
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 */
|
|
@@ -14,17 +14,17 @@
|
|
|
14
14
|
} :root {
|
|
15
15
|
} :root {
|
|
16
16
|
} :root {
|
|
17
|
-
} .number-
|
|
17
|
+
} .number-input__component_1qhsu {
|
|
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_1qhsu {
|
|
25
25
|
height: 18px;
|
|
26
26
|
width: 1px;
|
|
27
|
-
} .number-
|
|
27
|
+
} .number-input__button_1qhsu {
|
|
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,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 7ukdf */
|
|
2
2
|
:root {
|
|
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 */
|
|
@@ -15,6 +15,6 @@
|
|
|
15
15
|
} :root {
|
|
16
16
|
} :root {
|
|
17
17
|
} :root {
|
|
18
|
-
} .number-
|
|
18
|
+
} .number-input__separator_1mm20 {
|
|
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
|
|
|
@@ -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
|
|
|
@@ -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
|
|
|
@@ -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
|
|
package/cssm/mobile/index.js
CHANGED
|
@@ -3,26 +3,6 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var mobile_Component_mobile = require('./Component.mobile.js');
|
|
6
|
-
require('tslib');
|
|
7
|
-
require('react');
|
|
8
|
-
require('@alfalab/core-components-input/cssm/mobile');
|
|
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
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { getNumberInputTestIds } from "../utils";
|
package/cssm/utils.d.ts
CHANGED
|
@@ -20,4 +20,15 @@ declare function createMinMaxPlugin({ min, max }: {
|
|
|
20
20
|
max: number;
|
|
21
21
|
}): MaskitoPlugin;
|
|
22
22
|
declare function createNotEmptyPartsPlugin(separator: string): MaskitoPlugin;
|
|
23
|
-
|
|
23
|
+
declare function getNumberInputTestIds(dataTestId: string): {
|
|
24
|
+
input: string;
|
|
25
|
+
inputWrapper: string;
|
|
26
|
+
inputWrapperInner: string;
|
|
27
|
+
leftAddons: string;
|
|
28
|
+
rightAddons: string;
|
|
29
|
+
error: string;
|
|
30
|
+
hint: string;
|
|
31
|
+
decrementButton: string;
|
|
32
|
+
incrementButton: string;
|
|
33
|
+
};
|
|
34
|
+
export { MINUS_SIGN, SEPARATORS, MAX_SAFE_INTEGER, MIN_SAFE_INTEGER, MAX_DIGITS, parseNumber, stringifyNumberWithoutExp, createMaskOptions, createMinMaxPlugin, createNotEmptyPartsPlugin, getNumberInputTestIds };
|
package/cssm/utils.js
CHANGED
|
@@ -246,6 +246,19 @@ function createNotEmptyPartsPlugin(separator) {
|
|
|
246
246
|
return function () { return element.removeEventListener('blur', listener, evListenerOptions); };
|
|
247
247
|
};
|
|
248
248
|
}
|
|
249
|
+
function getNumberInputTestIds(dataTestId) {
|
|
250
|
+
return {
|
|
251
|
+
input: dataTestId,
|
|
252
|
+
inputWrapper: coreComponentsShared.getDataTestId(dataTestId, 'form-control'),
|
|
253
|
+
inputWrapperInner: coreComponentsShared.getDataTestId(dataTestId, 'form-control-inner'),
|
|
254
|
+
leftAddons: coreComponentsShared.getDataTestId(dataTestId, 'form-control-left-addons'),
|
|
255
|
+
rightAddons: coreComponentsShared.getDataTestId(dataTestId, 'form-control-right-addons'),
|
|
256
|
+
error: coreComponentsShared.getDataTestId(dataTestId, 'form-control-error-message'),
|
|
257
|
+
hint: coreComponentsShared.getDataTestId(dataTestId, 'form-control-hint'),
|
|
258
|
+
decrementButton: coreComponentsShared.getDataTestId(dataTestId, 'decrement-button'),
|
|
259
|
+
incrementButton: coreComponentsShared.getDataTestId(dataTestId, 'increment-button'),
|
|
260
|
+
};
|
|
261
|
+
}
|
|
249
262
|
|
|
250
263
|
exports.MAX_DIGITS = MAX_DIGITS;
|
|
251
264
|
exports.MAX_SAFE_INTEGER = MAX_SAFE_INTEGER;
|
|
@@ -255,5 +268,6 @@ exports.SEPARATORS = SEPARATORS;
|
|
|
255
268
|
exports.createMaskOptions = createMaskOptions;
|
|
256
269
|
exports.createMinMaxPlugin = createMinMaxPlugin;
|
|
257
270
|
exports.createNotEmptyPartsPlugin = createNotEmptyPartsPlugin;
|
|
271
|
+
exports.getNumberInputTestIds = getNumberInputTestIds;
|
|
258
272
|
exports.parseNumber = parseNumber;
|
|
259
273
|
exports.stringifyNumberWithoutExp = stringifyNumberWithoutExp;
|
|
@@ -6,16 +6,6 @@ var tslib = require('tslib');
|
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var desktop = require('@alfalab/core-components-input/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');
|
|
14
|
-
require('../utils.js');
|
|
15
|
-
require('../components/steppers/Component.js');
|
|
16
|
-
require('@alfalab/core-components-icon-button');
|
|
17
|
-
require('@alfalab/icons-glyph/MinusMIcon');
|
|
18
|
-
require('@alfalab/icons-glyph/PlusMediumMIcon');
|
|
19
9
|
|
|
20
10
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
21
11
|
|
package/desktop/index.js
CHANGED
|
@@ -3,20 +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/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');
|
|
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
6
|
|
|
21
7
|
|
|
22
8
|
|
|
@@ -3,16 +3,6 @@ import React, { forwardRef } from 'react';
|
|
|
3
3
|
import { Input } from '@alfalab/core-components-input/esm';
|
|
4
4
|
import { useMatchMedia } from '@alfalab/core-components-mq/esm';
|
|
5
5
|
import { NumberInput } from './components/number-input/Component.js';
|
|
6
|
-
import 'react-merge-refs';
|
|
7
|
-
import '@maskito/core';
|
|
8
|
-
import '@maskito/react';
|
|
9
|
-
import 'classnames';
|
|
10
|
-
import '@alfalab/core-components-shared/esm';
|
|
11
|
-
import './utils.js';
|
|
12
|
-
import './components/steppers/Component.js';
|
|
13
|
-
import '@alfalab/core-components-icon-button/esm';
|
|
14
|
-
import '@alfalab/icons-glyph/MinusMIcon';
|
|
15
|
-
import '@alfalab/icons-glyph/PlusMediumMIcon';
|
|
16
6
|
|
|
17
7
|
var NumberInputResponsive = forwardRef(function (_a, ref) {
|
|
18
8
|
var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
|
|
@@ -7,17 +7,14 @@ import cn from 'classnames';
|
|
|
7
7
|
import { fnUtils, os } from '@alfalab/core-components-shared/esm';
|
|
8
8
|
import { createMaskOptions, parseNumber, stringifyNumberWithoutExp, MAX_DIGITS, MIN_SAFE_INTEGER, MAX_SAFE_INTEGER, MINUS_SIGN } from '../../utils.js';
|
|
9
9
|
import { Steppers } from '../steppers/Component.js';
|
|
10
|
-
import '@alfalab/core-components-icon-button/esm';
|
|
11
|
-
import '@alfalab/icons-glyph/MinusMIcon';
|
|
12
|
-
import '@alfalab/icons-glyph/PlusMediumMIcon';
|
|
13
10
|
|
|
14
|
-
var defaultColors = {"steppers":"number-
|
|
11
|
+
var defaultColors = {"steppers":"number-input__steppers_52k5h","steppersFocused":"number-input__steppersFocused_52k5h","steppersDisabled":"number-input__steppersDisabled_52k5h"};
|
|
15
12
|
require('./default.css')
|
|
16
13
|
|
|
17
|
-
var styles = {"s":"number-
|
|
14
|
+
var styles = {"s":"number-input__s_64fim","m":"number-input__m_64fim"};
|
|
18
15
|
require('./index.css')
|
|
19
16
|
|
|
20
|
-
var invertedColors = {"steppers":"number-
|
|
17
|
+
var invertedColors = {"steppers":"number-input__steppers_fg0pj","steppersFocused":"number-input__steppersFocused_fg0pj","steppersDisabled":"number-input__steppersDisabled_fg0pj"};
|
|
21
18
|
require('./inverted.css')
|
|
22
19
|
|
|
23
20
|
var colorStyles = {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: lcz7u */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-neutral-translucent-0: #fff;
|
|
@@ -16,9 +16,9 @@
|
|
|
16
16
|
} :root {
|
|
17
17
|
} :root {
|
|
18
18
|
} :root {
|
|
19
|
-
} .number-
|
|
19
|
+
} .number-input__steppers_52k5h {
|
|
20
20
|
background-color: var(--color-light-neutral-translucent-0);
|
|
21
|
-
} .number-
|
|
22
|
-
.number-
|
|
21
|
+
} .number-input__steppersFocused_52k5h,
|
|
22
|
+
.number-input__steppersDisabled_52k5h {
|
|
23
23
|
background-color: var(--color-light-neutral-translucent-200);
|
|
24
24
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 4sl5h */
|
|
2
2
|
:root {
|
|
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 */
|
|
@@ -16,8 +16,8 @@
|
|
|
16
16
|
--gap-xs-neg: -8px;
|
|
17
17
|
} :root {
|
|
18
18
|
} :root {
|
|
19
|
-
} .number-
|
|
19
|
+
} .number-input__s_64fim {
|
|
20
20
|
margin-right: var(--gap-xs-neg);
|
|
21
|
-
} .number-
|
|
21
|
+
} .number-input__m_64fim {
|
|
22
22
|
margin-right: var(--gap-2xs-neg);
|
|
23
23
|
}
|
|
@@ -1,13 +1 @@
|
|
|
1
1
|
export { NumberInput } from './Component.js';
|
|
2
|
-
import 'tslib';
|
|
3
|
-
import 'react';
|
|
4
|
-
import 'react-merge-refs';
|
|
5
|
-
import '@maskito/core';
|
|
6
|
-
import '@maskito/react';
|
|
7
|
-
import 'classnames';
|
|
8
|
-
import '@alfalab/core-components-shared/esm';
|
|
9
|
-
import '../../utils.js';
|
|
10
|
-
import '../steppers/Component.js';
|
|
11
|
-
import '@alfalab/core-components-icon-button/esm';
|
|
12
|
-
import '@alfalab/icons-glyph/MinusMIcon';
|
|
13
|
-
import '@alfalab/icons-glyph/PlusMediumMIcon';
|