@fluentui/react-popover - npm Package Compare versions

Comparing version 0.0.0-nightly-20240729-0406.1 to 0.0.0-nightly-20240730-0407.1

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

@@ -113,42 +113,56 @@ "use strict";
     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"
     }
@@ -211,19 +225,20 @@ }, {
         ],
-        ".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;}",
             {
@@ -233,19 +248,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;}"
     ],
@@ -252,0 +268,0 @@ k: [

lib/components/PopoverSurface/usePopoverSurfaceStyles.styles.js

@@ -95,39 +95,56 @@ import { __styles, mergeClasses } from '@griffel/react';
   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"
   }
@@ -145,7 +162,7 @@ }, {
     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));}}"],
@@ -152,0 +169,0 @@ m: [["@media (prefers-reduced-motion){.fi19xcv[data-popper-placement]{animation-duration:1ms;}}", {

package.json

 {
   "name": "@fluentui/react-popover",
-  "version": "0.0.0-nightly-20240729-0406.1",
+  "version": "0.0.0-nightly-20240730-0407.1",
   "description": "Popover component for Fluent UI",
@@ -30,7 +30,7 @@ "main": "lib-commonjs/index.js",
   "devDependencies": {
-    "@fluentui/react-provider": "0.0.0-nightly-20240729-0406.1",
-    "@fluentui/react-menu": "0.0.0-nightly-20240729-0406.1",
+    "@fluentui/react-provider": "0.0.0-nightly-20240730-0407.1",
+    "@fluentui/react-menu": "0.0.0-nightly-20240730-0407.1",
     "@fluentui/eslint-plugin": "*",
-    "@fluentui/react-conformance": "0.0.0-nightly-20240729-0406.1",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20240729-0406.1",
+    "@fluentui/react-conformance": "0.0.0-nightly-20240730-0407.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20240730-0407.1",
     "@fluentui/scripts-api-extractor": "*",
@@ -41,12 +41,12 @@ "@fluentui/scripts-cypress": "*",
   "dependencies": {
-    "@fluentui/keyboard-keys": "0.0.0-nightly-20240729-0406.1",
-    "@fluentui/react-aria": "0.0.0-nightly-20240729-0406.1",
-    "@fluentui/react-context-selector": "0.0.0-nightly-20240729-0406.1",
-    "@fluentui/react-portal": "0.0.0-nightly-20240729-0406.1",
-    "@fluentui/react-positioning": "0.0.0-nightly-20240729-0406.1",
-    "@fluentui/react-shared-contexts": "0.0.0-nightly-20240729-0406.1",
-    "@fluentui/react-tabster": "0.0.0-nightly-20240729-0406.1",
-    "@fluentui/react-theme": "0.0.0-nightly-20240729-0406.1",
-    "@fluentui/react-utilities": "0.0.0-nightly-20240729-0406.1",
-    "@fluentui/react-jsx-runtime": "0.0.0-nightly-20240729-0406.1",
+    "@fluentui/keyboard-keys": "0.0.0-nightly-20240730-0407.1",
+    "@fluentui/react-aria": "0.0.0-nightly-20240730-0407.1",
+    "@fluentui/react-context-selector": "0.0.0-nightly-20240730-0407.1",
+    "@fluentui/react-portal": "0.0.0-nightly-20240730-0407.1",
+    "@fluentui/react-positioning": "0.0.0-nightly-20240730-0407.1",
+    "@fluentui/react-shared-contexts": "0.0.0-nightly-20240730-0407.1",
+    "@fluentui/react-tabster": "0.0.0-nightly-20240730-0407.1",
+    "@fluentui/react-theme": "0.0.0-nightly-20240730-0407.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20240730-0407.1",
+    "@fluentui/react-jsx-runtime": "0.0.0-nightly-20240730-0407.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

385810

increased by0.5%

Lines of code

1942

increased by1.78%

Worsened metrics

Published versions last months

21

decreased by-4.55%

Published versions last two months

44

decreased by-2.22%

Published versions last week

5

decreased by-16.67%

Published versions last year

295

decreased by-0.34%

Dependency changes

• + Added@fluentui/keyboard-keys@0.0.0-nightly-20240730-0407.1(transitive)

• + Added@fluentui/react-aria@0.0.0-nightly-20240730-0407.1(transitive)

• + Added@fluentui/react-context-selector@0.0.0-nightly-20240730-0407.1(transitive)

• + Added@fluentui/react-jsx-runtime@0.0.0-nightly-20240730-0407.1(transitive)

• + Added@fluentui/react-portal@0.0.0-nightly-20240730-0407.1(transitive)

• + Added@fluentui/react-positioning@0.0.0-nightly-20240730-0407.1(transitive)

• + Added@fluentui/react-shared-contexts@0.0.0-nightly-20240730-0407.1(transitive)

• + Added@fluentui/react-tabster@0.0.0-nightly-20240730-0407.1(transitive)

• + Added@fluentui/react-theme@0.0.0-nightly-20240730-0407.1(transitive)

• + Added@fluentui/react-utilities@0.0.0-nightly-20240730-0407.1(transitive)

• + Added@fluentui/tokens@0.0.0-nightly-20240730-0407.1(transitive)

• - Removed@fluentui/keyboard-keys@0.0.0-nightly-20240729-0406.1(transitive)

• - Removed@fluentui/react-aria@0.0.0-nightly-20240729-0406.1(transitive)

• - Removed@fluentui/react-context-selector@0.0.0-nightly-20240729-0406.1(transitive)

• - Removed@fluentui/react-jsx-runtime@0.0.0-nightly-20240729-0406.1(transitive)

• - Removed@fluentui/react-portal@0.0.0-nightly-20240729-0406.1(transitive)

• - Removed@fluentui/react-positioning@0.0.0-nightly-20240729-0406.1(transitive)

• - Removed@fluentui/react-shared-contexts@0.0.0-nightly-20240729-0406.1(transitive)

• - Removed@fluentui/react-tabster@0.0.0-nightly-20240729-0406.1(transitive)

• - Removed@fluentui/react-theme@0.0.0-nightly-20240729-0406.1(transitive)

• - Removed@fluentui/react-utilities@0.0.0-nightly-20240729-0406.1(transitive)

• - Removed@fluentui/tokens@0.0.0-nightly-20240729-0406.1(transitive)

• Updated@fluentui/keyboard-keys@0.0.0-nightly-20240730-0407.1

• Updated@fluentui/react-aria@0.0.0-nightly-20240730-0407.1

• Updated@fluentui/react-context-selector@0.0.0-nightly-20240730-0407.1

• Updated@fluentui/react-jsx-runtime@0.0.0-nightly-20240730-0407.1

• Updated@fluentui/react-portal@0.0.0-nightly-20240730-0407.1

• Updated@fluentui/react-positioning@0.0.0-nightly-20240730-0407.1

• Updated@fluentui/react-shared-contexts@0.0.0-nightly-20240730-0407.1

• Updated@fluentui/react-tabster@0.0.0-nightly-20240730-0407.1

• Updated@fluentui/react-theme@0.0.0-nightly-20240730-0407.1

• Updated@fluentui/react-utilities@0.0.0-nightly-20240730-0407.1