@genesislcap/foundation-zero 14.61.1 → 14.62.0

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  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}"
+          "default": "{\n  zeroAccordion,\n  zeroAccordionItem,\n  zeroActionsMenu,\n  zeroAnchor,\n  zeroAnchoredRegion,\n  zeroAvatar,\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": [
@@ -122,6 +122,14 @@
             "package": "./anchored-region"
           }
         },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./avatar"
+          }
+        },
         {
           "kind": "js",
           "name": "*",
@@ -760,6 +768,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/accordion.stories.ts",
@@ -948,37 +987,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-item/accordion-item.styles.ts",
@@ -1662,6 +1670,194 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/avatar/avatar.stories.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "meta",
+          "type": {
+            "text": "Meta"
+          },
+          "default": "{\n  title: 'Avatar',\n  component: 'zero-avatar',\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "Primary",
+          "type": {
+            "text": "StoryObj"
+          },
+          "default": "{\n  args: {\n    anchorText: 'This will show above button',\n  },\n  ...StylesMapperTemplate,\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "meta",
+            "module": "src/avatar/avatar.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Primary",
+          "declaration": {
+            "name": "Primary",
+            "module": "src/avatar/avatar.stories.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/avatar/avatar.styles.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "zeroAvatarStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroAvatarStyles",
+          "declaration": {
+            "name": "zeroAvatarStyles",
+            "module": "src/avatar/avatar.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/avatar/avatar.template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "zeroAvatarTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<Avatar>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroAvatarTemplate",
+          "declaration": {
+            "name": "zeroAvatarTemplate",
+            "module": "src/avatar/avatar.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/avatar/avatar.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Avatar",
+          "superclass": {
+            "name": "FoundationAvatar",
+            "package": "@genesislcap/foundation-ui"
+          },
+          "tagName": "%%prefix%%-avatar",
+          "customElement": true
+        },
+        {
+          "kind": "variable",
+          "name": "zeroAvatar"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Avatar",
+          "declaration": {
+            "name": "Avatar",
+            "module": "src/avatar/avatar.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "zeroAvatar",
+          "declaration": {
+            "name": "zeroAvatar",
+            "module": "src/avatar/avatar.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/avatar/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./avatar"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./avatar.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./avatar.template"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/badge/badge.stories.ts",
@@ -10378,7 +10574,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/text-field/index.ts",
+      "path": "src/text-area/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -10386,7 +10582,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./text-field"
+            "package": "./text-area"
           }
         },
         {
@@ -10394,7 +10590,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./text-field.styles"
+            "package": "./text-area.styles"
           }
         },
         {
@@ -10402,14 +10598,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",
@@ -10417,7 +10613,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",
@@ -10425,7 +10621,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": [
@@ -10434,7 +10630,7 @@
           "name": "default",
           "declaration": {
             "name": "meta",
-            "module": "src/text-field/text-field.stories.ts"
+            "module": "src/text-area/text-area.stories.ts"
           }
         },
         {
@@ -10442,18 +10638,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"
@@ -10478,24 +10674,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": [
@@ -10517,56 +10713,56 @@
       "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"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/text-area/index.ts",
+      "path": "src/text-field/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -10574,7 +10770,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./text-area"
+            "package": "./text-field"
           }
         },
         {
@@ -10582,7 +10778,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./text-area.styles"
+            "package": "./text-field.styles"
           }
         },
         {
@@ -10590,14 +10786,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",
@@ -10605,7 +10801,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",
@@ -10613,7 +10809,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": [
@@ -10622,7 +10818,7 @@
           "name": "default",
           "declaration": {
             "name": "meta",
-            "module": "src/text-area/text-area.stories.ts"
+            "module": "src/text-field/text-field.stories.ts"
           }
         },
         {
@@ -10630,18 +10826,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"
@@ -10666,24 +10862,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": [
@@ -10705,49 +10901,49 @@
       "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"
           }
         }
       ]

package/dist/dts/avatar/avatar.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/avatar/avatar.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,IAAI,gBAAgB,EAG3B,MAAM,4BAA4B,CAAC;AAIpC;;GAEG;AACH,qBAAa,MAAO,SAAQ,gBAAgB;CAAG;AAE/C,eAAO,MAAM,UAAU,sTAMrB,CAAC"}

package/dist/dts/avatar/avatar.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=avatar.stories.d.ts.map

package/dist/dts/avatar/avatar.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.stories.d.ts","sourceRoot":"","sources":["../../../src/avatar/avatar.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AA0BpB,eAAO,MAAM,OAAO,EAAE,QAKrB,CAAC"}

package/dist/dts/avatar/avatar.styles.d.ts

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

package/dist/dts/avatar/avatar.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.styles.d.ts","sourceRoot":"","sources":["../../../src/avatar/avatar.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,gBAAgB,YAClB,wBAAwB,cACrB,2BAA2B,KACtC,aAEF,CAAC"}

package/dist/dts/avatar/avatar.template.d.ts

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

package/dist/dts/avatar/avatar.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.template.d.ts","sourceRoot":"","sources":["../../../src/avatar/avatar.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,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC,eAAO,MAAM,kBAAkB,YACpB,wBAAwB,cACrB,2BAA2B,KACtC,aAAa,MAAM,CAAkD,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC"}

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

@@ -5,6 +5,7 @@ export declare const baseComponents: {
     zeroActionsMenu: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./actions-menu").ActionsMenu>;
     zeroAnchor: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./anchor").Anchor>;
     zeroAnchoredRegion: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./anchored-region").AnchoredRegion>;
+    zeroAvatar: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./avatar").Avatar>;
     zeroBadge: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./badge").Badge>;
     zeroBanner: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
         baseName: string;

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;AAkE5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAiEJ,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;AAmE5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAkEJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}

package/dist/dts/index.d.ts

@@ -9,6 +9,7 @@ export * from './accordion-item';
 export * from './actions-menu';
 export * from './anchor';
 export * from './anchored-region';
+export * from './avatar';
 export * from './badge';
 export * from './banner';
 export * from './breadcrumb-item';

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,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"}
+{"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,UAAU,CAAC;AACzB,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/avatar/avatar.js

@@ -0,0 +1,10 @@
+import { Avatar as FoundationAvatar, defaultAvatarConfig, foundationAvatarShadowOptions, } from '@genesislcap/foundation-ui';
+import { zeroAvatarStyles as styles } from './avatar.styles';
+import { zeroAvatarTemplate as template } from './avatar.template';
+/**
+ * @tagname %%prefix%%-avatar
+ */
+export class Avatar extends FoundationAvatar {
+}
+export const zeroAvatar = Avatar.compose(Object.assign({ baseName: 'avatar', template,
+    styles, shadowOptions: foundationAvatarShadowOptions }, defaultAvatarConfig));

package/dist/esm/avatar/avatar.stories.js

@@ -0,0 +1,30 @@
+import { html } from 'lit-html';
+const meta = {
+    title: 'Avatar',
+    component: 'zero-avatar',
+};
+export default meta;
+const wrapperStyle = 'display: flex; padding: 10px; gap: 1em; height: 500px; --avatar-fill-accent-primary: var(--accent-fill-rest)';
+const StylesMapperTemplate = {
+    render: () => html `
+    <zero-card style=${wrapperStyle}>
+      <zero-avatar
+        src="https://avataaars.io/?avatarStyle=Circle&topType=LongHairStraight&accessoriesType=Blank&hairColor=BrownDark&facialHairType=Blank&clotheType=BlazerShirt&eyeType=Default&eyebrowType=Default&mouthType=Default&skinColor=Light"
+        alt="Annie's profile image"
+        link="#"
+      ></zero-avatar>
+      <zero-avatar
+        alt="Annie James"
+        link="#"
+        name="Annie Lennox"
+        shape="circle"
+        fill="accent-primary"
+      >
+        AJ
+      </zero-avatar>
+    </zero-card>
+  `,
+};
+export const Primary = Object.assign({ args: {
+        anchorText: 'This will show above button',
+    } }, StylesMapperTemplate);

package/dist/esm/avatar/avatar.styles.js

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

package/dist/esm/avatar/avatar.template.js

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

package/dist/esm/avatar/index.js

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

package/dist/esm/base-components.js

@@ -4,6 +4,7 @@ import { zeroAccordionItem } from './accordion-item';
 import { zeroActionsMenu } from './actions-menu';
 import { zeroAnchor } from './anchor';
 import { zeroAnchoredRegion } from './anchored-region';
+import { zeroAvatar } from './avatar';
 import { zeroBadge } from './badge';
 import { zeroBanner } from './banner';
 import { zeroBreadcrumb } from './breadcrumb';
@@ -69,6 +70,7 @@ export const baseComponents = {
     zeroActionsMenu,
     zeroAnchor,
     zeroAnchoredRegion,
+    zeroAvatar,
     zeroBadge,
     zeroBanner,
     zeroBreadcrumbItem,

package/dist/esm/index.js

@@ -9,6 +9,7 @@ export * from './accordion-item';
 export * from './actions-menu';
 export * from './anchor';
 export * from './anchored-region';
+export * from './avatar';
 export * from './badge';
 export * from './banner';
 export * from './breadcrumb-item';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-zero",
   "description": "Genesis Foundation Zero Design System",
-  "version": "14.61.1",
+  "version": "14.62.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -62,22 +62,22 @@
     "storybook": "storybook dev -p 6006"
   },
   "devDependencies": {
-    "@genesislcap/genx": "14.61.1",
-    "@storybook/addon-essentials": "^7.0.0",
-    "@storybook/addon-links": "^7.0.0",
-    "@storybook/addons": "^7.0.0",
-    "@storybook/html": "^7.0.0",
-    "@storybook/theming": "^7.0.0",
-    "@storybook/web-components": "^7.0.0",
-    "@storybook/web-components-vite": "^7.0.0",
+    "@genesislcap/genx": "14.62.0",
+    "@storybook/addon-essentials": "^7.1.0",
+    "@storybook/addon-links": "^7.1.0",
+    "@storybook/addons": "^7.1.0",
+    "@storybook/html": "^7.1.0",
+    "@storybook/theming": "^7.1.0",
+    "@storybook/web-components": "^7.1.0",
+    "@storybook/web-components-vite": "^7.1.0",
     "lit-html": "^2.4.0",
     "rimraf": "^3.0.2",
-    "storybook": "^7.0.0"
+    "storybook": "^7.1.0"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "14.61.1",
-    "@genesislcap/foundation-ui": "14.61.1",
-    "@genesislcap/foundation-utils": "14.61.1",
+    "@genesislcap/foundation-comms": "14.62.0",
+    "@genesislcap/foundation-ui": "14.62.0",
+    "@genesislcap/foundation-utils": "14.62.0",
     "@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": "e6eb274148e662f0c463337f9e6b19a3954c33c1"
+  "gitHead": "b857abb0a2aa6e025a83eb174b6654e7c0acfe48"
 }