New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@spectrum-web-components/actionbar

Package Overview
Dependencies
Maintainers
5
Versions
30
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@spectrum-web-components/actionbar - npm Package Compare versions

Comparing version 0.2.6 to 0.2.7-alpha.38

sp-actionbar.d.ts

29

package.json

@@ -21,15 +21,24 @@ {

],
"version": "0.2.6",
"version": "0.2.7-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-actionbar": "./sp-actionbar.js",
"./sp-actionbar.js": "./sp-actionbar.js"
},
"files": [
"custom-elements.json",
"/lib/",
"*.d.ts",
"*.js",
"*.js.map",
"/src/"
],
"sideEffects": [
"./lib/index.js",
"./src/index.ts"
"./sp-actionbar.js",
"./sp-actionbar.ts"
],

@@ -41,6 +50,2 @@ "scripts": {

"license": "Apache-2.0",
"peerDependencies": {
"lit-element": "^2.1.0",
"lit-html": "^1.0.0"
},
"devDependencies": {

@@ -50,5 +55,7 @@ "@spectrum-css/actionbar": "^2.1.5"

"dependencies": {
"lit-element": "^2.1.0",
"lit-html": "^1.0.0",
"tslib": "^2.0.0"
},
"gitHead": "16b57d15356859cee73278cdf796274e3245320b"
"gitHead": "3926abb2769a9bab28762bf3b3e1fab7c5f03589"
}

@@ -5,3 +5,3 @@ ## Description

### Installation
### Usage

@@ -12,9 +12,17 @@ [![See it on NPM!](https://img.shields.io/npm/v/@spectrum-web-components/actionbar?style=for-the-badge)](https://www.npmjs.com/package/@spectrum-web-components/actionbar)

```
npm install @spectrum-web-components/actionbar
yarn add @spectrum-web-components/actionbar
```
# or
Import the side effectful registration of `<sp-actionbar>` via:
yarn add @spectrum-web-components/actionbar
```
import '@spectrum-web-components/actionbar/sp-actionbar.js';
```
When looking to leverage the `Actionbar` base class as a type and/or for extension purposes, do so via:
```
import { Actionbar } from '@spectrum-web-components/actionbar';
```
## Example

@@ -26,3 +34,3 @@

<div class="spectrum-ButtonGroup">
<sp-action-button quiet>
<sp-action-button quiet label="Edit">
<svg slot="icon" id="spectrum-icon-18-Edit" viewBox="0 0 36 36">

@@ -34,3 +42,3 @@ <path

</sp-action-button>
<sp-action-button quiet>
<sp-action-button quiet label="More">
<svg slot="icon" id="spectrum-icon-18-More" viewBox="0 0 36 36">

@@ -37,0 +45,0 @@ <circle cx="17.8" cy="18.2" r="3.4"></circle>

@@ -12,15 +12,2 @@ /*

*/
export * from './actionbar.js';
import { Actionbar } from './actionbar.js';
/* istanbul ignore else */
if (!customElements.get('sp-actionbar')) {
customElements.define('sp-actionbar', Actionbar);
}
declare global {
interface HTMLElementTagNameMap {
'sp-actionbar': Actionbar;
}
}
export * from './Actionbar.js';
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc