Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@material/mwc-button

Package Overview
Dependencies
Maintainers
21
Versions
720
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@material/mwc-button - npm Package Compare versions

Comparing version 0.25.1 to 0.26.0-canary.ae060177.0

8

package.json
{
"name": "@material/mwc-button",
"version": "0.25.1",
"version": "0.26.0-canary.ae060177.0",
"description": "Material Design button web component",

@@ -19,4 +19,4 @@ "keywords": [

"dependencies": {
"@material/mwc-icon": "^0.25.1",
"@material/mwc-ripple": "^0.25.1",
"@material/mwc-icon": "0.26.0-canary.ae060177.0",
"@material/mwc-ripple": "0.26.0-canary.ae060177.0",
"lit-element": "^3.0.0",

@@ -39,3 +39,3 @@ "lit-html": "^2.0.0",

},
"gitHead": "b1c1ab5230f56f6bce405387b9c75cc7111cacc2"
"gitHead": "b919ae5340a9ffc926d328999cc5fe5704922e40"
}

@@ -30,4 +30,4 @@ # `<mwc-button>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-button.svg)](https://www.npmjs.com/package/@material/mwc-button)

![](https://raw.githubusercontent.com/material-components/material-components-web-components/b1c1ab5230f56f6bce405387b9c75cc7111cacc2/packages/button/images/standard.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/b1c1ab5230f56f6bce405387b9c75cc7111cacc2/packages/button/images/standard_with_icon.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/b919ae5340a9ffc926d328999cc5fe5704922e40/packages/button/images/standard.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/b919ae5340a9ffc926d328999cc5fe5704922e40/packages/button/images/standard_with_icon.png)

@@ -41,4 +41,4 @@ ```html

![](https://raw.githubusercontent.com/material-components/material-components-web-components/b1c1ab5230f56f6bce405387b9c75cc7111cacc2/packages/button/images/outlined.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/b1c1ab5230f56f6bce405387b9c75cc7111cacc2/packages/button/images/outlined_with_icon.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/b919ae5340a9ffc926d328999cc5fe5704922e40/packages/button/images/outlined.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/b919ae5340a9ffc926d328999cc5fe5704922e40/packages/button/images/outlined_with_icon.png)

@@ -58,4 +58,4 @@ ```html

![](https://raw.githubusercontent.com/material-components/material-components-web-components/b1c1ab5230f56f6bce405387b9c75cc7111cacc2/packages/button/images/raised.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/b1c1ab5230f56f6bce405387b9c75cc7111cacc2/packages/button/images/raised_with_icon.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/b919ae5340a9ffc926d328999cc5fe5704922e40/packages/button/images/raised.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/b919ae5340a9ffc926d328999cc5fe5704922e40/packages/button/images/raised_with_icon.png)

@@ -69,4 +69,4 @@ ```html

![](https://raw.githubusercontent.com/material-components/material-components-web-components/b1c1ab5230f56f6bce405387b9c75cc7111cacc2/packages/button/images/unelevated.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/b1c1ab5230f56f6bce405387b9c75cc7111cacc2/packages/button/images/unelevated_with_icon.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/b919ae5340a9ffc926d328999cc5fe5704922e40/packages/button/images/unelevated.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/b919ae5340a9ffc926d328999cc5fe5704922e40/packages/button/images/unelevated_with_icon.png)

@@ -80,4 +80,4 @@ ```html

![](https://raw.githubusercontent.com/material-components/material-components-web-components/b1c1ab5230f56f6bce405387b9c75cc7111cacc2/packages/button/images/dense.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/b1c1ab5230f56f6bce405387b9c75cc7111cacc2/packages/button/images/dense_with_icon.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/b919ae5340a9ffc926d328999cc5fe5704922e40/packages/button/images/dense.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/b919ae5340a9ffc926d328999cc5fe5704922e40/packages/button/images/dense_with_icon.png)

@@ -91,3 +91,3 @@ ```html

![](https://raw.githubusercontent.com/material-components/material-components-web-components/b1c1ab5230f56f6bce405387b9c75cc7111cacc2/packages/button/images/trailing_icon.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/b919ae5340a9ffc926d328999cc5fe5704922e40/packages/button/images/trailing_icon.png)

@@ -100,4 +100,4 @@ ```html

![](https://raw.githubusercontent.com/material-components/material-components-web-components/b1c1ab5230f56f6bce405387b9c75cc7111cacc2/packages/button/images/disabled.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/b1c1ab5230f56f6bce405387b9c75cc7111cacc2/packages/button/images/disabled_with_icon.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/b919ae5340a9ffc926d328999cc5fe5704922e40/packages/button/images/disabled.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/b919ae5340a9ffc926d328999cc5fe5704922e40/packages/button/images/disabled_with_icon.png)

@@ -111,3 +111,3 @@ ```html

![](https://raw.githubusercontent.com/material-components/material-components-web-components/b1c1ab5230f56f6bce405387b9c75cc7111cacc2/packages/button/images/custom_color.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/b919ae5340a9ffc926d328999cc5fe5704922e40/packages/button/images/custom_color.png)

@@ -156,6 +156,6 @@ ```css

| `--mdc-button-outline-width` | `1px` | `width` of the outline of an outlined button and attempts to keep the component size constant.
| `--mdc-button-outline-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b1c1ab5230f56f6bce405387b9c75cc7111cacc2/packages/button/images/color_0,0,0,12.png) | Color of the outline of an outlined element.
| `--mdc-button-disabled-fill-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b1c1ab5230f56f6bce405387b9c75cc7111cacc2/packages/button/images/color_0,0,0,12.png) `rgba(0,0,0,0.12)` | Background fill color of a disabled raised or unelevated button.
| `--mdc-button-disabled-ink-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b1c1ab5230f56f6bce405387b9c75cc7111cacc2/packages/button/images/color_0,0,0,37.png) `rgba(0,0,0,0.37)` | Text color of a disabled button as well as the outline color of a disabled outlined button.
| `--mdc-button-disabled-outline-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b1c1ab5230f56f6bce405387b9c75cc7111cacc2/packages/button/images/color_0,0,0,12.png) | Sets the color of the outline of a disabled outlined button.
| `--mdc-button-outline-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b919ae5340a9ffc926d328999cc5fe5704922e40/packages/button/images/color_0,0,0,12.png) | Color of the outline of an outlined element.
| `--mdc-button-disabled-fill-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b919ae5340a9ffc926d328999cc5fe5704922e40/packages/button/images/color_0,0,0,12.png) `rgba(0,0,0,0.12)` | Background fill color of a disabled raised or unelevated button.
| `--mdc-button-disabled-ink-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b919ae5340a9ffc926d328999cc5fe5704922e40/packages/button/images/color_0,0,0,37.png) `rgba(0,0,0,0.37)` | Text color of a disabled button as well as the outline color of a disabled outlined button.
| `--mdc-button-disabled-outline-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b919ae5340a9ffc926d328999cc5fe5704922e40/packages/button/images/color_0,0,0,12.png) | Sets the color of the outline of a disabled outlined button.
| `--mdc-button-raised-box-shadow` | mdc elevation 2 | Sets the box shadow of the raised button.

@@ -162,0 +162,0 @@ | `--mdc-button-raised-box-shadow-hover` | mdc elevation 4 | Sets the box shadow of the raised button when focused or hovered.

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