@fluentui/react-menu 0.0.0-nightly-20220311-0445.1 → 0.0.0-nightly-20220316-0419.1
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.
- package/CHANGELOG.json +28 -22
- package/CHANGELOG.md +15 -14
- package/dist/react-menu.d.ts +46 -0
- package/lib/components/MenuDivider/useMenuDividerStyles.d.ts +6 -1
- package/lib/components/MenuDivider/useMenuDividerStyles.js +8 -1
- package/lib/components/MenuDivider/useMenuDividerStyles.js.map +1 -1
- package/lib/components/MenuGroup/useMenuGroupStyles.d.ts +6 -1
- package/lib/components/MenuGroup/useMenuGroupStyles.js +8 -1
- package/lib/components/MenuGroup/useMenuGroupStyles.js.map +1 -1
- package/lib/components/MenuGroupHeader/useMenuGroupHeaderStyles.d.ts +6 -1
- package/lib/components/MenuGroupHeader/useMenuGroupHeaderStyles.js +8 -1
- package/lib/components/MenuGroupHeader/useMenuGroupHeaderStyles.js.map +1 -1
- package/lib/components/MenuItem/useMenuItemStyles.d.ts +6 -1
- package/lib/components/MenuItem/useMenuItemStyles.js +42 -12
- package/lib/components/MenuItem/useMenuItemStyles.js.map +1 -1
- package/lib/components/MenuItemCheckbox/useMenuItemCheckboxStyles.d.ts +6 -0
- package/lib/components/MenuItemCheckbox/useMenuItemCheckboxStyles.js +29 -1
- package/lib/components/MenuItemCheckbox/useMenuItemCheckboxStyles.js.map +1 -1
- package/lib/components/MenuItemRadio/useMenuItemRadioStyles.d.ts +6 -0
- package/lib/components/MenuItemRadio/useMenuItemRadioStyles.js +29 -1
- package/lib/components/MenuItemRadio/useMenuItemRadioStyles.js.map +1 -1
- package/lib/components/MenuList/useMenuListStyles.d.ts +6 -1
- package/lib/components/MenuList/useMenuListStyles.js +8 -1
- package/lib/components/MenuList/useMenuListStyles.js.map +1 -1
- package/lib/components/MenuPopover/useMenuPopoverStyles.d.ts +6 -1
- package/lib/components/MenuPopover/useMenuPopoverStyles.js +8 -1
- package/lib/components/MenuPopover/useMenuPopoverStyles.js.map +1 -1
- package/lib/components/MenuSplitGroup/useMenuSplitGroupStyles.d.ts +6 -1
- package/lib/components/MenuSplitGroup/useMenuSplitGroupStyles.js +9 -2
- package/lib/components/MenuSplitGroup/useMenuSplitGroupStyles.js.map +1 -1
- package/lib-commonjs/components/MenuDivider/useMenuDividerStyles.d.ts +6 -1
- package/lib-commonjs/components/MenuDivider/useMenuDividerStyles.js +9 -2
- package/lib-commonjs/components/MenuDivider/useMenuDividerStyles.js.map +1 -1
- package/lib-commonjs/components/MenuGroup/useMenuGroupStyles.d.ts +6 -1
- package/lib-commonjs/components/MenuGroup/useMenuGroupStyles.js +9 -2
- package/lib-commonjs/components/MenuGroup/useMenuGroupStyles.js.map +1 -1
- package/lib-commonjs/components/MenuGroupHeader/useMenuGroupHeaderStyles.d.ts +6 -1
- package/lib-commonjs/components/MenuGroupHeader/useMenuGroupHeaderStyles.js +9 -2
- package/lib-commonjs/components/MenuGroupHeader/useMenuGroupHeaderStyles.js.map +1 -1
- package/lib-commonjs/components/MenuItem/useMenuItemStyles.d.ts +6 -1
- package/lib-commonjs/components/MenuItem/useMenuItemStyles.js +43 -13
- package/lib-commonjs/components/MenuItem/useMenuItemStyles.js.map +1 -1
- package/lib-commonjs/components/MenuItemCheckbox/useMenuItemCheckboxStyles.d.ts +6 -0
- package/lib-commonjs/components/MenuItemCheckbox/useMenuItemCheckboxStyles.js +30 -2
- package/lib-commonjs/components/MenuItemCheckbox/useMenuItemCheckboxStyles.js.map +1 -1
- package/lib-commonjs/components/MenuItemRadio/useMenuItemRadioStyles.d.ts +6 -0
- package/lib-commonjs/components/MenuItemRadio/useMenuItemRadioStyles.js +30 -2
- package/lib-commonjs/components/MenuItemRadio/useMenuItemRadioStyles.js.map +1 -1
- package/lib-commonjs/components/MenuList/useMenuListStyles.d.ts +6 -1
- package/lib-commonjs/components/MenuList/useMenuListStyles.js +9 -2
- package/lib-commonjs/components/MenuList/useMenuListStyles.js.map +1 -1
- package/lib-commonjs/components/MenuPopover/useMenuPopoverStyles.d.ts +6 -1
- package/lib-commonjs/components/MenuPopover/useMenuPopoverStyles.js +9 -2
- package/lib-commonjs/components/MenuPopover/useMenuPopoverStyles.js.map +1 -1
- package/lib-commonjs/components/MenuSplitGroup/useMenuSplitGroupStyles.d.ts +6 -1
- package/lib-commonjs/components/MenuSplitGroup/useMenuSplitGroupStyles.js +9 -2
- package/lib-commonjs/components/MenuSplitGroup/useMenuSplitGroupStyles.js.map +1 -1
- package/package.json +10 -10
package/CHANGELOG.json
CHANGED
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
"name": "@fluentui/react-menu",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
6
|
-
"tag": "@fluentui/react-menu_v0.0.0-nightly-
|
|
7
|
-
"version": "0.0.0-nightly-
|
|
5
|
+
"date": "Wed, 16 Mar 2022 04:30:37 GMT",
|
|
6
|
+
"tag": "@fluentui/react-menu_v0.0.0-nightly-20220316-0419.1",
|
|
7
|
+
"version": "0.0.0-nightly-20220316-0419.1",
|
|
8
8
|
"comments": {
|
|
9
9
|
"prerelease": [
|
|
10
10
|
{
|
|
11
11
|
"author": "email not defined",
|
|
12
12
|
"package": "@fluentui/react-menu",
|
|
13
|
-
"commit": "
|
|
13
|
+
"commit": "not available",
|
|
14
14
|
"comment": "Release nightly v9"
|
|
15
15
|
},
|
|
16
16
|
{
|
|
@@ -19,59 +19,65 @@
|
|
|
19
19
|
"commit": "966ed6ca242079a1865d0011972205afba1ab85d",
|
|
20
20
|
"comment": "fix(MenuItem): Alignment for non v9 icons"
|
|
21
21
|
},
|
|
22
|
+
{
|
|
23
|
+
"author": "seanmonahan@microsoft.com",
|
|
24
|
+
"package": "@fluentui/react-menu",
|
|
25
|
+
"commit": "086a675fd0c648944ff4048450190a0a13467de3",
|
|
26
|
+
"comment": "Add static classnames to Menu"
|
|
27
|
+
},
|
|
22
28
|
{
|
|
23
29
|
"author": "beachball",
|
|
24
30
|
"package": "@fluentui/react-menu",
|
|
25
|
-
"comment": "Bump @fluentui/keyboard-keys to v0.0.0-nightly-
|
|
26
|
-
"commit": "
|
|
31
|
+
"comment": "Bump @fluentui/keyboard-keys to v0.0.0-nightly-20220316-0419.1",
|
|
32
|
+
"commit": "ffa5f7be511dfeb24ce12b0b195c3119e907faaf"
|
|
27
33
|
},
|
|
28
34
|
{
|
|
29
35
|
"author": "beachball",
|
|
30
36
|
"package": "@fluentui/react-menu",
|
|
31
|
-
"comment": "Bump @fluentui/react-context-selector to v0.0.0-nightly-
|
|
32
|
-
"commit": "
|
|
37
|
+
"comment": "Bump @fluentui/react-context-selector to v0.0.0-nightly-20220316-0419.1",
|
|
38
|
+
"commit": "ffa5f7be511dfeb24ce12b0b195c3119e907faaf"
|
|
33
39
|
},
|
|
34
40
|
{
|
|
35
41
|
"author": "beachball",
|
|
36
42
|
"package": "@fluentui/react-menu",
|
|
37
|
-
"comment": "Bump @fluentui/react-portal to v0.0.0-nightly-
|
|
38
|
-
"commit": "
|
|
43
|
+
"comment": "Bump @fluentui/react-portal to v0.0.0-nightly-20220316-0419.1",
|
|
44
|
+
"commit": "ffa5f7be511dfeb24ce12b0b195c3119e907faaf"
|
|
39
45
|
},
|
|
40
46
|
{
|
|
41
47
|
"author": "beachball",
|
|
42
48
|
"package": "@fluentui/react-menu",
|
|
43
|
-
"comment": "Bump @fluentui/react-positioning to v0.0.0-nightly-
|
|
44
|
-
"commit": "
|
|
49
|
+
"comment": "Bump @fluentui/react-positioning to v0.0.0-nightly-20220316-0419.1",
|
|
50
|
+
"commit": "ffa5f7be511dfeb24ce12b0b195c3119e907faaf"
|
|
45
51
|
},
|
|
46
52
|
{
|
|
47
53
|
"author": "beachball",
|
|
48
54
|
"package": "@fluentui/react-menu",
|
|
49
|
-
"comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-
|
|
50
|
-
"commit": "
|
|
55
|
+
"comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20220316-0419.1",
|
|
56
|
+
"commit": "ffa5f7be511dfeb24ce12b0b195c3119e907faaf"
|
|
51
57
|
},
|
|
52
58
|
{
|
|
53
59
|
"author": "beachball",
|
|
54
60
|
"package": "@fluentui/react-menu",
|
|
55
|
-
"comment": "Bump @fluentui/react-tabster to v0.0.0-nightly-
|
|
56
|
-
"commit": "
|
|
61
|
+
"comment": "Bump @fluentui/react-tabster to v0.0.0-nightly-20220316-0419.1",
|
|
62
|
+
"commit": "ffa5f7be511dfeb24ce12b0b195c3119e907faaf"
|
|
57
63
|
},
|
|
58
64
|
{
|
|
59
65
|
"author": "beachball",
|
|
60
66
|
"package": "@fluentui/react-menu",
|
|
61
|
-
"comment": "Bump @fluentui/react-theme to v0.0.0-nightly-
|
|
62
|
-
"commit": "
|
|
67
|
+
"comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20220316-0419.1",
|
|
68
|
+
"commit": "ffa5f7be511dfeb24ce12b0b195c3119e907faaf"
|
|
63
69
|
},
|
|
64
70
|
{
|
|
65
71
|
"author": "beachball",
|
|
66
72
|
"package": "@fluentui/react-menu",
|
|
67
|
-
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-
|
|
68
|
-
"commit": "
|
|
73
|
+
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20220316-0419.1",
|
|
74
|
+
"commit": "ffa5f7be511dfeb24ce12b0b195c3119e907faaf"
|
|
69
75
|
},
|
|
70
76
|
{
|
|
71
77
|
"author": "beachball",
|
|
72
78
|
"package": "@fluentui/react-menu",
|
|
73
|
-
"comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-
|
|
74
|
-
"commit": "
|
|
79
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20220316-0419.1",
|
|
80
|
+
"commit": "ffa5f7be511dfeb24ce12b0b195c3119e907faaf"
|
|
75
81
|
}
|
|
76
82
|
],
|
|
77
83
|
"none": [
|
package/CHANGELOG.md
CHANGED
|
@@ -1,27 +1,28 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-menu
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Wed, 16 Mar 2022 04:30:37 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
-
## [0.0.0-nightly-
|
|
7
|
+
## [0.0.0-nightly-20220316-0419.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v0.0.0-nightly-20220316-0419.1)
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu_v9.0.0-rc.5..@fluentui/react-menu_v0.0.0-nightly-
|
|
9
|
+
Wed, 16 Mar 2022 04:30:37 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu_v9.0.0-rc.5..@fluentui/react-menu_v0.0.0-nightly-20220316-0419.1)
|
|
11
11
|
|
|
12
12
|
### Changes
|
|
13
13
|
|
|
14
|
-
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/
|
|
14
|
+
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by email not defined)
|
|
15
15
|
- fix(MenuItem): Alignment for non v9 icons ([PR #21949](https://github.com/microsoft/fluentui/pull/21949) by gcox@microsoft.com)
|
|
16
|
-
-
|
|
17
|
-
- Bump @fluentui/
|
|
18
|
-
- Bump @fluentui/react-
|
|
19
|
-
- Bump @fluentui/react-
|
|
20
|
-
- Bump @fluentui/react-
|
|
21
|
-
- Bump @fluentui/react-
|
|
22
|
-
- Bump @fluentui/react-
|
|
23
|
-
- Bump @fluentui/react-
|
|
24
|
-
- Bump @fluentui/react-
|
|
16
|
+
- Add static classnames to Menu ([PR #21960](https://github.com/microsoft/fluentui/pull/21960) by seanmonahan@microsoft.com)
|
|
17
|
+
- Bump @fluentui/keyboard-keys to v0.0.0-nightly-20220316-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/ffa5f7be511dfeb24ce12b0b195c3119e907faaf) by beachball)
|
|
18
|
+
- Bump @fluentui/react-context-selector to v0.0.0-nightly-20220316-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/ffa5f7be511dfeb24ce12b0b195c3119e907faaf) by beachball)
|
|
19
|
+
- Bump @fluentui/react-portal to v0.0.0-nightly-20220316-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/ffa5f7be511dfeb24ce12b0b195c3119e907faaf) by beachball)
|
|
20
|
+
- Bump @fluentui/react-positioning to v0.0.0-nightly-20220316-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/ffa5f7be511dfeb24ce12b0b195c3119e907faaf) by beachball)
|
|
21
|
+
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20220316-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/ffa5f7be511dfeb24ce12b0b195c3119e907faaf) by beachball)
|
|
22
|
+
- Bump @fluentui/react-tabster to v0.0.0-nightly-20220316-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/ffa5f7be511dfeb24ce12b0b195c3119e907faaf) by beachball)
|
|
23
|
+
- Bump @fluentui/react-theme to v0.0.0-nightly-20220316-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/ffa5f7be511dfeb24ce12b0b195c3119e907faaf) by beachball)
|
|
24
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightly-20220316-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/ffa5f7be511dfeb24ce12b0b195c3119e907faaf) by beachball)
|
|
25
|
+
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20220316-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/ffa5f7be511dfeb24ce12b0b195c3119e907faaf) by beachball)
|
|
25
26
|
|
|
26
27
|
## [9.0.0-rc.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v9.0.0-rc.5)
|
|
27
28
|
|
package/dist/react-menu.d.ts
CHANGED
|
@@ -7,6 +7,7 @@ import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
|
7
7
|
import { PositioningShorthand } from '@fluentui/react-positioning';
|
|
8
8
|
import * as React_2 from 'react';
|
|
9
9
|
import type { Slot } from '@fluentui/react-utilities';
|
|
10
|
+
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
10
11
|
import { usePopperMouseTarget } from '@fluentui/react-positioning';
|
|
11
12
|
|
|
12
13
|
/**
|
|
@@ -78,8 +79,13 @@ export declare type MenuContextValues = {
|
|
|
78
79
|
*/
|
|
79
80
|
export declare const MenuDivider: ForwardRefComponent<MenuDividerProps>;
|
|
80
81
|
|
|
82
|
+
/**
|
|
83
|
+
* @deprecated Use `menuDividerClassNames.root` instead.
|
|
84
|
+
*/
|
|
81
85
|
export declare const menuDividerClassName = "fui-MenuDivider";
|
|
82
86
|
|
|
87
|
+
export declare const menuDividerClassNames: SlotClassNames<MenuDividerSlots>;
|
|
88
|
+
|
|
83
89
|
export declare type MenuDividerProps = ComponentProps<MenuDividerSlots>;
|
|
84
90
|
|
|
85
91
|
export declare type MenuDividerSlots = {
|
|
@@ -93,8 +99,13 @@ export declare type MenuDividerState = ComponentState<MenuDividerSlots>;
|
|
|
93
99
|
*/
|
|
94
100
|
export declare const MenuGroup: ForwardRefComponent<MenuGroupProps>;
|
|
95
101
|
|
|
102
|
+
/**
|
|
103
|
+
* @deprecated Use `menuGroupClassNames.root` instead.
|
|
104
|
+
*/
|
|
96
105
|
export declare const menuGroupClassName = "fui-MenuGroup";
|
|
97
106
|
|
|
107
|
+
export declare const menuGroupClassNames: SlotClassNames<MenuGroupSlots>;
|
|
108
|
+
|
|
98
109
|
export declare const MenuGroupContextProvider: React_2.Provider<MenuGroupContextValue>;
|
|
99
110
|
|
|
100
111
|
/**
|
|
@@ -117,8 +128,13 @@ export declare type MenuGroupContextValues = {
|
|
|
117
128
|
*/
|
|
118
129
|
export declare const MenuGroupHeader: ForwardRefComponent<MenuGroupHeaderProps>;
|
|
119
130
|
|
|
131
|
+
/**
|
|
132
|
+
* @deprecated Use `menuGroupHeaderClassNames.root` instead.
|
|
133
|
+
*/
|
|
120
134
|
export declare const menuGroupHeaderClassName = "fui-MenuGroupHeader";
|
|
121
135
|
|
|
136
|
+
export declare const menuGroupHeaderClassNames: SlotClassNames<MenuGroupHeaderSlots>;
|
|
137
|
+
|
|
122
138
|
export declare type MenuGroupHeaderProps = ComponentProps<MenuGroupHeaderSlots>;
|
|
123
139
|
|
|
124
140
|
export declare type MenuGroupHeaderSlots = {
|
|
@@ -150,14 +166,24 @@ export declare const MenuItem: ForwardRefComponent<MenuItemProps>;
|
|
|
150
166
|
*/
|
|
151
167
|
export declare const MenuItemCheckbox: ForwardRefComponent<MenuItemCheckboxProps>;
|
|
152
168
|
|
|
169
|
+
/**
|
|
170
|
+
* @deprecated Use `menuItemCheckboxClassNames.root` instead.
|
|
171
|
+
*/
|
|
153
172
|
export declare const menuItemCheckboxClassName = "fui-MenuItemCheckbox";
|
|
154
173
|
|
|
174
|
+
export declare const menuItemCheckboxClassNames: SlotClassNames<Omit<MenuItemSlots, 'submenuIndicator'>>;
|
|
175
|
+
|
|
155
176
|
export declare type MenuItemCheckboxProps = MenuItemProps & MenuItemSelectableProps;
|
|
156
177
|
|
|
157
178
|
export declare type MenuItemCheckboxState = MenuItemState & MenuItemSelectableState;
|
|
158
179
|
|
|
180
|
+
/**
|
|
181
|
+
* @deprecated Use `menuItemClassNames.root` instead.
|
|
182
|
+
*/
|
|
159
183
|
export declare const menuItemClassName = "fui-MenuItem";
|
|
160
184
|
|
|
185
|
+
export declare const menuItemClassNames: SlotClassNames<MenuItemSlots>;
|
|
186
|
+
|
|
161
187
|
declare type MenuItemCommons = {
|
|
162
188
|
/**
|
|
163
189
|
* If the menu item is a trigger for a submenu
|
|
@@ -180,8 +206,13 @@ export declare type MenuItemProps = ComponentProps<Partial<MenuItemSlots>> & Men
|
|
|
180
206
|
*/
|
|
181
207
|
export declare const MenuItemRadio: ForwardRefComponent<MenuItemRadioProps>;
|
|
182
208
|
|
|
209
|
+
/**
|
|
210
|
+
* @deprecated Use `menuItemRadioClassNames.root` instead.
|
|
211
|
+
*/
|
|
183
212
|
export declare const menuItemRadioClassName = "fui-MenuItemRadio";
|
|
184
213
|
|
|
214
|
+
export declare const menuItemRadioClassNames: SlotClassNames<Omit<MenuItemSlots, 'submenuIndicator'>>;
|
|
215
|
+
|
|
185
216
|
export declare type MenuItemRadioProps = MenuItemProps & MenuItemSelectableProps;
|
|
186
217
|
|
|
187
218
|
export declare type MenuItemRadioState = MenuItemState & MenuItemSelectableState;
|
|
@@ -253,8 +284,13 @@ export declare type MenuItemState = ComponentState<MenuItemSlots> & MenuItemComm
|
|
|
253
284
|
*/
|
|
254
285
|
export declare const MenuList: ForwardRefComponent<MenuListProps>;
|
|
255
286
|
|
|
287
|
+
/**
|
|
288
|
+
* @deprecated Use `menuListClassNames.root` instead.
|
|
289
|
+
*/
|
|
256
290
|
export declare const menuListClassName = "fui-MenuList";
|
|
257
291
|
|
|
292
|
+
export declare const menuListClassNames: SlotClassNames<MenuListSlots>;
|
|
293
|
+
|
|
258
294
|
declare type MenuListCommons = {
|
|
259
295
|
/**
|
|
260
296
|
* Callback when checked items change for value with a name
|
|
@@ -341,8 +377,13 @@ export declare type MenuOpenEvents = MouseEvent | TouchEvent | React_2.MouseEven
|
|
|
341
377
|
*/
|
|
342
378
|
export declare const MenuPopover: ForwardRefComponent<MenuPopoverProps>;
|
|
343
379
|
|
|
380
|
+
/**
|
|
381
|
+
* @deprecated Use `menuPopoverClassNames.root` instead.
|
|
382
|
+
*/
|
|
344
383
|
export declare const menuPopoverClassName = "fui-MenuPopover";
|
|
345
384
|
|
|
385
|
+
export declare const menuPopoverClassNames: SlotClassNames<MenuPopoverSlots>;
|
|
386
|
+
|
|
346
387
|
/**
|
|
347
388
|
* MenuPopover Props
|
|
348
389
|
*/
|
|
@@ -387,8 +428,13 @@ export declare type MenuSlots = {};
|
|
|
387
428
|
*/
|
|
388
429
|
export declare const MenuSplitGroup: ForwardRefComponent<MenuSplitGroupProps>;
|
|
389
430
|
|
|
431
|
+
/**
|
|
432
|
+
* @deprecated Use `menuSplitGroupClassNames.root` instead.
|
|
433
|
+
*/
|
|
390
434
|
export declare const menuSplitGroupClassName = "fui-MenuSplitGroup";
|
|
391
435
|
|
|
436
|
+
export declare const menuSplitGroupClassNames: SlotClassNames<MenuSplitGroupSlots>;
|
|
437
|
+
|
|
392
438
|
declare type MenuSplitGroupCommons = {};
|
|
393
439
|
|
|
394
440
|
/**
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
-
import type { MenuDividerState } from './MenuDivider.types';
|
|
1
|
+
import type { MenuDividerSlots, MenuDividerState } from './MenuDivider.types';
|
|
2
|
+
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
3
|
+
/**
|
|
4
|
+
* @deprecated Use `menuDividerClassNames.root` instead.
|
|
5
|
+
*/
|
|
2
6
|
export declare const menuDividerClassName = "fui-MenuDivider";
|
|
7
|
+
export declare const menuDividerClassNames: SlotClassNames<MenuDividerSlots>;
|
|
3
8
|
export declare const useMenuDividerStyles_unstable: (state: MenuDividerState) => MenuDividerState;
|
|
@@ -1,6 +1,13 @@
|
|
|
1
1
|
import { shorthands, mergeClasses, __styles } from '@griffel/react';
|
|
2
2
|
import { tokens } from '@fluentui/react-theme';
|
|
3
|
+
/**
|
|
4
|
+
* @deprecated Use `menuDividerClassNames.root` instead.
|
|
5
|
+
*/
|
|
6
|
+
|
|
3
7
|
export const menuDividerClassName = 'fui-MenuDivider';
|
|
8
|
+
export const menuDividerClassNames = {
|
|
9
|
+
root: 'fui-MenuDivider'
|
|
10
|
+
};
|
|
4
11
|
|
|
5
12
|
const useStyles = /*#__PURE__*/__styles({
|
|
6
13
|
"root": {
|
|
@@ -18,7 +25,7 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
18
25
|
|
|
19
26
|
export const useMenuDividerStyles_unstable = state => {
|
|
20
27
|
const styles = useStyles();
|
|
21
|
-
state.root.className = mergeClasses(
|
|
28
|
+
state.root.className = mergeClasses(menuDividerClassNames.root, styles.root, state.root.className);
|
|
22
29
|
return state;
|
|
23
30
|
};
|
|
24
31
|
//# sourceMappingURL=useMenuDividerStyles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/MenuDivider/useMenuDividerStyles.ts"],"names":[],"mappings":"AAAA,SAAS,UAAT,EAAqB,YAArB,kBAAqD,gBAArD;AACA,SAAS,MAAT,QAAuB,uBAAvB;
|
|
1
|
+
{"version":3,"sources":["components/MenuDivider/useMenuDividerStyles.ts"],"names":[],"mappings":"AAAA,SAAS,UAAT,EAAqB,YAArB,kBAAqD,gBAArD;AACA,SAAS,MAAT,QAAuB,uBAAvB;AAIA;;AAEG;;AACH,OAAO,MAAM,oBAAoB,GAAG,iBAA7B;AACP,OAAO,MAAM,qBAAqB,GAAqC;AACrE,EAAA,IAAI,EAAE;AAD+D,CAAhE;;AAIP,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AASA,OAAO,MAAM,6BAA6B,GAAI,KAAD,IAA4B;AACvE,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,qBAAqB,CAAC,IAAvB,EAA6B,MAAM,CAAC,IAApC,EAA0C,KAAK,CAAC,IAAN,CAAW,SAArD,CAAnC;AAEA,SAAO,KAAP;AACD,CALM","sourcesContent":["import { shorthands, mergeClasses, makeStyles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { MenuDividerSlots, MenuDividerState } from './MenuDivider.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\n/**\n * @deprecated Use `menuDividerClassNames.root` instead.\n */\nexport const menuDividerClassName = 'fui-MenuDivider';\nexport const menuDividerClassNames: SlotClassNames<MenuDividerSlots> = {\n root: 'fui-MenuDivider',\n};\n\nconst useStyles = makeStyles({\n root: {\n height: '1px',\n ...shorthands.margin('4px', '-5px', '4px', '-5px'),\n width: 'auto',\n backgroundColor: tokens.colorNeutralStroke2,\n },\n});\n\nexport const useMenuDividerStyles_unstable = (state: MenuDividerState) => {\n const styles = useStyles();\n state.root.className = mergeClasses(menuDividerClassNames.root, styles.root, state.root.className);\n\n return state;\n};\n"],"sourceRoot":"../src/"}
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
2
|
+
import type { MenuGroupSlots, MenuGroupState } from './MenuGroup.types';
|
|
3
|
+
/**
|
|
4
|
+
* @deprecated Use `menuGroupClassNames.root` instead.
|
|
5
|
+
*/
|
|
2
6
|
export declare const menuGroupClassName = "fui-MenuGroup";
|
|
7
|
+
export declare const menuGroupClassNames: SlotClassNames<MenuGroupSlots>;
|
|
3
8
|
export declare const useMenuGroupStyles_unstable: (state: MenuGroupState) => MenuGroupState;
|
|
@@ -1,7 +1,14 @@
|
|
|
1
1
|
import { mergeClasses } from '@griffel/react';
|
|
2
|
+
/**
|
|
3
|
+
* @deprecated Use `menuGroupClassNames.root` instead.
|
|
4
|
+
*/
|
|
5
|
+
|
|
2
6
|
export const menuGroupClassName = 'fui-MenuGroup';
|
|
7
|
+
export const menuGroupClassNames = {
|
|
8
|
+
root: 'fui-MenuGroup'
|
|
9
|
+
};
|
|
3
10
|
export const useMenuGroupStyles_unstable = state => {
|
|
4
|
-
state.root.className = mergeClasses(
|
|
11
|
+
state.root.className = mergeClasses(menuGroupClassNames.root, state.root.className);
|
|
5
12
|
return state;
|
|
6
13
|
};
|
|
7
14
|
//# sourceMappingURL=useMenuGroupStyles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/MenuGroup/useMenuGroupStyles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["components/MenuGroup/useMenuGroupStyles.ts"],"names":[],"mappings":"AACA,SAAS,YAAT,QAA6B,gBAA7B;AAGA;;AAEG;;AACH,OAAO,MAAM,kBAAkB,GAAG,eAA3B;AACP,OAAO,MAAM,mBAAmB,GAAmC;AACjE,EAAA,IAAI,EAAE;AAD2D,CAA5D;AAIP,OAAO,MAAM,2BAA2B,GAAI,KAAD,IAA0C;AACnF,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,mBAAmB,CAAC,IAArB,EAA2B,KAAK,CAAC,IAAN,CAAW,SAAtC,CAAnC;AAEA,SAAO,KAAP;AACD,CAJM","sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses } from '@griffel/react';\nimport type { MenuGroupSlots, MenuGroupState } from './MenuGroup.types';\n\n/**\n * @deprecated Use `menuGroupClassNames.root` instead.\n */\nexport const menuGroupClassName = 'fui-MenuGroup';\nexport const menuGroupClassNames: SlotClassNames<MenuGroupSlots> = {\n root: 'fui-MenuGroup',\n};\n\nexport const useMenuGroupStyles_unstable = (state: MenuGroupState): MenuGroupState => {\n state.root.className = mergeClasses(menuGroupClassNames.root, state.root.className);\n\n return state;\n};\n"],"sourceRoot":"../src/"}
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
-
import type { MenuGroupHeaderState } from './MenuGroupHeader.types';
|
|
1
|
+
import type { MenuGroupHeaderSlots, MenuGroupHeaderState } from './MenuGroupHeader.types';
|
|
2
|
+
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
3
|
+
/**
|
|
4
|
+
* @deprecated Use `menuGroupHeaderClassNames.root` instead.
|
|
5
|
+
*/
|
|
2
6
|
export declare const menuGroupHeaderClassName = "fui-MenuGroupHeader";
|
|
7
|
+
export declare const menuGroupHeaderClassNames: SlotClassNames<MenuGroupHeaderSlots>;
|
|
3
8
|
export declare const useMenuGroupHeaderStyles_unstable: (state: MenuGroupHeaderState) => MenuGroupHeaderState;
|
|
@@ -1,6 +1,13 @@
|
|
|
1
1
|
import { mergeClasses, __styles } from '@griffel/react';
|
|
2
2
|
import { tokens } from '@fluentui/react-theme';
|
|
3
|
+
/**
|
|
4
|
+
* @deprecated Use `menuGroupHeaderClassNames.root` instead.
|
|
5
|
+
*/
|
|
6
|
+
|
|
3
7
|
export const menuGroupHeaderClassName = 'fui-MenuGroupHeader';
|
|
8
|
+
export const menuGroupHeaderClassNames = {
|
|
9
|
+
root: 'fui-MenuGroupHeader'
|
|
10
|
+
};
|
|
4
11
|
|
|
5
12
|
const useStyles = /*#__PURE__*/__styles({
|
|
6
13
|
"root": {
|
|
@@ -19,7 +26,7 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
19
26
|
|
|
20
27
|
export const useMenuGroupHeaderStyles_unstable = state => {
|
|
21
28
|
const styles = useStyles();
|
|
22
|
-
state.root.className = mergeClasses(
|
|
29
|
+
state.root.className = mergeClasses(menuGroupHeaderClassNames.root, styles.root, state.root.className);
|
|
23
30
|
return state;
|
|
24
31
|
};
|
|
25
32
|
//# sourceMappingURL=useMenuGroupHeaderStyles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/MenuGroupHeader/useMenuGroupHeaderStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,kBAAyC,gBAAzC;AACA,SAAS,MAAT,QAAuB,uBAAvB;
|
|
1
|
+
{"version":3,"sources":["components/MenuGroupHeader/useMenuGroupHeaderStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,kBAAyC,gBAAzC;AACA,SAAS,MAAT,QAAuB,uBAAvB;AAIA;;AAEG;;AACH,OAAO,MAAM,wBAAwB,GAAG,qBAAjC;AACP,OAAO,MAAM,yBAAyB,GAAyC;AAC7E,EAAA,IAAI,EAAE;AADuE,CAAxE;;AAIP,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AAaA,OAAO,MAAM,iCAAiC,GAAI,KAAD,IAAgC;AAC/E,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,yBAAyB,CAAC,IAA3B,EAAiC,MAAM,CAAC,IAAxC,EAA8C,KAAK,CAAC,IAAN,CAAW,SAAzD,CAAnC;AAEA,SAAO,KAAP;AACD,CALM","sourcesContent":["import { mergeClasses, makeStyles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { MenuGroupHeaderSlots, MenuGroupHeaderState } from './MenuGroupHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\n/**\n * @deprecated Use `menuGroupHeaderClassNames.root` instead.\n */\nexport const menuGroupHeaderClassName = 'fui-MenuGroupHeader';\nexport const menuGroupHeaderClassNames: SlotClassNames<MenuGroupHeaderSlots> = {\n root: 'fui-MenuGroupHeader',\n};\n\nconst useStyles = makeStyles({\n root: {\n fontSize: tokens.fontSizeBase200,\n color: tokens.colorNeutralForeground3,\n paddingLeft: '12px',\n paddingRight: '12px',\n fontWeight: tokens.fontWeightSemibold,\n height: '32px',\n display: 'flex',\n alignItems: 'center',\n },\n});\n\nexport const useMenuGroupHeaderStyles_unstable = (state: MenuGroupHeaderState) => {\n const styles = useStyles();\n state.root.className = mergeClasses(menuGroupHeaderClassNames.root, styles.root, state.root.className);\n\n return state;\n};\n"],"sourceRoot":"../src/"}
|
|
@@ -1,4 +1,9 @@
|
|
|
1
|
-
import type { MenuItemState } from './MenuItem.types';
|
|
1
|
+
import type { MenuItemSlots, MenuItemState } from './MenuItem.types';
|
|
2
|
+
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
3
|
+
/**
|
|
4
|
+
* @deprecated Use `menuItemClassNames.root` instead.
|
|
5
|
+
*/
|
|
2
6
|
export declare const menuItemClassName = "fui-MenuItem";
|
|
7
|
+
export declare const menuItemClassNames: SlotClassNames<MenuItemSlots>;
|
|
3
8
|
/** Applies style classnames to slots */
|
|
4
9
|
export declare const useMenuItemStyles_unstable: (state: MenuItemState) => void;
|
|
@@ -2,21 +2,47 @@ import { mergeClasses, __styles, shorthands } from '@griffel/react';
|
|
|
2
2
|
import { createFocusOutlineStyle } from '@fluentui/react-tabster';
|
|
3
3
|
import { tokens } from '@fluentui/react-theme';
|
|
4
4
|
import { useCheckmarkStyles_unstable } from '../../selectable/index';
|
|
5
|
+
/**
|
|
6
|
+
* @deprecated Use `menuItemClassNames.root` instead.
|
|
7
|
+
*/
|
|
8
|
+
|
|
5
9
|
export const menuItemClassName = 'fui-MenuItem';
|
|
10
|
+
export const menuItemClassNames = {
|
|
11
|
+
root: 'fui-MenuItem',
|
|
12
|
+
icon: 'fui-MenuItem__icon',
|
|
13
|
+
checkmark: 'fui-MenuItem__checkmark',
|
|
14
|
+
submenuIndicator: 'fui-MenuItem__submenuIndicator',
|
|
15
|
+
content: 'fui-MenuItem__content',
|
|
16
|
+
secondaryContent: 'fui-MenuItem__secondaryContent'
|
|
17
|
+
};
|
|
6
18
|
|
|
7
19
|
const useStyles = /*#__PURE__*/__styles({
|
|
8
20
|
"focusIndicator": {
|
|
9
21
|
"B486eqv": "f2hkw1w",
|
|
10
|
-
"
|
|
22
|
+
"Bnmjwt4": "flfsvnh",
|
|
23
|
+
"Jopkrh": ["f1781m5e", "flvaaa9"],
|
|
24
|
+
"hhrs2v": "f50u1b5",
|
|
25
|
+
"B7jbng7": ["flvaaa9", "f1781m5e"],
|
|
11
26
|
"e8izhr": "f1pxpxw8",
|
|
12
27
|
"in3gf6": "f1149fnl",
|
|
13
28
|
"B1i23sz": "fd1orka",
|
|
14
|
-
"ln9as": "fgtqheg",
|
|
15
29
|
"Bfgg0yq": "fq7mjg8",
|
|
16
|
-
"
|
|
17
|
-
"
|
|
18
|
-
"
|
|
19
|
-
"
|
|
30
|
+
"B7231uf": "fmqgchs",
|
|
31
|
+
"Bxoolf0": ["f1lv6wi8", "famjx04"],
|
|
32
|
+
"fo1iai": "f1nbyjd2",
|
|
33
|
+
"Bh81ga8": ["famjx04", "f1lv6wi8"],
|
|
34
|
+
"qztvpn": "f5n18is",
|
|
35
|
+
"ge3ubn": ["f13az7yk", "f14kwzu1"],
|
|
36
|
+
"F41yt0": "fneogx5",
|
|
37
|
+
"Bxrdl85": ["f14kwzu1", "f13az7yk"],
|
|
38
|
+
"Bb63s14": ["f1f0b0sl", "flsib9d"],
|
|
39
|
+
"Ikxprv": ["flsib9d", "f1f0b0sl"],
|
|
40
|
+
"Bhxvgo6": ["fbewl49", "fs55jlu"],
|
|
41
|
+
"J01dyq": ["fs55jlu", "fbewl49"],
|
|
42
|
+
"hzsgvt": "f1f43d5r",
|
|
43
|
+
"Ba9tnbb": ["f1ib27sc", "f14s7j5v"],
|
|
44
|
+
"Fpkomr": "f13oqbgc",
|
|
45
|
+
"Bttdqvk": ["f14s7j5v", "f1ib27sc"],
|
|
20
46
|
"Bl8qd6i": "f1284xzw",
|
|
21
47
|
"Byzgy54": "f14dru39",
|
|
22
48
|
"mq8cyt": ["fvabyfg", "f12y1wz2"],
|
|
@@ -81,7 +107,7 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
81
107
|
}
|
|
82
108
|
}, {
|
|
83
109
|
"i": [".f2hkw1w:focus-visible{outline-style:none;}"],
|
|
84
|
-
"d": ["[data-keyboard-nav] .
|
|
110
|
+
"d": ["[data-keyboard-nav] .flfsvnh:focus{border-top-color:transparent;}", "[data-keyboard-nav] .f1781m5e:focus{border-right-color:transparent;}", "[data-keyboard-nav] .flvaaa9:focus{border-left-color:transparent;}", "[data-keyboard-nav] .f50u1b5:focus{border-bottom-color:transparent;}", "[data-keyboard-nav] .f1pxpxw8:focus:after{content:\"\";}", "[data-keyboard-nav] .f1149fnl:focus:after{position:absolute;}", "[data-keyboard-nav] .fd1orka:focus:after{pointer-events:none;}", "[data-keyboard-nav] .fq7mjg8:focus:after{z-index:1;}", "[data-keyboard-nav] .fmqgchs:focus:after{border-top-style:solid;}", "[data-keyboard-nav] .f1lv6wi8:focus:after{border-right-style:solid;}", "[data-keyboard-nav] .famjx04:focus:after{border-left-style:solid;}", "[data-keyboard-nav] .f1nbyjd2:focus:after{border-bottom-style:solid;}", "[data-keyboard-nav] .f5n18is:focus:after{border-top-width:2px;}", "[data-keyboard-nav] .f13az7yk:focus:after{border-right-width:2px;}", "[data-keyboard-nav] .f14kwzu1:focus:after{border-left-width:2px;}", "[data-keyboard-nav] .fneogx5:focus:after{border-bottom-width:2px;}", "[data-keyboard-nav] .f1f0b0sl:focus:after{border-bottom-right-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .flsib9d:focus:after{border-bottom-left-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .fbewl49:focus:after{border-top-right-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .fs55jlu:focus:after{border-top-left-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .f1f43d5r:focus:after{border-top-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f1ib27sc:focus:after{border-right-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f14s7j5v:focus:after{border-left-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f13oqbgc:focus:after{border-bottom-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f1284xzw:focus:after{top:-2px;}", "[data-keyboard-nav] .f14dru39:focus:after{bottom:-2px;}", "[data-keyboard-nav] .fvabyfg:focus:after{left:-2px;}", "[data-keyboard-nav] .f12y1wz2:focus:after{right:-2px;}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".f10pi13n{position:relative;}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f81rol6{padding-right:10px;}", ".frdkuqy{padding-left:10px;}", ".f1d2rq10{height:32px;}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".f1k6fduh{cursor:pointer;}", ".f1q8lukm{-webkit-column-gap:4px;column-gap:4px;}", ".f1ma2n7n{row-gap:4px;}", ".f1xqy1su{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}", ".f161knb0{padding-left:2px;}", ".f12huiiw{padding-right:2px;}", ".f3rmtva{background-color:transparent;}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".f64fuq3{width:20px;}", ".fjamq6b{height:20px;}", ".fe5j1ua{font-size:20px;}", ".fez10in{line-height:0;}", ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}"],
|
|
85
111
|
"h": [".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}", ".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}", ".f1jp5ecu:hover{color:var(--colorNeutralForeground3Hover);}", ".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}"],
|
|
86
112
|
"f": [".fc1cou1:focus{color:var(--colorNeutralForeground3Hover);}", ".ft33916:focus{color:var(--colorNeutralForegroundDisabled);}"]
|
|
87
113
|
});
|
|
@@ -90,22 +116,26 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
90
116
|
|
|
91
117
|
export const useMenuItemStyles_unstable = state => {
|
|
92
118
|
const styles = useStyles();
|
|
93
|
-
state.root.className = mergeClasses(
|
|
119
|
+
state.root.className = mergeClasses(menuItemClassNames.root, styles.root, styles.focusIndicator, state.disabled && styles.disabled, state.root.className);
|
|
94
120
|
|
|
95
121
|
if (state.content) {
|
|
96
|
-
state.content.className = mergeClasses(styles.content, state.content.className);
|
|
122
|
+
state.content.className = mergeClasses(menuItemClassNames.content, styles.content, state.content.className);
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
if (state.checkmark) {
|
|
126
|
+
state.checkmark.className = mergeClasses(menuItemClassNames.checkmark, state.checkmark.className);
|
|
97
127
|
}
|
|
98
128
|
|
|
99
129
|
if (state.secondaryContent) {
|
|
100
|
-
state.secondaryContent.className = mergeClasses(!state.disabled && styles.secondaryContent, state.secondaryContent.className);
|
|
130
|
+
state.secondaryContent.className = mergeClasses(menuItemClassNames.secondaryContent, !state.disabled && styles.secondaryContent, state.secondaryContent.className);
|
|
101
131
|
}
|
|
102
132
|
|
|
103
133
|
if (state.icon) {
|
|
104
|
-
state.icon.className = mergeClasses(styles.icon, state.icon.className);
|
|
134
|
+
state.icon.className = mergeClasses(menuItemClassNames.icon, styles.icon, state.icon.className);
|
|
105
135
|
}
|
|
106
136
|
|
|
107
137
|
if (state.submenuIndicator) {
|
|
108
|
-
state.submenuIndicator.className = mergeClasses(styles.submenuIndicator, state.submenuIndicator.className);
|
|
138
|
+
state.submenuIndicator.className = mergeClasses(menuItemClassNames.submenuIndicator, styles.submenuIndicator, state.submenuIndicator.className);
|
|
109
139
|
}
|
|
110
140
|
|
|
111
141
|
useCheckmarkStyles_unstable(state);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/MenuItem/useMenuItemStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,YAAmC,UAAnC,QAAqD,gBAArD;AACA,SAAS,uBAAT,QAAwC,yBAAxC;AACA,SAAS,MAAT,QAAuB,uBAAvB;AACA,SAAS,2BAAT,QAA4C,wBAA5C;
|
|
1
|
+
{"version":3,"sources":["components/MenuItem/useMenuItemStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,YAAmC,UAAnC,QAAqD,gBAArD;AACA,SAAS,uBAAT,QAAwC,yBAAxC;AACA,SAAS,MAAT,QAAuB,uBAAvB;AACA,SAAS,2BAAT,QAA4C,wBAA5C;AAKA;;AAEG;;AACH,OAAO,MAAM,iBAAiB,GAAG,cAA1B;AACP,OAAO,MAAM,kBAAkB,GAAkC;AAC/D,EAAA,IAAI,EAAE,cADyD;AAE/D,EAAA,IAAI,EAAE,oBAFyD;AAG/D,EAAA,SAAS,EAAE,yBAHoD;AAI/D,EAAA,gBAAgB,EAAE,gCAJ6C;AAK/D,EAAA,OAAO,EAAE,uBALsD;AAM/D,EAAA,gBAAgB,EAAE;AAN6C,CAA1D;;AASP,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAsEA;;;AACA,OAAO,MAAM,0BAA0B,GAAI,KAAD,IAAyB;AACjE,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,kBAAkB,CAAC,IADc,EAEjC,MAAM,CAAC,IAF0B,EAGjC,MAAM,CAAC,cAH0B,EAIjC,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,QAJQ,EAKjC,KAAK,CAAC,IAAN,CAAW,SALsB,CAAnC;;AAQA,MAAI,KAAK,CAAC,OAAV,EAAmB;AACjB,IAAA,KAAK,CAAC,OAAN,CAAc,SAAd,GAA0B,YAAY,CAAC,kBAAkB,CAAC,OAApB,EAA6B,MAAM,CAAC,OAApC,EAA6C,KAAK,CAAC,OAAN,CAAc,SAA3D,CAAtC;AACD;;AAED,MAAI,KAAK,CAAC,SAAV,EAAqB;AACnB,IAAA,KAAK,CAAC,SAAN,CAAgB,SAAhB,GAA4B,YAAY,CAAC,kBAAkB,CAAC,SAApB,EAA+B,KAAK,CAAC,SAAN,CAAgB,SAA/C,CAAxC;AACD;;AAED,MAAI,KAAK,CAAC,gBAAV,EAA4B;AAC1B,IAAA,KAAK,CAAC,gBAAN,CAAuB,SAAvB,GAAmC,YAAY,CAC7C,kBAAkB,CAAC,gBAD0B,EAE7C,CAAC,KAAK,CAAC,QAAP,IAAmB,MAAM,CAAC,gBAFmB,EAG7C,KAAK,CAAC,gBAAN,CAAuB,SAHsB,CAA/C;AAKD;;AAED,MAAI,KAAK,CAAC,IAAV,EAAgB;AACd,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,kBAAkB,CAAC,IAApB,EAA0B,MAAM,CAAC,IAAjC,EAAuC,KAAK,CAAC,IAAN,CAAW,SAAlD,CAAnC;AACD;;AAED,MAAI,KAAK,CAAC,gBAAV,EAA4B;AAC1B,IAAA,KAAK,CAAC,gBAAN,CAAuB,SAAvB,GAAmC,YAAY,CAC7C,kBAAkB,CAAC,gBAD0B,EAE7C,MAAM,CAAC,gBAFsC,EAG7C,KAAK,CAAC,gBAAN,CAAuB,SAHsB,CAA/C;AAKD;;AACD,EAAA,2BAA2B,CAAC,KAAD,CAA3B;AACD,CAtCM","sourcesContent":["import { mergeClasses, makeStyles, shorthands } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport { useCheckmarkStyles_unstable } from '../../selectable/index';\nimport { MenuItemCheckboxState } from '../MenuItemCheckbox/index';\nimport type { MenuItemSlots, MenuItemState } from './MenuItem.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\n/**\n * @deprecated Use `menuItemClassNames.root` instead.\n */\nexport const menuItemClassName = 'fui-MenuItem';\nexport const menuItemClassNames: SlotClassNames<MenuItemSlots> = {\n root: 'fui-MenuItem',\n icon: 'fui-MenuItem__icon',\n checkmark: 'fui-MenuItem__checkmark',\n submenuIndicator: 'fui-MenuItem__submenuIndicator',\n content: 'fui-MenuItem__content',\n secondaryContent: 'fui-MenuItem__secondaryContent',\n};\n\nconst useStyles = makeStyles({\n focusIndicator: createFocusOutlineStyle(),\n root: {\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n position: 'relative',\n color: tokens.colorNeutralForeground1,\n backgroundColor: tokens.colorNeutralBackground1,\n paddingRight: '10px',\n paddingLeft: '10px',\n height: '32px',\n display: 'flex',\n alignItems: 'center',\n fontSize: tokens.fontSizeBase300,\n cursor: 'pointer',\n ...shorthands.gap('4px'),\n\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n color: tokens.colorNeutralForeground2Hover,\n },\n\n userSelect: 'none',\n },\n content: {\n paddingLeft: '2px',\n paddingRight: '2px',\n backgroundColor: 'transparent',\n flexGrow: 1,\n },\n secondaryContent: {\n paddingLeft: '2px',\n paddingRight: '2px',\n color: tokens.colorNeutralForeground3,\n ':hover': {\n color: tokens.colorNeutralForeground3Hover,\n },\n ':focus': {\n color: tokens.colorNeutralForeground3Hover,\n },\n },\n icon: {\n width: '20px',\n height: '20px',\n fontSize: '20px',\n lineHeight: 0,\n alignItems: 'center',\n display: 'inline-flex',\n justifyContent: 'center',\n },\n submenuIndicator: {\n width: '20px',\n height: '20px',\n fontSize: '20px',\n lineHeight: 0,\n alignItems: 'center',\n display: 'inline-flex',\n justifyContent: 'center',\n },\n disabled: {\n color: tokens.colorNeutralForegroundDisabled,\n ':hover': {\n color: tokens.colorNeutralForegroundDisabled,\n },\n\n ':focus': {\n color: tokens.colorNeutralForegroundDisabled,\n },\n },\n});\n\n/** Applies style classnames to slots */\nexport const useMenuItemStyles_unstable = (state: MenuItemState) => {\n const styles = useStyles();\n state.root.className = mergeClasses(\n menuItemClassNames.root,\n styles.root,\n styles.focusIndicator,\n state.disabled && styles.disabled,\n state.root.className,\n );\n\n if (state.content) {\n state.content.className = mergeClasses(menuItemClassNames.content, styles.content, state.content.className);\n }\n\n if (state.checkmark) {\n state.checkmark.className = mergeClasses(menuItemClassNames.checkmark, state.checkmark.className);\n }\n\n if (state.secondaryContent) {\n state.secondaryContent.className = mergeClasses(\n menuItemClassNames.secondaryContent,\n !state.disabled && styles.secondaryContent,\n state.secondaryContent.className,\n );\n }\n\n if (state.icon) {\n state.icon.className = mergeClasses(menuItemClassNames.icon, styles.icon, state.icon.className);\n }\n\n if (state.submenuIndicator) {\n state.submenuIndicator.className = mergeClasses(\n menuItemClassNames.submenuIndicator,\n styles.submenuIndicator,\n state.submenuIndicator.className,\n );\n }\n useCheckmarkStyles_unstable(state as MenuItemCheckboxState);\n};\n"],"sourceRoot":"../src/"}
|
|
@@ -1,3 +1,9 @@
|
|
|
1
|
+
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
2
|
+
import { MenuItemSlots } from '../index';
|
|
1
3
|
import type { MenuItemCheckboxState } from './MenuItemCheckbox.types';
|
|
4
|
+
/**
|
|
5
|
+
* @deprecated Use `menuItemCheckboxClassNames.root` instead.
|
|
6
|
+
*/
|
|
2
7
|
export declare const menuItemCheckboxClassName = "fui-MenuItemCheckbox";
|
|
8
|
+
export declare const menuItemCheckboxClassNames: SlotClassNames<Omit<MenuItemSlots, 'submenuIndicator'>>;
|
|
3
9
|
export declare const useMenuItemCheckboxStyles_unstable: (state: MenuItemCheckboxState) => void;
|
|
@@ -1,9 +1,37 @@
|
|
|
1
1
|
import { mergeClasses } from '@griffel/react';
|
|
2
2
|
import { useCheckmarkStyles_unstable } from '../../selectable/index';
|
|
3
3
|
import { useMenuItemStyles_unstable } from '../MenuItem/useMenuItemStyles';
|
|
4
|
+
/**
|
|
5
|
+
* @deprecated Use `menuItemCheckboxClassNames.root` instead.
|
|
6
|
+
*/
|
|
7
|
+
|
|
4
8
|
export const menuItemCheckboxClassName = 'fui-MenuItemCheckbox';
|
|
9
|
+
export const menuItemCheckboxClassNames = {
|
|
10
|
+
root: 'fui-MenuItemCheckbox',
|
|
11
|
+
icon: 'fui-MenuItemCheckbox__icon',
|
|
12
|
+
checkmark: 'fui-MenuItemCheckbox__checkmark',
|
|
13
|
+
content: 'fui-MenuItemCheckbox__content',
|
|
14
|
+
secondaryContent: 'fui-MenuItemCheckbox__secondaryContent'
|
|
15
|
+
};
|
|
5
16
|
export const useMenuItemCheckboxStyles_unstable = state => {
|
|
6
|
-
state.root.className = mergeClasses(
|
|
17
|
+
state.root.className = mergeClasses(menuItemCheckboxClassNames.root, state.root.className);
|
|
18
|
+
|
|
19
|
+
if (state.content) {
|
|
20
|
+
state.content.className = mergeClasses(menuItemCheckboxClassNames.content, state.content.className);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
if (state.secondaryContent) {
|
|
24
|
+
state.secondaryContent.className = mergeClasses(menuItemCheckboxClassNames.secondaryContent, state.secondaryContent.className);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
if (state.icon) {
|
|
28
|
+
state.icon.className = mergeClasses(menuItemCheckboxClassNames.icon, state.icon.className);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
if (state.checkmark) {
|
|
32
|
+
state.checkmark.className = mergeClasses(menuItemCheckboxClassNames.checkmark, state.checkmark.className);
|
|
33
|
+
}
|
|
34
|
+
|
|
7
35
|
useMenuItemStyles_unstable(state);
|
|
8
36
|
useCheckmarkStyles_unstable(state);
|
|
9
37
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/MenuItemCheckbox/useMenuItemCheckboxStyles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["components/MenuItemCheckbox/useMenuItemCheckboxStyles.ts"],"names":[],"mappings":"AACA,SAAS,YAAT,QAA6B,gBAA7B;AACA,SAAS,2BAAT,QAA4C,wBAA5C;AAEA,SAAS,0BAAT,QAA2C,+BAA3C;AAGA;;AAEG;;AACH,OAAO,MAAM,yBAAyB,GAAG,sBAAlC;AACP,OAAO,MAAM,0BAA0B,GAA4D;AACjG,EAAA,IAAI,EAAE,sBAD2F;AAEjG,EAAA,IAAI,EAAE,4BAF2F;AAGjG,EAAA,SAAS,EAAE,iCAHsF;AAIjG,EAAA,OAAO,EAAE,+BAJwF;AAKjG,EAAA,gBAAgB,EAAE;AAL+E,CAA5F;AAQP,OAAO,MAAM,kCAAkC,GAAI,KAAD,IAAiC;AACjF,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,0BAA0B,CAAC,IAA5B,EAAkC,KAAK,CAAC,IAAN,CAAW,SAA7C,CAAnC;;AAEA,MAAI,KAAK,CAAC,OAAV,EAAmB;AACjB,IAAA,KAAK,CAAC,OAAN,CAAc,SAAd,GAA0B,YAAY,CAAC,0BAA0B,CAAC,OAA5B,EAAqC,KAAK,CAAC,OAAN,CAAc,SAAnD,CAAtC;AACD;;AAED,MAAI,KAAK,CAAC,gBAAV,EAA4B;AAC1B,IAAA,KAAK,CAAC,gBAAN,CAAuB,SAAvB,GAAmC,YAAY,CAC7C,0BAA0B,CAAC,gBADkB,EAE7C,KAAK,CAAC,gBAAN,CAAuB,SAFsB,CAA/C;AAID;;AAED,MAAI,KAAK,CAAC,IAAV,EAAgB;AACd,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,0BAA0B,CAAC,IAA5B,EAAkC,KAAK,CAAC,IAAN,CAAW,SAA7C,CAAnC;AACD;;AAED,MAAI,KAAK,CAAC,SAAV,EAAqB;AACnB,IAAA,KAAK,CAAC,SAAN,CAAgB,SAAhB,GAA4B,YAAY,CAAC,0BAA0B,CAAC,SAA5B,EAAuC,KAAK,CAAC,SAAN,CAAgB,SAAvD,CAAxC;AACD;;AAED,EAAA,0BAA0B,CAAC,KAAD,CAA1B;AACA,EAAA,2BAA2B,CAAC,KAAD,CAA3B;AACD,CAxBM","sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses } from '@griffel/react';\nimport { useCheckmarkStyles_unstable } from '../../selectable/index';\nimport { MenuItemSlots } from '../index';\nimport { useMenuItemStyles_unstable } from '../MenuItem/useMenuItemStyles';\nimport type { MenuItemCheckboxState } from './MenuItemCheckbox.types';\n\n/**\n * @deprecated Use `menuItemCheckboxClassNames.root` instead.\n */\nexport const menuItemCheckboxClassName = 'fui-MenuItemCheckbox';\nexport const menuItemCheckboxClassNames: SlotClassNames<Omit<MenuItemSlots, 'submenuIndicator'>> = {\n root: 'fui-MenuItemCheckbox',\n icon: 'fui-MenuItemCheckbox__icon',\n checkmark: 'fui-MenuItemCheckbox__checkmark',\n content: 'fui-MenuItemCheckbox__content',\n secondaryContent: 'fui-MenuItemCheckbox__secondaryContent',\n};\n\nexport const useMenuItemCheckboxStyles_unstable = (state: MenuItemCheckboxState) => {\n state.root.className = mergeClasses(menuItemCheckboxClassNames.root, state.root.className);\n\n if (state.content) {\n state.content.className = mergeClasses(menuItemCheckboxClassNames.content, state.content.className);\n }\n\n if (state.secondaryContent) {\n state.secondaryContent.className = mergeClasses(\n menuItemCheckboxClassNames.secondaryContent,\n state.secondaryContent.className,\n );\n }\n\n if (state.icon) {\n state.icon.className = mergeClasses(menuItemCheckboxClassNames.icon, state.icon.className);\n }\n\n if (state.checkmark) {\n state.checkmark.className = mergeClasses(menuItemCheckboxClassNames.checkmark, state.checkmark.className);\n }\n\n useMenuItemStyles_unstable(state);\n useCheckmarkStyles_unstable(state);\n};\n"],"sourceRoot":"../src/"}
|