@justeattakeaway/pie-icons-webc 0.5.0 → 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/IconAlcohol.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-alcohol';
 class IconAlcohol extends s {

package/dist/icons/IconAlcoholFilled.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-alcohol-filled';
 class IconAlcoholFilled extends s {

package/dist/icons/IconAlcoholFilledLarge.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-alcohol-filled-large';
 class IconAlcoholFilledLarge extends s {

package/dist/icons/IconAlcoholLarge.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-alcohol-large';
 class IconAlcoholLarge extends s {

package/dist/icons/IconAlertCircle.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-alert-circle';
 class IconAlertCircle extends s {

package/dist/icons/IconAlertCircleFilled.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-alert-circle-filled';
 class IconAlertCircleFilled extends s {

package/dist/icons/IconAlertCircleFilledLarge.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-alert-circle-filled-large';
 class IconAlertCircleFilledLarge extends s {

package/dist/icons/IconAlertCircleLarge.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-alert-circle-large';
 class IconAlertCircleLarge extends s {

package/dist/icons/IconAlertTriangle.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-alert-triangle';
 class IconAlertTriangle extends s {

package/dist/icons/IconAlertTriangleFilled.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-alert-triangle-filled';
 class IconAlertTriangleFilled extends s {

package/dist/icons/IconAlertTriangleFilledLarge.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-alert-triangle-filled-large';
 class IconAlertTriangleFilledLarge extends s {

package/dist/icons/IconAlertTriangleLarge.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-alert-triangle-large';
 class IconAlertTriangleLarge extends s {

package/dist/icons/IconAppOrder.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-app-order';
 class IconAppOrder extends s {

package/dist/icons/IconAppOrderLarge.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-app-order-large';
 class IconAppOrderLarge extends s {

package/dist/icons/IconAppRestaurant.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-app-restaurant';
 class IconAppRestaurant extends s {

package/dist/icons/IconAppRestaurantLarge.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-app-restaurant-large';
 class IconAppRestaurantLarge extends s {

package/dist/icons/IconAppSuccess.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-app-success';
 class IconAppSuccess extends s {

package/dist/icons/IconAppSuccessLarge.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-app-success-large';
 class IconAppSuccessLarge extends s {

package/dist/icons/IconAppUsers.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-app-users';
 class IconAppUsers extends s {

package/dist/icons/IconAppUsersLarge.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-app-users-large';
 class IconAppUsersLarge extends s {

package/dist/icons/IconArrowDown.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-arrow-down';
 class IconArrowDown extends s {

package/dist/icons/IconArrowDownCircle.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-arrow-down-circle';
 class IconArrowDownCircle extends s {

package/dist/icons/IconArrowDownCircleFilled.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-arrow-down-circle-filled';
 class IconArrowDownCircleFilled extends s {

package/dist/icons/IconArrowDownCircleFilledLarge.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-arrow-down-circle-filled-large';
 class IconArrowDownCircleFilledLarge extends s {

package/dist/icons/IconArrowDownCircleLarge.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-arrow-down-circle-large';
 class IconArrowDownCircleLarge extends s {

package/dist/icons/IconArrowDownLarge.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-arrow-down-large';
 class IconArrowDownLarge extends s {

package/dist/icons/IconArrowInCircle.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-arrow-in-circle';
 class IconArrowInCircle extends s {

package/dist/icons/IconArrowInCircleLarge.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-arrow-in-circle-large';
 class IconArrowInCircleLarge extends s {

package/dist/icons/IconArrowLeft.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-arrow-left';
 class IconArrowLeft extends s {

package/dist/icons/IconArrowLeftLarge.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-arrow-left-large';
 class IconArrowLeftLarge extends s {

package/dist/icons/IconArrowOutCircle.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-arrow-out-circle';
 class IconArrowOutCircle extends s {

package/dist/icons/IconArrowOutCircleLarge.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-arrow-out-circle-large';
 class IconArrowOutCircleLarge extends s {

package/dist/icons/IconArrowRight.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-arrow-right';
 class IconArrowRight extends s {

package/dist/icons/IconArrowRightLarge.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-arrow-right-large';
 class IconArrowRightLarge extends s {

package/dist/icons/IconArrowUp.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-arrow-up';
 class IconArrowUp extends s {

package/dist/icons/IconArrowUpLarge.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-arrow-up-large';
 class IconArrowUpLarge extends s {

package/dist/icons/IconArrowUpLeft.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-arrow-up-left';
 class IconArrowUpLeft extends s {

package/dist/icons/IconArrowUpLeftLarge.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-arrow-up-left-large';
 class IconArrowUpLeftLarge extends s {

package/dist/icons/IconAtSymbol.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-at-symbol';
 class IconAtSymbol extends s {

package/dist/icons/IconAtSymbolLarge.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-at-symbol-large';
 class IconAtSymbolLarge extends s {

package/dist/icons/IconAtom.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-atom';
 class IconAtom extends s {

package/dist/icons/IconAtomLarge.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-atom-large';
 class IconAtomLarge extends s {

package/dist/icons/IconBackpack.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-backpack';
 class IconBackpack extends s {

package/dist/icons/IconBackpackLarge.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-backpack-large';
 class IconBackpackLarge extends s {

package/dist/icons/IconBag.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-bag';
 class IconBag extends s {

package/dist/icons/IconBagFilled.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-bag-filled';
 class IconBagFilled extends s {

package/dist/icons/IconBagFilledLarge.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-bag-filled-large';
 class IconBagFilledLarge extends s {

package/dist/icons/IconBagLarge.js

@@ -1,4 +1,4 @@
-import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-4ff9e012.js';
+import { i, _ as __decorate, n, a as i$1, s, g as getSvgProps, x } from './configs-9534a5a1.js';
 
 const componentSelector = 'icon-bag-large';
 class IconBagLarge extends s {

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 };