@hh.ru/magritte-ui-pincode-input 2.0.1 → 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 (3) hide show
  1. package/PincodeInput.js +1 -1
  2. package/index.css +104 -101
  3. package/package.json +5 -5
package/PincodeInput.js CHANGED
@@ -7,7 +7,7 @@ import { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';
7
7
  import { FormHelper } from '@hh.ru/magritte-ui-form-helper';
8
8
  import { useOTP } from './useOTP.js';
9
9
 
10
- var styles = {"pincode-input":"magritte-pincode-input___RpWyq_2-0-1","pincodeInput":"magritte-pincode-input___RpWyq_2-0-1","medium":"magritte-medium___wfRSc_2-0-1","placeholder":"magritte-placeholder___10kQ0_2-0-1","focus":"magritte-focus___IuhXb_2-0-1","invalid":"magritte-invalid___hB8h2_2-0-1","focus-visible":"magritte-focus-visible___BN1eD_2-0-1","focusVisible":"magritte-focus-visible___BN1eD_2-0-1","digit-box-container":"magritte-digit-box-container___BqMWw_2-0-1","digitBoxContainer":"magritte-digit-box-container___BqMWw_2-0-1","digit-box":"magritte-digit-box___6J0Q2_2-0-1","digitBox":"magritte-digit-box___6J0Q2_2-0-1","digits-input":"magritte-digits-input___4QeLj_2-0-1","digitsInput":"magritte-digits-input___4QeLj_2-0-1","caret-left":"magritte-caret-left___iZMuA_2-0-1","caretLeft":"magritte-caret-left___iZMuA_2-0-1","caret-right":"magritte-caret-right___u8wNk_2-0-1","caretRight":"magritte-caret-right___u8wNk_2-0-1","caret-blink":"magritte-caret-blink___-bhg7_2-0-1","caretBlink":"magritte-caret-blink___-bhg7_2-0-1","value-container":"magritte-value-container___9JR3e_2-0-1","valueContainer":"magritte-value-container___9JR3e_2-0-1","ghost-value":"magritte-ghost-value___jPQwY_2-0-1","ghostValue":"magritte-ghost-value___jPQwY_2-0-1"};
10
+ var styles = {"pincode-input":"magritte-pincode-input___RpWyq_2-0-3","pincodeInput":"magritte-pincode-input___RpWyq_2-0-3","medium":"magritte-medium___wfRSc_2-0-3","placeholder":"magritte-placeholder___10kQ0_2-0-3","focus":"magritte-focus___IuhXb_2-0-3","invalid":"magritte-invalid___hB8h2_2-0-3","focus-visible":"magritte-focus-visible___BN1eD_2-0-3","focusVisible":"magritte-focus-visible___BN1eD_2-0-3","digit-box-container":"magritte-digit-box-container___BqMWw_2-0-3","digitBoxContainer":"magritte-digit-box-container___BqMWw_2-0-3","digit-box":"magritte-digit-box___6J0Q2_2-0-3","digitBox":"magritte-digit-box___6J0Q2_2-0-3","digits-input":"magritte-digits-input___4QeLj_2-0-3","digitsInput":"magritte-digits-input___4QeLj_2-0-3","caret-left":"magritte-caret-left___iZMuA_2-0-3","caretLeft":"magritte-caret-left___iZMuA_2-0-3","caret-right":"magritte-caret-right___u8wNk_2-0-3","caretRight":"magritte-caret-right___u8wNk_2-0-3","caret-blink":"magritte-caret-blink___-bhg7_2-0-3","caretBlink":"magritte-caret-blink___-bhg7_2-0-3","value-container":"magritte-value-container___9JR3e_2-0-3","valueContainer":"magritte-value-container___9JR3e_2-0-3","ghost-value":"magritte-ghost-value___jPQwY_2-0-3","ghostValue":"magritte-ghost-value___jPQwY_2-0-3"};
11
11
 
12
12
  const clamp = (value, min, max) => Math.min(Math.max(value, min), max);
13
13
  const PincodeInput = forwardRef(({ digitsCount: _digitsCount = null, size = 'large', invalid = false, name, onFocus, onBlur, onChange, description, errorMessage, credentialsRequestId = -1, onOTPCredentialsRequestFail, 'data-qa': dataQa = 'magritte-pincode-input', }, ref) => {
package/index.css CHANGED
@@ -1,120 +1,123 @@
1
1
  :root{
2
- --magritte-color-text-primary-v22-1-0:#000000;
3
- --magritte-color-component-input-stroke-state-field-hovered-v22-1-0:#CCD5DF;
4
- --magritte-color-component-input-stroke-state-field-focused-v22-1-0:#0070ff;
5
- --magritte-color-component-input-stroke-state-accent-focused-accessible-v22-1-0:#0070ff7a;
6
- --magritte-color-component-input-stroke-state-field-invalid-v22-1-0:#ff4d3a;
7
- --magritte-color-component-input-stroke-state-negative-focused-accessible-v22-1-0:#ff4d3a7a;
8
- --magritte-color-component-input-background-field-v22-1-0:#ffffff;
9
- --magritte-color-component-input-background-state-field-hovered-v22-1-0:#ffffff;
10
- --magritte-color-component-input-background-state-field-focused-v22-1-0:#ffffff;
11
- --magritte-color-component-input-background-state-field-invalid-v22-1-0:#ffffff;
12
- --magritte-color-component-input-stroke-field-v22-1-0:#DCE3EB;
13
- --magritte-color-component-input-text-state-content-focused-v22-1-0:#000000;
14
- --magritte-color-component-input-text-state-placeholder-hovered-v22-1-0:#768694;
15
- --magritte-color-component-input-text-state-placeholder-focused-v22-1-0:#AABBCA;
16
- --magritte-color-component-input-text-state-placeholder-invalid-v22-1-0:#AABBCA;
17
- --magritte-color-component-input-text-placeholder-v22-1-0:#AABBCA;
18
- }
2
+ --magritte-color-text-primary-v23-0-0:#000000;
3
+ --magritte-color-component-input-stroke-state-field-hovered-v23-0-0:#CCD5DF;
4
+ --magritte-color-component-input-stroke-state-field-focused-v23-0-0:#0070ff;
5
+ --magritte-color-component-input-stroke-state-accent-focused-accessible-v23-0-0:#0070ff7a;
6
+ --magritte-color-component-input-stroke-state-field-invalid-v23-0-0:#ff4d3a;
7
+ --magritte-color-component-input-stroke-state-negative-focused-accessible-v23-0-0:#ff4d3a7a;
8
+ --magritte-color-component-input-background-field-v23-0-0:#ffffff;
9
+ --magritte-color-component-input-background-state-field-hovered-v23-0-0:#ffffff;
10
+ --magritte-color-component-input-background-state-field-focused-v23-0-0:#ffffff;
11
+ --magritte-color-component-input-background-state-field-invalid-v23-0-0:#ffffff;
12
+ --magritte-color-component-input-stroke-field-v23-0-0:#DCE3EB;
13
+ --magritte-color-component-input-text-state-content-focused-v23-0-0:#000000;
14
+ --magritte-color-component-input-text-state-placeholder-hovered-v23-0-0:#768694;
15
+ --magritte-color-component-input-text-state-placeholder-focused-v23-0-0:#AABBCA;
16
+ --magritte-color-component-input-text-state-placeholder-invalid-v23-0-0:#AABBCA;
17
+ --magritte-color-component-input-text-placeholder-v23-0-0:#AABBCA;
18
+ }
19
+
19
20
  :root{
20
- --magritte-font-families-body-v22-1-0:hh sans;
21
- --magritte-semantic-border-width-default-v22-1-0:1px;
22
- --magritte-semantic-border-width-focused-v22-1-0:2px;
23
- --magritte-static-border-radius-300-v22-1-0:12px;
24
- --magritte-static-border-radius-450-v22-1-0:18px;
21
+ --magritte-font-families-body-v23-0-0:hh sans;
22
+ --magritte-semantic-border-width-default-v23-0-0:1px;
23
+ --magritte-semantic-border-width-focused-v23-0-0:2px;
24
+ --magritte-static-border-radius-300-v23-0-0:12px;
25
+ --magritte-static-border-radius-450-v23-0-0:18px;
25
26
  }
27
+
26
28
  .magritte-night-theme{
27
- --magritte-color-text-primary-v22-1-0:#ffffff;
28
- --magritte-color-component-input-stroke-state-field-hovered-v22-1-0:#3B3B3B;
29
- --magritte-color-component-input-stroke-state-field-focused-v22-1-0:#0070ff;
30
- --magritte-color-component-input-stroke-state-accent-focused-accessible-v22-1-0:#0070ff7a;
31
- --magritte-color-component-input-stroke-state-field-invalid-v22-1-0:#ff4d3a;
32
- --magritte-color-component-input-stroke-state-negative-focused-accessible-v22-1-0:#ff4d3a7a;
33
- --magritte-color-component-input-background-field-v22-1-0:#111;
34
- --magritte-color-component-input-background-state-field-hovered-v22-1-0:#111;
35
- --magritte-color-component-input-background-state-field-focused-v22-1-0:#111;
36
- --magritte-color-component-input-background-state-field-invalid-v22-1-0:#111;
37
- --magritte-color-component-input-stroke-field-v22-1-0:#303030;
38
- --magritte-color-component-input-text-placeholder-v22-1-0:#535353;
39
- --magritte-color-component-input-text-state-content-focused-v22-1-0:#ffffff;
40
- --magritte-color-component-input-text-state-placeholder-hovered-v22-1-0:#5E5E5E;
41
- --magritte-color-component-input-text-state-placeholder-focused-v22-1-0:#535353;
42
- --magritte-color-component-input-text-state-placeholder-invalid-v22-1-0:#535353;
43
- }
29
+ --magritte-color-text-primary-v23-0-0:#ffffff;
30
+ --magritte-color-component-input-stroke-state-field-hovered-v23-0-0:#3B3B3B;
31
+ --magritte-color-component-input-stroke-state-field-focused-v23-0-0:#0070ff;
32
+ --magritte-color-component-input-stroke-state-accent-focused-accessible-v23-0-0:#0070ff7a;
33
+ --magritte-color-component-input-stroke-state-field-invalid-v23-0-0:#ff4d3a;
34
+ --magritte-color-component-input-stroke-state-negative-focused-accessible-v23-0-0:#ff4d3a7a;
35
+ --magritte-color-component-input-background-field-v23-0-0:#111;
36
+ --magritte-color-component-input-background-state-field-hovered-v23-0-0:#111;
37
+ --magritte-color-component-input-background-state-field-focused-v23-0-0:#111;
38
+ --magritte-color-component-input-background-state-field-invalid-v23-0-0:#111;
39
+ --magritte-color-component-input-stroke-field-v23-0-0:#303030;
40
+ --magritte-color-component-input-text-placeholder-v23-0-0:#535353;
41
+ --magritte-color-component-input-text-state-content-focused-v23-0-0:#ffffff;
42
+ --magritte-color-component-input-text-state-placeholder-hovered-v23-0-0:#5E5E5E;
43
+ --magritte-color-component-input-text-state-placeholder-focused-v23-0-0:#535353;
44
+ --magritte-color-component-input-text-state-placeholder-invalid-v23-0-0:#535353;
45
+ }
46
+
44
47
  .magritte-zp-day-theme{
45
- --magritte-color-text-primary-v22-1-0:#000000;
46
- --magritte-color-component-input-stroke-state-accent-focused-accessible-v22-1-0:#0070ff7a;
47
- --magritte-color-component-input-stroke-state-negative-focused-accessible-v22-1-0:#ff4d3a7a;
48
- --magritte-color-component-input-stroke-state-field-hovered-v22-1-0:#CCD5DF;
49
- --magritte-color-component-input-stroke-state-field-focused-v22-1-0:#7195AF;
50
- --magritte-color-component-input-stroke-state-field-invalid-v22-1-0:#ff4d3a;
51
- --magritte-color-component-input-background-field-v22-1-0:#ffffff;
52
- --magritte-color-component-input-background-state-field-hovered-v22-1-0:#ffffff;
53
- --magritte-color-component-input-background-state-field-focused-v22-1-0:#ffffff;
54
- --magritte-color-component-input-background-state-field-invalid-v22-1-0:#ffffff;
55
- --magritte-color-component-input-stroke-field-v22-1-0:#DCE3EB;
56
- --magritte-color-component-input-text-placeholder-v22-1-0:#AABBCA;
57
- --magritte-color-component-input-text-state-content-focused-v22-1-0:#000000;
58
- --magritte-color-component-input-text-state-placeholder-hovered-v22-1-0:#768694;
59
- --magritte-color-component-input-text-state-placeholder-focused-v22-1-0:#AABBCA;
60
- --magritte-color-component-input-text-state-placeholder-invalid-v22-1-0:#AABBCA;
61
- }
62
- .magritte-pincode-input___RpWyq_2-0-1{
48
+ --magritte-color-text-primary-v23-0-0:#000000;
49
+ --magritte-color-component-input-stroke-state-accent-focused-accessible-v23-0-0:#0070ff7a;
50
+ --magritte-color-component-input-stroke-state-negative-focused-accessible-v23-0-0:#ff4d3a7a;
51
+ --magritte-color-component-input-stroke-state-field-hovered-v23-0-0:#CCD5DF;
52
+ --magritte-color-component-input-stroke-state-field-focused-v23-0-0:#7195AF;
53
+ --magritte-color-component-input-stroke-state-field-invalid-v23-0-0:#ff4d3a;
54
+ --magritte-color-component-input-background-field-v23-0-0:#ffffff;
55
+ --magritte-color-component-input-background-state-field-hovered-v23-0-0:#ffffff;
56
+ --magritte-color-component-input-background-state-field-focused-v23-0-0:#ffffff;
57
+ --magritte-color-component-input-background-state-field-invalid-v23-0-0:#ffffff;
58
+ --magritte-color-component-input-stroke-field-v23-0-0:#DCE3EB;
59
+ --magritte-color-component-input-text-placeholder-v23-0-0:#AABBCA;
60
+ --magritte-color-component-input-text-state-content-focused-v23-0-0:#000000;
61
+ --magritte-color-component-input-text-state-placeholder-hovered-v23-0-0:#768694;
62
+ --magritte-color-component-input-text-state-placeholder-focused-v23-0-0:#AABBCA;
63
+ --magritte-color-component-input-text-state-placeholder-invalid-v23-0-0:#AABBCA;
64
+ }
65
+ .magritte-pincode-input___RpWyq_2-0-3{
63
66
  --magritte-pincode-input-padding-horizontal:20px;
64
67
  --magritte-pincode-input-padding-vertical:8px;
65
68
  --magritte-pincode-input-gap:6px;
66
69
  --magritte-digit-box-width:calc((100% - (var(--magritte-pincode-input-gap) * (var(--magritte-pincode-digits-count) - 1)) - (var(--magritte-pincode-input-padding-horizontal) * 2)) / var(--magritte-pincode-digits-count));
67
70
  box-sizing:border-box;
68
71
  height:88px;
69
- box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-default-v22-1-0) var(--magritte-color-component-input-stroke-field-v22-1-0);
70
- border-radius:var(--magritte-static-border-radius-450-v22-1-0);
71
- background-color:var(--magritte-color-component-input-background-field-v22-1-0);
72
+ box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-default-v23-0-0) var(--magritte-color-component-input-stroke-field-v23-0-0);
73
+ border-radius:var(--magritte-static-border-radius-450-v23-0-0);
74
+ background-color:var(--magritte-color-component-input-background-field-v23-0-0);
72
75
  position:relative;
73
76
  overflow:clip;
74
77
  cursor:text;
75
- font-family:var(--magritte-font-families-body-v22-1-0);
78
+ font-family:var(--magritte-font-families-body-v23-0-0);
76
79
  font-size:32px;
77
80
  font-style:normal;
78
81
  font-weight:normal;
79
82
  line-height:40px;
80
- color:var(--magritte-color-component-input-text-state-content-focused-v22-1-0);
83
+ color:var(--magritte-color-component-input-text-state-content-focused-v23-0-0);
81
84
  }
82
- .magritte-pincode-input___RpWyq_2-0-1.magritte-medium___wfRSc_2-0-1{
85
+ .magritte-pincode-input___RpWyq_2-0-3.magritte-medium___wfRSc_2-0-3{
83
86
  font-size:28px;
84
87
  --magritte-pincode-input-padding-horizontal:16px;
85
88
  --magritte-pincode-input-padding-vertical:6px;
86
89
  --magritte-pincode-input-gap:4px;
87
- border-radius:var(--magritte-static-border-radius-300-v22-1-0);
90
+ border-radius:var(--magritte-static-border-radius-300-v23-0-0);
88
91
  height:76px;
89
92
  }
90
- .magritte-pincode-input___RpWyq_2-0-1:hover{
91
- box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-default-v22-1-0) var(--magritte-color-component-input-stroke-state-field-hovered-v22-1-0);
92
- background-color:var(--magritte-color-component-input-background-state-field-hovered-v22-1-0);
93
+ .magritte-pincode-input___RpWyq_2-0-3:hover{
94
+ box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-default-v23-0-0) var(--magritte-color-component-input-stroke-state-field-hovered-v23-0-0);
95
+ background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-0-0);
93
96
  }
94
- .magritte-pincode-input___RpWyq_2-0-1:hover .magritte-placeholder___10kQ0_2-0-1{
95
- color:var(--magritte-color-component-input-text-state-placeholder-hovered-v22-1-0);
97
+ .magritte-pincode-input___RpWyq_2-0-3:hover .magritte-placeholder___10kQ0_2-0-3{
98
+ color:var(--magritte-color-component-input-text-state-placeholder-hovered-v23-0-0);
96
99
  }
97
- .magritte-pincode-input___RpWyq_2-0-1.magritte-focus___IuhXb_2-0-1{
98
- box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-focused-v22-1-0) var(--magritte-color-component-input-stroke-state-field-focused-v22-1-0);
99
- background-color:var(--magritte-color-component-input-background-state-field-focused-v22-1-0);
100
+ .magritte-pincode-input___RpWyq_2-0-3.magritte-focus___IuhXb_2-0-3{
101
+ box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-focused-v23-0-0) var(--magritte-color-component-input-stroke-state-field-focused-v23-0-0);
102
+ background-color:var(--magritte-color-component-input-background-state-field-focused-v23-0-0);
100
103
  }
101
- .magritte-pincode-input___RpWyq_2-0-1.magritte-focus___IuhXb_2-0-1 .magritte-placeholder___10kQ0_2-0-1{
102
- color:var(--magritte-color-component-input-text-state-placeholder-focused-v22-1-0);
104
+ .magritte-pincode-input___RpWyq_2-0-3.magritte-focus___IuhXb_2-0-3 .magritte-placeholder___10kQ0_2-0-3{
105
+ color:var(--magritte-color-component-input-text-state-placeholder-focused-v23-0-0);
103
106
  }
104
- .magritte-pincode-input___RpWyq_2-0-1.magritte-invalid___hB8h2_2-0-1{
105
- box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-default-v22-1-0) var(--magritte-color-component-input-stroke-state-field-invalid-v22-1-0);
106
- background-color:var(--magritte-color-component-input-background-state-field-invalid-v22-1-0);
107
+ .magritte-pincode-input___RpWyq_2-0-3.magritte-invalid___hB8h2_2-0-3{
108
+ box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-default-v23-0-0) var(--magritte-color-component-input-stroke-state-field-invalid-v23-0-0);
109
+ background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-0-0);
107
110
  }
108
- .magritte-pincode-input___RpWyq_2-0-1.magritte-invalid___hB8h2_2-0-1 .magritte-placeholder___10kQ0_2-0-1{
109
- color:var(--magritte-color-component-input-text-state-placeholder-invalid-v22-1-0);
111
+ .magritte-pincode-input___RpWyq_2-0-3.magritte-invalid___hB8h2_2-0-3 .magritte-placeholder___10kQ0_2-0-3{
112
+ color:var(--magritte-color-component-input-text-state-placeholder-invalid-v23-0-0);
110
113
  }
111
- .magritte-pincode-input___RpWyq_2-0-1.magritte-focus-visible___BN1eD_2-0-1{
112
- outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v22-1-0) solid 4px;
114
+ .magritte-pincode-input___RpWyq_2-0-3.magritte-focus-visible___BN1eD_2-0-3{
115
+ outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v23-0-0) solid 4px;
113
116
  }
114
- .magritte-pincode-input___RpWyq_2-0-1.magritte-focus-visible___BN1eD_2-0-1.magritte-invalid___hB8h2_2-0-1{
115
- outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v22-1-0);
117
+ .magritte-pincode-input___RpWyq_2-0-3.magritte-focus-visible___BN1eD_2-0-3.magritte-invalid___hB8h2_2-0-3{
118
+ outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v23-0-0);
116
119
  }
117
- .magritte-digit-box-container___BqMWw_2-0-1{
120
+ .magritte-digit-box-container___BqMWw_2-0-3{
118
121
  display:flex;
119
122
  gap:var(--magritte-pincode-input-gap);
120
123
  position:absolute;
@@ -125,7 +128,7 @@
125
128
  pointer-events:none;
126
129
  z-index:0;
127
130
  }
128
- .magritte-digit-box___6J0Q2_2-0-1{
131
+ .magritte-digit-box___6J0Q2_2-0-3{
129
132
  flex:0 0 var(--magritte-digit-box-width);
130
133
  pointer-events:auto;
131
134
  display:flex;
@@ -133,13 +136,13 @@
133
136
  justify-content:center;
134
137
  user-select:none;
135
138
  }
136
- .magritte-digit-box___6J0Q2_2-0-1::selection{
139
+ .magritte-digit-box___6J0Q2_2-0-3::selection{
137
140
  background-color:transparent;
138
141
  }
139
- .magritte-digit-box___6J0Q2_2-0-1::-moz-selection{
142
+ .magritte-digit-box___6J0Q2_2-0-3::-moz-selection{
140
143
  background-color:transparent;
141
144
  }
142
- .magritte-digits-input___4QeLj_2-0-1{
145
+ .magritte-digits-input___4QeLj_2-0-3{
143
146
  display:block;
144
147
  position:absolute;
145
148
  top:0;
@@ -157,42 +160,42 @@
157
160
  appearance:none;
158
161
  caret-color:transparent;
159
162
  }
160
- .magritte-digits-input___4QeLj_2-0-1::selection{
163
+ .magritte-digits-input___4QeLj_2-0-3::selection{
161
164
  background-color:transparent;
162
165
  appearance:none;
163
166
  }
164
- .magritte-digits-input___4QeLj_2-0-1::-moz-selection{
167
+ .magritte-digits-input___4QeLj_2-0-3::-moz-selection{
165
168
  background-color:transparent;
166
169
  appearance:none;
167
170
  }
168
- .magritte-caret-left___iZMuA_2-0-1::before,
169
- .magritte-caret-right___u8wNk_2-0-1::after{
171
+ .magritte-caret-left___iZMuA_2-0-3::before,
172
+ .magritte-caret-right___u8wNk_2-0-3::after{
170
173
  content:'';
171
174
  position:absolute;
172
175
  top:50%;
173
176
  transform:translateY(-50%);
174
177
  block-size:1em;
175
- border-left:1px solid var(--magritte-color-text-primary-v22-1-0);
176
- animation:magritte-caret-blink___-bhg7_2-0-1 1s steps(1) infinite;
178
+ border-left:1px solid var(--magritte-color-text-primary-v23-0-0);
179
+ animation:magritte-caret-blink___-bhg7_2-0-3 1s steps(1) infinite;
177
180
  }
178
- .magritte-caret-left___iZMuA_2-0-1::before{
181
+ .magritte-caret-left___iZMuA_2-0-3::before{
179
182
  left:-1px;
180
183
  }
181
- .magritte-caret-right___u8wNk_2-0-1::after{
184
+ .magritte-caret-right___u8wNk_2-0-3::after{
182
185
  right:-1px;
183
186
  }
184
- .magritte-placeholder___10kQ0_2-0-1{
185
- color:var(--magritte-color-component-input-text-placeholder-v22-1-0);
187
+ .magritte-placeholder___10kQ0_2-0-3{
188
+ color:var(--magritte-color-component-input-text-placeholder-v23-0-0);
186
189
  }
187
- .magritte-value-container___9JR3e_2-0-1{
190
+ .magritte-value-container___9JR3e_2-0-3{
188
191
  pointer-events:none;
189
192
  position:relative;
190
193
  }
191
- .magritte-ghost-value___jPQwY_2-0-1{
194
+ .magritte-ghost-value___jPQwY_2-0-3{
192
195
  display:inline-block;
193
196
  visibility:hidden;
194
197
  }
195
- @keyframes magritte-caret-blink___-bhg7_2-0-1{
198
+ @keyframes magritte-caret-blink___-bhg7_2-0-3{
196
199
  50%{
197
200
  opacity:0;
198
201
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-pincode-input",
3
- "version": "2.0.1",
3
+ "version": "2.0.3",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -23,14 +23,14 @@
23
23
  },
24
24
  "dependencies": {
25
25
  "@hh.ru/magritte-common-keyboard": "4.1.2",
26
- "@hh.ru/magritte-common-use-multiple-refs": "1.1.7",
27
- "@hh.ru/magritte-design-tokens": "22.1.0",
28
- "@hh.ru/magritte-ui-form-helper": "2.0.1",
26
+ "@hh.ru/magritte-common-use-multiple-refs": "1.1.8",
27
+ "@hh.ru/magritte-design-tokens": "23.0.0",
28
+ "@hh.ru/magritte-ui-form-helper": "2.0.2",
29
29
  "@hh.ru/magritte-ui-mock-component": "1.1.4"
30
30
  },
31
31
  "peerDependencies": {
32
32
  "classnames": ">=2.3.2",
33
33
  "react": ">=18.2.0"
34
34
  },
35
- "gitHead": "89aedbfa1b7f5abf2a91ce8a543286e75a78385f"
35
+ "gitHead": "759fe057f9c0fbf62497dea6dc4f996f8c5d9a84"
36
36
  }