@justeattakeaway/pie-icons-webc 1.24.0 → 1.24.2

package/dist/IconNetworkError.js

@@ -1,18 +1,18 @@
 import { html as h } from "lit";
 import { property as c } from "lit/decorators.js";
 import { PieIconComponent as f } from "./PieIconComponent.js";
-import { safeCustomElement as v } from "@justeattakeaway/pie-webc-core";
-var m = Object.defineProperty, a = Object.getOwnPropertyDescriptor, n = (p, e, s, t) => {
+import { safeCustomElement as m } from "@justeattakeaway/pie-webc-core";
+var v = Object.defineProperty, a = Object.getOwnPropertyDescriptor, n = (p, e, s, t) => {
   for (var r = t > 1 ? void 0 : t ? a(e, s) : e, l = p.length - 1, i; l >= 0; l--)
     (i = p[l]) && (r = (t ? i(e, s, r) : i(r)) || r);
-  return t && r && m(e, s, r), r;
+  return t && r && v(e, s, r), r;
 };
 let o = class extends f {
   constructor() {
     super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--networkError", this.class = "c-pieIcon c-pieIcon--networkError", this.name = "IconNetworkError";
   }
   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--networkError"><path d="M14.554 2.321h-1.838l-.507.517H8.674v3.56l-1.322 1.33V4.904H3.39v6.807l-1.97 1.995h1.847l.525-.525h3.561V9.593l1.322-1.33v4.943h3.946V4.281l1.942-1.96h-.008ZM4.7 6.224h1.33v2.835l-1.33 1.339V6.224Zm1.33 5.644h-.945l.945-.954v.954ZM9.977 4.15h.92l-.92.928V4.15Zm1.322 7.735H9.977V6.933l1.322-1.33v6.282Z"></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--networkError"><path d="M14.554 2.321h-1.838l-.507.517H8.674v3.56l-1.322 1.33V4.904H3.39v6.807l-1.97 1.995h1.847l.525-.525h3.561V9.593l1.322-1.33v4.943h3.946V4.281l1.942-1.96zM4.7 6.224h1.33v2.835l-1.33 1.339zm1.33 5.644h-.945l.945-.954zM9.977 4.15h.92l-.92.928zm1.322 7.735H9.977V6.933l1.322-1.33z"></path></svg>`;
   }
 };
 n([
@@ -22,7 +22,7 @@ n([
   c({ type: String, reflect: !0 })
 ], o.prototype, "class", 2);
 o = n([
-  v("icon-network-error")
+  m("icon-network-error")
 ], o);
 export {
   o as IconNetworkError

package/dist/IconNetworkErrorLarge.js

@@ -2,9 +2,9 @@ import { html as c } from "lit";
 import { property as p } from "lit/decorators.js";
 import { PieIconComponent as v } from "./PieIconComponent.js";
 import { safeCustomElement as a } from "@justeattakeaway/pie-webc-core";
-var f = Object.defineProperty, m = Object.getOwnPropertyDescriptor, i = (n, e, s, t) => {
-  for (var r = t > 1 ? void 0 : t ? m(e, s) : e, l = n.length - 1, h; l >= 0; l--)
-    (h = n[l]) && (r = (t ? h(e, s, r) : h(r)) || r);
+var f = Object.defineProperty, m = Object.getOwnPropertyDescriptor, n = (h, e, s, t) => {
+  for (var r = t > 1 ? void 0 : t ? m(e, s) : e, l = h.length - 1, i; l >= 0; l--)
+    (i = h[l]) && (r = (t ? i(e, s, r) : i(r)) || r);
   return t && r && f(e, s, r), r;
 };
 let o = class extends v {
@@ -12,16 +12,16 @@ let o = class extends v {
     super(...arguments), this.size = 32, this.defaultClasses = "c-pieIcon c-pieIcon--networkErrorLarge", this.class = "c-pieIcon c-pieIcon--networkErrorLarge", this.name = "IconNetworkErrorLarge";
   }
   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--networkErrorLarge"><path d="M27.673 5.526h-2.468l-1.129 1.13h-3.193v3.202l-1.995 1.995V10.53h-5.732v7.062l-1.995 1.995v-5.102h-5.73v10.842l-1.112 1.11h2.467l1.033-1.032h3.334v-3.342l1.995-1.995v5.329h5.73V14.32l1.996-1.995V25.39h5.722V6.655h-.06l1.128-1.129h.009ZM7.18 16.254h2.231v5.101l-2.23 2.231v-7.34.008Zm7.726-3.964h2.232v1.321l-2.232 2.232V12.28v.01Zm2.223 11.375h-2.231v-5.337l2.23-2.232v7.57Zm7.726-15.26v15.251h-2.222V10.584l2.17-2.179h.052Z"></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--networkErrorLarge"><path d="M27.673 5.526h-2.468l-1.129 1.13h-3.193v3.202l-1.995 1.995V10.53h-5.732v7.062l-1.995 1.995v-5.102h-5.73v10.842l-1.112 1.11h2.467l1.033-1.032h3.334v-3.342l1.995-1.995v5.329h5.73V14.32l1.996-1.995V25.39h5.722V6.655h-.06l1.128-1.129zM7.18 16.254h2.231v5.101l-2.23 2.231v-7.34zm7.726-3.964h2.232v1.321l-2.232 2.232V12.28zm2.223 11.375h-2.231v-5.337l2.23-2.232zm7.726-15.26v15.251h-2.222V10.584l2.17-2.179z"></path></svg>`;
   }
 };
-i([
+n([
   p({ type: String, reflect: !0 })
 ], o.prototype, "size", 2);
-i([
+n([
   p({ type: String, reflect: !0 })
 ], o.prototype, "class", 2);
-o = i([
+o = n([
   a("icon-network-error-large")
 ], o);
 export {

package/dist/IconNoodles.js

@@ -12,7 +12,7 @@ let s = class extends h {
     super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--noodles", this.class = "c-pieIcon c-pieIcon--noodles", this.name = "IconNoodles";
   }
   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--noodles"><path d="m14.125 3.793-.942-.83-3.59 3.762L11.35 2.34l-1.2-.465-1.593 4.011A3.191 3.191 0 0 0 7.11 4.788a3.299 3.299 0 0 0-1.832-.147 3.234 3.234 0 0 0-1.613.852c-.44.431-.741.978-.865 1.573h-.925V9.35c0 .807.258 1.595.736 2.256a4.047 4.047 0 0 0 1.937 1.44l.257 1.079h5.705l.257-1.08a4.047 4.047 0 0 0 1.937-1.44 3.854 3.854 0 0 0 .736-2.255V7.066h-2.425l3.11-3.273ZM5.945 5.82c.396 0 .783.12 1.107.344.324.223.568.538.7.902H4.137c.13-.364.375-.679.699-.902a1.96 1.96 0 0 1 1.108-.344Zm6.21 3.53a2.639 2.639 0 0 1-.587 1.646c-.378.47-.907.806-1.503.953l-.377.1-.197.83H5.824l-.197-.83-.377-.1a2.784 2.784 0 0 1-1.504-.953A2.64 2.64 0 0 1 3.16 9.35V8.31h8.995V9.35Z"></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--noodles"><path d="m14.125 3.793-.942-.83-3.59 3.762L11.35 2.34l-1.2-.465-1.593 4.011A3.2 3.2 0 0 0 7.11 4.788a3.3 3.3 0 0 0-1.832-.147 3.23 3.23 0 0 0-1.613.852c-.44.431-.741.978-.865 1.573h-.925V9.35c0 .807.258 1.595.736 2.256a4.05 4.05 0 0 0 1.937 1.44l.257 1.079h5.705l.257-1.08a4.05 4.05 0 0 0 1.937-1.44 3.85 3.85 0 0 0 .736-2.255V7.066h-2.425zM5.945 5.82c.396 0 .783.12 1.107.344s.568.538.7.902H4.137c.13-.364.375-.679.699-.902a1.96 1.96 0 0 1 1.108-.344m6.21 3.53a2.64 2.64 0 0 1-.587 1.646c-.378.47-.907.806-1.503.953l-.377.1-.197.83H5.824l-.197-.83-.377-.1a2.8 2.8 0 0 1-1.504-.953A2.64 2.64 0 0 1 3.16 9.35V8.31h8.995z"></path></svg>`;
   }
 };
 i([

package/dist/IconNoodlesLarge.js

@@ -12,7 +12,7 @@ let r = class extends h {
     super(...arguments), this.size = 32, this.defaultClasses = "c-pieIcon c-pieIcon--noodlesLarge", this.class = "c-pieIcon c-pieIcon--noodlesLarge", this.name = "IconNoodlesLarge";
   }
   render() {
-    return p`<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--noodlesLarge"><path d="M24.755 14.854a4.376 4.376 0 0 0-3.902-3.5l5.652-5.906-1.26-1.173-7 7.35 2.537-9.152L19.102 2l-2.432 8.627a7 7 0 0 0-11.734 4.227H4v4.375a7.875 7.875 0 0 0 5.39 7.446l.508 2.179h10.954l.508-2.179a7.875 7.875 0 0 0 5.39-7.446v-4.375h-1.995Zm-1.82 0h-4.121a7.008 7.008 0 0 0-.201-.963 2.626 2.626 0 0 1 4.322.963Zm-11.06-4.375a5.25 5.25 0 0 1 4.375 2.345c.146.23.272.474.376.726.2.413.34.852.42 1.304h-1.338a3.11 3.11 0 0 0-.254-.744 4.218 4.218 0 0 0-.289-.551 3.938 3.938 0 0 0-7.122 1.295h-1.34a5.25 5.25 0 0 1 5.172-4.375Zm1.995 4.375H9.871a2.197 2.197 0 0 1 3.824-.35c.053.096.105.192.166.324l.009.026ZM25 19.229a6.125 6.125 0 0 1-4.594 5.906l-.516.131-.429 1.838H11.29l-.429-1.838-.516-.131a6.125 6.125 0 0 1-4.594-5.906v-2.625H25v2.625Z"></path></svg>`;
+    return p`<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--noodlesLarge"><path d="M24.755 14.854a4.38 4.38 0 0 0-3.902-3.5l5.652-5.906-1.26-1.173-7 7.35 2.537-9.152L19.103 2l-2.432 8.628a7 7 0 0 0-11.734 4.226H4v4.375a7.875 7.875 0 0 0 5.39 7.446l.508 2.179h10.955l.507-2.179a7.875 7.875 0 0 0 5.39-7.446v-4.375zm-1.82 0h-4.121a7 7 0 0 0-.201-.963 2.626 2.626 0 0 1 4.322.963m-11.06-4.375a5.25 5.25 0 0 1 4.375 2.345q.22.347.376.726c.2.413.34.852.42 1.304h-1.338a3 3 0 0 0-.254-.744 4 4 0 0 0-.289-.551 3.938 3.938 0 0 0-7.122 1.295h-1.34a5.25 5.25 0 0 1 5.172-4.375m1.995 4.375H9.871a2.197 2.197 0 0 1 3.824-.35c.053.096.105.192.166.324zM25 19.229a6.125 6.125 0 0 1-4.594 5.906l-.516.131-.429 1.838H11.29l-.429-1.838-.516-.131a6.125 6.125 0 0 1-4.594-5.906v-2.625H25z"></path></svg>`;
   }
 };
 i([

package/dist/IconNote.js

@@ -12,7 +12,7 @@ let r = class extends a {
     super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--note", this.class = "c-pieIcon c-pieIcon--note", this.name = "IconNote";
   }
   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--note"><path d="M15 7.344H1v1.312h14V7.344Z"></path><path d="M11.5 11.719H1v1.312h10.5V11.72Z"></path><path d="M15 2.969H1V4.28h14V2.97Z"></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--note"><path d="M15 7.344H1v1.312h14z"></path><path d="M11.5 11.719H1v1.312h10.5z"></path><path d="M15 2.969H1V4.28h14z"></path></svg>`;
   }
 };
 n([

package/dist/IconNoteLarge.js

@@ -12,7 +12,7 @@ let o = class extends h {
     super(...arguments), this.size = 32, this.defaultClasses = "c-pieIcon c-pieIcon--noteLarge", this.class = "c-pieIcon c-pieIcon--noteLarge", this.name = "IconNoteLarge";
   }
   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 32 32" class="c-pieIcon c-pieIcon--noteLarge"><path d="M22.125 23H3.75v1.75h18.375V23Z"></path><path d="M28.25 7.25H3.75V9h24.5V7.25Z"></path><path d="M28.25 15.125H3.75v1.75h24.5v-1.75Z"></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 32 32" class="c-pieIcon c-pieIcon--noteLarge"><path d="M22.125 23H3.75v1.75h18.375z"></path><path d="M28.25 7.25H3.75V9h24.5z"></path><path d="M28.25 15.125H3.75v1.75h24.5z"></path></svg>`;
   }
 };
 n([

package/dist/IconNotification.js

@@ -2,17 +2,17 @@ import { html as l } from "lit";
 import { property as p } from "lit/decorators.js";
 import { PieIconComponent as f } from "./PieIconComponent.js";
 import { safeCustomElement as h } from "@justeattakeaway/pie-webc-core";
-var v = Object.defineProperty, m = Object.getOwnPropertyDescriptor, c = (a, e, r, i) => {
-  for (var t = i > 1 ? void 0 : i ? m(e, r) : e, s = a.length - 1, n; s >= 0; s--)
+var m = Object.defineProperty, v = Object.getOwnPropertyDescriptor, c = (a, e, r, i) => {
+  for (var t = i > 1 ? void 0 : i ? v(e, r) : e, s = a.length - 1, n; s >= 0; s--)
     (n = a[s]) && (t = (i ? n(e, r, t) : n(t)) || t);
-  return i && t && v(e, r, t), t;
+  return i && t && m(e, r, t), t;
 };
 let o = class extends f {
   constructor() {
     super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--notification", this.class = "c-pieIcon c-pieIcon--notification", this.name = "IconNotification";
   }
   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--notification"><path d="m13.906 10.354-.402-.403a4.577 4.577 0 0 1-1.348-3.255V6.25a4.165 4.165 0 0 0-1.365-3.08 4.208 4.208 0 0 0-2.135-1.006V1H7.344v1.164a4.287 4.287 0 0 0-3.5 4.252v.28a4.576 4.576 0 0 1-1.348 3.255l-.402.403v1.802h3.089a2.827 2.827 0 0 0 5.635 0h3.088v-1.802ZM8 13.469a1.532 1.532 0 0 1-1.514-1.313h3.028A1.531 1.531 0 0 1 8 13.47Zm2.686-2.625H3.46a5.871 5.871 0 0 0 1.697-4.148v-.28a2.958 2.958 0 0 1 2.555-2.992 2.844 2.844 0 0 1 3.133 2.826v.446a5.872 5.872 0 0 0 1.697 4.148h-1.855Z"></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--notification"><path d="m13.906 10.354-.402-.403a4.58 4.58 0 0 1-1.348-3.255V6.25a4.17 4.17 0 0 0-1.365-3.08 4.2 4.2 0 0 0-2.135-1.006V1H7.344v1.164a4.29 4.29 0 0 0-3.5 4.252v.28a4.58 4.58 0 0 1-1.348 3.255l-.402.403v1.802h3.089a2.827 2.827 0 0 0 5.635 0h3.088zM8 13.469a1.53 1.53 0 0 1-1.514-1.313h3.028A1.53 1.53 0 0 1 8 13.47m2.686-2.625H3.46a5.87 5.87 0 0 0 1.697-4.148v-.28a2.96 2.96 0 0 1 2.555-2.992 2.844 2.844 0 0 1 3.133 2.826v.446a5.87 5.87 0 0 0 1.697 4.148z"></path></svg>`;
   }
 };
 c([

package/dist/IconNotificationFilled.js

@@ -12,7 +12,7 @@ let o = class extends f {
     super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--notificationFilled", this.class = "c-pieIcon c-pieIcon--notificationFilled", this.name = "IconNotificationFilled";
   }
   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--notificationFilled"><path d="M13.504 9.951a4.577 4.577 0 0 1-1.348-3.255V6.25a4.165 4.165 0 0 0-1.365-3.08 4.208 4.208 0 0 0-2.135-1.006V1H7.344v1.164a4.287 4.287 0 0 0-3.5 4.252v.28a4.576 4.576 0 0 1-1.348 3.255l-.402.403v1.802h11.812v-1.802l-.402-.403Z"></path><path d="M8 14.781a2.817 2.817 0 0 0 2.371-1.312H5.63A2.819 2.819 0 0 0 8 14.78Z"></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--notificationFilled"><path d="M13.504 9.951a4.58 4.58 0 0 1-1.348-3.255V6.25a4.17 4.17 0 0 0-1.365-3.08 4.2 4.2 0 0 0-2.135-1.006V1H7.344v1.164a4.29 4.29 0 0 0-3.5 4.252v.28a4.58 4.58 0 0 1-1.348 3.255l-.402.403v1.802h11.812v-1.802z"></path><path d="M8 14.781a2.82 2.82 0 0 0 2.371-1.312H5.63A2.82 2.82 0 0 0 8 14.78"></path></svg>`;
   }
 };
 n([

package/dist/IconNotificationFilledLarge.js

@@ -12,7 +12,7 @@ let o = class extends f {
     super(...arguments), this.size = 32, this.defaultClasses = "c-pieIcon c-pieIcon--notificationFilledLarge", this.class = "c-pieIcon c-pieIcon--notificationFilledLarge", this.name = "IconNotificationFilledLarge";
   }
   render() {
-    return p`<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--notificationFilledLarge"><path d="M16 29.125a4.506 4.506 0 0 0 4.086-2.625h-8.172A4.507 4.507 0 0 0 16 29.125Z"></path><path d="M26.692 21.084a9.554 9.554 0 0 1-2.817-6.834v-.875a7.875 7.875 0 0 0-7-7.822V2.875h-1.75v2.678a8.137 8.137 0 0 0-7 8.146v.551a9.555 9.555 0 0 1-2.817 6.808l-.683.708v2.984h22.75v-2.984l-.683-.682Z"></path></svg>`;
+    return p`<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--notificationFilledLarge"><path d="M16 29.125a4.51 4.51 0 0 0 4.086-2.625h-8.172A4.51 4.51 0 0 0 16 29.125"></path><path d="M26.693 21.084a9.55 9.55 0 0 1-2.818-6.834v-.875a7.875 7.875 0 0 0-7-7.822V2.875h-1.75v2.678a8.14 8.14 0 0 0-7 8.146v.551a9.56 9.56 0 0 1-2.817 6.808l-.683.708v2.984h22.75v-2.984z"></path></svg>`;
   }
 };
 n([

package/dist/IconNotificationLarge.js

@@ -12,7 +12,7 @@ let o = class extends f {
     super(...arguments), this.size = 32, this.defaultClasses = "c-pieIcon c-pieIcon--notificationLarge", this.class = "c-pieIcon c-pieIcon--notificationLarge", this.name = "IconNotificationLarge";
   }
   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 32 32" class="c-pieIcon c-pieIcon--notificationLarge"><path d="m27.375 21.766-.683-.682a9.554 9.554 0 0 1-2.817-6.834v-.875a7.875 7.875 0 0 0-7-7.822V2.875h-1.75v2.678a8.137 8.137 0 0 0-7 8.146v.551a9.555 9.555 0 0 1-2.817 6.808l-.683.708v2.984h6.869a4.506 4.506 0 1 0 9.012 0h6.869v-2.984ZM16 27.375a2.765 2.765 0 0 1-2.765-2.625h5.53A2.765 2.765 0 0 1 16 27.375ZM25.625 23H6.375v-.516l.166-.167a11.28 11.28 0 0 0 3.334-8.067v-.578a6.361 6.361 0 0 1 5.512-6.422 6.072 6.072 0 0 1 4.726 1.549 6.126 6.126 0 0 1 2.012 4.576v.875a11.28 11.28 0 0 0 3.334 8.041l.166.166V23Z"></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--notificationLarge"><path d="m27.375 21.766-.683-.682a9.55 9.55 0 0 1-2.817-6.834v-.875a7.875 7.875 0 0 0-7-7.822V2.875h-1.75v2.678a8.14 8.14 0 0 0-7 8.146v.551a9.56 9.56 0 0 1-2.817 6.808l-.683.708v2.984h6.869a4.506 4.506 0 1 0 9.012 0h6.869zM16 27.375a2.765 2.765 0 0 1-2.765-2.625h5.53A2.765 2.765 0 0 1 16 27.375M25.625 23H6.375v-.516l.166-.167a11.28 11.28 0 0 0 3.334-8.067v-.578a6.36 6.36 0 0 1 5.512-6.422 6.07 6.07 0 0 1 4.726 1.549 6.13 6.13 0 0 1 2.012 4.576v.875a11.28 11.28 0 0 0 3.334 8.041l.166.166z"></path></svg>`;
   }
 };
 a([

package/dist/IconNotificationOff.js

@@ -1,18 +1,18 @@
 import { html as p } from "lit";
 import { property as l } from "lit/decorators.js";
-import { PieIconComponent as h } from "./PieIconComponent.js";
-import { safeCustomElement as a } from "@justeattakeaway/pie-webc-core";
+import { PieIconComponent as a } from "./PieIconComponent.js";
+import { safeCustomElement as h } from "@justeattakeaway/pie-webc-core";
 var v = Object.defineProperty, m = Object.getOwnPropertyDescriptor, n = (f, e, c, o) => {
   for (var t = o > 1 ? void 0 : o ? m(e, c) : e, r = f.length - 1, s; r >= 0; r--)
     (s = f[r]) && (t = (o ? s(e, c, t) : s(t)) || t);
   return o && t && v(e, c, t), t;
 };
-let i = class extends h {
+let i = class extends a {
   constructor() {
     super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--notificationOff", this.class = "c-pieIcon c-pieIcon--notificationOff", this.name = "IconNotificationOff";
   }
   render() {
-    return p`<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--notificationOff"><path d="M12.156 6.81v-.446c0-.473-.105-.928-.254-1.365l2.652-2.669h-1.838L11.255 3.8a3.691 3.691 0 0 0-.464-.516c-.595-.543-1.347-.875-2.135-1.007V1.105H7.344v1.164c-1.978.323-3.5 2.135-3.5 4.252v.289c0 1.225-.482 2.38-1.348 3.246l-.402.403v1.802h.752L1.42 13.696h1.846l1.426-1.435h.49c.114 1.462 1.33 2.625 2.818 2.625 1.487 0 2.704-1.163 2.817-2.625h3.09V10.46l-.403-.403a4.568 4.568 0 0 1-1.348-3.246ZM3.46 10.949A5.873 5.873 0 0 0 5.156 6.8v-.289c0-1.53 1.12-2.852 2.555-2.992a2.837 2.837 0 0 1 2.196.717c.158.14.298.307.42.482L4.15 10.94h-.683l-.008.009Zm4.54 2.625c-.77 0-1.408-.569-1.513-1.313h3.028A1.528 1.528 0 0 1 8 13.574Zm2.687-2.625H5.987l4.83-4.865c.01.087.027.175.027.271v.446c0 1.558.603 3.028 1.697 4.148h-1.855Z"></path></svg>`;
+    return p`<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--notificationOff"><path d="M12.156 6.81v-.446c0-.473-.105-.928-.254-1.365l2.652-2.669h-1.838L11.255 3.8a3.7 3.7 0 0 0-.464-.516c-.595-.543-1.347-.875-2.135-1.007V1.105H7.344v1.164c-1.978.323-3.5 2.135-3.5 4.252v.289c0 1.225-.482 2.38-1.348 3.246l-.402.403v1.802h.752L1.42 13.696h1.846l1.426-1.435h.49c.114 1.462 1.33 2.625 2.818 2.625s2.704-1.163 2.817-2.625h3.09V10.46l-.403-.403a4.57 4.57 0 0 1-1.348-3.246M3.46 10.949A5.87 5.87 0 0 0 5.156 6.8v-.289c0-1.53 1.12-2.852 2.555-2.992a2.84 2.84 0 0 1 2.196.717c.158.14.298.307.42.482L4.15 10.94h-.683zm4.54 2.625c-.77 0-1.408-.569-1.513-1.313h3.028A1.53 1.53 0 0 1 8 13.574m2.687-2.625H5.987l4.83-4.865c.01.087.027.175.027.271v.446c0 1.558.603 3.028 1.697 4.148z"></path></svg>`;
   }
 };
 n([
@@ -22,7 +22,7 @@ n([
   l({ type: String, reflect: !0 })
 ], i.prototype, "class", 2);
 i = n([
-  a("icon-notification-off")
+  h("icon-notification-off")
 ], i);
 export {
   i as IconNotificationOff

package/dist/IconNotificationOffLarge.js

@@ -2,17 +2,17 @@ import { html as p } from "lit";
 import { property as f } from "lit/decorators.js";
 import { PieIconComponent as l } from "./PieIconComponent.js";
 import { safeCustomElement as h } from "@justeattakeaway/pie-webc-core";
-var v = Object.defineProperty, m = Object.getOwnPropertyDescriptor, n = (a, e, r, o) => {
-  for (var t = o > 1 ? void 0 : o ? m(e, r) : e, s = a.length - 1, c; s >= 0; s--)
+var m = Object.defineProperty, v = Object.getOwnPropertyDescriptor, n = (a, e, r, o) => {
+  for (var t = o > 1 ? void 0 : o ? v(e, r) : e, s = a.length - 1, c; s >= 0; s--)
     (c = a[s]) && (t = (o ? c(e, r, t) : c(t)) || t);
-  return o && t && v(e, r, t), t;
+  return o && t && m(e, r, t), t;
 };
 let i = class extends l {
   constructor() {
     super(...arguments), this.size = 32, this.defaultClasses = "c-pieIcon c-pieIcon--notificationOffLarge", this.class = "c-pieIcon c-pieIcon--notificationOffLarge", this.name = "IconNotificationOffLarge";
   }
   render() {
-    return p`<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--notificationOffLarge"><path d="M27.673 5.526h-2.477L4.328 26.456h2.467l20.878-20.93Z"></path><path d="m27.384 21.775-.683-.682a9.556 9.556 0 0 1-2.817-6.808v-.901a7.88 7.88 0 0 0-2.59-5.836 7.903 7.903 0 0 0-4.41-1.987V2.884h-1.75V5.56c-3.929.438-7 3.999-7 8.146v.578a9.556 9.556 0 0 1-2.818 6.808l-.682.682v2.984h6.868c.08 2.424 2.066 4.375 4.507 4.375s4.427-1.951 4.506-4.375h6.869v-2.984Zm-11.375 5.609a2.768 2.768 0 0 1-2.765-2.625h5.53a2.774 2.774 0 0 1-2.765 2.625Zm9.625-4.375H6.384v-.517l.166-.166a11.292 11.292 0 0 0 3.334-8.041v-.578c0-3.29 2.423-6.107 5.512-6.413a6.062 6.062 0 0 1 4.725 1.549 6.158 6.158 0 0 1 2.013 4.54v.902c0 3.036 1.181 5.898 3.334 8.041l.166.166v.517Z"></path></svg>`;
+    return p`<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--notificationOffLarge"><path d="M27.673 5.526h-2.477L4.328 26.456h2.467z"></path><path d="m27.384 21.775-.683-.682a9.56 9.56 0 0 1-2.817-6.808v-.901a7.88 7.88 0 0 0-2.59-5.836 7.9 7.9 0 0 0-4.41-1.987V2.884h-1.75V5.56c-3.929.438-7 3.999-7 8.147v.577a9.56 9.56 0 0 1-2.818 6.808l-.682.682v2.984h6.868c.08 2.424 2.066 4.375 4.507 4.375s4.427-1.951 4.506-4.375h6.869zm-11.375 5.609a2.77 2.77 0 0 1-2.765-2.625h5.53a2.774 2.774 0 0 1-2.765 2.625m9.625-4.375H6.384v-.517l.166-.166a11.3 11.3 0 0 0 3.334-8.041v-.578c0-3.29 2.423-6.107 5.512-6.413a6.06 6.06 0 0 1 4.725 1.549 6.16 6.16 0 0 1 2.013 4.54v.902c0 3.036 1.181 5.898 3.334 8.041l.166.166z"></path></svg>`;
   }
 };
 n([

package/dist/IconNumberInput.js

@@ -1,27 +1,27 @@
-import { html as u } from "lit";
-import { property as l } from "lit/decorators.js";
-import { PieIconComponent as a } from "./PieIconComponent.js";
+import { html as a } from "lit";
+import { property as c } from "lit/decorators.js";
+import { PieIconComponent as u } from "./PieIconComponent.js";
 import { safeCustomElement as m } from "@justeattakeaway/pie-webc-core";
-var h = Object.defineProperty, v = Object.getOwnPropertyDescriptor, p = (i, t, s, r) => {
-  for (var e = r > 1 ? void 0 : r ? v(t, s) : t, c = i.length - 1, n; c >= 0; c--)
-    (n = i[c]) && (e = (r ? n(t, s, e) : n(e)) || e);
+var h = Object.defineProperty, v = Object.getOwnPropertyDescriptor, i = (l, t, s, r) => {
+  for (var e = r > 1 ? void 0 : r ? v(t, s) : t, n = l.length - 1, p; n >= 0; n--)
+    (p = l[n]) && (e = (r ? p(t, s, e) : p(e)) || e);
   return r && e && h(t, s, e), e;
 };
-let o = class extends a {
+let o = class extends u {
   constructor() {
     super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--numberInput", this.class = "c-pieIcon c-pieIcon--numberInput", this.name = "IconNumberInput";
   }
   render() {
-    return u`<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--numberInput"><path fill-rule="evenodd" d="M12.215 2.31c.813 0 1.475.662 1.475 1.475v8.43c0 .813-.662 1.475-1.475 1.475h-8.43a1.477 1.477 0 0 1-1.475-1.475v-8.43c0-.813.662-1.475 1.475-1.475h8.43Zm-1.03 3.701c-.318 0-.592.045-.825.133a1.82 1.82 0 0 0-.614.387l.614.702a.871.871 0 0 1 .321-.21 1.13 1.13 0 0 1 .404-.073.74.74 0 0 1 .337.07.239.239 0 0 1 .142.23.28.28 0 0 1-.044.157.29.29 0 0 1-.133.106.536.536 0 0 1-.213.04h-.454v.836h.49c.152 0 .273.025.362.074.088.05.133.13.133.24 0 .07-.025.132-.074.185a.455.455 0 0 1-.215.12 1.22 1.22 0 0 1-.342.043 1.31 1.31 0 0 1-.437-.07 1.139 1.139 0 0 1-.354-.202l-.607.732c.17.161.37.28.605.36.233.077.521.118.863.118.26 0 .493-.028.7-.086.206-.057.382-.137.528-.239.146-.102.257-.223.333-.363a.913.913 0 0 0 .024-.84.974.974 0 0 0-.256-.31 1.194 1.194 0 0 0-.39-.204 1.003 1.003 0 0 0 .51-.507.873.873 0 0 0-.115-.89 1.321 1.321 0 0 0-.522-.391 1.896 1.896 0 0 0-.77-.148Zm-3.498.036c-.323 0-.616.047-.879.142a1.696 1.696 0 0 0-.637.383l.578.732a1.232 1.232 0 0 1 .826-.307c.149 0 .268.028.354.082a.26.26 0 0 1 .13.23.3.3 0 0 1-.035.143.392.392 0 0 1-.125.127c-.059.04-.145.09-.256.144a12.09 12.09 0 0 1-.434.2 2.85 2.85 0 0 0-.608.355 1.25 1.25 0 0 0-.374.475 1.676 1.676 0 0 0-.126.693v.507h3.15v-.896H7.244v-.013c0-.031.022-.067.067-.106.046-.039.123-.086.234-.141.11-.055.263-.126.46-.213.259-.106.474-.225.643-.356.17-.132.295-.28.377-.443.083-.163.125-.344.125-.54 0-.252-.062-.467-.186-.647a1.184 1.184 0 0 0-.514-.41 1.907 1.907 0 0 0-.764-.141Zm-4.508.608.36.885.631-.23v2.607h1.074V6.083H4.53l-1.35.572Z" 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--numberInput"><path fill-rule="evenodd" d="M12.215 2.31c.813 0 1.475.662 1.475 1.475v8.43c0 .813-.662 1.475-1.475 1.475h-8.43a1.477 1.477 0 0 1-1.475-1.475v-8.43c0-.813.662-1.475 1.475-1.475zm-1.03 3.701q-.476 0-.825.133a1.8 1.8 0 0 0-.614.387l.614.702a.9.9 0 0 1 .321-.21 1.1 1.1 0 0 1 .404-.073.74.74 0 0 1 .337.07.24.24 0 0 1 .142.23.3.3 0 0 1-.044.157.3.3 0 0 1-.133.106.5.5 0 0 1-.213.04h-.454v.836h.49q.228 0 .362.074.133.075.133.24 0 .105-.074.185a.46.46 0 0 1-.215.12 1.2 1.2 0 0 1-.342.043 1.3 1.3 0 0 1-.437-.07 1.1 1.1 0 0 1-.354-.202l-.607.732q.254.24.605.36.35.117.863.118.39 0 .7-.086t.528-.239.333-.363a.91.91 0 0 0 .024-.84 1 1 0 0 0-.256-.31 1.2 1.2 0 0 0-.39-.204q.183-.083.31-.212.126-.13.2-.295a.873.873 0 0 0-.115-.89 1.3 1.3 0 0 0-.522-.391 1.9 1.9 0 0 0-.77-.148m-3.498.036q-.484 0-.879.142a1.7 1.7 0 0 0-.637.383l.578.732a1.23 1.23 0 0 1 .826-.307q.224 0 .354.082a.26.26 0 0 1 .13.23.3.3 0 0 1-.035.143.4.4 0 0 1-.125.127q-.089.061-.256.144a12 12 0 0 1-.434.2 2.9 2.9 0 0 0-.608.355 1.25 1.25 0 0 0-.374.475 1.7 1.7 0 0 0-.126.693v.507h3.15v-.896H7.244v-.013q0-.047.067-.106.068-.058.234-.141.165-.083.46-.213.389-.16.643-.356.254-.198.377-.443.125-.245.125-.54 0-.377-.186-.647a1.2 1.2 0 0 0-.514-.41 1.9 1.9 0 0 0-.764-.141m-4.508.608.36.885.631-.23v2.607h1.074V6.083H4.53z" clip-rule="evenodd"></path></svg>`;
   }
 };
-p([
-  l({ type: String, reflect: !0 })
+i([
+  c({ type: String, reflect: !0 })
 ], o.prototype, "size", 2);
-p([
-  l({ type: String, reflect: !0 })
+i([
+  c({ type: String, reflect: !0 })
 ], o.prototype, "class", 2);
-o = p([
+o = i([
   m("icon-number-input")
 ], o);
 export {

package/dist/IconNumberInputLarge.js

@@ -1,29 +1,29 @@
-import { html as l } from "lit";
-import { property as i } from "lit/decorators.js";
+import { html as c } from "lit";
+import { property as l } from "lit/decorators.js";
 import { PieIconComponent as u } from "./PieIconComponent.js";
-import { safeCustomElement as h } from "@justeattakeaway/pie-webc-core";
-var m = Object.defineProperty, v = Object.getOwnPropertyDescriptor, p = (a, r, o, t) => {
-  for (var e = t > 1 ? void 0 : t ? v(r, o) : r, n = a.length - 1, s; n >= 0; n--)
-    (s = a[n]) && (e = (t ? s(r, o, e) : s(e)) || e);
-  return t && e && m(r, o, e), e;
+import { safeCustomElement as m } from "@justeattakeaway/pie-webc-core";
+var h = Object.defineProperty, v = Object.getOwnPropertyDescriptor, a = (i, t, n, r) => {
+  for (var e = r > 1 ? void 0 : r ? v(t, n) : t, s = i.length - 1, p; s >= 0; s--)
+    (p = i[s]) && (e = (r ? p(t, n, e) : p(e)) || e);
+  return r && e && h(t, n, e), e;
 };
-let c = class extends u {
+let o = class extends u {
   constructor() {
     super(...arguments), this.size = 32, this.defaultClasses = "c-pieIcon c-pieIcon--numberInputLarge", this.class = "c-pieIcon c-pieIcon--numberInputLarge", this.name = "IconNumberInputLarge";
   }
   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 32 32" class="c-pieIcon c-pieIcon--numberInputLarge"><path fill-rule="evenodd" d="M24.75 4.625a2.628 2.628 0 0 1 2.625 2.625v17.5a2.628 2.628 0 0 1-2.625 2.625H7.25a2.628 2.628 0 0 1-2.625-2.625V7.25A2.628 2.628 0 0 1 7.25 4.625h17.5Zm-3.08 7.837c-.567 0-1.057.078-1.47.235a3.228 3.228 0 0 0-1.093.688l1.093 1.25a1.55 1.55 0 0 1 .573-.373c.227-.087.466-.132.718-.132.232 0 .43.043.599.127.167.084.252.22.252.409a.494.494 0 0 1-.08.278.515.515 0 0 1-.236.19.95.95 0 0 1-.377.068h-.81v1.491h.873c.273 0 .488.043.645.13.158.088.238.23.238.426a.476.476 0 0 1-.132.331.822.822 0 0 1-.384.215 2.2 2.2 0 0 1-.608.074c-.28 0-.54-.042-.778-.127a1.994 1.994 0 0 1-.63-.356l-1.082 1.302c.302.287.66.5 1.077.64.416.14.929.21 1.538.21.462 0 .877-.05 1.245-.151a3.02 3.02 0 0 0 .94-.426c.258-.182.456-.398.592-.646.137-.25.205-.513.205-.794a1.52 1.52 0 0 0-.162-.703 1.723 1.723 0 0 0-.457-.55 2.107 2.107 0 0 0-.693-.363c.217-.098.401-.224.551-.378.15-.153.269-.329.357-.525.087-.196.13-.4.13-.608 0-.358-.111-.682-.335-.972-.224-.29-.533-.523-.929-.698-.395-.175-.852-.262-1.37-.262Zm-6.228.062a4.6 4.6 0 0 0-1.563.252c-.47.168-.848.396-1.135.683l1.03 1.302a2.18 2.18 0 0 1 1.47-.546c.266 0 .475.05.629.147a.463.463 0 0 1 .232.41.52.52 0 0 1-.063.251.7.7 0 0 1-.22.226c-.106.073-.258.16-.458.257-.199.098-.456.217-.771.357-.428.19-.787.4-1.082.63a2.24 2.24 0 0 0-.667.846c-.15.332-.225.744-.225 1.233v.904h5.607v-1.597h-3.57v-.02c0-.057.04-.12.12-.19.08-.07.219-.153.415-.251.196-.098.469-.224.819-.379.462-.189.843-.4 1.144-.635.302-.234.526-.497.673-.788.147-.29.22-.61.22-.96 0-.447-.11-.831-.33-1.15a2.09 2.09 0 0 0-.914-.73c-.389-.168-.842-.252-1.36-.252Zm-8.02 1.082.64 1.575 1.124-.41v4.641h1.91v-6.824h-1.27l-2.404 1.018Z" clip-rule="evenodd"></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--numberInputLarge"><path fill-rule="evenodd" d="M24.75 4.625a2.63 2.63 0 0 1 2.625 2.625v17.5a2.63 2.63 0 0 1-2.625 2.625H7.25a2.63 2.63 0 0 1-2.625-2.625V7.25A2.63 2.63 0 0 1 7.25 4.625zm-3.08 7.837q-.85 0-1.47.235a3.2 3.2 0 0 0-1.093.688l1.093 1.25a1.55 1.55 0 0 1 .573-.373q.34-.131.718-.132.347 0 .599.127.251.126.252.409a.5.5 0 0 1-.08.278.5.5 0 0 1-.236.19 1 1 0 0 1-.377.068h-.81v1.491h.873q.41 0 .645.13.238.132.238.426a.48.48 0 0 1-.132.331.8.8 0 0 1-.384.215 2.2 2.2 0 0 1-.608.074q-.42 0-.778-.127a2 2 0 0 1-.63-.356l-1.082 1.302q.452.43 1.077.64.624.21 1.538.21.693 0 1.245-.151a3 3 0 0 0 .94-.426q.388-.273.592-.646.205-.374.205-.794a1.5 1.5 0 0 0-.162-.703 1.7 1.7 0 0 0-.457-.55 2.1 2.1 0 0 0-.693-.363q.326-.147.551-.378.225-.23.357-.525.13-.295.13-.608 0-.537-.335-.972t-.929-.698q-.593-.262-1.37-.262m-6.228.062a4.6 4.6 0 0 0-1.563.252q-.705.252-1.135.683l1.03 1.302a2.18 2.18 0 0 1 1.47-.546q.398 0 .629.147a.46.46 0 0 1 .232.41.5.5 0 0 1-.063.251.7.7 0 0 1-.22.226q-.158.11-.458.257-.298.147-.771.357-.64.285-1.082.63a2.24 2.24 0 0 0-.667.846q-.225.499-.225 1.233v.904h5.607v-1.597h-3.57v-.02q0-.085.12-.19t.415-.251q.294-.147.819-.379.693-.283 1.144-.635.453-.351.673-.788.22-.435.22-.96 0-.671-.33-1.15a2.1 2.1 0 0 0-.914-.73q-.583-.252-1.36-.252m-8.02 1.082.64 1.575 1.124-.41v4.641h1.91v-6.824h-1.27z" clip-rule="evenodd"></path></svg>`;
   }
 };
-p([
-  i({ type: String, reflect: !0 })
-], c.prototype, "size", 2);
-p([
-  i({ type: String, reflect: !0 })
-], c.prototype, "class", 2);
-c = p([
-  h("icon-number-input-large")
-], c);
+a([
+  l({ type: String, reflect: !0 })
+], o.prototype, "size", 2);
+a([
+  l({ type: String, reflect: !0 })
+], o.prototype, "class", 2);
+o = a([
+  m("icon-number-input-large")
+], o);
 export {
-  c as IconNumberInputLarge
+  o as IconNumberInputLarge
 };

package/dist/IconNumberSymbol.js

@@ -1,18 +1,18 @@
-import { html as h } from "lit";
+import { html as m } from "lit";
 import { property as c } from "lit/decorators.js";
-import { PieIconComponent as m } from "./PieIconComponent.js";
+import { PieIconComponent as h } from "./PieIconComponent.js";
 import { safeCustomElement as f } from "@justeattakeaway/pie-webc-core";
 var u = Object.defineProperty, a = Object.getOwnPropertyDescriptor, n = (p, t, l, r) => {
   for (var e = r > 1 ? void 0 : r ? a(t, l) : t, s = p.length - 1, i; s >= 0; s--)
     (i = p[s]) && (e = (r ? i(t, l, e) : i(e)) || e);
   return r && e && u(t, l, e), e;
 };
-let o = class extends m {
+let o = class extends h {
   constructor() {
     super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--numberSymbol", this.class = "c-pieIcon c-pieIcon--numberSymbol", this.name = "IconNumberSymbol";
   }
   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--numberSymbol"><path d="m13.18 6.049.184-1.295h-1.96l.472-3.247h-1.312l-.473 3.247H6.854l.472-3.247H6.022l-.48 3.247H3.545l-.184 1.295h2.013L4.806 9.95H2.82l-.184 1.295h1.96l-.472 3.246h1.312l.473-3.246h3.237l-.472 3.246h1.303l.482-3.246h1.995l.183-1.295h-2.012l.569-3.902h1.986ZM9.33 9.95H6.101L6.67 6.05h3.229L9.33 9.95Z"></path></svg>`;
+    return m`<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--numberSymbol"><path d="m13.18 6.049.184-1.295h-1.96l.472-3.247h-1.312l-.473 3.247H6.854l.472-3.247H6.022l-.48 3.247H3.545l-.184 1.295h2.013L4.806 9.95H2.82l-.184 1.295h1.96l-.472 3.246h1.312l.473-3.246h3.237l-.472 3.246h1.303l.482-3.246h1.995l.183-1.295h-2.012l.569-3.902zM9.33 9.95H6.101L6.67 6.05h3.229z"></path></svg>`;
   }
 };
 n([

package/dist/IconNumberSymbolLarge.js

@@ -12,7 +12,7 @@ let l = class extends h {
     super(...arguments), this.size = 32, this.defaultClasses = "c-pieIcon c-pieIcon--numberSymbolLarge", this.class = "c-pieIcon c-pieIcon--numberSymbolLarge", this.name = "IconNumberSymbolLarge";
   }
   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--numberSymbolLarge"><path d="m23 13.375.245-1.75H20.62l.63-4.375H19.5l-.639 4.375h-4.375l.639-4.375h-1.75l-.639 4.375H9.997l-.245 1.75h2.687l-.77 5.25h-2.67l-.244 1.75h2.625l-.63 4.375h1.75l.639-4.375h4.375l-.64 4.375h1.75l.64-4.375h2.695l.245-1.75H19.56l.814-5.25H23Zm-5.189 5.25h-4.375l.814-5.25h4.375l-.814 5.25Z"></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--numberSymbolLarge"><path d="m23 13.375.245-1.75H20.62l.63-4.375H19.5l-.639 4.375h-4.375l.639-4.375h-1.75l-.639 4.375H9.997l-.245 1.75h2.687l-.77 5.25h-2.67l-.244 1.75h2.625l-.63 4.375h1.75l.639-4.375h4.375l-.64 4.375h1.75l.64-4.375h2.695l.245-1.75H19.56l.814-5.25zm-5.189 5.25h-4.375l.814-5.25h4.375z"></path></svg>`;
   }
 };
 n([

package/dist/IconNumeroSymbol.js

@@ -12,7 +12,7 @@ let r = class extends a {
     super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--numeroSymbol", this.class = "c-pieIcon c-pieIcon--numeroSymbol", this.name = "IconNumeroSymbol";
   }
   render() {
-    return m`<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--numeroSymbol"><path d="M12.183 9.015a2.827 2.827 0 0 1-1.13-.21 2.371 2.371 0 0 1-.813-.56 2.17 2.17 0 0 1-.49-.823 3.001 3.001 0 0 1-.166-1.006 2.923 2.923 0 0 1 .166-1.041c.096-.325.264-.623.49-.875.229-.242.506-.433.814-.56a2.827 2.827 0 0 1 1.129-.21c.39-.009.776.063 1.137.21.305.127.58.318.805.56.218.255.379.553.473.875.114.323.17.664.166 1.006.002.343-.054.683-.166 1.006a2.248 2.248 0 0 1-.473.823c-.225.242-.5.433-.805.56-.358.16-.745.243-1.137.245ZM10.93 6.39a1.83 1.83 0 0 0 .333 1.155 1.198 1.198 0 0 0 1.837 0c.235-.338.35-.745.324-1.155a1.838 1.838 0 0 0-.324-1.164 1.199 1.199 0 0 0-1.837 0 1.838 1.838 0 0 0-.333 1.19V6.39Z"></path><path d="M6.661 2.986v7.464L3.18 2.986H1.236v10.028h1.357V4.806l3.84 8.208h1.585V2.986H6.66Z"></path><path d="M14.361 11.281V9.97H9.986v1.312h4.375Z"></path></svg>`;
+    return m`<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--numeroSymbol"><path d="M12.183 9.015a2.8 2.8 0 0 1-1.13-.21 2.4 2.4 0 0 1-.813-.56 2.2 2.2 0 0 1-.49-.823 3 3 0 0 1-.166-1.006 2.9 2.9 0 0 1 .166-1.041c.096-.325.264-.623.49-.875.229-.242.506-.433.814-.56a2.8 2.8 0 0 1 1.129-.21c.39-.009.776.063 1.137.21.305.127.58.318.805.56.218.255.379.553.473.875.114.323.17.664.166 1.006.002.343-.054.683-.166 1.006a2.25 2.25 0 0 1-.473.823c-.225.242-.5.433-.805.56-.358.16-.745.243-1.137.245M10.93 6.39a1.83 1.83 0 0 0 .333 1.155 1.198 1.198 0 0 0 1.837 0c.235-.338.35-.745.324-1.155a1.84 1.84 0 0 0-.324-1.164 1.2 1.2 0 0 0-1.837 0 1.84 1.84 0 0 0-.333 1.19z"></path><path d="M6.661 2.986v7.464L3.18 2.986H1.236v10.028h1.357V4.806l3.84 8.208h1.585V2.986z"></path><path d="M14.361 11.281V9.97H9.986v1.312z"></path></svg>`;
   }
 };
 i([

package/dist/IconNumeroSymbolLarge.js

@@ -1,10 +1,10 @@
 import { html as n } from "lit";
-import { property as i } from "lit/decorators.js";
+import { property as l } from "lit/decorators.js";
 import { PieIconComponent as m } from "./PieIconComponent.js";
 import { safeCustomElement as h } from "@justeattakeaway/pie-webc-core";
-var f = Object.defineProperty, u = Object.getOwnPropertyDescriptor, a = (c, r, s, t) => {
-  for (var e = t > 1 ? void 0 : t ? u(r, s) : r, l = c.length - 1, p; l >= 0; l--)
-    (p = c[l]) && (e = (t ? p(r, s, e) : p(e)) || e);
+var f = Object.defineProperty, u = Object.getOwnPropertyDescriptor, c = (i, r, s, t) => {
+  for (var e = t > 1 ? void 0 : t ? u(r, s) : r, p = i.length - 1, a; p >= 0; p--)
+    (a = i[p]) && (e = (t ? a(r, s, e) : a(e)) || e);
   return t && e && f(r, s, e), e;
 };
 let o = class extends m {
@@ -12,16 +12,16 @@ let o = class extends m {
     super(...arguments), this.size = 32, this.defaultClasses = "c-pieIcon c-pieIcon--numeroSymbolLarge", this.class = "c-pieIcon c-pieIcon--numeroSymbolLarge", this.name = "IconNumeroSymbolLarge";
   }
   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--numeroSymbolLarge"><path d="M26.5 21.25V19.5h-7v1.75h7Z"></path><path d="M23 17.75a5.11 5.11 0 0 1-1.978-.359 4.374 4.374 0 0 1-1.417-.971 4.006 4.006 0 0 1-.875-1.444 5.608 5.608 0 0 1 0-3.5 3.99 3.99 0 0 1 2.275-2.423A4.952 4.952 0 0 1 23 8.703a4.953 4.953 0 0 1 1.977.358 3.78 3.78 0 0 1 1.4.98c.386.418.684.909.875 1.444.189.564.283 1.155.28 1.75 0 .595-.094 1.185-.28 1.75a4.235 4.235 0 0 1-.875 1.444c-.393.418-.87.75-1.4.971a5.108 5.108 0 0 1-1.977.35Zm-2.188-4.533c-.04.72.164 1.432.578 2.022A1.934 1.934 0 0 0 23 16a1.916 1.916 0 0 0 1.592-.744c.414-.59.617-1.302.578-2.021a3.22 3.22 0 0 0-.578-2.03A1.909 1.909 0 0 0 23 10.47a1.925 1.925 0 0 0-1.61.735 3.22 3.22 0 0 0-.56 2.03l-.018-.018Z"></path><path d="M14.092 7.25v13.02L8.002 7.25H4.625v17.5h2.362V10.435l6.694 14.315h2.774V7.25h-2.362Z"></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--numeroSymbolLarge"><path d="M26.5 21.25V19.5h-7v1.75z"></path><path d="M23 17.75a5.1 5.1 0 0 1-1.978-.359 4.4 4.4 0 0 1-1.417-.971 4 4 0 0 1-.875-1.444 5.6 5.6 0 0 1 0-3.5 4 4 0 0 1 2.275-2.423A4.95 4.95 0 0 1 23 8.703a5 5 0 0 1 1.977.358 3.8 3.8 0 0 1 1.4.98c.386.418.684.909.875 1.444.189.564.283 1.155.28 1.75 0 .595-.094 1.185-.28 1.75a4.2 4.2 0 0 1-.875 1.444c-.393.418-.87.75-1.4.971a5.1 5.1 0 0 1-1.977.35m-2.188-4.533c-.04.72.164 1.432.578 2.022A1.93 1.93 0 0 0 23 16a1.92 1.92 0 0 0 1.592-.744c.414-.59.617-1.302.578-2.021a3.22 3.22 0 0 0-.578-2.03A1.91 1.91 0 0 0 23 10.47a1.93 1.93 0 0 0-1.61.735 3.22 3.22 0 0 0-.56 2.03z"></path><path d="M14.093 7.25v13.02L8.002 7.25H4.624v17.5h2.363V10.435L13.68 24.75h2.774V7.25z"></path></svg>`;
   }
 };
-a([
-  i({ type: String, reflect: !0 })
+c([
+  l({ type: String, reflect: !0 })
 ], o.prototype, "size", 2);
-a([
-  i({ type: String, reflect: !0 })
+c([
+  l({ type: String, reflect: !0 })
 ], o.prototype, "class", 2);
-o = a([
+o = c([
   h("icon-numero-symbol-large")
 ], o);
 export {