@carbon/ibm-products-web-components 0.41.1 → 0.42.0

package/lib/components/page-header/page-header-breadcrumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-header-breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/page-header-breadcrumb.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AASvC;;;GAGG;AACH,cACM,uBAAwB,SAAQ,UAAU;IAC9C;;OAEG;IAEH,MAAM,UAAQ;IAEd;;;OAGG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,gBAAgB,UAAS;IAEzB;;OAEG;IAEH,mBAAmB,UAAS;IAG5B,OAAO,MAAC;IAER,MAAM;IAqCN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"page-header-breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/page-header-breadcrumb.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AASvC;;;GAGG;AACH,cACM,uBAAwB,SAAQ,UAAU;IAC9C;;OAEG;IAEH,MAAM,UAAQ;IAEd;;;OAGG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,gBAAgB,UAAS;IAEzB;;OAEG;IAEH,mBAAmB,UAAS;IAI5B,OAAO,MAAC;IAER,iBAAiB;IAMjB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAO3C,OAAO,CAAC,gBAAgB;IAQxB,MAAM;IAqCN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,uBAAuB,CAAC"}

package/lib/components/page-header/page-header-tabs.d.ts

@@ -12,6 +12,13 @@ import { LitElement } from 'lit';
  * @element c4p-page-header-tabs
  */
 declare class CDSPageHeaderTabs extends LitElement {
+    /**
+     * Disable sticky positioning for the tab bar
+     */
+    disableStickyTabBar: boolean;
+    connectedCallback(): void;
+    updated(changedProperties: Map<string, any>): void;
+    private updateContext;
     render(): import("lit-html").TemplateResult<1>;
     static styles: any;
 }

package/lib/components/page-header/page-header-tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-header-tabs.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/page-header-tabs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;GAGG;AACH,cACM,iBAAkB,SAAQ,UAAU;IACxC,MAAM;IAcN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"page-header-tabs.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/page-header-tabs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC;;;GAGG;AACH,cACM,iBAAkB,SAAQ,UAAU;IACxC;;OAEG;IAEH,mBAAmB,UAAS;IAE5B,iBAAiB;IAKjB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAO3C,OAAO,CAAC,aAAa;IAarB,MAAM;IAcN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,iBAAiB,CAAC"}

package/lib/components/page-header/page-header.d.ts

@@ -15,6 +15,7 @@ export interface pageHeaderContextType {
     contentActionsClipped?: boolean;
     root?: CDSPageHeader | null;
     withContent?: boolean;
+    disableStickyTabBar?: boolean;
 }
 /**
  * Page header.
@@ -23,6 +24,7 @@ export interface pageHeaderContextType {
 declare class CDSPageHeader extends LitElement {
     context: pageHeaderContextType;
     private resizeObserver;
+    updated(changedProperties: Map<string, any>): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;

package/lib/components/page-header/page-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/page-header.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAUvC,MAAM,WAAW,qBAAqB;IACpC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,IAAI,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;GAGG;AACH,cACM,aAAc,SAAQ,UAAU;IAGpC,OAAO,EAAE,qBAAqB,CAAM;IAEpC,OAAO,CAAC,cAAc,CAA6B;IAEnD,iBAAiB,IAAI,IAAI;IAqHzB,oBAAoB;IAKpB,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/page-header.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAUvC,MAAM,WAAW,qBAAqB;IACpC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,IAAI,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED;;;GAGG;AACH,cACM,aAAc,SAAQ,UAAU;IAGpC,OAAO,EAAE,qBAAqB,CAAM;IAEpC,OAAO,CAAC,cAAc,CAA6B;IAEnD,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAY3C,iBAAiB,IAAI,IAAI;IAqHzB,oBAAoB;IAKpB,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,aAAa,CAAC"}

package/lib/components/side-panel/side-panel.d.ts

@@ -12,6 +12,7 @@ import '@carbon/web-components/es/components/button/index.js';
 import '@carbon/web-components/es/components/icon-button/index.js';
 import '@carbon/web-components/es/components/layer/index.js';
 import '../action-set/index.js';
+import '@carbon-labs/wc-resizer/es/index.js';
 export { SIDE_PANEL_SIZE, SIDE_PANEL_PLACEMENT };
 declare const CDSSidePanel_base: {
     new (...args: any[]): {
@@ -56,6 +57,10 @@ declare class CDSSidePanel extends CDSSidePanel_base {
     private _title;
     private _subtitle;
     private _innerContent;
+    /**
+     * Reference to the resizer handle element
+     */
+    private _resizerHandle?;
     _doAnimateTitle: boolean;
     _isOpen: boolean;
     _containerScrollTop: number;
@@ -66,6 +71,8 @@ declare class CDSSidePanel extends CDSSidePanel_base {
     _actionsMultiple: 'single' | 'double' | 'triple' | '';
     _slugCloseSize: string;
     _customHeaderElements: Element[];
+    _sidePanelWidth?: number;
+    _accumulatedDelta: number;
     /**
      * Get focusable elements.
      *
@@ -117,6 +124,26 @@ declare class CDSSidePanel extends CDSSidePanel_base {
     private _resizeObserver;
     private _getScrollAnimationDistance;
     private _scrollObserver;
+    /**
+     * Handles resize start event from the resizer handle
+     */
+    private _handleResizeStart;
+    /**
+     * Handles resize drag event from the resizer handle
+     */
+    private _handleResizeDrag;
+    /**
+     * Handles resize end event from the resizer handle
+     */
+    private _handleResizeEnd;
+    /**
+     * Handles double-click/double-tap on resizer to reset size
+     */
+    private _handleResizeReset;
+    /**
+     * Get the percentage of screen width the panel is covering
+     */
+    private _getPanelWidthPercent;
     private _handleCurrentStepUpdate;
     /**
      * Determines if the title will animate on scroll
@@ -182,6 +209,10 @@ declare class CDSSidePanel extends CDSSidePanel_base {
      * Determines if this panel slides in
      */
     slideIn: boolean;
+    /**
+     * Determines if the side panel is resizable
+     */
+    resizable: boolean;
     /**
      * Sets the title text
      */

package/lib/components/side-panel/side-panel.d.ts.map

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

package/lib/components/tearsheet-preview/tearsheet-body.d.ts

@@ -21,7 +21,7 @@ declare const CDSTearsheetBody_base: {
             };
         };
     };
-} & typeof LitElement;
+} & typeof LitElement & (new (...args: any[]) => import("@lit-labs/signals").SignalWatcherApi);
 /**
  * Tearsheet Body component - Contains the main content area with optional influencer and summary panels.
  * Supports automatic header collapse on scroll.

package/lib/components/tearsheet-preview/tearsheet-footer.d.ts

@@ -6,7 +6,7 @@
  * 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 { LitElement } from 'lit';
+import { LitElement, PropertyValues } from 'lit';
 import type { ActionButton, ButtonSize } from '../action-set/index.js';
 import '../action-set/index.js';
 declare const CDSTearsheetFooter_base: {
@@ -22,7 +22,7 @@ declare const CDSTearsheetFooter_base: {
             };
         };
     };
-} & typeof LitElement;
+} & typeof LitElement & (new (...args: any[]) => import("@lit-labs/signals").SignalWatcherApi);
 /**
  * Tearsheet Footer component - Contains action buttons at the bottom of the tearsheet.
  *
@@ -41,6 +41,10 @@ declare class CDSTearsheetFooter extends CDSTearsheetFooter_base {
      * Optional button size override. If not provided, defaults based on tearsheet variant.
      */
     buttonSize?: ButtonSize;
+    private actionSetElement?;
+    private _actionSetRegistered;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected updated(_changedProperties: PropertyValues): void;
     /**
      * Renders the action-set component with actions
      */

package/lib/components/tearsheet-preview/tearsheet-footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tearsheet-footer.d.ts","sourceRoot":"","sources":["../../../src/components/tearsheet-preview/tearsheet-footer.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAOvC,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAGvE,OAAO,wBAAwB,CAAC;;;;;;;;;;uBAH6B,CAAC;;;;;AAO9D;;;;;GAKG;AACH,cACM,kBAAmB,SAAQ,uBAA4C;IAE3E,IAAI,SAAY;IAEhB;;;;OAIG;IAEH,OAAO,EAAE,YAAY,EAAE,CAAM;IAE7B;;OAEG;IAEH,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB;;OAEG;IACH,OAAO,CAAC,cAAc;IAoBtB,MAAM;IAcN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"tearsheet-footer.d.ts","sourceRoot":"","sources":["../../../src/components/tearsheet-preview/tearsheet-footer.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAOvD,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAGvE,OAAO,wBAAwB,CAAC;;;;;;;;;;uBAHO,CAAA;;;;;AAQvC;;;;;GAKG;AACH,cACM,kBAAmB,SAAQ,uBAA4C;IAE3E,IAAI,SAAY;IAEhB;;;;OAIG;IAEH,OAAO,EAAE,YAAY,EAAE,CAAM;IAE7B;;OAEG;IAEH,UAAU,CAAC,EAAE,UAAU,CAAC;IAGxB,OAAO,CAAC,gBAAgB,CAAC,CAAc;IAEvC,OAAO,CAAC,oBAAoB,CAAS;IAErC,SAAS,CAAC,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAQhE,SAAS,CAAC,OAAO,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAa3D;;OAEG;IACH,OAAO,CAAC,cAAc;IAoBtB,MAAM;IAcN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,kBAAkB,CAAC"}

package/lib/components/tearsheet-preview/tearsheet-header-content.d.ts

@@ -39,6 +39,14 @@ declare class CDSTearsheetHeaderContent extends CDSTearsheetHeaderContent_base {
      *  The main title of the tearsheet.
      */
     title: string;
+    /**
+     * Internal ID for the title element (auto-generated, used for aria-labelledby on the modal)
+     */
+    private _titleId;
+    /**
+     * Public getter for the title ID (used by parent tearsheet for aria-labelledby)
+     */
+    get titleId(): string;
     private _titleStartSlot?;
     private _titleEndSlot?;
     private _hasTitleStart;

package/lib/components/tearsheet-preview/tearsheet-header-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tearsheet-header-content.d.ts","sourceRoot":"","sources":["../../../src/components/tearsheet-preview/tearsheet-header-content.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvD,OAAO,qDAAqD,CAAC;AAE7D,OAAO,mBAAmB,CAAC;;;;;;;;;;uBACkB,CAAC;;;;;AAM9C;;;;;;;;;GASG;AACH,cACM,yBAA0B,SAAQ,8BAA6B;IAEnE,IAAI,SAAoB;IAExB;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAM;IAGnB,OAAO,CAAC,eAAe,CAAC,CAAkB;IAG1C,OAAO,CAAC,aAAa,CAAC,CAAkB;IAGxC,OAAO,CAAC,cAAc,CAAS;IAG/B,OAAO,CAAC,YAAY,CAAS;IAG7B,OAAO,CAAC,iBAAiB,CAAS;IAElC,OAAO,CAAC,YAAY,CAA0C;IAC9D,OAAO,CAAC,cAAc,CAIpB;IAEF,OAAO,KAAK,eAAe,GAG1B;IAED,SAAS,CAAC,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAMhE,SAAS,CAAC,OAAO,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAU3D,OAAO,CAAC,WAAW;IAWnB,OAAO,CAAC,iBAAiB;IAIzB,MAAM;IA0EN,MAAM,CAAC,MAAM,MAAU;CACxB;AACD,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"tearsheet-header-content.d.ts","sourceRoot":"","sources":["../../../src/components/tearsheet-preview/tearsheet-header-content.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvD,OAAO,qDAAqD,CAAC;AAE7D,OAAO,mBAAmB,CAAC;;;;;;;;;;uBACkB,CAAC;;;;;AAQ9C;;;;;;;;;GASG;AACH,cACM,yBAA0B,SAAQ,8BAA6B;IAEnE,IAAI,SAAoB;IAExB;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAM;IAEnB;;OAEG;IACH,OAAO,CAAC,QAAQ,CAA6E;IAE7F;;OAEG;IACH,IAAI,OAAO,IAAI,MAAM,CAEpB;IAGD,OAAO,CAAC,eAAe,CAAC,CAAkB;IAG1C,OAAO,CAAC,aAAa,CAAC,CAAkB;IAGxC,OAAO,CAAC,cAAc,CAAS;IAG/B,OAAO,CAAC,YAAY,CAAS;IAG7B,OAAO,CAAC,iBAAiB,CAAS;IAElC,OAAO,CAAC,YAAY,CAA0C;IAC9D,OAAO,CAAC,cAAc,CAIpB;IAEF,OAAO,KAAK,eAAe,GAG1B;IAED,SAAS,CAAC,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAYhE,SAAS,CAAC,OAAO,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAU3D,OAAO,CAAC,WAAW;IAWnB,OAAO,CAAC,iBAAiB;IAIzB,MAAM;IA0EN,MAAM,CAAC,MAAM,MAAU;CACxB;AACD,eAAe,yBAAyB,CAAC"}

package/lib/components/tearsheet-preview/tearsheet-header.d.ts

@@ -21,7 +21,7 @@ declare const CDSTearsheetHeader_base: {
             };
         };
     };
-} & typeof LitElement;
+} & typeof LitElement & (new (...args: any[]) => import("@lit-labs/signals").SignalWatcherApi);
 /**
  * Tearsheet Header component - Contains the header section with title, description, and actions.
  *

package/lib/components/tearsheet-preview/tearsheet-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tearsheet-header.d.ts","sourceRoot":"","sources":["../../../src/components/tearsheet-preview/tearsheet-header.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvD,OAAO,qDAAqD,CAAC;;;;;;;;;;uBAGjD,CAAC;;;;;AAMb;;;;;;;;;GASG;AACH,cACM,kBAAmB,SAAQ,uBAA4C;IAE3E,IAAI,SAAY;IAEhB;;OAEG;IAEH,oBAAoB,EAAE,MAAM,CAAW;IAEvC;;OAEG;IAEH,eAAe,EAAE,OAAO,CAAS;IAEjC;;OAEG;IAMH,qBAAqB,EAAE,OAAO,CAAS;IAGvC,aAAa,UAAS;IAGtB,WAAW,UAAS;IAGpB,OAAO,CAAC,aAAa,CAAmB;IAExC;;;;;OAKG;IACH,OAAO,CAAC,yBAAyB;IAkBjC,iBAAiB;IAQjB,SAAS,CAAC,YAAY;IAItB,SAAS,CAAC,OAAO,CAAC,kBAAkB,EAAE,cAAc;IAUpD,OAAO,CAAC,wBAAwB;IAchC,OAAO,CAAC,kBAAkB;IAgB1B,OAAO,CAAC,sBAAsB;IAuB9B,MAAM;IA2BN,MAAM,CAAC,MAAM,MAAU;IAEvB,MAAM,KAAK,uBAAuB,WAEjC;CACF;AACD,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"tearsheet-header.d.ts","sourceRoot":"","sources":["../../../src/components/tearsheet-preview/tearsheet-header.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvD,OAAO,qDAAqD,CAAC;;;;;;;;;;uBAGjD,CAAC;;;;;AAOb;;;;;;;;;GASG;AACH,cACM,kBAAmB,SAAQ,uBAA4C;IAE3E,IAAI,SAAY;IAEhB;;OAEG;IAEH,oBAAoB,EAAE,MAAM,CAAW;IAEvC;;OAEG;IAEH,eAAe,EAAE,OAAO,CAAS;IAEjC;;OAEG;IAMH,qBAAqB,EAAE,OAAO,CAAS;IAGvC,aAAa,UAAS;IAGtB,WAAW,UAAS;IAGpB,OAAO,CAAC,aAAa,CAAmB;IAExC;;;;;OAKG;IACH,OAAO,CAAC,yBAAyB;IAkBjC,iBAAiB;IAQjB,SAAS,CAAC,YAAY;IAStB,SAAS,CAAC,OAAO,CAAC,kBAAkB,EAAE,cAAc;IAUpD,OAAO,CAAC,wBAAwB;IAchC,OAAO,CAAC,kBAAkB;IAgB1B,OAAO,CAAC,sBAAsB;IAuB9B,MAAM;IAgCN,MAAM,CAAC,MAAM,MAAU;IAEvB,MAAM,KAAK,uBAAuB,WAEjC;CACF;AACD,eAAe,kBAAkB,CAAC"}

package/lib/components/tearsheet-preview/tearsheet-influencer.d.ts

@@ -21,7 +21,7 @@ declare const CDSTearsheetInfluencer_base: {
             };
         };
     };
-} & typeof LitElement;
+} & typeof LitElement & (new (...args: any[]) => import("@lit-labs/signals").SignalWatcherApi);
 /**
  * Tearsheet Influencer component - Left-side panel for contextual information.
  * Automatically converts to a slide-in panel on small screens.
@@ -38,6 +38,10 @@ declare class CDSTearsheetInfluencer extends CDSTearsheetInfluencer_base {
      * This prop can be toggled to open/close left panel in this case.
      */
     influencerPanelOpen: boolean;
+    /**
+     * Optional aria-label for the influencer panel. Defaults to "Influencer panel".
+     */
+    influencerPanelAriaLabel: string;
     /**
      * Handler for closing the influencer panel
      */

package/lib/components/tearsheet-preview/tearsheet-influencer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tearsheet-influencer.d.ts","sourceRoot":"","sources":["../../../src/components/tearsheet-preview/tearsheet-influencer.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAGvC,OAAO,wBAAwB,CAAC;;;;;;;;;;uBAMH,CAAC;;;;;AAE9B;;;;;;;GAOG;AACH,cACM,sBAAuB,SAAQ,2BAEpC;IAEC,IAAI,SAAgB;IAGpB,OAAO,EAAE,OAAO,CAAS;IAEzB;;;OAGG;IAMH,mBAAmB,EAAE,OAAO,CAAS;IAErC;;OAEG;IACH,OAAO,CAAC,WAAW,CAQjB;IAEF,MAAM;IAiBN,MAAM,CAAC,MAAM,MAAU;CACxB;AACD,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"tearsheet-influencer.d.ts","sourceRoot":"","sources":["../../../src/components/tearsheet-preview/tearsheet-influencer.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAGvC,OAAO,wBAAwB,CAAC;;;;;;;;;;uBAMH,CAAC;;;;;AAE9B;;;;;;;GAOG;AACH,cACM,sBAAuB,SAAQ,2BAEpC;IAEC,IAAI,SAAgB;IAGpB,OAAO,EAAE,OAAO,CAAS;IAEzB;;;OAGG;IAMH,mBAAmB,EAAE,OAAO,CAAS;IAErC;;OAEG;IAEH,wBAAwB,EAAE,MAAM,CAAsB;IAEtD;;OAEG;IACH,OAAO,CAAC,WAAW,CAQjB;IAEF,MAAM;IAmBN,MAAM,CAAC,MAAM,MAAU;CACxB;AACD,eAAe,sBAAsB,CAAC"}

package/lib/components/tearsheet-preview/tearsheet-signal.d.ts

@@ -10,6 +10,7 @@ interface TearsheetSignalType {
     isSm: boolean;
     open: boolean;
     hasAILabel: boolean;
+    uniqueId: string;
 }
 export declare const defaultTearsheetSignal: TearsheetSignalType;
 export declare const tearsheetSignal: import("@lit-labs/signals").Signal.State<TearsheetSignalType>;

package/lib/components/tearsheet-preview/tearsheet-signal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tearsheet-signal.d.ts","sourceRoot":"","sources":["../../../src/components/tearsheet-preview/tearsheet-signal.ts"],"names":[],"mappings":"AAWA;;GAEG;AACH,eAAO,MAAM,UAAU,yBAA+B,CAAC;AAEvD,UAAU,mBAAmB;IAC3B,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,OAAO,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;CACrB;AACD,eAAO,MAAM,sBAAsB,EAAE,mBAQpC,CAAC;AACF,eAAO,MAAM,eAAe,+DAE3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,GACjC,SAAS,OAAO,CAAC,mBAAmB,CAAC,SAMtC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,YAEhC,CAAC"}
+{"version":3,"file":"tearsheet-signal.d.ts","sourceRoot":"","sources":["../../../src/components/tearsheet-preview/tearsheet-signal.ts"],"names":[],"mappings":"AAWA;;GAEG;AACH,eAAO,MAAM,UAAU,yBAA+B,CAAC;AAEvD,UAAU,mBAAmB;IAC3B,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,OAAO,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;CAClB;AACD,eAAO,MAAM,sBAAsB,EAAE,mBASpC,CAAC;AACF,eAAO,MAAM,eAAe,+DAE3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,GACjC,SAAS,OAAO,CAAC,mBAAmB,CAAC,SAMtC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,YAEhC,CAAC"}

package/lib/components/tearsheet-preview/tearsheet-summary-content.d.ts

@@ -21,7 +21,7 @@ declare const CDSTearsheetSummaryContent_base: {
             };
         };
     };
-} & typeof LitElement;
+} & typeof LitElement & (new (...args: any[]) => import("@lit-labs/signals").SignalWatcherApi);
 /**
  * Tearsheet Summary Content component - Right-side panel for summary details.
  * Automatically converts to a slide-in panel on small screens.
@@ -38,6 +38,10 @@ declare class CDSTearsheetSummaryContent extends CDSTearsheetSummaryContent_base
      * This prop can be toggled to open/close right panel in this case.
      */
     summaryPanelOpen: boolean;
+    /**
+     * Optional aria-label for the summary panel. Defaults to "Summary panel".
+     */
+    summaryPanelAriaLabel: string;
     /**
      * Handler for closing the summary panel
      */

package/lib/components/tearsheet-preview/tearsheet-summary-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tearsheet-summary-content.d.ts","sourceRoot":"","sources":["../../../src/components/tearsheet-preview/tearsheet-summary-content.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAIvC,OAAO,wBAAwB,CAAC;;;;;;;;;;uBAIJ,CAAC;;;;;AAK7B;;;;;;;GAOG;AACH,cACM,0BAA2B,SAAQ,+BAExC;IAEC,IAAI,SAAqB;IAGzB,OAAO,EAAE,OAAO,CAAS;IAEzB;;;OAGG;IAEH,gBAAgB,EAAE,OAAO,CAAS;IAElC;;OAEG;IACH,OAAO,CAAC,WAAW,CAQjB;IAEF,YAAY;IAIZ,MAAM;IAsBN,MAAM,CAAC,MAAM,MAAU;CACxB;AACD,eAAe,0BAA0B,CAAC"}
+{"version":3,"file":"tearsheet-summary-content.d.ts","sourceRoot":"","sources":["../../../src/components/tearsheet-preview/tearsheet-summary-content.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAIvC,OAAO,wBAAwB,CAAC;;;;;;;;;;uBAIJ,CAAC;;;;;AAK7B;;;;;;;GAOG;AACH,cACM,0BAA2B,SAAQ,+BAExC;IAEC,IAAI,SAAqB;IAGzB,OAAO,EAAE,OAAO,CAAS;IAEzB;;;OAGG;IAEH,gBAAgB,EAAE,OAAO,CAAS;IAElC;;OAEG;IAEH,qBAAqB,EAAE,MAAM,CAAmB;IAEhD;;OAEG;IACH,OAAO,CAAC,WAAW,CAQjB;IAEF,YAAY;IAIZ,MAAM;IAwBN,MAAM,CAAC,MAAM,MAAU;CACxB;AACD,eAAe,0BAA0B,CAAC"}

package/lib/components/tearsheet-preview/tearsheet.d.ts

@@ -20,7 +20,7 @@ declare const CDSTearsheet_base: {
             };
         };
     };
-} & typeof LitElement;
+} & typeof LitElement & (new (...args: any[]) => import("@lit-labs/signals").SignalWatcherApi);
 /**
  * Tearsheet component - A slide-out panel for displaying detailed content.
  *
@@ -69,6 +69,10 @@ declare class CDSTearsheet extends CDSTearsheet_base {
      * Prevents the modal from closing when clicking outside
      */
     preventCloseOnClickOutside: boolean;
+    /**
+     * Optional ref to the trigger button that opened the tearsheet. Focus will return here when tearsheet closes.
+     */
+    launcherButtonRef?: HTMLElement;
     /**
      * Unique ID for this tearsheet instance
      */
@@ -85,6 +89,12 @@ declare class CDSTearsheet extends CDSTearsheet_base {
      * Query the modal body element
      */
     private modalBodyElement?;
+    private _trapFocusAPI;
+    private _wasOpen;
+    /**
+     * Query the header content element to get its titleId
+     */
+    private headerContentElement?;
     private smMediaQuery;
     private isSmallDevice;
     /**

package/lib/components/tearsheet-preview/tearsheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tearsheet.d.ts","sourceRoot":"","sources":["../../../src/components/tearsheet-preview/tearsheet.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAQ,MAAM,KAAK,CAAC;;;;;;;;;;uBAOnB,CAAC;;;;;AAOrC;;;;;;;;;;GAUG;AACH,cACM,YAAa,SAAQ,iBAA4C;IACrE;;OAEG;IAEH,IAAI,EAAE,OAAO,CAAS;IAEtB;;OAEG;IAEH,kBAAkB,EAAE,MAAM,CAAM;IAEhC;;OAEG;IAEH,eAAe,EAAE,MAAM,CAAM;IAE7B;;OAEG;IAEH,mBAAmB,EAAE,MAAM,CAAM;IAEjC;;OAEG;IAEH,WAAW,EAAE,MAAM,CAAM;IAEzB;;OAEG;IAEH,OAAO,EAAE,MAAM,GAAG,QAAQ,CAAU;IAEpC;;OAEG;IAEH,sBAAsB,EAAE,MAAM,CAAM;IAEpC;;OAEG;IAEH,oBAAoB,EAAE,MAAM,CAAM;IAElC;;OAEG;IAEH,0BAA0B,EAAE,OAAO,CAAS;IAE5C;;OAEG;IACH,OAAO,CAAC,QAAQ,CAAkE;IAElF;;OAEG;IACH,OAAO,CAAC,gBAAgB,CAAkB;IAE1C;;OAEG;IAEH,OAAO,CAAC,IAAI,CAAkB;IAE9B;;OAEG;IAEH,OAAO,CAAC,gBAAgB,CAAC,CAAc;IAEvC,OAAO,CAAC,YAAY,CAA0C;IAC9D,OAAO,CAAC,aAAa,CAInB;IACF;;OAEG;IACH,OAAO,KAAK,YAAY,GAOvB;IAED;;OAEG;IACH,OAAO,KAAK,UAAU,GAWrB;IAED,iBAAiB,IAAI,IAAI;IA+BzB,SAAS,CAAC,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAYhE,SAAS,CAAC,OAAO,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAgB3D,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,wBAAwB;IAoBhC,OAAO,CAAC,2BAA2B;IAanC,OAAO,CAAC,6BAA6B;IAYrC;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAoB7B,oBAAoB;IAsCpB;;OAEG;IACH,OAAO,CAAC,yBAAyB;IAqBjC;;;OAGG;IACH,OAAO,CAAC,0BAA0B;IA6BlC;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAa7B;;OAEG;IACH,OAAO,CAAC,oBAAoB,CAG1B;IAEF;;OAEG;IACH,OAAO,CAAC,0BAA0B,CAOhC;IAEF;;OAEG;IACH,OAAO,CAAC,0BAA0B,CAGhC;IAEF;;;;OAIG;IACH,OAAO,CAAC,cAAc;IA0CtB;;;OAGG;IACH,OAAO,CAAC,4BAA4B,CAIlC;IAEF;;OAEG;IACH,OAAO,CAAC,WAAW,CAEjB;IAEF;;OAEG;IACH,OAAO,CAAC,wBAAwB;IAgBhC,MAAM;IAwCN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"tearsheet.d.ts","sourceRoot":"","sources":["../../../src/components/tearsheet-preview/tearsheet.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAQ,MAAM,KAAK,CAAC;;;;;;;;;;uBAOnB,CAAC;;;;;AAWrC;;;;;;;;;;GAUG;AACH,cACM,YAAa,SAAQ,iBAA4C;IACrE;;OAEG;IAEH,IAAI,EAAE,OAAO,CAAS;IAEtB;;OAEG;IAEH,kBAAkB,EAAE,MAAM,CAAM;IAEhC;;OAEG;IAEH,eAAe,EAAE,MAAM,CAAM;IAE7B;;OAEG;IAEH,mBAAmB,EAAE,MAAM,CAAM;IAEjC;;OAEG;IAEH,WAAW,EAAE,MAAM,CAAM;IAEzB;;OAEG;IAEH,OAAO,EAAE,MAAM,GAAG,QAAQ,CAAU;IAEpC;;OAEG;IAEH,sBAAsB,EAAE,MAAM,CAAM;IAEpC;;OAEG;IAEH,oBAAoB,EAAE,MAAM,CAAM;IAElC;;OAEG;IAEH,0BAA0B,EAAE,OAAO,CAAS;IAE5C;;OAEG;IAEH,iBAAiB,CAAC,EAAE,WAAW,CAAC;IAEhC;;OAEG;IACH,OAAO,CAAC,QAAQ,CAAkE;IAElF;;OAEG;IACH,OAAO,CAAC,gBAAgB,CAAkB;IAE1C;;OAEG;IAEH,OAAO,CAAC,IAAI,CAAkB;IAE9B;;OAEG;IAEH,OAAO,CAAC,gBAAgB,CAAC,CAAc;IAEvC,OAAO,CAAC,aAAa,CAAwC;IAC7D,OAAO,CAAC,QAAQ,CAAS;IACzB;;OAEG;IAEH,OAAO,CAAC,oBAAoB,CAAC,CAAM;IAEnC,OAAO,CAAC,YAAY,CAA0C;IAC9D,OAAO,CAAC,aAAa,CAInB;IACF;;OAEG;IACH,OAAO,KAAK,YAAY,GAOvB;IAED;;OAEG;IACH,OAAO,KAAK,UAAU,GAWrB;IAED,iBAAiB,IAAI,IAAI;IA+BzB,SAAS,CAAC,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAahE,SAAS,CAAC,OAAO,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAgB3D,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,wBAAwB;IA0EhC,OAAO,CAAC,2BAA2B;IAanC,OAAO,CAAC,6BAA6B;IAYrC;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAoB7B,oBAAoB;IA2CpB;;OAEG;IACH,OAAO,CAAC,yBAAyB;IAqBjC;;;OAGG;IACH,OAAO,CAAC,0BAA0B;IA6BlC;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAa7B;;OAEG;IACH,OAAO,CAAC,oBAAoB,CAG1B;IAEF;;OAEG;IACH,OAAO,CAAC,0BAA0B,CAOhC;IAEF;;OAEG;IACH,OAAO,CAAC,0BAA0B,CAGhC;IAEF;;;;OAIG;IACH,OAAO,CAAC,cAAc;IA0CtB;;;OAGG;IACH,OAAO,CAAC,4BAA4B,CAIlC;IAEF;;OAEG;IACH,OAAO,CAAC,WAAW,CAEjB;IAEF;;OAEG;IACH,OAAO,CAAC,wBAAwB;IAgBhC,MAAM;IA8CN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,YAAY,CAAC"}

package/lib/utilities/manageFocusTrap/manageFocusTrap.d.ts

@@ -6,9 +6,127 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-export declare const registerFocusableContainers: (container: any) => void;
-export declare const clearFocusableContainers: () => void;
-export declare const trapFocus: (containers?: HTMLElement[]) => {
+/**
+ * Registers a focusable container to be included in the focus trap.
+ *
+ * This function allows child components to register their shadow roots or DOM elements
+ * so that the focus trap utility can query focusable elements within them. This is necessary
+ * because shadow DOM boundaries prevent direct querying from parent components.
+ *
+ * @param container - The HTMLElement or ShadowRoot to register as a focusable container.
+ *                    If null, the function returns early without registering.
+ * @param uniqueId - Optional unique identifier to scope containers to a specific component instance.
+ *                   If not provided, uses a default key for backward compatibility.
+ *
+ * @example
+ * // In a child component's firstUpdated lifecycle
+ * protected firstUpdated() {
+ *   const uniqueId = tearsheetSignal.get().uniqueId;
+ *   registerFocusableContainers(this.shadowRoot, uniqueId);
+ * }
+ *
+ * @example
+ * // Without uniqueId (uses default key)
+ * registerFocusableContainers(this.shadowRoot);
+ */
+export declare const registerFocusableContainers: (container: HTMLElement | ShadowRoot | null, uniqueId?: string) => void;
+/**
+ * UnRegisters a previously registered focusable container.
+ *
+ * This function should be called in the component's disconnectedCallback lifecycle method
+ * to clean up and prevent memory leaks when the component is removed from the DOM.
+ *
+ * @param container - The HTMLElement or ShadowRoot to unregister.
+ *                    If null, the function returns early without doing anything.
+ * @param uniqueId - Optional unique identifier that was used when registering the container.
+ *                   If not provided, uses the default key.
+ *
+ * @example
+ * // In a child component's disconnectedCallback
+ * disconnectedCallback() {
+ *   super.disconnectedCallback();
+ *   const uniqueId = tearsheetSignal.get().uniqueId;
+ *   unregisterFocusableContainers(this.shadowRoot, uniqueId);
+ * }
+ *
+ * @example
+ * // Without uniqueId (uses default key)
+ * disconnectedCallback() {
+ *   super.disconnectedCallback();
+ *   unregisterFocusableContainers(this.shadowRoot);
+ * }
+ */
+export declare const unregisterFocusableContainers: (container: HTMLElement | ShadowRoot | null, uniqueId?: string) => void;
+/**
+ * Clears all registered focusable containers, either globally or for a specific uniqueId.
+ *
+ * This function is typically called when a parent component (like a tearsheet or modal) is closing
+ * or being removed from the DOM. It ensures all registered containers are cleaned up to prevent
+ * memory leaks.
+ *
+ * @param uniqueId - Optional unique identifier to clear containers for a specific component instance.
+ *                   If provided, only containers registered with this uniqueId are cleared.
+ *                   If not provided, ALL containers across all uniqueIds are cleared.
+ *
+ * @example
+ * // Clear containers for a specific tearsheet instance
+ * clearFocusableContainers(this.uniqueId);
+ *
+ * @example
+ * // Clear all containers (typically in disconnectedCallback)
+ * disconnectedCallback() {
+ *   super.disconnectedCallback();
+ *   this._trapFocusAPI?.cleanup();
+ *   clearFocusableContainers();
+ * }
+ */
+export declare const clearFocusableContainers: (uniqueId?: string) => void;
+/**
+ * Traps keyboard focus within registered focusable containers.
+ *
+ * This function creates a focus trap that prevents Tab/Shift+Tab navigation from leaving
+ * the registered containers. When the user reaches the last focusable element and presses Tab,
+ * focus wraps to the first element, and vice versa with Shift+Tab.
+ *
+ * The function works with Shadow DOM by querying focusable elements from all registered
+ * containers, which can include shadow roots from child components.
+ *
+ * @param wrapper - Optional wrapper element to attach the keydown listener to.
+ *                  If not provided, defaults to document for backward compatibility.
+ *                  Using a specific wrapper can improve performance and scope the listener.
+ * @param uniqueId - Optional unique identifier to scope the focus trap to specific containers.
+ *                   If provided, only containers registered with this uniqueId are included.
+ *                   If not provided, uses the default key for backward compatibility.
+ *
+ * @returns An object with a `cleanup` method that removes event listeners.
+ *          Call this method when the component is closing or unmounting.
+ *
+ * @example
+ * // In a parent component when opening
+ * protected updated(changedProps) {
+ *   if (changedProps.has('open') && this.open) {
+ *     // Update signal so children can register
+ *     updateTearsheetSignals({ uniqueId: this.uniqueId });
+ *
+ *     // Wait for children to register, then trap focus
+ *     requestAnimationFrame(() => {
+ *       this._trapFocusAPI = trapFocus(this as HTMLElement, this.uniqueId);
+ *     });
+ *   }
+ * }
+ *
+ * @example
+ * // Without uniqueId (uses default key)
+ * this._trapFocusAPI = trapFocus();
+ *
+ * @example
+ * // Cleanup when closing
+ * disconnectedCallback() {
+ *   this._trapFocusAPI?.cleanup();
+ *   clearFocusableContainers(this.uniqueId);
+ * }
+ */
+export declare const trapFocus: (wrapper?: HTMLElement, uniqueId?: string) => {
     cleanup: () => void;
 };
 //# sourceMappingURL=manageFocusTrap.d.ts.map

package/lib/utilities/manageFocusTrap/manageFocusTrap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"manageFocusTrap.d.ts","sourceRoot":"","sources":["../../../src/utilities/manageFocusTrap/manageFocusTrap.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAaH,eAAO,MAAM,2BAA2B,GAAI,cAAS,SAIpD,CAAC;AACF,eAAO,MAAM,wBAAwB,YAEpC,CAAC;AACF,eAAO,MAAM,SAAS,GAAI,aAAa,WAAW,EAAE;;CA0HnD,CAAC"}
+{"version":3,"file":"manageFocusTrap.d.ts","sourceRoot":"","sources":["../../../src/utilities/manageFocusTrap/manageFocusTrap.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAkBH;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,2BAA2B,GACtC,WAAW,WAAW,GAAG,UAAU,GAAG,IAAI,EAC1C,WAAW,MAAM,SAiBlB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,6BAA6B,GACxC,WAAW,WAAW,GAAG,UAAU,GAAG,IAAI,EAC1C,WAAW,MAAM,SAalB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,wBAAwB,GAAI,WAAW,MAAM,SAMzD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,eAAO,MAAM,SAAS,GAAI,UAAU,WAAW,EAAE,WAAW,MAAM;;CA8JjE,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products-web-components",
   "description": "Carbon for IBM Products Web Components",
-  "version": "0.41.1",
+  "version": "0.42.0",
   "license": "Apache-2.0",
   "main": "es/index.js",
   "module": "es/index.js",
@@ -56,21 +56,22 @@
     "telemetry-config": "ibmtelemetry-config generate --wc --id 8a79d901-a9c0-4672-94a4-fa8eea139832 --endpoint https://www-api.ibm.com/ibm-telemetry/v1/metrics --files ./src/components"
   },
   "dependencies": {
-    "@carbon-labs/wc-empty-state": "^0.21.0",
-    "@carbon/ibm-products-styles": "^2.88.0",
+    "@carbon-labs/wc-empty-state": "^0.22.0",
+    "@carbon-labs/wc-resizer": "^0.3.0",
+    "@carbon/ibm-products-styles": "^2.89.0",
     "@carbon/layout": "^11.52.0",
     "@carbon/styles": "^1.106.0",
     "@carbon/utilities": "^0.19.0",
     "@carbon/web-components": "2.54.0",
     "@ibm/telemetry-js": "^1.10.2",
-    "@lit-labs/signals": "^0.1.2",
+    "@lit-labs/signals": "^0.3.0",
     "@lit/context": "^1.1.5",
     "lit": "^3.1.0"
   },
   "devDependencies": {
     "@aarsteinmedia/dotlottie-player": "^6.0.5",
     "@blockquote/rollup-plugin-externalize-source-dependencies": "^1.0.0",
-    "@carbon/ibm-products-utilities": "1.1.0",
+    "@carbon/ibm-products-utilities": "1.2.0",
     "@carbon/icon-helpers": "^10.75.0",
     "@carbon/icons": "^11.80.0",
     "@carbon/motion": "^11.45.0",
@@ -108,5 +109,5 @@
     "vitest": "^3.2.0",
     "web-component-analyzer": "2.0.0"
   },
-  "gitHead": "f1ec2fe96cec5ac06708123a7ec9f5a2f9612313"
+  "gitHead": "15847d5d8a78cd5d70ae083f9faf8126112004da"
 }

package/scss/components/page-header/page-header.scss

@@ -16,6 +16,7 @@ $css--plex: true !default;
 @use '@carbon/styles/scss/motion' as *;
 @use '@carbon/styles/scss/breakpoint' as *;
 @use '@carbon/styles/scss/utilities/convert';
+@use '@carbon/styles/scss/utilities/z-index' as *;
 @use '@carbon/grid';
 @use '@carbon/styles/scss/components/page-header/index' as *;
 @use 'sass:map';
@@ -36,6 +37,13 @@ $carbon-prefix: 'cds';
   inset-block-start: var(--c4p-page-header-header-top);
 }
 
+// When disableStickyTabBar is true, remove sticky positioning from root and add padding
+:host(#{$prefix}-page-header.#{$prefix}--page-header--disable-sticky-tab-bar) {
+  position: static;
+  // Add padding to compensate for fixed breadcrumb (40px height)
+  padding-block-start: convert.to-rem(40px);
+}
+
 :host(#{$prefix}-page-header-breadcrumb),
 :host(#{$prefix}-page-header-content),
 :host(#{$prefix}-page-header-tabs) {
@@ -50,7 +58,6 @@ $carbon-prefix: 'cds';
   overflow: visible;
   background-color: $layer-01;
   block-size: convert.to-rem(40px);
-  border-block-end: $border-subtle;
 
   /* custom css property used from calculation of breadcrumb offset */
   /* stylelint-disable-next-line carbon/layout-use */
@@ -58,6 +65,35 @@ $carbon-prefix: 'cds';
   // TODO: remove above styles when styles from React have been migrated
   // and use the extend below
   // @extend .#{$prefix}--page-header__breadcrumb-bar;
+}
+
+// Apply border only when border attribute is true (default)
+:host(#{$prefix}-page-header-breadcrumb[border]) {
+  border-block-end: 1px solid $border-subtle-01;
+}
+
+// When breadcrumb has fixed class, use fixed positioning below UI Shell header
+:host(
+  #{$prefix}-page-header-breadcrumb.#{$prefix}--page-header-breadcrumb--fixed
+) {
+  position: fixed;
+  z-index: z('header') - 1;
+  background-color: $layer-01;
+  block-size: convert.to-rem(40px);
+  /* stylelint-disable-next-line carbon/layout-use */
+  inset-block-start: var(--c4p-page-header-breadcrumb-top);
+  inset-inline-end: 0;
+  inset-inline-start: 0;
+}
+
+// Apply border to fixed breadcrumb only when border attribute is true (default)
+:host(
+  #{$prefix}-page-header-breadcrumb.#{$prefix}--page-header-breadcrumb--fixed[border]
+) {
+  border-block-end: 1px solid $border-subtle-01;
+}
+
+:host(#{$prefix}-page-header-breadcrumb) {
   ::slotted([slot='icon']) {
     margin-inline-end: $spacing-03;
     // TODO: remove above styles when styles from React have been migrated
@@ -136,14 +172,6 @@ $carbon-prefix: 'cds';
   }
 }
 
-:host(#{$prefix}-page-header-breadcrumb[border='true']) {
-  border-block-end: 1px solid $border-subtle-01;
-  // TODO: remove above styles when styles from React have been migrated
-  // and use the extend below
-
-  // @extend .#{$prefix}--page-header__breadcrumb-bar-border;
-}
-
 :host(#{$prefix}-page-header-content) {
   padding-block-start: $spacing-06;
   // TODO: remove above styles when styles from React have been migrated
@@ -306,10 +334,14 @@ $carbon-prefix: 'cds';
 }
 
 :host(#{$prefix}-page-header-tabs) {
+  position: sticky;
+  z-index: 1;
+  background-color: $layer-01;
+  /* stylelint-disable-next-line carbon/layout-use */
+  inset-block-start: var(--c4p-page-header-breadcrumb-top);
   // TODO: remove above styles when styles from React have been migrated
   // and use the extend below
   // @extend .#{$prefix}--page-header__tab-bar;
-  position: relative;
 
   .#{$carbon-prefix}--css-grid {
     // On small screens, use flex to keep grid and scroller on same line
@@ -334,6 +366,13 @@ $carbon-prefix: 'cds';
   }
 }
 
+// Disable sticky positioning for tab bar when disableStickyTabBar prop is true
+:host(
+  #{$prefix}-page-header-tabs.#{$prefix}--page-header-tabs--disable-sticky
+) {
+  position: static;
+}
+
 :host(#{$prefix}-page-header-tabs) .#{$prefix}--page-header__tab-bar--tablist {
   display: flex;
   align-items: center;