@justeattakeaway/pie-icons-webc 1.24.0 → 1.24.2

package/dist/IconSocialLinkedinStatic.js

@@ -12,7 +12,7 @@ let l = class extends f {
     super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--linkedinStatic", this.class = "c-pieIcon c-pieIcon--linkedinStatic", this.name = "IconSocialLinkedinStatic";
   }
   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--linkedinStatic"><path fill="#069" d="M2 2.86A.87.87 0 0 1 2.881 2h10.162a.87.87 0 0 1 .881.86v10.28a.87.87 0 0 1-.88.86H2.88A.87.87 0 0 1 2 13.14V2.86Z"></path><path fill="#fff" fill-rule="evenodd" d="M5.614 12.045V6.627h-1.8v5.418h1.8Zm-.9-6.158c.628 0 1.019-.416 1.019-.936-.012-.532-.391-.937-1.007-.937-.616 0-1.02.405-1.02.937 0 .52.392.936.996.936h.012Z" clip-rule="evenodd"></path><path fill="#fff" fill-rule="evenodd" d="M6.61 12.045h1.802V9.02c0-.162.012-.324.06-.44.13-.323.426-.658.923-.658.652 0 .913.497.913 1.225v2.9h1.8V8.937c0-1.664-.888-2.439-2.073-2.439-.971 0-1.398.544-1.635.913h.012v-.785H6.611c.024.508 0 5.418 0 5.418Z" 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--linkedinStatic"><path fill="#069" d="M2 2.86A.87.87 0 0 1 2.881 2h10.162a.87.87 0 0 1 .881.86v10.28a.87.87 0 0 1-.88.86H2.88A.87.87 0 0 1 2 13.14z"></path><path fill="#fff" fill-rule="evenodd" d="M5.614 12.045V6.627h-1.8v5.418zm-.9-6.158c.628 0 1.019-.416 1.019-.936-.012-.532-.391-.937-1.007-.937s-1.02.405-1.02.937c0 .52.392.936.996.936z" clip-rule="evenodd"></path><path fill="#fff" fill-rule="evenodd" d="M6.61 12.045h1.802V9.02c0-.162.012-.324.06-.44.13-.323.426-.658.923-.658.652 0 .913.497.913 1.225v2.9h1.8V8.937c0-1.664-.888-2.439-2.073-2.439-.971 0-1.398.544-1.635.913h.012v-.785H6.611c.024.508 0 5.418 0 5.418" clip-rule="evenodd"></path></svg>`;
   }
 };
 n([

package/dist/IconSocialLinkedinStaticLarge.js

@@ -3,8 +3,8 @@ 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, d = Object.getOwnPropertyDescriptor, n = (s, t, l, i) => {
-  for (var e = i > 1 ? void 0 : i ? d(t, l) : t, o = s.length - 1, c; o >= 0; o--)
-    (c = s[o]) && (e = (i ? c(t, l, e) : c(e)) || e);
+  for (var e = i > 1 ? void 0 : i ? d(t, l) : t, c = s.length - 1, o; c >= 0; c--)
+    (o = s[c]) && (e = (i ? o(t, l, e) : o(e)) || e);
   return i && e && v(t, l, e), e;
 };
 let r = class extends f {
@@ -12,7 +12,7 @@ let r = class extends f {
     super(...arguments), this.size = 32, this.defaultClasses = "c-pieIcon c-pieIcon--linkedinStaticLarge", this.class = "c-pieIcon c-pieIcon--linkedinStaticLarge", this.name = "IconSocialLinkedinStaticLarge";
   }
   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--linkedinStaticLarge"><path fill="#069" d="M4 5.72C4 4.77 4.794 4 5.774 4h20.452C27.206 4 28 4.77 28 5.72v20.56c0 .95-.794 1.72-1.774 1.72H5.774C4.794 28 4 27.23 4 26.28V5.72Z"></path><path fill="#fff" fill-rule="evenodd" d="M11.274 24.09V13.253H7.65V24.09h3.625ZM9.462 11.774c1.264 0 2.05-.833 2.05-1.873-.023-1.063-.786-1.872-2.026-1.872-1.24 0-2.05.809-2.05 1.872 0 1.04.786 1.873 2.002 1.873h.024Z" clip-rule="evenodd"></path><path fill="#fff" fill-rule="evenodd" d="M13.28 24.09h3.625v-6.052c0-.323.024-.647.12-.878.262-.648.858-1.318 1.86-1.318 1.311 0 1.836.994 1.836 2.45v5.798h3.625v-6.213c0-3.33-1.789-4.878-4.174-4.878-1.955 0-2.814 1.086-3.29 1.826h.023v-1.572H13.28c.048 1.017 0 10.837 0 10.837Z" 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 32 32" class="c-pieIcon c-pieIcon--linkedinStaticLarge"><path fill="#069" d="M4 5.72C4 4.77 4.794 4 5.774 4h20.452C27.206 4 28 4.77 28 5.72v20.56c0 .95-.794 1.72-1.774 1.72H5.774C4.794 28 4 27.23 4 26.28z"></path><path fill="#fff" fill-rule="evenodd" d="M11.274 24.09V13.253H7.65V24.09zM9.462 11.774c1.264 0 2.05-.833 2.05-1.873-.023-1.063-.786-1.872-2.026-1.872s-2.05.809-2.05 1.872c0 1.04.786 1.873 2.002 1.873z" clip-rule="evenodd"></path><path fill="#fff" fill-rule="evenodd" d="M13.28 24.09h3.625v-6.052c0-.323.024-.647.12-.878.262-.648.858-1.318 1.86-1.318 1.311 0 1.836.994 1.836 2.45v5.798h3.625v-6.213c0-3.33-1.789-4.878-4.174-4.878-1.955 0-2.814 1.086-3.29 1.826h.023v-1.572H13.28c.048 1.017 0 10.837 0 10.837" clip-rule="evenodd"></path></svg>`;
   }
 };
 n([

package/dist/IconSocialMicrosoftCircle.js

@@ -2,8 +2,8 @@ import { html as h } from "lit";
 import { property as a } from "lit/decorators.js";
 import { PieIconComponent as n } from "./PieIconComponent.js";
 import { safeCustomElement as f } from "@justeattakeaway/pie-webc-core";
-var m = Object.defineProperty, v = Object.getOwnPropertyDescriptor, p = (l, e, i, r) => {
-  for (var t = r > 1 ? void 0 : r ? v(e, i) : e, s = l.length - 1, c; s >= 0; s--)
+var m = Object.defineProperty, u = Object.getOwnPropertyDescriptor, p = (l, e, i, r) => {
+  for (var t = r > 1 ? void 0 : r ? u(e, i) : e, s = l.length - 1, c; s >= 0; s--)
     (c = l[s]) && (t = (r ? c(e, i, t) : c(t)) || t);
   return r && t && m(e, i, t), t;
 };
@@ -12,7 +12,7 @@ let o = class extends n {
     super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--microsoftCircle", this.class = "c-pieIcon c-pieIcon--microsoftCircle", this.name = "IconSocialMicrosoftCircle";
   }
   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--microsoftCircle"><path d="M8 1.175A6.781 6.781 0 1 0 14.78 8 6.79 6.79 0 0 0 8 1.175Zm0 12.25A5.468 5.468 0 1 1 8 2.49a5.468 5.468 0 0 1 0 10.936Z"></path><path d="M7.71 11H5V8.285h2.726L7.71 11Z"></path><path d="M11 11H8.274V8.285H11V11Z"></path><path d="M7.71 7.715H5V5h2.726L7.71 7.715Z"></path><path d="M11 7.715H8.274V5H11v2.715Z"></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--microsoftCircle"><path d="M8 1.175A6.781 6.781 0 1 0 14.78 8 6.79 6.79 0 0 0 8 1.175m0 12.25A5.468 5.468 0 1 1 8 2.49a5.468 5.468 0 0 1 0 10.936"></path><path d="M7.71 11H5V8.285h2.726z"></path><path d="M11 11H8.274V8.285H11z"></path><path d="M7.71 7.715H5V5h2.726z"></path><path d="M11 7.715H8.274V5H11z"></path></svg>`;
   }
 };
 p([

package/dist/IconSocialMicrosoftCircleFilled.js

@@ -2,8 +2,8 @@ import { html as f } from "lit";
 import { property as n } from "lit/decorators.js";
 import { PieIconComponent as m } from "./PieIconComponent.js";
 import { safeCustomElement as h } from "@justeattakeaway/pie-webc-core";
-var a = Object.defineProperty, v = Object.getOwnPropertyDescriptor, c = (p, r, t, i) => {
-  for (var e = i > 1 ? void 0 : i ? v(r, t) : r, l = p.length - 1, s; l >= 0; l--)
+var a = Object.defineProperty, d = Object.getOwnPropertyDescriptor, c = (p, r, t, i) => {
+  for (var e = i > 1 ? void 0 : i ? d(r, t) : r, l = p.length - 1, s; l >= 0; l--)
     (s = p[l]) && (e = (i ? s(r, t, e) : s(e)) || e);
   return i && e && a(r, t, e), e;
 };
@@ -12,7 +12,7 @@ let o = class extends m {
     super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--microsoftCircleFilled", this.class = "c-pieIcon c-pieIcon--microsoftCircleFilled", this.name = "IconSocialMicrosoftCircleFilled";
   }
   render() {
-    return f`<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--microsoftCircleFilled"><path fill-rule="evenodd" d="M4.237 2.315A6.781 6.781 0 0 1 8 1.175 6.79 6.79 0 0 1 14.78 8 6.781 6.781 0 1 1 4.237 2.315Zm3.473 5.4H5V5h2.726L7.71 7.715ZM5 11h2.71l.016-2.715H5V11Zm3.274 0H11V8.285H8.274V11Zm0-3.285H11V5H8.274v2.715Z" clip-rule="evenodd"></path></svg>`;
+    return f`<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--microsoftCircleFilled"><path fill-rule="evenodd" d="M4.237 2.315A6.8 6.8 0 0 1 8 1.175 6.79 6.79 0 0 1 14.78 8 6.781 6.781 0 1 1 4.237 2.315m3.473 5.4H5V5h2.726zM5 11h2.71l.016-2.715H5zm3.274 0H11V8.285H8.274zm0-3.285H11V5H8.274z" clip-rule="evenodd"></path></svg>`;
   }
 };
 c([

package/dist/IconSocialMicrosoftCircleFilledLarge.js

@@ -2,8 +2,8 @@ import { html as f } from "lit";
 import { property as n } from "lit/decorators.js";
 import { PieIconComponent as a } from "./PieIconComponent.js";
 import { safeCustomElement as m } from "@justeattakeaway/pie-webc-core";
-var h = Object.defineProperty, v = Object.getOwnPropertyDescriptor, c = (p, r, t, i) => {
-  for (var e = i > 1 ? void 0 : i ? v(r, t) : r, l = p.length - 1, s; l >= 0; l--)
+var h = Object.defineProperty, g = Object.getOwnPropertyDescriptor, c = (p, r, t, i) => {
+  for (var e = i > 1 ? void 0 : i ? g(r, t) : r, l = p.length - 1, s; l >= 0; l--)
     (s = p[l]) && (e = (i ? s(r, t, e) : s(e)) || e);
   return i && e && h(r, t, e), e;
 };
@@ -12,7 +12,7 @@ let o = class extends a {
     super(...arguments), this.size = 32, this.defaultClasses = "c-pieIcon c-pieIcon--microsoftCircleFilledLarge", this.class = "c-pieIcon c-pieIcon--microsoftCircleFilledLarge", this.name = "IconSocialMicrosoftCircleFilledLarge";
   }
   render() {
-    return f`<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--microsoftCircleFilledLarge"><path fill-rule="evenodd" d="M16 28.25a12.25 12.25 0 1 1 0-24.5 12.25 12.25 0 0 1 0 24.5ZM15.5 10H10v5.5h5.5V10Zm0 6.5H10V22h5.5v-5.5Zm1-6.5H22v5.5h-5.5V10Zm5.5 6.5h-5.5V22H22v-5.5Z" clip-rule="evenodd"></path></svg>`;
+    return f`<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--microsoftCircleFilledLarge"><path fill-rule="evenodd" d="M16 28.25a12.25 12.25 0 1 1 0-24.5 12.25 12.25 0 0 1 0 24.5M15.5 10H10v5.5h5.5zm0 6.5H10V22h5.5zm1-6.5H22v5.5h-5.5zm5.5 6.5h-5.5V22H22z" clip-rule="evenodd"></path></svg>`;
   }
 };
 c([

package/dist/IconSocialMicrosoftCircleLarge.js

@@ -12,7 +12,7 @@ let o = class extends n {
     super(...arguments), this.size = 32, this.defaultClasses = "c-pieIcon c-pieIcon--microsoftCircleLarge", this.class = "c-pieIcon c-pieIcon--microsoftCircleLarge", this.name = "IconSocialMicrosoftCircleLarge";
   }
   render() {
-    return h`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--microsoftCircleLarge"><path d="M16 28.25a12.25 12.25 0 1 1 0-24.5 12.25 12.25 0 0 1 0 24.5ZM16 5.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21Z"></path><path d="M10 10h5.5v5.5H10V10Z"></path><path d="M10 16.5h5.5V22H10v-5.5Z"></path><path d="M16.5 10H22v5.5h-5.5V10Z"></path><path d="M16.5 16.5H22V22h-5.5v-5.5Z"></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 32 32" class="c-pieIcon c-pieIcon--microsoftCircleLarge"><path d="M16 28.25a12.25 12.25 0 1 1 0-24.5 12.25 12.25 0 0 1 0 24.5M16 5.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21"></path><path d="M10 10h5.5v5.5H10z"></path><path d="M10 16.5h5.5V22H10z"></path><path d="M16.5 10H22v5.5h-5.5z"></path><path d="M16.5 16.5H22V22h-5.5z"></path></svg>`;
   }
 };
 p([

package/dist/IconSocialMicrosoftLargeStatic.js

@@ -2,9 +2,9 @@ import { html as f } from "lit";
 import { property as p } from "lit/decorators.js";
 import { PieIconComponent as h } from "./PieIconComponent.js";
 import { safeCustomElement as n } from "@justeattakeaway/pie-webc-core";
-var m = Object.defineProperty, g = Object.getOwnPropertyDescriptor, l = (a, e, i, r) => {
-  for (var t = r > 1 ? void 0 : r ? g(e, i) : e, s = a.length - 1, c; s >= 0; s--)
-    (c = a[s]) && (t = (r ? c(e, i, t) : c(t)) || t);
+var m = Object.defineProperty, g = Object.getOwnPropertyDescriptor, a = (l, e, i, r) => {
+  for (var t = r > 1 ? void 0 : r ? g(e, i) : e, s = l.length - 1, c; s >= 0; s--)
+    (c = l[s]) && (t = (r ? c(e, i, t) : c(t)) || t);
   return r && t && m(e, i, t), t;
 };
 let o = class extends h {
@@ -12,16 +12,16 @@ let o = class extends h {
     super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--microsoftLargeStatic", this.class = "c-pieIcon c-pieIcon--microsoftLargeStatic", this.name = "IconSocialMicrosoftLargeStatic";
   }
   render() {
-    return f`<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--microsoftLargeStatic"><path fill="#F15121" d="M4 4h11v11H4V4Z"></path><path fill="#00A3EE" d="M4 17h11v11H4V17Z"></path><path fill="#7EB801" d="M17 4h11v11H17V4Z"></path><path fill="#FFB700" d="M17 17h11v11H17V17Z"></path></svg>`;
+    return f`<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--microsoftLargeStatic"><path fill="#f15121" d="M4 4h11v11H4z"></path><path fill="#00a3ee" d="M4 17h11v11H4z"></path><path fill="#7eb801" d="M17 4h11v11H17z"></path><path fill="#ffb700" d="M17 17h11v11H17z"></path></svg>`;
   }
 };
-l([
+a([
   p({ type: String, reflect: !0 })
 ], o.prototype, "size", 2);
-l([
+a([
   p({ type: String, reflect: !0 })
 ], o.prototype, "class", 2);
-o = l([
+o = a([
   n("icon-social-microsoft-large-static")
 ], o);
 export {

package/dist/IconSocialMicrosoftStatic.js

@@ -2,8 +2,8 @@ import { html as f } from "lit";
 import { property as a } from "lit/decorators.js";
 import { PieIconComponent as n } from "./PieIconComponent.js";
 import { safeCustomElement as h } from "@justeattakeaway/pie-webc-core";
-var m = Object.defineProperty, v = Object.getOwnPropertyDescriptor, l = (p, e, r, o) => {
-  for (var t = o > 1 ? void 0 : o ? v(e, r) : e, s = p.length - 1, c; s >= 0; s--)
+var m = Object.defineProperty, u = Object.getOwnPropertyDescriptor, l = (p, e, r, o) => {
+  for (var t = o > 1 ? void 0 : o ? u(e, r) : e, s = p.length - 1, c; s >= 0; s--)
     (c = p[s]) && (t = (o ? c(e, r, t) : c(t)) || t);
   return o && t && m(e, r, t), t;
 };
@@ -12,7 +12,7 @@ let i = class extends n {
     super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--microsoftStatic", this.class = "c-pieIcon c-pieIcon--microsoftStatic", this.name = "IconSocialMicrosoftStatic";
   }
   render() {
-    return f`<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--microsoftStatic"><path fill="#00A3EE" d="M7.372 14.5H1.5V8.618h5.905L7.372 14.5Z"></path><path fill="#FFB700" d="M8.595 14.5H14.5V8.618H8.595V14.5Z"></path><path fill="#F15121" d="M7.372 7.382H1.5V1.5h5.905l-.033 5.882Z"></path><path fill="#7EB801" d="M14.5 7.382H8.595V1.5H14.5v5.882Z"></path></svg>`;
+    return f`<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--microsoftStatic"><path fill="#00a3ee" d="M7.372 14.5H1.5V8.618h5.905z"></path><path fill="#ffb700" d="M8.595 14.5H14.5V8.618H8.595z"></path><path fill="#f15121" d="M7.372 7.382H1.5V1.5h5.905z"></path><path fill="#7eb801" d="M14.5 7.382H8.595V1.5H14.5z"></path></svg>`;
   }
 };
 l([

package/dist/IconSocialMicrosoftStaticLarge.js

@@ -2,9 +2,9 @@ import { html as f } from "lit";
 import { property as p } from "lit/decorators.js";
 import { PieIconComponent as h } from "./PieIconComponent.js";
 import { safeCustomElement as n } from "@justeattakeaway/pie-webc-core";
-var m = Object.defineProperty, g = Object.getOwnPropertyDescriptor, l = (a, e, i, r) => {
-  for (var t = r > 1 ? void 0 : r ? g(e, i) : e, s = a.length - 1, c; s >= 0; s--)
-    (c = a[s]) && (t = (r ? c(e, i, t) : c(t)) || t);
+var m = Object.defineProperty, g = Object.getOwnPropertyDescriptor, a = (l, e, i, r) => {
+  for (var t = r > 1 ? void 0 : r ? g(e, i) : e, s = l.length - 1, c; s >= 0; s--)
+    (c = l[s]) && (t = (r ? c(e, i, t) : c(t)) || t);
   return r && t && m(e, i, t), t;
 };
 let o = class extends h {
@@ -12,16 +12,16 @@ let o = class extends h {
     super(...arguments), this.size = 32, this.defaultClasses = "c-pieIcon c-pieIcon--microsoftStaticLarge", this.class = "c-pieIcon c-pieIcon--microsoftStaticLarge", this.name = "IconSocialMicrosoftStaticLarge";
   }
   render() {
-    return f`<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--microsoftStaticLarge"><path fill="#F15121" d="M4 4h11v11H4V4Z"></path><path fill="#00A3EE" d="M4 17h11v11H4V17Z"></path><path fill="#7EB801" d="M17 4h11v11H17V4Z"></path><path fill="#FFB700" d="M17 17h11v11H17V17Z"></path></svg>`;
+    return f`<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--microsoftStaticLarge"><path fill="#f15121" d="M4 4h11v11H4z"></path><path fill="#00a3ee" d="M4 17h11v11H4z"></path><path fill="#7eb801" d="M17 4h11v11H17z"></path><path fill="#ffb700" d="M17 17h11v11H17z"></path></svg>`;
   }
 };
-l([
+a([
   p({ type: String, reflect: !0 })
 ], o.prototype, "size", 2);
-l([
+a([
   p({ type: String, reflect: !0 })
 ], o.prototype, "class", 2);
-o = l([
+o = a([
   n("icon-social-microsoft-static-large")
 ], o);
 export {

package/dist/IconSocialPinterestCircle.js

@@ -12,7 +12,7 @@ let i = class extends f {
     super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--pinterestCircle", this.class = "c-pieIcon c-pieIcon--pinterestCircle", this.name = "IconSocialPinterestCircle";
   }
   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--pinterestCircle"><path d="M8 1.175A6.781 6.781 0 1 0 14.78 8 6.79 6.79 0 0 0 8 1.175Zm0 12.25a5.25 5.25 0 0 1-1.671-.263c.294-.408.516-.864.656-1.347.114-.394.219-.796.324-1.19a.992.992 0 0 1 0-.132c.052.062.078.114.122.158l.123.114a1.794 1.794 0 0 0 1.46.367 2.817 2.817 0 0 0 2.092-1.382c.4-.626.618-1.35.63-2.091a3.334 3.334 0 0 0-2.249-3.325 4.314 4.314 0 0 0-2.03-.193 3.64 3.64 0 0 0-2.415 1.234 3.369 3.369 0 0 0-.437 3.71c.169.37.45.676.805.875.131.061.175 0 .21-.096.035-.097.114-.412.157-.622a.28.28 0 0 0-.052-.201 2.476 2.476 0 0 1 .525-3.342 2.739 2.739 0 0 1 2.476-.464 2.153 2.153 0 0 1 1.453 1.19c.19.416.268.874.227 1.33a3.168 3.168 0 0 1-.499 1.671 1.593 1.593 0 0 1-1.295.787.874.874 0 0 1-.875-1.11c.114-.403.237-.788.35-1.19a2.52 2.52 0 0 0 .114-.876.735.735 0 0 0-1.076-.62 1.164 1.164 0 0 0-.63.708c-.167.458-.167.96 0 1.417a.534.534 0 0 1 0 .237c-.219.936-.446 1.872-.656 2.817-.07.45-.07.907 0 1.356a5.469 5.469 0 1 1 2.16.473Z"></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--pinterestCircle"><path d="M8 1.175A6.781 6.781 0 1 0 14.78 8 6.79 6.79 0 0 0 8 1.175m0 12.25a5.3 5.3 0 0 1-1.671-.263c.294-.408.516-.864.656-1.347.114-.394.219-.796.324-1.19a1 1 0 0 1 0-.132c.052.062.078.114.122.158l.123.114a1.8 1.8 0 0 0 1.46.367 2.82 2.82 0 0 0 2.092-1.382c.4-.626.618-1.35.63-2.091a3.334 3.334 0 0 0-2.249-3.325 4.3 4.3 0 0 0-2.03-.193 3.64 3.64 0 0 0-2.415 1.234 3.37 3.37 0 0 0-.437 3.71c.169.37.45.676.805.875.131.061.175 0 .21-.096.035-.097.114-.412.157-.622a.28.28 0 0 0-.052-.201 2.476 2.476 0 0 1 .525-3.342 2.74 2.74 0 0 1 2.476-.464 2.15 2.15 0 0 1 1.453 1.19c.19.416.268.874.227 1.33a3.17 3.17 0 0 1-.499 1.671 1.6 1.6 0 0 1-1.295.787.874.874 0 0 1-.875-1.11c.114-.403.237-.788.35-1.19a2.5 2.5 0 0 0 .114-.876.735.735 0 0 0-1.076-.62 1.16 1.16 0 0 0-.63.708c-.167.458-.167.96 0 1.417a.5.5 0 0 1 0 .237c-.219.936-.446 1.872-.656 2.817-.07.45-.07.907 0 1.356a5.469 5.469 0 1 1 2.16.473"></path></svg>`;
   }
 };
 l([

package/dist/IconSocialPinterestCircleFilled.js

@@ -12,7 +12,7 @@ let i = class extends f {
     super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--pinterestCircleFilled", this.class = "c-pieIcon c-pieIcon--pinterestCircleFilled", this.name = "IconSocialPinterestCircleFilled";
   }
   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--pinterestCircleFilled"><path d="M8 1.175A6.781 6.781 0 1 0 14.78 8 6.79 6.79 0 0 0 8 1.175Zm3.211 8.671a2.975 2.975 0 0 1-2.144 1.426 1.88 1.88 0 0 1-1.522-.385.583.583 0 0 1-.131-.122 1.417 1.417 0 0 1-.123-.14l-.044.131c-.105.42-.21.831-.332 1.251a5.04 5.04 0 0 1-.998 1.812l-.105.14v-.053a6.125 6.125 0 0 1 0-2.117c.22-.98.455-1.96.683-2.932a.464.464 0 0 0 0-.245 2.223 2.223 0 0 1 0-1.487 1.164 1.164 0 0 1 .63-.761.761.761 0 0 1 1.076.665c.01.296-.031.592-.122.875-.114.41-.245.822-.36 1.233a.875.875 0 0 0 .893 1.173 1.637 1.637 0 0 0 1.348-.814c.33-.525.512-1.13.525-1.75a2.722 2.722 0 0 0-.245-1.391A2.25 2.25 0 0 0 8.726 5.12a2.835 2.835 0 0 0-2.572.49 2.573 2.573 0 0 0-.552 3.448.324.324 0 0 1 .053.218c-.044.22-.105.43-.158.648-.052.219-.087.157-.218.096a1.978 1.978 0 0 1-.875-.875 3.5 3.5 0 0 1 .48-3.859 3.806 3.806 0 0 1 2.53-1.303 4.533 4.533 0 0 1 2.108.2 3.5 3.5 0 0 1 2.345 3.5 4.288 4.288 0 0 1-.656 2.162Z"></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--pinterestCircleFilled"><path d="M8 1.175A6.781 6.781 0 1 0 14.78 8 6.79 6.79 0 0 0 8 1.175m3.211 8.671a2.98 2.98 0 0 1-2.144 1.426 1.88 1.88 0 0 1-1.522-.385.6.6 0 0 1-.131-.122 1.4 1.4 0 0 1-.123-.14l-.044.131c-.105.42-.21.831-.332 1.251a5 5 0 0 1-.998 1.812l-.105.14v-.053a6.1 6.1 0 0 1 0-2.117c.22-.98.455-1.96.683-2.932a.46.46 0 0 0 0-.245 2.22 2.22 0 0 1 0-1.487 1.16 1.16 0 0 1 .63-.761.76.76 0 0 1 1.076.665c.01.296-.031.592-.122.875-.114.41-.245.822-.36 1.233a.875.875 0 0 0 .893 1.173 1.64 1.64 0 0 0 1.348-.814c.33-.525.512-1.13.525-1.75a2.7 2.7 0 0 0-.245-1.391A2.25 2.25 0 0 0 8.726 5.12a2.84 2.84 0 0 0-2.572.49 2.573 2.573 0 0 0-.552 3.448.32.32 0 0 1 .053.218c-.044.22-.105.43-.158.648-.052.219-.087.157-.218.096a1.98 1.98 0 0 1-.875-.875 3.5 3.5 0 0 1 .48-3.859 3.8 3.8 0 0 1 2.53-1.303 4.5 4.5 0 0 1 2.108.2 3.5 3.5 0 0 1 2.345 3.5 4.3 4.3 0 0 1-.656 2.162"></path></svg>`;
   }
 };
 o([

package/dist/IconSocialPinterestCircleFilledLarge.js

@@ -12,7 +12,7 @@ let i = class extends f {
     super(...arguments), this.size = 32, this.defaultClasses = "c-pieIcon c-pieIcon--pinterestCircleFilledLarge", this.class = "c-pieIcon c-pieIcon--pinterestCircleFilledLarge", this.name = "IconSocialPinterestCircleFilledLarge";
   }
   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--pinterestCircleFilledLarge"><path d="M16 3.75a12.25 12.25 0 1 0 0 24.5 12.25 12.25 0 0 0 0-24.5Zm5.915 15.636a5.345 5.345 0 0 1-3.902 2.625 3.414 3.414 0 0 1-2.766-.682 1.946 1.946 0 0 1-.236-.228c-.07-.078-.131-.166-.227-.288 0 .105-.053.175-.07.245-.202.752-.385 1.505-.604 2.257a9.16 9.16 0 0 1-1.811 3.299c-.07.078-.123.157-.193.245l-.07-.079a11.426 11.426 0 0 1-.052-3.859c.393-1.75.831-3.543 1.242-5.32a.876.876 0 0 0 0-.446 3.963 3.963 0 0 1 0-2.695 2.135 2.135 0 0 1 1.234-1.356 1.384 1.384 0 0 1 1.899 1.146 4.377 4.377 0 0 1-.228 1.61c-.21.753-.446 1.496-.647 2.249a1.61 1.61 0 0 0 1.697 2.1 3.009 3.009 0 0 0 2.45-1.488 6.055 6.055 0 0 0 .954-3.167 4.952 4.952 0 0 0-.438-2.511 4.094 4.094 0 0 0-2.747-2.258 5.17 5.17 0 0 0-4.681.875 4.664 4.664 0 0 0-.989 6.265.621.621 0 0 1 .088.394c-.08.393-.184.787-.29 1.172-.104.385-.165.298-.393.175a3.614 3.614 0 0 1-1.531-1.584 6.37 6.37 0 0 1 .814-7 6.843 6.843 0 0 1 4.585-2.362 8.077 8.077 0 0 1 3.84.367 6.309 6.309 0 0 1 4.253 6.318 7.762 7.762 0 0 1-1.181 3.981Z"></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--pinterestCircleFilledLarge"><path d="M16 3.75a12.25 12.25 0 1 0 0 24.5 12.25 12.25 0 0 0 0-24.5m5.915 15.636a5.35 5.35 0 0 1-3.902 2.625 3.41 3.41 0 0 1-2.766-.682 2 2 0 0 1-.236-.228c-.07-.078-.131-.166-.227-.288 0 .105-.053.175-.07.245-.202.752-.385 1.505-.604 2.257a9.2 9.2 0 0 1-1.811 3.299c-.07.078-.123.157-.193.245l-.07-.079a11.4 11.4 0 0 1-.052-3.859c.393-1.75.831-3.543 1.242-5.32a.9.9 0 0 0 0-.446 3.96 3.96 0 0 1 0-2.695 2.13 2.13 0 0 1 1.234-1.356 1.384 1.384 0 0 1 1.899 1.146 4.4 4.4 0 0 1-.228 1.61c-.21.753-.446 1.496-.647 2.249a1.61 1.61 0 0 0 1.697 2.1 3.01 3.01 0 0 0 2.45-1.488 6.06 6.06 0 0 0 .954-3.167 4.95 4.95 0 0 0-.437-2.511 4.1 4.1 0 0 0-2.748-2.258 5.17 5.17 0 0 0-4.681.875 4.664 4.664 0 0 0-.989 6.265.62.62 0 0 1 .088.394c-.08.393-.184.787-.29 1.172-.104.385-.165.298-.393.175a3.6 3.6 0 0 1-1.531-1.584 6.37 6.37 0 0 1 .814-7 6.84 6.84 0 0 1 4.585-2.362 8.1 8.1 0 0 1 3.84.367 6.31 6.31 0 0 1 4.253 6.318 7.76 7.76 0 0 1-1.181 3.981"></path></svg>`;
   }
 };
 o([

package/dist/IconSocialPinterestCircleLarge.js

@@ -12,7 +12,7 @@ let i = class extends f {
     super(...arguments), this.size = 32, this.defaultClasses = "c-pieIcon c-pieIcon--pinterestCircleLarge", this.class = "c-pieIcon c-pieIcon--pinterestCircleLarge", this.name = "IconSocialPinterestCircleLarge";
   }
   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--pinterestCircleLarge"><path d="M16 3.75a12.25 12.25 0 1 0 0 24.5 12.25 12.25 0 0 0 0-24.5Zm0 22.75a10.344 10.344 0 0 1-3.141-.481 8.646 8.646 0 0 0 1.233-2.538c.22-.761.403-1.531.604-2.292 0-.07.044-.131.079-.245.066.106.142.206.227.297.073.083.152.159.237.228a3.5 3.5 0 0 0 2.8.691 5.407 5.407 0 0 0 3.937-2.625 7.875 7.875 0 0 0 1.199-3.999 6.38 6.38 0 0 0-4.296-6.378 8.26 8.26 0 0 0-3.885-.377 7 7 0 0 0-4.638 2.389 6.431 6.431 0 0 0-.822 7.088 3.63 3.63 0 0 0 1.54 1.6c.245.123.341.08.411-.174.096-.394.21-.788.28-1.19a.57.57 0 0 0-.079-.394 4.707 4.707 0 0 1 .998-6.335 5.25 5.25 0 0 1 4.734-.875 4.131 4.131 0 0 1 2.773 2.284c.366.793.52 1.667.447 2.537a6.264 6.264 0 0 1-.963 3.203 3.055 3.055 0 0 1-2.485 1.461 1.627 1.627 0 0 1-1.706-2.126c.201-.761.437-1.514.647-2.266a4.683 4.683 0 0 0 .236-1.628 1.4 1.4 0 0 0-1.977-1.234 2.133 2.133 0 0 0-1.242 1.374 3.981 3.981 0 0 0 0 2.721c.034.147.034.3 0 .447-.42 1.75-.875 3.587-1.26 5.38a8.698 8.698 0 0 0-.044 2.582A10.5 10.5 0 1 1 16 26.5Z"></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--pinterestCircleLarge"><path d="M16 3.75a12.25 12.25 0 1 0 0 24.5 12.25 12.25 0 0 0 0-24.5m0 22.75a10.3 10.3 0 0 1-3.141-.481 8.7 8.7 0 0 0 1.233-2.538c.22-.761.403-1.531.604-2.292 0-.07.044-.131.079-.245q.1.16.227.297.11.124.237.228a3.5 3.5 0 0 0 2.8.691 5.4 5.4 0 0 0 3.937-2.625 7.9 7.9 0 0 0 1.199-3.999 6.38 6.38 0 0 0-4.296-6.378 8.26 8.26 0 0 0-3.885-.377 7 7 0 0 0-4.638 2.389 6.43 6.43 0 0 0-.822 7.088 3.63 3.63 0 0 0 1.54 1.6c.245.123.341.08.411-.174.096-.394.21-.788.28-1.19a.57.57 0 0 0-.079-.394 4.707 4.707 0 0 1 .998-6.335 5.25 5.25 0 0 1 4.734-.875 4.13 4.13 0 0 1 2.773 2.284c.366.793.52 1.667.447 2.537a6.26 6.26 0 0 1-.963 3.203 3.06 3.06 0 0 1-2.485 1.461 1.627 1.627 0 0 1-1.706-2.126c.201-.761.437-1.514.647-2.266a4.7 4.7 0 0 0 .236-1.628 1.4 1.4 0 0 0-1.977-1.234 2.13 2.13 0 0 0-1.242 1.374 3.98 3.98 0 0 0 0 2.721c.034.147.034.3 0 .447-.42 1.75-.875 3.587-1.26 5.38a8.7 8.7 0 0 0-.044 2.582A10.5 10.5 0 1 1 16 26.5"></path></svg>`;
   }
 };
 l([

package/dist/IconSocialPinterestStatic.js

@@ -12,7 +12,7 @@ let i = class extends f {
     super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--pinterestStatic", this.class = "c-pieIcon c-pieIcon--pinterestStatic", this.name = "IconSocialPinterestStatic";
   }
   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--pinterestStatic"><path fill="#E60023" d="M8 1.875a6.125 6.125 0 0 0-2.232 11.83c-.054-.484-.102-1.23.021-1.758.111-.478.718-3.045.718-3.045s-.183-.367-.183-.91c0-.851.494-1.487 1.108-1.487.523 0 .775.393.775.863 0 .526-.334 1.311-.507 2.04-.144.609.306 1.106.907 1.106 1.089 0 1.926-1.148 1.926-2.805 0-1.466-1.054-2.492-2.559-2.492-1.743 0-2.766 1.308-2.766 2.659 0 .526.203 1.09.456 1.397.05.061.058.114.043.176l-.17.695c-.027.112-.09.136-.205.082-.765-.357-1.243-1.475-1.243-2.373 0-1.932 1.403-3.707 4.047-3.707 2.124 0 3.776 1.514 3.776 3.538 0 2.11-1.332 3.81-3.179 3.81-.62 0-1.204-.323-1.404-.704l-.381 1.456c-.139.532-.512 1.199-.762 1.606A6.125 6.125 0 1 0 8 1.875Z"></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--pinterestStatic"><path fill="#e60023" d="M8 1.875a6.125 6.125 0 0 0-2.232 11.83c-.054-.484-.102-1.23.021-1.758.111-.478.718-3.045.718-3.045s-.183-.367-.183-.91c0-.851.494-1.487 1.108-1.487.523 0 .775.393.775.863 0 .526-.334 1.311-.507 2.04-.144.609.306 1.106.907 1.106 1.089 0 1.926-1.148 1.926-2.805 0-1.466-1.054-2.492-2.559-2.492-1.743 0-2.766 1.308-2.766 2.659 0 .526.203 1.09.456 1.397.05.061.058.114.043.176l-.17.695c-.027.112-.09.136-.205.082-.765-.357-1.243-1.475-1.243-2.373 0-1.932 1.403-3.707 4.047-3.707 2.124 0 3.776 1.514 3.776 3.538 0 2.11-1.332 3.81-3.179 3.81-.62 0-1.204-.323-1.404-.704l-.381 1.456c-.139.532-.512 1.199-.762 1.606A6.125 6.125 0 1 0 8 1.875"></path></svg>`;
   }
 };
 p([

package/dist/IconSocialPinterestStaticLarge.js

@@ -12,7 +12,7 @@ let i = class extends f {
     super(...arguments), this.size = 32, this.defaultClasses = "c-pieIcon c-pieIcon--pinterestStaticLarge", this.class = "c-pieIcon c-pieIcon--pinterestStaticLarge", this.name = "IconSocialPinterestStaticLarge";
   }
   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--pinterestStaticLarge"><path fill="#E60023" d="M16 3.75C9.235 3.75 3.75 9.235 3.75 16c0 5.19 3.229 9.626 7.786 11.411-.107-.97-.204-2.46.042-3.518.223-.956 1.437-6.089 1.437-6.089s-.367-.734-.367-1.819c0-1.703.988-2.975 2.217-2.975 1.045 0 1.55.785 1.55 1.726 0 1.051-.67 2.622-1.015 4.079-.288 1.219.612 2.213 1.814 2.213 2.178 0 3.851-2.295 3.851-5.61 0-2.932-2.107-4.983-5.117-4.983-3.485 0-5.531 2.614-5.531 5.316 0 1.053.405 2.182.912 2.796.1.121.114.227.084.351-.093.387-.3 1.219-.34 1.39-.053.224-.177.271-.41.163-1.53-.712-2.486-2.949-2.486-4.746 0-3.864 2.808-7.413 8.094-7.413 4.25 0 7.552 3.028 7.552 7.075 0 4.222-2.662 7.62-6.357 7.62-1.241 0-2.408-.645-2.807-1.407 0 0-.615 2.34-.764 2.912-.276 1.064-1.023 2.398-1.522 3.212 1.146.355 2.364.546 3.627.546 6.765 0 12.25-5.485 12.25-12.25S22.765 3.75 16 3.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--pinterestStaticLarge"><path fill="#e60023" d="M16 3.75C9.235 3.75 3.75 9.235 3.75 16c0 5.19 3.229 9.626 7.786 11.411-.107-.97-.204-2.46.042-3.518.223-.956 1.437-6.089 1.437-6.089s-.367-.734-.367-1.819c0-1.703.988-2.975 2.217-2.975 1.045 0 1.55.785 1.55 1.726 0 1.051-.67 2.622-1.015 4.079-.288 1.219.612 2.213 1.814 2.213 2.178 0 3.851-2.295 3.851-5.61 0-2.932-2.107-4.983-5.117-4.983-3.485 0-5.531 2.614-5.531 5.316 0 1.053.405 2.182.912 2.796.1.121.114.227.084.351-.093.387-.3 1.219-.34 1.39-.053.224-.177.271-.41.163-1.53-.712-2.486-2.949-2.486-4.746 0-3.864 2.808-7.413 8.094-7.413 4.25 0 7.552 3.028 7.552 7.075 0 4.222-2.662 7.62-6.357 7.62-1.241 0-2.408-.645-2.807-1.407 0 0-.615 2.34-.764 2.912-.276 1.064-1.023 2.398-1.522 3.212 1.146.355 2.364.546 3.627.546 6.765 0 12.25-5.485 12.25-12.25S22.765 3.75 16 3.75"></path></svg>`;
   }
 };
 p([

package/dist/IconSocialTiktokCircle.js

@@ -12,7 +12,7 @@ let i = class extends h {
     super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--tiktokCircle", this.class = "c-pieIcon c-pieIcon--tiktokCircle", this.name = "IconSocialTiktokCircle";
   }
   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--tiktokCircle"><path fill-rule="evenodd" d="M8 1.22a6.78 6.78 0 1 0 0 13.56A6.78 6.78 0 0 0 8 1.22ZM2.7 8a5.3 5.3 0 1 1 10.6 0A5.3 5.3 0 0 1 2.7 8Z" clip-rule="evenodd"></path><path d="M10.222 5.866a1.838 1.838 0 0 1-.157-.09A1.874 1.874 0 0 1 9.21 4.51h.001c-.034-.202-.02-.331-.018-.331H7.824v5.239c0 .07 0 .14-.002.208l-.002.026v.015a1.143 1.143 0 0 1-.585.913 1.152 1.152 0 0 1-1.72-1.003 1.152 1.152 0 0 1 1.51-1.095v-1.38a2.564 2.564 0 0 0-1.957.568 2.664 2.664 0 0 0-.586.716c-.058.098-.275.495-.302 1.138-.016.365.094.743.147.9v.003c.033.091.162.406.371.67.17.213.37.4.593.554v-.003l.003.003c.662.446 1.397.417 1.397.417.127-.005.553 0 1.036-.227.536-.252.842-.627.842-.627a2.6 2.6 0 0 0 .458-.755c.124-.322.165-.709.165-.863v-2.78l.238.155s.318.202.815.334c.357.093.837.113.837.113V6.073c-.168.018-.51-.034-.86-.207Z"></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--tiktokCircle"><path fill-rule="evenodd" d="M8 1.22a6.78 6.78 0 1 0 0 13.56A6.78 6.78 0 0 0 8 1.22M2.7 8a5.3 5.3 0 1 1 10.6 0A5.3 5.3 0 0 1 2.7 8" clip-rule="evenodd"></path><path d="M10.222 5.866a2 2 0 0 1-.157-.09A1.874 1.874 0 0 1 9.21 4.51h.001c-.034-.202-.02-.331-.018-.331H7.824v5.239q0 .106-.002.208l-.002.026v.015a1.14 1.14 0 0 1-.585.913 1.152 1.152 0 0 1-1.72-1.003 1.152 1.152 0 0 1 1.51-1.095v-1.38a2.56 2.56 0 0 0-1.957.568 2.7 2.7 0 0 0-.586.716c-.058.098-.275.495-.302 1.138-.016.365.094.743.147.9v.003c.033.091.162.406.371.67q.257.321.593.554v-.003l.003.003c.662.446 1.397.417 1.397.417.127-.005.553 0 1.036-.227.536-.252.842-.627.842-.627a2.6 2.6 0 0 0 .458-.755c.124-.322.165-.709.165-.863v-2.78l.238.155s.318.202.815.334c.357.093.837.113.837.113V6.073c-.168.018-.51-.034-.86-.207"></path></svg>`;
   }
 };
 s([

package/dist/IconSocialTiktokCircleFilled.js

@@ -12,7 +12,7 @@ let l = class extends f {
     super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--tiktokCircleFilled", this.class = "c-pieIcon c-pieIcon--tiktokCircleFilled", this.name = "IconSocialTiktokCircleFilled";
   }
   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--tiktokCircleFilled"><path fill-rule="evenodd" d="M8 14.78A6.78 6.78 0 1 0 8 1.22a6.78 6.78 0 0 0 0 13.56Zm2.65-9.554c.058.037.117.07.178.102.396.194.783.253.973.232v1.51s-.543-.022-.947-.127c-.562-.148-.923-.375-.923-.375s-.25-.162-.269-.173v3.12c0 .173-.046.607-.186.969-.123.309-.299.595-.52.847 0 0-.345.42-.952.703a2.8 2.8 0 0 1-1.173.255s-.831.033-1.58-.468l-.005-.003v.003a3.124 3.124 0 0 1-.67-.621 2.955 2.955 0 0 1-.42-.753v-.004c-.06-.175-.186-.6-.167-1.01.03-.721.277-1.166.342-1.277.172-.303.396-.575.663-.803a2.926 2.926 0 0 1 2.216-.637l-.002 1.549a1.316 1.316 0 0 0-.402-.063c-.721 0-1.306.578-1.306 1.292 0 .713.585 1.291 1.306 1.291a1.31 1.31 0 0 0 1.102-.597c.115-.18.184-.383.2-.594v-.003l.001-.013v-.01l.002-.02c.003-.076.003-.154.003-.233V3.434h1.548c-.002 0-.018.146.02.37h-.001c.047.272.174.66.514 1.042.136.144.289.272.455.38Z" 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--tiktokCircleFilled"><path fill-rule="evenodd" d="M8 14.78A6.78 6.78 0 1 0 8 1.22a6.78 6.78 0 0 0 0 13.56m2.65-9.554q.087.055.178.102c.396.194.783.253.973.232v1.51s-.543-.022-.947-.127c-.562-.148-.923-.375-.923-.375s-.25-.162-.269-.173v3.12c0 .173-.046.607-.186.969-.123.309-.299.595-.52.847 0 0-.345.42-.952.703a2.8 2.8 0 0 1-1.173.255s-.831.033-1.58-.468l-.005-.003v.003a3.1 3.1 0 0 1-.67-.621 3 3 0 0 1-.42-.753v-.004c-.06-.175-.186-.6-.167-1.01.03-.721.277-1.166.342-1.277.172-.303.396-.575.663-.803a2.926 2.926 0 0 1 2.216-.637l-.002 1.549a1.3 1.3 0 0 0-.402-.063c-.721 0-1.306.578-1.306 1.292 0 .713.585 1.291 1.306 1.291a1.31 1.31 0 0 0 1.102-.597c.115-.18.184-.383.2-.594v-.003l.001-.013v-.01l.002-.02q.004-.114.003-.233V3.434h1.548c-.002 0-.018.146.02.37h-.001c.047.272.174.66.514 1.042q.205.217.455.38" clip-rule="evenodd"></path></svg>`;
   }
 };
 s([

package/dist/IconSocialTiktokCircleFilledLarge.js

@@ -12,7 +12,7 @@ let r = class extends f {
     super(...arguments), this.size = 32, this.defaultClasses = "c-pieIcon c-pieIcon--tiktokCircleFilledLarge", this.class = "c-pieIcon c-pieIcon--tiktokCircleFilledLarge", this.name = "IconSocialTiktokCircleFilledLarge";
   }
   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--tiktokCircleFilledLarge"><path fill-rule="evenodd" d="M16 28.17c6.765 0 12.25-5.485 12.25-12.25 0-6.766-5.485-12.25-12.25-12.25S3.75 9.154 3.75 15.92 9.235 28.17 16 28.17Zm4.789-17.262c.104.067.21.128.32.184.716.35 1.415.457 1.759.42v2.728s-.982-.04-1.711-.23c-1.016-.267-1.667-.677-1.667-.677s-.452-.294-.486-.314v5.637c0 .314-.085 1.098-.338 1.751a5.262 5.262 0 0 1-.938 1.531s-.624.76-1.721 1.27c-.914.426-1.727.45-2.05.459l-.07.002s-1.501.06-2.855-.844l-.007-.007v.007a5.65 5.65 0 0 1-1.212-1.123 5.34 5.34 0 0 1-.76-1.361v-.007c-.107-.317-.334-1.084-.3-1.824.054-1.304.5-2.108.618-2.308.31-.548.716-1.04 1.198-1.45.55-.454 1.19-.79 1.88-.988a5.285 5.285 0 0 1 2.124-.163l-.003 2.797a2.377 2.377 0 0 0-.727-.112c-1.303 0-2.36 1.043-2.36 2.333 0 1.289 1.057 2.333 2.36 2.333a2.368 2.368 0 0 0 1.99-1.08c.209-.322.333-.69.363-1.072v-.006l.001-.024.002-.017.001-.035c.006-.139.006-.28.006-.422V7.67h2.798c-.005 0-.034.263.037.67h-.004c.085.49.314 1.19.928 1.881.246.26.522.492.824.688Z" clip-rule="evenodd"></path></svg>`;
+    return n`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--tiktokCircleFilledLarge"><path fill-rule="evenodd" d="M16 28.17c6.765 0 12.25-5.485 12.25-12.25 0-6.766-5.485-12.25-12.25-12.25S3.75 9.154 3.75 15.92 9.235 28.17 16 28.17m4.789-17.261q.155.099.32.183c.716.35 1.415.457 1.759.42v2.728s-.982-.04-1.711-.23c-1.016-.267-1.667-.677-1.667-.677s-.452-.294-.486-.314v5.637c0 .314-.085 1.098-.338 1.751a5.3 5.3 0 0 1-.938 1.531s-.624.76-1.721 1.27c-.914.426-1.727.45-2.05.459l-.07.002s-1.501.06-2.855-.844l-.007-.007v.007a5.7 5.7 0 0 1-1.212-1.123 5.3 5.3 0 0 1-.76-1.361v-.007c-.107-.317-.334-1.084-.3-1.824.054-1.304.5-2.108.618-2.308.31-.548.716-1.04 1.198-1.45.55-.454 1.19-.79 1.88-.988a5.3 5.3 0 0 1 2.124-.163l-.003 2.797a2.4 2.4 0 0 0-.727-.112c-1.303 0-2.36 1.043-2.36 2.333 0 1.289 1.057 2.333 2.36 2.333a2.37 2.37 0 0 0 1.99-1.08c.209-.322.333-.69.363-1.072v-.006l.001-.024.002-.017.001-.035q.008-.209.006-.422V7.67h2.798c-.005 0-.034.263.037.67h-.004c.085.49.314 1.19.928 1.881.246.26.522.492.824.688" clip-rule="evenodd"></path></svg>`;
   }
 };
 s([

package/dist/IconSocialTiktokCircleLarge.js

@@ -12,7 +12,7 @@ let c = class extends h {
     super(...arguments), this.size = 32, this.defaultClasses = "c-pieIcon c-pieIcon--tiktokCircleLarge", this.class = "c-pieIcon c-pieIcon--tiktokCircleLarge", this.name = "IconSocialTiktokCircleLarge";
   }
   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--tiktokCircleLarge"><path d="M16 28.25a12.25 12.25 0 1 1 0-24.5 12.25 12.25 0 0 1 0 24.5ZM16 5.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21Z"></path><path d="M21.36 11.422a3.717 3.717 0 0 1-.321-.184 4.488 4.488 0 0 1-.824-.687 3.785 3.785 0 0 1-.928-1.88h.004c-.07-.408-.042-.671-.037-.671h-2.798v10.625c0 .143 0 .284-.006.423 0 .018-.002.034-.003.052l-.001.024v.006c-.03.381-.154.75-.363 1.073a2.358 2.358 0 0 1-1.99 1.079c-1.303 0-2.36-1.044-2.36-2.333 0-1.29 1.057-2.333 2.36-2.333.247 0 .492.038.727.113l.003-2.798a5.285 5.285 0 0 0-2.125.163c-.689.198-1.329.534-1.88.987a5.412 5.412 0 0 0-1.197 1.451c-.118.2-.564 1.004-.618 2.308-.034.74.193 1.507.3 1.824v.007c.069.187.332.824.76 1.36.346.431.754.81 1.212 1.124v-.007l.007.007c1.354.903 2.855.844 2.855.844.26-.01 1.131 0 2.12-.46a5.304 5.304 0 0 0 1.721-1.27c.399-.455.716-.973.938-1.532a5.643 5.643 0 0 0 .338-1.75v-5.638c.034.02.486.314.486.314s.65.41 1.667.677c.729.19 1.71.23 1.71.23v-2.728c-.343.037-1.042-.07-1.757-.42Z"></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--tiktokCircleLarge"><path d="M16 28.25a12.25 12.25 0 1 1 0-24.5 12.25 12.25 0 0 1 0 24.5M16 5.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21"></path><path d="M21.36 11.422a4 4 0 0 1-.321-.184 4.5 4.5 0 0 1-.824-.687 3.8 3.8 0 0 1-.928-1.88h.004c-.07-.408-.042-.671-.037-.671h-2.798v10.625q.002.214-.006.423 0 .026-.003.052l-.001.024v.006c-.03.381-.154.75-.363 1.073a2.36 2.36 0 0 1-1.99 1.079c-1.303 0-2.36-1.044-2.36-2.333s1.057-2.333 2.36-2.333c.247 0 .492.038.727.113l.003-2.798a5.3 5.3 0 0 0-2.125.163c-.689.198-1.329.534-1.88.987a5.4 5.4 0 0 0-1.197 1.451c-.118.2-.564 1.004-.618 2.308-.034.74.193 1.507.3 1.824v.007c.069.187.332.824.76 1.36.346.431.754.81 1.212 1.124v-.007l.007.007c1.354.903 2.855.844 2.855.844.26-.01 1.131 0 2.12-.46a5.3 5.3 0 0 0 1.721-1.27c.399-.455.716-.973.938-1.532a5.6 5.6 0 0 0 .338-1.75v-5.638c.034.02.486.314.486.314s.65.41 1.667.677c.729.19 1.71.23 1.71.23v-2.728c-.343.037-1.042-.07-1.757-.42"></path></svg>`;
   }
 };
 l([

package/dist/IconSocialTiktokStatic.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 v = Object.defineProperty, m = Object.getOwnPropertyDescriptor, s = (l, e, o, i) => {
   for (var t = i > 1 ? void 0 : i ? m(e, o) : e, a = l.length - 1, r; a >= 0; a--)
     (r = l[a]) && (t = (i ? r(e, o, t) : r(t)) || t);
   return i && t && v(e, o, t), t;
 };
-let c = class extends h {
+let c = class extends f {
   constructor() {
     super(...arguments), this.size = "xs", this.defaultClasses = "c-pieIcon c-pieIcon--tiktokStatic", this.class = "c-pieIcon c-pieIcon--tiktokStatic", this.name = "IconSocialTiktokStatic";
   }
   render() {
-    return n`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--tiktokStatic"><path fill="#FF004F" d="M10.62 6.422c.8.565 1.78.898 2.837.898V5.307c-.2 0-.4-.02-.596-.062V6.83a4.9 4.9 0 0 1-2.836-.898v4.107c0 2.055-1.685 3.721-3.763 3.721a3.774 3.774 0 0 1-2.094-.63 3.771 3.771 0 0 0 2.69 1.12c2.078 0 3.762-1.666 3.762-3.72V6.422Zm.735-2.03a2.791 2.791 0 0 1-.735-1.643V2.49h-.564a2.818 2.818 0 0 0 1.3 1.901Zm-5.873 7.162a1.683 1.683 0 0 1-.35-1.03c0-.94.77-1.702 1.72-1.702.177 0 .353.027.522.08V6.844a3.838 3.838 0 0 0-.595-.034v1.602a1.74 1.74 0 0 0-.523-.08c-.95 0-1.72.762-1.72 1.702a1.7 1.7 0 0 0 .946 1.52Z"></path><path fill="#000" d="M10.025 5.932a4.9 4.9 0 0 0 2.836.898V5.245a2.855 2.855 0 0 1-1.506-.854 2.818 2.818 0 0 1-1.3-1.901H8.574v8.04a1.712 1.712 0 0 1-1.721 1.696 1.725 1.725 0 0 1-1.37-.672 1.7 1.7 0 0 1-.947-1.52c0-.94.77-1.702 1.721-1.702.182 0 .358.028.523.08V6.81c-2.042.042-3.683 1.69-3.683 3.72 0 1.012.408 1.93 1.072 2.6.599.398 1.32.63 2.094.63 2.078 0 3.763-1.666 3.763-3.72V5.932Z"></path><path fill="#00F2EA" d="M12.861 5.245v-.428a2.86 2.86 0 0 1-1.506-.426c.4.433.926.732 1.506.854ZM10.056 2.49a2.812 2.812 0 0 1-.031-.231V2H7.977v8.04a1.712 1.712 0 0 1-1.72 1.696 1.73 1.73 0 0 1-.775-.182c.315.408.811.671 1.37.671.948 0 1.718-.758 1.721-1.696V2.49h1.483ZM6.779 6.81v-.456a3.84 3.84 0 0 0-.517-.035C4.184 6.32 2.5 7.985 2.5 10.04c0 1.289.662 2.424 1.668 3.092a3.687 3.687 0 0 1-1.072-2.602c0-2.028 1.641-3.677 3.683-3.72Z"></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--tiktokStatic"><path fill="#ff004f" d="M10.62 6.422c.8.565 1.78.898 2.837.898V5.307q-.301 0-.596-.062V6.83a4.9 4.9 0 0 1-2.836-.898v4.108c0 2.054-1.685 3.72-3.763 3.72a3.77 3.77 0 0 1-2.094-.63 3.77 3.77 0 0 0 2.69 1.12c2.078 0 3.762-1.666 3.762-3.72zm.735-2.03a2.8 2.8 0 0 1-.735-1.643V2.49h-.564a2.82 2.82 0 0 0 1.3 1.901m-5.873 7.162a1.7 1.7 0 0 1-.35-1.03c0-.94.77-1.702 1.72-1.702q.267 0 .522.08V6.844a4 4 0 0 0-.595-.034v1.602a1.7 1.7 0 0 0-.523-.08c-.95 0-1.72.762-1.72 1.702a1.7 1.7 0 0 0 .946 1.52"></path><path fill="#000" d="M10.025 5.932a4.9 4.9 0 0 0 2.836.898V5.245a2.86 2.86 0 0 1-1.506-.854 2.82 2.82 0 0 1-1.3-1.901H8.574v8.04a1.71 1.71 0 0 1-1.721 1.696 1.73 1.73 0 0 1-1.37-.672 1.7 1.7 0 0 1-.947-1.52c0-.94.77-1.702 1.721-1.702q.274.001.523.08V6.81c-2.042.042-3.683 1.69-3.683 3.72 0 1.012.408 1.93 1.072 2.6.599.398 1.32.63 2.094.63 2.078 0 3.763-1.666 3.763-3.72z"></path><path fill="#00f2ea" d="M12.861 5.245v-.428a2.86 2.86 0 0 1-1.506-.426c.4.433.926.732 1.506.854M10.056 2.49a3 3 0 0 1-.031-.231V2H7.977v8.04a1.71 1.71 0 0 1-1.72 1.696 1.7 1.7 0 0 1-.775-.182c.315.408.811.672 1.37.672.948 0 1.718-.76 1.721-1.697V2.49zM6.779 6.81v-.456a4 4 0 0 0-.517-.035C4.184 6.32 2.5 7.985 2.5 10.04c0 1.289.662 2.424 1.668 3.092a3.69 3.69 0 0 1-1.072-2.602c0-2.028 1.641-3.677 3.683-3.72"></path></svg>`;
   }
 };
 s([
@@ -22,7 +22,7 @@ s([
   p({ type: String, reflect: !0 })
 ], c.prototype, "class", 2);
 c = s([
-  f("icon-social-tiktok-static")
+  h("icon-social-tiktok-static")
 ], c);
 export {
   c as IconSocialTiktokStatic

package/dist/IconSocialTiktokStaticLarge.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 v } from "@justeattakeaway/pie-webc-core";
-var f = Object.defineProperty, m = Object.getOwnPropertyDescriptor, s = (l, e, i, a) => {
+import { PieIconComponent as f } from "./PieIconComponent.js";
+import { safeCustomElement as h } from "@justeattakeaway/pie-webc-core";
+var v = Object.defineProperty, m = Object.getOwnPropertyDescriptor, s = (l, e, i, a) => {
   for (var t = a > 1 ? void 0 : a ? m(e, i) : e, r = l.length - 1, o; r >= 0; r--)
     (o = l[r]) && (t = (a ? o(e, i, t) : o(t)) || t);
-  return a && t && f(e, i, t), t;
+  return a && t && v(e, i, t), t;
 };
-let c = class extends h {
+let c = class extends f {
   constructor() {
     super(...arguments), this.size = 32, this.defaultClasses = "c-pieIcon c-pieIcon--tiktokStaticLarge", this.class = "c-pieIcon c-pieIcon--tiktokStaticLarge", this.name = "IconSocialTiktokStaticLarge";
   }
   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--tiktokStaticLarge"><path fill="#FF004F" d="M21.24 12.844a9.797 9.797 0 0 0 5.674 1.795v-4.025c-.4 0-.8-.042-1.192-.124v3.17a9.798 9.798 0 0 1-5.673-1.796v8.215c0 4.11-3.369 7.44-7.524 7.44a7.548 7.548 0 0 1-4.19-1.258 7.543 7.543 0 0 0 5.38 2.239c4.157 0 7.526-3.331 7.526-7.441v-8.215Zm1.47-4.061a5.582 5.582 0 0 1-1.47-3.285V4.98h-1.128a5.635 5.635 0 0 0 2.598 3.803ZM10.964 23.108a3.366 3.366 0 0 1-.702-2.06c0-1.88 1.541-3.404 3.442-3.404.354 0 .707.053 1.044.16v-4.116a7.675 7.675 0 0 0-1.19-.068v3.203a3.484 3.484 0 0 0-1.045-.16c-1.901 0-3.442 1.524-3.442 3.404a3.4 3.4 0 0 0 1.893 3.04Z"></path><path fill="#000" d="M20.05 11.864a9.798 9.798 0 0 0 5.672 1.795V10.49a5.71 5.71 0 0 1-3.012-1.707 5.635 5.635 0 0 1-2.598-3.803h-2.966v16.079c-.007 1.874-1.545 3.392-3.442 3.392a3.45 3.45 0 0 1-2.74-1.343 3.4 3.4 0 0 1-1.893-3.04c0-1.88 1.54-3.404 3.442-3.404.364 0 .715.056 1.044.159V13.62c-4.082.083-7.366 3.382-7.366 7.439 0 2.025.818 3.86 2.145 5.202a7.548 7.548 0 0 0 4.189 1.259c4.155 0 7.524-3.331 7.524-7.441v-8.215Z"></path><path fill="#00F2EA" d="M25.722 10.49v-.857a5.72 5.72 0 0 1-3.012-.85 5.705 5.705 0 0 0 3.012 1.707Zm-5.61-5.51a5.711 5.711 0 0 1-.063-.462V4h-4.095v16.079c-.006 1.874-1.544 3.392-3.441 3.392-.557 0-1.083-.13-1.549-.363a3.45 3.45 0 0 0 2.74 1.343c1.897 0 3.435-1.518 3.442-3.392V4.98h2.966Zm-6.555 8.64v-.912a7.683 7.683 0 0 0-1.032-.07C8.369 12.638 5 15.97 5 20.08c0 2.576 1.324 4.847 3.336 6.182A7.373 7.373 0 0 1 6.19 21.06c0-4.057 3.284-7.356 7.366-7.44Z"></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--tiktokStaticLarge"><path fill="#ff004f" d="M21.24 12.844a9.8 9.8 0 0 0 5.674 1.795v-4.025c-.4 0-.8-.042-1.192-.124v3.17a9.8 9.8 0 0 1-5.673-1.796v8.215c0 4.11-3.369 7.44-7.524 7.44a7.55 7.55 0 0 1-4.19-1.258 7.54 7.54 0 0 0 5.38 2.239c4.157 0 7.526-3.331 7.526-7.441zm1.47-4.061a5.58 5.58 0 0 1-1.47-3.285V4.98h-1.128a5.64 5.64 0 0 0 2.598 3.803M10.964 23.108a3.37 3.37 0 0 1-.702-2.06c0-1.88 1.541-3.404 3.442-3.404.354 0 .707.053 1.044.16v-4.116a8 8 0 0 0-1.19-.068v3.203a3.5 3.5 0 0 0-1.045-.16c-1.901 0-3.442 1.524-3.442 3.404a3.4 3.4 0 0 0 1.893 3.04"></path><path fill="#000" d="M20.05 11.864a9.8 9.8 0 0 0 5.672 1.795V10.49a5.7 5.7 0 0 1-3.012-1.707 5.64 5.64 0 0 1-2.598-3.803h-2.966v16.079c-.007 1.874-1.545 3.392-3.442 3.392a3.45 3.45 0 0 1-2.74-1.343 3.4 3.4 0 0 1-1.893-3.04c0-1.88 1.54-3.404 3.442-3.404.364 0 .715.056 1.044.159V13.62c-4.082.083-7.366 3.382-7.366 7.439 0 2.025.818 3.86 2.145 5.202a7.55 7.55 0 0 0 4.189 1.259c4.155 0 7.524-3.331 7.524-7.441z"></path><path fill="#00f2ea" d="M25.722 10.49v-.857a5.7 5.7 0 0 1-3.012-.85 5.7 5.7 0 0 0 3.012 1.707m-5.61-5.51a6 6 0 0 1-.063-.462V4h-4.094v16.079c-.007 1.874-1.545 3.392-3.442 3.392-.557 0-1.083-.13-1.549-.363a3.45 3.45 0 0 0 2.74 1.343c1.897 0 3.435-1.518 3.442-3.392V4.98zm-6.555 8.64v-.912a8 8 0 0 0-1.032-.07C8.369 12.638 5 15.97 5 20.08c0 2.576 1.324 4.847 3.336 6.182A7.37 7.37 0 0 1 6.19 21.06c0-4.057 3.284-7.356 7.366-7.44"></path></svg>`;
   }
 };
 s([
@@ -22,7 +22,7 @@ s([
   p({ type: String, reflect: !0 })
 ], c.prototype, "class", 2);
 c = s([
-  v("icon-social-tiktok-static-large")
+  h("icon-social-tiktok-static-large")
 ], c);
 export {
   c as IconSocialTiktokStaticLarge