@carbon/ibm-products 2.98.0 → 2.99.0

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

@@ -42,15 +42,28 @@ const ConditionBuilderContext = (0, react.createContext)({
 	popOverSearchThreshold: 0
 });
 const ConditionBuilderProvider = (props) => {
-	const [rootState, setRootState] = (0, react.useState)({ groups: [] });
+	const [internalState, setInternalState] = (0, react.useState)(props.value ?? { groups: [] });
 	const [actionState, setActionState] = (0, react.useState)([]);
+	const prevValueRef = (0, react.useRef)(props.value);
+	(0, react.useEffect)(() => {
+		if (props.value !== void 0 && props.value !== prevValueRef.current) setInternalState(props.value);
+		prevValueRef.current = props.value;
+	}, [props.value]);
+	const rootState = internalState;
+	const setRootState = (next) => {
+		setInternalState((prev) => {
+			const resolved = typeof next === "function" ? next(prev) : next;
+			props.onChange?.(resolved);
+			return resolved;
+		});
+	};
 	const contextValue = {
 		rootState,
 		setRootState,
 		actionState,
 		setActionState,
 		inputConfig: props.inputConfig,
-		popOverSearchThreshold: props.popOverSearchThreshold,
+		popOverSearchThreshold: props.popOverSearchThreshold ?? 4,
 		getOptions: props.getOptions,
 		variant: props.variant,
 		translateWithId: props.translateWithId,
@@ -58,7 +71,10 @@ const ConditionBuilderProvider = (props) => {
 		statementConfigCustom: props.statementConfigCustom,
 		onAddItem: props.onAddItem,
 		onRemoveItem: props.onRemoveItem,
-		readOnly: props.readOnly
+		readOnly: props.readOnly,
+		startActive: props.startActive,
+		value: props.value,
+		onChange: props.onChange
 	};
 	return /* @__PURE__ */ react.default.createElement(ConditionBuilderContext.Provider, { value: contextValue }, props.children);
 };
@@ -73,18 +89,12 @@ ConditionBuilderProvider.propTypes = {
 	/**@ts-ignore */
 	conditionBuilderRef: prop_types.default.object,
 	/**
-	* This is an optional callback function that will be triggered when options array is not passed in the inputConfig against a property. 
-	* This can be a asynchronous function that need  to  return a promise, so it will allow to fetch options from API call.
-	* options has to be in valid format
-	* [{
-	label: 'label',
-	id: 'id',
-	},...] 
+	* This is an optional callback function that will be triggered when options array is not passed
+	* in the inputConfig against a property. Returns a promise resolving to an options array.
 	*/
 	getOptions: prop_types.default.func,
 	/**
 	* This is a mandatory prop that defines the input to the condition builder.
-	
 	*/
 	/**@ts-ignore */
 	inputConfig: prop_types.default.shape({ properties: prop_types.default.arrayOf(prop_types.default.shape({
@@ -116,17 +126,27 @@ ConditionBuilderProvider.propTypes = {
 		})
 	})) }).isRequired,
 	/**
-	* This will enable search in option popovers when option list length is more that this threshold
+	* Called with the full new state on every change. Use with `value` for
+	* controlled mode, or standalone instead of `getConditionState`.
+	*/
+	onChange: prop_types.default.func,
+	/**
+	* This will enable search in option popovers when option list length exceeds this threshold.
+	* Defaults to 4 when not provided.
 	*/
-	popOverSearchThreshold: prop_types.default.number.isRequired,
+	popOverSearchThreshold: prop_types.default.number,
 	/**
-	* Optional prop if you want to pass translation to the texts used . Otherwise this will the defined defaults.
+	* Optional prop if you want to pass translation to the texts used. Otherwise uses defined defaults.
 	* This callback function will receive the message id and you need to return the corresponding text for that id.
-	* The message key will be one of [   "ifText",   "addConditionText",   "addConditionGroupText",   "addSubgroupText",   "conditionText",   "propertyText",   "operatorText",   "valueText",   "connectorText",   "conditionRowText",   "removeConditionText",   "addConditionRowText",   "startText",   "endText",   "clearSearchText",   "actionsText",   "then",   "removeActionText",   "addActionText",   "invalidText",   "invalidNumberWarnText"
-	]
 	*/
 	translateWithId: prop_types.default.func,
 	/**
+	* Controlled state. When provided, the builder is controlled and `onChange`
+	* must be supplied to keep the state in sync.
+	*/
+	/**@ts-ignore */
+	value: prop_types.default.object,
+	/**
 	* Provide the condition builder variant: Non-Hierarchical/ Hierarchical
 	*/
 	variant: prop_types.default.string.isRequired

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

@@ -43,6 +43,7 @@ export namespace translationsObject {
     let invalidText: string;
     let invalidNumberWarnText: string;
     let conditionBuilderText: string;
+    let conditionBuilderGroupText: string;
     let actionSectionText: string;
     let conditionHeadingText: string;
     let addPropertyText: string;

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

@@ -57,6 +57,7 @@ const translationsObject = {
 	invalidText: "Incomplete",
 	invalidNumberWarnText: "Invalid number, must be 0 or greater",
 	conditionBuilderText: "Condition Builder",
+	conditionBuilderGroupText: "Condition Group",
 	actionSectionText: "Action Section",
 	conditionHeadingText: "Condition",
 	addPropertyText: "Add property",

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

@@ -6,5 +6,5 @@
  */
 export { ConditionBuilder } from './ConditionBuilder';
 export * from './ConditionBuilder.types';
-export { getEmptyState } from './ConditionBuilderContext/ConditionBuilderProvider';
+export { ConditionBuilderContext, 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;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,oDAAoD,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,EACL,uBAAuB,EACvB,aAAa,GACd,MAAM,oDAAoD,CAAC"}

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

@@ -64,13 +64,13 @@ const handleKeyPressForPopover = (evt, parentContainer, conditionBuilderRef, clo
 			break;
 		case " ":
 			if (isMultiSelect === "true") {
-				if (document.activeElement.type !== "button") document.activeElement?.click();
+				document.activeElement?.click();
 				evt.preventDefault();
 			}
 			break;
 		case "Enter":
 			if (isMultiSelect === "true") {
-				if (document.activeElement.type !== "button") document.activeElement?.click();
+				document.activeElement?.click();
 				evt.preventDefault();
 			} else if (document.activeElement.type !== "button") {
 				require_util.focusThisField(evt, conditionBuilderRef);

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

@@ -36,6 +36,16 @@ export interface PageHeaderProps {
      * Callback fired when the content actions become clipped
      */
     onContentActionsClipped?: (clipped: boolean) => void;
+    /**
+     * Applies Carbon's full-width grid mode to all internal sub-component grids.
+     * Pass `true` for full width or `'xl'` for full width with the xl padding
+     * override (matching the deprecated PageHeader `fullWidthGrid` behavior).
+     */
+    fullWidthGrid?: boolean | 'xl';
+    /**
+     * Applies Carbon's narrow grid mode to all internal sub-component grids.
+     */
+    narrowGrid?: boolean;
 }
 declare const PageHeader: React.ForwardRefExoticComponent<PageHeaderProps & React.RefAttributes<HTMLDivElement>>;
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeader.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeader.tsx"],"names":[],"mappings":"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"}

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

@@ -33,7 +33,7 @@ react = require_runtime.__toESM(react);
 * LICENSE file in the root directory of this source tree.
 */
 var import_classnames = /* @__PURE__ */ require_runtime.__toESM(require_index.default);
-const PageHeader = react.default.forwardRef(function PageHeader({ className, children, onContentFullyCollapsed, onTitleClipped, onContentActionsClipped, ...other }, ref) {
+const PageHeader = react.default.forwardRef(function PageHeader({ className, children, onContentFullyCollapsed, onTitleClipped, onContentActionsClipped, fullWidthGrid, narrowGrid, ...other }, ref) {
 	const [refs, setRefs] = (0, react.useState)({});
 	const [pageActionsInstance, setPageActionsInstance] = (0, react.useState)(null);
 	const [disableStickyTabBar, setDisableStickyTabBar] = (0, react.useState)(false);
@@ -42,7 +42,8 @@ const PageHeader = react.default.forwardRef(function PageHeader({ className, chi
 	const classNames = (0, import_classnames.default)({
 		[`${require_PageHeaderUtils.blockClass}`]: true,
 		[`${require_PageHeaderUtils.blockClass}__next`]: true,
-		[`${require_PageHeaderUtils.blockClass}--disable-sticky-tab-bar`]: disableStickyTabBar
+		[`${require_PageHeaderUtils.blockClass}--disable-sticky-tab-bar`]: disableStickyTabBar,
+		[`${require_PageHeaderUtils.blockClass}--width--xl`]: fullWidthGrid === "xl"
 	}, className);
 	require_useResizeObserver.useResizeObserver(componentRef, () => {
 		if (componentRef?.current) {
@@ -131,7 +132,9 @@ const PageHeader = react.default.forwardRef(function PageHeader({ className, chi
 		setPageActionsInstance,
 		observerState,
 		disableStickyTabBar,
-		setDisableStickyTabBar
+		setDisableStickyTabBar,
+		fullWidthGrid,
+		narrowGrid
 	} }, /* @__PURE__ */ react.default.createElement("div", {
 		className: classNames,
 		ref: componentRef,

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,qGAkFlC,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,qGAyFlC,CAAC"}

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

@@ -22,7 +22,7 @@ let _carbon_react = require("@carbon/react");
 var import_classnames = /* @__PURE__ */ require_runtime.__toESM(require_index.default);
 const PageHeaderBreadcrumbBar = react.default.forwardRef(function PageHeaderBreadcrumbBar({ border = true, className, children, renderIcon: IconElement, contentActions, contentActionsFlush, pageActions, pageActionsFlush, actionsAriaLabel = "Page header actions", ...other }, ref) {
 	const context = require_context.usePageHeader();
-	const { pageActionsInstance: globalActions, observerState } = context;
+	const { pageActionsInstance: globalActions, observerState, fullWidthGrid, narrowGrid } = context;
 	const classNames = (0, import_classnames.default)({
 		[`${require_PageHeaderUtils.blockClass}__breadcrumb-bar`]: true,
 		[`${require_PageHeaderUtils.blockClass}__breadcrumb-bar-border`]: border,
@@ -42,14 +42,17 @@ const PageHeaderBreadcrumbBar = react.default.forwardRef(function PageHeaderBrea
 		className: classNames,
 		ref,
 		...other
-	}, /* @__PURE__ */ react.default.createElement(_carbon_react.Grid, null, /* @__PURE__ */ react.default.createElement(_carbon_react.Column, {
+	}, /* @__PURE__ */ react.default.createElement(_carbon_react.Grid, {
+		fullWidth: !!fullWidthGrid,
+		narrow: narrowGrid
+	}, /* @__PURE__ */ react.default.createElement(_carbon_react.Column, {
 		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`,
 		"aria-hidden": "true"
-	}, /* @__PURE__ */ react.default.createElement(IconElement, null)), children), /* @__PURE__ */ react.default.createElement("div", {
+	}, /* @__PURE__ */ react.default.createElement(IconElement, null)), children), (contentActions || pageActions) && /* @__PURE__ */ react.default.createElement("div", {
 		className: `${require_PageHeaderUtils.blockClass}__breadcrumb__actions`,
 		role: "toolbar",
 		"aria-label": actionsAriaLabel

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

@@ -1 +1 @@
-{"version":3,"file":"PageHeaderBreadcrumbPageActions.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderBreadcrumbPageActions.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,SAAS,MAAM,YAAY,CAAC;AAWnC;;;;GAIG;AAEH,MAAM,WAAW,kCAAkC;IACjD;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,UAAU,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,oCAAoC;IACnD;;OAEG;IACH,OAAO,EAAE,kCAAkC,EAAE,CAAC;IAC9C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAChC;;OAEG;IACH,UAAU,CAAC,EACP,SAAS,GACT,WAAW,GACX,UAAU,GACV,OAAO,GACP,QAAQ,GACR,kBAAkB,GAClB,eAAe,CAAC;CACrB;AAED,eAAO,MAAM,+BAA+B;kFAOzC,oCAAoC;;;QA4ErC;;WAEG;;;;;;;QASH;;WAEG;;QAUH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;;CAtCJ,CAAC"}
+{"version":3,"file":"PageHeaderBreadcrumbPageActions.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderBreadcrumbPageActions.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,SAAS,MAAM,YAAY,CAAC;AAMnC;;;;GAIG;AAEH,MAAM,WAAW,kCAAkC;IACjD;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,UAAU,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,oCAAoC;IACnD;;OAEG;IACH,OAAO,EAAE,kCAAkC,EAAE,CAAC;IAC9C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAChC;;OAEG;IACH,UAAU,CAAC,EACP,SAAS,GACT,WAAW,GACX,UAAU,GACV,OAAO,GACP,QAAQ,GACR,kBAAkB,GAClB,eAAe,CAAC;CACrB;AAED,eAAO,MAAM,+BAA+B;kFAOzC,oCAAoC;;;QAgErC;;WAEG;;;;;;;QASH;;WAEG;;QAUH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;;CAtCJ,CAAC"}

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

@@ -40,12 +40,6 @@ const PageHeaderBreadcrumbPageActions = ({ actions, className, overflowMenuLabel
 	return /* @__PURE__ */ react.default.createElement("ul", {
 		ref: containerRef,
 		className: classNames,
-		style: {
-			display: "inline-flex",
-			alignItems: "center",
-			justifyContent: "flex-end",
-			inlineSize: "50%"
-		},
 		...other
 	}, actions.map((item) => /* @__PURE__ */ react.default.createElement("li", {
 		key: item.id,
@@ -61,13 +55,13 @@ const PageHeaderBreadcrumbPageActions = ({ actions, className, overflowMenuLabel
 		"data-offset": true,
 		"data-hidden": true,
 		"data-floating-menu-container": true,
-		style: { position: "relative" }
+		className: `${require_PageHeaderUtils.blockClass}__breadcrumb-page-actions__overflow-item`
 	}, /* @__PURE__ */ react.default.createElement(_carbon_react.FeatureFlags, { enableV12Overflowmenu: true }, /* @__PURE__ */ react.default.createElement(_carbon_react.OverflowMenu, {
 		size: buttonSize,
 		"aria-label": overflowMenuLabel
-	}, hiddenItems.map((item) => /* @__PURE__ */ react.default.createElement(_carbon_react.OverflowMenuItem, {
+	}, hiddenItems.map((item) => /* @__PURE__ */ react.default.createElement(_carbon_react.MenuItem, {
 		key: item.id,
-		itemText: item.label,
+		label: item.label,
 		onClick: item.onClick
 	}))))));
 };

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

@@ -26,9 +26,10 @@ export interface PageHeaderContentProps {
      */
     renderIcon?: ComponentType | FunctionComponent;
     /**
-     * The PageHeaderContent's title
+     * The PageHeaderContent's title. Accepts a string or ReactNode.
+     * If a string is provided, TruncatedText is used with automatic overflow handling.
      */
-    title: string;
+    title: React.ReactNode;
     /**
      * Specify the element or component used to render the title.
      */

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,+FAuF5B,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,EAKvB,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;;;OAGG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;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,+FAwG5B,CAAC"}

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

@@ -26,10 +26,11 @@ 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, observerState } = require_context.usePageHeader();
+	const { setRefs, setPageActionsInstance, observerState, fullWidthGrid, narrowGrid } = 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);
+	`${require_PageHeaderUtils.blockClass}${(0, react.useId)()}`;
 	(0, react.useEffect)(() => {
 		if (componentRef?.current) setRefs((prev) => ({
 			...prev,
@@ -46,21 +47,27 @@ const PageHeaderContent = react.default.forwardRef(function PageHeaderContent({
 		className: classNames,
 		ref: componentRef,
 		...other
-	}, /* @__PURE__ */ react.default.createElement(_carbon_react.Grid, null, /* @__PURE__ */ react.default.createElement(_carbon_react.Column, {
+	}, /* @__PURE__ */ react.default.createElement(_carbon_react.Grid, {
+		fullWidth: !!fullWidthGrid,
+		narrow: narrowGrid
+	}, /* @__PURE__ */ react.default.createElement(_carbon_react.Column, {
 		lg: 16,
 		md: 8,
 		sm: 4
-	}, /* @__PURE__ */ react.default.createElement("div", { className: `${require_PageHeaderUtils.blockClass}__content__title-wrapper` }, /* @__PURE__ */ react.default.createElement("div", { className: `${require_PageHeaderUtils.blockClass}__content__start` }, /* @__PURE__ */ react.default.createElement("div", { className: `${require_PageHeaderUtils.blockClass}__content__title-container` }, IconElement && /* @__PURE__ */ react.default.createElement("div", { className: `${require_PageHeaderUtils.blockClass}__content__icon` }, /* @__PURE__ */ react.default.createElement(IconElement, null)), /* @__PURE__ */ react.default.createElement(TitleTag, {
+	}, /* @__PURE__ */ react.default.createElement("div", { className: `${require_PageHeaderUtils.blockClass}__content__title-wrapper` }, /* @__PURE__ */ react.default.createElement("div", { className: `${require_PageHeaderUtils.blockClass}__content__start` }, /* @__PURE__ */ react.default.createElement("div", { className: `${require_PageHeaderUtils.blockClass}__content__title-container` }, IconElement && /* @__PURE__ */ react.default.createElement("div", {
+		className: `${require_PageHeaderUtils.blockClass}__content__icon`,
+		"aria-hidden": "true"
+	}, /* @__PURE__ */ react.default.createElement(IconElement, null)), /* @__PURE__ */ react.default.createElement(TitleTag, {
 		ref: titleRef,
 		className: `${require_PageHeaderUtils.blockClass}__content__title`
-	}, /* @__PURE__ */ react.default.createElement(require_TruncatedText.TruncatedText, {
+	}, typeof title === "string" ? /* @__PURE__ */ react.default.createElement(require_TruncatedText.TruncatedText, {
 		id: `${require_PageHeaderUtils.blockClass}__content__title__truncatedText`,
 		className: `${require_PageHeaderUtils.blockClass}__content__title-text`,
 		align: "bottom",
 		value: title,
 		lines: titleLines,
 		type: "tooltip"
-	}))), contextualActions && /* @__PURE__ */ react.default.createElement("div", { className: `${require_PageHeaderUtils.blockClass}__content__contextual-actions` }, contextualActions)), typeof pageActions === "function" ? pageActions(observerState) : pageActions), children)));
+	}) : /* @__PURE__ */ react.default.createElement("span", { className: `${require_PageHeaderUtils.blockClass}__content__title-text` }, title))), 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 = {
@@ -85,13 +92,9 @@ PageHeaderContent.propTypes = {
 	*/
 	renderIcon: prop_types.default.oneOfType([prop_types.default.func, prop_types.default.object]),
 	/**
-	* The PageHeaderContent's subtitle
-	*/
-	subtitle: prop_types.default.string,
-	/**
 	* The PageHeaderContent's title
 	*/
-	title: prop_types.default.string.isRequired,
+	title: prop_types.default.node.isRequired,
 	/**
 	* Specify the element or component used to render the title.
 	*/

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

@@ -1 +1 @@
-{"version":3,"file":"PageHeaderContentPageActions.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderContentPageActions.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,SAAS,MAAM,YAAY,CAAC;AAOnC;;;;GAIG;AACH,MAAM,WAAW,iCAAiC;IAChD;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,4BAA4B;kEAMtC,iCAAiC;;;QAqHlC;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;;CAnBJ,CAAC"}
+{"version":3,"file":"PageHeaderContentPageActions.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderContentPageActions.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,SAAS,MAAM,YAAY,CAAC;AAQnC;;;;GAIG;AACH,MAAM,WAAW,iCAAiC;IAChD;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,4BAA4B;kEAMtC,iCAAiC;;;QA0HlC;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;;CAnBJ,CAAC"}

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

@@ -7,6 +7,7 @@
 
 const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
 const require_index = require("../../../node_modules/classnames/index.js");
+const require_settings = require("../../../settings.js");
 const require_useIsomorphicEffect = require("../../../global/js/hooks/useIsomorphicEffect.js");
 const require_PageHeaderUtils = require("../PageHeaderUtils.js");
 const require_context = require("./context.js");
@@ -33,9 +34,9 @@ const PageHeaderContentPageActions = ({ className, children, menuButtonLabel = "
 	const [hiddenItems, setHiddenItems] = (0, react.useState)([]);
 	const [hasMounted, setHasMounted] = (0, react.useState)(false);
 	require_useIsomorphicEffect.useIsomorphicEffect(() => {
-		if (menuButtonVisibility && offsetRef.current) {
+		if (menuButtonVisibility && offsetRef.current && containerRef.current) {
 			const width = offsetRef.current.offsetWidth;
-			document.documentElement.style.setProperty("--page-header-title-grid-width", `${width}px`);
+			(containerRef.current.closest(`.${require_PageHeaderUtils.blockClass}__next`) ?? containerRef.current).style.setProperty(`--${require_settings.pkg.prefix}-page-header-title-grid-width`, `${width}px`);
 		}
 	}, [menuButtonVisibility]);
 	(0, react.useEffect)(() => {

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

@@ -1 +1 @@
-{"version":3,"file":"PageHeaderScrollButton.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderScrollButton.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAc,MAAM,eAAe,CAAC;AAM5D,MAAM,WAAW,2BAA4B,SAAQ,eAAe;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,sBAAsB,oGAmEjC,CAAC"}
+{"version":3,"file":"PageHeaderScrollButton.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderScrollButton.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAc,MAAM,eAAe,CAAC;AAO5D,MAAM,WAAW,2BAA4B,SAAQ,eAAe;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,sBAAsB,oGA6EjC,CAAC"}

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

@@ -7,6 +7,7 @@
 
 const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
 const require_index = require("../../../node_modules/classnames/index.js");
+const require_pconsole = require("../../../global/js/utils/pconsole.js");
 const require_settings = require("../../../settings.js");
 const require_context = require("./context.js");
 const require_utils = require("./utils.js");
@@ -23,6 +24,8 @@ let _carbon_react_icons = require("@carbon/react/icons");
 */
 var import_classnames = /* @__PURE__ */ require_runtime.__toESM(require_index.default);
 const PageHeaderScrollButton = react.default.forwardRef(function PageHeaderExpander({ className, children, label, onClick, collapseText = "Collapse", expandText = "Expand", ...other }, ref) {
+	if (!collapseText) require_pconsole.default.warn("PageHeaderScrollButton: The `collapseText` prop is the accessible label for the collapse button. Provide a translated string.");
+	if (!expandText) require_pconsole.default.warn("PageHeaderScrollButton: The `expandText` prop is the accessible label for the expand button. Provide a translated string.");
 	const { refs, observerState } = require_context.usePageHeader();
 	const fullyCollapsed = observerState.fullyCollapsed;
 	const handleScroller = (isFullyCollapsed) => {

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

@@ -22,7 +22,7 @@ let _carbon_react = require("@carbon/react");
 */
 var import_classnames = /* @__PURE__ */ require_runtime.__toESM(require_index.default);
 const PageHeaderTabBar = react.default.forwardRef(function PageHeaderTabBar({ className, children, tags, scroller, disableStickyTabBar = false, ...other }, ref) {
-	const { setDisableStickyTabBar } = require_context.usePageHeader();
+	const { setDisableStickyTabBar, fullWidthGrid, narrowGrid } = require_context.usePageHeader();
 	(0, react.useEffect)(() => {
 		setDisableStickyTabBar?.(disableStickyTabBar);
 	}, [disableStickyTabBar, setDisableStickyTabBar]);
@@ -32,7 +32,11 @@ const PageHeaderTabBar = react.default.forwardRef(function PageHeaderTabBar({ cl
 		className: classNames,
 		ref,
 		...other
-	}, /* @__PURE__ */ react.default.createElement(_carbon_react.Grid, { condensed: true }, /* @__PURE__ */ react.default.createElement(_carbon_react.Column, {
+	}, /* @__PURE__ */ react.default.createElement(_carbon_react.Grid, {
+		condensed: true,
+		fullWidth: !!fullWidthGrid,
+		narrow: narrowGrid
+	}, /* @__PURE__ */ react.default.createElement(_carbon_react.Column, {
 		lg: 16,
 		md: 8,
 		sm: 4
@@ -41,7 +45,11 @@ const PageHeaderTabBar = react.default.forwardRef(function PageHeaderTabBar({ cl
 		className: classNames,
 		ref,
 		...other
-	}, /* @__PURE__ */ react.default.createElement(_carbon_react.Grid, { condensed: true }, /* @__PURE__ */ react.default.createElement(_carbon_react.Column, {
+	}, /* @__PURE__ */ react.default.createElement(_carbon_react.Grid, {
+		condensed: true,
+		fullWidth: !!fullWidthGrid,
+		narrow: narrowGrid
+	}, /* @__PURE__ */ react.default.createElement(_carbon_react.Column, {
 		lg: 16,
 		md: 8,
 		sm: 4

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,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"}
+{"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,mGAyFhC,CAAC"}

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

@@ -29,13 +29,18 @@ const PageHeaderTagOverflow = react.default.forwardRef(({ renderOverflowTag, ren
 	const tagsContainerRef = ref || localRef;
 	(0, react.useEffect)(() => {
 		const handleResize = () => {
+			if (openPopover) (tagsContainerRef.current?.querySelector(`#${overflowButtonId}`))?.focus();
 			setOpenPopover(false);
 		};
 		window.addEventListener("resize", handleResize);
 		return () => {
 			window.removeEventListener("resize", handleResize);
 		};
-	}, []);
+	}, [
+		openPopover,
+		overflowButtonId,
+		tagsContainerRef
+	]);
 	const handleOverflowClick = (0, react.useCallback)((event) => {
 		event.stopPropagation();
 		setOpenPopover((prev) => !prev);
@@ -57,7 +62,10 @@ const PageHeaderTagOverflow = react.default.forwardRef(({ renderOverflowTag, ren
 		"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, overflowButtonId), /* @__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("ul", {
+		className: `${require_PageHeaderUtils.blockClass}__tags-popover-list`,
+		"aria-label": "Hidden tags"
+	}, renderPopoverContent?.(hiddenTags)))));
 });
 PageHeaderTagOverflow.displayName = "PageHeaderTagOverflow";
 //#endregion

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

@@ -31,6 +31,8 @@ type PageHeaderContextType = {
     isFunctionalContentActions?: boolean;
     disableStickyTabBar?: boolean;
     setDisableStickyTabBar?: React.Dispatch<React.SetStateAction<boolean>>;
+    fullWidthGrid?: boolean | 'xl';
+    narrowGrid?: boolean;
 };
 export declare const PageHeaderContext: import("react").Context<PageHeaderContextType>;
 export declare function usePageHeader(): PageHeaderContextType;

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/context.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAiB,SAAS,EAAc,MAAM,OAAO,CAAC;AAE7D;;;;GAIG;AAEH,MAAM,MAAM,cAAc,GAAG;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC9C,QAAQ,CAAC,EAAE,SAAS,CAAC,kBAAkB,GAAG,IAAI,CAAC,CAAC;IAChD,cAAc,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC/C,iBAAiB,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACnD,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,cAAc,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,OAAO,CAAC;IACtB,qBAAqB,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;IAC9D,mBAAmB,CAAC,EAChB,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC1D,sBAAsB,EAAE,KAAK,CAAC,QAAQ,CACpC,KAAK,CAAC,cAAc,CAClB,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC,CACxE,CACF,CAAC;IACF,aAAa,EAAE,uBAAuB,CAAC;IACvC,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,sBAAsB,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CACxE,CAAC;AAEF,eAAO,MAAM,iBAAiB,gDAc5B,CAAC;AAEH,wBAAgB,aAAa,0BAQ5B"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/context.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAiB,SAAS,EAAc,MAAM,OAAO,CAAC;AAE7D;;;;GAIG;AAEH,MAAM,MAAM,cAAc,GAAG;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC9C,QAAQ,CAAC,EAAE,SAAS,CAAC,kBAAkB,GAAG,IAAI,CAAC,CAAC;IAChD,cAAc,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC/C,iBAAiB,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACnD,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,cAAc,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,OAAO,CAAC;IACtB,qBAAqB,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;IAC9D,mBAAmB,CAAC,EAChB,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC1D,sBAAsB,EAAE,KAAK,CAAC,QAAQ,CACpC,KAAK,CAAC,cAAc,CAClB,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC,CACxE,CACF,CAAC;IACF,aAAa,EAAE,uBAAuB,CAAC;IACvC,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,sBAAsB,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACvE,aAAa,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,gDAgB5B,CAAC;AAEH,wBAAgB,aAAa,0BAQ5B"}

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

@@ -25,7 +25,9 @@ const PageHeaderContext = (0, react.createContext)({
 		contentActionsClipped: false
 	},
 	disableStickyTabBar: false,
-	setDisableStickyTabBar: () => {}
+	setDisableStickyTabBar: () => {},
+	fullWidthGrid: void 0,
+	narrowGrid: void 0
 });
 function usePageHeader() {
 	const context = (0, react.useContext)(PageHeaderContext);

package/lib/components/StatusIcon/StatusIcon.d.ts

@@ -5,15 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { PropsWithChildren } from 'react';
-/**
-The `StatusIcon` component follows the Carbon guidelines for status icons with
-some added specifications around illustration usage. For additional usage
-guidelines and documentation please refer to the links above.
-
-_Status icons_ are an important method of communicating severity level
-information to users. The shapes and colors, communicate severity that enable
-users to quickly assess and identify status and respond accordingly.
- */
 type Size = 'sm' | 'md' | 'lg' | 'xl';
 type Theme = 'light' | 'dark';
 type Kind = 'fatal' | 'critical' | 'major-warning' | 'minor-warning' | 'undefined' | 'unknown' | 'normal' | 'info' | 'in-progress' | 'running' | 'pending';
@@ -39,6 +30,17 @@ export interface StatusIconProps extends PropsWithChildren {
      */
     theme: Theme;
 }
+/**
+ * The `StatusIcon` component follows the Carbon guidelines for status icons with
+ * some added specifications around illustration usage. For additional usage
+ * guidelines and documentation please refer to the links above.
+ *
+ * _Status icons_ are an important method of communicating severity level
+ * information to users. The shapes and colors, communicate severity that enable
+ * users to quickly assess and identify status and respond accordingly.
+ *
+ * @deprecated This component is deprecated.
+ */
 export declare const StatusIcon: React.ForwardRefExoticComponent<StatusIconProps & React.RefAttributes<React.ReactSVGElement>>;
 export {};
 //# sourceMappingURL=StatusIcon.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"StatusIcon.d.ts","sourceRoot":"","sources":["../../../src/components/StatusIcon/StatusIcon.tsx"],"names":[],"mappings":"AAaA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EACZ,iBAAiB,EAIlB,MAAM,OAAO,CAAC;AAUf;;;;;;;;GAQG;AAEH,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACtC,KAAK,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AAC9B,KAAK,IAAI,GACL,OAAO,GACP,UAAU,GACV,eAAe,GACf,eAAe,GACf,WAAW,GACX,SAAS,GACT,QAAQ,GACR,MAAM,GACN,aAAa,GACb,SAAS,GACT,SAAS,CAAC;AACd,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACxD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;IACX;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;IACX;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC;CACd;AACD,eAAO,MAAM,UAAU,+FAyLtB,CAAC"}
+{"version":3,"file":"StatusIcon.d.ts","sourceRoot":"","sources":["../../../src/components/StatusIcon/StatusIcon.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAeH,OAAO,KAAK,EAAE,EACZ,iBAAiB,EAIlB,MAAM,OAAO,CAAC;AASf,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACtC,KAAK,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AAC9B,KAAK,IAAI,GACL,OAAO,GACP,UAAU,GACV,eAAe,GACf,eAAe,GACf,WAAW,GACX,SAAS,GACT,QAAQ,GACR,MAAM,GACN,aAAa,GACb,SAAS,GACT,SAAS,CAAC;AACd,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACxD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;IACX;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;IACX;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC;CACd;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,UAAU,+FAyLtB,CAAC"}

package/lib/components/StatusIcon/StatusIcon.js

@@ -24,6 +24,17 @@ let _carbon_react_icons = require("@carbon/react/icons");
 var import_classnames = /* @__PURE__ */ require_runtime.__toESM(require_index.default);
 const blockClass = `${require_settings.pkg.prefix}--status-icon`;
 const componentName = "StatusIcon";
+/**
+* The `StatusIcon` component follows the Carbon guidelines for status icons with
+* some added specifications around illustration usage. For additional usage
+* guidelines and documentation please refer to the links above.
+*
+* _Status icons_ are an important method of communicating severity level
+* information to users. The shapes and colors, communicate severity that enable
+* users to quickly assess and identify status and respond accordingly.
+*
+* @deprecated This component is deprecated.
+*/
 const StatusIcon = (0, react.forwardRef)(({ kind, theme, size, className, iconDescription, ...rest }, ref) => {
 	const forwardedRef = ref;
 	const IconComponent = {
@@ -279,6 +290,11 @@ const StatusIcon = (0, react.forwardRef)(({ kind, theme, size, className, iconDe
 	}, /* @__PURE__ */ react.default.createElement("title", null, iconDescription));
 });
 StatusIcon.displayName = componentName;
+/**@ts-ignore*/
+StatusIcon.deprecated = {
+	level: "warn",
+	details: `Please replace ${componentName} with Icon Indicator from Carbon`
+};
 StatusIcon.propTypes = {
 	/**
 	* Provide an optional class to be applied to the modal root node.