@instructure/ui-side-nav-bar 11.7.3-snapshot-33 → 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-33](https://github.com/instructure/instructure-ui/compare/v11.7.2...v11.7.3-snapshot-33) (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
@@ -27,7 +27,7 @@ import { Component } from 'react';
27
27
  import { omitProps, getElementType } from '@instructure/ui-react-utils';
28
28
  import { Tooltip } from '@instructure/ui-tooltip/v11_6';
29
29
  import { hasVisibleChildren } from '@instructure/ui-a11y-utils';
30
- import { withStyleLegacy as withStyle } from '@instructure/emotion';
30
+ import { withStyle } from '@instructure/emotion';
31
31
  import generateStyle from "./styles.js";
32
32
  import generateComponentTheme from "./theme.js";
33
33
  import { allowedProps } from "./props.js";
@@ -26,7 +26,7 @@ import { Component, Children, isValidElement } from 'react';
26
26
  import { omitProps, safeCloneElement } from '@instructure/ui-react-utils';
27
27
  import { IconMoveStartLine } from '@instructure/ui-icons';
28
28
  import { ScreenReaderContent } from '@instructure/ui-a11y-content';
29
- import { withStyleLegacy as withStyle } from '@instructure/emotion';
29
+ import { withStyle } from '@instructure/emotion';
30
30
  import { SideNavBarItem } from "./SideNavBarItem/index.js";
31
31
  import generateStyle from "./styles.js";
32
32
  import generateComponentTheme from "./theme.js";
@@ -27,7 +27,7 @@ import { Component } from 'react';
27
27
  import { omitProps, getElementType } from '@instructure/ui-react-utils';
28
28
  import { Tooltip } from '@instructure/ui-tooltip/latest';
29
29
  import { hasVisibleChildren } from '@instructure/ui-a11y-utils';
30
- import { withStyle } from '@instructure/emotion';
30
+ import { withStyleNew } from '@instructure/emotion';
31
31
  import generateStyle from "./styles.js";
32
32
  import { allowedProps } from "./props.js";
33
33
  /**
@@ -37,7 +37,7 @@ id: SideNavBar.Item
37
37
  ---
38
38
  **/
39
39
  import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
40
- let SideNavBarItem = (_dec = withStyle(generateStyle, 'SideNavBarItem'), _dec(_class = class SideNavBarItem extends Component {
40
+ let SideNavBarItem = (_dec = withStyleNew(generateStyle, 'SideNavBarItem'), _dec(_class = class SideNavBarItem extends Component {
41
41
  static displayName = "SideNavBarItem";
42
42
  static componentId = 'SideNavBar.Item';
43
43
  static allowedProps = allowedProps;
@@ -26,7 +26,7 @@ import { Component, Children, isValidElement } from 'react';
26
26
  import { omitProps, safeCloneElement } from '@instructure/ui-react-utils';
27
27
  import { PanelLeftCloseInstUIIcon, PanelLeftOpenInstUIIcon, renderIconWithProps } from '@instructure/ui-icons';
28
28
  import { ScreenReaderContent } from '@instructure/ui-a11y-content';
29
- import { withStyle } from '@instructure/emotion';
29
+ import { withStyleNew } from '@instructure/emotion';
30
30
  import { SideNavBarItem } from "./SideNavBarItem/index.js";
31
31
  import generateStyle from "./styles.js";
32
32
  import { allowedProps } from "./props.js";
@@ -42,7 +42,7 @@ const navMinimized = ({
42
42
  category: components
43
43
  ---
44
44
  **/
45
- let SideNavBar = (_dec = withStyle(generateStyle), _dec(_class = class SideNavBar extends Component {
45
+ let SideNavBar = (_dec = withStyleNew(generateStyle), _dec(_class = class SideNavBar extends Component {
46
46
  static displayName = "SideNavBar";
47
47
  static componentId = 'SideNavBar';
48
48
  static allowedProps = allowedProps;
@@ -45,7 +45,7 @@ parent: SideNavBar
45
45
  id: SideNavBar.Item
46
46
  ---
47
47
  **/
48
- let SideNavBarItem = exports.SideNavBarItem = (_dec = (0, _emotion.withStyleLegacy)(_styles.default, _theme.default), _dec(_class = class SideNavBarItem extends _react.Component {
48
+ let SideNavBarItem = exports.SideNavBarItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class SideNavBarItem extends _react.Component {
49
49
  static displayName = "SideNavBarItem";
50
50
  static componentId = 'SideNavBar.Item';
51
51
  static allowedProps = _props.allowedProps;
@@ -58,7 +58,7 @@ const navMinimized = ({
58
58
  category: components
59
59
  ---
60
60
  **/
61
- let SideNavBar = exports.SideNavBar = (_dec = (0, _emotion.withStyleLegacy)(_styles.default, _theme.default), _dec(_class = class SideNavBar extends _react.Component {
61
+ let SideNavBar = exports.SideNavBar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class SideNavBar extends _react.Component {
62
62
  static displayName = "SideNavBar";
63
63
  static componentId = 'SideNavBar';
64
64
  static allowedProps = _props.allowedProps;
@@ -44,7 +44,7 @@ parent: SideNavBar
44
44
  id: SideNavBar.Item
45
45
  ---
46
46
  **/
47
- let SideNavBarItem = exports.SideNavBarItem = (_dec = (0, _emotion.withStyle)(_styles.default, 'SideNavBarItem'), _dec(_class = class SideNavBarItem extends _react.Component {
47
+ let SideNavBarItem = exports.SideNavBarItem = (_dec = (0, _emotion.withStyleNew)(_styles.default, 'SideNavBarItem'), _dec(_class = class SideNavBarItem extends _react.Component {
48
48
  static displayName = "SideNavBarItem";
49
49
  static componentId = 'SideNavBar.Item';
50
50
  static allowedProps = _props.allowedProps;
@@ -57,7 +57,7 @@ const navMinimized = ({
57
57
  category: components
58
58
  ---
59
59
  **/
60
- let SideNavBar = exports.SideNavBar = (_dec = (0, _emotion.withStyle)(_styles.default), _dec(_class = class SideNavBar extends _react.Component {
60
+ let SideNavBar = exports.SideNavBar = (_dec = (0, _emotion.withStyleNew)(_styles.default), _dec(_class = class SideNavBar extends _react.Component {
61
61
  static displayName = "SideNavBar";
62
62
  static componentId = 'SideNavBar';
63
63
  static allowedProps = _props.allowedProps;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-side-nav-bar",
3
- "version": "11.7.3-snapshot-33",
3
+ "version": "11.7.3-snapshot-37",
4
4
  "description": "Main and application level navigational components",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -15,25 +15,25 @@
15
15
  "license": "MIT",
16
16
  "dependencies": {
17
17
  "@babel/runtime": "^7.29.2",
18
- "@instructure/debounce": "11.7.3-snapshot-33",
19
- "@instructure/shared-types": "11.7.3-snapshot-33",
20
- "@instructure/emotion": "11.7.3-snapshot-33",
21
- "@instructure/ui-a11y-content": "11.7.3-snapshot-33",
22
- "@instructure/ui-a11y-utils": "11.7.3-snapshot-33",
23
- "@instructure/ui-icons": "11.7.3-snapshot-33",
24
- "@instructure/ui-badge": "11.7.3-snapshot-33",
25
- "@instructure/ui-react-utils": "11.7.3-snapshot-33",
26
- "@instructure/ui-themes": "11.7.3-snapshot-33",
27
- "@instructure/ui-tooltip": "11.7.3-snapshot-33"
18
+ "@instructure/debounce": "11.7.3-snapshot-37",
19
+ "@instructure/emotion": "11.7.3-snapshot-37",
20
+ "@instructure/ui-a11y-content": "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-badge": "11.7.3-snapshot-37",
24
+ "@instructure/ui-icons": "11.7.3-snapshot-37",
25
+ "@instructure/ui-react-utils": "11.7.3-snapshot-37",
26
+ "@instructure/ui-tooltip": "11.7.3-snapshot-37",
27
+ "@instructure/ui-themes": "11.7.3-snapshot-37"
28
28
  },
29
29
  "devDependencies": {
30
30
  "@testing-library/jest-dom": "^6.6.3",
31
31
  "@testing-library/react": "15.0.7",
32
32
  "@testing-library/user-event": "^14.6.1",
33
33
  "vitest": "^3.2.2",
34
- "@instructure/ui-babel-preset": "11.7.3-snapshot-33",
35
- "@instructure/ui-axe-check": "11.7.3-snapshot-33",
36
- "@instructure/ui-color-utils": "11.7.3-snapshot-33"
34
+ "@instructure/ui-babel-preset": "11.7.3-snapshot-37",
35
+ "@instructure/ui-color-utils": "11.7.3-snapshot-37",
36
+ "@instructure/ui-axe-check": "11.7.3-snapshot-37"
37
37
  },
38
38
  "peerDependencies": {
39
39
  "react": ">=18 <=19"
@@ -27,7 +27,7 @@ import { Component } from 'react'
27
27
  import { omitProps, getElementType } from '@instructure/ui-react-utils'
28
28
  import { Tooltip } from '@instructure/ui-tooltip/v11_6'
29
29
  import { hasVisibleChildren } from '@instructure/ui-a11y-utils'
30
- import { withStyleLegacy as withStyle } from '@instructure/emotion'
30
+ import { withStyle } from '@instructure/emotion'
31
31
 
32
32
  import generateStyle from './styles'
33
33
  import generateComponentTheme from './theme'
@@ -26,7 +26,7 @@ import { Component, Children, ReactElement, isValidElement } from 'react'
26
26
  import { omitProps, safeCloneElement } from '@instructure/ui-react-utils'
27
27
  import { IconMoveStartLine } from '@instructure/ui-icons'
28
28
  import { ScreenReaderContent } from '@instructure/ui-a11y-content'
29
- import { withStyleLegacy as withStyle } from '@instructure/emotion'
29
+ import { withStyle } from '@instructure/emotion'
30
30
 
31
31
  import { SideNavBarItem } from './SideNavBarItem'
32
32
 
@@ -27,7 +27,7 @@ import { Component } from 'react'
27
27
  import { omitProps, getElementType } from '@instructure/ui-react-utils'
28
28
  import { Tooltip } from '@instructure/ui-tooltip/latest'
29
29
  import { hasVisibleChildren } from '@instructure/ui-a11y-utils'
30
- import { withStyle } from '@instructure/emotion'
30
+ import { withStyleNew } from '@instructure/emotion'
31
31
 
32
32
  import generateStyle from './styles'
33
33
  import type { SideNavBarItemProps } from './props'
@@ -39,7 +39,7 @@ parent: SideNavBar
39
39
  id: SideNavBar.Item
40
40
  ---
41
41
  **/
42
- @withStyle(generateStyle, 'SideNavBarItem')
42
+ @withStyleNew(generateStyle, 'SideNavBarItem')
43
43
  class SideNavBarItem extends Component<SideNavBarItemProps> {
44
44
  static readonly componentId = 'SideNavBar.Item'
45
45
 
@@ -30,7 +30,7 @@ import {
30
30
  renderIconWithProps
31
31
  } from '@instructure/ui-icons'
32
32
  import { ScreenReaderContent } from '@instructure/ui-a11y-content'
33
- import { withStyle } from '@instructure/emotion'
33
+ import { withStyleNew } from '@instructure/emotion'
34
34
 
35
35
  import { SideNavBarItem } from './SideNavBarItem'
36
36
 
@@ -47,7 +47,7 @@ const navMinimized = ({ minimized }: { minimized: boolean }) => ({
47
47
  category: components
48
48
  ---
49
49
  **/
50
- @withStyle(generateStyle)
50
+ @withStyleNew(generateStyle)
51
51
  class SideNavBar extends Component<SideNavBarProps, SideNavBarState> {
52
52
  static readonly componentId = 'SideNavBar'
53
53