@anypoint-web-components/anypoint-button - npm Package Compare versions

Comparing version 1.2.1 to 1.2.2

package.json

 {
   "name": "@anypoint-web-components/anypoint-button",
   "description": "Anypoint styled button.",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "license": "Apache-2.0",
@@ -14,3 +14,3 @@ "main": "index.js",
   "author": {
-    "name": "Pawel Psztyc",
+    "name": "Pawel Uchida-Psztyc",
     "email": "[e-mail]"
@@ -31,3 +31,3 @@ },
     "@anypoint-web-components/anypoint-control-mixins": "^1.2.0",
-    "@polymer/paper-ripple": "^3.0.2",
+    "@anypoint-web-components/material-ripple": "^1.0.1",
     "lit-element": "^2.5.1"
@@ -37,3 +37,3 @@ },
     "@advanced-rest-client/arc-demo-helper": "^1.0.17",
-    "@anypoint-web-components/anypoint-checkbox": "^1.2.0",
+    "@anypoint-web-components/anypoint-checkbox": "^1.2.1",
     "@anypoint-web-components/anypoint-icons": "^1.0.1",
@@ -46,11 +46,11 @@ "@anypoint-web-components/anypoint-styles": "^1.0.1",
     "@polymer/iron-test-helpers": "^3.0.1",
-    "@web/dev-server": "^0.1.17",
-    "@web/test-runner": "^0.13.5",
+    "@web/dev-server": "^0.1.18",
+    "@web/test-runner": "^0.13.13",
     "@web/test-runner-playwright": "^0.8.6",
-    "eslint": "^7.27.0",
+    "eslint": "^7.30.0",
     "eslint-config-prettier": "^8.3.0",
-    "husky": "^6.0.0",
+    "husky": "^7.0.1",
     "lint-staged": "^11.0.0",
     "sinon": "^11.1.1",
-    "typescript": "^4.3.2",
+    "typescript": "^4.3.5",
     "typescript-lit-html-plugin": "^0.9.0"
@@ -57,0 +57,0 @@ },

src/AnypointButton.d.ts

 import { TemplateResult } from 'lit-element';
-import { PaperRippleElement } from '@polymer/paper-ripple';
+import { MaterialRippleElement } from '@anypoint-web-components/material-ripple';
 import { AnypointButtonBase } from './AnypointButtonBase.js';
@@ -10,5 +10,5 @@
   /**
-   * A reference to the PaperRippleElement in the local DOM.
+   * A reference to the MaterialRippleElement in the local DOM.
    */
-  get _ripple(): PaperRippleElement;
+  get _ripple(): MaterialRippleElement;
   constructor();
@@ -15,0 +15,0 @@ render(): TemplateResult;

src/AnypointButton.js

 import { html } from 'lit-element';
-import '@polymer/paper-ripple/paper-ripple.js';
+import '@anypoint-web-components/material-ripple/material-ripple.js';
 import { AnypointButtonBase } from './AnypointButtonBase.js';
 import elementStyles from './Styles.js';
 
-/** @typedef {import('@polymer/paper-ripple').PaperRippleElement} PaperRippleElement */
+/** @typedef {import('@anypoint-web-components/material-ripple').MaterialRippleElement} MaterialRippleElement */
 
@@ -23,12 +23,10 @@ /**
     const stopRipple = !!noink || !!compatibility;
-    return html`<style>
-        ${styles}</style
-      ><slot></slot><paper-ripple .noink="${stopRipple}"></paper-ripple>`;
+    return html`<style>${styles}</style><slot></slot><material-ripple .noink="${stopRipple}"></material-ripple>`;
   }
 
   /**
-   * @return {PaperRippleElement} A reference to the PaperRippleElement in the local DOM.
+   * @return {MaterialRippleElement} A reference to the PaperRippleElement in the local DOM.
    */
   get _ripple() {
-    return this.shadowRoot.querySelector('paper-ripple');
+    return this.shadowRoot.querySelector('material-ripple');
   }
@@ -53,3 +51,3 @@
     if (!_ripple.animating) {
-      _ripple.uiDownAction();
+      _ripple.down();
     }
@@ -61,4 +59,4 @@ }
     this._calculateElevation();
-    this._ripple.uiUpAction();
+    this._ripple.up();
   }
 }

src/AnypointButtonBase.js

 import { LitElement } from 'lit-element';
 import { ControlStateMixin, ButtonStateMixin } from '@anypoint-web-components/anypoint-control-mixins';
-import '@polymer/paper-ripple/paper-ripple.js';
+import '@anypoint-web-components/material-ripple/material-ripple.js';
 
@@ -5,0 +5,0 @@ /**

src/AnypointIconButton.d.ts

 import { TemplateResult } from 'lit-element';
-import {PaperRippleElement} from '@polymer/paper-ripple';
+import {MaterialRippleElement} from '@anypoint-web-components/material-ripple';
 import {AnypointButtonBase} from './AnypointButtonBase.js';
@@ -12,5 +12,5 @@
   /**
-   * A reference to the PaperRippleElement in the local DOM.
+   * A reference to the MaterialRippleElement in the local DOM.
    */
-  get _ripple(): PaperRippleElement;
+  get _ripple(): MaterialRippleElement;
   constructor();
@@ -17,0 +17,0 @@ render(): TemplateResult;

src/AnypointIconButton.js

 import { html } from 'lit-element';
 import { AnypointButtonBase } from './AnypointButtonBase.js';
-import '@polymer/paper-ripple/paper-ripple.js';
+import '@anypoint-web-components/material-ripple/material-ripple.js';
 import elementStyles from './IconStyles.js';
 
-/** @typedef {import('@polymer/paper-ripple').PaperRippleElement} PaperRippleElement */
+/** @typedef {import('@anypoint-web-components/material-ripple').MaterialRippleElement} MaterialRippleElement */
 
@@ -28,6 +28,6 @@ /**
   /**
-   * @return {PaperRippleElement} A reference to the PaperRippleElement in the local DOM.
+   * @return {MaterialRippleElement} A reference to the PaperRippleElement in the local DOM.
    */
   get _ripple() {
-    return this.shadowRoot.querySelector('paper-ripple');
+    return this.shadowRoot.querySelector('material-ripple');
   }
@@ -39,7 +39,7 @@
       <slot></slot>
-      <paper-ripple
+      <material-ripple
         class="circle"
         center
         .noink="${this.noink}"
-      ></paper-ripple>
+      ></material-ripple>
     </div> `;
@@ -92,3 +92,2 @@ }
 
-  /** @override */
   _enterDownHandler() {
@@ -98,3 +97,3 @@ this._calculateElevation();
     if (!_ripple.animating) {
-      _ripple.uiDownAction();
+      _ripple.down();
     }
@@ -105,4 +104,4 @@ }
     this._calculateElevation();
-    this._ripple.uiUpAction();
+    this._ripple.up();
   }
 }

src/IconStyles.js

@@ -11,3 +11,3 @@ import { css } from 'lit-element';
 
-paper-ripple {
+material-ripple {
   opacity: 0.6;
@@ -14,0 +14,0 @@ color: currentColor;

src/Styles.js

@@ -158,3 +158,3 @@ import { css } from 'lit-element';
 
-:host([compatibility]) paper-ripple {
+:host([compatibility]) material-ripple {
   display: none;
@@ -161,0 +161,0 @@ }

No alert changes

Improved metrics

Total package byte prevSize

39712

increased by0.41%

Worsened metrics

Lines of code

992

decreased by-0.3%

Dependency changes

• + Added@anypoint-web-components/material-ripple@^1.0.1

• + Added@advanced-rest-client/arc-icons@3.3.4(transitive)

• + Added@anypoint-web-components/material-ripple@1.0.3(transitive)

• + Added@polymer/iron-flex-layout@3.0.1(transitive)

• + Added@polymer/iron-icon@3.0.1(transitive)

• + Added@polymer/iron-iconset-svg@3.0.1(transitive)

• + Added@polymer/iron-meta@3.0.1(transitive)

• - Removed@polymer/paper-ripple@^3.0.2

• - Removed@polymer/iron-a11y-keys-behavior@3.0.1(transitive)

• - Removed@polymer/paper-ripple@3.0.2(transitive)