@genesislcap/foundation-zero 14.91.1 → 14.91.3

package/dist/custom-elements.json

@@ -786,51 +786,42 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/accordion/accordion.stories.ts",
-      "declarations": [
+      "path": "src/_config/index.ts",
+      "declarations": [],
+      "exports": [
         {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Accordion',\n  component: 'zero-accordion',\n}"
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./styles"
+          }
         },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <zero-accordion>\n      <zero-accordion-item slot=\"item\" id=\"accordion-1\">\n        Accordion one content\n        <div slot=\"heading\">Accordion one</div>\n      </zero-accordion-item>\n      <zero-accordion-item slot=\"item\" id=\"accordion-2\">\n        Accordion two content\n        <div slot=\"heading\">Accordion two</div>\n      </zero-accordion-item>\n      <zero-accordion-item slot=\"item\" id=\"accordion-3\">\n        Accordion three content\n        <div slot=\"heading\">Accordion three</div>\n      </zero-accordion-item>\n      <zero-accordion-item slot=\"item\" id=\"accordion-4\">\n        Accordion four content\n        <div slot=\"heading\">Accordion four</div>\n      </zero-accordion-item>\n    </zero-accordion>\n  `,\n}"
-        }
-      ],
-      "exports": [
         {
           "kind": "js",
-          "name": "default",
+          "name": "*",
           "declaration": {
-            "name": "meta",
-            "module": "src/accordion/accordion.stories.ts"
+            "name": "*",
+            "package": "./tokens"
           }
         },
         {
           "kind": "js",
-          "name": "Primary",
+          "name": "*",
           "declaration": {
-            "name": "Primary",
-            "module": "src/accordion/accordion.stories.ts"
+            "name": "*",
+            "package": "./values"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/accordion/accordion.styles.ts",
+      "path": "src/accordion-item/accordion-item.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroAccordionStyles",
+          "name": "zeroAccordionItemStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -855,24 +846,24 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroAccordionStyles",
+          "name": "zeroAccordionItemStyles",
           "declaration": {
-            "name": "zeroAccordionStyles",
-            "module": "src/accordion/accordion.styles.ts"
+            "name": "zeroAccordionItemStyles",
+            "module": "src/accordion-item/accordion-item.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/accordion/accordion.template.ts",
+      "path": "src/accordion-item/accordion-item.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroAccordionTemplate",
+          "name": "zeroAccordionItemTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<Accordion>"
+              "text": "ViewTemplate<AccordionItem>"
             }
           },
           "parameters": [
@@ -894,24 +885,24 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroAccordionTemplate",
+          "name": "zeroAccordionItemTemplate",
           "declaration": {
-            "name": "zeroAccordionTemplate",
-            "module": "src/accordion/accordion.template.ts"
+            "name": "zeroAccordionItemTemplate",
+            "module": "src/accordion-item/accordion-item.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/accordion/accordion.ts",
+      "path": "src/accordion-item/accordion-item.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Accordion",
+          "name": "AccordionItem",
           "superclass": {
-            "name": "FoundationAccordion",
+            "name": "FoundationAccordionItem",
             "package": "@genesislcap/foundation-ui"
           },
           "tagName": "%%prefix%%-card",
@@ -919,31 +910,31 @@
         },
         {
           "kind": "variable",
-          "name": "zeroAccordion"
+          "name": "zeroAccordionItem"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Accordion",
+          "name": "AccordionItem",
           "declaration": {
-            "name": "Accordion",
-            "module": "src/accordion/accordion.ts"
+            "name": "AccordionItem",
+            "module": "src/accordion-item/accordion-item.ts"
           }
         },
         {
           "kind": "js",
-          "name": "zeroAccordion",
+          "name": "zeroAccordionItem",
           "declaration": {
-            "name": "zeroAccordion",
-            "module": "src/accordion/accordion.ts"
+            "name": "zeroAccordionItem",
+            "module": "src/accordion-item/accordion-item.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/accordion/index.ts",
+      "path": "src/accordion-item/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -951,7 +942,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./accordion"
+            "package": "./accordion-item"
           }
         },
         {
@@ -959,7 +950,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./accordion.styles"
+            "package": "./accordion-item.styles"
           }
         },
         {
@@ -967,49 +958,58 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./accordion.template"
+            "package": "./accordion-item.template"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/_config/index.ts",
-      "declarations": [],
-      "exports": [
+      "path": "src/accordion/accordion.stories.ts",
+      "declarations": [
         {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./styles"
-          }
+          "kind": "variable",
+          "name": "meta",
+          "type": {
+            "text": "Meta"
+          },
+          "default": "{\n  title: 'Accordion',\n  component: 'zero-accordion',\n}"
         },
+        {
+          "kind": "variable",
+          "name": "Primary",
+          "type": {
+            "text": "StoryObj"
+          },
+          "default": "{\n  render: () => html`\n    <zero-accordion>\n      <zero-accordion-item slot=\"item\" id=\"accordion-1\">\n        Accordion one content\n        <div slot=\"heading\">Accordion one</div>\n      </zero-accordion-item>\n      <zero-accordion-item slot=\"item\" id=\"accordion-2\">\n        Accordion two content\n        <div slot=\"heading\">Accordion two</div>\n      </zero-accordion-item>\n      <zero-accordion-item slot=\"item\" id=\"accordion-3\">\n        Accordion three content\n        <div slot=\"heading\">Accordion three</div>\n      </zero-accordion-item>\n      <zero-accordion-item slot=\"item\" id=\"accordion-4\">\n        Accordion four content\n        <div slot=\"heading\">Accordion four</div>\n      </zero-accordion-item>\n    </zero-accordion>\n  `,\n}"
+        }
+      ],
+      "exports": [
         {
           "kind": "js",
-          "name": "*",
+          "name": "default",
           "declaration": {
-            "name": "*",
-            "package": "./tokens"
+            "name": "meta",
+            "module": "src/accordion/accordion.stories.ts"
           }
         },
         {
           "kind": "js",
-          "name": "*",
+          "name": "Primary",
           "declaration": {
-            "name": "*",
-            "package": "./values"
+            "name": "Primary",
+            "module": "src/accordion/accordion.stories.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/accordion-item/accordion-item.styles.ts",
+      "path": "src/accordion/accordion.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroAccordionItemStyles",
+          "name": "zeroAccordionStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -1034,24 +1034,24 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroAccordionItemStyles",
+          "name": "zeroAccordionStyles",
           "declaration": {
-            "name": "zeroAccordionItemStyles",
-            "module": "src/accordion-item/accordion-item.styles.ts"
+            "name": "zeroAccordionStyles",
+            "module": "src/accordion/accordion.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/accordion-item/accordion-item.template.ts",
+      "path": "src/accordion/accordion.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroAccordionItemTemplate",
+          "name": "zeroAccordionTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<AccordionItem>"
+              "text": "ViewTemplate<Accordion>"
             }
           },
           "parameters": [
@@ -1073,24 +1073,24 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroAccordionItemTemplate",
+          "name": "zeroAccordionTemplate",
           "declaration": {
-            "name": "zeroAccordionItemTemplate",
-            "module": "src/accordion-item/accordion-item.template.ts"
+            "name": "zeroAccordionTemplate",
+            "module": "src/accordion/accordion.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/accordion-item/accordion-item.ts",
+      "path": "src/accordion/accordion.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "AccordionItem",
+          "name": "Accordion",
           "superclass": {
-            "name": "FoundationAccordionItem",
+            "name": "FoundationAccordion",
             "package": "@genesislcap/foundation-ui"
           },
           "tagName": "%%prefix%%-card",
@@ -1098,31 +1098,31 @@
         },
         {
           "kind": "variable",
-          "name": "zeroAccordionItem"
+          "name": "zeroAccordion"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "AccordionItem",
+          "name": "Accordion",
           "declaration": {
-            "name": "AccordionItem",
-            "module": "src/accordion-item/accordion-item.ts"
+            "name": "Accordion",
+            "module": "src/accordion/accordion.ts"
           }
         },
         {
           "kind": "js",
-          "name": "zeroAccordionItem",
+          "name": "zeroAccordion",
           "declaration": {
-            "name": "zeroAccordionItem",
-            "module": "src/accordion-item/accordion-item.ts"
+            "name": "zeroAccordion",
+            "module": "src/accordion/accordion.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/accordion-item/index.ts",
+      "path": "src/accordion/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -1130,7 +1130,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./accordion-item"
+            "package": "./accordion"
           }
         },
         {
@@ -1138,7 +1138,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./accordion-item.styles"
+            "package": "./accordion.styles"
           }
         },
         {
@@ -1146,7 +1146,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./accordion-item.template"
+            "package": "./accordion.template"
           }
         }
       ]
@@ -5828,7 +5828,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    errorText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',\n  },\n  render: ({ errorText }) => html`\n    <div id=\"zero-banner\" style=\"width: 100%;\">\n      <zero-button @click=\"${() => showError(errorText)}\">Show Zero Error Banner</zero-button>\n    </div>\n  `,\n}"
+          "default": "{\n  args: {\n    errorText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',\n    notifyText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',\n  },\n  render: ({ errorText, notifyText }) => html`\n    <div id=\"zero-banner\" style=\"width: 100%;\">\n      <zero-button @click=\"${() => showError(errorText)}\">Show Zero Error Banner</zero-button>\n      <zero-button @click=\"${() => showNotify(notifyText)}\">\n        Show Zero Error Banner - Notification\n      </zero-button>\n    </div>\n  `,\n}"
         }
       ],
       "exports": [
@@ -5860,7 +5860,7 @@
           "type": {
             "text": "ViewTemplate<ErrorBanner>"
           },
-          "default": "html`\n  <zero-banner ${ref('banner')}>\n    <div slot=\"content\">\n      <div>${(x) => x.error?.errorDetails || 'Place holder for error message'}</div>\n    </div>\n\n    <zero-button slot=\"action\" appearance=\"lightweight\" @click=${(x) => x.dismiss()}>\n      ${(x) => x.error?.config?.banner?.dismissingAction?.label || 'Ignore'}\n    </zero-button>\n\n    ${repeat(\n      (x) => x.error?.config?.banner.confirmingActions,\n      html`\n        <zero-button\n          slot=\"action\"\n          appearance=\"lightweight\"\n          @click=${(x, c) => {\n            x?.action();\n            c.parent.dismiss();\n          }}\n        >\n          ${(x) => x.label}\n        </zero-button>\n      `,\n    )}\n  </zero-banner>\n`"
+          "default": "html`\n  <zero-banner ${ref('banner')}>\n    <div slot=\"content\">\n      <div>\n        ${(x) => x.error?.errorDetails || x.notification?.body || 'Place holder for error message'}\n      </div>\n    </div>\n\n    <zero-button slot=\"action\" appearance=\"lightweight\" @click=${(x) => x.dismiss()}>\n      ${(x) =>\n        x.error?.config?.banner?.dismissingAction?.label ||\n        x.notification?.config?.banner?.dismissingAction?.label ||\n        'Ignore'}\n    </zero-button>\n\n    ${repeat(\n      (x) =>\n        x.error?.config?.banner.confirmingActions ||\n        x.notification?.config?.banner.confirmingActions,\n      html`\n        <zero-button\n          slot=\"action\"\n          appearance=\"lightweight\"\n          @click=${(x, c) => {\n            x?.action();\n            c.parent.dismiss();\n          }}\n        >\n          ${(x) => x.label}\n        </zero-button>\n      `,\n    )}\n  </zero-banner>\n`"
         }
       ],
       "exports": [
@@ -6266,7 +6266,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    errorText:\n      'Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet',\n  },\n  render: ({ errorText }) => html`\n    <zero-button @click=\"${() => showDialog(errorText)}\">Show Zero Dialog</zero-button>\n    <div id=\"error-dialog-container\"></div>\n  `,\n}"
+          "default": "{\n  args: {\n    errorText:\n      'Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet',\n    notifyText:\n      'Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet',\n  },\n  render: ({ errorText, notifyText }) => html`\n    <zero-button @click=\"${() => showDialog(errorText)}\">Show Zero Dialog</zero-button>\n    <zero-button @click=\"${() => showDialogNotify(notifyText)}\">\n      Show Zero Dialog - Notification\n    </zero-button>\n    <div id=\"error-dialog-container\"></div>\n  `,\n}"
         }
       ],
       "exports": [
@@ -12676,7 +12676,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    errorText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',\n  },\n  render: ({ errorText }) => html`\n    <div id=\"zero-snackbar\" style=\"width: 100%;\">\n      <zero-button @click=\"${() => showError(errorText)}\">Show Zero Snackbar</zero-button>\n    </div>\n  `,\n}"
+          "default": "{\n  args: {\n    errorText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',\n    notificationText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',\n  },\n  render: ({ errorText, notificationText }) => html`\n    <div id=\"zero-snackbar\" style=\"width: 100%;\">\n      <zero-button @click=\"${() => showError(errorText)}\">Show Zero Snackbar</zero-button>\n      <zero-button @click=\"${() => showNotification(notificationText)}\">\n        Show Zero Snackbar - Notification\n      </zero-button>\n    </div>\n  `,\n}"
         }
       ],
       "exports": [
@@ -12729,7 +12729,7 @@
           "type": {
             "text": "ViewTemplate<Snackbar>"
           },
-          "default": "html`\n  <div class=\"snackbar ${(x) => x.deleteAnimation}\" ${ref('snackbar')}>\n    <div part=\"content\" class=\"content\">\n      <div>${(x) => x.error?.errorDetails || 'Place holder for error message'}</div>\n    </div>\n    <div part=\"action\" class=\"action\">\n      ${repeat(\n        (x) => x.error?.config?.snackbar?.confirmingActions,\n        html`\n          <zero-button\n            slot=\"action\"\n            appearance=\"lightweight\"\n            @click=${(x, c) => {\n              x?.action();\n              c.parent?.dismiss();\n            }}\n          >\n            ${(x) => x.label}\n          </zero-button>\n        `,\n      )}\n    </div>\n  </div>\n`"
+          "default": "html`\n  <div class=\"snackbar ${(x) => x.deleteAnimation}\" ${ref('snackbar')}>\n    <div part=\"content\" class=\"content\">\n      <div>\n        ${(x) => x.error?.errorDetails || x.notification?.body || 'Place holder for error message'}\n      </div>\n    </div>\n    <div part=\"action\" class=\"action\">\n      ${repeat(\n        (x) =>\n          x.error?.config?.snackbar?.confirmingActions ||\n          x.notification?.config?.snackbar?.confirmingActions,\n        html`\n          <zero-button\n            slot=\"action\"\n            appearance=\"lightweight\"\n            @click=${(x, c) => {\n              x?.action();\n              c.parent?.dismiss();\n            }}\n          >\n            ${(x) => x.label}\n          </zero-button>\n        `,\n      )}\n    </div>\n  </div>\n`"
         }
       ],
       "exports": [

package/dist/dts/error-banner/error-banner.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error-banner.stories.d.ts","sourceRoot":"","sources":["../../../src/error-banner/error-banner.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AA6BpB,eAAO,MAAM,OAAO,EAAE,QASrB,CAAC"}
+{"version":3,"file":"error-banner.stories.d.ts","sourceRoot":"","sources":["../../../src/error-banner/error-banner.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAsDpB,eAAO,MAAM,OAAO,EAAE,QAarB,CAAC"}

package/dist/dts/error-banner/error-banner.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error-banner.template.d.ts","sourceRoot":"","sources":["../../../src/error-banner/error-banner.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,uBAAuB,EAAE,YAAY,CAAC,WAAW,CA0B7D,CAAC"}
+{"version":3,"file":"error-banner.template.d.ts","sourceRoot":"","sources":["../../../src/error-banner/error-banner.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,uBAAuB,EAAE,YAAY,CAAC,WAAW,CAiC7D,CAAC"}

package/dist/dts/error-dialog/error-dialog.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error-dialog.stories.d.ts","sourceRoot":"","sources":["../../../src/error-dialog/error-dialog.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAyBpB,eAAO,MAAM,OAAO,EAAE,QASrB,CAAC"}
+{"version":3,"file":"error-dialog.stories.d.ts","sourceRoot":"","sources":["../../../src/error-dialog/error-dialog.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAgDpB,eAAO,MAAM,OAAO,EAAE,QAcrB,CAAC"}

package/dist/dts/snackbar/snackbar.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"snackbar.stories.d.ts","sourceRoot":"","sources":["../../../src/snackbar/snackbar.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AA6BpB,eAAO,MAAM,OAAO,EAAE,QASrB,CAAC"}
+{"version":3,"file":"snackbar.stories.d.ts","sourceRoot":"","sources":["../../../src/snackbar/snackbar.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAgFpB,eAAO,MAAM,OAAO,EAAE,QAarB,CAAC"}

package/dist/dts/snackbar/snackbar.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"snackbar.template.d.ts","sourceRoot":"","sources":["../../../src/snackbar/snackbar.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE3C,eAAO,MAAM,oBAAoB,EAAE,YAAY,CAAC,QAAQ,CAuBvD,CAAC"}
+{"version":3,"file":"snackbar.template.d.ts","sourceRoot":"","sources":["../../../src/snackbar/snackbar.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE3C,eAAO,MAAM,oBAAoB,EAAE,YAAY,CAAC,QAAQ,CA2BvD,CAAC"}

package/dist/esm/error-banner/error-banner.stories.js

@@ -16,8 +16,32 @@ const showError = (errorText) => {
         title: 'Error Title',
         errorDetails: `${errorText} ID - ${Math.random()}`,
         config: {
-            snackbar: {
-                type: 'error',
+            banner: {
+                confirmingActions: [
+                    {
+                        label: 'Action',
+                        action: () => {
+                            alert('Action in progress');
+                        },
+                    },
+                ],
+            },
+        },
+    };
+};
+const showNotify = (notifyText) => {
+    var _a;
+    let errorBanner = document.querySelector('#js-error-banner');
+    if (!errorBanner) {
+        errorBanner = document.createElement('zero-error-banner');
+        errorBanner.id = 'js-error-banner';
+        (_a = document.querySelector('#zero-banner')) === null || _a === void 0 ? void 0 : _a.appendChild(errorBanner);
+    }
+    errorBanner.notification = {
+        title: 'Notify Title',
+        body: `${notifyText} ID - notify - ${Math.random()}`,
+        config: {
+            banner: {
                 confirmingActions: [
                     {
                         label: 'Action',
@@ -33,10 +57,14 @@ const showError = (errorText) => {
 export const Primary = {
     args: {
         errorText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
+        notifyText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
     },
-    render: ({ errorText }) => html `
+    render: ({ errorText, notifyText }) => html `
     <div id="zero-banner" style="width: 100%;">
       <zero-button @click="${() => showError(errorText)}">Show Zero Error Banner</zero-button>
+      <zero-button @click="${() => showNotify(notifyText)}">
+        Show Zero Error Banner - Notification
+      </zero-button>
     </div>
   `,
 };

package/dist/esm/error-banner/error-banner.template.js

@@ -2,14 +2,25 @@ import { html, ref, repeat } from '@microsoft/fast-element';
 export const zeroErrorBannerTemplate = html `
   <zero-banner ${ref('banner')}>
     <div slot="content">
-      <div>${(x) => { var _a; return ((_a = x.error) === null || _a === void 0 ? void 0 : _a.errorDetails) || 'Place holder for error message'; }}</div>
+      <div>
+        ${(x) => { var _a, _b; return ((_a = x.error) === null || _a === void 0 ? void 0 : _a.errorDetails) || ((_b = x.notification) === null || _b === void 0 ? void 0 : _b.body) || 'Place holder for error message'; }}
+      </div>
     </div>
 
     <zero-button slot="action" appearance="lightweight" @click=${(x) => x.dismiss()}>
-      ${(x) => { var _a, _b, _c, _d; return ((_d = (_c = (_b = (_a = x.error) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.banner) === null || _c === void 0 ? void 0 : _c.dismissingAction) === null || _d === void 0 ? void 0 : _d.label) || 'Ignore'; }}
+      ${(x) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    return ((_d = (_c = (_b = (_a = x.error) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.banner) === null || _c === void 0 ? void 0 : _c.dismissingAction) === null || _d === void 0 ? void 0 : _d.label) ||
+        ((_h = (_g = (_f = (_e = x.notification) === null || _e === void 0 ? void 0 : _e.config) === null || _f === void 0 ? void 0 : _f.banner) === null || _g === void 0 ? void 0 : _g.dismissingAction) === null || _h === void 0 ? void 0 : _h.label) ||
+        'Ignore';
+}}
     </zero-button>
 
-    ${repeat((x) => { var _a, _b; return (_b = (_a = x.error) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.banner.confirmingActions; }, html `
+    ${repeat((x) => {
+    var _a, _b, _c, _d;
+    return ((_b = (_a = x.error) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.banner.confirmingActions) ||
+        ((_d = (_c = x.notification) === null || _c === void 0 ? void 0 : _c.config) === null || _d === void 0 ? void 0 : _d.banner.confirmingActions);
+}, html `
         <zero-button
           slot="action"
           appearance="lightweight"

package/dist/esm/error-dialog/error-dialog.stories.js

@@ -26,12 +26,38 @@ const showDialog = (errorText) => {
     };
     dialog.show();
 };
+const showDialogNotify = (notifyText) => {
+    const dialog = document.createElement('zero-error-dialog');
+    const container = document.getElementById('error-dialog-container');
+    container.appendChild(dialog);
+    dialog.notification = {
+        title: 'Notify Title',
+        body: `${notifyText} ID - notify - ${Math.random()}`,
+        config: {
+            dialog: {
+                confirmingActions: [
+                    {
+                        label: 'Action',
+                        action: () => {
+                            alert('Action in progress');
+                        },
+                    },
+                ],
+            },
+        },
+    };
+    dialog.show();
+};
 export const Primary = {
     args: {
         errorText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet',
+        notifyText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet',
     },
-    render: ({ errorText }) => html `
+    render: ({ errorText, notifyText }) => html `
     <zero-button @click="${() => showDialog(errorText)}">Show Zero Dialog</zero-button>
+    <zero-button @click="${() => showDialogNotify(notifyText)}">
+      Show Zero Dialog - Notification
+    </zero-button>
     <div id="error-dialog-container"></div>
   `,
 };

package/dist/esm/snackbar/snackbar.stories.js

@@ -5,13 +5,19 @@ const meta = {
 };
 export default meta;
 const showError = (errorText) => {
-    var _a;
+    var _a, _b;
     let snackbar = document.querySelector('#js-snackbar');
+    let snackbarNotify = document.querySelector('#js-snackbar-notify');
     if (!snackbar) {
         snackbar = document.createElement('zero-snackbar');
         snackbar.id = 'js-snackbar';
         (_a = document.querySelector('#zero-snackbar')) === null || _a === void 0 ? void 0 : _a.appendChild(snackbar);
     }
+    if (!snackbarNotify) {
+        snackbarNotify = document.createElement('zero-snackbar');
+        snackbarNotify.id = 'js-snackbar-notify';
+        (_b = document.querySelector('#zero-snackbar')) === null || _b === void 0 ? void 0 : _b.appendChild(snackbar);
+    }
     snackbar.error = {
         title: 'Error Title',
         errorDetails: `${errorText} ID - ${Math.random()}`,
@@ -29,14 +35,61 @@ const showError = (errorText) => {
             },
         },
     };
+    snackbar.notification = {
+        title: 'Notification Title',
+        body: `${errorText} ID - ${Math.random()}`,
+        config: {
+            snackbar: {
+                type: 'error',
+                confirmingActions: [
+                    {
+                        label: 'Action',
+                        action: () => {
+                            alert('Action in progress');
+                        },
+                    },
+                ],
+            },
+        },
+    };
+};
+const showNotification = (notoficationText) => {
+    var _a;
+    let snackbarNotify = document.querySelector('#js-snackbar-notify');
+    if (!snackbarNotify) {
+        snackbarNotify = document.createElement('zero-snackbar');
+        snackbarNotify.id = 'js-snackbar-notify';
+        (_a = document.querySelector('#zero-snackbar')) === null || _a === void 0 ? void 0 : _a.appendChild(snackbarNotify);
+    }
+    snackbarNotify.notification = {
+        title: 'Notification Title',
+        body: `${notoficationText} ID - Notify - ${Math.random()}`,
+        config: {
+            snackbar: {
+                type: 'error',
+                confirmingActions: [
+                    {
+                        label: 'Action',
+                        action: () => {
+                            alert('Action in progress');
+                        },
+                    },
+                ],
+            },
+        },
+    };
 };
 export const Primary = {
     args: {
         errorText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
+        notificationText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
     },
-    render: ({ errorText }) => html `
+    render: ({ errorText, notificationText }) => html `
     <div id="zero-snackbar" style="width: 100%;">
       <zero-button @click="${() => showError(errorText)}">Show Zero Snackbar</zero-button>
+      <zero-button @click="${() => showNotification(notificationText)}">
+        Show Zero Snackbar - Notification
+      </zero-button>
     </div>
   `,
 };

package/dist/esm/snackbar/snackbar.template.js

@@ -2,10 +2,16 @@ import { html, ref, repeat } from '@microsoft/fast-element';
 export const zeroSnackbarTemplate = html `
   <div class="snackbar ${(x) => x.deleteAnimation}" ${ref('snackbar')}>
     <div part="content" class="content">
-      <div>${(x) => { var _a; return ((_a = x.error) === null || _a === void 0 ? void 0 : _a.errorDetails) || 'Place holder for error message'; }}</div>
+      <div>
+        ${(x) => { var _a, _b; return ((_a = x.error) === null || _a === void 0 ? void 0 : _a.errorDetails) || ((_b = x.notification) === null || _b === void 0 ? void 0 : _b.body) || 'Place holder for error message'; }}
+      </div>
     </div>
     <div part="action" class="action">
-      ${repeat((x) => { var _a, _b, _c; return (_c = (_b = (_a = x.error) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.snackbar) === null || _c === void 0 ? void 0 : _c.confirmingActions; }, html `
+      ${repeat((x) => {
+    var _a, _b, _c, _d, _e, _f;
+    return ((_c = (_b = (_a = x.error) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.snackbar) === null || _c === void 0 ? void 0 : _c.confirmingActions) ||
+        ((_f = (_e = (_d = x.notification) === null || _d === void 0 ? void 0 : _d.config) === null || _e === void 0 ? void 0 : _e.snackbar) === null || _f === void 0 ? void 0 : _f.confirmingActions);
+}, html `
           <zero-button
             slot="action"
             appearance="lightweight"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-zero",
   "description": "Genesis Foundation Zero Design System",
-  "version": "14.91.1",
+  "version": "14.91.3",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -65,7 +65,7 @@
     "storybook": "storybook dev -p 6006"
   },
   "devDependencies": {
-    "@genesislcap/genx": "14.91.1",
+    "@genesislcap/genx": "14.91.3",
     "@storybook/addon-essentials": "^7.1.0",
     "@storybook/addon-links": "^7.1.0",
     "@storybook/addons": "^7.1.0",
@@ -78,10 +78,10 @@
     "storybook": "^7.1.0"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "14.91.1",
-    "@genesislcap/foundation-logger": "14.91.1",
-    "@genesislcap/foundation-ui": "14.91.1",
-    "@genesislcap/foundation-utils": "14.91.1",
+    "@genesislcap/foundation-comms": "14.91.3",
+    "@genesislcap/foundation-logger": "14.91.3",
+    "@genesislcap/foundation-ui": "14.91.3",
+    "@genesislcap/foundation-utils": "14.91.3",
     "@microsoft/fast-colors": "^5.1.4",
     "@microsoft/fast-components": "^2.21.3",
     "@microsoft/fast-element": "^1.7.0",
@@ -98,5 +98,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "5b43a2fc0cd14d94a8c01c3affbc052a0ad52ab1"
+  "gitHead": "2f484055c4e70f74ded4d74e6cd4a3b8184c6a39"
 }