@hh.ru/magritte-ui-chips-trigger 4.3.23 → 4.3.25

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 +34 -34
  3. package/package.json +7 -7
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-3-23","focused":"magritte-focused___0Uzyu_4-3-23","invalid":"magritte-invalid___tVzQV_4-3-23","disabled":"magritte-disabled___UeqcV_4-3-23","label":"magritte-label___j7Trt_4-3-23","scrollable-area":"magritte-scrollable-area___-xMF2_4-3-23","scrollableArea":"magritte-scrollable-area___-xMF2_4-3-23","focus-visible":"magritte-focus-visible___ifvAP_4-3-23","focusVisible":"magritte-focus-visible___ifvAP_4-3-23","large":"magritte-large___JIrIy_4-3-23","field":"magritte-field___rlEmn_4-3-23","icon":"magritte-icon___fDMiz_4-3-23","scrollable-area-wrapper":"magritte-scrollable-area-wrapper___hZNQd_4-3-23","scrollableAreaWrapper":"magritte-scrollable-area-wrapper___hZNQd_4-3-23","medium":"magritte-medium___Xk-XB_4-3-23","chips-and-input":"magritte-chips-and-input___qg-Ba_4-3-23","chipsAndInput":"magritte-chips-and-input___qg-Ba_4-3-23","field-input":"magritte-field-input___04Cag_4-3-23","fieldInput":"magritte-field-input___04Cag_4-3-23","label-wrapper":"magritte-label-wrapper___De7Bm_4-3-23","labelWrapper":"magritte-label-wrapper___De7Bm_4-3-23","icon_expanded":"magritte-icon_expanded___RaOT-_4-3-23","iconExpanded":"magritte-icon_expanded___RaOT-_4-3-23","custom-chip-wrapper":"magritte-custom-chip-wrapper___a9kJ6_4-3-23","customChipWrapper":"magritte-custom-chip-wrapper___a9kJ6_4-3-23"};
15
+ var styles = {"root":"magritte-root___-zVdz_4-3-25","focused":"magritte-focused___0Uzyu_4-3-25","invalid":"magritte-invalid___tVzQV_4-3-25","disabled":"magritte-disabled___UeqcV_4-3-25","label":"magritte-label___j7Trt_4-3-25","scrollable-area":"magritte-scrollable-area___-xMF2_4-3-25","scrollableArea":"magritte-scrollable-area___-xMF2_4-3-25","focus-visible":"magritte-focus-visible___ifvAP_4-3-25","focusVisible":"magritte-focus-visible___ifvAP_4-3-25","large":"magritte-large___JIrIy_4-3-25","field":"magritte-field___rlEmn_4-3-25","icon":"magritte-icon___fDMiz_4-3-25","scrollable-area-wrapper":"magritte-scrollable-area-wrapper___hZNQd_4-3-25","scrollableAreaWrapper":"magritte-scrollable-area-wrapper___hZNQd_4-3-25","medium":"magritte-medium___Xk-XB_4-3-25","chips-and-input":"magritte-chips-and-input___qg-Ba_4-3-25","chipsAndInput":"magritte-chips-and-input___qg-Ba_4-3-25","field-input":"magritte-field-input___04Cag_4-3-25","fieldInput":"magritte-field-input___04Cag_4-3-25","label-wrapper":"magritte-label-wrapper___De7Bm_4-3-25","labelWrapper":"magritte-label-wrapper___De7Bm_4-3-25","icon_expanded":"magritte-icon_expanded___RaOT-_4-3-25","iconExpanded":"magritte-icon_expanded___RaOT-_4-3-25","custom-chip-wrapper":"magritte-custom-chip-wrapper___a9kJ6_4-3-25","customChipWrapper":"magritte-custom-chip-wrapper___a9kJ6_4-3-25"};
16
16
 
17
17
  const focusOnLastChip = (event, chipsContainer, input) => {
18
18
  if (!chipsContainer || !input) {
package/index.css CHANGED
@@ -58,7 +58,7 @@
58
58
  --magritte-color-component-input-icon-state-chevron-hovered-v24-7-0:#8293a2;
59
59
  --magritte-color-component-input-icon-state-chevron-disabled-v24-7-0:#96aabb;
60
60
  }
61
- .magritte-root___-zVdz_4-3-23{
61
+ .magritte-root___-zVdz_4-3-25{
62
62
  display:inline-flex;
63
63
  position:relative;
64
64
  width:100%;
@@ -74,101 +74,101 @@
74
74
  --magritte-ui-scrollbar-border-radius:12px;
75
75
  }
76
76
  @media (min-width: 1020px){
77
- body.magritte-old-layout .magritte-root___-zVdz_4-3-23:not(.magritte-focused___0Uzyu_4-3-23):not(.magritte-invalid___tVzQV_4-3-23):not(.magritte-disabled___UeqcV_4-3-23):hover{
77
+ body.magritte-old-layout .magritte-root___-zVdz_4-3-25:not(.magritte-focused___0Uzyu_4-3-25):not(.magritte-invalid___tVzQV_4-3-25):not(.magritte-disabled___UeqcV_4-3-25):hover{
78
78
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v24-7-0);
79
79
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v24-7-0);
80
80
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-hovered-v24-7-0);
81
81
  }
82
- body.magritte-old-layout .magritte-root___-zVdz_4-3-23:not(.magritte-focused___0Uzyu_4-3-23):not(.magritte-invalid___tVzQV_4-3-23):not(.magritte-disabled___UeqcV_4-3-23):hover .magritte-label___j7Trt_4-3-23{
82
+ body.magritte-old-layout .magritte-root___-zVdz_4-3-25:not(.magritte-focused___0Uzyu_4-3-25):not(.magritte-invalid___tVzQV_4-3-25):not(.magritte-disabled___UeqcV_4-3-25):hover .magritte-label___j7Trt_4-3-25{
83
83
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v24-7-0);
84
84
  }
85
85
  }
86
86
  @media (min-width: 1024px){
87
- body:not(.magritte-old-layout) .magritte-root___-zVdz_4-3-23:not(.magritte-focused___0Uzyu_4-3-23):not(.magritte-invalid___tVzQV_4-3-23):not(.magritte-disabled___UeqcV_4-3-23):hover{
87
+ body:not(.magritte-old-layout) .magritte-root___-zVdz_4-3-25:not(.magritte-focused___0Uzyu_4-3-25):not(.magritte-invalid___tVzQV_4-3-25):not(.magritte-disabled___UeqcV_4-3-25):hover{
88
88
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v24-7-0);
89
89
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v24-7-0);
90
90
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-hovered-v24-7-0);
91
91
  }
92
- body:not(.magritte-old-layout) .magritte-root___-zVdz_4-3-23:not(.magritte-focused___0Uzyu_4-3-23):not(.magritte-invalid___tVzQV_4-3-23):not(.magritte-disabled___UeqcV_4-3-23):hover .magritte-label___j7Trt_4-3-23{
92
+ body:not(.magritte-old-layout) .magritte-root___-zVdz_4-3-25:not(.magritte-focused___0Uzyu_4-3-25):not(.magritte-invalid___tVzQV_4-3-25):not(.magritte-disabled___UeqcV_4-3-25):hover .magritte-label___j7Trt_4-3-25{
93
93
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v24-7-0);
94
94
  }
95
95
  }
96
- .magritte-root___-zVdz_4-3-23:not(.magritte-disabled___UeqcV_4-3-23){
96
+ .magritte-root___-zVdz_4-3-25:not(.magritte-disabled___UeqcV_4-3-25){
97
97
  cursor:text;
98
98
  }
99
- .magritte-root___-zVdz_4-3-23.magritte-focused___0Uzyu_4-3-23{
99
+ .magritte-root___-zVdz_4-3-25.magritte-focused___0Uzyu_4-3-25{
100
100
  background-color:var(--magritte-color-component-input-background-state-field-focused-v24-7-0);
101
101
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v24-7-0);
102
102
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-focused-v24-7-0);
103
103
  }
104
- .magritte-root___-zVdz_4-3-23.magritte-focused___0Uzyu_4-3-23 .magritte-label___j7Trt_4-3-23{
104
+ .magritte-root___-zVdz_4-3-25.magritte-focused___0Uzyu_4-3-25 .magritte-label___j7Trt_4-3-25{
105
105
  color:var(--magritte-color-component-input-text-state-placeholder-focused-v24-7-0);
106
106
  }
107
- .magritte-root___-zVdz_4-3-23.magritte-invalid___tVzQV_4-3-23{
107
+ .magritte-root___-zVdz_4-3-25.magritte-invalid___tVzQV_4-3-25{
108
108
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v24-7-0);
109
109
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v24-7-0);
110
110
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-invalid-v24-7-0);
111
111
  }
112
- .magritte-root___-zVdz_4-3-23.magritte-invalid___tVzQV_4-3-23 .magritte-label___j7Trt_4-3-23{
112
+ .magritte-root___-zVdz_4-3-25.magritte-invalid___tVzQV_4-3-25 .magritte-label___j7Trt_4-3-25{
113
113
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v24-7-0);
114
114
  }
115
- .magritte-root___-zVdz_4-3-23.magritte-disabled___UeqcV_4-3-23{
115
+ .magritte-root___-zVdz_4-3-25.magritte-disabled___UeqcV_4-3-25{
116
116
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v24-7-0);
117
117
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v24-7-0);
118
118
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-disabled-v24-7-0);
119
119
  --magritte-ui-chip-text-color-override:var(--magritte-color-component-input-chips-text-state-neutral-disable-v24-7-0);
120
120
  --magritte-ui-chip-background-color-override:var(--magritte-color-component-input-chips-background-state-neutral-disable-v24-7-0);
121
121
  }
122
- .magritte-root___-zVdz_4-3-23.magritte-disabled___UeqcV_4-3-23 .magritte-label___j7Trt_4-3-23{
122
+ .magritte-root___-zVdz_4-3-25.magritte-disabled___UeqcV_4-3-25 .magritte-label___j7Trt_4-3-25{
123
123
  color:var(--magritte-color-component-input-text-state-placeholder-disabled-v24-7-0);
124
124
  }
125
- .magritte-root___-zVdz_4-3-23.magritte-disabled___UeqcV_4-3-23 .magritte-scrollable-area___-xMF2_4-3-23{
125
+ .magritte-root___-zVdz_4-3-25.magritte-disabled___UeqcV_4-3-25 .magritte-scrollable-area___-xMF2_4-3-25{
126
126
  overflow:hidden;
127
127
  }
128
- .magritte-root___-zVdz_4-3-23.magritte-focus-visible___ifvAP_4-3-23{
128
+ .magritte-root___-zVdz_4-3-25.magritte-focus-visible___ifvAP_4-3-25{
129
129
  outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v24-7-0) solid 4px;
130
130
  }
131
- .magritte-root___-zVdz_4-3-23.magritte-focus-visible___ifvAP_4-3-23.magritte-invalid___tVzQV_4-3-23{
131
+ .magritte-root___-zVdz_4-3-25.magritte-focus-visible___ifvAP_4-3-25.magritte-invalid___tVzQV_4-3-25{
132
132
  outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v24-7-0);
133
133
  }
134
- .magritte-large___JIrIy_4-3-23{
134
+ .magritte-large___JIrIy_4-3-25{
135
135
  padding-left:12px;
136
136
  padding-top:12px;
137
137
  padding-bottom:12px;
138
138
  padding-right:2px;
139
139
  }
140
- .magritte-large___JIrIy_4-3-23 .magritte-field___rlEmn_4-3-23{
140
+ .magritte-large___JIrIy_4-3-25 .magritte-field___rlEmn_4-3-25{
141
141
  margin-left:4px;
142
142
  }
143
- .magritte-large___JIrIy_4-3-23 .magritte-icon___fDMiz_4-3-23{
143
+ .magritte-large___JIrIy_4-3-25 .magritte-icon___fDMiz_4-3-25{
144
144
  top:12px;
145
145
  right:16px;
146
146
  }
147
- .magritte-large___JIrIy_4-3-23 .magritte-scrollable-area-wrapper___hZNQd_4-3-23{
147
+ .magritte-large___JIrIy_4-3-25 .magritte-scrollable-area-wrapper___hZNQd_4-3-25{
148
148
  padding-right:calc(24px + 10px + 12px);
149
149
  }
150
- .magritte-medium___Xk-XB_4-3-23{
150
+ .magritte-medium___Xk-XB_4-3-25{
151
151
  padding-left:8px;
152
152
  padding-top:8px;
153
153
  padding-bottom:8px;
154
154
  padding-right:2px;
155
155
  }
156
- .magritte-medium___Xk-XB_4-3-23 .magritte-field___rlEmn_4-3-23{
156
+ .magritte-medium___Xk-XB_4-3-25 .magritte-field___rlEmn_4-3-25{
157
157
  margin-left:8px;
158
158
  }
159
- .magritte-medium___Xk-XB_4-3-23 .magritte-icon___fDMiz_4-3-23{
159
+ .magritte-medium___Xk-XB_4-3-25 .magritte-icon___fDMiz_4-3-25{
160
160
  top:8px;
161
161
  right:12px;
162
162
  }
163
- .magritte-medium___Xk-XB_4-3-23 .magritte-scrollable-area-wrapper___hZNQd_4-3-23{
163
+ .magritte-medium___Xk-XB_4-3-25 .magritte-scrollable-area-wrapper___hZNQd_4-3-25{
164
164
  padding-right:calc(24px + 6px + 12px);
165
165
  }
166
- .magritte-scrollable-area-wrapper___hZNQd_4-3-23{
166
+ .magritte-scrollable-area-wrapper___hZNQd_4-3-25{
167
167
  width:100%;
168
168
  position:relative;
169
169
  overflow:hidden;
170
170
  }
171
- .magritte-scrollable-area___-xMF2_4-3-23{
171
+ .magritte-scrollable-area___-xMF2_4-3-25{
172
172
  height:100%;
173
173
  display:flex;
174
174
  align-items:flex-start;
@@ -176,17 +176,17 @@
176
176
  overscroll-behavior:contain;
177
177
  scrollbar-width:none;
178
178
  }
179
- .magritte-scrollable-area___-xMF2_4-3-23::-webkit-scrollbar{
179
+ .magritte-scrollable-area___-xMF2_4-3-25::-webkit-scrollbar{
180
180
  display:none;
181
181
  }
182
- .magritte-chips-and-input___qg-Ba_4-3-23{
182
+ .magritte-chips-and-input___qg-Ba_4-3-25{
183
183
  display:flex;
184
184
  gap:6px;
185
185
  flex-wrap:wrap;
186
186
  align-items:center;
187
187
  width:100%;
188
188
  }
189
- .magritte-field___rlEmn_4-3-23{
189
+ .magritte-field___rlEmn_4-3-25{
190
190
  display:flex;
191
191
  align-items:center;
192
192
  position:relative;
@@ -202,7 +202,7 @@
202
202
  text-transform:none;
203
203
  text-decoration:none;
204
204
  }
205
- .magritte-field-input___04Cag_4-3-23{
205
+ .magritte-field-input___04Cag_4-3-25{
206
206
  border:0;
207
207
  padding:0;
208
208
  background:none;
@@ -210,19 +210,19 @@
210
210
  width:100%;
211
211
  z-index:1;
212
212
  }
213
- .magritte-label-wrapper___De7Bm_4-3-23{
213
+ .magritte-label-wrapper___De7Bm_4-3-25{
214
214
  display:flex;
215
215
  align-items:center;
216
216
  position:absolute;
217
217
  height:100%;
218
218
  inset:0;
219
219
  }
220
- .magritte-label___j7Trt_4-3-23{
220
+ .magritte-label___j7Trt_4-3-25{
221
221
  color:var(--magritte-color-component-input-text-placeholder-v24-7-0);
222
222
  overflow:hidden;
223
223
  text-overflow:ellipsis;
224
224
  }
225
- .magritte-icon___fDMiz_4-3-23{
225
+ .magritte-icon___fDMiz_4-3-25{
226
226
  display:inline-flex;
227
227
  margin-left:auto;
228
228
  padding:4px 0;
@@ -231,11 +231,11 @@
231
231
  transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v24-7-0);
232
232
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v24-7-0);
233
233
  }
234
- .magritte-icon_expanded___RaOT-_4-3-23{
234
+ .magritte-icon_expanded___RaOT-_4-3-25{
235
235
  transform:rotate(-180deg);
236
236
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-focused-v24-7-0);
237
237
  }
238
- .magritte-custom-chip-wrapper___a9kJ6_4-3-23{
238
+ .magritte-custom-chip-wrapper___a9kJ6_4-3-25{
239
239
  display:inline-flex;
240
240
  min-width:0;
241
241
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-chips-trigger",
3
- "version": "4.3.23",
3
+ "version": "4.3.25",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -26,17 +26,17 @@
26
26
  "access": "public"
27
27
  },
28
28
  "dependencies": {
29
- "@hh.ru/magritte-common-keyboard": "4.3.3",
29
+ "@hh.ru/magritte-common-keyboard": "4.3.4",
30
30
  "@hh.ru/magritte-common-use-multiple-refs": "1.1.11",
31
31
  "@hh.ru/magritte-common-use-translation": "3.1.0",
32
32
  "@hh.ru/magritte-design-tokens": "24.7.0",
33
33
  "@hh.ru/magritte-ui-breakpoint": "6.1.1",
34
- "@hh.ru/magritte-ui-chips": "7.0.16",
35
- "@hh.ru/magritte-ui-form-helper": "2.1.10",
36
- "@hh.ru/magritte-ui-icon": "14.2.7",
37
- "@hh.ru/magritte-ui-input": "9.4.24",
34
+ "@hh.ru/magritte-ui-chips": "7.0.18",
35
+ "@hh.ru/magritte-ui-form-helper": "2.1.11",
36
+ "@hh.ru/magritte-ui-icon": "14.2.8",
37
+ "@hh.ru/magritte-ui-input": "9.4.25",
38
38
  "@hh.ru/magritte-ui-mock-component": "1.1.7",
39
39
  "@hh.ru/magritte-ui-scrollbar": "1.0.26"
40
40
  },
41
- "gitHead": "8f3d9128b3717d8176cb8fcecc75a8e8584df3cb"
41
+ "gitHead": "fa01b9128d8cb502e80c61cd964d7a8a3a279957"
42
42
  }