@fluentui/web-components 3.0.0-beta.21 → 3.0.0-beta.22

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

@@ -125,6 +125,36 @@
         {
           "tagName": "@preapproved",
           "syntaxKind": "modifier"
+        },
+        {
+          "tagName": "@slot",
+          "syntaxKind": "block",
+          "allowMultiple": true
+        },
+        {
+          "tagName": "@csspart",
+          "syntaxKind": "block",
+          "allowMultiple": true
+        },
+        {
+          "tagName": "@cssprop",
+          "syntaxKind": "block",
+          "allowMultiple": true
+        },
+        {
+          "tagName": "@cssproperty",
+          "syntaxKind": "block",
+          "allowMultiple": true
+        },
+        {
+          "tagName": "@event",
+          "syntaxKind": "block",
+          "allowMultiple": true
+        },
+        {
+          "tagName": "@fires",
+          "syntaxKind": "block",
+          "allowMultiple": true
         }
       ],
       "supportForTags": {
@@ -155,7 +185,13 @@
         "@virtual": true,
         "@betaDocumentation": true,
         "@internalRemarks": true,
-        "@preapproved": true
+        "@preapproved": true,
+        "@slot": true,
+        "@csspart": true,
+        "@cssprop": true,
+        "@cssproperty": true,
+        "@event": true,
+        "@fires": true
       },
       "reportUnsupportedHtmlElements": false
     }
@@ -175,7 +211,7 @@
         {
           "kind": "Class",
           "canonicalReference": "@fluentui/web-components!Accordion:class",
-          "docComment": "/**\n * An Accordion Custom HTML Element Implements {@link https://www.w3.org/TR/wai-aria-practices-1.1/#accordion | ARIA Accordion}.\n *\n * @fires change - Fires a custom 'change' event when the active item changes  @csspart item - The slot for the accordion items\n *\n * @public\n */\n",
+          "docComment": "/**\n * An Accordion Custom HTML Element Implements {@link https://www.w3.org/TR/wai-aria-practices-1.1/#accordion | ARIA Accordion}.\n *\n * @fires\n *\n * change - Fires a custom 'change' event when the active item changes\n *\n * @csspart\n *\n * item - The slot for the accordion items\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -374,7 +410,7 @@
         {
           "kind": "TypeAlias",
           "canonicalReference": "@fluentui/web-components!AccordionExpandMode:type",
-          "docComment": "/**\n * Type for the {@link FASTAccordion} Expand Mode\n *\n * @public\n */\n",
+          "docComment": "/**\n * Type for the {@link Accordion} Expand Mode\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -413,7 +449,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!AccordionExpandMode:var",
-          "docComment": "/**\n * Expand mode for {@link FASTAccordion}\n *\n * @public\n */\n",
+          "docComment": "/**\n * Expand mode for {@link Accordion}\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -435,7 +471,7 @@
         {
           "kind": "Class",
           "canonicalReference": "@fluentui/web-components!AccordionItem:class",
-          "docComment": "/**\n * @slot start - Content which can be provided between the heading and the icon  @slot end - Content which can be provided between the start slot and icon  @slot heading - Content which serves as the accordion item heading and text of the expand button  @slot - The default slot for accordion item content  @slot expanded-icon - The expanded icon  @slot collapsed-icon - The collapsed icon  @fires change - Fires a custom 'change' event when the button is invoked  @csspart heading - Wraps the button  @csspart button - The button which serves to invoke the item  @csspart heading-content - Wraps the slot for the heading content within the button  @csspart icon - The icon container  @csspart region - The wrapper for the accordion item content\n *\n * @public\n */\n",
+          "docComment": "/**\n * @slot\n *\n * start - Content which can be provided between the heading and the icon\n *\n * @slot\n *\n * end - Content which can be provided between the start slot and icon\n *\n * @slot\n *\n * heading - Content which serves as the accordion item heading and text of the expand button\n *\n * @slot\n *\n * - The default slot for accordion item content\n *\n * @slot\n *\n * expanded-icon - The expanded icon\n *\n * @slot\n *\n * collapsed-icon - The collapsed icon\n *\n * @fires\n *\n * change - Fires a custom 'change' event when the button is invoked\n *\n * @csspart\n *\n * heading - Wraps the button\n *\n * @csspart\n *\n * button - The button which serves to invoke the item\n *\n * @csspart\n *\n * heading-content - Wraps the slot for the heading content within the button\n *\n * @csspart\n *\n * icon - The icon container\n *\n * @csspart\n *\n * region - The wrapper for the accordion item content\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -545,7 +581,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@fluentui/web-components!AccordionItem#expandIconPosition:member",
-              "docComment": "/**\n * Sets expand and collapsed icon position.\n *\n * @default 'start'\n *\n * @remarks\n *\n * HTML Attribute: expandIconPosition\n *\n * @public\n */\n",
+              "docComment": "/**\n * Sets expand and collapsed icon position.\n *\n * @remarks\n *\n * HTML Attribute: expand-icon-position\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -575,7 +611,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@fluentui/web-components!AccordionItem#headinglevel:member",
-              "docComment": "/**\n * Configures the {@link https://www.w3.org/TR/wai-aria-1.1/#aria-level | level} of the heading element.\n *\n * @remarks\n *\n * HTML attribute: heading-level\n *\n * @defaultValue\n *\n * 2\n *\n * @public\n */\n",
+              "docComment": "/**\n * Configures the {@link https://www.w3.org/TR/wai-aria-1.1/#aria-level | level} of the heading element.\n *\n * @remarks\n *\n * HTML attribute: heading-level\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -633,7 +669,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@fluentui/web-components!AccordionItem#size:member",
-              "docComment": "/**\n * Defines accordion header font size.\n *\n * @default 'medium'\n *\n * @remarks\n *\n * HTML Attribute: size\n *\n * @public\n */\n",
+              "docComment": "/**\n * Defines accordion header font size.\n *\n * @remarks\n *\n * HTML Attribute: size\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -1033,7 +1069,7 @@
         {
           "kind": "Class",
           "canonicalReference": "@fluentui/web-components!AnchorButton:class",
-          "docComment": "/**\n * An Anchor Custom HTML Element. Based largely on the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element}.\n *\n * @slot start - Content which can be provided before the anchor content  @slot end - Content which can be provided after the anchor content  @slot - The default slot for anchor content  @csspart control - The anchor element  @csspart content - The element wrapping anchor content\n *\n * @public\n */\n",
+          "docComment": "/**\n * An Anchor Custom HTML Element. Based largely on the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element}.\n *\n * @slot\n *\n * start - Content which can be provided before the anchor content\n *\n * @slot\n *\n * end - Content which can be provided after the anchor content\n *\n * @slot\n *\n * - The default slot for anchor content\n *\n * @csspart\n *\n * control - The anchor element\n *\n * @csspart\n *\n * content - The element wrapping anchor content\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -3339,7 +3375,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!borderRadiusCircular:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#borderRadiusCircular | `borderRadiusCircular`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -3365,7 +3401,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!borderRadiusLarge:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#borderRadiusLarge | `borderRadiusLarge`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -3391,7 +3427,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!borderRadiusMedium:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#borderRadiusMedium | `borderRadiusMedium`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -3417,7 +3453,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!borderRadiusNone:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#borderRadiusNone | `borderRadiusNone`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -3443,7 +3479,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!borderRadiusSmall:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#borderRadiusSmall | `borderRadiusSmall`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -3469,7 +3505,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!borderRadiusXLarge:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#borderRadiusXLarge | `borderRadiusXLarge`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -3495,7 +3531,7 @@
         {
           "kind": "Class",
           "canonicalReference": "@fluentui/web-components!Button:class",
-          "docComment": "/**\n * A Button Custom HTML Element. Based largely on the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | `<button>`} element.\n *\n * @slot start - Content which can be provided before the button content  @slot end - Content which can be provided after the button content  @slot - The default slot for button content  @csspart content - The button content container\n *\n * @public\n */\n",
+          "docComment": "/**\n * A Button Custom HTML Element. Based largely on the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | `<button>`} element.\n *\n * @slot\n *\n * start - Content which can be provided before the button content\n *\n * @slot\n *\n * end - Content which can be provided after the button content\n *\n * @slot\n *\n * - The default slot for button content\n *\n * @csspart\n *\n * content - The button content container\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -4711,7 +4747,7 @@
         {
           "kind": "Class",
           "canonicalReference": "@fluentui/web-components!Checkbox:class",
-          "docComment": "/**\n * A Checkbox Custom HTML Element. Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#checkbox | ARIA checkbox}.\n *\n * @slot checked-indicator - The checked indicator  @slot indeterminate-indicator - The indeterminate indicator  @slot - The default slot for the label  @csspart control - The element representing the visual checkbox control  @csspart label - The label  @fires change - Emits a custom change event when the checked state changes\n *\n * @public\n */\n",
+          "docComment": "/**\n * A Checkbox Custom HTML Element. Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#checkbox | ARIA checkbox}.\n *\n * @slot\n *\n * checked-indicator - The checked indicator\n *\n * @slot\n *\n * indeterminate-indicator - The indeterminate indicator\n *\n * @slot\n *\n * - The default slot for the label\n *\n * @csspart\n *\n * control - The element representing the visual checkbox control\n *\n * @csspart\n *\n * label - The label\n *\n * @fires\n *\n * change - Emits a custom change event when the checked state changes\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -4778,7 +4814,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@fluentui/web-components!Checkbox#labelPosition:member",
-              "docComment": "/**\n * Sets position of the label relative to the input\n *\n * @default 'after'\n *\n * @remarks\n *\n * HTML Attribute: label-position\n *\n * @public\n */\n",
+              "docComment": "/**\n * Sets position of the label relative to the input\n *\n * @remarks\n *\n * HTML Attribute: label-position\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -4787,7 +4823,7 @@
                 {
                   "kind": "Reference",
                   "text": "CheckboxLabelPosition",
-                  "canonicalReference": "@fluentui/web-components!CheckboxLabelPosition:type"
+                  "canonicalReference": "@fluentui/web-components!~CheckboxLabelPosition:type"
                 },
                 {
                   "kind": "Content",
@@ -4808,7 +4844,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@fluentui/web-components!Checkbox#shape:member",
-              "docComment": "/**\n * Sets shape of the checkbox.\n *\n * @default 'square'\n *\n * @remarks\n *\n * HTML Attribute: shape\n *\n * @public\n */\n",
+              "docComment": "/**\n * Sets shape of the checkbox.\n *\n * @remarks\n *\n * HTML Attribute: shape\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -4838,7 +4874,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@fluentui/web-components!Checkbox#size:member",
-              "docComment": "/**\n * Sets size of the checkbox.\n *\n * @default 'medium'\n *\n * @remarks\n *\n * HTML Attribute: size\n *\n * @public\n */\n",
+              "docComment": "/**\n * Sets size of the checkbox.\n *\n * @remarks\n *\n * HTML Attribute: size\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -4912,67 +4948,6 @@
             "endIndex": 6
           }
         },
-        {
-          "kind": "TypeAlias",
-          "canonicalReference": "@fluentui/web-components!CheckboxLabelPosition:type",
-          "docComment": "",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "export declare type CheckboxLabelPosition = "
-            },
-            {
-              "kind": "Reference",
-              "text": "ValuesOf",
-              "canonicalReference": "@fluentui/web-components!~ValuesOf:type"
-            },
-            {
-              "kind": "Content",
-              "text": "<typeof "
-            },
-            {
-              "kind": "Reference",
-              "text": "CheckboxLabelPosition",
-              "canonicalReference": "@fluentui/web-components!CheckboxLabelPosition:var"
-            },
-            {
-              "kind": "Content",
-              "text": ">"
-            },
-            {
-              "kind": "Content",
-              "text": ";"
-            }
-          ],
-          "releaseTag": "Public",
-          "name": "CheckboxLabelPosition",
-          "typeTokenRange": {
-            "startIndex": 1,
-            "endIndex": 5
-          }
-        },
-        {
-          "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!CheckboxLabelPosition:var",
-          "docComment": "/**\n * Checkbox label position\n *\n * @public\n */\n",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "CheckboxLabelPosition: "
-            },
-            {
-              "kind": "Content",
-              "text": "{\n    readonly before: \"before\";\n    readonly after: \"after\";\n}"
-            }
-          ],
-          "isReadonly": true,
-          "releaseTag": "Public",
-          "name": "CheckboxLabelPosition",
-          "variableTypeTokenRange": {
-            "startIndex": 1,
-            "endIndex": 2
-          }
-        },
         {
           "kind": "TypeAlias",
           "canonicalReference": "@fluentui/web-components!CheckboxOptions:type",
@@ -5222,7 +5197,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBackgroundOverlay:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorBackgroundOverlay | `colorBackgroundOverlay`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5248,7 +5223,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandBackground:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorBrandBackground | `colorBrandBackground`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5274,7 +5249,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorBrandBackground2 | `colorBrandBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5300,7 +5275,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandBackground2Hover:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorBrandBackground2Hover | `colorBrandBackground2Hover`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5326,7 +5301,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandBackground2Pressed:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorBrandBackground2Pressed | `colorBrandBackground2Pressed`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5352,7 +5327,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandBackground3Static:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorBrandBackground3Static | `colorBrandBackground3Static`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5378,7 +5353,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandBackground4Static:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorBrandBackground4Static | `colorBrandBackground4Static`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5404,7 +5379,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandBackgroundHover:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorBrandBackgroundHover | `colorBrandBackgroundHover`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5430,7 +5405,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandBackgroundInverted:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorBrandBackgroundInverted | `colorBrandBackgroundInverted`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5456,7 +5431,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandBackgroundInvertedHover:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorBrandBackgroundInvertedHover | `colorBrandBackgroundInvertedHover`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5482,7 +5457,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandBackgroundInvertedPressed:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorBrandBackgroundInvertedPressed | `colorBrandBackgroundInvertedPressed`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5508,7 +5483,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandBackgroundInvertedSelected:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorBrandBackgroundInvertedSelected | `colorBrandBackgroundInvertedSelected`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5534,7 +5509,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandBackgroundPressed:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorBrandBackgroundPressed | `colorBrandBackgroundPressed`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5560,7 +5535,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandBackgroundSelected:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorBrandBackgroundSelected | `colorBrandBackgroundSelected`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5586,7 +5561,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandBackgroundStatic:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorBrandBackgroundStatic | `colorBrandBackgroundStatic`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5612,7 +5587,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandForeground1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorBrandForeground1 | `colorBrandForeground1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5638,7 +5613,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorBrandForeground2 | `colorBrandForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5664,7 +5639,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandForeground2Hover:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorBrandForeground2Hover | `colorBrandForeground2Hover`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5690,7 +5665,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandForeground2Pressed:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorBrandForeground2Pressed | `colorBrandForeground2Pressed`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5716,7 +5691,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandForegroundInverted:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorBrandForegroundInverted | `colorBrandForegroundInverted`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5742,7 +5717,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandForegroundInvertedHover:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorBrandForegroundInvertedHover | `colorBrandForegroundInvertedHover`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5768,7 +5743,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandForegroundInvertedPressed:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorBrandForegroundInvertedPressed | `colorBrandForegroundInvertedPressed`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5794,7 +5769,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandForegroundLink:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorBrandForegroundLink | `colorBrandForegroundLink`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5820,7 +5795,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandForegroundLinkHover:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorBrandForegroundLinkHover | `colorBrandForegroundLinkHover`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5846,7 +5821,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandForegroundLinkPressed:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorBrandForegroundLinkPressed | `colorBrandForegroundLinkPressed`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5872,7 +5847,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandForegroundLinkSelected:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorBrandForegroundLinkSelected | `colorBrandForegroundLinkSelected`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5898,7 +5873,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandForegroundOnLight:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorBrandForegroundOnLight | `colorBrandForegroundOnLight`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5924,7 +5899,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandForegroundOnLightHover:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorBrandForegroundOnLightHover | `colorBrandForegroundOnLightHover`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5950,7 +5925,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandForegroundOnLightPressed:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorBrandForegroundOnLightPressed | `colorBrandForegroundOnLightPressed`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -5976,7 +5951,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandForegroundOnLightSelected:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorBrandForegroundOnLightSelected | `colorBrandForegroundOnLightSelected`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6002,7 +5977,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandShadowAmbient:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorBrandShadowAmbient | `colorBrandShadowAmbient`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6028,7 +6003,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandShadowKey:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorBrandShadowKey | `colorBrandShadowKey`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6054,7 +6029,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandStroke1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorBrandStroke1 | `colorBrandStroke1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6080,7 +6055,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandStroke2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorBrandStroke2 | `colorBrandStroke2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6106,7 +6081,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandStroke2Contrast:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorBrandStroke2Contrast | `colorBrandStroke2Contrast`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6132,7 +6107,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandStroke2Hover:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorBrandStroke2Hover | `colorBrandStroke2Hover`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6158,7 +6133,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandStroke2Pressed:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorBrandStroke2Pressed | `colorBrandStroke2Pressed`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6184,7 +6159,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorCompoundBrandBackground:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorCompoundBrandBackground | `colorCompoundBrandBackground`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6210,7 +6185,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorCompoundBrandBackgroundHover:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorCompoundBrandBackgroundHover | `colorCompoundBrandBackgroundHover`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6236,7 +6211,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorCompoundBrandBackgroundPressed:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorCompoundBrandBackgroundPressed | `colorCompoundBrandBackgroundPressed`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6262,7 +6237,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorCompoundBrandForeground1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorCompoundBrandForeground1 | `colorCompoundBrandForeground1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6288,7 +6263,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorCompoundBrandForeground1Hover:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorCompoundBrandForeground1Hover | `colorCompoundBrandForeground1Hover`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6314,7 +6289,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorCompoundBrandForeground1Pressed:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorCompoundBrandForeground1Pressed | `colorCompoundBrandForeground1Pressed`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6340,7 +6315,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorCompoundBrandStroke:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorCompoundBrandStroke | `colorCompoundBrandStroke`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6366,7 +6341,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorCompoundBrandStrokeHover:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorCompoundBrandStrokeHover | `colorCompoundBrandStrokeHover`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6392,7 +6367,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorCompoundBrandStrokePressed:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorCompoundBrandStrokePressed | `colorCompoundBrandStrokePressed`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6418,7 +6393,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralBackground1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground1 | `colorNeutralBackground1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6444,7 +6419,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralBackground1Hover:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground1Hover | `colorNeutralBackground1Hover`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6470,7 +6445,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralBackground1Pressed:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground1Pressed | `colorNeutralBackground1Pressed`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6496,7 +6471,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralBackground1Selected:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground1Selected | `colorNeutralBackground1Selected`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6522,7 +6497,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground2 | `colorNeutralBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6548,7 +6523,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralBackground2Hover:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground2Hover | `colorNeutralBackground2Hover`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6574,7 +6549,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralBackground2Pressed:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground2Pressed | `colorNeutralBackground2Pressed`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6600,7 +6575,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralBackground2Selected:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground2Selected | `colorNeutralBackground2Selected`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6626,7 +6601,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralBackground3:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground3 | `colorNeutralBackground3`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6652,7 +6627,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralBackground3Hover:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground3Hover | `colorNeutralBackground3Hover`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6678,7 +6653,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralBackground3Pressed:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground3Pressed | `colorNeutralBackground3Pressed`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6704,7 +6679,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralBackground3Selected:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground3Selected | `colorNeutralBackground3Selected`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6730,7 +6705,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralBackground4:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground4 | `colorNeutralBackground4`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6756,7 +6731,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralBackground4Hover:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground4Hover | `colorNeutralBackground4Hover`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6782,7 +6757,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralBackground4Pressed:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground4Pressed | `colorNeutralBackground4Pressed`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6808,7 +6783,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralBackground4Selected:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground4Selected | `colorNeutralBackground4Selected`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6834,7 +6809,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralBackground5:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground5 | `colorNeutralBackground5`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6860,7 +6835,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralBackground5Hover:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground5Hover | `colorNeutralBackground5Hover`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6886,7 +6861,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralBackground5Pressed:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground5Pressed | `colorNeutralBackground5Pressed`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6912,7 +6887,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralBackground5Selected:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground5Selected | `colorNeutralBackground5Selected`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6938,7 +6913,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralBackground6:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground6 | `colorNeutralBackground6`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6964,7 +6939,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralBackgroundAlpha:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackgroundAlpha | `colorNeutralBackgroundAlpha`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -6990,7 +6965,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralBackgroundAlpha2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackgroundAlpha2 | `colorNeutralBackgroundAlpha2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7016,7 +6991,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralBackgroundDisabled:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackgroundDisabled | `colorNeutralBackgroundDisabled`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7042,7 +7017,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralBackgroundInverted:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackgroundInverted | `colorNeutralBackgroundInverted`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7068,7 +7043,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralBackgroundInvertedDisabled:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackgroundInvertedDisabled | `colorNeutralBackgroundInvertedDisabled`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7094,7 +7069,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralBackgroundStatic:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackgroundStatic | `colorNeutralBackgroundStatic`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7120,7 +7095,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralCardBackground:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralCardBackground | `colorNeutralCardBackground`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7146,7 +7121,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralCardBackgroundDisabled:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralCardBackgroundDisabled | `colorNeutralCardBackgroundDisabled`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7172,7 +7147,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralCardBackgroundHover:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralCardBackgroundHover | `colorNeutralCardBackgroundHover`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7198,7 +7173,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralCardBackgroundPressed:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralCardBackgroundPressed | `colorNeutralCardBackgroundPressed`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7224,7 +7199,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralCardBackgroundSelected:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralCardBackgroundSelected | `colorNeutralCardBackgroundSelected`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7250,7 +7225,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralForeground1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground1 | `colorNeutralForeground1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7276,7 +7251,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralForeground1Hover:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground1Hover | `colorNeutralForeground1Hover`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7302,7 +7277,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralForeground1Pressed:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground1Pressed | `colorNeutralForeground1Pressed`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7328,7 +7303,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralForeground1Selected:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground1Selected | `colorNeutralForeground1Selected`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7354,7 +7329,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralForeground1Static:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground1Static | `colorNeutralForeground1Static`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7380,7 +7355,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground2 | `colorNeutralForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7406,7 +7381,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralForeground2BrandHover:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground2BrandHover | `colorNeutralForeground2BrandHover`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7432,7 +7407,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralForeground2BrandPressed:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground2BrandPressed | `colorNeutralForeground2BrandPressed`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7458,7 +7433,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralForeground2BrandSelected:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground2BrandSelected | `colorNeutralForeground2BrandSelected`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7484,7 +7459,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralForeground2Hover:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground2Hover | `colorNeutralForeground2Hover`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7510,7 +7485,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralForeground2Link:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground2Link | `colorNeutralForeground2Link`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7536,7 +7511,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralForeground2LinkHover:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground2LinkHover | `colorNeutralForeground2LinkHover`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7562,7 +7537,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralForeground2LinkPressed:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground2LinkPressed | `colorNeutralForeground2LinkPressed`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7588,7 +7563,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralForeground2LinkSelected:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground2LinkSelected | `colorNeutralForeground2LinkSelected`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7614,7 +7589,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralForeground2Pressed:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground2Pressed | `colorNeutralForeground2Pressed`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7640,7 +7615,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralForeground2Selected:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground2Selected | `colorNeutralForeground2Selected`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7666,7 +7641,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralForeground3:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground3 | `colorNeutralForeground3`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7692,7 +7667,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralForeground3BrandHover:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground3BrandHover | `colorNeutralForeground3BrandHover`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7718,7 +7693,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralForeground3BrandPressed:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground3BrandPressed | `colorNeutralForeground3BrandPressed`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7744,7 +7719,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralForeground3BrandSelected:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground3BrandSelected | `colorNeutralForeground3BrandSelected`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7770,7 +7745,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralForeground3Hover:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground3Hover | `colorNeutralForeground3Hover`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7796,7 +7771,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralForeground3Pressed:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground3Pressed | `colorNeutralForeground3Pressed`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7822,7 +7797,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralForeground3Selected:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground3Selected | `colorNeutralForeground3Selected`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7848,7 +7823,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralForeground4:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground4 | `colorNeutralForeground4`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7874,7 +7849,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralForegroundDisabled:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForegroundDisabled | `colorNeutralForegroundDisabled`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7900,7 +7875,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralForegroundInverted:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForegroundInverted | `colorNeutralForegroundInverted`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7926,7 +7901,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralForegroundInverted2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForegroundInverted2 | `colorNeutralForegroundInverted2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7952,7 +7927,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralForegroundInvertedDisabled:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForegroundInvertedDisabled | `colorNeutralForegroundInvertedDisabled`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -7978,7 +7953,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralForegroundInvertedHover:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForegroundInvertedHover | `colorNeutralForegroundInvertedHover`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8004,7 +7979,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralForegroundInvertedLink:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForegroundInvertedLink | `colorNeutralForegroundInvertedLink`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8030,7 +8005,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralForegroundInvertedLinkHover:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForegroundInvertedLinkHover | `colorNeutralForegroundInvertedLinkHover`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8056,7 +8031,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralForegroundInvertedLinkPressed:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForegroundInvertedLinkPressed | `colorNeutralForegroundInvertedLinkPressed`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8082,7 +8057,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralForegroundInvertedLinkSelected:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForegroundInvertedLinkSelected | `colorNeutralForegroundInvertedLinkSelected`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8108,7 +8083,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralForegroundInvertedPressed:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForegroundInvertedPressed | `colorNeutralForegroundInvertedPressed`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8134,7 +8109,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralForegroundInvertedSelected:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForegroundInvertedSelected | `colorNeutralForegroundInvertedSelected`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8160,7 +8135,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralForegroundOnBrand:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForegroundOnBrand | `colorNeutralForegroundOnBrand`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8186,7 +8161,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralForegroundStaticInverted:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForegroundStaticInverted | `colorNeutralForegroundStaticInverted`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8212,7 +8187,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralShadowAmbient:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralShadowAmbient | `colorNeutralShadowAmbient`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8238,7 +8213,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralShadowAmbientDarker:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralShadowAmbientDarker | `colorNeutralShadowAmbientDarker`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8264,7 +8239,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralShadowAmbientLighter:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralShadowAmbientLighter | `colorNeutralShadowAmbientLighter`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8290,7 +8265,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralShadowKey:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralShadowKey | `colorNeutralShadowKey`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8316,7 +8291,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralShadowKeyDarker:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralShadowKeyDarker | `colorNeutralShadowKeyDarker`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8342,7 +8317,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralShadowKeyLighter:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralShadowKeyLighter | `colorNeutralShadowKeyLighter`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8368,7 +8343,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralStencil1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStencil1 | `colorNeutralStencil1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8394,7 +8369,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralStencil1Alpha:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStencil1Alpha | `colorNeutralStencil1Alpha`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8420,7 +8395,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralStencil2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStencil2 | `colorNeutralStencil2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8446,7 +8421,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralStencil2Alpha:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStencil2Alpha | `colorNeutralStencil2Alpha`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8472,7 +8447,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralStroke1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStroke1 | `colorNeutralStroke1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8498,7 +8473,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralStroke1Hover:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStroke1Hover | `colorNeutralStroke1Hover`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8524,7 +8499,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralStroke1Pressed:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStroke1Pressed | `colorNeutralStroke1Pressed`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8550,7 +8525,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralStroke1Selected:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStroke1Selected | `colorNeutralStroke1Selected`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8576,7 +8551,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralStroke2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStroke2 | `colorNeutralStroke2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8602,7 +8577,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralStroke3:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStroke3 | `colorNeutralStroke3`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8628,7 +8603,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralStrokeAccessible:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStrokeAccessible | `colorNeutralStrokeAccessible`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8654,7 +8629,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralStrokeAccessibleHover:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStrokeAccessibleHover | `colorNeutralStrokeAccessibleHover`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8680,7 +8655,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralStrokeAccessiblePressed:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStrokeAccessiblePressed | `colorNeutralStrokeAccessiblePressed`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8706,7 +8681,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralStrokeAccessibleSelected:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStrokeAccessibleSelected | `colorNeutralStrokeAccessibleSelected`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8732,7 +8707,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralStrokeAlpha:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStrokeAlpha | `colorNeutralStrokeAlpha`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8758,7 +8733,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralStrokeAlpha2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStrokeAlpha2 | `colorNeutralStrokeAlpha2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8784,7 +8759,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralStrokeDisabled:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStrokeDisabled | `colorNeutralStrokeDisabled`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8810,7 +8785,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralStrokeInvertedDisabled:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStrokeInvertedDisabled | `colorNeutralStrokeInvertedDisabled`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8836,7 +8811,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralStrokeOnBrand:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStrokeOnBrand | `colorNeutralStrokeOnBrand`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8862,7 +8837,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralStrokeOnBrand2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStrokeOnBrand2 | `colorNeutralStrokeOnBrand2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8888,7 +8863,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralStrokeOnBrand2Hover:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStrokeOnBrand2Hover | `colorNeutralStrokeOnBrand2Hover`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8914,7 +8889,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralStrokeOnBrand2Pressed:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStrokeOnBrand2Pressed | `colorNeutralStrokeOnBrand2Pressed`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8940,7 +8915,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralStrokeOnBrand2Selected:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStrokeOnBrand2Selected | `colorNeutralStrokeOnBrand2Selected`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8966,7 +8941,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralStrokeSubtle:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStrokeSubtle | `colorNeutralStrokeSubtle`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -8992,7 +8967,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteAnchorBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteAnchorBackground2 | `colorPaletteAnchorBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9018,7 +8993,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteAnchorBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteAnchorBorderActive | `colorPaletteAnchorBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9044,7 +9019,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteAnchorForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteAnchorForeground2 | `colorPaletteAnchorForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9070,7 +9045,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteBeigeBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBeigeBackground2 | `colorPaletteBeigeBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9096,7 +9071,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteBeigeBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBeigeBorderActive | `colorPaletteBeigeBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9122,7 +9097,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteBeigeForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBeigeForeground2 | `colorPaletteBeigeForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9148,7 +9123,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteBerryBackground1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBerryBackground1 | `colorPaletteBerryBackground1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9174,7 +9149,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteBerryBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBerryBackground2 | `colorPaletteBerryBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9200,7 +9175,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteBerryBackground3:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBerryBackground3 | `colorPaletteBerryBackground3`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9226,7 +9201,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteBerryBorder1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBerryBorder1 | `colorPaletteBerryBorder1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9252,7 +9227,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteBerryBorder2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBerryBorder2 | `colorPaletteBerryBorder2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9278,7 +9253,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteBerryBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBerryBorderActive | `colorPaletteBerryBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9304,7 +9279,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteBerryForeground1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBerryForeground1 | `colorPaletteBerryForeground1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9330,7 +9305,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteBerryForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBerryForeground2 | `colorPaletteBerryForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9356,7 +9331,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteBerryForeground3:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBerryForeground3 | `colorPaletteBerryForeground3`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9382,7 +9357,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteBlueBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBlueBackground2 | `colorPaletteBlueBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9408,7 +9383,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteBlueBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBlueBorderActive | `colorPaletteBlueBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9434,7 +9409,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteBlueForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBlueForeground2 | `colorPaletteBlueForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9460,7 +9435,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteBrassBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBrassBackground2 | `colorPaletteBrassBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9486,7 +9461,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteBrassBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBrassBorderActive | `colorPaletteBrassBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9512,7 +9487,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteBrassForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBrassForeground2 | `colorPaletteBrassForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9538,7 +9513,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteBrownBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBrownBackground2 | `colorPaletteBrownBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9564,7 +9539,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteBrownBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBrownBorderActive | `colorPaletteBrownBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9590,7 +9565,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteBrownForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBrownForeground2 | `colorPaletteBrownForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9616,7 +9591,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteCornflowerBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteCornflowerBackground2 | `colorPaletteCornflowerBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9642,7 +9617,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteCornflowerBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteCornflowerBorderActive | `colorPaletteCornflowerBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9668,7 +9643,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteCornflowerForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteCornflowerForeground2 | `colorPaletteCornflowerForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9694,7 +9669,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteCranberryBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteCranberryBackground2 | `colorPaletteCranberryBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9720,7 +9695,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteCranberryBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteCranberryBorderActive | `colorPaletteCranberryBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9746,7 +9721,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteCranberryForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteCranberryForeground2 | `colorPaletteCranberryForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9772,7 +9747,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteDarkGreenBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteDarkGreenBackground2 | `colorPaletteDarkGreenBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9798,7 +9773,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteDarkGreenBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteDarkGreenBorderActive | `colorPaletteDarkGreenBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9824,7 +9799,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteDarkGreenForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteDarkGreenForeground2 | `colorPaletteDarkGreenForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9850,7 +9825,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteDarkOrangeBackground1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteDarkOrangeBackground1 | `colorPaletteDarkOrangeBackground1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9876,7 +9851,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteDarkOrangeBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteDarkOrangeBackground2 | `colorPaletteDarkOrangeBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9902,7 +9877,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteDarkOrangeBackground3:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteDarkOrangeBackground3 | `colorPaletteDarkOrangeBackground3`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9928,7 +9903,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteDarkOrangeBorder1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteDarkOrangeBorder1 | `colorPaletteDarkOrangeBorder1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9954,7 +9929,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteDarkOrangeBorder2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteDarkOrangeBorder2 | `colorPaletteDarkOrangeBorder2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9980,7 +9955,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteDarkOrangeBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteDarkOrangeBorderActive | `colorPaletteDarkOrangeBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10006,7 +9981,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteDarkOrangeForeground1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteDarkOrangeForeground1 | `colorPaletteDarkOrangeForeground1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10032,7 +10007,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteDarkOrangeForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteDarkOrangeForeground2 | `colorPaletteDarkOrangeForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10058,7 +10033,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteDarkOrangeForeground3:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteDarkOrangeForeground3 | `colorPaletteDarkOrangeForeground3`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10084,7 +10059,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteDarkRedBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteDarkRedBackground2 | `colorPaletteDarkRedBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10110,7 +10085,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteDarkRedBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteDarkRedBorderActive | `colorPaletteDarkRedBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10136,7 +10111,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteDarkRedForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteDarkRedForeground2 | `colorPaletteDarkRedForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10162,7 +10137,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteForestBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteForestBackground2 | `colorPaletteForestBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10188,7 +10163,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteForestBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteForestBorderActive | `colorPaletteForestBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10214,7 +10189,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteForestForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteForestForeground2 | `colorPaletteForestForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10240,7 +10215,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteGoldBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteGoldBackground2 | `colorPaletteGoldBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10266,7 +10241,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteGoldBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteGoldBorderActive | `colorPaletteGoldBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10292,7 +10267,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteGoldForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteGoldForeground2 | `colorPaletteGoldForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10318,7 +10293,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteGrapeBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteGrapeBackground2 | `colorPaletteGrapeBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10344,7 +10319,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteGrapeBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteGrapeBorderActive | `colorPaletteGrapeBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10370,7 +10345,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteGrapeForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteGrapeForeground2 | `colorPaletteGrapeForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10396,7 +10371,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteGreenBackground1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteGreenBackground1 | `colorPaletteGreenBackground1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10422,7 +10397,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteGreenBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteGreenBackground2 | `colorPaletteGreenBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10448,7 +10423,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteGreenBackground3:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteGreenBackground3 | `colorPaletteGreenBackground3`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10474,7 +10449,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteGreenBorder1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteGreenBorder1 | `colorPaletteGreenBorder1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10500,7 +10475,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteGreenBorder2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteGreenBorder2 | `colorPaletteGreenBorder2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10526,7 +10501,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteGreenBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteGreenBorderActive | `colorPaletteGreenBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10552,7 +10527,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteGreenForeground1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteGreenForeground1 | `colorPaletteGreenForeground1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10578,7 +10553,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteGreenForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteGreenForeground2 | `colorPaletteGreenForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10604,7 +10579,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteGreenForeground3:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteGreenForeground3 | `colorPaletteGreenForeground3`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10630,7 +10605,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteGreenForegroundInverted:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteGreenForegroundInverted | `colorPaletteGreenForegroundInverted`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10656,7 +10631,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteLavenderBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteLavenderBackground2 | `colorPaletteLavenderBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10682,7 +10657,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteLavenderBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteLavenderBorderActive | `colorPaletteLavenderBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10708,7 +10683,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteLavenderForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteLavenderForeground2 | `colorPaletteLavenderForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10734,7 +10709,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteLightGreenBackground1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteLightGreenBackground1 | `colorPaletteLightGreenBackground1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10760,7 +10735,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteLightGreenBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteLightGreenBackground2 | `colorPaletteLightGreenBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10786,7 +10761,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteLightGreenBackground3:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteLightGreenBackground3 | `colorPaletteLightGreenBackground3`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10812,7 +10787,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteLightGreenBorder1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteLightGreenBorder1 | `colorPaletteLightGreenBorder1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10838,7 +10813,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteLightGreenBorder2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteLightGreenBorder2 | `colorPaletteLightGreenBorder2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10864,7 +10839,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteLightGreenBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteLightGreenBorderActive | `colorPaletteLightGreenBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10890,7 +10865,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteLightGreenForeground1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteLightGreenForeground1 | `colorPaletteLightGreenForeground1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10916,7 +10891,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteLightGreenForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteLightGreenForeground2 | `colorPaletteLightGreenForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10942,7 +10917,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteLightGreenForeground3:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteLightGreenForeground3 | `colorPaletteLightGreenForeground3`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10968,7 +10943,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteLightTealBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteLightTealBackground2 | `colorPaletteLightTealBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -10994,7 +10969,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteLightTealBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteLightTealBorderActive | `colorPaletteLightTealBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11020,7 +10995,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteLightTealForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteLightTealForeground2 | `colorPaletteLightTealForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11046,7 +11021,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteLilacBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteLilacBackground2 | `colorPaletteLilacBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11072,7 +11047,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteLilacBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteLilacBorderActive | `colorPaletteLilacBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11098,7 +11073,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteLilacForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteLilacForeground2 | `colorPaletteLilacForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11124,7 +11099,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteMagentaBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteMagentaBackground2 | `colorPaletteMagentaBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11150,7 +11125,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteMagentaBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteMagentaBorderActive | `colorPaletteMagentaBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11176,7 +11151,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteMagentaForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteMagentaForeground2 | `colorPaletteMagentaForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11202,7 +11177,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteMarigoldBackground1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteMarigoldBackground1 | `colorPaletteMarigoldBackground1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11228,7 +11203,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteMarigoldBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteMarigoldBackground2 | `colorPaletteMarigoldBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11254,7 +11229,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteMarigoldBackground3:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteMarigoldBackground3 | `colorPaletteMarigoldBackground3`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11280,7 +11255,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteMarigoldBorder1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteMarigoldBorder1 | `colorPaletteMarigoldBorder1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11306,7 +11281,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteMarigoldBorder2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteMarigoldBorder2 | `colorPaletteMarigoldBorder2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11332,7 +11307,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteMarigoldBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteMarigoldBorderActive | `colorPaletteMarigoldBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11358,7 +11333,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteMarigoldForeground1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteMarigoldForeground1 | `colorPaletteMarigoldForeground1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11384,7 +11359,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteMarigoldForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteMarigoldForeground2 | `colorPaletteMarigoldForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11410,7 +11385,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteMarigoldForeground3:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteMarigoldForeground3 | `colorPaletteMarigoldForeground3`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11436,7 +11411,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteMinkBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteMinkBackground2 | `colorPaletteMinkBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11462,7 +11437,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteMinkBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteMinkBorderActive | `colorPaletteMinkBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11488,7 +11463,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteMinkForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteMinkForeground2 | `colorPaletteMinkForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11514,7 +11489,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteNavyBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteNavyBackground2 | `colorPaletteNavyBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11540,7 +11515,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteNavyBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteNavyBorderActive | `colorPaletteNavyBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11566,7 +11541,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteNavyForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteNavyForeground2 | `colorPaletteNavyForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11592,7 +11567,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPalettePeachBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPalettePeachBackground2 | `colorPalettePeachBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11618,7 +11593,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPalettePeachBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPalettePeachBorderActive | `colorPalettePeachBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11644,7 +11619,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPalettePeachForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPalettePeachForeground2 | `colorPalettePeachForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11670,7 +11645,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPalettePinkBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPalettePinkBackground2 | `colorPalettePinkBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11696,7 +11671,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPalettePinkBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPalettePinkBorderActive | `colorPalettePinkBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11722,7 +11697,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPalettePinkForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPalettePinkForeground2 | `colorPalettePinkForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11748,7 +11723,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPalettePlatinumBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPalettePlatinumBackground2 | `colorPalettePlatinumBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11774,7 +11749,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPalettePlatinumBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPalettePlatinumBorderActive | `colorPalettePlatinumBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11800,7 +11775,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPalettePlatinumForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPalettePlatinumForeground2 | `colorPalettePlatinumForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11826,7 +11801,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPalettePlumBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPalettePlumBackground2 | `colorPalettePlumBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11852,7 +11827,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPalettePlumBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPalettePlumBorderActive | `colorPalettePlumBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11878,7 +11853,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPalettePlumForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPalettePlumForeground2 | `colorPalettePlumForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11904,7 +11879,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPalettePumpkinBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPalettePumpkinBackground2 | `colorPalettePumpkinBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11930,7 +11905,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPalettePumpkinBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPalettePumpkinBorderActive | `colorPalettePumpkinBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11956,7 +11931,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPalettePumpkinForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPalettePumpkinForeground2 | `colorPalettePumpkinForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -11982,7 +11957,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPalettePurpleBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPalettePurpleBackground2 | `colorPalettePurpleBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12008,7 +11983,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPalettePurpleBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPalettePurpleBorderActive | `colorPalettePurpleBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12034,7 +12009,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPalettePurpleForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPalettePurpleForeground2 | `colorPalettePurpleForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12060,7 +12035,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteRedBackground1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteRedBackground1 | `colorPaletteRedBackground1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12086,7 +12061,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteRedBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteRedBackground2 | `colorPaletteRedBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12112,7 +12087,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteRedBackground3:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteRedBackground3 | `colorPaletteRedBackground3`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12138,7 +12113,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteRedBorder1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteRedBorder1 | `colorPaletteRedBorder1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12164,7 +12139,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteRedBorder2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteRedBorder2 | `colorPaletteRedBorder2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12190,7 +12165,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteRedBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteRedBorderActive | `colorPaletteRedBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12216,7 +12191,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteRedForeground1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteRedForeground1 | `colorPaletteRedForeground1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12242,7 +12217,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteRedForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteRedForeground2 | `colorPaletteRedForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12268,7 +12243,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteRedForeground3:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteRedForeground3 | `colorPaletteRedForeground3`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12294,7 +12269,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteRedForegroundInverted:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteRedForegroundInverted | `colorPaletteRedForegroundInverted`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12320,7 +12295,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteRoyalBlueBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteRoyalBlueBackground2 | `colorPaletteRoyalBlueBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12346,7 +12321,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteRoyalBlueBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteRoyalBlueBorderActive | `colorPaletteRoyalBlueBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12372,7 +12347,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteRoyalBlueForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteRoyalBlueForeground2 | `colorPaletteRoyalBlueForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12398,7 +12373,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteSeafoamBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteSeafoamBackground2 | `colorPaletteSeafoamBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12424,7 +12399,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteSeafoamBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteSeafoamBorderActive | `colorPaletteSeafoamBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12450,7 +12425,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteSeafoamForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteSeafoamForeground2 | `colorPaletteSeafoamForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12476,7 +12451,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteSteelBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteSteelBackground2 | `colorPaletteSteelBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12502,7 +12477,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteSteelBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteSteelBorderActive | `colorPaletteSteelBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12528,7 +12503,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteSteelForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteSteelForeground2 | `colorPaletteSteelForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12554,7 +12529,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteTealBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteTealBackground2 | `colorPaletteTealBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12580,7 +12555,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteTealBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteTealBorderActive | `colorPaletteTealBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12606,7 +12581,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteTealForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteTealForeground2 | `colorPaletteTealForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12632,7 +12607,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteYellowBackground1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteYellowBackground1 | `colorPaletteYellowBackground1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12658,7 +12633,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteYellowBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteYellowBackground2 | `colorPaletteYellowBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12684,7 +12659,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteYellowBackground3:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteYellowBackground3 | `colorPaletteYellowBackground3`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12710,7 +12685,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteYellowBorder1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteYellowBorder1 | `colorPaletteYellowBorder1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12736,7 +12711,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteYellowBorder2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteYellowBorder2 | `colorPaletteYellowBorder2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12762,7 +12737,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteYellowBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteYellowBorderActive | `colorPaletteYellowBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12788,7 +12763,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteYellowForeground1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteYellowForeground1 | `colorPaletteYellowForeground1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12814,7 +12789,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteYellowForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteYellowForeground2 | `colorPaletteYellowForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12840,7 +12815,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteYellowForeground3:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteYellowForeground3 | `colorPaletteYellowForeground3`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12866,7 +12841,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteYellowForegroundInverted:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorPaletteYellowForegroundInverted | `colorPaletteYellowForegroundInverted`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12892,7 +12867,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorScrollbarOverlay:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorScrollbarOverlay | `colorScrollbarOverlay`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12918,7 +12893,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorStatusDangerBackground1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorStatusDangerBackground1 | `colorStatusDangerBackground1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12944,7 +12919,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorStatusDangerBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorStatusDangerBackground2 | `colorStatusDangerBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12970,7 +12945,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorStatusDangerBackground3:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorStatusDangerBackground3 | `colorStatusDangerBackground3`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -12996,7 +12971,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorStatusDangerBackground3Hover:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorStatusDangerBackground3Hover | `colorStatusDangerBackground3Hover`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13022,7 +12997,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorStatusDangerBackground3Pressed:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorStatusDangerBackground3Pressed | `colorStatusDangerBackground3Pressed`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13048,7 +13023,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorStatusDangerBorder1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorStatusDangerBorder1 | `colorStatusDangerBorder1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13074,7 +13049,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorStatusDangerBorder2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorStatusDangerBorder2 | `colorStatusDangerBorder2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13100,7 +13075,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorStatusDangerBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorStatusDangerBorderActive | `colorStatusDangerBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13126,7 +13101,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorStatusDangerForeground1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorStatusDangerForeground1 | `colorStatusDangerForeground1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13152,7 +13127,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorStatusDangerForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorStatusDangerForeground2 | `colorStatusDangerForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13178,7 +13153,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorStatusDangerForeground3:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorStatusDangerForeground3 | `colorStatusDangerForeground3`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13204,7 +13179,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorStatusDangerForegroundInverted:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorStatusDangerForegroundInverted | `colorStatusDangerForegroundInverted`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13230,7 +13205,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorStatusSuccessBackground1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorStatusSuccessBackground1 | `colorStatusSuccessBackground1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13256,7 +13231,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorStatusSuccessBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorStatusSuccessBackground2 | `colorStatusSuccessBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13282,7 +13257,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorStatusSuccessBackground3:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorStatusSuccessBackground3 | `colorStatusSuccessBackground3`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13308,7 +13283,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorStatusSuccessBorder1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorStatusSuccessBorder1 | `colorStatusSuccessBorder1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13334,7 +13309,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorStatusSuccessBorder2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorStatusSuccessBorder2 | `colorStatusSuccessBorder2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13360,7 +13335,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorStatusSuccessBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorStatusSuccessBorderActive | `colorStatusSuccessBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13386,7 +13361,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorStatusSuccessForeground1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorStatusSuccessForeground1 | `colorStatusSuccessForeground1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13412,7 +13387,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorStatusSuccessForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorStatusSuccessForeground2 | `colorStatusSuccessForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13438,7 +13413,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorStatusSuccessForeground3:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorStatusSuccessForeground3 | `colorStatusSuccessForeground3`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13464,7 +13439,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorStatusSuccessForegroundInverted:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorStatusSuccessForegroundInverted | `colorStatusSuccessForegroundInverted`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13490,7 +13465,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorStatusWarningBackground1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorStatusWarningBackground1 | `colorStatusWarningBackground1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13516,7 +13491,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorStatusWarningBackground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorStatusWarningBackground2 | `colorStatusWarningBackground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13542,7 +13517,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorStatusWarningBackground3:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorStatusWarningBackground3 | `colorStatusWarningBackground3`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13568,7 +13543,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorStatusWarningBorder1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorStatusWarningBorder1 | `colorStatusWarningBorder1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13594,7 +13569,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorStatusWarningBorder2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorStatusWarningBorder2 | `colorStatusWarningBorder2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13620,7 +13595,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorStatusWarningBorderActive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorStatusWarningBorderActive | `colorStatusWarningBorderActive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13646,7 +13621,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorStatusWarningForeground1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorStatusWarningForeground1 | `colorStatusWarningForeground1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13672,7 +13647,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorStatusWarningForeground2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorStatusWarningForeground2 | `colorStatusWarningForeground2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13698,7 +13673,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorStatusWarningForeground3:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorStatusWarningForeground3 | `colorStatusWarningForeground3`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13724,7 +13699,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorStatusWarningForegroundInverted:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorStatusWarningForegroundInverted | `colorStatusWarningForegroundInverted`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13750,7 +13725,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorStrokeFocus1:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorStrokeFocus1 | `colorStrokeFocus1`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13776,7 +13751,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorStrokeFocus2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorStrokeFocus2 | `colorStrokeFocus2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13802,7 +13777,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorSubtleBackground:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorSubtleBackground | `colorSubtleBackground`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13828,7 +13803,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorSubtleBackgroundHover:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorSubtleBackgroundHover | `colorSubtleBackgroundHover`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13854,7 +13829,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorSubtleBackgroundInverted:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorSubtleBackgroundInverted | `colorSubtleBackgroundInverted`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13880,7 +13855,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorSubtleBackgroundInvertedHover:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorSubtleBackgroundInvertedHover | `colorSubtleBackgroundInvertedHover`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13906,7 +13881,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorSubtleBackgroundInvertedPressed:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorSubtleBackgroundInvertedPressed | `colorSubtleBackgroundInvertedPressed`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13932,7 +13907,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorSubtleBackgroundInvertedSelected:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorSubtleBackgroundInvertedSelected | `colorSubtleBackgroundInvertedSelected`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13958,7 +13933,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorSubtleBackgroundLightAlphaHover:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorSubtleBackgroundLightAlphaHover | `colorSubtleBackgroundLightAlphaHover`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -13984,7 +13959,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorSubtleBackgroundLightAlphaPressed:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorSubtleBackgroundLightAlphaPressed | `colorSubtleBackgroundLightAlphaPressed`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -14010,7 +13985,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorSubtleBackgroundLightAlphaSelected:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorSubtleBackgroundLightAlphaSelected | `colorSubtleBackgroundLightAlphaSelected`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -14036,7 +14011,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorSubtleBackgroundPressed:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorSubtleBackgroundPressed | `colorSubtleBackgroundPressed`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -14062,7 +14037,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorSubtleBackgroundSelected:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorSubtleBackgroundSelected | `colorSubtleBackgroundSelected`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -14088,7 +14063,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorTransparentBackground:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorTransparentBackground | `colorTransparentBackground`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -14114,7 +14089,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorTransparentBackgroundHover:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorTransparentBackgroundHover | `colorTransparentBackgroundHover`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -14140,7 +14115,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorTransparentBackgroundPressed:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorTransparentBackgroundPressed | `colorTransparentBackgroundPressed`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -14166,7 +14141,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorTransparentBackgroundSelected:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorTransparentBackgroundSelected | `colorTransparentBackgroundSelected`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -14192,7 +14167,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorTransparentStroke:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorTransparentStroke | `colorTransparentStroke`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -14218,7 +14193,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorTransparentStrokeDisabled:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorTransparentStrokeDisabled | `colorTransparentStrokeDisabled`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -14244,7 +14219,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorTransparentStrokeInteractive:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#colorTransparentStrokeInteractive | `colorTransparentStrokeInteractive`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -15258,7 +15233,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!curveAccelerateMax:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#curveAccelerateMax | `curveAccelerateMax`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -15284,7 +15259,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!curveAccelerateMid:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#curveAccelerateMid | `curveAccelerateMid`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -15310,7 +15285,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!curveAccelerateMin:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#curveAccelerateMin | `curveAccelerateMin`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -15336,7 +15311,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!curveDecelerateMax:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#curveDecelerateMax | `curveDecelerateMax`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -15362,7 +15337,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!curveDecelerateMid:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#curveDecelerateMid | `curveDecelerateMid`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -15388,7 +15363,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!curveDecelerateMin:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#curveDecelerateMin | `curveDecelerateMin`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -15414,7 +15389,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!curveEasyEase:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#curveEasyEase | `curveEasyEase`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -15440,7 +15415,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!curveEasyEaseMax:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#curveEasyEaseMax | `curveEasyEaseMax`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -15466,7 +15441,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!curveLinear:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#curveLinear | `curveLinear`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -15528,7 +15503,7 @@
         {
           "kind": "Class",
           "canonicalReference": "@fluentui/web-components!Dialog:class",
-          "docComment": "/**\n * Dialog component that extends the FASTElement class.\n *\n * @extends FASTElement\n *\n * @public\n */\n",
+          "docComment": "/**\n * A Dialog Custom HTML Element.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -16447,7 +16422,7 @@
         {
           "kind": "Class",
           "canonicalReference": "@fluentui/web-components!Divider:class",
-          "docComment": "/**\n * @class Divider component\n *\n * @remarks\n *\n * A divider groups sections of content to create visual rhythm and hierarchy. Use dividers along with spacing and headers to organize content in your layout.\n */\n",
+          "docComment": "/**\n * A Divider Custom HTML Element.\n *\n * @remarks\n *\n * A divider groups sections of content to create visual rhythm and hierarchy. Use dividers along with spacing and headers to organize content in your layout.\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -16470,7 +16445,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@fluentui/web-components!Divider#alignContent:member",
-              "docComment": "/**\n * @property alignContent  @default center\n *\n * @remarks\n *\n * Determines the alignment of the content within the divider. Select from start or end. When not specified, the content will be aligned to the center.\n */\n",
+              "docComment": "/**\n * @remarks\n *\n * Determines the alignment of the content within the divider. Select from start or end. When not specified, the content will be aligned to the center.\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -16500,7 +16475,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@fluentui/web-components!Divider#appearance:member",
-              "docComment": "/**\n * @property appearance  @default default\n *\n * @remarks\n *\n * A divider can have one of the preset appearances. Select from strong, brand, subtle. When not specified, the divider has its default appearance.\n */\n",
+              "docComment": "/**\n * @remarks\n *\n * A divider can have one of the preset appearances. Select from strong, brand, subtle. When not specified, the divider has its default appearance.\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -16530,7 +16505,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@fluentui/web-components!Divider#inset:member",
-              "docComment": "/**\n * @property inset  @default false\n *\n * @remarks\n *\n * Adds padding to the beginning and end of the divider.\n */\n",
+              "docComment": "/**\n * @remarks\n *\n * Adds padding to the beginning and end of the divider.\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -16973,7 +16948,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!durationFast:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#durationFast | `durationFast`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -16999,7 +16974,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!durationFaster:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#durationFaster | `durationFaster`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -17025,7 +17000,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!durationGentle:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#durationGentle | `durationGentle`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -17051,7 +17026,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!durationNormal:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#durationNormal | `durationNormal`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -17077,7 +17052,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!durationSlow:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#durationSlow | `durationSlow`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -17103,7 +17078,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!durationSlower:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#durationSlower | `durationSlower`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -17129,7 +17104,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!durationUltraFast:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#durationUltraFast | `durationUltraFast`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -17155,7 +17130,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!durationUltraSlow:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#durationUltraSlow | `durationUltraSlow`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -17217,7 +17192,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!fontFamilyBase:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#fontFamilyBase | `fontFamilyBase`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -17243,7 +17218,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!fontFamilyMonospace:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#fontFamilyMonospace | `fontFamilyMonospace`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -17269,7 +17244,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!fontFamilyNumeric:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#fontFamilyNumeric | `fontFamilyNumeric`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -17295,7 +17270,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!fontSizeBase100:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#fontSizeBase100 | `fontSizeBase100`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -17321,7 +17296,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!fontSizeBase200:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#fontSizeBase200 | `fontSizeBase200`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -17347,7 +17322,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!fontSizeBase300:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#fontSizeBase300 | `fontSizeBase300`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -17373,7 +17348,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!fontSizeBase400:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#fontSizeBase400 | `fontSizeBase400`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -17399,7 +17374,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!fontSizeBase500:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#fontSizeBase500 | `fontSizeBase500`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -17425,7 +17400,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!fontSizeBase600:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#fontSizeBase600 | `fontSizeBase600`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -17451,7 +17426,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!fontSizeHero1000:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#fontSizeHero1000 | `fontSizeHero1000`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -17477,7 +17452,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!fontSizeHero700:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#fontSizeHero700 | `fontSizeHero700`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -17503,7 +17478,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!fontSizeHero800:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#fontSizeHero800 | `fontSizeHero800`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -17529,7 +17504,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!fontSizeHero900:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#fontSizeHero900 | `fontSizeHero900`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -17555,7 +17530,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!fontWeightBold:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#fontWeightBold | `fontWeightBold`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -17581,7 +17556,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!fontWeightMedium:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#fontWeightMedium | `fontWeightMedium`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -17607,7 +17582,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!fontWeightRegular:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#fontWeightRegular | `fontWeightRegular`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -17633,7 +17608,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!fontWeightSemibold:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#fontWeightSemibold | `fontWeightSemibold`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -18214,7 +18189,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@fluentui/web-components!Label#size:member",
-              "docComment": "/**\n * Specifies font size of a label\n *\n * @default 'medium'\n *\n * @remarks\n *\n * HTML Attribute: size\n *\n * @public\n */\n",
+              "docComment": "/**\n * Specifies font size of a label\n *\n * @remarks\n *\n * HTML Attribute: size\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -18244,7 +18219,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@fluentui/web-components!Label#weight:member",
-              "docComment": "/**\n * Specifies font weight of a label\n *\n * @default 'regular'\n *\n * @remarks\n *\n * HTML Attribute: weight\n *\n * @public\n */\n",
+              "docComment": "/**\n * Specifies font weight of a label\n *\n * @remarks\n *\n * HTML Attribute: weight\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -18542,7 +18517,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!lineHeightBase100:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#lineHeightBase100 | `lineHeightBase100`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -18568,7 +18543,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!lineHeightBase200:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#lineHeightBase200 | `lineHeightBase200`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -18594,7 +18569,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!lineHeightBase300:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#lineHeightBase300 | `lineHeightBase300`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -18620,7 +18595,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!lineHeightBase400:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#lineHeightBase400 | `lineHeightBase400`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -18646,7 +18621,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!lineHeightBase500:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#lineHeightBase500 | `lineHeightBase500`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -18672,7 +18647,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!lineHeightBase600:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#lineHeightBase600 | `lineHeightBase600`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -18698,7 +18673,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!lineHeightHero1000:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#lineHeightHero1000 | `lineHeightHero1000`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -18724,7 +18699,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!lineHeightHero700:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#lineHeightHero700 | `lineHeightHero700`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -18750,7 +18725,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!lineHeightHero800:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#lineHeightHero800 | `lineHeightHero800`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -18776,7 +18751,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!lineHeightHero900:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#lineHeightHero900 | `lineHeightHero900`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -20147,65 +20122,6 @@
               "isOptional": false,
               "name": "setComponent"
             },
-            {
-              "kind": "Method",
-              "canonicalReference": "@fluentui/web-components!Menu#setPositioning:member(1)",
-              "docComment": "/**\n * Sets the positioning of the menu.  @protected\n */\n",
-              "excerptTokens": [
-                {
-                  "kind": "Content",
-                  "text": "protected setPositioning(): "
-                },
-                {
-                  "kind": "Content",
-                  "text": "void"
-                },
-                {
-                  "kind": "Content",
-                  "text": ";"
-                }
-              ],
-              "isStatic": false,
-              "returnTypeTokenRange": {
-                "startIndex": 1,
-                "endIndex": 2
-              },
-              "releaseTag": "Public",
-              "isProtected": true,
-              "overloadIndex": 1,
-              "parameters": [],
-              "isOptional": false,
-              "name": "setPositioning"
-            },
-            {
-              "kind": "Property",
-              "canonicalReference": "@fluentui/web-components!Menu#setPositioningTask:member",
-              "docComment": "/**\n * The task to set the positioning of the menu.  @protected\n */\n",
-              "excerptTokens": [
-                {
-                  "kind": "Content",
-                  "text": "protected setPositioningTask: "
-                },
-                {
-                  "kind": "Content",
-                  "text": "() => void"
-                },
-                {
-                  "kind": "Content",
-                  "text": ";"
-                }
-              ],
-              "isReadonly": false,
-              "isOptional": false,
-              "releaseTag": "Public",
-              "name": "setPositioningTask",
-              "propertyTypeTokenRange": {
-                "startIndex": 1,
-                "endIndex": 2
-              },
-              "isStatic": false,
-              "isProtected": true
-            },
             {
               "kind": "Property",
               "canonicalReference": "@fluentui/web-components!Menu#slottedMenuList:member",
@@ -20641,7 +20557,7 @@
         {
           "kind": "Class",
           "canonicalReference": "@fluentui/web-components!MenuItem:class",
-          "docComment": "/**\n * A Switch Custom HTML Element. Implements {@link https://www.w3.org/TR/wai-aria-1.1/#menuitem | ARIA menuitem}, {@link https://www.w3.org/TR/wai-aria-1.1/#menuitemcheckbox | ARIA menuitemcheckbox}, or {@link https://www.w3.org/TR/wai-aria-1.1/#menuitemradio | ARIA menuitemradio}.\n *\n * @slot checked-indicator - The checked indicator  @slot radio-indicator - The radio indicator  @slot start - Content which can be provided before the menu item content  @slot end - Content which can be provided after the menu item content  @slot - The default slot for menu item content  @slot expand-collapse-indicator - The expand/collapse indicator  @slot submenu - Used to nest menu's within menu items  @csspart input-container - The element representing the visual checked or radio indicator  @csspart checkbox - The element wrapping the `menuitemcheckbox` indicator  @csspart radio - The element wrapping the `menuitemradio` indicator  @csspart content - The element wrapping the menu item content  @csspart expand-collapse-glyph-container - The element wrapping the expand collapse element  @csspart expand-collapse - The expand/collapse element  @csspart submenu-region - The container for the submenu, used for positioning  @fires expanded-change - Fires a custom 'expanded-change' event when the expanded state changes  @fires change - Fires a custom 'change' event when a non-submenu item with a role of `menuitemcheckbox`, `menuitemradio`, or `menuitem` is invoked\n *\n * @public\n */\n",
+          "docComment": "/**\n * A Switch Custom HTML Element. Implements {@link https://www.w3.org/TR/wai-aria-1.1/#menuitem | ARIA menuitem}, {@link https://www.w3.org/TR/wai-aria-1.1/#menuitemcheckbox | ARIA menuitemcheckbox}, or {@link https://www.w3.org/TR/wai-aria-1.1/#menuitemradio | ARIA menuitemradio}.\n *\n * @slot\n *\n * checked-indicator - The checked indicator\n *\n * @slot\n *\n * radio-indicator - The radio indicator\n *\n * @slot\n *\n * start - Content which can be provided before the menu item content\n *\n * @slot\n *\n * end - Content which can be provided after the menu item content\n *\n * @slot\n *\n * - The default slot for menu item content\n *\n * @slot\n *\n * expand-collapse-indicator - The expand/collapse indicator\n *\n * @slot\n *\n * submenu - Used to nest menu's within menu items\n *\n * @csspart\n *\n * input-container - The element representing the visual checked or radio indicator\n *\n * @csspart\n *\n * checkbox - The element wrapping the `menuitemcheckbox` indicator\n *\n * @csspart\n *\n * radio - The element wrapping the `menuitemradio` indicator\n *\n * @csspart\n *\n * content - The element wrapping the menu item content\n *\n * @csspart\n *\n * expand-collapse-glyph-container - The element wrapping the expand collapse element\n *\n * @csspart\n *\n * expand-collapse - The expand/collapse element\n *\n * @csspart\n *\n * submenu-region - The container for the submenu, used for positioning\n *\n * @fires\n *\n * expanded-change - Fires a custom 'expanded-change' event when the expanded state changes\n *\n * @fires\n *\n * change - Fires a custom 'change' event when a non-submenu item with a role of `menuitemcheckbox`, `menuitemradio`, or `menuitem` is invoked\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -21284,7 +21200,7 @@
         {
           "kind": "Class",
           "canonicalReference": "@fluentui/web-components!MenuList:class",
-          "docComment": "/**\n * A Menu Custom HTML Element. Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#menu | ARIA menu}.\n *\n * @slot - The default slot for the menu items\n *\n * @public\n */\n",
+          "docComment": "/**\n * A Menu Custom HTML Element. Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#menu | ARIA menu}.\n *\n * @slot\n *\n * - The default slot for the menu items\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -21792,7 +21708,7 @@
         {
           "kind": "Class",
           "canonicalReference": "@fluentui/web-components!ProgressBar:class",
-          "docComment": "/**\n * An Progress HTML Element. Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#progressbar | ARIA progressbar}.\n *\n * @slot indeterminate - The slot for a custom indeterminate indicator  @csspart progress - Represents the progress element  @csspart determinate - The determinate indicator  @csspart indeterminate - The indeterminate indicator\n *\n * @public\n */\n",
+          "docComment": "/**\n * An Progress HTML Element. Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#progressbar | ARIA progressbar}.\n *\n * @slot\n *\n * indeterminate - The slot for a custom indeterminate indicator\n *\n * @csspart\n *\n * progress - Represents the progress element\n *\n * @csspart\n *\n * determinate - The determinate indicator\n *\n * @csspart\n *\n * indeterminate - The indeterminate indicator\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -22263,7 +22179,7 @@
         {
           "kind": "Class",
           "canonicalReference": "@fluentui/web-components!Radio:class",
-          "docComment": "/**\n * A Radio Custom HTML Element. Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#radio | ARIA radio}.\n *\n * @slot checked-indicator - The checked indicator  @slot - The default slot for the label  @csspart control - The element representing the visual radio control  @csspart label - The label  @fires change - Emits a custom change event when the checked state changes\n *\n * @public\n */\n",
+          "docComment": "/**\n * A Radio Custom HTML Element. Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#radio | ARIA radio}.\n *\n * @slot\n *\n * checked-indicator - The checked indicator\n *\n * @slot\n *\n * - The default slot for the label\n *\n * @csspart\n *\n * control - The element representing the visual radio control\n *\n * @csspart\n *\n * label - The label\n *\n * @fires\n *\n * change - Emits a custom change event when the checked state changes\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -23142,81 +23058,10 @@
             "endIndex": 5
           }
         },
-        {
-          "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!setTheme:var",
-          "docComment": "/**\n * Sets the theme tokens on defaultNode.\n *\n * @param theme - Flat object of theme token values.\n */\n",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "setTheme: "
-            },
-            {
-              "kind": "Content",
-              "text": "(theme: "
-            },
-            {
-              "kind": "Reference",
-              "text": "Theme",
-              "canonicalReference": "@fluentui/tokens!Theme:type"
-            },
-            {
-              "kind": "Content",
-              "text": ") => void"
-            }
-          ],
-          "isReadonly": true,
-          "releaseTag": "Public",
-          "name": "setTheme",
-          "variableTypeTokenRange": {
-            "startIndex": 1,
-            "endIndex": 4
-          }
-        },
-        {
-          "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!setThemeFor:var",
-          "docComment": "",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "setThemeFor: "
-            },
-            {
-              "kind": "Content",
-              "text": "(element: "
-            },
-            {
-              "kind": "Reference",
-              "text": "HTMLElement",
-              "canonicalReference": "!HTMLElement:interface"
-            },
-            {
-              "kind": "Content",
-              "text": ", theme: "
-            },
-            {
-              "kind": "Reference",
-              "text": "Theme",
-              "canonicalReference": "@fluentui/tokens!Theme:type"
-            },
-            {
-              "kind": "Content",
-              "text": ") => void"
-            }
-          ],
-          "isReadonly": true,
-          "releaseTag": "Public",
-          "name": "setThemeFor",
-          "variableTypeTokenRange": {
-            "startIndex": 1,
-            "endIndex": 6
-          }
-        },
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!shadow16:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#shadow16 | `shadow16`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -23242,7 +23087,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!shadow16Brand:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#shadow16Brand | `shadow16Brand`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -23268,7 +23113,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!shadow2:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#shadow2 | `shadow2`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -23294,7 +23139,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!shadow28:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#shadow28 | `shadow28`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -23320,7 +23165,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!shadow28Brand:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#shadow28Brand | `shadow28Brand`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -23346,7 +23191,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!shadow2Brand:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#shadow2Brand | `shadow2Brand`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -23372,7 +23217,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!shadow4:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#shadow4 | `shadow4`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -23398,7 +23243,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!shadow4Brand:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#shadow4Brand | `shadow4Brand`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -23424,7 +23269,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!shadow64:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#shadow64 | `shadow64`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -23450,7 +23295,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!shadow64Brand:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#shadow64Brand | `shadow64Brand`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -23476,7 +23321,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!shadow8:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#shadow8 | `shadow8`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -23502,7 +23347,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!shadow8Brand:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#shadow8Brand | `shadow8Brand`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -24706,7 +24551,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!spacingHorizontalL:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#spacingHorizontalL | `spacingHorizontalL`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -24732,7 +24577,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!spacingHorizontalM:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#spacingHorizontalM | `spacingHorizontalM`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -24758,7 +24603,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!spacingHorizontalMNudge:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#spacingHorizontalMNudge | `spacingHorizontalMNudge`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -24784,7 +24629,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!spacingHorizontalNone:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#spacingHorizontalNone | `spacingHorizontalNone`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -24810,7 +24655,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!spacingHorizontalS:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#spacingHorizontalS | `spacingHorizontalS`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -24836,7 +24681,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!spacingHorizontalSNudge:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#spacingHorizontalSNudge | `spacingHorizontalSNudge`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -24862,7 +24707,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!spacingHorizontalXL:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#spacingHorizontalXL | `spacingHorizontalXL`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -24888,7 +24733,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!spacingHorizontalXS:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#spacingHorizontalXS | `spacingHorizontalXS`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -24914,7 +24759,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!spacingHorizontalXXL:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#spacingHorizontalXXL | `spacingHorizontalXXL`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -24940,7 +24785,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!spacingHorizontalXXS:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#spacingHorizontalXXS | `spacingHorizontalXXS`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -24966,7 +24811,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!spacingHorizontalXXXL:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#spacingHorizontalXXXL | `spacingHorizontalXXXL`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -24992,7 +24837,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!spacingVerticalL:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#spacingVerticalL | `spacingVerticalL`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -25018,7 +24863,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!spacingVerticalM:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#spacingVerticalM | `spacingVerticalM`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -25044,7 +24889,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!spacingVerticalMNudge:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#spacingVerticalMNudge | `spacingVerticalMNudge`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -25070,7 +24915,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!spacingVerticalNone:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#spacingVerticalNone | `spacingVerticalNone`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -25096,7 +24941,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!spacingVerticalS:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#spacingVerticalS | `spacingVerticalS`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -25122,7 +24967,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!spacingVerticalSNudge:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#spacingVerticalSNudge | `spacingVerticalSNudge`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -25148,7 +24993,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!spacingVerticalXL:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#spacingVerticalXL | `spacingVerticalXL`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -25174,7 +25019,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!spacingVerticalXS:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#spacingVerticalXS | `spacingVerticalXS`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -25200,7 +25045,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!spacingVerticalXXL:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#spacingVerticalXXL | `spacingVerticalXXL`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -25226,7 +25071,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!spacingVerticalXXS:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#spacingVerticalXXS | `spacingVerticalXXS`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -25252,7 +25097,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!spacingVerticalXXXL:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#spacingVerticalXXXL | `spacingVerticalXXXL`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -25316,7 +25161,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@fluentui/web-components!Spinner#appearance:member",
-              "docComment": "/**\n * The appearance of the spinner\n *\n * @default 'primary'\n *\n * @remarks\n *\n * HTML Attribute: appearance\n *\n * @public\n */\n",
+              "docComment": "/**\n * The appearance of the spinner\n *\n * @remarks\n *\n * HTML Attribute: appearance\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -25346,7 +25191,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@fluentui/web-components!Spinner#size:member",
-              "docComment": "/**\n * The size of the spinner\n *\n * @default 'medium'\n *\n * @remarks\n *\n * HTML Attribute: size\n *\n * @public\n */\n",
+              "docComment": "/**\n * The size of the spinner\n *\n * @remarks\n *\n * HTML Attribute: size\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -25612,7 +25457,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!strokeWidthThick:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#strokeWidthThick | `strokeWidthThick`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -25638,7 +25483,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!strokeWidthThicker:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#strokeWidthThicker | `strokeWidthThicker`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -25664,7 +25509,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!strokeWidthThickest:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#strokeWidthThickest | `strokeWidthThickest`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -25690,7 +25535,7 @@
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!strokeWidthThin:var",
-          "docComment": "",
+          "docComment": "/**\n * CSS custom property value for the {@link @fluentui/tokens#strokeWidthThin | `strokeWidthThin`} design token.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -25781,7 +25626,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@fluentui/web-components!Switch#labelPosition:member",
-              "docComment": "/**\n * The label position of the switch\n *\n * @default 'after'\n *\n * @remarks\n *\n * HTML Attribute: labelposition\n *\n * @public\n */\n",
+              "docComment": "/**\n * The label position of the switch\n *\n * @remarks\n *\n * HTML Attribute: labelposition\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -27534,7 +27379,7 @@
         {
           "kind": "Class",
           "canonicalReference": "@fluentui/web-components!TextInput:class",
-          "docComment": "/**\n * A Text Input Custom HTML Element. Based largely on the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input | `<input>`} element.\n *\n * @slot start - Content which can be provided before the input  @slot end - Content which can be provided after the input  @slot - The default slot for button content  @csspart label - The internal `<label>` element  @csspart root - the root container for the internal control  @csspart control - The internal `<input>` control\n *\n * @public\n */\n",
+          "docComment": "/**\n * A Text Input Custom HTML Element. Based largely on the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input | `<input>`} element.\n *\n * @slot\n *\n * start - Content which can be provided before the input\n *\n * @slot\n *\n * end - Content which can be provided after the input\n *\n * @slot\n *\n * - The default slot for button content\n *\n * @csspart\n *\n * label - The internal `<label>` element\n *\n * @csspart\n *\n * root - the root container for the internal control\n *\n * @csspart\n *\n * control - The internal `<input>` control\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -27557,7 +27402,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@fluentui/web-components!TextInput#appearance:member",
-              "docComment": "/**\n * Indicates the styled appearance of the element.\n *\n * @default 'outline'\n *\n * @remarks\n *\n * HTML Attribute: `appearance`\n *\n * @public\n */\n",
+              "docComment": "/**\n * Indicates the styled appearance of the element.\n *\n * @remarks\n *\n * HTML Attribute: `appearance`\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -27675,7 +27520,7 @@
             {
               "kind": "Property",
               "canonicalReference": "@fluentui/web-components!TextInput#controlSize:member",
-              "docComment": "/**\n * Sets the size of the control.\n *\n * @default 'medium'\n *\n * @remarks\n *\n * HTML Attribute: `control-size`\n *\n * @public\n */\n",
+              "docComment": "/**\n * Sets the size of the control.\n *\n * @remarks\n *\n * HTML Attribute: `control-size`\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",