diff --git a/CHANGELOG.md b/CHANGELOG.md
index a95abb2b..0d637291 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,9 +1,10 @@
-## [8.7.1](https://github.com/AxisCommunications/fluent-components/compare/6aab210b7a16cf3772156fdc20b24a9c24266d30..a5a4f713613c881c83d32c6af330164256792ccc) (2023-12-13T07:31:35.548Z)
+## [8.9.0](https://github.com/AxisCommunications/fluent-components/compare/c9e04f796dd6c1a777ee74cf24979319c022c16a..7be3e4877a9c712ce60a14fa1d3b5de70a169a13) (2024-01-31T08:28:40.847Z)
 
 ### 🚧 Maintenance
 
-  - align icon generation (#128) ([d01dd5d](https://github.com/AxisCommunications/fluent-components/commit/d01dd5d41a4a1e2dc99bd08d33150f804acb3c18))
+  - **deps**: bump the dependencies group with 2 updates (#162) ([4e8be8f](https://github.com/AxisCommunications/fluent-components/commit/4e8be8f3df84ade59a789a38bca11809f117b17d))
+  - **deps**: bump the dev-dependencies group with 4 updates (#163) ([0323353](https://github.com/AxisCommunications/fluent-components/commit/03233531bb416674bde5ee5b1cc5675ffd4ec43d))
 
-### 🐛 Bug fixes
+### ✨ Features
 
-  - **topbar**: application menu icon visible also when hovering selected button (#131) ([a5a4f71](https://github.com/AxisCommunications/fluent-components/commit/a5a4f713613c881c83d32c6af330164256792ccc))
+  - **topbar**: add optional application drawer as alternative to application menu (#165) ([7be3e48](https://github.com/AxisCommunications/fluent-components/commit/7be3e4877a9c712ce60a14fa1d3b5de70a169a13))
diff --git a/components/password-input/package.json b/components/password-input/package.json
index 844ee48b..be84c4c5 100644
--- a/components/password-input/package.json
+++ b/components/password-input/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@axiscommunications/fluent-password-input",
-  "version": "8.7.1",
+  "version": "8.9.0",
   "description": "Password input for Fluent UI v9",
   "homepage": "https://github.com/AxisCommunications/fluent-components#readme",
   "repository": {
@@ -33,7 +33,7 @@
     "test:watch": "vitest watch"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "^6.1.6",
+    "@testing-library/jest-dom": "^6.2.1",
     "@types/react": "^17.0.67",
     "@types/react-dom": "^17.0.21",
     "@vitest/coverage-c8": "^0.33.0",
diff --git a/components/slider/package.json b/components/slider/package.json
index 22f487da..b5f3bc7f 100644
--- a/components/slider/package.json
+++ b/components/slider/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@axiscommunications/fluent-slider",
-  "version": "8.7.1",
+  "version": "8.9.0",
   "description": "Axis branded Slider",
   "homepage": "https://github.com/AxisCommunications/fluent-components#readme",
   "repository": {
@@ -24,7 +24,7 @@
     "test:watch": "vitest watch"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "^6.1.6",
+    "@testing-library/jest-dom": "^6.2.1",
     "@testing-library/react": "^12.1.5",
     "@testing-library/user-event": "^14.5.2",
     "@types/react": "^17.0.67",
diff --git a/components/stepper/package.json b/components/stepper/package.json
index 85a9e396..97425a74 100644
--- a/components/stepper/package.json
+++ b/components/stepper/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@axiscommunications/fluent-stepper",
-  "version": "8.7.1",
+  "version": "8.9.0",
   "description": "Stepper for Fluent UI v9",
   "homepage": "https://github.com/AxisCommunications/fluent-components#readme",
   "repository": {
@@ -24,7 +24,7 @@
     "test:watch": "vitest watch"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "^6.1.6",
+    "@testing-library/jest-dom": "^6.2.1",
     "@testing-library/react": "^12.1.5",
     "@types/react": "^17.0.67",
     "@types/react-dom": "^17.0.21",
diff --git a/components/topbar/package.json b/components/topbar/package.json
index 1d0493cd..de68ae03 100644
--- a/components/topbar/package.json
+++ b/components/topbar/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@axiscommunications/fluent-topbar",
-  "version": "8.7.1",
+  "version": "8.9.0",
   "description": "Axis branded TopBar",
   "homepage": "https://github.com/AxisCommunications/fluent-components#readme",
   "repository": {
@@ -33,7 +33,7 @@
     "test:watch": "vitest watch"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "^6.1.6",
+    "@testing-library/jest-dom": "^6.2.1",
     "@testing-library/react": "^12.1.5",
     "@types/react": "^17.0.67",
     "@types/react-dom": "^17.0.21",
diff --git a/components/topbar/src/application-drawer.styles.ts b/components/topbar/src/application-drawer.styles.ts
new file mode 100644
index 00000000..4d80485e
--- /dev/null
+++ b/components/topbar/src/application-drawer.styles.ts
@@ -0,0 +1,58 @@
+import { makeStyles, shorthands, tokens } from "@fluentui/react-components";
+
+export const useApplicationDrawrStyles = makeStyles({
+  header: {
+    display: "flex",
+    flexDirection: "row",
+    justifyContent: "space-between",
+    backgroundColor: tokens.colorNeutralBackground5,
+    color: tokens.colorNeutralForeground3,
+    ...shorthands.padding(tokens.spacingVerticalS, tokens.spacingHorizontalM),
+  },
+  headerTitle: {
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center",
+    ...shorthands.gap(tokens.spacingHorizontalS),
+  },
+  iconAndText: {
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center",
+    ...shorthands.gap(tokens.spacingHorizontalS),
+    ...shorthands.padding(tokens.spacingVerticalXS, tokens.spacingHorizontalM),
+  },
+  content: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "flex-start",
+    width: "100%",
+    ...shorthands.gap(tokens.spacingVerticalM),
+    paddingTop: tokens.spacingVerticalXXXL,
+  },
+  contentChildren: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "flex-start",
+    width: "100%",
+    paddingLeft: "24px",
+    boxSizing: "border-box",
+  },
+  contentButton: {
+    width: "100%",
+    justifyContent: "flex-start",
+  },
+  selectedContentButton: {
+    backgroundColor: tokens.colorNeutralBackground2Hover,
+  },
+  linkWrapper: {
+    display: "flex",
+    justifyContent: "flex-end",
+    ...shorthands.padding(tokens.spacingVerticalS, 0),
+  },
+  link: {
+    display: "flex",
+    alignItems: "center",
+    ...shorthands.gap(tokens.spacingHorizontalXS),
+  },
+});
diff --git a/components/topbar/src/application-drawer.tsx b/components/topbar/src/application-drawer.tsx
new file mode 100644
index 00000000..25e4c757
--- /dev/null
+++ b/components/topbar/src/application-drawer.tsx
@@ -0,0 +1,261 @@
+import { ArrowRightRegular, Dismiss20Regular } from "@fluentui/react-icons";
+import React, { Fragment, useState } from "react";
+
+import { ApplicationArea } from "./top-bar.types";
+import { useTranslation } from "./translation-context";
+import {
+  Body1Strong,
+  Button,
+  Divider,
+  Drawer,
+  DrawerBody,
+  DrawerHeader,
+  Link,
+  mergeClasses,
+  tokens,
+} from "@fluentui/react-components";
+import { useApplicationDrawrStyles as useApplicationDrawerStyles } from "./application-drawer.styles";
+import {
+  ApplicationAreaFlaworedIcon,
+  ApplicationAreaIcon,
+  applicationAreaLabel,
+} from "./application-utils";
+import {
+  ApplicationDrawerContent,
+  ApplicationDrawerProps,
+  SingleApplicationDrawerContent,
+} from "./application-drawer.types";
+
+const IconAndText = ({
+  icon,
+  text,
+}: {
+  icon: JSX.Element;
+  text: string;
+}): JSX.Element => {
+  const styles = useApplicationDrawerStyles();
+  return (
+    <div className={styles.iconAndText}>
+      <div style={{ fontSize: "1.8em" }}>{icon}</div>
+      <Body1Strong>{text}</Body1Strong>
+    </div>
+  );
+};
+
+const findCurrent = (
+  applicationId: string,
+  content?: ApplicationDrawerContent[]
+): SingleApplicationDrawerContent | undefined => {
+  if (!content) {
+    return undefined;
+  }
+
+  let currentApplication: SingleApplicationDrawerContent | undefined =
+    undefined;
+
+  content.forEach((c) => {
+    if (c.id === applicationId) {
+      currentApplication = c;
+    }
+    return c.children?.forEach((child) => {
+      if (child.id === applicationId) {
+        currentApplication = child;
+      }
+    });
+  });
+
+  return currentApplication;
+};
+
+const iconConverter = (
+  icon: JSX.Element,
+  isCurrent: boolean,
+  applicationArea: ApplicationArea
+) => {
+  return isCurrent
+    ? (
+      <ApplicationAreaFlaworedIcon
+        applicationArea={applicationArea}
+        icon={icon}
+      />
+    )
+    : (
+      icon
+    );
+};
+
+const SingleApplication = ({
+  application,
+  currentSelectionId,
+  onChange,
+  applicationArea,
+}: {
+  application: SingleApplicationDrawerContent;
+  currentSelectionId: string;
+  onChange: (id: string) => void;
+  applicationArea: ApplicationArea;
+}): JSX.Element => {
+  const styles = useApplicationDrawerStyles();
+
+  const buttonStyle = mergeClasses(
+    styles.contentButton,
+    application.id === currentSelectionId && styles.selectedContentButton
+  );
+
+  return (
+    <Button
+      data-testid={`application-drawer-item-${application.id}`}
+      className={buttonStyle}
+      size="large"
+      appearance="subtle"
+      icon={iconConverter(
+        application.icon,
+        application.id === currentSelectionId,
+        applicationArea
+      )}
+      onClick={() => onChange(application.id)}
+    >
+      {application.label}
+    </Button>
+  );
+};
+
+const ApplicationWithChildren = ({
+  application,
+  currentSelectionId,
+  onChange,
+  applicationArea,
+}: {
+  application: ApplicationDrawerContent;
+  currentSelectionId: string;
+  onChange: (id: string) => void;
+  applicationArea: ApplicationArea;
+}): JSX.Element => {
+  const styles = useApplicationDrawerStyles();
+
+  return (
+    <>
+      {IconAndText({
+        icon: application.icon,
+        text: application.label.toLocaleUpperCase(),
+      })}
+      <div className={styles.contentChildren}>
+        {application.children?.map((child) => {
+          return (
+            <SingleApplication
+              key={child.id}
+              application={child}
+              applicationArea={applicationArea}
+              currentSelectionId={currentSelectionId}
+              onChange={onChange}
+            />
+          );
+        })}
+      </div>
+    </>
+  );
+};
+
+export const ApplicationDrawer = ({
+  link,
+  title,
+  applicationId,
+  content,
+  onChange,
+  applicationArea,
+}: ApplicationDrawerProps & { applicationArea: ApplicationArea }) => {
+  const { t } = useTranslation();
+  const [isOpen, setIsOpen] = useState(false);
+  const styles = useApplicationDrawerStyles();
+  const currentSelection = findCurrent(applicationId, content);
+
+  const onClickItem = (id: string) => {
+    if (id === currentSelection?.id) {
+      setIsOpen(false);
+    } else {
+      onChange(id);
+    }
+  };
+
+  return (
+    <>
+      <Button
+        data-testid="application-drawer-trigger"
+        appearance="subtle"
+        onClick={() => setIsOpen(true)}
+      >
+        {<ApplicationAreaIcon applicationArea={applicationArea} />}
+        <Divider vertical style={{ padding: "0 0 0 12px" }}></Divider>
+        {currentSelection
+          ? (
+            <IconAndText
+              icon={currentSelection.icon}
+              text={currentSelection.label}
+            />
+          )
+          : null}
+      </Button>
+      <Drawer open={isOpen} onOpenChange={(_, { open }) => setIsOpen(open)}>
+        <DrawerHeader className={styles.header}>
+          <div className={styles.headerTitle}>
+            <ApplicationAreaIcon applicationArea={applicationArea} />
+            <Body1Strong>
+              {applicationAreaLabel(t, applicationArea)}
+            </Body1Strong>
+          </div>
+          <Button
+            data-testid={"application-drawer-dismiss"}
+            size="small"
+            appearance="subtle"
+            aria-label="Close"
+            icon={<Dismiss20Regular color={tokens.colorNeutralForeground3} />}
+            onClick={() => setIsOpen(false)}
+          />
+        </DrawerHeader>
+
+        <DrawerBody>
+          {link && (
+            <div className={styles.linkWrapper}>
+              <Link
+                data-testid={"application-drawer-link"}
+                className={styles.link}
+                href={link.url}
+              >
+                {link.text}
+                <ArrowRightRegular />
+              </Link>
+            </div>
+          )}
+          <div className={styles.content}>
+            {title}
+            <Divider></Divider>
+            {content?.map((c) => {
+              return (
+                <Fragment key={c.id}>
+                  {c.children
+                    ? (
+                      <ApplicationWithChildren
+                        application={c}
+                        currentSelectionId={currentSelection?.id ?? ""}
+                        onChange={onClickItem}
+                        applicationArea={applicationArea ?? ""}
+                      />
+                    )
+                    : (
+                      <SingleApplication
+                        application={c}
+                        currentSelectionId={currentSelection?.id ?? ""}
+                        onChange={onClickItem}
+                        applicationArea={applicationArea}
+                      />
+                    )}
+                  <Divider></Divider>
+                </Fragment>
+              );
+            })}
+          </div>
+        </DrawerBody>
+      </Drawer>
+    </>
+  );
+};
diff --git a/components/topbar/src/application-drawer.types.ts b/components/topbar/src/application-drawer.types.ts
new file mode 100644
index 00000000..c7239b2b
--- /dev/null
+++ b/components/topbar/src/application-drawer.types.ts
@@ -0,0 +1,17 @@
+export type ApplicationDrawerContent = SingleApplicationDrawerContent & {
+  children?: SingleApplicationDrawerContent[];
+};
+
+export type SingleApplicationDrawerContent = {
+  id: string;
+  icon: JSX.Element;
+  label: string;
+};
+
+export type ApplicationDrawerProps = {
+  link?: { text: string; url: string };
+  title: JSX.Element;
+  content?: ApplicationDrawerContent[];
+  applicationId: string;
+  onChange: (id: string) => void;
+};
diff --git a/components/topbar/src/application-menu.tsx b/components/topbar/src/application-menu.tsx
index 6ca6cd13..5c7d580f 100644
--- a/components/topbar/src/application-menu.tsx
+++ b/components/topbar/src/application-menu.tsx
@@ -10,31 +10,12 @@ import {
   mergeClasses,
   Text,
 } from "@fluentui/react-components";
-import { BoxFilled, BoxRegular, bundleIcon } from "@fluentui/react-icons";
 import React from "react";
 import { ApplicationMenuProps } from "./application-menu.types";
-import { useStyles } from "./application.styles";
-import { defaultMySystemsAppData, isMySystemsAppId } from "./applications";
-import { TranslationFn, useTranslation } from "./translation-context";
+import { useApplicationStyles } from "./application.styles";
+import { useTranslation } from "./translation-context";
 import { ApplicationArea } from "./top-bar.types";
-
-const ApplicationIcon = bundleIcon(BoxFilled, BoxRegular);
-
-function appLabel(t: TranslationFn, id: string): string {
-  if (isMySystemsAppId(id)) {
-    return t(defaultMySystemsAppData[id].labelKey);
-  }
-  return id;
-}
-
-function appIcon(id: string, filled = false): JSX.Element {
-  if (isMySystemsAppId(id)) {
-    return filled
-      ? defaultMySystemsAppData[id].filledIcon
-      : defaultMySystemsAppData[id].icon;
-  }
-  return <ApplicationIcon filled={filled} />;
-}
+import { appIcon, appLabel } from "./application-utils";
 
 export const ApplicationMenu = ({
   customContent,
@@ -44,7 +25,7 @@ export const ApplicationMenu = ({
   applicationArea,
 }: ApplicationMenuProps & { applicationArea?: ApplicationArea }) => {
   const { t } = useTranslation();
-  const styles = useStyles();
+  const styles = useApplicationStyles();
 
   const currentSelection = options?.find(({ id }) => id === value);
   const isStandalone = options?.length === 1;
@@ -56,8 +37,7 @@ export const ApplicationMenu = ({
       <div
         className={mergeClasses(
           styles.menuRectangle,
-          applicationArea === "mySystems"
-            && styles.mySystemsMenuRectangle,
+          applicationArea === "mySystems" && styles.mySystemsMenuRectangle,
           applicationArea === "myAxis" && styles.myAxisMenuRectangle,
           applicationArea === "myBusiness" && styles.myBusinessMenuRectangle,
           applicationArea === "myPartners" && styles.myPartnersMenuRectangle
@@ -145,7 +125,7 @@ export const ApplicationMenu = ({
 };
 
 function BetaBadge({ disabled }: { disabled?: boolean }) {
-  const styles = useStyles();
+  const styles = useApplicationStyles();
   const { t } = useTranslation();
 
   return (
diff --git a/components/topbar/src/application-menu.types.ts b/components/topbar/src/application-menu.types.ts
index 176e2e99..32838da0 100644
--- a/components/topbar/src/application-menu.types.ts
+++ b/components/topbar/src/application-menu.types.ts
@@ -4,6 +4,7 @@ export type ApplicationOption = {
   label?: string;
   url?: string;
   beta?: boolean;
+  group?: string;
 };
 
 export type ApplicationMenuProps = {
diff --git a/components/topbar/src/application-utils.tsx b/components/topbar/src/application-utils.tsx
new file mode 100644
index 00000000..a6b9ccce
--- /dev/null
+++ b/components/topbar/src/application-utils.tsx
@@ -0,0 +1,110 @@
+import {
+  ArrowWrap20Filled,
+  BoxFilled,
+  BoxRegular,
+  bundleIcon,
+  CatchUp20Filled,
+  Dishwasher20Filled,
+  Search20Filled,
+} from "@fluentui/react-icons";
+import { defaultMySystemsAppData, isMySystemsAppId } from "./applications";
+import { TranslationFn } from "./translation-context";
+import React from "react";
+import { ApplicationArea } from "./top-bar.types";
+import { useApplicationStyles } from "./application.styles";
+import { mergeClasses } from "@fluentui/react-components";
+
+enum appAreas {
+  MY_SYSTEMS = "mySystems",
+  MY_AXIS = "myAxis",
+  MY_BUSINESS = "myBusiness",
+  MY_PARTNERS = "myPartners",
+}
+
+export const DefaultApplicationIcon = bundleIcon(BoxFilled, BoxRegular);
+
+export function appLabel(t: TranslationFn, id: string): string {
+  if (isMySystemsAppId(id)) {
+    return t(defaultMySystemsAppData[id].labelKey);
+  }
+  return id;
+}
+
+export function appIcon(id: string, filled = false): JSX.Element {
+  if (isMySystemsAppId(id)) {
+    return filled
+      ? defaultMySystemsAppData[id].filledIcon
+      : defaultMySystemsAppData[id].icon;
+  }
+  return <DefaultApplicationIcon filled={filled} />;
+}
+
+export const ApplicationAreaFlaworedIcon = ({
+  applicationArea,
+  icon,
+}: {
+  applicationArea?: ApplicationArea;
+  icon: JSX.Element;
+}) => {
+  const styles = useApplicationStyles();
+
+  const applicationAreaStyle = mergeClasses(
+    styles.applicationIconBase,
+    styles.filledIcon,
+    applicationArea === appAreas.MY_SYSTEMS
+      && styles.mySystemsMenuRectangle,
+    applicationArea === appAreas.MY_AXIS && styles.myAxisMenuRectangle,
+    applicationArea === appAreas.MY_BUSINESS
+      && styles.myBusinessMenuRectangle,
+    applicationArea === appAreas.MY_PARTNERS
+      && styles.myPartnersMenuRectangle
+  );
+
+  return <div className={applicationAreaStyle}>{icon}</div>;
+};
+
+export const ApplicationAreaIcon = ({
+  applicationArea,
+}: {
+  applicationArea?: ApplicationArea;
+}) => {
+  const styles = useApplicationStyles();
+
+  const applicationAreaStyle = mergeClasses(
+    styles.myApplicationAreaBase,
+    applicationArea === appAreas.MY_SYSTEMS
+      && styles.mySystemsMenuRectangle,
+    applicationArea === appAreas.MY_AXIS && styles.myAxisMenuRectangle,
+    applicationArea === appAreas.MY_BUSINESS
+      && styles.myBusinessMenuRectangle,
+    applicationArea === appAreas.MY_PARTNERS
+      && styles.myPartnersMenuRectangle
+  );
+
+  const applicationAreaIcon = (applicationArea?: ApplicationArea) => {
+    switch (applicationArea) {
+      case appAreas.MY_AXIS:
+        return <CatchUp20Filled />;
+      case appAreas.MY_BUSINESS:
+        return <Search20Filled />;
+      case appAreas.MY_PARTNERS:
+        return <ArrowWrap20Filled />;
+      case appAreas.MY_SYSTEMS:
+        return <Dishwasher20Filled />;
+    }
+    return <DefaultApplicationIcon />;
+  };
+
+  return (
+    <div className={applicationAreaStyle}>
+      {applicationAreaIcon(applicationArea)}
+    </div>
+  );
+};
+
+export const applicationAreaLabel = (
+  t: TranslationFn,
+  applicationArea?: ApplicationArea
+) => {
+  return applicationArea ? t(applicationArea) : "";
+};
diff --git a/components/topbar/src/application.styles.ts b/components/topbar/src/application.styles.ts
index 7d84ac5d..d12dc38a 100644
--- a/components/topbar/src/application.styles.ts
+++ b/components/topbar/src/application.styles.ts
@@ -9,7 +9,7 @@ import {
   iconRegularClassName,
 } from "@fluentui/react-icons";
 
-export const useStyles = makeStyles({
+export const useApplicationStyles = makeStyles({
   headerLabel: {
     textTransform: "uppercase",
   },
@@ -63,6 +63,30 @@ export const useStyles = makeStyles({
     flexShrink: 0,
     ...shorthands.borderRadius("6px", "6px", "1px", "6px"),
   },
+  applicationIconBase: {
+    height: "26px",
+    width: "28px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    ...shorthands.borderRadius("6px"),
+  },
+  myApplicationAreaBase: {
+    height: "32px",
+    width: "32px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    ...shorthands.borderRadius("6px", "6px", "1px", "6px"),
+  },
+  filledIcon: {
+    [`& .${iconFilledClassName}`]: {
+      display: "inline",
+    },
+    [`& .${iconRegularClassName}`]: {
+      display: "none",
+    },
+  },
   mySystemsMenuRectangle: {
     color: "#CCEBF8",
     backgroundColor: "#008DC6",
diff --git a/components/topbar/src/applications.tsx b/components/topbar/src/applications.tsx
index 17b43f1d..e4a366ad 100644
--- a/components/topbar/src/applications.tsx
+++ b/components/topbar/src/applications.tsx
@@ -41,12 +41,13 @@ export const mySystemsAppIds = [
   "shm",
   "video",
 ] as const;
-export type MySystemsAppId = typeof mySystemsAppIds[number];
+export type MySystemsAppId = (typeof mySystemsAppIds)[number];
 
 const _mySystemsAppIdSet = new Set(mySystemsAppIds);
 export function isMySystemsAppId(name: unknown): name is MySystemsAppId {
-  return typeof name === "string"
-    && _mySystemsAppIdSet.has(name as MySystemsAppId);
+  return (
+    typeof name === "string" && _mySystemsAppIdSet.has(name as MySystemsAppId)
+  );
 }
 
 export interface MySystemsAppData {
diff --git a/components/topbar/src/index.ts b/components/topbar/src/index.ts
index c9b5548e..aee7b856 100644
--- a/components/topbar/src/index.ts
+++ b/components/topbar/src/index.ts
@@ -1,3 +1,9 @@
+export { ApplicationDrawer } from "./application-drawer";
+export type {
+  ApplicationDrawerContent,
+  ApplicationDrawerProps,
+  SingleApplicationDrawerContent,
+} from "./application-drawer.types";
 export { ApplicationMenu } from "./application-menu";
 export type {
   ApplicationMenuProps,
diff --git a/components/topbar/src/top-bar.spec.tsx b/components/topbar/src/top-bar.spec.tsx
index 6a28c467..934efd65 100644
--- a/components/topbar/src/top-bar.spec.tsx
+++ b/components/topbar/src/top-bar.spec.tsx
@@ -8,4 +8,61 @@ describe("Topbar", () => {
 
     expect(baseElement).toBeTruthy();
   });
+
+  it("should render application menu when drawer is not set", async () => {
+    const { findByTestId } = render(
+      <TopBar
+        appMenu={{
+          onChange: () => {
+            return;
+          },
+          value: "1",
+        }}
+      />
+    );
+
+    const appMenuButton = await findByTestId("application-menu-trigger");
+    console.log(appMenuButton);
+    expect(appMenuButton).toBeTruthy();
+  });
+
+  it("should render application drawer", async () => {
+    const { findByTestId } = render(
+      <TopBar
+        appDrawer={{
+          applicationId: "id",
+          title: <>Title</>,
+          onChange: () => {
+            return;
+          },
+        }}
+      />
+    );
+
+    const appMenuButton = await findByTestId("application-drawer-trigger");
+    expect(appMenuButton).toBeTruthy();
+  });
+
+  it("application drawer takes precedence over application menu", async () => {
+    const { findByTestId } = render(
+      <TopBar
+        appMenu={{
+          onChange: () => {
+            return;
+          },
+          value: "1",
+        }}
+        appDrawer={{
+          applicationId: "id",
+          title: <>Title</>,
+          onChange: () => {
+            return;
+          },
+        }}
+      />
+    );
+
+    const appMenuButton = await findByTestId("application-drawer-trigger");
+    expect(appMenuButton).toBeTruthy();
+  });
 });
diff --git a/components/topbar/src/top-bar.tsx b/components/topbar/src/top-bar.tsx
index 227965d0..62614595 100644
--- a/components/topbar/src/top-bar.tsx
+++ b/components/topbar/src/top-bar.tsx
@@ -6,11 +6,13 @@ import { ProfileMenu } from "./profile-menu";
 import { topBarClassNames, useTopBarStyles } from "./top-bar.styles";
 import { TopBarProps } from "./top-bar.types";
 import { TranslationProvider } from "./translation-provider";
+import { ApplicationDrawer } from "./application-drawer";
 
 export const TopBar = forwardRef(
   (props: TopBarProps, ref: ForwardedRef<HTMLDivElement>) => {
     const {
       appMenu,
+      appDrawer,
       orgMenu,
       profileMenu,
       customContent,
@@ -34,16 +36,30 @@ export const TopBar = forwardRef(
       ({ id }) => id === language.value
     )?.id;
 
+    const ApplicationSelector = () => {
+      if (appDrawer) {
+        return (
+          <ApplicationDrawer
+            {...appDrawer}
+            applicationArea={applicationArea ?? "mySystems"}
+          />
+        );
+      } else if (appMenu !== undefined) {
+        return (
+          <ApplicationMenu {...appMenu} applicationArea={applicationArea} />
+        );
+      }
+      return undefined;
+    };
+
     return (
       <TranslationProvider locale={locale}>
         <div className={rootStyle} ref={ref}>
           <div className={leftSectionStyle}>
-            {appMenu !== undefined && (
-              <ApplicationMenu {...appMenu} applicationArea={applicationArea} />
-            )}
+            {ApplicationSelector() !== undefined && ApplicationSelector()}
             {leftCustomContent !== undefined && (
               <>
-                {appMenu !== undefined && (
+                {ApplicationSelector() !== undefined && (
                   <Divider vertical style={{ padding: "0 4px" }} />
                 )}
                 {leftCustomContent}
diff --git a/components/topbar/src/top-bar.types.ts b/components/topbar/src/top-bar.types.ts
index 305304f4..8c3d943b 100644
--- a/components/topbar/src/top-bar.types.ts
+++ b/components/topbar/src/top-bar.types.ts
@@ -1,3 +1,4 @@
+import { ApplicationDrawerProps } from "./application-drawer.types";
 import { ApplicationMenuProps } from "./application-menu.types";
 import { OrganizationMenuProps } from "./organization-menu.types";
 import { ProfileMenuProps } from "./profile-menu.types";
@@ -9,7 +10,15 @@ export type ApplicationArea =
   | "myPartners";
 
 export type TopBarProps = {
+  /**
+   * Dropdown menu to show applications.
+   * If appDrawer is set it will override the appMenu.
+   */
   readonly appMenu?: ApplicationMenuProps;
+  /**
+   * Left side drawer to show applications.
+   */
+  readonly appDrawer?: ApplicationDrawerProps;
   readonly children?: ReadonlyArray<never>;
   readonly customContent?: JSX.Element;
   readonly leftCustomContent?: JSX.Element;
diff --git a/components/topbar/src/translation-context.ts b/components/topbar/src/translation-context.ts
index 349688ad..72dc0f07 100644
--- a/components/topbar/src/translation-context.ts
+++ b/components/topbar/src/translation-context.ts
@@ -1,15 +1,12 @@
 import { createContext, useContext } from "react";
 import { MySystemsAppId } from "./applications";
+import { ApplicationArea } from ".";
 
-export const translationKeys = [
-  "beta",
-  "dark",
-  "light",
-  "logout",
-] as const;
+export const translationKeys = ["beta", "dark", "light", "logout"] as const;
 export type TranslationKey =
-  | typeof translationKeys[number]
-  | `app_${MySystemsAppId}`;
+  | (typeof translationKeys)[number]
+  | `app_${MySystemsAppId}`
+  | ApplicationArea;
 export type Translations = { readonly [key in TranslationKey]: string };
 
 export type TranslationFn = (key: keyof Translations) => string;
diff --git a/components/topbar/src/translations.ts b/components/topbar/src/translations.ts
index 14b3d01f..4a950ee7 100644
--- a/components/topbar/src/translations.ts
+++ b/components/topbar/src/translations.ts
@@ -38,6 +38,10 @@ const englishDefaults: Translations = {
   dark: "Dark",
   light: "Light",
   logout: "Logout",
+  myAxis: "MY AXIS",
+  myBusiness: "MY BUSINESS",
+  myPartners: "MY PARTNERS",
+  mySystems: "MY SYSTEMS",
 };
 
 export const translations: Record<SupportedLocale, Translations> = {
diff --git a/examples/package.json b/examples/package.json
index 23ee6be5..d440c5b1 100644
--- a/examples/package.json
+++ b/examples/package.json
@@ -1,6 +1,6 @@
 {
   "name": "examples",
-  "version": "8.7.1",
+  "version": "8.9.0",
   "private": true,
   "description": "Examples for Fluent UI v9",
   "homepage": "https://github.com/AxisCommunications/fluent-components#readme",
@@ -42,8 +42,8 @@
     "vite": "^3.0.9"
   },
   "devDependencies": {
-    "@playwright/test": "1.40.1",
-    "@types/node": "^20.10.6",
+    "@playwright/test": "1.41.1",
+    "@types/node": "^20.11.5",
     "@types/react": "^17.0.67",
     "@types/react-dom": "^17.0.21",
     "@types/react-syntax-highlighter": "15.5.11",
diff --git a/examples/src/components/top-bar.tsx b/examples/src/components/top-bar.tsx
index f1dc0398..d34eb69d 100644
--- a/examples/src/components/top-bar.tsx
+++ b/examples/src/components/top-bar.tsx
@@ -3,6 +3,7 @@ import {
   axisLightTheme,
 } from "@axiscommunications/fluent-theme";
 import {
+  ApplicationDrawerContent,
   ApplicationOption,
   LanguageOption,
   OrganizationOption,
@@ -18,24 +19,38 @@ import {
   MenuList,
   MenuPopover,
   MenuTrigger,
+  Title1,
 } from "@fluentui/react-components";
 import {
   AddRegular,
+  AddSubtractCircle20Filled,
+  AddSubtractCircle20Regular,
   AnimalCat20Filled,
   AnimalCat20Regular,
   bundleIcon,
   FoodApple24Regular,
+  FoodFish20Filled,
+  FoodFish20Regular,
   MailFilled,
   MailRegular,
   Megaphone24Filled,
   OpenRegular,
   QuestionCircleRegular,
+  ZoomFit20Filled,
+  ZoomFit20Regular,
 } from "@fluentui/react-icons";
 import React, { useCallback, useState } from "react";
 import { useAppContext } from "../context/ApplicationStateProvider";
 
 const ApplicationIcon = bundleIcon(AnimalCat20Filled, AnimalCat20Regular);
 const MailIcon = bundleIcon(MailFilled, MailRegular);
+const ZoomIcon = bundleIcon(ZoomFit20Filled, ZoomFit20Regular);
+const FishIcon = bundleIcon(FoodFish20Filled, FoodFish20Regular);
+const CatIcon = bundleIcon(AnimalCat20Filled, AnimalCat20Regular);
+const AddSubIcon = bundleIcon(
+  AddSubtractCircle20Filled,
+  AddSubtractCircle20Regular
+);
 
 const useStyles = makeStyles({
   topBar: {
@@ -58,6 +73,32 @@ export const Navbar = () => {
     { id: "iam" },
     { id: "lm" },
   ];
+
+  const appDrawerContent: ApplicationDrawerContent[] = [
+    {
+      icon: <ZoomIcon />,
+      label: "Zoo",
+      id: "zoo",
+      children: [
+        {
+          icon: <FishIcon />,
+          label: "Fisk",
+          id: "fisk",
+        },
+        {
+          icon: <CatIcon />,
+          label: "Cat",
+          id: "cat",
+        },
+      ],
+    },
+    {
+      icon: <AddSubIcon />,
+      label: "Add",
+      id: "add",
+    },
+  ];
+
   const organizations: OrganizationOption[] = [
     { id: "1", label: "organizationenn2" },
     { id: "2", label: "organizationen AB" },
@@ -73,7 +114,10 @@ export const Navbar = () => {
     ...new Array<LanguageOption>(50).fill({ id: "fi" }),
   ];
 
-  const [selectedApp, setSelectedApp] = useState(applications[0].id);
+  const [selectedApp, setSelectedApp] = useState(applications[1].id);
+  const [drawerSelectedApp, setDrawerSelectedApp] = useState(
+    appDrawerContent[1].id
+  );
 
   const [currentOrganizationId, setCurrentOrganizationId] = useState<string>(
     () => organizations[0]?.id ?? ""
@@ -105,11 +149,28 @@ export const Navbar = () => {
     [setSelectedApp]
   );
 
-  const [megaman, setMegaman] = useState("Megaman");
+  const onDrawerNavigate = React.useCallback(
+    (id: string) => {
+      setDrawerSelectedApp(id);
+      alert("lets navigate! => " + id);
+    },
+    [setDrawerSelectedApp]
+  );
+
+  const [showDrawer, setShowDrawer] = useState(true);
 
   return (
     <div className={styles.topBar}>
       <TopBar
+        appDrawer={showDrawer
+          ? {
+            link: { text: "Learn more", url: "https://example.com" },
+            applicationId: drawerSelectedApp,
+            title: <Title1>My Apps</Title1>,
+            content: appDrawerContent,
+            onChange: onDrawerNavigate,
+          }
+          : undefined}
         appMenu={{
           customContent: (
             <MenuItem icon={<FoodApple24Regular />}>
@@ -120,15 +181,15 @@ export const Navbar = () => {
           value: selectedApp,
           onChange: onNavigateToApplication,
         }}
+        applicationArea={"mySystems"}
         leftCustomContent={
           <Button
             appearance="subtle"
             icon={<Megaphone24Filled />}
             iconPosition="before"
-            onClick={() =>
-              setMegaman(megaman === "Megaman" ? "Rockman" : "Megaman")}
+            onClick={() => setShowDrawer(!showDrawer)}
           >
-            {megaman}
+            {showDrawer ? "Use application menu" : "Use application drawer"}
           </Button>
         }
         customContent={
diff --git a/hooks/package.json b/hooks/package.json
index f60192d5..fea048e8 100644
--- a/hooks/package.json
+++ b/hooks/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@axiscommunications/fluent-hooks",
-  "version": "8.7.1",
+  "version": "8.9.0",
   "description": "Hooks",
   "homepage": "https://github.com/AxisCommunications/fluent-components#readme",
   "repository": {
diff --git a/icons/package.json b/icons/package.json
index 5eb0437c..918f2fe8 100644
--- a/icons/package.json
+++ b/icons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@axiscommunications/fluent-icons",
-  "version": "8.7.1",
+  "version": "8.9.0",
   "description": "Icons",
   "homepage": "https://github.com/AxisCommunications/fluent-components#readme",
   "repository": {
@@ -37,11 +37,11 @@
     "react:svg:unfill": "find ./dist/react-svg -type f -name '*.svg' -exec sed -i.bak 's/fill=\"none\"//g' '{}' \\; && find ./dist/react-svg -type f -name '*.bak' -delete"
   },
   "dependencies": {
-    "@griffel/react": "^1.5.19"
+    "@griffel/react": "^1.5.20"
   },
   "devDependencies": {
     "@svgr/core": "^5.5.0",
-    "@types/node": "^20.10.6",
+    "@types/node": "^20.11.5",
     "@types/react": "^18.2.24",
     "eslint": "^8.56.0",
     "icon-font-generator": "^2.1.11",
diff --git a/package.json b/package.json
index 83c65e9e..f444375e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@axiscommunications/fluent-components",
-  "version": "8.7.1",
+  "version": "8.9.0",
   "private": true,
   "description": "Axis branded theme, components and examples for Fluent UI v9",
   "repository": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 627fb047..b96b0533 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -47,7 +47,7 @@ importers:
         version: file:tools
       ts-node:
         specifier: ^10.9.2
-        version: 10.9.2(@types/node@20.10.6)(typescript@4.5.5)
+        version: 10.9.2(@types/node@20.11.13)(typescript@4.5.5)
       typescript:
         specifier: ^4.5.5
         version: 4.5.5
@@ -65,8 +65,8 @@ importers:
         version: 9.15.4(@types/react@17.0.67)(react@17.0.2)
     devDependencies:
       '@testing-library/jest-dom':
-        specifier: ^6.1.6
-        version: 6.1.6(vitest@0.34.6)
+        specifier: ^6.2.1
+        version: 6.2.1(vitest@0.34.6)
       '@types/react':
         specifier: ^17.0.67
         version: 17.0.67
@@ -111,8 +111,8 @@ importers:
         version: 0.20.0
     devDependencies:
       '@testing-library/jest-dom':
-        specifier: ^6.1.6
-        version: 6.1.6(vitest@0.34.6)
+        specifier: ^6.2.1
+        version: 6.2.1(vitest@0.34.6)
       '@testing-library/react':
         specifier: ^12.1.5
         version: 12.1.5(react-dom@17.0.2)(react@17.0.2)
@@ -163,8 +163,8 @@ importers:
         version: 0.20.0
     devDependencies:
       '@testing-library/jest-dom':
-        specifier: ^6.1.6
-        version: 6.1.6(vitest@0.34.6)
+        specifier: ^6.2.1
+        version: 6.2.1(vitest@0.34.6)
       '@testing-library/react':
         specifier: ^12.1.5
         version: 12.1.5(react-dom@17.0.2)(react@17.0.2)
@@ -212,8 +212,8 @@ importers:
         version: 0.20.0
     devDependencies:
       '@testing-library/jest-dom':
-        specifier: ^6.1.6
-        version: 6.1.6(vitest@0.34.6)
+        specifier: ^6.2.1
+        version: 6.2.1(vitest@0.34.6)
       '@testing-library/react':
         specifier: ^12.1.5
         version: 12.1.5(react-dom@17.0.2)(react@17.0.2)
@@ -303,11 +303,11 @@ importers:
         version: 3.0.9
     devDependencies:
       '@playwright/test':
-        specifier: 1.40.1
-        version: 1.40.1
+        specifier: 1.41.1
+        version: 1.41.1
       '@types/node':
-        specifier: ^20.10.6
-        version: 20.10.6
+        specifier: ^20.11.5
+        version: 20.11.5
       '@types/react':
         specifier: ^17.0.67
         version: 17.0.67
@@ -342,15 +342,15 @@ importers:
   icons:
     dependencies:
       '@griffel/react':
-        specifier: ^1.5.19
-        version: 1.5.19(react@18.2.0)
+        specifier: ^1.5.20
+        version: 1.5.20(react@18.2.0)
     devDependencies:
       '@svgr/core':
         specifier: ^5.5.0
         version: 5.5.0
       '@types/node':
-        specifier: ^20.10.6
-        version: 20.10.6
+        specifier: ^20.11.5
+        version: 20.11.5
       '@types/react':
         specifier: ^18.2.24
         version: 18.2.24
@@ -374,7 +374,7 @@ importers:
         version: 1.3.2
       ts-node:
         specifier: ^10.9.2
-        version: 10.9.2(@types/node@20.10.6)(typescript@4.5.5)
+        version: 10.9.2(@types/node@20.11.5)(typescript@4.5.5)
       typescript:
         specifier: ^4.5.5
         version: 4.5.5
@@ -414,8 +414,8 @@ importers:
         version: 0.20.0
     devDependencies:
       '@types/node':
-        specifier: ^20.10.6
-        version: 20.10.6
+        specifier: ^20.11.5
+        version: 20.11.5
       '@types/react':
         specifier: ^18.2.24
         version: 18.2.24
@@ -432,14 +432,14 @@ importers:
         specifier: ^18.2.0
         version: 18.2.0(react@18.2.0)
       style-dictionary:
-        specifier: ^3.9.1
-        version: 3.9.1
+        specifier: ^3.9.2
+        version: 3.9.2
       token-transformer:
         specifier: ^0.0.33
         version: 0.0.33
       ts-node:
         specifier: ^10.9.2
-        version: 10.9.2(@types/node@20.10.6)(typescript@4.5.5)
+        version: 10.9.2(@types/node@20.11.5)(typescript@4.5.5)
       typescript:
         specifier: ^4.5.5
         version: 4.5.5
@@ -454,8 +454,8 @@ importers:
         version: 7.5.4
     devDependencies:
       '@types/node':
-        specifier: ^20.10.6
-        version: 20.10.6
+        specifier: ^20.11.5
+        version: 20.11.5
       '@types/semver':
         specifier: ^7.5.6
         version: 7.5.6
@@ -916,7 +916,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -942,7 +942,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -968,7 +968,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -994,7 +994,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.18)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -1020,7 +1020,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -1044,7 +1044,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -1069,7 +1069,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -1094,7 +1094,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -1119,7 +1119,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.18)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -1144,7 +1144,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -1227,7 +1227,7 @@ packages:
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-tooltip': 9.4.4(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -1255,7 +1255,7 @@ packages:
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-tooltip': 9.4.4(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -1283,7 +1283,7 @@ packages:
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-tooltip': 9.4.4(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -1311,7 +1311,7 @@ packages:
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-tooltip': 9.4.4(@types/react-dom@18.2.18)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -1339,7 +1339,7 @@ packages:
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-tooltip': 9.4.4(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -1361,7 +1361,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -1382,7 +1382,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -1403,7 +1403,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -1428,7 +1428,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -1453,7 +1453,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.18)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -1478,7 +1478,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -1502,7 +1502,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -1526,7 +1526,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.18)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -1550,7 +1550,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -1571,7 +1571,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -1592,7 +1592,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.18)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -1613,7 +1613,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -1637,7 +1637,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -1663,7 +1663,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -1689,7 +1689,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -1715,7 +1715,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.18)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -1741,7 +1741,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -1770,7 +1770,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -1798,7 +1798,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -1826,7 +1826,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -1854,7 +1854,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -1882,7 +1882,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -1949,7 +1949,7 @@ packages:
       '@fluentui/react-tree': 9.4.18(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)(scheduler@0.20.0)
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-virtualizer': 9.0.0-alpha.61(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -2083,7 +2083,7 @@ packages:
       '@fluentui/react-tree': 9.4.18(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)(scheduler@0.23.0)
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-virtualizer': 9.0.0-alpha.61(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -2150,7 +2150,7 @@ packages:
       '@fluentui/react-tree': 9.4.18(@types/react-dom@18.2.18)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(scheduler@0.20.2)
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-virtualizer': 9.0.0-alpha.61(@types/react-dom@18.2.18)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -2217,7 +2217,7 @@ packages:
       '@fluentui/react-tree': 9.4.18(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(scheduler@0.20.0)
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-virtualizer': 9.0.0-alpha.61(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -2352,7 +2352,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -2381,7 +2381,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -2410,7 +2410,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -2439,7 +2439,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.18)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -2468,7 +2468,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -2491,7 +2491,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -2511,7 +2511,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -2531,7 +2531,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -2554,7 +2554,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -2579,7 +2579,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -2604,7 +2604,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -2629,7 +2629,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.18)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -2654,7 +2654,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -2678,7 +2678,7 @@ packages:
       '@fluentui/react-label': 9.1.53(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -2702,7 +2702,7 @@ packages:
       '@fluentui/react-label': 9.1.53(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -2726,7 +2726,7 @@ packages:
       '@fluentui/react-label': 9.1.53(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -2750,7 +2750,7 @@ packages:
       '@fluentui/react-label': 9.1.53(@types/react-dom@18.2.18)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -2774,7 +2774,7 @@ packages:
       '@fluentui/react-label': 9.1.53(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -2789,7 +2789,7 @@ packages:
     peerDependencies:
       react: '>=16.8.0 <19.0.0'
     dependencies:
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       react: 17.0.2
       tslib: 2.6.2
     dev: false
@@ -2799,7 +2799,7 @@ packages:
     peerDependencies:
       react: '>=16.8.0 <19.0.0'
     dependencies:
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       react: 18.2.0
       tslib: 2.6.2
     dev: false
@@ -2816,7 +2816,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -2836,7 +2836,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -2856,7 +2856,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -2879,7 +2879,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -2904,7 +2904,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -2929,7 +2929,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -2954,7 +2954,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.18)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -2979,7 +2979,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -3004,7 +3004,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -3029,7 +3029,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -3054,7 +3054,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -3079,7 +3079,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.18)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -3104,7 +3104,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -3127,7 +3127,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -3150,7 +3150,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -3173,7 +3173,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -3196,7 +3196,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -3219,7 +3219,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -3267,7 +3267,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -3287,7 +3287,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -3307,7 +3307,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -3329,7 +3329,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -3351,7 +3351,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.18)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -3373,7 +3373,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -3401,7 +3401,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -3430,7 +3430,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -3459,7 +3459,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -3488,7 +3488,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.18)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -3517,7 +3517,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -3540,7 +3540,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -3563,7 +3563,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -3586,7 +3586,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -3607,7 +3607,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -3627,7 +3627,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -3647,7 +3647,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -3668,7 +3668,7 @@ packages:
       '@fluentui/react-context-selector': 9.1.44(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)(scheduler@0.20.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -3690,7 +3690,7 @@ packages:
       '@fluentui/react-context-selector': 9.1.44(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)(scheduler@0.20.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -3712,7 +3712,7 @@ packages:
       '@fluentui/react-context-selector': 9.1.44(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)(scheduler@0.23.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -3734,7 +3734,7 @@ packages:
       '@fluentui/react-context-selector': 9.1.44(@types/react-dom@18.2.18)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(scheduler@0.20.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -3756,7 +3756,7 @@ packages:
       '@fluentui/react-context-selector': 9.1.44(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(scheduler@0.20.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -3779,7 +3779,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -3803,7 +3803,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -3827,7 +3827,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -3851,7 +3851,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -3875,7 +3875,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -3904,7 +3904,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -3932,7 +3932,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -3960,7 +3960,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -3988,7 +3988,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.18)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -4016,7 +4016,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -4036,7 +4036,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -4056,7 +4056,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.18)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -4076,7 +4076,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -4098,7 +4098,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -4119,7 +4119,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -4140,7 +4140,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -4161,7 +4161,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -4184,7 +4184,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -4207,7 +4207,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -4230,7 +4230,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -4253,7 +4253,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -4278,7 +4278,7 @@ packages:
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
       '@griffel/core': 1.15.1
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -4301,7 +4301,7 @@ packages:
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
       '@griffel/core': 1.15.1
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -4324,7 +4324,7 @@ packages:
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
       '@griffel/core': 1.15.1
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -4349,7 +4349,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -4375,7 +4375,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -4401,7 +4401,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -4427,7 +4427,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.18)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -4453,7 +4453,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -4476,7 +4476,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -4500,7 +4500,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -4524,7 +4524,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -4548,7 +4548,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -4572,7 +4572,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -4619,7 +4619,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -4642,7 +4642,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -4665,7 +4665,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -4688,7 +4688,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -4711,7 +4711,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -4735,7 +4735,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -4759,7 +4759,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -4783,7 +4783,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -4807,7 +4807,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.18)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -4831,7 +4831,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -4856,7 +4856,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -4881,7 +4881,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -4906,7 +4906,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -4931,7 +4931,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -4956,7 +4956,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -4979,7 +4979,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -5000,7 +5000,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -5021,7 +5021,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -5045,7 +5045,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -5071,7 +5071,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -5097,7 +5097,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -5123,7 +5123,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.18)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -5149,7 +5149,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -5179,7 +5179,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -5209,7 +5209,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -5239,7 +5239,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -5269,7 +5269,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.18)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -5299,7 +5299,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -5324,7 +5324,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -5348,7 +5348,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -5372,7 +5372,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -5396,7 +5396,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.18)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -5420,7 +5420,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -5440,7 +5440,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -5461,7 +5461,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -5482,7 +5482,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -5509,7 +5509,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -5536,7 +5536,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -5563,7 +5563,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -5590,7 +5590,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.18)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -5617,7 +5617,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -5639,7 +5639,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -5659,7 +5659,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -5679,7 +5679,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -5700,7 +5700,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -5723,7 +5723,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -5746,7 +5746,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -5769,7 +5769,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -5792,7 +5792,7 @@ packages:
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -5826,7 +5826,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -5852,7 +5852,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.18)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -5878,7 +5878,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -5904,7 +5904,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -5931,7 +5931,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -5958,7 +5958,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -5985,7 +5985,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.18)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -6012,7 +6012,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -6038,7 +6038,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -6062,7 +6062,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.18)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -6086,7 +6086,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -6115,7 +6115,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -6146,7 +6146,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -6177,7 +6177,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@17.0.21)(@types/react@17.0.67)(react-dom@17.0.2)(react@17.0.2)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -6208,7 +6208,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.18)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -6239,7 +6239,7 @@ packages:
       '@fluentui/react-tabster': 9.16.0(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)
       '@fluentui/react-theme': 9.1.16
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -6286,7 +6286,7 @@ packages:
       '@fluentui/react-jsx-runtime': 9.0.22(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@17.0.67)(react@17.0.2)
       '@fluentui/react-utilities': 9.15.4(@types/react@17.0.67)(react@17.0.2)
-      '@griffel/react': 1.5.19(react@17.0.2)
+      '@griffel/react': 1.5.20(react@17.0.2)
       '@swc/helpers': 0.5.3
       '@types/react': 17.0.67
       '@types/react-dom': 17.0.21
@@ -6305,7 +6305,7 @@ packages:
       '@fluentui/react-jsx-runtime': 9.0.22(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.18
@@ -6324,7 +6324,7 @@ packages:
       '@fluentui/react-jsx-runtime': 9.0.22(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-shared-contexts': 9.13.2(@types/react@18.2.24)(react@18.2.0)
       '@fluentui/react-utilities': 9.15.4(@types/react@18.2.24)(react@18.2.0)
-      '@griffel/react': 1.5.19(react@18.2.0)
+      '@griffel/react': 1.5.20(react@18.2.0)
       '@swc/helpers': 0.5.3
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -6349,6 +6349,17 @@ packages:
       tslib: 2.6.2
     dev: false
 
+  /@griffel/core@1.15.2:
+    resolution: {integrity: sha512-RlsIXoSS3gaYykUgxFpwKAs/DV9cRUKp3CW1kt3iPAtsDTWn/o+8bT1jvBws/tMM2GBu/Uc0EkaIzUPqD7uA+Q==}
+    dependencies:
+      '@emotion/hash': 0.9.1
+      '@griffel/style-types': 1.0.3
+      csstype: 3.1.3
+      rtl-css-js: 1.16.1
+      stylis: 4.3.0
+      tslib: 2.6.2
+    dev: false
+
   /@griffel/react@1.5.19(react@17.0.2):
     resolution: {integrity: sha512-qefnZseAwcwCpFVzN33mG20t/hofpWci7VNtOwzSco/IxFLuJaB2ffki+uAdUgWCpV2A67bWQjXNlymBoMUysg==}
     peerDependencies:
@@ -6359,12 +6370,22 @@ packages:
       tslib: 2.6.2
     dev: false
 
-  /@griffel/react@1.5.19(react@18.2.0):
-    resolution: {integrity: sha512-qefnZseAwcwCpFVzN33mG20t/hofpWci7VNtOwzSco/IxFLuJaB2ffki+uAdUgWCpV2A67bWQjXNlymBoMUysg==}
+  /@griffel/react@1.5.20(react@17.0.2):
+    resolution: {integrity: sha512-1P2yaPctENFSCwyPIYXBmgpNH68c0lc/jwSzPij1QATHDK1AASKuSeq6hW108I67RKjhRyHCcALshdZ3GcQXSg==}
     peerDependencies:
       react: '>=16.8.0 <19.0.0'
     dependencies:
-      '@griffel/core': 1.15.1
+      '@griffel/core': 1.15.2
+      react: 17.0.2
+      tslib: 2.6.2
+    dev: false
+
+  /@griffel/react@1.5.20(react@18.2.0):
+    resolution: {integrity: sha512-1P2yaPctENFSCwyPIYXBmgpNH68c0lc/jwSzPij1QATHDK1AASKuSeq6hW108I67RKjhRyHCcALshdZ3GcQXSg==}
+    peerDependencies:
+      react: '>=16.8.0 <19.0.0'
+    dependencies:
+      '@griffel/core': 1.15.2
       react: 18.2.0
       tslib: 2.6.2
     dev: false
@@ -6375,6 +6396,12 @@ packages:
       csstype: 3.1.3
     dev: false
 
+  /@griffel/style-types@1.0.3:
+    resolution: {integrity: sha512-AzbbYV/EobNIBtfMtyu2edFin895gjVxtu1nsRhTETUAIb0/LCZoue3Jd/kFLuPwe95rv5WRUBiQpVwJsrrFcw==}
+    dependencies:
+      csstype: 3.1.3
+    dev: false
+
   /@humanwhocodes/config-array@0.11.13:
     resolution: {integrity: sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==}
     engines: {node: '>=10.10.0'}
@@ -6479,12 +6506,12 @@ packages:
     dev: true
     optional: true
 
-  /@playwright/test@1.40.1:
-    resolution: {integrity: sha512-EaaawMTOeEItCRvfmkI9v6rBkF1svM8wjl/YPRrg2N2Wmp+4qJYkWtJsbew1szfKKDm6fPLy4YAanBhIlf9dWw==}
+  /@playwright/test@1.41.1:
+    resolution: {integrity: sha512-9g8EWTjiQ9yFBXc6HjCWe41msLpxEX0KhmfmPl9RPLJdfzL4F0lg2BdJ91O9azFdl11y1pmpwdjBiSxvqc+btw==}
     engines: {node: '>=16'}
     hasBin: true
     dependencies:
-      playwright: 1.40.1
+      playwright: 1.41.1
     dev: true
 
   /@remix-run/router@1.13.1:
@@ -6622,17 +6649,20 @@ packages:
       pretty-format: 27.5.1
     dev: true
 
-  /@testing-library/jest-dom@6.1.6(vitest@0.34.6):
-    resolution: {integrity: sha512-YwuiOdYEcxhfC2u5iNKlvg2Q5MgbutovP6drq7J1HrCbvR+G58BbtoCoq+L/kNlrNFsu2Kt3jaFAviLVxYHJZg==}
+  /@testing-library/jest-dom@6.2.1(vitest@0.34.6):
+    resolution: {integrity: sha512-Nuy/uFFDe9h/2jwoUuMKgoxvgkUv4S9jI9bARj6dGUKJ3euRhg8JFi5sciYbrayoxkadEOZednRT9+vo6LvvxQ==}
     engines: {node: '>=14', npm: '>=6', yarn: '>=1'}
     peerDependencies:
       '@jest/globals': '>= 28'
+      '@types/bun': latest
       '@types/jest': '>= 28'
       jest: '>= 28'
       vitest: '>= 0.32'
     peerDependenciesMeta:
       '@jest/globals':
         optional: true
+      '@types/bun':
+        optional: true
       '@types/jest':
         optional: true
       jest:
@@ -6645,7 +6675,7 @@ packages:
       aria-query: 5.3.0
       chalk: 3.0.0
       css.escape: 1.5.1
-      dom-accessibility-api: 0.5.16
+      dom-accessibility-api: 0.6.3
       lodash: 4.17.21
       redent: 3.0.0
       vitest: 0.34.6(jsdom@22.1.0)
@@ -6737,6 +6767,18 @@ packages:
       undici-types: 5.26.5
     dev: true
 
+  /@types/node@20.11.13:
+    resolution: {integrity: sha512-5G4zQwdiQBSWYTDAH1ctw2eidqdhMJaNsiIDKHFr55ihz5Trl2qqR8fdrT732yPBho5gkNxXm67OxWFBqX9aPg==}
+    dependencies:
+      undici-types: 5.26.5
+    dev: true
+
+  /@types/node@20.11.5:
+    resolution: {integrity: sha512-g557vgQjUUfN76MZAN/dt1z3dzcUsimuysco0KeluHgrPdJXkP/XdAURgyO2W9fZWHRtRBiVKzKn8vyOAwlG+w==}
+    dependencies:
+      undici-types: 5.26.5
+    dev: true
+
   /@types/parse-json@4.0.2:
     resolution: {integrity: sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==}
     dev: true
@@ -8038,6 +8080,10 @@ packages:
     resolution: {integrity: sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==}
     dev: true
 
+  /dom-accessibility-api@0.6.3:
+    resolution: {integrity: sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==}
+    dev: true
+
   /dom-helpers@5.2.1:
     resolution: {integrity: sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==}
     dependencies:
@@ -10599,18 +10645,18 @@ packages:
       pathe: 1.1.1
     dev: true
 
-  /playwright-core@1.40.1:
-    resolution: {integrity: sha512-+hkOycxPiV534c4HhpfX6yrlawqVUzITRKwHAmYfmsVreltEl6fAZJ3DPfLMOODw0H3s1Itd6MDCWmP1fl/QvQ==}
+  /playwright-core@1.41.1:
+    resolution: {integrity: sha512-/KPO5DzXSMlxSX77wy+HihKGOunh3hqndhqeo/nMxfigiKzogn8kfL0ZBDu0L1RKgan5XHCPmn6zXd2NUJgjhg==}
     engines: {node: '>=16'}
     hasBin: true
     dev: true
 
-  /playwright@1.40.1:
-    resolution: {integrity: sha512-2eHI7IioIpQ0bS1Ovg/HszsN/XKNwEG1kbzSDDmADpclKc7CyqkHw7Mg2JCz/bbCxg25QUPcjksoMW7JcIFQmw==}
+  /playwright@1.41.1:
+    resolution: {integrity: sha512-gdZAWG97oUnbBdRL3GuBvX3nDDmUOuqzV/D24dytqlKt+eI5KbwusluZRGljx1YoJKZ2NRPaeWiFTeGZO7SosQ==}
     engines: {node: '>=16'}
     hasBin: true
     dependencies:
-      playwright-core: 1.40.1
+      playwright-core: 1.41.1
     optionalDependencies:
       fsevents: 2.3.2
     dev: true
@@ -11426,8 +11472,8 @@ packages:
       acorn: 8.11.3
     dev: true
 
-  /style-dictionary@3.9.1:
-    resolution: {integrity: sha512-odyTC7wMYE4B3VOhc3LW1g0PCz9g+0WZZt5qp8KpWP9POlhw0+8MYiPQYwYfBmu4MEs1qbZ+GHySu4TTjQPH9A==}
+  /style-dictionary@3.9.2:
+    resolution: {integrity: sha512-M2pcQ6hyRtqHOh+NyT6T05R3pD/gwNpuhREBKvxC1En0vyywx+9Wy9nXWT1SZ9ePzv1vAo65ItnpA16tT9ZUCg==}
     engines: {node: '>=12.0.0'}
     hasBin: true
     dependencies:
@@ -11632,7 +11678,7 @@ packages:
       typescript: 4.5.5
     dev: true
 
-  /ts-node@10.9.2(@types/node@20.10.6)(typescript@4.5.5):
+  /ts-node@10.9.2(@types/node@20.11.13)(typescript@4.5.5):
     resolution: {integrity: sha512-f0FFpIdcHgn8zcPSbf1dRevwt047YMnaiJM3u2w2RewrB+fob/zePZcrOyQoLMMO7aBIddLcQIEK5dYjkLnGrQ==}
     hasBin: true
     peerDependencies:
@@ -11651,7 +11697,38 @@ packages:
       '@tsconfig/node12': 1.0.11
       '@tsconfig/node14': 1.0.3
       '@tsconfig/node16': 1.0.4
-      '@types/node': 20.10.6
+      '@types/node': 20.11.13
+      acorn: 8.11.3
+      acorn-walk: 8.3.1
+      arg: 4.1.3
+      create-require: 1.1.1
+      diff: 4.0.2
+      make-error: 1.3.6
+      typescript: 4.5.5
+      v8-compile-cache-lib: 3.0.1
+      yn: 3.1.1
+    dev: true
+
+  /ts-node@10.9.2(@types/node@20.11.5)(typescript@4.5.5):
+    resolution: {integrity: sha512-f0FFpIdcHgn8zcPSbf1dRevwt047YMnaiJM3u2w2RewrB+fob/zePZcrOyQoLMMO7aBIddLcQIEK5dYjkLnGrQ==}
+    hasBin: true
+    peerDependencies:
+      '@swc/core': '>=1.2.50'
+      '@swc/wasm': '>=1.2.50'
+      '@types/node': '*'
+      typescript: '>=2.7'
+    peerDependenciesMeta:
+      '@swc/core':
+        optional: true
+      '@swc/wasm':
+        optional: true
+    dependencies:
+      '@cspotcode/source-map-support': 0.8.1
+      '@tsconfig/node10': 1.0.9
+      '@tsconfig/node12': 1.0.11
+      '@tsconfig/node14': 1.0.3
+      '@tsconfig/node16': 1.0.4
+      '@types/node': 20.11.5
       acorn: 8.11.3
       acorn-walk: 8.3.1
       arg: 4.1.3
diff --git a/styles/package.json b/styles/package.json
index 6d69632b..eeb17fa3 100644
--- a/styles/package.json
+++ b/styles/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@axiscommunications/fluent-styles",
-  "version": "8.7.1",
+  "version": "8.9.0",
   "description": "Styles for Fluent UI v9",
   "homepage": "https://github.com/AxisCommunications/fluent-components#readme",
   "repository": {
diff --git a/theme/package.json b/theme/package.json
index 788d5cda..e9cea376 100644
--- a/theme/package.json
+++ b/theme/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@axiscommunications/fluent-theme",
-  "version": "8.7.1",
+  "version": "8.9.0",
   "description": "Theme for Fluent UI v9",
   "homepage": "https://github.com/AxisCommunications/fluent-components#readme",
   "repository": {
@@ -34,13 +34,13 @@
     "tokens:transform": "node --require ts-node/register tokens/build-ts-to-json.ts"
   },
   "devDependencies": {
-    "@types/node": "^20.10.6",
+    "@types/node": "^20.11.5",
     "@types/react": "^18.2.24",
     "@types/react-dom": "^18.2.8",
     "eslint": "^8.56.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "style-dictionary": "^3.9.1",
+    "style-dictionary": "^3.9.2",
     "token-transformer": "^0.0.33",
     "ts-node": "^10.9.2",
     "typescript": "^4.5.5"
diff --git a/tools/package.json b/tools/package.json
index 4fe6de9b..0ce6947b 100644
--- a/tools/package.json
+++ b/tools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "tools",
-  "version": "8.7.1",
+  "version": "8.9.0",
   "private": true,
   "author": "Axis Communications AB",
   "type": "module",
@@ -20,7 +20,7 @@
     "semver": "^7.5.4"
   },
   "devDependencies": {
-    "@types/node": "^20.10.6",
+    "@types/node": "^20.11.5",
     "@types/semver": "^7.5.6"
   }
 }