@fluentui/react-popover - npm Package Compare versions

Comparing version 0.0.0-nightlyf3ce1fbe1d20211110.1 to 0.0.0-nightlyf6116328d620220124.1

CHANGELOG.md

 # Change Log - @fluentui/react-popover
 
-This log was last generated on Wed, 10 Nov 2021 04:16:48 GMT and should not be manually modified.
+This log was last generated on Mon, 24 Jan 2022 04:14:08 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightlyf3ce1fbe1d20211110.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v0.0.0-nightlyf3ce1fbe1d20211110.1)
+## [0.0.0-nightlyf6116328d620220124.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v0.0.0-nightlyf6116328d620220124.1)
 
-Wed, 10 Nov 2021 04:16:48 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.0.0-beta.3..@fluentui/react-popover_v0.0.0-nightlyf3ce1fbe1d20211110.1)
+Mon, 24 Jan 2022 04:14:08 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.0.0-beta.5..@fluentui/react-popover_v0.0.0-nightlyf6116328d620220124.1)
 
 ### Changes
 
-- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by email not defined)
+- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/7e40e770b133f0e9b5a0ba356e78ea25a8647941) by email not defined)
+- Replacing use of functions in makeStyles with direct use of tokens ([PR #21049](https://github.com/microsoft/fluentui/pull/21049) by [e-mail])
+- Remove component's shorthandProps array ([PR #21134](https://github.com/microsoft/fluentui/pull/21134) by [e-mail])
+- Fix Popover arrow border in high contrast ([PR #21086](https://github.com/microsoft/fluentui/pull/21086) by [e-mail])
+- Updating based on removal of functions from makeStyles. ([PR #21239](https://github.com/microsoft/fluentui/pull/21239) by [e-mail])
+- update styles to not use CSS shorthands ([PR #20796](https://github.com/microsoft/fluentui/pull/20796) by [e-mail])
+- Bump @fluentui/react-context-selector to v0.0.0-nightlyf6116328d620220124.1 ([commit](https://github.com/microsoft/fluentui/commit/7e40e770b133f0e9b5a0ba356e78ea25a8647941) by beachball)
+- Bump @fluentui/react-make-styles to v0.0.0-nightlyf6116328d620220124.1 ([commit](https://github.com/microsoft/fluentui/commit/7e40e770b133f0e9b5a0ba356e78ea25a8647941) by beachball)
+- Bump @fluentui/react-portal to v0.0.0-nightlyf6116328d620220124.1 ([commit](https://github.com/microsoft/fluentui/commit/7e40e770b133f0e9b5a0ba356e78ea25a8647941) by beachball)
+- Bump @fluentui/react-positioning to v0.0.0-nightlyf6116328d620220124.1 ([commit](https://github.com/microsoft/fluentui/commit/7e40e770b133f0e9b5a0ba356e78ea25a8647941) by beachball)
+- Bump @fluentui/react-shared-contexts to v0.0.0-nightlyf6116328d620220124.1 ([commit](https://github.com/microsoft/fluentui/commit/7e40e770b133f0e9b5a0ba356e78ea25a8647941) by beachball)
+- Bump @fluentui/react-tabster to v0.0.0-nightlyf6116328d620220124.1 ([commit](https://github.com/microsoft/fluentui/commit/7e40e770b133f0e9b5a0ba356e78ea25a8647941) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightlyf6116328d620220124.1 ([commit](https://github.com/microsoft/fluentui/commit/7e40e770b133f0e9b5a0ba356e78ea25a8647941) by beachball)
+- Bump @fluentui/babel-make-styles to v0.0.0-nightlyf6116328d620220124.1 ([commit](https://github.com/microsoft/fluentui/commit/7e40e770b133f0e9b5a0ba356e78ea25a8647941) by beachball)
+- Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlyf6116328d620220124.1 ([commit](https://github.com/microsoft/fluentui/commit/7e40e770b133f0e9b5a0ba356e78ea25a8647941) by beachball)
+- Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlyf6116328d620220124.1 ([commit](https://github.com/microsoft/fluentui/commit/7e40e770b133f0e9b5a0ba356e78ea25a8647941) by beachball)
+
+## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.0.0-beta.5)
+
+Thu, 25 Nov 2021 08:34:15 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.0.0-beta.4..@fluentui/react-popover_v9.0.0-beta.5)
+
+### Changes
+
+- Add transparent outline to arrow for HC ([PR #20541](https://github.com/microsoft/fluentui/pull/20541) by [e-mail])
+- Bump @fluentui/react-context-selector to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
+- Bump @fluentui/react-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
+- Bump @fluentui/react-portal to v9.0.0-beta.5 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
+- Bump @fluentui/react-positioning to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
+- Bump @fluentui/react-tabster to v9.0.0-beta.5 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
+- Bump @fluentui/react-utilities to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
+- Bump @fluentui/babel-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
+- Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
+- Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
+
+## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.0.0-beta.4)
+
+Fri, 12 Nov 2021 13:25:28 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.0.0-beta.3..@fluentui/react-popover_v9.0.0-beta.4)
+
+### Changes
+
 - Updated beta and RC components to ES2019 ([PR #20405](https://github.com/microsoft/fluentui/pull/20405) by [e-mail])
 - fix(Popover): use `dialog` as value for `aria-haspopup` for focus trap ([PR #20494](https://github.com/microsoft/fluentui/pull/20494) by [e-mail])
 - export static classes for components ([PR #20450](https://github.com/microsoft/fluentui/pull/20450) by [e-mail])
-- Bump @fluentui/react-context-selector to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
-- Bump @fluentui/react-make-styles to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
-- Bump @fluentui/react-portal to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
-- Bump @fluentui/react-positioning to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
-- Bump @fluentui/react-shared-contexts to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
-- Bump @fluentui/react-tabster to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
-- Bump @fluentui/babel-make-styles to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
-- Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
-- Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
+- Bump @fluentui/react-context-selector to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+- Bump @fluentui/react-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+- Bump @fluentui/react-portal to v9.0.0-beta.4 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+- Bump @fluentui/react-positioning to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+- Bump @fluentui/react-tabster to v9.0.0-beta.4 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+- Bump @fluentui/react-utilities to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+- Bump @fluentui/babel-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+- Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+- Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
 
@@ -29,0 +71,0 @@ ## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.0.0-beta.3)

dist/react-popover.d.ts

@@ -151,4 +151,2 @@ import type { ComponentProps } from '@fluentui/react-utilities';
 
-export declare const popoverSurfaceSlots: Array<keyof PopoverSurfaceSlots>;
-
 /**
@@ -206,3 +204,3 @@ * PopoverSurface State
 
-export declare const usePopoverContext: <T>(selector: ContextSelector<Pick<PopoverState, "mountNode" | "open" | "setOpen" | "triggerRef" | "contentRef" | "openOnHover" | "openOnContext" | "noArrow" | "arrowRef" | "size" | "appearance" | "trapFocus">, T>) => T;
+export declare const usePopoverContext: <T>(selector: ContextSelector<PopoverContextValue, T>) => T;
 
@@ -209,0 +207,0 @@ /**

lib-commonjs/components/Popover/usePopover.js

@@ -54,3 +54,4 @@ "use strict";
     refs: [popperRefs.triggerRef, popperRefs.contentRef],
-    disabled: !open || !initialState.openOnContext
+    disabled: !open || !initialState.openOnContext // only close on scroll for context
+
   });
@@ -57,0 +58,0 @@ return { ...initialState,

lib-commonjs/components/PopoverSurface/renderPopoverSurface.js

@@ -13,4 +13,2 @@ "use strict";
 const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-
-const usePopoverSurface_1 = /*#__PURE__*/require("./usePopoverSurface");
 /**
@@ -25,3 +23,3 @@ * Render the final JSX of PopoverSurface
     slotProps
-  } = react_utilities_1.getSlots(state, usePopoverSurface_1.popoverSurfaceSlots); // TODO should hidden Popovers be supported ?
+  } = react_utilities_1.getSlots(state); // TODO should hidden Popovers be supported ?
 
@@ -34,3 +32,4 @@ if (!state.open) {
     mountNode: state.mountNode
-  }, React.createElement(slots.root, Object.assign({}, slotProps.root), !state.noArrow && React.createElement("div", {
+  }, React.createElement(slots.root, { ...slotProps.root
+  }, !state.noArrow && React.createElement("div", {
     ref: state.arrowRef,
@@ -37,0 +36,0 @@ className: state.arrowClassName

lib-commonjs/components/PopoverSurface/usePopoverSurface.d.ts

 import * as React from 'react';
-import type { PopoverSurfaceProps, PopoverSurfaceSlots, PopoverSurfaceState } from './PopoverSurface.types';
-export declare const popoverSurfaceSlots: Array<keyof PopoverSurfaceSlots>;
+import type { PopoverSurfaceProps, PopoverSurfaceState } from './PopoverSurface.types';
 /**
@@ -5,0 +4,0 @@ * Create the state required to render PopoverSurface.

lib-commonjs/components/PopoverSurface/usePopoverSurface.js

@@ -6,3 +6,3 @@ "use strict";
 });
-exports.usePopoverSurface = exports.popoverSurfaceSlots = void 0;
+exports.usePopoverSurface = void 0;
 
@@ -16,4 +16,2 @@ const React = /*#__PURE__*/require("react");
 const popoverContext_1 = /*#__PURE__*/require("../../popoverContext");
-
-exports.popoverSurfaceSlots = ['root'];
 /**
@@ -29,2 +27,3 @@ * Create the state required to render PopoverSurface.
 
+
 const usePopoverSurface = (props, ref) => {
@@ -31,0 +30,0 @@ const contentRef = popoverContext_1.usePopoverContext(context => context.contentRef);

lib-commonjs/components/PopoverSurface/usePopoverSurfaceStyles.js

@@ -10,2 +10,6 @@ "use strict";
 
+const react_positioning_1 = /*#__PURE__*/require("@fluentui/react-positioning");
+
+const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
+
 exports.popoverSurfaceClassName = 'fui-PopoverSurface';
@@ -24,4 +28,7 @@ exports.arrowHeights = {
     "De3pzq": "fxugw4r",
-    "E5pizo": ["f1hg901r", "f136t921"],
-    "Dimara": "ff3glw6",
+    "E5pizo": "f1hg901r",
+    "Bbmb7ep": ["fff7au0", "f1bjk9e1"],
+    "Beyfa6y": ["f1bjk9e1", "fff7au0"],
+    "B7oj6ja": ["fwsfkhu", "f8wkphi"],
+    "Btl43ni": ["f8wkphi", "fwsfkhu"],
     "B4j52fo": "f5ogflp",
@@ -67,34 +74,40 @@ "Bekrc4i": ["f1hqa2wf", "finvdd3"],
   "smallArrow": {
-    "a9b677": "f1smug5u",
-    "Bqenvij": "f11ci07v"
+    "a9b677": "f1ekdpwm",
+    "Bqenvij": "f83vc9z"
   },
   "mediumLargeArrow": {
-    "a9b677": "ftmg478",
-    "Bqenvij": "f7bsbfx"
+    "a9b677": "f1kmc0fn",
+    "Bqenvij": "fb6lvc5"
   },
   "arrow": {
     "qhf8xq": "f1euv43f",
-    "ayd6f0": "f1uo6wrk",
+    "De3pzq": "f1u2r49w",
     "Bcdw1i0": "fd7fpy0",
     "Bj3rh1h": "f1bsuimh",
     "rurcny": "fuzzvh5",
-    "zf3lio": "f1qudtws",
+    "Bex5imi": "fkk33zh",
     "xx9plb": "fxf9f1y",
+    "Bmqnesq": "f170vdtw",
     "Bdn98qo": "f103af6e",
     "Bbc2r3f": "f15umuo5",
-    "B4zgs9e": "ffo048g",
-    "Bex5imi": "fkk33zh",
+    "B1dvbpk": "f3wpjpt",
+    "D4ky5z": "f1k3tce7",
+    "cqycoz": "f1dkdgqi",
+    "I89eb": "f5ghsz",
+    "k1i1uq": "fyqop9u",
+    "Epwjcz": "f1m5ya7j",
+    "Bp1vogq": "f3sp63x",
     "px8gyy": ["f5bg3dr", "f1rfdd74"],
-    "h6z6rw": ["fzd2j21", "f2549he"],
-    "hl6cv3": "fotnskf",
+    "h6z6rw": "fzd2j21",
+    "hl6cv3": "f1773hnp",
     "Bh2vraf": "f1n8855c",
-    "yayu3t": ["f1nq055x", "f13ohf3"],
+    "yayu3t": "f1v7783n",
     "wedwtw": "fsw6im5",
-    "rhl9o9": "ftghsr9",
+    "rhl9o9": "fh2hsk5",
     "Bu8t5uz": "f159pzir",
-    "B6q6orb": ["f1l8vbt4", "fsxzh25"],
+    "B6q6orb": "f11yvu4",
     "Bwwlvwl": "fm1ycve"
   }
 }, {
-  "d": [".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f1hg901r{box-shadow:var(--shadow16);}", ".f136t921{box-shadow:var(--shadow-16);}", ".ff3glw6{border-radius:4px;}", ".f5ogflp{border-top-width:1px;}", ".f1hqa2wf{border-right-width:1px;}", ".finvdd3{border-left-width:1px;}", ".f1f09k3d{border-bottom-width:1px;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".fghlq4f{border-top-color:var(--colorTransparentStroke);}", ".f1gn591s{border-right-color:var(--colorTransparentStroke);}", ".fjscplz{border-left-color:var(--colorTransparentStroke);}", ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}", ".f1c73kur{background-color:var(--colorNeutralForeground1);}", ".fqpbvvt{color:var(--colorNeutralForegroundInverted);}", ".ffp7eso{background-color:var(--colorBrandBackground);}", ".f1kcqot9{padding-top:12px;}", ".f11qrl6u{padding-right:12px;}", ".fjlbh76{padding-left:12px;}", ".fpe6lb7{padding-bottom:12px;}", ".fqag9an{padding-top:16px;}", ".f1gbmcue{padding-right:16px;}", ".f1rh9g5y{padding-left:16px;}", ".fp67ikv{padding-bottom:16px;}", ".fc7z3ec{padding-top:20px;}", ".fat0sn4{padding-right:20px;}", ".fekwl8i{padding-left:20px;}", ".fe2my4m{padding-bottom:20px;}", ".f1smug5u{width:8.485281374238571px;}", ".f11ci07v{height:8.485281374238571px;}", ".ftmg478{width:11.313708498984761px;}", ".f7bsbfx{height:11.313708498984761px;}", ".f1euv43f{position:absolute;}", ".f1uo6wrk{background:inherit;}", ".fd7fpy0{visibility:hidden;}", ".f1bsuimh{z-index:-1;}", ".fuzzvh5:before{content:\"\";}", ".f1qudtws:before{border-radius:4px;}", ".fxf9f1y:before{position:absolute;}", ".f103af6e:before{width:inherit;}", ".f15umuo5:before{height:inherit;}", ".ffo048g:before{background:inherit;}", ".fkk33zh:before{visibility:visible;}", ".f5bg3dr:before{border-bottom-right-radius:var(--borderRadiusSmall);}", ".f1rfdd74:before{border-bottom-left-radius:var(--borderRadiusSmall);}", ".fzd2j21:before{-webkit-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);-moz-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);-ms-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);}", ".f2549he:before{-webkit-transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);-moz-transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);-ms-transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);}", "[data-popper-placement^=\"top\"] .fotnskf{bottom:0;}", "[data-popper-placement^=\"top\"] .f1n8855c{--angle:0;}", "[data-popper-placement^=\"right\"] .f1nq055x{left:0;}", "[data-popper-placement^=\"right\"] .f13ohf3{right:0;}", "[data-popper-placement^=\"right\"] .fsw6im5{--angle:90deg;}", "[data-popper-placement^=\"bottom\"] .ftghsr9{top:0;}", "[data-popper-placement^=\"bottom\"] .f159pzir{--angle:180deg;}", "[data-popper-placement^=\"left\"] .f1l8vbt4{right:0;}", "[data-popper-placement^=\"left\"] .fsxzh25{left:0;}", "[data-popper-placement^=\"left\"] .fm1ycve{--angle:270deg;}"]
+  "d": [".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f1hg901r{box-shadow:var(--shadow16);}", ".fff7au0{border-bottom-right-radius:4px;}", ".f1bjk9e1{border-bottom-left-radius:4px;}", ".fwsfkhu{border-top-right-radius:4px;}", ".f8wkphi{border-top-left-radius:4px;}", ".f5ogflp{border-top-width:1px;}", ".f1hqa2wf{border-right-width:1px;}", ".finvdd3{border-left-width:1px;}", ".f1f09k3d{border-bottom-width:1px;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".fghlq4f{border-top-color:var(--colorTransparentStroke);}", ".f1gn591s{border-right-color:var(--colorTransparentStroke);}", ".fjscplz{border-left-color:var(--colorTransparentStroke);}", ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}", ".f1c73kur{background-color:var(--colorNeutralForeground1);}", ".fqpbvvt{color:var(--colorNeutralForegroundInverted);}", ".ffp7eso{background-color:var(--colorBrandBackground);}", ".f1kcqot9{padding-top:12px;}", ".f11qrl6u{padding-right:12px;}", ".fjlbh76{padding-left:12px;}", ".fpe6lb7{padding-bottom:12px;}", ".fqag9an{padding-top:16px;}", ".f1gbmcue{padding-right:16px;}", ".f1rh9g5y{padding-left:16px;}", ".fp67ikv{padding-bottom:16px;}", ".fc7z3ec{padding-top:20px;}", ".fat0sn4{padding-right:20px;}", ".fekwl8i{padding-left:20px;}", ".fe2my4m{padding-bottom:20px;}", ".f1ekdpwm{width:8.484px;}", ".f83vc9z{height:8.484px;}", ".f1kmc0fn{width:11.312px;}", ".fb6lvc5{height:11.312px;}", ".f1euv43f{position:absolute;}", ".f1u2r49w{background-color:inherit;}", ".fd7fpy0{visibility:hidden;}", ".f1bsuimh{z-index:-1;}", ".fuzzvh5:before{content:\"\";}", ".fkk33zh:before{visibility:visible;}", ".fxf9f1y:before{position:absolute;}", ".f170vdtw:before{box-sizing:border-box;}", ".f103af6e:before{width:inherit;}", ".f15umuo5:before{height:inherit;}", ".f3wpjpt:before{background-color:inherit;}", ".f1k3tce7:before{border-right-width:1px;}", ".f1dkdgqi:before{border-right-style:solid;}", ".f5ghsz:before{border-right-color:var(--colorTransparentStroke);}", ".fyqop9u:before{border-bottom-width:1px;}", ".f1m5ya7j:before{border-bottom-style:solid;}", ".f3sp63x:before{border-bottom-color:var(--colorTransparentStroke);}", ".f5bg3dr:before{border-bottom-right-radius:var(--borderRadiusSmall);}", ".f1rfdd74:before{border-bottom-left-radius:var(--borderRadiusSmall);}", ".fzd2j21:before{-webkit-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);-moz-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);-ms-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);}", "[data-popper-placement^=\"top\"] .f1773hnp{bottom:-1px;}", "[data-popper-placement^=\"top\"] .f1n8855c{--angle:0;}", "[data-popper-placement^=\"right\"] .f1v7783n{left:-1px;}", "[data-popper-placement^=\"right\"] .fsw6im5{--angle:90deg;}", "[data-popper-placement^=\"bottom\"] .fh2hsk5{top:-1px;}", "[data-popper-placement^=\"bottom\"] .f159pzir{--angle:180deg;}", "[data-popper-placement^=\"left\"] .f11yvu4{right:-1px;}", "[data-popper-placement^=\"left\"] .fm1ycve{--angle:270deg;}"]
 });
@@ -101,0 +114,0 @@ /**

lib-commonjs/popoverContext.d.ts

@@ -8,2 +8,2 @@ import type { ContextSelector, Context } from '@fluentui/react-context-selector';
 export declare type PopoverContextValue = Pick<PopoverState, 'open' | 'setOpen' | 'triggerRef' | 'contentRef' | 'openOnHover' | 'openOnContext' | 'mountNode' | 'noArrow' | 'arrowRef' | 'size' | 'appearance' | 'trapFocus'>;
-export declare const usePopoverContext: <T>(selector: ContextSelector<Pick<PopoverState, "mountNode" | "open" | "setOpen" | "triggerRef" | "contentRef" | "openOnHover" | "openOnContext" | "noArrow" | "arrowRef" | "size" | "appearance" | "trapFocus">, T>) => T;
+export declare const usePopoverContext: <T>(selector: ContextSelector<PopoverContextValue, T>) => T;

lib/components/Popover/usePopover.js

@@ -41,3 +41,4 @@ import * as React from 'react';
     refs: [popperRefs.triggerRef, popperRefs.contentRef],
-    disabled: !open || !initialState.openOnContext
+    disabled: !open || !initialState.openOnContext // only close on scroll for context
+
   });
@@ -44,0 +45,0 @@ return { ...initialState,

lib/components/PopoverSurface/renderPopoverSurface.js

 import * as React from 'react';
 import { Portal } from '@fluentui/react-portal';
 import { getSlots } from '@fluentui/react-utilities';
-import { popoverSurfaceSlots } from './usePopoverSurface';
 /**
@@ -13,3 +12,3 @@ * Render the final JSX of PopoverSurface
     slotProps
-  } = getSlots(state, popoverSurfaceSlots); // TODO should hidden Popovers be supported ?
+  } = getSlots(state); // TODO should hidden Popovers be supported ?
 
@@ -22,3 +21,4 @@ if (!state.open) {
     mountNode: state.mountNode
-  }, /*#__PURE__*/React.createElement(slots.root, Object.assign({}, slotProps.root), !state.noArrow && /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
+  }, !state.noArrow && /*#__PURE__*/React.createElement("div", {
     ref: state.arrowRef,
@@ -25,0 +25,0 @@ className: state.arrowClassName

lib/components/PopoverSurface/usePopoverSurface.d.ts

 import * as React from 'react';
-import type { PopoverSurfaceProps, PopoverSurfaceSlots, PopoverSurfaceState } from './PopoverSurface.types';
-export declare const popoverSurfaceSlots: Array<keyof PopoverSurfaceSlots>;
+import type { PopoverSurfaceProps, PopoverSurfaceState } from './PopoverSurface.types';
 /**
@@ -5,0 +4,0 @@ * Create the state required to render PopoverSurface.

lib/components/PopoverSurface/usePopoverSurface.js

@@ -5,3 +5,2 @@ import * as React from 'react';
 import { usePopoverContext } from '../../popoverContext';
-export const popoverSurfaceSlots = ['root'];
 /**
@@ -8,0 +7,0 @@ * Create the state required to render PopoverSurface.

lib/components/PopoverSurface/usePopoverSurfaceStyles.js

@@ -1,2 +0,4 @@
-import { __styles, mergeClasses } from '@fluentui/react-make-styles';
+import { shorthands, __styles, mergeClasses } from '@fluentui/react-make-styles';
+import { createArrowHeightStyles, createArrowStyles } from '@fluentui/react-positioning';
+import { tokens } from '@fluentui/react-theme';
 export const popoverSurfaceClassName = 'fui-PopoverSurface';
@@ -15,4 +17,7 @@ export const arrowHeights = {
     "De3pzq": "fxugw4r",
-    "E5pizo": ["f1hg901r", "f136t921"],
-    "Dimara": "ff3glw6",
+    "E5pizo": "f1hg901r",
+    "Bbmb7ep": ["fff7au0", "f1bjk9e1"],
+    "Beyfa6y": ["f1bjk9e1", "fff7au0"],
+    "B7oj6ja": ["fwsfkhu", "f8wkphi"],
+    "Btl43ni": ["f8wkphi", "fwsfkhu"],
     "B4j52fo": "f5ogflp",
@@ -58,34 +63,40 @@ "Bekrc4i": ["f1hqa2wf", "finvdd3"],
   "smallArrow": {
-    "a9b677": "f1smug5u",
-    "Bqenvij": "f11ci07v"
+    "a9b677": "f1ekdpwm",
+    "Bqenvij": "f83vc9z"
   },
   "mediumLargeArrow": {
-    "a9b677": "ftmg478",
-    "Bqenvij": "f7bsbfx"
+    "a9b677": "f1kmc0fn",
+    "Bqenvij": "fb6lvc5"
   },
   "arrow": {
     "qhf8xq": "f1euv43f",
-    "ayd6f0": "f1uo6wrk",
+    "De3pzq": "f1u2r49w",
     "Bcdw1i0": "fd7fpy0",
     "Bj3rh1h": "f1bsuimh",
     "rurcny": "fuzzvh5",
-    "zf3lio": "f1qudtws",
+    "Bex5imi": "fkk33zh",
     "xx9plb": "fxf9f1y",
+    "Bmqnesq": "f170vdtw",
     "Bdn98qo": "f103af6e",
     "Bbc2r3f": "f15umuo5",
-    "B4zgs9e": "ffo048g",
-    "Bex5imi": "fkk33zh",
+    "B1dvbpk": "f3wpjpt",
+    "D4ky5z": "f1k3tce7",
+    "cqycoz": "f1dkdgqi",
+    "I89eb": "f5ghsz",
+    "k1i1uq": "fyqop9u",
+    "Epwjcz": "f1m5ya7j",
+    "Bp1vogq": "f3sp63x",
     "px8gyy": ["f5bg3dr", "f1rfdd74"],
-    "h6z6rw": ["fzd2j21", "f2549he"],
-    "hl6cv3": "fotnskf",
+    "h6z6rw": "fzd2j21",
+    "hl6cv3": "f1773hnp",
     "Bh2vraf": "f1n8855c",
-    "yayu3t": ["f1nq055x", "f13ohf3"],
+    "yayu3t": "f1v7783n",
     "wedwtw": "fsw6im5",
-    "rhl9o9": "ftghsr9",
+    "rhl9o9": "fh2hsk5",
     "Bu8t5uz": "f159pzir",
-    "B6q6orb": ["f1l8vbt4", "fsxzh25"],
+    "B6q6orb": "f11yvu4",
     "Bwwlvwl": "fm1ycve"
   }
 }, {
-  "d": [".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f1hg901r{box-shadow:var(--shadow16);}", ".f136t921{box-shadow:var(--shadow-16);}", ".ff3glw6{border-radius:4px;}", ".f5ogflp{border-top-width:1px;}", ".f1hqa2wf{border-right-width:1px;}", ".finvdd3{border-left-width:1px;}", ".f1f09k3d{border-bottom-width:1px;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".fghlq4f{border-top-color:var(--colorTransparentStroke);}", ".f1gn591s{border-right-color:var(--colorTransparentStroke);}", ".fjscplz{border-left-color:var(--colorTransparentStroke);}", ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}", ".f1c73kur{background-color:var(--colorNeutralForeground1);}", ".fqpbvvt{color:var(--colorNeutralForegroundInverted);}", ".ffp7eso{background-color:var(--colorBrandBackground);}", ".f1kcqot9{padding-top:12px;}", ".f11qrl6u{padding-right:12px;}", ".fjlbh76{padding-left:12px;}", ".fpe6lb7{padding-bottom:12px;}", ".fqag9an{padding-top:16px;}", ".f1gbmcue{padding-right:16px;}", ".f1rh9g5y{padding-left:16px;}", ".fp67ikv{padding-bottom:16px;}", ".fc7z3ec{padding-top:20px;}", ".fat0sn4{padding-right:20px;}", ".fekwl8i{padding-left:20px;}", ".fe2my4m{padding-bottom:20px;}", ".f1smug5u{width:8.485281374238571px;}", ".f11ci07v{height:8.485281374238571px;}", ".ftmg478{width:11.313708498984761px;}", ".f7bsbfx{height:11.313708498984761px;}", ".f1euv43f{position:absolute;}", ".f1uo6wrk{background:inherit;}", ".fd7fpy0{visibility:hidden;}", ".f1bsuimh{z-index:-1;}", ".fuzzvh5:before{content:\"\";}", ".f1qudtws:before{border-radius:4px;}", ".fxf9f1y:before{position:absolute;}", ".f103af6e:before{width:inherit;}", ".f15umuo5:before{height:inherit;}", ".ffo048g:before{background:inherit;}", ".fkk33zh:before{visibility:visible;}", ".f5bg3dr:before{border-bottom-right-radius:var(--borderRadiusSmall);}", ".f1rfdd74:before{border-bottom-left-radius:var(--borderRadiusSmall);}", ".fzd2j21:before{-webkit-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);-moz-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);-ms-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);}", ".f2549he:before{-webkit-transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);-moz-transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);-ms-transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);}", "[data-popper-placement^=\"top\"] .fotnskf{bottom:0;}", "[data-popper-placement^=\"top\"] .f1n8855c{--angle:0;}", "[data-popper-placement^=\"right\"] .f1nq055x{left:0;}", "[data-popper-placement^=\"right\"] .f13ohf3{right:0;}", "[data-popper-placement^=\"right\"] .fsw6im5{--angle:90deg;}", "[data-popper-placement^=\"bottom\"] .ftghsr9{top:0;}", "[data-popper-placement^=\"bottom\"] .f159pzir{--angle:180deg;}", "[data-popper-placement^=\"left\"] .f1l8vbt4{right:0;}", "[data-popper-placement^=\"left\"] .fsxzh25{left:0;}", "[data-popper-placement^=\"left\"] .fm1ycve{--angle:270deg;}"]
+  "d": [".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f1hg901r{box-shadow:var(--shadow16);}", ".fff7au0{border-bottom-right-radius:4px;}", ".f1bjk9e1{border-bottom-left-radius:4px;}", ".fwsfkhu{border-top-right-radius:4px;}", ".f8wkphi{border-top-left-radius:4px;}", ".f5ogflp{border-top-width:1px;}", ".f1hqa2wf{border-right-width:1px;}", ".finvdd3{border-left-width:1px;}", ".f1f09k3d{border-bottom-width:1px;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".fghlq4f{border-top-color:var(--colorTransparentStroke);}", ".f1gn591s{border-right-color:var(--colorTransparentStroke);}", ".fjscplz{border-left-color:var(--colorTransparentStroke);}", ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}", ".f1c73kur{background-color:var(--colorNeutralForeground1);}", ".fqpbvvt{color:var(--colorNeutralForegroundInverted);}", ".ffp7eso{background-color:var(--colorBrandBackground);}", ".f1kcqot9{padding-top:12px;}", ".f11qrl6u{padding-right:12px;}", ".fjlbh76{padding-left:12px;}", ".fpe6lb7{padding-bottom:12px;}", ".fqag9an{padding-top:16px;}", ".f1gbmcue{padding-right:16px;}", ".f1rh9g5y{padding-left:16px;}", ".fp67ikv{padding-bottom:16px;}", ".fc7z3ec{padding-top:20px;}", ".fat0sn4{padding-right:20px;}", ".fekwl8i{padding-left:20px;}", ".fe2my4m{padding-bottom:20px;}", ".f1ekdpwm{width:8.484px;}", ".f83vc9z{height:8.484px;}", ".f1kmc0fn{width:11.312px;}", ".fb6lvc5{height:11.312px;}", ".f1euv43f{position:absolute;}", ".f1u2r49w{background-color:inherit;}", ".fd7fpy0{visibility:hidden;}", ".f1bsuimh{z-index:-1;}", ".fuzzvh5:before{content:\"\";}", ".fkk33zh:before{visibility:visible;}", ".fxf9f1y:before{position:absolute;}", ".f170vdtw:before{box-sizing:border-box;}", ".f103af6e:before{width:inherit;}", ".f15umuo5:before{height:inherit;}", ".f3wpjpt:before{background-color:inherit;}", ".f1k3tce7:before{border-right-width:1px;}", ".f1dkdgqi:before{border-right-style:solid;}", ".f5ghsz:before{border-right-color:var(--colorTransparentStroke);}", ".fyqop9u:before{border-bottom-width:1px;}", ".f1m5ya7j:before{border-bottom-style:solid;}", ".f3sp63x:before{border-bottom-color:var(--colorTransparentStroke);}", ".f5bg3dr:before{border-bottom-right-radius:var(--borderRadiusSmall);}", ".f1rfdd74:before{border-bottom-left-radius:var(--borderRadiusSmall);}", ".fzd2j21:before{-webkit-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);-moz-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);-ms-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);}", "[data-popper-placement^=\"top\"] .f1773hnp{bottom:-1px;}", "[data-popper-placement^=\"top\"] .f1n8855c{--angle:0;}", "[data-popper-placement^=\"right\"] .f1v7783n{left:-1px;}", "[data-popper-placement^=\"right\"] .fsw6im5{--angle:90deg;}", "[data-popper-placement^=\"bottom\"] .fh2hsk5{top:-1px;}", "[data-popper-placement^=\"bottom\"] .f159pzir{--angle:180deg;}", "[data-popper-placement^=\"left\"] .f11yvu4{right:-1px;}", "[data-popper-placement^=\"left\"] .fm1ycve{--angle:270deg;}"]
 });
@@ -92,0 +103,0 @@ /**

lib/popoverContext.d.ts

@@ -8,2 +8,2 @@ import type { ContextSelector, Context } from '@fluentui/react-context-selector';
 export declare type PopoverContextValue = Pick<PopoverState, 'open' | 'setOpen' | 'triggerRef' | 'contentRef' | 'openOnHover' | 'openOnContext' | 'mountNode' | 'noArrow' | 'arrowRef' | 'size' | 'appearance' | 'trapFocus'>;
-export declare const usePopoverContext: <T>(selector: ContextSelector<Pick<PopoverState, "mountNode" | "open" | "setOpen" | "triggerRef" | "contentRef" | "openOnHover" | "openOnContext" | "noArrow" | "arrowRef" | "size" | "appearance" | "trapFocus">, T>) => T;
+export declare const usePopoverContext: <T>(selector: ContextSelector<PopoverContextValue, T>) => T;

package.json

 {
   "name": "@fluentui/react-popover",
-  "version": "0.0.0-nightlyf3ce1fbe1d20211110.1",
+  "version": "0.0.0-nightlyf6116328d620220124.1",
   "description": "Popover component for Fluent UI",
@@ -23,13 +23,14 @@ "main": "lib-commonjs/index.js",
     "e2e": "e2e",
-    "storybook": "start-storybook",
-    "test": "jest",
+    "storybook": "node ../../scripts/storybook/runner",
+    "test": "jest --passWithNoTests",
     "docs": "api-extractor run --config=config/api-extractor.local.json --local",
-    "build:local": "tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/react-popover/src && yarn docs"
+    "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-popover/src && yarn docs",
+    "type-check": "tsc -b tsconfig.json"
   },
   "devDependencies": {
-    "@fluentui/babel-make-styles": "0.0.0-nightlyf3ce1fbe1d20211110.1",
+    "@fluentui/babel-make-styles": "0.0.0-nightlyf6116328d620220124.1",
     "@fluentui/eslint-plugin": "*",
-    "@fluentui/jest-serializer-make-styles": "0.0.0-nightlyf3ce1fbe1d20211110.1",
+    "@fluentui/jest-serializer-make-styles": "0.0.0-nightlyf6116328d620220124.1",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-make-styles": "0.0.0-nightlyf3ce1fbe1d20211110.1",
+    "@fluentui/react-conformance-make-styles": "0.0.0-nightlyf6116328d620220124.1",
     "@fluentui/scripts": "^1.0.0",
@@ -48,9 +49,9 @@ "@types/enzyme": "3.10.3",
   "dependencies": {
-    "@fluentui/react-context-selector": "0.0.0-nightlyf3ce1fbe1d20211110.1",
-    "@fluentui/react-make-styles": "0.0.0-nightlyf3ce1fbe1d20211110.1",
-    "@fluentui/react-portal": "0.0.0-nightlyf3ce1fbe1d20211110.1",
-    "@fluentui/react-positioning": "0.0.0-nightlyf3ce1fbe1d20211110.1",
-    "@fluentui/react-shared-contexts": "0.0.0-nightlyf3ce1fbe1d20211110.1",
-    "@fluentui/react-tabster": "0.0.0-nightlyf3ce1fbe1d20211110.1",
-    "@fluentui/react-utilities": "0.0.0-nightlyf3ce1fbe1d20211110.1",
+    "@fluentui/react-context-selector": "0.0.0-nightlyf6116328d620220124.1",
+    "@fluentui/react-make-styles": "0.0.0-nightlyf6116328d620220124.1",
+    "@fluentui/react-portal": "0.0.0-nightlyf6116328d620220124.1",
+    "@fluentui/react-positioning": "0.0.0-nightlyf6116328d620220124.1",
+    "@fluentui/react-shared-contexts": "0.0.0-nightlyf6116328d620220124.1",
+    "@fluentui/react-tabster": "0.0.0-nightlyf6116328d620220124.1",
+    "@fluentui/react-utilities": "0.0.0-nightlyf6116328d620220124.1",
     "tslib": "^2.1.0"
@@ -65,3 +66,2 @@ },
   "beachball": {
-    "tag": "beta",
     "disallowedChangeTypes": [
@@ -68,0 +68,0 @@ "major",

No alert changes

Improved metrics

Total package byte prevSize

272892

increased by2.2%

Lines of code

4478

increased by2.68%

Worsened metrics

Number of package files

134

decreased by-8.22%

Dependency changes

• + Added@fluentui/keyboard-keys@0.0.0-nightlyf6116328d620220124.1(transitive)

• + Added@fluentui/react-context-selector@0.0.0-nightlyf6116328d620220124.1(transitive)

• + Added@fluentui/react-make-styles@0.0.0-nightlyf6116328d620220124.1(transitive)

• + Added@fluentui/react-portal@0.0.0-nightlyf6116328d620220124.1(transitive)

• + Added@fluentui/react-positioning@0.0.0-nightlyf6116328d620220124.1(transitive)

• + Added@fluentui/react-shared-contexts@0.0.0-nightlyf6116328d620220124.1(transitive)

• + Added@fluentui/react-tabster@0.0.0-nightlyf6116328d620220124.1(transitive)

• + Added@fluentui/react-theme@0.0.0-nightlyf6116328d620220124.1(transitive)

• + Added@fluentui/react-utilities@0.0.0-nightlyf6116328d620220124.1(transitive)

• + Added@griffel/core@1.0.7(transitive)

• - Removed@fluentui/keyboard-keys@0.0.0-nightlyf3ce1fbe1d20211110.1(transitive)

• - Removed@fluentui/make-styles@0.0.0-nightlyf3ce1fbe1d20211110.1(transitive)

• - Removed@fluentui/react-context-selector@0.0.0-nightlyf3ce1fbe1d20211110.1(transitive)

• - Removed@fluentui/react-make-styles@0.0.0-nightlyf3ce1fbe1d20211110.1(transitive)

• - Removed@fluentui/react-portal@0.0.0-nightlyf3ce1fbe1d20211110.1(transitive)

• - Removed@fluentui/react-positioning@0.0.0-nightlyf3ce1fbe1d20211110.1(transitive)

• - Removed@fluentui/react-shared-contexts@0.0.0-nightlyf3ce1fbe1d20211110.1(transitive)

• - Removed@fluentui/react-tabster@0.0.0-nightlyf3ce1fbe1d20211110.1(transitive)

• - Removed@fluentui/react-theme@0.0.0-nightlyf3ce1fbe1d20211110.1(transitive)

• - Removed@fluentui/react-utilities@0.0.0-nightlyf3ce1fbe1d20211110.1(transitive)

• - Removedinline-style-expand-shorthand@1.6.0(transitive)

• Updated@fluentui/react-context-selector@0.0.0-nightlyf6116328d620220124.1

• Updated@fluentui/react-make-styles@0.0.0-nightlyf6116328d620220124.1

• Updated@fluentui/react-portal@0.0.0-nightlyf6116328d620220124.1

• Updated@fluentui/react-positioning@0.0.0-nightlyf6116328d620220124.1

• Updated@fluentui/react-shared-contexts@0.0.0-nightlyf6116328d620220124.1

• Updated@fluentui/react-tabster@0.0.0-nightlyf6116328d620220124.1

• Updated@fluentui/react-utilities@0.0.0-nightlyf6116328d620220124.1