npm - @carbon/react - Versions diffs - 1.112.0 → 1.113.0-rc.0 - Mend

@carbon/react 1.112.0 → 1.113.0-rc.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.

Files changed (535) hide show

package/es/components/UIShell/HeaderMenuButton.js CHANGED Viewed

@@ -7,8 +7,8 @@
 import { usePrefix } from "../../internal/usePrefix.js";
 import { AriaLabelPropType } from "../../prop-types/AriaPropTypes.js";
-import classNames from "classnames";
 import "react";
+import cx from "classnames";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 import { Close, Menu } from "@carbon/icons-react";
@@ -21,7 +21,7 @@ import { Close, Menu } from "@carbon/icons-react";
 */
 function HeaderMenuButton({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, className: customClassName, renderMenuIcon, renderCloseIcon, isActive, isCollapsible, ...rest }) {
 	const prefix = usePrefix();
-	const className = classNames({
+	const className = cx({
 		...typeof customClassName === "string" && { [customClassName]: !!customClassName },
 		[`${prefix}--header__action`]: true,
 		[`${prefix}--header__menu-trigger`]: true,

package/es/components/UIShell/HeaderMenuItem.js CHANGED Viewed

@@ -8,8 +8,8 @@
 import { usePrefix } from "../../internal/usePrefix.js";
 import { deprecate } from "../../prop-types/deprecate.js";
 import Link, { LinkPropTypes } from "./Link.js";
-import classNames from "classnames";
 import { forwardRef } from "react";
+import cx from "classnames";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/UIShell/HeaderMenuItem.tsx
@@ -24,7 +24,7 @@ const HeaderMenuItem = forwardRef(function HeaderMenuItem({ className, isActive,
 	const resolvedTabIndex = tabIndex ?? 0;
 	if (isCurrentPage) isActive = isCurrentPage;
 	const hasCurrentClass = isActive && ariaCurrent !== "page";
-	const linkClassName = classNames({
+	const linkClassName = cx({
 		[`${prefix}--header__menu-item`]: true,
 		[`${prefix}--header__menu-item--current`]: hasCurrentClass
 	});

package/es/components/UIShell/HeaderName.js CHANGED Viewed

@@ -7,8 +7,8 @@
 import { usePrefix } from "../../internal/usePrefix.js";
 import Link, { LinkPropTypes } from "./Link.js";
-import classNames from "classnames";
 import "react";
+import cx from "classnames";
 import PropTypes from "prop-types";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/UIShell/HeaderName.tsx
@@ -20,7 +20,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 */
 function HeaderName({ children, className: customClassName, prefix = "IBM", ...rest }) {
 	const selectorPrefix = usePrefix();
-	const className = classNames(`${selectorPrefix}--header__name`, customClassName);
+	const className = cx(`${selectorPrefix}--header__name`, customClassName);
 	return /* @__PURE__ */ jsxs(Link, {
 		...rest,
 		className,

package/es/components/UIShell/HeaderNavigation.js CHANGED Viewed

@@ -7,8 +7,8 @@
 import { usePrefix } from "../../internal/usePrefix.js";
 import { AriaLabelPropType } from "../../prop-types/AriaPropTypes.js";
-import classNames from "classnames";
 import "react";
+import cx from "classnames";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/UIShell/HeaderNavigation.tsx
@@ -20,7 +20,7 @@ import { jsx } from "react/jsx-runtime";
 */
 function HeaderNavigation({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, children, className: customClassName, ...rest }) {
 	const prefix = usePrefix();
-	const className = classNames(`${prefix}--header__nav`, customClassName);
+	const className = cx(`${prefix}--header__nav`, customClassName);
 	return /* @__PURE__ */ jsx("nav", {
 		...rest,
 		"aria-label": ariaLabel,

package/es/components/UIShell/HeaderPanel.js CHANGED Viewed

@@ -5,16 +5,16 @@
  * LICENSE file in the root directory of this source tree.
  */
+import { noopFn } from "../../internal/noopFn.js";
 import { usePrefix } from "../../internal/usePrefix.js";
 import { Escape } from "../../internal/keyboard/keys.js";
 import { match } from "../../internal/keyboard/match.js";
-import { noopFn } from "../../internal/noopFn.js";
 import { isComponentElement } from "../../internal/utils.js";
 import { useMergedRefs } from "../../internal/useMergedRefs.js";
 import { useWindowEvent } from "../../internal/useEvent.js";
 import Switcher from "./Switcher.js";
-import classNames from "classnames";
 import React, { useRef, useState } from "react";
+import cx from "classnames";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/UIShell/HeaderPanel.tsx
@@ -32,7 +32,7 @@ const HeaderPanel = React.forwardRef(({ children, className: customClassName, ex
 	const [expandedState, setExpandedState] = useState(expanded);
 	const expandedProp = controlled ? expanded : expandedState;
 	const [lastClickedElement, setLastClickedElement] = useState(null);
-	const className = classNames(`${prefix}--header-panel`, {
+	const className = cx(`${prefix}--header-panel`, {
 		[`${prefix}--header-panel--expanded`]: expandedProp,
 		[customClassName]: !!customClassName
 	});

package/es/components/UIShell/HeaderSideNavItems.js CHANGED Viewed

@@ -6,8 +6,8 @@
  */
 import { usePrefix } from "../../internal/usePrefix.js";
-import classNames from "classnames";
 import "react";
+import cx from "classnames";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/UIShell/HeaderSideNavItems.tsx
@@ -20,7 +20,7 @@ import { jsx } from "react/jsx-runtime";
 function HeaderSideNavItems({ className: customClassName, children, hasDivider = false }) {
 	const prefix = usePrefix();
 	return /* @__PURE__ */ jsx("ul", {
-		className: classNames({
+		className: cx({
 			[`${prefix}--side-nav__header-navigation`]: true,
 			[`${prefix}--side-nav__header-divider`]: hasDivider
 		}, customClassName),

package/es/components/UIShell/SideNav.js CHANGED Viewed

@@ -14,8 +14,8 @@ import { useDelayedState } from "../../internal/useDelayedState.js";
 import { useMatchMedia } from "../../internal/useMatchMedia.js";
 import { AriaLabelPropType } from "../../prop-types/AriaPropTypes.js";
 import { SideNavContextProvider } from "./SideNavContext.js";
-import classNames from "classnames";
 import { forwardRef, useEffect, useRef } from "react";
+import cx from "classnames";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { breakpoints } from "@carbon/layout";
@@ -44,7 +44,7 @@ const SideNav = forwardRef((props, ref) => {
 		"aria-label": ariaLabel,
 		"aria-labelledby": ariaLabelledBy
 	};
-	const className = classNames(customClassName, {
+	const className = cx(customClassName, {
 		[`${prefix}--side-nav`]: true,
 		[`${prefix}--side-nav--expanded`]: expanded || expandedViaHoverState,
 		[`${prefix}--side-nav--collapsed`]: !expanded && isFixedNav,
@@ -52,7 +52,7 @@ const SideNav = forwardRef((props, ref) => {
 		[`${prefix}--side-nav--ux`]: isChildOfHeader,
 		[`${prefix}--side-nav--hidden`]: !isPersistent
 	});
-	const overlayClassName = classNames({
+	const overlayClassName = cx({
 		[`${prefix}--side-nav__overlay`]: true,
 		[`${prefix}--side-nav__overlay-active`]: expanded || expandedViaHoverState
 	});

package/es/components/UIShell/SideNavDetails.js CHANGED Viewed

@@ -6,8 +6,8 @@
  */
 import { usePrefix } from "../../internal/usePrefix.js";
-import classNames from "classnames";
 import "react";
+import cx from "classnames";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/UIShell/SideNavDetails.tsx
@@ -20,7 +20,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 const SideNavDetails = ({ children, className: customClassName, title, ...rest }) => {
 	const prefix = usePrefix();
 	return /* @__PURE__ */ jsxs("div", {
-		className: classNames(`${prefix}--side-nav__details`, customClassName),
+		className: cx(`${prefix}--side-nav__details`, customClassName),
 		...rest,
 		children: [/* @__PURE__ */ jsx("h2", {
 			className: `${prefix}--side-nav__title`,

package/es/components/UIShell/SideNavDivider.js CHANGED Viewed

@@ -6,8 +6,8 @@
  */
 import { usePrefix } from "../../internal/usePrefix.js";
-import classNames from "classnames";
 import "react";
+import cx from "classnames";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/UIShell/SideNavDivider.tsx
@@ -19,7 +19,7 @@ import { jsx } from "react/jsx-runtime";
 */
 const SideNavDivider = ({ className }) => {
 	return /* @__PURE__ */ jsx("li", {
-		className: classNames(`${usePrefix()}--side-nav__divider`, className),
+		className: cx(`${usePrefix()}--side-nav__divider`, className),
 		children: /* @__PURE__ */ jsx("hr", {})
 	});
 };

package/es/components/UIShell/SideNavFooter.js CHANGED Viewed

@@ -6,8 +6,8 @@
  */
 import { usePrefix } from "../../internal/usePrefix.js";
-import classNames from "classnames";
 import "react";
+import cx from "classnames";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronRight, Close } from "@carbon/icons-react";
@@ -26,7 +26,7 @@ import { ChevronRight, Close } from "@carbon/icons-react";
 function SideNavFooter({ assistiveText = "Toggle opening or closing the side navigation", className: customClassName, expanded, onToggle }) {
 	const prefix = usePrefix();
 	return /* @__PURE__ */ jsx("footer", {
-		className: classNames(`${prefix}--side-nav__footer`, customClassName),
+		className: cx(`${prefix}--side-nav__footer`, customClassName),
 		children: /* @__PURE__ */ jsxs("button", {
 			className: `${prefix}--side-nav__toggle`,
 			type: "button",

package/es/components/UIShell/SideNavHeader.js CHANGED Viewed

@@ -7,8 +7,8 @@
 import { usePrefix } from "../../internal/usePrefix.js";
 import SideNavIcon from "./SideNavIcon.js";
-import classNames from "classnames";
 import "react";
+import cx from "classnames";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/UIShell/SideNavHeader.tsx
@@ -20,7 +20,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 */
 const SideNavHeader = ({ children, className: customClassName, renderIcon: IconElement }) => {
 	return /* @__PURE__ */ jsxs("header", {
-		className: classNames(`${usePrefix()}--side-nav__header`, customClassName),
+		className: cx(`${usePrefix()}--side-nav__header`, customClassName),
 		children: [/* @__PURE__ */ jsx(SideNavIcon, { children: /* @__PURE__ */ jsx(IconElement, {}) }), children]
 	});
 };

package/es/components/UIShell/SideNavIcon.js CHANGED Viewed

@@ -6,8 +6,8 @@
  */
 import { usePrefix } from "../../internal/usePrefix.js";
-import classNames from "classnames";
 import "react";
+import cx from "classnames";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/UIShell/SideNavIcon.tsx
@@ -20,7 +20,7 @@ import { jsx } from "react/jsx-runtime";
 const SideNavIcon = ({ children, className: customClassName, small = false }) => {
 	const prefix = usePrefix();
 	return /* @__PURE__ */ jsx("div", {
-		className: classNames({
+		className: cx({
 			[`${prefix}--side-nav__icon`]: true,
 			[`${prefix}--side-nav__icon--small`]: small,
 			[customClassName]: !!customClassName

package/es/components/UIShell/SideNavItem.js CHANGED Viewed

@@ -6,8 +6,8 @@
  */
 import { usePrefix } from "../../internal/usePrefix.js";
-import classNames from "classnames";
 import "react";
+import cx from "classnames";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/UIShell/SideNavItem.tsx
@@ -20,7 +20,7 @@ import { jsx } from "react/jsx-runtime";
 const SideNavItem = ({ className: customClassName, children, large = false }) => {
 	const prefix = usePrefix();
 	return /* @__PURE__ */ jsx("li", {
-		className: classNames({
+		className: cx({
 			[`${prefix}--side-nav__item`]: true,
 			[`${prefix}--side-nav__item--large`]: large,
 			[customClassName]: !!customClassName

package/es/components/UIShell/SideNavItems.js CHANGED Viewed

@@ -7,8 +7,8 @@
 import { usePrefix } from "../../internal/usePrefix.js";
 import { SideNavContext, SideNavContextProvider } from "./SideNavContext.js";
-import classNames from "classnames";
 import { useContext } from "react";
+import cx from "classnames";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/UIShell/SideNavItems.tsx
@@ -25,7 +25,7 @@ const SideNavItems = ({ className: customClassName, children, isSideNavExpanded
 		isRail,
 		isSideNavExpanded: isSideNavExpanded ?? contextIsSideNavExpanded,
 		children: /* @__PURE__ */ jsx("ul", {
-			className: classNames([`${prefix}--side-nav__items`], customClassName),
+			className: cx([`${prefix}--side-nav__items`], customClassName),
 			children
 		})
 	});

package/es/components/UIShell/SideNavLink.js CHANGED Viewed

@@ -11,8 +11,8 @@ import { SideNavContext } from "./SideNavContext.js";
 import SideNavIcon from "./SideNavIcon.js";
 import SideNavItem from "./SideNavItem.js";
 import SideNavLinkText from "./SideNavLinkText.js";
-import classNames from "classnames";
 import { forwardRef, useContext } from "react";
+import cx from "classnames";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/UIShell/SideNavLink.tsx
@@ -27,7 +27,7 @@ const SideNavLink = forwardRef((props, ref) => {
 	const { isRail, isSideNavExpanded: contextIsSideNavExpanded } = useContext(SideNavContext);
 	const currentIsSideNavExpanded = isSideNavExpanded ?? contextIsSideNavExpanded;
 	const prefix = usePrefix();
-	const className = classNames({
+	const className = cx({
 		[`${prefix}--side-nav__link`]: true,
 		[`${prefix}--side-nav__link--current`]: isActive,
 		[customClassName]: !!customClassName

package/es/components/UIShell/SideNavLinkText.js CHANGED Viewed

@@ -6,8 +6,8 @@
  */
 import { usePrefix } from "../../internal/usePrefix.js";
-import classNames from "classnames";
 import "react";
+import cx from "classnames";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/UIShell/SideNavLinkText.tsx
@@ -18,7 +18,7 @@ import { jsx } from "react/jsx-runtime";
 * LICENSE file in the root directory of this source tree.
 */
 function SideNavLinkText({ className: customClassName, children, ...rest }) {
-	const className = classNames(`${usePrefix()}--side-nav__link-text`, customClassName);
+	const className = cx(`${usePrefix()}--side-nav__link-text`, customClassName);
 	return /* @__PURE__ */ jsx("span", {
 		...rest,
 		className,

package/es/components/UIShell/SideNavMenu.js CHANGED Viewed

@@ -11,8 +11,8 @@ import { match } from "../../internal/keyboard/match.js";
 import { composeEventHandlers } from "../../tools/events.js";
 import { SideNavContext } from "./SideNavContext.js";
 import SideNavIcon from "./SideNavIcon.js";
-import classNames from "classnames";
 import React, { forwardRef, useContext, useEffect, useRef, useState } from "react";
+import cx from "classnames";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown } from "@carbon/icons-react";
@@ -29,7 +29,7 @@ const SideNavMenu = forwardRef(({ className: customClassName, children, defaultE
 	const prefix = usePrefix();
 	const [isExpanded, setIsExpanded] = useState(defaultExpanded);
 	const prevExpandedRef = useRef(false);
-	const className = classNames({
+	const className = cx({
 		[`${prefix}--side-nav__item`]: true,
 		[`${prefix}--side-nav__item--active`]: isActive || hasActiveDescendant(children) && !isExpanded,
 		[`${prefix}--side-nav__item--icon`]: IconElement,
@@ -148,4 +148,4 @@ function hasActiveDescendant(children) {
 	return false;
 }
 //#endregion
-export { SideNavMenu as default };
+export { SideNavMenu, SideNavMenu as default };

package/es/components/UIShell/SideNavMenuItem.js CHANGED Viewed

@@ -8,8 +8,8 @@
 import { usePrefix } from "../../internal/usePrefix.js";
 import Link from "./Link.js";
 import SideNavLinkText from "./SideNavLinkText.js";
-import classNames from "classnames";
 import { forwardRef } from "react";
+import cx from "classnames";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/UIShell/SideNavMenuItem.tsx
@@ -22,8 +22,8 @@ import { jsx } from "react/jsx-runtime";
 const SideNavMenuItem = forwardRef((props, ref) => {
 	const prefix = usePrefix();
 	const { children, className: customClassName, as: Component = Link, isActive, ...rest } = props;
-	const className = classNames(`${prefix}--side-nav__menu-item`, customClassName);
-	const linkClassName = classNames({
+	const className = cx(`${prefix}--side-nav__menu-item`, customClassName);
+	const linkClassName = cx({
 		[`${prefix}--side-nav__link`]: true,
 		[`${prefix}--side-nav__link--current`]: isActive
 	});

package/es/components/UIShell/SideNavSwitcher.js CHANGED Viewed

@@ -7,8 +7,8 @@
 import { usePrefix } from "../../internal/usePrefix.js";
 import { useId } from "../../internal/useId.js";
-import classNames from "classnames";
 import { forwardRef } from "react";
+import cx from "classnames";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown } from "@carbon/icons-react";
@@ -24,7 +24,7 @@ const SideNavSwitcher = forwardRef((props, ref) => {
 	const prefix = usePrefix();
 	const { className: customClassName, labelText, onChange, options } = props;
 	return /* @__PURE__ */ jsxs("div", {
-		className: classNames(`${prefix}--side-nav__switcher`, customClassName),
+		className: cx(`${prefix}--side-nav__switcher`, customClassName),
 		children: [
 			/* @__PURE__ */ jsx("label", {
 				htmlFor: id,

package/es/components/UIShell/SkipToContent.js CHANGED Viewed

@@ -6,8 +6,8 @@
  */
 import { usePrefix } from "../../internal/usePrefix.js";
-import classNames from "classnames";
 import "react";
+import cx from "classnames";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/UIShell/SkipToContent.tsx
@@ -18,7 +18,7 @@ import { jsx } from "react/jsx-runtime";
 * LICENSE file in the root directory of this source tree.
 */
 function SkipToContent({ children = "Skip to main content", className: customClassName, href = "#main-content", tabIndex = 0, ...rest }) {
-	const className = classNames(`${usePrefix()}--skip-to-content`, customClassName);
+	const className = cx(`${usePrefix()}--skip-to-content`, customClassName);
 	return /* @__PURE__ */ jsx("a", {
 		...rest,
 		className,

package/es/components/UIShell/Switcher.js CHANGED Viewed

@@ -11,8 +11,8 @@ import { useMergedRefs } from "../../internal/useMergedRefs.js";
 import { AriaLabelPropType } from "../../prop-types/AriaPropTypes.js";
 import SwitcherItem from "./SwitcherItem.js";
 import SwitcherDivider from "./SwitcherDivider.js";
-import classNames from "classnames";
 import { Children, cloneElement, forwardRef, useRef } from "react";
+import cx from "classnames";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/UIShell/Switcher.tsx
@@ -31,7 +31,7 @@ const Switcher = forwardRef((props, forwardRef) => {
 		"aria-label": ariaLabel,
 		"aria-labelledby": ariaLabelledBy
 	};
-	const className = classNames(`${prefix}--switcher`, { [customClassName || ""]: !!customClassName });
+	const className = cx(`${prefix}--switcher`, { [customClassName || ""]: !!customClassName });
 	const handleSwitcherItemFocus = ({ currentIndex, direction }) => {
 		const enabledIndices = Children.toArray(children).reduce((acc, child, i) => {
 			if (isComponentElement(child, SwitcherItem) && Object.keys(child.props).length) acc.push(i);

package/es/components/UIShell/SwitcherDivider.js CHANGED Viewed

@@ -6,16 +6,16 @@
  */
 import { usePrefix } from "../../internal/usePrefix.js";
-import classNames from "classnames";
 import "react";
+import cx from "classnames";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/UIShell/SwitcherDivider.tsx
 const SwitcherDivider = ({ className: customClassName, ...other }) => {
-	const classNames$1 = classNames(`${usePrefix()}--switcher__item--divider`, { [customClassName || ""]: !!customClassName });
+	const classNames = cx(`${usePrefix()}--switcher__item--divider`, { [customClassName || ""]: !!customClassName });
 	return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("hr", {
 		...other,
-		className: classNames$1
+		className: classNames
 	}) });
 };
 SwitcherDivider.propTypes = {

package/es/components/UIShell/SwitcherItem.js CHANGED Viewed

@@ -10,8 +10,8 @@ import { ArrowDown, ArrowUp } from "../../internal/keyboard/keys.js";
 import { match } from "../../internal/keyboard/match.js";
 import { AriaLabelPropType } from "../../prop-types/AriaPropTypes.js";
 import Link from "./Link.js";
-import classNames from "classnames";
 import { forwardRef } from "react";
+import cx from "classnames";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/UIShell/SwitcherItem.tsx
@@ -24,12 +24,12 @@ import { jsx } from "react/jsx-runtime";
 const SwitcherItem = forwardRef((props, forwardRef) => {
 	const { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, className: customClassName, children, isSelected, expanded, tabIndex = expanded ? 0 : -1, index, handleSwitcherItemFocus, onKeyDown = () => {}, href, target, rel, ...rest } = props;
 	const prefix = usePrefix();
-	const classNames$1 = classNames(`${prefix}--switcher__item`, { [customClassName || ""]: !!customClassName });
+	const classNames = cx(`${prefix}--switcher__item`, { [customClassName || ""]: !!customClassName });
 	const accessibilityLabel = {
 		"aria-label": ariaLabel,
 		"aria-labelledby": ariaLabelledBy
 	};
-	const linkClassName = classNames(`${prefix}--switcher__item-link`, { [`${prefix}--switcher__item-link--selected`]: isSelected });
+	const linkClassName = cx(`${prefix}--switcher__item-link`, { [`${prefix}--switcher__item-link--selected`]: isSelected });
 	function setTabFocus(evt) {
 		if (match(evt, ArrowDown)) {
 			evt.preventDefault();
@@ -47,7 +47,7 @@ const SwitcherItem = forwardRef((props, forwardRef) => {
 		}
 	}
 	return /* @__PURE__ */ jsx("li", {
-		className: classNames$1,
+		className: classNames,
 		children: /* @__PURE__ */ jsx(Link, {
 			onKeyDown: (evt) => {
 				setTabFocus(evt);

package/es/components/UnorderedList/UnorderedList.js CHANGED Viewed

@@ -6,8 +6,8 @@
  */
 import { usePrefix } from "../../internal/usePrefix.js";
-import classNames from "classnames";
 import "react";
+import cx from "classnames";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/UnorderedList/UnorderedList.tsx
@@ -20,7 +20,7 @@ import { jsx } from "react/jsx-runtime";
 function UnorderedList({ className, nested = false, isExpressive = false, ...other }) {
 	const prefix = usePrefix();
 	return /* @__PURE__ */ jsx("ul", {
-		className: classNames(`${prefix}--list--unordered`, className, {
+		className: cx(`${prefix}--list--unordered`, className, {
 			[`${prefix}--list--nested`]: nested,
 			[`${prefix}--list--expressive`]: isExpressive
 		}),