@hh.ru/magritte-ui-pincode-input 2.0.3 → 2.0.5

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