@carbon/ibm-products-web-components 0.24.0 → 0.25.0-rc.0

package/es-custom/components/checklist/checklist.test.js

@@ -0,0 +1,172 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * 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 { describe, beforeEach, it, expect } from 'vitest';
+import { fixture, html, oneEvent, elementUpdated } from '@open-wc/testing';
+import { prefix, carbonPrefix } from '../../globals/settings.js';
+import CDSChecklist from './checklist.js';
+import CDSChecklistItem from './checklist-item.js';
+import { Kinds } from './checklist.types.js';
+import './checklist-group.js';
+import './checklist-chart.js';
+import './checklist-icon.js';
+
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * 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 blockClass = `${prefix}--checklist`;
+describe('c4p-checklist', () => {
+    let el;
+    beforeEach(async () => {
+        el = await fixture(html `
+      <c4p-checklist
+        title="Test Title"
+        chart-label="5 out of 10 tasks completed"
+        chart-value="0.5"
+        toggle-label="Toggle"
+        toggle-label-align="top"
+        toggle-aria-label="Toggle"
+        view-all-label="View All"
+      ></c4p-checklist>
+    `);
+    });
+    it('renders with default properties', () => {
+        const shadow = el.shadowRoot;
+        // Render title
+        expect(shadow.textContent).to.include('Test Title');
+        // Render chartLabel
+        expect(shadow.textContent).to.include('5 out of 10 tasks completed');
+        // Render chart
+        const chart = shadow.querySelector(`.${blockClass}__chart`);
+        expect(chart).to.exist;
+        // Render toggle button
+        const toggleButton = shadow.querySelector(`.${blockClass}__toggle`);
+        expect(toggleButton).to.exist;
+        // Checklist should be in collapsed state
+        expect(el.open).to.be.false;
+    });
+    it('toggles open state and fires checklistToggle event', async () => {
+        const shadow = el.shadowRoot;
+        const toggleButton = shadow.querySelector(`.${blockClass}__toggle`);
+        // Listen for event before clicking
+        setTimeout(() => toggleButton === null || toggleButton === void 0 ? void 0 : toggleButton.click());
+        const ev = await oneEvent(el, CDSChecklist.checklistToggle);
+        // Verify open property updated
+        expect(el.open).to.be.true;
+        expect(ev).to.exist;
+    });
+    it('fires checklistViewAll event on viewAll button click', async () => {
+        const shadow = el.shadowRoot;
+        const link = Array.from(shadow.querySelectorAll(`${carbonPrefix}-link`)).find((a) => { var _a; return ((_a = a.textContent) === null || _a === void 0 ? void 0 : _a.trim()) === 'View All'; });
+        expect(link).toBeTruthy();
+        setTimeout(() => link === null || link === void 0 ? void 0 : link.click());
+        const ev = await oneEvent(el, CDSChecklist.checklistViewAll);
+        expect(ev).to.exist;
+    });
+    it('does not render toggle button if disableToggle is true', async () => {
+        el = await fixture(html `
+      <c4p-checklist
+        title="Test Title"
+        chart-label="5 out of 10 tasks completed"
+        chart-value="0.5"
+        disable-toggle
+        toggle-label="Toggle"
+        toggle-label-align="top"
+        toggle-aria-label="Toggle"
+        view-all-label="View All"
+      ></c4p-checklist>
+    `);
+        await elementUpdated(el);
+        const shadow = el.shadowRoot;
+        const toggleBtn = shadow.querySelector(`.${blockClass}__toggle`);
+        expect(toggleBtn).to.be.null;
+    });
+});
+describe('c4p-checklist-group', () => {
+    let el;
+    beforeEach(async () => {
+        el = await fixture(html `
+      <c4p-checklist-group title="Test Title"></c4p-checklist-group>
+    `);
+    });
+    it('renders group title', () => {
+        var _a, _b;
+        expect((_b = (_a = el
+            .shadowRoot.querySelector(`.${blockClass}__list-title`)) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim()).toBe('Test Title');
+    });
+    it('renders an empty list when no content is provided', () => {
+        const ol = el.shadowRoot.querySelector('ol');
+        expect(ol).to.exist;
+        expect(ol.querySelector('li')).to.be.null;
+    });
+    it('renders checklist items provided via slot', async () => {
+        var _a;
+        el = await fixture(html `
+      <c4p-checklist-group title="Test Title">
+        <c4p-checklist-item
+          label="task 1"
+          status="completed"
+        ></c4p-checklist-item>
+        <c4p-checklist-item
+          label="task 2"
+          status="in progress"
+        ></c4p-checklist-item>
+        <c4p-checklist-item
+          label="task 3"
+          status="not started"
+        ></c4p-checklist-item>
+      </c4p-checklist-group>
+    `);
+        await elementUpdated(el);
+        const slot = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot');
+        expect(slot).toBeDefined();
+        // Retrieve the assigned custom elements
+        const checklistItems = slot
+            .assignedElements()
+            .filter((el) => el.tagName.toLowerCase() === 'c4p-checklist-item');
+        expect(checklistItems).toHaveLength(3);
+    });
+});
+describe('c4p-checklist-item', () => {
+    const label = 'Test Label';
+    const status = 'in progress';
+    const clickable = true;
+    let el;
+    beforeEach(async () => {
+        el = await fixture(html `
+      <c4p-checklist-item
+        .label=${label}
+        .status=${status}
+        .clickable=${clickable}
+      ></c4p-checklist-item>
+    `);
+    });
+    it('renders item with correct classes', async () => {
+        var _a, _b;
+        const itemEl = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`.${blockClass}__label`);
+        expect(itemEl).to.exist;
+        expect(itemEl === null || itemEl === void 0 ? void 0 : itemEl.classList.contains(`${blockClass}__label--clickable`)).to.be
+            .true;
+        expect((_b = itemEl === null || itemEl === void 0 ? void 0 : itemEl.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal(label);
+    });
+    it('dispatches "checklistItemClicked" event on click', async () => {
+        var _a;
+        const itemEl = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`.${blockClass}__label--clickable`);
+        // Use oneEvent to await the custom event
+        setTimeout(() => itemEl === null || itemEl === void 0 ? void 0 : itemEl.click());
+        const event = await oneEvent(el, CDSChecklistItem.checklistItemClicked);
+        expect(event).to.exist;
+    });
+    it('maps status to correct kind', () => {
+        expect(el['_mapStatusToKind'](status)).to.equal(Kinds.indeterminate);
+        expect(el['_mapStatusToKind']('unknown')).to.equal(Kinds.error);
+    });
+});
+//# sourceMappingURL=checklist.test.js.map

package/es-custom/components/checklist/checklist.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checklist.test.js","sources":["../../../src/components/checklist/checklist.test.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/es-custom/components/checklist/checklist.types.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * 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 enum Kinds {
+    unchecked = "unchecked",
+    indeterminate = "indeterminate",
+    checked = "checked",
+    disabled = "disabled",
+    error = "error"
+}
+export type Kind = Kinds.unchecked | Kinds.indeterminate | Kinds.checked | Kinds.disabled | Kinds.error;
+export declare enum Statuses {
+    NotStarted = "not started",
+    InProgress = "in progress",
+    Completed = "completed",
+    Error = "error",
+    Disabled = "disabled"
+}
+export type Status = Statuses.NotStarted | Statuses.InProgress | Statuses.Completed | Statuses.Error | Statuses.Disabled;

package/es-custom/components/checklist/checklist.types.js

@@ -0,0 +1,32 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Kinds;
+(function (Kinds) {
+    Kinds["unchecked"] = "unchecked";
+    Kinds["indeterminate"] = "indeterminate";
+    Kinds["checked"] = "checked";
+    Kinds["disabled"] = "disabled";
+    Kinds["error"] = "error";
+})(Kinds || (Kinds = {}));
+var Statuses;
+(function (Statuses) {
+    Statuses["NotStarted"] = "not started";
+    Statuses["InProgress"] = "in progress";
+    Statuses["Completed"] = "completed";
+    Statuses["Error"] = "error";
+    Statuses["Disabled"] = "disabled";
+})(Statuses || (Statuses = {}));
+
+export { Kinds, Statuses };
+//# sourceMappingURL=checklist.types.js.map

package/es-custom/components/checklist/checklist.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checklist.types.js","sources":["../../../src/components/checklist/checklist.types.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAAA;;;;;AAKG;IAES;AAAZ,CAAA,UAAY,KAAK,EAAA;AACf,IAAA,KAAA,CAAA,WAAA,CAAA,GAAA,WAAuB;AACvB,IAAA,KAAA,CAAA,eAAA,CAAA,GAAA,eAA+B;AAC/B,IAAA,KAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,KAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,KAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACjB,CAAC,EANW,KAAK,KAAL,KAAK,GAMhB,EAAA,CAAA,CAAA;IASW;AAAZ,CAAA,UAAY,QAAQ,EAAA;AAClB,IAAA,QAAA,CAAA,YAAA,CAAA,GAAA,aAA0B;AAC1B,IAAA,QAAA,CAAA,YAAA,CAAA,GAAA,aAA0B;AAC1B,IAAA,QAAA,CAAA,WAAA,CAAA,GAAA,WAAuB;AACvB,IAAA,QAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,QAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACvB,CAAC,EANW,QAAQ,KAAR,QAAQ,GAMnB,EAAA,CAAA,CAAA;;;;"}

package/es-custom/components/checklist/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025
+ *
+ * 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 './checklist-group';
+import './checklist-item';
+import './checklist-chart';
+import './checklist-icon';
+import './checklist';

package/es-custom/components/checklist/index.js

@@ -0,0 +1,13 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * 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 './checklist-group.js';
+import './checklist-item.js';
+import './checklist-chart.js';
+import './checklist-icon.js';
+import './checklist.js';
+//# sourceMappingURL=index.js.map

package/es-custom/components/checklist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/es-custom/components/interstitial-screen/interstitial-screen-footer.d.ts

@@ -9,7 +9,7 @@
 import { PropertyValues } from 'lit';
 import '@carbon/web-components/es-custom/components/button/index.js';
 import '@carbon/web-components/es-custom/components/inline-loading/inline-loading.js';
-import { CDSModalFooter } from '@carbon/web-components/es/index.js';
+import CDSModalFooter from '@carbon/web-components/es/components/modal/modal-footer';
 export type ActionType = 'close' | 'start' | 'skip' | 'back' | 'next';
 declare const CDSInterstitialScreenFooter_base: {
     new (...args: any[]): {

package/es-custom/components/interstitial-screen/interstitial-screen-footer.js

@@ -16,7 +16,7 @@ import styles from './interstitial-screen-footer.scss.js';
 import { interstitialDetailsSignal } from './interstitial-screen-context.js';
 import { SignalWatcher } from '@lit-labs/signals';
 import '@carbon/web-components/es-custom/components/inline-loading/inline-loading.js';
-import { CDSModalFooter } from '@carbon/web-components/es/index.js';
+import CDSModalFooter from '@carbon/web-components/es/components/modal/modal-footer';
 import ArrowRight from '@carbon/icons/es/arrow--right/16.js';
 import { iconLoader } from '@carbon/web-components/es/globals/internal/icon-loader.js';
 import { registerFocusableContainers } from '../../utilities/manageFocusTrap/manageFocusTrap.js';

package/es-custom/components/page-header/page-header-title-breadcrumb.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 { CDSBreadcrumbItem } from '@carbon/web-components/es/index';
+import CDSBreadcrumbItem from '@carbon/web-components/es/components/breadcrumb/breadcrumb-item';
 /**
  * Page header Title Breadcrumb
  * @element c4p-page-header-title-breadcrumb

package/es-custom/components/page-header/page-header-title-breadcrumb.js

@@ -9,7 +9,7 @@ import { __decorate } from 'tslib';
 import { html } from 'lit';
 import { consume, ContextConsumer } from '@lit/context';
 import { carbonElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';
-import { CDSBreadcrumbItem } from '@carbon/web-components/es/index';
+import CDSBreadcrumbItem from '@carbon/web-components/es/components/breadcrumb/breadcrumb-item';
 import { prefix } from '../../globals/settings.js';
 import styles from './page-header.scss.js';
 import { pageHeaderContext } from './context.js';

package/es-custom/packages/ibm-products-web-components/package.json.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-var version = "0.24.0-rc.0";
+var version = "0.24.1";
 var packageJson = {
 	version: version};
 

package/lib/components/checklist/checklist-chart.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025
+ *
+ * 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';
+/**
+ * @element c4p-checklist-chart
+ */
+declare class CDSChecklistChart extends LitElement {
+    /**
+     * A number between 0 and 1 which indicates the progress of checklist
+     */
+    value: number;
+    connectedCallback(): void;
+    private _updateChart;
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: any, oldValue: any, newValue: any): void;
+    render(): symbol;
+    static styles: any;
+}
+export default CDSChecklistChart;

package/lib/components/checklist/checklist-group.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025
+ *
+ * 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';
+/**
+ * Sections in c4p-checklist
+ * @element c4p-checklist-group
+ * @slot default - Contains one or more `c4p-checklist-item` components
+ */
+declare class CDSChecklistGroup extends LitElement {
+    /**
+     * Title text of the c4p-checklist-group
+     */
+    title: any;
+    private _updateAttributes;
+    firstUpdated(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any;
+}
+export default CDSChecklistGroup;

package/lib/components/checklist/checklist-icon.d.ts

@@ -0,0 +1,26 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025
+ *
+ * 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 '@carbon/web-components/es/components/icon/index.js';
+import { Kinds } from './checklist.types';
+/**
+ * @element c4p-checklist-icon
+ * Represents checklist item status with different icons (unchecked, checked, indeterminate, error).
+ */
+declare class CDSChecklistIcon extends LitElement {
+    /**
+     * The icon to be displayed.
+     * Values can be 'unchecked', 'indeterminate', 'checked', 'error', 'disabled'
+  
+     */
+    kind: Kinds;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any;
+}
+export default CDSChecklistIcon;

package/lib/components/checklist/checklist-item.d.ts

@@ -0,0 +1,40 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025
+ *
+ * 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';
+/**
+ * item in c4p-checklist-group
+ * @element c4p-checklist-item
+ * @slot icon - checklist item icon, usually a status indicator icon
+ * @slot content - checklist item title/description
+ * @fires c4p-checklist-item-clicked - The custom event which is fired when a user clicks on checklist item with clickable attribute.
+ */
+declare class CDSChecklistItem extends LitElement {
+    /**
+     * label of the c4p-checklist-item
+     */
+    label: any;
+    /**
+     * status of the c4p-checklist-item
+     * Values can be 'not started', 'in progress', 'completed', 'error', 'disabled'
+     */
+    status: any;
+    /** When true, makes the checklist item label clickable */
+    clickable: boolean;
+    private _handleClick;
+    private _mapStatusToKind;
+    private _updateAttributes;
+    firstUpdated(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    /**
+     * The custom event which is fired when the checklist item is clicked.
+     */
+    static get checklistItemClicked(): string;
+    static styles: any;
+}
+export default CDSChecklistItem;

package/lib/components/checklist/checklist.d.ts

@@ -0,0 +1,71 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025
+ *
+ * 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 '@carbon/web-components/es/components/icon-button/index.js';
+import './checklist-chart';
+import './checklist-icon';
+/**
+ * @element c4p-checklist
+ * @slot checklist-header - Header area which includes the title and the progress indicator.
+ * @slot default - Contains one or more `c4p-checklist-group` components to organize tasks into logical groups.
+ * @slot checklist-footer - Optional footer area for actions like buttons, links, or additional notes.
+ * @fires c4p-checklist-view-all - The custom event which is fired when a user clicks on View All button in checklist footer.
+ * @fires c4p-checklist-toggle - The custom event which is fired when user clicks on toggle button in checklist header.
+ */
+declare class CDSChecklist extends LitElement {
+    /**
+     * Specifies whether the component is opened or closed.
+     */
+    open: boolean;
+    /**
+     * The title of the component.
+     */
+    title: any;
+    /**
+     * The label for progress indicator chart
+     */
+    chartLabel: any;
+    /**
+     * A number between 0 and 1 which indicates the progress of checklist
+     */
+    chartValue: any;
+    /**
+     * Whether or not to show the open/close toggle.
+     */
+    disableToggle: boolean;
+    /**
+     * The label for the toggle's tooltip.
+     */
+    toggleLabel: any;
+    /**
+     * The alignment of the toggle's tooltip.
+     */
+    toggleLabelAlign: any;
+    /**
+     * Aria-label for the Checklist's toggle component.
+     */
+    toggleAriaLabel: any;
+    /**
+     * If defined, will show and enable the "View all (#)" button in the checklist footer.
+     */
+    viewAllLabel: any;
+    private _viewAll;
+    private _onToggle;
+    render(): import("lit-html").TemplateResult<1>;
+    /**
+     * The custom event which is fired when the  view all button in checklist footer is clicked or when the Enter key is pressed on it.
+     */
+    static get checklistViewAll(): string;
+    /**
+     * The custom event which is fired when the checklist toggle button is clicked or when the Enter key is pressed on it.
+     */
+    static get checklistToggle(): string;
+    static styles: any;
+}
+export default CDSChecklist;

package/lib/components/checklist/checklist.test.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * 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 './index.ts';

package/lib/components/checklist/checklist.types.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * 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 enum Kinds {
+    unchecked = "unchecked",
+    indeterminate = "indeterminate",
+    checked = "checked",
+    disabled = "disabled",
+    error = "error"
+}
+export type Kind = Kinds.unchecked | Kinds.indeterminate | Kinds.checked | Kinds.disabled | Kinds.error;
+export declare enum Statuses {
+    NotStarted = "not started",
+    InProgress = "in progress",
+    Completed = "completed",
+    Error = "error",
+    Disabled = "disabled"
+}
+export type Status = Statuses.NotStarted | Statuses.InProgress | Statuses.Completed | Statuses.Error | Statuses.Disabled;

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

@@ -0,0 +1,13 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025
+ *
+ * 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 './checklist-group';
+import './checklist-item';
+import './checklist-chart';
+import './checklist-icon';
+import './checklist';

package/lib/components/interstitial-screen/interstitial-screen-footer.d.ts

@@ -9,7 +9,7 @@
 import { PropertyValues } from 'lit';
 import '@carbon/web-components/es/components/button/index.js';
 import '@carbon/web-components/es/components/inline-loading/inline-loading.js';
-import { CDSModalFooter } from '@carbon/web-components/es/index.js';
+import CDSModalFooter from '@carbon/web-components/es/components/modal/modal-footer';
 export type ActionType = 'close' | 'start' | 'skip' | 'back' | 'next';
 declare const CDSInterstitialScreenFooter_base: {
     new (...args: any[]): {

package/lib/components/page-header/page-header-title-breadcrumb.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 { CDSBreadcrumbItem } from '@carbon/web-components/es/index';
+import CDSBreadcrumbItem from '@carbon/web-components/es/components/breadcrumb/breadcrumb-item';
 /**
  * Page header Title Breadcrumb
  * @element c4p-page-header-title-breadcrumb

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products-web-components",
   "description": "Carbon for IBM Products Web Components",
-  "version": "0.24.0",
+  "version": "0.25.0-rc.0",
   "license": "Apache-2.0",
   "main": "es/index.js",
   "module": "es/index.js",
@@ -56,7 +56,7 @@
   },
   "dependencies": {
     "@carbon-labs/wc-empty-state": "^0.9.0",
-    "@carbon/ibm-products-styles": "^2.71.0",
+    "@carbon/ibm-products-styles": "^2.72.0-rc.0",
     "@carbon/styles": "1.89.0",
     "@carbon/web-components": "2.37.0",
     "@ibm/telemetry-js": "^1.10.2",
@@ -105,5 +105,5 @@
     "vitest": "^3.2.0",
     "web-component-analyzer": "2.0.0"
   },
-  "gitHead": "98ca4d24bcc54951cf99c2c892da24b5ea44e059"
+  "gitHead": "bf120ae9c3bf30ed5898cd7684f1f04ac3d137d9"
 }