@fluentui/react-positioning 9.6.0 → 9.7.0

package/CHANGELOG.json

@@ -2,7 +2,54 @@
   "name": "@fluentui/react-positioning",
   "entries": [
     {
-      "date": "Wed, 31 May 2023 06:43:00 GMT",
+      "date": "Tue, 20 Jun 2023 12:34:45 GMT",
+      "tag": "@fluentui/react-positioning_v9.7.0",
+      "version": "9.7.0",
+      "comments": {
+        "patch": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-positioning",
+            "commit": "cf6b94ba6559236150bc1f1814b023607edaeb20",
+            "comment": "chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments"
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-positioning",
+            "commit": "cbdfdd61ae2ea8954fad2eb53d62c2b036416101",
+            "comment": "fix: cleanup assignment of initial styles"
+          }
+        ],
+        "minor": [
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-positioning",
+            "commit": "71fcadc8347a9c547066b631eb7f3ec527ca9775",
+            "comment": "feat: Implement shared styles for slide animations"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-positioning",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-positioning",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-positioning",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 31 May 2023 06:46:17 GMT",
       "tag": "@fluentui/react-positioning_v9.6.0",
       "version": "9.6.0",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,29 @@
 # Change Log - @fluentui/react-positioning
 
-This log was last generated on Wed, 31 May 2023 06:43:00 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:34:45 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.7.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.7.0)
+
+Tue, 20 Jun 2023 12:34:45 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.6.0..@fluentui/react-positioning_v9.7.0)
+
+### Minor changes
+
+- feat: Implement shared styles for slide animations ([PR #28119](https://github.com/microsoft/fluentui/pull/28119) by lingfangao@hotmail.com)
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
+### Patches
+
+- chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments ([PR #28067](https://github.com/microsoft/fluentui/pull/28067) by martinhochel@microsoft.com)
+- fix: cleanup assignment of initial styles ([PR #28109](https://github.com/microsoft/fluentui/pull/28109) by olfedias@microsoft.com)
+
 ## [9.6.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.6.0)
 
-Wed, 31 May 2023 06:43:00 GMT 
+Wed, 31 May 2023 06:46:17 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.5.14..@fluentui/react-positioning_v9.6.0)
 
 ### Minor changes

package/dist/index.d.ts

@@ -76,6 +76,13 @@ export declare type CreateArrowStylesOptions = {
     borderColor?: GriffelStyle['borderBottomColor'];
 };
 
+/**
+ * Creates animation styles so that positioned elements slide in from the main axis
+ * @param mainAxis - distance than the element sides for
+ * @returns Griffel styles to spread to a slot
+ */
+export declare function createSlideStyles(mainAxis: number): GriffelStyle;
+
 /**
  * Creates a virtual element based on the position of a click event
  * Can be used as a target for popper in scenarios such as context menus
@@ -254,7 +261,7 @@ export declare function usePositioning(options: UsePositioningOptions): UsePosit
  * @param initialState - initializes a user provided state similare to useState
  * @returns state and dispatcher for a Popper virtual element that uses native/synthetic mouse events
  */
-export declare const usePositioningMouseTarget: (initialState?: PositioningVirtualElement | (() => PositioningVirtualElement) | undefined) => readonly [PositioningVirtualElement | undefined, SetVirtualMouseTarget];
+export declare const usePositioningMouseTarget: (initialState?: PositioningVirtualElement | (() => PositioningVirtualElement)) => readonly [PositioningVirtualElement | undefined, SetVirtualMouseTarget];
 
 declare interface UsePositioningOptions extends PositioningProps, Pick<PositioningOptions, 'fallbackPositions' | 'pinned'> {
     /**

package/lib/createSlideStyles.js

@@ -0,0 +1,59 @@
+import { tokens } from '@fluentui/react-theme';
+import { DATA_POSITIONING_PLACEMENT } from './constants';
+/**
+ * Creates animation styles so that positioned elements slide in from the main axis
+ * @param mainAxis - distance than the element sides for
+ * @returns Griffel styles to spread to a slot
+ */ export function createSlideStyles(mainAxis) {
+    const fadeIn = {
+        from: {
+            opacity: 0
+        },
+        to: {
+            opacity: 1
+        }
+    };
+    const slideDistanceVarX = '--slide-distance-x';
+    const slideDistanceVarY = '--slide-distance-y';
+    return {
+        animationComposition: 'accumulate',
+        animationDuration: tokens.durationSlower,
+        animationTimingFunction: tokens.curveDecelerateMid,
+        [slideDistanceVarX]: `0px`,
+        [slideDistanceVarY]: `${mainAxis}px`,
+        [`&[${DATA_POSITIONING_PLACEMENT}^=right]`]: {
+            [slideDistanceVarX]: `-${mainAxis}px`,
+            [slideDistanceVarY]: '0px'
+        },
+        [`&[${DATA_POSITIONING_PLACEMENT}^=bottom]`]: {
+            [slideDistanceVarX]: '0px',
+            [slideDistanceVarY]: `-${mainAxis}px`
+        },
+        [`&[${DATA_POSITIONING_PLACEMENT}^=left]`]: {
+            [slideDistanceVarX]: `${mainAxis}px`,
+            [slideDistanceVarY]: '0px'
+        },
+        animationName: [
+            fadeIn,
+            {
+                from: {
+                    transform: `translate(var(${slideDistanceVarX}), var(${slideDistanceVarY}))`
+                },
+                to: {}
+            }
+        ],
+        // Note: at-rules have more specificity in Griffel
+        '@media(prefers-reduced-motion)': {
+            [`&[${DATA_POSITIONING_PLACEMENT}]`]: {
+                animationDuration: '1ms',
+                animationName: fadeIn
+            }
+        },
+        // Tested in Firefox 79
+        '@supports not (animation-composition: accumulate)': {
+            [`&[${DATA_POSITIONING_PLACEMENT}]`]: {
+                animationName: fadeIn
+            }
+        }
+    };
+}

package/lib/createSlideStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["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 = '--slide-distance-x';\n  const slideDistanceVarY = '--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"],"mappings":"AAAA,SAASA,MAAM,QAAQ,wBAAwB;AAE/C,SAASC,0BAA0B,QAAQ,cAAc;AAEzD;;;;CAIC,GACD,OAAO,SAASC,kBAAkBC,QAAgB,EAAgB;IAChE,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,CAAC"}

package/lib/index.js

@@ -1,5 +1,6 @@
 export { createVirtualElementFromClick } from './createVirtualElementFromClick';
 export { createArrowHeightStyles, createArrowStyles } from './createArrowStyles';
+export { createSlideStyles } from './createSlideStyles';
 export { usePositioning } from './usePositioning';
 export { usePositioningMouseTarget } from './usePositioningMouseTarget';
 export { resolvePositioningShorthand, mergeArrowOffset } from './utils/index';

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export { createVirtualElementFromClick } from './createVirtualElementFromClick';\nexport { createArrowHeightStyles, createArrowStyles } from './createArrowStyles';\nexport type { CreateArrowStylesOptions } from './createArrowStyles';\nexport { usePositioning } from './usePositioning';\nexport { usePositioningMouseTarget } from './usePositioningMouseTarget';\nexport { resolvePositioningShorthand, mergeArrowOffset } from './utils/index';\nexport type {\n  Alignment,\n  AutoSize,\n  Boundary,\n  Offset,\n  OffsetFunction,\n  OffsetFunctionParam,\n  OffsetObject,\n  OffsetShorthand,\n  Position,\n  PositioningImperativeRef,\n  PositioningProps,\n  PositioningShorthand,\n  PositioningShorthandValue,\n  PositioningVirtualElement,\n  SetVirtualMouseTarget,\n} from './types';\n"],"names":["createVirtualElementFromClick","createArrowHeightStyles","createArrowStyles","usePositioning","usePositioningMouseTarget","resolvePositioningShorthand","mergeArrowOffset"],"mappings":"AAAA,SAASA,6BAA6B,QAAQ,kCAAkC;AAChF,SAASC,uBAAuB,EAAEC,iBAAiB,QAAQ,sBAAsB;AAEjF,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,yBAAyB,QAAQ,8BAA8B;AACxE,SAASC,2BAA2B,EAAEC,gBAAgB,QAAQ,gBAAgB"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { createVirtualElementFromClick } from './createVirtualElementFromClick';\nexport { createArrowHeightStyles, createArrowStyles } from './createArrowStyles';\nexport { createSlideStyles } from './createSlideStyles';\nexport type { CreateArrowStylesOptions } from './createArrowStyles';\nexport { usePositioning } from './usePositioning';\nexport { usePositioningMouseTarget } from './usePositioningMouseTarget';\nexport { resolvePositioningShorthand, mergeArrowOffset } from './utils/index';\nexport type {\n  Alignment,\n  AutoSize,\n  Boundary,\n  Offset,\n  OffsetFunction,\n  OffsetFunctionParam,\n  OffsetObject,\n  OffsetShorthand,\n  Position,\n  PositioningImperativeRef,\n  PositioningProps,\n  PositioningShorthand,\n  PositioningShorthandValue,\n  PositioningVirtualElement,\n  SetVirtualMouseTarget,\n} from './types';\n"],"names":["createVirtualElementFromClick","createArrowHeightStyles","createArrowStyles","createSlideStyles","usePositioning","usePositioningMouseTarget","resolvePositioningShorthand","mergeArrowOffset"],"mappings":"AAAA,SAASA,6BAA6B,QAAQ,kCAAkC;AAChF,SAASC,uBAAuB,EAAEC,iBAAiB,QAAQ,sBAAsB;AACjF,SAASC,iBAAiB,QAAQ,sBAAsB;AAExD,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,yBAAyB,QAAQ,8BAA8B;AACxE,SAASC,2BAA2B,EAAEC,gBAAgB,QAAQ,gBAAgB"}

package/lib-commonjs/createSlideStyles.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "createSlideStyles", {
+    enumerable: true,
+    get: ()=>createSlideStyles
+});
+const _reactTheme = require("@fluentui/react-theme");
+const _constants = require("./constants");
+function createSlideStyles(mainAxis) {
+    const fadeIn = {
+        from: {
+            opacity: 0
+        },
+        to: {
+            opacity: 1
+        }
+    };
+    const slideDistanceVarX = '--slide-distance-x';
+    const slideDistanceVarY = '--slide-distance-y';
+    return {
+        animationComposition: 'accumulate',
+        animationDuration: _reactTheme.tokens.durationSlower,
+        animationTimingFunction: _reactTheme.tokens.curveDecelerateMid,
+        [slideDistanceVarX]: `0px`,
+        [slideDistanceVarY]: `${mainAxis}px`,
+        [`&[${_constants.DATA_POSITIONING_PLACEMENT}^=right]`]: {
+            [slideDistanceVarX]: `-${mainAxis}px`,
+            [slideDistanceVarY]: '0px'
+        },
+        [`&[${_constants.DATA_POSITIONING_PLACEMENT}^=bottom]`]: {
+            [slideDistanceVarX]: '0px',
+            [slideDistanceVarY]: `-${mainAxis}px`
+        },
+        [`&[${_constants.DATA_POSITIONING_PLACEMENT}^=left]`]: {
+            [slideDistanceVarX]: `${mainAxis}px`,
+            [slideDistanceVarY]: '0px'
+        },
+        animationName: [
+            fadeIn,
+            {
+                from: {
+                    transform: `translate(var(${slideDistanceVarX}), var(${slideDistanceVarY}))`
+                },
+                to: {}
+            }
+        ],
+        // Note: at-rules have more specificity in Griffel
+        '@media(prefers-reduced-motion)': {
+            [`&[${_constants.DATA_POSITIONING_PLACEMENT}]`]: {
+                animationDuration: '1ms',
+                animationName: fadeIn
+            }
+        },
+        // Tested in Firefox 79
+        '@supports not (animation-composition: accumulate)': {
+            [`&[${_constants.DATA_POSITIONING_PLACEMENT}]`]: {
+                animationName: fadeIn
+            }
+        }
+    };
+}

package/lib-commonjs/createSlideStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["createSlideStyles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { DATA_POSITIONING_PLACEMENT } from './constants';\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 */ export function createSlideStyles(mainAxis) {\n    const fadeIn = {\n        from: {\n            opacity: 0\n        },\n        to: {\n            opacity: 1\n        }\n    };\n    const slideDistanceVarX = '--slide-distance-x';\n    const slideDistanceVarY = '--slide-distance-y';\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        [`&[${DATA_POSITIONING_PLACEMENT}^=bottom]`]: {\n            [slideDistanceVarX]: '0px',\n            [slideDistanceVarY]: `-${mainAxis}px`\n        },\n        [`&[${DATA_POSITIONING_PLACEMENT}^=left]`]: {\n            [slideDistanceVarX]: `${mainAxis}px`,\n            [slideDistanceVarY]: '0px'\n        },\n        animationName: [\n            fadeIn,\n            {\n                from: {\n                    transform: `translate(var(${slideDistanceVarX}), var(${slideDistanceVarY}))`\n                },\n                to: {}\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        // 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"],"mappings":";;;;+BAMoBA;;aAAAA;;4BANG;2BACoB;AAKhC,SAASA,kBAAkBC,QAAQ,EAAE;IAC5C,MAAMC,SAAS;QACXC,MAAM;YACFC,SAAS;QACb;QACAC,IAAI;YACAD,SAAS;QACb;IACJ;IACA,MAAME,oBAAoB;IAC1B,MAAMC,oBAAoB;IAC1B,OAAO;QACHC,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;YACzC,CAACR,kBAAkB,EAAE,CAAC,CAAC,EAAEL,SAAS,EAAE,CAAC;YACrC,CAACM,kBAAkB,EAAE;QACzB;QACA,CAAC,CAAC,EAAE,EAAEO,qCAA0B,CAAC,SAAS,CAAC,CAAC,EAAE;YAC1C,CAACR,kBAAkB,EAAE;YACrB,CAACC,kBAAkB,EAAE,CAAC,CAAC,EAAEN,SAAS,EAAE,CAAC;QACzC;QACA,CAAC,CAAC,EAAE,EAAEa,qCAA0B,CAAC,OAAO,CAAC,CAAC,EAAE;YACxC,CAACR,kBAAkB,EAAE,CAAC,EAAEL,SAAS,EAAE,CAAC;YACpC,CAACM,kBAAkB,EAAE;QACzB;QACAQ,eAAe;YACXb;YACA;gBACIC,MAAM;oBACFa,WAAW,CAAC,cAAc,EAAEV,kBAAkB,OAAO,EAAEC,kBAAkB,EAAE,CAAC;gBAChF;gBACAF,IAAI,CAAC;YACT;SACH;QACD,kDAAkD;QAClD,kCAAkC;YAC9B,CAAC,CAAC,EAAE,EAAES,qCAA0B,CAAC,CAAC,CAAC,CAAC,EAAE;gBAClCL,mBAAmB;gBACnBM,eAAeb;YACnB;QACJ;QACA,uBAAuB;QACvB,qDAAqD;YACjD,CAAC,CAAC,EAAE,EAAEY,qCAA0B,CAAC,CAAC,CAAC,CAAC,EAAE;gBAClCC,eAAeb;YACnB;QACJ;IACJ;AACJ"}

package/lib-commonjs/index.js

@@ -12,6 +12,7 @@ _export(exports, {
     createVirtualElementFromClick: ()=>_createVirtualElementFromClick.createVirtualElementFromClick,
     createArrowHeightStyles: ()=>_createArrowStyles.createArrowHeightStyles,
     createArrowStyles: ()=>_createArrowStyles.createArrowStyles,
+    createSlideStyles: ()=>_createSlideStyles.createSlideStyles,
     usePositioning: ()=>_usePositioning.usePositioning,
     usePositioningMouseTarget: ()=>_usePositioningMouseTarget.usePositioningMouseTarget,
     resolvePositioningShorthand: ()=>_index.resolvePositioningShorthand,
@@ -19,6 +20,7 @@ _export(exports, {
 });
 const _createVirtualElementFromClick = require("./createVirtualElementFromClick");
 const _createArrowStyles = require("./createArrowStyles");
+const _createSlideStyles = require("./createSlideStyles");
 const _usePositioning = require("./usePositioning");
 const _usePositioningMouseTarget = require("./usePositioningMouseTarget");
 const _index = require("./utils/index");

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export { createVirtualElementFromClick } from './createVirtualElementFromClick';\nexport { createArrowHeightStyles, createArrowStyles } from './createArrowStyles';\nexport { usePositioning } from './usePositioning';\nexport { usePositioningMouseTarget } from './usePositioningMouseTarget';\nexport { resolvePositioningShorthand, mergeArrowOffset } from './utils/index';\n"],"names":["createVirtualElementFromClick","createArrowHeightStyles","createArrowStyles","usePositioning","usePositioningMouseTarget","resolvePositioningShorthand","mergeArrowOffset"],"mappings":";;;;;;;;;;;IAASA,6BAA6B,MAA7BA,4DAA6B;IAC7BC,uBAAuB,MAAvBA,0CAAuB;IAAEC,iBAAiB,MAAjBA,oCAAiB;IAC1CC,cAAc,MAAdA,8BAAc;IACdC,yBAAyB,MAAzBA,oDAAyB;IACzBC,2BAA2B,MAA3BA,kCAA2B;IAAEC,gBAAgB,MAAhBA,uBAAgB;;+CAJR;mCACa;gCAC5B;2CACW;uBACoB"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export { createVirtualElementFromClick } from './createVirtualElementFromClick';\nexport { createArrowHeightStyles, createArrowStyles } from './createArrowStyles';\nexport { createSlideStyles } from './createSlideStyles';\nexport { usePositioning } from './usePositioning';\nexport { usePositioningMouseTarget } from './usePositioningMouseTarget';\nexport { resolvePositioningShorthand, mergeArrowOffset } from './utils/index';\n"],"names":["createVirtualElementFromClick","createArrowHeightStyles","createArrowStyles","createSlideStyles","usePositioning","usePositioningMouseTarget","resolvePositioningShorthand","mergeArrowOffset"],"mappings":";;;;;;;;;;;IAASA,6BAA6B,MAA7BA,4DAA6B;IAC7BC,uBAAuB,MAAvBA,0CAAuB;IAAEC,iBAAiB,MAAjBA,oCAAiB;IAC1CC,iBAAiB,MAAjBA,oCAAiB;IACjBC,cAAc,MAAdA,8BAAc;IACdC,yBAAyB,MAAzBA,oDAAyB;IACzBC,2BAA2B,MAA3BA,kCAA2B;IAAEC,gBAAgB,MAAhBA,uBAAgB;;+CALR;mCACa;mCACzB;gCACH;2CACW;uBACoB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-positioning",
-  "version": "9.6.0",
+  "version": "9.7.0",
   "description": "A react wrapper around Popper.js for Fluent UI",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -30,9 +30,9 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.2.0",
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },