@genesislcap/foundation-zero 14.91.1 → 14.91.3-alpha.1360cc6.1

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.
@@ -784,6 +784,37 @@
784
784
  }
785
785
  ]
786
786
  },
787
+ {
788
+ "kind": "javascript-module",
789
+ "path": "src/_config/index.ts",
790
+ "declarations": [],
791
+ "exports": [
792
+ {
793
+ "kind": "js",
794
+ "name": "*",
795
+ "declaration": {
796
+ "name": "*",
797
+ "package": "./styles"
798
+ }
799
+ },
800
+ {
801
+ "kind": "js",
802
+ "name": "*",
803
+ "declaration": {
804
+ "name": "*",
805
+ "package": "./tokens"
806
+ }
807
+ },
808
+ {
809
+ "kind": "js",
810
+ "name": "*",
811
+ "declaration": {
812
+ "name": "*",
813
+ "package": "./values"
814
+ }
815
+ }
816
+ ]
817
+ },
787
818
  {
788
819
  "kind": "javascript-module",
789
820
  "path": "src/accordion/accordion.stories.ts",
@@ -972,37 +1003,6 @@
972
1003
  }
973
1004
  ]
974
1005
  },
975
- {
976
- "kind": "javascript-module",
977
- "path": "src/_config/index.ts",
978
- "declarations": [],
979
- "exports": [
980
- {
981
- "kind": "js",
982
- "name": "*",
983
- "declaration": {
984
- "name": "*",
985
- "package": "./styles"
986
- }
987
- },
988
- {
989
- "kind": "js",
990
- "name": "*",
991
- "declaration": {
992
- "name": "*",
993
- "package": "./tokens"
994
- }
995
- },
996
- {
997
- "kind": "js",
998
- "name": "*",
999
- "declaration": {
1000
- "name": "*",
1001
- "package": "./values"
1002
- }
1003
- }
1004
- ]
1005
- },
1006
1006
  {
1007
1007
  "kind": "javascript-module",
1008
1008
  "path": "src/accordion-item/accordion-item.styles.ts",
@@ -5828,7 +5828,7 @@
5828
5828
  "type": {
5829
5829
  "text": "StoryObj"
5830
5830
  },
5831
- "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}"
5831
+ "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}"
5832
5832
  }
5833
5833
  ],
5834
5834
  "exports": [
@@ -5860,7 +5860,7 @@
5860
5860
  "type": {
5861
5861
  "text": "ViewTemplate<ErrorBanner>"
5862
5862
  },
5863
- "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`"
5863
+ "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`"
5864
5864
  }
5865
5865
  ],
5866
5866
  "exports": [
@@ -6266,7 +6266,7 @@
6266
6266
  "type": {
6267
6267
  "text": "StoryObj"
6268
6268
  },
6269
- "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}"
6269
+ "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}"
6270
6270
  }
6271
6271
  ],
6272
6272
  "exports": [
@@ -12676,7 +12676,7 @@
12676
12676
  "type": {
12677
12677
  "text": "StoryObj"
12678
12678
  },
12679
- "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}"
12679
+ "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}"
12680
12680
  }
12681
12681
  ],
12682
12682
  "exports": [
@@ -12729,7 +12729,7 @@
12729
12729
  "type": {
12730
12730
  "text": "ViewTemplate<Snackbar>"
12731
12731
  },
12732
- "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`"
12732
+ "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`"
12733
12733
  }
12734
12734
  ],
12735
12735
  "exports": [
@@ -1 +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"}
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;AAsDpB,eAAO,MAAM,OAAO,EAAE,QAarB,CAAC"}
@@ -1 +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"}
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,CAiC7D,CAAC"}
@@ -1 +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"}
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;AAgDpB,eAAO,MAAM,OAAO,EAAE,QAcrB,CAAC"}
@@ -1 +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"}
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;AAgFpB,eAAO,MAAM,OAAO,EAAE,QAarB,CAAC"}
@@ -1 +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"}
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,CA2BvD,CAAC"}
@@ -16,8 +16,32 @@ const showError = (errorText) => {
16
16
  title: 'Error Title',
17
17
  errorDetails: `${errorText} ID - ${Math.random()}`,
18
18
  config: {
19
- snackbar: {
20
- type: 'error',
19
+ banner: {
20
+ confirmingActions: [
21
+ {
22
+ label: 'Action',
23
+ action: () => {
24
+ alert('Action in progress');
25
+ },
26
+ },
27
+ ],
28
+ },
29
+ },
30
+ };
31
+ };
32
+ const showNotify = (notifyText) => {
33
+ var _a;
34
+ let errorBanner = document.querySelector('#js-error-banner');
35
+ if (!errorBanner) {
36
+ errorBanner = document.createElement('zero-error-banner');
37
+ errorBanner.id = 'js-error-banner';
38
+ (_a = document.querySelector('#zero-banner')) === null || _a === void 0 ? void 0 : _a.appendChild(errorBanner);
39
+ }
40
+ errorBanner.notification = {
41
+ title: 'Notify Title',
42
+ body: `${notifyText} ID - notify - ${Math.random()}`,
43
+ config: {
44
+ banner: {
21
45
  confirmingActions: [
22
46
  {
23
47
  label: 'Action',
@@ -33,10 +57,14 @@ const showError = (errorText) => {
33
57
  export const Primary = {
34
58
  args: {
35
59
  errorText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
60
+ notifyText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
36
61
  },
37
- render: ({ errorText }) => html `
62
+ render: ({ errorText, notifyText }) => html `
38
63
  <div id="zero-banner" style="width: 100%;">
39
64
  <zero-button @click="${() => showError(errorText)}">Show Zero Error Banner</zero-button>
65
+ <zero-button @click="${() => showNotify(notifyText)}">
66
+ Show Zero Error Banner - Notification
67
+ </zero-button>
40
68
  </div>
41
69
  `,
42
70
  };
@@ -2,14 +2,25 @@ import { html, ref, repeat } from '@microsoft/fast-element';
2
2
  export const zeroErrorBannerTemplate = html `
3
3
  <zero-banner ${ref('banner')}>
4
4
  <div slot="content">
5
- <div>${(x) => { var _a; return ((_a = x.error) === null || _a === void 0 ? void 0 : _a.errorDetails) || 'Place holder for error message'; }}</div>
5
+ <div>
6
+ ${(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'; }}
7
+ </div>
6
8
  </div>
7
9
 
8
10
  <zero-button slot="action" appearance="lightweight" @click=${(x) => x.dismiss()}>
9
- ${(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'; }}
11
+ ${(x) => {
12
+ var _a, _b, _c, _d, _e, _f, _g, _h;
13
+ 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) ||
14
+ ((_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) ||
15
+ 'Ignore';
16
+ }}
10
17
  </zero-button>
11
18
 
12
- ${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 `
19
+ ${repeat((x) => {
20
+ var _a, _b, _c, _d;
21
+ return ((_b = (_a = x.error) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.banner.confirmingActions) ||
22
+ ((_d = (_c = x.notification) === null || _c === void 0 ? void 0 : _c.config) === null || _d === void 0 ? void 0 : _d.banner.confirmingActions);
23
+ }, html `
13
24
  <zero-button
14
25
  slot="action"
15
26
  appearance="lightweight"
@@ -26,12 +26,38 @@ const showDialog = (errorText) => {
26
26
  };
27
27
  dialog.show();
28
28
  };
29
+ const showDialogNotify = (notifyText) => {
30
+ const dialog = document.createElement('zero-error-dialog');
31
+ const container = document.getElementById('error-dialog-container');
32
+ container.appendChild(dialog);
33
+ dialog.notification = {
34
+ title: 'Notify Title',
35
+ body: `${notifyText} ID - notify - ${Math.random()}`,
36
+ config: {
37
+ dialog: {
38
+ confirmingActions: [
39
+ {
40
+ label: 'Action',
41
+ action: () => {
42
+ alert('Action in progress');
43
+ },
44
+ },
45
+ ],
46
+ },
47
+ },
48
+ };
49
+ dialog.show();
50
+ };
29
51
  export const Primary = {
30
52
  args: {
31
53
  errorText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet',
54
+ notifyText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet',
32
55
  },
33
- render: ({ errorText }) => html `
56
+ render: ({ errorText, notifyText }) => html `
34
57
  <zero-button @click="${() => showDialog(errorText)}">Show Zero Dialog</zero-button>
58
+ <zero-button @click="${() => showDialogNotify(notifyText)}">
59
+ Show Zero Dialog - Notification
60
+ </zero-button>
35
61
  <div id="error-dialog-container"></div>
36
62
  `,
37
63
  };
@@ -5,13 +5,19 @@ const meta = {
5
5
  };
6
6
  export default meta;
7
7
  const showError = (errorText) => {
8
- var _a;
8
+ var _a, _b;
9
9
  let snackbar = document.querySelector('#js-snackbar');
10
+ let snackbarNotify = document.querySelector('#js-snackbar-notify');
10
11
  if (!snackbar) {
11
12
  snackbar = document.createElement('zero-snackbar');
12
13
  snackbar.id = 'js-snackbar';
13
14
  (_a = document.querySelector('#zero-snackbar')) === null || _a === void 0 ? void 0 : _a.appendChild(snackbar);
14
15
  }
16
+ if (!snackbarNotify) {
17
+ snackbarNotify = document.createElement('zero-snackbar');
18
+ snackbarNotify.id = 'js-snackbar-notify';
19
+ (_b = document.querySelector('#zero-snackbar')) === null || _b === void 0 ? void 0 : _b.appendChild(snackbar);
20
+ }
15
21
  snackbar.error = {
16
22
  title: 'Error Title',
17
23
  errorDetails: `${errorText} ID - ${Math.random()}`,
@@ -29,14 +35,61 @@ const showError = (errorText) => {
29
35
  },
30
36
  },
31
37
  };
38
+ snackbar.notification = {
39
+ title: 'Notification Title',
40
+ body: `${errorText} ID - ${Math.random()}`,
41
+ config: {
42
+ snackbar: {
43
+ type: 'error',
44
+ confirmingActions: [
45
+ {
46
+ label: 'Action',
47
+ action: () => {
48
+ alert('Action in progress');
49
+ },
50
+ },
51
+ ],
52
+ },
53
+ },
54
+ };
55
+ };
56
+ const showNotification = (notoficationText) => {
57
+ var _a;
58
+ let snackbarNotify = document.querySelector('#js-snackbar-notify');
59
+ if (!snackbarNotify) {
60
+ snackbarNotify = document.createElement('zero-snackbar');
61
+ snackbarNotify.id = 'js-snackbar-notify';
62
+ (_a = document.querySelector('#zero-snackbar')) === null || _a === void 0 ? void 0 : _a.appendChild(snackbarNotify);
63
+ }
64
+ snackbarNotify.notification = {
65
+ title: 'Notification Title',
66
+ body: `${notoficationText} ID - Notify - ${Math.random()}`,
67
+ config: {
68
+ snackbar: {
69
+ type: 'error',
70
+ confirmingActions: [
71
+ {
72
+ label: 'Action',
73
+ action: () => {
74
+ alert('Action in progress');
75
+ },
76
+ },
77
+ ],
78
+ },
79
+ },
80
+ };
32
81
  };
33
82
  export const Primary = {
34
83
  args: {
35
84
  errorText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
85
+ notificationText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
36
86
  },
37
- render: ({ errorText }) => html `
87
+ render: ({ errorText, notificationText }) => html `
38
88
  <div id="zero-snackbar" style="width: 100%;">
39
89
  <zero-button @click="${() => showError(errorText)}">Show Zero Snackbar</zero-button>
90
+ <zero-button @click="${() => showNotification(notificationText)}">
91
+ Show Zero Snackbar - Notification
92
+ </zero-button>
40
93
  </div>
41
94
  `,
42
95
  };
@@ -2,10 +2,16 @@ import { html, ref, repeat } from '@microsoft/fast-element';
2
2
  export const zeroSnackbarTemplate = html `
3
3
  <div class="snackbar ${(x) => x.deleteAnimation}" ${ref('snackbar')}>
4
4
  <div part="content" class="content">
5
- <div>${(x) => { var _a; return ((_a = x.error) === null || _a === void 0 ? void 0 : _a.errorDetails) || 'Place holder for error message'; }}</div>
5
+ <div>
6
+ ${(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'; }}
7
+ </div>
6
8
  </div>
7
9
  <div part="action" class="action">
8
- ${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 `
10
+ ${repeat((x) => {
11
+ var _a, _b, _c, _d, _e, _f;
12
+ 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) ||
13
+ ((_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);
14
+ }, html `
9
15
  <zero-button
10
16
  slot="action"
11
17
  appearance="lightweight"
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.91.1",
4
+ "version": "14.91.3-alpha.1360cc6.1",
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.91.1",
68
+ "@genesislcap/genx": "14.91.3-alpha.1360cc6.1",
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.91.1",
82
- "@genesislcap/foundation-logger": "14.91.1",
83
- "@genesislcap/foundation-ui": "14.91.1",
84
- "@genesislcap/foundation-utils": "14.91.1",
81
+ "@genesislcap/foundation-comms": "14.91.3-alpha.1360cc6.1",
82
+ "@genesislcap/foundation-logger": "14.91.3-alpha.1360cc6.1",
83
+ "@genesislcap/foundation-ui": "14.91.3-alpha.1360cc6.1",
84
+ "@genesislcap/foundation-utils": "14.91.3-alpha.1360cc6.1",
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": "5b43a2fc0cd14d94a8c01c3affbc052a0ad52ab1"
101
+ "gitHead": "e7a477991eaf5cadb70009175fd999ba66d71ddf"
102
102
  }