@justeattakeaway/pie-icons-webc 0.5.1 → 0.6.0

package/dist/icons/IconAccountCredit.d.ts

@@ -0,0 +1,24 @@
+import { LitElement, TemplateResult } from 'lit';
+import type { DependentMap } from '@justeattakeaway/pie-webc-core';
+import { RegularIconSize } from '@justeattakeaway/pie-icons-configs';
+interface IconProps {
+    size: RegularIconSize;
+    class: string;
+}
+declare const componentSelector = "icon-account-credit";
+export declare class IconAccountCredit extends LitElement implements IconProps {
+    static styles: import("lit").CSSResult;
+    size: RegularIconSize;
+    class: string;
+    private _svg?;
+    connectedCallback(): void;
+    updated(changedProperties: DependentMap<IconProps>): void;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [componentSelector]: IconAccountCredit;
+    }
+}
+export {};
+//# sourceMappingURL=IconAccountCredit.d.ts.map

package/dist/icons/IconAccountCredit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconAccountCredit.d.ts","sourceRoot":"","sources":["../../icons/IconAccountCredit.ts"],"names":[],"mappings":"AAAA,OAAO,EACG,UAAU,EAAE,cAAc,EACnC,MAAM,KAAK,CAAC;AAEb,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAe,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAElF,UAAU,SAAS;IACf,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,iBAAiB,wBAAwB,CAAC;AAEhD,qBAAa,iBAAkB,SAAQ,UAAW,YAAW,SAAS;IAElE,MAAM,CAAC,MAAM,0BAOX;IAGK,IAAI,EAAG,eAAe,CAAQ;IAG9B,KAAK,SAAwC;IAGpD,OAAO,CAAC,IAAI,CAAC,CAAc;IAE3B,iBAAiB,IAAM,IAAI;IAS3B,OAAO,CAAE,iBAAiB,EAAE,YAAY,CAAC,SAAS,CAAC,GAAI,IAAI;IAW3D,MAAM,IAAM,cAAc;CAG7B;AAMD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;KAC1C;CACJ"}

package/dist/icons/IconAccountCredit.js

@@ -0,0 +1,54 @@
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
+
+const componentSelector = 'icon-account-credit';
+class IconAccountCredit extends s {
+    constructor() {
+        super(...arguments);
+        this.size = 'xs';
+        this.class = 'c-pieIcon c-pieIcon--accountCredit';
+    }
+    connectedCallback() {
+        var _a, _b, _c;
+        super.connectedCallback();
+        if (((_a = this._svg) === null || _a === void 0 ? void 0 : _a.getAttribute('width')) === null) {
+            const svgSize = getSvgProps('c-pieIcon c-pieIcon--accountCredit', '', null, 'IconAccountCredit');
+            (_b = this._svg) === null || _b === void 0 ? void 0 : _b.setAttribute('width', svgSize.width);
+            (_c = this._svg) === null || _c === void 0 ? void 0 : _c.setAttribute('height', svgSize.height);
+        }
+    }
+    updated(changedProperties) {
+        var _a, _b;
+        let svgSize;
+        if (changedProperties.has('size')) {
+            svgSize = getSvgProps('c-pieIcon c-pieIcon--accountCredit', '', this.size, 'IconAccountCredit');
+            (_a = this._svg) === null || _a === void 0 ? void 0 : _a.setAttribute('width', svgSize.width);
+            (_b = this._svg) === null || _b === void 0 ? void 0 : _b.setAttribute('height', svgSize.height);
+        }
+    }
+    render() {
+        return x `<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>`;
+    }
+}
+// The following styles make sure that the icon will be sized correctly
+IconAccountCredit.styles = i `
+        :host-context(pie-icon-button) svg,
+        :host-context(pie-button) svg {
+            display: block;
+            width: var(--btn-icon-size);
+            height: var(--btn-icon-size);
+        }
+    `;
+__decorate([
+    n({ type: String, reflect: true })
+], IconAccountCredit.prototype, "size", void 0);
+__decorate([
+    n({ type: String, reflect: true })
+], IconAccountCredit.prototype, "class", void 0);
+__decorate([
+    i$1('svg')
+], IconAccountCredit.prototype, "_svg", void 0);
+if (customElements.get(componentSelector) === undefined) {
+    customElements.define(componentSelector, IconAccountCredit);
+}
+
+export { IconAccountCredit };

package/dist/icons/IconAccountCreditLarge.d.ts

@@ -0,0 +1,24 @@
+import { LitElement, TemplateResult } from 'lit';
+import type { DependentMap } from '@justeattakeaway/pie-webc-core';
+import { LargeIconSize } from '@justeattakeaway/pie-icons-configs';
+interface IconProps {
+    size: LargeIconSize;
+    class: string;
+}
+declare const componentSelector = "icon-account-credit-large";
+export declare class IconAccountCreditLarge extends LitElement implements IconProps {
+    static styles: import("lit").CSSResult;
+    size: LargeIconSize;
+    class: string;
+    private _svg?;
+    connectedCallback(): void;
+    updated(changedProperties: DependentMap<IconProps>): void;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [componentSelector]: IconAccountCreditLarge;
+    }
+}
+export {};
+//# sourceMappingURL=IconAccountCreditLarge.d.ts.map

package/dist/icons/IconAccountCreditLarge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconAccountCreditLarge.d.ts","sourceRoot":"","sources":["../../icons/IconAccountCreditLarge.ts"],"names":[],"mappings":"AAAA,OAAO,EACG,UAAU,EAAE,cAAc,EACnC,MAAM,KAAK,CAAC;AAEb,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAe,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAEhF,UAAU,SAAS;IACf,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,iBAAiB,8BAA8B,CAAC;AAEtD,qBAAa,sBAAuB,SAAQ,UAAW,YAAW,SAAS;IAEvE,MAAM,CAAC,MAAM,0BAOX;IAGK,IAAI,EAAG,aAAa,CAAM;IAG1B,KAAK,SAA6C;IAGzD,OAAO,CAAC,IAAI,CAAC,CAAc;IAE3B,iBAAiB,IAAM,IAAI;IAS3B,OAAO,CAAE,iBAAiB,EAAE,YAAY,CAAC,SAAS,CAAC,GAAI,IAAI;IAW3D,MAAM,IAAM,cAAc;CAG7B;AAMD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,sBAAsB,CAAC;KAC/C;CACJ"}

package/dist/icons/IconAccountCreditLarge.js

@@ -0,0 +1,54 @@
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
+
+const componentSelector = 'icon-account-credit-large';
+class IconAccountCreditLarge extends s {
+    constructor() {
+        super(...arguments);
+        this.size = 32;
+        this.class = 'c-pieIcon c-pieIcon--accountCreditLarge';
+    }
+    connectedCallback() {
+        var _a, _b, _c;
+        super.connectedCallback();
+        if (((_a = this._svg) === null || _a === void 0 ? void 0 : _a.getAttribute('width')) === null) {
+            const svgSize = getSvgProps('c-pieIcon c-pieIcon--accountCreditLarge', '', null, 'IconAccountCreditLarge');
+            (_b = this._svg) === null || _b === void 0 ? void 0 : _b.setAttribute('width', svgSize.width);
+            (_c = this._svg) === null || _c === void 0 ? void 0 : _c.setAttribute('height', svgSize.height);
+        }
+    }
+    updated(changedProperties) {
+        var _a, _b;
+        let svgSize;
+        if (changedProperties.has('size')) {
+            svgSize = getSvgProps('c-pieIcon c-pieIcon--accountCreditLarge', '', this.size, 'IconAccountCreditLarge');
+            (_a = this._svg) === null || _a === void 0 ? void 0 : _a.setAttribute('width', svgSize.width);
+            (_b = this._svg) === null || _b === void 0 ? void 0 : _b.setAttribute('height', svgSize.height);
+        }
+    }
+    render() {
+        return x `<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>`;
+    }
+}
+// The following styles make sure that the icon will be sized correctly
+IconAccountCreditLarge.styles = i `
+        :host-context(pie-icon-button) svg,
+        :host-context(pie-button) svg {
+            display: block;
+            width: var(--btn-icon-size);
+            height: var(--btn-icon-size);
+        }
+    `;
+__decorate([
+    n({ type: String, reflect: true })
+], IconAccountCreditLarge.prototype, "size", void 0);
+__decorate([
+    n({ type: String, reflect: true })
+], IconAccountCreditLarge.prototype, "class", void 0);
+__decorate([
+    i$1('svg')
+], IconAccountCreditLarge.prototype, "_svg", void 0);
+if (customElements.get(componentSelector) === undefined) {
+    customElements.define(componentSelector, IconAccountCreditLarge);
+}
+
+export { IconAccountCreditLarge };

package/dist/icons/IconBakery.d.ts

@@ -0,0 +1,24 @@
+import { LitElement, TemplateResult } from 'lit';
+import type { DependentMap } from '@justeattakeaway/pie-webc-core';
+import { RegularIconSize } from '@justeattakeaway/pie-icons-configs';
+interface IconProps {
+    size: RegularIconSize;
+    class: string;
+}
+declare const componentSelector = "icon-bakery";
+export declare class IconBakery extends LitElement implements IconProps {
+    static styles: import("lit").CSSResult;
+    size: RegularIconSize;
+    class: string;
+    private _svg?;
+    connectedCallback(): void;
+    updated(changedProperties: DependentMap<IconProps>): void;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [componentSelector]: IconBakery;
+    }
+}
+export {};
+//# sourceMappingURL=IconBakery.d.ts.map

package/dist/icons/IconBakery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBakery.d.ts","sourceRoot":"","sources":["../../icons/IconBakery.ts"],"names":[],"mappings":"AAAA,OAAO,EACG,UAAU,EAAE,cAAc,EACnC,MAAM,KAAK,CAAC;AAEb,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAe,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAElF,UAAU,SAAS;IACf,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,iBAAiB,gBAAgB,CAAC;AAExC,qBAAa,UAAW,SAAQ,UAAW,YAAW,SAAS;IAE3D,MAAM,CAAC,MAAM,0BAOX;IAGK,IAAI,EAAG,eAAe,CAAQ;IAG9B,KAAK,SAAiC;IAG7C,OAAO,CAAC,IAAI,CAAC,CAAc;IAE3B,iBAAiB,IAAM,IAAI;IAS3B,OAAO,CAAE,iBAAiB,EAAE,YAAY,CAAC,SAAS,CAAC,GAAI,IAAI;IAW3D,MAAM,IAAM,cAAc;CAG7B;AAMD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;KACnC;CACJ"}

package/dist/icons/IconBakery.js

@@ -0,0 +1,54 @@
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
+
+const componentSelector = 'icon-bakery';
+class IconBakery extends s {
+    constructor() {
+        super(...arguments);
+        this.size = 'xs';
+        this.class = 'c-pieIcon c-pieIcon--bakery';
+    }
+    connectedCallback() {
+        var _a, _b, _c;
+        super.connectedCallback();
+        if (((_a = this._svg) === null || _a === void 0 ? void 0 : _a.getAttribute('width')) === null) {
+            const svgSize = getSvgProps('c-pieIcon c-pieIcon--bakery', '', null, 'IconBakery');
+            (_b = this._svg) === null || _b === void 0 ? void 0 : _b.setAttribute('width', svgSize.width);
+            (_c = this._svg) === null || _c === void 0 ? void 0 : _c.setAttribute('height', svgSize.height);
+        }
+    }
+    updated(changedProperties) {
+        var _a, _b;
+        let svgSize;
+        if (changedProperties.has('size')) {
+            svgSize = getSvgProps('c-pieIcon c-pieIcon--bakery', '', this.size, 'IconBakery');
+            (_a = this._svg) === null || _a === void 0 ? void 0 : _a.setAttribute('width', svgSize.width);
+            (_b = this._svg) === null || _b === void 0 ? void 0 : _b.setAttribute('height', svgSize.height);
+        }
+    }
+    render() {
+        return x `<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--bakery"><path d="M14.617 4.467a2.903 2.903 0 0 0-2.457-1.376H3.83c-.993 0-1.934.523-2.465 1.385a1.982 1.982 0 0 0 .191 2.309l.253.296c.105.122.157.27.157.427l.026 3.45c0 1.071.889 1.942 1.96 1.942h8.085a1.965 1.965 0 0 0 1.96-1.942l.026-2.588c0-1.115.105-1.237.157-1.298l.253-.296a1.98 1.98 0 0 0 .183-2.317v.008Zm-9.67 7.135h-.985a.65.65 0 0 1-.653-.644l-.027-3.45a2.01 2.01 0 0 0-.47-1.272l-.253-.296a.667.667 0 0 1-.052-.784c.288-.462.793-.75 1.342-.75h2.544c.54 0 1.054.288 1.341.758a.67.67 0 0 1-.06.776l-.253.296c-.305.357-.47.801-.48 1.272l-.026 4.103H4.964l-.018-.009Zm8.502-5.662-.252.296a1.13 1.13 0 0 0-.131.174h-2.361l-.427 1.307h2.465c-.008.192-.017.41-.017.653l-.026 2.588a.65.65 0 0 1-.653.644H8.213l.026-4.094c0-.157.061-.305.157-.427l.253-.296a1.98 1.98 0 0 0 .183-2.318c-.018-.026-.035-.043-.052-.07h3.389c.54 0 1.054.288 1.341.759a.67.67 0 0 1-.06.775v.009Z"></path></svg>`;
+    }
+}
+// The following styles make sure that the icon will be sized correctly
+IconBakery.styles = i `
+        :host-context(pie-icon-button) svg,
+        :host-context(pie-button) svg {
+            display: block;
+            width: var(--btn-icon-size);
+            height: var(--btn-icon-size);
+        }
+    `;
+__decorate([
+    n({ type: String, reflect: true })
+], IconBakery.prototype, "size", void 0);
+__decorate([
+    n({ type: String, reflect: true })
+], IconBakery.prototype, "class", void 0);
+__decorate([
+    i$1('svg')
+], IconBakery.prototype, "_svg", void 0);
+if (customElements.get(componentSelector) === undefined) {
+    customElements.define(componentSelector, IconBakery);
+}
+
+export { IconBakery };

package/dist/icons/IconBakeryLarge.d.ts

@@ -0,0 +1,24 @@
+import { LitElement, TemplateResult } from 'lit';
+import type { DependentMap } from '@justeattakeaway/pie-webc-core';
+import { LargeIconSize } from '@justeattakeaway/pie-icons-configs';
+interface IconProps {
+    size: LargeIconSize;
+    class: string;
+}
+declare const componentSelector = "icon-bakery-large";
+export declare class IconBakeryLarge extends LitElement implements IconProps {
+    static styles: import("lit").CSSResult;
+    size: LargeIconSize;
+    class: string;
+    private _svg?;
+    connectedCallback(): void;
+    updated(changedProperties: DependentMap<IconProps>): void;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [componentSelector]: IconBakeryLarge;
+    }
+}
+export {};
+//# sourceMappingURL=IconBakeryLarge.d.ts.map

package/dist/icons/IconBakeryLarge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBakeryLarge.d.ts","sourceRoot":"","sources":["../../icons/IconBakeryLarge.ts"],"names":[],"mappings":"AAAA,OAAO,EACG,UAAU,EAAE,cAAc,EACnC,MAAM,KAAK,CAAC;AAEb,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAe,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAEhF,UAAU,SAAS;IACf,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,iBAAiB,sBAAsB,CAAC;AAE9C,qBAAa,eAAgB,SAAQ,UAAW,YAAW,SAAS;IAEhE,MAAM,CAAC,MAAM,0BAOX;IAGK,IAAI,EAAG,aAAa,CAAM;IAG1B,KAAK,SAAsC;IAGlD,OAAO,CAAC,IAAI,CAAC,CAAc;IAE3B,iBAAiB,IAAM,IAAI;IAS3B,OAAO,CAAE,iBAAiB,EAAE,YAAY,CAAC,SAAS,CAAC,GAAI,IAAI;IAW3D,MAAM,IAAM,cAAc;CAG7B;AAMD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,eAAe,CAAC;KACxC;CACJ"}

package/dist/icons/IconBakeryLarge.js

@@ -0,0 +1,54 @@
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
+
+const componentSelector = 'icon-bakery-large';
+class IconBakeryLarge extends s {
+    constructor() {
+        super(...arguments);
+        this.size = 32;
+        this.class = 'c-pieIcon c-pieIcon--bakeryLarge';
+    }
+    connectedCallback() {
+        var _a, _b, _c;
+        super.connectedCallback();
+        if (((_a = this._svg) === null || _a === void 0 ? void 0 : _a.getAttribute('width')) === null) {
+            const svgSize = getSvgProps('c-pieIcon c-pieIcon--bakeryLarge', '', null, 'IconBakeryLarge');
+            (_b = this._svg) === null || _b === void 0 ? void 0 : _b.setAttribute('width', svgSize.width);
+            (_c = this._svg) === null || _c === void 0 ? void 0 : _c.setAttribute('height', svgSize.height);
+        }
+    }
+    updated(changedProperties) {
+        var _a, _b;
+        let svgSize;
+        if (changedProperties.has('size')) {
+            svgSize = getSvgProps('c-pieIcon c-pieIcon--bakeryLarge', '', this.size, 'IconBakeryLarge');
+            (_a = this._svg) === null || _a === void 0 ? void 0 : _a.setAttribute('width', svgSize.width);
+            (_b = this._svg) === null || _b === void 0 ? void 0 : _b.setAttribute('height', svgSize.height);
+        }
+    }
+    render() {
+        return x `<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--bakeryLarge"><path d="M28.684 9.05c-1.36-2.266-3.738-2.58-6.117-2.58H9.442c-2.379 0-4.767.314-6.135 2.606a3.615 3.615 0 0 0 .331 4.14l.48.584c.279.33.427.749.435 1.185l.053 7.956c0 1.43 1.185 2.597 2.614 2.597H24.79a2.624 2.624 0 0 0 2.614-2.597l.052-7.956c0-.436.157-.854.436-1.185l.48-.584a3.622 3.622 0 0 0 .313-4.166ZM9.991 23.795h-2.77a.867.867 0 0 1-.872-.863l-.053-7.956c0-.837-.305-1.647-.836-2.283l-.48-.584a1.86 1.86 0 0 1-.156-2.161C5.686 8.5 7.229 8.213 9.45 8.213h1.726c2.213 0 3.764.288 4.636 1.752.4.68.33 1.534-.175 2.144l-.479.584a3.662 3.662 0 0 0-.837 2.283l-.06 8.82H9.99ZM27.028 12.11l-.479.584c-.14.165-.253.34-.357.523h-5.978l-.584 1.743h6.082v.026l-.052 7.956c0 .48-.392.863-.871.863h-8.793l.06-8.81c0-.436.158-.855.436-1.186l.48-.584a3.622 3.622 0 0 0 .313-4.165 4.903 4.903 0 0 0-.636-.837h5.918c2.213 0 3.764.288 4.636 1.752.4.68.33 1.534-.175 2.144v-.01Z"></path></svg>`;
+    }
+}
+// The following styles make sure that the icon will be sized correctly
+IconBakeryLarge.styles = i `
+        :host-context(pie-icon-button) svg,
+        :host-context(pie-button) svg {
+            display: block;
+            width: var(--btn-icon-size);
+            height: var(--btn-icon-size);
+        }
+    `;
+__decorate([
+    n({ type: String, reflect: true })
+], IconBakeryLarge.prototype, "size", void 0);
+__decorate([
+    n({ type: String, reflect: true })
+], IconBakeryLarge.prototype, "class", void 0);
+__decorate([
+    i$1('svg')
+], IconBakeryLarge.prototype, "_svg", void 0);
+if (customElements.get(componentSelector) === undefined) {
+    customElements.define(componentSelector, IconBakeryLarge);
+}
+
+export { IconBakeryLarge };

package/dist/icons/IconBeauty.d.ts

@@ -0,0 +1,24 @@
+import { LitElement, TemplateResult } from 'lit';
+import type { DependentMap } from '@justeattakeaway/pie-webc-core';
+import { RegularIconSize } from '@justeattakeaway/pie-icons-configs';
+interface IconProps {
+    size: RegularIconSize;
+    class: string;
+}
+declare const componentSelector = "icon-beauty";
+export declare class IconBeauty extends LitElement implements IconProps {
+    static styles: import("lit").CSSResult;
+    size: RegularIconSize;
+    class: string;
+    private _svg?;
+    connectedCallback(): void;
+    updated(changedProperties: DependentMap<IconProps>): void;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [componentSelector]: IconBeauty;
+    }
+}
+export {};
+//# sourceMappingURL=IconBeauty.d.ts.map

package/dist/icons/IconBeauty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBeauty.d.ts","sourceRoot":"","sources":["../../icons/IconBeauty.ts"],"names":[],"mappings":"AAAA,OAAO,EACG,UAAU,EAAE,cAAc,EACnC,MAAM,KAAK,CAAC;AAEb,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAe,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAElF,UAAU,SAAS;IACf,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,iBAAiB,gBAAgB,CAAC;AAExC,qBAAa,UAAW,SAAQ,UAAW,YAAW,SAAS;IAE3D,MAAM,CAAC,MAAM,0BAOX;IAGK,IAAI,EAAG,eAAe,CAAQ;IAG9B,KAAK,SAAiC;IAG7C,OAAO,CAAC,IAAI,CAAC,CAAc;IAE3B,iBAAiB,IAAM,IAAI;IAS3B,OAAO,CAAE,iBAAiB,EAAE,YAAY,CAAC,SAAS,CAAC,GAAI,IAAI;IAW3D,MAAM,IAAM,cAAc;CAG7B;AAMD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;KACnC;CACJ"}

package/dist/icons/IconBeauty.js

@@ -0,0 +1,54 @@
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
+
+const componentSelector = 'icon-beauty';
+class IconBeauty extends s {
+    constructor() {
+        super(...arguments);
+        this.size = 'xs';
+        this.class = 'c-pieIcon c-pieIcon--beauty';
+    }
+    connectedCallback() {
+        var _a, _b, _c;
+        super.connectedCallback();
+        if (((_a = this._svg) === null || _a === void 0 ? void 0 : _a.getAttribute('width')) === null) {
+            const svgSize = getSvgProps('c-pieIcon c-pieIcon--beauty', '', null, 'IconBeauty');
+            (_b = this._svg) === null || _b === void 0 ? void 0 : _b.setAttribute('width', svgSize.width);
+            (_c = this._svg) === null || _c === void 0 ? void 0 : _c.setAttribute('height', svgSize.height);
+        }
+    }
+    updated(changedProperties) {
+        var _a, _b;
+        let svgSize;
+        if (changedProperties.has('size')) {
+            svgSize = getSvgProps('c-pieIcon c-pieIcon--beauty', '', this.size, 'IconBeauty');
+            (_a = this._svg) === null || _a === void 0 ? void 0 : _a.setAttribute('width', svgSize.width);
+            (_b = this._svg) === null || _b === void 0 ? void 0 : _b.setAttribute('height', svgSize.height);
+        }
+    }
+    render() {
+        return x `<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--beauty"><g clip-path="url(#prefix__clip0_9283_3816)"><path d="M13.371 2.647a4.508 4.508 0 0 0-3.999-1.255l-.714.13A1.557 1.557 0 0 0 7.447 2.63L6.332 6.593l-4.565 4.574c-.288.296-.453.68-.453 1.089 0 .41.157.801.453 1.089l.87.87a1.53 1.53 0 0 0 1.09.454c.392 0 .793-.148 1.089-.453l4.47-4.47 4.085-1.15a1.535 1.535 0 0 0 1.098-1.201l.14-.75a4.522 4.522 0 0 0-1.238-4.007v.009ZM3.892 13.293a.237.237 0 0 1-.34 0l-.87-.872a.233.233 0 0 1-.07-.165.2.2 0 0 1 .07-.166l2.334-2.335 1.203 1.203-2.335 2.335h.008Zm3.259-3.259L5.948 8.832l.915-.915.627.627.567.584-.915.906h.009Zm6.168-3.624-.14.75a.234.234 0 0 1-.174.182L9.207 8.414l1.75-.915-.966-.967-1.002.523.488-1.037-.985-.984-.845 1.794-.017-.017L8.7 2.986c.027-.087.096-.156.183-.165l.715-.13a3.161 3.161 0 0 1 2.84.888 3.156 3.156 0 0 1 .88 2.84V6.41Z"></path></g><defs><clipPath id="prefix__clip0_9283_3816"><rect width="14" height="14" transform="translate(1 1)"></rect></clipPath></defs></svg>`;
+    }
+}
+// The following styles make sure that the icon will be sized correctly
+IconBeauty.styles = i `
+        :host-context(pie-icon-button) svg,
+        :host-context(pie-button) svg {
+            display: block;
+            width: var(--btn-icon-size);
+            height: var(--btn-icon-size);
+        }
+    `;
+__decorate([
+    n({ type: String, reflect: true })
+], IconBeauty.prototype, "size", void 0);
+__decorate([
+    n({ type: String, reflect: true })
+], IconBeauty.prototype, "class", void 0);
+__decorate([
+    i$1('svg')
+], IconBeauty.prototype, "_svg", void 0);
+if (customElements.get(componentSelector) === undefined) {
+    customElements.define(componentSelector, IconBeauty);
+}
+
+export { IconBeauty };

package/dist/icons/IconBeautyLarge.d.ts

@@ -0,0 +1,24 @@
+import { LitElement, TemplateResult } from 'lit';
+import type { DependentMap } from '@justeattakeaway/pie-webc-core';
+import { LargeIconSize } from '@justeattakeaway/pie-icons-configs';
+interface IconProps {
+    size: LargeIconSize;
+    class: string;
+}
+declare const componentSelector = "icon-beauty-large";
+export declare class IconBeautyLarge extends LitElement implements IconProps {
+    static styles: import("lit").CSSResult;
+    size: LargeIconSize;
+    class: string;
+    private _svg?;
+    connectedCallback(): void;
+    updated(changedProperties: DependentMap<IconProps>): void;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [componentSelector]: IconBeautyLarge;
+    }
+}
+export {};
+//# sourceMappingURL=IconBeautyLarge.d.ts.map

package/dist/icons/IconBeautyLarge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBeautyLarge.d.ts","sourceRoot":"","sources":["../../icons/IconBeautyLarge.ts"],"names":[],"mappings":"AAAA,OAAO,EACG,UAAU,EAAE,cAAc,EACnC,MAAM,KAAK,CAAC;AAEb,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAe,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAEhF,UAAU,SAAS;IACf,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,iBAAiB,sBAAsB,CAAC;AAE9C,qBAAa,eAAgB,SAAQ,UAAW,YAAW,SAAS;IAEhE,MAAM,CAAC,MAAM,0BAOX;IAGK,IAAI,EAAG,aAAa,CAAM;IAG1B,KAAK,SAAsC;IAGlD,OAAO,CAAC,IAAI,CAAC,CAAc;IAE3B,iBAAiB,IAAM,IAAI;IAS3B,OAAO,CAAE,iBAAiB,EAAE,YAAY,CAAC,SAAS,CAAC,GAAI,IAAI;IAW3D,MAAM,IAAM,cAAc;CAG7B;AAMD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,eAAe,CAAC;KACxC;CACJ"}

package/dist/icons/IconBeautyLarge.js

@@ -0,0 +1,54 @@
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
+
+const componentSelector = 'icon-beauty-large';
+class IconBeautyLarge extends s {
+    constructor() {
+        super(...arguments);
+        this.size = 32;
+        this.class = 'c-pieIcon c-pieIcon--beautyLarge';
+    }
+    connectedCallback() {
+        var _a, _b, _c;
+        super.connectedCallback();
+        if (((_a = this._svg) === null || _a === void 0 ? void 0 : _a.getAttribute('width')) === null) {
+            const svgSize = getSvgProps('c-pieIcon c-pieIcon--beautyLarge', '', null, 'IconBeautyLarge');
+            (_b = this._svg) === null || _b === void 0 ? void 0 : _b.setAttribute('width', svgSize.width);
+            (_c = this._svg) === null || _c === void 0 ? void 0 : _c.setAttribute('height', svgSize.height);
+        }
+    }
+    updated(changedProperties) {
+        var _a, _b;
+        let svgSize;
+        if (changedProperties.has('size')) {
+            svgSize = getSvgProps('c-pieIcon c-pieIcon--beautyLarge', '', this.size, 'IconBeautyLarge');
+            (_a = this._svg) === null || _a === void 0 ? void 0 : _a.setAttribute('width', svgSize.width);
+            (_b = this._svg) === null || _b === void 0 ? void 0 : _b.setAttribute('height', svgSize.height);
+        }
+    }
+    render() {
+        return x `<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--beautyLarge"><g clip-path="url(#prefix__clip0_9283_3813)"><path d="M27.11 5.07a9.117 9.117 0 0 0-8.09-2.53l-1.5.28c-1.07.2-1.96 1-2.25 2.05l-2.37 8.45L3.21 23a2.885 2.885 0 0 0 0 4.07l1.83 1.83c.56.56 1.3.84 2.04.84s1.47-.28 2.04-.84l9.47-9.47 8.69-2.44c1.06-.3 1.85-1.16 2.05-2.24l.29-1.57a9.1 9.1 0 0 0-2.5-8.1l-.01-.01ZM7.69 27.49c-.34.34-.9.34-1.24 0l-1.83-1.83a.881.881 0 0 1 0-1.24l.58-.58 3.07 3.07-.58.58Zm1.99-1.99-3.07-3.07 4.42-4.42 3.07 3.07-4.42 4.42Zm5.84-5.84-3.07-3.07 1.23-1.23 1.56 1.56 1.48 1.52-1.21 1.21.01.01Zm12.13-6.85-.29 1.57c-.06.33-.3.59-.63.69l-8.21 2.31-.6-.6 4.03-2.11-1.48-1.48-3.05 1.6 1.49-3.16-1.5-1.5-1.96 4.15-.57-.58 2.32-8.26c.09-.32.36-.57.69-.63l1.5-.28c2.33-.43 4.64.29 6.31 1.97 1.68 1.68 2.39 3.98 1.95 6.32v-.01Z"></path></g><defs><clipPath id="prefix__clip0_9283_3813"><rect width="32" height="32"></rect></clipPath></defs></svg>`;
+    }
+}
+// The following styles make sure that the icon will be sized correctly
+IconBeautyLarge.styles = i `
+        :host-context(pie-icon-button) svg,
+        :host-context(pie-button) svg {
+            display: block;
+            width: var(--btn-icon-size);
+            height: var(--btn-icon-size);
+        }
+    `;
+__decorate([
+    n({ type: String, reflect: true })
+], IconBeautyLarge.prototype, "size", void 0);
+__decorate([
+    n({ type: String, reflect: true })
+], IconBeautyLarge.prototype, "class", void 0);
+__decorate([
+    i$1('svg')
+], IconBeautyLarge.prototype, "_svg", void 0);
+if (customElements.get(componentSelector) === undefined) {
+    customElements.define(componentSelector, IconBeautyLarge);
+}
+
+export { IconBeautyLarge };

package/dist/icons/IconBooks.d.ts

@@ -0,0 +1,24 @@
+import { LitElement, TemplateResult } from 'lit';
+import type { DependentMap } from '@justeattakeaway/pie-webc-core';
+import { RegularIconSize } from '@justeattakeaway/pie-icons-configs';
+interface IconProps {
+    size: RegularIconSize;
+    class: string;
+}
+declare const componentSelector = "icon-books";
+export declare class IconBooks extends LitElement implements IconProps {
+    static styles: import("lit").CSSResult;
+    size: RegularIconSize;
+    class: string;
+    private _svg?;
+    connectedCallback(): void;
+    updated(changedProperties: DependentMap<IconProps>): void;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [componentSelector]: IconBooks;
+    }
+}
+export {};
+//# sourceMappingURL=IconBooks.d.ts.map

package/dist/icons/IconBooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBooks.d.ts","sourceRoot":"","sources":["../../icons/IconBooks.ts"],"names":[],"mappings":"AAAA,OAAO,EACG,UAAU,EAAE,cAAc,EACnC,MAAM,KAAK,CAAC;AAEb,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAe,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAElF,UAAU,SAAS;IACf,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,iBAAiB,eAAe,CAAC;AAEvC,qBAAa,SAAU,SAAQ,UAAW,YAAW,SAAS;IAE1D,MAAM,CAAC,MAAM,0BAOX;IAGK,IAAI,EAAG,eAAe,CAAQ;IAG9B,KAAK,SAAgC;IAG5C,OAAO,CAAC,IAAI,CAAC,CAAc;IAE3B,iBAAiB,IAAM,IAAI;IAS3B,OAAO,CAAE,iBAAiB,EAAE,YAAY,CAAC,SAAS,CAAC,GAAI,IAAI;IAW3D,MAAM,IAAM,cAAc;CAG7B;AAMD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC;KAClC;CACJ"}

package/dist/icons/IconBooks.js

@@ -0,0 +1,54 @@
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
+
+const componentSelector = 'icon-books';
+class IconBooks extends s {
+    constructor() {
+        super(...arguments);
+        this.size = 'xs';
+        this.class = 'c-pieIcon c-pieIcon--books';
+    }
+    connectedCallback() {
+        var _a, _b, _c;
+        super.connectedCallback();
+        if (((_a = this._svg) === null || _a === void 0 ? void 0 : _a.getAttribute('width')) === null) {
+            const svgSize = getSvgProps('c-pieIcon c-pieIcon--books', '', null, 'IconBooks');
+            (_b = this._svg) === null || _b === void 0 ? void 0 : _b.setAttribute('width', svgSize.width);
+            (_c = this._svg) === null || _c === void 0 ? void 0 : _c.setAttribute('height', svgSize.height);
+        }
+    }
+    updated(changedProperties) {
+        var _a, _b;
+        let svgSize;
+        if (changedProperties.has('size')) {
+            svgSize = getSvgProps('c-pieIcon c-pieIcon--books', '', this.size, 'IconBooks');
+            (_a = this._svg) === null || _a === void 0 ? void 0 : _a.setAttribute('width', svgSize.width);
+            (_b = this._svg) === null || _b === void 0 ? void 0 : _b.setAttribute('height', svgSize.height);
+        }
+    }
+    render() {
+        return x `<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--books"><g clip-path="url(#prefix__clip0_9288_3887)"><path d="m10.853 6.532 1.664-.993v1.524l-1.664.994V6.532Z"></path><path fill-rule="evenodd" d="M12.988 2.333a1.216 1.216 0 0 1 1.228-.017c.383.209.618.618.618 1.054v5.654c0 .61-.296 1.202-.792 1.568l-5.07 3.78-.036-.043a1.668 1.668 0 0 1-1.977-.078l-.026.043-4.931-3.423a1.952 1.952 0 0 1-.845-1.612v-5.89a1.212 1.212 0 0 1 1.76-1.08l.087-1.019.697.113.005.001c.188.035 2.875.535 4.29 2.726 1.369-2.178 3.904-2.68 4.089-2.717l.005-.001.706-.122.096 1.124.096-.061Zm-6.691 9.931v-5.82c0-.2.043-.391.104-.565L2.472 3.526V9.26c0 .218.105.418.279.54l3.546 2.466Zm-2.117-9.4-.018.157 2.51 1.499C5.93 3.596 4.876 3.1 4.18 2.864ZM7.996 13.31a.39.39 0 0 0 .392-.392v-.906h-.784v.906a.39.39 0 0 0 .392.392Zm-.392-2.605h.784V8.65h-.784v2.056Zm0-3.363h.784v-.906a.39.39 0 0 0-.392-.392.39.39 0 0 0-.392.392v.906Zm4.033-4.208-.017-.26c-.662.234-1.638.73-2.335 1.663l2.352-1.403Zm1.63 6.412a.644.644 0 0 0 .26-.522V3.526L9.6 5.88c.06.174.104.366.104.566v5.758l3.563-2.657Z" clip-rule="evenodd"></path></g><defs><clipPath id="prefix__clip0_9288_3887"><rect width="14" height="14" transform="translate(1 1)"></rect></clipPath></defs></svg>`;
+    }
+}
+// The following styles make sure that the icon will be sized correctly
+IconBooks.styles = i `
+        :host-context(pie-icon-button) svg,
+        :host-context(pie-button) svg {
+            display: block;
+            width: var(--btn-icon-size);
+            height: var(--btn-icon-size);
+        }
+    `;
+__decorate([
+    n({ type: String, reflect: true })
+], IconBooks.prototype, "size", void 0);
+__decorate([
+    n({ type: String, reflect: true })
+], IconBooks.prototype, "class", void 0);
+__decorate([
+    i$1('svg')
+], IconBooks.prototype, "_svg", void 0);
+if (customElements.get(componentSelector) === undefined) {
+    customElements.define(componentSelector, IconBooks);
+}
+
+export { IconBooks };

package/dist/icons/IconBooksLarge.d.ts

@@ -0,0 +1,24 @@
+import { LitElement, TemplateResult } from 'lit';
+import type { DependentMap } from '@justeattakeaway/pie-webc-core';
+import { LargeIconSize } from '@justeattakeaway/pie-icons-configs';
+interface IconProps {
+    size: LargeIconSize;
+    class: string;
+}
+declare const componentSelector = "icon-books-large";
+export declare class IconBooksLarge extends LitElement implements IconProps {
+    static styles: import("lit").CSSResult;
+    size: LargeIconSize;
+    class: string;
+    private _svg?;
+    connectedCallback(): void;
+    updated(changedProperties: DependentMap<IconProps>): void;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [componentSelector]: IconBooksLarge;
+    }
+}
+export {};
+//# sourceMappingURL=IconBooksLarge.d.ts.map

package/dist/icons/IconBooksLarge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBooksLarge.d.ts","sourceRoot":"","sources":["../../icons/IconBooksLarge.ts"],"names":[],"mappings":"AAAA,OAAO,EACG,UAAU,EAAE,cAAc,EACnC,MAAM,KAAK,CAAC;AAEb,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAe,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAEhF,UAAU,SAAS;IACf,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,iBAAiB,qBAAqB,CAAC;AAE7C,qBAAa,cAAe,SAAQ,UAAW,YAAW,SAAS;IAE/D,MAAM,CAAC,MAAM,0BAOX;IAGK,IAAI,EAAG,aAAa,CAAM;IAG1B,KAAK,SAAqC;IAGjD,OAAO,CAAC,IAAI,CAAC,CAAc;IAE3B,iBAAiB,IAAM,IAAI;IAS3B,OAAO,CAAE,iBAAiB,EAAE,YAAY,CAAC,SAAS,CAAC,GAAI,IAAI;IAW3D,MAAM,IAAM,cAAc;CAG7B;AAMD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,cAAc,CAAC;KACvC;CACJ"}