@carbon/ibm-products-web-components 0.35.0 → 0.36.0

package/es/components/interstitial-screen/interstitial.figma.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"interstitial.figma.js","sources":["../../../src/components/interstitial-screen/interstitial.figma.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport figma, { html } from '@figma/code-connect/html';\n\n// Interstitial screen overlay\nfigma.connect(\n  'https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf/-v11--IBM-Products-%E2%80%93-Carbon-Design-System?node-id=16728%3A642842',\n  {\n    variant: { Type: 'Title + steps' },\n    props: {\n      headerTitle: figma.textContent('Title'),\n      headerSubTitle: figma.boolean('Show Subtitle', {\n        true: figma.textContent('Subtitle'),\n        false: '',\n      }),\n      slot: figma.boolean('Slot', {\n        true: figma.children('Slot 1'),\n        false: undefined,\n      }),\n      stepTitle: figma.boolean('Steps', {\n        true: 'Step',\n        false: undefined,\n      }),\n      stepContent: figma.boolean('Steps', {\n        true: html`<c4p-interstitial-screen-body-item id=\"2\" stepTitle=\"Step\">\n            <!-- add markup for Step 2 -->\n          </c4p-interstitial-screen-body-item>\n          <c4p-interstitial-screen-body-item id=\"3\" stepTitle=\"Step\">\n            <!-- add markup for Step 3 -->\n          </c4p-interstitial-screen-body-item>`,\n        false: undefined,\n      }),\n      title: figma.textContent('Use case-specific heading'),\n      description: figma.textContent(\n        'We take the triage phase off your hands early on. We automate investigations, and make sure you can see the source of all your data. And we use AI to suggest findings you might not catch on your own. With fewer blind spots for the hackers to hide in, you can see the full picture, and take your defense to the next level.'\n      ),\n      image: figma.children('Aspect ratio'),\n    },\n    example: (props) =>\n      html`<c4p-interstitial-screen>\n        <c4p-interstitial-screen-header\n          header-title=${props.headerTitle}\n          header-subtitle=${props.headerSubTitle}\n        ></c4p-interstitial-screen-header>\n        <c4p-interstitial-screen-body>\n          <c4p-interstitial-screen-body-item\n            id=\"1\"\n            stepTitle=${props.stepTitle}\n          >\n            <div\n              role=\"complementary\"\n              class=\"c4p--interstitial-screen-view\"\n              aria-label=\"Use case-specific heading\"\n            >\n              <section class=\"c4p--interstitial-screen-view-module\">\n                <h1 class=\"c4p--interstitial-screen-view-module--heading\">\n                  ${props.title}\n                </h1>\n                <p class=\"c4p--interstitial-screen-view-module--body\">\n                  ${props.description}\n                </p>\n\n                ${props.slot}\n              </section>\n              ${props.image}\n            </div>\n          </c4p-interstitial-screen-body-item>\n          ${props.stepContent}\n        </c4p-interstitial-screen-body>\n        <c4p-interstitial-screen-footer></c4p-interstitial-screen-footer>\n      </c4p-interstitial-screen>`,\n    imports: [\n      \"import '@carbon/ibm-products-web-components/es/components/interstitial-screen/index.js'\",\n    ],\n  }\n);\n\nfigma.connect(\n  'https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf/-v11--IBM-Products-%E2%80%93-Carbon-Design-System?node-id=16728%3A642842',\n  {\n    variant: { Type: 'No Steps' },\n    props: {\n      title: figma.textContent('Use case-specific heading'),\n      description: figma.textContent(\n        'We take the triage phase off your hands early on. We automate investigations, and make sure you can see the source of all your data. And we use AI to suggest findings you might not catch on your own. With fewer blind spots for the hackers to hide in, you can see the full picture, and take your defense to the next level.'\n      ),\n      slot: figma.boolean('Slot', {\n        true: figma.children('Slot 1'),\n        false: undefined,\n      }),\n      image: figma.children('Aspect ratio'),\n    },\n    example: (props) =>\n      html`<c4p-interstitial-screen>\n        <c4p-interstitial-screen-header></c4p-interstitial-screen-header>\n        <c4p-interstitial-screen-body>\n          <c4p-interstitial-screen-body-item id=\"1\">\n            <div\n              role=\"complementary\"\n              class=\"c4p--interstitial-screen-view\"\n              aria-label=\"Use case-specific heading\"\n            >\n              <section class=\"c4p--interstitial-screen-view-module\">\n                <h1 class=\"c4p--interstitial-screen-view-module--heading\">\n                  ${props.title}\n                </h1>\n                <p class=\"c4p--interstitial-screen-view-module--body\">\n                  ${props.description}\n                </p>\n                ${props.slot}\n              </section>\n              ${props.image}\n            </div>\n          </c4p-interstitial-screen-body-item>\n        </c4p-interstitial-screen-body>\n        <c4p-interstitial-screen-footer></c4p-interstitial-screen-footer>\n      </c4p-interstitial-screen>`,\n    imports: [\n      \"import '@carbon/ibm-products-web-components/es/components/interstitial-screen/index.js'\",\n    ],\n  }\n);\n\nfigma.connect(\n  'https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf/-v11--IBM-Products-%E2%80%93-Carbon-Design-System?node-id=16728%3A642842',\n  {\n    variant: { Type: 'Steps only' },\n    example: (props) =>\n      html`<c4p-interstitial-screen>\n        <c4p-interstitial-screen-header></c4p-interstitial-screen-header>\n        <c4p-interstitial-screen-body>\n          <!--add your custom progress indicator and steps markup here -->\n        </c4p-interstitial-screen-body>\n        <c4p-interstitial-screen-footer></c4p-interstitial-screen-footer>\n      </c4p-interstitial-screen>`,\n    imports: [\n      \"import '@carbon/ibm-products-web-components/es/components/interstitial-screen/index.js'\",\n    ],\n  }\n);\n\n// Interstitial screen full page\nfigma.connect(\n  'https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf/-v11--IBM-Products-%E2%80%93-Carbon-Design-System?node-id=16728-642995',\n  {\n    variant: { Type: 'Title + steps' },\n    props: {\n      headerTitle: figma.textContent('Personalize your experience'),\n      headerSubTitle: figma.boolean('Subtitle', {\n        true: figma.textContent('Subtitle'),\n        false: undefined,\n      }),\n      slot: figma.boolean('Slot', {\n        true: figma.children('Slot 1'),\n        false: undefined,\n      }),\n      stepTitle: figma.boolean('Steps', {\n        true: 'Step',\n        false: undefined,\n      }),\n      stepContent: figma.boolean('Steps', {\n        true: html`<c4p-interstitial-screen-body-item id=\"2\" stepTitle=\"Step\">\n            <!-- add markup for Step 2 -->\n          </c4p-interstitial-screen-body-item>\n          <c4p-interstitial-screen-body-item id=\"3\" stepTitle=\"Step\">\n            <!-- add markup for Step 3 -->\n          </c4p-interstitial-screen-body-item>`,\n        false: undefined,\n      }),\n      title: figma.textContent('Use case-specific heading'),\n      description: figma.textContent(\n        'We take the triage phase off your hands early on. We automate investigations, and make sure you can see the source of all your data. And we use AI to suggest findings you might not catch on your own. With fewer blind spots for the hackers to hide in, you can see the full picture, and take your defense to the next level.'\n      ),\n      image: figma.children('Aspect ratio'),\n    },\n    example: (props) =>\n      html`<c4p-interstitial-screen fullscreen>\n        <c4p-interstitial-screen-header\n          header-title=${props.headerTitle}\n          header-subtitle=${props.headerSubTitle}\n        ></c4p-interstitial-screen-header>\n        <c4p-interstitial-screen-body>\n          <c4p-interstitial-screen-body-item\n            id=\"1\"\n            stepTitle=${props.stepTitle}\n          >\n            <div\n              role=\"complementary\"\n              class=\"c4p--interstitial-screen-view\"\n              aria-label=\"Use case-specific heading\"\n            >\n              <section class=\"c4p--interstitial-screen-view-module\">\n                <h1 class=\"c4p--interstitial-screen-view-module--heading\">\n                  ${props.title}\n                </h1>\n                <p class=\"c4p--interstitial-screen-view-module--body\">\n                  ${props.description}\n                </p>\n\n                ${props.slot}\n              </section>\n              ${props.image}\n            </div>\n          </c4p-interstitial-screen-body-item>\n          ${props.stepContent}\n        </c4p-interstitial-screen-body>\n        <c4p-interstitial-screen-footer></c4p-interstitial-screen-footer>\n      </c4p-interstitial-screen>`,\n    imports: [\n      \"import '@carbon/ibm-products-web-components/es/components/interstitial-screen/index.js'\",\n    ],\n  }\n);\n\nfigma.connect(\n  'https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf/-v11--IBM-Products-%E2%80%93-Carbon-Design-System?node-id=16728-642995',\n  {\n    variant: { Type: 'No steps' },\n    props: {\n      title: figma.textContent('Use case-specific heading'),\n      description: figma.textContent(\n        'We take the triage phase off your hands early on. We automate investigations, and make sure you can see the source of all your data. And we use AI to suggest findings you might not catch on your own. With fewer blind spots for the hackers to hide in, you can see the full picture, and take your defense to the next level.'\n      ),\n      slot: figma.boolean('Slot', {\n        true: figma.children('Slot 1'),\n        false: undefined,\n      }),\n      image: figma.children('Aspect ratio'),\n    },\n    example: (props) =>\n      html`<c4p-interstitial-screen fullscreen>\n        <c4p-interstitial-screen-body>\n          <c4p-interstitial-screen-body-item id=\"1\">\n            <div\n              role=\"complementary\"\n              class=\"c4p--interstitial-screen-view\"\n              aria-label=\"Use case-specific heading\"\n            >\n              <section class=\"c4p--interstitial-screen-view-module\">\n                <h1 class=\"c4p--interstitial-screen-view-module--heading\">\n                  ${props.title}\n                </h1>\n                <p class=\"c4p--interstitial-screen-view-module--body\">\n                  ${props.description}\n                </p>\n                ${props.slot}\n              </section>\n              ${props.image}\n            </div>\n          </c4p-interstitial-screen-body-item>\n        </c4p-interstitial-screen-body>\n        <c4p-interstitial-screen-footer></c4p-interstitial-screen-footer>\n      </c4p-interstitial-screen>`,\n    imports: [\n      \"import '@carbon/ibm-products-web-components/es/components/interstitial-screen/index.js'\",\n    ],\n  }\n);\n\nfigma.connect(\n  'https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf/-v11--IBM-Products-%E2%80%93-Carbon-Design-System?node-id=16728-642995',\n  {\n    variant: { Type: 'Steps only' },\n    example: (props) =>\n      html`<c4p-interstitial-screen fullscreen>\n        <c4p-interstitial-screen-body>\n          <!--add your custom progress indicator and steps markup here -->\n        </c4p-interstitial-screen-body>\n        <c4p-interstitial-screen-footer></c4p-interstitial-screen-footer>\n      </c4p-interstitial-screen>`,\n    imports: [\n      \"import '@carbon/ibm-products-web-components/es/components/interstitial-screen/index.js'\",\n    ],\n  }\n);\n"],"names":[],"mappings":"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"}

package/es/components/notification-panel/_story-assets/unread-notification-bell.d.ts

@@ -1,3 +0,0 @@
-export declare const UnreadNotificationBell: (attrs?: {
-    slot?: string;
-}) => import("lit-html").TemplateResult<1>;

package/es/components/notification-panel/_story-assets/unread-notification-bell.js

@@ -1,45 +0,0 @@
-/**
- * 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 { html } from 'lit';
-
-/**
- * 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 UnreadNotificationBell = (attrs = {}) => html `
-  <svg
-    width="18px"
-    height="19px"
-    slot=${attrs.slot || ''}
-    viewBox="0 0 18 19"
-    xmlns="http://www.w3.org/2000/svg"
-    class="sb-unread-notification-icon"
-    aria-label="Unread notification bell"
-    role="img"
-  >
-    <title>Unread notification bell</title>
-    <g transform="translate(-1.000000, 0.000000)">
-      <path
-        d="M17.9419375,12.058125 L16.25,10.3661875 L16.25,8.125 C16.245845,4.91692673 13.816599,2.23147626 10.625,1.90675 L10.625,0.625 L9.375,0.625 L9.375,1.90675 C6.183401,2.23147626 3.754155,4.91692673 3.75,8.125 L3.75,10.3661875 L2.0580625,12.058125 C1.94086706,12.1753182 1.875,12.3342622 1.875,12.5 L1.875,14.375 C1.875,14.720178 2.15482203,15 2.5,15 L6.875,15 L6.875,15.4855 C6.84694527,17.1272367 8.05869477,18.5271305 9.6875,18.7346875 C10.5660567,18.8218694 11.4405518,18.5337871 12.0952737,17.9415019 C12.7499955,17.3492167 13.1239886,16.5078712 13.125,15.625 L13.125,15 L17.5,15 C17.845178,15 18.125,14.720178 18.125,14.375 L18.125,12.5 C18.125,12.3342622 18.0591329,12.1753182 17.9419375,12.058125 Z M11.875,15.625 C11.875,16.6605339 11.0355339,17.5 10,17.5 C8.96446609,17.5 8.125,16.6605339 8.125,15.625 L8.125,15 L11.875,15 L11.875,15.625 Z M16.875,13.75 L3.125,13.75 L3.125,12.7588125 L4.816875,11.066875 C4.93409336,10.949692 4.9999646,10.7907468 5,10.625 L5,8.125 C5,5.36357625 7.23857625,3.125 10,3.125 C12.7614237,3.125 15,5.36357625 15,8.125 L15,10.625 C15.0000354,10.7907468 15.0659066,10.949692 15.183125,11.066875 L16.875,12.7588125 L16.875,13.75 Z"
-        fill-rule="nonzero"
-      ></path>
-      <circle
-        stroke="#161616"
-        fill="#DA1E28"
-        cx="15"
-        cy="4.375"
-        r="2.5"
-      ></circle>
-    </g>
-  </svg>
-`;
-
-export { UnreadNotificationBell };
-//# sourceMappingURL=unread-notification-bell.js.map

package/es/components/notification-panel/_story-assets/unread-notification-bell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"unread-notification-bell.js","sources":["../../../../src/components/notification-panel/_story-assets/unread-notification-bell.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAAA;;;;;AAKG;AAGI,MAAM,sBAAsB,GAAG,CAAC,KAAA,GAA2B,EAAE,KAAK,IAAI,CAAA;;;;WAIlE,KAAK,CAAC,IAAI,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/notification-panel/index.js.map

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

package/es/components/notification-panel/notification-footer.test.d.ts

@@ -1,7 +0,0 @@
-/**
- * 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/notification-panel/notification-footer.test.js

@@ -1,65 +0,0 @@
-/**
- * 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 { fixture, oneEvent, html } from '@open-wc/testing';
-import './notification-panel.js';
-import './notification.js';
-import './notification-footer.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 templateFooter = () => {
-    return html `
-    <c4p-notification-footer
-      slot="footer"
-      view-all-label="View all (10)"
-      @c4p-notification-view-all=${() => {
-        console.log('view all clicked');
-    }}
-      @c4p-notification-settings=${() => {
-        console.log('Settings clicked');
-    }}
-    ></c4p-notification-footer>
-  `;
-};
-describe('c4p-notification', () => {
-    it('should render the notification', async () => {
-        const notificationFooter = (await fixture(templateFooter()));
-        expect(notificationFooter).toBeDefined();
-    });
-    it('should render View All text based the "viewAllLabel" prop passed', async () => {
-        var _a, _b;
-        const notificationFooter = (await fixture(templateFooter()));
-        expect(notificationFooter.viewAllLabel).toBe('View all (10)');
-        const viewAllButton = (_a = notificationFooter.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.c4p--notifications-panel__view-all-button');
-        expect((_b = viewAllButton === null || viewAllButton === void 0 ? void 0 : viewAllButton.textContent) === null || _b === void 0 ? void 0 : _b.trim()).toBe(notificationFooter.viewAllLabel);
-    });
-    it('should emit "c4p-notification-view-all" when clicked on view all button', async () => {
-        var _a;
-        const notificationFooter = (await fixture(templateFooter()));
-        const eventPromise = oneEvent(notificationFooter, 'c4p-notification-view-all');
-        const viewAllButton = (_a = notificationFooter.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.c4p--notifications-panel__view-all-button');
-        viewAllButton === null || viewAllButton === void 0 ? void 0 : viewAllButton.click();
-        const event = await eventPromise;
-        expect(event).toBeDefined();
-    });
-    it('should emit "c4p-notification-settings" when clicked on settings button', async () => {
-        var _a;
-        const notificationFooter = (await fixture(templateFooter()));
-        const eventPromise = oneEvent(notificationFooter, 'c4p-notification-settings');
-        const settingsButton = (_a = notificationFooter.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.c4p--notifications-panel__settings-button');
-        settingsButton === null || settingsButton === void 0 ? void 0 : settingsButton.click();
-        const event = await eventPromise;
-        expect(event).toBeDefined();
-    });
-});
-//# sourceMappingURL=notification-footer.test.js.map

package/es/components/notification-panel/notification-footer.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"notification-footer.test.js","sources":["../../../src/components/notification-panel/notification-footer.test.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;AAAA;;;;;AAKG;AAOH,MAAM,cAAc,GAAG,MAAK;AAC1B,IAAA,OAAO,IAAI,CAAA;;;;AAIsB,iCAAA,EAAA,MAAK;AAChC,QAAA,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC;IACjC,CAAC;AAC4B,iCAAA,EAAA,MAAK;AAChC,QAAA,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC;IACjC,CAAC;;GAEJ;AACH,CAAC;AAED,QAAQ,CAAC,kBAAkB,EAAE,MAAK;AAChC,IAAA,EAAE,CAAC,gCAAgC,EAAE,YAAW;QAC9C,MAAM,kBAAkB,IAAI,MAAM,OAAO,CACvC,cAAc,EAAE,CACjB,CAA0B;AAC3B,QAAA,MAAM,CAAC,kBAAkB,CAAC,CAAC,WAAW,EAAE;AAC1C,IAAA,CAAC,CAAC;AACF,IAAA,EAAE,CAAC,kEAAkE,EAAE,YAAW;;QAChF,MAAM,kBAAkB,IAAI,MAAM,OAAO,CACvC,cAAc,EAAE,CACjB,CAA0B;QAC3B,MAAM,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC;QAC7D,MAAM,aAAa,GAAG,CAAA,EAAA,GAAA,kBAAkB,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,aAAa,CAChE,4CAA4C,CAC7C;QACD,MAAM,CAAC,MAAA,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,MAAA,GAAA,MAAA,GAAb,aAAa,CAAE,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAC7C,kBAAkB,CAAC,YAAY,CAChC;AACH,IAAA,CAAC,CAAC;AACF,IAAA,EAAE,CAAC,yEAAyE,EAAE,YAAW;;QACvF,MAAM,kBAAkB,IAAI,MAAM,OAAO,CACvC,cAAc,EAAE,CACjB,CAA0B;QAC3B,MAAM,YAAY,GAAG,QAAQ,CAC3B,kBAAkB,EAClB,2BAA2B,CAC5B;QACD,MAAM,aAAa,GAAG,CAAA,EAAA,GAAA,kBAAkB,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,aAAa,CAChE,4CAA4C,CAC9B;AAChB,QAAA,aAAa,aAAb,aAAa,KAAA,MAAA,GAAA,MAAA,GAAb,aAAa,CAAE,KAAK,EAAE;AACtB,QAAA,MAAM,KAAK,GAAG,MAAM,YAAY;AAChC,QAAA,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE;AAC7B,IAAA,CAAC,CAAC;AACF,IAAA,EAAE,CAAC,yEAAyE,EAAE,YAAW;;QACvF,MAAM,kBAAkB,IAAI,MAAM,OAAO,CACvC,cAAc,EAAE,CACjB,CAA0B;QAC3B,MAAM,YAAY,GAAG,QAAQ,CAC3B,kBAAkB,EAClB,2BAA2B,CAC5B;QACD,MAAM,cAAc,GAAG,CAAA,EAAA,GAAA,kBAAkB,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,aAAa,CACjE,4CAA4C,CAC9B;AAChB,QAAA,cAAc,aAAd,cAAc,KAAA,MAAA,GAAA,MAAA,GAAd,cAAc,CAAE,KAAK,EAAE;AACvB,QAAA,MAAM,KAAK,GAAG,MAAM,YAAY;AAChC,QAAA,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE;AAC7B,IAAA,CAAC,CAAC;AACJ,CAAC,CAAC"}

package/es/components/notification-panel/notification-panel-footer.figma.js

@@ -1,31 +0,0 @@
-/**
- * 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';
-
-/**
- * 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=10574-240285',
-  {
-    example: () =>
-      html`<c4p-notification-footer
-        slot="footer"
-        viewAllLabel="View all (16)"
-      ></c4p-notification-footer>`,
-    imports: [
-      "import '@carbon/ibm-products-web-components/es/components/notification-panel/index.js'",
-    ],
-  }
-);
-//# sourceMappingURL=notification-panel-footer.figma.js.map

package/es/components/notification-panel/notification-panel-footer.figma.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"notification-panel-footer.figma.js","sources":["../../../src/components/notification-panel/notification-panel-footer.figma.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport figma, { html } from '@figma/code-connect/html';\n\nfigma.connect(\n  'https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf/-v11--IBM-Products-%E2%80%93-Carbon-Design-System?node-id=10574-240285',\n  {\n    example: () =>\n      html`<c4p-notification-footer\n        slot=\"footer\"\n        viewAllLabel=\"View all (16)\"\n      ></c4p-notification-footer>`,\n    imports: [\n      \"import '@carbon/ibm-products-web-components/es/components/notification-panel/index.js'\",\n    ],\n  }\n);\n"],"names":[],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;;;AAIA,KAAK,CAAC,OAAO;AACb,EAAE,4HAA4H;AAC9H,EAAE;AACF,IAAI,OAAO,EAAE;AACb,MAAM,IAAI,CAAC;AACX;AACA;AACA,iCAAiC,CAAC;AAClC,IAAI,OAAO,EAAE;AACb,MAAM,wFAAwF;AAC9F,KAAK;AACL;AACA,CAAC"}

package/es/components/notification-panel/notification-panel.figma.js

@@ -1,114 +0,0 @@
-/**
- * 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';
-
-/**
- * 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 sharedProps = {
-  title: figma.nestedProps('Header', {
-    text: figma.textContent('"Notifications"'),
-  }),
-  doNotDisturbLabel: figma.nestedProps('Toggle', {
-    text: figma.textContent('Value'),
-  }),
-};
-
-figma.connect(
-  'https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf?node-id=10574%3A240266',
-  {
-    variant: { 'Empty state': false },
-    props: {
-      ...sharedProps,
-    },
-
-    example: (props) =>
-      html`<c4p-notification-panel
-        open
-        title-text="${props.title.text}"
-        today-text="Today"
-        previous-text="Previous"
-        dismiss-all-label="Dismiss all"
-        donot-disturb-label="${props.doNotDisturbLabel.text}"
-        date-time-locale="en-US"
-      >
-        <c4p-notification
-          slot="previous"
-          type="success"
-          unread="true"
-          .timestamp="Time stamp [00:00:00]"
-        >
-          <h4 slot="title">Title</h4>
-          <div slot="description">Message</div>
-        </c4p-notification>
-
-        <c4p-notification
-          slot="previous"
-          type="error"
-          unread="false"
-          .timestamp="Time stamp [00:00:00]"
-        >
-          <h4 slot="title">Title</h4>
-          <div slot="description">Message</div>
-        </c4p-notification>
-
-        <c4p-notification
-          slot="previous"
-          type="warning"
-          unread="false"
-          .timestamp="Time stamp [00:00:00]"
-        >
-          <h4 slot="title">Title</h4>
-          <div slot="description">Message</div>
-        </c4p-notification>
-
-        <c4p-notification-footer
-          slot="footer"
-          view-all-label="View all (16)"
-        ></c4p-notification-footer>
-      </c4p-notification-panel>`,
-    imports: [
-      "import '@carbon/ibm-products-web-components/es/components/notification-panel/index.js'",
-    ],
-  }
-);
-
-figma.connect(
-  'https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf?node-id=10574%3A240266',
-  {
-    variant: { 'Empty state': true },
-    props: {
-      ...sharedProps,
-      emptyStateLabel: figma.nestedProps(
-        'Empty state | (v11) Carbon for IBM Products',
-        {
-          text: figma.string('Title text'),
-        }
-      ),
-    },
-
-    example: (props) =>
-      html`<c4p-notification-panel
-        open
-        title-text="${props.title.text}"
-        dismiss-all-label="Dismiss all"
-        donot-disturb-label="${props.doNotDisturbLabel.text}"
-        empty-state-label="${props.emptyStateLabel.text}"
-      >
-      </c4p-notification-panel>`,
-    imports: [
-      "import '@carbon/ibm-products-web-components/es/components/notification-panel/index.js'",
-    ],
-  }
-);
-//# sourceMappingURL=notification-panel.figma.js.map

package/es/components/notification-panel/notification-panel.figma.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"notification-panel.figma.js","sources":["../../../src/components/notification-panel/notification-panel.figma.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport figma, { html } from '@figma/code-connect/html';\n\nconst sharedProps = {\n  title: figma.nestedProps('Header', {\n    text: figma.textContent('\"Notifications\"'),\n  }),\n  doNotDisturbLabel: figma.nestedProps('Toggle', {\n    text: figma.textContent('Value'),\n  }),\n};\n\nfigma.connect(\n  'https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf?node-id=10574%3A240266',\n  {\n    variant: { 'Empty state': false },\n    props: {\n      ...sharedProps,\n    },\n\n    example: (props) =>\n      html`<c4p-notification-panel\n        open\n        title-text=\"${props.title.text}\"\n        today-text=\"Today\"\n        previous-text=\"Previous\"\n        dismiss-all-label=\"Dismiss all\"\n        donot-disturb-label=\"${props.doNotDisturbLabel.text}\"\n        date-time-locale=\"en-US\"\n      >\n        <c4p-notification\n          slot=\"previous\"\n          type=\"success\"\n          unread=\"true\"\n          .timestamp=\"Time stamp [00:00:00]\"\n        >\n          <h4 slot=\"title\">Title</h4>\n          <div slot=\"description\">Message</div>\n        </c4p-notification>\n\n        <c4p-notification\n          slot=\"previous\"\n          type=\"error\"\n          unread=\"false\"\n          .timestamp=\"Time stamp [00:00:00]\"\n        >\n          <h4 slot=\"title\">Title</h4>\n          <div slot=\"description\">Message</div>\n        </c4p-notification>\n\n        <c4p-notification\n          slot=\"previous\"\n          type=\"warning\"\n          unread=\"false\"\n          .timestamp=\"Time stamp [00:00:00]\"\n        >\n          <h4 slot=\"title\">Title</h4>\n          <div slot=\"description\">Message</div>\n        </c4p-notification>\n\n        <c4p-notification-footer\n          slot=\"footer\"\n          view-all-label=\"View all (16)\"\n        ></c4p-notification-footer>\n      </c4p-notification-panel>`,\n    imports: [\n      \"import '@carbon/ibm-products-web-components/es/components/notification-panel/index.js'\",\n    ],\n  }\n);\n\nfigma.connect(\n  'https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf?node-id=10574%3A240266',\n  {\n    variant: { 'Empty state': true },\n    props: {\n      ...sharedProps,\n      emptyStateLabel: figma.nestedProps(\n        'Empty state | (v11) Carbon for IBM Products',\n        {\n          text: figma.string('Title text'),\n        }\n      ),\n    },\n\n    example: (props) =>\n      html`<c4p-notification-panel\n        open\n        title-text=\"${props.title.text}\"\n        dismiss-all-label=\"Dismiss all\"\n        donot-disturb-label=\"${props.doNotDisturbLabel.text}\"\n        empty-state-label=\"${props.emptyStateLabel.text}\"\n      >\n      </c4p-notification-panel>`,\n    imports: [\n      \"import '@carbon/ibm-products-web-components/es/components/notification-panel/index.js'\",\n    ],\n  }\n);\n"],"names":[],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;;;AAIA,MAAM,WAAW,GAAG;AACpB,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,QAAQ,EAAE;AACrC,IAAI,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC;AAC9C,GAAG,CAAC;AACJ,EAAE,iBAAiB,EAAE,KAAK,CAAC,WAAW,CAAC,QAAQ,EAAE;AACjD,IAAI,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC;AACpC,GAAG,CAAC;AACJ,CAAC;;AAED,KAAK,CAAC,OAAO;AACb,EAAE,4EAA4E;AAC9E,EAAE;AACF,IAAI,OAAO,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE;AACrC,IAAI,KAAK,EAAE;AACX,MAAM,GAAG,WAAW;AACpB,KAAK;;AAEL,IAAI,OAAO,EAAE,CAAC,KAAK;AACnB,MAAM,IAAI,CAAC;AACX;AACA,oBAAoB,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC;AACvC;AACA;AACA;AACA,6BAA6B,EAAE,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC;AAC5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,+BAA+B,CAAC;AAChC,IAAI,OAAO,EAAE;AACb,MAAM,wFAAwF;AAC9F,KAAK;AACL;AACA,CAAC;;AAED,KAAK,CAAC,OAAO;AACb,EAAE,4EAA4E;AAC9E,EAAE;AACF,IAAI,OAAO,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE;AACpC,IAAI,KAAK,EAAE;AACX,MAAM,GAAG,WAAW;AACpB,MAAM,eAAe,EAAE,KAAK,CAAC,WAAW;AACxC,QAAQ,6CAA6C;AACrD,QAAQ;AACR,UAAU,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC;AAC1C;AACA,OAAO;AACP,KAAK;;AAEL,IAAI,OAAO,EAAE,CAAC,KAAK;AACnB,MAAM,IAAI,CAAC;AACX;AACA,oBAAoB,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC;AACvC;AACA,6BAA6B,EAAE,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC;AAC5D,2BAA2B,EAAE,KAAK,CAAC,eAAe,CAAC,IAAI,CAAC;AACxD;AACA,+BAA+B,CAAC;AAChC,IAAI,OAAO,EAAE;AACb,MAAM,wFAAwF;AAC9F,KAAK;AACL;AACA,CAAC"}

package/es/components/notification-panel/notification-panel.test.d.ts

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