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

@carbon/react 1.110.0-rc.0 → 1.110.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 (429) hide show

package/es/components/Slider/Slider.Skeleton.js CHANGED Viewed

@@ -8,8 +8,8 @@
 import { usePrefix } from "../../internal/usePrefix.js";
 import useIsomorphicEffect from "../../internal/useIsomorphicEffect.js";
 import { LowerHandle, UpperHandle } from "./SliderHandles.js";
-import classNames from "classnames";
 import { useState } from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Slider/Slider.Skeleton.tsx

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

@@ -15,8 +15,8 @@ import { Tooltip } from "../Tooltip/Tooltip.js";
 import { useNormalizedInputProps } from "../../internal/useNormalizedInputProps.js";
 import { clamp } from "../../internal/clamp.js";
 import { LowerHandle, LowerHandleFocus, UpperHandle, UpperHandleFocus } from "./SliderHandles.js";
-import classNames from "classnames";
 import { useEffect, useMemo, useReducer, useRef } 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/Stack/Stack.js CHANGED Viewed

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

package/es/components/StructuredList/StructuredList.Skeleton.js CHANGED Viewed

@@ -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/StructuredList/StructuredList.Skeleton.tsx

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

@@ -10,8 +10,8 @@ import { Text } from "../Text/Text.js";
 import { useId } from "../../internal/useId.js";
 import { deprecate } from "../../prop-types/deprecate.js";
 import { useOutsideClick } from "../../internal/useOutsideClick.js";
-import classNames from "classnames";
 import React, { useRef, useState } from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { RadioButton, RadioButtonChecked } from "@carbon/icons-react";

package/es/components/Switch/IconSwitch.js CHANGED Viewed

@@ -5,11 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
-import { usePrefix } from "../../internal/usePrefix.js";
 import { noopFn } from "../../internal/noopFn.js";
+import { usePrefix } from "../../internal/usePrefix.js";
 import { IconButton } from "../IconButton/index.js";
-import classNames from "classnames";
 import { forwardRef, useState } from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Switch/IconSwitch.tsx

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

@@ -5,10 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
-import { usePrefix } from "../../internal/usePrefix.js";
 import { noopFn } from "../../internal/noopFn.js";
-import classNames from "classnames";
+import { usePrefix } from "../../internal/usePrefix.js";
 import React from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Switch/Switch.tsx

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

@@ -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/TabContent/TabContent.tsx

package/es/components/Tabs/Tabs.Skeleton.js CHANGED Viewed

@@ -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/Tabs/Tabs.Skeleton.tsx

package/es/components/Tabs/Tabs.d.ts CHANGED Viewed

@@ -194,6 +194,9 @@ export interface TabListProps extends DivAttributes {
     scrollIntoView?: boolean;
     /**
      * Specify the size of the tabs.
+     *
+     * Supports `sm` and `md` for line tabs.
+     * Supports `sm`, `md`, and `lg` for contained tabs.
      */
     size?: 'sm' | 'md' | 'lg';
 }
@@ -256,6 +259,9 @@ declare namespace TabList {
         scrollIntoView: PropTypes.Requireable<boolean>;
         /**
          * Specify the size of the tabs.
+         *
+         * Supports `sm` and `md` for line tabs.
+         * Supports `sm`, `md`, and `lg` for contained tabs.
          */
         size: PropTypes.Requireable<string>;
     };
@@ -288,8 +294,12 @@ export interface TabListVerticalProps extends DivAttributes {
      * on component rerender
      */
     scrollIntoView?: boolean;
+    /**
+     * Specify the size of the tabs.
+     */
+    size?: 'sm' | 'md' | 'lg' | 'xl';
 }
-declare function TabListVertical({ activation, 'aria-label': label, children, className: customClassName, scrollIntoView, ...rest }: TabListVerticalProps): import("react/jsx-runtime").JSX.Element;
+declare function TabListVertical({ activation, 'aria-label': label, children, className: customClassName, scrollIntoView, size, ...rest }: TabListVerticalProps): import("react/jsx-runtime").JSX.Element;
 declare namespace TabListVertical {
     var propTypes: {
         /**
@@ -311,6 +321,10 @@ declare namespace TabListVertical {
          * Specify an optional className to be added to the container node
          */
         className: PropTypes.Requireable<string>;
+        /**
+         * Specify the size of the tabs.
+         */
+        size: PropTypes.Requireable<string>;
     };
 }
 /**

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

@@ -21,8 +21,8 @@ import { useControllableState } from "../../internal/useControllableState.js";
 import { GridAsGridComponent } from "../Grid/Grid.js";
 import { useMatchMedia } from "../../internal/useMatchMedia.js";
 import { usePressable } from "./usePressable.js";
-import classNames from "classnames";
 import React, { Children, cloneElement, createContext, forwardRef, isValidElement, 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 { ChevronLeft, ChevronRight, Close } from "@carbon/icons-react";
@@ -161,7 +161,7 @@ function TabList({ activation = "automatic", "aria-label": label, children, clas
 		[`${prefix}--tabs__icon--default`]: iconSize === "default",
 		[`${prefix}--tabs__icon--lg`]: iconSize === "lg",
 		[`${prefix}--layout--size-lg`]: iconSize === "lg",
-		[`${prefix}--layout--size-${size}`]: size && !hasSecondaryLabelTabs,
+		[`${prefix}--layout--size-${size}`]: size && !hasSecondaryLabelTabs && (contained || size === "sm" || size === "md"),
 		[`${prefix}--tabs--tall`]: hasSecondaryLabelTabs,
 		[`${prefix}--tabs--full-width`]: distributeWidth,
 		[`${prefix}--tabs--dismissable`]: dismissable
@@ -349,14 +349,14 @@ TabList.propTypes = {
 		"lg"
 	])
 };
-function TabListVertical({ activation = "automatic", "aria-label": label, children, className: customClassName, scrollIntoView, ...rest }) {
+function TabListVertical({ activation = "automatic", "aria-label": label, children, className: customClassName, scrollIntoView, size, ...rest }) {
 	const { activeIndex, selectedIndex, setSelectedIndex, setActiveIndex } = React.useContext(TabsContext);
 	const prefix = usePrefix();
 	const ref = useRef(null);
 	const [isOverflowingBottom, setIsOverflowingBottom] = useState(false);
 	const [isOverflowingTop, setIsOverflowingTop] = useState(false);
 	const isSm = useMatchMedia(smMediaQuery);
-	const className = classNames(`${prefix}--tabs`, `${prefix}--tabs--vertical`, `${prefix}--tabs--contained`, customClassName);
+	const className = classNames(`${prefix}--tabs`, `${prefix}--tabs--vertical`, `${prefix}--tabs--contained`, { [`${prefix}--layout--size-${size}`]: size }, customClassName);
 	const tabs = useRef([]);
 	function onKeyDown(event) {
 		if (matches(event, [
@@ -428,6 +428,7 @@ function TabListVertical({ activation = "automatic", "aria-label": label, childr
 		...rest,
 		"aria-label": label,
 		contained: true,
+		size: size === "xl" ? "lg" : size,
 		children
 	});
 	return /* @__PURE__ */ jsxs("div", {
@@ -463,7 +464,13 @@ TabListVertical.propTypes = {
 	activation: PropTypes.oneOf(["automatic", "manual"]),
 	"aria-label": PropTypes.string,
 	children: PropTypes.node,
-	className: PropTypes.string
+	className: PropTypes.string,
+	size: PropTypes.oneOf([
+		"sm",
+		"md",
+		"lg",
+		"xl"
+	])
 };
 /**
 * Helper function to set up the behavior when a button is "long pressed".

package/es/components/Tag/DismissibleTag.js CHANGED Viewed

@@ -16,8 +16,8 @@ import { AILabel } from "../AILabel/index.js";
 import { mergeRefs } from "../../tools/mergeRefs.js";
 import { isEllipsisActive } from "./isEllipsisActive.js";
 import Tag, { SIZES, TYPES } from "./Tag.js";
-import classNames from "classnames";
 import { cloneElement, forwardRef, useRef, useState } from "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/Tag/OperationalTag.js CHANGED Viewed

@@ -13,8 +13,8 @@ import { Tooltip } from "../Tooltip/Tooltip.js";
 import { mergeRefs } from "../../tools/mergeRefs.js";
 import { isEllipsisActive } from "./isEllipsisActive.js";
 import Tag, { SIZES } from "./Tag.js";
-import classNames from "classnames";
 import { forwardRef, useRef, useState } from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Tag/OperationalTag.tsx

package/es/components/Tag/SelectableTag.js CHANGED Viewed

@@ -14,8 +14,8 @@ import { mergeRefs } from "../../tools/mergeRefs.js";
 import { useControllableState } from "../../internal/useControllableState.js";
 import { isEllipsisActive } from "./isEllipsisActive.js";
 import Tag, { SIZES } from "./Tag.js";
-import classNames from "classnames";
 import { forwardRef, useRef, useState } from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Tag/SelectableTag.tsx

package/es/components/Tag/Tag.Skeleton.js CHANGED Viewed

@@ -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/Tag/Tag.Skeleton.tsx

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

@@ -15,8 +15,8 @@ import { useMergedRefs } from "../../internal/useMergedRefs.js";
 import { DefinitionTooltip } from "../Tooltip/DefinitionTooltip.js";
 import { AILabel } from "../AILabel/index.js";
 import { isEllipsisActive } from "./isEllipsisActive.js";
-import classNames from "classnames";
 import React, { cloneElement, useRef, useState } from "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/TextArea/TextArea.Skeleton.js CHANGED Viewed

@@ -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/TextArea/TextArea.Skeleton.tsx

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

@@ -5,11 +5,11 @@
  * 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 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 { isComponentElement } from "../../internal/utils.js";
 import { useMergedRefs } from "../../internal/useMergedRefs.js";
@@ -17,8 +17,8 @@ import { hasHelperText } from "../../internal/hasHelperText.js";
 import { AILabel } from "../AILabel/index.js";
 import { FormContext } from "../FluidForm/FormContext.js";
 import { getAnnouncement } from "../../internal/getAnnouncement.js";
-import classNames from "classnames";
 import { cloneElement, forwardRef, useContext, useEffect, 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/TextInput/ControlledPasswordInput.js CHANGED Viewed

@@ -5,14 +5,14 @@
  * LICENSE file in the root directory of this source tree.
  */
+import { noopFn } from "../../internal/noopFn.js";
 import { usePrefix } from "../../internal/usePrefix.js";
 import { useId } from "../../internal/useId.js";
-import { noopFn } from "../../internal/noopFn.js";
 import { deprecate } from "../../prop-types/deprecate.js";
 import { hasHelperText } from "../../internal/hasHelperText.js";
 import { getTextInputProps } from "./util.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";
 import { View, ViewOff, WarningFilled } from "@carbon/icons-react";

package/es/components/TextInput/PasswordInput.js CHANGED Viewed

@@ -12,8 +12,8 @@ import { hasHelperText } from "../../internal/hasHelperText.js";
 import { useNormalizedInputProps } from "../../internal/useNormalizedInputProps.js";
 import { FormContext } from "../FluidForm/FormContext.js";
 import { getTextInputProps } from "./util.js";
-import classNames from "classnames";
 import { forwardRef, useContext, useEffect, useState } from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { View, ViewOff } from "@carbon/icons-react";

package/es/components/TextInput/TextInput.Skeleton.js CHANGED Viewed

@@ -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/TextInput/TextInput.Skeleton.tsx

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

@@ -16,8 +16,8 @@ import { AILabel } from "../AILabel/index.js";
 import { FormContext } from "../FluidForm/FormContext.js";
 import { getTextInputProps } from "./util.js";
 import { getAnnouncement } from "../../internal/getAnnouncement.js";
-import classNames from "classnames";
 import { cloneElement, forwardRef, useContext, useEffect, useRef, useState } from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/TextInput/TextInput.tsx

package/es/components/Theme/index.js CHANGED Viewed

@@ -8,8 +8,8 @@
 import { usePrefix } from "../../internal/usePrefix.js";
 import { LayerContext } from "../Layer/LayerContext.js";
 import { useMatchMedia } from "../../internal/useMatchMedia.js";
-import classNames from "classnames";
 import React, { cloneElement, isValidElement, useMemo } from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Theme/index.tsx

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

@@ -19,8 +19,8 @@ import { useFeatureFlag } from "../FeatureFlags/index.js";
 import { getInteractiveContent, getRoleContent } from "../../internal/useNoInteractiveChildren.js";
 import { AILabel } from "../AILabel/index.js";
 import { composeEventHandlers } from "../../tools/events.js";
-import classNames from "classnames";
 import React, { Children, cloneElement, forwardRef, useCallback, useEffect, useRef, useState } from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AiLabel, ArrowRight, Checkbox, CheckboxCheckedFilled, ChevronDown, Error } from "@carbon/icons-react";

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

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
-import { usePrefix } from "../../internal/usePrefix.js";
 import { noopFn } from "../../internal/noopFn.js";
+import { usePrefix } from "../../internal/usePrefix.js";
 import { isComponentElement } from "../../internal/utils.js";
 import RadioTile_default from "../RadioTile/index.js";
 import { Children, cloneElement, createElement, isValidElement, useEffect, useState } from "react";

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

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

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

@@ -6,8 +6,8 @@
  */
 import { usePrefix } from "../../internal/usePrefix.js";
-import classNames from "classnames";
 import { forwardRef } 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/Toggle/Toggle.Skeleton.js CHANGED Viewed

@@ -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/Toggle/Toggle.Skeleton.tsx

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

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

package/es/components/ToggleSmall/ToggleSmall.Skeleton.js CHANGED Viewed

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

package/es/components/Toggletip/index.js CHANGED Viewed

@@ -11,8 +11,8 @@ import { match } from "../../internal/keyboard/match.js";
 import { useId } from "../../internal/useId.js";
 import { useWindowEvent } from "../../internal/useEvent.js";
 import { Popover, PopoverContent } from "../Popover/index.js";
-import classNames from "classnames";
 import React, { forwardRef, useContext, useEffect, useRef, useState } from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Toggletip/index.tsx

package/es/components/Tooltip/DefinitionTooltip.js CHANGED Viewed

@@ -11,8 +11,8 @@ import { match } from "../../internal/keyboard/match.js";
 import { useFallbackId } from "../../internal/useId.js";
 import { deprecate } from "../../prop-types/deprecate.js";
 import { Popover, PopoverContent } from "../Popover/index.js";
-import classNames from "classnames";
 import { useState } from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Tooltip/DefinitionTooltip.tsx

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

@@ -13,8 +13,8 @@ import { useId } from "../../internal/useId.js";
 import { Popover, PopoverContent } from "../Popover/index.js";
 import { useDelayedState } from "../../internal/useDelayedState.js";
 import { useNoInteractiveChildren } from "../../internal/useNoInteractiveChildren.js";
-import classNames from "classnames";
 import React, { useCallback, useEffect, useRef, useState } from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Tooltip/Tooltip.tsx

package/es/components/TreeView/TreeNode.js CHANGED Viewed

@@ -14,8 +14,8 @@ import { useFeatureFlag } from "../FeatureFlags/index.js";
 import { IconButton } from "../IconButton/index.js";
 import { useControllableState } from "../../internal/useControllableState.js";
 import { DepthContext, TreeContext } from "./TreeContext.js";
-import classNames from "classnames";
 import React, { 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 { CaretDown } from "@carbon/icons-react";

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

@@ -13,8 +13,8 @@ import { useFeatureFlag } from "../FeatureFlags/index.js";
 import { useControllableState } from "../../internal/useControllableState.js";
 import { DepthContext, TreeContext } from "./TreeContext.js";
 import TreeNode from "./TreeNode.js";
-import classNames from "classnames";
 import { useEffect, useMemo, useRef, useState } from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/TreeView/TreeView.tsx

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

@@ -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";
 //#region src/components/UIShell/Content.ts
 /**

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

@@ -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/UIShell/Header.tsx

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

@@ -8,8 +8,8 @@
 import { usePrefix } from "../../internal/usePrefix.js";
 import Button_default from "../Button/index.js";
 import { AriaLabelPropType } from "../../prop-types/AriaPropTypes.js";
-import classNames from "classnames";
 import React from "react";
+import classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/UIShell/HeaderGlobalAction.tsx

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

@@ -14,8 +14,8 @@ import { useMergedRefs } from "../../internal/useMergedRefs.js";
 import { composeEventHandlers } from "../../tools/events.js";
 import { AriaLabelPropType } from "../../prop-types/AriaPropTypes.js";
 import HeaderMenuItem from "./HeaderMenuItem.js";
-import classNames from "classnames";
 import { Children, cloneElement, forwardRef, useContext, useRef, useState } 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/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 classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 import { Close, Menu } from "@carbon/icons-react";

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 classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/UIShell/HeaderMenuItem.tsx

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 classNames from "classnames";
 import PropTypes from "prop-types";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/UIShell/HeaderName.tsx

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 classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/UIShell/HeaderNavigation.tsx

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 classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/UIShell/HeaderPanel.tsx

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 classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/UIShell/HeaderSideNavItems.tsx

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 classNames from "classnames";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { breakpoints } from "@carbon/layout";