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

@material/mwc-button

Package Overview
Dependencies
Maintainers
15
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.26.0 to 0.26.1

12

mwc-button-base.d.ts

@@ -6,9 +6,9 @@ /**

*/
import '@material/mwc-icon/mwc-icon';
import '@material/mwc-ripple/mwc-ripple';
import { AriaHasPopup } from '@material/mwc-base/aria-property';
import { Ripple } from '@material/mwc-ripple/mwc-ripple';
import { RippleHandlers } from '@material/mwc-ripple/ripple-handlers';
import '@material/mwc-icon/mwc-icon.js';
import '@material/mwc-ripple/mwc-ripple.js';
import { AriaHasPopup } from '@material/mwc-base/aria-property.js';
import { Ripple } from '@material/mwc-ripple/mwc-ripple.js';
import { RippleHandlers } from '@material/mwc-ripple/ripple-handlers.js';
import { LitElement, TemplateResult } from 'lit';
import { ClassInfo } from 'lit/directives/class-map';
import { ClassInfo } from 'lit/directives/class-map.js';
/** @soyCompatible */

@@ -15,0 +15,0 @@ export declare class ButtonBase extends LitElement {

@@ -9,10 +9,10 @@ /**

// tslint:disable:strip-private-property-underscore
import '@material/mwc-icon/mwc-icon';
import '@material/mwc-ripple/mwc-ripple';
import { ariaProperty } from '@material/mwc-base/aria-property';
import { RippleHandlers } from '@material/mwc-ripple/ripple-handlers';
import '@material/mwc-icon/mwc-icon.js';
import '@material/mwc-ripple/mwc-ripple.js';
import { ariaProperty } from '@material/mwc-base/aria-property.js';
import { RippleHandlers } from '@material/mwc-ripple/ripple-handlers.js';
import { html, LitElement } from 'lit';
import { eventOptions, property, query, queryAsync, state } from 'lit/decorators';
import { classMap } from 'lit/directives/class-map';
import { ifDefined } from 'lit/directives/if-defined';
import { eventOptions, property, query, queryAsync, state } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
import { ifDefined } from 'lit/directives/if-defined.js';
/** @soyCompatible */

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

@@ -6,3 +6,3 @@ /**

*/
import { ButtonBase } from './mwc-button-base';
import { ButtonBase } from './mwc-button-base.js';
/** @soyCompatible */

@@ -9,0 +9,0 @@ export declare class Button extends ButtonBase {

@@ -9,5 +9,5 @@ /**

// tslint:disable:strip-private-property-underscore
import { customElement } from 'lit/decorators';
import { ButtonBase } from './mwc-button-base';
import { styles } from './styles.css';
import { customElement } from 'lit/decorators.js';
import { ButtonBase } from './mwc-button-base.js';
import { styles } from './styles.css.js';
/** @soyCompatible */

@@ -14,0 +14,0 @@ let Button = class Button extends ButtonBase {

{
"name": "@material/mwc-button",
"version": "0.26.0",
"version": "0.26.1",
"description": "Material Design button web component",

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

"dependencies": {
"@material/mwc-icon": "^0.26.0",
"@material/mwc-ripple": "^0.26.0",
"@material/mwc-icon": "^0.26.1",
"@material/mwc-ripple": "^0.26.1",
"lit": "^2.0.0",

@@ -29,7 +29,7 @@ "tslib": "^2.0.1"

"devDependencies": {
"@material/button": "=14.0.0",
"@material/elevation": "=14.0.0",
"@material/ripple": "=14.0.0",
"@material/shape": "=14.0.0",
"@material/theme": "=14.0.0"
"@material/button": "=14.0.0-canary.53b3cad2f.0",
"@material/elevation": "=14.0.0-canary.53b3cad2f.0",
"@material/ripple": "=14.0.0-canary.53b3cad2f.0",
"@material/shape": "=14.0.0-canary.53b3cad2f.0",
"@material/theme": "=14.0.0-canary.53b3cad2f.0"
},

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

},
"gitHead": "056b3ceffbe2fe3408dbdbb319932da85637e779"
"gitHead": "06b516b7f91867acd0cbe5676767aea8f490cbee"
}

@@ -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/056b3ceffbe2fe3408dbdbb319932da85637e779/packages/button/images/standard.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/056b3ceffbe2fe3408dbdbb319932da85637e779/packages/button/images/standard_with_icon.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/06b516b7f91867acd0cbe5676767aea8f490cbee/packages/button/images/standard.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/06b516b7f91867acd0cbe5676767aea8f490cbee/packages/button/images/standard_with_icon.png)

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

![](https://raw.githubusercontent.com/material-components/material-components-web-components/056b3ceffbe2fe3408dbdbb319932da85637e779/packages/button/images/outlined.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/056b3ceffbe2fe3408dbdbb319932da85637e779/packages/button/images/outlined_with_icon.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/06b516b7f91867acd0cbe5676767aea8f490cbee/packages/button/images/outlined.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/06b516b7f91867acd0cbe5676767aea8f490cbee/packages/button/images/outlined_with_icon.png)

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

![](https://raw.githubusercontent.com/material-components/material-components-web-components/056b3ceffbe2fe3408dbdbb319932da85637e779/packages/button/images/raised.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/056b3ceffbe2fe3408dbdbb319932da85637e779/packages/button/images/raised_with_icon.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/06b516b7f91867acd0cbe5676767aea8f490cbee/packages/button/images/raised.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/06b516b7f91867acd0cbe5676767aea8f490cbee/packages/button/images/raised_with_icon.png)

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

![](https://raw.githubusercontent.com/material-components/material-components-web-components/056b3ceffbe2fe3408dbdbb319932da85637e779/packages/button/images/unelevated.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/056b3ceffbe2fe3408dbdbb319932da85637e779/packages/button/images/unelevated_with_icon.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/06b516b7f91867acd0cbe5676767aea8f490cbee/packages/button/images/unelevated.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/06b516b7f91867acd0cbe5676767aea8f490cbee/packages/button/images/unelevated_with_icon.png)

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

![](https://raw.githubusercontent.com/material-components/material-components-web-components/056b3ceffbe2fe3408dbdbb319932da85637e779/packages/button/images/dense.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/056b3ceffbe2fe3408dbdbb319932da85637e779/packages/button/images/dense_with_icon.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/06b516b7f91867acd0cbe5676767aea8f490cbee/packages/button/images/dense.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/06b516b7f91867acd0cbe5676767aea8f490cbee/packages/button/images/dense_with_icon.png)

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

![](https://raw.githubusercontent.com/material-components/material-components-web-components/056b3ceffbe2fe3408dbdbb319932da85637e779/packages/button/images/trailing_icon.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/06b516b7f91867acd0cbe5676767aea8f490cbee/packages/button/images/trailing_icon.png)

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

![](https://raw.githubusercontent.com/material-components/material-components-web-components/056b3ceffbe2fe3408dbdbb319932da85637e779/packages/button/images/disabled.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/056b3ceffbe2fe3408dbdbb319932da85637e779/packages/button/images/disabled_with_icon.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/06b516b7f91867acd0cbe5676767aea8f490cbee/packages/button/images/disabled.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/06b516b7f91867acd0cbe5676767aea8f490cbee/packages/button/images/disabled_with_icon.png)

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

![](https://raw.githubusercontent.com/material-components/material-components-web-components/056b3ceffbe2fe3408dbdbb319932da85637e779/packages/button/images/custom_color.png)
![](https://raw.githubusercontent.com/material-components/material-components-web-components/06b516b7f91867acd0cbe5676767aea8f490cbee/packages/button/images/custom_color.png)

@@ -157,6 +157,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/056b3ceffbe2fe3408dbdbb319932da85637e779/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/056b3ceffbe2fe3408dbdbb319932da85637e779/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/056b3ceffbe2fe3408dbdbb319932da85637e779/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/056b3ceffbe2fe3408dbdbb319932da85637e779/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/06b516b7f91867acd0cbe5676767aea8f490cbee/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/06b516b7f91867acd0cbe5676767aea8f490cbee/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/06b516b7f91867acd0cbe5676767aea8f490cbee/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/06b516b7f91867acd0cbe5676767aea8f490cbee/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.

@@ -163,0 +163,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

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