@fluentui/react-popover 9.11.7 → 9.12.0

package/CHANGELOG.md

@@ -1,12 +1,25 @@
 # Change Log - @fluentui/react-popover
 
-This log was last generated on Fri, 11 Jul 2025 15:56:58 GMT and should not be manually modified.
+This log was last generated on Thu, 17 Jul 2025 13:45:43 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.12.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.12.0)
+
+Thu, 17 Jul 2025 13:45:43 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.11.7..@fluentui/react-popover_v9.12.0)
+
+### Minor changes
+
+- feat: enable griffel raw styles ([PR #34853](https://github.com/microsoft/fluentui/pull/34853) by martinhochel@microsoft.com)
+- Bump @fluentui/react-aria to v9.15.4 ([PR #34862](https://github.com/microsoft/fluentui/pull/34862) by beachball)
+- Bump @fluentui/react-portal to v9.7.0 ([PR #34862](https://github.com/microsoft/fluentui/pull/34862) by beachball)
+- Bump @fluentui/react-positioning to v9.20.0 ([PR #34862](https://github.com/microsoft/fluentui/pull/34862) by beachball)
+- Bump @fluentui/react-tabster to v9.26.0 ([PR #34862](https://github.com/microsoft/fluentui/pull/34862) by beachball)
+
 ## [9.11.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.11.7)
 
-Fri, 11 Jul 2025 15:56:58 GMT 
+Fri, 11 Jul 2025 15:59:24 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.11.6..@fluentui/react-popover_v9.11.7)
 
 ### Patches

package/lib/components/PopoverSurface/usePopoverSurfaceStyles.styles.raw.js

@@ -0,0 +1,61 @@
+import { makeStyles, mergeClasses } from '@griffel/react';
+import { createArrowHeightStyles, createArrowStyles, createSlideStyles } from '@fluentui/react-positioning';
+import { tokens, typographyStyles } from '@fluentui/react-theme';
+export const popoverSurfaceClassNames = {
+    root: 'fui-PopoverSurface'
+};
+export const arrowHeights = {
+    small: 6,
+    medium: 8,
+    large: 8
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = makeStyles({
+    root: {
+        color: tokens.colorNeutralForeground1,
+        backgroundColor: tokens.colorNeutralBackground1,
+        borderRadius: tokens.borderRadiusMedium,
+        border: `1px solid ${tokens.colorTransparentStroke}`,
+        ...typographyStyles.body1,
+        ...createSlideStyles(10),
+        // TODO need to add versions of tokens.alias.shadow.shadow16, etc. that work with filter
+        filter: `drop-shadow(0 0 2px ${tokens.colorNeutralShadowAmbient}) ` + `drop-shadow(0 8px 16px ${tokens.colorNeutralShadowKey})`
+    },
+    inline: {
+        // When rendering inline, the PopoverSurface will be rendered under relatively positioned elements such as Input.
+        // This is due to the surface being positioned as absolute, therefore zIndex: 1 ensures that won't happen.
+        zIndex: 1
+    },
+    inverted: {
+        backgroundColor: tokens.colorNeutralBackgroundStatic,
+        color: tokens.colorNeutralForegroundStaticInverted
+    },
+    brand: {
+        backgroundColor: tokens.colorBrandBackground,
+        color: tokens.colorNeutralForegroundOnBrand
+    },
+    smallPadding: {
+        padding: '12px'
+    },
+    mediumPadding: {
+        padding: '16px'
+    },
+    largePadding: {
+        padding: '20px'
+    },
+    smallArrow: createArrowHeightStyles(arrowHeights.small),
+    mediumLargeArrow: createArrowHeightStyles(arrowHeights.medium),
+    arrow: createArrowStyles({
+        arrowHeight: undefined
+    })
+});
+/**
+ * Apply styling to the PopoverSurface slots based on the state
+ */ export const usePopoverSurfaceStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = mergeClasses(popoverSurfaceClassNames.root, styles.root, state.inline && styles.inline, state.size === 'small' && styles.smallPadding, state.size === 'medium' && styles.mediumPadding, state.size === 'large' && styles.largePadding, state.appearance === 'inverted' && styles.inverted, state.appearance === 'brand' && styles.brand, state.root.className);
+    state.arrowClassName = mergeClasses(styles.arrow, state.size === 'small' ? styles.smallArrow : styles.mediumLargeArrow);
+    return state;
+};

package/lib/components/PopoverSurface/usePopoverSurfaceStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/PopoverSurface/usePopoverSurfaceStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { createArrowHeightStyles, createArrowStyles, createSlideStyles } from '@fluentui/react-positioning';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { PopoverSize } from '../Popover/Popover.types';\nimport type { PopoverSurfaceSlots, PopoverSurfaceState } from './PopoverSurface.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const popoverSurfaceClassNames: SlotClassNames<PopoverSurfaceSlots> = {\n  root: 'fui-PopoverSurface',\n};\n\nexport const arrowHeights: Record<PopoverSize, number> = {\n  small: 6,\n  medium: 8,\n  large: 8,\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    color: tokens.colorNeutralForeground1,\n    backgroundColor: tokens.colorNeutralBackground1,\n    borderRadius: tokens.borderRadiusMedium,\n    border: `1px solid ${tokens.colorTransparentStroke}`,\n    ...typographyStyles.body1,\n    ...createSlideStyles(10),\n\n    // TODO need to add versions of tokens.alias.shadow.shadow16, etc. that work with filter\n    filter:\n      `drop-shadow(0 0 2px ${tokens.colorNeutralShadowAmbient}) ` +\n      `drop-shadow(0 8px 16px ${tokens.colorNeutralShadowKey})`,\n  },\n\n  inline: {\n    // When rendering inline, the PopoverSurface will be rendered under relatively positioned elements such as Input.\n    // This is due to the surface being positioned as absolute, therefore zIndex: 1 ensures that won't happen.\n    zIndex: 1,\n  },\n\n  inverted: {\n    backgroundColor: tokens.colorNeutralBackgroundStatic,\n    color: tokens.colorNeutralForegroundStaticInverted,\n  },\n\n  brand: {\n    backgroundColor: tokens.colorBrandBackground,\n    color: tokens.colorNeutralForegroundOnBrand,\n  },\n\n  smallPadding: { padding: '12px' },\n\n  mediumPadding: { padding: '16px' },\n\n  largePadding: { padding: '20px' },\n\n  smallArrow: createArrowHeightStyles(arrowHeights.small),\n  mediumLargeArrow: createArrowHeightStyles(arrowHeights.medium),\n  arrow: createArrowStyles({ arrowHeight: undefined }),\n});\n\n/**\n * Apply styling to the PopoverSurface slots based on the state\n */\nexport const usePopoverSurfaceStyles_unstable = (state: PopoverSurfaceState): PopoverSurfaceState => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(\n    popoverSurfaceClassNames.root,\n    styles.root,\n    state.inline && styles.inline,\n    state.size === 'small' && styles.smallPadding,\n    state.size === 'medium' && styles.mediumPadding,\n    state.size === 'large' && styles.largePadding,\n    state.appearance === 'inverted' && styles.inverted,\n    state.appearance === 'brand' && styles.brand,\n    state.root.className,\n  );\n\n  state.arrowClassName = mergeClasses(\n    styles.arrow,\n    state.size === 'small' ? styles.smallArrow : styles.mediumLargeArrow,\n  );\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","createArrowHeightStyles","createArrowStyles","createSlideStyles","tokens","typographyStyles","popoverSurfaceClassNames","root","arrowHeights","small","medium","large","useStyles","color","colorNeutralForeground1","backgroundColor","colorNeutralBackground1","borderRadius","borderRadiusMedium","border","colorTransparentStroke","body1","filter","colorNeutralShadowAmbient","colorNeutralShadowKey","inline","zIndex","inverted","colorNeutralBackgroundStatic","colorNeutralForegroundStaticInverted","brand","colorBrandBackground","colorNeutralForegroundOnBrand","smallPadding","padding","mediumPadding","largePadding","smallArrow","mediumLargeArrow","arrow","arrowHeight","undefined","usePopoverSurfaceStyles_unstable","state","styles","className","size","appearance","arrowClassName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAC1D,SAASC,uBAAuB,EAAEC,iBAAiB,EAAEC,iBAAiB,QAAQ,8BAA8B;AAC5G,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,wBAAwB;AAKjE,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;AACR,EAAE;AAEF,OAAO,MAAMC,eAA4C;IACvDC,OAAO;IACPC,QAAQ;IACRC,OAAO;AACT,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYb,WAAW;IAC3BQ,MAAM;QACJM,OAAOT,OAAOU,uBAAuB;QACrCC,iBAAiBX,OAAOY,uBAAuB;QAC/CC,cAAcb,OAAOc,kBAAkB;QACvCC,QAAQ,CAAC,UAAU,EAAEf,OAAOgB,sBAAsB,CAAC,CAAC;QACpD,GAAGf,iBAAiBgB,KAAK;QACzB,GAAGlB,kBAAkB,GAAG;QAExB,wFAAwF;QACxFmB,QACE,CAAC,oBAAoB,EAAElB,OAAOmB,yBAAyB,CAAC,EAAE,CAAC,GAC3D,CAAC,uBAAuB,EAAEnB,OAAOoB,qBAAqB,CAAC,CAAC,CAAC;IAC7D;IAEAC,QAAQ;QACN,iHAAiH;QACjH,0GAA0G;QAC1GC,QAAQ;IACV;IAEAC,UAAU;QACRZ,iBAAiBX,OAAOwB,4BAA4B;QACpDf,OAAOT,OAAOyB,oCAAoC;IACpD;IAEAC,OAAO;QACLf,iBAAiBX,OAAO2B,oBAAoB;QAC5ClB,OAAOT,OAAO4B,6BAA6B;IAC7C;IAEAC,cAAc;QAAEC,SAAS;IAAO;IAEhCC,eAAe;QAAED,SAAS;IAAO;IAEjCE,cAAc;QAAEF,SAAS;IAAO;IAEhCG,YAAYpC,wBAAwBO,aAAaC,KAAK;IACtD6B,kBAAkBrC,wBAAwBO,aAAaE,MAAM;IAC7D6B,OAAOrC,kBAAkB;QAAEsC,aAAaC;IAAU;AACpD;AAEA;;CAEC,GACD,OAAO,MAAMC,mCAAmC,CAACC;IAC/C;IAEA,MAAMC,SAAShC;IACf+B,MAAMpC,IAAI,CAACsC,SAAS,GAAG7C,aACrBM,yBAAyBC,IAAI,EAC7BqC,OAAOrC,IAAI,EACXoC,MAAMlB,MAAM,IAAImB,OAAOnB,MAAM,EAC7BkB,MAAMG,IAAI,KAAK,WAAWF,OAAOX,YAAY,EAC7CU,MAAMG,IAAI,KAAK,YAAYF,OAAOT,aAAa,EAC/CQ,MAAMG,IAAI,KAAK,WAAWF,OAAOR,YAAY,EAC7CO,MAAMI,UAAU,KAAK,cAAcH,OAAOjB,QAAQ,EAClDgB,MAAMI,UAAU,KAAK,WAAWH,OAAOd,KAAK,EAC5Ca,MAAMpC,IAAI,CAACsC,SAAS;IAGtBF,MAAMK,cAAc,GAAGhD,aACrB4C,OAAOL,KAAK,EACZI,MAAMG,IAAI,KAAK,UAAUF,OAAOP,UAAU,GAAGO,OAAON,gBAAgB;IAGtE,OAAOK;AACT,EAAE"}

package/lib-commonjs/components/PopoverSurface/usePopoverSurfaceStyles.styles.raw.js

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    arrowHeights: function() {
+        return arrowHeights;
+    },
+    popoverSurfaceClassNames: function() {
+        return popoverSurfaceClassNames;
+    },
+    usePopoverSurfaceStyles_unstable: function() {
+        return usePopoverSurfaceStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _reactpositioning = require("@fluentui/react-positioning");
+const _reacttheme = require("@fluentui/react-theme");
+const popoverSurfaceClassNames = {
+    root: 'fui-PopoverSurface'
+};
+const arrowHeights = {
+    small: 6,
+    medium: 8,
+    large: 8
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = (0, _react.makeStyles)({
+    root: {
+        color: _reacttheme.tokens.colorNeutralForeground1,
+        backgroundColor: _reacttheme.tokens.colorNeutralBackground1,
+        borderRadius: _reacttheme.tokens.borderRadiusMedium,
+        border: `1px solid ${_reacttheme.tokens.colorTransparentStroke}`,
+        ..._reacttheme.typographyStyles.body1,
+        ...(0, _reactpositioning.createSlideStyles)(10),
+        // TODO need to add versions of tokens.alias.shadow.shadow16, etc. that work with filter
+        filter: `drop-shadow(0 0 2px ${_reacttheme.tokens.colorNeutralShadowAmbient}) ` + `drop-shadow(0 8px 16px ${_reacttheme.tokens.colorNeutralShadowKey})`
+    },
+    inline: {
+        // When rendering inline, the PopoverSurface will be rendered under relatively positioned elements such as Input.
+        // This is due to the surface being positioned as absolute, therefore zIndex: 1 ensures that won't happen.
+        zIndex: 1
+    },
+    inverted: {
+        backgroundColor: _reacttheme.tokens.colorNeutralBackgroundStatic,
+        color: _reacttheme.tokens.colorNeutralForegroundStaticInverted
+    },
+    brand: {
+        backgroundColor: _reacttheme.tokens.colorBrandBackground,
+        color: _reacttheme.tokens.colorNeutralForegroundOnBrand
+    },
+    smallPadding: {
+        padding: '12px'
+    },
+    mediumPadding: {
+        padding: '16px'
+    },
+    largePadding: {
+        padding: '20px'
+    },
+    smallArrow: (0, _reactpositioning.createArrowHeightStyles)(arrowHeights.small),
+    mediumLargeArrow: (0, _reactpositioning.createArrowHeightStyles)(arrowHeights.medium),
+    arrow: (0, _reactpositioning.createArrowStyles)({
+        arrowHeight: undefined
+    })
+});
+const usePopoverSurfaceStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(popoverSurfaceClassNames.root, styles.root, state.inline && styles.inline, state.size === 'small' && styles.smallPadding, state.size === 'medium' && styles.mediumPadding, state.size === 'large' && styles.largePadding, state.appearance === 'inverted' && styles.inverted, state.appearance === 'brand' && styles.brand, state.root.className);
+    state.arrowClassName = (0, _react.mergeClasses)(styles.arrow, state.size === 'small' ? styles.smallArrow : styles.mediumLargeArrow);
+    return state;
+};

package/lib-commonjs/components/PopoverSurface/usePopoverSurfaceStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/PopoverSurface/usePopoverSurfaceStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { createArrowHeightStyles, createArrowStyles, createSlideStyles } from '@fluentui/react-positioning';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { PopoverSize } from '../Popover/Popover.types';\nimport type { PopoverSurfaceSlots, PopoverSurfaceState } from './PopoverSurface.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const popoverSurfaceClassNames: SlotClassNames<PopoverSurfaceSlots> = {\n  root: 'fui-PopoverSurface',\n};\n\nexport const arrowHeights: Record<PopoverSize, number> = {\n  small: 6,\n  medium: 8,\n  large: 8,\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    color: tokens.colorNeutralForeground1,\n    backgroundColor: tokens.colorNeutralBackground1,\n    borderRadius: tokens.borderRadiusMedium,\n    border: `1px solid ${tokens.colorTransparentStroke}`,\n    ...typographyStyles.body1,\n    ...createSlideStyles(10),\n\n    // TODO need to add versions of tokens.alias.shadow.shadow16, etc. that work with filter\n    filter:\n      `drop-shadow(0 0 2px ${tokens.colorNeutralShadowAmbient}) ` +\n      `drop-shadow(0 8px 16px ${tokens.colorNeutralShadowKey})`,\n  },\n\n  inline: {\n    // When rendering inline, the PopoverSurface will be rendered under relatively positioned elements such as Input.\n    // This is due to the surface being positioned as absolute, therefore zIndex: 1 ensures that won't happen.\n    zIndex: 1,\n  },\n\n  inverted: {\n    backgroundColor: tokens.colorNeutralBackgroundStatic,\n    color: tokens.colorNeutralForegroundStaticInverted,\n  },\n\n  brand: {\n    backgroundColor: tokens.colorBrandBackground,\n    color: tokens.colorNeutralForegroundOnBrand,\n  },\n\n  smallPadding: { padding: '12px' },\n\n  mediumPadding: { padding: '16px' },\n\n  largePadding: { padding: '20px' },\n\n  smallArrow: createArrowHeightStyles(arrowHeights.small),\n  mediumLargeArrow: createArrowHeightStyles(arrowHeights.medium),\n  arrow: createArrowStyles({ arrowHeight: undefined }),\n});\n\n/**\n * Apply styling to the PopoverSurface slots based on the state\n */\nexport const usePopoverSurfaceStyles_unstable = (state: PopoverSurfaceState): PopoverSurfaceState => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(\n    popoverSurfaceClassNames.root,\n    styles.root,\n    state.inline && styles.inline,\n    state.size === 'small' && styles.smallPadding,\n    state.size === 'medium' && styles.mediumPadding,\n    state.size === 'large' && styles.largePadding,\n    state.appearance === 'inverted' && styles.inverted,\n    state.appearance === 'brand' && styles.brand,\n    state.root.className,\n  );\n\n  state.arrowClassName = mergeClasses(\n    styles.arrow,\n    state.size === 'small' ? styles.smallArrow : styles.mediumLargeArrow,\n  );\n\n  return state;\n};\n"],"names":["arrowHeights","popoverSurfaceClassNames","usePopoverSurfaceStyles_unstable","root","small","medium","large","useStyles","makeStyles","color","tokens","colorNeutralForeground1","backgroundColor","colorNeutralBackground1","borderRadius","borderRadiusMedium","border","colorTransparentStroke","typographyStyles","body1","createSlideStyles","filter","colorNeutralShadowAmbient","colorNeutralShadowKey","inline","zIndex","inverted","colorNeutralBackgroundStatic","colorNeutralForegroundStaticInverted","brand","colorBrandBackground","colorNeutralForegroundOnBrand","smallPadding","padding","mediumPadding","largePadding","smallArrow","createArrowHeightStyles","mediumLargeArrow","arrow","createArrowStyles","arrowHeight","undefined","state","styles","className","mergeClasses","size","appearance","arrowClassName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAWaA,YAAAA;eAAAA;;IAJAC,wBAAAA;eAAAA;;IA0DAC,gCAAAA;eAAAA;;;uBAjE4B;kCACqC;4BACrC;AAKlC,MAAMD,2BAAgE;IAC3EE,MAAM;AACR;AAEO,MAAMH,eAA4C;IACvDI,OAAO;IACPC,QAAQ;IACRC,OAAO;AACT;AAEA;;CAEC,GACD,MAAMC,YAAYC,IAAAA,iBAAAA,EAAW;IAC3BL,MAAM;QACJM,OAAOC,kBAAAA,CAAOC,uBAAuB;QACrCC,iBAAiBF,kBAAAA,CAAOG,uBAAuB;QAC/CC,cAAcJ,kBAAAA,CAAOK,kBAAkB;QACvCC,QAAQ,CAAC,UAAU,EAAEN,kBAAAA,CAAOO,sBAAsB,CAAC,CAAC;QACpD,GAAGC,4BAAAA,CAAiBC,KAAK;QACzB,GAAGC,IAAAA,mCAAAA,EAAkB,GAAG;QAExB,wFAAwF;QACxFC,QACE,CAAC,oBAAoB,EAAEX,kBAAAA,CAAOY,yBAAyB,CAAC,EAAE,CAAC,GAC3D,CAAC,uBAAuB,EAAEZ,kBAAAA,CAAOa,qBAAqB,CAAC,CAAC,CAAC;IAC7D;IAEAC,QAAQ;QACN,iHAAiH;QACjH,0GAA0G;QAC1GC,QAAQ;IACV;IAEAC,UAAU;QACRd,iBAAiBF,kBAAAA,CAAOiB,4BAA4B;QACpDlB,OAAOC,kBAAAA,CAAOkB,oCAAoC;IACpD;IAEAC,OAAO;QACLjB,iBAAiBF,kBAAAA,CAAOoB,oBAAoB;QAC5CrB,OAAOC,kBAAAA,CAAOqB,6BAA6B;IAC7C;IAEAC,cAAc;QAAEC,SAAS;IAAO;IAEhCC,eAAe;QAAED,SAAS;IAAO;IAEjCE,cAAc;QAAEF,SAAS;IAAO;IAEhCG,YAAYC,IAAAA,yCAAAA,EAAwBrC,aAAaI,KAAK;IACtDkC,kBAAkBD,IAAAA,yCAAAA,EAAwBrC,aAAaK,MAAM;IAC7DkC,OAAOC,IAAAA,mCAAAA,EAAkB;QAAEC,aAAaC;IAAU;AACpD;AAKO,MAAMxC,mCAAmC,CAACyC;IAC/C;IAEA,MAAMC,SAASrC;IACfoC,MAAMxC,IAAI,CAAC0C,SAAS,GAAGC,IAAAA,mBAAAA,EACrB7C,yBAAyBE,IAAI,EAC7ByC,OAAOzC,IAAI,EACXwC,MAAMnB,MAAM,IAAIoB,OAAOpB,MAAM,EAC7BmB,MAAMI,IAAI,KAAK,WAAWH,OAAOZ,YAAY,EAC7CW,MAAMI,IAAI,KAAK,YAAYH,OAAOV,aAAa,EAC/CS,MAAMI,IAAI,KAAK,WAAWH,OAAOT,YAAY,EAC7CQ,MAAMK,UAAU,KAAK,cAAcJ,OAAOlB,QAAQ,EAClDiB,MAAMK,UAAU,KAAK,WAAWJ,OAAOf,KAAK,EAC5Cc,MAAMxC,IAAI,CAAC0C,SAAS;IAGtBF,MAAMM,cAAc,GAAGH,IAAAA,mBAAAA,EACrBF,OAAOL,KAAK,EACZI,MAAMI,IAAI,KAAK,UAAUH,OAAOR,UAAU,GAAGQ,OAAON,gBAAgB;IAGtE,OAAOK;AACT"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-popover",
-  "version": "9.11.7",
+  "version": "9.12.0",
   "description": "Popover component for Fluent UI",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -22,12 +22,12 @@
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.8",
-    "@fluentui/react-aria": "^9.15.3",
+    "@fluentui/react-aria": "^9.15.4",
     "@fluentui/react-context-selector": "^9.2.2",
-    "@fluentui/react-portal": "^9.6.4",
-    "@fluentui/react-positioning": "^9.19.0",
+    "@fluentui/react-portal": "^9.7.0",
+    "@fluentui/react-positioning": "^9.20.0",
     "@fluentui/react-shared-contexts": "^9.24.0",
-    "@fluentui/react-tabster": "^9.25.3",
+    "@fluentui/react-tabster": "^9.26.0",
     "@fluentui/react-theme": "^9.1.24",
     "@fluentui/react-utilities": "^9.22.0",
     "@fluentui/react-jsx-runtime": "^9.1.2",