@material/mwc-button - npm Package Compare versions

Comparing version 0.24.0-canary.cd9110cd.0 to 0.24.0-canary.f2ea80c4.0

mwc-button-base.d.ts

@@ -12,2 +12,3 @@ /**
 import { LitElement, TemplateResult } from 'lit-element';
+import { ClassInfo } from 'lit-html/directives/class-map.js';
 /** @soyCompatible */
@@ -38,4 +39,4 @@ export declare class ButtonBase extends LitElement {
     blur(): void;
-    /** @soyTemplate classMap */
-    protected getRenderClasses(): import("lit-html/directive").DirectiveResult<typeof import("lit-html/directives/class-map.js").ClassMapDirective>;
+    /** @soyTemplate */
+    protected getRenderClasses(): ClassInfo;
     /**
@@ -42,0 +43,0 @@ * @soyTemplate

mwc-button-base.js

@@ -61,5 +61,5 @@ /**
     }
-    /** @soyTemplate classMap */
+    /** @soyTemplate */
     getRenderClasses() {
-        return classMap({
+        return {
             'mdc-button--raised': this.raised,
@@ -69,3 +69,3 @@ 'mdc-button--unelevated': this.unelevated,
             'mdc-button--dense': this.dense,
-        });
+        };
     }
@@ -81,3 +81,3 @@ /**
           id="button"
-          class="mdc-button ${this.getRenderClasses()}"
+          class="mdc-button ${classMap(this.getRenderClasses())}"
           ?disabled="${this.disabled}"
@@ -84,0 +84,0 @@ aria-label="${this.label || this.icon}"

package.json

 {
   "name": "@material/mwc-button",
-  "version": "0.24.0-canary.cd9110cd.0",
+  "version": "0.24.0-canary.f2ea80c4.0",
   "description": "Material Design button web component",
@@ -19,4 +19,4 @@ "keywords": [
   "dependencies": {
-    "@material/mwc-icon": "0.24.0-canary.cd9110cd.0",
-    "@material/mwc-ripple": "0.24.0-canary.cd9110cd.0",
+    "@material/mwc-icon": "0.24.0-canary.f2ea80c4.0",
+    "@material/mwc-ripple": "0.24.0-canary.f2ea80c4.0",
     "lit-element": "3.0.0-rc.4",
@@ -30,7 +30,7 @@ "lit-html": "2.0.0-rc.5",
   "devDependencies": {
-    "@material/button": "=13.0.0-canary.d4e16a6c4.0",
-    "@material/elevation": "=13.0.0-canary.d4e16a6c4.0",
-    "@material/ripple": "=13.0.0-canary.d4e16a6c4.0",
-    "@material/shape": "=13.0.0-canary.d4e16a6c4.0",
-    "@material/theme": "=13.0.0-canary.d4e16a6c4.0"
+    "@material/button": "=13.0.0-canary.65125b3a6.0",
+    "@material/elevation": "=13.0.0-canary.65125b3a6.0",
+    "@material/ripple": "=13.0.0-canary.65125b3a6.0",
+    "@material/shape": "=13.0.0-canary.65125b3a6.0",
+    "@material/theme": "=13.0.0-canary.65125b3a6.0"
   },
@@ -40,3 +40,3 @@ "publishConfig": {
   },
-  "gitHead": "fe7dab0d93d6598d6a6c08de182cb7e3245f26b4"
+  "gitHead": "be75dd39a03705b3cc24c5614f2c7f2be7c3c93e"
 }

README.md

@@ -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/fe7dab0d93d6598d6a6c08de182cb7e3245f26b4/packages/button/images/standard.png)
-![](https://raw.githubusercontent.com/material-components/material-components-web-components/fe7dab0d93d6598d6a6c08de182cb7e3245f26b4/packages/button/images/standard_with_icon.png)
+![](https://raw.githubusercontent.com/material-components/material-components-web-components/be75dd39a03705b3cc24c5614f2c7f2be7c3c93e/packages/button/images/standard.png)
+![](https://raw.githubusercontent.com/material-components/material-components-web-components/be75dd39a03705b3cc24c5614f2c7f2be7c3c93e/packages/button/images/standard_with_icon.png)
 
@@ -41,4 +41,4 @@ ```html
 
-![](https://raw.githubusercontent.com/material-components/material-components-web-components/fe7dab0d93d6598d6a6c08de182cb7e3245f26b4/packages/button/images/outlined.png)
-![](https://raw.githubusercontent.com/material-components/material-components-web-components/fe7dab0d93d6598d6a6c08de182cb7e3245f26b4/packages/button/images/outlined_with_icon.png)
+![](https://raw.githubusercontent.com/material-components/material-components-web-components/be75dd39a03705b3cc24c5614f2c7f2be7c3c93e/packages/button/images/outlined.png)
+![](https://raw.githubusercontent.com/material-components/material-components-web-components/be75dd39a03705b3cc24c5614f2c7f2be7c3c93e/packages/button/images/outlined_with_icon.png)
 
@@ -58,4 +58,4 @@ ```html
 
-![](https://raw.githubusercontent.com/material-components/material-components-web-components/fe7dab0d93d6598d6a6c08de182cb7e3245f26b4/packages/button/images/raised.png)
-![](https://raw.githubusercontent.com/material-components/material-components-web-components/fe7dab0d93d6598d6a6c08de182cb7e3245f26b4/packages/button/images/raised_with_icon.png)
+![](https://raw.githubusercontent.com/material-components/material-components-web-components/be75dd39a03705b3cc24c5614f2c7f2be7c3c93e/packages/button/images/raised.png)
+![](https://raw.githubusercontent.com/material-components/material-components-web-components/be75dd39a03705b3cc24c5614f2c7f2be7c3c93e/packages/button/images/raised_with_icon.png)
 
@@ -69,4 +69,4 @@ ```html
 
-![](https://raw.githubusercontent.com/material-components/material-components-web-components/fe7dab0d93d6598d6a6c08de182cb7e3245f26b4/packages/button/images/unelevated.png)
-![](https://raw.githubusercontent.com/material-components/material-components-web-components/fe7dab0d93d6598d6a6c08de182cb7e3245f26b4/packages/button/images/unelevated_with_icon.png)
+![](https://raw.githubusercontent.com/material-components/material-components-web-components/be75dd39a03705b3cc24c5614f2c7f2be7c3c93e/packages/button/images/unelevated.png)
+![](https://raw.githubusercontent.com/material-components/material-components-web-components/be75dd39a03705b3cc24c5614f2c7f2be7c3c93e/packages/button/images/unelevated_with_icon.png)
 
@@ -80,4 +80,4 @@ ```html
 
-![](https://raw.githubusercontent.com/material-components/material-components-web-components/fe7dab0d93d6598d6a6c08de182cb7e3245f26b4/packages/button/images/dense.png)
-![](https://raw.githubusercontent.com/material-components/material-components-web-components/fe7dab0d93d6598d6a6c08de182cb7e3245f26b4/packages/button/images/dense_with_icon.png)
+![](https://raw.githubusercontent.com/material-components/material-components-web-components/be75dd39a03705b3cc24c5614f2c7f2be7c3c93e/packages/button/images/dense.png)
+![](https://raw.githubusercontent.com/material-components/material-components-web-components/be75dd39a03705b3cc24c5614f2c7f2be7c3c93e/packages/button/images/dense_with_icon.png)
 
@@ -91,3 +91,3 @@ ```html
 
-![](https://raw.githubusercontent.com/material-components/material-components-web-components/fe7dab0d93d6598d6a6c08de182cb7e3245f26b4/packages/button/images/trailing_icon.png)
+![](https://raw.githubusercontent.com/material-components/material-components-web-components/be75dd39a03705b3cc24c5614f2c7f2be7c3c93e/packages/button/images/trailing_icon.png)
 
@@ -100,4 +100,4 @@ ```html
 
-![](https://raw.githubusercontent.com/material-components/material-components-web-components/fe7dab0d93d6598d6a6c08de182cb7e3245f26b4/packages/button/images/disabled.png)
-![](https://raw.githubusercontent.com/material-components/material-components-web-components/fe7dab0d93d6598d6a6c08de182cb7e3245f26b4/packages/button/images/disabled_with_icon.png)
+![](https://raw.githubusercontent.com/material-components/material-components-web-components/be75dd39a03705b3cc24c5614f2c7f2be7c3c93e/packages/button/images/disabled.png)
+![](https://raw.githubusercontent.com/material-components/material-components-web-components/be75dd39a03705b3cc24c5614f2c7f2be7c3c93e/packages/button/images/disabled_with_icon.png)
 
@@ -111,3 +111,3 @@ ```html
 
-![](https://raw.githubusercontent.com/material-components/material-components-web-components/fe7dab0d93d6598d6a6c08de182cb7e3245f26b4/packages/button/images/custom_color.png)
+![](https://raw.githubusercontent.com/material-components/material-components-web-components/be75dd39a03705b3cc24c5614f2c7f2be7c3c93e/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/fe7dab0d93d6598d6a6c08de182cb7e3245f26b4/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/fe7dab0d93d6598d6a6c08de182cb7e3245f26b4/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/fe7dab0d93d6598d6a6c08de182cb7e3245f26b4/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/fe7dab0d93d6598d6a6c08de182cb7e3245f26b4/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/be75dd39a03705b3cc24c5614f2c7f2be7c3c93e/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/be75dd39a03705b3cc24c5614f2c7f2be7c3c93e/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/be75dd39a03705b3cc24c5614f2c7f2be7c3c93e/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/be75dd39a03705b3cc24c5614f2c7f2be7c3c93e/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.

No alert changes

Improved metrics

Lines of code

333

increased by0.3%

Worsened metrics

Total package byte prevSize

79992

decreased by-0.05%

Dependency changes

• + Added@material/mwc-base@0.24.0-canary.f2ea80c4.0(transitive)

• + Added@material/mwc-icon@0.24.0-canary.f2ea80c4.0(transitive)

• + Added@material/mwc-ripple@0.24.0-canary.f2ea80c4.0(transitive)

• - Removed@material/[e-mail]9110cd.0(transitive)

• - Removed@material/[e-mail]9110cd.0(transitive)

• - Removed@material/[e-mail]9110cd.0(transitive)

• Updated@material/mwc-icon@0.24.0-canary.f2ea80c4.0

• Updated@material/mwc-ripple@0.24.0-canary.f2ea80c4.0