@carbon/react 1.109.0 → 1.110.0

package/es/components/ListBox/ListBox.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * 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.
@@ -37,7 +37,7 @@ export interface ListBoxProps extends Omit<HTMLAttributes<HTMLDivElement>, Exclu
      */
     light?: boolean;
     /**
-     * Specify the size of the ListBox. Currently supports either `sm`, `md` or `lg` as an option.
+     * Specify the size of the ListBox. Currently supports either `xs`, `sm`, `md` or `lg` as an option.
      */
     size?: ListBoxSize;
     /**

package/es/components/ListBox/ListBox.js

@@ -9,13 +9,13 @@ import { usePrefix } from "../../internal/usePrefix.js";
 import { deprecate } from "../../prop-types/deprecate.js";
 import { ListBoxSizePropType, ListBoxTypePropType } from "./ListBoxPropTypes.js";
 import { FormContext } from "../FluidForm/FormContext.js";
-import classNames from "classnames";
 import { forwardRef, useContext } from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ListBox/ListBox.tsx
 /**
-* Copyright IBM Corp. 2016, 2025
+* 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.
@@ -40,6 +40,7 @@ const ListBox = forwardRef((props, ref) => {
 		...containerClassName && { [containerClassName]: true },
 		[`${prefix}--list-box`]: true,
 		[`${prefix}--list-box--${size}`]: size,
+		[`${prefix}--layout--size-${size}`]: size,
 		[`${prefix}--list-box--inline`]: type === "inline",
 		[`${prefix}--list-box--disabled`]: disabled,
 		[`${prefix}--list-box--light`]: light,

package/es/components/ListBox/ListBoxMenuIcon.js

@@ -6,8 +6,8 @@
  */
 
 import { usePrefix } from "../../internal/usePrefix.js";
-import classNames from "classnames";
 import "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 import { ChevronDown } from "@carbon/icons-react";

package/es/components/ListBox/ListBoxMenuItem.js

@@ -7,8 +7,8 @@
 
 import { usePrefix } from "../../internal/usePrefix.js";
 import { useMergedRefs } from "../../internal/useMergedRefs.js";
-import classNames from "classnames";
 import { forwardRef, useEffect, useRef, useState } from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/ListBox/ListBoxMenuItem.tsx

package/es/components/ListBox/ListBoxPropTypes.d.ts

@@ -1,14 +1,14 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * 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.
  */
 import PropTypes from 'prop-types';
 declare const listBoxTypes: readonly ["default", "inline"];
-declare const listBoxSizes: readonly ["sm", "md", "lg"];
+declare const listBoxSizes: readonly ["xs", "sm", "md", "lg"];
 export type ListBoxType = (typeof listBoxTypes)[number];
 export type ListBoxSize = (typeof listBoxSizes)[number];
 export declare const ListBoxTypePropType: PropTypes.Requireable<"default" | "inline">;
-export declare const ListBoxSizePropType: PropTypes.Requireable<"sm" | "md" | "lg">;
+export declare const ListBoxSizePropType: PropTypes.Requireable<"sm" | "md" | "lg" | "xs">;
 export {};

package/es/components/ListBox/ListBoxPropTypes.js

@@ -8,13 +8,14 @@
 import PropTypes from "prop-types";
 //#region src/components/ListBox/ListBoxPropTypes.ts
 /**
-* Copyright IBM Corp. 2016, 2025
+* 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 listBoxTypes = ["default", "inline"];
 const listBoxSizes = [
+	"xs",
 	"sm",
 	"md",
 	"lg"

package/es/components/ListBox/ListBoxSelection.js

@@ -6,8 +6,8 @@
  */
 
 import { usePrefix } from "../../internal/usePrefix.js";
-import classNames from "classnames";
 import "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Close } from "@carbon/icons-react";

package/es/components/ListBox/next/ListBoxSelection.js

@@ -6,8 +6,8 @@
  */
 
 import { usePrefix } from "../../../internal/usePrefix.js";
-import classNames from "classnames";
 import "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Close } from "@carbon/icons-react";

package/es/components/ListBox/next/ListBoxTrigger.js

@@ -6,8 +6,8 @@
  */
 
 import { usePrefix } from "../../../internal/usePrefix.js";
-import classNames from "classnames";
 import React from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 import { ChevronDown } from "@carbon/icons-react";

package/es/components/ListItem/ListItem.js

@@ -7,8 +7,8 @@
 
 import { usePrefix } from "../../internal/usePrefix.js";
 import { Text } from "../Text/Text.js";
-import classNames from "classnames";
 import "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/ListItem/ListItem.tsx

package/es/components/Loading/Loading.js

@@ -7,8 +7,8 @@
 
 import { usePrefix } from "../../internal/usePrefix.js";
 import { deprecate } from "../../prop-types/deprecate.js";
-import classNames from "classnames";
 import "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Loading/Loading.tsx

package/es/components/Menu/Menu.js

@@ -13,8 +13,8 @@ import { useMergedRefs } from "../../internal/useMergedRefs.js";
 import { MenuContext, menuReducer } from "./MenuContext.js";
 import { useLayoutDirection } from "../LayoutDirection/useLayoutDirection.js";
 import { canUseDOM } from "../../internal/environment.js";
-import classNames from "classnames";
 import { forwardRef, useContext, useEffect, useMemo, useReducer, useRef, useState } from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 import { createPortal } from "react-dom";

package/es/components/Menu/MenuContext.d.ts

@@ -5,16 +5,22 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { KeyboardEvent, RefObject } from 'react';
+type RegisterItemPayload = {
+    ref: RefObject<HTMLLIElement | null>;
+    disabled: boolean;
+};
 type ActionType = {
-    type: 'enableIcons' | 'enableSelectableItems' | 'registerItem';
-    payload: any;
+    type: 'enableIcons' | 'enableSelectableItems';
+} | {
+    type: 'registerItem';
+    payload: RegisterItemPayload;
 };
 type StateType = {
     isRoot: boolean;
     hasIcons: boolean;
     hasSelectableItems: boolean;
     size: 'xs' | 'sm' | 'md' | 'lg' | null;
-    items: any[];
+    items: RegisterItemPayload[];
     requestCloseRoot: (e: Pick<KeyboardEvent<HTMLUListElement>, 'type'>) => void;
 };
 declare function menuReducer(state: StateType, action: ActionType): {
@@ -22,19 +28,12 @@ declare function menuReducer(state: StateType, action: ActionType): {
     isRoot: boolean;
     hasSelectableItems: boolean;
     size: "xs" | "sm" | "md" | "lg" | null;
-    items: any[];
+    items: RegisterItemPayload[];
     requestCloseRoot: (e: Pick<KeyboardEvent<HTMLUListElement>, "type">) => void;
 };
-type DispatchFuncProps = {
-    type: ActionType['type'];
-    payload: {
-        ref: RefObject<HTMLLIElement | null>;
-        disabled: boolean;
-    };
-};
 type MenuContextProps = {
     state: StateType;
-    dispatch: (props: DispatchFuncProps) => void;
+    dispatch: (props: ActionType) => void;
 };
 declare const MenuContext: import("react").Context<MenuContextProps>;
 export { MenuContext, menuReducer };

package/es/components/Menu/MenuItem.js

@@ -16,8 +16,8 @@ import { MenuContext } from "./MenuContext.js";
 import { useLayoutDirection } from "../LayoutDirection/useLayoutDirection.js";
 import { Menu as Menu$1 } from "./Menu.js";
 import { useControllableState } from "../../internal/useControllableState.js";
-import classNames from "classnames";
 import React, { forwardRef, useContext, useEffect, useRef, useState } from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { CaretLeft, CaretRight, Checkmark } from "@carbon/icons-react";

package/es/components/MenuButton/index.js

@@ -13,8 +13,8 @@ import Button_default from "../Button/index.js";
 import { mergeRefs } from "../../tools/mergeRefs.js";
 import { Menu as Menu$1 } from "../Menu/Menu.js";
 import { useAttachedMenu } from "../../internal/useAttachedMenu.js";
-import classNames from "classnames";
 import { forwardRef, useRef } from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown } from "@carbon/icons-react";

package/es/components/Modal/Modal.js

@@ -5,14 +5,14 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+import { noopFn } from "../../internal/noopFn.js";
+import { warning } from "../../internal/warning.js";
 import { usePrefix } from "../../internal/usePrefix.js";
 import { Text } from "../Text/Text.js";
 import { Enter, Escape, Tab } from "../../internal/keyboard/keys.js";
 import { match } from "../../internal/keyboard/match.js";
 import { selectorTabbable } from "../../internal/keyboard/navigation.js";
 import { useId } from "../../internal/useId.js";
-import { noopFn } from "../../internal/noopFn.js";
-import { warning } from "../../internal/warning.js";
 import { deprecate } from "../../prop-types/deprecate.js";
 import { isComponentElement } from "../../internal/utils.js";
 import { useMergedRefs } from "../../internal/useMergedRefs.js";
@@ -32,8 +32,8 @@ import { isTopmostVisibleModal } from "./isTopmostVisibleModal.js";
 import { requiredIfGivenPropIsTruthy } from "../../prop-types/requiredIfGivenPropIsTruthy.js";
 import { usePreviousValue } from "../../internal/usePreviousValue.js";
 import { ModalPresence, ModalPresenceContext, useExclusiveModalPresenceContext } from "./ModalPresence.js";
-import classNames from "classnames";
 import React, { cloneElement, useCallback, useContext, useEffect, useRef, useState } from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Close } from "@carbon/icons-react";

package/es/components/ModalWrapper/ModalWrapper.js

@@ -5,10 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { Escape } from "../../internal/keyboard/keys.js";
-import { match } from "../../internal/keyboard/match.js";
 import { noopFn } from "../../internal/noopFn.js";
 import { warning } from "../../internal/warning.js";
+import { Escape } from "../../internal/keyboard/keys.js";
+import { match } from "../../internal/keyboard/match.js";
 import { ButtonKinds } from "../Button/Button.js";
 import Button_default from "../Button/index.js";
 import Modal_default from "../Modal/index.js";

package/es/components/MultiSelect/FilterableMultiSelect.js

@@ -28,8 +28,8 @@ import { sortingPropTypes } from "./MultiSelectPropTypes.js";
 import { isSelectAllItem } from "./tools/isSelectAllItem.js";
 import { defaultCompareItems, defaultSortItems } from "./tools/sorting.js";
 import { useSelection } from "../../internal/Selection.js";
-import classNames from "classnames";
 import { cloneElement, forwardRef, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { WarningAltFilled, WarningFilled } from "@carbon/icons-react";

package/es/components/MultiSelect/MultiSelect.d.ts

@@ -143,7 +143,7 @@ export interface MultiSelectProps<ItemType> extends MultiSelectSortingProps<Item
      */
     selectionFeedback?: 'fixed' | 'top' | 'top-after-reopen';
     /**
-     * Specify the size of the ListBox. Currently supports either `sm`, `md` or `lg` as an option.
+     * Specify the size of the ListBox. Currently supports either `xs`, `sm`, `md` or `lg` as an option.
      */
     size?: ListBoxSize;
     /**

package/es/components/MultiSelect/MultiSelect.js

@@ -5,12 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+import { noopFn } from "../../internal/noopFn.js";
 import { usePrefix } from "../../internal/usePrefix.js";
 import { ArrowDown, Delete, Enter, Escape, Space } from "../../internal/keyboard/keys.js";
 import { match } from "../../internal/keyboard/match.js";
 import useIsomorphicEffect from "../../internal/useIsomorphicEffect.js";
 import { useId } from "../../internal/useId.js";
-import { noopFn } from "../../internal/noopFn.js";
 import { deprecate } from "../../prop-types/deprecate.js";
 import { defaultItemToString } from "../../internal/defaultItemToString.js";
 import { isComponentElement } from "../../internal/utils.js";
@@ -26,8 +26,8 @@ import { sortingPropTypes } from "./MultiSelectPropTypes.js";
 import { isSelectAllItem } from "./tools/isSelectAllItem.js";
 import { defaultCompareItems, defaultSortItems } from "./tools/sorting.js";
 import { useSelection } from "../../internal/Selection.js";
-import classNames from "classnames";
 import React, { cloneElement, isValidElement, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { WarningAltFilled, WarningFilled } from "@carbon/icons-react";

package/es/components/Notification/Notification.js

@@ -5,22 +5,22 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+import { noopFn } from "../../internal/noopFn.js";
+import { warning } from "../../internal/warning.js";
 import { usePrefix } from "../../internal/usePrefix.js";
 import { Text } from "../Text/Text.js";
 import { Escape, Tab } from "../../internal/keyboard/keys.js";
 import { match, matches } from "../../internal/keyboard/match.js";
 import useIsomorphicEffect from "../../internal/useIsomorphicEffect.js";
 import { useId } from "../../internal/useId.js";
-import { noopFn } from "../../internal/noopFn.js";
-import { warning } from "../../internal/warning.js";
 import { deprecate } from "../../prop-types/deprecate.js";
 import { deprecateValuesWithin } from "../../prop-types/deprecateValuesWithin.js";
 import { useFeatureFlag } from "../FeatureFlags/index.js";
 import { useInteractiveChildrenNeedDescription, useNoInteractiveChildren } from "../../internal/useNoInteractiveChildren.js";
 import Button_default from "../Button/index.js";
 import { wrapFocus, wrapFocusWithoutSentinels } from "../../internal/wrapFocus.js";
-import classNames from "classnames";
 import { useEffect, useRef, useState } from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CheckmarkFilled, Close, ErrorFilled, InformationFilled, InformationSquareFilled, WarningAltFilled, WarningFilled } from "@carbon/icons-react";

package/es/components/NumberInput/NumberInput.Skeleton.js

@@ -6,8 +6,8 @@
  */
 
 import { usePrefix } from "../../internal/usePrefix.js";
-import classNames from "classnames";
 import "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/NumberInput/NumberInput.Skeleton.tsx

package/es/components/NumberInput/NumberInput.js

@@ -18,8 +18,8 @@ import { FormContext } from "../FluidForm/FormContext.js";
 import { useControllableState } from "../../internal/useControllableState.js";
 import { clamp } from "../../internal/clamp.js";
 import { NumberFormatOptionsPropType } from "./NumberFormatPropTypes.js";
-import classNames from "classnames";
 import React, { cloneElement, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Add, Subtract } from "@carbon/icons-react";

package/es/components/OrderedList/OrderedList.js

@@ -6,8 +6,8 @@
  */
 
 import { usePrefix } from "../../internal/usePrefix.js";
-import classNames from "classnames";
 import "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/OrderedList/OrderedList.tsx

package/es/components/OverflowMenu/OverflowMenu.js

@@ -5,11 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+import { noopFn } from "../../internal/noopFn.js";
 import { PrefixContext } from "../../internal/usePrefix.js";
 import { ArrowDown, ArrowLeft, ArrowRight as ArrowRight$1, ArrowUp as ArrowUp$1, Escape, Tab } from "../../internal/keyboard/keys.js";
 import { matches } from "../../internal/keyboard/match.js";
 import { setupGetInstanceId } from "../../tools/setupGetInstanceId.js";
-import { noopFn } from "../../internal/noopFn.js";
 import { deprecate } from "../../prop-types/deprecate.js";
 import { deprecateValuesWithin } from "../../prop-types/deprecateValuesWithin.js";
 import { mapPopoverAlign } from "../../tools/mapPopoverAlign.js";
@@ -17,8 +17,8 @@ import { IconButton } from "../IconButton/index.js";
 import { mergeRefs } from "../../tools/mergeRefs.js";
 import { DIRECTION_BOTTOM, FloatingMenu } from "../../internal/FloatingMenu.js";
 import { useOutsideClick } from "../../internal/useOutsideClick.js";
-import classNames from "classnames";
 import React, { Children, cloneElement, forwardRef, isValidElement, useCallback, useContext, useEffect, useRef, useState } from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { OverflowMenuVertical } from "@carbon/icons-react";

package/es/components/OverflowMenu/next/index.js

@@ -14,8 +14,8 @@ import { IconButton } from "../../IconButton/index.js";
 import { mergeRefs } from "../../../tools/mergeRefs.js";
 import { Menu as Menu$1 } from "../../Menu/Menu.js";
 import { useAttachedMenu } from "../../../internal/useAttachedMenu.js";
-import classNames from "classnames";
 import React, { useEffect, useRef } from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { OverflowMenuVertical } from "@carbon/icons-react";

package/es/components/OverflowMenuItem/OverflowMenuItem.js

@@ -5,14 +5,14 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+import { warning } from "../../internal/warning.js";
 import { usePrefix } from "../../internal/usePrefix.js";
 import { Text } from "../Text/Text.js";
 import { ArrowDown, ArrowUp } from "../../internal/keyboard/keys.js";
 import { match } from "../../internal/keyboard/match.js";
 import { useId } from "../../internal/useId.js";
-import { warning } from "../../internal/warning.js";
-import classNames from "classnames";
 import { forwardRef } from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/OverflowMenuItem/OverflowMenuItem.tsx

package/es/components/PageHeader/PageHeader.js

@@ -21,8 +21,8 @@ import { useMatchMedia } from "../../internal/useMatchMedia.js";
 import Tag from "../Tag/Tag.js";
 import OperationalTag from "../Tag/OperationalTag.js";
 import useOverflowItems from "../../internal/useOverflowItems.js";
-import classNames from "classnames";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createOverflowHandler } from "@carbon/utilities";

package/es/components/Pagination/Pagination.Skeleton.js

@@ -7,8 +7,8 @@
 
 import { usePrefix } from "../../internal/usePrefix.js";
 import SkeletonText_default from "../SkeletonText/index.js";
-import classNames from "classnames";
 import "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Pagination/Pagination.Skeleton.tsx

package/es/components/Pagination/Pagination.js

@@ -11,8 +11,8 @@ import { IconButton } from "../IconButton/index.js";
 import { usePreviousValue } from "../../internal/usePreviousValue.js";
 import Select_default from "../Select/index.js";
 import SelectItem_default from "../SelectItem/index.js";
-import classNames from "classnames";
 import React, { useEffect, useMemo, useRef, useState } from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { CaretLeft, CaretRight } from "@carbon/icons-react";

package/es/components/Pagination/experimental/PageSelector.js

@@ -9,8 +9,8 @@ import { usePrefix } from "../../../internal/usePrefix.js";
 import { useId } from "../../../internal/useId.js";
 import Select_default from "../../Select/index.js";
 import SelectItem_default from "../../SelectItem/index.js";
-import classNames from "classnames";
 import "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Pagination/experimental/PageSelector.js

package/es/components/Pagination/experimental/Pagination.js

@@ -9,8 +9,8 @@ import { usePrefix } from "../../../internal/usePrefix.js";
 import { IconButton } from "../../IconButton/index.js";
 import Select_default from "../../Select/index.js";
 import SelectItem_default from "../../SelectItem/index.js";
-import classNames from "classnames";
 import { useState } from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { CaretLeft, CaretRight } from "@carbon/icons-react";

package/es/components/PaginationNav/PaginationNav.js

@@ -9,8 +9,8 @@ import { usePrefix } from "../../internal/usePrefix.js";
 import { IconButton } from "../IconButton/index.js";
 import { clamp } from "../../internal/clamp.js";
 import { useMatchMedia } from "../../internal/useMatchMedia.js";
-import classNames from "classnames";
 import React, { useEffect, useRef, useState } from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CaretLeft, CaretRight, OverflowMenuHorizontal } from "@carbon/icons-react";

package/es/components/Popover/index.js

@@ -13,8 +13,8 @@ import { useMergedRefs } from "../../internal/useMergedRefs.js";
 import { useEvent, useWindowEvent } from "../../internal/useEvent.js";
 import { mapPopoverAlign } from "../../tools/mapPopoverAlign.js";
 import { useFeatureFlag } from "../FeatureFlags/index.js";
-import classNames from "classnames";
 import React, { forwardRef, useEffect, useMemo, useRef } from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { arrow, autoUpdate, flip, hide, offset, useFloating } from "@floating-ui/react";

package/es/components/ProgressBar/ProgressBar.js

@@ -8,8 +8,8 @@
 import { usePrefix } from "../../internal/usePrefix.js";
 import useIsomorphicEffect from "../../internal/useIsomorphicEffect.js";
 import { useId } from "../../internal/useId.js";
-import classNames from "classnames";
 import React, { useRef } from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CheckmarkFilled, ErrorFilled } from "@carbon/icons-react";

package/es/components/ProgressIndicator/ProgressIndicator.Skeleton.js

@@ -6,8 +6,8 @@
  */
 
 import { usePrefix } from "../../internal/usePrefix.js";
-import classNames from "classnames";
 import "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CircleDash } from "@carbon/icons-react";

package/es/components/ProgressIndicator/ProgressIndicator.js

@@ -9,8 +9,8 @@ import { usePrefix } from "../../internal/usePrefix.js";
 import { Text } from "../Text/Text.js";
 import { Enter, Space } from "../../internal/keyboard/keys.js";
 import { matches } from "../../internal/keyboard/match.js";
-import classNames from "classnames";
 import React from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CheckmarkOutline, CircleDash, Incomplete, Warning } from "@carbon/icons-react";

package/es/components/RadioButton/RadioButton.Skeleton.js

@@ -6,8 +6,8 @@
  */
 
 import { usePrefix } from "../../internal/usePrefix.js";
-import classNames from "classnames";
 import "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/RadioButton/RadioButton.Skeleton.tsx

package/es/components/RadioButton/RadioButton.js

@@ -13,8 +13,8 @@ import { isComponentElement } from "../../internal/utils.js";
 import { useNormalizedInputProps } from "../../internal/useNormalizedInputProps.js";
 import { AILabel } from "../AILabel/index.js";
 import { mergeRefs } from "../../tools/mergeRefs.js";
-import classNames from "classnames";
 import React, { cloneElement, useRef } from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/RadioButton/RadioButton.tsx

package/es/components/RadioButtonGroup/RadioButtonGroup.js

@@ -14,8 +14,8 @@ import { AILabel } from "../AILabel/index.js";
 import { mergeRefs } from "../../tools/mergeRefs.js";
 import RadioButton_default from "../RadioButton/index.js";
 import { Legend } from "../Text/createTextComponent.js";
-import classNames from "classnames";
 import React, { Children, cloneElement, createContext, useEffect, useRef, useState } from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { WarningAltFilled, WarningFilled } from "@carbon/icons-react";

package/es/components/RadioTile/RadioTile.js

@@ -5,18 +5,18 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+import { noopFn } from "../../internal/noopFn.js";
 import { usePrefix } from "../../internal/usePrefix.js";
 import { Text } from "../Text/Text.js";
 import { Enter, Space } from "../../internal/keyboard/keys.js";
 import { matches } from "../../internal/keyboard/match.js";
 import { useFallbackId } from "../../internal/useId.js";
-import { noopFn } from "../../internal/noopFn.js";
 import { deprecate } from "../../prop-types/deprecate.js";
 import { isComponentElement } from "../../internal/utils.js";
 import { useFeatureFlag } from "../FeatureFlags/index.js";
 import { AILabel } from "../AILabel/index.js";
-import classNames from "classnames";
 import React, { cloneElement } from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CheckmarkFilled, RadioButton, RadioButtonChecked } from "@carbon/icons-react";

package/es/components/Search/Search.Skeleton.js

@@ -7,8 +7,8 @@
 
 import { usePrefix } from "../../internal/usePrefix.js";
 import { deprecate } from "../../prop-types/deprecate.js";
-import classNames from "classnames";
 import "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Search/Search.Skeleton.tsx