@fluentui/react-positioning 9.15.12 → 9.15.14

package/CHANGELOG.md

@@ -1,12 +1,33 @@
 # Change Log - @fluentui/react-positioning
 
-This log was last generated on Mon, 18 Nov 2024 09:42:21 GMT and should not be manually modified.
+This log was last generated on Mon, 09 Dec 2024 17:34:08 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.15.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.15.14)
+
+Mon, 09 Dec 2024 17:34:08 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.15.13..@fluentui/react-positioning_v9.15.14)
+
+### Patches
+
+- fix(Popover): opacity transition was not happening ([PR #33421](https://github.com/microsoft/fluentui/pull/33421) by robertpenner@microsoft.com)
+
+## [9.15.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.15.13)
+
+Fri, 06 Dec 2024 12:53:41 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.15.12..@fluentui/react-positioning_v9.15.13)
+
+### Patches
+
+- chore: remove usage of "export *"  ([PR #33380](https://github.com/microsoft/fluentui/pull/33380) by olfedias@microsoft.com)
+- Bump @fluentui/react-shared-contexts to v9.21.1 ([PR #33372](https://github.com/microsoft/fluentui/pull/33372) by beachball)
+- Bump @fluentui/react-theme to v9.1.23 ([PR #33372](https://github.com/microsoft/fluentui/pull/33372) by beachball)
+- Bump @fluentui/react-utilities to v9.18.18 ([PR #33372](https://github.com/microsoft/fluentui/pull/33372) by beachball)
+
 ## [9.15.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.15.12)
 
-Mon, 18 Nov 2024 09:42:21 GMT 
+Mon, 18 Nov 2024 09:44:39 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.15.11..@fluentui/react-positioning_v9.15.12)
 
 ### Patches

package/lib/createSlideStyles.js

@@ -16,7 +16,8 @@ import { DATA_POSITIONING_PLACEMENT } from './constants';
     const slideDistanceVarX = '--fui-positioning-slide-distance-x';
     const slideDistanceVarY = '--fui-positioning-slide-distance-y';
     return {
-        animationComposition: 'accumulate',
+        // The fade has absolute values, whereas the slide amount is relative.
+        animationComposition: 'replace, accumulate',
         animationDuration: tokens.durationSlower,
         animationTimingFunction: tokens.curveDecelerateMid,
         [slideDistanceVarX]: `0px`,
@@ -45,6 +46,7 @@ import { DATA_POSITIONING_PLACEMENT } from './constants';
         // Note: at-rules have more specificity in Griffel
         '@media(prefers-reduced-motion)': {
             [`&[${DATA_POSITIONING_PLACEMENT}]`]: {
+                animationComposition: 'replace',
                 animationDuration: '1ms',
                 animationName: fadeIn
             }
@@ -52,6 +54,7 @@ import { DATA_POSITIONING_PLACEMENT } from './constants';
         // Tested in Firefox 79
         '@supports not (animation-composition: accumulate)': {
             [`&[${DATA_POSITIONING_PLACEMENT}]`]: {
+                animationComposition: 'replace',
                 animationName: fadeIn
             }
         }

package/lib/createSlideStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/createSlideStyles.ts"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport type { GriffelStyle } from '@griffel/react';\nimport { DATA_POSITIONING_PLACEMENT } from './constants';\n\n/**\n * Creates animation styles so that positioned elements slide in from the main axis\n * @param mainAxis - distance than the element sides for\n * @returns Griffel styles to spread to a slot\n */\nexport function createSlideStyles(mainAxis: number): GriffelStyle {\n  const fadeIn = {\n    from: {\n      opacity: 0,\n    },\n    to: {\n      opacity: 1,\n    },\n  };\n\n  const slideDistanceVarX = '--fui-positioning-slide-distance-x';\n  const slideDistanceVarY = '--fui-positioning-slide-distance-y';\n\n  return {\n    animationComposition: 'accumulate',\n    animationDuration: tokens.durationSlower,\n    animationTimingFunction: tokens.curveDecelerateMid,\n    [slideDistanceVarX]: `0px`,\n    [slideDistanceVarY]: `${mainAxis}px`,\n    [`&[${DATA_POSITIONING_PLACEMENT}^=right]`]: {\n      [slideDistanceVarX]: `-${mainAxis}px`,\n      [slideDistanceVarY]: '0px',\n    },\n\n    [`&[${DATA_POSITIONING_PLACEMENT}^=bottom]`]: {\n      [slideDistanceVarX]: '0px',\n      [slideDistanceVarY]: `-${mainAxis}px`,\n    },\n\n    [`&[${DATA_POSITIONING_PLACEMENT}^=left]`]: {\n      [slideDistanceVarX]: `${mainAxis}px`,\n      [slideDistanceVarY]: '0px',\n    },\n\n    animationName: [\n      fadeIn,\n      {\n        from: {\n          transform: `translate(var(${slideDistanceVarX}), var(${slideDistanceVarY}))`,\n        },\n        to: {},\n      },\n    ],\n\n    // Note: at-rules have more specificity in Griffel\n    '@media(prefers-reduced-motion)': {\n      [`&[${DATA_POSITIONING_PLACEMENT}]`]: {\n        animationDuration: '1ms',\n        animationName: fadeIn,\n      },\n    },\n\n    // Tested in Firefox 79\n    '@supports not (animation-composition: accumulate)': {\n      [`&[${DATA_POSITIONING_PLACEMENT}]`]: {\n        animationName: fadeIn,\n      },\n    },\n  };\n}\n"],"names":["tokens","DATA_POSITIONING_PLACEMENT","createSlideStyles","mainAxis","fadeIn","from","opacity","to","slideDistanceVarX","slideDistanceVarY","animationComposition","animationDuration","durationSlower","animationTimingFunction","curveDecelerateMid","animationName","transform"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,MAAM,QAAQ,wBAAwB;AAE/C,SAASC,0BAA0B,QAAQ,cAAc;AAEzD;;;;CAIC,GACD,OAAO,SAASC,kBAAkBC,QAAgB;IAChD,MAAMC,SAAS;QACbC,MAAM;YACJC,SAAS;QACX;QACAC,IAAI;YACFD,SAAS;QACX;IACF;IAEA,MAAME,oBAAoB;IAC1B,MAAMC,oBAAoB;IAE1B,OAAO;QACLC,sBAAsB;QACtBC,mBAAmBX,OAAOY,cAAc;QACxCC,yBAAyBb,OAAOc,kBAAkB;QAClD,CAACN,kBAAkB,EAAE,CAAC,GAAG,CAAC;QAC1B,CAACC,kBAAkB,EAAE,CAAC,EAAEN,SAAS,EAAE,CAAC;QACpC,CAAC,CAAC,EAAE,EAAEF,2BAA2B,QAAQ,CAAC,CAAC,EAAE;YAC3C,CAACO,kBAAkB,EAAE,CAAC,CAAC,EAAEL,SAAS,EAAE,CAAC;YACrC,CAACM,kBAAkB,EAAE;QACvB;QAEA,CAAC,CAAC,EAAE,EAAER,2BAA2B,SAAS,CAAC,CAAC,EAAE;YAC5C,CAACO,kBAAkB,EAAE;YACrB,CAACC,kBAAkB,EAAE,CAAC,CAAC,EAAEN,SAAS,EAAE,CAAC;QACvC;QAEA,CAAC,CAAC,EAAE,EAAEF,2BAA2B,OAAO,CAAC,CAAC,EAAE;YAC1C,CAACO,kBAAkB,EAAE,CAAC,EAAEL,SAAS,EAAE,CAAC;YACpC,CAACM,kBAAkB,EAAE;QACvB;QAEAM,eAAe;YACbX;YACA;gBACEC,MAAM;oBACJW,WAAW,CAAC,cAAc,EAAER,kBAAkB,OAAO,EAAEC,kBAAkB,EAAE,CAAC;gBAC9E;gBACAF,IAAI,CAAC;YACP;SACD;QAED,kDAAkD;QAClD,kCAAkC;YAChC,CAAC,CAAC,EAAE,EAAEN,2BAA2B,CAAC,CAAC,CAAC,EAAE;gBACpCU,mBAAmB;gBACnBI,eAAeX;YACjB;QACF;QAEA,uBAAuB;QACvB,qDAAqD;YACnD,CAAC,CAAC,EAAE,EAAEH,2BAA2B,CAAC,CAAC,CAAC,EAAE;gBACpCc,eAAeX;YACjB;QACF;IACF;AACF"}
+{"version":3,"sources":["../src/createSlideStyles.ts"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport type { GriffelStyle } from '@griffel/react';\nimport { DATA_POSITIONING_PLACEMENT } from './constants';\n\n/**\n * Creates animation styles so that positioned elements slide in from the main axis\n * @param mainAxis - distance than the element sides for\n * @returns Griffel styles to spread to a slot\n */\nexport function createSlideStyles(mainAxis: number): GriffelStyle {\n  const fadeIn = {\n    from: {\n      opacity: 0,\n    },\n    to: {\n      opacity: 1,\n    },\n  };\n\n  const slideDistanceVarX = '--fui-positioning-slide-distance-x';\n  const slideDistanceVarY = '--fui-positioning-slide-distance-y';\n\n  return {\n    // The fade has absolute values, whereas the slide amount is relative.\n    animationComposition: 'replace, accumulate',\n    animationDuration: tokens.durationSlower,\n    animationTimingFunction: tokens.curveDecelerateMid,\n    [slideDistanceVarX]: `0px`,\n    [slideDistanceVarY]: `${mainAxis}px`,\n    [`&[${DATA_POSITIONING_PLACEMENT}^=right]`]: {\n      [slideDistanceVarX]: `-${mainAxis}px`,\n      [slideDistanceVarY]: '0px',\n    },\n\n    [`&[${DATA_POSITIONING_PLACEMENT}^=bottom]`]: {\n      [slideDistanceVarX]: '0px',\n      [slideDistanceVarY]: `-${mainAxis}px`,\n    },\n\n    [`&[${DATA_POSITIONING_PLACEMENT}^=left]`]: {\n      [slideDistanceVarX]: `${mainAxis}px`,\n      [slideDistanceVarY]: '0px',\n    },\n\n    animationName: [\n      fadeIn,\n      {\n        from: {\n          transform: `translate(var(${slideDistanceVarX}), var(${slideDistanceVarY}))`,\n        },\n        to: {},\n      },\n    ],\n\n    // Note: at-rules have more specificity in Griffel\n    '@media(prefers-reduced-motion)': {\n      [`&[${DATA_POSITIONING_PLACEMENT}]`]: {\n        animationComposition: 'replace',\n        animationDuration: '1ms',\n        animationName: fadeIn,\n      },\n    },\n\n    // Tested in Firefox 79\n    '@supports not (animation-composition: accumulate)': {\n      [`&[${DATA_POSITIONING_PLACEMENT}]`]: {\n        animationComposition: 'replace',\n        animationName: fadeIn,\n      },\n    },\n  };\n}\n"],"names":["tokens","DATA_POSITIONING_PLACEMENT","createSlideStyles","mainAxis","fadeIn","from","opacity","to","slideDistanceVarX","slideDistanceVarY","animationComposition","animationDuration","durationSlower","animationTimingFunction","curveDecelerateMid","animationName","transform"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,MAAM,QAAQ,wBAAwB;AAE/C,SAASC,0BAA0B,QAAQ,cAAc;AAEzD;;;;CAIC,GACD,OAAO,SAASC,kBAAkBC,QAAgB;IAChD,MAAMC,SAAS;QACbC,MAAM;YACJC,SAAS;QACX;QACAC,IAAI;YACFD,SAAS;QACX;IACF;IAEA,MAAME,oBAAoB;IAC1B,MAAMC,oBAAoB;IAE1B,OAAO;QACL,sEAAsE;QACtEC,sBAAsB;QACtBC,mBAAmBX,OAAOY,cAAc;QACxCC,yBAAyBb,OAAOc,kBAAkB;QAClD,CAACN,kBAAkB,EAAE,CAAC,GAAG,CAAC;QAC1B,CAACC,kBAAkB,EAAE,CAAC,EAAEN,SAAS,EAAE,CAAC;QACpC,CAAC,CAAC,EAAE,EAAEF,2BAA2B,QAAQ,CAAC,CAAC,EAAE;YAC3C,CAACO,kBAAkB,EAAE,CAAC,CAAC,EAAEL,SAAS,EAAE,CAAC;YACrC,CAACM,kBAAkB,EAAE;QACvB;QAEA,CAAC,CAAC,EAAE,EAAER,2BAA2B,SAAS,CAAC,CAAC,EAAE;YAC5C,CAACO,kBAAkB,EAAE;YACrB,CAACC,kBAAkB,EAAE,CAAC,CAAC,EAAEN,SAAS,EAAE,CAAC;QACvC;QAEA,CAAC,CAAC,EAAE,EAAEF,2BAA2B,OAAO,CAAC,CAAC,EAAE;YAC1C,CAACO,kBAAkB,EAAE,CAAC,EAAEL,SAAS,EAAE,CAAC;YACpC,CAACM,kBAAkB,EAAE;QACvB;QAEAM,eAAe;YACbX;YACA;gBACEC,MAAM;oBACJW,WAAW,CAAC,cAAc,EAAER,kBAAkB,OAAO,EAAEC,kBAAkB,EAAE,CAAC;gBAC9E;gBACAF,IAAI,CAAC;YACP;SACD;QAED,kDAAkD;QAClD,kCAAkC;YAChC,CAAC,CAAC,EAAE,EAAEN,2BAA2B,CAAC,CAAC,CAAC,EAAE;gBACpCS,sBAAsB;gBACtBC,mBAAmB;gBACnBI,eAAeX;YACjB;QACF;QAEA,uBAAuB;QACvB,qDAAqD;YACnD,CAAC,CAAC,EAAE,EAAEH,2BAA2B,CAAC,CAAC,CAAC,EAAE;gBACpCS,sBAAsB;gBACtBK,eAAeX;YACjB;QACF;IACF;AACF"}

package/lib/middleware/index.js

@@ -1,7 +1,7 @@
-export * from './coverTarget';
-export * from './flip';
-export * from './intersecting';
-export * from './maxSize';
-export * from './offset';
-export * from './shift';
-export * from './matchTargetSize';
+export { coverTarget } from './coverTarget';
+export { flip } from './flip';
+export { intersecting } from './intersecting';
+export { maxSize, resetMaxSize } from './maxSize';
+export { offset } from './offset';
+export { shift } from './shift';
+export { matchTargetSize, matchTargetSizeCssVar } from './matchTargetSize';

package/lib/middleware/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/middleware/index.ts"],"sourcesContent":["export * from './coverTarget';\nexport * from './flip';\nexport * from './intersecting';\nexport * from './maxSize';\nexport * from './offset';\nexport * from './shift';\nexport * from './matchTargetSize';\n"],"names":[],"rangeMappings":";;;;;;","mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,SAAS;AACvB,cAAc,iBAAiB;AAC/B,cAAc,YAAY;AAC1B,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,oBAAoB"}
+{"version":3,"sources":["../src/middleware/index.ts"],"sourcesContent":["export { coverTarget } from './coverTarget';\nexport type { FlipMiddlewareOptions } from './flip';\nexport { flip } from './flip';\nexport { intersecting } from './intersecting';\nexport type { MaxSizeMiddlewareOptions } from './maxSize';\nexport { maxSize, resetMaxSize } from './maxSize';\nexport { offset } from './offset';\nexport type { ShiftMiddlewareOptions } from './shift';\nexport { shift } from './shift';\nexport { matchTargetSize, matchTargetSizeCssVar } from './matchTargetSize';\n"],"names":["coverTarget","flip","intersecting","maxSize","resetMaxSize","offset","shift","matchTargetSize","matchTargetSizeCssVar"],"rangeMappings":";;;;;;","mappings":"AAAA,SAASA,WAAW,QAAQ,gBAAgB;AAE5C,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,YAAY,QAAQ,iBAAiB;AAE9C,SAASC,OAAO,EAAEC,YAAY,QAAQ,YAAY;AAClD,SAASC,MAAM,QAAQ,WAAW;AAElC,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,eAAe,EAAEC,qBAAqB,QAAQ,oBAAoB"}

package/lib/utils/index.js

@@ -1,16 +1,16 @@
-export * from './parseFloatingUIPlacement';
-export * from './getBoundary';
-export * from './getReactFiberFromNode';
-export * from './getScrollParent';
-export * from './mergeArrowOffset';
-export * from './toFloatingUIPadding';
-export * from './toFloatingUIPlacement';
-export * from './fromFloatingUIPlacement';
-export * from './resolvePositioningShorthand';
-export * from './useCallbackRef';
-export * from './debounce';
-export * from './toggleScrollListener';
-export * from './hasAutoFocusFilter';
-export * from './writeArrowUpdates';
-export * from './writeContainerupdates';
-export * from './normalizeAutoSize';
+export { parseFloatingUIPlacement } from './parseFloatingUIPlacement';
+export { getBoundary } from './getBoundary';
+export { getReactFiberFromNode } from './getReactFiberFromNode';
+export { getParentNode, getScrollParent, hasScrollParent } from './getScrollParent';
+export { mergeArrowOffset } from './mergeArrowOffset';
+export { toFloatingUIPadding } from './toFloatingUIPadding';
+export { toFloatingUIPlacement } from './toFloatingUIPlacement';
+export { fromFloatingUIPlacement } from './fromFloatingUIPlacement';
+export { resolvePositioningShorthand } from './resolvePositioningShorthand';
+export { useCallbackRef } from './useCallbackRef';
+export { debounce } from './debounce';
+export { toggleScrollListener } from './toggleScrollListener';
+export { hasAutofocusFilter } from './hasAutoFocusFilter';
+export { writeArrowUpdates } from './writeArrowUpdates';
+export { writeContainerUpdates } from './writeContainerupdates';
+export { normalizeAutoSize } from './normalizeAutoSize';

package/lib/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/index.ts"],"sourcesContent":["export * from './parseFloatingUIPlacement';\nexport * from './getBoundary';\nexport * from './getReactFiberFromNode';\nexport * from './getScrollParent';\nexport * from './mergeArrowOffset';\nexport * from './toFloatingUIPadding';\nexport * from './toFloatingUIPlacement';\nexport * from './fromFloatingUIPlacement';\nexport * from './resolvePositioningShorthand';\nexport * from './useCallbackRef';\nexport * from './debounce';\nexport * from './toggleScrollListener';\nexport * from './hasAutoFocusFilter';\nexport * from './writeArrowUpdates';\nexport * from './writeContainerupdates';\nexport * from './normalizeAutoSize';\n"],"names":[],"rangeMappings":";;;;;;;;;;;;;;;","mappings":"AAAA,cAAc,6BAA6B;AAC3C,cAAc,gBAAgB;AAC9B,cAAc,0BAA0B;AACxC,cAAc,oBAAoB;AAClC,cAAc,qBAAqB;AACnC,cAAc,wBAAwB;AACtC,cAAc,0BAA0B;AACxC,cAAc,4BAA4B;AAC1C,cAAc,gCAAgC;AAC9C,cAAc,mBAAmB;AACjC,cAAc,aAAa;AAC3B,cAAc,yBAAyB;AACvC,cAAc,uBAAuB;AACrC,cAAc,sBAAsB;AACpC,cAAc,0BAA0B;AACxC,cAAc,sBAAsB"}
+{"version":3,"sources":["../src/utils/index.ts"],"sourcesContent":["export { parseFloatingUIPlacement } from './parseFloatingUIPlacement';\nexport { getBoundary } from './getBoundary';\nexport type { Fiber, HookType } from './getReactFiberFromNode';\nexport { getReactFiberFromNode } from './getReactFiberFromNode';\nexport { getParentNode, getScrollParent, hasScrollParent } from './getScrollParent';\nexport { mergeArrowOffset } from './mergeArrowOffset';\nexport { toFloatingUIPadding } from './toFloatingUIPadding';\nexport { toFloatingUIPlacement } from './toFloatingUIPlacement';\nexport { fromFloatingUIPlacement } from './fromFloatingUIPlacement';\nexport { resolvePositioningShorthand } from './resolvePositioningShorthand';\nexport { useCallbackRef } from './useCallbackRef';\nexport { debounce } from './debounce';\nexport { toggleScrollListener } from './toggleScrollListener';\nexport { hasAutofocusFilter } from './hasAutoFocusFilter';\nexport { writeArrowUpdates } from './writeArrowUpdates';\nexport { writeContainerUpdates } from './writeContainerupdates';\nexport { normalizeAutoSize } from './normalizeAutoSize';\n"],"names":["parseFloatingUIPlacement","getBoundary","getReactFiberFromNode","getParentNode","getScrollParent","hasScrollParent","mergeArrowOffset","toFloatingUIPadding","toFloatingUIPlacement","fromFloatingUIPlacement","resolvePositioningShorthand","useCallbackRef","debounce","toggleScrollListener","hasAutofocusFilter","writeArrowUpdates","writeContainerUpdates","normalizeAutoSize"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,wBAAwB,QAAQ,6BAA6B;AACtE,SAASC,WAAW,QAAQ,gBAAgB;AAE5C,SAASC,qBAAqB,QAAQ,0BAA0B;AAChE,SAASC,aAAa,EAAEC,eAAe,EAAEC,eAAe,QAAQ,oBAAoB;AACpF,SAASC,gBAAgB,QAAQ,qBAAqB;AACtD,SAASC,mBAAmB,QAAQ,wBAAwB;AAC5D,SAASC,qBAAqB,QAAQ,0BAA0B;AAChE,SAASC,uBAAuB,QAAQ,4BAA4B;AACpE,SAASC,2BAA2B,QAAQ,gCAAgC;AAC5E,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,oBAAoB,QAAQ,yBAAyB;AAC9D,SAASC,kBAAkB,QAAQ,uBAAuB;AAC1D,SAASC,iBAAiB,QAAQ,sBAAsB;AACxD,SAASC,qBAAqB,QAAQ,0BAA0B;AAChE,SAASC,iBAAiB,QAAQ,sBAAsB"}

package/lib-commonjs/createSlideStyles.js

@@ -22,7 +22,8 @@ function createSlideStyles(mainAxis) {
     const slideDistanceVarX = '--fui-positioning-slide-distance-x';
     const slideDistanceVarY = '--fui-positioning-slide-distance-y';
     return {
-        animationComposition: 'accumulate',
+        // The fade has absolute values, whereas the slide amount is relative.
+        animationComposition: 'replace, accumulate',
         animationDuration: _reacttheme.tokens.durationSlower,
         animationTimingFunction: _reacttheme.tokens.curveDecelerateMid,
         [slideDistanceVarX]: `0px`,
@@ -51,6 +52,7 @@ function createSlideStyles(mainAxis) {
         // Note: at-rules have more specificity in Griffel
         '@media(prefers-reduced-motion)': {
             [`&[${_constants.DATA_POSITIONING_PLACEMENT}]`]: {
+                animationComposition: 'replace',
                 animationDuration: '1ms',
                 animationName: fadeIn
             }
@@ -58,6 +60,7 @@ function createSlideStyles(mainAxis) {
         // Tested in Firefox 79
         '@supports not (animation-composition: accumulate)': {
             [`&[${_constants.DATA_POSITIONING_PLACEMENT}]`]: {
+                animationComposition: 'replace',
                 animationName: fadeIn
             }
         }

package/lib-commonjs/createSlideStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/createSlideStyles.ts"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport type { GriffelStyle } from '@griffel/react';\nimport { DATA_POSITIONING_PLACEMENT } from './constants';\n\n/**\n * Creates animation styles so that positioned elements slide in from the main axis\n * @param mainAxis - distance than the element sides for\n * @returns Griffel styles to spread to a slot\n */\nexport function createSlideStyles(mainAxis: number): GriffelStyle {\n  const fadeIn = {\n    from: {\n      opacity: 0,\n    },\n    to: {\n      opacity: 1,\n    },\n  };\n\n  const slideDistanceVarX = '--fui-positioning-slide-distance-x';\n  const slideDistanceVarY = '--fui-positioning-slide-distance-y';\n\n  return {\n    animationComposition: 'accumulate',\n    animationDuration: tokens.durationSlower,\n    animationTimingFunction: tokens.curveDecelerateMid,\n    [slideDistanceVarX]: `0px`,\n    [slideDistanceVarY]: `${mainAxis}px`,\n    [`&[${DATA_POSITIONING_PLACEMENT}^=right]`]: {\n      [slideDistanceVarX]: `-${mainAxis}px`,\n      [slideDistanceVarY]: '0px',\n    },\n\n    [`&[${DATA_POSITIONING_PLACEMENT}^=bottom]`]: {\n      [slideDistanceVarX]: '0px',\n      [slideDistanceVarY]: `-${mainAxis}px`,\n    },\n\n    [`&[${DATA_POSITIONING_PLACEMENT}^=left]`]: {\n      [slideDistanceVarX]: `${mainAxis}px`,\n      [slideDistanceVarY]: '0px',\n    },\n\n    animationName: [\n      fadeIn,\n      {\n        from: {\n          transform: `translate(var(${slideDistanceVarX}), var(${slideDistanceVarY}))`,\n        },\n        to: {},\n      },\n    ],\n\n    // Note: at-rules have more specificity in Griffel\n    '@media(prefers-reduced-motion)': {\n      [`&[${DATA_POSITIONING_PLACEMENT}]`]: {\n        animationDuration: '1ms',\n        animationName: fadeIn,\n      },\n    },\n\n    // Tested in Firefox 79\n    '@supports not (animation-composition: accumulate)': {\n      [`&[${DATA_POSITIONING_PLACEMENT}]`]: {\n        animationName: fadeIn,\n      },\n    },\n  };\n}\n"],"names":["createSlideStyles","mainAxis","fadeIn","from","opacity","to","slideDistanceVarX","slideDistanceVarY","animationComposition","animationDuration","tokens","durationSlower","animationTimingFunction","curveDecelerateMid","DATA_POSITIONING_PLACEMENT","animationName","transform"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASgBA;;;eAAAA;;;4BATO;2BAEoB;AAOpC,SAASA,kBAAkBC,QAAgB;IAChD,MAAMC,SAAS;QACbC,MAAM;YACJC,SAAS;QACX;QACAC,IAAI;YACFD,SAAS;QACX;IACF;IAEA,MAAME,oBAAoB;IAC1B,MAAMC,oBAAoB;IAE1B,OAAO;QACLC,sBAAsB;QACtBC,mBAAmBC,kBAAM,CAACC,cAAc;QACxCC,yBAAyBF,kBAAM,CAACG,kBAAkB;QAClD,CAACP,kBAAkB,EAAE,CAAC,GAAG,CAAC;QAC1B,CAACC,kBAAkB,EAAE,CAAC,EAAEN,SAAS,EAAE,CAAC;QACpC,CAAC,CAAC,EAAE,EAAEa,qCAA0B,CAAC,QAAQ,CAAC,CAAC,EAAE;YAC3C,CAACR,kBAAkB,EAAE,CAAC,CAAC,EAAEL,SAAS,EAAE,CAAC;YACrC,CAACM,kBAAkB,EAAE;QACvB;QAEA,CAAC,CAAC,EAAE,EAAEO,qCAA0B,CAAC,SAAS,CAAC,CAAC,EAAE;YAC5C,CAACR,kBAAkB,EAAE;YACrB,CAACC,kBAAkB,EAAE,CAAC,CAAC,EAAEN,SAAS,EAAE,CAAC;QACvC;QAEA,CAAC,CAAC,EAAE,EAAEa,qCAA0B,CAAC,OAAO,CAAC,CAAC,EAAE;YAC1C,CAACR,kBAAkB,EAAE,CAAC,EAAEL,SAAS,EAAE,CAAC;YACpC,CAACM,kBAAkB,EAAE;QACvB;QAEAQ,eAAe;YACbb;YACA;gBACEC,MAAM;oBACJa,WAAW,CAAC,cAAc,EAAEV,kBAAkB,OAAO,EAAEC,kBAAkB,EAAE,CAAC;gBAC9E;gBACAF,IAAI,CAAC;YACP;SACD;QAED,kDAAkD;QAClD,kCAAkC;YAChC,CAAC,CAAC,EAAE,EAAES,qCAA0B,CAAC,CAAC,CAAC,CAAC,EAAE;gBACpCL,mBAAmB;gBACnBM,eAAeb;YACjB;QACF;QAEA,uBAAuB;QACvB,qDAAqD;YACnD,CAAC,CAAC,EAAE,EAAEY,qCAA0B,CAAC,CAAC,CAAC,CAAC,EAAE;gBACpCC,eAAeb;YACjB;QACF;IACF;AACF"}
+{"version":3,"sources":["../src/createSlideStyles.ts"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport type { GriffelStyle } from '@griffel/react';\nimport { DATA_POSITIONING_PLACEMENT } from './constants';\n\n/**\n * Creates animation styles so that positioned elements slide in from the main axis\n * @param mainAxis - distance than the element sides for\n * @returns Griffel styles to spread to a slot\n */\nexport function createSlideStyles(mainAxis: number): GriffelStyle {\n  const fadeIn = {\n    from: {\n      opacity: 0,\n    },\n    to: {\n      opacity: 1,\n    },\n  };\n\n  const slideDistanceVarX = '--fui-positioning-slide-distance-x';\n  const slideDistanceVarY = '--fui-positioning-slide-distance-y';\n\n  return {\n    // The fade has absolute values, whereas the slide amount is relative.\n    animationComposition: 'replace, accumulate',\n    animationDuration: tokens.durationSlower,\n    animationTimingFunction: tokens.curveDecelerateMid,\n    [slideDistanceVarX]: `0px`,\n    [slideDistanceVarY]: `${mainAxis}px`,\n    [`&[${DATA_POSITIONING_PLACEMENT}^=right]`]: {\n      [slideDistanceVarX]: `-${mainAxis}px`,\n      [slideDistanceVarY]: '0px',\n    },\n\n    [`&[${DATA_POSITIONING_PLACEMENT}^=bottom]`]: {\n      [slideDistanceVarX]: '0px',\n      [slideDistanceVarY]: `-${mainAxis}px`,\n    },\n\n    [`&[${DATA_POSITIONING_PLACEMENT}^=left]`]: {\n      [slideDistanceVarX]: `${mainAxis}px`,\n      [slideDistanceVarY]: '0px',\n    },\n\n    animationName: [\n      fadeIn,\n      {\n        from: {\n          transform: `translate(var(${slideDistanceVarX}), var(${slideDistanceVarY}))`,\n        },\n        to: {},\n      },\n    ],\n\n    // Note: at-rules have more specificity in Griffel\n    '@media(prefers-reduced-motion)': {\n      [`&[${DATA_POSITIONING_PLACEMENT}]`]: {\n        animationComposition: 'replace',\n        animationDuration: '1ms',\n        animationName: fadeIn,\n      },\n    },\n\n    // Tested in Firefox 79\n    '@supports not (animation-composition: accumulate)': {\n      [`&[${DATA_POSITIONING_PLACEMENT}]`]: {\n        animationComposition: 'replace',\n        animationName: fadeIn,\n      },\n    },\n  };\n}\n"],"names":["createSlideStyles","mainAxis","fadeIn","from","opacity","to","slideDistanceVarX","slideDistanceVarY","animationComposition","animationDuration","tokens","durationSlower","animationTimingFunction","curveDecelerateMid","DATA_POSITIONING_PLACEMENT","animationName","transform"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASgBA;;;eAAAA;;;4BATO;2BAEoB;AAOpC,SAASA,kBAAkBC,QAAgB;IAChD,MAAMC,SAAS;QACbC,MAAM;YACJC,SAAS;QACX;QACAC,IAAI;YACFD,SAAS;QACX;IACF;IAEA,MAAME,oBAAoB;IAC1B,MAAMC,oBAAoB;IAE1B,OAAO;QACL,sEAAsE;QACtEC,sBAAsB;QACtBC,mBAAmBC,kBAAM,CAACC,cAAc;QACxCC,yBAAyBF,kBAAM,CAACG,kBAAkB;QAClD,CAACP,kBAAkB,EAAE,CAAC,GAAG,CAAC;QAC1B,CAACC,kBAAkB,EAAE,CAAC,EAAEN,SAAS,EAAE,CAAC;QACpC,CAAC,CAAC,EAAE,EAAEa,qCAA0B,CAAC,QAAQ,CAAC,CAAC,EAAE;YAC3C,CAACR,kBAAkB,EAAE,CAAC,CAAC,EAAEL,SAAS,EAAE,CAAC;YACrC,CAACM,kBAAkB,EAAE;QACvB;QAEA,CAAC,CAAC,EAAE,EAAEO,qCAA0B,CAAC,SAAS,CAAC,CAAC,EAAE;YAC5C,CAACR,kBAAkB,EAAE;YACrB,CAACC,kBAAkB,EAAE,CAAC,CAAC,EAAEN,SAAS,EAAE,CAAC;QACvC;QAEA,CAAC,CAAC,EAAE,EAAEa,qCAA0B,CAAC,OAAO,CAAC,CAAC,EAAE;YAC1C,CAACR,kBAAkB,EAAE,CAAC,EAAEL,SAAS,EAAE,CAAC;YACpC,CAACM,kBAAkB,EAAE;QACvB;QAEAQ,eAAe;YACbb;YACA;gBACEC,MAAM;oBACJa,WAAW,CAAC,cAAc,EAAEV,kBAAkB,OAAO,EAAEC,kBAAkB,EAAE,CAAC;gBAC9E;gBACAF,IAAI,CAAC;YACP;SACD;QAED,kDAAkD;QAClD,kCAAkC;YAChC,CAAC,CAAC,EAAE,EAAES,qCAA0B,CAAC,CAAC,CAAC,CAAC,EAAE;gBACpCN,sBAAsB;gBACtBC,mBAAmB;gBACnBM,eAAeb;YACjB;QACF;QAEA,uBAAuB;QACvB,qDAAqD;YACnD,CAAC,CAAC,EAAE,EAAEY,qCAA0B,CAAC,CAAC,CAAC,CAAC,EAAE;gBACpCN,sBAAsB;gBACtBO,eAAeb;YACjB;QACF;IACF;AACF"}

package/lib-commonjs/middleware/index.js

@@ -2,11 +2,45 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("./coverTarget"), exports);
-_export_star._(require("./flip"), exports);
-_export_star._(require("./intersecting"), exports);
-_export_star._(require("./maxSize"), exports);
-_export_star._(require("./offset"), exports);
-_export_star._(require("./shift"), exports);
-_export_star._(require("./matchTargetSize"), exports);
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    coverTarget: function() {
+        return _coverTarget.coverTarget;
+    },
+    flip: function() {
+        return _flip.flip;
+    },
+    intersecting: function() {
+        return _intersecting.intersecting;
+    },
+    matchTargetSize: function() {
+        return _matchTargetSize.matchTargetSize;
+    },
+    matchTargetSizeCssVar: function() {
+        return _matchTargetSize.matchTargetSizeCssVar;
+    },
+    maxSize: function() {
+        return _maxSize.maxSize;
+    },
+    offset: function() {
+        return _offset.offset;
+    },
+    resetMaxSize: function() {
+        return _maxSize.resetMaxSize;
+    },
+    shift: function() {
+        return _shift.shift;
+    }
+});
+const _coverTarget = require("./coverTarget");
+const _flip = require("./flip");
+const _intersecting = require("./intersecting");
+const _maxSize = require("./maxSize");
+const _offset = require("./offset");
+const _shift = require("./shift");
+const _matchTargetSize = require("./matchTargetSize");

package/lib-commonjs/middleware/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/middleware/index.ts"],"sourcesContent":["export * from './coverTarget';\nexport * from './flip';\nexport * from './intersecting';\nexport * from './maxSize';\nexport * from './offset';\nexport * from './shift';\nexport * from './matchTargetSize';\n"],"names":[],"rangeMappings":";;;;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA"}
+{"version":3,"sources":["../src/middleware/index.ts"],"sourcesContent":["export { coverTarget } from './coverTarget';\nexport type { FlipMiddlewareOptions } from './flip';\nexport { flip } from './flip';\nexport { intersecting } from './intersecting';\nexport type { MaxSizeMiddlewareOptions } from './maxSize';\nexport { maxSize, resetMaxSize } from './maxSize';\nexport { offset } from './offset';\nexport type { ShiftMiddlewareOptions } from './shift';\nexport { shift } from './shift';\nexport { matchTargetSize, matchTargetSizeCssVar } from './matchTargetSize';\n"],"names":["coverTarget","flip","intersecting","matchTargetSize","matchTargetSizeCssVar","maxSize","offset","resetMaxSize","shift"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,WAAW;eAAXA,wBAAW;;IAEXC,IAAI;eAAJA,UAAI;;IACJC,YAAY;eAAZA,0BAAY;;IAMZC,eAAe;eAAfA,gCAAe;;IAAEC,qBAAqB;eAArBA,sCAAqB;;IAJtCC,OAAO;eAAPA,gBAAO;;IACPC,MAAM;eAANA,cAAM;;IADGC,YAAY;eAAZA,qBAAY;;IAGrBC,KAAK;eAALA,YAAK;;;6BARc;sBAEP;8BACQ;yBAES;wBACf;uBAED;iCACiC"}

package/lib-commonjs/utils/index.js

@@ -2,20 +2,81 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("./parseFloatingUIPlacement"), exports);
-_export_star._(require("./getBoundary"), exports);
-_export_star._(require("./getReactFiberFromNode"), exports);
-_export_star._(require("./getScrollParent"), exports);
-_export_star._(require("./mergeArrowOffset"), exports);
-_export_star._(require("./toFloatingUIPadding"), exports);
-_export_star._(require("./toFloatingUIPlacement"), exports);
-_export_star._(require("./fromFloatingUIPlacement"), exports);
-_export_star._(require("./resolvePositioningShorthand"), exports);
-_export_star._(require("./useCallbackRef"), exports);
-_export_star._(require("./debounce"), exports);
-_export_star._(require("./toggleScrollListener"), exports);
-_export_star._(require("./hasAutoFocusFilter"), exports);
-_export_star._(require("./writeArrowUpdates"), exports);
-_export_star._(require("./writeContainerupdates"), exports);
-_export_star._(require("./normalizeAutoSize"), exports);
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    debounce: function() {
+        return _debounce.debounce;
+    },
+    fromFloatingUIPlacement: function() {
+        return _fromFloatingUIPlacement.fromFloatingUIPlacement;
+    },
+    getBoundary: function() {
+        return _getBoundary.getBoundary;
+    },
+    getParentNode: function() {
+        return _getScrollParent.getParentNode;
+    },
+    getReactFiberFromNode: function() {
+        return _getReactFiberFromNode.getReactFiberFromNode;
+    },
+    getScrollParent: function() {
+        return _getScrollParent.getScrollParent;
+    },
+    hasAutofocusFilter: function() {
+        return _hasAutoFocusFilter.hasAutofocusFilter;
+    },
+    hasScrollParent: function() {
+        return _getScrollParent.hasScrollParent;
+    },
+    mergeArrowOffset: function() {
+        return _mergeArrowOffset.mergeArrowOffset;
+    },
+    normalizeAutoSize: function() {
+        return _normalizeAutoSize.normalizeAutoSize;
+    },
+    parseFloatingUIPlacement: function() {
+        return _parseFloatingUIPlacement.parseFloatingUIPlacement;
+    },
+    resolvePositioningShorthand: function() {
+        return _resolvePositioningShorthand.resolvePositioningShorthand;
+    },
+    toFloatingUIPadding: function() {
+        return _toFloatingUIPadding.toFloatingUIPadding;
+    },
+    toFloatingUIPlacement: function() {
+        return _toFloatingUIPlacement.toFloatingUIPlacement;
+    },
+    toggleScrollListener: function() {
+        return _toggleScrollListener.toggleScrollListener;
+    },
+    useCallbackRef: function() {
+        return _useCallbackRef.useCallbackRef;
+    },
+    writeArrowUpdates: function() {
+        return _writeArrowUpdates.writeArrowUpdates;
+    },
+    writeContainerUpdates: function() {
+        return _writeContainerupdates.writeContainerUpdates;
+    }
+});
+const _parseFloatingUIPlacement = require("./parseFloatingUIPlacement");
+const _getBoundary = require("./getBoundary");
+const _getReactFiberFromNode = require("./getReactFiberFromNode");
+const _getScrollParent = require("./getScrollParent");
+const _mergeArrowOffset = require("./mergeArrowOffset");
+const _toFloatingUIPadding = require("./toFloatingUIPadding");
+const _toFloatingUIPlacement = require("./toFloatingUIPlacement");
+const _fromFloatingUIPlacement = require("./fromFloatingUIPlacement");
+const _resolvePositioningShorthand = require("./resolvePositioningShorthand");
+const _useCallbackRef = require("./useCallbackRef");
+const _debounce = require("./debounce");
+const _toggleScrollListener = require("./toggleScrollListener");
+const _hasAutoFocusFilter = require("./hasAutoFocusFilter");
+const _writeArrowUpdates = require("./writeArrowUpdates");
+const _writeContainerupdates = require("./writeContainerupdates");
+const _normalizeAutoSize = require("./normalizeAutoSize");

package/lib-commonjs/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/index.ts"],"sourcesContent":["export * from './parseFloatingUIPlacement';\nexport * from './getBoundary';\nexport * from './getReactFiberFromNode';\nexport * from './getScrollParent';\nexport * from './mergeArrowOffset';\nexport * from './toFloatingUIPadding';\nexport * from './toFloatingUIPlacement';\nexport * from './fromFloatingUIPlacement';\nexport * from './resolvePositioningShorthand';\nexport * from './useCallbackRef';\nexport * from './debounce';\nexport * from './toggleScrollListener';\nexport * from './hasAutoFocusFilter';\nexport * from './writeArrowUpdates';\nexport * from './writeContainerupdates';\nexport * from './normalizeAutoSize';\n"],"names":[],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA"}
+{"version":3,"sources":["../src/utils/index.ts"],"sourcesContent":["export { parseFloatingUIPlacement } from './parseFloatingUIPlacement';\nexport { getBoundary } from './getBoundary';\nexport type { Fiber, HookType } from './getReactFiberFromNode';\nexport { getReactFiberFromNode } from './getReactFiberFromNode';\nexport { getParentNode, getScrollParent, hasScrollParent } from './getScrollParent';\nexport { mergeArrowOffset } from './mergeArrowOffset';\nexport { toFloatingUIPadding } from './toFloatingUIPadding';\nexport { toFloatingUIPlacement } from './toFloatingUIPlacement';\nexport { fromFloatingUIPlacement } from './fromFloatingUIPlacement';\nexport { resolvePositioningShorthand } from './resolvePositioningShorthand';\nexport { useCallbackRef } from './useCallbackRef';\nexport { debounce } from './debounce';\nexport { toggleScrollListener } from './toggleScrollListener';\nexport { hasAutofocusFilter } from './hasAutoFocusFilter';\nexport { writeArrowUpdates } from './writeArrowUpdates';\nexport { writeContainerUpdates } from './writeContainerupdates';\nexport { normalizeAutoSize } from './normalizeAutoSize';\n"],"names":["debounce","fromFloatingUIPlacement","getBoundary","getParentNode","getReactFiberFromNode","getScrollParent","hasAutofocusFilter","hasScrollParent","mergeArrowOffset","normalizeAutoSize","parseFloatingUIPlacement","resolvePositioningShorthand","toFloatingUIPadding","toFloatingUIPlacement","toggleScrollListener","useCallbackRef","writeArrowUpdates","writeContainerUpdates"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAWSA,QAAQ;eAARA,kBAAQ;;IAHRC,uBAAuB;eAAvBA,gDAAuB;;IAPvBC,WAAW;eAAXA,wBAAW;;IAGXC,aAAa;eAAbA,8BAAa;;IADbC,qBAAqB;eAArBA,4CAAqB;;IACNC,eAAe;eAAfA,gCAAe;;IAS9BC,kBAAkB;eAAlBA,sCAAkB;;IATcC,eAAe;eAAfA,gCAAe;;IAC/CC,gBAAgB;eAAhBA,kCAAgB;;IAWhBC,iBAAiB;eAAjBA,oCAAiB;;IAhBjBC,wBAAwB;eAAxBA,kDAAwB;;IASxBC,2BAA2B;eAA3BA,wDAA2B;;IAH3BC,mBAAmB;eAAnBA,wCAAmB;;IACnBC,qBAAqB;eAArBA,4CAAqB;;IAKrBC,oBAAoB;eAApBA,0CAAoB;;IAFpBC,cAAc;eAAdA,8BAAc;;IAIdC,iBAAiB;eAAjBA,oCAAiB;;IACjBC,qBAAqB;eAArBA,4CAAqB;;;0CAfW;6BACb;uCAEU;iCAC0B;kCAC/B;qCACG;uCACE;yCACE;6CACI;gCACb;0BACN;sCACY;oCACF;mCACD;uCACI;mCACJ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-positioning",
-  "version": "9.15.12",
+  "version": "9.15.14",
   "description": "A react wrapper around Popper.js for Fluent UI",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -18,9 +18,9 @@
   "dependencies": {
     "@floating-ui/dom": "^1.2.0",
     "@floating-ui/devtools": "0.2.1",
-    "@fluentui/react-shared-contexts": "^9.21.0",
-    "@fluentui/react-theme": "^9.1.22",
-    "@fluentui/react-utilities": "^9.18.17",
+    "@fluentui/react-shared-contexts": "^9.21.1",
+    "@fluentui/react-theme": "^9.1.23",
+    "@fluentui/react-utilities": "^9.18.18",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },