@genesislcap/foundation-zero 14.92.3 → 14.92.4

package/dist/custom-elements.json

@@ -817,11 +817,51 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/accordion-item/accordion-item.styles.ts",
+      "path": "src/accordion/accordion.stories.ts",
+      "declarations": [
+        {
+          "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": "default",
+          "declaration": {
+            "name": "meta",
+            "module": "src/accordion/accordion.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Primary",
+          "declaration": {
+            "name": "Primary",
+            "module": "src/accordion/accordion.stories.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/accordion.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroAccordionItemStyles",
+          "name": "zeroAccordionStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -846,24 +886,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": [
@@ -885,24 +925,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",
@@ -910,31 +950,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": [
         {
@@ -942,7 +982,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./accordion-item"
+            "package": "./accordion"
           }
         },
         {
@@ -950,7 +990,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./accordion-item.styles"
+            "package": "./accordion.styles"
           }
         },
         {
@@ -958,58 +998,18 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./accordion-item.template"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/accordion.stories.ts",
-      "declarations": [
-        {
-          "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": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/accordion/accordion.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/accordion/accordion.stories.ts"
+            "package": "./accordion.template"
           }
         }
       ]
     },
     {
       "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"
@@ -1034,24 +1034,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": [
@@ -1073,24 +1073,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",
@@ -1098,31 +1098,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": [
         {
@@ -1130,7 +1130,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./accordion"
+            "package": "./accordion-item"
           }
         },
         {
@@ -1138,7 +1138,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./accordion.styles"
+            "package": "./accordion-item.styles"
           }
         },
         {
@@ -1146,7 +1146,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./accordion.template"
+            "package": "./accordion-item.template"
           }
         }
       ]
@@ -2193,7 +2193,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    notifyText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',\n    bannerText: ` Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet.\n      Lorem, ipsum dolor.`,\n    actionIgnoreActionText: 'Ignore',\n    actionDemoText: 'Diagnose',\n    actionButtonAppearance: 'lightweight',\n  },\n  argTypes: {\n    actionButtonAppearance: {\n      control: 'select',\n      options: [...FastAppearanceValues, ...ZeroAppearanceValues],\n    },\n  },\n  render: ({\n    bannerText,\n    notifyText,\n    actionButtonAppearance,\n    actionIgnoreActionText,\n    actionDemoText,\n  }) => html`\n    <div style=\"display: flex; flex-direction: column;\">\n      <zero-banner id=\"banner\">\n        <div slot=\"content\">${bannerText}</div>\n        <zero-button slot=\"action\" @click=\"${ignoreClick}\" appearance=\"${actionButtonAppearance}\">\n          ${actionIgnoreActionText}\n        </zero-button>\n        <zero-button slot=\"action\" appearance=\"${actionButtonAppearance}\">\n          ${actionDemoText}\n        </zero-button>\n      </zero-banner>\n      <div id=\"zero-banner\" style=\"width: 100%;\">\n        <zero-button @click=\"${() => showNotify(notifyText)}\">\n          Show Zero Banner - Notification Structure\n        </zero-button>\n      </div>\n    </div>\n  `,\n}"
+          "default": "{\n  args: {\n    notifyText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',\n    bannerText: ` Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet.\n      Lorem, ipsum dolor.`,\n    actionIgnoreActionText: 'Ignore',\n    actionDemoText: 'Diagnose',\n    actionButtonAppearance: 'lightweight',\n  },\n  argTypes: {\n    actionButtonAppearance: {\n      control: 'select',\n      options: [...FastAppearanceValues, ...ZeroAppearanceValues],\n    },\n  },\n  render: ({\n    bannerText,\n    notifyText,\n    actionButtonAppearance,\n    actionIgnoreActionText,\n    actionDemoText,\n  }) => html`\n    <div style=\"display: flex; flex-direction: column;\">\n      <h5>Banner with slots</h5>\n      <zero-banner id=\"banner\">\n        <div slot=\"content\">${bannerText}</div>\n        <zero-button slot=\"action\" @click=\"${ignoreClick}\" appearance=\"${actionButtonAppearance}\">\n          ${actionIgnoreActionText}\n        </zero-button>\n        <zero-button slot=\"action\" appearance=\"${actionButtonAppearance}\">\n          ${actionDemoText}\n        </zero-button>\n      </zero-banner>\n      <h5>Empty Banner</h5>\n      <zero-banner></zero-banner>\n      <div id=\"zero-banner\" style=\"width: 100%;\">\n        <zero-button @click=\"${() => showNotify(notifyText)}\">\n          Show Zero Banner - Notification Structure\n        </zero-button>\n      </div>\n    </div>\n  `,\n}"
         }
       ],
       "exports": [
@@ -4750,7 +4750,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    notifyText:\n      'Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet',\n    dialogMaxWidth: '557px',\n    dialogTitle: 'Dialog title',\n    dialogInitialText: 'Some text in a Zero Dialog',\n    dialogMainText: `Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis similique iste ab sed\n      voluptatem ut suscipit tenetur distinctio? Quo est debitis pariatur qui quisquam repudiandae\n      at atque et quibusdam rerum, reprehenderit sed laborum officiis distinctio dolorum\n      temporibus aperiam dolor consequatur perferendis aspernatur fugit repellendus asperiores,\n      voluptas illo? Voluptatum, atque quidem?`,\n    dialogCloseButtonText: 'Close this dialog',\n  },\n  render: ({\n    notifyText,\n    dialogMaxWidth,\n    dialogTitle,\n    dialogInitialText,\n    dialogMainText,\n    dialogCloseButtonText,\n  }) => html`\n    <zero-button @click=\"${showDialog}\">Show Zero Dialog</zero-button>\n    <zero-button @click=\"${() => showDialogNotify(notifyText)}\">\n      Show Zero Dialog - Notification Structure\n    </zero-button>\n    <div id=\"dialog-container\"></div>\n    <zero-dialog style=\"--dialog-max-width: ${dialogMaxWidth};\">\n      <h5 slot=\"top\">${dialogTitle}</h5>\n      <p>${dialogInitialText}</p>\n      <p>${dialogMainText}</p>\n      <zero-divider slot=\"bottom\"></zero-divider>\n      <zero-button appearance=\"primary-gradient\" slot=\"bottom\" @click=\"${closeDialog}\">\n        ${dialogCloseButtonText}\n      </zero-button>\n    </zero-dialog>\n  `,\n}"
+          "default": "{\n  args: {\n    notifyText:\n      'Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet',\n    dialogMaxWidth: '557px',\n    dialogTitle: 'Dialog title',\n    dialogInitialText: 'Some text in a Zero Dialog',\n    dialogMainText: `Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis similique iste ab sed\n      voluptatem ut suscipit tenetur distinctio? Quo est debitis pariatur qui quisquam repudiandae\n      at atque et quibusdam rerum, reprehenderit sed laborum officiis distinctio dolorum\n      temporibus aperiam dolor consequatur perferendis aspernatur fugit repellendus asperiores,\n      voluptas illo? Voluptatum, atque quidem?`,\n    dialogCloseButtonText: 'Close this dialog',\n  },\n  render: ({\n    notifyText,\n    dialogMaxWidth,\n    dialogTitle,\n    dialogInitialText,\n    dialogMainText,\n    dialogCloseButtonText,\n  }) => html`\n    <zero-button @click=\"${showDialog}\">Show Zero Dialog</zero-button>\n    <zero-button @click=\"${showEmptyDialog}\">Show Empty Dialog</zero-button>\n    <zero-button @click=\"${() => showDialogNotify(notifyText)}\">\n      Show Zero Dialog - Notification Structure\n    </zero-button>\n    <div id=\"dialog-container\"></div>\n    <zero-dialog style=\"--dialog-max-width: ${dialogMaxWidth};\">\n      <h5 slot=\"top\">${dialogTitle}</h5>\n      <p>${dialogInitialText}</p>\n      <p>${dialogMainText}</p>\n      <zero-divider slot=\"bottom\"></zero-divider>\n      <zero-button appearance=\"primary-gradient\" slot=\"bottom\" @click=\"${closeDialog}\">\n        ${dialogCloseButtonText}\n      </zero-button>\n    </zero-dialog>\n    <zero-dialog id=\"empty-dialog\"></zero-dialog>\n  `,\n}"
         }
       ],
       "exports": [

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

@@ -1 +1 @@
-{"version":3,"file":"banner.stories.d.ts","sourceRoot":"","sources":["../../../src/banner/banner.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAKhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AA+BpB,eAAO,MAAM,OAAO,EAAE,QAuCrB,CAAC"}
+{"version":3,"file":"banner.stories.d.ts","sourceRoot":"","sources":["../../../src/banner/banner.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAKhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AA+BpB,eAAO,MAAM,OAAO,EAAE,QA0CrB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.stories.d.ts","sourceRoot":"","sources":["../../../src/dialog/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;AAmCpB,eAAO,MAAM,OAAO,EAAE,QAqCrB,CAAC"}
+{"version":3,"file":"dialog.stories.d.ts","sourceRoot":"","sources":["../../../src/dialog/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;AAwCpB,eAAO,MAAM,OAAO,EAAE,QAuCrB,CAAC"}

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

@@ -51,6 +51,7 @@ export const Primary = {
     },
     render: ({ bannerText, notifyText, actionButtonAppearance, actionIgnoreActionText, actionDemoText, }) => html `
     <div style="display: flex; flex-direction: column;">
+      <h5>Banner with slots</h5>
       <zero-banner id="banner">
         <div slot="content">${bannerText}</div>
         <zero-button slot="action" @click="${ignoreClick}" appearance="${actionButtonAppearance}">
@@ -60,6 +61,8 @@ export const Primary = {
           ${actionDemoText}
         </zero-button>
       </zero-banner>
+      <h5>Empty Banner</h5>
+      <zero-banner></zero-banner>
       <div id="zero-banner" style="width: 100%;">
         <zero-button @click="${() => showNotify(notifyText)}">
           Show Zero Banner - Notification Structure

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

@@ -8,6 +8,10 @@ const showDialog = (e) => {
     const dialog = document.querySelector('zero-dialog');
     dialog.show();
 };
+const showEmptyDialog = (e) => {
+    const dialog = document.getElementById('empty-dialog');
+    dialog.show();
+};
 const closeDialog = (e) => {
     const dialog = document.querySelector('zero-dialog');
     dialog.close();
@@ -49,6 +53,7 @@ export const Primary = {
     },
     render: ({ notifyText, dialogMaxWidth, dialogTitle, dialogInitialText, dialogMainText, dialogCloseButtonText, }) => html `
     <zero-button @click="${showDialog}">Show Zero Dialog</zero-button>
+    <zero-button @click="${showEmptyDialog}">Show Empty Dialog</zero-button>
     <zero-button @click="${() => showDialogNotify(notifyText)}">
       Show Zero Dialog - Notification Structure
     </zero-button>
@@ -62,5 +67,6 @@ export const Primary = {
         ${dialogCloseButtonText}
       </zero-button>
     </zero-dialog>
+    <zero-dialog id="empty-dialog"></zero-dialog>
   `,
 };

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@genesislcap/foundation-zero",
   "description": "Genesis Foundation Zero Design System",
-  "version": "14.92.3",
+  "version": "14.92.4",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
   "types": "dist/dts/index.d.ts",
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=20.0.0"
   },
   "config": {
     "PREFIX": "zero",
@@ -65,7 +65,7 @@
     "storybook": "storybook dev -p 6006"
   },
   "devDependencies": {
-    "@genesislcap/genx": "14.92.3",
+    "@genesislcap/genx": "14.92.4",
     "@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.92.3",
-    "@genesislcap/foundation-logger": "14.92.3",
-    "@genesislcap/foundation-ui": "14.92.3",
-    "@genesislcap/foundation-utils": "14.92.3",
+    "@genesislcap/foundation-comms": "14.92.4",
+    "@genesislcap/foundation-logger": "14.92.4",
+    "@genesislcap/foundation-ui": "14.92.4",
+    "@genesislcap/foundation-utils": "14.92.4",
     "@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": "91e56d8baa783296b822b5966c5a65e50a25bad7"
+  "gitHead": "04c7691aa4331bd6caa2748f96508050665467cd"
 }