@spectrum-web-components/popover
Advanced tools
Comparing version 0.3.10 to 0.3.11-alpha.38
@@ -21,15 +21,24 @@ { | ||
], | ||
"version": "0.3.10", | ||
"version": "0.3.11-alpha.38+3926abb2", | ||
"description": "", | ||
"main": "lib/index.js", | ||
"module": "lib/index.js", | ||
"main": "src/index.js", | ||
"module": "src/index.js", | ||
"type": "module", | ||
"exports": { | ||
"./src/": "./src/", | ||
"./custom-elements.json": "./custom-elements.json", | ||
"./package.json": "./package.json", | ||
"./sp-popover": "./sp-popover.js", | ||
"./sp-popover.js": "./sp-popover.js" | ||
}, | ||
"files": [ | ||
"custom-elements.json", | ||
"/lib/", | ||
"*.d.ts", | ||
"*.js", | ||
"*.js.map", | ||
"/src/" | ||
], | ||
"sideEffects": [ | ||
"./lib/index.js", | ||
"./src/index.ts" | ||
"./sp-popover.js", | ||
"./sp-popover.ts" | ||
], | ||
@@ -41,6 +50,2 @@ "scripts": { | ||
"license": "Apache-2.0", | ||
"peerDependencies": { | ||
"lit-element": "^2.1.0", | ||
"lit-html": "^1.0.0" | ||
}, | ||
"devDependencies": { | ||
@@ -50,6 +55,8 @@ "@spectrum-css/popover": "^2.0.6" | ||
"dependencies": { | ||
"@spectrum-web-components/overlay": "^0.3.8", | ||
"@spectrum-web-components/overlay": "^0.3.9-alpha.38+3926abb2", | ||
"lit-element": "^2.1.0", | ||
"lit-html": "^1.0.0", | ||
"tslib": "^2.0.0" | ||
}, | ||
"gitHead": "16b57d15356859cee73278cdf796274e3245320b" | ||
"gitHead": "3926abb2769a9bab28762bf3b3e1fab7c5f03589" | ||
} |
## Description | ||
An **sp-popover** is used to display transient content (menus, options, additional actions etc.) and appears when clicking/tapping on a source (tools, buttons, etc.) It stands out via its visual style (stroke and drop shadow) and floats on top of the rest of the interface. This component does not implement the actual overlay behavior and interactions. This is handled in the `Overlay Root` and `Overlay Trigger`. | ||
An `<sp-popover>` is used to display transient content (menus, options, additional actions etc.) and appears when clicking/tapping on a source (tools, buttons, etc.) It stands out via its visual style (stroke and drop shadow) and floats on top of the rest of the interface. This component does not implement the actual overlay behavior and interactions. This is handled by the [`Overlay`](overlay) system. | ||
### Installation | ||
### Usage | ||
@@ -11,9 +11,17 @@ [![See it on NPM!](https://img.shields.io/npm/v/@spectrum-web-components/popover?style=for-the-badge)](https://www.npmjs.com/package/@spectrum-web-components/popover) | ||
``` | ||
npm install @spectrum-web-components/popover | ||
yarn add @spectrum-web-components/popover | ||
``` | ||
# or | ||
Import the side effectful registration of `<sp-popover>` via: | ||
yarn add @spectrum-web-components/popover | ||
``` | ||
import '@spectrum-web-components/popover/sp-popover.js'; | ||
``` | ||
When looking to leverage the `Popover` base class as a type and/or for extension purposes, do so via: | ||
``` | ||
import { Popover } from '@spectrum-web-components/popover'; | ||
``` | ||
## Example | ||
@@ -20,0 +28,0 @@ |
@@ -12,15 +12,2 @@ /* | ||
*/ | ||
export * from './popover.js'; | ||
import { Popover } from './popover.js'; | ||
/* istanbul ignore else */ | ||
if (!customElements.get('sp-popover')) { | ||
customElements.define('sp-popover', Popover); | ||
} | ||
declare global { | ||
interface HTMLElementTagNameMap { | ||
'sp-popover': Popover; | ||
} | ||
} | ||
export * from './Popover.js'; |
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
Manifest confusion
Supply chain riskThis package has inconsistent metadata. This could be malicious or caused by an error when publishing the 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 5 instances in 1 package
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
28
238
76000
5
60
646
1
+ Addedlit-element@^2.1.0
+ Addedlit-html@^1.0.0
+ Added@spectrum-web-components/overlay@0.3.9-alpha.38(transitive)
+ Added@spectrum-web-components/styles@0.5.4-alpha.38(transitive)
+ Added@spectrum-web-components/theme@0.4.2-alpha.38(transitive)
- Removed@spectrum-web-components/overlay@0.3.8(transitive)
- Removed@spectrum-web-components/styles@0.5.3(transitive)
- Removed@spectrum-web-components/theme@0.4.1(transitive)
Updated@spectrum-web-components/overlay@^0.3.9-alpha.38+3926abb2