@carbon/react 1.87.0-rc.0 → 1.87.1-rc.0

package/lib/components/UIShell/SideNav.js

@@ -24,12 +24,6 @@ var useDelayedState = require('../../internal/useDelayedState.js');
 var layout = require('@carbon/layout');
 var useMatchMedia = require('../../internal/useMatchMedia.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
 // TO-DO: comment back in when footer is added for rails
 // import SideNavFooter from './SideNavFooter';
 
@@ -86,7 +80,7 @@ function SideNavRenderFunction({
   //   ? t('carbon.sidenav.state.open')
   //   : t('carbon.sidenav.state.closed');
 
-  const className = cx__default["default"](customClassName, {
+  const className = cx(customClassName, {
     [`${prefix}--side-nav`]: true,
     [`${prefix}--side-nav--expanded`]: expanded || expandedViaHoverState,
     [`${prefix}--side-nav--collapsed`]: !expanded && isFixedNav,
@@ -94,20 +88,20 @@ function SideNavRenderFunction({
     [`${prefix}--side-nav--ux`]: isChildOfHeader,
     [`${prefix}--side-nav--hidden`]: !isPersistent
   });
-  const overlayClassName = cx__default["default"]({
+  const overlayClassName = cx({
     [`${prefix}--side-nav__overlay`]: true,
     [`${prefix}--side-nav__overlay-active`]: expanded || expandedViaHoverState
   });
   let childrenToRender = children;
 
   // Pass the expansion state as a prop, so children can update themselves to match
-  childrenToRender = React__default["default"].Children.map(children, child => {
+  childrenToRender = React.Children.map(children, child => {
     // if we are controlled, check for if we have hovered over or the expanded state, else just use the expanded state (uncontrolled)
     const currentExpansionState = controlled ? expandedViaHoverState || expanded : expanded;
     if (/*#__PURE__*/React.isValidElement(child)) {
       const childJsxElement = child;
       // avoid spreading `isSideNavExpanded` to non-Carbon UI Shell children
-      return /*#__PURE__*/React__default["default"].cloneElement(childJsxElement, {
+      return /*#__PURE__*/React.cloneElement(childJsxElement, {
         ...(_utils.CARBON_SIDENAV_ITEMS.includes(childJsxElement.type?.displayName ?? childJsxElement.type?.name) ? {
           isSideNavExpanded: currentExpansionState
         } : {})
@@ -165,24 +159,24 @@ function SideNavRenderFunction({
   });
   const lgMediaQuery = `(min-width: ${layout.breakpoints.lg.width})`;
   const isLg = useMatchMedia.useMatchMedia(lgMediaQuery);
-  return /*#__PURE__*/React__default["default"].createElement(SideNavContext.Provider, {
+  return /*#__PURE__*/React.createElement(SideNavContext.Provider, {
     value: {
       isRail
     }
   }, isFixedNav ? null :
   /*#__PURE__*/
   // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-  React__default["default"].createElement("div", {
+  React.createElement("div", {
     className: overlayClassName,
     onClick: onOverlayClick
-  }), /*#__PURE__*/React__default["default"].createElement("nav", _rollupPluginBabelHelpers["extends"]({
+  }), /*#__PURE__*/React.createElement("nav", _rollupPluginBabelHelpers.extends({
     tabIndex: -1,
     ref: navRef,
     className: `${prefix}--side-nav__navigation ${className}`,
     inert: !isRail ? !(expanded || isLg) : undefined
   }, accessibilityLabel, eventHandlers, other), childrenToRender));
 }
-const SideNav = /*#__PURE__*/React__default["default"].forwardRef(SideNavRenderFunction);
+const SideNav = /*#__PURE__*/React.forwardRef(SideNavRenderFunction);
 SideNav.displayName = 'SideNav';
 SideNav.propTypes = {
   /**
@@ -192,60 +186,60 @@ SideNav.propTypes = {
   /**
    * Specify whether focus and blur listeners are added. They are by default.
    */
-  addFocusListeners: PropTypes__default["default"].bool,
+  addFocusListeners: PropTypes.bool,
   /**
    * Specify whether mouse entry/exit listeners are added. They are by default.
    */
-  addMouseListeners: PropTypes__default["default"].bool,
+  addMouseListeners: PropTypes.bool,
   /**
    * Optionally provide a custom class to apply to the underlying `<li>` node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * If `true`, the SideNav will be open on initial render.
    */
-  defaultExpanded: PropTypes__default["default"].bool,
+  defaultExpanded: PropTypes.bool,
   /**
    * Specify the duration in milliseconds to delay before displaying the side navigation
    */
-  enterDelayMs: PropTypes__default["default"].number,
+  enterDelayMs: PropTypes.number,
   /**
    * If `true`, the SideNav will be expanded, otherwise it will be collapsed.
    * Using this prop causes SideNav to become a controlled component.
    */
-  expanded: PropTypes__default["default"].bool,
+  expanded: PropTypes.bool,
   /**
    * Provide the `href` to the id of the element on your package that is the
    * main content.
    */
-  href: PropTypes__default["default"].string,
+  href: PropTypes.string,
   /**
    * Optionally provide a custom class to apply to the underlying `<li>` node
    */
-  isChildOfHeader: PropTypes__default["default"].bool,
+  isChildOfHeader: PropTypes.bool,
   /**
    * Specify if sideNav is standalone
    */
-  isFixedNav: PropTypes__default["default"].bool,
+  isFixedNav: PropTypes.bool,
   /**
    * Specify if the sideNav will be persistent above the lg breakpoint
    */
-  isPersistent: PropTypes__default["default"].bool,
+  isPersistent: PropTypes.bool,
   /**
    * Optional prop to display the side nav rail.
    */
-  isRail: PropTypes__default["default"].bool,
+  isRail: PropTypes.bool,
   /**
    * An optional listener that is called when the SideNav overlay is clicked
    *
    * @param {object} event
    */
-  onOverlayClick: PropTypes__default["default"].func,
+  onOverlayClick: PropTypes.func,
   /**
    * An optional listener that is called a callback to collapse the SideNav
    */
 
-  onSideNavBlur: PropTypes__default["default"].func,
+  onSideNavBlur: PropTypes.func,
   /**
    * An optional listener that is called when an event that would cause
    * toggling the SideNav occurs.
@@ -253,7 +247,7 @@ SideNav.propTypes = {
    * @param {object} event
    * @param {boolean} value
    */
-  onToggle: PropTypes__default["default"].func
+  onToggle: PropTypes.func
 
   /**
    * Provide a custom function for translating all message ids within this
@@ -265,4 +259,4 @@ SideNav.propTypes = {
 };
 
 exports.SideNavContext = SideNavContext;
-exports["default"] = SideNav;
+exports.default = SideNav;

package/lib/components/UIShell/SideNavDetails.js

@@ -15,12 +15,6 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var usePrefix = require('../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const SideNavDetails = ({
   children,
   className: customClassName,
@@ -28,10 +22,10 @@ const SideNavDetails = ({
   ...rest
 }) => {
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"](`${prefix}--side-nav__details`, customClassName);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  const className = cx(`${prefix}--side-nav__details`, customClassName);
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     className: className
-  }, rest), /*#__PURE__*/React__default["default"].createElement("h2", {
+  }, rest), /*#__PURE__*/React.createElement("h2", {
     className: `${prefix}--side-nav__title`,
     title: title
   }, title), children);
@@ -41,15 +35,15 @@ SideNavDetails.propTypes = {
    * Provide optional children to render in `SideNavDetails`. Useful for
    * rendering the `SideNavSwitcher` component.
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Optionally provide a custom class to apply to the underlying `<li>` node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Provide the text that will be rendered as the title in the component
    */
-  title: PropTypes__default["default"].string.isRequired
+  title: PropTypes.string.isRequired
 };
 
-exports["default"] = SideNavDetails;
+exports.default = SideNavDetails;

package/lib/components/UIShell/SideNavDivider.js

@@ -14,27 +14,21 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var usePrefix = require('../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var _hr;
 const SideNavDivider = ({
   className
 }) => {
   const prefix = usePrefix.usePrefix();
-  const classNames = cx__default["default"](`${prefix}--side-nav__divider`, className);
-  return /*#__PURE__*/React__default["default"].createElement("li", {
+  const classNames = cx(`${prefix}--side-nav__divider`, className);
+  return /*#__PURE__*/React.createElement("li", {
     className: classNames
-  }, _hr || (_hr = /*#__PURE__*/React__default["default"].createElement("hr", null)));
+  }, _hr || (_hr = /*#__PURE__*/React.createElement("hr", null)));
 };
 SideNavDivider.propTypes = {
   /**
    * Provide an optional class to be applied to the containing node
    */
-  className: PropTypes__default["default"].string
+  className: PropTypes.string
 };
 
-exports["default"] = SideNavDivider;
+exports.default = SideNavDivider;

package/lib/components/UIShell/SideNavFooter.js

@@ -15,12 +15,6 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var usePrefix = require('../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
 var _Close, _ChevronRight;
 /**
  * SideNavFooter is used for rendering the button at the bottom of the side
@@ -34,21 +28,21 @@ function SideNavFooter({
   onToggle
 }) {
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"](`${prefix}--side-nav__footer`, customClassName);
-  return /*#__PURE__*/React__default["default"].createElement("footer", {
+  const className = cx(`${prefix}--side-nav__footer`, customClassName);
+  return /*#__PURE__*/React.createElement("footer", {
     className: className
-  }, /*#__PURE__*/React__default["default"].createElement("button", {
+  }, /*#__PURE__*/React.createElement("button", {
     className: `${prefix}--side-nav__toggle`,
     type: "button",
     onClick: evt => onToggle(evt),
     title: assistiveText
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--side-nav__icon`
-  }, expanded ? _Close || (_Close = /*#__PURE__*/React__default["default"].createElement(iconsReact.Close, {
+  }, expanded ? _Close || (_Close = /*#__PURE__*/React.createElement(iconsReact.Close, {
     size: 20
-  })) : _ChevronRight || (_ChevronRight = /*#__PURE__*/React__default["default"].createElement(iconsReact.ChevronRight, {
+  })) : _ChevronRight || (_ChevronRight = /*#__PURE__*/React.createElement(iconsReact.ChevronRight, {
     size: 20
-  }))), /*#__PURE__*/React__default["default"].createElement("span", {
+  }))), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--assistive-text`
   }, assistiveText)));
 }
@@ -58,17 +52,17 @@ 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__default["default"].string,
-  className: PropTypes__default["default"].string,
+  assistiveText: PropTypes.string,
+  className: PropTypes.string,
   /**
    * Specify whether the side navigation is expanded or collapsed
    */
-  expanded: PropTypes__default["default"].bool.isRequired,
+  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__default["default"].func.isRequired
+  onToggle: PropTypes.func.isRequired
 };
 
-exports["default"] = SideNavFooter;
+exports.default = SideNavFooter;

package/lib/components/UIShell/SideNavHeader.js

@@ -15,42 +15,36 @@ var React = require('react');
 var SideNavIcon = require('./SideNavIcon.js');
 var usePrefix = require('../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const SideNavHeader = ({
   children,
   className: customClassName,
   renderIcon: IconElement
 }) => {
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"](`${prefix}--side-nav__header`, customClassName);
-  return /*#__PURE__*/React__default["default"].createElement("header", {
+  const className = cx(`${prefix}--side-nav__header`, customClassName);
+  return /*#__PURE__*/React.createElement("header", {
     className: className
-  }, /*#__PURE__*/React__default["default"].createElement(SideNavIcon["default"], null, /*#__PURE__*/React__default["default"].createElement(IconElement, null)), children);
+  }, /*#__PURE__*/React.createElement(SideNavIcon.default, null, /*#__PURE__*/React.createElement(IconElement, null)), children);
 };
 SideNavHeader.displayName = 'SideNavHeader';
 SideNavHeader.propTypes = {
   /**
    * The child nodes to be rendered
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Provide an optional class to be applied to the containing node
    */
-  className: PropTypes__default["default"].string,
+  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__default["default"].bool,
+  isSideNavExpanded: PropTypes.bool,
   /**
    * A component used to render an icon.
    */
-  renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object]).isRequired
+  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).isRequired
 };
 
-exports["default"] = SideNavHeader;
+exports.default = SideNavHeader;

package/lib/components/UIShell/SideNavIcon.js

@@ -14,24 +14,18 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var usePrefix = require('../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const SideNavIcon = ({
   children,
   className: customClassName,
   small = false
 }) => {
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"]({
+  const className = cx({
     [`${prefix}--side-nav__icon`]: true,
     [`${prefix}--side-nav__icon--small`]: small,
     [customClassName]: !!customClassName
   });
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: className
   }, children);
 };
@@ -40,15 +34,15 @@ SideNavIcon.propTypes = {
    * Provide a single icon as the child to `SideNavIcon` to render in the
    * container
    */
-  children: PropTypes__default["default"].node.isRequired,
+  children: PropTypes.node.isRequired,
   /**
    * Provide an optional class to be applied to the containing node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify whether the icon should be placed in a smaller bounding box
    */
-  small: PropTypes__default["default"].bool
+  small: PropTypes.bool
 };
 
-exports["default"] = SideNavIcon;
+exports.default = SideNavIcon;

package/lib/components/UIShell/SideNavItem.js

@@ -14,24 +14,18 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var usePrefix = require('../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const SideNavItem = ({
   className: customClassName,
   children,
   large = false
 }) => {
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"]({
+  const className = cx({
     [`${prefix}--side-nav__item`]: true,
     [`${prefix}--side-nav__item--large`]: large,
     [customClassName]: !!customClassName
   });
-  return /*#__PURE__*/React__default["default"].createElement("li", {
+  return /*#__PURE__*/React.createElement("li", {
     className: className
   }, children);
 };
@@ -40,15 +34,15 @@ SideNavItem.propTypes = {
    * Provide a single icon as the child to `SideNavItem` to render in the
    * container
    */
-  children: PropTypes__default["default"].node.isRequired,
+  children: PropTypes.node.isRequired,
   /**
    * Provide an optional class to be applied to the containing node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify if this is a large variation of the SideNavItem
    */
-  large: PropTypes__default["default"].bool
+  large: PropTypes.bool
 };
 
-exports["default"] = SideNavItem;
+exports.default = SideNavItem;

package/lib/components/UIShell/SideNavItems.js

@@ -15,31 +15,25 @@ var React = require('react');
 var _utils = require('./_utils.js');
 var usePrefix = require('../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const SideNavItems = ({
   className: customClassName,
   children,
   isSideNavExpanded
 }) => {
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"]([`${prefix}--side-nav__items`], customClassName);
-  const childrenWithExpandedState = React__default["default"].Children.map(children, child => {
-    if (/*#__PURE__*/React__default["default"].isValidElement(child)) {
+  const className = cx([`${prefix}--side-nav__items`], customClassName);
+  const childrenWithExpandedState = React.Children.map(children, child => {
+    if (/*#__PURE__*/React.isValidElement(child)) {
       // avoid spreading `isSideNavExpanded` to non-Carbon UI Shell children
       const childDisplayName = child.type?.displayName;
-      return /*#__PURE__*/React__default["default"].cloneElement(child, {
+      return /*#__PURE__*/React.cloneElement(child, {
         ...(_utils.CARBON_SIDENAV_ITEMS.includes(childDisplayName) ? {
           isSideNavExpanded
         } : {})
       });
     }
   });
-  return /*#__PURE__*/React__default["default"].createElement("ul", {
+  return /*#__PURE__*/React.createElement("ul", {
     className: className
   }, childrenWithExpandedState);
 };
@@ -49,16 +43,16 @@ SideNavItems.propTypes = {
    * Provide a single icon as the child to `SideNavIcon` to render in the
    * container
    */
-  children: PropTypes__default["default"].node.isRequired,
+  children: PropTypes.node.isRequired,
   /**
    * Provide an optional class to be applied to the containing node
    */
-  className: PropTypes__default["default"].string,
+  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__default["default"].bool
+  isSideNavExpanded: PropTypes.bool
 };
 
-exports["default"] = SideNavItems;
+exports.default = SideNavItems;

package/lib/components/UIShell/SideNavLink.js

@@ -20,12 +20,6 @@ var SideNavLinkText = require('./SideNavLinkText.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var SideNav = require('./SideNav.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 // First define a non-generic base component to work with forwardRef
 
 const SideNavLinkBase = ({
@@ -40,20 +34,20 @@ const SideNavLinkBase = ({
 }, ref) => {
   const isRail = React.useContext(SideNav.SideNavContext);
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"]({
+  const className = cx({
     [`${prefix}--side-nav__link`]: true,
     [`${prefix}--side-nav__link--current`]: isActive,
     [customClassName]: !!customClassName
   });
-  return /*#__PURE__*/React__default["default"].createElement(SideNavItem["default"], {
+  return /*#__PURE__*/React.createElement(SideNavItem.default, {
     large: large
-  }, /*#__PURE__*/React__default["default"].createElement(Link["default"], _rollupPluginBabelHelpers["extends"]({}, rest, {
+  }, /*#__PURE__*/React.createElement(Link.default, _rollupPluginBabelHelpers.extends({}, rest, {
     className: className,
     ref: ref,
     tabIndex: tabIndex === undefined ? !isSideNavExpanded && !isRail ? -1 : 0 : tabIndex
-  }), IconElement && /*#__PURE__*/React__default["default"].createElement(SideNavIcon["default"], {
+  }), IconElement && /*#__PURE__*/React.createElement(SideNavIcon.default, {
     small: true
-  }, /*#__PURE__*/React__default["default"].createElement(IconElement, null)), /*#__PURE__*/React__default["default"].createElement(SideNavLinkText["default"], null, children)));
+  }, /*#__PURE__*/React.createElement(IconElement, null)), /*#__PURE__*/React.createElement(SideNavLinkText.default, null, children)));
 };
 
 // Use forwardRef with the non-generic function and cast to the generic component type
@@ -64,33 +58,33 @@ SideNavLink.propTypes = {
   /**
    * Specify the text content for the link
    */
-  children: PropTypes__default["default"].node.isRequired,
+  children: PropTypes.node.isRequired,
   /**
    * Provide an optional class to be applied to the containing node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify whether the link is the current page
    */
-  isActive: PropTypes__default["default"].bool,
+  isActive: PropTypes.bool,
   /**
    * 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__default["default"].bool,
+  isSideNavExpanded: PropTypes.bool,
   /**
    * Specify if this is a large variation of the SideNavLink
    */
-  large: PropTypes__default["default"].bool,
+  large: PropTypes.bool,
   /**
    * A component used to render an icon.
    */
   // @ts-expect-error - PropTypes are unable to cover this case.
-  renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object]),
+  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Optional prop to specify the tabIndex of the button. If undefined, it will be applied default validation
    */
-  tabIndex: PropTypes__default["default"].number
+  tabIndex: PropTypes.number
 };
 
-exports["default"] = SideNavLink;
+exports.default = SideNavLink;

package/lib/components/UIShell/SideNavLinkText.js

@@ -15,20 +15,14 @@ var React = require('react');
 var usePrefix = require('../../internal/usePrefix.js');
 var PropTypes = require('prop-types');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
 function SideNavLinkText({
   className: customClassName,
   children,
   ...rest
 }) {
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"](`${prefix}--side-nav__link-text`, customClassName);
-  return /*#__PURE__*/React__default["default"].createElement("span", _rollupPluginBabelHelpers["extends"]({}, rest, {
+  const className = cx(`${prefix}--side-nav__link-text`, customClassName);
+  return /*#__PURE__*/React.createElement("span", _rollupPluginBabelHelpers.extends({}, rest, {
     className: className
   }), children);
 }
@@ -36,11 +30,11 @@ SideNavLinkText.propTypes = {
   /**
    * Provide the content for the link text
    */
-  children: PropTypes__default["default"].node.isRequired,
+  children: PropTypes.node.isRequired,
   /**
    * Provide an optional class to be applied to the containing node
    */
-  className: PropTypes__default["default"].string
+  className: PropTypes.string
 };
 
-exports["default"] = SideNavLinkText;
+exports.default = SideNavLinkText;