@alfalab/core-components-number-input 2.0.4 → 2.1.1

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 (29) hide show
  1. package/components/number-input/Component.js +3 -3
  2. package/components/number-input/default.css +6 -6
  3. package/components/number-input/index.css +3 -3
  4. package/components/number-input/inverted.css +6 -6
  5. package/components/steppers/Component.js +3 -3
  6. package/components/steppers/default.css +2 -2
  7. package/components/steppers/index.css +4 -4
  8. package/components/steppers/inverted.css +2 -2
  9. package/cssm/components/number-input/default.module.css +2 -2
  10. package/cssm/components/number-input/inverted.module.css +2 -2
  11. package/esm/components/number-input/Component.js +3 -3
  12. package/esm/components/number-input/default.css +6 -6
  13. package/esm/components/number-input/index.css +3 -3
  14. package/esm/components/number-input/inverted.css +6 -6
  15. package/esm/components/steppers/Component.js +3 -3
  16. package/esm/components/steppers/default.css +2 -2
  17. package/esm/components/steppers/index.css +4 -4
  18. package/esm/components/steppers/inverted.css +2 -2
  19. package/modern/components/number-input/Component.js +3 -3
  20. package/modern/components/number-input/default.css +6 -6
  21. package/modern/components/number-input/index.css +3 -3
  22. package/modern/components/number-input/inverted.css +6 -6
  23. package/modern/components/steppers/Component.js +3 -3
  24. package/modern/components/steppers/default.css +2 -2
  25. package/modern/components/steppers/index.css +4 -4
  26. package/modern/components/steppers/inverted.css +2 -2
  27. package/package.json +5 -5
  28. package/src/components/number-input/default.module.css +1 -1
  29. package/src/components/number-input/inverted.module.css +1 -1
@@ -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_117n4","steppersFocused":"number-input__steppersFocused_117n4","steppersDisabled":"number-input__steppersDisabled_117n4"};
24
+ var defaultColors = {"steppers":"number-input__steppers_3rwwc","steppersFocused":"number-input__steppersFocused_3rwwc","steppersDisabled":"number-input__steppersDisabled_3rwwc"};
25
25
  require('./default.css')
26
26
 
27
- var styles = {"s":"number-input__s_osddj","m":"number-input__m_osddj"};
27
+ var styles = {"s":"number-input__s_ayauu","m":"number-input__m_ayauu"};
28
28
  require('./index.css')
29
29
 
30
- var invertedColors = {"steppers":"number-input__steppers_1bl3o","steppersFocused":"number-input__steppersFocused_1bl3o","steppersDisabled":"number-input__steppersDisabled_1bl3o"};
30
+ var invertedColors = {"steppers":"number-input__steppers_e5dge","steppersFocused":"number-input__steppersFocused_e5dge","steppersDisabled":"number-input__steppersDisabled_e5dge"};
31
31
  require('./inverted.css')
32
32
 
33
33
  var colorStyles = {
@@ -1,7 +1,7 @@
1
- /* hash: u0cew */
1
+ /* hash: 1mktw */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-neutral-1500-inverted: #fff;
4
+ --color-light-neutral-translucent-0: #fff;
5
5
  --color-light-neutral-translucent-200: rgba(30, 43, 68, 0.08); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :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 */
7
7
  } :root {
@@ -16,9 +16,9 @@
16
16
  } :root {
17
17
  } :root {
18
18
  } :root {
19
- } .number-input__steppers_117n4 {
20
- background-color: var(--color-light-neutral-1500-inverted);
21
- } .number-input__steppersFocused_117n4,
22
- .number-input__steppersDisabled_117n4 {
19
+ } .number-input__steppers_3rwwc {
20
+ background-color: var(--color-light-neutral-translucent-0);
21
+ } .number-input__steppersFocused_3rwwc,
22
+ .number-input__steppersDisabled_3rwwc {
23
23
  background-color: var(--color-light-neutral-translucent-200);
24
24
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1mgiw */
1
+ /* hash: 1e4ol */
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_osddj {
19
+ } .number-input__s_ayauu {
20
20
  margin-right: var(--gap-xs-neg);
21
- } .number-input__m_osddj {
21
+ } .number-input__m_ayauu {
22
22
  margin-right: var(--gap-2xs-neg);
23
23
  }
@@ -1,7 +1,7 @@
1
- /* hash: uhn27 */
1
+ /* hash: 1n24j */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-neutral-1500: #0e0e0e;
4
+ --color-light-neutral-translucent-0-inverted: rgba(214, 214, 229, 0.07);
5
5
  --color-light-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :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 */
7
7
  } :root {
@@ -16,9 +16,9 @@
16
16
  } :root {
17
17
  } :root {
18
18
  } :root {
19
- } .number-input__steppers_1bl3o {
20
- background-color: var(--color-light-neutral-1500);
21
- } .number-input__steppersFocused_1bl3o,
22
- .number-input__steppersDisabled_1bl3o {
19
+ } .number-input__steppers_e5dge {
20
+ background-color: var(--color-light-neutral-translucent-0-inverted);
21
+ } .number-input__steppersFocused_e5dge,
22
+ .number-input__steppersDisabled_e5dge {
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_krky5"};
17
+ var defaultColors = {"separator":"number-input__separator_1i7b6"};
18
18
  require('./default.css')
19
19
 
20
- var styles = {"component":"number-input__component_1hhlo","separator":"number-input__separator_1hhlo","button":"number-input__button_1hhlo"};
20
+ var styles = {"component":"number-input__component_1vbo6","separator":"number-input__separator_1vbo6","button":"number-input__button_1vbo6"};
21
21
  require('./index.css')
22
22
 
23
- var invertedColors = {"separator":"number-input__separator_nvoj0"};
23
+ var invertedColors = {"separator":"number-input__separator_1lber"};
24
24
  require('./inverted.css')
25
25
 
26
26
  var colorStyles = {
@@ -1,4 +1,4 @@
1
- /* hash: c9jcy */
1
+ /* hash: 11ffj */
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_krky5 {
18
+ } .number-input__separator_1i7b6 {
19
19
  background-color: var(--color-light-neutral-translucent-300);
20
20
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1gfkw */
1
+ /* hash: ognrw */
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_1hhlo {
17
+ } .number-input__component_1vbo6 {
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_1hhlo {
24
+ } .number-input__separator_1vbo6 {
25
25
  height: 18px;
26
26
  width: 1px;
27
- } .number-input__button_1hhlo {
27
+ } .number-input__button_1vbo6 {
28
28
  width: 40px;
29
29
  height: 40px;
30
30
  }
@@ -1,4 +1,4 @@
1
- /* hash: ghxkh */
1
+ /* hash: 15ntq */
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_nvoj0 {
18
+ } .number-input__separator_1lber {
19
19
  background-color: var(--color-light-neutral-translucent-300-inverted);
20
20
  }
@@ -1,6 +1,6 @@
1
1
  :root {
2
2
  } /* deprecated */ :root {
3
- --color-light-neutral-1500-inverted: #fff;
3
+ --color-light-neutral-translucent-0: #fff;
4
4
  --color-light-neutral-translucent-200: rgba(30, 43, 68, 0.08); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
5
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :root {
@@ -16,7 +16,7 @@
16
16
  } :root {
17
17
  } :root {
18
18
  } .steppers {
19
- background-color: var(--color-light-neutral-1500-inverted);
19
+ background-color: var(--color-light-neutral-translucent-0);
20
20
  } .steppersFocused,
21
21
  .steppersDisabled {
22
22
  background-color: var(--color-light-neutral-translucent-200);
@@ -1,6 +1,6 @@
1
1
  :root {
2
2
  } /* deprecated */ :root {
3
- --color-light-neutral-1500: #0e0e0e;
3
+ --color-light-neutral-translucent-0-inverted: rgba(214, 214, 229, 0.07);
4
4
  --color-light-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
5
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :root {
@@ -16,7 +16,7 @@
16
16
  } :root {
17
17
  } :root {
18
18
  } .steppers {
19
- background-color: var(--color-light-neutral-1500);
19
+ background-color: var(--color-light-neutral-translucent-0-inverted);
20
20
  } .steppersFocused,
21
21
  .steppersDisabled {
22
22
  background-color: var(--color-light-neutral-translucent-300-inverted);
@@ -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_117n4","steppersFocused":"number-input__steppersFocused_117n4","steppersDisabled":"number-input__steppersDisabled_117n4"};
14
+ var defaultColors = {"steppers":"number-input__steppers_3rwwc","steppersFocused":"number-input__steppersFocused_3rwwc","steppersDisabled":"number-input__steppersDisabled_3rwwc"};
15
15
  require('./default.css')
16
16
 
17
- var styles = {"s":"number-input__s_osddj","m":"number-input__m_osddj"};
17
+ var styles = {"s":"number-input__s_ayauu","m":"number-input__m_ayauu"};
18
18
  require('./index.css')
19
19
 
20
- var invertedColors = {"steppers":"number-input__steppers_1bl3o","steppersFocused":"number-input__steppersFocused_1bl3o","steppersDisabled":"number-input__steppersDisabled_1bl3o"};
20
+ var invertedColors = {"steppers":"number-input__steppers_e5dge","steppersFocused":"number-input__steppersFocused_e5dge","steppersDisabled":"number-input__steppersDisabled_e5dge"};
21
21
  require('./inverted.css')
22
22
 
23
23
  var colorStyles = {
@@ -1,7 +1,7 @@
1
- /* hash: u0cew */
1
+ /* hash: 1mktw */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-neutral-1500-inverted: #fff;
4
+ --color-light-neutral-translucent-0: #fff;
5
5
  --color-light-neutral-translucent-200: rgba(30, 43, 68, 0.08); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :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 */
7
7
  } :root {
@@ -16,9 +16,9 @@
16
16
  } :root {
17
17
  } :root {
18
18
  } :root {
19
- } .number-input__steppers_117n4 {
20
- background-color: var(--color-light-neutral-1500-inverted);
21
- } .number-input__steppersFocused_117n4,
22
- .number-input__steppersDisabled_117n4 {
19
+ } .number-input__steppers_3rwwc {
20
+ background-color: var(--color-light-neutral-translucent-0);
21
+ } .number-input__steppersFocused_3rwwc,
22
+ .number-input__steppersDisabled_3rwwc {
23
23
  background-color: var(--color-light-neutral-translucent-200);
24
24
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1mgiw */
1
+ /* hash: 1e4ol */
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_osddj {
19
+ } .number-input__s_ayauu {
20
20
  margin-right: var(--gap-xs-neg);
21
- } .number-input__m_osddj {
21
+ } .number-input__m_ayauu {
22
22
  margin-right: var(--gap-2xs-neg);
23
23
  }
@@ -1,7 +1,7 @@
1
- /* hash: uhn27 */
1
+ /* hash: 1n24j */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-neutral-1500: #0e0e0e;
4
+ --color-light-neutral-translucent-0-inverted: rgba(214, 214, 229, 0.07);
5
5
  --color-light-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :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 */
7
7
  } :root {
@@ -16,9 +16,9 @@
16
16
  } :root {
17
17
  } :root {
18
18
  } :root {
19
- } .number-input__steppers_1bl3o {
20
- background-color: var(--color-light-neutral-1500);
21
- } .number-input__steppersFocused_1bl3o,
22
- .number-input__steppersDisabled_1bl3o {
19
+ } .number-input__steppers_e5dge {
20
+ background-color: var(--color-light-neutral-translucent-0-inverted);
21
+ } .number-input__steppersFocused_e5dge,
22
+ .number-input__steppersDisabled_e5dge {
23
23
  background-color: var(--color-light-neutral-translucent-300-inverted);
24
24
  }
@@ -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_krky5"};
8
+ var defaultColors = {"separator":"number-input__separator_1i7b6"};
9
9
  require('./default.css')
10
10
 
11
- var styles = {"component":"number-input__component_1hhlo","separator":"number-input__separator_1hhlo","button":"number-input__button_1hhlo"};
11
+ var styles = {"component":"number-input__component_1vbo6","separator":"number-input__separator_1vbo6","button":"number-input__button_1vbo6"};
12
12
  require('./index.css')
13
13
 
14
- var invertedColors = {"separator":"number-input__separator_nvoj0"};
14
+ var invertedColors = {"separator":"number-input__separator_1lber"};
15
15
  require('./inverted.css')
16
16
 
17
17
  var colorStyles = {
@@ -1,4 +1,4 @@
1
- /* hash: c9jcy */
1
+ /* hash: 11ffj */
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_krky5 {
18
+ } .number-input__separator_1i7b6 {
19
19
  background-color: var(--color-light-neutral-translucent-300);
20
20
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1gfkw */
1
+ /* hash: ognrw */
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_1hhlo {
17
+ } .number-input__component_1vbo6 {
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_1hhlo {
24
+ } .number-input__separator_1vbo6 {
25
25
  height: 18px;
26
26
  width: 1px;
27
- } .number-input__button_1hhlo {
27
+ } .number-input__button_1vbo6 {
28
28
  width: 40px;
29
29
  height: 40px;
30
30
  }
@@ -1,4 +1,4 @@
1
- /* hash: ghxkh */
1
+ /* hash: 15ntq */
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_nvoj0 {
18
+ } .number-input__separator_1lber {
19
19
  background-color: var(--color-light-neutral-translucent-300-inverted);
20
20
  }
@@ -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_117n4","steppersFocused":"number-input__steppersFocused_117n4","steppersDisabled":"number-input__steppersDisabled_117n4"};
13
+ const defaultColors = {"steppers":"number-input__steppers_3rwwc","steppersFocused":"number-input__steppersFocused_3rwwc","steppersDisabled":"number-input__steppersDisabled_3rwwc"};
14
14
  require('./default.css')
15
15
 
16
- const styles = {"s":"number-input__s_osddj","m":"number-input__m_osddj"};
16
+ const styles = {"s":"number-input__s_ayauu","m":"number-input__m_ayauu"};
17
17
  require('./index.css')
18
18
 
19
- const invertedColors = {"steppers":"number-input__steppers_1bl3o","steppersFocused":"number-input__steppersFocused_1bl3o","steppersDisabled":"number-input__steppersDisabled_1bl3o"};
19
+ const invertedColors = {"steppers":"number-input__steppers_e5dge","steppersFocused":"number-input__steppersFocused_e5dge","steppersDisabled":"number-input__steppersDisabled_e5dge"};
20
20
  require('./inverted.css')
21
21
 
22
22
  const colorStyles = {
@@ -1,7 +1,7 @@
1
- /* hash: u0cew */
1
+ /* hash: 1mktw */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-neutral-1500-inverted: #fff;
4
+ --color-light-neutral-translucent-0: #fff;
5
5
  --color-light-neutral-translucent-200: rgba(30, 43, 68, 0.08); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :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 */
7
7
  } :root {
@@ -16,9 +16,9 @@
16
16
  } :root {
17
17
  } :root {
18
18
  } :root {
19
- } .number-input__steppers_117n4 {
20
- background-color: var(--color-light-neutral-1500-inverted);
21
- } .number-input__steppersFocused_117n4,
22
- .number-input__steppersDisabled_117n4 {
19
+ } .number-input__steppers_3rwwc {
20
+ background-color: var(--color-light-neutral-translucent-0);
21
+ } .number-input__steppersFocused_3rwwc,
22
+ .number-input__steppersDisabled_3rwwc {
23
23
  background-color: var(--color-light-neutral-translucent-200);
24
24
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1mgiw */
1
+ /* hash: 1e4ol */
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_osddj {
19
+ } .number-input__s_ayauu {
20
20
  margin-right: var(--gap-xs-neg);
21
- } .number-input__m_osddj {
21
+ } .number-input__m_ayauu {
22
22
  margin-right: var(--gap-2xs-neg);
23
23
  }
@@ -1,7 +1,7 @@
1
- /* hash: uhn27 */
1
+ /* hash: 1n24j */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-neutral-1500: #0e0e0e;
4
+ --color-light-neutral-translucent-0-inverted: rgba(214, 214, 229, 0.07);
5
5
  --color-light-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :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 */
7
7
  } :root {
@@ -16,9 +16,9 @@
16
16
  } :root {
17
17
  } :root {
18
18
  } :root {
19
- } .number-input__steppers_1bl3o {
20
- background-color: var(--color-light-neutral-1500);
21
- } .number-input__steppersFocused_1bl3o,
22
- .number-input__steppersDisabled_1bl3o {
19
+ } .number-input__steppers_e5dge {
20
+ background-color: var(--color-light-neutral-translucent-0-inverted);
21
+ } .number-input__steppersFocused_e5dge,
22
+ .number-input__steppersDisabled_e5dge {
23
23
  background-color: var(--color-light-neutral-translucent-300-inverted);
24
24
  }
@@ -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_krky5"};
8
+ const defaultColors = {"separator":"number-input__separator_1i7b6"};
9
9
  require('./default.css')
10
10
 
11
- const styles = {"component":"number-input__component_1hhlo","separator":"number-input__separator_1hhlo","button":"number-input__button_1hhlo"};
11
+ const styles = {"component":"number-input__component_1vbo6","separator":"number-input__separator_1vbo6","button":"number-input__button_1vbo6"};
12
12
  require('./index.css')
13
13
 
14
- const invertedColors = {"separator":"number-input__separator_nvoj0"};
14
+ const invertedColors = {"separator":"number-input__separator_1lber"};
15
15
  require('./inverted.css')
16
16
 
17
17
  const colorStyles = {
@@ -1,4 +1,4 @@
1
- /* hash: c9jcy */
1
+ /* hash: 11ffj */
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_krky5 {
18
+ } .number-input__separator_1i7b6 {
19
19
  background-color: var(--color-light-neutral-translucent-300);
20
20
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1gfkw */
1
+ /* hash: ognrw */
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_1hhlo {
17
+ } .number-input__component_1vbo6 {
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_1hhlo {
24
+ } .number-input__separator_1vbo6 {
25
25
  height: 18px;
26
26
  width: 1px;
27
- } .number-input__button_1hhlo {
27
+ } .number-input__button_1vbo6 {
28
28
  width: 40px;
29
29
  height: 40px;
30
30
  }
@@ -1,4 +1,4 @@
1
- /* hash: ghxkh */
1
+ /* hash: 15ntq */
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_nvoj0 {
18
+ } .number-input__separator_1lber {
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.4",
3
+ "version": "2.1.1",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -14,11 +14,11 @@
14
14
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
15
15
  },
16
16
  "dependencies": {
17
- "@alfalab/core-components-input": "^14.0.1",
17
+ "@alfalab/core-components-input": "^14.1.1",
18
18
  "@alfalab/core-components-mq": "^4.2.0",
19
- "@alfalab/core-components-icon-button": "^6.4.3",
20
- "@alfalab/core-components-shared": "^0.8.0",
21
- "@alfalab/icons-glyph": "^2.108.0",
19
+ "@alfalab/core-components-icon-button": "^6.5.1",
20
+ "@alfalab/core-components-shared": "^0.9.1",
21
+ "@alfalab/icons-glyph": "^2.139.0",
22
22
  "@maskito/core": "^1.7.0",
23
23
  "@maskito/react": "^1.7.0",
24
24
  "classnames": "^2.3.1",
@@ -1,7 +1,7 @@
1
1
  @import '@alfalab/core-components-themes/src/default.css';
2
2
 
3
3
  .steppers {
4
- background-color: var(--color-light-neutral-1500-inverted);
4
+ background-color: var(--color-light-neutral-translucent-0);
5
5
  }
6
6
 
7
7
  .steppersFocused,
@@ -1,7 +1,7 @@
1
1
  @import '@alfalab/core-components-themes/src/default.css';
2
2
 
3
3
  .steppers {
4
- background-color: var(--color-light-neutral-1500);
4
+ background-color: var(--color-light-neutral-translucent-0-inverted);
5
5
  }
6
6
 
7
7
  .steppersFocused,