@genesislcap/foundation-zero 14.94.0 → 14.94.1

package/dist/custom-elements.json

@@ -645,37 +645,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/_config/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./tokens"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./values"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/_common/colors.hex.ts",
@@ -817,51 +786,11 @@
     },
     {
       "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"
-          }
-        }
-      ]
-    },
-    {
-      "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"
@@ -886,24 +815,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": [
@@ -925,24 +854,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",
@@ -950,31 +879,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": [
         {
@@ -982,7 +911,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./accordion"
+            "package": "./accordion-item"
           }
         },
         {
@@ -990,7 +919,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./accordion.styles"
+            "package": "./accordion-item.styles"
           }
         },
         {
@@ -998,18 +927,58 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./accordion.template"
+            "package": "./accordion-item.template"
           }
         }
       ]
     },
     {
       "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"
@@ -1034,24 +1003,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 +1042,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 +1067,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 +1099,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./accordion-item"
+            "package": "./accordion"
           }
         },
         {
@@ -1138,7 +1107,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./accordion-item.styles"
+            "package": "./accordion.styles"
           }
         },
         {
@@ -1146,7 +1115,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./accordion-item.template"
+            "package": "./accordion.template"
           }
         }
       ]
@@ -1611,6 +1580,37 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/_config/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./tokens"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./values"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/anchored-region/anchored-region.stories.ts",
@@ -7127,7 +7127,7 @@
           "type": {
             "text": "ViewTemplate<FilterBar>"
           },
-          "default": "html`\n  ${filterBarTemplate}\n`"
+          "default": "html`\n  ${filterBarTemplate('zero')}\n`"
         }
       ],
       "exports": [
@@ -7149,68 +7149,13 @@
           "kind": "class",
           "description": "",
           "name": "FilterBar",
+          "superclass": {
+            "name": "FoundationFilterBar",
+            "package": "@genesislcap/foundation-ui"
+          },
+          "tagName": "%%prefix%%-filter-bar",
+          "customElement": true,
           "members": [
-            {
-              "kind": "field",
-              "name": "resource",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "only",
-              "type": {
-                "text": "string"
-              },
-              "description": "Only generate filters for the specified fields, provided as a comma separated list.\nDefault behavior (if \"only\" is not set) is to generate filters for all fields based on metadata."
-            },
-            {
-              "kind": "field",
-              "name": "labels",
-              "type": {
-                "text": "string"
-              },
-              "description": "Labels for the specified fields, to be used alongside \"only\" prop."
-            },
-            {
-              "kind": "field",
-              "name": "target",
-              "type": {
-                "text": "string"
-              },
-              "description": "Will be included in event emmissions.\nUsually set to the id of the target datasource.\nUsefull when we have multiple grids in the same page."
-            },
-            {
-              "kind": "field",
-              "name": "ready",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "fields",
-              "type": {
-                "text": "MetadataDetail[]"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "filterGrid",
-              "type": {
-                "text": "HTMLDivElement"
-              },
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "collapsed",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true"
-            },
             {
               "kind": "field",
               "name": "_presentation",
@@ -7322,46 +7267,7 @@
                 "module": "src/foundation-element/foundation-element.ts"
               }
             }
-          ],
-          "attributes": [
-            {
-              "name": "resource",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "resource"
-            },
-            {
-              "name": "only",
-              "type": {
-                "text": "string"
-              },
-              "description": "Only generate filters for the specified fields, provided as a comma separated list.\nDefault behavior (if \"only\" is not set) is to generate filters for all fields based on metadata.",
-              "fieldName": "only"
-            },
-            {
-              "name": "labels",
-              "type": {
-                "text": "string"
-              },
-              "description": "Labels for the specified fields, to be used alongside \"only\" prop.",
-              "fieldName": "labels"
-            },
-            {
-              "name": "target",
-              "type": {
-                "text": "string"
-              },
-              "description": "Will be included in event emmissions.\nUsually set to the id of the target datasource.\nUsefull when we have multiple grids in the same page.",
-              "fieldName": "target"
-            }
-          ],
-          "superclass": {
-            "name": "FoundationFilterBar",
-            "package": "@genesislcap/foundation-ui"
-          },
-          "tagName": "%%prefix%%-filter-bar",
-          "customElement": true
+          ]
         },
         {
           "kind": "variable",

package/dist/dts/filter-bar/filter-bar.d.ts

@@ -1,29 +1,8 @@
-import { MetadataDetail } from '@genesislcap/foundation-comms';
 import { FilterBar as FoundationFilterBar } from '@genesislcap/foundation-ui';
 /**
  * @tagname %%prefix%%-filter-bar
  */
 export declare class FilterBar extends FoundationFilterBar {
-    resource: string;
-    /**
-     * Only generate filters for the specified fields, provided as a comma separated list.
-     * Default behavior (if "only" is not set) is to generate filters for all fields based on metadata.
-     */
-    only: string;
-    /**
-     * Labels for the specified fields, to be used alongside "only" prop.
-     */
-    labels: string;
-    /**
-     * Will be included in event emmissions.
-     * Usually set to the id of the target datasource.
-     * Usefull when we have multiple grids in the same page.
-     */
-    target: string;
-    ready: boolean;
-    fields: MetadataDetail[];
-    filterGrid: HTMLDivElement;
-    collapsed: boolean;
 }
 /**
  * The Zero Filter

package/dist/dts/filter-bar/filter-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-bar.d.ts","sourceRoot":"","sources":["../../../src/filter-bar/filter-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,SAAS,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAK9E;;GAEG;AACH,qBAAa,SAAU,SAAQ,mBAAmB;IAC1C,QAAQ,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACG,IAAI,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACG,MAAM,EAAE,MAAM,CAAC;IAErB;;;;OAIG;IACG,MAAM,EAAE,MAAM,CAAC;IAET,KAAK,EAAE,OAAO,CAAe;IAC7B,MAAM,EAAE,cAAc,EAAE,CAAC;IAE9B,UAAU,EAAG,cAAc,CAAC;IAEvB,SAAS,EAAE,OAAO,CAAQ;CACvC;AAED;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,yTAIxB,CAAC"}
+{"version":3,"file":"filter-bar.d.ts","sourceRoot":"","sources":["../../../src/filter-bar/filter-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAI9E;;GAEG;AACH,qBAAa,SAAU,SAAQ,mBAAmB;CAAG;AAErD;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,yTAIxB,CAAC"}

package/dist/dts/filter-bar/filter-bar.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-bar.template.d.ts","sourceRoot":"","sources":["../../../src/filter-bar/filter-bar.template.ts"],"names":[],"mappings":"AAEA,OAAO,EAAqB,YAAY,EAAQ,MAAM,yBAAyB,CAAC;AAEhF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AA0C9C,eAAO,MAAM,qBAAqB,EAAE,YAAY,CAAC,SAAS,CAEzD,CAAC"}
+{"version":3,"file":"filter-bar.template.d.ts","sourceRoot":"","sources":["../../../src/filter-bar/filter-bar.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,eAAO,MAAM,qBAAqB,EAAE,YAAY,CAAC,SAAS,CAEzD,CAAC"}

package/dist/esm/filter-bar/filter-bar.js

@@ -1,39 +1,11 @@
-import { __decorate } from "tslib";
 import { FilterBar as FoundationFilterBar } from '@genesislcap/foundation-ui';
-import { attr, observable } from '@microsoft/fast-element';
 import { zeroFilterBarStyles as styles } from './filter-bar.styles';
 import { zeroFilterBarTemplate as template } from './filter-bar.template';
 /**
  * @tagname %%prefix%%-filter-bar
  */
 export class FilterBar extends FoundationFilterBar {
-    constructor() {
-        super(...arguments);
-        this.ready = super.ready;
-        this.collapsed = true;
-    }
 }
-__decorate([
-    attr
-], FilterBar.prototype, "resource", void 0);
-__decorate([
-    attr
-], FilterBar.prototype, "only", void 0);
-__decorate([
-    attr
-], FilterBar.prototype, "labels", void 0);
-__decorate([
-    attr
-], FilterBar.prototype, "target", void 0);
-__decorate([
-    observable
-], FilterBar.prototype, "ready", void 0);
-__decorate([
-    observable
-], FilterBar.prototype, "fields", void 0);
-__decorate([
-    observable
-], FilterBar.prototype, "collapsed", void 0);
 /**
  * The Zero Filter
  *

package/dist/esm/filter-bar/filter-bar.template.js

@@ -1,35 +1,5 @@
-import { mapType } from '@genesislcap/foundation-ui';
-import { html, ref, repeat, when } from '@microsoft/fast-element';
-import { classNames } from '@microsoft/fast-web-utilities';
-const collapseIcon = html `
-  ${when((x) => x.collapsed, html `
-      <zero-icon name="chevron-down"></zero-icon>
-    `)}
-  ${when((x) => !x.collapsed, html `
-      <zero-icon name="chevron-up"></zero-icon>
-    `)}
-`;
-const filterBarTemplate = html `
-  <div
-    class=${(x) => classNames(['toggle', true], ['toggle-collapsed', x.collapsed])}
-    @click="${(x) => x['toggle']()}"
-  >
-    ${collapseIcon}
-  </div>
-  <div class=${(x) => classNames(['filter-bar', true], ['collapsed', x.collapsed])}>
-    <div class="filter-grid" ${ref('filterGrid')}>
-      ${repeat((x) => x.fields, html `
-          <zero-filter
-            label="${(x) => x.UI_LABEL}"
-            target="${(x, c) => { var _a; return (_a = c.parent) === null || _a === void 0 ? void 0 : _a.target; }}"
-            type="${(x) => mapType(x.TYPE)}"
-            fieldName="${(x) => x.NAME}"
-            enumOptions="${(x) => x.VALID_VALUES}"
-          />
-        `)}
-    </div>
-  </div>
-`;
+import { filterBarTemplate } from '@genesislcap/foundation-ui';
+import { html } from '@microsoft/fast-element';
 export const zeroFilterBarTemplate = html `
-  ${filterBarTemplate}
+  ${filterBarTemplate('zero')}
 `;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-zero",
   "description": "Genesis Foundation Zero Design System",
-  "version": "14.94.0",
+  "version": "14.94.1",
   "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.94.0",
+    "@genesislcap/genx": "14.94.1",
     "@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.94.0",
-    "@genesislcap/foundation-logger": "14.94.0",
-    "@genesislcap/foundation-ui": "14.94.0",
-    "@genesislcap/foundation-utils": "14.94.0",
+    "@genesislcap/foundation-comms": "14.94.1",
+    "@genesislcap/foundation-logger": "14.94.1",
+    "@genesislcap/foundation-ui": "14.94.1",
+    "@genesislcap/foundation-utils": "14.94.1",
     "@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": "cb3b05d51d51d25f3558ab4436258df58268aa0e"
+  "gitHead": "a1b6baf9b2003cbb1d73b44d0715ac3492e4f6f5"
 }