@hh.ru/magritte-ui-pincode-input 2.0.0 → 2.0.2

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 +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-0","pincodeInput":"magritte-pincode-input___RpWyq_2-0-0","medium":"magritte-medium___wfRSc_2-0-0","placeholder":"magritte-placeholder___10kQ0_2-0-0","focus":"magritte-focus___IuhXb_2-0-0","invalid":"magritte-invalid___hB8h2_2-0-0","focus-visible":"magritte-focus-visible___BN1eD_2-0-0","focusVisible":"magritte-focus-visible___BN1eD_2-0-0","digit-box-container":"magritte-digit-box-container___BqMWw_2-0-0","digitBoxContainer":"magritte-digit-box-container___BqMWw_2-0-0","digit-box":"magritte-digit-box___6J0Q2_2-0-0","digitBox":"magritte-digit-box___6J0Q2_2-0-0","digits-input":"magritte-digits-input___4QeLj_2-0-0","digitsInput":"magritte-digits-input___4QeLj_2-0-0","caret-left":"magritte-caret-left___iZMuA_2-0-0","caretLeft":"magritte-caret-left___iZMuA_2-0-0","caret-right":"magritte-caret-right___u8wNk_2-0-0","caretRight":"magritte-caret-right___u8wNk_2-0-0","caret-blink":"magritte-caret-blink___-bhg7_2-0-0","caretBlink":"magritte-caret-blink___-bhg7_2-0-0","value-container":"magritte-value-container___9JR3e_2-0-0","valueContainer":"magritte-value-container___9JR3e_2-0-0","ghost-value":"magritte-ghost-value___jPQwY_2-0-0","ghostValue":"magritte-ghost-value___jPQwY_2-0-0"};
10
+ var styles = {"pincode-input":"magritte-pincode-input___RpWyq_2-0-2","pincodeInput":"magritte-pincode-input___RpWyq_2-0-2","medium":"magritte-medium___wfRSc_2-0-2","placeholder":"magritte-placeholder___10kQ0_2-0-2","focus":"magritte-focus___IuhXb_2-0-2","invalid":"magritte-invalid___hB8h2_2-0-2","focus-visible":"magritte-focus-visible___BN1eD_2-0-2","focusVisible":"magritte-focus-visible___BN1eD_2-0-2","digit-box-container":"magritte-digit-box-container___BqMWw_2-0-2","digitBoxContainer":"magritte-digit-box-container___BqMWw_2-0-2","digit-box":"magritte-digit-box___6J0Q2_2-0-2","digitBox":"magritte-digit-box___6J0Q2_2-0-2","digits-input":"magritte-digits-input___4QeLj_2-0-2","digitsInput":"magritte-digits-input___4QeLj_2-0-2","caret-left":"magritte-caret-left___iZMuA_2-0-2","caretLeft":"magritte-caret-left___iZMuA_2-0-2","caret-right":"magritte-caret-right___u8wNk_2-0-2","caretRight":"magritte-caret-right___u8wNk_2-0-2","caret-blink":"magritte-caret-blink___-bhg7_2-0-2","caretBlink":"magritte-caret-blink___-bhg7_2-0-2","value-container":"magritte-value-container___9JR3e_2-0-2","valueContainer":"magritte-value-container___9JR3e_2-0-2","ghost-value":"magritte-ghost-value___jPQwY_2-0-2","ghostValue":"magritte-ghost-value___jPQwY_2-0-2"};
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
@@ -59,7 +59,7 @@
59
59
  --magritte-color-component-input-text-state-placeholder-focused-v22-1-0:#AABBCA;
60
60
  --magritte-color-component-input-text-state-placeholder-invalid-v22-1-0:#AABBCA;
61
61
  }
62
- .magritte-pincode-input___RpWyq_2-0-0{
62
+ .magritte-pincode-input___RpWyq_2-0-2{
63
63
  --magritte-pincode-input-padding-horizontal:20px;
64
64
  --magritte-pincode-input-padding-vertical:8px;
65
65
  --magritte-pincode-input-gap:6px;
@@ -79,7 +79,7 @@
79
79
  line-height:40px;
80
80
  color:var(--magritte-color-component-input-text-state-content-focused-v22-1-0);
81
81
  }
82
- .magritte-pincode-input___RpWyq_2-0-0.magritte-medium___wfRSc_2-0-0{
82
+ .magritte-pincode-input___RpWyq_2-0-2.magritte-medium___wfRSc_2-0-2{
83
83
  font-size:28px;
84
84
  --magritte-pincode-input-padding-horizontal:16px;
85
85
  --magritte-pincode-input-padding-vertical:6px;
@@ -87,34 +87,34 @@
87
87
  border-radius:var(--magritte-static-border-radius-300-v22-1-0);
88
88
  height:76px;
89
89
  }
90
- .magritte-pincode-input___RpWyq_2-0-0:hover{
90
+ .magritte-pincode-input___RpWyq_2-0-2:hover{
91
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
92
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v22-1-0);
93
93
  }
94
- .magritte-pincode-input___RpWyq_2-0-0:hover .magritte-placeholder___10kQ0_2-0-0{
94
+ .magritte-pincode-input___RpWyq_2-0-2:hover .magritte-placeholder___10kQ0_2-0-2{
95
95
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v22-1-0);
96
96
  }
97
- .magritte-pincode-input___RpWyq_2-0-0.magritte-focus___IuhXb_2-0-0{
97
+ .magritte-pincode-input___RpWyq_2-0-2.magritte-focus___IuhXb_2-0-2{
98
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
99
  background-color:var(--magritte-color-component-input-background-state-field-focused-v22-1-0);
100
100
  }
101
- .magritte-pincode-input___RpWyq_2-0-0.magritte-focus___IuhXb_2-0-0 .magritte-placeholder___10kQ0_2-0-0{
101
+ .magritte-pincode-input___RpWyq_2-0-2.magritte-focus___IuhXb_2-0-2 .magritte-placeholder___10kQ0_2-0-2{
102
102
  color:var(--magritte-color-component-input-text-state-placeholder-focused-v22-1-0);
103
103
  }
104
- .magritte-pincode-input___RpWyq_2-0-0.magritte-invalid___hB8h2_2-0-0{
104
+ .magritte-pincode-input___RpWyq_2-0-2.magritte-invalid___hB8h2_2-0-2{
105
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
106
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v22-1-0);
107
107
  }
108
- .magritte-pincode-input___RpWyq_2-0-0.magritte-invalid___hB8h2_2-0-0 .magritte-placeholder___10kQ0_2-0-0{
108
+ .magritte-pincode-input___RpWyq_2-0-2.magritte-invalid___hB8h2_2-0-2 .magritte-placeholder___10kQ0_2-0-2{
109
109
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v22-1-0);
110
110
  }
111
- .magritte-pincode-input___RpWyq_2-0-0.magritte-focus-visible___BN1eD_2-0-0{
111
+ .magritte-pincode-input___RpWyq_2-0-2.magritte-focus-visible___BN1eD_2-0-2{
112
112
  outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v22-1-0) solid 4px;
113
113
  }
114
- .magritte-pincode-input___RpWyq_2-0-0.magritte-focus-visible___BN1eD_2-0-0.magritte-invalid___hB8h2_2-0-0{
114
+ .magritte-pincode-input___RpWyq_2-0-2.magritte-focus-visible___BN1eD_2-0-2.magritte-invalid___hB8h2_2-0-2{
115
115
  outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v22-1-0);
116
116
  }
117
- .magritte-digit-box-container___BqMWw_2-0-0{
117
+ .magritte-digit-box-container___BqMWw_2-0-2{
118
118
  display:flex;
119
119
  gap:var(--magritte-pincode-input-gap);
120
120
  position:absolute;
@@ -125,7 +125,7 @@
125
125
  pointer-events:none;
126
126
  z-index:0;
127
127
  }
128
- .magritte-digit-box___6J0Q2_2-0-0{
128
+ .magritte-digit-box___6J0Q2_2-0-2{
129
129
  flex:0 0 var(--magritte-digit-box-width);
130
130
  pointer-events:auto;
131
131
  display:flex;
@@ -133,13 +133,13 @@
133
133
  justify-content:center;
134
134
  user-select:none;
135
135
  }
136
- .magritte-digit-box___6J0Q2_2-0-0::selection{
136
+ .magritte-digit-box___6J0Q2_2-0-2::selection{
137
137
  background-color:transparent;
138
138
  }
139
- .magritte-digit-box___6J0Q2_2-0-0::-moz-selection{
139
+ .magritte-digit-box___6J0Q2_2-0-2::-moz-selection{
140
140
  background-color:transparent;
141
141
  }
142
- .magritte-digits-input___4QeLj_2-0-0{
142
+ .magritte-digits-input___4QeLj_2-0-2{
143
143
  display:block;
144
144
  position:absolute;
145
145
  top:0;
@@ -157,42 +157,42 @@
157
157
  appearance:none;
158
158
  caret-color:transparent;
159
159
  }
160
- .magritte-digits-input___4QeLj_2-0-0::selection{
160
+ .magritte-digits-input___4QeLj_2-0-2::selection{
161
161
  background-color:transparent;
162
162
  appearance:none;
163
163
  }
164
- .magritte-digits-input___4QeLj_2-0-0::-moz-selection{
164
+ .magritte-digits-input___4QeLj_2-0-2::-moz-selection{
165
165
  background-color:transparent;
166
166
  appearance:none;
167
167
  }
168
- .magritte-caret-left___iZMuA_2-0-0::before,
169
- .magritte-caret-right___u8wNk_2-0-0::after{
168
+ .magritte-caret-left___iZMuA_2-0-2::before,
169
+ .magritte-caret-right___u8wNk_2-0-2::after{
170
170
  content:'';
171
171
  position:absolute;
172
172
  top:50%;
173
173
  transform:translateY(-50%);
174
174
  block-size:1em;
175
175
  border-left:1px solid var(--magritte-color-text-primary-v22-1-0);
176
- animation:magritte-caret-blink___-bhg7_2-0-0 1s steps(1) infinite;
176
+ animation:magritte-caret-blink___-bhg7_2-0-2 1s steps(1) infinite;
177
177
  }
178
- .magritte-caret-left___iZMuA_2-0-0::before{
178
+ .magritte-caret-left___iZMuA_2-0-2::before{
179
179
  left:-1px;
180
180
  }
181
- .magritte-caret-right___u8wNk_2-0-0::after{
181
+ .magritte-caret-right___u8wNk_2-0-2::after{
182
182
  right:-1px;
183
183
  }
184
- .magritte-placeholder___10kQ0_2-0-0{
184
+ .magritte-placeholder___10kQ0_2-0-2{
185
185
  color:var(--magritte-color-component-input-text-placeholder-v22-1-0);
186
186
  }
187
- .magritte-value-container___9JR3e_2-0-0{
187
+ .magritte-value-container___9JR3e_2-0-2{
188
188
  pointer-events:none;
189
189
  position:relative;
190
190
  }
191
- .magritte-ghost-value___jPQwY_2-0-0{
191
+ .magritte-ghost-value___jPQwY_2-0-2{
192
192
  display:inline-block;
193
193
  visibility:hidden;
194
194
  }
195
- @keyframes magritte-caret-blink___-bhg7_2-0-0{
195
+ @keyframes magritte-caret-blink___-bhg7_2-0-2{
196
196
  50%{
197
197
  opacity:0;
198
198
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-pincode-input",
3
- "version": "2.0.0",
3
+ "version": "2.0.2",
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",
26
+ "@hh.ru/magritte-common-use-multiple-refs": "1.1.8",
27
27
  "@hh.ru/magritte-design-tokens": "22.1.0",
28
- "@hh.ru/magritte-ui-form-helper": "2.0.0",
28
+ "@hh.ru/magritte-ui-form-helper": "2.0.1",
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": "a823b2d582e812bf99b5fdf32058a93eaa59076b"
35
+ "gitHead": "84be7fb81c268510672bdaa32f856319f7022df8"
36
36
  }