@hh.ru/magritte-ui-chips-trigger 4.0.1 → 4.0.3

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