@justeattakeaway/pie-icons-webc 0.11.1 → 0.13.0

package/README.md

@@ -91,9 +91,35 @@ export class MyAmazingComponent extends LitElement {
 }
 ```
 
-#### TODO: Add React usage
+#### React
 
-If you require icons for a React application, you can either use these icons, or use our native React component package – [pie-icons-react](https://www.npmjs.com/package/@justeattakeaway/pie-icons-react).
+To import from the package root:
+
+```tsx
+import { IconAlertTriangleLarge, IconCalendar } from "@justeattakeaway/pie-icons-webc/react";
+
+export default function App() {
+  return (
+    <div className="App">
+      <IconCalendar />
+      <IconAlertTriangleLarge fill={PIE_ALIAS_COLOR_TOKEN} />
+    </div>
+  );
+}
+```
+To import a single icon:
+
+```tsx
+import { IconCalendar } from "@justeattakeaway/pie-icons-webc/react/IconCalendar";
+
+export default function App() {
+  return (
+    <div className="App">
+      <IconCalendar />
+    </div>
+  );
+}
+```
 
 #### TODO: Add Vue usage
 

package/dist/IconAccountCredit.js

@@ -1,12 +1,12 @@
-import { css as a, LitElement as u, html as d } from "lit";
-import { d as v, g as l } from "./configs.26fdabe1.js";
+import { css as a, LitElement as u, html as v } from "lit";
+import { m as d, g as l } from "./configs.f8a93d97.js";
 import { property as h, query as g } from "lit/decorators.js";
-var f = Object.defineProperty, m = Object.getOwnPropertyDescriptor, p = (s, i, e, c) => {
-  for (var t = c > 1 ? void 0 : c ? m(i, e) : i, r = s.length - 1, n; r >= 0; r--)
+var f = Object.defineProperty, b = Object.getOwnPropertyDescriptor, p = (s, i, e, c) => {
+  for (var t = c > 1 ? void 0 : c ? b(i, e) : i, r = s.length - 1, n; r >= 0; r--)
     (n = s[r]) && (t = (c ? n(i, e, t) : n(t)) || t);
   return c && t && f(i, e, t), t;
 };
-const b = "icon-account-credit";
+const m = "icon-account-credit";
 class o extends u {
   constructor() {
     super(...arguments), this.size = "xs", this.class = "c-pieIcon c-pieIcon--accountCredit";
@@ -24,7 +24,7 @@ class o extends u {
     i.has("size") && (e = l("c-pieIcon c-pieIcon--accountCredit", "", this.size, "IconAccountCredit"), (c = this._svg) == null || c.setAttribute("width", e.width), (t = this._svg) == null || t.setAttribute("height", e.height));
   }
   render() {
-    return d`<svg 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 fill-rule="evenodd" d="M6.326 4.392A2.17 2.17 0 1 0 6.327.053a2.17 2.17 0 0 0 0 4.34Zm0-3.027c.473 0 .858.385.858.857a.859.859 0 0 1-.858.858.859.859 0 0 1-.857-.858c0-.472.385-.857.857-.857Z" clip-rule="evenodd"></path><path fill-rule="evenodd" d="M11.086 8.488H5.898c-.64 0-1.155.516-1.155 1.155v3.167c0 .639.516 1.155 1.155 1.155h5.188c.64 0 1.155-.516 1.155-1.155V9.643c0-.64-.516-1.155-1.155-1.155ZM10.93 9.8v.612H6.055V9.8h4.874Zm-4.874 2.852v-1.356h4.874v1.357H6.055Z" clip-rule="evenodd"></path><path d="m10.054 6.589.175.437.061.149H8.864l-.07-.166a1.088 1.088 0 0 0-.971-.613H4.839c-.446 0-.849.271-1.015.683L3.176 8.67H1.76l.849-2.082a2.403 2.403 0 0 1 2.23-1.505h2.985c.988 0 1.863.595 2.23 1.505Z"></path></svg>`;
+    return v`<svg 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 fill-rule="evenodd" d="M6.326 4.392A2.17 2.17 0 1 0 6.327.053a2.17 2.17 0 0 0 0 4.34Zm0-3.027c.473 0 .858.385.858.857a.859.859 0 0 1-.858.858.859.859 0 0 1-.857-.858c0-.472.385-.857.857-.857Z" clip-rule="evenodd"></path><path fill-rule="evenodd" d="M11.086 8.488H5.898c-.64 0-1.155.516-1.155 1.155v3.167c0 .639.516 1.155 1.155 1.155h5.188c.64 0 1.155-.516 1.155-1.155V9.643c0-.64-.516-1.155-1.155-1.155ZM10.93 9.8v.612H6.055V9.8h4.874Zm-4.874 2.852v-1.356h4.874v1.357H6.055Z" clip-rule="evenodd"></path><path d="m10.054 6.589.175.437.061.149H8.864l-.07-.166a1.088 1.088 0 0 0-.971-.613H4.839c-.446 0-.849.271-1.015.683L3.176 8.67H1.76l.849-2.082a2.403 2.403 0 0 1 2.23-1.505h2.985c.988 0 1.863.595 2.23 1.505Z"></path></svg>`;
   }
 }
 o.styles = a`
@@ -44,7 +44,7 @@ p([
 p([
   g("svg")
 ], o.prototype, "_svg", 2);
-v(b, o);
+d(m, o);
 export {
   o as IconAccountCredit
 };

package/dist/IconAccountCreditLarge.js

@@ -1,5 +1,5 @@
-import { css as l, LitElement as g, html as u } from "lit";
-import { d as v, g as h } from "./configs.26fdabe1.js";
+import { css as l, LitElement as g, html as v } from "lit";
+import { m as u, g as h } from "./configs.f8a93d97.js";
 import { property as p, query as d } from "lit/decorators.js";
 var f = Object.defineProperty, b = Object.getOwnPropertyDescriptor, a = (o, r, e, c) => {
   for (var t = c > 1 ? void 0 : c ? b(r, e) : r, s = o.length - 1, n; s >= 0; s--)
@@ -24,7 +24,7 @@ class i extends g {
     r.has("size") && (e = h("c-pieIcon c-pieIcon--accountCreditLarge", "", this.size, "IconAccountCreditLarge"), (c = this._svg) == null || c.setAttribute("width", e.width), (t = this._svg) == null || t.setAttribute("height", e.height));
   }
   render() {
-    return u`<svg 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 fill-rule="evenodd" d="M13.646 10.444a3.818 3.818 0 0 0 3.815-3.815c0-2.1-1.706-3.815-3.815-3.815a3.818 3.818 0 0 0-3.815 3.815c0 2.1 1.715 3.815 3.815 3.815Zm0-5.88c1.138 0 2.065.927 2.065 2.065a2.069 2.069 0 0 1-2.065 2.065 2.069 2.069 0 0 1-2.065-2.065c0-1.138.928-2.065 2.065-2.065Z" clip-rule="evenodd"></path><path d="M17.873 14.162a3.446 3.446 0 0 0-2.048-.595h-4.322c-.753-.008-1.462.184-2.065.587a3.575 3.575 0 0 0-1.34 1.645l-.717 2.012H5.526l.937-2.625a5.246 5.246 0 0 1 2.012-2.493 5.22 5.22 0 0 1 3.045-.875h4.288a5.148 5.148 0 0 1 3.045.892 5.21 5.21 0 0 1 1.995 2.485l.148.429h-1.88a3.575 3.575 0 0 0-1.243-1.462Z"></path><path d="M13.165 24.067h2.573v1.75h-2.573v-1.75Z"></path><path fill-rule="evenodd" d="M12.097 17.47h12.338a2.06 2.06 0 0 1 2.056 2.056v7.543a2.06 2.06 0 0 1-2.056 2.056H12.097a2.06 2.06 0 0 1-2.056-2.056v-7.543a2.06 2.06 0 0 1 2.056-2.056Zm12.338 9.905a.31.31 0 0 0 .306-.306V22.58h-12.95v4.489c0 .166.14.306.306.306h12.338ZM11.79 20.83h12.95v-1.304a.31.31 0 0 0-.306-.306H12.097a.31.31 0 0 0-.306.306v1.304Z" clip-rule="evenodd"></path></svg>`;
+    return v`<svg 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 fill-rule="evenodd" d="M13.646 10.444a3.818 3.818 0 0 0 3.815-3.815c0-2.1-1.706-3.815-3.815-3.815a3.818 3.818 0 0 0-3.815 3.815c0 2.1 1.715 3.815 3.815 3.815Zm0-5.88c1.138 0 2.065.927 2.065 2.065a2.069 2.069 0 0 1-2.065 2.065 2.069 2.069 0 0 1-2.065-2.065c0-1.138.928-2.065 2.065-2.065Z" clip-rule="evenodd"></path><path d="M17.873 14.162a3.446 3.446 0 0 0-2.048-.595h-4.322c-.753-.008-1.462.184-2.065.587a3.575 3.575 0 0 0-1.34 1.645l-.717 2.012H5.526l.937-2.625a5.246 5.246 0 0 1 2.012-2.493 5.22 5.22 0 0 1 3.045-.875h4.288a5.148 5.148 0 0 1 3.045.892 5.21 5.21 0 0 1 1.995 2.485l.148.429h-1.88a3.575 3.575 0 0 0-1.243-1.462Z"></path><path d="M13.165 24.067h2.573v1.75h-2.573v-1.75Z"></path><path fill-rule="evenodd" d="M12.097 17.47h12.338a2.06 2.06 0 0 1 2.056 2.056v7.543a2.06 2.06 0 0 1-2.056 2.056H12.097a2.06 2.06 0 0 1-2.056-2.056v-7.543a2.06 2.06 0 0 1 2.056-2.056Zm12.338 9.905a.31.31 0 0 0 .306-.306V22.58h-12.95v4.489c0 .166.14.306.306.306h12.338ZM11.79 20.83h12.95v-1.304a.31.31 0 0 0-.306-.306H12.097a.31.31 0 0 0-.306.306v1.304Z" clip-rule="evenodd"></path></svg>`;
   }
 }
 i.styles = l`
@@ -44,7 +44,7 @@ a([
 a([
   d("svg")
 ], i.prototype, "_svg", 2);
-v(m, i);
+u(m, i);
 export {
   i as IconAccountCreditLarge
 };

package/dist/IconAlcohol.js

@@ -1,12 +1,12 @@
 import { css as p, LitElement as v, html as g } from "lit";
-import { d as u, g as n } from "./configs.26fdabe1.js";
-import { property as a, query as f } from "lit/decorators.js";
-var m = Object.defineProperty, b = Object.getOwnPropertyDescriptor, l = (i, c, e, o) => {
-  for (var t = o > 1 ? void 0 : o ? b(c, e) : c, r = i.length - 1, h; r >= 0; r--)
+import { m as u, g as n } from "./configs.f8a93d97.js";
+import { property as a, query as b } from "lit/decorators.js";
+var f = Object.defineProperty, m = Object.getOwnPropertyDescriptor, l = (i, c, e, o) => {
+  for (var t = o > 1 ? void 0 : o ? m(c, e) : c, r = i.length - 1, h; r >= 0; r--)
     (h = i[r]) && (t = (o ? h(c, e, t) : h(t)) || t);
-  return o && t && m(c, e, t), t;
+  return o && t && f(c, e, t), t;
 };
-const d = "icon-alcohol";
+const w = "icon-alcohol";
 class s extends v {
   constructor() {
     super(...arguments), this.size = "xs", this.class = "c-pieIcon c-pieIcon--alcohol";
@@ -42,9 +42,9 @@ l([
   a({ type: String, reflect: !0 })
 ], s.prototype, "class", 2);
 l([
-  f("svg")
+  b("svg")
 ], s.prototype, "_svg", 2);
-u(d, s);
+u(w, s);
 export {
   s as IconAlcohol
 };

package/dist/IconAlcoholFilled.js

@@ -1,33 +1,33 @@
 import { css as a, LitElement as v, html as g } from "lit";
-import { d, g as n } from "./configs.26fdabe1.js";
-import { property as p, query as u } from "lit/decorators.js";
-var f = Object.defineProperty, b = Object.getOwnPropertyDescriptor, h = (l, s, e, o) => {
-  for (var t = o > 1 ? void 0 : o ? b(s, e) : s, c = l.length - 1, r; c >= 0; c--)
-    (r = l[c]) && (t = (o ? r(s, e, t) : r(t)) || t);
-  return o && t && f(s, e, t), t;
+import { m as u, g as n } from "./configs.f8a93d97.js";
+import { property as p, query as d } from "lit/decorators.js";
+var f = Object.defineProperty, b = Object.getOwnPropertyDescriptor, h = (c, i, e, o) => {
+  for (var t = o > 1 ? void 0 : o ? b(i, e) : i, l = c.length - 1, r; l >= 0; l--)
+    (r = c[l]) && (t = (o ? r(i, e, t) : r(t)) || t);
+  return o && t && f(i, e, t), t;
 };
-const m = "icon-alcohol-filled";
-class i extends v {
+const w = "icon-alcohol-filled";
+class s extends v {
   constructor() {
     super(...arguments), this.size = "xs", this.class = "c-pieIcon c-pieIcon--alcoholFilled";
   }
   connectedCallback() {
-    var s, e, o;
-    if (super.connectedCallback(), ((s = this._svg) == null ? void 0 : s.getAttribute("width")) === null) {
+    var i, e, o;
+    if (super.connectedCallback(), ((i = this._svg) == null ? void 0 : i.getAttribute("width")) === null) {
       const t = n("c-pieIcon c-pieIcon--alcoholFilled", "", null, "IconAlcoholFilled");
       (e = this._svg) == null || e.setAttribute("width", t.width), (o = this._svg) == null || o.setAttribute("height", t.height);
     }
   }
-  updated(s) {
+  updated(i) {
     var o, t;
     let e;
-    s.has("size") && (e = n("c-pieIcon c-pieIcon--alcoholFilled", "", this.size, "IconAlcoholFilled"), (o = this._svg) == null || o.setAttribute("width", e.width), (t = this._svg) == null || t.setAttribute("height", e.height));
+    i.has("size") && (e = n("c-pieIcon c-pieIcon--alcoholFilled", "", this.size, "IconAlcoholFilled"), (o = this._svg) == null || o.setAttribute("width", e.width), (t = this._svg) == null || t.setAttribute("height", e.height));
   }
   render() {
     return g`<svg 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.styles = a`
+s.styles = a`
         :host-context(pie-icon-button) svg,
         :host-context(pie-button) svg {
             display: block;
@@ -37,14 +37,14 @@ i.styles = a`
     `;
 h([
   p({ type: String, reflect: !0 })
-], i.prototype, "size", 2);
+], s.prototype, "size", 2);
 h([
   p({ type: String, reflect: !0 })
-], i.prototype, "class", 2);
+], s.prototype, "class", 2);
 h([
-  u("svg")
-], i.prototype, "_svg", 2);
-d(m, i);
+  d("svg")
+], s.prototype, "_svg", 2);
+u(w, s);
 export {
-  i as IconAlcoholFilled
+  s as IconAlcoholFilled
 };

package/dist/IconAlcoholFilledLarge.js

@@ -1,13 +1,13 @@
 import { css as p, LitElement as g, html as v } from "lit";
-import { d, g as h } from "./configs.26fdabe1.js";
-import { property as n, query as u } from "lit/decorators.js";
-var f = Object.defineProperty, b = Object.getOwnPropertyDescriptor, a = (l, i, t, o) => {
-  for (var e = o > 1 ? void 0 : o ? b(i, t) : i, c = l.length - 1, r; c >= 0; c--)
-    (r = l[c]) && (e = (o ? r(i, t, e) : r(e)) || e);
+import { m as u, g as h } from "./configs.f8a93d97.js";
+import { property as n, query as d } from "lit/decorators.js";
+var f = Object.defineProperty, b = Object.getOwnPropertyDescriptor, a = (s, i, t, o) => {
+  for (var e = o > 1 ? void 0 : o ? b(i, t) : i, c = s.length - 1, r; c >= 0; c--)
+    (r = s[c]) && (e = (o ? r(i, t, e) : r(e)) || e);
   return o && e && f(i, t, e), e;
 };
 const m = "icon-alcohol-filled-large";
-class s extends g {
+class l extends g {
   constructor() {
     super(...arguments), this.size = 32, this.class = "c-pieIcon c-pieIcon--alcoholFilledLarge";
   }
@@ -27,7 +27,7 @@ class s extends g {
     return v`<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--alcoholFilledLarge"><path d="M17.444 6.918v7.253a5.67 5.67 0 0 0 4.786 5.583v7.621h-3.22v1.75h8.199v-1.75H23.98v-7.621a5.662 5.662 0 0 0 4.786-5.583V6.918H17.444Zm9.572 4.278c-2.406.691-3.325.394-4.375 0a7 7 0 0 0-3.5-.411V8.668h7.823l.052 2.528Z"></path><path d="M14.679 16a10.049 10.049 0 0 0-1.208-2.188 5.005 5.005 0 0 1-1.024-2.187 5.82 5.82 0 0 1-.06-.822V5.5A2.625 2.625 0 0 0 9.76 2.875H8.466A2.625 2.625 0 0 0 5.841 5.5v5.303c.001.275-.022.55-.07.822a5.005 5.005 0 0 1-1.024 2.188A9.696 9.696 0 0 0 3.55 16a8.751 8.751 0 0 0-.438 1.75c-.08.58-.122 1.165-.122 1.75v7a2.511 2.511 0 0 0 2.371 2.625h7.499a2.52 2.52 0 0 0 2.38-2.625v-7c.007-.585-.031-1.17-.114-1.75a8.262 8.262 0 0 0-.446-1.75ZM6.19 14.81a6.484 6.484 0 0 0 1.4-4.008v-.927h3.045v.928c0 .274.015.549.044.822a6.484 6.484 0 0 0 1.356 3.185c.271.38.517.777.735 1.19H5.5a9.41 9.41 0 0 1 .691-1.19Z"></path></svg>`;
   }
 }
-s.styles = p`
+l.styles = p`
         :host-context(pie-icon-button) svg,
         :host-context(pie-button) svg {
             display: block;
@@ -37,14 +37,14 @@ s.styles = p`
     `;
 a([
   n({ type: String, reflect: !0 })
-], s.prototype, "size", 2);
+], l.prototype, "size", 2);
 a([
   n({ type: String, reflect: !0 })
-], s.prototype, "class", 2);
+], l.prototype, "class", 2);
 a([
-  u("svg")
-], s.prototype, "_svg", 2);
-d(m, s);
+  d("svg")
+], l.prototype, "_svg", 2);
+u(m, l);
 export {
-  s as IconAlcoholFilledLarge
+  l as IconAlcoholFilledLarge
 };

package/dist/IconAlcoholLarge.js

@@ -1,12 +1,12 @@
 import { css as p, LitElement as v, html as g } from "lit";
-import { d as u, g as h } from "./configs.26fdabe1.js";
+import { m as u, g as h } from "./configs.f8a93d97.js";
 import { property as n, query as m } from "lit/decorators.js";
-var f = Object.defineProperty, b = Object.getOwnPropertyDescriptor, a = (r, s, e, o) => {
-  for (var t = o > 1 ? void 0 : o ? b(s, e) : s, i = r.length - 1, l; i >= 0; i--)
+var b = Object.defineProperty, f = Object.getOwnPropertyDescriptor, a = (r, s, e, o) => {
+  for (var t = o > 1 ? void 0 : o ? f(s, e) : s, i = r.length - 1, l; i >= 0; i--)
     (l = r[i]) && (t = (o ? l(s, e, t) : l(t)) || t);
-  return o && t && f(s, e, t), t;
+  return o && t && b(s, e, t), t;
 };
-const d = "icon-alcohol-large";
+const w = "icon-alcohol-large";
 class c extends v {
   constructor() {
     super(...arguments), this.size = 32, this.class = "c-pieIcon c-pieIcon--alcoholLarge";
@@ -44,7 +44,7 @@ a([
 a([
   m("svg")
 ], c.prototype, "_svg", 2);
-u(d, c);
+u(w, c);
 export {
   c as IconAlcoholLarge
 };

package/dist/IconAlertCircle.js

@@ -1,33 +1,33 @@
 import { css as a, LitElement as g, html as v } from "lit";
-import { d as u, g as p } from "./configs.26fdabe1.js";
-import { property as h, query as f } from "lit/decorators.js";
-var b = Object.defineProperty, d = Object.getOwnPropertyDescriptor, n = (c, s, e, r) => {
-  for (var t = r > 1 ? void 0 : r ? d(s, e) : s, o = c.length - 1, l; o >= 0; o--)
-    (l = c[o]) && (t = (r ? l(s, e, t) : l(t)) || t);
-  return r && t && b(s, e, t), t;
+import { m as u, g as p } from "./configs.f8a93d97.js";
+import { property as h, query as b } from "lit/decorators.js";
+var f = Object.defineProperty, m = Object.getOwnPropertyDescriptor, n = (c, i, e, r) => {
+  for (var t = r > 1 ? void 0 : r ? m(i, e) : i, o = c.length - 1, l; o >= 0; o--)
+    (l = c[o]) && (t = (r ? l(i, e, t) : l(t)) || t);
+  return r && t && f(i, e, t), t;
 };
-const m = "icon-alert-circle";
-class i extends g {
+const d = "icon-alert-circle";
+class s extends g {
   constructor() {
     super(...arguments), this.size = "xs", this.class = "c-pieIcon c-pieIcon--alertCircle";
   }
   connectedCallback() {
-    var s, e, r;
-    if (super.connectedCallback(), ((s = this._svg) == null ? void 0 : s.getAttribute("width")) === null) {
+    var i, e, r;
+    if (super.connectedCallback(), ((i = this._svg) == null ? void 0 : i.getAttribute("width")) === null) {
       const t = p("c-pieIcon c-pieIcon--alertCircle", "", null, "IconAlertCircle");
       (e = this._svg) == null || e.setAttribute("width", t.width), (r = this._svg) == null || r.setAttribute("height", t.height);
     }
   }
-  updated(s) {
+  updated(i) {
     var r, t;
     let e;
-    s.has("size") && (e = p("c-pieIcon c-pieIcon--alertCircle", "", this.size, "IconAlertCircle"), (r = this._svg) == null || r.setAttribute("width", e.width), (t = this._svg) == null || t.setAttribute("height", e.height));
+    i.has("size") && (e = p("c-pieIcon c-pieIcon--alertCircle", "", this.size, "IconAlertCircle"), (r = this._svg) == null || r.setAttribute("width", e.width), (t = this._svg) == null || t.setAttribute("height", e.height));
   }
   render() {
     return v`<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--alertCircle"><path d="M8 14.781A6.782 6.782 0 1 1 14.781 8 6.79 6.79 0 0 1 8 14.781Zm0-12.25A5.469 5.469 0 1 0 8 13.47 5.469 5.469 0 0 0 8 2.53Z"></path><path d="M7.055 4.631a3.5 3.5 0 0 1 1.89 0l-.481 4.244h-.928l-.481-4.244Zm1.82 5.994a.875.875 0 1 1-1.75 0 .875.875 0 0 1 1.75 0Z"></path></svg>`;
   }
 }
-i.styles = a`
+s.styles = a`
         :host-context(pie-icon-button) svg,
         :host-context(pie-button) svg {
             display: block;
@@ -37,14 +37,14 @@ i.styles = a`
     `;
 n([
   h({ type: String, reflect: !0 })
-], i.prototype, "size", 2);
+], s.prototype, "size", 2);
 n([
   h({ type: String, reflect: !0 })
-], i.prototype, "class", 2);
+], s.prototype, "class", 2);
 n([
-  f("svg")
-], i.prototype, "_svg", 2);
-u(m, i);
+  b("svg")
+], s.prototype, "_svg", 2);
+u(d, s);
 export {
-  i as IconAlertCircle
+  s as IconAlertCircle
 };

package/dist/IconAlertCircleFilled.js

@@ -1,5 +1,5 @@
 import { css as a, LitElement as g, html as v } from "lit";
-import { d as u, g as p } from "./configs.26fdabe1.js";
+import { m as u, g as p } from "./configs.f8a93d97.js";
 import { property as h, query as d } from "lit/decorators.js";
 var f = Object.defineProperty, b = Object.getOwnPropertyDescriptor, n = (l, r, t, i) => {
   for (var e = i > 1 ? void 0 : i ? b(r, t) : r, c = l.length - 1, o; c >= 0; c--)

package/dist/IconAlertCircleFilledLarge.js

@@ -1,5 +1,5 @@
 import { css as g, LitElement as h, html as v } from "lit";
-import { d as u, g as p } from "./configs.26fdabe1.js";
+import { m as u, g as p } from "./configs.f8a93d97.js";
 import { property as a, query as d } from "lit/decorators.js";
 var f = Object.defineProperty, b = Object.getOwnPropertyDescriptor, n = (s, i, t, r) => {
   for (var e = r > 1 ? void 0 : r ? b(i, t) : i, c = s.length - 1, o; c >= 0; c--)

package/dist/IconAlertCircleLarge.js

@@ -1,10 +1,10 @@
 import { css as g, LitElement as h, html as v } from "lit";
-import { d as u, g as a } from "./configs.26fdabe1.js";
-import { property as p, query as f } from "lit/decorators.js";
-var b = Object.defineProperty, d = Object.getOwnPropertyDescriptor, n = (c, i, t, r) => {
+import { m as u, g as p } from "./configs.f8a93d97.js";
+import { property as a, query as b } from "lit/decorators.js";
+var f = Object.defineProperty, d = Object.getOwnPropertyDescriptor, n = (c, i, t, r) => {
   for (var e = r > 1 ? void 0 : r ? d(i, t) : i, o = c.length - 1, l; o >= 0; o--)
     (l = c[o]) && (e = (r ? l(i, t, e) : l(e)) || e);
-  return r && e && b(i, t, e), e;
+  return r && e && f(i, t, e), e;
 };
 const m = "icon-alert-circle-large";
 class s extends h {
@@ -14,14 +14,14 @@ class s extends h {
   connectedCallback() {
     var i, t, r;
     if (super.connectedCallback(), ((i = this._svg) == null ? void 0 : i.getAttribute("width")) === null) {
-      const e = a("c-pieIcon c-pieIcon--alertCircleLarge", "", null, "IconAlertCircleLarge");
+      const e = p("c-pieIcon c-pieIcon--alertCircleLarge", "", null, "IconAlertCircleLarge");
       (t = this._svg) == null || t.setAttribute("width", e.width), (r = this._svg) == null || r.setAttribute("height", e.height);
     }
   }
   updated(i) {
     var r, e;
     let t;
-    i.has("size") && (t = a("c-pieIcon c-pieIcon--alertCircleLarge", "", this.size, "IconAlertCircleLarge"), (r = this._svg) == null || r.setAttribute("width", t.width), (e = this._svg) == null || e.setAttribute("height", t.height));
+    i.has("size") && (t = p("c-pieIcon c-pieIcon--alertCircleLarge", "", this.size, "IconAlertCircleLarge"), (r = this._svg) == null || r.setAttribute("width", t.width), (e = this._svg) == null || e.setAttribute("height", t.height));
   }
   render() {
     return v`<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--alertCircleLarge"><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="M14.547 10.111a4.584 4.584 0 0 1 2.905 0l-.743 7.639H15.29l-.744-7.639Zm2.765 10.701a1.313 1.313 0 1 1-2.625 0 1.313 1.313 0 0 1 2.626 0Z"></path></svg>`;
@@ -36,13 +36,13 @@ s.styles = g`
         }
     `;
 n([
-  p({ type: String, reflect: !0 })
+  a({ type: String, reflect: !0 })
 ], s.prototype, "size", 2);
 n([
-  p({ type: String, reflect: !0 })
+  a({ type: String, reflect: !0 })
 ], s.prototype, "class", 2);
 n([
-  f("svg")
+  b("svg")
 ], s.prototype, "_svg", 2);
 u(m, s);
 export {

package/dist/IconAlertTriangle.js

@@ -1,33 +1,33 @@
 import { css as h, LitElement as g, html as v } from "lit";
-import { d as u, g as a } from "./configs.26fdabe1.js";
-import { property as p, query as d } from "lit/decorators.js";
-var f = Object.defineProperty, b = Object.getOwnPropertyDescriptor, c = (o, s, e, r) => {
-  for (var t = r > 1 ? void 0 : r ? b(s, e) : s, n = o.length - 1, l; n >= 0; n--)
-    (l = o[n]) && (t = (r ? l(s, e, t) : l(t)) || t);
-  return r && t && f(s, e, t), t;
+import { m as u, g as a } from "./configs.f8a93d97.js";
+import { property as p, query as b } from "lit/decorators.js";
+var f = Object.defineProperty, d = Object.getOwnPropertyDescriptor, c = (o, i, e, r) => {
+  for (var t = r > 1 ? void 0 : r ? d(i, e) : i, n = o.length - 1, l; n >= 0; n--)
+    (l = o[n]) && (t = (r ? l(i, e, t) : l(t)) || t);
+  return r && t && f(i, e, t), t;
 };
-const m = "icon-alert-triangle";
-class i extends g {
+const w = "icon-alert-triangle";
+class s extends g {
   constructor() {
     super(...arguments), this.size = "xs", this.class = "c-pieIcon c-pieIcon--alertTriangle";
   }
   connectedCallback() {
-    var s, e, r;
-    if (super.connectedCallback(), ((s = this._svg) == null ? void 0 : s.getAttribute("width")) === null) {
+    var i, e, r;
+    if (super.connectedCallback(), ((i = this._svg) == null ? void 0 : i.getAttribute("width")) === null) {
       const t = a("c-pieIcon c-pieIcon--alertTriangle", "", null, "IconAlertTriangle");
       (e = this._svg) == null || e.setAttribute("width", t.width), (r = this._svg) == null || r.setAttribute("height", t.height);
     }
   }
-  updated(s) {
+  updated(i) {
     var r, t;
     let e;
-    s.has("size") && (e = a("c-pieIcon c-pieIcon--alertTriangle", "", this.size, "IconAlertTriangle"), (r = this._svg) == null || r.setAttribute("width", e.width), (t = this._svg) == null || t.setAttribute("height", e.height));
+    i.has("size") && (e = a("c-pieIcon c-pieIcon--alertTriangle", "", this.size, "IconAlertTriangle"), (r = this._svg) == null || r.setAttribute("width", e.width), (t = this._svg) == null || t.setAttribute("height", e.height));
   }
   render() {
     return v`<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--alertTriangle"><path d="M8.656 5.375H7.344V8h1.312V5.375Z"></path><path d="M8 10.625a.875.875 0 1 0 0-1.75.875.875 0 0 0 0 1.75Z"></path><path d="M13.408 13.031H2.591a1.496 1.496 0 0 1-1.33-.796 1.593 1.593 0 0 1 .044-1.61l5.408-8.662A1.505 1.505 0 0 1 8 1.219a1.505 1.505 0 0 1 1.286.726l5.408 8.68a1.593 1.593 0 0 1 0 1.627 1.496 1.496 0 0 1-1.287.78ZM8 2.531a.192.192 0 0 0-.175.105l-5.408 8.671a.297.297 0 0 0 0 .298.2.2 0 0 0 .184.114h10.806a.2.2 0 0 0 .184-.114.297.297 0 0 0 0-.298l-5.416-8.67A.192.192 0 0 0 8 2.53Z"></path></svg>`;
   }
 }
-i.styles = h`
+s.styles = h`
         :host-context(pie-icon-button) svg,
         :host-context(pie-button) svg {
             display: block;
@@ -37,14 +37,14 @@ i.styles = h`
     `;
 c([
   p({ type: String, reflect: !0 })
-], i.prototype, "size", 2);
+], s.prototype, "size", 2);
 c([
   p({ type: String, reflect: !0 })
-], i.prototype, "class", 2);
+], s.prototype, "class", 2);
 c([
-  d("svg")
-], i.prototype, "_svg", 2);
-u(m, i);
+  b("svg")
+], s.prototype, "_svg", 2);
+u(w, s);
 export {
-  i as IconAlertTriangle
+  s as IconAlertTriangle
 };

package/dist/IconAlertTriangleFilled.js

@@ -1,6 +1,6 @@
 import { css as g, LitElement as h, html as v } from "lit";
-import { d as u, g as a } from "./configs.26fdabe1.js";
-import { property as p, query as d } from "lit/decorators.js";
+import { m as u, g as p } from "./configs.f8a93d97.js";
+import { property as a, query as d } from "lit/decorators.js";
 var f = Object.defineProperty, b = Object.getOwnPropertyDescriptor, c = (l, r, t, i) => {
   for (var e = i > 1 ? void 0 : i ? b(r, t) : r, o = l.length - 1, n; o >= 0; o--)
     (n = l[o]) && (e = (i ? n(r, t, e) : n(e)) || e);
@@ -14,14 +14,14 @@ class s extends h {
   connectedCallback() {
     var r, t, i;
     if (super.connectedCallback(), ((r = this._svg) == null ? void 0 : r.getAttribute("width")) === null) {
-      const e = a("c-pieIcon c-pieIcon--alertTriangleFilled", "", null, "IconAlertTriangleFilled");
+      const e = p("c-pieIcon c-pieIcon--alertTriangleFilled", "", null, "IconAlertTriangleFilled");
       (t = this._svg) == null || t.setAttribute("width", e.width), (i = this._svg) == null || i.setAttribute("height", e.height);
     }
   }
   updated(r) {
     var i, e;
     let t;
-    r.has("size") && (t = a("c-pieIcon c-pieIcon--alertTriangleFilled", "", this.size, "IconAlertTriangleFilled"), (i = this._svg) == null || i.setAttribute("width", t.width), (e = this._svg) == null || e.setAttribute("height", t.height));
+    r.has("size") && (t = p("c-pieIcon c-pieIcon--alertTriangleFilled", "", this.size, "IconAlertTriangleFilled"), (i = this._svg) == null || i.setAttribute("width", t.width), (e = this._svg) == null || e.setAttribute("height", t.height));
   }
   render() {
     return v`<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--alertTriangleFilled"><path d="m14.694 10.625-5.408-8.68a1.505 1.505 0 0 0-2.572 0l-5.408 8.68a1.592 1.592 0 0 0 0 1.627 1.497 1.497 0 0 0 1.33.797h10.771a1.497 1.497 0 0 0 1.33-.796 1.592 1.592 0 0 0-.043-1.628Zm-6.694 0a.875.875 0 1 1 0-1.75.875.875 0 0 1 0 1.75ZM7.344 8V5.375h1.312V8H7.344Z"></path></svg>`;
@@ -36,10 +36,10 @@ s.styles = g`
         }
     `;
 c([
-  p({ type: String, reflect: !0 })
+  a({ type: String, reflect: !0 })
 ], s.prototype, "size", 2);
 c([
-  p({ type: String, reflect: !0 })
+  a({ type: String, reflect: !0 })
 ], s.prototype, "class", 2);
 c([
   d("svg")

package/dist/IconAlertTriangleFilledLarge.js

@@ -1,5 +1,5 @@
 import { css as p, LitElement as h, html as v } from "lit";
-import { d as u, g as a } from "./configs.26fdabe1.js";
+import { m as u, g as a } from "./configs.f8a93d97.js";
 import { property as g, query as d } from "lit/decorators.js";
 var f = Object.defineProperty, b = Object.getOwnPropertyDescriptor, c = (l, i, t, r) => {
   for (var e = r > 1 ? void 0 : r ? b(i, t) : i, o = l.length - 1, n; o >= 0; o--)

package/dist/IconAlertTriangleLarge.js

@@ -1,27 +1,27 @@
 import { css as p, LitElement as h, html as v } from "lit";
-import { d as u, g as c } from "./configs.26fdabe1.js";
-import { property as g, query as d } from "lit/decorators.js";
-var f = Object.defineProperty, b = Object.getOwnPropertyDescriptor, l = (o, i, t, r) => {
-  for (var e = r > 1 ? void 0 : r ? b(i, t) : i, n = o.length - 1, a; n >= 0; n--)
-    (a = o[n]) && (e = (r ? a(i, t, e) : a(e)) || e);
-  return r && e && f(i, t, e), e;
+import { m as u, g as c } from "./configs.f8a93d97.js";
+import { property as g, query as b } from "lit/decorators.js";
+var f = Object.defineProperty, d = Object.getOwnPropertyDescriptor, l = (o, i, e, r) => {
+  for (var t = r > 1 ? void 0 : r ? d(i, e) : i, a = o.length - 1, n; a >= 0; a--)
+    (n = o[a]) && (t = (r ? n(i, e, t) : n(t)) || t);
+  return r && t && f(i, e, t), t;
 };
-const m = "icon-alert-triangle-large";
+const w = "icon-alert-triangle-large";
 class s extends h {
   constructor() {
     super(...arguments), this.size = 32, this.class = "c-pieIcon c-pieIcon--alertTriangleLarge";
   }
   connectedCallback() {
-    var i, t, r;
+    var i, e, r;
     if (super.connectedCallback(), ((i = this._svg) == null ? void 0 : i.getAttribute("width")) === null) {
-      const e = c("c-pieIcon c-pieIcon--alertTriangleLarge", "", null, "IconAlertTriangleLarge");
-      (t = this._svg) == null || t.setAttribute("width", e.width), (r = this._svg) == null || r.setAttribute("height", e.height);
+      const t = c("c-pieIcon c-pieIcon--alertTriangleLarge", "", null, "IconAlertTriangleLarge");
+      (e = this._svg) == null || e.setAttribute("width", t.width), (r = this._svg) == null || r.setAttribute("height", t.height);
     }
   }
   updated(i) {
-    var r, e;
-    let t;
-    i.has("size") && (t = c("c-pieIcon c-pieIcon--alertTriangleLarge", "", this.size, "IconAlertTriangleLarge"), (r = this._svg) == null || r.setAttribute("width", t.width), (e = this._svg) == null || e.setAttribute("height", t.height));
+    var r, t;
+    let e;
+    i.has("size") && (e = c("c-pieIcon c-pieIcon--alertTriangleLarge", "", this.size, "IconAlertTriangleLarge"), (r = this._svg) == null || r.setAttribute("width", e.width), (t = this._svg) == null || t.setAttribute("height", e.height));
   }
   render() {
     return v`<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--alertTriangleLarge"><path d="M16.875 10.75h-1.75v6.125h1.75V10.75Z"></path><path d="M16 21.906a1.531 1.531 0 1 0 0-3.062 1.531 1.531 0 0 0 0 3.062Z"></path><path d="M26.5 25.625h-21a2.415 2.415 0 0 1-2.135-1.277 2.572 2.572 0 0 1 .07-2.625l10.5-16.818A2.433 2.433 0 0 1 16 3.75a2.433 2.433 0 0 1 2.065 1.164l10.5 16.817a2.574 2.574 0 0 1 .07 2.625 2.415 2.415 0 0 1-2.135 1.269ZM15.414 5.841 4.914 22.66a.822.822 0 0 0 0 .875.691.691 0 0 0 .586.341h21a.691.691 0 0 0 .604-.376.822.822 0 0 0 0-.875l-10.5-16.818A.691.691 0 0 0 16 5.5a.691.691 0 0 0-.586.341Z"></path></svg>`;
@@ -42,9 +42,9 @@ l([
   g({ type: String, reflect: !0 })
 ], s.prototype, "class", 2);
 l([
-  d("svg")
+  b("svg")
 ], s.prototype, "_svg", 2);
-u(m, s);
+u(w, s);
 export {
   s as IconAlertTriangleLarge
 };

package/dist/IconAppOrder.js

@@ -1,10 +1,10 @@
 import { css as a, LitElement as g, html as v } from "lit";
-import { d as u, g as h } from "./configs.26fdabe1.js";
+import { m as u, g as h } from "./configs.f8a93d97.js";
 import { property as l, query as d } from "lit/decorators.js";
-var f = Object.defineProperty, b = Object.getOwnPropertyDescriptor, n = (o, s, e, r) => {
-  for (var t = r > 1 ? void 0 : r ? b(s, e) : s, p = o.length - 1, c; p >= 0; p--)
+var b = Object.defineProperty, f = Object.getOwnPropertyDescriptor, n = (o, s, e, r) => {
+  for (var t = r > 1 ? void 0 : r ? f(s, e) : s, p = o.length - 1, c; p >= 0; p--)
     (c = o[p]) && (t = (r ? c(s, e, t) : c(t)) || t);
-  return r && t && f(s, e, t), t;
+  return r && t && b(s, e, t), t;
 };
 const m = "icon-app-order";
 class i extends g {