@hh.ru/magritte-ui-chips-trigger 4.5.3 → 4.5.4

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 +137 -137
  3. package/package.json +14 -13
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-5-3","focused":"magritte-focused___0Uzyu_4-5-3","invalid":"magritte-invalid___tVzQV_4-5-3","disabled":"magritte-disabled___UeqcV_4-5-3","label":"magritte-label___j7Trt_4-5-3","field-input":"magritte-field-input___04Cag_4-5-3","fieldInput":"magritte-field-input___04Cag_4-5-3","scrollable-area":"magritte-scrollable-area___-xMF2_4-5-3","scrollableArea":"magritte-scrollable-area___-xMF2_4-5-3","focus-visible":"magritte-focus-visible___ifvAP_4-5-3","focusVisible":"magritte-focus-visible___ifvAP_4-5-3","large":"magritte-large___JIrIy_4-5-3","field":"magritte-field___rlEmn_4-5-3","icon":"magritte-icon___fDMiz_4-5-3","scrollable-area-wrapper":"magritte-scrollable-area-wrapper___hZNQd_4-5-3","scrollableAreaWrapper":"magritte-scrollable-area-wrapper___hZNQd_4-5-3","scrollable-area-wrapper_with-icon":"magritte-scrollable-area-wrapper_with-icon___2VoX9_4-5-3","scrollableAreaWrapperWithIcon":"magritte-scrollable-area-wrapper_with-icon___2VoX9_4-5-3","medium":"magritte-medium___Xk-XB_4-5-3","chips-and-input":"magritte-chips-and-input___qg-Ba_4-5-3","chipsAndInput":"magritte-chips-and-input___qg-Ba_4-5-3","label-wrapper":"magritte-label-wrapper___De7Bm_4-5-3","labelWrapper":"magritte-label-wrapper___De7Bm_4-5-3","icon_expanded":"magritte-icon_expanded___RaOT-_4-5-3","iconExpanded":"magritte-icon_expanded___RaOT-_4-5-3","custom-chip-wrapper":"magritte-custom-chip-wrapper___a9kJ6_4-5-3","customChipWrapper":"magritte-custom-chip-wrapper___a9kJ6_4-5-3"};
15
+ var styles = {"root":"magritte-root___-zVdz_4-5-4","focused":"magritte-focused___0Uzyu_4-5-4","invalid":"magritte-invalid___tVzQV_4-5-4","disabled":"magritte-disabled___UeqcV_4-5-4","label":"magritte-label___j7Trt_4-5-4","field-input":"magritte-field-input___04Cag_4-5-4","fieldInput":"magritte-field-input___04Cag_4-5-4","scrollable-area":"magritte-scrollable-area___-xMF2_4-5-4","scrollableArea":"magritte-scrollable-area___-xMF2_4-5-4","focus-visible":"magritte-focus-visible___ifvAP_4-5-4","focusVisible":"magritte-focus-visible___ifvAP_4-5-4","large":"magritte-large___JIrIy_4-5-4","field":"magritte-field___rlEmn_4-5-4","icon":"magritte-icon___fDMiz_4-5-4","scrollable-area-wrapper":"magritte-scrollable-area-wrapper___hZNQd_4-5-4","scrollableAreaWrapper":"magritte-scrollable-area-wrapper___hZNQd_4-5-4","scrollable-area-wrapper_with-icon":"magritte-scrollable-area-wrapper_with-icon___2VoX9_4-5-4","scrollableAreaWrapperWithIcon":"magritte-scrollable-area-wrapper_with-icon___2VoX9_4-5-4","medium":"magritte-medium___Xk-XB_4-5-4","chips-and-input":"magritte-chips-and-input___qg-Ba_4-5-4","chipsAndInput":"magritte-chips-and-input___qg-Ba_4-5-4","label-wrapper":"magritte-label-wrapper___De7Bm_4-5-4","labelWrapper":"magritte-label-wrapper___De7Bm_4-5-4","icon_expanded":"magritte-icon_expanded___RaOT-_4-5-4","iconExpanded":"magritte-icon_expanded___RaOT-_4-5-4","custom-chip-wrapper":"magritte-custom-chip-wrapper___a9kJ6_4-5-4","customChipWrapper":"magritte-custom-chip-wrapper___a9kJ6_4-5-4"};
16
16
 
17
17
  const focusOnLastChip = (event, chipsContainer, input) => {
18
18
  if (!chipsContainer || !input) {
package/index.css CHANGED
@@ -1,74 +1,74 @@
1
1
  :root{
2
- --magritte-color-component-input-stroke-state-field-hovered-v26-0-1:#CCD5DF;
3
- --magritte-color-component-input-stroke-state-field-focused-v26-0-1:#0070ff;
4
- --magritte-color-component-input-stroke-state-accent-focused-accessible-v26-0-1:#0070ff7a;
5
- --magritte-color-component-input-stroke-state-field-invalid-v26-0-1:#ff4d3a;
6
- --magritte-color-component-input-stroke-state-negative-focused-accessible-v26-0-1:#ff4d3a7a;
7
- --magritte-color-component-input-stroke-state-field-disabled-v26-0-1:#EEF1F7;
8
- --magritte-color-component-input-background-field-v26-0-1:#ffffff;
9
- --magritte-color-component-input-background-state-field-hovered-v26-0-1:#ffffff;
10
- --magritte-color-component-input-background-state-field-focused-v26-0-1:#ffffff;
11
- --magritte-color-component-input-background-state-field-invalid-v26-0-1:#ffffff;
12
- --magritte-color-component-input-background-state-field-disabled-v26-0-1:#F4F6FB;
13
- --magritte-color-component-input-stroke-field-v26-0-1:#DCE3EB;
14
- --magritte-color-component-input-text-state-content-disabled-v26-0-1:#AABBCA;
15
- --magritte-color-component-input-text-state-placeholder-disabled-v26-0-1:#AABBCA;
16
- --magritte-color-component-input-text-state-content-hovered-v26-0-1:#000000;
17
- --magritte-color-component-input-text-state-content-focused-v26-0-1:#000000;
18
- --magritte-color-component-input-text-state-content-invalid-v26-0-1:#000000;
19
- --magritte-color-component-input-text-state-placeholder-hovered-v26-0-1:#768694;
20
- --magritte-color-component-input-text-state-placeholder-focused-v26-0-1:#AABBCA;
21
- --magritte-color-component-input-text-state-placeholder-invalid-v26-0-1:#AABBCA;
22
- --magritte-color-component-input-icon-chevron-v26-0-1:#AABBCA;
23
- --magritte-color-component-input-icon-state-chevron-focused-v26-0-1:#000000;
24
- --magritte-color-component-input-icon-state-chevron-hovered-v26-0-1:#6a7885;
25
- --magritte-color-component-input-icon-state-chevron-disabled-v26-0-1:#AABBCA;
26
- --magritte-color-component-input-icon-state-chevron-invalid-v26-0-1:#AABBCA;
27
- --magritte-color-component-input-text-content-v26-0-1:#000000;
28
- --magritte-color-component-input-text-placeholder-v26-0-1:#AABBCA;
29
- --magritte-color-component-input-chips-background-state-neutral-disable-v26-0-1:#DCE3EB;
30
- --magritte-color-component-input-chips-text-state-neutral-disable-v26-0-1:#96aabb;
2
+ --magritte-color-component-input-stroke-state-field-hovered-v26-0-2:#CCD5DF;
3
+ --magritte-color-component-input-stroke-state-field-focused-v26-0-2:#0070ff;
4
+ --magritte-color-component-input-stroke-state-accent-focused-accessible-v26-0-2:#0070ff7a;
5
+ --magritte-color-component-input-stroke-state-field-invalid-v26-0-2:#ff4d3a;
6
+ --magritte-color-component-input-stroke-state-negative-focused-accessible-v26-0-2:#ff4d3a7a;
7
+ --magritte-color-component-input-stroke-state-field-disabled-v26-0-2:#EEF1F7;
8
+ --magritte-color-component-input-background-field-v26-0-2:#ffffff;
9
+ --magritte-color-component-input-background-state-field-hovered-v26-0-2:#ffffff;
10
+ --magritte-color-component-input-background-state-field-focused-v26-0-2:#ffffff;
11
+ --magritte-color-component-input-background-state-field-invalid-v26-0-2:#ffffff;
12
+ --magritte-color-component-input-background-state-field-disabled-v26-0-2:#F4F6FB;
13
+ --magritte-color-component-input-stroke-field-v26-0-2:#DCE3EB;
14
+ --magritte-color-component-input-text-state-content-disabled-v26-0-2:#AABBCA;
15
+ --magritte-color-component-input-text-state-placeholder-disabled-v26-0-2:#AABBCA;
16
+ --magritte-color-component-input-text-state-content-hovered-v26-0-2:#000000;
17
+ --magritte-color-component-input-text-state-content-focused-v26-0-2:#000000;
18
+ --magritte-color-component-input-text-state-content-invalid-v26-0-2:#000000;
19
+ --magritte-color-component-input-text-state-placeholder-hovered-v26-0-2:#768694;
20
+ --magritte-color-component-input-text-state-placeholder-focused-v26-0-2:#AABBCA;
21
+ --magritte-color-component-input-text-state-placeholder-invalid-v26-0-2:#AABBCA;
22
+ --magritte-color-component-input-icon-chevron-v26-0-2:#AABBCA;
23
+ --magritte-color-component-input-icon-state-chevron-focused-v26-0-2:#000000;
24
+ --magritte-color-component-input-icon-state-chevron-hovered-v26-0-2:#6a7885;
25
+ --magritte-color-component-input-icon-state-chevron-disabled-v26-0-2:#AABBCA;
26
+ --magritte-color-component-input-icon-state-chevron-invalid-v26-0-2:#AABBCA;
27
+ --magritte-color-component-input-text-content-v26-0-2:#000000;
28
+ --magritte-color-component-input-text-placeholder-v26-0-2:#AABBCA;
29
+ --magritte-color-component-input-chips-background-state-neutral-disable-v26-0-2:#DCE3EB;
30
+ --magritte-color-component-input-chips-text-state-neutral-disable-v26-0-2:#96aabb;
31
31
  }
32
32
 
33
33
  :root{
34
- --magritte-semantic-animation-ease-in-out-100-timing-function-v26-0-1:cubic-bezier(0.25, 0.1, 0.25, 1);
35
- --magritte-semantic-animation-ease-in-out-100-duration-v26-0-1:100ms;
34
+ --magritte-semantic-animation-ease-in-out-100-timing-function-v26-0-2:cubic-bezier(0.25, 0.1, 0.25, 1);
35
+ --magritte-semantic-animation-ease-in-out-100-duration-v26-0-2:100ms;
36
36
  }
37
37
 
38
38
  .magritte-night-theme{
39
- --magritte-color-component-input-stroke-state-field-hovered-v26-0-1:#3B3B3B;
40
- --magritte-color-component-input-stroke-state-field-disabled-v26-0-1:#1B1B1B;
41
- --magritte-color-component-input-background-field-v26-0-1:#111;
42
- --magritte-color-component-input-background-state-field-hovered-v26-0-1:#111;
43
- --magritte-color-component-input-background-state-field-focused-v26-0-1:#111;
44
- --magritte-color-component-input-background-state-field-invalid-v26-0-1:#111;
45
- --magritte-color-component-input-background-state-field-disabled-v26-0-1:#111;
46
- --magritte-color-component-input-stroke-field-v26-0-1:#303030;
47
- --magritte-color-component-input-text-content-v26-0-1:#ffffff;
48
- --magritte-color-component-input-text-placeholder-v26-0-1:#535353;
49
- --magritte-color-component-input-text-state-content-disabled-v26-0-1:#474747;
50
- --magritte-color-component-input-text-state-placeholder-disabled-v26-0-1:#474747;
51
- --magritte-color-component-input-text-state-content-hovered-v26-0-1:#ffffff;
52
- --magritte-color-component-input-text-state-content-focused-v26-0-1:#ffffff;
53
- --magritte-color-component-input-text-state-content-invalid-v26-0-1:#ffffff;
54
- --magritte-color-component-input-text-state-placeholder-hovered-v26-0-1:#5E5E5E;
55
- --magritte-color-component-input-text-state-placeholder-focused-v26-0-1:#535353;
56
- --magritte-color-component-input-text-state-placeholder-invalid-v26-0-1:#535353;
57
- --magritte-color-component-input-icon-state-chevron-disabled-v26-0-1:#474747;
58
- --magritte-color-component-input-icon-state-chevron-hovered-v26-0-1:#848484;
59
- --magritte-color-component-input-icon-state-chevron-focused-v26-0-1:#ffffff;
60
- --magritte-color-component-input-icon-state-chevron-invalid-v26-0-1:#474747;
61
- --magritte-color-component-input-icon-chevron-v26-0-1:#5E5E5E;
62
- --magritte-color-component-input-chips-background-state-neutral-disable-v26-0-1:#1B1B1B;
63
- --magritte-color-component-input-chips-text-state-neutral-disable-v26-0-1:#474747;
39
+ --magritte-color-component-input-stroke-state-field-hovered-v26-0-2:#3B3B3B;
40
+ --magritte-color-component-input-stroke-state-field-disabled-v26-0-2:#1B1B1B;
41
+ --magritte-color-component-input-background-field-v26-0-2:#111;
42
+ --magritte-color-component-input-background-state-field-hovered-v26-0-2:#111;
43
+ --magritte-color-component-input-background-state-field-focused-v26-0-2:#111;
44
+ --magritte-color-component-input-background-state-field-invalid-v26-0-2:#111;
45
+ --magritte-color-component-input-background-state-field-disabled-v26-0-2:#111;
46
+ --magritte-color-component-input-stroke-field-v26-0-2:#303030;
47
+ --magritte-color-component-input-text-content-v26-0-2:#ffffff;
48
+ --magritte-color-component-input-text-placeholder-v26-0-2:#535353;
49
+ --magritte-color-component-input-text-state-content-disabled-v26-0-2:#474747;
50
+ --magritte-color-component-input-text-state-placeholder-disabled-v26-0-2:#474747;
51
+ --magritte-color-component-input-text-state-content-hovered-v26-0-2:#ffffff;
52
+ --magritte-color-component-input-text-state-content-focused-v26-0-2:#ffffff;
53
+ --magritte-color-component-input-text-state-content-invalid-v26-0-2:#ffffff;
54
+ --magritte-color-component-input-text-state-placeholder-hovered-v26-0-2:#5E5E5E;
55
+ --magritte-color-component-input-text-state-placeholder-focused-v26-0-2:#535353;
56
+ --magritte-color-component-input-text-state-placeholder-invalid-v26-0-2:#535353;
57
+ --magritte-color-component-input-icon-state-chevron-disabled-v26-0-2:#474747;
58
+ --magritte-color-component-input-icon-state-chevron-hovered-v26-0-2:#848484;
59
+ --magritte-color-component-input-icon-state-chevron-focused-v26-0-2:#ffffff;
60
+ --magritte-color-component-input-icon-state-chevron-invalid-v26-0-2:#474747;
61
+ --magritte-color-component-input-icon-chevron-v26-0-2:#5E5E5E;
62
+ --magritte-color-component-input-chips-background-state-neutral-disable-v26-0-2:#1B1B1B;
63
+ --magritte-color-component-input-chips-text-state-neutral-disable-v26-0-2:#474747;
64
64
  }
65
65
 
66
66
  .magritte-zp-day-theme{
67
- --magritte-color-component-input-stroke-state-field-focused-v26-0-1:#7195AF;
68
- --magritte-color-component-input-icon-state-chevron-hovered-v26-0-1:#8293a2;
69
- --magritte-color-component-input-icon-state-chevron-disabled-v26-0-1:#96aabb;
67
+ --magritte-color-component-input-stroke-state-field-focused-v26-0-2:#7195AF;
68
+ --magritte-color-component-input-icon-state-chevron-hovered-v26-0-2:#8293a2;
69
+ --magritte-color-component-input-icon-state-chevron-disabled-v26-0-2:#96aabb;
70
70
  }
71
- .magritte-root___-zVdz_4-5-3{
71
+ .magritte-root___-zVdz_4-5-4{
72
72
  display:inline-flex;
73
73
  position:relative;
74
74
  width:100%;
@@ -77,146 +77,146 @@
77
77
  white-space:nowrap;
78
78
  appearance:none;
79
79
  overflow-y:auto;
80
- background-color:var(--magritte-color-component-input-background-field-v26-0-1);
81
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v26-0-1);
80
+ background-color:var(--magritte-color-component-input-background-field-v26-0-2);
81
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v26-0-2);
82
82
  border-radius:12px;
83
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-chevron-v26-0-1);
83
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-chevron-v26-0-2);
84
84
  --magritte-ui-scrollbar-border-radius:12px;
85
85
  }
86
86
  @media (min-width: 1020px){
87
- body.magritte-old-layout .magritte-root___-zVdz_4-5-3:not(.magritte-focused___0Uzyu_4-5-3):not(.magritte-invalid___tVzQV_4-5-3):not(.magritte-disabled___UeqcV_4-5-3):hover{
88
- background-color:var(--magritte-color-component-input-background-state-field-hovered-v26-0-1);
89
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v26-0-1);
90
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-hovered-v26-0-1);
87
+ body.magritte-old-layout .magritte-root___-zVdz_4-5-4:not(.magritte-focused___0Uzyu_4-5-4):not(.magritte-invalid___tVzQV_4-5-4):not(.magritte-disabled___UeqcV_4-5-4):hover{
88
+ background-color:var(--magritte-color-component-input-background-state-field-hovered-v26-0-2);
89
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v26-0-2);
90
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-hovered-v26-0-2);
91
91
  }
92
- body.magritte-old-layout .magritte-root___-zVdz_4-5-3:not(.magritte-focused___0Uzyu_4-5-3):not(.magritte-invalid___tVzQV_4-5-3):not(.magritte-disabled___UeqcV_4-5-3):hover .magritte-label___j7Trt_4-5-3{
93
- color:var(--magritte-color-component-input-text-state-placeholder-hovered-v26-0-1);
92
+ body.magritte-old-layout .magritte-root___-zVdz_4-5-4:not(.magritte-focused___0Uzyu_4-5-4):not(.magritte-invalid___tVzQV_4-5-4):not(.magritte-disabled___UeqcV_4-5-4):hover .magritte-label___j7Trt_4-5-4{
93
+ color:var(--magritte-color-component-input-text-state-placeholder-hovered-v26-0-2);
94
94
  }
95
- body.magritte-old-layout .magritte-root___-zVdz_4-5-3:not(.magritte-focused___0Uzyu_4-5-3):not(.magritte-invalid___tVzQV_4-5-3):not(.magritte-disabled___UeqcV_4-5-3):hover .magritte-field-input___04Cag_4-5-3{
96
- color:var(--magritte-color-component-input-text-state-content-hovered-v26-0-1);
95
+ body.magritte-old-layout .magritte-root___-zVdz_4-5-4:not(.magritte-focused___0Uzyu_4-5-4):not(.magritte-invalid___tVzQV_4-5-4):not(.magritte-disabled___UeqcV_4-5-4):hover .magritte-field-input___04Cag_4-5-4{
96
+ color:var(--magritte-color-component-input-text-state-content-hovered-v26-0-2);
97
97
  }
98
98
  }
99
99
  @media (min-width: 1024px){
100
- body:not(.magritte-old-layout) .magritte-root___-zVdz_4-5-3:not(.magritte-focused___0Uzyu_4-5-3):not(.magritte-invalid___tVzQV_4-5-3):not(.magritte-disabled___UeqcV_4-5-3):hover{
101
- background-color:var(--magritte-color-component-input-background-state-field-hovered-v26-0-1);
102
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v26-0-1);
103
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-hovered-v26-0-1);
100
+ body:not(.magritte-old-layout) .magritte-root___-zVdz_4-5-4:not(.magritte-focused___0Uzyu_4-5-4):not(.magritte-invalid___tVzQV_4-5-4):not(.magritte-disabled___UeqcV_4-5-4):hover{
101
+ background-color:var(--magritte-color-component-input-background-state-field-hovered-v26-0-2);
102
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v26-0-2);
103
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-hovered-v26-0-2);
104
104
  }
105
- body:not(.magritte-old-layout) .magritte-root___-zVdz_4-5-3:not(.magritte-focused___0Uzyu_4-5-3):not(.magritte-invalid___tVzQV_4-5-3):not(.magritte-disabled___UeqcV_4-5-3):hover .magritte-label___j7Trt_4-5-3{
106
- color:var(--magritte-color-component-input-text-state-placeholder-hovered-v26-0-1);
105
+ body:not(.magritte-old-layout) .magritte-root___-zVdz_4-5-4:not(.magritte-focused___0Uzyu_4-5-4):not(.magritte-invalid___tVzQV_4-5-4):not(.magritte-disabled___UeqcV_4-5-4):hover .magritte-label___j7Trt_4-5-4{
106
+ color:var(--magritte-color-component-input-text-state-placeholder-hovered-v26-0-2);
107
107
  }
108
- body:not(.magritte-old-layout) .magritte-root___-zVdz_4-5-3:not(.magritte-focused___0Uzyu_4-5-3):not(.magritte-invalid___tVzQV_4-5-3):not(.magritte-disabled___UeqcV_4-5-3):hover .magritte-field-input___04Cag_4-5-3{
109
- color:var(--magritte-color-component-input-text-state-content-hovered-v26-0-1);
108
+ body:not(.magritte-old-layout) .magritte-root___-zVdz_4-5-4:not(.magritte-focused___0Uzyu_4-5-4):not(.magritte-invalid___tVzQV_4-5-4):not(.magritte-disabled___UeqcV_4-5-4):hover .magritte-field-input___04Cag_4-5-4{
109
+ color:var(--magritte-color-component-input-text-state-content-hovered-v26-0-2);
110
110
  }
111
111
  }
112
- .magritte-root___-zVdz_4-5-3:not(.magritte-disabled___UeqcV_4-5-3){
112
+ .magritte-root___-zVdz_4-5-4:not(.magritte-disabled___UeqcV_4-5-4){
113
113
  cursor:text;
114
114
  }
115
- .magritte-root___-zVdz_4-5-3.magritte-focused___0Uzyu_4-5-3{
116
- background-color:var(--magritte-color-component-input-background-state-field-focused-v26-0-1);
117
- box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v26-0-1);
118
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-focused-v26-0-1);
115
+ .magritte-root___-zVdz_4-5-4.magritte-focused___0Uzyu_4-5-4{
116
+ background-color:var(--magritte-color-component-input-background-state-field-focused-v26-0-2);
117
+ box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v26-0-2);
118
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-focused-v26-0-2);
119
119
  }
120
- .magritte-root___-zVdz_4-5-3.magritte-focused___0Uzyu_4-5-3 .magritte-label___j7Trt_4-5-3{
121
- color:var(--magritte-color-component-input-text-state-placeholder-focused-v26-0-1);
120
+ .magritte-root___-zVdz_4-5-4.magritte-focused___0Uzyu_4-5-4 .magritte-label___j7Trt_4-5-4{
121
+ color:var(--magritte-color-component-input-text-state-placeholder-focused-v26-0-2);
122
122
  }
123
- .magritte-root___-zVdz_4-5-3.magritte-focused___0Uzyu_4-5-3 .magritte-field-input___04Cag_4-5-3{
124
- color:var(--magritte-color-component-input-text-state-content-focused-v26-0-1);
123
+ .magritte-root___-zVdz_4-5-4.magritte-focused___0Uzyu_4-5-4 .magritte-field-input___04Cag_4-5-4{
124
+ color:var(--magritte-color-component-input-text-state-content-focused-v26-0-2);
125
125
  }
126
- .magritte-root___-zVdz_4-5-3.magritte-invalid___tVzQV_4-5-3{
127
- background-color:var(--magritte-color-component-input-background-state-field-invalid-v26-0-1);
128
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v26-0-1);
129
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-invalid-v26-0-1);
126
+ .magritte-root___-zVdz_4-5-4.magritte-invalid___tVzQV_4-5-4{
127
+ background-color:var(--magritte-color-component-input-background-state-field-invalid-v26-0-2);
128
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v26-0-2);
129
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-invalid-v26-0-2);
130
130
  }
131
- .magritte-root___-zVdz_4-5-3.magritte-invalid___tVzQV_4-5-3 .magritte-label___j7Trt_4-5-3{
132
- color:var(--magritte-color-component-input-text-state-placeholder-invalid-v26-0-1);
131
+ .magritte-root___-zVdz_4-5-4.magritte-invalid___tVzQV_4-5-4 .magritte-label___j7Trt_4-5-4{
132
+ color:var(--magritte-color-component-input-text-state-placeholder-invalid-v26-0-2);
133
133
  }
134
- .magritte-root___-zVdz_4-5-3.magritte-invalid___tVzQV_4-5-3 .magritte-field-input___04Cag_4-5-3{
135
- color:var(--magritte-color-component-input-text-state-content-invalid-v26-0-1);
134
+ .magritte-root___-zVdz_4-5-4.magritte-invalid___tVzQV_4-5-4 .magritte-field-input___04Cag_4-5-4{
135
+ color:var(--magritte-color-component-input-text-state-content-invalid-v26-0-2);
136
136
  }
137
- .magritte-root___-zVdz_4-5-3.magritte-disabled___UeqcV_4-5-3{
138
- background-color:var(--magritte-color-component-input-background-state-field-disabled-v26-0-1);
139
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v26-0-1);
140
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-disabled-v26-0-1);
141
- --magritte-ui-chip-text-color-override:var(--magritte-color-component-input-chips-text-state-neutral-disable-v26-0-1);
142
- --magritte-ui-chip-background-color-override:var(--magritte-color-component-input-chips-background-state-neutral-disable-v26-0-1);
137
+ .magritte-root___-zVdz_4-5-4.magritte-disabled___UeqcV_4-5-4{
138
+ background-color:var(--magritte-color-component-input-background-state-field-disabled-v26-0-2);
139
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v26-0-2);
140
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-disabled-v26-0-2);
141
+ --magritte-ui-chip-text-color-override:var(--magritte-color-component-input-chips-text-state-neutral-disable-v26-0-2);
142
+ --magritte-ui-chip-background-color-override:var(--magritte-color-component-input-chips-background-state-neutral-disable-v26-0-2);
143
143
  }
144
- .magritte-root___-zVdz_4-5-3.magritte-disabled___UeqcV_4-5-3 .magritte-label___j7Trt_4-5-3{
145
- color:var(--magritte-color-component-input-text-state-placeholder-disabled-v26-0-1);
144
+ .magritte-root___-zVdz_4-5-4.magritte-disabled___UeqcV_4-5-4 .magritte-label___j7Trt_4-5-4{
145
+ color:var(--magritte-color-component-input-text-state-placeholder-disabled-v26-0-2);
146
146
  }
147
- .magritte-root___-zVdz_4-5-3.magritte-disabled___UeqcV_4-5-3 .magritte-field-input___04Cag_4-5-3{
148
- color:var(--magritte-color-component-input-text-state-content-disabled-v26-0-1);
147
+ .magritte-root___-zVdz_4-5-4.magritte-disabled___UeqcV_4-5-4 .magritte-field-input___04Cag_4-5-4{
148
+ color:var(--magritte-color-component-input-text-state-content-disabled-v26-0-2);
149
149
  }
150
- .magritte-root___-zVdz_4-5-3.magritte-disabled___UeqcV_4-5-3 .magritte-scrollable-area___-xMF2_4-5-3{
150
+ .magritte-root___-zVdz_4-5-4.magritte-disabled___UeqcV_4-5-4 .magritte-scrollable-area___-xMF2_4-5-4{
151
151
  overflow:hidden;
152
152
  }
153
- .magritte-root___-zVdz_4-5-3.magritte-focus-visible___ifvAP_4-5-3{
154
- outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v26-0-1) solid 4px;
153
+ .magritte-root___-zVdz_4-5-4.magritte-focus-visible___ifvAP_4-5-4{
154
+ outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v26-0-2) solid 4px;
155
155
  }
156
- .magritte-root___-zVdz_4-5-3.magritte-focus-visible___ifvAP_4-5-3.magritte-invalid___tVzQV_4-5-3{
157
- outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v26-0-1);
156
+ .magritte-root___-zVdz_4-5-4.magritte-focus-visible___ifvAP_4-5-4.magritte-invalid___tVzQV_4-5-4{
157
+ outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v26-0-2);
158
158
  }
159
- .magritte-large___JIrIy_4-5-3{
159
+ .magritte-large___JIrIy_4-5-4{
160
160
  padding-left:12px;
161
161
  padding-top:12px;
162
162
  padding-bottom:12px;
163
163
  padding-right:2px;
164
164
  }
165
- .magritte-large___JIrIy_4-5-3 .magritte-field___rlEmn_4-5-3{
165
+ .magritte-large___JIrIy_4-5-4 .magritte-field___rlEmn_4-5-4{
166
166
  margin-left:4px;
167
167
  }
168
- .magritte-large___JIrIy_4-5-3 .magritte-icon___fDMiz_4-5-3{
168
+ .magritte-large___JIrIy_4-5-4 .magritte-icon___fDMiz_4-5-4{
169
169
  top:12px;
170
170
  right:16px;
171
171
  }
172
- .magritte-large___JIrIy_4-5-3 .magritte-scrollable-area-wrapper___hZNQd_4-5-3{
172
+ .magritte-large___JIrIy_4-5-4 .magritte-scrollable-area-wrapper___hZNQd_4-5-4{
173
173
  padding-right:10px;
174
174
  }
175
- .magritte-large___JIrIy_4-5-3 .magritte-scrollable-area-wrapper_with-icon___2VoX9_4-5-3{
175
+ .magritte-large___JIrIy_4-5-4 .magritte-scrollable-area-wrapper_with-icon___2VoX9_4-5-4{
176
176
  padding-right:calc(24px + 10px + 12px);
177
177
  }
178
- .magritte-medium___Xk-XB_4-5-3{
178
+ .magritte-medium___Xk-XB_4-5-4{
179
179
  padding-left:8px;
180
180
  padding-top:8px;
181
181
  padding-bottom:8px;
182
182
  padding-right:2px;
183
183
  }
184
- .magritte-medium___Xk-XB_4-5-3 .magritte-field___rlEmn_4-5-3{
184
+ .magritte-medium___Xk-XB_4-5-4 .magritte-field___rlEmn_4-5-4{
185
185
  margin-left:8px;
186
186
  }
187
- .magritte-medium___Xk-XB_4-5-3 .magritte-icon___fDMiz_4-5-3{
187
+ .magritte-medium___Xk-XB_4-5-4 .magritte-icon___fDMiz_4-5-4{
188
188
  top:8px;
189
189
  right:12px;
190
190
  }
191
- .magritte-medium___Xk-XB_4-5-3 .magritte-scrollable-area-wrapper___hZNQd_4-5-3{
191
+ .magritte-medium___Xk-XB_4-5-4 .magritte-scrollable-area-wrapper___hZNQd_4-5-4{
192
192
  padding-right:6px;
193
193
  }
194
- .magritte-medium___Xk-XB_4-5-3 .magritte-scrollable-area-wrapper_with-icon___2VoX9_4-5-3{
194
+ .magritte-medium___Xk-XB_4-5-4 .magritte-scrollable-area-wrapper_with-icon___2VoX9_4-5-4{
195
195
  padding-right:calc(24px + 6px + 12px);
196
196
  }
197
- .magritte-scrollable-area-wrapper___hZNQd_4-5-3{
197
+ .magritte-scrollable-area-wrapper___hZNQd_4-5-4{
198
198
  width:100%;
199
199
  position:relative;
200
200
  overflow:hidden;
201
201
  }
202
- .magritte-scrollable-area___-xMF2_4-5-3{
202
+ .magritte-scrollable-area___-xMF2_4-5-4{
203
203
  height:100%;
204
204
  display:flex;
205
205
  align-items:flex-start;
206
206
  overflow-y:auto;
207
207
  scrollbar-width:none;
208
208
  }
209
- .magritte-scrollable-area___-xMF2_4-5-3::-webkit-scrollbar{
209
+ .magritte-scrollable-area___-xMF2_4-5-4::-webkit-scrollbar{
210
210
  display:none;
211
211
  }
212
- .magritte-chips-and-input___qg-Ba_4-5-3{
212
+ .magritte-chips-and-input___qg-Ba_4-5-4{
213
213
  display:flex;
214
214
  gap:8px;
215
215
  flex-wrap:wrap;
216
216
  align-items:center;
217
217
  width:100%;
218
218
  }
219
- .magritte-field___rlEmn_4-5-3{
219
+ .magritte-field___rlEmn_4-5-4{
220
220
  display:flex;
221
221
  align-items:center;
222
222
  position:relative;
@@ -232,41 +232,41 @@
232
232
  text-transform:none;
233
233
  text-decoration:none;
234
234
  }
235
- .magritte-field-input___04Cag_4-5-3{
235
+ .magritte-field-input___04Cag_4-5-4{
236
236
  border:0;
237
237
  padding:0;
238
238
  background:none;
239
239
  outline:none;
240
240
  width:100%;
241
241
  z-index:1;
242
- color:var(--magritte-color-component-input-text-content-v26-0-1);
242
+ color:var(--magritte-color-component-input-text-content-v26-0-2);
243
243
  }
244
- .magritte-label-wrapper___De7Bm_4-5-3{
244
+ .magritte-label-wrapper___De7Bm_4-5-4{
245
245
  display:flex;
246
246
  align-items:center;
247
247
  position:absolute;
248
248
  height:100%;
249
249
  inset:0;
250
250
  }
251
- .magritte-label___j7Trt_4-5-3{
252
- color:var(--magritte-color-component-input-text-placeholder-v26-0-1);
251
+ .magritte-label___j7Trt_4-5-4{
252
+ color:var(--magritte-color-component-input-text-placeholder-v26-0-2);
253
253
  overflow:hidden;
254
254
  text-overflow:ellipsis;
255
255
  }
256
- .magritte-icon___fDMiz_4-5-3{
256
+ .magritte-icon___fDMiz_4-5-4{
257
257
  display:inline-flex;
258
258
  margin-left:auto;
259
259
  padding:4px 0;
260
260
  position:absolute;
261
261
  transition-property:transform;
262
- transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v26-0-1);
263
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v26-0-1);
262
+ transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v26-0-2);
263
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v26-0-2);
264
264
  }
265
- .magritte-icon_expanded___RaOT-_4-5-3{
265
+ .magritte-icon_expanded___RaOT-_4-5-4{
266
266
  transform:rotate(-180deg);
267
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-focused-v26-0-1);
267
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-focused-v26-0-2);
268
268
  }
269
- .magritte-custom-chip-wrapper___a9kJ6_4-5-3{
269
+ .magritte-custom-chip-wrapper___a9kJ6_4-5-4{
270
270
  display:inline-flex;
271
271
  min-width:0;
272
272
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-chips-trigger",
3
- "version": "4.5.3",
3
+ "version": "4.5.4",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -16,6 +16,7 @@
16
16
  "ts-config": "yarn root:ts-config $(pwd)",
17
17
  "ts-check": "yarn root:ts-check $(pwd)",
18
18
  "test": "yarn root:test $(pwd)",
19
+ "test:types": "yarn root:test:types $(pwd)",
19
20
  "watch": "yarn root:watch $(pwd)"
20
21
  },
21
22
  "peerDependencies": {
@@ -26,17 +27,17 @@
26
27
  "access": "public"
27
28
  },
28
29
  "dependencies": {
29
- "@hh.ru/magritte-common-keyboard": "4.3.6",
30
- "@hh.ru/magritte-common-use-multiple-refs": "1.1.12",
31
- "@hh.ru/magritte-common-use-translation": "3.6.1",
32
- "@hh.ru/magritte-design-tokens": "26.0.1",
33
- "@hh.ru/magritte-ui-breakpoint": "6.1.2",
34
- "@hh.ru/magritte-ui-chips": "7.0.47",
35
- "@hh.ru/magritte-ui-form-helper": "2.1.25",
36
- "@hh.ru/magritte-ui-icon": "15.1.5",
37
- "@hh.ru/magritte-ui-input": "9.4.52",
38
- "@hh.ru/magritte-ui-mock-component": "1.1.8",
39
- "@hh.ru/magritte-ui-scrollbar": "1.0.39"
30
+ "@hh.ru/magritte-common-keyboard": "4.3.7",
31
+ "@hh.ru/magritte-common-use-multiple-refs": "1.1.13",
32
+ "@hh.ru/magritte-common-use-translation": "3.6.2",
33
+ "@hh.ru/magritte-design-tokens": "26.0.2",
34
+ "@hh.ru/magritte-ui-breakpoint": "6.1.3",
35
+ "@hh.ru/magritte-ui-chips": "7.0.48",
36
+ "@hh.ru/magritte-ui-form-helper": "2.1.26",
37
+ "@hh.ru/magritte-ui-icon": "15.1.6",
38
+ "@hh.ru/magritte-ui-input": "9.4.53",
39
+ "@hh.ru/magritte-ui-mock-component": "1.1.9",
40
+ "@hh.ru/magritte-ui-scrollbar": "1.0.40"
40
41
  },
41
- "gitHead": "f6539d7a0e7cd42dd851458db1de04a748bbee03"
42
+ "gitHead": "33dbaa1dc9b9705e925ffc9f6fcc7a0dc153bd36"
42
43
  }