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

package/es/components/about-modal/about-modal.scss.js.map

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

package/es/components/about-modal/about-modal.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';

package/es/components/about-modal/about-modal.test.js

@@ -0,0 +1,208 @@
+/**
+ * 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, it, expect } from 'vitest';
+import { html, fixture } from '@open-wc/testing';
+import { render } from 'lit';
+import { blockClass } from './about-modal.js';
+import { carbonPrefix } from '../../globals/settings.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 logo = html `
+  <img
+    src="./_story-assets/example-logo.svg"
+    alt="Example product or service logo"
+    style="max-width: 6rem"
+  />
+`;
+const additionalInfo = html `
+  <p class="c4p__footer-label">Powered by</p>
+  <img
+    src="./_story-assets/ansible-logo.png"
+    alt="Grafana"
+    class="c4p__footer--tech-logo"
+  />
+  <img
+    src="./_story-assets/ansible-logo.png"
+    alt="Ansible"
+    class="c4p__footer--tech-logo"
+  />
+  <img
+    src="./_story-assets/js-logo.png"
+    alt="JavaScript"
+    class="c4p__footer--tech-logo"
+  />
+`;
+const content = html `This Web site contains proprietary notices and copyright
+information, the terms of which must be observed and followed. Please see the
+tab entitled 'Copyright and trademark information' for related information. IBM
+grants you a non-exclusive, non-transferable, limited permission to access and
+display the Web pages within this site as a customer or potential customer of
+IBM provided you comply with these Terms of Use, and all copyright, trademark,
+and other proprietary notices remain intact.`;
+const links = [];
+const index = 3;
+for (let i = 0; i < index; i++) {
+    const link = html `<cds-link href="#"> Link action </cds-link>`;
+    links.push(link);
+}
+const defaultProps = {
+    closeIconDescription: 'close',
+    copyrightText: 'Copyright © IBM Corp. 2020, 2023',
+    logo: logo,
+    title: 'IBM Product name',
+    version: 'Version 0.0.0',
+    additionalInfo: additionalInfo,
+    content: content,
+    links: links,
+};
+const template = (props = defaultProps) => html `
+  <c4p-about-modal
+    open
+    closeIconDescription=${props.closeIconDescription}
+    copyrightText=${props.copyrightText}
+    .logo=${props.logo}
+    .title=${props.title}
+    .version=${props.version}
+    .additionalInfo=${props.additionalInfo}
+    .content=${props.content}
+    .links=${props.links}
+    aria-label="label"
+  >
+  </c4p-about-modal>
+`;
+describe('c4p-about-modal', () => {
+    it('should render about modal', async () => {
+        const element = render(template(), document.body);
+        expect(element).toBeDefined();
+    });
+    it('renders a title', async () => {
+        var _a, _b, _c;
+        const element = await fixture(template());
+        expect(element.title).toBe(defaultProps.title);
+        const headingElement = (_a = element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`${carbonPrefix}-modal-heading`);
+        expect(headingElement).toBeTruthy();
+        expect(headingElement === null || headingElement === void 0 ? void 0 : headingElement.shadowRoot).toBeTruthy();
+        const slot = (_b = headingElement === null || headingElement === void 0 ? void 0 : headingElement.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('slot');
+        expect(slot).toBeTruthy();
+        const assignedNodes = (_c = slot === null || slot === void 0 ? void 0 : slot.assignedNodes({ flatten: true })) !== null && _c !== void 0 ? _c : [];
+        const slottedText = assignedNodes
+            .filter((node) => node.nodeType === Node.TEXT_NODE)
+            .map((node) => { var _a; return (_a = node.textContent) === null || _a === void 0 ? void 0 : _a.trim(); })
+            .join('');
+        expect(slottedText).toBe(defaultProps.title);
+    });
+    it('renders version', async () => {
+        var _a, _b, _c, _d;
+        const element = await fixture(template());
+        expect(element.version).toBe(defaultProps.version);
+        const modalBody = (_a = element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`${carbonPrefix}-modal-body`);
+        expect(modalBody).toBeTruthy();
+        expect(modalBody === null || modalBody === void 0 ? void 0 : modalBody.shadowRoot).toBeTruthy();
+        const slot = (_b = modalBody === null || modalBody === void 0 ? void 0 : modalBody.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('slot');
+        expect(slot).toBeTruthy();
+        const assignedElements = (_c = slot === null || slot === void 0 ? void 0 : slot.assignedElements({ flatten: true })) !== null && _c !== void 0 ? _c : [];
+        const modalVersion = assignedElements
+            .map((el) => el.querySelector(`.${blockClass}__version`))
+            .find((el) => el !== null);
+        expect(modalVersion).toBeTruthy();
+        expect((_d = modalVersion === null || modalVersion === void 0 ? void 0 : modalVersion.textContent) === null || _d === void 0 ? void 0 : _d.trim()).toBe(defaultProps.version);
+    });
+    it('renders copyright text', async () => {
+        var _a, _b, _c, _d;
+        const element = await fixture(template());
+        expect(element.copyrightText).toBe(defaultProps.copyrightText);
+        const modalBody = (_a = element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`${carbonPrefix}-modal-body`);
+        expect(modalBody).toBeTruthy();
+        expect(modalBody === null || modalBody === void 0 ? void 0 : modalBody.shadowRoot).toBeTruthy();
+        const slot = (_b = modalBody === null || modalBody === void 0 ? void 0 : modalBody.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('slot');
+        expect(slot).toBeTruthy();
+        const assignedElements = (_c = slot === null || slot === void 0 ? void 0 : slot.assignedElements({ flatten: true })) !== null && _c !== void 0 ? _c : [];
+        const modalCopyRight = assignedElements
+            .map((el) => el.querySelector(`.${blockClass}__copyright-text`))
+            .find((el) => el !== null);
+        expect(modalCopyRight).toBeTruthy();
+        expect((_d = modalCopyRight === null || modalCopyRight === void 0 ? void 0 : modalCopyRight.textContent) === null || _d === void 0 ? void 0 : _d.trim()).toBe(defaultProps.copyrightText);
+    });
+    it('renders links', async () => {
+        var _a, _b, _c;
+        const element = await fixture(template());
+        const modalBody = (_a = element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`${carbonPrefix}-modal-body`);
+        expect(modalBody).toBeTruthy();
+        expect(modalBody === null || modalBody === void 0 ? void 0 : modalBody.shadowRoot).toBeTruthy();
+        const slot = (_b = modalBody === null || modalBody === void 0 ? void 0 : modalBody.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('slot');
+        expect(slot).toBeTruthy();
+        const assignedElements = (_c = slot === null || slot === void 0 ? void 0 : slot.assignedElements({ flatten: true })) !== null && _c !== void 0 ? _c : [];
+        if (element.links.length > 0) {
+            const modalLinkContainer = assignedElements
+                .map((el) => el.querySelector(`.${blockClass}__links-container`))
+                .find((el) => el !== null);
+            expect(modalLinkContainer).toBeTruthy();
+            const links = modalLinkContainer === null || modalLinkContainer === void 0 ? void 0 : modalLinkContainer.querySelectorAll(`${carbonPrefix}-link`);
+            expect((links === null || links === void 0 ? void 0 : links.length) == (element === null || element === void 0 ? void 0 : element.links.length)).toBeTruthy();
+        }
+    });
+    it('renders additional info', async () => {
+        var _a;
+        const element = await fixture(template());
+        if (element.additionalInfo) {
+            const modalFooter = (_a = element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`${carbonPrefix}-modal-footer`);
+            expect(modalFooter).toBeTruthy();
+        }
+    });
+    it('closes modal on clicking close button', async () => {
+        var _a;
+        const element = await fixture(template());
+        const modalClose = (_a = element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`${carbonPrefix}-modal-close-button`);
+        expect(modalClose).toBeTruthy();
+        expect(element.open).toBe(true);
+        modalClose === null || modalClose === void 0 ? void 0 : modalClose.click();
+        expect(element.open).toBe(false);
+    });
+    it('Scrollable body with overflowing content', async () => {
+        var _a;
+        const element = await fixture(template());
+        const container = (_a = element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`${carbonPrefix}-modal-body`);
+        // Simulate overflow: content fits
+        Object.defineProperty(container, 'scrollHeight', {
+            value: 200,
+            configurable: true,
+        });
+        Object.defineProperty(container, 'clientHeight', {
+            value: 100,
+            configurable: true,
+        });
+        // Manually call _checkOverflow to force the overflow check
+        element['_checkOverflow']();
+        await element.updateComplete;
+        expect(container.classList.contains('c4p--about-modal-scroll-content')).toBe(true);
+    });
+    it('No scrollable body if content fits', async () => {
+        var _a;
+        const element = await fixture(template());
+        const container = (_a = element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`${carbonPrefix}-modal-body`);
+        // Simulate non-overflow: content fits
+        Object.defineProperty(container, 'scrollHeight', {
+            value: 100,
+            configurable: true,
+        });
+        Object.defineProperty(container, 'clientHeight', {
+            value: 200,
+            configurable: true,
+        });
+        // Manually call _checkOverflow to force the overflow check
+        element['_checkOverflow']();
+        await element.updateComplete;
+        expect(container.classList.contains('c4p--about-modal-scroll-content')).toBe(false);
+    });
+});
+//# sourceMappingURL=about-modal.test.js.map

package/es/components/about-modal/about-modal.test.js.map

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

package/es/components/about-modal/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @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 './about-modal';

package/es/components/about-modal/index.js

@@ -0,0 +1,9 @@
+/**
+ * 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 './about-modal.js';
+//# sourceMappingURL=index.js.map

package/es/components/about-modal/index.js.map

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

package/es/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/es/components/checklist/checklist-chart.js

@@ -0,0 +1,81 @@
+/**
+ * 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 { __decorate } from 'tslib';
+import { LitElement, nothing } from 'lit';
+import { property } from 'lit/decorators.js';
+import { carbonElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';
+import { prefix } from '../../globals/settings.js';
+import styles from './checklist.scss.js';
+
+/**
+ * @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.
+ */
+const blockClass = `${prefix}--checklist__chart`;
+/**
+ * Clamps a value between a minimum and maximum.
+ * If the value, min, or max is NaN, the function returns void.
+ *
+ */
+const clamp = (value, min, max) => {
+    if (isNaN(value) || isNaN(min) || isNaN(max)) {
+        return;
+    }
+    {
+        value = value <= max ? value : max;
+    }
+    {
+        value = value >= min ? value : min;
+    }
+    return value;
+};
+/**
+ * @element c4p-checklist-chart
+ */
+let CDSChecklistChart = class CDSChecklistChart extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * A number between 0 and 1 which indicates the progress of checklist
+         */
+        this.value = 0;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(`${blockClass}`);
+    }
+    _updateChart(value) {
+        this.style.setProperty(`--${prefix}-num-degrees`, `${clamp(value * 360, 0, 360)}deg`);
+    }
+    static get observedAttributes() {
+        return ['value'];
+    }
+    attributeChangedCallback(name, oldValue, newValue) {
+        if (name === 'value' && oldValue !== newValue) {
+            this._updateChart(newValue);
+        }
+    }
+    render() {
+        return nothing;
+    }
+};
+CDSChecklistChart.styles = styles;
+__decorate([
+    property({ type: Number })
+], CDSChecklistChart.prototype, "value", void 0);
+CDSChecklistChart = __decorate([
+    carbonElement(`${prefix}-checklist-chart`)
+], CDSChecklistChart);
+var CDSChecklistChart$1 = CDSChecklistChart;
+
+export { CDSChecklistChart$1 as default };
+//# sourceMappingURL=checklist-chart.js.map

package/es/components/checklist/checklist-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checklist-chart.js","sources":["../../../src/components/checklist/checklist-chart.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AASH,MAAM,UAAU,GAAG,CAAG,EAAA,MAAM,oBAAoB;AAEhD;;;;AAIG;AACH,MAAM,KAAK,GAAG,CAAC,KAAa,EAAE,GAAW,EAAE,GAAW,KAAmB;AACvE,IAAA,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,EAAE;QAC5C;;AAEF,IAAuB;AACrB,QAAA,KAAK,GAAG,KAAK,IAAI,GAAG,GAAG,KAAK,GAAG,GAAG;;AAEpC,IAAuB;AACrB,QAAA,KAAK,GAAG,KAAK,IAAI,GAAG,GAAG,KAAK,GAAG,GAAG;;AAEpC,IAAA,OAAO,KAAK;AACd,CAAC;AAED;;AAEG;AAEH,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU,CAAA;AAA1C,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAK,CAAA,KAAA,GAAG,CAAC;;IAET,iBAAiB,GAAA;QACf,KAAK,CAAC,iBAAiB,EAAE;QACzB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAG,EAAA,UAAU,CAAE,CAAA,CAAC;;AAG7B,IAAA,YAAY,CAAC,KAAK,EAAA;QACxB,IAAI,CAAC,KAAK,CAAC,WAAW,CACpB,CAAK,EAAA,EAAA,MAAM,CAAc,YAAA,CAAA,EACzB,CAAG,EAAA,KAAK,CAAC,KAAK,GAAG,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC,CAAK,GAAA,CAAA,CACnC;;AAGH,IAAA,WAAW,kBAAkB,GAAA;QAC3B,OAAO,CAAC,OAAO,CAAC;;AAGlB,IAAA,wBAAwB,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAA;QAC/C,IAAI,IAAI,KAAK,OAAO,IAAI,QAAQ,KAAK,QAAQ,EAAE;AAC7C,YAAA,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC;;;IAI/B,MAAM,GAAA;AACJ,QAAA,OAAO,OAAO;;;AAGT,iBAAM,CAAA,MAAA,GAAG,MAAH;AA5Bb,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AAChB,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AALN,iBAAiB,GAAA,UAAA,CAAA;AADtB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,gBAAA,CAAkB;AACpC,CAAA,EAAA,iBAAiB,CAkCtB;AAED,0BAAe,iBAAiB;;;;"}

package/es/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/es/components/checklist/checklist-group.js

@@ -0,0 +1,58 @@
+/**
+ * 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 { __decorate } from 'tslib';
+import { LitElement, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { carbonElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';
+import { prefix } from '../../globals/settings.js';
+import styles from './checklist.scss.js';
+
+/**
+ * @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.
+ */
+/**
+ * Sections in c4p-checklist
+ * @element c4p-checklist-group
+ * @slot default - Contains one or more `c4p-checklist-item` components
+ */
+let CDSChecklistGroup = class CDSChecklistGroup extends LitElement {
+    _updateAttributes() {
+        this.classList.add(`${prefix}--checklist__list-group`);
+    }
+    firstUpdated() {
+        this._updateAttributes();
+    }
+    render() {
+        const { title } = this;
+        return html `
+      ${title &&
+            html `<h3 title=${title} class="${prefix}--checklist__list-title">
+        ${title}
+      </h3>`}
+      <ol class="${prefix}--checklist__list">
+        <slot></slot>
+      </ol>
+    `;
+    }
+};
+CDSChecklistGroup.styles = styles;
+__decorate([
+    property()
+], CDSChecklistGroup.prototype, "title", void 0);
+CDSChecklistGroup = __decorate([
+    carbonElement(`${prefix}-checklist-group`)
+], CDSChecklistGroup);
+var CDSChecklistGroup$1 = CDSChecklistGroup;
+
+export { CDSChecklistGroup$1 as default };
+//# sourceMappingURL=checklist-group.js.map

package/es/components/checklist/checklist-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checklist-group.js","sources":["../../../src/components/checklist/checklist-group.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AASH;;;;AAIG;AAEH,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU,CAAA;IAOhC,iBAAiB,GAAA;QACvB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAG,EAAA,MAAM,CAAyB,uBAAA,CAAA,CAAC;;IAGxD,YAAY,GAAA;QACV,IAAI,CAAC,iBAAiB,EAAE;;IAG1B,MAAM,GAAA;AACJ,QAAA,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI;AAEtB,QAAA,OAAO,IAAI,CAAA;QACP,KAAK;AACP,YAAA,IAAI,CAAA,CAAA,UAAA,EAAa,KAAK,CAAA,QAAA,EAAW,MAAM,CAAA;UACnC,KAAK;AACH,WAAA,CAAA;mBACO,MAAM,CAAA;;;KAGpB;;;AAGI,iBAAM,CAAA,MAAA,GAAG,MAAH;AAxBb,UAAA,CAAA;AADC,IAAA,QAAQ;AACH,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AALF,iBAAiB,GAAA,UAAA,CAAA;AADtB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,gBAAA,CAAkB;AACpC,CAAA,EAAA,iBAAiB,CA8BtB;AAED,0BAAe,iBAAiB;;;;"}

package/es/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/es/components/checklist/checklist-icon.js

@@ -0,0 +1,72 @@
+/**
+ * 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 { __decorate } from 'tslib';
+import { LitElement, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { carbonElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';
+import CheckmarkOutline16 from '@carbon/icons/es/checkmark--outline/16';
+import CircleDash16 from '@carbon/icons/es/circle-dash/16';
+import Incomplete16 from '@carbon/icons/es/incomplete/16';
+import Warning16 from '@carbon/icons/es/warning/16';
+import '@carbon/web-components/es/components/icon/index.js';
+import { Kinds } from './checklist.types.js';
+import { prefix } from '../../globals/settings.js';
+import { classMap } from 'lit/directives/class-map.js';
+import styles from './checklist.scss.js';
+
+/**
+ * @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.
+ */
+const blockClass = `${prefix}--checklist__icon`;
+/**
+ * @element c4p-checklist-icon
+ * Represents checklist item status with different icons (unchecked, checked, indeterminate, error).
+ */
+let CDSChecklistIcon = class CDSChecklistIcon extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * The icon to be displayed.
+         * Values can be 'unchecked', 'indeterminate', 'checked', 'error', 'disabled'
+      
+         */
+        this.kind = Kinds.unchecked;
+    }
+    render() {
+        const icon = this.kind === Kinds.checked
+            ? CheckmarkOutline16
+            : this.kind === Kinds.indeterminate
+                ? Incomplete16
+                : this.kind === Kinds.error
+                    ? Warning16
+                    : CircleDash16;
+        const classes = classMap({
+            [`${blockClass}`]: true,
+            [`${blockClass}--${this.kind}`]: true,
+        });
+        return html ` <span class="${classes}">
+      <cds-icon .icon=${icon} size="16" ariaLabel=${this.kind}></cds-icon>
+    </span>`;
+    }
+};
+CDSChecklistIcon.styles = styles;
+__decorate([
+    property({ type: String, attribute: 'kind' })
+], CDSChecklistIcon.prototype, "kind", void 0);
+CDSChecklistIcon = __decorate([
+    carbonElement(`${prefix}-checklist-icon`)
+], CDSChecklistIcon);
+var CDSChecklistIcon$1 = CDSChecklistIcon;
+
+export { CDSChecklistIcon$1 as default };
+//# sourceMappingURL=checklist-icon.js.map

package/es/components/checklist/checklist-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checklist-icon.js","sources":["../../../src/components/checklist/checklist-icon.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AAkBH,MAAM,UAAU,GAAG,CAAG,EAAA,MAAM,mBAAmB;AAE/C;;;AAGG;AAEH,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU,CAAA;AAAzC,IAAA,WAAA,GAAA;;AACE;;;;AAIG;AAEH,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,SAAS;;IAEtB,MAAM,GAAA;QACJ,MAAM,IAAI,GACR,IAAI,CAAC,IAAI,KAAK,KAAK,CAAC;AAClB,cAAE;AACF,cAAE,IAAI,CAAC,IAAI,KAAK,KAAK,CAAC;AACpB,kBAAE;AACF,kBAAE,IAAI,CAAC,IAAI,KAAK,KAAK,CAAC;AACpB,sBAAE;sBACA,YAAY;QAEtB,MAAM,OAAO,GAAG,QAAQ,CAAC;AACvB,YAAA,CAAC,CAAG,EAAA,UAAU,CAAE,CAAA,GAAG,IAAI;YACvB,CAAC,CAAA,EAAG,UAAU,CAAK,EAAA,EAAA,IAAI,CAAC,IAAI,CAAA,CAAE,GAAG,IAAI;AACtC,SAAA,CAAC;QAEF,OAAO,IAAI,CAAA,CAAA,cAAA,EAAiB,OAAO,CAAA;wBACf,IAAI,CAAA,qBAAA,EAAwB,IAAI,CAAC,IAAI,CAAA;YACjD;;;AAGH,gBAAM,CAAA,MAAA,GAAG,MAAH;AAtBb,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE;AACtB,CAAA,EAAA,gBAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAPnB,gBAAgB,GAAA,UAAA,CAAA;AADrB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,eAAA,CAAiB;AACnC,CAAA,EAAA,gBAAgB,CA8BrB;AAED,yBAAe,gBAAgB;;;;"}

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

@@ -0,0 +1,41 @@
+/**
+ * @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 _handleKeyDown;
+    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/es/components/checklist/checklist-item.figma.js

@@ -0,0 +1,49 @@
+/**
+ * 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 figma, { html } from '@figma/code-connect/html';
+
+/**
+ * @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.
+ */
+
+figma.connect(
+  'https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf/-v11--IBM-Products-%E2%80%93-Carbon-Design-System?node-id=16728-642118',
+  {
+    props: {
+      label: figma.boolean('Clickable', {
+        true: figma.nestedProps('Link', {
+          text: figma.textContent('Link'),
+        }),
+        false: {
+          text: 'Task name',
+        },
+      }),
+      status: figma.enum('State', {
+        Unchecked: 'not started',
+        'In progress': 'in progress',
+        Completed: 'completed',
+      }),
+      clickable: figma.boolean('Clickable'),
+    },
+    example: ({ label, status, clickable }) =>
+      html`<c4p-checklist-item
+        label=${label.text}
+        status=${status}
+        clickable=${clickable}
+      ></c4p-checklist-item>`,
+    imports: [
+      "import '@carbon/ibm-products-web-components/es/components/checklist/checklist-item.js'",
+    ],
+  }
+);
+//# sourceMappingURL=checklist-item.figma.js.map