@hh.ru/magritte-ui-chips-trigger 4.5.4 → 4.5.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/ChipsTrigger.js +1 -1
  2. package/index.css +41 -41
  3. package/package.json +4 -4
package/ChipsTrigger.js CHANGED
@@ -12,7 +12,7 @@ import { ChevronDownOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
12
12
  import { useFocus } from '@hh.ru/magritte-ui-input/useFocus';
13
13
  import { useScrollbar, Scrollbar } from '@hh.ru/magritte-ui-scrollbar';
14
14
 
15
- var styles = {"root":"magritte-root___-zVdz_4-5-4","focused":"magritte-focused___0Uzyu_4-5-4","invalid":"magritte-invalid___tVzQV_4-5-4","disabled":"magritte-disabled___UeqcV_4-5-4","label":"magritte-label___j7Trt_4-5-4","field-input":"magritte-field-input___04Cag_4-5-4","fieldInput":"magritte-field-input___04Cag_4-5-4","scrollable-area":"magritte-scrollable-area___-xMF2_4-5-4","scrollableArea":"magritte-scrollable-area___-xMF2_4-5-4","focus-visible":"magritte-focus-visible___ifvAP_4-5-4","focusVisible":"magritte-focus-visible___ifvAP_4-5-4","large":"magritte-large___JIrIy_4-5-4","field":"magritte-field___rlEmn_4-5-4","icon":"magritte-icon___fDMiz_4-5-4","scrollable-area-wrapper":"magritte-scrollable-area-wrapper___hZNQd_4-5-4","scrollableAreaWrapper":"magritte-scrollable-area-wrapper___hZNQd_4-5-4","scrollable-area-wrapper_with-icon":"magritte-scrollable-area-wrapper_with-icon___2VoX9_4-5-4","scrollableAreaWrapperWithIcon":"magritte-scrollable-area-wrapper_with-icon___2VoX9_4-5-4","medium":"magritte-medium___Xk-XB_4-5-4","chips-and-input":"magritte-chips-and-input___qg-Ba_4-5-4","chipsAndInput":"magritte-chips-and-input___qg-Ba_4-5-4","label-wrapper":"magritte-label-wrapper___De7Bm_4-5-4","labelWrapper":"magritte-label-wrapper___De7Bm_4-5-4","icon_expanded":"magritte-icon_expanded___RaOT-_4-5-4","iconExpanded":"magritte-icon_expanded___RaOT-_4-5-4","custom-chip-wrapper":"magritte-custom-chip-wrapper___a9kJ6_4-5-4","customChipWrapper":"magritte-custom-chip-wrapper___a9kJ6_4-5-4"};
15
+ var styles = {"root":"magritte-root___-zVdz_4-5-5","focused":"magritte-focused___0Uzyu_4-5-5","invalid":"magritte-invalid___tVzQV_4-5-5","disabled":"magritte-disabled___UeqcV_4-5-5","label":"magritte-label___j7Trt_4-5-5","field-input":"magritte-field-input___04Cag_4-5-5","fieldInput":"magritte-field-input___04Cag_4-5-5","scrollable-area":"magritte-scrollable-area___-xMF2_4-5-5","scrollableArea":"magritte-scrollable-area___-xMF2_4-5-5","focus-visible":"magritte-focus-visible___ifvAP_4-5-5","focusVisible":"magritte-focus-visible___ifvAP_4-5-5","large":"magritte-large___JIrIy_4-5-5","field":"magritte-field___rlEmn_4-5-5","icon":"magritte-icon___fDMiz_4-5-5","scrollable-area-wrapper":"magritte-scrollable-area-wrapper___hZNQd_4-5-5","scrollableAreaWrapper":"magritte-scrollable-area-wrapper___hZNQd_4-5-5","scrollable-area-wrapper_with-icon":"magritte-scrollable-area-wrapper_with-icon___2VoX9_4-5-5","scrollableAreaWrapperWithIcon":"magritte-scrollable-area-wrapper_with-icon___2VoX9_4-5-5","medium":"magritte-medium___Xk-XB_4-5-5","chips-and-input":"magritte-chips-and-input___qg-Ba_4-5-5","chipsAndInput":"magritte-chips-and-input___qg-Ba_4-5-5","label-wrapper":"magritte-label-wrapper___De7Bm_4-5-5","labelWrapper":"magritte-label-wrapper___De7Bm_4-5-5","icon_expanded":"magritte-icon_expanded___RaOT-_4-5-5","iconExpanded":"magritte-icon_expanded___RaOT-_4-5-5","custom-chip-wrapper":"magritte-custom-chip-wrapper___a9kJ6_4-5-5","customChipWrapper":"magritte-custom-chip-wrapper___a9kJ6_4-5-5"};
16
16
 
17
17
  const focusOnLastChip = (event, chipsContainer, input) => {
18
18
  if (!chipsContainer || !input) {
package/index.css CHANGED
@@ -68,7 +68,7 @@
68
68
  --magritte-color-component-input-icon-state-chevron-hovered-v26-0-2:#8293a2;
69
69
  --magritte-color-component-input-icon-state-chevron-disabled-v26-0-2:#96aabb;
70
70
  }
71
- .magritte-root___-zVdz_4-5-4{
71
+ .magritte-root___-zVdz_4-5-5{
72
72
  display:inline-flex;
73
73
  position:relative;
74
74
  width:100%;
@@ -84,139 +84,139 @@
84
84
  --magritte-ui-scrollbar-border-radius:12px;
85
85
  }
86
86
  @media (min-width: 1020px){
87
- body.magritte-old-layout .magritte-root___-zVdz_4-5-4:not(.magritte-focused___0Uzyu_4-5-4):not(.magritte-invalid___tVzQV_4-5-4):not(.magritte-disabled___UeqcV_4-5-4):hover{
87
+ body.magritte-old-layout .magritte-root___-zVdz_4-5-5:not(.magritte-focused___0Uzyu_4-5-5):not(.magritte-invalid___tVzQV_4-5-5):not(.magritte-disabled___UeqcV_4-5-5):hover{
88
88
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v26-0-2);
89
89
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v26-0-2);
90
90
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-hovered-v26-0-2);
91
91
  }
92
- body.magritte-old-layout .magritte-root___-zVdz_4-5-4:not(.magritte-focused___0Uzyu_4-5-4):not(.magritte-invalid___tVzQV_4-5-4):not(.magritte-disabled___UeqcV_4-5-4):hover .magritte-label___j7Trt_4-5-4{
92
+ body.magritte-old-layout .magritte-root___-zVdz_4-5-5:not(.magritte-focused___0Uzyu_4-5-5):not(.magritte-invalid___tVzQV_4-5-5):not(.magritte-disabled___UeqcV_4-5-5):hover .magritte-label___j7Trt_4-5-5{
93
93
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v26-0-2);
94
94
  }
95
- body.magritte-old-layout .magritte-root___-zVdz_4-5-4:not(.magritte-focused___0Uzyu_4-5-4):not(.magritte-invalid___tVzQV_4-5-4):not(.magritte-disabled___UeqcV_4-5-4):hover .magritte-field-input___04Cag_4-5-4{
95
+ body.magritte-old-layout .magritte-root___-zVdz_4-5-5:not(.magritte-focused___0Uzyu_4-5-5):not(.magritte-invalid___tVzQV_4-5-5):not(.magritte-disabled___UeqcV_4-5-5):hover .magritte-field-input___04Cag_4-5-5{
96
96
  color:var(--magritte-color-component-input-text-state-content-hovered-v26-0-2);
97
97
  }
98
98
  }
99
99
  @media (min-width: 1024px){
100
- body:not(.magritte-old-layout) .magritte-root___-zVdz_4-5-4:not(.magritte-focused___0Uzyu_4-5-4):not(.magritte-invalid___tVzQV_4-5-4):not(.magritte-disabled___UeqcV_4-5-4):hover{
100
+ body:not(.magritte-old-layout) .magritte-root___-zVdz_4-5-5:not(.magritte-focused___0Uzyu_4-5-5):not(.magritte-invalid___tVzQV_4-5-5):not(.magritte-disabled___UeqcV_4-5-5):hover{
101
101
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v26-0-2);
102
102
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v26-0-2);
103
103
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-hovered-v26-0-2);
104
104
  }
105
- body:not(.magritte-old-layout) .magritte-root___-zVdz_4-5-4:not(.magritte-focused___0Uzyu_4-5-4):not(.magritte-invalid___tVzQV_4-5-4):not(.magritte-disabled___UeqcV_4-5-4):hover .magritte-label___j7Trt_4-5-4{
105
+ body:not(.magritte-old-layout) .magritte-root___-zVdz_4-5-5:not(.magritte-focused___0Uzyu_4-5-5):not(.magritte-invalid___tVzQV_4-5-5):not(.magritte-disabled___UeqcV_4-5-5):hover .magritte-label___j7Trt_4-5-5{
106
106
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v26-0-2);
107
107
  }
108
- body:not(.magritte-old-layout) .magritte-root___-zVdz_4-5-4:not(.magritte-focused___0Uzyu_4-5-4):not(.magritte-invalid___tVzQV_4-5-4):not(.magritte-disabled___UeqcV_4-5-4):hover .magritte-field-input___04Cag_4-5-4{
108
+ body:not(.magritte-old-layout) .magritte-root___-zVdz_4-5-5:not(.magritte-focused___0Uzyu_4-5-5):not(.magritte-invalid___tVzQV_4-5-5):not(.magritte-disabled___UeqcV_4-5-5):hover .magritte-field-input___04Cag_4-5-5{
109
109
  color:var(--magritte-color-component-input-text-state-content-hovered-v26-0-2);
110
110
  }
111
111
  }
112
- .magritte-root___-zVdz_4-5-4:not(.magritte-disabled___UeqcV_4-5-4){
112
+ .magritte-root___-zVdz_4-5-5:not(.magritte-disabled___UeqcV_4-5-5){
113
113
  cursor:text;
114
114
  }
115
- .magritte-root___-zVdz_4-5-4.magritte-focused___0Uzyu_4-5-4{
115
+ .magritte-root___-zVdz_4-5-5.magritte-focused___0Uzyu_4-5-5{
116
116
  background-color:var(--magritte-color-component-input-background-state-field-focused-v26-0-2);
117
117
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v26-0-2);
118
118
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-focused-v26-0-2);
119
119
  }
120
- .magritte-root___-zVdz_4-5-4.magritte-focused___0Uzyu_4-5-4 .magritte-label___j7Trt_4-5-4{
120
+ .magritte-root___-zVdz_4-5-5.magritte-focused___0Uzyu_4-5-5 .magritte-label___j7Trt_4-5-5{
121
121
  color:var(--magritte-color-component-input-text-state-placeholder-focused-v26-0-2);
122
122
  }
123
- .magritte-root___-zVdz_4-5-4.magritte-focused___0Uzyu_4-5-4 .magritte-field-input___04Cag_4-5-4{
123
+ .magritte-root___-zVdz_4-5-5.magritte-focused___0Uzyu_4-5-5 .magritte-field-input___04Cag_4-5-5{
124
124
  color:var(--magritte-color-component-input-text-state-content-focused-v26-0-2);
125
125
  }
126
- .magritte-root___-zVdz_4-5-4.magritte-invalid___tVzQV_4-5-4{
126
+ .magritte-root___-zVdz_4-5-5.magritte-invalid___tVzQV_4-5-5{
127
127
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v26-0-2);
128
128
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v26-0-2);
129
129
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-invalid-v26-0-2);
130
130
  }
131
- .magritte-root___-zVdz_4-5-4.magritte-invalid___tVzQV_4-5-4 .magritte-label___j7Trt_4-5-4{
131
+ .magritte-root___-zVdz_4-5-5.magritte-invalid___tVzQV_4-5-5 .magritte-label___j7Trt_4-5-5{
132
132
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v26-0-2);
133
133
  }
134
- .magritte-root___-zVdz_4-5-4.magritte-invalid___tVzQV_4-5-4 .magritte-field-input___04Cag_4-5-4{
134
+ .magritte-root___-zVdz_4-5-5.magritte-invalid___tVzQV_4-5-5 .magritte-field-input___04Cag_4-5-5{
135
135
  color:var(--magritte-color-component-input-text-state-content-invalid-v26-0-2);
136
136
  }
137
- .magritte-root___-zVdz_4-5-4.magritte-disabled___UeqcV_4-5-4{
137
+ .magritte-root___-zVdz_4-5-5.magritte-disabled___UeqcV_4-5-5{
138
138
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v26-0-2);
139
139
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v26-0-2);
140
140
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-disabled-v26-0-2);
141
141
  --magritte-ui-chip-text-color-override:var(--magritte-color-component-input-chips-text-state-neutral-disable-v26-0-2);
142
142
  --magritte-ui-chip-background-color-override:var(--magritte-color-component-input-chips-background-state-neutral-disable-v26-0-2);
143
143
  }
144
- .magritte-root___-zVdz_4-5-4.magritte-disabled___UeqcV_4-5-4 .magritte-label___j7Trt_4-5-4{
144
+ .magritte-root___-zVdz_4-5-5.magritte-disabled___UeqcV_4-5-5 .magritte-label___j7Trt_4-5-5{
145
145
  color:var(--magritte-color-component-input-text-state-placeholder-disabled-v26-0-2);
146
146
  }
147
- .magritte-root___-zVdz_4-5-4.magritte-disabled___UeqcV_4-5-4 .magritte-field-input___04Cag_4-5-4{
147
+ .magritte-root___-zVdz_4-5-5.magritte-disabled___UeqcV_4-5-5 .magritte-field-input___04Cag_4-5-5{
148
148
  color:var(--magritte-color-component-input-text-state-content-disabled-v26-0-2);
149
149
  }
150
- .magritte-root___-zVdz_4-5-4.magritte-disabled___UeqcV_4-5-4 .magritte-scrollable-area___-xMF2_4-5-4{
150
+ .magritte-root___-zVdz_4-5-5.magritte-disabled___UeqcV_4-5-5 .magritte-scrollable-area___-xMF2_4-5-5{
151
151
  overflow:hidden;
152
152
  }
153
- .magritte-root___-zVdz_4-5-4.magritte-focus-visible___ifvAP_4-5-4{
153
+ .magritte-root___-zVdz_4-5-5.magritte-focus-visible___ifvAP_4-5-5{
154
154
  outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v26-0-2) solid 4px;
155
155
  }
156
- .magritte-root___-zVdz_4-5-4.magritte-focus-visible___ifvAP_4-5-4.magritte-invalid___tVzQV_4-5-4{
156
+ .magritte-root___-zVdz_4-5-5.magritte-focus-visible___ifvAP_4-5-5.magritte-invalid___tVzQV_4-5-5{
157
157
  outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v26-0-2);
158
158
  }
159
- .magritte-large___JIrIy_4-5-4{
159
+ .magritte-large___JIrIy_4-5-5{
160
160
  padding-left:12px;
161
161
  padding-top:12px;
162
162
  padding-bottom:12px;
163
163
  padding-right:2px;
164
164
  }
165
- .magritte-large___JIrIy_4-5-4 .magritte-field___rlEmn_4-5-4{
165
+ .magritte-large___JIrIy_4-5-5 .magritte-field___rlEmn_4-5-5{
166
166
  margin-left:4px;
167
167
  }
168
- .magritte-large___JIrIy_4-5-4 .magritte-icon___fDMiz_4-5-4{
168
+ .magritte-large___JIrIy_4-5-5 .magritte-icon___fDMiz_4-5-5{
169
169
  top:12px;
170
170
  right:16px;
171
171
  }
172
- .magritte-large___JIrIy_4-5-4 .magritte-scrollable-area-wrapper___hZNQd_4-5-4{
172
+ .magritte-large___JIrIy_4-5-5 .magritte-scrollable-area-wrapper___hZNQd_4-5-5{
173
173
  padding-right:10px;
174
174
  }
175
- .magritte-large___JIrIy_4-5-4 .magritte-scrollable-area-wrapper_with-icon___2VoX9_4-5-4{
175
+ .magritte-large___JIrIy_4-5-5 .magritte-scrollable-area-wrapper_with-icon___2VoX9_4-5-5{
176
176
  padding-right:calc(24px + 10px + 12px);
177
177
  }
178
- .magritte-medium___Xk-XB_4-5-4{
178
+ .magritte-medium___Xk-XB_4-5-5{
179
179
  padding-left:8px;
180
180
  padding-top:8px;
181
181
  padding-bottom:8px;
182
182
  padding-right:2px;
183
183
  }
184
- .magritte-medium___Xk-XB_4-5-4 .magritte-field___rlEmn_4-5-4{
184
+ .magritte-medium___Xk-XB_4-5-5 .magritte-field___rlEmn_4-5-5{
185
185
  margin-left:8px;
186
186
  }
187
- .magritte-medium___Xk-XB_4-5-4 .magritte-icon___fDMiz_4-5-4{
187
+ .magritte-medium___Xk-XB_4-5-5 .magritte-icon___fDMiz_4-5-5{
188
188
  top:8px;
189
189
  right:12px;
190
190
  }
191
- .magritte-medium___Xk-XB_4-5-4 .magritte-scrollable-area-wrapper___hZNQd_4-5-4{
191
+ .magritte-medium___Xk-XB_4-5-5 .magritte-scrollable-area-wrapper___hZNQd_4-5-5{
192
192
  padding-right:6px;
193
193
  }
194
- .magritte-medium___Xk-XB_4-5-4 .magritte-scrollable-area-wrapper_with-icon___2VoX9_4-5-4{
194
+ .magritte-medium___Xk-XB_4-5-5 .magritte-scrollable-area-wrapper_with-icon___2VoX9_4-5-5{
195
195
  padding-right:calc(24px + 6px + 12px);
196
196
  }
197
- .magritte-scrollable-area-wrapper___hZNQd_4-5-4{
197
+ .magritte-scrollable-area-wrapper___hZNQd_4-5-5{
198
198
  width:100%;
199
199
  position:relative;
200
200
  overflow:hidden;
201
201
  }
202
- .magritte-scrollable-area___-xMF2_4-5-4{
202
+ .magritte-scrollable-area___-xMF2_4-5-5{
203
203
  height:100%;
204
204
  display:flex;
205
205
  align-items:flex-start;
206
206
  overflow-y:auto;
207
207
  scrollbar-width:none;
208
208
  }
209
- .magritte-scrollable-area___-xMF2_4-5-4::-webkit-scrollbar{
209
+ .magritte-scrollable-area___-xMF2_4-5-5::-webkit-scrollbar{
210
210
  display:none;
211
211
  }
212
- .magritte-chips-and-input___qg-Ba_4-5-4{
212
+ .magritte-chips-and-input___qg-Ba_4-5-5{
213
213
  display:flex;
214
214
  gap:8px;
215
215
  flex-wrap:wrap;
216
216
  align-items:center;
217
217
  width:100%;
218
218
  }
219
- .magritte-field___rlEmn_4-5-4{
219
+ .magritte-field___rlEmn_4-5-5{
220
220
  display:flex;
221
221
  align-items:center;
222
222
  position:relative;
@@ -232,7 +232,7 @@
232
232
  text-transform:none;
233
233
  text-decoration:none;
234
234
  }
235
- .magritte-field-input___04Cag_4-5-4{
235
+ .magritte-field-input___04Cag_4-5-5{
236
236
  border:0;
237
237
  padding:0;
238
238
  background:none;
@@ -241,19 +241,19 @@
241
241
  z-index:1;
242
242
  color:var(--magritte-color-component-input-text-content-v26-0-2);
243
243
  }
244
- .magritte-label-wrapper___De7Bm_4-5-4{
244
+ .magritte-label-wrapper___De7Bm_4-5-5{
245
245
  display:flex;
246
246
  align-items:center;
247
247
  position:absolute;
248
248
  height:100%;
249
249
  inset:0;
250
250
  }
251
- .magritte-label___j7Trt_4-5-4{
251
+ .magritte-label___j7Trt_4-5-5{
252
252
  color:var(--magritte-color-component-input-text-placeholder-v26-0-2);
253
253
  overflow:hidden;
254
254
  text-overflow:ellipsis;
255
255
  }
256
- .magritte-icon___fDMiz_4-5-4{
256
+ .magritte-icon___fDMiz_4-5-5{
257
257
  display:inline-flex;
258
258
  margin-left:auto;
259
259
  padding:4px 0;
@@ -262,11 +262,11 @@
262
262
  transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v26-0-2);
263
263
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v26-0-2);
264
264
  }
265
- .magritte-icon_expanded___RaOT-_4-5-4{
265
+ .magritte-icon_expanded___RaOT-_4-5-5{
266
266
  transform:rotate(-180deg);
267
267
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-focused-v26-0-2);
268
268
  }
269
- .magritte-custom-chip-wrapper___a9kJ6_4-5-4{
269
+ .magritte-custom-chip-wrapper___a9kJ6_4-5-5{
270
270
  display:inline-flex;
271
271
  min-width:0;
272
272
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-chips-trigger",
3
- "version": "4.5.4",
3
+ "version": "4.5.5",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -33,11 +33,11 @@
33
33
  "@hh.ru/magritte-design-tokens": "26.0.2",
34
34
  "@hh.ru/magritte-ui-breakpoint": "6.1.3",
35
35
  "@hh.ru/magritte-ui-chips": "7.0.48",
36
- "@hh.ru/magritte-ui-form-helper": "2.1.26",
36
+ "@hh.ru/magritte-ui-form-helper": "2.1.27",
37
37
  "@hh.ru/magritte-ui-icon": "15.1.6",
38
- "@hh.ru/magritte-ui-input": "9.4.53",
38
+ "@hh.ru/magritte-ui-input": "9.4.54",
39
39
  "@hh.ru/magritte-ui-mock-component": "1.1.9",
40
40
  "@hh.ru/magritte-ui-scrollbar": "1.0.40"
41
41
  },
42
- "gitHead": "33dbaa1dc9b9705e925ffc9f6fcc7a0dc153bd36"
42
+ "gitHead": "ce0534b00b259788b4e3b79d74e7f1019a9a21b8"
43
43
  }