@justeattakeaway/pie-icons-webc 1.24.0 → 1.24.2

package/dist/IconBag.js

@@ -12,7 +12,7 @@ let o = class extends h {
     super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--bag", this.class = "c-pieIcon c-pieIcon--bag", this.name = "IconBag";
   }
   render() {
-    return a`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--bag"><path d="m8.499 12.331-.123-1.312h2.634l.123 1.312H8.498Z"></path><path fill-rule="evenodd" d="M11.369 4.43h1.785v-.009l.744 8.864c.034.42-.105.831-.394 1.146a1.575 1.575 0 0 1-1.164.508H3.66a1.6 1.6 0 0 1-1.164-.499 1.49 1.49 0 0 1-.402-1.137l.647-8.847h1.89V2.111L5.673 1.07h4.655l1.04 1.041V4.43ZM10.02 2.418H5.98v2.038l4.042-.017V2.418Zm2.319 11.208c.105 0 .201-.087.201-.087v.008a.232.232 0 0 0 .053-.148l-.648-7.656-7.98.026-.56 7.63a.18.18 0 0 0 .053.149l.007.005c.036.028.096.073.194.073h8.68Z" clip-rule="evenodd"></path></svg>`;
+    return a`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--bag"><path d="m8.499 12.331-.123-1.312h2.634l.123 1.312z"></path><path fill-rule="evenodd" d="M11.369 4.43h1.785v-.009l.744 8.864c.034.42-.105.831-.394 1.146a1.58 1.58 0 0 1-1.164.508H3.66a1.6 1.6 0 0 1-1.164-.499 1.5 1.5 0 0 1-.402-1.137l.647-8.847h1.89V2.111L5.673 1.07h4.655l1.04 1.041zM10.02 2.418H5.98v2.038l4.042-.017zm2.319 11.208c.105 0 .201-.087.201-.087v.008a.23.23 0 0 0 .053-.148l-.648-7.656-7.98.026-.56 7.63a.18.18 0 0 0 .053.149l.007.005c.036.028.096.073.194.073z" clip-rule="evenodd"></path></svg>`;
   }
 };
 p([

package/dist/IconBagFilled.js

@@ -12,7 +12,7 @@ let r = class extends h {
     super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--bagFilled", this.class = "c-pieIcon c-pieIcon--bagFilled", this.name = "IconBagFilled";
   }
   render() {
-    return a`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--bagFilled"><path fill-rule="evenodd" d="M11.369 4.43h1.785v-.009l.744 8.864c.034.42-.105.831-.394 1.146a1.575 1.575 0 0 1-1.164.508H3.66a1.6 1.6 0 0 1-1.164-.499 1.49 1.49 0 0 1-.402-1.137l.647-8.847h1.89V2.111L5.673 1.07h4.655l1.04 1.041V4.43ZM10.02 2.418H5.98v2.038l4.042-.017V2.418ZM8.5 12.33l-.123-1.312h2.634l.123 1.312H8.498Z" clip-rule="evenodd"></path></svg>`;
+    return a`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--bagFilled"><path fill-rule="evenodd" d="M11.369 4.43h1.785v-.009l.744 8.864c.034.42-.105.831-.394 1.146a1.58 1.58 0 0 1-1.164.508H3.66a1.6 1.6 0 0 1-1.164-.499 1.5 1.5 0 0 1-.402-1.137l.647-8.847h1.89V2.111L5.673 1.07h4.655l1.04 1.041zM10.02 2.418H5.98v2.038l4.042-.017zM8.5 12.33l-.123-1.312h2.634l.123 1.312z" clip-rule="evenodd"></path></svg>`;
   }
 };
 p([

package/dist/IconBagFilledLarge.js

@@ -1,18 +1,18 @@
 import { html as n } from "lit";
 import { property as c } from "lit/decorators.js";
 import { PieIconComponent as g } from "./PieIconComponent.js";
-import { safeCustomElement as h } from "@justeattakeaway/pie-webc-core";
-var f = Object.defineProperty, m = Object.getOwnPropertyDescriptor, p = (a, r, i, l) => {
+import { safeCustomElement as f } from "@justeattakeaway/pie-webc-core";
+var h = Object.defineProperty, m = Object.getOwnPropertyDescriptor, p = (a, r, i, l) => {
   for (var e = l > 1 ? void 0 : l ? m(r, i) : r, o = a.length - 1, s; o >= 0; o--)
     (s = a[o]) && (e = (l ? s(r, i, e) : s(e)) || e);
-  return l && e && f(r, i, e), e;
+  return l && e && h(r, i, e), e;
 };
 let t = class extends g {
   constructor() {
     super(...arguments), this.size = 32, this.defaultClasses = "c-pieIcon c-pieIcon--bagFilledLarge", this.class = "c-pieIcon c-pieIcon--bagFilledLarge", this.name = "IconBagFilledLarge";
   }
   render() {
-    return n`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--bagFilledLarge"><path fill-rule="evenodd" d="m21.644 9.779 3.911-.018v-.008l1.409 16.528a2.603 2.603 0 0 1-.683 1.995 2.663 2.663 0 0 1-1.933.84H7.643a2.622 2.622 0 0 1-2.616-2.809L6.253 9.823l4.112-.018v-5.18l1.75-1.75h7.779l1.75 1.75v5.154Zm-1.759-5.154h-7.779v5.171l7.779-.026V4.625Zm-2.144 21.079-.157-1.75h5.696l.157 1.75h-5.696Z" clip-rule="evenodd"></path></svg>`;
+    return n`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--bagFilledLarge"><path fill-rule="evenodd" d="m21.644 9.779 3.911-.018v-.008l1.409 16.528a2.6 2.6 0 0 1-.683 1.995 2.66 2.66 0 0 1-1.933.84H7.643a2.622 2.622 0 0 1-2.616-2.809L6.253 9.824l4.112-.018v-5.18l1.75-1.75h7.779l1.75 1.75zm-1.759-5.154h-7.779v5.171l7.779-.026zm-2.144 21.079-.157-1.75h5.696l.157 1.75z" clip-rule="evenodd"></path></svg>`;
   }
 };
 p([
@@ -22,7 +22,7 @@ p([
   c({ type: String, reflect: !0 })
 ], t.prototype, "class", 2);
 t = p([
-  h("icon-bag-filled-large")
+  f("icon-bag-filled-large")
 ], t);
 export {
   t as IconBagFilledLarge

package/dist/IconBagLarge.js

@@ -1,18 +1,18 @@
 import { html as n } from "lit";
 import { property as c } from "lit/decorators.js";
-import { PieIconComponent as h } from "./PieIconComponent.js";
-import { safeCustomElement as g } from "@justeattakeaway/pie-webc-core";
+import { PieIconComponent as g } from "./PieIconComponent.js";
+import { safeCustomElement as h } from "@justeattakeaway/pie-webc-core";
 var f = Object.defineProperty, m = Object.getOwnPropertyDescriptor, l = (p, t, o, r) => {
   for (var e = r > 1 ? void 0 : r ? m(t, o) : t, a = p.length - 1, i; a >= 0; a--)
     (i = p[a]) && (e = (r ? i(t, o, e) : i(e)) || e);
   return r && e && f(t, o, e), e;
 };
-let s = class extends h {
+let s = class extends g {
   constructor() {
     super(...arguments), this.size = 32, this.defaultClasses = "c-pieIcon c-pieIcon--bagLarge", this.class = "c-pieIcon c-pieIcon--bagLarge", this.name = "IconBagLarge";
   }
   render() {
-    return n`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--bagLarge"><path d="m25.555 9.761-3.911.018V4.625l-1.75-1.75h-7.779l-1.75 1.75v5.18l-4.112.018-1.225 16.484a2.622 2.622 0 0 0 2.616 2.81h16.704c.726 0 1.434-.307 1.933-.84.499-.535.744-1.26.683-1.996L25.555 9.752v.01ZM12.106 4.625h7.779V9.77l-7.779.026V4.625Zm12.88 22.461a.849.849 0 0 1-.639.28H7.636a.849.849 0 0 1-.639-.28.862.862 0 0 1-.236-.656l1.103-14.875 16.082-.061 1.269 14.919a.887.887 0 0 1-.228.665v.008Z"></path><path d="m17.584 23.954.157 1.75h5.697l-.158-1.75h-5.696Z"></path></svg>`;
+    return n`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--bagLarge"><path d="m25.555 9.761-3.911.018V4.625l-1.75-1.75h-7.779l-1.75 1.75v5.18l-4.112.018-1.225 16.484a2.62 2.62 0 0 0 2.616 2.81h16.704c.726 0 1.435-.307 1.933-.84.499-.535.744-1.26.683-1.996L25.555 9.753zM12.106 4.625h7.779V9.77l-7.779.026zm12.88 22.461a.85.85 0 0 1-.639.28H7.636a.85.85 0 0 1-.639-.28.86.86 0 0 1-.236-.656l1.103-14.875 16.082-.061 1.269 14.919a.89.89 0 0 1-.228.665z"></path><path d="m17.584 23.954.157 1.75h5.697l-.158-1.75z"></path></svg>`;
   }
 };
 l([
@@ -22,7 +22,7 @@ l([
   c({ type: String, reflect: !0 })
 ], s.prototype, "class", 2);
 s = l([
-  g("icon-bag-large")
+  h("icon-bag-large")
 ], s);
 export {
   s as IconBagLarge

package/dist/IconBakery.js

@@ -2,9 +2,9 @@ import { html as n } from "lit";
 import { property as p } from "lit/decorators.js";
 import { PieIconComponent as h } from "./PieIconComponent.js";
 import { safeCustomElement as f } from "@justeattakeaway/pie-webc-core";
-var m = Object.defineProperty, v = Object.getOwnPropertyDescriptor, a = (i, t, c, r) => {
-  for (var e = r > 1 ? void 0 : r ? v(t, c) : t, l = i.length - 1, o; l >= 0; l--)
-    (o = i[l]) && (e = (r ? o(t, c, e) : o(e)) || e);
+var m = Object.defineProperty, u = Object.getOwnPropertyDescriptor, a = (i, t, c, r) => {
+  for (var e = r > 1 ? void 0 : r ? u(t, c) : t, o = i.length - 1, l; o >= 0; o--)
+    (l = i[o]) && (e = (r ? l(t, c, e) : l(e)) || e);
   return r && e && m(t, c, e), e;
 };
 let s = class extends h {
@@ -12,7 +12,7 @@ let s = class extends h {
     super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--bakery", this.class = "c-pieIcon c-pieIcon--bakery", this.name = "IconBakery";
   }
   render() {
-    return n`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--bakery"><path d="M14.617 4.467a2.903 2.903 0 0 0-2.457-1.376H3.83c-.993 0-1.934.523-2.465 1.385a1.982 1.982 0 0 0 .191 2.309l.253.296c.105.122.157.27.157.427l.026 3.45c0 1.071.889 1.942 1.96 1.942h8.085a1.965 1.965 0 0 0 1.96-1.942l.026-2.588c0-1.115.105-1.237.157-1.298l.253-.296a1.98 1.98 0 0 0 .183-2.317v.008Zm-9.67 7.135h-.985a.65.65 0 0 1-.653-.644l-.027-3.45a2.01 2.01 0 0 0-.47-1.272l-.253-.296a.667.667 0 0 1-.052-.784c.288-.462.793-.75 1.342-.75h2.544c.54 0 1.054.288 1.341.758a.67.67 0 0 1-.06.776l-.253.296c-.305.357-.47.801-.48 1.272l-.026 4.103H4.964l-.018-.009Zm8.502-5.662-.252.296a1.13 1.13 0 0 0-.131.174h-2.361l-.427 1.307h2.465c-.008.191-.017.41-.017.653l-.026 2.588a.65.65 0 0 1-.653.644H8.213l.026-4.094c0-.157.061-.305.157-.427l.253-.296a1.98 1.98 0 0 0 .183-2.318c-.018-.026-.035-.043-.052-.07h3.389c.54 0 1.054.288 1.341.759a.67.67 0 0 1-.06.775v.009Z"></path></svg>`;
+    return n`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--bakery"><path d="M14.617 4.467a2.9 2.9 0 0 0-2.457-1.376H3.83c-.993 0-1.934.523-2.465 1.385a1.98 1.98 0 0 0 .191 2.309l.253.296c.105.122.157.27.157.427l.026 3.45c0 1.071.889 1.942 1.96 1.942h8.085a1.965 1.965 0 0 0 1.96-1.942l.026-2.588c0-1.115.105-1.237.157-1.298l.253-.296a1.98 1.98 0 0 0 .183-2.317zm-9.67 7.135h-.985a.65.65 0 0 1-.653-.644l-.027-3.45a2 2 0 0 0-.47-1.272l-.253-.296a.67.67 0 0 1-.052-.784c.288-.462.793-.75 1.342-.75h2.544c.54 0 1.054.288 1.341.758a.67.67 0 0 1-.06.776l-.253.296c-.305.357-.47.801-.48 1.272l-.026 4.103H4.964zm8.502-5.662-.252.296a1 1 0 0 0-.131.174h-2.361l-.427 1.307h2.465c-.008.191-.017.41-.017.653l-.026 2.588a.65.65 0 0 1-.653.644H8.213l.026-4.094c0-.157.061-.305.157-.427l.253-.296a1.98 1.98 0 0 0 .183-2.318c-.018-.026-.035-.043-.052-.07h3.389c.54 0 1.054.288 1.341.759a.67.67 0 0 1-.06.775z"></path></svg>`;
   }
 };
 a([

package/dist/IconBakeryLarge.js

@@ -12,7 +12,7 @@ let c = class extends h {
     super(...arguments), this.size = 32, this.defaultClasses = "c-pieIcon c-pieIcon--bakeryLarge", this.class = "c-pieIcon c-pieIcon--bakeryLarge", this.name = "IconBakeryLarge";
   }
   render() {
-    return n`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--bakeryLarge"><path d="M28.684 9.05c-1.36-2.266-3.738-2.58-6.117-2.58H9.442c-2.379 0-4.767.314-6.135 2.606a3.615 3.615 0 0 0 .331 4.14l.48.584c.279.33.427.749.435 1.185l.053 7.956c0 1.43 1.185 2.597 2.614 2.597H24.79a2.624 2.624 0 0 0 2.614-2.597l.052-7.956c0-.436.157-.854.436-1.185l.48-.584a3.622 3.622 0 0 0 .313-4.166ZM9.991 23.795h-2.77a.867.867 0 0 1-.872-.863l-.053-7.956c0-.837-.305-1.647-.836-2.283l-.48-.584a1.86 1.86 0 0 1-.156-2.161C5.686 8.5 7.229 8.213 9.45 8.213h1.726c2.213 0 3.764.288 4.636 1.752.4.68.33 1.534-.175 2.144l-.479.584a3.662 3.662 0 0 0-.837 2.283l-.06 8.82H9.99ZM27.028 12.11l-.479.584c-.14.165-.253.34-.357.523h-5.978l-.584 1.743h6.082v.026l-.052 7.956c0 .48-.392.863-.871.863h-8.793l.06-8.81c0-.436.158-.855.436-1.186l.48-.584a3.622 3.622 0 0 0 .313-4.165 4.903 4.903 0 0 0-.636-.837h5.918c2.213 0 3.764.288 4.636 1.752.4.68.33 1.534-.175 2.144v-.01Z"></path></svg>`;
+    return n`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--bakeryLarge"><path d="M28.684 9.05c-1.36-2.266-3.738-2.58-6.117-2.58H9.442c-2.379 0-4.767.314-6.135 2.606a3.615 3.615 0 0 0 .331 4.14l.48.584c.279.33.427.749.435 1.185l.053 7.956c0 1.43 1.185 2.597 2.614 2.597H24.79a2.624 2.624 0 0 0 2.614-2.597l.052-7.956c0-.436.157-.854.436-1.185l.48-.584a3.62 3.62 0 0 0 .313-4.166M9.991 23.795h-2.77a.867.867 0 0 1-.872-.863l-.053-7.956c0-.837-.305-1.647-.836-2.283l-.48-.584a1.86 1.86 0 0 1-.156-2.161C5.686 8.5 7.229 8.213 9.45 8.213h1.726c2.213 0 3.764.288 4.636 1.752.4.68.33 1.534-.175 2.144l-.479.584a3.66 3.66 0 0 0-.837 2.283l-.06 8.82H9.99M27.028 12.11l-.479.584c-.14.165-.253.34-.357.523h-5.978l-.584 1.743h6.083v.026l-.053 7.956c0 .48-.392.863-.871.863h-8.793l.06-8.81c0-.436.158-.855.436-1.186l.48-.584a3.62 3.62 0 0 0 .313-4.165 5 5 0 0 0-.636-.837h5.918c2.213 0 3.764.288 4.636 1.752.4.68.33 1.534-.175 2.144z"></path></svg>`;
   }
 };
 a([

package/dist/IconBall.js

@@ -2,9 +2,9 @@ import { html as a } from "lit";
 import { property as n } from "lit/decorators.js";
 import { PieIconComponent as h } from "./PieIconComponent.js";
 import { safeCustomElement as m } from "@justeattakeaway/pie-webc-core";
-var f = Object.defineProperty, v = Object.getOwnPropertyDescriptor, c = (p, t, s, l) => {
-  for (var e = l > 1 ? void 0 : l ? v(t, s) : t, o = p.length - 1, i; o >= 0; o--)
-    (i = p[o]) && (e = (l ? i(t, s, e) : i(e)) || e);
+var f = Object.defineProperty, v = Object.getOwnPropertyDescriptor, p = (c, t, s, l) => {
+  for (var e = l > 1 ? void 0 : l ? v(t, s) : t, o = c.length - 1, i; o >= 0; o--)
+    (i = c[o]) && (e = (l ? i(t, s, e) : i(e)) || e);
   return l && e && f(t, s, e), e;
 };
 let r = class extends h {
@@ -12,16 +12,16 @@ let r = class extends h {
     super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--ball", this.class = "c-pieIcon c-pieIcon--ball", this.name = "IconBall";
   }
   render() {
-    return a`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--ball"><path d="M8 1.394C4.36 1.394 1.394 4.36 1.394 8c0 3.64 2.966 6.606 6.606 6.606 3.64 0 6.606-2.966 6.606-6.606 0-3.64-2.966-6.606-6.606-6.606Zm4.585 3.972-.166.543-1.628.455L8.64 4.797V3.152l.446-.34a5.278 5.278 0 0 1 3.491 2.545l.009.01ZM6.8 9.636 6.057 7.37 8 5.961 9.942 7.37 9.2 9.636H6.8Zm.053-6.799.48.342v1.636l-2.213 1.61-1.566-.586-.149-.447a5.31 5.31 0 0 1 3.448-2.555ZM2.706 8c0-.21.018-.42.044-.63l.394-.289 1.636.613.831 2.511-.962 1.33h-.57A5.25 5.25 0 0 1 2.716 8h-.009Zm3.089 4.804-.14-.438 1.032-1.426h2.67l.988 1.365-.149.49a5.314 5.314 0 0 1-2.205.49 5.181 5.181 0 0 1-2.205-.49l.009.009Zm6.09-1.216h-.438l-1.04-1.435.84-2.547 1.592-.446.42.297c.017.184.026.368.026.552a5.263 5.263 0 0 1-1.409 3.587l.009-.008Z"></path></svg>`;
+    return a`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--ball"><path d="M8 1.394C4.36 1.394 1.394 4.36 1.394 8S4.36 14.606 8 14.606 14.606 11.64 14.606 8 11.64 1.394 8 1.394m4.585 3.972-.166.543-1.628.455L8.64 4.797V3.152l.446-.34a5.28 5.28 0 0 1 3.491 2.545zM6.8 9.636 6.057 7.37 8 5.961 9.942 7.37 9.2 9.636H6.8m.053-6.799.48.342v1.636l-2.213 1.61-1.566-.586-.149-.447a5.3 5.3 0 0 1 3.448-2.555M2.706 8c0-.21.018-.42.044-.63l.394-.289 1.636.613.831 2.511-.962 1.33h-.57A5.25 5.25 0 0 1 2.716 8zm3.089 4.804-.14-.438 1.032-1.426h2.67l.988 1.365-.149.49a5.3 5.3 0 0 1-2.205.49 5.2 5.2 0 0 1-2.205-.49zm6.09-1.216h-.438l-1.04-1.435.84-2.547 1.592-.446.42.297q.026.276.026.552a5.26 5.26 0 0 1-1.409 3.587z"></path></svg>`;
   }
 };
-c([
+p([
   n({ type: String, reflect: !0 })
 ], r.prototype, "size", 2);
-c([
+p([
   n({ type: String, reflect: !0 })
 ], r.prototype, "class", 2);
-r = c([
+r = p([
   m("icon-ball")
 ], r);
 export {

package/dist/IconBallLarge.js

@@ -12,7 +12,7 @@ let r = class extends h {
     super(...arguments), this.size = 32, this.defaultClasses = "c-pieIcon c-pieIcon--ballLarge", this.class = "c-pieIcon c-pieIcon--ballLarge", this.name = "IconBallLarge";
   }
   render() {
-    return n`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--ballLarge"><path d="M28.163 14.644s0-.053-.01-.079c-.27-2.231-1.137-4.375-2.537-6.143a12.141 12.141 0 0 0-7.061-4.392c-.044-.009-.087-.026-.131-.026a12.437 12.437 0 0 0-4.891.008h-.027c-.595.123-1.181.28-1.75.5a12.118 12.118 0 0 0-5.364 3.902A12.315 12.315 0 0 0 3.75 16c0 .184 0 .376.018.49a12.09 12.09 0 0 0 2.047 6.318 12.368 12.368 0 0 0 1.172 1.47c1.54 1.67 3.5 2.905 5.697 3.508a12.094 12.094 0 0 0 6.51.035l.122-.035a12.179 12.179 0 0 0 5.618-3.421c.008-.009.017-.026.035-.035.446-.472.857-.98 1.216-1.531a12.047 12.047 0 0 0 2.039-6.248c.017-.183.026-.376.026-.56 0-.455-.035-.91-.087-1.365v.018Zm-3.92-5.137c.253.324.48.665.7 1.007l-.63 1.934-3.046.84-4.392-3.186v-3.08l1.636-1.198c.385.096.762.201 1.129.341a10.406 10.406 0 0 1 4.594 3.342h.008Zm-5.68 10.02h-5.135l-1.584-4.883L16 11.625l4.156 3.019-1.583 4.882h-.01ZM7.767 9.498a10.336 10.336 0 0 1 4.603-3.343 8 8 0 0 1 1.102-.332l1.654 1.19v3.08l-4.55 3.307L7.67 12.37h-.053l-.577-1.803c.219-.359.455-.717.726-1.059V9.5Zm-2.257 6.86c-.018-.114-.009-.237-.009-.35 0-.341.018-.683.053-1.024l1.417-1.032s.07.052.114.07l3.071 1.085 1.689 5.206-1.838 2.467H7.994a11.243 11.243 0 0 1-.726-.945c-1.077-1.61-1.68-3.482-1.76-5.477Zm13.448 9.712-.13.035a10.435 10.435 0 0 1-6.896-.429l-.577-1.785 1.951-2.616H18.8l1.864 2.573-.587 1.811c-.367.157-.743.297-1.128.411h.008Zm7.526-9.642a10.41 10.41 0 0 1-1.75 5.407 9.327 9.327 0 0 1-.806 1.033h-1.81L20.182 20.2l1.715-5.285 3.036-.831 1.531 1.12c.018.262.035.525.035.796 0 .114 0 .236-.017.42v.009Z"></path></svg>`;
+    return n`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--ballLarge"><path d="M28.163 14.644s0-.053-.01-.079c-.27-2.231-1.137-4.375-2.537-6.143a12.14 12.14 0 0 0-7.061-4.392c-.044-.009-.087-.026-.131-.026a12.4 12.4 0 0 0-4.891.008h-.027c-.595.123-1.181.28-1.75.5a12.1 12.1 0 0 0-5.363 3.902A12.3 12.3 0 0 0 3.75 16c0 .184 0 .376.018.49a12.1 12.1 0 0 0 2.047 6.318 12.4 12.4 0 0 0 1.172 1.47c1.54 1.67 3.5 2.905 5.697 3.508a12.1 12.1 0 0 0 6.51.035l.122-.035a12.2 12.2 0 0 0 5.618-3.421c.008-.009.017-.026.035-.035.446-.472.857-.98 1.216-1.531a12.05 12.05 0 0 0 2.039-6.248c.017-.183.026-.376.026-.56 0-.455-.035-.91-.087-1.365zm-3.92-5.137c.253.324.48.665.7 1.007l-.63 1.934-3.046.84-4.392-3.186v-3.08l1.636-1.198c.385.096.762.201 1.129.341a10.4 10.4 0 0 1 4.594 3.342zm-5.68 10.02h-5.135l-1.584-4.883L16 11.625l4.156 3.019-1.583 4.882zM7.767 9.498a10.34 10.34 0 0 1 4.603-3.343 8 8 0 0 1 1.102-.332l1.654 1.19v3.08l-4.55 3.307L7.67 12.37h-.053l-.577-1.803c.219-.359.455-.717.726-1.059zm-2.257 6.86c-.018-.114-.009-.237-.009-.35q0-.512.053-1.024l1.417-1.032s.07.052.114.07l3.071 1.085 1.689 5.206-1.838 2.467H7.994a11 11 0 0 1-.726-.945c-1.077-1.61-1.68-3.482-1.76-5.477m13.449 9.712-.132.035a10.44 10.44 0 0 1-6.895-.429l-.577-1.785 1.951-2.616H18.8l1.864 2.573-.587 1.811c-.367.157-.743.297-1.128.411zm7.525-9.642a10.4 10.4 0 0 1-1.75 5.407 9 9 0 0 1-.806 1.033h-1.81L20.182 20.2l1.715-5.285 3.036-.831 1.531 1.12c.018.262.035.525.035.796 0 .114 0 .236-.017.42z"></path></svg>`;
   }
 };
 o([

package/dist/IconBallotBox.js

@@ -12,7 +12,7 @@ let r = class extends h {
     super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--ballotBox", this.class = "c-pieIcon c-pieIcon--ballotBox", this.name = "IconBallotBox";
   }
   render() {
-    return a`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--ballotBox"><path d="M3.625 6.469V7.78h8.75V6.47h-1.094V3.625a2.406 2.406 0 0 0-2.406-2.406H4.719v5.25H3.625ZM6.031 2.53h2.844a1.094 1.094 0 0 1 1.094 1.094v2.844H6.03V2.53Zm8.75 1.313v8.312H1.22V3.844h2.406v1.312H2.531v5.688H13.47V5.156h-1.094V3.844h2.406Z"></path></svg>`;
+    return a`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--ballotBox"><path d="M3.625 6.469V7.78h8.75V6.47h-1.094V3.625a2.406 2.406 0 0 0-2.406-2.406H4.719v5.25zM6.031 2.53h2.844a1.094 1.094 0 0 1 1.094 1.094v2.844H6.03zm8.75 1.313v8.312H1.22V3.844h2.406v1.312H2.531v5.688H13.47V5.156h-1.094V3.844z"></path></svg>`;
   }
 };
 p([

package/dist/IconBallotBoxLarge.js

@@ -1,18 +1,18 @@
-import { html as h } from "lit";
+import { html as n } from "lit";
 import { property as c } from "lit/decorators.js";
-import { PieIconComponent as n } from "./PieIconComponent.js";
+import { PieIconComponent as h } from "./PieIconComponent.js";
 import { safeCustomElement as v } from "@justeattakeaway/pie-webc-core";
 var f = Object.defineProperty, m = Object.getOwnPropertyDescriptor, p = (a, t, l, o) => {
   for (var e = o > 1 ? void 0 : o ? m(t, l) : t, s = a.length - 1, i; s >= 0; s--)
     (i = a[s]) && (e = (o ? i(t, l, e) : i(e)) || e);
   return o && e && f(t, l, e), e;
 };
-let r = class extends n {
+let r = class extends h {
   constructor() {
     super(...arguments), this.size = 32, this.defaultClasses = "c-pieIcon c-pieIcon--ballotBoxLarge", this.class = "c-pieIcon c-pieIcon--ballotBoxLarge", this.name = "IconBallotBoxLarge";
   }
   render() {
-    return h`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--ballotBoxLarge"><path d="m17.855 7.53 1.286 1.19L16 12.115a1.189 1.189 0 0 1-1.35.286 1.217 1.217 0 0 1-.4-.277l-1.26-1.374 1.304-1.164.831.893 2.73-2.949Zm-7.98 6.72V3.75h7.875a4.375 4.375 0 0 1 4.375 4.375v6.125h1.75V16H8.125v-1.75h1.75Zm1.75 0h8.75V8.125A2.625 2.625 0 0 0 17.75 5.5h-6.125v8.75ZM28.25 9v18.375H3.75V9h4.375v1.75H5.5v8.75h21v-8.75h-2.625V9h4.375ZM26.5 25.625V21.25h-21v4.375h21Z"></path></svg>`;
+    return n`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--ballotBoxLarge"><path d="m17.855 7.53 1.286 1.19L16 12.115a1.19 1.19 0 0 1-1.35.286 1.2 1.2 0 0 1-.4-.277l-1.26-1.374 1.304-1.164.831.893zm-7.98 6.72V3.75h7.875a4.375 4.375 0 0 1 4.375 4.375v6.125h1.75V16H8.125v-1.75zm1.75 0h8.75V8.125A2.625 2.625 0 0 0 17.75 5.5h-6.125zM28.25 9v18.375H3.75V9h4.375v1.75H5.5v8.75h21v-8.75h-2.625V9zM26.5 25.625V21.25h-21v4.375z"></path></svg>`;
   }
 };
 p([

package/dist/IconBarcode.js

@@ -12,7 +12,7 @@ let o = class extends a {
     super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--barcode", this.class = "c-pieIcon c-pieIcon--barcode", this.name = "IconBarcode";
   }
   render() {
-    return h`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--barcode"><path d="M3.188 12.375H1.875V2.75h1.313v9.625Zm10.5-9.625h-1.313v9.625h1.313V2.75Zm-2.626 0H9.75v7.875h1.313V2.75Zm-2.624 0H7.125v7.875h1.313V2.75Zm-2.626 0H4.5v7.875h1.313V2.75Z"></path></svg>`;
+    return h`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--barcode"><path d="M3.188 12.375H1.875V2.75h1.313zm10.5-9.625h-1.313v9.625h1.313zm-2.626 0H9.75v7.875h1.313zm-2.624 0H7.125v7.875h1.313zm-2.626 0H4.5v7.875h1.313z"></path></svg>`;
   }
 };
 p([

package/dist/IconBarcodeLarge.js

@@ -2,9 +2,9 @@ import { html as n } from "lit";
 import { property as p } from "lit/decorators.js";
 import { PieIconComponent as l } from "./PieIconComponent.js";
 import { safeCustomElement as v } from "@justeattakeaway/pie-webc-core";
-var m = Object.defineProperty, f = Object.getOwnPropertyDescriptor, i = (a, r, s, t) => {
-  for (var e = t > 1 ? void 0 : t ? f(r, s) : r, c = a.length - 1, h; c >= 0; c--)
-    (h = a[c]) && (e = (t ? h(r, s, e) : h(e)) || e);
+var m = Object.defineProperty, f = Object.getOwnPropertyDescriptor, a = (h, r, s, t) => {
+  for (var e = t > 1 ? void 0 : t ? f(r, s) : r, c = h.length - 1, i; c >= 0; c--)
+    (i = h[c]) && (e = (t ? i(r, s, e) : i(e)) || e);
   return t && e && m(r, s, e), e;
 };
 let o = class extends l {
@@ -12,16 +12,16 @@ let o = class extends l {
     super(...arguments), this.size = 32, this.defaultClasses = "c-pieIcon c-pieIcon--barcodeLarge", this.class = "c-pieIcon c-pieIcon--barcodeLarge", this.name = "IconBarcodeLarge";
   }
   render() {
-    return n`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--barcodeLarge"><path d="M8.125 8.125v15.75h-1.75V8.125h1.75Zm15.75 0v15.75h1.75V8.125h-1.75ZM19.5 21.25h1.75V8.125H19.5V21.25Zm-4.375 0h1.75V8.125h-1.75V21.25Zm-4.375 0h1.75V8.125h-1.75V21.25Zm17.5-16.625H23v1.75h4.375v4.375h1.75V5.5a.875.875 0 0 0-.875-.875ZM2.875 5.5v5.25h1.75V6.375H9v-1.75H3.75a.875.875 0 0 0-.875.875Zm1.75 15.75h-1.75v5.25a.875.875 0 0 0 .875.875H9v-1.75H4.625V21.25Zm22.75 4.375H23v1.75h5.25a.875.875 0 0 0 .875-.875v-5.25h-1.75v4.375Z"></path></svg>`;
+    return n`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--barcodeLarge"><path d="M8.125 8.125v15.75h-1.75V8.125zm15.75 0v15.75h1.75V8.125zM19.5 21.25h1.75V8.125H19.5zm-4.375 0h1.75V8.125h-1.75zm-4.375 0h1.75V8.125h-1.75zm17.5-16.625H23v1.75h4.375v4.375h1.75V5.5a.875.875 0 0 0-.875-.875M2.875 5.5v5.25h1.75V6.375H9v-1.75H3.75a.875.875 0 0 0-.875.875m1.75 15.75h-1.75v5.25a.875.875 0 0 0 .875.875H9v-1.75H4.625zm22.75 4.375H23v1.75h5.25a.875.875 0 0 0 .875-.875v-5.25h-1.75z"></path></svg>`;
   }
 };
-i([
+a([
   p({ type: String, reflect: !0 })
 ], o.prototype, "size", 2);
-i([
+a([
   p({ type: String, reflect: !0 })
 ], o.prototype, "class", 2);
-o = i([
+o = a([
   v("icon-barcode-large")
 ], o);
 export {

package/dist/IconBasket.js

@@ -3,8 +3,8 @@ import { property as n } from "lit/decorators.js";
 import { PieIconComponent as h } from "./PieIconComponent.js";
 import { safeCustomElement as f } from "@justeattakeaway/pie-webc-core";
 var m = Object.defineProperty, v = Object.getOwnPropertyDescriptor, p = (c, t, o, s) => {
-  for (var e = s > 1 ? void 0 : s ? v(t, o) : t, l = c.length - 1, i; l >= 0; l--)
-    (i = c[l]) && (e = (s ? i(t, o, e) : i(e)) || e);
+  for (var e = s > 1 ? void 0 : s ? v(t, o) : t, i = c.length - 1, l; i >= 0; i--)
+    (l = c[i]) && (e = (s ? l(t, o, e) : l(e)) || e);
   return s && e && m(t, o, e), e;
 };
 let r = class extends h {
@@ -12,7 +12,7 @@ let r = class extends h {
     super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--basket", this.class = "c-pieIcon c-pieIcon--basket", this.name = "IconBasket";
   }
   render() {
-    return a`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--basket"><path d="M6.031 11.5 5.594 8h1.312l.438 3.5H6.03ZM9.094 8l-.438 3.5H9.97l.437-3.5H9.094ZM15 5.594v1.312h-.752l-.945 5.714a1.522 1.522 0 0 1-1.506 1.286H4.202a1.522 1.522 0 0 1-1.505-1.286l-.945-5.714H1V5.594h3.876L5.918 2.75h1.39L6.25 5.594h3.5L8.691 2.75h1.391l1.042 2.844H15Zm-2.082 1.312H3.082l.874 5.504a.219.219 0 0 0 .21.184h7.595a.219.219 0 0 0 .21-.184l.946-5.504Z"></path></svg>`;
+    return a`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--basket"><path d="M6.031 11.5 5.594 8h1.312l.438 3.5zM9.094 8l-.438 3.5H9.97l.437-3.5zM15 5.594v1.312h-.752l-.945 5.714a1.52 1.52 0 0 1-1.506 1.286H4.203a1.52 1.52 0 0 1-1.505-1.286l-.945-5.714H1V5.594h3.876L5.918 2.75h1.39L6.25 5.594h3.5L8.691 2.75h1.391l1.042 2.844zm-2.082 1.312H3.082l.874 5.504a.22.22 0 0 0 .21.184h7.595a.22.22 0 0 0 .21-.184z"></path></svg>`;
   }
 };
 p([

package/dist/IconBasketLarge.js

@@ -1,8 +1,8 @@
 import { html as c } from "lit";
-import { property as i } from "lit/decorators.js";
+import { property as h } from "lit/decorators.js";
 import { PieIconComponent as n } from "./PieIconComponent.js";
 import { safeCustomElement as m } from "@justeattakeaway/pie-webc-core";
-var f = Object.defineProperty, g = Object.getOwnPropertyDescriptor, h = (l, t, o, r) => {
+var f = Object.defineProperty, g = Object.getOwnPropertyDescriptor, i = (l, t, o, r) => {
   for (var e = r > 1 ? void 0 : r ? g(t, o) : t, a = l.length - 1, p; a >= 0; a--)
     (p = l[a]) && (e = (r ? p(t, o, e) : p(e)) || e);
   return r && e && f(t, o, e), e;
@@ -12,16 +12,16 @@ let s = class extends n {
     super(...arguments), this.size = 32, this.defaultClasses = "c-pieIcon c-pieIcon--basketLarge", this.class = "c-pieIcon c-pieIcon--basketLarge", this.name = "IconBasketLarge";
   }
   render() {
-    return c`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--basketLarge"><path d="M16.875 15.125h-1.75v7h1.75v-7Z"></path><path d="m12.518 22.125-.858-7H9.875l.875 7h1.768Z"></path><path d="m21.88 9.875-1.75-5.25h-1.846l1.75 5.25h-8.068l1.75-5.25H11.87l-1.75 5.25H2v1.75h1.873L5.84 25.126a2.625 2.625 0 0 0 2.625 2.249H23.56a2.625 2.625 0 0 0 2.625-2.249l1.943-13.501H30v-1.75h-8.12Zm2.546 14.997a.875.875 0 0 1-.875.753H8.44a.875.875 0 0 1-.875-.753L5.64 11.625h20.72l-1.934 13.247Z"></path><path d="m20.358 15.125-.85 7h1.76l.857-7h-1.767Z"></path></svg>`;
+    return c`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--basketLarge"><path d="M16.875 15.125h-1.75v7h1.75z"></path><path d="m12.518 22.125-.858-7H9.875l.875 7z"></path><path d="m21.88 9.875-1.75-5.25h-1.846l1.75 5.25h-8.068l1.75-5.25H11.87l-1.75 5.25H2v1.75h1.873L5.84 25.126a2.625 2.625 0 0 0 2.625 2.249H23.56a2.625 2.625 0 0 0 2.625-2.249l1.943-13.501H30v-1.75zm2.546 14.997a.875.875 0 0 1-.875.753H8.44a.875.875 0 0 1-.875-.753L5.64 11.625h20.72z"></path><path d="m20.358 15.125-.85 7h1.76l.857-7z"></path></svg>`;
   }
 };
-h([
-  i({ type: String, reflect: !0 })
+i([
+  h({ type: String, reflect: !0 })
 ], s.prototype, "size", 2);
-h([
-  i({ type: String, reflect: !0 })
+i([
+  h({ type: String, reflect: !0 })
 ], s.prototype, "class", 2);
-s = h([
+s = i([
   m("icon-basket-large")
 ], s);
 export {

package/dist/IconBattery.js

@@ -1,18 +1,18 @@
 import { html as l } from "lit";
 import { property as n } from "lit/decorators.js";
 import { PieIconComponent as h } from "./PieIconComponent.js";
-import { safeCustomElement as v } from "@justeattakeaway/pie-webc-core";
-var f = Object.defineProperty, m = Object.getOwnPropertyDescriptor, a = (c, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? m(e, o) : e, i = c.length - 1, p; i >= 0; i--)
+import { safeCustomElement as f } from "@justeattakeaway/pie-webc-core";
+var m = Object.defineProperty, v = Object.getOwnPropertyDescriptor, a = (c, e, o, r) => {
+  for (var t = r > 1 ? void 0 : r ? v(e, o) : e, i = c.length - 1, p; i >= 0; i--)
     (p = c[i]) && (t = (r ? p(e, o, t) : p(t)) || t);
-  return r && t && f(e, o, t), t;
+  return r && t && m(e, o, t), t;
 };
 let s = class extends h {
   constructor() {
     super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--battery", this.class = "c-pieIcon c-pieIcon--battery", this.name = "IconBattery";
   }
   render() {
-    return l`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--battery"><path d="M14.781 6.25h-.875v-.875a1.54 1.54 0 0 0-1.531-1.531H2.75a1.54 1.54 0 0 0-1.531 1.531v5.25a1.54 1.54 0 0 0 1.531 1.531h9.625a1.54 1.54 0 0 0 1.531-1.531V9.75h.875v-3.5Zm-2.187 4.375a.219.219 0 0 1-.219.219H2.75a.219.219 0 0 1-.219-.219v-5.25a.219.219 0 0 1 .219-.219h9.625a.219.219 0 0 1 .219.219v5.25ZM3.844 6.25h1.312v3.5H3.844v-3.5Zm2.625 0H7.78v3.5H6.47v-3.5Z"></path></svg>`;
+    return l`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--battery"><path d="M14.781 6.25h-.875v-.875a1.54 1.54 0 0 0-1.531-1.531H2.75a1.54 1.54 0 0 0-1.531 1.531v5.25a1.54 1.54 0 0 0 1.531 1.531h9.625a1.54 1.54 0 0 0 1.531-1.531V9.75h.875zm-2.187 4.375a.22.22 0 0 1-.219.219H2.75a.22.22 0 0 1-.219-.219v-5.25a.22.22 0 0 1 .219-.219h9.625a.22.22 0 0 1 .219.219zM3.844 6.25h1.312v3.5H3.844zm2.625 0H7.78v3.5H6.47z"></path></svg>`;
   }
 };
 a([
@@ -22,7 +22,7 @@ a([
   n({ type: String, reflect: !0 })
 ], s.prototype, "class", 2);
 s = a([
-  v("icon-battery")
+  f("icon-battery")
 ], s);
 export {
   s as IconBattery

package/dist/IconBatteryLarge.js

@@ -1,18 +1,18 @@
-import { html as h } from "lit";
+import { html as l } from "lit";
 import { property as n } from "lit/decorators.js";
-import { PieIconComponent as l } from "./PieIconComponent.js";
-import { safeCustomElement as v } from "@justeattakeaway/pie-webc-core";
-var f = Object.defineProperty, m = Object.getOwnPropertyDescriptor, p = (c, t, o, r) => {
-  for (var e = r > 1 ? void 0 : r ? m(t, o) : t, a = c.length - 1, i; a >= 0; a--)
+import { PieIconComponent as h } from "./PieIconComponent.js";
+import { safeCustomElement as f } from "@justeattakeaway/pie-webc-core";
+var m = Object.defineProperty, g = Object.getOwnPropertyDescriptor, p = (c, t, o, r) => {
+  for (var e = r > 1 ? void 0 : r ? g(t, o) : t, a = c.length - 1, i; a >= 0; a--)
     (i = c[a]) && (e = (r ? i(t, o, e) : i(e)) || e);
-  return r && e && f(t, o, e), e;
+  return r && e && m(t, o, e), e;
 };
-let s = class extends l {
+let s = class extends h {
   constructor() {
     super(...arguments), this.size = 32, this.defaultClasses = "c-pieIcon c-pieIcon--batteryLarge", this.class = "c-pieIcon c-pieIcon--batteryLarge", this.name = "IconBatteryLarge";
   }
   render() {
-    return h`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--batteryLarge"><path d="M27.375 12.5V9.875A2.625 2.625 0 0 0 24.75 7.25H5.5a2.625 2.625 0 0 0-2.625 2.625v12.25A2.625 2.625 0 0 0 5.5 24.75h19.25a2.625 2.625 0 0 0 2.625-2.625V19.5h1.75v-7h-1.75Zm-1.75 9.625a.875.875 0 0 1-.875.875H5.5a.875.875 0 0 1-.875-.875V9.875A.875.875 0 0 1 5.5 9h19.25a.875.875 0 0 1 .875.875v12.25ZM8.125 12.5h1.75v7h-1.75v-7Zm4.375 0h1.75v7H12.5v-7Zm4.375 0h1.75v7h-1.75v-7Z"></path></svg>`;
+    return l`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--batteryLarge"><path d="M27.375 12.5V9.875A2.625 2.625 0 0 0 24.75 7.25H5.5a2.625 2.625 0 0 0-2.625 2.625v12.25A2.625 2.625 0 0 0 5.5 24.75h19.25a2.625 2.625 0 0 0 2.625-2.625V19.5h1.75v-7zm-1.75 9.625a.875.875 0 0 1-.875.875H5.5a.875.875 0 0 1-.875-.875V9.875A.875.875 0 0 1 5.5 9h19.25a.875.875 0 0 1 .875.875zM8.125 12.5h1.75v7h-1.75zm4.375 0h1.75v7H12.5zm4.375 0h1.75v7h-1.75z"></path></svg>`;
   }
 };
 p([
@@ -22,7 +22,7 @@ p([
   n({ type: String, reflect: !0 })
 ], s.prototype, "class", 2);
 s = p([
-  v("icon-battery-large")
+  f("icon-battery-large")
 ], s);
 export {
   s as IconBatteryLarge

package/dist/IconBeauty.js

@@ -1,18 +1,18 @@
 import { html as n } from "lit";
 import { property as a } from "lit/decorators.js";
-import { PieIconComponent as h } from "./PieIconComponent.js";
-import { safeCustomElement as f } from "@justeattakeaway/pie-webc-core";
-var u = Object.defineProperty, m = Object.getOwnPropertyDescriptor, c = (p, t, o, r) => {
+import { PieIconComponent as f } from "./PieIconComponent.js";
+import { safeCustomElement as u } from "@justeattakeaway/pie-webc-core";
+var h = Object.defineProperty, m = Object.getOwnPropertyDescriptor, c = (p, t, o, r) => {
   for (var e = r > 1 ? void 0 : r ? m(t, o) : t, l = p.length - 1, i; l >= 0; l--)
     (i = p[l]) && (e = (r ? i(t, o, e) : i(e)) || e);
-  return r && e && u(t, o, e), e;
+  return r && e && h(t, o, e), e;
 };
-let s = class extends h {
+let s = class extends f {
   constructor() {
     super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--beauty", this.class = "c-pieIcon c-pieIcon--beauty", this.name = "IconBeauty";
   }
   render() {
-    return n`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--beauty"><path d="M13.371 2.647a4.508 4.508 0 0 0-3.999-1.255l-.714.13A1.557 1.557 0 0 0 7.447 2.63L6.332 6.593l-4.565 4.574c-.288.296-.453.68-.453 1.089 0 .41.157.801.453 1.089l.87.87a1.53 1.53 0 0 0 1.09.454c.392 0 .793-.148 1.089-.453l4.47-4.47 4.085-1.15a1.535 1.535 0 0 0 1.098-1.201l.14-.75a4.522 4.522 0 0 0-1.238-4.007v.009ZM3.892 13.293a.237.237 0 0 1-.34 0l-.87-.872a.233.233 0 0 1-.07-.165.2.2 0 0 1 .07-.166l2.334-2.335 1.203 1.203-2.335 2.335h.008Zm3.259-3.259L5.948 8.832l.915-.915.627.628.567.583-.915.906h.009Zm6.168-3.624-.14.75a.234.234 0 0 1-.174.182L9.207 8.414l1.75-.915-.966-.967-1.002.523.488-1.037-.985-.984-.845 1.794-.017-.017L8.7 2.986c.027-.087.096-.156.183-.165l.715-.13a3.161 3.161 0 0 1 2.84.888 3.156 3.156 0 0 1 .88 2.84V6.41Z"></path></svg>`;
+    return n`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--beauty"><path d="M13.371 2.647a4.51 4.51 0 0 0-3.999-1.255l-.714.13A1.56 1.56 0 0 0 7.447 2.63L6.332 6.593l-4.565 4.574c-.288.296-.453.68-.453 1.089 0 .41.157.801.453 1.089l.87.87a1.53 1.53 0 0 0 1.09.454c.392 0 .793-.148 1.089-.453l4.47-4.47 4.085-1.15a1.54 1.54 0 0 0 1.098-1.201l.14-.75a4.52 4.52 0 0 0-1.238-4.007zM3.892 13.293a.237.237 0 0 1-.34 0l-.87-.872a.23.23 0 0 1-.07-.165.2.2 0 0 1 .07-.166l2.334-2.335 1.203 1.203-2.335 2.335zm3.259-3.259L5.948 8.832l.915-.915.627.628.567.583-.915.906zm6.168-3.624-.14.75a.23.23 0 0 1-.174.182L9.207 8.414l1.75-.915-.966-.967-1.002.523.488-1.037-.985-.984-.845 1.794-.017-.017L8.7 2.986c.027-.087.096-.156.183-.165l.715-.13a3.16 3.16 0 0 1 2.84.888 3.16 3.16 0 0 1 .88 2.84z"></path></svg>`;
   }
 };
 c([
@@ -22,7 +22,7 @@ c([
   a({ type: String, reflect: !0 })
 ], s.prototype, "class", 2);
 s = c([
-  f("icon-beauty")
+  u("icon-beauty")
 ], s);
 export {
   s as IconBeauty

package/dist/IconBeautyLarge.js

@@ -3,8 +3,8 @@ import { property as p } from "lit/decorators.js";
 import { PieIconComponent as f } from "./PieIconComponent.js";
 import { safeCustomElement as m } from "@justeattakeaway/pie-webc-core";
 var u = Object.defineProperty, g = Object.getOwnPropertyDescriptor, i = (a, t, o, r) => {
-  for (var e = r > 1 ? void 0 : r ? g(t, o) : t, l = a.length - 1, c; l >= 0; l--)
-    (c = a[l]) && (e = (r ? c(t, o, e) : c(e)) || e);
+  for (var e = r > 1 ? void 0 : r ? g(t, o) : t, c = a.length - 1, l; c >= 0; c--)
+    (l = a[c]) && (e = (r ? l(t, o, e) : l(e)) || e);
   return r && e && u(t, o, e), e;
 };
 let s = class extends f {
@@ -12,7 +12,7 @@ let s = class extends f {
     super(...arguments), this.size = 32, this.defaultClasses = "c-pieIcon c-pieIcon--beautyLarge", this.class = "c-pieIcon c-pieIcon--beautyLarge", this.name = "IconBeautyLarge";
   }
   render() {
-    return n`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--beautyLarge"><path d="M27.11 5.07a9.117 9.117 0 0 0-8.09-2.53l-1.5.28c-1.07.2-1.96 1-2.25 2.05l-2.37 8.45L3.21 23a2.885 2.885 0 0 0 0 4.07l1.83 1.83c.56.56 1.3.84 2.04.84s1.47-.28 2.04-.84l9.47-9.47 8.69-2.44c1.06-.3 1.85-1.16 2.05-2.24l.29-1.57a9.1 9.1 0 0 0-2.5-8.1l-.01-.01ZM7.69 27.49c-.34.34-.9.34-1.24 0l-1.83-1.83a.881.881 0 0 1 0-1.24l.58-.58 3.07 3.07-.58.58Zm1.99-1.99-3.07-3.07 4.42-4.42 3.07 3.07-4.42 4.42Zm5.84-5.84-3.07-3.07 1.23-1.23 1.56 1.56 1.48 1.52-1.21 1.21.01.01Zm12.13-6.85-.29 1.57c-.06.33-.3.59-.63.69l-8.21 2.31-.6-.6 4.03-2.11-1.48-1.48-3.05 1.6 1.49-3.16-1.5-1.5-1.96 4.15-.57-.58 2.32-8.26c.09-.32.36-.57.69-.63l1.5-.28c2.33-.43 4.64.29 6.31 1.97 1.68 1.68 2.39 3.98 1.95 6.32v-.01Z"></path></svg>`;
+    return n`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--beautyLarge"><path d="M27.11 5.07a9.12 9.12 0 0 0-8.09-2.53l-1.5.28c-1.07.2-1.96 1-2.25 2.05l-2.37 8.45L3.21 23a2.885 2.885 0 0 0 0 4.07l1.83 1.83c.56.56 1.3.84 2.04.84s1.47-.28 2.04-.84l9.47-9.47 8.69-2.44c1.06-.3 1.85-1.16 2.05-2.24l.29-1.57a9.1 9.1 0 0 0-2.5-8.1zM7.69 27.49c-.34.34-.9.34-1.24 0l-1.83-1.83a.88.88 0 0 1 0-1.24l.58-.58 3.07 3.07zm1.99-1.99-3.07-3.07 4.42-4.42 3.07 3.07zm5.84-5.84-3.07-3.07 1.23-1.23 1.56 1.56 1.48 1.52-1.21 1.21zm12.13-6.85-.29 1.57c-.06.33-.3.59-.63.69l-8.21 2.31-.6-.6 4.03-2.11-1.48-1.48-3.05 1.6 1.49-3.16-1.5-1.5-1.96 4.15-.57-.58 2.32-8.26c.09-.32.36-.57.69-.63l1.5-.28c2.33-.43 4.64.29 6.31 1.97 1.68 1.68 2.39 3.98 1.95 6.32z"></path></svg>`;
   }
 };
 i([

package/dist/IconBike.js

@@ -12,7 +12,7 @@ let s = class extends h {
     super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--bike", this.class = "c-pieIcon c-pieIcon--bike", this.name = "IconBike";
   }
   render() {
-    return a`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--bike"><path d="M12.139 7.405 11 4.158a.218.218 0 0 1 0-.157.246.246 0 0 1 .158-.123l1.216-.446v-1.4l-1.627.613a1.514 1.514 0 0 0-.998 1.933l.359 1.015H9.75a2.433 2.433 0 0 0-1.925.963l-1.207 1.61-1.06-2.135h.692V4.718h-3.5v1.313H4.09l.726 1.461a2.87 2.87 0 0 0-.735-.105 2.826 2.826 0 1 0 2.826 2.818v-.201l1.97-2.66a1.111 1.111 0 0 1 .874-.438h.831l.254.717a2.844 2.844 0 1 0 1.313-.218h-.01ZM4.08 11.719a1.514 1.514 0 1 1 1.514-1.514 1.505 1.505 0 0 1-1.514 1.514Zm7.875 0a1.514 1.514 0 1 1 1.401-.934 1.505 1.505 0 0 1-1.4.934Z"></path></svg>`;
+    return a`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--bike"><path d="M12.139 7.405 11 4.158a.22.22 0 0 1 0-.157.25.25 0 0 1 .158-.123l1.216-.446v-1.4l-1.627.613a1.514 1.514 0 0 0-.998 1.933l.359 1.015H9.75a2.43 2.43 0 0 0-1.925.963l-1.207 1.61-1.06-2.135h.692V4.718h-3.5v1.313H4.09l.726 1.461a2.9 2.9 0 0 0-.735-.105 2.826 2.826 0 1 0 2.826 2.818v-.201l1.97-2.66a1.11 1.11 0 0 1 .874-.438h.831l.254.717a2.844 2.844 0 1 0 1.313-.218zM4.08 11.719a1.514 1.514 0 1 1 1.514-1.514 1.505 1.505 0 0 1-1.514 1.514m7.875 0a1.514 1.514 0 1 1 1.401-.934 1.505 1.505 0 0 1-1.4.934"></path></svg>`;
   }
 };
 p([