npm - @fluentui/web-components - Versions diffs - 3.0.0-beta.15 → 3.0.0-beta.16 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (55) hide show

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

@@ -5297,6 +5297,110 @@
             "endIndex": 0
           }
         },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorBrandBackground2Hover:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorBrandBackground2Hover = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorBrandBackground2Hover)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorBrandBackground2Hover",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorBrandBackground2Pressed:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorBrandBackground2Pressed = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorBrandBackground2Pressed)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorBrandBackground2Pressed",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorBrandBackground3Static:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorBrandBackground3Static = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorBrandBackground3Static)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorBrandBackground3Static",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorBrandBackground4Static:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorBrandBackground4Static = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorBrandBackground4Static)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorBrandBackground4Static",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandBackgroundHover:var",
@@ -5557,6 +5661,58 @@
             "endIndex": 0
           }
         },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorBrandForeground2Hover:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorBrandForeground2Hover = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorBrandForeground2Hover)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorBrandForeground2Hover",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorBrandForeground2Pressed:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorBrandForeground2Pressed = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorBrandForeground2Pressed)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorBrandForeground2Pressed",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorBrandForegroundInverted:var",
@@ -5947,6 +6103,84 @@
             "endIndex": 0
           }
         },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorBrandStroke2Contrast:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorBrandStroke2Contrast = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorBrandStroke2Contrast)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorBrandStroke2Contrast",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorBrandStroke2Hover:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorBrandStroke2Hover = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorBrandStroke2Hover)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorBrandStroke2Hover",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorBrandStroke2Pressed:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorBrandStroke2Pressed = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorBrandStroke2Pressed)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorBrandStroke2Pressed",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorCompoundBrandBackground:var",
@@ -6729,16 +6963,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorNeutralBackgroundDisabled:var",
+          "canonicalReference": "@fluentui/web-components!colorNeutralBackgroundAlpha:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorNeutralBackgroundDisabled = "
+              "text": "colorNeutralBackgroundAlpha = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorNeutralBackgroundDisabled)\""
+              "text": "\"var(--colorNeutralBackgroundAlpha)\""
             }
           ],
           "initializerTokenRange": {
@@ -6747,7 +6981,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorNeutralBackgroundDisabled",
+          "name": "colorNeutralBackgroundAlpha",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -6755,16 +6989,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorNeutralBackgroundInverted:var",
+          "canonicalReference": "@fluentui/web-components!colorNeutralBackgroundAlpha2:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorNeutralBackgroundInverted = "
+              "text": "colorNeutralBackgroundAlpha2 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorNeutralBackgroundInverted)\""
+              "text": "\"var(--colorNeutralBackgroundAlpha2)\""
             }
           ],
           "initializerTokenRange": {
@@ -6773,7 +7007,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorNeutralBackgroundInverted",
+          "name": "colorNeutralBackgroundAlpha2",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -6781,16 +7015,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorNeutralBackgroundInvertedDisabled:var",
+          "canonicalReference": "@fluentui/web-components!colorNeutralBackgroundDisabled:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorNeutralBackgroundInvertedDisabled = "
+              "text": "colorNeutralBackgroundDisabled = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorNeutralBackgroundInvertedDisabled)\""
+              "text": "\"var(--colorNeutralBackgroundDisabled)\""
             }
           ],
           "initializerTokenRange": {
@@ -6799,7 +7033,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorNeutralBackgroundInvertedDisabled",
+          "name": "colorNeutralBackgroundDisabled",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -6807,16 +7041,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorNeutralBackgroundStatic:var",
+          "canonicalReference": "@fluentui/web-components!colorNeutralBackgroundInverted:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorNeutralBackgroundStatic = "
+              "text": "colorNeutralBackgroundInverted = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorNeutralBackgroundStatic)\""
+              "text": "\"var(--colorNeutralBackgroundInverted)\""
             }
           ],
           "initializerTokenRange": {
@@ -6825,7 +7059,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorNeutralBackgroundStatic",
+          "name": "colorNeutralBackgroundInverted",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -6833,16 +7067,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorNeutralForeground1:var",
+          "canonicalReference": "@fluentui/web-components!colorNeutralBackgroundInvertedDisabled:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorNeutralForeground1 = "
+              "text": "colorNeutralBackgroundInvertedDisabled = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorNeutralForeground1)\""
+              "text": "\"var(--colorNeutralBackgroundInvertedDisabled)\""
             }
           ],
           "initializerTokenRange": {
@@ -6851,7 +7085,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorNeutralForeground1",
+          "name": "colorNeutralBackgroundInvertedDisabled",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -6859,16 +7093,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorNeutralForeground1Hover:var",
+          "canonicalReference": "@fluentui/web-components!colorNeutralBackgroundStatic:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorNeutralForeground1Hover = "
+              "text": "colorNeutralBackgroundStatic = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorNeutralForeground1Hover)\""
+              "text": "\"var(--colorNeutralBackgroundStatic)\""
             }
           ],
           "initializerTokenRange": {
@@ -6877,7 +7111,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorNeutralForeground1Hover",
+          "name": "colorNeutralBackgroundStatic",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -6885,16 +7119,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorNeutralForeground1Pressed:var",
+          "canonicalReference": "@fluentui/web-components!colorNeutralCardBackground:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorNeutralForeground1Pressed = "
+              "text": "colorNeutralCardBackground = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorNeutralForeground1Pressed)\""
+              "text": "\"var(--colorNeutralCardBackground)\""
             }
           ],
           "initializerTokenRange": {
@@ -6903,7 +7137,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorNeutralForeground1Pressed",
+          "name": "colorNeutralCardBackground",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -6911,16 +7145,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorNeutralForeground1Selected:var",
+          "canonicalReference": "@fluentui/web-components!colorNeutralCardBackgroundDisabled:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorNeutralForeground1Selected = "
+              "text": "colorNeutralCardBackgroundDisabled = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorNeutralForeground1Selected)\""
+              "text": "\"var(--colorNeutralCardBackgroundDisabled)\""
             }
           ],
           "initializerTokenRange": {
@@ -6929,7 +7163,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorNeutralForeground1Selected",
+          "name": "colorNeutralCardBackgroundDisabled",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -6937,16 +7171,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorNeutralForeground1Static:var",
+          "canonicalReference": "@fluentui/web-components!colorNeutralCardBackgroundHover:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorNeutralForeground1Static = "
+              "text": "colorNeutralCardBackgroundHover = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorNeutralForeground1Static)\""
+              "text": "\"var(--colorNeutralCardBackgroundHover)\""
             }
           ],
           "initializerTokenRange": {
@@ -6955,7 +7189,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorNeutralForeground1Static",
+          "name": "colorNeutralCardBackgroundHover",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -6963,16 +7197,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorNeutralForeground2:var",
+          "canonicalReference": "@fluentui/web-components!colorNeutralCardBackgroundPressed:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorNeutralForeground2 = "
+              "text": "colorNeutralCardBackgroundPressed = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorNeutralForeground2)\""
+              "text": "\"var(--colorNeutralCardBackgroundPressed)\""
             }
           ],
           "initializerTokenRange": {
@@ -6981,7 +7215,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorNeutralForeground2",
+          "name": "colorNeutralCardBackgroundPressed",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -6989,12 +7223,194 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorNeutralForeground2BrandHover:var",
+          "canonicalReference": "@fluentui/web-components!colorNeutralCardBackgroundSelected:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorNeutralForeground2BrandHover = "
+              "text": "colorNeutralCardBackgroundSelected = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorNeutralCardBackgroundSelected)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorNeutralCardBackgroundSelected",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorNeutralForeground1:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorNeutralForeground1 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorNeutralForeground1)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorNeutralForeground1",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorNeutralForeground1Hover:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorNeutralForeground1Hover = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorNeutralForeground1Hover)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorNeutralForeground1Hover",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorNeutralForeground1Pressed:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorNeutralForeground1Pressed = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorNeutralForeground1Pressed)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorNeutralForeground1Pressed",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorNeutralForeground1Selected:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorNeutralForeground1Selected = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorNeutralForeground1Selected)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorNeutralForeground1Selected",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorNeutralForeground1Static:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorNeutralForeground1Static = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorNeutralForeground1Static)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorNeutralForeground1Static",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorNeutralForeground2:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorNeutralForeground2 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorNeutralForeground2)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorNeutralForeground2",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorNeutralForeground2BrandHover:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorNeutralForeground2BrandHover = "
             },
             {
               "kind": "Content",
@@ -8313,6 +8729,58 @@
             "endIndex": 0
           }
         },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorNeutralStrokeAlpha:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorNeutralStrokeAlpha = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorNeutralStrokeAlpha)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorNeutralStrokeAlpha",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorNeutralStrokeAlpha2:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorNeutralStrokeAlpha2 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorNeutralStrokeAlpha2)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorNeutralStrokeAlpha2",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorNeutralStrokeDisabled:var",
@@ -8495,6 +8963,32 @@
             "endIndex": 0
           }
         },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorNeutralStrokeSubtle:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorNeutralStrokeSubtle = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorNeutralStrokeSubtle)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorNeutralStrokeSubtle",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!colorPaletteAnchorBackground2:var",
@@ -11245,7 +11739,839 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPalettePinkForeground2",
+          "name": "colorPalettePinkForeground2",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPalettePlatinumBackground2:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPalettePlatinumBackground2 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPalettePlatinumBackground2)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPalettePlatinumBackground2",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPalettePlatinumBorderActive:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPalettePlatinumBorderActive = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPalettePlatinumBorderActive)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPalettePlatinumBorderActive",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPalettePlatinumForeground2:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPalettePlatinumForeground2 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPalettePlatinumForeground2)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPalettePlatinumForeground2",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPalettePlumBackground2:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPalettePlumBackground2 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPalettePlumBackground2)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPalettePlumBackground2",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPalettePlumBorderActive:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPalettePlumBorderActive = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPalettePlumBorderActive)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPalettePlumBorderActive",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPalettePlumForeground2:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPalettePlumForeground2 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPalettePlumForeground2)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPalettePlumForeground2",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPalettePumpkinBackground2:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPalettePumpkinBackground2 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPalettePumpkinBackground2)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPalettePumpkinBackground2",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPalettePumpkinBorderActive:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPalettePumpkinBorderActive = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPalettePumpkinBorderActive)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPalettePumpkinBorderActive",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPalettePumpkinForeground2:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPalettePumpkinForeground2 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPalettePumpkinForeground2)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPalettePumpkinForeground2",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPalettePurpleBackground2:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPalettePurpleBackground2 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPalettePurpleBackground2)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPalettePurpleBackground2",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPalettePurpleBorderActive:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPalettePurpleBorderActive = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPalettePurpleBorderActive)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPalettePurpleBorderActive",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPalettePurpleForeground2:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPalettePurpleForeground2 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPalettePurpleForeground2)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPalettePurpleForeground2",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteRedBackground1:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteRedBackground1 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteRedBackground1)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteRedBackground1",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteRedBackground2:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteRedBackground2 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteRedBackground2)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteRedBackground2",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteRedBackground3:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteRedBackground3 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteRedBackground3)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteRedBackground3",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteRedBorder1:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteRedBorder1 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteRedBorder1)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteRedBorder1",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteRedBorder2:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteRedBorder2 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteRedBorder2)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteRedBorder2",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteRedBorderActive:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteRedBorderActive = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteRedBorderActive)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteRedBorderActive",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteRedForeground1:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteRedForeground1 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteRedForeground1)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteRedForeground1",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteRedForeground2:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteRedForeground2 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteRedForeground2)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteRedForeground2",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteRedForeground3:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteRedForeground3 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteRedForeground3)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteRedForeground3",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteRedForegroundInverted:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteRedForegroundInverted = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteRedForegroundInverted)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteRedForegroundInverted",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteRoyalBlueBackground2:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteRoyalBlueBackground2 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteRoyalBlueBackground2)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteRoyalBlueBackground2",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteRoyalBlueBorderActive:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteRoyalBlueBorderActive = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteRoyalBlueBorderActive)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteRoyalBlueBorderActive",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteRoyalBlueForeground2:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteRoyalBlueForeground2 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteRoyalBlueForeground2)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteRoyalBlueForeground2",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteSeafoamBackground2:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteSeafoamBackground2 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteSeafoamBackground2)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteSeafoamBackground2",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteSeafoamBorderActive:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteSeafoamBorderActive = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteSeafoamBorderActive)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteSeafoamBorderActive",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteSeafoamForeground2:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteSeafoamForeground2 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteSeafoamForeground2)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteSeafoamForeground2",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteSteelBackground2:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteSteelBackground2 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteSteelBackground2)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteSteelBackground2",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteSteelBorderActive:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteSteelBorderActive = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteSteelBorderActive)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteSteelBorderActive",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteSteelForeground2:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteSteelForeground2 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteSteelForeground2)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteSteelForeground2",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!colorPaletteTealBackground2:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "colorPaletteTealBackground2 = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--colorPaletteTealBackground2)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "colorPaletteTealBackground2",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11253,16 +12579,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPalettePlatinumBackground2:var",
+          "canonicalReference": "@fluentui/web-components!colorPaletteTealBorderActive:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPalettePlatinumBackground2 = "
+              "text": "colorPaletteTealBorderActive = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPalettePlatinumBackground2)\""
+              "text": "\"var(--colorPaletteTealBorderActive)\""
             }
           ],
           "initializerTokenRange": {
@@ -11271,7 +12597,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPalettePlatinumBackground2",
+          "name": "colorPaletteTealBorderActive",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11279,16 +12605,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPalettePlatinumBorderActive:var",
+          "canonicalReference": "@fluentui/web-components!colorPaletteTealForeground2:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPalettePlatinumBorderActive = "
+              "text": "colorPaletteTealForeground2 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPalettePlatinumBorderActive)\""
+              "text": "\"var(--colorPaletteTealForeground2)\""
             }
           ],
           "initializerTokenRange": {
@@ -11297,7 +12623,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPalettePlatinumBorderActive",
+          "name": "colorPaletteTealForeground2",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11305,16 +12631,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPalettePlatinumForeground2:var",
+          "canonicalReference": "@fluentui/web-components!colorPaletteYellowBackground1:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPalettePlatinumForeground2 = "
+              "text": "colorPaletteYellowBackground1 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPalettePlatinumForeground2)\""
+              "text": "\"var(--colorPaletteYellowBackground1)\""
             }
           ],
           "initializerTokenRange": {
@@ -11323,7 +12649,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPalettePlatinumForeground2",
+          "name": "colorPaletteYellowBackground1",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11331,16 +12657,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPalettePlumBackground2:var",
+          "canonicalReference": "@fluentui/web-components!colorPaletteYellowBackground2:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPalettePlumBackground2 = "
+              "text": "colorPaletteYellowBackground2 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPalettePlumBackground2)\""
+              "text": "\"var(--colorPaletteYellowBackground2)\""
             }
           ],
           "initializerTokenRange": {
@@ -11349,7 +12675,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPalettePlumBackground2",
+          "name": "colorPaletteYellowBackground2",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11357,16 +12683,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPalettePlumBorderActive:var",
+          "canonicalReference": "@fluentui/web-components!colorPaletteYellowBackground3:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPalettePlumBorderActive = "
+              "text": "colorPaletteYellowBackground3 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPalettePlumBorderActive)\""
+              "text": "\"var(--colorPaletteYellowBackground3)\""
             }
           ],
           "initializerTokenRange": {
@@ -11375,7 +12701,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPalettePlumBorderActive",
+          "name": "colorPaletteYellowBackground3",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11383,16 +12709,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPalettePlumForeground2:var",
+          "canonicalReference": "@fluentui/web-components!colorPaletteYellowBorder1:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPalettePlumForeground2 = "
+              "text": "colorPaletteYellowBorder1 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPalettePlumForeground2)\""
+              "text": "\"var(--colorPaletteYellowBorder1)\""
             }
           ],
           "initializerTokenRange": {
@@ -11401,7 +12727,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPalettePlumForeground2",
+          "name": "colorPaletteYellowBorder1",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11409,16 +12735,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPalettePumpkinBackground2:var",
+          "canonicalReference": "@fluentui/web-components!colorPaletteYellowBorder2:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPalettePumpkinBackground2 = "
+              "text": "colorPaletteYellowBorder2 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPalettePumpkinBackground2)\""
+              "text": "\"var(--colorPaletteYellowBorder2)\""
             }
           ],
           "initializerTokenRange": {
@@ -11427,7 +12753,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPalettePumpkinBackground2",
+          "name": "colorPaletteYellowBorder2",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11435,16 +12761,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPalettePumpkinBorderActive:var",
+          "canonicalReference": "@fluentui/web-components!colorPaletteYellowBorderActive:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPalettePumpkinBorderActive = "
+              "text": "colorPaletteYellowBorderActive = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPalettePumpkinBorderActive)\""
+              "text": "\"var(--colorPaletteYellowBorderActive)\""
             }
           ],
           "initializerTokenRange": {
@@ -11453,7 +12779,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPalettePumpkinBorderActive",
+          "name": "colorPaletteYellowBorderActive",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11461,16 +12787,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPalettePumpkinForeground2:var",
+          "canonicalReference": "@fluentui/web-components!colorPaletteYellowForeground1:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPalettePumpkinForeground2 = "
+              "text": "colorPaletteYellowForeground1 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPalettePumpkinForeground2)\""
+              "text": "\"var(--colorPaletteYellowForeground1)\""
             }
           ],
           "initializerTokenRange": {
@@ -11479,7 +12805,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPalettePumpkinForeground2",
+          "name": "colorPaletteYellowForeground1",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11487,16 +12813,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPalettePurpleBackground2:var",
+          "canonicalReference": "@fluentui/web-components!colorPaletteYellowForeground2:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPalettePurpleBackground2 = "
+              "text": "colorPaletteYellowForeground2 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPalettePurpleBackground2)\""
+              "text": "\"var(--colorPaletteYellowForeground2)\""
             }
           ],
           "initializerTokenRange": {
@@ -11505,7 +12831,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPalettePurpleBackground2",
+          "name": "colorPaletteYellowForeground2",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11513,16 +12839,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPalettePurpleBorderActive:var",
+          "canonicalReference": "@fluentui/web-components!colorPaletteYellowForeground3:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPalettePurpleBorderActive = "
+              "text": "colorPaletteYellowForeground3 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPalettePurpleBorderActive)\""
+              "text": "\"var(--colorPaletteYellowForeground3)\""
             }
           ],
           "initializerTokenRange": {
@@ -11531,7 +12857,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPalettePurpleBorderActive",
+          "name": "colorPaletteYellowForeground3",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11539,16 +12865,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPalettePurpleForeground2:var",
+          "canonicalReference": "@fluentui/web-components!colorPaletteYellowForegroundInverted:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPalettePurpleForeground2 = "
+              "text": "colorPaletteYellowForegroundInverted = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPalettePurpleForeground2)\""
+              "text": "\"var(--colorPaletteYellowForegroundInverted)\""
             }
           ],
           "initializerTokenRange": {
@@ -11557,7 +12883,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPalettePurpleForeground2",
+          "name": "colorPaletteYellowForegroundInverted",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11565,16 +12891,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteRedBackground1:var",
+          "canonicalReference": "@fluentui/web-components!colorScrollbarOverlay:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteRedBackground1 = "
+              "text": "colorScrollbarOverlay = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteRedBackground1)\""
+              "text": "\"var(--colorScrollbarOverlay)\""
             }
           ],
           "initializerTokenRange": {
@@ -11583,7 +12909,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteRedBackground1",
+          "name": "colorScrollbarOverlay",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11591,16 +12917,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteRedBackground2:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusDangerBackground1:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteRedBackground2 = "
+              "text": "colorStatusDangerBackground1 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteRedBackground2)\""
+              "text": "\"var(--colorStatusDangerBackground1)\""
             }
           ],
           "initializerTokenRange": {
@@ -11609,7 +12935,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteRedBackground2",
+          "name": "colorStatusDangerBackground1",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11617,16 +12943,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteRedBackground3:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusDangerBackground2:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteRedBackground3 = "
+              "text": "colorStatusDangerBackground2 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteRedBackground3)\""
+              "text": "\"var(--colorStatusDangerBackground2)\""
             }
           ],
           "initializerTokenRange": {
@@ -11635,7 +12961,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteRedBackground3",
+          "name": "colorStatusDangerBackground2",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11643,16 +12969,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteRedBorder1:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusDangerBackground3:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteRedBorder1 = "
+              "text": "colorStatusDangerBackground3 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteRedBorder1)\""
+              "text": "\"var(--colorStatusDangerBackground3)\""
             }
           ],
           "initializerTokenRange": {
@@ -11661,7 +12987,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteRedBorder1",
+          "name": "colorStatusDangerBackground3",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11669,16 +12995,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteRedBorder2:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusDangerBackground3Hover:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteRedBorder2 = "
+              "text": "colorStatusDangerBackground3Hover = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteRedBorder2)\""
+              "text": "\"var(--colorStatusDangerBackground3Hover)\""
             }
           ],
           "initializerTokenRange": {
@@ -11687,7 +13013,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteRedBorder2",
+          "name": "colorStatusDangerBackground3Hover",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11695,16 +13021,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteRedBorderActive:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusDangerBackground3Pressed:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteRedBorderActive = "
+              "text": "colorStatusDangerBackground3Pressed = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteRedBorderActive)\""
+              "text": "\"var(--colorStatusDangerBackground3Pressed)\""
             }
           ],
           "initializerTokenRange": {
@@ -11713,7 +13039,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteRedBorderActive",
+          "name": "colorStatusDangerBackground3Pressed",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11721,16 +13047,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteRedForeground1:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusDangerBorder1:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteRedForeground1 = "
+              "text": "colorStatusDangerBorder1 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteRedForeground1)\""
+              "text": "\"var(--colorStatusDangerBorder1)\""
             }
           ],
           "initializerTokenRange": {
@@ -11739,7 +13065,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteRedForeground1",
+          "name": "colorStatusDangerBorder1",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11747,16 +13073,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteRedForeground2:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusDangerBorder2:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteRedForeground2 = "
+              "text": "colorStatusDangerBorder2 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteRedForeground2)\""
+              "text": "\"var(--colorStatusDangerBorder2)\""
             }
           ],
           "initializerTokenRange": {
@@ -11765,7 +13091,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteRedForeground2",
+          "name": "colorStatusDangerBorder2",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11773,16 +13099,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteRedForeground3:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusDangerBorderActive:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteRedForeground3 = "
+              "text": "colorStatusDangerBorderActive = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteRedForeground3)\""
+              "text": "\"var(--colorStatusDangerBorderActive)\""
             }
           ],
           "initializerTokenRange": {
@@ -11791,7 +13117,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteRedForeground3",
+          "name": "colorStatusDangerBorderActive",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11799,16 +13125,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteRedForegroundInverted:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusDangerForeground1:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteRedForegroundInverted = "
+              "text": "colorStatusDangerForeground1 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteRedForegroundInverted)\""
+              "text": "\"var(--colorStatusDangerForeground1)\""
             }
           ],
           "initializerTokenRange": {
@@ -11817,7 +13143,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteRedForegroundInverted",
+          "name": "colorStatusDangerForeground1",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11825,16 +13151,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteRoyalBlueBackground2:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusDangerForeground2:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteRoyalBlueBackground2 = "
+              "text": "colorStatusDangerForeground2 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteRoyalBlueBackground2)\""
+              "text": "\"var(--colorStatusDangerForeground2)\""
             }
           ],
           "initializerTokenRange": {
@@ -11843,7 +13169,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteRoyalBlueBackground2",
+          "name": "colorStatusDangerForeground2",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11851,16 +13177,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteRoyalBlueBorderActive:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusDangerForeground3:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteRoyalBlueBorderActive = "
+              "text": "colorStatusDangerForeground3 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteRoyalBlueBorderActive)\""
+              "text": "\"var(--colorStatusDangerForeground3)\""
             }
           ],
           "initializerTokenRange": {
@@ -11869,7 +13195,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteRoyalBlueBorderActive",
+          "name": "colorStatusDangerForeground3",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11877,16 +13203,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteRoyalBlueForeground2:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusDangerForegroundInverted:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteRoyalBlueForeground2 = "
+              "text": "colorStatusDangerForegroundInverted = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteRoyalBlueForeground2)\""
+              "text": "\"var(--colorStatusDangerForegroundInverted)\""
             }
           ],
           "initializerTokenRange": {
@@ -11895,7 +13221,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteRoyalBlueForeground2",
+          "name": "colorStatusDangerForegroundInverted",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11903,16 +13229,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteSeafoamBackground2:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusSuccessBackground1:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteSeafoamBackground2 = "
+              "text": "colorStatusSuccessBackground1 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteSeafoamBackground2)\""
+              "text": "\"var(--colorStatusSuccessBackground1)\""
             }
           ],
           "initializerTokenRange": {
@@ -11921,7 +13247,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteSeafoamBackground2",
+          "name": "colorStatusSuccessBackground1",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11929,16 +13255,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteSeafoamBorderActive:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusSuccessBackground2:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteSeafoamBorderActive = "
+              "text": "colorStatusSuccessBackground2 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteSeafoamBorderActive)\""
+              "text": "\"var(--colorStatusSuccessBackground2)\""
             }
           ],
           "initializerTokenRange": {
@@ -11947,7 +13273,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteSeafoamBorderActive",
+          "name": "colorStatusSuccessBackground2",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11955,16 +13281,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteSeafoamForeground2:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusSuccessBackground3:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteSeafoamForeground2 = "
+              "text": "colorStatusSuccessBackground3 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteSeafoamForeground2)\""
+              "text": "\"var(--colorStatusSuccessBackground3)\""
             }
           ],
           "initializerTokenRange": {
@@ -11973,7 +13299,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteSeafoamForeground2",
+          "name": "colorStatusSuccessBackground3",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -11981,16 +13307,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteSteelBackground2:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusSuccessBorder1:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteSteelBackground2 = "
+              "text": "colorStatusSuccessBorder1 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteSteelBackground2)\""
+              "text": "\"var(--colorStatusSuccessBorder1)\""
             }
           ],
           "initializerTokenRange": {
@@ -11999,7 +13325,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteSteelBackground2",
+          "name": "colorStatusSuccessBorder1",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -12007,16 +13333,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteSteelBorderActive:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusSuccessBorder2:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteSteelBorderActive = "
+              "text": "colorStatusSuccessBorder2 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteSteelBorderActive)\""
+              "text": "\"var(--colorStatusSuccessBorder2)\""
             }
           ],
           "initializerTokenRange": {
@@ -12025,7 +13351,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteSteelBorderActive",
+          "name": "colorStatusSuccessBorder2",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -12033,16 +13359,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteSteelForeground2:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusSuccessBorderActive:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteSteelForeground2 = "
+              "text": "colorStatusSuccessBorderActive = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteSteelForeground2)\""
+              "text": "\"var(--colorStatusSuccessBorderActive)\""
             }
           ],
           "initializerTokenRange": {
@@ -12051,7 +13377,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteSteelForeground2",
+          "name": "colorStatusSuccessBorderActive",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -12059,16 +13385,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteTealBackground2:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusSuccessForeground1:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteTealBackground2 = "
+              "text": "colorStatusSuccessForeground1 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteTealBackground2)\""
+              "text": "\"var(--colorStatusSuccessForeground1)\""
             }
           ],
           "initializerTokenRange": {
@@ -12077,7 +13403,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteTealBackground2",
+          "name": "colorStatusSuccessForeground1",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -12085,16 +13411,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteTealBorderActive:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusSuccessForeground2:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteTealBorderActive = "
+              "text": "colorStatusSuccessForeground2 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteTealBorderActive)\""
+              "text": "\"var(--colorStatusSuccessForeground2)\""
             }
           ],
           "initializerTokenRange": {
@@ -12103,7 +13429,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteTealBorderActive",
+          "name": "colorStatusSuccessForeground2",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -12111,16 +13437,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteTealForeground2:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusSuccessForeground3:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteTealForeground2 = "
+              "text": "colorStatusSuccessForeground3 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteTealForeground2)\""
+              "text": "\"var(--colorStatusSuccessForeground3)\""
             }
           ],
           "initializerTokenRange": {
@@ -12129,7 +13455,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteTealForeground2",
+          "name": "colorStatusSuccessForeground3",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -12137,16 +13463,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteYellowBackground1:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusSuccessForegroundInverted:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteYellowBackground1 = "
+              "text": "colorStatusSuccessForegroundInverted = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteYellowBackground1)\""
+              "text": "\"var(--colorStatusSuccessForegroundInverted)\""
             }
           ],
           "initializerTokenRange": {
@@ -12155,7 +13481,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteYellowBackground1",
+          "name": "colorStatusSuccessForegroundInverted",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -12163,16 +13489,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteYellowBackground2:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusWarningBackground1:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteYellowBackground2 = "
+              "text": "colorStatusWarningBackground1 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteYellowBackground2)\""
+              "text": "\"var(--colorStatusWarningBackground1)\""
             }
           ],
           "initializerTokenRange": {
@@ -12181,7 +13507,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteYellowBackground2",
+          "name": "colorStatusWarningBackground1",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -12189,16 +13515,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteYellowBackground3:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusWarningBackground2:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteYellowBackground3 = "
+              "text": "colorStatusWarningBackground2 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteYellowBackground3)\""
+              "text": "\"var(--colorStatusWarningBackground2)\""
             }
           ],
           "initializerTokenRange": {
@@ -12207,7 +13533,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteYellowBackground3",
+          "name": "colorStatusWarningBackground2",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -12215,16 +13541,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteYellowBorder1:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusWarningBackground3:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteYellowBorder1 = "
+              "text": "colorStatusWarningBackground3 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteYellowBorder1)\""
+              "text": "\"var(--colorStatusWarningBackground3)\""
             }
           ],
           "initializerTokenRange": {
@@ -12233,7 +13559,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteYellowBorder1",
+          "name": "colorStatusWarningBackground3",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -12241,16 +13567,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteYellowBorder2:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusWarningBorder1:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteYellowBorder2 = "
+              "text": "colorStatusWarningBorder1 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteYellowBorder2)\""
+              "text": "\"var(--colorStatusWarningBorder1)\""
             }
           ],
           "initializerTokenRange": {
@@ -12259,7 +13585,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteYellowBorder2",
+          "name": "colorStatusWarningBorder1",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -12267,16 +13593,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteYellowBorderActive:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusWarningBorder2:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteYellowBorderActive = "
+              "text": "colorStatusWarningBorder2 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteYellowBorderActive)\""
+              "text": "\"var(--colorStatusWarningBorder2)\""
             }
           ],
           "initializerTokenRange": {
@@ -12285,7 +13611,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteYellowBorderActive",
+          "name": "colorStatusWarningBorder2",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -12293,16 +13619,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteYellowForeground1:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusWarningBorderActive:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteYellowForeground1 = "
+              "text": "colorStatusWarningBorderActive = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteYellowForeground1)\""
+              "text": "\"var(--colorStatusWarningBorderActive)\""
             }
           ],
           "initializerTokenRange": {
@@ -12311,7 +13637,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteYellowForeground1",
+          "name": "colorStatusWarningBorderActive",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -12319,16 +13645,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteYellowForeground2:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusWarningForeground1:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteYellowForeground2 = "
+              "text": "colorStatusWarningForeground1 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteYellowForeground2)\""
+              "text": "\"var(--colorStatusWarningForeground1)\""
             }
           ],
           "initializerTokenRange": {
@@ -12337,7 +13663,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteYellowForeground2",
+          "name": "colorStatusWarningForeground1",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -12345,16 +13671,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteYellowForeground3:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusWarningForeground2:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteYellowForeground3 = "
+              "text": "colorStatusWarningForeground2 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteYellowForeground3)\""
+              "text": "\"var(--colorStatusWarningForeground2)\""
             }
           ],
           "initializerTokenRange": {
@@ -12363,7 +13689,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteYellowForeground3",
+          "name": "colorStatusWarningForeground2",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -12371,16 +13697,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorPaletteYellowForegroundInverted:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusWarningForeground3:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorPaletteYellowForegroundInverted = "
+              "text": "colorStatusWarningForeground3 = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorPaletteYellowForegroundInverted)\""
+              "text": "\"var(--colorStatusWarningForeground3)\""
             }
           ],
           "initializerTokenRange": {
@@ -12389,7 +13715,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorPaletteYellowForegroundInverted",
+          "name": "colorStatusWarningForeground3",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -12397,16 +13723,16 @@
         },
         {
           "kind": "Variable",
-          "canonicalReference": "@fluentui/web-components!colorScrollbarOverlay:var",
+          "canonicalReference": "@fluentui/web-components!colorStatusWarningForegroundInverted:var",
           "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "colorScrollbarOverlay = "
+              "text": "colorStatusWarningForegroundInverted = "
             },
             {
               "kind": "Content",
-              "text": "\"var(--colorScrollbarOverlay)\""
+              "text": "\"var(--colorStatusWarningForegroundInverted)\""
             }
           ],
           "initializerTokenRange": {
@@ -12415,7 +13741,7 @@
           },
           "isReadonly": true,
           "releaseTag": "Public",
-          "name": "colorScrollbarOverlay",
+          "name": "colorStatusWarningForegroundInverted",
           "variableTypeTokenRange": {
             "startIndex": 0,
             "endIndex": 0
@@ -15696,6 +17022,32 @@
             "endIndex": 0
           }
         },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!durationGentle:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "durationGentle = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"var(--durationGentle)\""
+            }
+          ],
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "durationGentle",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!durationNormal:var",