@hh.ru/magritte-ui-chips-trigger 4.2.13 → 4.2.15

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 +114 -114
  3. package/package.json +9 -9
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-2-13","focused":"magritte-focused___0Uzyu_4-2-13","invalid":"magritte-invalid___tVzQV_4-2-13","disabled":"magritte-disabled___UeqcV_4-2-13","label":"magritte-label___j7Trt_4-2-13","scrollable-area":"magritte-scrollable-area___-xMF2_4-2-13","scrollableArea":"magritte-scrollable-area___-xMF2_4-2-13","focus-visible":"magritte-focus-visible___ifvAP_4-2-13","focusVisible":"magritte-focus-visible___ifvAP_4-2-13","large":"magritte-large___JIrIy_4-2-13","field":"magritte-field___rlEmn_4-2-13","icon":"magritte-icon___fDMiz_4-2-13","scrollable-area-wrapper":"magritte-scrollable-area-wrapper___hZNQd_4-2-13","scrollableAreaWrapper":"magritte-scrollable-area-wrapper___hZNQd_4-2-13","medium":"magritte-medium___Xk-XB_4-2-13","chips-and-input":"magritte-chips-and-input___qg-Ba_4-2-13","chipsAndInput":"magritte-chips-and-input___qg-Ba_4-2-13","field-input":"magritte-field-input___04Cag_4-2-13","fieldInput":"magritte-field-input___04Cag_4-2-13","label-wrapper":"magritte-label-wrapper___De7Bm_4-2-13","labelWrapper":"magritte-label-wrapper___De7Bm_4-2-13","icon_expanded":"magritte-icon_expanded___RaOT-_4-2-13","iconExpanded":"magritte-icon_expanded___RaOT-_4-2-13","custom-chip-wrapper":"magritte-custom-chip-wrapper___a9kJ6_4-2-13","customChipWrapper":"magritte-custom-chip-wrapper___a9kJ6_4-2-13"};
15
+ var styles = {"root":"magritte-root___-zVdz_4-2-15","focused":"magritte-focused___0Uzyu_4-2-15","invalid":"magritte-invalid___tVzQV_4-2-15","disabled":"magritte-disabled___UeqcV_4-2-15","label":"magritte-label___j7Trt_4-2-15","scrollable-area":"magritte-scrollable-area___-xMF2_4-2-15","scrollableArea":"magritte-scrollable-area___-xMF2_4-2-15","focus-visible":"magritte-focus-visible___ifvAP_4-2-15","focusVisible":"magritte-focus-visible___ifvAP_4-2-15","large":"magritte-large___JIrIy_4-2-15","field":"magritte-field___rlEmn_4-2-15","icon":"magritte-icon___fDMiz_4-2-15","scrollable-area-wrapper":"magritte-scrollable-area-wrapper___hZNQd_4-2-15","scrollableAreaWrapper":"magritte-scrollable-area-wrapper___hZNQd_4-2-15","medium":"magritte-medium___Xk-XB_4-2-15","chips-and-input":"magritte-chips-and-input___qg-Ba_4-2-15","chipsAndInput":"magritte-chips-and-input___qg-Ba_4-2-15","field-input":"magritte-field-input___04Cag_4-2-15","fieldInput":"magritte-field-input___04Cag_4-2-15","label-wrapper":"magritte-label-wrapper___De7Bm_4-2-15","labelWrapper":"magritte-label-wrapper___De7Bm_4-2-15","icon_expanded":"magritte-icon_expanded___RaOT-_4-2-15","iconExpanded":"magritte-icon_expanded___RaOT-_4-2-15","custom-chip-wrapper":"magritte-custom-chip-wrapper___a9kJ6_4-2-15","customChipWrapper":"magritte-custom-chip-wrapper___a9kJ6_4-2-15"};
16
16
 
17
17
  const focusOnLastChip = (event, chipsContainer, input) => {
18
18
  if (!chipsContainer || !input) {
package/index.css CHANGED
@@ -1,64 +1,64 @@
1
1
  :root{
2
- --magritte-color-component-input-stroke-state-field-hovered-v24-4-1:#CCD5DF;
3
- --magritte-color-component-input-stroke-state-field-focused-v24-4-1:#0070ff;
4
- --magritte-color-component-input-stroke-state-accent-focused-accessible-v24-4-1:#0070ff7a;
5
- --magritte-color-component-input-stroke-state-field-invalid-v24-4-1:#ff4d3a;
6
- --magritte-color-component-input-stroke-state-negative-focused-accessible-v24-4-1:#ff4d3a7a;
7
- --magritte-color-component-input-stroke-state-field-disabled-v24-4-1:#EEF1F7;
8
- --magritte-color-component-input-background-field-v24-4-1:#ffffff;
9
- --magritte-color-component-input-background-state-field-hovered-v24-4-1:#ffffff;
10
- --magritte-color-component-input-background-state-field-focused-v24-4-1:#ffffff;
11
- --magritte-color-component-input-background-state-field-invalid-v24-4-1:#ffffff;
12
- --magritte-color-component-input-background-state-field-disabled-v24-4-1:#F4F6FB;
13
- --magritte-color-component-input-stroke-field-v24-4-1:#DCE3EB;
14
- --magritte-color-component-input-text-state-placeholder-disabled-v24-4-1:#AABBCA;
15
- --magritte-color-component-input-text-state-placeholder-hovered-v24-4-1:#768694;
16
- --magritte-color-component-input-text-state-placeholder-focused-v24-4-1:#AABBCA;
17
- --magritte-color-component-input-text-state-placeholder-invalid-v24-4-1:#AABBCA;
18
- --magritte-color-component-input-icon-chevron-v24-4-1:#AABBCA;
19
- --magritte-color-component-input-icon-state-chevron-focused-v24-4-1:#000000;
20
- --magritte-color-component-input-icon-state-chevron-hovered-v24-4-1:#6a7885;
21
- --magritte-color-component-input-icon-state-chevron-disabled-v24-4-1:#AABBCA;
22
- --magritte-color-component-input-icon-state-chevron-invalid-v24-4-1:#AABBCA;
23
- --magritte-color-component-input-text-placeholder-v24-4-1:#AABBCA;
24
- --magritte-color-component-input-chips-background-state-neutral-disable-v24-4-1:#DCE3EB;
25
- --magritte-color-component-input-chips-text-state-neutral-disable-v24-4-1:#96aabb;
2
+ --magritte-color-component-input-stroke-state-field-hovered-v24-4-2:#CCD5DF;
3
+ --magritte-color-component-input-stroke-state-field-focused-v24-4-2:#0070ff;
4
+ --magritte-color-component-input-stroke-state-accent-focused-accessible-v24-4-2:#0070ff7a;
5
+ --magritte-color-component-input-stroke-state-field-invalid-v24-4-2:#ff4d3a;
6
+ --magritte-color-component-input-stroke-state-negative-focused-accessible-v24-4-2:#ff4d3a7a;
7
+ --magritte-color-component-input-stroke-state-field-disabled-v24-4-2:#EEF1F7;
8
+ --magritte-color-component-input-background-field-v24-4-2:#ffffff;
9
+ --magritte-color-component-input-background-state-field-hovered-v24-4-2:#ffffff;
10
+ --magritte-color-component-input-background-state-field-focused-v24-4-2:#ffffff;
11
+ --magritte-color-component-input-background-state-field-invalid-v24-4-2:#ffffff;
12
+ --magritte-color-component-input-background-state-field-disabled-v24-4-2:#F4F6FB;
13
+ --magritte-color-component-input-stroke-field-v24-4-2:#DCE3EB;
14
+ --magritte-color-component-input-text-state-placeholder-disabled-v24-4-2:#AABBCA;
15
+ --magritte-color-component-input-text-state-placeholder-hovered-v24-4-2:#768694;
16
+ --magritte-color-component-input-text-state-placeholder-focused-v24-4-2:#AABBCA;
17
+ --magritte-color-component-input-text-state-placeholder-invalid-v24-4-2:#AABBCA;
18
+ --magritte-color-component-input-icon-chevron-v24-4-2:#AABBCA;
19
+ --magritte-color-component-input-icon-state-chevron-focused-v24-4-2:#000000;
20
+ --magritte-color-component-input-icon-state-chevron-hovered-v24-4-2:#6a7885;
21
+ --magritte-color-component-input-icon-state-chevron-disabled-v24-4-2:#AABBCA;
22
+ --magritte-color-component-input-icon-state-chevron-invalid-v24-4-2:#AABBCA;
23
+ --magritte-color-component-input-text-placeholder-v24-4-2:#AABBCA;
24
+ --magritte-color-component-input-chips-background-state-neutral-disable-v24-4-2:#DCE3EB;
25
+ --magritte-color-component-input-chips-text-state-neutral-disable-v24-4-2:#96aabb;
26
26
  }
27
27
 
28
28
  :root{
29
- --magritte-semantic-animation-ease-in-out-100-timing-function-v24-4-1:cubic-bezier(0.25, 0.1, 0.25, 1);
30
- --magritte-semantic-animation-ease-in-out-100-duration-v24-4-1:100ms;
29
+ --magritte-semantic-animation-ease-in-out-100-timing-function-v24-4-2:cubic-bezier(0.25, 0.1, 0.25, 1);
30
+ --magritte-semantic-animation-ease-in-out-100-duration-v24-4-2:100ms;
31
31
  }
32
32
 
33
33
  .magritte-night-theme{
34
- --magritte-color-component-input-stroke-state-field-hovered-v24-4-1:#3B3B3B;
35
- --magritte-color-component-input-stroke-state-field-disabled-v24-4-1:#111;
36
- --magritte-color-component-input-background-field-v24-4-1:#111;
37
- --magritte-color-component-input-background-state-field-hovered-v24-4-1:#111;
38
- --magritte-color-component-input-background-state-field-focused-v24-4-1:#111;
39
- --magritte-color-component-input-background-state-field-invalid-v24-4-1:#111;
40
- --magritte-color-component-input-background-state-field-disabled-v24-4-1:#111;
41
- --magritte-color-component-input-stroke-field-v24-4-1:#303030;
42
- --magritte-color-component-input-text-placeholder-v24-4-1:#535353;
43
- --magritte-color-component-input-text-state-placeholder-disabled-v24-4-1:#474747;
44
- --magritte-color-component-input-text-state-placeholder-hovered-v24-4-1:#5E5E5E;
45
- --magritte-color-component-input-text-state-placeholder-focused-v24-4-1:#535353;
46
- --magritte-color-component-input-text-state-placeholder-invalid-v24-4-1:#535353;
47
- --magritte-color-component-input-icon-state-chevron-disabled-v24-4-1:#474747;
48
- --magritte-color-component-input-icon-state-chevron-hovered-v24-4-1:#848484;
49
- --magritte-color-component-input-icon-state-chevron-focused-v24-4-1:#ffffff;
50
- --magritte-color-component-input-icon-state-chevron-invalid-v24-4-1:#474747;
51
- --magritte-color-component-input-icon-chevron-v24-4-1:#5E5E5E;
52
- --magritte-color-component-input-chips-background-state-neutral-disable-v24-4-1:#1B1B1B;
53
- --magritte-color-component-input-chips-text-state-neutral-disable-v24-4-1:#474747;
34
+ --magritte-color-component-input-stroke-state-field-hovered-v24-4-2:#3B3B3B;
35
+ --magritte-color-component-input-stroke-state-field-disabled-v24-4-2:#111;
36
+ --magritte-color-component-input-background-field-v24-4-2:#111;
37
+ --magritte-color-component-input-background-state-field-hovered-v24-4-2:#111;
38
+ --magritte-color-component-input-background-state-field-focused-v24-4-2:#111;
39
+ --magritte-color-component-input-background-state-field-invalid-v24-4-2:#111;
40
+ --magritte-color-component-input-background-state-field-disabled-v24-4-2:#111;
41
+ --magritte-color-component-input-stroke-field-v24-4-2:#303030;
42
+ --magritte-color-component-input-text-placeholder-v24-4-2:#535353;
43
+ --magritte-color-component-input-text-state-placeholder-disabled-v24-4-2:#474747;
44
+ --magritte-color-component-input-text-state-placeholder-hovered-v24-4-2:#5E5E5E;
45
+ --magritte-color-component-input-text-state-placeholder-focused-v24-4-2:#535353;
46
+ --magritte-color-component-input-text-state-placeholder-invalid-v24-4-2:#535353;
47
+ --magritte-color-component-input-icon-state-chevron-disabled-v24-4-2:#474747;
48
+ --magritte-color-component-input-icon-state-chevron-hovered-v24-4-2:#848484;
49
+ --magritte-color-component-input-icon-state-chevron-focused-v24-4-2:#ffffff;
50
+ --magritte-color-component-input-icon-state-chevron-invalid-v24-4-2:#474747;
51
+ --magritte-color-component-input-icon-chevron-v24-4-2:#5E5E5E;
52
+ --magritte-color-component-input-chips-background-state-neutral-disable-v24-4-2:#1B1B1B;
53
+ --magritte-color-component-input-chips-text-state-neutral-disable-v24-4-2:#474747;
54
54
  }
55
55
 
56
56
  .magritte-zp-day-theme{
57
- --magritte-color-component-input-stroke-state-field-focused-v24-4-1:#7195AF;
58
- --magritte-color-component-input-icon-state-chevron-hovered-v24-4-1:#8293a2;
59
- --magritte-color-component-input-icon-state-chevron-disabled-v24-4-1:#96aabb;
57
+ --magritte-color-component-input-stroke-state-field-focused-v24-4-2:#7195AF;
58
+ --magritte-color-component-input-icon-state-chevron-hovered-v24-4-2:#8293a2;
59
+ --magritte-color-component-input-icon-state-chevron-disabled-v24-4-2:#96aabb;
60
60
  }
61
- .magritte-root___-zVdz_4-2-13{
61
+ .magritte-root___-zVdz_4-2-15{
62
62
  display:inline-flex;
63
63
  position:relative;
64
64
  width:100%;
@@ -67,108 +67,108 @@
67
67
  white-space:nowrap;
68
68
  appearance:none;
69
69
  overflow-y:auto;
70
- background-color:var(--magritte-color-component-input-background-field-v24-4-1);
71
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v24-4-1);
70
+ background-color:var(--magritte-color-component-input-background-field-v24-4-2);
71
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v24-4-2);
72
72
  border-radius:12px;
73
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-chevron-v24-4-1);
73
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-chevron-v24-4-2);
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-2-13:not(.magritte-focused___0Uzyu_4-2-13):not(.magritte-invalid___tVzQV_4-2-13):not(.magritte-disabled___UeqcV_4-2-13):hover{
78
- background-color:var(--magritte-color-component-input-background-state-field-hovered-v24-4-1);
79
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v24-4-1);
80
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-hovered-v24-4-1);
77
+ body.magritte-old-layout .magritte-root___-zVdz_4-2-15:not(.magritte-focused___0Uzyu_4-2-15):not(.magritte-invalid___tVzQV_4-2-15):not(.magritte-disabled___UeqcV_4-2-15):hover{
78
+ background-color:var(--magritte-color-component-input-background-state-field-hovered-v24-4-2);
79
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v24-4-2);
80
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-hovered-v24-4-2);
81
81
  }
82
- body.magritte-old-layout .magritte-root___-zVdz_4-2-13:not(.magritte-focused___0Uzyu_4-2-13):not(.magritte-invalid___tVzQV_4-2-13):not(.magritte-disabled___UeqcV_4-2-13):hover .magritte-label___j7Trt_4-2-13{
83
- color:var(--magritte-color-component-input-text-state-placeholder-hovered-v24-4-1);
82
+ body.magritte-old-layout .magritte-root___-zVdz_4-2-15:not(.magritte-focused___0Uzyu_4-2-15):not(.magritte-invalid___tVzQV_4-2-15):not(.magritte-disabled___UeqcV_4-2-15):hover .magritte-label___j7Trt_4-2-15{
83
+ color:var(--magritte-color-component-input-text-state-placeholder-hovered-v24-4-2);
84
84
  }
85
85
  }
86
86
  @media (min-width: 1024px){
87
- body:not(.magritte-old-layout) .magritte-root___-zVdz_4-2-13:not(.magritte-focused___0Uzyu_4-2-13):not(.magritte-invalid___tVzQV_4-2-13):not(.magritte-disabled___UeqcV_4-2-13):hover{
88
- background-color:var(--magritte-color-component-input-background-state-field-hovered-v24-4-1);
89
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v24-4-1);
90
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-hovered-v24-4-1);
87
+ body:not(.magritte-old-layout) .magritte-root___-zVdz_4-2-15:not(.magritte-focused___0Uzyu_4-2-15):not(.magritte-invalid___tVzQV_4-2-15):not(.magritte-disabled___UeqcV_4-2-15):hover{
88
+ background-color:var(--magritte-color-component-input-background-state-field-hovered-v24-4-2);
89
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v24-4-2);
90
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-hovered-v24-4-2);
91
91
  }
92
- body:not(.magritte-old-layout) .magritte-root___-zVdz_4-2-13:not(.magritte-focused___0Uzyu_4-2-13):not(.magritte-invalid___tVzQV_4-2-13):not(.magritte-disabled___UeqcV_4-2-13):hover .magritte-label___j7Trt_4-2-13{
93
- color:var(--magritte-color-component-input-text-state-placeholder-hovered-v24-4-1);
92
+ body:not(.magritte-old-layout) .magritte-root___-zVdz_4-2-15:not(.magritte-focused___0Uzyu_4-2-15):not(.magritte-invalid___tVzQV_4-2-15):not(.magritte-disabled___UeqcV_4-2-15):hover .magritte-label___j7Trt_4-2-15{
93
+ color:var(--magritte-color-component-input-text-state-placeholder-hovered-v24-4-2);
94
94
  }
95
95
  }
96
- .magritte-root___-zVdz_4-2-13:not(.magritte-disabled___UeqcV_4-2-13){
96
+ .magritte-root___-zVdz_4-2-15:not(.magritte-disabled___UeqcV_4-2-15){
97
97
  cursor:text;
98
98
  }
99
- .magritte-root___-zVdz_4-2-13.magritte-focused___0Uzyu_4-2-13{
100
- background-color:var(--magritte-color-component-input-background-state-field-focused-v24-4-1);
101
- box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v24-4-1);
102
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-focused-v24-4-1);
99
+ .magritte-root___-zVdz_4-2-15.magritte-focused___0Uzyu_4-2-15{
100
+ background-color:var(--magritte-color-component-input-background-state-field-focused-v24-4-2);
101
+ box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v24-4-2);
102
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-focused-v24-4-2);
103
103
  }
104
- .magritte-root___-zVdz_4-2-13.magritte-focused___0Uzyu_4-2-13 .magritte-label___j7Trt_4-2-13{
105
- color:var(--magritte-color-component-input-text-state-placeholder-focused-v24-4-1);
104
+ .magritte-root___-zVdz_4-2-15.magritte-focused___0Uzyu_4-2-15 .magritte-label___j7Trt_4-2-15{
105
+ color:var(--magritte-color-component-input-text-state-placeholder-focused-v24-4-2);
106
106
  }
107
- .magritte-root___-zVdz_4-2-13.magritte-invalid___tVzQV_4-2-13{
108
- background-color:var(--magritte-color-component-input-background-state-field-invalid-v24-4-1);
109
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v24-4-1);
110
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-invalid-v24-4-1);
107
+ .magritte-root___-zVdz_4-2-15.magritte-invalid___tVzQV_4-2-15{
108
+ background-color:var(--magritte-color-component-input-background-state-field-invalid-v24-4-2);
109
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v24-4-2);
110
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-invalid-v24-4-2);
111
111
  }
112
- .magritte-root___-zVdz_4-2-13.magritte-invalid___tVzQV_4-2-13 .magritte-label___j7Trt_4-2-13{
113
- color:var(--magritte-color-component-input-text-state-placeholder-invalid-v24-4-1);
112
+ .magritte-root___-zVdz_4-2-15.magritte-invalid___tVzQV_4-2-15 .magritte-label___j7Trt_4-2-15{
113
+ color:var(--magritte-color-component-input-text-state-placeholder-invalid-v24-4-2);
114
114
  }
115
- .magritte-root___-zVdz_4-2-13.magritte-disabled___UeqcV_4-2-13{
116
- background-color:var(--magritte-color-component-input-background-state-field-disabled-v24-4-1);
117
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v24-4-1);
118
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-disabled-v24-4-1);
119
- --magritte-ui-chip-text-color-override:var(--magritte-color-component-input-chips-text-state-neutral-disable-v24-4-1);
120
- --magritte-ui-chip-background-color-override:var(--magritte-color-component-input-chips-background-state-neutral-disable-v24-4-1);
115
+ .magritte-root___-zVdz_4-2-15.magritte-disabled___UeqcV_4-2-15{
116
+ background-color:var(--magritte-color-component-input-background-state-field-disabled-v24-4-2);
117
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v24-4-2);
118
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-disabled-v24-4-2);
119
+ --magritte-ui-chip-text-color-override:var(--magritte-color-component-input-chips-text-state-neutral-disable-v24-4-2);
120
+ --magritte-ui-chip-background-color-override:var(--magritte-color-component-input-chips-background-state-neutral-disable-v24-4-2);
121
121
  }
122
- .magritte-root___-zVdz_4-2-13.magritte-disabled___UeqcV_4-2-13 .magritte-label___j7Trt_4-2-13{
123
- color:var(--magritte-color-component-input-text-state-placeholder-disabled-v24-4-1);
122
+ .magritte-root___-zVdz_4-2-15.magritte-disabled___UeqcV_4-2-15 .magritte-label___j7Trt_4-2-15{
123
+ color:var(--magritte-color-component-input-text-state-placeholder-disabled-v24-4-2);
124
124
  }
125
- .magritte-root___-zVdz_4-2-13.magritte-disabled___UeqcV_4-2-13 .magritte-scrollable-area___-xMF2_4-2-13{
125
+ .magritte-root___-zVdz_4-2-15.magritte-disabled___UeqcV_4-2-15 .magritte-scrollable-area___-xMF2_4-2-15{
126
126
  overflow:hidden;
127
127
  }
128
- .magritte-root___-zVdz_4-2-13.magritte-focus-visible___ifvAP_4-2-13{
129
- outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v24-4-1) solid 4px;
128
+ .magritte-root___-zVdz_4-2-15.magritte-focus-visible___ifvAP_4-2-15{
129
+ outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v24-4-2) solid 4px;
130
130
  }
131
- .magritte-root___-zVdz_4-2-13.magritte-focus-visible___ifvAP_4-2-13.magritte-invalid___tVzQV_4-2-13{
132
- outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v24-4-1);
131
+ .magritte-root___-zVdz_4-2-15.magritte-focus-visible___ifvAP_4-2-15.magritte-invalid___tVzQV_4-2-15{
132
+ outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v24-4-2);
133
133
  }
134
- .magritte-large___JIrIy_4-2-13{
134
+ .magritte-large___JIrIy_4-2-15{
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-2-13 .magritte-field___rlEmn_4-2-13{
140
+ .magritte-large___JIrIy_4-2-15 .magritte-field___rlEmn_4-2-15{
141
141
  margin-left:4px;
142
142
  }
143
- .magritte-large___JIrIy_4-2-13 .magritte-icon___fDMiz_4-2-13{
143
+ .magritte-large___JIrIy_4-2-15 .magritte-icon___fDMiz_4-2-15{
144
144
  top:12px;
145
145
  right:16px;
146
146
  }
147
- .magritte-large___JIrIy_4-2-13 .magritte-scrollable-area-wrapper___hZNQd_4-2-13{
147
+ .magritte-large___JIrIy_4-2-15 .magritte-scrollable-area-wrapper___hZNQd_4-2-15{
148
148
  padding-right:calc(24px + 10px + 12px);
149
149
  }
150
- .magritte-medium___Xk-XB_4-2-13{
150
+ .magritte-medium___Xk-XB_4-2-15{
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-2-13 .magritte-field___rlEmn_4-2-13{
156
+ .magritte-medium___Xk-XB_4-2-15 .magritte-field___rlEmn_4-2-15{
157
157
  margin-left:8px;
158
158
  }
159
- .magritte-medium___Xk-XB_4-2-13 .magritte-icon___fDMiz_4-2-13{
159
+ .magritte-medium___Xk-XB_4-2-15 .magritte-icon___fDMiz_4-2-15{
160
160
  top:8px;
161
161
  right:12px;
162
162
  }
163
- .magritte-medium___Xk-XB_4-2-13 .magritte-scrollable-area-wrapper___hZNQd_4-2-13{
163
+ .magritte-medium___Xk-XB_4-2-15 .magritte-scrollable-area-wrapper___hZNQd_4-2-15{
164
164
  padding-right:calc(24px + 6px + 12px);
165
165
  }
166
- .magritte-scrollable-area-wrapper___hZNQd_4-2-13{
166
+ .magritte-scrollable-area-wrapper___hZNQd_4-2-15{
167
167
  width:100%;
168
168
  position:relative;
169
169
  overflow:hidden;
170
170
  }
171
- .magritte-scrollable-area___-xMF2_4-2-13{
171
+ .magritte-scrollable-area___-xMF2_4-2-15{
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-2-13::-webkit-scrollbar{
179
+ .magritte-scrollable-area___-xMF2_4-2-15::-webkit-scrollbar{
180
180
  display:none;
181
181
  }
182
- .magritte-chips-and-input___qg-Ba_4-2-13{
182
+ .magritte-chips-and-input___qg-Ba_4-2-15{
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-2-13{
189
+ .magritte-field___rlEmn_4-2-15{
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-2-13{
205
+ .magritte-field-input___04Cag_4-2-15{
206
206
  border:0;
207
207
  padding:0;
208
208
  background:none;
@@ -210,32 +210,32 @@
210
210
  width:100%;
211
211
  z-index:1;
212
212
  }
213
- .magritte-label-wrapper___De7Bm_4-2-13{
213
+ .magritte-label-wrapper___De7Bm_4-2-15{
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-2-13{
221
- color:var(--magritte-color-component-input-text-placeholder-v24-4-1);
220
+ .magritte-label___j7Trt_4-2-15{
221
+ color:var(--magritte-color-component-input-text-placeholder-v24-4-2);
222
222
  overflow:hidden;
223
223
  text-overflow:ellipsis;
224
224
  }
225
- .magritte-icon___fDMiz_4-2-13{
225
+ .magritte-icon___fDMiz_4-2-15{
226
226
  display:inline-flex;
227
227
  margin-left:auto;
228
228
  padding:4px 0;
229
229
  position:absolute;
230
230
  transition-property:transform;
231
- transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v24-4-1);
232
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v24-4-1);
231
+ transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v24-4-2);
232
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v24-4-2);
233
233
  }
234
- .magritte-icon_expanded___RaOT-_4-2-13{
234
+ .magritte-icon_expanded___RaOT-_4-2-15{
235
235
  transform:rotate(-180deg);
236
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-focused-v24-4-1);
236
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-focused-v24-4-2);
237
237
  }
238
- .magritte-custom-chip-wrapper___a9kJ6_4-2-13{
238
+ .magritte-custom-chip-wrapper___a9kJ6_4-2-15{
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.2.13",
3
+ "version": "4.2.15",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -29,14 +29,14 @@
29
29
  "@hh.ru/magritte-common-keyboard": "4.3.1",
30
30
  "@hh.ru/magritte-common-use-multiple-refs": "1.1.11",
31
31
  "@hh.ru/magritte-common-use-translation": "3.0.1",
32
- "@hh.ru/magritte-design-tokens": "24.4.1",
33
- "@hh.ru/magritte-ui-breakpoint": "6.0.7",
34
- "@hh.ru/magritte-ui-chips": "6.2.5",
35
- "@hh.ru/magritte-ui-form-helper": "2.1.2",
36
- "@hh.ru/magritte-ui-icon": "13.11.1",
37
- "@hh.ru/magritte-ui-input": "9.4.4",
32
+ "@hh.ru/magritte-design-tokens": "24.4.2",
33
+ "@hh.ru/magritte-ui-breakpoint": "6.0.8",
34
+ "@hh.ru/magritte-ui-chips": "6.2.7",
35
+ "@hh.ru/magritte-ui-form-helper": "2.1.3",
36
+ "@hh.ru/magritte-ui-icon": "13.11.3",
37
+ "@hh.ru/magritte-ui-input": "9.4.6",
38
38
  "@hh.ru/magritte-ui-mock-component": "1.1.7",
39
- "@hh.ru/magritte-ui-scrollbar": "1.0.18"
39
+ "@hh.ru/magritte-ui-scrollbar": "1.0.20"
40
40
  },
41
- "gitHead": "ec7d56f576ca5581c2acb5010b53bbfb8da52962"
41
+ "gitHead": "773d4352b733cf17fd5c2e1a5eb0a047d63fd8a0"
42
42
  }