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

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 (9) hide show
  1. package/PincodeInput.js +1 -1
  2. package/index.css +101 -83
  3. package/index.d.ts +0 -1
  4. package/index.js +0 -1
  5. package/index.js.map +1 -1
  6. package/index.mock.d.ts +0 -2
  7. package/index.mock.js +1 -3
  8. package/index.mock.js.map +1 -1
  9. package/package.json +5 -5
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-4-17","pincodeInput":"magritte-pincode-input___RpWyq_1-4-17","medium":"magritte-medium___wfRSc_1-4-17","placeholder":"magritte-placeholder___10kQ0_1-4-17","focus":"magritte-focus___IuhXb_1-4-17","invalid":"magritte-invalid___hB8h2_1-4-17","focus-visible":"magritte-focus-visible___BN1eD_1-4-17","focusVisible":"magritte-focus-visible___BN1eD_1-4-17","digit-box-container":"magritte-digit-box-container___BqMWw_1-4-17","digitBoxContainer":"magritte-digit-box-container___BqMWw_1-4-17","digit-box":"magritte-digit-box___6J0Q2_1-4-17","digitBox":"magritte-digit-box___6J0Q2_1-4-17","digits-input":"magritte-digits-input___4QeLj_1-4-17","digitsInput":"magritte-digits-input___4QeLj_1-4-17","caret-left":"magritte-caret-left___iZMuA_1-4-17","caretLeft":"magritte-caret-left___iZMuA_1-4-17","caret-right":"magritte-caret-right___u8wNk_1-4-17","caretRight":"magritte-caret-right___u8wNk_1-4-17","caret-blink":"magritte-caret-blink___-bhg7_1-4-17","caretBlink":"magritte-caret-blink___-bhg7_1-4-17","value-container":"magritte-value-container___9JR3e_1-4-17","valueContainer":"magritte-value-container___9JR3e_1-4-17","ghost-value":"magritte-ghost-value___jPQwY_1-4-17","ghostValue":"magritte-ghost-value___jPQwY_1-4-17"};
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"};
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,102 +1,120 @@
1
1
  :root{
2
- --magritte-color-text-primary-v22-0-0:#000000;
3
- --magritte-color-component-input-stroke-state-field-hovered-v22-0-0:#CCD5DF;
4
- --magritte-color-component-input-stroke-state-field-focused-v22-0-0:#0070ff;
5
- --magritte-color-component-input-stroke-state-accent-focused-accessible-v22-0-0:#0070ff7a;
6
- --magritte-color-component-input-stroke-state-field-invalid-v22-0-0:#ff4d3a;
7
- --magritte-color-component-input-stroke-state-negative-focused-accessible-v22-0-0:#ff4d3a7a;
8
- --magritte-color-component-input-background-field-v22-0-0:#ffffff;
9
- --magritte-color-component-input-background-state-field-hovered-v22-0-0:#ffffff;
10
- --magritte-color-component-input-background-state-field-focused-v22-0-0:#ffffff;
11
- --magritte-color-component-input-background-state-field-invalid-v22-0-0:#ffffff;
12
- --magritte-color-component-input-stroke-field-v22-0-0:#DCE3EB;
13
- --magritte-color-component-input-text-state-content-focused-v22-0-0:#000000;
14
- --magritte-color-component-input-text-state-placeholder-hovered-v22-0-0:#768694;
15
- --magritte-color-component-input-text-state-placeholder-focused-v22-0-0:#AABBCA;
16
- --magritte-color-component-input-text-state-placeholder-invalid-v22-0-0:#AABBCA;
17
- --magritte-color-component-input-text-placeholder-v22-0-0:#AABBCA;
2
+ --magritte-color-text-primary-v22-1-0:#000000;
3
+ --magritte-color-component-input-stroke-state-field-hovered-v22-1-0:#CCD5DF;
4
+ --magritte-color-component-input-stroke-state-field-focused-v22-1-0:#0070ff;
5
+ --magritte-color-component-input-stroke-state-accent-focused-accessible-v22-1-0:#0070ff7a;
6
+ --magritte-color-component-input-stroke-state-field-invalid-v22-1-0:#ff4d3a;
7
+ --magritte-color-component-input-stroke-state-negative-focused-accessible-v22-1-0:#ff4d3a7a;
8
+ --magritte-color-component-input-background-field-v22-1-0:#ffffff;
9
+ --magritte-color-component-input-background-state-field-hovered-v22-1-0:#ffffff;
10
+ --magritte-color-component-input-background-state-field-focused-v22-1-0:#ffffff;
11
+ --magritte-color-component-input-background-state-field-invalid-v22-1-0:#ffffff;
12
+ --magritte-color-component-input-stroke-field-v22-1-0:#DCE3EB;
13
+ --magritte-color-component-input-text-state-content-focused-v22-1-0:#000000;
14
+ --magritte-color-component-input-text-state-placeholder-hovered-v22-1-0:#768694;
15
+ --magritte-color-component-input-text-state-placeholder-focused-v22-1-0:#AABBCA;
16
+ --magritte-color-component-input-text-state-placeholder-invalid-v22-1-0:#AABBCA;
17
+ --magritte-color-component-input-text-placeholder-v22-1-0:#AABBCA;
18
18
  }
19
19
  :root{
20
- --magritte-font-families-body-v22-0-0:hh sans;
21
- --magritte-semantic-border-width-default-v22-0-0:1px;
22
- --magritte-semantic-border-width-focused-v22-0-0:2px;
23
- --magritte-static-border-radius-300-v22-0-0:12px;
24
- --magritte-static-border-radius-450-v22-0-0:18px;
20
+ --magritte-font-families-body-v22-1-0:hh sans;
21
+ --magritte-semantic-border-width-default-v22-1-0:1px;
22
+ --magritte-semantic-border-width-focused-v22-1-0:2px;
23
+ --magritte-static-border-radius-300-v22-1-0:12px;
24
+ --magritte-static-border-radius-450-v22-1-0:18px;
25
25
  }
26
26
  .magritte-night-theme{
27
- --magritte-color-text-primary-v22-0-0:#ffffff;
28
- --magritte-color-component-input-stroke-state-field-hovered-v22-0-0:#3B3B3B;
29
- --magritte-color-component-input-stroke-state-field-focused-v22-0-0:#0070ff;
30
- --magritte-color-component-input-stroke-state-accent-focused-accessible-v22-0-0:#0070ff7a;
31
- --magritte-color-component-input-stroke-state-field-invalid-v22-0-0:#ff4d3a;
32
- --magritte-color-component-input-stroke-state-negative-focused-accessible-v22-0-0:#ff4d3a7a;
33
- --magritte-color-component-input-background-field-v22-0-0:#111;
34
- --magritte-color-component-input-background-state-field-hovered-v22-0-0:#111;
35
- --magritte-color-component-input-background-state-field-focused-v22-0-0:#111;
36
- --magritte-color-component-input-background-state-field-invalid-v22-0-0:#111;
37
- --magritte-color-component-input-stroke-field-v22-0-0:#303030;
38
- --magritte-color-component-input-text-placeholder-v22-0-0:#535353;
39
- --magritte-color-component-input-text-state-content-focused-v22-0-0:#ffffff;
40
- --magritte-color-component-input-text-state-placeholder-hovered-v22-0-0:#5E5E5E;
41
- --magritte-color-component-input-text-state-placeholder-focused-v22-0-0:#535353;
42
- --magritte-color-component-input-text-state-placeholder-invalid-v22-0-0:#535353;
43
- }
44
- .magritte-pincode-input___RpWyq_1-4-17{
27
+ --magritte-color-text-primary-v22-1-0:#ffffff;
28
+ --magritte-color-component-input-stroke-state-field-hovered-v22-1-0:#3B3B3B;
29
+ --magritte-color-component-input-stroke-state-field-focused-v22-1-0:#0070ff;
30
+ --magritte-color-component-input-stroke-state-accent-focused-accessible-v22-1-0:#0070ff7a;
31
+ --magritte-color-component-input-stroke-state-field-invalid-v22-1-0:#ff4d3a;
32
+ --magritte-color-component-input-stroke-state-negative-focused-accessible-v22-1-0:#ff4d3a7a;
33
+ --magritte-color-component-input-background-field-v22-1-0:#111;
34
+ --magritte-color-component-input-background-state-field-hovered-v22-1-0:#111;
35
+ --magritte-color-component-input-background-state-field-focused-v22-1-0:#111;
36
+ --magritte-color-component-input-background-state-field-invalid-v22-1-0:#111;
37
+ --magritte-color-component-input-stroke-field-v22-1-0:#303030;
38
+ --magritte-color-component-input-text-placeholder-v22-1-0:#535353;
39
+ --magritte-color-component-input-text-state-content-focused-v22-1-0:#ffffff;
40
+ --magritte-color-component-input-text-state-placeholder-hovered-v22-1-0:#5E5E5E;
41
+ --magritte-color-component-input-text-state-placeholder-focused-v22-1-0:#535353;
42
+ --magritte-color-component-input-text-state-placeholder-invalid-v22-1-0:#535353;
43
+ }
44
+ .magritte-zp-day-theme{
45
+ --magritte-color-text-primary-v22-1-0:#000000;
46
+ --magritte-color-component-input-stroke-state-accent-focused-accessible-v22-1-0:#0070ff7a;
47
+ --magritte-color-component-input-stroke-state-negative-focused-accessible-v22-1-0:#ff4d3a7a;
48
+ --magritte-color-component-input-stroke-state-field-hovered-v22-1-0:#CCD5DF;
49
+ --magritte-color-component-input-stroke-state-field-focused-v22-1-0:#7195AF;
50
+ --magritte-color-component-input-stroke-state-field-invalid-v22-1-0:#ff4d3a;
51
+ --magritte-color-component-input-background-field-v22-1-0:#ffffff;
52
+ --magritte-color-component-input-background-state-field-hovered-v22-1-0:#ffffff;
53
+ --magritte-color-component-input-background-state-field-focused-v22-1-0:#ffffff;
54
+ --magritte-color-component-input-background-state-field-invalid-v22-1-0:#ffffff;
55
+ --magritte-color-component-input-stroke-field-v22-1-0:#DCE3EB;
56
+ --magritte-color-component-input-text-placeholder-v22-1-0:#AABBCA;
57
+ --magritte-color-component-input-text-state-content-focused-v22-1-0:#000000;
58
+ --magritte-color-component-input-text-state-placeholder-hovered-v22-1-0:#768694;
59
+ --magritte-color-component-input-text-state-placeholder-focused-v22-1-0:#AABBCA;
60
+ --magritte-color-component-input-text-state-placeholder-invalid-v22-1-0:#AABBCA;
61
+ }
62
+ .magritte-pincode-input___RpWyq_2-0-0{
45
63
  --magritte-pincode-input-padding-horizontal:20px;
46
64
  --magritte-pincode-input-padding-vertical:8px;
47
65
  --magritte-pincode-input-gap:6px;
48
66
  --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));
49
67
  box-sizing:border-box;
50
68
  height:88px;
51
- box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-default-v22-0-0) var(--magritte-color-component-input-stroke-field-v22-0-0);
52
- border-radius:var(--magritte-static-border-radius-450-v22-0-0);
53
- background-color:var(--magritte-color-component-input-background-field-v22-0-0);
69
+ box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-default-v22-1-0) var(--magritte-color-component-input-stroke-field-v22-1-0);
70
+ border-radius:var(--magritte-static-border-radius-450-v22-1-0);
71
+ background-color:var(--magritte-color-component-input-background-field-v22-1-0);
54
72
  position:relative;
55
73
  overflow:clip;
56
74
  cursor:text;
57
- font-family:var(--magritte-font-families-body-v22-0-0);
75
+ font-family:var(--magritte-font-families-body-v22-1-0);
58
76
  font-size:32px;
59
77
  font-style:normal;
60
78
  font-weight:normal;
61
79
  line-height:40px;
62
- color:var(--magritte-color-component-input-text-state-content-focused-v22-0-0);
80
+ color:var(--magritte-color-component-input-text-state-content-focused-v22-1-0);
63
81
  }
64
- .magritte-pincode-input___RpWyq_1-4-17.magritte-medium___wfRSc_1-4-17{
82
+ .magritte-pincode-input___RpWyq_2-0-0.magritte-medium___wfRSc_2-0-0{
65
83
  font-size:28px;
66
84
  --magritte-pincode-input-padding-horizontal:16px;
67
85
  --magritte-pincode-input-padding-vertical:6px;
68
86
  --magritte-pincode-input-gap:4px;
69
- border-radius:var(--magritte-static-border-radius-300-v22-0-0);
87
+ border-radius:var(--magritte-static-border-radius-300-v22-1-0);
70
88
  height:76px;
71
89
  }
72
- .magritte-pincode-input___RpWyq_1-4-17:hover{
73
- box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-default-v22-0-0) var(--magritte-color-component-input-stroke-state-field-hovered-v22-0-0);
74
- background-color:var(--magritte-color-component-input-background-state-field-hovered-v22-0-0);
90
+ .magritte-pincode-input___RpWyq_2-0-0:hover{
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
+ background-color:var(--magritte-color-component-input-background-state-field-hovered-v22-1-0);
75
93
  }
76
- .magritte-pincode-input___RpWyq_1-4-17:hover .magritte-placeholder___10kQ0_1-4-17{
77
- color:var(--magritte-color-component-input-text-state-placeholder-hovered-v22-0-0);
94
+ .magritte-pincode-input___RpWyq_2-0-0:hover .magritte-placeholder___10kQ0_2-0-0{
95
+ color:var(--magritte-color-component-input-text-state-placeholder-hovered-v22-1-0);
78
96
  }
79
- .magritte-pincode-input___RpWyq_1-4-17.magritte-focus___IuhXb_1-4-17{
80
- box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-focused-v22-0-0) var(--magritte-color-component-input-stroke-state-field-focused-v22-0-0);
81
- background-color:var(--magritte-color-component-input-background-state-field-focused-v22-0-0);
97
+ .magritte-pincode-input___RpWyq_2-0-0.magritte-focus___IuhXb_2-0-0{
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
+ background-color:var(--magritte-color-component-input-background-state-field-focused-v22-1-0);
82
100
  }
83
- .magritte-pincode-input___RpWyq_1-4-17.magritte-focus___IuhXb_1-4-17 .magritte-placeholder___10kQ0_1-4-17{
84
- color:var(--magritte-color-component-input-text-state-placeholder-focused-v22-0-0);
101
+ .magritte-pincode-input___RpWyq_2-0-0.magritte-focus___IuhXb_2-0-0 .magritte-placeholder___10kQ0_2-0-0{
102
+ color:var(--magritte-color-component-input-text-state-placeholder-focused-v22-1-0);
85
103
  }
86
- .magritte-pincode-input___RpWyq_1-4-17.magritte-invalid___hB8h2_1-4-17{
87
- box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-default-v22-0-0) var(--magritte-color-component-input-stroke-state-field-invalid-v22-0-0);
88
- background-color:var(--magritte-color-component-input-background-state-field-invalid-v22-0-0);
104
+ .magritte-pincode-input___RpWyq_2-0-0.magritte-invalid___hB8h2_2-0-0{
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
+ background-color:var(--magritte-color-component-input-background-state-field-invalid-v22-1-0);
89
107
  }
90
- .magritte-pincode-input___RpWyq_1-4-17.magritte-invalid___hB8h2_1-4-17 .magritte-placeholder___10kQ0_1-4-17{
91
- color:var(--magritte-color-component-input-text-state-placeholder-invalid-v22-0-0);
108
+ .magritte-pincode-input___RpWyq_2-0-0.magritte-invalid___hB8h2_2-0-0 .magritte-placeholder___10kQ0_2-0-0{
109
+ color:var(--magritte-color-component-input-text-state-placeholder-invalid-v22-1-0);
92
110
  }
93
- .magritte-pincode-input___RpWyq_1-4-17.magritte-focus-visible___BN1eD_1-4-17{
94
- outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v22-0-0) solid 4px;
111
+ .magritte-pincode-input___RpWyq_2-0-0.magritte-focus-visible___BN1eD_2-0-0{
112
+ outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v22-1-0) solid 4px;
95
113
  }
96
- .magritte-pincode-input___RpWyq_1-4-17.magritte-focus-visible___BN1eD_1-4-17.magritte-invalid___hB8h2_1-4-17{
97
- outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v22-0-0);
114
+ .magritte-pincode-input___RpWyq_2-0-0.magritte-focus-visible___BN1eD_2-0-0.magritte-invalid___hB8h2_2-0-0{
115
+ outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v22-1-0);
98
116
  }
99
- .magritte-digit-box-container___BqMWw_1-4-17{
117
+ .magritte-digit-box-container___BqMWw_2-0-0{
100
118
  display:flex;
101
119
  gap:var(--magritte-pincode-input-gap);
102
120
  position:absolute;
@@ -107,7 +125,7 @@
107
125
  pointer-events:none;
108
126
  z-index:0;
109
127
  }
110
- .magritte-digit-box___6J0Q2_1-4-17{
128
+ .magritte-digit-box___6J0Q2_2-0-0{
111
129
  flex:0 0 var(--magritte-digit-box-width);
112
130
  pointer-events:auto;
113
131
  display:flex;
@@ -115,13 +133,13 @@
115
133
  justify-content:center;
116
134
  user-select:none;
117
135
  }
118
- .magritte-digit-box___6J0Q2_1-4-17::selection{
136
+ .magritte-digit-box___6J0Q2_2-0-0::selection{
119
137
  background-color:transparent;
120
138
  }
121
- .magritte-digit-box___6J0Q2_1-4-17::-moz-selection{
139
+ .magritte-digit-box___6J0Q2_2-0-0::-moz-selection{
122
140
  background-color:transparent;
123
141
  }
124
- .magritte-digits-input___4QeLj_1-4-17{
142
+ .magritte-digits-input___4QeLj_2-0-0{
125
143
  display:block;
126
144
  position:absolute;
127
145
  top:0;
@@ -139,42 +157,42 @@
139
157
  appearance:none;
140
158
  caret-color:transparent;
141
159
  }
142
- .magritte-digits-input___4QeLj_1-4-17::selection{
160
+ .magritte-digits-input___4QeLj_2-0-0::selection{
143
161
  background-color:transparent;
144
162
  appearance:none;
145
163
  }
146
- .magritte-digits-input___4QeLj_1-4-17::-moz-selection{
164
+ .magritte-digits-input___4QeLj_2-0-0::-moz-selection{
147
165
  background-color:transparent;
148
166
  appearance:none;
149
167
  }
150
- .magritte-caret-left___iZMuA_1-4-17::before,
151
- .magritte-caret-right___u8wNk_1-4-17::after{
168
+ .magritte-caret-left___iZMuA_2-0-0::before,
169
+ .magritte-caret-right___u8wNk_2-0-0::after{
152
170
  content:'';
153
171
  position:absolute;
154
172
  top:50%;
155
173
  transform:translateY(-50%);
156
174
  block-size:1em;
157
- border-left:1px solid var(--magritte-color-text-primary-v22-0-0);
158
- animation:magritte-caret-blink___-bhg7_1-4-17 1s steps(1) infinite;
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;
159
177
  }
160
- .magritte-caret-left___iZMuA_1-4-17::before{
178
+ .magritte-caret-left___iZMuA_2-0-0::before{
161
179
  left:-1px;
162
180
  }
163
- .magritte-caret-right___u8wNk_1-4-17::after{
181
+ .magritte-caret-right___u8wNk_2-0-0::after{
164
182
  right:-1px;
165
183
  }
166
- .magritte-placeholder___10kQ0_1-4-17{
167
- color:var(--magritte-color-component-input-text-placeholder-v22-0-0);
184
+ .magritte-placeholder___10kQ0_2-0-0{
185
+ color:var(--magritte-color-component-input-text-placeholder-v22-1-0);
168
186
  }
169
- .magritte-value-container___9JR3e_1-4-17{
187
+ .magritte-value-container___9JR3e_2-0-0{
170
188
  pointer-events:none;
171
189
  position:relative;
172
190
  }
173
- .magritte-ghost-value___jPQwY_1-4-17{
191
+ .magritte-ghost-value___jPQwY_2-0-0{
174
192
  display:inline-block;
175
193
  visibility:hidden;
176
194
  }
177
- @keyframes magritte-caret-blink___-bhg7_1-4-17{
195
+ @keyframes magritte-caret-blink___-bhg7_2-0-0{
178
196
  50%{
179
197
  opacity:0;
180
198
  }
package/index.d.ts CHANGED
@@ -1,2 +1 @@
1
1
  export * from '@hh.ru/magritte-ui-pincode-input/PincodeInput';
2
- export * from '@hh.ru/magritte-ui-theme-provider';
package/index.js CHANGED
@@ -1,6 +1,5 @@
1
1
  import './index.css';
2
2
  export { PincodeInput } from './PincodeInput.js';
3
- export * from '@hh.ru/magritte-ui-theme-provider';
4
3
  import 'react/jsx-runtime';
5
4
  import 'react';
6
5
  import 'classnames';
package/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
package/index.mock.d.ts CHANGED
@@ -1,5 +1,3 @@
1
1
  import { ForwardRefExoticComponent } from 'react';
2
2
  export { type PincodeInputSize, type PincodeInputProps } from '@hh.ru/magritte-ui-pincode-input/PincodeInput';
3
- declare const ThemeProvider: any;
4
- export { ThemeProvider };
5
3
  export declare const PincodeInput: ForwardRefExoticComponent<Record<string, unknown>>;
package/index.mock.js CHANGED
@@ -1,11 +1,9 @@
1
1
  import './index.css';
2
2
  import { mockComponent } from '@hh.ru/magritte-ui-mock-component';
3
3
 
4
- // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
5
- const { ThemeProvider } = jest.requireActual('@hh.ru/magritte-ui-theme-provider/index');
6
4
  const PincodeInput = mockComponent('PincodeInput', undefined, {
7
5
  withChildren: false,
8
6
  });
9
7
 
10
- export { PincodeInput, ThemeProvider };
8
+ export { PincodeInput };
11
9
  //# sourceMappingURL=index.mock.js.map
package/index.mock.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.mock.js","sources":["../src/index.mock.ts"],"sourcesContent":["import { ForwardRefExoticComponent } from 'react';\n\nimport { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport { type PincodeInputSize, type PincodeInputProps } from '@hh.ru/magritte-ui-pincode-input/PincodeInput';\n\n// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\nconst { ThemeProvider } = jest.requireActual('@hh.ru/magritte-ui-theme-provider/index');\n\nexport { ThemeProvider };\n\nexport const PincodeInput: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent(\n 'PincodeInput',\n undefined,\n {\n withChildren: false,\n }\n);\n"],"names":[],"mappings":";;AAMA;AACM,MAAA,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC,yCAAyC,EAAE;MAI3E,YAAY,GAAuD,aAAa,CACzF,cAAc,EACd,SAAS,EACT;AACI,IAAA,YAAY,EAAE,KAAK;AACtB,CAAA;;;;"}
1
+ {"version":3,"file":"index.mock.js","sources":["../src/index.mock.ts"],"sourcesContent":["import { ForwardRefExoticComponent } from 'react';\n\nimport { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport { type PincodeInputSize, type PincodeInputProps } from '@hh.ru/magritte-ui-pincode-input/PincodeInput';\n\nexport const PincodeInput: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent(\n 'PincodeInput',\n undefined,\n {\n withChildren: false,\n }\n);\n"],"names":[],"mappings":";;MAMa,YAAY,GAAuD,aAAa,CACzF,cAAc,EACd,SAAS,EACT;AACI,IAAA,YAAY,EAAE,KAAK;AACtB,CAAA;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-pincode-input",
3
- "version": "1.4.17",
3
+ "version": "2.0.0",
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.7",
27
- "@hh.ru/magritte-ui-form-helper": "1.0.42",
28
- "@hh.ru/magritte-ui-mock-component": "1.1.4",
29
- "@hh.ru/magritte-ui-theme-provider": "1.1.51"
27
+ "@hh.ru/magritte-design-tokens": "22.1.0",
28
+ "@hh.ru/magritte-ui-form-helper": "2.0.0",
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": "1b6b5c9c24a432af6e815388099e856eeda3caaf"
35
+ "gitHead": "a823b2d582e812bf99b5fdf32058a93eaa59076b"
36
36
  }