@hh.ru/magritte-ui-chips-input 1.2.0 → 1.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/ChipsInput.js +1 -1
  2. package/index.css +144 -144
  3. package/package.json +6 -6
package/ChipsInput.js CHANGED
@@ -9,7 +9,7 @@ import { FormHelper } from '@hh.ru/magritte-ui-form-helper';
9
9
  import { ChevronDownOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
10
10
  import { useFocus } from '@hh.ru/magritte-ui-input/useFocus';
11
11
 
12
- var styles = {"root":"magritte-root___1YkGM_1-2-0","focused":"magritte-focused___dy9eY_1-2-0","invalid":"magritte-invalid___RJHLG_1-2-0","disabled":"magritte-disabled___hD00s_1-2-0","field":"magritte-field___IMwTW_1-2-0","focus-visible":"magritte-focus-visible___wdNv6_1-2-0","focusVisible":"magritte-focus-visible___wdNv6_1-2-0","large":"magritte-large___OjLba_1-2-0","icon":"magritte-icon___7eYOG_1-2-0","medium":"magritte-medium___SSyhM_1-2-0","scrollable-area":"magritte-scrollable-area___7XKlY_1-2-0","scrollableArea":"magritte-scrollable-area___7XKlY_1-2-0","chips-and-input":"magritte-chips-and-input___wx6To_1-2-0","chipsAndInput":"magritte-chips-and-input___wx6To_1-2-0","icon_expanded":"magritte-icon_expanded___PtihN_1-2-0","iconExpanded":"magritte-icon_expanded___PtihN_1-2-0"};
12
+ var styles = {"root":"magritte-root___1YkGM_1-2-2","focused":"magritte-focused___dy9eY_1-2-2","invalid":"magritte-invalid___RJHLG_1-2-2","disabled":"magritte-disabled___hD00s_1-2-2","field":"magritte-field___IMwTW_1-2-2","focus-visible":"magritte-focus-visible___wdNv6_1-2-2","focusVisible":"magritte-focus-visible___wdNv6_1-2-2","large":"magritte-large___OjLba_1-2-2","icon":"magritte-icon___7eYOG_1-2-2","medium":"magritte-medium___SSyhM_1-2-2","scrollable-area":"magritte-scrollable-area___7XKlY_1-2-2","scrollableArea":"magritte-scrollable-area___7XKlY_1-2-2","chips-and-input":"magritte-chips-and-input___wx6To_1-2-2","chipsAndInput":"magritte-chips-and-input___wx6To_1-2-2","icon_expanded":"magritte-icon_expanded___PtihN_1-2-2","iconExpanded":"magritte-icon_expanded___PtihN_1-2-2"};
13
13
 
14
14
  const focusOnLastChip = (event, chipsContainer, input) => {
15
15
  if (!chipsContainer || !input) {
package/index.css CHANGED
@@ -1,75 +1,75 @@
1
1
  :root{
2
- --magritte-color-component-input-stroke-state-field-hovered-v19-0-0:#CCD5DF;
3
- --magritte-color-component-input-stroke-state-field-focused-v19-0-0:#0070ff;
4
- --magritte-color-component-input-stroke-state-accent-focused-accessible-v19-0-0:#0070ff7a;
5
- --magritte-color-component-input-stroke-state-field-invalid-v19-0-0:#ff4d3a;
6
- --magritte-color-component-input-stroke-state-negative-focused-accessible-v19-0-0:#ff4d3a7a;
7
- --magritte-color-component-input-stroke-state-field-disabled-v19-0-0:#EEF1F7;
8
- --magritte-color-component-input-background-field-v19-0-0:#ffffff;
9
- --magritte-color-component-input-background-state-field-hovered-v19-0-0:#ffffff;
10
- --magritte-color-component-input-background-state-field-focused-v19-0-0:#ffffff;
11
- --magritte-color-component-input-background-state-field-invalid-v19-0-0:#ffffff;
12
- --magritte-color-component-input-background-state-field-disabled-v19-0-0:#F4F6FB;
13
- --magritte-color-component-input-stroke-field-v19-0-0:#DCE3EB;
14
- --magritte-color-component-input-text-state-placeholder-disabled-v19-0-0:#AABBCA;
15
- --magritte-color-component-input-text-state-placeholder-hovered-v19-0-0:#768694;
16
- --magritte-color-component-input-text-state-placeholder-focused-v19-0-0:#AABBCA;
17
- --magritte-color-component-input-text-state-placeholder-invalid-v19-0-0:#AABBCA;
18
- --magritte-color-component-input-icon-content-v19-0-0:#6a7885;
19
- --magritte-color-component-input-icon-state-content-hovered-v19-0-0:#6a7885;
20
- --magritte-color-component-input-icon-state-content-focused-v19-0-0:#000000;
21
- --magritte-color-component-input-icon-state-content-invalid-v19-0-0:#6a7885;
22
- --magritte-color-component-input-icon-state-content-disabled-v19-0-0:#AABBCA;
23
- --magritte-color-component-input-icon-state-chevron-focused-v19-0-0:#000000;
24
- --magritte-color-component-input-text-placeholder-v19-0-0:#AABBCA;
25
- --magritte-color-component-input-chips-background-state-neutral-disable-v19-0-0:#DCE3EB;
26
- --magritte-color-component-input-chips-text-state-neutral-disable-v19-0-0:#96aabb;
2
+ --magritte-color-component-input-stroke-state-field-hovered-v19-1-0:#CCD5DF;
3
+ --magritte-color-component-input-stroke-state-field-focused-v19-1-0:#0070ff;
4
+ --magritte-color-component-input-stroke-state-accent-focused-accessible-v19-1-0:#0070ff7a;
5
+ --magritte-color-component-input-stroke-state-field-invalid-v19-1-0:#ff4d3a;
6
+ --magritte-color-component-input-stroke-state-negative-focused-accessible-v19-1-0:#ff4d3a7a;
7
+ --magritte-color-component-input-stroke-state-field-disabled-v19-1-0:#EEF1F7;
8
+ --magritte-color-component-input-background-field-v19-1-0:#ffffff;
9
+ --magritte-color-component-input-background-state-field-hovered-v19-1-0:#ffffff;
10
+ --magritte-color-component-input-background-state-field-focused-v19-1-0:#ffffff;
11
+ --magritte-color-component-input-background-state-field-invalid-v19-1-0:#ffffff;
12
+ --magritte-color-component-input-background-state-field-disabled-v19-1-0:#F4F6FB;
13
+ --magritte-color-component-input-stroke-field-v19-1-0:#DCE3EB;
14
+ --magritte-color-component-input-text-state-placeholder-disabled-v19-1-0:#AABBCA;
15
+ --magritte-color-component-input-text-state-placeholder-hovered-v19-1-0:#768694;
16
+ --magritte-color-component-input-text-state-placeholder-focused-v19-1-0:#AABBCA;
17
+ --magritte-color-component-input-text-state-placeholder-invalid-v19-1-0:#AABBCA;
18
+ --magritte-color-component-input-icon-content-v19-1-0:#6a7885;
19
+ --magritte-color-component-input-icon-state-content-hovered-v19-1-0:#6a7885;
20
+ --magritte-color-component-input-icon-state-content-focused-v19-1-0:#000000;
21
+ --magritte-color-component-input-icon-state-content-invalid-v19-1-0:#6a7885;
22
+ --magritte-color-component-input-icon-state-content-disabled-v19-1-0:#AABBCA;
23
+ --magritte-color-component-input-icon-state-chevron-focused-v19-1-0:#000000;
24
+ --magritte-color-component-input-text-placeholder-v19-1-0:#AABBCA;
25
+ --magritte-color-component-input-chips-background-state-neutral-disable-v19-1-0:#DCE3EB;
26
+ --magritte-color-component-input-chips-text-state-neutral-disable-v19-1-0:#96aabb;
27
27
  }
28
28
  :root{
29
- --magritte-typography-label-2-regular-font-family-v19-0-0:"Inter";
30
- --magritte-typography-label-2-regular-font-weight-v19-0-0:400;
31
- --magritte-typography-label-2-regular-line-height-v19-0-0:22px;
32
- --magritte-typography-label-2-regular-font-size-v19-0-0:16px;
33
- --magritte-typography-label-2-regular-letter-spacing-v19-0-0:0em;
34
- --magritte-typography-label-2-regular-text-indent-v19-0-0:0px;
35
- --magritte-typography-label-2-regular-text-transform-v19-0-0:none;
36
- --magritte-typography-label-2-regular-text-decoration-v19-0-0:none;
37
- --magritte-semantic-animation-ease-in-out-100-timing-function-v19-0-0:cubic-bezier(0.25, 0.1, 0.25, 1);
38
- --magritte-semantic-animation-ease-in-out-100-duration-v19-0-0:100ms;
39
- --magritte-static-space-100-v19-0-0:4px;
40
- --magritte-static-space-200-v19-0-0:8px;
41
- --magritte-static-space-300-v19-0-0:12px;
42
- --magritte-static-space-400-v19-0-0:16px;
43
- --magritte-core-border-radius-3-x-v19-0-0:12px;
29
+ --magritte-typography-label-2-regular-font-family-v19-1-0:"Inter";
30
+ --magritte-typography-label-2-regular-font-weight-v19-1-0:400;
31
+ --magritte-typography-label-2-regular-line-height-v19-1-0:22px;
32
+ --magritte-typography-label-2-regular-font-size-v19-1-0:16px;
33
+ --magritte-typography-label-2-regular-letter-spacing-v19-1-0:0em;
34
+ --magritte-typography-label-2-regular-text-indent-v19-1-0:0px;
35
+ --magritte-typography-label-2-regular-text-transform-v19-1-0:none;
36
+ --magritte-typography-label-2-regular-text-decoration-v19-1-0:none;
37
+ --magritte-semantic-animation-ease-in-out-100-timing-function-v19-1-0:cubic-bezier(0.25, 0.1, 0.25, 1);
38
+ --magritte-semantic-animation-ease-in-out-100-duration-v19-1-0:100ms;
39
+ --magritte-static-space-100-v19-1-0:4px;
40
+ --magritte-static-space-200-v19-1-0:8px;
41
+ --magritte-static-space-300-v19-1-0:12px;
42
+ --magritte-static-space-400-v19-1-0:16px;
43
+ --magritte-core-border-radius-3-x-v19-1-0:12px;
44
44
  }
45
45
  .magritte-night-theme{
46
- --magritte-color-component-input-stroke-state-field-hovered-v19-0-0:#3B3B3B;
47
- --magritte-color-component-input-stroke-state-field-focused-v19-0-0:#0070ff;
48
- --magritte-color-component-input-stroke-state-accent-focused-accessible-v19-0-0:#0070ff7a;
49
- --magritte-color-component-input-stroke-state-field-invalid-v19-0-0:#ff4d3a;
50
- --magritte-color-component-input-stroke-state-negative-focused-accessible-v19-0-0:#ff4d3a7a;
51
- --magritte-color-component-input-stroke-state-field-disabled-v19-0-0:#111;
52
- --magritte-color-component-input-background-field-v19-0-0:#1B1B1B;
53
- --magritte-color-component-input-background-state-field-hovered-v19-0-0:#1B1B1B;
54
- --magritte-color-component-input-background-state-field-focused-v19-0-0:#1B1B1B;
55
- --magritte-color-component-input-background-state-field-invalid-v19-0-0:#1B1B1B;
56
- --magritte-color-component-input-background-state-field-disabled-v19-0-0:#111;
57
- --magritte-color-component-input-stroke-field-v19-0-0:#303030;
58
- --magritte-color-component-input-text-placeholder-v19-0-0:#535353;
59
- --magritte-color-component-input-text-state-placeholder-disabled-v19-0-0:#474747;
60
- --magritte-color-component-input-text-state-placeholder-hovered-v19-0-0:#5E5E5E;
61
- --magritte-color-component-input-text-state-placeholder-focused-v19-0-0:#535353;
62
- --magritte-color-component-input-text-state-placeholder-invalid-v19-0-0:#535353;
63
- --magritte-color-component-input-icon-state-content-hovered-v19-0-0:#5E5E5E;
64
- --magritte-color-component-input-icon-state-content-focused-v19-0-0:#ffffff;
65
- --magritte-color-component-input-icon-state-content-invalid-v19-0-0:#767676;
66
- --magritte-color-component-input-icon-state-content-disabled-v19-0-0:#474747;
67
- --magritte-color-component-input-icon-state-chevron-focused-v19-0-0:#ffffff;
68
- --magritte-color-component-input-icon-content-v19-0-0:#ABABAB;
69
- --magritte-color-component-input-chips-background-state-neutral-disable-v19-0-0:#1B1B1B;
70
- --magritte-color-component-input-chips-text-state-neutral-disable-v19-0-0:#474747;
71
- }
72
- .magritte-root___1YkGM_1-2-0{
46
+ --magritte-color-component-input-stroke-state-field-hovered-v19-1-0:#3B3B3B;
47
+ --magritte-color-component-input-stroke-state-field-focused-v19-1-0:#0070ff;
48
+ --magritte-color-component-input-stroke-state-accent-focused-accessible-v19-1-0:#0070ff7a;
49
+ --magritte-color-component-input-stroke-state-field-invalid-v19-1-0:#ff4d3a;
50
+ --magritte-color-component-input-stroke-state-negative-focused-accessible-v19-1-0:#ff4d3a7a;
51
+ --magritte-color-component-input-stroke-state-field-disabled-v19-1-0:#111;
52
+ --magritte-color-component-input-background-field-v19-1-0:#1B1B1B;
53
+ --magritte-color-component-input-background-state-field-hovered-v19-1-0:#1B1B1B;
54
+ --magritte-color-component-input-background-state-field-focused-v19-1-0:#1B1B1B;
55
+ --magritte-color-component-input-background-state-field-invalid-v19-1-0:#1B1B1B;
56
+ --magritte-color-component-input-background-state-field-disabled-v19-1-0:#111;
57
+ --magritte-color-component-input-stroke-field-v19-1-0:#303030;
58
+ --magritte-color-component-input-text-placeholder-v19-1-0:#535353;
59
+ --magritte-color-component-input-text-state-placeholder-disabled-v19-1-0:#474747;
60
+ --magritte-color-component-input-text-state-placeholder-hovered-v19-1-0:#5E5E5E;
61
+ --magritte-color-component-input-text-state-placeholder-focused-v19-1-0:#535353;
62
+ --magritte-color-component-input-text-state-placeholder-invalid-v19-1-0:#535353;
63
+ --magritte-color-component-input-icon-state-content-hovered-v19-1-0:#5E5E5E;
64
+ --magritte-color-component-input-icon-state-content-focused-v19-1-0:#ffffff;
65
+ --magritte-color-component-input-icon-state-content-invalid-v19-1-0:#767676;
66
+ --magritte-color-component-input-icon-state-content-disabled-v19-1-0:#474747;
67
+ --magritte-color-component-input-icon-state-chevron-focused-v19-1-0:#ffffff;
68
+ --magritte-color-component-input-icon-content-v19-1-0:#ABABAB;
69
+ --magritte-color-component-input-chips-background-state-neutral-disable-v19-1-0:#1B1B1B;
70
+ --magritte-color-component-input-chips-text-state-neutral-disable-v19-1-0:#474747;
71
+ }
72
+ .magritte-root___1YkGM_1-2-2{
73
73
  display:inline-flex;
74
74
  position:relative;
75
75
  width:100%;
@@ -78,130 +78,130 @@
78
78
  white-space:nowrap;
79
79
  appearance:none;
80
80
  overflow-y:auto;
81
- background-color:var(--magritte-color-component-input-background-field-v19-0-0);
82
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v19-0-0);
83
- border-radius:var(--magritte-core-border-radius-3-x-v19-0-0);
84
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-content-v19-0-0);
81
+ background-color:var(--magritte-color-component-input-background-field-v19-1-0);
82
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v19-1-0);
83
+ border-radius:var(--magritte-core-border-radius-3-x-v19-1-0);
84
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-content-v19-1-0);
85
85
  }
86
86
  @media (min-width: 1020px){
87
- body.magritte-old-layout .magritte-root___1YkGM_1-2-0:not(.magritte-focused___dy9eY_1-2-0):not(.magritte-invalid___RJHLG_1-2-0):not(.magritte-disabled___hD00s_1-2-0):hover{
88
- background-color:var(--magritte-color-component-input-background-state-field-hovered-v19-0-0);
89
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v19-0-0);
90
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-hovered-v19-0-0);
87
+ body.magritte-old-layout .magritte-root___1YkGM_1-2-2:not(.magritte-focused___dy9eY_1-2-2):not(.magritte-invalid___RJHLG_1-2-2):not(.magritte-disabled___hD00s_1-2-2):hover{
88
+ background-color:var(--magritte-color-component-input-background-state-field-hovered-v19-1-0);
89
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v19-1-0);
90
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-hovered-v19-1-0);
91
91
  }
92
- body.magritte-old-layout .magritte-root___1YkGM_1-2-0:not(.magritte-focused___dy9eY_1-2-0):not(.magritte-invalid___RJHLG_1-2-0):not(.magritte-disabled___hD00s_1-2-0):hover .magritte-field___IMwTW_1-2-0::placeholder{
93
- color:var(--magritte-color-component-input-text-state-placeholder-hovered-v19-0-0);
92
+ body.magritte-old-layout .magritte-root___1YkGM_1-2-2:not(.magritte-focused___dy9eY_1-2-2):not(.magritte-invalid___RJHLG_1-2-2):not(.magritte-disabled___hD00s_1-2-2):hover .magritte-field___IMwTW_1-2-2::placeholder{
93
+ color:var(--magritte-color-component-input-text-state-placeholder-hovered-v19-1-0);
94
94
  }
95
95
  }
96
96
  @media (min-width: 1024px){
97
- body:not(.magritte-old-layout) .magritte-root___1YkGM_1-2-0:not(.magritte-focused___dy9eY_1-2-0):not(.magritte-invalid___RJHLG_1-2-0):not(.magritte-disabled___hD00s_1-2-0):hover{
98
- background-color:var(--magritte-color-component-input-background-state-field-hovered-v19-0-0);
99
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v19-0-0);
100
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-hovered-v19-0-0);
97
+ body:not(.magritte-old-layout) .magritte-root___1YkGM_1-2-2:not(.magritte-focused___dy9eY_1-2-2):not(.magritte-invalid___RJHLG_1-2-2):not(.magritte-disabled___hD00s_1-2-2):hover{
98
+ background-color:var(--magritte-color-component-input-background-state-field-hovered-v19-1-0);
99
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v19-1-0);
100
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-hovered-v19-1-0);
101
101
  }
102
- body:not(.magritte-old-layout) .magritte-root___1YkGM_1-2-0:not(.magritte-focused___dy9eY_1-2-0):not(.magritte-invalid___RJHLG_1-2-0):not(.magritte-disabled___hD00s_1-2-0):hover .magritte-field___IMwTW_1-2-0::placeholder{
103
- color:var(--magritte-color-component-input-text-state-placeholder-hovered-v19-0-0);
102
+ body:not(.magritte-old-layout) .magritte-root___1YkGM_1-2-2:not(.magritte-focused___dy9eY_1-2-2):not(.magritte-invalid___RJHLG_1-2-2):not(.magritte-disabled___hD00s_1-2-2):hover .magritte-field___IMwTW_1-2-2::placeholder{
103
+ color:var(--magritte-color-component-input-text-state-placeholder-hovered-v19-1-0);
104
104
  }
105
105
  }
106
- .magritte-root___1YkGM_1-2-0:not(.magritte-disabled___hD00s_1-2-0){
106
+ .magritte-root___1YkGM_1-2-2:not(.magritte-disabled___hD00s_1-2-2){
107
107
  cursor:text;
108
108
  }
109
- .magritte-root___1YkGM_1-2-0.magritte-focused___dy9eY_1-2-0{
110
- background-color:var(--magritte-color-component-input-background-state-field-focused-v19-0-0);
111
- box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v19-0-0);
112
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-focused-v19-0-0);
109
+ .magritte-root___1YkGM_1-2-2.magritte-focused___dy9eY_1-2-2{
110
+ background-color:var(--magritte-color-component-input-background-state-field-focused-v19-1-0);
111
+ box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v19-1-0);
112
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-focused-v19-1-0);
113
113
  }
114
- .magritte-root___1YkGM_1-2-0.magritte-focused___dy9eY_1-2-0 .magritte-field___IMwTW_1-2-0::placeholder{
115
- color:var(--magritte-color-component-input-text-state-placeholder-focused-v19-0-0);
114
+ .magritte-root___1YkGM_1-2-2.magritte-focused___dy9eY_1-2-2 .magritte-field___IMwTW_1-2-2::placeholder{
115
+ color:var(--magritte-color-component-input-text-state-placeholder-focused-v19-1-0);
116
116
  }
117
- .magritte-root___1YkGM_1-2-0.magritte-invalid___RJHLG_1-2-0{
118
- background-color:var(--magritte-color-component-input-background-state-field-invalid-v19-0-0);
119
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v19-0-0);
120
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-invalid-v19-0-0);
117
+ .magritte-root___1YkGM_1-2-2.magritte-invalid___RJHLG_1-2-2{
118
+ background-color:var(--magritte-color-component-input-background-state-field-invalid-v19-1-0);
119
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v19-1-0);
120
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-invalid-v19-1-0);
121
121
  }
122
- .magritte-root___1YkGM_1-2-0.magritte-invalid___RJHLG_1-2-0 .magritte-field___IMwTW_1-2-0::placeholder{
123
- color:var(--magritte-color-component-input-text-state-placeholder-invalid-v19-0-0);
122
+ .magritte-root___1YkGM_1-2-2.magritte-invalid___RJHLG_1-2-2 .magritte-field___IMwTW_1-2-2::placeholder{
123
+ color:var(--magritte-color-component-input-text-state-placeholder-invalid-v19-1-0);
124
124
  }
125
- .magritte-root___1YkGM_1-2-0.magritte-disabled___hD00s_1-2-0{
126
- background-color:var(--magritte-color-component-input-background-state-field-disabled-v19-0-0);
127
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v19-0-0);
128
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-disabled-v19-0-0);
129
- --magritte-ui-chip-text-color-override:var(--magritte-color-component-input-chips-text-state-neutral-disable-v19-0-0);
130
- --magritte-ui-chip-background-color-override:var(--magritte-color-component-input-chips-background-state-neutral-disable-v19-0-0);
125
+ .magritte-root___1YkGM_1-2-2.magritte-disabled___hD00s_1-2-2{
126
+ background-color:var(--magritte-color-component-input-background-state-field-disabled-v19-1-0);
127
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v19-1-0);
128
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-disabled-v19-1-0);
129
+ --magritte-ui-chip-text-color-override:var(--magritte-color-component-input-chips-text-state-neutral-disable-v19-1-0);
130
+ --magritte-ui-chip-background-color-override:var(--magritte-color-component-input-chips-background-state-neutral-disable-v19-1-0);
131
131
  }
132
- .magritte-root___1YkGM_1-2-0.magritte-disabled___hD00s_1-2-0 .magritte-field___IMwTW_1-2-0::placeholder{
133
- color:var(--magritte-color-component-input-text-state-placeholder-disabled-v19-0-0);
132
+ .magritte-root___1YkGM_1-2-2.magritte-disabled___hD00s_1-2-2 .magritte-field___IMwTW_1-2-2::placeholder{
133
+ color:var(--magritte-color-component-input-text-state-placeholder-disabled-v19-1-0);
134
134
  }
135
- .magritte-root___1YkGM_1-2-0.magritte-focus-visible___wdNv6_1-2-0{
136
- outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v19-0-0) solid 4px;
135
+ .magritte-root___1YkGM_1-2-2.magritte-focus-visible___wdNv6_1-2-2{
136
+ outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v19-1-0) solid 4px;
137
137
  }
138
- .magritte-root___1YkGM_1-2-0.magritte-focus-visible___wdNv6_1-2-0.magritte-invalid___RJHLG_1-2-0{
139
- outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v19-0-0);
138
+ .magritte-root___1YkGM_1-2-2.magritte-focus-visible___wdNv6_1-2-2.magritte-invalid___RJHLG_1-2-2{
139
+ outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v19-1-0);
140
140
  }
141
- .magritte-large___OjLba_1-2-0{
142
- padding:var(--magritte-static-space-300-v19-0-0);
141
+ .magritte-large___OjLba_1-2-2{
142
+ padding:var(--magritte-static-space-300-v19-1-0);
143
143
  }
144
- .magritte-large___OjLba_1-2-0 .magritte-field___IMwTW_1-2-0{
145
- padding-left:var(--magritte-static-space-100-v19-0-0);
144
+ .magritte-large___OjLba_1-2-2 .magritte-field___IMwTW_1-2-2{
145
+ padding-left:var(--magritte-static-space-100-v19-1-0);
146
146
  }
147
- .magritte-large___OjLba_1-2-0 .magritte-icon___7eYOG_1-2-0{
148
- top:var(--magritte-static-space-300-v19-0-0);
149
- right:var(--magritte-static-space-400-v19-0-0);
147
+ .magritte-large___OjLba_1-2-2 .magritte-icon___7eYOG_1-2-2{
148
+ top:var(--magritte-static-space-300-v19-1-0);
149
+ right:var(--magritte-static-space-400-v19-1-0);
150
150
  }
151
- .magritte-medium___SSyhM_1-2-0{
152
- padding:var(--magritte-static-space-200-v19-0-0);
151
+ .magritte-medium___SSyhM_1-2-2{
152
+ padding:var(--magritte-static-space-200-v19-1-0);
153
153
  }
154
- .magritte-medium___SSyhM_1-2-0 .magritte-field___IMwTW_1-2-0{
155
- padding-left:var(--magritte-static-space-100-v19-0-0);
154
+ .magritte-medium___SSyhM_1-2-2 .magritte-field___IMwTW_1-2-2{
155
+ padding-left:var(--magritte-static-space-100-v19-1-0);
156
156
  }
157
- .magritte-medium___SSyhM_1-2-0 .magritte-icon___7eYOG_1-2-0{
158
- top:var(--magritte-static-space-200-v19-0-0);
159
- right:var(--magritte-static-space-300-v19-0-0);
157
+ .magritte-medium___SSyhM_1-2-2 .magritte-icon___7eYOG_1-2-2{
158
+ top:var(--magritte-static-space-200-v19-1-0);
159
+ right:var(--magritte-static-space-300-v19-1-0);
160
160
  }
161
- .magritte-scrollable-area___7XKlY_1-2-0{
161
+ .magritte-scrollable-area___7XKlY_1-2-2{
162
162
  display:flex;
163
163
  align-items:flex-start;
164
164
  overflow-y:auto;
165
165
  width:100%;
166
166
  padding-right:24px;
167
167
  }
168
- .magritte-chips-and-input___wx6To_1-2-0{
168
+ .magritte-chips-and-input___wx6To_1-2-2{
169
169
  display:flex;
170
170
  gap:6px;
171
171
  flex-wrap:wrap;
172
172
  align-items:center;
173
173
  width:100%;
174
- margin-right:var(--magritte-static-space-300-v19-0-0);
174
+ margin-right:var(--magritte-static-space-300-v19-1-0);
175
175
  }
176
- .magritte-field___IMwTW_1-2-0{
176
+ .magritte-field___IMwTW_1-2-2{
177
177
  border:0;
178
178
  background:none;
179
179
  flex-grow:1;
180
180
  height:32px;
181
181
  width:50px;
182
182
  outline:none;
183
- font-family:var(--magritte-typography-label-2-regular-font-family-v19-0-0);
184
- font-weight:var(--magritte-typography-label-2-regular-font-weight-v19-0-0);
185
- line-height:var(--magritte-typography-label-2-regular-line-height-v19-0-0);
186
- font-size:var(--magritte-typography-label-2-regular-font-size-v19-0-0);
187
- letter-spacing:var(--magritte-typography-label-2-regular-letter-spacing-v19-0-0);
188
- text-indent:var(--magritte-typography-label-2-regular-text-indent-v19-0-0);
189
- text-transform:var(--magritte-typography-label-2-regular-text-transform-v19-0-0);
190
- text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v19-0-0);
191
- }
192
- .magritte-field___IMwTW_1-2-0::placeholder{
193
- color:var(--magritte-color-component-input-text-placeholder-v19-0-0);
194
- }
195
- .magritte-icon___7eYOG_1-2-0{
183
+ font-family:var(--magritte-typography-label-2-regular-font-family-v19-1-0);
184
+ font-weight:var(--magritte-typography-label-2-regular-font-weight-v19-1-0);
185
+ line-height:var(--magritte-typography-label-2-regular-line-height-v19-1-0);
186
+ font-size:var(--magritte-typography-label-2-regular-font-size-v19-1-0);
187
+ letter-spacing:var(--magritte-typography-label-2-regular-letter-spacing-v19-1-0);
188
+ text-indent:var(--magritte-typography-label-2-regular-text-indent-v19-1-0);
189
+ text-transform:var(--magritte-typography-label-2-regular-text-transform-v19-1-0);
190
+ text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v19-1-0);
191
+ }
192
+ .magritte-field___IMwTW_1-2-2::placeholder{
193
+ color:var(--magritte-color-component-input-text-placeholder-v19-1-0);
194
+ }
195
+ .magritte-icon___7eYOG_1-2-2{
196
196
  display:inline-flex;
197
197
  margin-left:auto;
198
- padding:var(--magritte-static-space-100-v19-0-0) 0;
198
+ padding:var(--magritte-static-space-100-v19-1-0) 0;
199
199
  position:absolute;
200
200
  transition-property:transform;
201
- transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v19-0-0);
202
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v19-0-0);
201
+ transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v19-1-0);
202
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v19-1-0);
203
203
  }
204
- .magritte-icon_expanded___PtihN_1-2-0{
204
+ .magritte-icon_expanded___PtihN_1-2-2{
205
205
  transform:rotate(-180deg);
206
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-focused-v19-0-0);
206
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-focused-v19-1-0);
207
207
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-chips-input",
3
- "version": "1.2.0",
3
+ "version": "1.2.2",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -29,10 +29,10 @@
29
29
  "dependencies": {
30
30
  "@hh.ru/magritte-common-keyboard": "4.0.2",
31
31
  "@hh.ru/magritte-common-use-multiple-refs": "1.1.4",
32
- "@hh.ru/magritte-ui-chips": "5.2.14",
33
- "@hh.ru/magritte-ui-form-helper": "1.0.9",
34
- "@hh.ru/magritte-ui-icon": "7.8.1",
35
- "@hh.ru/magritte-ui-input": "6.0.13"
32
+ "@hh.ru/magritte-ui-chips": "5.2.16",
33
+ "@hh.ru/magritte-ui-form-helper": "1.0.10",
34
+ "@hh.ru/magritte-ui-icon": "7.9.0",
35
+ "@hh.ru/magritte-ui-input": "6.0.15"
36
36
  },
37
- "gitHead": "19c54c47476d820fb2cec0d4ebdbb254c52dd8e6"
37
+ "gitHead": "b3e0588e408e619e64868eff34e01e3d07260b2d"
38
38
  }