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

@spectrum-web-components/button-group

Package Overview
Dependencies
Maintainers
5
Versions
296
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@spectrum-web-components/button-group - npm Package Compare versions

Comparing version 0.3.5-alpha.85 to 0.3.5-alpha.169

10

package.json

@@ -21,3 +21,3 @@ {

],
"version": "0.3.5-alpha.85+d9ef1386",
"version": "0.3.5-alpha.169+a396c860",
"description": "",

@@ -53,10 +53,10 @@ "main": "./src/index.js",

"devDependencies": {
"@spectrum-css/buttongroup": "^3.0.0-beta.5",
"@spectrum-web-components/button": "^0.9.5-alpha.85+d9ef1386"
"@spectrum-css/buttongroup": "^3.0.0-beta.6",
"@spectrum-web-components/button": "^0.9.5-alpha.169+a396c860"
},
"dependencies": {
"@spectrum-web-components/base": "^0.1.4-alpha.85+d9ef1386",
"@spectrum-web-components/base": "^0.1.4-alpha.169+a396c860",
"tslib": "^2.0.0"
},
"gitHead": "d9ef13866edfb98e309914ae7582b807bee5d241"
"gitHead": "a396c860b62c2f94b2e9fcd015a4962a6c57af36"
}

@@ -28,4 +28,2 @@ ## Description

<sp-icons-medium></sp-icons-medium>
```html

@@ -37,35 +35,2 @@ <sp-button-group>

</sp-button-group>
<br />
<sp-button-group>
<sp-action-button>Button 1</sp-action-button>
<sp-action-button>Longer Button 2</sp-action-button>
<sp-action-button>Short 3</sp-action-button>
</sp-button-group>
<br />
<sp-button-group>
<sp-action-button>
<sp-icon slot="icon" size="m" name="ui:Magnifier"></sp-icon>
Button 1
</sp-action-button>
<sp-action-button>
<sp-icon slot="icon" size="m" name="ui:Magnifier"></sp-icon>
Longer Button 2
</sp-action-button>
<sp-action-button>
<sp-icon slot="icon" size="m" name="ui:Magnifier"></sp-icon>
Short 3
</sp-action-button>
</sp-button-group>
<br />
<sp-button-group>
<sp-action-button quiet label="Zoom in">
<sp-icon slot="icon" size="m" name="ui:Magnifier"></sp-icon>
</sp-action-button>
<sp-action-button quiet label="Zoom in">
<sp-icon slot="icon" size="m" name="ui:Magnifier"></sp-icon>
</sp-action-button>
<sp-action-button quiet label="Zoom in">
<sp-icon slot="icon" size="m" name="ui:Magnifier"></sp-icon>
</sp-action-button>
</sp-button-group>
```

@@ -76,44 +41,7 @@

```html
<div
style="display: flex; justify-content: space-between; width: 100%; max-width: 500px;"
>
<sp-button-group vertical>
<sp-button>Button 1</sp-button>
<sp-button>Longer Button 2</sp-button>
<sp-button>Short 3</sp-button>
</sp-button-group>
<sp-button-group vertical>
<sp-action-button>Button 1</sp-action-button>
<sp-action-button>Longer Button 2</sp-action-button>
<sp-action-button>Short 3</sp-action-button>
</sp-button-group>
<sp-button-group vertical>
<sp-action-button>
<sp-icon slot="icon" size="m" name="ui:Magnifier"></sp-icon>
Button 1
</sp-action-button>
<sp-action-button>
<sp-icon slot="icon" size="m" name="ui:Magnifier"></sp-icon>
Longer Button 2
</sp-action-button>
<sp-action-button>
<sp-icon slot="icon" size="m" name="ui:Magnifier"></sp-icon>
Short 3
</sp-action-button>
</sp-button-group>
<sp-button-group vertical>
<sp-action-button quiet label="Zoom in">
<sp-icon slot="icon" size="m" name="ui:Magnifier"></sp-icon>
</sp-action-button>
<sp-action-button quiet label="Zoom in">
<sp-icon slot="icon" size="m" name="ui:Magnifier"></sp-icon>
</sp-action-button>
<sp-action-button quiet label="Zoom in">
<sp-icon slot="icon" size="m" name="ui:Magnifier"></sp-icon>
</sp-action-button>
</sp-button-group>
</div>
<sp-button-group vertical>
<sp-button>Button 1</sp-button>
<sp-button>Longer Button 2</sp-button>
<sp-button>Short 3</sp-button>
</sp-button-group>
```
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