From 7317b4169dd48febba5f8758228cd69eae1bedc5 Mon Sep 17 00:00:00 2001
From: Chris Holt <chhol@microsoft.com>
Date: Tue, 16 Jun 2020 19:53:08 -0700
Subject: [PATCH] chore: fix broken ui in fast-website, various content fixes,
 update to use new color vars (#3324)

* fix regression where buttons went full width on section headers

* update cstyles to use behavior vars and fix card regression due to inheritance

* add aria-labels for content

* update api docs
---
 sites/fast-website/package.json               |    6 +-
 .../card-section/card-section.styles.ts       |    2 +-
 .../color-swatch/color-swatch.styles.ts       |   15 +-
 .../color-swatch/color-swatch.template.ts     |    2 +-
 .../components/color-swatch/color-swatch.ts   |    2 +-
 .../content-placement-container.styles.ts     |   16 +-
 .../content-placement.styles.ts               |    1 +
 .../fast-frame/fast-frame.styles.ts           |   30 +-
 .../fast-frame/fast-frame.template.ts         |   14 +-
 .../feature-card/feature-card.styles.ts       |    3 +-
 .../components/feature-card/feature-card.ts   |    4 +-
 .../navigation/navigation.styles.ts           |    2 +-
 .../section-header/section-header.styles.ts   |    3 +-
 .../side-navigation/side-navigation.styles.ts |    6 +-
 sites/fast-website/src/public/index.html      |    4 +-
 sites/website/docusaurus.config.js            |    3 +-
 sites/website/package.json                    |    6 +-
 .../src/docs/api/fast-foundation.api.json     | 2362 ++++++++++++++---
 yarn.lock                                     |    5 -
 19 files changed, 2100 insertions(+), 386 deletions(-)

diff --git a/sites/fast-website/package.json b/sites/fast-website/package.json
index ab4af1b7a5f..107eb63cc03 100644
--- a/sites/fast-website/package.json
+++ b/sites/fast-website/package.json
@@ -6,10 +6,10 @@
   "private": true,
   "license": "MIT",
   "devDependencies": {
-    "@microsoft/fast-element": "^0.10.2",
-    "@microsoft/fast-foundation": "^1.1.2",
+    "@microsoft/fast-element": "^0.11.0",
+    "@microsoft/fast-foundation": "^1.2.0",
     "@microsoft/fast-web-utilities": "^4.5.1",
-    "@microsoft/fast-components": "^1.1.2",
+    "@microsoft/fast-components": "^1.2.0",
     "babel-core": "^6.26.3",
     "babel-loader": "^8.1.0",
     "babel-preset-env": "^1.7.0",
diff --git a/sites/fast-website/src/app/components/card-section/card-section.styles.ts b/sites/fast-website/src/app/components/card-section/card-section.styles.ts
index 1022a5d4748..ff4e80f4477 100644
--- a/sites/fast-website/src/app/components/card-section/card-section.styles.ts
+++ b/sites/fast-website/src/app/components/card-section/card-section.styles.ts
@@ -27,7 +27,7 @@ export const CardSectionStyles = css`
     :host ::slotted(site-feature-card:focus-within) {
         cursor: pointer;
         color: currentColor;
-        background-color: var(--neutral-fill-hover);
+        background-color: ${neutralFillHoverBehavior.var};
         filter: saturate(1);
     }
 `.withBehaviors(neutralFillHoverBehavior);
diff --git a/sites/fast-website/src/app/components/color-swatch/color-swatch.styles.ts b/sites/fast-website/src/app/components/color-swatch/color-swatch.styles.ts
index bf709104251..04840eb9d9d 100644
--- a/sites/fast-website/src/app/components/color-swatch/color-swatch.styles.ts
+++ b/sites/fast-website/src/app/components/color-swatch/color-swatch.styles.ts
@@ -2,6 +2,7 @@ import { css } from "@microsoft/fast-element";
 import {
     neutralFillInputHoverBehavior,
     neutralFillInputRestBehavior,
+    neutralFocusBehavior,
     neutralOutlineHoverBehavior,
     neutralOutlineRestBehavior,
 } from "@microsoft/fast-components";
@@ -38,18 +39,18 @@ ${display("inline-flex")} :host {
     height: calc(var(--input-size) * 1px);
     box-sizing: border-box;
     border-radius: calc(var(--corner-radius) * 1px);
-    border: calc(var(--outline-width) * 1px) solid var(--neutral-outline-rest);
+    border: calc(var(--outline-width) * 1px) solid ${neutralOutlineRestBehavior.var};
     outline: none;
     cursor: pointer;
 }
 
-.label__hidden {
+.label-hidden {
     display: none;
 }
 
 .label {
     font-family: var(--body-font);
-    color: var(--neutral-foreground-rest);
+    color: ${neutralForegroundRestBehavior.var};
     ${
         /* Need to discuss with Brian how HorizontalSpacingNumber can work. https://github.com/microsoft/fast-dna/issues/2766 */ ""
     } padding-inline-start: calc(var(--design-unit) * 2px + 2px);
@@ -69,18 +70,18 @@ ${display("inline-flex")} :host {
     border-radius: calc(var(--corner-radius) * 1px);
     display: inline-block;
     flex-shrink: 0;
-    border: 1px solid var(--neutral-foreground-rest);
+    border: 1px solid ${neutralForegroundRestBehavior.var};
     opacity: 0;
     pointer-events: none;
 }
 
 .control:hover {
-    border-color: var(--neutral-outline-hover);
+    border-color: ${neutralOutlineHoverBehavior.var};
 }
 
 :host(:${focusVisible}) .control {
-    box-shadow: 0 0 0 1px var(--neutral-focus) inset;
-    border-color: var(--neutral-focus);
+    box-shadow: 0 0 0 1px ${neutralFocusBehavior.var} inset;
+    border-color: ${neutralFocusBehavior.var};
 }
 
 :host(.disabled) .label,
diff --git a/sites/fast-website/src/app/components/color-swatch/color-swatch.template.ts b/sites/fast-website/src/app/components/color-swatch/color-swatch.template.ts
index f54067a5777..87f0f2e05c5 100644
--- a/sites/fast-website/src/app/components/color-swatch/color-swatch.template.ts
+++ b/sites/fast-website/src/app/components/color-swatch/color-swatch.template.ts
@@ -23,7 +23,7 @@ export const ColorSwatchTemplate = html<ColorSwatch>`
             class="${x =>
                 x.defaultSlottedNodes && x.defaultSlottedNodes.length
                     ? "label"
-                    : "label label__hidden"}"
+                    : "label label-hidden"}"
         >
             <slot ${slotted("defaultSlottedNodes")}></slot>
         </label>
diff --git a/sites/fast-website/src/app/components/color-swatch/color-swatch.ts b/sites/fast-website/src/app/components/color-swatch/color-swatch.ts
index b6b0e17adc0..3b8f6709a79 100644
--- a/sites/fast-website/src/app/components/color-swatch/color-swatch.ts
+++ b/sites/fast-website/src/app/components/color-swatch/color-swatch.ts
@@ -1,4 +1,4 @@
-import { attr, observable } from "@microsoft/fast-element";
+import { attr, observable, FASTElement } from "@microsoft/fast-element";
 import { FASTRadio } from "@microsoft/fast-components";
 
 export class ColorSwatch extends FASTRadio {
diff --git a/sites/fast-website/src/app/components/content-placement-container/content-placement-container.styles.ts b/sites/fast-website/src/app/components/content-placement-container/content-placement-container.styles.ts
index 7029a1b51d6..3c3d38971ed 100644
--- a/sites/fast-website/src/app/components/content-placement-container/content-placement-container.styles.ts
+++ b/sites/fast-website/src/app/components/content-placement-container/content-placement-container.styles.ts
@@ -47,7 +47,7 @@ export const ContentPlacementContainerStyles = css`
 
     :host([section="feature"]) site-feature-card:hover :first-child::before,
     :host([section="feature"]) site-feature-card:focus-within :first-child::before {
-        color: var(--accent-foreground-rest);
+        color: ${accentForegroundRestBehavior.var};
     }
 
     /* end */
@@ -60,7 +60,7 @@ export const ContentPlacementContainerStyles = css`
     :host([section="community"]:focus-within) site-content-placement,
     :host([section="community"]:hover) site-content-placement ::part(content),
     :host([section="community"]:focus-within) site-content-placement ::part(content) {
-        color: var(--neutral-foreground-hint);
+        color: ${neutralForegroundHintBehavior.var};
     }
 
     :host([section="feature"]:hover) site-feature-card,
@@ -70,8 +70,8 @@ export const ContentPlacementContainerStyles = css`
 
     :host([section="feature"]) site-feature-card:hover,
     :host([section="feature"]) site-feature-card:focus-within {
-        color: var(--neutral-foreground-rest);
-        background: var(--neutral-fill-focus);
+        color: ${neutralForegroundRestBehavior.var};
+        background: ${neutralFillFocusBehavior.var};
         cursor: pointer;
         filter: saturate(1);
     }
@@ -80,7 +80,7 @@ export const ContentPlacementContainerStyles = css`
     :host([section="community"]) site-content-placement:focus-within {
         --elevation: 4;
         cursor: pointer;
-        background: var(--neutral-fill-focus);
+        background: ${neutralFillFocusBehavior.var};
         border-radius: calc(var(--corner-radius) * 1px);
         color: currentColor;
         ${elevation}
@@ -88,13 +88,13 @@ export const ContentPlacementContainerStyles = css`
 
     :host([section="community"]) site-content-placement:hover ::part(content),
     :host([section="community"]) site-content-placement:focus-within ::part(content) {
-        color: var(--accent-foreground-rest);
+        color: ${accentForegroundRestBehavior.var};
     }
 
     /* end */
 
     .headerSubscript {
-        color: var(--neutral-foreground-hint);
+        color: ${neutralForegroundHintBehavior.var};
         font-size: var(--type-ramp-minus-1-font-size);
     }
 
@@ -133,7 +133,7 @@ export const ContentPlacementContainerStyles = css`
             justify-content: space-between;
         }
         :host([section="feature"]) site-feature-card :first-child::before {
-            color: var(--accent-foreground-rest);
+            color: ${accentForegroundRestBehavior.var};
         }
     }
 `.withBehaviors(
diff --git a/sites/fast-website/src/app/components/content-placement/content-placement.styles.ts b/sites/fast-website/src/app/components/content-placement/content-placement.styles.ts
index 540a252411d..8bb3298fb20 100644
--- a/sites/fast-website/src/app/components/content-placement/content-placement.styles.ts
+++ b/sites/fast-website/src/app/components/content-placement/content-placement.styles.ts
@@ -48,6 +48,7 @@ export const ContentPlacementStyles = css`
 
     fast-card ::slotted([slot="action"]) {
         margin-top: calc(var(--design-unit) * 2px);
+        align-self: start;
     }
 
     fast-card:hover .contentPlacement_icon,
diff --git a/sites/fast-website/src/app/components/fast-frame/fast-frame.styles.ts b/sites/fast-website/src/app/components/fast-frame/fast-frame.styles.ts
index bd424399bf9..91796999448 100644
--- a/sites/fast-website/src/app/components/fast-frame/fast-frame.styles.ts
+++ b/sites/fast-website/src/app/components/fast-frame/fast-frame.styles.ts
@@ -14,7 +14,7 @@ export const FastFrameStyles = css`
     ${display("block")} :host {
         flex-direction: column;
         font-family: var(--body-font);
-        color: var(--neutral-foreground-rest);
+        color: ${neutralForegroundRestBehavior.var};
         box-sizing: border-box;
         text-align: center;
         width: 100%;
@@ -44,7 +44,7 @@ export const FastFrameStyles = css`
         flex-direction: column;
         width: 100%;
         text-align: start;
-        background: var(--neutral-fill-card-rest);
+        background: ${neutralFillCardRestBehavior.var};
         padding: calc(var(--gutter) * 2px);
     }
 
@@ -70,7 +70,7 @@ export const FastFrameStyles = css`
     .content h1 {
         font-size: var(--type-ramp-minus-1-font-size);
         line-height: var(--type-ramp-base-line-height);
-        color: var(--neutral-foreground-hint);
+        color: ${neutralForegroundHintBehavior.var};
         margin: 0;
         margin-bottom: 15px;
         font-weight: bold;
@@ -78,7 +78,7 @@ export const FastFrameStyles = css`
     }
 
     .content-heading-highlight {
-        color: var(--accent-foreground-rest);
+        color: ${accentForegroundRestBehavior.var};
     }
 
     .content h2 {
@@ -94,7 +94,7 @@ export const FastFrameStyles = css`
         grid-gap: calc(var(--gutter) * 2px);
         grid-template-columns: auto 300px;
         padding: calc(var(--gutter) * 2px);
-        background: var(--neutral-fill-card-rest);
+        background: ${neutralFillCardRestBehavior.var};
         position: relative;
         border-radius: 0 calc(var(--corner-radius) * 1px) calc(var(--corner-radius) * 1px) 0;
     }
@@ -112,7 +112,7 @@ export const FastFrameStyles = css`
         flex-direction: column;
         padding: calc(var(--gutter) * 1px);
         text-align: start;
-        color: var(--neutral-foreground-rest);
+        color: ${neutralForegroundRestBehavior.var};
     }
 
     .badge {
@@ -150,7 +150,7 @@ export const FastFrameStyles = css`
         display: grid;
         grid-template-columns: auto 1fr;
         text-align: start;
-        color: var(--neutral-foreground-rest);
+        color: ${neutralForegroundRestBehavior.var};
     }
 
     .checkbox {
@@ -183,7 +183,7 @@ export const FastFrameStyles = css`
     .sample-control-icon {
         width: 21px;
         height: 21px;
-        background-color: var(--accent-fill-rest);
+        background-color: ${accentFillRestBehavior.var};
         border-radius: calc(var(--corner-radius) * 1px);
     }
 
@@ -235,8 +235,8 @@ export const FastFrameStyles = css`
     }
 
     fast-badge {
-        --badge-fill-primary: var(--accent-fill-rest);
-        --badge-color-primary: var(--neutral-foreground-rest);
+        --badge-fill-primary: ${accentFillRestBehavior.var};
+        --badge-color-primary: ${neutralForegroundRestBehavior.var};
     }
 
     fast-slider {
@@ -244,7 +244,7 @@ export const FastFrameStyles = css`
     }
 
     fast-tab-panel {
-        background: var(--neutral-fill-card-rest);
+        background: ${neutralFillCardRestBehavior.var};
         height: 100%;
     }
 
@@ -264,7 +264,7 @@ export const FastFrameStyles = css`
 
     fast-slider-label {
         font-size: var(--type-ramp-minus-2-font-size);
-        color: var(--neutral-foreground-hint);
+        color: ${neutralForegroundHintBehavior.var};
     }
     
     @media screen and (max-width: 1330px) {
@@ -301,7 +301,7 @@ export const FastFrameStyles = css`
             border-radius: calc(var(--corner-radius) * 1px);
         }
 
-        .preview__expanded {
+        .preview-expanded {
             transition: right .5s ease-in-out;
             right: -10%;
         }    
@@ -317,7 +317,7 @@ export const FastFrameStyles = css`
             visibility: visible;
         }
         
-        .tab-panel__expanded {
+        .tab-panel-expanded {
             opacity: 0;
             transition: opacity .5s ease-in-out;
         }
@@ -335,7 +335,7 @@ export const FastFrameStyles = css`
             border-radius: calc(var(--corner-radius) * 1px);
         }
 
-        .preview__expanded {
+        .preview-expanded {
             right: -5%;
         }    
 
diff --git a/sites/fast-website/src/app/components/fast-frame/fast-frame.template.ts b/sites/fast-website/src/app/components/fast-frame/fast-frame.template.ts
index 3ad4b9f3760..e86583ec1ba 100644
--- a/sites/fast-website/src/app/components/fast-frame/fast-frame.template.ts
+++ b/sites/fast-website/src/app/components/fast-frame/fast-frame.template.ts
@@ -20,7 +20,7 @@ export const FastFrameTemplate = html<FastFrame>`
                 <fast-tab id="swatches-tab" title="Styles">${SwatchesIcon}</fast-tab>
                 <fast-tab id="density-tab" title="Density">${ScreenIcon}</fast-tab>
                 <fast-tab-panel id="contrast-tab-panel" class="${x =>
-                    x.expanded ? "tab-panel__expanded" : ""}">
+                    x.expanded ? "tab-panel-expanded" : ""}">
                     <div class="content">
                         <h1><span class="content-heading-highlight">Fast Frame</span> Dark Mode</h4>
                         <h2>Pre-built for both light and dark modes</h2>
@@ -42,7 +42,7 @@ export const FastFrameTemplate = html<FastFrame>`
                     </div>
                 </fast-tab-panel>
                 <fast-tab-panel id="palette-tab-panel" class="${x =>
-                    x.expanded ? "tab-panel__expanded" : ""}">
+                    x.expanded ? "tab-panel-expanded" : ""}">
                     <div class="content">
                         <h1><span class="content-heading-highlight">Fast Frame</span> Colors</h4>
                         <h2>Pre-existing color you can customize</h2>
@@ -124,7 +124,7 @@ export const FastFrameTemplate = html<FastFrame>`
                     </div>
                 </fast-tab-panel>
                 <fast-tab-panel id="swatches-tab-panel" class="${x =>
-                    x.expanded ? "tab-panel__expanded" : ""}">
+                    x.expanded ? "tab-panel-expanded" : ""}">
                     <div class="content">
                         <h1><span class="content-heading-highlight">Fast Frame</span> Styles</h4>
                         <h2>Adjust style settings on the fly</h2>
@@ -182,7 +182,7 @@ export const FastFrameTemplate = html<FastFrame>`
                     </div>
                 </fast-tab-panel>
                 <fast-tab-panel id="density-tab-panel" class="${x =>
-                    x.expanded ? "tab-panel__expanded" : ""}">
+                    x.expanded ? "tab-panel-expanded" : ""}">
                     <div class="content">
                         <h1><span class="content-heading-highlight">Fast Frame</span> Density</h4>
                         <h2>Quickly change and modify your layout</h2>
@@ -268,7 +268,7 @@ export const FastFrameTemplate = html<FastFrame>`
                 </fast-tab-panel>
             </fast-tabs>
             <fast-design-system-provider
-                class="${x => (x.expanded ? "preview preview__expanded" : "preview")}"
+                class="${x => (x.expanded ? "preview preview-expanded" : "preview")}"
                 base-layer-luminance="${x =>
                     x.darkMode
                         ? StandardLuminance.DarkMode
@@ -318,10 +318,10 @@ export const FastFrameTemplate = html<FastFrame>`
                             <span class="sample-control-icon"></span>
                             <span class="sample-control-text">Label</span>
                             <div class="sample-control-actions">
-                                <fast-button appearance="stealth"
+                                <fast-button appearance="stealth" aria-label="Example 'share' button"
                                     >${ShareIcon}</fast-button
                                 >
-                                <fast-button appearance="stealth"
+                                <fast-button appearance="stealth" aria-label="Example 'more' button"
                                     >${ContextIcon}</fast-button
                                 >
                             </div>
diff --git a/sites/fast-website/src/app/components/feature-card/feature-card.styles.ts b/sites/fast-website/src/app/components/feature-card/feature-card.styles.ts
index 838a8ce3891..3e5c4d706b4 100644
--- a/sites/fast-website/src/app/components/feature-card/feature-card.styles.ts
+++ b/sites/fast-website/src/app/components/feature-card/feature-card.styles.ts
@@ -1,5 +1,4 @@
 import { css } from "@microsoft/fast-element";
-import { neutralForegroundRestBehavior } from "@microsoft/fast-components";
 import { display } from "@microsoft/fast-foundation";
 
 export const FeatureCardStyles = css`
@@ -69,4 +68,4 @@ export const FeatureCardStyles = css`
             max-width: 600px;
         }
     }
-`.withBehaviors(neutralForegroundRestBehavior);
+`;
diff --git a/sites/fast-website/src/app/components/feature-card/feature-card.ts b/sites/fast-website/src/app/components/feature-card/feature-card.ts
index 96243c635d5..a2c4d214781 100644
--- a/sites/fast-website/src/app/components/feature-card/feature-card.ts
+++ b/sites/fast-website/src/app/components/feature-card/feature-card.ts
@@ -1,3 +1,3 @@
-import { FASTCard as Card } from "@microsoft/fast-components";
+import { FASTElement } from "@microsoft/fast-element";
 
-export class FeatureCard extends Card {}
+export class FeatureCard extends FASTElement {}
diff --git a/sites/fast-website/src/app/components/navigation/navigation.styles.ts b/sites/fast-website/src/app/components/navigation/navigation.styles.ts
index 370099e8eb0..0ae51a6a41c 100644
--- a/sites/fast-website/src/app/components/navigation/navigation.styles.ts
+++ b/sites/fast-website/src/app/components/navigation/navigation.styles.ts
@@ -6,7 +6,7 @@ export const NavigationStyles = css`
     ${display("grid")} :host {
         grid-template-columns: auto 1fr auto;
         font-family: var(--body-font);
-        color: var(--neutral-foreground-rest);
+        color: ${neutralForegroundRestBehavior.var};
         box-sizing: border-box;
         width: 100%;
     }
diff --git a/sites/fast-website/src/app/components/section-header/section-header.styles.ts b/sites/fast-website/src/app/components/section-header/section-header.styles.ts
index a2dfa21175c..8c06de1870f 100755
--- a/sites/fast-website/src/app/components/section-header/section-header.styles.ts
+++ b/sites/fast-website/src/app/components/section-header/section-header.styles.ts
@@ -4,9 +4,10 @@ import { css } from "@microsoft/fast-element";
 
 export const SectionHeaderStyles = css`
     ${display("flex")} :host {
+        align-items: center;
         flex-direction: column;
         font-family: var(--body-font);
-        color: var(--neutral-foreground-rest);
+        color: ${neutralForegroundRestBehavior.var};
         box-sizing: border-box;
         text-align: center;
     }
diff --git a/sites/fast-website/src/app/components/side-navigation/side-navigation.styles.ts b/sites/fast-website/src/app/components/side-navigation/side-navigation.styles.ts
index af679c21382..78dd9df4fdc 100644
--- a/sites/fast-website/src/app/components/side-navigation/side-navigation.styles.ts
+++ b/sites/fast-website/src/app/components/side-navigation/side-navigation.styles.ts
@@ -36,19 +36,19 @@ export const SideNavigationStyles = css`
     .scroll-indicator {
         height: var(--design-unit-large);
         width: calc(var(--design-unit) * 1px);
-        background-color: var(--neutral-foreground-rest);
+        background-color: ${neutralForegroundRestBehavior.var};
         border-radius: calc(var(--corner-radius) * 1px);
         margin: 0 var(--design-unit-large);
     }
 
     a:hover .scroll-indicator {
         height: var(--engaged-height);
-        background-color: var(--accent-foreground-hover);
+        background-color: ${accentForegroundHoverBehavior.var};
     }
 
     .scroll-indicator-active {
         height: var(--engaged-height);
-        background-color: var(--accent-foreground-active);
+        background-color: ${accentForegroundActiveBehavior.var};
     }
 `.withBehaviors(
     accentForegroundActiveBehavior,
diff --git a/sites/fast-website/src/public/index.html b/sites/fast-website/src/public/index.html
index c9d0bf8fb9a..e9aac217729 100644
--- a/sites/fast-website/src/public/index.html
+++ b/sites/fast-website/src/public/index.html
@@ -15,7 +15,7 @@
       <div class="wrapper">
         <header class="header">
           <site-navigation>
-            <fast-anchor class="logo" slot="start" appearance="lightweight" href="/">
+            <fast-anchor class="logo" slot="start" appearance="lightweight" href="/" aria-label="Home">
               <%= require("svg/icon-brand.svg") %>
               FAST
             </fast-anchor>
@@ -110,7 +110,7 @@ <h2 class="section-heading">Join the community</h2>
                 <li><p>&copy; 2020 Microsoft</p></li>
               </ul>
             </site-navigation>
-            <fast-anchor class="logo" appearance="lightweight" href="/">
+            <fast-anchor class="logo" appearance="lightweight" href="/" aria-label="Home">
               <%= require("svg/icon-brand.svg") %>
             </fast-anchor>
           </footer>
diff --git a/sites/website/docusaurus.config.js b/sites/website/docusaurus.config.js
index 0886e3d6368..a6be7d54a1b 100644
--- a/sites/website/docusaurus.config.js
+++ b/sites/website/docusaurus.config.js
@@ -17,7 +17,8 @@ module.exports = {
     themeConfig: {
         navbar: {
             logo: {
-                alt: "FAST-DNA",
+                alt:
+                    "Line drawing of a small moon orbiting around a planet with the words FAST next to it",
                 src: "img/logo.svg",
 
                 // FIXME: #3299 Docusaurus displays a blank page when clicking the logo link without workaround
diff --git a/sites/website/package.json b/sites/website/package.json
index 85364dd6ad2..04deb555320 100644
--- a/sites/website/package.json
+++ b/sites/website/package.json
@@ -10,9 +10,9 @@
     "build": "yarn build-homepage && yarn prepare-docs && docusaurus build"
   },
   "dependencies": {
-    "@docusaurus/core": "2.0.0-alpha.56",
-    "@docusaurus/preset-classic": "2.0.0-alpha.56",
-    "@docusaurus/theme-live-codeblock": "2.0.0-alpha.56",
+    "@docusaurus/core": "2.0.0-alpha.48",
+    "@docusaurus/preset-classic": "2.0.0-alpha.48",
+    "@docusaurus/theme-live-codeblock": "2.0.0-alpha.39",
     "classnames": "^2.2.6",
     "copyfiles": "^2.3.0",
     "react": "^16.8.4",
diff --git a/sites/website/src/docs/api/fast-foundation.api.json b/sites/website/src/docs/api/fast-foundation.api.json
index b206ee65689..4c8c89fd93a 100644
--- a/sites/website/src/docs/api/fast-foundation.api.json
+++ b/sites/website/src/docs/api/fast-foundation.api.json
@@ -18,7 +18,7 @@
         {
           "kind": "Class",
           "canonicalReference": "@microsoft/fast-foundation!Accordion:class",
-          "docComment": "/**\n * An Accordion Custom HTML Element Implements {@link https://www.w3.org/TR/wai-aria-practices-1.1/#accordion | ARIA Accordion}.\n *\n * @remarks\n *\n * Designed to be used with {@link @microsoft/fast-foundation#AccordionTemplate} and {@link @microsoft/fast-foundation#(AccordionItem:class)}.\n *\n * @public\n */\n",
+          "docComment": "/**\n * An Accordion Custom HTML Element Implements {@link https://www.w3.org/TR/wai-aria-practices-1.1/#accordion | ARIA Accordion}.\n *\n * @remarks\n *\n * Designed to be used with {@link @microsoft/fast-foundation#AccordionTemplate} and {@link @microsoft/fast-foundation#AccordionItem}.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -40,7 +40,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Accordion#expandmode:member",
-              "docComment": "/**\n * Controls the expand mode of the Accordion, either allowing single or multiple item expansion.\n *\n * @remarks\n *\n * HTML attribute: expand-mode\n *\n * @public\n */\n",
+              "docComment": "/**\n * Controls the expand mode of the Accordion, either allowing single or multiple item expansion.\n *\n * @remarks\n *\n * HTML attribute: expand-mode\n *\n * @defaultValue\n *\n * {@link AccordionExpandMode.multi}\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -87,7 +87,7 @@
             {
               "kind": "EnumMember",
               "canonicalReference": "@microsoft/fast-foundation!AccordionExpandMode.multi:member",
-              "docComment": "/**\n * Designates multiple {@link @microsoft/fast-foundation#(AccordionItem:class) | AccordionItems} can be open simultaneously.\n */\n",
+              "docComment": "/**\n * Designates multiple {@link @microsoft/fast-foundation#AccordionItem | AccordionItems} can be open simultaneously.\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -108,7 +108,7 @@
             {
               "kind": "EnumMember",
               "canonicalReference": "@microsoft/fast-foundation!AccordionExpandMode.single:member",
-              "docComment": "/**\n * Designates only a single {@link @microsoft/fast-foundation#(AccordionItem:class)} can be open a time.\n */\n",
+              "docComment": "/**\n * Designates only a single {@link @microsoft/fast-foundation#AccordionItem} can be open a time.\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -131,7 +131,7 @@
         {
           "kind": "Class",
           "canonicalReference": "@microsoft/fast-foundation!AccordionItem:class",
-          "docComment": "/**\n * An individual item in an {@link @microsoft/fast-foundation#(Accordion:class)}.\n *\n * @public\n */\n",
+          "docComment": "/**\n * An individual item in an {@link @microsoft/fast-foundation#Accordion}.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -238,7 +238,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@microsoft/fast-foundation!AccordionItemTemplate:var",
-          "docComment": "/**\n * The template for the {@link @microsoft/fast-foundation#(AccordionItem:class)} component.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -277,7 +277,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@microsoft/fast-foundation!AccordionTemplate:var",
-          "docComment": "/**\n * The template for the {@link @microsoft/fast-foundation#Accordion} component.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -610,7 +610,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@microsoft/fast-foundation!AnchorTemplate:var",
-          "docComment": "/**\n * The template for the {@link @microsoft/fast-foundation#(Anchor:class)} component.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -707,7 +707,7 @@
         {
           "kind": "Class",
           "canonicalReference": "@microsoft/fast-foundation!Badge:class",
-          "docComment": "/**\n * A Badge Custom HTML Element.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -729,7 +729,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Badge#circular:member",
-              "docComment": "/**\n * Indicates the element should be circular\n *\n * @remarks\n *\n * HTML Attribute: circular\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -755,7 +755,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Badge#color:member",
-              "docComment": "/**\n * Indicates the badge should have a filled style.\n *\n * @remarks\n *\n * HTML Attribute: fill\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -781,7 +781,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Badge#fill:member",
-              "docComment": "/**\n * Indicates the badge should have a filled style.\n *\n * @remarks\n *\n * HTML Attribute: fill\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -814,7 +814,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@microsoft/fast-foundation!BadgeTemplate:var",
-          "docComment": "/**\n * The template for the {@link @microsoft/fast-foundation#Badge} component.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -853,7 +853,7 @@
         {
           "kind": "Class",
           "canonicalReference": "@microsoft/fast-foundation!BaseProgress:class",
-          "docComment": "/**\n * An Progress HTML Element. Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#progressbar | ARIA progressbar}.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -875,7 +875,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!BaseProgress#max:member",
-              "docComment": "/**\n * The maximum value\n *\n * @remarks\n *\n * HTML Attribute: max\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -901,7 +901,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!BaseProgress#min:member",
-              "docComment": "/**\n * The minimum value\n *\n * @remarks\n *\n * HTML Attribute: min\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -927,7 +927,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!BaseProgress#paused:member",
-              "docComment": "/**\n * Indicates the progress is paused\n *\n * @remarks\n *\n * HTML Attribute: paused\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -953,7 +953,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!BaseProgress#value:member",
-              "docComment": "/**\n * The value of the progress\n *\n * @remarks\n *\n * HTML Attribute: value\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -986,7 +986,7 @@
         {
           "kind": "Class",
           "canonicalReference": "@microsoft/fast-foundation!Button:class",
-          "docComment": "/**\n * An Button Custom HTML Element. Based largely on the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element}.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -1031,7 +1031,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Button#appearance:member",
-              "docComment": "/**\n * The appearance the button should have.\n *\n * @remarks\n *\n * HTML Attribute: appearance\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -1058,7 +1058,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Button#autofocus:member",
-              "docComment": "/**\n * Determines if the element should receive document focus on page load.\n *\n * @remarks\n *\n * HTML Attribute: autofocus\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -1081,10 +1081,38 @@
               },
               "isStatic": false
             },
+            {
+              "kind": "Method",
+              "canonicalReference": "@microsoft/fast-foundation!Button#connectedCallback:member(1)",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "connectedCallback(): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "releaseTag": "Public",
+              "overloadIndex": 1,
+              "parameters": [],
+              "name": "connectedCallback"
+            },
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Button#formaction:member",
-              "docComment": "/**\n * See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element} for more details.\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -1110,7 +1138,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Button#formenctype:member",
-              "docComment": "/**\n * See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element} for more details.\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -1136,7 +1164,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Button#formId:member",
-              "docComment": "/**\n * The id of a form to associate the element to.\n *\n * @remarks\n *\n * HTML Attribute: form\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -1162,7 +1190,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Button#formmethod:member",
-              "docComment": "/**\n * See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element} for more details.\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -1188,7 +1216,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Button#formnovalidate:member",
-              "docComment": "/**\n * See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element} for more details.\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -1214,7 +1242,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Button#formtarget:member",
-              "docComment": "/**\n * See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element} for more details.\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -1240,7 +1268,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Button#name:member",
-              "docComment": "/**\n * The name of the button\n *\n * @remarks\n *\n * HTML Attribute: name\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -1293,7 +1321,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Button#type:member",
-              "docComment": "/**\n * The button type.\n *\n * @remarks\n *\n * HTML Attribute: type\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -1319,7 +1347,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Button#value:member",
-              "docComment": "/**\n * The value of the button.\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -1349,10 +1377,39 @@
           },
           "implementsTokenRanges": []
         },
+        {
+          "kind": "Interface",
+          "canonicalReference": "@microsoft/fast-foundation!Button:interface",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export interface Button extends "
+            },
+            {
+              "kind": "Reference",
+              "text": "StartEnd",
+              "canonicalReference": "@microsoft/fast-foundation!StartEnd:class"
+            },
+            {
+              "kind": "Content",
+              "text": " "
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "Button",
+          "members": [],
+          "extendsTokenRanges": [
+            {
+              "startIndex": 1,
+              "endIndex": 3
+            }
+          ]
+        },
         {
           "kind": "TypeAlias",
           "canonicalReference": "@microsoft/fast-foundation!ButtonAppearance:type",
-          "docComment": "/**\n * Types of button appearance.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -1377,7 +1434,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@microsoft/fast-foundation!ButtonTemplate:var",
-          "docComment": "/**\n * The template for the {@link @microsoft/fast-foundation#(Button:class)} component.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -1416,7 +1473,7 @@
         {
           "kind": "Class",
           "canonicalReference": "@microsoft/fast-foundation!Card:class",
-          "docComment": "/**\n * An Card Custom HTML Element.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -1444,7 +1501,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@microsoft/fast-foundation!CardTemplate:var",
-          "docComment": "/**\n * The template for the {@link @microsoft/fast-foundation#Card} component.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -1483,7 +1540,7 @@
         {
           "kind": "Class",
           "canonicalReference": "@microsoft/fast-foundation!Checkbox:class",
-          "docComment": "/**\n * A Switch Custom HTML Element. Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#checkbox | ARIA checkbox}.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -1528,7 +1585,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Checkbox#checked:member",
-              "docComment": "/**\n * The checked state of the control.\n *\n * @public\n */\n",
+              "docComment": "/**\n * The checked state of the control\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -1554,7 +1611,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Checkbox#checkedAttribute:member",
-              "docComment": "/**\n * Provides the default checkedness of the input element Passed down to proxy\n *\n * @remarks\n *\n * HTML Attribute: checked\n *\n * @public\n */\n",
+              "docComment": "/**\n * Provides the default checkedness of the input element Passed down to proxy\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -1577,10 +1634,73 @@
               },
               "isStatic": false
             },
+            {
+              "kind": "Property",
+              "canonicalReference": "@microsoft/fast-foundation!Checkbox#clickHandler:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "clickHandler: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "(e: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "MouseEvent",
+                  "canonicalReference": "!MouseEvent:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": ") => void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "clickHandler",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 4
+              },
+              "isStatic": false
+            },
+            {
+              "kind": "Method",
+              "canonicalReference": "@microsoft/fast-foundation!Checkbox#connectedCallback:member(1)",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "connectedCallback(): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "releaseTag": "Public",
+              "overloadIndex": 1,
+              "parameters": [],
+              "name": "connectedCallback"
+            },
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Checkbox#defaultChecked:member",
-              "docComment": "/**\n * Initialized to the value of the checked attribute. Can be changed independently of the \"checked\" attribute, but changing the \"checked\" attribute always additionally sets this value.\n *\n * @public\n */\n",
+              "docComment": "/**\n * Initialized to the value of the checked attribute. Can be changed independently of the \"checked\" attribute, but changing the \"checked\" attribute always additionally sets this value.\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -1603,6 +1723,37 @@
               },
               "isStatic": false
             },
+            {
+              "kind": "Property",
+              "canonicalReference": "@microsoft/fast-foundation!Checkbox#defaultSlottedNodes:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "defaultSlottedNodes: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "Node",
+                  "canonicalReference": "!Node:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": "[]"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "defaultSlottedNodes",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 3
+              },
+              "isStatic": false
+            },
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Checkbox#indeterminate:member",
@@ -1629,6 +1780,41 @@
               },
               "isStatic": false
             },
+            {
+              "kind": "Property",
+              "canonicalReference": "@microsoft/fast-foundation!Checkbox#keypressHandler:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "keypressHandler: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "(e: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "KeyboardEvent",
+                  "canonicalReference": "!KeyboardEvent:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": ") => void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "keypressHandler",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 4
+              },
+              "isStatic": false
+            },
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Checkbox#proxy:member",
@@ -1659,7 +1845,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Checkbox#readOnly:member",
-              "docComment": "/**\n * When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information.\n *\n * @remarks\n *\n * HTML Attribute: readonly\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -1685,7 +1871,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Checkbox#value:member",
-              "docComment": "/**\n * The element's value to be included in form submission when checked. Default to \"on\" to reach parity with input[type=\"checkbox\"]\n *\n * @public\n */\n",
+              "docComment": "/**\n * The element's value to be included in form submission when checked. Default to \"on\" to reach parity with input[type=\"checkbox\"]\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -1718,7 +1904,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@microsoft/fast-foundation!CheckboxTemplate:var",
-          "docComment": "/**\n * The template for the {@link @microsoft/fast-foundation#Checkbox} component.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -1827,7 +2013,7 @@
         {
           "kind": "Class",
           "canonicalReference": "@microsoft/fast-foundation!CSSCustomPropertyBehavior:class",
-          "docComment": "/**\n * A Behavior that will register to a {@link CSSCustomPropertyTarget} when bound.\n *\n * @public\n */\n",
+          "docComment": "/**\n * A Behavior that, when bound, will register itself with the nearest CSSCustomPropertyTarget\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -1858,11 +2044,11 @@
             {
               "kind": "Constructor",
               "canonicalReference": "@microsoft/fast-foundation!CSSCustomPropertyBehavior:constructor(1)",
-              "docComment": "/**\n * Constructs a new instance of the `CSSCustomPropertyBehavior` class\n *\n * @param name - The name of the custom property, without the prepended \"--\" required by {@link https://developer.mozilla.org/en-US/docs/Web/CSS/--* | CSS custom properties}.\n *\n * @param value - The value of the custom property or a function that resolves the value.\n *\n * @param host - A function that resolves the host element that will register the behavior\n */\n",
+              "docComment": "/**\n * Constructs a new instance of the `CSSCustomPropertyBehavior` class\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "constructor(name: "
+                  "text": "constructor(\n    name: "
                 },
                 {
                   "kind": "Content",
@@ -1870,7 +2056,7 @@
                 },
                 {
                   "kind": "Content",
-                  "text": ", value: "
+                  "text": ", \n    value: "
                 },
                 {
                   "kind": "Reference",
@@ -1883,7 +2069,7 @@
                 },
                 {
                   "kind": "Content",
-                  "text": ", host: "
+                  "text": ", \n    host: "
                 },
                 {
                   "kind": "Content",
@@ -1950,7 +2136,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!CSSCustomPropertyBehavior#name:member",
-              "docComment": "/**\n * The name of the {@link https://developer.mozilla.org/en-US/docs/Web/CSS/--* | CSS custom property}.\n *\n * @public\n */\n",
+              "docComment": "/**\n * The name of the CSS Custom Property behavior.\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -1981,7 +2167,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!CSSCustomPropertyBehavior#propertyName:member",
-              "docComment": "/**\n * The name of the CSSCustomPropertyBehavior formatted as a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/--* | CSS custom property}.\n *\n * @public\n */\n",
+              "docComment": "/**\n * The name of the CSSCustomPropertyBehavior formatted as a CSS custom property.\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -2007,7 +2193,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!CSSCustomPropertyBehavior#value:member",
-              "docComment": "/**\n * The value or function that will resolve the value of the {@link https://developer.mozilla.org/en-US/docs/Web/CSS/--* | CSS custom property}.\n *\n * @public\n */\n",
+              "docComment": "/**\n * The value or function that will resolve the value of the CSS Custom Property.\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -2038,7 +2224,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!CSSCustomPropertyBehavior#var:member",
-              "docComment": "/**\n * Return the {@link https://developer.mozilla.org/en-US/docs/Web/CSS/--* | CSS custom property} formatted as a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties | CSS variable}.\n *\n * @public\n */\n",
+              "docComment": "/**\n * Return the CSS Custom Property formatted as a CSS variable.\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -2076,7 +2262,7 @@
         {
           "kind": "Function",
           "canonicalReference": "@microsoft/fast-foundation!cssCustomPropertyBehaviorFactory:function(1)",
-          "docComment": "/**\n * Create a CSS Custom Property behavior.\n *\n * @param name - The name of the CSS custom property\n *\n * @param value - The value or value resolver of the custom property\n *\n * @param host - A function to resolve the element to host the CSS custom property\n *\n * @public\n */\n",
+          "docComment": "/**\n * Create a CSS Custom Property behavior.\n *\n * @param name - The name of the CSS custom property\n *\n * @param value - The value or value resolver of the custom property\n *\n * @param host - A function to resolve the element to host the CSS custom property\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -2186,7 +2372,7 @@
         {
           "kind": "Interface",
           "canonicalReference": "@microsoft/fast-foundation!CSSCustomPropertyDefinition:interface",
-          "docComment": "/**\n * A structure representing a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/--* | CSS custom property}.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -2252,7 +2438,7 @@
         {
           "kind": "Interface",
           "canonicalReference": "@microsoft/fast-foundation!CSSCustomPropertyTarget:interface",
-          "docComment": "/**\n * A structure that can register and unregister {@link CSSCustomPropertyDefinition | CSSCustomPropertyDefinitions}.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -2411,7 +2597,7 @@
         {
           "kind": "Interface",
           "canonicalReference": "@microsoft/fast-foundation!DecoratorDesignSystemPropertyConfiguration:interface",
-          "docComment": "/**\n * Configuration object for defining a {@link @microsoft/fast-foundation#DesignSystemProvider} property\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -2442,7 +2628,7 @@
             {
               "kind": "PropertySignature",
               "canonicalReference": "@microsoft/fast-foundation!DecoratorDesignSystemPropertyConfiguration#attribute:member",
-              "docComment": "/**\n * The HTML attribute name to map the property to - defaults to the property name.\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -2467,7 +2653,7 @@
             {
               "kind": "PropertySignature",
               "canonicalReference": "@microsoft/fast-foundation!DecoratorDesignSystemPropertyConfiguration#cssCustomProperty:member",
-              "docComment": "/**\n * An optional property to control the name of the css custom property being created. If omitted, the css custom property will share a name with attribute if specified, otherwise the property name being decorated. If assigned a false value, no css custom property will be created.\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -2492,7 +2678,7 @@
             {
               "kind": "PropertySignature",
               "canonicalReference": "@microsoft/fast-foundation!DecoratorDesignSystemPropertyConfiguration#default:member",
-              "docComment": "/**\n * The default value of the property. Will be assigned when the use-defaults attribute is used.\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -2525,7 +2711,7 @@
         {
           "kind": "Interface",
           "canonicalReference": "@microsoft/fast-foundation!DesignSystemConsumer:interface",
-          "docComment": "/**\n * Defines a structure that consumes from a DesignSystemProvider\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -2571,7 +2757,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@microsoft/fast-foundation!designSystemConsumerBehavior:var",
-          "docComment": "/**\n * Behavior to connect a {@link DesignSystemConsumer} to the nearest {@link DesignSystemProvider}\n *\n * @public\n */\n",
+          "docComment": "/**\n * Behavior to connect an element to the nearest design-system provider\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -2593,7 +2779,7 @@
         {
           "kind": "Function",
           "canonicalReference": "@microsoft/fast-foundation!designSystemProperty:function(1)",
-          "docComment": "/**\n * Decorator to declare a property as a design-system property. Intended to be used with the {@link @microsoft/fast-foundation#DesignSystemProvider}\n *\n * @param config - {@link DecoratorDesignSystemPropertyConfiguration}\n *\n * @public\n */\n",
+          "docComment": "/**\n * Decorator to declare a property as a design-system property. Accepts a config object with the following:\n *\n * default: The default value of the property. Will be assigned when the use-defaults attribute is used.\n *\n * attribute?: The HTML attribute to map the property to - defaults to the property name.\n *\n * mode?: The attr mode - see https://github.com/microsoft/fast-dna/blob/master/packages/web-components/fast-element/docs/guide/building-components.md#customizing-attributes Defaults to \"fromView\"\n *\n * converter?: The attr converter - see https://github.com/microsoft/fast-dna/blob/master/packages/web-components/fast-element/docs/guide/building-components.md#customizing-attributes\n *\n * cssCustomProperty?: An optional property to control the name of the css custom property being created. If omitted, the css custom property will share a name with attribute if specified, otherwise the property name being decorated. If assigned a false value, no css custom property will be created.\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -2659,7 +2845,7 @@
         {
           "kind": "Class",
           "canonicalReference": "@microsoft/fast-foundation!DesignSystemProvider:class",
-          "docComment": "/**\n * A element to provide Design System values to consumers via CSS custom properties and to resolve recipe values.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -2714,10 +2900,38 @@
               "overloadIndex": 1,
               "parameters": []
             },
+            {
+              "kind": "Method",
+              "canonicalReference": "@microsoft/fast-foundation!DesignSystemProvider#connectedCallback:member(1)",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "connectedCallback(): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "releaseTag": "Public",
+              "overloadIndex": 1,
+              "parameters": [],
+              "name": "connectedCallback"
+            },
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!DesignSystemProvider#designSystem:member",
-              "docComment": "/**\n * The design-system object. This is \"observable\" but will notify on object mutation instead of object assignment\n *\n * @public\n */\n",
+              "docComment": "/**\n * The design-system object. This is \"observable\" but will notify on object mutation instead of object assignment\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -2740,10 +2954,63 @@
               },
               "isStatic": false
             },
+            {
+              "kind": "Property",
+              "canonicalReference": "@microsoft/fast-foundation!DesignSystemProvider#designSystemProperties:member",
+              "docComment": "/**\n * Track all design system property names so we can react to changes in those properties. Do not initialize or it will clobber value stored by the decorator.\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "designSystemProperties: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "{\n        [propertyName: string]: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "Required",
+                  "canonicalReference": "!Required:type"
+                },
+                {
+                  "kind": "Content",
+                  "text": "<"
+                },
+                {
+                  "kind": "Reference",
+                  "text": "Pick",
+                  "canonicalReference": "!Pick:type"
+                },
+                {
+                  "kind": "Content",
+                  "text": "<"
+                },
+                {
+                  "kind": "Reference",
+                  "text": "DecoratorDesignSystemPropertyConfiguration",
+                  "canonicalReference": "@microsoft/fast-foundation!DecoratorDesignSystemPropertyConfiguration:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": ", \"cssCustomProperty\" | \"default\">>;\n    }"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "designSystemProperties",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 8
+              },
+              "isStatic": false
+            },
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!DesignSystemProvider#disconnectedCSSCustomPropertyRegistry:member",
-              "docComment": "/**\n * Allows CSSCustomPropertyDefinitions to register on this element *before* the constructor has run and the registration APIs exist. This can manifest when the DOM is parsed (and custom element tags exist in the DOM) before the script defining the custom elements is parsed, and when the elements using the CSSCustomPropertyBehaviors are defined before this DesignSystemProvider.\n *\n * @public\n */\n",
+              "docComment": "/**\n * Allows CSSCustomPropertyDefinitions to register on this element *before* the constructor has run and the registration APIs exist. This can manifest when the DOM is parsed (and custom element tags exist in the DOM) before the script defining the custom elements and elements is parsed, and the elements using the CSSCustomPropertyBehaviors are defined before this DesignSystemProvider.\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -2774,7 +3041,7 @@
             {
               "kind": "Method",
               "canonicalReference": "@microsoft/fast-foundation!DesignSystemProvider#evaluate:member(1)",
-              "docComment": "/**\n * Evaluates a CSSCustomPropertyDefinition with the current design system.\n *\n * @public\n */\n",
+              "docComment": "/**\n * Evaluates a CSSCustomPropertyDefinition with the current design system.\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -2819,7 +3086,7 @@
             {
               "kind": "Method",
               "canonicalReference": "@microsoft/fast-foundation!DesignSystemProvider.findProvider:member(1)",
-              "docComment": "/**\n * Finds the closest design-system-provider to an element.\n *\n * @param el - The element from which to begin searching.\n *\n * @public\n */\n",
+              "docComment": "/**\n * Finds the closest design-system-provider to an element.\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -2891,7 +3158,7 @@
             {
               "kind": "Method",
               "canonicalReference": "@microsoft/fast-foundation!DesignSystemProvider.isDesignSystemProvider:member(1)",
-              "docComment": "/**\n * Determines if an element is a DesignSystemProvider\n *\n * @param el - The element to test\n *\n * @public\n */\n",
+              "docComment": "/**\n * Determines if an element is a DesignSystemProvider\n *\n * @param el - The element to test\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -2955,7 +3222,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!DesignSystemProvider#isDesignSystemProvider:member",
-              "docComment": "/**\n * Allows other components to identify this as a provider. Using instanceof DesignSystemProvider did not seem to work.\n *\n * @public\n */\n",
+              "docComment": "/**\n * Allows other components to identify this as a provider. Using instanceof DesignSystemProvider did not seem to work.\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -2973,7 +3240,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!DesignSystemProvider#provider:member",
-              "docComment": "/**\n * The parent provider the the DesignSystemProvider instance.\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -3004,7 +3271,7 @@
             {
               "kind": "Method",
               "canonicalReference": "@microsoft/fast-foundation!DesignSystemProvider#registerCSSCustomProperty:member(1)",
-              "docComment": "/**\n * Register a {@link @microsoft/fast-foundation#CSSCustomPropertyDefinition} with the DeignSystemProvider. Registering a {@link @microsoft/fast-foundation#CSSCustomPropertyDefinition} will create the CSS custom property.\n *\n * @param behavior - The {@link @microsoft/fast-foundation#CSSCustomPropertyDefinition} to register.\n *\n * @public\n */\n",
+              "docComment": "/**\n * Register a CSSCustomPropertyDefinition with the design system provider. Registering a CSSCustomPropertyDefinition will create the CSS custom property.\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -3049,7 +3316,7 @@
             {
               "kind": "Method",
               "canonicalReference": "@microsoft/fast-foundation!DesignSystemProvider.registerTagName:member(1)",
-              "docComment": "/**\n * Registers a tag-name to be associated with the design-system-provider class. All tag-names for DesignSystemProvider elements must be registered for proper property resolution.\n *\n * @param tagName - the HTML Element tag name to register as a DesignSystemProvider.\n *\n * @public\n */\n",
+              "docComment": "/**\n * Registers a tag-name to be associated with the design-system-provider class\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -3093,7 +3360,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!DesignSystemProvider.tagNames:member",
-              "docComment": "/**\n * Read all tag-names that are associated to design-system-providers\n *\n * @public\n */\n",
+              "docComment": "/**\n * Read all tag-names that are associated to design-system-providers\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -3119,7 +3386,7 @@
             {
               "kind": "Method",
               "canonicalReference": "@microsoft/fast-foundation!DesignSystemProvider#unregisterCSSCustomProperty:member(1)",
-              "docComment": "/**\n * Unregister a {@link @microsoft/fast-foundation#CSSCustomPropertyDefinition} from the DeignSystemProvider. If all registrations of the definition are unregistered, the CSS custom property will be removed.\n *\n * @param behavior - The {@link @microsoft/fast-foundation#CSSCustomPropertyDefinition} to register.\n *\n * @public\n */\n",
+              "docComment": "/**\n * Unregister a CSSCustomPropertyDefinition. If all registrations of the definition are unregistered, the CSS custom property will be removed.\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -3164,7 +3431,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!DesignSystemProvider#useDefaults:member",
-              "docComment": "/**\n * Applies the default design-system values to the instance where properties are not explicitly assigned. This is generally used to set the root design system context.\n *\n * @remarks\n *\n * HTML Attribute: use-defaults\n *\n * @public\n */\n",
+              "docComment": "/**\n * Applies the default design-system values to the instance where properties are not explicitly assigned. This is generally used to set the root design system context.\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -3206,7 +3473,7 @@
         {
           "kind": "Function",
           "canonicalReference": "@microsoft/fast-foundation!designSystemProvider:function(1)",
-          "docComment": "/**\n * Defines a design-system-provider custom element, registering the tag-name so that the element can be property resolved by {@link DesignSystemConsumer | DesignSystemConsumers}.\n *\n * @param nameOrDef - the name or {@link @microsoft/fast-element#PartialFASTElementDefinition | element definition}\n *\n * @public\n */\n",
+          "docComment": "/**\n * Defines a design-system-provider custom element\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -3263,7 +3530,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@microsoft/fast-foundation!DesignSystemProviderTemplate:var",
-          "docComment": "/**\n * The template for the {@link @microsoft/fast-foundation#DesignSystemProvider} component.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -3302,7 +3569,7 @@
         {
           "kind": "Class",
           "canonicalReference": "@microsoft/fast-foundation!Dialog:class",
-          "docComment": "/**\n * A Switch Custom HTML Element. Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#dialog | ARIA dialog}.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -3324,7 +3591,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Dialog#ariaDescribedby:member",
-              "docComment": "/**\n * The id of the element describing the dialog.\n *\n * @remarks\n *\n * HTML Attribute: aria-describedby\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -3350,7 +3617,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Dialog#ariaLabel:member",
-              "docComment": "/**\n * The label surfaced to assistive technologies.\n *\n * @remarks\n *\n * HTML Attribute: aria-label\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -3376,7 +3643,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Dialog#ariaLabelledby:member",
-              "docComment": "/**\n * The id of the element labeling the dialog.\n *\n * @remarks\n *\n * HTML Attribute: aria-labelledby\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -3399,10 +3666,121 @@
               },
               "isStatic": false
             },
+            {
+              "kind": "Method",
+              "canonicalReference": "@microsoft/fast-foundation!Dialog#connectedCallback:member(1)",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "connectedCallback(): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "releaseTag": "Public",
+              "overloadIndex": 1,
+              "parameters": [],
+              "name": "connectedCallback"
+            },
+            {
+              "kind": "Property",
+              "canonicalReference": "@microsoft/fast-foundation!Dialog#dialog:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "dialog: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "HTMLDivElement",
+                  "canonicalReference": "!HTMLDivElement:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "dialog",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false
+            },
+            {
+              "kind": "Method",
+              "canonicalReference": "@microsoft/fast-foundation!Dialog#disconnectedCallback:member(1)",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "disconnectedCallback(): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "releaseTag": "Public",
+              "overloadIndex": 1,
+              "parameters": [],
+              "name": "disconnectedCallback"
+            },
+            {
+              "kind": "Method",
+              "canonicalReference": "@microsoft/fast-foundation!Dialog#dismiss:member(1)",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "dismiss(): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "releaseTag": "Public",
+              "overloadIndex": 1,
+              "parameters": [],
+              "name": "dismiss"
+            },
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Dialog#hidden:member",
-              "docComment": "/**\n * The hidden state of the element.\n *\n * @remarks\n *\n * HTML Attribute: hidden\n *\n * @defaultValue\n *\n * - false\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -3428,7 +3806,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Dialog#modal:member",
-              "docComment": "/**\n * Indicates the element is modal. When modal, user interaction will be limited to the contents of the element.\n *\n * @remarks\n *\n * HTML Attribute: modal\n *\n * @defaultValue\n *\n * - true\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -3454,7 +3832,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Dialog#trapFocus:member",
-              "docComment": "/**\n * Indicates that the dialog should trap focus.\n *\n * @remarks\n *\n * HTML Attribute: trap-focus\n *\n * @defaultValue\n *\n * - true\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -3487,7 +3865,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@microsoft/fast-foundation!DialogTemplate:var",
-          "docComment": "/**\n * The template for the {@link @microsoft/fast-foundation#Dialog} component.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -3587,7 +3965,7 @@
         {
           "kind": "Class",
           "canonicalReference": "@microsoft/fast-foundation!Divider:class",
-          "docComment": "/**\n * A Divider Custom HTML Element. Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#separator | ARIA separator} or {@link https://www.w3.org/TR/wai-aria-1.1/#presentation | ARIA presentation}.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -3609,7 +3987,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Divider#role:member",
-              "docComment": "/**\n * The role of the element.\n *\n * @defaultValue\n *\n * - {@link DividerRole.separator}\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -3643,7 +4021,7 @@
         {
           "kind": "Enum",
           "canonicalReference": "@microsoft/fast-foundation!DividerRole:enum",
-          "docComment": "/**\n * Divider roles\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -3656,7 +4034,7 @@
             {
               "kind": "EnumMember",
               "canonicalReference": "@microsoft/fast-foundation!DividerRole.presentation:member",
-              "docComment": "/**\n * The divider has no semantic value and is for visual presentation only.\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -3677,7 +4055,7 @@
             {
               "kind": "EnumMember",
               "canonicalReference": "@microsoft/fast-foundation!DividerRole.separator:member",
-              "docComment": "/**\n * The divider semantically separates content\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -3700,7 +4078,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@microsoft/fast-foundation!DividerTemplate:var",
-          "docComment": "/**\n * The template for the {@link @microsoft/fast-foundation#Divider} component.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -3739,7 +4117,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@microsoft/fast-foundation!endTemplate:var",
-          "docComment": "/**\n * The template for the end element. For use with {@link StartEnd}\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -3778,7 +4156,7 @@
         {
           "kind": "Class",
           "canonicalReference": "@microsoft/fast-foundation!Flipper:class",
-          "docComment": "/**\n * A Flipper Custom HTML Element. Flippers are a form of button that implies directional content navigation, such as in a carousel.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -3800,7 +4178,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Flipper#direction:member",
-              "docComment": "/**\n * The direction that the flipper implies navigating.\n *\n * @remarks\n *\n * HTML Attribute: direction\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -3827,7 +4205,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Flipper#disabled:member",
-              "docComment": "/**\n * The disabled state of the flipper.\n *\n * @remarks\n *\n * HTML Attribute: disabled\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -3853,7 +4231,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Flipper#hiddenFromAT:member",
-              "docComment": "/**\n * Indicates the flipper should be hidden from assistive technology. Because flippers are often supplementary navigation, they are often hidden from assistive technology.\n *\n * @remarks\n *\n * HTML Attribute: aria-hidden\n *\n * @defaultValue\n *\n * - true\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -3886,7 +4264,7 @@
         {
           "kind": "Enum",
           "canonicalReference": "@microsoft/fast-foundation!FlipperDirection:enum",
-          "docComment": "/**\n * The direction options for flipper.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -3943,7 +4321,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@microsoft/fast-foundation!FlipperTemplate:var",
-          "docComment": "/**\n * The template for the {@link @microsoft/fast-foundation#Flipper} component.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -4509,7 +4887,7 @@
         {
           "kind": "Function",
           "canonicalReference": "@microsoft/fast-foundation!isDesignSystemConsumer:function(1)",
-          "docComment": "/**\n * Determines if the element is {@link DesignSystemConsumer}\n *\n * @param element - the element to test.\n *\n * @public\n */\n",
+          "docComment": "/**\n * Determines if the element has a design-system-provider context\n *\n * @param element - \n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5084,7 +5462,7 @@
         {
           "kind": "Class",
           "canonicalReference": "@microsoft/fast-foundation!Menu:class",
-          "docComment": "/**\n * A Menu Custom HTML Element. Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#menu | ARIA menu}.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5103,10 +5481,38 @@
           "releaseTag": "Public",
           "name": "Menu",
           "members": [
+            {
+              "kind": "Method",
+              "canonicalReference": "@microsoft/fast-foundation!Menu#connectedCallback:member(1)",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "connectedCallback(): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "releaseTag": "Public",
+              "overloadIndex": 1,
+              "parameters": [],
+              "name": "connectedCallback"
+            },
             {
               "kind": "Method",
               "canonicalReference": "@microsoft/fast-foundation!Menu#focus:member(1)",
-              "docComment": "/**\n * Focuses the first item in the menu.\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -5130,6 +5536,113 @@
               "overloadIndex": 1,
               "parameters": [],
               "name": "focus"
+            },
+            {
+              "kind": "Property",
+              "canonicalReference": "@microsoft/fast-foundation!Menu#handleFocusOut:member",
+              "docComment": "/**\n * if focus is moving out of the menu, reset to a stable initial state\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "handleFocusOut: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "(e: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "FocusEvent",
+                  "canonicalReference": "!FocusEvent:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": ") => void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "handleFocusOut",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 4
+              },
+              "isStatic": false
+            },
+            {
+              "kind": "Method",
+              "canonicalReference": "@microsoft/fast-foundation!Menu#handleMenuKeyDown:member(1)",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "handleMenuKeyDown(e: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "KeyboardEvent",
+                  "canonicalReference": "!KeyboardEvent:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": "): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "void | boolean"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 3,
+                "endIndex": 4
+              },
+              "releaseTag": "Public",
+              "overloadIndex": 1,
+              "parameters": [
+                {
+                  "parameterName": "e",
+                  "parameterTypeTokenRange": {
+                    "startIndex": 1,
+                    "endIndex": 2
+                  }
+                }
+              ],
+              "name": "handleMenuKeyDown"
+            },
+            {
+              "kind": "Property",
+              "canonicalReference": "@microsoft/fast-foundation!Menu#items:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "items: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "HTMLSlotElement",
+                  "canonicalReference": "!HTMLSlotElement:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "items",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false
             }
           ],
           "extendsTokenRange": {
@@ -5141,7 +5654,7 @@
         {
           "kind": "Class",
           "canonicalReference": "@microsoft/fast-foundation!MenuItem:class",
-          "docComment": "/**\n * A Switch Custom HTML Element. Implements {@link https://www.w3.org/TR/wai-aria-1.1/#menuitem | ARIA menuitem}, {@link https://www.w3.org/TR/wai-aria-1.1/#menuitemcheckbox | ARIA menuitemcheckbox}, or {@link https://www.w3.org/TR/wai-aria-1.1/#menuitemradio | ARIA menuitemradio}.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5163,7 +5676,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!MenuItem#checked:member",
-              "docComment": "/**\n * The checked value of the element.\n *\n * @remarks\n *\n * HTML Attribute: checked\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -5189,7 +5702,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!MenuItem#disabled:member",
-              "docComment": "/**\n * The disabled state of the element.\n *\n * @remarks\n *\n * HTML Attribute: disabled\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -5215,7 +5728,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!MenuItem#expanded:member",
-              "docComment": "/**\n * The expanded state of the element.\n *\n * @remarks\n *\n * HTML Attribute: aria-expanded\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -5240,17 +5753,25 @@
             },
             {
               "kind": "Property",
-              "canonicalReference": "@microsoft/fast-foundation!MenuItem#role:member",
-              "docComment": "/**\n * The role of the element.\n *\n * @remarks\n *\n * HTML Attribute: role\n *\n * @public\n */\n",
+              "canonicalReference": "@microsoft/fast-foundation!MenuItem#handleMenuItemClick:member",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "role: "
+                  "text": "handleMenuItemClick: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "(e: "
                 },
                 {
                   "kind": "Reference",
-                  "text": "MenuItemRole",
-                  "canonicalReference": "@microsoft/fast-foundation!MenuItemRole:enum"
+                  "text": "MouseEvent",
+                  "canonicalReference": "!MouseEvent:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": ") => void"
                 },
                 {
                   "kind": "Content",
@@ -5258,24 +5779,115 @@
                 }
               ],
               "releaseTag": "Public",
-              "name": "role",
+              "name": "handleMenuItemClick",
               "propertyTypeTokenRange": {
                 "startIndex": 1,
-                "endIndex": 2
+                "endIndex": 4
               },
               "isStatic": false
-            }
-          ],
-          "extendsTokenRange": {
-            "startIndex": 1,
-            "endIndex": 3
-          },
-          "implementsTokenRanges": []
-        },
-        {
-          "kind": "Enum",
-          "canonicalReference": "@microsoft/fast-foundation!MenuItemRole:enum",
-          "docComment": "/**\n * Menu items roles.\n *\n * @public\n */\n",
+            },
+            {
+              "kind": "Property",
+              "canonicalReference": "@microsoft/fast-foundation!MenuItem#handleMenuItemKeyDown:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "handleMenuItemKeyDown: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "(e: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "KeyboardEvent",
+                  "canonicalReference": "!KeyboardEvent:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": ") => boolean"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "handleMenuItemKeyDown",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 4
+              },
+              "isStatic": false
+            },
+            {
+              "kind": "Property",
+              "canonicalReference": "@microsoft/fast-foundation!MenuItem#role:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "role: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "MenuItemRole",
+                  "canonicalReference": "@microsoft/fast-foundation!MenuItemRole:enum"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "role",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false
+            }
+          ],
+          "extendsTokenRange": {
+            "startIndex": 1,
+            "endIndex": 3
+          },
+          "implementsTokenRanges": []
+        },
+        {
+          "kind": "Interface",
+          "canonicalReference": "@microsoft/fast-foundation!MenuItem:interface",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export interface MenuItem extends "
+            },
+            {
+              "kind": "Reference",
+              "text": "StartEnd",
+              "canonicalReference": "@microsoft/fast-foundation!StartEnd:class"
+            },
+            {
+              "kind": "Content",
+              "text": " "
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "MenuItem",
+          "members": [],
+          "extendsTokenRanges": [
+            {
+              "startIndex": 1,
+              "endIndex": 3
+            }
+          ]
+        },
+        {
+          "kind": "Enum",
+          "canonicalReference": "@microsoft/fast-foundation!MenuItemRole:enum",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5353,7 +5965,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@microsoft/fast-foundation!MenuItemTemplate:var",
-          "docComment": "/**\n * The template for the {@link @microsoft/fast-foundation#(MenuItem:class)} component.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5392,7 +6004,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@microsoft/fast-foundation!MenuTemplate:var",
-          "docComment": "/**\n * The template for the {@link @microsoft/fast-foundation#Menu} component.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5431,7 +6043,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@microsoft/fast-foundation!ProgressRingTemplate:var",
-          "docComment": "/**\n * The template for the {@link @microsoft/fast-foundation#BaseProgress} component.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5470,7 +6082,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@microsoft/fast-foundation!ProgressTemplate:var",
-          "docComment": "/**\n * The template for the {@link @microsoft/fast-foundation#BaseProgress} component.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5509,7 +6121,7 @@
         {
           "kind": "Class",
           "canonicalReference": "@microsoft/fast-foundation!Radio:class",
-          "docComment": "/**\n * An Switch Custom HTML Element. Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#switch | ARIA switch}.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5540,7 +6152,7 @@
             {
               "kind": "Reference",
               "text": "RadioControl",
-              "canonicalReference": "@microsoft/fast-foundation!RadioControl:type"
+              "canonicalReference": "@microsoft/fast-foundation!RadioControl:interface"
             },
             {
               "kind": "Content",
@@ -5567,7 +6179,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Radio#checked:member",
-              "docComment": "/**\n * The checked state of the control\n *\n * @public\n */\n",
+              "docComment": "/**\n * The checked state of the control\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -5593,7 +6205,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Radio#checkedAttribute:member",
-              "docComment": "/**\n * Provides the default checkedness of the input element Passed down to proxy\n *\n * @public\n */\n",
+              "docComment": "/**\n * Provides the default checkedness of the input element Passed down to proxy\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -5616,10 +6228,73 @@
               },
               "isStatic": false
             },
+            {
+              "kind": "Property",
+              "canonicalReference": "@microsoft/fast-foundation!Radio#clickHandler:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "clickHandler: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "(e: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "MouseEvent",
+                  "canonicalReference": "!MouseEvent:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": ") => void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "clickHandler",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 4
+              },
+              "isStatic": false
+            },
+            {
+              "kind": "Method",
+              "canonicalReference": "@microsoft/fast-foundation!Radio#connectedCallback:member(1)",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "connectedCallback(): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "releaseTag": "Public",
+              "overloadIndex": 1,
+              "parameters": [],
+              "name": "connectedCallback"
+            },
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Radio#defaultChecked:member",
-              "docComment": "/**\n * Initialized to the value of the checked attribute. Can be changed independently of the \"checked\" attribute, but changing the \"checked\" attribute always additionally sets this value.\n *\n * @public\n */\n",
+              "docComment": "/**\n * Initialized to the value of the checked attribute. Can be changed independently of the \"checked\" attribute, but changing the \"checked\" attribute always additionally sets this value.\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -5642,10 +6317,76 @@
               },
               "isStatic": false
             },
+            {
+              "kind": "Property",
+              "canonicalReference": "@microsoft/fast-foundation!Radio#defaultSlottedNodes:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "defaultSlottedNodes: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "Node",
+                  "canonicalReference": "!Node:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": "[]"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "defaultSlottedNodes",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 3
+              },
+              "isStatic": false
+            },
+            {
+              "kind": "Property",
+              "canonicalReference": "@microsoft/fast-foundation!Radio#keypressHandler:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "keypressHandler: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "(e: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "KeyboardEvent",
+                  "canonicalReference": "!KeyboardEvent:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": ") => void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "keypressHandler",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 4
+              },
+              "isStatic": false
+            },
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Radio#name:member",
-              "docComment": "/**\n * The name of the radio. See {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/name | name attribute} for more info.\n *\n * @remarks\n *\n * HTML Attribute: name\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -5726,7 +6467,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Radio#readOnly:member",
-              "docComment": "/**\n * When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information.\n *\n * @remarks\n *\n * HTML Attribute: readonly\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -5752,7 +6493,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Radio#value:member",
-              "docComment": "/**\n * The element's value to be included in form submission when checked. Default to \"on\" to reach parity with input[type=\"radio\"]\n *\n * @public\n */\n",
+              "docComment": "/**\n * The element's value to be included in form submission when checked. Default to \"on\" to reach parity with input[type=\"radio\"]\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -5788,64 +6529,191 @@
           ]
         },
         {
-          "kind": "TypeAlias",
-          "canonicalReference": "@microsoft/fast-foundation!RadioControl:type",
-          "docComment": "/**\n * A structure representing a Radio element\n *\n * @public\n */\n",
+          "kind": "Interface",
+          "canonicalReference": "@microsoft/fast-foundation!RadioControl:interface",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "export declare type RadioControl = "
-            },
-            {
-              "kind": "Reference",
-              "text": "Pick",
-              "canonicalReference": "!Pick:type"
-            },
-            {
-              "kind": "Content",
-              "text": "<"
-            },
-            {
-              "kind": "Reference",
-              "text": "HTMLInputElement",
-              "canonicalReference": "!HTMLInputElement:interface"
-            },
-            {
-              "kind": "Content",
-              "text": ", \"checked\" | \"disabled\" | \"readOnly\" | \"focus\" | \"setAttribute\" | \"getAttribute\">"
-            },
-            {
-              "kind": "Content",
-              "text": ";"
+              "text": "export interface RadioControl "
             }
           ],
           "releaseTag": "Public",
           "name": "RadioControl",
-          "typeTokenRange": {
-            "startIndex": 1,
-            "endIndex": 5
-          }
-        },
-        {
-          "kind": "Class",
-          "canonicalReference": "@microsoft/fast-foundation!RadioGroup:class",
-          "docComment": "/**\n * An Radio Group Custom HTML Element. Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#radiogroup | ARIA radiogroup}.\n *\n * @public\n */\n",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "export declare class RadioGroup extends "
-            },
-            {
-              "kind": "Reference",
-              "text": "FASTElement",
-              "canonicalReference": "@microsoft/fast-element!FASTElement:interface"
-            },
+          "members": [
             {
-              "kind": "Content",
-              "text": " "
-            }
-          ],
-          "releaseTag": "Public",
+              "kind": "PropertySignature",
+              "canonicalReference": "@microsoft/fast-foundation!RadioControl#checked:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "checked: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "boolean"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "checked",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@microsoft/fast-foundation!RadioControl#disabled:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "disabled: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "boolean"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "disabled",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@microsoft/fast-foundation!RadioControl#focus:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "focus: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "() => void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "focus",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@microsoft/fast-foundation!RadioControl#getAttribute:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "getAttribute: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "(name: string) => string | null"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "getAttribute",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@microsoft/fast-foundation!RadioControl#readOnly:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "readOnly: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "boolean"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "readOnly",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@microsoft/fast-foundation!RadioControl#setAttribute:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "setAttribute: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "(name: string, value: string) => void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "setAttribute",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            }
+          ],
+          "extendsTokenRanges": []
+        },
+        {
+          "kind": "Class",
+          "canonicalReference": "@microsoft/fast-foundation!RadioGroup:class",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare class RadioGroup extends "
+            },
+            {
+              "kind": "Reference",
+              "text": "FASTElement",
+              "canonicalReference": "@microsoft/fast-element!FASTElement:interface"
+            },
+            {
+              "kind": "Content",
+              "text": " "
+            }
+          ],
+          "releaseTag": "Public",
           "name": "RadioGroup",
           "members": [
             {
@@ -5862,10 +6730,38 @@
               "overloadIndex": 1,
               "parameters": []
             },
+            {
+              "kind": "Method",
+              "canonicalReference": "@microsoft/fast-foundation!RadioGroup#connectedCallback:member(1)",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "connectedCallback(): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "releaseTag": "Public",
+              "overloadIndex": 1,
+              "parameters": [],
+              "name": "connectedCallback"
+            },
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!RadioGroup#disabled:member",
-              "docComment": "/**\n * Disables the radio group and child radios.\n *\n * @remarks\n *\n * HTML Attribute: disabled\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -5888,10 +6784,45 @@
               },
               "isStatic": false
             },
+            {
+              "kind": "Property",
+              "canonicalReference": "@microsoft/fast-foundation!RadioGroup#keydownHandler:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "keydownHandler: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "(e: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "KeyboardEvent",
+                  "canonicalReference": "!KeyboardEvent:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": ") => void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "keydownHandler",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 4
+              },
+              "isStatic": false
+            },
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!RadioGroup#name:member",
-              "docComment": "/**\n * The name of the radio group. Setting this value will set the name value for all child radio elements.\n *\n * @remarks\n *\n * HTML Attribute: name\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -5945,7 +6876,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!RadioGroup#orientation:member",
-              "docComment": "/**\n * The orientation of the group\n *\n * @remarks\n *\n * HTML Attribute: orientation\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -5972,7 +6903,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!RadioGroup#readOnly:member",
-              "docComment": "/**\n * When true, the child radios will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information.\n *\n * @remarks\n *\n * HTML Attribute: readonly\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -5995,10 +6926,41 @@
               },
               "isStatic": false
             },
+            {
+              "kind": "Property",
+              "canonicalReference": "@microsoft/fast-foundation!RadioGroup#slottedRadioButtons:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "slottedRadioButtons: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "RadioControl",
+                  "canonicalReference": "@microsoft/fast-foundation!RadioControl:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": "[]"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "slottedRadioButtons",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 3
+              },
+              "isStatic": false
+            },
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!RadioGroup#value:member",
-              "docComment": "/**\n * The value of the checked radio\n *\n * @remarks\n *\n * HTML Attribute: value\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -6031,7 +6993,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@microsoft/fast-foundation!RadioGroupTemplate:var",
-          "docComment": "/**\n * The template for the {@link @microsoft/fast-foundation#RadioGroup} component.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6070,7 +7032,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@microsoft/fast-foundation!RadioTemplate:var",
-          "docComment": "/**\n * The template for the {@link @microsoft/fast-foundation#Radio} component.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6109,7 +7071,7 @@
         {
           "kind": "Class",
           "canonicalReference": "@microsoft/fast-foundation!Slider:class",
-          "docComment": "/**\n * An Switch Custom HTML Element. Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#slider | ARIA slider}.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6165,35 +7127,118 @@
               "parameters": []
             },
             {
-              "kind": "Property",
-              "canonicalReference": "@microsoft/fast-foundation!Slider#decrement:member",
-              "docComment": "/**\n * Decrement the value by the step\n *\n * @public\n */\n",
+              "kind": "Method",
+              "canonicalReference": "@microsoft/fast-foundation!Slider#connectedCallback:member(1)",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "decrement: "
+                  "text": "connectedCallback(): "
                 },
                 {
                   "kind": "Content",
-                  "text": "() => void"
+                  "text": "void"
                 },
                 {
                   "kind": "Content",
                   "text": ";"
                 }
               ],
-              "releaseTag": "Public",
-              "name": "decrement",
-              "propertyTypeTokenRange": {
-                "startIndex": 1,
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "releaseTag": "Public",
+              "overloadIndex": 1,
+              "parameters": [],
+              "name": "connectedCallback"
+            },
+            {
+              "kind": "Property",
+              "canonicalReference": "@microsoft/fast-foundation!Slider#decrement:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "decrement: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "() => void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "decrement",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false
+            },
+            {
+              "kind": "Property",
+              "canonicalReference": "@microsoft/fast-foundation!Slider#direction:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "direction: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "Direction",
+                  "canonicalReference": "@microsoft/fast-web-utilities!Direction:enum"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "direction",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
                 "endIndex": 2
               },
               "isStatic": false
             },
+            {
+              "kind": "Method",
+              "canonicalReference": "@microsoft/fast-foundation!Slider#disconnectedCallback:member(1)",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "disconnectedCallback(): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "releaseTag": "Public",
+              "overloadIndex": 1,
+              "parameters": [],
+              "name": "disconnectedCallback"
+            },
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Slider#increment:member",
-              "docComment": "/**\n * Increment the value by the step\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -6216,6 +7261,32 @@
               },
               "isStatic": false
             },
+            {
+              "kind": "Property",
+              "canonicalReference": "@microsoft/fast-foundation!Slider#isDragging:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "isDragging: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "boolean"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "isDragging",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false
+            },
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Slider#keypressHandler:member",
@@ -6254,7 +7325,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Slider#max:member",
-              "docComment": "/**\n * The maximum allowed value\n *\n * @defaultValue\n *\n * - 10\n *\n * HTML Attribute: max\n *\n * @public\n */\n",
+              "docComment": "/**\n * Max allowed value default is 10\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -6280,7 +7351,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Slider#min:member",
-              "docComment": "/**\n * The minimum allowed value\n *\n * @defaultValue\n *\n * - 0\n *\n * HTML Attribute: min\n *\n * @public\n */\n",
+              "docComment": "/**\n * Min allowed value default is 0\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -6306,7 +7377,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Slider#mode:member",
-              "docComment": "/**\n * The selection mode\n *\n * HTML Attribute: mode\n *\n * @public\n */\n",
+              "docComment": "/**\n * mode value, default singleValue\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -6333,7 +7404,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Slider#orientation:member",
-              "docComment": "/**\n * Orientation of the slider\n *\n * HTML Attribute: orientation\n *\n * @public\n */\n",
+              "docComment": "/**\n * Orientation value, horizontal | vertical\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -6357,6 +7428,32 @@
               },
               "isStatic": false
             },
+            {
+              "kind": "Property",
+              "canonicalReference": "@microsoft/fast-foundation!Slider#position:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "position: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "string"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "position",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false
+            },
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Slider#proxy:member",
@@ -6387,7 +7484,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Slider#readOnly:member",
-              "docComment": "/**\n * When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information.\n *\n * @remarks\n *\n * HTML Attribute: readonly\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -6413,7 +7510,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Slider#step:member",
-              "docComment": "/**\n * Value to increment or decrement via arrow keys, mouse click or drag\n *\n * HTML Attribute: 1\n *\n * @public\n */\n",
+              "docComment": "/**\n * Value to increment or decrement via arrow keys, mouse click or drag\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -6438,16 +7535,44 @@
             },
             {
               "kind": "Property",
-              "canonicalReference": "@microsoft/fast-foundation!Slider#value:member",
-              "docComment": "/**\n * The element's value to be included in form submission changed.\n *\n * @public\n */\n",
+              "canonicalReference": "@microsoft/fast-foundation!Slider#thumb:member",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "value: "
+                  "text": "thumb: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "HTMLDivElement",
+                  "canonicalReference": "!HTMLDivElement:interface"
                 },
                 {
                   "kind": "Content",
-                  "text": "string"
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "thumb",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false
+            },
+            {
+              "kind": "Property",
+              "canonicalReference": "@microsoft/fast-foundation!Slider#track:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "track: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "HTMLDivElement",
+                  "canonicalReference": "!HTMLDivElement:interface"
                 },
                 {
                   "kind": "Content",
@@ -6455,51 +7580,77 @@
                 }
               ],
               "releaseTag": "Public",
-              "name": "value",
+              "name": "track",
               "propertyTypeTokenRange": {
                 "startIndex": 1,
                 "endIndex": 2
               },
               "isStatic": false
-            }
-          ],
-          "extendsTokenRange": {
-            "startIndex": 1,
-            "endIndex": 5
-          },
-          "implementsTokenRanges": [
+            },
             {
-              "startIndex": 6,
-              "endIndex": 8
-            }
-          ]
-        },
-        {
-          "kind": "Interface",
-          "canonicalReference": "@microsoft/fast-foundation!SliderConfiguration:interface",
-          "docComment": "/**\n * The configuration structure of {@link Slider}.\n *\n * @public\n */\n",
-          "excerptTokens": [
+              "kind": "Property",
+              "canonicalReference": "@microsoft/fast-foundation!Slider#trackHeight:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "trackHeight: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "number"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "trackHeight",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false
+            },
             {
-              "kind": "Content",
-              "text": "export interface SliderConfiguration "
-            }
-          ],
-          "releaseTag": "Public",
-          "name": "SliderConfiguration",
-          "members": [
+              "kind": "Property",
+              "canonicalReference": "@microsoft/fast-foundation!Slider#trackMinHeight:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "trackMinHeight: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "number"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "trackMinHeight",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false
+            },
             {
-              "kind": "PropertySignature",
-              "canonicalReference": "@microsoft/fast-foundation!SliderConfiguration#direction:member",
+              "kind": "Property",
+              "canonicalReference": "@microsoft/fast-foundation!Slider#trackMinWidth:member",
               "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "direction?: "
+                  "text": "trackMinWidth: "
                 },
                 {
-                  "kind": "Reference",
-                  "text": "Direction",
-                  "canonicalReference": "@microsoft/fast-web-utilities!Direction:enum"
+                  "kind": "Content",
+                  "text": "number"
                 },
                 {
                   "kind": "Content",
@@ -6507,24 +7658,421 @@
                 }
               ],
               "releaseTag": "Public",
-              "name": "direction",
+              "name": "trackMinWidth",
               "propertyTypeTokenRange": {
                 "startIndex": 1,
                 "endIndex": 2
-              }
+              },
+              "isStatic": false
             },
             {
-              "kind": "PropertySignature",
-              "canonicalReference": "@microsoft/fast-foundation!SliderConfiguration#disabled:member",
+              "kind": "Property",
+              "canonicalReference": "@microsoft/fast-foundation!Slider#trackWidth:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "trackWidth: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "number"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "trackWidth",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false
+            },
+            {
+              "kind": "Property",
+              "canonicalReference": "@microsoft/fast-foundation!Slider#value:member",
+              "docComment": "/**\n * The element's value to be included in form submission changed.\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "value: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "string"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "value",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false
+            }
+          ],
+          "extendsTokenRange": {
+            "startIndex": 1,
+            "endIndex": 5
+          },
+          "implementsTokenRanges": [
+            {
+              "startIndex": 6,
+              "endIndex": 8
+            }
+          ]
+        },
+        {
+          "kind": "Interface",
+          "canonicalReference": "@microsoft/fast-foundation!SliderConfiguration:interface",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export interface SliderConfiguration "
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "SliderConfiguration",
+          "members": [
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@microsoft/fast-foundation!SliderConfiguration#direction:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "direction?: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "Direction",
+                  "canonicalReference": "@microsoft/fast-web-utilities!Direction:enum"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "direction",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@microsoft/fast-foundation!SliderConfiguration#disabled:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "disabled?: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "boolean"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "disabled",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@microsoft/fast-foundation!SliderConfiguration#max:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "max: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "number"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "max",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@microsoft/fast-foundation!SliderConfiguration#min:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "min: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "number"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "min",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@microsoft/fast-foundation!SliderConfiguration#orientation:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "orientation?: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "Orientation",
+                  "canonicalReference": "@microsoft/fast-web-utilities!Orientation:enum"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "orientation",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            }
+          ],
+          "extendsTokenRanges": []
+        },
+        {
+          "kind": "Class",
+          "canonicalReference": "@microsoft/fast-foundation!SliderLabel:class",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare class SliderLabel extends "
+            },
+            {
+              "kind": "Reference",
+              "text": "FASTElement",
+              "canonicalReference": "@microsoft/fast-element!FASTElement:interface"
+            },
+            {
+              "kind": "Content",
+              "text": " "
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "SliderLabel",
+          "members": [
+            {
+              "kind": "Method",
+              "canonicalReference": "@microsoft/fast-foundation!SliderLabel#connectedCallback:member(1)",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "connectedCallback(): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "releaseTag": "Public",
+              "overloadIndex": 1,
+              "parameters": [],
+              "name": "connectedCallback"
+            },
+            {
+              "kind": "Property",
+              "canonicalReference": "@microsoft/fast-foundation!SliderLabel#disabled:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "disabled: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "boolean"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "disabled",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false
+            },
+            {
+              "kind": "Method",
+              "canonicalReference": "@microsoft/fast-foundation!SliderLabel#disconnectedCallback:member(1)",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "disconnectedCallback(): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "releaseTag": "Public",
+              "overloadIndex": 1,
+              "parameters": [],
+              "name": "disconnectedCallback"
+            },
+            {
+              "kind": "Method",
+              "canonicalReference": "@microsoft/fast-foundation!SliderLabel#handleChange:member(1)",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "handleChange(source: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "any"
+                },
+                {
+                  "kind": "Content",
+                  "text": ", propertyName: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "string"
+                },
+                {
+                  "kind": "Content",
+                  "text": "): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 5,
+                "endIndex": 6
+              },
+              "releaseTag": "Public",
+              "overloadIndex": 1,
+              "parameters": [
+                {
+                  "parameterName": "source",
+                  "parameterTypeTokenRange": {
+                    "startIndex": 1,
+                    "endIndex": 2
+                  }
+                },
+                {
+                  "parameterName": "propertyName",
+                  "parameterTypeTokenRange": {
+                    "startIndex": 3,
+                    "endIndex": 4
+                  }
+                }
+              ],
+              "name": "handleChange"
+            },
+            {
+              "kind": "Property",
+              "canonicalReference": "@microsoft/fast-foundation!SliderLabel#hideMark:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "hideMark: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "boolean"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "hideMark",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false
+            },
+            {
+              "kind": "Property",
+              "canonicalReference": "@microsoft/fast-foundation!SliderLabel#position:member",
               "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "disabled?: "
+                  "text": "position: "
                 },
                 {
                   "kind": "Content",
-                  "text": "boolean"
+                  "text": "string"
                 },
                 {
                   "kind": "Content",
@@ -6532,24 +8080,25 @@
                 }
               ],
               "releaseTag": "Public",
-              "name": "disabled",
+              "name": "position",
               "propertyTypeTokenRange": {
                 "startIndex": 1,
                 "endIndex": 2
-              }
+              },
+              "isStatic": false
             },
             {
-              "kind": "PropertySignature",
-              "canonicalReference": "@microsoft/fast-foundation!SliderConfiguration#max:member",
+              "kind": "Property",
+              "canonicalReference": "@microsoft/fast-foundation!SliderLabel#positionStyle:member",
               "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "max: "
+                  "text": "positionStyle: "
                 },
                 {
                   "kind": "Content",
-                  "text": "number"
+                  "text": "string"
                 },
                 {
                   "kind": "Content",
@@ -6557,24 +8106,26 @@
                 }
               ],
               "releaseTag": "Public",
-              "name": "max",
+              "name": "positionStyle",
               "propertyTypeTokenRange": {
                 "startIndex": 1,
                 "endIndex": 2
-              }
+              },
+              "isStatic": false
             },
             {
-              "kind": "PropertySignature",
-              "canonicalReference": "@microsoft/fast-foundation!SliderConfiguration#min:member",
+              "kind": "Property",
+              "canonicalReference": "@microsoft/fast-foundation!SliderLabel#root:member",
               "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "min: "
+                  "text": "root: "
                 },
                 {
-                  "kind": "Content",
-                  "text": "number"
+                  "kind": "Reference",
+                  "text": "HTMLDivElement",
+                  "canonicalReference": "!HTMLDivElement:interface"
                 },
                 {
                   "kind": "Content",
@@ -6582,25 +8133,26 @@
                 }
               ],
               "releaseTag": "Public",
-              "name": "min",
+              "name": "root",
               "propertyTypeTokenRange": {
                 "startIndex": 1,
                 "endIndex": 2
-              }
+              },
+              "isStatic": false
             },
             {
-              "kind": "PropertySignature",
-              "canonicalReference": "@microsoft/fast-foundation!SliderConfiguration#orientation:member",
+              "kind": "Property",
+              "canonicalReference": "@microsoft/fast-foundation!SliderLabel#sliderDirection:member",
               "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "orientation?: "
+                  "text": "sliderDirection: "
                 },
                 {
                   "kind": "Reference",
-                  "text": "Orientation",
-                  "canonicalReference": "@microsoft/fast-web-utilities!Orientation:enum"
+                  "text": "Direction",
+                  "canonicalReference": "@microsoft/fast-web-utilities!Direction:enum"
                 },
                 {
                   "kind": "Content",
@@ -6608,49 +8160,25 @@
                 }
               ],
               "releaseTag": "Public",
-              "name": "orientation",
+              "name": "sliderDirection",
               "propertyTypeTokenRange": {
                 "startIndex": 1,
                 "endIndex": 2
-              }
-            }
-          ],
-          "extendsTokenRanges": []
-        },
-        {
-          "kind": "Class",
-          "canonicalReference": "@microsoft/fast-foundation!SliderLabel:class",
-          "docComment": "/**\n * A label element intended to be used with the {@link @microsoft/fast-foundation#Slider} component.\n *\n * @public\n */\n",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "export declare class SliderLabel extends "
-            },
-            {
-              "kind": "Reference",
-              "text": "FASTElement",
-              "canonicalReference": "@microsoft/fast-element!FASTElement:interface"
+              },
+              "isStatic": false
             },
-            {
-              "kind": "Content",
-              "text": " "
-            }
-          ],
-          "releaseTag": "Public",
-          "name": "SliderLabel",
-          "members": [
             {
               "kind": "Property",
-              "canonicalReference": "@microsoft/fast-foundation!SliderLabel#disabled:member",
-              "docComment": "/**\n * The disabled state of the label. This is generally controlled by the parent {@link @microsoft/fast-foundation#Slider}.\n *\n * HTML Attribute: disabled\n *\n * @public\n */\n",
+              "canonicalReference": "@microsoft/fast-foundation!SliderLabel#sliderMaxPosition:member",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "disabled: "
+                  "text": "sliderMaxPosition: "
                 },
                 {
                   "kind": "Content",
-                  "text": "boolean"
+                  "text": "number"
                 },
                 {
                   "kind": "Content",
@@ -6658,7 +8186,7 @@
                 }
               ],
               "releaseTag": "Public",
-              "name": "disabled",
+              "name": "sliderMaxPosition",
               "propertyTypeTokenRange": {
                 "startIndex": 1,
                 "endIndex": 2
@@ -6667,16 +8195,16 @@
             },
             {
               "kind": "Property",
-              "canonicalReference": "@microsoft/fast-foundation!SliderLabel#hideMark:member",
-              "docComment": "/**\n * Hides the tick mark.\n *\n * HTML Attribute: hide-mark\n *\n * @public\n */\n",
+              "canonicalReference": "@microsoft/fast-foundation!SliderLabel#sliderMinPosition:member",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "hideMark: "
+                  "text": "sliderMinPosition: "
                 },
                 {
                   "kind": "Content",
-                  "text": "boolean"
+                  "text": "number"
                 },
                 {
                   "kind": "Content",
@@ -6684,7 +8212,7 @@
                 }
               ],
               "releaseTag": "Public",
-              "name": "hideMark",
+              "name": "sliderMinPosition",
               "propertyTypeTokenRange": {
                 "startIndex": 1,
                 "endIndex": 2
@@ -6693,16 +8221,17 @@
             },
             {
               "kind": "Property",
-              "canonicalReference": "@microsoft/fast-foundation!SliderLabel#position:member",
-              "docComment": "/**\n * The position of the label relative to the min and max value of the parent {@link @microsoft/fast-foundation#Slider}.\n *\n * HTML Attribute: position\n *\n * @public\n */\n",
+              "canonicalReference": "@microsoft/fast-foundation!SliderLabel#sliderOrientation:member",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "position: "
+                  "text": "sliderOrientation: "
                 },
                 {
-                  "kind": "Content",
-                  "text": "string"
+                  "kind": "Reference",
+                  "text": "Orientation",
+                  "canonicalReference": "@microsoft/fast-web-utilities!Orientation:enum"
                 },
                 {
                   "kind": "Content",
@@ -6710,7 +8239,7 @@
                 }
               ],
               "releaseTag": "Public",
-              "name": "position",
+              "name": "sliderOrientation",
               "propertyTypeTokenRange": {
                 "startIndex": 1,
                 "endIndex": 2
@@ -6727,7 +8256,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@microsoft/fast-foundation!SliderLabelTemplate:var",
-          "docComment": "/**\n * The template for the {@link @microsoft/fast-foundation#SliderLabel} component.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6766,7 +8295,7 @@
         {
           "kind": "Enum",
           "canonicalReference": "@microsoft/fast-foundation!SliderMode:enum",
-          "docComment": "/**\n * The selection modes of a {@link Slider}\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6802,7 +8331,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@microsoft/fast-foundation!SliderTemplate:var",
-          "docComment": "/**\n * The template for the {@link @microsoft/fast-foundation#Slider} component.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6841,7 +8370,7 @@
         {
           "kind": "Class",
           "canonicalReference": "@microsoft/fast-foundation!StartEnd:class",
-          "docComment": "/**\n * A mixin class implementing start and end elements. These are generally used to decorate text elements with icons or other visual indicators.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7021,7 +8550,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@microsoft/fast-foundation!startTemplate:var",
-          "docComment": "/**\n * The template for the start element. For use with {@link StartEnd}\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7060,7 +8589,7 @@
         {
           "kind": "Class",
           "canonicalReference": "@microsoft/fast-foundation!Switch:class",
-          "docComment": "/**\n * A Switch Custom HTML Element. Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#switch | ARIA switch}.\n *\n * @public\n */\n",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7105,7 +8634,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Switch#checked:member",
-              "docComment": "/**\n * The checked state of the control.\n *\n * @public\n */\n",
+              "docComment": "/**\n * The checked state of the control\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -7131,7 +8660,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Switch#checkedAttribute:member",
-              "docComment": "/**\n * The checked attribute value. This sets the initial checked value.\n *\n * HTML Attribute: checked\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -7154,10 +8683,73 @@
               },
               "isStatic": false
             },
+            {
+              "kind": "Property",
+              "canonicalReference": "@microsoft/fast-foundation!Switch#clickHandler:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "clickHandler: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "(e: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "MouseEvent",
+                  "canonicalReference": "!MouseEvent:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": ") => void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "clickHandler",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 4
+              },
+              "isStatic": false
+            },
+            {
+              "kind": "Method",
+              "canonicalReference": "@microsoft/fast-foundation!Switch#connectedCallback:member(1)",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "connectedCallback(): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "releaseTag": "Public",
+              "overloadIndex": 1,
+              "parameters": [],
+              "name": "connectedCallback"
+            },
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Switch#defaultChecked:member",
-              "docComment": "/**\n * Initialized to the value of the checked attribute. Can be changed independently of the \"checked\" attribute, but changing the \"checked\" attribute always additionally sets this value.\n *\n * @public\n */\n",
+              "docComment": "/**\n * Initialized to the value of the checked attribute. Can be changed independently of the \"checked\" attribute, but changing the \"checked\" attribute always additionally sets this value.\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -7180,6 +8772,72 @@
               },
               "isStatic": false
             },
+            {
+              "kind": "Property",
+              "canonicalReference": "@microsoft/fast-foundation!Switch#defaultSlottedNodes:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "defaultSlottedNodes: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "Node",
+                  "canonicalReference": "!Node:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": "[]"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "defaultSlottedNodes",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 3
+              },
+              "isStatic": false
+            },
+            {
+              "kind": "Property",
+              "canonicalReference": "@microsoft/fast-foundation!Switch#keypressHandler:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "keypressHandler: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "(e: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "KeyboardEvent",
+                  "canonicalReference": "!KeyboardEvent:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": ") => void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "releaseTag": "Public",
+              "name": "keypressHandler",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 4
+              },
+              "isStatic": false
+            },
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Switch#proxy:member",
@@ -7210,7 +8868,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Switch#readOnly:member",
-              "docComment": "/**\n * When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information.\n *\n * @remarks\n *\n * HTML Attribute: readonly\n *\n * @public\n */\n",
+              "docComment": "",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -7236,7 +8894,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@microsoft/fast-foundation!Switch#value:member",
-              "docComment": "/**\n * The element's value to be included in form submission when checked. Default to \"on\" to reach parity with input[type=\"checkbox\"]\n *\n * HTML Attribute: value\n *\n * @public\n */\n",
+              "docComment": "/**\n * The element's value to be included in form submission when checked. Default to \"on\" to reach parity with input[type=\"checkbox\"]\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -7549,6 +9207,35 @@
           },
           "implementsTokenRanges": []
         },
+        {
+          "kind": "Interface",
+          "canonicalReference": "@microsoft/fast-foundation!Tabs:interface",
+          "docComment": "/**\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export interface Tabs extends "
+            },
+            {
+              "kind": "Reference",
+              "text": "StartEnd",
+              "canonicalReference": "@microsoft/fast-foundation!StartEnd:class"
+            },
+            {
+              "kind": "Content",
+              "text": " "
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "Tabs",
+          "members": [],
+          "extendsTokenRanges": [
+            {
+              "startIndex": 1,
+              "endIndex": 3
+            }
+          ]
+        },
         {
           "kind": "Enum",
           "canonicalReference": "@microsoft/fast-foundation!TabsOrientation:enum",
@@ -8637,6 +10324,35 @@
           },
           "implementsTokenRanges": []
         },
+        {
+          "kind": "Interface",
+          "canonicalReference": "@microsoft/fast-foundation!TextField:interface",
+          "docComment": "/**\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export interface TextField extends "
+            },
+            {
+              "kind": "Reference",
+              "text": "StartEnd",
+              "canonicalReference": "@microsoft/fast-foundation!StartEnd:class"
+            },
+            {
+              "kind": "Content",
+              "text": " "
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "TextField",
+          "members": [],
+          "extendsTokenRanges": [
+            {
+              "startIndex": 1,
+              "endIndex": 3
+            }
+          ]
+        },
         {
           "kind": "Enum",
           "canonicalReference": "@microsoft/fast-foundation!TextFieldAppearance:enum",
diff --git a/yarn.lock b/yarn.lock
index d5482070501..142d2143adf 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4181,11 +4181,6 @@
     source-map "~0.6.1"
     typescript "~3.7.2"
 
-"@microsoft/fast-element@^0.10.2":
-  version "0.10.2"
-  resolved "https://registry.yarnpkg.com/@microsoft/fast-element/-/fast-element-0.10.2.tgz#8d38c09c7d54fd017bb0b2e7a26755f3a414753f"
-  integrity sha512-VdnjhaG/nJ3JRgwEo22exyV83HAI8H3Gz5ZmCriMiQb9hENWVwtLsTeakRLBKDg433KFOwaGcYFsHZtpuNcNWw==
-
 "@microsoft/tsdoc-config@^0.13.4":
   version "0.13.4"
   resolved "https://registry.yarnpkg.com/@microsoft/tsdoc-config/-/tsdoc-config-0.13.4.tgz#84ad92b88d3899683376224de91567b01d447d18"