@justeattakeaway/pie-icons-webc 0.22.0 → 0.23.0

package/README.md

@@ -136,9 +136,6 @@ import '@justeattakeaway/pie-icons-webc/dist/IconCalendar.js';
 
 ## Props
 
-Icons accept any standard attribute, except for `width` and `height` since those are set implicitly by using the `size` prop.
-
-
 ### `size`
 
 Icons are made available in different size variants:

package/dist/IconAccountCredit.d.ts

@@ -1,20 +1,14 @@
-import { LitElement, TemplateResult, PropertyValues } from 'lit';
+import { TemplateResult } from 'lit';
 import { RegularIconSize } from '@justeattakeaway/pie-icons-configs';
-interface IconProps {
-    size: RegularIconSize;
-    class: string;
-}
+import { PieIconComponent } from './PieIconComponent.ts';
 declare const componentSelector = "icon-account-credit";
 /**
  * @tagname icon-account-credit
  */
-export declare class IconAccountCredit extends LitElement implements IconProps {
-    static styles: import("lit").CSSResult;
+export declare class IconAccountCredit extends PieIconComponent {
     size: RegularIconSize;
     class: string;
-    private _svg?;
-    connectedCallback(): void;
-    updated(changedProperties: PropertyValues<this>): void;
+    protected name: string;
     render(): TemplateResult;
 }
 declare global {

package/dist/IconAccountCredit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconAccountCredit.d.ts","sourceRoot":"","sources":["../icons/IconAccountCredit.ts"],"names":[],"mappings":"AAAA,OAAO,EACG,UAAU,EAAE,cAAc,EAAO,cAAc,EACxD,MAAM,KAAK,CAAC;AAGb,OAAO,EAAe,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAElF,UAAU,SAAS;IACf,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,iBAAiB,wBAAwB,CAAC;AAEhD;;GAEG;AACH,qBAAa,iBAAkB,SAAQ,UAAW,YAAW,SAAS;IAElE,MAAM,CAAC,MAAM,0BAMX;IAGK,IAAI,EAAG,eAAe,CAAQ;IAG9B,KAAK,SAAwC;IAGpD,OAAO,CAAC,IAAI,CAAC,CAAc;IAE3B,iBAAiB,IAAM,IAAI;IAS3B,OAAO,CAAE,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAI,IAAI;IAWxD,MAAM,IAAM,cAAc;CAG7B;AAID,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;KAC1C;CACJ"}
+{"version":3,"file":"IconAccountCredit.d.ts","sourceRoot":"","sources":["../icons/IconAccountCredit.ts"],"names":[],"mappings":"AAAA,OAAO,EACO,cAAc,EACvB,MAAM,KAAK,CAAC;AAGb,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,QAAA,MAAM,iBAAiB,wBAAwB,CAAC;AAEhD;;GAEG;AACH,qBAAa,iBAAkB,SAAQ,gBAAgB;IAE5C,IAAI,EAAE,eAAe,CAAQ;IAI7B,KAAK,SAAwC;IAEpD,SAAS,CAAC,IAAI,SAAuB;IAErC,MAAM,IAAI,cAAc;CAG3B;AAID,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;KAC1C;CACJ"}

package/dist/IconAccountCredit.js

@@ -1,50 +1,28 @@
-import { css as a, LitElement as d, html as v } from "lit";
-import { defineCustomElement as u } from "@justeattakeaway/pie-webc-core";
-import { property as h, query as g } from "lit/decorators.js";
-import { g as l } from "./configs.58b0302e.js";
-var f = Object.defineProperty, m = Object.getOwnPropertyDescriptor, p = (o, c, t, i) => {
-  for (var e = i > 1 ? void 0 : i ? m(c, t) : c, s = o.length - 1, n; s >= 0; s--)
-    (n = o[s]) && (e = (i ? n(c, t, e) : n(e)) || e);
-  return i && e && f(c, t, e), e;
+import { html as a } from "lit";
+import { defineCustomElement as h } from "@justeattakeaway/pie-webc-core";
+import { property as s } from "lit/decorators.js";
+import { PieIconComponent as u } from "./PieIconComponent.js";
+var v = Object.defineProperty, d = Object.getOwnPropertyDescriptor, l = (o, t, c, r) => {
+  for (var e = r > 1 ? void 0 : r ? d(t, c) : t, n = o.length - 1, i; n >= 0; n--)
+    (i = o[n]) && (e = (r ? i(t, c, e) : i(e)) || e);
+  return r && e && v(t, c, e), e;
 };
-const w = "icon-account-credit";
-class r extends d {
+const m = "icon-account-credit";
+class p extends u {
   constructor() {
-    super(...arguments), this.size = "xs", this.class = "c-pieIcon c-pieIcon--accountCredit";
-  }
-  connectedCallback() {
-    var c, t, i;
-    if (super.connectedCallback(), ((c = this._svg) == null ? void 0 : c.getAttribute("width")) === null) {
-      const e = l("c-pieIcon c-pieIcon--accountCredit", "", null, "IconAccountCredit");
-      (t = this._svg) == null || t.setAttribute("width", e.width), (i = this._svg) == null || i.setAttribute("height", e.height);
-    }
-  }
-  updated(c) {
-    var i, e;
-    let t;
-    c.has("size") && (t = l("c-pieIcon c-pieIcon--accountCredit", "", this.size, "IconAccountCredit"), (i = this._svg) == null || i.setAttribute("width", t.width), (e = this._svg) == null || e.setAttribute("height", t.height));
+    super(...arguments), this.size = "xs", this.class = "c-pieIcon c-pieIcon--accountCredit", this.name = "IconAccountCredit";
   }
   render() {
-    return v`<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--accountCredit"><path fill-rule="evenodd" d="M6.326 4.392A2.17 2.17 0 1 0 6.327.053a2.17 2.17 0 0 0 0 4.34Zm0-3.027c.473 0 .858.385.858.857a.859.859 0 0 1-.858.858.859.859 0 0 1-.857-.858c0-.472.385-.857.857-.857Z" clip-rule="evenodd"></path><path fill-rule="evenodd" d="M11.086 8.488H5.898c-.64 0-1.155.516-1.155 1.155v3.167c0 .639.516 1.155 1.155 1.155h5.188c.64 0 1.155-.516 1.155-1.155V9.643c0-.64-.516-1.155-1.155-1.155ZM10.93 9.8v.612H6.055V9.8h4.874Zm-4.874 2.852v-1.356h4.874v1.357H6.055Z" clip-rule="evenodd"></path><path d="m10.054 6.589.175.437.061.149H8.864l-.07-.166a1.088 1.088 0 0 0-.971-.613H4.839c-.446 0-.849.271-1.015.683L3.176 8.67H1.76l.849-2.082a2.403 2.403 0 0 1 2.23-1.505h2.985c.988 0 1.863.595 2.23 1.505Z"></path></svg>`;
+    return a`<svg width="${this._svgWidth}" height="${this._svgHeight}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--accountCredit"><path fill-rule="evenodd" d="M6.326 4.392A2.17 2.17 0 1 0 6.327.053a2.17 2.17 0 0 0 0 4.34Zm0-3.027c.473 0 .858.385.858.857a.859.859 0 0 1-.858.858.859.859 0 0 1-.857-.858c0-.472.385-.857.857-.857Z" clip-rule="evenodd"></path><path fill-rule="evenodd" d="M11.086 8.488H5.898c-.64 0-1.155.516-1.155 1.155v3.167c0 .639.516 1.155 1.155 1.155h5.188c.64 0 1.155-.516 1.155-1.155V9.643c0-.64-.516-1.155-1.155-1.155ZM10.93 9.8v.612H6.055V9.8h4.874Zm-4.874 2.852v-1.356h4.874v1.357H6.055Z" clip-rule="evenodd"></path><path d="m10.054 6.589.175.437.061.149H8.864l-.07-.166a1.088 1.088 0 0 0-.971-.613H4.839c-.446 0-.849.271-1.015.683L3.176 8.67H1.76l.849-2.082a2.403 2.403 0 0 1 2.23-1.505h2.985c.988 0 1.863.595 2.23 1.505Z"></path></svg>`;
   }
 }
-r.styles = a`
-        :host svg {
-            display: var(--icon-display-override);
-            width: var(--icon-size-override);
-            height: var(--icon-size-override);
-        }
-    `;
-p([
-  h({ type: String, reflect: !0 })
-], r.prototype, "size", 2);
-p([
-  h({ type: String, reflect: !0 })
-], r.prototype, "class", 2);
-p([
-  g("svg")
-], r.prototype, "_svg", 2);
-u(w, r);
+l([
+  s({ type: String, reflect: !0 })
+], p.prototype, "size", 2);
+l([
+  s({ type: String, reflect: !0 })
+], p.prototype, "class", 2);
+h(m, p);
 export {
-  r as IconAccountCredit
+  p as IconAccountCredit
 };

package/dist/IconAccountCreditLarge.d.ts

@@ -1,20 +1,14 @@
-import { LitElement, TemplateResult, PropertyValues } from 'lit';
+import { TemplateResult } from 'lit';
 import { LargeIconSize } from '@justeattakeaway/pie-icons-configs';
-interface IconProps {
-    size: LargeIconSize;
-    class: string;
-}
+import { PieIconComponent } from './PieIconComponent.ts';
 declare const componentSelector = "icon-account-credit-large";
 /**
  * @tagname icon-account-credit-large
  */
-export declare class IconAccountCreditLarge extends LitElement implements IconProps {
-    static styles: import("lit").CSSResult;
+export declare class IconAccountCreditLarge extends PieIconComponent {
     size: LargeIconSize;
     class: string;
-    private _svg?;
-    connectedCallback(): void;
-    updated(changedProperties: PropertyValues<this>): void;
+    protected name: string;
     render(): TemplateResult;
 }
 declare global {

package/dist/IconAccountCreditLarge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconAccountCreditLarge.d.ts","sourceRoot":"","sources":["../icons/IconAccountCreditLarge.ts"],"names":[],"mappings":"AAAA,OAAO,EACG,UAAU,EAAE,cAAc,EAAO,cAAc,EACxD,MAAM,KAAK,CAAC;AAGb,OAAO,EAAe,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAEhF,UAAU,SAAS;IACf,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,iBAAiB,8BAA8B,CAAC;AAEtD;;GAEG;AACH,qBAAa,sBAAuB,SAAQ,UAAW,YAAW,SAAS;IAEvE,MAAM,CAAC,MAAM,0BAMX;IAGK,IAAI,EAAG,aAAa,CAAM;IAG1B,KAAK,SAA6C;IAGzD,OAAO,CAAC,IAAI,CAAC,CAAc;IAE3B,iBAAiB,IAAM,IAAI;IAS3B,OAAO,CAAE,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAI,IAAI;IAWxD,MAAM,IAAM,cAAc;CAG7B;AAID,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,sBAAsB,CAAC;KAC/C;CACJ"}
+{"version":3,"file":"IconAccountCreditLarge.d.ts","sourceRoot":"","sources":["../icons/IconAccountCreditLarge.ts"],"names":[],"mappings":"AAAA,OAAO,EACO,cAAc,EACvB,MAAM,KAAK,CAAC;AAGb,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,QAAA,MAAM,iBAAiB,8BAA8B,CAAC;AAEtD;;GAEG;AACH,qBAAa,sBAAuB,SAAQ,gBAAgB;IAEjD,IAAI,EAAE,aAAa,CAAM;IAIzB,KAAK,SAA6C;IAEzD,SAAS,CAAC,IAAI,SAA4B;IAE1C,MAAM,IAAI,cAAc;CAG3B;AAID,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,sBAAsB,CAAC;KAC/C;CACJ"}

package/dist/IconAccountCreditLarge.js

@@ -1,50 +1,28 @@
-import { css as l, LitElement as v, html as d } from "lit";
-import { defineCustomElement as g } from "@justeattakeaway/pie-webc-core";
-import { property as h, query as u } from "lit/decorators.js";
-import { g as p } from "./configs.58b0302e.js";
-var f = Object.defineProperty, m = Object.getOwnPropertyDescriptor, n = (o, i, t, r) => {
-  for (var e = r > 1 ? void 0 : r ? m(i, t) : i, s = o.length - 1, a; s >= 0; s--)
-    (a = o[s]) && (e = (r ? a(i, t, e) : a(e)) || e);
-  return r && e && f(i, t, e), e;
+import { html as l } from "lit";
+import { defineCustomElement as h } from "@justeattakeaway/pie-webc-core";
+import { property as i } from "lit/decorators.js";
+import { PieIconComponent as v } from "./PieIconComponent.js";
+var d = Object.defineProperty, u = Object.getOwnPropertyDescriptor, s = (o, t, c, r) => {
+  for (var e = r > 1 ? void 0 : r ? u(t, c) : t, a = o.length - 1, n; a >= 0; a--)
+    (n = o[a]) && (e = (r ? n(t, c, e) : n(e)) || e);
+  return r && e && d(t, c, e), e;
 };
-const w = "icon-account-credit-large";
-class c extends v {
+const m = "icon-account-credit-large";
+class p extends v {
   constructor() {
-    super(...arguments), this.size = 32, this.class = "c-pieIcon c-pieIcon--accountCreditLarge";
-  }
-  connectedCallback() {
-    var i, t, r;
-    if (super.connectedCallback(), ((i = this._svg) == null ? void 0 : i.getAttribute("width")) === null) {
-      const e = p("c-pieIcon c-pieIcon--accountCreditLarge", "", null, "IconAccountCreditLarge");
-      (t = this._svg) == null || t.setAttribute("width", e.width), (r = this._svg) == null || r.setAttribute("height", e.height);
-    }
-  }
-  updated(i) {
-    var r, e;
-    let t;
-    i.has("size") && (t = p("c-pieIcon c-pieIcon--accountCreditLarge", "", this.size, "IconAccountCreditLarge"), (r = this._svg) == null || r.setAttribute("width", t.width), (e = this._svg) == null || e.setAttribute("height", t.height));
+    super(...arguments), this.size = 32, this.class = "c-pieIcon c-pieIcon--accountCreditLarge", this.name = "IconAccountCreditLarge";
   }
   render() {
-    return d`<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--accountCreditLarge"><path fill-rule="evenodd" d="M13.646 10.444a3.818 3.818 0 0 0 3.815-3.815c0-2.1-1.706-3.815-3.815-3.815a3.818 3.818 0 0 0-3.815 3.815c0 2.1 1.715 3.815 3.815 3.815Zm0-5.88c1.138 0 2.065.927 2.065 2.065a2.069 2.069 0 0 1-2.065 2.065 2.069 2.069 0 0 1-2.065-2.065c0-1.138.928-2.065 2.065-2.065Z" clip-rule="evenodd"></path><path d="M17.873 14.162a3.446 3.446 0 0 0-2.048-.595h-4.322c-.753-.008-1.462.184-2.065.587a3.575 3.575 0 0 0-1.34 1.645l-.717 2.012H5.526l.937-2.625a5.246 5.246 0 0 1 2.012-2.493 5.22 5.22 0 0 1 3.045-.875h4.288a5.148 5.148 0 0 1 3.045.892 5.21 5.21 0 0 1 1.995 2.485l.148.429h-1.88a3.575 3.575 0 0 0-1.243-1.462Z"></path><path d="M13.165 24.067h2.573v1.75h-2.573v-1.75Z"></path><path fill-rule="evenodd" d="M12.097 17.47h12.338a2.06 2.06 0 0 1 2.056 2.056v7.543a2.06 2.06 0 0 1-2.056 2.056H12.097a2.06 2.06 0 0 1-2.056-2.056v-7.543a2.06 2.06 0 0 1 2.056-2.056Zm12.338 9.905a.31.31 0 0 0 .306-.306V22.58h-12.95v4.489c0 .166.14.306.306.306h12.338ZM11.79 20.83h12.95v-1.304a.31.31 0 0 0-.306-.306H12.097a.31.31 0 0 0-.306.306v1.304Z" clip-rule="evenodd"></path></svg>`;
+    return l`<svg width="${this._svgWidth}" height="${this._svgHeight}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--accountCreditLarge"><path fill-rule="evenodd" d="M13.646 10.444a3.818 3.818 0 0 0 3.815-3.815c0-2.1-1.706-3.815-3.815-3.815a3.818 3.818 0 0 0-3.815 3.815c0 2.1 1.715 3.815 3.815 3.815Zm0-5.88c1.138 0 2.065.927 2.065 2.065a2.069 2.069 0 0 1-2.065 2.065 2.069 2.069 0 0 1-2.065-2.065c0-1.138.928-2.065 2.065-2.065Z" clip-rule="evenodd"></path><path d="M17.873 14.162a3.446 3.446 0 0 0-2.048-.595h-4.322c-.753-.008-1.462.184-2.065.587a3.575 3.575 0 0 0-1.34 1.645l-.717 2.012H5.526l.937-2.625a5.246 5.246 0 0 1 2.012-2.493 5.22 5.22 0 0 1 3.045-.875h4.288a5.148 5.148 0 0 1 3.045.892 5.21 5.21 0 0 1 1.995 2.485l.148.429h-1.88a3.575 3.575 0 0 0-1.243-1.462Z"></path><path d="M13.165 24.067h2.573v1.75h-2.573v-1.75Z"></path><path fill-rule="evenodd" d="M12.097 17.47h12.338a2.06 2.06 0 0 1 2.056 2.056v7.543a2.06 2.06 0 0 1-2.056 2.056H12.097a2.06 2.06 0 0 1-2.056-2.056v-7.543a2.06 2.06 0 0 1 2.056-2.056Zm12.338 9.905a.31.31 0 0 0 .306-.306V22.58h-12.95v4.489c0 .166.14.306.306.306h12.338ZM11.79 20.83h12.95v-1.304a.31.31 0 0 0-.306-.306H12.097a.31.31 0 0 0-.306.306v1.304Z" clip-rule="evenodd"></path></svg>`;
   }
 }
-c.styles = l`
-        :host svg {
-            display: var(--icon-display-override);
-            width: var(--icon-size-override);
-            height: var(--icon-size-override);
-        }
-    `;
-n([
-  h({ type: String, reflect: !0 })
-], c.prototype, "size", 2);
-n([
-  h({ type: String, reflect: !0 })
-], c.prototype, "class", 2);
-n([
-  u("svg")
-], c.prototype, "_svg", 2);
-g(w, c);
+s([
+  i({ type: String, reflect: !0 })
+], p.prototype, "size", 2);
+s([
+  i({ type: String, reflect: !0 })
+], p.prototype, "class", 2);
+h(m, p);
 export {
-  c as IconAccountCreditLarge
+  p as IconAccountCreditLarge
 };

package/dist/IconAlcohol.d.ts

@@ -1,20 +1,14 @@
-import { LitElement, TemplateResult, PropertyValues } from 'lit';
+import { TemplateResult } from 'lit';
 import { RegularIconSize } from '@justeattakeaway/pie-icons-configs';
-interface IconProps {
-    size: RegularIconSize;
-    class: string;
-}
+import { PieIconComponent } from './PieIconComponent.ts';
 declare const componentSelector = "icon-alcohol";
 /**
  * @tagname icon-alcohol
  */
-export declare class IconAlcohol extends LitElement implements IconProps {
-    static styles: import("lit").CSSResult;
+export declare class IconAlcohol extends PieIconComponent {
     size: RegularIconSize;
     class: string;
-    private _svg?;
-    connectedCallback(): void;
-    updated(changedProperties: PropertyValues<this>): void;
+    protected name: string;
     render(): TemplateResult;
 }
 declare global {

package/dist/IconAlcohol.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconAlcohol.d.ts","sourceRoot":"","sources":["../icons/IconAlcohol.ts"],"names":[],"mappings":"AAAA,OAAO,EACG,UAAU,EAAE,cAAc,EAAO,cAAc,EACxD,MAAM,KAAK,CAAC;AAGb,OAAO,EAAe,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAElF,UAAU,SAAS;IACf,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,iBAAiB,iBAAiB,CAAC;AAEzC;;GAEG;AACH,qBAAa,WAAY,SAAQ,UAAW,YAAW,SAAS;IAE5D,MAAM,CAAC,MAAM,0BAMX;IAGK,IAAI,EAAG,eAAe,CAAQ;IAG9B,KAAK,SAAkC;IAG9C,OAAO,CAAC,IAAI,CAAC,CAAc;IAE3B,iBAAiB,IAAM,IAAI;IAS3B,OAAO,CAAE,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAI,IAAI;IAWxD,MAAM,IAAM,cAAc;CAG7B;AAID,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,WAAW,CAAC;KACpC;CACJ"}
+{"version":3,"file":"IconAlcohol.d.ts","sourceRoot":"","sources":["../icons/IconAlcohol.ts"],"names":[],"mappings":"AAAA,OAAO,EACO,cAAc,EACvB,MAAM,KAAK,CAAC;AAGb,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,QAAA,MAAM,iBAAiB,iBAAiB,CAAC;AAEzC;;GAEG;AACH,qBAAa,WAAY,SAAQ,gBAAgB;IAEtC,IAAI,EAAE,eAAe,CAAQ;IAI7B,KAAK,SAAkC;IAE9C,SAAS,CAAC,IAAI,SAAiB;IAE/B,MAAM,IAAI,cAAc;CAG3B;AAID,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,WAAW,CAAC;KACpC;CACJ"}

package/dist/IconAlcohol.js

@@ -1,50 +1,28 @@
-import { css as p, LitElement as v, html as g } from "lit";
-import { defineCustomElement as u } from "@justeattakeaway/pie-webc-core";
-import { property as n, query as m } from "lit/decorators.js";
-import { g as a } from "./configs.58b0302e.js";
-var d = Object.defineProperty, f = Object.getOwnPropertyDescriptor, h = (i, s, t, o) => {
-  for (var e = o > 1 ? void 0 : o ? f(s, t) : s, r = i.length - 1, l; r >= 0; r--)
-    (l = i[r]) && (e = (o ? l(s, t, e) : l(e)) || e);
-  return o && e && d(s, t, e), e;
+import { html as a } from "lit";
+import { defineCustomElement as i } from "@justeattakeaway/pie-webc-core";
+import { property as n } from "lit/decorators.js";
+import { PieIconComponent as v } from "./PieIconComponent.js";
+var m = Object.defineProperty, f = Object.getOwnPropertyDescriptor, p = (c, o, r, t) => {
+  for (var e = t > 1 ? void 0 : t ? f(o, r) : o, s = c.length - 1, l; s >= 0; s--)
+    (l = c[s]) && (e = (t ? l(o, r, e) : l(e)) || e);
+  return t && e && m(o, r, e), e;
 };
-const w = "icon-alcohol";
-class c extends v {
+const g = "icon-alcohol";
+class h extends v {
   constructor() {
-    super(...arguments), this.size = "xs", this.class = "c-pieIcon c-pieIcon--alcohol";
-  }
-  connectedCallback() {
-    var s, t, o;
-    if (super.connectedCallback(), ((s = this._svg) == null ? void 0 : s.getAttribute("width")) === null) {
-      const e = a("c-pieIcon c-pieIcon--alcohol", "", null, "IconAlcohol");
-      (t = this._svg) == null || t.setAttribute("width", e.width), (o = this._svg) == null || o.setAttribute("height", e.height);
-    }
-  }
-  updated(s) {
-    var o, e;
-    let t;
-    s.has("size") && (t = a("c-pieIcon c-pieIcon--alcohol", "", this.size, "IconAlcohol"), (o = this._svg) == null || o.setAttribute("width", t.width), (e = this._svg) == null || e.setAttribute("height", t.height));
+    super(...arguments), this.size = "xs", this.class = "c-pieIcon c-pieIcon--alcohol", this.name = "IconAlcohol";
   }
   render() {
-    return g`<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--alcohol"><path d="M6.4 5.28V2.576c0-.419-.17-.82-.472-1.115A1.624 1.624 0 0 0 4.791 1h-.68c-.426 0-.835.166-1.137.462a1.561 1.561 0 0 0-.47 1.115v2.702a2.11 2.11 0 0 1-.534 1.45 4.613 4.613 0 0 0-.964 3.055v3.603c-.015.401.132.792.409 1.087.277.295.661.471 1.07.49h3.933a1.566 1.566 0 0 0 1.07-.49c.277-.295.424-.686.41-1.087V9.784a4.611 4.611 0 0 0-.92-3.054A2.112 2.112 0 0 1 6.4 5.28ZM3.881 2.576c0-.06.024-.117.067-.16a.232.232 0 0 1 .162-.066h.68c.061 0 .12.024.163.066.043.043.067.1.067.16v1.126h-1.14V2.577Zm1.14 2.477v.225a3.426 3.426 0 0 0 .77 2.19c.168.222.313.46.433.711H2.678c.12-.25.265-.489.432-.712a3.426 3.426 0 0 0 .772-2.189v-.225h1.14Zm1.497 8.333a.257.257 0 0 1-.101.226H2.485a.262.262 0 0 1-.101-.226V9.56H6.51v.225l.009 3.603ZM8.605 3.081v4c0 .713.249 1.405.705 1.96a3.198 3.198 0 0 0 1.803 1.094v3.514h-1.46V15h4.3v-1.351h-1.461v-3.514a3.198 3.198 0 0 0 1.803-1.093A3.088 3.088 0 0 0 15 7.082v-4H8.605Zm5.035 4c0 .478-.194.936-.538 1.274a1.856 1.856 0 0 1-1.3.528c-.487 0-.954-.19-1.3-.528a1.784 1.784 0 0 1-.537-1.274V4.432h3.675v2.65Z"></path></svg>`;
+    return a`<svg width="${this._svgWidth}" height="${this._svgHeight}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--alcohol"><path d="M6.4 5.28V2.576c0-.419-.17-.82-.472-1.115A1.624 1.624 0 0 0 4.791 1h-.68c-.426 0-.835.166-1.137.462a1.561 1.561 0 0 0-.47 1.115v2.702a2.11 2.11 0 0 1-.534 1.45 4.613 4.613 0 0 0-.964 3.055v3.603c-.015.401.132.792.409 1.087.277.295.661.471 1.07.49h3.933a1.566 1.566 0 0 0 1.07-.49c.277-.295.424-.686.41-1.087V9.784a4.611 4.611 0 0 0-.92-3.054A2.112 2.112 0 0 1 6.4 5.28ZM3.881 2.576c0-.06.024-.117.067-.16a.232.232 0 0 1 .162-.066h.68c.061 0 .12.024.163.066.043.043.067.1.067.16v1.126h-1.14V2.577Zm1.14 2.477v.225a3.426 3.426 0 0 0 .77 2.19c.168.222.313.46.433.711H2.678c.12-.25.265-.489.432-.712a3.426 3.426 0 0 0 .772-2.189v-.225h1.14Zm1.497 8.333a.257.257 0 0 1-.101.226H2.485a.262.262 0 0 1-.101-.226V9.56H6.51v.225l.009 3.603ZM8.605 3.081v4c0 .713.249 1.405.705 1.96a3.198 3.198 0 0 0 1.803 1.094v3.514h-1.46V15h4.3v-1.351h-1.461v-3.514a3.198 3.198 0 0 0 1.803-1.093A3.088 3.088 0 0 0 15 7.082v-4H8.605Zm5.035 4c0 .478-.194.936-.538 1.274a1.856 1.856 0 0 1-1.3.528c-.487 0-.954-.19-1.3-.528a1.784 1.784 0 0 1-.537-1.274V4.432h3.675v2.65Z"></path></svg>`;
   }
 }
-c.styles = p`
-        :host svg {
-            display: var(--icon-display-override);
-            width: var(--icon-size-override);
-            height: var(--icon-size-override);
-        }
-    `;
-h([
+p([
   n({ type: String, reflect: !0 })
-], c.prototype, "size", 2);
-h([
+], h.prototype, "size", 2);
+p([
   n({ type: String, reflect: !0 })
-], c.prototype, "class", 2);
-h([
-  m("svg")
-], c.prototype, "_svg", 2);
-u(w, c);
+], h.prototype, "class", 2);
+i(g, h);
 export {
-  c as IconAlcohol
+  h as IconAlcohol
 };

package/dist/IconAlcoholFilled.d.ts

@@ -1,20 +1,14 @@
-import { LitElement, TemplateResult, PropertyValues } from 'lit';
+import { TemplateResult } from 'lit';
 import { RegularIconSize } from '@justeattakeaway/pie-icons-configs';
-interface IconProps {
-    size: RegularIconSize;
-    class: string;
-}
+import { PieIconComponent } from './PieIconComponent.ts';
 declare const componentSelector = "icon-alcohol-filled";
 /**
  * @tagname icon-alcohol-filled
  */
-export declare class IconAlcoholFilled extends LitElement implements IconProps {
-    static styles: import("lit").CSSResult;
+export declare class IconAlcoholFilled extends PieIconComponent {
     size: RegularIconSize;
     class: string;
-    private _svg?;
-    connectedCallback(): void;
-    updated(changedProperties: PropertyValues<this>): void;
+    protected name: string;
     render(): TemplateResult;
 }
 declare global {

package/dist/IconAlcoholFilled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconAlcoholFilled.d.ts","sourceRoot":"","sources":["../icons/IconAlcoholFilled.ts"],"names":[],"mappings":"AAAA,OAAO,EACG,UAAU,EAAE,cAAc,EAAO,cAAc,EACxD,MAAM,KAAK,CAAC;AAGb,OAAO,EAAe,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAElF,UAAU,SAAS;IACf,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,iBAAiB,wBAAwB,CAAC;AAEhD;;GAEG;AACH,qBAAa,iBAAkB,SAAQ,UAAW,YAAW,SAAS;IAElE,MAAM,CAAC,MAAM,0BAMX;IAGK,IAAI,EAAG,eAAe,CAAQ;IAG9B,KAAK,SAAwC;IAGpD,OAAO,CAAC,IAAI,CAAC,CAAc;IAE3B,iBAAiB,IAAM,IAAI;IAS3B,OAAO,CAAE,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAI,IAAI;IAWxD,MAAM,IAAM,cAAc;CAG7B;AAID,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;KAC1C;CACJ"}
+{"version":3,"file":"IconAlcoholFilled.d.ts","sourceRoot":"","sources":["../icons/IconAlcoholFilled.ts"],"names":[],"mappings":"AAAA,OAAO,EACO,cAAc,EACvB,MAAM,KAAK,CAAC;AAGb,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,QAAA,MAAM,iBAAiB,wBAAwB,CAAC;AAEhD;;GAEG;AACH,qBAAa,iBAAkB,SAAQ,gBAAgB;IAE5C,IAAI,EAAE,eAAe,CAAQ;IAI7B,KAAK,SAAwC;IAEpD,SAAS,CAAC,IAAI,SAAuB;IAErC,MAAM,IAAI,cAAc;CAG3B;AAID,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;KAC1C;CACJ"}

package/dist/IconAlcoholFilled.js

@@ -1,50 +1,28 @@
-import { css as v, LitElement as a, html as d } from "lit";
-import { defineCustomElement as g } from "@justeattakeaway/pie-webc-core";
-import { property as p, query as u } from "lit/decorators.js";
-import { g as n } from "./configs.58b0302e.js";
-var f = Object.defineProperty, m = Object.getOwnPropertyDescriptor, h = (l, i, t, o) => {
-  for (var e = o > 1 ? void 0 : o ? m(i, t) : i, c = l.length - 1, r; c >= 0; c--)
-    (r = l[c]) && (e = (o ? r(i, t, e) : r(e)) || e);
-  return o && e && f(i, t, e), e;
+import { html as h } from "lit";
+import { defineCustomElement as a } from "@justeattakeaway/pie-webc-core";
+import { property as p } from "lit/decorators.js";
+import { PieIconComponent as v } from "./PieIconComponent.js";
+var f = Object.defineProperty, m = Object.getOwnPropertyDescriptor, n = (r, o, l, t) => {
+  for (var e = t > 1 ? void 0 : t ? m(o, l) : o, c = r.length - 1, s; c >= 0; c--)
+    (s = r[c]) && (e = (t ? s(o, l, e) : s(e)) || e);
+  return t && e && f(o, l, e), e;
 };
-const w = "icon-alcohol-filled";
-class s extends a {
+const g = "icon-alcohol-filled";
+class i extends v {
   constructor() {
-    super(...arguments), this.size = "xs", this.class = "c-pieIcon c-pieIcon--alcoholFilled";
-  }
-  connectedCallback() {
-    var i, t, o;
-    if (super.connectedCallback(), ((i = this._svg) == null ? void 0 : i.getAttribute("width")) === null) {
-      const e = n("c-pieIcon c-pieIcon--alcoholFilled", "", null, "IconAlcoholFilled");
-      (t = this._svg) == null || t.setAttribute("width", e.width), (o = this._svg) == null || o.setAttribute("height", e.height);
-    }
-  }
-  updated(i) {
-    var o, e;
-    let t;
-    i.has("size") && (t = n("c-pieIcon c-pieIcon--alcoholFilled", "", this.size, "IconAlcoholFilled"), (o = this._svg) == null || o.setAttribute("width", t.width), (e = this._svg) == null || e.setAttribute("height", t.height));
+    super(...arguments), this.size = "xs", this.class = "c-pieIcon c-pieIcon--alcoholFilled", this.name = "IconAlcoholFilled";
   }
   render() {
-    return d`<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--alcoholFilled"><path d="M6.396 5.28V2.576c0-.419-.17-.82-.47-1.115A1.623 1.623 0 0 0 4.788 1h-.68c-.426 0-.834.166-1.136.462-.301.295-.47.696-.47 1.115v2.702a2.111 2.111 0 0 1-.533 1.424 4.668 4.668 0 0 0-.964 3.08v3.604c-.015.401.132.792.409 1.087.277.295.66.471 1.07.49h3.93a1.565 1.565 0 0 0 1.069-.49c.277-.295.424-.686.409-1.087V9.784a4.613 4.613 0 0 0-.918-3.054 2.113 2.113 0 0 1-.579-1.45ZM5.02 5.026v.252c-.008.797.268 1.571.78 2.19.161.225.302.463.423.711H2.677c.124-.248.268-.487.432-.712A3.427 3.427 0 0 0 3.88 5.28v-.225l1.139-.027Z"></path><path d="M8.6 3.081v4c0 .713.249 1.405.705 1.96a3.196 3.196 0 0 0 1.802 1.094v3.514h-1.46V15h4.297v-1.351h-1.46v-3.514a3.205 3.205 0 0 0 1.806-1.093 3.098 3.098 0 0 0 .71-1.96v-4H8.6Z"></path></svg>`;
+    return h`<svg width="${this._svgWidth}" height="${this._svgHeight}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--alcoholFilled"><path d="M6.396 5.28V2.576c0-.419-.17-.82-.47-1.115A1.623 1.623 0 0 0 4.788 1h-.68c-.426 0-.834.166-1.136.462-.301.295-.47.696-.47 1.115v2.702a2.111 2.111 0 0 1-.533 1.424 4.668 4.668 0 0 0-.964 3.08v3.604c-.015.401.132.792.409 1.087.277.295.66.471 1.07.49h3.93a1.565 1.565 0 0 0 1.069-.49c.277-.295.424-.686.409-1.087V9.784a4.613 4.613 0 0 0-.918-3.054 2.113 2.113 0 0 1-.579-1.45ZM5.02 5.026v.252c-.008.797.268 1.571.78 2.19.161.225.302.463.423.711H2.677c.124-.248.268-.487.432-.712A3.427 3.427 0 0 0 3.88 5.28v-.225l1.139-.027Z"></path><path d="M8.6 3.081v4c0 .713.249 1.405.705 1.96a3.196 3.196 0 0 0 1.802 1.094v3.514h-1.46V15h4.297v-1.351h-1.46v-3.514a3.205 3.205 0 0 0 1.806-1.093 3.098 3.098 0 0 0 .71-1.96v-4H8.6Z"></path></svg>`;
   }
 }
-s.styles = v`
-        :host svg {
-            display: var(--icon-display-override);
-            width: var(--icon-size-override);
-            height: var(--icon-size-override);
-        }
-    `;
-h([
+n([
   p({ type: String, reflect: !0 })
-], s.prototype, "size", 2);
-h([
+], i.prototype, "size", 2);
+n([
   p({ type: String, reflect: !0 })
-], s.prototype, "class", 2);
-h([
-  u("svg")
-], s.prototype, "_svg", 2);
-g(w, s);
+], i.prototype, "class", 2);
+a(g, i);
 export {
-  s as IconAlcoholFilled
+  i as IconAlcoholFilled
 };

package/dist/IconAlcoholFilledLarge.d.ts

@@ -1,20 +1,14 @@
-import { LitElement, TemplateResult, PropertyValues } from 'lit';
+import { TemplateResult } from 'lit';
 import { LargeIconSize } from '@justeattakeaway/pie-icons-configs';
-interface IconProps {
-    size: LargeIconSize;
-    class: string;
-}
+import { PieIconComponent } from './PieIconComponent.ts';
 declare const componentSelector = "icon-alcohol-filled-large";
 /**
  * @tagname icon-alcohol-filled-large
  */
-export declare class IconAlcoholFilledLarge extends LitElement implements IconProps {
-    static styles: import("lit").CSSResult;
+export declare class IconAlcoholFilledLarge extends PieIconComponent {
     size: LargeIconSize;
     class: string;
-    private _svg?;
-    connectedCallback(): void;
-    updated(changedProperties: PropertyValues<this>): void;
+    protected name: string;
     render(): TemplateResult;
 }
 declare global {

package/dist/IconAlcoholFilledLarge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconAlcoholFilledLarge.d.ts","sourceRoot":"","sources":["../icons/IconAlcoholFilledLarge.ts"],"names":[],"mappings":"AAAA,OAAO,EACG,UAAU,EAAE,cAAc,EAAO,cAAc,EACxD,MAAM,KAAK,CAAC;AAGb,OAAO,EAAe,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAEhF,UAAU,SAAS;IACf,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,iBAAiB,8BAA8B,CAAC;AAEtD;;GAEG;AACH,qBAAa,sBAAuB,SAAQ,UAAW,YAAW,SAAS;IAEvE,MAAM,CAAC,MAAM,0BAMX;IAGK,IAAI,EAAG,aAAa,CAAM;IAG1B,KAAK,SAA6C;IAGzD,OAAO,CAAC,IAAI,CAAC,CAAc;IAE3B,iBAAiB,IAAM,IAAI;IAS3B,OAAO,CAAE,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAI,IAAI;IAWxD,MAAM,IAAM,cAAc;CAG7B;AAID,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,sBAAsB,CAAC;KAC/C;CACJ"}
+{"version":3,"file":"IconAlcoholFilledLarge.d.ts","sourceRoot":"","sources":["../icons/IconAlcoholFilledLarge.ts"],"names":[],"mappings":"AAAA,OAAO,EACO,cAAc,EACvB,MAAM,KAAK,CAAC;AAGb,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,QAAA,MAAM,iBAAiB,8BAA8B,CAAC;AAEtD;;GAEG;AACH,qBAAa,sBAAuB,SAAQ,gBAAgB;IAEjD,IAAI,EAAE,aAAa,CAAM;IAIzB,KAAK,SAA6C;IAEzD,SAAS,CAAC,IAAI,SAA4B;IAE1C,MAAM,IAAI,cAAc;CAG3B;AAID,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,sBAAsB,CAAC;KAC/C;CACJ"}

package/dist/IconAlcoholFilledLarge.js

@@ -1,50 +1,28 @@
-import { css as p, LitElement as v, html as g } from "lit";
-import { defineCustomElement as d } from "@justeattakeaway/pie-webc-core";
-import { property as n, query as u } from "lit/decorators.js";
-import { g as h } from "./configs.58b0302e.js";
-var f = Object.defineProperty, m = Object.getOwnPropertyDescriptor, a = (l, i, t, o) => {
-  for (var e = o > 1 ? void 0 : o ? m(i, t) : i, s = l.length - 1, c; s >= 0; s--)
-    (c = l[s]) && (e = (o ? c(i, t, e) : c(e)) || e);
-  return o && e && f(i, t, e), e;
+import { html as n } from "lit";
+import { defineCustomElement as h } from "@justeattakeaway/pie-webc-core";
+import { property as i } from "lit/decorators.js";
+import { PieIconComponent as v } from "./PieIconComponent.js";
+var m = Object.defineProperty, f = Object.getOwnPropertyDescriptor, p = (r, o, l, t) => {
+  for (var e = t > 1 ? void 0 : t ? f(o, l) : o, c = r.length - 1, a; c >= 0; c--)
+    (a = r[c]) && (e = (t ? a(o, l, e) : a(e)) || e);
+  return t && e && m(o, l, e), e;
 };
-const w = "icon-alcohol-filled-large";
-class r extends v {
+const g = "icon-alcohol-filled-large";
+class s extends v {
   constructor() {
-    super(...arguments), this.size = 32, this.class = "c-pieIcon c-pieIcon--alcoholFilledLarge";
-  }
-  connectedCallback() {
-    var i, t, o;
-    if (super.connectedCallback(), ((i = this._svg) == null ? void 0 : i.getAttribute("width")) === null) {
-      const e = h("c-pieIcon c-pieIcon--alcoholFilledLarge", "", null, "IconAlcoholFilledLarge");
-      (t = this._svg) == null || t.setAttribute("width", e.width), (o = this._svg) == null || o.setAttribute("height", e.height);
-    }
-  }
-  updated(i) {
-    var o, e;
-    let t;
-    i.has("size") && (t = h("c-pieIcon c-pieIcon--alcoholFilledLarge", "", this.size, "IconAlcoholFilledLarge"), (o = this._svg) == null || o.setAttribute("width", t.width), (e = this._svg) == null || e.setAttribute("height", t.height));
+    super(...arguments), this.size = 32, this.class = "c-pieIcon c-pieIcon--alcoholFilledLarge", this.name = "IconAlcoholFilledLarge";
   }
   render() {
-    return g`<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--alcoholFilledLarge"><path d="M17.444 6.918v7.253a5.67 5.67 0 0 0 4.786 5.583v7.621h-3.22v1.75h8.199v-1.75H23.98v-7.621a5.662 5.662 0 0 0 4.786-5.583V6.918H17.444Zm9.572 4.278c-2.406.691-3.325.394-4.375 0a7 7 0 0 0-3.5-.411V8.668h7.823l.052 2.528Z"></path><path d="M14.679 16a10.049 10.049 0 0 0-1.208-2.188 5.005 5.005 0 0 1-1.024-2.187 5.82 5.82 0 0 1-.06-.822V5.5A2.625 2.625 0 0 0 9.76 2.875H8.466A2.625 2.625 0 0 0 5.841 5.5v5.303c.001.275-.022.55-.07.822a5.005 5.005 0 0 1-1.024 2.188A9.696 9.696 0 0 0 3.55 16a8.751 8.751 0 0 0-.438 1.75c-.08.58-.122 1.165-.122 1.75v7a2.511 2.511 0 0 0 2.371 2.625h7.499a2.52 2.52 0 0 0 2.38-2.625v-7c.007-.585-.031-1.17-.114-1.75a8.262 8.262 0 0 0-.446-1.75ZM6.19 14.81a6.484 6.484 0 0 0 1.4-4.008v-.927h3.045v.928c0 .274.015.549.044.822a6.484 6.484 0 0 0 1.356 3.185c.271.38.517.777.735 1.19H5.5a9.41 9.41 0 0 1 .691-1.19Z"></path></svg>`;
+    return n`<svg width="${this._svgWidth}" height="${this._svgHeight}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--alcoholFilledLarge"><path d="M17.444 6.918v7.253a5.67 5.67 0 0 0 4.786 5.583v7.621h-3.22v1.75h8.199v-1.75H23.98v-7.621a5.662 5.662 0 0 0 4.786-5.583V6.918H17.444Zm9.572 4.278c-2.406.691-3.325.394-4.375 0a7 7 0 0 0-3.5-.411V8.668h7.823l.052 2.528Z"></path><path d="M14.679 16a10.049 10.049 0 0 0-1.208-2.188 5.005 5.005 0 0 1-1.024-2.187 5.82 5.82 0 0 1-.06-.822V5.5A2.625 2.625 0 0 0 9.76 2.875H8.466A2.625 2.625 0 0 0 5.841 5.5v5.303c.001.275-.022.55-.07.822a5.005 5.005 0 0 1-1.024 2.188A9.696 9.696 0 0 0 3.55 16a8.751 8.751 0 0 0-.438 1.75c-.08.58-.122 1.165-.122 1.75v7a2.511 2.511 0 0 0 2.371 2.625h7.499a2.52 2.52 0 0 0 2.38-2.625v-7c.007-.585-.031-1.17-.114-1.75a8.262 8.262 0 0 0-.446-1.75ZM6.19 14.81a6.484 6.484 0 0 0 1.4-4.008v-.927h3.045v.928c0 .274.015.549.044.822a6.484 6.484 0 0 0 1.356 3.185c.271.38.517.777.735 1.19H5.5a9.41 9.41 0 0 1 .691-1.19Z"></path></svg>`;
   }
 }
-r.styles = p`
-        :host svg {
-            display: var(--icon-display-override);
-            width: var(--icon-size-override);
-            height: var(--icon-size-override);
-        }
-    `;
-a([
-  n({ type: String, reflect: !0 })
-], r.prototype, "size", 2);
-a([
-  n({ type: String, reflect: !0 })
-], r.prototype, "class", 2);
-a([
-  u("svg")
-], r.prototype, "_svg", 2);
-d(w, r);
+p([
+  i({ type: String, reflect: !0 })
+], s.prototype, "size", 2);
+p([
+  i({ type: String, reflect: !0 })
+], s.prototype, "class", 2);
+h(g, s);
 export {
-  r as IconAlcoholFilledLarge
+  s as IconAlcoholFilledLarge
 };

package/dist/IconAlcoholLarge.d.ts

@@ -1,20 +1,14 @@
-import { LitElement, TemplateResult, PropertyValues } from 'lit';
+import { TemplateResult } from 'lit';
 import { LargeIconSize } from '@justeattakeaway/pie-icons-configs';
-interface IconProps {
-    size: LargeIconSize;
-    class: string;
-}
+import { PieIconComponent } from './PieIconComponent.ts';
 declare const componentSelector = "icon-alcohol-large";
 /**
  * @tagname icon-alcohol-large
  */
-export declare class IconAlcoholLarge extends LitElement implements IconProps {
-    static styles: import("lit").CSSResult;
+export declare class IconAlcoholLarge extends PieIconComponent {
     size: LargeIconSize;
     class: string;
-    private _svg?;
-    connectedCallback(): void;
-    updated(changedProperties: PropertyValues<this>): void;
+    protected name: string;
     render(): TemplateResult;
 }
 declare global {

package/dist/IconAlcoholLarge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconAlcoholLarge.d.ts","sourceRoot":"","sources":["../icons/IconAlcoholLarge.ts"],"names":[],"mappings":"AAAA,OAAO,EACG,UAAU,EAAE,cAAc,EAAO,cAAc,EACxD,MAAM,KAAK,CAAC;AAGb,OAAO,EAAe,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAEhF,UAAU,SAAS;IACf,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,iBAAiB,uBAAuB,CAAC;AAE/C;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,UAAW,YAAW,SAAS;IAEjE,MAAM,CAAC,MAAM,0BAMX;IAGK,IAAI,EAAG,aAAa,CAAM;IAG1B,KAAK,SAAuC;IAGnD,OAAO,CAAC,IAAI,CAAC,CAAc;IAE3B,iBAAiB,IAAM,IAAI;IAS3B,OAAO,CAAE,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAI,IAAI;IAWxD,MAAM,IAAM,cAAc;CAG7B;AAID,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,gBAAgB,CAAC;KACzC;CACJ"}
+{"version":3,"file":"IconAlcoholLarge.d.ts","sourceRoot":"","sources":["../icons/IconAlcoholLarge.ts"],"names":[],"mappings":"AAAA,OAAO,EACO,cAAc,EACvB,MAAM,KAAK,CAAC;AAGb,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,QAAA,MAAM,iBAAiB,uBAAuB,CAAC;AAE/C;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,gBAAgB;IAE3C,IAAI,EAAE,aAAa,CAAM;IAIzB,KAAK,SAAuC;IAEnD,SAAS,CAAC,IAAI,SAAsB;IAEpC,MAAM,IAAI,cAAc;CAG3B;AAID,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,gBAAgB,CAAC;KACzC;CACJ"}