@carbon/react 1.103.0-rc.0 → 1.104.0-rc.0

package/lib/components/UIShell/SideNavDivider.js

@@ -1,34 +1,34 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-'use strict';
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_usePrefix = require('../../internal/usePrefix.js');
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let prop_types = require("prop-types");
+prop_types = require_runtime.__toESM(prop_types);
+let react_jsx_runtime = require("react/jsx-runtime");
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var cx = require('classnames');
-var PropTypes = require('prop-types');
-var React = require('react');
-var usePrefix = require('../../internal/usePrefix.js');
-
-var _hr;
-const SideNavDivider = ({
-  className
-}) => {
-  const prefix = usePrefix.usePrefix();
-  const classNames = cx(`${prefix}--side-nav__divider`, className);
-  return /*#__PURE__*/React.createElement("li", {
-    className: classNames
-  }, _hr || (_hr = /*#__PURE__*/React.createElement("hr", null)));
-};
-SideNavDivider.propTypes = {
-  /**
-   * Provide an optional class to be applied to the containing node
-   */
-  className: PropTypes.string
+//#region src/components/UIShell/SideNavDivider.tsx
+/**
+* Copyright IBM Corp. 2021, 2025
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const SideNavDivider = ({ className }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+		className: (0, classnames.default)(`${require_usePrefix.usePrefix()}--side-nav__divider`, className),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("hr", {})
+	});
 };
+SideNavDivider.propTypes = { className: prop_types.default.string };
 
-exports.default = SideNavDivider;
+//#endregion
+exports.default = SideNavDivider;

package/lib/components/UIShell/SideNavFooter.js

@@ -1,68 +1,59 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-'use strict';
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_usePrefix = require('../../internal/usePrefix.js');
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let prop_types = require("prop-types");
+prop_types = require_runtime.__toESM(prop_types);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _carbon_icons_react = require("@carbon/icons-react");
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var iconsReact = require('@carbon/icons-react');
-var cx = require('classnames');
-var React = require('react');
-var PropTypes = require('prop-types');
-var usePrefix = require('../../internal/usePrefix.js');
-
-var _Close, _ChevronRight;
+//#region src/components/UIShell/SideNavFooter.tsx
 /**
- * SideNavFooter is used for rendering the button at the bottom of the side
- * navigation that is a part of the UI Shell. It is responsible for handling the
- * user interaction to expand or collapse the side navigation.
- */
-function SideNavFooter({
-  assistiveText = 'Toggle opening or closing the side navigation',
-  className: customClassName,
-  expanded,
-  onToggle
-}) {
-  const prefix = usePrefix.usePrefix();
-  const className = cx(`${prefix}--side-nav__footer`, customClassName);
-  return /*#__PURE__*/React.createElement("footer", {
-    className: className
-  }, /*#__PURE__*/React.createElement("button", {
-    className: `${prefix}--side-nav__toggle`,
-    type: "button",
-    onClick: evt => onToggle(evt),
-    title: assistiveText
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--side-nav__icon`
-  }, expanded ? _Close || (_Close = /*#__PURE__*/React.createElement(iconsReact.Close, {
-    size: 20
-  })) : _ChevronRight || (_ChevronRight = /*#__PURE__*/React.createElement(iconsReact.ChevronRight, {
-    size: 20
-  }))), /*#__PURE__*/React.createElement("span", {
-    className: `${prefix}--assistive-text`
-  }, assistiveText)));
+* Copyright IBM Corp. 2016, 2023
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+/**
+* SideNavFooter is used for rendering the button at the bottom of the side
+* navigation that is a part of the UI Shell. It is responsible for handling the
+* user interaction to expand or collapse the side navigation.
+*/
+function SideNavFooter({ assistiveText = "Toggle opening or closing the side navigation", className: customClassName, expanded, onToggle }) {
+	const prefix = require_usePrefix.usePrefix();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("footer", {
+		className: (0, classnames.default)(`${prefix}--side-nav__footer`, customClassName),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+			className: `${prefix}--side-nav__toggle`,
+			type: "button",
+			onClick: (evt) => onToggle(evt),
+			title: assistiveText,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: `${prefix}--side-nav__icon`,
+				children: expanded ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.Close, { size: 20 }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.ChevronRight, { size: 20 })
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: `${prefix}--assistive-text`,
+				children: assistiveText
+			})]
+		})
+	});
 }
-SideNavFooter.displayName = 'SideNavFooter';
+SideNavFooter.displayName = "SideNavFooter";
 SideNavFooter.propTypes = {
-  /**
-   * Provide text to be read to screen readers and shown as a tooltip when
-   * interacting with the toggle button in the footer
-   */
-  assistiveText: PropTypes.string,
-  className: PropTypes.string,
-  /**
-   * Specify whether the side navigation is expanded or collapsed
-   */
-  expanded: PropTypes.bool.isRequired,
-  /**
-   * Provide a function that is called when the toggle button is interacted
-   * with. Useful for controlling the expansion state of the side navigation.
-   */
-  onToggle: PropTypes.func.isRequired
+	assistiveText: prop_types.default.string,
+	className: prop_types.default.string,
+	expanded: prop_types.default.bool.isRequired,
+	onToggle: prop_types.default.func.isRequired
 };
 
-exports.default = SideNavFooter;
+//#endregion
+exports.default = SideNavFooter;

package/lib/components/UIShell/SideNavHeader.js

@@ -1,50 +1,41 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-'use strict';
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_usePrefix = require('../../internal/usePrefix.js');
+const require_SideNavIcon = require('./SideNavIcon.js');
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let prop_types = require("prop-types");
+prop_types = require_runtime.__toESM(prop_types);
+let react_jsx_runtime = require("react/jsx-runtime");
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var cx = require('classnames');
-var PropTypes = require('prop-types');
-var React = require('react');
-var SideNavIcon = require('./SideNavIcon.js');
-var usePrefix = require('../../internal/usePrefix.js');
-
-const SideNavHeader = ({
-  children,
-  className: customClassName,
-  renderIcon: IconElement
-}) => {
-  const prefix = usePrefix.usePrefix();
-  const className = cx(`${prefix}--side-nav__header`, customClassName);
-  return /*#__PURE__*/React.createElement("header", {
-    className: className
-  }, /*#__PURE__*/React.createElement(SideNavIcon.default, null, /*#__PURE__*/React.createElement(IconElement, null)), children);
+//#region src/components/UIShell/SideNavHeader.tsx
+/**
+* Copyright IBM Corp. 2016, 2025
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const SideNavHeader = ({ children, className: customClassName, renderIcon: IconElement }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+		className: (0, classnames.default)(`${require_usePrefix.usePrefix()}--side-nav__header`, customClassName),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SideNavIcon.default, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconElement, {}) }), children]
+	});
 };
-SideNavHeader.displayName = 'SideNavHeader';
+SideNavHeader.displayName = "SideNavHeader";
 SideNavHeader.propTypes = {
-  /**
-   * The child nodes to be rendered
-   */
-  children: PropTypes.node,
-  /**
-   * Provide an optional class to be applied to the containing node
-   */
-  className: PropTypes.string,
-  /**
-   * Property to indicate if the side nav container is open (or not). Use to
-   * keep local state and styling in step with the SideNav expansion state.
-   */
-  isSideNavExpanded: PropTypes.bool,
-  /**
-   * A component used to render an icon.
-   */
-  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).isRequired
+	children: prop_types.default.node,
+	className: prop_types.default.string,
+	isSideNavExpanded: prop_types.default.bool,
+	renderIcon: prop_types.default.oneOfType([prop_types.default.func, prop_types.default.object]).isRequired
 };
 
-exports.default = SideNavHeader;
+//#endregion
+exports.default = SideNavHeader;

package/lib/components/UIShell/SideNavIcon.js

@@ -1,48 +1,43 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-'use strict';
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_usePrefix = require('../../internal/usePrefix.js');
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let prop_types = require("prop-types");
+prop_types = require_runtime.__toESM(prop_types);
+let react_jsx_runtime = require("react/jsx-runtime");
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var cx = require('classnames');
-var PropTypes = require('prop-types');
-var React = require('react');
-var usePrefix = require('../../internal/usePrefix.js');
-
-const SideNavIcon = ({
-  children,
-  className: customClassName,
-  small = false
-}) => {
-  const prefix = usePrefix.usePrefix();
-  const className = cx({
-    [`${prefix}--side-nav__icon`]: true,
-    [`${prefix}--side-nav__icon--small`]: small,
-    [customClassName]: !!customClassName
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    className: className
-  }, children);
+//#region src/components/UIShell/SideNavIcon.tsx
+/**
+* Copyright IBM Corp. 2016, 2025
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const SideNavIcon = ({ children, className: customClassName, small = false }) => {
+	const prefix = require_usePrefix.usePrefix();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, classnames.default)({
+			[`${prefix}--side-nav__icon`]: true,
+			[`${prefix}--side-nav__icon--small`]: small,
+			[customClassName]: !!customClassName
+		}),
+		children
+	});
 };
 SideNavIcon.propTypes = {
-  /**
-   * Provide a single icon as the child to `SideNavIcon` to render in the
-   * container
-   */
-  children: PropTypes.node.isRequired,
-  /**
-   * Provide an optional class to be applied to the containing node
-   */
-  className: PropTypes.string,
-  /**
-   * Specify whether the icon should be placed in a smaller bounding box
-   */
-  small: PropTypes.bool
+	children: prop_types.default.node.isRequired,
+	className: prop_types.default.string,
+	small: prop_types.default.bool
 };
 
-exports.default = SideNavIcon;
+//#endregion
+exports.default = SideNavIcon;

package/lib/components/UIShell/SideNavItem.js

@@ -1,48 +1,43 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-'use strict';
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_usePrefix = require('../../internal/usePrefix.js');
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let prop_types = require("prop-types");
+prop_types = require_runtime.__toESM(prop_types);
+let react_jsx_runtime = require("react/jsx-runtime");
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var cx = require('classnames');
-var PropTypes = require('prop-types');
-var React = require('react');
-var usePrefix = require('../../internal/usePrefix.js');
-
-const SideNavItem = ({
-  className: customClassName,
-  children,
-  large = false
-}) => {
-  const prefix = usePrefix.usePrefix();
-  const className = cx({
-    [`${prefix}--side-nav__item`]: true,
-    [`${prefix}--side-nav__item--large`]: large,
-    [customClassName]: !!customClassName
-  });
-  return /*#__PURE__*/React.createElement("li", {
-    className: className
-  }, children);
+//#region src/components/UIShell/SideNavItem.tsx
+/**
+* Copyright IBM Corp. 2016, 2025
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const SideNavItem = ({ className: customClassName, children, large = false }) => {
+	const prefix = require_usePrefix.usePrefix();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+		className: (0, classnames.default)({
+			[`${prefix}--side-nav__item`]: true,
+			[`${prefix}--side-nav__item--large`]: large,
+			[customClassName]: !!customClassName
+		}),
+		children
+	});
 };
 SideNavItem.propTypes = {
-  /**
-   * Provide a single icon as the child to `SideNavItem` to render in the
-   * container
-   */
-  children: PropTypes.node.isRequired,
-  /**
-   * Provide an optional class to be applied to the containing node
-   */
-  className: PropTypes.string,
-  /**
-   * Specify if this is a large variation of the SideNavItem
-   */
-  large: PropTypes.bool
+	children: prop_types.default.node.isRequired,
+	className: prop_types.default.string,
+	large: prop_types.default.bool
 };
 
-exports.default = SideNavItem;
+//#endregion
+exports.default = SideNavItem;

package/lib/components/UIShell/SideNavItems.js

@@ -1,55 +1,46 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-'use strict';
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_usePrefix = require('../../internal/usePrefix.js');
+const require_SideNavContext = require('./SideNavContext.js');
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let prop_types = require("prop-types");
+prop_types = require_runtime.__toESM(prop_types);
+let react_jsx_runtime = require("react/jsx-runtime");
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var cx = require('classnames');
-var PropTypes = require('prop-types');
-var React = require('react');
-var SideNavContext = require('./SideNavContext.js');
-var usePrefix = require('../../internal/usePrefix.js');
-
-const SideNavItems = ({
-  className: customClassName,
-  children,
-  isSideNavExpanded
-}) => {
-  const prefix = usePrefix.usePrefix();
-  const {
-    isRail,
-    isSideNavExpanded: contextIsSideNavExpanded
-  } = React.useContext(SideNavContext.SideNavContext);
-  const currentIsSideNavExpanded = isSideNavExpanded ?? contextIsSideNavExpanded;
-  const className = cx([`${prefix}--side-nav__items`], customClassName);
-  return /*#__PURE__*/React.createElement(SideNavContext.SideNavContextProvider, {
-    isRail: isRail,
-    isSideNavExpanded: currentIsSideNavExpanded
-  }, /*#__PURE__*/React.createElement("ul", {
-    className: className
-  }, children));
+//#region src/components/UIShell/SideNavItems.tsx
+/**
+* Copyright IBM Corp. 2016, 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const SideNavItems = ({ className: customClassName, children, isSideNavExpanded }) => {
+	const prefix = require_usePrefix.usePrefix();
+	const { isRail, isSideNavExpanded: contextIsSideNavExpanded } = (0, react.useContext)(require_SideNavContext.SideNavContext);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SideNavContext.SideNavContextProvider, {
+		isRail,
+		isSideNavExpanded: isSideNavExpanded ?? contextIsSideNavExpanded,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+			className: (0, classnames.default)([`${prefix}--side-nav__items`], customClassName),
+			children
+		})
+	});
 };
-SideNavItems.displayName = 'SideNavItems';
+SideNavItems.displayName = "SideNavItems";
 SideNavItems.propTypes = {
-  /**
-   * Provide a single icon as the child to `SideNavIcon` to render in the
-   * container
-   */
-  children: PropTypes.node.isRequired,
-  /**
-   * Provide an optional class to be applied to the containing node
-   */
-  className: PropTypes.string,
-  /**
-   * Property to indicate if the side nav container is open (or not). Use to
-   * keep local state and styling in step with the SideNav expansion state.
-   */
-  isSideNavExpanded: PropTypes.bool
+	children: prop_types.default.node.isRequired,
+	className: prop_types.default.string,
+	isSideNavExpanded: prop_types.default.bool
 };
 
-exports.default = SideNavItems;
+//#endregion
+exports.default = SideNavItems;