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.24.0-canary.9830d665.0 to 0.24.0-canary.b5e665a9.0

2

mwc-button-base.d.ts

@@ -38,3 +38,3 @@ /**

/** @soyTemplate classMap */
protected getRenderClasses(): (part: import("lit-html").Part) => void;
protected getRenderClasses(): import("lit-html/directive").DirectiveResult<typeof import("lit-html/directives/class-map.js").ClassMapDirective>;
/**

@@ -41,0 +41,0 @@ * @soyTemplate

@@ -14,4 +14,4 @@ /**

import { eventOptions, html, LitElement, property, query, queryAsync, state } from 'lit-element';
import { classMap } from 'lit-html/directives/class-map';
import { ifDefined } from 'lit-html/directives/if-defined';
import { classMap } from 'lit-html/directives/class-map.js';
import { ifDefined } from 'lit-html/directives/if-defined.js';
/** @soyCompatible */

@@ -18,0 +18,0 @@ export class ButtonBase extends LitElement {

{
"name": "@material/mwc-button",
"version": "0.24.0-canary.9830d665.0",
"version": "0.24.0-canary.b5e665a9.0",
"description": "Material Design button web component",

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

"dependencies": {
"@material/mwc-icon": "0.24.0-canary.9830d665.0",
"@material/mwc-ripple": "0.24.0-canary.9830d665.0",
"lit-element": "^2.5.1",
"lit-html": "^1.4.1",
"@material/mwc-icon": "0.24.0-canary.b5e665a9.0",
"@material/mwc-ripple": "0.24.0-canary.b5e665a9.0",
"lit-element": "3.0.0-rc.4",
"lit-html": "2.0.0-rc.5",
"tslib": "^2.0.1"

@@ -30,7 +30,7 @@ },

"devDependencies": {
"@material/button": "=13.0.0-canary.864798678.0",
"@material/elevation": "=13.0.0-canary.864798678.0",
"@material/ripple": "=13.0.0-canary.864798678.0",
"@material/shape": "=13.0.0-canary.864798678.0",
"@material/theme": "=13.0.0-canary.864798678.0"
"@material/button": "=13.0.0-canary.818f4ee93.0",
"@material/elevation": "=13.0.0-canary.818f4ee93.0",
"@material/ripple": "=13.0.0-canary.818f4ee93.0",
"@material/shape": "=13.0.0-canary.818f4ee93.0",
"@material/theme": "=13.0.0-canary.818f4ee93.0"
},

@@ -40,3 +40,3 @@ "publishConfig": {

},
"gitHead": "964716e9985c1d08cbf280a6c7a4093be800c67d"
"gitHead": "1098b7010fbefe404afd06dfc30b7b30db59b092"
}

@@ -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/964716e9985c1d08cbf280a6c7a4093be800c67d/packages/button/images/standard.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/964716e9985c1d08cbf280a6c7a4093be800c67d/packages/button/images/standard_with_icon.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/1098b7010fbefe404afd06dfc30b7b30db59b092/packages/button/images/standard.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/1098b7010fbefe404afd06dfc30b7b30db59b092/packages/button/images/standard_with_icon.png)

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

![](https://raw.githubusercontent.com/material-components/material-components-web-components/964716e9985c1d08cbf280a6c7a4093be800c67d/packages/button/images/outlined.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/964716e9985c1d08cbf280a6c7a4093be800c67d/packages/button/images/outlined_with_icon.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/1098b7010fbefe404afd06dfc30b7b30db59b092/packages/button/images/outlined.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/1098b7010fbefe404afd06dfc30b7b30db59b092/packages/button/images/outlined_with_icon.png)

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

![](https://raw.githubusercontent.com/material-components/material-components-web-components/964716e9985c1d08cbf280a6c7a4093be800c67d/packages/button/images/raised.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/964716e9985c1d08cbf280a6c7a4093be800c67d/packages/button/images/raised_with_icon.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/1098b7010fbefe404afd06dfc30b7b30db59b092/packages/button/images/raised.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/1098b7010fbefe404afd06dfc30b7b30db59b092/packages/button/images/raised_with_icon.png)

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

![](https://raw.githubusercontent.com/material-components/material-components-web-components/964716e9985c1d08cbf280a6c7a4093be800c67d/packages/button/images/unelevated.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/964716e9985c1d08cbf280a6c7a4093be800c67d/packages/button/images/unelevated_with_icon.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/1098b7010fbefe404afd06dfc30b7b30db59b092/packages/button/images/unelevated.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/1098b7010fbefe404afd06dfc30b7b30db59b092/packages/button/images/unelevated_with_icon.png)

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

![](https://raw.githubusercontent.com/material-components/material-components-web-components/964716e9985c1d08cbf280a6c7a4093be800c67d/packages/button/images/dense.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/964716e9985c1d08cbf280a6c7a4093be800c67d/packages/button/images/dense_with_icon.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/1098b7010fbefe404afd06dfc30b7b30db59b092/packages/button/images/dense.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/1098b7010fbefe404afd06dfc30b7b30db59b092/packages/button/images/dense_with_icon.png)

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

![](https://raw.githubusercontent.com/material-components/material-components-web-components/964716e9985c1d08cbf280a6c7a4093be800c67d/packages/button/images/trailing_icon.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/1098b7010fbefe404afd06dfc30b7b30db59b092/packages/button/images/trailing_icon.png)

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

![](https://raw.githubusercontent.com/material-components/material-components-web-components/964716e9985c1d08cbf280a6c7a4093be800c67d/packages/button/images/disabled.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/964716e9985c1d08cbf280a6c7a4093be800c67d/packages/button/images/disabled_with_icon.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/1098b7010fbefe404afd06dfc30b7b30db59b092/packages/button/images/disabled.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/1098b7010fbefe404afd06dfc30b7b30db59b092/packages/button/images/disabled_with_icon.png)

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

![](https://raw.githubusercontent.com/material-components/material-components-web-components/964716e9985c1d08cbf280a6c7a4093be800c67d/packages/button/images/custom_color.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/1098b7010fbefe404afd06dfc30b7b30db59b092/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/964716e9985c1d08cbf280a6c7a4093be800c67d/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/964716e9985c1d08cbf280a6c7a4093be800c67d/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/964716e9985c1d08cbf280a6c7a4093be800c67d/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/964716e9985c1d08cbf280a6c7a4093be800c67d/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/1098b7010fbefe404afd06dfc30b7b30db59b092/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/1098b7010fbefe404afd06dfc30b7b30db59b092/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/1098b7010fbefe404afd06dfc30b7b30db59b092/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/1098b7010fbefe404afd06dfc30b7b30db59b092/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.

Sorry, the diff of this file is not supported yet

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