@hh.ru/magritte-ui-pincode-input 2.0.4 → 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 +26 -26
  3. package/package.json +3 -3
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-4","pincodeInput":"magritte-pincode-input___RpWyq_2-0-4","medium":"magritte-medium___wfRSc_2-0-4","placeholder":"magritte-placeholder___10kQ0_2-0-4","focus":"magritte-focus___IuhXb_2-0-4","invalid":"magritte-invalid___hB8h2_2-0-4","focus-visible":"magritte-focus-visible___BN1eD_2-0-4","focusVisible":"magritte-focus-visible___BN1eD_2-0-4","digit-box-container":"magritte-digit-box-container___BqMWw_2-0-4","digitBoxContainer":"magritte-digit-box-container___BqMWw_2-0-4","digit-box":"magritte-digit-box___6J0Q2_2-0-4","digitBox":"magritte-digit-box___6J0Q2_2-0-4","digits-input":"magritte-digits-input___4QeLj_2-0-4","digitsInput":"magritte-digits-input___4QeLj_2-0-4","caret-left":"magritte-caret-left___iZMuA_2-0-4","caretLeft":"magritte-caret-left___iZMuA_2-0-4","caret-right":"magritte-caret-right___u8wNk_2-0-4","caretRight":"magritte-caret-right___u8wNk_2-0-4","caret-blink":"magritte-caret-blink___-bhg7_2-0-4","caretBlink":"magritte-caret-blink___-bhg7_2-0-4","value-container":"magritte-value-container___9JR3e_2-0-4","valueContainer":"magritte-value-container___9JR3e_2-0-4","ghost-value":"magritte-ghost-value___jPQwY_2-0-4","ghostValue":"magritte-ghost-value___jPQwY_2-0-4"};
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
@@ -62,7 +62,7 @@
62
62
  --magritte-color-component-input-text-state-placeholder-focused-v23-1-0:#AABBCA;
63
63
  --magritte-color-component-input-text-state-placeholder-invalid-v23-1-0:#AABBCA;
64
64
  }
65
- .magritte-pincode-input___RpWyq_2-0-4{
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;
@@ -82,7 +82,7 @@
82
82
  line-height:40px;
83
83
  color:var(--magritte-color-component-input-text-state-content-focused-v23-1-0);
84
84
  }
85
- .magritte-pincode-input___RpWyq_2-0-4.magritte-medium___wfRSc_2-0-4{
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;
@@ -90,34 +90,34 @@
90
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-4:hover{
93
+ .magritte-pincode-input___RpWyq_2-0-5:hover{
94
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
95
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-1-0);
96
96
  }
97
- .magritte-pincode-input___RpWyq_2-0-4:hover .magritte-placeholder___10kQ0_2-0-4{
97
+ .magritte-pincode-input___RpWyq_2-0-5:hover .magritte-placeholder___10kQ0_2-0-5{
98
98
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v23-1-0);
99
99
  }
100
- .magritte-pincode-input___RpWyq_2-0-4.magritte-focus___IuhXb_2-0-4{
100
+ .magritte-pincode-input___RpWyq_2-0-5.magritte-focus___IuhXb_2-0-5{
101
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
102
  background-color:var(--magritte-color-component-input-background-state-field-focused-v23-1-0);
103
103
  }
104
- .magritte-pincode-input___RpWyq_2-0-4.magritte-focus___IuhXb_2-0-4 .magritte-placeholder___10kQ0_2-0-4{
104
+ .magritte-pincode-input___RpWyq_2-0-5.magritte-focus___IuhXb_2-0-5 .magritte-placeholder___10kQ0_2-0-5{
105
105
  color:var(--magritte-color-component-input-text-state-placeholder-focused-v23-1-0);
106
106
  }
107
- .magritte-pincode-input___RpWyq_2-0-4.magritte-invalid___hB8h2_2-0-4{
107
+ .magritte-pincode-input___RpWyq_2-0-5.magritte-invalid___hB8h2_2-0-5{
108
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
109
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-1-0);
110
110
  }
111
- .magritte-pincode-input___RpWyq_2-0-4.magritte-invalid___hB8h2_2-0-4 .magritte-placeholder___10kQ0_2-0-4{
111
+ .magritte-pincode-input___RpWyq_2-0-5.magritte-invalid___hB8h2_2-0-5 .magritte-placeholder___10kQ0_2-0-5{
112
112
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v23-1-0);
113
113
  }
114
- .magritte-pincode-input___RpWyq_2-0-4.magritte-focus-visible___BN1eD_2-0-4{
114
+ .magritte-pincode-input___RpWyq_2-0-5.magritte-focus-visible___BN1eD_2-0-5{
115
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-4.magritte-focus-visible___BN1eD_2-0-4.magritte-invalid___hB8h2_2-0-4{
117
+ .magritte-pincode-input___RpWyq_2-0-5.magritte-focus-visible___BN1eD_2-0-5.magritte-invalid___hB8h2_2-0-5{
118
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-4{
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-4{
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-4::selection{
139
+ .magritte-digit-box___6J0Q2_2-0-5::selection{
140
140
  background-color:transparent;
141
141
  }
142
- .magritte-digit-box___6J0Q2_2-0-4::-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-4{
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-4::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-4::-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-4::before,
172
- .magritte-caret-right___u8wNk_2-0-4::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
178
  border-left:1px solid var(--magritte-color-text-primary-v23-1-0);
179
- animation:magritte-caret-blink___-bhg7_2-0-4 1s steps(1) infinite;
179
+ animation:magritte-caret-blink___-bhg7_2-0-5 1s steps(1) infinite;
180
180
  }
181
- .magritte-caret-left___iZMuA_2-0-4::before{
181
+ .magritte-caret-left___iZMuA_2-0-5::before{
182
182
  left:-1px;
183
183
  }
184
- .magritte-caret-right___u8wNk_2-0-4::after{
184
+ .magritte-caret-right___u8wNk_2-0-5::after{
185
185
  right:-1px;
186
186
  }
187
- .magritte-placeholder___10kQ0_2-0-4{
187
+ .magritte-placeholder___10kQ0_2-0-5{
188
188
  color:var(--magritte-color-component-input-text-placeholder-v23-1-0);
189
189
  }
190
- .magritte-value-container___9JR3e_2-0-4{
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-4{
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-4{
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.4",
3
+ "version": "2.0.5",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -25,12 +25,12 @@
25
25
  "@hh.ru/magritte-common-keyboard": "4.1.2",
26
26
  "@hh.ru/magritte-common-use-multiple-refs": "1.1.8",
27
27
  "@hh.ru/magritte-design-tokens": "23.1.0",
28
- "@hh.ru/magritte-ui-form-helper": "2.0.3",
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": "f1e6a608c514004dd630ed30df64145e42f8f010"
35
+ "gitHead": "8394869b0fcf1a65e854af99d8f614a67f0cea7d"
36
36
  }