@carbon/react 1.105.0-rc.0 → 1.106.0-rc.0

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

@@ -10,11 +10,10 @@ 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 React, { useState } from "react";
+import { useState } from "react";
 import PropTypes from "prop-types";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { CaretLeft, CaretRight } from "@carbon/icons-react";
-
 //#region src/components/Pagination/experimental/Pagination.js
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -150,6 +149,5 @@ Pagination.propTypes = {
 	pagesUnknown: PropTypes.bool,
 	totalItems: PropTypes.number
 };
-
 //#endregion
-export { Pagination as default };
+export { Pagination as default };

package/es/components/PaginationNav/PaginationNav.js

@@ -15,7 +15,6 @@ import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CaretLeft, CaretRight, OverflowMenuHorizontal } from "@carbon/icons-react";
 import { breakpoints } from "@carbon/layout";
-
 //#region src/components/PaginationNav/PaginationNav.tsx
 /**
 * Copyright IBM Corp. 2020, 2025
@@ -344,6 +343,5 @@ PaginationNav.propTypes = {
 	totalItems: PropTypes.number,
 	translateWithId: PropTypes.func
 };
-
 //#endregion
-export { PaginationNav as default };
+export { PaginationNav as default };

package/es/components/Popover/index.js

@@ -18,7 +18,6 @@ import React, { forwardRef, useEffect, useMemo, useRef } from "react";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { arrow, autoUpdate, flip, hide, offset, useFloating } from "@floating-ui/react";
-
 //#region src/components/Popover/index.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -302,8 +301,7 @@ Popover.propTypes = {
 	onRequestClose: PropTypes.func,
 	open: PropTypes.bool.isRequired
 };
-const frFn = forwardRef;
-const PopoverContent = frFn((props, forwardRef) => {
+const PopoverContent = forwardRef((props, forwardRef) => {
 	const { className, children, ...rest } = props;
 	const prefix = usePrefix();
 	const { setFloating, caretRef, autoAlign } = React.useContext(PopoverContext);
@@ -333,6 +331,5 @@ PopoverContent.propTypes = {
 	children: PropTypes.node,
 	className: PropTypes.string
 };
-
 //#endregion
-export { Popover, PopoverContent };
+export { Popover, PopoverContent };

package/es/components/PrimaryButton/PrimaryButton.js

@@ -6,14 +6,12 @@
  */
 
 import Button from "../Button/Button.js";
-import React from "react";
+import "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/PrimaryButton/PrimaryButton.tsx
 const PrimaryButton = (props) => /* @__PURE__ */ jsx(Button, {
 	kind: "primary",
 	...props
 });
-
 //#endregion
-export { PrimaryButton as default };
+export { PrimaryButton as default };

package/es/components/ProgressBar/ProgressBar.js

@@ -13,7 +13,6 @@ import React, { useRef } from "react";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CheckmarkFilled, ErrorFilled } from "@carbon/icons-react";
-
 //#region src/components/ProgressBar/ProgressBar.tsx
 /**
 * Copyright IBM Corp. 2021
@@ -123,6 +122,5 @@ ProgressBar.propTypes = {
 	]),
 	value: PropTypes.number
 };
-
 //#endregion
-export { ProgressBar as default };
+export { ProgressBar as default };

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

@@ -7,11 +7,10 @@
 
 import { usePrefix } from "../../internal/usePrefix.js";
 import classNames from "classnames";
-import React from "react";
+import "react";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CircleDash } from "@carbon/icons-react";
-
 //#region src/components/ProgressIndicator/ProgressIndicator.Skeleton.tsx
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -50,6 +49,5 @@ ProgressIndicatorSkeleton.propTypes = {
 	className: PropTypes.string,
 	vertical: PropTypes.bool
 };
-
 //#endregion
-export { ProgressIndicatorSkeleton as default };
+export { ProgressIndicatorSkeleton as default };

package/es/components/ProgressIndicator/ProgressIndicator.js

@@ -14,7 +14,6 @@ import React from "react";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CheckmarkOutline, CircleDash, Incomplete, Warning } from "@carbon/icons-react";
-
 //#region src/components/ProgressIndicator/ProgressIndicator.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -160,6 +159,5 @@ ProgressStep.propTypes = {
 	tooltipId: PropTypes.string,
 	translateWithId: PropTypes.func
 };
-
 //#endregion
-export { ProgressIndicator, ProgressStep };
+export { ProgressIndicator, ProgressStep };

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

@@ -7,10 +7,9 @@
 
 import { usePrefix } from "../../internal/usePrefix.js";
 import classNames from "classnames";
-import React from "react";
+import "react";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/RadioButton/RadioButton.Skeleton.tsx
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -28,6 +27,5 @@ function RadioButtonSkeleton(props) {
 	});
 }
 RadioButtonSkeleton.propTypes = { className: PropTypes.string };
-
 //#endregion
-export { RadioButtonSkeleton as default };
+export { RadioButtonSkeleton as default };

package/es/components/RadioButton/RadioButton.js

@@ -10,14 +10,13 @@ import { Text } from "../Text/Text.js";
 import { useId } from "../../internal/useId.js";
 import { deprecate } from "../../prop-types/deprecate.js";
 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 { useNormalizedInputProps } from "../../internal/useNormalizedInputProps.js";
 import classNames from "classnames";
 import React, { cloneElement, useRef } from "react";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/RadioButton/RadioButton.tsx
 /**
 * Copyright IBM Corp. 2016, 2025
@@ -107,6 +106,5 @@ RadioButton.propTypes = {
 	slug: deprecate(PropTypes.node, "The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead."),
 	value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
-
 //#endregion
-export { RadioButton as default };
+export { RadioButton as default };

package/es/components/RadioButton/index.js

@@ -6,7 +6,6 @@
  */
 
 import RadioButton from "./RadioButton.js";
-
 //#region src/components/RadioButton/index.ts
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -15,6 +14,5 @@ import RadioButton from "./RadioButton.js";
 * LICENSE file in the root directory of this source tree.
 */
 var RadioButton_default = RadioButton;
-
 //#endregion
-export { RadioButton_default as default };
+export { RadioButton_default as default };

package/es/components/RadioButtonGroup/RadioButtonGroup.js

@@ -17,15 +17,7 @@ import React, { cloneElement, createContext, useEffect, useRef, useState } from
 import PropTypes from "prop-types";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { WarningAltFilled, WarningFilled } from "@carbon/icons-react";
-
-//#region src/components/RadioButtonGroup/RadioButtonGroup.tsx
-/**
-* Copyright IBM Corp. 2016, 2026
-*
-* This source code is licensed under the Apache-2.0 license found in the
-* LICENSE file in the root directory of this source tree.
-*/
-const RadioButtonGroupContext = createContext(null);
+createContext(null);
 const RadioButtonGroup = React.forwardRef((props, ref) => {
 	const { children, className, decorator, defaultSelected, disabled, helperText, invalid = false, invalidText, labelPosition = "right", legendText, name, onChange = () => {}, orientation = "horizontal", readOnly, valueSelected, warn = false, warnText, slug, required, ...rest } = props;
 	const prefix = usePrefix();
@@ -141,6 +133,5 @@ RadioButtonGroup.propTypes = {
 	warnText: PropTypes.node
 };
 RadioButtonGroup.displayName = "RadioButtonGroup";
-
 //#endregion
-export { RadioButtonGroup as default };
+export { RadioButtonGroup as default };

package/es/components/RadioTile/RadioTile.js

@@ -20,7 +20,6 @@ import React, { cloneElement } from "react";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CheckmarkFilled, RadioButton, RadioButtonChecked } from "@carbon/icons-react";
-
 //#region src/components/RadioTile/RadioTile.tsx
 /**
 * Copyright IBM Corp. 2016, 2025
@@ -110,6 +109,5 @@ RadioTile.propTypes = {
 	tabIndex: PropTypes.number,
 	value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired
 };
-
 //#endregion
-export { RadioTile as default };
+export { RadioTile as default };

package/es/components/RadioTile/index.js

@@ -6,7 +6,6 @@
  */
 
 import RadioTile from "./RadioTile.js";
-
 //#region src/components/RadioTile/index.ts
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -15,6 +14,5 @@ import RadioTile from "./RadioTile.js";
 * LICENSE file in the root directory of this source tree.
 */
 var RadioTile_default = RadioTile;
-
 //#endregion
-export { RadioTile_default as default };
+export { RadioTile_default as default };

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

@@ -7,10 +7,9 @@
 
 import { usePrefix } from "../../internal/usePrefix.js";
 import classNames from "classnames";
-import React from "react";
+import "react";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/Search/Search.Skeleton.tsx
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -34,6 +33,5 @@ SearchSkeleton.propTypes = {
 	className: PropTypes.string,
 	small: PropTypes.bool
 };
-
 //#endregion
-export { SearchSkeleton as default };
+export { SearchSkeleton as default };

package/es/components/Search/Search.js

@@ -21,7 +21,6 @@ import React, { useContext, useEffect, useRef, useState } from "react";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Close, Search } from "@carbon/icons-react";
-
 //#region src/components/Search/Search.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -110,18 +109,17 @@ const Search$1 = React.forwardRef(({ autoComplete = "off", className, closeButto
 		"aria-controls": onExpand ? uniqueId : void 0,
 		children: /* @__PURE__ */ jsx(CustomSearchIcon, { icon: renderIcon })
 	});
-	const magnifierWithTooltip = onExpand && !isExpanded ? /* @__PURE__ */ jsx(Tooltip, {
-		className: `${prefix}--search-tooltip ${prefix}--search-magnifier-tooltip`,
-		align: "top",
-		label: "Search",
-		children: magnifierButton
-	}) : magnifierButton;
 	return /* @__PURE__ */ jsxs("div", {
 		role: "search",
 		"aria-label": placeholder,
 		className: searchClasses,
 		children: [
-			magnifierWithTooltip,
+			onExpand && !isExpanded ? /* @__PURE__ */ jsx(Tooltip, {
+				className: `${prefix}--search-tooltip ${prefix}--search-magnifier-tooltip ${prefix}--icon-tooltip`,
+				align: "top",
+				label: "Search",
+				children: magnifierButton
+			}) : magnifierButton,
 			/* @__PURE__ */ jsx("label", {
 				id: searchId,
 				htmlFor: uniqueId,
@@ -188,6 +186,5 @@ function CustomSearchIcon({ icon: Icon }) {
 	return /* @__PURE__ */ jsx(Search, { className: `${prefix}--search-magnifier-icon` });
 }
 CustomSearchIcon.propTypes = { icon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]) };
-
 //#endregion
-export { Search$1 as default };
+export { Search$1 as default };

package/es/components/Search/index.js

@@ -6,8 +6,7 @@
  */
 
 import Search from "./Search.js";
-import SearchSkeleton from "./Search.Skeleton.js";
-
+import "./Search.Skeleton.js";
 //#region src/components/Search/index.tsx
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -16,6 +15,5 @@ import SearchSkeleton from "./Search.Skeleton.js";
 * LICENSE file in the root directory of this source tree.
 */
 var Search_default = Search;
-
 //#endregion
-export { Search_default as default };
+export { Search_default as default };

package/es/components/Search/utils.js

@@ -13,6 +13,5 @@
 * LICENSE file in the root directory of this source tree.
 */
 const isSearchValuePresent = (value) => value !== "" && typeof value !== "undefined";
-
 //#endregion
-export { isSearchValuePresent };
+export { isSearchValuePresent };

package/es/components/SecondaryButton/SecondaryButton.js

@@ -6,14 +6,12 @@
  */
 
 import Button from "../Button/Button.js";
-import React from "react";
+import "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/SecondaryButton/SecondaryButton.tsx
 const SecondaryButton = (props) => /* @__PURE__ */ jsx(Button, {
 	kind: "secondary",
 	...props
 });
-
 //#endregion
-export { SecondaryButton as default };
+export { SecondaryButton as default };

package/es/components/Select/Select.Skeleton.js

@@ -7,10 +7,9 @@
 
 import { usePrefix } from "../../internal/usePrefix.js";
 import classNames from "classnames";
-import React from "react";
+import "react";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/Select/Select.Skeleton.tsx
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -33,6 +32,5 @@ SelectSkeleton.propTypes = {
 	className: PropTypes.string,
 	hideLabel: PropTypes.bool
 };
-
 //#endregion
-export { SelectSkeleton as default };
+export { SelectSkeleton as default };

package/es/components/Select/Select.js

@@ -9,16 +9,15 @@ import { usePrefix } from "../../internal/usePrefix.js";
 import { Text } from "../Text/Text.js";
 import { deprecate } from "../../prop-types/deprecate.js";
 import { isComponentElement } from "../../internal/utils.js";
+import { useNormalizedInputProps } from "../../internal/useNormalizedInputProps.js";
 import { AILabel } from "../AILabel/index.js";
 import { composeEventHandlers } from "../../tools/events.js";
 import { FormContext } from "../FluidForm/FormContext.js";
-import { useNormalizedInputProps } from "../../internal/useNormalizedInputProps.js";
 import classNames from "classnames";
 import React, { cloneElement, forwardRef, useContext, useState } from "react";
 import PropTypes from "prop-types";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown, WarningAltFilled, WarningFilled } from "@carbon/icons-react";
-
 //#region src/components/Select/Select.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -184,6 +183,5 @@ Select.propTypes = {
 	warn: PropTypes.bool,
 	warnText: PropTypes.node
 };
-
 //#endregion
-export { Select as default };
+export { Select as default };

package/es/components/Select/index.js

@@ -6,8 +6,7 @@
  */
 
 import Select from "./Select.js";
-import SelectSkeleton from "./Select.Skeleton.js";
-
+import "./Select.Skeleton.js";
 //#region src/components/Select/index.ts
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -16,6 +15,5 @@ import SelectSkeleton from "./Select.Skeleton.js";
 * LICENSE file in the root directory of this source tree.
 */
 var Select_default = Select;
-
 //#endregion
-export { Select_default as default };
+export { Select_default as default };

package/es/components/SelectItem/SelectItem.js

@@ -7,10 +7,9 @@
 
 import { usePrefix } from "../../internal/usePrefix.js";
 import classNames from "classnames";
-import React from "react";
+import "react";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/SelectItem/SelectItem.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -39,6 +38,5 @@ SelectItem.propTypes = {
 	text: PropTypes.string.isRequired,
 	value: PropTypes.any.isRequired
 };
-
 //#endregion
-export { SelectItem as default };
+export { SelectItem as default };

package/es/components/SelectItem/index.js

@@ -6,7 +6,6 @@
  */
 
 import SelectItem from "./SelectItem.js";
-
 //#region src/components/SelectItem/index.ts
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -15,6 +14,5 @@ import SelectItem from "./SelectItem.js";
 * LICENSE file in the root directory of this source tree.
 */
 var SelectItem_default = SelectItem;
-
 //#endregion
-export { SelectItem_default as default };
+export { SelectItem_default as default };

package/es/components/SelectItemGroup/SelectItemGroup.js

@@ -7,10 +7,9 @@
 
 import { usePrefix } from "../../internal/usePrefix.js";
 import classNames from "classnames";
-import React from "react";
+import "react";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/SelectItemGroup/SelectItemGroup.tsx
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -33,6 +32,5 @@ SelectItemGroup.propTypes = {
 	disabled: PropTypes.bool,
 	label: PropTypes.string.isRequired
 };
-
 //#endregion
-export { SelectItemGroup as default };
+export { SelectItemGroup as default };

package/es/components/ShapeIndicator/index.js

@@ -11,7 +11,6 @@ import React from "react";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Caution, CircleFill, CircleStroke, Critical, CriticalSeverity, DiamondFill, LowSeverity } from "@carbon/icons-react";
-
 //#region src/components/ShapeIndicator/index.tsx
 /**
 * Copyright IBM Corp. 2025, 2026
@@ -82,6 +81,5 @@ ShapeIndicator.propTypes = {
 	label: PropTypes.string.isRequired,
 	textSize: PropTypes.oneOf([12, 14])
 };
-
 //#endregion
-export { ShapeIndicator as default };
+export { ShapeIndicator as default };

package/es/components/SkeletonIcon/SkeletonIcon.js

@@ -7,10 +7,9 @@
 
 import { usePrefix } from "../../internal/usePrefix.js";
 import classNames from "classnames";
-import React from "react";
+import "react";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/SkeletonIcon/SkeletonIcon.tsx
 /**
 * Copyright IBM Corp. 2016, 2025
@@ -25,6 +24,5 @@ const SkeletonIcon = ({ className, ...other }) => {
 	});
 };
 SkeletonIcon.propTypes = { className: PropTypes.string };
-
 //#endregion
-export { SkeletonIcon as default };
+export { SkeletonIcon as default };

package/es/components/SkeletonPlaceholder/SkeletonPlaceholder.js

@@ -7,10 +7,9 @@
 
 import { usePrefix } from "../../internal/usePrefix.js";
 import classNames from "classnames";
-import React from "react";
+import "react";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/SkeletonPlaceholder/SkeletonPlaceholder.tsx
 const SkeletonPlaceholder = ({ className, ...other }) => {
 	return /* @__PURE__ */ jsx("div", {
@@ -19,6 +18,5 @@ const SkeletonPlaceholder = ({ className, ...other }) => {
 	});
 };
 SkeletonPlaceholder.propTypes = { className: PropTypes.string };
-
 //#endregion
-export { SkeletonPlaceholder as default };
+export { SkeletonPlaceholder as default };

package/es/components/SkeletonText/SkeletonText.js

@@ -8,10 +8,9 @@
 import { usePrefix } from "../../internal/usePrefix.js";
 import useIsomorphicEffect from "../../internal/useIsomorphicEffect.js";
 import classNames from "classnames";
-import React, { useRef } from "react";
+import { useRef } from "react";
 import PropTypes from "prop-types";
 import { Fragment, jsx } from "react/jsx-runtime";
-
 //#region src/components/SkeletonText/SkeletonText.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -75,6 +74,5 @@ SkeletonText.propTypes = {
 	paragraph: PropTypes.bool,
 	width: PropTypes.string
 };
-
 //#endregion
-export { SkeletonText as default };
+export { SkeletonText as default };

package/es/components/SkeletonText/index.js

@@ -6,7 +6,6 @@
  */
 
 import SkeletonText from "./SkeletonText.js";
-
 //#region src/components/SkeletonText/index.tsx
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -15,6 +14,5 @@ import SkeletonText from "./SkeletonText.js";
 * LICENSE file in the root directory of this source tree.
 */
 var SkeletonText_default = SkeletonText;
-
 //#endregion
-export { SkeletonText_default as default };
+export { SkeletonText_default as default };

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

@@ -9,10 +9,9 @@ import { usePrefix } from "../../internal/usePrefix.js";
 import useIsomorphicEffect from "../../internal/useIsomorphicEffect.js";
 import { LowerHandle, UpperHandle } from "./SliderHandles.js";
 import classNames from "classnames";
-import React, { useState } from "react";
+import { useState } from "react";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/Slider/Slider.Skeleton.tsx
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -74,6 +73,5 @@ SliderSkeleton.propTypes = {
 	hideLabel: PropTypes.bool,
 	twoHandles: PropTypes.bool
 };
-
 //#endregion
-export { SliderSkeleton as default };
+export { SliderSkeleton as default };