@justeattakeaway/pie-icons-webc 1.19.0 → 1.20.0

package/README.md

@@ -179,6 +179,16 @@ A `large` icon's default (and minimum) `size` is `32`. Values larger than the mi
 <icon-alert-triangle-large size="80"></icon-alert-triangle-large>
 ```
 
+### `fill`
+
+You can set a custom fill colour for the icon by providing a `fill` attribute. The default value is `currentColor`, which means the icon will inherit the text colour of its parent element.
+
+**Example:**
+
+```html
+<icon-alert-triangle-large fill="var(--dt-color-support-positive)"></icon-alert-triangle-large>
+```
+
 
 ## Browser support
 

package/dist/IconAccountCredit.js

@@ -1,28 +1,28 @@
 import { html as l } from "lit";
 import { property as p } from "lit/decorators.js";
 import { PieIconComponent as h } from "./PieIconComponent.js";
-import { safeCustomElement as u } from "@justeattakeaway/pie-webc-core";
-var f = Object.defineProperty, m = Object.getOwnPropertyDescriptor, i = (n, e, o, c) => {
-  for (var t = c > 1 ? void 0 : c ? m(e, o) : e, s = n.length - 1, a; s >= 0; s--)
-    (a = n[s]) && (t = (c ? a(e, o, t) : a(t)) || t);
-  return c && t && f(e, o, t), t;
+import { safeCustomElement as f } from "@justeattakeaway/pie-webc-core";
+var u = Object.defineProperty, m = Object.getOwnPropertyDescriptor, a = (n, e, s, c) => {
+  for (var t = c > 1 ? void 0 : c ? m(e, s) : e, o = n.length - 1, i; o >= 0; o--)
+    (i = n[o]) && (t = (c ? i(e, s, t) : i(t)) || t);
+  return c && t && u(e, s, t), t;
 };
 let r = class extends h {
   constructor() {
     super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--accountCredit", this.class = "c-pieIcon c-pieIcon--accountCredit", this.name = "IconAccountCredit";
   }
   render() {
-    return l`<svg width="${this._svgWidth}" height="${this._svgHeight}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--accountCredit"><path d="M10.614 6.278s-.018-.027-.018-.044a8.446 8.446 0 0 0-.131-.928c0-.035-.026-.061-.044-.078a.134.134 0 0 0-.087-.035l-.447-.053H9.88s-.053.009-.07.026a.1.1 0 0 0-.027.07v.158a5.97 5.97 0 0 0-.892-.674.383.383 0 0 0-.219-.07.383.383 0 0 0-.219.07C6.93 5.665 6.09 7.205 6.055 7.284a.162.162 0 0 0-.018.061c0 .035.01.07.035.096a.157.157 0 0 0 .08.053l.437.087s.052.027.07.044c.017.026.035.053.035.079 0 .079.087 1.82.192 2.266 0 .035.026.061.053.079a.183.183 0 0 0 .096.035c.254 0 .49-.009.744-.018h1.995c.166 0 .323 0 .498.009 0 0 .07-.009.097-.035a.157.157 0 0 0 .052-.079c.105-.455.184-2.187.193-2.266a.13.13 0 0 1 .035-.079.092.092 0 0 1 .078-.043l.438-.088s.061-.026.079-.052a.183.183 0 0 0 .035-.097c0-.017 0-.043-.018-.061h.026s-.245-.472-.673-.997Z"></path><path d="M14.525 7.362A5.868 5.868 0 0 0 8.662 1.5a5.81 5.81 0 0 0-4.418 2.03h-.01L3.22 4.536a5.833 5.833 0 0 0-1.715 4.139c0 1.557.612 3.036 1.715 4.139a5.852 5.852 0 0 0 4.139 1.715 5.815 5.815 0 0 0 4.138-1.715l.902-.902-.027-.026a5.845 5.845 0 0 0 2.153-4.532v.008ZM4.069 11.957C2.922 10.81 2.51 9.2 2.817 7.713a5.853 5.853 0 0 0 5.504 5.486 4.653 4.653 0 0 1-4.252-1.243ZM8.662 12a4.645 4.645 0 0 1-4.637-4.638 4.645 4.645 0 0 1 4.637-4.637A4.645 4.645 0 0 1 13.3 7.362 4.645 4.645 0 0 1 8.662 12Z"></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--accountCredit"><path d="M10.614 6.278s-.018-.027-.018-.044a8.446 8.446 0 0 0-.131-.928c0-.035-.026-.061-.044-.078a.134.134 0 0 0-.087-.035l-.447-.053H9.88s-.053.009-.07.026a.1.1 0 0 0-.027.07v.158a5.97 5.97 0 0 0-.892-.674.383.383 0 0 0-.219-.07.383.383 0 0 0-.219.07C6.93 5.665 6.09 7.205 6.055 7.284a.162.162 0 0 0-.018.061c0 .035.01.07.035.096a.157.157 0 0 0 .08.053l.437.087s.052.027.07.044c.017.026.035.053.035.079 0 .079.087 1.82.192 2.266 0 .035.026.061.053.079a.183.183 0 0 0 .096.035c.254 0 .49-.009.744-.018h1.995c.166 0 .323 0 .498.009 0 0 .07-.009.097-.035a.157.157 0 0 0 .052-.079c.105-.455.184-2.187.193-2.266a.13.13 0 0 1 .035-.079.092.092 0 0 1 .078-.043l.438-.088s.061-.026.079-.052a.183.183 0 0 0 .035-.097c0-.017 0-.043-.018-.061h.026s-.245-.472-.673-.997Z"></path><path d="M14.525 7.362A5.868 5.868 0 0 0 8.662 1.5a5.81 5.81 0 0 0-4.418 2.03h-.01L3.22 4.536a5.833 5.833 0 0 0-1.715 4.139c0 1.557.612 3.036 1.715 4.139a5.852 5.852 0 0 0 4.139 1.715 5.815 5.815 0 0 0 4.138-1.715l.902-.902-.027-.026a5.845 5.845 0 0 0 2.153-4.532v.008ZM4.069 11.957C2.922 10.81 2.51 9.2 2.817 7.713a5.853 5.853 0 0 0 5.504 5.486 4.653 4.653 0 0 1-4.252-1.243ZM8.662 12a4.645 4.645 0 0 1-4.637-4.638 4.645 4.645 0 0 1 4.637-4.637A4.645 4.645 0 0 1 13.3 7.362 4.645 4.645 0 0 1 8.662 12Z"></path></svg>`;
   }
 };
-i([
+a([
   p({ type: String, reflect: !0 })
 ], r.prototype, "size", 2);
-i([
+a([
   p({ type: String, reflect: !0 })
 ], r.prototype, "class", 2);
-r = i([
-  u("icon-account-credit")
+r = a([
+  f("icon-account-credit")
 ], r);
 export {
   r as IconAccountCredit

package/dist/IconAccountCreditFilled.js

@@ -1,18 +1,18 @@
 import { html as a } from "lit";
 import { property as p } from "lit/decorators.js";
-import { PieIconComponent as h } from "./PieIconComponent.js";
-import { safeCustomElement as u } from "@justeattakeaway/pie-webc-core";
-var f = Object.defineProperty, d = Object.getOwnPropertyDescriptor, l = (n, t, s, c) => {
-  for (var e = c > 1 ? void 0 : c ? d(t, s) : t, o = n.length - 1, i; o >= 0; o--)
-    (i = n[o]) && (e = (c ? i(t, s, e) : i(e)) || e);
-  return c && e && f(t, s, e), e;
+import { PieIconComponent as f } from "./PieIconComponent.js";
+import { safeCustomElement as h } from "@justeattakeaway/pie-webc-core";
+var u = Object.defineProperty, d = Object.getOwnPropertyDescriptor, l = (n, t, s, c) => {
+  for (var e = c > 1 ? void 0 : c ? d(t, s) : t, i = n.length - 1, o; i >= 0; i--)
+    (o = n[i]) && (e = (c ? o(t, s, e) : o(e)) || e);
+  return c && e && u(t, s, e), e;
 };
-let r = class extends h {
+let r = class extends f {
   constructor() {
     super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--accountCreditFilled", this.class = "c-pieIcon c-pieIcon--accountCreditFilled", this.name = "IconAccountCreditFilled";
   }
   render() {
-    return a`<svg width="${this._svgWidth}" height="${this._svgHeight}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--accountCreditFilled"><path d="M14.52 7.362A5.868 5.868 0 0 0 8.658 1.5a5.81 5.81 0 0 0-4.42 2.03H4.23L3.215 4.536A5.833 5.833 0 0 0 1.5 8.675c0 1.557.612 3.036 1.715 4.139a5.852 5.852 0 0 0 4.139 1.715 5.815 5.815 0 0 0 4.138-1.715l.902-.902-.027-.026a5.845 5.845 0 0 0 2.153-4.532v.008ZM4.064 11.957C2.917 10.81 2.506 9.2 2.812 7.713a5.853 5.853 0 0 0 5.504 5.486 4.653 4.653 0 0 1-4.252-1.243Zm7.21-4.628s-.018.07-.035.096c-.018.026-.079.052-.079.052l-.438.088s-.06.017-.078.043a.13.13 0 0 0-.035.08c-.009.078-.088 1.81-.193 2.266a.157.157 0 0 1-.052.078c-.027.026-.097.035-.097.035-.175-.009-.332-.009-.498-.009H7.774c-.254.01-.49.018-.744.018a.183.183 0 0 1-.096-.035c-.027-.017-.053-.044-.053-.079-.105-.446-.192-2.187-.192-2.266 0-.026-.018-.053-.035-.079-.018-.017-.07-.043-.07-.043l-.438-.088s-.061-.026-.079-.053a.132.132 0 0 1-.035-.096c0-.017.01-.043.018-.061.035-.079.875-1.619 2.397-2.564a.383.383 0 0 1 .22-.07c.078 0 .157.027.218.07.315.193.613.42.893.674v-.157s.008-.053.026-.07a.1.1 0 0 1 .07-.027h.008l.447.053s.07.017.087.035c.018.017.044.043.044.079.061.306.105.62.131.927 0 .018.009.035.018.044.428.525.674.997.674.997h-.027s.018.044.018.061Z"></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--accountCreditFilled"><path d="M14.52 7.362A5.868 5.868 0 0 0 8.658 1.5a5.81 5.81 0 0 0-4.42 2.03H4.23L3.215 4.536A5.833 5.833 0 0 0 1.5 8.675c0 1.557.612 3.036 1.715 4.139a5.852 5.852 0 0 0 4.139 1.715 5.815 5.815 0 0 0 4.138-1.715l.902-.902-.027-.026a5.845 5.845 0 0 0 2.153-4.532v.008ZM4.064 11.957C2.917 10.81 2.506 9.2 2.812 7.713a5.853 5.853 0 0 0 5.504 5.486 4.653 4.653 0 0 1-4.252-1.243Zm7.21-4.628s-.018.07-.035.096c-.018.026-.079.052-.079.052l-.438.088s-.06.017-.078.043a.13.13 0 0 0-.035.08c-.009.078-.088 1.81-.193 2.266a.157.157 0 0 1-.052.078c-.027.026-.097.035-.097.035-.175-.009-.332-.009-.498-.009H7.774c-.254.01-.49.018-.744.018a.183.183 0 0 1-.096-.035c-.027-.017-.053-.044-.053-.079-.105-.446-.192-2.187-.192-2.266 0-.026-.018-.053-.035-.079-.018-.017-.07-.043-.07-.043l-.438-.088s-.061-.026-.079-.053a.132.132 0 0 1-.035-.096c0-.017.01-.043.018-.061.035-.079.875-1.619 2.397-2.564a.383.383 0 0 1 .22-.07c.078 0 .157.027.218.07.315.193.613.42.893.674v-.157s.008-.053.026-.07a.1.1 0 0 1 .07-.027h.008l.447.053s.07.017.087.035c.018.017.044.043.044.079.061.306.105.62.131.927 0 .018.009.035.018.044.428.525.674.997.674.997h-.027s.018.044.018.061Z"></path></svg>`;
   }
 };
 l([
@@ -22,7 +22,7 @@ l([
   p({ type: String, reflect: !0 })
 ], r.prototype, "class", 2);
 r = l([
-  u("icon-account-credit-filled")
+  h("icon-account-credit-filled")
 ], r);
 export {
   r as IconAccountCreditFilled

package/dist/IconAccountCreditFilledLarge.js

@@ -1,28 +1,28 @@
 import { html as p } from "lit";
 import { property as n } from "lit/decorators.js";
 import { PieIconComponent as h } from "./PieIconComponent.js";
-import { safeCustomElement as u } from "@justeattakeaway/pie-webc-core";
-var v = Object.defineProperty, f = Object.getOwnPropertyDescriptor, l = (s, c, a, t) => {
-  for (var e = t > 1 ? void 0 : t ? f(c, a) : c, o = s.length - 1, i; o >= 0; o--)
-    (i = s[o]) && (e = (t ? i(c, a, e) : i(e)) || e);
-  return t && e && v(c, a, e), e;
+import { safeCustomElement as f } from "@justeattakeaway/pie-webc-core";
+var u = Object.defineProperty, v = Object.getOwnPropertyDescriptor, o = (s, c, a, t) => {
+  for (var e = t > 1 ? void 0 : t ? v(c, a) : c, l = s.length - 1, i; l >= 0; l--)
+    (i = s[l]) && (e = (t ? i(c, a, e) : i(e)) || e);
+  return t && e && u(c, a, e), e;
 };
 let r = class extends h {
   constructor() {
     super(...arguments), this.size = 32, this.defaultClasses = "c-pieIcon c-pieIcon--accountCreditFilledLarge", this.class = "c-pieIcon c-pieIcon--accountCreditFilledLarge", this.name = "IconAccountCreditFilledLarge";
   }
   render() {
-    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 32 32" class="c-pieIcon c-pieIcon--accountCreditFilledLarge"><path d="M28.25 15.125c0-6.274-5.101-11.375-11.375-11.375-2.992 0-5.705 1.173-7.744 3.063h-.008l-.202.183-.175.175-1.662 1.663a11.276 11.276 0 0 0-3.334 8.041c0 3.036 1.181 5.889 3.334 8.041a11.313 11.313 0 0 0 8.041 3.334c3.036 0 5.889-1.181 8.041-3.334l1.803-1.802c2.03-2.065 3.29-4.883 3.29-7.998l-.009.009ZM8.318 23.683a9.551 9.551 0 0 1-2.818-6.8c0-.28.018-.56.044-.83.446 5.556 4.891 9.983 10.456 10.412a9.602 9.602 0 0 1-7.674-2.774l-.008-.008Zm13.597-8.41-.884.167c-.113.035-.21.131-.218.254 0 .157-.175 3.622-.386 4.524a.3.3 0 0 1-.288.227c-.341 0-.674-.018-.998-.018 0 0-.07-.035-.07-.07 0 0 .061-.98.114-2.23.061-1.47.114-3.36.009-4.472 0-.061-.018-.087-.018-.087a.19.19 0 0 0-.175-.123c-.044 0-.079.018-.114.035 0 0-.026.018-.052.053 0 0-1.164 1.19-1.409 4.716v.096c.018.07.079.131.175.149l.604.087c.053 0 .096.053.096.105 0 0-.026.595-.14 1.654 0 .044-.044.079-.096.079h-1.838c-.043 0-.087-.035-.087-.079a20.05 20.05 0 0 1-.079-.77c-.079-.884-.061-1.067-.061-1.067 0-.062.035-.105.079-.14a.957.957 0 0 0 .411-.78v-.035c-.044-1.19-.061-2.537 0-3.613v-.018a.178.178 0 0 0-.184-.175c-.096 0-.166.08-.175.167a31.996 31.996 0 0 0-.035 2.458c0 .114-.087.21-.201.21a.206.206 0 0 1-.21-.2 31.534 31.534 0 0 1 .035-2.442v-.018a.178.178 0 0 0-.184-.175c-.096 0-.166.08-.175.167-.043.735-.052 1.61-.035 2.467 0 .114-.087.21-.21.21a.207.207 0 0 1-.21-.21 32.045 32.045 0 0 1 .035-2.459V13.9a.178.178 0 0 0-.184-.175c-.096 0-.166.079-.175.166-.07 1.103-.043 2.503 0 3.719a.966.966 0 0 0 .464.77.18.18 0 0 1 .088.149v.061c.035.726.079 1.418.105 1.724 0 .052-.044.105-.097.105h-.034c-.508 0-.98.017-1.488.026a.292.292 0 0 1-.289-.227c-.21-.902-.376-4.367-.385-4.524a.3.3 0 0 0-.219-.254l-.883-.166a.302.302 0 0 1-.228-.298c0-.044.009-.087.027-.131.06-.166 1.75-3.238 4.803-5.119a.739.739 0 0 1 .438-.131c.166 0 .315.053.437.131.665.411 1.26.875 1.785 1.348 0 0 .009 0 .009-.009v-.306c0-.105.088-.184.184-.184h.026l.884.105a.307.307 0 0 1 .262.236s.158.735.254 1.846c0 0 .017.062.035.088.849 1.059 1.313 1.908 1.348 1.995a.292.292 0 0 1 .026.131.31.31 0 0 1-.228.298h.009Z"></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--accountCreditFilledLarge"><path d="M28.25 15.125c0-6.274-5.101-11.375-11.375-11.375-2.992 0-5.705 1.173-7.744 3.063h-.008l-.202.183-.175.175-1.662 1.663a11.276 11.276 0 0 0-3.334 8.041c0 3.036 1.181 5.889 3.334 8.041a11.313 11.313 0 0 0 8.041 3.334c3.036 0 5.889-1.181 8.041-3.334l1.803-1.802c2.03-2.065 3.29-4.883 3.29-7.998l-.009.009ZM8.318 23.683a9.551 9.551 0 0 1-2.818-6.8c0-.28.018-.56.044-.83.446 5.556 4.891 9.983 10.456 10.412a9.602 9.602 0 0 1-7.674-2.774l-.008-.008Zm13.597-8.41-.884.167c-.113.035-.21.131-.218.254 0 .157-.175 3.622-.386 4.524a.3.3 0 0 1-.288.227c-.341 0-.674-.018-.998-.018 0 0-.07-.035-.07-.07 0 0 .061-.98.114-2.23.061-1.47.114-3.36.009-4.472 0-.061-.018-.087-.018-.087a.19.19 0 0 0-.175-.123c-.044 0-.079.018-.114.035 0 0-.026.018-.052.053 0 0-1.164 1.19-1.409 4.716v.096c.018.07.079.131.175.149l.604.087c.053 0 .096.053.096.105 0 0-.026.595-.14 1.654 0 .044-.044.079-.096.079h-1.838c-.043 0-.087-.035-.087-.079a20.05 20.05 0 0 1-.079-.77c-.079-.884-.061-1.067-.061-1.067 0-.062.035-.105.079-.14a.957.957 0 0 0 .411-.78v-.035c-.044-1.19-.061-2.537 0-3.613v-.018a.178.178 0 0 0-.184-.175c-.096 0-.166.08-.175.167a31.996 31.996 0 0 0-.035 2.458c0 .114-.087.21-.201.21a.206.206 0 0 1-.21-.2 31.534 31.534 0 0 1 .035-2.442v-.018a.178.178 0 0 0-.184-.175c-.096 0-.166.08-.175.167-.043.735-.052 1.61-.035 2.467 0 .114-.087.21-.21.21a.207.207 0 0 1-.21-.21 32.045 32.045 0 0 1 .035-2.459V13.9a.178.178 0 0 0-.184-.175c-.096 0-.166.079-.175.166-.07 1.103-.043 2.503 0 3.719a.966.966 0 0 0 .464.77.18.18 0 0 1 .088.149v.061c.035.726.079 1.418.105 1.724 0 .052-.044.105-.097.105h-.034c-.508 0-.98.017-1.488.026a.292.292 0 0 1-.289-.227c-.21-.902-.376-4.367-.385-4.524a.3.3 0 0 0-.219-.254l-.883-.166a.302.302 0 0 1-.228-.298c0-.044.009-.087.027-.131.06-.166 1.75-3.238 4.803-5.119a.739.739 0 0 1 .438-.131c.166 0 .315.053.437.131.665.411 1.26.875 1.785 1.348 0 0 .009 0 .009-.009v-.306c0-.105.088-.184.184-.184h.026l.884.105a.307.307 0 0 1 .262.236s.158.735.254 1.846c0 0 .017.062.035.088.849 1.059 1.313 1.908 1.348 1.995a.292.292 0 0 1 .026.131.31.31 0 0 1-.228.298h.009Z"></path></svg>`;
   }
 };
-l([
+o([
   n({ type: String, reflect: !0 })
 ], r.prototype, "size", 2);
-l([
+o([
   n({ type: String, reflect: !0 })
 ], r.prototype, "class", 2);
-r = l([
-  u("icon-account-credit-filled-large")
+r = o([
+  f("icon-account-credit-filled-large")
 ], r);
 export {
   r as IconAccountCreditFilledLarge

package/dist/IconAccountCreditLarge.js

@@ -1,18 +1,18 @@
 import { html as p } from "lit";
 import { property as n } from "lit/decorators.js";
 import { PieIconComponent as h } from "./PieIconComponent.js";
-import { safeCustomElement as u } from "@justeattakeaway/pie-webc-core";
-var g = Object.defineProperty, v = Object.getOwnPropertyDescriptor, i = (l, c, a, t) => {
-  for (var e = t > 1 ? void 0 : t ? v(c, a) : c, o = l.length - 1, s; o >= 0; o--)
-    (s = l[o]) && (e = (t ? s(c, a, e) : s(e)) || e);
-  return t && e && g(c, a, e), e;
+import { safeCustomElement as f } from "@justeattakeaway/pie-webc-core";
+var u = Object.defineProperty, g = Object.getOwnPropertyDescriptor, i = (l, c, a, t) => {
+  for (var e = t > 1 ? void 0 : t ? g(c, a) : c, s = l.length - 1, o; s >= 0; s--)
+    (o = l[s]) && (e = (t ? o(c, a, e) : o(e)) || e);
+  return t && e && u(c, a, e), e;
 };
 let r = class extends h {
   constructor() {
     super(...arguments), this.size = 32, this.defaultClasses = "c-pieIcon c-pieIcon--accountCreditLarge", this.class = "c-pieIcon c-pieIcon--accountCreditLarge", this.name = "IconAccountCreditLarge";
   }
   render() {
-    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 32 32" class="c-pieIcon c-pieIcon--accountCreditLarge"><path d="M20.779 12.859s-.035-.062-.035-.088c-.097-1.111-.254-1.846-.254-1.846a.308.308 0 0 0-.263-.236l-.884-.105h-.026a.185.185 0 0 0-.183.184v.306s0 .008-.01.008a12.892 12.892 0 0 0-1.784-1.347.74.74 0 0 0-.438-.131.806.806 0 0 0-.437.131c-3.054 1.881-4.734 4.953-4.804 5.119a.292.292 0 0 0-.026.131c0 .14.096.263.227.298l.884.166c.114.035.21.131.219.254 0 .157.175 3.622.385 4.523a.3.3 0 0 0 .289.228l1.487-.027h.035a.097.097 0 0 0 .096-.096c-.017-.306-.061-.997-.105-1.723v-.062a.17.17 0 0 0-.087-.148.953.953 0 0 1-.464-.77c-.044-1.217-.07-2.626 0-3.72 0-.087.079-.165.175-.165a.19.19 0 0 1 .184.175v.017a37.053 37.053 0 0 0-.035 2.459c0 .114.096.21.21.21.114 0 .21-.096.21-.21a32.173 32.173 0 0 1 .035-2.468c0-.087.079-.166.175-.166a.19.19 0 0 1 .184.175v.018a36.653 36.653 0 0 0-.036 2.44.2.2 0 0 0 .21.202.2.2 0 0 0 .202-.21 31.94 31.94 0 0 1 .035-2.459c0-.087.079-.166.175-.166a.19.19 0 0 1 .184.175v.018c-.062 1.067-.044 2.423 0 3.613V17.601a.945.945 0 0 1-.412.779.206.206 0 0 0-.079.14s-.026.184.062 1.067c.035.386.07.657.079.77 0 .044.043.08.087.08h1.837a.103.103 0 0 0 .097-.08c.114-1.058.14-1.653.14-1.653 0-.053-.044-.096-.096-.105l-.604-.088a.221.221 0 0 1-.175-.148c-.009-.044 0-.097 0-.097.245-3.526 1.409-4.716 1.409-4.716l.052-.053a.176.176 0 0 1 .114-.034.19.19 0 0 1 .175.122s.008.026.017.087c.096 1.112.053 3.002-.009 4.472a121.803 121.803 0 0 1-.113 2.231s.035.079.07.079c.332 0 .656.008.997.017.14 0 .263-.096.289-.227.21-.901.376-4.367.385-4.524a.3.3 0 0 1 .219-.254l.883-.166a.302.302 0 0 0 .228-.298.35.35 0 0 0-.026-.13c-.035-.088-.49-.937-1.348-1.996l-.008-.017Z"></path><path d="M28.26 15.125c0-6.274-5.102-11.375-11.375-11.375-2.993 0-5.705 1.173-7.744 3.063h-.009l-.201.183-.175.175-1.662 1.663a11.276 11.276 0 0 0-3.334 8.041c0 3.036 1.181 5.889 3.334 8.041a11.313 11.313 0 0 0 8.04 3.334c3.037 0 5.89-1.181 8.042-3.334l1.803-1.802c2.03-2.065 3.29-4.883 3.29-7.998l-.01.009ZM8.327 23.683a9.551 9.551 0 0 1-2.817-6.8c0-.28.017-.56.044-.83.446 5.556 4.89 9.983 10.456 10.412a9.602 9.602 0 0 1-7.674-2.774l-.009-.008Zm8.558 1.067c-5.312 0-9.625-4.314-9.625-9.625a9.57 9.57 0 0 1 2.73-6.703l.192-.192a9.57 9.57 0 0 1 6.703-2.73c5.311 0 9.625 4.314 9.625 9.625s-4.314 9.625-9.625 9.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--accountCreditLarge"><path d="M20.779 12.859s-.035-.062-.035-.088c-.097-1.111-.254-1.846-.254-1.846a.308.308 0 0 0-.263-.236l-.884-.105h-.026a.185.185 0 0 0-.183.184v.306s0 .008-.01.008a12.892 12.892 0 0 0-1.784-1.347.74.74 0 0 0-.438-.131.806.806 0 0 0-.437.131c-3.054 1.881-4.734 4.953-4.804 5.119a.292.292 0 0 0-.026.131c0 .14.096.263.227.298l.884.166c.114.035.21.131.219.254 0 .157.175 3.622.385 4.523a.3.3 0 0 0 .289.228l1.487-.027h.035a.097.097 0 0 0 .096-.096c-.017-.306-.061-.997-.105-1.723v-.062a.17.17 0 0 0-.087-.148.953.953 0 0 1-.464-.77c-.044-1.217-.07-2.626 0-3.72 0-.087.079-.165.175-.165a.19.19 0 0 1 .184.175v.017a37.053 37.053 0 0 0-.035 2.459c0 .114.096.21.21.21.114 0 .21-.096.21-.21a32.173 32.173 0 0 1 .035-2.468c0-.087.079-.166.175-.166a.19.19 0 0 1 .184.175v.018a36.653 36.653 0 0 0-.036 2.44.2.2 0 0 0 .21.202.2.2 0 0 0 .202-.21 31.94 31.94 0 0 1 .035-2.459c0-.087.079-.166.175-.166a.19.19 0 0 1 .184.175v.018c-.062 1.067-.044 2.423 0 3.613V17.601a.945.945 0 0 1-.412.779.206.206 0 0 0-.079.14s-.026.184.062 1.067c.035.386.07.657.079.77 0 .044.043.08.087.08h1.837a.103.103 0 0 0 .097-.08c.114-1.058.14-1.653.14-1.653 0-.053-.044-.096-.096-.105l-.604-.088a.221.221 0 0 1-.175-.148c-.009-.044 0-.097 0-.097.245-3.526 1.409-4.716 1.409-4.716l.052-.053a.176.176 0 0 1 .114-.034.19.19 0 0 1 .175.122s.008.026.017.087c.096 1.112.053 3.002-.009 4.472a121.803 121.803 0 0 1-.113 2.231s.035.079.07.079c.332 0 .656.008.997.017.14 0 .263-.096.289-.227.21-.901.376-4.367.385-4.524a.3.3 0 0 1 .219-.254l.883-.166a.302.302 0 0 0 .228-.298.35.35 0 0 0-.026-.13c-.035-.088-.49-.937-1.348-1.996l-.008-.017Z"></path><path d="M28.26 15.125c0-6.274-5.102-11.375-11.375-11.375-2.993 0-5.705 1.173-7.744 3.063h-.009l-.201.183-.175.175-1.662 1.663a11.276 11.276 0 0 0-3.334 8.041c0 3.036 1.181 5.889 3.334 8.041a11.313 11.313 0 0 0 8.04 3.334c3.037 0 5.89-1.181 8.042-3.334l1.803-1.802c2.03-2.065 3.29-4.883 3.29-7.998l-.01.009ZM8.327 23.683a9.551 9.551 0 0 1-2.817-6.8c0-.28.017-.56.044-.83.446 5.556 4.89 9.983 10.456 10.412a9.602 9.602 0 0 1-7.674-2.774l-.009-.008Zm8.558 1.067c-5.312 0-9.625-4.314-9.625-9.625a9.57 9.57 0 0 1 2.73-6.703l.192-.192a9.57 9.57 0 0 1 6.703-2.73c5.311 0 9.625 4.314 9.625 9.625s-4.314 9.625-9.625 9.625Z"></path></svg>`;
   }
 };
 i([
@@ -22,7 +22,7 @@ i([
   n({ type: String, reflect: !0 })
 ], r.prototype, "class", 2);
 r = i([
-  u("icon-account-credit-large")
+  f("icon-account-credit-large")
 ], r);
 export {
   r as IconAccountCreditLarge

package/dist/IconAi.js

@@ -2,28 +2,28 @@ 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, o = (i, t, c, s) => {
-  for (var e = s > 1 ? void 0 : s ? v(t, c) : t, r = i.length - 1, l; r >= 0; r--)
-    (l = i[r]) && (e = (s ? l(t, c, e) : l(e)) || e);
-  return s && e && m(t, c, e), e;
+var m = Object.defineProperty, v = Object.getOwnPropertyDescriptor, i = (o, t, a, s) => {
+  for (var e = s > 1 ? void 0 : s ? v(t, a) : t, c = o.length - 1, r; c >= 0; c--)
+    (r = o[c]) && (e = (s ? r(t, a, e) : r(e)) || e);
+  return s && e && m(t, a, e), e;
 };
-let a = class extends h {
+let l = class extends h {
   constructor() {
     super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--ai", this.class = "c-pieIcon c-pieIcon--ai", this.name = "IconAi";
   }
   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--ai"><path d="M14.65 8.665s-.079-.035-.123-.044l-1.4-.385a4.405 4.405 0 0 1-1.872-1.041c-.062-.052-.114-.114-.167-.166a4.404 4.404 0 0 1-1.04-1.873l-.386-1.4s-.026-.087-.044-.122a.534.534 0 0 0-.472-.28c-.21 0-.42.114-.508.35l-.454 1.54a4.415 4.415 0 0 1-.85 1.601c-.025.035-.052.061-.078.096a4.423 4.423 0 0 1-2.135 1.313l-1.374.376s-.087.026-.122.044a.543.543 0 0 0 0 .945.506.506 0 0 0 .122.044l1.374.376a4.424 4.424 0 0 1 2.135 1.312c.026.035.053.061.079.096.394.464.673 1.016.849 1.602l.455 1.54c.087.236.297.35.507.35a.534.534 0 0 0 .472-.28.505.505 0 0 0 .044-.123l.385-1.4c.193-.7.543-1.347 1.041-1.872.053-.061.114-.114.167-.166a4.404 4.404 0 0 1 1.872-1.042l1.4-.385s.088-.026.123-.043a.543.543 0 0 0 0-.945v-.018Zm-4.305 1.479-.21.21A5.67 5.67 0 0 0 9.12 11.84a5.328 5.328 0 0 0-.796-1.251l-.105-.123a5.638 5.638 0 0 0-1.777-1.33 5.573 5.573 0 0 0 1.777-1.33l.104-.122c.316-.376.587-.796.797-1.251a5.67 5.67 0 0 0 1.015 1.487l.21.21c.428.403.918.744 1.461.998a5.474 5.474 0 0 0-1.461.997v.018Z"></path><path d="M3.52 5.987a.232.232 0 0 0 .201-.122c.009-.018.018-.035.018-.053l.166-.595c.079-.297.236-.577.446-.796.026-.026.044-.052.07-.07.228-.21.499-.367.796-.446l.595-.166s.035-.009.053-.018a.23.23 0 0 0 0-.402C5.847 3.31 5.83 3.3 5.812 3.3l-.595-.166a1.844 1.844 0 0 1-.796-.446c-.026-.027-.052-.044-.07-.07a1.895 1.895 0 0 1-.446-.797l-.166-.595s-.01-.035-.018-.052a.232.232 0 0 0-.201-.123.243.243 0 0 0-.219.15l-.192.655c-.07.254-.193.482-.36.683-.008.017-.025.026-.034.044-.245.271-.56.463-.91.56l-.586.157s-.035.009-.053.018c-.166.078-.166.315 0 .402a.124.124 0 0 0 .053.018l.586.157c.35.096.665.289.91.56.009.018.026.026.035.044.166.201.289.437.359.682l.192.657a.226.226 0 0 0 .219.148Z"></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--ai"><path d="M14.65 8.665s-.079-.035-.123-.044l-1.4-.385a4.405 4.405 0 0 1-1.872-1.041c-.062-.052-.114-.114-.167-.166a4.404 4.404 0 0 1-1.04-1.873l-.386-1.4s-.026-.087-.044-.122a.534.534 0 0 0-.472-.28c-.21 0-.42.114-.508.35l-.454 1.54a4.415 4.415 0 0 1-.85 1.601c-.025.035-.052.061-.078.096a4.423 4.423 0 0 1-2.135 1.313l-1.374.376s-.087.026-.122.044a.543.543 0 0 0 0 .945.506.506 0 0 0 .122.044l1.374.376a4.424 4.424 0 0 1 2.135 1.312c.026.035.053.061.079.096.394.464.673 1.016.849 1.602l.455 1.54c.087.236.297.35.507.35a.534.534 0 0 0 .472-.28.505.505 0 0 0 .044-.123l.385-1.4c.193-.7.543-1.347 1.041-1.872.053-.061.114-.114.167-.166a4.404 4.404 0 0 1 1.872-1.042l1.4-.385s.088-.026.123-.043a.543.543 0 0 0 0-.945v-.018Zm-4.305 1.479-.21.21A5.67 5.67 0 0 0 9.12 11.84a5.328 5.328 0 0 0-.796-1.251l-.105-.123a5.638 5.638 0 0 0-1.777-1.33 5.573 5.573 0 0 0 1.777-1.33l.104-.122c.316-.376.587-.796.797-1.251a5.67 5.67 0 0 0 1.015 1.487l.21.21c.428.403.918.744 1.461.998a5.474 5.474 0 0 0-1.461.997v.018Z"></path><path d="M3.52 5.987a.232.232 0 0 0 .201-.122c.009-.018.018-.035.018-.053l.166-.595c.079-.297.236-.577.446-.796.026-.026.044-.052.07-.07.228-.21.499-.367.796-.446l.595-.166s.035-.009.053-.018a.23.23 0 0 0 0-.402C5.847 3.31 5.83 3.3 5.812 3.3l-.595-.166a1.844 1.844 0 0 1-.796-.446c-.026-.027-.052-.044-.07-.07a1.895 1.895 0 0 1-.446-.797l-.166-.595s-.01-.035-.018-.052a.232.232 0 0 0-.201-.123.243.243 0 0 0-.219.15l-.192.655c-.07.254-.193.482-.36.683-.008.017-.025.026-.034.044-.245.271-.56.463-.91.56l-.586.157s-.035.009-.053.018c-.166.078-.166.315 0 .402a.124.124 0 0 0 .053.018l.586.157c.35.096.665.289.91.56.009.018.026.026.035.044.166.201.289.437.359.682l.192.657a.226.226 0 0 0 .219.148Z"></path></svg>`;
   }
 };
-o([
+i([
   p({ type: String, reflect: !0 })
-], a.prototype, "size", 2);
-o([
+], l.prototype, "size", 2);
+i([
   p({ type: String, reflect: !0 })
-], a.prototype, "class", 2);
-a = o([
+], l.prototype, "class", 2);
+l = i([
   f("icon-ai")
-], a);
+], l);
 export {
-  a as IconAi
+  l as IconAi
 };

package/dist/IconAi2.js

@@ -2,26 +2,26 @@ import { html as n } 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 m = Object.defineProperty, u = Object.getOwnPropertyDescriptor, i = (l, t, o, r) => {
-  for (var e = r > 1 ? void 0 : r ? u(t, o) : t, c = l.length - 1, a; c >= 0; c--)
-    (a = l[c]) && (e = (r ? a(t, o, e) : a(e)) || e);
-  return r && e && m(t, o, e), e;
+var m = Object.defineProperty, u = Object.getOwnPropertyDescriptor, a = (l, t, i, r) => {
+  for (var e = r > 1 ? void 0 : r ? u(t, i) : t, o = l.length - 1, c; o >= 0; o--)
+    (c = l[o]) && (e = (r ? c(t, i, e) : c(e)) || e);
+  return r && e && m(t, i, e), e;
 };
 let s = class extends f {
   constructor() {
     super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--ai2", this.class = "c-pieIcon c-pieIcon--ai2", this.name = "IconAi2";
   }
   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--ai2"><path d="M7.973 4.938c.28.638.665 1.224 1.13 1.715.07.078.148.148.218.227A5.86 5.86 0 0 0 11.01 8a5.98 5.98 0 0 0-1.69 1.12c-.078.07-.148.149-.218.219a5.67 5.67 0 0 0-1.129 1.715 6.035 6.035 0 0 0-.9-1.47l-.106-.123a6.102 6.102 0 0 0-2.012-1.47 5.784 5.784 0 0 0 2.012-1.47l.105-.122a5.72 5.72 0 0 0 .901-1.47m.018-3.08a.555.555 0 0 0-.534.376l-.481 1.636a4.607 4.607 0 0 1-.901 1.698c-.027.035-.062.07-.088.096a4.742 4.742 0 0 1-2.266 1.391l-1.453.403a.413.413 0 0 0-.13.052c-.395.21-.395.788 0 1.006.043.027.087.036.13.053l1.453.402a4.651 4.651 0 0 1 2.266 1.392c.026.035.061.07.088.096.42.499.717 1.076.9 1.698l.482 1.636a.562.562 0 0 0 .534.376.548.548 0 0 0 .499-.297c.026-.044.035-.088.052-.132l.411-1.487a4.617 4.617 0 0 1 1.112-1.986c.06-.062.113-.123.175-.175a4.708 4.708 0 0 1 1.986-1.112l1.487-.411a.412.412 0 0 0 .132-.053c.393-.21.393-.787 0-1.006-.044-.026-.088-.035-.132-.052l-1.487-.412a4.616 4.616 0 0 1-1.986-1.11c-.062-.062-.123-.114-.175-.176a4.708 4.708 0 0 1-1.112-1.986l-.41-1.488a.413.413 0 0 0-.053-.13.557.557 0 0 0-.5-.298Z"></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--ai2"><path d="M7.973 4.938c.28.638.665 1.224 1.13 1.715.07.078.148.148.218.227A5.86 5.86 0 0 0 11.01 8a5.98 5.98 0 0 0-1.69 1.12c-.078.07-.148.149-.218.219a5.67 5.67 0 0 0-1.129 1.715 6.035 6.035 0 0 0-.9-1.47l-.106-.123a6.102 6.102 0 0 0-2.012-1.47 5.784 5.784 0 0 0 2.012-1.47l.105-.122a5.72 5.72 0 0 0 .901-1.47m.018-3.08a.555.555 0 0 0-.534.376l-.481 1.636a4.607 4.607 0 0 1-.901 1.698c-.027.035-.062.07-.088.096a4.742 4.742 0 0 1-2.266 1.391l-1.453.403a.413.413 0 0 0-.13.052c-.395.21-.395.788 0 1.006.043.027.087.036.13.053l1.453.402a4.651 4.651 0 0 1 2.266 1.392c.026.035.061.07.088.096.42.499.717 1.076.9 1.698l.482 1.636a.562.562 0 0 0 .534.376.548.548 0 0 0 .499-.297c.026-.044.035-.088.052-.132l.411-1.487a4.617 4.617 0 0 1 1.112-1.986c.06-.062.113-.123.175-.175a4.708 4.708 0 0 1 1.986-1.112l1.487-.411a.412.412 0 0 0 .132-.053c.393-.21.393-.787 0-1.006-.044-.026-.088-.035-.132-.052l-1.487-.412a4.616 4.616 0 0 1-1.986-1.11c-.062-.062-.123-.114-.175-.176a4.708 4.708 0 0 1-1.112-1.986l-.41-1.488a.413.413 0 0 0-.053-.13.557.557 0 0 0-.5-.298Z"></path></svg>`;
   }
 };
-i([
+a([
   p({ type: String, reflect: !0 })
 ], s.prototype, "size", 2);
-i([
+a([
   p({ type: String, reflect: !0 })
 ], s.prototype, "class", 2);
-s = i([
+s = a([
   h("icon-ai2")
 ], s);
 export {

package/dist/IconAi2Filled.js

@@ -2,17 +2,17 @@ import { html as n } 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 m = Object.defineProperty, u = Object.getOwnPropertyDescriptor, c = (a, t, l, r) => {
-  for (var e = r > 1 ? void 0 : r ? u(t, l) : t, s = a.length - 1, o; s >= 0; s--)
-    (o = a[s]) && (e = (r ? o(t, l, e) : o(e)) || e);
-  return r && e && m(t, l, e), e;
+var m = Object.defineProperty, u = Object.getOwnPropertyDescriptor, c = (a, t, r, l) => {
+  for (var e = l > 1 ? void 0 : l ? u(t, r) : t, s = a.length - 1, o; s >= 0; s--)
+    (o = a[s]) && (e = (l ? o(t, r, e) : o(e)) || e);
+  return l && e && m(t, r, e), e;
 };
 let i = class extends f {
   constructor() {
     super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--ai2Filled", this.class = "c-pieIcon c-pieIcon--ai2Filled", this.name = "IconAi2Filled";
   }
   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--ai2Filled"><path d="M7.99 1.849a.555.555 0 0 0-.533.376l-.481 1.636a4.607 4.607 0 0 1-.901 1.698c-.027.035-.062.07-.088.096a4.742 4.742 0 0 1-2.266 1.391l-1.453.403a.413.413 0 0 0-.13.052c-.395.21-.395.788 0 1.006.043.027.087.036.13.053l1.453.402a4.651 4.651 0 0 1 2.266 1.392c.026.035.061.07.088.096.42.499.717 1.076.9 1.698l.482 1.636a.562.562 0 0 0 .534.376.548.548 0 0 0 .499-.297c.026-.044.035-.088.052-.132l.411-1.487a4.617 4.617 0 0 1 1.112-1.986c.06-.062.113-.123.175-.175a4.708 4.708 0 0 1 1.986-1.112l1.487-.411a.412.412 0 0 0 .132-.053c.393-.21.393-.787 0-1.006-.044-.026-.088-.035-.132-.052l-1.487-.412a4.616 4.616 0 0 1-1.986-1.11c-.062-.062-.123-.114-.175-.176a4.708 4.708 0 0 1-1.112-1.986l-.41-1.488a.413.413 0 0 0-.053-.13.557.557 0 0 0-.5-.298Z"></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--ai2Filled"><path d="M7.99 1.849a.555.555 0 0 0-.533.376l-.481 1.636a4.607 4.607 0 0 1-.901 1.698c-.027.035-.062.07-.088.096a4.742 4.742 0 0 1-2.266 1.391l-1.453.403a.413.413 0 0 0-.13.052c-.395.21-.395.788 0 1.006.043.027.087.036.13.053l1.453.402a4.651 4.651 0 0 1 2.266 1.392c.026.035.061.07.088.096.42.499.717 1.076.9 1.698l.482 1.636a.562.562 0 0 0 .534.376.548.548 0 0 0 .499-.297c.026-.044.035-.088.052-.132l.411-1.487a4.617 4.617 0 0 1 1.112-1.986c.06-.062.113-.123.175-.175a4.708 4.708 0 0 1 1.986-1.112l1.487-.411a.412.412 0 0 0 .132-.053c.393-.21.393-.787 0-1.006-.044-.026-.088-.035-.132-.052l-1.487-.412a4.616 4.616 0 0 1-1.986-1.11c-.062-.062-.123-.114-.175-.176a4.708 4.708 0 0 1-1.112-1.986l-.41-1.488a.413.413 0 0 0-.053-.13.557.557 0 0 0-.5-.298Z"></path></svg>`;
   }
 };
 c([

package/dist/IconAi2FilledLarge.js

@@ -2,17 +2,17 @@ import { html as n } from "lit";
 import { property as p } from "lit/decorators.js";
 import { PieIconComponent as f } from "./PieIconComponent.js";
 import { safeCustomElement as g } from "@justeattakeaway/pie-webc-core";
-var h = Object.defineProperty, m = Object.getOwnPropertyDescriptor, a = (c, r, i, t) => {
-  for (var e = t > 1 ? void 0 : t ? m(r, i) : r, o = c.length - 1, s; o >= 0; o--)
-    (s = c[o]) && (e = (t ? s(r, i, e) : s(e)) || e);
-  return t && e && h(r, i, e), e;
+var h = Object.defineProperty, m = Object.getOwnPropertyDescriptor, a = (c, t, i, r) => {
+  for (var e = r > 1 ? void 0 : r ? m(t, i) : t, s = c.length - 1, o; s >= 0; s--)
+    (o = c[s]) && (e = (r ? o(t, i, e) : o(e)) || e);
+  return r && e && h(t, i, e), e;
 };
 let l = class extends f {
   constructor() {
     super(...arguments), this.size = 32, this.defaultClasses = "c-pieIcon c-pieIcon--ai2FilledLarge", this.class = "c-pieIcon c-pieIcon--ai2FilledLarge", this.name = "IconAi2FilledLarge";
   }
   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--ai2FilledLarge"><path d="M15.922 4.538a1.04 1.04 0 0 0-.998.69l-.892 3.046a8.79 8.79 0 0 1-1.672 3.159l-.157.183c-1.111 1.252-2.59 2.135-4.209 2.582L5.3 14.94a1.189 1.189 0 0 0-.245.096c-.735.394-.735 1.47 0 1.864.079.044.158.07.245.096l2.695.744c1.619.447 3.089 1.322 4.209 2.582l.157.183a8.524 8.524 0 0 1 1.672 3.159l.892 3.045c.175.464.586.691.998.691a1.056 1.056 0 0 0 1.032-.796l.761-2.765a8.665 8.665 0 0 1 2.39-4.025c1.032-.989 2.31-1.68 3.692-2.056l2.765-.762a1.19 1.19 0 0 0 .245-.096c.735-.393.735-1.47 0-1.864a1.19 1.19 0 0 0-.245-.096l-2.765-.761a8.664 8.664 0 0 1-4.025-2.389c-.99-1.032-1.68-2.31-2.057-3.692l-.76-2.765a1.055 1.055 0 0 0-1.033-.796Z"></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--ai2FilledLarge"><path d="M15.922 4.538a1.04 1.04 0 0 0-.998.69l-.892 3.046a8.79 8.79 0 0 1-1.672 3.159l-.157.183c-1.111 1.252-2.59 2.135-4.209 2.582L5.3 14.94a1.189 1.189 0 0 0-.245.096c-.735.394-.735 1.47 0 1.864.079.044.158.07.245.096l2.695.744c1.619.447 3.089 1.322 4.209 2.582l.157.183a8.524 8.524 0 0 1 1.672 3.159l.892 3.045c.175.464.586.691.998.691a1.056 1.056 0 0 0 1.032-.796l.761-2.765a8.665 8.665 0 0 1 2.39-4.025c1.032-.989 2.31-1.68 3.692-2.056l2.765-.762a1.19 1.19 0 0 0 .245-.096c.735-.393.735-1.47 0-1.864a1.19 1.19 0 0 0-.245-.096l-2.765-.761a8.664 8.664 0 0 1-4.025-2.389c-.99-1.032-1.68-2.31-2.057-3.692l-.76-2.765a1.055 1.055 0 0 0-1.033-.796Z"></path></svg>`;
   }
 };
 a([

package/dist/IconAi2Large.js

@@ -1,18 +1,18 @@
 import { html as n } from "lit";
 import { property as p } from "lit/decorators.js";
-import { PieIconComponent as g } from "./PieIconComponent.js";
-import { safeCustomElement as m } from "@justeattakeaway/pie-webc-core";
-var f = Object.defineProperty, h = Object.getOwnPropertyDescriptor, i = (l, r, c, t) => {
-  for (var e = t > 1 ? void 0 : t ? h(r, c) : r, o = l.length - 1, s; o >= 0; o--)
-    (s = l[o]) && (e = (t ? s(r, c, e) : s(e)) || e);
-  return t && e && f(r, c, e), e;
+import { PieIconComponent as f } from "./PieIconComponent.js";
+import { safeCustomElement as g } from "@justeattakeaway/pie-webc-core";
+var h = Object.defineProperty, m = Object.getOwnPropertyDescriptor, i = (o, t, c, r) => {
+  for (var e = r > 1 ? void 0 : r ? m(t, c) : t, l = o.length - 1, s; l >= 0; l--)
+    (s = o[l]) && (e = (r ? s(t, c, e) : s(e)) || e);
+  return r && e && h(t, c, e), e;
 };
-let a = class extends g {
+let a = class extends f {
   constructor() {
     super(...arguments), this.size = 32, this.defaultClasses = "c-pieIcon c-pieIcon--ai2Large", this.class = "c-pieIcon c-pieIcon--ai2Large", this.name = "IconAi2Large";
   }
   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--ai2Large"><path d="m15.904 8.116.123.438a10.472 10.472 0 0 0 2.476 4.436c.131.131.254.262.394.394a10.472 10.472 0 0 0 4.436 2.476l.359.096-.36.096a10.474 10.474 0 0 0-4.435 2.477c-.132.131-.263.253-.394.393a10.473 10.473 0 0 0-2.476 4.437l-.123.437-.192-.647c-.42-1.427-1.094-2.704-2.013-3.789-.061-.07-.122-.149-.192-.219-1.322-1.487-3.063-2.555-5.05-3.106l-.288-.079.289-.079c1.986-.542 3.727-1.618 5.049-3.106.06-.07.13-.149.192-.219a10.2 10.2 0 0 0 2.013-3.788l.192-.648Zm.018-3.578a1.04 1.04 0 0 0-.998.69l-.892 3.046a8.79 8.79 0 0 1-1.672 3.159l-.157.183c-1.111 1.252-2.59 2.135-4.209 2.582L5.3 14.94a1.189 1.189 0 0 0-.245.096c-.735.394-.735 1.47 0 1.864.079.044.158.07.245.096l2.695.744c1.619.447 3.089 1.322 4.209 2.582l.157.183a8.524 8.524 0 0 1 1.672 3.159l.892 3.045c.175.464.586.691.998.691a1.056 1.056 0 0 0 1.032-.796l.761-2.765a8.665 8.665 0 0 1 2.39-4.025c1.032-.989 2.31-1.68 3.692-2.056l2.765-.762a1.19 1.19 0 0 0 .245-.096c.735-.393.735-1.47 0-1.864a1.19 1.19 0 0 0-.245-.096l-2.765-.761a8.664 8.664 0 0 1-4.025-2.389c-.99-1.032-1.68-2.31-2.057-3.692l-.76-2.765a1.055 1.055 0 0 0-1.033-.796Z"></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--ai2Large"><path d="m15.904 8.116.123.438a10.472 10.472 0 0 0 2.476 4.436c.131.131.254.262.394.394a10.472 10.472 0 0 0 4.436 2.476l.359.096-.36.096a10.474 10.474 0 0 0-4.435 2.477c-.132.131-.263.253-.394.393a10.473 10.473 0 0 0-2.476 4.437l-.123.437-.192-.647c-.42-1.427-1.094-2.704-2.013-3.789-.061-.07-.122-.149-.192-.219-1.322-1.487-3.063-2.555-5.05-3.106l-.288-.079.289-.079c1.986-.542 3.727-1.618 5.049-3.106.06-.07.13-.149.192-.219a10.2 10.2 0 0 0 2.013-3.788l.192-.648Zm.018-3.578a1.04 1.04 0 0 0-.998.69l-.892 3.046a8.79 8.79 0 0 1-1.672 3.159l-.157.183c-1.111 1.252-2.59 2.135-4.209 2.582L5.3 14.94a1.189 1.189 0 0 0-.245.096c-.735.394-.735 1.47 0 1.864.079.044.158.07.245.096l2.695.744c1.619.447 3.089 1.322 4.209 2.582l.157.183a8.524 8.524 0 0 1 1.672 3.159l.892 3.045c.175.464.586.691.998.691a1.056 1.056 0 0 0 1.032-.796l.761-2.765a8.665 8.665 0 0 1 2.39-4.025c1.032-.989 2.31-1.68 3.692-2.056l2.765-.762a1.19 1.19 0 0 0 .245-.096c.735-.393.735-1.47 0-1.864a1.19 1.19 0 0 0-.245-.096l-2.765-.761a8.664 8.664 0 0 1-4.025-2.389c-.99-1.032-1.68-2.31-2.057-3.692l-.76-2.765a1.055 1.055 0 0 0-1.033-.796Z"></path></svg>`;
   }
 };
 i([
@@ -22,7 +22,7 @@ i([
   p({ type: String, reflect: !0 })
 ], a.prototype, "class", 2);
 a = i([
-  m("icon-ai2-large")
+  g("icon-ai2-large")
 ], a);
 export {
   a as IconAi2Large

package/dist/IconAiFilled.js

@@ -1,18 +1,18 @@
 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 = (o, t, r, l) => {
-  for (var e = l > 1 ? void 0 : l ? v(t, r) : t, i = o.length - 1, c; i >= 0; i--)
-    (c = o[i]) && (e = (l ? c(t, r, e) : c(e)) || e);
-  return l && e && m(t, r, e), e;
+import { PieIconComponent as f } from "./PieIconComponent.js";
+import { safeCustomElement as h } from "@justeattakeaway/pie-webc-core";
+var m = Object.defineProperty, v = Object.getOwnPropertyDescriptor, a = (o, l, i, t) => {
+  for (var e = t > 1 ? void 0 : t ? v(l, i) : l, r = o.length - 1, c; r >= 0; r--)
+    (c = o[r]) && (e = (t ? c(l, i, e) : c(e)) || e);
+  return t && e && m(l, i, e), e;
 };
-let s = class extends h {
+let s = class extends f {
   constructor() {
     super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--aiFilled", this.class = "c-pieIcon c-pieIcon--aiFilled", this.name = "IconAiFilled";
   }
   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--aiFilled"><path d="M14.65 8.665s-.079-.035-.122-.044l-1.4-.385a4.405 4.405 0 0 1-1.873-1.041c-.061-.052-.114-.114-.166-.166a4.404 4.404 0 0 1-1.041-1.873l-.385-1.4s-.027-.087-.044-.122a.534.534 0 0 0-.473-.28c-.21 0-.42.114-.507.35l-.455 1.54a4.415 4.415 0 0 1-.849 1.601c-.026.035-.052.061-.079.096a4.423 4.423 0 0 1-2.135 1.313l-1.373.376s-.088.026-.123.044a.543.543 0 0 0 0 .945.506.506 0 0 0 .123.044l1.373.376a4.424 4.424 0 0 1 2.135 1.312c.027.035.053.061.08.096.393.464.673 1.016.848 1.602l.455 1.54c.087.236.297.35.507.35a.534.534 0 0 0 .473-.28.505.505 0 0 0 .044-.123l.385-1.4c.192-.7.542-1.347 1.041-1.872.053-.061.114-.114.166-.166a4.404 4.404 0 0 1 1.873-1.042l1.4-.385s.087-.026.122-.043a.543.543 0 0 0 0-.945v-.018Z"></path><path d="M3.52 5.987a.232.232 0 0 0 .202-.122c.008-.018.017-.035.017-.053l.166-.595c.08-.297.237-.577.447-.796.026-.026.043-.052.07-.07.227-.21.498-.367.796-.446l.595-.166s.035-.009.052-.018a.23.23 0 0 0 0-.402C5.848 3.31 5.83 3.3 5.813 3.3l-.595-.166a1.844 1.844 0 0 1-.796-.446c-.027-.027-.053-.044-.07-.07a1.895 1.895 0 0 1-.447-.797l-.166-.595s-.009-.035-.017-.052a.232.232 0 0 0-.202-.123.243.243 0 0 0-.218.15l-.193.655c-.07.254-.192.482-.359.683-.008.017-.026.026-.035.044-.245.271-.56.463-.91.56L1.22 3.3s-.035.009-.052.018c-.167.078-.167.315 0 .402a.124.124 0 0 0 .052.018l.586.157c.35.096.665.289.91.56.01.018.027.026.035.044.167.201.29.437.36.682l.192.657a.226.226 0 0 0 .218.148Z"></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--aiFilled"><path d="M14.65 8.665s-.079-.035-.122-.044l-1.4-.385a4.405 4.405 0 0 1-1.873-1.041c-.061-.052-.114-.114-.166-.166a4.404 4.404 0 0 1-1.041-1.873l-.385-1.4s-.027-.087-.044-.122a.534.534 0 0 0-.473-.28c-.21 0-.42.114-.507.35l-.455 1.54a4.415 4.415 0 0 1-.849 1.601c-.026.035-.052.061-.079.096a4.423 4.423 0 0 1-2.135 1.313l-1.373.376s-.088.026-.123.044a.543.543 0 0 0 0 .945.506.506 0 0 0 .123.044l1.373.376a4.424 4.424 0 0 1 2.135 1.312c.027.035.053.061.08.096.393.464.673 1.016.848 1.602l.455 1.54c.087.236.297.35.507.35a.534.534 0 0 0 .473-.28.505.505 0 0 0 .044-.123l.385-1.4c.192-.7.542-1.347 1.041-1.872.053-.061.114-.114.166-.166a4.404 4.404 0 0 1 1.873-1.042l1.4-.385s.087-.026.122-.043a.543.543 0 0 0 0-.945v-.018Z"></path><path d="M3.52 5.987a.232.232 0 0 0 .202-.122c.008-.018.017-.035.017-.053l.166-.595c.08-.297.237-.577.447-.796.026-.026.043-.052.07-.07.227-.21.498-.367.796-.446l.595-.166s.035-.009.052-.018a.23.23 0 0 0 0-.402C5.848 3.31 5.83 3.3 5.813 3.3l-.595-.166a1.844 1.844 0 0 1-.796-.446c-.027-.027-.053-.044-.07-.07a1.895 1.895 0 0 1-.447-.797l-.166-.595s-.009-.035-.017-.052a.232.232 0 0 0-.202-.123.243.243 0 0 0-.218.15l-.193.655c-.07.254-.192.482-.359.683-.008.017-.026.026-.035.044-.245.271-.56.463-.91.56L1.22 3.3s-.035.009-.052.018c-.167.078-.167.315 0 .402a.124.124 0 0 0 .052.018l.586.157c.35.096.665.289.91.56.01.018.027.026.035.044.167.201.29.437.36.682l.192.657a.226.226 0 0 0 .218.148Z"></path></svg>`;
   }
 };
 a([
@@ -22,7 +22,7 @@ a([
   p({ type: String, reflect: !0 })
 ], s.prototype, "class", 2);
 s = a([
-  f("icon-ai-filled")
+  h("icon-ai-filled")
 ], s);
 export {
   s as IconAiFilled

package/dist/IconAiFilledLarge.js

@@ -1,18 +1,18 @@
 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";
+import { PieIconComponent as f } from "./PieIconComponent.js";
+import { safeCustomElement as h } from "@justeattakeaway/pie-webc-core";
 var g = Object.defineProperty, m = Object.getOwnPropertyDescriptor, c = (o, l, a, t) => {
   for (var e = t > 1 ? void 0 : t ? m(l, a) : l, i = o.length - 1, s; i >= 0; i--)
     (s = o[i]) && (e = (t ? s(l, a, e) : s(e)) || e);
   return t && e && g(l, a, e), e;
 };
-let r = class extends h {
+let r = class extends f {
   constructor() {
     super(...arguments), this.size = 32, this.defaultClasses = "c-pieIcon c-pieIcon--aiFilledLarge", this.class = "c-pieIcon c-pieIcon--aiFilledLarge", this.name = "IconAiFilledLarge";
   }
   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--aiFilledLarge"><path d="M28.582 17.313a.694.694 0 0 0-.236-.088l-2.642-.726a8.224 8.224 0 0 1-3.535-1.969l-.315-.315a8.224 8.224 0 0 1-1.969-3.535l-.726-2.643a2.565 2.565 0 0 0-.088-.236 1.008 1.008 0 0 0-.892-.525.992.992 0 0 0-.954.665l-.858 2.914c-.323 1.102-.857 2.144-1.6 3.019a3.138 3.138 0 0 1-.158.175c-1.068 1.199-2.476 2.038-4.025 2.467l-2.582.709a2.565 2.565 0 0 0-.236.087c-.7.377-.7 1.41 0 1.785.07.044.149.07.236.088l2.582.709c1.549.429 2.957 1.269 4.025 2.467.052.061.105.123.157.175a8.31 8.31 0 0 1 1.601 3.019l.858 2.914a1 1 0 0 0 .954.665c.35 0 .7-.175.892-.525a.693.693 0 0 0 .088-.237l.726-2.642a8.223 8.223 0 0 1 1.969-3.535l.315-.315a8.225 8.225 0 0 1 3.535-1.969l2.642-.726c.079-.026.158-.052.236-.087.7-.377.7-1.41 0-1.785Z"></path><path d="M7.582 12.264a.448.448 0 0 0 .385-.228.426.426 0 0 0 .035-.096l.306-1.129c.158-.56.438-1.085.84-1.505l.132-.131c.42-.403.945-.683 1.505-.84l1.128-.306s.07-.018.097-.035a.436.436 0 0 0 0-.762.427.427 0 0 0-.097-.035l-1.128-.306a3.562 3.562 0 0 1-1.505-.84l-.132-.131a3.562 3.562 0 0 1-.84-1.505l-.306-1.129s-.017-.07-.035-.096a.428.428 0 0 0-.385-.228.439.439 0 0 0-.411.28l-.368 1.243a3.576 3.576 0 0 1-.752 1.365A3.541 3.541 0 0 1 4.336 6.9l-1.103.306s-.07.018-.096.035a.436.436 0 0 0 0 .761.427.427 0 0 0 .096.035l1.103.307c.656.183 1.26.542 1.715 1.05.026.026.044.052.07.078.315.377.542.814.682 1.287L7.171 12c.07.193.236.28.411.28v-.017Z"></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--aiFilledLarge"><path d="M28.582 17.313a.694.694 0 0 0-.236-.088l-2.642-.726a8.224 8.224 0 0 1-3.535-1.969l-.315-.315a8.224 8.224 0 0 1-1.969-3.535l-.726-2.643a2.565 2.565 0 0 0-.088-.236 1.008 1.008 0 0 0-.892-.525.992.992 0 0 0-.954.665l-.858 2.914c-.323 1.102-.857 2.144-1.6 3.019a3.138 3.138 0 0 1-.158.175c-1.068 1.199-2.476 2.038-4.025 2.467l-2.582.709a2.565 2.565 0 0 0-.236.087c-.7.377-.7 1.41 0 1.785.07.044.149.07.236.088l2.582.709c1.549.429 2.957 1.269 4.025 2.467.052.061.105.123.157.175a8.31 8.31 0 0 1 1.601 3.019l.858 2.914a1 1 0 0 0 .954.665c.35 0 .7-.175.892-.525a.693.693 0 0 0 .088-.237l.726-2.642a8.223 8.223 0 0 1 1.969-3.535l.315-.315a8.225 8.225 0 0 1 3.535-1.969l2.642-.726c.079-.026.158-.052.236-.087.7-.377.7-1.41 0-1.785Z"></path><path d="M7.582 12.264a.448.448 0 0 0 .385-.228.426.426 0 0 0 .035-.096l.306-1.129c.158-.56.438-1.085.84-1.505l.132-.131c.42-.403.945-.683 1.505-.84l1.128-.306s.07-.018.097-.035a.436.436 0 0 0 0-.762.427.427 0 0 0-.097-.035l-1.128-.306a3.562 3.562 0 0 1-1.505-.84l-.132-.131a3.562 3.562 0 0 1-.84-1.505l-.306-1.129s-.017-.07-.035-.096a.428.428 0 0 0-.385-.228.439.439 0 0 0-.411.28l-.368 1.243a3.576 3.576 0 0 1-.752 1.365A3.541 3.541 0 0 1 4.336 6.9l-1.103.306s-.07.018-.096.035a.436.436 0 0 0 0 .761.427.427 0 0 0 .096.035l1.103.307c.656.183 1.26.542 1.715 1.05.026.026.044.052.07.078.315.377.542.814.682 1.287L7.171 12c.07.193.236.28.411.28v-.017Z"></path></svg>`;
   }
 };
 c([
@@ -22,7 +22,7 @@ c([
   p({ type: String, reflect: !0 })
 ], r.prototype, "class", 2);
 r = c([
-  f("icon-ai-filled-large")
+  h("icon-ai-filled-large")
 ], r);
 export {
   r as IconAiFilledLarge

package/dist/IconAiLarge.js

@@ -1,29 +1,29 @@
 import { html as n } from "lit";
 import { property as p } from "lit/decorators.js";
 import { PieIconComponent as h } from "./PieIconComponent.js";
-import { safeCustomElement as g } from "@justeattakeaway/pie-webc-core";
-var f = Object.defineProperty, m = Object.getOwnPropertyDescriptor, o = (i, t, l, a) => {
-  for (var e = a > 1 ? void 0 : a ? m(t, l) : t, c = i.length - 1, s; c >= 0; c--)
-    (s = i[c]) && (e = (a ? s(t, l, e) : s(e)) || e);
-  return a && e && f(t, l, e), e;
+import { safeCustomElement as f } from "@justeattakeaway/pie-webc-core";
+var g = Object.defineProperty, m = Object.getOwnPropertyDescriptor, i = (o, t, r, l) => {
+  for (var e = l > 1 ? void 0 : l ? m(t, r) : t, c = o.length - 1, s; c >= 0; c--)
+    (s = o[c]) && (e = (l ? s(t, r, e) : s(e)) || e);
+  return l && e && g(t, r, e), e;
 };
-let r = class extends h {
+let a = class extends h {
   constructor() {
     super(...arguments), this.size = 32, this.defaultClasses = "c-pieIcon c-pieIcon--aiLarge", this.class = "c-pieIcon c-pieIcon--aiLarge", this.name = "IconAiLarge";
   }
   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--aiLarge"><path d="M28.582 17.313a.694.694 0 0 0-.236-.088l-2.642-.726a8.224 8.224 0 0 1-3.535-1.969l-.315-.315a8.224 8.224 0 0 1-1.969-3.535l-.726-2.643a2.565 2.565 0 0 0-.088-.236 1.008 1.008 0 0 0-.892-.525.992.992 0 0 0-.954.665l-.858 2.914c-.323 1.102-.857 2.144-1.6 3.019a3.138 3.138 0 0 1-.158.175c-1.068 1.199-2.476 2.038-4.025 2.467l-2.582.709a2.565 2.565 0 0 0-.236.087c-.7.377-.7 1.41 0 1.785.07.044.149.07.236.088l2.582.709c1.549.429 2.957 1.269 4.025 2.467.052.061.105.123.157.175a8.31 8.31 0 0 1 1.601 3.019l.858 2.914a1 1 0 0 0 .954.665c.35 0 .7-.175.892-.525a.693.693 0 0 0 .088-.237l.726-2.642a8.223 8.223 0 0 1 1.969-3.535l.315-.315a8.225 8.225 0 0 1 3.535-1.969l2.642-.726c.079-.026.158-.052.236-.087.7-.377.7-1.41 0-1.785Zm-3.342.91a10.125 10.125 0 0 0-4.279 2.388 7.63 7.63 0 0 0-.376.377c-1.12 1.172-1.943 2.65-2.389 4.278l-.044.167-.105-.368a10.017 10.017 0 0 0-1.942-3.658l-.184-.21c-1.277-1.434-2.957-2.467-4.865-2.992h-.017l.017-.009c1.908-.525 3.597-1.557 4.865-2.992l.184-.21a10.017 10.017 0 0 0 1.942-3.658l.105-.367.044.166a10.125 10.125 0 0 0 2.389 4.279c.122.131.245.254.376.376 1.173 1.12 2.652 1.943 4.279 2.389l.079.017-.079.018v.009Z"></path><path d="M7.583 12.264a.448.448 0 0 0 .385-.228.426.426 0 0 0 .035-.096l.306-1.129c.157-.56.437-1.085.84-1.505l.131-.131c.42-.403.945-.683 1.505-.84l1.129-.306s.07-.018.096-.035a.436.436 0 0 0 0-.762.427.427 0 0 0-.096-.035l-1.129-.306a3.562 3.562 0 0 1-1.505-.84L9.15 5.92a3.562 3.562 0 0 1-.84-1.505l-.306-1.129s-.018-.07-.035-.096a.428.428 0 0 0-.385-.228.439.439 0 0 0-.412.28l-.367 1.243A3.576 3.576 0 0 1 6.05 5.85 3.541 3.541 0 0 1 4.336 6.9l-1.102.306s-.07.018-.096.035a.436.436 0 0 0 0 .761.427.427 0 0 0 .096.035l1.102.307c.657.183 1.26.542 1.715 1.05.027.026.044.052.07.078.315.377.543.814.683 1.287L7.17 12c.07.193.237.28.412.28v-.017Z"></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--aiLarge"><path d="M28.582 17.313a.694.694 0 0 0-.236-.088l-2.642-.726a8.224 8.224 0 0 1-3.535-1.969l-.315-.315a8.224 8.224 0 0 1-1.969-3.535l-.726-2.643a2.565 2.565 0 0 0-.088-.236 1.008 1.008 0 0 0-.892-.525.992.992 0 0 0-.954.665l-.858 2.914c-.323 1.102-.857 2.144-1.6 3.019a3.138 3.138 0 0 1-.158.175c-1.068 1.199-2.476 2.038-4.025 2.467l-2.582.709a2.565 2.565 0 0 0-.236.087c-.7.377-.7 1.41 0 1.785.07.044.149.07.236.088l2.582.709c1.549.429 2.957 1.269 4.025 2.467.052.061.105.123.157.175a8.31 8.31 0 0 1 1.601 3.019l.858 2.914a1 1 0 0 0 .954.665c.35 0 .7-.175.892-.525a.693.693 0 0 0 .088-.237l.726-2.642a8.223 8.223 0 0 1 1.969-3.535l.315-.315a8.225 8.225 0 0 1 3.535-1.969l2.642-.726c.079-.026.158-.052.236-.087.7-.377.7-1.41 0-1.785Zm-3.342.91a10.125 10.125 0 0 0-4.279 2.388 7.63 7.63 0 0 0-.376.377c-1.12 1.172-1.943 2.65-2.389 4.278l-.044.167-.105-.368a10.017 10.017 0 0 0-1.942-3.658l-.184-.21c-1.277-1.434-2.957-2.467-4.865-2.992h-.017l.017-.009c1.908-.525 3.597-1.557 4.865-2.992l.184-.21a10.017 10.017 0 0 0 1.942-3.658l.105-.367.044.166a10.125 10.125 0 0 0 2.389 4.279c.122.131.245.254.376.376 1.173 1.12 2.652 1.943 4.279 2.389l.079.017-.079.018v.009Z"></path><path d="M7.583 12.264a.448.448 0 0 0 .385-.228.426.426 0 0 0 .035-.096l.306-1.129c.157-.56.437-1.085.84-1.505l.131-.131c.42-.403.945-.683 1.505-.84l1.129-.306s.07-.018.096-.035a.436.436 0 0 0 0-.762.427.427 0 0 0-.096-.035l-1.129-.306a3.562 3.562 0 0 1-1.505-.84L9.15 5.92a3.562 3.562 0 0 1-.84-1.505l-.306-1.129s-.018-.07-.035-.096a.428.428 0 0 0-.385-.228.439.439 0 0 0-.412.28l-.367 1.243A3.576 3.576 0 0 1 6.05 5.85 3.541 3.541 0 0 1 4.336 6.9l-1.102.306s-.07.018-.096.035a.436.436 0 0 0 0 .761.427.427 0 0 0 .096.035l1.102.307c.657.183 1.26.542 1.715 1.05.027.026.044.052.07.078.315.377.543.814.683 1.287L7.17 12c.07.193.237.28.412.28v-.017Z"></path></svg>`;
   }
 };
-o([
+i([
   p({ type: String, reflect: !0 })
-], r.prototype, "size", 2);
-o([
+], a.prototype, "size", 2);
+i([
   p({ type: String, reflect: !0 })
-], r.prototype, "class", 2);
-r = o([
-  g("icon-ai-large")
-], r);
+], a.prototype, "class", 2);
+a = i([
+  f("icon-ai-large")
+], a);
 export {
-  r as IconAiLarge
+  a as IconAiLarge
 };

package/dist/IconAlcohol.js

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

package/dist/IconAlcoholFilled.js

@@ -2,28 +2,28 @@ import { html as n } from "lit";
 import { property as h } from "lit/decorators.js";
 import { PieIconComponent as a } from "./PieIconComponent.js";
 import { safeCustomElement as v } from "@justeattakeaway/pie-webc-core";
-var f = Object.defineProperty, m = Object.getOwnPropertyDescriptor, i = (p, o, r, t) => {
-  for (var e = t > 1 ? void 0 : t ? m(o, r) : o, c = p.length - 1, s; c >= 0; c--)
-    (s = p[c]) && (e = (t ? s(o, r, e) : s(e)) || e);
-  return t && e && f(o, r, e), e;
+var f = Object.defineProperty, m = Object.getOwnPropertyDescriptor, i = (p, t, r, l) => {
+  for (var e = l > 1 ? void 0 : l ? m(t, r) : t, c = p.length - 1, s; c >= 0; c--)
+    (s = p[c]) && (e = (l ? s(t, r, e) : s(e)) || e);
+  return l && e && f(t, r, e), e;
 };
-let l = class extends a {
+let o = class extends a {
   constructor() {
     super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--alcoholFilled", this.class = "c-pieIcon c-pieIcon--alcoholFilled", this.name = "IconAlcoholFilled";
   }
   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--alcoholFilled"><path d="M6.396 5.28V2.576c0-.419-.17-.82-.47-1.115A1.623 1.623 0 0 0 4.788 1h-.68c-.426 0-.834.166-1.136.462-.301.295-.47.696-.47 1.115v2.702a2.111 2.111 0 0 1-.533 1.424 4.668 4.668 0 0 0-.964 3.08v3.604c-.015.401.132.792.409 1.087.277.295.66.471 1.07.49h3.93a1.565 1.565 0 0 0 1.069-.49c.277-.295.424-.686.409-1.087V9.784a4.613 4.613 0 0 0-.918-3.054 2.113 2.113 0 0 1-.579-1.45ZM5.02 5.026v.252c-.008.797.268 1.571.78 2.19.161.225.302.463.423.711H2.677c.124-.248.268-.487.432-.712A3.427 3.427 0 0 0 3.88 5.28v-.225l1.139-.027Z"></path><path d="M8.6 3.081v4c0 .713.249 1.405.705 1.96a3.196 3.196 0 0 0 1.802 1.094v3.514h-1.46V15h4.297v-1.351h-1.46v-3.514a3.205 3.205 0 0 0 1.806-1.093 3.098 3.098 0 0 0 .71-1.96v-4H8.6Z"></path></svg>`;
+    return 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--alcoholFilled"><path d="M6.396 5.28V2.576c0-.419-.17-.82-.47-1.115A1.623 1.623 0 0 0 4.788 1h-.68c-.426 0-.834.166-1.136.462-.301.295-.47.696-.47 1.115v2.702a2.111 2.111 0 0 1-.533 1.424 4.668 4.668 0 0 0-.964 3.08v3.604c-.015.401.132.792.409 1.087.277.295.66.471 1.07.49h3.93a1.565 1.565 0 0 0 1.069-.49c.277-.295.424-.686.409-1.087V9.784a4.613 4.613 0 0 0-.918-3.054 2.113 2.113 0 0 1-.579-1.45ZM5.02 5.026v.252c-.008.797.268 1.571.78 2.19.161.225.302.463.423.711H2.677c.124-.248.268-.487.432-.712A3.427 3.427 0 0 0 3.88 5.28v-.225l1.139-.027Z"></path><path d="M8.6 3.081v4c0 .713.249 1.405.705 1.96a3.196 3.196 0 0 0 1.802 1.094v3.514h-1.46V15h4.297v-1.351h-1.46v-3.514a3.205 3.205 0 0 0 1.806-1.093 3.098 3.098 0 0 0 .71-1.96v-4H8.6Z"></path></svg>`;
   }
 };
 i([
   h({ type: String, reflect: !0 })
-], l.prototype, "size", 2);
+], o.prototype, "size", 2);
 i([
   h({ type: String, reflect: !0 })
-], l.prototype, "class", 2);
-l = i([
+], o.prototype, "class", 2);
+o = i([
   v("icon-alcohol-filled")
-], l);
+], o);
 export {
-  l as IconAlcoholFilled
+  o as IconAlcoholFilled
 };