@alfalab/core-components-number-input 2.1.2 → 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.
Files changed (78) hide show
  1. package/Component.responsive.js +0 -10
  2. package/components/number-input/Component.js +3 -6
  3. package/components/number-input/default.css +4 -4
  4. package/components/number-input/index.css +3 -3
  5. package/components/number-input/index.js +0 -12
  6. package/components/number-input/inverted.css +4 -4
  7. package/components/steppers/Component.js +3 -3
  8. package/components/steppers/default.css +2 -2
  9. package/components/steppers/index.css +4 -4
  10. package/components/steppers/index.js +0 -6
  11. package/components/steppers/inverted.css +2 -2
  12. package/cssm/Component.responsive.js +0 -16
  13. package/cssm/components/number-input/Component.js +0 -6
  14. package/cssm/components/number-input/index.js +0 -18
  15. package/cssm/components/steppers/index.js +0 -9
  16. package/cssm/desktop/Component.desktop.js +0 -16
  17. package/cssm/desktop/index.js +0 -20
  18. package/cssm/index.js +0 -21
  19. package/cssm/mobile/Component.mobile.js +0 -16
  20. package/cssm/mobile/index.js +0 -20
  21. package/cssm/shared/index.d.ts +1 -0
  22. package/cssm/shared/index.js +9 -0
  23. package/cssm/utils.d.ts +12 -1
  24. package/cssm/utils.js +14 -0
  25. package/desktop/Component.desktop.js +0 -10
  26. package/desktop/index.js +0 -14
  27. package/esm/Component.responsive.js +0 -10
  28. package/esm/components/number-input/Component.js +3 -6
  29. package/esm/components/number-input/default.css +4 -4
  30. package/esm/components/number-input/index.css +3 -3
  31. package/esm/components/number-input/index.js +0 -12
  32. package/esm/components/number-input/inverted.css +4 -4
  33. package/esm/components/steppers/Component.js +3 -3
  34. package/esm/components/steppers/default.css +2 -2
  35. package/esm/components/steppers/index.css +4 -4
  36. package/esm/components/steppers/index.js +0 -6
  37. package/esm/components/steppers/inverted.css +2 -2
  38. package/esm/desktop/Component.desktop.js +0 -10
  39. package/esm/desktop/index.js +0 -14
  40. package/esm/index.js +0 -15
  41. package/esm/mobile/Component.mobile.js +0 -10
  42. package/esm/mobile/index.js +0 -14
  43. package/esm/shared/index.d.ts +1 -0
  44. package/esm/shared/index.js +1 -0
  45. package/esm/utils.d.ts +12 -1
  46. package/esm/utils.js +15 -2
  47. package/index.js +0 -15
  48. package/mobile/Component.mobile.js +0 -10
  49. package/mobile/index.js +0 -14
  50. package/modern/Component.responsive.js +0 -10
  51. package/modern/components/number-input/Component.js +3 -6
  52. package/modern/components/number-input/default.css +4 -4
  53. package/modern/components/number-input/index.css +3 -3
  54. package/modern/components/number-input/index.js +0 -11
  55. package/modern/components/number-input/inverted.css +4 -4
  56. package/modern/components/steppers/Component.js +3 -3
  57. package/modern/components/steppers/default.css +2 -2
  58. package/modern/components/steppers/index.css +4 -4
  59. package/modern/components/steppers/index.js +0 -6
  60. package/modern/components/steppers/inverted.css +2 -2
  61. package/modern/desktop/Component.desktop.js +0 -10
  62. package/modern/desktop/index.js +0 -13
  63. package/modern/index.js +0 -14
  64. package/modern/mobile/Component.mobile.js +0 -10
  65. package/modern/mobile/index.js +0 -13
  66. package/modern/shared/index.d.ts +1 -0
  67. package/modern/shared/index.js +1 -0
  68. package/modern/utils.d.ts +12 -1
  69. package/modern/utils.js +15 -2
  70. package/package.json +3 -3
  71. package/shared/index.d.ts +1 -0
  72. package/shared/index.js +9 -0
  73. package/shared/package.json +3 -0
  74. package/src/shared/index.ts +1 -0
  75. package/src/shared/package.json +3 -0
  76. package/src/utils.ts +15 -1
  77. package/utils.d.ts +12 -1
  78. package/utils.js +14 -0
@@ -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-input__steppers_1bgb6","steppersFocused":"number-input__steppersFocused_1bgb6","steppersDisabled":"number-input__steppersDisabled_1bgb6"};
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-input__s_e739v","m":"number-input__m_e739v"};
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-input__steppers_1ltrq","steppersFocused":"number-input__steppersFocused_1ltrq","steppersDisabled":"number-input__steppersDisabled_1ltrq"};
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: wsyhd */
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-input__steppers_1bgb6 {
19
+ } .number-input__steppers_52k5h {
20
20
  background-color: var(--color-light-neutral-translucent-0);
21
- } .number-input__steppersFocused_1bgb6,
22
- .number-input__steppersDisabled_1bgb6 {
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: 1tnj5 */
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-input__s_e739v {
19
+ } .number-input__s_64fim {
20
20
  margin-right: var(--gap-xs-neg);
21
- } .number-input__m_e739v {
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: xa94o */
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-input__steppers_1ltrq {
19
+ } .number-input__steppers_fg0pj {
20
20
  background-color: var(--color-light-neutral-translucent-0-inverted);
21
- } .number-input__steppersFocused_1ltrq,
22
- .number-input__steppersDisabled_1ltrq {
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-input__separator_783ii"};
17
+ var defaultColors = {"separator":"number-input__separator_1jhyf"};
18
18
  require('./default.css')
19
19
 
20
- var styles = {"component":"number-input__component_1ykgl","separator":"number-input__separator_1ykgl","button":"number-input__button_1ykgl"};
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-input__separator_ac73e"};
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: bnk48 */
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-input__separator_783ii {
18
+ } .number-input__separator_1jhyf {
19
19
  background-color: var(--color-light-neutral-translucent-300);
20
20
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1obfi */
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-input__component_1ykgl {
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-input__separator_1ykgl {
24
+ } .number-input__separator_1qhsu {
25
25
  height: 18px;
26
26
  width: 1px;
27
- } .number-input__button_1ykgl {
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: fvybr */
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-input__separator_ac73e {
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
 
@@ -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
 
@@ -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";
@@ -0,0 +1,9 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var utils = require('../utils.js');
6
+
7
+
8
+
9
+ exports.getNumberInputTestIds = utils.getNumberInputTestIds;
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
- export { MINUS_SIGN, SEPARATORS, MAX_SAFE_INTEGER, MIN_SAFE_INTEGER, MAX_DIGITS, parseNumber, stringifyNumberWithoutExp, createMaskOptions, createMinMaxPlugin, createNotEmptyPartsPlugin };
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-input__steppers_1bgb6","steppersFocused":"number-input__steppersFocused_1bgb6","steppersDisabled":"number-input__steppersDisabled_1bgb6"};
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-input__s_e739v","m":"number-input__m_e739v"};
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-input__steppers_1ltrq","steppersFocused":"number-input__steppersFocused_1ltrq","steppersDisabled":"number-input__steppersDisabled_1ltrq"};
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: wsyhd */
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-input__steppers_1bgb6 {
19
+ } .number-input__steppers_52k5h {
20
20
  background-color: var(--color-light-neutral-translucent-0);
21
- } .number-input__steppersFocused_1bgb6,
22
- .number-input__steppersDisabled_1bgb6 {
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: 1tnj5 */
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-input__s_e739v {
19
+ } .number-input__s_64fim {
20
20
  margin-right: var(--gap-xs-neg);
21
- } .number-input__m_e739v {
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';