@fluentui-react-native/menu 1.14.4 → 1.14.5

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 (10) hide show
  1. package/CHANGELOG.json +16 -1
  2. package/CHANGELOG.md +10 -2
  3. package/lib/MenuPopover/MenuPopoverTokens.macos.d.ts.map +1 -1
  4. package/lib/MenuPopover/MenuPopoverTokens.macos.js +8 -2
  5. package/lib/MenuPopover/MenuPopoverTokens.macos.js.map +1 -1
  6. package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.d.ts.map +1 -1
  7. package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.js +8 -2
  8. package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.js.map +1 -1
  9. package/package.json +2 -1
  10. package/src/MenuPopover/MenuPopoverTokens.macos.ts +8 -2
package/CHANGELOG.json CHANGED
@@ -2,7 +2,22 @@
2
2
  "name": "@fluentui-react-native/menu",
3
3
  "entries": [
4
4
  {
5
- "date": "Wed, 19 Jun 2024 18:08:27 GMT",
5
+ "date": "Fri, 21 Jun 2024 22:14:20 GMT",
6
+ "version": "1.14.5",
7
+ "tag": "@fluentui-react-native/menu_v1.14.5",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "sanajmi@microsoft.com",
12
+ "package": "@fluentui-react-native/menu",
13
+ "commit": "2ee44d844984d42bc6acce8589b1a7e171efc74b",
14
+ "comment": "fix(menu): Add High Contrast border on macOS"
15
+ }
16
+ ]
17
+ }
18
+ },
19
+ {
20
+ "date": "Wed, 19 Jun 2024 18:09:31 GMT",
6
21
  "version": "1.14.4",
7
22
  "tag": "@fluentui-react-native/menu_v1.14.4",
8
23
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,20 @@
1
1
  # Change Log - @fluentui-react-native/menu
2
2
 
3
- This log was last generated on Wed, 19 Jun 2024 18:08:27 GMT and should not be manually modified.
3
+ This log was last generated on Fri, 21 Jun 2024 22:14:20 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 1.14.5
8
+
9
+ Fri, 21 Jun 2024 22:14:20 GMT
10
+
11
+ ### Patches
12
+
13
+ - fix(menu): Add High Contrast border on macOS (sanajmi@microsoft.com)
14
+
7
15
  ## 1.14.4
8
16
 
9
- Wed, 19 Jun 2024 18:08:27 GMT
17
+ Wed, 19 Jun 2024 18:09:31 GMT
10
18
 
11
19
  ### Patches
12
20
 
package/lib/MenuPopover/MenuPopoverTokens.macos.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuPopoverTokens.macos.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.macos.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,oBAAoB;;;EAMhC,CAAC"}
1
+ {"version":3,"file":"MenuPopoverTokens.macos.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.macos.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,oBAAoB;;;EAWhC,CAAC"}
package/lib/MenuPopover/MenuPopoverTokens.macos.js CHANGED
@@ -1,7 +1,13 @@
1
1
  import { buildUseTokens } from '@fluentui-react-native/framework';
2
+ import { getCurrentAppearance, isHighContrast } from '@fluentui-react-native/theming-utils';
2
3
  import { menuPopoverName } from './MenuPopover.types';
3
- export var useMenuPopoverTokens = buildUseTokens(function (_t) { return ({
4
- borderWidth: 0,
4
+ export var useMenuPopoverTokens = buildUseTokens(function (t) { return ({
5
+ borderWidth: 1,
5
6
  borderRadius: 5,
7
+ borderColor: isHighContrast()
8
+ ? t.colors.neutralStroke1
9
+ : getCurrentAppearance(t.host.appearance, 'light') === 'dark'
10
+ ? t.colors.neutralStroke3
11
+ : t.colors.transparentStroke,
6
12
  }); }, menuPopoverName);
7
13
  //# sourceMappingURL=MenuPopoverTokens.macos.js.map
package/lib/MenuPopover/MenuPopoverTokens.macos.js.map CHANGED
@@ -1 +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"}
1
+ {"version":3,"file":"MenuPopoverTokens.macos.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.macos.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAG5F,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,CAAC,IAAM,oBAAoB,GAAG,cAAc,CAChD,UAAC,CAAQ,IAAK,OAAA,CAAC;IACb,WAAW,EAAE,CAAC;IACd,YAAY,EAAE,CAAC;IACf,WAAW,EAAE,cAAc,EAAE;QAC3B,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc;QACzB,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,KAAK,MAAM;YAC7D,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc;YACzB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB;CAC/B,CAAC,EARY,CAQZ,EACF,eAAe,CAChB,CAAC"}
package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuPopoverTokens.macos.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.macos.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,oBAAoB;;;EAMhC,CAAC"}
1
+ {"version":3,"file":"MenuPopoverTokens.macos.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.macos.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,oBAAoB;;;EAWhC,CAAC"}
package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.js CHANGED
@@ -2,9 +2,15 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.useMenuPopoverTokens = void 0;
4
4
  var framework_1 = require("@fluentui-react-native/framework");
5
+ var theming_utils_1 = require("@fluentui-react-native/theming-utils");
5
6
  var MenuPopover_types_1 = require("./MenuPopover.types");
6
- exports.useMenuPopoverTokens = (0, framework_1.buildUseTokens)(function (_t) { return ({
7
- borderWidth: 0,
7
+ exports.useMenuPopoverTokens = (0, framework_1.buildUseTokens)(function (t) { return ({
8
+ borderWidth: 1,
8
9
  borderRadius: 5,
10
+ borderColor: (0, theming_utils_1.isHighContrast)()
11
+ ? t.colors.neutralStroke1
12
+ : (0, theming_utils_1.getCurrentAppearance)(t.host.appearance, 'light') === 'dark'
13
+ ? t.colors.neutralStroke3
14
+ : t.colors.transparentStroke,
9
15
  }); }, MenuPopover_types_1.menuPopoverName);
10
16
  //# sourceMappingURL=MenuPopoverTokens.macos.js.map
package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.js.map CHANGED
@@ -1 +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"}
1
+ {"version":3,"file":"MenuPopoverTokens.macos.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.macos.ts"],"names":[],"mappings":";;;AACA,8DAAkE;AAClE,sEAA4F;AAG5F,yDAAsD;AAEzC,QAAA,oBAAoB,GAAG,IAAA,0BAAc,EAChD,UAAC,CAAQ,IAAK,OAAA,CAAC;IACb,WAAW,EAAE,CAAC;IACd,YAAY,EAAE,CAAC;IACf,WAAW,EAAE,IAAA,8BAAc,GAAE;QAC3B,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc;QACzB,CAAC,CAAC,IAAA,oCAAoB,EAAC,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,KAAK,MAAM;YAC7D,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc;YACzB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB;CAC/B,CAAC,EARY,CAQZ,EACF,mCAAe,CAChB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui-react-native/menu",
3
- "version": "1.14.4",
3
+ "version": "1.14.5",
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",
@@ -30,6 +30,7 @@
30
30
  "@fluentui-react-native/interactive-hooks": "0.27.0",
31
31
  "@fluentui-react-native/text": "0.24.0",
32
32
  "@fluentui-react-native/theme-tokens": "0.27.0",
33
+ "@fluentui-react-native/theming-utils": "0.26.0",
33
34
  "@fluentui-react-native/tokens": "0.23.0",
34
35
  "@fluentui-react-native/use-styling": "0.13.0",
35
36
  "tslib": "^2.3.1"
package/src/MenuPopover/MenuPopoverTokens.macos.ts CHANGED
@@ -1,13 +1,19 @@
1
1
  import type { Theme } from '@fluentui-react-native/framework';
2
2
  import { buildUseTokens } from '@fluentui-react-native/framework';
3
+ import { getCurrentAppearance, isHighContrast } from '@fluentui-react-native/theming-utils';
3
4
 
4
5
  import type { MenuPopoverTokens } from './MenuPopover.types';
5
6
  import { menuPopoverName } from './MenuPopover.types';
6
7
 
7
8
  export const useMenuPopoverTokens = buildUseTokens<MenuPopoverTokens>(
8
- (_t: Theme) => ({
9
- borderWidth: 0,
9
+ (t: Theme) => ({
10
+ borderWidth: 1,
10
11
  borderRadius: 5,
12
+ borderColor: isHighContrast()
13
+ ? t.colors.neutralStroke1
14
+ : getCurrentAppearance(t.host.appearance, 'light') === 'dark'
15
+ ? t.colors.neutralStroke3
16
+ : t.colors.transparentStroke,
11
17
  }),
12
18
  menuPopoverName,
13
19
  );