@fluentui-react-native/menu 1.0.27 → 1.0.30

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 (33) hide show
  1. package/CHANGELOG.json +64 -1
  2. package/CHANGELOG.md +29 -2
  3. package/SPEC.md +10 -5
  4. package/lib/MenuItem/MenuItem.styling.js +5 -4
  5. package/lib/MenuItem/MenuItem.styling.js.map +1 -1
  6. package/lib/MenuItem/MenuItem.types.d.ts +9 -5
  7. package/lib/MenuItem/MenuItem.types.d.ts.map +1 -1
  8. package/lib/MenuItem/MenuItemTokens.d.ts.map +1 -1
  9. package/lib/MenuItem/MenuItemTokens.js +6 -2
  10. package/lib/MenuItem/MenuItemTokens.js.map +1 -1
  11. package/lib/MenuItem/MenuItemTokens.win32.d.ts.map +1 -1
  12. package/lib/MenuItem/MenuItemTokens.win32.js +7 -2
  13. package/lib/MenuItem/MenuItemTokens.win32.js.map +1 -1
  14. package/lib/MenuItemCheckbox/MenuItemCheckbox.styling.js +2 -2
  15. package/lib/MenuItemCheckbox/MenuItemCheckbox.styling.js.map +1 -1
  16. package/lib-commonjs/MenuItem/MenuItem.styling.js +5 -4
  17. package/lib-commonjs/MenuItem/MenuItem.styling.js.map +1 -1
  18. package/lib-commonjs/MenuItem/MenuItem.types.d.ts +9 -5
  19. package/lib-commonjs/MenuItem/MenuItem.types.d.ts.map +1 -1
  20. package/lib-commonjs/MenuItem/MenuItemTokens.d.ts.map +1 -1
  21. package/lib-commonjs/MenuItem/MenuItemTokens.js +6 -2
  22. package/lib-commonjs/MenuItem/MenuItemTokens.js.map +1 -1
  23. package/lib-commonjs/MenuItem/MenuItemTokens.win32.d.ts.map +1 -1
  24. package/lib-commonjs/MenuItem/MenuItemTokens.win32.js +7 -2
  25. package/lib-commonjs/MenuItem/MenuItemTokens.win32.js.map +1 -1
  26. package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.styling.js +2 -2
  27. package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.styling.js.map +1 -1
  28. package/package.json +5 -5
  29. package/src/MenuItem/MenuItem.styling.ts +4 -4
  30. package/src/MenuItem/MenuItem.types.ts +11 -6
  31. package/src/MenuItem/MenuItemTokens.ts +6 -2
  32. package/src/MenuItem/MenuItemTokens.win32.ts +7 -2
  33. package/src/MenuItemCheckbox/MenuItemCheckbox.styling.ts +2 -2
package/CHANGELOG.json CHANGED
@@ -2,7 +2,70 @@
2
2
  "name": "@fluentui-react-native/menu",
3
3
  "entries": [
4
4
  {
5
- "date": "Mon, 29 Aug 2022 23:19:48 GMT",
5
+ "date": "Fri, 09 Sep 2022 01:08:23 GMT",
6
+ "tag": "@fluentui-react-native/menu_v1.0.30",
7
+ "version": "1.0.30",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "ruaraki@microsoft.com",
12
+ "package": "@fluentui-react-native/menu",
13
+ "commit": "5e76ee7e215fba17e358672c9d69694a47b5daba",
14
+ "comment": "Minor fixes for caching and adding new tokens"
15
+ }
16
+ ]
17
+ }
18
+ },
19
+ {
20
+ "date": "Tue, 06 Sep 2022 18:22:03 GMT",
21
+ "tag": "@fluentui-react-native/menu_v1.0.29",
22
+ "version": "1.0.29",
23
+ "comments": {
24
+ "patch": [
25
+ {
26
+ "author": "beachball",
27
+ "package": "@fluentui-react-native/menu",
28
+ "comment": "Bump @fluentui-react-native/callout to v0.21.9",
29
+ "commit": "202705df4fb6402793b3368e586bfe16f0961070"
30
+ },
31
+ {
32
+ "author": "beachball",
33
+ "package": "@fluentui-react-native/menu",
34
+ "comment": "Bump @fluentui-react-native/interactive-hooks to v0.18.3",
35
+ "commit": "202705df4fb6402793b3368e586bfe16f0961070"
36
+ },
37
+ {
38
+ "author": "beachball",
39
+ "package": "@fluentui-react-native/menu",
40
+ "comment": "Bump @fluentui-react-native/text to v0.14.2",
41
+ "commit": "202705df4fb6402793b3368e586bfe16f0961070"
42
+ },
43
+ {
44
+ "author": "beachball",
45
+ "package": "@fluentui-react-native/menu",
46
+ "comment": "Bump @fluentui-react-native/button to v0.24.20",
47
+ "commit": "202705df4fb6402793b3368e586bfe16f0961070"
48
+ }
49
+ ]
50
+ }
51
+ },
52
+ {
53
+ "date": "Wed, 31 Aug 2022 12:11:39 GMT",
54
+ "tag": "@fluentui-react-native/menu_v1.0.28",
55
+ "version": "1.0.28",
56
+ "comments": {
57
+ "patch": [
58
+ {
59
+ "author": "beachball",
60
+ "package": "@fluentui-react-native/menu",
61
+ "comment": "Bump @fluentui-react-native/button to v0.24.19",
62
+ "commit": "6886abed6eb8492fdf7c873762e4fe0b71f87917"
63
+ }
64
+ ]
65
+ }
66
+ },
67
+ {
68
+ "date": "Mon, 29 Aug 2022 23:21:44 GMT",
6
69
  "tag": "@fluentui-react-native/menu_v1.0.27",
7
70
  "version": "1.0.27",
8
71
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,39 @@
1
1
  # Change Log - @fluentui-react-native/menu
2
2
 
3
- This log was last generated on Mon, 29 Aug 2022 23:19:48 GMT and should not be manually modified.
3
+ This log was last generated on Fri, 09 Sep 2022 01:08:23 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 1.0.30
8
+
9
+ Fri, 09 Sep 2022 01:08:23 GMT
10
+
11
+ ### Patches
12
+
13
+ - Minor fixes for caching and adding new tokens (ruaraki@microsoft.com)
14
+
15
+ ## 1.0.29
16
+
17
+ Tue, 06 Sep 2022 18:22:03 GMT
18
+
19
+ ### Patches
20
+
21
+ - Bump @fluentui-react-native/callout to v0.21.9
22
+ - Bump @fluentui-react-native/interactive-hooks to v0.18.3
23
+ - Bump @fluentui-react-native/text to v0.14.2
24
+ - Bump @fluentui-react-native/button to v0.24.20
25
+
26
+ ## 1.0.28
27
+
28
+ Wed, 31 Aug 2022 12:11:39 GMT
29
+
30
+ ### Patches
31
+
32
+ - Bump @fluentui-react-native/button to v0.24.19
33
+
7
34
  ## 1.0.27
8
35
 
9
- Mon, 29 Aug 2022 23:19:48 GMT
36
+ Mon, 29 Aug 2022 23:21:44 GMT
10
37
 
11
38
  ### Patches
12
39
 
package/SPEC.md CHANGED
@@ -251,6 +251,16 @@ export interface MenuItemTokens extends LayoutTokens, FontTokens, IBorderTokens,
251
251
  */
252
252
  checkmarkSize?: number;
253
253
 
254
+ /**
255
+ * Space between parts of the item control in pixels
256
+ */
257
+ gap?: number;
258
+
259
+ /**
260
+ * Color of the indicator that shows that an item has a submenu
261
+ */
262
+ submenuIndicatorColor?: ColorValue;
263
+
254
264
  /**
255
265
  * Amount of space in pixels around the indicator that shows that an item has a submenu
256
266
  */
@@ -261,11 +271,6 @@ export interface MenuItemTokens extends LayoutTokens, FontTokens, IBorderTokens,
261
271
  */
262
272
  submenuIndicatorSize?: number;
263
273
 
264
- /**
265
- * Space between parts of the item control in pixels
266
- */
267
- gap?: number;
268
-
269
274
  /**
270
275
  * States of the item control
271
276
  */
package/lib/MenuItem/MenuItem.styling.js CHANGED
@@ -10,7 +10,7 @@ export var stylingSettings = {
10
10
  slotProps: {
11
11
  root: buildProps(function (tokens, theme) { return ({
12
12
  style: __assign(__assign({ alignItems: 'center', backgroundColor: tokens.backgroundColor, display: 'flex', flexDirection: 'row' }, layoutStyles.from(tokens, theme)), borderStyles.from(tokens, theme)),
13
- }); }, __spreadArray(['backgroundColor'], layoutStyles.keys, true)),
13
+ }); }, __spreadArray(__spreadArray(['backgroundColor'], borderStyles.keys, true), layoutStyles.keys, true)),
14
14
  checkmark: buildProps(function (tokens) { return ({
15
15
  style: {
16
16
  height: tokens.checkmarkSize,
@@ -20,12 +20,13 @@ export var stylingSettings = {
20
20
  }); }, ['checkmarkSize', 'gap']),
21
21
  content: buildProps(function (tokens, theme) {
22
22
  return {
23
- style: __assign({ flexGrow: 1, color: tokens.color }, fontStyles.from(tokens, theme)),
23
+ color: tokens.color,
24
+ style: __assign({ flexGrow: 1 }, fontStyles.from(tokens, theme)),
24
25
  };
25
26
  }, __spreadArray(['color'], fontStyles.keys, true)),
26
27
  submenuIndicator: buildProps(function (tokens) {
27
28
  return {
28
- color: tokens.color,
29
+ color: tokens.submenuIndicatorColor,
29
30
  height: tokens.submenuIndicatorSize,
30
31
  width: tokens.submenuIndicatorSize,
31
32
  viewBox: '0 0 ' +
@@ -33,7 +34,7 @@ export var stylingSettings = {
33
34
  ' ' +
34
35
  (tokens.submenuIndicatorSize - tokens.submenuIndicatorPadding * 2),
35
36
  };
36
- }, ['color']),
37
+ }, ['submenuIndicatorColor', 'submenuIndicatorPadding', 'submenuIndicatorSize']),
37
38
  },
38
39
  };
39
40
  //# sourceMappingURL=MenuItem.styling.js.map
package/lib/MenuItem/MenuItem.styling.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuItem.styling.js","sourceRoot":"","sources":["../../src/MenuItem/MenuItem.styling.ts"],"names":[],"mappings":";AAAA,OAAO,EAA4B,UAAU,EAAE,MAAM,kCAAkC,CAAC;AACxF,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAoD,MAAM,kBAAkB,CAAC;AAElG,MAAM,CAAC,IAAM,cAAc,GAA6B,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;AAEtG,MAAM,CAAC,IAAM,eAAe,GAAwE;IAClG,MAAM,EAAE,CAAC,qBAAqB,EAAE,YAAY,CAAC;IAC7C,MAAM,EAAE,cAAc;IACtB,SAAS,EAAE;QACT,IAAI,EAAE,UAAU,CACd,UAAC,MAAsB,EAAE,KAAY,IAAK,OAAA,CAAC;YACzC,KAAK,sBACH,UAAU,EAAE,QAAQ,EACpB,eAAe,EAAE,MAAM,CAAC,eAAe,EACvC,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,KAAK,IACjB,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,GAChC,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CACpC;SACF,CAAC,EATwC,CASxC,iBACD,iBAAiB,GAAK,YAAY,CAAC,IAAI,QACzC;QACD,SAAS,EAAE,UAAU,CACnB,UAAC,MAAsB,IAAK,OAAA,CAAC;YAC3B,KAAK,EAAE;gBACL,MAAM,EAAE,MAAM,CAAC,aAAa;gBAC5B,KAAK,EAAE,MAAM,CAAC,aAAa;gBAC3B,SAAS,EAAE,MAAM,CAAC,GAAG;aACtB;SACF,CAAC,EAN0B,CAM1B,EACF,CAAC,eAAe,EAAE,KAAK,CAAC,CACzB;QACD,OAAO,EAAE,UAAU,CACjB,UAAC,MAAsB,EAAE,KAAY;YACnC,OAAO;gBACL,KAAK,aACH,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE,MAAM,CAAC,KAAK,IAChB,UAAU,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CAClC;aACF,CAAC;QACJ,CAAC,iBACA,OAAO,GAAK,UAAU,CAAC,IAAI,QAC7B;QACD,gBAAgB,EAAE,UAAU,CAC1B,UAAC,MAAsB;YACrB,OAAO;gBACL,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,MAAM,EAAE,MAAM,CAAC,oBAAoB;gBACnC,KAAK,EAAE,MAAM,CAAC,oBAAoB;gBAClC,OAAO,EACL,MAAM;oBACN,CAAC,MAAM,CAAC,oBAAoB,GAAG,MAAM,CAAC,uBAAuB,GAAG,CAAC,CAAC;oBAClE,GAAG;oBACH,CAAC,MAAM,CAAC,oBAAoB,GAAG,MAAM,CAAC,uBAAuB,GAAG,CAAC,CAAC;aACrE,CAAC;QACJ,CAAC,EACD,CAAC,OAAO,CAAC,CACV;KACF;CACF,CAAC"}
1
+ {"version":3,"file":"MenuItem.styling.js","sourceRoot":"","sources":["../../src/MenuItem/MenuItem.styling.ts"],"names":[],"mappings":";AAAA,OAAO,EAA4B,UAAU,EAAE,MAAM,kCAAkC,CAAC;AACxF,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAoD,MAAM,kBAAkB,CAAC;AAElG,MAAM,CAAC,IAAM,cAAc,GAA6B,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;AAEtG,MAAM,CAAC,IAAM,eAAe,GAAwE;IAClG,MAAM,EAAE,CAAC,qBAAqB,EAAE,YAAY,CAAC;IAC7C,MAAM,EAAE,cAAc;IACtB,SAAS,EAAE;QACT,IAAI,EAAE,UAAU,CACd,UAAC,MAAsB,EAAE,KAAY,IAAK,OAAA,CAAC;YACzC,KAAK,sBACH,UAAU,EAAE,QAAQ,EACpB,eAAe,EAAE,MAAM,CAAC,eAAe,EACvC,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,KAAK,IACjB,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,GAChC,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CACpC;SACF,CAAC,EATwC,CASxC,+BACD,iBAAiB,GAAK,YAAY,CAAC,IAAI,SAAK,YAAY,CAAC,IAAI,QAC/D;QACD,SAAS,EAAE,UAAU,CACnB,UAAC,MAAsB,IAAK,OAAA,CAAC;YAC3B,KAAK,EAAE;gBACL,MAAM,EAAE,MAAM,CAAC,aAAa;gBAC5B,KAAK,EAAE,MAAM,CAAC,aAAa;gBAC3B,SAAS,EAAE,MAAM,CAAC,GAAG;aACtB;SACF,CAAC,EAN0B,CAM1B,EACF,CAAC,eAAe,EAAE,KAAK,CAAC,CACzB;QACD,OAAO,EAAE,UAAU,CACjB,UAAC,MAAsB,EAAE,KAAY;YACnC,OAAO;gBACL,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,KAAK,aACH,QAAQ,EAAE,CAAC,IACR,UAAU,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CAClC;aACF,CAAC;QACJ,CAAC,iBACA,OAAO,GAAK,UAAU,CAAC,IAAI,QAC7B;QACD,gBAAgB,EAAE,UAAU,CAC1B,UAAC,MAAsB;YACrB,OAAO;gBACL,KAAK,EAAE,MAAM,CAAC,qBAAqB;gBACnC,MAAM,EAAE,MAAM,CAAC,oBAAoB;gBACnC,KAAK,EAAE,MAAM,CAAC,oBAAoB;gBAClC,OAAO,EACL,MAAM;oBACN,CAAC,MAAM,CAAC,oBAAoB,GAAG,MAAM,CAAC,uBAAuB,GAAG,CAAC,CAAC;oBAClE,GAAG;oBACH,CAAC,MAAM,CAAC,oBAAoB,GAAG,MAAM,CAAC,uBAAuB,GAAG,CAAC,CAAC;aACrE,CAAC;QACJ,CAAC,EACD,CAAC,uBAAuB,EAAE,yBAAyB,EAAE,sBAAsB,CAAC,CAC7E;KACF;CACF,CAAC"}
package/lib/MenuItem/MenuItem.types.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { ViewProps } from 'react-native';
2
+ import { ColorValue, ViewProps } from 'react-native';
3
3
  import { XmlProps } from 'react-native-svg';
4
4
  import type { IViewProps } from '@fluentui-react-native/adapters';
5
5
  import { TextProps } from '@fluentui-react-native/text';
@@ -11,6 +11,14 @@ export interface MenuItemTokens extends LayoutTokens, FontTokens, IBorderTokens,
11
11
  * Height and width in pixels of the space that is reserved to align the item's text with other items which have checkmarks
12
12
  */
13
13
  checkmarkSize?: number;
14
+ /**
15
+ * Space between parts of the item control in pixels
16
+ */
17
+ gap?: number;
18
+ /**
19
+ * Color of the indicator that shows that an item has a submenu
20
+ */
21
+ submenuIndicatorColor?: ColorValue;
14
22
  /**
15
23
  * Amount of space in pixels around the indicator that shows that an item has a submenu
16
24
  */
@@ -19,10 +27,6 @@ export interface MenuItemTokens extends LayoutTokens, FontTokens, IBorderTokens,
19
27
  * Height and width in pixels of the indicator that shows that an item has a submenu
20
28
  */
21
29
  submenuIndicatorSize?: number;
22
- /**
23
- * Space between parts of the item control in pixels
24
- */
25
- gap?: number;
26
30
  /**
27
31
  * States of the item control
28
32
  */
package/lib/MenuItem/MenuItem.types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuItem.types.d.ts","sourceRoot":"","sources":["../../src/MenuItem/MenuItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAChI,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEtG,eAAO,MAAM,YAAY,aAAa,CAAC;AAEvC,MAAM,WAAW,cAAe,SAAQ,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY;IAC3F;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAEjC;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,qBAAqB,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtF;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAE3C;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAExC;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,aAAc,SAAQ,eAAe,CAAC,aAAa,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC;IACtG,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IAC3C,gBAAgB,CAAC,EAAE,QAAQ,CAAC;CAC7B;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,aAAa,CAAC;IACrB,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,EAAE,iBAAiB,CAAC;CAC9B"}
1
+ {"version":3,"file":"MenuItem.types.d.ts","sourceRoot":"","sources":["../../src/MenuItem/MenuItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAChI,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEtG,eAAO,MAAM,YAAY,aAAa,CAAC;AAEvC,MAAM,WAAW,cAAe,SAAQ,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY;IAC3F;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,qBAAqB,CAAC,EAAE,UAAU,CAAC;IAEnC;;OAEG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAEjC;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;OAEG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,qBAAqB,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtF;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAE3C;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAExC;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,aAAc,SAAQ,eAAe,CAAC,aAAa,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC;IACtG,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IAC3C,gBAAgB,CAAC,EAAE,QAAQ,CAAC;CAC7B;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,aAAa,CAAC;IACrB,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,EAAE,iBAAiB,CAAC;CAC9B"}
package/lib/MenuItem/MenuItemTokens.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuItemTokens.d.ts","sourceRoot":"","sources":["../../src/MenuItem/MenuItemTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAE1E,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,CA2BrE,CAAC"}
1
+ {"version":3,"file":"MenuItemTokens.d.ts","sourceRoot":"","sources":["../../src/MenuItem/MenuItemTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAE1E,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,CA+BrE,CAAC"}
package/lib/MenuItem/MenuItemTokens.js CHANGED
@@ -3,8 +3,6 @@ export var defaultMenuItemTokens = function (t) { return ({
3
3
  backgroundColor: t.colors.neutralBackground1,
4
4
  borderRadius: globalTokens.corner.radius.medium,
5
5
  checkmarkSize: 16,
6
- submenuIndicatorPadding: globalTokens.spacing.none,
7
- submenuIndicatorSize: 16,
8
6
  color: t.colors.neutralForeground2,
9
7
  fontFamily: t.typography.families.primary,
10
8
  fontSize: globalTokens.font.size[300],
@@ -14,17 +12,23 @@ export var defaultMenuItemTokens = function (t) { return ({
14
12
  minWidth: 160,
15
13
  maxWidth: 300,
16
14
  padding: globalTokens.spacing.sNudge,
15
+ submenuIndicatorColor: t.colors.neutralForeground2,
16
+ submenuIndicatorPadding: globalTokens.spacing.none,
17
+ submenuIndicatorSize: 16,
17
18
  hovered: {
18
19
  backgroundColor: t.colors.neutralBackground1Hover,
19
20
  color: t.colors.neutralForeground2Hover,
21
+ submenuIndicatorColor: t.colors.neutralForeground2Hover,
20
22
  },
21
23
  pressed: {
22
24
  backgroundColor: t.colors.neutralBackground1Pressed,
23
25
  color: t.colors.neutralForeground2Pressed,
26
+ submenuIndicatorColor: t.colors.neutralForeground2Pressed,
24
27
  },
25
28
  disabled: {
26
29
  backgroundColor: t.colors.neutralBackground1,
27
30
  color: t.colors.neutralForegroundDisabled,
31
+ submenuIndicatorColor: t.colors.neutralForegroundDisabled,
28
32
  },
29
33
  }); };
30
34
  //# sourceMappingURL=MenuItemTokens.js.map
package/lib/MenuItem/MenuItemTokens.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuItemTokens.js","sourceRoot":"","sources":["../../src/MenuItem/MenuItemTokens.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAInE,MAAM,CAAC,IAAM,qBAAqB,GAAyC,UAAC,CAAQ,IAAqB,OAAA,CAAC;IACxG,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAC5C,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM;IAC/C,aAAa,EAAE,EAAE;IACjB,uBAAuB,EAAE,YAAY,CAAC,OAAO,CAAC,IAAI;IAClD,oBAAoB,EAAE,EAAE;IACxB,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAClC,UAAU,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,OAAO;IACzC,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;IACrC,UAAU,EAAE,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,OAA0B;IAC/D,GAAG,EAAE,YAAY,CAAC,OAAO,CAAC,EAAE;IAC5B,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,GAAG;IACb,QAAQ,EAAE,GAAG;IACb,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,MAAM;IACpC,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;QACjD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;KACxC;IACD,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACnD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;KAC1C;IACD,QAAQ,EAAE;QACR,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;QAC5C,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;KAC1C;CACF,CAAC,EA3BuG,CA2BvG,CAAC"}
1
+ {"version":3,"file":"MenuItemTokens.js","sourceRoot":"","sources":["../../src/MenuItem/MenuItemTokens.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAInE,MAAM,CAAC,IAAM,qBAAqB,GAAyC,UAAC,CAAQ,IAAqB,OAAA,CAAC;IACxG,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAC5C,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM;IAC/C,aAAa,EAAE,EAAE;IACjB,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAClC,UAAU,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,OAAO;IACzC,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;IACrC,UAAU,EAAE,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,OAA0B;IAC/D,GAAG,EAAE,YAAY,CAAC,OAAO,CAAC,EAAE;IAC5B,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,GAAG;IACb,QAAQ,EAAE,GAAG;IACb,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,MAAM;IACpC,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAClD,uBAAuB,EAAE,YAAY,CAAC,OAAO,CAAC,IAAI;IAClD,oBAAoB,EAAE,EAAE;IACxB,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;QACjD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;QACvC,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;KACxD;IACD,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACnD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACzC,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;KAC1D;IACD,QAAQ,EAAE;QACR,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;QAC5C,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACzC,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;KAC1D;CACF,CAAC,EA/BuG,CA+BvG,CAAC"}
package/lib/MenuItem/MenuItemTokens.win32.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuItemTokens.win32.d.ts","sourceRoot":"","sources":["../../src/MenuItem/MenuItemTokens.win32.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAE1E,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,CAgCrE,CAAC"}
1
+ {"version":3,"file":"MenuItemTokens.win32.d.ts","sourceRoot":"","sources":["../../src/MenuItem/MenuItemTokens.win32.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAE1E,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,CAqCrE,CAAC"}
package/lib/MenuItem/MenuItemTokens.win32.js CHANGED
@@ -3,8 +3,6 @@ export var defaultMenuItemTokens = function (t) { return ({
3
3
  backgroundColor: t.colors.neutralBackground1,
4
4
  borderRadius: globalTokens.corner.radius.none,
5
5
  checkmarkSize: 16,
6
- submenuIndicatorPadding: globalTokens.spacing.xxs,
7
- submenuIndicatorSize: 16,
8
6
  color: t.colors.neutralForeground1,
9
7
  fontFamily: t.typography.families.primary,
10
8
  fontSize: globalTokens.font.size[200],
@@ -15,21 +13,28 @@ export var defaultMenuItemTokens = function (t) { return ({
15
13
  maxWidth: 300,
16
14
  padding: globalTokens.spacing.xs,
17
15
  paddingHorizontal: globalTokens.spacing.s,
16
+ submenuIndicatorColor: t.colors.neutralForeground1,
17
+ submenuIndicatorPadding: globalTokens.spacing.xxs,
18
+ submenuIndicatorSize: 16,
18
19
  hovered: {
19
20
  backgroundColor: t.colors.neutralBackground1Hover,
20
21
  color: t.colors.neutralForeground1Hover,
22
+ submenuIndicatorColor: t.colors.neutralForeground1Hover,
21
23
  },
22
24
  pressed: {
23
25
  backgroundColor: t.colors.neutralBackground1Pressed,
24
26
  color: t.colors.neutralForeground1Pressed,
27
+ submenuIndicatorColor: t.colors.neutralForeground1Pressed,
25
28
  },
26
29
  disabled: {
27
30
  backgroundColor: t.colors.neutralBackground1,
28
31
  color: t.colors.neutralForegroundDisabled,
32
+ submenuIndicatorColor: t.colors.neutralForegroundDisabled,
29
33
  },
30
34
  focused: {
31
35
  backgroundColor: t.colors.neutralBackground1Hover,
32
36
  color: t.colors.neutralForeground1Hover,
37
+ submenuIndicatorColor: t.colors.neutralForeground1Hover,
33
38
  },
34
39
  }); };
35
40
  //# sourceMappingURL=MenuItemTokens.win32.js.map
package/lib/MenuItem/MenuItemTokens.win32.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuItemTokens.win32.js","sourceRoot":"","sources":["../../src/MenuItem/MenuItemTokens.win32.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAInE,MAAM,CAAC,IAAM,qBAAqB,GAAyC,UAAC,CAAQ,IAAqB,OAAA,CAAC;IACxG,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAC5C,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI;IAC7C,aAAa,EAAE,EAAE;IACjB,uBAAuB,EAAE,YAAY,CAAC,OAAO,CAAC,GAAG;IACjD,oBAAoB,EAAE,EAAE;IACxB,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAClC,UAAU,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,OAAO;IACzC,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;IACrC,UAAU,EAAE,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,OAA0B;IAC/D,GAAG,EAAE,YAAY,CAAC,OAAO,CAAC,EAAE;IAC5B,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,GAAG;IACb,QAAQ,EAAE,GAAG;IACb,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,EAAE;IAChC,iBAAiB,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACzC,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;QACjD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;KACxC;IACD,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACnD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;KAC1C;IACD,QAAQ,EAAE;QACR,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;QAC5C,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;KAC1C;IACD,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;QACjD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;KACxC;CACF,CAAC,EAhCuG,CAgCvG,CAAC"}
1
+ {"version":3,"file":"MenuItemTokens.win32.js","sourceRoot":"","sources":["../../src/MenuItem/MenuItemTokens.win32.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAInE,MAAM,CAAC,IAAM,qBAAqB,GAAyC,UAAC,CAAQ,IAAqB,OAAA,CAAC;IACxG,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAC5C,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI;IAC7C,aAAa,EAAE,EAAE;IACjB,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAClC,UAAU,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,OAAO;IACzC,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;IACrC,UAAU,EAAE,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,OAA0B;IAC/D,GAAG,EAAE,YAAY,CAAC,OAAO,CAAC,EAAE;IAC5B,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,GAAG;IACb,QAAQ,EAAE,GAAG;IACb,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,EAAE;IAChC,iBAAiB,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACzC,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAClD,uBAAuB,EAAE,YAAY,CAAC,OAAO,CAAC,GAAG;IACjD,oBAAoB,EAAE,EAAE;IACxB,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;QACjD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;QACvC,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;KACxD;IACD,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACnD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACzC,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;KAC1D;IACD,QAAQ,EAAE;QACR,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;QAC5C,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACzC,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;KAC1D;IACD,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;QACjD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;QACvC,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;KACxD;CACF,CAAC,EArCuG,CAqCvG,CAAC"}
package/lib/MenuItemCheckbox/MenuItemCheckbox.styling.js CHANGED
@@ -10,7 +10,7 @@ export var stylingSettings = {
10
10
  slotProps: {
11
11
  root: buildProps(function (tokens, theme) { return ({
12
12
  style: __assign(__assign({ alignItems: 'center', backgroundColor: tokens.backgroundColor, display: 'flex', flexDirection: 'row' }, layoutStyles.from(tokens, theme)), borderStyles.from(tokens, theme)),
13
- }); }, __spreadArray(['backgroundColor'], layoutStyles.keys, true)),
13
+ }); }, __spreadArray(__spreadArray(['backgroundColor'], borderStyles.keys, true), layoutStyles.keys, true)),
14
14
  checkmark: buildProps(function (tokens) { return ({
15
15
  opacity: tokens.checkmarkVisibility,
16
16
  color: tokens.color,
@@ -18,7 +18,7 @@ export var stylingSettings = {
18
18
  width: tokens.checkmarkSize,
19
19
  viewBox: '0 0 ' + (tokens.checkmarkSize - tokens.checkmarkPadding * 2) + ' ' + (tokens.checkmarkSize - tokens.checkmarkPadding * 2),
20
20
  style: { marginEnd: tokens.gap },
21
- }); }, ['checkmarkSize', 'gap', 'color']),
21
+ }); }, ['checkmarkPadding', 'checkmarkSize', 'checkmarkVisibility', 'color', 'gap']),
22
22
  content: buildProps(function (tokens, theme) { return ({
23
23
  style: __assign({ flexGrow: 1, color: tokens.color }, fontStyles.from(tokens, theme)),
24
24
  }); }, __spreadArray(['color'], fontStyles.keys, true)),
package/lib/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,OAAO,EAA4B,UAAU,EAAE,MAAM,kCAAkC,CAAC;AACxF,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,6BAA6B,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAA4E,MAAM,0BAA0B,CAAC;AAE1I,MAAM,CAAC,IAAM,sBAAsB,GAAqC,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC;AAEjI,MAAM,CAAC,IAAM,eAAe,GAAgG;IAC1H,MAAM,EAAE,CAAC,6BAA6B,EAAE,oBAAoB,CAAC;IAC7D,MAAM,EAAE,sBAAsB;IAC9B,SAAS,EAAE;QACT,IAAI,EAAE,UAAU,CACd,UAAC,MAA8B,EAAE,KAAY,IAAK,OAAA,CAAC;YACjD,KAAK,sBACH,UAAU,EAAE,QAAQ,EACpB,eAAe,EAAE,MAAM,CAAC,eAAe,EACvC,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,KAAK,IACjB,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,GAChC,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CACpC;SACF,CAAC,EATgD,CAShD,iBACD,iBAAiB,GAAK,YAAY,CAAC,IAAI,QACzC;QACD,SAAS,EAAE,UAAU,CACnB,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,UAAU,CACjB,UAAC,MAA8B,EAAE,KAAY,IAAK,OAAA,CAAC;YACjD,KAAK,aACH,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE,MAAM,CAAC,KAAK,IAChB,UAAU,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CAClC;SACF,CAAC,EANgD,CAMhD,iBACD,OAAO,GAAK,UAAU,CAAC,IAAI,QAC7B;KACF;CACF,CAAC"}
1
+ {"version":3,"file":"MenuItemCheckbox.styling.js","sourceRoot":"","sources":["../../src/MenuItemCheckbox/MenuItemCheckbox.styling.ts"],"names":[],"mappings":";AAAA,OAAO,EAA4B,UAAU,EAAE,MAAM,kCAAkC,CAAC;AACxF,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,6BAA6B,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAA4E,MAAM,0BAA0B,CAAC;AAE1I,MAAM,CAAC,IAAM,sBAAsB,GAAqC,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC;AAEjI,MAAM,CAAC,IAAM,eAAe,GAAgG;IAC1H,MAAM,EAAE,CAAC,6BAA6B,EAAE,oBAAoB,CAAC;IAC7D,MAAM,EAAE,sBAAsB;IAC9B,SAAS,EAAE;QACT,IAAI,EAAE,UAAU,CACd,UAAC,MAA8B,EAAE,KAAY,IAAK,OAAA,CAAC;YACjD,KAAK,sBACH,UAAU,EAAE,QAAQ,EACpB,eAAe,EAAE,MAAM,CAAC,eAAe,EACvC,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,KAAK,IACjB,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,GAChC,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CACpC;SACF,CAAC,EATgD,CAShD,+BACD,iBAAiB,GAAK,YAAY,CAAC,IAAI,SAAK,YAAY,CAAC,IAAI,QAC/D;QACD,SAAS,EAAE,UAAU,CACnB,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,kBAAkB,EAAE,eAAe,EAAE,qBAAqB,EAAE,OAAO,EAAE,KAAK,CAAC,CAC7E;QACD,OAAO,EAAE,UAAU,CACjB,UAAC,MAA8B,EAAE,KAAY,IAAK,OAAA,CAAC;YACjD,KAAK,aACH,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE,MAAM,CAAC,KAAK,IAChB,UAAU,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CAClC;SACF,CAAC,EANgD,CAMhD,iBACD,OAAO,GAAK,UAAU,CAAC,IAAI,QAC7B;KACF;CACF,CAAC"}
package/lib-commonjs/MenuItem/MenuItem.styling.js CHANGED
@@ -13,7 +13,7 @@ exports.stylingSettings = {
13
13
  slotProps: {
14
14
  root: (0, framework_1.buildProps)(function (tokens, theme) { return ({
15
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
- }); }, (0, tslib_1.__spreadArray)(['backgroundColor'], tokens_1.layoutStyles.keys, true)),
16
+ }); }, (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)(['backgroundColor'], tokens_1.borderStyles.keys, true), tokens_1.layoutStyles.keys, true)),
17
17
  checkmark: (0, framework_1.buildProps)(function (tokens) { return ({
18
18
  style: {
19
19
  height: tokens.checkmarkSize,
@@ -23,12 +23,13 @@ exports.stylingSettings = {
23
23
  }); }, ['checkmarkSize', 'gap']),
24
24
  content: (0, framework_1.buildProps)(function (tokens, theme) {
25
25
  return {
26
- style: (0, tslib_1.__assign)({ flexGrow: 1, color: tokens.color }, tokens_1.fontStyles.from(tokens, theme)),
26
+ color: tokens.color,
27
+ style: (0, tslib_1.__assign)({ flexGrow: 1 }, tokens_1.fontStyles.from(tokens, theme)),
27
28
  };
28
29
  }, (0, tslib_1.__spreadArray)(['color'], tokens_1.fontStyles.keys, true)),
29
30
  submenuIndicator: (0, framework_1.buildProps)(function (tokens) {
30
31
  return {
31
- color: tokens.color,
32
+ color: tokens.submenuIndicatorColor,
32
33
  height: tokens.submenuIndicatorSize,
33
34
  width: tokens.submenuIndicatorSize,
34
35
  viewBox: '0 0 ' +
@@ -36,7 +37,7 @@ exports.stylingSettings = {
36
37
  ' ' +
37
38
  (tokens.submenuIndicatorSize - tokens.submenuIndicatorPadding * 2),
38
39
  };
39
- }, ['color']),
40
+ }, ['submenuIndicatorColor', 'submenuIndicatorPadding', 'submenuIndicatorSize']),
40
41
  },
41
42
  };
42
43
  //# sourceMappingURL=MenuItem.styling.js.map
package/lib-commonjs/MenuItem/MenuItem.styling.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuItem.styling.js","sourceRoot":"","sources":["../../src/MenuItem/MenuItem.styling.ts"],"names":[],"mappings":";;;;AAAA,8DAAwF;AACxF,wDAAuF;AACvF,mDAAyD;AACzD,mDAAkG;AAErF,QAAA,cAAc,GAA6B,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;AAEzF,QAAA,eAAe,GAAwE;IAClG,MAAM,EAAE,CAAC,sCAAqB,EAAE,6BAAY,CAAC;IAC7C,MAAM,EAAE,sBAAc;IACtB,SAAS,EAAE;QACT,IAAI,EAAE,IAAA,sBAAU,EACd,UAAC,MAAsB,EAAE,KAAY,IAAK,OAAA,CAAC;YACzC,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,EATwC,CASxC,8BACD,iBAAiB,GAAK,qBAAY,CAAC,IAAI,QACzC;QACD,SAAS,EAAE,IAAA,sBAAU,EACnB,UAAC,MAAsB,IAAK,OAAA,CAAC;YAC3B,KAAK,EAAE;gBACL,MAAM,EAAE,MAAM,CAAC,aAAa;gBAC5B,KAAK,EAAE,MAAM,CAAC,aAAa;gBAC3B,SAAS,EAAE,MAAM,CAAC,GAAG;aACtB;SACF,CAAC,EAN0B,CAM1B,EACF,CAAC,eAAe,EAAE,KAAK,CAAC,CACzB;QACD,OAAO,EAAE,IAAA,sBAAU,EACjB,UAAC,MAAsB,EAAE,KAAY;YACnC,OAAO;gBACL,KAAK,0BACH,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE,MAAM,CAAC,KAAK,IAChB,mBAAU,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CAClC;aACF,CAAC;QACJ,CAAC,8BACA,OAAO,GAAK,mBAAU,CAAC,IAAI,QAC7B;QACD,gBAAgB,EAAE,IAAA,sBAAU,EAC1B,UAAC,MAAsB;YACrB,OAAO;gBACL,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,MAAM,EAAE,MAAM,CAAC,oBAAoB;gBACnC,KAAK,EAAE,MAAM,CAAC,oBAAoB;gBAClC,OAAO,EACL,MAAM;oBACN,CAAC,MAAM,CAAC,oBAAoB,GAAG,MAAM,CAAC,uBAAuB,GAAG,CAAC,CAAC;oBAClE,GAAG;oBACH,CAAC,MAAM,CAAC,oBAAoB,GAAG,MAAM,CAAC,uBAAuB,GAAG,CAAC,CAAC;aACrE,CAAC;QACJ,CAAC,EACD,CAAC,OAAO,CAAC,CACV;KACF;CACF,CAAC"}
1
+ {"version":3,"file":"MenuItem.styling.js","sourceRoot":"","sources":["../../src/MenuItem/MenuItem.styling.ts"],"names":[],"mappings":";;;;AAAA,8DAAwF;AACxF,wDAAuF;AACvF,mDAAyD;AACzD,mDAAkG;AAErF,QAAA,cAAc,GAA6B,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;AAEzF,QAAA,eAAe,GAAwE;IAClG,MAAM,EAAE,CAAC,sCAAqB,EAAE,6BAAY,CAAC;IAC7C,MAAM,EAAE,sBAAc;IACtB,SAAS,EAAE;QACT,IAAI,EAAE,IAAA,sBAAU,EACd,UAAC,MAAsB,EAAE,KAAY,IAAK,OAAA,CAAC;YACzC,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,EATwC,CASxC,yDACD,iBAAiB,GAAK,qBAAY,CAAC,IAAI,SAAK,qBAAY,CAAC,IAAI,QAC/D;QACD,SAAS,EAAE,IAAA,sBAAU,EACnB,UAAC,MAAsB,IAAK,OAAA,CAAC;YAC3B,KAAK,EAAE;gBACL,MAAM,EAAE,MAAM,CAAC,aAAa;gBAC5B,KAAK,EAAE,MAAM,CAAC,aAAa;gBAC3B,SAAS,EAAE,MAAM,CAAC,GAAG;aACtB;SACF,CAAC,EAN0B,CAM1B,EACF,CAAC,eAAe,EAAE,KAAK,CAAC,CACzB;QACD,OAAO,EAAE,IAAA,sBAAU,EACjB,UAAC,MAAsB,EAAE,KAAY;YACnC,OAAO;gBACL,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,KAAK,0BACH,QAAQ,EAAE,CAAC,IACR,mBAAU,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CAClC;aACF,CAAC;QACJ,CAAC,8BACA,OAAO,GAAK,mBAAU,CAAC,IAAI,QAC7B;QACD,gBAAgB,EAAE,IAAA,sBAAU,EAC1B,UAAC,MAAsB;YACrB,OAAO;gBACL,KAAK,EAAE,MAAM,CAAC,qBAAqB;gBACnC,MAAM,EAAE,MAAM,CAAC,oBAAoB;gBACnC,KAAK,EAAE,MAAM,CAAC,oBAAoB;gBAClC,OAAO,EACL,MAAM;oBACN,CAAC,MAAM,CAAC,oBAAoB,GAAG,MAAM,CAAC,uBAAuB,GAAG,CAAC,CAAC;oBAClE,GAAG;oBACH,CAAC,MAAM,CAAC,oBAAoB,GAAG,MAAM,CAAC,uBAAuB,GAAG,CAAC,CAAC;aACrE,CAAC;QACJ,CAAC,EACD,CAAC,uBAAuB,EAAE,yBAAyB,EAAE,sBAAsB,CAAC,CAC7E;KACF;CACF,CAAC"}
package/lib-commonjs/MenuItem/MenuItem.types.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { ViewProps } from 'react-native';
2
+ import { ColorValue, ViewProps } from 'react-native';
3
3
  import { XmlProps } from 'react-native-svg';
4
4
  import type { IViewProps } from '@fluentui-react-native/adapters';
5
5
  import { TextProps } from '@fluentui-react-native/text';
@@ -11,6 +11,14 @@ export interface MenuItemTokens extends LayoutTokens, FontTokens, IBorderTokens,
11
11
  * Height and width in pixels of the space that is reserved to align the item's text with other items which have checkmarks
12
12
  */
13
13
  checkmarkSize?: number;
14
+ /**
15
+ * Space between parts of the item control in pixels
16
+ */
17
+ gap?: number;
18
+ /**
19
+ * Color of the indicator that shows that an item has a submenu
20
+ */
21
+ submenuIndicatorColor?: ColorValue;
14
22
  /**
15
23
  * Amount of space in pixels around the indicator that shows that an item has a submenu
16
24
  */
@@ -19,10 +27,6 @@ export interface MenuItemTokens extends LayoutTokens, FontTokens, IBorderTokens,
19
27
  * Height and width in pixels of the indicator that shows that an item has a submenu
20
28
  */
21
29
  submenuIndicatorSize?: number;
22
- /**
23
- * Space between parts of the item control in pixels
24
- */
25
- gap?: number;
26
30
  /**
27
31
  * States of the item control
28
32
  */
package/lib-commonjs/MenuItem/MenuItem.types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuItem.types.d.ts","sourceRoot":"","sources":["../../src/MenuItem/MenuItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAChI,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEtG,eAAO,MAAM,YAAY,aAAa,CAAC;AAEvC,MAAM,WAAW,cAAe,SAAQ,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY;IAC3F;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAEjC;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,qBAAqB,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtF;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAE3C;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAExC;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,aAAc,SAAQ,eAAe,CAAC,aAAa,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC;IACtG,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IAC3C,gBAAgB,CAAC,EAAE,QAAQ,CAAC;CAC7B;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,aAAa,CAAC;IACrB,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,EAAE,iBAAiB,CAAC;CAC9B"}
1
+ {"version":3,"file":"MenuItem.types.d.ts","sourceRoot":"","sources":["../../src/MenuItem/MenuItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAChI,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEtG,eAAO,MAAM,YAAY,aAAa,CAAC;AAEvC,MAAM,WAAW,cAAe,SAAQ,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY;IAC3F;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,qBAAqB,CAAC,EAAE,UAAU,CAAC;IAEnC;;OAEG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAEjC;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;OAEG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,qBAAqB,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtF;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAE3C;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAExC;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,aAAc,SAAQ,eAAe,CAAC,aAAa,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC;IACtG,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IAC3C,gBAAgB,CAAC,EAAE,QAAQ,CAAC;CAC7B;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,aAAa,CAAC;IACrB,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,EAAE,iBAAiB,CAAC;CAC9B"}
package/lib-commonjs/MenuItem/MenuItemTokens.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuItemTokens.d.ts","sourceRoot":"","sources":["../../src/MenuItem/MenuItemTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAE1E,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,CA2BrE,CAAC"}
1
+ {"version":3,"file":"MenuItemTokens.d.ts","sourceRoot":"","sources":["../../src/MenuItem/MenuItemTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAE1E,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,CA+BrE,CAAC"}
package/lib-commonjs/MenuItem/MenuItemTokens.js CHANGED
@@ -6,8 +6,6 @@ var defaultMenuItemTokens = function (t) { return ({
6
6
  backgroundColor: t.colors.neutralBackground1,
7
7
  borderRadius: theme_tokens_1.globalTokens.corner.radius.medium,
8
8
  checkmarkSize: 16,
9
- submenuIndicatorPadding: theme_tokens_1.globalTokens.spacing.none,
10
- submenuIndicatorSize: 16,
11
9
  color: t.colors.neutralForeground2,
12
10
  fontFamily: t.typography.families.primary,
13
11
  fontSize: theme_tokens_1.globalTokens.font.size[300],
@@ -17,17 +15,23 @@ var defaultMenuItemTokens = function (t) { return ({
17
15
  minWidth: 160,
18
16
  maxWidth: 300,
19
17
  padding: theme_tokens_1.globalTokens.spacing.sNudge,
18
+ submenuIndicatorColor: t.colors.neutralForeground2,
19
+ submenuIndicatorPadding: theme_tokens_1.globalTokens.spacing.none,
20
+ submenuIndicatorSize: 16,
20
21
  hovered: {
21
22
  backgroundColor: t.colors.neutralBackground1Hover,
22
23
  color: t.colors.neutralForeground2Hover,
24
+ submenuIndicatorColor: t.colors.neutralForeground2Hover,
23
25
  },
24
26
  pressed: {
25
27
  backgroundColor: t.colors.neutralBackground1Pressed,
26
28
  color: t.colors.neutralForeground2Pressed,
29
+ submenuIndicatorColor: t.colors.neutralForeground2Pressed,
27
30
  },
28
31
  disabled: {
29
32
  backgroundColor: t.colors.neutralBackground1,
30
33
  color: t.colors.neutralForegroundDisabled,
34
+ submenuIndicatorColor: t.colors.neutralForegroundDisabled,
31
35
  },
32
36
  }); };
33
37
  exports.defaultMenuItemTokens = defaultMenuItemTokens;
package/lib-commonjs/MenuItem/MenuItemTokens.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuItemTokens.js","sourceRoot":"","sources":["../../src/MenuItem/MenuItemTokens.ts"],"names":[],"mappings":";;;AACA,oEAAmE;AAI5D,IAAM,qBAAqB,GAAyC,UAAC,CAAQ,IAAqB,OAAA,CAAC;IACxG,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAC5C,YAAY,EAAE,2BAAY,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM;IAC/C,aAAa,EAAE,EAAE;IACjB,uBAAuB,EAAE,2BAAY,CAAC,OAAO,CAAC,IAAI;IAClD,oBAAoB,EAAE,EAAE;IACxB,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,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,GAAG;IACb,QAAQ,EAAE,GAAG;IACb,OAAO,EAAE,2BAAY,CAAC,OAAO,CAAC,MAAM;IACpC,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;QACjD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;KACxC;IACD,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACnD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;KAC1C;IACD,QAAQ,EAAE;QACR,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;QAC5C,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;KAC1C;CACF,CAAC,EA3BuG,CA2BvG,CAAC;AA3BU,QAAA,qBAAqB,yBA2B/B"}
1
+ {"version":3,"file":"MenuItemTokens.js","sourceRoot":"","sources":["../../src/MenuItem/MenuItemTokens.ts"],"names":[],"mappings":";;;AACA,oEAAmE;AAI5D,IAAM,qBAAqB,GAAyC,UAAC,CAAQ,IAAqB,OAAA,CAAC;IACxG,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAC5C,YAAY,EAAE,2BAAY,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM;IAC/C,aAAa,EAAE,EAAE;IACjB,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,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,GAAG;IACb,QAAQ,EAAE,GAAG;IACb,OAAO,EAAE,2BAAY,CAAC,OAAO,CAAC,MAAM;IACpC,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAClD,uBAAuB,EAAE,2BAAY,CAAC,OAAO,CAAC,IAAI;IAClD,oBAAoB,EAAE,EAAE;IACxB,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;QACjD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;QACvC,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;KACxD;IACD,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACnD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACzC,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;KAC1D;IACD,QAAQ,EAAE;QACR,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;QAC5C,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACzC,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;KAC1D;CACF,CAAC,EA/BuG,CA+BvG,CAAC;AA/BU,QAAA,qBAAqB,yBA+B/B"}
package/lib-commonjs/MenuItem/MenuItemTokens.win32.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuItemTokens.win32.d.ts","sourceRoot":"","sources":["../../src/MenuItem/MenuItemTokens.win32.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAE1E,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,CAgCrE,CAAC"}
1
+ {"version":3,"file":"MenuItemTokens.win32.d.ts","sourceRoot":"","sources":["../../src/MenuItem/MenuItemTokens.win32.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAE1E,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,CAqCrE,CAAC"}
package/lib-commonjs/MenuItem/MenuItemTokens.win32.js CHANGED
@@ -6,8 +6,6 @@ var defaultMenuItemTokens = function (t) { return ({
6
6
  backgroundColor: t.colors.neutralBackground1,
7
7
  borderRadius: theme_tokens_1.globalTokens.corner.radius.none,
8
8
  checkmarkSize: 16,
9
- submenuIndicatorPadding: theme_tokens_1.globalTokens.spacing.xxs,
10
- submenuIndicatorSize: 16,
11
9
  color: t.colors.neutralForeground1,
12
10
  fontFamily: t.typography.families.primary,
13
11
  fontSize: theme_tokens_1.globalTokens.font.size[200],
@@ -18,21 +16,28 @@ var defaultMenuItemTokens = function (t) { return ({
18
16
  maxWidth: 300,
19
17
  padding: theme_tokens_1.globalTokens.spacing.xs,
20
18
  paddingHorizontal: theme_tokens_1.globalTokens.spacing.s,
19
+ submenuIndicatorColor: t.colors.neutralForeground1,
20
+ submenuIndicatorPadding: theme_tokens_1.globalTokens.spacing.xxs,
21
+ submenuIndicatorSize: 16,
21
22
  hovered: {
22
23
  backgroundColor: t.colors.neutralBackground1Hover,
23
24
  color: t.colors.neutralForeground1Hover,
25
+ submenuIndicatorColor: t.colors.neutralForeground1Hover,
24
26
  },
25
27
  pressed: {
26
28
  backgroundColor: t.colors.neutralBackground1Pressed,
27
29
  color: t.colors.neutralForeground1Pressed,
30
+ submenuIndicatorColor: t.colors.neutralForeground1Pressed,
28
31
  },
29
32
  disabled: {
30
33
  backgroundColor: t.colors.neutralBackground1,
31
34
  color: t.colors.neutralForegroundDisabled,
35
+ submenuIndicatorColor: t.colors.neutralForegroundDisabled,
32
36
  },
33
37
  focused: {
34
38
  backgroundColor: t.colors.neutralBackground1Hover,
35
39
  color: t.colors.neutralForeground1Hover,
40
+ submenuIndicatorColor: t.colors.neutralForeground1Hover,
36
41
  },
37
42
  }); };
38
43
  exports.defaultMenuItemTokens = defaultMenuItemTokens;
package/lib-commonjs/MenuItem/MenuItemTokens.win32.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuItemTokens.win32.js","sourceRoot":"","sources":["../../src/MenuItem/MenuItemTokens.win32.ts"],"names":[],"mappings":";;;AACA,oEAAmE;AAI5D,IAAM,qBAAqB,GAAyC,UAAC,CAAQ,IAAqB,OAAA,CAAC;IACxG,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAC5C,YAAY,EAAE,2BAAY,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI;IAC7C,aAAa,EAAE,EAAE;IACjB,uBAAuB,EAAE,2BAAY,CAAC,OAAO,CAAC,GAAG;IACjD,oBAAoB,EAAE,EAAE;IACxB,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,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,GAAG;IACb,QAAQ,EAAE,GAAG;IACb,OAAO,EAAE,2BAAY,CAAC,OAAO,CAAC,EAAE;IAChC,iBAAiB,EAAE,2BAAY,CAAC,OAAO,CAAC,CAAC;IACzC,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;QACjD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;KACxC;IACD,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACnD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;KAC1C;IACD,QAAQ,EAAE;QACR,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;QAC5C,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;KAC1C;IACD,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;QACjD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;KACxC;CACF,CAAC,EAhCuG,CAgCvG,CAAC;AAhCU,QAAA,qBAAqB,yBAgC/B"}
1
+ {"version":3,"file":"MenuItemTokens.win32.js","sourceRoot":"","sources":["../../src/MenuItem/MenuItemTokens.win32.ts"],"names":[],"mappings":";;;AACA,oEAAmE;AAI5D,IAAM,qBAAqB,GAAyC,UAAC,CAAQ,IAAqB,OAAA,CAAC;IACxG,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAC5C,YAAY,EAAE,2BAAY,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI;IAC7C,aAAa,EAAE,EAAE;IACjB,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,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,GAAG;IACb,QAAQ,EAAE,GAAG;IACb,OAAO,EAAE,2BAAY,CAAC,OAAO,CAAC,EAAE;IAChC,iBAAiB,EAAE,2BAAY,CAAC,OAAO,CAAC,CAAC;IACzC,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAClD,uBAAuB,EAAE,2BAAY,CAAC,OAAO,CAAC,GAAG;IACjD,oBAAoB,EAAE,EAAE;IACxB,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;QACjD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;QACvC,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;KACxD;IACD,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACnD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACzC,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;KAC1D;IACD,QAAQ,EAAE;QACR,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;QAC5C,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACzC,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;KAC1D;IACD,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;QACjD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;QACvC,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;KACxD;CACF,CAAC,EArCuG,CAqCvG,CAAC;AArCU,QAAA,qBAAqB,yBAqC/B"}
package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.styling.js CHANGED
@@ -13,7 +13,7 @@ exports.stylingSettings = {
13
13
  slotProps: {
14
14
  root: (0, framework_1.buildProps)(function (tokens, theme) { return ({
15
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
- }); }, (0, tslib_1.__spreadArray)(['backgroundColor'], tokens_1.layoutStyles.keys, true)),
16
+ }); }, (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)(['backgroundColor'], tokens_1.borderStyles.keys, true), tokens_1.layoutStyles.keys, true)),
17
17
  checkmark: (0, framework_1.buildProps)(function (tokens) { return ({
18
18
  opacity: tokens.checkmarkVisibility,
19
19
  color: tokens.color,
@@ -21,7 +21,7 @@ exports.stylingSettings = {
21
21
  width: tokens.checkmarkSize,
22
22
  viewBox: '0 0 ' + (tokens.checkmarkSize - tokens.checkmarkPadding * 2) + ' ' + (tokens.checkmarkSize - tokens.checkmarkPadding * 2),
23
23
  style: { marginEnd: tokens.gap },
24
- }); }, ['checkmarkSize', 'gap', 'color']),
24
+ }); }, ['checkmarkPadding', 'checkmarkSize', 'checkmarkVisibility', 'color', 'gap']),
25
25
  content: (0, framework_1.buildProps)(function (tokens, theme) { return ({
26
26
  style: (0, tslib_1.__assign)({ flexGrow: 1, color: tokens.color }, tokens_1.fontStyles.from(tokens, theme)),
27
27
  }); }, (0, tslib_1.__spreadArray)(['color'], tokens_1.fontStyles.keys, true)),
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,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"}
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,yDACD,iBAAiB,GAAK,qBAAY,CAAC,IAAI,SAAK,qBAAY,CAAC,IAAI,QAC/D;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,kBAAkB,EAAE,eAAe,EAAE,qBAAqB,EAAE,OAAO,EAAE,KAAK,CAAC,CAC7E;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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui-react-native/menu",
3
- "version": "1.0.27",
3
+ "version": "1.0.30",
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,10 +23,10 @@
23
23
  },
24
24
  "dependencies": {
25
25
  "@fluentui-react-native/adapters": ">=0.9.0 <1.0.0",
26
- "@fluentui-react-native/callout": ">=0.21.8 <1.0.0",
26
+ "@fluentui-react-native/callout": ">=0.21.9 <1.0.0",
27
27
  "@fluentui-react-native/framework": "0.8.1",
28
- "@fluentui-react-native/interactive-hooks": ">=0.18.2 <1.0.0",
29
- "@fluentui-react-native/text": ">=0.14.1 <1.0.0",
28
+ "@fluentui-react-native/interactive-hooks": ">=0.18.3 <1.0.0",
29
+ "@fluentui-react-native/text": ">=0.14.2 <1.0.0",
30
30
  "@fluentui-react-native/theme-tokens": ">=0.19.0 <1.0.0",
31
31
  "@fluentui-react-native/tokens": ">=0.16.0 <1.0.0",
32
32
  "@fluentui-react-native/use-styling": ">=0.9.0 <1.0.0",
@@ -34,7 +34,7 @@
34
34
  "tslib": "^2.3.1"
35
35
  },
36
36
  "devDependencies": {
37
- "@fluentui-react-native/button": ">=0.24.18 <1.0.0",
37
+ "@fluentui-react-native/button": ">=0.24.20 <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/MenuItem/MenuItem.styling.ts CHANGED
@@ -20,7 +20,7 @@ export const stylingSettings: UseStylingOptions<MenuItemProps, MenuItemSlotProps
20
20
  ...borderStyles.from(tokens, theme),
21
21
  },
22
22
  }),
23
- ['backgroundColor', ...layoutStyles.keys],
23
+ ['backgroundColor', ...borderStyles.keys, ...layoutStyles.keys],
24
24
  ),
25
25
  checkmark: buildProps(
26
26
  (tokens: MenuItemTokens) => ({
@@ -35,9 +35,9 @@ export const stylingSettings: UseStylingOptions<MenuItemProps, MenuItemSlotProps
35
35
  content: buildProps(
36
36
  (tokens: MenuItemTokens, theme: Theme) => {
37
37
  return {
38
+ color: tokens.color,
38
39
  style: {
39
40
  flexGrow: 1,
40
- color: tokens.color,
41
41
  ...fontStyles.from(tokens, theme),
42
42
  },
43
43
  };
@@ -47,7 +47,7 @@ export const stylingSettings: UseStylingOptions<MenuItemProps, MenuItemSlotProps
47
47
  submenuIndicator: buildProps(
48
48
  (tokens: MenuItemTokens) => {
49
49
  return {
50
- color: tokens.color,
50
+ color: tokens.submenuIndicatorColor,
51
51
  height: tokens.submenuIndicatorSize,
52
52
  width: tokens.submenuIndicatorSize,
53
53
  viewBox:
@@ -57,7 +57,7 @@ export const stylingSettings: UseStylingOptions<MenuItemProps, MenuItemSlotProps
57
57
  (tokens.submenuIndicatorSize - tokens.submenuIndicatorPadding * 2),
58
58
  };
59
59
  },
60
- ['color'],
60
+ ['submenuIndicatorColor', 'submenuIndicatorPadding', 'submenuIndicatorSize'],
61
61
  ),
62
62
  },
63
63
  };
package/src/MenuItem/MenuItem.types.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { ViewProps } from 'react-native';
2
+ import { ColorValue, ViewProps } from 'react-native';
3
3
  import { XmlProps } from 'react-native-svg';
4
4
  import type { IViewProps } from '@fluentui-react-native/adapters';
5
5
  import { TextProps } from '@fluentui-react-native/text';
@@ -14,6 +14,16 @@ export interface MenuItemTokens extends LayoutTokens, FontTokens, IBorderTokens,
14
14
  */
15
15
  checkmarkSize?: number;
16
16
 
17
+ /**
18
+ * Space between parts of the item control in pixels
19
+ */
20
+ gap?: number;
21
+
22
+ /**
23
+ * Color of the indicator that shows that an item has a submenu
24
+ */
25
+ submenuIndicatorColor?: ColorValue;
26
+
17
27
  /**
18
28
  * Amount of space in pixels around the indicator that shows that an item has a submenu
19
29
  */
@@ -24,11 +34,6 @@ export interface MenuItemTokens extends LayoutTokens, FontTokens, IBorderTokens,
24
34
  */
25
35
  submenuIndicatorSize?: number;
26
36
 
27
- /**
28
- * Space between parts of the item control in pixels
29
- */
30
- gap?: number;
31
-
32
37
  /**
33
38
  * States of the item control
34
39
  */
package/src/MenuItem/MenuItemTokens.ts CHANGED
@@ -7,8 +7,6 @@ export const defaultMenuItemTokens: TokenSettings<MenuItemTokens, Theme> = (t: T
7
7
  backgroundColor: t.colors.neutralBackground1,
8
8
  borderRadius: globalTokens.corner.radius.medium,
9
9
  checkmarkSize: 16,
10
- submenuIndicatorPadding: globalTokens.spacing.none,
11
- submenuIndicatorSize: 16,
12
10
  color: t.colors.neutralForeground2,
13
11
  fontFamily: t.typography.families.primary,
14
12
  fontSize: globalTokens.font.size[300],
@@ -18,16 +16,22 @@ export const defaultMenuItemTokens: TokenSettings<MenuItemTokens, Theme> = (t: T
18
16
  minWidth: 160,
19
17
  maxWidth: 300,
20
18
  padding: globalTokens.spacing.sNudge,
19
+ submenuIndicatorColor: t.colors.neutralForeground2,
20
+ submenuIndicatorPadding: globalTokens.spacing.none,
21
+ submenuIndicatorSize: 16,
21
22
  hovered: {
22
23
  backgroundColor: t.colors.neutralBackground1Hover,
23
24
  color: t.colors.neutralForeground2Hover,
25
+ submenuIndicatorColor: t.colors.neutralForeground2Hover,
24
26
  },
25
27
  pressed: {
26
28
  backgroundColor: t.colors.neutralBackground1Pressed,
27
29
  color: t.colors.neutralForeground2Pressed,
30
+ submenuIndicatorColor: t.colors.neutralForeground2Pressed,
28
31
  },
29
32
  disabled: {
30
33
  backgroundColor: t.colors.neutralBackground1,
31
34
  color: t.colors.neutralForegroundDisabled,
35
+ submenuIndicatorColor: t.colors.neutralForegroundDisabled,
32
36
  },
33
37
  });
package/src/MenuItem/MenuItemTokens.win32.ts CHANGED
@@ -7,8 +7,6 @@ export const defaultMenuItemTokens: TokenSettings<MenuItemTokens, Theme> = (t: T
7
7
  backgroundColor: t.colors.neutralBackground1,
8
8
  borderRadius: globalTokens.corner.radius.none,
9
9
  checkmarkSize: 16,
10
- submenuIndicatorPadding: globalTokens.spacing.xxs,
11
- submenuIndicatorSize: 16,
12
10
  color: t.colors.neutralForeground1,
13
11
  fontFamily: t.typography.families.primary,
14
12
  fontSize: globalTokens.font.size[200],
@@ -19,20 +17,27 @@ export const defaultMenuItemTokens: TokenSettings<MenuItemTokens, Theme> = (t: T
19
17
  maxWidth: 300,
20
18
  padding: globalTokens.spacing.xs,
21
19
  paddingHorizontal: globalTokens.spacing.s,
20
+ submenuIndicatorColor: t.colors.neutralForeground1,
21
+ submenuIndicatorPadding: globalTokens.spacing.xxs,
22
+ submenuIndicatorSize: 16,
22
23
  hovered: {
23
24
  backgroundColor: t.colors.neutralBackground1Hover,
24
25
  color: t.colors.neutralForeground1Hover,
26
+ submenuIndicatorColor: t.colors.neutralForeground1Hover,
25
27
  },
26
28
  pressed: {
27
29
  backgroundColor: t.colors.neutralBackground1Pressed,
28
30
  color: t.colors.neutralForeground1Pressed,
31
+ submenuIndicatorColor: t.colors.neutralForeground1Pressed,
29
32
  },
30
33
  disabled: {
31
34
  backgroundColor: t.colors.neutralBackground1,
32
35
  color: t.colors.neutralForegroundDisabled,
36
+ submenuIndicatorColor: t.colors.neutralForegroundDisabled,
33
37
  },
34
38
  focused: {
35
39
  backgroundColor: t.colors.neutralBackground1Hover,
36
40
  color: t.colors.neutralForeground1Hover,
41
+ submenuIndicatorColor: t.colors.neutralForeground1Hover,
37
42
  },
38
43
  });
package/src/MenuItemCheckbox/MenuItemCheckbox.styling.ts CHANGED
@@ -20,7 +20,7 @@ export const stylingSettings: UseStylingOptions<MenuItemCheckboxProps, MenuItemC
20
20
  ...borderStyles.from(tokens, theme),
21
21
  },
22
22
  }),
23
- ['backgroundColor', ...layoutStyles.keys],
23
+ ['backgroundColor', ...borderStyles.keys, ...layoutStyles.keys],
24
24
  ),
25
25
  checkmark: buildProps(
26
26
  (tokens: MenuItemCheckboxTokens) => ({
@@ -31,7 +31,7 @@ export const stylingSettings: UseStylingOptions<MenuItemCheckboxProps, MenuItemC
31
31
  viewBox: '0 0 ' + (tokens.checkmarkSize - tokens.checkmarkPadding * 2) + ' ' + (tokens.checkmarkSize - tokens.checkmarkPadding * 2),
32
32
  style: { marginEnd: tokens.gap },
33
33
  }),
34
- ['checkmarkSize', 'gap', 'color'],
34
+ ['checkmarkPadding', 'checkmarkSize', 'checkmarkVisibility', 'color', 'gap'],
35
35
  ),
36
36
  content: buildProps(
37
37
  (tokens: MenuItemCheckboxTokens, theme: Theme) => ({