@justeattakeaway/pie-icons-webc 1.2.0 → 1.4.0

package/dist/IconAtomLarge.js

@@ -2,12 +2,12 @@ import { html as p } from "lit";
 import { defineCustomElement as l } from "@justeattakeaway/pie-webc-core";
 import { property as a } from "lit/decorators.js";
 import { PieIconComponent as m } from "./PieIconComponent.js";
-var g = Object.defineProperty, i = (t, c, s, f) => {
-  for (var e = void 0, r = t.length - 1, n; r >= 0; r--)
-    (n = t[r]) && (e = n(c, s, e) || e);
-  return e && g(c, s, e), e;
+var f = Object.defineProperty, i = (t, c, n, h) => {
+  for (var e = void 0, r = t.length - 1, s; r >= 0; r--)
+    (s = t[r]) && (e = s(c, n, e) || e);
+  return e && f(c, n, e), e;
 };
-const h = "icon-atom-large";
+const g = "icon-atom-large";
 class o extends m {
   constructor() {
     super(...arguments), this.size = 32, this.class = "c-pieIcon c-pieIcon--atomLarge", this.name = "IconAtomLarge";
@@ -22,7 +22,7 @@ i([
 i([
   a({ type: String, reflect: !0 })
 ], o.prototype, "class");
-l(h, o);
+l(g, o);
 export {
   o as IconAtomLarge
 };

package/dist/IconBabyKid.js

@@ -1,8 +1,8 @@
-import { html as n } from "lit";
+import { html as p } from "lit";
 import { defineCustomElement as l } from "@justeattakeaway/pie-webc-core";
-import { property as s } from "lit/decorators.js";
+import { property as n } from "lit/decorators.js";
 import { PieIconComponent as h } from "./PieIconComponent.js";
-var d = Object.defineProperty, p = (e, a, i, f) => {
+var d = Object.defineProperty, s = (e, a, i, f) => {
   for (var t = void 0, r = e.length - 1, c; r >= 0; r--)
     (c = e[r]) && (t = c(a, i, t) || t);
   return t && d(a, i, t), t;
@@ -13,14 +13,14 @@ class o extends h {
     super(...arguments), this.size = "xs", this.class = "c-pieIcon c-pieIcon--babyKid", this.name = "IconBabyKid";
   }
   render() {
-    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 16 16" class="c-pieIcon c-pieIcon--babyKid"><path d="M6.206 7.956a.586.586 0 1 0 0-1.172.586.586 0 0 0 0 1.172Z"></path><path d="M9.697 7.956a.586.586 0 1 0 0-1.172.586.586 0 0 0 0 1.172Z"></path><path d="M8.779 9.75A1.476 1.476 0 0 1 8 9.986c-.271 0-.551-.079-.779-.236a1.344 1.344 0 0 1-.525-.621H5.63a2.44 2.44 0 0 0 2.38 1.829c.551 0 1.067-.184 1.505-.508.428-.332.735-.796.875-1.321H9.32a1.455 1.455 0 0 1-.525.621H8.78Z"></path><path d="M13.644 6.11A5.929 5.929 0 0 0 8 2.05a5.929 5.929 0 0 0-5.644 4.06c-.875.166-1.444 1.164-1.312 2.336.122 1.024.743 1.803 1.505 1.943A5.96 5.96 0 0 0 7.99 13.95a5.936 5.936 0 0 0 5.443-3.561c.76-.14 1.382-.919 1.505-1.952.14-1.163-.438-2.17-1.313-2.336l.018.009Zm0 2.179c-.062.551-.377.813-.455.805l-.604-.184-.201.595A4.644 4.644 0 0 1 8 12.637a4.644 4.644 0 0 1-4.384-3.132l-.21-.586-.604.183c-.105.018-.385-.262-.446-.805-.061-.55.166-.883.271-.883l.692.245.166-.718a4.61 4.61 0 0 1 3.929-3.535c.008.088.035.166.026.254-.044.691-.621 1.032-.656 1.059l.665 1.207c.131-.07 1.268-.744 1.365-2.179 0-.105 0-.21-.01-.315a4.614 4.614 0 0 1 3.702 3.51l.201.708.692-.245c.096.035.306.359.245.892V8.29Z"></path></svg>`;
+    return p`<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--babyKid"><path d="M6.206 7.956a.586.586 0 1 0 0-1.172.586.586 0 0 0 0 1.172Z"></path><path d="M9.697 7.956a.586.586 0 1 0 0-1.172.586.586 0 0 0 0 1.172Z"></path><path d="M8.779 9.75A1.476 1.476 0 0 1 8 9.986c-.271 0-.551-.079-.779-.236a1.344 1.344 0 0 1-.525-.621H5.63a2.44 2.44 0 0 0 2.38 1.829c.551 0 1.067-.184 1.505-.508.428-.332.735-.796.875-1.321H9.32a1.455 1.455 0 0 1-.525.621H8.78Z"></path><path d="M13.644 6.11A5.929 5.929 0 0 0 8 2.05a5.929 5.929 0 0 0-5.644 4.06c-.875.166-1.444 1.164-1.312 2.336.122 1.024.743 1.803 1.505 1.943A5.96 5.96 0 0 0 7.99 13.95a5.936 5.936 0 0 0 5.443-3.561c.76-.14 1.382-.919 1.505-1.952.14-1.163-.438-2.17-1.313-2.336l.018.009Zm0 2.179c-.062.551-.377.813-.455.805l-.604-.184-.201.595A4.644 4.644 0 0 1 8 12.637a4.644 4.644 0 0 1-4.384-3.132l-.21-.586-.604.183c-.105.018-.385-.262-.446-.805-.061-.55.166-.883.271-.883l.692.245.166-.718a4.61 4.61 0 0 1 3.929-3.535c.008.088.035.166.026.254-.044.691-.621 1.032-.656 1.059l.665 1.207c.131-.07 1.268-.744 1.365-2.179 0-.105 0-.21-.01-.315a4.614 4.614 0 0 1 3.702 3.51l.201.708.692-.245c.096.035.306.359.245.892V8.29Z"></path></svg>`;
   }
 }
-p([
-  s({ type: String, reflect: !0 })
+s([
+  n({ type: String, reflect: !0 })
 ], o.prototype, "size");
-p([
-  s({ type: String, reflect: !0 })
+s([
+  n({ type: String, reflect: !0 })
 ], o.prototype, "class");
 l(m, o);
 export {

package/dist/IconBabyKidLarge.js

@@ -1,8 +1,8 @@
-import { html as n } from "lit";
+import { html as s } from "lit";
 import { defineCustomElement as l } from "@justeattakeaway/pie-webc-core";
-import { property as p } from "lit/decorators.js";
+import { property as n } from "lit/decorators.js";
 import { PieIconComponent as h } from "./PieIconComponent.js";
-var d = Object.defineProperty, s = (t, a, o, g) => {
+var d = Object.defineProperty, p = (t, a, o, f) => {
   for (var e = void 0, r = t.length - 1, i; r >= 0; r--)
     (i = t[r]) && (e = i(a, o, e) || e);
   return e && d(a, o, e), e;
@@ -13,14 +13,14 @@ class c extends h {
     super(...arguments), this.size = 32, this.class = "c-pieIcon c-pieIcon--babyKidLarge", this.name = "IconBabyKidLarge";
   }
   render() {
-    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--babyKidLarge"><path d="M11.835 14.364a1.138 1.138 0 0 0-.814-.333c-.228 0-.446.07-.639.193a1.106 1.106 0 0 0-.42.516 1.08 1.08 0 0 0-.061.665c.044.219.158.429.315.586.158.158.368.271.586.315.219.044.455.018.665-.061a1.15 1.15 0 0 0 .516-.42c.123-.192.193-.411.193-.639 0-.306-.123-.595-.332-.813l-.01-.01Z"></path><path d="M20.979 14.031c-.228 0-.447.07-.64.193a1.106 1.106 0 0 0-.42.516 1.08 1.08 0 0 0-.06.665c.043.219.157.429.314.586.158.158.368.271.587.315.218.044.455.018.665-.061a1.15 1.15 0 0 0 .516-.42c.123-.192.193-.411.193-.639 0-.306-.123-.595-.333-.813a1.137 1.137 0 0 0-.814-.333l-.008-.009Z"></path><path d="M17.409 19.745c-.42.271-.91.42-1.41.42-.498 0-.988-.149-1.408-.42a2.607 2.607 0 0 1-.962-1.12h-1.62a4.167 4.167 0 0 0 1.47 2.214 4.1 4.1 0 0 0 2.52.857c.91 0 1.795-.297 2.52-.857a4.07 4.07 0 0 0 1.47-2.214h-1.618c-.21.455-.543.849-.962 1.12Z"></path><path d="M28.6 14.197c-.429-.848-1.138-1.382-1.943-1.478h-.07A11.024 11.024 0 0 0 16.01 4.922c-4.91 0-9.162 3.16-10.588 7.788h-.07c-.805.096-1.514.63-1.942 1.479-.377.743-.525 1.671-.412 2.616.114.945.473 1.811 1.007 2.45.498.586 1.128.936 1.776.998a11.091 11.091 0 0 0 10.229 6.825c4.488 0 8.513-2.713 10.228-6.825.648-.062 1.278-.412 1.777-.998.542-.639.9-1.505 1.006-2.45.105-.945-.035-1.873-.412-2.616l-.008.008Zm-1.322 2.416c-.07.595-.288 1.146-.603 1.513-.105.131-.394.429-.648.394l-.927-.28-.272.796a9.326 9.326 0 0 1-8.82 6.3 9.326 9.326 0 0 1-8.82-6.3l-.35-.77-.804.245c-.324.044-.587-.262-.7-.385-.315-.367-.534-.919-.604-1.514-.07-.595.017-1.18.236-1.618.079-.149.289-.499.586-.534.053 0 .132.009.219.044l.919.324.219-.954A9.289 9.289 0 0 1 13.917 6.9c.018.052.044.105.053.166.148.761-.289 1.724-1.181 1.943l.42 1.697c1.715-.42 2.826-2.205 2.476-3.972 0-.018-.009-.035-.018-.053.105 0 .219-.017.324-.017.446 0 .893.035 1.33.096.044.096.079.192.096.297.149.762-.289 1.724-1.181 1.943l.42 1.697c1.558-.384 2.599-1.89 2.529-3.482a9.296 9.296 0 0 1 5.897 6.65l.219.954.919-.324a.669.669 0 0 1 .219-.044c.306.035.516.385.586.534.219.429.306 1.024.236 1.619l.018.009Z"></path></svg>`;
+    return s`<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--babyKidLarge"><path d="M11.835 14.364a1.138 1.138 0 0 0-.814-.333c-.228 0-.446.07-.639.193a1.106 1.106 0 0 0-.42.516 1.08 1.08 0 0 0-.061.665c.044.219.158.429.315.586.158.158.368.271.586.315.219.044.455.018.665-.061a1.15 1.15 0 0 0 .516-.42c.123-.192.193-.411.193-.639 0-.306-.123-.595-.332-.813l-.01-.01Z"></path><path d="M20.979 14.031c-.228 0-.447.07-.64.193a1.106 1.106 0 0 0-.42.516 1.08 1.08 0 0 0-.06.665c.043.219.157.429.314.586.158.158.368.271.587.315.218.044.455.018.665-.061a1.15 1.15 0 0 0 .516-.42c.123-.192.193-.411.193-.639 0-.306-.123-.595-.333-.813a1.137 1.137 0 0 0-.814-.333l-.008-.009Z"></path><path d="M17.409 19.745c-.42.271-.91.42-1.41.42-.498 0-.988-.149-1.408-.42a2.607 2.607 0 0 1-.962-1.12h-1.62a4.167 4.167 0 0 0 1.47 2.214 4.1 4.1 0 0 0 2.52.857c.91 0 1.795-.297 2.52-.857a4.07 4.07 0 0 0 1.47-2.214h-1.618c-.21.455-.543.849-.962 1.12Z"></path><path d="M28.6 14.197c-.429-.848-1.138-1.382-1.943-1.478h-.07A11.024 11.024 0 0 0 16.01 4.922c-4.91 0-9.162 3.16-10.588 7.788h-.07c-.805.096-1.514.63-1.942 1.479-.377.743-.525 1.671-.412 2.616.114.945.473 1.811 1.007 2.45.498.586 1.128.936 1.776.998a11.091 11.091 0 0 0 10.229 6.825c4.488 0 8.513-2.713 10.228-6.825.648-.062 1.278-.412 1.777-.998.542-.639.9-1.505 1.006-2.45.105-.945-.035-1.873-.412-2.616l-.008.008Zm-1.322 2.416c-.07.595-.288 1.146-.603 1.513-.105.131-.394.429-.648.394l-.927-.28-.272.796a9.326 9.326 0 0 1-8.82 6.3 9.326 9.326 0 0 1-8.82-6.3l-.35-.77-.804.245c-.324.044-.587-.262-.7-.385-.315-.367-.534-.919-.604-1.514-.07-.595.017-1.18.236-1.618.079-.149.289-.499.586-.534.053 0 .132.009.219.044l.919.324.219-.954A9.289 9.289 0 0 1 13.917 6.9c.018.052.044.105.053.166.148.761-.289 1.724-1.181 1.943l.42 1.697c1.715-.42 2.826-2.205 2.476-3.972 0-.018-.009-.035-.018-.053.105 0 .219-.017.324-.017.446 0 .893.035 1.33.096.044.096.079.192.096.297.149.762-.289 1.724-1.181 1.943l.42 1.697c1.558-.384 2.599-1.89 2.529-3.482a9.296 9.296 0 0 1 5.897 6.65l.219.954.919-.324a.669.669 0 0 1 .219-.044c.306.035.516.385.586.534.219.429.306 1.024.236 1.619l.018.009Z"></path></svg>`;
   }
 }
-s([
-  p({ type: String, reflect: !0 })
+p([
+  n({ type: String, reflect: !0 })
 ], c.prototype, "size");
-s([
-  p({ type: String, reflect: !0 })
+p([
+  n({ type: String, reflect: !0 })
 ], c.prototype, "class");
 l(m, c);
 export {

package/dist/IconBackpack.js

@@ -1,10 +1,10 @@
 import { html as i } from "lit";
 import { defineCustomElement as l } from "@justeattakeaway/pie-webc-core";
-import { property as n } from "lit/decorators.js";
+import { property as s } from "lit/decorators.js";
 import { PieIconComponent as h } from "./PieIconComponent.js";
-var m = Object.defineProperty, p = (t, c, a, v) => {
-  for (var e = void 0, r = t.length - 1, s; r >= 0; r--)
-    (s = t[r]) && (e = s(c, a, e) || e);
+var m = Object.defineProperty, p = (t, c, a, u) => {
+  for (var e = void 0, r = t.length - 1, n; r >= 0; r--)
+    (n = t[r]) && (e = n(c, a, e) || e);
   return e && m(c, a, e), e;
 };
 const f = "icon-backpack";
@@ -17,10 +17,10 @@ class o extends h {
   }
 }
 p([
-  n({ type: String, reflect: !0 })
+  s({ type: String, reflect: !0 })
 ], o.prototype, "size");
 p([
-  n({ type: String, reflect: !0 })
+  s({ type: String, reflect: !0 })
 ], o.prototype, "class");
 l(f, o);
 export {

package/dist/IconBackpackLarge.js

@@ -1,10 +1,10 @@
 import { html as i } from "lit";
 import { defineCustomElement as h } from "@justeattakeaway/pie-webc-core";
-import { property as n } from "lit/decorators.js";
+import { property as s } from "lit/decorators.js";
 import { PieIconComponent as l } from "./PieIconComponent.js";
-var m = Object.defineProperty, p = (t, c, o, g) => {
-  for (var e = void 0, a = t.length - 1, s; a >= 0; a--)
-    (s = t[a]) && (e = s(c, o, e) || e);
+var m = Object.defineProperty, p = (t, c, o, f) => {
+  for (var e = void 0, a = t.length - 1, n; a >= 0; a--)
+    (n = t[a]) && (e = n(c, o, e) || e);
   return e && m(c, o, e), e;
 };
 const v = "icon-backpack-large";
@@ -17,10 +17,10 @@ class r extends l {
   }
 }
 p([
-  n({ type: String, reflect: !0 })
+  s({ type: String, reflect: !0 })
 ], r.prototype, "size");
 p([
-  n({ type: String, reflect: !0 })
+  s({ type: String, reflect: !0 })
 ], r.prototype, "class");
 h(v, r);
 export {

package/dist/IconBagFilled.js

@@ -1,14 +1,14 @@
 import { html as p } from "lit";
 import { defineCustomElement as a } from "@justeattakeaway/pie-webc-core";
 import { property as s } from "lit/decorators.js";
-import { PieIconComponent as h } from "./PieIconComponent.js";
-var d = Object.defineProperty, c = (t, l, i, g) => {
+import { PieIconComponent as d } from "./PieIconComponent.js";
+var h = Object.defineProperty, c = (t, o, i, g) => {
   for (var e = void 0, r = t.length - 1, n; r >= 0; r--)
-    (n = t[r]) && (e = n(l, i, e) || e);
-  return e && d(l, i, e), e;
+    (n = t[r]) && (e = n(o, i, e) || e);
+  return e && h(o, i, e), e;
 };
 const f = "icon-bag-filled";
-class o extends h {
+class l extends d {
   constructor() {
     super(...arguments), this.size = "xs", this.class = "c-pieIcon c-pieIcon--bagFilled", this.name = "IconBagFilled";
   }
@@ -18,11 +18,11 @@ class o extends h {
 }
 c([
   s({ type: String, reflect: !0 })
-], o.prototype, "size");
+], l.prototype, "size");
 c([
   s({ type: String, reflect: !0 })
-], o.prototype, "class");
-a(f, o);
+], l.prototype, "class");
+a(f, l);
 export {
-  o as IconBagFilled
+  l as IconBagFilled
 };

package/dist/IconBagFilledLarge.js

@@ -2,12 +2,12 @@ import { html as a } from "lit";
 import { defineCustomElement as c } from "@justeattakeaway/pie-webc-core";
 import { property as s } from "lit/decorators.js";
 import { PieIconComponent as g } from "./PieIconComponent.js";
-var h = Object.defineProperty, p = (r, o, i, d) => {
+var d = Object.defineProperty, p = (r, o, i, m) => {
   for (var e = void 0, t = r.length - 1, n; t >= 0; t--)
     (n = r[t]) && (e = n(o, i, e) || e);
-  return e && h(o, i, e), e;
+  return e && d(o, i, e), e;
 };
-const m = "icon-bag-filled-large";
+const h = "icon-bag-filled-large";
 class l extends g {
   constructor() {
     super(...arguments), this.size = 32, this.class = "c-pieIcon c-pieIcon--bagFilledLarge", this.name = "IconBagFilledLarge";
@@ -22,7 +22,7 @@ p([
 p([
   s({ type: String, reflect: !0 })
 ], l.prototype, "class");
-c(m, l);
+c(h, l);
 export {
   l as IconBagFilledLarge
 };

package/dist/IconBagLarge.js

@@ -2,10 +2,10 @@ import { html as c } from "lit";
 import { defineCustomElement as l } from "@justeattakeaway/pie-webc-core";
 import { property as i } from "lit/decorators.js";
 import { PieIconComponent as h } from "./PieIconComponent.js";
-var g = Object.defineProperty, p = (t, s, n, f) => {
+var g = Object.defineProperty, p = (t, n, s, f) => {
   for (var e = void 0, r = t.length - 1, a; r >= 0; r--)
-    (a = t[r]) && (e = a(s, n, e) || e);
-  return e && g(s, n, e), e;
+    (a = t[r]) && (e = a(n, s, e) || e);
+  return e && g(n, s, e), e;
 };
 const m = "icon-bag-large";
 class o extends h {

package/dist/IconBakery.js

@@ -1,11 +1,11 @@
 import { html as i } from "lit";
 import { defineCustomElement as p } from "@justeattakeaway/pie-webc-core";
-import { property as a } from "lit/decorators.js";
+import { property as l } from "lit/decorators.js";
 import { PieIconComponent as h } from "./PieIconComponent.js";
-var m = Object.defineProperty, n = (t, c, s, v) => {
-  for (var e = void 0, r = t.length - 1, l; r >= 0; r--)
-    (l = t[r]) && (e = l(c, s, e) || e);
-  return e && m(c, s, e), e;
+var m = Object.defineProperty, a = (t, c, n, u) => {
+  for (var e = void 0, r = t.length - 1, s; r >= 0; r--)
+    (s = t[r]) && (e = s(c, n, e) || e);
+  return e && m(c, n, e), e;
 };
 const f = "icon-bakery";
 class o extends h {
@@ -16,11 +16,11 @@ class o extends h {
     return i`<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--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>`;
   }
 }
-n([
-  a({ type: String, reflect: !0 })
+a([
+  l({ type: String, reflect: !0 })
 ], o.prototype, "size");
-n([
-  a({ type: String, reflect: !0 })
+a([
+  l({ type: String, reflect: !0 })
 ], o.prototype, "class");
 p(f, o);
 export {

package/dist/IconBakeryLarge.js

@@ -1,13 +1,13 @@
 import { html as i } from "lit";
 import { defineCustomElement as p } from "@justeattakeaway/pie-webc-core";
-import { property as a } from "lit/decorators.js";
+import { property as s } from "lit/decorators.js";
 import { PieIconComponent as h } from "./PieIconComponent.js";
-var g = Object.defineProperty, n = (r, c, l, f) => {
-  for (var e = void 0, t = r.length - 1, s; t >= 0; t--)
-    (s = r[t]) && (e = s(c, l, e) || e);
-  return e && g(c, l, e), e;
+var f = Object.defineProperty, a = (r, c, l, m) => {
+  for (var e = void 0, t = r.length - 1, n; t >= 0; t--)
+    (n = r[t]) && (e = n(c, l, e) || e);
+  return e && f(c, l, e), e;
 };
-const m = "icon-bakery-large";
+const g = "icon-bakery-large";
 class o extends h {
   constructor() {
     super(...arguments), this.size = 32, this.class = "c-pieIcon c-pieIcon--bakeryLarge", this.name = "IconBakeryLarge";
@@ -16,13 +16,13 @@ class o extends h {
     return i`<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--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>`;
   }
 }
-n([
-  a({ type: String, reflect: !0 })
+a([
+  s({ type: String, reflect: !0 })
 ], o.prototype, "size");
-n([
-  a({ type: String, reflect: !0 })
+a([
+  s({ type: String, reflect: !0 })
 ], o.prototype, "class");
-p(m, o);
+p(g, o);
 export {
   o as IconBakeryLarge
 };

package/dist/IconBallotBox.js

@@ -2,12 +2,12 @@ import { html as c } from "lit";
 import { defineCustomElement as a } from "@justeattakeaway/pie-webc-core";
 import { property as l } from "lit/decorators.js";
 import { PieIconComponent as h } from "./PieIconComponent.js";
-var m = Object.defineProperty, p = (e, s, n, f) => {
+var m = Object.defineProperty, p = (e, n, s, v) => {
   for (var t = void 0, o = e.length - 1, i; o >= 0; o--)
-    (i = e[o]) && (t = i(s, n, t) || t);
-  return t && m(s, n, t), t;
+    (i = e[o]) && (t = i(n, s, t) || t);
+  return t && m(n, s, t), t;
 };
-const v = "icon-ballot-box";
+const f = "icon-ballot-box";
 class r extends h {
   constructor() {
     super(...arguments), this.size = "xs", this.class = "c-pieIcon c-pieIcon--ballotBox", this.name = "IconBallotBox";
@@ -22,7 +22,7 @@ p([
 p([
   l({ type: String, reflect: !0 })
 ], r.prototype, "class");
-a(v, r);
+a(f, r);
 export {
   r as IconBallotBox
 };

package/dist/IconBallotBoxLarge.js

@@ -2,10 +2,10 @@ import { html as h } from "lit";
 import { defineCustomElement as p } from "@justeattakeaway/pie-webc-core";
 import { property as i } from "lit/decorators.js";
 import { PieIconComponent as c } from "./PieIconComponent.js";
-var m = Object.defineProperty, a = (t, s, l, g) => {
-  for (var e = void 0, o = t.length - 1, n; o >= 0; o--)
-    (n = t[o]) && (e = n(s, l, e) || e);
-  return e && m(s, l, e), e;
+var m = Object.defineProperty, a = (t, n, s, f) => {
+  for (var e = void 0, o = t.length - 1, l; o >= 0; o--)
+    (l = t[o]) && (e = l(n, s, e) || e);
+  return e && m(n, s, e), e;
 };
 const v = "icon-ballot-box-large";
 class r extends c {

package/dist/IconBarcode.js

@@ -2,12 +2,12 @@ import { html as h } from "lit";
 import { defineCustomElement as m } from "@justeattakeaway/pie-webc-core";
 import { property as i } from "lit/decorators.js";
 import { PieIconComponent as a } from "./PieIconComponent.js";
-var l = Object.defineProperty, p = (t, s, n, f) => {
+var l = Object.defineProperty, p = (t, n, s, d) => {
   for (var e = void 0, r = t.length - 1, c; r >= 0; r--)
-    (c = t[r]) && (e = c(s, n, e) || e);
-  return e && l(s, n, e), e;
+    (c = t[r]) && (e = c(n, s, e) || e);
+  return e && l(n, s, e), e;
 };
-const v = "icon-barcode";
+const f = "icon-barcode";
 class o extends a {
   constructor() {
     super(...arguments), this.size = "xs", this.class = "c-pieIcon c-pieIcon--barcode", this.name = "IconBarcode";
@@ -22,7 +22,7 @@ p([
 p([
   i({ type: String, reflect: !0 })
 ], o.prototype, "class");
-m(v, o);
+m(f, o);
 export {
   o as IconBarcode
 };

package/dist/IconBarcodeLarge.js

@@ -2,10 +2,10 @@ import { html as a } from "lit";
 import { defineCustomElement as p } from "@justeattakeaway/pie-webc-core";
 import { property as h } from "lit/decorators.js";
 import { PieIconComponent as m } from "./PieIconComponent.js";
-var v = Object.defineProperty, i = (r, s, n, g) => {
+var v = Object.defineProperty, i = (r, n, s, f) => {
   for (var e = void 0, t = r.length - 1, c; t >= 0; t--)
-    (c = r[t]) && (e = c(s, n, e) || e);
-  return e && v(s, n, e), e;
+    (c = r[t]) && (e = c(n, s, e) || e);
+  return e && v(n, s, e), e;
 };
 const l = "icon-barcode-large";
 class o extends m {

package/dist/IconBasket.js

@@ -2,7 +2,7 @@ import { html as c } from "lit";
 import { defineCustomElement as a } from "@justeattakeaway/pie-webc-core";
 import { property as l } from "lit/decorators.js";
 import { PieIconComponent as h } from "./PieIconComponent.js";
-var m = Object.defineProperty, p = (t, s, n, v) => {
+var m = Object.defineProperty, p = (t, s, n, u) => {
   for (var e = void 0, r = t.length - 1, i; r >= 0; r--)
     (i = t[r]) && (e = i(s, n, e) || e);
   return e && m(s, n, e), e;

package/dist/IconBasketLarge.js

@@ -1,13 +1,13 @@
 import { html as i } from "lit";
 import { defineCustomElement as l } from "@justeattakeaway/pie-webc-core";
-import { property as h } from "lit/decorators.js";
+import { property as p } from "lit/decorators.js";
 import { PieIconComponent as c } from "./PieIconComponent.js";
-var m = Object.defineProperty, n = (t, s, a, f) => {
-  for (var e = void 0, r = t.length - 1, p; r >= 0; r--)
-    (p = t[r]) && (e = p(s, a, e) || e);
+var m = Object.defineProperty, h = (t, s, a, g) => {
+  for (var e = void 0, r = t.length - 1, n; r >= 0; r--)
+    (n = t[r]) && (e = n(s, a, e) || e);
   return e && m(s, a, e), e;
 };
-const g = "icon-basket-large";
+const f = "icon-basket-large";
 class o extends c {
   constructor() {
     super(...arguments), this.size = 32, this.class = "c-pieIcon c-pieIcon--basketLarge", this.name = "IconBasketLarge";
@@ -16,13 +16,13 @@ class o extends c {
     return i`<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--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>`;
   }
 }
-n([
-  h({ type: String, reflect: !0 })
+h([
+  p({ type: String, reflect: !0 })
 ], o.prototype, "size");
-n([
-  h({ type: String, reflect: !0 })
+h([
+  p({ type: String, reflect: !0 })
 ], o.prototype, "class");
-l(g, o);
+l(f, o);
 export {
   o as IconBasketLarge
 };

package/dist/IconBattery.js

@@ -1,14 +1,14 @@
 import { html as c } from "lit";
 import { defineCustomElement as h } from "@justeattakeaway/pie-webc-core";
 import { property as a } from "lit/decorators.js";
-import { PieIconComponent as v } from "./PieIconComponent.js";
-var l = Object.defineProperty, p = (e, s, n, f) => {
+import { PieIconComponent as l } from "./PieIconComponent.js";
+var v = Object.defineProperty, p = (e, n, s, f) => {
   for (var t = void 0, r = e.length - 1, i; r >= 0; r--)
-    (i = e[r]) && (t = i(s, n, t) || t);
-  return t && l(s, n, t), t;
+    (i = e[r]) && (t = i(n, s, t) || t);
+  return t && v(n, s, t), t;
 };
 const m = "icon-battery";
-class o extends v {
+class o extends l {
   constructor() {
     super(...arguments), this.size = "xs", this.class = "c-pieIcon c-pieIcon--battery", this.name = "IconBattery";
   }

package/dist/IconBatteryLarge.js

@@ -2,12 +2,12 @@ import { html as c } from "lit";
 import { defineCustomElement as h } from "@justeattakeaway/pie-webc-core";
 import { property as a } from "lit/decorators.js";
 import { PieIconComponent as l } from "./PieIconComponent.js";
-var v = Object.defineProperty, p = (t, s, n, g) => {
+var m = Object.defineProperty, p = (t, n, s, f) => {
   for (var e = void 0, r = t.length - 1, i; r >= 0; r--)
-    (i = t[r]) && (e = i(s, n, e) || e);
-  return e && v(s, n, e), e;
+    (i = t[r]) && (e = i(n, s, e) || e);
+  return e && m(n, s, e), e;
 };
-const m = "icon-battery-large";
+const v = "icon-battery-large";
 class o extends l {
   constructor() {
     super(...arguments), this.size = 32, this.class = "c-pieIcon c-pieIcon--batteryLarge", this.name = "IconBatteryLarge";
@@ -22,7 +22,7 @@ p([
 p([
   a({ type: String, reflect: !0 })
 ], o.prototype, "class");
-h(m, o);
+h(v, o);
 export {
   o as IconBatteryLarge
 };

package/dist/IconBeauty.js

@@ -2,10 +2,10 @@ import { html as a } from "lit";
 import { defineCustomElement as p } from "@justeattakeaway/pie-webc-core";
 import { property as l } from "lit/decorators.js";
 import { PieIconComponent as m } from "./PieIconComponent.js";
-var h = Object.defineProperty, c = (t, s, n, f) => {
+var h = Object.defineProperty, c = (t, n, s, f) => {
   for (var e = void 0, r = t.length - 1, i; r >= 0; r--)
-    (i = t[r]) && (e = i(s, n, e) || e);
-  return e && h(s, n, e), e;
+    (i = t[r]) && (e = i(n, s, e) || e);
+  return e && h(n, s, e), e;
 };
 const u = "icon-beauty";
 class o extends m {

package/dist/IconBeautyLarge.js

@@ -2,12 +2,12 @@ import { html as a } from "lit";
 import { defineCustomElement as p } from "@justeattakeaway/pie-webc-core";
 import { property as i } from "lit/decorators.js";
 import { PieIconComponent as m } from "./PieIconComponent.js";
-var g = Object.defineProperty, l = (t, s, c, f) => {
-  for (var e = void 0, r = t.length - 1, n; r >= 0; r--)
-    (n = t[r]) && (e = n(s, c, e) || e);
-  return e && g(s, c, e), e;
+var u = Object.defineProperty, l = (t, n, s, g) => {
+  for (var e = void 0, r = t.length - 1, c; r >= 0; r--)
+    (c = t[r]) && (e = c(n, s, e) || e);
+  return e && u(n, s, e), e;
 };
-const u = "icon-beauty-large";
+const f = "icon-beauty-large";
 class o extends m {
   constructor() {
     super(...arguments), this.size = 32, this.class = "c-pieIcon c-pieIcon--beautyLarge", this.name = "IconBeautyLarge";
@@ -22,7 +22,7 @@ l([
 l([
   i({ type: String, reflect: !0 })
 ], o.prototype, "class");
-p(u, o);
+p(f, o);
 export {
   o as IconBeautyLarge
 };

package/dist/IconBike.js

@@ -2,10 +2,10 @@ import { html as c } from "lit";
 import { defineCustomElement as a } from "@justeattakeaway/pie-webc-core";
 import { property as l } from "lit/decorators.js";
 import { PieIconComponent as h } from "./PieIconComponent.js";
-var m = Object.defineProperty, p = (t, i, s, v) => {
-  for (var e = void 0, r = t.length - 1, n; r >= 0; r--)
-    (n = t[r]) && (e = n(i, s, e) || e);
-  return e && m(i, s, e), e;
+var m = Object.defineProperty, p = (t, i, n, v) => {
+  for (var e = void 0, r = t.length - 1, s; r >= 0; r--)
+    (s = t[r]) && (e = s(i, n, e) || e);
+  return e && m(i, n, e), e;
 };
 const f = "icon-bike";
 class o extends h {

package/dist/IconBikeFilled.js

@@ -1,13 +1,13 @@
 import { html as p } from "lit";
 import { defineCustomElement as h } from "@justeattakeaway/pie-webc-core";
-import { property as n } from "lit/decorators.js";
+import { property as s } from "lit/decorators.js";
 import { PieIconComponent as a } from "./PieIconComponent.js";
-var m = Object.defineProperty, c = (t, o, l, d) => {
-  for (var e = void 0, r = t.length - 1, s; r >= 0; r--)
-    (s = t[r]) && (e = s(o, l, e) || e);
-  return e && m(o, l, e), e;
+var f = Object.defineProperty, c = (t, o, l, d) => {
+  for (var e = void 0, r = t.length - 1, n; r >= 0; r--)
+    (n = t[r]) && (e = n(o, l, e) || e);
+  return e && f(o, l, e), e;
 };
-const f = "icon-bike-filled";
+const m = "icon-bike-filled";
 class i extends a {
   constructor() {
     super(...arguments), this.size = "xs", this.class = "c-pieIcon c-pieIcon--bikeFilled", this.name = "IconBikeFilled";
@@ -17,12 +17,12 @@ class i extends a {
   }
 }
 c([
-  n({ type: String, reflect: !0 })
+  s({ type: String, reflect: !0 })
 ], i.prototype, "size");
 c([
-  n({ type: String, reflect: !0 })
+  s({ type: String, reflect: !0 })
 ], i.prototype, "class");
-h(f, i);
+h(m, i);
 export {
   i as IconBikeFilled
 };

package/dist/IconBikeFilledLarge.js

@@ -1,8 +1,8 @@
-import { html as n } from "lit";
+import { html as s } from "lit";
 import { defineCustomElement as h } from "@justeattakeaway/pie-webc-core";
-import { property as p } from "lit/decorators.js";
+import { property as n } from "lit/decorators.js";
 import { PieIconComponent as c } from "./PieIconComponent.js";
-var d = Object.defineProperty, s = (t, i, o, g) => {
+var d = Object.defineProperty, p = (t, i, o, g) => {
   for (var e = void 0, r = t.length - 1, a; r >= 0; r--)
     (a = t[r]) && (e = a(i, o, e) || e);
   return e && d(i, o, e), e;
@@ -13,14 +13,14 @@ class l extends c {
     super(...arguments), this.size = 32, this.class = "c-pieIcon c-pieIcon--bikeFilledLarge", this.name = "IconBikeFilledLarge";
   }
   render() {
-    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--bikeFilledLarge"><path d="M21.661 8.125a.875.875 0 0 1 .534-1.067l.875-.307v-1.89l-1.444.534a2.625 2.625 0 0 0-1.61 3.185l.359 1.295h-.201a3.5 3.5 0 0 0-3.002 1.698L14.47 16l-1.566-5.25h1.347V9H8.449L9 10.75h2.039l1.54 5.163a5.687 5.687 0 1 0 1.671 4.025 4.77 4.77 0 0 0 0-.5c-.49.45-1.097.753-1.75.876-.188.03-.378.048-.569.052L9 20.323l-.586-1.75h3.5c.112-.006.223-.02.332-.044a1.75 1.75 0 0 0 .971-.56 1.7 1.7 0 0 0 .193-.245l.236-.385c.182.366.325.75.429 1.146.086.312.145.631.175.954a3.29 3.29 0 0 0 .674-.796l3.701-6.143a1.75 1.75 0 0 1 1.505-.875h.709l.927 3.246a5.68 5.68 0 0 1 1.672-.542L21.66 8.125Z"></path><path d="M24.347 14.25a5.94 5.94 0 0 0-.875.079l.49 1.75c.088.289 1.252 4.331 1.252 4.331h-1.838l-1.094-3.78-.498-1.75a5.67 5.67 0 1 0 2.563-.63Z"></path><path d="M7.285 10.75 6.699 9h-4.41l.586 1.75h4.41Z"></path><path d="M5.228 13.375H8.16l-.587-1.75h-2.94l.595 1.75Z"></path></svg>`;
+    return s`<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--bikeFilledLarge"><path d="M21.661 8.125a.875.875 0 0 1 .534-1.067l.875-.307v-1.89l-1.444.534a2.625 2.625 0 0 0-1.61 3.185l.359 1.295h-.201a3.5 3.5 0 0 0-3.002 1.698L14.47 16l-1.566-5.25h1.347V9H8.449L9 10.75h2.039l1.54 5.163a5.687 5.687 0 1 0 1.671 4.025 4.77 4.77 0 0 0 0-.5c-.49.45-1.097.753-1.75.876-.188.03-.378.048-.569.052L9 20.323l-.586-1.75h3.5c.112-.006.223-.02.332-.044a1.75 1.75 0 0 0 .971-.56 1.7 1.7 0 0 0 .193-.245l.236-.385c.182.366.325.75.429 1.146.086.312.145.631.175.954a3.29 3.29 0 0 0 .674-.796l3.701-6.143a1.75 1.75 0 0 1 1.505-.875h.709l.927 3.246a5.68 5.68 0 0 1 1.672-.542L21.66 8.125Z"></path><path d="M24.347 14.25a5.94 5.94 0 0 0-.875.079l.49 1.75c.088.289 1.252 4.331 1.252 4.331h-1.838l-1.094-3.78-.498-1.75a5.67 5.67 0 1 0 2.563-.63Z"></path><path d="M7.285 10.75 6.699 9h-4.41l.586 1.75h4.41Z"></path><path d="M5.228 13.375H8.16l-.587-1.75h-2.94l.595 1.75Z"></path></svg>`;
   }
 }
-s([
-  p({ type: String, reflect: !0 })
+p([
+  n({ type: String, reflect: !0 })
 ], l.prototype, "size");
-s([
-  p({ type: String, reflect: !0 })
+p([
+  n({ type: String, reflect: !0 })
 ], l.prototype, "class");
 h(f, l);
 export {