@carbon-labs/react-ui-shell 0.89.0 → 0.91.0
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/es/components/HeaderContainer.js +1 -1
- package/es/components/SideNavLink.d.ts +1 -1
- package/es/components/SideNavLink.js +3 -2
- package/es/components/SideNavLinkPopover.js +1 -1
- package/es/internal/useId.js +1 -1
- package/lib/components/HeaderContainer.js +0 -3
- package/lib/components/SideNavLink.d.ts +1 -1
- package/lib/components/SideNavLink.js +2 -4
- package/lib/components/SideNavLinkPopover.js +0 -3
- package/lib/es/components/HeaderContainer.d.ts +0 -1
- package/lib/es/components/SideNavLink.d.ts +0 -1
- package/lib/es/components/SideNavLinkPopover.d.ts +0 -1
- package/package.json +2 -2
- package/scss/styles/_header.scss +4 -0
- package/scss/styles/_side-nav.scss +6 -4
|
@@ -42,7 +42,8 @@ const SideNavLink = /*#__PURE__*/forwardRef(function SideNavLink({
|
|
|
42
42
|
if (!expanded && navType === SIDE_NAV_TYPE.RAIL_PANEL) {
|
|
43
43
|
return /*#__PURE__*/React.createElement(SideNavLinkPopover, _extends({
|
|
44
44
|
align: "right",
|
|
45
|
-
label: children
|
|
45
|
+
label: children,
|
|
46
|
+
className: className
|
|
46
47
|
}, rest), SideNavLinkIcon);
|
|
47
48
|
}
|
|
48
49
|
return /*#__PURE__*/React.createElement(SideNavItem, {
|
|
@@ -88,4 +89,4 @@ SideNavLink.propTypes = {
|
|
|
88
89
|
tabIndex: PropTypes.number
|
|
89
90
|
};
|
|
90
91
|
|
|
91
|
-
export { SideNavLink
|
|
92
|
+
export { SideNavLink };
|
package/es/internal/useId.js
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
|
-
import React, { useState,
|
|
8
|
+
import React, { useState, useEffect, useLayoutEffect } from 'react';
|
|
9
9
|
import setupGetInstanceId from './setupGetInstanceId.js';
|
|
10
10
|
import { useIdPrefix } from './useIdPrefix.js';
|
|
11
11
|
import { canUseDOM } from './environment.js';
|
|
@@ -7,8 +7,6 @@
|
|
|
7
7
|
|
|
8
8
|
'use strict';
|
|
9
9
|
|
|
10
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
|
-
|
|
12
10
|
var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
|
|
13
11
|
var PropTypes = require('prop-types');
|
|
14
12
|
var React = require('react');
|
|
@@ -100,4 +98,3 @@ HeaderContainer.propTypes = {
|
|
|
100
98
|
HeaderContainer.displayName = 'HeaderContainer';
|
|
101
99
|
|
|
102
100
|
exports.HeaderContainer = HeaderContainer;
|
|
103
|
-
exports.default = HeaderContainer;
|
|
@@ -7,8 +7,6 @@
|
|
|
7
7
|
|
|
8
8
|
'use strict';
|
|
9
9
|
|
|
10
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
|
-
|
|
12
10
|
var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
|
|
13
11
|
var cx = require('classnames');
|
|
14
12
|
var PropTypes = require('prop-types');
|
|
@@ -46,7 +44,8 @@ const SideNavLink = /*#__PURE__*/React.forwardRef(function SideNavLink({
|
|
|
46
44
|
if (!expanded && navType === SideNav.SIDE_NAV_TYPE.RAIL_PANEL) {
|
|
47
45
|
return /*#__PURE__*/React.createElement(SideNavLinkPopover.SideNavLinkPopover, _rollupPluginBabelHelpers.extends({
|
|
48
46
|
align: "right",
|
|
49
|
-
label: children
|
|
47
|
+
label: children,
|
|
48
|
+
className: className
|
|
50
49
|
}, rest), SideNavLinkIcon);
|
|
51
50
|
}
|
|
52
51
|
return /*#__PURE__*/React.createElement(react.SideNavItem, {
|
|
@@ -93,4 +92,3 @@ SideNavLink.propTypes = {
|
|
|
93
92
|
};
|
|
94
93
|
|
|
95
94
|
exports.SideNavLink = SideNavLink;
|
|
96
|
-
exports.default = SideNavLink;
|
|
@@ -7,8 +7,6 @@
|
|
|
7
7
|
|
|
8
8
|
'use strict';
|
|
9
9
|
|
|
10
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
|
-
|
|
12
10
|
var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
|
|
13
11
|
var cx = require('classnames');
|
|
14
12
|
var PropTypes = require('prop-types');
|
|
@@ -93,4 +91,3 @@ SideNavLinkPopover.propTypes = {
|
|
|
93
91
|
};
|
|
94
92
|
|
|
95
93
|
exports.SideNavLinkPopover = SideNavLinkPopover;
|
|
96
|
-
exports.default = SideNavLinkPopover;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@carbon-labs/react-ui-shell",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.91.0",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public",
|
|
6
6
|
"provenance": true
|
|
@@ -42,5 +42,5 @@
|
|
|
42
42
|
"dependencies": {
|
|
43
43
|
"@ibm/telemetry-js": "^1.10.2"
|
|
44
44
|
},
|
|
45
|
-
"gitHead": "
|
|
45
|
+
"gitHead": "ad2e3999574196d019eb2fd7cf3ffd1f28afe6a9"
|
|
46
46
|
}
|
package/scss/styles/_header.scss
CHANGED
|
@@ -83,6 +83,10 @@ $prefix: 'cds' !default;
|
|
|
83
83
|
@include custom-property.declaration('link-focus-text-color', $focus);
|
|
84
84
|
}
|
|
85
85
|
|
|
86
|
+
.#{$prefix}--header .#{$prefix}--header__name {
|
|
87
|
+
padding-inline-end: $spacing-05;
|
|
88
|
+
}
|
|
89
|
+
|
|
86
90
|
//----------------------------------------------------------------------------
|
|
87
91
|
// Menu button inside Header
|
|
88
92
|
//----------------------------------------------------------------------------
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Copyright IBM Corp. 2025
|
|
2
|
+
* Copyright IBM Corp. 2025, 2026
|
|
3
3
|
*
|
|
4
4
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -554,9 +554,11 @@ div:has(.#{$prefix}--header)
|
|
|
554
554
|
}
|
|
555
555
|
}
|
|
556
556
|
|
|
557
|
-
//
|
|
558
|
-
.#{$prefix}--
|
|
559
|
-
|
|
557
|
+
// Active state for Side Nav Link Popover
|
|
558
|
+
.#{$prefix}--side-nav-link-popover.#{$prefix}--side-nav__link--current::before {
|
|
559
|
+
block-size: $spacing-07;
|
|
560
|
+
inset-block-start: -1px;
|
|
561
|
+
margin-inline-start: -1px;
|
|
560
562
|
}
|
|
561
563
|
}
|
|
562
564
|
|