@fluentui/react-menu 9.12.26 → 9.12.27

Sign up to get free protection for your applications and to get access to all the features.
Files changed (7) hide show
  1. package/CHANGELOG.json +59 -2
  2. package/CHANGELOG.md +19 -3
  3. package/lib/components/MenuItem/useMenuItemStyles.styles.js +29 -99
  4. package/lib/components/MenuItem/useMenuItemStyles.styles.js.map +1 -1
  5. package/lib-commonjs/components/MenuItem/useMenuItemStyles.styles.js +79 -239
  6. package/lib-commonjs/components/MenuItem/useMenuItemStyles.styles.js.map +1 -1
  7. package/package.json +8 -8
package/CHANGELOG.json CHANGED
@@ -2,7 +2,64 @@
2
2
  "name": "@fluentui/react-menu",
3
3
  "entries": [
4
4
  {
5
- "date": "Thu, 12 Oct 2023 14:52:34 GMT",
5
+ "date": "Wed, 18 Oct 2023 17:47:34 GMT",
6
+ "tag": "@fluentui/react-menu_v9.12.27",
7
+ "version": "9.12.27",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "lingfangao@hotmail.com",
12
+ "package": "@fluentui/react-menu",
13
+ "commit": "bdd690c1983d23dcb7ba703eb9ac75536f40c7c0",
14
+ "comment": "refactor: MenuItem uses makeResetStyles"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui/react-menu",
19
+ "comment": "Bump @fluentui/react-aria to v9.3.43",
20
+ "commit": "c0d3065982e1646c54ba00c1d524248b792dbcad"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui/react-menu",
25
+ "comment": "Bump @fluentui/react-context-selector to v9.1.41",
26
+ "commit": "c0d3065982e1646c54ba00c1d524248b792dbcad"
27
+ },
28
+ {
29
+ "author": "beachball",
30
+ "package": "@fluentui/react-menu",
31
+ "comment": "Bump @fluentui/react-portal to v9.3.24",
32
+ "commit": "c0d3065982e1646c54ba00c1d524248b792dbcad"
33
+ },
34
+ {
35
+ "author": "beachball",
36
+ "package": "@fluentui/react-menu",
37
+ "comment": "Bump @fluentui/react-positioning to v9.9.21",
38
+ "commit": "c0d3065982e1646c54ba00c1d524248b792dbcad"
39
+ },
40
+ {
41
+ "author": "beachball",
42
+ "package": "@fluentui/react-menu",
43
+ "comment": "Bump @fluentui/react-tabster to v9.14.0",
44
+ "commit": "c0d3065982e1646c54ba00c1d524248b792dbcad"
45
+ },
46
+ {
47
+ "author": "beachball",
48
+ "package": "@fluentui/react-menu",
49
+ "comment": "Bump @fluentui/react-utilities to v9.15.1",
50
+ "commit": "c0d3065982e1646c54ba00c1d524248b792dbcad"
51
+ },
52
+ {
53
+ "author": "beachball",
54
+ "package": "@fluentui/react-menu",
55
+ "comment": "Bump @fluentui/react-jsx-runtime to v9.0.18",
56
+ "commit": "c0d3065982e1646c54ba00c1d524248b792dbcad"
57
+ }
58
+ ]
59
+ }
60
+ },
61
+ {
62
+ "date": "Thu, 12 Oct 2023 14:55:44 GMT",
6
63
  "tag": "@fluentui/react-menu_v9.12.26",
7
64
  "version": "9.12.26",
8
65
  "comments": {
@@ -11,7 +68,7 @@
11
68
  "author": "beachball",
12
69
  "package": "@fluentui/react-menu",
13
70
  "comment": "Bump @fluentui/react-jsx-runtime to v9.0.17",
14
- "commit": "1a52f5b27e2f71f7257c470bc9c7552ea5e07867"
71
+ "commit": "8178c3cae60005bc21137aa1f3e766e18cdb4a30"
15
72
  }
16
73
  ]
17
74
  }
package/CHANGELOG.md CHANGED
@@ -1,17 +1,33 @@
1
1
  # Change Log - @fluentui/react-menu
2
2
 
3
- This log was last generated on Thu, 12 Oct 2023 14:52:34 GMT and should not be manually modified.
3
+ This log was last generated on Wed, 18 Oct 2023 17:47:34 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.12.27](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v9.12.27)
8
+
9
+ Wed, 18 Oct 2023 17:47:34 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu_v9.12.26..@fluentui/react-menu_v9.12.27)
11
+
12
+ ### Patches
13
+
14
+ - refactor: MenuItem uses makeResetStyles ([PR #29449](https://github.com/microsoft/fluentui/pull/29449) by lingfangao@hotmail.com)
15
+ - Bump @fluentui/react-aria to v9.3.43 ([PR #29560](https://github.com/microsoft/fluentui/pull/29560) by beachball)
16
+ - Bump @fluentui/react-context-selector to v9.1.41 ([PR #29560](https://github.com/microsoft/fluentui/pull/29560) by beachball)
17
+ - Bump @fluentui/react-portal to v9.3.24 ([PR #29560](https://github.com/microsoft/fluentui/pull/29560) by beachball)
18
+ - Bump @fluentui/react-positioning to v9.9.21 ([PR #29560](https://github.com/microsoft/fluentui/pull/29560) by beachball)
19
+ - Bump @fluentui/react-tabster to v9.14.0 ([PR #29560](https://github.com/microsoft/fluentui/pull/29560) by beachball)
20
+ - Bump @fluentui/react-utilities to v9.15.1 ([PR #29560](https://github.com/microsoft/fluentui/pull/29560) by beachball)
21
+ - Bump @fluentui/react-jsx-runtime to v9.0.18 ([PR #29560](https://github.com/microsoft/fluentui/pull/29560) by beachball)
22
+
7
23
  ## [9.12.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v9.12.26)
8
24
 
9
- Thu, 12 Oct 2023 14:52:34 GMT
25
+ Thu, 12 Oct 2023 14:55:44 GMT
10
26
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu_v9.12.25..@fluentui/react-menu_v9.12.26)
11
27
 
12
28
  ### Patches
13
29
 
14
- - Bump @fluentui/react-jsx-runtime to v9.0.17 ([PR #29488](https://github.com/microsoft/fluentui/pull/29488) by beachball)
30
+ - Bump @fluentui/react-jsx-runtime to v9.0.17 ([PR #29513](https://github.com/microsoft/fluentui/pull/29513) by beachball)
15
31
 
16
32
  ## [9.12.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v9.12.25)
17
33
 
package/lib/components/MenuItem/useMenuItemStyles.styles.js CHANGED
@@ -1,4 +1,4 @@
1
- import { mergeClasses, __styles, shorthands } from '@griffel/react';
1
+ import { mergeClasses, __styles, __resetStyles } from '@griffel/react';
2
2
  import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';
3
3
  import { createFocusOutlineStyle } from '@fluentui/react-tabster';
4
4
  import { tokens } from '@fluentui/react-theme';
@@ -11,100 +11,26 @@ export const menuItemClassNames = {
11
11
  content: 'fui-MenuItem__content',
12
12
  secondaryContent: 'fui-MenuItem__secondaryContent'
13
13
  };
14
+ const useRootBaseStyles = /*#__PURE__*/__resetStyles("rx0oqon", "r25f100", [".rx0oqon{border-radius:var(--borderRadiusMedium);position:relative;color:var(--colorNeutralForeground2);background-color:var(--colorNeutralBackground1);padding-right:var(--spacingVerticalSNudge);padding-left:var(--spacingVerticalSNudge);padding-top:var(--spacingVerticalSNudge);box-sizing:border-box;max-width:290px;min-height:32px;flex-shrink:0;display:flex;align-items:start;font-size:var(--fontSizeBase300);cursor:pointer;gap:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}", ".rx0oqon:hover{background-color:var(--colorNeutralBackground1Hover);color:var(--colorNeutralForeground2Hover);}", ".rx0oqon:hover .fui-Icon-filled{display:inline;}", ".rx0oqon:hover .fui-Icon-regular{display:none;}", ".rx0oqon:hover .fui-MenuItem__icon{color:var(--colorNeutralForeground2BrandSelected);}", ".rx0oqon:focus{outline-style:none;}", ".rx0oqon:focus-visible{outline-style:none;}", ".rx0oqon[data-fui-focus-visible]{border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;}", ".rx0oqon[data-fui-focus-visible]::after{content:\"\";position:absolute;pointer-events:none;z-index:1;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-width:2px;border-right-width:2px;border-bottom-width:2px;border-left-width:2px;border-bottom-right-radius:var(--borderRadiusMedium);border-bottom-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);border-top-color:var(--colorStrokeFocus2);border-right-color:var(--colorStrokeFocus2);border-bottom-color:var(--colorStrokeFocus2);border-left-color:var(--colorStrokeFocus2);top:calc(2px * -1);right:calc(2px * -1);bottom:calc(2px * -1);left:calc(2px * -1);}", ".r25f100{border-radius:var(--borderRadiusMedium);position:relative;color:var(--colorNeutralForeground2);background-color:var(--colorNeutralBackground1);padding-left:var(--spacingVerticalSNudge);padding-right:var(--spacingVerticalSNudge);padding-top:var(--spacingVerticalSNudge);box-sizing:border-box;max-width:290px;min-height:32px;flex-shrink:0;display:flex;align-items:start;font-size:var(--fontSizeBase300);cursor:pointer;gap:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}", ".r25f100:hover{background-color:var(--colorNeutralBackground1Hover);color:var(--colorNeutralForeground2Hover);}", ".r25f100:hover .fui-Icon-filled{display:inline;}", ".r25f100:hover .fui-Icon-regular{display:none;}", ".r25f100:hover .fui-MenuItem__icon{color:var(--colorNeutralForeground2BrandSelected);}", ".r25f100:focus{outline-style:none;}", ".r25f100:focus-visible{outline-style:none;}", ".r25f100[data-fui-focus-visible]{border-top-color:transparent;border-left-color:transparent;border-bottom-color:transparent;border-right-color:transparent;}", ".r25f100[data-fui-focus-visible]::after{content:\"\";position:absolute;pointer-events:none;z-index:1;border-top-style:solid;border-left-style:solid;border-bottom-style:solid;border-right-style:solid;border-top-width:2px;border-left-width:2px;border-bottom-width:2px;border-right-width:2px;border-bottom-left-radius:var(--borderRadiusMedium);border-bottom-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);border-top-color:var(--colorStrokeFocus2);border-left-color:var(--colorStrokeFocus2);border-bottom-color:var(--colorStrokeFocus2);border-right-color:var(--colorStrokeFocus2);top:calc(2px * -1);left:calc(2px * -1);bottom:calc(2px * -1);right:calc(2px * -1);}"]);
15
+ const useContentBaseStyles = /*#__PURE__*/__resetStyles("r1ls86vo", "rpbc5dr", [".r1ls86vo{padding-left:2px;padding-right:2px;background-color:transparent;flex-grow:1;}", ".rpbc5dr{padding-right:2px;padding-left:2px;background-color:transparent;flex-grow:1;}"]);
16
+ const useSecondaryContentBaseStyles = /*#__PURE__*/__resetStyles("r79npjw", "r1j24c7y", [".r79npjw{padding-left:2px;padding-right:2px;color:var(--colorNeutralForeground3);}", ".r79npjw:hover{color:var(--colorNeutralForeground3Hover);}", ".r79npjw:focus{color:var(--colorNeutralForeground3Hover);}", ".r1j24c7y{padding-right:2px;padding-left:2px;color:var(--colorNeutralForeground3);}", ".r1j24c7y:hover{color:var(--colorNeutralForeground3Hover);}", ".r1j24c7y:focus{color:var(--colorNeutralForeground3Hover);}"]);
17
+ const useIconBaseStyles = /*#__PURE__*/__resetStyles("r9c34qo", null, [".r9c34qo{width:20px;height:20px;font-size:20px;line-height:0;align-items:center;display:inline-flex;justify-content:center;}"]);
18
+ const useSubmenuIndicatorBaseStyles = /*#__PURE__*/__resetStyles("r9c34qo", null, [".r9c34qo{width:20px;height:20px;font-size:20px;line-height:0;align-items:center;display:inline-flex;justify-content:center;}"]);
14
19
  const useStyles = /*#__PURE__*/__styles({
15
- focusIndicator: {
16
- Brovlpu: "ftqa4ok",
17
- B486eqv: "f2hkw1w",
18
- B8q5s1w: "f8hki3x",
19
- Bci5o5g: ["f1d2448m", "ffh67wi"],
20
- n8qw10: "f1bjia2o",
21
- Bdrgwmp: ["ffh67wi", "f1d2448m"],
22
- Bm4h7ae: "f15bsgw9",
23
- B7ys5i9: "f14e48fq",
24
- Busjfv9: "f18yb2kv",
25
- Bhk32uz: "fd6o370",
26
- Bf4ptjt: "fh1cnn4",
27
- kclons: ["fy7oxxb", "f184ne2d"],
28
- Bhdgwq3: "fpukqih",
29
- Blkhhs4: ["f184ne2d", "fy7oxxb"],
30
- Bqtpl0w: "frrh606",
31
- clg4pj: ["f1v5zibi", "fo2hd23"],
32
- hgwjuy: "ful5kiu",
33
- Bonggc9: ["fo2hd23", "f1v5zibi"],
34
- B1tsrr9: ["f1jqcqds", "ftffrms"],
35
- Dah5zi: ["ftffrms", "f1jqcqds"],
36
- Bkh64rk: ["f2e7qr6", "fsr1zz6"],
37
- qqdqy8: ["fsr1zz6", "f2e7qr6"],
38
- B6dhp37: "f1dvezut",
39
- i03rao: ["fd0oaoj", "f1cwg4i8"],
40
- Boxcth7: "fjvm52t",
41
- Bsom6fd: ["f1cwg4i8", "fd0oaoj"],
42
- J0r882: "f57olzd",
43
- Bule8hv: ["f4stah7", "fs1por5"],
44
- Bjwuhne: "f480a47",
45
- Ghsupd: ["fs1por5", "f4stah7"]
46
- },
47
- root: {
48
- Bbmb7ep: ["f1aa9q02", "f16jpd5f"],
49
- Beyfa6y: ["f16jpd5f", "f1aa9q02"],
50
- B7oj6ja: ["f1jar5jt", "fyu767a"],
51
- Btl43ni: ["fyu767a", "f1jar5jt"],
52
- qhf8xq: "f10pi13n",
53
- sj55zd: "fkfq4zb",
54
- De3pzq: "fxugw4r",
55
- z189sj: ["fkzw4jo", "fzzclc0"],
56
- uwmqm3: ["fzzclc0", "fkzw4jo"],
57
- z8tnut: "fp2oml8",
58
- B7ck84d: "f1ewtqcl",
59
- B2u0y6b: "f1wklaru",
60
- sshi5w: "f1nxs5xn",
61
- Bnnss6s: "fi64zpg",
62
- mc9l5x: "f22iagw",
63
- Bt984gj: "f1s2louj",
64
- Be2twd7: "fkhj508",
65
- Bceei9c: "f1k6fduh",
66
- i8kkvl: "f1q8lukm",
67
- Belr9w4: "f1ma2n7n",
68
- Jwef8y: "f1knas48",
69
- Bi91k9c: "fnwyq0v",
70
- Bk3fhr4: "ft1hn21",
71
- Bmfj8id: "fuxngvv",
72
- Bg7n49j: "fp258yr",
73
- famaaq: "f1xqy1su"
74
- },
75
- content: {
76
- uwmqm3: ["f161knb0", "f12huiiw"],
77
- z189sj: ["f12huiiw", "f161knb0"],
78
- De3pzq: "f3rmtva",
79
- Bh6795r: "fqerorx"
80
- },
81
- secondaryContent: {
82
- uwmqm3: ["f161knb0", "f12huiiw"],
83
- z189sj: ["f12huiiw", "f161knb0"],
84
- sj55zd: "f11d4kpn",
85
- Bi91k9c: "f1jp5ecu",
86
- t0hwav: "fc1cou1"
87
- },
88
20
  checkmark: {
89
21
  B6of3ja: "fmnzpld"
90
22
  },
91
- icon: {
92
- a9b677: "f64fuq3",
93
- Bqenvij: "fjamq6b",
94
- Be2twd7: "fe5j1ua",
95
- Bg96gwp: "fez10in",
96
- Bt984gj: "f122n59",
97
- mc9l5x: "ftuwxu6",
98
- Brf1p80: "f4d9j23"
23
+ splitItemMain: {
24
+ Bh6795r: "fqerorx"
99
25
  },
100
- submenuIndicator: {
101
- a9b677: "f64fuq3",
102
- Bqenvij: "fjamq6b",
103
- Be2twd7: "fe5j1ua",
104
- Bg96gwp: "fez10in",
105
- Bt984gj: "f122n59",
106
- mc9l5x: "ftuwxu6",
107
- Brf1p80: "f4d9j23"
26
+ splitItemTrigger: {
27
+ Btl43ni: ["f1ozlkrg", "f10ostut"],
28
+ Beyfa6y: ["f1deotkl", "f1krrbdw"],
29
+ uwmqm3: ["f1cnd47f", "fhxju0i"],
30
+ Ftih45: "f1wl9k8s",
31
+ Ccq8qp: "f1yn80uh",
32
+ Baz25je: "f68mna0",
33
+ cmx5o7: "f1p5zmk"
108
34
  },
109
35
  disabled: {
110
36
  sj55zd: "f1s2aq7o",
@@ -121,10 +47,9 @@ const useStyles = /*#__PURE__*/__styles({
121
47
  Bh6z0a4: "f1ikwg0d"
122
48
  }
123
49
  }, {
124
- f: [".ftqa4ok:focus{outline-style:none;}", ".fc1cou1:focus{color:var(--colorNeutralForeground3Hover);}", ".ft33916:focus{color:var(--colorNeutralForegroundDisabled);}"],
125
- i: [".f2hkw1w:focus-visible{outline-style:none;}"],
126
- d: [".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}", ".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}", ".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}", ".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}", ".f15bsgw9[data-fui-focus-visible]::after{content:\"\";}", ".f14e48fq[data-fui-focus-visible]::after{position:absolute;}", ".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}", ".fd6o370[data-fui-focus-visible]::after{z-index:1;}", ".fh1cnn4[data-fui-focus-visible]::after{border-top-style:solid;}", ".fy7oxxb[data-fui-focus-visible]::after{border-right-style:solid;}", ".f184ne2d[data-fui-focus-visible]::after{border-left-style:solid;}", ".fpukqih[data-fui-focus-visible]::after{border-bottom-style:solid;}", ".frrh606[data-fui-focus-visible]::after{border-top-width:2px;}", ".f1v5zibi[data-fui-focus-visible]::after{border-right-width:2px;}", ".fo2hd23[data-fui-focus-visible]::after{border-left-width:2px;}", ".ful5kiu[data-fui-focus-visible]::after{border-bottom-width:2px;}", ".f1jqcqds[data-fui-focus-visible]::after{border-bottom-right-radius:var(--borderRadiusMedium);}", ".ftffrms[data-fui-focus-visible]::after{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f2e7qr6[data-fui-focus-visible]::after{border-top-right-radius:var(--borderRadiusMedium);}", ".fsr1zz6[data-fui-focus-visible]::after{border-top-left-radius:var(--borderRadiusMedium);}", ".f1dvezut[data-fui-focus-visible]::after{border-top-color:var(--colorStrokeFocus2);}", ".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}", ".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}", ".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}", ".f57olzd[data-fui-focus-visible]::after{top:calc(2px * -1);}", ".f4stah7[data-fui-focus-visible]::after{right:calc(2px * -1);}", ".fs1por5[data-fui-focus-visible]::after{left:calc(2px * -1);}", ".f480a47[data-fui-focus-visible]::after{bottom:calc(2px * -1);}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".f10pi13n{position:relative;}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".fkzw4jo{padding-right:var(--spacingVerticalSNudge);}", ".fzzclc0{padding-left:var(--spacingVerticalSNudge);}", ".fp2oml8{padding-top:var(--spacingVerticalSNudge);}", ".f1ewtqcl{box-sizing:border-box;}", ".f1wklaru{max-width:290px;}", ".f1nxs5xn{min-height:32px;}", ".fi64zpg{flex-shrink:0;}", ".f22iagw{display:flex;}", ".f1s2louj{align-items:start;}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".f1k6fduh{cursor:pointer;}", ".f1q8lukm{column-gap:4px;}", ".f1ma2n7n{row-gap:4px;}", ".f1xqy1su{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}", ".f161knb0{padding-left:2px;}", ".f12huiiw{padding-right:2px;}", ".f3rmtva{background-color:transparent;}", ".fqerorx{flex-grow:1;}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".fmnzpld{margin-top:2px;}", ".f64fuq3{width:20px;}", ".fjamq6b{height:20px;}", ".fe5j1ua{font-size:20px;}", ".fez10in{line-height:0;}", ".f122n59{align-items:center;}", ".ftuwxu6{display:inline-flex;}", ".f4d9j23{justify-content:center;}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}"],
127
- h: [".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}", ".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}", ".ft1hn21:hover .fui-Icon-filled{display:inline;}", ".fuxngvv:hover .fui-Icon-regular{display:none;}", ".fp258yr:hover .fui-MenuItem__icon{color:var(--colorNeutralForeground2BrandSelected);}", ".f1jp5ecu:hover{color:var(--colorNeutralForeground3Hover);}", ".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}", ".f1ijtazh:hover{background-color:var(--colorNeutralBackground1);}", ".fphbwmw:hover{cursor:not-allowed;}", ".f19vpps7:hover .fui-Icon-filled{display:none;}", ".fv5swzo:hover .fui-Icon-regular{display:inline;}", ".f1q1x1ba:hover .fui-MenuItem__icon{color:var(--colorNeutralForegroundDisabled);}"],
50
+ d: [".fmnzpld{margin-top:2px;}", ".fqerorx{flex-grow:1;}", ".f1ozlkrg{border-top-left-radius:0;}", ".f10ostut{border-top-right-radius:0;}", ".f1deotkl{border-bottom-left-radius:0;}", ".f1krrbdw{border-bottom-right-radius:0;}", ".f1cnd47f{padding-left:0;}", ".fhxju0i{padding-right:0;}", ".f1wl9k8s::before{content:\"\";}", ".f1yn80uh::before{width:var(--strokeWidthThin);}", ".f68mna0::before{height:24px;}", ".f1p5zmk::before{background-color:var(--colorNeutralStroke1);}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}"],
51
+ h: [".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}", ".f1ijtazh:hover{background-color:var(--colorNeutralBackground1);}", ".fphbwmw:hover{cursor:not-allowed;}", ".f19vpps7:hover .fui-Icon-filled{display:none;}", ".fv5swzo:hover .fui-Icon-regular{display:inline;}", ".f1q1x1ba:hover .fui-MenuItem__icon{color:var(--colorNeutralForegroundDisabled);}"],
52
+ f: [".ft33916:focus{color:var(--colorNeutralForegroundDisabled);}"],
128
53
  m: [["@media (forced-colors: active){.f1dcs8yz{color:GrayText;}}", {
129
54
  m: "(forced-colors: active)"
130
55
  }], ["@media (forced-colors: active){.f1kc2mi9:hover{color:GrayText;}}", {
@@ -138,21 +63,26 @@ const useStyles = /*#__PURE__*/__styles({
138
63
  /** Applies style classnames to slots */
139
64
  export const useMenuItemStyles_unstable = state => {
140
65
  const styles = useStyles();
141
- state.root.className = mergeClasses(menuItemClassNames.root, styles.root, styles.focusIndicator, state.disabled && styles.disabled, state.root.className);
66
+ const rootBaseStyles = useRootBaseStyles();
67
+ const contentBaseStyles = useContentBaseStyles();
68
+ const secondaryContentBaseStyles = useSecondaryContentBaseStyles();
69
+ const iconBaseStyles = useIconBaseStyles();
70
+ const submenuIndicatorBaseStyles = useSubmenuIndicatorBaseStyles();
71
+ state.root.className = mergeClasses(menuItemClassNames.root, rootBaseStyles, state.disabled && styles.disabled, state.root.className);
142
72
  if (state.content) {
143
- state.content.className = mergeClasses(menuItemClassNames.content, styles.content, state.content.className);
73
+ state.content.className = mergeClasses(menuItemClassNames.content, contentBaseStyles, state.content.className);
144
74
  }
145
75
  if (state.checkmark) {
146
76
  state.checkmark.className = mergeClasses(menuItemClassNames.checkmark, styles.checkmark, state.checkmark.className);
147
77
  }
148
78
  if (state.secondaryContent) {
149
- state.secondaryContent.className = mergeClasses(menuItemClassNames.secondaryContent, !state.disabled && styles.secondaryContent, state.secondaryContent.className);
79
+ state.secondaryContent.className = mergeClasses(menuItemClassNames.secondaryContent, !state.disabled && secondaryContentBaseStyles, state.secondaryContent.className);
150
80
  }
151
81
  if (state.icon) {
152
- state.icon.className = mergeClasses(menuItemClassNames.icon, styles.icon, state.icon.className);
82
+ state.icon.className = mergeClasses(menuItemClassNames.icon, iconBaseStyles, state.icon.className);
153
83
  }
154
84
  if (state.submenuIndicator) {
155
- state.submenuIndicator.className = mergeClasses(menuItemClassNames.submenuIndicator, styles.submenuIndicator, state.submenuIndicator.className);
85
+ state.submenuIndicator.className = mergeClasses(menuItemClassNames.submenuIndicator, submenuIndicatorBaseStyles, state.submenuIndicator.className);
156
86
  }
157
87
  useCheckmarkStyles_unstable(state);
158
88
  };
package/lib/components/MenuItem/useMenuItemStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["mergeClasses","__styles","shorthands","iconFilledClassName","iconRegularClassName","createFocusOutlineStyle","tokens","useCheckmarkStyles_unstable","menuItemClassNames","root","icon","checkmark","submenuIndicator","content","secondaryContent","useStyles","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bule8hv","Bjwuhne","Ghsupd","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","qhf8xq","sj55zd","De3pzq","z189sj","uwmqm3","z8tnut","B7ck84d","B2u0y6b","sshi5w","Bnnss6s","mc9l5x","Bt984gj","Be2twd7","Bceei9c","i8kkvl","Belr9w4","Jwef8y","Bi91k9c","Bk3fhr4","Bmfj8id","Bg7n49j","famaaq","Bh6795r","t0hwav","B6of3ja","a9b677","Bqenvij","Bg96gwp","Brf1p80","disabled","eoavqd","Bbusuzp","ze5xyy","Bctn1xl","Bh6z0a4","f","i","d","h","m","useMenuItemStyles_unstable","state","styles","className"],"sources":["useMenuItemStyles.styles.js"],"sourcesContent":["import { mergeClasses, makeStyles, shorthands } from '@griffel/react';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport { useCheckmarkStyles_unstable } from '../../selectable/index';\nexport const menuItemClassNames = {\n root: 'fui-MenuItem',\n icon: 'fui-MenuItem__icon',\n checkmark: 'fui-MenuItem__checkmark',\n submenuIndicator: 'fui-MenuItem__submenuIndicator',\n content: 'fui-MenuItem__content',\n secondaryContent: 'fui-MenuItem__secondaryContent'\n};\nconst useStyles = makeStyles({\n focusIndicator: createFocusOutlineStyle(),\n // TODO: this should be extracted to another package\n root: {\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n position: 'relative',\n color: tokens.colorNeutralForeground2,\n backgroundColor: tokens.colorNeutralBackground1,\n paddingRight: tokens.spacingVerticalSNudge,\n paddingLeft: tokens.spacingVerticalSNudge,\n paddingTop: tokens.spacingVerticalSNudge,\n boxSizing: 'border-box',\n maxWidth: '290px',\n minHeight: '32px',\n flexShrink: 0,\n display: 'flex',\n alignItems: 'start',\n fontSize: tokens.fontSizeBase300,\n cursor: 'pointer',\n ...shorthands.gap('4px'),\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n color: tokens.colorNeutralForeground2Hover,\n [`& .${iconFilledClassName}`]: {\n display: 'inline'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n },\n [`& .${menuItemClassNames.icon}`]: {\n color: tokens.colorNeutralForeground2BrandSelected\n }\n },\n userSelect: 'none'\n },\n content: {\n paddingLeft: '2px',\n paddingRight: '2px',\n backgroundColor: 'transparent',\n flexGrow: 1\n },\n secondaryContent: {\n paddingLeft: '2px',\n paddingRight: '2px',\n color: tokens.colorNeutralForeground3,\n ':hover': {\n color: tokens.colorNeutralForeground3Hover\n },\n ':focus': {\n color: tokens.colorNeutralForeground3Hover\n }\n },\n checkmark: {\n marginTop: '2px'\n },\n icon: {\n width: '20px',\n height: '20px',\n fontSize: '20px',\n lineHeight: 0,\n alignItems: 'center',\n display: 'inline-flex',\n justifyContent: 'center'\n },\n submenuIndicator: {\n width: '20px',\n height: '20px',\n fontSize: '20px',\n lineHeight: 0,\n alignItems: 'center',\n display: 'inline-flex',\n justifyContent: 'center'\n },\n disabled: {\n color: tokens.colorNeutralForegroundDisabled,\n ':hover': {\n color: tokens.colorNeutralForegroundDisabled,\n backgroundColor: tokens.colorNeutralBackground1,\n cursor: 'not-allowed',\n [`& .${iconFilledClassName}`]: {\n display: 'none'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline'\n },\n [`& .${menuItemClassNames.icon}`]: {\n color: tokens.colorNeutralForegroundDisabled\n }\n },\n ':focus': {\n color: tokens.colorNeutralForegroundDisabled\n },\n '@media (forced-colors: active)': {\n color: 'GrayText',\n ':hover': {\n color: 'GrayText',\n [`& .${menuItemClassNames.icon}`]: {\n color: 'GrayText'\n }\n },\n ':focus': {\n color: 'GrayText'\n }\n }\n }\n});\n/** Applies style classnames to slots */ export const useMenuItemStyles_unstable = (state)=>{\n const styles = useStyles();\n state.root.className = mergeClasses(menuItemClassNames.root, styles.root, styles.focusIndicator, state.disabled && styles.disabled, state.root.className);\n if (state.content) {\n state.content.className = mergeClasses(menuItemClassNames.content, styles.content, state.content.className);\n }\n if (state.checkmark) {\n state.checkmark.className = mergeClasses(menuItemClassNames.checkmark, styles.checkmark, state.checkmark.className);\n }\n if (state.secondaryContent) {\n state.secondaryContent.className = mergeClasses(menuItemClassNames.secondaryContent, !state.disabled && styles.secondaryContent, state.secondaryContent.className);\n }\n if (state.icon) {\n state.icon.className = mergeClasses(menuItemClassNames.icon, styles.icon, state.icon.className);\n }\n if (state.submenuIndicator) {\n state.submenuIndicator.className = mergeClasses(menuItemClassNames.submenuIndicator, styles.submenuIndicator, state.submenuIndicator.className);\n }\n useCheckmarkStyles_unstable(state);\n};\n"],"mappings":"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"}
1
+ {"version":3,"names":["mergeClasses","__styles","__resetStyles","iconFilledClassName","iconRegularClassName","createFocusOutlineStyle","tokens","useCheckmarkStyles_unstable","menuItemClassNames","root","icon","checkmark","submenuIndicator","content","secondaryContent","useRootBaseStyles","useContentBaseStyles","useSecondaryContentBaseStyles","useIconBaseStyles","useSubmenuIndicatorBaseStyles","useStyles","B6of3ja","splitItemMain","Bh6795r","splitItemTrigger","Btl43ni","Beyfa6y","uwmqm3","Ftih45","Ccq8qp","Baz25je","cmx5o7","disabled","sj55zd","Bi91k9c","Jwef8y","eoavqd","Bk3fhr4","Bmfj8id","Bg7n49j","t0hwav","Bbusuzp","ze5xyy","Bctn1xl","Bh6z0a4","d","h","f","m","useMenuItemStyles_unstable","state","styles","rootBaseStyles","contentBaseStyles","secondaryContentBaseStyles","iconBaseStyles","submenuIndicatorBaseStyles","className"],"sources":["useMenuItemStyles.styles.js"],"sourcesContent":["import { mergeClasses, makeStyles, makeResetStyles } from '@griffel/react';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport { useCheckmarkStyles_unstable } from '../../selectable/index';\nexport const menuItemClassNames = {\n root: 'fui-MenuItem',\n icon: 'fui-MenuItem__icon',\n checkmark: 'fui-MenuItem__checkmark',\n submenuIndicator: 'fui-MenuItem__submenuIndicator',\n content: 'fui-MenuItem__content',\n secondaryContent: 'fui-MenuItem__secondaryContent'\n};\nconst useRootBaseStyles = makeResetStyles({\n borderRadius: tokens.borderRadiusMedium,\n position: 'relative',\n color: tokens.colorNeutralForeground2,\n backgroundColor: tokens.colorNeutralBackground1,\n paddingRight: tokens.spacingVerticalSNudge,\n paddingLeft: tokens.spacingVerticalSNudge,\n paddingTop: tokens.spacingVerticalSNudge,\n boxSizing: 'border-box',\n maxWidth: '290px',\n minHeight: '32px',\n flexShrink: 0,\n display: 'flex',\n alignItems: 'start',\n fontSize: tokens.fontSizeBase300,\n cursor: 'pointer',\n gap: '4px',\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n color: tokens.colorNeutralForeground2Hover,\n [`& .${iconFilledClassName}`]: {\n display: 'inline'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n },\n [`& .${menuItemClassNames.icon}`]: {\n color: tokens.colorNeutralForeground2BrandSelected\n }\n },\n userSelect: 'none',\n ...createFocusOutlineStyle()\n});\nconst useContentBaseStyles = makeResetStyles({\n paddingLeft: '2px',\n paddingRight: '2px',\n backgroundColor: 'transparent',\n flexGrow: 1\n});\nconst useSecondaryContentBaseStyles = makeResetStyles({\n paddingLeft: '2px',\n paddingRight: '2px',\n color: tokens.colorNeutralForeground3,\n ':hover': {\n color: tokens.colorNeutralForeground3Hover\n },\n ':focus': {\n color: tokens.colorNeutralForeground3Hover\n }\n});\nconst useIconBaseStyles = makeResetStyles({\n width: '20px',\n height: '20px',\n fontSize: '20px',\n lineHeight: 0,\n alignItems: 'center',\n display: 'inline-flex',\n justifyContent: 'center'\n});\nconst useSubmenuIndicatorBaseStyles = makeResetStyles({\n width: '20px',\n height: '20px',\n fontSize: '20px',\n lineHeight: 0,\n alignItems: 'center',\n display: 'inline-flex',\n justifyContent: 'center'\n});\nconst useStyles = makeStyles({\n checkmark: {\n marginTop: '2px'\n },\n splitItemMain: {\n flexGrow: 1\n },\n splitItemTrigger: {\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0,\n paddingLeft: 0,\n '::before': {\n content: '\"\"',\n width: tokens.strokeWidthThin,\n height: '24px',\n backgroundColor: tokens.colorNeutralStroke1\n }\n },\n disabled: {\n color: tokens.colorNeutralForegroundDisabled,\n ':hover': {\n color: tokens.colorNeutralForegroundDisabled,\n backgroundColor: tokens.colorNeutralBackground1,\n cursor: 'not-allowed',\n [`& .${iconFilledClassName}`]: {\n display: 'none'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline'\n },\n [`& .${menuItemClassNames.icon}`]: {\n color: tokens.colorNeutralForegroundDisabled\n }\n },\n ':focus': {\n color: tokens.colorNeutralForegroundDisabled\n },\n '@media (forced-colors: active)': {\n color: 'GrayText',\n ':hover': {\n color: 'GrayText',\n [`& .${menuItemClassNames.icon}`]: {\n color: 'GrayText'\n }\n },\n ':focus': {\n color: 'GrayText'\n }\n }\n }\n});\n/** Applies style classnames to slots */ export const useMenuItemStyles_unstable = (state)=>{\n const styles = useStyles();\n const rootBaseStyles = useRootBaseStyles();\n const contentBaseStyles = useContentBaseStyles();\n const secondaryContentBaseStyles = useSecondaryContentBaseStyles();\n const iconBaseStyles = useIconBaseStyles();\n const submenuIndicatorBaseStyles = useSubmenuIndicatorBaseStyles();\n state.root.className = mergeClasses(menuItemClassNames.root, rootBaseStyles, state.disabled && styles.disabled, state.root.className);\n if (state.content) {\n state.content.className = mergeClasses(menuItemClassNames.content, contentBaseStyles, state.content.className);\n }\n if (state.checkmark) {\n state.checkmark.className = mergeClasses(menuItemClassNames.checkmark, styles.checkmark, state.checkmark.className);\n }\n if (state.secondaryContent) {\n state.secondaryContent.className = mergeClasses(menuItemClassNames.secondaryContent, !state.disabled && secondaryContentBaseStyles, state.secondaryContent.className);\n }\n if (state.icon) {\n state.icon.className = mergeClasses(menuItemClassNames.icon, iconBaseStyles, state.icon.className);\n }\n if (state.submenuIndicator) {\n state.submenuIndicator.className = mergeClasses(menuItemClassNames.submenuIndicator, submenuIndicatorBaseStyles, state.submenuIndicator.className);\n }\n useCheckmarkStyles_unstable(state);\n};\n"],"mappings":"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"}
package/lib-commonjs/components/MenuItem/useMenuItemStyles.styles.js CHANGED
@@ -26,172 +26,68 @@ const menuItemClassNames = {
26
26
  content: 'fui-MenuItem__content',
27
27
  secondaryContent: 'fui-MenuItem__secondaryContent'
28
28
  };
29
+ const useRootBaseStyles = /*#__PURE__*/ (0, _react.__resetStyles)("rx0oqon", "r25f100", [
30
+ ".rx0oqon{border-radius:var(--borderRadiusMedium);position:relative;color:var(--colorNeutralForeground2);background-color:var(--colorNeutralBackground1);padding-right:var(--spacingVerticalSNudge);padding-left:var(--spacingVerticalSNudge);padding-top:var(--spacingVerticalSNudge);box-sizing:border-box;max-width:290px;min-height:32px;flex-shrink:0;display:flex;align-items:start;font-size:var(--fontSizeBase300);cursor:pointer;gap:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}",
31
+ ".rx0oqon:hover{background-color:var(--colorNeutralBackground1Hover);color:var(--colorNeutralForeground2Hover);}",
32
+ ".rx0oqon:hover .fui-Icon-filled{display:inline;}",
33
+ ".rx0oqon:hover .fui-Icon-regular{display:none;}",
34
+ ".rx0oqon:hover .fui-MenuItem__icon{color:var(--colorNeutralForeground2BrandSelected);}",
35
+ ".rx0oqon:focus{outline-style:none;}",
36
+ ".rx0oqon:focus-visible{outline-style:none;}",
37
+ ".rx0oqon[data-fui-focus-visible]{border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;}",
38
+ ".rx0oqon[data-fui-focus-visible]::after{content:\"\";position:absolute;pointer-events:none;z-index:1;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-width:2px;border-right-width:2px;border-bottom-width:2px;border-left-width:2px;border-bottom-right-radius:var(--borderRadiusMedium);border-bottom-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);border-top-color:var(--colorStrokeFocus2);border-right-color:var(--colorStrokeFocus2);border-bottom-color:var(--colorStrokeFocus2);border-left-color:var(--colorStrokeFocus2);top:calc(2px * -1);right:calc(2px * -1);bottom:calc(2px * -1);left:calc(2px * -1);}",
39
+ ".r25f100{border-radius:var(--borderRadiusMedium);position:relative;color:var(--colorNeutralForeground2);background-color:var(--colorNeutralBackground1);padding-left:var(--spacingVerticalSNudge);padding-right:var(--spacingVerticalSNudge);padding-top:var(--spacingVerticalSNudge);box-sizing:border-box;max-width:290px;min-height:32px;flex-shrink:0;display:flex;align-items:start;font-size:var(--fontSizeBase300);cursor:pointer;gap:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}",
40
+ ".r25f100:hover{background-color:var(--colorNeutralBackground1Hover);color:var(--colorNeutralForeground2Hover);}",
41
+ ".r25f100:hover .fui-Icon-filled{display:inline;}",
42
+ ".r25f100:hover .fui-Icon-regular{display:none;}",
43
+ ".r25f100:hover .fui-MenuItem__icon{color:var(--colorNeutralForeground2BrandSelected);}",
44
+ ".r25f100:focus{outline-style:none;}",
45
+ ".r25f100:focus-visible{outline-style:none;}",
46
+ ".r25f100[data-fui-focus-visible]{border-top-color:transparent;border-left-color:transparent;border-bottom-color:transparent;border-right-color:transparent;}",
47
+ ".r25f100[data-fui-focus-visible]::after{content:\"\";position:absolute;pointer-events:none;z-index:1;border-top-style:solid;border-left-style:solid;border-bottom-style:solid;border-right-style:solid;border-top-width:2px;border-left-width:2px;border-bottom-width:2px;border-right-width:2px;border-bottom-left-radius:var(--borderRadiusMedium);border-bottom-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);border-top-color:var(--colorStrokeFocus2);border-left-color:var(--colorStrokeFocus2);border-bottom-color:var(--colorStrokeFocus2);border-right-color:var(--colorStrokeFocus2);top:calc(2px * -1);left:calc(2px * -1);bottom:calc(2px * -1);right:calc(2px * -1);}"
48
+ ]);
49
+ const useContentBaseStyles = /*#__PURE__*/ (0, _react.__resetStyles)("r1ls86vo", "rpbc5dr", [
50
+ ".r1ls86vo{padding-left:2px;padding-right:2px;background-color:transparent;flex-grow:1;}",
51
+ ".rpbc5dr{padding-right:2px;padding-left:2px;background-color:transparent;flex-grow:1;}"
52
+ ]);
53
+ const useSecondaryContentBaseStyles = /*#__PURE__*/ (0, _react.__resetStyles)("r79npjw", "r1j24c7y", [
54
+ ".r79npjw{padding-left:2px;padding-right:2px;color:var(--colorNeutralForeground3);}",
55
+ ".r79npjw:hover{color:var(--colorNeutralForeground3Hover);}",
56
+ ".r79npjw:focus{color:var(--colorNeutralForeground3Hover);}",
57
+ ".r1j24c7y{padding-right:2px;padding-left:2px;color:var(--colorNeutralForeground3);}",
58
+ ".r1j24c7y:hover{color:var(--colorNeutralForeground3Hover);}",
59
+ ".r1j24c7y:focus{color:var(--colorNeutralForeground3Hover);}"
60
+ ]);
61
+ const useIconBaseStyles = /*#__PURE__*/ (0, _react.__resetStyles)("r9c34qo", null, [
62
+ ".r9c34qo{width:20px;height:20px;font-size:20px;line-height:0;align-items:center;display:inline-flex;justify-content:center;}"
63
+ ]);
64
+ const useSubmenuIndicatorBaseStyles = /*#__PURE__*/ (0, _react.__resetStyles)("r9c34qo", null, [
65
+ ".r9c34qo{width:20px;height:20px;font-size:20px;line-height:0;align-items:center;display:inline-flex;justify-content:center;}"
66
+ ]);
29
67
  const useStyles = /*#__PURE__*/ (0, _react.__styles)({
30
- focusIndicator: {
31
- Brovlpu: "ftqa4ok",
32
- B486eqv: "f2hkw1w",
33
- B8q5s1w: "f8hki3x",
34
- Bci5o5g: [
35
- "f1d2448m",
36
- "ffh67wi"
37
- ],
38
- n8qw10: "f1bjia2o",
39
- Bdrgwmp: [
40
- "ffh67wi",
41
- "f1d2448m"
42
- ],
43
- Bm4h7ae: "f15bsgw9",
44
- B7ys5i9: "f14e48fq",
45
- Busjfv9: "f18yb2kv",
46
- Bhk32uz: "fd6o370",
47
- Bf4ptjt: "fh1cnn4",
48
- kclons: [
49
- "fy7oxxb",
50
- "f184ne2d"
51
- ],
52
- Bhdgwq3: "fpukqih",
53
- Blkhhs4: [
54
- "f184ne2d",
55
- "fy7oxxb"
56
- ],
57
- Bqtpl0w: "frrh606",
58
- clg4pj: [
59
- "f1v5zibi",
60
- "fo2hd23"
61
- ],
62
- hgwjuy: "ful5kiu",
63
- Bonggc9: [
64
- "fo2hd23",
65
- "f1v5zibi"
66
- ],
67
- B1tsrr9: [
68
- "f1jqcqds",
69
- "ftffrms"
70
- ],
71
- Dah5zi: [
72
- "ftffrms",
73
- "f1jqcqds"
74
- ],
75
- Bkh64rk: [
76
- "f2e7qr6",
77
- "fsr1zz6"
78
- ],
79
- qqdqy8: [
80
- "fsr1zz6",
81
- "f2e7qr6"
82
- ],
83
- B6dhp37: "f1dvezut",
84
- i03rao: [
85
- "fd0oaoj",
86
- "f1cwg4i8"
87
- ],
88
- Boxcth7: "fjvm52t",
89
- Bsom6fd: [
90
- "f1cwg4i8",
91
- "fd0oaoj"
92
- ],
93
- J0r882: "f57olzd",
94
- Bule8hv: [
95
- "f4stah7",
96
- "fs1por5"
97
- ],
98
- Bjwuhne: "f480a47",
99
- Ghsupd: [
100
- "fs1por5",
101
- "f4stah7"
102
- ]
68
+ checkmark: {
69
+ B6of3ja: "fmnzpld"
103
70
  },
104
- root: {
105
- Bbmb7ep: [
106
- "f1aa9q02",
107
- "f16jpd5f"
108
- ],
109
- Beyfa6y: [
110
- "f16jpd5f",
111
- "f1aa9q02"
112
- ],
113
- B7oj6ja: [
114
- "f1jar5jt",
115
- "fyu767a"
116
- ],
117
- Btl43ni: [
118
- "fyu767a",
119
- "f1jar5jt"
120
- ],
121
- qhf8xq: "f10pi13n",
122
- sj55zd: "fkfq4zb",
123
- De3pzq: "fxugw4r",
124
- z189sj: [
125
- "fkzw4jo",
126
- "fzzclc0"
127
- ],
128
- uwmqm3: [
129
- "fzzclc0",
130
- "fkzw4jo"
131
- ],
132
- z8tnut: "fp2oml8",
133
- B7ck84d: "f1ewtqcl",
134
- B2u0y6b: "f1wklaru",
135
- sshi5w: "f1nxs5xn",
136
- Bnnss6s: "fi64zpg",
137
- mc9l5x: "f22iagw",
138
- Bt984gj: "f1s2louj",
139
- Be2twd7: "fkhj508",
140
- Bceei9c: "f1k6fduh",
141
- i8kkvl: "f1q8lukm",
142
- Belr9w4: "f1ma2n7n",
143
- Jwef8y: "f1knas48",
144
- Bi91k9c: "fnwyq0v",
145
- Bk3fhr4: "ft1hn21",
146
- Bmfj8id: "fuxngvv",
147
- Bg7n49j: "fp258yr",
148
- famaaq: "f1xqy1su"
71
+ splitItemMain: {
72
+ Bh6795r: "fqerorx"
149
73
  },
150
- content: {
151
- uwmqm3: [
152
- "f161knb0",
153
- "f12huiiw"
74
+ splitItemTrigger: {
75
+ Btl43ni: [
76
+ "f1ozlkrg",
77
+ "f10ostut"
154
78
  ],
155
- z189sj: [
156
- "f12huiiw",
157
- "f161knb0"
79
+ Beyfa6y: [
80
+ "f1deotkl",
81
+ "f1krrbdw"
158
82
  ],
159
- De3pzq: "f3rmtva",
160
- Bh6795r: "fqerorx"
161
- },
162
- secondaryContent: {
163
83
  uwmqm3: [
164
- "f161knb0",
165
- "f12huiiw"
166
- ],
167
- z189sj: [
168
- "f12huiiw",
169
- "f161knb0"
84
+ "f1cnd47f",
85
+ "fhxju0i"
170
86
  ],
171
- sj55zd: "f11d4kpn",
172
- Bi91k9c: "f1jp5ecu",
173
- t0hwav: "fc1cou1"
174
- },
175
- checkmark: {
176
- B6of3ja: "fmnzpld"
177
- },
178
- icon: {
179
- a9b677: "f64fuq3",
180
- Bqenvij: "fjamq6b",
181
- Be2twd7: "fe5j1ua",
182
- Bg96gwp: "fez10in",
183
- Bt984gj: "f122n59",
184
- mc9l5x: "ftuwxu6",
185
- Brf1p80: "f4d9j23"
186
- },
187
- submenuIndicator: {
188
- a9b677: "f64fuq3",
189
- Bqenvij: "fjamq6b",
190
- Be2twd7: "fe5j1ua",
191
- Bg96gwp: "fez10in",
192
- Bt984gj: "f122n59",
193
- mc9l5x: "ftuwxu6",
194
- Brf1p80: "f4d9j23"
87
+ Ftih45: "f1wl9k8s",
88
+ Ccq8qp: "f1yn80uh",
89
+ Baz25je: "f68mna0",
90
+ cmx5o7: "f1p5zmk"
195
91
  },
196
92
  disabled: {
197
93
  sj55zd: "f1s2aq7o",
@@ -208,86 +104,22 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
208
104
  Bh6z0a4: "f1ikwg0d"
209
105
  }
210
106
  }, {
211
- f: [
212
- ".ftqa4ok:focus{outline-style:none;}",
213
- ".fc1cou1:focus{color:var(--colorNeutralForeground3Hover);}",
214
- ".ft33916:focus{color:var(--colorNeutralForegroundDisabled);}"
215
- ],
216
- i: [
217
- ".f2hkw1w:focus-visible{outline-style:none;}"
218
- ],
219
107
  d: [
220
- ".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}",
221
- ".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}",
222
- ".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}",
223
- ".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}",
224
- ".f15bsgw9[data-fui-focus-visible]::after{content:\"\";}",
225
- ".f14e48fq[data-fui-focus-visible]::after{position:absolute;}",
226
- ".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}",
227
- ".fd6o370[data-fui-focus-visible]::after{z-index:1;}",
228
- ".fh1cnn4[data-fui-focus-visible]::after{border-top-style:solid;}",
229
- ".fy7oxxb[data-fui-focus-visible]::after{border-right-style:solid;}",
230
- ".f184ne2d[data-fui-focus-visible]::after{border-left-style:solid;}",
231
- ".fpukqih[data-fui-focus-visible]::after{border-bottom-style:solid;}",
232
- ".frrh606[data-fui-focus-visible]::after{border-top-width:2px;}",
233
- ".f1v5zibi[data-fui-focus-visible]::after{border-right-width:2px;}",
234
- ".fo2hd23[data-fui-focus-visible]::after{border-left-width:2px;}",
235
- ".ful5kiu[data-fui-focus-visible]::after{border-bottom-width:2px;}",
236
- ".f1jqcqds[data-fui-focus-visible]::after{border-bottom-right-radius:var(--borderRadiusMedium);}",
237
- ".ftffrms[data-fui-focus-visible]::after{border-bottom-left-radius:var(--borderRadiusMedium);}",
238
- ".f2e7qr6[data-fui-focus-visible]::after{border-top-right-radius:var(--borderRadiusMedium);}",
239
- ".fsr1zz6[data-fui-focus-visible]::after{border-top-left-radius:var(--borderRadiusMedium);}",
240
- ".f1dvezut[data-fui-focus-visible]::after{border-top-color:var(--colorStrokeFocus2);}",
241
- ".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}",
242
- ".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}",
243
- ".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}",
244
- ".f57olzd[data-fui-focus-visible]::after{top:calc(2px * -1);}",
245
- ".f4stah7[data-fui-focus-visible]::after{right:calc(2px * -1);}",
246
- ".fs1por5[data-fui-focus-visible]::after{left:calc(2px * -1);}",
247
- ".f480a47[data-fui-focus-visible]::after{bottom:calc(2px * -1);}",
248
- ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}",
249
- ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}",
250
- ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}",
251
- ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}",
252
- ".f10pi13n{position:relative;}",
253
- ".fkfq4zb{color:var(--colorNeutralForeground2);}",
254
- ".fxugw4r{background-color:var(--colorNeutralBackground1);}",
255
- ".fkzw4jo{padding-right:var(--spacingVerticalSNudge);}",
256
- ".fzzclc0{padding-left:var(--spacingVerticalSNudge);}",
257
- ".fp2oml8{padding-top:var(--spacingVerticalSNudge);}",
258
- ".f1ewtqcl{box-sizing:border-box;}",
259
- ".f1wklaru{max-width:290px;}",
260
- ".f1nxs5xn{min-height:32px;}",
261
- ".fi64zpg{flex-shrink:0;}",
262
- ".f22iagw{display:flex;}",
263
- ".f1s2louj{align-items:start;}",
264
- ".fkhj508{font-size:var(--fontSizeBase300);}",
265
- ".f1k6fduh{cursor:pointer;}",
266
- ".f1q8lukm{column-gap:4px;}",
267
- ".f1ma2n7n{row-gap:4px;}",
268
- ".f1xqy1su{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}",
269
- ".f161knb0{padding-left:2px;}",
270
- ".f12huiiw{padding-right:2px;}",
271
- ".f3rmtva{background-color:transparent;}",
272
- ".fqerorx{flex-grow:1;}",
273
- ".f11d4kpn{color:var(--colorNeutralForeground3);}",
274
108
  ".fmnzpld{margin-top:2px;}",
275
- ".f64fuq3{width:20px;}",
276
- ".fjamq6b{height:20px;}",
277
- ".fe5j1ua{font-size:20px;}",
278
- ".fez10in{line-height:0;}",
279
- ".f122n59{align-items:center;}",
280
- ".ftuwxu6{display:inline-flex;}",
281
- ".f4d9j23{justify-content:center;}",
109
+ ".fqerorx{flex-grow:1;}",
110
+ ".f1ozlkrg{border-top-left-radius:0;}",
111
+ ".f10ostut{border-top-right-radius:0;}",
112
+ ".f1deotkl{border-bottom-left-radius:0;}",
113
+ ".f1krrbdw{border-bottom-right-radius:0;}",
114
+ ".f1cnd47f{padding-left:0;}",
115
+ ".fhxju0i{padding-right:0;}",
116
+ ".f1wl9k8s::before{content:\"\";}",
117
+ ".f1yn80uh::before{width:var(--strokeWidthThin);}",
118
+ ".f68mna0::before{height:24px;}",
119
+ ".f1p5zmk::before{background-color:var(--colorNeutralStroke1);}",
282
120
  ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}"
283
121
  ],
284
122
  h: [
285
- ".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}",
286
- ".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}",
287
- ".ft1hn21:hover .fui-Icon-filled{display:inline;}",
288
- ".fuxngvv:hover .fui-Icon-regular{display:none;}",
289
- ".fp258yr:hover .fui-MenuItem__icon{color:var(--colorNeutralForeground2BrandSelected);}",
290
- ".f1jp5ecu:hover{color:var(--colorNeutralForeground3Hover);}",
291
123
  ".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}",
292
124
  ".f1ijtazh:hover{background-color:var(--colorNeutralBackground1);}",
293
125
  ".fphbwmw:hover{cursor:not-allowed;}",
@@ -295,6 +127,9 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
295
127
  ".fv5swzo:hover .fui-Icon-regular{display:inline;}",
296
128
  ".f1q1x1ba:hover .fui-MenuItem__icon{color:var(--colorNeutralForegroundDisabled);}"
297
129
  ],
130
+ f: [
131
+ ".ft33916:focus{color:var(--colorNeutralForegroundDisabled);}"
132
+ ],
298
133
  m: [
299
134
  [
300
135
  "@media (forced-colors: active){.f1dcs8yz{color:GrayText;}}",
@@ -324,21 +159,26 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
324
159
  });
325
160
  const useMenuItemStyles_unstable = (state)=>{
326
161
  const styles = useStyles();
327
- state.root.className = (0, _react.mergeClasses)(menuItemClassNames.root, styles.root, styles.focusIndicator, state.disabled && styles.disabled, state.root.className);
162
+ const rootBaseStyles = useRootBaseStyles();
163
+ const contentBaseStyles = useContentBaseStyles();
164
+ const secondaryContentBaseStyles = useSecondaryContentBaseStyles();
165
+ const iconBaseStyles = useIconBaseStyles();
166
+ const submenuIndicatorBaseStyles = useSubmenuIndicatorBaseStyles();
167
+ state.root.className = (0, _react.mergeClasses)(menuItemClassNames.root, rootBaseStyles, state.disabled && styles.disabled, state.root.className);
328
168
  if (state.content) {
329
- state.content.className = (0, _react.mergeClasses)(menuItemClassNames.content, styles.content, state.content.className);
169
+ state.content.className = (0, _react.mergeClasses)(menuItemClassNames.content, contentBaseStyles, state.content.className);
330
170
  }
331
171
  if (state.checkmark) {
332
172
  state.checkmark.className = (0, _react.mergeClasses)(menuItemClassNames.checkmark, styles.checkmark, state.checkmark.className);
333
173
  }
334
174
  if (state.secondaryContent) {
335
- state.secondaryContent.className = (0, _react.mergeClasses)(menuItemClassNames.secondaryContent, !state.disabled && styles.secondaryContent, state.secondaryContent.className);
175
+ state.secondaryContent.className = (0, _react.mergeClasses)(menuItemClassNames.secondaryContent, !state.disabled && secondaryContentBaseStyles, state.secondaryContent.className);
336
176
  }
337
177
  if (state.icon) {
338
- state.icon.className = (0, _react.mergeClasses)(menuItemClassNames.icon, styles.icon, state.icon.className);
178
+ state.icon.className = (0, _react.mergeClasses)(menuItemClassNames.icon, iconBaseStyles, state.icon.className);
339
179
  }
340
180
  if (state.submenuIndicator) {
341
- state.submenuIndicator.className = (0, _react.mergeClasses)(menuItemClassNames.submenuIndicator, styles.submenuIndicator, state.submenuIndicator.className);
181
+ state.submenuIndicator.className = (0, _react.mergeClasses)(menuItemClassNames.submenuIndicator, submenuIndicatorBaseStyles, state.submenuIndicator.className);
342
182
  }
343
183
  (0, _index.useCheckmarkStyles_unstable)(state);
344
184
  }; //# sourceMappingURL=useMenuItemStyles.styles.js.map
package/lib-commonjs/components/MenuItem/useMenuItemStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["useMenuItemStyles.styles.js"],"sourcesContent":["import { mergeClasses, __styles, shorthands } from '@griffel/react';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport { useCheckmarkStyles_unstable } from '../../selectable/index';\nexport const menuItemClassNames = {\n root: 'fui-MenuItem',\n icon: 'fui-MenuItem__icon',\n checkmark: 'fui-MenuItem__checkmark',\n submenuIndicator: 'fui-MenuItem__submenuIndicator',\n content: 'fui-MenuItem__content',\n secondaryContent: 'fui-MenuItem__secondaryContent'\n};\nconst useStyles = /*#__PURE__*/__styles({\n focusIndicator: {\n Brovlpu: \"ftqa4ok\",\n B486eqv: \"f2hkw1w\",\n B8q5s1w: \"f8hki3x\",\n Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n n8qw10: \"f1bjia2o\",\n Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"],\n Bm4h7ae: \"f15bsgw9\",\n B7ys5i9: \"f14e48fq\",\n Busjfv9: \"f18yb2kv\",\n Bhk32uz: \"fd6o370\",\n Bf4ptjt: \"fh1cnn4\",\n kclons: [\"fy7oxxb\", \"f184ne2d\"],\n Bhdgwq3: \"fpukqih\",\n Blkhhs4: [\"f184ne2d\", \"fy7oxxb\"],\n Bqtpl0w: \"frrh606\",\n clg4pj: [\"f1v5zibi\", \"fo2hd23\"],\n hgwjuy: \"ful5kiu\",\n Bonggc9: [\"fo2hd23\", \"f1v5zibi\"],\n B1tsrr9: [\"f1jqcqds\", \"ftffrms\"],\n Dah5zi: [\"ftffrms\", \"f1jqcqds\"],\n Bkh64rk: [\"f2e7qr6\", \"fsr1zz6\"],\n qqdqy8: [\"fsr1zz6\", \"f2e7qr6\"],\n B6dhp37: \"f1dvezut\",\n i03rao: [\"fd0oaoj\", \"f1cwg4i8\"],\n Boxcth7: \"fjvm52t\",\n Bsom6fd: [\"f1cwg4i8\", \"fd0oaoj\"],\n J0r882: \"f57olzd\",\n Bule8hv: [\"f4stah7\", \"fs1por5\"],\n Bjwuhne: \"f480a47\",\n Ghsupd: [\"fs1por5\", \"f4stah7\"]\n },\n root: {\n Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n qhf8xq: \"f10pi13n\",\n sj55zd: \"fkfq4zb\",\n De3pzq: \"fxugw4r\",\n z189sj: [\"fkzw4jo\", \"fzzclc0\"],\n uwmqm3: [\"fzzclc0\", \"fkzw4jo\"],\n z8tnut: \"fp2oml8\",\n B7ck84d: \"f1ewtqcl\",\n B2u0y6b: \"f1wklaru\",\n sshi5w: \"f1nxs5xn\",\n Bnnss6s: \"fi64zpg\",\n mc9l5x: \"f22iagw\",\n Bt984gj: \"f1s2louj\",\n Be2twd7: \"fkhj508\",\n Bceei9c: \"f1k6fduh\",\n i8kkvl: \"f1q8lukm\",\n Belr9w4: \"f1ma2n7n\",\n Jwef8y: \"f1knas48\",\n Bi91k9c: \"fnwyq0v\",\n Bk3fhr4: \"ft1hn21\",\n Bmfj8id: \"fuxngvv\",\n Bg7n49j: \"fp258yr\",\n famaaq: \"f1xqy1su\"\n },\n content: {\n uwmqm3: [\"f161knb0\", \"f12huiiw\"],\n z189sj: [\"f12huiiw\", \"f161knb0\"],\n De3pzq: \"f3rmtva\",\n Bh6795r: \"fqerorx\"\n },\n secondaryContent: {\n uwmqm3: [\"f161knb0\", \"f12huiiw\"],\n z189sj: [\"f12huiiw\", \"f161knb0\"],\n sj55zd: \"f11d4kpn\",\n Bi91k9c: \"f1jp5ecu\",\n t0hwav: \"fc1cou1\"\n },\n checkmark: {\n B6of3ja: \"fmnzpld\"\n },\n icon: {\n a9b677: \"f64fuq3\",\n Bqenvij: \"fjamq6b\",\n Be2twd7: \"fe5j1ua\",\n Bg96gwp: \"fez10in\",\n Bt984gj: \"f122n59\",\n mc9l5x: \"ftuwxu6\",\n Brf1p80: \"f4d9j23\"\n },\n submenuIndicator: {\n a9b677: \"f64fuq3\",\n Bqenvij: \"fjamq6b\",\n Be2twd7: \"fe5j1ua\",\n Bg96gwp: \"fez10in\",\n Bt984gj: \"f122n59\",\n mc9l5x: \"ftuwxu6\",\n Brf1p80: \"f4d9j23\"\n },\n disabled: {\n sj55zd: \"f1s2aq7o\",\n Bi91k9c: \"fvgxktp\",\n Jwef8y: \"f1ijtazh\",\n eoavqd: \"fphbwmw\",\n Bk3fhr4: \"f19vpps7\",\n Bmfj8id: \"fv5swzo\",\n Bg7n49j: \"f1q1x1ba\",\n t0hwav: \"ft33916\",\n Bbusuzp: \"f1dcs8yz\",\n ze5xyy: \"f1kc2mi9\",\n Bctn1xl: \"fk56vqo\",\n Bh6z0a4: \"f1ikwg0d\"\n }\n}, {\n f: [\".ftqa4ok:focus{outline-style:none;}\", \".fc1cou1:focus{color:var(--colorNeutralForeground3Hover);}\", \".ft33916:focus{color:var(--colorNeutralForegroundDisabled);}\"],\n i: [\".f2hkw1w:focus-visible{outline-style:none;}\"],\n d: [\".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}\", \".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}\", \".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}\", \".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}\", \".f15bsgw9[data-fui-focus-visible]::after{content:\\\"\\\";}\", \".f14e48fq[data-fui-focus-visible]::after{position:absolute;}\", \".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}\", \".fd6o370[data-fui-focus-visible]::after{z-index:1;}\", \".fh1cnn4[data-fui-focus-visible]::after{border-top-style:solid;}\", \".fy7oxxb[data-fui-focus-visible]::after{border-right-style:solid;}\", \".f184ne2d[data-fui-focus-visible]::after{border-left-style:solid;}\", \".fpukqih[data-fui-focus-visible]::after{border-bottom-style:solid;}\", \".frrh606[data-fui-focus-visible]::after{border-top-width:2px;}\", \".f1v5zibi[data-fui-focus-visible]::after{border-right-width:2px;}\", \".fo2hd23[data-fui-focus-visible]::after{border-left-width:2px;}\", \".ful5kiu[data-fui-focus-visible]::after{border-bottom-width:2px;}\", \".f1jqcqds[data-fui-focus-visible]::after{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".ftffrms[data-fui-focus-visible]::after{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f2e7qr6[data-fui-focus-visible]::after{border-top-right-radius:var(--borderRadiusMedium);}\", \".fsr1zz6[data-fui-focus-visible]::after{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1dvezut[data-fui-focus-visible]::after{border-top-color:var(--colorStrokeFocus2);}\", \".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}\", \".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}\", \".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}\", \".f57olzd[data-fui-focus-visible]::after{top:calc(2px * -1);}\", \".f4stah7[data-fui-focus-visible]::after{right:calc(2px * -1);}\", \".fs1por5[data-fui-focus-visible]::after{left:calc(2px * -1);}\", \".f480a47[data-fui-focus-visible]::after{bottom:calc(2px * -1);}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f10pi13n{position:relative;}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".fkzw4jo{padding-right:var(--spacingVerticalSNudge);}\", \".fzzclc0{padding-left:var(--spacingVerticalSNudge);}\", \".fp2oml8{padding-top:var(--spacingVerticalSNudge);}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f1wklaru{max-width:290px;}\", \".f1nxs5xn{min-height:32px;}\", \".fi64zpg{flex-shrink:0;}\", \".f22iagw{display:flex;}\", \".f1s2louj{align-items:start;}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1k6fduh{cursor:pointer;}\", \".f1q8lukm{column-gap:4px;}\", \".f1ma2n7n{row-gap:4px;}\", \".f1xqy1su{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}\", \".f161knb0{padding-left:2px;}\", \".f12huiiw{padding-right:2px;}\", \".f3rmtva{background-color:transparent;}\", \".fqerorx{flex-grow:1;}\", \".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".fmnzpld{margin-top:2px;}\", \".f64fuq3{width:20px;}\", \".fjamq6b{height:20px;}\", \".fe5j1ua{font-size:20px;}\", \".fez10in{line-height:0;}\", \".f122n59{align-items:center;}\", \".ftuwxu6{display:inline-flex;}\", \".f4d9j23{justify-content:center;}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\"],\n h: [\".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}\", \".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}\", \".ft1hn21:hover .fui-Icon-filled{display:inline;}\", \".fuxngvv:hover .fui-Icon-regular{display:none;}\", \".fp258yr:hover .fui-MenuItem__icon{color:var(--colorNeutralForeground2BrandSelected);}\", \".f1jp5ecu:hover{color:var(--colorNeutralForeground3Hover);}\", \".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}\", \".f1ijtazh:hover{background-color:var(--colorNeutralBackground1);}\", \".fphbwmw:hover{cursor:not-allowed;}\", \".f19vpps7:hover .fui-Icon-filled{display:none;}\", \".fv5swzo:hover .fui-Icon-regular{display:inline;}\", \".f1q1x1ba:hover .fui-MenuItem__icon{color:var(--colorNeutralForegroundDisabled);}\"],\n m: [[\"@media (forced-colors: active){.f1dcs8yz{color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1kc2mi9:hover{color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fk56vqo:hover .fui-MenuItem__icon{color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1ikwg0d:focus{color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\n/** Applies style classnames to slots */\nexport const useMenuItemStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(menuItemClassNames.root, styles.root, styles.focusIndicator, state.disabled && styles.disabled, state.root.className);\n if (state.content) {\n state.content.className = mergeClasses(menuItemClassNames.content, styles.content, state.content.className);\n }\n if (state.checkmark) {\n state.checkmark.className = mergeClasses(menuItemClassNames.checkmark, styles.checkmark, state.checkmark.className);\n }\n if (state.secondaryContent) {\n state.secondaryContent.className = mergeClasses(menuItemClassNames.secondaryContent, !state.disabled && styles.secondaryContent, state.secondaryContent.className);\n }\n if (state.icon) {\n state.icon.className = mergeClasses(menuItemClassNames.icon, styles.icon, state.icon.className);\n }\n if (state.submenuIndicator) {\n state.submenuIndicator.className = mergeClasses(menuItemClassNames.submenuIndicator, styles.submenuIndicator, state.submenuIndicator.className);\n }\n useCheckmarkStyles_unstable(state);\n};\n//# sourceMappingURL=useMenuItemStyles.styles.js.map"],"names":["menuItemClassNames","useMenuItemStyles_unstable","root","icon","checkmark","submenuIndicator","content","secondaryContent","useStyles","__styles","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bule8hv","Bjwuhne","Ghsupd","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","qhf8xq","sj55zd","De3pzq","z189sj","uwmqm3","z8tnut","B7ck84d","B2u0y6b","sshi5w","Bnnss6s","mc9l5x","Bt984gj","Be2twd7","Bceei9c","i8kkvl","Belr9w4","Jwef8y","Bi91k9c","Bk3fhr4","Bmfj8id","Bg7n49j","famaaq","Bh6795r","t0hwav","B6of3ja","a9b677","Bqenvij","Bg96gwp","Brf1p80","disabled","eoavqd","Bbusuzp","ze5xyy","Bctn1xl","Bh6z0a4","f","i","d","h","m","state","styles","className","mergeClasses","useCheckmarkStyles_unstable"],"mappings":"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"}
1
+ {"version":3,"sources":["useMenuItemStyles.styles.js"],"sourcesContent":["import { mergeClasses, __styles, __resetStyles } from '@griffel/react';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport { useCheckmarkStyles_unstable } from '../../selectable/index';\nexport const menuItemClassNames = {\n root: 'fui-MenuItem',\n icon: 'fui-MenuItem__icon',\n checkmark: 'fui-MenuItem__checkmark',\n submenuIndicator: 'fui-MenuItem__submenuIndicator',\n content: 'fui-MenuItem__content',\n secondaryContent: 'fui-MenuItem__secondaryContent'\n};\nconst useRootBaseStyles = /*#__PURE__*/__resetStyles(\"rx0oqon\", \"r25f100\", [\".rx0oqon{border-radius:var(--borderRadiusMedium);position:relative;color:var(--colorNeutralForeground2);background-color:var(--colorNeutralBackground1);padding-right:var(--spacingVerticalSNudge);padding-left:var(--spacingVerticalSNudge);padding-top:var(--spacingVerticalSNudge);box-sizing:border-box;max-width:290px;min-height:32px;flex-shrink:0;display:flex;align-items:start;font-size:var(--fontSizeBase300);cursor:pointer;gap:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}\", \".rx0oqon:hover{background-color:var(--colorNeutralBackground1Hover);color:var(--colorNeutralForeground2Hover);}\", \".rx0oqon:hover .fui-Icon-filled{display:inline;}\", \".rx0oqon:hover .fui-Icon-regular{display:none;}\", \".rx0oqon:hover .fui-MenuItem__icon{color:var(--colorNeutralForeground2BrandSelected);}\", \".rx0oqon:focus{outline-style:none;}\", \".rx0oqon:focus-visible{outline-style:none;}\", \".rx0oqon[data-fui-focus-visible]{border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;}\", \".rx0oqon[data-fui-focus-visible]::after{content:\\\"\\\";position:absolute;pointer-events:none;z-index:1;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-width:2px;border-right-width:2px;border-bottom-width:2px;border-left-width:2px;border-bottom-right-radius:var(--borderRadiusMedium);border-bottom-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);border-top-color:var(--colorStrokeFocus2);border-right-color:var(--colorStrokeFocus2);border-bottom-color:var(--colorStrokeFocus2);border-left-color:var(--colorStrokeFocus2);top:calc(2px * -1);right:calc(2px * -1);bottom:calc(2px * -1);left:calc(2px * -1);}\", \".r25f100{border-radius:var(--borderRadiusMedium);position:relative;color:var(--colorNeutralForeground2);background-color:var(--colorNeutralBackground1);padding-left:var(--spacingVerticalSNudge);padding-right:var(--spacingVerticalSNudge);padding-top:var(--spacingVerticalSNudge);box-sizing:border-box;max-width:290px;min-height:32px;flex-shrink:0;display:flex;align-items:start;font-size:var(--fontSizeBase300);cursor:pointer;gap:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}\", \".r25f100:hover{background-color:var(--colorNeutralBackground1Hover);color:var(--colorNeutralForeground2Hover);}\", \".r25f100:hover .fui-Icon-filled{display:inline;}\", \".r25f100:hover .fui-Icon-regular{display:none;}\", \".r25f100:hover .fui-MenuItem__icon{color:var(--colorNeutralForeground2BrandSelected);}\", \".r25f100:focus{outline-style:none;}\", \".r25f100:focus-visible{outline-style:none;}\", \".r25f100[data-fui-focus-visible]{border-top-color:transparent;border-left-color:transparent;border-bottom-color:transparent;border-right-color:transparent;}\", \".r25f100[data-fui-focus-visible]::after{content:\\\"\\\";position:absolute;pointer-events:none;z-index:1;border-top-style:solid;border-left-style:solid;border-bottom-style:solid;border-right-style:solid;border-top-width:2px;border-left-width:2px;border-bottom-width:2px;border-right-width:2px;border-bottom-left-radius:var(--borderRadiusMedium);border-bottom-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);border-top-color:var(--colorStrokeFocus2);border-left-color:var(--colorStrokeFocus2);border-bottom-color:var(--colorStrokeFocus2);border-right-color:var(--colorStrokeFocus2);top:calc(2px * -1);left:calc(2px * -1);bottom:calc(2px * -1);right:calc(2px * -1);}\"]);\nconst useContentBaseStyles = /*#__PURE__*/__resetStyles(\"r1ls86vo\", \"rpbc5dr\", [\".r1ls86vo{padding-left:2px;padding-right:2px;background-color:transparent;flex-grow:1;}\", \".rpbc5dr{padding-right:2px;padding-left:2px;background-color:transparent;flex-grow:1;}\"]);\nconst useSecondaryContentBaseStyles = /*#__PURE__*/__resetStyles(\"r79npjw\", \"r1j24c7y\", [\".r79npjw{padding-left:2px;padding-right:2px;color:var(--colorNeutralForeground3);}\", \".r79npjw:hover{color:var(--colorNeutralForeground3Hover);}\", \".r79npjw:focus{color:var(--colorNeutralForeground3Hover);}\", \".r1j24c7y{padding-right:2px;padding-left:2px;color:var(--colorNeutralForeground3);}\", \".r1j24c7y:hover{color:var(--colorNeutralForeground3Hover);}\", \".r1j24c7y:focus{color:var(--colorNeutralForeground3Hover);}\"]);\nconst useIconBaseStyles = /*#__PURE__*/__resetStyles(\"r9c34qo\", null, [\".r9c34qo{width:20px;height:20px;font-size:20px;line-height:0;align-items:center;display:inline-flex;justify-content:center;}\"]);\nconst useSubmenuIndicatorBaseStyles = /*#__PURE__*/__resetStyles(\"r9c34qo\", null, [\".r9c34qo{width:20px;height:20px;font-size:20px;line-height:0;align-items:center;display:inline-flex;justify-content:center;}\"]);\nconst useStyles = /*#__PURE__*/__styles({\n checkmark: {\n B6of3ja: \"fmnzpld\"\n },\n splitItemMain: {\n Bh6795r: \"fqerorx\"\n },\n splitItemTrigger: {\n Btl43ni: [\"f1ozlkrg\", \"f10ostut\"],\n Beyfa6y: [\"f1deotkl\", \"f1krrbdw\"],\n uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n Ftih45: \"f1wl9k8s\",\n Ccq8qp: \"f1yn80uh\",\n Baz25je: \"f68mna0\",\n cmx5o7: \"f1p5zmk\"\n },\n disabled: {\n sj55zd: \"f1s2aq7o\",\n Bi91k9c: \"fvgxktp\",\n Jwef8y: \"f1ijtazh\",\n eoavqd: \"fphbwmw\",\n Bk3fhr4: \"f19vpps7\",\n Bmfj8id: \"fv5swzo\",\n Bg7n49j: \"f1q1x1ba\",\n t0hwav: \"ft33916\",\n Bbusuzp: \"f1dcs8yz\",\n ze5xyy: \"f1kc2mi9\",\n Bctn1xl: \"fk56vqo\",\n Bh6z0a4: \"f1ikwg0d\"\n }\n}, {\n d: [\".fmnzpld{margin-top:2px;}\", \".fqerorx{flex-grow:1;}\", \".f1ozlkrg{border-top-left-radius:0;}\", \".f10ostut{border-top-right-radius:0;}\", \".f1deotkl{border-bottom-left-radius:0;}\", \".f1krrbdw{border-bottom-right-radius:0;}\", \".f1cnd47f{padding-left:0;}\", \".fhxju0i{padding-right:0;}\", \".f1wl9k8s::before{content:\\\"\\\";}\", \".f1yn80uh::before{width:var(--strokeWidthThin);}\", \".f68mna0::before{height:24px;}\", \".f1p5zmk::before{background-color:var(--colorNeutralStroke1);}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\"],\n h: [\".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}\", \".f1ijtazh:hover{background-color:var(--colorNeutralBackground1);}\", \".fphbwmw:hover{cursor:not-allowed;}\", \".f19vpps7:hover .fui-Icon-filled{display:none;}\", \".fv5swzo:hover .fui-Icon-regular{display:inline;}\", \".f1q1x1ba:hover .fui-MenuItem__icon{color:var(--colorNeutralForegroundDisabled);}\"],\n f: [\".ft33916:focus{color:var(--colorNeutralForegroundDisabled);}\"],\n m: [[\"@media (forced-colors: active){.f1dcs8yz{color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1kc2mi9:hover{color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fk56vqo:hover .fui-MenuItem__icon{color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1ikwg0d:focus{color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\n/** Applies style classnames to slots */\nexport const useMenuItemStyles_unstable = state => {\n const styles = useStyles();\n const rootBaseStyles = useRootBaseStyles();\n const contentBaseStyles = useContentBaseStyles();\n const secondaryContentBaseStyles = useSecondaryContentBaseStyles();\n const iconBaseStyles = useIconBaseStyles();\n const submenuIndicatorBaseStyles = useSubmenuIndicatorBaseStyles();\n state.root.className = mergeClasses(menuItemClassNames.root, rootBaseStyles, state.disabled && styles.disabled, state.root.className);\n if (state.content) {\n state.content.className = mergeClasses(menuItemClassNames.content, contentBaseStyles, state.content.className);\n }\n if (state.checkmark) {\n state.checkmark.className = mergeClasses(menuItemClassNames.checkmark, styles.checkmark, state.checkmark.className);\n }\n if (state.secondaryContent) {\n state.secondaryContent.className = mergeClasses(menuItemClassNames.secondaryContent, !state.disabled && secondaryContentBaseStyles, state.secondaryContent.className);\n }\n if (state.icon) {\n state.icon.className = mergeClasses(menuItemClassNames.icon, iconBaseStyles, state.icon.className);\n }\n if (state.submenuIndicator) {\n state.submenuIndicator.className = mergeClasses(menuItemClassNames.submenuIndicator, submenuIndicatorBaseStyles, state.submenuIndicator.className);\n }\n useCheckmarkStyles_unstable(state);\n};\n//# sourceMappingURL=useMenuItemStyles.styles.js.map"],"names":["menuItemClassNames","useMenuItemStyles_unstable","root","icon","checkmark","submenuIndicator","content","secondaryContent","useRootBaseStyles","__resetStyles","useContentBaseStyles","useSecondaryContentBaseStyles","useIconBaseStyles","useSubmenuIndicatorBaseStyles","useStyles","__styles","B6of3ja","splitItemMain","Bh6795r","splitItemTrigger","Btl43ni","Beyfa6y","uwmqm3","Ftih45","Ccq8qp","Baz25je","cmx5o7","disabled","sj55zd","Bi91k9c","Jwef8y","eoavqd","Bk3fhr4","Bmfj8id","Bg7n49j","t0hwav","Bbusuzp","ze5xyy","Bctn1xl","Bh6z0a4","d","h","f","m","state","styles","rootBaseStyles","contentBaseStyles","secondaryContentBaseStyles","iconBaseStyles","submenuIndicatorBaseStyles","className","mergeClasses","useCheckmarkStyles_unstable"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-menu",
3
- "version": "9.12.26",
3
+ "version": "9.12.27",
4
4
  "description": "Fluent UI menu component",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -37,16 +37,16 @@
37
37
  },
38
38
  "dependencies": {
39
39
  "@fluentui/keyboard-keys": "^9.0.6",
40
- "@fluentui/react-aria": "^9.3.42",
41
- "@fluentui/react-context-selector": "^9.1.40",
40
+ "@fluentui/react-aria": "^9.3.43",
41
+ "@fluentui/react-context-selector": "^9.1.41",
42
42
  "@fluentui/react-icons": "^2.0.217",
43
- "@fluentui/react-portal": "^9.3.23",
44
- "@fluentui/react-positioning": "^9.9.20",
43
+ "@fluentui/react-portal": "^9.3.24",
44
+ "@fluentui/react-positioning": "^9.9.21",
45
45
  "@fluentui/react-shared-contexts": "^9.10.0",
46
- "@fluentui/react-tabster": "^9.13.6",
46
+ "@fluentui/react-tabster": "^9.14.0",
47
47
  "@fluentui/react-theme": "^9.1.14",
48
- "@fluentui/react-utilities": "^9.15.0",
49
- "@fluentui/react-jsx-runtime": "^9.0.17",
48
+ "@fluentui/react-utilities": "^9.15.1",
49
+ "@fluentui/react-jsx-runtime": "^9.0.18",
50
50
  "@griffel/react": "^1.5.14",
51
51
  "@swc/helpers": "^0.5.1"
52
52
  },