@instructure/ui-menu 11.7.3-snapshot-32 → 11.7.3-snapshot-37
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +1 -1
- package/es/Menu/v1/MenuItem/index.js +1 -1
- package/es/Menu/v1/MenuItemGroup/index.js +1 -1
- package/es/Menu/v1/MenuItemSeparator/index.js +1 -1
- package/es/Menu/v1/index.js +1 -1
- package/es/Menu/v2/MenuItem/index.js +2 -2
- package/es/Menu/v2/MenuItemGroup/index.js +2 -2
- package/es/Menu/v2/MenuItemSeparator/index.js +2 -2
- package/es/Menu/v2/index.js +2 -2
- package/lib/Menu/v1/MenuItem/index.js +1 -1
- package/lib/Menu/v1/MenuItemGroup/index.js +1 -1
- package/lib/Menu/v1/MenuItemSeparator/index.js +1 -1
- package/lib/Menu/v1/index.js +1 -1
- package/lib/Menu/v2/MenuItem/index.js +1 -1
- package/lib/Menu/v2/MenuItemGroup/index.js +1 -1
- package/lib/Menu/v2/MenuItemSeparator/index.js +1 -1
- package/lib/Menu/v2/index.js +1 -1
- package/package.json +16 -16
- package/src/Menu/v1/MenuItem/index.tsx +1 -1
- package/src/Menu/v1/MenuItemGroup/index.tsx +1 -1
- package/src/Menu/v1/MenuItemSeparator/index.tsx +1 -1
- package/src/Menu/v1/index.tsx +1 -1
- package/src/Menu/v2/MenuItem/index.tsx +2 -2
- package/src/Menu/v2/MenuItemGroup/index.tsx +2 -2
- package/src/Menu/v2/MenuItemSeparator/index.tsx +2 -2
- package/src/Menu/v2/index.tsx +2 -2
- package/tsconfig.build.tsbuildinfo +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
## [11.7.3-snapshot-
|
|
6
|
+
## [11.7.3-snapshot-37](https://github.com/instructure/instructure-ui/compare/v11.7.2...v11.7.3-snapshot-37) (2026-05-07)
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
### Bug Fixes
|
|
@@ -29,7 +29,7 @@ import { IconCheckSolid, IconArrowOpenEndSolid } from '@instructure/ui-icons';
|
|
|
29
29
|
import { omitProps, getElementType, withDeterministicId, callRenderProp } from '@instructure/ui-react-utils';
|
|
30
30
|
import { createChainedFunction } from '@instructure/ui-utils';
|
|
31
31
|
import { isActiveElement, findDOMNode } from '@instructure/ui-dom-utils';
|
|
32
|
-
import {
|
|
32
|
+
import { withStyle } from '@instructure/emotion';
|
|
33
33
|
import { MenuContext } from "../../../utils/v1/MenuContext.js";
|
|
34
34
|
import generateStyle from "./styles.js";
|
|
35
35
|
import generateComponentTheme from "./theme.js";
|
|
@@ -24,7 +24,7 @@ var _dec, _dec2, _class;
|
|
|
24
24
|
*/
|
|
25
25
|
|
|
26
26
|
import { Children, Component } from 'react';
|
|
27
|
-
import {
|
|
27
|
+
import { withStyle } from '@instructure/emotion';
|
|
28
28
|
import { omitProps, safeCloneElement, matchComponentTypes, withDeterministicId } from '@instructure/ui-react-utils';
|
|
29
29
|
import { hasVisibleChildren } from '@instructure/ui-a11y-utils';
|
|
30
30
|
import { MenuItem } from "../MenuItem/index.js";
|
|
@@ -24,7 +24,7 @@ var _dec, _class;
|
|
|
24
24
|
*/
|
|
25
25
|
|
|
26
26
|
import { Component } from 'react';
|
|
27
|
-
import {
|
|
27
|
+
import { withStyle } from '@instructure/emotion';
|
|
28
28
|
import { omitProps } from '@instructure/ui-react-utils';
|
|
29
29
|
import generateStyle from "./styles.js";
|
|
30
30
|
import generateComponentTheme from "./theme.js";
|
package/es/Menu/v1/index.js
CHANGED
|
@@ -33,7 +33,7 @@ import { MenuContext } from "../../utils/v1/MenuContext.js";
|
|
|
33
33
|
import { MenuItem } from "./MenuItem/index.js";
|
|
34
34
|
import { MenuItemGroup } from "./MenuItemGroup/index.js";
|
|
35
35
|
import { MenuItemSeparator } from "./MenuItemSeparator/index.js";
|
|
36
|
-
import {
|
|
36
|
+
import { withStyle } from '@instructure/emotion';
|
|
37
37
|
import generateStyle from "./styles.js";
|
|
38
38
|
import generateComponentTheme from "./theme.js";
|
|
39
39
|
import { allowedProps } from "./props.js";
|
|
@@ -29,7 +29,7 @@ import { CheckInstUIIcon, ChevronRightInstUIIcon } from '@instructure/ui-icons';
|
|
|
29
29
|
import { omitProps, getElementType, withDeterministicId, callRenderProp } from '@instructure/ui-react-utils';
|
|
30
30
|
import { createChainedFunction } from '@instructure/ui-utils';
|
|
31
31
|
import { isActiveElement, findDOMNode } from '@instructure/ui-dom-utils';
|
|
32
|
-
import {
|
|
32
|
+
import { withStyleNew } from '@instructure/emotion';
|
|
33
33
|
import { MenuContext } from "../../../utils/v1/MenuContext.js";
|
|
34
34
|
import generateStyle from "./styles.js";
|
|
35
35
|
import { allowedProps } from "./props.js";
|
|
@@ -40,7 +40,7 @@ parent: Menu
|
|
|
40
40
|
id: Menu.Item
|
|
41
41
|
---
|
|
42
42
|
**/
|
|
43
|
-
let MenuItem = (_dec = withDeterministicId(), _dec2 =
|
|
43
|
+
let MenuItem = (_dec = withDeterministicId(), _dec2 = withStyleNew(generateStyle), _dec(_class = _dec2(_class = class MenuItem extends Component {
|
|
44
44
|
static displayName = "MenuItem";
|
|
45
45
|
static componentId = 'Menu.Item';
|
|
46
46
|
static allowedProps = allowedProps;
|
|
@@ -24,7 +24,7 @@ var _dec, _dec2, _class;
|
|
|
24
24
|
*/
|
|
25
25
|
|
|
26
26
|
import { Children, Component } from 'react';
|
|
27
|
-
import {
|
|
27
|
+
import { withStyleNew } from '@instructure/emotion';
|
|
28
28
|
import { omitProps, safeCloneElement, matchComponentTypes, withDeterministicId } from '@instructure/ui-react-utils';
|
|
29
29
|
import { hasVisibleChildren } from '@instructure/ui-a11y-utils';
|
|
30
30
|
import { MenuItem } from "../MenuItem/index.js";
|
|
@@ -37,7 +37,7 @@ parent: Menu
|
|
|
37
37
|
id: Menu.Group
|
|
38
38
|
---
|
|
39
39
|
**/
|
|
40
|
-
let MenuItemGroup = (_dec = withDeterministicId(), _dec2 =
|
|
40
|
+
let MenuItemGroup = (_dec = withDeterministicId(), _dec2 = withStyleNew(generateStyle), _dec(_class = _dec2(_class = class MenuItemGroup extends Component {
|
|
41
41
|
static displayName = "MenuItemGroup";
|
|
42
42
|
static componentId = 'Menu.Group';
|
|
43
43
|
static allowedProps = allowedProps;
|
|
@@ -24,7 +24,7 @@ var _dec, _class;
|
|
|
24
24
|
*/
|
|
25
25
|
|
|
26
26
|
import { Component } from 'react';
|
|
27
|
-
import {
|
|
27
|
+
import { withStyleNew } from '@instructure/emotion';
|
|
28
28
|
import { omitProps } from '@instructure/ui-react-utils';
|
|
29
29
|
import generateStyle from "./styles.js";
|
|
30
30
|
import { allowedProps } from "./props.js";
|
|
@@ -36,7 +36,7 @@ id: Menu.Separator
|
|
|
36
36
|
---
|
|
37
37
|
@module MenuItemSeparator
|
|
38
38
|
**/
|
|
39
|
-
let MenuItemSeparator = (_dec =
|
|
39
|
+
let MenuItemSeparator = (_dec = withStyleNew(generateStyle), _dec(_class = class MenuItemSeparator extends Component {
|
|
40
40
|
static displayName = "MenuItemSeparator";
|
|
41
41
|
static componentId = 'Menu.Separator';
|
|
42
42
|
static allowedProps = allowedProps;
|
package/es/Menu/v2/index.js
CHANGED
|
@@ -33,7 +33,7 @@ import { MenuContext } from "../../utils/v1/MenuContext.js";
|
|
|
33
33
|
import { MenuItem } from "./MenuItem/index.js";
|
|
34
34
|
import { MenuItemGroup } from "./MenuItemGroup/index.js";
|
|
35
35
|
import { MenuItemSeparator } from "./MenuItemSeparator/index.js";
|
|
36
|
-
import {
|
|
36
|
+
import { withStyleNew } from '@instructure/emotion';
|
|
37
37
|
import generateStyle from "./styles.js";
|
|
38
38
|
import { allowedProps } from "./props.js";
|
|
39
39
|
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
@@ -42,7 +42,7 @@ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
|
42
42
|
category: components
|
|
43
43
|
---
|
|
44
44
|
**/
|
|
45
|
-
let Menu = (_dec = withDeterministicId(), _dec2 =
|
|
45
|
+
let Menu = (_dec = withDeterministicId(), _dec2 = withStyleNew(generateStyle), _dec(_class = _dec2(_class = class Menu extends Component {
|
|
46
46
|
static displayName = "Menu";
|
|
47
47
|
static componentId = 'Menu';
|
|
48
48
|
static allowedProps = allowedProps;
|
|
@@ -52,7 +52,7 @@ parent: Menu
|
|
|
52
52
|
id: Menu.Item
|
|
53
53
|
---
|
|
54
54
|
**/
|
|
55
|
-
let MenuItem = exports.MenuItem = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.
|
|
55
|
+
let MenuItem = exports.MenuItem = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = _dec2(_class = class MenuItem extends _react.Component {
|
|
56
56
|
static displayName = "MenuItem";
|
|
57
57
|
static componentId = 'Menu.Item';
|
|
58
58
|
static allowedProps = _props.allowedProps;
|
|
@@ -47,7 +47,7 @@ parent: Menu
|
|
|
47
47
|
id: Menu.Group
|
|
48
48
|
---
|
|
49
49
|
**/
|
|
50
|
-
let MenuItemGroup = exports.MenuItemGroup = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.
|
|
50
|
+
let MenuItemGroup = exports.MenuItemGroup = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = _dec2(_class = class MenuItemGroup extends _react.Component {
|
|
51
51
|
static displayName = "MenuItemGroup";
|
|
52
52
|
static componentId = 'Menu.Group';
|
|
53
53
|
static allowedProps = _props.allowedProps;
|
|
@@ -43,7 +43,7 @@ id: Menu.Separator
|
|
|
43
43
|
---
|
|
44
44
|
@module MenuItemSeparator
|
|
45
45
|
**/
|
|
46
|
-
let MenuItemSeparator = exports.MenuItemSeparator = (_dec = (0, _emotion.
|
|
46
|
+
let MenuItemSeparator = exports.MenuItemSeparator = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class MenuItemSeparator extends _react.Component {
|
|
47
47
|
static displayName = "MenuItemSeparator";
|
|
48
48
|
static componentId = 'Menu.Separator';
|
|
49
49
|
static allowedProps = _props.allowedProps;
|
package/lib/Menu/v1/index.js
CHANGED
|
@@ -70,7 +70,7 @@ var _dec, _dec2, _class;
|
|
|
70
70
|
category: components
|
|
71
71
|
---
|
|
72
72
|
**/
|
|
73
|
-
let Menu = exports.Menu = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.
|
|
73
|
+
let Menu = exports.Menu = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = _dec2(_class = class Menu extends _react.Component {
|
|
74
74
|
static displayName = "Menu";
|
|
75
75
|
static componentId = 'Menu';
|
|
76
76
|
static allowedProps = _props.allowedProps;
|
|
@@ -50,7 +50,7 @@ parent: Menu
|
|
|
50
50
|
id: Menu.Item
|
|
51
51
|
---
|
|
52
52
|
**/
|
|
53
|
-
let MenuItem = exports.MenuItem = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.
|
|
53
|
+
let MenuItem = exports.MenuItem = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyleNew)(_styles.default), _dec(_class = _dec2(_class = class MenuItem extends _react.Component {
|
|
54
54
|
static displayName = "MenuItem";
|
|
55
55
|
static componentId = 'Menu.Item';
|
|
56
56
|
static allowedProps = _props.allowedProps;
|
|
@@ -46,7 +46,7 @@ parent: Menu
|
|
|
46
46
|
id: Menu.Group
|
|
47
47
|
---
|
|
48
48
|
**/
|
|
49
|
-
let MenuItemGroup = exports.MenuItemGroup = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.
|
|
49
|
+
let MenuItemGroup = exports.MenuItemGroup = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyleNew)(_styles.default), _dec(_class = _dec2(_class = class MenuItemGroup extends _react.Component {
|
|
50
50
|
static displayName = "MenuItemGroup";
|
|
51
51
|
static componentId = 'Menu.Group';
|
|
52
52
|
static allowedProps = _props.allowedProps;
|
|
@@ -42,7 +42,7 @@ id: Menu.Separator
|
|
|
42
42
|
---
|
|
43
43
|
@module MenuItemSeparator
|
|
44
44
|
**/
|
|
45
|
-
let MenuItemSeparator = exports.MenuItemSeparator = (_dec = (0, _emotion.
|
|
45
|
+
let MenuItemSeparator = exports.MenuItemSeparator = (_dec = (0, _emotion.withStyleNew)(_styles.default), _dec(_class = class MenuItemSeparator extends _react.Component {
|
|
46
46
|
static displayName = "MenuItemSeparator";
|
|
47
47
|
static componentId = 'Menu.Separator';
|
|
48
48
|
static allowedProps = _props.allowedProps;
|
package/lib/Menu/v2/index.js
CHANGED
|
@@ -69,7 +69,7 @@ var _dec, _dec2, _class;
|
|
|
69
69
|
category: components
|
|
70
70
|
---
|
|
71
71
|
**/
|
|
72
|
-
let Menu = exports.Menu = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.
|
|
72
|
+
let Menu = exports.Menu = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyleNew)(_styles.default), _dec(_class = _dec2(_class = class Menu extends _react.Component {
|
|
73
73
|
static displayName = "Menu";
|
|
74
74
|
static componentId = 'Menu';
|
|
75
75
|
static allowedProps = _props.allowedProps;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-menu",
|
|
3
|
-
"version": "11.7.3-snapshot-
|
|
3
|
+
"version": "11.7.3-snapshot-37",
|
|
4
4
|
"description": "A dropdown menu component",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"module": "./es/index.js",
|
|
@@ -16,27 +16,27 @@
|
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@babel/runtime": "^7.29.2",
|
|
18
18
|
"keycode": "^2",
|
|
19
|
-
"@instructure/console": "11.7.3-snapshot-
|
|
20
|
-
"@instructure/emotion": "11.7.3-snapshot-
|
|
21
|
-
"@instructure/ui-
|
|
22
|
-
"@instructure/shared-types": "11.7.3-snapshot-
|
|
23
|
-
"@instructure/ui-
|
|
24
|
-
"@instructure/ui-icons": "11.7.3-snapshot-
|
|
25
|
-
"@instructure/ui-position": "11.7.3-snapshot-
|
|
26
|
-
"@instructure/ui-
|
|
27
|
-
"@instructure/ui-
|
|
28
|
-
"@instructure/ui-
|
|
29
|
-
"@instructure/ui-
|
|
30
|
-
"@instructure/ui-
|
|
19
|
+
"@instructure/console": "11.7.3-snapshot-37",
|
|
20
|
+
"@instructure/emotion": "11.7.3-snapshot-37",
|
|
21
|
+
"@instructure/ui-a11y-utils": "11.7.3-snapshot-37",
|
|
22
|
+
"@instructure/shared-types": "11.7.3-snapshot-37",
|
|
23
|
+
"@instructure/ui-dom-utils": "11.7.3-snapshot-37",
|
|
24
|
+
"@instructure/ui-icons": "11.7.3-snapshot-37",
|
|
25
|
+
"@instructure/ui-position": "11.7.3-snapshot-37",
|
|
26
|
+
"@instructure/ui-themes": "11.7.3-snapshot-37",
|
|
27
|
+
"@instructure/ui-react-utils": "11.7.3-snapshot-37",
|
|
28
|
+
"@instructure/ui-popover": "11.7.3-snapshot-37",
|
|
29
|
+
"@instructure/ui-utils": "11.7.3-snapshot-37",
|
|
30
|
+
"@instructure/ui-view": "11.7.3-snapshot-37"
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|
|
33
33
|
"@testing-library/jest-dom": "^6.6.3",
|
|
34
34
|
"@testing-library/react": "15.0.7",
|
|
35
35
|
"@testing-library/user-event": "^14.6.1",
|
|
36
36
|
"vitest": "^3.2.2",
|
|
37
|
-
"@instructure/ui-
|
|
38
|
-
"@instructure/ui-
|
|
39
|
-
"@instructure/ui-color-utils": "11.7.3-snapshot-
|
|
37
|
+
"@instructure/ui-axe-check": "11.7.3-snapshot-37",
|
|
38
|
+
"@instructure/ui-babel-preset": "11.7.3-snapshot-37",
|
|
39
|
+
"@instructure/ui-color-utils": "11.7.3-snapshot-37"
|
|
40
40
|
},
|
|
41
41
|
"peerDependencies": {
|
|
42
42
|
"react": ">=18 <=19"
|
|
@@ -34,7 +34,7 @@ import {
|
|
|
34
34
|
} from '@instructure/ui-react-utils'
|
|
35
35
|
import { createChainedFunction } from '@instructure/ui-utils'
|
|
36
36
|
import { isActiveElement, findDOMNode } from '@instructure/ui-dom-utils'
|
|
37
|
-
import {
|
|
37
|
+
import { withStyle } from '@instructure/emotion'
|
|
38
38
|
|
|
39
39
|
import { MenuContext } from '../../../utils/v1/MenuContext'
|
|
40
40
|
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
|
|
25
25
|
import { Component } from 'react'
|
|
26
26
|
|
|
27
|
-
import {
|
|
27
|
+
import { withStyle } from '@instructure/emotion'
|
|
28
28
|
import { omitProps } from '@instructure/ui-react-utils'
|
|
29
29
|
|
|
30
30
|
import generateStyle from './styles'
|
package/src/Menu/v1/index.tsx
CHANGED
|
@@ -41,7 +41,7 @@ import { MenuItemGroup } from './MenuItemGroup'
|
|
|
41
41
|
import type { MenuGroupProps } from './MenuItemGroup/props'
|
|
42
42
|
import { MenuItemSeparator } from './MenuItemSeparator'
|
|
43
43
|
import type { MenuSeparatorProps } from './MenuItemSeparator/props'
|
|
44
|
-
import {
|
|
44
|
+
import { withStyle } from '@instructure/emotion'
|
|
45
45
|
|
|
46
46
|
import generateStyle from './styles'
|
|
47
47
|
import generateComponentTheme from './theme'
|
|
@@ -34,7 +34,7 @@ import {
|
|
|
34
34
|
} from '@instructure/ui-react-utils'
|
|
35
35
|
import { createChainedFunction } from '@instructure/ui-utils'
|
|
36
36
|
import { isActiveElement, findDOMNode } from '@instructure/ui-dom-utils'
|
|
37
|
-
import {
|
|
37
|
+
import { withStyleNew } from '@instructure/emotion'
|
|
38
38
|
|
|
39
39
|
import { MenuContext } from '../../../utils/v1/MenuContext'
|
|
40
40
|
|
|
@@ -50,7 +50,7 @@ id: Menu.Item
|
|
|
50
50
|
---
|
|
51
51
|
**/
|
|
52
52
|
@withDeterministicId()
|
|
53
|
-
@
|
|
53
|
+
@withStyleNew(generateStyle)
|
|
54
54
|
class MenuItem extends Component<MenuItemProps, MenuItemState> {
|
|
55
55
|
static readonly componentId = 'Menu.Item'
|
|
56
56
|
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
|
|
25
25
|
import { ComponentElement, Children, Component } from 'react'
|
|
26
26
|
|
|
27
|
-
import {
|
|
27
|
+
import { withStyleNew } from '@instructure/emotion'
|
|
28
28
|
import {
|
|
29
29
|
omitProps,
|
|
30
30
|
safeCloneElement,
|
|
@@ -56,7 +56,7 @@ id: Menu.Group
|
|
|
56
56
|
---
|
|
57
57
|
**/
|
|
58
58
|
@withDeterministicId()
|
|
59
|
-
@
|
|
59
|
+
@withStyleNew(generateStyle)
|
|
60
60
|
class MenuItemGroup extends Component<MenuGroupProps, MenuGroupState> {
|
|
61
61
|
static readonly componentId = 'Menu.Group'
|
|
62
62
|
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
|
|
25
25
|
import { Component } from 'react'
|
|
26
26
|
|
|
27
|
-
import {
|
|
27
|
+
import { withStyleNew } from '@instructure/emotion'
|
|
28
28
|
import { omitProps } from '@instructure/ui-react-utils'
|
|
29
29
|
|
|
30
30
|
import generateStyle from './styles'
|
|
@@ -39,7 +39,7 @@ id: Menu.Separator
|
|
|
39
39
|
---
|
|
40
40
|
@module MenuItemSeparator
|
|
41
41
|
**/
|
|
42
|
-
@
|
|
42
|
+
@withStyleNew(generateStyle)
|
|
43
43
|
class MenuItemSeparator extends Component<MenuSeparatorProps> {
|
|
44
44
|
static readonly componentId = 'Menu.Separator'
|
|
45
45
|
|
package/src/Menu/v2/index.tsx
CHANGED
|
@@ -41,7 +41,7 @@ import { MenuItemGroup } from './MenuItemGroup'
|
|
|
41
41
|
import type { MenuGroupProps } from './MenuItemGroup/props'
|
|
42
42
|
import { MenuItemSeparator } from './MenuItemSeparator'
|
|
43
43
|
import type { MenuSeparatorProps } from './MenuItemSeparator/props'
|
|
44
|
-
import {
|
|
44
|
+
import { withStyleNew } from '@instructure/emotion'
|
|
45
45
|
|
|
46
46
|
import generateStyle from './styles'
|
|
47
47
|
|
|
@@ -62,7 +62,7 @@ category: components
|
|
|
62
62
|
---
|
|
63
63
|
**/
|
|
64
64
|
@withDeterministicId()
|
|
65
|
-
@
|
|
65
|
+
@withStyleNew(generateStyle)
|
|
66
66
|
class Menu extends Component<MenuProps> {
|
|
67
67
|
static readonly componentId = 'Menu'
|
|
68
68
|
static allowedProps = allowedProps
|