@genesislcap/foundation-zero 14.60.0 → 14.61.1

package/dist/custom-elements.json

@@ -12,7 +12,7 @@
           "type": {
             "text": "object"
           },
-          "default": "{\n  zeroAccordion,\n  zeroAccordionItem,\n  zeroActionsMenu,\n  zeroAnchor,\n  zeroAnchoredRegion,\n  zeroBadge,\n  zeroBanner,\n  zeroBreadcrumbItem,\n  zeroBreadcrumb,\n  zeroButton,\n  zeroCard,\n  zeroCheckbox,\n  zeroCombobox,\n  zeroConnectionIndicator,\n  zeroDataGrid,\n  zeroDesignSystemProvider,\n  zeroDialog,\n  zeroDatePicker,\n  zeroDisclosure,\n  zeroDivider,\n  zeroDropdownMenu,\n  zeroErrorBoundary,\n  zeroNotificationListener,\n  zeroErrorBanner,\n  zeroErrorDialog,\n  zeroFileUpload,\n  zeroFilter,\n  zeroFilterBar,\n  zeroFlexLayout,\n  zeroFlipper,\n  zeroFlyout,\n  zeroGridLayout,\n  zeroGridLayoutItem,\n  zeroIcon,\n  zeroListbox,\n  zeroListboxOption,\n  zeroMenu,\n  zeroMenuItem,\n  zeroModal,\n  zeroMultiselect,\n  zeroNumberField,\n  zeroProgress,\n  zeroProgressRing,\n  zeroRadio,\n  zeroRadioGroup,\n  zeroSegmentedControl,\n  zeroSegmentedItem,\n  zeroSelect,\n  zeroSkeleton,\n  zeroSlider,\n  zeroSnackbar,\n  zeroSwitch,\n  zeroTab,\n  zeroTabPanel,\n  zeroTabs,\n  zeroTextArea,\n  zeroTextField,\n  zeroToast,\n  zeroToolbar,\n  zeroTooltip,\n  zeroTreeItem,\n  zeroTreeView,\n  zeroUrlInput,\n  register(container?: Container, ...rest: any[]) {\n    if (!container) {\n      // preserve backward compatibility with code that loops through\n      // the values of this object and calls them as funcs with no args\n      return;\n    }\n\n    for (const key in this) {\n      if (key === 'register') {\n        continue;\n      }\n\n      this[key]().register(container, ...rest);\n    }\n  },\n}"
+          "default": "{\n  zeroAccordion,\n  zeroAccordionItem,\n  zeroActionsMenu,\n  zeroAnchor,\n  zeroAnchoredRegion,\n  zeroBadge,\n  zeroBanner,\n  zeroBreadcrumbItem,\n  zeroBreadcrumb,\n  zeroButton,\n  zeroCard,\n  zeroCheckbox,\n  zeroCombobox,\n  zeroConnectionIndicator,\n  zeroDataGrid,\n  zeroDesignSystemProvider,\n  zeroDialog,\n  zeroDatePicker,\n  zeroDisclosure,\n  zeroDivider,\n  zeroDropdownMenu,\n  zeroErrorBoundary,\n  zeroNotificationListener,\n  zeroErrorBanner,\n  zeroErrorDialog,\n  zeroFileUpload,\n  zeroFilter,\n  zeroFilterBar,\n  zeroFlexLayout,\n  zeroFlipper,\n  zeroFlyout,\n  zeroGridLayout,\n  zeroGridLayoutItem,\n  zeroHorizontalScroll,\n  zeroIcon,\n  zeroListbox,\n  zeroListboxOption,\n  zeroMenu,\n  zeroMenuItem,\n  zeroModal,\n  zeroMultiselect,\n  zeroNumberField,\n  zeroProgress,\n  zeroProgressRing,\n  zeroRadio,\n  zeroRadioGroup,\n  zeroSegmentedControl,\n  zeroSegmentedItem,\n  zeroSelect,\n  zeroSkeleton,\n  zeroSlider,\n  zeroSnackbar,\n  zeroSwitch,\n  zeroTab,\n  zeroTabPanel,\n  zeroTabs,\n  zeroTextArea,\n  zeroTextField,\n  zeroToast,\n  zeroToolbar,\n  zeroTooltip,\n  zeroTreeItem,\n  zeroTreeView,\n  zeroUrlInput,\n  register(container?: Container, ...rest: any[]) {\n    if (!container) {\n      // preserve backward compatibility with code that loops through\n      // the values of this object and calls them as funcs with no args\n      return;\n    }\n\n    for (const key in this) {\n      if (key === 'register') {\n        continue;\n      }\n\n      this[key]().register(container, ...rest);\n    }\n  },\n}"
         }
       ],
       "exports": [
@@ -330,6 +330,14 @@
             "package": "./grid-layout-item"
           }
         },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./horizontal-scroll"
+          }
+        },
         {
           "kind": "js",
           "name": "*",
@@ -752,37 +760,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/accordion/accordion.stories.ts",
@@ -971,6 +948,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/accordion-item/accordion-item.styles.ts",
@@ -6206,6 +6214,194 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/horizontal-scroll/horizontal-scroll.stories.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "meta",
+          "type": {
+            "text": "Meta"
+          },
+          "default": "{\n  title: 'Horizontal Scroll',\n  component: 'zero-horizontal-scroll',\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "Primary",
+          "type": {
+            "text": "StoryObj"
+          },
+          "default": "{\n  render: () => html`\n    <zero-horizontal-scroll style=${horizontalScrollStyle}>\n      ${repeat(\n        cards,\n        (item) => item,\n        (item) => html`\n          <zero-card style=${cardStyle}>\n            Card number ${item}\n            <zero-button>A button</zero-button>\n          </zero-card>\n        `,\n      )}\n    </zero-horizontal-scroll>\n  `,\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "meta",
+            "module": "src/horizontal-scroll/horizontal-scroll.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Primary",
+          "declaration": {
+            "name": "Primary",
+            "module": "src/horizontal-scroll/horizontal-scroll.stories.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/horizontal-scroll/horizontal-scroll.styles.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "zeroHorizontalScrollStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroHorizontalScrollStyles",
+          "declaration": {
+            "name": "zeroHorizontalScrollStyles",
+            "module": "src/horizontal-scroll/horizontal-scroll.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/horizontal-scroll/horizontal-scroll.template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "zeroHorizontalScrollTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<HorizontalScroll>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroHorizontalScrollTemplate",
+          "declaration": {
+            "name": "zeroHorizontalScrollTemplate",
+            "module": "src/horizontal-scroll/horizontal-scroll.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/horizontal-scroll/horizontal-scroll.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "HorizontalScroll",
+          "superclass": {
+            "name": "FoundationHorizontalScroll",
+            "package": "@genesislcap/foundation-ui"
+          },
+          "tagName": "%%prefix%%-horizontal-scroll",
+          "customElement": true
+        },
+        {
+          "kind": "variable",
+          "name": "zeroHorizontalScroll"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "HorizontalScroll",
+          "declaration": {
+            "name": "HorizontalScroll",
+            "module": "src/horizontal-scroll/horizontal-scroll.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "zeroHorizontalScroll",
+          "declaration": {
+            "name": "zeroHorizontalScroll",
+            "module": "src/horizontal-scroll/horizontal-scroll.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/horizontal-scroll/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./horizontal-scroll"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./horizontal-scroll.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./horizontal-scroll.template"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/icon/icon.stories.ts",
@@ -10182,7 +10378,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/text-area/index.ts",
+      "path": "src/text-field/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -10190,7 +10386,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./text-area"
+            "package": "./text-field"
           }
         },
         {
@@ -10198,7 +10394,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./text-area.styles"
+            "package": "./text-field.styles"
           }
         },
         {
@@ -10206,14 +10402,14 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./text-area.template"
+            "package": "./text-field.template"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/text-area/text-area.stories.ts",
+      "path": "src/text-field/text-field.stories.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -10221,7 +10417,7 @@
           "type": {
             "text": "Meta"
           },
-          "default": "{\n  title: 'Text Area',\n  component: 'zero-text-area',\n}"
+          "default": "{\n  title: 'Text Field',\n  component: 'zero-text-field',\n}"
         },
         {
           "kind": "variable",
@@ -10229,7 +10425,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  render: () => html`\n    <div style=\"height: 200px;\">\n      <zero-text-area resize=\"both\" placeholder=\"Enter text...\">Text Area</zero-text-area>\n      <zero-text-area value=\"some value\">Test label</zero-text-area>\n      <zero-text-area value=\"disabled\" disabled>Test label 2</zero-text-area>\n    </div>\n  `,\n}"
+          "default": "{\n  render: () => html`\n    <div style=\"${wrapperStyle}\">\n      <zero-text-field placeholder=\"Enter text...\">Text Field</zero-text-field>\n      <zero-text-field value=\"some value\">Test label</zero-text-field>\n      <zero-text-field value=\"disabled\" disabled>Test label 2</zero-text-field>\n      <zero-text-field type=\"datetime-local\">Datetime local type</zero-text-field>\n      <zero-text-field type=\"datetime-local\" step=\".001\">\n        Datetime local with step attr\n      </zero-text-field>\n    </div>\n  `,\n}"
         }
       ],
       "exports": [
@@ -10238,7 +10434,7 @@
           "name": "default",
           "declaration": {
             "name": "meta",
-            "module": "src/text-area/text-area.stories.ts"
+            "module": "src/text-field/text-field.stories.ts"
           }
         },
         {
@@ -10246,18 +10442,18 @@
           "name": "Primary",
           "declaration": {
             "name": "Primary",
-            "module": "src/text-area/text-area.stories.ts"
+            "module": "src/text-field/text-field.stories.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/text-area/text-area.styles.ts",
+      "path": "src/text-field/text-field.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroTextAreaStyles",
+          "name": "zeroTextFieldStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -10282,24 +10478,24 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroTextAreaStyles",
+          "name": "zeroTextFieldStyles",
           "declaration": {
-            "name": "zeroTextAreaStyles",
-            "module": "src/text-area/text-area.styles.ts"
+            "name": "zeroTextFieldStyles",
+            "module": "src/text-field/text-field.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/text-area/text-area.template.ts",
+      "path": "src/text-field/text-field.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroTextAreaTemplate",
+          "name": "zeroTextFieldTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<TextArea>"
+              "text": "ViewTemplate<TextField>"
             }
           },
           "parameters": [
@@ -10321,56 +10517,56 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroTextAreaTemplate",
+          "name": "zeroTextFieldTemplate",
           "declaration": {
-            "name": "zeroTextAreaTemplate",
-            "module": "src/text-area/text-area.template.ts"
+            "name": "zeroTextFieldTemplate",
+            "module": "src/text-field/text-field.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/text-area/text-area.ts",
+      "path": "src/text-field/text-field.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TextArea",
+          "name": "TextField",
           "superclass": {
-            "name": "FoundationTextArea",
+            "name": "FoundationTextField",
             "package": "@genesislcap/foundation-ui"
           },
-          "tagName": "%%prefix%%-text-area",
+          "tagName": "%%prefix%%-text-field",
           "customElement": true
         },
         {
           "kind": "variable",
-          "name": "zeroTextArea"
+          "name": "zeroTextField"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "TextArea",
+          "name": "TextField",
           "declaration": {
-            "name": "TextArea",
-            "module": "src/text-area/text-area.ts"
+            "name": "TextField",
+            "module": "src/text-field/text-field.ts"
           }
         },
         {
           "kind": "js",
-          "name": "zeroTextArea",
+          "name": "zeroTextField",
           "declaration": {
-            "name": "zeroTextArea",
-            "module": "src/text-area/text-area.ts"
+            "name": "zeroTextField",
+            "module": "src/text-field/text-field.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/text-field/index.ts",
+      "path": "src/text-area/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -10378,7 +10574,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./text-field"
+            "package": "./text-area"
           }
         },
         {
@@ -10386,7 +10582,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./text-field.styles"
+            "package": "./text-area.styles"
           }
         },
         {
@@ -10394,14 +10590,14 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./text-field.template"
+            "package": "./text-area.template"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/text-field/text-field.stories.ts",
+      "path": "src/text-area/text-area.stories.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -10409,7 +10605,7 @@
           "type": {
             "text": "Meta"
           },
-          "default": "{\n  title: 'Text Field',\n  component: 'zero-text-field',\n}"
+          "default": "{\n  title: 'Text Area',\n  component: 'zero-text-area',\n}"
         },
         {
           "kind": "variable",
@@ -10417,7 +10613,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  render: () => html`\n    <div style=\"${wrapperStyle}\">\n      <zero-text-field placeholder=\"Enter text...\">Text Field</zero-text-field>\n      <zero-text-field value=\"some value\">Test label</zero-text-field>\n      <zero-text-field value=\"disabled\" disabled>Test label 2</zero-text-field>\n      <zero-text-field type=\"datetime-local\">Datetime local type</zero-text-field>\n      <zero-text-field type=\"datetime-local\" step=\".001\">\n        Datetime local with step attr\n      </zero-text-field>\n    </div>\n  `,\n}"
+          "default": "{\n  render: () => html`\n    <div style=\"height: 200px;\">\n      <zero-text-area resize=\"both\" placeholder=\"Enter text...\">Text Area</zero-text-area>\n      <zero-text-area value=\"some value\">Test label</zero-text-area>\n      <zero-text-area value=\"disabled\" disabled>Test label 2</zero-text-area>\n    </div>\n  `,\n}"
         }
       ],
       "exports": [
@@ -10426,7 +10622,7 @@
           "name": "default",
           "declaration": {
             "name": "meta",
-            "module": "src/text-field/text-field.stories.ts"
+            "module": "src/text-area/text-area.stories.ts"
           }
         },
         {
@@ -10434,18 +10630,18 @@
           "name": "Primary",
           "declaration": {
             "name": "Primary",
-            "module": "src/text-field/text-field.stories.ts"
+            "module": "src/text-area/text-area.stories.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/text-field/text-field.styles.ts",
+      "path": "src/text-area/text-area.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroTextFieldStyles",
+          "name": "zeroTextAreaStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -10470,24 +10666,24 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroTextFieldStyles",
+          "name": "zeroTextAreaStyles",
           "declaration": {
-            "name": "zeroTextFieldStyles",
-            "module": "src/text-field/text-field.styles.ts"
+            "name": "zeroTextAreaStyles",
+            "module": "src/text-area/text-area.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/text-field/text-field.template.ts",
+      "path": "src/text-area/text-area.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroTextFieldTemplate",
+          "name": "zeroTextAreaTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<TextField>"
+              "text": "ViewTemplate<TextArea>"
             }
           },
           "parameters": [
@@ -10509,49 +10705,49 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroTextFieldTemplate",
+          "name": "zeroTextAreaTemplate",
           "declaration": {
-            "name": "zeroTextFieldTemplate",
-            "module": "src/text-field/text-field.template.ts"
+            "name": "zeroTextAreaTemplate",
+            "module": "src/text-area/text-area.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/text-field/text-field.ts",
+      "path": "src/text-area/text-area.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TextField",
+          "name": "TextArea",
           "superclass": {
-            "name": "FoundationTextField",
+            "name": "FoundationTextArea",
             "package": "@genesislcap/foundation-ui"
           },
-          "tagName": "%%prefix%%-text-field",
+          "tagName": "%%prefix%%-text-area",
           "customElement": true
         },
         {
           "kind": "variable",
-          "name": "zeroTextField"
+          "name": "zeroTextArea"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "TextField",
+          "name": "TextArea",
           "declaration": {
-            "name": "TextField",
-            "module": "src/text-field/text-field.ts"
+            "name": "TextArea",
+            "module": "src/text-area/text-area.ts"
           }
         },
         {
           "kind": "js",
-          "name": "zeroTextField",
+          "name": "zeroTextArea",
           "declaration": {
-            "name": "zeroTextField",
-            "module": "src/text-field/text-field.ts"
+            "name": "zeroTextArea",
+            "module": "src/text-area/text-area.ts"
           }
         }
       ]

package/dist/dts/base-components.d.ts

@@ -161,6 +161,7 @@ export declare const baseComponents: {
         shadowOptions: ShadowRootInit;
         template: import("@microsoft/fast-element").ViewTemplate<import("@genesislcap/foundation-ui").GridLayoutItem, any>;
     }, typeof import("./grid-layout-item").GridLayoutItem>;
+    zeroHorizontalScroll: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./horizontal-scroll").HorizontalScroll>;
     zeroIcon: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./icon").Icon>;
     zeroListbox: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./listbox").Listbox>;
     zeroListboxOption: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./listbox-option").ListboxOption>;

package/dist/dts/base-components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-components.d.ts","sourceRoot":"","sources":["../../src/base-components.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAiE5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAgEJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}
+{"version":3,"file":"base-components.d.ts","sourceRoot":"","sources":["../../src/base-components.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAkE5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAiEJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}

package/dist/dts/horizontal-scroll/horizontal-scroll.d.ts

@@ -0,0 +1,8 @@
+import { HorizontalScroll as FoundationHorizontalScroll } from '@genesislcap/foundation-ui';
+/**
+ * @tagname %%prefix%%-horizontal-scroll
+ */
+export declare class HorizontalScroll extends FoundationHorizontalScroll {
+}
+export declare const zeroHorizontalScroll: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof HorizontalScroll>;
+//# sourceMappingURL=horizontal-scroll.d.ts.map

package/dist/dts/horizontal-scroll/horizontal-scroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"horizontal-scroll.d.ts","sourceRoot":"","sources":["../../../src/horizontal-scroll/horizontal-scroll.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,IAAI,0BAA0B,EAG/C,MAAM,4BAA4B,CAAC;AAIpC;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,0BAA0B;CAAG;AAEnE,eAAO,MAAM,oBAAoB,gUAM/B,CAAC"}

package/dist/dts/horizontal-scroll/horizontal-scroll.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const Primary: StoryObj;
+//# sourceMappingURL=horizontal-scroll.stories.d.ts.map

package/dist/dts/horizontal-scroll/horizontal-scroll.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"horizontal-scroll.stories.d.ts","sourceRoot":"","sources":["../../../src/horizontal-scroll/horizontal-scroll.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;AAKpB,eAAO,MAAM,OAAO,EAAE,QAerB,CAAC"}

package/dist/dts/horizontal-scroll/horizontal-scroll.styles.d.ts

@@ -0,0 +1,4 @@
+import { ElementStyles } from '@microsoft/fast-element';
+import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
+export declare const zeroHorizontalScrollStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
+//# sourceMappingURL=horizontal-scroll.styles.d.ts.map

package/dist/dts/horizontal-scroll/horizontal-scroll.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"horizontal-scroll.styles.d.ts","sourceRoot":"","sources":["../../../src/horizontal-scroll/horizontal-scroll.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,0BAA0B,YAC5B,wBAAwB,cACrB,2BAA2B,KACtC,aAEF,CAAC"}

package/dist/dts/horizontal-scroll/horizontal-scroll.template.d.ts

@@ -0,0 +1,5 @@
+import type { ViewTemplate } from '@microsoft/fast-element';
+import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
+import type { HorizontalScroll } from './horizontal-scroll';
+export declare const zeroHorizontalScrollTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<HorizontalScroll>;
+//# sourceMappingURL=horizontal-scroll.template.d.ts.map

package/dist/dts/horizontal-scroll/horizontal-scroll.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"horizontal-scroll.template.d.ts","sourceRoot":"","sources":["../../../src/horizontal-scroll/horizontal-scroll.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,eAAO,MAAM,4BAA4B,YAC9B,wBAAwB,cACrB,2BAA2B,KACtC,aAAa,gBAAgB,CAA4D,CAAC"}

package/dist/dts/horizontal-scroll/index.d.ts

@@ -0,0 +1,4 @@
+export * from './horizontal-scroll';
+export * from './horizontal-scroll.styles';
+export * from './horizontal-scroll.template';
+//# sourceMappingURL=index.d.ts.map

package/dist/dts/horizontal-scroll/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/horizontal-scroll/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC"}

package/dist/dts/index.d.ts

@@ -35,6 +35,7 @@ export * from './flipper';
 export * from './flyout';
 export * from './grid-layout';
 export * from './grid-layout-item';
+export * from './horizontal-scroll';
 export * from './icon';
 export * from './listbox';
 export * from './listbox-option';

package/dist/dts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC;AAE/C,eAAO,MAAM,wBAAwB,yDAAuD,CAAC;AAE7F,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC;AAE/C,eAAO,MAAM,wBAAwB,yDAAuD,CAAC;AAE7F,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}

package/dist/esm/base-components.js

@@ -31,6 +31,7 @@ import { zeroFlipper } from './flipper';
 import { zeroFlyout } from './flyout';
 import { zeroGridLayout } from './grid-layout';
 import { zeroGridLayoutItem } from './grid-layout-item';
+import { zeroHorizontalScroll } from './horizontal-scroll';
 import { zeroIcon } from './icon';
 import { zeroListbox } from './listbox';
 import { zeroListboxOption } from './listbox-option';
@@ -96,6 +97,7 @@ export const baseComponents = {
     zeroFlyout,
     zeroGridLayout,
     zeroGridLayoutItem,
+    zeroHorizontalScroll,
     zeroIcon,
     zeroListbox,
     zeroListboxOption,

package/dist/esm/horizontal-scroll/horizontal-scroll.js

@@ -0,0 +1,10 @@
+import { HorizontalScroll as FoundationHorizontalScroll, defaultHorizontalScrollConfig, foundationHorizontalScrollShadowOptions, } from '@genesislcap/foundation-ui';
+import { zeroHorizontalScrollStyles as styles } from './horizontal-scroll.styles';
+import { zeroHorizontalScrollTemplate as template } from './horizontal-scroll.template';
+/**
+ * @tagname %%prefix%%-horizontal-scroll
+ */
+export class HorizontalScroll extends FoundationHorizontalScroll {
+}
+export const zeroHorizontalScroll = HorizontalScroll.compose(Object.assign({ baseName: 'horizontal-scroll', template,
+    styles, shadowOptions: foundationHorizontalScrollShadowOptions }, defaultHorizontalScrollConfig));

package/dist/esm/horizontal-scroll/horizontal-scroll.stories.js

@@ -0,0 +1,22 @@
+import { html } from 'lit-html';
+import { repeat } from 'lit-html/directives/repeat.js';
+const meta = {
+    title: 'Horizontal Scroll',
+    component: 'zero-horizontal-scroll',
+};
+export default meta;
+const horizontalScrollStyle = 'width: 400px;padding-left: 16px;';
+const cardStyle = 'padding: 10px;';
+const cards = Array.from({ length: 8 }, (_, i) => i + 1);
+export const Primary = {
+    render: () => html `
+    <zero-horizontal-scroll style=${horizontalScrollStyle}>
+      ${repeat(cards, (item) => item, (item) => html `
+          <zero-card style=${cardStyle}>
+            Card number ${item}
+            <zero-button>A button</zero-button>
+          </zero-card>
+        `)}
+    </zero-horizontal-scroll>
+  `,
+};

package/dist/esm/horizontal-scroll/horizontal-scroll.styles.js

@@ -0,0 +1,5 @@
+import { foundationHorizontalScrollStyles } from '@genesislcap/foundation-ui';
+import { css } from '@microsoft/fast-element';
+export const zeroHorizontalScrollStyles = (context, definition) => css `
+  ${foundationHorizontalScrollStyles(context, definition)}
+`;

package/dist/esm/horizontal-scroll/horizontal-scroll.template.js

@@ -0,0 +1,2 @@
+import { foundationHorizontalScrollTemplate } from '@genesislcap/foundation-ui';
+export const zeroHorizontalScrollTemplate = (context, definition) => foundationHorizontalScrollTemplate(context, definition);

package/dist/esm/horizontal-scroll/index.js

@@ -0,0 +1,3 @@
+export * from './horizontal-scroll';
+export * from './horizontal-scroll.styles';
+export * from './horizontal-scroll.template';

package/dist/esm/index.js

@@ -35,6 +35,7 @@ export * from './flipper';
 export * from './flyout';
 export * from './grid-layout';
 export * from './grid-layout-item';
+export * from './horizontal-scroll';
 export * from './icon';
 export * from './listbox';
 export * from './listbox-option';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-zero",
   "description": "Genesis Foundation Zero Design System",
-  "version": "14.60.0",
+  "version": "14.61.1",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -62,7 +62,7 @@
     "storybook": "storybook dev -p 6006"
   },
   "devDependencies": {
-    "@genesislcap/genx": "14.60.0",
+    "@genesislcap/genx": "14.61.1",
     "@storybook/addon-essentials": "^7.0.0",
     "@storybook/addon-links": "^7.0.0",
     "@storybook/addons": "^7.0.0",
@@ -75,9 +75,9 @@
     "storybook": "^7.0.0"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "14.60.0",
-    "@genesislcap/foundation-ui": "14.60.0",
-    "@genesislcap/foundation-utils": "14.60.0",
+    "@genesislcap/foundation-comms": "14.61.1",
+    "@genesislcap/foundation-ui": "14.61.1",
+    "@genesislcap/foundation-utils": "14.61.1",
     "@microsoft/fast-colors": "^5.1.4",
     "@microsoft/fast-components": "^2.21.3",
     "@microsoft/fast-element": "^1.7.0",
@@ -94,5 +94,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "78e4c99a7097525e11e99ef7f058d5c464fa30ab"
+  "gitHead": "e6eb274148e662f0c463337f9e6b19a3954c33c1"
 }