@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 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-32](https://github.com/instructure/instructure-ui/compare/v11.7.2...v11.7.3-snapshot-32) (2026-05-07)
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 { withStyleLegacy as withStyle } from '@instructure/emotion';
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 { withStyleLegacy as withStyle } from '@instructure/emotion';
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 { withStyleLegacy as withStyle } from '@instructure/emotion';
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";
@@ -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 { withStyleLegacy as withStyle } from '@instructure/emotion';
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 { withStyle } from '@instructure/emotion';
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 = withStyle(generateStyle), _dec(_class = _dec2(_class = class MenuItem extends Component {
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 { withStyle } from '@instructure/emotion';
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 = withStyle(generateStyle), _dec(_class = _dec2(_class = class MenuItemGroup extends Component {
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 { withStyle } from '@instructure/emotion';
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 = withStyle(generateStyle), _dec(_class = class MenuItemSeparator extends Component {
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;
@@ -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 { withStyle } from '@instructure/emotion';
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 = withStyle(generateStyle), _dec(_class = _dec2(_class = class Menu extends Component {
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.withStyleLegacy)(_styles.default, _theme.default), _dec(_class = _dec2(_class = class MenuItem extends _react.Component {
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.withStyleLegacy)(_styles.default, _theme.default), _dec(_class = _dec2(_class = class MenuItemGroup extends _react.Component {
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.withStyleLegacy)(_styles.default, _theme.default), _dec(_class = class MenuItemSeparator extends _react.Component {
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;
@@ -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.withStyleLegacy)(_styles.default, _theme.default), _dec(_class = _dec2(_class = class Menu extends _react.Component {
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.withStyle)(_styles.default), _dec(_class = _dec2(_class = class MenuItem extends _react.Component {
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.withStyle)(_styles.default), _dec(_class = _dec2(_class = class MenuItemGroup extends _react.Component {
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.withStyle)(_styles.default), _dec(_class = class MenuItemSeparator extends _react.Component {
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;
@@ -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.withStyle)(_styles.default), _dec(_class = _dec2(_class = class Menu extends _react.Component {
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-32",
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-32",
20
- "@instructure/emotion": "11.7.3-snapshot-32",
21
- "@instructure/ui-dom-utils": "11.7.3-snapshot-32",
22
- "@instructure/shared-types": "11.7.3-snapshot-32",
23
- "@instructure/ui-a11y-utils": "11.7.3-snapshot-32",
24
- "@instructure/ui-icons": "11.7.3-snapshot-32",
25
- "@instructure/ui-position": "11.7.3-snapshot-32",
26
- "@instructure/ui-react-utils": "11.7.3-snapshot-32",
27
- "@instructure/ui-popover": "11.7.3-snapshot-32",
28
- "@instructure/ui-view": "11.7.3-snapshot-32",
29
- "@instructure/ui-themes": "11.7.3-snapshot-32",
30
- "@instructure/ui-utils": "11.7.3-snapshot-32"
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-babel-preset": "11.7.3-snapshot-32",
38
- "@instructure/ui-axe-check": "11.7.3-snapshot-32",
39
- "@instructure/ui-color-utils": "11.7.3-snapshot-32"
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 { withStyleLegacy as withStyle } from '@instructure/emotion'
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 { ComponentElement, Children, Component } from 'react'
26
26
 
27
- import { withStyleLegacy as withStyle } from '@instructure/emotion'
27
+ import { withStyle } from '@instructure/emotion'
28
28
  import {
29
29
  omitProps,
30
30
  safeCloneElement,
@@ -24,7 +24,7 @@
24
24
 
25
25
  import { Component } from 'react'
26
26
 
27
- import { withStyleLegacy as withStyle } from '@instructure/emotion'
27
+ import { withStyle } from '@instructure/emotion'
28
28
  import { omitProps } from '@instructure/ui-react-utils'
29
29
 
30
30
  import generateStyle from './styles'
@@ -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 { withStyleLegacy as withStyle } from '@instructure/emotion'
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 { withStyle } from '@instructure/emotion'
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
- @withStyle(generateStyle)
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 { withStyle } from '@instructure/emotion'
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
- @withStyle(generateStyle)
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 { withStyle } from '@instructure/emotion'
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
- @withStyle(generateStyle)
42
+ @withStyleNew(generateStyle)
43
43
  class MenuItemSeparator extends Component<MenuSeparatorProps> {
44
44
  static readonly componentId = 'Menu.Separator'
45
45
 
@@ -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 { withStyle } from '@instructure/emotion'
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
- @withStyle(generateStyle)
65
+ @withStyleNew(generateStyle)
66
66
  class Menu extends Component<MenuProps> {
67
67
  static readonly componentId = 'Menu'
68
68
  static allowedProps = allowedProps