@genesislcap/foundation-zero 14.92.3-beta.a19c58d.1 → 14.92.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/custom-elements.json +2 -2
  2. package/dist/dts/banner/banner.stories.d.ts.map +1 -1
  3. package/dist/dts/dialog/dialog.stories.d.ts.map +1 -1
  4. package/dist/esm/banner/banner.stories.js +3 -0
  5. package/dist/esm/dialog/dialog.stories.js +6 -0
  6. package/package.json +7 -7
package/dist/custom-elements.json CHANGED
@@ -2193,7 +2193,7 @@
2193
2193
  "type": {
2194
2194
  "text": "StoryObj"
2195
2195
  },
2196
- "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}"
2196
+ "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}"
2197
2197
  }
2198
2198
  ],
2199
2199
  "exports": [
@@ -4750,7 +4750,7 @@
4750
4750
  "type": {
4751
4751
  "text": "StoryObj"
4752
4752
  },
4753
- "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}"
4753
+ "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}"
4754
4754
  }
4755
4755
  ],
4756
4756
  "exports": [
package/dist/dts/banner/banner.stories.d.ts.map CHANGED
@@ -1 +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"}
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,QA0CrB,CAAC"}
package/dist/dts/dialog/dialog.stories.d.ts.map CHANGED
@@ -1 +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"}
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;AAwCpB,eAAO,MAAM,OAAO,EAAE,QAuCrB,CAAC"}
package/dist/esm/banner/banner.stories.js CHANGED
@@ -51,6 +51,7 @@ export const Primary = {
51
51
  },
52
52
  render: ({ bannerText, notifyText, actionButtonAppearance, actionIgnoreActionText, actionDemoText, }) => html `
53
53
  <div style="display: flex; flex-direction: column;">
54
+ <h5>Banner with slots</h5>
54
55
  <zero-banner id="banner">
55
56
  <div slot="content">${bannerText}</div>
56
57
  <zero-button slot="action" @click="${ignoreClick}" appearance="${actionButtonAppearance}">
@@ -60,6 +61,8 @@ export const Primary = {
60
61
  ${actionDemoText}
61
62
  </zero-button>
62
63
  </zero-banner>
64
+ <h5>Empty Banner</h5>
65
+ <zero-banner></zero-banner>
63
66
  <div id="zero-banner" style="width: 100%;">
64
67
  <zero-button @click="${() => showNotify(notifyText)}">
65
68
  Show Zero Banner - Notification Structure
package/dist/esm/dialog/dialog.stories.js CHANGED
@@ -8,6 +8,10 @@ const showDialog = (e) => {
8
8
  const dialog = document.querySelector('zero-dialog');
9
9
  dialog.show();
10
10
  };
11
+ const showEmptyDialog = (e) => {
12
+ const dialog = document.getElementById('empty-dialog');
13
+ dialog.show();
14
+ };
11
15
  const closeDialog = (e) => {
12
16
  const dialog = document.querySelector('zero-dialog');
13
17
  dialog.close();
@@ -49,6 +53,7 @@ export const Primary = {
49
53
  },
50
54
  render: ({ notifyText, dialogMaxWidth, dialogTitle, dialogInitialText, dialogMainText, dialogCloseButtonText, }) => html `
51
55
  <zero-button @click="${showDialog}">Show Zero Dialog</zero-button>
56
+ <zero-button @click="${showEmptyDialog}">Show Empty Dialog</zero-button>
52
57
  <zero-button @click="${() => showDialogNotify(notifyText)}">
53
58
  Show Zero Dialog - Notification Structure
54
59
  </zero-button>
@@ -62,5 +67,6 @@ export const Primary = {
62
67
  ${dialogCloseButtonText}
63
68
  </zero-button>
64
69
  </zero-dialog>
70
+ <zero-dialog id="empty-dialog"></zero-dialog>
65
71
  `,
66
72
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@genesislcap/foundation-zero",
3
3
  "description": "Genesis Foundation Zero Design System",
4
- "version": "14.92.3-beta.a19c58d.1",
4
+ "version": "14.92.4",
5
5
  "sideEffects": false,
6
6
  "license": "SEE LICENSE IN license.txt",
7
7
  "main": "dist/esm/index.js",
@@ -65,7 +65,7 @@
65
65
  "storybook": "storybook dev -p 6006"
66
66
  },
67
67
  "devDependencies": {
68
- "@genesislcap/genx": "14.92.3-beta.a19c58d.1",
68
+ "@genesislcap/genx": "14.92.4",
69
69
  "@storybook/addon-essentials": "^7.1.0",
70
70
  "@storybook/addon-links": "^7.1.0",
71
71
  "@storybook/addons": "^7.1.0",
@@ -78,10 +78,10 @@
78
78
  "storybook": "^7.1.0"
79
79
  },
80
80
  "dependencies": {
81
- "@genesislcap/foundation-comms": "14.92.3-beta.a19c58d.1",
82
- "@genesislcap/foundation-logger": "14.92.3-beta.a19c58d.1",
83
- "@genesislcap/foundation-ui": "14.92.3-beta.a19c58d.1",
84
- "@genesislcap/foundation-utils": "14.92.3-beta.a19c58d.1",
81
+ "@genesislcap/foundation-comms": "14.92.4",
82
+ "@genesislcap/foundation-logger": "14.92.4",
83
+ "@genesislcap/foundation-ui": "14.92.4",
84
+ "@genesislcap/foundation-utils": "14.92.4",
85
85
  "@microsoft/fast-colors": "^5.1.4",
86
86
  "@microsoft/fast-components": "^2.21.3",
87
87
  "@microsoft/fast-element": "^1.7.0",
@@ -98,5 +98,5 @@
98
98
  "access": "public"
99
99
  },
100
100
  "customElements": "dist/custom-elements.json",
101
- "gitHead": "cff146f4f8b582b0992839560dc7538e923fd13e"
101
+ "gitHead": "04c7691aa4331bd6caa2748f96508050665467cd"
102
102
  }