@genesislcap/foundation-ui 14.155.0-canary.3 → 14.155.0-canary.4

package/dist/custom-elements.json

@@ -865,6 +865,188 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/accordion.styles.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "foundationAccordionStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "foundationAccordionStyles",
+          "declaration": {
+            "name": "foundationAccordionStyles",
+            "module": "src/accordion/accordion.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/accordion.template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "foundationAccordionTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<Accordion>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "foundationAccordionTemplate",
+          "declaration": {
+            "name": "foundationAccordionTemplate",
+            "module": "src/accordion/accordion.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/accordion.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Accordion",
+          "superclass": {
+            "name": "FASTAccordion",
+            "package": "@microsoft/fast-foundation"
+          },
+          "tagName": "%%prefix%%-accordion",
+          "customElement": true
+        },
+        {
+          "kind": "variable",
+          "name": "foundationAccordionShadowOptions",
+          "type": {
+            "text": "ShadowRootInit"
+          },
+          "default": "{\n  delegatesFocus: true,\n  mode: 'open',\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "defaultAccordionConfig",
+          "type": {
+            "text": "object"
+          },
+          "default": "{}"
+        },
+        {
+          "kind": "variable",
+          "name": "foundationAccordion",
+          "description": "The Foundation Accordion",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Accordion",
+          "declaration": {
+            "name": "Accordion",
+            "module": "src/accordion/accordion.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationAccordionShadowOptions",
+          "declaration": {
+            "name": "foundationAccordionShadowOptions",
+            "module": "src/accordion/accordion.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "defaultAccordionConfig",
+          "declaration": {
+            "name": "defaultAccordionConfig",
+            "module": "src/accordion/accordion.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationAccordion",
+          "declaration": {
+            "name": "foundationAccordion",
+            "module": "src/accordion/accordion.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion.template"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/accordion-item/accordion-item.styles.ts",
@@ -1820,11 +2002,11 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/accordion/accordion.styles.ts",
+      "path": "src/anchor/anchor.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationAccordionStyles",
+          "name": "foundationAnchorStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -1849,24 +2031,24 @@
       "exports": [
         {
           "kind": "js",
-          "name": "foundationAccordionStyles",
+          "name": "foundationAnchorStyles",
           "declaration": {
-            "name": "foundationAccordionStyles",
-            "module": "src/accordion/accordion.styles.ts"
+            "name": "foundationAnchorStyles",
+            "module": "src/anchor/anchor.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/accordion/accordion.template.ts",
+      "path": "src/anchor/anchor.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationAccordionTemplate",
+          "name": "foundationAnchorTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<Accordion>"
+              "text": "ViewTemplate<Anchor>"
             }
           },
           "parameters": [
@@ -1888,207 +2070,25 @@
       "exports": [
         {
           "kind": "js",
-          "name": "foundationAccordionTemplate",
+          "name": "foundationAnchorTemplate",
           "declaration": {
-            "name": "foundationAccordionTemplate",
-            "module": "src/accordion/accordion.template.ts"
+            "name": "foundationAnchorTemplate",
+            "module": "src/anchor/anchor.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/accordion/accordion.ts",
+      "path": "src/anchor/anchor.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Accordion",
+          "name": "Anchor",
           "superclass": {
-            "name": "FASTAccordion",
-            "package": "@microsoft/fast-foundation"
-          },
-          "tagName": "%%prefix%%-accordion",
-          "customElement": true
-        },
-        {
-          "kind": "variable",
-          "name": "foundationAccordionShadowOptions",
-          "type": {
-            "text": "ShadowRootInit"
-          },
-          "default": "{\n  delegatesFocus: true,\n  mode: 'open',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "defaultAccordionConfig",
-          "type": {
-            "text": "object"
-          },
-          "default": "{}"
-        },
-        {
-          "kind": "variable",
-          "name": "foundationAccordion",
-          "description": "The Foundation Accordion",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Accordion",
-          "declaration": {
-            "name": "Accordion",
-            "module": "src/accordion/accordion.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationAccordionShadowOptions",
-          "declaration": {
-            "name": "foundationAccordionShadowOptions",
-            "module": "src/accordion/accordion.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "defaultAccordionConfig",
-          "declaration": {
-            "name": "defaultAccordionConfig",
-            "module": "src/accordion/accordion.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationAccordion",
-          "declaration": {
-            "name": "foundationAccordion",
-            "module": "src/accordion/accordion.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./accordion.template"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./accordion.styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./accordion"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/anchor/anchor.styles.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "foundationAnchorStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "foundationAnchorStyles",
-          "declaration": {
-            "name": "foundationAnchorStyles",
-            "module": "src/anchor/anchor.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/anchor/anchor.template.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "foundationAnchorTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<Anchor>"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "foundationAnchorTemplate",
-          "declaration": {
-            "name": "foundationAnchorTemplate",
-            "module": "src/anchor/anchor.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/anchor/anchor.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Anchor",
-          "superclass": {
-            "name": "FASTAnchor",
-            "package": "@microsoft/fast-components"
+            "name": "FASTAnchor",
+            "package": "@microsoft/fast-components"
           },
           "tagName": "%%prefix%%-anchor",
           "customElement": true,
@@ -4522,181 +4522,125 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/badge/badge.styles.ts",
+      "path": "src/banner/banner.styles.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "foundationBadgeStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
+          "kind": "variable",
+          "name": "foundationBannerStyles",
+          "type": {
+            "text": "ElementStyles"
           },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
+          "default": "css`\n  @keyframes delete-animate {\n    from {\n      height: 100px;\n      opacity: 100%;\n    }\n\n    to {\n      height: 0;\n      opacity: 0%;\n    }\n  }\n\n  @keyframes append-animate {\n    from {\n      height: 0;\n      opacity: 0%;\n    }\n\n    to {\n      height: var(--banner-height);\n      opacity: 100%;\n    }\n  }\n\n  :host {\n    --banner-width: 100%;\n    --banner-height: 65px;\n    --flow: row;\n  }\n\n  @media screen and (max-width: 640px) {\n    :host {\n      --flow: column;\n      --banner-height: 100px;\n    }\n  }\n\n  .banner {\n    animation: append-animate 0.3s linear;\n    width: var(--banner-width);\n    height: var(--banner-height);\n    background-color: var(--fill-color);\n    display: flex;\n    flex-direction: var(--flow);\n    padding: 5px 8px;\n    box-sizing: border-box;\n    overflow: hidden;\n  }\n\n  .banner-delete {\n    animation: delete-animate 0.3s linear;\n    opacity: 0%;\n  }\n\n  .content {\n    display: flex;\n    align-items: center;\n    flex: 2;\n    font-size: 12px;\n    overflow: hidden;\n  }\n\n  .action {\n    display: flex;\n    flex-direction: row-reverse;\n    align-items: center;\n    gap: 10px;\n    flex: 1;\n    overflow: hidden;\n  }\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "foundationBadgeStyles",
+          "name": "foundationBannerStyles",
           "declaration": {
-            "name": "foundationBadgeStyles",
-            "module": "src/badge/badge.styles.ts"
+            "name": "foundationBannerStyles",
+            "module": "src/banner/banner.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/badge/badge.template.ts",
+      "path": "src/banner/banner.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationBadgeTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<Badge>"
-            }
-          },
+          "name": "getBannerTemplate",
           "parameters": [
             {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
+              "name": "prefix",
               "type": {
-                "text": "FoundationElementDefinition"
+                "text": "string"
               }
             }
           ]
+        },
+        {
+          "kind": "variable",
+          "name": "foundationBannerTemplate",
+          "default": "html<Banner>`\n  ${(x) => getBannerTemplate(getPrefix(x))}\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "foundationBadgeTemplate",
+          "name": "getBannerTemplate",
           "declaration": {
-            "name": "foundationBadgeTemplate",
-            "module": "src/badge/badge.template.ts"
+            "name": "getBannerTemplate",
+            "module": "src/banner/banner.template.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationBannerTemplate",
+          "declaration": {
+            "name": "foundationBannerTemplate",
+            "module": "src/banner/banner.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/badge/badge.ts",
+      "path": "src/banner/banner.ts",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "foundationBannerShadowOptions",
+          "type": {
+            "text": "ShadowRootInit"
+          },
+          "default": "{\n  mode: 'open',\n  delegatesFocus: true,\n}"
+        },
         {
           "kind": "class",
           "description": "",
-          "name": "Badge",
-          "superclass": {
-            "name": "FASTBadge",
-            "package": "@microsoft/fast-components"
-          },
-          "tagName": "%%prefix%%-badge",
-          "customElement": true,
-          "attributes": [
+          "name": "Banner",
+          "members": [
             {
-              "name": "fill",
+              "kind": "field",
+              "name": "banner",
               "type": {
-                "text": "string"
+                "text": "HTMLElement"
               },
-              "description": "Indicates the badge should have a filled style.",
-              "fieldName": "fill",
-              "inheritedFrom": {
-                "name": "Badge",
-                "module": "src/badge/badge.ts"
-              }
+              "privacy": "public"
             },
             {
-              "name": "color",
+              "kind": "field",
+              "name": "dismissAnimation",
               "type": {
-                "text": "string"
+                "text": "'banner-delete' | ''"
               },
-              "description": "Indicates the badge should have a filled style.",
-              "fieldName": "color",
-              "inheritedFrom": {
-                "name": "Badge",
-                "module": "src/badge/badge.ts"
-              }
+              "default": "''"
             },
             {
+              "kind": "field",
+              "name": "notification",
               "type": {
-                "text": "boolean"
-              },
-              "description": "Indicates the element should be circular",
-              "fieldName": "circular",
-              "inheritedFrom": {
-                "name": "Badge",
-                "module": "src/badge/badge.ts"
-              }
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "fill",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "description": "Indicates the badge should have a filled style.",
-              "inheritedFrom": {
-                "name": "Badge",
-                "module": "src/badge/badge.ts"
+                "text": "NotificationStructure"
               }
             },
             {
-              "kind": "field",
-              "name": "color",
-              "type": {
-                "text": "string"
-              },
+              "kind": "method",
+              "name": "dismiss",
               "privacy": "public",
-              "description": "Indicates the badge should have a filled style.",
-              "inheritedFrom": {
-                "name": "Badge",
-                "module": "src/badge/badge.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "circular",
-              "type": {
-                "text": "boolean"
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
               },
-              "privacy": "public",
-              "description": "Indicates the element should be circular",
-              "inheritedFrom": {
-                "name": "Badge",
-                "module": "src/badge/badge.ts"
-              }
+              "description": "Dismiss the Banner from display."
             },
             {
-              "kind": "field",
-              "name": "generateBadgeStyle",
+              "kind": "method",
+              "name": "dismissNotification",
               "privacy": "public",
-              "inheritedFrom": {
-                "name": "Badge",
-                "module": "src/badge/badge.ts"
-              }
+              "description": "Dismiss the Banner (NotificationStructure) from display."
             },
             {
               "kind": "field",
@@ -4809,69 +4753,51 @@
                 "module": "src/foundation-element/foundation-element.ts"
               }
             }
-          ]
-        },
-        {
-          "kind": "variable",
-          "name": "foundationBadgeShadowOptions",
-          "type": {
-            "text": "ShadowRootInit"
-          },
-          "default": "undefined"
-        },
-        {
-          "kind": "variable",
-          "name": "defaultBadgeConfig",
-          "type": {
-            "text": "object"
+          ],
+          "superclass": {
+            "name": "FoundationElement",
+            "package": "@microsoft/fast-foundation"
           },
-          "default": "{}"
+          "tagName": "%%prefix%%-banner",
+          "customElement": true
         },
         {
           "kind": "variable",
-          "name": "foundationBadge",
-          "description": "The Foundation Badge",
+          "name": "foundationBanner",
+          "description": "The Foundation Banner",
           "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Badge",
-          "declaration": {
-            "name": "Badge",
-            "module": "src/badge/badge.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationBadgeShadowOptions",
+          "name": "foundationBannerShadowOptions",
           "declaration": {
-            "name": "foundationBadgeShadowOptions",
-            "module": "src/badge/badge.ts"
+            "name": "foundationBannerShadowOptions",
+            "module": "src/banner/banner.ts"
           }
         },
         {
           "kind": "js",
-          "name": "defaultBadgeConfig",
+          "name": "Banner",
           "declaration": {
-            "name": "defaultBadgeConfig",
-            "module": "src/badge/badge.ts"
+            "name": "Banner",
+            "module": "src/banner/banner.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationBadge",
+          "name": "foundationBanner",
           "declaration": {
-            "name": "foundationBadge",
-            "module": "src/badge/badge.ts"
+            "name": "foundationBanner",
+            "module": "src/banner/banner.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/badge/index.ts",
+      "path": "src/banner/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -4879,7 +4805,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./badge.template"
+            "package": "./banner.styles"
           }
         },
         {
@@ -4887,7 +4813,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./badge.styles"
+            "package": "./banner.template"
           }
         },
         {
@@ -4895,140 +4821,200 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./badge"
+            "package": "./banner"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/banner/banner.styles.ts",
+      "path": "src/breadcrumb/breadcrumb.styles.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "foundationBannerStyles",
-          "type": {
-            "text": "ElementStyles"
+          "kind": "function",
+          "name": "foundationBreadcrumbStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
           },
-          "default": "css`\n  @keyframes delete-animate {\n    from {\n      height: 100px;\n      opacity: 100%;\n    }\n\n    to {\n      height: 0;\n      opacity: 0%;\n    }\n  }\n\n  @keyframes append-animate {\n    from {\n      height: 0;\n      opacity: 0%;\n    }\n\n    to {\n      height: var(--banner-height);\n      opacity: 100%;\n    }\n  }\n\n  :host {\n    --banner-width: 100%;\n    --banner-height: 65px;\n    --flow: row;\n  }\n\n  @media screen and (max-width: 640px) {\n    :host {\n      --flow: column;\n      --banner-height: 100px;\n    }\n  }\n\n  .banner {\n    animation: append-animate 0.3s linear;\n    width: var(--banner-width);\n    height: var(--banner-height);\n    background-color: var(--fill-color);\n    display: flex;\n    flex-direction: var(--flow);\n    padding: 5px 8px;\n    box-sizing: border-box;\n    overflow: hidden;\n  }\n\n  .banner-delete {\n    animation: delete-animate 0.3s linear;\n    opacity: 0%;\n  }\n\n  .content {\n    display: flex;\n    align-items: center;\n    flex: 2;\n    font-size: 12px;\n    overflow: hidden;\n  }\n\n  .action {\n    display: flex;\n    flex-direction: row-reverse;\n    align-items: center;\n    gap: 10px;\n    flex: 1;\n    overflow: hidden;\n  }\n`"
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "foundationBannerStyles",
+          "name": "foundationBreadcrumbStyles",
           "declaration": {
-            "name": "foundationBannerStyles",
-            "module": "src/banner/banner.styles.ts"
+            "name": "foundationBreadcrumbStyles",
+            "module": "src/breadcrumb/breadcrumb.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/banner/banner.template.ts",
+      "path": "src/breadcrumb/breadcrumb.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "getBannerTemplate",
+          "name": "foundationBreadcrumbTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<Breadcrumb>"
+            }
+          },
           "parameters": [
             {
-              "name": "prefix",
+              "name": "context",
               "type": {
-                "text": "string"
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
               }
             }
           ]
-        },
-        {
-          "kind": "variable",
-          "name": "foundationBannerTemplate",
-          "default": "html<Banner>`\n  ${(x) => getBannerTemplate(getPrefix(x))}\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "getBannerTemplate",
-          "declaration": {
-            "name": "getBannerTemplate",
-            "module": "src/banner/banner.template.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationBannerTemplate",
+          "name": "foundationBreadcrumbTemplate",
           "declaration": {
-            "name": "foundationBannerTemplate",
-            "module": "src/banner/banner.template.ts"
+            "name": "foundationBreadcrumbTemplate",
+            "module": "src/breadcrumb/breadcrumb.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/banner/banner.ts",
+      "path": "src/breadcrumb/breadcrumb.ts",
       "declarations": [
-        {
-          "kind": "variable",
-          "name": "foundationBannerShadowOptions",
-          "type": {
-            "text": "ShadowRootInit"
-          },
-          "default": "{\n  mode: 'open',\n  delegatesFocus: true,\n}"
-        },
         {
           "kind": "class",
           "description": "",
-          "name": "Banner",
+          "name": "Breadcrumb",
+          "superclass": {
+            "name": "FASTBreadcrumb",
+            "package": "@microsoft/fast-components"
+          },
+          "tagName": "%%prefix%%-breadcrumb",
+          "customElement": true,
           "members": [
             {
-              "kind": "field",
-              "name": "banner",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "dismissAnimation",
-              "type": {
-                "text": "'banner-delete' | ''"
-              },
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "notification",
-              "type": {
-                "text": "NotificationStructure"
+              "kind": "method",
+              "name": "slottedBreadcrumbItemsChanged",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "Breadcrumb",
+                "module": "src/breadcrumb/breadcrumb.ts"
               }
             },
             {
               "kind": "method",
-              "name": "dismiss",
-              "privacy": "public",
+              "name": "setItemSeparator",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "Promise<void>"
+                  "text": "void"
                 }
               },
-              "description": "Dismiss the Banner from display."
-            },
-            {
-              "kind": "method",
-              "name": "dismissNotification",
-              "privacy": "public",
-              "description": "Dismiss the Banner (NotificationStructure) from display."
-            },
-            {
-              "kind": "field",
-              "name": "_presentation",
-              "type": {
-                "text": "ComponentPresentation | null | undefined"
-              },
-              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "isLastNode",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "Breadcrumb",
+                "module": "src/breadcrumb/breadcrumb.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "findChildWithHref",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "HTMLElement | null"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "node",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ],
+              "description": "Finds href on childnodes in the light DOM or shadow DOM.\nWe look in the shadow DOM because we insert an anchor when breadcrumb-item has an href.",
+              "inheritedFrom": {
+                "name": "Breadcrumb",
+                "module": "src/breadcrumb/breadcrumb.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "setAriaCurrent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "isLastNode",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "description": "Sets ARIA Current for the current node\nIf child node with an anchor tag and with href is found then set aria-current to correct value for the child node,\notherwise apply aria-current to the host element, with an href",
+              "inheritedFrom": {
+                "name": "Breadcrumb",
+                "module": "src/breadcrumb/breadcrumb.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_presentation",
+              "type": {
+                "text": "ComponentPresentation | null | undefined"
+              },
+              "privacy": "private",
               "default": "void 0",
               "inheritedFrom": {
                 "name": "FoundationElement",
@@ -5133,51 +5119,69 @@
                 "module": "src/foundation-element/foundation-element.ts"
               }
             }
-          ],
-          "superclass": {
-            "name": "FoundationElement",
-            "package": "@microsoft/fast-foundation"
+          ]
+        },
+        {
+          "kind": "variable",
+          "name": "foundationBreadcrumbShadowOptions",
+          "type": {
+            "text": "ShadowRootInit"
           },
-          "tagName": "%%prefix%%-banner",
-          "customElement": true
+          "default": "undefined"
         },
         {
           "kind": "variable",
-          "name": "foundationBanner",
-          "description": "The Foundation Banner",
+          "name": "defaultBreadcrumbConfig",
+          "type": {
+            "text": "object"
+          },
+          "default": "{}"
+        },
+        {
+          "kind": "variable",
+          "name": "foundationBreadcrumb",
+          "description": "The Foundation Breadcrumb",
           "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "foundationBannerShadowOptions",
+          "name": "Breadcrumb",
           "declaration": {
-            "name": "foundationBannerShadowOptions",
-            "module": "src/banner/banner.ts"
+            "name": "Breadcrumb",
+            "module": "src/breadcrumb/breadcrumb.ts"
           }
         },
         {
           "kind": "js",
-          "name": "Banner",
+          "name": "foundationBreadcrumbShadowOptions",
           "declaration": {
-            "name": "Banner",
-            "module": "src/banner/banner.ts"
+            "name": "foundationBreadcrumbShadowOptions",
+            "module": "src/breadcrumb/breadcrumb.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationBanner",
+          "name": "defaultBreadcrumbConfig",
           "declaration": {
-            "name": "foundationBanner",
-            "module": "src/banner/banner.ts"
+            "name": "defaultBreadcrumbConfig",
+            "module": "src/breadcrumb/breadcrumb.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationBreadcrumb",
+          "declaration": {
+            "name": "foundationBreadcrumb",
+            "module": "src/breadcrumb/breadcrumb.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/banner/index.ts",
+      "path": "src/breadcrumb/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -5185,7 +5189,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./banner.styles"
+            "package": "./breadcrumb.template"
           }
         },
         {
@@ -5193,7 +5197,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./banner.template"
+            "package": "./breadcrumb.styles"
           }
         },
         {
@@ -5201,18 +5205,18 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./banner"
+            "package": "./breadcrumb"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/breadcrumb/breadcrumb.styles.ts",
+      "path": "src/breadcrumb-item/breadcrumb-item.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationBreadcrumbStyles",
+          "name": "foundationBreadcrumbItemStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -5237,24 +5241,24 @@
       "exports": [
         {
           "kind": "js",
-          "name": "foundationBreadcrumbStyles",
+          "name": "foundationBreadcrumbItemStyles",
           "declaration": {
-            "name": "foundationBreadcrumbStyles",
-            "module": "src/breadcrumb/breadcrumb.styles.ts"
+            "name": "foundationBreadcrumbItemStyles",
+            "module": "src/breadcrumb-item/breadcrumb-item.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/breadcrumb/breadcrumb.template.ts",
+      "path": "src/breadcrumb-item/breadcrumb-item.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationBreadcrumbTemplate",
+          "name": "foundationBreadcrumbItemTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<Breadcrumb>"
+              "text": "ViewTemplate<BreadcrumbItem>"
             }
           },
           "parameters": [
@@ -5276,116 +5280,252 @@
       "exports": [
         {
           "kind": "js",
-          "name": "foundationBreadcrumbTemplate",
+          "name": "foundationBreadcrumbItemTemplate",
           "declaration": {
-            "name": "foundationBreadcrumbTemplate",
-            "module": "src/breadcrumb/breadcrumb.template.ts"
+            "name": "foundationBreadcrumbItemTemplate",
+            "module": "src/breadcrumb-item/breadcrumb-item.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/breadcrumb/breadcrumb.ts",
+      "path": "src/breadcrumb-item/breadcrumb-item.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Breadcrumb",
+          "name": "BreadcrumbItem",
           "superclass": {
-            "name": "FASTBreadcrumb",
+            "name": "FASTBreadcrumbItem",
             "package": "@microsoft/fast-components"
           },
-          "tagName": "%%prefix%%-breadcrumb",
+          "tagName": "%%prefix%%-breadcrumb-item",
           "customElement": true,
-          "members": [
+          "attributes": [
             {
-              "kind": "method",
-              "name": "slottedBreadcrumbItemsChanged",
-              "privacy": "public",
+              "name": "download",
+              "type": {
+                "text": "string"
+              },
+              "description": "Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "fieldName": "download",
               "inheritedFrom": {
-                "name": "Breadcrumb",
-                "module": "src/breadcrumb/breadcrumb.ts"
+                "name": "Anchor",
+                "module": "src/anchor/anchor.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "setItemSeparator",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "name": "href",
+              "type": {
+                "text": "string"
               },
-              "parameters": [
-                {
-                  "name": "item",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                },
-                {
-                  "name": "isLastNode",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ],
+              "description": "The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "fieldName": "href",
               "inheritedFrom": {
-                "name": "Breadcrumb",
-                "module": "src/breadcrumb/breadcrumb.ts"
+                "name": "Anchor",
+                "module": "src/anchor/anchor.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "findChildWithHref",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "HTMLElement | null"
-                }
+              "name": "hreflang",
+              "type": {
+                "text": "string"
               },
-              "parameters": [
-                {
-                  "name": "node",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                }
-              ],
-              "description": "Finds href on childnodes in the light DOM or shadow DOM.\nWe look in the shadow DOM because we insert an anchor when breadcrumb-item has an href.",
+              "description": "Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "fieldName": "hreflang",
               "inheritedFrom": {
-                "name": "Breadcrumb",
-                "module": "src/breadcrumb/breadcrumb.ts"
+                "name": "Anchor",
+                "module": "src/anchor/anchor.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "setAriaCurrent",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "name": "ping",
+              "type": {
+                "text": "string"
               },
-              "parameters": [
-                {
-                  "name": "item",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                },
-                {
-                  "name": "isLastNode",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ],
-              "description": "Sets ARIA Current for the current node\nIf child node with an anchor tag and with href is found then set aria-current to correct value for the child node,\notherwise apply aria-current to the host element, with an href",
+              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "fieldName": "ping",
               "inheritedFrom": {
-                "name": "Breadcrumb",
-                "module": "src/breadcrumb/breadcrumb.ts"
+                "name": "Anchor",
+                "module": "src/anchor/anchor.ts"
+              }
+            },
+            {
+              "name": "referrerpolicy",
+              "type": {
+                "text": "string"
+              },
+              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "fieldName": "referrerpolicy",
+              "inheritedFrom": {
+                "name": "Anchor",
+                "module": "src/anchor/anchor.ts"
+              }
+            },
+            {
+              "name": "rel",
+              "type": {
+                "text": "string"
+              },
+              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "fieldName": "rel",
+              "inheritedFrom": {
+                "name": "Anchor",
+                "module": "src/anchor/anchor.ts"
+              }
+            },
+            {
+              "name": "target",
+              "type": {
+                "text": "\"_self\" | \"_blank\" | \"_parent\" | \"_top\""
+              },
+              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "fieldName": "target",
+              "inheritedFrom": {
+                "name": "Anchor",
+                "module": "src/anchor/anchor.ts"
+              }
+            },
+            {
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "fieldName": "type",
+              "inheritedFrom": {
+                "name": "Anchor",
+                "module": "src/anchor/anchor.ts"
+              }
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "download",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "Prompts the user to save the linked URL. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
+              "inheritedFrom": {
+                "name": "Anchor",
+                "module": "src/anchor/anchor.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "The URL the hyperlink references. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
+              "inheritedFrom": {
+                "name": "Anchor",
+                "module": "src/anchor/anchor.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hreflang",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "Hints at the language of the referenced resource. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
+              "inheritedFrom": {
+                "name": "Anchor",
+                "module": "src/anchor/anchor.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "ping",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
+              "inheritedFrom": {
+                "name": "Anchor",
+                "module": "src/anchor/anchor.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "referrerpolicy",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
+              "inheritedFrom": {
+                "name": "Anchor",
+                "module": "src/anchor/anchor.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "rel",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
+              "inheritedFrom": {
+                "name": "Anchor",
+                "module": "src/anchor/anchor.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "target",
+              "type": {
+                "text": "\"_self\" | \"_blank\" | \"_parent\" | \"_top\""
+              },
+              "privacy": "public",
+              "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
+              "inheritedFrom": {
+                "name": "Anchor",
+                "module": "src/anchor/anchor.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
+              "inheritedFrom": {
+                "name": "Anchor",
+                "module": "src/anchor/anchor.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "control",
+              "type": {
+                "text": "HTMLAnchorElement | undefined"
+              },
+              "privacy": "public",
+              "description": "References the root element",
+              "inheritedFrom": {
+                "name": "Anchor",
+                "module": "src/anchor/anchor.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "handleUnsupportedDelegatesFocus",
+              "privacy": "private",
+              "description": "Overrides the focus call for where delegatesFocus is unsupported.\nThis check works for Chrome, Edge Chromium, FireFox, and Safari\nRelevant PR on the Firefox browser: https://phabricator.services.mozilla.com/D123858",
+              "inheritedFrom": {
+                "name": "Anchor",
+                "module": "src/anchor/anchor.ts"
               }
             },
             {
@@ -5503,7 +5643,7 @@
         },
         {
           "kind": "variable",
-          "name": "foundationBreadcrumbShadowOptions",
+          "name": "foundationBreadcrumbItemShadowOptions",
           "type": {
             "text": "ShadowRootInit"
           },
@@ -5511,57 +5651,57 @@
         },
         {
           "kind": "variable",
-          "name": "defaultBreadcrumbConfig",
+          "name": "defaultBreadcrumbItemConfig",
           "type": {
             "text": "object"
           },
-          "default": "{}"
+          "default": "{\n  separator: '/',\n}"
         },
         {
           "kind": "variable",
-          "name": "foundationBreadcrumb",
-          "description": "The Foundation Breadcrumb",
+          "name": "foundationBreadcrumbItem",
+          "description": "The Foundation Breadcrumb Item",
           "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Breadcrumb",
+          "name": "BreadcrumbItem",
           "declaration": {
-            "name": "Breadcrumb",
-            "module": "src/breadcrumb/breadcrumb.ts"
+            "name": "BreadcrumbItem",
+            "module": "src/breadcrumb-item/breadcrumb-item.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationBreadcrumbShadowOptions",
+          "name": "foundationBreadcrumbItemShadowOptions",
           "declaration": {
-            "name": "foundationBreadcrumbShadowOptions",
-            "module": "src/breadcrumb/breadcrumb.ts"
+            "name": "foundationBreadcrumbItemShadowOptions",
+            "module": "src/breadcrumb-item/breadcrumb-item.ts"
           }
         },
         {
           "kind": "js",
-          "name": "defaultBreadcrumbConfig",
+          "name": "defaultBreadcrumbItemConfig",
           "declaration": {
-            "name": "defaultBreadcrumbConfig",
-            "module": "src/breadcrumb/breadcrumb.ts"
+            "name": "defaultBreadcrumbItemConfig",
+            "module": "src/breadcrumb-item/breadcrumb-item.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationBreadcrumb",
+          "name": "foundationBreadcrumbItem",
           "declaration": {
-            "name": "foundationBreadcrumb",
-            "module": "src/breadcrumb/breadcrumb.ts"
+            "name": "foundationBreadcrumbItem",
+            "module": "src/breadcrumb-item/breadcrumb-item.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/breadcrumb/index.ts",
+      "path": "src/breadcrumb-item/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -5569,7 +5709,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./breadcrumb.template"
+            "package": "./breadcrumb-item.template"
           }
         },
         {
@@ -5577,7 +5717,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./breadcrumb.styles"
+            "package": "./breadcrumb-item.styles"
           }
         },
         {
@@ -5585,18 +5725,18 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./breadcrumb"
+            "package": "./breadcrumb-item"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/breadcrumb-item/breadcrumb-item.styles.ts",
+      "path": "src/button/button.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationBreadcrumbItemStyles",
+          "name": "foundationButtonStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -5621,24 +5761,24 @@
       "exports": [
         {
           "kind": "js",
-          "name": "foundationBreadcrumbItemStyles",
+          "name": "foundationButtonStyles",
           "declaration": {
-            "name": "foundationBreadcrumbItemStyles",
-            "module": "src/breadcrumb-item/breadcrumb-item.styles.ts"
+            "name": "foundationButtonStyles",
+            "module": "src/button/button.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/breadcrumb-item/breadcrumb-item.template.ts",
+      "path": "src/button/button.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationBreadcrumbItemTemplate",
+          "name": "foundationButtonTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<BreadcrumbItem>"
+              "text": "ViewTemplate<Button>"
             }
           },
           "parameters": [
@@ -5660,309 +5800,449 @@
       "exports": [
         {
           "kind": "js",
-          "name": "foundationBreadcrumbItemTemplate",
+          "name": "foundationButtonTemplate",
           "declaration": {
-            "name": "foundationBreadcrumbItemTemplate",
-            "module": "src/breadcrumb-item/breadcrumb-item.template.ts"
+            "name": "foundationButtonTemplate",
+            "module": "src/button/button.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/breadcrumb-item/breadcrumb-item.ts",
+      "path": "src/button/button.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "BreadcrumbItem",
+          "name": "Button",
           "superclass": {
-            "name": "FASTBreadcrumbItem",
+            "name": "FASTButton",
             "package": "@microsoft/fast-components"
           },
-          "tagName": "%%prefix%%-breadcrumb-item",
+          "tagName": "%%prefix%%-button",
           "customElement": true,
           "attributes": [
             {
-              "name": "download",
-              "type": {
-                "text": "string"
-              },
-              "description": "Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "fieldName": "download",
-              "inheritedFrom": {
-                "name": "Anchor",
-                "module": "src/anchor/anchor.ts"
-              }
-            },
-            {
-              "name": "href",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "fieldName": "href",
+              "description": "Determines if the element should receive document focus on page load.",
+              "fieldName": "autofocus",
               "inheritedFrom": {
-                "name": "Anchor",
-                "module": "src/anchor/anchor.ts"
+                "name": "Button",
+                "module": "src/button/button.ts"
               }
             },
             {
-              "name": "hreflang",
+              "name": "form",
               "type": {
                 "text": "string"
               },
-              "description": "Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "fieldName": "hreflang",
+              "description": "The id of a form to associate the element to.",
+              "fieldName": "formId",
               "inheritedFrom": {
-                "name": "Anchor",
-                "module": "src/anchor/anchor.ts"
+                "name": "Button",
+                "module": "src/button/button.ts"
               }
             },
             {
-              "name": "ping",
+              "name": "formaction",
               "type": {
                 "text": "string"
               },
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "fieldName": "ping",
+              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
+              "fieldName": "formaction",
               "inheritedFrom": {
-                "name": "Anchor",
-                "module": "src/anchor/anchor.ts"
+                "name": "Button",
+                "module": "src/button/button.ts"
               }
             },
             {
-              "name": "referrerpolicy",
+              "name": "formenctype",
               "type": {
                 "text": "string"
               },
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "fieldName": "referrerpolicy",
+              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
+              "fieldName": "formenctype",
               "inheritedFrom": {
-                "name": "Anchor",
-                "module": "src/anchor/anchor.ts"
+                "name": "Button",
+                "module": "src/button/button.ts"
               }
             },
             {
-              "name": "rel",
+              "name": "formmethod",
               "type": {
                 "text": "string"
               },
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "fieldName": "rel",
+              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
+              "fieldName": "formmethod",
               "inheritedFrom": {
-                "name": "Anchor",
-                "module": "src/anchor/anchor.ts"
+                "name": "Button",
+                "module": "src/button/button.ts"
               }
             },
             {
-              "name": "target",
+              "name": "formtarget",
               "type": {
                 "text": "\"_self\" | \"_blank\" | \"_parent\" | \"_top\""
               },
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "fieldName": "target",
+              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
+              "fieldName": "formtarget",
               "inheritedFrom": {
-                "name": "Anchor",
-                "module": "src/anchor/anchor.ts"
+                "name": "Button",
+                "module": "src/button/button.ts"
               }
             },
             {
               "name": "type",
               "type": {
-                "text": "string"
+                "text": "\"submit\" | \"reset\" | \"button\""
               },
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "description": "The button type.",
               "fieldName": "type",
               "inheritedFrom": {
-                "name": "Anchor",
-                "module": "src/anchor/anchor.ts"
+                "name": "Button",
+                "module": "src/button/button.ts"
               }
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "download",
+              "name": "autofocus",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
               "privacy": "public",
-              "description": "Prompts the user to save the linked URL. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
+              "description": "Determines if the element should receive document focus on page load.",
               "inheritedFrom": {
-                "name": "Anchor",
-                "module": "src/anchor/anchor.ts"
+                "name": "Button",
+                "module": "src/button/button.ts"
               }
             },
             {
               "kind": "field",
-              "name": "href",
+              "name": "formId",
               "type": {
                 "text": "string"
               },
               "privacy": "public",
-              "description": "The URL the hyperlink references. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
+              "description": "The id of a form to associate the element to.",
               "inheritedFrom": {
-                "name": "Anchor",
-                "module": "src/anchor/anchor.ts"
+                "name": "Button",
+                "module": "src/button/button.ts"
               }
             },
             {
               "kind": "field",
-              "name": "hreflang",
+              "name": "formaction",
               "type": {
                 "text": "string"
               },
               "privacy": "public",
-              "description": "Hints at the language of the referenced resource. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
+              "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element} for more details.",
               "inheritedFrom": {
-                "name": "Anchor",
-                "module": "src/anchor/anchor.ts"
+                "name": "Button",
+                "module": "src/button/button.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "ping",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "formactionChanged",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "privacy": "public",
-              "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
               "inheritedFrom": {
-                "name": "Anchor",
-                "module": "src/anchor/anchor.ts"
+                "name": "Button",
+                "module": "src/button/button.ts"
               }
             },
             {
               "kind": "field",
-              "name": "referrerpolicy",
+              "name": "formenctype",
               "type": {
                 "text": "string"
               },
               "privacy": "public",
-              "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
+              "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element} for more details.",
               "inheritedFrom": {
-                "name": "Anchor",
-                "module": "src/anchor/anchor.ts"
+                "name": "Button",
+                "module": "src/button/button.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "rel",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "formenctypeChanged",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "privacy": "public",
-              "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
               "inheritedFrom": {
-                "name": "Anchor",
-                "module": "src/anchor/anchor.ts"
+                "name": "Button",
+                "module": "src/button/button.ts"
               }
             },
             {
               "kind": "field",
-              "name": "target",
+              "name": "formmethod",
               "type": {
-                "text": "\"_self\" | \"_blank\" | \"_parent\" | \"_top\""
+                "text": "string"
               },
               "privacy": "public",
-              "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
+              "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element} for more details.",
               "inheritedFrom": {
-                "name": "Anchor",
-                "module": "src/anchor/anchor.ts"
+                "name": "Button",
+                "module": "src/button/button.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "type",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "formmethodChanged",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "privacy": "public",
-              "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
               "inheritedFrom": {
-                "name": "Anchor",
-                "module": "src/anchor/anchor.ts"
+                "name": "Button",
+                "module": "src/button/button.ts"
               }
             },
             {
               "kind": "field",
-              "name": "control",
+              "name": "formnovalidate",
               "type": {
-                "text": "HTMLAnchorElement | undefined"
+                "text": "boolean"
               },
               "privacy": "public",
-              "description": "References the root element",
+              "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element} for more details.",
               "inheritedFrom": {
-                "name": "Anchor",
-                "module": "src/anchor/anchor.ts"
+                "name": "Button",
+                "module": "src/button/button.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "handleUnsupportedDelegatesFocus",
+              "kind": "method",
+              "name": "formnovalidateChanged",
               "privacy": "private",
-              "description": "Overrides the focus call for where delegatesFocus is unsupported.\nThis check works for Chrome, Edge Chromium, FireFox, and Safari\nRelevant PR on the Firefox browser: https://phabricator.services.mozilla.com/D123858",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
-                "name": "Anchor",
-                "module": "src/anchor/anchor.ts"
+                "name": "Button",
+                "module": "src/button/button.ts"
               }
             },
             {
               "kind": "field",
-              "name": "_presentation",
+              "name": "formtarget",
               "type": {
-                "text": "ComponentPresentation | null | undefined"
+                "text": "\"_self\" | \"_blank\" | \"_parent\" | \"_top\""
               },
-              "privacy": "private",
-              "default": "void 0",
+              "privacy": "public",
+              "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element} for more details.",
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "Button",
+                "module": "src/button/button.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "$presentation",
-              "type": {
-                "text": "ComponentPresentation | null"
+              "kind": "method",
+              "name": "formtargetChanged",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "privacy": "public",
-              "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "Button",
+                "module": "src/button/button.ts"
               }
             },
             {
               "kind": "field",
-              "name": "template",
+              "name": "type",
               "type": {
-                "text": "ElementViewTemplate | void | null"
+                "text": "\"submit\" | \"reset\" | \"button\""
               },
               "privacy": "public",
-              "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
+              "description": "The button type.",
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "Button",
+                "module": "src/button/button.ts"
               }
             },
             {
               "kind": "method",
-              "name": "templateChanged",
-              "privacy": "protected",
+              "name": "typeChanged",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
-              }
-            },
-            {
-              "kind": "field",
+              "parameters": [
+                {
+                  "name": "previous",
+                  "type": {
+                    "text": "\"submit\" | \"reset\" | \"button\" | void"
+                  }
+                },
+                {
+                  "name": "next",
+                  "type": {
+                    "text": "\"submit\" | \"reset\" | \"button\""
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "Button",
+                "module": "src/button/button.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "defaultSlottedContent",
+              "type": {
+                "text": "HTMLElement[]"
+              },
+              "privacy": "public",
+              "description": "\nDefault slotted content",
+              "inheritedFrom": {
+                "name": "Button",
+                "module": "src/button/button.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "validate",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "{@inheritDoc (FormAssociated:interface).validate}",
+              "inheritedFrom": {
+                "name": "Button",
+                "module": "src/button/button.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "handleSubmission",
+              "privacy": "private",
+              "description": "Submits the parent form",
+              "inheritedFrom": {
+                "name": "Button",
+                "module": "src/button/button.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "handleFormReset",
+              "privacy": "private",
+              "description": "Resets the parent form",
+              "inheritedFrom": {
+                "name": "Button",
+                "module": "src/button/button.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "control",
+              "type": {
+                "text": "HTMLButtonElement"
+              },
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "Button",
+                "module": "src/button/button.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "handleUnsupportedDelegatesFocus",
+              "privacy": "private",
+              "description": "Overrides the focus call for where delegatesFocus is unsupported.\nThis check works for Chrome, Edge Chromium, FireFox, and Safari\nRelevant PR on the Firefox browser: https://phabricator.services.mozilla.com/D123858",
+              "inheritedFrom": {
+                "name": "Button",
+                "module": "src/button/button.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "proxy",
+              "inheritedFrom": {
+                "name": "Button",
+                "module": "src/button/button.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_presentation",
+              "type": {
+                "text": "ComponentPresentation | null | undefined"
+              },
+              "privacy": "private",
+              "default": "void 0",
+              "inheritedFrom": {
+                "name": "Button",
+                "module": "src/button/button.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "$presentation",
+              "type": {
+                "text": "ComponentPresentation | null"
+              },
+              "privacy": "public",
+              "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
+              "inheritedFrom": {
+                "name": "Button",
+                "module": "src/button/button.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "template",
+              "type": {
+                "text": "ElementViewTemplate | void | null"
+              },
+              "privacy": "public",
+              "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
+              "inheritedFrom": {
+                "name": "Button",
+                "module": "src/button/button.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "templateChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "Button",
+                "module": "src/button/button.ts"
+              }
+            },
+            {
+              "kind": "field",
               "name": "styles",
               "type": {
                 "text": "ElementStyles | void | null"
@@ -5970,8 +6250,8 @@
               "privacy": "public",
               "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "Button",
+                "module": "src/button/button.ts"
               }
             },
             {
@@ -5984,8 +6264,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "Button",
+                "module": "src/button/button.ts"
               }
             },
             {
@@ -6015,73 +6295,73 @@
               ],
               "description": "Defines an element registry function with a set of element definition defaults.",
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "Button",
+                "module": "src/button/button.ts"
               }
             }
           ]
         },
         {
           "kind": "variable",
-          "name": "foundationBreadcrumbItemShadowOptions",
+          "name": "foundationButtonShadowOptions",
           "type": {
             "text": "ShadowRootInit"
           },
-          "default": "undefined"
+          "default": "{\n  delegatesFocus: true,\n  mode: 'open',\n}"
         },
         {
           "kind": "variable",
-          "name": "defaultBreadcrumbItemConfig",
+          "name": "defaultButtonConfig",
           "type": {
             "text": "object"
           },
-          "default": "{\n  separator: '/',\n}"
+          "default": "{}"
         },
         {
           "kind": "variable",
-          "name": "foundationBreadcrumbItem",
-          "description": "The Foundation Breadcrumb Item",
+          "name": "foundationButton",
+          "description": "The Foundation Button",
           "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "BreadcrumbItem",
+          "name": "Button",
           "declaration": {
-            "name": "BreadcrumbItem",
-            "module": "src/breadcrumb-item/breadcrumb-item.ts"
+            "name": "Button",
+            "module": "src/button/button.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationBreadcrumbItemShadowOptions",
+          "name": "foundationButtonShadowOptions",
           "declaration": {
-            "name": "foundationBreadcrumbItemShadowOptions",
-            "module": "src/breadcrumb-item/breadcrumb-item.ts"
+            "name": "foundationButtonShadowOptions",
+            "module": "src/button/button.ts"
           }
         },
         {
           "kind": "js",
-          "name": "defaultBreadcrumbItemConfig",
+          "name": "defaultButtonConfig",
           "declaration": {
-            "name": "defaultBreadcrumbItemConfig",
-            "module": "src/breadcrumb-item/breadcrumb-item.ts"
+            "name": "defaultButtonConfig",
+            "module": "src/button/button.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationBreadcrumbItem",
+          "name": "foundationButton",
           "declaration": {
-            "name": "foundationBreadcrumbItem",
-            "module": "src/breadcrumb-item/breadcrumb-item.ts"
+            "name": "foundationButton",
+            "module": "src/button/button.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/breadcrumb-item/index.ts",
+      "path": "src/button/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -6089,7 +6369,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./breadcrumb-item.template"
+            "package": "./button.template"
           }
         },
         {
@@ -6097,7 +6377,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./breadcrumb-item.styles"
+            "package": "./button.styles"
           }
         },
         {
@@ -6105,60 +6385,46 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./breadcrumb-item"
+            "package": "./button"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/button/button.styles.ts",
+      "path": "src/calendar/calendar.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationButtonStyles",
+          "name": "foundationCalendarStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
             }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
+          }
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "foundationButtonStyles",
+          "name": "foundationCalendarStyles",
           "declaration": {
-            "name": "foundationButtonStyles",
-            "module": "src/button/button.styles.ts"
+            "name": "foundationCalendarStyles",
+            "module": "src/calendar/calendar.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/button/button.template.ts",
+      "path": "src/calendar/calendar.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationButtonTemplate",
+          "name": "foundationCalendarTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<Button>"
+              "text": "ViewTemplate<Calendar>"
             }
           },
           "parameters": [
@@ -6180,156 +6446,192 @@
       "exports": [
         {
           "kind": "js",
-          "name": "foundationButtonTemplate",
+          "name": "foundationCalendarTemplate",
           "declaration": {
-            "name": "foundationButtonTemplate",
-            "module": "src/button/button.template.ts"
+            "name": "foundationCalendarTemplate",
+            "module": "src/calendar/calendar.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/button/button.ts",
+      "path": "src/calendar/calendar.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Button",
+          "name": "Calendar",
           "superclass": {
-            "name": "FASTButton",
+            "name": "FASTCalendar",
             "package": "@microsoft/fast-components"
           },
-          "tagName": "%%prefix%%-button",
+          "tagName": "%%prefix%%-calendar",
           "customElement": true,
           "attributes": [
             {
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "description": "Determines if the element should receive document focus on page load.",
-              "fieldName": "autofocus",
+              "description": "Readonly attribute for turning off data-grid",
+              "fieldName": "readonly",
+              "default": "false",
               "inheritedFrom": {
-                "name": "Button",
-                "module": "src/button/button.ts"
+                "name": "Calendar",
+                "module": "src/calendar/calendar.ts"
               }
             },
             {
-              "name": "form",
+              "name": "locale",
               "type": {
                 "text": "string"
               },
-              "description": "The id of a form to associate the element to.",
-              "fieldName": "formId",
+              "default": "\"en-US\"",
+              "description": "String repesentation of the full locale including market, calendar type and numbering system",
+              "fieldName": "locale",
               "inheritedFrom": {
-                "name": "Button",
-                "module": "src/button/button.ts"
+                "name": "Calendar",
+                "module": "src/calendar/calendar.ts"
               }
             },
             {
-              "name": "formaction",
+              "name": "day-format",
               "type": {
-                "text": "string"
+                "text": "DayFormat"
               },
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
-              "fieldName": "formaction",
+              "default": "\"numeric\"",
+              "description": "Format style for the day",
+              "fieldName": "dayFormat",
               "inheritedFrom": {
-                "name": "Button",
-                "module": "src/button/button.ts"
+                "name": "Calendar",
+                "module": "src/calendar/calendar.ts"
               }
             },
             {
-              "name": "formenctype",
+              "name": "weekday-format",
               "type": {
-                "text": "string"
+                "text": "WeekdayFormat"
               },
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
-              "fieldName": "formenctype",
+              "default": "\"short\"",
+              "description": "Format style for the week day labels",
+              "fieldName": "weekdayFormat",
               "inheritedFrom": {
-                "name": "Button",
-                "module": "src/button/button.ts"
+                "name": "Calendar",
+                "module": "src/calendar/calendar.ts"
               }
             },
             {
-              "name": "formmethod",
+              "name": "month-format",
               "type": {
-                "text": "string"
+                "text": "MonthFormat"
               },
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
-              "fieldName": "formmethod",
+              "default": "\"long\"",
+              "description": "Format style for the month label",
+              "fieldName": "monthFormat",
               "inheritedFrom": {
-                "name": "Button",
-                "module": "src/button/button.ts"
+                "name": "Calendar",
+                "module": "src/calendar/calendar.ts"
               }
             },
             {
-              "name": "formtarget",
+              "name": "year-format",
               "type": {
-                "text": "\"_self\" | \"_blank\" | \"_parent\" | \"_top\""
+                "text": "YearFormat"
               },
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
-              "fieldName": "formtarget",
+              "default": "\"numeric\"",
+              "description": "Format style for the year used in the title",
+              "fieldName": "yearFormat",
               "inheritedFrom": {
-                "name": "Button",
-                "module": "src/button/button.ts"
+                "name": "Calendar",
+                "module": "src/calendar/calendar.ts"
               }
             },
             {
-              "name": "type",
+              "name": "min-weeks",
               "type": {
-                "text": "\"submit\" | \"reset\" | \"button\""
+                "text": "number"
               },
-              "description": "The button type.",
-              "fieldName": "type",
+              "default": "0",
+              "description": "Minimum number of weeks to show for the month\nThis can be used to normalize the calendar view\n when changing or across multiple calendars",
+              "fieldName": "minWeeks",
               "inheritedFrom": {
-                "name": "Button",
-                "module": "src/button/button.ts"
+                "name": "Calendar",
+                "module": "src/calendar/calendar.ts"
+              }
+            },
+            {
+              "name": "disabled-dates",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "A list of dates that should be shown as disabled",
+              "fieldName": "disabledDates",
+              "inheritedFrom": {
+                "name": "Calendar",
+                "module": "src/calendar/calendar.ts"
+              }
+            },
+            {
+              "name": "selected-dates",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "A list of dates that should be shown as highlighted",
+              "fieldName": "selectedDates",
+              "inheritedFrom": {
+                "name": "Calendar",
+                "module": "src/calendar/calendar.ts"
               }
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "autofocus",
+              "name": "dateFormatter",
               "type": {
-                "text": "boolean"
+                "text": "DateFormatter"
               },
               "privacy": "public",
-              "description": "Determines if the element should receive document focus on page load.",
+              "default": "new DateFormatter()",
+              "description": "date formatter utitlity for getting localized strings",
               "inheritedFrom": {
-                "name": "Button",
-                "module": "src/button/button.ts"
+                "name": "Calendar",
+                "module": "src/calendar/calendar.ts"
               }
             },
             {
               "kind": "field",
-              "name": "formId",
+              "name": "readonly",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
               "privacy": "public",
-              "description": "The id of a form to associate the element to.",
+              "default": "false",
+              "description": "Readonly attribute for turning off data-grid",
               "inheritedFrom": {
-                "name": "Button",
-                "module": "src/button/button.ts"
+                "name": "Calendar",
+                "module": "src/calendar/calendar.ts"
               }
             },
             {
               "kind": "field",
-              "name": "formaction",
+              "name": "locale",
               "type": {
                 "text": "string"
               },
               "privacy": "public",
-              "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element} for more details.",
+              "default": "\"en-US\"",
+              "description": "String repesentation of the full locale including market, calendar type and numbering system",
               "inheritedFrom": {
-                "name": "Button",
-                "module": "src/button/button.ts"
+                "name": "Calendar",
+                "module": "src/calendar/calendar.ts"
               }
             },
             {
               "kind": "method",
-              "name": "formactionChanged",
+              "name": "localeChanged",
               "privacy": "private",
               "return": {
                 "type": {
@@ -6337,53 +6639,53 @@
                 }
               },
               "inheritedFrom": {
-                "name": "Button",
-                "module": "src/button/button.ts"
+                "name": "Calendar",
+                "module": "src/calendar/calendar.ts"
               }
             },
             {
               "kind": "field",
-              "name": "formenctype",
+              "name": "month",
               "type": {
-                "text": "string"
+                "text": "number"
               },
               "privacy": "public",
-              "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element} for more details.",
+              "description": "Month to display",
               "inheritedFrom": {
-                "name": "Button",
-                "module": "src/button/button.ts"
+                "name": "Calendar",
+                "module": "src/calendar/calendar.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "formenctypeChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "year",
+              "type": {
+                "text": "number"
               },
+              "privacy": "public",
+              "description": "Year of the month to display",
               "inheritedFrom": {
-                "name": "Button",
-                "module": "src/button/button.ts"
+                "name": "Calendar",
+                "module": "src/calendar/calendar.ts"
               }
             },
             {
               "kind": "field",
-              "name": "formmethod",
+              "name": "dayFormat",
               "type": {
-                "text": "string"
+                "text": "DayFormat"
               },
               "privacy": "public",
-              "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element} for more details.",
+              "default": "\"numeric\"",
+              "description": "Format style for the day",
               "inheritedFrom": {
-                "name": "Button",
-                "module": "src/button/button.ts"
+                "name": "Calendar",
+                "module": "src/calendar/calendar.ts"
               }
             },
             {
               "kind": "method",
-              "name": "formmethodChanged",
+              "name": "dayFormatChanged",
               "privacy": "private",
               "return": {
                 "type": {
@@ -6391,26 +6693,27 @@
                 }
               },
               "inheritedFrom": {
-                "name": "Button",
-                "module": "src/button/button.ts"
+                "name": "Calendar",
+                "module": "src/calendar/calendar.ts"
               }
             },
             {
               "kind": "field",
-              "name": "formnovalidate",
+              "name": "weekdayFormat",
               "type": {
-                "text": "boolean"
+                "text": "WeekdayFormat"
               },
               "privacy": "public",
-              "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element} for more details.",
+              "default": "\"short\"",
+              "description": "Format style for the week day labels",
               "inheritedFrom": {
-                "name": "Button",
-                "module": "src/button/button.ts"
+                "name": "Calendar",
+                "module": "src/calendar/calendar.ts"
               }
             },
             {
               "kind": "method",
-              "name": "formnovalidateChanged",
+              "name": "weekdayFormatChanged",
               "privacy": "private",
               "return": {
                 "type": {
@@ -6418,26 +6721,27 @@
                 }
               },
               "inheritedFrom": {
-                "name": "Button",
-                "module": "src/button/button.ts"
+                "name": "Calendar",
+                "module": "src/calendar/calendar.ts"
               }
             },
             {
               "kind": "field",
-              "name": "formtarget",
+              "name": "monthFormat",
               "type": {
-                "text": "\"_self\" | \"_blank\" | \"_parent\" | \"_top\""
+                "text": "MonthFormat"
               },
               "privacy": "public",
-              "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element} for more details.",
+              "default": "\"long\"",
+              "description": "Format style for the month label",
               "inheritedFrom": {
-                "name": "Button",
-                "module": "src/button/button.ts"
+                "name": "Calendar",
+                "module": "src/calendar/calendar.ts"
               }
             },
             {
               "kind": "method",
-              "name": "formtargetChanged",
+              "name": "monthFormatChanged",
               "privacy": "private",
               "return": {
                 "type": {
@@ -6445,245 +6749,413 @@
                 }
               },
               "inheritedFrom": {
-                "name": "Button",
-                "module": "src/button/button.ts"
+                "name": "Calendar",
+                "module": "src/calendar/calendar.ts"
               }
             },
             {
               "kind": "field",
-              "name": "type",
+              "name": "yearFormat",
               "type": {
-                "text": "\"submit\" | \"reset\" | \"button\""
+                "text": "YearFormat"
               },
               "privacy": "public",
-              "description": "The button type.",
+              "default": "\"numeric\"",
+              "description": "Format style for the year used in the title",
               "inheritedFrom": {
-                "name": "Button",
-                "module": "src/button/button.ts"
+                "name": "Calendar",
+                "module": "src/calendar/calendar.ts"
               }
             },
             {
               "kind": "method",
-              "name": "typeChanged",
+              "name": "yearFormatChanged",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "name": "previous",
-                  "type": {
-                    "text": "\"submit\" | \"reset\" | \"button\" | void"
-                  }
-                },
-                {
-                  "name": "next",
-                  "type": {
-                    "text": "\"submit\" | \"reset\" | \"button\""
-                  }
-                }
-              ],
               "inheritedFrom": {
-                "name": "Button",
-                "module": "src/button/button.ts"
-              }
+                "name": "Calendar",
+                "module": "src/calendar/calendar.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "defaultSlottedContent",
+              "name": "minWeeks",
               "type": {
-                "text": "HTMLElement[]"
+                "text": "number"
               },
               "privacy": "public",
-              "description": "\nDefault slotted content",
-              "inheritedFrom": {
-                "name": "Button",
-                "module": "src/button/button.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "validate",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "{@inheritDoc (FormAssociated:interface).validate}",
-              "inheritedFrom": {
-                "name": "Button",
-                "module": "src/button/button.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "handleSubmission",
-              "privacy": "private",
-              "description": "Submits the parent form",
-              "inheritedFrom": {
-                "name": "Button",
-                "module": "src/button/button.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "handleFormReset",
-              "privacy": "private",
-              "description": "Resets the parent form",
+              "default": "0",
+              "description": "Minimum number of weeks to show for the month\nThis can be used to normalize the calendar view\n when changing or across multiple calendars",
               "inheritedFrom": {
-                "name": "Button",
-                "module": "src/button/button.ts"
+                "name": "Calendar",
+                "module": "src/calendar/calendar.ts"
               }
             },
             {
               "kind": "field",
-              "name": "control",
+              "name": "disabledDates",
               "type": {
-                "text": "HTMLButtonElement"
+                "text": "string"
               },
               "privacy": "public",
+              "default": "\"\"",
+              "description": "A list of dates that should be shown as disabled",
               "inheritedFrom": {
-                "name": "Button",
-                "module": "src/button/button.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "handleUnsupportedDelegatesFocus",
-              "privacy": "private",
-              "description": "Overrides the focus call for where delegatesFocus is unsupported.\nThis check works for Chrome, Edge Chromium, FireFox, and Safari\nRelevant PR on the Firefox browser: https://phabricator.services.mozilla.com/D123858",
-              "inheritedFrom": {
-                "name": "Button",
-                "module": "src/button/button.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "proxy",
-              "inheritedFrom": {
-                "name": "Button",
-                "module": "src/button/button.ts"
+                "name": "Calendar",
+                "module": "src/calendar/calendar.ts"
               }
             },
             {
               "kind": "field",
-              "name": "_presentation",
+              "name": "selectedDates",
               "type": {
-                "text": "ComponentPresentation | null | undefined"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "void 0",
+              "privacy": "public",
+              "default": "\"\"",
+              "description": "A list of dates that should be shown as highlighted",
               "inheritedFrom": {
-                "name": "Button",
-                "module": "src/button/button.ts"
+                "name": "Calendar",
+                "module": "src/calendar/calendar.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "$presentation",
-              "type": {
-                "text": "ComponentPresentation | null"
-              },
+              "kind": "method",
+              "name": "getMonthInfo",
               "privacy": "public",
-              "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "parameters": [
+                {
+                  "name": "month",
+                  "default": "this.month",
+                  "type": {
+                    "text": "number"
+                  },
+                  "description": "month of the calendar"
+                },
+                {
+                  "name": "year",
+                  "default": "this.year",
+                  "type": {
+                    "text": "number"
+                  },
+                  "description": "year of the calendar"
+                }
+              ],
+              "description": "Gets data needed to render about a calendar month as well as the previous and next months",
               "inheritedFrom": {
-                "name": "Button",
-                "module": "src/button/button.ts"
+                "name": "Calendar",
+                "module": "src/calendar/calendar.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "template",
-              "type": {
-                "text": "ElementViewTemplate | void | null"
-              },
+              "kind": "method",
+              "name": "getDays",
               "privacy": "public",
-              "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "parameters": [
+                {
+                  "name": "info",
+                  "default": "this.getMonthInfo()",
+                  "type": {
+                    "text": "CalendarInfo"
+                  },
+                  "description": "an object containing the information needed to render a calendar month"
+                },
+                {
+                  "name": "minWeeks",
+                  "default": "this.minWeeks",
+                  "type": {
+                    "text": "number"
+                  },
+                  "description": "minimum number of weeks to show"
+                }
+              ],
+              "description": "A list of calendar days",
               "inheritedFrom": {
-                "name": "Button",
-                "module": "src/button/button.ts"
+                "name": "Calendar",
+                "module": "src/calendar/calendar.ts"
               }
             },
             {
               "kind": "method",
-              "name": "templateChanged",
-              "privacy": "protected",
+              "name": "dateInString",
+              "privacy": "public",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": ""
                 }
               },
+              "parameters": [
+                {
+                  "name": "date",
+                  "type": {
+                    "text": "Date | string"
+                  },
+                  "description": "A date objec that includes the day, month and year"
+                },
+                {
+                  "name": "datesString",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "a comma separated list of dates"
+                }
+              ],
+              "description": "A helper function that checks if a date exists in a list of dates",
               "inheritedFrom": {
-                "name": "Button",
-                "module": "src/button/button.ts"
+                "name": "Calendar",
+                "module": "src/calendar/calendar.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "styles",
-              "type": {
-                "text": "ElementStyles | void | null"
-              },
+              "kind": "method",
+              "name": "getDayClassNames",
               "privacy": "public",
-              "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "parameters": [
+                {
+                  "name": "date",
+                  "type": {
+                    "text": "CalendarDateInfo"
+                  },
+                  "description": "date of the calendar cell"
+                },
+                {
+                  "name": "todayString",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Creates a class string for the day container",
               "inheritedFrom": {
-                "name": "Button",
-                "module": "src/button/button.ts"
+                "name": "Calendar",
+                "module": "src/calendar/calendar.ts"
               }
             },
             {
               "kind": "method",
-              "name": "stylesChanged",
-              "privacy": "protected",
+              "name": "getWeekdayText",
+              "privacy": "public",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": ""
                 }
               },
+              "description": "Returns a list of weekday labels",
               "inheritedFrom": {
-                "name": "Button",
-                "module": "src/button/button.ts"
+                "name": "Calendar",
+                "module": "src/calendar/calendar.ts"
               }
             },
             {
               "kind": "method",
-              "name": "compose",
+              "name": "handleDateSelect",
               "privacy": "public",
-              "static": true,
               "return": {
                 "type": {
-                  "text": "(\n        overrideDefinition?: OverrideFoundationElementDefinition<T>\n    ) => FoundationElementRegistry<T, K>"
+                  "text": "void"
                 }
               },
               "parameters": [
                 {
-                  "name": "this",
+                  "name": "event",
                   "type": {
-                    "text": "K"
+                    "text": "Event"
                   }
                 },
                 {
-                  "name": "elementDefinition",
+                  "name": "day",
                   "type": {
-                    "text": "T"
-                  },
-                  "description": "The definition of the element to create the registry\nfunction for."
+                    "text": "CalendarDateInfo"
+                  }
+                },
+                {
+                  "description": "Date cell",
+                  "name": "date"
                 }
               ],
-              "description": "Defines an element registry function with a set of element definition defaults.",
+              "description": "Emits the \"date-select\" event with the day, month and year.",
               "inheritedFrom": {
-                "name": "Button",
-                "module": "src/button/button.ts"
+                "name": "Calendar",
+                "module": "src/calendar/calendar.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleKeydown",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  },
+                  "description": "Keyboard event"
+                },
+                {
+                  "name": "date",
+                  "type": {
+                    "text": "CalendarDateInfo"
+                  },
+                  "description": "Date of the cell selected"
+                }
+              ],
+              "description": "Handles keyboard events on a cell",
+              "inheritedFrom": {
+                "name": "Calendar",
+                "module": "src/calendar/calendar.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_presentation",
+              "type": {
+                "text": "ComponentPresentation | null | undefined"
+              },
+              "privacy": "private",
+              "default": "void 0",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "$presentation",
+              "type": {
+                "text": "ComponentPresentation | null"
+              },
+              "privacy": "public",
+              "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "template",
+              "type": {
+                "text": "ElementViewTemplate | void | null"
+              },
+              "privacy": "public",
+              "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "templateChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "styles",
+              "type": {
+                "text": "ElementStyles | void | null"
+              },
+              "privacy": "public",
+              "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "stylesChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "compose",
+              "privacy": "public",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "(\n        overrideDefinition?: OverrideFoundationElementDefinition<T>\n    ) => FoundationElementRegistry<T, K>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "this",
+                  "type": {
+                    "text": "K"
+                  }
+                },
+                {
+                  "name": "elementDefinition",
+                  "type": {
+                    "text": "T"
+                  },
+                  "description": "The definition of the element to create the registry\nfunction for."
+                }
+              ],
+              "description": "Defines an element registry function with a set of element definition defaults.",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "description": "Fires a custom 'dateselected' event when Enter is invoked via keyboard on a date",
+              "name": "dateselected",
+              "inheritedFrom": {
+                "name": "Calendar",
+                "module": "src/calendar/calendar.ts"
               }
             }
           ]
         },
         {
           "kind": "variable",
-          "name": "foundationButtonShadowOptions",
+          "name": "foundationCalendarShadowOptions",
           "type": {
             "text": "ShadowRootInit"
           },
@@ -6691,7 +7163,7 @@
         },
         {
           "kind": "variable",
-          "name": "defaultButtonConfig",
+          "name": "defaultCalendarConfig",
           "type": {
             "text": "object"
           },
@@ -6699,49 +7171,49 @@
         },
         {
           "kind": "variable",
-          "name": "foundationButton",
-          "description": "The Foundation Button",
+          "name": "foundationCalendar",
+          "description": "The Foundation Calendar",
           "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Button",
+          "name": "Calendar",
           "declaration": {
-            "name": "Button",
-            "module": "src/button/button.ts"
+            "name": "Calendar",
+            "module": "src/calendar/calendar.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationButtonShadowOptions",
+          "name": "foundationCalendarShadowOptions",
           "declaration": {
-            "name": "foundationButtonShadowOptions",
-            "module": "src/button/button.ts"
+            "name": "foundationCalendarShadowOptions",
+            "module": "src/calendar/calendar.ts"
           }
         },
         {
           "kind": "js",
-          "name": "defaultButtonConfig",
+          "name": "defaultCalendarConfig",
           "declaration": {
-            "name": "defaultButtonConfig",
-            "module": "src/button/button.ts"
+            "name": "defaultCalendarConfig",
+            "module": "src/calendar/calendar.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationButton",
+          "name": "foundationCalendar",
           "declaration": {
-            "name": "foundationButton",
-            "module": "src/button/button.ts"
+            "name": "foundationCalendar",
+            "module": "src/calendar/calendar.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/button/index.ts",
+      "path": "src/calendar/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -6749,7 +7221,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./button.template"
+            "package": "./calendar"
           }
         },
         {
@@ -6757,7 +7229,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./button.styles"
+            "package": "./calendar.template"
           }
         },
         {
@@ -6765,46 +7237,60 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./button"
+            "package": "./calendar.styles"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/calendar/calendar.styles.ts",
+      "path": "src/badge/badge.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationCalendarStyles",
+          "name": "foundationBadgeStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
             }
-          }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "foundationCalendarStyles",
+          "name": "foundationBadgeStyles",
           "declaration": {
-            "name": "foundationCalendarStyles",
-            "module": "src/calendar/calendar.styles.ts"
+            "name": "foundationBadgeStyles",
+            "module": "src/badge/badge.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/calendar/calendar.template.ts",
+      "path": "src/badge/badge.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationCalendarTemplate",
+          "name": "foundationBadgeTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<Calendar>"
+              "text": "ViewTemplate<Badge>"
             }
           },
           "parameters": [
@@ -6826,588 +7312,112 @@
       "exports": [
         {
           "kind": "js",
-          "name": "foundationCalendarTemplate",
+          "name": "foundationBadgeTemplate",
           "declaration": {
-            "name": "foundationCalendarTemplate",
-            "module": "src/calendar/calendar.template.ts"
+            "name": "foundationBadgeTemplate",
+            "module": "src/badge/badge.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/calendar/calendar.ts",
+      "path": "src/badge/badge.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Calendar",
+          "name": "Badge",
           "superclass": {
-            "name": "FASTCalendar",
+            "name": "FASTBadge",
             "package": "@microsoft/fast-components"
           },
-          "tagName": "%%prefix%%-calendar",
+          "tagName": "%%prefix%%-badge",
           "customElement": true,
           "attributes": [
             {
+              "name": "fill",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "description": "Readonly attribute for turning off data-grid",
-              "fieldName": "readonly",
-              "default": "false",
+              "description": "Indicates the badge should have a filled style.",
+              "fieldName": "fill",
               "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/calendar/calendar.ts"
+                "name": "Badge",
+                "module": "src/badge/badge.ts"
               }
             },
             {
-              "name": "locale",
+              "name": "color",
               "type": {
                 "text": "string"
               },
-              "default": "\"en-US\"",
-              "description": "String repesentation of the full locale including market, calendar type and numbering system",
-              "fieldName": "locale",
-              "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/calendar/calendar.ts"
-              }
-            },
-            {
-              "name": "day-format",
-              "type": {
-                "text": "DayFormat"
-              },
-              "default": "\"numeric\"",
-              "description": "Format style for the day",
-              "fieldName": "dayFormat",
-              "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/calendar/calendar.ts"
-              }
-            },
-            {
-              "name": "weekday-format",
-              "type": {
-                "text": "WeekdayFormat"
-              },
-              "default": "\"short\"",
-              "description": "Format style for the week day labels",
-              "fieldName": "weekdayFormat",
-              "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/calendar/calendar.ts"
-              }
-            },
-            {
-              "name": "month-format",
-              "type": {
-                "text": "MonthFormat"
-              },
-              "default": "\"long\"",
-              "description": "Format style for the month label",
-              "fieldName": "monthFormat",
-              "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/calendar/calendar.ts"
-              }
-            },
-            {
-              "name": "year-format",
-              "type": {
-                "text": "YearFormat"
-              },
-              "default": "\"numeric\"",
-              "description": "Format style for the year used in the title",
-              "fieldName": "yearFormat",
-              "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/calendar/calendar.ts"
-              }
-            },
-            {
-              "name": "min-weeks",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "Minimum number of weeks to show for the month\nThis can be used to normalize the calendar view\n when changing or across multiple calendars",
-              "fieldName": "minWeeks",
-              "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/calendar/calendar.ts"
-              }
-            },
-            {
-              "name": "disabled-dates",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "A list of dates that should be shown as disabled",
-              "fieldName": "disabledDates",
+              "description": "Indicates the badge should have a filled style.",
+              "fieldName": "color",
               "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/calendar/calendar.ts"
+                "name": "Badge",
+                "module": "src/badge/badge.ts"
               }
             },
             {
-              "name": "selected-dates",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"\"",
-              "description": "A list of dates that should be shown as highlighted",
-              "fieldName": "selectedDates",
+              "description": "Indicates the element should be circular",
+              "fieldName": "circular",
               "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/calendar/calendar.ts"
+                "name": "Badge",
+                "module": "src/badge/badge.ts"
               }
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "dateFormatter",
-              "type": {
-                "text": "DateFormatter"
-              },
-              "privacy": "public",
-              "default": "new DateFormatter()",
-              "description": "date formatter utitlity for getting localized strings",
-              "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/calendar/calendar.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "readonly",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "Readonly attribute for turning off data-grid",
-              "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/calendar/calendar.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "locale",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "default": "\"en-US\"",
-              "description": "String repesentation of the full locale including market, calendar type and numbering system",
-              "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/calendar/calendar.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "localeChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/calendar/calendar.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "month",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "public",
-              "description": "Month to display",
-              "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/calendar/calendar.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "year",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "public",
-              "description": "Year of the month to display",
-              "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/calendar/calendar.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "dayFormat",
-              "type": {
-                "text": "DayFormat"
-              },
-              "privacy": "public",
-              "default": "\"numeric\"",
-              "description": "Format style for the day",
-              "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/calendar/calendar.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "dayFormatChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/calendar/calendar.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "weekdayFormat",
-              "type": {
-                "text": "WeekdayFormat"
-              },
-              "privacy": "public",
-              "default": "\"short\"",
-              "description": "Format style for the week day labels",
-              "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/calendar/calendar.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "weekdayFormatChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/calendar/calendar.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "monthFormat",
-              "type": {
-                "text": "MonthFormat"
-              },
-              "privacy": "public",
-              "default": "\"long\"",
-              "description": "Format style for the month label",
-              "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/calendar/calendar.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "monthFormatChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/calendar/calendar.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "yearFormat",
-              "type": {
-                "text": "YearFormat"
-              },
-              "privacy": "public",
-              "default": "\"numeric\"",
-              "description": "Format style for the year used in the title",
-              "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/calendar/calendar.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "yearFormatChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/calendar/calendar.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "minWeeks",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "public",
-              "default": "0",
-              "description": "Minimum number of weeks to show for the month\nThis can be used to normalize the calendar view\n when changing or across multiple calendars",
-              "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/calendar/calendar.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "disabledDates",
+              "name": "fill",
               "type": {
                 "text": "string"
               },
               "privacy": "public",
-              "default": "\"\"",
-              "description": "A list of dates that should be shown as disabled",
+              "description": "Indicates the badge should have a filled style.",
               "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/calendar/calendar.ts"
+                "name": "Badge",
+                "module": "src/badge/badge.ts"
               }
             },
             {
               "kind": "field",
-              "name": "selectedDates",
+              "name": "color",
               "type": {
                 "text": "string"
-              },
-              "privacy": "public",
-              "default": "\"\"",
-              "description": "A list of dates that should be shown as highlighted",
-              "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/calendar/calendar.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "getMonthInfo",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "parameters": [
-                {
-                  "name": "month",
-                  "default": "this.month",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "month of the calendar"
-                },
-                {
-                  "name": "year",
-                  "default": "this.year",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "year of the calendar"
-                }
-              ],
-              "description": "Gets data needed to render about a calendar month as well as the previous and next months",
-              "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/calendar/calendar.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "getDays",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "parameters": [
-                {
-                  "name": "info",
-                  "default": "this.getMonthInfo()",
-                  "type": {
-                    "text": "CalendarInfo"
-                  },
-                  "description": "an object containing the information needed to render a calendar month"
-                },
-                {
-                  "name": "minWeeks",
-                  "default": "this.minWeeks",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "minimum number of weeks to show"
-                }
-              ],
-              "description": "A list of calendar days",
-              "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/calendar/calendar.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "dateInString",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "parameters": [
-                {
-                  "name": "date",
-                  "type": {
-                    "text": "Date | string"
-                  },
-                  "description": "A date objec that includes the day, month and year"
-                },
-                {
-                  "name": "datesString",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "a comma separated list of dates"
-                }
-              ],
-              "description": "A helper function that checks if a date exists in a list of dates",
-              "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/calendar/calendar.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "getDayClassNames",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "parameters": [
-                {
-                  "name": "date",
-                  "type": {
-                    "text": "CalendarDateInfo"
-                  },
-                  "description": "date of the calendar cell"
-                },
-                {
-                  "name": "todayString",
-                  "optional": true,
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Creates a class string for the day container",
-              "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/calendar/calendar.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "getWeekdayText",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "description": "Returns a list of weekday labels",
-              "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/calendar/calendar.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "handleDateSelect",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                },
-                {
-                  "name": "day",
-                  "type": {
-                    "text": "CalendarDateInfo"
-                  }
-                },
-                {
-                  "description": "Date cell",
-                  "name": "date"
-                }
-              ],
-              "description": "Emits the \"date-select\" event with the day, month and year.",
+              },
+              "privacy": "public",
+              "description": "Indicates the badge should have a filled style.",
               "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/calendar/calendar.ts"
+                "name": "Badge",
+                "module": "src/badge/badge.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "handleKeydown",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
+              "kind": "field",
+              "name": "circular",
+              "type": {
+                "text": "boolean"
               },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  },
-                  "description": "Keyboard event"
-                },
-                {
-                  "name": "date",
-                  "type": {
-                    "text": "CalendarDateInfo"
-                  },
-                  "description": "Date of the cell selected"
-                }
-              ],
-              "description": "Handles keyboard events on a cell",
+              "privacy": "public",
+              "description": "Indicates the element should be circular",
               "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/calendar/calendar.ts"
+                "name": "Badge",
+                "module": "src/badge/badge.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "generateBadgeStyle",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "Badge",
+                "module": "src/badge/badge.ts"
               }
             },
             {
@@ -7521,29 +7531,19 @@
                 "module": "src/foundation-element/foundation-element.ts"
               }
             }
-          ],
-          "events": [
-            {
-              "description": "Fires a custom 'dateselected' event when Enter is invoked via keyboard on a date",
-              "name": "dateselected",
-              "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/calendar/calendar.ts"
-              }
-            }
           ]
         },
         {
           "kind": "variable",
-          "name": "foundationCalendarShadowOptions",
+          "name": "foundationBadgeShadowOptions",
           "type": {
             "text": "ShadowRootInit"
           },
-          "default": "{\n  delegatesFocus: true,\n  mode: 'open',\n}"
+          "default": "undefined"
         },
         {
           "kind": "variable",
-          "name": "defaultCalendarConfig",
+          "name": "defaultBadgeConfig",
           "type": {
             "text": "object"
           },
@@ -7551,49 +7551,49 @@
         },
         {
           "kind": "variable",
-          "name": "foundationCalendar",
-          "description": "The Foundation Calendar",
+          "name": "foundationBadge",
+          "description": "The Foundation Badge",
           "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Calendar",
+          "name": "Badge",
           "declaration": {
-            "name": "Calendar",
-            "module": "src/calendar/calendar.ts"
+            "name": "Badge",
+            "module": "src/badge/badge.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationCalendarShadowOptions",
+          "name": "foundationBadgeShadowOptions",
           "declaration": {
-            "name": "foundationCalendarShadowOptions",
-            "module": "src/calendar/calendar.ts"
+            "name": "foundationBadgeShadowOptions",
+            "module": "src/badge/badge.ts"
           }
         },
         {
           "kind": "js",
-          "name": "defaultCalendarConfig",
+          "name": "defaultBadgeConfig",
           "declaration": {
-            "name": "defaultCalendarConfig",
-            "module": "src/calendar/calendar.ts"
+            "name": "defaultBadgeConfig",
+            "module": "src/badge/badge.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationCalendar",
+          "name": "foundationBadge",
           "declaration": {
-            "name": "foundationCalendar",
-            "module": "src/calendar/calendar.ts"
+            "name": "foundationBadge",
+            "module": "src/badge/badge.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/calendar/index.ts",
+      "path": "src/badge/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -7601,7 +7601,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./calendar"
+            "package": "./badge.template"
           }
         },
         {
@@ -7609,7 +7609,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./calendar.template"
+            "package": "./badge.styles"
           }
         },
         {
@@ -7617,7 +7617,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./calendar.styles"
+            "package": "./badge"
           }
         }
       ]
@@ -29213,42 +29213,231 @@
             }
           ],
           "superclass": {
-            "name": "RouterConfiguration",
-            "package": "@microsoft/fast-router"
-          }
+            "name": "RouterConfiguration",
+            "package": "@microsoft/fast-router"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "FoundationRouter",
+          "declaration": {
+            "name": "FoundationRouter",
+            "module": "src/router/router.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "foundation-router",
+          "declaration": {
+            "name": "FoundationRouter",
+            "module": "src/router/router.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "FoundationRouteCollection",
+          "declaration": {
+            "name": "FoundationRouteCollection",
+            "module": "src/router/router.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "FoundationRouterConfiguration",
+          "declaration": {
+            "name": "FoundationRouterConfiguration",
+            "module": "src/router/router.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/segmented-control/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./segmented-control.template"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./segmented-control.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./segmented-control"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/segmented-control/segmented-control.styles.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "foundationSegmentedControlStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "foundationSegmentedControlStyles",
+          "declaration": {
+            "name": "foundationSegmentedControlStyles",
+            "module": "src/segmented-control/segmented-control.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/segmented-control/segmented-control.template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "foundationSegmentedControlTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<SegmentedControl>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "foundationSegmentedControlTemplate",
+          "declaration": {
+            "name": "foundationSegmentedControlTemplate",
+            "module": "src/segmented-control/segmented-control.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/segmented-control/segmented-control.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SegmentedControl",
+          "members": [
+            {
+              "kind": "method",
+              "name": "valueChanged",
+              "privacy": "protected"
+            }
+          ],
+          "superclass": {
+            "name": "FASTRadioGroup",
+            "package": "@microsoft/fast-foundation"
+          },
+          "tagName": "%%prefix%%-segmented-control",
+          "customElement": true
+        },
+        {
+          "kind": "variable",
+          "name": "foundationSegmentedControlShadowOptions",
+          "type": {
+            "text": "ShadowRootInit"
+          },
+          "default": "undefined"
+        },
+        {
+          "kind": "variable",
+          "name": "defaultSegmentedControlConfig",
+          "type": {
+            "text": "object"
+          },
+          "default": "{}"
+        },
+        {
+          "kind": "variable",
+          "name": "foundationSegmentedControl",
+          "description": "The Foundation Segmented Control",
+          "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "FoundationRouter",
+          "name": "SegmentedControl",
           "declaration": {
-            "name": "FoundationRouter",
-            "module": "src/router/router.ts"
+            "name": "SegmentedControl",
+            "module": "src/segmented-control/segmented-control.ts"
           }
         },
         {
-          "kind": "custom-element-definition",
-          "name": "foundation-router",
+          "kind": "js",
+          "name": "foundationSegmentedControlShadowOptions",
           "declaration": {
-            "name": "FoundationRouter",
-            "module": "src/router/router.ts"
+            "name": "foundationSegmentedControlShadowOptions",
+            "module": "src/segmented-control/segmented-control.ts"
           }
         },
         {
           "kind": "js",
-          "name": "FoundationRouteCollection",
+          "name": "defaultSegmentedControlConfig",
           "declaration": {
-            "name": "FoundationRouteCollection",
-            "module": "src/router/router.ts"
+            "name": "defaultSegmentedControlConfig",
+            "module": "src/segmented-control/segmented-control.ts"
           }
         },
         {
           "kind": "js",
-          "name": "FoundationRouterConfiguration",
+          "name": "foundationSegmentedControl",
           "declaration": {
-            "name": "FoundationRouterConfiguration",
-            "module": "src/router/router.ts"
+            "name": "foundationSegmentedControl",
+            "module": "src/segmented-control/segmented-control.ts"
           }
         }
       ]
@@ -30661,195 +30850,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/segmented-control/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./segmented-control.template"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./segmented-control.styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./segmented-control"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/segmented-control/segmented-control.styles.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "foundationSegmentedControlStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "foundationSegmentedControlStyles",
-          "declaration": {
-            "name": "foundationSegmentedControlStyles",
-            "module": "src/segmented-control/segmented-control.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/segmented-control/segmented-control.template.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "foundationSegmentedControlTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<SegmentedControl>"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "foundationSegmentedControlTemplate",
-          "declaration": {
-            "name": "foundationSegmentedControlTemplate",
-            "module": "src/segmented-control/segmented-control.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/segmented-control/segmented-control.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SegmentedControl",
-          "members": [
-            {
-              "kind": "method",
-              "name": "valueChanged",
-              "privacy": "protected"
-            }
-          ],
-          "superclass": {
-            "name": "FASTRadioGroup",
-            "package": "@microsoft/fast-foundation"
-          },
-          "tagName": "%%prefix%%-segmented-control",
-          "customElement": true
-        },
-        {
-          "kind": "variable",
-          "name": "foundationSegmentedControlShadowOptions",
-          "type": {
-            "text": "ShadowRootInit"
-          },
-          "default": "undefined"
-        },
-        {
-          "kind": "variable",
-          "name": "defaultSegmentedControlConfig",
-          "type": {
-            "text": "object"
-          },
-          "default": "{}"
-        },
-        {
-          "kind": "variable",
-          "name": "foundationSegmentedControl",
-          "description": "The Foundation Segmented Control",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SegmentedControl",
-          "declaration": {
-            "name": "SegmentedControl",
-            "module": "src/segmented-control/segmented-control.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationSegmentedControlShadowOptions",
-          "declaration": {
-            "name": "foundationSegmentedControlShadowOptions",
-            "module": "src/segmented-control/segmented-control.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "defaultSegmentedControlConfig",
-          "declaration": {
-            "name": "defaultSegmentedControlConfig",
-            "module": "src/segmented-control/segmented-control.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationSegmentedControl",
-          "declaration": {
-            "name": "foundationSegmentedControl",
-            "module": "src/segmented-control/segmented-control.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/segmented-item/index.ts",