@alfalab/core-components-number-input 2.0.2 → 2.0.3

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 (30) hide show
  1. package/components/number-input/Component.d.ts +6 -1
  2. package/components/number-input/Component.js +3 -3
  3. package/components/number-input/default.css +4 -4
  4. package/components/number-input/index.css +3 -3
  5. package/components/number-input/inverted.css +4 -4
  6. package/components/steppers/Component.js +3 -3
  7. package/components/steppers/default.css +2 -2
  8. package/components/steppers/index.css +4 -4
  9. package/components/steppers/inverted.css +2 -2
  10. package/cssm/components/number-input/Component.d.ts +6 -1
  11. package/esm/components/number-input/Component.d.ts +6 -1
  12. package/esm/components/number-input/Component.js +3 -3
  13. package/esm/components/number-input/default.css +4 -4
  14. package/esm/components/number-input/index.css +3 -3
  15. package/esm/components/number-input/inverted.css +4 -4
  16. package/esm/components/steppers/Component.js +3 -3
  17. package/esm/components/steppers/default.css +2 -2
  18. package/esm/components/steppers/index.css +4 -4
  19. package/esm/components/steppers/inverted.css +2 -2
  20. package/modern/components/number-input/Component.d.ts +6 -1
  21. package/modern/components/number-input/Component.js +3 -3
  22. package/modern/components/number-input/default.css +4 -4
  23. package/modern/components/number-input/index.css +3 -3
  24. package/modern/components/number-input/inverted.css +4 -4
  25. package/modern/components/steppers/Component.js +3 -3
  26. package/modern/components/steppers/default.css +2 -2
  27. package/modern/components/steppers/index.css +4 -4
  28. package/modern/components/steppers/inverted.css +2 -2
  29. package/package.json +3 -3
  30. package/src/components/number-input/Component.tsx +7 -1
package/components/number-input/Component.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  import React from 'react';
3
3
  import { ChangeEvent, FC, Ref } from "react";
4
4
  import { InputProps } from "@alfalab/core-components-input";
5
- interface NumberInputProps extends Omit<InputProps, 'value' | 'onChange' | 'type' | 'defaultValue'> {
5
+ interface NumberInputProps extends Omit<InputProps, 'value' | 'onChange' | 'type' | 'defaultValue' | 'dataTestId'> {
6
6
  /**
7
7
  * Значение поля ввода
8
8
  */
@@ -50,6 +50,11 @@ interface NumberInputProps extends Omit<InputProps, 'value' | 'onChange' | 'type
50
50
  onChange?: (e: ChangeEvent<HTMLInputElement> | null, payload: {
51
51
  value: number | null;
52
52
  }) => void;
53
+ /**
54
+ * Идентификатор для систем автоматизированного тестирования.
55
+ * Для кнопки инкремента используется модификатор -increment-button, декремента -decrement-button
56
+ */
57
+ dataTestId?: string;
53
58
  }
54
59
  declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;
55
60
  export { NumberInputProps, NumberInput };
package/components/number-input/Component.js CHANGED
@@ -21,13 +21,13 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
21
21
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
22
22
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
23
23
 
24
- var defaultColors = {"steppers":"number-input__steppers_rxb9r","steppersFocused":"number-input__steppersFocused_rxb9r","steppersDisabled":"number-input__steppersDisabled_rxb9r"};
24
+ var defaultColors = {"steppers":"number-input__steppers_o1dic","steppersFocused":"number-input__steppersFocused_o1dic","steppersDisabled":"number-input__steppersDisabled_o1dic"};
25
25
  require('./default.css')
26
26
 
27
- var styles = {"s":"number-input__s_ua8m2","m":"number-input__m_ua8m2"};
27
+ var styles = {"s":"number-input__s_witfz","m":"number-input__m_witfz"};
28
28
  require('./index.css')
29
29
 
30
- var invertedColors = {"steppers":"number-input__steppers_12art","steppersFocused":"number-input__steppersFocused_12art","steppersDisabled":"number-input__steppersDisabled_12art"};
30
+ var invertedColors = {"steppers":"number-input__steppers_yeu2e","steppersFocused":"number-input__steppersFocused_yeu2e","steppersDisabled":"number-input__steppersDisabled_yeu2e"};
31
31
  require('./inverted.css')
32
32
 
33
33
  var colorStyles = {
package/components/number-input/default.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1v873 */
1
+ /* hash: 1lyun */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-1500-inverted: #fff;
@@ -16,9 +16,9 @@
16
16
  } :root {
17
17
  } :root {
18
18
  } :root {
19
- } .number-input__steppers_rxb9r {
19
+ } .number-input__steppers_o1dic {
20
20
  background-color: var(--color-light-neutral-1500-inverted);
21
- } .number-input__steppersFocused_rxb9r,
22
- .number-input__steppersDisabled_rxb9r {
21
+ } .number-input__steppersFocused_o1dic,
22
+ .number-input__steppersDisabled_o1dic {
23
23
  background-color: var(--color-light-neutral-translucent-200);
24
24
  }
package/components/number-input/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: wriah */
1
+ /* hash: 1m0j6 */
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_ua8m2 {
19
+ } .number-input__s_witfz {
20
20
  margin-right: var(--gap-xs-neg);
21
- } .number-input__m_ua8m2 {
21
+ } .number-input__m_witfz {
22
22
  margin-right: var(--gap-2xs-neg);
23
23
  }
package/components/number-input/inverted.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1vphq */
1
+ /* hash: 1mg5a */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-1500: #0e0e0e;
@@ -16,9 +16,9 @@
16
16
  } :root {
17
17
  } :root {
18
18
  } :root {
19
- } .number-input__steppers_12art {
19
+ } .number-input__steppers_yeu2e {
20
20
  background-color: var(--color-light-neutral-1500);
21
- } .number-input__steppersFocused_12art,
22
- .number-input__steppersDisabled_12art {
21
+ } .number-input__steppersFocused_yeu2e,
22
+ .number-input__steppersDisabled_yeu2e {
23
23
  background-color: var(--color-light-neutral-translucent-300-inverted);
24
24
  }
package/components/steppers/Component.js CHANGED
@@ -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_5558q"};
17
+ var defaultColors = {"separator":"number-input__separator_6fshv"};
18
18
  require('./default.css')
19
19
 
20
- var styles = {"component":"number-input__component_dl4y5","separator":"number-input__separator_dl4y5","button":"number-input__button_dl4y5"};
20
+ var styles = {"component":"number-input__component_l0asm","separator":"number-input__separator_l0asm","button":"number-input__button_l0asm"};
21
21
  require('./index.css')
22
22
 
23
- var invertedColors = {"separator":"number-input__separator_898tm"};
23
+ var invertedColors = {"separator":"number-input__separator_9jw2q"};
24
24
  require('./inverted.css')
25
25
 
26
26
  var colorStyles = {
package/components/steppers/default.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1a2sq */
1
+ /* hash: 1481l */
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_5558q {
18
+ } .number-input__separator_6fshv {
19
19
  background-color: var(--color-light-neutral-translucent-300);
20
20
  }
package/components/steppers/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 73hh8 */
1
+ /* hash: vno0s */
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_dl4y5 {
17
+ } .number-input__component_l0asm {
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_dl4y5 {
24
+ } .number-input__separator_l0asm {
25
25
  height: 18px;
26
26
  width: 1px;
27
- } .number-input__button_dl4y5 {
27
+ } .number-input__button_l0asm {
28
28
  width: 40px;
29
29
  height: 40px;
30
30
  }
package/components/steppers/inverted.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1eb6x */
1
+ /* hash: 18gft */
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_898tm {
18
+ } .number-input__separator_9jw2q {
19
19
  background-color: var(--color-light-neutral-translucent-300-inverted);
20
20
  }
package/cssm/components/number-input/Component.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  import React from 'react';
3
3
  import { ChangeEvent, FC, Ref } from "react";
4
4
  import { InputProps } from "@alfalab/core-components-input";
5
- interface NumberInputProps extends Omit<InputProps, 'value' | 'onChange' | 'type' | 'defaultValue'> {
5
+ interface NumberInputProps extends Omit<InputProps, 'value' | 'onChange' | 'type' | 'defaultValue' | 'dataTestId'> {
6
6
  /**
7
7
  * Значение поля ввода
8
8
  */
@@ -50,6 +50,11 @@ interface NumberInputProps extends Omit<InputProps, 'value' | 'onChange' | 'type
50
50
  onChange?: (e: ChangeEvent<HTMLInputElement> | null, payload: {
51
51
  value: number | null;
52
52
  }) => void;
53
+ /**
54
+ * Идентификатор для систем автоматизированного тестирования.
55
+ * Для кнопки инкремента используется модификатор -increment-button, декремента -decrement-button
56
+ */
57
+ dataTestId?: string;
53
58
  }
54
59
  declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;
55
60
  export { NumberInputProps, NumberInput };
package/esm/components/number-input/Component.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  import React from 'react';
3
3
  import { ChangeEvent, FC, Ref } from "react";
4
4
  import { InputProps } from "@alfalab/core-components-input";
5
- interface NumberInputProps extends Omit<InputProps, 'value' | 'onChange' | 'type' | 'defaultValue'> {
5
+ interface NumberInputProps extends Omit<InputProps, 'value' | 'onChange' | 'type' | 'defaultValue' | 'dataTestId'> {
6
6
  /**
7
7
  * Значение поля ввода
8
8
  */
@@ -50,6 +50,11 @@ interface NumberInputProps extends Omit<InputProps, 'value' | 'onChange' | 'type
50
50
  onChange?: (e: ChangeEvent<HTMLInputElement> | null, payload: {
51
51
  value: number | null;
52
52
  }) => void;
53
+ /**
54
+ * Идентификатор для систем автоматизированного тестирования.
55
+ * Для кнопки инкремента используется модификатор -increment-button, декремента -decrement-button
56
+ */
57
+ dataTestId?: string;
53
58
  }
54
59
  declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;
55
60
  export { NumberInputProps, NumberInput };
package/esm/components/number-input/Component.js CHANGED
@@ -11,13 +11,13 @@ import '@alfalab/core-components-icon-button/esm';
11
11
  import '@alfalab/icons-glyph/MinusMIcon';
12
12
  import '@alfalab/icons-glyph/PlusMediumMIcon';
13
13
 
14
- var defaultColors = {"steppers":"number-input__steppers_rxb9r","steppersFocused":"number-input__steppersFocused_rxb9r","steppersDisabled":"number-input__steppersDisabled_rxb9r"};
14
+ var defaultColors = {"steppers":"number-input__steppers_o1dic","steppersFocused":"number-input__steppersFocused_o1dic","steppersDisabled":"number-input__steppersDisabled_o1dic"};
15
15
  require('./default.css')
16
16
 
17
- var styles = {"s":"number-input__s_ua8m2","m":"number-input__m_ua8m2"};
17
+ var styles = {"s":"number-input__s_witfz","m":"number-input__m_witfz"};
18
18
  require('./index.css')
19
19
 
20
- var invertedColors = {"steppers":"number-input__steppers_12art","steppersFocused":"number-input__steppersFocused_12art","steppersDisabled":"number-input__steppersDisabled_12art"};
20
+ var invertedColors = {"steppers":"number-input__steppers_yeu2e","steppersFocused":"number-input__steppersFocused_yeu2e","steppersDisabled":"number-input__steppersDisabled_yeu2e"};
21
21
  require('./inverted.css')
22
22
 
23
23
  var colorStyles = {
package/esm/components/number-input/default.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1v873 */
1
+ /* hash: 1lyun */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-1500-inverted: #fff;
@@ -16,9 +16,9 @@
16
16
  } :root {
17
17
  } :root {
18
18
  } :root {
19
- } .number-input__steppers_rxb9r {
19
+ } .number-input__steppers_o1dic {
20
20
  background-color: var(--color-light-neutral-1500-inverted);
21
- } .number-input__steppersFocused_rxb9r,
22
- .number-input__steppersDisabled_rxb9r {
21
+ } .number-input__steppersFocused_o1dic,
22
+ .number-input__steppersDisabled_o1dic {
23
23
  background-color: var(--color-light-neutral-translucent-200);
24
24
  }
package/esm/components/number-input/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: wriah */
1
+ /* hash: 1m0j6 */
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_ua8m2 {
19
+ } .number-input__s_witfz {
20
20
  margin-right: var(--gap-xs-neg);
21
- } .number-input__m_ua8m2 {
21
+ } .number-input__m_witfz {
22
22
  margin-right: var(--gap-2xs-neg);
23
23
  }
package/esm/components/number-input/inverted.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1vphq */
1
+ /* hash: 1mg5a */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-1500: #0e0e0e;
@@ -16,9 +16,9 @@
16
16
  } :root {
17
17
  } :root {
18
18
  } :root {
19
- } .number-input__steppers_12art {
19
+ } .number-input__steppers_yeu2e {
20
20
  background-color: var(--color-light-neutral-1500);
21
- } .number-input__steppersFocused_12art,
22
- .number-input__steppersDisabled_12art {
21
+ } .number-input__steppersFocused_yeu2e,
22
+ .number-input__steppersDisabled_yeu2e {
23
23
  background-color: var(--color-light-neutral-translucent-300-inverted);
24
24
  }
package/esm/components/steppers/Component.js CHANGED
@@ -5,13 +5,13 @@ import { getDataTestId } from '@alfalab/core-components-shared/esm';
5
5
  import { MinusMIcon } from '@alfalab/icons-glyph/MinusMIcon';
6
6
  import { PlusMediumMIcon } from '@alfalab/icons-glyph/PlusMediumMIcon';
7
7
 
8
- var defaultColors = {"separator":"number-input__separator_5558q"};
8
+ var defaultColors = {"separator":"number-input__separator_6fshv"};
9
9
  require('./default.css')
10
10
 
11
- var styles = {"component":"number-input__component_dl4y5","separator":"number-input__separator_dl4y5","button":"number-input__button_dl4y5"};
11
+ var styles = {"component":"number-input__component_l0asm","separator":"number-input__separator_l0asm","button":"number-input__button_l0asm"};
12
12
  require('./index.css')
13
13
 
14
- var invertedColors = {"separator":"number-input__separator_898tm"};
14
+ var invertedColors = {"separator":"number-input__separator_9jw2q"};
15
15
  require('./inverted.css')
16
16
 
17
17
  var colorStyles = {
package/esm/components/steppers/default.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1a2sq */
1
+ /* hash: 1481l */
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_5558q {
18
+ } .number-input__separator_6fshv {
19
19
  background-color: var(--color-light-neutral-translucent-300);
20
20
  }
package/esm/components/steppers/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 73hh8 */
1
+ /* hash: vno0s */
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_dl4y5 {
17
+ } .number-input__component_l0asm {
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_dl4y5 {
24
+ } .number-input__separator_l0asm {
25
25
  height: 18px;
26
26
  width: 1px;
27
- } .number-input__button_dl4y5 {
27
+ } .number-input__button_l0asm {
28
28
  width: 40px;
29
29
  height: 40px;
30
30
  }
package/esm/components/steppers/inverted.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1eb6x */
1
+ /* hash: 18gft */
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_898tm {
18
+ } .number-input__separator_9jw2q {
19
19
  background-color: var(--color-light-neutral-translucent-300-inverted);
20
20
  }
package/modern/components/number-input/Component.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  import React from 'react';
3
3
  import { ChangeEvent, FC, Ref } from "react";
4
4
  import { InputProps } from "@alfalab/core-components-input";
5
- interface NumberInputProps extends Omit<InputProps, 'value' | 'onChange' | 'type' | 'defaultValue'> {
5
+ interface NumberInputProps extends Omit<InputProps, 'value' | 'onChange' | 'type' | 'defaultValue' | 'dataTestId'> {
6
6
  /**
7
7
  * Значение поля ввода
8
8
  */
@@ -50,6 +50,11 @@ interface NumberInputProps extends Omit<InputProps, 'value' | 'onChange' | 'type
50
50
  onChange?: (e: ChangeEvent<HTMLInputElement> | null, payload: {
51
51
  value: number | null;
52
52
  }) => void;
53
+ /**
54
+ * Идентификатор для систем автоматизированного тестирования.
55
+ * Для кнопки инкремента используется модификатор -increment-button, декремента -decrement-button
56
+ */
57
+ dataTestId?: string;
53
58
  }
54
59
  declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;
55
60
  export { NumberInputProps, NumberInput };
package/modern/components/number-input/Component.js CHANGED
@@ -10,13 +10,13 @@ import '@alfalab/core-components-icon-button/modern';
10
10
  import '@alfalab/icons-glyph/MinusMIcon';
11
11
  import '@alfalab/icons-glyph/PlusMediumMIcon';
12
12
 
13
- const defaultColors = {"steppers":"number-input__steppers_rxb9r","steppersFocused":"number-input__steppersFocused_rxb9r","steppersDisabled":"number-input__steppersDisabled_rxb9r"};
13
+ const defaultColors = {"steppers":"number-input__steppers_o1dic","steppersFocused":"number-input__steppersFocused_o1dic","steppersDisabled":"number-input__steppersDisabled_o1dic"};
14
14
  require('./default.css')
15
15
 
16
- const styles = {"s":"number-input__s_ua8m2","m":"number-input__m_ua8m2"};
16
+ const styles = {"s":"number-input__s_witfz","m":"number-input__m_witfz"};
17
17
  require('./index.css')
18
18
 
19
- const invertedColors = {"steppers":"number-input__steppers_12art","steppersFocused":"number-input__steppersFocused_12art","steppersDisabled":"number-input__steppersDisabled_12art"};
19
+ const invertedColors = {"steppers":"number-input__steppers_yeu2e","steppersFocused":"number-input__steppersFocused_yeu2e","steppersDisabled":"number-input__steppersDisabled_yeu2e"};
20
20
  require('./inverted.css')
21
21
 
22
22
  const colorStyles = {
package/modern/components/number-input/default.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1v873 */
1
+ /* hash: 1lyun */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-1500-inverted: #fff;
@@ -16,9 +16,9 @@
16
16
  } :root {
17
17
  } :root {
18
18
  } :root {
19
- } .number-input__steppers_rxb9r {
19
+ } .number-input__steppers_o1dic {
20
20
  background-color: var(--color-light-neutral-1500-inverted);
21
- } .number-input__steppersFocused_rxb9r,
22
- .number-input__steppersDisabled_rxb9r {
21
+ } .number-input__steppersFocused_o1dic,
22
+ .number-input__steppersDisabled_o1dic {
23
23
  background-color: var(--color-light-neutral-translucent-200);
24
24
  }
package/modern/components/number-input/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: wriah */
1
+ /* hash: 1m0j6 */
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_ua8m2 {
19
+ } .number-input__s_witfz {
20
20
  margin-right: var(--gap-xs-neg);
21
- } .number-input__m_ua8m2 {
21
+ } .number-input__m_witfz {
22
22
  margin-right: var(--gap-2xs-neg);
23
23
  }
package/modern/components/number-input/inverted.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1vphq */
1
+ /* hash: 1mg5a */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-1500: #0e0e0e;
@@ -16,9 +16,9 @@
16
16
  } :root {
17
17
  } :root {
18
18
  } :root {
19
- } .number-input__steppers_12art {
19
+ } .number-input__steppers_yeu2e {
20
20
  background-color: var(--color-light-neutral-1500);
21
- } .number-input__steppersFocused_12art,
22
- .number-input__steppersDisabled_12art {
21
+ } .number-input__steppersFocused_yeu2e,
22
+ .number-input__steppersDisabled_yeu2e {
23
23
  background-color: var(--color-light-neutral-translucent-300-inverted);
24
24
  }
package/modern/components/steppers/Component.js CHANGED
@@ -5,13 +5,13 @@ import { getDataTestId } from '@alfalab/core-components-shared/modern';
5
5
  import { MinusMIcon } from '@alfalab/icons-glyph/MinusMIcon';
6
6
  import { PlusMediumMIcon } from '@alfalab/icons-glyph/PlusMediumMIcon';
7
7
 
8
- const defaultColors = {"separator":"number-input__separator_5558q"};
8
+ const defaultColors = {"separator":"number-input__separator_6fshv"};
9
9
  require('./default.css')
10
10
 
11
- const styles = {"component":"number-input__component_dl4y5","separator":"number-input__separator_dl4y5","button":"number-input__button_dl4y5"};
11
+ const styles = {"component":"number-input__component_l0asm","separator":"number-input__separator_l0asm","button":"number-input__button_l0asm"};
12
12
  require('./index.css')
13
13
 
14
- const invertedColors = {"separator":"number-input__separator_898tm"};
14
+ const invertedColors = {"separator":"number-input__separator_9jw2q"};
15
15
  require('./inverted.css')
16
16
 
17
17
  const colorStyles = {
package/modern/components/steppers/default.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1a2sq */
1
+ /* hash: 1481l */
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_5558q {
18
+ } .number-input__separator_6fshv {
19
19
  background-color: var(--color-light-neutral-translucent-300);
20
20
  }
package/modern/components/steppers/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 73hh8 */
1
+ /* hash: vno0s */
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_dl4y5 {
17
+ } .number-input__component_l0asm {
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_dl4y5 {
24
+ } .number-input__separator_l0asm {
25
25
  height: 18px;
26
26
  width: 1px;
27
- } .number-input__button_dl4y5 {
27
+ } .number-input__button_l0asm {
28
28
  width: 40px;
29
29
  height: 40px;
30
30
  }
package/modern/components/steppers/inverted.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1eb6x */
1
+ /* hash: 18gft */
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_898tm {
18
+ } .number-input__separator_9jw2q {
19
19
  background-color: var(--color-light-neutral-translucent-300-inverted);
20
20
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-number-input",
3
- "version": "2.0.2",
3
+ "version": "2.0.3",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -14,9 +14,9 @@
14
14
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
15
15
  },
16
16
  "dependencies": {
17
- "@alfalab/core-components-input": "^13.0.2",
17
+ "@alfalab/core-components-input": "^14.0.0",
18
18
  "@alfalab/core-components-mq": "^4.2.0",
19
- "@alfalab/core-components-icon-button": "^6.4.2",
19
+ "@alfalab/core-components-icon-button": "^6.4.3",
20
20
  "@alfalab/core-components-shared": "^0.8.0",
21
21
  "@alfalab/icons-glyph": "^2.108.0",
22
22
  "@maskito/core": "^1.7.0",
package/src/components/number-input/Component.tsx CHANGED
@@ -37,7 +37,7 @@ const colorStyles = {
37
37
  };
38
38
 
39
39
  export interface NumberInputProps
40
- extends Omit<InputProps, 'value' | 'onChange' | 'type' | 'defaultValue'> {
40
+ extends Omit<InputProps, 'value' | 'onChange' | 'type' | 'defaultValue' | 'dataTestId'> {
41
41
  /**
42
42
  * Значение поля ввода
43
43
  */
@@ -90,6 +90,12 @@ export interface NumberInputProps
90
90
  * Обработчик события изменения значения
91
91
  */
92
92
  onChange?: (e: ChangeEvent<HTMLInputElement> | null, payload: { value: number | null }) => void;
93
+
94
+ /**
95
+ * Идентификатор для систем автоматизированного тестирования.
96
+ * Для кнопки инкремента используется модификатор -increment-button, декремента -decrement-button
97
+ */
98
+ dataTestId?: string;
93
99
  }
94
100
 
95
101
  export const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(