@material/mwc-ripple - npm Package Compare versions

Comparing version 0.26.0-canary.07e91417.0 to 0.26.0-canary.0efb9c2c.0

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.26.0-canary.07e91417.0",
+  "version": "0.26.0-canary.0efb9c2c.0",
   "description": "Material Design ripple web component",
@@ -19,11 +19,10 @@ "keywords": [
   "dependencies": {
-    "@material/dom": "=13.0.0-canary.65125b3a6.0",
-    "@material/mwc-base": "0.26.0-canary.07e91417.0",
-    "@material/ripple": "=13.0.0-canary.65125b3a6.0",
-    "lit-element": "^3.0.0",
-    "lit-html": "^2.0.0",
+    "@material/dom": "=14.0.0-canary.586e740dd.0",
+    "@material/mwc-base": "0.26.0-canary.0efb9c2c.0",
+    "@material/ripple": "=14.0.0-canary.586e740dd.0",
+    "lit": "^2.0.0",
     "tslib": "^2.0.1"
   },
   "devDependencies": {
-    "@material/theme": "=13.0.0-canary.65125b3a6.0"
+    "@material/theme": "=14.0.0-canary.586e740dd.0"
   },
@@ -36,3 +35,3 @@ "scripts": {
   },
-  "gitHead": "9fcacc1890992ebd650dca508478ea3a276a1ebe"
+  "gitHead": "878935c40ce21b0cfddbf2aab964ba07d23dbb94"
 }

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/9fcacc1890992ebd650dca508478ea3a276a1ebe/packages/ripple/images/standard.gif)
+![](https://raw.githubusercontent.com/material-components/material-components-web-components/878935c40ce21b0cfddbf2aab964ba07d23dbb94/packages/ripple/images/standard.gif)
 
@@ -39,3 +39,3 @@ ```html
 
-![](https://raw.githubusercontent.com/material-components/material-components-web-components/9fcacc1890992ebd650dca508478ea3a276a1ebe/packages/ripple/images/unbound.gif)
+![](https://raw.githubusercontent.com/material-components/material-components-web-components/878935c40ce21b0cfddbf2aab964ba07d23dbb94/packages/ripple/images/unbound.gif)
 
@@ -90,3 +90,3 @@ ```html
 -------------------------------- | --------------------------------------- | -----------
-`--mdc-ripple-color`             | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/9fcacc1890992ebd650dca508478ea3a276a1ebe/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/878935c40ce21b0cfddbf2aab964ba07d23dbb94/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

Total package byte prevSize

76088

increased by0.04%

Dependency count

5

decreased by-16.67%

Lines of code

486

increased by0.21%

Dependency changes

• + Addedlit@^2.0.0

• + Added@material/mwc-base@0.26.0-canary.0efb9c2c.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.07e91417.0(transitive)

• Updated@material/dom@=14.0.0-canary.586e740dd.0

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

• Updated@material/ripple@=14.0.0-canary.586e740dd.0