@fluentui-react-native/menu 1.11.14 → 1.11.16

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 (37) hide show
  1. package/CHANGELOG.json +133 -1
  2. package/CHANGELOG.md +35 -2
  3. package/SPEC.md +2 -2
  4. package/lib/MenuCallout/MenuCallout.android.js +1 -1
  5. package/lib/MenuCallout/MenuCallout.types.d.ts +2 -2
  6. package/lib/MenuList/MenuList.styling.js +1 -1
  7. package/lib/MenuList/MenuList.types.d.ts +3 -3
  8. package/lib/MenuList/MenuListTokens.android.js +1 -1
  9. package/lib/MenuPopover/MenuPopover.d.ts +1 -1
  10. package/lib/MenuPopover/MenuPopover.types.d.ts +2 -2
  11. package/lib/MenuPopover/MenuPopoverTokens.android.d.ts +1 -1
  12. package/lib/MenuPopover/MenuPopoverTokens.d.ts +1 -1
  13. package/lib/MenuPopover/MenuPopoverTokens.macos.d.ts +5 -0
  14. package/lib/MenuPopover/MenuPopoverTokens.macos.d.ts.map +1 -0
  15. package/lib/MenuPopover/MenuPopoverTokens.macos.js +7 -0
  16. package/lib/MenuPopover/MenuPopoverTokens.macos.js.map +1 -0
  17. package/lib-commonjs/MenuCallout/MenuCallout.android.js +1 -1
  18. package/lib-commonjs/MenuCallout/MenuCallout.types.d.ts +2 -2
  19. package/lib-commonjs/MenuList/MenuList.styling.js +1 -1
  20. package/lib-commonjs/MenuList/MenuList.types.d.ts +3 -3
  21. package/lib-commonjs/MenuList/MenuListTokens.android.js +1 -1
  22. package/lib-commonjs/MenuPopover/MenuPopover.d.ts +1 -1
  23. package/lib-commonjs/MenuPopover/MenuPopover.types.d.ts +2 -2
  24. package/lib-commonjs/MenuPopover/MenuPopoverTokens.android.d.ts +1 -1
  25. package/lib-commonjs/MenuPopover/MenuPopoverTokens.d.ts +1 -1
  26. package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.d.ts +5 -0
  27. package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.d.ts.map +1 -0
  28. package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.js +10 -0
  29. package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.js.map +1 -0
  30. package/package.json +12 -12
  31. package/src/MenuCallout/MenuCallout.android.tsx +1 -1
  32. package/src/MenuCallout/MenuCallout.types.ts +2 -2
  33. package/src/MenuList/MenuList.styling.ts +1 -1
  34. package/src/MenuList/MenuList.types.ts +3 -3
  35. package/src/MenuList/MenuListTokens.android.ts +1 -1
  36. package/src/MenuPopover/MenuPopover.types.ts +2 -2
  37. package/src/MenuPopover/MenuPopoverTokens.macos.ts +13 -0
package/CHANGELOG.json CHANGED
@@ -2,7 +2,139 @@
2
2
  "name": "@fluentui-react-native/menu",
3
3
  "entries": [
4
4
  {
5
- "date": "Wed, 02 Aug 2023 16:50:18 GMT",
5
+ "date": "Mon, 14 Aug 2023 20:10:30 GMT",
6
+ "version": "1.11.16",
7
+ "tag": "@fluentui-react-native/menu_v1.11.16",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "beachball",
12
+ "package": "@fluentui-react-native/menu",
13
+ "comment": "Bump @fluentui-react-native/adapters to v0.11.2",
14
+ "commit": "not available"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui-react-native/menu",
19
+ "comment": "Bump @fluentui-react-native/callout to v0.24.13",
20
+ "commit": "not available"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui-react-native/menu",
25
+ "comment": "Bump @fluentui-react-native/focus-zone to v0.12.9",
26
+ "commit": "not available"
27
+ },
28
+ {
29
+ "author": "beachball",
30
+ "package": "@fluentui-react-native/menu",
31
+ "comment": "Bump @fluentui-react-native/framework to v0.11.5",
32
+ "commit": "not available"
33
+ },
34
+ {
35
+ "author": "beachball",
36
+ "package": "@fluentui-react-native/menu",
37
+ "comment": "Bump @fluentui-react-native/icon to v0.19.7",
38
+ "commit": "not available"
39
+ },
40
+ {
41
+ "author": "beachball",
42
+ "package": "@fluentui-react-native/menu",
43
+ "comment": "Bump @fluentui-react-native/interactive-hooks to v0.24.7",
44
+ "commit": "not available"
45
+ },
46
+ {
47
+ "author": "beachball",
48
+ "package": "@fluentui-react-native/menu",
49
+ "comment": "Bump @fluentui-react-native/text to v0.21.7",
50
+ "commit": "not available"
51
+ },
52
+ {
53
+ "author": "beachball",
54
+ "package": "@fluentui-react-native/menu",
55
+ "comment": "Bump @fluentui-react-native/tokens to v0.21.2",
56
+ "commit": "not available"
57
+ },
58
+ {
59
+ "author": "beachball",
60
+ "package": "@fluentui-react-native/menu",
61
+ "comment": "Bump @fluentui-react-native/button to v0.34.10",
62
+ "commit": "not available"
63
+ }
64
+ ]
65
+ }
66
+ },
67
+ {
68
+ "date": "Wed, 09 Aug 2023 22:02:14 GMT",
69
+ "version": "1.11.15",
70
+ "tag": "@fluentui-react-native/menu_v1.11.15",
71
+ "comments": {
72
+ "patch": [
73
+ {
74
+ "author": "saadnajmi2@gmail.com",
75
+ "package": "@fluentui-react-native/menu",
76
+ "commit": "0458d809d77273f3d8adf080bf561e1fdde80696",
77
+ "comment": "[Callout][macOS] Support Border Tokens"
78
+ },
79
+ {
80
+ "author": "beachball",
81
+ "package": "@fluentui-react-native/menu",
82
+ "comment": "Bump @fluentui-react-native/callout to v0.24.12",
83
+ "commit": "not available"
84
+ },
85
+ {
86
+ "author": "beachball",
87
+ "package": "@fluentui-react-native/menu",
88
+ "comment": "Bump @fluentui-react-native/focus-zone to v0.12.8",
89
+ "commit": "not available"
90
+ },
91
+ {
92
+ "author": "beachball",
93
+ "package": "@fluentui-react-native/menu",
94
+ "comment": "Bump @fluentui-react-native/framework to v0.11.4",
95
+ "commit": "not available"
96
+ },
97
+ {
98
+ "author": "beachball",
99
+ "package": "@fluentui-react-native/menu",
100
+ "comment": "Bump @fluentui-react-native/icon to v0.19.6",
101
+ "commit": "not available"
102
+ },
103
+ {
104
+ "author": "beachball",
105
+ "package": "@fluentui-react-native/menu",
106
+ "comment": "Bump @fluentui-react-native/interactive-hooks to v0.24.6",
107
+ "commit": "not available"
108
+ },
109
+ {
110
+ "author": "beachball",
111
+ "package": "@fluentui-react-native/menu",
112
+ "comment": "Bump @fluentui-react-native/text to v0.21.6",
113
+ "commit": "not available"
114
+ },
115
+ {
116
+ "author": "beachball",
117
+ "package": "@fluentui-react-native/menu",
118
+ "comment": "Bump @fluentui-react-native/theme-tokens to v0.25.1",
119
+ "commit": "not available"
120
+ },
121
+ {
122
+ "author": "beachball",
123
+ "package": "@fluentui-react-native/menu",
124
+ "comment": "Bump @fluentui-react-native/use-styling to v0.11.1",
125
+ "commit": "not available"
126
+ },
127
+ {
128
+ "author": "beachball",
129
+ "package": "@fluentui-react-native/menu",
130
+ "comment": "Bump @fluentui-react-native/button to v0.34.9",
131
+ "commit": "not available"
132
+ }
133
+ ]
134
+ }
135
+ },
136
+ {
137
+ "date": "Wed, 02 Aug 2023 16:51:10 GMT",
6
138
  "version": "1.11.14",
7
139
  "tag": "@fluentui-react-native/menu_v1.11.14",
8
140
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,45 @@
1
1
  # Change Log - @fluentui-react-native/menu
2
2
 
3
- This log was last generated on Wed, 02 Aug 2023 16:50:18 GMT and should not be manually modified.
3
+ This log was last generated on Mon, 14 Aug 2023 20:10:30 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 1.11.16
8
+
9
+ Mon, 14 Aug 2023 20:10:30 GMT
10
+
11
+ ### Patches
12
+
13
+ - Bump @fluentui-react-native/adapters to v0.11.2
14
+ - Bump @fluentui-react-native/callout to v0.24.13
15
+ - Bump @fluentui-react-native/focus-zone to v0.12.9
16
+ - Bump @fluentui-react-native/framework to v0.11.5
17
+ - Bump @fluentui-react-native/icon to v0.19.7
18
+ - Bump @fluentui-react-native/interactive-hooks to v0.24.7
19
+ - Bump @fluentui-react-native/text to v0.21.7
20
+ - Bump @fluentui-react-native/tokens to v0.21.2
21
+ - Bump @fluentui-react-native/button to v0.34.10
22
+
23
+ ## 1.11.15
24
+
25
+ Wed, 09 Aug 2023 22:02:14 GMT
26
+
27
+ ### Patches
28
+
29
+ - [Callout][macOS] Support Border Tokens (saadnajmi2@gmail.com)
30
+ - Bump @fluentui-react-native/callout to v0.24.12
31
+ - Bump @fluentui-react-native/focus-zone to v0.12.8
32
+ - Bump @fluentui-react-native/framework to v0.11.4
33
+ - Bump @fluentui-react-native/icon to v0.19.6
34
+ - Bump @fluentui-react-native/interactive-hooks to v0.24.6
35
+ - Bump @fluentui-react-native/text to v0.21.6
36
+ - Bump @fluentui-react-native/theme-tokens to v0.25.1
37
+ - Bump @fluentui-react-native/use-styling to v0.11.1
38
+ - Bump @fluentui-react-native/button to v0.34.9
39
+
7
40
  ## 1.11.14
8
41
 
9
- Wed, 02 Aug 2023 16:50:18 GMT
42
+ Wed, 02 Aug 2023 16:51:10 GMT
10
43
 
11
44
  ### Patches
12
45
 
package/SPEC.md CHANGED
@@ -293,9 +293,9 @@ export interface MenuListTokens extends LayoutTokens, IBackgroundColorTokens {
293
293
 
294
294
  /**
295
295
  * Corner radius of the menu list
296
- * @platform android
296
+ * @platform android macos
297
297
  */
298
- cornerRadius?: number;
298
+ borderRadius?: number;
299
299
  }
300
300
  ```
301
301
 
package/lib/MenuCallout/MenuCallout.android.js CHANGED
@@ -20,7 +20,7 @@ export var MenuCallout = stagedComponent(function (props) {
20
20
  maxHeight: mergedProps.maxHeight ? mergedProps.maxHeight : tokens.maxHeight,
21
21
  maxWidth: tokens.maxWidth,
22
22
  position: 'absolute',
23
- borderRadius: tokens.cornerRadius,
23
+ borderRadius: tokens.borderRadius,
24
24
  elevation: tokens.elevation,
25
25
  overflow: 'hidden',
26
26
  },
package/lib/MenuCallout/MenuCallout.types.d.ts CHANGED
@@ -3,9 +3,9 @@ export declare const menuCalloutName = "MenuCallout";
3
3
  export type MenuCalloutTokens = Omit<ICalloutTokens, 'anchorRect' | 'beakWidth' | 'dismissBehaviors'> & {
4
4
  /**
5
5
  * The token for the corner radius for the Modal MenuPopover
6
- * @platform android
6
+ * @platform android macos
7
7
  */
8
- cornerRadius?: number;
8
+ borderRadius?: number;
9
9
  /**
10
10
  * Shadown elevation token for the Modal MenuPopover
11
11
  * @platform android
package/lib/MenuList/MenuList.styling.js CHANGED
@@ -10,7 +10,7 @@ export var stylingSettings = {
10
10
  states: menuListStates,
11
11
  slotProps: {
12
12
  root: buildProps(function (tokens, theme) { return ({
13
- style: __assign(__assign({ backgroundColor: tokens.backgroundColor, display: 'flex' }, layoutStyles.from(tokens, theme)), (Platform.OS === 'android' && { borderRadius: tokens.cornerRadius })),
13
+ style: __assign(__assign({ backgroundColor: tokens.backgroundColor, display: 'flex' }, layoutStyles.from(tokens, theme)), (Platform.OS === 'android' && { borderRadius: tokens.borderRadius })),
14
14
  gap: tokens.gap,
15
15
  }); }, __spreadArray(['backgroundColor', 'gap'], layoutStyles.keys, true)),
16
16
  },
package/lib/MenuList/MenuList.types.d.ts CHANGED
@@ -15,10 +15,10 @@ export interface MenuListTokens extends LayoutTokens, IBackgroundColorTokens {
15
15
  */
16
16
  hasMaxHeight?: MenuListTokens;
17
17
  /**
18
- * Corner radius of the menu list
19
- * @platform android
18
+ * Border radius of the menu list
19
+ * @platform android macos
20
20
  */
21
- cornerRadius?: number;
21
+ borderRadius?: number;
22
22
  }
23
23
  export interface MenuListProps extends Omit<IViewProps, 'onPress'> {
24
24
  /**
package/lib/MenuList/MenuListTokens.android.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { globalTokens } from '@fluentui-react-native/theme-tokens';
2
2
  export var defaultMenuListTokens = function (t) { return ({
3
3
  backgroundColor: t.colors.neutralBackground1,
4
- cornerRadius: globalTokens.corner.radius80,
4
+ borderRadius: globalTokens.corner.radius80,
5
5
  paddingVertical: globalTokens.size80,
6
6
  }); };
7
7
  //# sourceMappingURL=MenuListTokens.android.js.map
package/lib/MenuPopover/MenuPopover.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export declare const MenuPopover: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("@fluentui-react-native/callout").ICalloutProps, Omit<import("@fluentui-react-native/callout").ICalloutTokens, "anchorRect" | "beakWidth" | "dismissBehaviors"> & {
2
- cornerRadius?: number;
2
+ borderRadius?: number;
3
3
  elevation?: number;
4
4
  }, import("@fluentui-react-native/framework").Theme>;
5
5
  export default MenuPopover;
package/lib/MenuPopover/MenuPopover.types.d.ts CHANGED
@@ -4,9 +4,9 @@ export declare const menuPopoverName = "MenuPopover";
4
4
  export type MenuPopoverTokens = Omit<ICalloutTokens, 'anchorRect' | 'beakWidth' | 'dismissBehaviors'> & {
5
5
  /**
6
6
  * The props for the corner radius for the Modal MenuPopover
7
- * @platform android
7
+ * @platform android macos
8
8
  */
9
- cornerRadius?: number;
9
+ borderRadius?: number;
10
10
  /**
11
11
  * Shadown elevation for the Modal MenuPopover
12
12
  * @platform android
package/lib/MenuPopover/MenuPopoverTokens.android.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export declare const useMenuPopoverTokens: import("@fluentui-react-native/framework").UseTokens<Omit<import("@fluentui-react-native/callout").ICalloutTokens, "anchorRect" | "beakWidth" | "dismissBehaviors"> & {
2
- cornerRadius?: number;
2
+ borderRadius?: number;
3
3
  elevation?: number;
4
4
  }>;
5
5
  //# sourceMappingURL=MenuPopoverTokens.android.d.ts.map
package/lib/MenuPopover/MenuPopoverTokens.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export declare const useMenuPopoverTokens: import("@fluentui-react-native/framework").UseTokens<Omit<import("@fluentui-react-native/callout").ICalloutTokens, "anchorRect" | "beakWidth" | "dismissBehaviors"> & {
2
- cornerRadius?: number;
2
+ borderRadius?: number;
3
3
  elevation?: number;
4
4
  }>;
5
5
  //# sourceMappingURL=MenuPopoverTokens.d.ts.map
package/lib/MenuPopover/MenuPopoverTokens.macos.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ export declare const useMenuPopoverTokens: import("@fluentui-react-native/framework").UseTokens<Omit<import("@fluentui-react-native/callout").ICalloutTokens, "anchorRect" | "beakWidth" | "dismissBehaviors"> & {
2
+ borderRadius?: number;
3
+ elevation?: number;
4
+ }>;
5
+ //# sourceMappingURL=MenuPopoverTokens.macos.d.ts.map
package/lib/MenuPopover/MenuPopoverTokens.macos.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuPopoverTokens.macos.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.macos.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,oBAAoB;;;EAMhC,CAAC"}
package/lib/MenuPopover/MenuPopoverTokens.macos.js ADDED
@@ -0,0 +1,7 @@
1
+ import { buildUseTokens } from '@fluentui-react-native/framework';
2
+ import { menuPopoverName } from './MenuPopover.types';
3
+ export var useMenuPopoverTokens = buildUseTokens(function (_t) { return ({
4
+ borderWidth: 0,
5
+ borderRadius: 5,
6
+ }); }, menuPopoverName);
7
+ //# sourceMappingURL=MenuPopoverTokens.macos.js.map
package/lib/MenuPopover/MenuPopoverTokens.macos.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuPopoverTokens.macos.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.macos.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAGlE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,CAAC,IAAM,oBAAoB,GAAG,cAAc,CAChD,UAAC,EAAS,IAAK,OAAA,CAAC;IACd,WAAW,EAAE,CAAC;IACd,YAAY,EAAE,CAAC;CAChB,CAAC,EAHa,CAGb,EACF,eAAe,CAChB,CAAC"}
package/lib-commonjs/MenuCallout/MenuCallout.android.js CHANGED
@@ -23,7 +23,7 @@ exports.MenuCallout = (0, framework_1.stagedComponent)(function (props) {
23
23
  maxHeight: mergedProps.maxHeight ? mergedProps.maxHeight : tokens.maxHeight,
24
24
  maxWidth: tokens.maxWidth,
25
25
  position: 'absolute',
26
- borderRadius: tokens.cornerRadius,
26
+ borderRadius: tokens.borderRadius,
27
27
  elevation: tokens.elevation,
28
28
  overflow: 'hidden',
29
29
  },
package/lib-commonjs/MenuCallout/MenuCallout.types.d.ts CHANGED
@@ -3,9 +3,9 @@ export declare const menuCalloutName = "MenuCallout";
3
3
  export type MenuCalloutTokens = Omit<ICalloutTokens, 'anchorRect' | 'beakWidth' | 'dismissBehaviors'> & {
4
4
  /**
5
5
  * The token for the corner radius for the Modal MenuPopover
6
- * @platform android
6
+ * @platform android macos
7
7
  */
8
- cornerRadius?: number;
8
+ borderRadius?: number;
9
9
  /**
10
10
  * Shadown elevation token for the Modal MenuPopover
11
11
  * @platform android
package/lib-commonjs/MenuList/MenuList.styling.js CHANGED
@@ -13,7 +13,7 @@ exports.stylingSettings = {
13
13
  states: exports.menuListStates,
14
14
  slotProps: {
15
15
  root: (0, framework_1.buildProps)(function (tokens, theme) { return ({
16
- style: tslib_1.__assign(tslib_1.__assign({ backgroundColor: tokens.backgroundColor, display: 'flex' }, tokens_1.layoutStyles.from(tokens, theme)), (react_native_1.Platform.OS === 'android' && { borderRadius: tokens.cornerRadius })),
16
+ style: tslib_1.__assign(tslib_1.__assign({ backgroundColor: tokens.backgroundColor, display: 'flex' }, tokens_1.layoutStyles.from(tokens, theme)), (react_native_1.Platform.OS === 'android' && { borderRadius: tokens.borderRadius })),
17
17
  gap: tokens.gap,
18
18
  }); }, tslib_1.__spreadArray(['backgroundColor', 'gap'], tokens_1.layoutStyles.keys, true)),
19
19
  },
package/lib-commonjs/MenuList/MenuList.types.d.ts CHANGED
@@ -15,10 +15,10 @@ export interface MenuListTokens extends LayoutTokens, IBackgroundColorTokens {
15
15
  */
16
16
  hasMaxHeight?: MenuListTokens;
17
17
  /**
18
- * Corner radius of the menu list
19
- * @platform android
18
+ * Border radius of the menu list
19
+ * @platform android macos
20
20
  */
21
- cornerRadius?: number;
21
+ borderRadius?: number;
22
22
  }
23
23
  export interface MenuListProps extends Omit<IViewProps, 'onPress'> {
24
24
  /**
package/lib-commonjs/MenuList/MenuListTokens.android.js CHANGED
@@ -4,7 +4,7 @@ exports.defaultMenuListTokens = void 0;
4
4
  var theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
5
5
  var defaultMenuListTokens = function (t) { return ({
6
6
  backgroundColor: t.colors.neutralBackground1,
7
- cornerRadius: theme_tokens_1.globalTokens.corner.radius80,
7
+ borderRadius: theme_tokens_1.globalTokens.corner.radius80,
8
8
  paddingVertical: theme_tokens_1.globalTokens.size80,
9
9
  }); };
10
10
  exports.defaultMenuListTokens = defaultMenuListTokens;
package/lib-commonjs/MenuPopover/MenuPopover.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export declare const MenuPopover: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("@fluentui-react-native/callout").ICalloutProps, Omit<import("@fluentui-react-native/callout").ICalloutTokens, "anchorRect" | "beakWidth" | "dismissBehaviors"> & {
2
- cornerRadius?: number;
2
+ borderRadius?: number;
3
3
  elevation?: number;
4
4
  }, import("@fluentui-react-native/framework").Theme>;
5
5
  export default MenuPopover;
package/lib-commonjs/MenuPopover/MenuPopover.types.d.ts CHANGED
@@ -4,9 +4,9 @@ export declare const menuPopoverName = "MenuPopover";
4
4
  export type MenuPopoverTokens = Omit<ICalloutTokens, 'anchorRect' | 'beakWidth' | 'dismissBehaviors'> & {
5
5
  /**
6
6
  * The props for the corner radius for the Modal MenuPopover
7
- * @platform android
7
+ * @platform android macos
8
8
  */
9
- cornerRadius?: number;
9
+ borderRadius?: number;
10
10
  /**
11
11
  * Shadown elevation for the Modal MenuPopover
12
12
  * @platform android
package/lib-commonjs/MenuPopover/MenuPopoverTokens.android.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export declare const useMenuPopoverTokens: import("@fluentui-react-native/framework").UseTokens<Omit<import("@fluentui-react-native/callout").ICalloutTokens, "anchorRect" | "beakWidth" | "dismissBehaviors"> & {
2
- cornerRadius?: number;
2
+ borderRadius?: number;
3
3
  elevation?: number;
4
4
  }>;
5
5
  //# sourceMappingURL=MenuPopoverTokens.android.d.ts.map
package/lib-commonjs/MenuPopover/MenuPopoverTokens.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export declare const useMenuPopoverTokens: import("@fluentui-react-native/framework").UseTokens<Omit<import("@fluentui-react-native/callout").ICalloutTokens, "anchorRect" | "beakWidth" | "dismissBehaviors"> & {
2
- cornerRadius?: number;
2
+ borderRadius?: number;
3
3
  elevation?: number;
4
4
  }>;
5
5
  //# sourceMappingURL=MenuPopoverTokens.d.ts.map
package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ export declare const useMenuPopoverTokens: import("@fluentui-react-native/framework").UseTokens<Omit<import("@fluentui-react-native/callout").ICalloutTokens, "anchorRect" | "beakWidth" | "dismissBehaviors"> & {
2
+ borderRadius?: number;
3
+ elevation?: number;
4
+ }>;
5
+ //# sourceMappingURL=MenuPopoverTokens.macos.d.ts.map
package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuPopoverTokens.macos.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.macos.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,oBAAoB;;;EAMhC,CAAC"}
package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.js ADDED
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.useMenuPopoverTokens = void 0;
4
+ var framework_1 = require("@fluentui-react-native/framework");
5
+ var MenuPopover_types_1 = require("./MenuPopover.types");
6
+ exports.useMenuPopoverTokens = (0, framework_1.buildUseTokens)(function (_t) { return ({
7
+ borderWidth: 0,
8
+ borderRadius: 5,
9
+ }); }, MenuPopover_types_1.menuPopoverName);
10
+ //# sourceMappingURL=MenuPopoverTokens.macos.js.map
package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuPopoverTokens.macos.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.macos.ts"],"names":[],"mappings":";;;AACA,8DAAkE;AAGlE,yDAAsD;AAEzC,QAAA,oBAAoB,GAAG,IAAA,0BAAc,EAChD,UAAC,EAAS,IAAK,OAAA,CAAC;IACd,WAAW,EAAE,CAAC;IACd,YAAY,EAAE,CAAC;CAChB,CAAC,EAHa,CAGb,EACF,mCAAe,CAChB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui-react-native/menu",
3
- "version": "1.11.14",
3
+ "version": "1.11.16",
4
4
  "description": "A cross-platform Menu component using the Fluent Design System",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -22,20 +22,20 @@
22
22
  "directory": "packages/components/menu"
23
23
  },
24
24
  "dependencies": {
25
- "@fluentui-react-native/adapters": ">=0.11.1 <1.0.0",
26
- "@fluentui-react-native/callout": ">=0.24.11 <1.0.0",
27
- "@fluentui-react-native/focus-zone": ">=0.12.7 <1.0.0",
28
- "@fluentui-react-native/framework": "0.11.3",
29
- "@fluentui-react-native/icon": "^0.19.5",
30
- "@fluentui-react-native/interactive-hooks": ">=0.24.5 <1.0.0",
31
- "@fluentui-react-native/text": ">=0.21.5 <1.0.0",
32
- "@fluentui-react-native/theme-tokens": ">=0.25.0 <1.0.0",
33
- "@fluentui-react-native/tokens": ">=0.21.1 <1.0.0",
34
- "@fluentui-react-native/use-styling": ">=0.11.0 <1.0.0",
25
+ "@fluentui-react-native/adapters": ">=0.11.2 <1.0.0",
26
+ "@fluentui-react-native/callout": ">=0.24.13 <1.0.0",
27
+ "@fluentui-react-native/focus-zone": ">=0.12.9 <1.0.0",
28
+ "@fluentui-react-native/framework": "0.11.5",
29
+ "@fluentui-react-native/icon": "^0.19.7",
30
+ "@fluentui-react-native/interactive-hooks": ">=0.24.7 <1.0.0",
31
+ "@fluentui-react-native/text": ">=0.21.7 <1.0.0",
32
+ "@fluentui-react-native/theme-tokens": ">=0.25.1 <1.0.0",
33
+ "@fluentui-react-native/tokens": ">=0.21.2 <1.0.0",
34
+ "@fluentui-react-native/use-styling": ">=0.11.1 <1.0.0",
35
35
  "tslib": "^2.3.1"
36
36
  },
37
37
  "devDependencies": {
38
- "@fluentui-react-native/button": ">=0.34.8 <1.0.0",
38
+ "@fluentui-react-native/button": ">=0.34.10 <1.0.0",
39
39
  "@fluentui-react-native/eslint-config-rules": "^0.1.1",
40
40
  "@fluentui-react-native/scripts": "^0.1.1",
41
41
  "@fluentui-react-native/test-tools": ">=0.1.1 <1.0.0",
package/src/MenuCallout/MenuCallout.android.tsx CHANGED
@@ -35,7 +35,7 @@ export const MenuCallout = stagedComponent((props: MenuCalloutProps) => {
35
35
  maxHeight: mergedProps.maxHeight ? mergedProps.maxHeight : tokens.maxHeight,
36
36
  maxWidth: tokens.maxWidth,
37
37
  position: 'absolute',
38
- borderRadius: tokens.cornerRadius,
38
+ borderRadius: tokens.borderRadius,
39
39
  elevation: tokens.elevation,
40
40
  overflow: 'hidden',
41
41
  },
package/src/MenuCallout/MenuCallout.types.ts CHANGED
@@ -8,9 +8,9 @@ export type MenuCalloutTokens =
8
8
  | Omit<ICalloutTokens, 'anchorRect' | 'beakWidth' | 'dismissBehaviors'> & {
9
9
  /**
10
10
  * The token for the corner radius for the Modal MenuPopover
11
- * @platform android
11
+ * @platform android macos
12
12
  */
13
- cornerRadius?: number;
13
+ borderRadius?: number;
14
14
 
15
15
  /**
16
16
  * Shadown elevation token for the Modal MenuPopover
package/src/MenuList/MenuList.styling.ts CHANGED
@@ -20,7 +20,7 @@ export const stylingSettings: UseStylingOptions<MenuListProps, MenuListSlotProps
20
20
  backgroundColor: tokens.backgroundColor,
21
21
  display: 'flex',
22
22
  ...layoutStyles.from(tokens, theme),
23
- ...(Platform.OS === 'android' && { borderRadius: tokens.cornerRadius }),
23
+ ...(Platform.OS === 'android' && { borderRadius: tokens.borderRadius }),
24
24
  },
25
25
  gap: tokens.gap,
26
26
  }),
package/src/MenuList/MenuList.types.ts CHANGED
@@ -20,10 +20,10 @@ export interface MenuListTokens extends LayoutTokens, IBackgroundColorTokens {
20
20
  hasMaxHeight?: MenuListTokens;
21
21
 
22
22
  /**
23
- * Corner radius of the menu list
24
- * @platform android
23
+ * Border radius of the menu list
24
+ * @platform android macos
25
25
  */
26
- cornerRadius?: number;
26
+ borderRadius?: number;
27
27
  }
28
28
 
29
29
  export interface MenuListProps extends Omit<IViewProps, 'onPress'> {
package/src/MenuList/MenuListTokens.android.ts CHANGED
@@ -6,6 +6,6 @@ import type { MenuListTokens } from './MenuList.types';
6
6
 
7
7
  export const defaultMenuListTokens: TokenSettings<MenuListTokens, Theme> = (t: Theme): MenuListTokens => ({
8
8
  backgroundColor: t.colors.neutralBackground1,
9
- cornerRadius: globalTokens.corner.radius80,
9
+ borderRadius: globalTokens.corner.radius80,
10
10
  paddingVertical: globalTokens.size80,
11
11
  });
package/src/MenuPopover/MenuPopover.types.ts CHANGED
@@ -9,9 +9,9 @@ export type MenuPopoverTokens =
9
9
  | Omit<ICalloutTokens, 'anchorRect' | 'beakWidth' | 'dismissBehaviors'> & {
10
10
  /**
11
11
  * The props for the corner radius for the Modal MenuPopover
12
- * @platform android
12
+ * @platform android macos
13
13
  */
14
- cornerRadius?: number;
14
+ borderRadius?: number;
15
15
 
16
16
  /**
17
17
  * Shadown elevation for the Modal MenuPopover
package/src/MenuPopover/MenuPopoverTokens.macos.ts ADDED
@@ -0,0 +1,13 @@
1
+ import type { Theme } from '@fluentui-react-native/framework';
2
+ import { buildUseTokens } from '@fluentui-react-native/framework';
3
+
4
+ import type { MenuPopoverTokens } from './MenuPopover.types';
5
+ import { menuPopoverName } from './MenuPopover.types';
6
+
7
+ export const useMenuPopoverTokens = buildUseTokens<MenuPopoverTokens>(
8
+ (_t: Theme) => ({
9
+ borderWidth: 0,
10
+ borderRadius: 5,
11
+ }),
12
+ menuPopoverName,
13
+ );