@justeattakeaway/pie-icons-webc 1.10.1 → 1.11.1

package/README.md

@@ -1,26 +1,52 @@
+# @justeattakeaway/pie-icons-webc
+[Source Code](https://github.com/justeattakeaway/pie/tree/main/packages/tools/pie-icons-webc) | [Design Documentation](https://pie.design/foundations/iconography/) | [NPM](https://www.npmjs.com/package/@justeattakeaway/pie-icons-webc)
 
-# pie-icons-webc
+<p>
+  <a href="https://www.npmjs.com/@justeattakeaway/pie-icons-webc">
+    <img alt="GitHub Workflow Status" src="https://img.shields.io/npm/v/@justeattakeaway/pie-icons-webc.svg">
+  </a>
+</p>
 
-Shared PIE Icon Components built using [Lit Web Components](https://lit.dev/docs/).
+`@justeattakeaway/pie-icons-webc` is a Web Component icon library built using the [Lit library](https://lit.dev/docs/).
 
 This package provides the PIE icon set as importable web components, to make sure that icons are used in accordance with PIE sizing guidelines.
 
 This package takes the icon SVGs from the [pie-icons](https://www.npmjs.com/package/@justeattakeaway/pie-icons) package and compiles them into Lit web components which can be imported into any web application.
 
----
-
-[![npm version](https://img.shields.io/npm/v/@justeattakeaway/pie-icons-webc.svg)](https://img.shields.io/npm/v/@justeattakeaway/pie-icons-webc.svg)
-
----
+## Table of Contents
+
+- [Installation](#installation)
+- [Usage](#usage)
+  - [Vanilla JavaScript](#vanilla-javascript)
+    - [Importing a single icon](#importing-a-single-icon)
+    - [Importing multiple icons](#importing-multiple-icons)
+  - [Lit components](#lit-components)
+  - [React](#react)
+  - [Vue](#vue)
+- [Props](#props)
+  - [`size`](#size)
+- [Browser support](#browser-support)
+- [Contributing](#contributing)
+  - [Adding new icons](#adding-new-icons)
+  - [Building the module](#building-the-module)
+- [Icon library](#icon-library)
+- [Bundling](#bundling)
 
 ## Installation
 
 To add the module to your project:
 
+**Using Yarn:**
+
 ```bash
 yarn add @justeattakeaway/pie-icons-webc
 ```
 
+**Using NPM:**
+
+```bash
+npm install @justeattakeaway/pie-icons-webc
+```
 
 ## Usage
 
@@ -99,7 +125,7 @@ export class MyAmazingComponent extends LitElement {
 
 ### React
 
-Each icon has a separate entrypoint for use in React applications. This uses our [`pie-wrapper-react`](https://github.com/justeattakeaway/pie/blob/main/packages/tools/pie-wrapper-react) package.
+Each icon has a separate entrypoint for use in React applications.
 
 ```tsx
 import { IconAlertTriangleLarge } from "@justeattakeaway/pie-icons-webc/dist/react/IconAlertTriangleLarge.js";
@@ -119,7 +145,7 @@ export default function App() {
 
 Note that you don't need to register the icons as Vue components, because they aren't!
 
-```vue
+```html
 <template>
   <div>
     <icon-alert-triangle-large></icon-alert-triangle-large>
@@ -142,11 +168,11 @@ Icons are made available in different size variants:
 - regular
 - large, when its name has the `Large` suffix
 
-A regular icon's default size is `xs` and can use one of the following pre-defined values for `size`: `xs`, `s`, `m`, `l`, `xl`, and `xxl`. You can learn more about regular icon sizes [here](https://www.pie.design/foundations/iconography/#sizes-for-the-small-icon-set).
+A `regular` icon's default size is `xs` and can use one of the following pre-defined values for `size`: `xs`, `s`, `m`, `l`, `xl`, and `xxl`. You can learn more about regular icon sizes [here](https://www.pie.design/foundations/iconography/#sizes-for-the-small-icon-set).
 
-A large icon's default (and minimum) `size` is `32`. Values larger than the minimum **must** be multiples of `8`, otherwise the default size will be used. You can learn more about large icon sizes [here](https://www.pie.design/foundations/iconography/#sizes-for-the-large-icon-set).
+A `large` icon's default (and minimum) `size` is `32`. Values larger than the minimum **must** be multiples of `8`, otherwise the default size will be used. You can learn more about large icon sizes [here](https://www.pie.design/foundations/iconography/#sizes-for-the-large-icon-set).
 
-Example:
+**Example:**
 
 ```js
 <icon-alert-triangle size="s"></icon-alert-triangle>

package/dist/IconAi.js

@@ -1,29 +1,29 @@
-import { html as a } from "lit";
-import { property as c } from "lit/decorators.js";
+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, p = (n, t, l, r) => {
-  for (var e = r > 1 ? void 0 : r ? m(t, l) : t, s = n.length - 1, i; s >= 0; s--)
-    (i = n[s]) && (e = (r ? i(t, l, e) : i(e)) || e);
-  return r && e && f(t, l, e), e;
+import { safeCustomElement as m } from "@justeattakeaway/pie-webc-core";
+var f = Object.defineProperty, v = Object.getOwnPropertyDescriptor, o = (i, t, a, r) => {
+  for (var e = r > 1 ? void 0 : r ? v(t, a) : t, c = i.length - 1, l; c >= 0; c--)
+    (l = i[c]) && (e = (r ? l(t, a, e) : l(e)) || e);
+  return r && e && f(t, a, e), e;
 };
-let o = class extends h {
+let s = class extends h {
   constructor() {
     super(...arguments), this.size = "xs", this.class = "c-pieIcon c-pieIcon--ai", this.name = "IconAi";
   }
   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--ai"><path d="M5.67 3.178A2.087 2.087 0 0 1 3.818 1.33L3.78 1h-.564l-.038.33A2.087 2.087 0 0 1 1.33 3.182L1 3.22v.564l.33.038A2.08 2.08 0 0 1 3.178 5.67l.038.33h.564l.038-.33A2.08 2.08 0 0 1 5.67 3.822L6 3.784V3.22l-.33-.038v-.004Z"></path><path fill-rule="evenodd" d="M14.289 8.531a4.821 4.821 0 0 1-4.279-4.27L9.922 3.5H8.62l-.088.761a4.821 4.821 0 0 1-4.27 4.279l-.761.088V9.93l.761.088a4.804 4.804 0 0 1 4.27 4.27l.088.761h1.303l.088-.761a4.805 4.805 0 0 1 4.279-4.27l.761-.088V8.628l-.761-.088v-.009Zm-5.014 3.605a6.091 6.091 0 0 0-2.87-2.87 6.09 6.09 0 0 0 2.87-2.87 6.09 6.09 0 0 0 2.87 2.87 6.091 6.091 0 0 0-2.87 2.87Z" clip-rule="evenodd"></path></svg>`;
+    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>`;
   }
 };
-p([
-  c({ type: String, reflect: !0 })
-], o.prototype, "size", 2);
-p([
-  c({ type: String, reflect: !0 })
-], o.prototype, "class", 2);
-o = p([
-  v("icon-ai")
-], o);
+o([
+  p({ type: String, reflect: !0 })
+], s.prototype, "size", 2);
+o([
+  p({ type: String, reflect: !0 })
+], s.prototype, "class", 2);
+s = o([
+  m("icon-ai")
+], s);
 export {
-  o as IconAi
+  s as IconAi
 };

package/dist/IconAi2.d.ts

@@ -0,0 +1,20 @@
+import { TemplateResult } from 'lit';
+import { RegularIconSize } from '@justeattakeaway/pie-icons-configs';
+import { PieIconComponent } from './PieIconComponent.ts';
+declare const componentSelector = "icon-ai2";
+/**
+ * @tagname icon-ai2
+ */
+export declare class IconAi2 extends PieIconComponent {
+    size: RegularIconSize;
+    class: string;
+    protected name: string;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [componentSelector]: IconAi2;
+    }
+}
+export {};
+//# sourceMappingURL=IconAi2.d.ts.map

package/dist/IconAi2.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconAi2.d.ts","sourceRoot":"","sources":["../icons/IconAi2.ts"],"names":[],"mappings":"AAAA,OAAO,EACO,cAAc,EACvB,MAAM,KAAK,CAAC;AAEb,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGzD,QAAA,MAAM,iBAAiB,aAAa,CAAC;AAErC;;GAEG;AACH,qBACa,OAAQ,SAAQ,gBAAgB;IAElC,IAAI,EAAE,eAAe,CAAQ;IAI7B,KAAK,SAA8B;IAE1C,SAAS,CAAC,IAAI,SAAa;IAE3B,MAAM,IAAI,cAAc;CAG3B;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;KAChC;CACJ"}

package/dist/IconAi2.js

@@ -0,0 +1,29 @@
+import { html as n } from "lit";
+import { property as p } from "lit/decorators.js";
+import { PieIconComponent as m } from "./PieIconComponent.js";
+import { safeCustomElement as f } from "@justeattakeaway/pie-webc-core";
+var h = Object.defineProperty, v = Object.getOwnPropertyDescriptor, i = (l, t, s, r) => {
+  for (var e = r > 1 ? void 0 : r ? v(t, s) : t, c = l.length - 1, a; c >= 0; c--)
+    (a = l[c]) && (e = (r ? a(t, s, e) : a(e)) || e);
+  return r && e && h(t, s, e), e;
+};
+let o = class extends m {
+  constructor() {
+    super(...arguments), this.size = "xs", 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>`;
+  }
+};
+i([
+  p({ type: String, reflect: !0 })
+], o.prototype, "size", 2);
+i([
+  p({ type: String, reflect: !0 })
+], o.prototype, "class", 2);
+o = i([
+  f("icon-ai2")
+], o);
+export {
+  o as IconAi2
+};

package/dist/IconAi2Filled.d.ts

@@ -0,0 +1,20 @@
+import { TemplateResult } from 'lit';
+import { RegularIconSize } from '@justeattakeaway/pie-icons-configs';
+import { PieIconComponent } from './PieIconComponent.ts';
+declare const componentSelector = "icon-ai2-filled";
+/**
+ * @tagname icon-ai2-filled
+ */
+export declare class IconAi2Filled extends PieIconComponent {
+    size: RegularIconSize;
+    class: string;
+    protected name: string;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [componentSelector]: IconAi2Filled;
+    }
+}
+export {};
+//# sourceMappingURL=IconAi2Filled.d.ts.map

package/dist/IconAi2Filled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconAi2Filled.d.ts","sourceRoot":"","sources":["../icons/IconAi2Filled.ts"],"names":[],"mappings":"AAAA,OAAO,EACO,cAAc,EACvB,MAAM,KAAK,CAAC;AAEb,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGzD,QAAA,MAAM,iBAAiB,oBAAoB,CAAC;AAE5C;;GAEG;AACH,qBACa,aAAc,SAAQ,gBAAgB;IAExC,IAAI,EAAE,eAAe,CAAQ;IAI7B,KAAK,SAAoC;IAEhD,SAAS,CAAC,IAAI,SAAmB;IAEjC,MAAM,IAAI,cAAc;CAG3B;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,aAAa,CAAC;KACtC;CACJ"}

package/dist/IconAi2Filled.js

@@ -0,0 +1,29 @@
+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, v = Object.getOwnPropertyDescriptor, c = (a, t, i, r) => {
+  for (var e = r > 1 ? void 0 : r ? v(t, i) : t, o = a.length - 1, s; o >= 0; o--)
+    (s = a[o]) && (e = (r ? s(t, i, e) : s(e)) || e);
+  return r && e && m(t, i, e), e;
+};
+let l = class extends f {
+  constructor() {
+    super(...arguments), this.size = "xs", 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>`;
+  }
+};
+c([
+  p({ type: String, reflect: !0 })
+], l.prototype, "size", 2);
+c([
+  p({ type: String, reflect: !0 })
+], l.prototype, "class", 2);
+l = c([
+  h("icon-ai2-filled")
+], l);
+export {
+  l as IconAi2Filled
+};

package/dist/IconAi2FilledLarge.d.ts

@@ -0,0 +1,20 @@
+import { TemplateResult } from 'lit';
+import { LargeIconSize } from '@justeattakeaway/pie-icons-configs';
+import { PieIconComponent } from './PieIconComponent.ts';
+declare const componentSelector = "icon-ai2-filled-large";
+/**
+ * @tagname icon-ai2-filled-large
+ */
+export declare class IconAi2FilledLarge extends PieIconComponent {
+    size: LargeIconSize;
+    class: string;
+    protected name: string;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [componentSelector]: IconAi2FilledLarge;
+    }
+}
+export {};
+//# sourceMappingURL=IconAi2FilledLarge.d.ts.map

package/dist/IconAi2FilledLarge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconAi2FilledLarge.d.ts","sourceRoot":"","sources":["../icons/IconAi2FilledLarge.ts"],"names":[],"mappings":"AAAA,OAAO,EACO,cAAc,EACvB,MAAM,KAAK,CAAC;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGzD,QAAA,MAAM,iBAAiB,0BAA0B,CAAC;AAElD;;GAEG;AACH,qBACa,kBAAmB,SAAQ,gBAAgB;IAE7C,IAAI,EAAE,aAAa,CAAM;IAIzB,KAAK,SAAyC;IAErD,SAAS,CAAC,IAAI,SAAwB;IAEtC,MAAM,IAAI,cAAc;CAG3B;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,kBAAkB,CAAC;KAC3C;CACJ"}

package/dist/IconAi2FilledLarge.js

@@ -0,0 +1,29 @@
+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;
+};
+let l = class extends f {
+  constructor() {
+    super(...arguments), this.size = 32, 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>`;
+  }
+};
+a([
+  p({ type: String, reflect: !0 })
+], l.prototype, "size", 2);
+a([
+  p({ type: String, reflect: !0 })
+], l.prototype, "class", 2);
+l = a([
+  g("icon-ai2-filled-large")
+], l);
+export {
+  l as IconAi2FilledLarge
+};

package/dist/IconAi2Large.d.ts

@@ -0,0 +1,20 @@
+import { TemplateResult } from 'lit';
+import { LargeIconSize } from '@justeattakeaway/pie-icons-configs';
+import { PieIconComponent } from './PieIconComponent.ts';
+declare const componentSelector = "icon-ai2-large";
+/**
+ * @tagname icon-ai2-large
+ */
+export declare class IconAi2Large extends PieIconComponent {
+    size: LargeIconSize;
+    class: string;
+    protected name: string;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [componentSelector]: IconAi2Large;
+    }
+}
+export {};
+//# sourceMappingURL=IconAi2Large.d.ts.map

package/dist/IconAi2Large.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconAi2Large.d.ts","sourceRoot":"","sources":["../icons/IconAi2Large.ts"],"names":[],"mappings":"AAAA,OAAO,EACO,cAAc,EACvB,MAAM,KAAK,CAAC;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGzD,QAAA,MAAM,iBAAiB,mBAAmB,CAAC;AAE3C;;GAEG;AACH,qBACa,YAAa,SAAQ,gBAAgB;IAEvC,IAAI,EAAE,aAAa,CAAM;IAIzB,KAAK,SAAmC;IAE/C,SAAS,CAAC,IAAI,SAAkB;IAEhC,MAAM,IAAI,cAAc;CAG3B;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,YAAY,CAAC;KACrC;CACJ"}

package/dist/IconAi2Large.js

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

package/dist/IconAiFilled.js

@@ -1,29 +1,29 @@
-import { html as a } from "lit";
-import { property as c } from "lit/decorators.js";
+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, p = (n, t, i, r) => {
-  for (var e = r > 1 ? void 0 : r ? v(t, i) : t, o = n.length - 1, s; o >= 0; o--)
-    (s = n[o]) && (e = (r ? s(t, i, e) : s(e)) || e);
-  return r && e && m(t, i, e), e;
+var m = Object.defineProperty, v = Object.getOwnPropertyDescriptor, o = (a, t, s, l) => {
+  for (var e = l > 1 ? void 0 : l ? v(t, s) : t, c = a.length - 1, i; c >= 0; c--)
+    (i = a[c]) && (e = (l ? i(t, s, e) : i(e)) || e);
+  return l && e && m(t, s, e), e;
 };
-let l = class extends h {
+let r = class extends h {
   constructor() {
     super(...arguments), this.size = "xs", this.class = "c-pieIcon c-pieIcon--aiFilled", this.name = "IconAiFilled";
   }
   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--aiFilled"><path d="M5.67 3.178A2.087 2.087 0 0 1 3.818 1.33L3.78 1h-.564l-.038.33A2.087 2.087 0 0 1 1.33 3.182L1 3.22v.564l.33.038A2.08 2.08 0 0 1 3.178 5.67l.038.33h.564l.038-.33A2.08 2.08 0 0 1 5.67 3.822L6 3.784V3.22l-.33-.038v-.004Z"></path><path d="M14.289 8.531a4.821 4.821 0 0 1-4.279-4.27L9.922 3.5H8.62l-.088.761a4.821 4.821 0 0 1-4.27 4.279l-.761.088V9.93l.761.088a4.804 4.804 0 0 1 4.27 4.27l.088.761h1.303l.088-.761a4.805 4.805 0 0 1 4.279-4.27l.761-.088V8.628l-.761-.088v-.009Z"></path></svg>`;
+    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>`;
   }
 };
-p([
-  c({ type: String, reflect: !0 })
-], l.prototype, "size", 2);
-p([
-  c({ type: String, reflect: !0 })
-], l.prototype, "class", 2);
-l = p([
+o([
+  p({ type: String, reflect: !0 })
+], r.prototype, "size", 2);
+o([
+  p({ type: String, reflect: !0 })
+], r.prototype, "class", 2);
+r = o([
   f("icon-ai-filled")
-], l);
+], r);
 export {
-  l as IconAiFilled
+  r as IconAiFilled
 };

package/dist/IconAiFilledLarge.js

@@ -1,29 +1,29 @@
-import { html as c } from "lit";
-import { property as n } from "lit/decorators.js";
+import { html as n } from "lit";
+import { property as p } from "lit/decorators.js";
 import { PieIconComponent as h } from "./PieIconComponent.js";
-import { safeCustomElement as m } from "@justeattakeaway/pie-webc-core";
-var f = Object.defineProperty, g = Object.getOwnPropertyDescriptor, a = (p, t, i, r) => {
-  for (var e = r > 1 ? void 0 : r ? g(t, i) : t, o = p.length - 1, s; o >= 0; o--)
-    (s = p[o]) && (e = (r ? s(t, i, e) : s(e)) || e);
-  return r && e && f(t, i, e), e;
+import { safeCustomElement as f } from "@justeattakeaway/pie-webc-core";
+var g = Object.defineProperty, m = Object.getOwnPropertyDescriptor, o = (c, l, a, t) => {
+  for (var e = t > 1 ? void 0 : t ? m(l, a) : l, s = c.length - 1, i; s >= 0; s--)
+    (i = c[s]) && (e = (t ? i(l, a, e) : i(e)) || e);
+  return t && e && g(l, a, e), e;
 };
-let l = class extends h {
+let r = class extends h {
   constructor() {
     super(...arguments), this.size = 32, this.class = "c-pieIcon c-pieIcon--aiFilledLarge", this.name = "IconAiFilledLarge";
   }
   render() {
-    return c`<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="m8.037 3 .066.617a4.066 4.066 0 0 0 3.613 3.613l.617.067v.74l-.617.066a4.066 4.066 0 0 0-3.613 3.613l-.066.617h-.74l-.067-.617a4.066 4.066 0 0 0-3.613-3.613L3 8.037v-.74l.617-.067A4.066 4.066 0 0 0 7.23 3.617L7.297 3h.74Z"></path><path d="m18.856 7 .158 1.453a9.571 9.571 0 0 0 8.505 8.505l1.452.157v1.741l-1.452.158a9.571 9.571 0 0 0-8.505 8.505l-.158 1.452h-1.741l-.157-1.452a9.572 9.572 0 0 0-8.505-8.505L7 18.856v-1.741l1.453-.157a9.572 9.572 0 0 0 8.505-8.505L17.114 7h1.741Z"></path></svg>`;
+    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>`;
   }
 };
-a([
-  n({ type: String, reflect: !0 })
-], l.prototype, "size", 2);
-a([
-  n({ type: String, reflect: !0 })
-], l.prototype, "class", 2);
-l = a([
-  m("icon-ai-filled-large")
-], l);
+o([
+  p({ type: String, reflect: !0 })
+], r.prototype, "size", 2);
+o([
+  p({ type: String, reflect: !0 })
+], r.prototype, "class", 2);
+r = o([
+  f("icon-ai-filled-large")
+], r);
 export {
-  l as IconAiFilledLarge
+  r as IconAiFilledLarge
 };

package/dist/IconAiLarge.js

@@ -1,29 +1,29 @@
-import { html as c } from "lit";
-import { property as n } from "lit/decorators.js";
+import { html as n } from "lit";
+import { property as p } from "lit/decorators.js";
 import { PieIconComponent as h } from "./PieIconComponent.js";
-import { safeCustomElement as m } from "@justeattakeaway/pie-webc-core";
-var v = Object.defineProperty, f = Object.getOwnPropertyDescriptor, a = (p, r, l, t) => {
-  for (var e = t > 1 ? void 0 : t ? f(r, l) : r, s = p.length - 1, i; s >= 0; s--)
-    (i = p[s]) && (e = (t ? i(r, l, e) : i(e)) || e);
-  return t && e && v(r, l, e), e;
+import { safeCustomElement as g } from "@justeattakeaway/pie-webc-core";
+var m = Object.defineProperty, f = Object.getOwnPropertyDescriptor, o = (i, t, l, r) => {
+  for (var e = r > 1 ? void 0 : r ? f(t, l) : t, c = i.length - 1, s; c >= 0; c--)
+    (s = i[c]) && (e = (r ? s(t, l, e) : s(e)) || e);
+  return r && e && m(t, l, e), e;
 };
-let o = class extends h {
+let a = class extends h {
   constructor() {
     super(...arguments), this.size = 32, this.class = "c-pieIcon c-pieIcon--aiLarge", this.name = "IconAiLarge";
   }
   render() {
-    return c`<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="m8.037 3 .066.617a4.066 4.066 0 0 0 3.613 3.613l.617.067v.74l-.617.066a4.066 4.066 0 0 0-3.613 3.613l-.066.617h-.74l-.067-.617a4.066 4.066 0 0 0-3.613-3.613L3 8.037v-.74l.617-.067A4.066 4.066 0 0 0 7.23 3.617L7.297 3h.74Z"></path><path fill-rule="evenodd" d="m18.856 7 .158 1.453a9.571 9.571 0 0 0 8.505 8.505l1.452.157v1.741l-1.452.158a9.571 9.571 0 0 0-8.505 8.505l-.158 1.452h-1.741l-.157-1.452a9.572 9.572 0 0 0-8.505-8.505L7 18.856v-1.741l1.453-.157a9.572 9.572 0 0 0 8.505-8.505L17.114 7h1.741Zm-7.324 10.99a11.279 11.279 0 0 1 6.45 6.449 11.279 11.279 0 0 1 6.448-6.449 11.279 11.279 0 0 1-6.449-6.449 11.279 11.279 0 0 1-6.449 6.449Z" clip-rule="evenodd"></path></svg>`;
+    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>`;
   }
 };
-a([
-  n({ type: String, reflect: !0 })
-], o.prototype, "size", 2);
-a([
-  n({ type: String, reflect: !0 })
-], o.prototype, "class", 2);
-o = a([
-  m("icon-ai-large")
-], o);
+o([
+  p({ type: String, reflect: !0 })
+], a.prototype, "size", 2);
+o([
+  p({ type: String, reflect: !0 })
+], a.prototype, "class", 2);
+a = o([
+  g("icon-ai-large")
+], a);
 export {
-  o as IconAiLarge
+  a as IconAiLarge
 };

package/dist/IconMicrophoneFilled.d.ts

@@ -0,0 +1,20 @@
+import { TemplateResult } from 'lit';
+import { RegularIconSize } from '@justeattakeaway/pie-icons-configs';
+import { PieIconComponent } from './PieIconComponent.ts';
+declare const componentSelector = "icon-microphone-filled";
+/**
+ * @tagname icon-microphone-filled
+ */
+export declare class IconMicrophoneFilled extends PieIconComponent {
+    size: RegularIconSize;
+    class: string;
+    protected name: string;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [componentSelector]: IconMicrophoneFilled;
+    }
+}
+export {};
+//# sourceMappingURL=IconMicrophoneFilled.d.ts.map

package/dist/IconMicrophoneFilled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconMicrophoneFilled.d.ts","sourceRoot":"","sources":["../icons/IconMicrophoneFilled.ts"],"names":[],"mappings":"AAAA,OAAO,EACO,cAAc,EACvB,MAAM,KAAK,CAAC;AAEb,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGzD,QAAA,MAAM,iBAAiB,2BAA2B,CAAC;AAEnD;;GAEG;AACH,qBACa,oBAAqB,SAAQ,gBAAgB;IAE/C,IAAI,EAAE,eAAe,CAAQ;IAI7B,KAAK,SAA2C;IAEvD,SAAS,CAAC,IAAI,SAA0B;IAExC,MAAM,IAAI,cAAc;CAG3B;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,oBAAoB,CAAC;KAC7C;CACJ"}

package/dist/IconMicrophoneFilled.js

@@ -0,0 +1,29 @@
+import { html as h } from "lit";
+import { property as l } from "lit/decorators.js";
+import { PieIconComponent as a } from "./PieIconComponent.js";
+import { safeCustomElement as m } from "@justeattakeaway/pie-webc-core";
+var f = Object.defineProperty, v = Object.getOwnPropertyDescriptor, n = (c, r, i, o) => {
+  for (var e = o > 1 ? void 0 : o ? v(r, i) : r, s = c.length - 1, p; s >= 0; s--)
+    (p = c[s]) && (e = (o ? p(r, i, e) : p(e)) || e);
+  return o && e && f(r, i, e), e;
+};
+let t = class extends a {
+  constructor() {
+    super(...arguments), this.size = "xs", this.class = "c-pieIcon c-pieIcon--microphoneFilled", this.name = "IconMicrophoneFilled";
+  }
+  render() {
+    return h`<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--microphoneFilled"><path d="M8.656 12.996V15H7.344v-2.004a5.915 5.915 0 0 1-5.25-5.871h1.312a4.594 4.594 0 0 0 9.188 0h1.312a5.915 5.915 0 0 1-5.25 5.871ZM4.72 7.125V4.5a3.281 3.281 0 1 1 6.562 0v2.625a3.281 3.281 0 0 1-6.562 0Z"></path></svg>`;
+  }
+};
+n([
+  l({ type: String, reflect: !0 })
+], t.prototype, "size", 2);
+n([
+  l({ type: String, reflect: !0 })
+], t.prototype, "class", 2);
+t = n([
+  m("icon-microphone-filled")
+], t);
+export {
+  t as IconMicrophoneFilled
+};