@carbon/react 1.108.0 → 1.109.0-rc.1

package/lib/components/Modal/Modal.js

@@ -27,10 +27,10 @@ const require_events = require("../../tools/events.js");
 const require_index$5 = require("../Layer/index.js");
 const require_index$6 = require("../InlineLoading/index.js");
 const require_toggleClass = require("../../tools/toggleClass.js");
-const require_requiredIfGivenPropIsTruthy = require("../../prop-types/requiredIfGivenPropIsTruthy.js");
 const require_wrapFocus = require("../../internal/wrapFocus.js");
 const require_Dialog = require("../Dialog/Dialog.js");
 const require_isTopmostVisibleModal = require("./isTopmostVisibleModal.js");
+const require_requiredIfGivenPropIsTruthy = require("../../prop-types/requiredIfGivenPropIsTruthy.js");
 const require_usePreviousValue = require("../../internal/usePreviousValue.js");
 const require_ModalPresence = require("./ModalPresence.js");
 let classnames = require("classnames");
@@ -171,11 +171,18 @@ const ModalDialog = react.default.forwardRef(function ModalDialog({ "aria-label"
 		[`${prefix}--modal-container--${size}`]: size,
 		[`${prefix}--modal-container--full-width`]: isFullWidth
 	});
-	/**
-	* isScrollable is implicitly dependent on height, when height gets updated
-	* via `useResizeObserver`, clientHeight and scrollHeight get updated too
-	*/
-	const isScrollable = !!contentRef.current && contentRef?.current?.scrollHeight > contentRef?.current?.clientHeight;
+	const currentScrollHeight = contentRef.current?.scrollHeight || 0;
+	const currentClientHeight = contentRef.current?.clientHeight || 0;
+	const [isScrollable, setIsScrollable] = (0, react.useState)(currentScrollHeight > currentClientHeight);
+	(0, react.useEffect)(() => {
+		if (!contentRef.current) {
+			setIsScrollable(false);
+			return;
+		}
+		const diff = contentRef.current.scrollHeight - contentRef.current.clientHeight;
+		if (diff > 5) setIsScrollable(true);
+		else if (diff < -5) setIsScrollable(false);
+	}, [currentScrollHeight, currentClientHeight]);
 	const contentClasses = (0, classnames.default)(`${prefix}--modal-content`, {
 		[`${prefix}--modal-scroll-content`]: hasScrollingContent || isScrollable,
 		[`${prefix}--modal-scroll-content--no-fade`]: height <= 300

package/lib/components/Search/Search.js

@@ -114,7 +114,7 @@ const Search = react.default.forwardRef(({ autoComplete = "off", className, clos
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		role: "search",
-		"aria-label": placeholder,
+		"aria-labelledby": searchId,
 		className: searchClasses,
 		children: [
 			onExpand && !isExpanded ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Tooltip, {

package/lib/index.d.ts

@@ -46,6 +46,7 @@ export * from './components/FormLabel';
 export * from './components/Grid';
 export * from './components/Icon/Icon.Skeleton';
 export * from './components/IdPrefix';
+export { InlineCheckbox } from './components/InlineCheckbox';
 export * from './components/InlineLoading';
 export * from './components/Link';
 export * from './components/ListItem';

package/lib/index.js

@@ -83,6 +83,7 @@ const require_TableExpandedRow = require("./components/DataTable/TableExpandedRo
 const require_TableHead = require("./components/DataTable/TableHead.js");
 const require_TableHeader = require("./components/DataTable/TableHeader.js");
 const require_TableRow = require("./components/DataTable/TableRow.js");
+const require_InlineCheckbox = require("./components/InlineCheckbox/InlineCheckbox.js");
 const require_TableSelectAll = require("./components/DataTable/TableSelectAll.js");
 const require_RadioButton = require("./components/RadioButton/RadioButton.js");
 const require_TableSelectRow = require("./components/DataTable/TableSelectRow.js");
@@ -366,6 +367,7 @@ exports.IconSkeleton = require_Icon_Skeleton.default || require_Icon_Skeleton;
 exports.IconSwitch = require_IconSwitch.default || require_IconSwitch;
 exports.IconTab = require_Tabs.IconTab;
 exports.IdPrefix = require_index$13.IdPrefix;
+exports.InlineCheckbox = require_InlineCheckbox.default || require_InlineCheckbox;
 exports.InlineLoading = require_InlineLoading.default || require_InlineLoading;
 exports.InlineNotification = require_Notification.InlineNotification;
 exports.Layer = require_index$8.Layer;

package/lib/internal/FloatingMenu.js

@@ -116,7 +116,10 @@ const FloatingMenu = ({ children, flipped, focusTrap, menuDirection = DIRECTION_
 					position: getComputedStyle(target()).position
 				}
 			});
-			if (!floatingPosition || floatingPosition.left !== newFloatingPosition.left || floatingPosition.top !== newFloatingPosition.top) setFloatingPosition(newFloatingPosition);
+			setFloatingPosition((prev) => {
+				if (prev && prev.left === newFloatingPosition.left && prev.top === newFloatingPosition.top) return prev;
+				return newFloatingPosition;
+			});
 			if (!isAdjustment) {
 				const newMenuSize = menuBody.getBoundingClientRect();
 				if (newMenuSize.width !== menuSize.width || newMenuSize.height !== menuSize.height) updateMenuPosition(true);
@@ -128,8 +131,7 @@ const FloatingMenu = ({ children, flipped, focusTrap, menuDirection = DIRECTION_
 		menuDirection,
 		flipped,
 		target,
-		updateOrientation,
-		floatingPosition
+		updateOrientation
 	]);
 	const focusMenuContent = (menuBody) => {
 		const primaryFocusNode = selectorPrimaryFocus ? menuBody.querySelector(selectorPrimaryFocus) : null;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.108.0",
+  "version": "1.109.0-rc.1",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -53,9 +53,9 @@
   "dependencies": {
     "@babel/runtime": "^7.27.3",
     "@carbon/feature-flags": "^1.3.0",
-    "@carbon/icons-react": "^11.81.0",
+    "@carbon/icons-react": "^11.82.0-rc.0",
     "@carbon/layout": "^11.53.0",
-    "@carbon/styles": "^1.107.0",
+    "@carbon/styles": "^1.108.0-rc.0",
     "@carbon/utilities": "^0.20.0",
     "@floating-ui/react": "^0.27.4",
     "@ibm/telemetry-js": "^1.5.0",
@@ -79,8 +79,8 @@
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
     "@carbon/test-utils": "^10.41.0",
-    "@carbon/themes": "^11.74.0",
-    "@figma/code-connect": "^1.4.2",
+    "@carbon/themes": "^11.75.0-rc.0",
+    "@figma/code-connect": "^1.4.5",
     "@stackblitz/sdk": "^1.11.0",
     "@storybook/addon-a11y": "^10.3.5",
     "@storybook/addon-docs": "^10.3.5",
@@ -125,5 +125,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "2d98f4ee9914fa44acba58f62599c3f5382acad0"
+  "gitHead": "14a776201a405c2fdd67b0dad9dfe4f136b831f8"
 }