@hh.ru/magritte-ui-pincode-input 1.3.1 → 1.3.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 +24 -24
  3. package/package.json +2 -2
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_1-3-1","pincodeInput":"magritte-pincode-input___RpWyq_1-3-1","medium":"magritte-medium___wfRSc_1-3-1","placeholder":"magritte-placeholder___10kQ0_1-3-1","focus":"magritte-focus___IuhXb_1-3-1","invalid":"magritte-invalid___hB8h2_1-3-1","focus-visible":"magritte-focus-visible___BN1eD_1-3-1","focusVisible":"magritte-focus-visible___BN1eD_1-3-1","digit-box-container":"magritte-digit-box-container___BqMWw_1-3-1","digitBoxContainer":"magritte-digit-box-container___BqMWw_1-3-1","digit-box":"magritte-digit-box___6J0Q2_1-3-1","digitBox":"magritte-digit-box___6J0Q2_1-3-1","digits-input":"magritte-digits-input___4QeLj_1-3-1","digitsInput":"magritte-digits-input___4QeLj_1-3-1","caret-left":"magritte-caret-left___iZMuA_1-3-1","caretLeft":"magritte-caret-left___iZMuA_1-3-1","caret-right":"magritte-caret-right___u8wNk_1-3-1","caretRight":"magritte-caret-right___u8wNk_1-3-1","caret-blink":"magritte-caret-blink___-bhg7_1-3-1","caretBlink":"magritte-caret-blink___-bhg7_1-3-1","value-container":"magritte-value-container___9JR3e_1-3-1","valueContainer":"magritte-value-container___9JR3e_1-3-1","ghost-value":"magritte-ghost-value___jPQwY_1-3-1","ghostValue":"magritte-ghost-value___jPQwY_1-3-1"};
10
+ var styles = {"pincode-input":"magritte-pincode-input___RpWyq_1-3-2","pincodeInput":"magritte-pincode-input___RpWyq_1-3-2","medium":"magritte-medium___wfRSc_1-3-2","placeholder":"magritte-placeholder___10kQ0_1-3-2","focus":"magritte-focus___IuhXb_1-3-2","invalid":"magritte-invalid___hB8h2_1-3-2","focus-visible":"magritte-focus-visible___BN1eD_1-3-2","focusVisible":"magritte-focus-visible___BN1eD_1-3-2","digit-box-container":"magritte-digit-box-container___BqMWw_1-3-2","digitBoxContainer":"magritte-digit-box-container___BqMWw_1-3-2","digit-box":"magritte-digit-box___6J0Q2_1-3-2","digitBox":"magritte-digit-box___6J0Q2_1-3-2","digits-input":"magritte-digits-input___4QeLj_1-3-2","digitsInput":"magritte-digits-input___4QeLj_1-3-2","caret-left":"magritte-caret-left___iZMuA_1-3-2","caretLeft":"magritte-caret-left___iZMuA_1-3-2","caret-right":"magritte-caret-right___u8wNk_1-3-2","caretRight":"magritte-caret-right___u8wNk_1-3-2","caret-blink":"magritte-caret-blink___-bhg7_1-3-2","caretBlink":"magritte-caret-blink___-bhg7_1-3-2","value-container":"magritte-value-container___9JR3e_1-3-2","valueContainer":"magritte-value-container___9JR3e_1-3-2","ghost-value":"magritte-ghost-value___jPQwY_1-3-2","ghostValue":"magritte-ghost-value___jPQwY_1-3-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, onFocus, onBlur, onChange, description, errorMessage, credentialsRequestId = -1, onOTPCredentialsRequestFail, 'data-qa': dataQa = 'magritte-pincode-input', }, ref) => {
package/index.css CHANGED
@@ -41,7 +41,7 @@
41
41
  --magritte-color-component-input-text-state-placeholder-focused-v21-2-0:#535353;
42
42
  --magritte-color-component-input-text-state-placeholder-invalid-v21-2-0:#535353;
43
43
  }
44
- .magritte-pincode-input___RpWyq_1-3-1{
44
+ .magritte-pincode-input___RpWyq_1-3-2{
45
45
  --magritte-pincode-input-padding-horizontal:20px;
46
46
  --magritte-pincode-input-padding-vertical:8px;
47
47
  --magritte-pincode-input-gap:6px;
@@ -61,7 +61,7 @@
61
61
  line-height:40px;
62
62
  color:var(--magritte-color-component-input-text-state-content-focused-v21-2-0);
63
63
  }
64
- .magritte-pincode-input___RpWyq_1-3-1.magritte-medium___wfRSc_1-3-1{
64
+ .magritte-pincode-input___RpWyq_1-3-2.magritte-medium___wfRSc_1-3-2{
65
65
  font-size:28px;
66
66
  --magritte-pincode-input-padding-horizontal:16px;
67
67
  --magritte-pincode-input-padding-vertical:6px;
@@ -69,34 +69,34 @@
69
69
  border-radius:var(--magritte-static-border-radius-300-v21-2-0);
70
70
  height:76px;
71
71
  }
72
- .magritte-pincode-input___RpWyq_1-3-1:hover{
72
+ .magritte-pincode-input___RpWyq_1-3-2:hover{
73
73
  box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-default-v21-2-0) var(--magritte-color-component-input-stroke-state-field-hovered-v21-2-0);
74
74
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v21-2-0);
75
75
  }
76
- .magritte-pincode-input___RpWyq_1-3-1:hover .magritte-placeholder___10kQ0_1-3-1{
76
+ .magritte-pincode-input___RpWyq_1-3-2:hover .magritte-placeholder___10kQ0_1-3-2{
77
77
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v21-2-0);
78
78
  }
79
- .magritte-pincode-input___RpWyq_1-3-1.magritte-focus___IuhXb_1-3-1{
79
+ .magritte-pincode-input___RpWyq_1-3-2.magritte-focus___IuhXb_1-3-2{
80
80
  box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-focused-v21-2-0) var(--magritte-color-component-input-stroke-state-field-focused-v21-2-0);
81
81
  background-color:var(--magritte-color-component-input-background-state-field-focused-v21-2-0);
82
82
  }
83
- .magritte-pincode-input___RpWyq_1-3-1.magritte-focus___IuhXb_1-3-1 .magritte-placeholder___10kQ0_1-3-1{
83
+ .magritte-pincode-input___RpWyq_1-3-2.magritte-focus___IuhXb_1-3-2 .magritte-placeholder___10kQ0_1-3-2{
84
84
  color:var(--magritte-color-component-input-text-state-placeholder-focused-v21-2-0);
85
85
  }
86
- .magritte-pincode-input___RpWyq_1-3-1.magritte-invalid___hB8h2_1-3-1{
86
+ .magritte-pincode-input___RpWyq_1-3-2.magritte-invalid___hB8h2_1-3-2{
87
87
  box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-default-v21-2-0) var(--magritte-color-component-input-stroke-state-field-invalid-v21-2-0);
88
88
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v21-2-0);
89
89
  }
90
- .magritte-pincode-input___RpWyq_1-3-1.magritte-invalid___hB8h2_1-3-1 .magritte-placeholder___10kQ0_1-3-1{
90
+ .magritte-pincode-input___RpWyq_1-3-2.magritte-invalid___hB8h2_1-3-2 .magritte-placeholder___10kQ0_1-3-2{
91
91
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v21-2-0);
92
92
  }
93
- .magritte-pincode-input___RpWyq_1-3-1.magritte-focus-visible___BN1eD_1-3-1{
93
+ .magritte-pincode-input___RpWyq_1-3-2.magritte-focus-visible___BN1eD_1-3-2{
94
94
  outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v21-2-0) solid 4px;
95
95
  }
96
- .magritte-pincode-input___RpWyq_1-3-1.magritte-focus-visible___BN1eD_1-3-1.magritte-invalid___hB8h2_1-3-1{
96
+ .magritte-pincode-input___RpWyq_1-3-2.magritte-focus-visible___BN1eD_1-3-2.magritte-invalid___hB8h2_1-3-2{
97
97
  outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v21-2-0);
98
98
  }
99
- .magritte-digit-box-container___BqMWw_1-3-1{
99
+ .magritte-digit-box-container___BqMWw_1-3-2{
100
100
  display:flex;
101
101
  gap:var(--magritte-pincode-input-gap);
102
102
  position:absolute;
@@ -107,7 +107,7 @@
107
107
  pointer-events:none;
108
108
  z-index:0;
109
109
  }
110
- .magritte-digit-box___6J0Q2_1-3-1{
110
+ .magritte-digit-box___6J0Q2_1-3-2{
111
111
  flex:0 0 var(--magritte-digit-box-width);
112
112
  pointer-events:auto;
113
113
  display:flex;
@@ -115,13 +115,13 @@
115
115
  justify-content:center;
116
116
  user-select:none;
117
117
  }
118
- .magritte-digit-box___6J0Q2_1-3-1::selection{
118
+ .magritte-digit-box___6J0Q2_1-3-2::selection{
119
119
  background-color:transparent;
120
120
  }
121
- .magritte-digit-box___6J0Q2_1-3-1::-moz-selection{
121
+ .magritte-digit-box___6J0Q2_1-3-2::-moz-selection{
122
122
  background-color:transparent;
123
123
  }
124
- .magritte-digits-input___4QeLj_1-3-1{
124
+ .magritte-digits-input___4QeLj_1-3-2{
125
125
  display:block;
126
126
  position:absolute;
127
127
  top:0;
@@ -139,32 +139,32 @@
139
139
  appearance:none;
140
140
  caret-color:transparent;
141
141
  }
142
- .magritte-digits-input___4QeLj_1-3-1::selection{
142
+ .magritte-digits-input___4QeLj_1-3-2::selection{
143
143
  background-color:transparent;
144
144
  appearance:none;
145
145
  }
146
- .magritte-digits-input___4QeLj_1-3-1::-moz-selection{
146
+ .magritte-digits-input___4QeLj_1-3-2::-moz-selection{
147
147
  background-color:transparent;
148
148
  appearance:none;
149
149
  }
150
- .magritte-caret-left___iZMuA_1-3-1::before,
151
- .magritte-caret-right___u8wNk_1-3-1::after{
150
+ .magritte-caret-left___iZMuA_1-3-2::before,
151
+ .magritte-caret-right___u8wNk_1-3-2::after{
152
152
  content:'';
153
153
  block-size:1em;
154
154
  border-left:1px solid var(--magritte-color-text-primary-v21-2-0);
155
- animation:magritte-caret-blink___-bhg7_1-3-1 1s steps(1) infinite;
155
+ animation:magritte-caret-blink___-bhg7_1-3-2 1s steps(1) infinite;
156
156
  }
157
- .magritte-placeholder___10kQ0_1-3-1{
157
+ .magritte-placeholder___10kQ0_1-3-2{
158
158
  color:var(--magritte-color-component-input-text-placeholder-v21-2-0);
159
159
  }
160
- .magritte-value-container___9JR3e_1-3-1{
160
+ .magritte-value-container___9JR3e_1-3-2{
161
161
  pointer-events:none;
162
162
  }
163
- .magritte-ghost-value___jPQwY_1-3-1{
163
+ .magritte-ghost-value___jPQwY_1-3-2{
164
164
  display:inline-block;
165
165
  visibility:hidden;
166
166
  }
167
- @keyframes magritte-caret-blink___-bhg7_1-3-1{
167
+ @keyframes magritte-caret-blink___-bhg7_1-3-2{
168
168
  50%{
169
169
  opacity:0;
170
170
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-pincode-input",
3
- "version": "1.3.1",
3
+ "version": "1.3.2",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -33,5 +33,5 @@
33
33
  "classnames": ">=2.3.2",
34
34
  "react": ">=18.2.0"
35
35
  },
36
- "gitHead": "4cea99b0c3be38206bb6f5e6945fa298c8b3dcd1"
36
+ "gitHead": "199227110bed4857511f22c1154eff84ad8040ab"
37
37
  }