@hh.ru/magritte-ui-chips-trigger 3.4.1 → 3.4.2

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 +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_3-4-1","focused":"magritte-focused___0Uzyu_3-4-1","invalid":"magritte-invalid___tVzQV_3-4-1","disabled":"magritte-disabled___UeqcV_3-4-1","label":"magritte-label___j7Trt_3-4-1","focus-visible":"magritte-focus-visible___ifvAP_3-4-1","focusVisible":"magritte-focus-visible___ifvAP_3-4-1","large":"magritte-large___JIrIy_3-4-1","field":"magritte-field___rlEmn_3-4-1","icon":"magritte-icon___fDMiz_3-4-1","scrollable-area":"magritte-scrollable-area___-xMF2_3-4-1","scrollableArea":"magritte-scrollable-area___-xMF2_3-4-1","medium":"magritte-medium___Xk-XB_3-4-1","chips-and-input":"magritte-chips-and-input___qg-Ba_3-4-1","chipsAndInput":"magritte-chips-and-input___qg-Ba_3-4-1","field-input":"magritte-field-input___04Cag_3-4-1","fieldInput":"magritte-field-input___04Cag_3-4-1","label-wrapper":"magritte-label-wrapper___De7Bm_3-4-1","labelWrapper":"magritte-label-wrapper___De7Bm_3-4-1","icon_expanded":"magritte-icon_expanded___RaOT-_3-4-1","iconExpanded":"magritte-icon_expanded___RaOT-_3-4-1","custom-chip-wrapper":"magritte-custom-chip-wrapper___a9kJ6_3-4-1","customChipWrapper":"magritte-custom-chip-wrapper___a9kJ6_3-4-1"};
13
+ var styles = {"root":"magritte-root___-zVdz_3-4-2","focused":"magritte-focused___0Uzyu_3-4-2","invalid":"magritte-invalid___tVzQV_3-4-2","disabled":"magritte-disabled___UeqcV_3-4-2","label":"magritte-label___j7Trt_3-4-2","focus-visible":"magritte-focus-visible___ifvAP_3-4-2","focusVisible":"magritte-focus-visible___ifvAP_3-4-2","large":"magritte-large___JIrIy_3-4-2","field":"magritte-field___rlEmn_3-4-2","icon":"magritte-icon___fDMiz_3-4-2","scrollable-area":"magritte-scrollable-area___-xMF2_3-4-2","scrollableArea":"magritte-scrollable-area___-xMF2_3-4-2","medium":"magritte-medium___Xk-XB_3-4-2","chips-and-input":"magritte-chips-and-input___qg-Ba_3-4-2","chipsAndInput":"magritte-chips-and-input___qg-Ba_3-4-2","field-input":"magritte-field-input___04Cag_3-4-2","fieldInput":"magritte-field-input___04Cag_3-4-2","label-wrapper":"magritte-label-wrapper___De7Bm_3-4-2","labelWrapper":"magritte-label-wrapper___De7Bm_3-4-2","icon_expanded":"magritte-icon_expanded___RaOT-_3-4-2","iconExpanded":"magritte-icon_expanded___RaOT-_3-4-2","custom-chip-wrapper":"magritte-custom-chip-wrapper___a9kJ6_3-4-2","customChipWrapper":"magritte-custom-chip-wrapper___a9kJ6_3-4-2"};
14
14
 
15
15
  const focusOnLastChip = (event, chipsContainer, input) => {
16
16
  if (!chipsContainer || !input) {
package/index.css CHANGED
@@ -70,7 +70,7 @@
70
70
  --magritte-color-component-input-chips-background-state-neutral-disable-v22-0-0:#1B1B1B;
71
71
  --magritte-color-component-input-chips-text-state-neutral-disable-v22-0-0:#474747;
72
72
  }
73
- .magritte-root___-zVdz_3-4-1{
73
+ .magritte-root___-zVdz_3-4-2{
74
74
  display:inline-flex;
75
75
  position:relative;
76
76
  width:100%;
@@ -85,106 +85,106 @@
85
85
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-chevron-v22-0-0);
86
86
  }
87
87
  @media (min-width: 1020px){
88
- body.magritte-old-layout .magritte-root___-zVdz_3-4-1:not(.magritte-focused___0Uzyu_3-4-1):not(.magritte-invalid___tVzQV_3-4-1):not(.magritte-disabled___UeqcV_3-4-1):hover{
88
+ body.magritte-old-layout .magritte-root___-zVdz_3-4-2:not(.magritte-focused___0Uzyu_3-4-2):not(.magritte-invalid___tVzQV_3-4-2):not(.magritte-disabled___UeqcV_3-4-2):hover{
89
89
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v22-0-0);
90
90
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v22-0-0);
91
91
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-hovered-v22-0-0);
92
92
  }
93
- body.magritte-old-layout .magritte-root___-zVdz_3-4-1:not(.magritte-focused___0Uzyu_3-4-1):not(.magritte-invalid___tVzQV_3-4-1):not(.magritte-disabled___UeqcV_3-4-1):hover .magritte-label___j7Trt_3-4-1{
93
+ body.magritte-old-layout .magritte-root___-zVdz_3-4-2:not(.magritte-focused___0Uzyu_3-4-2):not(.magritte-invalid___tVzQV_3-4-2):not(.magritte-disabled___UeqcV_3-4-2):hover .magritte-label___j7Trt_3-4-2{
94
94
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v22-0-0);
95
95
  }
96
96
  }
97
97
  @media (min-width: 1024px){
98
- body:not(.magritte-old-layout) .magritte-root___-zVdz_3-4-1:not(.magritte-focused___0Uzyu_3-4-1):not(.magritte-invalid___tVzQV_3-4-1):not(.magritte-disabled___UeqcV_3-4-1):hover{
98
+ body:not(.magritte-old-layout) .magritte-root___-zVdz_3-4-2:not(.magritte-focused___0Uzyu_3-4-2):not(.magritte-invalid___tVzQV_3-4-2):not(.magritte-disabled___UeqcV_3-4-2):hover{
99
99
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v22-0-0);
100
100
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v22-0-0);
101
101
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-hovered-v22-0-0);
102
102
  }
103
- body:not(.magritte-old-layout) .magritte-root___-zVdz_3-4-1:not(.magritte-focused___0Uzyu_3-4-1):not(.magritte-invalid___tVzQV_3-4-1):not(.magritte-disabled___UeqcV_3-4-1):hover .magritte-label___j7Trt_3-4-1{
103
+ body:not(.magritte-old-layout) .magritte-root___-zVdz_3-4-2:not(.magritte-focused___0Uzyu_3-4-2):not(.magritte-invalid___tVzQV_3-4-2):not(.magritte-disabled___UeqcV_3-4-2):hover .magritte-label___j7Trt_3-4-2{
104
104
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v22-0-0);
105
105
  }
106
106
  }
107
- .magritte-root___-zVdz_3-4-1:not(.magritte-disabled___UeqcV_3-4-1){
107
+ .magritte-root___-zVdz_3-4-2:not(.magritte-disabled___UeqcV_3-4-2){
108
108
  cursor:text;
109
109
  }
110
- .magritte-root___-zVdz_3-4-1.magritte-focused___0Uzyu_3-4-1{
110
+ .magritte-root___-zVdz_3-4-2.magritte-focused___0Uzyu_3-4-2{
111
111
  background-color:var(--magritte-color-component-input-background-state-field-focused-v22-0-0);
112
112
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v22-0-0);
113
113
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-focused-v22-0-0);
114
114
  }
115
- .magritte-root___-zVdz_3-4-1.magritte-focused___0Uzyu_3-4-1 .magritte-label___j7Trt_3-4-1{
115
+ .magritte-root___-zVdz_3-4-2.magritte-focused___0Uzyu_3-4-2 .magritte-label___j7Trt_3-4-2{
116
116
  color:var(--magritte-color-component-input-text-state-placeholder-focused-v22-0-0);
117
117
  }
118
- .magritte-root___-zVdz_3-4-1.magritte-invalid___tVzQV_3-4-1{
118
+ .magritte-root___-zVdz_3-4-2.magritte-invalid___tVzQV_3-4-2{
119
119
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v22-0-0);
120
120
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v22-0-0);
121
121
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-invalid-v22-0-0);
122
122
  }
123
- .magritte-root___-zVdz_3-4-1.magritte-invalid___tVzQV_3-4-1 .magritte-label___j7Trt_3-4-1{
123
+ .magritte-root___-zVdz_3-4-2.magritte-invalid___tVzQV_3-4-2 .magritte-label___j7Trt_3-4-2{
124
124
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v22-0-0);
125
125
  }
126
- .magritte-root___-zVdz_3-4-1.magritte-disabled___UeqcV_3-4-1{
126
+ .magritte-root___-zVdz_3-4-2.magritte-disabled___UeqcV_3-4-2{
127
127
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v22-0-0);
128
128
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v22-0-0);
129
129
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-disabled-v22-0-0);
130
130
  --magritte-ui-chip-text-color-override:var(--magritte-color-component-input-chips-text-state-neutral-disable-v22-0-0);
131
131
  --magritte-ui-chip-background-color-override:var(--magritte-color-component-input-chips-background-state-neutral-disable-v22-0-0);
132
132
  }
133
- .magritte-root___-zVdz_3-4-1.magritte-disabled___UeqcV_3-4-1 .magritte-label___j7Trt_3-4-1{
133
+ .magritte-root___-zVdz_3-4-2.magritte-disabled___UeqcV_3-4-2 .magritte-label___j7Trt_3-4-2{
134
134
  color:var(--magritte-color-component-input-text-state-placeholder-disabled-v22-0-0);
135
135
  }
136
- .magritte-root___-zVdz_3-4-1.magritte-focus-visible___ifvAP_3-4-1{
136
+ .magritte-root___-zVdz_3-4-2.magritte-focus-visible___ifvAP_3-4-2{
137
137
  outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v22-0-0) solid 4px;
138
138
  }
139
- .magritte-root___-zVdz_3-4-1.magritte-focus-visible___ifvAP_3-4-1.magritte-invalid___tVzQV_3-4-1{
139
+ .magritte-root___-zVdz_3-4-2.magritte-focus-visible___ifvAP_3-4-2.magritte-invalid___tVzQV_3-4-2{
140
140
  outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v22-0-0);
141
141
  }
142
- .magritte-large___JIrIy_3-4-1{
142
+ .magritte-large___JIrIy_3-4-2{
143
143
  padding-left:var(--magritte-static-space-300-v22-0-0);
144
144
  padding-top:var(--magritte-static-space-300-v22-0-0);
145
145
  padding-bottom:var(--magritte-static-space-300-v22-0-0);
146
146
  padding-right:var(--magritte-static-space-50-v22-0-0);
147
147
  }
148
- .magritte-large___JIrIy_3-4-1 .magritte-field___rlEmn_3-4-1{
148
+ .magritte-large___JIrIy_3-4-2 .magritte-field___rlEmn_3-4-2{
149
149
  margin-left:var(--magritte-static-space-100-v22-0-0);
150
150
  }
151
- .magritte-large___JIrIy_3-4-1 .magritte-icon___fDMiz_3-4-1{
151
+ .magritte-large___JIrIy_3-4-2 .magritte-icon___fDMiz_3-4-2{
152
152
  top:var(--magritte-static-space-300-v22-0-0);
153
153
  right:var(--magritte-static-space-400-v22-0-0);
154
154
  }
155
- .magritte-large___JIrIy_3-4-1 .magritte-scrollable-area___-xMF2_3-4-1{
155
+ .magritte-large___JIrIy_3-4-2 .magritte-scrollable-area___-xMF2_3-4-2{
156
156
  padding-right:calc(24px + var(--magritte-static-space-250-v22-0-0) + var(--magritte-static-space-300-v22-0-0));
157
157
  }
158
- .magritte-medium___Xk-XB_3-4-1{
158
+ .magritte-medium___Xk-XB_3-4-2{
159
159
  padding-left:var(--magritte-static-space-200-v22-0-0);
160
160
  padding-top:var(--magritte-static-space-200-v22-0-0);
161
161
  padding-bottom:var(--magritte-static-space-200-v22-0-0);
162
162
  padding-right:var(--magritte-static-space-50-v22-0-0);
163
163
  }
164
- .magritte-medium___Xk-XB_3-4-1 .magritte-field___rlEmn_3-4-1{
164
+ .magritte-medium___Xk-XB_3-4-2 .magritte-field___rlEmn_3-4-2{
165
165
  margin-left:var(--magritte-static-space-200-v22-0-0);
166
166
  }
167
- .magritte-medium___Xk-XB_3-4-1 .magritte-icon___fDMiz_3-4-1{
167
+ .magritte-medium___Xk-XB_3-4-2 .magritte-icon___fDMiz_3-4-2{
168
168
  top:var(--magritte-static-space-200-v22-0-0);
169
169
  right:var(--magritte-static-space-300-v22-0-0);
170
170
  }
171
- .magritte-medium___Xk-XB_3-4-1 .magritte-scrollable-area___-xMF2_3-4-1{
171
+ .magritte-medium___Xk-XB_3-4-2 .magritte-scrollable-area___-xMF2_3-4-2{
172
172
  padding-right:calc(24px + var(--magritte-static-space-150-v22-0-0) + var(--magritte-static-space-300-v22-0-0));
173
173
  }
174
- .magritte-scrollable-area___-xMF2_3-4-1{
174
+ .magritte-scrollable-area___-xMF2_3-4-2{
175
175
  display:flex;
176
176
  align-items:flex-start;
177
177
  overflow-y:auto;
178
178
  width:100%;
179
179
  }
180
- .magritte-chips-and-input___qg-Ba_3-4-1{
180
+ .magritte-chips-and-input___qg-Ba_3-4-2{
181
181
  display:flex;
182
182
  gap:6px;
183
183
  flex-wrap:wrap;
184
184
  align-items:center;
185
185
  width:100%;
186
186
  }
187
- .magritte-field___rlEmn_3-4-1{
187
+ .magritte-field___rlEmn_3-4-2{
188
188
  display:flex;
189
189
  align-items:center;
190
190
  position:relative;
@@ -200,26 +200,26 @@
200
200
  text-transform:var(--magritte-typography-label-2-regular-text-transform-v22-0-0);
201
201
  text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v22-0-0);
202
202
  }
203
- .magritte-field-input___04Cag_3-4-1{
203
+ .magritte-field-input___04Cag_3-4-2{
204
204
  border:0;
205
205
  padding:0;
206
206
  background:none;
207
207
  outline:none;
208
208
  width:100%;
209
209
  }
210
- .magritte-label-wrapper___De7Bm_3-4-1{
210
+ .magritte-label-wrapper___De7Bm_3-4-2{
211
211
  display:flex;
212
212
  align-items:center;
213
213
  position:absolute;
214
214
  height:100%;
215
215
  inset:0;
216
216
  }
217
- .magritte-label___j7Trt_3-4-1{
217
+ .magritte-label___j7Trt_3-4-2{
218
218
  color:var(--magritte-color-component-input-text-placeholder-v22-0-0);
219
219
  overflow:hidden;
220
220
  text-overflow:ellipsis;
221
221
  }
222
- .magritte-icon___fDMiz_3-4-1{
222
+ .magritte-icon___fDMiz_3-4-2{
223
223
  display:inline-flex;
224
224
  margin-left:auto;
225
225
  padding:var(--magritte-static-space-100-v22-0-0) 0;
@@ -228,10 +228,10 @@
228
228
  transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v22-0-0);
229
229
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v22-0-0);
230
230
  }
231
- .magritte-icon_expanded___RaOT-_3-4-1{
231
+ .magritte-icon_expanded___RaOT-_3-4-2{
232
232
  transform:rotate(-180deg);
233
233
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-focused-v22-0-0);
234
234
  }
235
- .magritte-custom-chip-wrapper___a9kJ6_3-4-1{
235
+ .magritte-custom-chip-wrapper___a9kJ6_3-4-2{
236
236
  display:inline-flex;
237
237
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-chips-trigger",
3
- "version": "3.4.1",
3
+ "version": "3.4.2",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -29,12 +29,12 @@
29
29
  "@hh.ru/magritte-common-keyboard": "4.1.2",
30
30
  "@hh.ru/magritte-common-use-multiple-refs": "1.1.7",
31
31
  "@hh.ru/magritte-ui-breakpoint": "5.0.3",
32
- "@hh.ru/magritte-ui-chips": "5.4.24",
32
+ "@hh.ru/magritte-ui-chips": "5.4.25",
33
33
  "@hh.ru/magritte-ui-form-helper": "1.0.42",
34
- "@hh.ru/magritte-ui-icon": "11.0.14",
35
- "@hh.ru/magritte-ui-input": "8.0.0",
34
+ "@hh.ru/magritte-ui-icon": "11.1.0",
35
+ "@hh.ru/magritte-ui-input": "8.0.1",
36
36
  "@hh.ru/magritte-ui-mock-component": "1.1.4",
37
37
  "@hh.ru/magritte-ui-theme-provider": "1.1.51"
38
38
  },
39
- "gitHead": "52463f1d519348dca8eb38014a272f152a30b42e"
39
+ "gitHead": "5b83b8f36a1aa79857e35ef038d9d32abef39be0"
40
40
  }