@material/mwc-checkbox - npm Package Compare versions

Comparing version 0.23.0-canary.c180db74.0 to 0.23.0-canary.c527e93b.0

mwc-checkbox-base.d.ts

@@ -18,3 +18,3 @@ /**
     disabled: boolean;
-    name?: string;
+    name: string;
     value: string;
@@ -36,3 +36,2 @@ /** @soyPrefixAttribute */
     protected focused: boolean;
-    protected useStateLayerCustomProperties: boolean;
     ripple: Promise<Ripple | null>;
@@ -48,2 +47,4 @@ protected mdcFoundationClass: undefined;
     protected renderRipple(): TemplateResult | string;
+    /** @soyTemplate */
+    protected renderRippleTemplate(): TemplateResult;
     /**
@@ -55,2 +56,3 @@ * @soyTemplate
     protected render(): TemplateResult;
+    protected setFormData(formData: FormData): void;
     protected handleFocus(): void;
@@ -57,0 +59,0 @@ protected handleBlur(): void;

mwc-checkbox-base.js

@@ -23,3 +23,4 @@ /**
         this.disabled = false;
-        this.value = '';
+        this.name = '';
+        this.value = 'on';
         /**
@@ -34,3 +35,2 @@ * Touch target extends beyond visual boundary of a component by default.
         this.focused = false;
-        this.useStateLayerCustomProperties = false;
         // MDC Foundation is unused
@@ -78,7 +78,9 @@ this.mdcFoundationClass = undefined;
     renderRipple() {
-        return this.shouldRenderRipple ? html `<mwc-ripple
+        return this.shouldRenderRipple ? this.renderRippleTemplate() : '';
+    }
+    /** @soyTemplate */
+    renderRippleTemplate() {
+        return html `<mwc-ripple
         .disabled="${this.disabled}"
-        .internalUseStateLayerCustomProperties="${this.useStateLayerCustomProperties}"
-        unbounded></mwc-ripple>` :
-            '';
+        unbounded></mwc-ripple>`;
     }
@@ -147,2 +149,7 @@ /**
     }
+    setFormData(formData) {
+        if (this.name && this.checked) {
+            formData.append(this.name, this.value);
+        }
+    }
     handleFocus() {
@@ -240,5 +247,2 @@ this.focused = true;
 __decorate([
-    state()
-], CheckboxBase.prototype, "useStateLayerCustomProperties", void 0);
-__decorate([
     queryAsync('mwc-ripple')
@@ -245,0 +249,0 @@ ], CheckboxBase.prototype, "ripple", void 0);

package.json

 {
   "name": "@material/mwc-checkbox",
-  "version": "0.23.0-canary.c180db74.0",
+  "version": "0.23.0-canary.c527e93b.0",
   "description": "Material Design checkbox web component",
@@ -19,4 +19,4 @@ "keywords": [
   "dependencies": {
-    "@material/mwc-base": "0.23.0-canary.c180db74.0",
-    "@material/mwc-ripple": "0.23.0-canary.c180db74.0",
+    "@material/mwc-base": "0.23.0-canary.c527e93b.0",
+    "@material/mwc-ripple": "0.23.0-canary.c527e93b.0",
     "lit-element": "^2.5.1",
@@ -30,5 +30,5 @@ "lit-html": "^1.4.1",
   "devDependencies": {
-    "@material/checkbox": "=12.0.0-canary.9f68a932e.0",
-    "@material/theme": "=12.0.0-canary.9f68a932e.0",
-    "@material/touch-target": "=12.0.0-canary.9f68a932e.0"
+    "@material/checkbox": "=13.0.0-canary.b47dd37a6.0",
+    "@material/theme": "=13.0.0-canary.b47dd37a6.0",
+    "@material/touch-target": "=13.0.0-canary.b47dd37a6.0"
   },
@@ -38,3 +38,3 @@ "publishConfig": {
   },
-  "gitHead": "33c53eb23c6f331885c1a70223139ee7e69ae97a"
+  "gitHead": "5f7d2f863731a86414f3b6d188833c46053b72c5"
 }

README.md

@@ -30,3 +30,3 @@ # `<mwc-checkbox>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-checkbox.svg)](https://www.npmjs.com/package/@material/mwc-checkbox)
 
-<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/33c53eb23c6f331885c1a70223139ee7e69ae97a/packages/checkbox/images/checked.png" width="29px" height="29px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/5f7d2f863731a86414f3b6d188833c46053b72c5/packages/checkbox/images/checked.png" width="29px" height="29px">
 
@@ -48,3 +48,3 @@ ```html
 
-<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/33c53eb23c6f331885c1a70223139ee7e69ae97a/packages/checkbox/images/standard_disabled.png" height="80px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/5f7d2f863731a86414f3b6d188833c46053b72c5/packages/checkbox/images/standard_disabled.png" height="80px">
 
@@ -67,3 +67,3 @@ ```html
 
-<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/33c53eb23c6f331885c1a70223139ee7e69ae97a/packages/checkbox/images/styled_standard_disabled.png" height="80px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/5f7d2f863731a86414f3b6d188833c46053b72c5/packages/checkbox/images/styled_standard_disabled.png" height="80px">
 
@@ -103,3 +103,3 @@ ```html
 
-<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/33c53eb23c6f331885c1a70223139ee7e69ae97a/packages/checkbox/images/formfield.png" width="132px" height="123px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/5f7d2f863731a86414f3b6d188833c46053b72c5/packages/checkbox/images/formfield.png" width="132px" height="123px">
 
@@ -161,5 +161,5 @@ ```html
 -------------------------------- | ------------------------------------------------------------- | -----------
-`--mdc-checkbox-ink-color`       | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/33c53eb23c6f331885c1a70223139ee7e69ae97a/packages/checkbox/images/color_fff.png) `#fff`                     | Color of mark inside a `checked` or `indeterminate` checkbox (enabled or disabled).
-`--mdc-checkbox-unchecked-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/33c53eb23c6f331885c1a70223139ee7e69ae97a/packages/checkbox/images/color_0,0,0,54.png) `rgba(0, 0, 0, 0.54)` | Color of the unchecked box.
-`--mdc-checkbox-disabled-color`  | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/33c53eb23c6f331885c1a70223139ee7e69ae97a/packages/checkbox/images/color_0,0,0,38.png) `rgba(0, 0, 0, 0.38)` | Color of the checkbox box and fill when disabled.
+`--mdc-checkbox-ink-color`       | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/5f7d2f863731a86414f3b6d188833c46053b72c5/packages/checkbox/images/color_fff.png) `#fff`                     | Color of mark inside a `checked` or `indeterminate` checkbox (enabled or disabled).
+`--mdc-checkbox-unchecked-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/5f7d2f863731a86414f3b6d188833c46053b72c5/packages/checkbox/images/color_0,0,0,54.png) `rgba(0, 0, 0, 0.54)` | Color of the unchecked box.
+`--mdc-checkbox-disabled-color`  | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/5f7d2f863731a86414f3b6d188833c46053b72c5/packages/checkbox/images/color_0,0,0,38.png) `rgba(0, 0, 0, 0.38)` | Color of the checkbox box and fill when disabled.
 
@@ -166,0 +166,0 @@ #### Global Custom Properties

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

83259

increased by0.37%

Lines of code

413

increased by1.47%

Dependency changes

• + Added@material/mwc-base@0.23.0-canary.c527e93b.0(transitive)

• + Added@material/mwc-ripple@0.23.0-canary.c527e93b.0(transitive)

• - Removed@material/mwc-base@0.23.0-canary.c180db74.0(transitive)

• - Removed@material/mwc-ripple@0.23.0-canary.c180db74.0(transitive)

• Updated@material/mwc-base@0.23.0-canary.c527e93b.0

• Updated@material/mwc-ripple@0.23.0-canary.c527e93b.0