@genesislcap/foundation-zero 14.15.1-bny.18 → 14.15.1

package/dist/custom-elements.json

@@ -581,37 +581,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",
@@ -751,6 +720,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/actions-menu/actions-menu.stories.ts",
@@ -3351,132 +3351,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/design-system-provider/design-system-provider.styles.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "designSystemProviderStyles",
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "designSystemProviderStyles",
-          "declaration": {
-            "name": "designSystemProviderStyles",
-            "module": "src/design-system-provider/design-system-provider.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/design-system-provider/design-system-provider.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The Zero Design System Provider",
-          "name": "ZeroDesignSystemProvider",
-          "members": [
-            {
-              "kind": "field",
-              "name": "cardFillColor",
-              "type": {
-                "text": "Swatch"
-              },
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "cardForegroundColor",
-              "type": {
-                "text": "Swatch"
-              },
-              "privacy": "public"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "card-fill-color",
-              "type": {
-                "text": "Swatch"
-              },
-              "fieldName": "cardFillColor"
-            },
-            {
-              "name": "card-foreground-color",
-              "type": {
-                "text": "Swatch"
-              },
-              "fieldName": "cardForegroundColor"
-            }
-          ],
-          "superclass": {
-            "name": "FASTDesignSystemProvider",
-            "package": "@microsoft/fast-components"
-          },
-          "tagName": "%%prefix%%-design-system-provider",
-          "customElement": true
-        },
-        {
-          "kind": "variable",
-          "name": "zeroDesignSystemProvider",
-          "description": "The Zero Design System Provider composed element",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ZeroDesignSystemProvider",
-          "declaration": {
-            "name": "ZeroDesignSystemProvider",
-            "module": "src/design-system-provider/design-system-provider.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "zeroDesignSystemProvider",
-          "declaration": {
-            "name": "zeroDesignSystemProvider",
-            "module": "src/design-system-provider/design-system-provider.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/design-system-provider/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./design-system-provider"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./design-system-provider.styles"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/date-picker/date-picker.stories.ts",
@@ -3784,75 +3658,201 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/dialog/dialog.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Dialog',\n  component: 'zero-dialog',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  args: {\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    dialogMaxWidth,\n    dialogTitle,\n    dialogInitialText,\n    dialogMainText,\n    dialogCloseButtonText,\n  }) => html`\n    <zero-button @click=\"${showDialog}\">Show Zero Dialog</zero-button>\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}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/dialog/dialog.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/dialog/dialog.stories.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/dialog/dialog.styles.ts",
+      "path": "src/design-system-provider/design-system-provider.styles.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "zeroDialogStyles",
-          "default": "css`\n  ${foundationDialogStyles}\n  :host {\n    --dialog-background: ${neutralLayer2};\n  }\n\n  dialog {\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    color: rgb(255 255 255 / 30%);\n    border-radius: calc(var(--control-corner-radius) * 1px);\n    border: 1px solid ${ColorHEX.lightGrey};\n    text-align: left;\n    line-height: normal;\n    box-shadow: 0 2px 15px 0 rgb(0 0 0 / 35%);\n  }\n\n  .top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    color: ${ColorHEX.almostWhite};\n    margin-bottom: calc(var(--design-unit) * 2px);\n  }\n\n  .bottom {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-end;\n    color: ${ColorHEX.almostWhite};\n  }\n\n  :host slot:first-of-type {\n    color: ${neutralForegroundRest};\n  }\n\n  ::slotted(zero-button) {\n    margin-top: calc(var(--design-unit) * 4px - 1px);\n  }\n\n  .content-wrapper {\n    min-width: var(--dialog-min-width);\n    min-height: var(--dialog-min-height);\n    height: fit-content;\n    width: fit-content;\n    max-width: var(--dialog-max-width);\n    max-height: var(--dialog-max-height);\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    align-items: stretch;\n  }\n\n  .close-icon:hover svg {\n    background-color: ${whiteWebRGBA(0.05)};\n  }\n\n  .close-icon:hover svg g path {\n    fill: ${whiteWebRGBA(1)};\n  }\n\n  .close-icon:active svg {\n    background-color: ${defaultDialogActiveBGColor};\n  }\n\n  .close-icon:active svg g path {\n    fill: ${whiteWebRGBA(0.33)};\n  }\n`"
+          "kind": "function",
+          "name": "designSystemProviderStyles",
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "zeroDialogStyles",
+          "name": "designSystemProviderStyles",
           "declaration": {
-            "name": "zeroDialogStyles",
-            "module": "src/dialog/dialog.styles.ts"
+            "name": "designSystemProviderStyles",
+            "module": "src/design-system-provider/design-system-provider.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/dialog/dialog.ts",
+      "path": "src/design-system-provider/design-system-provider.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "defaultDialogConfig",
-          "default": "foundationConfig"
-        },
-        {
+          "kind": "class",
+          "description": "The Zero Design System Provider",
+          "name": "ZeroDesignSystemProvider",
+          "members": [
+            {
+              "kind": "field",
+              "name": "cardFillColor",
+              "type": {
+                "text": "Swatch"
+              },
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "cardForegroundColor",
+              "type": {
+                "text": "Swatch"
+              },
+              "privacy": "public"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "card-fill-color",
+              "type": {
+                "text": "Swatch"
+              },
+              "fieldName": "cardFillColor"
+            },
+            {
+              "name": "card-foreground-color",
+              "type": {
+                "text": "Swatch"
+              },
+              "fieldName": "cardForegroundColor"
+            }
+          ],
+          "superclass": {
+            "name": "FASTDesignSystemProvider",
+            "package": "@microsoft/fast-components"
+          },
+          "tagName": "%%prefix%%-design-system-provider",
+          "customElement": true
+        },
+        {
+          "kind": "variable",
+          "name": "zeroDesignSystemProvider",
+          "description": "The Zero Design System Provider composed element",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ZeroDesignSystemProvider",
+          "declaration": {
+            "name": "ZeroDesignSystemProvider",
+            "module": "src/design-system-provider/design-system-provider.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "zeroDesignSystemProvider",
+          "declaration": {
+            "name": "zeroDesignSystemProvider",
+            "module": "src/design-system-provider/design-system-provider.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/design-system-provider/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./design-system-provider"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./design-system-provider.styles"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/dialog/dialog.stories.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "meta",
+          "type": {
+            "text": "Meta"
+          },
+          "default": "{\n  title: 'Dialog',\n  component: 'zero-dialog',\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "Primary",
+          "type": {
+            "text": "StoryObj"
+          },
+          "default": "{\n  args: {\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    dialogMaxWidth,\n    dialogTitle,\n    dialogInitialText,\n    dialogMainText,\n    dialogCloseButtonText,\n  }) => html`\n    <zero-button @click=\"${showDialog}\">Show Zero Dialog</zero-button>\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}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "meta",
+            "module": "src/dialog/dialog.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Primary",
+          "declaration": {
+            "name": "Primary",
+            "module": "src/dialog/dialog.stories.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/dialog/dialog.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "zeroDialogStyles",
+          "default": "css`\n  ${foundationDialogStyles}\n  :host {\n    --dialog-background: ${neutralLayer2};\n  }\n\n  dialog {\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    color: rgb(255 255 255 / 30%);\n    border-radius: calc(var(--control-corner-radius) * 1px);\n    border: 1px solid ${ColorHEX.lightGrey};\n    text-align: left;\n    line-height: normal;\n    box-shadow: 0 2px 15px 0 rgb(0 0 0 / 35%);\n  }\n\n  .top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    color: ${ColorHEX.almostWhite};\n    margin-bottom: calc(var(--design-unit) * 2px);\n  }\n\n  .bottom {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-end;\n    color: ${ColorHEX.almostWhite};\n  }\n\n  :host slot:first-of-type {\n    color: ${neutralForegroundRest};\n  }\n\n  ::slotted(zero-button) {\n    margin-top: calc(var(--design-unit) * 4px - 1px);\n  }\n\n  .content-wrapper {\n    min-width: var(--dialog-min-width);\n    min-height: var(--dialog-min-height);\n    height: fit-content;\n    width: fit-content;\n    max-width: var(--dialog-max-width);\n    max-height: var(--dialog-max-height);\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    align-items: stretch;\n  }\n\n  .close-icon:hover svg {\n    background-color: ${whiteWebRGBA(0.05)};\n  }\n\n  .close-icon:hover svg g path {\n    fill: ${whiteWebRGBA(1)};\n  }\n\n  .close-icon:active svg {\n    background-color: ${defaultDialogActiveBGColor};\n  }\n\n  .close-icon:active svg g path {\n    fill: ${whiteWebRGBA(0.33)};\n  }\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroDialogStyles",
+          "declaration": {
+            "name": "zeroDialogStyles",
+            "module": "src/dialog/dialog.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/dialog/dialog.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "defaultDialogConfig",
+          "default": "foundationConfig"
+        },
+        {
           "kind": "variable",
           "name": "zeroDialogTemplate",
           "default": "foundationDialogTemplate"
@@ -5801,7 +5801,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/filter-bar/filter-bar.stories.ts",
+      "path": "src/filter/filter.stories.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -5809,7 +5809,7 @@
           "type": {
             "text": "Meta"
           },
-          "default": "{\n  title: 'Filter Bar',\n  component: 'zero-filter-bar',\n}"
+          "default": "{\n  title: 'Filter',\n  component: 'zero-filter',\n}"
         },
         {
           "kind": "variable",
@@ -5817,7 +5817,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  render: () =>\n    html`\n      <zero-filter-bar\n        resource=\"ALL_PROCESSES_STATUS\"\n        only=\"PROCESS_PORT, START_TIME, PROCESS_NAME, DATADUMP\"\n      ></zero-filter-bar>\n    `,\n}"
+          "default": "{\n  render: () =>\n    html`\n      <zero-filter type=\"text\" fieldName=\"SOME_TEXT_FIELD\"></zero-filter>\n      <zero-filter type=\"boolean\" fieldName=\"SOME_BOOLEAN_FIELD\"></zero-filter>\n      <zero-filter type=\"date\" fieldName=\"SOME_DATE_FIELD\"></zero-filter>\n      <zero-filter type=\"number\" fieldName=\"SOME_NUMERIC_FIELD\"></zero-filter>\n    `,\n}"
         }
       ],
       "exports": [
@@ -5826,7 +5826,7 @@
           "name": "default",
           "declaration": {
             "name": "meta",
-            "module": "src/filter-bar/filter-bar.stories.ts"
+            "module": "src/filter/filter.stories.ts"
           }
         },
         {
@@ -5834,143 +5834,116 @@
           "name": "Primary",
           "declaration": {
             "name": "Primary",
-            "module": "src/filter-bar/filter-bar.stories.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/filter-bar/filter-bar.styles.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "zeroFilterBarStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "zeroFilterBarStyles",
-          "declaration": {
-            "name": "zeroFilterBarStyles",
-            "module": "src/filter-bar/filter-bar.styles.ts"
+            "module": "src/filter/filter.stories.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/filter-bar/filter-bar.template.ts",
+      "path": "src/filter/filter.template.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "zeroFilterBarTemplate",
+          "name": "zeroFilterTemplate",
           "type": {
-            "text": "ViewTemplate<FilterBar>"
+            "text": "ViewTemplate<Filter>"
           },
-          "default": "html`\n  ${filterBarTemplate}\n`"
+          "default": "html`\n  <div class=\"filter-wrapper\">${(x) => selectTemplate(x)}</div>\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "zeroFilterBarTemplate",
+          "name": "zeroFilterTemplate",
           "declaration": {
-            "name": "zeroFilterBarTemplate",
-            "module": "src/filter-bar/filter-bar.template.ts"
+            "name": "zeroFilterTemplate",
+            "module": "src/filter/filter.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/filter-bar/filter-bar.ts",
+      "path": "src/filter/filter.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FilterBar",
+          "name": "Filter",
           "members": [
             {
               "kind": "field",
-              "name": "resource",
+              "name": "textFilterField",
               "type": {
-                "text": "string"
-              }
+                "text": "TextField"
+              },
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "only",
+              "name": "numFilterFieldMin",
               "type": {
-                "text": "string"
+                "text": "TextField"
               },
-              "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."
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "labels",
+              "name": "numFilterFieldMax",
               "type": {
-                "text": "string"
+                "text": "TextField"
               },
-              "description": "Labels for the specified fields, to be used alongside \"only\" prop."
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "target",
+              "name": "dateFilterFieldMin",
               "type": {
-                "text": "string"
+                "text": "TextField"
               },
-              "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."
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "ready",
+              "name": "dateFilterFieldMax",
               "type": {
-                "text": "boolean"
+                "text": "TextField"
+              },
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "fieldName",
+              "type": {
+                "text": "string"
               }
             },
             {
               "kind": "field",
-              "name": "fields",
+              "name": "label",
               "type": {
-                "text": "MetadataDetail[]"
+                "text": "string"
               }
             },
             {
               "kind": "field",
-              "name": "filterGrid",
+              "name": "type"
+            },
+            {
+              "kind": "field",
+              "name": "target",
               "type": {
-                "text": "HTMLDivElement"
+                "text": "string"
               },
-              "privacy": "public"
+              "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": "collapsed",
+              "name": "enumFilterOptions",
               "type": {
-                "text": "boolean"
-              },
-              "default": "true"
+                "text": "any[]"
+              }
             },
             {
               "kind": "field",
@@ -6086,27 +6059,22 @@
           ],
           "attributes": [
             {
-              "name": "resource",
+              "name": "fieldName",
               "type": {
                 "text": "string"
               },
-              "fieldName": "resource"
+              "fieldName": "fieldName"
             },
             {
-              "name": "only",
+              "name": "label",
               "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"
+              "fieldName": "label"
             },
             {
-              "name": "labels",
-              "type": {
-                "text": "string"
-              },
-              "description": "Labels for the specified fields, to be used alongside \"only\" prop.",
-              "fieldName": "labels"
+              "name": "type",
+              "fieldName": "type"
             },
             {
               "name": "target",
@@ -6118,41 +6086,39 @@
             }
           ],
           "superclass": {
-            "name": "FoundationFilterBar",
+            "name": "FoundationFilter",
             "package": "@genesislcap/foundation-ui"
           },
-          "tagName": "%%prefix%%-filter-bar",
+          "tagName": "%%prefix%%-filter",
           "customElement": true
         },
         {
           "kind": "variable",
-          "name": "zeroFilterBar",
-          "description": "The Zero Filter",
-          "privacy": "public"
+          "name": "zeroFilter"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "FilterBar",
+          "name": "Filter",
           "declaration": {
-            "name": "FilterBar",
-            "module": "src/filter-bar/filter-bar.ts"
+            "name": "Filter",
+            "module": "src/filter/filter.ts"
           }
         },
         {
           "kind": "js",
-          "name": "zeroFilterBar",
+          "name": "zeroFilter",
           "declaration": {
-            "name": "zeroFilterBar",
-            "module": "src/filter-bar/filter-bar.ts"
+            "name": "zeroFilter",
+            "module": "src/filter/filter.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/filter-bar/index.ts",
+      "path": "src/filter/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -6160,7 +6126,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./filter-bar.styles"
+            "package": "./filter"
           }
         },
         {
@@ -6168,22 +6134,22 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./filter-bar.template"
+            "package": "./filter.template"
           }
         },
         {
           "kind": "js",
-          "name": "*",
+          "name": "zeroFilterStyles",
           "declaration": {
-            "name": "*",
-            "package": "./filter-bar"
+            "name": "foundationFilterStyles",
+            "package": "@genesislcap/foundation-ui"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/filter/filter.stories.ts",
+      "path": "src/filter-bar/filter-bar.stories.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -6191,7 +6157,7 @@
           "type": {
             "text": "Meta"
           },
-          "default": "{\n  title: 'Filter',\n  component: 'zero-filter',\n}"
+          "default": "{\n  title: 'Filter Bar',\n  component: 'zero-filter-bar',\n}"
         },
         {
           "kind": "variable",
@@ -6199,7 +6165,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  render: () =>\n    html`\n      <zero-filter type=\"text\" fieldName=\"SOME_TEXT_FIELD\"></zero-filter>\n      <zero-filter type=\"boolean\" fieldName=\"SOME_BOOLEAN_FIELD\"></zero-filter>\n      <zero-filter type=\"date\" fieldName=\"SOME_DATE_FIELD\"></zero-filter>\n      <zero-filter type=\"number\" fieldName=\"SOME_NUMERIC_FIELD\"></zero-filter>\n    `,\n}"
+          "default": "{\n  render: () =>\n    html`\n      <zero-filter-bar\n        resource=\"ALL_PROCESSES_STATUS\"\n        only=\"PROCESS_PORT, START_TIME, PROCESS_NAME, DATADUMP\"\n      ></zero-filter-bar>\n    `,\n}"
         }
       ],
       "exports": [
@@ -6208,7 +6174,7 @@
           "name": "default",
           "declaration": {
             "name": "meta",
-            "module": "src/filter/filter.stories.ts"
+            "module": "src/filter-bar/filter-bar.stories.ts"
           }
         },
         {
@@ -6216,116 +6182,143 @@
           "name": "Primary",
           "declaration": {
             "name": "Primary",
-            "module": "src/filter/filter.stories.ts"
+            "module": "src/filter-bar/filter-bar.stories.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/filter/filter.template.ts",
+      "path": "src/filter-bar/filter-bar.styles.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "zeroFilterBarStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroFilterBarStyles",
+          "declaration": {
+            "name": "zeroFilterBarStyles",
+            "module": "src/filter-bar/filter-bar.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/filter-bar/filter-bar.template.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "zeroFilterTemplate",
+          "name": "zeroFilterBarTemplate",
           "type": {
-            "text": "ViewTemplate<Filter>"
+            "text": "ViewTemplate<FilterBar>"
           },
-          "default": "html`\n  <div class=\"filter-wrapper\">${(x) => selectTemplate(x)}</div>\n`"
+          "default": "html`\n  ${filterBarTemplate}\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "zeroFilterTemplate",
+          "name": "zeroFilterBarTemplate",
           "declaration": {
-            "name": "zeroFilterTemplate",
-            "module": "src/filter/filter.template.ts"
+            "name": "zeroFilterBarTemplate",
+            "module": "src/filter-bar/filter-bar.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/filter/filter.ts",
+      "path": "src/filter-bar/filter-bar.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Filter",
+          "name": "FilterBar",
           "members": [
             {
               "kind": "field",
-              "name": "textFilterField",
-              "type": {
-                "text": "TextField"
-              },
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "numFilterFieldMin",
+              "name": "resource",
               "type": {
-                "text": "TextField"
-              },
-              "privacy": "public"
+                "text": "string"
+              }
             },
             {
               "kind": "field",
-              "name": "numFilterFieldMax",
+              "name": "only",
               "type": {
-                "text": "TextField"
+                "text": "string"
               },
-              "privacy": "public"
+              "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": "dateFilterFieldMin",
+              "name": "labels",
               "type": {
-                "text": "TextField"
+                "text": "string"
               },
-              "privacy": "public"
+              "description": "Labels for the specified fields, to be used alongside \"only\" prop."
             },
             {
               "kind": "field",
-              "name": "dateFilterFieldMax",
+              "name": "target",
               "type": {
-                "text": "TextField"
+                "text": "string"
               },
-              "privacy": "public"
+              "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": "fieldName",
+              "name": "ready",
               "type": {
-                "text": "string"
+                "text": "boolean"
               }
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "fields",
               "type": {
-                "text": "string"
+                "text": "MetadataDetail[]"
               }
             },
             {
               "kind": "field",
-              "name": "type"
-            },
-            {
-              "kind": "field",
-              "name": "target",
+              "name": "filterGrid",
               "type": {
-                "text": "string"
+                "text": "HTMLDivElement"
               },
-              "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."
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "enumFilterOptions",
+              "name": "collapsed",
               "type": {
-                "text": "any[]"
-              }
+                "text": "boolean"
+              },
+              "default": "true"
             },
             {
               "kind": "field",
@@ -6441,22 +6434,27 @@
           ],
           "attributes": [
             {
-              "name": "fieldName",
+              "name": "resource",
               "type": {
                 "text": "string"
               },
-              "fieldName": "fieldName"
+              "fieldName": "resource"
             },
             {
-              "name": "label",
+              "name": "only",
               "type": {
                 "text": "string"
               },
-              "fieldName": "label"
+              "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": "type",
-              "fieldName": "type"
+              "name": "labels",
+              "type": {
+                "text": "string"
+              },
+              "description": "Labels for the specified fields, to be used alongside \"only\" prop.",
+              "fieldName": "labels"
             },
             {
               "name": "target",
@@ -6468,39 +6466,41 @@
             }
           ],
           "superclass": {
-            "name": "FoundationFilter",
+            "name": "FoundationFilterBar",
             "package": "@genesislcap/foundation-ui"
           },
-          "tagName": "%%prefix%%-filter",
+          "tagName": "%%prefix%%-filter-bar",
           "customElement": true
         },
         {
           "kind": "variable",
-          "name": "zeroFilter"
+          "name": "zeroFilterBar",
+          "description": "The Zero Filter",
+          "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Filter",
+          "name": "FilterBar",
           "declaration": {
-            "name": "Filter",
-            "module": "src/filter/filter.ts"
+            "name": "FilterBar",
+            "module": "src/filter-bar/filter-bar.ts"
           }
         },
         {
           "kind": "js",
-          "name": "zeroFilter",
+          "name": "zeroFilterBar",
           "declaration": {
-            "name": "zeroFilter",
-            "module": "src/filter/filter.ts"
+            "name": "zeroFilterBar",
+            "module": "src/filter-bar/filter-bar.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/filter/index.ts",
+      "path": "src/filter-bar/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -6508,7 +6508,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./filter"
+            "package": "./filter-bar.styles"
           }
         },
         {
@@ -6516,15 +6516,15 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./filter.template"
+            "package": "./filter-bar.template"
           }
         },
         {
           "kind": "js",
-          "name": "zeroFilterStyles",
+          "name": "*",
           "declaration": {
-            "name": "foundationFilterStyles",
-            "package": "@genesislcap/foundation-ui"
+            "name": "*",
+            "package": "./filter-bar"
           }
         }
       ]

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-zero",
   "description": "Genesis Foundation Zero Design System",
-  "version": "14.15.1-bny.18",
+  "version": "14.15.1",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -34,7 +34,7 @@
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.8.1",
-    "@genesislcap/genx": "14.15.1-bny.18",
+    "@genesislcap/genx": "^14.15.1",
     "@module-federation/dashboard-plugin": "2.3.0",
     "@pixability-ui/federated-types": "^0.2.0",
     "@playwright/test": "^1.18.1",
@@ -97,9 +97,9 @@
     "webpack-merge": "^5.7.3"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "14.15.1-bny.18",
-    "@genesislcap/foundation-ui": "14.15.1-bny.18",
-    "@genesislcap/foundation-utils": "14.15.1-bny.18",
+    "@genesislcap/foundation-comms": "^14.15.1",
+    "@genesislcap/foundation-ui": "^14.15.1",
+    "@genesislcap/foundation-utils": "^14.15.1",
     "@microsoft/fast-colors": "^5.1.4",
     "@microsoft/fast-components": "^2.21.3",
     "@microsoft/fast-element": "^1.7.0",
@@ -112,5 +112,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "bfebbf1200ae048a48e4b1482b716ac645a73bb9"
+  "gitHead": "2dbd67e150447f34d837a2256ee93c5806a02e0b"
 }