@digital-realty/ix-icon-button - npm Package Compare versions

Comparing version 1.1.4 to 1.1.5

dist/ix-icon-button.d.ts

@@ -1,1 +0,4 @@
-export {};
+import { IxIconButton } from './IxIconButton.js';
+export declare class IxIconButtonStyled extends IxIconButton {
+    static styles: import("lit").CSSResult;
+}

dist/ix-icon-button.js

@@ -0,3 +1,31 @@
+import { css } from 'lit';
 import { IxIconButton } from './IxIconButton.js';
-window.customElements.define('ix-icon-button', IxIconButton);
+export class IxIconButtonStyled extends IxIconButton {
+}
+IxIconButtonStyled.styles = css `
+    :host {
+      display: flex;
+
+      --md-icon-button-state-layer-height: calc(
+        var(--md-icon-button-icon-size) * 1.65
+      );
+      --md-icon-button-state-layer-width: calc(
+        var(--md-icon-button-icon-size) * 1.65
+      );
+    }
+
+    :host([small]) {
+      --md-icon-button-state-layer-height: calc(
+        var(--md-icon-button-icon-size) * 1.2
+      );
+      --md-icon-button-state-layer-width: calc(
+        var(--md-icon-button-icon-size) * 1.2
+      );
+    }
+
+    :host(.cancel) {
+      --md-sys-color-on-surface-variant: var(--ix-button-cancel-color);
+    }
+  `;
+window.customElements.define('ix-icon-button', IxIconButtonStyled);
 //# sourceMappingURL=ix-icon-button.js.map

dist/ix-icon-button.min.js

@@ -1,2 +0,2 @@
-import{__decorate}from"tslib";import{LitElement,nothing,html as html$1}from"lit";import{query,property}from"lit/decorators.js";import{literal,html}from"lit/static-html.js";import{ifDefined}from"lit/directives/if-defined.js";import"@material/web/iconbutton/icon-button.js";import"@material/web/iconbutton/filled-icon-button.js";import"@material/web/iconbutton/filled-tonal-icon-button.js";import"@material/web/iconbutton/outlined-icon-button.js";import"@digital-realty/ix-icon/ix-icon.js";class IxIconButton extends LitElement{constructor(){super(...arguments),this.appearance="default",this.icon="",this.selectedIcon="",this.disabled=!1,this.flipIconInRtl=!1,this.href=void 0,this.target=void 0,this.ariaLabelSelected=void 0,this.toggle=!1,this.selected=!1,this.type="submit",this.name=void 0,this.value=void 0,this.label=void 0,this.filledIcon=!1}render(){var t=this.label||this.ariaLabel;let e=literal`md-icon-button`;return"outlined"===this.appearance?e=literal`md-outlined-icon-button`:"filled"===this.appearance?e=literal`md-filled-icon-button`:"filled-tonal"===this.appearance&&(e=literal`md-filled-tonal-icon-button`),html`<${e}
+import{LitElement,nothing,html as html$1,css}from"lit";import{__decorate}from"tslib";import{query,property}from"lit/decorators.js";import{literal,html}from"lit/static-html.js";import{ifDefined}from"lit/directives/if-defined.js";import"@material/web/iconbutton/icon-button.js";import"@material/web/iconbutton/filled-icon-button.js";import"@material/web/iconbutton/filled-tonal-icon-button.js";import"@material/web/iconbutton/outlined-icon-button.js";import"@digital-realty/ix-icon/ix-icon.js";class IxIconButton extends LitElement{constructor(){super(...arguments),this.appearance="default",this.icon="",this.selectedIcon="",this.disabled=!1,this.flipIconInRtl=!1,this.href=void 0,this.target=void 0,this.ariaLabelSelected=void 0,this.toggle=!1,this.selected=!1,this.type="submit",this.name=void 0,this.value=void 0,this.label=void 0,this.filledIcon=!1}render(){var t=this.label||this.ariaLabel;let e=literal`md-icon-button`;return"outlined"===this.appearance?e=literal`md-outlined-icon-button`:"filled"===this.appearance?e=literal`md-filled-icon-button`:"filled-tonal"===this.appearance&&(e=literal`md-filled-tonal-icon-button`),html`<${e}
       class="button"
@@ -19,2 +19,10 @@ ?disabled=${this.disabled}
             >`:nothing}
-      </${e}>`}}__decorate([query(".button")],IxIconButton.prototype,"component",void 0),__decorate([property()],IxIconButton.prototype,"appearance",void 0),__decorate([property()],IxIconButton.prototype,"icon",void 0),__decorate([property()],IxIconButton.prototype,"selectedIcon",void 0),__decorate([property({type:Boolean,reflect:!0})],IxIconButton.prototype,"disabled",void 0),__decorate([property({type:Boolean,attribute:"flip-icon-in-rtl"})],IxIconButton.prototype,"flipIconInRtl",void 0),__decorate([property()],IxIconButton.prototype,"href",void 0),__decorate([property()],IxIconButton.prototype,"target",void 0),__decorate([property({attribute:"aria-label-selected"})],IxIconButton.prototype,"ariaLabelSelected",void 0),__decorate([property({type:Boolean})],IxIconButton.prototype,"toggle",void 0),__decorate([property({type:Boolean,reflect:!0})],IxIconButton.prototype,"selected",void 0),__decorate([property()],IxIconButton.prototype,"type",void 0),__decorate([property()],IxIconButton.prototype,"name",void 0),__decorate([property()],IxIconButton.prototype,"value",void 0),__decorate([property()],IxIconButton.prototype,"label",void 0),__decorate([property({type:Boolean})],IxIconButton.prototype,"filledIcon",void 0),window.customElements.define("ix-icon-button",IxIconButton);
+      </${e}>`}}__decorate([query(".button")],IxIconButton.prototype,"component",void 0),__decorate([property()],IxIconButton.prototype,"appearance",void 0),__decorate([property()],IxIconButton.prototype,"icon",void 0),__decorate([property()],IxIconButton.prototype,"selectedIcon",void 0),__decorate([property({type:Boolean,reflect:!0})],IxIconButton.prototype,"disabled",void 0),__decorate([property({type:Boolean,attribute:"flip-icon-in-rtl"})],IxIconButton.prototype,"flipIconInRtl",void 0),__decorate([property()],IxIconButton.prototype,"href",void 0),__decorate([property()],IxIconButton.prototype,"target",void 0),__decorate([property({attribute:"aria-label-selected"})],IxIconButton.prototype,"ariaLabelSelected",void 0),__decorate([property({type:Boolean})],IxIconButton.prototype,"toggle",void 0),__decorate([property({type:Boolean,reflect:!0})],IxIconButton.prototype,"selected",void 0),__decorate([property()],IxIconButton.prototype,"type",void 0),__decorate([property()],IxIconButton.prototype,"name",void 0),__decorate([property()],IxIconButton.prototype,"value",void 0),__decorate([property()],IxIconButton.prototype,"label",void 0),__decorate([property({type:Boolean})],IxIconButton.prototype,"filledIcon",void 0);class IxIconButtonStyled extends IxIconButton{}IxIconButtonStyled.styles=css`:host{display:flex;--md-icon-button-state-layer-height:calc(
+        var(--md-icon-button-icon-size) * 1.65
+      );--md-icon-button-state-layer-width:calc(
+        var(--md-icon-button-icon-size) * 1.65
+      )}:host([small]){--md-icon-button-state-layer-height:calc(
+        var(--md-icon-button-icon-size) * 1.2
+      );--md-icon-button-state-layer-width:calc(
+        var(--md-icon-button-icon-size) * 1.2
+      )}:host(.cancel){--md-sys-color-on-surface-variant:var(--ix-button-cancel-color)}`,window.customElements.define("ix-icon-button",IxIconButtonStyled);export{IxIconButtonStyled};

package.json

@@ -6,3 +6,3 @@ {
   "author": "Digital Realty",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "type": "module",
@@ -31,3 +31,3 @@ "main": "dist/index.js",
   "dependencies": {
-    "@digital-realty/ix-icon": "^1.1.4",
+    "@digital-realty/ix-icon": "^1.1.5",
     "@lit/react": "^1.0.2",
@@ -53,2 +53,3 @@ "@material/web": "1.2.0",
     "prettier": "^2.4.1",
+    "rollup": "^4.29.1",
     "rollup-plugin-minify-html-literals": "^1.2.6",
@@ -109,3 +110,3 @@ "rollup-plugin-summary": "^2.0.0",
   ],
-  "gitHead": "cb4798e2a22a7e6b2eed58b8fc2d9fdddc875911"
+  "gitHead": "3590ef8890b3526a1395c48f0e94c72757c33c35"
 }

No alert changes

Improved metrics

Total package byte prevSize

25926

increased by10.1%

Lines of code

272

increased by15.74%

Worsened metrics

Dev dependency count

20

increased by5.26%

Dependency changes

• Updated@digital-realty/ix-icon@^1.1.5