@material/mwc-ripple - npm Package Compare versions

Comparing version 0.25.1 to 0.25.2

mwc-ripple-base.d.ts

@@ -10,3 +10,3 @@ /**
 import MDCRippleFoundation from '@material/ripple/foundation';
-import { PropertyValues, TemplateResult } from 'lit-element';
+import { PropertyValues, TemplateResult } from 'lit';
 /** @soyCompatible */
@@ -13,0 +13,0 @@ export declare class RippleBase extends BaseElement implements RippleInterface {

mwc-ripple-base.js

@@ -12,5 +12,6 @@ /**
 import MDCRippleFoundation from '@material/ripple/foundation';
-import { html, property, query, state } from 'lit-element';
-import { classMap } from 'lit-html/directives/class-map.js';
-import { styleMap } from 'lit-html/directives/style-map.js';
+import { html } from 'lit';
+import { property, query, state } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { styleMap } from 'lit/directives/style-map.js';
 /** @soyCompatible */
@@ -17,0 +18,0 @@ export class RippleBase extends BaseElement {

mwc-ripple.d.ts

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

mwc-ripple.js

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

package.json

 {
   "name": "@material/mwc-ripple",
-  "version": "0.25.1",
+  "version": "0.25.2",
   "description": "Material Design ripple web component",
@@ -19,11 +19,10 @@ "keywords": [
   "dependencies": {
-    "@material/dom": "=13.0.0-canary.65125b3a6.0",
-    "@material/mwc-base": "^0.25.1",
-    "@material/ripple": "=13.0.0-canary.65125b3a6.0",
-    "lit-element": "^3.0.0",
-    "lit-html": "^2.0.0",
+    "@material/dom": "=14.0.0-canary.353ca7e9f.0",
+    "@material/mwc-base": "^0.25.2",
+    "@material/ripple": "=14.0.0-canary.353ca7e9f.0",
+    "lit": "^2.0.0",
     "tslib": "^2.0.1"
   },
   "devDependencies": {
-    "@material/theme": "=13.0.0-canary.65125b3a6.0"
+    "@material/theme": "=14.0.0-canary.353ca7e9f.0"
   },
@@ -36,3 +35,3 @@ "scripts": {
   },
-  "gitHead": "b1c1ab5230f56f6bce405387b9c75cc7111cacc2"
+  "gitHead": "c3aa844c2a09ff9868820ce946f25f9df7714560"
 }

README.md

@@ -30,3 +30,3 @@ # `<mwc-ripple>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-button.svg)](https://www.npmjs.com/package/@material/mwc-ripple)
 
-![](https://raw.githubusercontent.com/material-components/material-components-web-components/b1c1ab5230f56f6bce405387b9c75cc7111cacc2/packages/ripple/images/standard.gif)
+![](https://raw.githubusercontent.com/material-components/material-components-web-components/c3aa844c2a09ff9868820ce946f25f9df7714560/packages/ripple/images/standard.gif)
 
@@ -39,3 +39,3 @@ ```html
 
-![](https://raw.githubusercontent.com/material-components/material-components-web-components/b1c1ab5230f56f6bce405387b9c75cc7111cacc2/packages/ripple/images/unbound.gif)
+![](https://raw.githubusercontent.com/material-components/material-components-web-components/c3aa844c2a09ff9868820ce946f25f9df7714560/packages/ripple/images/unbound.gif)
 
@@ -90,3 +90,3 @@ ```html
 -------------------------------- | --------------------------------------- | -----------
-`--mdc-ripple-color`             | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b1c1ab5230f56f6bce405387b9c75cc7111cacc2/packages/ripple/images/color_000.png) `#000` | Color of the ripple will have when activated.
+`--mdc-ripple-color`             | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c3aa844c2a09ff9868820ce946f25f9df7714560/packages/ripple/images/color_000.png) `#000` | Color of the ripple will have when activated.
 `--mdc-ripple-press-opacity`     | `0.12`                                  | Opacity of the ripple when pressed.
@@ -93,0 +93,0 @@ `--mdc-ripple-hover-opacity`     | `0.04`                                  | Opacity of the ripple when hovered.

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

Dependency count

5

decreased by-16.67%

Worsened metrics

Total package byte prevSize

76053

decreased by-22.92%

Number of package files

19

decreased by-13.64%

Lines of code

486

decreased by-10.17%

Dependency changes

• + Addedlit@^2.0.0

• - Removedlit-element@^3.0.0

• - Removedlit-html@^2.0.0

• Updated@material/dom@=14.0.0-canary.353ca7e9f.0

• Updated@material/mwc-base@^0.25.2

• Updated@material/ripple@=14.0.0-canary.353ca7e9f.0