@material/mwc-ripple - npm Package Compare versions

Comparing version 0.26.0 to 0.26.1

mwc-ripple-base.d.ts

@@ -6,6 +6,6 @@ /**
  */
-import { BaseElement } from '@material/mwc-base/base-element';
-import { RippleInterface } from '@material/mwc-base/utils';
-import { MDCRippleAdapter } from '@material/ripple/adapter';
-import MDCRippleFoundation from '@material/ripple/foundation';
+import { BaseElement } from '@material/mwc-base/base-element.js';
+import { RippleInterface } from '@material/mwc-base/utils.js';
+import { MDCRippleAdapter } from '@material/ripple/adapter.js';
+import MDCRippleFoundation from '@material/ripple/foundation.js';
 import { PropertyValues, TemplateResult } from 'lit';
@@ -12,0 +12,0 @@ /** @soyCompatible */

mwc-ripple-base.js

@@ -9,9 +9,9 @@ /**
 // tslint:disable:strip-private-property-underscore
-import { matches } from '@material/dom/ponyfill';
-import { BaseElement } from '@material/mwc-base/base-element';
-import MDCRippleFoundation from '@material/ripple/foundation';
+import { matches } from '@material/dom/ponyfill.js';
+import { BaseElement } from '@material/mwc-base/base-element.js';
+import MDCRippleFoundation from '@material/ripple/foundation.js';
 import { html } from 'lit';
-import { property, query, state } from 'lit/decorators';
-import { classMap } from 'lit/directives/class-map';
-import { styleMap } from 'lit/directives/style-map';
+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 */
@@ -18,0 +18,0 @@ export class RippleBase extends BaseElement {

mwc-ripple.d.ts

@@ -6,3 +6,3 @@ /**
  */
-import { RippleBase } from './mwc-ripple-base';
+import { RippleBase } from './mwc-ripple-base.js';
 declare global {
@@ -9,0 +9,0 @@ interface HTMLElementTagNameMap {

mwc-ripple.js

@@ -9,5 +9,5 @@ /**
 // tslint:disable:strip-private-property-underscore
-import { customElement } from 'lit/decorators';
-import { RippleBase } from './mwc-ripple-base';
-import { styles } from './mwc-ripple.css';
+import { customElement } from 'lit/decorators.js';
+import { RippleBase } from './mwc-ripple-base.js';
+import { styles } from './mwc-ripple.css.js';
 /** @soyCompatible */
@@ -14,0 +14,0 @@ let Ripple = class Ripple extends RippleBase {

package.json

 {
   "name": "@material/mwc-ripple",
-  "version": "0.26.0",
+  "version": "0.26.1",
   "description": "Material Design ripple web component",
@@ -19,5 +19,5 @@ "keywords": [
   "dependencies": {
-    "@material/dom": "=14.0.0",
-    "@material/mwc-base": "^0.26.0",
-    "@material/ripple": "=14.0.0",
+    "@material/dom": "=14.0.0-canary.53b3cad2f.0",
+    "@material/mwc-base": "^0.26.1",
+    "@material/ripple": "=14.0.0-canary.53b3cad2f.0",
     "lit": "^2.0.0",
@@ -27,3 +27,3 @@ "tslib": "^2.0.1"
   "devDependencies": {
-    "@material/theme": "=14.0.0"
+    "@material/theme": "=14.0.0-canary.53b3cad2f.0"
   },
@@ -36,3 +36,3 @@ "scripts": {
   },
-  "gitHead": "056b3ceffbe2fe3408dbdbb319932da85637e779"
+  "gitHead": "06b516b7f91867acd0cbe5676767aea8f490cbee"
 }

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

ripple-handlers.d.ts

@@ -6,3 +6,3 @@ /**
  */
-import { RippleInterface } from '@material/mwc-base/utils';
+import { RippleInterface } from '@material/mwc-base/utils.js';
 /**
@@ -9,0 +9,0 @@ * Class that encapsulates the events handlers for `mwc-ripple`

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

76086

increased by0.18%

Dependency changes

• Updated@material/dom@=14.0.0-canary.53b3cad2f.0

• Updated@material/mwc-base@^0.26.1

• Updated@material/ripple@=14.0.0-canary.53b3cad2f.0