@carbon/ibm-products 2.88.0 → 2.89.0

package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js

@@ -37,7 +37,7 @@ const ConditionGroupBuilder = ({ group, aria, onRemove, onChange, className }) =
 		"conditionBuilderText"
 	]);
 	const { statementConfig } = require_useDataConfigs.useDataConfigs();
-	const { variant, conditionBuilderRef } = (0, react.useContext)(require_ConditionBuilderProvider.ConditionBuilderContext);
+	const { variant, conditionBuilderRef, statementConfigCustom } = (0, react.useContext)(require_ConditionBuilderProvider.ConditionBuilderContext);
 	const [showConditionPreview, setShowConditionPreview] = (0, react.useState)(-1);
 	const [showConditionSubGroupPreview, setShowConditionSubGroupPreview] = (0, react.useState)(-1);
 	(0, react.useState)(false);
@@ -153,22 +153,12 @@ const ConditionGroupBuilder = ({ group, aria, onRemove, onChange, className }) =
 		}
 	};
 	const addConditionSubGroupHandler = (conditionIndex) => {
+		const newSubGroup = require_ConditionBuilderProvider.getEmptyState(statementConfigCustom).groups?.[0];
 		onChange({
 			...group,
 			conditions: [
 				...group.conditions ? group.conditions.slice(0, conditionIndex + 1) : [],
-				{
-					statement: "ifAll",
-					groupOperator: "and",
-					conditions: [{
-						property: void 0,
-						operator: "",
-						value: "",
-						popoverToOpen: "propertyField",
-						id: require_uuidv4.default()
-					}],
-					id: require_uuidv4.default()
-				},
+				newSubGroup,
 				...group.conditions ? group.conditions.slice(conditionIndex + 1) : []
 			]
 		});

package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js

@@ -228,7 +228,7 @@ const useFilters = ({ updateMethod, filters = emptyArray, setAllFilters, variati
 				break;
 			case require_constants.MULTISELECT: {
 				const isStringArray = components.MultiSelect.items.length && typeof components.MultiSelect.items[0] === "string";
-				const selectedFilters = filtersState[column]?.value.filter((i) => i.selected);
+				const selectedFilters = Array.isArray(filtersState[column]?.value) ? filtersState[column].value.filter((i) => i.selected) : [];
 				const filteredItems = components.MultiSelect.items.map((item) => {
 					if (selectedFilters.filter((a) => isStringArray ? a.id === item : a.id === item.id).length) return item;
 					return null;

package/lib/components/DelimitedList/DelimitedList.d.ts

@@ -26,6 +26,7 @@ export interface DelimitedListProps extends PropsWithChildren {
 /**
  * `DelimitedList` converts an array of items into a single line of
  * comma-separated values.
+ * @deprecated This component is deprecated and will be removed in the next major version.
  */
 export declare const DelimitedList: React.ForwardRefExoticComponent<DelimitedListProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=DelimitedList.d.ts.map

package/lib/components/DelimitedList/DelimitedList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DelimitedList.d.ts","sourceRoot":"","sources":["../../../src/components/DelimitedList/DelimitedList.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAgBjD,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,2FA8BzB,CAAC"}
+{"version":3,"file":"DelimitedList.d.ts","sourceRoot":"","sources":["../../../src/components/DelimitedList/DelimitedList.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAgBjD,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;GAIG;AACH,eAAO,MAAM,aAAa,2FA8BzB,CAAC"}

package/lib/components/DelimitedList/DelimitedList.js

@@ -32,6 +32,7 @@ const defaults = {
 /**
 * `DelimitedList` converts an array of items into a single line of
 * comma-separated values.
+* @deprecated This component is deprecated and will be removed in the next major version.
 */
 const DelimitedList = react.default.forwardRef(({ className, delimiter = defaults.delimiter, items = defaults.items, truncate = defaults.truncate, ...rest }, ref) => {
 	return /* @__PURE__ */ react.default.createElement("div", {
@@ -41,6 +42,11 @@ const DelimitedList = react.default.forwardRef(({ className, delimiter = default
 		...require_devtools.getDevtoolsProps(componentName)
 	}, items.length > 0 ? items.join(delimiter) : "–");
 });
+/**@ts-ignore*/
+DelimitedList.deprecated = {
+	level: "warn",
+	details: `${componentName} is deprecated and will be removed in the next major version`
+};
 DelimitedList.displayName = componentName;
 DelimitedList.propTypes = {
 	className: prop_types.default.string,

package/lib/components/StringFormatter/StringFormatter.d.ts

@@ -1,6 +1,7 @@
 /**
  * StringFormatter allows for truncating text while displaying a tooltip
  * overlay on hover or focus with the entirety of the provided copy.
+ * @deprecated This component is deprecated and will be removed in the next major version. Please use TruncatedText instead.
  */
 export let StringFormatter: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';

package/lib/components/StringFormatter/StringFormatter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StringFormatter.d.ts","sourceRoot":"","sources":["../../../src/components/StringFormatter/StringFormatter.jsx"],"names":[],"mappings":"AAmCA;;;GAGG;AACH,sFAuFE;kBAvHsC,OAAO"}
+{"version":3,"file":"StringFormatter.d.ts","sourceRoot":"","sources":["../../../src/components/StringFormatter/StringFormatter.jsx"],"names":[],"mappings":"AAmCA;;;;GAIG;AACH,sFAuFE;kBAxHsC,OAAO"}

package/lib/components/StringFormatter/StringFormatter.js

@@ -38,6 +38,7 @@ const defaults = {
 /**
 * StringFormatter allows for truncating text while displaying a tooltip
 * overlay on hover or focus with the entirety of the provided copy.
+* @deprecated This component is deprecated and will be removed in the next major version. Please use TruncatedText instead.
 */
 let StringFormatter = react.default.forwardRef(({ className, autoAlign = defaults.autoAlign, lines = defaults.lines, tooltipDirection = defaults.tooltipDirection, truncate = defaults.truncate, width = defaults.width, value, ...rest }, ref) => {
 	const outerRef = (0, react.useRef)(null);
@@ -89,6 +90,11 @@ let StringFormatter = react.default.forwardRef(({ className, autoAlign = default
 		openOnHover: true
 	}, stringFormatterContent) : stringFormatterContent);
 });
+/**@ts-ignore*/
+StringFormatter.deprecated = {
+	level: "warn",
+	details: `Please replace ${componentName} with TruncatedText`
+};
 StringFormatter = require_settings.pkg.checkComponentEnabled(StringFormatter, componentName);
 StringFormatter.displayName = componentName;
 StringFormatter.validateAlignment = () => (props, propName, componentName) => {

package/lib/components/Tearsheet/next/Tearsheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tearsheet.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/Tearsheet.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EAKZ,SAAS,EAET,EAAE,EAEH,MAAM,OAAO,CAAC;AAKf,OAAO,EAEL,kBAAkB,EAKnB,MAAM,eAAe,CAAC;AAEvB,OAAwB,EACtB,oBAAoB,EAEpB,2BAA2B,EAE3B,0BAA0B,EAC3B,MAAM,mBAAmB,CAAC;AAC3B,OAA+B,EAC7B,2BAA2B,EAC5B,MAAM,0BAA0B,CAAC;AAClC,OAAsB,EAEpB,eAAe,EAEf,gBAAgB,EAEhB,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAEL,8BAA8B,EAE9B,2BAA2B,EAC5B,MAAM,0BAA0B,CAAC;AAClC,OAAwB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAQ1E;;;;GAIG;AAEH,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAC;IAElC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,yBAAyB,CAClE,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CACrD,GAAG;IACF,MAAM,EAAE,EAAE,CAAC,oBAAoB,CAAC,CAAC;IACjC,aAAa,EAAE,EAAE,CAAC,2BAA2B,CAAC,CAAC;IAC/C,UAAU,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC;IAChC,aAAa,EAAE,EAAE,CAAC,2BAA2B,CAAC,CAAC;IAC/C,YAAY,EAAE,EAAE,CAAC,0BAA0B,CAAC,CAAC;IAC7C,aAAa,EAAE,EAAE,CAAC,2BAA2B,CAAC,CAAC;IAC/C,gBAAgB,EAAE,EAAE,CAAC,8BAA8B,CAAC,CAAC;IACrD,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC;IAClC,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAAC,CAAC;IACxC,IAAI,EAAE,EAAE,CAAC,kBAAkB,CAAC,CAAC;IAC7B,MAAM,EAAE,EAAE,CAAC,oBAAoB,CAAC,CAAC;CAClC,CAAC;AA4NF;;;GAGG;AACH,eAAO,MAAM,SAAS,EA0BjB,sBAAsB,CAAC"}
+{"version":3,"file":"Tearsheet.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/Tearsheet.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EAKZ,SAAS,EAET,EAAE,EAEH,MAAM,OAAO,CAAC;AAIf,OAAO,EAEL,kBAAkB,EAKnB,MAAM,eAAe,CAAC;AAEvB,OAAwB,EACtB,oBAAoB,EAEpB,2BAA2B,EAE3B,0BAA0B,EAC3B,MAAM,mBAAmB,CAAC;AAC3B,OAA+B,EAC7B,2BAA2B,EAC5B,MAAM,0BAA0B,CAAC;AAClC,OAAsB,EAEpB,eAAe,EAEf,gBAAgB,EAEhB,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAEL,8BAA8B,EAE9B,2BAA2B,EAC5B,MAAM,0BAA0B,CAAC;AAClC,OAAwB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAQ1E;;;;GAIG;AAEH,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAC;IAElC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,yBAAyB,CAClE,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CACrD,GAAG;IACF,MAAM,EAAE,EAAE,CAAC,oBAAoB,CAAC,CAAC;IACjC,aAAa,EAAE,EAAE,CAAC,2BAA2B,CAAC,CAAC;IAC/C,UAAU,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC;IAChC,aAAa,EAAE,EAAE,CAAC,2BAA2B,CAAC,CAAC;IAC/C,YAAY,EAAE,EAAE,CAAC,0BAA0B,CAAC,CAAC;IAC7C,aAAa,EAAE,EAAE,CAAC,2BAA2B,CAAC,CAAC;IAC/C,gBAAgB,EAAE,EAAE,CAAC,8BAA8B,CAAC,CAAC;IACrD,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC;IAClC,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAAC,CAAC;IACxC,IAAI,EAAE,EAAE,CAAC,kBAAkB,CAAC,CAAC;IAC7B,MAAM,EAAE,EAAE,CAAC,oBAAoB,CAAC,CAAC;CAClC,CAAC;AAkNF;;;GAGG;AACH,eAAO,MAAM,SAAS,EA0BjB,sBAAsB,CAAC"}

package/lib/components/Tearsheet/next/Tearsheet.js

@@ -37,7 +37,7 @@ var import_classnames = /* @__PURE__ */ require_runtime.__toESM(require_index.de
 * Internal component that handles the actual tearsheet rendering.
 * This component is always "present" when mounted - the wrapper handles presence logic.
 */
-const TearsheetInternal = (0, react.forwardRef)(({ children, variant = "wide", selectorsFloatingMenus = [], className, influencerWidth, summaryContentWidth, ariaLabel, onClose, selectorPrimaryFocus, open = false, portalTarget, disablePortal = false, verticalGap, containerClassName, keepMounted = false, isExiting = false, presenceRef, ...rest }, ref) => {
+const TearsheetInternal = (0, react.forwardRef)(({ children, variant = "wide", selectorsFloatingMenus = [], className, influencerWidth, summaryContentWidth, ariaLabel, onClose, selectorPrimaryFocus, open = false, portalTarget, disablePortal = false, verticalGap, containerClassName, keepMounted = false, isExiting = false, presenceRef, decorator, ...rest }, ref) => {
 	const carbonPrefix = (0, _carbon_react.usePrefix)();
 	const localRef = (0, react.useRef)(null);
 	const bodyRef = (0, react.useRef)(null);
@@ -47,7 +47,6 @@ const TearsheetInternal = (0, react.forwardRef)(({ children, variant = "wide", s
 		presenceRef
 	]);
 	const isSm = require_useMatchMedia.useMatchMedia(`(max-width: ${_carbon_layout.breakpoints.md.width})`) || variant === "narrow";
-	const [hasCloseIcon, setHasCloseIcon] = (0, react.useState)(true);
 	const [fullyCollapsed, setFullyCollapsed] = (0, react.useState)(false);
 	const [disableHeaderCollapse, setDisableHeaderCollapse] = (0, react.useState)(false);
 	const arr = react.default.Children.toArray(children);
@@ -70,7 +69,7 @@ const TearsheetInternal = (0, react.forwardRef)(({ children, variant = "wide", s
 		if (verticalGap) document.documentElement.style.setProperty("--tearsheet-vertical-gap", `${verticalGap}`);
 	}, [
 		isSm,
-		rest.decorator,
+		decorator,
 		influencerWidth,
 		summaryContentWidth,
 		verticalGap
@@ -92,15 +91,14 @@ const TearsheetInternal = (0, react.forwardRef)(({ children, variant = "wide", s
 		}
 	}, [stack]);
 	const content = /* @__PURE__ */ react.default.createElement(require_context.TearsheetContext.Provider, { value: {
-		hasCloseIcon,
-		setHasCloseIcon,
 		fullyCollapsed,
 		setFullyCollapsed,
 		onClose,
 		disableHeaderCollapse,
 		setDisableHeaderCollapse,
 		variant,
-		isSm
+		isSm,
+		decorator
 	} }, /* @__PURE__ */ react.default.createElement(_carbon_react.unstable_FeatureFlags, { enableExperimentalFocusWrapWithoutSentinels: true }, /* @__PURE__ */ react.default.createElement(_carbon_react.ComposedModal, {
 		...rest,
 		"aria-label": ariaLabel,
@@ -109,9 +107,8 @@ const TearsheetInternal = (0, react.forwardRef)(({ children, variant = "wide", s
 			[`${require_context.blockClass}--narrow`]: variant === "narrow",
 			[`${require_context.blockClass}--stacked`]: depth > 0,
 			[`${require_context.blockClass}--stack-activated`]: stack.length > 1,
-			[`${require_context.blockClass}--has-ai-label`]: !!rest.decorator && rest.decorator["type"]?.displayName === "AILabel",
-			[`${require_context.blockClass}--has-decorator`]: !!rest.decorator && rest.decorator["type"]?.displayName !== "AILabel",
-			[`${require_context.blockClass}--has-close`]: hasCloseIcon,
+			[`${require_context.blockClass}--has-ai-label`]: !!decorator && decorator["type"]?.displayName === "AILabel",
+			[`${require_context.blockClass}--has-decorator`]: !!decorator && decorator["type"]?.displayName !== "AILabel",
 			["is-visible"]: keepMounted ? open : true,
 			[`${require_context.blockClass}--keep-mounted`]: keepMounted
 		}),

package/lib/components/Tearsheet/next/TearsheetBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TearsheetBody.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/TearsheetBody.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EAGZ,SAAS,EAGV,MAAM,OAAO,CAAC;AAOf;;;;GAIG;AAEH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CAOpB;AAED,QAAA,MAAM,aAAa,2FAQlB,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AACD;;;;GAIG;AACH,eAAO,MAAM,WAAW,yFAkDvB,CAAC;AAEF;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAC7B,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AACD,eAAO,MAAM,cAAc,4FAiC1B,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,sBAAsB,CAAC,IAAI,IAAI,CAAC;IAChC,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AACD,eAAO,MAAM,UAAU,wFAkCtB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"TearsheetBody.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/TearsheetBody.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EAGZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAOf;;;;GAIG;AAEH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CAOpB;AAED,QAAA,MAAM,aAAa,2FAQlB,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AACD;;;;GAIG;AACH,eAAO,MAAM,WAAW,yFAuDvB,CAAC;AAEF;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAC7B,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AACD,eAAO,MAAM,cAAc,4FAiC1B,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,sBAAsB,CAAC,IAAI,IAAI,CAAC;IAChC,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AACD,eAAO,MAAM,UAAU,wFAkCtB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/Tearsheet/next/TearsheetBody.js

@@ -36,8 +36,11 @@ const TearsheetBody = (0, react.forwardRef)(({ children, className }, ref) => {
 const MainContent = (0, react.forwardRef)(({ children, className, isFlush, ...rest }, ref) => {
 	const localRef = (0, react.useRef)(null);
 	const mainContentRef = ref || localRef;
+	const [container, setContainer] = (0, react.useState)(null);
 	const { setFullyCollapsed, disableHeaderCollapse } = (0, react.useContext)(require_context.TearsheetContext);
-	const container = typeof mainContentRef === "function" ? null : mainContentRef?.current ?? null;
+	(0, react.useEffect)(() => {
+		setContainer(typeof mainContentRef === "function" ? null : mainContentRef?.current ?? null);
+	}, [mainContentRef]);
 	const collapseHeader = (collapse) => {
 		if (container) {
 			if (collapse) {

package/lib/components/Tearsheet/next/TearsheetHeader.d.ts

@@ -21,7 +21,7 @@ export interface TearsheetHeaderProps {
      * The accessibility title for the close icon (if shown).
      *
      * **Note:** This prop is only required if a close icon is shown, i.e. if
-     * there are a no navigation actions and/or hasCloseIcon is true.
+     * there are a no navigation actions and/or hideCloseButton is false.
      */
     closeIconDescription?: string;
     /**

package/lib/components/Tearsheet/next/TearsheetHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TearsheetHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/TearsheetHeader.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAc,eAAe,EAAe,MAAM,eAAe,CAAC;AACzE,OAAO,KAAK,EAAE,EACZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAMf;;;;GAIG;AAEH,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;;;;;OAOG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,QAAA,MAAM,eAAe,6FA6CpB,CAAC;AAEF,eAAe,eAAe,CAAC;AAE/B;;;;GAIG;AAEH,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,eAAO,MAAM,sBAAsB,oGAajC,CAAC;AAEH;;;;GAIG;AAEH,MAAM,WAAW,0BAA2B,SAAQ,eAAe;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,qBAAqB,mGA6ChC,CAAC"}
+{"version":3,"file":"TearsheetHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/TearsheetHeader.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAc,eAAe,EAAe,MAAM,eAAe,CAAC;AACzE,OAAO,KAAK,EAAE,EACZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAMf;;;;GAIG;AAEH,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;;;;;OAOG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,QAAA,MAAM,eAAe,6FA2CpB,CAAC;AAEF,eAAe,eAAe,CAAC;AAE/B;;;;GAIG;AAEH,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,eAAO,MAAM,sBAAsB,oGAajC,CAAC;AAEH;;;;GAIG;AAEH,MAAM,WAAW,0BAA2B,SAAQ,eAAe;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,qBAAqB,mGA6ChC,CAAC"}

package/lib/components/Tearsheet/next/TearsheetHeader.js

@@ -23,27 +23,28 @@ let _carbon_react_icons = require("@carbon/react/icons");
 var import_classnames = /* @__PURE__ */ require_runtime.__toESM(require_index.default);
 const TearsheetHeader = react.default.forwardRef((props, ref) => {
 	const { children, closeIconDescription, hideCloseButton = false, className, disableHeaderCollapse, ...rest } = props;
-	const { setHasCloseIcon, fullyCollapsed, onClose, setDisableHeaderCollapse } = (0, react.useContext)(require_context.TearsheetContext);
+	const parentContext = (0, react.useContext)(require_context.TearsheetContext);
+	const { fullyCollapsed, setDisableHeaderCollapse } = parentContext;
 	const localRef = (0, react.useRef)(void 0);
 	const headerRef = ref || localRef;
-	(0, react.useEffect)(() => {
-		setHasCloseIcon?.(!!hideCloseButton);
-	}, [hideCloseButton, setHasCloseIcon]);
 	(0, react.useEffect)(() => {
 		setDisableHeaderCollapse?.(!!disableHeaderCollapse);
 	}, [disableHeaderCollapse, setDisableHeaderCollapse]);
-	return /* @__PURE__ */ react.default.createElement(_carbon_react.ModalHeader, {
+	const enhancedContext = {
+		...parentContext,
+		closeIconDescription,
+		hideCloseButton
+	};
+	return /* @__PURE__ */ react.default.createElement(require_context.TearsheetContext.Provider, { value: enhancedContext }, /* @__PURE__ */ react.default.createElement(_carbon_react.ModalHeader, {
 		ref: headerRef,
 		className: (0, import_classnames.default)(`${require_context.blockClass}__header`, {
 			[`${className}`]: true,
-			[`${require_context.blockClass}__header--with-close-icon`]: !!hideCloseButton,
+			[`${require_context.blockClass}__header--with-close-icon`]: !hideCloseButton,
 			[`${require_context.blockClass}__header-collapsed`]: fullyCollapsed
 		}),
-		closeClassName: (0, import_classnames.default)({ [`${require_context.blockClass}__header--no-close-icon`]: hideCloseButton }),
-		closeModal: onClose,
-		iconDescription: closeIconDescription,
+		closeClassName: `${require_context.blockClass}__header--no-close-icon`,
 		...rest
-	}, children);
+	}, children));
 });
 const TearsheetNavigationBar = react.default.forwardRef((props, ref) => {
 	const { children, scroller, className, ...rest } = props;

package/lib/components/Tearsheet/next/TearsheetHeaderContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TearsheetHeaderContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/TearsheetHeaderContent.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAKrD,MAAM,WAAW,2BAA2B;IAC1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,QAAA,MAAM,sBAAsB,oGAmD1B,CAAC;AAEH,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"TearsheetHeaderContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/TearsheetHeaderContent.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAIZ,SAAS,EAEV,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,2BAA2B;IAC1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,QAAA,MAAM,sBAAsB,oGA4G1B,CAAC;AAEH,eAAe,sBAAsB,CAAC"}

package/lib/components/Tearsheet/next/TearsheetHeaderContent.js

@@ -11,6 +11,8 @@ const require_TruncatedText = require('../../TruncatedText/TruncatedText.js');
 const require_context = require('./context.js');
 let react = require("react");
 react = require_runtime.__toESM(react);
+let _carbon_react = require("@carbon/react");
+let _carbon_react_icons = require("@carbon/react/icons");
 
 //#region src/components/Tearsheet/next/TearsheetHeaderContent.tsx
 /**
@@ -22,16 +24,33 @@ react = require_runtime.__toESM(react);
 var import_classnames = /* @__PURE__ */ require_runtime.__toESM(require_index.default);
 const TearsheetHeaderContent = react.default.forwardRef((props, ref) => {
 	const { children, label, title, description, headerActions, titleStart, titleEnd, ...rest } = props;
-	return /* @__PURE__ */ react.default.createElement("div", {
-		className: `${require_context.blockClass}__header-content-wrapper`,
-		ref
-	}, /* @__PURE__ */ react.default.createElement("div", { className: `${require_context.blockClass}__header-content` }, label ? /* @__PURE__ */ react.default.createElement("div", { className: `${require_context.blockClass}__header-label` }, label) : null, /* @__PURE__ */ react.default.createElement("div", { className: `${require_context.blockClass}__content__title-wrapper` }, /* @__PURE__ */ react.default.createElement("h2", { className: (0, import_classnames.default)(`${require_context.blockClass}__header-title`) }, titleStart ? /* @__PURE__ */ react.default.createElement("span", { className: `${require_context.blockClass}__title-start` }, titleStart) : null, /* @__PURE__ */ react.default.createElement(require_TruncatedText.TruncatedText, {
+	const carbonPrefix = (0, _carbon_react.usePrefix)();
+	const { isSm, onClose, decorator, closeIconDescription, hideCloseButton = false } = (0, react.useContext)(require_context.TearsheetContext);
+	const normalizedDecorator = (0, react.isValidElement)(decorator) && decorator.type === _carbon_react.AILabel ? (0, react.cloneElement)(decorator, { size: "sm" }) : decorator;
+	const headerContent = /* @__PURE__ */ react.default.createElement("div", { className: `${require_context.blockClass}__header-content` }, label ? /* @__PURE__ */ react.default.createElement("div", { className: `${require_context.blockClass}__header-label` }, label) : null, /* @__PURE__ */ react.default.createElement("div", { className: `${require_context.blockClass}__content__title-wrapper` }, /* @__PURE__ */ react.default.createElement("h2", { className: (0, import_classnames.default)(`${require_context.blockClass}__header-title`) }, titleStart ? /* @__PURE__ */ react.default.createElement("span", { className: `${require_context.blockClass}__title-start` }, titleStart) : null, /* @__PURE__ */ react.default.createElement(require_TruncatedText.TruncatedText, {
 		id: `${require_context.blockClass}__header-title__truncatedText`,
 		className: `${require_context.blockClass}__content__title`,
 		align: "bottom",
 		autoAlign: true,
 		value: title
-	}), titleEnd ? /* @__PURE__ */ react.default.createElement("span", { className: `${require_context.blockClass}__title-end` }, titleEnd) : null)), /* @__PURE__ */ react.default.createElement("div", { className: `${require_context.blockClass}__header-description` }, description), children && /* @__PURE__ */ react.default.createElement("div", { className: `${require_context.blockClass}__header-content--extra` }, children)), headerActions && /* @__PURE__ */ react.default.createElement("div", { className: `${require_context.blockClass}__header-actions` }, headerActions));
+	}), titleEnd ? /* @__PURE__ */ react.default.createElement("span", { className: `${require_context.blockClass}__title-end` }, titleEnd) : null)), /* @__PURE__ */ react.default.createElement("div", { className: `${require_context.blockClass}__header-description` }, description), children && /* @__PURE__ */ react.default.createElement("div", { className: `${require_context.blockClass}__header-content--extra` }, children));
+	const headerActionsElement = headerActions && /* @__PURE__ */ react.default.createElement("div", { className: `${require_context.blockClass}__header-actions` }, headerActions);
+	const decoratorElement = decorator && /* @__PURE__ */ react.default.createElement("div", { className: `${require_context.blockClass}__decorator` }, normalizedDecorator);
+	const closeButtonElement = !hideCloseButton && /* @__PURE__ */ react.default.createElement("div", { className: `${require_context.blockClass}__close-button ${carbonPrefix}--modal-close-button` }, /* @__PURE__ */ react.default.createElement(_carbon_react.IconButton, {
+		className: `${carbonPrefix}--modal-close`,
+		label: closeIconDescription || "Close",
+		onClick: onClose,
+		align: "left"
+	}, /* @__PURE__ */ react.default.createElement(_carbon_react_icons.Close, {
+		size: 20,
+		"aria-hidden": "true",
+		tabIndex: "-1",
+		className: `${carbonPrefix}--modal-close__icon`
+	})));
+	return /* @__PURE__ */ react.default.createElement("div", {
+		className: `${require_context.blockClass}__header-content-wrapper`,
+		ref
+	}, !isSm ? /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, headerActionsElement, decoratorElement, closeButtonElement, headerContent) : /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, decoratorElement, closeButtonElement, headerContent, headerActionsElement));
 });
 
 //#endregion

package/lib/components/Tearsheet/next/context.d.ts

@@ -4,14 +4,13 @@
  * 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 { ReactNode } from 'react';
 /**
  * -------------
  * Context setup
  * -------------
  */
 interface TearsheetContextType {
-    hasCloseIcon: boolean;
-    setHasCloseIcon?: (value: boolean) => void;
     fullyCollapsed: boolean;
     setFullyCollapsed?: (value: boolean) => void;
     refs?: any;
@@ -20,6 +19,9 @@ interface TearsheetContextType {
     setDisableHeaderCollapse?: (value: boolean) => void;
     variant: 'wide' | 'narrow';
     isSm: boolean;
+    decorator?: ReactNode;
+    closeIconDescription?: string;
+    hideCloseButton?: boolean;
 }
 export declare const TearsheetContext: import("react").Context<TearsheetContextType>;
 export declare const blockClass: string;

package/lib/components/Tearsheet/next/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/context.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH;;;;GAIG;AAEH,UAAU,oBAAoB;IAC5B,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpD,OAAO,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;CACf;AACD,eAAO,MAAM,gBAAgB,+CAM3B,CAAC;AAEH,eAAO,MAAM,UAAU,QAAmC,CAAC"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/context.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAiB,SAAS,EAAyB,MAAM,OAAO,CAAC;AAGxE;;;;GAIG;AAEH,UAAU,oBAAoB;IAC5B,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpD,OAAO,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AACD,eAAO,MAAM,gBAAgB,+CAQ3B,CAAC;AAEH,eAAO,MAAM,UAAU,QAAmC,CAAC"}

package/lib/components/Tearsheet/next/context.js

@@ -17,11 +17,13 @@ let react = require("react");
 * LICENSE file in the root directory of this source tree.
 */
 const TearsheetContext = (0, react.createContext)({
-	hasCloseIcon: true,
 	fullyCollapsed: false,
 	disableHeaderCollapse: false,
 	variant: "wide",
-	isSm: false
+	isSm: false,
+	decorator: void 0,
+	closeIconDescription: void 0,
+	hideCloseButton: false
 });
 const blockClass = `${require_settings.pkg.prefix}--tearsheet__next`;
 

package/lib/global/js/hooks/useCollapsible.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCollapsible.d.ts","sourceRoot":"","sources":["../../../../src/global/js/hooks/useCollapsible.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,UAAU,2BAA2B;IACnC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAC;IACjC,eAAe,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,eAAe,EACf,qBAA6B,GAC9B,EAAE,2BAA2B,QAqD7B"}
+{"version":3,"file":"useCollapsible.d.ts","sourceRoot":"","sources":["../../../../src/global/js/hooks/useCollapsible.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,UAAU,2BAA2B;IACnC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAC;IACjC,eAAe,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAKD;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,eAAe,EACf,qBAA6B,GAC9B,EAAE,2BAA2B,QAqD7B"}

package/lib/global/js/hooks/useCollapsible.js

@@ -15,6 +15,7 @@ let react = require("react");
 * 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 DRAG_THRESHOLD = 5;
 /**
 * Custom hook to manage collapsible header behavior based on scroll and drag gestures.
 *
@@ -26,15 +27,17 @@ function useCollapsible({ container, triggerCollapse, disableHeaderCollapse = fa
 		if (!container || disableHeaderCollapse) return;
 		let startY = null;
 		let isDragging = false;
+		const evaluateDragDirection = (diffY) => {
+			if (diffY > DRAG_THRESHOLD) triggerCollapse(true);
+			else if (diffY < -DRAG_THRESHOLD) triggerCollapse(false);
+		};
 		const onPointerDown = (e) => {
 			startY = e.clientY;
 			isDragging = true;
 		};
 		const onPointerMove = (e) => {
 			if (!isDragging || startY === null) return;
-			const diffY = startY - e.clientY;
-			if (diffY > 5) triggerCollapse(true);
-			else if (diffY < -5) triggerCollapse(false);
+			evaluateDragDirection(startY - e.clientY);
 		};
 		const onPointerUp = () => {
 			isDragging = false;
@@ -42,8 +45,7 @@ function useCollapsible({ container, triggerCollapse, disableHeaderCollapse = fa
 			document.body.style.cursor = "default";
 		};
 		const onWheel = (e) => {
-			if (e.deltaY > 0) triggerCollapse(true);
-			else if (e.deltaY < 0) triggerCollapse(false);
+			triggerCollapse(e.deltaY > 0);
 		};
 		container.addEventListener("pointerdown", onPointerDown);
 		container.addEventListener("pointermove", onPointerMove);

package/lib/node_modules/@carbon/{icons-react/node_modules/@carbon/icon-helpers → icon-helpers}/lib/index.js

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../../../../../../_virtual/_rolldown/runtime.js');
+const require_runtime = require('../../../../_virtual/_rolldown/runtime.js');
 
-//#region ../../node_modules/@carbon/icons-react/node_modules/@carbon/icon-helpers/lib/index.js
+//#region ../../node_modules/@carbon/icon-helpers/lib/index.js
 var require_lib = /* @__PURE__ */ require_runtime.__commonJSMin(((exports) => {
 	Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 	/**

package/lib/node_modules/@carbon/icons-react/lib/Icon.js

@@ -7,7 +7,7 @@
 
 const require_runtime = require('../../../../_virtual/_rolldown/runtime.js');
 const require_chunk_CsKB0u1v$1 = require('./chunk-CsKB0u1v.js');
-const require_index = require('../node_modules/@carbon/icon-helpers/lib/index.js');
+const require_index = require('../../icon-helpers/lib/index.js');
 
 //#region ../../node_modules/@carbon/icons-react/lib/Icon.js
 var require_Icon = /* @__PURE__ */ require_runtime.__commonJSMin(((exports, module) => {

package/lib/settings.js

@@ -11,7 +11,7 @@ const require_Canary = require('./components/_Canary/Canary.js');
 const require_pconsole = require('./global/js/utils/pconsole.js');
 let react = require("react");
 react = require_runtime.__toESM(react);
-require("@carbon/themes");
+let _carbon_themes = require("@carbon/themes");
 
 //#region src/settings.js
 /**
@@ -20,6 +20,12 @@ require("@carbon/themes");
 * 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 carbon = {
+	get themes() {
+		return _carbon_themes.themes;
+	},
+	prefix: "cds"
+};
 const componentDeprecatedWarning = (name, details) => `Carbon for IBM Products (WARNING): Component "${name}" is deprecated. ${details}`;
 require_package_settings.default.logDeprecated = (component, name) => {
 	if (component?.deprecated) {
@@ -45,4 +51,5 @@ require_package_settings.default.checkComponentEnabled = (component, name) => {
 const pkg = require_package_settings.default;
 
 //#endregion
+exports.carbon = carbon;
 exports.pkg = pkg;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "2.88.0",
+  "version": "2.89.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -66,7 +66,7 @@
     "@babel/preset-env": "^7.26.9",
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
-    "@carbon/styles": "^1.101.0",
+    "@carbon/styles": "^1.104.0",
     "@figma/code-connect": "^1.4.0",
     "@ibm/telemetry-js-config-generator": "^2.0.1",
     "@storybook/addon-a11y": "^9.1.15",
@@ -78,7 +78,7 @@
     "@types/react-table": "^7.7.20",
     "@vitejs/plugin-react": "^5.0.0",
     "babel-plugin-dev-expression": "^0.2.3",
-    "babel-preset-ibm-cloud-cognitive": "^0.46.0",
+    "babel-preset-ibm-cloud-cognitive": "^0.47.0",
     "change-case": "5.4.4",
     "classnames": "^2.5.1",
     "copyfiles": "^2.4.1",
@@ -86,7 +86,7 @@
     "fs-extra": "^11.3.0",
     "glob": "^13.0.0",
     "jest": "^29.7.0",
-    "jest-config-ibm-cloud-cognitive": "^1.47.0",
+    "jest-config-ibm-cloud-cognitive": "^1.48.0",
     "jest-environment-jsdom": "^29.7.0",
     "namor": "^1.1.2",
     "npm-run-all2": "^8.0.0",
@@ -105,11 +105,11 @@
   "dependencies": {
     "@babel/runtime": "^7.26.10",
     "@carbon-labs/react-resizer": "^0.10.0",
-    "@carbon/feature-flags": "^1.0.0",
-    "@carbon/ibm-products-styles": "^2.84.0",
+    "@carbon/feature-flags": "^1.2.0",
+    "@carbon/ibm-products-styles": "^2.85.0",
     "@carbon/telemetry": "^0.1.0",
-    "@carbon/utilities": "^0.16.0",
-    "@carbon/utilities-react": "0.19.0",
+    "@carbon/utilities": "^0.18.0",
+    "@carbon/utilities-react": "0.21.0",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
@@ -120,15 +120,15 @@
     "react-window": "^1.8.11"
   },
   "peerDependencies": {
-    "@carbon/grid": "^11.51.0",
-    "@carbon/layout": "^11.49.0",
-    "@carbon/motion": "^11.42.0",
-    "@carbon/react": "^1.102.0",
-    "@carbon/themes": "^11.69.0",
-    "@carbon/type": "^11.55.0",
+    "@carbon/grid": "^11.53.0",
+    "@carbon/layout": "^11.51.0",
+    "@carbon/motion": "^11.44.0",
+    "@carbon/react": "^1.105.0",
+    "@carbon/themes": "^11.71.0",
+    "@carbon/type": "^11.57.0",
     "react": "^16.8.6 || ^17.0.1 || ^18.2.0 || ^19.0.0",
     "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0 || ^19.0.0",
     "react-is": "^16.13.1 || ^17.0.2 || ^18.3.1 || ^19.0.0"
   },
-  "gitHead": "36887ec0e0e106020b0234f7e089d269de9ce404"
+  "gitHead": "df2a8032f4f3947cf289ce8782534f94401bc95e"
 }

package/scss/components/Coachmark/_coachmark.scss

@@ -1,5 +1,5 @@
 //
-// Copyright IBM Corp. 2023, 2024
+// Copyright IBM Corp. 2023, 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.
@@ -50,4 +50,28 @@ $block-class-next: #{c4p-settings.$pkg-prefix}--coachmark__next;
     box-shadow: 0 0 0 $spacing-02 $icon-inverse;
     outline: $spacing-01 solid $background-inverse;
   }
+
+  .#{$block-class-next}--coachmark-content {
+    .#{$block-class-next}--content-header {
+      display: flex;
+      justify-content: flex-end;
+    }
+
+    .#{$block-class-next}--content-header--drag-icon,
+    .#{$block-class-next}--content-header .#{carbon-config.$prefix}--btn {
+      color: $icon-inverse;
+
+      .#{carbon-config.$prefix}--btn__icon,
+      svg {
+        color: $icon-inverse;
+        fill: $icon-inverse;
+      }
+    }
+
+    .#{$block-class-next}--content-body {
+      display: flex;
+      flex-direction: column;
+      padding: $spacing-01 $spacing-05 0;
+    }
+  }
 }

package/scss/components/ConditionBuilder/styles/_conditionBuilderItem.scss

@@ -57,7 +57,9 @@ $block-class: #{c4p-settings.$pkg-prefix}--condition-builder;
 .#{$block-class}__item-option__option {
   display: grid;
   cursor: pointer;
+  inline-size: 100%;
   min-block-size: 2rem;
+  min-inline-size: 0;
   padding-inline: $spacing-05;
 }
 
@@ -85,6 +87,8 @@ $block-class: #{c4p-settings.$pkg-prefix}--condition-builder;
   display: flex;
   align-items: center;
   block-size: 100%;
+  inline-size: 100%;
+  min-inline-size: 0;
 }
 
 .#{$block-class}__item-option__option-label {
@@ -92,6 +96,18 @@ $block-class: #{c4p-settings.$pkg-prefix}--condition-builder;
   overflow: hidden;
   align-items: center;
   column-gap: $spacing-03;
+  inline-size: 100%;
+  min-inline-size: 0;
+
+  > svg {
+    flex-shrink: 0;
+  }
+}
+
+.#{$block-class}__item-option__option-label-text {
+  overflow: hidden;
+  flex: 1 1 auto;
+  min-inline-size: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
 }