@hh.ru/magritte-ui-chips-trigger 2.0.1 → 2.0.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 +26 -26
  3. package/package.json +3 -3
package/ChipsTrigger.js CHANGED
@@ -9,7 +9,7 @@ import { FormHelper } from '@hh.ru/magritte-ui-form-helper';
9
9
  import { ChevronDownOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
10
10
  import { useFocus } from '@hh.ru/magritte-ui-input/useFocus';
11
11
 
12
- var styles = {"root":"magritte-root___-zVdz_2-0-1","focused":"magritte-focused___0Uzyu_2-0-1","invalid":"magritte-invalid___tVzQV_2-0-1","disabled":"magritte-disabled___UeqcV_2-0-1","field":"magritte-field___rlEmn_2-0-1","focus-visible":"magritte-focus-visible___ifvAP_2-0-1","focusVisible":"magritte-focus-visible___ifvAP_2-0-1","large":"magritte-large___JIrIy_2-0-1","icon":"magritte-icon___fDMiz_2-0-1","medium":"magritte-medium___Xk-XB_2-0-1","scrollable-area":"magritte-scrollable-area___-xMF2_2-0-1","scrollableArea":"magritte-scrollable-area___-xMF2_2-0-1","chips-and-input":"magritte-chips-and-input___qg-Ba_2-0-1","chipsAndInput":"magritte-chips-and-input___qg-Ba_2-0-1","icon_expanded":"magritte-icon_expanded___RaOT-_2-0-1","iconExpanded":"magritte-icon_expanded___RaOT-_2-0-1"};
12
+ var styles = {"root":"magritte-root___-zVdz_2-0-2","focused":"magritte-focused___0Uzyu_2-0-2","invalid":"magritte-invalid___tVzQV_2-0-2","disabled":"magritte-disabled___UeqcV_2-0-2","field":"magritte-field___rlEmn_2-0-2","focus-visible":"magritte-focus-visible___ifvAP_2-0-2","focusVisible":"magritte-focus-visible___ifvAP_2-0-2","large":"magritte-large___JIrIy_2-0-2","icon":"magritte-icon___fDMiz_2-0-2","medium":"magritte-medium___Xk-XB_2-0-2","scrollable-area":"magritte-scrollable-area___-xMF2_2-0-2","scrollableArea":"magritte-scrollable-area___-xMF2_2-0-2","chips-and-input":"magritte-chips-and-input___qg-Ba_2-0-2","chipsAndInput":"magritte-chips-and-input___qg-Ba_2-0-2","icon_expanded":"magritte-icon_expanded___RaOT-_2-0-2","iconExpanded":"magritte-icon_expanded___RaOT-_2-0-2"};
13
13
 
14
14
  const focusOnLastChip = (event, chipsContainer, input) => {
15
15
  if (!chipsContainer || !input) {
package/index.css CHANGED
@@ -67,7 +67,7 @@
67
67
  --magritte-color-component-input-chips-background-state-neutral-disable-v19-1-0:#1B1B1B;
68
68
  --magritte-color-component-input-chips-text-state-neutral-disable-v19-1-0:#474747;
69
69
  }
70
- .magritte-root___-zVdz_2-0-1{
70
+ .magritte-root___-zVdz_2-0-2{
71
71
  display:inline-flex;
72
72
  position:relative;
73
73
  width:100%;
@@ -82,88 +82,88 @@
82
82
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-chevron-v19-1-0);
83
83
  }
84
84
  @media (min-width: 1020px){
85
- body.magritte-old-layout .magritte-root___-zVdz_2-0-1:not(.magritte-focused___0Uzyu_2-0-1):not(.magritte-invalid___tVzQV_2-0-1):not(.magritte-disabled___UeqcV_2-0-1):hover{
85
+ body.magritte-old-layout .magritte-root___-zVdz_2-0-2:not(.magritte-focused___0Uzyu_2-0-2):not(.magritte-invalid___tVzQV_2-0-2):not(.magritte-disabled___UeqcV_2-0-2):hover{
86
86
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v19-1-0);
87
87
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v19-1-0);
88
88
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-hovered-v19-1-0);
89
89
  }
90
- body.magritte-old-layout .magritte-root___-zVdz_2-0-1:not(.magritte-focused___0Uzyu_2-0-1):not(.magritte-invalid___tVzQV_2-0-1):not(.magritte-disabled___UeqcV_2-0-1):hover .magritte-field___rlEmn_2-0-1::placeholder{
90
+ body.magritte-old-layout .magritte-root___-zVdz_2-0-2:not(.magritte-focused___0Uzyu_2-0-2):not(.magritte-invalid___tVzQV_2-0-2):not(.magritte-disabled___UeqcV_2-0-2):hover .magritte-field___rlEmn_2-0-2::placeholder{
91
91
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v19-1-0);
92
92
  }
93
93
  }
94
94
  @media (min-width: 1024px){
95
- body:not(.magritte-old-layout) .magritte-root___-zVdz_2-0-1:not(.magritte-focused___0Uzyu_2-0-1):not(.magritte-invalid___tVzQV_2-0-1):not(.magritte-disabled___UeqcV_2-0-1):hover{
95
+ body:not(.magritte-old-layout) .magritte-root___-zVdz_2-0-2:not(.magritte-focused___0Uzyu_2-0-2):not(.magritte-invalid___tVzQV_2-0-2):not(.magritte-disabled___UeqcV_2-0-2):hover{
96
96
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v19-1-0);
97
97
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v19-1-0);
98
98
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-hovered-v19-1-0);
99
99
  }
100
- body:not(.magritte-old-layout) .magritte-root___-zVdz_2-0-1:not(.magritte-focused___0Uzyu_2-0-1):not(.magritte-invalid___tVzQV_2-0-1):not(.magritte-disabled___UeqcV_2-0-1):hover .magritte-field___rlEmn_2-0-1::placeholder{
100
+ body:not(.magritte-old-layout) .magritte-root___-zVdz_2-0-2:not(.magritte-focused___0Uzyu_2-0-2):not(.magritte-invalid___tVzQV_2-0-2):not(.magritte-disabled___UeqcV_2-0-2):hover .magritte-field___rlEmn_2-0-2::placeholder{
101
101
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v19-1-0);
102
102
  }
103
103
  }
104
- .magritte-root___-zVdz_2-0-1:not(.magritte-disabled___UeqcV_2-0-1){
104
+ .magritte-root___-zVdz_2-0-2:not(.magritte-disabled___UeqcV_2-0-2){
105
105
  cursor:text;
106
106
  }
107
- .magritte-root___-zVdz_2-0-1.magritte-focused___0Uzyu_2-0-1{
107
+ .magritte-root___-zVdz_2-0-2.magritte-focused___0Uzyu_2-0-2{
108
108
  background-color:var(--magritte-color-component-input-background-state-field-focused-v19-1-0);
109
109
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v19-1-0);
110
110
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-focused-v19-1-0);
111
111
  }
112
- .magritte-root___-zVdz_2-0-1.magritte-focused___0Uzyu_2-0-1 .magritte-field___rlEmn_2-0-1::placeholder{
112
+ .magritte-root___-zVdz_2-0-2.magritte-focused___0Uzyu_2-0-2 .magritte-field___rlEmn_2-0-2::placeholder{
113
113
  color:var(--magritte-color-component-input-text-state-placeholder-focused-v19-1-0);
114
114
  }
115
- .magritte-root___-zVdz_2-0-1.magritte-invalid___tVzQV_2-0-1{
115
+ .magritte-root___-zVdz_2-0-2.magritte-invalid___tVzQV_2-0-2{
116
116
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v19-1-0);
117
117
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v19-1-0);
118
118
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-invalid-v19-1-0);
119
119
  }
120
- .magritte-root___-zVdz_2-0-1.magritte-invalid___tVzQV_2-0-1 .magritte-field___rlEmn_2-0-1::placeholder{
120
+ .magritte-root___-zVdz_2-0-2.magritte-invalid___tVzQV_2-0-2 .magritte-field___rlEmn_2-0-2::placeholder{
121
121
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v19-1-0);
122
122
  }
123
- .magritte-root___-zVdz_2-0-1.magritte-disabled___UeqcV_2-0-1{
123
+ .magritte-root___-zVdz_2-0-2.magritte-disabled___UeqcV_2-0-2{
124
124
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v19-1-0);
125
125
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v19-1-0);
126
126
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-disabled-v19-1-0);
127
127
  --magritte-ui-chip-text-color-override:var(--magritte-color-component-input-chips-text-state-neutral-disable-v19-1-0);
128
128
  --magritte-ui-chip-background-color-override:var(--magritte-color-component-input-chips-background-state-neutral-disable-v19-1-0);
129
129
  }
130
- .magritte-root___-zVdz_2-0-1.magritte-disabled___UeqcV_2-0-1 .magritte-field___rlEmn_2-0-1::placeholder{
130
+ .magritte-root___-zVdz_2-0-2.magritte-disabled___UeqcV_2-0-2 .magritte-field___rlEmn_2-0-2::placeholder{
131
131
  color:var(--magritte-color-component-input-text-state-placeholder-disabled-v19-1-0);
132
132
  }
133
- .magritte-root___-zVdz_2-0-1.magritte-focus-visible___ifvAP_2-0-1{
133
+ .magritte-root___-zVdz_2-0-2.magritte-focus-visible___ifvAP_2-0-2{
134
134
  outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v19-1-0) solid 4px;
135
135
  }
136
- .magritte-root___-zVdz_2-0-1.magritte-focus-visible___ifvAP_2-0-1.magritte-invalid___tVzQV_2-0-1{
136
+ .magritte-root___-zVdz_2-0-2.magritte-focus-visible___ifvAP_2-0-2.magritte-invalid___tVzQV_2-0-2{
137
137
  outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v19-1-0);
138
138
  }
139
- .magritte-large___JIrIy_2-0-1{
139
+ .magritte-large___JIrIy_2-0-2{
140
140
  padding:var(--magritte-static-space-300-v19-1-0);
141
141
  }
142
- .magritte-large___JIrIy_2-0-1 .magritte-field___rlEmn_2-0-1{
142
+ .magritte-large___JIrIy_2-0-2 .magritte-field___rlEmn_2-0-2{
143
143
  padding-left:var(--magritte-static-space-100-v19-1-0);
144
144
  }
145
- .magritte-large___JIrIy_2-0-1 .magritte-icon___fDMiz_2-0-1{
145
+ .magritte-large___JIrIy_2-0-2 .magritte-icon___fDMiz_2-0-2{
146
146
  top:var(--magritte-static-space-300-v19-1-0);
147
147
  right:var(--magritte-static-space-400-v19-1-0);
148
148
  }
149
- .magritte-medium___Xk-XB_2-0-1{
149
+ .magritte-medium___Xk-XB_2-0-2{
150
150
  padding:var(--magritte-static-space-200-v19-1-0);
151
151
  }
152
- .magritte-medium___Xk-XB_2-0-1 .magritte-field___rlEmn_2-0-1{
152
+ .magritte-medium___Xk-XB_2-0-2 .magritte-field___rlEmn_2-0-2{
153
153
  padding-left:var(--magritte-static-space-100-v19-1-0);
154
154
  }
155
- .magritte-medium___Xk-XB_2-0-1 .magritte-icon___fDMiz_2-0-1{
155
+ .magritte-medium___Xk-XB_2-0-2 .magritte-icon___fDMiz_2-0-2{
156
156
  top:var(--magritte-static-space-200-v19-1-0);
157
157
  right:var(--magritte-static-space-300-v19-1-0);
158
158
  }
159
- .magritte-scrollable-area___-xMF2_2-0-1{
159
+ .magritte-scrollable-area___-xMF2_2-0-2{
160
160
  display:flex;
161
161
  align-items:flex-start;
162
162
  overflow-y:auto;
163
163
  width:100%;
164
164
  padding-right:24px;
165
165
  }
166
- .magritte-chips-and-input___qg-Ba_2-0-1{
166
+ .magritte-chips-and-input___qg-Ba_2-0-2{
167
167
  display:flex;
168
168
  gap:6px;
169
169
  flex-wrap:wrap;
@@ -171,7 +171,7 @@
171
171
  width:100%;
172
172
  margin-right:var(--magritte-static-space-300-v19-1-0);
173
173
  }
174
- .magritte-field___rlEmn_2-0-1{
174
+ .magritte-field___rlEmn_2-0-2{
175
175
  border:0;
176
176
  background:none;
177
177
  flex-grow:1;
@@ -187,10 +187,10 @@
187
187
  text-transform:var(--magritte-typography-label-2-regular-text-transform-v19-1-0);
188
188
  text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v19-1-0);
189
189
  }
190
- .magritte-field___rlEmn_2-0-1::placeholder{
190
+ .magritte-field___rlEmn_2-0-2::placeholder{
191
191
  color:var(--magritte-color-component-input-text-placeholder-v19-1-0);
192
192
  }
193
- .magritte-icon___fDMiz_2-0-1{
193
+ .magritte-icon___fDMiz_2-0-2{
194
194
  display:inline-flex;
195
195
  margin-left:auto;
196
196
  padding:var(--magritte-static-space-100-v19-1-0) 0;
@@ -199,7 +199,7 @@
199
199
  transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v19-1-0);
200
200
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v19-1-0);
201
201
  }
202
- .magritte-icon_expanded___RaOT-_2-0-1{
202
+ .magritte-icon_expanded___RaOT-_2-0-2{
203
203
  transform:rotate(-180deg);
204
204
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-focused-v19-1-0);
205
205
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-chips-trigger",
3
- "version": "2.0.1",
3
+ "version": "2.0.2",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -32,7 +32,7 @@
32
32
  "@hh.ru/magritte-ui-chips": "5.2.16",
33
33
  "@hh.ru/magritte-ui-form-helper": "1.0.10",
34
34
  "@hh.ru/magritte-ui-icon": "7.9.0",
35
- "@hh.ru/magritte-ui-input": "6.0.16"
35
+ "@hh.ru/magritte-ui-input": "7.0.0"
36
36
  },
37
- "gitHead": "28f0047131e30b5dffcde531d862e0a8159a7bf2"
37
+ "gitHead": "6f1beca9a238c607cf3ff855bc8c013d64e69640"
38
38
  }