@hh.ru/magritte-ui-pincode-input 2.0.16 → 2.0.18

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-16","pincodeInput":"magritte-pincode-input___RpWyq_2-0-16","medium":"magritte-medium___wfRSc_2-0-16","placeholder":"magritte-placeholder___10kQ0_2-0-16","focus":"magritte-focus___IuhXb_2-0-16","invalid":"magritte-invalid___hB8h2_2-0-16","focus-visible":"magritte-focus-visible___BN1eD_2-0-16","focusVisible":"magritte-focus-visible___BN1eD_2-0-16","digit-box-container":"magritte-digit-box-container___BqMWw_2-0-16","digitBoxContainer":"magritte-digit-box-container___BqMWw_2-0-16","digit-box":"magritte-digit-box___6J0Q2_2-0-16","digitBox":"magritte-digit-box___6J0Q2_2-0-16","digits-input":"magritte-digits-input___4QeLj_2-0-16","digitsInput":"magritte-digits-input___4QeLj_2-0-16","caret-left":"magritte-caret-left___iZMuA_2-0-16","caretLeft":"magritte-caret-left___iZMuA_2-0-16","caret-right":"magritte-caret-right___u8wNk_2-0-16","caretRight":"magritte-caret-right___u8wNk_2-0-16","caret-blink":"magritte-caret-blink___-bhg7_2-0-16","caretBlink":"magritte-caret-blink___-bhg7_2-0-16","value-container":"magritte-value-container___9JR3e_2-0-16","valueContainer":"magritte-value-container___9JR3e_2-0-16","ghost-value":"magritte-ghost-value___jPQwY_2-0-16","ghostValue":"magritte-ghost-value___jPQwY_2-0-16"};
10
+ var styles = {"pincode-input":"magritte-pincode-input___RpWyq_2-0-18","pincodeInput":"magritte-pincode-input___RpWyq_2-0-18","medium":"magritte-medium___wfRSc_2-0-18","placeholder":"magritte-placeholder___10kQ0_2-0-18","focus":"magritte-focus___IuhXb_2-0-18","invalid":"magritte-invalid___hB8h2_2-0-18","focus-visible":"magritte-focus-visible___BN1eD_2-0-18","focusVisible":"magritte-focus-visible___BN1eD_2-0-18","digit-box-container":"magritte-digit-box-container___BqMWw_2-0-18","digitBoxContainer":"magritte-digit-box-container___BqMWw_2-0-18","digit-box":"magritte-digit-box___6J0Q2_2-0-18","digitBox":"magritte-digit-box___6J0Q2_2-0-18","digits-input":"magritte-digits-input___4QeLj_2-0-18","digitsInput":"magritte-digits-input___4QeLj_2-0-18","caret-left":"magritte-caret-left___iZMuA_2-0-18","caretLeft":"magritte-caret-left___iZMuA_2-0-18","caret-right":"magritte-caret-right___u8wNk_2-0-18","caretRight":"magritte-caret-right___u8wNk_2-0-18","caret-blink":"magritte-caret-blink___-bhg7_2-0-18","caretBlink":"magritte-caret-blink___-bhg7_2-0-18","value-container":"magritte-value-container___9JR3e_2-0-18","valueContainer":"magritte-value-container___9JR3e_2-0-18","ghost-value":"magritte-ghost-value___jPQwY_2-0-18","ghostValue":"magritte-ghost-value___jPQwY_2-0-18"};
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
@@ -35,7 +35,7 @@
35
35
  .magritte-zp-day-theme{
36
36
  --magritte-color-component-input-stroke-state-field-focused-v24-1-0:#7195AF;
37
37
  }
38
- .magritte-pincode-input___RpWyq_2-0-16{
38
+ .magritte-pincode-input___RpWyq_2-0-18{
39
39
  --magritte-pincode-input-padding-horizontal:20px;
40
40
  --magritte-pincode-input-padding-vertical:8px;
41
41
  --magritte-pincode-input-gap:6px;
@@ -55,7 +55,7 @@
55
55
  line-height:40px;
56
56
  color:var(--magritte-color-component-input-text-state-content-focused-v24-1-0);
57
57
  }
58
- .magritte-pincode-input___RpWyq_2-0-16.magritte-medium___wfRSc_2-0-16{
58
+ .magritte-pincode-input___RpWyq_2-0-18.magritte-medium___wfRSc_2-0-18{
59
59
  font-size:28px;
60
60
  --magritte-pincode-input-padding-horizontal:16px;
61
61
  --magritte-pincode-input-padding-vertical:6px;
@@ -63,34 +63,34 @@
63
63
  border-radius:12px;
64
64
  height:76px;
65
65
  }
66
- .magritte-pincode-input___RpWyq_2-0-16:hover{
66
+ .magritte-pincode-input___RpWyq_2-0-18:hover{
67
67
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v24-1-0);
68
68
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v24-1-0);
69
69
  }
70
- .magritte-pincode-input___RpWyq_2-0-16:hover .magritte-placeholder___10kQ0_2-0-16{
70
+ .magritte-pincode-input___RpWyq_2-0-18:hover .magritte-placeholder___10kQ0_2-0-18{
71
71
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v24-1-0);
72
72
  }
73
- .magritte-pincode-input___RpWyq_2-0-16.magritte-focus___IuhXb_2-0-16{
73
+ .magritte-pincode-input___RpWyq_2-0-18.magritte-focus___IuhXb_2-0-18{
74
74
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v24-1-0);
75
75
  background-color:var(--magritte-color-component-input-background-state-field-focused-v24-1-0);
76
76
  }
77
- .magritte-pincode-input___RpWyq_2-0-16.magritte-focus___IuhXb_2-0-16 .magritte-placeholder___10kQ0_2-0-16{
77
+ .magritte-pincode-input___RpWyq_2-0-18.magritte-focus___IuhXb_2-0-18 .magritte-placeholder___10kQ0_2-0-18{
78
78
  color:var(--magritte-color-component-input-text-state-placeholder-focused-v24-1-0);
79
79
  }
80
- .magritte-pincode-input___RpWyq_2-0-16.magritte-invalid___hB8h2_2-0-16{
80
+ .magritte-pincode-input___RpWyq_2-0-18.magritte-invalid___hB8h2_2-0-18{
81
81
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v24-1-0);
82
82
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v24-1-0);
83
83
  }
84
- .magritte-pincode-input___RpWyq_2-0-16.magritte-invalid___hB8h2_2-0-16 .magritte-placeholder___10kQ0_2-0-16{
84
+ .magritte-pincode-input___RpWyq_2-0-18.magritte-invalid___hB8h2_2-0-18 .magritte-placeholder___10kQ0_2-0-18{
85
85
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v24-1-0);
86
86
  }
87
- .magritte-pincode-input___RpWyq_2-0-16.magritte-focus-visible___BN1eD_2-0-16{
87
+ .magritte-pincode-input___RpWyq_2-0-18.magritte-focus-visible___BN1eD_2-0-18{
88
88
  outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v24-1-0) solid 4px;
89
89
  }
90
- .magritte-pincode-input___RpWyq_2-0-16.magritte-focus-visible___BN1eD_2-0-16.magritte-invalid___hB8h2_2-0-16{
90
+ .magritte-pincode-input___RpWyq_2-0-18.magritte-focus-visible___BN1eD_2-0-18.magritte-invalid___hB8h2_2-0-18{
91
91
  outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v24-1-0);
92
92
  }
93
- .magritte-digit-box-container___BqMWw_2-0-16{
93
+ .magritte-digit-box-container___BqMWw_2-0-18{
94
94
  display:flex;
95
95
  gap:var(--magritte-pincode-input-gap);
96
96
  position:absolute;
@@ -101,7 +101,7 @@
101
101
  pointer-events:none;
102
102
  z-index:0;
103
103
  }
104
- .magritte-digit-box___6J0Q2_2-0-16{
104
+ .magritte-digit-box___6J0Q2_2-0-18{
105
105
  flex:0 0 var(--magritte-digit-box-width);
106
106
  pointer-events:auto;
107
107
  display:flex;
@@ -109,13 +109,13 @@
109
109
  justify-content:center;
110
110
  user-select:none;
111
111
  }
112
- .magritte-digit-box___6J0Q2_2-0-16::selection{
112
+ .magritte-digit-box___6J0Q2_2-0-18::selection{
113
113
  background-color:transparent;
114
114
  }
115
- .magritte-digit-box___6J0Q2_2-0-16::-moz-selection{
115
+ .magritte-digit-box___6J0Q2_2-0-18::-moz-selection{
116
116
  background-color:transparent;
117
117
  }
118
- .magritte-digits-input___4QeLj_2-0-16{
118
+ .magritte-digits-input___4QeLj_2-0-18{
119
119
  display:block;
120
120
  position:absolute;
121
121
  top:0;
@@ -133,42 +133,42 @@
133
133
  appearance:none;
134
134
  caret-color:transparent;
135
135
  }
136
- .magritte-digits-input___4QeLj_2-0-16::selection{
136
+ .magritte-digits-input___4QeLj_2-0-18::selection{
137
137
  background-color:transparent;
138
138
  appearance:none;
139
139
  }
140
- .magritte-digits-input___4QeLj_2-0-16::-moz-selection{
140
+ .magritte-digits-input___4QeLj_2-0-18::-moz-selection{
141
141
  background-color:transparent;
142
142
  appearance:none;
143
143
  }
144
- .magritte-caret-left___iZMuA_2-0-16::before,
145
- .magritte-caret-right___u8wNk_2-0-16::after{
144
+ .magritte-caret-left___iZMuA_2-0-18::before,
145
+ .magritte-caret-right___u8wNk_2-0-18::after{
146
146
  content:'';
147
147
  position:absolute;
148
148
  top:50%;
149
149
  transform:translateY(-50%);
150
150
  block-size:1em;
151
151
  border-left:1px solid var(--magritte-color-text-primary-v24-1-0);
152
- animation:magritte-caret-blink___-bhg7_2-0-16 1s steps(1) infinite;
152
+ animation:magritte-caret-blink___-bhg7_2-0-18 1s steps(1) infinite;
153
153
  }
154
- .magritte-caret-left___iZMuA_2-0-16::before{
154
+ .magritte-caret-left___iZMuA_2-0-18::before{
155
155
  left:-1px;
156
156
  }
157
- .magritte-caret-right___u8wNk_2-0-16::after{
157
+ .magritte-caret-right___u8wNk_2-0-18::after{
158
158
  right:-1px;
159
159
  }
160
- .magritte-placeholder___10kQ0_2-0-16{
160
+ .magritte-placeholder___10kQ0_2-0-18{
161
161
  color:var(--magritte-color-component-input-text-placeholder-v24-1-0);
162
162
  }
163
- .magritte-value-container___9JR3e_2-0-16{
163
+ .magritte-value-container___9JR3e_2-0-18{
164
164
  pointer-events:none;
165
165
  position:relative;
166
166
  }
167
- .magritte-ghost-value___jPQwY_2-0-16{
167
+ .magritte-ghost-value___jPQwY_2-0-18{
168
168
  display:inline-block;
169
169
  visibility:hidden;
170
170
  }
171
- @keyframes magritte-caret-blink___-bhg7_2-0-16{
171
+ @keyframes magritte-caret-blink___-bhg7_2-0-18{
172
172
  50%{
173
173
  opacity:0;
174
174
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-pincode-input",
3
- "version": "2.0.16",
3
+ "version": "2.0.18",
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.4",
26
26
  "@hh.ru/magritte-common-use-multiple-refs": "1.1.10",
27
27
  "@hh.ru/magritte-design-tokens": "24.1.0",
28
- "@hh.ru/magritte-ui-form-helper": "2.0.15",
28
+ "@hh.ru/magritte-ui-form-helper": "2.0.17",
29
29
  "@hh.ru/magritte-ui-mock-component": "1.1.6"
30
30
  },
31
31
  "peerDependencies": {
32
32
  "classnames": ">=2.3.2",
33
33
  "react": ">=18.2.0"
34
34
  },
35
- "gitHead": "bcc47002e5afb62cdb3f71fee209867b84407086"
35
+ "gitHead": "5ade9df0a0cb42a3cc6f86d2919d39a9d48852b3"
36
36
  }