@hh.ru/magritte-ui-chips-trigger 2.0.2 → 2.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 +142 -142
  3. package/package.json +6 -6
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-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"};
12
+ var styles = {"root":"magritte-root___-zVdz_2-0-3","focused":"magritte-focused___0Uzyu_2-0-3","invalid":"magritte-invalid___tVzQV_2-0-3","disabled":"magritte-disabled___UeqcV_2-0-3","field":"magritte-field___rlEmn_2-0-3","focus-visible":"magritte-focus-visible___ifvAP_2-0-3","focusVisible":"magritte-focus-visible___ifvAP_2-0-3","large":"magritte-large___JIrIy_2-0-3","icon":"magritte-icon___fDMiz_2-0-3","medium":"magritte-medium___Xk-XB_2-0-3","scrollable-area":"magritte-scrollable-area___-xMF2_2-0-3","scrollableArea":"magritte-scrollable-area___-xMF2_2-0-3","chips-and-input":"magritte-chips-and-input___qg-Ba_2-0-3","chipsAndInput":"magritte-chips-and-input___qg-Ba_2-0-3","icon_expanded":"magritte-icon_expanded___RaOT-_2-0-3","iconExpanded":"magritte-icon_expanded___RaOT-_2-0-3"};
13
13
 
14
14
  const focusOnLastChip = (event, chipsContainer, input) => {
15
15
  if (!chipsContainer || !input) {
package/index.css CHANGED
@@ -1,73 +1,73 @@
1
1
  :root{
2
- --magritte-color-component-input-stroke-state-field-hovered-v19-1-0:#CCD5DF;
3
- --magritte-color-component-input-stroke-state-field-focused-v19-1-0:#0070ff;
4
- --magritte-color-component-input-stroke-state-accent-focused-accessible-v19-1-0:#0070ff7a;
5
- --magritte-color-component-input-stroke-state-field-invalid-v19-1-0:#ff4d3a;
6
- --magritte-color-component-input-stroke-state-negative-focused-accessible-v19-1-0:#ff4d3a7a;
7
- --magritte-color-component-input-stroke-state-field-disabled-v19-1-0:#EEF1F7;
8
- --magritte-color-component-input-background-field-v19-1-0:#ffffff;
9
- --magritte-color-component-input-background-state-field-hovered-v19-1-0:#ffffff;
10
- --magritte-color-component-input-background-state-field-focused-v19-1-0:#ffffff;
11
- --magritte-color-component-input-background-state-field-invalid-v19-1-0:#ffffff;
12
- --magritte-color-component-input-background-state-field-disabled-v19-1-0:#F4F6FB;
13
- --magritte-color-component-input-stroke-field-v19-1-0:#DCE3EB;
14
- --magritte-color-component-input-text-state-placeholder-disabled-v19-1-0:#AABBCA;
15
- --magritte-color-component-input-text-state-placeholder-hovered-v19-1-0:#768694;
16
- --magritte-color-component-input-text-state-placeholder-focused-v19-1-0:#AABBCA;
17
- --magritte-color-component-input-text-state-placeholder-invalid-v19-1-0:#AABBCA;
18
- --magritte-color-component-input-icon-chevron-v19-1-0:#AABBCA;
19
- --magritte-color-component-input-icon-state-chevron-focused-v19-1-0:#000000;
20
- --magritte-color-component-input-icon-state-chevron-hovered-v19-1-0:#6a7885;
21
- --magritte-color-component-input-icon-state-chevron-disabled-v19-1-0:#AABBCA;
22
- --magritte-color-component-input-icon-state-chevron-invalid-v19-1-0:#AABBCA;
23
- --magritte-color-component-input-text-placeholder-v19-1-0:#AABBCA;
24
- --magritte-color-component-input-chips-background-state-neutral-disable-v19-1-0:#DCE3EB;
25
- --magritte-color-component-input-chips-text-state-neutral-disable-v19-1-0:#96aabb;
2
+ --magritte-color-component-input-stroke-state-field-hovered-v19-1-1:#CCD5DF;
3
+ --magritte-color-component-input-stroke-state-field-focused-v19-1-1:#0070ff;
4
+ --magritte-color-component-input-stroke-state-accent-focused-accessible-v19-1-1:#0070ff7a;
5
+ --magritte-color-component-input-stroke-state-field-invalid-v19-1-1:#ff4d3a;
6
+ --magritte-color-component-input-stroke-state-negative-focused-accessible-v19-1-1:#ff4d3a7a;
7
+ --magritte-color-component-input-stroke-state-field-disabled-v19-1-1:#EEF1F7;
8
+ --magritte-color-component-input-background-field-v19-1-1:#ffffff;
9
+ --magritte-color-component-input-background-state-field-hovered-v19-1-1:#ffffff;
10
+ --magritte-color-component-input-background-state-field-focused-v19-1-1:#ffffff;
11
+ --magritte-color-component-input-background-state-field-invalid-v19-1-1:#ffffff;
12
+ --magritte-color-component-input-background-state-field-disabled-v19-1-1:#F4F6FB;
13
+ --magritte-color-component-input-stroke-field-v19-1-1:#DCE3EB;
14
+ --magritte-color-component-input-text-state-placeholder-disabled-v19-1-1:#AABBCA;
15
+ --magritte-color-component-input-text-state-placeholder-hovered-v19-1-1:#768694;
16
+ --magritte-color-component-input-text-state-placeholder-focused-v19-1-1:#AABBCA;
17
+ --magritte-color-component-input-text-state-placeholder-invalid-v19-1-1:#AABBCA;
18
+ --magritte-color-component-input-icon-chevron-v19-1-1:#AABBCA;
19
+ --magritte-color-component-input-icon-state-chevron-focused-v19-1-1:#000000;
20
+ --magritte-color-component-input-icon-state-chevron-hovered-v19-1-1:#6a7885;
21
+ --magritte-color-component-input-icon-state-chevron-disabled-v19-1-1:#AABBCA;
22
+ --magritte-color-component-input-icon-state-chevron-invalid-v19-1-1:#AABBCA;
23
+ --magritte-color-component-input-text-placeholder-v19-1-1:#AABBCA;
24
+ --magritte-color-component-input-chips-background-state-neutral-disable-v19-1-1:#DCE3EB;
25
+ --magritte-color-component-input-chips-text-state-neutral-disable-v19-1-1:#96aabb;
26
26
  }
27
27
  :root{
28
- --magritte-typography-label-2-regular-font-family-v19-1-0:"Inter";
29
- --magritte-typography-label-2-regular-font-weight-v19-1-0:400;
30
- --magritte-typography-label-2-regular-line-height-v19-1-0:22px;
31
- --magritte-typography-label-2-regular-font-size-v19-1-0:16px;
32
- --magritte-typography-label-2-regular-letter-spacing-v19-1-0:0em;
33
- --magritte-typography-label-2-regular-text-indent-v19-1-0:0px;
34
- --magritte-typography-label-2-regular-text-transform-v19-1-0:none;
35
- --magritte-typography-label-2-regular-text-decoration-v19-1-0:none;
36
- --magritte-semantic-animation-ease-in-out-100-timing-function-v19-1-0:cubic-bezier(0.25, 0.1, 0.25, 1);
37
- --magritte-semantic-animation-ease-in-out-100-duration-v19-1-0:100ms;
38
- --magritte-static-space-100-v19-1-0:4px;
39
- --magritte-static-space-200-v19-1-0:8px;
40
- --magritte-static-space-300-v19-1-0:12px;
41
- --magritte-static-space-400-v19-1-0:16px;
42
- --magritte-core-border-radius-3-x-v19-1-0:12px;
28
+ --magritte-typography-label-2-regular-font-family-v19-1-1:"Inter";
29
+ --magritte-typography-label-2-regular-font-weight-v19-1-1:400;
30
+ --magritte-typography-label-2-regular-line-height-v19-1-1:22px;
31
+ --magritte-typography-label-2-regular-font-size-v19-1-1:16px;
32
+ --magritte-typography-label-2-regular-letter-spacing-v19-1-1:0em;
33
+ --magritte-typography-label-2-regular-text-indent-v19-1-1:0px;
34
+ --magritte-typography-label-2-regular-text-transform-v19-1-1:none;
35
+ --magritte-typography-label-2-regular-text-decoration-v19-1-1:none;
36
+ --magritte-semantic-animation-ease-in-out-100-timing-function-v19-1-1:cubic-bezier(0.25, 0.1, 0.25, 1);
37
+ --magritte-semantic-animation-ease-in-out-100-duration-v19-1-1:100ms;
38
+ --magritte-static-space-100-v19-1-1:4px;
39
+ --magritte-static-space-200-v19-1-1:8px;
40
+ --magritte-static-space-300-v19-1-1:12px;
41
+ --magritte-static-space-400-v19-1-1:16px;
42
+ --magritte-core-border-radius-3-x-v19-1-1:12px;
43
43
  }
44
44
  .magritte-night-theme{
45
- --magritte-color-component-input-stroke-state-field-hovered-v19-1-0:#3B3B3B;
46
- --magritte-color-component-input-stroke-state-field-focused-v19-1-0:#0070ff;
47
- --magritte-color-component-input-stroke-state-accent-focused-accessible-v19-1-0:#0070ff7a;
48
- --magritte-color-component-input-stroke-state-field-invalid-v19-1-0:#ff4d3a;
49
- --magritte-color-component-input-stroke-state-negative-focused-accessible-v19-1-0:#ff4d3a7a;
50
- --magritte-color-component-input-stroke-state-field-disabled-v19-1-0:#111;
51
- --magritte-color-component-input-background-field-v19-1-0:#1B1B1B;
52
- --magritte-color-component-input-background-state-field-hovered-v19-1-0:#1B1B1B;
53
- --magritte-color-component-input-background-state-field-focused-v19-1-0:#1B1B1B;
54
- --magritte-color-component-input-background-state-field-invalid-v19-1-0:#1B1B1B;
55
- --magritte-color-component-input-background-state-field-disabled-v19-1-0:#111;
56
- --magritte-color-component-input-stroke-field-v19-1-0:#303030;
57
- --magritte-color-component-input-text-placeholder-v19-1-0:#535353;
58
- --magritte-color-component-input-text-state-placeholder-disabled-v19-1-0:#474747;
59
- --magritte-color-component-input-text-state-placeholder-hovered-v19-1-0:#5E5E5E;
60
- --magritte-color-component-input-text-state-placeholder-focused-v19-1-0:#535353;
61
- --magritte-color-component-input-text-state-placeholder-invalid-v19-1-0:#535353;
62
- --magritte-color-component-input-icon-state-chevron-disabled-v19-1-0:#474747;
63
- --magritte-color-component-input-icon-state-chevron-hovered-v19-1-0:#848484;
64
- --magritte-color-component-input-icon-state-chevron-focused-v19-1-0:#ffffff;
65
- --magritte-color-component-input-icon-state-chevron-invalid-v19-1-0:#474747;
66
- --magritte-color-component-input-icon-chevron-v19-1-0:#5E5E5E;
67
- --magritte-color-component-input-chips-background-state-neutral-disable-v19-1-0:#1B1B1B;
68
- --magritte-color-component-input-chips-text-state-neutral-disable-v19-1-0:#474747;
69
- }
70
- .magritte-root___-zVdz_2-0-2{
45
+ --magritte-color-component-input-stroke-state-field-hovered-v19-1-1:#3B3B3B;
46
+ --magritte-color-component-input-stroke-state-field-focused-v19-1-1:#0070ff;
47
+ --magritte-color-component-input-stroke-state-accent-focused-accessible-v19-1-1:#0070ff7a;
48
+ --magritte-color-component-input-stroke-state-field-invalid-v19-1-1:#ff4d3a;
49
+ --magritte-color-component-input-stroke-state-negative-focused-accessible-v19-1-1:#ff4d3a7a;
50
+ --magritte-color-component-input-stroke-state-field-disabled-v19-1-1:#111;
51
+ --magritte-color-component-input-background-field-v19-1-1:#1B1B1B;
52
+ --magritte-color-component-input-background-state-field-hovered-v19-1-1:#1B1B1B;
53
+ --magritte-color-component-input-background-state-field-focused-v19-1-1:#1B1B1B;
54
+ --magritte-color-component-input-background-state-field-invalid-v19-1-1:#1B1B1B;
55
+ --magritte-color-component-input-background-state-field-disabled-v19-1-1:#111;
56
+ --magritte-color-component-input-stroke-field-v19-1-1:#303030;
57
+ --magritte-color-component-input-text-placeholder-v19-1-1:#535353;
58
+ --magritte-color-component-input-text-state-placeholder-disabled-v19-1-1:#474747;
59
+ --magritte-color-component-input-text-state-placeholder-hovered-v19-1-1:#5E5E5E;
60
+ --magritte-color-component-input-text-state-placeholder-focused-v19-1-1:#535353;
61
+ --magritte-color-component-input-text-state-placeholder-invalid-v19-1-1:#535353;
62
+ --magritte-color-component-input-icon-state-chevron-disabled-v19-1-1:#474747;
63
+ --magritte-color-component-input-icon-state-chevron-hovered-v19-1-1:#848484;
64
+ --magritte-color-component-input-icon-state-chevron-focused-v19-1-1:#ffffff;
65
+ --magritte-color-component-input-icon-state-chevron-invalid-v19-1-1:#474747;
66
+ --magritte-color-component-input-icon-chevron-v19-1-1:#5E5E5E;
67
+ --magritte-color-component-input-chips-background-state-neutral-disable-v19-1-1:#1B1B1B;
68
+ --magritte-color-component-input-chips-text-state-neutral-disable-v19-1-1:#474747;
69
+ }
70
+ .magritte-root___-zVdz_2-0-3{
71
71
  display:inline-flex;
72
72
  position:relative;
73
73
  width:100%;
@@ -76,130 +76,130 @@
76
76
  white-space:nowrap;
77
77
  appearance:none;
78
78
  overflow-y:auto;
79
- background-color:var(--magritte-color-component-input-background-field-v19-1-0);
80
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v19-1-0);
81
- border-radius:var(--magritte-core-border-radius-3-x-v19-1-0);
82
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-chevron-v19-1-0);
79
+ background-color:var(--magritte-color-component-input-background-field-v19-1-1);
80
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v19-1-1);
81
+ border-radius:var(--magritte-core-border-radius-3-x-v19-1-1);
82
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-chevron-v19-1-1);
83
83
  }
84
84
  @media (min-width: 1020px){
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
- background-color:var(--magritte-color-component-input-background-state-field-hovered-v19-1-0);
87
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v19-1-0);
88
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-hovered-v19-1-0);
85
+ body.magritte-old-layout .magritte-root___-zVdz_2-0-3:not(.magritte-focused___0Uzyu_2-0-3):not(.magritte-invalid___tVzQV_2-0-3):not(.magritte-disabled___UeqcV_2-0-3):hover{
86
+ background-color:var(--magritte-color-component-input-background-state-field-hovered-v19-1-1);
87
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v19-1-1);
88
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-hovered-v19-1-1);
89
89
  }
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
- color:var(--magritte-color-component-input-text-state-placeholder-hovered-v19-1-0);
90
+ body.magritte-old-layout .magritte-root___-zVdz_2-0-3:not(.magritte-focused___0Uzyu_2-0-3):not(.magritte-invalid___tVzQV_2-0-3):not(.magritte-disabled___UeqcV_2-0-3):hover .magritte-field___rlEmn_2-0-3::placeholder{
91
+ color:var(--magritte-color-component-input-text-state-placeholder-hovered-v19-1-1);
92
92
  }
93
93
  }
94
94
  @media (min-width: 1024px){
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
- background-color:var(--magritte-color-component-input-background-state-field-hovered-v19-1-0);
97
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v19-1-0);
98
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-hovered-v19-1-0);
95
+ body:not(.magritte-old-layout) .magritte-root___-zVdz_2-0-3:not(.magritte-focused___0Uzyu_2-0-3):not(.magritte-invalid___tVzQV_2-0-3):not(.magritte-disabled___UeqcV_2-0-3):hover{
96
+ background-color:var(--magritte-color-component-input-background-state-field-hovered-v19-1-1);
97
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v19-1-1);
98
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-hovered-v19-1-1);
99
99
  }
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
- color:var(--magritte-color-component-input-text-state-placeholder-hovered-v19-1-0);
100
+ body:not(.magritte-old-layout) .magritte-root___-zVdz_2-0-3:not(.magritte-focused___0Uzyu_2-0-3):not(.magritte-invalid___tVzQV_2-0-3):not(.magritte-disabled___UeqcV_2-0-3):hover .magritte-field___rlEmn_2-0-3::placeholder{
101
+ color:var(--magritte-color-component-input-text-state-placeholder-hovered-v19-1-1);
102
102
  }
103
103
  }
104
- .magritte-root___-zVdz_2-0-2:not(.magritte-disabled___UeqcV_2-0-2){
104
+ .magritte-root___-zVdz_2-0-3:not(.magritte-disabled___UeqcV_2-0-3){
105
105
  cursor:text;
106
106
  }
107
- .magritte-root___-zVdz_2-0-2.magritte-focused___0Uzyu_2-0-2{
108
- background-color:var(--magritte-color-component-input-background-state-field-focused-v19-1-0);
109
- box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v19-1-0);
110
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-focused-v19-1-0);
107
+ .magritte-root___-zVdz_2-0-3.magritte-focused___0Uzyu_2-0-3{
108
+ background-color:var(--magritte-color-component-input-background-state-field-focused-v19-1-1);
109
+ box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v19-1-1);
110
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-focused-v19-1-1);
111
111
  }
112
- .magritte-root___-zVdz_2-0-2.magritte-focused___0Uzyu_2-0-2 .magritte-field___rlEmn_2-0-2::placeholder{
113
- color:var(--magritte-color-component-input-text-state-placeholder-focused-v19-1-0);
112
+ .magritte-root___-zVdz_2-0-3.magritte-focused___0Uzyu_2-0-3 .magritte-field___rlEmn_2-0-3::placeholder{
113
+ color:var(--magritte-color-component-input-text-state-placeholder-focused-v19-1-1);
114
114
  }
115
- .magritte-root___-zVdz_2-0-2.magritte-invalid___tVzQV_2-0-2{
116
- background-color:var(--magritte-color-component-input-background-state-field-invalid-v19-1-0);
117
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v19-1-0);
118
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-invalid-v19-1-0);
115
+ .magritte-root___-zVdz_2-0-3.magritte-invalid___tVzQV_2-0-3{
116
+ background-color:var(--magritte-color-component-input-background-state-field-invalid-v19-1-1);
117
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v19-1-1);
118
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-invalid-v19-1-1);
119
119
  }
120
- .magritte-root___-zVdz_2-0-2.magritte-invalid___tVzQV_2-0-2 .magritte-field___rlEmn_2-0-2::placeholder{
121
- color:var(--magritte-color-component-input-text-state-placeholder-invalid-v19-1-0);
120
+ .magritte-root___-zVdz_2-0-3.magritte-invalid___tVzQV_2-0-3 .magritte-field___rlEmn_2-0-3::placeholder{
121
+ color:var(--magritte-color-component-input-text-state-placeholder-invalid-v19-1-1);
122
122
  }
123
- .magritte-root___-zVdz_2-0-2.magritte-disabled___UeqcV_2-0-2{
124
- background-color:var(--magritte-color-component-input-background-state-field-disabled-v19-1-0);
125
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v19-1-0);
126
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-disabled-v19-1-0);
127
- --magritte-ui-chip-text-color-override:var(--magritte-color-component-input-chips-text-state-neutral-disable-v19-1-0);
128
- --magritte-ui-chip-background-color-override:var(--magritte-color-component-input-chips-background-state-neutral-disable-v19-1-0);
123
+ .magritte-root___-zVdz_2-0-3.magritte-disabled___UeqcV_2-0-3{
124
+ background-color:var(--magritte-color-component-input-background-state-field-disabled-v19-1-1);
125
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v19-1-1);
126
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-disabled-v19-1-1);
127
+ --magritte-ui-chip-text-color-override:var(--magritte-color-component-input-chips-text-state-neutral-disable-v19-1-1);
128
+ --magritte-ui-chip-background-color-override:var(--magritte-color-component-input-chips-background-state-neutral-disable-v19-1-1);
129
129
  }
130
- .magritte-root___-zVdz_2-0-2.magritte-disabled___UeqcV_2-0-2 .magritte-field___rlEmn_2-0-2::placeholder{
131
- color:var(--magritte-color-component-input-text-state-placeholder-disabled-v19-1-0);
130
+ .magritte-root___-zVdz_2-0-3.magritte-disabled___UeqcV_2-0-3 .magritte-field___rlEmn_2-0-3::placeholder{
131
+ color:var(--magritte-color-component-input-text-state-placeholder-disabled-v19-1-1);
132
132
  }
133
- .magritte-root___-zVdz_2-0-2.magritte-focus-visible___ifvAP_2-0-2{
134
- outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v19-1-0) solid 4px;
133
+ .magritte-root___-zVdz_2-0-3.magritte-focus-visible___ifvAP_2-0-3{
134
+ outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v19-1-1) solid 4px;
135
135
  }
136
- .magritte-root___-zVdz_2-0-2.magritte-focus-visible___ifvAP_2-0-2.magritte-invalid___tVzQV_2-0-2{
137
- outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v19-1-0);
136
+ .magritte-root___-zVdz_2-0-3.magritte-focus-visible___ifvAP_2-0-3.magritte-invalid___tVzQV_2-0-3{
137
+ outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v19-1-1);
138
138
  }
139
- .magritte-large___JIrIy_2-0-2{
140
- padding:var(--magritte-static-space-300-v19-1-0);
139
+ .magritte-large___JIrIy_2-0-3{
140
+ padding:var(--magritte-static-space-300-v19-1-1);
141
141
  }
142
- .magritte-large___JIrIy_2-0-2 .magritte-field___rlEmn_2-0-2{
143
- padding-left:var(--magritte-static-space-100-v19-1-0);
142
+ .magritte-large___JIrIy_2-0-3 .magritte-field___rlEmn_2-0-3{
143
+ padding-left:var(--magritte-static-space-100-v19-1-1);
144
144
  }
145
- .magritte-large___JIrIy_2-0-2 .magritte-icon___fDMiz_2-0-2{
146
- top:var(--magritte-static-space-300-v19-1-0);
147
- right:var(--magritte-static-space-400-v19-1-0);
145
+ .magritte-large___JIrIy_2-0-3 .magritte-icon___fDMiz_2-0-3{
146
+ top:var(--magritte-static-space-300-v19-1-1);
147
+ right:var(--magritte-static-space-400-v19-1-1);
148
148
  }
149
- .magritte-medium___Xk-XB_2-0-2{
150
- padding:var(--magritte-static-space-200-v19-1-0);
149
+ .magritte-medium___Xk-XB_2-0-3{
150
+ padding:var(--magritte-static-space-200-v19-1-1);
151
151
  }
152
- .magritte-medium___Xk-XB_2-0-2 .magritte-field___rlEmn_2-0-2{
153
- padding-left:var(--magritte-static-space-100-v19-1-0);
152
+ .magritte-medium___Xk-XB_2-0-3 .magritte-field___rlEmn_2-0-3{
153
+ padding-left:var(--magritte-static-space-100-v19-1-1);
154
154
  }
155
- .magritte-medium___Xk-XB_2-0-2 .magritte-icon___fDMiz_2-0-2{
156
- top:var(--magritte-static-space-200-v19-1-0);
157
- right:var(--magritte-static-space-300-v19-1-0);
155
+ .magritte-medium___Xk-XB_2-0-3 .magritte-icon___fDMiz_2-0-3{
156
+ top:var(--magritte-static-space-200-v19-1-1);
157
+ right:var(--magritte-static-space-300-v19-1-1);
158
158
  }
159
- .magritte-scrollable-area___-xMF2_2-0-2{
159
+ .magritte-scrollable-area___-xMF2_2-0-3{
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-2{
166
+ .magritte-chips-and-input___qg-Ba_2-0-3{
167
167
  display:flex;
168
168
  gap:6px;
169
169
  flex-wrap:wrap;
170
170
  align-items:center;
171
171
  width:100%;
172
- margin-right:var(--magritte-static-space-300-v19-1-0);
172
+ margin-right:var(--magritte-static-space-300-v19-1-1);
173
173
  }
174
- .magritte-field___rlEmn_2-0-2{
174
+ .magritte-field___rlEmn_2-0-3{
175
175
  border:0;
176
176
  background:none;
177
177
  flex-grow:1;
178
178
  height:32px;
179
179
  width:50px;
180
180
  outline:none;
181
- font-family:var(--magritte-typography-label-2-regular-font-family-v19-1-0);
182
- font-weight:var(--magritte-typography-label-2-regular-font-weight-v19-1-0);
183
- line-height:var(--magritte-typography-label-2-regular-line-height-v19-1-0);
184
- font-size:var(--magritte-typography-label-2-regular-font-size-v19-1-0);
185
- letter-spacing:var(--magritte-typography-label-2-regular-letter-spacing-v19-1-0);
186
- text-indent:var(--magritte-typography-label-2-regular-text-indent-v19-1-0);
187
- text-transform:var(--magritte-typography-label-2-regular-text-transform-v19-1-0);
188
- text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v19-1-0);
189
- }
190
- .magritte-field___rlEmn_2-0-2::placeholder{
191
- color:var(--magritte-color-component-input-text-placeholder-v19-1-0);
192
- }
193
- .magritte-icon___fDMiz_2-0-2{
181
+ font-family:var(--magritte-typography-label-2-regular-font-family-v19-1-1);
182
+ font-weight:var(--magritte-typography-label-2-regular-font-weight-v19-1-1);
183
+ line-height:var(--magritte-typography-label-2-regular-line-height-v19-1-1);
184
+ font-size:var(--magritte-typography-label-2-regular-font-size-v19-1-1);
185
+ letter-spacing:var(--magritte-typography-label-2-regular-letter-spacing-v19-1-1);
186
+ text-indent:var(--magritte-typography-label-2-regular-text-indent-v19-1-1);
187
+ text-transform:var(--magritte-typography-label-2-regular-text-transform-v19-1-1);
188
+ text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v19-1-1);
189
+ }
190
+ .magritte-field___rlEmn_2-0-3::placeholder{
191
+ color:var(--magritte-color-component-input-text-placeholder-v19-1-1);
192
+ }
193
+ .magritte-icon___fDMiz_2-0-3{
194
194
  display:inline-flex;
195
195
  margin-left:auto;
196
- padding:var(--magritte-static-space-100-v19-1-0) 0;
196
+ padding:var(--magritte-static-space-100-v19-1-1) 0;
197
197
  position:absolute;
198
198
  transition-property:transform;
199
- transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v19-1-0);
200
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v19-1-0);
199
+ transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v19-1-1);
200
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v19-1-1);
201
201
  }
202
- .magritte-icon_expanded___RaOT-_2-0-2{
202
+ .magritte-icon_expanded___RaOT-_2-0-3{
203
203
  transform:rotate(-180deg);
204
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-focused-v19-1-0);
204
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-focused-v19-1-1);
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.2",
3
+ "version": "2.0.3",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -29,10 +29,10 @@
29
29
  "dependencies": {
30
30
  "@hh.ru/magritte-common-keyboard": "4.0.2",
31
31
  "@hh.ru/magritte-common-use-multiple-refs": "1.1.4",
32
- "@hh.ru/magritte-ui-chips": "5.2.16",
33
- "@hh.ru/magritte-ui-form-helper": "1.0.10",
34
- "@hh.ru/magritte-ui-icon": "7.9.0",
35
- "@hh.ru/magritte-ui-input": "7.0.0"
32
+ "@hh.ru/magritte-ui-chips": "5.2.17",
33
+ "@hh.ru/magritte-ui-form-helper": "1.0.11",
34
+ "@hh.ru/magritte-ui-icon": "7.9.1",
35
+ "@hh.ru/magritte-ui-input": "7.0.1"
36
36
  },
37
- "gitHead": "6f1beca9a238c607cf3ff855bc8c013d64e69640"
37
+ "gitHead": "97b2c0c9ad82c0c7a940eef5c3d0d6cddeeef5cf"
38
38
  }