Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@fluentui/react-popover
Advanced tools
@fluentui/react-popover - npm Package Compare versions
Comparing version 0.0.0-nightlybc5ff01fb020211104.1 to 0.0.0-nightlybd3e92b51920211126.1
| # Change Log - @fluentui/react-popover | ||
| This log was last generated on Thu, 04 Nov 2021 04:20:34 GMT and should not be manually modified. | ||
| This log was last generated on Fri, 26 Nov 2021 04:15:39 GMT and should not be manually modified. | ||
| <!-- Start content --> | ||
| ## [0.0.0-nightlybc5ff01fb020211104.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v0.0.0-nightlybc5ff01fb020211104.1) | ||
| ## [0.0.0-nightlybd3e92b51920211126.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v0.0.0-nightlybd3e92b51920211126.1) | ||
| Thu, 04 Nov 2021 04:20:34 GMT | ||
| [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.0.0-beta.3..@fluentui/react-popover_v0.0.0-nightlybc5ff01fb020211104.1) | ||
| Fri, 26 Nov 2021 04:15:39 GMT | ||
| [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.0.0-beta.5..@fluentui/react-popover_v0.0.0-nightlybd3e92b51920211126.1) | ||
| ### Changes | ||
| - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/112d5b8815c25532184ed7c1407ba9a777e2f48d) by email not defined) | ||
| - Bump @fluentui/react-make-styles to v0.0.0-nightlybd3e92b51920211126.1 ([commit](https://github.com/microsoft/fluentui/commit/88b4f0133881c8a1f21d12c544960e291be12a3d) by beachball) | ||
| - Bump @fluentui/react-portal to v0.0.0-nightlybd3e92b51920211126.1 ([commit](https://github.com/microsoft/fluentui/commit/88b4f0133881c8a1f21d12c544960e291be12a3d) by beachball) | ||
| - Bump @fluentui/react-positioning to v0.0.0-nightlybd3e92b51920211126.1 ([commit](https://github.com/microsoft/fluentui/commit/88b4f0133881c8a1f21d12c544960e291be12a3d) by beachball) | ||
| - Bump @fluentui/react-tabster to v0.0.0-nightlybd3e92b51920211126.1 ([commit](https://github.com/microsoft/fluentui/commit/88b4f0133881c8a1f21d12c544960e291be12a3d) by beachball) | ||
| - Bump @fluentui/babel-make-styles to v0.0.0-nightlybd3e92b51920211126.1 ([commit](https://github.com/microsoft/fluentui/commit/88b4f0133881c8a1f21d12c544960e291be12a3d) by beachball) | ||
| - Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlybd3e92b51920211126.1 ([commit](https://github.com/microsoft/fluentui/commit/88b4f0133881c8a1f21d12c544960e291be12a3d) by beachball) | ||
| - Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlybd3e92b51920211126.1 ([commit](https://github.com/microsoft/fluentui/commit/88b4f0133881c8a1f21d12c544960e291be12a3d) 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 lingfangao@hotmail.com) | ||
| - 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 gcox@microsoft.com) | ||
| - fix(Popover): use `dialog` as value for `aria-haspopup` for focus trap ([PR #20494](https://github.com/microsoft/fluentui/pull/20494) by lingfangao@hotmail.com) | ||
| - export static classes for components ([PR #20450](https://github.com/microsoft/fluentui/pull/20450) by olfedias@microsoft.com) | ||
| - Bump @fluentui/react-context-selector to v0.0.0-nightlybc5ff01fb020211104.1 ([commit](https://github.com/microsoft/fluentui/commit/112d5b8815c25532184ed7c1407ba9a777e2f48d) by beachball) | ||
| - Bump @fluentui/react-make-styles to v0.0.0-nightlybc5ff01fb020211104.1 ([commit](https://github.com/microsoft/fluentui/commit/112d5b8815c25532184ed7c1407ba9a777e2f48d) by beachball) | ||
| - Bump @fluentui/react-portal to v0.0.0-nightlybc5ff01fb020211104.1 ([commit](https://github.com/microsoft/fluentui/commit/112d5b8815c25532184ed7c1407ba9a777e2f48d) by beachball) | ||
| - Bump @fluentui/react-positioning to v0.0.0-nightlybc5ff01fb020211104.1 ([commit](https://github.com/microsoft/fluentui/commit/112d5b8815c25532184ed7c1407ba9a777e2f48d) by beachball) | ||
| - Bump @fluentui/react-shared-contexts to v0.0.0-nightlybc5ff01fb020211104.1 ([commit](https://github.com/microsoft/fluentui/commit/112d5b8815c25532184ed7c1407ba9a777e2f48d) by beachball) | ||
| - Bump @fluentui/react-tabster to v0.0.0-nightlybc5ff01fb020211104.1 ([commit](https://github.com/microsoft/fluentui/commit/112d5b8815c25532184ed7c1407ba9a777e2f48d) by beachball) | ||
| - Bump @fluentui/react-utilities to v0.0.0-nightlybc5ff01fb020211104.1 ([commit](https://github.com/microsoft/fluentui/commit/112d5b8815c25532184ed7c1407ba9a777e2f48d) by beachball) | ||
| - Bump @fluentui/babel-make-styles to v0.0.0-nightlybc5ff01fb020211104.1 ([commit](https://github.com/microsoft/fluentui/commit/112d5b8815c25532184ed7c1407ba9a777e2f48d) by beachball) | ||
| - Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlybc5ff01fb020211104.1 ([commit](https://github.com/microsoft/fluentui/commit/112d5b8815c25532184ed7c1407ba9a777e2f48d) by beachball) | ||
| - Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlybc5ff01fb020211104.1 ([commit](https://github.com/microsoft/fluentui/commit/112d5b8815c25532184ed7c1407ba9a777e2f48d) 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) | ||
@@ -28,0 +62,0 @@ ## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.0.0-beta.3) |
@@ -10,2 +10,4 @@ "use strict"; | ||
| const react_positioning_1 = /*#__PURE__*/require("@fluentui/react-positioning"); | ||
| exports.popoverSurfaceClassName = 'fui-PopoverSurface'; | ||
@@ -24,3 +26,3 @@ exports.arrowHeights = { | ||
| "De3pzq": "fxugw4r", | ||
| "E5pizo": ["f1hg901r", "f136t921"], | ||
| "E5pizo": "f1hg901r", | ||
| "Dimara": "ff3glw6", | ||
@@ -87,3 +89,9 @@ "B4j52fo": "f5ogflp", | ||
| "px8gyy": ["f5bg3dr", "f1rfdd74"], | ||
| "h6z6rw": ["fzd2j21", "f2549he"], | ||
| "h6z6rw": "fzd2j21", | ||
| "Iykf4b": ["feexxpo", "f7s5fvx"], | ||
| "F42hee": ["f1jq8eg5", "f12n7c5j"], | ||
| "Blxsnla": ["f1wv7y6t", "fi4qyh6"], | ||
| "t2scew": "fcvru7r", | ||
| "Emsed9": "f7ybgnc", | ||
| "E11wbp": "f16xtfle", | ||
| "hl6cv3": "fotnskf", | ||
@@ -99,3 +107,3 @@ "Bh2vraf": "f1n8855c", | ||
| }, { | ||
| "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);}", ".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;}"] | ||
| }); | ||
@@ -102,0 +110,0 @@ /** |
@@ -31,2 +31,3 @@ "use strict"; | ||
| const openOnContext = popoverContext_1.usePopoverContext(context => context.openOnContext); | ||
| const trapFocus = popoverContext_1.usePopoverContext(context => context.trapFocus); | ||
| const { | ||
@@ -89,3 +90,3 @@ triggerAttributes | ||
| children: React.cloneElement(child, { ...triggerAttributes, | ||
| 'aria-haspopup': 'true', | ||
| 'aria-haspopup': trapFocus ? 'dialog' : 'true', | ||
| ...child.props, | ||
@@ -92,0 +93,0 @@ onClick, |
| import { __styles, mergeClasses } from '@fluentui/react-make-styles'; | ||
| import { createArrowStyles } from '@fluentui/react-positioning'; | ||
| export const popoverSurfaceClassName = 'fui-PopoverSurface'; | ||
@@ -15,3 +16,3 @@ export const arrowHeights = { | ||
| "De3pzq": "fxugw4r", | ||
| "E5pizo": ["f1hg901r", "f136t921"], | ||
| "E5pizo": "f1hg901r", | ||
| "Dimara": "ff3glw6", | ||
@@ -78,3 +79,9 @@ "B4j52fo": "f5ogflp", | ||
| "px8gyy": ["f5bg3dr", "f1rfdd74"], | ||
| "h6z6rw": ["fzd2j21", "f2549he"], | ||
| "h6z6rw": "fzd2j21", | ||
| "Iykf4b": ["feexxpo", "f7s5fvx"], | ||
| "F42hee": ["f1jq8eg5", "f12n7c5j"], | ||
| "Blxsnla": ["f1wv7y6t", "fi4qyh6"], | ||
| "t2scew": "fcvru7r", | ||
| "Emsed9": "f7ybgnc", | ||
| "E11wbp": "f16xtfle", | ||
| "hl6cv3": "fotnskf", | ||
@@ -90,3 +97,3 @@ "Bh2vraf": "f1n8855c", | ||
| }, { | ||
| "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);}", ".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;}"] | ||
| }); | ||
@@ -93,0 +100,0 @@ /** |
@@ -20,2 +20,3 @@ import * as React from 'react'; | ||
| const openOnContext = usePopoverContext(context => context.openOnContext); | ||
| const trapFocus = usePopoverContext(context => context.trapFocus); | ||
| const { | ||
@@ -78,3 +79,3 @@ triggerAttributes | ||
| children: /*#__PURE__*/React.cloneElement(child, { ...triggerAttributes, | ||
| 'aria-haspopup': 'true', | ||
| 'aria-haspopup': trapFocus ? 'dialog' : 'true', | ||
| ...child.props, | ||
@@ -81,0 +82,0 @@ onClick, |
| { | ||
| "name": "@fluentui/react-popover", | ||
| "version": "0.0.0-nightlybc5ff01fb020211104.1", | ||
| "version": "0.0.0-nightlybd3e92b51920211126.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-nightlybc5ff01fb020211104.1", | ||
| "@fluentui/babel-make-styles": "0.0.0-nightlybd3e92b51920211126.1", | ||
| "@fluentui/eslint-plugin": "*", | ||
| "@fluentui/jest-serializer-make-styles": "0.0.0-nightlybc5ff01fb020211104.1", | ||
| "@fluentui/jest-serializer-make-styles": "0.0.0-nightlybd3e92b51920211126.1", | ||
| "@fluentui/react-conformance": "*", | ||
| "@fluentui/react-conformance-make-styles": "0.0.0-nightlybc5ff01fb020211104.1", | ||
| "@fluentui/react-conformance-make-styles": "0.0.0-nightlybd3e92b51920211126.1", | ||
| "@fluentui/scripts": "^1.0.0", | ||
@@ -48,9 +49,9 @@ "@types/enzyme": "3.10.3", | ||
| "dependencies": { | ||
| "@fluentui/react-context-selector": "0.0.0-nightlybc5ff01fb020211104.1", | ||
| "@fluentui/react-make-styles": "0.0.0-nightlybc5ff01fb020211104.1", | ||
| "@fluentui/react-portal": "0.0.0-nightlybc5ff01fb020211104.1", | ||
| "@fluentui/react-positioning": "0.0.0-nightlybc5ff01fb020211104.1", | ||
| "@fluentui/react-shared-contexts": "0.0.0-nightlybc5ff01fb020211104.1", | ||
| "@fluentui/react-tabster": "0.0.0-nightlybc5ff01fb020211104.1", | ||
| "@fluentui/react-utilities": "0.0.0-nightlybc5ff01fb020211104.1", | ||
| "@fluentui/react-context-selector": "0.0.0-nightlybd3e92b51920211126.0", | ||
| "@fluentui/react-make-styles": "0.0.0-nightlybd3e92b51920211126.1", | ||
| "@fluentui/react-portal": "0.0.0-nightlybd3e92b51920211126.1", | ||
| "@fluentui/react-positioning": "0.0.0-nightlybd3e92b51920211126.1", | ||
| "@fluentui/react-shared-contexts": "0.0.0-nightlybd3e92b51920211126.0", | ||
| "@fluentui/react-tabster": "0.0.0-nightlybd3e92b51920211126.1", | ||
| "@fluentui/react-utilities": "0.0.0-nightlybd3e92b51920211126.0", | ||
| "tslib": "^2.1.0" | ||
@@ -65,3 +66,2 @@ }, | ||
| "beachball": { | ||
| "tag": "beta", | ||
| "disallowedChangeTypes": [ | ||
@@ -68,0 +68,0 @@ "major", |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by1.21%
269409
- Lines of code
- increased by1.01%
4397
- Published versions last two months
- increased by2.22%
46
Worsened metrics
- Number of package files
- decreased by-8.22%
134
Dependency changes
+ Added@fluentui/make-styles@0.0.0-nightlybd3e92b51920211126.1(transitive)
+ Added@fluentui/react-make-styles@0.0.0-nightlybd3e92b51920211126.1(transitive)
+ Added@fluentui/react-portal@0.0.0-nightlybd3e92b51920211126.1(transitive)
+ Added@fluentui/react-positioning@0.0.0-nightlybd3e92b51920211126.1(transitive)
+ Added@fluentui/react-tabster@0.0.0-nightlybd3e92b51920211126.1(transitive)
- Removed@fluentui/keyboard-keys@0.0.0-nightlybc5ff01fb020211104.1(transitive)
- Removed@fluentui/make-styles@0.0.0-nightlybc5ff01fb020211104.1(transitive)
- Removed@fluentui/react-context-selector@0.0.0-nightlybc5ff01fb020211104.1(transitive)
- Removed@fluentui/react-make-styles@0.0.0-nightlybc5ff01fb020211104.1(transitive)
- Removed@fluentui/react-portal@0.0.0-nightlybc5ff01fb020211104.1(transitive)
- Removed@fluentui/react-positioning@0.0.0-nightlybc5ff01fb020211104.1(transitive)
- Removed@fluentui/react-shared-contexts@0.0.0-nightlybc5ff01fb020211104.1(transitive)
- Removed@fluentui/react-tabster@0.0.0-nightlybc5ff01fb020211104.1(transitive)
- Removed@fluentui/react-theme@0.0.0-nightlybc5ff01fb020211104.1(transitive)
- Removed@fluentui/react-utilities@0.0.0-nightlybc5ff01fb020211104.1(transitive)
- Removed@types/react@16.14.62(transitive)
- Removed@types/react-dom@16.9.24(transitive)
- Removedprop-types@15.8.1(transitive)
- Removedreact@16.14.0(transitive)
- Removedreact-dom@16.14.0(transitive)
- Removedreact-is@16.13.1(transitive)
- Removedscheduler@0.19.1(transitive)
Updated@fluentui/react-context-selector@0.0.0-nightlybd3e92b51920211126.0
Updated@fluentui/react-make-styles@0.0.0-nightlybd3e92b51920211126.1
Updated@fluentui/react-portal@0.0.0-nightlybd3e92b51920211126.1
Updated@fluentui/react-positioning@0.0.0-nightlybd3e92b51920211126.1
Updated@fluentui/react-shared-contexts@0.0.0-nightlybd3e92b51920211126.0
Updated@fluentui/react-tabster@0.0.0-nightlybd3e92b51920211126.1
Updated@fluentui/react-utilities@0.0.0-nightlybd3e92b51920211126.0