@hh.ru/magritte-ui-menu 1.0.33 → 1.0.35

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 +43 -43
  7. package/index.js +1 -1
  8. package/menu-C3Yay7SL.js +5 -0
  9. package/menu-C3Yay7SL.js.map +1 -0
  10. package/package.json +3 -3
  11. package/menu-Qw7c7UQ6.js +0 -5
  12. package/menu-Qw7c7UQ6.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-Qw7c7UQ6.js';
18
+ import { s as styles } from './menu-C3Yay7SL.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-Qw7c7UQ6.js';
16
+ import { s as styles } from './menu-C3Yay7SL.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-Qw7c7UQ6.js';
7
+ import { s as styles } from './menu-C3Yay7SL.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-Qw7c7UQ6.js';
5
+ import { s as styles } from './menu-C3Yay7SL.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-Qw7c7UQ6.js';
6
+ import { s as styles } from './menu-C3Yay7SL.js';
7
7
 
8
8
  const MenuSectionHeader = forwardRef((props, ref) => {
9
9
  const { isMobile } = useBreakpoint();
package/index.css CHANGED
@@ -19,158 +19,158 @@
19
19
  --magritte-color-background-state-negative-secondary-hovered-v25-0-1:#3D2622;
20
20
  --magritte-color-background-state-negative-secondary-pressed-v25-0-1:#3D2622;
21
21
  }
22
- .magritte-disabled___ZuG-J_1-0-33{
22
+ .magritte-disabled___ZuG-J_1-0-35{
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-33{
26
+ body.magritte-old-layout .magritte-drop-content-margin___q01ll_1-0-35{
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-33{
31
+ body:not(.magritte-old-layout) .magritte-drop-content-margin___q01ll_1-0-35{
32
32
  margin:0 12px;
33
33
  }
34
34
  }
35
- .magritte-item___HyDAw_1-0-33{
35
+ .magritte-item___HyDAw_1-0-35{
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-33{
42
+ body.magritte-old-layout .magritte-item___HyDAw_1-0-35{
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-33.focus-visible{
47
+ body.magritte-old-layout .magritte-item___HyDAw_1-0-35.focus-visible{
48
48
  outline:4px solid var(--magritte-color-stroke-state-focused-accessible-v25-0-1);
49
49
  }
50
50
  }
51
51
  @media (min-width: 1024px){
52
- body:not(.magritte-old-layout) .magritte-item___HyDAw_1-0-33{
52
+ body:not(.magritte-old-layout) .magritte-item___HyDAw_1-0-35{
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-33.focus-visible{
57
+ body:not(.magritte-old-layout) .magritte-item___HyDAw_1-0-35.focus-visible{
58
58
  outline:4px solid var(--magritte-color-stroke-state-focused-accessible-v25-0-1);
59
59
  }
60
60
  }
61
- .magritte-neutral___WyGeQ_1-0-33:active{
61
+ .magritte-neutral___WyGeQ_1-0-35:active{
62
62
  background-color:var(--magritte-color-background-state-secondary-pressed-v25-0-1);
63
63
  }
64
64
  @media (min-width: 1020px){
65
- body.magritte-old-layout .magritte-neutral___WyGeQ_1-0-33:hover:not(:active){
65
+ body.magritte-old-layout .magritte-neutral___WyGeQ_1-0-35:hover:not(:active){
66
66
  background-color:var(--magritte-color-background-state-secondary-hovered-v25-0-1);
67
67
  }
68
68
  }
69
69
  @media (min-width: 1024px){
70
- body:not(.magritte-old-layout) .magritte-neutral___WyGeQ_1-0-33:hover:not(:active){
70
+ body:not(.magritte-old-layout) .magritte-neutral___WyGeQ_1-0-35:hover:not(:active){
71
71
  background-color:var(--magritte-color-background-state-secondary-hovered-v25-0-1);
72
72
  }
73
73
  }
74
- .magritte-negative___F7a0c_1-0-33:active{
74
+ .magritte-negative___F7a0c_1-0-35:active{
75
75
  background-color:var(--magritte-color-background-state-negative-secondary-pressed-v25-0-1);
76
76
  }
77
77
  @media (min-width: 1020px){
78
- body.magritte-old-layout .magritte-negative___F7a0c_1-0-33:hover:not(:active){
78
+ body.magritte-old-layout .magritte-negative___F7a0c_1-0-35:hover:not(:active){
79
79
  background-color:var(--magritte-color-background-state-negative-secondary-hovered-v25-0-1);
80
80
  }
81
81
  }
82
82
  @media (min-width: 1024px){
83
- body:not(.magritte-old-layout) .magritte-negative___F7a0c_1-0-33:hover:not(:active){
83
+ body:not(.magritte-old-layout) .magritte-negative___F7a0c_1-0-35:hover:not(:active){
84
84
  background-color:var(--magritte-color-background-state-negative-secondary-hovered-v25-0-1);
85
85
  }
86
86
  }
87
- .magritte-item-icon___yCv9l_1-0-33{
87
+ .magritte-item-icon___yCv9l_1-0-35{
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-33{
92
+ body.magritte-old-layout .magritte-item-icon___yCv9l_1-0-35{
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-33{
97
+ body:not(.magritte-old-layout) .magritte-item-icon___yCv9l_1-0-35{
98
98
  padding:0;
99
99
  }
100
100
  }
101
- .magritte-item-text___GL3A5_1-0-33{
101
+ .magritte-item-text___GL3A5_1-0-35{
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-33{
107
+ body.magritte-old-layout .magritte-item-text___GL3A5_1-0-35{
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-33{
112
+ body:not(.magritte-old-layout) .magritte-item-text___GL3A5_1-0-35{
113
113
  padding:0;
114
114
  }
115
115
  }
116
- .magritte-item-tag___KX5wL_1-0-33{
116
+ .magritte-item-tag___KX5wL_1-0-35{
117
117
  flex:0 0 auto;
118
118
  padding:4px 0;
119
119
  }
120
120
  @media (min-width: 1020px){
121
- body.magritte-old-layout .magritte-item-tag___KX5wL_1-0-33{
121
+ body.magritte-old-layout .magritte-item-tag___KX5wL_1-0-35{
122
122
  padding:0;
123
123
  }
124
124
  }
125
125
  @media (min-width: 1024px){
126
- body:not(.magritte-old-layout) .magritte-item-tag___KX5wL_1-0-33{
126
+ body:not(.magritte-old-layout) .magritte-item-tag___KX5wL_1-0-35{
127
127
  padding:0;
128
128
  }
129
129
  }
130
- .magritte-item-right-content___U2hc1_1-0-33{
130
+ .magritte-item-right-content___U2hc1_1-0-35{
131
131
  flex:0 1 auto;
132
132
  min-width:0;
133
133
  display:flex;
134
134
  align-items:center;
135
135
  gap:8px;
136
136
  }
137
- .magritte-mobile-menu-container___zlY08_1-0-33{
137
+ .magritte-mobile-menu-container___zlY08_1-0-35{
138
138
  position:relative;
139
139
  overflow:hidden;
140
140
  }
141
- .magritte-mobile-main-menu-container___fOW3d_1-0-33{
141
+ .magritte-mobile-main-menu-container___fOW3d_1-0-35{
142
142
  position:relative;
143
143
  }
144
- .magritte-mobile-submenu-container___od1Ev_1-0-33{
144
+ .magritte-mobile-submenu-container___od1Ev_1-0-35{
145
145
  position:absolute;
146
146
  inset:0 -100% auto 100%;
147
147
  }
148
148
  @media (prefers-reduced-motion: no-preference){
149
- .magritte-mobile-main-menu-container___fOW3d_1-0-33,
150
- .magritte-mobile-submenu-container___od1Ev_1-0-33{
149
+ .magritte-mobile-main-menu-container___fOW3d_1-0-35,
150
+ .magritte-mobile-submenu-container___od1Ev_1-0-35{
151
151
  transition:transform var(--magritte-semantic-animation-time-m-duration-v25-0-1) var(--magritte-semantic-animation-ease-base-timing-function-v25-0-1);
152
152
  }
153
153
  }
154
- .magritte-mobile-menu-container-slide___HXiEx_1-0-33 .magritte-mobile-main-menu-container___fOW3d_1-0-33,
155
- .magritte-mobile-menu-container-slide___HXiEx_1-0-33 .magritte-mobile-submenu-container___od1Ev_1-0-33{
154
+ .magritte-mobile-menu-container-slide___HXiEx_1-0-35 .magritte-mobile-main-menu-container___fOW3d_1-0-35,
155
+ .magritte-mobile-menu-container-slide___HXiEx_1-0-35 .magritte-mobile-submenu-container___od1Ev_1-0-35{
156
156
  transform:translateX(-100%);
157
157
  }
158
- .magritte-quick-actions___HvUJ3_1-0-33{
158
+ .magritte-quick-actions___HvUJ3_1-0-35{
159
159
  display:flex;
160
160
  gap:4px;
161
161
  margin:0 16px 4px;
162
162
  }
163
163
  @media (min-width: 1020px){
164
- body.magritte-old-layout .magritte-quick-actions___HvUJ3_1-0-33{
164
+ body.magritte-old-layout .magritte-quick-actions___HvUJ3_1-0-35{
165
165
  margin:0 12px 4px;
166
166
  }
167
167
  }
168
168
  @media (min-width: 1024px){
169
- body:not(.magritte-old-layout) .magritte-quick-actions___HvUJ3_1-0-33{
169
+ body:not(.magritte-old-layout) .magritte-quick-actions___HvUJ3_1-0-35{
170
170
  margin:0 12px 4px;
171
171
  }
172
172
  }
173
- .magritte-quick-action___1K5Ip_1-0-33{
173
+ .magritte-quick-action___1K5Ip_1-0-35{
174
174
  display:flex;
175
175
  flex-direction:column;
176
176
  align-items:center;
@@ -181,31 +181,31 @@
181
181
  min-width:0;
182
182
  padding:14px 12px;
183
183
  }
184
- .magritte-quick-action___1K5Ip_1-0-33:active{
184
+ .magritte-quick-action___1K5Ip_1-0-35:active{
185
185
  background-color:var(--magritte-color-background-state-secondary-pressed-v25-0-1);
186
186
  }
187
187
  @media (min-width: 1020px){
188
- body.magritte-old-layout .magritte-quick-action___1K5Ip_1-0-33{
188
+ body.magritte-old-layout .magritte-quick-action___1K5Ip_1-0-35{
189
189
  cursor:pointer;
190
190
  }
191
- body.magritte-old-layout .magritte-quick-action___1K5Ip_1-0-33:hover:not(:active){
191
+ body.magritte-old-layout .magritte-quick-action___1K5Ip_1-0-35:hover:not(:active){
192
192
  background-color:var(--magritte-color-background-state-secondary-hovered-v25-0-1);
193
193
  }
194
- body.magritte-old-layout .magritte-quick-action___1K5Ip_1-0-33.focus-visible{
194
+ body.magritte-old-layout .magritte-quick-action___1K5Ip_1-0-35.focus-visible{
195
195
  outline:4px solid var(--magritte-color-stroke-state-focused-accessible-v25-0-1);
196
196
  }
197
197
  }
198
198
  @media (min-width: 1024px){
199
- body:not(.magritte-old-layout) .magritte-quick-action___1K5Ip_1-0-33{
199
+ body:not(.magritte-old-layout) .magritte-quick-action___1K5Ip_1-0-35{
200
200
  cursor:pointer;
201
201
  }
202
- body:not(.magritte-old-layout) .magritte-quick-action___1K5Ip_1-0-33:hover:not(:active){
202
+ body:not(.magritte-old-layout) .magritte-quick-action___1K5Ip_1-0-35:hover:not(:active){
203
203
  background-color:var(--magritte-color-background-state-secondary-hovered-v25-0-1);
204
204
  }
205
- body:not(.magritte-old-layout) .magritte-quick-action___1K5Ip_1-0-33.focus-visible{
205
+ body:not(.magritte-old-layout) .magritte-quick-action___1K5Ip_1-0-35.focus-visible{
206
206
  outline:4px solid var(--magritte-color-stroke-state-focused-accessible-v25-0-1);
207
207
  }
208
208
  }
209
- .magritte-quick-action-text___diFW5_1-0-33{
209
+ .magritte-quick-action-text___diFW5_1-0-35{
210
210
  max-width:100%;
211
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-Qw7c7UQ6.js';
27
+ import './menu-C3Yay7SL.js';
28
28
  import './QuickAction.js';
29
29
  import './QuickActions.js';
30
30
  import './SectionHeader.js';
package/menu-C3Yay7SL.js ADDED
@@ -0,0 +1,5 @@
1
+ import './index.css';
2
+ var styles = {"disabled":"magritte-disabled___ZuG-J_1-0-35","drop-content-margin":"magritte-drop-content-margin___q01ll_1-0-35","dropContentMargin":"magritte-drop-content-margin___q01ll_1-0-35","item":"magritte-item___HyDAw_1-0-35","neutral":"magritte-neutral___WyGeQ_1-0-35","negative":"magritte-negative___F7a0c_1-0-35","item-icon":"magritte-item-icon___yCv9l_1-0-35","itemIcon":"magritte-item-icon___yCv9l_1-0-35","item-text":"magritte-item-text___GL3A5_1-0-35","itemText":"magritte-item-text___GL3A5_1-0-35","item-tag":"magritte-item-tag___KX5wL_1-0-35","itemTag":"magritte-item-tag___KX5wL_1-0-35","item-right-content":"magritte-item-right-content___U2hc1_1-0-35","itemRightContent":"magritte-item-right-content___U2hc1_1-0-35","mobile-menu-container":"magritte-mobile-menu-container___zlY08_1-0-35","mobileMenuContainer":"magritte-mobile-menu-container___zlY08_1-0-35","mobile-main-menu-container":"magritte-mobile-main-menu-container___fOW3d_1-0-35","mobileMainMenuContainer":"magritte-mobile-main-menu-container___fOW3d_1-0-35","mobile-submenu-container":"magritte-mobile-submenu-container___od1Ev_1-0-35","mobileSubmenuContainer":"magritte-mobile-submenu-container___od1Ev_1-0-35","mobile-menu-container-slide":"magritte-mobile-menu-container-slide___HXiEx_1-0-35","mobileMenuContainerSlide":"magritte-mobile-menu-container-slide___HXiEx_1-0-35","quick-actions":"magritte-quick-actions___HvUJ3_1-0-35","quickActions":"magritte-quick-actions___HvUJ3_1-0-35","quick-action":"magritte-quick-action___1K5Ip_1-0-35","quickAction":"magritte-quick-action___1K5Ip_1-0-35","quick-action-text":"magritte-quick-action-text___diFW5_1-0-35","quickActionText":"magritte-quick-action-text___diFW5_1-0-35"};
3
+
4
+ export { styles as s };
5
+ //# sourceMappingURL=menu-C3Yay7SL.js.map
package/menu-C3Yay7SL.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"menu-C3Yay7SL.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.33",
3
+ "version": "1.0.35",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -24,7 +24,7 @@
24
24
  "@hh.ru/magritte-common-use-disabled": "1.0.15",
25
25
  "@hh.ru/magritte-common-use-multiple-refs": "1.1.11",
26
26
  "@hh.ru/magritte-design-tokens": "25.0.1",
27
- "@hh.ru/magritte-ui-bottom-sheet": "9.4.34",
27
+ "@hh.ru/magritte-ui-bottom-sheet": "9.4.36",
28
28
  "@hh.ru/magritte-ui-breakpoint": "6.1.1",
29
29
  "@hh.ru/magritte-ui-divider": "3.2.8",
30
30
  "@hh.ru/magritte-ui-drop": "12.3.54",
@@ -44,5 +44,5 @@
44
44
  "publishConfig": {
45
45
  "access": "public"
46
46
  },
47
- "gitHead": "f50fc3a4db7ad150969c506d53c343fac7c6ef77"
47
+ "gitHead": "a367d4996b3f6b94fc101056fb4ad4f328b2a67b"
48
48
  }
package/menu-Qw7c7UQ6.js DELETED
@@ -1,5 +0,0 @@
1
- import './index.css';
2
- var styles = {"disabled":"magritte-disabled___ZuG-J_1-0-33","drop-content-margin":"magritte-drop-content-margin___q01ll_1-0-33","dropContentMargin":"magritte-drop-content-margin___q01ll_1-0-33","item":"magritte-item___HyDAw_1-0-33","neutral":"magritte-neutral___WyGeQ_1-0-33","negative":"magritte-negative___F7a0c_1-0-33","item-icon":"magritte-item-icon___yCv9l_1-0-33","itemIcon":"magritte-item-icon___yCv9l_1-0-33","item-text":"magritte-item-text___GL3A5_1-0-33","itemText":"magritte-item-text___GL3A5_1-0-33","item-tag":"magritte-item-tag___KX5wL_1-0-33","itemTag":"magritte-item-tag___KX5wL_1-0-33","item-right-content":"magritte-item-right-content___U2hc1_1-0-33","itemRightContent":"magritte-item-right-content___U2hc1_1-0-33","mobile-menu-container":"magritte-mobile-menu-container___zlY08_1-0-33","mobileMenuContainer":"magritte-mobile-menu-container___zlY08_1-0-33","mobile-main-menu-container":"magritte-mobile-main-menu-container___fOW3d_1-0-33","mobileMainMenuContainer":"magritte-mobile-main-menu-container___fOW3d_1-0-33","mobile-submenu-container":"magritte-mobile-submenu-container___od1Ev_1-0-33","mobileSubmenuContainer":"magritte-mobile-submenu-container___od1Ev_1-0-33","mobile-menu-container-slide":"magritte-mobile-menu-container-slide___HXiEx_1-0-33","mobileMenuContainerSlide":"magritte-mobile-menu-container-slide___HXiEx_1-0-33","quick-actions":"magritte-quick-actions___HvUJ3_1-0-33","quickActions":"magritte-quick-actions___HvUJ3_1-0-33","quick-action":"magritte-quick-action___1K5Ip_1-0-33","quickAction":"magritte-quick-action___1K5Ip_1-0-33","quick-action-text":"magritte-quick-action-text___diFW5_1-0-33","quickActionText":"magritte-quick-action-text___diFW5_1-0-33"};
3
-
4
- export { styles as s };
5
- //# sourceMappingURL=menu-Qw7c7UQ6.js.map
package/menu-Qw7c7UQ6.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"menu-Qw7c7UQ6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}