@covalent/components 8.8.0 → 8.9.0

package/badge.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./query-assigned-elements-f623705d.js"),i=require("./property-57f6f6fe.js"),p=require("./class-map-b5efe8da.js"),g=`.cv-badge{background-color:var(--cv-theme-color-negative);border-radius:11px;box-sizing:border-box;color:var(--cv-theme-color-on-negative);display:inline-block;font-family:var(--mdc-typography-caption-font-family);font-size:var(--mdc-typography-caption-font-size);font-weight:var(--mdc-typography-caption-font-weight);line-height:var(--mdc-typography-caption-line-height);height:16px;min-width:16px;padding:0 4px;position:absolute;text-align:center}.cv-badge.small{height:2px;padding:2px;min-width:2px}.cv-badge.top-right{top:-2px;right:-2px}.cv-badge.top-left{top:-2px;left:-2px}.cv-badge.bottom-right{bottom:-2px;right:-2px}.cv-badge.bottom-left{bottom:-2px;left:-2px}.cv-badge.isolated{position:relative;top:0;right:0;bottom:0;left:0}.cv-badge-container{position:relative;display:inline-flex}.wrapped-content{flex-grow:1}.hidden{display:none}
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./query-assigned-elements-f623705d.js"),i=require("./property-57f6f6fe.js"),p=require("./class-map-b5efe8da.js"),g=`.cv-badge{background-color:var(--cv-theme-negative);border-radius:11px;box-sizing:border-box;color:var(--cv-theme-on-negative);display:inline-block;font-family:var(--mdc-typography-caption-font-family);font-size:var(--mdc-typography-caption-font-size);font-weight:var(--mdc-typography-caption-font-weight);line-height:var(--mdc-typography-caption-line-height);height:16px;min-width:16px;padding:0 4px;position:absolute;text-align:center}.cv-badge.small{height:2px;padding:2px;min-width:2px}.cv-badge.top-right{top:-2px;right:-2px}.cv-badge.top-left{top:-2px;left:-2px}.cv-badge.bottom-right{bottom:-2px;right:-2px}.cv-badge.bottom-left{bottom:-2px;left:-2px}.cv-badge.isolated{position:relative;top:0;right:0;bottom:0;left:0}.cv-badge-container{position:relative;display:inline-flex}.wrapped-content{flex-grow:1}.hidden{display:none}
 `;var c=Object.defineProperty,h=Object.getOwnPropertyDescriptor,a=(l,e,t,s)=>{for(var n=s>1?void 0:s?h(e,t):e,o=l.length-1,d;o>=0;o--)(d=l[o])&&(n=(s?d(e,t,n):d(n))||n);return s&&n&&c(e,t,n),n};exports.CovalentBadge=class extends r.s{constructor(){super(...arguments),this.max=100,this.size="large",this.hideBadge=!1,this.verticalAlignment="top",this.horizontalAlignment="right"}firstUpdated(){var t;const e=this.renderRoot.querySelector("slot");if(e&&!e.assignedNodes({flatten:!0}).filter(o=>o.nodeType===Node.ELEMENT_NODE).length){const o=this.renderRoot.querySelector("#badge-content");(t=o==null?void 0:o.classList)==null||t.add("isolated")}}getContent(){let e=this.content;const t=Number(e);return this.showZero&&e==0?e=e.toString():!isNaN(t)&&this.max&&(e=t>this.max?`${this.max}+`:t),e||""}render(){const e={"cv-badge":!0,small:this.size==="small",hidden:!!this.hideBadge||!this.showZero&&this.content==0};return e[`${this.verticalAlignment}-${this.horizontalAlignment}`]=!0,r.x`
       <div class="cv-badge-container">
         <slot class="wrapped-content"></slot>

package/badge.mjs

@@ -1,7 +1,7 @@
-import { i as c, r as d, s as h, x as g, e as m } from "./query-assigned-elements-4a39219d.mjs";
+import { i as d, r as c, s as h, x as g, e as m } from "./query-assigned-elements-4a39219d.mjs";
 import { n as s } from "./property-9b6ea53b.mjs";
 import { o as v } from "./class-map-4b94b017.mjs";
-const f = `.cv-badge{background-color:var(--cv-theme-color-negative);border-radius:11px;box-sizing:border-box;color:var(--cv-theme-color-on-negative);display:inline-block;font-family:var(--mdc-typography-caption-font-family);font-size:var(--mdc-typography-caption-font-size);font-weight:var(--mdc-typography-caption-font-weight);line-height:var(--mdc-typography-caption-line-height);height:16px;min-width:16px;padding:0 4px;position:absolute;text-align:center}.cv-badge.small{height:2px;padding:2px;min-width:2px}.cv-badge.top-right{top:-2px;right:-2px}.cv-badge.top-left{top:-2px;left:-2px}.cv-badge.bottom-right{bottom:-2px;right:-2px}.cv-badge.bottom-left{bottom:-2px;left:-2px}.cv-badge.isolated{position:relative;top:0;right:0;bottom:0;left:0}.cv-badge-container{position:relative;display:inline-flex}.wrapped-content{flex-grow:1}.hidden{display:none}
+const f = `.cv-badge{background-color:var(--cv-theme-negative);border-radius:11px;box-sizing:border-box;color:var(--cv-theme-on-negative);display:inline-block;font-family:var(--mdc-typography-caption-font-family);font-size:var(--mdc-typography-caption-font-size);font-weight:var(--mdc-typography-caption-font-weight);line-height:var(--mdc-typography-caption-line-height);height:16px;min-width:16px;padding:0 4px;position:absolute;text-align:center}.cv-badge.small{height:2px;padding:2px;min-width:2px}.cv-badge.top-right{top:-2px;right:-2px}.cv-badge.top-left{top:-2px;left:-2px}.cv-badge.bottom-right{bottom:-2px;right:-2px}.cv-badge.bottom-left{bottom:-2px;left:-2px}.cv-badge.isolated{position:relative;top:0;right:0;bottom:0;left:0}.cv-badge-container{position:relative;display:inline-flex}.wrapped-content{flex-grow:1}.hidden{display:none}
 `;
 var x = Object.defineProperty, b = Object.getOwnPropertyDescriptor, n = (t, o, a, r) => {
   for (var e = r > 1 ? void 0 : r ? b(o, a) : o, l = t.length - 1, p; l >= 0; l--)
@@ -46,8 +46,8 @@ let i = class extends h {
   }
 };
 i.styles = [
-  c`
-      ${d(f)}
+  d`
+      ${c(f)}
     `
 ];
 n([

package/icon-button-toggle/icon-button-toggle.d.ts

@@ -0,0 +1,11 @@
+import { IconButtonToggle } from '@material/mwc-icon-button-toggle/mwc-icon-button-toggle';
+declare global {
+    interface HTMLElementTagNameMap {
+        'cv-icon-button-toggle': CovalentIconButtonToggle;
+    }
+}
+export declare class CovalentIconButtonToggle extends IconButtonToggle {
+    static styles: import("lit").CSSResult[];
+}
+export default CovalentIconButtonToggle;
+//# sourceMappingURL=icon-button-toggle.d.ts.map

package/icon-button-toggle/icon-button-toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button-toggle.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/icon-button-toggle/icon-button-toggle.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yDAAyD,CAAC;AAG3F,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,wBAAwB,CAAC;KACnD;CACF;AAED,qBACa,wBAAyB,SAAQ,gBAAgB;IAC5D,OAAgB,MAAM,4BAKpB;CACH;AAED,eAAe,wBAAwB,CAAC"}

package/icon-button-toggle.js

@@ -0,0 +1,45 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./query-assigned-elements-f623705d.js"),o=require("./tslib.es6-98719205.js"),b=require("./ripple-handlers-5d5b21db.js"),h=require("./aria-property-849c8816.js"),r=require("./property-57f6f6fe.js"),g=require("./state-0974a8e5.js"),m=require("./event-options-3f5eb195.js"),f=require("./query-680f1868.js"),_=require("./class-map-b5efe8da.js"),u=require("./if-defined-f1c45245.js");require("./base-element-58a3f9ea.js");require("./utils-a8190a39.js");require("./style-map-88d2563f.js");/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-LIcense-Identifier: Apache-2.0
+ */const v=c.i`.material-icons{font-family:var(--mdc-icon-font, "Material Icons");font-weight:normal;font-style:normal;font-size:var(--mdc-icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.mdc-icon-button{font-size:24px;width:48px;height:48px;padding:12px}.mdc-icon-button .mdc-icon-button__focus-ring{display:none}.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{display:block;max-height:48px;max-width:48px}@media screen and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{pointer-events:none;border:2px solid transparent;border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:100%;width:100%}}@media screen and (forced-colors: active)and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{border-color:CanvasText}}@media screen and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring::after{content:"";border:2px solid transparent;border-radius:8px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}}@media screen and (forced-colors: active)and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring::after{border-color:CanvasText}}.mdc-icon-button.mdc-icon-button--reduced-size .mdc-icon-button__ripple{width:40px;height:40px;margin-top:4px;margin-bottom:4px;margin-right:4px;margin-left:4px}.mdc-icon-button.mdc-icon-button--reduced-size.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button.mdc-icon-button--reduced-size:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{max-height:40px;max-width:40px}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38))}.mdc-icon-button svg,.mdc-icon-button img{width:24px;height:24px}.mdc-icon-button{display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;background-color:transparent;fill:currentColor;color:inherit;text-decoration:none;cursor:pointer;user-select:none;z-index:0;overflow:visible}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{cursor:default;pointer-events:none}.mdc-icon-button--display-flex{align-items:center;display:inline-flex;justify-content:center}.mdc-icon-button__icon{display:inline-block}.mdc-icon-button__icon.mdc-icon-button__icon--on{display:none}.mdc-icon-button--on .mdc-icon-button__icon{display:none}.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on{display:inline-block}.mdc-icon-button__link{height:100%;left:0;outline:none;position:absolute;top:0;width:100%}.mdc-icon-button{display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;background-color:transparent;fill:currentColor;color:inherit;text-decoration:none;cursor:pointer;user-select:none;z-index:0;overflow:visible}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{cursor:default;pointer-events:none}.mdc-icon-button--display-flex{align-items:center;display:inline-flex;justify-content:center}.mdc-icon-button__icon{display:inline-block}.mdc-icon-button__icon.mdc-icon-button__icon--on{display:none}.mdc-icon-button--on .mdc-icon-button__icon{display:none}.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on{display:inline-block}.mdc-icon-button__link{height:100%;left:0;outline:none;position:absolute;top:0;width:100%}:host{display:inline-block;outline:none}:host([disabled]){pointer-events:none}.mdc-icon-button i,.mdc-icon-button svg,.mdc-icon-button img,.mdc-icon-button ::slotted(*){display:block}:host{--mdc-ripple-color: currentcolor;-webkit-tap-highlight-color:transparent}:host,.mdc-icon-button{vertical-align:top}.mdc-icon-button{width:var(--mdc-icon-button-size, 48px);height:var(--mdc-icon-button-size, 48px);padding:calc( (var(--mdc-icon-button-size, 48px) - var(--mdc-icon-size, 24px)) / 2 )}.mdc-icon-button i,.mdc-icon-button svg,.mdc-icon-button img,.mdc-icon-button ::slotted(*){display:block;width:var(--mdc-icon-size, 24px);height:var(--mdc-icon-size, 24px)}`;/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */class t extends c.s{constructor(){super(...arguments),this.disabled=!1,this.onIcon="",this.offIcon="",this.on=!1,this.shouldRenderRipple=!1,this.rippleHandlers=new b.RippleHandlers(()=>(this.shouldRenderRipple=!0,this.ripple))}handleClick(){this.on=!this.on,this.dispatchEvent(new CustomEvent("icon-button-toggle-change",{detail:{isOn:this.on},bubbles:!0}))}click(){this.mdcRoot.focus(),this.mdcRoot.click()}focus(){this.rippleHandlers.startFocus(),this.mdcRoot.focus()}blur(){this.rippleHandlers.endFocus(),this.mdcRoot.blur()}renderRipple(){return this.shouldRenderRipple?c.x`
+            <mwc-ripple
+                .disabled="${this.disabled}"
+                unbounded>
+            </mwc-ripple>`:""}render(){const e={"mdc-icon-button--on":this.on},n=this.ariaLabelOn!==void 0&&this.ariaLabelOff!==void 0,s=n?void 0:this.on,i=n?this.on?this.ariaLabelOn:this.ariaLabelOff:this.ariaLabel;return c.x`<button
+          class="mdc-icon-button mdc-icon-button--display-flex ${_.o(e)}"
+          aria-pressed="${u.l(s)}"
+          aria-label="${u.l(i)}"
+          @click="${this.handleClick}"
+          ?disabled="${this.disabled}"
+          @focus="${this.handleRippleFocus}"
+          @blur="${this.handleRippleBlur}"
+          @mousedown="${this.handleRippleMouseDown}"
+          @mouseenter="${this.handleRippleMouseEnter}"
+          @mouseleave="${this.handleRippleMouseLeave}"
+          @touchstart="${this.handleRippleTouchStart}"
+          @touchend="${this.handleRippleDeactivate}"
+          @touchcancel="${this.handleRippleDeactivate}"
+        >${this.renderRipple()}
+        <span class="mdc-icon-button__icon"
+          ><slot name="offIcon"
+            ><i class="material-icons">${this.offIcon}</i
+          ></slot
+        ></span>
+        <span class="mdc-icon-button__icon mdc-icon-button__icon--on"
+          ><slot name="onIcon"
+            ><i class="material-icons">${this.onIcon}</i
+          ></slot
+        ></span>
+      </button>`}handleRippleMouseDown(e){const n=()=>{window.removeEventListener("mouseup",n),this.handleRippleDeactivate()};window.addEventListener("mouseup",n),this.rippleHandlers.startPress(e)}handleRippleTouchStart(e){this.rippleHandlers.startPress(e)}handleRippleDeactivate(){this.rippleHandlers.endPress()}handleRippleMouseEnter(){this.rippleHandlers.startHover()}handleRippleMouseLeave(){this.rippleHandlers.endHover()}handleRippleFocus(){this.rippleHandlers.startFocus()}handleRippleBlur(){this.rippleHandlers.endFocus()}}o.__decorate([f.i(".mdc-icon-button")],t.prototype,"mdcRoot",void 0);o.__decorate([h.ariaProperty,r.n({type:String,attribute:"aria-label"})],t.prototype,"ariaLabel",void 0);o.__decorate([r.n({type:Boolean,reflect:!0})],t.prototype,"disabled",void 0);o.__decorate([r.n({type:String})],t.prototype,"onIcon",void 0);o.__decorate([r.n({type:String})],t.prototype,"offIcon",void 0);o.__decorate([r.n({type:String})],t.prototype,"ariaLabelOn",void 0);o.__decorate([r.n({type:String})],t.prototype,"ariaLabelOff",void 0);o.__decorate([r.n({type:Boolean,reflect:!0})],t.prototype,"on",void 0);o.__decorate([b.e("mwc-ripple")],t.prototype,"ripple",void 0);o.__decorate([g.t()],t.prototype,"shouldRenderRipple",void 0);o.__decorate([m.e({passive:!0})],t.prototype,"handleRippleMouseDown",null);o.__decorate([m.e({passive:!0})],t.prototype,"handleRippleTouchStart",null);/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */let a=class extends t{};a.styles=[v];a=o.__decorate([c.e("mwc-icon-button-toggle")],a);const x=`:host{border-radius:50%;color:var(--cv-theme-on-surface-variant)}:host([disabled]){background-color:transparent}:host([on]){--mdc-ripple-press-opacity: .16;--mdc-ripple-hover-opacity: .12;--mdc-ripple-focus-opacity: .16;background-color:var(--cv-theme-primary-8);color:var(--cv-theme-primary)}
+`;var y=Object.defineProperty,w=Object.getOwnPropertyDescriptor,R=(d,e,n,s)=>{for(var i=s>1?void 0:s?w(e,n):e,l=d.length-1,p;l>=0;l--)(p=d[l])&&(i=(s?p(e,n,i):p(i))||i);return s&&i&&y(e,n,i),i};exports.CovalentIconButtonToggle=class extends a{};exports.CovalentIconButtonToggle.styles=[...a.styles,c.i`
+      ${c.r(x)}
+    `];exports.CovalentIconButtonToggle=R([c.e("cv-icon-button-toggle")],exports.CovalentIconButtonToggle);const k=exports.CovalentIconButtonToggle;exports.default=k;

package/icon-button-toggle.mjs

@@ -0,0 +1,176 @@
+import { i as b, s as g, x as u, e as h, r as _ } from "./query-assigned-elements-4a39219d.mjs";
+import { _ as o } from "./tslib.es6-c4b0f3b1.mjs";
+import { e as v, R as x } from "./ripple-handlers-0d9ad7c2.mjs";
+import { a as y } from "./aria-property-fa2717fe.mjs";
+import { n as c } from "./property-9b6ea53b.mjs";
+import { t as w } from "./state-b5e865db.mjs";
+import { e as f } from "./event-options-78d6cf94.mjs";
+import { i as R } from "./query-d843aa92.mjs";
+import { o as k } from "./class-map-4b94b017.mjs";
+import { l as m } from "./if-defined-c367f208.mjs";
+import "./base-element-acf30176.mjs";
+import "./utils-dc65fdc9.mjs";
+import "./style-map-bc3ed3e0.mjs";
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-LIcense-Identifier: Apache-2.0
+ */
+const $ = b`.material-icons{font-family:var(--mdc-icon-font, "Material Icons");font-weight:normal;font-style:normal;font-size:var(--mdc-icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.mdc-icon-button{font-size:24px;width:48px;height:48px;padding:12px}.mdc-icon-button .mdc-icon-button__focus-ring{display:none}.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{display:block;max-height:48px;max-width:48px}@media screen and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{pointer-events:none;border:2px solid transparent;border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:100%;width:100%}}@media screen and (forced-colors: active)and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{border-color:CanvasText}}@media screen and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring::after{content:"";border:2px solid transparent;border-radius:8px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}}@media screen and (forced-colors: active)and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring::after{border-color:CanvasText}}.mdc-icon-button.mdc-icon-button--reduced-size .mdc-icon-button__ripple{width:40px;height:40px;margin-top:4px;margin-bottom:4px;margin-right:4px;margin-left:4px}.mdc-icon-button.mdc-icon-button--reduced-size.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button.mdc-icon-button--reduced-size:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{max-height:40px;max-width:40px}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38))}.mdc-icon-button svg,.mdc-icon-button img{width:24px;height:24px}.mdc-icon-button{display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;background-color:transparent;fill:currentColor;color:inherit;text-decoration:none;cursor:pointer;user-select:none;z-index:0;overflow:visible}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{cursor:default;pointer-events:none}.mdc-icon-button--display-flex{align-items:center;display:inline-flex;justify-content:center}.mdc-icon-button__icon{display:inline-block}.mdc-icon-button__icon.mdc-icon-button__icon--on{display:none}.mdc-icon-button--on .mdc-icon-button__icon{display:none}.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on{display:inline-block}.mdc-icon-button__link{height:100%;left:0;outline:none;position:absolute;top:0;width:100%}.mdc-icon-button{display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;background-color:transparent;fill:currentColor;color:inherit;text-decoration:none;cursor:pointer;user-select:none;z-index:0;overflow:visible}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{cursor:default;pointer-events:none}.mdc-icon-button--display-flex{align-items:center;display:inline-flex;justify-content:center}.mdc-icon-button__icon{display:inline-block}.mdc-icon-button__icon.mdc-icon-button__icon--on{display:none}.mdc-icon-button--on .mdc-icon-button__icon{display:none}.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on{display:inline-block}.mdc-icon-button__link{height:100%;left:0;outline:none;position:absolute;top:0;width:100%}:host{display:inline-block;outline:none}:host([disabled]){pointer-events:none}.mdc-icon-button i,.mdc-icon-button svg,.mdc-icon-button img,.mdc-icon-button ::slotted(*){display:block}:host{--mdc-ripple-color: currentcolor;-webkit-tap-highlight-color:transparent}:host,.mdc-icon-button{vertical-align:top}.mdc-icon-button{width:var(--mdc-icon-button-size, 48px);height:var(--mdc-icon-button-size, 48px);padding:calc( (var(--mdc-icon-button-size, 48px) - var(--mdc-icon-size, 24px)) / 2 )}.mdc-icon-button i,.mdc-icon-button svg,.mdc-icon-button img,.mdc-icon-button ::slotted(*){display:block;width:var(--mdc-icon-size, 24px);height:var(--mdc-icon-size, 24px)}`;
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+class t extends g {
+  constructor() {
+    super(...arguments), this.disabled = !1, this.onIcon = "", this.offIcon = "", this.on = !1, this.shouldRenderRipple = !1, this.rippleHandlers = new x(() => (this.shouldRenderRipple = !0, this.ripple));
+  }
+  handleClick() {
+    this.on = !this.on, this.dispatchEvent(new CustomEvent("icon-button-toggle-change", { detail: { isOn: this.on }, bubbles: !0 }));
+  }
+  click() {
+    this.mdcRoot.focus(), this.mdcRoot.click();
+  }
+  focus() {
+    this.rippleHandlers.startFocus(), this.mdcRoot.focus();
+  }
+  blur() {
+    this.rippleHandlers.endFocus(), this.mdcRoot.blur();
+  }
+  /** @soyTemplate */
+  renderRipple() {
+    return this.shouldRenderRipple ? u`
+            <mwc-ripple
+                .disabled="${this.disabled}"
+                unbounded>
+            </mwc-ripple>` : "";
+  }
+  /** @soyTemplate */
+  render() {
+    const n = {
+      "mdc-icon-button--on": this.on
+    }, e = this.ariaLabelOn !== void 0 && this.ariaLabelOff !== void 0, r = e ? void 0 : this.on, i = e ? this.on ? this.ariaLabelOn : this.ariaLabelOff : this.ariaLabel;
+    return u`<button
+          class="mdc-icon-button mdc-icon-button--display-flex ${k(n)}"
+          aria-pressed="${m(r)}"
+          aria-label="${m(i)}"
+          @click="${this.handleClick}"
+          ?disabled="${this.disabled}"
+          @focus="${this.handleRippleFocus}"
+          @blur="${this.handleRippleBlur}"
+          @mousedown="${this.handleRippleMouseDown}"
+          @mouseenter="${this.handleRippleMouseEnter}"
+          @mouseleave="${this.handleRippleMouseLeave}"
+          @touchstart="${this.handleRippleTouchStart}"
+          @touchend="${this.handleRippleDeactivate}"
+          @touchcancel="${this.handleRippleDeactivate}"
+        >${this.renderRipple()}
+        <span class="mdc-icon-button__icon"
+          ><slot name="offIcon"
+            ><i class="material-icons">${this.offIcon}</i
+          ></slot
+        ></span>
+        <span class="mdc-icon-button__icon mdc-icon-button__icon--on"
+          ><slot name="onIcon"
+            ><i class="material-icons">${this.onIcon}</i
+          ></slot
+        ></span>
+      </button>`;
+  }
+  handleRippleMouseDown(n) {
+    const e = () => {
+      window.removeEventListener("mouseup", e), this.handleRippleDeactivate();
+    };
+    window.addEventListener("mouseup", e), this.rippleHandlers.startPress(n);
+  }
+  handleRippleTouchStart(n) {
+    this.rippleHandlers.startPress(n);
+  }
+  handleRippleDeactivate() {
+    this.rippleHandlers.endPress();
+  }
+  handleRippleMouseEnter() {
+    this.rippleHandlers.startHover();
+  }
+  handleRippleMouseLeave() {
+    this.rippleHandlers.endHover();
+  }
+  handleRippleFocus() {
+    this.rippleHandlers.startFocus();
+  }
+  handleRippleBlur() {
+    this.rippleHandlers.endFocus();
+  }
+}
+o([
+  R(".mdc-icon-button")
+], t.prototype, "mdcRoot", void 0);
+o([
+  y,
+  c({ type: String, attribute: "aria-label" })
+], t.prototype, "ariaLabel", void 0);
+o([
+  c({ type: Boolean, reflect: !0 })
+], t.prototype, "disabled", void 0);
+o([
+  c({ type: String })
+], t.prototype, "onIcon", void 0);
+o([
+  c({ type: String })
+], t.prototype, "offIcon", void 0);
+o([
+  c({ type: String })
+], t.prototype, "ariaLabelOn", void 0);
+o([
+  c({ type: String })
+], t.prototype, "ariaLabelOff", void 0);
+o([
+  c({ type: Boolean, reflect: !0 })
+], t.prototype, "on", void 0);
+o([
+  v("mwc-ripple")
+], t.prototype, "ripple", void 0);
+o([
+  w()
+], t.prototype, "shouldRenderRipple", void 0);
+o([
+  f({ passive: !0 })
+], t.prototype, "handleRippleMouseDown", null);
+o([
+  f({ passive: !0 })
+], t.prototype, "handleRippleTouchStart", null);
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+let s = class extends t {
+};
+s.styles = [$];
+s = o([
+  h("mwc-icon-button-toggle")
+], s);
+const z = `:host{border-radius:50%;color:var(--cv-theme-on-surface-variant)}:host([disabled]){background-color:transparent}:host([on]){--mdc-ripple-press-opacity: .16;--mdc-ripple-hover-opacity: .12;--mdc-ripple-focus-opacity: .16;background-color:var(--cv-theme-primary-8);color:var(--cv-theme-primary)}
+`;
+var L = Object.defineProperty, I = Object.getOwnPropertyDescriptor, H = (d, n, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? I(n, e) : n, l = d.length - 1, p; l >= 0; l--)
+    (p = d[l]) && (i = (r ? p(n, e, i) : p(i)) || i);
+  return r && i && L(n, e, i), i;
+};
+let a = class extends s {
+};
+a.styles = [
+  ...s.styles,
+  b`
+      ${_(z)}
+    `
+];
+a = H([
+  h("cv-icon-button-toggle")
+], a);
+const q = a;
+export {
+  a as CovalentIconButtonToggle,
+  q as default
+};

package/index.d.ts

@@ -17,6 +17,7 @@ export * from './expansion-panel/expansion-panel-item';
 export * from './formfield/formfield';
 export * from './icon/icon';
 export * from './icon-button/icon-button';
+export * from './icon-button-toggle/icon-button-toggle';
 export * from './icon-checkbox/icon-check-toggle';
 export * from './icon-radio/icon-radio-toggle';
 export * from './linear-progress/linear-progress';

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../libs/components/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,uCAAuC,CAAC;AACtD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wCAAwC,CAAC;AACvD,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../libs/components/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,uCAAuC,CAAC;AACtD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wCAAwC,CAAC;AACvD,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yCAAyC,CAAC;AACxD,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC"}

package/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./action-ribbon.js"),t=require("./alert.js"),r=require("./app-shell.js"),n=require("./badge.js"),o=require("./button.js"),a=require("./checkbox.js"),i=require("./card.js"),u=require("./chip-099110a3.js"),l=require("./chip-set.js"),c=require("./circular-progress.js"),b=require("./code-snippet.js"),C=require("./dialog-82b03745.js"),p=require("./drawer.js"),s=require("./empty-state.js"),v=require("./expansion-panel.js"),d=require("./expansion-panel-item.js"),q=require("./formfield.js"),g=require("./icon.js"),m=require("./icon-button.js"),P=require("./icon-check-toggle.js"),y=require("./icon-radio-toggle.js"),f=require("./linear-progress.js"),j=require("./check-list-item.js"),O=require("./list.js"),S=require("./list-item.js"),T=require("./nav-list-item.js"),I=require("./radio-list-item.js"),h=require("./menu.js"),L=require("./radio.js"),x=require("./select.js"),B=require("./side-sheet.js"),k=require("./slider.js"),R=require("./slider-range.js"),A=require("./snackbar.js"),F=require("./status-header.js"),w=require("./status-header-item.js"),E=require("./switch.js"),H=require("./tab.js"),D=require("./tab-bar.js"),M=require("./textarea.js"),N=require("./textfield.js"),_=require("./text-lockup.js"),z=require("./toolbar.js"),G=require("./tooltip.js"),J=require("./top-app-bar.js"),K=require("./top-app-bar-fixed.js"),Q=require("./tree-list.js"),U=require("./tree-list-item.js"),V=require("./typography.js");require("./query-assigned-elements-f623705d.js");require("./utils-a8190a39.js");require("./observer-a096ab43.js");require("./foundation-e980aa3d.js");require("./tslib.es6-98719205.js");require("./foundation-e830bd94.js");require("./class-map-b5efe8da.js");require("./property-57f6f6fe.js");require("./query-680f1868.js");require("./mwc-drawer-base-798b11f8.js");require("./inert.esm-2cee6f2e.js");require("./base-element-58a3f9ea.js");require("./mwc-icon-f87639bc.js");require("./ripple-handlers-5d5b21db.js");require("./state-0974a8e5.js");require("./style-map-88d2563f.js");require("./aria-property-849c8816.js");require("./event-options-3f5eb195.js");require("./if-defined-f1c45245.js");require("./mwc-checkbox-base-3d8c9549.js");require("./form-element-c553d6f5.js");require("./mwc-checkbox.css-b3434429.js");require("./keyboard-39125691.js");require("./_commonjsHelpers-2367a3a2.js");require("./query-assigned-nodes-99eae71d.js");require("./mwc-radio-base-913e02e2.js");require("./mwc-radio.css-4e140252.js");require("./mwc-list-item-base-297d86b0.js");require("./list-item-bb932090.js");require("./mwc-list-base-400b00e2.js");require("./mwc-menu-base-c75ca473.js");require("./mwc-line-ripple-directive-a6b39a3c.js");require("./mwc-slider.css-c7107d94.js");require("./directive-helpers-0ce1f995.js");require("./mwc-tab-base-f28722aa.js");require("./textfield-11525c88.js");require("./mwc-top-app-bar-base-aec60f27.js");require("./top-app-bar-a531c1b4.js");Object.defineProperty(exports,"CovalentActionRibbon",{enumerable:!0,get:()=>e.CovalentActionRibbon});Object.defineProperty(exports,"CovalentAlert",{enumerable:!0,get:()=>t.CovalentAlert});Object.defineProperty(exports,"CovalentAppShell",{enumerable:!0,get:()=>r.CovalentAppShell});Object.defineProperty(exports,"CovalentBadge",{enumerable:!0,get:()=>n.CovalentBadge});Object.defineProperty(exports,"CovalentButton",{enumerable:!0,get:()=>o.CovalentButton});Object.defineProperty(exports,"CovalentCheckbox",{enumerable:!0,get:()=>a.CovalentCheckbox});Object.defineProperty(exports,"CovalentCard",{enumerable:!0,get:()=>i.CovalentCard});Object.defineProperty(exports,"CovalentChip",{enumerable:!0,get:()=>u.CovalentChip});Object.defineProperty(exports,"CovalentChipSet",{enumerable:!0,get:()=>l.CovalentChipSet});Object.defineProperty(exports,"CovalentCircularProgress",{enumerable:!0,get:()=>c.CovalentCircularProgress});Object.defineProperty(exports,"CovalentCodeSnippet",{enumerable:!0,get:()=>b.CovalentCodeSnippet});Object.defineProperty(exports,"CovalentDialog",{enumerable:!0,get:()=>C.CovalentDialog});Object.defineProperty(exports,"CovalentDrawer",{enumerable:!0,get:()=>p.CovalentDrawer});Object.defineProperty(exports,"CovalentEmptyState",{enumerable:!0,get:()=>s.CovalentEmptyState});Object.defineProperty(exports,"CovalentExpansionPanel",{enumerable:!0,get:()=>v.CovalentExpansionPanel});Object.defineProperty(exports,"CovalentExpansionPanelItem",{enumerable:!0,get:()=>d.CovalentExpansionPanelItem});Object.defineProperty(exports,"CovalentFormfield",{enumerable:!0,get:()=>q.CovalentFormfield});Object.defineProperty(exports,"CovalentIcon",{enumerable:!0,get:()=>g.CovalentIcon});Object.defineProperty(exports,"CovalentIconButton",{enumerable:!0,get:()=>m.CovalentIconButton});Object.defineProperty(exports,"CovalentIconCheckToggle",{enumerable:!0,get:()=>P.CovalentIconCheckToggle});Object.defineProperty(exports,"CovalentIconRadioToggle",{enumerable:!0,get:()=>y.CovalentIconRadioToggle});Object.defineProperty(exports,"CovalentLinearProgress",{enumerable:!0,get:()=>f.CovalentLinearProgress});Object.defineProperty(exports,"CovalentCheckListItem",{enumerable:!0,get:()=>j.CovalentCheckListItem});Object.defineProperty(exports,"CovalentList",{enumerable:!0,get:()=>O.CovalentList});Object.defineProperty(exports,"CovalentListItem",{enumerable:!0,get:()=>S.CovalentListItem});Object.defineProperty(exports,"CovalentNavRailListItem",{enumerable:!0,get:()=>T.CovalentNavRailListItem});Object.defineProperty(exports,"CovalentRadioListItem",{enumerable:!0,get:()=>I.CovalentRadioListItem});Object.defineProperty(exports,"CovalentMenu",{enumerable:!0,get:()=>h.CovalentMenu});Object.defineProperty(exports,"CovalentRadio",{enumerable:!0,get:()=>L.CovalentRadio});Object.defineProperty(exports,"CovalentSelect",{enumerable:!0,get:()=>x.CovalentSelect});Object.defineProperty(exports,"CovalentSideSheet",{enumerable:!0,get:()=>B.CovalentSideSheet});Object.defineProperty(exports,"CovalentSlider",{enumerable:!0,get:()=>k.CovalentSlider});Object.defineProperty(exports,"CovalentSliderRange",{enumerable:!0,get:()=>R.CovalentSliderRange});Object.defineProperty(exports,"CovalentSnackbar",{enumerable:!0,get:()=>A.CovalentSnackbar});Object.defineProperty(exports,"CovalentStatusHeader",{enumerable:!0,get:()=>F.CovalentStatusHeader});Object.defineProperty(exports,"CovalentStatusHeaderItem",{enumerable:!0,get:()=>w.CovalentStatusHeaderItem});Object.defineProperty(exports,"CovalentSwitch",{enumerable:!0,get:()=>E.CovalentSwitch});Object.defineProperty(exports,"CovalentTab",{enumerable:!0,get:()=>H.CovalentTab});Object.defineProperty(exports,"CovalentTabBar",{enumerable:!0,get:()=>D.CovalentTabBar});Object.defineProperty(exports,"CovalentTextArea",{enumerable:!0,get:()=>M.CovalentTextArea});Object.defineProperty(exports,"CovalentTextField",{enumerable:!0,get:()=>N.CovalentTextField});Object.defineProperty(exports,"CovalentTextLockup",{enumerable:!0,get:()=>_.CovalentTextLockup});Object.defineProperty(exports,"CovalentToolbar",{enumerable:!0,get:()=>z.CovalentToolbar});Object.defineProperty(exports,"CovalentTooltip",{enumerable:!0,get:()=>G.CovalentTooltip});Object.defineProperty(exports,"CovalentTopAppBar",{enumerable:!0,get:()=>J.CovalentTopAppBar});Object.defineProperty(exports,"CovalentTopAppBarFixed",{enumerable:!0,get:()=>K.CovalentTopAppBarFixed});Object.defineProperty(exports,"CovalentTreeList",{enumerable:!0,get:()=>Q.CovalentTreeList});Object.defineProperty(exports,"CovalentTreeListItem",{enumerable:!0,get:()=>U.CovalentTreeListItem});Object.defineProperty(exports,"CovalentTypography",{enumerable:!0,get:()=>V.CovalentTypography});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./action-ribbon.js"),t=require("./alert.js"),r=require("./app-shell.js"),n=require("./badge.js"),o=require("./button.js"),a=require("./checkbox.js"),i=require("./card.js"),u=require("./chip-099110a3.js"),l=require("./chip-set.js"),c=require("./circular-progress.js"),b=require("./code-snippet.js"),C=require("./dialog-82b03745.js"),p=require("./drawer.js"),s=require("./empty-state.js"),v=require("./expansion-panel.js"),d=require("./expansion-panel-item.js"),g=require("./formfield.js"),q=require("./icon.js"),m=require("./icon-button.js"),P=require("./icon-button-toggle.js"),y=require("./icon-check-toggle.js"),f=require("./icon-radio-toggle.js"),j=require("./linear-progress.js"),O=require("./check-list-item.js"),T=require("./list.js"),S=require("./list-item.js"),I=require("./nav-list-item.js"),h=require("./radio-list-item.js"),L=require("./menu.js"),x=require("./radio.js"),B=require("./select.js"),k=require("./side-sheet.js"),R=require("./slider.js"),A=require("./slider-range.js"),F=require("./snackbar.js"),w=require("./status-header.js"),E=require("./status-header-item.js"),H=require("./switch.js"),D=require("./tab.js"),M=require("./tab-bar.js"),N=require("./textarea.js"),_=require("./textfield.js"),z=require("./text-lockup.js"),G=require("./toolbar.js"),J=require("./tooltip.js"),K=require("./top-app-bar.js"),Q=require("./top-app-bar-fixed.js"),U=require("./tree-list.js"),V=require("./tree-list-item.js"),W=require("./typography.js");require("./query-assigned-elements-f623705d.js");require("./utils-a8190a39.js");require("./observer-a096ab43.js");require("./foundation-e980aa3d.js");require("./tslib.es6-98719205.js");require("./foundation-e830bd94.js");require("./class-map-b5efe8da.js");require("./property-57f6f6fe.js");require("./query-680f1868.js");require("./mwc-drawer-base-798b11f8.js");require("./inert.esm-2cee6f2e.js");require("./base-element-58a3f9ea.js");require("./mwc-icon-f87639bc.js");require("./ripple-handlers-5d5b21db.js");require("./state-0974a8e5.js");require("./style-map-88d2563f.js");require("./aria-property-849c8816.js");require("./event-options-3f5eb195.js");require("./if-defined-f1c45245.js");require("./mwc-checkbox-base-3d8c9549.js");require("./form-element-c553d6f5.js");require("./mwc-checkbox.css-b3434429.js");require("./keyboard-39125691.js");require("./_commonjsHelpers-2367a3a2.js");require("./query-assigned-nodes-99eae71d.js");require("./mwc-radio-base-913e02e2.js");require("./mwc-radio.css-4e140252.js");require("./mwc-list-item-base-297d86b0.js");require("./list-item-bb932090.js");require("./mwc-list-base-400b00e2.js");require("./mwc-menu-base-c75ca473.js");require("./mwc-line-ripple-directive-a6b39a3c.js");require("./mwc-slider.css-c7107d94.js");require("./directive-helpers-0ce1f995.js");require("./mwc-tab-base-f28722aa.js");require("./textfield-11525c88.js");require("./mwc-top-app-bar-base-aec60f27.js");require("./top-app-bar-a531c1b4.js");Object.defineProperty(exports,"CovalentActionRibbon",{enumerable:!0,get:()=>e.CovalentActionRibbon});Object.defineProperty(exports,"CovalentAlert",{enumerable:!0,get:()=>t.CovalentAlert});Object.defineProperty(exports,"CovalentAppShell",{enumerable:!0,get:()=>r.CovalentAppShell});Object.defineProperty(exports,"CovalentBadge",{enumerable:!0,get:()=>n.CovalentBadge});Object.defineProperty(exports,"CovalentButton",{enumerable:!0,get:()=>o.CovalentButton});Object.defineProperty(exports,"CovalentCheckbox",{enumerable:!0,get:()=>a.CovalentCheckbox});Object.defineProperty(exports,"CovalentCard",{enumerable:!0,get:()=>i.CovalentCard});Object.defineProperty(exports,"CovalentChip",{enumerable:!0,get:()=>u.CovalentChip});Object.defineProperty(exports,"CovalentChipSet",{enumerable:!0,get:()=>l.CovalentChipSet});Object.defineProperty(exports,"CovalentCircularProgress",{enumerable:!0,get:()=>c.CovalentCircularProgress});Object.defineProperty(exports,"CovalentCodeSnippet",{enumerable:!0,get:()=>b.CovalentCodeSnippet});Object.defineProperty(exports,"CovalentDialog",{enumerable:!0,get:()=>C.CovalentDialog});Object.defineProperty(exports,"CovalentDrawer",{enumerable:!0,get:()=>p.CovalentDrawer});Object.defineProperty(exports,"CovalentEmptyState",{enumerable:!0,get:()=>s.CovalentEmptyState});Object.defineProperty(exports,"CovalentExpansionPanel",{enumerable:!0,get:()=>v.CovalentExpansionPanel});Object.defineProperty(exports,"CovalentExpansionPanelItem",{enumerable:!0,get:()=>d.CovalentExpansionPanelItem});Object.defineProperty(exports,"CovalentFormfield",{enumerable:!0,get:()=>g.CovalentFormfield});Object.defineProperty(exports,"CovalentIcon",{enumerable:!0,get:()=>q.CovalentIcon});Object.defineProperty(exports,"CovalentIconButton",{enumerable:!0,get:()=>m.CovalentIconButton});Object.defineProperty(exports,"CovalentIconButtonToggle",{enumerable:!0,get:()=>P.CovalentIconButtonToggle});Object.defineProperty(exports,"CovalentIconCheckToggle",{enumerable:!0,get:()=>y.CovalentIconCheckToggle});Object.defineProperty(exports,"CovalentIconRadioToggle",{enumerable:!0,get:()=>f.CovalentIconRadioToggle});Object.defineProperty(exports,"CovalentLinearProgress",{enumerable:!0,get:()=>j.CovalentLinearProgress});Object.defineProperty(exports,"CovalentCheckListItem",{enumerable:!0,get:()=>O.CovalentCheckListItem});Object.defineProperty(exports,"CovalentList",{enumerable:!0,get:()=>T.CovalentList});Object.defineProperty(exports,"CovalentListItem",{enumerable:!0,get:()=>S.CovalentListItem});Object.defineProperty(exports,"CovalentNavRailListItem",{enumerable:!0,get:()=>I.CovalentNavRailListItem});Object.defineProperty(exports,"CovalentRadioListItem",{enumerable:!0,get:()=>h.CovalentRadioListItem});Object.defineProperty(exports,"CovalentMenu",{enumerable:!0,get:()=>L.CovalentMenu});Object.defineProperty(exports,"CovalentRadio",{enumerable:!0,get:()=>x.CovalentRadio});Object.defineProperty(exports,"CovalentSelect",{enumerable:!0,get:()=>B.CovalentSelect});Object.defineProperty(exports,"CovalentSideSheet",{enumerable:!0,get:()=>k.CovalentSideSheet});Object.defineProperty(exports,"CovalentSlider",{enumerable:!0,get:()=>R.CovalentSlider});Object.defineProperty(exports,"CovalentSliderRange",{enumerable:!0,get:()=>A.CovalentSliderRange});Object.defineProperty(exports,"CovalentSnackbar",{enumerable:!0,get:()=>F.CovalentSnackbar});Object.defineProperty(exports,"CovalentStatusHeader",{enumerable:!0,get:()=>w.CovalentStatusHeader});Object.defineProperty(exports,"CovalentStatusHeaderItem",{enumerable:!0,get:()=>E.CovalentStatusHeaderItem});Object.defineProperty(exports,"CovalentSwitch",{enumerable:!0,get:()=>H.CovalentSwitch});Object.defineProperty(exports,"CovalentTab",{enumerable:!0,get:()=>D.CovalentTab});Object.defineProperty(exports,"CovalentTabBar",{enumerable:!0,get:()=>M.CovalentTabBar});Object.defineProperty(exports,"CovalentTextArea",{enumerable:!0,get:()=>N.CovalentTextArea});Object.defineProperty(exports,"CovalentTextField",{enumerable:!0,get:()=>_.CovalentTextField});Object.defineProperty(exports,"CovalentTextLockup",{enumerable:!0,get:()=>z.CovalentTextLockup});Object.defineProperty(exports,"CovalentToolbar",{enumerable:!0,get:()=>G.CovalentToolbar});Object.defineProperty(exports,"CovalentTooltip",{enumerable:!0,get:()=>J.CovalentTooltip});Object.defineProperty(exports,"CovalentTopAppBar",{enumerable:!0,get:()=>K.CovalentTopAppBar});Object.defineProperty(exports,"CovalentTopAppBarFixed",{enumerable:!0,get:()=>Q.CovalentTopAppBarFixed});Object.defineProperty(exports,"CovalentTreeList",{enumerable:!0,get:()=>U.CovalentTreeList});Object.defineProperty(exports,"CovalentTreeListItem",{enumerable:!0,get:()=>V.CovalentTreeListItem});Object.defineProperty(exports,"CovalentTypography",{enumerable:!0,get:()=>W.CovalentTypography});

package/index.mjs

@@ -9,44 +9,45 @@ import { C as oo } from "./chip-897bf7e9.mjs";
 import { CovalentChipSet as ro } from "./chip-set.mjs";
 import { CovalentCircularProgress as po } from "./circular-progress.mjs";
 import { CovalentCodeSnippet as ao } from "./code-snippet.mjs";
-import { C as io } from "./dialog-c9dbe94d.mjs";
+import { C as lo } from "./dialog-c9dbe94d.mjs";
 import { CovalentDrawer as Co } from "./drawer.mjs";
 import { CovalentEmptyState as fo } from "./empty-state.mjs";
 import { CovalentExpansionPanel as so } from "./expansion-panel.mjs";
 import { CovalentExpansionPanelItem as co } from "./expansion-panel-item.mjs";
-import { CovalentFormfield as Io } from "./formfield.mjs";
+import { CovalentFormfield as go } from "./formfield.mjs";
 import { CovalentIcon as ho } from "./icon.mjs";
-import { CovalentIconButton as bo } from "./icon-button.mjs";
-import { CovalentIconCheckToggle as Ao } from "./icon-check-toggle.mjs";
-import { CovalentIconRadioToggle as Ro } from "./icon-radio-toggle.mjs";
-import { CovalentLinearProgress as Po } from "./linear-progress.mjs";
-import { CovalentCheckListItem as Eo } from "./check-list-item.mjs";
-import { CovalentList as wo } from "./list.mjs";
-import { CovalentListItem as Ho } from "./list-item.mjs";
-import { CovalentNavRailListItem as No } from "./nav-list-item.mjs";
-import { CovalentRadioListItem as qo } from "./radio-list-item.mjs";
-import { CovalentMenu as Go } from "./menu.mjs";
-import { CovalentRadio as Ko } from "./radio.mjs";
-import { CovalentSelect as Qo } from "./select.mjs";
-import { CovalentSideSheet as Vo } from "./side-sheet.mjs";
-import { CovalentSlider as Xo } from "./slider.mjs";
-import { CovalentSliderRange as Zo } from "./slider-range.mjs";
-import { CovalentSnackbar as $o } from "./snackbar.mjs";
-import { CovalentStatusHeader as tt } from "./status-header.mjs";
-import { CovalentStatusHeaderItem as et } from "./status-header-item.mjs";
-import { CovalentSwitch as mt } from "./switch.mjs";
-import { CovalentTab as nt } from "./tab.mjs";
-import { CovalentTabBar as lt } from "./tab-bar.mjs";
-import { CovalentTextArea as xt } from "./textarea.mjs";
-import { CovalentTextField as vt } from "./textfield.mjs";
+import { CovalentIconButton as uo } from "./icon-button.mjs";
+import { CovalentIconButtonToggle as Bo } from "./icon-button-toggle.mjs";
+import { CovalentIconCheckToggle as Ro } from "./icon-check-toggle.mjs";
+import { CovalentIconRadioToggle as Po } from "./icon-radio-toggle.mjs";
+import { CovalentLinearProgress as Eo } from "./linear-progress.mjs";
+import { CovalentCheckListItem as wo } from "./check-list-item.mjs";
+import { CovalentList as Ho } from "./list.mjs";
+import { CovalentListItem as No } from "./list-item.mjs";
+import { CovalentNavRailListItem as qo } from "./nav-list-item.mjs";
+import { CovalentRadioListItem as Go } from "./radio-list-item.mjs";
+import { CovalentMenu as Ko } from "./menu.mjs";
+import { CovalentRadio as Qo } from "./radio.mjs";
+import { CovalentSelect as Vo } from "./select.mjs";
+import { CovalentSideSheet as Xo } from "./side-sheet.mjs";
+import { CovalentSlider as Zo } from "./slider.mjs";
+import { CovalentSliderRange as $o } from "./slider-range.mjs";
+import { CovalentSnackbar as tt } from "./snackbar.mjs";
+import { CovalentStatusHeader as et } from "./status-header.mjs";
+import { CovalentStatusHeaderItem as mt } from "./status-header-item.mjs";
+import { CovalentSwitch as nt } from "./switch.mjs";
+import { CovalentTab as it } from "./tab.mjs";
+import { CovalentTabBar as xt } from "./tab-bar.mjs";
+import { CovalentTextArea as vt } from "./textarea.mjs";
+import { CovalentTextField as Tt } from "./textfield.mjs";
 import { CovalentTextLockup as dt } from "./text-lockup.mjs";
-import { CovalentToolbar as ct } from "./toolbar.mjs";
-import { CovalentTooltip as It } from "./tooltip.mjs";
-import { CovalentTopAppBar as ht } from "./top-app-bar.mjs";
-import { CovalentTopAppBarFixed as bt } from "./top-app-bar-fixed.mjs";
-import { CovalentTreeList as At } from "./tree-list.mjs";
-import { CovalentTreeListItem as Rt } from "./tree-list-item.mjs";
-import { CovalentTypography as Pt } from "./typography.mjs";
+import { CovalentToolbar as gt } from "./toolbar.mjs";
+import { CovalentTooltip as ht } from "./tooltip.mjs";
+import { CovalentTopAppBar as ut } from "./top-app-bar.mjs";
+import { CovalentTopAppBarFixed as Bt } from "./top-app-bar-fixed.mjs";
+import { CovalentTreeList as Rt } from "./tree-list.mjs";
+import { CovalentTreeListItem as Pt } from "./tree-list-item.mjs";
+import { CovalentTypography as Et } from "./typography.mjs";
 import "./query-assigned-elements-4a39219d.mjs";
 import "./utils-dc65fdc9.mjs";
 import "./observer-be7b92e2.mjs";
@@ -92,47 +93,48 @@ export {
   U as CovalentBadge,
   W as CovalentButton,
   _ as CovalentCard,
-  Eo as CovalentCheckListItem,
+  wo as CovalentCheckListItem,
   Y as CovalentCheckbox,
   oo as CovalentChip,
   ro as CovalentChipSet,
   po as CovalentCircularProgress,
   ao as CovalentCodeSnippet,
-  io as CovalentDialog,
+  lo as CovalentDialog,
   Co as CovalentDrawer,
   fo as CovalentEmptyState,
   so as CovalentExpansionPanel,
   co as CovalentExpansionPanelItem,
-  Io as CovalentFormfield,
+  go as CovalentFormfield,
   ho as CovalentIcon,
-  bo as CovalentIconButton,
-  Ao as CovalentIconCheckToggle,
-  Ro as CovalentIconRadioToggle,
-  Po as CovalentLinearProgress,
-  wo as CovalentList,
-  Ho as CovalentListItem,
-  Go as CovalentMenu,
-  No as CovalentNavRailListItem,
-  Ko as CovalentRadio,
-  qo as CovalentRadioListItem,
-  Qo as CovalentSelect,
-  Vo as CovalentSideSheet,
-  Xo as CovalentSlider,
-  Zo as CovalentSliderRange,
-  $o as CovalentSnackbar,
-  tt as CovalentStatusHeader,
-  et as CovalentStatusHeaderItem,
-  mt as CovalentSwitch,
-  nt as CovalentTab,
-  lt as CovalentTabBar,
-  xt as CovalentTextArea,
-  vt as CovalentTextField,
+  uo as CovalentIconButton,
+  Bo as CovalentIconButtonToggle,
+  Ro as CovalentIconCheckToggle,
+  Po as CovalentIconRadioToggle,
+  Eo as CovalentLinearProgress,
+  Ho as CovalentList,
+  No as CovalentListItem,
+  Ko as CovalentMenu,
+  qo as CovalentNavRailListItem,
+  Qo as CovalentRadio,
+  Go as CovalentRadioListItem,
+  Vo as CovalentSelect,
+  Xo as CovalentSideSheet,
+  Zo as CovalentSlider,
+  $o as CovalentSliderRange,
+  tt as CovalentSnackbar,
+  et as CovalentStatusHeader,
+  mt as CovalentStatusHeaderItem,
+  nt as CovalentSwitch,
+  it as CovalentTab,
+  xt as CovalentTabBar,
+  vt as CovalentTextArea,
+  Tt as CovalentTextField,
   dt as CovalentTextLockup,
-  ct as CovalentToolbar,
-  It as CovalentTooltip,
-  ht as CovalentTopAppBar,
-  bt as CovalentTopAppBarFixed,
-  At as CovalentTreeList,
-  Rt as CovalentTreeListItem,
-  Pt as CovalentTypography
+  gt as CovalentToolbar,
+  ht as CovalentTooltip,
+  ut as CovalentTopAppBar,
+  Bt as CovalentTopAppBarFixed,
+  Rt as CovalentTreeList,
+  Pt as CovalentTreeListItem,
+  Et as CovalentTypography
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@covalent/components",
-  "version": "8.8.0",
+  "version": "8.9.0",
   "description": "a catalog of material components for covalent",
   "main": "./index.js",
   "module": "./index.mjs",
@@ -111,6 +111,11 @@
       "import": "./icon-button.mjs",
       "require": "./icon-button.js"
     },
+    "./icon-button-toggle": {
+      "types": "./icon-button-toggle/icon-button-toggle.d.ts",
+      "import": "./icon-button-toggle.mjs",
+      "require": "./icon-button-toggle.js"
+    },
     "./icon-check-toggle": {
       "types": "./icon-checkbox/icon-checkbox.d.ts",
       "import": "./icon-checkbox.mjs",