@fluentui/react-link 9.1.6 → 9.1.7

package/CHANGELOG.json

@@ -2,7 +2,52 @@
   "name": "@fluentui/react-link",
   "entries": [
     {
-      "date": "Fri, 04 Aug 2023 08:48:25 GMT",
+      "date": "Wed, 09 Aug 2023 13:11:39 GMT",
+      "tag": "@fluentui/react-link_v9.1.7",
+      "version": "9.1.7",
+      "comments": {
+        "patch": [
+          {
+            "author": "bernardo.sunderhus@gmail.com",
+            "package": "@fluentui/react-link",
+            "commit": "796e4426c50ede34b30e2dc2392328dcbadc2702",
+            "comment": "chore(cxe-red): migrate to new slot API"
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-link",
+            "commit": "b090c0339983847a62b9dc6187d08dc8c4b1d55f",
+            "comment": "chore: Update Griffel to latest version"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-link",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.14",
+            "commit": "d0e28b405dc91c4682aec72dd784767a3ce95c78"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-link",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.7.2",
+            "commit": "d0e28b405dc91c4682aec72dd784767a3ce95c78"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-link",
+            "comment": "Bump @fluentui/react-tabster to v9.12.1",
+            "commit": "d0e28b405dc91c4682aec72dd784767a3ce95c78"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-link",
+            "comment": "Bump @fluentui/react-theme to v9.1.11",
+            "commit": "d0e28b405dc91c4682aec72dd784767a3ce95c78"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 04 Aug 2023 08:52:58 GMT",
       "tag": "@fluentui/react-link_v9.1.6",
       "version": "9.1.6",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,26 @@
 # Change Log - @fluentui/react-link
 
-This log was last generated on Fri, 04 Aug 2023 08:48:25 GMT and should not be manually modified.
+This log was last generated on Wed, 09 Aug 2023 13:11:39 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.1.7)
+
+Wed, 09 Aug 2023 13:11:39 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-link_v9.1.6..@fluentui/react-link_v9.1.7)
+
+### Patches
+
+- chore(cxe-red): migrate to new slot API ([PR #28753](https://github.com/microsoft/fluentui/pull/28753) by bernardo.sunderhus@gmail.com)
+- chore: Update Griffel to latest version ([PR #28684](https://github.com/microsoft/fluentui/pull/28684) by olfedias@microsoft.com)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.14 ([commit](https://github.com/microsoft/fluentui/commit/d0e28b405dc91c4682aec72dd784767a3ce95c78) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.7.2 ([commit](https://github.com/microsoft/fluentui/commit/d0e28b405dc91c4682aec72dd784767a3ce95c78) by beachball)
+- Bump @fluentui/react-tabster to v9.12.1 ([commit](https://github.com/microsoft/fluentui/commit/d0e28b405dc91c4682aec72dd784767a3ce95c78) by beachball)
+- Bump @fluentui/react-theme to v9.1.11 ([commit](https://github.com/microsoft/fluentui/commit/d0e28b405dc91c4682aec72dd784767a3ce95c78) by beachball)
+
 ## [9.1.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.1.6)
 
-Fri, 04 Aug 2023 08:48:25 GMT 
+Fri, 04 Aug 2023 08:52:58 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-link_v9.1.5..@fluentui/react-link_v9.1.6)
 
 ### Patches

package/lib/components/Link/renderLink.js

@@ -1,8 +1,8 @@
 /** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
-import { getSlotsNext } from '@fluentui/react-utilities';
+import { assertSlots } from '@fluentui/react-utilities';
 /**
  * Renders a Link component by passing the state defined props to the appropriate slots.
  */ export const renderLink_unstable = (state)=>{
-    const { slots , slotProps  } = getSlotsNext(state);
-    return /*#__PURE__*/ createElement(slots.root, slotProps.root);
+    assertSlots(state);
+    return /*#__PURE__*/ createElement(state.root, null);
 };

package/lib/components/Link/renderLink.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderLink.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport type { LinkSlots, LinkState } from './Link.types';\n\n/**\n * Renders a Link component by passing the state defined props to the appropriate slots.\n */\nexport const renderLink_unstable = (state: LinkState) => {\n  const { slots, slotProps } = getSlotsNext<LinkSlots>(state);\n\n  return <slots.root {...slotProps.root} />;\n};\n"],"names":["createElement","getSlotsNext","renderLink_unstable","state","slots","slotProps","root"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,YAAY,QAAQ,4BAA4B;AAGzD;;CAEC,GACD,OAAO,MAAMC,sBAAsB,CAACC,QAAqB;IACvD,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGJ,aAAwBE;IAErD,qBAAO,AAbT,cAaUC,MAAME,IAAI,EAAKD,UAAUC,IAAI;AACvC,EAAE"}
+{"version":3,"sources":["renderLink.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { LinkSlots, LinkState } from './Link.types';\n\n/**\n * Renders a Link component by passing the state defined props to the appropriate slots.\n */\nexport const renderLink_unstable = (state: LinkState) => {\n  assertSlots<LinkSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["createElement","assertSlots","renderLink_unstable","state","root"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,WAAW,QAAQ,4BAA4B;AAGxD;;CAEC,GACD,OAAO,MAAMC,sBAAsB,CAACC,QAAqB;IACvDF,YAAuBE;IAEvB,qBAAO,AAbT,cAaUA,MAAMC,IAAI;AACpB,EAAE"}

package/lib/components/Link/useLink.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { getNativeElementProps } from '@fluentui/react-utilities';
+import { getNativeElementProps, slot } from '@fluentui/react-utilities';
 import { useBackgroundAppearance } from '@fluentui/react-shared-contexts';
 import { useLinkState_unstable } from './useLinkState';
 /**
@@ -21,11 +21,13 @@ import { useLinkState_unstable } from './useLinkState';
         components: {
             root: 'a'
         },
-        root: getNativeElementProps(as, {
+        root: slot.always(getNativeElementProps(as, {
             ref,
             type,
             ...props,
             as
+        }), {
+            elementType: 'a'
         }),
         backgroundAppearance
     };

package/lib/components/Link/useLink.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useLink.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useBackgroundAppearance } from '@fluentui/react-shared-contexts';\nimport { useLinkState_unstable } from './useLinkState';\nimport type { LinkProps, LinkState } from './Link.types';\n\n/**\n * Given user props, defines default props for the Link, calls useLinkState_unstable, and returns processed state.\n * @param props - User provided props to the Link component.\n * @param ref - User provided ref to be passed to the Link component.\n */\nexport const useLink_unstable = (\n  props: LinkProps,\n  ref: React.Ref<HTMLAnchorElement | HTMLButtonElement>,\n): LinkState => {\n  const backgroundAppearance = useBackgroundAppearance();\n  const { appearance = 'default', disabled = false, disabledFocusable = false, inline = false } = props;\n  const as = props.as || (props.href ? 'a' : 'button');\n  const type = as === 'button' ? 'button' : undefined;\n\n  const state: LinkState = {\n    // Props passed at the top-level\n    appearance,\n    disabled,\n    disabledFocusable,\n    inline,\n\n    // Slots definition\n    components: {\n      root: 'a',\n    },\n\n    root: getNativeElementProps(as, {\n      ref,\n      type,\n      ...props,\n      as,\n    }),\n    backgroundAppearance,\n  };\n\n  useLinkState_unstable(state);\n\n  return state;\n};\n"],"names":["React","getNativeElementProps","useBackgroundAppearance","useLinkState_unstable","useLink_unstable","props","ref","backgroundAppearance","appearance","disabled","disabledFocusable","inline","as","href","type","undefined","state","components","root"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ,4BAA4B;AAClE,SAASC,uBAAuB,QAAQ,kCAAkC;AAC1E,SAASC,qBAAqB,QAAQ,iBAAiB;AAGvD;;;;CAIC,GACD,OAAO,MAAMC,mBAAmB,CAC9BC,OACAC,MACc;IACd,MAAMC,uBAAuBL;IAC7B,MAAM,EAAEM,YAAa,UAAS,EAAEC,UAAW,KAAK,CAAA,EAAEC,mBAAoB,KAAK,CAAA,EAAEC,QAAS,KAAK,CAAA,EAAE,GAAGN;IAChG,MAAMO,KAAKP,MAAMO,EAAE,IAAKP,CAAAA,MAAMQ,IAAI,GAAG,MAAM,QAAQ,AAAD;IAClD,MAAMC,OAAOF,OAAO,WAAW,WAAWG,SAAS;IAEnD,MAAMC,QAAmB;QACvB,gCAAgC;QAChCR;QACAC;QACAC;QACAC;QAEA,mBAAmB;QACnBM,YAAY;YACVC,MAAM;QACR;QAEAA,MAAMjB,sBAAsBW,IAAI;YAC9BN;YACAQ;YACA,GAAGT,KAAK;YACRO;QACF;QACAL;IACF;IAEAJ,sBAAsBa;IAEtB,OAAOA;AACT,EAAE"}
+{"version":3,"sources":["useLink.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\nimport { useBackgroundAppearance } from '@fluentui/react-shared-contexts';\nimport { useLinkState_unstable } from './useLinkState';\nimport type { LinkProps, LinkState } from './Link.types';\n\n/**\n * Given user props, defines default props for the Link, calls useLinkState_unstable, and returns processed state.\n * @param props - User provided props to the Link component.\n * @param ref - User provided ref to be passed to the Link component.\n */\nexport const useLink_unstable = (\n  props: LinkProps,\n  ref: React.Ref<HTMLAnchorElement | HTMLButtonElement>,\n): LinkState => {\n  const backgroundAppearance = useBackgroundAppearance();\n  const { appearance = 'default', disabled = false, disabledFocusable = false, inline = false } = props;\n  const as = props.as || (props.href ? 'a' : 'button');\n  const type = as === 'button' ? 'button' : undefined;\n\n  const state: LinkState = {\n    // Props passed at the top-level\n    appearance,\n    disabled,\n    disabledFocusable,\n    inline,\n\n    // Slots definition\n    components: {\n      root: 'a',\n    },\n\n    root: slot.always(\n      getNativeElementProps(as, {\n        ref,\n        type,\n        ...props,\n        as,\n      }),\n      { elementType: 'a' },\n    ),\n    backgroundAppearance,\n  };\n\n  useLinkState_unstable(state);\n\n  return state;\n};\n"],"names":["React","getNativeElementProps","slot","useBackgroundAppearance","useLinkState_unstable","useLink_unstable","props","ref","backgroundAppearance","appearance","disabled","disabledFocusable","inline","as","href","type","undefined","state","components","root","always","elementType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,EAAEC,IAAI,QAAQ,4BAA4B;AACxE,SAASC,uBAAuB,QAAQ,kCAAkC;AAC1E,SAASC,qBAAqB,QAAQ,iBAAiB;AAGvD;;;;CAIC,GACD,OAAO,MAAMC,mBAAmB,CAC9BC,OACAC,MACc;IACd,MAAMC,uBAAuBL;IAC7B,MAAM,EAAEM,YAAa,UAAS,EAAEC,UAAW,KAAK,CAAA,EAAEC,mBAAoB,KAAK,CAAA,EAAEC,QAAS,KAAK,CAAA,EAAE,GAAGN;IAChG,MAAMO,KAAKP,MAAMO,EAAE,IAAKP,CAAAA,MAAMQ,IAAI,GAAG,MAAM,QAAQ,AAAD;IAClD,MAAMC,OAAOF,OAAO,WAAW,WAAWG,SAAS;IAEnD,MAAMC,QAAmB;QACvB,gCAAgC;QAChCR;QACAC;QACAC;QACAC;QAEA,mBAAmB;QACnBM,YAAY;YACVC,MAAM;QACR;QAEAA,MAAMjB,KAAKkB,MAAM,CACfnB,sBAAsBY,IAAI;YACxBN;YACAQ;YACA,GAAGT,KAAK;YACRO;QACF,IACA;YAAEQ,aAAa;QAAI;QAErBb;IACF;IAEAJ,sBAAsBa;IAEtB,OAAOA;AACT,EAAE"}

package/lib-commonjs/components/Link/renderLink.js

@@ -9,6 +9,6 @@ Object.defineProperty(exports, "renderLink_unstable", {
 const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
 const _reactUtilities = require("@fluentui/react-utilities");
 const renderLink_unstable = (state)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root);
+    (0, _reactUtilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null);
 };

package/lib-commonjs/components/Link/renderLink.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderLink.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Renders a Link component by passing the state defined props to the appropriate slots.\n */ export const renderLink_unstable = (state)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(slots.root, slotProps.root);\n};\n"],"names":["renderLink_unstable","state","slots","slotProps","getSlotsNext","createElement","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACtD;AAGlB,MAAMA,sBAAsB,CAACC,QAAQ;IAC5C,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI;AACjE"}
+{"version":3,"sources":["renderLink.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Renders a Link component by passing the state defined props to the appropriate slots.\n */ export const renderLink_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ createElement(state.root, null);\n};\n"],"names":["renderLink_unstable","state","assertSlots","createElement","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACvD;AAGjB,MAAMA,sBAAsB,CAACC,QAAQ;IAC5CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,8BAAa,EAACF,MAAMG,IAAI,EAAE,IAAI;AACvD"}

package/lib-commonjs/components/Link/useLink.js

@@ -26,11 +26,13 @@ const useLink_unstable = (props, ref)=>{
         components: {
             root: 'a'
         },
-        root: (0, _reactUtilities.getNativeElementProps)(as, {
+        root: _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)(as, {
             ref,
             type,
             ...props,
             as
+        }), {
+            elementType: 'a'
         }),
         backgroundAppearance
     };

package/lib-commonjs/components/Link/useLink.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useLink.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useBackgroundAppearance } from '@fluentui/react-shared-contexts';\nimport { useLinkState_unstable } from './useLinkState';\n/**\n * Given user props, defines default props for the Link, calls useLinkState_unstable, and returns processed state.\n * @param props - User provided props to the Link component.\n * @param ref - User provided ref to be passed to the Link component.\n */ export const useLink_unstable = (props, ref)=>{\n    const backgroundAppearance = useBackgroundAppearance();\n    const { appearance ='default' , disabled =false , disabledFocusable =false , inline =false  } = props;\n    const as = props.as || (props.href ? 'a' : 'button');\n    const type = as === 'button' ? 'button' : undefined;\n    const state = {\n        // Props passed at the top-level\n        appearance,\n        disabled,\n        disabledFocusable,\n        inline,\n        // Slots definition\n        components: {\n            root: 'a'\n        },\n        root: getNativeElementProps(as, {\n            ref,\n            type,\n            ...props,\n            as\n        }),\n        backgroundAppearance\n    };\n    useLinkState_unstable(state);\n    return state;\n};\n"],"names":["useLink_unstable","props","ref","backgroundAppearance","useBackgroundAppearance","appearance","disabled","disabledFocusable","inline","as","href","type","undefined","state","components","root","getNativeElementProps","useLinkState_unstable"],"mappings":";;;;+BAQiBA;;aAAAA;;;6DARM;gCACe;qCACE;8BACF;AAK3B,MAAMA,mBAAmB,CAACC,OAAOC,MAAM;IAC9C,MAAMC,uBAAuBC,IAAAA,4CAAuB;IACpD,MAAM,EAAEC,YAAY,UAAS,EAAGC,UAAU,KAAK,CAAA,EAAGC,mBAAmB,KAAK,CAAA,EAAGC,QAAQ,KAAK,CAAA,EAAG,GAAGP;IAChG,MAAMQ,KAAKR,MAAMQ,EAAE,IAAKR,CAAAA,MAAMS,IAAI,GAAG,MAAM,QAAQ,AAAD;IAClD,MAAMC,OAAOF,OAAO,WAAW,WAAWG,SAAS;IACnD,MAAMC,QAAQ;QACV,gCAAgC;QAChCR;QACAC;QACAC;QACAC;QACA,mBAAmB;QACnBM,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,IAAAA,qCAAqB,EAACP,IAAI;YAC5BP;YACAS;YACA,GAAGV,KAAK;YACRQ;QACJ;QACAN;IACJ;IACAc,IAAAA,mCAAqB,EAACJ;IACtB,OAAOA;AACX"}
+{"version":3,"sources":["useLink.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\nimport { useBackgroundAppearance } from '@fluentui/react-shared-contexts';\nimport { useLinkState_unstable } from './useLinkState';\n/**\n * Given user props, defines default props for the Link, calls useLinkState_unstable, and returns processed state.\n * @param props - User provided props to the Link component.\n * @param ref - User provided ref to be passed to the Link component.\n */ export const useLink_unstable = (props, ref)=>{\n    const backgroundAppearance = useBackgroundAppearance();\n    const { appearance ='default' , disabled =false , disabledFocusable =false , inline =false  } = props;\n    const as = props.as || (props.href ? 'a' : 'button');\n    const type = as === 'button' ? 'button' : undefined;\n    const state = {\n        // Props passed at the top-level\n        appearance,\n        disabled,\n        disabledFocusable,\n        inline,\n        // Slots definition\n        components: {\n            root: 'a'\n        },\n        root: slot.always(getNativeElementProps(as, {\n            ref,\n            type,\n            ...props,\n            as\n        }), {\n            elementType: 'a'\n        }),\n        backgroundAppearance\n    };\n    useLinkState_unstable(state);\n    return state;\n};\n"],"names":["useLink_unstable","props","ref","backgroundAppearance","useBackgroundAppearance","appearance","disabled","disabledFocusable","inline","as","href","type","undefined","state","components","root","slot","always","getNativeElementProps","elementType","useLinkState_unstable"],"mappings":";;;;+BAQiBA;;aAAAA;;;6DARM;gCACqB;qCACJ;8BACF;AAK3B,MAAMA,mBAAmB,CAACC,OAAOC,MAAM;IAC9C,MAAMC,uBAAuBC,IAAAA,4CAAuB;IACpD,MAAM,EAAEC,YAAY,UAAS,EAAGC,UAAU,KAAK,CAAA,EAAGC,mBAAmB,KAAK,CAAA,EAAGC,QAAQ,KAAK,CAAA,EAAG,GAAGP;IAChG,MAAMQ,KAAKR,MAAMQ,EAAE,IAAKR,CAAAA,MAAMS,IAAI,GAAG,MAAM,QAAQ,AAAD;IAClD,MAAMC,OAAOF,OAAO,WAAW,WAAWG,SAAS;IACnD,MAAMC,QAAQ;QACV,gCAAgC;QAChCR;QACAC;QACAC;QACAC;QACA,mBAAmB;QACnBM,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAACT,IAAI;YACxCP;YACAS;YACA,GAAGV,KAAK;YACRQ;QACJ,IAAI;YACAU,aAAa;QACjB;QACAhB;IACJ;IACAiB,IAAAA,mCAAqB,EAACP;IACtB,OAAOA;AACX"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-link",
-  "version": "9.1.6",
+  "version": "9.1.7",
   "description": "Fluent UI React Link component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -35,12 +35,12 @@
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.3",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.13",
-    "@fluentui/react-shared-contexts": "^9.7.1",
-    "@fluentui/react-tabster": "^9.12.0",
-    "@fluentui/react-theme": "^9.1.10",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.14",
+    "@fluentui/react-shared-contexts": "^9.7.2",
+    "@fluentui/react-tabster": "^9.12.1",
+    "@fluentui/react-theme": "^9.1.11",
     "@fluentui/react-utilities": "^9.11.0",
-    "@griffel/react": "^1.5.7",
+    "@griffel/react": "^1.5.14",
     "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {