@fluentui-react-native/menu 1.11.1 → 1.11.2

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 CHANGED
@@ -2,7 +2,22 @@
2
2
  "name": "@fluentui-react-native/menu",
3
3
  "entries": [
4
4
  {
5
- "date": "Wed, 14 Jun 2023 12:04:26 GMT",
5
+ "date": "Thu, 15 Jun 2023 20:51:18 GMT",
6
+ "tag": "@fluentui-react-native/menu_v1.11.2",
7
+ "version": "1.11.2",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "email not defined",
12
+ "package": "@fluentui-react-native/menu",
13
+ "commit": "7778cc852e423102bec6f5dc964c33b956c8d378",
14
+ "comment": "Tokenize MenuItemRadio"
15
+ }
16
+ ]
17
+ }
18
+ },
19
+ {
20
+ "date": "Wed, 14 Jun 2023 12:05:51 GMT",
6
21
  "tag": "@fluentui-react-native/menu_v1.11.1",
7
22
  "version": "1.11.1",
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, 14 Jun 2023 12:04:26 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 15 Jun 2023 20:51:18 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 1.11.2
8
+
9
+ Thu, 15 Jun 2023 20:51:18 GMT
10
+
11
+ ### Patches
12
+
13
+ - Tokenize MenuItemRadio (email not defined)
14
+
7
15
  ## 1.11.1
8
16
 
9
- Wed, 14 Jun 2023 12:04:26 GMT
17
+ Wed, 14 Jun 2023 12:05:51 GMT
10
18
 
11
19
  ### Patches
12
20
 
@@ -0,0 +1,5 @@
1
+ import type { Theme } from '@fluentui-react-native/framework';
2
+ import type { TokenSettings } from '@fluentui-react-native/use-styling';
3
+ import type { MenuItemRadioTokens } from './MenuItemRadio.types';
4
+ export declare const defaultMenuItemRadioTokens: TokenSettings<MenuItemRadioTokens, Theme>;
5
+ //# sourceMappingURL=MenuItemRadioTokens.macos.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuItemRadioTokens.macos.d.ts","sourceRoot":"","sources":["../../src/MenuItemRadio/MenuItemRadioTokens.macos.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAmB,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAE/E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAExE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEjE,eAAO,MAAM,0BAA0B,EAAE,aAAa,CAAC,mBAAmB,EAAE,KAAK,CA+C/E,CAAC"}
@@ -0,0 +1,50 @@
1
+ import { globalTokens } from '@fluentui-react-native/theme-tokens';
2
+ export var defaultMenuItemRadioTokens = function (t) { return ({
3
+ backgroundColor: t.colors.transparentBackground,
4
+ borderRadius: 5,
5
+ checkmarkPadding: globalTokens.size20,
6
+ checkmarkSize: 16,
7
+ checkmarkVisibility: 0,
8
+ color: t.colors.neutralForeground1,
9
+ fontFamily: t.typography.families.primary,
10
+ fontSize: 13,
11
+ fontWeight: globalTokens.font.weight.regular,
12
+ gap: globalTokens.size40,
13
+ iconColor: t.colors.neutralForeground1,
14
+ iconSize: 16,
15
+ padding: globalTokens.size40,
16
+ paddingHorizontal: 5,
17
+ paddingVertical: 3,
18
+ pressed: {
19
+ backgroundColor: t.colors.menuItemBackgroundPressed,
20
+ color: t.colors.menuItemTextHovered,
21
+ iconColor: t.colors.menuItemTextHovered,
22
+ checked: {
23
+ checkmarkColor: t.colors.menuItemTextHovered,
24
+ checkmarkVisibility: 1,
25
+ },
26
+ },
27
+ disabled: {
28
+ backgroundColor: t.colors.menuBackground,
29
+ color: t.colors.disabledText,
30
+ iconColor: t.colors.disabledText,
31
+ checked: {
32
+ checkmarkColor: t.colors.disabledText,
33
+ checkmarkVisibility: 1,
34
+ },
35
+ },
36
+ focused: {
37
+ backgroundColor: t.colors.menuItemBackgroundHovered,
38
+ color: t.colors.menuItemTextHovered,
39
+ iconColor: t.colors.menuItemTextHovered,
40
+ checked: {
41
+ checkmarkColor: t.colors.menuItemTextHovered,
42
+ checkmarkVisibility: 1,
43
+ },
44
+ },
45
+ checked: {
46
+ checkmarkColor: t.colors.neutralForeground1,
47
+ checkmarkVisibility: 1,
48
+ },
49
+ }); };
50
+ //# sourceMappingURL=MenuItemRadioTokens.macos.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuItemRadioTokens.macos.js","sourceRoot":"","sources":["../../src/MenuItemRadio/MenuItemRadioTokens.macos.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAKnE,MAAM,CAAC,IAAM,0BAA0B,GAA8C,UAAC,CAAQ,IAA0B,OAAA,CAAC;IACvH,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,qBAAqB;IAC/C,YAAY,EAAE,CAAC;IACf,gBAAgB,EAAE,YAAY,CAAC,MAAM;IACrC,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,EAAE;IACZ,UAAU,EAAE,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,OAA0B;IAC/D,GAAG,EAAE,YAAY,CAAC,MAAM;IACxB,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IACtC,QAAQ,EAAE,EAAE;IACZ,OAAO,EAAE,YAAY,CAAC,MAAM;IAC5B,iBAAiB,EAAE,CAAC;IACpB,eAAe,EAAE,CAAC;IAClB,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACnD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,mBAAmB;QACnC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,mBAAmB;QACvC,OAAO,EAAE;YACP,cAAc,EAAE,CAAC,CAAC,MAAM,CAAC,mBAAmB;YAC5C,mBAAmB,EAAE,CAAC;SACvB;KACF;IACD,QAAQ,EAAE;QACR,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc;QACxC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,YAAY;QAC5B,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAY;QAChC,OAAO,EAAE;YACP,cAAc,EAAE,CAAC,CAAC,MAAM,CAAC,YAAY;YACrC,mBAAmB,EAAE,CAAC;SACvB;KACF;IACD,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACnD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,mBAAmB;QACnC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,mBAAmB;QACvC,OAAO,EAAE;YACP,cAAc,EAAE,CAAC,CAAC,MAAM,CAAC,mBAAmB;YAC5C,mBAAmB,EAAE,CAAC;SACvB;KACF;IACD,OAAO,EAAE;QACP,cAAc,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;QAC3C,mBAAmB,EAAE,CAAC;KACvB;CACF,CAAC,EA/CsH,CA+CtH,CAAC"}
@@ -0,0 +1,5 @@
1
+ import type { Theme } from '@fluentui-react-native/framework';
2
+ import type { TokenSettings } from '@fluentui-react-native/use-styling';
3
+ import type { MenuItemRadioTokens } from './MenuItemRadio.types';
4
+ export declare const defaultMenuItemRadioTokens: TokenSettings<MenuItemRadioTokens, Theme>;
5
+ //# sourceMappingURL=MenuItemRadioTokens.macos.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuItemRadioTokens.macos.d.ts","sourceRoot":"","sources":["../../src/MenuItemRadio/MenuItemRadioTokens.macos.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAmB,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAE/E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAExE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEjE,eAAO,MAAM,0BAA0B,EAAE,aAAa,CAAC,mBAAmB,EAAE,KAAK,CA+C/E,CAAC"}
@@ -0,0 +1,54 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.defaultMenuItemRadioTokens = void 0;
4
+ var theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
5
+ var defaultMenuItemRadioTokens = function (t) { return ({
6
+ backgroundColor: t.colors.transparentBackground,
7
+ borderRadius: 5,
8
+ checkmarkPadding: theme_tokens_1.globalTokens.size20,
9
+ checkmarkSize: 16,
10
+ checkmarkVisibility: 0,
11
+ color: t.colors.neutralForeground1,
12
+ fontFamily: t.typography.families.primary,
13
+ fontSize: 13,
14
+ fontWeight: theme_tokens_1.globalTokens.font.weight.regular,
15
+ gap: theme_tokens_1.globalTokens.size40,
16
+ iconColor: t.colors.neutralForeground1,
17
+ iconSize: 16,
18
+ padding: theme_tokens_1.globalTokens.size40,
19
+ paddingHorizontal: 5,
20
+ paddingVertical: 3,
21
+ pressed: {
22
+ backgroundColor: t.colors.menuItemBackgroundPressed,
23
+ color: t.colors.menuItemTextHovered,
24
+ iconColor: t.colors.menuItemTextHovered,
25
+ checked: {
26
+ checkmarkColor: t.colors.menuItemTextHovered,
27
+ checkmarkVisibility: 1,
28
+ },
29
+ },
30
+ disabled: {
31
+ backgroundColor: t.colors.menuBackground,
32
+ color: t.colors.disabledText,
33
+ iconColor: t.colors.disabledText,
34
+ checked: {
35
+ checkmarkColor: t.colors.disabledText,
36
+ checkmarkVisibility: 1,
37
+ },
38
+ },
39
+ focused: {
40
+ backgroundColor: t.colors.menuItemBackgroundHovered,
41
+ color: t.colors.menuItemTextHovered,
42
+ iconColor: t.colors.menuItemTextHovered,
43
+ checked: {
44
+ checkmarkColor: t.colors.menuItemTextHovered,
45
+ checkmarkVisibility: 1,
46
+ },
47
+ },
48
+ checked: {
49
+ checkmarkColor: t.colors.neutralForeground1,
50
+ checkmarkVisibility: 1,
51
+ },
52
+ }); };
53
+ exports.defaultMenuItemRadioTokens = defaultMenuItemRadioTokens;
54
+ //# sourceMappingURL=MenuItemRadioTokens.macos.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuItemRadioTokens.macos.js","sourceRoot":"","sources":["../../src/MenuItemRadio/MenuItemRadioTokens.macos.ts"],"names":[],"mappings":";;;AACA,oEAAmE;AAK5D,IAAM,0BAA0B,GAA8C,UAAC,CAAQ,IAA0B,OAAA,CAAC;IACvH,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,qBAAqB;IAC/C,YAAY,EAAE,CAAC;IACf,gBAAgB,EAAE,2BAAY,CAAC,MAAM;IACrC,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,EAAE;IACZ,UAAU,EAAE,2BAAY,CAAC,IAAI,CAAC,MAAM,CAAC,OAA0B;IAC/D,GAAG,EAAE,2BAAY,CAAC,MAAM;IACxB,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IACtC,QAAQ,EAAE,EAAE;IACZ,OAAO,EAAE,2BAAY,CAAC,MAAM;IAC5B,iBAAiB,EAAE,CAAC;IACpB,eAAe,EAAE,CAAC;IAClB,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACnD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,mBAAmB;QACnC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,mBAAmB;QACvC,OAAO,EAAE;YACP,cAAc,EAAE,CAAC,CAAC,MAAM,CAAC,mBAAmB;YAC5C,mBAAmB,EAAE,CAAC;SACvB;KACF;IACD,QAAQ,EAAE;QACR,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc;QACxC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,YAAY;QAC5B,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAY;QAChC,OAAO,EAAE;YACP,cAAc,EAAE,CAAC,CAAC,MAAM,CAAC,YAAY;YACrC,mBAAmB,EAAE,CAAC;SACvB;KACF;IACD,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACnD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,mBAAmB;QACnC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,mBAAmB;QACvC,OAAO,EAAE;YACP,cAAc,EAAE,CAAC,CAAC,MAAM,CAAC,mBAAmB;YAC5C,mBAAmB,EAAE,CAAC;SACvB;KACF;IACD,OAAO,EAAE;QACP,cAAc,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;QAC3C,mBAAmB,EAAE,CAAC;KACvB;CACF,CAAC,EA/CsH,CA+CtH,CAAC;AA/CU,QAAA,0BAA0B,8BA+CpC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui-react-native/menu",
3
- "version": "1.11.1",
3
+ "version": "1.11.2",
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",
@@ -0,0 +1,54 @@
1
+ import type { FontWeightValue, Theme } from '@fluentui-react-native/framework';
2
+ import { globalTokens } from '@fluentui-react-native/theme-tokens';
3
+ import type { TokenSettings } from '@fluentui-react-native/use-styling';
4
+
5
+ import type { MenuItemRadioTokens } from './MenuItemRadio.types';
6
+
7
+ export const defaultMenuItemRadioTokens: TokenSettings<MenuItemRadioTokens, Theme> = (t: Theme): MenuItemRadioTokens => ({
8
+ backgroundColor: t.colors.transparentBackground,
9
+ borderRadius: 5, // hardcoded for now to match NSMenu
10
+ checkmarkPadding: globalTokens.size20,
11
+ checkmarkSize: 16,
12
+ checkmarkVisibility: 0,
13
+ color: t.colors.neutralForeground1,
14
+ fontFamily: t.typography.families.primary,
15
+ fontSize: 13, // aligning with NSMenu font size
16
+ fontWeight: globalTokens.font.weight.regular as FontWeightValue,
17
+ gap: globalTokens.size40,
18
+ iconColor: t.colors.neutralForeground1,
19
+ iconSize: 16,
20
+ padding: globalTokens.size40,
21
+ paddingHorizontal: 5, // hardcoded for now to match NSMenu
22
+ paddingVertical: 3, // hardcoded for now to match NSMenu
23
+ pressed: {
24
+ backgroundColor: t.colors.menuItemBackgroundPressed,
25
+ color: t.colors.menuItemTextHovered,
26
+ iconColor: t.colors.menuItemTextHovered,
27
+ checked: {
28
+ checkmarkColor: t.colors.menuItemTextHovered,
29
+ checkmarkVisibility: 1,
30
+ },
31
+ },
32
+ disabled: {
33
+ backgroundColor: t.colors.menuBackground,
34
+ color: t.colors.disabledText,
35
+ iconColor: t.colors.disabledText,
36
+ checked: {
37
+ checkmarkColor: t.colors.disabledText,
38
+ checkmarkVisibility: 1,
39
+ },
40
+ },
41
+ focused: {
42
+ backgroundColor: t.colors.menuItemBackgroundHovered,
43
+ color: t.colors.menuItemTextHovered,
44
+ iconColor: t.colors.menuItemTextHovered,
45
+ checked: {
46
+ checkmarkColor: t.colors.menuItemTextHovered,
47
+ checkmarkVisibility: 1,
48
+ },
49
+ },
50
+ checked: {
51
+ checkmarkColor: t.colors.neutralForeground1,
52
+ checkmarkVisibility: 1,
53
+ },
54
+ });