@fluentui/react-popover - npm Package Compare versions

Comparing version 0.0.0-nightly-20240819-2137.1 to 0.0.0-nightly-20240820-2210.1

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

@@ -35,5 +35,4 @@ "use strict";
     root: {
-        sj55zd: "f1ympdsy",
-        De3pzq: "fnoznri",
-        E5pizo: "f1n6zdu9",
+        sj55zd: "feedlvh",
+        De3pzq: "f1lcfd3t",
         Beyfa6y: 0,
@@ -43,3 +42,3 @@ Bbmb7ep: 0,
         B7oj6ja: 0,
-        Dimara: "f1vuagyr",
+        Dimara: "foh4in3",
         Bgfg5da: 0,
@@ -80,3 +79,4 @@ B9xav0g: 0,
         Bks05zx: "f1mzajhk",
-        Bvtglag: "fjp4h9y"
+        Bvtglag: "fjp4h9y",
+        Bhu2qc9: "fymb6k8"
     },
@@ -87,8 +87,8 @@ inline: {
     inverted: {
-        De3pzq: "f1bxihtq",
-        sj55zd: "fvu1dns"
+        De3pzq: "fg3bp1l",
+        sj55zd: "f1mnsynk"
     },
     brand: {
-        De3pzq: "fxkcuud",
-        sj55zd: "f1jde8b0"
+        De3pzq: "f1nxgbou",
+        sj55zd: "fuf7y86"
     },
@@ -117,50 +117,63 @@ smallPadding: {
     smallArrow: {
-        a9b677: "f1ekdpwm",
-        Bqenvij: "f83vc9z"
+        rhnwrx: "f1s3jn22",
+        Bdy53xb: "fv40uqz"
     },
     mediumLargeArrow: {
-        a9b677: "f1kmc0fn",
-        Bqenvij: "fb6lvc5"
+        rhnwrx: "f1f72gjr",
+        Bdy53xb: "f69yoe5"
     },
     arrow: {
+        B7ck84d: "f1ewtqcl",
         qhf8xq: "f1euv43f",
+        Bj3rh1h: "f1bsuimh",
         De3pzq: "f1u2r49w",
-        Bcdw1i0: "fd7fpy0",
-        Bj3rh1h: "f1bsuimh",
+        B2eet1l: "fqhgnl",
+        Beyfa6y: "f17bz04i",
+        Bz10aip: "f36o3x3",
+        Bqenvij: "fzofk8q",
+        a9b677: "f1wbx1ie",
         Ftih45: "f1wl9k8s",
-        B1puzpu: "f1wkw4r9",
-        Brfgrao: "f1j7ml58",
-        Bcvre1j: "fyl8oag",
-        Ccq8qp: "frdoeuz",
-        Baz25je: "fb81m9q",
+        Br0sdwz: "f1aocrix",
         cmx5o7: "f1ljr5q2",
+        susq4k: 0,
+        Biibvgv: 0,
+        Bicfajf: 0,
+        qehafq: 0,
+        Brs5u8j: "f155f1qt",
+        Ccq8qp: "f9mhzq7",
+        Baz25je: "fr6rhvx",
+        Bcgcnre: 0,
+        Bqjgrrk: 0,
+        qa3bma: 0,
+        y0oebl: 0,
+        Biqmznv: 0,
+        Bm6vgfq: 0,
+        Bbv0w2i: 0,
+        uvfttm: 0,
+        eqrjj: 0,
         Bk5zm6e: 0,
         m598lv: 0,
         B4f6apu: 0,
-        eqrjj: "f15tymiq",
-        Bqjgrrk: 0,
-        qa3bma: 0,
-        y0oebl: 0,
-        Bcgcnre: "fi8wnwo",
-        Budzafs: [
-            "f9e5op9",
-            "f112wvtl"
-        ],
-        Hv9wc6: "f16cagkn",
-        hl6cv3: "f1773hnp",
-        c8svkw: "fw7o64x",
-        yayu3t: "f1v7783n",
-        nr3p0k: "f1f0d6v",
-        rhl9o9: "fh2hsk5",
-        wiz9v7: "f1gj3y7g",
-        B6q6orb: "f11yvu4",
-        ndpsmx: "f17lejdj"
+        ydt019: 0,
+        Bq4z7u6: 0,
+        Bdkvgpv: 0,
+        B0qfbqy: 0,
+        kj8mxx: "f1kc0wz4",
+        r59vdv: "fgq90dz",
+        Bkw5xw4: "fq0y47f",
+        hl6cv3: "f1pwrbz6",
+        aea9ga: "f1hxxcvm",
+        yayu3t: "fw8rgyo",
+        Bhsv975: "f1wnzycx",
+        rhl9o9: "f1730wal",
+        B7gxrvb: "f1fy4ixr",
+        B6q6orb: "fobkauc",
+        B0lu1f8: "f16bqv1l"
     }
 }, {
     d: [
-        ".f1ympdsy{color:var(--ctrl-token-PopoverSurface-1473, var(--semantic-token-PopoverSurface-1474, var(--colorNeutralForeground1)));}",
-        ".fnoznri{background-color:var(--ctrl-token-PopoverSurface-1475, var(--semantic-token-PopoverSurface-1476, var(--colorNeutralBackground1)));}",
-        ".f1n6zdu9{box-shadow:var(--ctrl-token-PopoverSurface-1477, var(--semantic-token-PopoverSurface-1478, var(--shadow16)));}",
+        ".feedlvh{color:var(--1473, var(--1474, var(--colorNeutralForeground1)));}",
+        ".f1lcfd3t{background-color:var(--1475, var(--1476, var(--colorNeutralBackground1)));}",
         [
-            ".f1vuagyr{border-radius:var(--ctrl-token-PopoverSurface-1479, var(--semantic-token-PopoverSurface-1480, var(--borderRadiusMedium)));}",
+            ".foh4in3{border-radius:var(--1479, var(--1480, var(--borderRadiusMedium)));}",
             {
@@ -192,7 +205,8 @@ p: -1
         ".ftje0s4{animation-name:f5j8bii,f79suad;}",
+        ".fymb6k8{filter:drop-shadow(0 0 2px var(--colorNeutralShadowAmbient)) drop-shadow(0 8px 16px var(--colorNeutralShadowKey));}",
         ".f19g0ac{z-index:1;}",
-        ".f1bxihtq{background-color:var(--ctrl-token-PopoverSurface-1481, var(--semantic-token-PopoverSurface-1482, var(--colorNeutralBackgroundStatic)));}",
-        ".fvu1dns{color:var(--ctrl-token-PopoverSurface-1483, var(--semantic-token-PopoverSurface-1484, var(--colorNeutralForegroundStaticInverted)));}",
-        ".fxkcuud{background-color:var(--ctrl-token-PopoverSurface-1485, var(--semantic-token-PopoverSurface-1486, var(--colorBrandBackground)));}",
-        ".f1jde8b0{color:var(--ctrl-token-PopoverSurface-1487, var(--semantic-token-PopoverSurface-1488, var(--colorNeutralForegroundOnBrand)));}",
+        ".fg3bp1l{background-color:var(--1481, var(--1482, var(--colorNeutralBackgroundStatic)));}",
+        ".f1mnsynk{color:var(--1483, var(--1484, var(--colorNeutralForegroundStaticInverted)));}",
+        ".f1nxgbou{background-color:var(--1485, var(--1486, var(--colorBrandBackground)));}",
+        ".fuf7y86{color:var(--1487, var(--1488, var(--colorNeutralForegroundOnBrand)));}",
         [
@@ -216,19 +230,20 @@ ".f1sy4kr4{padding:12px;}",
         ],
-        ".f1ekdpwm{width:8.484px;}",
-        ".f83vc9z{height:8.484px;}",
-        ".f1kmc0fn{width:11.312px;}",
-        ".fb6lvc5{height:11.312px;}",
+        ".f1s3jn22{--fui-positioning-arrow-height:8.484px;}",
+        ".fv40uqz{--fui-positioning-arrow-offset:-4.242px;}",
+        ".f1f72gjr{--fui-positioning-arrow-height:11.312px;}",
+        ".f69yoe5{--fui-positioning-arrow-offset:-5.656px;}",
+        ".f1ewtqcl{box-sizing:border-box;}",
         ".f1euv43f{position:absolute;}",
+        ".f1bsuimh{z-index:-1;}",
         ".f1u2r49w{background-color:inherit;}",
-        ".fd7fpy0{visibility:hidden;}",
-        ".f1bsuimh{z-index:-1;}",
+        ".fqhgnl{background-clip:content-box;}",
+        ".f17bz04i{border-bottom-left-radius:var(--borderRadiusSmall);}",
+        ".f36o3x3{transform:rotate(var(--fui-positioning-arrow-angle));}",
+        ".fzofk8q{height:var(--fui-positioning-arrow-height);}",
+        ".f1wbx1ie{width:var(--fui-positioning-arrow-height);}",
         ".f1wl9k8s::before{content:\"\";}",
-        ".f1wkw4r9::before{visibility:visible;}",
-        ".f1j7ml58::before{position:absolute;}",
-        ".fyl8oag::before{box-sizing:border-box;}",
-        ".frdoeuz::before{width:inherit;}",
-        ".fb81m9q::before{height:inherit;}",
+        ".f1aocrix::before{display:block;}",
         ".f1ljr5q2::before{background-color:inherit;}",
         [
-            ".f15tymiq::before{border-right:1px solid var(--colorTransparentStroke);}",
+            ".f155f1qt::before{margin:-1px;}",
             {
@@ -238,19 +253,20 @@ p: -1
         ],
+        ".f9mhzq7::before{width:100%;}",
+        ".fr6rhvx::before{height:100%;}",
         [
-            ".fi8wnwo::before{border-bottom:1px solid var(--colorTransparentStroke);}",
+            ".f1kc0wz4::before{border:1px solid var(--colorTransparentStroke);}",
             {
-                p: -1
+                p: -2
             }
         ],
-        ".f9e5op9::before{border-bottom-right-radius:var(--borderRadiusSmall);}",
-        ".f112wvtl::before{border-bottom-left-radius:var(--borderRadiusSmall);}",
-        ".f16cagkn::before{transform:rotate(var(--fui-positioning-angle)) translate(0, 50%) rotate(45deg);}",
-        "[data-popper-placement^=\"top\"] .f1773hnp{bottom:-1px;}",
-        "[data-popper-placement^=\"top\"] .fw7o64x{--fui-positioning-angle:0;}",
-        "[data-popper-placement^=\"right\"] .f1v7783n{left:-1px;}",
-        "[data-popper-placement^=\"right\"] .f1f0d6v{--fui-positioning-angle:90deg;}",
-        "[data-popper-placement^=\"bottom\"] .fh2hsk5{top:-1px;}",
-        "[data-popper-placement^=\"bottom\"] .f1gj3y7g{--fui-positioning-angle:180deg;}",
-        "[data-popper-placement^=\"left\"] .f11yvu4{right:-1px;}",
-        "[data-popper-placement^=\"left\"] .f17lejdj{--fui-positioning-angle:270deg;}"
+        ".fgq90dz::before{border-bottom-left-radius:var(--borderRadiusSmall);}",
+        ".fq0y47f::before{clip-path:polygon(0% 0%, 100% 100%, 0% 100%);}",
+        "[data-popper-placement^=\"top\"] .f1pwrbz6{bottom:var(--fui-positioning-arrow-offset);}",
+        "[data-popper-placement^=\"top\"] .f1hxxcvm{--fui-positioning-arrow-angle:-45deg;}",
+        "[data-popper-placement^=\"right\"] .fw8rgyo{left:var(--fui-positioning-arrow-offset);}",
+        "[data-popper-placement^=\"right\"] .f1wnzycx{--fui-positioning-arrow-angle:45deg;}",
+        "[data-popper-placement^=\"bottom\"] .f1730wal{top:var(--fui-positioning-arrow-offset);}",
+        "[data-popper-placement^=\"bottom\"] .f1fy4ixr{--fui-positioning-arrow-angle:135deg;}",
+        "[data-popper-placement^=\"left\"] .fobkauc{right:var(--fui-positioning-arrow-offset);}",
+        "[data-popper-placement^=\"left\"] .f16bqv1l{--fui-positioning-arrow-angle:225deg;}"
     ],
@@ -257,0 +273,0 @@ k: [

lib/components/PopoverSurface/usePopoverSurfaceStyles.styles.js

@@ -17,5 +17,4 @@ import { __styles, mergeClasses } from '@griffel/react';
   root: {
-    sj55zd: "f1ympdsy",
-    De3pzq: "fnoznri",
-    E5pizo: "f1n6zdu9",
+    sj55zd: "feedlvh",
+    De3pzq: "f1lcfd3t",
     Beyfa6y: 0,
@@ -25,3 +24,3 @@ Bbmb7ep: 0,
     B7oj6ja: 0,
-    Dimara: "f1vuagyr",
+    Dimara: "foh4in3",
     Bgfg5da: 0,
@@ -62,3 +61,4 @@ B9xav0g: 0,
     Bks05zx: "f1mzajhk",
-    Bvtglag: "fjp4h9y"
+    Bvtglag: "fjp4h9y",
+    Bhu2qc9: "fymb6k8"
   },
@@ -69,8 +69,8 @@ inline: {
   inverted: {
-    De3pzq: "f1bxihtq",
-    sj55zd: "fvu1dns"
+    De3pzq: "fg3bp1l",
+    sj55zd: "f1mnsynk"
   },
   brand: {
-    De3pzq: "fxkcuud",
-    sj55zd: "f1jde8b0"
+    De3pzq: "f1nxgbou",
+    sj55zd: "fuf7y86"
   },
@@ -99,46 +99,63 @@ smallPadding: {
   smallArrow: {
-    a9b677: "f1ekdpwm",
-    Bqenvij: "f83vc9z"
+    rhnwrx: "f1s3jn22",
+    Bdy53xb: "fv40uqz"
   },
   mediumLargeArrow: {
-    a9b677: "f1kmc0fn",
-    Bqenvij: "fb6lvc5"
+    rhnwrx: "f1f72gjr",
+    Bdy53xb: "f69yoe5"
   },
   arrow: {
+    B7ck84d: "f1ewtqcl",
     qhf8xq: "f1euv43f",
+    Bj3rh1h: "f1bsuimh",
     De3pzq: "f1u2r49w",
-    Bcdw1i0: "fd7fpy0",
-    Bj3rh1h: "f1bsuimh",
+    B2eet1l: "fqhgnl",
+    Beyfa6y: "f17bz04i",
+    Bz10aip: "f36o3x3",
+    Bqenvij: "fzofk8q",
+    a9b677: "f1wbx1ie",
     Ftih45: "f1wl9k8s",
-    B1puzpu: "f1wkw4r9",
-    Brfgrao: "f1j7ml58",
-    Bcvre1j: "fyl8oag",
-    Ccq8qp: "frdoeuz",
-    Baz25je: "fb81m9q",
+    Br0sdwz: "f1aocrix",
     cmx5o7: "f1ljr5q2",
+    susq4k: 0,
+    Biibvgv: 0,
+    Bicfajf: 0,
+    qehafq: 0,
+    Brs5u8j: "f155f1qt",
+    Ccq8qp: "f9mhzq7",
+    Baz25je: "fr6rhvx",
+    Bcgcnre: 0,
+    Bqjgrrk: 0,
+    qa3bma: 0,
+    y0oebl: 0,
+    Biqmznv: 0,
+    Bm6vgfq: 0,
+    Bbv0w2i: 0,
+    uvfttm: 0,
+    eqrjj: 0,
     Bk5zm6e: 0,
     m598lv: 0,
     B4f6apu: 0,
-    eqrjj: "f15tymiq",
-    Bqjgrrk: 0,
-    qa3bma: 0,
-    y0oebl: 0,
-    Bcgcnre: "fi8wnwo",
-    Budzafs: ["f9e5op9", "f112wvtl"],
-    Hv9wc6: "f16cagkn",
-    hl6cv3: "f1773hnp",
-    c8svkw: "fw7o64x",
-    yayu3t: "f1v7783n",
-    nr3p0k: "f1f0d6v",
-    rhl9o9: "fh2hsk5",
-    wiz9v7: "f1gj3y7g",
-    B6q6orb: "f11yvu4",
-    ndpsmx: "f17lejdj"
+    ydt019: 0,
+    Bq4z7u6: 0,
+    Bdkvgpv: 0,
+    B0qfbqy: 0,
+    kj8mxx: "f1kc0wz4",
+    r59vdv: "fgq90dz",
+    Bkw5xw4: "fq0y47f",
+    hl6cv3: "f1pwrbz6",
+    aea9ga: "f1hxxcvm",
+    yayu3t: "fw8rgyo",
+    Bhsv975: "f1wnzycx",
+    rhl9o9: "f1730wal",
+    B7gxrvb: "f1fy4ixr",
+    B6q6orb: "fobkauc",
+    B0lu1f8: "f16bqv1l"
   }
 }, {
-  d: [".f1ympdsy{color:var(--ctrl-token-PopoverSurface-1473, var(--semantic-token-PopoverSurface-1474, var(--colorNeutralForeground1)));}", ".fnoznri{background-color:var(--ctrl-token-PopoverSurface-1475, var(--semantic-token-PopoverSurface-1476, var(--colorNeutralBackground1)));}", ".f1n6zdu9{box-shadow:var(--ctrl-token-PopoverSurface-1477, var(--semantic-token-PopoverSurface-1478, var(--shadow16)));}", [".f1vuagyr{border-radius:var(--ctrl-token-PopoverSurface-1479, var(--semantic-token-PopoverSurface-1480, var(--borderRadiusMedium)));}", {
+  d: [".feedlvh{color:var(--1473, var(--1474, var(--colorNeutralForeground1)));}", ".f1lcfd3t{background-color:var(--1475, var(--1476, var(--colorNeutralBackground1)));}", [".foh4in3{border-radius:var(--1479, var(--1480, var(--borderRadiusMedium)));}", {
     p: -1
   }], [".f9ggezi{border:1px solid var(--colorTransparentStroke);}", {
     p: -2
-  }], ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f18k4bn6{animation-composition:accumulate;}", ".fo1kyvf{animation-duration:var(--durationSlower);}", ".fetxo7e{animation-timing-function:var(--curveDecelerateMid);}", ".f8x1vz1{--fui-positioning-slide-distance-x:0px;}", ".f8g0anz{--fui-positioning-slide-distance-y:10px;}", ".fezwn9i[data-popper-placement^=right]{--fui-positioning-slide-distance-x:-10px;}", ".fz5efge[data-popper-placement^=right]{--fui-positioning-slide-distance-y:0px;}", ".f1ydixl4[data-popper-placement^=bottom]{--fui-positioning-slide-distance-x:0px;}", ".f8dgqj5[data-popper-placement^=bottom]{--fui-positioning-slide-distance-y:-10px;}", ".fnyfnr8[data-popper-placement^=left]{--fui-positioning-slide-distance-x:10px;}", ".fgw77r4[data-popper-placement^=left]{--fui-positioning-slide-distance-y:0px;}", ".ftje0s4{animation-name:f5j8bii,f79suad;}", ".f19g0ac{z-index:1;}", ".f1bxihtq{background-color:var(--ctrl-token-PopoverSurface-1481, var(--semantic-token-PopoverSurface-1482, var(--colorNeutralBackgroundStatic)));}", ".fvu1dns{color:var(--ctrl-token-PopoverSurface-1483, var(--semantic-token-PopoverSurface-1484, var(--colorNeutralForegroundStaticInverted)));}", ".fxkcuud{background-color:var(--ctrl-token-PopoverSurface-1485, var(--semantic-token-PopoverSurface-1486, var(--colorBrandBackground)));}", ".f1jde8b0{color:var(--ctrl-token-PopoverSurface-1487, var(--semantic-token-PopoverSurface-1488, var(--colorNeutralForegroundOnBrand)));}", [".f1sy4kr4{padding:12px;}", {
+  }], ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f18k4bn6{animation-composition:accumulate;}", ".fo1kyvf{animation-duration:var(--durationSlower);}", ".fetxo7e{animation-timing-function:var(--curveDecelerateMid);}", ".f8x1vz1{--fui-positioning-slide-distance-x:0px;}", ".f8g0anz{--fui-positioning-slide-distance-y:10px;}", ".fezwn9i[data-popper-placement^=right]{--fui-positioning-slide-distance-x:-10px;}", ".fz5efge[data-popper-placement^=right]{--fui-positioning-slide-distance-y:0px;}", ".f1ydixl4[data-popper-placement^=bottom]{--fui-positioning-slide-distance-x:0px;}", ".f8dgqj5[data-popper-placement^=bottom]{--fui-positioning-slide-distance-y:-10px;}", ".fnyfnr8[data-popper-placement^=left]{--fui-positioning-slide-distance-x:10px;}", ".fgw77r4[data-popper-placement^=left]{--fui-positioning-slide-distance-y:0px;}", ".ftje0s4{animation-name:f5j8bii,f79suad;}", ".fymb6k8{filter:drop-shadow(0 0 2px var(--colorNeutralShadowAmbient)) drop-shadow(0 8px 16px var(--colorNeutralShadowKey));}", ".f19g0ac{z-index:1;}", ".fg3bp1l{background-color:var(--1481, var(--1482, var(--colorNeutralBackgroundStatic)));}", ".f1mnsynk{color:var(--1483, var(--1484, var(--colorNeutralForegroundStaticInverted)));}", ".f1nxgbou{background-color:var(--1485, var(--1486, var(--colorBrandBackground)));}", ".fuf7y86{color:var(--1487, var(--1488, var(--colorNeutralForegroundOnBrand)));}", [".f1sy4kr4{padding:12px;}", {
     p: -1
@@ -149,7 +166,7 @@ }], [".f4zyqsv{padding:16px;}", {
     p: -1
-  }], ".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;}", ".f1wl9k8s::before{content:\"\";}", ".f1wkw4r9::before{visibility:visible;}", ".f1j7ml58::before{position:absolute;}", ".fyl8oag::before{box-sizing:border-box;}", ".frdoeuz::before{width:inherit;}", ".fb81m9q::before{height:inherit;}", ".f1ljr5q2::before{background-color:inherit;}", [".f15tymiq::before{border-right:1px solid var(--colorTransparentStroke);}", {
+  }], ".f1s3jn22{--fui-positioning-arrow-height:8.484px;}", ".fv40uqz{--fui-positioning-arrow-offset:-4.242px;}", ".f1f72gjr{--fui-positioning-arrow-height:11.312px;}", ".f69yoe5{--fui-positioning-arrow-offset:-5.656px;}", ".f1ewtqcl{box-sizing:border-box;}", ".f1euv43f{position:absolute;}", ".f1bsuimh{z-index:-1;}", ".f1u2r49w{background-color:inherit;}", ".fqhgnl{background-clip:content-box;}", ".f17bz04i{border-bottom-left-radius:var(--borderRadiusSmall);}", ".f36o3x3{transform:rotate(var(--fui-positioning-arrow-angle));}", ".fzofk8q{height:var(--fui-positioning-arrow-height);}", ".f1wbx1ie{width:var(--fui-positioning-arrow-height);}", ".f1wl9k8s::before{content:\"\";}", ".f1aocrix::before{display:block;}", ".f1ljr5q2::before{background-color:inherit;}", [".f155f1qt::before{margin:-1px;}", {
     p: -1
-  }], [".fi8wnwo::before{border-bottom:1px solid var(--colorTransparentStroke);}", {
-    p: -1
-  }], ".f9e5op9::before{border-bottom-right-radius:var(--borderRadiusSmall);}", ".f112wvtl::before{border-bottom-left-radius:var(--borderRadiusSmall);}", ".f16cagkn::before{transform:rotate(var(--fui-positioning-angle)) translate(0, 50%) rotate(45deg);}", "[data-popper-placement^=\"top\"] .f1773hnp{bottom:-1px;}", "[data-popper-placement^=\"top\"] .fw7o64x{--fui-positioning-angle:0;}", "[data-popper-placement^=\"right\"] .f1v7783n{left:-1px;}", "[data-popper-placement^=\"right\"] .f1f0d6v{--fui-positioning-angle:90deg;}", "[data-popper-placement^=\"bottom\"] .fh2hsk5{top:-1px;}", "[data-popper-placement^=\"bottom\"] .f1gj3y7g{--fui-positioning-angle:180deg;}", "[data-popper-placement^=\"left\"] .f11yvu4{right:-1px;}", "[data-popper-placement^=\"left\"] .f17lejdj{--fui-positioning-angle:270deg;}"],
+  }], ".f9mhzq7::before{width:100%;}", ".fr6rhvx::before{height:100%;}", [".f1kc0wz4::before{border:1px solid var(--colorTransparentStroke);}", {
+    p: -2
+  }], ".fgq90dz::before{border-bottom-left-radius:var(--borderRadiusSmall);}", ".fq0y47f::before{clip-path:polygon(0% 0%, 100% 100%, 0% 100%);}", "[data-popper-placement^=\"top\"] .f1pwrbz6{bottom:var(--fui-positioning-arrow-offset);}", "[data-popper-placement^=\"top\"] .f1hxxcvm{--fui-positioning-arrow-angle:-45deg;}", "[data-popper-placement^=\"right\"] .fw8rgyo{left:var(--fui-positioning-arrow-offset);}", "[data-popper-placement^=\"right\"] .f1wnzycx{--fui-positioning-arrow-angle:45deg;}", "[data-popper-placement^=\"bottom\"] .f1730wal{top:var(--fui-positioning-arrow-offset);}", "[data-popper-placement^=\"bottom\"] .f1fy4ixr{--fui-positioning-arrow-angle:135deg;}", "[data-popper-placement^=\"left\"] .fobkauc{right:var(--fui-positioning-arrow-offset);}", "[data-popper-placement^=\"left\"] .f16bqv1l{--fui-positioning-arrow-angle:225deg;}"],
   k: ["@keyframes f5j8bii{from{opacity:0;}to{opacity:1;}}", "@keyframes f79suad{from{transform:translate(var(--fui-positioning-slide-distance-x), var(--fui-positioning-slide-distance-y));}}"],
@@ -156,0 +173,0 @@ m: [["@media (prefers-reduced-motion){.fi19xcv[data-popper-placement]{animation-duration:1ms;}}", {

package.json

 {
   "name": "@fluentui/react-popover",
-  "version": "0.0.0-nightly-20240819-2137.1",
+  "version": "0.0.0-nightly-20240820-2210.1",
   "description": "Popover component for Fluent UI",
@@ -30,7 +30,7 @@ "main": "lib-commonjs/index.js",
   "devDependencies": {
-    "@fluentui/react-provider": "0.0.0-nightly-20240819-2137.1",
-    "@fluentui/react-menu": "0.0.0-nightly-20240819-2137.1",
+    "@fluentui/react-provider": "0.0.0-nightly-20240820-2210.1",
+    "@fluentui/react-menu": "0.0.0-nightly-20240820-2210.1",
     "@fluentui/eslint-plugin": "*",
-    "@fluentui/react-conformance": "0.0.0-nightly-20240819-2137.1",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20240819-2137.1",
+    "@fluentui/react-conformance": "0.0.0-nightly-20240820-2210.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20240820-2210.1",
     "@fluentui/scripts-api-extractor": "*",
@@ -41,12 +41,12 @@ "@fluentui/scripts-cypress": "*",
   "dependencies": {
-    "@fluentui/keyboard-keys": "0.0.0-nightly-20240819-2137.1",
-    "@fluentui/react-aria": "0.0.0-nightly-20240819-2137.1",
-    "@fluentui/react-context-selector": "0.0.0-nightly-20240819-2137.1",
-    "@fluentui/react-portal": "0.0.0-nightly-20240819-2137.1",
-    "@fluentui/react-positioning": "0.0.0-nightly-20240819-2137.1",
-    "@fluentui/react-shared-contexts": "0.0.0-nightly-20240819-2137.1",
-    "@fluentui/react-tabster": "0.0.0-nightly-20240819-2137.1",
-    "@fluentui/react-theme": "0.0.0-nightly-20240819-2137.1",
-    "@fluentui/react-utilities": "0.0.0-nightly-20240819-2137.1",
-    "@fluentui/react-jsx-runtime": "0.0.0-nightly-20240819-2137.1",
+    "@fluentui/keyboard-keys": "0.0.0-nightly-20240820-2210.1",
+    "@fluentui/react-aria": "0.0.0-nightly-20240820-2210.1",
+    "@fluentui/react-context-selector": "0.0.0-nightly-20240820-2210.1",
+    "@fluentui/react-portal": "0.0.0-nightly-20240820-2210.1",
+    "@fluentui/react-positioning": "0.0.0-nightly-20240820-2210.1",
+    "@fluentui/react-shared-contexts": "0.0.0-nightly-20240820-2210.1",
+    "@fluentui/react-tabster": "0.0.0-nightly-20240820-2210.1",
+    "@fluentui/react-theme": "0.0.0-nightly-20240820-2210.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20240820-2210.1",
+    "@fluentui/react-jsx-runtime": "0.0.0-nightly-20240820-2210.1",
     "@griffel/react": "^1.5.22",
@@ -53,0 +53,0 @@ "@swc/helpers": "^0.5.1"

New alerts

License Policy Violation

License

This 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

License

This 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

387969

increased by0.35%

Lines of code

1942

increased by1.62%

Dependency changes

• + Added@fluentui/keyboard-keys@0.0.0-nightly-20240820-2210.1(transitive)

• + Added@fluentui/react-aria@0.0.0-nightly-20240820-2210.1(transitive)

• + Added@fluentui/react-context-selector@0.0.0-nightly-20240820-2210.1(transitive)

• + Added@fluentui/react-jsx-runtime@0.0.0-nightly-20240820-2210.1(transitive)

• + Added@fluentui/react-portal@0.0.0-nightly-20240820-2210.1(transitive)

• + Added@fluentui/react-positioning@0.0.0-nightly-20240820-2210.1(transitive)

• + Added@fluentui/react-shared-contexts@0.0.0-nightly-20240820-2210.1(transitive)

• + Added@fluentui/react-tabster@0.0.0-nightly-20240820-2210.1(transitive)

• + Added@fluentui/react-theme@0.0.0-nightly-20240820-2210.1(transitive)

• + Added@fluentui/react-utilities@0.0.0-nightly-20240820-2210.1(transitive)

• + Added@fluentui/tokens@0.0.0-nightly-20240820-2210.1(transitive)

• - Removed@fluentui/keyboard-keys@0.0.0-nightly-20240819-2137.1(transitive)

• - Removed@fluentui/react-aria@0.0.0-nightly-20240819-2137.1(transitive)

• - Removed@fluentui/react-context-selector@0.0.0-nightly-20240819-2137.1(transitive)

• - Removed@fluentui/react-jsx-runtime@0.0.0-nightly-20240819-2137.1(transitive)

• - Removed@fluentui/react-portal@0.0.0-nightly-20240819-2137.1(transitive)

• - Removed@fluentui/react-positioning@0.0.0-nightly-20240819-2137.1(transitive)

• - Removed@fluentui/react-shared-contexts@0.0.0-nightly-20240819-2137.1(transitive)

• - Removed@fluentui/react-tabster@0.0.0-nightly-20240819-2137.1(transitive)

• - Removed@fluentui/react-theme@0.0.0-nightly-20240819-2137.1(transitive)

• - Removed@fluentui/react-utilities@0.0.0-nightly-20240819-2137.1(transitive)

• - Removed@fluentui/tokens@0.0.0-nightly-20240819-2137.1(transitive)

• Updated@fluentui/keyboard-keys@0.0.0-nightly-20240820-2210.1

• Updated@fluentui/react-aria@0.0.0-nightly-20240820-2210.1

• Updated@fluentui/react-context-selector@0.0.0-nightly-20240820-2210.1

• Updated@fluentui/react-jsx-runtime@0.0.0-nightly-20240820-2210.1

• Updated@fluentui/react-portal@0.0.0-nightly-20240820-2210.1

• Updated@fluentui/react-positioning@0.0.0-nightly-20240820-2210.1

• Updated@fluentui/react-shared-contexts@0.0.0-nightly-20240820-2210.1

• Updated@fluentui/react-tabster@0.0.0-nightly-20240820-2210.1

• Updated@fluentui/react-theme@0.0.0-nightly-20240820-2210.1

• Updated@fluentui/react-utilities@0.0.0-nightly-20240820-2210.1