@carbon/ibm-products-web-components 0.30.0 → 0.31.0

package/es/components/about-modal/_story-assets/js-logo.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"js-logo.svg.js","sources":["../../../../src/components/about-modal/_story-assets/js-logo.svg"],"sourcesContent":["var img = \"data:image/svg+xml,%3c%3fxml version='1.0' encoding='UTF-8'%3f%3e%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='225' height='225'%3e%3cpath d='M0 0 C74.25 0 148.5 0 225 0 C225 74.25 225 148.5 225 225 C150.75 225 76.5 225 0 225 C0 150.75 0 76.5 0 0 Z ' fill='%23EFDA4F' transform='translate(0%2c0)'/%3e%3cpath d='M0 0 C3.94180359 2.84278772 7.71622832 5.91741567 10.8515625 9.640625 C10.8515625 10.960625 10.8515625 12.280625 10.8515625 13.640625 C8.57521234 15.43555384 6.44251311 16.90912434 3.9765625 18.390625 C3.32558594 18.80183594 2.67460937 19.21304688 2.00390625 19.63671875 C-2.83627492 22.640625 -2.83627492 22.640625 -5.1484375 22.640625 C-5.7671875 21.856875 -6.3859375 21.073125 -7.0234375 20.265625 C-9.62724182 17.04916084 -11.47118785 15.84759331 -15.5859375 15.33984375 C-16.4315625 15.33597656 -17.2771875 15.33210938 -18.1484375 15.328125 C-18.9940625 15.31136719 -19.8396875 15.29460937 -20.7109375 15.27734375 C-23.69946679 15.72274956 -25.03610526 16.48997381 -27.1484375 18.640625 C-27.81543224 20.73449721 -27.81543224 20.73449721 -27.7109375 23.015625 C-27.73285156 23.76585937 -27.75476563 24.51609375 -27.77734375 25.2890625 C-26.83246588 28.82208409 -24.91814118 30.3130159 -22.1484375 32.640625 C-19.07680333 34.38980239 -19.07680333 34.38980239 -15.7734375 35.765625 C-14.62359375 36.27480469 -13.47375 36.78398437 -12.2890625 37.30859375 C-10.04565488 38.26008877 -7.7886761 39.17984073 -5.5234375 40.078125 C3.86735098 44.42571226 13.5413962 50.28518549 17.3828125 60.4375 C19.28047895 69.35653232 18.10914347 78.22520749 14.8515625 86.640625 C14.1915625 86.640625 13.5315625 86.640625 12.8515625 86.640625 C12.6453125 87.1975 12.4390625 87.754375 12.2265625 88.328125 C8.75639961 94.16430804 2.8156309 97.26438554 -3.34375 99.68359375 C-14.60802454 102.51700983 -27.72296902 102.18333916 -38.34375 97.328125 C-45.0958094 93.26560458 -51.57771263 87.78207474 -55.1484375 80.640625 C-53.76313174 76.48470771 -50.91476412 75.46275935 -47.2734375 73.453125 C-46.63535156 73.08509766 -45.99726563 72.71707031 -45.33984375 72.33789062 C-40.54581691 69.640625 -40.54581691 69.640625 -37.1484375 69.640625 C-35.82421875 71.25 -35.82421875 71.25 -34.4609375 73.390625 C-31.31621564 77.74842138 -28.35715266 80.17739936 -23.1484375 81.640625 C-17.11560737 82.45309593 -12.34219395 82.06090364 -7.1484375 78.640625 C-6.5296875 78.24875 -5.9109375 77.856875 -5.2734375 77.453125 C-3.72852938 74.96410636 -3.73549429 72.55279009 -3.65234375 69.67578125 C-4.3728206 66.72012426 -5.83339203 65.57048464 -8.1484375 63.640625 C-10.62113732 62.16268484 -10.62113732 62.16268484 -13.3984375 60.890625 C-14.44773438 60.38144531 -15.49703125 59.87226563 -16.578125 59.34765625 C-17.75632813 58.78433594 -18.93453125 58.22101563 -20.1484375 57.640625 C-22.94609636 56.29847751 -25.73607037 54.94149708 -28.5234375 53.578125 C-29.18891602 53.26198242 -29.85439453 52.94583984 -30.54003906 52.62011719 C-37.15823829 49.37916076 -41.99262812 45.79972727 -45.4609375 39.078125 C-46.19763672 37.68400391 -46.19763672 37.68400391 -46.94921875 36.26171875 C-50.34294385 28.84416323 -50.32900295 20.0782172 -47.7109375 12.390625 C-44.38216417 5.0341544 -37.61506002 -0.47454357 -30.1484375 -3.359375 C-20.11892669 -5.81451567 -8.87177647 -5.61341493 0 0 Z ' fill='%23353630' transform='translate(189.1484375%2c106.359375)'/%3e%3cpath d='M0 0 C6.93 0 13.86 0 21 0 C21.06792878 10.40564424 21.12290421 20.81113984 21.15543652 31.21695614 C21.17105481 36.04942539 21.19222264 40.88173432 21.22631836 45.71411133 C21.2590491 50.38254421 21.27688184 55.05082343 21.28463173 59.71936226 C21.2901507 61.49545267 21.30092767 63.27153521 21.31719017 65.04755974 C21.42659461 77.4970788 21.3420133 87.49958665 12.32421875 97.05078125 C8.61676807 100.16005501 4.61165973 101.68238293 0 103 C-0.60328125 103.18691406 -1.2065625 103.37382812 -1.828125 103.56640625 C-11.5807744 105.51342798 -20.77769181 104.77005254 -29.4375 99.78125 C-34.7427697 96.09344057 -39.14509074 91.87775436 -42 86 C-42 85.34 -42 84.68 -42 84 C-39.75335738 82.68144905 -37.50302694 81.37006028 -35.25 80.0625 C-34.29867187 79.50272461 -34.29867187 79.50272461 -33.328125 78.93164062 C-30.23708368 77.14463236 -27.48532332 75.75114727 -24 75 C-23.57847656 75.56589844 -23.15695313 76.13179688 -22.72265625 76.71484375 C-21.90087891 77.81505859 -21.90087891 77.81505859 -21.0625 78.9375 C-20.24458984 80.03384766 -20.24458984 80.03384766 -19.41015625 81.15234375 C-18.13092062 82.9134453 -18.13092062 82.9134453 -17 84 C-15.04697598 84.17781263 -13.08559305 84.26783421 -11.125 84.3125 C-9.52011719 84.36857422 -9.52011719 84.36857422 -7.8828125 84.42578125 C-4.91650898 84.281637 -4.91650898 84.281637 -3.1796875 82.16796875 C-0.90164476 77.98149947 -0.83234296 74.23238961 -0.79467773 69.59106445 C-0.78477814 68.83960144 -0.77487854 68.08813843 -0.76467896 67.31390381 C-0.73309504 64.83039499 -0.70831884 62.34686704 -0.68359375 59.86328125 C-0.66302154 58.14120487 -0.64202499 56.4191335 -0.62062073 54.69706726 C-0.56542766 50.16466334 -0.51600618 45.63221406 -0.46777344 41.09973145 C-0.41753824 36.47464969 -0.36186271 31.8496338 -0.30664062 27.22460938 C-0.19909284 18.14979377 -0.09814309 9.0749222 0 0 Z ' fill='%23353630' transform='translate(101%2c103)'/%3e%3c/svg%3e\";\n  export default img;"],"names":[],"mappings":";;;;;;;AAAG,IAAC,GAAG,GAAG;;;;"}

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

@@ -0,0 +1,15 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2026
+ *
+ * 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 { TemplateResult } from 'lit';
+export declare const blockClass = "c4p--about-modal";
+export declare const storyPrefix = "about-modal-stories__";
+export declare const getTitle: (index: any) => TemplateResult<1> | null;
+export declare const getAdditionalInfo: (index: any) => TemplateResult<1> | null;
+export declare const getContent: (index: any) => TemplateResult<1> | null;
+export declare const getLinks: (index: any) => TemplateResult[] | null;

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

@@ -0,0 +1,141 @@
+/**
+ * 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';
+import { prefix } from '../../globals/settings.js';
+import img$1 from './_story-assets/ansible-logo.svg.js';
+import img from './_story-assets/grafana-logo.svg.js';
+import img$2 from './_story-assets/js-logo.svg.js';
+
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2026
+ *
+ * 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}--about-modal`;
+const storyPrefix = 'about-modal-stories__';
+const getTitle = (index) => {
+    switch (index) {
+        case 0:
+            return html `IBM Product name`;
+        case 1:
+            return html `IBM Product name example that is longer than one line`;
+        case 2:
+            return html `IBM <span style="font-weight: 600">Product name</span>`;
+        default:
+            return null;
+    }
+};
+const getAdditionalInfo = (index) => {
+    switch (index) {
+        case 1:
+            return html `
+        <p class=${`${blockClass}__footer-label`}>Powered by</p>
+        <img
+          src=${img}
+          alt="Grafana"
+          class=${`${blockClass}__footer--tech-logo`}
+        />
+        <img
+          src=${img$1}
+          alt="Ansible"
+          class=${`${blockClass}__footer--tech-logo`}
+        />
+        <img
+          src=${img$2}
+          alt="JavaScript"
+          class=${`${blockClass}__footer--tech-logo`}
+        />
+      `;
+        default:
+            return null;
+    }
+};
+const getContent = (index) => {
+    switch (index) {
+        case 1:
+            return html `This Web site contains proprietary notices and copyright
+      information, the terms of which must be observed and followed.`;
+        case 2:
+            return 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.`;
+        case 3:
+            return 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. You may only use a crawler to crawl this Web site as permitted by
+      this Web site's robots.txt protocol, and IBM may block any crawlers in its
+      sole discretion. The use authorized under this agreement is non-commercial
+      in nature (e.g., you may not sell the content you access on or through
+      this Web site.) All other use of this site is prohibited. Except for the
+      limited permission in the preceding paragraph, IBM does not grant you any
+      express or implied rights or licenses under any patents, trademarks,
+      copyrights, or other proprietary or intellectual property rights. You may
+      not mirror any of the content from this site on another Web site or in any
+      other media. Any software and other materials that are made available for
+      downloading, access, or other use from this site with their own license
+      terms will be governed by such terms, conditions, and notices. Your
+      failure to comply with such terms or any of the terms on this site will
+      result in automatic termination of any rights granted to you, without
+      prior notice, and you must immediately destroy all copies of downloaded
+      materials in your possession, custody or control. 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. You may only use a crawler to
+      crawl this Web site as permitted by this Web site’s robots.txt protocol,
+      and IBM may block any crawlers in its sole discretion. The use authorized
+      under this agreement is non-commercial in nature (e.g., you may not sell
+      the content you access on or through this Web site.) All other use of this
+      site is prohibited. Except for the limited permission in the preceding
+      paragraph, IBM does not grant you any express or implied rights or
+      licenses under any patents, trademarks, copyrights, or other proprietary
+      or intellectual property rights. You may not mirror any of the content
+      from this site on another Web site or in any other media. Any software and
+      other materials that are made available for downloading, access, or other
+      use from this site with their own license terms will be governed by such
+      terms, conditions, and notices. Your failure to comply with such terms or
+      any of the terms on this site will result in automatic termination of any
+      rights granted to you, without prior notice, and you must immediately
+      destroy all copies of downloaded materials in your possession, custody or
+      control.`;
+        default:
+            return null;
+    }
+};
+const getLinks = (index) => {
+    if (index > 0) {
+        const links = [];
+        for (let i = 0; i < index; i++) {
+            const link = html `<cds-link href="#"> Link action </cds-link>`;
+            links.push(link);
+        }
+        return links;
+    }
+    else {
+        return null;
+    }
+};
+
+export { blockClass, getAdditionalInfo, getContent, getLinks, getTitle, storyPrefix };
+//# sourceMappingURL=about-modal-helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"about-modal-helpers.js","sources":["../../../src/components/about-modal/about-modal-helpers.ts"],"sourcesContent":[null],"names":["grafanaLogo","ansibleLogo","jsLogo"],"mappings":";;;;;;;;;;;;;AAAA;;;;;;;AAOG;AAQU,MAAA,UAAU,GAAG,CAAG,EAAA,MAAM;AAC5B,MAAM,WAAW,GAAG;AACd,MAAA,QAAQ,GAAG,CAAC,KAAK,KAAI;IAChC,QAAQ,KAAK;AACX,QAAA,KAAK,CAAC;YACJ,OAAO,IAAI,CAAA,CAAA,gBAAA,CAAkB;AAC/B,QAAA,KAAK,CAAC;YACJ,OAAO,IAAI,CAAA,CAAA,qDAAA,CAAuD;AACpE,QAAA,KAAK,CAAC;YACJ,OAAO,IAAI,CAAA,CAAA,sDAAA,CAAwD;AACrE,QAAA;AACE,YAAA,OAAO,IAAI;;AAEjB;AAEa,MAAA,iBAAiB,GAAG,CAAC,KAAK,KAAI;IACzC,QAAQ,KAAK;AACX,QAAA,KAAK,CAAC;AACJ,YAAA,OAAO,IAAI,CAAA;AACE,iBAAA,EAAA,CAAA,EAAG,UAAU,CAAgB,cAAA,CAAA,CAAA;;gBAEhCA,GAAW;;AAET,gBAAA,EAAA,CAAA,EAAG,UAAU,CAAqB,mBAAA,CAAA;;;gBAGpCC,KAAW;;AAET,gBAAA,EAAA,CAAA,EAAG,UAAU,CAAqB,mBAAA,CAAA;;;gBAGpCC,KAAM;;AAEJ,gBAAA,EAAA,CAAA,EAAG,UAAU,CAAqB,mBAAA,CAAA;;OAE7C;AACH,QAAA;AACE,YAAA,OAAO,IAAI;;AAEjB;AAEa,MAAA,UAAU,GAAG,CAAC,KAAK,KAAI;IAClC,QAAQ,KAAK;AACX,QAAA,KAAK,CAAC;AACJ,YAAA,OAAO,IAAI,CAAA,CAAA;qEACoD;AACjE,QAAA,KAAK,CAAC;AACJ,YAAA,OAAO,IAAI,CAAA,CAAA;;;;;;;cAOH;AACV,QAAA,KAAK,CAAC;AACJ,YAAA,OAAO,IAAI,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eA6CF;AACX,QAAA;AACE,YAAA,OAAO,IAAI;;AAEjB;AAEa,MAAA,QAAQ,GAAG,CAAC,KAAK,KAAI;AAChC,IAAA,IAAI,KAAK,GAAG,CAAC,EAAE;QACb,MAAM,KAAK,GAAqB,EAAE;AAClC,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE;AAC9B,YAAA,MAAM,IAAI,GAAG,IAAI,CAAA,6CAA6C;AAC9D,YAAA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;;AAElB,QAAA,OAAO,KAAK;;SACP;AACL,QAAA,OAAO,IAAI;;AAEf;;;;"}

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

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

@@ -0,0 +1 @@
+{"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

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

@@ -0,0 +1 @@
+{"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.figma.js

@@ -0,0 +1,55 @@
+/**
+ * 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-240216',
+  {
+    variant: { State: 'Enabled' },
+    props: {
+      type: figma.nestedProps('Status icon', {
+        value: figma.enum('Status', {
+          Normal: 'Success',
+          Information: 'informational',
+          Failure: 'error',
+          'Warning yellow': 'warning',
+        }),
+      }),
+      timestamp: figma.boolean('Time stamp', {
+        true: figma.string('Time stamp text'),
+        false: '',
+      }),
+      titleText: figma.boolean('Title', {
+        true: figma.string('Title text'),
+        false: '',
+      }),
+      messageText: figma.boolean('Message', {
+        true: figma.string('Message text'),
+        false: '',
+      }),
+    },
+
+    example: (props) =>
+      html`<c4p-notification
+        type=${props.type.value}
+        timestamp=${props.timestamp}
+      >
+        <h4 slot="title">${props.titleText}</h4>
+        <div slot="description">${props.messageText}</div>
+      </c4p-notification>`,
+  }
+);
+//# sourceMappingURL=notification.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"notification.figma.js","sources":["../../../src/components/notification-panel/notification.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-240216',\n  {\n    variant: { State: 'Enabled' },\n    props: {\n      type: figma.nestedProps('Status icon', {\n        value: figma.enum('Status', {\n          Normal: 'Success',\n          Information: 'informational',\n          Failure: 'error',\n          'Warning yellow': 'warning',\n        }),\n      }),\n      timestamp: figma.boolean('Time stamp', {\n        true: figma.string('Time stamp text'),\n        false: '',\n      }),\n      titleText: figma.boolean('Title', {\n        true: figma.string('Title text'),\n        false: '',\n      }),\n      messageText: figma.boolean('Message', {\n        true: figma.string('Message text'),\n        false: '',\n      }),\n    },\n\n    example: (props) =>\n      html`<c4p-notification\n        type=${props.type.value}\n        timestamp=${props.timestamp}\n      >\n        <h4 slot=\"title\">${props.titleText}</h4>\n        <div slot=\"description\">${props.messageText}</div>\n      </c4p-notification>`,\n  }\n);\n"],"names":[],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;;;AAIA,KAAK,CAAC,OAAO;AACb,EAAE,4HAA4H;AAC9H,EAAE;AACF,IAAI,OAAO,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;AACjC,IAAI,KAAK,EAAE;AACX,MAAM,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC,aAAa,EAAE;AAC7C,QAAQ,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE;AACpC,UAAU,MAAM,EAAE,SAAS;AAC3B,UAAU,WAAW,EAAE,eAAe;AACtC,UAAU,OAAO,EAAE,OAAO;AAC1B,UAAU,gBAAgB,EAAE,SAAS;AACrC,SAAS,CAAC;AACV,OAAO,CAAC;AACR,MAAM,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY,EAAE;AAC7C,QAAQ,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC;AAC7C,QAAQ,KAAK,EAAE,EAAE;AACjB,OAAO,CAAC;AACR,MAAM,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE;AACxC,QAAQ,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC;AACxC,QAAQ,KAAK,EAAE,EAAE;AACjB,OAAO,CAAC;AACR,MAAM,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE;AAC5C,QAAQ,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC;AAC1C,QAAQ,KAAK,EAAE,EAAE;AACjB,OAAO,CAAC;AACR,KAAK;;AAEL,IAAI,OAAO,EAAE,CAAC,KAAK;AACnB,MAAM,IAAI,CAAC;AACX,aAAa,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK;AAC/B,kBAAkB,EAAE,KAAK,CAAC,SAAS;AACnC;AACA,yBAAyB,EAAE,KAAK,CAAC,SAAS,CAAC;AAC3C,gCAAgC,EAAE,KAAK,CAAC,WAAW,CAAC;AACpD,yBAAyB,CAAC;AAC1B;AACA,CAAC"}

package/es/index.d.ts

@@ -10,7 +10,7 @@ export { default as CDSSidePanel } from './components/side-panel/side-panel';
 export { default as CDSTearsheet } from './components/tearsheet/tearsheet';
 export { default as CDSFullPageError } from './components/full-page-error/full-page-error';
 export { default as CDSAboutModal } from './components/about-modal/about-modal';
-export { default as CDSUseravatar } from './components/user-avatar/user-avatar';
+export { default as CDSUserAvatar } from './components/user-avatar/user-avatar';
 export { default as CDSOptionsTile } from './components/options-tile/options-tile';
 export { default as CDSTruncatedText } from './components/truncated-text/truncated-text';
 export { default as CDSPageHeader } from './components/page-header/page-header';

package/es/index.js

@@ -9,7 +9,7 @@ export { default as CDSSidePanel } from './components/side-panel/side-panel.js';
 export { default as CDSTearsheet } from './components/tearsheet/tearsheet.js';
 export { default as CDSFullPageError } from './components/full-page-error/full-page-error.js';
 export { default as CDSAboutModal } from './components/about-modal/about-modal.js';
-export { default as CDSUseravatar } from './components/user-avatar/user-avatar.js';
+export { default as CDSUserAvatar } from './components/user-avatar/user-avatar.js';
 export { default as CDSOptionsTile } from './components/options-tile/options-tile.js';
 export { default as CDSTruncatedText } from './components/truncated-text/truncated-text.js';
 export { default as CDSPageHeader } from './components/page-header/page-header.js';

package/es/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.30.0-rc.0";
+var version = "0.31.0-rc.0";
 var packageJson = {
 	version: version};
 

package/es/patterns/step-flow/_story-assets/step-side-panel.d.ts

@@ -0,0 +1,38 @@
+/**
+ * @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 '../../../components/side-panel/index.js';
+import '@carbon/web-components/es/components/text-input/index.js';
+import '@carbon/web-components/es/components/button/index.js';
+import '@carbon/web-components/es/components/progress-indicator/index.js';
+import '../step-group';
+declare const StepSidePanel_base: typeof LitElement;
+export declare class StepSidePanel extends StepSidePanel_base {
+    open: boolean;
+    private _email;
+    private _city;
+    private _state;
+    private _openHandler;
+    private _handleCancelButton;
+    private _handleBackButton;
+    private _handleNextButton;
+    private _handleEmailInput;
+    private _handleCityInput;
+    private _handleStateInput;
+    private _stepInfo;
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'step-side-panel': StepSidePanel;
+    }
+}
+export {};