@material/mwc-formfield - npm Package Compare versions

Comparing version 0.26.0-canary.6be1a13e.0 to 0.26.0-canary.8067ce28.0

mwc-formfield-base.d.ts

@@ -22,3 +22,4 @@ /**
     protected render(): import("lit-html").TemplateResult<1>;
+    click(): void;
     protected _labelClick(): void;
 }

mwc-formfield-base.js

@@ -11,4 +11,5 @@ /**
 import { observer } from '@material/mwc-base/observer';
-import { html, property, query, queryAssignedNodes } from 'lit-element';
-import { classMap } from 'lit-html/directives/class-map.js';
+import { html } from 'lit';
+import { property, query, queryAssignedNodes } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
 export class FormfieldBase extends BaseElement {
@@ -68,2 +69,5 @@ constructor() {
     }
+    click() {
+        this._labelClick();
+    }
     _labelClick() {
@@ -70,0 +74,0 @@ const input = this.input;

mwc-formfield.css.d.ts

@@ -1,1 +0,1 @@
-export declare const styles: import("lit-element").CSSResult;
+export declare const styles: import("lit").CSSResult;

mwc-formfield.css.js

@@ -6,4 +6,4 @@ /**
  */
-import { css } from 'lit-element';
+import { css } from 'lit';
 export const styles = css `.mdc-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));display:inline-flex;align-items:center;vertical-align:middle}.mdc-form-field>label{margin-left:0;margin-right:auto;padding-left:4px;padding-right:0;order:0}[dir=rtl] .mdc-form-field>label,.mdc-form-field>label[dir=rtl]{margin-left:auto;margin-right:0}[dir=rtl] .mdc-form-field>label,.mdc-form-field>label[dir=rtl]{padding-left:0;padding-right:4px}.mdc-form-field--nowrap>label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.mdc-form-field--align-end>label{margin-left:auto;margin-right:0;padding-left:0;padding-right:4px;order:-1}[dir=rtl] .mdc-form-field--align-end>label,.mdc-form-field--align-end>label[dir=rtl]{margin-left:0;margin-right:auto}[dir=rtl] .mdc-form-field--align-end>label,.mdc-form-field--align-end>label[dir=rtl]{padding-left:4px;padding-right:0}.mdc-form-field--space-between{justify-content:space-between}.mdc-form-field--space-between>label{margin:0}[dir=rtl] .mdc-form-field--space-between>label,.mdc-form-field--space-between>label[dir=rtl]{margin:0}:host{display:inline-flex}.mdc-form-field{width:100%}::slotted(*){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}::slotted(mwc-switch){margin-right:10px}[dir=rtl] ::slotted(mwc-switch),::slotted(mwc-switch[dir=rtl]){margin-left:10px}`;
 //# sourceMappingURL=mwc-formfield.css.js.map

mwc-formfield.d.ts

@@ -13,3 +13,3 @@ /**
 export declare class Formfield extends FormfieldBase {
-    static styles: import("lit-element").CSSResult[];
+    static styles: import("lit").CSSResult[];
 }

mwc-formfield.js

@@ -9,3 +9,3 @@ /**
 // tslint:disable:strip-private-property-underscore
-import { customElement } from 'lit-element';
+import { customElement } from 'lit/decorators.js';
 import { FormfieldBase } from './mwc-formfield-base';
@@ -12,0 +12,0 @@ import { styles } from './mwc-formfield.css';

package.json

 {
   "name": "@material/mwc-formfield",
-  "version": "0.26.0-canary.6be1a13e.0",
+  "version": "0.26.0-canary.8067ce28.0",
   "description": "Material Design formfield web component",
@@ -19,15 +19,14 @@ "keywords": [
   "dependencies": {
-    "@material/form-field": "=13.0.0-canary.65125b3a6.0",
-    "@material/mwc-base": "0.26.0-canary.6be1a13e.0",
-    "lit-element": "^3.0.0",
-    "lit-html": "^2.0.0",
+    "@material/form-field": "=14.0.0-canary.a986df922.0",
+    "@material/mwc-base": "0.26.0-canary.8067ce28.0",
+    "lit": "^2.0.0",
     "tslib": "^2.0.1"
   },
   "devDependencies": {
-    "@material/mwc-checkbox": "0.26.0-canary.6be1a13e.0",
-    "@material/mwc-radio": "0.26.0-canary.6be1a13e.0",
-    "@material/mwc-switch": "0.26.0-canary.6be1a13e.0",
-    "@material/rtl": "=13.0.0-canary.65125b3a6.0",
-    "@material/theme": "=13.0.0-canary.65125b3a6.0",
-    "@material/typography": "=13.0.0-canary.65125b3a6.0"
+    "@material/mwc-checkbox": "0.26.0-canary.8067ce28.0",
+    "@material/mwc-radio": "0.26.0-canary.8067ce28.0",
+    "@material/mwc-switch": "0.26.0-canary.8067ce28.0",
+    "@material/rtl": "=14.0.0-canary.a986df922.0",
+    "@material/theme": "=14.0.0-canary.a986df922.0",
+    "@material/typography": "=14.0.0-canary.a986df922.0"
   },
@@ -40,3 +39,3 @@ "scripts": {
   },
-  "gitHead": "3ceaeaa7e4bf1c68a18e69c841acf156afc64dc3"
+  "gitHead": "a4d0d35b15bd6e7a29375f11c520886e5b9d168e"
 }

README.md

@@ -37,3 +37,3 @@ # `<mwc-formfield>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-formfield.svg)](https://www.npmjs.com/package/@material/mwc-formfield)
 
-<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/3ceaeaa7e4bf1c68a18e69c841acf156afc64dc3/packages/formfield/images/with_checkbox.png" width="105px" height="40px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/a4d0d35b15bd6e7a29375f11c520886e5b9d168e/packages/formfield/images/with_checkbox.png" width="105px" height="40px">
 
@@ -53,3 +53,3 @@ ```html
 
-<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/3ceaeaa7e4bf1c68a18e69c841acf156afc64dc3/packages/formfield/images/nowrap.png" width="150px" height="40px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/a4d0d35b15bd6e7a29375f11c520886e5b9d168e/packages/formfield/images/nowrap.png" width="150px" height="40px">
 
@@ -74,3 +74,3 @@ ```html
 
-<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/3ceaeaa7e4bf1c68a18e69c841acf156afc64dc3/packages/formfield/images/with_radio.png" width="94px" height="80px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/a4d0d35b15bd6e7a29375f11c520886e5b9d168e/packages/formfield/images/with_radio.png" width="94px" height="80px">
 
@@ -100,3 +100,3 @@ ```html
 
-<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/3ceaeaa7e4bf1c68a18e69c841acf156afc64dc3/packages/formfield/images/with_switch.png" width="160px" height="48px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/a4d0d35b15bd6e7a29375f11c520886e5b9d168e/packages/formfield/images/with_switch.png" width="160px" height="48px">
 
@@ -103,0 +103,0 @@ ```html

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

36190

increased by0.55%

Dependency count

4

decreased by-20%

Lines of code

177

increased by2.91%

Dependency changes

• + Addedlit@^2.0.0

• + Added@material/mwc-base@0.26.0-canary.8067ce28.0(transitive)

• + Addedlit@2.8.0(transitive)

• - Removedlit-element@^3.0.0

• - Removedlit-html@^2.0.0

• - Removed@material/mwc-base@0.26.0-canary.6be1a13e.0(transitive)

• Updated@material/form-field@=14.0.0-canary.a986df922.0

• Updated@material/mwc-base@0.26.0-canary.8067ce28.0