@hh.ru/magritte-ui-chips-trigger 3.3.24 → 3.3.26

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 +156 -156
  3. package/package.json +11 -12
package/ChipsTrigger.js CHANGED
@@ -10,7 +10,7 @@ import { FormHelper } from '@hh.ru/magritte-ui-form-helper';
10
10
  import { ChevronDownOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
11
11
  import { useFocus } from '@hh.ru/magritte-ui-input/useFocus';
12
12
 
13
- var styles = {"root":"magritte-root___-zVdz_3-3-24","focused":"magritte-focused___0Uzyu_3-3-24","invalid":"magritte-invalid___tVzQV_3-3-24","disabled":"magritte-disabled___UeqcV_3-3-24","label":"magritte-label___j7Trt_3-3-24","focus-visible":"magritte-focus-visible___ifvAP_3-3-24","focusVisible":"magritte-focus-visible___ifvAP_3-3-24","large":"magritte-large___JIrIy_3-3-24","field":"magritte-field___rlEmn_3-3-24","icon":"magritte-icon___fDMiz_3-3-24","scrollable-area":"magritte-scrollable-area___-xMF2_3-3-24","scrollableArea":"magritte-scrollable-area___-xMF2_3-3-24","medium":"magritte-medium___Xk-XB_3-3-24","chips-and-input":"magritte-chips-and-input___qg-Ba_3-3-24","chipsAndInput":"magritte-chips-and-input___qg-Ba_3-3-24","field-input":"magritte-field-input___04Cag_3-3-24","fieldInput":"magritte-field-input___04Cag_3-3-24","label-wrapper":"magritte-label-wrapper___De7Bm_3-3-24","labelWrapper":"magritte-label-wrapper___De7Bm_3-3-24","icon_expanded":"magritte-icon_expanded___RaOT-_3-3-24","iconExpanded":"magritte-icon_expanded___RaOT-_3-3-24","custom-chip-wrapper":"magritte-custom-chip-wrapper___a9kJ6_3-3-24","customChipWrapper":"magritte-custom-chip-wrapper___a9kJ6_3-3-24"};
13
+ var styles = {"root":"magritte-root___-zVdz_3-3-26","focused":"magritte-focused___0Uzyu_3-3-26","invalid":"magritte-invalid___tVzQV_3-3-26","disabled":"magritte-disabled___UeqcV_3-3-26","label":"magritte-label___j7Trt_3-3-26","focus-visible":"magritte-focus-visible___ifvAP_3-3-26","focusVisible":"magritte-focus-visible___ifvAP_3-3-26","large":"magritte-large___JIrIy_3-3-26","field":"magritte-field___rlEmn_3-3-26","icon":"magritte-icon___fDMiz_3-3-26","scrollable-area":"magritte-scrollable-area___-xMF2_3-3-26","scrollableArea":"magritte-scrollable-area___-xMF2_3-3-26","medium":"magritte-medium___Xk-XB_3-3-26","chips-and-input":"magritte-chips-and-input___qg-Ba_3-3-26","chipsAndInput":"magritte-chips-and-input___qg-Ba_3-3-26","field-input":"magritte-field-input___04Cag_3-3-26","fieldInput":"magritte-field-input___04Cag_3-3-26","label-wrapper":"magritte-label-wrapper___De7Bm_3-3-26","labelWrapper":"magritte-label-wrapper___De7Bm_3-3-26","icon_expanded":"magritte-icon_expanded___RaOT-_3-3-26","iconExpanded":"magritte-icon_expanded___RaOT-_3-3-26","custom-chip-wrapper":"magritte-custom-chip-wrapper___a9kJ6_3-3-26","customChipWrapper":"magritte-custom-chip-wrapper___a9kJ6_3-3-26"};
14
14
 
15
15
  const focusOnLastChip = (event, chipsContainer, input) => {
16
16
  if (!chipsContainer || !input) {
package/index.css CHANGED
@@ -1,76 +1,76 @@
1
1
  :root{
2
- --magritte-color-component-input-stroke-state-field-hovered-v21-4-1:#CCD5DF;
3
- --magritte-color-component-input-stroke-state-field-focused-v21-4-1:#0070ff;
4
- --magritte-color-component-input-stroke-state-accent-focused-accessible-v21-4-1:#0070ff7a;
5
- --magritte-color-component-input-stroke-state-field-invalid-v21-4-1:#ff4d3a;
6
- --magritte-color-component-input-stroke-state-negative-focused-accessible-v21-4-1:#ff4d3a7a;
7
- --magritte-color-component-input-stroke-state-field-disabled-v21-4-1:#EEF1F7;
8
- --magritte-color-component-input-background-field-v21-4-1:#ffffff;
9
- --magritte-color-component-input-background-state-field-hovered-v21-4-1:#ffffff;
10
- --magritte-color-component-input-background-state-field-focused-v21-4-1:#ffffff;
11
- --magritte-color-component-input-background-state-field-invalid-v21-4-1:#ffffff;
12
- --magritte-color-component-input-background-state-field-disabled-v21-4-1:#F4F6FB;
13
- --magritte-color-component-input-stroke-field-v21-4-1:#DCE3EB;
14
- --magritte-color-component-input-text-state-placeholder-disabled-v21-4-1:#AABBCA;
15
- --magritte-color-component-input-text-state-placeholder-hovered-v21-4-1:#768694;
16
- --magritte-color-component-input-text-state-placeholder-focused-v21-4-1:#AABBCA;
17
- --magritte-color-component-input-text-state-placeholder-invalid-v21-4-1:#AABBCA;
18
- --magritte-color-component-input-icon-chevron-v21-4-1:#AABBCA;
19
- --magritte-color-component-input-icon-state-chevron-focused-v21-4-1:#000000;
20
- --magritte-color-component-input-icon-state-chevron-hovered-v21-4-1:#6a7885;
21
- --magritte-color-component-input-icon-state-chevron-disabled-v21-4-1:#AABBCA;
22
- --magritte-color-component-input-icon-state-chevron-invalid-v21-4-1:#AABBCA;
23
- --magritte-color-component-input-text-placeholder-v21-4-1:#AABBCA;
24
- --magritte-color-component-input-chips-background-state-neutral-disable-v21-4-1:#DCE3EB;
25
- --magritte-color-component-input-chips-text-state-neutral-disable-v21-4-1:#96aabb;
2
+ --magritte-color-component-input-stroke-state-field-hovered-v21-4-3:#CCD5DF;
3
+ --magritte-color-component-input-stroke-state-field-focused-v21-4-3:#0070ff;
4
+ --magritte-color-component-input-stroke-state-accent-focused-accessible-v21-4-3:#0070ff7a;
5
+ --magritte-color-component-input-stroke-state-field-invalid-v21-4-3:#ff4d3a;
6
+ --magritte-color-component-input-stroke-state-negative-focused-accessible-v21-4-3:#ff4d3a7a;
7
+ --magritte-color-component-input-stroke-state-field-disabled-v21-4-3:#EEF1F7;
8
+ --magritte-color-component-input-background-field-v21-4-3:#ffffff;
9
+ --magritte-color-component-input-background-state-field-hovered-v21-4-3:#ffffff;
10
+ --magritte-color-component-input-background-state-field-focused-v21-4-3:#ffffff;
11
+ --magritte-color-component-input-background-state-field-invalid-v21-4-3:#ffffff;
12
+ --magritte-color-component-input-background-state-field-disabled-v21-4-3:#F4F6FB;
13
+ --magritte-color-component-input-stroke-field-v21-4-3:#DCE3EB;
14
+ --magritte-color-component-input-text-state-placeholder-disabled-v21-4-3:#AABBCA;
15
+ --magritte-color-component-input-text-state-placeholder-hovered-v21-4-3:#768694;
16
+ --magritte-color-component-input-text-state-placeholder-focused-v21-4-3:#AABBCA;
17
+ --magritte-color-component-input-text-state-placeholder-invalid-v21-4-3:#AABBCA;
18
+ --magritte-color-component-input-icon-chevron-v21-4-3:#AABBCA;
19
+ --magritte-color-component-input-icon-state-chevron-focused-v21-4-3:#000000;
20
+ --magritte-color-component-input-icon-state-chevron-hovered-v21-4-3:#6a7885;
21
+ --magritte-color-component-input-icon-state-chevron-disabled-v21-4-3:#AABBCA;
22
+ --magritte-color-component-input-icon-state-chevron-invalid-v21-4-3:#AABBCA;
23
+ --magritte-color-component-input-text-placeholder-v21-4-3:#AABBCA;
24
+ --magritte-color-component-input-chips-background-state-neutral-disable-v21-4-3:#DCE3EB;
25
+ --magritte-color-component-input-chips-text-state-neutral-disable-v21-4-3:#96aabb;
26
26
  }
27
27
  :root{
28
- --magritte-typography-label-2-regular-font-family-v21-4-1:"hh sans";
29
- --magritte-typography-label-2-regular-font-weight-v21-4-1:400;
30
- --magritte-typography-label-2-regular-line-height-v21-4-1:22px;
31
- --magritte-typography-label-2-regular-font-size-v21-4-1:16px;
32
- --magritte-typography-label-2-regular-letter-spacing-v21-4-1:0em;
33
- --magritte-typography-label-2-regular-text-indent-v21-4-1:0px;
34
- --magritte-typography-label-2-regular-text-transform-v21-4-1:none;
35
- --magritte-typography-label-2-regular-text-decoration-v21-4-1:none;
36
- --magritte-semantic-animation-ease-in-out-100-timing-function-v21-4-1:cubic-bezier(0.25, 0.1, 0.25, 1);
37
- --magritte-semantic-animation-ease-in-out-100-duration-v21-4-1:100ms;
38
- --magritte-static-space-50-v21-4-1:2px;
39
- --magritte-static-space-100-v21-4-1:4px;
40
- --magritte-static-space-150-v21-4-1:6px;
41
- --magritte-static-space-200-v21-4-1:8px;
42
- --magritte-static-space-250-v21-4-1:10px;
43
- --magritte-static-space-300-v21-4-1:12px;
44
- --magritte-static-space-400-v21-4-1:16px;
45
- --magritte-core-border-radius-3-x-v21-4-1:12px;
28
+ --magritte-typography-label-2-regular-font-family-v21-4-3:"hh sans";
29
+ --magritte-typography-label-2-regular-font-weight-v21-4-3:400;
30
+ --magritte-typography-label-2-regular-line-height-v21-4-3:22px;
31
+ --magritte-typography-label-2-regular-font-size-v21-4-3:16px;
32
+ --magritte-typography-label-2-regular-letter-spacing-v21-4-3:0em;
33
+ --magritte-typography-label-2-regular-text-indent-v21-4-3:0px;
34
+ --magritte-typography-label-2-regular-text-transform-v21-4-3:none;
35
+ --magritte-typography-label-2-regular-text-decoration-v21-4-3:none;
36
+ --magritte-semantic-animation-ease-in-out-100-timing-function-v21-4-3:cubic-bezier(0.25, 0.1, 0.25, 1);
37
+ --magritte-semantic-animation-ease-in-out-100-duration-v21-4-3:100ms;
38
+ --magritte-static-space-50-v21-4-3:2px;
39
+ --magritte-static-space-100-v21-4-3:4px;
40
+ --magritte-static-space-150-v21-4-3:6px;
41
+ --magritte-static-space-200-v21-4-3:8px;
42
+ --magritte-static-space-250-v21-4-3:10px;
43
+ --magritte-static-space-300-v21-4-3:12px;
44
+ --magritte-static-space-400-v21-4-3:16px;
45
+ --magritte-core-border-radius-3-x-v21-4-3:12px;
46
46
  }
47
47
  .magritte-night-theme{
48
- --magritte-color-component-input-stroke-state-field-hovered-v21-4-1:#3B3B3B;
49
- --magritte-color-component-input-stroke-state-field-focused-v21-4-1:#0070ff;
50
- --magritte-color-component-input-stroke-state-accent-focused-accessible-v21-4-1:#0070ff7a;
51
- --magritte-color-component-input-stroke-state-field-invalid-v21-4-1:#ff4d3a;
52
- --magritte-color-component-input-stroke-state-negative-focused-accessible-v21-4-1:#ff4d3a7a;
53
- --magritte-color-component-input-stroke-state-field-disabled-v21-4-1:#111;
54
- --magritte-color-component-input-background-field-v21-4-1:#1B1B1B;
55
- --magritte-color-component-input-background-state-field-hovered-v21-4-1:#1B1B1B;
56
- --magritte-color-component-input-background-state-field-focused-v21-4-1:#1B1B1B;
57
- --magritte-color-component-input-background-state-field-invalid-v21-4-1:#1B1B1B;
58
- --magritte-color-component-input-background-state-field-disabled-v21-4-1:#111;
59
- --magritte-color-component-input-stroke-field-v21-4-1:#303030;
60
- --magritte-color-component-input-text-placeholder-v21-4-1:#535353;
61
- --magritte-color-component-input-text-state-placeholder-disabled-v21-4-1:#474747;
62
- --magritte-color-component-input-text-state-placeholder-hovered-v21-4-1:#5E5E5E;
63
- --magritte-color-component-input-text-state-placeholder-focused-v21-4-1:#535353;
64
- --magritte-color-component-input-text-state-placeholder-invalid-v21-4-1:#535353;
65
- --magritte-color-component-input-icon-state-chevron-disabled-v21-4-1:#474747;
66
- --magritte-color-component-input-icon-state-chevron-hovered-v21-4-1:#848484;
67
- --magritte-color-component-input-icon-state-chevron-focused-v21-4-1:#ffffff;
68
- --magritte-color-component-input-icon-state-chevron-invalid-v21-4-1:#474747;
69
- --magritte-color-component-input-icon-chevron-v21-4-1:#5E5E5E;
70
- --magritte-color-component-input-chips-background-state-neutral-disable-v21-4-1:#1B1B1B;
71
- --magritte-color-component-input-chips-text-state-neutral-disable-v21-4-1:#474747;
72
- }
73
- .magritte-root___-zVdz_3-3-24{
48
+ --magritte-color-component-input-stroke-state-field-hovered-v21-4-3:#3B3B3B;
49
+ --magritte-color-component-input-stroke-state-field-focused-v21-4-3:#0070ff;
50
+ --magritte-color-component-input-stroke-state-accent-focused-accessible-v21-4-3:#0070ff7a;
51
+ --magritte-color-component-input-stroke-state-field-invalid-v21-4-3:#ff4d3a;
52
+ --magritte-color-component-input-stroke-state-negative-focused-accessible-v21-4-3:#ff4d3a7a;
53
+ --magritte-color-component-input-stroke-state-field-disabled-v21-4-3:#111;
54
+ --magritte-color-component-input-background-field-v21-4-3:#1B1B1B;
55
+ --magritte-color-component-input-background-state-field-hovered-v21-4-3:#1B1B1B;
56
+ --magritte-color-component-input-background-state-field-focused-v21-4-3:#1B1B1B;
57
+ --magritte-color-component-input-background-state-field-invalid-v21-4-3:#1B1B1B;
58
+ --magritte-color-component-input-background-state-field-disabled-v21-4-3:#111;
59
+ --magritte-color-component-input-stroke-field-v21-4-3:#303030;
60
+ --magritte-color-component-input-text-placeholder-v21-4-3:#535353;
61
+ --magritte-color-component-input-text-state-placeholder-disabled-v21-4-3:#474747;
62
+ --magritte-color-component-input-text-state-placeholder-hovered-v21-4-3:#5E5E5E;
63
+ --magritte-color-component-input-text-state-placeholder-focused-v21-4-3:#535353;
64
+ --magritte-color-component-input-text-state-placeholder-invalid-v21-4-3:#535353;
65
+ --magritte-color-component-input-icon-state-chevron-disabled-v21-4-3:#474747;
66
+ --magritte-color-component-input-icon-state-chevron-hovered-v21-4-3:#848484;
67
+ --magritte-color-component-input-icon-state-chevron-focused-v21-4-3:#ffffff;
68
+ --magritte-color-component-input-icon-state-chevron-invalid-v21-4-3:#474747;
69
+ --magritte-color-component-input-icon-chevron-v21-4-3:#5E5E5E;
70
+ --magritte-color-component-input-chips-background-state-neutral-disable-v21-4-3:#1B1B1B;
71
+ --magritte-color-component-input-chips-text-state-neutral-disable-v21-4-3:#474747;
72
+ }
73
+ .magritte-root___-zVdz_3-3-26{
74
74
  display:inline-flex;
75
75
  position:relative;
76
76
  width:100%;
@@ -79,159 +79,159 @@
79
79
  white-space:nowrap;
80
80
  appearance:none;
81
81
  overflow-y:auto;
82
- background-color:var(--magritte-color-component-input-background-field-v21-4-1);
83
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v21-4-1);
84
- border-radius:var(--magritte-core-border-radius-3-x-v21-4-1);
85
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-chevron-v21-4-1);
82
+ background-color:var(--magritte-color-component-input-background-field-v21-4-3);
83
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v21-4-3);
84
+ border-radius:var(--magritte-core-border-radius-3-x-v21-4-3);
85
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-chevron-v21-4-3);
86
86
  }
87
87
  @media (min-width: 1020px){
88
- body.magritte-old-layout .magritte-root___-zVdz_3-3-24:not(.magritte-focused___0Uzyu_3-3-24):not(.magritte-invalid___tVzQV_3-3-24):not(.magritte-disabled___UeqcV_3-3-24):hover{
89
- background-color:var(--magritte-color-component-input-background-state-field-hovered-v21-4-1);
90
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v21-4-1);
91
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-hovered-v21-4-1);
88
+ body.magritte-old-layout .magritte-root___-zVdz_3-3-26:not(.magritte-focused___0Uzyu_3-3-26):not(.magritte-invalid___tVzQV_3-3-26):not(.magritte-disabled___UeqcV_3-3-26):hover{
89
+ background-color:var(--magritte-color-component-input-background-state-field-hovered-v21-4-3);
90
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v21-4-3);
91
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-hovered-v21-4-3);
92
92
  }
93
- body.magritte-old-layout .magritte-root___-zVdz_3-3-24:not(.magritte-focused___0Uzyu_3-3-24):not(.magritte-invalid___tVzQV_3-3-24):not(.magritte-disabled___UeqcV_3-3-24):hover .magritte-label___j7Trt_3-3-24{
94
- color:var(--magritte-color-component-input-text-state-placeholder-hovered-v21-4-1);
93
+ body.magritte-old-layout .magritte-root___-zVdz_3-3-26:not(.magritte-focused___0Uzyu_3-3-26):not(.magritte-invalid___tVzQV_3-3-26):not(.magritte-disabled___UeqcV_3-3-26):hover .magritte-label___j7Trt_3-3-26{
94
+ color:var(--magritte-color-component-input-text-state-placeholder-hovered-v21-4-3);
95
95
  }
96
96
  }
97
97
  @media (min-width: 1024px){
98
- body:not(.magritte-old-layout) .magritte-root___-zVdz_3-3-24:not(.magritte-focused___0Uzyu_3-3-24):not(.magritte-invalid___tVzQV_3-3-24):not(.magritte-disabled___UeqcV_3-3-24):hover{
99
- background-color:var(--magritte-color-component-input-background-state-field-hovered-v21-4-1);
100
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v21-4-1);
101
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-hovered-v21-4-1);
98
+ body:not(.magritte-old-layout) .magritte-root___-zVdz_3-3-26:not(.magritte-focused___0Uzyu_3-3-26):not(.magritte-invalid___tVzQV_3-3-26):not(.magritte-disabled___UeqcV_3-3-26):hover{
99
+ background-color:var(--magritte-color-component-input-background-state-field-hovered-v21-4-3);
100
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v21-4-3);
101
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-hovered-v21-4-3);
102
102
  }
103
- body:not(.magritte-old-layout) .magritte-root___-zVdz_3-3-24:not(.magritte-focused___0Uzyu_3-3-24):not(.magritte-invalid___tVzQV_3-3-24):not(.magritte-disabled___UeqcV_3-3-24):hover .magritte-label___j7Trt_3-3-24{
104
- color:var(--magritte-color-component-input-text-state-placeholder-hovered-v21-4-1);
103
+ body:not(.magritte-old-layout) .magritte-root___-zVdz_3-3-26:not(.magritte-focused___0Uzyu_3-3-26):not(.magritte-invalid___tVzQV_3-3-26):not(.magritte-disabled___UeqcV_3-3-26):hover .magritte-label___j7Trt_3-3-26{
104
+ color:var(--magritte-color-component-input-text-state-placeholder-hovered-v21-4-3);
105
105
  }
106
106
  }
107
- .magritte-root___-zVdz_3-3-24:not(.magritte-disabled___UeqcV_3-3-24){
107
+ .magritte-root___-zVdz_3-3-26:not(.magritte-disabled___UeqcV_3-3-26){
108
108
  cursor:text;
109
109
  }
110
- .magritte-root___-zVdz_3-3-24.magritte-focused___0Uzyu_3-3-24{
111
- background-color:var(--magritte-color-component-input-background-state-field-focused-v21-4-1);
112
- box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v21-4-1);
113
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-focused-v21-4-1);
110
+ .magritte-root___-zVdz_3-3-26.magritte-focused___0Uzyu_3-3-26{
111
+ background-color:var(--magritte-color-component-input-background-state-field-focused-v21-4-3);
112
+ box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v21-4-3);
113
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-focused-v21-4-3);
114
114
  }
115
- .magritte-root___-zVdz_3-3-24.magritte-focused___0Uzyu_3-3-24 .magritte-label___j7Trt_3-3-24{
116
- color:var(--magritte-color-component-input-text-state-placeholder-focused-v21-4-1);
115
+ .magritte-root___-zVdz_3-3-26.magritte-focused___0Uzyu_3-3-26 .magritte-label___j7Trt_3-3-26{
116
+ color:var(--magritte-color-component-input-text-state-placeholder-focused-v21-4-3);
117
117
  }
118
- .magritte-root___-zVdz_3-3-24.magritte-invalid___tVzQV_3-3-24{
119
- background-color:var(--magritte-color-component-input-background-state-field-invalid-v21-4-1);
120
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v21-4-1);
121
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-invalid-v21-4-1);
118
+ .magritte-root___-zVdz_3-3-26.magritte-invalid___tVzQV_3-3-26{
119
+ background-color:var(--magritte-color-component-input-background-state-field-invalid-v21-4-3);
120
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v21-4-3);
121
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-invalid-v21-4-3);
122
122
  }
123
- .magritte-root___-zVdz_3-3-24.magritte-invalid___tVzQV_3-3-24 .magritte-label___j7Trt_3-3-24{
124
- color:var(--magritte-color-component-input-text-state-placeholder-invalid-v21-4-1);
123
+ .magritte-root___-zVdz_3-3-26.magritte-invalid___tVzQV_3-3-26 .magritte-label___j7Trt_3-3-26{
124
+ color:var(--magritte-color-component-input-text-state-placeholder-invalid-v21-4-3);
125
125
  }
126
- .magritte-root___-zVdz_3-3-24.magritte-disabled___UeqcV_3-3-24{
127
- background-color:var(--magritte-color-component-input-background-state-field-disabled-v21-4-1);
128
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v21-4-1);
129
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-disabled-v21-4-1);
130
- --magritte-ui-chip-text-color-override:var(--magritte-color-component-input-chips-text-state-neutral-disable-v21-4-1);
131
- --magritte-ui-chip-background-color-override:var(--magritte-color-component-input-chips-background-state-neutral-disable-v21-4-1);
126
+ .magritte-root___-zVdz_3-3-26.magritte-disabled___UeqcV_3-3-26{
127
+ background-color:var(--magritte-color-component-input-background-state-field-disabled-v21-4-3);
128
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v21-4-3);
129
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-disabled-v21-4-3);
130
+ --magritte-ui-chip-text-color-override:var(--magritte-color-component-input-chips-text-state-neutral-disable-v21-4-3);
131
+ --magritte-ui-chip-background-color-override:var(--magritte-color-component-input-chips-background-state-neutral-disable-v21-4-3);
132
132
  }
133
- .magritte-root___-zVdz_3-3-24.magritte-disabled___UeqcV_3-3-24 .magritte-label___j7Trt_3-3-24{
134
- color:var(--magritte-color-component-input-text-state-placeholder-disabled-v21-4-1);
133
+ .magritte-root___-zVdz_3-3-26.magritte-disabled___UeqcV_3-3-26 .magritte-label___j7Trt_3-3-26{
134
+ color:var(--magritte-color-component-input-text-state-placeholder-disabled-v21-4-3);
135
135
  }
136
- .magritte-root___-zVdz_3-3-24.magritte-focus-visible___ifvAP_3-3-24{
137
- outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v21-4-1) solid 4px;
136
+ .magritte-root___-zVdz_3-3-26.magritte-focus-visible___ifvAP_3-3-26{
137
+ outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v21-4-3) solid 4px;
138
138
  }
139
- .magritte-root___-zVdz_3-3-24.magritte-focus-visible___ifvAP_3-3-24.magritte-invalid___tVzQV_3-3-24{
140
- outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v21-4-1);
139
+ .magritte-root___-zVdz_3-3-26.magritte-focus-visible___ifvAP_3-3-26.magritte-invalid___tVzQV_3-3-26{
140
+ outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v21-4-3);
141
141
  }
142
- .magritte-large___JIrIy_3-3-24{
143
- padding-left:var(--magritte-static-space-300-v21-4-1);
144
- padding-top:var(--magritte-static-space-300-v21-4-1);
145
- padding-bottom:var(--magritte-static-space-300-v21-4-1);
146
- padding-right:var(--magritte-static-space-50-v21-4-1);
142
+ .magritte-large___JIrIy_3-3-26{
143
+ padding-left:var(--magritte-static-space-300-v21-4-3);
144
+ padding-top:var(--magritte-static-space-300-v21-4-3);
145
+ padding-bottom:var(--magritte-static-space-300-v21-4-3);
146
+ padding-right:var(--magritte-static-space-50-v21-4-3);
147
147
  }
148
- .magritte-large___JIrIy_3-3-24 .magritte-field___rlEmn_3-3-24{
149
- margin-left:var(--magritte-static-space-100-v21-4-1);
148
+ .magritte-large___JIrIy_3-3-26 .magritte-field___rlEmn_3-3-26{
149
+ margin-left:var(--magritte-static-space-100-v21-4-3);
150
150
  }
151
- .magritte-large___JIrIy_3-3-24 .magritte-icon___fDMiz_3-3-24{
152
- top:var(--magritte-static-space-300-v21-4-1);
153
- right:var(--magritte-static-space-400-v21-4-1);
151
+ .magritte-large___JIrIy_3-3-26 .magritte-icon___fDMiz_3-3-26{
152
+ top:var(--magritte-static-space-300-v21-4-3);
153
+ right:var(--magritte-static-space-400-v21-4-3);
154
154
  }
155
- .magritte-large___JIrIy_3-3-24 .magritte-scrollable-area___-xMF2_3-3-24{
156
- padding-right:calc(24px + var(--magritte-static-space-250-v21-4-1) + var(--magritte-static-space-300-v21-4-1));
155
+ .magritte-large___JIrIy_3-3-26 .magritte-scrollable-area___-xMF2_3-3-26{
156
+ padding-right:calc(24px + var(--magritte-static-space-250-v21-4-3) + var(--magritte-static-space-300-v21-4-3));
157
157
  }
158
- .magritte-medium___Xk-XB_3-3-24{
159
- padding-left:var(--magritte-static-space-200-v21-4-1);
160
- padding-top:var(--magritte-static-space-200-v21-4-1);
161
- padding-bottom:var(--magritte-static-space-200-v21-4-1);
162
- padding-right:var(--magritte-static-space-50-v21-4-1);
158
+ .magritte-medium___Xk-XB_3-3-26{
159
+ padding-left:var(--magritte-static-space-200-v21-4-3);
160
+ padding-top:var(--magritte-static-space-200-v21-4-3);
161
+ padding-bottom:var(--magritte-static-space-200-v21-4-3);
162
+ padding-right:var(--magritte-static-space-50-v21-4-3);
163
163
  }
164
- .magritte-medium___Xk-XB_3-3-24 .magritte-field___rlEmn_3-3-24{
165
- margin-left:var(--magritte-static-space-100-v21-4-1);
164
+ .magritte-medium___Xk-XB_3-3-26 .magritte-field___rlEmn_3-3-26{
165
+ margin-left:var(--magritte-static-space-100-v21-4-3);
166
166
  }
167
- .magritte-medium___Xk-XB_3-3-24 .magritte-icon___fDMiz_3-3-24{
168
- top:var(--magritte-static-space-200-v21-4-1);
169
- right:var(--magritte-static-space-300-v21-4-1);
167
+ .magritte-medium___Xk-XB_3-3-26 .magritte-icon___fDMiz_3-3-26{
168
+ top:var(--magritte-static-space-200-v21-4-3);
169
+ right:var(--magritte-static-space-300-v21-4-3);
170
170
  }
171
- .magritte-medium___Xk-XB_3-3-24 .magritte-scrollable-area___-xMF2_3-3-24{
172
- padding-right:calc(24px + var(--magritte-static-space-150-v21-4-1) + var(--magritte-static-space-300-v21-4-1));
171
+ .magritte-medium___Xk-XB_3-3-26 .magritte-scrollable-area___-xMF2_3-3-26{
172
+ padding-right:calc(24px + var(--magritte-static-space-150-v21-4-3) + var(--magritte-static-space-300-v21-4-3));
173
173
  }
174
- .magritte-scrollable-area___-xMF2_3-3-24{
174
+ .magritte-scrollable-area___-xMF2_3-3-26{
175
175
  display:flex;
176
176
  align-items:flex-start;
177
177
  overflow-y:auto;
178
178
  width:100%;
179
179
  }
180
- .magritte-chips-and-input___qg-Ba_3-3-24{
180
+ .magritte-chips-and-input___qg-Ba_3-3-26{
181
181
  display:flex;
182
182
  gap:6px;
183
183
  flex-wrap:wrap;
184
184
  align-items:center;
185
185
  width:100%;
186
186
  }
187
- .magritte-field___rlEmn_3-3-24{
187
+ .magritte-field___rlEmn_3-3-26{
188
188
  display:flex;
189
189
  align-items:center;
190
190
  position:relative;
191
191
  flex-grow:1;
192
192
  height:32px;
193
193
  width:50px;
194
- font-family:var(--magritte-typography-label-2-regular-font-family-v21-4-1);
195
- font-weight:var(--magritte-typography-label-2-regular-font-weight-v21-4-1);
196
- line-height:var(--magritte-typography-label-2-regular-line-height-v21-4-1);
197
- font-size:var(--magritte-typography-label-2-regular-font-size-v21-4-1);
198
- letter-spacing:var(--magritte-typography-label-2-regular-letter-spacing-v21-4-1);
199
- text-indent:var(--magritte-typography-label-2-regular-text-indent-v21-4-1);
200
- text-transform:var(--magritte-typography-label-2-regular-text-transform-v21-4-1);
201
- text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v21-4-1);
202
- }
203
- .magritte-field-input___04Cag_3-3-24{
194
+ font-family:var(--magritte-typography-label-2-regular-font-family-v21-4-3);
195
+ font-weight:var(--magritte-typography-label-2-regular-font-weight-v21-4-3);
196
+ line-height:var(--magritte-typography-label-2-regular-line-height-v21-4-3);
197
+ font-size:var(--magritte-typography-label-2-regular-font-size-v21-4-3);
198
+ letter-spacing:var(--magritte-typography-label-2-regular-letter-spacing-v21-4-3);
199
+ text-indent:var(--magritte-typography-label-2-regular-text-indent-v21-4-3);
200
+ text-transform:var(--magritte-typography-label-2-regular-text-transform-v21-4-3);
201
+ text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v21-4-3);
202
+ }
203
+ .magritte-field-input___04Cag_3-3-26{
204
204
  border:0;
205
205
  padding:0;
206
206
  background:none;
207
207
  outline:none;
208
208
  width:100%;
209
209
  }
210
- .magritte-label-wrapper___De7Bm_3-3-24{
210
+ .magritte-label-wrapper___De7Bm_3-3-26{
211
211
  display:flex;
212
212
  align-items:center;
213
213
  position:absolute;
214
214
  height:100%;
215
215
  inset:0;
216
216
  }
217
- .magritte-label___j7Trt_3-3-24{
218
- color:var(--magritte-color-component-input-text-placeholder-v21-4-1);
217
+ .magritte-label___j7Trt_3-3-26{
218
+ color:var(--magritte-color-component-input-text-placeholder-v21-4-3);
219
219
  overflow:hidden;
220
220
  text-overflow:ellipsis;
221
221
  }
222
- .magritte-icon___fDMiz_3-3-24{
222
+ .magritte-icon___fDMiz_3-3-26{
223
223
  display:inline-flex;
224
224
  margin-left:auto;
225
- padding:var(--magritte-static-space-100-v21-4-1) 0;
225
+ padding:var(--magritte-static-space-100-v21-4-3) 0;
226
226
  position:absolute;
227
227
  transition-property:transform;
228
- transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v21-4-1);
229
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v21-4-1);
228
+ transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v21-4-3);
229
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v21-4-3);
230
230
  }
231
- .magritte-icon_expanded___RaOT-_3-3-24{
231
+ .magritte-icon_expanded___RaOT-_3-3-26{
232
232
  transform:rotate(-180deg);
233
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-focused-v21-4-1);
233
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-focused-v21-4-3);
234
234
  }
235
- .magritte-custom-chip-wrapper___a9kJ6_3-3-24{
235
+ .magritte-custom-chip-wrapper___a9kJ6_3-3-26{
236
236
  display:inline-flex;
237
237
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-chips-trigger",
3
- "version": "3.3.24",
3
+ "version": "3.3.26",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -9,7 +9,6 @@
9
9
  "scripts": {
10
10
  "build": "yarn root:build $(pwd)",
11
11
  "build-test-branch": "yarn root:build-test-branch $(pwd)",
12
- "changelog": "yarn root:changelog $(pwd)",
13
12
  "prepack": "yarn root:prepack $(pwd)",
14
13
  "postpublish": "yarn root:postpublish $(pwd)",
15
14
  "stylelint-test": "yarn root:stylelint-test $(pwd)",
@@ -27,15 +26,15 @@
27
26
  "access": "public"
28
27
  },
29
28
  "dependencies": {
30
- "@hh.ru/magritte-common-keyboard": "4.1.0",
31
- "@hh.ru/magritte-common-use-multiple-refs": "1.1.5",
32
- "@hh.ru/magritte-ui-breakpoint": "5.0.0",
33
- "@hh.ru/magritte-ui-chips": "5.4.4",
34
- "@hh.ru/magritte-ui-form-helper": "1.0.29",
35
- "@hh.ru/magritte-ui-icon": "10.2.2",
36
- "@hh.ru/magritte-ui-input": "7.2.4",
37
- "@hh.ru/magritte-ui-mock-component": "1.1.0",
38
- "@hh.ru/magritte-ui-theme-provider": "1.1.43"
29
+ "@hh.ru/magritte-common-keyboard": "4.1.1",
30
+ "@hh.ru/magritte-common-use-multiple-refs": "1.1.6",
31
+ "@hh.ru/magritte-ui-breakpoint": "5.0.1",
32
+ "@hh.ru/magritte-ui-chips": "5.4.6",
33
+ "@hh.ru/magritte-ui-form-helper": "1.0.31",
34
+ "@hh.ru/magritte-ui-icon": "11.0.1",
35
+ "@hh.ru/magritte-ui-input": "7.2.6",
36
+ "@hh.ru/magritte-ui-mock-component": "1.1.1",
37
+ "@hh.ru/magritte-ui-theme-provider": "1.1.45"
39
38
  },
40
- "gitHead": "bb2cc4bead8878b27ed2de03e1cbdeffc706f517"
39
+ "gitHead": "3b9876dd08185c2fe27bed519e3a08fb912a07aa"
41
40
  }