@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 +1 -1
- package/es/SideNavBar/v1/SideNavBarItem/index.js +1 -1
- package/es/SideNavBar/v1/index.js +1 -1
- package/es/SideNavBar/v2/SideNavBarItem/index.js +2 -2
- package/es/SideNavBar/v2/index.js +2 -2
- package/lib/SideNavBar/v1/SideNavBarItem/index.js +1 -1
- package/lib/SideNavBar/v1/index.js +1 -1
- package/lib/SideNavBar/v2/SideNavBarItem/index.js +1 -1
- package/lib/SideNavBar/v2/index.js +1 -1
- package/package.json +14 -14
- package/src/SideNavBar/v1/SideNavBarItem/index.tsx +1 -1
- package/src/SideNavBar/v1/index.tsx +1 -1
- package/src/SideNavBar/v2/SideNavBarItem/index.tsx +2 -2
- package/src/SideNavBar/v2/index.tsx +2 -2
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/SideNavBar/v1/index.d.ts.map +1 -1
- package/types/SideNavBar/v2/index.d.ts.map +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
|
|
@@ -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 {
|
|
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 {
|
|
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 {
|
|
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 =
|
|
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 {
|
|
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 =
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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-
|
|
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-
|
|
19
|
-
"@instructure/
|
|
20
|
-
"@instructure/
|
|
21
|
-
"@instructure/ui-a11y-
|
|
22
|
-
"@instructure/
|
|
23
|
-
"@instructure/ui-
|
|
24
|
-
"@instructure/ui-
|
|
25
|
-
"@instructure/ui-react-utils": "11.7.3-snapshot-
|
|
26
|
-
"@instructure/ui-
|
|
27
|
-
"@instructure/ui-
|
|
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-
|
|
35
|
-
"@instructure/ui-
|
|
36
|
-
"@instructure/ui-
|
|
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 {
|
|
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 {
|
|
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 {
|
|
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
|
-
@
|
|
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 {
|
|
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
|
-
@
|
|
50
|
+
@withStyleNew(generateStyle)
|
|
51
51
|
class SideNavBar extends Component<SideNavBarProps, SideNavBarState> {
|
|
52
52
|
static readonly componentId = 'SideNavBar'
|
|
53
53
|
|