@hh.ru/magritte-ui-chips-trigger 4.0.7 → 4.0.9

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 +33 -31
  3. package/package.json +5 -5
package/ChipsTrigger.js CHANGED
@@ -10,7 +10,7 @@ import { FormHelper } from '@hh.ru/magritte-ui-form-helper';
10
10
  import { ChevronDownOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
11
11
  import { useFocus } from '@hh.ru/magritte-ui-input/useFocus';
12
12
 
13
- var styles = {"root":"magritte-root___-zVdz_4-0-7","focused":"magritte-focused___0Uzyu_4-0-7","invalid":"magritte-invalid___tVzQV_4-0-7","disabled":"magritte-disabled___UeqcV_4-0-7","label":"magritte-label___j7Trt_4-0-7","focus-visible":"magritte-focus-visible___ifvAP_4-0-7","focusVisible":"magritte-focus-visible___ifvAP_4-0-7","large":"magritte-large___JIrIy_4-0-7","field":"magritte-field___rlEmn_4-0-7","icon":"magritte-icon___fDMiz_4-0-7","scrollable-area":"magritte-scrollable-area___-xMF2_4-0-7","scrollableArea":"magritte-scrollable-area___-xMF2_4-0-7","medium":"magritte-medium___Xk-XB_4-0-7","chips-and-input":"magritte-chips-and-input___qg-Ba_4-0-7","chipsAndInput":"magritte-chips-and-input___qg-Ba_4-0-7","field-input":"magritte-field-input___04Cag_4-0-7","fieldInput":"magritte-field-input___04Cag_4-0-7","label-wrapper":"magritte-label-wrapper___De7Bm_4-0-7","labelWrapper":"magritte-label-wrapper___De7Bm_4-0-7","icon_expanded":"magritte-icon_expanded___RaOT-_4-0-7","iconExpanded":"magritte-icon_expanded___RaOT-_4-0-7","custom-chip-wrapper":"magritte-custom-chip-wrapper___a9kJ6_4-0-7","customChipWrapper":"magritte-custom-chip-wrapper___a9kJ6_4-0-7"};
13
+ var styles = {"root":"magritte-root___-zVdz_4-0-9","focused":"magritte-focused___0Uzyu_4-0-9","invalid":"magritte-invalid___tVzQV_4-0-9","disabled":"magritte-disabled___UeqcV_4-0-9","label":"magritte-label___j7Trt_4-0-9","focus-visible":"magritte-focus-visible___ifvAP_4-0-9","focusVisible":"magritte-focus-visible___ifvAP_4-0-9","large":"magritte-large___JIrIy_4-0-9","field":"magritte-field___rlEmn_4-0-9","icon":"magritte-icon___fDMiz_4-0-9","scrollable-area":"magritte-scrollable-area___-xMF2_4-0-9","scrollableArea":"magritte-scrollable-area___-xMF2_4-0-9","medium":"magritte-medium___Xk-XB_4-0-9","chips-and-input":"magritte-chips-and-input___qg-Ba_4-0-9","chipsAndInput":"magritte-chips-and-input___qg-Ba_4-0-9","field-input":"magritte-field-input___04Cag_4-0-9","fieldInput":"magritte-field-input___04Cag_4-0-9","label-wrapper":"magritte-label-wrapper___De7Bm_4-0-9","labelWrapper":"magritte-label-wrapper___De7Bm_4-0-9","icon_expanded":"magritte-icon_expanded___RaOT-_4-0-9","iconExpanded":"magritte-icon_expanded___RaOT-_4-0-9","custom-chip-wrapper":"magritte-custom-chip-wrapper___a9kJ6_4-0-9","customChipWrapper":"magritte-custom-chip-wrapper___a9kJ6_4-0-9"};
14
14
 
15
15
  const focusOnLastChip = (event, chipsContainer, input) => {
16
16
  if (!chipsContainer || !input) {
package/index.css CHANGED
@@ -99,7 +99,7 @@
99
99
  --magritte-color-component-input-chips-background-state-neutral-disable-v23-1-0:#DCE3EB;
100
100
  --magritte-color-component-input-chips-text-state-neutral-disable-v23-1-0:#96aabb;
101
101
  }
102
- .magritte-root___-zVdz_4-0-7{
102
+ .magritte-root___-zVdz_4-0-9{
103
103
  display:inline-flex;
104
104
  position:relative;
105
105
  width:100%;
@@ -114,106 +114,106 @@
114
114
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-chevron-v23-1-0);
115
115
  }
116
116
  @media (min-width: 1020px){
117
- body.magritte-old-layout .magritte-root___-zVdz_4-0-7:not(.magritte-focused___0Uzyu_4-0-7):not(.magritte-invalid___tVzQV_4-0-7):not(.magritte-disabled___UeqcV_4-0-7):hover{
117
+ body.magritte-old-layout .magritte-root___-zVdz_4-0-9:not(.magritte-focused___0Uzyu_4-0-9):not(.magritte-invalid___tVzQV_4-0-9):not(.magritte-disabled___UeqcV_4-0-9):hover{
118
118
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-1-0);
119
119
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v23-1-0);
120
120
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-hovered-v23-1-0);
121
121
  }
122
- body.magritte-old-layout .magritte-root___-zVdz_4-0-7:not(.magritte-focused___0Uzyu_4-0-7):not(.magritte-invalid___tVzQV_4-0-7):not(.magritte-disabled___UeqcV_4-0-7):hover .magritte-label___j7Trt_4-0-7{
122
+ body.magritte-old-layout .magritte-root___-zVdz_4-0-9:not(.magritte-focused___0Uzyu_4-0-9):not(.magritte-invalid___tVzQV_4-0-9):not(.magritte-disabled___UeqcV_4-0-9):hover .magritte-label___j7Trt_4-0-9{
123
123
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v23-1-0);
124
124
  }
125
125
  }
126
126
  @media (min-width: 1024px){
127
- body:not(.magritte-old-layout) .magritte-root___-zVdz_4-0-7:not(.magritte-focused___0Uzyu_4-0-7):not(.magritte-invalid___tVzQV_4-0-7):not(.magritte-disabled___UeqcV_4-0-7):hover{
127
+ body:not(.magritte-old-layout) .magritte-root___-zVdz_4-0-9:not(.magritte-focused___0Uzyu_4-0-9):not(.magritte-invalid___tVzQV_4-0-9):not(.magritte-disabled___UeqcV_4-0-9):hover{
128
128
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-1-0);
129
129
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v23-1-0);
130
130
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-hovered-v23-1-0);
131
131
  }
132
- body:not(.magritte-old-layout) .magritte-root___-zVdz_4-0-7:not(.magritte-focused___0Uzyu_4-0-7):not(.magritte-invalid___tVzQV_4-0-7):not(.magritte-disabled___UeqcV_4-0-7):hover .magritte-label___j7Trt_4-0-7{
132
+ body:not(.magritte-old-layout) .magritte-root___-zVdz_4-0-9:not(.magritte-focused___0Uzyu_4-0-9):not(.magritte-invalid___tVzQV_4-0-9):not(.magritte-disabled___UeqcV_4-0-9):hover .magritte-label___j7Trt_4-0-9{
133
133
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v23-1-0);
134
134
  }
135
135
  }
136
- .magritte-root___-zVdz_4-0-7:not(.magritte-disabled___UeqcV_4-0-7){
136
+ .magritte-root___-zVdz_4-0-9:not(.magritte-disabled___UeqcV_4-0-9){
137
137
  cursor:text;
138
138
  }
139
- .magritte-root___-zVdz_4-0-7.magritte-focused___0Uzyu_4-0-7{
139
+ .magritte-root___-zVdz_4-0-9.magritte-focused___0Uzyu_4-0-9{
140
140
  background-color:var(--magritte-color-component-input-background-state-field-focused-v23-1-0);
141
141
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v23-1-0);
142
142
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-focused-v23-1-0);
143
143
  }
144
- .magritte-root___-zVdz_4-0-7.magritte-focused___0Uzyu_4-0-7 .magritte-label___j7Trt_4-0-7{
144
+ .magritte-root___-zVdz_4-0-9.magritte-focused___0Uzyu_4-0-9 .magritte-label___j7Trt_4-0-9{
145
145
  color:var(--magritte-color-component-input-text-state-placeholder-focused-v23-1-0);
146
146
  }
147
- .magritte-root___-zVdz_4-0-7.magritte-invalid___tVzQV_4-0-7{
147
+ .magritte-root___-zVdz_4-0-9.magritte-invalid___tVzQV_4-0-9{
148
148
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-1-0);
149
149
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v23-1-0);
150
150
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-invalid-v23-1-0);
151
151
  }
152
- .magritte-root___-zVdz_4-0-7.magritte-invalid___tVzQV_4-0-7 .magritte-label___j7Trt_4-0-7{
152
+ .magritte-root___-zVdz_4-0-9.magritte-invalid___tVzQV_4-0-9 .magritte-label___j7Trt_4-0-9{
153
153
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v23-1-0);
154
154
  }
155
- .magritte-root___-zVdz_4-0-7.magritte-disabled___UeqcV_4-0-7{
155
+ .magritte-root___-zVdz_4-0-9.magritte-disabled___UeqcV_4-0-9{
156
156
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v23-1-0);
157
157
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v23-1-0);
158
158
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-disabled-v23-1-0);
159
159
  --magritte-ui-chip-text-color-override:var(--magritte-color-component-input-chips-text-state-neutral-disable-v23-1-0);
160
160
  --magritte-ui-chip-background-color-override:var(--magritte-color-component-input-chips-background-state-neutral-disable-v23-1-0);
161
161
  }
162
- .magritte-root___-zVdz_4-0-7.magritte-disabled___UeqcV_4-0-7 .magritte-label___j7Trt_4-0-7{
162
+ .magritte-root___-zVdz_4-0-9.magritte-disabled___UeqcV_4-0-9 .magritte-label___j7Trt_4-0-9{
163
163
  color:var(--magritte-color-component-input-text-state-placeholder-disabled-v23-1-0);
164
164
  }
165
- .magritte-root___-zVdz_4-0-7.magritte-focus-visible___ifvAP_4-0-7{
165
+ .magritte-root___-zVdz_4-0-9.magritte-focus-visible___ifvAP_4-0-9{
166
166
  outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v23-1-0) solid 4px;
167
167
  }
168
- .magritte-root___-zVdz_4-0-7.magritte-focus-visible___ifvAP_4-0-7.magritte-invalid___tVzQV_4-0-7{
168
+ .magritte-root___-zVdz_4-0-9.magritte-focus-visible___ifvAP_4-0-9.magritte-invalid___tVzQV_4-0-9{
169
169
  outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v23-1-0);
170
170
  }
171
- .magritte-large___JIrIy_4-0-7{
171
+ .magritte-large___JIrIy_4-0-9{
172
172
  padding-left:var(--magritte-static-space-300-v23-1-0);
173
173
  padding-top:var(--magritte-static-space-300-v23-1-0);
174
174
  padding-bottom:var(--magritte-static-space-300-v23-1-0);
175
175
  padding-right:var(--magritte-static-space-50-v23-1-0);
176
176
  }
177
- .magritte-large___JIrIy_4-0-7 .magritte-field___rlEmn_4-0-7{
177
+ .magritte-large___JIrIy_4-0-9 .magritte-field___rlEmn_4-0-9{
178
178
  margin-left:var(--magritte-static-space-100-v23-1-0);
179
179
  }
180
- .magritte-large___JIrIy_4-0-7 .magritte-icon___fDMiz_4-0-7{
180
+ .magritte-large___JIrIy_4-0-9 .magritte-icon___fDMiz_4-0-9{
181
181
  top:var(--magritte-static-space-300-v23-1-0);
182
182
  right:var(--magritte-static-space-400-v23-1-0);
183
183
  }
184
- .magritte-large___JIrIy_4-0-7 .magritte-scrollable-area___-xMF2_4-0-7{
184
+ .magritte-large___JIrIy_4-0-9 .magritte-scrollable-area___-xMF2_4-0-9{
185
185
  padding-right:calc(24px + var(--magritte-static-space-250-v23-1-0) + var(--magritte-static-space-300-v23-1-0));
186
186
  }
187
- .magritte-medium___Xk-XB_4-0-7{
187
+ .magritte-medium___Xk-XB_4-0-9{
188
188
  padding-left:var(--magritte-static-space-200-v23-1-0);
189
189
  padding-top:var(--magritte-static-space-200-v23-1-0);
190
190
  padding-bottom:var(--magritte-static-space-200-v23-1-0);
191
191
  padding-right:var(--magritte-static-space-50-v23-1-0);
192
192
  }
193
- .magritte-medium___Xk-XB_4-0-7 .magritte-field___rlEmn_4-0-7{
193
+ .magritte-medium___Xk-XB_4-0-9 .magritte-field___rlEmn_4-0-9{
194
194
  margin-left:var(--magritte-static-space-200-v23-1-0);
195
195
  }
196
- .magritte-medium___Xk-XB_4-0-7 .magritte-icon___fDMiz_4-0-7{
196
+ .magritte-medium___Xk-XB_4-0-9 .magritte-icon___fDMiz_4-0-9{
197
197
  top:var(--magritte-static-space-200-v23-1-0);
198
198
  right:var(--magritte-static-space-300-v23-1-0);
199
199
  }
200
- .magritte-medium___Xk-XB_4-0-7 .magritte-scrollable-area___-xMF2_4-0-7{
200
+ .magritte-medium___Xk-XB_4-0-9 .magritte-scrollable-area___-xMF2_4-0-9{
201
201
  padding-right:calc(24px + var(--magritte-static-space-150-v23-1-0) + var(--magritte-static-space-300-v23-1-0));
202
202
  }
203
- .magritte-scrollable-area___-xMF2_4-0-7{
203
+ .magritte-scrollable-area___-xMF2_4-0-9{
204
204
  display:flex;
205
205
  align-items:flex-start;
206
206
  overflow-y:auto;
207
207
  width:100%;
208
208
  }
209
- .magritte-chips-and-input___qg-Ba_4-0-7{
209
+ .magritte-chips-and-input___qg-Ba_4-0-9{
210
210
  display:flex;
211
211
  gap:6px;
212
212
  flex-wrap:wrap;
213
213
  align-items:center;
214
214
  width:100%;
215
215
  }
216
- .magritte-field___rlEmn_4-0-7{
216
+ .magritte-field___rlEmn_4-0-9{
217
217
  display:flex;
218
218
  align-items:center;
219
219
  position:relative;
@@ -229,26 +229,27 @@
229
229
  text-transform:var(--magritte-typography-label-2-regular-text-transform-v23-1-0);
230
230
  text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v23-1-0);
231
231
  }
232
- .magritte-field-input___04Cag_4-0-7{
232
+ .magritte-field-input___04Cag_4-0-9{
233
233
  border:0;
234
234
  padding:0;
235
235
  background:none;
236
236
  outline:none;
237
237
  width:100%;
238
+ z-index:1;
238
239
  }
239
- .magritte-label-wrapper___De7Bm_4-0-7{
240
+ .magritte-label-wrapper___De7Bm_4-0-9{
240
241
  display:flex;
241
242
  align-items:center;
242
243
  position:absolute;
243
244
  height:100%;
244
245
  inset:0;
245
246
  }
246
- .magritte-label___j7Trt_4-0-7{
247
+ .magritte-label___j7Trt_4-0-9{
247
248
  color:var(--magritte-color-component-input-text-placeholder-v23-1-0);
248
249
  overflow:hidden;
249
250
  text-overflow:ellipsis;
250
251
  }
251
- .magritte-icon___fDMiz_4-0-7{
252
+ .magritte-icon___fDMiz_4-0-9{
252
253
  display:inline-flex;
253
254
  margin-left:auto;
254
255
  padding:var(--magritte-static-space-100-v23-1-0) 0;
@@ -257,10 +258,11 @@
257
258
  transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v23-1-0);
258
259
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v23-1-0);
259
260
  }
260
- .magritte-icon_expanded___RaOT-_4-0-7{
261
+ .magritte-icon_expanded___RaOT-_4-0-9{
261
262
  transform:rotate(-180deg);
262
263
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-focused-v23-1-0);
263
264
  }
264
- .magritte-custom-chip-wrapper___a9kJ6_4-0-7{
265
+ .magritte-custom-chip-wrapper___a9kJ6_4-0-9{
265
266
  display:inline-flex;
267
+ min-width:0;
266
268
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-chips-trigger",
3
- "version": "4.0.7",
3
+ "version": "4.0.9",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -30,11 +30,11 @@
30
30
  "@hh.ru/magritte-common-use-multiple-refs": "1.1.8",
31
31
  "@hh.ru/magritte-design-tokens": "23.1.0",
32
32
  "@hh.ru/magritte-ui-breakpoint": "6.0.0",
33
- "@hh.ru/magritte-ui-chips": "6.0.7",
34
- "@hh.ru/magritte-ui-form-helper": "2.0.3",
33
+ "@hh.ru/magritte-ui-chips": "6.0.8",
34
+ "@hh.ru/magritte-ui-form-helper": "2.0.4",
35
35
  "@hh.ru/magritte-ui-icon": "12.3.0",
36
- "@hh.ru/magritte-ui-input": "9.0.7",
36
+ "@hh.ru/magritte-ui-input": "9.0.8",
37
37
  "@hh.ru/magritte-ui-mock-component": "1.1.4"
38
38
  },
39
- "gitHead": "f1e6a608c514004dd630ed30df64145e42f8f010"
39
+ "gitHead": "f6f19e14a8d86a761f6cd143cdfdc7838f8d54a8"
40
40
  }