@fluentui/web-components 3.0.0-beta.14 → 3.0.0-beta.16

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

@@ -241,7 +241,7 @@
                 {
                   "kind": "Reference",
                   "text": "AccordionExpandMode",
-                  "canonicalReference": "@fluentui/web-components!~AccordionExpandMode:type"
+                  "canonicalReference": "@fluentui/web-components!AccordionExpandMode:type"
                 },
                 {
                   "kind": "Content",
@@ -271,7 +271,7 @@
                 {
                   "kind": "Reference",
                   "text": "AccordionExpandMode",
-                  "canonicalReference": "@fluentui/web-components!~AccordionExpandMode:type"
+                  "canonicalReference": "@fluentui/web-components!AccordionExpandMode:type"
                 },
                 {
                   "kind": "Content",
@@ -280,7 +280,7 @@
                 {
                   "kind": "Reference",
                   "text": "AccordionExpandMode",
-                  "canonicalReference": "@fluentui/web-components!~AccordionExpandMode:type"
+                  "canonicalReference": "@fluentui/web-components!AccordionExpandMode:type"
                 },
                 {
                   "kind": "Content",
@@ -371,6 +371,67 @@
             "endIndex": 6
           }
         },
+        {
+          "kind": "TypeAlias",
+          "canonicalReference": "@fluentui/web-components!AccordionExpandMode:type",
+          "docComment": "/**\n * Type for the {@link FASTAccordion} Expand Mode\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare type AccordionExpandMode = "
+            },
+            {
+              "kind": "Reference",
+              "text": "ValuesOf",
+              "canonicalReference": "@fluentui/web-components!~ValuesOf:type"
+            },
+            {
+              "kind": "Content",
+              "text": "<typeof "
+            },
+            {
+              "kind": "Reference",
+              "text": "AccordionExpandMode",
+              "canonicalReference": "@fluentui/web-components!AccordionExpandMode:var"
+            },
+            {
+              "kind": "Content",
+              "text": ">"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "AccordionExpandMode",
+          "typeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 5
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!AccordionExpandMode:var",
+          "docComment": "/**\n * Expand mode for {@link FASTAccordion}\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "AccordionExpandMode: "
+            },
+            {
+              "kind": "Content",
+              "text": "{\n    readonly single: \"single\";\n    readonly multi: \"multi\";\n}"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "AccordionExpandMode",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
         {
           "kind": "Class",
           "canonicalReference": "@fluentui/web-components!AccordionItem:class",
@@ -1734,6 +1795,45 @@
             "endIndex": 6
           }
         },
+        {
+          "kind": "TypeAlias",
+          "canonicalReference": "@fluentui/web-components!AnchorButtonOptions:type",
+          "docComment": "/**\n * Anchor configuration options\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare type AnchorOptions = "
+            },
+            {
+              "kind": "Reference",
+              "text": "StartEndOptions",
+              "canonicalReference": "@fluentui/web-components!~StartEndOptions:type"
+            },
+            {
+              "kind": "Content",
+              "text": "<"
+            },
+            {
+              "kind": "Reference",
+              "text": "AnchorButton",
+              "canonicalReference": "@fluentui/web-components!AnchorButton:class"
+            },
+            {
+              "kind": "Content",
+              "text": ">"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "AnchorButtonOptions",
+          "typeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 5
+          }
+        },
         {
           "kind": "TypeAlias",
           "canonicalReference": "@fluentui/web-components!AnchorButtonShape:type",
@@ -1892,45 +1992,6 @@
             "endIndex": 5
           }
         },
-        {
-          "kind": "TypeAlias",
-          "canonicalReference": "@fluentui/web-components!AnchorOptions:type",
-          "docComment": "/**\n * Anchor configuration options\n *\n * @public\n */\n",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "export declare type AnchorOptions = "
-            },
-            {
-              "kind": "Reference",
-              "text": "StartEndOptions",
-              "canonicalReference": "@fluentui/web-components!~StartEndOptions:type"
-            },
-            {
-              "kind": "Content",
-              "text": "<"
-            },
-            {
-              "kind": "Reference",
-              "text": "AnchorButton",
-              "canonicalReference": "@fluentui/web-components!AnchorButton:class"
-            },
-            {
-              "kind": "Content",
-              "text": ">"
-            },
-            {
-              "kind": "Content",
-              "text": ";"
-            }
-          ],
-          "releaseTag": "Public",
-          "name": "AnchorOptions",
-          "typeTokenRange": {
-            "startIndex": 1,
-            "endIndex": 5
-          }
-        },
         {
           "kind": "TypeAlias",
           "canonicalReference": "@fluentui/web-components!AnchorTarget:type",
@@ -3276,287 +3337,91 @@
           }
         },
         {
-          "kind": "Class",
-          "canonicalReference": "@fluentui/web-components!BaseTabs:class",
-          "docComment": "/**\n * @class TabList component\n *\n * @public\n */\n",
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!borderRadiusCircular:var",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "export declare class BaseTabs extends "
+              "text": "borderRadiusCircular = "
             },
             {
-              "kind": "Reference",
-              "text": "FASTElement",
-              "canonicalReference": "@microsoft/fast-element!FASTElement:interface"
+              "kind": "Content",
+              "text": "\"var(--borderRadiusCircular)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "borderRadiusCircular",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!borderRadiusLarge:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "borderRadiusLarge = "
             },
             {
               "kind": "Content",
-              "text": " "
+              "text": "\"var(--borderRadiusLarge)\""
             }
           ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
           "releaseTag": "Public",
-          "name": "BaseTabs",
-          "preserveMemberOrder": false,
-          "members": [
+          "name": "borderRadiusLarge",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!borderRadiusMedium:var",
+          "docComment": "",
+          "excerptTokens": [
             {
-              "kind": "Property",
-              "canonicalReference": "@fluentui/web-components!BaseTabs#activeid:member",
-              "docComment": "/**\n * The id of the active tab\n *\n * @remarks\n *\n * HTML Attribute: activeid\n *\n * @public\n */\n",
-              "excerptTokens": [
-                {
-                  "kind": "Content",
-                  "text": "activeid: "
-                },
-                {
-                  "kind": "Content",
-                  "text": "string"
-                },
-                {
-                  "kind": "Content",
-                  "text": ";"
-                }
-              ],
-              "isReadonly": false,
-              "isOptional": false,
-              "releaseTag": "Public",
-              "name": "activeid",
-              "propertyTypeTokenRange": {
-                "startIndex": 1,
-                "endIndex": 2
-              },
-              "isStatic": false,
-              "isProtected": false
+              "kind": "Content",
+              "text": "borderRadiusMedium = "
             },
             {
-              "kind": "Property",
-              "canonicalReference": "@fluentui/web-components!BaseTabs#activetab:member",
-              "docComment": "/**\n * A reference to the active tab\n *\n * @public\n */\n",
-              "excerptTokens": [
-                {
-                  "kind": "Content",
-                  "text": "activetab: "
-                },
-                {
-                  "kind": "Reference",
-                  "text": "HTMLElement",
-                  "canonicalReference": "!HTMLElement:interface"
-                },
-                {
-                  "kind": "Content",
-                  "text": ";"
-                }
-              ],
-              "isReadonly": false,
-              "isOptional": false,
-              "releaseTag": "Public",
-              "name": "activetab",
-              "propertyTypeTokenRange": {
-                "startIndex": 1,
-                "endIndex": 2
-              },
-              "isStatic": false,
-              "isProtected": false
-            },
-            {
-              "kind": "Method",
-              "canonicalReference": "@fluentui/web-components!BaseTabs#adjust:member(1)",
-              "docComment": "/**\n * The adjust method for FASTTabs\n *\n * @remarks\n *\n * This method allows the active index to be adjusted by numerical increments\n *\n * @public\n */\n",
-              "excerptTokens": [
-                {
-                  "kind": "Content",
-                  "text": "adjust(adjustment: "
-                },
-                {
-                  "kind": "Content",
-                  "text": "number"
-                },
-                {
-                  "kind": "Content",
-                  "text": "): "
-                },
-                {
-                  "kind": "Content",
-                  "text": "void"
-                },
-                {
-                  "kind": "Content",
-                  "text": ";"
-                }
-              ],
-              "isStatic": false,
-              "returnTypeTokenRange": {
-                "startIndex": 3,
-                "endIndex": 4
-              },
-              "releaseTag": "Public",
-              "isProtected": false,
-              "overloadIndex": 1,
-              "parameters": [
-                {
-                  "parameterName": "adjustment",
-                  "parameterTypeTokenRange": {
-                    "startIndex": 1,
-                    "endIndex": 2
-                  },
-                  "isOptional": false
-                }
-              ],
-              "isOptional": false,
-              "name": "adjust"
-            },
-            {
-              "kind": "Property",
-              "canonicalReference": "@fluentui/web-components!BaseTabs#orientation:member",
-              "docComment": "/**\n * The orientation\n *\n * @remarks\n *\n * HTML Attribute: orientation\n *\n * @public\n */\n",
-              "excerptTokens": [
-                {
-                  "kind": "Content",
-                  "text": "orientation: "
-                },
-                {
-                  "kind": "Reference",
-                  "text": "TabsOrientation",
-                  "canonicalReference": "@fluentui/web-components!TabsOrientation:type"
-                },
-                {
-                  "kind": "Content",
-                  "text": ";"
-                }
-              ],
-              "isReadonly": false,
-              "isOptional": false,
-              "releaseTag": "Public",
-              "name": "orientation",
-              "propertyTypeTokenRange": {
-                "startIndex": 1,
-                "endIndex": 2
-              },
-              "isStatic": false,
-              "isProtected": false
-            },
-            {
-              "kind": "Method",
-              "canonicalReference": "@fluentui/web-components!BaseTabs#setTabs:member(1)",
-              "docComment": "/**\n * Function that is invoked whenever the selected tab or the tab collection changes.\n *\n * @public\n */\n",
-              "excerptTokens": [
-                {
-                  "kind": "Content",
-                  "text": "protected setTabs(): "
-                },
-                {
-                  "kind": "Content",
-                  "text": "void"
-                },
-                {
-                  "kind": "Content",
-                  "text": ";"
-                }
-              ],
-              "isStatic": false,
-              "returnTypeTokenRange": {
-                "startIndex": 1,
-                "endIndex": 2
-              },
-              "releaseTag": "Public",
-              "isProtected": true,
-              "overloadIndex": 1,
-              "parameters": [],
-              "isOptional": false,
-              "name": "setTabs"
-            }
-          ],
-          "extendsTokenRange": {
-            "startIndex": 1,
-            "endIndex": 2
-          },
-          "implementsTokenRanges": []
-        },
-        {
-          "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!borderRadiusCircular:var",
-          "docComment": "",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "borderRadiusCircular = "
-            },
-            {
-              "kind": "Content",
-              "text": "\"var(--borderRadiusCircular)\""
-            }
-          ],
-          "initializerTokenRange": {
-            "startIndex": 1,
-            "endIndex": 2
-          },
-          "isReadonly": true,
-          "releaseTag": "Public",
-          "name": "borderRadiusCircular",
-          "variableTypeTokenRange": {
-            "startIndex": 0,
-            "endIndex": 0
-          }
-        },
-        {
-          "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!borderRadiusLarge:var",
-          "docComment": "",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "borderRadiusLarge = "
-            },
-            {
-              "kind": "Content",
-              "text": "\"var(--borderRadiusLarge)\""
-            }
-          ],
-          "initializerTokenRange": {
-            "startIndex": 1,
-            "endIndex": 2
-          },
-          "isReadonly": true,
-          "releaseTag": "Public",
-          "name": "borderRadiusLarge",
-          "variableTypeTokenRange": {
-            "startIndex": 0,
-            "endIndex": 0
-          }
-        },
-        {
-          "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!borderRadiusMedium:var",
-          "docComment": "",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "borderRadiusMedium = "
-            },
-            {
-              "kind": "Content",
-              "text": "\"var(--borderRadiusMedium)\""
-            }
-          ],
-          "initializerTokenRange": {
-            "startIndex": 1,
-            "endIndex": 2
-          },
-          "isReadonly": true,
-          "releaseTag": "Public",
-          "name": "borderRadiusMedium",
-          "variableTypeTokenRange": {
-            "startIndex": 0,
-            "endIndex": 0
-          }
-        },
-        {
-          "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!borderRadiusNone:var",
-          "docComment": "",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "borderRadiusNone = "
+              "kind": "Content",
+              "text": "\"var(--borderRadiusMedium)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "borderRadiusMedium",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!borderRadiusNone:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "borderRadiusNone = "
             },
             {
               "kind": "Content",
@@ -5434,16 +5299,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorBrandBackgroundHover:var",
+          "canonicalReference": "@fluentui/web-components!colorBrandBackground2Hover:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorBrandBackgroundHover = "
+              "text": "colorBrandBackground2Hover = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorBrandBackgroundHover)\""
+              "text": "\"var(--colorBrandBackground2Hover)\""
             }
           ],
           "initializerTokenRange": {
@@ -5452,7 +5317,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorBrandBackgroundHover",
+          "name": "colorBrandBackground2Hover",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -5460,16 +5325,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorBrandBackgroundInverted:var",
+          "canonicalReference": "@fluentui/web-components!colorBrandBackground2Pressed:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorBrandBackgroundInverted = "
+              "text": "colorBrandBackground2Pressed = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorBrandBackgroundInverted)\""
+              "text": "\"var(--colorBrandBackground2Pressed)\""
             }
           ],
           "initializerTokenRange": {
@@ -5478,7 +5343,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorBrandBackgroundInverted",
+          "name": "colorBrandBackground2Pressed",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -5486,16 +5351,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorBrandBackgroundInvertedHover:var",
+          "canonicalReference": "@fluentui/web-components!colorBrandBackground3Static:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorBrandBackgroundInvertedHover = "
+              "text": "colorBrandBackground3Static = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorBrandBackgroundInvertedHover)\""
+              "text": "\"var(--colorBrandBackground3Static)\""
             }
           ],
           "initializerTokenRange": {
@@ -5504,7 +5369,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorBrandBackgroundInvertedHover",
+          "name": "colorBrandBackground3Static",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -5512,16 +5377,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorBrandBackgroundInvertedPressed:var",
+          "canonicalReference": "@fluentui/web-components!colorBrandBackground4Static:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorBrandBackgroundInvertedPressed = "
+              "text": "colorBrandBackground4Static = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorBrandBackgroundInvertedPressed)\""
+              "text": "\"var(--colorBrandBackground4Static)\""
             }
           ],
           "initializerTokenRange": {
@@ -5530,7 +5395,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorBrandBackgroundInvertedPressed",
+          "name": "colorBrandBackground4Static",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -5538,16 +5403,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorBrandBackgroundInvertedSelected:var",
+          "canonicalReference": "@fluentui/web-components!colorBrandBackgroundHover:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorBrandBackgroundInvertedSelected = "
+              "text": "colorBrandBackgroundHover = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorBrandBackgroundInvertedSelected)\""
+              "text": "\"var(--colorBrandBackgroundHover)\""
             }
           ],
           "initializerTokenRange": {
@@ -5556,7 +5421,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorBrandBackgroundInvertedSelected",
+          "name": "colorBrandBackgroundHover",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -5564,16 +5429,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorBrandBackgroundPressed:var",
+          "canonicalReference": "@fluentui/web-components!colorBrandBackgroundInverted:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorBrandBackgroundPressed = "
+              "text": "colorBrandBackgroundInverted = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorBrandBackgroundPressed)\""
+              "text": "\"var(--colorBrandBackgroundInverted)\""
             }
           ],
           "initializerTokenRange": {
@@ -5582,7 +5447,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorBrandBackgroundPressed",
+          "name": "colorBrandBackgroundInverted",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -5590,16 +5455,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorBrandBackgroundSelected:var",
+          "canonicalReference": "@fluentui/web-components!colorBrandBackgroundInvertedHover:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorBrandBackgroundSelected = "
+              "text": "colorBrandBackgroundInvertedHover = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorBrandBackgroundSelected)\""
+              "text": "\"var(--colorBrandBackgroundInvertedHover)\""
             }
           ],
           "initializerTokenRange": {
@@ -5608,7 +5473,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorBrandBackgroundSelected",
+          "name": "colorBrandBackgroundInvertedHover",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -5616,16 +5481,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorBrandBackgroundStatic:var",
+          "canonicalReference": "@fluentui/web-components!colorBrandBackgroundInvertedPressed:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorBrandBackgroundStatic = "
+              "text": "colorBrandBackgroundInvertedPressed = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorBrandBackgroundStatic)\""
+              "text": "\"var(--colorBrandBackgroundInvertedPressed)\""
             }
           ],
           "initializerTokenRange": {
@@ -5634,7 +5499,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorBrandBackgroundStatic",
+          "name": "colorBrandBackgroundInvertedPressed",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -5642,16 +5507,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorBrandForeground1:var",
+          "canonicalReference": "@fluentui/web-components!colorBrandBackgroundInvertedSelected:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorBrandForeground1 = "
+              "text": "colorBrandBackgroundInvertedSelected = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorBrandForeground1)\""
+              "text": "\"var(--colorBrandBackgroundInvertedSelected)\""
             }
           ],
           "initializerTokenRange": {
@@ -5660,7 +5525,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorBrandForeground1",
+          "name": "colorBrandBackgroundInvertedSelected",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -5668,16 +5533,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorBrandForeground2:var",
+          "canonicalReference": "@fluentui/web-components!colorBrandBackgroundPressed:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorBrandForeground2 = "
+              "text": "colorBrandBackgroundPressed = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorBrandForeground2)\""
+              "text": "\"var(--colorBrandBackgroundPressed)\""
             }
           ],
           "initializerTokenRange": {
@@ -5686,7 +5551,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorBrandForeground2",
+          "name": "colorBrandBackgroundPressed",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -5694,16 +5559,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorBrandForegroundInverted:var",
+          "canonicalReference": "@fluentui/web-components!colorBrandBackgroundSelected:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorBrandForegroundInverted = "
+              "text": "colorBrandBackgroundSelected = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorBrandForegroundInverted)\""
+              "text": "\"var(--colorBrandBackgroundSelected)\""
             }
           ],
           "initializerTokenRange": {
@@ -5712,7 +5577,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorBrandForegroundInverted",
+          "name": "colorBrandBackgroundSelected",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -5720,12 +5585,168 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorBrandForegroundInvertedHover:var",
+          "canonicalReference": "@fluentui/web-components!colorBrandBackgroundStatic:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorBrandForegroundInvertedHover = "
+              "text": "colorBrandBackgroundStatic = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorBrandBackgroundStatic)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorBrandBackgroundStatic",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorBrandForeground1:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorBrandForeground1 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorBrandForeground1)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorBrandForeground1",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorBrandForeground2:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorBrandForeground2 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorBrandForeground2)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorBrandForeground2",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorBrandForeground2Hover:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorBrandForeground2Hover = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorBrandForeground2Hover)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorBrandForeground2Hover",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorBrandForeground2Pressed:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorBrandForeground2Pressed = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorBrandForeground2Pressed)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorBrandForeground2Pressed",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorBrandForegroundInverted:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorBrandForegroundInverted = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorBrandForegroundInverted)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorBrandForegroundInverted",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorBrandForegroundInvertedHover:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorBrandForegroundInvertedHover = "
             },
             {
               "kind": "Content",
@@ -6082,6 +6103,84 @@
             "endIndex": 0
           }
         },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorBrandStroke2Contrast:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorBrandStroke2Contrast = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorBrandStroke2Contrast)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorBrandStroke2Contrast",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorBrandStroke2Hover:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorBrandStroke2Hover = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorBrandStroke2Hover)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorBrandStroke2Hover",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorBrandStroke2Pressed:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorBrandStroke2Pressed = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorBrandStroke2Pressed)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorBrandStroke2Pressed",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorCompoundBrandBackground:var",
@@ -6864,16 +6963,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorNeutralBackgroundDisabled:var",
+          "canonicalReference": "@fluentui/web-components!colorNeutralBackgroundAlpha:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorNeutralBackgroundDisabled = "
+              "text": "colorNeutralBackgroundAlpha = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorNeutralBackgroundDisabled)\""
+              "text": "\"var(--colorNeutralBackgroundAlpha)\""
             }
           ],
           "initializerTokenRange": {
@@ -6882,7 +6981,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorNeutralBackgroundDisabled",
+          "name": "colorNeutralBackgroundAlpha",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -6890,16 +6989,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorNeutralBackgroundInverted:var",
+          "canonicalReference": "@fluentui/web-components!colorNeutralBackgroundAlpha2:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorNeutralBackgroundInverted = "
+              "text": "colorNeutralBackgroundAlpha2 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorNeutralBackgroundInverted)\""
+              "text": "\"var(--colorNeutralBackgroundAlpha2)\""
             }
           ],
           "initializerTokenRange": {
@@ -6908,7 +7007,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorNeutralBackgroundInverted",
+          "name": "colorNeutralBackgroundAlpha2",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -6916,16 +7015,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorNeutralBackgroundInvertedDisabled:var",
+          "canonicalReference": "@fluentui/web-components!colorNeutralBackgroundDisabled:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorNeutralBackgroundInvertedDisabled = "
+              "text": "colorNeutralBackgroundDisabled = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorNeutralBackgroundInvertedDisabled)\""
+              "text": "\"var(--colorNeutralBackgroundDisabled)\""
             }
           ],
           "initializerTokenRange": {
@@ -6934,7 +7033,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorNeutralBackgroundInvertedDisabled",
+          "name": "colorNeutralBackgroundDisabled",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -6942,16 +7041,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorNeutralBackgroundStatic:var",
+          "canonicalReference": "@fluentui/web-components!colorNeutralBackgroundInverted:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorNeutralBackgroundStatic = "
+              "text": "colorNeutralBackgroundInverted = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorNeutralBackgroundStatic)\""
+              "text": "\"var(--colorNeutralBackgroundInverted)\""
             }
           ],
           "initializerTokenRange": {
@@ -6960,7 +7059,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorNeutralBackgroundStatic",
+          "name": "colorNeutralBackgroundInverted",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -6968,16 +7067,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorNeutralForeground1:var",
+          "canonicalReference": "@fluentui/web-components!colorNeutralBackgroundInvertedDisabled:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorNeutralForeground1 = "
+              "text": "colorNeutralBackgroundInvertedDisabled = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorNeutralForeground1)\""
+              "text": "\"var(--colorNeutralBackgroundInvertedDisabled)\""
             }
           ],
           "initializerTokenRange": {
@@ -6986,7 +7085,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorNeutralForeground1",
+          "name": "colorNeutralBackgroundInvertedDisabled",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -6994,16 +7093,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorNeutralForeground1Hover:var",
+          "canonicalReference": "@fluentui/web-components!colorNeutralBackgroundStatic:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorNeutralForeground1Hover = "
+              "text": "colorNeutralBackgroundStatic = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorNeutralForeground1Hover)\""
+              "text": "\"var(--colorNeutralBackgroundStatic)\""
             }
           ],
           "initializerTokenRange": {
@@ -7012,7 +7111,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorNeutralForeground1Hover",
+          "name": "colorNeutralBackgroundStatic",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -7020,7 +7119,189 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorNeutralForeground1Pressed:var",
+          "canonicalReference": "@fluentui/web-components!colorNeutralCardBackground:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorNeutralCardBackground = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorNeutralCardBackground)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorNeutralCardBackground",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorNeutralCardBackgroundDisabled:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorNeutralCardBackgroundDisabled = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorNeutralCardBackgroundDisabled)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorNeutralCardBackgroundDisabled",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorNeutralCardBackgroundHover:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorNeutralCardBackgroundHover = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorNeutralCardBackgroundHover)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorNeutralCardBackgroundHover",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorNeutralCardBackgroundPressed:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorNeutralCardBackgroundPressed = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorNeutralCardBackgroundPressed)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorNeutralCardBackgroundPressed",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorNeutralCardBackgroundSelected:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorNeutralCardBackgroundSelected = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorNeutralCardBackgroundSelected)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorNeutralCardBackgroundSelected",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorNeutralForeground1:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorNeutralForeground1 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorNeutralForeground1)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorNeutralForeground1",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorNeutralForeground1Hover:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorNeutralForeground1Hover = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorNeutralForeground1Hover)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorNeutralForeground1Hover",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorNeutralForeground1Pressed:var",
           "docComment": "",
           "excerptTokens": [
             {
@@ -8448,6 +8729,58 @@
             "endIndex": 0
           }
         },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorNeutralStrokeAlpha:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorNeutralStrokeAlpha = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorNeutralStrokeAlpha)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorNeutralStrokeAlpha",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorNeutralStrokeAlpha2:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorNeutralStrokeAlpha2 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorNeutralStrokeAlpha2)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorNeutralStrokeAlpha2",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralStrokeDisabled:var",
@@ -8630,6 +8963,32 @@
             "endIndex": 0
           }
         },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorNeutralStrokeSubtle:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorNeutralStrokeSubtle = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorNeutralStrokeSubtle)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorNeutralStrokeSubtle",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteAnchorBackground2:var",
@@ -11705,11 +12064,843 @@
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteRedBackground1 = "
+              "text": "colorPaletteRedBackground1 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteRedBackground1)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteRedBackground1",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteRedBackground2:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteRedBackground2 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteRedBackground2)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteRedBackground2",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteRedBackground3:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteRedBackground3 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteRedBackground3)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteRedBackground3",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteRedBorder1:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteRedBorder1 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteRedBorder1)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteRedBorder1",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteRedBorder2:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteRedBorder2 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteRedBorder2)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteRedBorder2",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteRedBorderActive:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteRedBorderActive = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteRedBorderActive)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteRedBorderActive",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteRedForeground1:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteRedForeground1 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteRedForeground1)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteRedForeground1",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteRedForeground2:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteRedForeground2 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteRedForeground2)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteRedForeground2",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteRedForeground3:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteRedForeground3 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteRedForeground3)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteRedForeground3",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteRedForegroundInverted:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteRedForegroundInverted = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteRedForegroundInverted)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteRedForegroundInverted",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteRoyalBlueBackground2:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteRoyalBlueBackground2 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteRoyalBlueBackground2)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteRoyalBlueBackground2",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteRoyalBlueBorderActive:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteRoyalBlueBorderActive = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteRoyalBlueBorderActive)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteRoyalBlueBorderActive",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteRoyalBlueForeground2:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteRoyalBlueForeground2 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteRoyalBlueForeground2)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteRoyalBlueForeground2",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteSeafoamBackground2:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteSeafoamBackground2 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteSeafoamBackground2)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteSeafoamBackground2",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteSeafoamBorderActive:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteSeafoamBorderActive = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteSeafoamBorderActive)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteSeafoamBorderActive",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteSeafoamForeground2:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteSeafoamForeground2 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteSeafoamForeground2)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteSeafoamForeground2",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteSteelBackground2:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteSteelBackground2 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteSteelBackground2)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteSteelBackground2",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteSteelBorderActive:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteSteelBorderActive = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteSteelBorderActive)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteSteelBorderActive",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteSteelForeground2:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteSteelForeground2 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteSteelForeground2)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteSteelForeground2",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteTealBackground2:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteTealBackground2 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteTealBackground2)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteTealBackground2",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteTealBorderActive:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteTealBorderActive = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteTealBorderActive)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteTealBorderActive",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteTealForeground2:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteTealForeground2 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteTealForeground2)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteTealForeground2",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteYellowBackground1:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteYellowBackground1 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteYellowBackground1)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteYellowBackground1",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteYellowBackground2:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteYellowBackground2 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteYellowBackground2)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteYellowBackground2",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteYellowBackground3:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteYellowBackground3 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteYellowBackground3)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteYellowBackground3",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteYellowBorder1:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteYellowBorder1 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteYellowBorder1)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteYellowBorder1",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteYellowBorder2:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteYellowBorder2 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteYellowBorder2)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteYellowBorder2",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteYellowBorderActive:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteYellowBorderActive = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteYellowBorderActive)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteYellowBorderActive",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteYellowForeground1:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteYellowForeground1 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteYellowForeground1)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteYellowForeground1",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteYellowForeground2:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteYellowForeground2 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteYellowForeground2)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteYellowForeground2",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteYellowForeground3:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteYellowForeground3 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteYellowForeground3)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteYellowForeground3",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteYellowForegroundInverted:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteYellowForegroundInverted = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteYellowForegroundInverted)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteYellowForegroundInverted",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorScrollbarOverlay:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorScrollbarOverlay = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteRedBackground1)\""
+              "text": "\"var(--colorScrollbarOverlay)\""
             }
           ],
           "initializerTokenRange": {
@@ -11718,7 +12909,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteRedBackground1",
+          "name": "colorScrollbarOverlay",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11726,16 +12917,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteRedBackground2:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusDangerBackground1:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteRedBackground2 = "
+              "text": "colorStatusDangerBackground1 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteRedBackground2)\""
+              "text": "\"var(--colorStatusDangerBackground1)\""
             }
           ],
           "initializerTokenRange": {
@@ -11744,7 +12935,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteRedBackground2",
+          "name": "colorStatusDangerBackground1",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11752,16 +12943,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteRedBackground3:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusDangerBackground2:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteRedBackground3 = "
+              "text": "colorStatusDangerBackground2 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteRedBackground3)\""
+              "text": "\"var(--colorStatusDangerBackground2)\""
             }
           ],
           "initializerTokenRange": {
@@ -11770,7 +12961,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteRedBackground3",
+          "name": "colorStatusDangerBackground2",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11778,16 +12969,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteRedBorder1:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusDangerBackground3:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteRedBorder1 = "
+              "text": "colorStatusDangerBackground3 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteRedBorder1)\""
+              "text": "\"var(--colorStatusDangerBackground3)\""
             }
           ],
           "initializerTokenRange": {
@@ -11796,7 +12987,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteRedBorder1",
+          "name": "colorStatusDangerBackground3",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11804,16 +12995,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteRedBorder2:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusDangerBackground3Hover:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteRedBorder2 = "
+              "text": "colorStatusDangerBackground3Hover = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteRedBorder2)\""
+              "text": "\"var(--colorStatusDangerBackground3Hover)\""
             }
           ],
           "initializerTokenRange": {
@@ -11822,7 +13013,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteRedBorder2",
+          "name": "colorStatusDangerBackground3Hover",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11830,16 +13021,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteRedBorderActive:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusDangerBackground3Pressed:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteRedBorderActive = "
+              "text": "colorStatusDangerBackground3Pressed = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteRedBorderActive)\""
+              "text": "\"var(--colorStatusDangerBackground3Pressed)\""
             }
           ],
           "initializerTokenRange": {
@@ -11848,7 +13039,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteRedBorderActive",
+          "name": "colorStatusDangerBackground3Pressed",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11856,16 +13047,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteRedForeground1:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusDangerBorder1:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteRedForeground1 = "
+              "text": "colorStatusDangerBorder1 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteRedForeground1)\""
+              "text": "\"var(--colorStatusDangerBorder1)\""
             }
           ],
           "initializerTokenRange": {
@@ -11874,7 +13065,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteRedForeground1",
+          "name": "colorStatusDangerBorder1",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11882,16 +13073,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteRedForeground2:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusDangerBorder2:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteRedForeground2 = "
+              "text": "colorStatusDangerBorder2 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteRedForeground2)\""
+              "text": "\"var(--colorStatusDangerBorder2)\""
             }
           ],
           "initializerTokenRange": {
@@ -11900,7 +13091,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteRedForeground2",
+          "name": "colorStatusDangerBorder2",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11908,16 +13099,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteRedForeground3:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusDangerBorderActive:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteRedForeground3 = "
+              "text": "colorStatusDangerBorderActive = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteRedForeground3)\""
+              "text": "\"var(--colorStatusDangerBorderActive)\""
             }
           ],
           "initializerTokenRange": {
@@ -11926,7 +13117,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteRedForeground3",
+          "name": "colorStatusDangerBorderActive",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11934,16 +13125,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteRedForegroundInverted:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusDangerForeground1:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteRedForegroundInverted = "
+              "text": "colorStatusDangerForeground1 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteRedForegroundInverted)\""
+              "text": "\"var(--colorStatusDangerForeground1)\""
             }
           ],
           "initializerTokenRange": {
@@ -11952,7 +13143,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteRedForegroundInverted",
+          "name": "colorStatusDangerForeground1",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11960,16 +13151,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteRoyalBlueBackground2:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusDangerForeground2:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteRoyalBlueBackground2 = "
+              "text": "colorStatusDangerForeground2 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteRoyalBlueBackground2)\""
+              "text": "\"var(--colorStatusDangerForeground2)\""
             }
           ],
           "initializerTokenRange": {
@@ -11978,7 +13169,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteRoyalBlueBackground2",
+          "name": "colorStatusDangerForeground2",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11986,16 +13177,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteRoyalBlueBorderActive:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusDangerForeground3:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteRoyalBlueBorderActive = "
+              "text": "colorStatusDangerForeground3 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteRoyalBlueBorderActive)\""
+              "text": "\"var(--colorStatusDangerForeground3)\""
             }
           ],
           "initializerTokenRange": {
@@ -12004,7 +13195,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteRoyalBlueBorderActive",
+          "name": "colorStatusDangerForeground3",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -12012,16 +13203,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteRoyalBlueForeground2:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusDangerForegroundInverted:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteRoyalBlueForeground2 = "
+              "text": "colorStatusDangerForegroundInverted = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteRoyalBlueForeground2)\""
+              "text": "\"var(--colorStatusDangerForegroundInverted)\""
             }
           ],
           "initializerTokenRange": {
@@ -12030,7 +13221,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteRoyalBlueForeground2",
+          "name": "colorStatusDangerForegroundInverted",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -12038,16 +13229,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteSeafoamBackground2:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusSuccessBackground1:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteSeafoamBackground2 = "
+              "text": "colorStatusSuccessBackground1 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteSeafoamBackground2)\""
+              "text": "\"var(--colorStatusSuccessBackground1)\""
             }
           ],
           "initializerTokenRange": {
@@ -12056,7 +13247,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteSeafoamBackground2",
+          "name": "colorStatusSuccessBackground1",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -12064,16 +13255,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteSeafoamBorderActive:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusSuccessBackground2:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteSeafoamBorderActive = "
+              "text": "colorStatusSuccessBackground2 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteSeafoamBorderActive)\""
+              "text": "\"var(--colorStatusSuccessBackground2)\""
             }
           ],
           "initializerTokenRange": {
@@ -12082,7 +13273,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteSeafoamBorderActive",
+          "name": "colorStatusSuccessBackground2",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -12090,16 +13281,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteSeafoamForeground2:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusSuccessBackground3:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteSeafoamForeground2 = "
+              "text": "colorStatusSuccessBackground3 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteSeafoamForeground2)\""
+              "text": "\"var(--colorStatusSuccessBackground3)\""
             }
           ],
           "initializerTokenRange": {
@@ -12108,7 +13299,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteSeafoamForeground2",
+          "name": "colorStatusSuccessBackground3",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -12116,16 +13307,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteSteelBackground2:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusSuccessBorder1:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteSteelBackground2 = "
+              "text": "colorStatusSuccessBorder1 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteSteelBackground2)\""
+              "text": "\"var(--colorStatusSuccessBorder1)\""
             }
           ],
           "initializerTokenRange": {
@@ -12134,7 +13325,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteSteelBackground2",
+          "name": "colorStatusSuccessBorder1",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -12142,16 +13333,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteSteelBorderActive:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusSuccessBorder2:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteSteelBorderActive = "
+              "text": "colorStatusSuccessBorder2 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteSteelBorderActive)\""
+              "text": "\"var(--colorStatusSuccessBorder2)\""
             }
           ],
           "initializerTokenRange": {
@@ -12160,7 +13351,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteSteelBorderActive",
+          "name": "colorStatusSuccessBorder2",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -12168,16 +13359,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteSteelForeground2:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusSuccessBorderActive:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteSteelForeground2 = "
+              "text": "colorStatusSuccessBorderActive = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteSteelForeground2)\""
+              "text": "\"var(--colorStatusSuccessBorderActive)\""
             }
           ],
           "initializerTokenRange": {
@@ -12186,7 +13377,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteSteelForeground2",
+          "name": "colorStatusSuccessBorderActive",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -12194,16 +13385,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteTealBackground2:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusSuccessForeground1:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteTealBackground2 = "
+              "text": "colorStatusSuccessForeground1 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteTealBackground2)\""
+              "text": "\"var(--colorStatusSuccessForeground1)\""
             }
           ],
           "initializerTokenRange": {
@@ -12212,7 +13403,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteTealBackground2",
+          "name": "colorStatusSuccessForeground1",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -12220,16 +13411,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteTealBorderActive:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusSuccessForeground2:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteTealBorderActive = "
+              "text": "colorStatusSuccessForeground2 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteTealBorderActive)\""
+              "text": "\"var(--colorStatusSuccessForeground2)\""
             }
           ],
           "initializerTokenRange": {
@@ -12238,7 +13429,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteTealBorderActive",
+          "name": "colorStatusSuccessForeground2",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -12246,16 +13437,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteTealForeground2:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusSuccessForeground3:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteTealForeground2 = "
+              "text": "colorStatusSuccessForeground3 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteTealForeground2)\""
+              "text": "\"var(--colorStatusSuccessForeground3)\""
             }
           ],
           "initializerTokenRange": {
@@ -12264,7 +13455,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteTealForeground2",
+          "name": "colorStatusSuccessForeground3",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -12272,16 +13463,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteYellowBackground1:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusSuccessForegroundInverted:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteYellowBackground1 = "
+              "text": "colorStatusSuccessForegroundInverted = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteYellowBackground1)\""
+              "text": "\"var(--colorStatusSuccessForegroundInverted)\""
             }
           ],
           "initializerTokenRange": {
@@ -12290,7 +13481,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteYellowBackground1",
+          "name": "colorStatusSuccessForegroundInverted",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -12298,16 +13489,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteYellowBackground2:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusWarningBackground1:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteYellowBackground2 = "
+              "text": "colorStatusWarningBackground1 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteYellowBackground2)\""
+              "text": "\"var(--colorStatusWarningBackground1)\""
             }
           ],
           "initializerTokenRange": {
@@ -12316,7 +13507,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteYellowBackground2",
+          "name": "colorStatusWarningBackground1",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -12324,16 +13515,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteYellowBackground3:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusWarningBackground2:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteYellowBackground3 = "
+              "text": "colorStatusWarningBackground2 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteYellowBackground3)\""
+              "text": "\"var(--colorStatusWarningBackground2)\""
             }
           ],
           "initializerTokenRange": {
@@ -12342,7 +13533,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteYellowBackground3",
+          "name": "colorStatusWarningBackground2",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -12350,16 +13541,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteYellowBorder1:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusWarningBackground3:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteYellowBorder1 = "
+              "text": "colorStatusWarningBackground3 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteYellowBorder1)\""
+              "text": "\"var(--colorStatusWarningBackground3)\""
             }
           ],
           "initializerTokenRange": {
@@ -12368,7 +13559,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteYellowBorder1",
+          "name": "colorStatusWarningBackground3",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -12376,16 +13567,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteYellowBorder2:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusWarningBorder1:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteYellowBorder2 = "
+              "text": "colorStatusWarningBorder1 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteYellowBorder2)\""
+              "text": "\"var(--colorStatusWarningBorder1)\""
             }
           ],
           "initializerTokenRange": {
@@ -12394,7 +13585,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteYellowBorder2",
+          "name": "colorStatusWarningBorder1",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -12402,16 +13593,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteYellowBorderActive:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusWarningBorder2:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteYellowBorderActive = "
+              "text": "colorStatusWarningBorder2 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteYellowBorderActive)\""
+              "text": "\"var(--colorStatusWarningBorder2)\""
             }
           ],
           "initializerTokenRange": {
@@ -12420,7 +13611,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteYellowBorderActive",
+          "name": "colorStatusWarningBorder2",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -12428,16 +13619,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteYellowForeground1:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusWarningBorderActive:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteYellowForeground1 = "
+              "text": "colorStatusWarningBorderActive = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteYellowForeground1)\""
+              "text": "\"var(--colorStatusWarningBorderActive)\""
             }
           ],
           "initializerTokenRange": {
@@ -12446,7 +13637,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteYellowForeground1",
+          "name": "colorStatusWarningBorderActive",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -12454,16 +13645,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteYellowForeground2:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusWarningForeground1:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteYellowForeground2 = "
+              "text": "colorStatusWarningForeground1 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteYellowForeground2)\""
+              "text": "\"var(--colorStatusWarningForeground1)\""
             }
           ],
           "initializerTokenRange": {
@@ -12472,7 +13663,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteYellowForeground2",
+          "name": "colorStatusWarningForeground1",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -12480,16 +13671,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteYellowForeground3:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusWarningForeground2:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteYellowForeground3 = "
+              "text": "colorStatusWarningForeground2 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteYellowForeground3)\""
+              "text": "\"var(--colorStatusWarningForeground2)\""
             }
           ],
           "initializerTokenRange": {
@@ -12498,7 +13689,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteYellowForeground3",
+          "name": "colorStatusWarningForeground2",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -12506,16 +13697,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteYellowForegroundInverted:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusWarningForeground3:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteYellowForegroundInverted = "
+              "text": "colorStatusWarningForeground3 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteYellowForegroundInverted)\""
+              "text": "\"var(--colorStatusWarningForeground3)\""
             }
           ],
           "initializerTokenRange": {
@@ -12524,7 +13715,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteYellowForegroundInverted",
+          "name": "colorStatusWarningForeground3",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -12532,16 +13723,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorScrollbarOverlay:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusWarningForegroundInverted:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorScrollbarOverlay = "
+              "text": "colorStatusWarningForegroundInverted = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorScrollbarOverlay)\""
+              "text": "\"var(--colorStatusWarningForegroundInverted)\""
             }
           ],
           "initializerTokenRange": {
@@ -12550,7 +13741,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorScrollbarOverlay",
+          "name": "colorStatusWarningForegroundInverted",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -13879,32 +15070,6 @@
             "endIndex": 6
           }
         },
-        {
-          "kind": "TypeAlias",
-          "canonicalReference": "@fluentui/web-components!CounterBadgeOptions:type",
-          "docComment": "/**\n * CounterBadge options\n *\n * @public\n */\n",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "export declare type CounterBadgeOptions = "
-            },
-            {
-              "kind": "Reference",
-              "text": "BadgeOptions",
-              "canonicalReference": "@fluentui/web-components!BadgeOptions:type"
-            },
-            {
-              "kind": "Content",
-              "text": ";"
-            }
-          ],
-          "releaseTag": "Public",
-          "name": "CounterBadgeOptions",
-          "typeTokenRange": {
-            "startIndex": 1,
-            "endIndex": 2
-          }
-        },
         {
           "kind": "TypeAlias",
           "canonicalReference": "@fluentui/web-components!CounterBadgeShape:type",
@@ -14090,31 +15255,6 @@
             "endIndex": 5
           }
         },
-        {
-          "kind": "TypeAlias",
-          "canonicalReference": "@fluentui/web-components!CSSDisplayPropertyValue:type",
-          "docComment": "/**\n * Define all possible CSS display values.\n *\n * @public\n */\n",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "export declare type CSSDisplayPropertyValue = "
-            },
-            {
-              "kind": "Content",
-              "text": "'block' | 'contents' | 'flex' | 'grid' | 'inherit' | 'initial' | 'inline' | 'inline-block' | 'inline-flex' | 'inline-grid' | 'inline-table' | 'list-item' | 'none' | 'run-in' | 'table' | 'table-caption' | 'table-cell' | 'table-column' | 'table-column-group' | 'table-footer-group' | 'table-header-group' | 'table-row' | 'table-row-group'"
-            },
-            {
-              "kind": "Content",
-              "text": ";"
-            }
-          ],
-          "releaseTag": "Public",
-          "name": "CSSDisplayPropertyValue",
-          "typeTokenRange": {
-            "startIndex": 1,
-            "endIndex": 2
-          }
-        },
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!curveAccelerateMax:var",
@@ -14356,126 +15496,34 @@
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "darkModeStylesheetBehavior: "
-            },
-            {
-              "kind": "Content",
-              "text": "(styles: "
-            },
-            {
-              "kind": "Reference",
-              "text": "ElementStyles",
-              "canonicalReference": "@microsoft/fast-element!ElementStyles:class"
-            },
-            {
-              "kind": "Content",
-              "text": ") => "
-            },
-            {
-              "kind": "Reference",
-              "text": "MatchMediaStyleSheetBehavior",
-              "canonicalReference": "@fluentui/web-components!MatchMediaStyleSheetBehavior:class"
-            }
-          ],
-          "isReadonly": true,
-          "releaseTag": "Public",
-          "name": "darkModeStylesheetBehavior",
-          "variableTypeTokenRange": {
-            "startIndex": 1,
-            "endIndex": 5
-          }
-        },
-        {
-          "kind": "Class",
-          "canonicalReference": "@fluentui/web-components!DelegatesARIALink:class",
-          "docComment": "/**\n * Includes ARIA states and properties relating to the ARIA link role\n *\n * @public\n */\n",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "export declare class DelegatesARIALink "
-            }
-          ],
-          "releaseTag": "Public",
-          "name": "DelegatesARIALink",
-          "preserveMemberOrder": false,
-          "members": [
-            {
-              "kind": "Property",
-              "canonicalReference": "@fluentui/web-components!DelegatesARIALink#ariaExpanded:member",
-              "docComment": "/**\n * See {@link https://www.w3.org/WAI/PF/aria/roles#link} for more information\n *\n * @remarks\n *\n * HTML Attribute: aria-expanded\n *\n * @public\n */\n",
-              "excerptTokens": [
-                {
-                  "kind": "Content",
-                  "text": "ariaExpanded: "
-                },
-                {
-                  "kind": "Content",
-                  "text": "'true' | 'false' | string | null"
-                },
-                {
-                  "kind": "Content",
-                  "text": ";"
-                }
-              ],
-              "isReadonly": false,
-              "isOptional": false,
-              "releaseTag": "Public",
-              "name": "ariaExpanded",
-              "propertyTypeTokenRange": {
-                "startIndex": 1,
-                "endIndex": 2
-              },
-              "isStatic": false,
-              "isProtected": false
-            }
-          ],
-          "implementsTokenRanges": []
-        },
-        {
-          "kind": "Class",
-          "canonicalReference": "@fluentui/web-components!DelegatesARIATextbox:class",
-          "docComment": "/**\n * Includes ARIA states and properties relating to the ARIA textbox role\n *\n * @public\n */\n",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "export declare class DelegatesARIATextbox "
-            }
-          ],
-          "releaseTag": "Public",
-          "name": "DelegatesARIATextbox",
-          "preserveMemberOrder": false,
-          "members": [],
-          "implementsTokenRanges": []
-        },
-        {
-          "kind": "Interface",
-          "canonicalReference": "@fluentui/web-components!DelegatesARIATextbox:interface",
-          "docComment": "",
-          "excerptTokens": [
+              "text": "darkModeStylesheetBehavior: "
+            },
             {
               "kind": "Content",
-              "text": "export interface DelegatesARIATextbox extends "
+              "text": "(styles: "
             },
             {
               "kind": "Reference",
-              "text": "ARIAGlobalStatesAndProperties",
-              "canonicalReference": "@fluentui/web-components!~ARIAGlobalStatesAndProperties:class"
+              "text": "ElementStyles",
+              "canonicalReference": "@microsoft/fast-element!ElementStyles:class"
             },
             {
               "kind": "Content",
-              "text": " "
+              "text": ") => "
+            },
+            {
+              "kind": "Reference",
+              "text": "MatchMediaStyleSheetBehavior",
+              "canonicalReference": "@fluentui/web-components!MatchMediaStyleSheetBehavior:class"
             }
           ],
+          "isReadonly": true,
           "releaseTag": "Public",
-          "name": "DelegatesARIATextbox",
-          "preserveMemberOrder": false,
-          "members": [],
-          "extendsTokenRanges": [
-            {
-              "startIndex": 1,
-              "endIndex": 2
-            }
-          ]
+          "name": "darkModeStylesheetBehavior",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 5
+          }
         },
         {
           "kind": "Class",
@@ -14853,7 +15901,7 @@
                 {
                   "kind": "Reference",
                   "text": "DialogModalType",
-                  "canonicalReference": "@fluentui/web-components!~DialogModalType:type"
+                  "canonicalReference": "@fluentui/web-components!DialogModalType:type"
                 },
                 {
                   "kind": "Content",
@@ -14883,7 +15931,7 @@
                 {
                   "kind": "Reference",
                   "text": "DialogModalType",
-                  "canonicalReference": "@fluentui/web-components!~DialogModalType:type"
+                  "canonicalReference": "@fluentui/web-components!DialogModalType:type"
                 },
                 {
                   "kind": "Content",
@@ -14892,7 +15940,7 @@
                 {
                   "kind": "Reference",
                   "text": "DialogModalType",
-                  "canonicalReference": "@fluentui/web-components!~DialogModalType:type"
+                  "canonicalReference": "@fluentui/web-components!DialogModalType:type"
                 },
                 {
                   "kind": "Content",
@@ -15227,6 +16275,67 @@
             "endIndex": 6
           }
         },
+        {
+          "kind": "TypeAlias",
+          "canonicalReference": "@fluentui/web-components!DialogModalType:type",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare type DialogModalType = "
+            },
+            {
+              "kind": "Reference",
+              "text": "ValuesOf",
+              "canonicalReference": "@fluentui/web-components!~ValuesOf:type"
+            },
+            {
+              "kind": "Content",
+              "text": "<typeof "
+            },
+            {
+              "kind": "Reference",
+              "text": "DialogModalType",
+              "canonicalReference": "@fluentui/web-components!DialogModalType:var"
+            },
+            {
+              "kind": "Content",
+              "text": ">"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "DialogModalType",
+          "typeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 5
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!DialogModalType:var",
+          "docComment": "/**\n * Dialog modal type\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "DialogModalType: "
+            },
+            {
+              "kind": "Content",
+              "text": "{\n    readonly modal: \"modal\";\n    readonly nonModal: \"non-modal\";\n    readonly alert: \"alert\";\n}"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "DialogModalType",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!DialogStyles:var",
@@ -15302,7 +16411,7 @@
             {
               "kind": "Reference",
               "text": "CSSDisplayPropertyValue",
-              "canonicalReference": "@fluentui/web-components!CSSDisplayPropertyValue:type"
+              "canonicalReference": "@fluentui/web-components!~CSSDisplayPropertyValue:type"
             },
             {
               "kind": "Content",
@@ -15913,6 +17022,32 @@
             "endIndex": 0
           }
         },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!durationGentle:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "durationGentle = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--durationGentle)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "durationGentle",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!durationNormal:var",
@@ -16593,32 +17728,6 @@
             "endIndex": 5
           }
         },
-        {
-          "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!hidden:var",
-          "docComment": "/**\n * A CSS fragment to set `display: none;` when the host is hidden using the [hidden] attribute.\n *\n * @public\n */\n",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "hidden = "
-            },
-            {
-              "kind": "Content",
-              "text": "\":host([hidden]){display:none}\""
-            }
-          ],
-          "initializerTokenRange": {
-            "startIndex": 1,
-            "endIndex": 2
-          },
-          "isReadonly": true,
-          "releaseTag": "Public",
-          "name": "hidden",
-          "variableTypeTokenRange": {
-            "startIndex": 0,
-            "endIndex": 0
-          }
-        },
         {
           "kind": "Class",
           "canonicalReference": "@fluentui/web-components!Image_2:class",
@@ -17114,7 +18223,7 @@
                 {
                   "kind": "Reference",
                   "text": "LabelSize",
-                  "canonicalReference": "@fluentui/web-components!~LabelSize:type"
+                  "canonicalReference": "@fluentui/web-components!LabelSize:type"
                 },
                 {
                   "kind": "Content",
@@ -17144,7 +18253,7 @@
                 {
                   "kind": "Reference",
                   "text": "LabelWeight",
-                  "canonicalReference": "@fluentui/web-components!~LabelWeight:type"
+                  "canonicalReference": "@fluentui/web-components!LabelWeight:type"
                 },
                 {
                   "kind": "Content",
@@ -17209,6 +18318,67 @@
             "endIndex": 6
           }
         },
+        {
+          "kind": "TypeAlias",
+          "canonicalReference": "@fluentui/web-components!LabelSize:type",
+          "docComment": "/**\n * Applies font size to label\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare type LabelSize = "
+            },
+            {
+              "kind": "Reference",
+              "text": "ValuesOf",
+              "canonicalReference": "@fluentui/web-components!~ValuesOf:type"
+            },
+            {
+              "kind": "Content",
+              "text": "<typeof "
+            },
+            {
+              "kind": "Reference",
+              "text": "LabelSize",
+              "canonicalReference": "@fluentui/web-components!LabelSize:var"
+            },
+            {
+              "kind": "Content",
+              "text": ">"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "LabelSize",
+          "typeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 5
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!LabelSize:var",
+          "docComment": "/**\n * A Labels font size can be small, medium, or large\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "LabelSize: "
+            },
+            {
+              "kind": "Content",
+              "text": "{\n    readonly small: \"small\";\n    readonly medium: \"medium\";\n    readonly large: \"large\";\n}"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "LabelSize",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!LabelStyles:var",
@@ -17272,6 +18442,67 @@
             "endIndex": 5
           }
         },
+        {
+          "kind": "TypeAlias",
+          "canonicalReference": "@fluentui/web-components!LabelWeight:type",
+          "docComment": "/**\n * Applies font weight to label\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare type LabelWeight = "
+            },
+            {
+              "kind": "Reference",
+              "text": "ValuesOf",
+              "canonicalReference": "@fluentui/web-components!~ValuesOf:type"
+            },
+            {
+              "kind": "Content",
+              "text": "<typeof "
+            },
+            {
+              "kind": "Reference",
+              "text": "LabelWeight",
+              "canonicalReference": "@fluentui/web-components!LabelWeight:var"
+            },
+            {
+              "kind": "Content",
+              "text": ">"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "LabelWeight",
+          "typeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 5
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!LabelWeight:var",
+          "docComment": "/**\n * A label can have a font weight of regular or strong\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "LabelWeight: "
+            },
+            {
+              "kind": "Content",
+              "text": "{\n    readonly regular: \"regular\";\n    readonly semibold: \"semibold\";\n}"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "LabelWeight",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!lightModeStylesheetBehavior:var",
@@ -21431,7 +22662,7 @@
                 {
                   "kind": "Reference",
                   "text": "RadioGroupOrientation",
-                  "canonicalReference": "@fluentui/web-components!~RadioGroupOrientation:type"
+                  "canonicalReference": "@fluentui/web-components!RadioGroupOrientation:type"
                 },
                 {
                   "kind": "Content",
@@ -21648,16 +22879,52 @@
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "definition: "
-            },
-            {
-              "kind": "Content",
-              "text": "import(\"@microsoft/fast-element\")."
+              "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": "RadioGroup",
+              "canonicalReference": "@fluentui/web-components!RadioGroup:class"
+            },
+            {
+              "kind": "Content",
+              "text": ">"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "RadioGroupDefinition",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 6
+          }
+        },
+        {
+          "kind": "TypeAlias",
+          "canonicalReference": "@fluentui/web-components!RadioGroupOrientation:type",
+          "docComment": "/**\n * Types of Radio Group orientation\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare type RadioGroupOrientation = "
             },
             {
               "kind": "Reference",
-              "text": "FASTElementDefinition",
-              "canonicalReference": "@microsoft/fast-element!FASTElementDefinition:class"
+              "text": "ValuesOf",
+              "canonicalReference": "@fluentui/web-components!~ValuesOf:type"
             },
             {
               "kind": "Content",
@@ -21665,20 +22932,45 @@
             },
             {
               "kind": "Reference",
-              "text": "RadioGroup",
-              "canonicalReference": "@fluentui/web-components!RadioGroup:class"
+              "text": "RadioGroupOrientation",
+              "canonicalReference": "@fluentui/web-components!RadioGroupOrientation:var"
             },
             {
               "kind": "Content",
               "text": ">"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "RadioGroupOrientation",
+          "typeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 5
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!RadioGroupOrientation:var",
+          "docComment": "/**\n * Radio Group orientation\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "RadioGroupOrientation: "
+            },
+            {
+              "kind": "Content",
+              "text": "{\n    readonly horizontal: \"horizontal\"; /**\n     * Radio Group orientation\n     * @public\n     */\n    readonly vertical: \"vertical\";\n}"
             }
           ],
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "RadioGroupDefinition",
+          "name": "RadioGroupOrientation",
           "variableTypeTokenRange": {
             "startIndex": 1,
-            "endIndex": 6
+            "endIndex": 2
           }
         },
         {
@@ -23994,8 +25286,8 @@
             },
             {
               "kind": "Reference",
-              "text": "ProgressRing",
-              "canonicalReference": "@fluentui/web-components!~ProgressRing:class"
+              "text": "BaseProgress",
+              "canonicalReference": "@fluentui/web-components!~BaseProgress:class"
             },
             {
               "kind": "Content",
@@ -24174,6 +25466,49 @@
             "endIndex": 6
           }
         },
+        {
+          "kind": "TypeAlias",
+          "canonicalReference": "@fluentui/web-components!SpinnerOptions:type",
+          "docComment": "/**\n * Progress configuration options\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare type SpinnerOptions = "
+            },
+            {
+              "kind": "Content",
+              "text": "{\n    indeterminateIndicator?: "
+            },
+            {
+              "kind": "Reference",
+              "text": "StaticallyComposableHTML",
+              "canonicalReference": "@fluentui/web-components!~StaticallyComposableHTML:type"
+            },
+            {
+              "kind": "Content",
+              "text": "<"
+            },
+            {
+              "kind": "Reference",
+              "text": "Spinner",
+              "canonicalReference": "@fluentui/web-components!Spinner:class"
+            },
+            {
+              "kind": "Content",
+              "text": ">;\n}"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "SpinnerOptions",
+          "typeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 6
+          }
+        },
         {
           "kind": "TypeAlias",
           "canonicalReference": "@fluentui/web-components!SpinnerSize:type",
@@ -25116,7 +26451,7 @@
             {
               "kind": "Reference",
               "text": "BaseTabs",
-              "canonicalReference": "@fluentui/web-components!BaseTabs:class"
+              "canonicalReference": "@fluentui/web-components!~BaseTabs:class"
             },
             {
               "kind": "Content",
@@ -26159,106 +27494,6 @@
             "endIndex": 6
           }
         },
-        {
-          "kind": "TypeAlias",
-          "canonicalReference": "@fluentui/web-components!TextFieldOptions:type",
-          "docComment": "",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "export declare type TextFieldOptions = "
-            },
-            {
-              "kind": "Reference",
-              "text": "StartEndOptions",
-              "canonicalReference": "@fluentui/web-components!~StartEndOptions:type"
-            },
-            {
-              "kind": "Content",
-              "text": "<"
-            },
-            {
-              "kind": "Reference",
-              "text": "TextInput",
-              "canonicalReference": "@fluentui/web-components!TextInput:class"
-            },
-            {
-              "kind": "Content",
-              "text": ">"
-            },
-            {
-              "kind": "Content",
-              "text": ";"
-            }
-          ],
-          "releaseTag": "Public",
-          "name": "TextFieldOptions",
-          "typeTokenRange": {
-            "startIndex": 1,
-            "endIndex": 5
-          }
-        },
-        {
-          "kind": "TypeAlias",
-          "canonicalReference": "@fluentui/web-components!TextFieldType:type",
-          "docComment": "/**\n * Types for the text field sub-types\n *\n * @public\n */\n",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "export declare type TextFieldType = "
-            },
-            {
-              "kind": "Reference",
-              "text": "ValuesOf",
-              "canonicalReference": "@fluentui/web-components!~ValuesOf:type"
-            },
-            {
-              "kind": "Content",
-              "text": "<typeof "
-            },
-            {
-              "kind": "Reference",
-              "text": "TextFieldType",
-              "canonicalReference": "@fluentui/web-components!TextFieldType:var"
-            },
-            {
-              "kind": "Content",
-              "text": ">"
-            },
-            {
-              "kind": "Content",
-              "text": ";"
-            }
-          ],
-          "releaseTag": "Public",
-          "name": "TextFieldType",
-          "typeTokenRange": {
-            "startIndex": 1,
-            "endIndex": 5
-          }
-        },
-        {
-          "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!TextFieldType:var",
-          "docComment": "/**\n * Text field sub-types\n *\n * @public\n */\n",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "TextFieldType: "
-            },
-            {
-              "kind": "Content",
-              "text": "{\n    readonly email: \"email\";\n    readonly password: \"password\";\n    readonly tel: \"tel\";\n    readonly text: \"text\";\n    readonly url: \"url\";\n}"
-            }
-          ],
-          "isReadonly": true,
-          "releaseTag": "Public",
-          "name": "TextFieldType",
-          "variableTypeTokenRange": {
-            "startIndex": 1,
-            "endIndex": 2
-          }
-        },
         {
           "kind": "TypeAlias",
           "canonicalReference": "@fluentui/web-components!TextFont:type",
@@ -26975,8 +28210,8 @@
                 },
                 {
                   "kind": "Reference",
-                  "text": "TextFieldType",
-                  "canonicalReference": "@fluentui/web-components!TextFieldType:type"
+                  "text": "TextInputType",
+                  "canonicalReference": "@fluentui/web-components!TextInputType:type"
                 },
                 {
                   "kind": "Content",
@@ -27052,7 +28287,7 @@
             {
               "kind": "Reference",
               "text": "DelegatesARIATextbox",
-              "canonicalReference": "@fluentui/web-components!DelegatesARIATextbox:class"
+              "canonicalReference": "@fluentui/web-components!~DelegatesARIATextbox:class"
             },
             {
               "kind": "Content",
@@ -27236,6 +28471,45 @@
             "endIndex": 6
           }
         },
+        {
+          "kind": "TypeAlias",
+          "canonicalReference": "@fluentui/web-components!TextInputOptions:type",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare type TextInputOptions = "
+            },
+            {
+              "kind": "Reference",
+              "text": "StartEndOptions",
+              "canonicalReference": "@fluentui/web-components!~StartEndOptions:type"
+            },
+            {
+              "kind": "Content",
+              "text": "<"
+            },
+            {
+              "kind": "Reference",
+              "text": "TextInput",
+              "canonicalReference": "@fluentui/web-components!TextInput:class"
+            },
+            {
+              "kind": "Content",
+              "text": ">"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "TextInputOptions",
+          "typeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 5
+          }
+        },
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!TextInputStyles:var",
@@ -27263,6 +28537,67 @@
             "endIndex": 3
           }
         },
+        {
+          "kind": "TypeAlias",
+          "canonicalReference": "@fluentui/web-components!TextInputType:type",
+          "docComment": "/**\n * Types for the text field sub-types\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare type TextInputType = "
+            },
+            {
+              "kind": "Reference",
+              "text": "ValuesOf",
+              "canonicalReference": "@fluentui/web-components!~ValuesOf:type"
+            },
+            {
+              "kind": "Content",
+              "text": "<typeof "
+            },
+            {
+              "kind": "Reference",
+              "text": "TextInputType",
+              "canonicalReference": "@fluentui/web-components!TextInputType:var"
+            },
+            {
+              "kind": "Content",
+              "text": ">"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "TextInputType",
+          "typeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 5
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!TextInputType:var",
+          "docComment": "/**\n * Text field sub-types\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "TextInputType: "
+            },
+            {
+              "kind": "Content",
+              "text": "{\n    readonly email: \"email\";\n    readonly password: \"password\";\n    readonly tel: \"tel\";\n    readonly text: \"text\";\n    readonly url: \"url\";\n}"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "TextInputType",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
         {
           "kind": "TypeAlias",
           "canonicalReference": "@fluentui/web-components!TextSize:type",