@covalent/components 8.23.1 → 8.24.0

package/icon-lockup/icon-lockup.d.ts

@@ -0,0 +1,64 @@
+import { LitElement, PropertyValues } from 'lit';
+import '../typography/typography';
+import '../icon/icon';
+/**
+ * Icon lockup
+ *
+ * @slot icon - Slot for a custom icon. If provided, this slot content replaces the `icon` property.
+ */
+export declare class CovalentIconLockup extends LitElement {
+    static styles: import("lit").CSSResult[];
+    /**
+     * Whether the icon is a covalent icon.
+     */
+    covalentIcon: boolean;
+    /**
+     * Whether the icon is filled.
+     */
+    filledIcon: boolean;
+    /**
+     * The icon to display.
+     */
+    icon: string;
+    /**
+     * Scale of the component, controlling font-size and icon size.
+     * Default is "1", but it can be set to other values to scale the component.
+     */
+    scale: string;
+    /**
+     * State of the component, used to apply different styles based on status.
+     * Example values might include "success", "error", etc.
+     */
+    state: string;
+    /**
+     * If true, the icon is displayed after the text (trailing).
+     * If false, the icon is displayed before the text.
+     */
+    trailingIcon: boolean;
+    /**
+     * Tracks if the icon slot has content.
+     */
+    private _hasIconSlot;
+    /**
+     * Checks if there is content in the icon slot and updates `hasIconSlot`.
+     */
+    private checkIconSlot;
+    /**
+     * Template method for rendering the icon. If content is provided in the
+     * `icon` slot, it is displayed instead of the `icon` property.
+     */
+    private iconTemplate;
+    /**
+     * Renders the component with icon and text. If `trailingIcon` is true,
+     * the icon is displayed after the text. Otherwise, it is displayed before.
+     */
+    render(): import("lit-html").TemplateResult<1>;
+    protected updated(_changedProperties: PropertyValues): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cv-icon-lockup': CovalentIconLockup;
+    }
+}
+export default CovalentIconLockup;
+//# sourceMappingURL=icon-lockup.d.ts.map

package/icon-lockup/icon-lockup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-lockup.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/icon-lockup/icon-lockup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAwB,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvE,OAAO,0BAA0B,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB;;;;GAIG;AACH,qBACa,kBAAmB,SAAQ,UAAU;IAChD,OAAgB,MAAM,4BAIpB;IAEF;;OAEG;IAEH,YAAY,UAAS;IAErB;;OAEG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,IAAI,SAAM;IAEV;;;OAGG;IAEH,KAAK,SAAW;IAEhB;;;OAGG;IAEH,KAAK,SAAa;IAElB;;;OAGG;IAEH,YAAY,UAAS;IAErB;;OAEG;IACM,OAAO,CAAC,YAAY,CAAS;IAEtC;;OAEG;IACH,OAAO,CAAC,aAAa;IAOrB;;;OAGG;IACH,OAAO,CAAC,YAAY;IAepB;;;OAGG;IACH,MAAM;cAea,OAAO,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;CAIrE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,kBAAkB,CAAC;KACtC;CACF;AAED,eAAe,kBAAkB,CAAC"}

package/icon-lockup.js

@@ -0,0 +1,15 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./query-assigned-elements-f623705d.js"),i=require("./property-57f6f6fe.js"),u=require("./state-0974a8e5.js"),p=require("./class-map-0a4c6ca9.js");require("./typography.js");require("./icon.js");require("./directive-1186bc23.js");require("./mwc-icon-f87639bc.js");require("./tslib.es6-98719205.js");const v=`.filled{font-variation-settings:"FILL" 1}.hidden{display:none}.icon-lockup{align-items:center;display:flex;gap:4px;max-width:100%}.icon-lockup cv-typography{flex:1 0 0}.icon-lockup--primary,.icon-lockup--loading{color:var(--cv-theme-primary)}.icon-lockup--positive{color:var(--cv-theme-positive)}.icon-lockup--negative{color:var(--cv-theme-negative)}.icon-lockup--caution{color:var(--cv-theme-caution)}.text{font-feature-settings:"liga" off,"clig" off;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trailing-icon{flex-direction:row-reverse}
+`;var h=Object.defineProperty,y=Object.getOwnPropertyDescriptor,e=(s,o,c,l)=>{for(var t=l>1?void 0:l?y(o,c):o,r=s.length-1,a;r>=0;r--)(a=s[r])&&(t=(l?a(o,c,t):a(t))||t);return l&&t&&h(o,c,t),t};exports.CovalentIconLockup=class extends n.s{constructor(){super(...arguments),this.covalentIcon=!1,this.filledIcon=!1,this.icon="",this.scale="body1",this.state="neutral",this.trailingIcon=!1,this._hasIconSlot=!1}checkIconSlot(){var c;const o=(c=this.shadowRoot)==null?void 0:c.querySelector('slot[name="icon"]');this._hasIconSlot=o&&o.assignedNodes().length>0}iconTemplate(){const o={"covalent-icon":this.covalentIcon,filled:this.filledIcon,hidden:this._hasIconSlot};return n.x`<slot name="icon"></slot>
+      <cv-icon
+        class=${p.o(o)}
+        style="${`font-size: var(--cv-typography-${this.scale}-line-height, 16px)`}"
+      >
+        ${this.icon}
+      </cv-icon>`}render(){const o={"icon-lockup":!0,[`icon-lockup--${this.state}`]:this.state,"trailing-icon":this.trailingIcon};return n.x`
+      <cv-typography class=${p.o(o)} scale="${this.scale}">
+        ${this.iconTemplate()}
+        <div class="text"><slot></slot></div>
+      </cv-typography>
+    `}updated(o){super.updated(o),this.checkIconSlot()}};exports.CovalentIconLockup.styles=[n.i`
+      ${n.r(v)}
+    `];e([i.n({type:Boolean,reflect:!0})],exports.CovalentIconLockup.prototype,"covalentIcon",2);e([i.n({type:Boolean,reflect:!0})],exports.CovalentIconLockup.prototype,"filledIcon",2);e([i.n({type:String})],exports.CovalentIconLockup.prototype,"icon",2);e([i.n({type:String})],exports.CovalentIconLockup.prototype,"scale",2);e([i.n({type:String})],exports.CovalentIconLockup.prototype,"state",2);e([i.n({type:Boolean})],exports.CovalentIconLockup.prototype,"trailingIcon",2);e([u.t()],exports.CovalentIconLockup.prototype,"_hasIconSlot",2);exports.CovalentIconLockup=e([n.e("cv-icon-lockup")],exports.CovalentIconLockup);const d=exports.CovalentIconLockup;exports.default=d;

package/icon-lockup.mjs

@@ -0,0 +1,103 @@
+import { i as v, r as f, s as u, x as p, e as y } from "./query-assigned-elements-4a39219d.mjs";
+import { n } from "./property-9b6ea53b.mjs";
+import { t as d } from "./state-b5e865db.mjs";
+import { o as h } from "./class-map-6e504a9a.mjs";
+import "./typography.mjs";
+import "./icon.mjs";
+import "./directive-daf4e9b6.mjs";
+import "./mwc-icon-5227aec3.mjs";
+import "./tslib.es6-c4b0f3b1.mjs";
+const m = `.filled{font-variation-settings:"FILL" 1}.hidden{display:none}.icon-lockup{align-items:center;display:flex;gap:4px;max-width:100%}.icon-lockup cv-typography{flex:1 0 0}.icon-lockup--primary,.icon-lockup--loading{color:var(--cv-theme-primary)}.icon-lockup--positive{color:var(--cv-theme-positive)}.icon-lockup--negative{color:var(--cv-theme-negative)}.icon-lockup--caution{color:var(--cv-theme-caution)}.text{font-feature-settings:"liga" off,"clig" off;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trailing-icon{flex-direction:row-reverse}
+`;
+var g = Object.defineProperty, I = Object.getOwnPropertyDescriptor, e = (t, i, l, s) => {
+  for (var c = s > 1 ? void 0 : s ? I(i, l) : i, r = t.length - 1, a; r >= 0; r--)
+    (a = t[r]) && (c = (s ? a(i, l, c) : a(c)) || c);
+  return s && c && g(i, l, c), c;
+};
+let o = class extends u {
+  constructor() {
+    super(...arguments), this.covalentIcon = !1, this.filledIcon = !1, this.icon = "", this.scale = "body1", this.state = "neutral", this.trailingIcon = !1, this._hasIconSlot = !1;
+  }
+  /**
+   * Checks if there is content in the icon slot and updates `hasIconSlot`.
+   */
+  checkIconSlot() {
+    var i;
+    const t = (i = this.shadowRoot) == null ? void 0 : i.querySelector(
+      'slot[name="icon"]'
+    );
+    this._hasIconSlot = t && t.assignedNodes().length > 0;
+  }
+  /**
+   * Template method for rendering the icon. If content is provided in the
+   * `icon` slot, it is displayed instead of the `icon` property.
+   */
+  iconTemplate() {
+    const t = {
+      "covalent-icon": this.covalentIcon,
+      filled: this.filledIcon,
+      hidden: this._hasIconSlot
+    };
+    return p`<slot name="icon"></slot>
+      <cv-icon
+        class=${h(t)}
+        style="${`font-size: var(--cv-typography-${this.scale}-line-height, 16px)`}"
+      >
+        ${this.icon}
+      </cv-icon>`;
+  }
+  /**
+   * Renders the component with icon and text. If `trailingIcon` is true,
+   * the icon is displayed after the text. Otherwise, it is displayed before.
+   */
+  render() {
+    const t = {
+      "icon-lockup": !0,
+      [`icon-lockup--${this.state}`]: this.state,
+      "trailing-icon": this.trailingIcon
+    };
+    return p`
+      <cv-typography class=${h(t)} scale="${this.scale}">
+        ${this.iconTemplate()}
+        <div class="text"><slot></slot></div>
+      </cv-typography>
+    `;
+  }
+  updated(t) {
+    super.updated(t), this.checkIconSlot();
+  }
+};
+o.styles = [
+  v`
+      ${f(m)}
+    `
+];
+e([
+  n({ type: Boolean, reflect: !0 })
+], o.prototype, "covalentIcon", 2);
+e([
+  n({ type: Boolean, reflect: !0 })
+], o.prototype, "filledIcon", 2);
+e([
+  n({ type: String })
+], o.prototype, "icon", 2);
+e([
+  n({ type: String })
+], o.prototype, "scale", 2);
+e([
+  n({ type: String })
+], o.prototype, "state", 2);
+e([
+  n({ type: Boolean })
+], o.prototype, "trailingIcon", 2);
+e([
+  d()
+], o.prototype, "_hasIconSlot", 2);
+o = e([
+  y("cv-icon-lockup")
+], o);
+const b = o;
+export {
+  o as CovalentIconLockup,
+  b as default
+};

package/index.d.ts

@@ -22,6 +22,7 @@ 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-lockup/icon-lockup';
 export * from './icon-radio/icon-radio-toggle';
 export * from './linear-progress/linear-progress';
 export * from './list/check-list-item';

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,2BAA2B,CAAC;AAC1C,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,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,yCAAyC,CAAC;AACxD,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,+BAA+B,CAAC;AAC9C,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,+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,2BAA2B,CAAC;AAC1C,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,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,yCAAyC,CAAC;AACxD,cAAc,aAAa,CAAC;AAC5B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yCAAyC,CAAC;AACxD,cAAc,mCAAmC,CAAC;AAClD,cAAc,2BAA2B,CAAC;AAC1C,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,+BAA+B,CAAC;AAC9C,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,+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"),l=require("./chip-c65a4549.js"),u=require("./chip-set.js"),c=require("./circular-progress.js"),b=require("./code-editor-b36fad77.js"),C=require("./code-snippet.js"),s=require("./dialog-83104700.js"),v=require("./drawer.js"),p=require("./empty-state.js"),d=require("./expansion-panel.js"),g=require("./expansion-panel-item.js"),q=require("./focused-page.js"),m=require("./formfield.js"),P=require("./full-screen-dialog.js"),y=require("./icon.js"),f=require("./icon-button.js"),j=require("./icon-button-toggle.js"),O=require("./icon-check-toggle.js"),S=require("./icon-radio-toggle.js"),T=require("./linear-progress.js"),I=require("./check-list-item.js"),h=require("./list.js"),L=require("./list-item.js"),x=require("./nav-list-item.js"),B=require("./radio-list-item.js"),k=require("./menu.js"),R=require("./notebook-cell.js"),A=require("./radio.js"),F=require("./select.js"),D=require("./side-sheet.js"),E=require("./slider.js"),w=require("./slider-range.js"),H=require("./snackbar.js"),N=require("./status-dialog.js"),M=require("./status-header.js"),_=require("./status-header-item.js"),z=require("./switch.js"),G=require("./tab.js"),J=require("./tab-bar.js"),K=require("./textarea.js"),Q=require("./textfield.js"),U=require("./text-lockup.js"),V=require("./toolbar.js"),W=require("./tooltip.js"),X=require("./top-app-bar.js"),Y=require("./top-app-bar-fixed.js"),Z=require("./tree-list.js"),$=require("./tree-list-item.js"),ee=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-0a4c6ca9.js");require("./directive-1186bc23.js");require("./property-57f6f6fe.js");require("./query-680f1868.js");require("./mwc-drawer-base-bbae43c3.js");require("./inert.esm-2cee6f2e.js");require("./base-element-58a3f9ea.js");require("./mwc-icon-f87639bc.js");require("./ripple-handlers-9fb4a31a.js");require("./state-0974a8e5.js");require("./style-map-a135c6ab.js");require("./aria-property-849c8816.js");require("./event-options-3f5eb195.js");require("./if-defined-f1c45245.js");require("./mwc-checkbox-base-935d9566.js");require("./form-element-c553d6f5.js");require("./mwc-checkbox.css-b3434429.js");require("./keyboard-39125691.js");require("./_commonjsHelpers-2367a3a2.js");require("./async-directive-4a34f75e.js");require("./directive-helpers-0ce1f995.js");require("./query-assigned-nodes-99eae71d.js");require("./mwc-radio-base-147cf999.js");require("./mwc-radio.css-4e140252.js");require("./mwc-list-item-base-06d93e6e.js");require("./list-item-8b940ec8.js");require("./mwc-list-base-22616d0a.js");require("./mwc-menu-base-08f54c38.js");require("./mwc-line-ripple-directive-40145003.js");require("./mwc-slider.css-c5f99704.js");require("./mwc-tab-base-f2269fd1.js");require("./textfield-83e78e56.js");require("./mwc-top-app-bar-base-8c8cde51.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:()=>l.CovalentChip});Object.defineProperty(exports,"CovalentChipSet",{enumerable:!0,get:()=>u.CovalentChipSet});Object.defineProperty(exports,"CovalentCircularProgress",{enumerable:!0,get:()=>c.CovalentCircularProgress});Object.defineProperty(exports,"CovalentCodeEditor",{enumerable:!0,get:()=>b.CovalentCodeEditor});Object.defineProperty(exports,"CovalentCodeSnippet",{enumerable:!0,get:()=>C.CovalentCodeSnippet});Object.defineProperty(exports,"CovalentDialog",{enumerable:!0,get:()=>s.CovalentDialog});Object.defineProperty(exports,"CovalentDrawer",{enumerable:!0,get:()=>v.CovalentDrawer});Object.defineProperty(exports,"CovalentEmptyState",{enumerable:!0,get:()=>p.CovalentEmptyState});Object.defineProperty(exports,"CovalentExpansionPanel",{enumerable:!0,get:()=>d.CovalentExpansionPanel});Object.defineProperty(exports,"CovalentExpansionPanelItem",{enumerable:!0,get:()=>g.CovalentExpansionPanelItem});Object.defineProperty(exports,"CovalentFocusedPage",{enumerable:!0,get:()=>q.CovalentFocusedPage});Object.defineProperty(exports,"CovalentFormfield",{enumerable:!0,get:()=>m.CovalentFormfield});Object.defineProperty(exports,"CovalentFullscreenDialog",{enumerable:!0,get:()=>P.CovalentFullscreenDialog});Object.defineProperty(exports,"CovalentIcon",{enumerable:!0,get:()=>y.CovalentIcon});Object.defineProperty(exports,"CovalentIconButton",{enumerable:!0,get:()=>f.CovalentIconButton});Object.defineProperty(exports,"CovalentIconButtonToggle",{enumerable:!0,get:()=>j.CovalentIconButtonToggle});Object.defineProperty(exports,"CovalentIconCheckToggle",{enumerable:!0,get:()=>O.CovalentIconCheckToggle});Object.defineProperty(exports,"CovalentIconRadioToggle",{enumerable:!0,get:()=>S.CovalentIconRadioToggle});Object.defineProperty(exports,"CovalentLinearProgress",{enumerable:!0,get:()=>T.CovalentLinearProgress});Object.defineProperty(exports,"CovalentCheckListItem",{enumerable:!0,get:()=>I.CovalentCheckListItem});Object.defineProperty(exports,"CovalentList",{enumerable:!0,get:()=>h.CovalentList});Object.defineProperty(exports,"CovalentListItem",{enumerable:!0,get:()=>L.CovalentListItem});Object.defineProperty(exports,"CovalentNavRailListItem",{enumerable:!0,get:()=>x.CovalentNavRailListItem});Object.defineProperty(exports,"CovalentRadioListItem",{enumerable:!0,get:()=>B.CovalentRadioListItem});Object.defineProperty(exports,"CovalentMenu",{enumerable:!0,get:()=>k.CovalentMenu});Object.defineProperty(exports,"CovalentNotebookCell",{enumerable:!0,get:()=>R.CovalentNotebookCell});Object.defineProperty(exports,"CovalentRadio",{enumerable:!0,get:()=>A.CovalentRadio});Object.defineProperty(exports,"CovalentSelect",{enumerable:!0,get:()=>F.CovalentSelect});Object.defineProperty(exports,"CovalentSideSheet",{enumerable:!0,get:()=>D.CovalentSideSheet});Object.defineProperty(exports,"CovalentSlider",{enumerable:!0,get:()=>E.CovalentSlider});Object.defineProperty(exports,"CovalentSliderRange",{enumerable:!0,get:()=>w.CovalentSliderRange});Object.defineProperty(exports,"CovalentSnackbar",{enumerable:!0,get:()=>H.CovalentSnackbar});Object.defineProperty(exports,"CovalentStatusDialog",{enumerable:!0,get:()=>N.CovalentStatusDialog});Object.defineProperty(exports,"CovalentStatusHeader",{enumerable:!0,get:()=>M.CovalentStatusHeader});Object.defineProperty(exports,"CovalentStatusHeaderItem",{enumerable:!0,get:()=>_.CovalentStatusHeaderItem});Object.defineProperty(exports,"CovalentSwitch",{enumerable:!0,get:()=>z.CovalentSwitch});Object.defineProperty(exports,"CovalentTab",{enumerable:!0,get:()=>G.CovalentTab});Object.defineProperty(exports,"CovalentTabBar",{enumerable:!0,get:()=>J.CovalentTabBar});Object.defineProperty(exports,"CovalentTextArea",{enumerable:!0,get:()=>K.CovalentTextArea});Object.defineProperty(exports,"CovalentTextField",{enumerable:!0,get:()=>Q.CovalentTextField});Object.defineProperty(exports,"CovalentTextLockup",{enumerable:!0,get:()=>U.CovalentTextLockup});Object.defineProperty(exports,"CovalentToolbar",{enumerable:!0,get:()=>V.CovalentToolbar});Object.defineProperty(exports,"CovalentTooltip",{enumerable:!0,get:()=>W.CovalentTooltip});Object.defineProperty(exports,"CovalentTopAppBar",{enumerable:!0,get:()=>X.CovalentTopAppBar});Object.defineProperty(exports,"CovalentTopAppBarFixed",{enumerable:!0,get:()=>Y.CovalentTopAppBarFixed});Object.defineProperty(exports,"CovalentTreeList",{enumerable:!0,get:()=>Z.CovalentTreeList});Object.defineProperty(exports,"CovalentTreeListItem",{enumerable:!0,get:()=>$.CovalentTreeListItem});Object.defineProperty(exports,"CovalentTypography",{enumerable:!0,get:()=>ee.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"),o=require("./badge.js"),n=require("./button.js"),a=require("./checkbox.js"),i=require("./card.js"),u=require("./chip-c65a4549.js"),l=require("./chip-set.js"),c=require("./circular-progress.js"),b=require("./code-editor-b36fad77.js"),C=require("./code-snippet.js"),s=require("./dialog-83104700.js"),p=require("./drawer.js"),v=require("./empty-state.js"),d=require("./expansion-panel.js"),g=require("./expansion-panel-item.js"),q=require("./focused-page.js"),m=require("./formfield.js"),P=require("./full-screen-dialog.js"),y=require("./icon.js"),f=require("./icon-button.js"),j=require("./icon-button-toggle.js"),O=require("./icon-check-toggle.js"),S=require("./icon-lockup.js"),T=require("./icon-radio-toggle.js"),I=require("./linear-progress.js"),h=require("./check-list-item.js"),L=require("./list.js"),k=require("./list-item.js"),x=require("./nav-list-item.js"),B=require("./radio-list-item.js"),R=require("./menu.js"),A=require("./notebook-cell.js"),F=require("./radio.js"),D=require("./select.js"),E=require("./side-sheet.js"),w=require("./slider.js"),H=require("./slider-range.js"),N=require("./snackbar.js"),M=require("./status-dialog.js"),_=require("./status-header.js"),z=require("./status-header-item.js"),G=require("./switch.js"),J=require("./tab.js"),K=require("./tab-bar.js"),Q=require("./textarea.js"),U=require("./textfield.js"),V=require("./text-lockup.js"),W=require("./toolbar.js"),X=require("./tooltip.js"),Y=require("./top-app-bar.js"),Z=require("./top-app-bar-fixed.js"),$=require("./tree-list.js"),ee=require("./tree-list-item.js"),te=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-0a4c6ca9.js");require("./directive-1186bc23.js");require("./property-57f6f6fe.js");require("./query-680f1868.js");require("./mwc-drawer-base-bbae43c3.js");require("./inert.esm-2cee6f2e.js");require("./base-element-58a3f9ea.js");require("./mwc-icon-f87639bc.js");require("./ripple-handlers-9fb4a31a.js");require("./state-0974a8e5.js");require("./style-map-a135c6ab.js");require("./aria-property-849c8816.js");require("./event-options-3f5eb195.js");require("./if-defined-f1c45245.js");require("./mwc-checkbox-base-935d9566.js");require("./form-element-c553d6f5.js");require("./mwc-checkbox.css-b3434429.js");require("./keyboard-39125691.js");require("./_commonjsHelpers-2367a3a2.js");require("./async-directive-4a34f75e.js");require("./directive-helpers-0ce1f995.js");require("./query-assigned-nodes-99eae71d.js");require("./mwc-radio-base-147cf999.js");require("./mwc-radio.css-4e140252.js");require("./mwc-list-item-base-06d93e6e.js");require("./list-item-8b940ec8.js");require("./mwc-list-base-22616d0a.js");require("./mwc-menu-base-08f54c38.js");require("./mwc-line-ripple-directive-40145003.js");require("./mwc-slider.css-c5f99704.js");require("./mwc-tab-base-f2269fd1.js");require("./textfield-83e78e56.js");require("./mwc-top-app-bar-base-8c8cde51.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:()=>o.CovalentBadge});Object.defineProperty(exports,"CovalentButton",{enumerable:!0,get:()=>n.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,"CovalentCodeEditor",{enumerable:!0,get:()=>b.CovalentCodeEditor});Object.defineProperty(exports,"CovalentCodeSnippet",{enumerable:!0,get:()=>C.CovalentCodeSnippet});Object.defineProperty(exports,"CovalentDialog",{enumerable:!0,get:()=>s.CovalentDialog});Object.defineProperty(exports,"CovalentDrawer",{enumerable:!0,get:()=>p.CovalentDrawer});Object.defineProperty(exports,"CovalentEmptyState",{enumerable:!0,get:()=>v.CovalentEmptyState});Object.defineProperty(exports,"CovalentExpansionPanel",{enumerable:!0,get:()=>d.CovalentExpansionPanel});Object.defineProperty(exports,"CovalentExpansionPanelItem",{enumerable:!0,get:()=>g.CovalentExpansionPanelItem});Object.defineProperty(exports,"CovalentFocusedPage",{enumerable:!0,get:()=>q.CovalentFocusedPage});Object.defineProperty(exports,"CovalentFormfield",{enumerable:!0,get:()=>m.CovalentFormfield});Object.defineProperty(exports,"CovalentFullscreenDialog",{enumerable:!0,get:()=>P.CovalentFullscreenDialog});Object.defineProperty(exports,"CovalentIcon",{enumerable:!0,get:()=>y.CovalentIcon});Object.defineProperty(exports,"CovalentIconButton",{enumerable:!0,get:()=>f.CovalentIconButton});Object.defineProperty(exports,"CovalentIconButtonToggle",{enumerable:!0,get:()=>j.CovalentIconButtonToggle});Object.defineProperty(exports,"CovalentIconCheckToggle",{enumerable:!0,get:()=>O.CovalentIconCheckToggle});Object.defineProperty(exports,"CovalentIconLockup",{enumerable:!0,get:()=>S.CovalentIconLockup});Object.defineProperty(exports,"CovalentIconRadioToggle",{enumerable:!0,get:()=>T.CovalentIconRadioToggle});Object.defineProperty(exports,"CovalentLinearProgress",{enumerable:!0,get:()=>I.CovalentLinearProgress});Object.defineProperty(exports,"CovalentCheckListItem",{enumerable:!0,get:()=>h.CovalentCheckListItem});Object.defineProperty(exports,"CovalentList",{enumerable:!0,get:()=>L.CovalentList});Object.defineProperty(exports,"CovalentListItem",{enumerable:!0,get:()=>k.CovalentListItem});Object.defineProperty(exports,"CovalentNavRailListItem",{enumerable:!0,get:()=>x.CovalentNavRailListItem});Object.defineProperty(exports,"CovalentRadioListItem",{enumerable:!0,get:()=>B.CovalentRadioListItem});Object.defineProperty(exports,"CovalentMenu",{enumerable:!0,get:()=>R.CovalentMenu});Object.defineProperty(exports,"CovalentNotebookCell",{enumerable:!0,get:()=>A.CovalentNotebookCell});Object.defineProperty(exports,"CovalentRadio",{enumerable:!0,get:()=>F.CovalentRadio});Object.defineProperty(exports,"CovalentSelect",{enumerable:!0,get:()=>D.CovalentSelect});Object.defineProperty(exports,"CovalentSideSheet",{enumerable:!0,get:()=>E.CovalentSideSheet});Object.defineProperty(exports,"CovalentSlider",{enumerable:!0,get:()=>w.CovalentSlider});Object.defineProperty(exports,"CovalentSliderRange",{enumerable:!0,get:()=>H.CovalentSliderRange});Object.defineProperty(exports,"CovalentSnackbar",{enumerable:!0,get:()=>N.CovalentSnackbar});Object.defineProperty(exports,"CovalentStatusDialog",{enumerable:!0,get:()=>M.CovalentStatusDialog});Object.defineProperty(exports,"CovalentStatusHeader",{enumerable:!0,get:()=>_.CovalentStatusHeader});Object.defineProperty(exports,"CovalentStatusHeaderItem",{enumerable:!0,get:()=>z.CovalentStatusHeaderItem});Object.defineProperty(exports,"CovalentSwitch",{enumerable:!0,get:()=>G.CovalentSwitch});Object.defineProperty(exports,"CovalentTab",{enumerable:!0,get:()=>J.CovalentTab});Object.defineProperty(exports,"CovalentTabBar",{enumerable:!0,get:()=>K.CovalentTabBar});Object.defineProperty(exports,"CovalentTextArea",{enumerable:!0,get:()=>Q.CovalentTextArea});Object.defineProperty(exports,"CovalentTextField",{enumerable:!0,get:()=>U.CovalentTextField});Object.defineProperty(exports,"CovalentTextLockup",{enumerable:!0,get:()=>V.CovalentTextLockup});Object.defineProperty(exports,"CovalentToolbar",{enumerable:!0,get:()=>W.CovalentToolbar});Object.defineProperty(exports,"CovalentTooltip",{enumerable:!0,get:()=>X.CovalentTooltip});Object.defineProperty(exports,"CovalentTopAppBar",{enumerable:!0,get:()=>Y.CovalentTopAppBar});Object.defineProperty(exports,"CovalentTopAppBarFixed",{enumerable:!0,get:()=>Z.CovalentTopAppBarFixed});Object.defineProperty(exports,"CovalentTreeList",{enumerable:!0,get:()=>$.CovalentTreeList});Object.defineProperty(exports,"CovalentTreeListItem",{enumerable:!0,get:()=>ee.CovalentTreeListItem});Object.defineProperty(exports,"CovalentTypography",{enumerable:!0,get:()=>te.CovalentTypography});

package/index.mjs

@@ -15,44 +15,45 @@ import { CovalentDrawer as so } from "./drawer.mjs";
 import { CovalentEmptyState as go } from "./empty-state.mjs";
 import { CovalentExpansionPanel as So } from "./expansion-panel.mjs";
 import { CovalentExpansionPanelItem as uo } from "./expansion-panel-item.mjs";
-import { CovalentFocusedPage as Lo } from "./focused-page.mjs";
-import { CovalentFormfield as Bo } from "./formfield.mjs";
+import { CovalentFocusedPage as ho } from "./focused-page.mjs";
+import { CovalentFormfield as ko } from "./formfield.mjs";
 import { CovalentFullscreenDialog as Ao } from "./full-screen-dialog.mjs";
 import { CovalentIcon as Fo } from "./icon.mjs";
 import { CovalentIconButton as Do } from "./icon-button.mjs";
 import { CovalentIconButtonToggle as yo } from "./icon-button-toggle.mjs";
 import { CovalentIconCheckToggle as Ho } from "./icon-check-toggle.mjs";
-import { CovalentIconRadioToggle as Mo } from "./icon-radio-toggle.mjs";
-import { CovalentLinearProgress as qo } from "./linear-progress.mjs";
-import { CovalentCheckListItem as Go } from "./check-list-item.mjs";
-import { CovalentList as Ko } from "./list.mjs";
-import { CovalentListItem as Qo } from "./list-item.mjs";
-import { CovalentNavRailListItem as Vo } from "./nav-list-item.mjs";
-import { CovalentRadioListItem as Xo } from "./radio-list-item.mjs";
-import { CovalentMenu as Zo } from "./menu.mjs";
-import { CovalentNotebookCell as $o } from "./notebook-cell.mjs";
-import { CovalentRadio as tt } from "./radio.mjs";
-import { CovalentSelect as et } from "./select.mjs";
-import { CovalentSideSheet as mt } from "./side-sheet.mjs";
-import { CovalentSlider as lt } from "./slider.mjs";
-import { CovalentSliderRange as it } from "./slider-range.mjs";
-import { CovalentSnackbar as xt } from "./snackbar.mjs";
-import { CovalentStatusDialog as vt } from "./status-dialog.mjs";
-import { CovalentStatusHeader as dt } from "./status-header.mjs";
-import { CovalentStatusHeaderItem as gt } from "./status-header-item.mjs";
-import { CovalentSwitch as St } from "./switch.mjs";
-import { CovalentTab as ut } from "./tab.mjs";
-import { CovalentTabBar as Lt } from "./tab-bar.mjs";
-import { CovalentTextArea as Bt } from "./textarea.mjs";
-import { CovalentTextField as At } from "./textfield.mjs";
-import { CovalentTextLockup as Ft } from "./text-lockup.mjs";
-import { CovalentToolbar as Dt } from "./toolbar.mjs";
-import { CovalentTooltip as yt } from "./tooltip.mjs";
-import { CovalentTopAppBar as Ht } from "./top-app-bar.mjs";
-import { CovalentTopAppBarFixed as Mt } from "./top-app-bar-fixed.mjs";
-import { CovalentTreeList as qt } from "./tree-list.mjs";
-import { CovalentTreeListItem as Gt } from "./tree-list-item.mjs";
-import { CovalentTypography as Kt } from "./typography.mjs";
+import { CovalentIconLockup as Mo } from "./icon-lockup.mjs";
+import { CovalentIconRadioToggle as qo } from "./icon-radio-toggle.mjs";
+import { CovalentLinearProgress as Go } from "./linear-progress.mjs";
+import { CovalentCheckListItem as Ko } from "./check-list-item.mjs";
+import { CovalentList as Qo } from "./list.mjs";
+import { CovalentListItem as Vo } from "./list-item.mjs";
+import { CovalentNavRailListItem as Xo } from "./nav-list-item.mjs";
+import { CovalentRadioListItem as Zo } from "./radio-list-item.mjs";
+import { CovalentMenu as $o } from "./menu.mjs";
+import { CovalentNotebookCell as tt } from "./notebook-cell.mjs";
+import { CovalentRadio as et } from "./radio.mjs";
+import { CovalentSelect as mt } from "./select.mjs";
+import { CovalentSideSheet as lt } from "./side-sheet.mjs";
+import { CovalentSlider as it } from "./slider.mjs";
+import { CovalentSliderRange as xt } from "./slider-range.mjs";
+import { CovalentSnackbar as vt } from "./snackbar.mjs";
+import { CovalentStatusDialog as ct } from "./status-dialog.mjs";
+import { CovalentStatusHeader as gt } from "./status-header.mjs";
+import { CovalentStatusHeaderItem as St } from "./status-header-item.mjs";
+import { CovalentSwitch as ut } from "./switch.mjs";
+import { CovalentTab as ht } from "./tab.mjs";
+import { CovalentTabBar as kt } from "./tab-bar.mjs";
+import { CovalentTextArea as At } from "./textarea.mjs";
+import { CovalentTextField as Ft } from "./textfield.mjs";
+import { CovalentTextLockup as Dt } from "./text-lockup.mjs";
+import { CovalentToolbar as yt } from "./toolbar.mjs";
+import { CovalentTooltip as Ht } from "./tooltip.mjs";
+import { CovalentTopAppBar as Mt } from "./top-app-bar.mjs";
+import { CovalentTopAppBarFixed as qt } from "./top-app-bar-fixed.mjs";
+import { CovalentTreeList as Gt } from "./tree-list.mjs";
+import { CovalentTreeListItem as Kt } from "./tree-list-item.mjs";
+import { CovalentTypography as Qt } from "./typography.mjs";
 import "./query-assigned-elements-4a39219d.mjs";
 import "./utils-dc65fdc9.mjs";
 import "./observer-be7b92e2.mjs";
@@ -100,7 +101,7 @@ export {
   W as CovalentBadge,
   Y as CovalentButton,
   oo as CovalentCard,
-  Go as CovalentCheckListItem,
+  Ko as CovalentCheckListItem,
   _ as CovalentCheckbox,
   ro as CovalentChip,
   po as CovalentChipSet,
@@ -112,41 +113,42 @@ export {
   go as CovalentEmptyState,
   So as CovalentExpansionPanel,
   uo as CovalentExpansionPanelItem,
-  Lo as CovalentFocusedPage,
-  Bo as CovalentFormfield,
+  ho as CovalentFocusedPage,
+  ko as CovalentFormfield,
   Ao as CovalentFullscreenDialog,
   Fo as CovalentIcon,
   Do as CovalentIconButton,
   yo as CovalentIconButtonToggle,
   Ho as CovalentIconCheckToggle,
-  Mo as CovalentIconRadioToggle,
-  qo as CovalentLinearProgress,
-  Ko as CovalentList,
-  Qo as CovalentListItem,
-  Zo as CovalentMenu,
-  Vo as CovalentNavRailListItem,
-  $o as CovalentNotebookCell,
-  tt as CovalentRadio,
-  Xo as CovalentRadioListItem,
-  et as CovalentSelect,
-  mt as CovalentSideSheet,
-  lt as CovalentSlider,
-  it as CovalentSliderRange,
-  xt as CovalentSnackbar,
-  vt as CovalentStatusDialog,
-  dt as CovalentStatusHeader,
-  gt as CovalentStatusHeaderItem,
-  St as CovalentSwitch,
-  ut as CovalentTab,
-  Lt as CovalentTabBar,
-  Bt as CovalentTextArea,
-  At as CovalentTextField,
-  Ft as CovalentTextLockup,
-  Dt as CovalentToolbar,
-  yt as CovalentTooltip,
-  Ht as CovalentTopAppBar,
-  Mt as CovalentTopAppBarFixed,
-  qt as CovalentTreeList,
-  Gt as CovalentTreeListItem,
-  Kt as CovalentTypography
+  Mo as CovalentIconLockup,
+  qo as CovalentIconRadioToggle,
+  Go as CovalentLinearProgress,
+  Qo as CovalentList,
+  Vo as CovalentListItem,
+  $o as CovalentMenu,
+  Xo as CovalentNavRailListItem,
+  tt as CovalentNotebookCell,
+  et as CovalentRadio,
+  Zo as CovalentRadioListItem,
+  mt as CovalentSelect,
+  lt as CovalentSideSheet,
+  it as CovalentSlider,
+  xt as CovalentSliderRange,
+  vt as CovalentSnackbar,
+  ct as CovalentStatusDialog,
+  gt as CovalentStatusHeader,
+  St as CovalentStatusHeaderItem,
+  ut as CovalentSwitch,
+  ht as CovalentTab,
+  kt as CovalentTabBar,
+  At as CovalentTextArea,
+  Ft as CovalentTextField,
+  Dt as CovalentTextLockup,
+  yt as CovalentToolbar,
+  Ht as CovalentTooltip,
+  Mt as CovalentTopAppBar,
+  qt as CovalentTopAppBarFixed,
+  Gt as CovalentTreeList,
+  Kt as CovalentTreeListItem,
+  Qt as CovalentTypography
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@covalent/components",
-  "version": "8.23.1",
+  "version": "8.24.0",
   "description": "a catalog of material components for covalent",
   "main": "./index.js",
   "module": "./index.mjs",
@@ -136,6 +136,11 @@
       "import": "./icon-checkbox.mjs",
       "require": "./icon-checkbox.js"
     },
+    "./icon-lockup": {
+      "types": "./icon-lockup/icon-lockup.d.ts",
+      "import": "./icon-lockup.mjs",
+      "require": "./icon-lockup.js"
+    },
     "./icon-radio-toggle": {
       "types": "./icon-radio-toggle/icon-radio-toggle.d.ts",
       "import": "./icon-radio-toggle.mjs",