@carbon/react 1.114.0 → 1.115.0

package/lib/components/Tabs/Tabs.js

@@ -8,14 +8,14 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
 const require_Text = require("../Text/Text.js");
-const require_keys = require("../../internal/keyboard/keys.js");
-const require_match = require("../../internal/keyboard/match.js");
 const require_useIsomorphicEffect = require("../../internal/useIsomorphicEffect.js");
 const require_useId = require("../../internal/useId.js");
 const require_deprecate = require("../../prop-types/deprecate.js");
 const require_utils = require("../../internal/utils.js");
 const require_useMergedRefs = require("../../internal/useMergedRefs.js");
 const require_useEvent = require("../../internal/useEvent.js");
+const require_keys = require("../../internal/keyboard/keys.js");
+const require_match = require("../../internal/keyboard/match.js");
 const require_Tooltip = require("../Tooltip/Tooltip.js");
 const require_index = require("../BadgeIndicator/index.js");
 const require_useControllableState = require("../../internal/useControllableState.js");
@@ -197,6 +197,7 @@ function TabList({ activation = "automatic", "aria-label": label, children, clas
 	const ref = (0, react.useRef)(null);
 	const previousButton = (0, react.useRef)(null);
 	const nextButton = (0, react.useRef)(null);
+	const resizeAnimationFrame = (0, react.useRef)(null);
 	const [isScrollable, setIsScrollable] = (0, react.useState)(false);
 	const [scrollLeft, setScrollLeft] = (0, react.useState)(0);
 	const hasSecondaryLabelTabs = contained && react.Children.toArray(children).some((child) => require_utils.isComponentElement(child, Tab) && typeof child.props.secondaryLabel !== "undefined");
@@ -302,9 +303,19 @@ function TabList({ activation = "automatic", "aria-label": label, children, clas
 		const element = containerRef.current;
 		if (!element) return;
 		updateOverflowState();
-		const resizeObserver = new ResizeObserver(updateOverflowState);
+		const resizeObserver = new ResizeObserver(() => {
+			if (resizeAnimationFrame.current !== null) cancelAnimationFrame(resizeAnimationFrame.current);
+			resizeAnimationFrame.current = requestAnimationFrame(() => {
+				resizeAnimationFrame.current = null;
+				updateOverflowState();
+			});
+		});
 		resizeObserver.observe(element);
 		return () => {
+			if (resizeAnimationFrame.current !== null) {
+				cancelAnimationFrame(resizeAnimationFrame.current);
+				resizeAnimationFrame.current = null;
+			}
 			resizeObserver.disconnect();
 		};
 	}, [updateOverflowState]);
@@ -865,7 +876,7 @@ const IconTab = react.default.forwardRef(({ badgeIndicator, children, className:
 			className: `${prefix}--icon-tooltip`,
 			enterDelayMs,
 			label,
-			leaveDelayMs,
+			leaveDelayMs: leaveDelayMs ?? 0,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tab, {
 				className: classNames,
 				ref,

package/lib/components/Tile/Tile.js

@@ -8,14 +8,14 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
 const require_Text = require("../Text/Text.js");
-const require_keys = require("../../internal/keyboard/keys.js");
-const require_match = require("../../internal/keyboard/match.js");
 const require_useIsomorphicEffect = require("../../internal/useIsomorphicEffect.js");
 const require_useId = require("../../internal/useId.js");
 const require_deprecate = require("../../prop-types/deprecate.js");
 const require_index = require("../Link/index.js");
 const require_utils = require("../../internal/utils.js");
 const require_useMergedRefs = require("../../internal/useMergedRefs.js");
+const require_keys = require("../../internal/keyboard/keys.js");
+const require_match = require("../../internal/keyboard/match.js");
 const require_index$1 = require("../FeatureFlags/index.js");
 const require_useNoInteractiveChildren = require("../../internal/useNoInteractiveChildren.js");
 const require_index$2 = require("../AILabel/index.js");
@@ -201,7 +201,7 @@ ClickableTile.propTypes = {
 	*/
 	renderIcon: prop_types.default.oneOfType([prop_types.default.func, prop_types.default.object])
 };
-const SelectableTile = react.default.forwardRef(({ children, className, decorator, disabled, id, light, onClick = () => {}, onChange = () => {}, onKeyDown = () => {}, selected = false, tabIndex = 0, title = "title", slug, hasRoundedCorners, ...rest }, ref) => {
+const SelectableTile = react.default.forwardRef(({ children, className, decorator, disabled, id, light, onClick = () => {}, onChange = () => {}, onKeyDown = () => {}, selected = false, tabIndex = 0, title, slug, hasRoundedCorners, ...rest }, ref) => {
 	const prefix = require_usePrefix.usePrefix();
 	const clickHandler = onClick;
 	const keyDownHandler = onKeyDown;

package/lib/components/Toggletip/index.js

@@ -7,10 +7,10 @@
 
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
-const require_keys = require("../../internal/keyboard/keys.js");
-const require_match = require("../../internal/keyboard/match.js");
 const require_useId = require("../../internal/useId.js");
 const require_useEvent = require("../../internal/useEvent.js");
+const require_keys = require("../../internal/keyboard/keys.js");
+const require_match = require("../../internal/keyboard/match.js");
 const require_index = require("../Popover/index.js");
 let react = require("react");
 react = require_runtime.__toESM(react);

package/lib/components/Tooltip/DefinitionTooltip.js

@@ -7,10 +7,10 @@
 
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
-const require_keys = require("../../internal/keyboard/keys.js");
-const require_match = require("../../internal/keyboard/match.js");
 const require_useId = require("../../internal/useId.js");
 const require_deprecate = require("../../prop-types/deprecate.js");
+const require_keys = require("../../internal/keyboard/keys.js");
+const require_match = require("../../internal/keyboard/match.js");
 const require_index = require("../Popover/index.js");
 let react = require("react");
 react = require_runtime.__toESM(react);

package/lib/components/Tooltip/Tooltip.js

@@ -7,10 +7,10 @@
 
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
-const require_keys = require("../../internal/keyboard/keys.js");
-const require_match = require("../../internal/keyboard/match.js");
 const require_useIsomorphicEffect = require("../../internal/useIsomorphicEffect.js");
 const require_useId = require("../../internal/useId.js");
+const require_keys = require("../../internal/keyboard/keys.js");
+const require_match = require("../../internal/keyboard/match.js");
 const require_index = require("../Popover/index.js");
 const require_useDelayedState = require("../../internal/useDelayedState.js");
 const require_useNoInteractiveChildren = require("../../internal/useNoInteractiveChildren.js");

package/lib/components/TreeView/TreeNode.js

@@ -7,10 +7,10 @@
 
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
-const require_keys = require("../../internal/keyboard/keys.js");
-const require_match = require("../../internal/keyboard/match.js");
 const require_useId = require("../../internal/useId.js");
 const require_deprecate = require("../../prop-types/deprecate.js");
+const require_keys = require("../../internal/keyboard/keys.js");
+const require_match = require("../../internal/keyboard/match.js");
 const require_index = require("../FeatureFlags/index.js");
 const require_index$1 = require("../IconButton/index.js");
 const require_useControllableState = require("../../internal/useControllableState.js");

package/lib/components/TreeView/TreeView.js

@@ -7,9 +7,9 @@
 
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
+const require_useId = require("../../internal/useId.js");
 const require_keys = require("../../internal/keyboard/keys.js");
 const require_match = require("../../internal/keyboard/match.js");
-const require_useId = require("../../internal/useId.js");
 const require_index = require("../FeatureFlags/index.js");
 const require_useControllableState = require("../../internal/useControllableState.js");
 const require_TreeContext = require("./TreeContext.js");

package/lib/components/UIShell/HeaderContainer.js

@@ -6,9 +6,9 @@
  */
 
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_useEvent = require("../../internal/useEvent.js");
 const require_keys = require("../../internal/keyboard/keys.js");
 const require_match = require("../../internal/keyboard/match.js");
-const require_useEvent = require("../../internal/useEvent.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let prop_types = require("prop-types");

package/lib/components/UIShell/HeaderMenu.js

@@ -7,11 +7,11 @@
 
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
-const require_keys = require("../../internal/keyboard/keys.js");
-const require_match = require("../../internal/keyboard/match.js");
 const require_deprecate = require("../../prop-types/deprecate.js");
 const require_utils = require("../../internal/utils.js");
 const require_useMergedRefs = require("../../internal/useMergedRefs.js");
+const require_keys = require("../../internal/keyboard/keys.js");
+const require_match = require("../../internal/keyboard/match.js");
 const require_events = require("../../tools/events.js");
 const require_AriaPropTypes = require("../../prop-types/AriaPropTypes.js");
 const require_HeaderMenuItem = require("./HeaderMenuItem.js");

package/lib/components/UIShell/HeaderPanel.js

@@ -8,11 +8,11 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_noopFn = require("../../internal/noopFn.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
-const require_keys = require("../../internal/keyboard/keys.js");
-const require_match = require("../../internal/keyboard/match.js");
 const require_utils = require("../../internal/utils.js");
 const require_useMergedRefs = require("../../internal/useMergedRefs.js");
 const require_useEvent = require("../../internal/useEvent.js");
+const require_keys = require("../../internal/keyboard/keys.js");
+const require_match = require("../../internal/keyboard/match.js");
 const require_Switcher = require("./Switcher.js");
 let react = require("react");
 react = require_runtime.__toESM(react);

package/lib/components/UIShell/SideNav.js

@@ -7,10 +7,10 @@
 
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
-const require_keys = require("../../internal/keyboard/keys.js");
-const require_match = require("../../internal/keyboard/match.js");
 const require_useMergedRefs = require("../../internal/useMergedRefs.js");
 const require_useEvent = require("../../internal/useEvent.js");
+const require_keys = require("../../internal/keyboard/keys.js");
+const require_match = require("../../internal/keyboard/match.js");
 const require_useDelayedState = require("../../internal/useDelayedState.js");
 const require_useMatchMedia = require("../../internal/useMatchMedia.js");
 const require_AriaPropTypes = require("../../prop-types/AriaPropTypes.js");

package/lib/index.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.
@@ -7,6 +7,7 @@
 import './feature-flags';
 import './internal/warnAboutDeprecatedReactVersion';
 export * from './components/Accordion';
+export type { BigNumberProps as preview__BigNumberProps } from './components/BigNumber';
 export * from './components/AccordionItem';
 export * from './components/AspectRatio';
 export * from './components/Breadcrumb';

package/lib/index.js

@@ -248,7 +248,7 @@ const require_AISkeletonText = require("./components/AISkeleton/AISkeletonText.j
 const require_index$21 = require("./components/Theme/index.js");
 //#region src/index.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.

package/lib/internal/DisplayBox.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright IBM Corp. 2022, 2022
+ *
+ * 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 { type ReactNode } from 'react';
+interface DisplayBoxProps {
+    children?: ReactNode;
+    className?: string;
+    msg?: ReactNode;
+}
+export declare const DisplayBox: ({ children, className, msg }: DisplayBoxProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/internal/getSupportedLocale.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * Returns the provided locale if it is supported by the runtime's
+ * `Intl.NumberFormat`, otherwise falls back to the provided fallback
+ * (or `'en-US'` when no fallback is given).
+ */
+export declare function getSupportedLocale(locale: string | undefined, fallback?: string): string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.114.0",
+  "version": "1.115.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -54,13 +54,13 @@
     "sass": "^1.33.0"
   },
   "dependencies": {
-    "@babel/runtime": "^7.27.3",
-    "@carbon/feature-flags": "^1.7.0",
-    "@carbon/icons-react": "^11.86.0",
-    "@carbon/layout": "^11.57.0",
-    "@carbon/motion": "^11.50.0",
-    "@carbon/styles": "^1.113.0",
-    "@carbon/utilities": "^0.24.0",
+    "@babel/runtime": "^8.0.0",
+    "@carbon/feature-flags": "^1.8.0",
+    "@carbon/icons-react": "^11.87.0",
+    "@carbon/layout": "^11.58.0",
+    "@carbon/motion": "^11.51.0",
+    "@carbon/styles": "^1.114.0",
+    "@carbon/utilities": "^0.25.0",
     "@floating-ui/react": "^0.27.4",
     "@ibm/telemetry-js": "^1.5.0",
     "classnames": "2.5.1",
@@ -69,23 +69,23 @@
     "es-toolkit": "^1.27.0",
     "flatpickr": "4.6.13",
     "invariant": "^2.2.3",
-    "motion": "^12.42.0",
+    "motion": "^13.0.0",
     "prop-types": "^15.8.1",
     "react-fast-compare": "^3.2.2",
     "tabbable": "^6.2.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.27.3",
-    "@babel/plugin-proposal-export-default-from": "^7.27.1",
-    "@babel/plugin-transform-class-properties": "^7.27.1",
-    "@babel/plugin-transform-export-namespace-from": "^7.27.1",
-    "@babel/plugin-transform-react-constant-elements": "^7.27.1",
-    "@babel/preset-env": "^7.27.2",
-    "@babel/preset-react": "^7.27.1",
-    "@babel/preset-typescript": "^7.27.1",
+    "@babel/core": "^8.0.0",
+    "@babel/plugin-proposal-export-default-from": "^8.0.0",
+    "@babel/plugin-transform-class-properties": "^8.0.0",
+    "@babel/plugin-transform-export-namespace-from": "^8.0.0",
+    "@babel/plugin-transform-react-constant-elements": "^8.0.0",
+    "@babel/preset-env": "^8.0.0",
+    "@babel/preset-react": "^8.0.0",
+    "@babel/preset-typescript": "^8.0.0",
     "@carbon/test-utils": "^10.41.0",
-    "@carbon/themes": "^11.79.0",
-    "@figma/code-connect": "^1.5.2",
+    "@carbon/themes": "^11.80.0",
+    "@figma/code-connect": "^2.0.0",
     "@rolldown/plugin-babel": "^0.2.0",
     "@stackblitz/sdk": "^1.11.0",
     "@storybook/addon-a11y": "^10.3.5",
@@ -97,7 +97,7 @@
     "@types/use-sync-external-store": "^1",
     "@vitejs/plugin-react": "^6.0.0",
     "babel-plugin-dev-expression": "^0.2.3",
-    "babel-preset-carbon": "^0.8.0",
+    "babel-preset-carbon": "^0.9.0",
     "browserify-zlib": "^0.2.0",
     "browserslist-config-carbon": "^11.2.0",
     "enquirer": "^2.3.6",
@@ -132,5 +132,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "188d23202ec1092322dee92cf0df9d9958224ae4"
+  "gitHead": "7518c84ffd00f22434fe19d83119692c12fccb2f"
 }

package/scss/_border-radius.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2023
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/border-radius';

package/scss/components/OptionsTile/_index.scss

@@ -0,0 +1,5 @@
+// Copyright IBM Corp. 2025, 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.
+
+@forward '@carbon/styles/scss/components/OptionsTile';

package/scss/components/OptionsTile/_options-tile.scss

@@ -0,0 +1,5 @@
+// Copyright IBM Corp. 2025, 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.
+
+@forward '@carbon/styles/scss/components/OptionsTile/options-tile';

package/scss/components/big-number/_big-number.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 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.
+//
+
+@forward '@carbon/styles/scss/components/big-number/big-number';

package/scss/components/big-number/_index.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 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.
+//
+
+@forward '@carbon/styles/scss/components/big-number';

package/scss/components/coachmark/_coachmark.scss

@@ -0,0 +1,5 @@
+// Copyright IBM Corp. 2025
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+
+@forward '@carbon/styles/scss/components/coachmark/coachmark';

package/scss/components/coachmark/_index.scss

@@ -0,0 +1,5 @@
+// Copyright IBM Corp. 2025
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+
+@forward '@carbon/styles/scss/components/coachmark';

package/scss/components/edit-in-place/_edit-in-place.scss

@@ -0,0 +1,5 @@
+// Copyright IBM Corp. 2025
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+
+@forward '@carbon/styles/scss/components/EditInPlace/edit-in-place';

package/scss/components/edit-in-place/_index.scss

@@ -0,0 +1,5 @@
+// Copyright IBM Corp. 2025
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+
+@forward '@carbon/styles/scss/components/EditInPlace';

package/scss/components/full-page-error/_full-page-error.scss

@@ -0,0 +1,5 @@
+// Copyright IBM Corp. 2025
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+
+@forward '@carbon/styles/scss/components/FullPageError/full-page-error';

package/scss/components/full-page-error/_index.scss

@@ -0,0 +1,5 @@
+// Copyright IBM Corp. 2025
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+
+@forward '@carbon/styles/scss/components/FullPageError';

package/scss/components/interstitial-screen/_index.scss

@@ -0,0 +1,6 @@
+// Copyright IBM Corp. 2025
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+
+@forward '@carbon/styles/scss/components/InterstitialScreen';
+@use 'interstitial-screen';

package/scss/components/interstitial-screen/_interstitial-screen.scss

@@ -0,0 +1,12 @@
+// Copyright IBM Corp. 2025
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+
+// @carbon/utilities/scss/carousel depends on @carbon/styles, so it cannot be
+// @used from inside packages/styles (circular identity conflict in Sass). It
+// must be consumed here, in the packages/react layer, where @carbon/styles
+// always resolves unambiguously to node_modules.
+@use '@carbon/utilities/scss/carousel' as carbon-utilities-carousel;
+@forward '@carbon/styles/scss/components/InterstitialScreen/interstitial-screen';
+
+@include carbon-utilities-carousel.carousel;

package/scss/components/scroll-gradient/_index.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 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.
+//
+
+@forward '@carbon/styles/scss/components/scroll-gradient';

package/scss/components/scroll-gradient/_scroll-gradient.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 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.
+//
+
+@forward '@carbon/styles/scss/components/scroll-gradient/scroll-gradient';

package/scss/components/user-avatar/_index.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2025
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/components/user-avatar';

package/scss/components/user-avatar/_user-avatar.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2025
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/components/user-avatar/user-avatar';