@hh.ru/magritte-ui-menu 1.0.8 → 1.0.9

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 (12) hide show
  1. package/Item.js +1 -1
  2. package/Menu.js +1 -1
  3. package/QuickAction.js +1 -1
  4. package/QuickActions.js +1 -1
  5. package/SectionHeader.js +1 -1
  6. package/index.css +44 -45
  7. package/index.js +1 -1
  8. package/menu-BWqmjOZh.js +5 -0
  9. package/menu-BWqmjOZh.js.map +1 -0
  10. package/package.json +2 -2
  11. package/menu-DL5jWA5Q.js +0 -5
  12. package/menu-DL5jWA5Q.js.map +0 -1
package/Item.js CHANGED
@@ -15,7 +15,7 @@ import { MenuContext } from './context.js';
15
15
  import { useSubmenuSafeZone } from './useSubmenuSafeZone.js';
16
16
  import { isSwitchComponent } from '@hh.ru/magritte-ui-switch';
17
17
  import { Text } from '@hh.ru/magritte-ui-typography';
18
- import { s as styles } from './menu-DL5jWA5Q.js';
18
+ import { s as styles } from './menu-BWqmjOZh.js';
19
19
  import '@hh.ru/magritte-common-use-disabled';
20
20
  import '@hh.ru/magritte-common-func-utils';
21
21
  import './safeZone.js';
package/Menu.js CHANGED
@@ -13,7 +13,7 @@ import { MenuQuickActions } from './QuickActions.js';
13
13
  import { MenuSectionHeader } from './SectionHeader.js';
14
14
  import { MenuContext } from './context.js';
15
15
  import { NavBar } from '@hh.ru/magritte-ui-nav-bar';
16
- import { s as styles } from './menu-DL5jWA5Q.js';
16
+ import { s as styles } from './menu-BWqmjOZh.js';
17
17
  import '@hh.ru/magritte-ui-bottom-sheet';
18
18
  import '@hh.ru/magritte-ui-divider';
19
19
  import '@hh.ru/magritte-ui-drop';
package/QuickAction.js CHANGED
@@ -4,7 +4,7 @@ import { forwardRef } from 'react';
4
4
  import classnames from 'classnames';
5
5
  import { DisabledWrapper } from './DisabledWrapper.js';
6
6
  import { Text } from '@hh.ru/magritte-ui-typography';
7
- import { s as styles } from './menu-DL5jWA5Q.js';
7
+ import { s as styles } from './menu-BWqmjOZh.js';
8
8
  import '@hh.ru/magritte-common-use-disabled';
9
9
  import '@hh.ru/magritte-ui-icon';
10
10
 
package/QuickActions.js CHANGED
@@ -2,7 +2,7 @@ import './index.css';
2
2
  import { jsx } from 'react/jsx-runtime';
3
3
  import { forwardRef } from 'react';
4
4
  import classnames from 'classnames';
5
- import { s as styles } from './menu-DL5jWA5Q.js';
5
+ import { s as styles } from './menu-BWqmjOZh.js';
6
6
 
7
7
  const MenuQuickActions = forwardRef(({ children, className, ...props }, ref) => {
8
8
  return (jsx("div", { ...props, className: classnames(className, styles.quickActions), ref: ref, children: children }));
package/SectionHeader.js CHANGED
@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
3
3
  import { forwardRef } from 'react';
4
4
  import { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';
5
5
  import { SectionHeader } from '@hh.ru/magritte-ui-section-header';
6
- import { s as styles } from './menu-DL5jWA5Q.js';
6
+ import { s as styles } from './menu-BWqmjOZh.js';
7
7
 
8
8
  const MenuSectionHeader = forwardRef((props, ref) => {
9
9
  const { isMobile } = useBreakpoint();
package/index.css CHANGED
@@ -19,159 +19,158 @@
19
19
  --magritte-color-background-state-negative-secondary-hovered-v24-7-3:#3D2622;
20
20
  --magritte-color-background-state-negative-secondary-pressed-v24-7-3:#3D2622;
21
21
  }
22
- .magritte-disabled___ZuG-J_1-0-8{
22
+ .magritte-disabled___ZuG-J_1-0-9{
23
23
  pointer-events:none;
24
24
  }
25
25
  @media (min-width: 1020px){
26
- body.magritte-old-layout .magritte-drop-content-margin___q01ll_1-0-8{
26
+ body.magritte-old-layout .magritte-drop-content-margin___q01ll_1-0-9{
27
27
  margin:0 12px;
28
28
  }
29
29
  }
30
30
  @media (min-width: 1024px){
31
- body:not(.magritte-old-layout) .magritte-drop-content-margin___q01ll_1-0-8{
31
+ body:not(.magritte-old-layout) .magritte-drop-content-margin___q01ll_1-0-9{
32
32
  margin:0 12px;
33
33
  }
34
34
  }
35
- .magritte-item___HyDAw_1-0-8{
35
+ .magritte-item___HyDAw_1-0-9{
36
36
  display:flex;
37
37
  gap:12px;
38
38
  align-items:center;
39
39
  padding:12px 16px;
40
40
  }
41
41
  @media (min-width: 1020px){
42
- body.magritte-old-layout .magritte-item___HyDAw_1-0-8{
42
+ body.magritte-old-layout .magritte-item___HyDAw_1-0-9{
43
43
  cursor:pointer;
44
44
  border-radius:12px;
45
45
  padding:10px 12px;
46
46
  }
47
- body.magritte-old-layout .magritte-item___HyDAw_1-0-8.focus-visible{
47
+ body.magritte-old-layout .magritte-item___HyDAw_1-0-9.focus-visible{
48
48
  outline:4px solid var(--magritte-color-stroke-state-focused-accessible-v24-7-3);
49
49
  }
50
50
  }
51
51
  @media (min-width: 1024px){
52
- body:not(.magritte-old-layout) .magritte-item___HyDAw_1-0-8{
52
+ body:not(.magritte-old-layout) .magritte-item___HyDAw_1-0-9{
53
53
  cursor:pointer;
54
54
  border-radius:12px;
55
55
  padding:10px 12px;
56
56
  }
57
- body:not(.magritte-old-layout) .magritte-item___HyDAw_1-0-8.focus-visible{
57
+ body:not(.magritte-old-layout) .magritte-item___HyDAw_1-0-9.focus-visible{
58
58
  outline:4px solid var(--magritte-color-stroke-state-focused-accessible-v24-7-3);
59
59
  }
60
60
  }
61
- .magritte-neutral___WyGeQ_1-0-8:active{
61
+ .magritte-neutral___WyGeQ_1-0-9:active{
62
62
  background-color:var(--magritte-color-background-state-secondary-pressed-v24-7-3);
63
63
  }
64
64
  @media (min-width: 1020px){
65
- body.magritte-old-layout .magritte-neutral___WyGeQ_1-0-8:hover:not(:active){
65
+ body.magritte-old-layout .magritte-neutral___WyGeQ_1-0-9:hover:not(:active){
66
66
  background-color:var(--magritte-color-background-state-secondary-hovered-v24-7-3);
67
67
  }
68
68
  }
69
69
  @media (min-width: 1024px){
70
- body:not(.magritte-old-layout) .magritte-neutral___WyGeQ_1-0-8:hover:not(:active){
70
+ body:not(.magritte-old-layout) .magritte-neutral___WyGeQ_1-0-9:hover:not(:active){
71
71
  background-color:var(--magritte-color-background-state-secondary-hovered-v24-7-3);
72
72
  }
73
73
  }
74
- .magritte-negative___F7a0c_1-0-8:active{
74
+ .magritte-negative___F7a0c_1-0-9:active{
75
75
  background-color:var(--magritte-color-background-state-negative-secondary-pressed-v24-7-3);
76
76
  }
77
77
  @media (min-width: 1020px){
78
- body.magritte-old-layout .magritte-negative___F7a0c_1-0-8:hover:not(:active){
78
+ body.magritte-old-layout .magritte-negative___F7a0c_1-0-9:hover:not(:active){
79
79
  background-color:var(--magritte-color-background-state-negative-secondary-hovered-v24-7-3);
80
80
  }
81
81
  }
82
82
  @media (min-width: 1024px){
83
- body:not(.magritte-old-layout) .magritte-negative___F7a0c_1-0-8:hover:not(:active){
83
+ body:not(.magritte-old-layout) .magritte-negative___F7a0c_1-0-9:hover:not(:active){
84
84
  background-color:var(--magritte-color-background-state-negative-secondary-hovered-v24-7-3);
85
85
  }
86
86
  }
87
- .magritte-item-icon___yCv9l_1-0-8{
87
+ .magritte-item-icon___yCv9l_1-0-9{
88
88
  flex:0 0 auto;
89
89
  padding:4px 0;
90
90
  }
91
91
  @media (min-width: 1020px){
92
- body.magritte-old-layout .magritte-item-icon___yCv9l_1-0-8{
92
+ body.magritte-old-layout .magritte-item-icon___yCv9l_1-0-9{
93
93
  padding:0;
94
94
  }
95
95
  }
96
96
  @media (min-width: 1024px){
97
- body:not(.magritte-old-layout) .magritte-item-icon___yCv9l_1-0-8{
97
+ body:not(.magritte-old-layout) .magritte-item-icon___yCv9l_1-0-9{
98
98
  padding:0;
99
99
  }
100
100
  }
101
- .magritte-item-text___GL3A5_1-0-8{
101
+ .magritte-item-text___GL3A5_1-0-9{
102
102
  flex:1 1 auto;
103
103
  min-width:0;
104
104
  padding:4px 0;
105
105
  }
106
106
  @media (min-width: 1020px){
107
- body.magritte-old-layout .magritte-item-text___GL3A5_1-0-8{
107
+ body.magritte-old-layout .magritte-item-text___GL3A5_1-0-9{
108
108
  padding:0;
109
109
  }
110
110
  }
111
111
  @media (min-width: 1024px){
112
- body:not(.magritte-old-layout) .magritte-item-text___GL3A5_1-0-8{
112
+ body:not(.magritte-old-layout) .magritte-item-text___GL3A5_1-0-9{
113
113
  padding:0;
114
114
  }
115
115
  }
116
- .magritte-item-tag___KX5wL_1-0-8{
117
- flex:0 1 auto;
118
- min-width:0;
116
+ .magritte-item-tag___KX5wL_1-0-9{
117
+ flex:0 0 auto;
119
118
  padding:4px 0;
120
119
  }
121
120
  @media (min-width: 1020px){
122
- body.magritte-old-layout .magritte-item-tag___KX5wL_1-0-8{
121
+ body.magritte-old-layout .magritte-item-tag___KX5wL_1-0-9{
123
122
  padding:0;
124
123
  }
125
124
  }
126
125
  @media (min-width: 1024px){
127
- body:not(.magritte-old-layout) .magritte-item-tag___KX5wL_1-0-8{
126
+ body:not(.magritte-old-layout) .magritte-item-tag___KX5wL_1-0-9{
128
127
  padding:0;
129
128
  }
130
129
  }
131
- .magritte-item-right-content___U2hc1_1-0-8{
130
+ .magritte-item-right-content___U2hc1_1-0-9{
132
131
  flex:0 1 auto;
133
132
  min-width:0;
134
133
  display:flex;
135
134
  align-items:center;
136
135
  gap:8px;
137
136
  }
138
- .magritte-mobile-menu-container___zlY08_1-0-8{
137
+ .magritte-mobile-menu-container___zlY08_1-0-9{
139
138
  position:relative;
140
139
  overflow:hidden;
141
140
  }
142
- .magritte-mobile-main-menu-container___fOW3d_1-0-8{
141
+ .magritte-mobile-main-menu-container___fOW3d_1-0-9{
143
142
  position:relative;
144
143
  }
145
- .magritte-mobile-submenu-container___od1Ev_1-0-8{
144
+ .magritte-mobile-submenu-container___od1Ev_1-0-9{
146
145
  position:absolute;
147
146
  inset:0 -100% auto 100%;
148
147
  }
149
148
  @media (prefers-reduced-motion: no-preference){
150
- .magritte-mobile-main-menu-container___fOW3d_1-0-8,
151
- .magritte-mobile-submenu-container___od1Ev_1-0-8{
149
+ .magritte-mobile-main-menu-container___fOW3d_1-0-9,
150
+ .magritte-mobile-submenu-container___od1Ev_1-0-9{
152
151
  transition:transform var(--magritte-semantic-animation-time-m-duration-v24-7-3) var(--magritte-semantic-animation-ease-base-timing-function-v24-7-3);
153
152
  }
154
153
  }
155
- .magritte-mobile-menu-container-slide___HXiEx_1-0-8 .magritte-mobile-main-menu-container___fOW3d_1-0-8,
156
- .magritte-mobile-menu-container-slide___HXiEx_1-0-8 .magritte-mobile-submenu-container___od1Ev_1-0-8{
154
+ .magritte-mobile-menu-container-slide___HXiEx_1-0-9 .magritte-mobile-main-menu-container___fOW3d_1-0-9,
155
+ .magritte-mobile-menu-container-slide___HXiEx_1-0-9 .magritte-mobile-submenu-container___od1Ev_1-0-9{
157
156
  transform:translateX(-100%);
158
157
  }
159
- .magritte-quick-actions___HvUJ3_1-0-8{
158
+ .magritte-quick-actions___HvUJ3_1-0-9{
160
159
  display:flex;
161
160
  gap:4px;
162
161
  margin:0 16px 4px;
163
162
  }
164
163
  @media (min-width: 1020px){
165
- body.magritte-old-layout .magritte-quick-actions___HvUJ3_1-0-8{
164
+ body.magritte-old-layout .magritte-quick-actions___HvUJ3_1-0-9{
166
165
  margin:0 12px 4px;
167
166
  }
168
167
  }
169
168
  @media (min-width: 1024px){
170
- body:not(.magritte-old-layout) .magritte-quick-actions___HvUJ3_1-0-8{
169
+ body:not(.magritte-old-layout) .magritte-quick-actions___HvUJ3_1-0-9{
171
170
  margin:0 12px 4px;
172
171
  }
173
172
  }
174
- .magritte-quick-action___1K5Ip_1-0-8{
173
+ .magritte-quick-action___1K5Ip_1-0-9{
175
174
  display:flex;
176
175
  flex-direction:column;
177
176
  align-items:center;
@@ -182,31 +181,31 @@
182
181
  min-width:0;
183
182
  padding:14px 12px;
184
183
  }
185
- .magritte-quick-action___1K5Ip_1-0-8:active{
184
+ .magritte-quick-action___1K5Ip_1-0-9:active{
186
185
  background-color:var(--magritte-color-background-state-secondary-pressed-v24-7-3);
187
186
  }
188
187
  @media (min-width: 1020px){
189
- body.magritte-old-layout .magritte-quick-action___1K5Ip_1-0-8{
188
+ body.magritte-old-layout .magritte-quick-action___1K5Ip_1-0-9{
190
189
  cursor:pointer;
191
190
  }
192
- body.magritte-old-layout .magritte-quick-action___1K5Ip_1-0-8:hover:not(:active){
191
+ body.magritte-old-layout .magritte-quick-action___1K5Ip_1-0-9:hover:not(:active){
193
192
  background-color:var(--magritte-color-background-state-secondary-hovered-v24-7-3);
194
193
  }
195
- body.magritte-old-layout .magritte-quick-action___1K5Ip_1-0-8.focus-visible{
194
+ body.magritte-old-layout .magritte-quick-action___1K5Ip_1-0-9.focus-visible{
196
195
  outline:4px solid var(--magritte-color-stroke-state-focused-accessible-v24-7-3);
197
196
  }
198
197
  }
199
198
  @media (min-width: 1024px){
200
- body:not(.magritte-old-layout) .magritte-quick-action___1K5Ip_1-0-8{
199
+ body:not(.magritte-old-layout) .magritte-quick-action___1K5Ip_1-0-9{
201
200
  cursor:pointer;
202
201
  }
203
- body:not(.magritte-old-layout) .magritte-quick-action___1K5Ip_1-0-8:hover:not(:active){
202
+ body:not(.magritte-old-layout) .magritte-quick-action___1K5Ip_1-0-9:hover:not(:active){
204
203
  background-color:var(--magritte-color-background-state-secondary-hovered-v24-7-3);
205
204
  }
206
- body:not(.magritte-old-layout) .magritte-quick-action___1K5Ip_1-0-8.focus-visible{
205
+ body:not(.magritte-old-layout) .magritte-quick-action___1K5Ip_1-0-9.focus-visible{
207
206
  outline:4px solid var(--magritte-color-stroke-state-focused-accessible-v24-7-3);
208
207
  }
209
208
  }
210
- .magritte-quick-action-text___diFW5_1-0-8{
209
+ .magritte-quick-action-text___diFW5_1-0-9{
211
210
  max-width:100%;
212
211
  }
package/index.js CHANGED
@@ -24,7 +24,7 @@ import './useSubmenuSafeZone.js';
24
24
  import '@hh.ru/magritte-common-func-utils';
25
25
  import './safeZone.js';
26
26
  import '@hh.ru/magritte-ui-switch';
27
- import './menu-DL5jWA5Q.js';
27
+ import './menu-BWqmjOZh.js';
28
28
  import './QuickAction.js';
29
29
  import './QuickActions.js';
30
30
  import './SectionHeader.js';
package/menu-BWqmjOZh.js ADDED
@@ -0,0 +1,5 @@
1
+ import './index.css';
2
+ var styles = {"disabled":"magritte-disabled___ZuG-J_1-0-9","drop-content-margin":"magritte-drop-content-margin___q01ll_1-0-9","dropContentMargin":"magritte-drop-content-margin___q01ll_1-0-9","item":"magritte-item___HyDAw_1-0-9","neutral":"magritte-neutral___WyGeQ_1-0-9","negative":"magritte-negative___F7a0c_1-0-9","item-icon":"magritte-item-icon___yCv9l_1-0-9","itemIcon":"magritte-item-icon___yCv9l_1-0-9","item-text":"magritte-item-text___GL3A5_1-0-9","itemText":"magritte-item-text___GL3A5_1-0-9","item-tag":"magritte-item-tag___KX5wL_1-0-9","itemTag":"magritte-item-tag___KX5wL_1-0-9","item-right-content":"magritte-item-right-content___U2hc1_1-0-9","itemRightContent":"magritte-item-right-content___U2hc1_1-0-9","mobile-menu-container":"magritte-mobile-menu-container___zlY08_1-0-9","mobileMenuContainer":"magritte-mobile-menu-container___zlY08_1-0-9","mobile-main-menu-container":"magritte-mobile-main-menu-container___fOW3d_1-0-9","mobileMainMenuContainer":"magritte-mobile-main-menu-container___fOW3d_1-0-9","mobile-submenu-container":"magritte-mobile-submenu-container___od1Ev_1-0-9","mobileSubmenuContainer":"magritte-mobile-submenu-container___od1Ev_1-0-9","mobile-menu-container-slide":"magritte-mobile-menu-container-slide___HXiEx_1-0-9","mobileMenuContainerSlide":"magritte-mobile-menu-container-slide___HXiEx_1-0-9","quick-actions":"magritte-quick-actions___HvUJ3_1-0-9","quickActions":"magritte-quick-actions___HvUJ3_1-0-9","quick-action":"magritte-quick-action___1K5Ip_1-0-9","quickAction":"magritte-quick-action___1K5Ip_1-0-9","quick-action-text":"magritte-quick-action-text___diFW5_1-0-9","quickActionText":"magritte-quick-action-text___diFW5_1-0-9"};
3
+
4
+ export { styles as s };
5
+ //# sourceMappingURL=menu-BWqmjOZh.js.map
package/menu-BWqmjOZh.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"menu-BWqmjOZh.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-menu",
3
- "version": "1.0.8",
3
+ "version": "1.0.9",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -44,5 +44,5 @@
44
44
  "publishConfig": {
45
45
  "access": "public"
46
46
  },
47
- "gitHead": "54544ba2bfe605c2113a800ec7aad3c8f0b8f4ff"
47
+ "gitHead": "2c808fe2b899c48844460a21154a1eaf139d5eb6"
48
48
  }
package/menu-DL5jWA5Q.js DELETED
@@ -1,5 +0,0 @@
1
- import './index.css';
2
- var styles = {"disabled":"magritte-disabled___ZuG-J_1-0-8","drop-content-margin":"magritte-drop-content-margin___q01ll_1-0-8","dropContentMargin":"magritte-drop-content-margin___q01ll_1-0-8","item":"magritte-item___HyDAw_1-0-8","neutral":"magritte-neutral___WyGeQ_1-0-8","negative":"magritte-negative___F7a0c_1-0-8","item-icon":"magritte-item-icon___yCv9l_1-0-8","itemIcon":"magritte-item-icon___yCv9l_1-0-8","item-text":"magritte-item-text___GL3A5_1-0-8","itemText":"magritte-item-text___GL3A5_1-0-8","item-tag":"magritte-item-tag___KX5wL_1-0-8","itemTag":"magritte-item-tag___KX5wL_1-0-8","item-right-content":"magritte-item-right-content___U2hc1_1-0-8","itemRightContent":"magritte-item-right-content___U2hc1_1-0-8","mobile-menu-container":"magritte-mobile-menu-container___zlY08_1-0-8","mobileMenuContainer":"magritte-mobile-menu-container___zlY08_1-0-8","mobile-main-menu-container":"magritte-mobile-main-menu-container___fOW3d_1-0-8","mobileMainMenuContainer":"magritte-mobile-main-menu-container___fOW3d_1-0-8","mobile-submenu-container":"magritte-mobile-submenu-container___od1Ev_1-0-8","mobileSubmenuContainer":"magritte-mobile-submenu-container___od1Ev_1-0-8","mobile-menu-container-slide":"magritte-mobile-menu-container-slide___HXiEx_1-0-8","mobileMenuContainerSlide":"magritte-mobile-menu-container-slide___HXiEx_1-0-8","quick-actions":"magritte-quick-actions___HvUJ3_1-0-8","quickActions":"magritte-quick-actions___HvUJ3_1-0-8","quick-action":"magritte-quick-action___1K5Ip_1-0-8","quickAction":"magritte-quick-action___1K5Ip_1-0-8","quick-action-text":"magritte-quick-action-text___diFW5_1-0-8","quickActionText":"magritte-quick-action-text___diFW5_1-0-8"};
3
-
4
- export { styles as s };
5
- //# sourceMappingURL=menu-DL5jWA5Q.js.map
package/menu-DL5jWA5Q.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"menu-DL5jWA5Q.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}