@fluentui/web-components 3.0.0-alpha.13 → 3.0.0-alpha.14

package/dist/fluent-web-components.api.json

@@ -2530,33 +2530,6 @@
             "endIndex": 2
           }
         },
-        {
-          "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!ButtonStyles:var",
-          "docComment": "",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "styles: "
-            },
-            {
-              "kind": "Content",
-              "text": "import(\"@microsoft/fast-element\")."
-            },
-            {
-              "kind": "Reference",
-              "text": "ElementStyles",
-              "canonicalReference": "@microsoft/fast-element!ElementStyles:class"
-            }
-          ],
-          "isReadonly": true,
-          "releaseTag": "Public",
-          "name": "ButtonStyles",
-          "variableTypeTokenRange": {
-            "startIndex": 1,
-            "endIndex": 3
-          }
-        },
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!ButtonTemplate:var",
@@ -14620,17 +14593,17 @@
         },
         {
           "kind": "Class",
-          "canonicalReference": "@fluentui/web-components!ProgressBar_2:class",
-          "docComment": "/**\n * The base class used for constructing a fluent-progress-bar custom element\n *\n * @public\n */\n",
+          "canonicalReference": "@fluentui/web-components!MenuButton:class",
+          "docComment": "/**\n * The base class used for constructing a fluent-menu-button custom element\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "export declare class ProgressBar extends "
+              "text": "export declare class MenuButton extends "
             },
             {
               "kind": "Reference",
-              "text": "FASTProgress",
-              "canonicalReference": "@microsoft/fast-foundation!FASTProgress:class"
+              "text": "Button",
+              "canonicalReference": "@fluentui/web-components!Button:class"
             },
             {
               "kind": "Content",
@@ -14638,158 +14611,23 @@
             }
           ],
           "releaseTag": "Public",
-          "name": "ProgressBar_2",
+          "name": "MenuButton",
           "preserveMemberOrder": false,
-          "members": [
-            {
-              "kind": "Property",
-              "canonicalReference": "@fluentui/web-components!ProgressBar_2#shape:member",
-              "docComment": "/**\n * The shape of the progress bar\n *\n * @remarks\n *\n * HTML Attribute: shape\n *\n * @public\n */\n",
-              "excerptTokens": [
-                {
-                  "kind": "Content",
-                  "text": "shape?: "
-                },
-                {
-                  "kind": "Reference",
-                  "text": "ProgressBarShape",
-                  "canonicalReference": "@fluentui/web-components!ProgressBarShape:type"
-                },
-                {
-                  "kind": "Content",
-                  "text": ";"
-                }
-              ],
-              "isReadonly": false,
-              "isOptional": true,
-              "releaseTag": "Public",
-              "name": "shape",
-              "propertyTypeTokenRange": {
-                "startIndex": 1,
-                "endIndex": 2
-              },
-              "isStatic": false,
-              "isProtected": false
-            },
-            {
-              "kind": "Property",
-              "canonicalReference": "@fluentui/web-components!ProgressBar_2#thickness:member",
-              "docComment": "/**\n * The thickness of the progress bar\n *\n * @remarks\n *\n * HTML Attribute: thickness\n *\n * @public\n */\n",
-              "excerptTokens": [
-                {
-                  "kind": "Content",
-                  "text": "thickness?: "
-                },
-                {
-                  "kind": "Reference",
-                  "text": "ProgressBarThickness",
-                  "canonicalReference": "@fluentui/web-components!ProgressBarThickness:type"
-                },
-                {
-                  "kind": "Content",
-                  "text": ";"
-                }
-              ],
-              "isReadonly": false,
-              "isOptional": true,
-              "releaseTag": "Public",
-              "name": "thickness",
-              "propertyTypeTokenRange": {
-                "startIndex": 1,
-                "endIndex": 2
-              },
-              "isStatic": false,
-              "isProtected": false
-            },
-            {
-              "kind": "Property",
-              "canonicalReference": "@fluentui/web-components!ProgressBar_2#validationState:member",
-              "docComment": "/**\n * The validation state of the progress bar\n *\n * @remarks\n *\n * HTML Attribute: validation-state\n *\n * @public\n */\n",
-              "excerptTokens": [
-                {
-                  "kind": "Content",
-                  "text": "validationState: "
-                },
-                {
-                  "kind": "Reference",
-                  "text": "ProgressBarValidationState",
-                  "canonicalReference": "@fluentui/web-components!ProgressBarValidationState:type"
-                },
-                {
-                  "kind": "Content",
-                  "text": " | null"
-                },
-                {
-                  "kind": "Content",
-                  "text": ";"
-                }
-              ],
-              "isReadonly": false,
-              "isOptional": false,
-              "releaseTag": "Public",
-              "name": "validationState",
-              "propertyTypeTokenRange": {
-                "startIndex": 1,
-                "endIndex": 3
-              },
-              "isStatic": false,
-              "isProtected": false
-            }
-          ],
+          "members": [],
           "extendsTokenRange": {
             "startIndex": 1,
             "endIndex": 2
           },
           "implementsTokenRanges": []
         },
-        {
-          "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!ProgressBarDefinition:var",
-          "docComment": "/**\n * The Fluent ProgressBar Element.\n *\n * @remarks\n *\n * HTML Element: \\<fluent-progress-bar\\>\n *\n * @public\n */\n",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "definition: "
-            },
-            {
-              "kind": "Content",
-              "text": "import(\"@microsoft/fast-element\")."
-            },
-            {
-              "kind": "Reference",
-              "text": "FASTElementDefinition",
-              "canonicalReference": "@microsoft/fast-element!FASTElementDefinition:class"
-            },
-            {
-              "kind": "Content",
-              "text": "<typeof "
-            },
-            {
-              "kind": "Reference",
-              "text": "ProgressBar",
-              "canonicalReference": "@fluentui/web-components!ProgressBar_2:class"
-            },
-            {
-              "kind": "Content",
-              "text": ">"
-            }
-          ],
-          "isReadonly": true,
-          "releaseTag": "Public",
-          "name": "ProgressBarDefinition",
-          "variableTypeTokenRange": {
-            "startIndex": 1,
-            "endIndex": 6
-          }
-        },
         {
           "kind": "TypeAlias",
-          "canonicalReference": "@fluentui/web-components!ProgressBarShape:type",
-          "docComment": "/**\n * Applies bar shape to the content\n *\n * @public\n */\n",
+          "canonicalReference": "@fluentui/web-components!MenuButtonAppearance:type",
+          "docComment": "/**\n * A Menu Button can be secondary, primary, outline, subtle, transparent\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "export declare type ProgressBarShape = "
+              "text": "export declare type MenuButtonAppearance = "
             },
             {
               "kind": "Reference",
@@ -14802,8 +14640,8 @@
             },
             {
               "kind": "Reference",
-              "text": "ProgressBarShape",
-              "canonicalReference": "@fluentui/web-components!ProgressBarShape:var"
+              "text": "MenuButtonAppearance",
+              "canonicalReference": "@fluentui/web-components!MenuButtonAppearance:var"
             },
             {
               "kind": "Content",
@@ -14815,7 +14653,7 @@
             }
           ],
           "releaseTag": "Public",
-          "name": "ProgressBarShape",
+          "name": "MenuButtonAppearance",
           "typeTokenRange": {
             "startIndex": 1,
             "endIndex": 5
@@ -14823,21 +14661,21 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!ProgressBarShape:var",
-          "docComment": "/**\n * ProgressBarShape Constants\n *\n * @public\n */\n",
+          "canonicalReference": "@fluentui/web-components!MenuButtonAppearance:var",
+          "docComment": "/**\n * Menu Button Appearance constants\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "ProgressBarShape: "
+              "text": "MenuButtonAppearance: "
             },
             {
               "kind": "Content",
-              "text": "{\n    readonly rounded: \"rounded\";\n    readonly square: \"square\";\n}"
+              "text": "{\n    readonly primary: \"primary\";\n    readonly outline: \"outline\";\n    readonly subtle: \"subtle\";\n    readonly secondary: \"secondary\";\n    readonly transparent: \"transparent\";\n}"
             }
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "ProgressBarShape",
+          "name": "MenuButtonAppearance",
           "variableTypeTokenRange": {
             "startIndex": 1,
             "endIndex": 2
@@ -14845,12 +14683,12 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!ProgressBarStyles:var",
-          "docComment": "/**\n * ProgressBar styles\n *\n * @public\n */\n",
+          "canonicalReference": "@fluentui/web-components!MenuButtonDefinition:var",
+          "docComment": "/**\n * The Fluent Menu Button Element. Implements {@link @microsoft/fast-foundation#Button}, {@link @microsoft/fast-foundation#buttonTemplate}\n *\n * @remarks\n *\n * HTML Element: \\<fluent-button\\>\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "styles: "
+              "text": "definition: "
             },
             {
               "kind": "Content",
@@ -14858,40 +14696,17 @@
             },
             {
               "kind": "Reference",
-              "text": "ElementStyles",
-              "canonicalReference": "@microsoft/fast-element!ElementStyles:class"
-            }
-          ],
-          "isReadonly": true,
-          "releaseTag": "Public",
-          "name": "ProgressBarStyles",
-          "variableTypeTokenRange": {
-            "startIndex": 1,
-            "endIndex": 3
-          }
-        },
-        {
-          "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!ProgressBarTemplate:var",
-          "docComment": "",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "template: "
-            },
-            {
-              "kind": "Reference",
-              "text": "ElementViewTemplate",
-              "canonicalReference": "@microsoft/fast-element!ElementViewTemplate:interface"
+              "text": "FASTElementDefinition",
+              "canonicalReference": "@microsoft/fast-element!FASTElementDefinition:class"
             },
             {
               "kind": "Content",
-              "text": "<"
+              "text": "<typeof "
             },
             {
               "kind": "Reference",
-              "text": "ProgressBar",
-              "canonicalReference": "@fluentui/web-components!ProgressBar_2:class"
+              "text": "MenuButton",
+              "canonicalReference": "@fluentui/web-components!MenuButton:class"
             },
             {
               "kind": "Content",
@@ -14900,20 +14715,20 @@
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "ProgressBarTemplate",
+          "name": "MenuButtonDefinition",
           "variableTypeTokenRange": {
             "startIndex": 1,
-            "endIndex": 5
+            "endIndex": 6
           }
         },
         {
           "kind": "TypeAlias",
-          "canonicalReference": "@fluentui/web-components!ProgressBarThickness:type",
-          "docComment": "/**\n * Applies bar thickness to the content\n *\n * @public\n */\n",
+          "canonicalReference": "@fluentui/web-components!MenuButtonShape:type",
+          "docComment": "/**\n * A Menu Button can be square, circular or rounded\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "export declare type ProgressBarThickness = "
+              "text": "export declare type MenuButtonShape = "
             },
             {
               "kind": "Reference",
@@ -14926,8 +14741,8 @@
             },
             {
               "kind": "Reference",
-              "text": "ProgressBarThickness",
-              "canonicalReference": "@fluentui/web-components!ProgressBarThickness:var"
+              "text": "MenuButtonShape",
+              "canonicalReference": "@fluentui/web-components!MenuButtonShape:var"
             },
             {
               "kind": "Content",
@@ -14939,7 +14754,7 @@
             }
           ],
           "releaseTag": "Public",
-          "name": "ProgressBarThickness",
+          "name": "MenuButtonShape",
           "typeTokenRange": {
             "startIndex": 1,
             "endIndex": 5
@@ -14947,21 +14762,21 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!ProgressBarThickness:var",
-          "docComment": "/**\n * ProgressBarThickness Constants\n *\n * @public\n */\n",
+          "canonicalReference": "@fluentui/web-components!MenuButtonShape:var",
+          "docComment": "/**\n * A Menu Button can be square, circular or rounded.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "ProgressBarThickness: "
+              "text": "MenuButtonShape: "
             },
             {
               "kind": "Content",
-              "text": "{\n    readonly medium: \"medium\";\n    readonly large: \"large\";\n}"
+              "text": "{\n    readonly circular: \"circular\";\n    readonly rounded: \"rounded\";\n    readonly square: \"square\";\n}"
             }
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "ProgressBarThickness",
+          "name": "MenuButtonShape",
           "variableTypeTokenRange": {
             "startIndex": 1,
             "endIndex": 2
@@ -14969,12 +14784,12 @@
         },
         {
           "kind": "TypeAlias",
-          "canonicalReference": "@fluentui/web-components!ProgressBarValidationState:type",
-          "docComment": "/**\n * Applies validation state to the content\n *\n * @public\n */\n",
+          "canonicalReference": "@fluentui/web-components!MenuButtonSize:type",
+          "docComment": "/**\n * A Menu Button can be on of several preset sizes.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "export declare type ProgressBarValidationState = "
+              "text": "export declare type MenuButtonSize = "
             },
             {
               "kind": "Reference",
@@ -14987,8 +14802,8 @@
             },
             {
               "kind": "Reference",
-              "text": "ProgressBarValidationState",
-              "canonicalReference": "@fluentui/web-components!ProgressBarValidationState:var"
+              "text": "MenuButtonSize",
+              "canonicalReference": "@fluentui/web-components!MenuButtonSize:var"
             },
             {
               "kind": "Content",
@@ -15000,7 +14815,7 @@
             }
           ],
           "releaseTag": "Public",
-          "name": "ProgressBarValidationState",
+          "name": "MenuButtonSize",
           "typeTokenRange": {
             "startIndex": 1,
             "endIndex": 5
@@ -15008,21 +14823,21 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!ProgressBarValidationState:var",
-          "docComment": "/**\n * ProgressBarValidationState Constants\n *\n * @public\n */\n",
+          "canonicalReference": "@fluentui/web-components!MenuButtonSize:var",
+          "docComment": "/**\n * A Menu Button can be a size of small, medium or large.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "ProgressBarValidationState: "
+              "text": "MenuButtonSize: "
             },
             {
               "kind": "Content",
-              "text": "{\n    readonly success: \"success\";\n    readonly warning: \"warning\";\n    readonly error: \"error\";\n}"
+              "text": "{\n    readonly small: \"small\";\n    readonly medium: \"medium\";\n    readonly large: \"large\";\n}"
             }
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "ProgressBarValidationState",
+          "name": "MenuButtonSize",
           "variableTypeTokenRange": {
             "startIndex": 1,
             "endIndex": 2
@@ -15030,16 +14845,462 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!setTheme:var",
-          "docComment": "/**\n * Sets the theme tokens on defaultNode.\n *\n * @param theme - Flat object of theme token values.\n */\n",
+          "canonicalReference": "@fluentui/web-components!MenuButtonTemplate:var",
+          "docComment": "/**\n * The template for the Button component.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "setTheme: "
+              "text": "template: "
+            },
+            {
+              "kind": "Reference",
+              "text": "ElementViewTemplate",
+              "canonicalReference": "@microsoft/fast-element!ElementViewTemplate:interface"
             },
             {
               "kind": "Content",
-              "text": "(theme: "
+              "text": "<"
+            },
+            {
+              "kind": "Reference",
+              "text": "MenuButton",
+              "canonicalReference": "@fluentui/web-components!MenuButton:class"
+            },
+            {
+              "kind": "Content",
+              "text": ">"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "MenuButtonTemplate",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 5
+          }
+        },
+        {
+          "kind": "Class",
+          "canonicalReference": "@fluentui/web-components!ProgressBar_2:class",
+          "docComment": "/**\n * The base class used for constructing a fluent-progress-bar custom element\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare class ProgressBar extends "
+            },
+            {
+              "kind": "Reference",
+              "text": "FASTProgress",
+              "canonicalReference": "@microsoft/fast-foundation!FASTProgress:class"
+            },
+            {
+              "kind": "Content",
+              "text": " "
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "ProgressBar_2",
+          "preserveMemberOrder": false,
+          "members": [
+            {
+              "kind": "Property",
+              "canonicalReference": "@fluentui/web-components!ProgressBar_2#shape:member",
+              "docComment": "/**\n * The shape of the progress bar\n *\n * @remarks\n *\n * HTML Attribute: shape\n *\n * @public\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "shape?: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "ProgressBarShape",
+                  "canonicalReference": "@fluentui/web-components!ProgressBarShape:type"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": true,
+              "releaseTag": "Public",
+              "name": "shape",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false
+            },
+            {
+              "kind": "Property",
+              "canonicalReference": "@fluentui/web-components!ProgressBar_2#thickness:member",
+              "docComment": "/**\n * The thickness of the progress bar\n *\n * @remarks\n *\n * HTML Attribute: thickness\n *\n * @public\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "thickness?: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "ProgressBarThickness",
+                  "canonicalReference": "@fluentui/web-components!ProgressBarThickness:type"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": true,
+              "releaseTag": "Public",
+              "name": "thickness",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false
+            },
+            {
+              "kind": "Property",
+              "canonicalReference": "@fluentui/web-components!ProgressBar_2#validationState:member",
+              "docComment": "/**\n * The validation state of the progress bar\n *\n * @remarks\n *\n * HTML Attribute: validation-state\n *\n * @public\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "validationState: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "ProgressBarValidationState",
+                  "canonicalReference": "@fluentui/web-components!ProgressBarValidationState:type"
+                },
+                {
+                  "kind": "Content",
+                  "text": " | null"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "validationState",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 3
+              },
+              "isStatic": false,
+              "isProtected": false
+            }
+          ],
+          "extendsTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "implementsTokenRanges": []
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!ProgressBarDefinition:var",
+          "docComment": "/**\n * The Fluent ProgressBar Element.\n *\n * @remarks\n *\n * HTML Element: \\<fluent-progress-bar\\>\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "definition: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-element\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "FASTElementDefinition",
+              "canonicalReference": "@microsoft/fast-element!FASTElementDefinition:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<typeof "
+            },
+            {
+              "kind": "Reference",
+              "text": "ProgressBar",
+              "canonicalReference": "@fluentui/web-components!ProgressBar_2:class"
+            },
+            {
+              "kind": "Content",
+              "text": ">"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "ProgressBarDefinition",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 6
+          }
+        },
+        {
+          "kind": "TypeAlias",
+          "canonicalReference": "@fluentui/web-components!ProgressBarShape:type",
+          "docComment": "/**\n * Applies bar shape to the content\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare type ProgressBarShape = "
+            },
+            {
+              "kind": "Reference",
+              "text": "ValuesOf",
+              "canonicalReference": "@microsoft/fast-foundation!ValuesOf:type"
+            },
+            {
+              "kind": "Content",
+              "text": "<typeof "
+            },
+            {
+              "kind": "Reference",
+              "text": "ProgressBarShape",
+              "canonicalReference": "@fluentui/web-components!ProgressBarShape:var"
+            },
+            {
+              "kind": "Content",
+              "text": ">"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "ProgressBarShape",
+          "typeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 5
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!ProgressBarShape:var",
+          "docComment": "/**\n * ProgressBarShape Constants\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "ProgressBarShape: "
+            },
+            {
+              "kind": "Content",
+              "text": "{\n    readonly rounded: \"rounded\";\n    readonly square: \"square\";\n}"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "ProgressBarShape",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!ProgressBarStyles:var",
+          "docComment": "/**\n * ProgressBar styles\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "styles: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-element\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "ElementStyles",
+              "canonicalReference": "@microsoft/fast-element!ElementStyles:class"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "ProgressBarStyles",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 3
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!ProgressBarTemplate:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "template: "
+            },
+            {
+              "kind": "Reference",
+              "text": "ElementViewTemplate",
+              "canonicalReference": "@microsoft/fast-element!ElementViewTemplate:interface"
+            },
+            {
+              "kind": "Content",
+              "text": "<"
+            },
+            {
+              "kind": "Reference",
+              "text": "ProgressBar",
+              "canonicalReference": "@fluentui/web-components!ProgressBar_2:class"
+            },
+            {
+              "kind": "Content",
+              "text": ">"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "ProgressBarTemplate",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 5
+          }
+        },
+        {
+          "kind": "TypeAlias",
+          "canonicalReference": "@fluentui/web-components!ProgressBarThickness:type",
+          "docComment": "/**\n * Applies bar thickness to the content\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare type ProgressBarThickness = "
+            },
+            {
+              "kind": "Reference",
+              "text": "ValuesOf",
+              "canonicalReference": "@microsoft/fast-foundation!ValuesOf:type"
+            },
+            {
+              "kind": "Content",
+              "text": "<typeof "
+            },
+            {
+              "kind": "Reference",
+              "text": "ProgressBarThickness",
+              "canonicalReference": "@fluentui/web-components!ProgressBarThickness:var"
+            },
+            {
+              "kind": "Content",
+              "text": ">"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "ProgressBarThickness",
+          "typeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 5
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!ProgressBarThickness:var",
+          "docComment": "/**\n * ProgressBarThickness Constants\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "ProgressBarThickness: "
+            },
+            {
+              "kind": "Content",
+              "text": "{\n    readonly medium: \"medium\";\n    readonly large: \"large\";\n}"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "ProgressBarThickness",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
+        {
+          "kind": "TypeAlias",
+          "canonicalReference": "@fluentui/web-components!ProgressBarValidationState:type",
+          "docComment": "/**\n * Applies validation state to the content\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare type ProgressBarValidationState = "
+            },
+            {
+              "kind": "Reference",
+              "text": "ValuesOf",
+              "canonicalReference": "@microsoft/fast-foundation!ValuesOf:type"
+            },
+            {
+              "kind": "Content",
+              "text": "<typeof "
+            },
+            {
+              "kind": "Reference",
+              "text": "ProgressBarValidationState",
+              "canonicalReference": "@fluentui/web-components!ProgressBarValidationState:var"
+            },
+            {
+              "kind": "Content",
+              "text": ">"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "ProgressBarValidationState",
+          "typeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 5
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!ProgressBarValidationState:var",
+          "docComment": "/**\n * ProgressBarValidationState Constants\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "ProgressBarValidationState: "
+            },
+            {
+              "kind": "Content",
+              "text": "{\n    readonly success: \"success\";\n    readonly warning: \"warning\";\n    readonly error: \"error\";\n}"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "ProgressBarValidationState",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!setTheme:var",
+          "docComment": "/**\n * Sets the theme tokens on defaultNode.\n *\n * @param theme - Flat object of theme token values.\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "setTheme: "
+            },
+            {
+              "kind": "Content",
+              "text": "(theme: "
             },
             {
               "kind": "Reference",
@@ -15048,12 +15309,1041 @@
             },
             {
               "kind": "Content",
-              "text": ") => void"
+              "text": ") => void"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "setTheme",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 4
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!shadow16:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "shadow16: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDesignToken",
+              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<string>"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "shadow16",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 4
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!shadow16Brand:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "shadow16Brand: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDesignToken",
+              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<string>"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "shadow16Brand",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 4
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!shadow2:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "shadow2: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDesignToken",
+              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<string>"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "shadow2",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 4
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!shadow28:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "shadow28: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDesignToken",
+              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<string>"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "shadow28",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 4
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!shadow28Brand:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "shadow28Brand: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDesignToken",
+              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<string>"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "shadow28Brand",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 4
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!shadow2Brand:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "shadow2Brand: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDesignToken",
+              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<string>"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "shadow2Brand",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 4
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!shadow4:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "shadow4: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDesignToken",
+              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<string>"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "shadow4",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 4
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!shadow4Brand:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "shadow4Brand: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDesignToken",
+              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<string>"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "shadow4Brand",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 4
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!shadow64:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "shadow64: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDesignToken",
+              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<string>"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "shadow64",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 4
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!shadow64Brand:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "shadow64Brand: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDesignToken",
+              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<string>"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "shadow64Brand",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 4
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!shadow8:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "shadow8: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDesignToken",
+              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<string>"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "shadow8",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 4
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!shadow8Brand:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "shadow8Brand: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDesignToken",
+              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<string>"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "shadow8Brand",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 4
+          }
+        },
+        {
+          "kind": "Class",
+          "canonicalReference": "@fluentui/web-components!Slider:class",
+          "docComment": "/**\n * The base class used for constructing a fluent-slider custom element\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare class Slider extends "
+            },
+            {
+              "kind": "Reference",
+              "text": "FASTSlider",
+              "canonicalReference": "@microsoft/fast-foundation!FASTSlider:class"
+            },
+            {
+              "kind": "Content",
+              "text": " "
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "Slider",
+          "preserveMemberOrder": false,
+          "members": [
+            {
+              "kind": "Method",
+              "canonicalReference": "@fluentui/web-components!Slider#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",
+              "isProtected": false,
+              "overloadIndex": 1,
+              "parameters": [],
+              "isOptional": false,
+              "name": "connectedCallback"
+            },
+            {
+              "kind": "Method",
+              "canonicalReference": "@fluentui/web-components!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",
+              "isProtected": false,
+              "overloadIndex": 1,
+              "parameters": [],
+              "isOptional": false,
+              "name": "disconnectedCallback"
+            },
+            {
+              "kind": "Method",
+              "canonicalReference": "@fluentui/web-components!Slider#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",
+              "isProtected": false,
+              "overloadIndex": 1,
+              "parameters": [
+                {
+                  "parameterName": "source",
+                  "parameterTypeTokenRange": {
+                    "startIndex": 1,
+                    "endIndex": 2
+                  },
+                  "isOptional": false
+                },
+                {
+                  "parameterName": "propertyName",
+                  "parameterTypeTokenRange": {
+                    "startIndex": 3,
+                    "endIndex": 4
+                  },
+                  "isOptional": false
+                }
+              ],
+              "isOptional": false,
+              "name": "handleChange"
+            },
+            {
+              "kind": "Property",
+              "canonicalReference": "@fluentui/web-components!Slider#size:member",
+              "docComment": "/**\n * The size of the slider\n *\n * @remarks\n *\n * HTML Attribute: size\n *\n * @public\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "size?: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "SliderSize",
+                  "canonicalReference": "@fluentui/web-components!SliderSize:type"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": true,
+              "releaseTag": "Public",
+              "name": "size",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false
+            }
+          ],
+          "extendsTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "implementsTokenRanges": []
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!SliderDefinition:var",
+          "docComment": "/**\n * The Fluent Slider Element.\n *\n * @remarks\n *\n * HTML Element: \\<fluent-slider\\>\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "definition: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-element\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "FASTElementDefinition",
+              "canonicalReference": "@microsoft/fast-element!FASTElementDefinition:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<typeof "
+            },
+            {
+              "kind": "Reference",
+              "text": "Slider",
+              "canonicalReference": "@fluentui/web-components!Slider:class"
+            },
+            {
+              "kind": "Content",
+              "text": ">"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "SliderDefinition",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 6
+          }
+        },
+        {
+          "kind": "TypeAlias",
+          "canonicalReference": "@fluentui/web-components!SliderSize:type",
+          "docComment": "/**\n * Applies bar height to the slider rail and diameter to the slider thumbs\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare type SliderSize = "
+            },
+            {
+              "kind": "Reference",
+              "text": "ValuesOf",
+              "canonicalReference": "@microsoft/fast-foundation!ValuesOf:type"
+            },
+            {
+              "kind": "Content",
+              "text": "<typeof "
+            },
+            {
+              "kind": "Reference",
+              "text": "SliderSize",
+              "canonicalReference": "@fluentui/web-components!SliderSize:var"
+            },
+            {
+              "kind": "Content",
+              "text": ">"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "SliderSize",
+          "typeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 5
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!SliderSize:var",
+          "docComment": "/**\n * SliderSize Constants\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "SliderSize: "
+            },
+            {
+              "kind": "Content",
+              "text": "{\n    readonly small: \"small\";\n    readonly medium: \"medium\";\n}"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "SliderSize",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!SliderStyles:var",
+          "docComment": "/**\n * Text styles\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "styles: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-element\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "ElementStyles",
+              "canonicalReference": "@microsoft/fast-element!ElementStyles:class"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "SliderStyles",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 3
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!SliderTemplate:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "template: "
+            },
+            {
+              "kind": "Reference",
+              "text": "ElementViewTemplate",
+              "canonicalReference": "@microsoft/fast-element!ElementViewTemplate:interface"
+            },
+            {
+              "kind": "Content",
+              "text": "<"
+            },
+            {
+              "kind": "Reference",
+              "text": "FASTSlider",
+              "canonicalReference": "@microsoft/fast-foundation!FASTSlider:class"
+            },
+            {
+              "kind": "Content",
+              "text": ">"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "SliderTemplate",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 5
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!spacingHorizontalL:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "spacingHorizontalL: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDesignToken",
+              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<string>"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "spacingHorizontalL",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 4
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!spacingHorizontalM:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "spacingHorizontalM: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDesignToken",
+              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<string>"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "spacingHorizontalM",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 4
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!spacingHorizontalMNudge:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "spacingHorizontalMNudge: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDesignToken",
+              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<string>"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "spacingHorizontalMNudge",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 4
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!spacingHorizontalNone:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "spacingHorizontalNone: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDesignToken",
+              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<string>"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "spacingHorizontalNone",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 4
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!spacingHorizontalS:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "spacingHorizontalS: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDesignToken",
+              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<string>"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "spacingHorizontalS",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 4
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!spacingHorizontalSNudge:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "spacingHorizontalSNudge: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDesignToken",
+              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<string>"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "spacingHorizontalSNudge",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 4
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!spacingHorizontalXL:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "spacingHorizontalXL: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDesignToken",
+              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<string>"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "spacingHorizontalXL",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 4
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!spacingHorizontalXS:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "spacingHorizontalXS: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDesignToken",
+              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<string>"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "spacingHorizontalXS",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 4
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!spacingHorizontalXXL:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "spacingHorizontalXXL: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDesignToken",
+              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<string>"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "spacingHorizontalXXL",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 4
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!spacingHorizontalXXS:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "spacingHorizontalXXS: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDesignToken",
+              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<string>"
             }
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "setTheme",
+          "name": "spacingHorizontalXXS",
           "variableTypeTokenRange": {
             "startIndex": 1,
             "endIndex": 4
@@ -15061,12 +16351,12 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!shadow16:var",
+          "canonicalReference": "@fluentui/web-components!spacingHorizontalXXXL:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "shadow16: "
+              "text": "spacingHorizontalXXXL: "
             },
             {
               "kind": "Content",
@@ -15084,7 +16374,7 @@
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "shadow16",
+          "name": "spacingHorizontalXXXL",
           "variableTypeTokenRange": {
             "startIndex": 1,
             "endIndex": 4
@@ -15092,12 +16382,12 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!shadow16Brand:var",
+          "canonicalReference": "@fluentui/web-components!spacingVerticalL:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "shadow16Brand: "
+              "text": "spacingVerticalL: "
             },
             {
               "kind": "Content",
@@ -15115,7 +16405,7 @@
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "shadow16Brand",
+          "name": "spacingVerticalL",
           "variableTypeTokenRange": {
             "startIndex": 1,
             "endIndex": 4
@@ -15123,12 +16413,12 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!shadow2:var",
+          "canonicalReference": "@fluentui/web-components!spacingVerticalM:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "shadow2: "
+              "text": "spacingVerticalM: "
             },
             {
               "kind": "Content",
@@ -15146,7 +16436,7 @@
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "shadow2",
+          "name": "spacingVerticalM",
           "variableTypeTokenRange": {
             "startIndex": 1,
             "endIndex": 4
@@ -15154,12 +16444,12 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!shadow28:var",
+          "canonicalReference": "@fluentui/web-components!spacingVerticalMNudge:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "shadow28: "
+              "text": "spacingVerticalMNudge: "
             },
             {
               "kind": "Content",
@@ -15177,7 +16467,7 @@
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "shadow28",
+          "name": "spacingVerticalMNudge",
           "variableTypeTokenRange": {
             "startIndex": 1,
             "endIndex": 4
@@ -15185,12 +16475,12 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!shadow28Brand:var",
+          "canonicalReference": "@fluentui/web-components!spacingVerticalNone:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "shadow28Brand: "
+              "text": "spacingVerticalNone: "
             },
             {
               "kind": "Content",
@@ -15208,7 +16498,7 @@
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "shadow28Brand",
+          "name": "spacingVerticalNone",
           "variableTypeTokenRange": {
             "startIndex": 1,
             "endIndex": 4
@@ -15216,12 +16506,12 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!shadow2Brand:var",
+          "canonicalReference": "@fluentui/web-components!spacingVerticalS:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "shadow2Brand: "
+              "text": "spacingVerticalS: "
             },
             {
               "kind": "Content",
@@ -15239,7 +16529,7 @@
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "shadow2Brand",
+          "name": "spacingVerticalS",
           "variableTypeTokenRange": {
             "startIndex": 1,
             "endIndex": 4
@@ -15247,12 +16537,12 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!shadow4:var",
+          "canonicalReference": "@fluentui/web-components!spacingVerticalSNudge:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "shadow4: "
+              "text": "spacingVerticalSNudge: "
             },
             {
               "kind": "Content",
@@ -15270,7 +16560,7 @@
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "shadow4",
+          "name": "spacingVerticalSNudge",
           "variableTypeTokenRange": {
             "startIndex": 1,
             "endIndex": 4
@@ -15278,12 +16568,12 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!shadow4Brand:var",
+          "canonicalReference": "@fluentui/web-components!spacingVerticalXL:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "shadow4Brand: "
+              "text": "spacingVerticalXL: "
             },
             {
               "kind": "Content",
@@ -15301,7 +16591,7 @@
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "shadow4Brand",
+          "name": "spacingVerticalXL",
           "variableTypeTokenRange": {
             "startIndex": 1,
             "endIndex": 4
@@ -15309,12 +16599,12 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!shadow64:var",
+          "canonicalReference": "@fluentui/web-components!spacingVerticalXS:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "shadow64: "
+              "text": "spacingVerticalXS: "
             },
             {
               "kind": "Content",
@@ -15332,7 +16622,7 @@
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "shadow64",
+          "name": "spacingVerticalXS",
           "variableTypeTokenRange": {
             "startIndex": 1,
             "endIndex": 4
@@ -15340,12 +16630,12 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!shadow64Brand:var",
+          "canonicalReference": "@fluentui/web-components!spacingVerticalXXL:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "shadow64Brand: "
+              "text": "spacingVerticalXXL: "
             },
             {
               "kind": "Content",
@@ -15363,7 +16653,7 @@
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "shadow64Brand",
+          "name": "spacingVerticalXXL",
           "variableTypeTokenRange": {
             "startIndex": 1,
             "endIndex": 4
@@ -15371,12 +16661,12 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!shadow8:var",
+          "canonicalReference": "@fluentui/web-components!spacingVerticalXXS:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "shadow8: "
+              "text": "spacingVerticalXXS: "
             },
             {
               "kind": "Content",
@@ -15394,7 +16684,7 @@
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "shadow8",
+          "name": "spacingVerticalXXS",
           "variableTypeTokenRange": {
             "startIndex": 1,
             "endIndex": 4
@@ -15402,12 +16692,12 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!shadow8Brand:var",
+          "canonicalReference": "@fluentui/web-components!spacingVerticalXXXL:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "shadow8Brand: "
+              "text": "spacingVerticalXXXL: "
             },
             {
               "kind": "Content",
@@ -15425,7 +16715,7 @@
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "shadow8Brand",
+          "name": "spacingVerticalXXXL",
           "variableTypeTokenRange": {
             "startIndex": 1,
             "endIndex": 4
@@ -15433,17 +16723,17 @@
         },
         {
           "kind": "Class",
-          "canonicalReference": "@fluentui/web-components!Slider:class",
-          "docComment": "/**\n * The base class used for constructing a fluent-slider custom element\n *\n * @public\n */\n",
+          "canonicalReference": "@fluentui/web-components!Spinner:class",
+          "docComment": "/**\n * The base class used for constructing a fluent-spinner custom element\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "export declare class Slider extends "
+              "text": "export declare class Spinner extends "
             },
             {
               "kind": "Reference",
-              "text": "FASTSlider",
-              "canonicalReference": "@microsoft/fast-foundation!FASTSlider:class"
+              "text": "FASTProgressRing",
+              "canonicalReference": "@microsoft/fast-foundation!FASTProgressRing:class"
             },
             {
               "kind": "Content",
@@ -15451,136 +16741,43 @@
             }
           ],
           "releaseTag": "Public",
-          "name": "Slider",
+          "name": "Spinner",
           "preserveMemberOrder": false,
           "members": [
             {
-              "kind": "Method",
-              "canonicalReference": "@fluentui/web-components!Slider#connectedCallback:member(1)",
-              "docComment": "",
+              "kind": "Property",
+              "canonicalReference": "@fluentui/web-components!Spinner#appearance:member",
+              "docComment": "/**\n * The appearance of the spinner\n *\n * @default 'primary'\n *\n * @remarks\n *\n * HTML Attribute: appearance\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "connectedCallback(): "
+                  "text": "appearance?: "
                 },
                 {
-                  "kind": "Content",
-                  "text": "void"
+                  "kind": "Reference",
+                  "text": "SpinnerAppearance",
+                  "canonicalReference": "@fluentui/web-components!SpinnerAppearance:type"
                 },
                 {
                   "kind": "Content",
                   "text": ";"
                 }
               ],
-              "isStatic": false,
-              "returnTypeTokenRange": {
-                "startIndex": 1,
-                "endIndex": 2
-              },
+              "isReadonly": false,
+              "isOptional": true,
               "releaseTag": "Public",
-              "isProtected": false,
-              "overloadIndex": 1,
-              "parameters": [],
-              "isOptional": false,
-              "name": "connectedCallback"
-            },
-            {
-              "kind": "Method",
-              "canonicalReference": "@fluentui/web-components!Slider#disconnectedCallback:member(1)",
-              "docComment": "",
-              "excerptTokens": [
-                {
-                  "kind": "Content",
-                  "text": "disconnectedCallback(): "
-                },
-                {
-                  "kind": "Content",
-                  "text": "void"
-                },
-                {
-                  "kind": "Content",
-                  "text": ";"
-                }
-              ],
-              "isStatic": false,
-              "returnTypeTokenRange": {
+              "name": "appearance",
+              "propertyTypeTokenRange": {
                 "startIndex": 1,
                 "endIndex": 2
               },
-              "releaseTag": "Public",
-              "isProtected": false,
-              "overloadIndex": 1,
-              "parameters": [],
-              "isOptional": false,
-              "name": "disconnectedCallback"
-            },
-            {
-              "kind": "Method",
-              "canonicalReference": "@fluentui/web-components!Slider#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",
-              "isProtected": false,
-              "overloadIndex": 1,
-              "parameters": [
-                {
-                  "parameterName": "source",
-                  "parameterTypeTokenRange": {
-                    "startIndex": 1,
-                    "endIndex": 2
-                  },
-                  "isOptional": false
-                },
-                {
-                  "parameterName": "propertyName",
-                  "parameterTypeTokenRange": {
-                    "startIndex": 3,
-                    "endIndex": 4
-                  },
-                  "isOptional": false
-                }
-              ],
-              "isOptional": false,
-              "name": "handleChange"
+              "isProtected": false
             },
             {
               "kind": "Property",
-              "canonicalReference": "@fluentui/web-components!Slider#size:member",
-              "docComment": "/**\n * The size of the slider\n *\n * @remarks\n *\n * HTML Attribute: size\n *\n * @public\n */\n",
+              "canonicalReference": "@fluentui/web-components!Spinner#size:member",
+              "docComment": "/**\n * The size of the spinner\n *\n * @default 'medium'\n *\n * @remarks\n *\n * HTML Attribute: size\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -15588,8 +16785,8 @@
                 },
                 {
                   "kind": "Reference",
-                  "text": "SliderSize",
-                  "canonicalReference": "@fluentui/web-components!SliderSize:type"
+                  "text": "SpinnerSize",
+                  "canonicalReference": "@fluentui/web-components!SpinnerSize:type"
                 },
                 {
                   "kind": "Content",
@@ -15608,60 +16805,20 @@
               "isProtected": false
             }
           ],
-          "extendsTokenRange": {
-            "startIndex": 1,
-            "endIndex": 2
-          },
-          "implementsTokenRanges": []
-        },
-        {
-          "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!SliderDefinition:var",
-          "docComment": "/**\n * The Fluent Slider Element.\n *\n * @remarks\n *\n * HTML Element: \\<fluent-slider\\>\n *\n * @public\n */\n",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "definition: "
-            },
-            {
-              "kind": "Content",
-              "text": "import(\"@microsoft/fast-element\")."
-            },
-            {
-              "kind": "Reference",
-              "text": "FASTElementDefinition",
-              "canonicalReference": "@microsoft/fast-element!FASTElementDefinition:class"
-            },
-            {
-              "kind": "Content",
-              "text": "<typeof "
-            },
-            {
-              "kind": "Reference",
-              "text": "Slider",
-              "canonicalReference": "@fluentui/web-components!Slider:class"
-            },
-            {
-              "kind": "Content",
-              "text": ">"
-            }
-          ],
-          "isReadonly": true,
-          "releaseTag": "Public",
-          "name": "SliderDefinition",
-          "variableTypeTokenRange": {
+          "extendsTokenRange": {
             "startIndex": 1,
-            "endIndex": 6
-          }
+            "endIndex": 2
+          },
+          "implementsTokenRanges": []
         },
         {
           "kind": "TypeAlias",
-          "canonicalReference": "@fluentui/web-components!SliderSize:type",
-          "docComment": "/**\n * Applies bar height to the slider rail and diameter to the slider thumbs\n *\n * @public\n */\n",
+          "canonicalReference": "@fluentui/web-components!SpinnerAppearance:type",
+          "docComment": "/**\n * A Spinner's appearance can be either primary or inverted\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "export declare type SliderSize = "
+              "text": "export declare type SpinnerAppearance = "
             },
             {
               "kind": "Reference",
@@ -15674,8 +16831,8 @@
             },
             {
               "kind": "Reference",
-              "text": "SliderSize",
-              "canonicalReference": "@fluentui/web-components!SliderSize:var"
+              "text": "SpinnerAppearance",
+              "canonicalReference": "@fluentui/web-components!SpinnerAppearance:var"
             },
             {
               "kind": "Content",
@@ -15687,7 +16844,7 @@
             }
           ],
           "releaseTag": "Public",
-          "name": "SliderSize",
+          "name": "SpinnerAppearance",
           "typeTokenRange": {
             "startIndex": 1,
             "endIndex": 5
@@ -15695,21 +16852,21 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!SliderSize:var",
-          "docComment": "/**\n * SliderSize Constants\n *\n * @public\n */\n",
+          "canonicalReference": "@fluentui/web-components!SpinnerAppearance:var",
+          "docComment": "/**\n * SpinnerAppearance constants\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "SliderSize: "
+              "text": "SpinnerAppearance: "
             },
             {
               "kind": "Content",
-              "text": "{\n    readonly small: \"small\";\n    readonly medium: \"medium\";\n}"
+              "text": "{\n    readonly primary: \"primary\";\n    readonly inverted: \"inverted\";\n}"
             }
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "SliderSize",
+          "name": "SpinnerAppearance",
           "variableTypeTokenRange": {
             "startIndex": 1,
             "endIndex": 2
@@ -15717,12 +16874,12 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!SliderStyles:var",
-          "docComment": "/**\n * Text styles\n *\n * @public\n */\n",
+          "canonicalReference": "@fluentui/web-components!SpinnerDefinition:var",
+          "docComment": "/**\n * The Fluent Spinner Element. Implements {@link @microsoft/fast-foundation#ProgressRing}, {@link @microsoft/fast-foundation#progress-ringTemplate}\n *\n * @remarks\n *\n * HTML Element: \\<fluent-spinner\\>\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "styles: "
+              "text": "definition: "
             },
             {
               "kind": "Content",
@@ -15730,40 +16887,17 @@
             },
             {
               "kind": "Reference",
-              "text": "ElementStyles",
-              "canonicalReference": "@microsoft/fast-element!ElementStyles:class"
-            }
-          ],
-          "isReadonly": true,
-          "releaseTag": "Public",
-          "name": "SliderStyles",
-          "variableTypeTokenRange": {
-            "startIndex": 1,
-            "endIndex": 3
-          }
-        },
-        {
-          "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!SliderTemplate:var",
-          "docComment": "",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "template: "
-            },
-            {
-              "kind": "Reference",
-              "text": "ElementViewTemplate",
-              "canonicalReference": "@microsoft/fast-element!ElementViewTemplate:interface"
+              "text": "FASTElementDefinition",
+              "canonicalReference": "@microsoft/fast-element!FASTElementDefinition:class"
             },
             {
               "kind": "Content",
-              "text": "<"
+              "text": "<typeof "
             },
             {
               "kind": "Reference",
-              "text": "FASTSlider",
-              "canonicalReference": "@microsoft/fast-foundation!FASTSlider:class"
+              "text": "Spinner",
+              "canonicalReference": "@fluentui/web-components!Spinner:class"
             },
             {
               "kind": "Content",
@@ -15772,144 +16906,144 @@
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "SliderTemplate",
+          "name": "SpinnerDefinition",
           "variableTypeTokenRange": {
             "startIndex": 1,
-            "endIndex": 5
+            "endIndex": 6
           }
         },
         {
-          "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!spacingHorizontalL:var",
-          "docComment": "",
+          "kind": "TypeAlias",
+          "canonicalReference": "@fluentui/web-components!SpinnerSize:type",
+          "docComment": "/**\n * A Spinner's size can be either small, tiny, extra-small, medium, large, extra-large, or huge\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "spacingHorizontalL: "
+              "text": "export declare type SpinnerSize = "
+            },
+            {
+              "kind": "Reference",
+              "text": "ValuesOf",
+              "canonicalReference": "@microsoft/fast-foundation!ValuesOf:type"
             },
             {
               "kind": "Content",
-              "text": "import(\"@microsoft/fast-foundation\")."
+              "text": "<typeof "
             },
             {
               "kind": "Reference",
-              "text": "CSSDesignToken",
-              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+              "text": "SpinnerSize",
+              "canonicalReference": "@fluentui/web-components!SpinnerSize:var"
             },
             {
               "kind": "Content",
-              "text": "<string>"
+              "text": ">"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
             }
           ],
-          "isReadonly": true,
           "releaseTag": "Public",
-          "name": "spacingHorizontalL",
-          "variableTypeTokenRange": {
+          "name": "SpinnerSize",
+          "typeTokenRange": {
             "startIndex": 1,
-            "endIndex": 4
+            "endIndex": 5
           }
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!spacingHorizontalM:var",
-          "docComment": "",
+          "canonicalReference": "@fluentui/web-components!SpinnerSize:var",
+          "docComment": "/**\n * SpinnerSize constants\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "spacingHorizontalM: "
-            },
-            {
-              "kind": "Content",
-              "text": "import(\"@microsoft/fast-foundation\")."
-            },
-            {
-              "kind": "Reference",
-              "text": "CSSDesignToken",
-              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+              "text": "SpinnerSize: "
             },
             {
               "kind": "Content",
-              "text": "<string>"
+              "text": "{\n    readonly tiny: \"tiny\";\n    readonly extraSmall: \"extra-small\";\n    readonly small: \"small\";\n    readonly medium: \"medium\";\n    readonly large: \"large\";\n    readonly extraLarge: \"extra-large\";\n    readonly huge: \"huge\";\n}"
             }
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "spacingHorizontalM",
+          "name": "SpinnerSize",
           "variableTypeTokenRange": {
             "startIndex": 1,
-            "endIndex": 4
+            "endIndex": 2
           }
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!spacingHorizontalMNudge:var",
+          "canonicalReference": "@fluentui/web-components!SpinnerStyles:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "spacingHorizontalMNudge: "
+              "text": "styles: "
             },
             {
               "kind": "Content",
-              "text": "import(\"@microsoft/fast-foundation\")."
+              "text": "import(\"@microsoft/fast-element\")."
             },
             {
               "kind": "Reference",
-              "text": "CSSDesignToken",
-              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
-            },
-            {
-              "kind": "Content",
-              "text": "<string>"
+              "text": "ElementStyles",
+              "canonicalReference": "@microsoft/fast-element!ElementStyles:class"
             }
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "spacingHorizontalMNudge",
+          "name": "SpinnerStyles",
           "variableTypeTokenRange": {
             "startIndex": 1,
-            "endIndex": 4
+            "endIndex": 3
           }
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!spacingHorizontalNone:var",
+          "canonicalReference": "@fluentui/web-components!SpinnerTemplate:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "spacingHorizontalNone: "
+              "text": "template: "
+            },
+            {
+              "kind": "Reference",
+              "text": "ElementViewTemplate",
+              "canonicalReference": "@microsoft/fast-element!ElementViewTemplate:interface"
             },
             {
               "kind": "Content",
-              "text": "import(\"@microsoft/fast-foundation\")."
+              "text": "<"
             },
             {
               "kind": "Reference",
-              "text": "CSSDesignToken",
-              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+              "text": "Spinner",
+              "canonicalReference": "@fluentui/web-components!Spinner:class"
             },
             {
               "kind": "Content",
-              "text": "<string>"
+              "text": ">"
             }
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "spacingHorizontalNone",
+          "name": "SpinnerTemplate",
           "variableTypeTokenRange": {
             "startIndex": 1,
-            "endIndex": 4
+            "endIndex": 5
           }
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!spacingHorizontalS:var",
+          "canonicalReference": "@fluentui/web-components!strokeWidthThick:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "spacingHorizontalS: "
+              "text": "strokeWidthThick: "
             },
             {
               "kind": "Content",
@@ -15927,7 +17061,7 @@
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "spacingHorizontalS",
+          "name": "strokeWidthThick",
           "variableTypeTokenRange": {
             "startIndex": 1,
             "endIndex": 4
@@ -15935,12 +17069,12 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!spacingHorizontalSNudge:var",
+          "canonicalReference": "@fluentui/web-components!strokeWidthThicker:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "spacingHorizontalSNudge: "
+              "text": "strokeWidthThicker: "
             },
             {
               "kind": "Content",
@@ -15958,7 +17092,7 @@
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "spacingHorizontalSNudge",
+          "name": "strokeWidthThicker",
           "variableTypeTokenRange": {
             "startIndex": 1,
             "endIndex": 4
@@ -15966,12 +17100,12 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!spacingHorizontalXL:var",
+          "canonicalReference": "@fluentui/web-components!strokeWidthThickest:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "spacingHorizontalXL: "
+              "text": "strokeWidthThickest: "
             },
             {
               "kind": "Content",
@@ -15989,7 +17123,7 @@
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "spacingHorizontalXL",
+          "name": "strokeWidthThickest",
           "variableTypeTokenRange": {
             "startIndex": 1,
             "endIndex": 4
@@ -15997,12 +17131,12 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!spacingHorizontalXS:var",
+          "canonicalReference": "@fluentui/web-components!strokeWidthThin:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "spacingHorizontalXS: "
+              "text": "strokeWidthThin: "
             },
             {
               "kind": "Content",
@@ -16020,7 +17154,7 @@
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "spacingHorizontalXS",
+          "name": "strokeWidthThin",
           "variableTypeTokenRange": {
             "startIndex": 1,
             "endIndex": 4
@@ -16028,451 +17162,468 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!spacingHorizontalXXL:var",
+          "canonicalReference": "@fluentui/web-components!styles:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "spacingHorizontalXXL: "
+              "text": "styles: "
             },
             {
               "kind": "Content",
-              "text": "import(\"@microsoft/fast-foundation\")."
+              "text": "import(\"@microsoft/fast-element\")."
             },
             {
               "kind": "Reference",
-              "text": "CSSDesignToken",
-              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
-            },
-            {
-              "kind": "Content",
-              "text": "<string>"
+              "text": "ElementStyles",
+              "canonicalReference": "@microsoft/fast-element!ElementStyles:class"
             }
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "spacingHorizontalXXL",
+          "name": "styles",
           "variableTypeTokenRange": {
             "startIndex": 1,
-            "endIndex": 4
+            "endIndex": 3
           }
         },
         {
-          "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!spacingHorizontalXXS:var",
+          "kind": "Class",
+          "canonicalReference": "@fluentui/web-components!Switch:class",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "spacingHorizontalXXS: "
-            },
-            {
-              "kind": "Content",
-              "text": "import(\"@microsoft/fast-foundation\")."
+              "text": "export declare class Switch extends "
             },
             {
               "kind": "Reference",
-              "text": "CSSDesignToken",
-              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+              "text": "FASTSwitch",
+              "canonicalReference": "@microsoft/fast-foundation!FASTSwitch:class"
             },
             {
               "kind": "Content",
-              "text": "<string>"
+              "text": " "
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "Switch",
+          "preserveMemberOrder": false,
+          "members": [
+            {
+              "kind": "Property",
+              "canonicalReference": "@fluentui/web-components!Switch#labelPosition:member",
+              "docComment": "/**\n * The label position of the switch\n *\n * @default 'after'\n *\n * @remarks\n *\n * HTML Attribute: labelposition\n *\n * @public\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "labelPosition: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "SwitchLabelPosition",
+                  "canonicalReference": "@fluentui/web-components!SwitchLabelPosition:type"
+                },
+                {
+                  "kind": "Content",
+                  "text": " | undefined"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "labelPosition",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 3
+              },
+              "isStatic": false,
+              "isProtected": false
             }
           ],
-          "isReadonly": true,
-          "releaseTag": "Public",
-          "name": "spacingHorizontalXXS",
-          "variableTypeTokenRange": {
+          "extendsTokenRange": {
             "startIndex": 1,
-            "endIndex": 4
-          }
+            "endIndex": 2
+          },
+          "implementsTokenRanges": []
         },
         {
-          "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!spacingHorizontalXXXL:var",
-          "docComment": "",
+          "kind": "TypeAlias",
+          "canonicalReference": "@fluentui/web-components!SwitchLabelPosition:type",
+          "docComment": "/**\n * Applies label position\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "spacingHorizontalXXXL: "
+              "text": "export declare type SwitchLabelPosition = "
+            },
+            {
+              "kind": "Reference",
+              "text": "ValuesOf",
+              "canonicalReference": "@microsoft/fast-foundation!ValuesOf:type"
             },
             {
               "kind": "Content",
-              "text": "import(\"@microsoft/fast-foundation\")."
+              "text": "<typeof "
             },
             {
               "kind": "Reference",
-              "text": "CSSDesignToken",
-              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+              "text": "SwitchLabelPosition",
+              "canonicalReference": "@fluentui/web-components!SwitchLabelPosition:var"
             },
             {
               "kind": "Content",
-              "text": "<string>"
+              "text": ">"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
             }
           ],
-          "isReadonly": true,
           "releaseTag": "Public",
-          "name": "spacingHorizontalXXXL",
-          "variableTypeTokenRange": {
+          "name": "SwitchLabelPosition",
+          "typeTokenRange": {
             "startIndex": 1,
-            "endIndex": 4
+            "endIndex": 5
           }
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!spacingVerticalL:var",
-          "docComment": "",
+          "canonicalReference": "@fluentui/web-components!SwitchLabelPosition:var",
+          "docComment": "/**\n * SwitchLabelPosition Constants\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "spacingVerticalL: "
-            },
-            {
-              "kind": "Content",
-              "text": "import(\"@microsoft/fast-foundation\")."
-            },
-            {
-              "kind": "Reference",
-              "text": "CSSDesignToken",
-              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+              "text": "SwitchLabelPosition: "
             },
             {
               "kind": "Content",
-              "text": "<string>"
+              "text": "{\n    readonly above: \"above\";\n    readonly after: \"after\";\n    readonly before: \"before\";\n}"
             }
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "spacingVerticalL",
+          "name": "SwitchLabelPosition",
           "variableTypeTokenRange": {
             "startIndex": 1,
-            "endIndex": 4
+            "endIndex": 2
           }
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!spacingVerticalM:var",
+          "canonicalReference": "@fluentui/web-components!switchStyles:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "spacingVerticalM: "
+              "text": "styles: "
             },
             {
               "kind": "Content",
-              "text": "import(\"@microsoft/fast-foundation\")."
+              "text": "import(\"@microsoft/fast-element\")."
             },
             {
               "kind": "Reference",
-              "text": "CSSDesignToken",
-              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
-            },
-            {
-              "kind": "Content",
-              "text": "<string>"
+              "text": "ElementStyles",
+              "canonicalReference": "@microsoft/fast-element!ElementStyles:class"
             }
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "spacingVerticalM",
+          "name": "switchStyles",
           "variableTypeTokenRange": {
             "startIndex": 1,
-            "endIndex": 4
+            "endIndex": 3
           }
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!spacingVerticalMNudge:var",
+          "canonicalReference": "@fluentui/web-components!switchTemplate:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "spacingVerticalMNudge: "
+              "text": "template: "
+            },
+            {
+              "kind": "Reference",
+              "text": "ElementViewTemplate",
+              "canonicalReference": "@microsoft/fast-element!ElementViewTemplate:interface"
             },
             {
               "kind": "Content",
-              "text": "import(\"@microsoft/fast-foundation\")."
+              "text": "<"
             },
             {
               "kind": "Reference",
-              "text": "CSSDesignToken",
-              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+              "text": "Switch",
+              "canonicalReference": "@fluentui/web-components!Switch:class"
             },
             {
               "kind": "Content",
-              "text": "<string>"
+              "text": ">"
             }
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "spacingVerticalMNudge",
+          "name": "switchTemplate",
           "variableTypeTokenRange": {
             "startIndex": 1,
-            "endIndex": 4
+            "endIndex": 5
           }
         },
         {
-          "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!spacingVerticalNone:var",
-          "docComment": "",
+          "kind": "Class",
+          "canonicalReference": "@fluentui/web-components!Tab:class",
+          "docComment": "/**\n * Tab extends the FASTTab and is a child of the TabList\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "spacingVerticalNone: "
-            },
-            {
-              "kind": "Content",
-              "text": "import(\"@microsoft/fast-foundation\")."
+              "text": "export declare class Tab extends "
             },
             {
               "kind": "Reference",
-              "text": "CSSDesignToken",
-              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+              "text": "FASTTab",
+              "canonicalReference": "@microsoft/fast-foundation!FASTTab:class"
             },
             {
               "kind": "Content",
-              "text": "<string>"
+              "text": " "
             }
           ],
-          "isReadonly": true,
           "releaseTag": "Public",
-          "name": "spacingVerticalNone",
-          "variableTypeTokenRange": {
+          "name": "Tab",
+          "preserveMemberOrder": false,
+          "members": [
+            {
+              "kind": "Method",
+              "canonicalReference": "@fluentui/web-components!Tab#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",
+              "isProtected": false,
+              "overloadIndex": 1,
+              "parameters": [],
+              "isOptional": false,
+              "name": "connectedCallback"
+            }
+          ],
+          "extendsTokenRange": {
             "startIndex": 1,
-            "endIndex": 4
-          }
+            "endIndex": 2
+          },
+          "implementsTokenRanges": []
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!spacingVerticalS:var",
+          "canonicalReference": "@fluentui/web-components!TabDefinition:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "spacingVerticalS: "
+              "text": "definition: "
             },
             {
               "kind": "Content",
-              "text": "import(\"@microsoft/fast-foundation\")."
+              "text": "import(\"@microsoft/fast-element\")."
             },
             {
               "kind": "Reference",
-              "text": "CSSDesignToken",
-              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
-            },
-            {
-              "kind": "Content",
-              "text": "<string>"
-            }
-          ],
-          "isReadonly": true,
-          "releaseTag": "Public",
-          "name": "spacingVerticalS",
-          "variableTypeTokenRange": {
-            "startIndex": 1,
-            "endIndex": 4
-          }
-        },
-        {
-          "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!spacingVerticalSNudge:var",
-          "docComment": "",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "spacingVerticalSNudge: "
+              "text": "FASTElementDefinition",
+              "canonicalReference": "@microsoft/fast-element!FASTElementDefinition:class"
             },
             {
               "kind": "Content",
-              "text": "import(\"@microsoft/fast-foundation\")."
+              "text": "<typeof "
             },
             {
               "kind": "Reference",
-              "text": "CSSDesignToken",
-              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+              "text": "Tab",
+              "canonicalReference": "@fluentui/web-components!Tab:class"
             },
             {
               "kind": "Content",
-              "text": "<string>"
+              "text": ">"
             }
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "spacingVerticalSNudge",
+          "name": "TabDefinition",
           "variableTypeTokenRange": {
             "startIndex": 1,
-            "endIndex": 4
+            "endIndex": 6
           }
         },
         {
-          "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!spacingVerticalXL:var",
+          "kind": "Class",
+          "canonicalReference": "@fluentui/web-components!TabPanel:class",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "spacingVerticalXL: "
-            },
-            {
-              "kind": "Content",
-              "text": "import(\"@microsoft/fast-foundation\")."
+              "text": "export declare class TabPanel extends "
             },
             {
               "kind": "Reference",
-              "text": "CSSDesignToken",
-              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+              "text": "FASTTabPanel",
+              "canonicalReference": "@microsoft/fast-foundation!FASTTabPanel:class"
             },
             {
               "kind": "Content",
-              "text": "<string>"
+              "text": " "
             }
           ],
-          "isReadonly": true,
           "releaseTag": "Public",
-          "name": "spacingVerticalXL",
-          "variableTypeTokenRange": {
+          "name": "TabPanel",
+          "preserveMemberOrder": false,
+          "members": [],
+          "extendsTokenRange": {
             "startIndex": 1,
-            "endIndex": 4
-          }
+            "endIndex": 2
+          },
+          "implementsTokenRanges": []
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!spacingVerticalXS:var",
+          "canonicalReference": "@fluentui/web-components!TabPanelDefinition:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "spacingVerticalXS: "
+              "text": "definition: "
             },
             {
               "kind": "Content",
-              "text": "import(\"@microsoft/fast-foundation\")."
+              "text": "import(\"@microsoft/fast-element\")."
             },
             {
               "kind": "Reference",
-              "text": "CSSDesignToken",
-              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
-            },
-            {
-              "kind": "Content",
-              "text": "<string>"
-            }
-          ],
-          "isReadonly": true,
-          "releaseTag": "Public",
-          "name": "spacingVerticalXS",
-          "variableTypeTokenRange": {
-            "startIndex": 1,
-            "endIndex": 4
-          }
-        },
-        {
-          "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!spacingVerticalXXL:var",
-          "docComment": "",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "spacingVerticalXXL: "
+              "text": "FASTElementDefinition",
+              "canonicalReference": "@microsoft/fast-element!FASTElementDefinition:class"
             },
             {
               "kind": "Content",
-              "text": "import(\"@microsoft/fast-foundation\")."
+              "text": "<typeof "
             },
             {
               "kind": "Reference",
-              "text": "CSSDesignToken",
-              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+              "text": "TabPanel",
+              "canonicalReference": "@fluentui/web-components!TabPanel:class"
             },
             {
               "kind": "Content",
-              "text": "<string>"
+              "text": ">"
             }
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "spacingVerticalXXL",
+          "name": "TabPanelDefinition",
           "variableTypeTokenRange": {
             "startIndex": 1,
-            "endIndex": 4
+            "endIndex": 6
           }
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!spacingVerticalXXS:var",
+          "canonicalReference": "@fluentui/web-components!TabPanelStyles:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "spacingVerticalXXS: "
+              "text": "styles: "
             },
             {
               "kind": "Content",
-              "text": "import(\"@microsoft/fast-foundation\")."
+              "text": "import(\"@microsoft/fast-element\")."
             },
             {
               "kind": "Reference",
-              "text": "CSSDesignToken",
-              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
-            },
-            {
-              "kind": "Content",
-              "text": "<string>"
+              "text": "ElementStyles",
+              "canonicalReference": "@microsoft/fast-element!ElementStyles:class"
             }
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "spacingVerticalXXS",
+          "name": "TabPanelStyles",
           "variableTypeTokenRange": {
             "startIndex": 1,
-            "endIndex": 4
+            "endIndex": 3
           }
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!spacingVerticalXXXL:var",
+          "canonicalReference": "@fluentui/web-components!TabPanelTemplate:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "spacingVerticalXXXL: "
+              "text": "template: "
             },
             {
               "kind": "Content",
-              "text": "import(\"@microsoft/fast-foundation\")."
+              "text": "import(\"@microsoft/fast-element\")."
             },
             {
               "kind": "Reference",
-              "text": "CSSDesignToken",
-              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+              "text": "ElementViewTemplate",
+              "canonicalReference": "@microsoft/fast-element!ElementViewTemplate:interface"
             },
             {
               "kind": "Content",
-              "text": "<string>"
+              "text": "<import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "FASTTabPanel",
+              "canonicalReference": "@microsoft/fast-foundation!FASTTabPanel:class"
+            },
+            {
+              "kind": "Content",
+              "text": ", any>"
             }
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "spacingVerticalXXXL",
+          "name": "TabPanelTemplate",
           "variableTypeTokenRange": {
             "startIndex": 1,
-            "endIndex": 4
+            "endIndex": 6
           }
         },
         {
           "kind": "Class",
-          "canonicalReference": "@fluentui/web-components!Spinner:class",
-          "docComment": "/**\n * The base class used for constructing a fluent-spinner custom element\n *\n * @public\n */\n",
+          "canonicalReference": "@fluentui/web-components!Tabs:class",
+          "docComment": "/**\n * TabList extends FASTTabs and is used for constructing a fluent-tab-list custom html element.\n *\n * @class TabList component\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "export declare class Spinner extends "
+              "text": "export declare class Tabs extends "
             },
             {
               "kind": "Reference",
-              "text": "FASTProgressRing",
-              "canonicalReference": "@microsoft/fast-foundation!FASTProgressRing:class"
+              "text": "FASTTabs",
+              "canonicalReference": "@microsoft/fast-foundation!FASTTabs:class"
             },
             {
               "kind": "Content",
@@ -16480,13 +17631,76 @@
             }
           ],
           "releaseTag": "Public",
-          "name": "Spinner",
+          "name": "Tabs",
           "preserveMemberOrder": false,
           "members": [
+            {
+              "kind": "Method",
+              "canonicalReference": "@fluentui/web-components!Tabs#activeidChanged:member(1)",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "activeidChanged(oldValue: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "string"
+                },
+                {
+                  "kind": "Content",
+                  "text": ", newValue: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "string"
+                },
+                {
+                  "kind": "Content",
+                  "text": "): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 5,
+                "endIndex": 6
+              },
+              "releaseTag": "Public",
+              "isProtected": false,
+              "overloadIndex": 1,
+              "parameters": [
+                {
+                  "parameterName": "oldValue",
+                  "parameterTypeTokenRange": {
+                    "startIndex": 1,
+                    "endIndex": 2
+                  },
+                  "isOptional": false
+                },
+                {
+                  "parameterName": "newValue",
+                  "parameterTypeTokenRange": {
+                    "startIndex": 3,
+                    "endIndex": 4
+                  },
+                  "isOptional": false
+                }
+              ],
+              "isOptional": false,
+              "name": "activeidChanged"
+            },
             {
               "kind": "Property",
-              "canonicalReference": "@fluentui/web-components!Spinner#appearance:member",
-              "docComment": "/**\n * The appearance of the spinner\n *\n * @default 'primary'\n *\n * @remarks\n *\n * HTML Attribute: appearance\n *\n * @public\n */\n",
+              "canonicalReference": "@fluentui/web-components!Tabs#appearance:member",
+              "docComment": "/**\n * appearance There are two modes of appearance: transparent and subtle.\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -16494,8 +17708,8 @@
                 },
                 {
                   "kind": "Reference",
-                  "text": "SpinnerAppearance",
-                  "canonicalReference": "@fluentui/web-components!SpinnerAppearance:type"
+                  "text": "TabsAppearance",
+                  "canonicalReference": "@fluentui/web-components!TabsAppearance:type"
                 },
                 {
                   "kind": "Content",
@@ -16515,8 +17729,37 @@
             },
             {
               "kind": "Property",
-              "canonicalReference": "@fluentui/web-components!Spinner#size:member",
-              "docComment": "/**\n * The size of the spinner\n *\n * @default 'medium'\n *\n * @remarks\n *\n * HTML Attribute: size\n *\n * @public\n */\n",
+              "canonicalReference": "@fluentui/web-components!Tabs#disabled:member",
+              "docComment": "/**\n * disabled Used for disabling all click and keyboard events for the tabs, child tab elements and tab panel elements. UI styling of content and tabs will appear as \"grayed out.\"\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "disabled?: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "boolean"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": true,
+              "releaseTag": "Public",
+              "name": "disabled",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false
+            },
+            {
+              "kind": "Property",
+              "canonicalReference": "@fluentui/web-components!Tabs#size:member",
+              "docComment": "/**\n * size defaults to medium. Used to set the size of all the tab controls, which effects text size and margins. Three sizes: small, medium and large.\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -16524,8 +17767,8 @@
                 },
                 {
                   "kind": "Reference",
-                  "text": "SpinnerSize",
-                  "canonicalReference": "@fluentui/web-components!SpinnerSize:type"
+                  "text": "TabsSize",
+                  "canonicalReference": "@fluentui/web-components!TabsSize:type"
                 },
                 {
                   "kind": "Content",
@@ -16542,123 +17785,52 @@
               },
               "isStatic": false,
               "isProtected": false
-            }
-          ],
-          "extendsTokenRange": {
-            "startIndex": 1,
-            "endIndex": 2
-          },
-          "implementsTokenRanges": []
-        },
-        {
-          "kind": "TypeAlias",
-          "canonicalReference": "@fluentui/web-components!SpinnerAppearance:type",
-          "docComment": "/**\n * A Spinner's appearance can be either primary or inverted\n *\n * @public\n */\n",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "export declare type SpinnerAppearance = "
-            },
-            {
-              "kind": "Reference",
-              "text": "ValuesOf",
-              "canonicalReference": "@microsoft/fast-foundation!ValuesOf:type"
-            },
-            {
-              "kind": "Content",
-              "text": "<typeof "
-            },
-            {
-              "kind": "Reference",
-              "text": "SpinnerAppearance",
-              "canonicalReference": "@fluentui/web-components!SpinnerAppearance:var"
-            },
-            {
-              "kind": "Content",
-              "text": ">"
-            },
-            {
-              "kind": "Content",
-              "text": ";"
-            }
-          ],
-          "releaseTag": "Public",
-          "name": "SpinnerAppearance",
-          "typeTokenRange": {
-            "startIndex": 1,
-            "endIndex": 5
-          }
-        },
-        {
-          "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!SpinnerAppearance:var",
-          "docComment": "/**\n * SpinnerAppearance constants\n *\n * @public\n */\n",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "SpinnerAppearance: "
-            },
-            {
-              "kind": "Content",
-              "text": "{\n    readonly primary: \"primary\";\n    readonly inverted: \"inverted\";\n}"
-            }
-          ],
-          "isReadonly": true,
-          "releaseTag": "Public",
-          "name": "SpinnerAppearance",
-          "variableTypeTokenRange": {
-            "startIndex": 1,
-            "endIndex": 2
-          }
-        },
-        {
-          "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!SpinnerDefinition:var",
-          "docComment": "/**\n * The Fluent Spinner Element. Implements {@link @microsoft/fast-foundation#ProgressRing}, {@link @microsoft/fast-foundation#progress-ringTemplate}\n *\n * @remarks\n *\n * HTML Element: \\<fluent-spinner\\>\n *\n * @public\n */\n",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "definition: "
-            },
-            {
-              "kind": "Content",
-              "text": "import(\"@microsoft/fast-element\")."
-            },
-            {
-              "kind": "Reference",
-              "text": "FASTElementDefinition",
-              "canonicalReference": "@microsoft/fast-element!FASTElementDefinition:class"
-            },
-            {
-              "kind": "Content",
-              "text": "<typeof "
-            },
-            {
-              "kind": "Reference",
-              "text": "Spinner",
-              "canonicalReference": "@fluentui/web-components!Spinner:class"
             },
             {
-              "kind": "Content",
-              "text": ">"
+              "kind": "Method",
+              "canonicalReference": "@fluentui/web-components!Tabs#tabsChanged:member(1)",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "tabsChanged(): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "releaseTag": "Public",
+              "isProtected": false,
+              "overloadIndex": 1,
+              "parameters": [],
+              "isOptional": false,
+              "name": "tabsChanged"
             }
           ],
-          "isReadonly": true,
-          "releaseTag": "Public",
-          "name": "SpinnerDefinition",
-          "variableTypeTokenRange": {
+          "extendsTokenRange": {
             "startIndex": 1,
-            "endIndex": 6
-          }
+            "endIndex": 2
+          },
+          "implementsTokenRanges": []
         },
         {
           "kind": "TypeAlias",
-          "canonicalReference": "@fluentui/web-components!SpinnerSize:type",
-          "docComment": "/**\n * A Spinner's size can be either small, tiny, extra-small, medium, large, extra-large, or huge\n *\n * @public\n */\n",
+          "canonicalReference": "@fluentui/web-components!TabsAppearance:type",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "export declare type SpinnerSize = "
+              "text": "export declare type TabsAppearance = "
             },
             {
               "kind": "Reference",
@@ -16671,8 +17843,8 @@
             },
             {
               "kind": "Reference",
-              "text": "SpinnerSize",
-              "canonicalReference": "@fluentui/web-components!SpinnerSize:var"
+              "text": "TabsAppearance",
+              "canonicalReference": "@fluentui/web-components!TabsAppearance:var"
             },
             {
               "kind": "Content",
@@ -16684,7 +17856,7 @@
             }
           ],
           "releaseTag": "Public",
-          "name": "SpinnerSize",
+          "name": "TabsAppearance",
           "typeTokenRange": {
             "startIndex": 1,
             "endIndex": 5
@@ -16692,21 +17864,21 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!SpinnerSize:var",
-          "docComment": "/**\n * SpinnerSize constants\n *\n * @public\n */\n",
+          "canonicalReference": "@fluentui/web-components!TabsAppearance:var",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "SpinnerSize: "
+              "text": "TabsAppearance: "
             },
             {
               "kind": "Content",
-              "text": "{\n    readonly tiny: \"tiny\";\n    readonly extraSmall: \"extra-small\";\n    readonly small: \"small\";\n    readonly medium: \"medium\";\n    readonly large: \"large\";\n    readonly extraLarge: \"extra-large\";\n    readonly huge: \"huge\";\n}"
+              "text": "{\n    readonly subtle: \"subtle\";\n    readonly transparent: \"transparent\";\n}"
             }
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "SpinnerSize",
+          "name": "TabsAppearance",
           "variableTypeTokenRange": {
             "startIndex": 1,
             "endIndex": 2
@@ -16714,12 +17886,12 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!SpinnerStyles:var",
+          "canonicalReference": "@fluentui/web-components!TabsDefinition:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "styles: "
+              "text": "definition: "
             },
             {
               "kind": "Content",
@@ -16727,40 +17899,17 @@
             },
             {
               "kind": "Reference",
-              "text": "ElementStyles",
-              "canonicalReference": "@microsoft/fast-element!ElementStyles:class"
-            }
-          ],
-          "isReadonly": true,
-          "releaseTag": "Public",
-          "name": "SpinnerStyles",
-          "variableTypeTokenRange": {
-            "startIndex": 1,
-            "endIndex": 3
-          }
-        },
-        {
-          "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!SpinnerTemplate:var",
-          "docComment": "",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "template: "
-            },
-            {
-              "kind": "Reference",
-              "text": "ElementViewTemplate",
-              "canonicalReference": "@microsoft/fast-element!ElementViewTemplate:interface"
+              "text": "FASTElementDefinition",
+              "canonicalReference": "@microsoft/fast-element!FASTElementDefinition:class"
             },
             {
               "kind": "Content",
-              "text": "<"
+              "text": "<typeof "
             },
             {
               "kind": "Reference",
-              "text": "Spinner",
-              "canonicalReference": "@fluentui/web-components!Spinner:class"
+              "text": "Tabs",
+              "canonicalReference": "@fluentui/web-components!Tabs:class"
             },
             {
               "kind": "Content",
@@ -16769,264 +17918,143 @@
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "SpinnerTemplate",
+          "name": "TabsDefinition",
           "variableTypeTokenRange": {
             "startIndex": 1,
-            "endIndex": 5
+            "endIndex": 6
           }
         },
         {
-          "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!strokeWidthThick:var",
+          "kind": "TypeAlias",
+          "canonicalReference": "@fluentui/web-components!TabsSize:type",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "strokeWidthThick: "
-            },
-            {
-              "kind": "Content",
-              "text": "import(\"@microsoft/fast-foundation\")."
+              "text": "export declare type TabsSize = "
             },
             {
               "kind": "Reference",
-              "text": "CSSDesignToken",
-              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+              "text": "ValuesOf",
+              "canonicalReference": "@microsoft/fast-foundation!ValuesOf:type"
             },
             {
               "kind": "Content",
-              "text": "<string>"
-            }
-          ],
-          "isReadonly": true,
-          "releaseTag": "Public",
-          "name": "strokeWidthThick",
-          "variableTypeTokenRange": {
-            "startIndex": 1,
-            "endIndex": 4
-          }
-        },
-        {
-          "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!strokeWidthThicker:var",
-          "docComment": "",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "strokeWidthThicker: "
+              "text": "<typeof "
             },
             {
-              "kind": "Content",
-              "text": "import(\"@microsoft/fast-foundation\")."
+              "kind": "Reference",
+              "text": "TabsSize",
+              "canonicalReference": "@fluentui/web-components!TabsSize:var"
             },
             {
-              "kind": "Reference",
-              "text": "CSSDesignToken",
-              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+              "kind": "Content",
+              "text": ">"
             },
             {
               "kind": "Content",
-              "text": "<string>"
+              "text": ";"
             }
           ],
-          "isReadonly": true,
           "releaseTag": "Public",
-          "name": "strokeWidthThicker",
-          "variableTypeTokenRange": {
+          "name": "TabsSize",
+          "typeTokenRange": {
             "startIndex": 1,
-            "endIndex": 4
+            "endIndex": 5
           }
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!strokeWidthThickest:var",
+          "canonicalReference": "@fluentui/web-components!TabsSize:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "strokeWidthThickest: "
-            },
-            {
-              "kind": "Content",
-              "text": "import(\"@microsoft/fast-foundation\")."
-            },
-            {
-              "kind": "Reference",
-              "text": "CSSDesignToken",
-              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
+              "text": "TabsSize: "
             },
             {
               "kind": "Content",
-              "text": "<string>"
+              "text": "{\n    readonly small: \"small\";\n    readonly medium: \"medium\";\n    readonly large: \"large\";\n}"
             }
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "strokeWidthThickest",
+          "name": "TabsSize",
           "variableTypeTokenRange": {
             "startIndex": 1,
-            "endIndex": 4
+            "endIndex": 2
           }
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!strokeWidthThin:var",
+          "canonicalReference": "@fluentui/web-components!TabsStyles:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "strokeWidthThin: "
+              "text": "styles: "
             },
             {
               "kind": "Content",
-              "text": "import(\"@microsoft/fast-foundation\")."
+              "text": "import(\"@microsoft/fast-element\")."
             },
             {
               "kind": "Reference",
-              "text": "CSSDesignToken",
-              "canonicalReference": "@microsoft/fast-foundation!CSSDesignToken:class"
-            },
-            {
-              "kind": "Content",
-              "text": "<string>"
+              "text": "ElementStyles",
+              "canonicalReference": "@microsoft/fast-element!ElementStyles:class"
             }
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "strokeWidthThin",
+          "name": "TabsStyles",
           "variableTypeTokenRange": {
             "startIndex": 1,
-            "endIndex": 4
+            "endIndex": 3
           }
         },
         {
-          "kind": "Class",
-          "canonicalReference": "@fluentui/web-components!Switch:class",
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!TabsTemplate:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "export declare class Switch extends "
-            },
-            {
-              "kind": "Reference",
-              "text": "FASTSwitch",
-              "canonicalReference": "@microsoft/fast-foundation!FASTSwitch:class"
+              "text": "template: "
             },
             {
               "kind": "Content",
-              "text": " "
-            }
-          ],
-          "releaseTag": "Public",
-          "name": "Switch",
-          "preserveMemberOrder": false,
-          "members": [
-            {
-              "kind": "Property",
-              "canonicalReference": "@fluentui/web-components!Switch#labelPosition:member",
-              "docComment": "/**\n * The label position of the switch\n *\n * @default 'after'\n *\n * @remarks\n *\n * HTML Attribute: labelposition\n *\n * @public\n */\n",
-              "excerptTokens": [
-                {
-                  "kind": "Content",
-                  "text": "labelPosition: "
-                },
-                {
-                  "kind": "Reference",
-                  "text": "SwitchLabelPosition",
-                  "canonicalReference": "@fluentui/web-components!SwitchLabelPosition:type"
-                },
-                {
-                  "kind": "Content",
-                  "text": " | undefined"
-                },
-                {
-                  "kind": "Content",
-                  "text": ";"
-                }
-              ],
-              "isReadonly": false,
-              "isOptional": false,
-              "releaseTag": "Public",
-              "name": "labelPosition",
-              "propertyTypeTokenRange": {
-                "startIndex": 1,
-                "endIndex": 3
-              },
-              "isStatic": false,
-              "isProtected": false
-            }
-          ],
-          "extendsTokenRange": {
-            "startIndex": 1,
-            "endIndex": 2
-          },
-          "implementsTokenRanges": []
-        },
-        {
-          "kind": "TypeAlias",
-          "canonicalReference": "@fluentui/web-components!SwitchLabelPosition:type",
-          "docComment": "/**\n * Applies label position\n *\n * @public\n */\n",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "export declare type SwitchLabelPosition = "
+              "text": "import(\"@microsoft/fast-element\")."
             },
             {
               "kind": "Reference",
-              "text": "ValuesOf",
-              "canonicalReference": "@microsoft/fast-foundation!ValuesOf:type"
+              "text": "ElementViewTemplate",
+              "canonicalReference": "@microsoft/fast-element!ElementViewTemplate:interface"
             },
             {
               "kind": "Content",
-              "text": "<typeof "
+              "text": "<import(\"@microsoft/fast-foundation\")."
             },
             {
               "kind": "Reference",
-              "text": "SwitchLabelPosition",
-              "canonicalReference": "@fluentui/web-components!SwitchLabelPosition:var"
-            },
-            {
-              "kind": "Content",
-              "text": ">"
+              "text": "FASTTabs",
+              "canonicalReference": "@microsoft/fast-foundation!FASTTabs:class"
             },
             {
               "kind": "Content",
-              "text": ";"
-            }
-          ],
-          "releaseTag": "Public",
-          "name": "SwitchLabelPosition",
-          "typeTokenRange": {
-            "startIndex": 1,
-            "endIndex": 5
-          }
-        },
-        {
-          "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!SwitchLabelPosition:var",
-          "docComment": "/**\n * SwitchLabelPosition Constants\n *\n * @public\n */\n",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "SwitchLabelPosition: "
-            },
-            {
-              "kind": "Content",
-              "text": "{\n    readonly above: \"above\";\n    readonly after: \"after\";\n    readonly before: \"before\";\n}"
+              "text": ", any>"
             }
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "SwitchLabelPosition",
+          "name": "TabsTemplate",
           "variableTypeTokenRange": {
             "startIndex": 1,
-            "endIndex": 2
+            "endIndex": 6
           }
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!switchStyles:var",
+          "canonicalReference": "@fluentui/web-components!TabStyles:var",
           "docComment": "",
           "excerptTokens": [
             {
@@ -17045,7 +18073,7 @@
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "switchStyles",
+          "name": "TabStyles",
           "variableTypeTokenRange": {
             "startIndex": 1,
             "endIndex": 3
@@ -17053,7 +18081,7 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!switchTemplate:var",
+          "canonicalReference": "@fluentui/web-components!TabTemplate:var",
           "docComment": "",
           "excerptTokens": [
             {
@@ -17071,17 +18099,17 @@
             },
             {
               "kind": "Reference",
-              "text": "Switch",
-              "canonicalReference": "@fluentui/web-components!Switch:class"
+              "text": "FASTTab",
+              "canonicalReference": "@microsoft/fast-foundation!FASTTab:class"
             },
             {
               "kind": "Content",
-              "text": ">"
+              "text": ", any>"
             }
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "switchTemplate",
+          "name": "TabTemplate",
           "variableTypeTokenRange": {
             "startIndex": 1,
             "endIndex": 5