@material/mwc-button
Advanced tools
Comparing version 0.14.0-canary.24f5fa6e.0 to 0.14.0-canary.2f164110.0
@@ -21,3 +21,3 @@ import { __decorate } from "tslib"; | ||
import { html, LitElement, property, query } from 'lit-element'; | ||
import { classMap } from 'lit-html/directives/class-map'; | ||
import { classMap } from 'lit-html/directives/class-map.js'; | ||
export class ButtonBase extends LitElement { | ||
@@ -24,0 +24,0 @@ constructor() { |
{ | ||
"name": "@material/mwc-button", | ||
"version": "0.14.0-canary.24f5fa6e.0", | ||
"version": "0.14.0-canary.2f164110.0", | ||
"description": "", | ||
@@ -18,6 +18,6 @@ "main": "mwc-button.js", | ||
"dependencies": { | ||
"@material/button": "=6.0.0-canary.69edc6e28.0", | ||
"@material/mwc-base": "0.14.0-canary.24f5fa6e.0", | ||
"@material/mwc-icon": "0.14.0-canary.24f5fa6e.0", | ||
"@material/mwc-ripple": "0.14.0-canary.24f5fa6e.0", | ||
"@material/button": "=6.0.0-canary.9372e4939.0", | ||
"@material/mwc-base": "0.14.0-canary.2f164110.0", | ||
"@material/mwc-icon": "0.14.0-canary.2f164110.0", | ||
"@material/mwc-ripple": "0.14.0-canary.2f164110.0", | ||
"lit-element": "^2.2.1", | ||
@@ -30,3 +30,3 @@ "lit-html": "^1.1.2", | ||
}, | ||
"gitHead": "e884595521a6f82f63b8dec96fc4450410e37a09" | ||
"gitHead": "288331a2ec51b59facb4791d01e4d2ba8f4b7cc0" | ||
} |
@@ -20,3 +20,3 @@ # `<mwc-button>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-button.svg)](https://www.npmjs.com/package/@material/mwc-button) | ||
> tooling step is required to resolve *bare module specifiers*, as well as | ||
> transpilation and polyfills for Edge and IE11. See | ||
> transpilation and polyfills for IE11. See | ||
> [here](https://github.com/material-components/material-components-web-components#quick-start) | ||
@@ -29,4 +29,4 @@ > for detailed instructions. | ||
![](https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/button/images/standard.png) | ||
![](https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/button/images/standard_with_icon.png) | ||
![](https://raw.githubusercontent.com/material-components/material-components-web-components/288331a2ec51b59facb4791d01e4d2ba8f4b7cc0/packages/button/images/standard.png) | ||
![](https://raw.githubusercontent.com/material-components/material-components-web-components/288331a2ec51b59facb4791d01e4d2ba8f4b7cc0/packages/button/images/standard_with_icon.png) | ||
@@ -40,4 +40,4 @@ ```html | ||
![](https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/button/images/outlined.png) | ||
![](https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/button/images/outlined_with_icon.png) | ||
![](https://raw.githubusercontent.com/material-components/material-components-web-components/288331a2ec51b59facb4791d01e4d2ba8f4b7cc0/packages/button/images/outlined.png) | ||
![](https://raw.githubusercontent.com/material-components/material-components-web-components/288331a2ec51b59facb4791d01e4d2ba8f4b7cc0/packages/button/images/outlined_with_icon.png) | ||
@@ -51,4 +51,4 @@ ```html | ||
![](https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/button/images/raised.png) | ||
![](https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/button/images/raised_with_icon.png) | ||
![](https://raw.githubusercontent.com/material-components/material-components-web-components/288331a2ec51b59facb4791d01e4d2ba8f4b7cc0/packages/button/images/raised.png) | ||
![](https://raw.githubusercontent.com/material-components/material-components-web-components/288331a2ec51b59facb4791d01e4d2ba8f4b7cc0/packages/button/images/raised_with_icon.png) | ||
@@ -62,4 +62,4 @@ ```html | ||
![](https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/button/images/unelevated.png) | ||
![](https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/button/images/unelevated_with_icon.png) | ||
![](https://raw.githubusercontent.com/material-components/material-components-web-components/288331a2ec51b59facb4791d01e4d2ba8f4b7cc0/packages/button/images/unelevated.png) | ||
![](https://raw.githubusercontent.com/material-components/material-components-web-components/288331a2ec51b59facb4791d01e4d2ba8f4b7cc0/packages/button/images/unelevated_with_icon.png) | ||
@@ -73,4 +73,4 @@ ```html | ||
![](https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/button/images/dense.png) | ||
![](https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/button/images/dense_with_icon.png) | ||
![](https://raw.githubusercontent.com/material-components/material-components-web-components/288331a2ec51b59facb4791d01e4d2ba8f4b7cc0/packages/button/images/dense.png) | ||
![](https://raw.githubusercontent.com/material-components/material-components-web-components/288331a2ec51b59facb4791d01e4d2ba8f4b7cc0/packages/button/images/dense_with_icon.png) | ||
@@ -84,3 +84,3 @@ ```html | ||
![](https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/button/images/trailing_icon.png) | ||
![](https://raw.githubusercontent.com/material-components/material-components-web-components/288331a2ec51b59facb4791d01e4d2ba8f4b7cc0/packages/button/images/trailing_icon.png) | ||
@@ -93,4 +93,4 @@ ```html | ||
![](https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/button/images/disabled.png) | ||
![](https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/button/images/disabled_with_icon.png) | ||
![](https://raw.githubusercontent.com/material-components/material-components-web-components/288331a2ec51b59facb4791d01e4d2ba8f4b7cc0/packages/button/images/disabled.png) | ||
![](https://raw.githubusercontent.com/material-components/material-components-web-components/288331a2ec51b59facb4791d01e4d2ba8f4b7cc0/packages/button/images/disabled_with_icon.png) | ||
@@ -104,3 +104,3 @@ ```html | ||
![](https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/button/images/custom_color.png) | ||
![](https://raw.githubusercontent.com/material-components/material-components-web-components/288331a2ec51b59facb4791d01e4d2ba8f4b7cc0/packages/button/images/custom_color.png) | ||
@@ -146,10 +146,10 @@ ```css | ||
| `--mdc-icon-font` | [`Material Icons`](https://google.github.io/material-design-icons/) | Font to use for the icon. | ||
| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/button/images/color_6200ee.png) `#6200ee` | Background color of the button. | ||
| `--mdc-theme-on-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/button/images/color_ffffff.png) `#ffffff` | Text color of the button. | ||
| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/288331a2ec51b59facb4791d01e4d2ba8f4b7cc0/packages/button/images/color_6200ee.png) `#6200ee` | Background color of the button. | ||
| `--mdc-theme-on-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/288331a2ec51b59facb4791d01e4d2ba8f4b7cc0/packages/button/images/color_ffffff.png) `#ffffff` | Text color of the button. | ||
| `--mdc-button-horizontal-padding` | filled: `16px` outlined: `15px` default: `8px` | Left and right padding of the button label (for outlined buttons the outline width is automatically subtracted). | ||
| `--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/e884595521a6f82f63b8dec96fc4450410e37a09/packages/button/images/color_6200ee.png) `--mdc-theme-primary` | Color of the outline of an outlined element. (Overrides `--mdc-theme-primary`) | ||
| `--mdc-button-disabled-fill-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/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/e884595521a6f82f63b8dec96fc4450410e37a09/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/e884595521a6f82f63b8dec96fc4450410e37a09/packages/button/images/color_0,0,0,37.png) `--mdc-button-disabled-ink-color` | Sets the color of the outline of a disabled outlined button. (Overrides `--mdc-button-disabled-ink-color`) | ||
| `--mdc-button-outline-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/288331a2ec51b59facb4791d01e4d2ba8f4b7cc0/packages/button/images/color_6200ee.png) `--mdc-theme-primary` | Color of the outline of an outlined element. (Overrides `--mdc-theme-primary`) | ||
| `--mdc-button-disabled-fill-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/288331a2ec51b59facb4791d01e4d2ba8f4b7cc0/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/288331a2ec51b59facb4791d01e4d2ba8f4b7cc0/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/288331a2ec51b59facb4791d01e4d2ba8f4b7cc0/packages/button/images/color_0,0,0,37.png) `--mdc-button-disabled-ink-color` | Sets the color of the outline of a disabled outlined button. (Overrides `--mdc-button-disabled-ink-color`) | ||
| `--mdc-button-raised-box-shadow` | mdc elevation 2 | Sets the box shadow of the raised button. | ||
@@ -156,0 +156,0 @@ | `--mdc-button-raised-box-shadow-hover` | mdc elevation 4 | Sets the box shadow of the raised button when focused or hovered. |
@@ -22,3 +22,3 @@ /** | ||
import {html, LitElement, property, query} from 'lit-element'; | ||
import {classMap} from 'lit-html/directives/class-map'; | ||
import {classMap} from 'lit-html/directives/class-map.js'; | ||
@@ -25,0 +25,0 @@ export class ButtonBase extends LitElement { |
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
0
+ Added@material/mwc-base@0.14.0-canary.2f164110.0(transitive)
+ Added@material/mwc-icon@0.14.0-canary.2f164110.0(transitive)
+ Added@material/mwc-ripple@0.14.0-canary.2f164110.0(transitive)
- Removed@material/mwc-base@0.14.0-canary.24f5fa6e.0(transitive)
- Removed@material/mwc-icon@0.14.0-canary.24f5fa6e.0(transitive)
- Removed@material/mwc-ripple@0.14.0-canary.24f5fa6e.0(transitive)