@fluentui/react-popover - npm Package Compare versions

Comparing version 0.0.0-nightlyc9ccb6f37d20211122.1 to 0.0.0-nightlyca6ef2bc8e20220105.1

CHANGELOG.md

 # Change Log - @fluentui/react-popover
 
-This log was last generated on Mon, 22 Nov 2021 04:15:08 GMT and should not be manually modified.
+This log was last generated on Wed, 05 Jan 2022 04:18:35 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightlyc9ccb6f37d20211122.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v0.0.0-nightlyc9ccb6f37d20211122.1)
+## [0.0.0-nightlyca6ef2bc8e20220105.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v0.0.0-nightlyca6ef2bc8e20220105.1)
 
-Mon, 22 Nov 2021 04:15:08 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.0.0-beta.4..@fluentui/react-popover_v0.0.0-nightlyc9ccb6f37d20211122.1)
+Wed, 05 Jan 2022 04:18:35 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.0.0-beta.5..@fluentui/react-popover_v0.0.0-nightlyca6ef2bc8e20220105.1)
 
 ### Changes
 
-- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by email not defined)
+- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/6b7aa2d681aba265af6ba17a7eff9012a967ddcb) by email not defined)
+- 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-nightlyca6ef2bc8e20220105.1 ([commit](https://github.com/microsoft/fluentui/commit/6b7aa2d681aba265af6ba17a7eff9012a967ddcb) by beachball)
+- Bump @fluentui/react-make-styles to v0.0.0-nightlyca6ef2bc8e20220105.1 ([commit](https://github.com/microsoft/fluentui/commit/6b7aa2d681aba265af6ba17a7eff9012a967ddcb) by beachball)
+- Bump @fluentui/react-portal to v0.0.0-nightlyca6ef2bc8e20220105.1 ([commit](https://github.com/microsoft/fluentui/commit/6b7aa2d681aba265af6ba17a7eff9012a967ddcb) by beachball)
+- Bump @fluentui/react-positioning to v0.0.0-nightlyca6ef2bc8e20220105.1 ([commit](https://github.com/microsoft/fluentui/commit/6b7aa2d681aba265af6ba17a7eff9012a967ddcb) by beachball)
+- Bump @fluentui/react-shared-contexts to v0.0.0-nightlyca6ef2bc8e20220105.1 ([commit](https://github.com/microsoft/fluentui/commit/6b7aa2d681aba265af6ba17a7eff9012a967ddcb) by beachball)
+- Bump @fluentui/react-tabster to v0.0.0-nightlyca6ef2bc8e20220105.1 ([commit](https://github.com/microsoft/fluentui/commit/6b7aa2d681aba265af6ba17a7eff9012a967ddcb) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightlyca6ef2bc8e20220105.1 ([commit](https://github.com/microsoft/fluentui/commit/6b7aa2d681aba265af6ba17a7eff9012a967ddcb) by beachball)
+- Bump @fluentui/babel-make-styles to v0.0.0-nightlyca6ef2bc8e20220105.1 ([commit](https://github.com/microsoft/fluentui/commit/6b7aa2d681aba265af6ba17a7eff9012a967ddcb) by beachball)
+- Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlyca6ef2bc8e20220105.1 ([commit](https://github.com/microsoft/fluentui/commit/6b7aa2d681aba265af6ba17a7eff9012a967ddcb) by beachball)
+- Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlyca6ef2bc8e20220105.1 ([commit](https://github.com/microsoft/fluentui/commit/6b7aa2d681aba265af6ba17a7eff9012a967ddcb) 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 v0.0.0-nightlyc9ccb6f37d20211122.1 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by beachball)
-- Bump @fluentui/react-make-styles to v0.0.0-nightlyc9ccb6f37d20211122.1 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by beachball)
-- Bump @fluentui/react-portal to v0.0.0-nightlyc9ccb6f37d20211122.1 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by beachball)
-- Bump @fluentui/react-positioning to v0.0.0-nightlyc9ccb6f37d20211122.1 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by beachball)
-- Bump @fluentui/react-shared-contexts to v0.0.0-nightlyc9ccb6f37d20211122.1 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by beachball)
-- Bump @fluentui/react-tabster to v0.0.0-nightlyc9ccb6f37d20211122.1 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightlyc9ccb6f37d20211122.1 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by beachball)
-- Bump @fluentui/babel-make-styles to v0.0.0-nightlyc9ccb6f37d20211122.1 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by beachball)
-- Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlyc9ccb6f37d20211122.1 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by beachball)
-- Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlyc9ccb6f37d20211122.1 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by beachball)
+- 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)
 
@@ -27,0 +46,0 @@ ## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.0.0-beta.4)

dist/react-popover.d.ts

@@ -205,3 +205,3 @@ import type { ComponentProps } from '@fluentui/react-utilities';
 
-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;
 
@@ -208,0 +208,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

@@ -32,3 +32,4 @@ "use strict";
     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,
@@ -35,0 +36,0 @@ className: state.arrowClassName

lib-commonjs/components/PopoverSurface/usePopoverSurfaceStyles.js

@@ -26,3 +26,6 @@ "use strict";
     "E5pizo": "f1hg901r",
-    "Dimara": "ff3glw6",
+    "Bbmb7ep": ["fff7au0", "f1bjk9e1"],
+    "Beyfa6y": ["f1bjk9e1", "fff7au0"],
+    "B7oj6ja": ["fwsfkhu", "f8wkphi"],
+    "Btl43ni": ["f8wkphi", "fwsfkhu"],
     "B4j52fo": "f5ogflp",
@@ -77,13 +80,15 @@ "Bekrc4i": ["f1hqa2wf", "finvdd3"],
     "qhf8xq": "f1euv43f",
-    "ayd6f0": "f1uo6wrk",
+    "De3pzq": "f1u2r49w",
     "Bcdw1i0": "fd7fpy0",
     "Bj3rh1h": "f1bsuimh",
     "rurcny": "fuzzvh5",
-    "zf3lio": "f1qudtws",
+    "px8gyy": ["f5bg3dr", "f1rfdd74"],
+    "B5c9fhp": ["fijcjxk", "f11y671q"],
+    "Bhe99jt": ["f1vtdej5", "f7y375m"],
+    "B2r1szc": ["f7y375m", "f1vtdej5"],
     "xx9plb": "fxf9f1y",
     "Bdn98qo": "f103af6e",
     "Bbc2r3f": "f15umuo5",
-    "B4zgs9e": "ffo048g",
+    "B1dvbpk": "f3wpjpt",
     "Bex5imi": "fkk33zh",
-    "px8gyy": ["f5bg3dr", "f1rfdd74"],
     "h6z6rw": "fzd2j21",
@@ -98,11 +103,11 @@ "Iykf4b": ["feexxpo", "f7s5fvx"],
     "Bh2vraf": "f1n8855c",
-    "yayu3t": ["f1nq055x", "f13ohf3"],
+    "yayu3t": "fwwuk3n",
     "wedwtw": "fsw6im5",
     "rhl9o9": "ftghsr9",
     "Bu8t5uz": "f159pzir",
-    "B6q6orb": ["f1l8vbt4", "fsxzh25"],
+    "B6q6orb": "fwghsev",
     "Bwwlvwl": "fm1ycve"
   }
 }, {
-  "d": [".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f1hg901r{box-shadow:var(--shadow16);}", ".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);}", "[data-popper-placement] .feexxpo:before{border-right-width:1px;}", "[data-popper-placement] .f7s5fvx:before{border-left-width:1px;}", "[data-popper-placement] .f1jq8eg5:before{border-right-style:solid;}", "[data-popper-placement] .f12n7c5j:before{border-left-style:solid;}", "[data-popper-placement] .f1wv7y6t:before{border-right-color:transparent;}", "[data-popper-placement] .fi4qyh6:before{border-left-color:transparent;}", "[data-popper-placement] .fcvru7r:before{border-bottom-width:1px;}", "[data-popper-placement] .f7ybgnc:before{border-bottom-style:solid;}", "[data-popper-placement] .f16xtfle:before{border-bottom-color:transparent;}", "[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;}", ".f1smug5u{width:8.485281374238571px;}", ".f11ci07v{height:8.485281374238571px;}", ".ftmg478{width:11.313708498984761px;}", ".f7bsbfx{height:11.313708498984761px;}", ".f1euv43f{position:absolute;}", ".f1u2r49w{background-color:inherit;}", ".fd7fpy0{visibility:hidden;}", ".f1bsuimh{z-index:-1;}", ".fuzzvh5:before{content:\"\";}", ".f5bg3dr:before{border-bottom-right-radius:var(--borderRadiusSmall);}", ".f1rfdd74:before{border-bottom-left-radius:var(--borderRadiusSmall);}", ".fijcjxk:before{border-bottom-left-radius:4px;}", ".f11y671q:before{border-bottom-right-radius:4px;}", ".f1vtdej5:before{border-top-right-radius:4px;}", ".f7y375m:before{border-top-left-radius:4px;}", ".fxf9f1y:before{position:absolute;}", ".f103af6e:before{width:inherit;}", ".f15umuo5:before{height:inherit;}", ".f3wpjpt:before{background-color:inherit;}", ".fkk33zh:before{visibility:visible;}", ".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] .feexxpo:before{border-right-width:1px;}", "[data-popper-placement] .f7s5fvx:before{border-left-width:1px;}", "[data-popper-placement] .f1jq8eg5:before{border-right-style:solid;}", "[data-popper-placement] .f12n7c5j:before{border-left-style:solid;}", "[data-popper-placement] .f1wv7y6t:before{border-right-color:transparent;}", "[data-popper-placement] .fi4qyh6:before{border-left-color:transparent;}", "[data-popper-placement] .fcvru7r:before{border-bottom-width:1px;}", "[data-popper-placement] .f7ybgnc:before{border-bottom-style:solid;}", "[data-popper-placement] .f16xtfle:before{border-bottom-color:transparent;}", "[data-popper-placement^=\"top\"] .fotnskf{bottom:0;}", "[data-popper-placement^=\"top\"] .f1n8855c{--angle:0;}", "[data-popper-placement^=\"right\"] .fwwuk3n{left: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\"] .fwghsev{right:0;}", "[data-popper-placement^=\"left\"] .fm1ycve{--angle:270deg;}"]
 });
@@ -109,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

@@ -21,3 +21,4 @@ import * as React from 'react';
     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,
@@ -24,0 +25,0 @@ className: state.arrowClassName

lib/components/PopoverSurface/usePopoverSurfaceStyles.js

@@ -1,2 +0,2 @@
-import { __styles, mergeClasses } from '@fluentui/react-make-styles';
+import { shorthands, __styles, mergeClasses } from '@fluentui/react-make-styles';
 import { createArrowStyles } from '@fluentui/react-positioning';
@@ -17,3 +17,6 @@ export const popoverSurfaceClassName = 'fui-PopoverSurface';
     "E5pizo": "f1hg901r",
-    "Dimara": "ff3glw6",
+    "Bbmb7ep": ["fff7au0", "f1bjk9e1"],
+    "Beyfa6y": ["f1bjk9e1", "fff7au0"],
+    "B7oj6ja": ["fwsfkhu", "f8wkphi"],
+    "Btl43ni": ["f8wkphi", "fwsfkhu"],
     "B4j52fo": "f5ogflp",
@@ -68,13 +71,15 @@ "Bekrc4i": ["f1hqa2wf", "finvdd3"],
     "qhf8xq": "f1euv43f",
-    "ayd6f0": "f1uo6wrk",
+    "De3pzq": "f1u2r49w",
     "Bcdw1i0": "fd7fpy0",
     "Bj3rh1h": "f1bsuimh",
     "rurcny": "fuzzvh5",
-    "zf3lio": "f1qudtws",
+    "px8gyy": ["f5bg3dr", "f1rfdd74"],
+    "B5c9fhp": ["fijcjxk", "f11y671q"],
+    "Bhe99jt": ["f1vtdej5", "f7y375m"],
+    "B2r1szc": ["f7y375m", "f1vtdej5"],
     "xx9plb": "fxf9f1y",
     "Bdn98qo": "f103af6e",
     "Bbc2r3f": "f15umuo5",
-    "B4zgs9e": "ffo048g",
+    "B1dvbpk": "f3wpjpt",
     "Bex5imi": "fkk33zh",
-    "px8gyy": ["f5bg3dr", "f1rfdd74"],
     "h6z6rw": "fzd2j21",
@@ -89,11 +94,11 @@ "Iykf4b": ["feexxpo", "f7s5fvx"],
     "Bh2vraf": "f1n8855c",
-    "yayu3t": ["f1nq055x", "f13ohf3"],
+    "yayu3t": "fwwuk3n",
     "wedwtw": "fsw6im5",
     "rhl9o9": "ftghsr9",
     "Bu8t5uz": "f159pzir",
-    "B6q6orb": ["f1l8vbt4", "fsxzh25"],
+    "B6q6orb": "fwghsev",
     "Bwwlvwl": "fm1ycve"
   }
 }, {
-  "d": [".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f1hg901r{box-shadow:var(--shadow16);}", ".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);}", "[data-popper-placement] .feexxpo:before{border-right-width:1px;}", "[data-popper-placement] .f7s5fvx:before{border-left-width:1px;}", "[data-popper-placement] .f1jq8eg5:before{border-right-style:solid;}", "[data-popper-placement] .f12n7c5j:before{border-left-style:solid;}", "[data-popper-placement] .f1wv7y6t:before{border-right-color:transparent;}", "[data-popper-placement] .fi4qyh6:before{border-left-color:transparent;}", "[data-popper-placement] .fcvru7r:before{border-bottom-width:1px;}", "[data-popper-placement] .f7ybgnc:before{border-bottom-style:solid;}", "[data-popper-placement] .f16xtfle:before{border-bottom-color:transparent;}", "[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;}", ".f1smug5u{width:8.485281374238571px;}", ".f11ci07v{height:8.485281374238571px;}", ".ftmg478{width:11.313708498984761px;}", ".f7bsbfx{height:11.313708498984761px;}", ".f1euv43f{position:absolute;}", ".f1u2r49w{background-color:inherit;}", ".fd7fpy0{visibility:hidden;}", ".f1bsuimh{z-index:-1;}", ".fuzzvh5:before{content:\"\";}", ".f5bg3dr:before{border-bottom-right-radius:var(--borderRadiusSmall);}", ".f1rfdd74:before{border-bottom-left-radius:var(--borderRadiusSmall);}", ".fijcjxk:before{border-bottom-left-radius:4px;}", ".f11y671q:before{border-bottom-right-radius:4px;}", ".f1vtdej5:before{border-top-right-radius:4px;}", ".f7y375m:before{border-top-left-radius:4px;}", ".fxf9f1y:before{position:absolute;}", ".f103af6e:before{width:inherit;}", ".f15umuo5:before{height:inherit;}", ".f3wpjpt:before{background-color:inherit;}", ".fkk33zh:before{visibility:visible;}", ".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] .feexxpo:before{border-right-width:1px;}", "[data-popper-placement] .f7s5fvx:before{border-left-width:1px;}", "[data-popper-placement] .f1jq8eg5:before{border-right-style:solid;}", "[data-popper-placement] .f12n7c5j:before{border-left-style:solid;}", "[data-popper-placement] .f1wv7y6t:before{border-right-color:transparent;}", "[data-popper-placement] .fi4qyh6:before{border-left-color:transparent;}", "[data-popper-placement] .fcvru7r:before{border-bottom-width:1px;}", "[data-popper-placement] .f7ybgnc:before{border-bottom-style:solid;}", "[data-popper-placement] .f16xtfle:before{border-bottom-color:transparent;}", "[data-popper-placement^=\"top\"] .fotnskf{bottom:0;}", "[data-popper-placement^=\"top\"] .f1n8855c{--angle:0;}", "[data-popper-placement^=\"right\"] .fwwuk3n{left: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\"] .fwghsev{right:0;}", "[data-popper-placement^=\"left\"] .fm1ycve{--angle:270deg;}"]
 });
@@ -100,0 +105,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-nightlyc9ccb6f37d20211122.1",
+  "version": "0.0.0-nightlyca6ef2bc8e20220105.1",
   "description": "Popover component for Fluent UI",
@@ -26,10 +26,11 @@ "main": "lib-commonjs/index.js",
     "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-nightlyc9ccb6f37d20211122.1",
+    "@fluentui/babel-make-styles": "0.0.0-nightlyca6ef2bc8e20220105.1",
     "@fluentui/eslint-plugin": "*",
-    "@fluentui/jest-serializer-make-styles": "0.0.0-nightlyc9ccb6f37d20211122.1",
+    "@fluentui/jest-serializer-make-styles": "0.0.0-nightlyca6ef2bc8e20220105.1",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-make-styles": "0.0.0-nightlyc9ccb6f37d20211122.1",
+    "@fluentui/react-conformance-make-styles": "0.0.0-nightlyca6ef2bc8e20220105.1",
     "@fluentui/scripts": "^1.0.0",
@@ -48,9 +49,9 @@ "@types/enzyme": "3.10.3",
   "dependencies": {
-    "@fluentui/react-context-selector": "0.0.0-nightlyc9ccb6f37d20211122.1",
-    "@fluentui/react-make-styles": "0.0.0-nightlyc9ccb6f37d20211122.1",
-    "@fluentui/react-portal": "0.0.0-nightlyc9ccb6f37d20211122.1",
-    "@fluentui/react-positioning": "0.0.0-nightlyc9ccb6f37d20211122.1",
-    "@fluentui/react-shared-contexts": "0.0.0-nightlyc9ccb6f37d20211122.1",
-    "@fluentui/react-tabster": "0.0.0-nightlyc9ccb6f37d20211122.1",
-    "@fluentui/react-utilities": "0.0.0-nightlyc9ccb6f37d20211122.1",
+    "@fluentui/react-context-selector": "0.0.0-nightlyca6ef2bc8e20220105.1",
+    "@fluentui/react-make-styles": "0.0.0-nightlyca6ef2bc8e20220105.1",
+    "@fluentui/react-portal": "0.0.0-nightlyca6ef2bc8e20220105.1",
+    "@fluentui/react-positioning": "0.0.0-nightlyca6ef2bc8e20220105.1",
+    "@fluentui/react-shared-contexts": "0.0.0-nightlyca6ef2bc8e20220105.1",
+    "@fluentui/react-tabster": "0.0.0-nightlyca6ef2bc8e20220105.1",
+    "@fluentui/react-utilities": "0.0.0-nightlyca6ef2bc8e20220105.1",
     "tslib": "^2.1.0"
@@ -57,0 +58,0 @@ },

No alert changes

Worsened metrics

Total package byte prevSize

272272

decreased by-0.34%

Number of package files

134

decreased by-8.22%

Lines of code

4449

decreased by-0.2%

Dependency changes

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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