@carbon/ibm-products 2.97.0 → 2.98.0

package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js

@@ -34,11 +34,14 @@ const ConditionBuilderContent = ({ startConditionLabel, getConditionState, getAc
 	const initialConditionState = (0, react.useRef)(initialState?.state ? JSON.parse(JSON.stringify(initialState?.state)) : null);
 	const [isConditionBuilderActive, setIsConditionBuilderActive] = (0, react.useState)(false);
 	const [showConditionGroupPreview, setShowConditionGroupPreview] = (0, react.useState)(false);
-	const [addConditionGroupText, conditionHeadingText, conditionBuilderHierarchicalText] = require_useTranslations.useTranslations([
+	const [addConditionGroupText, conditionHeadingText, conditionBuilderHierarchicalText, conditionRemovedText] = require_useTranslations.useTranslations([
 		"addConditionGroupText",
 		"conditionHeadingText",
-		"conditionBuilderHierarchicalText"
+		"conditionBuilderHierarchicalText",
+		"conditionRemovedText"
 	]);
+	const carbonPrefix = (0, _carbon_react.usePrefix)();
+	const [statusMessage, setStatusMessage] = (0, react.useState)("");
 	const showConditionGroupPreviewHandler = () => {
 		setShowConditionGroupPreview(true);
 	};
@@ -77,11 +80,13 @@ const ConditionBuilderContent = ({ startConditionLabel, getConditionState, getAc
 				groups: rootState ? groups : []
 			});
 			if (groups?.length === 0) initialConditionState.current = null;
+			setStatusMessage(conditionRemovedText);
 		}
 	}, [
 		setRootState,
 		rootState,
-		onRemoveItem
+		onRemoveItem,
+		conditionRemovedText
 	]);
 	const onChangeHandler = (updatedGroup, groupIndex) => {
 		/**
@@ -128,7 +133,12 @@ const ConditionBuilderContent = ({ startConditionLabel, getConditionState, getAc
 		role: "treegrid",
 		"aria-label": conditionBuilderHierarchicalText
 	} : null;
-	return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement(_carbon_react.Section, {
+	return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement("div", {
+		role: "status",
+		"aria-live": "polite",
+		"aria-atomic": "true",
+		className: `${carbonPrefix}--visually-hidden`
+	}, statusMessage), /* @__PURE__ */ react.default.createElement(_carbon_react.Section, {
 		className: `${require_util.blockClass}__heading`,
 		level: 4
 	}, /* @__PURE__ */ react.default.createElement(_carbon_react.Heading, null, conditionHeadingText)), /* @__PURE__ */ react.default.createElement("div", {
@@ -150,7 +160,9 @@ const ConditionBuilderContent = ({ startConditionLabel, getConditionState, getAc
 		},
 		onChange: (updatedGroup) => {
 			onChangeHandler(updatedGroup, groupIndex);
-		}
+		},
+		setStatusMessage,
+		conditionRemovedText
 	}), rootState.groups && groupIndex < rootState.groups.length - 1 && /* @__PURE__ */ react.default.createElement(require_GroupConnector.default, null))), !readOnly && variant == "Hierarchical" && /* @__PURE__ */ react.default.createElement("div", {
 		role: "row",
 		tabIndex: -1,

package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts

@@ -34,6 +34,7 @@ export namespace translationsObject {
     let addConditionRowText: string;
     let startText: string;
     let endText: string;
+    let searchPropertiesText: string;
     let clearSearchText: string;
     let actionsText: string;
     let then: string;
@@ -48,5 +49,6 @@ export namespace translationsObject {
     let addOperatorText: string;
     let addValueText: string;
     let conditionBuilderHierarchicalText: string;
+    let conditionRemovedText: string;
 }
 //# sourceMappingURL=translationObject.d.ts.map

package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.js

@@ -48,6 +48,7 @@ const translationsObject = {
 	addConditionRowText: "Add condition row",
 	startText: "Start",
 	endText: "End",
+	searchPropertiesText: "Search properties",
 	clearSearchText: "Clear search input",
 	actionsText: "Actions",
 	then: "then",
@@ -61,7 +62,8 @@ const translationsObject = {
 	addPropertyText: "Add property",
 	addOperatorText: "Add operator",
 	addValueText: "Add value",
-	conditionBuilderHierarchicalText: "Condition Builder Hierarchical"
+	conditionBuilderHierarchicalText: "Condition Builder Hierarchical",
+	conditionRemovedText: "Condition removed"
 };
 //#endregion
 exports.translationsObject = translationsObject;

package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts

@@ -13,6 +13,10 @@ interface ConditionBuilderItemProps extends PropsWithChildren {
     label?: string | Option | Option[];
     renderIcon?: CarbonIconType;
     title?: string;
+    /** Screen-reader-only label for the popover dialog. Defaults to `title` when not set.
+     *  Use this to supply richer context (e.g. "Property — Condition 1") without
+     *  changing the visible heading rendered inside the popover. */
+    dialogAriaLabel?: string;
     showToolTip?: boolean;
     popOverClassName?: string;
     type?: string;
@@ -28,7 +32,7 @@ interface ConditionBuilderItemProps extends PropsWithChildren {
     onBlur?: React.FocusEventHandler<HTMLButtonElement>;
 }
 export declare const ConditionBuilderItem: {
-    ({ children, className, label, renderIcon, title, type, showToolTip, condition, popOverClassName, config, renderChildren, onChange, description, ...rest }: ConditionBuilderItemProps): React.JSX.Element;
+    ({ children, className, label, renderIcon, title, dialogAriaLabel, type, showToolTip, condition, popOverClassName, config, renderChildren, onChange, description, ...rest }: ConditionBuilderItemProps): React.JSX.Element;
     propTypes: {
         /**
          * provide the contents of the popover

package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionBuilderItem.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAKZ,iBAAiB,EAEjB,SAAS,EACT,GAAG,EACJ,MAAM,OAAO,CAAC;AASf,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAO,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAK1D,OAAO,EACL,SAAS,EACT,MAAM,EACN,MAAM,EACN,UAAU,EACX,MAAM,2BAA2B,CAAC;AASnC,UAAU,yBAA0B,SAAQ,iBAAiB;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;IACnC,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,cAAc,CAAC,EAAE,CACf,GAAG,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,EAC/B,YAAY,EAAE,MAAM,IAAI,KACrB,SAAS,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAChE,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAChE,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACrD;AACD,eAAO,MAAM,oBAAoB;gKAe9B,yBAAyB;;QAkQ1B;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAGH;;WAEG;;QAIH;;WAEG;;QAOH;;WAEG;;QAGH;;WAEG;;QAGH;;WAEG;;QAGH;;WAEG;;QAGH;;WAEG;;QAGH;;WAEG;;QAEH;;WAEG;;;CA9DJ,CAAC"}
+{"version":3,"file":"ConditionBuilderItem.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAKZ,iBAAiB,EAEjB,SAAS,EACT,GAAG,EACJ,MAAM,OAAO,CAAC;AASf,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAO,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAK1D,OAAO,EACL,SAAS,EACT,MAAM,EACN,MAAM,EACN,UAAU,EACX,MAAM,2BAA2B,CAAC;AASnC,UAAU,yBAA0B,SAAQ,iBAAiB;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;IACnC,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;oEAEgE;IAChE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,cAAc,CAAC,EAAE,CACf,GAAG,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,EAC/B,YAAY,EAAE,MAAM,IAAI,KACrB,SAAS,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAChE,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAChE,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACrD;AACD,eAAO,MAAM,oBAAoB;iLAgB9B,yBAAyB;;QAgR1B;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAGH;;WAEG;;QAIH;;WAEG;;QAOH;;WAEG;;QAGH;;WAEG;;QAGH;;WAEG;;QAGH;;WAEG;;QAGH;;WAEG;;QAGH;;WAEG;;QAEH;;WAEG;;;CA9DJ,CAAC"}

package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js

@@ -26,7 +26,7 @@ let _carbon_react_icons = require("@carbon/react/icons");
 * 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 ConditionBuilderItem = ({ children, className, label, renderIcon, title, type, showToolTip, condition, popOverClassName, config, renderChildren, onChange, description, ...rest }) => {
+const ConditionBuilderItem = ({ children, className, label, renderIcon, title, dialogAriaLabel, type, showToolTip, condition, popOverClassName, config, renderChildren, onChange, description, ...rest }) => {
 	const popoverRef = (0, react.useRef)(null);
 	const [open, setOpen] = (0, react.useState)(false);
 	const { conditionBuilderRef, statementConfigCustom, readOnly } = (0, react.useContext)(require_ConditionBuilderProvider.ConditionBuilderContext);
@@ -95,7 +95,9 @@ const ConditionBuilderItem = ({ children, className, label, renderIcon, title, t
 		if (!popoverEl) return;
 		const focusLeftPopover = relatedTarget && !popoverEl.contains(relatedTarget);
 		const targetInsidePopover = popoverEl.contains(focusEvent.target);
-		const focusMovedToDatePicker = focusEvent.target?.closest(".flatpickr-calendar");
+		const targetEl = focusEvent.target;
+		const relatedEl = focusEvent.relatedTarget;
+		const focusMovedToDatePicker = targetEl?.closest(".flatpickr-calendar") || relatedEl?.closest?.(".flatpickr-calendar");
 		if ((focusLeftPopover || !targetInsidePopover) && !focusMovedToDatePicker) closePopover();
 	});
 	const manageInvalidSelection = () => {
@@ -145,11 +147,13 @@ const ConditionBuilderItem = ({ children, className, label, renderIcon, title, t
 		showToolTip,
 		isInvalid,
 		description,
-		...rest
+		...rest,
+		...isInvalid && dialogAriaLabel ? { "aria-label": `${invalidText}: ${dialogAriaLabel}` } : {}
 	}), open && /* @__PURE__ */ react.default.createElement(_carbon_react.PopoverContent, {
 		className: `${require_util.blockClass}__popover-content-wrapper`,
 		role: "dialog",
-		"aria-label": title,
+		"aria-modal": "true",
+		"aria-label": dialogAriaLabel ?? title,
 		onKeyDown: handleKeyDownHandler
 	}, /* @__PURE__ */ react.default.createElement(_carbon_react.Layer, null, /* @__PURE__ */ react.default.createElement(_carbon_react.Section, null, /* @__PURE__ */ react.default.createElement(_carbon_react.Heading, { className: `${require_util.blockClass}__item__title` }, title), /* @__PURE__ */ react.default.createElement("div", { className: `${require_util.blockClass}__popover-content` }, renderChildren ? renderChildren(popoverRef, closePopover) : children)))));
 };

package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js

@@ -25,7 +25,11 @@ let _carbon_react_icons = require("@carbon/react/icons");
 const ItemOption = ({ conditionState = {}, config = {}, onChange, closePopover, group }) => {
 	const { popOverSearchThreshold } = (0, react.useContext)(require_ConditionBuilderProvider.ConditionBuilderContext);
 	const contentRef = (0, react.useRef)(null);
-	const [propertyText, clearSearchText] = require_useTranslations.useTranslations(["propertyText", "clearSearchText"]);
+	const [propertyText, clearSearchText, searchPropertiesText] = require_useTranslations.useTranslations([
+		"propertyText",
+		"clearSearchText",
+		"searchPropertiesText"
+	]);
 	const { conditionBuilderRef } = (0, react.useContext)(require_ConditionBuilderProvider.ConditionBuilderContext);
 	const allOptions = config?.options;
 	const [searchValue, setSearchValue] = (0, react.useState)("");
@@ -56,7 +60,8 @@ const ItemOption = ({ conditionState = {}, config = {}, onChange, closePopover,
 		ref: contentRef
 	}, allOptions.length > popOverSearchThreshold ? /* @__PURE__ */ react.default.createElement("div", { className: `${require_util.blockClass}__item-option__search` }, /* @__PURE__ */ react.default.createElement(_carbon_react.Search, {
 		size: "sm",
-		labelText: clearSearchText,
+		labelText: searchPropertiesText,
+		placeholder: "",
 		closeButtonLabelText: clearSearchText,
 		onChange: onSearchChangeHandler,
 		onKeyDown: (evt) => {

package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ItemOptionForValueField.d.ts","sourceRoot":"","sources":["../../../../../src/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAkD,MAAM,OAAO,CAAC;AAYvE,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,OAAO,EACL,SAAS,EAGT,oBAAoB,EACrB,MAAM,8BAA8B,CAAC;AAOtC,UAAU,4BAA4B;IACpC,cAAc,EAAE,SAAS,GAAG;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/C,MAAM,EAAE,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC1C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AACD,eAAO,MAAM,uBAAuB;0DAKjC,4BAA4B;;QAyO7B;;WAEG;;QAGH;;WAEG;;QAGH;;WAEG;;;CAfJ,CAAC"}
+{"version":3,"file":"ItemOptionForValueField.d.ts","sourceRoot":"","sources":["../../../../../src/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAkD,MAAM,OAAO,CAAC;AAYvE,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,OAAO,EACL,SAAS,EAGT,oBAAoB,EACrB,MAAM,8BAA8B,CAAC;AAOtC,UAAU,4BAA4B;IACpC,cAAc,EAAE,SAAS,GAAG;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/C,MAAM,EAAE,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC1C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AACD,eAAO,MAAM,uBAAuB;0DAKjC,4BAA4B;;QA0O7B;;WAEG;;QAGH;;WAEG;;QAGH;;WAEG;;;CAfJ,CAAC"}

package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js

@@ -26,7 +26,11 @@ let _carbon_react_icons = require("@carbon/react/icons");
 const ItemOptionForValueField = ({ conditionState = {}, config = {}, onChange, closePopover }) => {
 	const multiSelectable = require_util.checkForMultiSelectOperator(conditionState, config);
 	const { popOverSearchThreshold, getOptions, rootState } = (0, react.useContext)(require_ConditionBuilderProvider.ConditionBuilderContext);
-	const [propertyText, clearSearchText] = require_useTranslations.useTranslations(["propertyText", "clearSearchText"]);
+	const [propertyText, clearSearchText, searchPropertiesText] = require_useTranslations.useTranslations([
+		"propertyText",
+		"clearSearchText",
+		"searchPropertiesText"
+	]);
 	const { conditionBuilderRef } = (0, react.useContext)(require_ConditionBuilderProvider.ConditionBuilderContext);
 	const contentRef = (0, react.useRef)(null);
 	const [allOptions, setAllOptions] = (0, react.useState)(config?.options);
@@ -74,7 +78,8 @@ const ItemOptionForValueField = ({ conditionState = {}, config = {}, onChange, c
 		ref: contentRef
 	}, allOptions.length > popOverSearchThreshold ? /* @__PURE__ */ react.default.createElement("div", { className: `${require_util.blockClass}__item-option__search` }, /* @__PURE__ */ react.default.createElement(_carbon_react.Search, {
 		size: "sm",
-		labelText: clearSearchText,
+		labelText: searchPropertiesText,
+		placeholder: "",
 		closeButtonLabelText: clearSearchText,
 		onChange: onSearchChangeHandler,
 		onKeyDown: (evt) => {
@@ -89,7 +94,8 @@ const ItemOptionForValueField = ({ conditionState = {}, config = {}, onChange, c
 	}, selection.length == 0 ? "Select all" : "Deselect all")), /* @__PURE__ */ react.default.createElement("ul", {
 		"aria-label": getAriaLabel(),
 		role: "listbox",
-		"data-multi-select": multiSelectable
+		"data-multi-select": multiSelectable,
+		"aria-multiselectable": multiSelectable ? true : void 0
 	}, filteredItems?.map((option) => {
 		const isSelected = selection.map((option) => option.id).includes(option.id);
 		const Icon = option.icon;

package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionBuilderItemTime.d.ts","sourceRoot":"","sources":["../../../../../src/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAGlE,UAAU,wBAAwB;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9C,MAAM,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACrC,cAAc,EAAE;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AACD,eAAO,MAAM,wBAAwB;4CAIlC,wBAAwB;;QAuEzB;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;;CAbJ,CAAC"}
+{"version":3,"file":"ConditionBuilderItemTime.d.ts","sourceRoot":"","sources":["../../../../../src/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAGlE,UAAU,wBAAwB;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9C,MAAM,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACrC,cAAc,EAAE;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AACD,eAAO,MAAM,wBAAwB;4CAIlC,wBAAwB;;QA2EzB;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;;CAbJ,CAAC"}

package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js

@@ -53,7 +53,7 @@ const ConditionBuilderItemTime = ({ onChange, config, conditionState }) => {
 	return /* @__PURE__ */ react.default.createElement("div", { className: `${require_util.blockClass}__item-time` }, /* @__PURE__ */ react.default.createElement(_carbon_react.TimePicker, {
 		defaultValue: initialTimeValue,
 		id: "time-picker",
-		labelText: "Select a time",
+		labelText: conditionState.label ? `Select time for ${conditionState.label}` : "Select a time",
 		onChange: setTime
 	}, /* @__PURE__ */ react.default.createElement(_carbon_react.TimePickerSelect, {
 		id: "time-picker-day-zone",

package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts

@@ -23,9 +23,11 @@ interface ConditionGroupBuilderProps {
         posinset: number;
         setsize: number;
     };
+    setStatusMessage?: (message: string) => void;
+    conditionRemovedText?: string;
 }
 declare const ConditionGroupBuilder: {
-    ({ group, aria, onRemove, onChange, className, }: ConditionGroupBuilderProps): React.JSX.Element;
+    ({ group, aria, onRemove, onChange, className, setStatusMessage, conditionRemovedText, }: ConditionGroupBuilderProps): React.JSX.Element;
     propTypes: {
         /**
          * object contains the aria attributes
@@ -38,6 +40,10 @@ declare const ConditionGroupBuilder: {
          * Provide an optional class to be applied to the containing node.
          */
         className: PropTypes.Requireable<string>;
+        /**
+         * translation string announced when a condition is removed
+         */
+        conditionRemovedText: PropTypes.Requireable<string>;
         group: PropTypes.Requireable<object>;
         /**
          * callback to update the current condition of the state tree
@@ -47,6 +53,10 @@ declare const ConditionGroupBuilder: {
          * call back to remove the particular group from the state tree
          */
         onRemove: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * callback to update the aria-live status message in the parent
+         */
+        setStatusMessage: PropTypes.Requireable<(...args: any[]) => any>;
     };
 };
 export default ConditionGroupBuilder;

package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionGroupBuilder.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAMN,MAAM,OAAO,CAAC;AAEf,OAAO,SAAS,MAAM,YAAY,CAAC;AAkBnC,OAAO,EAEL,cAAc,EAEf,MAAM,2BAA2B,CAAC;AAGnC;;;;;GAKG;AAEH,UAAU,0BAA0B;IAClC,KAAK,EAAE,cAAc,CAAC;IACtB,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH;AAED,QAAA,MAAM,qBAAqB;sDAMxB,0BAA0B;;QA0gB3B;;WAEG;;QAGH;;WAEG;QACH;;WAEG;;;QAIH;;WAEG;;QAEH;;WAEG;;;CAxBJ,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"ConditionGroupBuilder.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAMN,MAAM,OAAO,CAAC;AAEf,OAAO,SAAS,MAAM,YAAY,CAAC;AAkBnC,OAAO,EAEL,cAAc,EAEf,MAAM,2BAA2B,CAAC;AAGnC;;;;;GAKG;AAEH,UAAU,0BAA0B;IAClC,KAAK,EAAE,cAAc,CAAC;IACtB,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,QAAA,MAAM,qBAAqB;8FAQxB,0BAA0B;;QAghB3B;;WAEG;;QAGH;;WAEG;QACH;;WAEG;;QAGH;;WAEG;;;QAGH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;;CAhCJ,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

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

@@ -29,7 +29,7 @@ prop_types = require_runtime.__toESM(prop_types);
 * LICENSE file in the root directory of this source tree.
 */
 var import_classnames = /* @__PURE__ */ require_runtime.__toESM(require_index.default);
-const ConditionGroupBuilder = ({ group, aria, onRemove, onChange, className }) => {
+const ConditionGroupBuilder = ({ group, aria, onRemove, onChange, className, setStatusMessage, conditionRemovedText }) => {
 	const [conditionBuilderGroupText, conditionText, conditionBuilderText] = require_useTranslations.useTranslations([
 		"conditionBuilderGroupText",
 		"conditionText",
@@ -98,6 +98,7 @@ const ConditionGroupBuilder = ({ group, aria, onRemove, onChange, className }) =
 				});
 			}
 		} else onRemove?.(evt);
+		setStatusMessage?.(conditionRemovedText ?? "");
 	};
 	const checkGroupHaveCondition = (conditions, conditionId) => {
 		return conditions.find((eachCondition) => {
@@ -246,6 +247,7 @@ const ConditionGroupBuilder = ({ group, aria, onRemove, onChange, className }) =
 		}, /* @__PURE__ */ react.default.createElement(require_ConditionBuilderItem.ConditionBuilderItem, {
 			label: group.statement,
 			title: conditionText,
+			dialogAriaLabel: `${conditionText} — ${conditionBuilderGroupText} ${Math.ceil(aria.posinset / 2)}`,
 			"data-name": "connectorField",
 			popOverClassName: `${require_util.blockClass}__gap ${require_util.blockClass}__connector`,
 			className: `${require_util.blockClass}__statement-button`
@@ -332,6 +334,10 @@ ConditionGroupBuilder.propTypes = {
 	* Provide an optional class to be applied to the containing node.
 	*/
 	className: prop_types.default.string,
+	/**
+	* translation string announced when a condition is removed
+	*/
+	conditionRemovedText: prop_types.default.string,
 	group: prop_types.default.object,
 	/**
 	* callback to update the current condition of the state tree
@@ -340,7 +346,11 @@ ConditionGroupBuilder.propTypes = {
 	/**
 	* call back to remove the particular group from the state tree
 	*/
-	onRemove: prop_types.default.func
+	onRemove: prop_types.default.func,
+	/**
+	* callback to update the aria-live status message in the parent
+	*/
+	setStatusMessage: prop_types.default.func
 };
 //#endregion
 exports.default = ConditionGroupBuilder;

package/lib/components/ConditionBuilder/index.d.ts

@@ -6,4 +6,5 @@
  */
 export { ConditionBuilder } from './ConditionBuilder';
 export * from './ConditionBuilder.types';
+export { getEmptyState } from './ConditionBuilderContext/ConditionBuilderProvider';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/ConditionBuilder/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,oDAAoD,CAAC"}

package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js

@@ -55,7 +55,7 @@ const handleKeyPressForPopover = (evt, parentContainer, conditionBuilderRef, clo
 			});
 			break;
 		case "Tab":
-			allItems = [...Array.from(parentContainer.querySelectorAll(`.${require_util.blockClass}__selectAll-button,[role="searchbox"]`)), getVisibleOptions(parentContainer)?.[0]];
+			allItems = [...Array.from(parentContainer.querySelectorAll(`.${require_util.blockClass}__selectAll-button,input[type="search"]`)), getVisibleOptions(parentContainer)?.[0]];
 			allItems.forEach((eachElem, index, allElements) => {
 				if (isHoldingShiftKey) require_util.traverseReverse(eachElem, index, allElements, true, true, conditionBuilderRef);
 				else require_util.traverseClockwise(eachElem, index, allElements, true, true, conditionBuilderRef);
@@ -69,7 +69,10 @@ const handleKeyPressForPopover = (evt, parentContainer, conditionBuilderRef, clo
 			}
 			break;
 		case "Enter":
-			if (document.activeElement.type !== "button") {
+			if (isMultiSelect === "true") {
+				if (document.activeElement.type !== "button") document.activeElement?.click();
+				evt.preventDefault();
+			} else if (document.activeElement.type !== "button") {
 				require_util.focusThisField(evt, conditionBuilderRef);
 				document.activeElement?.click();
 			}

package/lib/components/PageHeader/next/PageHeaderBreadcrumbBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeaderBreadcrumbBar.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderBreadcrumbBar.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EAAE,KAAK,aAAa,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI1E,OAAO,EAGL,KAAK,uBAAuB,EAC7B,MAAM,WAAW,CAAC;AAEnB;;;;GAIG;AACH,MAAM,WAAW,4BAA4B;IAC3C;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,aAAa,GAAG,iBAAiB,CAAC;IAC/C;;;OAGG;IACH,cAAc,CAAC,EACX,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC1D;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,WAAW,CAAC,EACR,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC1D;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,uBAAuB,qGA+ElC,CAAC"}
+{"version":3,"file":"PageHeaderBreadcrumbBar.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderBreadcrumbBar.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EAAE,KAAK,aAAa,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI1E,OAAO,EAGL,KAAK,uBAAuB,EAC7B,MAAM,WAAW,CAAC;AAEnB;;;;GAIG;AACH,MAAM,WAAW,4BAA4B;IAC3C;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,aAAa,GAAG,iBAAiB,CAAC;IAC/C;;;OAGG;IACH,cAAc,CAAC,EACX,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC1D;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,WAAW,CAAC,EACR,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC1D;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,uBAAuB,qGAkFlC,CAAC"}

package/lib/components/PageHeader/next/PageHeaderBreadcrumbBar.js

@@ -46,9 +46,12 @@ const PageHeaderBreadcrumbBar = react.default.forwardRef(function PageHeaderBrea
 		lg: 16,
 		md: 8,
 		sm: 4
-	}, /* @__PURE__ */ react.default.createElement("div", { className: `${require_PageHeaderUtils.blockClass}__breadcrumb-container` }, /* @__PURE__ */ react.default.createElement("div", { className: `${require_PageHeaderUtils.blockClass}__breadcrumb-wrapper` }, IconElement && /* @__PURE__ */ react.default.createElement("div", { className: `${require_PageHeaderUtils.blockClass}__breadcrumb__icon` }, /* @__PURE__ */ react.default.createElement(IconElement, null)), children), /* @__PURE__ */ react.default.createElement("div", {
+	}, /* @__PURE__ */ react.default.createElement("div", { className: `${require_PageHeaderUtils.blockClass}__breadcrumb-container` }, /* @__PURE__ */ react.default.createElement("div", { className: `${require_PageHeaderUtils.blockClass}__breadcrumb-wrapper` }, IconElement && /* @__PURE__ */ react.default.createElement("div", {
+		className: `${require_PageHeaderUtils.blockClass}__breadcrumb__icon`,
+		"aria-hidden": "true"
+	}, /* @__PURE__ */ react.default.createElement(IconElement, null)), children), /* @__PURE__ */ react.default.createElement("div", {
 		className: `${require_PageHeaderUtils.blockClass}__breadcrumb__actions`,
-		role: "navigation",
+		role: "toolbar",
 		"aria-label": actionsAriaLabel
 	}, /* @__PURE__ */ react.default.createElement("div", { className: contentActionsClasses }, typeof contentActions === "function" ? contentActions(observerState) : contentActions), typeof pageActions === "function" ? pageActions(observerState) : pageActions))))));
 });

package/lib/components/PageHeader/next/PageHeaderContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeaderContent.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderContent.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EACZ,KAAK,aAAa,EAClB,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAyB,OAAO,EAAE,MAAM,eAAe,CAAC;AAE/D,OAAO,EAAiB,KAAK,uBAAuB,EAAE,MAAM,WAAW,CAAC;AAGxE;;;;GAIG;AACH,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,aAAa,GAAG,iBAAiB,CAAC;IAC/C;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,OAAO,CAAC;IACnE;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC;;;OAGG;IACH,WAAW,CAAC,EACR,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CAC3D;AAED,eAAO,MAAM,iBAAiB,+FA2F5B,CAAC"}
+{"version":3,"file":"PageHeaderContent.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderContent.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EACZ,KAAK,aAAa,EAClB,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAyB,OAAO,EAAE,MAAM,eAAe,CAAC;AAE/D,OAAO,EAAiB,KAAK,uBAAuB,EAAE,MAAM,WAAW,CAAC;AAGxE;;;;GAIG;AACH,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,aAAa,GAAG,iBAAiB,CAAC;IAC/C;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,OAAO,CAAC;IACnE;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC;;;OAGG;IACH,WAAW,CAAC,EACR,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CAC3D;AAED,eAAO,MAAM,iBAAiB,+FAuF5B,CAAC"}

package/lib/components/PageHeader/next/PageHeaderContent.js

@@ -26,7 +26,7 @@ var import_classnames = /* @__PURE__ */ require_runtime.__toESM(require_index.de
 const PageHeaderContent = react.default.forwardRef(function PageHeaderContent({ className, children, title, titleAs: TitleTag = "h1", titleTruncate, renderIcon: IconElement, contextualActions, pageActions, ...other }, ref) {
 	const contentRef = (0, react.useRef)(null);
 	const componentRef = ref ?? contentRef;
-	const { setRefs, setPageActionsInstance } = require_context.usePageHeader();
+	const { setRefs, setPageActionsInstance, observerState } = require_context.usePageHeader();
 	const classNames = (0, import_classnames.default)({ [`${require_PageHeaderUtils.blockClass}__content`]: true }, className);
 	const titleRef = (0, react.useRef)(null);
 	const titleLines = titleTruncate ?? (contextualActions ? 1 : 2);
@@ -60,11 +60,7 @@ const PageHeaderContent = react.default.forwardRef(function PageHeaderContent({
 		value: title,
 		lines: titleLines,
 		type: "tooltip"
-	}))), contextualActions && /* @__PURE__ */ react.default.createElement("div", { className: `${require_PageHeaderUtils.blockClass}__content__contextual-actions` }, contextualActions)), typeof pageActions === "function" ? pageActions({
-		fullyCollapsed: false,
-		titleClipped: false,
-		contentActionsClipped: false
-	}) : pageActions), children)));
+	}))), contextualActions && /* @__PURE__ */ react.default.createElement("div", { className: `${require_PageHeaderUtils.blockClass}__content__contextual-actions` }, contextualActions)), typeof pageActions === "function" ? pageActions(observerState) : pageActions), children)));
 });
 PageHeaderContent.displayName = "PageHeaderContent";
 PageHeaderContent.propTypes = {

package/lib/components/PageHeader/next/PageHeaderTagOverflow.d.ts

@@ -7,7 +7,7 @@
 import React from 'react';
 export interface PageHeaderTagOverflowProps {
     children: React.ReactNode;
-    renderOverflowTag?: (hiddenBreadcrumbs: HTMLElement[], handleOverflowClick: (event: React.MouseEvent) => void, openPopover: boolean) => React.ReactElement;
+    renderOverflowTag?: (hiddenBreadcrumbs: HTMLElement[], handleOverflowClick: (event: React.MouseEvent) => void, openPopover: boolean, triggerId?: string) => React.ReactElement;
     renderPopoverContent?: (hiddenBreadcrumbs: HTMLElement[]) => React.ReactElement;
 }
 export declare const PageHeaderTagOverflow: React.ForwardRefExoticComponent<PageHeaderTagOverflowProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/PageHeader/next/PageHeaderTagOverflow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeaderTagOverflow.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderTagOverflow.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAMN,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,0BAA0B;IAEzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iBAAiB,CAAC,EAAE,CAClB,iBAAiB,EAAE,WAAW,EAAE,EAChC,mBAAmB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,EACtD,WAAW,EAAE,OAAO,KACjB,KAAK,CAAC,YAAY,CAAC;IACxB,oBAAoB,CAAC,EAAE,CACrB,iBAAiB,EAAE,WAAW,EAAE,KAC7B,KAAK,CAAC,YAAY,CAAC;CACzB;AAED,eAAO,MAAM,qBAAqB,mGAuEhC,CAAC"}
+{"version":3,"file":"PageHeaderTagOverflow.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderTagOverflow.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAMN,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,0BAA0B;IAEzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iBAAiB,CAAC,EAAE,CAClB,iBAAiB,EAAE,WAAW,EAAE,EAChC,mBAAmB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,EACtD,WAAW,EAAE,OAAO,EACpB,SAAS,CAAC,EAAE,MAAM,KACf,KAAK,CAAC,YAAY,CAAC;IACxB,oBAAoB,CAAC,EAAE,CACrB,iBAAiB,EAAE,WAAW,EAAE,KAC7B,KAAK,CAAC,YAAY,CAAC;CACzB;AAED,eAAO,MAAM,qBAAqB,mGA8EhC,CAAC"}

package/lib/components/PageHeader/next/PageHeaderTagOverflow.js

@@ -24,6 +24,7 @@ var import_classnames = /* @__PURE__ */ require_runtime.__toESM(require_index.de
 const PageHeaderTagOverflow = react.default.forwardRef(({ renderOverflowTag, renderPopoverContent, children }, ref) => {
 	const [openPopover, setOpenPopover] = (0, react.useState)(false);
 	const [hiddenTags, setHiddenTags] = (0, react.useState)([]);
+	const overflowButtonId = `${require_settings.pkg.prefix}--page-header--tag-overflow-btn`;
 	const localRef = (0, react.useRef)(null);
 	const tagsContainerRef = ref || localRef;
 	(0, react.useEffect)(() => {
@@ -54,8 +55,9 @@ const PageHeaderTagOverflow = react.default.forwardRef(({ renderOverflowTag, ren
 		open: openPopover,
 		onRequestClose: () => setOpenPopover(false),
 		"data-fixed": true,
+		"aria-labelledby": overflowButtonId,
 		className: (0, import_classnames.default)(`${require_settings.pkg.prefix}--page-header--tag-overflow-popover`, { [`${require_settings.pkg.prefix}--page-header--tag-overflow-popover__hidden`]: !hiddenTags.length })
-	}, renderOverflowTag?.(hiddenTags, handleOverflowClick, openPopover), /* @__PURE__ */ react.default.createElement(_carbon_react.PopoverContent, null, /* @__PURE__ */ react.default.createElement("div", { className: `${require_PageHeaderUtils.blockClass}__tags-popover-list` }, renderPopoverContent?.(hiddenTags)))));
+	}, renderOverflowTag?.(hiddenTags, handleOverflowClick, openPopover, overflowButtonId), /* @__PURE__ */ react.default.createElement(_carbon_react.PopoverContent, null, /* @__PURE__ */ react.default.createElement("div", { className: `${require_PageHeaderUtils.blockClass}__tags-popover-list` }, renderPopoverContent?.(hiddenTags)))));
 });
 PageHeaderTagOverflow.displayName = "PageHeaderTagOverflow";
 //#endregion

package/lib/components/PageHeader/next/PageHeaderTitleBreadcrumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeaderTitleBreadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderTitleBreadcrumb.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,mBAAmB,EAAkB,MAAM,eAAe,CAAC;AAIpE,eAAO,MAAM,yBAAyB,2FAiCpC,CAAC"}
+{"version":3,"file":"PageHeaderTitleBreadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderTitleBreadcrumb.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,mBAAmB,EAAkB,MAAM,eAAe,CAAC;AAIpE,eAAO,MAAM,yBAAyB,2FAoCpC,CAAC"}

package/lib/components/PageHeader/next/PageHeaderTitleBreadcrumb.js

@@ -25,11 +25,13 @@ const PageHeaderTitleBreadcrumb = (0, react.forwardRef)(({ className, children,
 	const titleClipped = observerState.titleClipped;
 	const hasContentElement = refs?.contentRef?.current;
 	const shouldShow = !hasContentElement || titleClipped && !!refs?.titleRef;
+	const isAriaHidden = hasContentElement && !titleClipped;
 	return /* @__PURE__ */ react.default.createElement(_carbon_react.BreadcrumbItem, {
 		ref,
 		isCurrentPage: true,
 		...other,
-		"aria-hidden": hasContentElement && !titleClipped ? true : void 0,
+		"aria-hidden": isAriaHidden ? true : void 0,
+		tabIndex: isAriaHidden ? -1 : void 0,
 		className: (0, import_classnames.default)(className, `${require_settings.pkg.prefix}--page-header-title-breadcrumb`, {
 			[`${require_settings.pkg.prefix}--page-header-title-breadcrumb-show`]: shouldShow,
 			[`${require_settings.pkg.prefix}--page-header-title-breadcrumb-show__with-content-element`]: hasContentElement,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "2.97.0",
+  "version": "2.98.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -67,7 +67,7 @@
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
     "@carbon/charts-react": "^1.27.16",
-    "@carbon/ibm-products-utilities": "1.6.0",
+    "@carbon/ibm-products-utilities": "1.7.0",
     "@carbon/styles": "^1.110.1",
     "@figma/code-connect": "^1.4.0",
     "@ibm/telemetry-js-config-generator": "^2.0.1",
@@ -80,7 +80,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.55.0",
+    "babel-preset-ibm-cloud-cognitive": "^0.56.0",
     "change-case": "5.4.4",
     "classnames": "^2.5.1",
     "copyfiles": "^2.4.1",
@@ -88,7 +88,7 @@
     "fs-extra": "^11.3.0",
     "glob": "^13.0.0",
     "jest": "^30.0.5",
-    "jest-config-ibm-cloud-cognitive": "^1.56.0",
+    "jest-config-ibm-cloud-cognitive": "^1.57.0",
     "jest-environment-jsdom": "^30.0.5",
     "namor": "^1.1.2",
     "npm-run-all2": "^8.0.0",
@@ -108,7 +108,7 @@
     "@babel/runtime": "^7.26.10",
     "@carbon-labs/react-resizer": "^0.25.0",
     "@carbon/feature-flags": "^1.4.0",
-    "@carbon/ibm-products-styles": "^2.93.0",
+    "@carbon/ibm-products-styles": "^2.94.0",
     "@carbon/telemetry": "^0.1.0",
     "@carbon/utilities": "^0.21.0",
     "@carbon/utilities-react": "0.24.0",
@@ -132,5 +132,5 @@
     "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": "91d179a76c469fdcccc0c3a60900146b452e4055"
+  "gitHead": "e818e518799f3ad09c1cd77f4e27f42dba9977b8"
 }

package/telemetry.yml

@@ -662,6 +662,7 @@ collect:
         - wrapperClassName
         - wrapperProps
         # ConditionBuilderItem
+        - dialogAriaLabel
         - popOverClassName
         - renderChildren
         # ConditionBuilderItemDate
@@ -674,6 +675,9 @@ collect:
         - setRootState
         # ConditionConnector
         - operator
+        # ConditionGroupBuilder
+        - conditionRemovedText
+        - setStatusMessage
         # ConditionPreview
         - colorIndex
         - previewType