@fluentui-react-native/menu 0.14.5 → 0.14.8

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 (75) hide show
  1. package/CHANGELOG.json +46 -1
  2. package/CHANGELOG.md +26 -2
  3. package/lib/MenuDivider/MenuDividerTokens.macos.d.ts +5 -0
  4. package/lib/MenuDivider/MenuDividerTokens.macos.d.ts.map +1 -0
  5. package/lib/MenuDivider/MenuDividerTokens.macos.js +7 -0
  6. package/lib/MenuDivider/MenuDividerTokens.macos.js.map +1 -0
  7. package/lib/MenuItem/MenuItem.styling.d.ts.map +1 -1
  8. package/lib/MenuItem/MenuItem.styling.js +4 -4
  9. package/lib/MenuItem/MenuItem.styling.js.map +1 -1
  10. package/lib/MenuItem/MenuItemTokens.macos.d.ts +5 -0
  11. package/lib/MenuItem/MenuItemTokens.macos.d.ts.map +1 -0
  12. package/lib/MenuItem/MenuItemTokens.macos.js +28 -0
  13. package/lib/MenuItem/MenuItemTokens.macos.js.map +1 -0
  14. package/lib/MenuItem/useMenuItem.d.ts.map +1 -1
  15. package/lib/MenuItem/useMenuItem.js +8 -2
  16. package/lib/MenuItem/useMenuItem.js.map +1 -1
  17. package/lib/MenuItemCheckbox/MenuItemCheckbox.styling.d.ts.map +1 -1
  18. package/lib/MenuItemCheckbox/MenuItemCheckbox.styling.js +2 -2
  19. package/lib/MenuItemCheckbox/MenuItemCheckbox.styling.js.map +1 -1
  20. package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.macos.d.ts +5 -0
  21. package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.macos.d.ts.map +1 -0
  22. package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.macos.js +44 -0
  23. package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.macos.js.map +1 -0
  24. package/lib/MenuItemCheckbox/useMenuItemCheckbox.d.ts.map +1 -1
  25. package/lib/MenuItemCheckbox/useMenuItemCheckbox.js +9 -2
  26. package/lib/MenuItemCheckbox/useMenuItemCheckbox.js.map +1 -1
  27. package/lib/MenuList/MenuList.types.d.ts +1 -1
  28. package/lib/MenuList/MenuList.types.d.ts.map +1 -1
  29. package/lib/MenuList/MenuList.types.js.map +1 -1
  30. package/lib/MenuList/MenuListTokens.macos.d.ts +5 -0
  31. package/lib/MenuList/MenuListTokens.macos.d.ts.map +1 -0
  32. package/lib/MenuList/MenuListTokens.macos.js +7 -0
  33. package/lib/MenuList/MenuListTokens.macos.js.map +1 -0
  34. package/lib-commonjs/MenuDivider/MenuDividerTokens.macos.d.ts +5 -0
  35. package/lib-commonjs/MenuDivider/MenuDividerTokens.macos.d.ts.map +1 -0
  36. package/lib-commonjs/MenuDivider/MenuDividerTokens.macos.js +11 -0
  37. package/lib-commonjs/MenuDivider/MenuDividerTokens.macos.js.map +1 -0
  38. package/lib-commonjs/MenuItem/MenuItem.styling.d.ts.map +1 -1
  39. package/lib-commonjs/MenuItem/MenuItem.styling.js +3 -3
  40. package/lib-commonjs/MenuItem/MenuItem.styling.js.map +1 -1
  41. package/lib-commonjs/MenuItem/MenuItemTokens.macos.d.ts +5 -0
  42. package/lib-commonjs/MenuItem/MenuItemTokens.macos.d.ts.map +1 -0
  43. package/lib-commonjs/MenuItem/MenuItemTokens.macos.js +32 -0
  44. package/lib-commonjs/MenuItem/MenuItemTokens.macos.js.map +1 -0
  45. package/lib-commonjs/MenuItem/useMenuItem.d.ts.map +1 -1
  46. package/lib-commonjs/MenuItem/useMenuItem.js +7 -1
  47. package/lib-commonjs/MenuItem/useMenuItem.js.map +1 -1
  48. package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.styling.d.ts.map +1 -1
  49. package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.styling.js +1 -1
  50. package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.styling.js.map +1 -1
  51. package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.macos.d.ts +5 -0
  52. package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.macos.d.ts.map +1 -0
  53. package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.macos.js +48 -0
  54. package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.macos.js.map +1 -0
  55. package/lib-commonjs/MenuItemCheckbox/useMenuItemCheckbox.d.ts.map +1 -1
  56. package/lib-commonjs/MenuItemCheckbox/useMenuItemCheckbox.js +9 -2
  57. package/lib-commonjs/MenuItemCheckbox/useMenuItemCheckbox.js.map +1 -1
  58. package/lib-commonjs/MenuList/MenuList.types.d.ts +1 -1
  59. package/lib-commonjs/MenuList/MenuList.types.d.ts.map +1 -1
  60. package/lib-commonjs/MenuList/MenuList.types.js.map +1 -1
  61. package/lib-commonjs/MenuList/MenuListTokens.macos.d.ts +5 -0
  62. package/lib-commonjs/MenuList/MenuListTokens.macos.d.ts.map +1 -0
  63. package/lib-commonjs/MenuList/MenuListTokens.macos.js +11 -0
  64. package/lib-commonjs/MenuList/MenuListTokens.macos.js.map +1 -0
  65. package/package.json +3 -3
  66. package/src/MenuDivider/MenuDividerTokens.macos.ts +10 -0
  67. package/src/MenuItem/MenuItem.styling.ts +4 -3
  68. package/src/MenuItem/MenuItemTokens.macos.ts +31 -0
  69. package/src/MenuItem/useMenuItem.ts +9 -3
  70. package/src/MenuItemCheckbox/MenuItemCheckbox.styling.ts +2 -1
  71. package/src/MenuItemCheckbox/MenuItemCheckboxTokens.macos.ts +47 -0
  72. package/src/MenuItemCheckbox/useMenuItemCheckbox.ts +10 -4
  73. package/src/MenuList/MenuList.types.ts +1 -0
  74. package/src/MenuList/MenuListTokens.macos.ts +10 -0
  75. package/src/__tests__/__snapshots__/Menu.test.tsx.snap +14 -0
package/lib-commonjs/MenuItem/useMenuItem.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useMenuItem.js","sourceRoot":"","sources":["../../src/MenuItem/useMenuItem.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"useMenuItem.js","sourceRoot":"","sources":["../../src/MenuItem/useMenuItem.ts"],"names":[],"mappings":"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"}
package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.styling.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuItemCheckbox.styling.d.ts","sourceRoot":"","sources":["../../src/MenuItemCheckbox/MenuItemCheckbox.styling.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,iBAAiB,EAAc,MAAM,kCAAkC,CAAC;AAGxF,OAAO,EAAwB,qBAAqB,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAE1I,eAAO,MAAM,sBAAsB,EAAE,CAAC,MAAM,sBAAsB,CAAC,EAA6D,CAAC;AAEjI,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,qBAAqB,EAAE,yBAAyB,EAAE,sBAAsB,CAsCvH,CAAC"}
1
+ {"version":3,"file":"MenuItemCheckbox.styling.d.ts","sourceRoot":"","sources":["../../src/MenuItemCheckbox/MenuItemCheckbox.styling.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,iBAAiB,EAAc,MAAM,kCAAkC,CAAC;AAGxF,OAAO,EAAwB,qBAAqB,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAE1I,eAAO,MAAM,sBAAsB,EAAE,CAAC,MAAM,sBAAsB,CAAC,EAA6D,CAAC;AAEjI,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,qBAAqB,EAAE,yBAAyB,EAAE,sBAAsB,CAuCvH,CAAC"}
package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.styling.js CHANGED
@@ -12,7 +12,7 @@ exports.stylingSettings = {
12
12
  states: exports.menuItemCheckboxStates,
13
13
  slotProps: {
14
14
  root: (0, framework_1.buildProps)(function (tokens, theme) { return ({
15
- style: (0, tslib_1.__assign)({ alignItems: 'center', backgroundColor: tokens.backgroundColor, display: 'flex', flexDirection: 'row' }, tokens_1.layoutStyles.from(tokens, theme)),
15
+ style: (0, tslib_1.__assign)((0, tslib_1.__assign)({ alignItems: 'center', backgroundColor: tokens.backgroundColor, display: 'flex', flexDirection: 'row' }, tokens_1.layoutStyles.from(tokens, theme)), tokens_1.borderStyles.from(tokens, theme)),
16
16
  }); }, (0, tslib_1.__spreadArray)(['backgroundColor'], tokens_1.layoutStyles.keys, true)),
17
17
  checkmark: (0, framework_1.buildProps)(function (tokens) { return ({
18
18
  opacity: tokens.checkmarkVisibility,
package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.styling.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuItemCheckbox.styling.js","sourceRoot":"","sources":["../../src/MenuItemCheckbox/MenuItemCheckbox.styling.ts"],"names":[],"mappings":";;;;AAAA,8DAAwF;AACxF,wDAAyE;AACzE,mEAAyE;AACzE,mEAA0I;AAE7H,QAAA,sBAAsB,GAAqC,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC;AAEpH,QAAA,eAAe,GAAgG;IAC1H,MAAM,EAAE,CAAC,sDAA6B,EAAE,6CAAoB,CAAC;IAC7D,MAAM,EAAE,8BAAsB;IAC9B,SAAS,EAAE;QACT,IAAI,EAAE,IAAA,sBAAU,EACd,UAAC,MAA8B,EAAE,KAAY,IAAK,OAAA,CAAC;YACjD,KAAK,0BACH,UAAU,EAAE,QAAQ,EACpB,eAAe,EAAE,MAAM,CAAC,eAAe,EACvC,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,KAAK,IACjB,qBAAY,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CACpC;SACF,CAAC,EARgD,CAQhD,8BACD,iBAAiB,GAAK,qBAAY,CAAC,IAAI,QACzC;QACD,SAAS,EAAE,IAAA,sBAAU,EACnB,UAAC,MAA8B,IAAK,OAAA,CAAC;YACnC,OAAO,EAAE,MAAM,CAAC,mBAAmB;YACnC,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,MAAM,EAAE,MAAM,CAAC,aAAa;YAC5B,KAAK,EAAE,MAAM,CAAC,aAAa;YAC3B,OAAO,EAAE,MAAM,GAAG,CAAC,MAAM,CAAC,aAAa,GAAG,MAAM,CAAC,gBAAgB,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC,aAAa,GAAG,MAAM,CAAC,gBAAgB,GAAG,CAAC,CAAC;YACnI,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,EAAE;SACjC,CAAC,EAPkC,CAOlC,EACF,CAAC,eAAe,EAAE,KAAK,EAAE,OAAO,CAAC,CAClC;QACD,OAAO,EAAE,IAAA,sBAAU,EACjB,UAAC,MAA8B,EAAE,KAAY,IAAK,OAAA,CAAC;YACjD,KAAK,0BACH,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE,MAAM,CAAC,KAAK,IAChB,mBAAU,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CAClC;SACF,CAAC,EANgD,CAMhD,8BACD,OAAO,GAAK,mBAAU,CAAC,IAAI,QAC7B;KACF;CACF,CAAC"}
1
+ {"version":3,"file":"MenuItemCheckbox.styling.js","sourceRoot":"","sources":["../../src/MenuItemCheckbox/MenuItemCheckbox.styling.ts"],"names":[],"mappings":";;;;AAAA,8DAAwF;AACxF,wDAAuF;AACvF,mEAAyE;AACzE,mEAA0I;AAE7H,QAAA,sBAAsB,GAAqC,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC;AAEpH,QAAA,eAAe,GAAgG;IAC1H,MAAM,EAAE,CAAC,sDAA6B,EAAE,6CAAoB,CAAC;IAC7D,MAAM,EAAE,8BAAsB;IAC9B,SAAS,EAAE;QACT,IAAI,EAAE,IAAA,sBAAU,EACd,UAAC,MAA8B,EAAE,KAAY,IAAK,OAAA,CAAC;YACjD,KAAK,gDACH,UAAU,EAAE,QAAQ,EACpB,eAAe,EAAE,MAAM,CAAC,eAAe,EACvC,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,KAAK,IACjB,qBAAY,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,GAChC,qBAAY,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CACpC;SACF,CAAC,EATgD,CAShD,8BACD,iBAAiB,GAAK,qBAAY,CAAC,IAAI,QACzC;QACD,SAAS,EAAE,IAAA,sBAAU,EACnB,UAAC,MAA8B,IAAK,OAAA,CAAC;YACnC,OAAO,EAAE,MAAM,CAAC,mBAAmB;YACnC,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,MAAM,EAAE,MAAM,CAAC,aAAa;YAC5B,KAAK,EAAE,MAAM,CAAC,aAAa;YAC3B,OAAO,EAAE,MAAM,GAAG,CAAC,MAAM,CAAC,aAAa,GAAG,MAAM,CAAC,gBAAgB,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC,aAAa,GAAG,MAAM,CAAC,gBAAgB,GAAG,CAAC,CAAC;YACnI,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,EAAE;SACjC,CAAC,EAPkC,CAOlC,EACF,CAAC,eAAe,EAAE,KAAK,EAAE,OAAO,CAAC,CAClC;QACD,OAAO,EAAE,IAAA,sBAAU,EACjB,UAAC,MAA8B,EAAE,KAAY,IAAK,OAAA,CAAC;YACjD,KAAK,0BACH,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE,MAAM,CAAC,KAAK,IAChB,mBAAU,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CAClC;SACF,CAAC,EANgD,CAMhD,8BACD,OAAO,GAAK,mBAAU,CAAC,IAAI,QAC7B;KACF;CACF,CAAC"}
package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.macos.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import { Theme } from '@fluentui-react-native/framework';
2
+ import { TokenSettings } from '@fluentui-react-native/use-styling';
3
+ import { MenuItemCheckboxTokens } from './MenuItemCheckbox.types';
4
+ export declare const defaultMenuItemCheckboxTokens: TokenSettings<MenuItemCheckboxTokens, Theme>;
5
+ //# sourceMappingURL=MenuItemCheckboxTokens.macos.d.ts.map
package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.macos.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuItemCheckboxTokens.macos.d.ts","sourceRoot":"","sources":["../../src/MenuItemCheckbox/MenuItemCheckboxTokens.macos.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAE1E,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,6BAA6B,EAAE,aAAa,CAAC,sBAAsB,EAAE,KAAK,CAyCrF,CAAC"}
package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.macos.js ADDED
@@ -0,0 +1,48 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.defaultMenuItemCheckboxTokens = void 0;
4
+ var theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
5
+ var defaultMenuItemCheckboxTokens = function (t) { return ({
6
+ backgroundColor: t.colors.transparentBackground,
7
+ borderRadius: 5,
8
+ checkmarkPadding: theme_tokens_1.globalTokens.spacing.none,
9
+ checkmarkSize: 16,
10
+ checkmarkVisibility: 0,
11
+ color: t.colors.neutralForeground2,
12
+ fontFamily: t.typography.families.primary,
13
+ fontSize: theme_tokens_1.globalTokens.font.size[300],
14
+ fontWeight: theme_tokens_1.globalTokens.font.weight.regular,
15
+ gap: theme_tokens_1.globalTokens.spacing.xs,
16
+ paddingHorizontal: 5,
17
+ paddingVertical: 3,
18
+ focused: {
19
+ backgroundColor: t.colors.brandBackground,
20
+ color: t.colors.brandedContent,
21
+ checked: {
22
+ checkmarkColor: t.colors.neutralForeground2Hover,
23
+ checkmarkVisibility: 1,
24
+ },
25
+ },
26
+ pressed: {
27
+ backgroundColor: t.colors.brandBackgroundPressed,
28
+ color: t.colors.brandedPressedContent,
29
+ checked: {
30
+ checkmarkColor: t.colors.brandedPressedContent,
31
+ checkmarkVisibility: 1,
32
+ },
33
+ },
34
+ disabled: {
35
+ backgroundColor: t.colors.transparentBackground,
36
+ color: t.colors.brandForeground1Disabled,
37
+ checked: {
38
+ checkmarkColor: t.colors.brandForeground1Disabled,
39
+ checkmarkVisibility: 1,
40
+ },
41
+ },
42
+ checked: {
43
+ checkmarkColor: t.colors.neutralForeground2,
44
+ checkmarkVisibility: 1,
45
+ },
46
+ }); };
47
+ exports.defaultMenuItemCheckboxTokens = defaultMenuItemCheckboxTokens;
48
+ //# sourceMappingURL=MenuItemCheckboxTokens.macos.js.map
package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.macos.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuItemCheckboxTokens.macos.js","sourceRoot":"","sources":["../../src/MenuItemCheckbox/MenuItemCheckboxTokens.macos.ts"],"names":[],"mappings":";;;AACA,oEAAmE;AAI5D,IAAM,6BAA6B,GAAiD,UAAC,CAAQ,IAA6B,OAAA,CAAC;IAChI,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,qBAAqB;IAC/C,YAAY,EAAE,CAAC;IACf,gBAAgB,EAAE,2BAAY,CAAC,OAAO,CAAC,IAAI;IAC3C,aAAa,EAAE,EAAE;IACjB,mBAAmB,EAAE,CAAC;IACtB,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAClC,UAAU,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,OAAO;IACzC,QAAQ,EAAE,2BAAY,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;IACrC,UAAU,EAAE,2BAAY,CAAC,IAAI,CAAC,MAAM,CAAC,OAA0B;IAC/D,GAAG,EAAE,2BAAY,CAAC,OAAO,CAAC,EAAE;IAC5B,iBAAiB,EAAE,CAAC;IACpB,eAAe,EAAE,CAAC;IAClB,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,eAAe;QACzC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc;QAC9B,OAAO,EAAE;YACP,cAAc,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;YAChD,mBAAmB,EAAE,CAAC;SACvB;KACF;IACD,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,sBAAsB;QAChD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,qBAAqB;QACrC,OAAO,EAAE;YACP,cAAc,EAAE,CAAC,CAAC,MAAM,CAAC,qBAAqB;YAC9C,mBAAmB,EAAE,CAAC;SACvB;KACF;IACD,QAAQ,EAAE;QACR,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,qBAAqB;QAC/C,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,wBAAwB;QACxC,OAAO,EAAE;YACP,cAAc,EAAE,CAAC,CAAC,MAAM,CAAC,wBAAwB;YACjD,mBAAmB,EAAE,CAAC;SACvB;KACF;IACD,OAAO,EAAE;QACP,cAAc,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;QAC3C,mBAAmB,EAAE,CAAC;KACvB;CACF,CAAC,EAzC+H,CAyC/H,CAAC;AAzCU,QAAA,6BAA6B,iCAyCvC"}
package/lib-commonjs/MenuItemCheckbox/useMenuItemCheckbox.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useMenuItemCheckbox.d.ts","sourceRoot":"","sources":["../../src/MenuItemCheckbox/useMenuItemCheckbox.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAExF,OAAO,EACL,gBAAgB,EAKjB,MAAM,0CAA0C,CAAC;AAKlD,eAAO,MAAM,mBAAmB,UAAW,qBAAqB,KAAG,qBAgBlE,CAAC;AAUF;;;;;;;GAOG;AACH,eAAO,MAAM,0BAA0B,UAC9B,qBAAqB,sBACR,gBAAgB,KAAK,IAAI,KAC5C,qBA0DF,CAAC"}
1
+ {"version":3,"file":"useMenuItemCheckbox.d.ts","sourceRoot":"","sources":["../../src/MenuItemCheckbox/useMenuItemCheckbox.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAExF,OAAO,EACL,gBAAgB,EAKjB,MAAM,0CAA0C,CAAC;AAKlD,eAAO,MAAM,mBAAmB,UAAW,qBAAqB,KAAG,qBAgBlE,CAAC;AAUF;;;;;;;GAOG;AACH,eAAO,MAAM,0BAA0B,UAC9B,qBAAqB,sBACR,gBAAgB,KAAK,IAAI,KAC5C,qBAgEF,CAAC"}
package/lib-commonjs/MenuItemCheckbox/useMenuItemCheckbox.js CHANGED
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.useMenuCheckboxInteraction = exports.useMenuItemCheckbox = void 0;
4
4
  var tslib_1 = require("tslib");
5
5
  var React = (0, tslib_1.__importStar)(require("react"));
6
+ var react_native_1 = require("react-native");
6
7
  var framework_1 = require("@fluentui-react-native/framework");
7
8
  var interactive_hooks_1 = require("@fluentui-react-native/interactive-hooks");
8
9
  var menuListContext_1 = require("../context/menuListContext");
@@ -44,7 +45,7 @@ var useMenuCheckboxInteraction = function (props, toggleCallback) {
44
45
  var checked = (_a = context.checked) === null || _a === void 0 ? void 0 : _a[name];
45
46
  // Ensure focus is placed on checkbox after click
46
47
  var toggleCheckedWithFocus = (0, interactive_hooks_1.useOnPressWithFocus)(componentRef, toggleCallback);
47
- var pressable = (0, interactive_hooks_1.useAsPressable)((0, tslib_1.__assign)({ onPress: toggleCheckedWithFocus }, rest));
48
+ var pressable = (0, interactive_hooks_1.useAsPressable)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, rest), { disabled: disabled, onPress: toggleCheckedWithFocus }));
48
49
  var buttonRef = (0, interactive_hooks_1.useViewCommandFocus)(componentRef);
49
50
  var onKeyProps = (0, interactive_hooks_1.useKeyProps)(toggleCallback, ' ');
50
51
  var accessibilityActionsProp = accessibilityActions
@@ -59,7 +60,13 @@ var useMenuCheckboxInteraction = function (props, toggleCallback) {
59
60
  }, [disabled, toggleCallback, onAccessibilityAction]);
60
61
  var state = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, pressable.state), { disabled: !!props.disabled, checked: checked });
61
62
  return {
62
- props: (0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, pressable.props), { accessible: true, accessibilityActions: accessibilityActionsProp, accessibilityLabel: props.accessibilityLabel || props.content, accessibilityRole: 'menuitem', accessibilityState: getAccessibilityState(disabled, state.checked, accessibilityState), enableFocusRing: true, focusable: true, onAccessibilityAction: onAccessibilityActionProp, ref: buttonRef }), onKeyProps),
63
+ props: (0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, pressable.props), { accessible: true, accessibilityActions: accessibilityActionsProp, accessibilityLabel: props.accessibilityLabel || props.content, accessibilityRole: 'menuitem', accessibilityState: getAccessibilityState(disabled, state.checked, accessibilityState), enableFocusRing: react_native_1.Platform.select({
64
+ macos: false,
65
+ default: true, // win32
66
+ }), focusable: react_native_1.Platform.select({
67
+ macos: !disabled,
68
+ default: true, // win32
69
+ }), onAccessibilityAction: onAccessibilityActionProp, ref: buttonRef }), onKeyProps),
63
70
  state: state,
64
71
  };
65
72
  };
package/lib-commonjs/MenuItemCheckbox/useMenuItemCheckbox.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useMenuItemCheckbox.js","sourceRoot":"","sources":["../../src/MenuItemCheckbox/useMenuItemCheckbox.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"useMenuItemCheckbox.js","sourceRoot":"","sources":["../../src/MenuItemCheckbox/useMenuItemCheckbox.ts"],"names":[],"mappings":"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"}
package/lib-commonjs/MenuList/MenuList.types.d.ts CHANGED
@@ -1,7 +1,7 @@
1
- /// <reference types="react" />
2
1
  import type { IViewProps } from '@fluentui-react-native/adapters';
3
2
  import { InteractionEvent } from '@fluentui-react-native/interactive-hooks';
4
3
  import { IBackgroundColorTokens, LayoutTokens } from '@fluentui-react-native/tokens';
4
+ import React from 'react';
5
5
  export declare const menuListName = "MenuList";
6
6
  export interface MenuListTokens extends LayoutTokens, IBackgroundColorTokens {
7
7
  gap?: number;
package/lib-commonjs/MenuList/MenuList.types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuList.types.d.ts","sourceRoot":"","sources":["../../src/MenuList/MenuList.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAErF,eAAO,MAAM,YAAY,aAAa,CAAC;AAEvC,MAAM,WAAW,cAAe,SAAQ,YAAY,EAAE,sBAAsB;IAC1E,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC;IAChE,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACpE;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,aAAa,EAAE,SAAS,GAAG,iBAAiB,CAAC;IACvF,KAAK,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,mBAAmB,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAClF,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACzD;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,aAAa,CAAC;IACrB,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,EAAE,iBAAiB,CAAC;CAC9B"}
1
+ {"version":3,"file":"MenuList.types.d.ts","sourceRoot":"","sources":["../../src/MenuList/MenuList.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACrF,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,YAAY,aAAa,CAAC;AAEvC,MAAM,WAAW,cAAe,SAAQ,YAAY,EAAE,sBAAsB;IAC1E,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC;IAChE,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACpE;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,aAAa,EAAE,SAAS,GAAG,iBAAiB,CAAC;IACvF,KAAK,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,mBAAmB,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAClF,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACzD;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,aAAa,CAAC;IACrB,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,EAAE,iBAAiB,CAAC;CAC9B"}
package/lib-commonjs/MenuList/MenuList.types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuList.types.js","sourceRoot":"","sources":["../../src/MenuList/MenuList.types.ts"],"names":[],"mappings":";;;AAIa,QAAA,YAAY,GAAG,UAAU,CAAC"}
1
+ {"version":3,"file":"MenuList.types.js","sourceRoot":"","sources":["../../src/MenuList/MenuList.types.ts"],"names":[],"mappings":";;;AAKa,QAAA,YAAY,GAAG,UAAU,CAAC"}
package/lib-commonjs/MenuList/MenuListTokens.macos.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import { Theme } from '@fluentui-react-native/framework';
2
+ import { TokenSettings } from '@fluentui-react-native/use-styling';
3
+ import { MenuListTokens } from './MenuList.types';
4
+ export declare const defaultMenuListTokens: TokenSettings<MenuListTokens, Theme>;
5
+ //# sourceMappingURL=MenuListTokens.macos.d.ts.map
package/lib-commonjs/MenuList/MenuListTokens.macos.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuListTokens.macos.d.ts","sourceRoot":"","sources":["../../src/MenuList/MenuListTokens.macos.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,eAAO,MAAM,qBAAqB,EAAE,aAAa,CAAC,cAAc,EAAE,KAAK,CAIrE,CAAC"}
package/lib-commonjs/MenuList/MenuListTokens.macos.js ADDED
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.defaultMenuListTokens = void 0;
4
+ var theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
5
+ var defaultMenuListTokens = function (t) { return ({
6
+ padding: 5,
7
+ backgroundColor: t.colors.transparentBackground,
8
+ gap: theme_tokens_1.globalTokens.spacing.xxs,
9
+ }); };
10
+ exports.defaultMenuListTokens = defaultMenuListTokens;
11
+ //# sourceMappingURL=MenuListTokens.macos.js.map
package/lib-commonjs/MenuList/MenuListTokens.macos.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuListTokens.macos.js","sourceRoot":"","sources":["../../src/MenuList/MenuListTokens.macos.ts"],"names":[],"mappings":";;;AACA,oEAAmE;AAI5D,IAAM,qBAAqB,GAAyC,UAAC,CAAQ,IAAqB,OAAA,CAAC;IACxG,OAAO,EAAE,CAAC;IACV,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,qBAAqB;IAC/C,GAAG,EAAE,2BAAY,CAAC,OAAO,CAAC,GAAG;CAC9B,CAAC,EAJuG,CAIvG,CAAC;AAJU,QAAA,qBAAqB,yBAI/B"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui-react-native/menu",
3
- "version": "0.14.5",
3
+ "version": "0.14.8",
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",
@@ -23,7 +23,7 @@
23
23
  },
24
24
  "dependencies": {
25
25
  "@fluentui-react-native/adapters": ">=0.8.5 <1.0.0",
26
- "@fluentui-react-native/callout": ">=0.20.7 <1.0.0",
26
+ "@fluentui-react-native/callout": ">=0.20.8 <1.0.0",
27
27
  "@fluentui-react-native/experimental-text": ">=0.9.0 <1.0.0",
28
28
  "@fluentui-react-native/framework": "0.7.30",
29
29
  "@fluentui-react-native/interactive-hooks": ">=0.16.3 <1.0.0",
@@ -34,7 +34,7 @@
34
34
  "tslib": "^2.3.1"
35
35
  },
36
36
  "devDependencies": {
37
- "@fluentui-react-native/button": ">=0.22.28 <1.0.0",
37
+ "@fluentui-react-native/button": ">=0.22.29 <1.0.0",
38
38
  "@fluentui-react-native/eslint-config-rules": "^0.1.1",
39
39
  "@fluentui-react-native/scripts": "^0.1.1",
40
40
  "@fluentui-react-native/test-tools": ">=0.1.1 <1.0.0",
package/src/MenuDivider/MenuDividerTokens.macos.ts ADDED
@@ -0,0 +1,10 @@
1
+ import { Theme } from '@fluentui-react-native/framework';
2
+ import { globalTokens } from '@fluentui-react-native/theme-tokens';
3
+ import { TokenSettings } from '@fluentui-react-native/use-styling';
4
+ import { MenuDividerTokens } from './MenuDivider.types';
5
+
6
+ export const defaultMenuDividerTokens: TokenSettings<MenuDividerTokens, Theme> = (t: Theme): MenuDividerTokens => ({
7
+ backgroundColor: t.colors.neutralStroke2,
8
+ height: globalTokens.stroke.width.thin,
9
+ margin: globalTokens.spacing.xxs,
10
+ });
package/src/MenuItem/MenuItem.styling.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { Theme, UseStylingOptions, buildProps } from '@fluentui-react-native/framework';
2
- import { fontStyles, layoutStyles } from '@fluentui-react-native/tokens';
2
+ import { borderStyles, fontStyles, layoutStyles } from '@fluentui-react-native/tokens';
3
3
  import { defaultMenuItemTokens } from './MenuItemTokens';
4
4
  import { menuItemName, MenuItemProps, MenuItemTokens, MenuItemSlotProps } from './MenuItem.types';
5
5
 
@@ -17,6 +17,7 @@ export const stylingSettings: UseStylingOptions<MenuItemProps, MenuItemSlotProps
17
17
  display: 'flex',
18
18
  flexDirection: 'row',
19
19
  ...layoutStyles.from(tokens, theme),
20
+ ...borderStyles.from(tokens, theme),
20
21
  },
21
22
  }),
22
23
  ['backgroundColor', ...layoutStyles.keys],
@@ -47,8 +48,8 @@ export const stylingSettings: UseStylingOptions<MenuItemProps, MenuItemSlotProps
47
48
  (tokens: MenuItemTokens) => {
48
49
  return {
49
50
  color: tokens.color,
50
- height: 16,
51
- width: 16,
51
+ height: tokens.submenuIndicatorSize,
52
+ width: tokens.submenuIndicatorSize,
52
53
  viewBox:
53
54
  '0 0 ' +
54
55
  (tokens.submenuIndicatorSize - tokens.submenuIndicatorPadding * 2) +
package/src/MenuItem/MenuItemTokens.macos.ts ADDED
@@ -0,0 +1,31 @@
1
+ import { FontWeightValue, Theme } from '@fluentui-react-native/framework';
2
+ import { globalTokens } from '@fluentui-react-native/theme-tokens';
3
+ import { TokenSettings } from '@fluentui-react-native/use-styling';
4
+ import { MenuItemTokens } from './MenuItem.types';
5
+
6
+ export const defaultMenuItemTokens: TokenSettings<MenuItemTokens, Theme> = (t: Theme): MenuItemTokens => ({
7
+ backgroundColor: t.colors.transparentBackground,
8
+ borderRadius: 5, // hardcoded for now to match ContextualMenu
9
+ checkmarkSize: 16,
10
+ submenuIndicatorPadding: globalTokens.spacing.none,
11
+ submenuIndicatorSize: 16,
12
+ color: t.colors.neutralForeground2,
13
+ fontFamily: t.typography.families.primary,
14
+ fontSize: globalTokens.font.size[300],
15
+ fontWeight: globalTokens.font.weight.regular as FontWeightValue,
16
+ gap: globalTokens.spacing.xs,
17
+ paddingHorizontal: 5, // hardcoded for now to match ContextualMenu
18
+ paddingVertical: 3, // hardcoded for now to match ContextualMenu
19
+ focused: {
20
+ backgroundColor: t.colors.brandBackground,
21
+ color: t.colors.brandedContent,
22
+ },
23
+ pressed: {
24
+ backgroundColor: t.colors.brandBackgroundPressed,
25
+ color: t.colors.brandedPressedContent,
26
+ },
27
+ disabled: {
28
+ backgroundColor: t.colors.transparentBackground,
29
+ color: t.colors.neutralForegroundDisabled,
30
+ },
31
+ });
package/src/MenuItem/useMenuItem.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { AccessibilityState, I18nManager } from 'react-native';
2
+ import { AccessibilityState, I18nManager, Platform } from 'react-native';
3
3
  import { MenuItemProps, MenuItemState } from './MenuItem.types';
4
4
  import { memoize } from '@fluentui-react-native/framework';
5
5
  import { InteractionEvent, isKeyPressEvent, useAsPressable, useKeyDownProps } from '@fluentui-react-native/interactive-hooks';
@@ -70,8 +70,14 @@ export const useMenuItem = (props: MenuItemProps): MenuItemState => {
70
70
  onAccessibilityTap: props.onAccessibilityTap || onInvoke,
71
71
  accessibilityLabel: props.accessibilityLabel || props.content,
72
72
  accessibilityState: getAccessibilityState(disabled, accessibilityState),
73
- enableFocusRing: true,
74
- focusable: true,
73
+ enableFocusRing: Platform.select({
74
+ macos: false,
75
+ default: true, // win32
76
+ }),
77
+ focusable: Platform.select({
78
+ macos: !disabled,
79
+ default: true, // win32
80
+ }),
75
81
  ref: componentRef,
76
82
  ...onKeyDownProps,
77
83
  },
package/src/MenuItemCheckbox/MenuItemCheckbox.styling.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { Theme, UseStylingOptions, buildProps } from '@fluentui-react-native/framework';
2
- import { fontStyles, layoutStyles } from '@fluentui-react-native/tokens';
2
+ import { borderStyles, fontStyles, layoutStyles } from '@fluentui-react-native/tokens';
3
3
  import { defaultMenuItemCheckboxTokens } from './MenuItemCheckboxTokens';
4
4
  import { menuItemCheckboxName, MenuItemCheckboxProps, MenuItemCheckboxTokens, MenuItemCheckboxSlotProps } from './MenuItemCheckbox.types';
5
5
 
@@ -17,6 +17,7 @@ export const stylingSettings: UseStylingOptions<MenuItemCheckboxProps, MenuItemC
17
17
  display: 'flex',
18
18
  flexDirection: 'row',
19
19
  ...layoutStyles.from(tokens, theme),
20
+ ...borderStyles.from(tokens, theme),
20
21
  },
21
22
  }),
22
23
  ['backgroundColor', ...layoutStyles.keys],
package/src/MenuItemCheckbox/MenuItemCheckboxTokens.macos.ts ADDED
@@ -0,0 +1,47 @@
1
+ import { FontWeightValue, Theme } from '@fluentui-react-native/framework';
2
+ import { globalTokens } from '@fluentui-react-native/theme-tokens';
3
+ import { TokenSettings } from '@fluentui-react-native/use-styling';
4
+ import { MenuItemCheckboxTokens } from './MenuItemCheckbox.types';
5
+
6
+ export const defaultMenuItemCheckboxTokens: TokenSettings<MenuItemCheckboxTokens, Theme> = (t: Theme): MenuItemCheckboxTokens => ({
7
+ backgroundColor: t.colors.transparentBackground,
8
+ borderRadius: 5,
9
+ checkmarkPadding: globalTokens.spacing.none,
10
+ checkmarkSize: 16,
11
+ checkmarkVisibility: 0,
12
+ color: t.colors.neutralForeground2,
13
+ fontFamily: t.typography.families.primary,
14
+ fontSize: globalTokens.font.size[300],
15
+ fontWeight: globalTokens.font.weight.regular as FontWeightValue,
16
+ gap: globalTokens.spacing.xs,
17
+ paddingHorizontal: 5,
18
+ paddingVertical: 3,
19
+ focused: {
20
+ backgroundColor: t.colors.brandBackground,
21
+ color: t.colors.brandedContent,
22
+ checked: {
23
+ checkmarkColor: t.colors.neutralForeground2Hover,
24
+ checkmarkVisibility: 1,
25
+ },
26
+ },
27
+ pressed: {
28
+ backgroundColor: t.colors.brandBackgroundPressed,
29
+ color: t.colors.brandedPressedContent,
30
+ checked: {
31
+ checkmarkColor: t.colors.brandedPressedContent,
32
+ checkmarkVisibility: 1,
33
+ },
34
+ },
35
+ disabled: {
36
+ backgroundColor: t.colors.transparentBackground,
37
+ color: t.colors.brandForeground1Disabled,
38
+ checked: {
39
+ checkmarkColor: t.colors.brandForeground1Disabled,
40
+ checkmarkVisibility: 1,
41
+ },
42
+ },
43
+ checked: {
44
+ checkmarkColor: t.colors.neutralForeground2,
45
+ checkmarkVisibility: 1,
46
+ },
47
+ });
package/src/MenuItemCheckbox/useMenuItemCheckbox.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { AccessibilityActionEvent, AccessibilityState } from 'react-native';
2
+ import { AccessibilityActionEvent, AccessibilityState, Platform } from 'react-native';
3
3
  import { MenuItemCheckboxProps, MenuItemCheckboxState } from './MenuItemCheckbox.types';
4
4
  import { memoize } from '@fluentui-react-native/framework';
5
5
  import {
@@ -67,7 +67,7 @@ export const useMenuCheckboxInteraction = (
67
67
  // Ensure focus is placed on checkbox after click
68
68
  const toggleCheckedWithFocus = useOnPressWithFocus(componentRef, toggleCallback);
69
69
 
70
- const pressable = useAsPressable({ onPress: toggleCheckedWithFocus, ...rest });
70
+ const pressable = useAsPressable({ ...rest, disabled, onPress: toggleCheckedWithFocus });
71
71
  const buttonRef = useViewCommandFocus(componentRef);
72
72
 
73
73
  const onKeyProps = useKeyProps(toggleCallback, ' ');
@@ -100,8 +100,14 @@ export const useMenuCheckboxInteraction = (
100
100
  accessibilityLabel: props.accessibilityLabel || props.content,
101
101
  accessibilityRole: 'menuitem',
102
102
  accessibilityState: getAccessibilityState(disabled, state.checked, accessibilityState),
103
- enableFocusRing: true,
104
- focusable: true,
103
+ enableFocusRing: Platform.select({
104
+ macos: false,
105
+ default: true, // win32
106
+ }),
107
+ focusable: Platform.select({
108
+ macos: !disabled,
109
+ default: true, // win32
110
+ }),
105
111
  onAccessibilityAction: onAccessibilityActionProp,
106
112
  ref: buttonRef,
107
113
  ...onKeyProps,
package/src/MenuList/MenuList.types.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import type { IViewProps } from '@fluentui-react-native/adapters';
2
2
  import { InteractionEvent } from '@fluentui-react-native/interactive-hooks';
3
3
  import { IBackgroundColorTokens, LayoutTokens } from '@fluentui-react-native/tokens';
4
+ import React from 'react';
4
5
 
5
6
  export const menuListName = 'MenuList';
6
7
 
package/src/MenuList/MenuListTokens.macos.ts ADDED
@@ -0,0 +1,10 @@
1
+ import { Theme } from '@fluentui-react-native/framework';
2
+ import { globalTokens } from '@fluentui-react-native/theme-tokens';
3
+ import { TokenSettings } from '@fluentui-react-native/use-styling';
4
+ import { MenuListTokens } from './MenuList.types';
5
+
6
+ export const defaultMenuListTokens: TokenSettings<MenuListTokens, Theme> = (t: Theme): MenuListTokens => ({
7
+ padding: 5, // hardcoded for now to match ContextualMenu
8
+ backgroundColor: t.colors.transparentBackground,
9
+ gap: globalTokens.spacing.xxs,
10
+ });
package/src/__tests__/__snapshots__/Menu.test.tsx.snap CHANGED
@@ -196,6 +196,7 @@ Array [
196
196
  Object {
197
197
  "alignItems": "center",
198
198
  "backgroundColor": "#ffffff",
199
+ "borderRadius": 4,
199
200
  "display": "flex",
200
201
  "flexDirection": "row",
201
202
  "maxWidth": 300,
@@ -250,6 +251,7 @@ Array [
250
251
  Object {
251
252
  "alignItems": "center",
252
253
  "backgroundColor": "#ffffff",
254
+ "borderRadius": 4,
253
255
  "display": "flex",
254
256
  "flexDirection": "row",
255
257
  "marginTop": 2,
@@ -416,6 +418,7 @@ Array [
416
418
  Object {
417
419
  "alignItems": "center",
418
420
  "backgroundColor": "#ffffff",
421
+ "borderRadius": 4,
419
422
  "display": "flex",
420
423
  "flexDirection": "row",
421
424
  "maxWidth": 300,
@@ -589,6 +592,7 @@ Array [
589
592
  Object {
590
593
  "alignItems": "center",
591
594
  "backgroundColor": "#ffffff",
595
+ "borderRadius": 4,
592
596
  "display": "flex",
593
597
  "flexDirection": "row",
594
598
  "maxWidth": 300,
@@ -697,6 +701,7 @@ Array [
697
701
  }
698
702
  accessible={true}
699
703
  content="Option 2"
704
+ disabled={true}
700
705
  enableFocusRing={true}
701
706
  focusable={true}
702
707
  onAccessibilityAction={[Function]}
@@ -714,6 +719,7 @@ Array [
714
719
  Object {
715
720
  "alignItems": "center",
716
721
  "backgroundColor": "#ffffff",
722
+ "borderRadius": 4,
717
723
  "display": "flex",
718
724
  "flexDirection": "row",
719
725
  "marginTop": 2,
@@ -940,6 +946,7 @@ Array [
940
946
  Object {
941
947
  "alignItems": "center",
942
948
  "backgroundColor": "#ffffff",
949
+ "borderRadius": 4,
943
950
  "display": "flex",
944
951
  "flexDirection": "row",
945
952
  "maxWidth": 300,
@@ -1065,6 +1072,7 @@ Array [
1065
1072
  Object {
1066
1073
  "alignItems": "center",
1067
1074
  "backgroundColor": "#ffffff",
1075
+ "borderRadius": 4,
1068
1076
  "display": "flex",
1069
1077
  "flexDirection": "row",
1070
1078
  "marginTop": 2,
@@ -1291,6 +1299,7 @@ Array [
1291
1299
  Object {
1292
1300
  "alignItems": "center",
1293
1301
  "backgroundColor": "#ffffff",
1302
+ "borderRadius": 4,
1294
1303
  "display": "flex",
1295
1304
  "flexDirection": "row",
1296
1305
  "maxWidth": 300,
@@ -1416,6 +1425,7 @@ Array [
1416
1425
  Object {
1417
1426
  "alignItems": "center",
1418
1427
  "backgroundColor": "#ffffff",
1428
+ "borderRadius": 4,
1419
1429
  "display": "flex",
1420
1430
  "flexDirection": "row",
1421
1431
  "marginTop": 2,
@@ -1642,6 +1652,7 @@ Array [
1642
1652
  Object {
1643
1653
  "alignItems": "center",
1644
1654
  "backgroundColor": "#ffffff",
1655
+ "borderRadius": 4,
1645
1656
  "display": "flex",
1646
1657
  "flexDirection": "row",
1647
1658
  "maxWidth": 300,
@@ -1755,6 +1766,7 @@ Array [
1755
1766
  Object {
1756
1767
  "alignItems": "center",
1757
1768
  "backgroundColor": "#ffffff",
1769
+ "borderRadius": 4,
1758
1770
  "display": "flex",
1759
1771
  "flexDirection": "row",
1760
1772
  "marginTop": 2,
@@ -1973,6 +1985,7 @@ Array [
1973
1985
  Object {
1974
1986
  "alignItems": "center",
1975
1987
  "backgroundColor": "#ffffff",
1988
+ "borderRadius": 4,
1976
1989
  "display": "flex",
1977
1990
  "flexDirection": "row",
1978
1991
  "maxWidth": 300,
@@ -2031,6 +2044,7 @@ Array [
2031
2044
  Object {
2032
2045
  "alignItems": "center",
2033
2046
  "backgroundColor": "#ffffff",
2047
+ "borderRadius": 4,
2034
2048
  "display": "flex",
2035
2049
  "flexDirection": "row",
2036
2050
  "maxWidth": 300,