@spectrum-web-components/overlay
Advanced tools
@spectrum-web-components/overlay - npm Package Compare versions
Comparing version 0.46.0 to 0.47.0
| { | ||
| "name": "@spectrum-web-components/overlay", | ||
| "version": "0.46.0", | ||
| "version": "0.47.0", | ||
| "publishConfig": { | ||
@@ -163,7 +163,7 @@ "access": "public" | ||
| "@floating-ui/utils": "^0.2.1", | ||
| "@spectrum-web-components/action-button": "^0.46.0", | ||
| "@spectrum-web-components/base": "^0.46.0", | ||
| "@spectrum-web-components/reactive-controllers": "^0.46.0", | ||
| "@spectrum-web-components/shared": "^0.46.0", | ||
| "@spectrum-web-components/theme": "^0.46.0" | ||
| "@spectrum-web-components/action-button": "^0.47.0", | ||
| "@spectrum-web-components/base": "^0.47.0", | ||
| "@spectrum-web-components/reactive-controllers": "^0.47.0", | ||
| "@spectrum-web-components/shared": "^0.47.0", | ||
| "@spectrum-web-components/theme": "^0.47.0" | ||
| }, | ||
@@ -180,3 +180,3 @@ "types": "./src/index.d.ts", | ||
| ], | ||
| "gitHead": "ab84b447210de593649b086a1605abf1be1d64f2" | ||
| "gitHead": "7121f0bbe175ac3c34f17e51aa41429c2c04bd35" | ||
| } |
@@ -20,72 +20,70 @@ "use strict"; | ||
| beforeEach(async function() { | ||
| this.testDiv = await fixture( | ||
| html` | ||
| <div> | ||
| <style> | ||
| body { | ||
| display: flex; | ||
| align-items: center; | ||
| justify-content: center; | ||
| } | ||
| </style> | ||
| <input type="text" /> | ||
| <overlay-trigger id="trigger" placement="top"> | ||
| <sp-button | ||
| id="outer-button" | ||
| variant="primary" | ||
| slot="trigger" | ||
| this.testDiv = await fixture(html` | ||
| <div> | ||
| <style> | ||
| body { | ||
| display: flex; | ||
| align-items: center; | ||
| justify-content: center; | ||
| } | ||
| </style> | ||
| <input type="text" /> | ||
| <overlay-trigger id="trigger" placement="top"> | ||
| <sp-button | ||
| id="outer-button" | ||
| variant="primary" | ||
| slot="trigger" | ||
| > | ||
| Show Popover | ||
| </sp-button> | ||
| <sp-popover | ||
| id="outer-popover" | ||
| slot="click-content" | ||
| direction="bottom" | ||
| tip | ||
| > | ||
| <sp-dialog | ||
| no-divider | ||
| class="options-popover-content" | ||
| > | ||
| Show Popover | ||
| </sp-button> | ||
| <sp-popover | ||
| id="outer-popover" | ||
| slot="click-content" | ||
| direction="bottom" | ||
| tip | ||
| > | ||
| <sp-dialog | ||
| no-divider | ||
| class="options-popover-content" | ||
| <overlay-trigger | ||
| id="inner-trigger" | ||
| placement="bottom" | ||
| > | ||
| <overlay-trigger | ||
| id="inner-trigger" | ||
| placement="bottom" | ||
| <sp-button | ||
| id="inner-button" | ||
| slot="trigger" | ||
| > | ||
| <sp-button | ||
| id="inner-button" | ||
| slot="trigger" | ||
| Press Me | ||
| </sp-button> | ||
| <sp-popover | ||
| id="inner-popover" | ||
| slot="click-content" | ||
| direction="bottom" | ||
| tip | ||
| > | ||
| <sp-dialog | ||
| no-divider | ||
| class="options-popover-content" | ||
| > | ||
| Press Me | ||
| </sp-button> | ||
| <sp-popover | ||
| id="inner-popover" | ||
| slot="click-content" | ||
| direction="bottom" | ||
| tip | ||
| > | ||
| <sp-dialog | ||
| no-divider | ||
| class="options-popover-content" | ||
| > | ||
| Another Popover | ||
| <sp-button> | ||
| Does nothing | ||
| </sp-button> | ||
| </sp-dialog> | ||
| </sp-popover> | ||
| </overlay-trigger> | ||
| </sp-dialog> | ||
| </sp-popover> | ||
| <div | ||
| id="hover-content" | ||
| slot="hover-content" | ||
| class="tooltip" | ||
| delay="100" | ||
| > | ||
| Tooltip | ||
| </div> | ||
| </overlay-trigger> | ||
| </div> | ||
| ` | ||
| ); | ||
| Another Popover | ||
| <sp-button> | ||
| Does nothing | ||
| </sp-button> | ||
| </sp-dialog> | ||
| </sp-popover> | ||
| </overlay-trigger> | ||
| </sp-dialog> | ||
| </sp-popover> | ||
| <div | ||
| id="hover-content" | ||
| slot="hover-content" | ||
| class="tooltip" | ||
| delay="100" | ||
| > | ||
| Tooltip | ||
| </div> | ||
| </overlay-trigger> | ||
| </div> | ||
| `); | ||
| this.innerTrigger = this.testDiv.querySelector( | ||
@@ -92,0 +90,0 @@ "#inner-trigger" |
@@ -10,3 +10,6 @@ "use strict"; | ||
| } from "@open-wc/testing"; | ||
| import { Default, insertionOptions } from "../stories/overlay-directive.stories.js"; | ||
| import { | ||
| Default, | ||
| insertionOptions | ||
| } from "../stories/overlay-directive.stories.js"; | ||
| import { sendMouse } from "../../../test/plugins/browser.js"; | ||
@@ -13,0 +16,0 @@ import { fixture } from "../../../test/testing-helpers.js"; |
@@ -46,54 +46,48 @@ "use strict"; | ||
| beforeEach(async () => { | ||
| testDiv = await styledFixture( | ||
| html` | ||
| <div id="top"> | ||
| <style> | ||
| body { | ||
| display: flex; | ||
| align-items: center; | ||
| justify-content: center; | ||
| } | ||
| testDiv = await styledFixture(html` | ||
| <div id="top"> | ||
| <style> | ||
| body { | ||
| display: flex; | ||
| align-items: center; | ||
| justify-content: center; | ||
| } | ||
| #top { | ||
| margin: 100px; | ||
| } | ||
| #top { | ||
| margin: 100px; | ||
| } | ||
| sp-button { | ||
| flex: none; | ||
| } | ||
| sp-button { | ||
| flex: none; | ||
| } | ||
| #overlay-content { | ||
| display: none; | ||
| } | ||
| </style> | ||
| <sp-button id="first-button" variant="primary"> | ||
| Show Popover | ||
| </sp-button> | ||
| <div id="overlay-content"> | ||
| <sp-popover | ||
| id="outer-popover" | ||
| direction="bottom" | ||
| tip | ||
| > | ||
| <sp-dialog no-divider> | ||
| <div class="options-popover-content"> | ||
| A popover message | ||
| </div> | ||
| <sp-button id="outer-focus-target"> | ||
| Test 1 | ||
| </sp-button> | ||
| <sp-button>Test 2</sp-button> | ||
| <sp-button>Test 3</sp-button> | ||
| </sp-dialog> | ||
| </sp-popover> | ||
| <sp-tooltip id="hover-1" class="hover-content"> | ||
| Hover message | ||
| </sp-tooltip> | ||
| <sp-tooltip id="hover-2" class="hover-content"> | ||
| Other hover message | ||
| </sp-tooltip> | ||
| </div> | ||
| #overlay-content { | ||
| display: none; | ||
| } | ||
| </style> | ||
| <sp-button id="first-button" variant="primary"> | ||
| Show Popover | ||
| </sp-button> | ||
| <div id="overlay-content"> | ||
| <sp-popover id="outer-popover" direction="bottom" tip> | ||
| <sp-dialog no-divider> | ||
| <div class="options-popover-content"> | ||
| A popover message | ||
| </div> | ||
| <sp-button id="outer-focus-target"> | ||
| Test 1 | ||
| </sp-button> | ||
| <sp-button>Test 2</sp-button> | ||
| <sp-button>Test 3</sp-button> | ||
| </sp-dialog> | ||
| </sp-popover> | ||
| <sp-tooltip id="hover-1" class="hover-content"> | ||
| Hover message | ||
| </sp-tooltip> | ||
| <sp-tooltip id="hover-2" class="hover-content"> | ||
| Other hover message | ||
| </sp-tooltip> | ||
| </div> | ||
| ` | ||
| ); | ||
| </div> | ||
| `); | ||
| await elementUpdated(testDiv); | ||
@@ -399,7 +393,5 @@ }); | ||
| const textContent = "This is a detached element that has been overlaid"; | ||
| const el = await fixture( | ||
| html` | ||
| <button>Trigger</button> | ||
| ` | ||
| ); | ||
| const el = await fixture(html` | ||
| <button>Trigger</button> | ||
| `); | ||
| const content = document.createElement("sp-popover"); | ||
@@ -406,0 +398,0 @@ content.textContent = textContent; |
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
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
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
Unidentified License
License(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.
Found 4 instances 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
Unidentified License
License(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.
Found 4 instances in 1 package
Worsened metrics
- Total package byte prevSize
- decreased by-0.09%
1415109
- Lines of code
- decreased by-0.05%
14928
- Number of medium supply chain risk alerts
- increased byInfinity%
1
Dependency changes
+ Added@spectrum-web-components/action-button@0.47.2(transitive)
+ Added@spectrum-web-components/base@0.47.2(transitive)
+ Added@spectrum-web-components/button@0.47.2(transitive)
+ Added@spectrum-web-components/clear-button@0.47.2(transitive)
+ Added@spectrum-web-components/close-button@0.47.2(transitive)
+ Added@spectrum-web-components/icon@0.47.2(transitive)
+ Added@spectrum-web-components/icons-ui@0.47.2(transitive)
+ Added@spectrum-web-components/iconset@0.47.2(transitive)
+ Added@spectrum-web-components/progress-circle@0.47.2(transitive)
+ Added@spectrum-web-components/reactive-controllers@0.47.2(transitive)
+ Added@spectrum-web-components/shared@0.47.2(transitive)
+ Added@spectrum-web-components/styles@0.47.2(transitive)
+ Added@spectrum-web-components/theme@0.47.2(transitive)
- Removed@spectrum-web-components/action-button@0.46.0(transitive)
- Removed@spectrum-web-components/base@0.46.0(transitive)
- Removed@spectrum-web-components/button@0.46.0(transitive)
- Removed@spectrum-web-components/clear-button@0.46.0(transitive)
- Removed@spectrum-web-components/close-button@0.46.0(transitive)
- Removed@spectrum-web-components/icon@0.46.0(transitive)
- Removed@spectrum-web-components/icons-ui@0.46.0(transitive)
- Removed@spectrum-web-components/iconset@0.46.0(transitive)
- Removed@spectrum-web-components/progress-circle@0.46.0(transitive)
- Removed@spectrum-web-components/reactive-controllers@0.46.0(transitive)
- Removed@spectrum-web-components/shared@0.46.0(transitive)
- Removed@spectrum-web-components/styles@0.46.0(transitive)
- Removed@spectrum-web-components/theme@0.46.0(transitive)
Updated@spectrum-web-components/reactive-controllers@^0.47.0