@alfalab/core-components-number-input 4.0.1 → 4.0.2

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.
@@ -3,13 +3,13 @@
3
3
  --color-light-neutral-translucent-200: rgba(30, 43, 68, 0.08);
4
4
  --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
5
5
  }
6
- .number-input__separator_9qt9b {
6
+ .number-input__separator_epjmn {
7
7
  background-color: var(--color-light-neutral-translucent-300);
8
8
  }
9
- .number-input__steppers_9qt9b {
9
+ .number-input__steppers_epjmn {
10
10
  background-color: var(--color-light-neutral-translucent-0);
11
11
  }
12
- .number-input__steppersFocused_9qt9b,
13
- .number-input__steppersDisabled_9qt9b {
12
+ .number-input__steppersFocused_epjmn,
13
+ .number-input__steppersDisabled_epjmn {
14
14
  background-color: var(--color-light-neutral-translucent-200);
15
15
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./default.css');
4
4
 
5
- var defaultColors = {"separator":"number-input__separator_9qt9b","steppers":"number-input__steppers_9qt9b","steppersFocused":"number-input__steppersFocused_9qt9b","steppersDisabled":"number-input__steppersDisabled_9qt9b"};
5
+ var defaultColors = {"separator":"number-input__separator_epjmn","steppers":"number-input__steppers_epjmn","steppersFocused":"number-input__steppersFocused_epjmn","steppersDisabled":"number-input__steppersDisabled_epjmn"};
6
6
 
7
7
  module.exports = defaultColors;
8
8
  //# sourceMappingURL=default.module.css.js.map
@@ -7,7 +7,7 @@
7
7
  --gap-4-neg: var(--gap-2xs-neg);
8
8
  --gap-8-neg: var(--gap-xs-neg);
9
9
  }
10
- .number-input__component_14q87 {
10
+ .number-input__component_967uo {
11
11
  display: flex;
12
12
  flex-flow: row nowrap;
13
13
  align-items: center;
@@ -15,21 +15,21 @@
15
15
  transition: background-color 0.2s ease;
16
16
  overflow: visible;
17
17
  }
18
- .number-input__separator_14q87 {
18
+ .number-input__separator_967uo {
19
19
  height: 18px;
20
20
  width: 1px;
21
21
  }
22
- .number-input__button_14q87 {
22
+ .number-input__button_967uo {
23
23
  width: 40px;
24
24
  height: 40px;
25
25
  }
26
- .number-input__size-40_14q87 {
26
+ .number-input__size-40_967uo {
27
27
  margin-right: var(--gap-8-neg);
28
28
  height: 32px;
29
29
  }
30
- .number-input__size-48_14q87 {
30
+ .number-input__size-48_967uo {
31
31
  margin-right: var(--gap-8-neg);
32
32
  }
33
- .number-input__size-56_14q87 {
33
+ .number-input__size-56_967uo {
34
34
  margin-right: var(--gap-4-neg);
35
35
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"number-input__component_14q87","separator":"number-input__separator_14q87","button":"number-input__button_14q87","size-40":"number-input__size-40_14q87","size-48":"number-input__size-48_14q87","size-56":"number-input__size-56_14q87"};
5
+ var styles = {"component":"number-input__component_967uo","separator":"number-input__separator_967uo","button":"number-input__button_967uo","size-40":"number-input__size-40_967uo","size-48":"number-input__size-48_967uo","size-56":"number-input__size-56_967uo"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -2,13 +2,13 @@
2
2
  --color-light-neutral-translucent-0-inverted: rgba(214, 214, 229, 0.07);
3
3
  --color-light-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13);
4
4
  }
5
- .number-input__separator_dz7gu {
5
+ .number-input__separator_ixxu6 {
6
6
  background-color: var(--color-light-neutral-translucent-300-inverted);
7
7
  }
8
- .number-input__steppers_dz7gu {
8
+ .number-input__steppers_ixxu6 {
9
9
  background-color: var(--color-light-neutral-translucent-0-inverted);
10
10
  }
11
- .number-input__steppersFocused_dz7gu,
12
- .number-input__steppersDisabled_dz7gu {
11
+ .number-input__steppersFocused_ixxu6,
12
+ .number-input__steppersDisabled_ixxu6 {
13
13
  background-color: var(--color-light-neutral-translucent-300-inverted);
14
14
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./inverted.css');
4
4
 
5
- var invertedColors = {"separator":"number-input__separator_dz7gu","steppers":"number-input__steppers_dz7gu","steppersFocused":"number-input__steppersFocused_dz7gu","steppersDisabled":"number-input__steppersDisabled_dz7gu"};
5
+ var invertedColors = {"separator":"number-input__separator_ixxu6","steppers":"number-input__steppers_ixxu6","steppersFocused":"number-input__steppersFocused_ixxu6","steppersDisabled":"number-input__steppersDisabled_ixxu6"};
6
6
 
7
7
  module.exports = invertedColors;
8
8
  //# sourceMappingURL=inverted.module.css.js.map
@@ -3,13 +3,13 @@
3
3
  --color-light-neutral-translucent-200: rgba(30, 43, 68, 0.08);
4
4
  --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
5
5
  }
6
- .number-input__separator_9qt9b {
6
+ .number-input__separator_epjmn {
7
7
  background-color: var(--color-light-neutral-translucent-300);
8
8
  }
9
- .number-input__steppers_9qt9b {
9
+ .number-input__steppers_epjmn {
10
10
  background-color: var(--color-light-neutral-translucent-0);
11
11
  }
12
- .number-input__steppersFocused_9qt9b,
13
- .number-input__steppersDisabled_9qt9b {
12
+ .number-input__steppersFocused_epjmn,
13
+ .number-input__steppersDisabled_epjmn {
14
14
  background-color: var(--color-light-neutral-translucent-200);
15
15
  }
@@ -1,6 +1,6 @@
1
1
  import './default.css';
2
2
 
3
- var defaultColors = {"separator":"number-input__separator_9qt9b","steppers":"number-input__steppers_9qt9b","steppersFocused":"number-input__steppersFocused_9qt9b","steppersDisabled":"number-input__steppersDisabled_9qt9b"};
3
+ var defaultColors = {"separator":"number-input__separator_epjmn","steppers":"number-input__steppers_epjmn","steppersFocused":"number-input__steppersFocused_epjmn","steppersDisabled":"number-input__steppersDisabled_epjmn"};
4
4
 
5
5
  export { defaultColors as default };
6
6
  //# sourceMappingURL=default.module.css.js.map
@@ -7,7 +7,7 @@
7
7
  --gap-4-neg: var(--gap-2xs-neg);
8
8
  --gap-8-neg: var(--gap-xs-neg);
9
9
  }
10
- .number-input__component_14q87 {
10
+ .number-input__component_967uo {
11
11
  display: flex;
12
12
  flex-flow: row nowrap;
13
13
  align-items: center;
@@ -15,21 +15,21 @@
15
15
  transition: background-color 0.2s ease;
16
16
  overflow: visible;
17
17
  }
18
- .number-input__separator_14q87 {
18
+ .number-input__separator_967uo {
19
19
  height: 18px;
20
20
  width: 1px;
21
21
  }
22
- .number-input__button_14q87 {
22
+ .number-input__button_967uo {
23
23
  width: 40px;
24
24
  height: 40px;
25
25
  }
26
- .number-input__size-40_14q87 {
26
+ .number-input__size-40_967uo {
27
27
  margin-right: var(--gap-8-neg);
28
28
  height: 32px;
29
29
  }
30
- .number-input__size-48_14q87 {
30
+ .number-input__size-48_967uo {
31
31
  margin-right: var(--gap-8-neg);
32
32
  }
33
- .number-input__size-56_14q87 {
33
+ .number-input__size-56_967uo {
34
34
  margin-right: var(--gap-4-neg);
35
35
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"number-input__component_14q87","separator":"number-input__separator_14q87","button":"number-input__button_14q87","size-40":"number-input__size-40_14q87","size-48":"number-input__size-48_14q87","size-56":"number-input__size-56_14q87"};
3
+ var styles = {"component":"number-input__component_967uo","separator":"number-input__separator_967uo","button":"number-input__button_967uo","size-40":"number-input__size-40_967uo","size-48":"number-input__size-48_967uo","size-56":"number-input__size-56_967uo"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -2,13 +2,13 @@
2
2
  --color-light-neutral-translucent-0-inverted: rgba(214, 214, 229, 0.07);
3
3
  --color-light-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13);
4
4
  }
5
- .number-input__separator_dz7gu {
5
+ .number-input__separator_ixxu6 {
6
6
  background-color: var(--color-light-neutral-translucent-300-inverted);
7
7
  }
8
- .number-input__steppers_dz7gu {
8
+ .number-input__steppers_ixxu6 {
9
9
  background-color: var(--color-light-neutral-translucent-0-inverted);
10
10
  }
11
- .number-input__steppersFocused_dz7gu,
12
- .number-input__steppersDisabled_dz7gu {
11
+ .number-input__steppersFocused_ixxu6,
12
+ .number-input__steppersDisabled_ixxu6 {
13
13
  background-color: var(--color-light-neutral-translucent-300-inverted);
14
14
  }
@@ -1,6 +1,6 @@
1
1
  import './inverted.css';
2
2
 
3
- var invertedColors = {"separator":"number-input__separator_dz7gu","steppers":"number-input__steppers_dz7gu","steppersFocused":"number-input__steppersFocused_dz7gu","steppersDisabled":"number-input__steppersDisabled_dz7gu"};
3
+ var invertedColors = {"separator":"number-input__separator_ixxu6","steppers":"number-input__steppers_ixxu6","steppersFocused":"number-input__steppersFocused_ixxu6","steppersDisabled":"number-input__steppersDisabled_ixxu6"};
4
4
 
5
5
  export { invertedColors as default };
6
6
  //# sourceMappingURL=inverted.module.css.js.map
@@ -3,13 +3,13 @@
3
3
  --color-light-neutral-translucent-200: rgba(30, 43, 68, 0.08);
4
4
  --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
5
5
  }
6
- .number-input__separator_9qt9b {
6
+ .number-input__separator_epjmn {
7
7
  background-color: var(--color-light-neutral-translucent-300);
8
8
  }
9
- .number-input__steppers_9qt9b {
9
+ .number-input__steppers_epjmn {
10
10
  background-color: var(--color-light-neutral-translucent-0);
11
11
  }
12
- .number-input__steppersFocused_9qt9b,
13
- .number-input__steppersDisabled_9qt9b {
12
+ .number-input__steppersFocused_epjmn,
13
+ .number-input__steppersDisabled_epjmn {
14
14
  background-color: var(--color-light-neutral-translucent-200);
15
15
  }
@@ -1,6 +1,6 @@
1
1
  import './default.css';
2
2
 
3
- const defaultColors = {"separator":"number-input__separator_9qt9b","steppers":"number-input__steppers_9qt9b","steppersFocused":"number-input__steppersFocused_9qt9b","steppersDisabled":"number-input__steppersDisabled_9qt9b"};
3
+ const defaultColors = {"separator":"number-input__separator_epjmn","steppers":"number-input__steppers_epjmn","steppersFocused":"number-input__steppersFocused_epjmn","steppersDisabled":"number-input__steppersDisabled_epjmn"};
4
4
 
5
5
  export { defaultColors as default };
6
6
  //# sourceMappingURL=default.module.css.js.map
@@ -7,7 +7,7 @@
7
7
  --gap-4-neg: var(--gap-2xs-neg);
8
8
  --gap-8-neg: var(--gap-xs-neg);
9
9
  }
10
- .number-input__component_14q87 {
10
+ .number-input__component_967uo {
11
11
  display: flex;
12
12
  flex-flow: row nowrap;
13
13
  align-items: center;
@@ -15,21 +15,21 @@
15
15
  transition: background-color 0.2s ease;
16
16
  overflow: visible;
17
17
  }
18
- .number-input__separator_14q87 {
18
+ .number-input__separator_967uo {
19
19
  height: 18px;
20
20
  width: 1px;
21
21
  }
22
- .number-input__button_14q87 {
22
+ .number-input__button_967uo {
23
23
  width: 40px;
24
24
  height: 40px;
25
25
  }
26
- .number-input__size-40_14q87 {
26
+ .number-input__size-40_967uo {
27
27
  margin-right: var(--gap-8-neg);
28
28
  height: 32px;
29
29
  }
30
- .number-input__size-48_14q87 {
30
+ .number-input__size-48_967uo {
31
31
  margin-right: var(--gap-8-neg);
32
32
  }
33
- .number-input__size-56_14q87 {
33
+ .number-input__size-56_967uo {
34
34
  margin-right: var(--gap-4-neg);
35
35
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"number-input__component_14q87","separator":"number-input__separator_14q87","button":"number-input__button_14q87","size-40":"number-input__size-40_14q87","size-48":"number-input__size-48_14q87","size-56":"number-input__size-56_14q87"};
3
+ const styles = {"component":"number-input__component_967uo","separator":"number-input__separator_967uo","button":"number-input__button_967uo","size-40":"number-input__size-40_967uo","size-48":"number-input__size-48_967uo","size-56":"number-input__size-56_967uo"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -2,13 +2,13 @@
2
2
  --color-light-neutral-translucent-0-inverted: rgba(214, 214, 229, 0.07);
3
3
  --color-light-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13);
4
4
  }
5
- .number-input__separator_dz7gu {
5
+ .number-input__separator_ixxu6 {
6
6
  background-color: var(--color-light-neutral-translucent-300-inverted);
7
7
  }
8
- .number-input__steppers_dz7gu {
8
+ .number-input__steppers_ixxu6 {
9
9
  background-color: var(--color-light-neutral-translucent-0-inverted);
10
10
  }
11
- .number-input__steppersFocused_dz7gu,
12
- .number-input__steppersDisabled_dz7gu {
11
+ .number-input__steppersFocused_ixxu6,
12
+ .number-input__steppersDisabled_ixxu6 {
13
13
  background-color: var(--color-light-neutral-translucent-300-inverted);
14
14
  }
@@ -1,6 +1,6 @@
1
1
  import './inverted.css';
2
2
 
3
- const invertedColors = {"separator":"number-input__separator_dz7gu","steppers":"number-input__steppers_dz7gu","steppersFocused":"number-input__steppersFocused_dz7gu","steppersDisabled":"number-input__steppersDisabled_dz7gu"};
3
+ const invertedColors = {"separator":"number-input__separator_ixxu6","steppers":"number-input__steppers_ixxu6","steppersFocused":"number-input__steppersFocused_ixxu6","steppersDisabled":"number-input__steppersDisabled_ixxu6"};
4
4
 
5
5
  export { invertedColors as default };
6
6
  //# sourceMappingURL=inverted.module.css.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-number-input",
3
- "version": "4.0.1",
3
+ "version": "4.0.2",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -10,10 +10,10 @@
10
10
  "main": "index.js",
11
11
  "module": "./esm/index.js",
12
12
  "dependencies": {
13
- "@alfalab/core-components-icon-button": "^8.0.1",
14
- "@alfalab/core-components-input": "^17.0.1",
15
- "@alfalab/core-components-mq": "^6.0.1",
16
- "@alfalab/core-components-shared": "^2.0.1",
13
+ "@alfalab/core-components-icon-button": "^8.0.2",
14
+ "@alfalab/core-components-input": "^17.1.0",
15
+ "@alfalab/core-components-mq": "^6.0.2",
16
+ "@alfalab/core-components-shared": "^2.1.0",
17
17
  "@alfalab/icons-glyph": "^2.260.0",
18
18
  "@maskito/core": "^1.7.0",
19
19
  "@maskito/react": "^1.7.0",