npm - @justeattakeaway/pie-icons-webc - Versions diffs - 0.2.0 → 0.3.0 - Mend

@justeattakeaway/pie-icons-webc 0.2.0 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1728) hide show

package/README.md +26 -17
package/dist/IconAlcohol.js +8 -4
package/dist/IconAlcoholFilled.js +8 -4
package/dist/IconAlcoholFilledLarge.js +8 -4
package/dist/IconAlcoholLarge.js +8 -4
package/dist/IconAlertCircle.js +8 -4
package/dist/IconAlertCircleFilled.js +8 -4
package/dist/IconAlertCircleFilledLarge.js +8 -4
package/dist/IconAlertCircleLarge.js +8 -4
package/dist/IconAlertTriangle.js +8 -4
package/dist/IconAlertTriangleFilled.js +8 -4
package/dist/IconAlertTriangleFilledLarge.js +8 -4
package/dist/IconAlertTriangleLarge.js +8 -4
package/dist/IconAppOrder.js +8 -4
package/dist/IconAppOrderLarge.js +8 -4
package/dist/IconAppRestaurant.js +8 -4
package/dist/IconAppRestaurantLarge.js +8 -4
package/dist/IconAppSuccess.js +8 -4
package/dist/IconAppSuccessLarge.js +8 -4
package/dist/IconAppUsers.js +8 -4
package/dist/IconAppUsersLarge.js +8 -4
package/dist/IconArrowDown.js +8 -4
package/dist/IconArrowDownCircle.js +8 -4
package/dist/IconArrowDownCircleFilled.js +8 -4
package/dist/IconArrowDownCircleFilledLarge.js +8 -4
package/dist/IconArrowDownCircleLarge.js +8 -4
package/dist/IconArrowDownLarge.js +8 -4
package/dist/IconArrowInCircle.js +8 -4
package/dist/IconArrowInCircleLarge.js +8 -4
package/dist/IconArrowLeft.js +8 -4
package/dist/IconArrowLeftLarge.js +8 -4
package/dist/IconArrowOutCircle.js +8 -4
package/dist/IconArrowOutCircleLarge.js +8 -4
package/dist/IconArrowRight.js +8 -4
package/dist/IconArrowRightLarge.js +8 -4
package/dist/IconArrowUp.js +8 -4
package/dist/IconArrowUpLarge.js +8 -4
package/dist/IconArrowUpLeft.js +8 -4
package/dist/IconArrowUpLeftLarge.js +8 -4
package/dist/IconAtSymbol.js +8 -4
package/dist/IconAtSymbolLarge.js +8 -4
package/dist/IconAtom.js +8 -4
package/dist/IconAtomLarge.js +8 -4
package/dist/IconBackpack.js +8 -4
package/dist/IconBackpackLarge.js +8 -4
package/dist/IconBag.js +8 -4
package/dist/IconBagFilled.js +8 -4
package/dist/IconBagFilledLarge.js +8 -4
package/dist/IconBagLarge.js +8 -4
package/dist/IconBallotBox.js +8 -4
package/dist/IconBallotBoxLarge.js +8 -4
package/dist/IconBarcode.js +8 -4
package/dist/IconBarcodeLarge.js +8 -4
package/dist/IconBasket.js +8 -4
package/dist/IconBasketLarge.js +8 -4
package/dist/IconBattery.js +8 -4
package/dist/IconBatteryLarge.js +8 -4
package/dist/IconBike.js +8 -4
package/dist/IconBikeFilled.js +8 -4
package/dist/IconBikeFilledLarge.js +8 -4
package/dist/IconBikeLarge.js +8 -4
package/dist/IconBookmark.js +8 -4
package/dist/IconBookmarkFilled.js +8 -4
package/dist/IconBookmarkFilledLarge.js +8 -4
package/dist/IconBookmarkLarge.js +8 -4
package/dist/IconBrandHighlight.js +8 -4
package/dist/IconBrandHighlightLarge.js +8 -4
package/dist/IconBug.js +8 -4
package/dist/IconBugLarge.js +8 -4
package/dist/IconBulbLightning.js +8 -4
package/dist/IconBulbLightningLarge.js +8 -4
package/dist/IconCalendar.js +8 -4
package/dist/IconCalendarAdd.js +8 -4
package/dist/IconCalendarAddLarge.js +8 -4
package/dist/IconCalendarAlert.js +8 -4
package/dist/IconCalendarAlertLarge.js +8 -4
package/dist/IconCalendarDay.js +8 -4
package/dist/IconCalendarDayLarge.js +8 -4
package/dist/IconCalendarEdit.js +8 -4
package/dist/IconCalendarEditLarge.js +8 -4
package/dist/IconCalendarError.js +8 -4
package/dist/IconCalendarErrorLarge.js +8 -4
package/dist/IconCalendarFilled.js +8 -4
package/dist/IconCalendarFilledLarge.js +8 -4
package/dist/IconCalendarLarge.js +8 -4
package/dist/IconCalendarRepeat.js +8 -4
package/dist/IconCalendarRepeatLarge.js +8 -4
package/dist/IconCalendarStar.js +8 -4
package/dist/IconCalendarStarLarge.js +8 -4
package/dist/IconCamera.js +8 -4
package/dist/IconCameraLarge.js +8 -4
package/dist/IconCar.js +8 -4
package/dist/IconCarClock.js +8 -4
package/dist/IconCarClockLarge.js +8 -4
package/dist/IconCarLarge.js +8 -4
package/dist/IconCaretDown.js +8 -4
package/dist/IconCaretDownFilled.js +8 -4
package/dist/IconCaretDownFilledLarge.js +8 -4
package/dist/IconCaretDownLarge.js +8 -4
package/dist/IconCaretLeft.js +8 -4
package/dist/IconCaretLeftFilled.js +8 -4
package/dist/IconCaretLeftFilledLarge.js +8 -4
package/dist/IconCaretLeftLarge.js +8 -4
package/dist/IconCaretRight.js +8 -4
package/dist/IconCaretRightFilled.js +8 -4
package/dist/IconCaretRightFilledLarge.js +8 -4
package/dist/IconCaretRightLarge.js +8 -4
package/dist/IconCaretUp.js +8 -4
package/dist/IconCaretUpFilled.js +8 -4
package/dist/IconCaretUpFilledLarge.js +8 -4
package/dist/IconCaretUpLarge.js +8 -4
package/dist/IconCash.js +8 -4
package/dist/IconCashCard.js +8 -4
package/dist/IconCashCardFilled.js +8 -4
package/dist/IconCashCardFilledLarge.js +8 -4
package/dist/IconCashCardLarge.js +8 -4
package/dist/IconCashFilled.js +8 -4
package/dist/IconCashFilledLarge.js +8 -4
package/dist/IconCashLarge.js +8 -4
package/dist/IconChartIncrease.js +8 -4
package/dist/IconChartIncreaseLarge.js +8 -4
package/dist/IconChartMarker.js +8 -4
package/dist/IconChartMarkerLarge.js +8 -4
package/dist/IconChat.js +8 -4
package/dist/IconChatBot.js +8 -4
package/dist/IconChatBotLarge.js +8 -4
package/dist/IconChatConversation.js +8 -4
package/dist/IconChatConversationLarge.js +8 -4
package/dist/IconChatFilled.js +8 -4
package/dist/IconChatFilledLarge.js +8 -4
package/dist/IconChatHeart.js +8 -4
package/dist/IconChatHeartLarge.js +8 -4
package/dist/IconChatHelp.js +8 -4
package/dist/IconChatHelpLarge.js +8 -4
package/dist/IconChatLarge.js +8 -4
package/dist/IconCheck.js +8 -4
package/dist/IconCheckCircle.js +8 -4
package/dist/IconCheckCircleFilled.js +8 -4
package/dist/IconCheckCircleFilledLarge.js +8 -4
package/dist/IconCheckCircleLarge.js +8 -4
package/dist/IconCheckLarge.js +8 -4
package/dist/IconCheckboxSelected.js +8 -4
package/dist/IconCheckboxSelectedLarge.js +8 -4
package/dist/IconCheckboxUnselected.js +8 -4
package/dist/IconCheckboxUnselectedLarge.js +8 -4
package/dist/IconCheque.js +8 -4
package/dist/IconChequeFilled.js +8 -4
package/dist/IconChequeFilledLarge.js +8 -4
package/dist/IconChequeLarge.js +8 -4
package/dist/IconChevronDoubleLeft.js +8 -4
package/dist/IconChevronDoubleLeftLarge.js +8 -4
package/dist/IconChevronDoubleRight.js +8 -4
package/dist/IconChevronDoubleRightLarge.js +8 -4
package/dist/IconChevronDown.js +8 -4
package/dist/IconChevronDownLarge.js +8 -4
package/dist/IconChevronLeft.js +8 -4
package/dist/IconChevronLeftLarge.js +8 -4
package/dist/IconChevronRight.js +8 -4
package/dist/IconChevronRightLarge.js +8 -4
package/dist/IconChevronSplit.js +8 -4
package/dist/IconChevronSplitLarge.js +8 -4
package/dist/IconChevronUp.js +8 -4
package/dist/IconChevronUpLarge.js +8 -4
package/dist/IconClock.js +8 -4
package/dist/IconClockAdd.js +8 -4
package/dist/IconClockAddLarge.js +8 -4
package/dist/IconClockAlert.js +8 -4
package/dist/IconClockAlertLarge.js +8 -4
package/dist/IconClockFilled.js +8 -4
package/dist/IconClockFilledLarge.js +8 -4
package/dist/IconClockLarge.js +8 -4
package/dist/IconClockRefresh.js +8 -4
package/dist/IconClockRefreshLarge.js +8 -4
package/dist/IconClose.js +8 -4
package/dist/IconCloseCircle.js +8 -4
package/dist/IconCloseCircleFilled.js +8 -4
package/dist/IconCloseCircleFilledLarge.js +8 -4
package/dist/IconCloseCircleLarge.js +8 -4
package/dist/IconCloseLarge.js +8 -4
package/dist/IconCloud.js +8 -4
package/dist/IconCloudDownload.js +8 -4
package/dist/IconCloudDownloadLarge.js +8 -4
package/dist/IconCloudError.js +8 -4
package/dist/IconCloudErrorLarge.js +8 -4
package/dist/IconCloudLarge.js +8 -4
package/dist/IconCloudSuccess.js +8 -4
package/dist/IconCloudSuccessLarge.js +8 -4
package/dist/IconCloudUpload.js +8 -4
package/dist/IconCloudUploadLarge.js +8 -4
package/dist/IconCo.js +8 -4
package/dist/IconComponents.js +8 -4
package/dist/IconComponentsLarge.js +8 -4
package/dist/IconConsent.js +8 -4
package/dist/IconConsentLarge.js +8 -4
package/dist/IconConvenience.js +8 -4
package/dist/IconConvenienceLarge.js +8 -4
package/dist/IconConversionRate.js +8 -4
package/dist/IconConversionRateLarge.js +8 -4
package/dist/IconCookiePolicy.js +8 -4
package/dist/IconCookiePolicyLarge.js +8 -4
package/dist/IconCopy.js +8 -4
package/dist/IconCopyFilled.js +8 -4
package/dist/IconCopyFilledLarge.js +8 -4
package/dist/IconCopyLarge.js +8 -4
package/dist/IconCreditCard.js +8 -4
package/dist/IconCreditCardFilled.js +8 -4
package/dist/IconCreditCardFilledLarge.js +8 -4
package/dist/IconCreditCardHome.js +8 -4
package/dist/IconCreditCardHomeFilled.js +8 -4
package/dist/IconCreditCardHomeFilledLarge.js +8 -4
package/dist/IconCreditCardHomeLarge.js +8 -4
package/dist/IconCreditCardLarge.js +8 -4
package/dist/IconCurry.js +8 -4
package/dist/IconCurryLarge.js +8 -4
package/dist/IconCutlery.js +8 -4
package/dist/IconCutleryCircleFilled.js +8 -4
package/dist/IconCutleryCircleFilledLarge.js +8 -4
package/dist/IconCutleryFilled.js +8 -4
package/dist/IconCutleryFilledLarge.js +8 -4
package/dist/IconCutleryLarge.js +8 -4
package/dist/IconDashboard.js +8 -4
package/dist/IconDashboardLarge.js +8 -4
package/dist/IconDeliveryFee.js +8 -4
package/dist/IconDeliveryFeeLarge.js +8 -4
package/dist/IconDineIn.js +8 -4
package/dist/IconDineInLarge.js +8 -4
package/dist/IconDirections.js +8 -4
package/dist/IconDirectionsLarge.js +8 -4
package/dist/IconDish.js +8 -4
package/dist/IconDishLarge.js +8 -4
package/dist/IconDocument.js +8 -4
package/dist/IconDocumentLarge.js +8 -4
package/dist/IconDollar.js +8 -4
package/dist/IconDollarLarge.js +8 -4
package/dist/IconDownload.js +8 -4
package/dist/IconDownloadLarge.js +8 -4
package/dist/IconDrag.js +8 -4
package/dist/IconDragLarge.js +8 -4
package/dist/IconDrink.js +8 -4
package/dist/IconDrinkLarge.js +8 -4
package/dist/IconDriverCar.js +8 -4
package/dist/IconDriverCarLarge.js +8 -4
package/dist/IconDriverMoped.js +8 -4
package/dist/IconDriverMopedLarge.js +8 -4
package/dist/IconEdit.js +8 -4
package/dist/IconEditFilled.js +8 -4
package/dist/IconEditFilledLarge.js +8 -4
package/dist/IconEditLarge.js +8 -4
package/dist/IconEggs.js +8 -4
package/dist/IconEggsLarge.js +8 -4
package/dist/IconEmail.js +8 -4
package/dist/IconEmailFilled.js +8 -4
package/dist/IconEmailFilledLarge.js +8 -4
package/dist/IconEmailLarge.js +8 -4
package/dist/IconEmployeeSearch.js +8 -4
package/dist/IconEmployeeSearchLarge.js +8 -4
package/dist/IconEngineers.js +8 -4
package/dist/IconEngineersLarge.js +8 -4
package/dist/IconEuro.js +8 -4
package/dist/IconEuroLarge.js +8 -4
package/dist/IconEyeOff.js +8 -4
package/dist/IconEyeOffFilled.js +8 -4
package/dist/IconEyeOffFilledLarge.js +8 -4
package/dist/IconEyeOffLarge.js +8 -4
package/dist/IconEyeOn.js +8 -4
package/dist/IconEyeOnFilled.js +8 -4
package/dist/IconEyeOnFilledLarge.js +8 -4
package/dist/IconEyeOnLarge.js +8 -4
package/dist/IconFaceHappy.js +8 -4
package/dist/IconFaceHappyLarge.js +8 -4
package/dist/IconFilters.js +8 -4
package/dist/IconFiltersFilled.js +8 -4
package/dist/IconFiltersFilledLarge.js +8 -4
package/dist/IconFiltersLarge.js +8 -4
package/dist/IconFingerprint.js +8 -4
package/dist/IconFingerprintLarge.js +8 -4
package/dist/IconFire.js +8 -4
package/dist/IconFireLarge.js +8 -4
package/dist/IconFlagAustralia.js +8 -4
package/dist/IconFlagAustria.js +8 -4
package/dist/IconFlagBelgium.js +8 -4
package/dist/IconFlagBulgaria.js +8 -4
package/dist/IconFlagCanada.js +8 -4
package/dist/IconFlagDenmark.js +8 -4
package/dist/IconFlagFrance.js +8 -4
package/dist/IconFlagGermany.js +8 -4
package/dist/IconFlagIreland.js +8 -4
package/dist/IconFlagIsrael.js +8 -4
package/dist/IconFlagItaly.js +8 -4
package/dist/IconFlagLuxembourg.js +8 -4
package/dist/IconFlagNetherlands.js +8 -4
package/dist/IconFlagNewZealand.js +8 -4
package/dist/IconFlagNorway.js +8 -4
package/dist/IconFlagPoland.js +8 -4
package/dist/IconFlagPortugal.js +8 -4
package/dist/IconFlagRomania.js +8 -4
package/dist/IconFlagSlovakia.js +8 -4
package/dist/IconFlagSpain.js +8 -4
package/dist/IconFlagSwitzerland.js +8 -4
package/dist/IconFlagUnitedKingdom.js +8 -4
package/dist/IconFlagUnitedStates.js +8 -4
package/dist/IconFlowers.js +8 -4
package/dist/IconFlowersLarge.js +8 -4
package/dist/IconFood.js +8 -4
package/dist/IconFoodFilled.js +8 -4
package/dist/IconFoodFilledLarge.js +8 -4
package/dist/IconFoodLarge.js +8 -4
package/dist/IconFoodReady.js +8 -4
package/dist/IconFoodReadyLarge.js +8 -4
package/dist/IconFoundations.js +8 -4
package/dist/IconFoundationsLarge.js +8 -4
package/dist/IconFriedChicken.js +8 -4
package/dist/IconFriedChickenLarge.js +8 -4
package/dist/IconFries.js +8 -4
package/dist/IconFriesLarge.js +8 -4
package/dist/IconFullscreenExit.js +8 -4
package/dist/IconFullscreenExitLarge.js +8 -4
package/dist/IconFullscreenExpand.js +8 -4
package/dist/IconFullscreenExpandLarge.js +8 -4
package/dist/IconGeolocation.js +8 -4
package/dist/IconGeolocationCircle.js +8 -4
package/dist/IconGeolocationCircleFilled.js +8 -4
package/dist/IconGeolocationCircleFilledLarge.js +8 -4
package/dist/IconGeolocationCircleLarge.js +8 -4
package/dist/IconGeolocationFilled.js +8 -4
package/dist/IconGeolocationFilledLarge.js +8 -4
package/dist/IconGeolocationLarge.js +8 -4
package/dist/IconGift.js +8 -4
package/dist/IconGiftCard.js +8 -4
package/dist/IconGiftCardLarge.js +8 -4
package/dist/IconGiftFilled.js +8 -4
package/dist/IconGiftFilledLarge.js +8 -4
package/dist/IconGiftLarge.js +8 -4
package/dist/IconGluten.js +8 -4
package/dist/IconGlutenLarge.js +8 -4
package/dist/IconGoogleVoice.js +8 -4
package/dist/IconGoogleVoiceLarge.js +8 -4
package/dist/IconGridView.js +8 -4
package/dist/IconGridViewFilled.js +8 -4
package/dist/IconGridViewFilledLarge.js +8 -4
package/dist/IconGridViewLarge.js +8 -4
package/dist/IconGrocery.js +8 -4
package/dist/IconGroceryLarge.js +8 -4
package/dist/IconHandCoins.js +8 -4
package/dist/IconHandCoinsLarge.js +8 -4
package/dist/IconHandHeart.js +8 -4
package/dist/IconHandHeartLarge.js +8 -4
package/dist/IconHeadset.js +8 -4
package/dist/IconHeadsetLarge.js +8 -4
package/dist/IconHeart.js +8 -4
package/dist/IconHeartFilled.js +8 -4
package/dist/IconHeartFilledLarge.js +8 -4
package/dist/IconHeartLarge.js +8 -4
package/dist/IconHelmet.js +8 -4
package/dist/IconHelmetLarge.js +8 -4
package/dist/IconHelpCircle.js +8 -4
package/dist/IconHelpCircleFilled.js +8 -4
package/dist/IconHelpCircleFilledLarge.js +8 -4
package/dist/IconHelpCircleLarge.js +8 -4
package/dist/IconHiVis.js +8 -4
package/dist/IconHiVisLarge.js +8 -4
package/dist/IconHighContrast.js +8 -4
package/dist/IconHighContrastLarge.js +8 -4
package/dist/IconHouse.js +8 -4
package/dist/IconHouseFilled.js +8 -4
package/dist/IconHouseFilledLarge.js +8 -4
package/dist/IconHouseLarge.js +8 -4
package/dist/IconIceCream.js +8 -4
package/dist/IconIceCreamLarge.js +8 -4
package/dist/IconIdCard.js +8 -4
package/dist/IconIdCardLarge.js +8 -4
package/dist/IconImage.js +8 -4
package/dist/IconImageAdd.js +8 -4
package/dist/IconImageAddLarge.js +8 -4
package/dist/IconImageFilled.js +8 -4
package/dist/IconImageFilledLarge.js +8 -4
package/dist/IconImageLarge.js +8 -4
package/dist/IconInfoCircle.js +8 -4
package/dist/IconInfoCircleFilled.js +8 -4
package/dist/IconInfoCircleFilledLarge.js +8 -4
package/dist/IconInfoCircleLarge.js +8 -4
package/dist/IconInfoMarker.js +8 -4
package/dist/IconInfoMarkerLarge.js +8 -4
package/dist/IconKebab.js +8 -4
package/dist/IconKebabBowl.js +8 -4
package/dist/IconKebabBowlLarge.js +8 -4
package/dist/IconKebabLarge.js +8 -4
package/dist/IconKey.js +8 -4
package/dist/IconKeyLarge.js +8 -4
package/dist/IconKeyUnlock.js +8 -4
package/dist/IconKeyUnlockLarge.js +8 -4
package/dist/IconKosher.js +8 -4
package/dist/IconKosherLarge.js +8 -4
package/dist/IconLanguage.js +8 -4
package/dist/IconLanguageLarge.js +8 -4
package/dist/IconLaptop.js +8 -4
package/dist/IconLaptopError.js +8 -4
package/dist/IconLaptopErrorLarge.js +8 -4
package/dist/IconLaptopHighlight.js +8 -4
package/dist/IconLaptopHighlightLarge.js +8 -4
package/dist/IconLaptopLarge.js +8 -4
package/dist/IconLaptopSuccess.js +8 -4
package/dist/IconLaptopSuccessLarge.js +8 -4
package/dist/IconLaw.js +8 -4
package/dist/IconLawLarge.js +8 -4
package/dist/IconLayers.js +8 -4
package/dist/IconLayersLarge.js +8 -4
package/dist/IconLei.js +8 -4
package/dist/IconLeiLarge.js +8 -4
package/dist/IconLev.js +8 -4
package/dist/IconLevLarge.js +8 -4
package/dist/IconLightning.js +8 -4
package/dist/IconLightningLarge.js +8 -4
package/dist/IconLink.js +8 -4
package/dist/IconLinkExternal.js +8 -4
package/dist/IconLinkExternalLarge.js +8 -4
package/dist/IconLinkLarge.js +8 -4
package/dist/IconList.js +8 -4
package/dist/IconListLarge.js +8 -4
package/dist/IconLoading.js +8 -4
package/dist/IconLoadingLarge.js +8 -4
package/dist/IconLocationPin.js +8 -4
package/dist/IconLocationPinFilled.js +8 -4
package/dist/IconLocationPinFilledLarge.js +8 -4
package/dist/IconLocationPinFood.js +8 -4
package/dist/IconLocationPinFoodFilled.js +8 -4
package/dist/IconLocationPinFoodFilledLarge.js +8 -4
package/dist/IconLocationPinFoodLarge.js +8 -4
package/dist/IconLocationPinLarge.js +8 -4
package/dist/IconLocationPinRestaurant.js +8 -4
package/dist/IconLocationPinRestaurantLarge.js +8 -4
package/dist/IconLocationPinUser.js +8 -4
package/dist/IconLocationPinUserLarge.js +8 -4
package/dist/IconLocationRestaurant.js +8 -4
package/dist/IconLocationRestaurantLarge.js +8 -4
package/dist/IconLocationTarget.js +8 -4
package/dist/IconLocationTargetLarge.js +8 -4
package/dist/IconLock.js +8 -4
package/dist/IconLockLarge.js +8 -4
package/dist/IconLogOut.js +8 -4
package/dist/IconLogOutLarge.js +8 -4
package/dist/IconLogoPoints.js +8 -4
package/dist/IconLogoPointsLarge.js +8 -4
package/dist/IconLogoSkip.js +8 -4
package/dist/IconLogoSkipCircle.js +8 -4
package/dist/IconLogoSkipCircleFilled.js +8 -4
package/dist/IconLogoSkipCircleFilledLarge.js +8 -4
package/dist/IconLogoSkipCircleLarge.js +8 -4
package/dist/IconLogoSkipLarge.js +8 -4
package/dist/IconMealVoucher.js +8 -4
package/dist/IconMealVoucherFilled.js +8 -4
package/dist/IconMealVoucherFilledLarge.js +8 -4
package/dist/IconMealVoucherLarge.js +8 -4
package/dist/IconMegaphone.js +8 -4
package/dist/IconMegaphoneLarge.js +8 -4
package/dist/IconMenu.js +8 -4
package/dist/IconMenuLarge.js +8 -4
package/dist/IconMicrophone.js +8 -4
package/dist/IconMicrophoneLarge.js +8 -4
package/dist/IconMilk.js +8 -4
package/dist/IconMilkLarge.js +8 -4
package/dist/IconMinus.js +8 -4
package/dist/IconMinusCircle.js +8 -4
package/dist/IconMinusCircleFilled.js +8 -4
package/dist/IconMinusCircleFilledLarge.js +8 -4
package/dist/IconMinusCircleLarge.js +8 -4
package/dist/IconMinusLarge.js +8 -4
package/dist/IconMolluscs.js +8 -4
package/dist/IconMolluscsLarge.js +8 -4
package/dist/IconMoon.js +8 -4
package/dist/IconMoonLarge.js +8 -4
package/dist/IconMoped.js +8 -4
package/dist/IconMopedLarge.js +8 -4
package/dist/IconMoreHorizontal.js +8 -4
package/dist/IconMoreHorizontalLarge.js +8 -4
package/dist/IconMoreVertical.js +8 -4
package/dist/IconMoreVerticalLarge.js +8 -4
package/dist/IconMustard.js +8 -4
package/dist/IconMustardLarge.js +8 -4
package/dist/IconNachos.js +8 -4
package/dist/IconNachosLarge.js +8 -4
package/dist/IconNavigationCollapse.js +8 -4
package/dist/IconNavigationCollapseLarge.js +8 -4
package/dist/IconNavigationExpand.js +8 -4
package/dist/IconNavigationExpandLarge.js +8 -4
package/dist/IconNetworkError.js +8 -4
package/dist/IconNetworkErrorLarge.js +8 -4
package/dist/IconNoodles.js +8 -4
package/dist/IconNoodlesLarge.js +8 -4
package/dist/IconNote.js +8 -4
package/dist/IconNoteLarge.js +8 -4
package/dist/IconNotification.js +8 -4
package/dist/IconNotificationFilled.js +8 -4
package/dist/IconNotificationFilledLarge.js +8 -4
package/dist/IconNotificationLarge.js +8 -4
package/dist/IconNotificationOff.js +8 -4
package/dist/IconNotificationOffLarge.js +8 -4
package/dist/IconNumberSymbol.js +8 -4
package/dist/IconNumberSymbolLarge.js +8 -4
package/dist/IconNumeroSymbol.js +8 -4
package/dist/IconNumeroSymbolLarge.js +8 -4
package/dist/IconNuts.js +8 -4
package/dist/IconNutsLarge.js +8 -4
package/dist/IconOffer.js +8 -4
package/dist/IconOfferLarge.js +8 -4
package/dist/IconOfferStar.js +8 -4
package/dist/IconOfferStarFilled.js +8 -4
package/dist/IconOfferStarFilledLarge.js +8 -4
package/dist/IconOfferStarLarge.js +8 -4
package/dist/IconOffice.js +8 -4
package/dist/IconOfficeLarge.js +8 -4
package/dist/IconOrder.js +8 -4
package/dist/IconOrderFilled.js +8 -4
package/dist/IconOrderFilledLarge.js +8 -4
package/dist/IconOrderLarge.js +8 -4
package/dist/IconOver16Filled.js +8 -4
package/dist/IconOver16FilledLarge.js +8 -4
package/dist/IconOver18Filled.js +8 -4
package/dist/IconOver18FilledLarge.js +8 -4
package/dist/IconOver21Filled.js +8 -4
package/dist/IconOver21FilledLarge.js +8 -4
package/dist/IconPaintbrush.js +8 -4
package/dist/IconPaintbrushLarge.js +8 -4
package/dist/IconPatterns.js +8 -4
package/dist/IconPatternsLarge.js +8 -4
package/dist/IconPause.js +8 -4
package/dist/IconPauseCircle.js +8 -4
package/dist/IconPauseCircleFilled.js +8 -4
package/dist/IconPauseCircleFilledLarge.js +8 -4
package/dist/IconPauseCircleLarge.js +8 -4
package/dist/IconPauseLarge.js +8 -4
package/dist/IconPaymentApplePay.js +8 -4
package/dist/IconPaymentBitcoin.js +8 -4
package/dist/IconPaymentEps.js +8 -4
package/dist/IconPaymentGiropay.js +8 -4
package/dist/IconPaymentGooglePay.js +8 -4
package/dist/IconPaymentIDeal.js +8 -4
package/dist/IconPaymentKlarna.js +8 -4
package/dist/IconPaymentMisterCash.js +8 -4
package/dist/IconPaymentMobilePay.js +8 -4
package/dist/IconPaymentPaypal.js +8 -4
package/dist/IconPaymentPayu.js +8 -4
package/dist/IconPaymentPostFinance.js +8 -4
package/dist/IconPaymentSodexo.js +8 -4
package/dist/IconPaymentSofort.js +8 -4
package/dist/IconPaymentTwint.js +8 -4
package/dist/IconPaymentVvv.js +8 -4
package/dist/IconPeanuts.js +8 -4
package/dist/IconPeanutsLarge.js +8 -4
package/dist/IconPercentage.js +8 -4
package/dist/IconPercentageLarge.js +8 -4
package/dist/IconPetSupplies.js +8 -4
package/dist/IconPetSuppliesLarge.js +8 -4
package/dist/IconPharmacy.js +8 -4
package/dist/IconPharmacyLarge.js +8 -4
package/dist/IconPhone.js +8 -4
package/dist/IconPhoneFilled.js +8 -4
package/dist/IconPhoneFilledLarge.js +8 -4
package/dist/IconPhoneLarge.js +8 -4
package/dist/IconPhoneOff.js +8 -4
package/dist/IconPhoneOffLarge.js +8 -4
package/dist/IconPickUp.js +8 -4
package/dist/IconPickUpLarge.js +8 -4
package/dist/IconPie.js +8 -4
package/dist/IconPieChart.js +8 -4
package/dist/IconPieChartLarge.js +8 -4
package/dist/IconPieLarge.js +8 -4
package/dist/IconPinAtHome.js +8 -4
package/dist/IconPinAtHomeFilled.js +8 -4
package/dist/IconPinAtHomeFilledLarge.js +8 -4
package/dist/IconPinAtHomeLarge.js +8 -4
package/dist/IconPizza.js +8 -4
package/dist/IconPizzaLarge.js +8 -4
package/dist/IconPlaceholder.js +8 -4
package/dist/IconPlaceholderLarge.js +8 -4
package/dist/IconPlane.js +8 -4
package/dist/IconPlaneLarge.js +8 -4
package/dist/IconPlay.js +8 -4
package/dist/IconPlayCircle.js +8 -4
package/dist/IconPlayCircleFilled.js +8 -4
package/dist/IconPlayCircleFilledLarge.js +8 -4
package/dist/IconPlayCircleLarge.js +8 -4
package/dist/IconPlayLarge.js +8 -4
package/dist/IconPlus.js +8 -4
package/dist/IconPlusCircle.js +8 -4
package/dist/IconPlusCircleFilled.js +8 -4
package/dist/IconPlusCircleFilledLarge.js +8 -4
package/dist/IconPlusCircleLarge.js +8 -4
package/dist/IconPlusLarge.js +8 -4
package/dist/IconPolicies.js +8 -4
package/dist/IconPoliciesLarge.js +8 -4
package/dist/IconPound.js +8 -4
package/dist/IconPoundLarge.js +8 -4
package/dist/IconPrepare.js +8 -4
package/dist/IconPrepareLarge.js +8 -4
package/dist/IconPreparePause.js +8 -4
package/dist/IconPreparePauseLarge.js +8 -4
package/dist/IconPresentationChart.js +8 -4
package/dist/IconPresentationChartLarge.js +8 -4
package/dist/IconPrinter.js +8 -4
package/dist/IconPrinterFilled.js +8 -4
package/dist/IconPrinterFilledLarge.js +8 -4
package/dist/IconPrinterLarge.js +8 -4
package/dist/IconRadioSelected.js +8 -4
package/dist/IconRadioSelectedLarge.js +8 -4
package/dist/IconRadioUnselected.js +8 -4
package/dist/IconRadioUnselectedLarge.js +8 -4
package/dist/IconReceipt.js +8 -4
package/dist/IconReceiptError.js +8 -4
package/dist/IconReceiptErrorLarge.js +8 -4
package/dist/IconReceiptLarge.js +8 -4
package/dist/IconReceiptSuccess.js +8 -4
package/dist/IconReceiptSuccessLarge.js +8 -4
package/dist/IconRecycle.js +8 -4
package/dist/IconRecycleLarge.js +8 -4
package/dist/IconRefresh.js +8 -4
package/dist/IconRefreshLarge.js +8 -4
package/dist/IconResize.js +8 -4
package/dist/IconResizeLarge.js +8 -4
package/dist/IconRestaurant.js +8 -4
package/dist/IconRestaurantFilled.js +8 -4
package/dist/IconRestaurantFilledLarge.js +8 -4
package/dist/IconRestaurantLarge.js +8 -4
package/dist/IconRestaurantMenu.js +8 -4
package/dist/IconRestaurantMenuLarge.js +8 -4
package/dist/IconRestricted.js +8 -4
package/dist/IconRestrictedLarge.js +8 -4
package/dist/IconReview.js +8 -4
package/dist/IconReviewLarge.js +8 -4
package/dist/IconRibbonHeart.js +8 -4
package/dist/IconRibbonHeartLarge.js +8 -4
package/dist/IconRibbonStar.js +8 -4
package/dist/IconRibbonStarLarge.js +8 -4
package/dist/IconRibbonSuccess.js +8 -4
package/dist/IconRibbonSuccessLarge.js +8 -4
package/dist/IconRocketShip.js +8 -4
package/dist/IconRocketShipLarge.js +8 -4
package/dist/IconRoutePin.js +8 -4
package/dist/IconRoutePinLarge.js +8 -4
package/dist/IconRss.js +8 -4
package/dist/IconRssLarge.js +8 -4
package/dist/IconSalad.js +8 -4
package/dist/IconSaladLarge.js +8 -4
package/dist/IconSandwich.js +8 -4
package/dist/IconSandwichLarge.js +8 -4
package/dist/IconSearch.js +8 -4
package/dist/IconSearchLarge.js +8 -4
package/dist/IconSend.js +8 -4
package/dist/IconSendLarge.js +8 -4
package/dist/IconServiceCharge.js +8 -4
package/dist/IconServiceChargeLarge.js +8 -4
package/dist/IconSettings.js +8 -4
package/dist/IconSettingsFilled.js +8 -4
package/dist/IconSettingsFilledLarge.js +8 -4
package/dist/IconSettingsLarge.js +8 -4
package/dist/IconShare.js +8 -4
package/dist/IconShareLarge.js +8 -4
package/dist/IconShekel.js +8 -4
package/dist/IconShekelLarge.js +8 -4
package/dist/IconSignClosed.js +8 -4
package/dist/IconSignClosedLarge.js +8 -4
package/dist/IconSnowflake.js +8 -4
package/dist/IconSnowflakeLarge.js +8 -4
package/dist/IconSocialAndroidCircle.js +8 -4
package/dist/IconSocialAndroidCircleFilled.js +8 -4
package/dist/IconSocialAndroidCircleFilledLarge.js +8 -4
package/dist/IconSocialAndroidCircleLarge.js +8 -4
package/dist/IconSocialAndroidStatic.js +8 -4
package/dist/IconSocialAndroidStaticLarge.js +8 -4
package/dist/IconSocialApple.js +8 -4
package/dist/IconSocialAppleCircle.js +8 -4
package/dist/IconSocialAppleCircleFilled.js +8 -4
package/dist/IconSocialAppleCircleFilledLarge.js +8 -4
package/dist/IconSocialAppleCircleLarge.js +8 -4
package/dist/IconSocialAppleLarge.js +8 -4
package/dist/IconSocialBloggerCircle.js +8 -4
package/dist/IconSocialBloggerCircleFilled.js +8 -4
package/dist/IconSocialBloggerCircleFilledLarge.js +8 -4
package/dist/IconSocialBloggerCircleLarge.js +8 -4
package/dist/IconSocialBloggerStatic.js +8 -4
package/dist/IconSocialBloggerStaticLarge.js +8 -4
package/dist/IconSocialFacebookCircle.js +8 -4
package/dist/IconSocialFacebookCircleFilled.js +8 -4
package/dist/IconSocialFacebookCircleFilledLarge.js +8 -4
package/dist/IconSocialFacebookCircleLarge.js +8 -4
package/dist/IconSocialFacebookStatic.js +8 -4
package/dist/IconSocialFacebookStaticLarge.js +8 -4
package/dist/IconSocialGoogleCircle.js +8 -4
package/dist/IconSocialGoogleCircleFilled.js +8 -4
package/dist/IconSocialGoogleCircleFilledLarge.js +8 -4
package/dist/IconSocialGoogleCircleLarge.js +8 -4
package/dist/IconSocialGoogleStatic.js +8 -4
package/dist/IconSocialGoogleStaticLarge.js +8 -4
package/dist/IconSocialInstagramCircle.js +8 -4
package/dist/IconSocialInstagramCircleFilled.js +8 -4
package/dist/IconSocialInstagramCircleFilledLarge.js +8 -4
package/dist/IconSocialInstagramCircleLarge.js +8 -4
package/dist/IconSocialInstagramStatic.js +8 -4
package/dist/IconSocialInstagramStaticLarge.js +8 -4
package/dist/IconSocialLinkedinCircle.js +8 -4
package/dist/IconSocialLinkedinCircleFilled.js +8 -4
package/dist/IconSocialLinkedinCircleFilledLarge.js +8 -4
package/dist/IconSocialLinkedinCircleLarge.js +8 -4
package/dist/IconSocialLinkedinStatic.js +8 -4
package/dist/IconSocialLinkedinStaticLarge.js +8 -4
package/dist/IconSocialMicrosoftCircle.js +8 -4
package/dist/IconSocialMicrosoftCircleFilled.js +8 -4
package/dist/IconSocialMicrosoftCircleFilledLarge.js +8 -4
package/dist/IconSocialMicrosoftCircleLarge.js +8 -4
package/dist/IconSocialMicrosoftStatic.js +8 -4
package/dist/IconSocialMicrosoftStaticLarge.js +8 -4
package/dist/IconSocialPinterestCircle.js +8 -4
package/dist/IconSocialPinterestCircleFilled.js +8 -4
package/dist/IconSocialPinterestCircleFilledLarge.js +8 -4
package/dist/IconSocialPinterestCircleLarge.js +8 -4
package/dist/IconSocialPinterestStatic.js +8 -4
package/dist/IconSocialPinterestStaticLarge.js +8 -4
package/dist/IconSocialTwitterCircle.js +8 -4
package/dist/IconSocialTwitterCircleFilled.js +8 -4
package/dist/IconSocialTwitterCircleFilledLarge.js +8 -4
package/dist/IconSocialTwitterCircleLarge.js +8 -4
package/dist/IconSocialTwitterStatic.js +8 -4
package/dist/IconSocialTwitterStaticLarge.js +8 -4
package/dist/IconSocialYoutubeCircle.js +8 -4
package/dist/IconSocialYoutubeCircleFilled.js +8 -4
package/dist/IconSocialYoutubeCircleFilledLarge.js +8 -4
package/dist/IconSocialYoutubeCircleLarge.js +8 -4
package/dist/IconSocialYoutubeStatic.js +8 -4
package/dist/IconSocialYoutubeStaticLarge.js +8 -4
package/dist/IconSort.js +8 -4
package/dist/IconSortAscending.js +8 -4
package/dist/IconSortAscendingLarge.js +8 -4
package/dist/IconSortDescending.js +8 -4
package/dist/IconSortDescendingLarge.js +8 -4
package/dist/IconSortLarge.js +8 -4
package/dist/IconSoundOff.js +8 -4
package/dist/IconSoundOffLarge.js +8 -4
package/dist/IconSoundOn.js +8 -4
package/dist/IconSoundOnFilled.js +8 -4
package/dist/IconSoundOnFilledLarge.js +8 -4
package/dist/IconSoundOnLarge.js +8 -4
package/dist/IconSpicy.js +8 -4
package/dist/IconSpicyLarge.js +8 -4
package/dist/IconSponsoredFilled.js +8 -4
package/dist/IconSponsoredFilledLarge.js +8 -4
package/dist/IconStampcard.js +8 -4
package/dist/IconStampcard10.js +8 -4
package/dist/IconStampcard10Filled.js +8 -4
package/dist/IconStampcard10FilledLarge.js +8 -4
package/dist/IconStampcard10Large.js +8 -4
package/dist/IconStampcardFilled.js +8 -4
package/dist/IconStampcardFilledLarge.js +8 -4
package/dist/IconStampcardLarge.js +8 -4
package/dist/IconStar.js +8 -4
package/dist/IconStarCircle.js +8 -4
package/dist/IconStarCircleFilled.js +8 -4
package/dist/IconStarCircleFilledLarge.js +8 -4
package/dist/IconStarCircleLarge.js +8 -4
package/dist/IconStarFilled.js +8 -4
package/dist/IconStarFilledLarge.js +8 -4
package/dist/IconStarHalfFilled.js +8 -4
package/dist/IconStarHalfFilledLarge.js +8 -4
package/dist/IconStarLarge.js +8 -4
package/dist/IconStopwatch.js +8 -4
package/dist/IconStopwatchFilled.js +8 -4
package/dist/IconStopwatchFilledLarge.js +8 -4
package/dist/IconStopwatchLarge.js +8 -4
package/dist/IconSun.js +8 -4
package/dist/IconSunLarge.js +8 -4
package/dist/IconSushi.js +8 -4
package/dist/IconSushiLarge.js +8 -4
package/dist/IconSwissFranc.js +8 -4
package/dist/IconSwissFrancLarge.js +8 -4
package/dist/IconSwitchProduct.js +8 -4
package/dist/IconSwitchProductLarge.js +8 -4
package/dist/IconSync.js +8 -4
package/dist/IconSyncLarge.js +8 -4
package/dist/IconTaco.js +8 -4
package/dist/IconTacoLarge.js +8 -4
package/dist/IconTakeawayPay.js +8 -4
package/dist/IconTakeawayPayFilled.js +8 -4
package/dist/IconTakeawayPayFilledLarge.js +8 -4
package/dist/IconTakeawayPayLarge.js +8 -4
package/dist/IconTarget.js +8 -4
package/dist/IconTargetLarge.js +8 -4
package/dist/IconTemp.js +8 -4
package/dist/IconTempLarge.js +8 -4
package/dist/IconTermsAndConditions.js +8 -4
package/dist/IconTermsAndConditionsLarge.js +8 -4
package/dist/IconThumbsDown.js +8 -4
package/dist/IconThumbsDownFilled.js +8 -4
package/dist/IconThumbsDownFilledLarge.js +8 -4
package/dist/IconThumbsDownLarge.js +8 -4
package/dist/IconThumbsUp.js +8 -4
package/dist/IconThumbsUpFilled.js +8 -4
package/dist/IconThumbsUpFilledLarge.js +8 -4
package/dist/IconThumbsUpLarge.js +8 -4
package/dist/IconToilet.js +8 -4
package/dist/IconToiletLarge.js +8 -4
package/dist/IconTranslateFilled.js +8 -4
package/dist/IconTranslateFilledLarge.js +8 -4
package/dist/IconTrash.js +8 -4
package/dist/IconTrashFilled.js +8 -4
package/dist/IconTrashFilledLarge.js +8 -4
package/dist/IconTrashLarge.js +8 -4
package/dist/IconTutorial.js +8 -4
package/dist/IconTutorialLarge.js +8 -4
package/dist/IconUnlink.js +8 -4
package/dist/IconUnlinkLarge.js +8 -4
package/dist/IconUpload.js +8 -4
package/dist/IconUploadLarge.js +8 -4
package/dist/IconUser.js +8 -4
package/dist/IconUserAdd.js +8 -4
package/dist/IconUserAddLarge.js +8 -4
package/dist/IconUserCircle.js +8 -4
package/dist/IconUserCircleFilled.js +8 -4
package/dist/IconUserCircleFilledLarge.js +8 -4
package/dist/IconUserCircleLarge.js +8 -4
package/dist/IconUserCommunity.js +8 -4
package/dist/IconUserCommunityLarge.js +8 -4
package/dist/IconUserFilled.js +8 -4
package/dist/IconUserFilledLarge.js +8 -4
package/dist/IconUserGroup.js +8 -4
package/dist/IconUserGroupLarge.js +8 -4
package/dist/IconUserHighlight.js +8 -4
package/dist/IconUserHighlightLarge.js +8 -4
package/dist/IconUserLarge.js +8 -4
package/dist/IconUserMarker.js +8 -4
package/dist/IconUserMarkerLarge.js +8 -4
package/dist/IconUserPartnership.js +8 -4
package/dist/IconUserPartnershipLarge.js +8 -4
package/dist/IconUserRepeat.js +8 -4
package/dist/IconUserRepeatLarge.js +8 -4
package/dist/IconUserShield.js +8 -4
package/dist/IconUserShieldLarge.js +8 -4
package/dist/IconUsers.js +8 -4
package/dist/IconUsersLarge.js +8 -4
package/dist/IconVegan.js +8 -4
package/dist/IconVeganLarge.js +8 -4
package/dist/IconVegetarian.js +8 -4
package/dist/IconVegetarianFilled.js +8 -4
package/dist/IconVegetarianFilledLarge.js +8 -4
package/dist/IconVegetarianLarge.js +8 -4
package/dist/IconVision.js +8 -4
package/dist/IconVisionLarge.js +8 -4
package/dist/IconVoucher.js +8 -4
package/dist/IconVoucherFilled.js +8 -4
package/dist/IconVoucherFilledLarge.js +8 -4
package/dist/IconVoucherLarge.js +8 -4
package/dist/IconWalking.js +8 -4
package/dist/IconWalkingLarge.js +8 -4
package/dist/IconWallet.js +8 -4
package/dist/IconWalletFilled.js +8 -4
package/dist/IconWalletFilledLarge.js +8 -4
package/dist/IconWalletLarge.js +8 -4
package/dist/IconWifi.js +8 -4
package/dist/IconWifiAlert.js +8 -4
package/dist/IconWifiAlertLarge.js +8 -4
package/dist/IconWifiLarge.js +8 -4
package/dist/IconWorld.js +8 -4
package/dist/IconWorldLarge.js +8 -4
package/dist/IconWrap.js +8 -4
package/dist/IconWrapLarge.js +8 -4
package/dist/index.js +0 -0
package/dist/pie-icons-configs/configs.js +98 -98
package/icons/IconAlcohol.js +8 -4
package/icons/IconAlcoholFilled.js +8 -4
package/icons/IconAlcoholFilledLarge.js +8 -4
package/icons/IconAlcoholLarge.js +8 -4
package/icons/IconAlertCircle.js +8 -4
package/icons/IconAlertCircleFilled.js +8 -4
package/icons/IconAlertCircleFilledLarge.js +8 -4
package/icons/IconAlertCircleLarge.js +8 -4
package/icons/IconAlertTriangle.js +8 -4
package/icons/IconAlertTriangleFilled.js +8 -4
package/icons/IconAlertTriangleFilledLarge.js +8 -4
package/icons/IconAlertTriangleLarge.js +8 -4
package/icons/IconAppOrder.js +8 -4
package/icons/IconAppOrderLarge.js +8 -4
package/icons/IconAppRestaurant.js +8 -4
package/icons/IconAppRestaurantLarge.js +8 -4
package/icons/IconAppSuccess.js +8 -4
package/icons/IconAppSuccessLarge.js +8 -4
package/icons/IconAppUsers.js +8 -4
package/icons/IconAppUsersLarge.js +8 -4
package/icons/IconArrowDown.js +8 -4
package/icons/IconArrowDownCircle.js +8 -4
package/icons/IconArrowDownCircleFilled.js +8 -4
package/icons/IconArrowDownCircleFilledLarge.js +8 -4
package/icons/IconArrowDownCircleLarge.js +8 -4
package/icons/IconArrowDownLarge.js +8 -4
package/icons/IconArrowInCircle.js +8 -4
package/icons/IconArrowInCircleLarge.js +8 -4
package/icons/IconArrowLeft.js +8 -4
package/icons/IconArrowLeftLarge.js +8 -4
package/icons/IconArrowOutCircle.js +8 -4
package/icons/IconArrowOutCircleLarge.js +8 -4
package/icons/IconArrowRight.js +8 -4
package/icons/IconArrowRightLarge.js +8 -4
package/icons/IconArrowUp.js +8 -4
package/icons/IconArrowUpLarge.js +8 -4
package/icons/IconArrowUpLeft.js +8 -4
package/icons/IconArrowUpLeftLarge.js +8 -4
package/icons/IconAtSymbol.js +8 -4
package/icons/IconAtSymbolLarge.js +8 -4
package/icons/IconAtom.js +8 -4
package/icons/IconAtomLarge.js +8 -4
package/icons/IconBackpack.js +8 -4
package/icons/IconBackpackLarge.js +8 -4
package/icons/IconBag.js +8 -4
package/icons/IconBagFilled.js +8 -4
package/icons/IconBagFilledLarge.js +8 -4
package/icons/IconBagLarge.js +8 -4
package/icons/IconBallotBox.js +8 -4
package/icons/IconBallotBoxLarge.js +8 -4
package/icons/IconBarcode.js +8 -4
package/icons/IconBarcodeLarge.js +8 -4
package/icons/IconBasket.js +8 -4
package/icons/IconBasketLarge.js +8 -4
package/icons/IconBattery.js +8 -4
package/icons/IconBatteryLarge.js +8 -4
package/icons/IconBike.js +8 -4
package/icons/IconBikeFilled.js +8 -4
package/icons/IconBikeFilledLarge.js +8 -4
package/icons/IconBikeLarge.js +8 -4
package/icons/IconBookmark.js +8 -4
package/icons/IconBookmarkFilled.js +8 -4
package/icons/IconBookmarkFilledLarge.js +8 -4
package/icons/IconBookmarkLarge.js +8 -4
package/icons/IconBrandHighlight.js +8 -4
package/icons/IconBrandHighlightLarge.js +8 -4
package/icons/IconBug.js +8 -4
package/icons/IconBugLarge.js +8 -4
package/icons/IconBulbLightning.js +8 -4
package/icons/IconBulbLightningLarge.js +8 -4
package/icons/IconCalendar.js +8 -4
package/icons/IconCalendarAdd.js +8 -4
package/icons/IconCalendarAddLarge.js +8 -4
package/icons/IconCalendarAlert.js +8 -4
package/icons/IconCalendarAlertLarge.js +8 -4
package/icons/IconCalendarDay.js +8 -4
package/icons/IconCalendarDayLarge.js +8 -4
package/icons/IconCalendarEdit.js +8 -4
package/icons/IconCalendarEditLarge.js +8 -4
package/icons/IconCalendarError.js +8 -4
package/icons/IconCalendarErrorLarge.js +8 -4
package/icons/IconCalendarFilled.js +8 -4
package/icons/IconCalendarFilledLarge.js +8 -4
package/icons/IconCalendarLarge.js +8 -4
package/icons/IconCalendarRepeat.js +8 -4
package/icons/IconCalendarRepeatLarge.js +8 -4
package/icons/IconCalendarStar.js +8 -4
package/icons/IconCalendarStarLarge.js +8 -4
package/icons/IconCamera.js +8 -4
package/icons/IconCameraLarge.js +8 -4
package/icons/IconCar.js +8 -4
package/icons/IconCarClock.js +8 -4
package/icons/IconCarClockLarge.js +8 -4
package/icons/IconCarLarge.js +8 -4
package/icons/IconCaretDown.js +8 -4
package/icons/IconCaretDownFilled.js +8 -4
package/icons/IconCaretDownFilledLarge.js +8 -4
package/icons/IconCaretDownLarge.js +8 -4
package/icons/IconCaretLeft.js +8 -4
package/icons/IconCaretLeftFilled.js +8 -4
package/icons/IconCaretLeftFilledLarge.js +8 -4
package/icons/IconCaretLeftLarge.js +8 -4
package/icons/IconCaretRight.js +8 -4
package/icons/IconCaretRightFilled.js +8 -4
package/icons/IconCaretRightFilledLarge.js +8 -4
package/icons/IconCaretRightLarge.js +8 -4
package/icons/IconCaretUp.js +8 -4
package/icons/IconCaretUpFilled.js +8 -4
package/icons/IconCaretUpFilledLarge.js +8 -4
package/icons/IconCaretUpLarge.js +8 -4
package/icons/IconCash.js +8 -4
package/icons/IconCashCard.js +8 -4
package/icons/IconCashCardFilled.js +8 -4
package/icons/IconCashCardFilledLarge.js +8 -4
package/icons/IconCashCardLarge.js +8 -4
package/icons/IconCashFilled.js +8 -4
package/icons/IconCashFilledLarge.js +8 -4
package/icons/IconCashLarge.js +8 -4
package/icons/IconChartIncrease.js +8 -4
package/icons/IconChartIncreaseLarge.js +8 -4
package/icons/IconChartMarker.js +8 -4
package/icons/IconChartMarkerLarge.js +8 -4
package/icons/IconChat.js +8 -4
package/icons/IconChatBot.js +8 -4
package/icons/IconChatBotLarge.js +8 -4
package/icons/IconChatConversation.js +8 -4
package/icons/IconChatConversationLarge.js +8 -4
package/icons/IconChatFilled.js +8 -4
package/icons/IconChatFilledLarge.js +8 -4
package/icons/IconChatHeart.js +8 -4
package/icons/IconChatHeartLarge.js +8 -4
package/icons/IconChatHelp.js +8 -4
package/icons/IconChatHelpLarge.js +8 -4
package/icons/IconChatLarge.js +8 -4
package/icons/IconCheck.js +8 -4
package/icons/IconCheckCircle.js +8 -4
package/icons/IconCheckCircleFilled.js +8 -4
package/icons/IconCheckCircleFilledLarge.js +8 -4
package/icons/IconCheckCircleLarge.js +8 -4
package/icons/IconCheckLarge.js +8 -4
package/icons/IconCheckboxSelected.js +8 -4
package/icons/IconCheckboxSelectedLarge.js +8 -4
package/icons/IconCheckboxUnselected.js +8 -4
package/icons/IconCheckboxUnselectedLarge.js +8 -4
package/icons/IconCheque.js +8 -4
package/icons/IconChequeFilled.js +8 -4
package/icons/IconChequeFilledLarge.js +8 -4
package/icons/IconChequeLarge.js +8 -4
package/icons/IconChevronDoubleLeft.js +8 -4
package/icons/IconChevronDoubleLeftLarge.js +8 -4
package/icons/IconChevronDoubleRight.js +8 -4
package/icons/IconChevronDoubleRightLarge.js +8 -4
package/icons/IconChevronDown.js +8 -4
package/icons/IconChevronDownLarge.js +8 -4
package/icons/IconChevronLeft.js +8 -4
package/icons/IconChevronLeftLarge.js +8 -4
package/icons/IconChevronRight.js +8 -4
package/icons/IconChevronRightLarge.js +8 -4
package/icons/IconChevronSplit.js +8 -4
package/icons/IconChevronSplitLarge.js +8 -4
package/icons/IconChevronUp.js +8 -4
package/icons/IconChevronUpLarge.js +8 -4
package/icons/IconClock.js +8 -4
package/icons/IconClockAdd.js +8 -4
package/icons/IconClockAddLarge.js +8 -4
package/icons/IconClockAlert.js +8 -4
package/icons/IconClockAlertLarge.js +8 -4
package/icons/IconClockFilled.js +8 -4
package/icons/IconClockFilledLarge.js +8 -4
package/icons/IconClockLarge.js +8 -4
package/icons/IconClockRefresh.js +8 -4
package/icons/IconClockRefreshLarge.js +8 -4
package/icons/IconClose.js +8 -4
package/icons/IconCloseCircle.js +8 -4
package/icons/IconCloseCircleFilled.js +8 -4
package/icons/IconCloseCircleFilledLarge.js +8 -4
package/icons/IconCloseCircleLarge.js +8 -4
package/icons/IconCloseLarge.js +8 -4
package/icons/IconCloud.js +8 -4
package/icons/IconCloudDownload.js +8 -4
package/icons/IconCloudDownloadLarge.js +8 -4
package/icons/IconCloudError.js +8 -4
package/icons/IconCloudErrorLarge.js +8 -4
package/icons/IconCloudLarge.js +8 -4
package/icons/IconCloudSuccess.js +8 -4
package/icons/IconCloudSuccessLarge.js +8 -4
package/icons/IconCloudUpload.js +8 -4
package/icons/IconCloudUploadLarge.js +8 -4
package/icons/IconCo.js +8 -4
package/icons/IconComponents.js +8 -4
package/icons/IconComponentsLarge.js +8 -4
package/icons/IconConsent.js +8 -4
package/icons/IconConsentLarge.js +8 -4
package/icons/IconConvenience.js +8 -4
package/icons/IconConvenienceLarge.js +8 -4
package/icons/IconConversionRate.js +8 -4
package/icons/IconConversionRateLarge.js +8 -4
package/icons/IconCookiePolicy.js +8 -4
package/icons/IconCookiePolicyLarge.js +8 -4
package/icons/IconCopy.js +8 -4
package/icons/IconCopyFilled.js +8 -4
package/icons/IconCopyFilledLarge.js +8 -4
package/icons/IconCopyLarge.js +8 -4
package/icons/IconCreditCard.js +8 -4
package/icons/IconCreditCardFilled.js +8 -4
package/icons/IconCreditCardFilledLarge.js +8 -4
package/icons/IconCreditCardHome.js +8 -4
package/icons/IconCreditCardHomeFilled.js +8 -4
package/icons/IconCreditCardHomeFilledLarge.js +8 -4
package/icons/IconCreditCardHomeLarge.js +8 -4
package/icons/IconCreditCardLarge.js +8 -4
package/icons/IconCurry.js +8 -4
package/icons/IconCurryLarge.js +8 -4
package/icons/IconCutlery.js +8 -4
package/icons/IconCutleryCircleFilled.js +8 -4
package/icons/IconCutleryCircleFilledLarge.js +8 -4
package/icons/IconCutleryFilled.js +8 -4
package/icons/IconCutleryFilledLarge.js +8 -4
package/icons/IconCutleryLarge.js +8 -4
package/icons/IconDashboard.js +8 -4
package/icons/IconDashboardLarge.js +8 -4
package/icons/IconDeliveryFee.js +8 -4
package/icons/IconDeliveryFeeLarge.js +8 -4
package/icons/IconDineIn.js +8 -4
package/icons/IconDineInLarge.js +8 -4
package/icons/IconDirections.js +8 -4
package/icons/IconDirectionsLarge.js +8 -4
package/icons/IconDish.js +8 -4
package/icons/IconDishLarge.js +8 -4
package/icons/IconDocument.js +8 -4
package/icons/IconDocumentLarge.js +8 -4
package/icons/IconDollar.js +8 -4
package/icons/IconDollarLarge.js +8 -4
package/icons/IconDownload.js +8 -4
package/icons/IconDownloadLarge.js +8 -4
package/icons/IconDrag.js +8 -4
package/icons/IconDragLarge.js +8 -4
package/icons/IconDrink.js +8 -4
package/icons/IconDrinkLarge.js +8 -4
package/icons/IconDriverCar.js +8 -4
package/icons/IconDriverCarLarge.js +8 -4
package/icons/IconDriverMoped.js +8 -4
package/icons/IconDriverMopedLarge.js +8 -4
package/icons/IconEdit.js +8 -4
package/icons/IconEditFilled.js +8 -4
package/icons/IconEditFilledLarge.js +8 -4
package/icons/IconEditLarge.js +8 -4
package/icons/IconEggs.js +8 -4
package/icons/IconEggsLarge.js +8 -4
package/icons/IconEmail.js +8 -4
package/icons/IconEmailFilled.js +8 -4
package/icons/IconEmailFilledLarge.js +8 -4
package/icons/IconEmailLarge.js +8 -4
package/icons/IconEmployeeSearch.js +8 -4
package/icons/IconEmployeeSearchLarge.js +8 -4
package/icons/IconEngineers.js +8 -4
package/icons/IconEngineersLarge.js +8 -4
package/icons/IconEuro.js +8 -4
package/icons/IconEuroLarge.js +8 -4
package/icons/IconEyeOff.js +8 -4
package/icons/IconEyeOffFilled.js +8 -4
package/icons/IconEyeOffFilledLarge.js +8 -4
package/icons/IconEyeOffLarge.js +8 -4
package/icons/IconEyeOn.js +8 -4
package/icons/IconEyeOnFilled.js +8 -4
package/icons/IconEyeOnFilledLarge.js +8 -4
package/icons/IconEyeOnLarge.js +8 -4
package/icons/IconFaceHappy.js +8 -4
package/icons/IconFaceHappyLarge.js +8 -4
package/icons/IconFilters.js +8 -4
package/icons/IconFiltersFilled.js +8 -4
package/icons/IconFiltersFilledLarge.js +8 -4
package/icons/IconFiltersLarge.js +8 -4
package/icons/IconFingerprint.js +8 -4
package/icons/IconFingerprintLarge.js +8 -4
package/icons/IconFire.js +8 -4
package/icons/IconFireLarge.js +8 -4
package/icons/IconFlagAustralia.js +8 -4
package/icons/IconFlagAustria.js +8 -4
package/icons/IconFlagBelgium.js +8 -4
package/icons/IconFlagBulgaria.js +8 -4
package/icons/IconFlagCanada.js +8 -4
package/icons/IconFlagDenmark.js +8 -4
package/icons/IconFlagFrance.js +8 -4
package/icons/IconFlagGermany.js +8 -4
package/icons/IconFlagIreland.js +8 -4
package/icons/IconFlagIsrael.js +8 -4
package/icons/IconFlagItaly.js +8 -4
package/icons/IconFlagLuxembourg.js +8 -4
package/icons/IconFlagNetherlands.js +8 -4
package/icons/IconFlagNewZealand.js +8 -4
package/icons/IconFlagNorway.js +8 -4
package/icons/IconFlagPoland.js +8 -4
package/icons/IconFlagPortugal.js +8 -4
package/icons/IconFlagRomania.js +8 -4
package/icons/IconFlagSlovakia.js +8 -4
package/icons/IconFlagSpain.js +8 -4
package/icons/IconFlagSwitzerland.js +8 -4
package/icons/IconFlagUnitedKingdom.js +8 -4
package/icons/IconFlagUnitedStates.js +8 -4
package/icons/IconFlowers.js +8 -4
package/icons/IconFlowersLarge.js +8 -4
package/icons/IconFood.js +8 -4
package/icons/IconFoodFilled.js +8 -4
package/icons/IconFoodFilledLarge.js +8 -4
package/icons/IconFoodLarge.js +8 -4
package/icons/IconFoodReady.js +8 -4
package/icons/IconFoodReadyLarge.js +8 -4
package/icons/IconFoundations.js +8 -4
package/icons/IconFoundationsLarge.js +8 -4
package/icons/IconFriedChicken.js +8 -4
package/icons/IconFriedChickenLarge.js +8 -4
package/icons/IconFries.js +8 -4
package/icons/IconFriesLarge.js +8 -4
package/icons/IconFullscreenExit.js +8 -4
package/icons/IconFullscreenExitLarge.js +8 -4
package/icons/IconFullscreenExpand.js +8 -4
package/icons/IconFullscreenExpandLarge.js +8 -4
package/icons/IconGeolocation.js +8 -4
package/icons/IconGeolocationCircle.js +8 -4
package/icons/IconGeolocationCircleFilled.js +8 -4
package/icons/IconGeolocationCircleFilledLarge.js +8 -4
package/icons/IconGeolocationCircleLarge.js +8 -4
package/icons/IconGeolocationFilled.js +8 -4
package/icons/IconGeolocationFilledLarge.js +8 -4
package/icons/IconGeolocationLarge.js +8 -4
package/icons/IconGift.js +8 -4
package/icons/IconGiftCard.js +8 -4
package/icons/IconGiftCardLarge.js +8 -4
package/icons/IconGiftFilled.js +8 -4
package/icons/IconGiftFilledLarge.js +8 -4
package/icons/IconGiftLarge.js +8 -4
package/icons/IconGluten.js +8 -4
package/icons/IconGlutenLarge.js +8 -4
package/icons/IconGoogleVoice.js +8 -4
package/icons/IconGoogleVoiceLarge.js +8 -4
package/icons/IconGridView.js +8 -4
package/icons/IconGridViewFilled.js +8 -4
package/icons/IconGridViewFilledLarge.js +8 -4
package/icons/IconGridViewLarge.js +8 -4
package/icons/IconGrocery.js +8 -4
package/icons/IconGroceryLarge.js +8 -4
package/icons/IconHandCoins.js +8 -4
package/icons/IconHandCoinsLarge.js +8 -4
package/icons/IconHandHeart.js +8 -4
package/icons/IconHandHeartLarge.js +8 -4
package/icons/IconHeadset.js +8 -4
package/icons/IconHeadsetLarge.js +8 -4
package/icons/IconHeart.js +8 -4
package/icons/IconHeartFilled.js +8 -4
package/icons/IconHeartFilledLarge.js +8 -4
package/icons/IconHeartLarge.js +8 -4
package/icons/IconHelmet.js +8 -4
package/icons/IconHelmetLarge.js +8 -4
package/icons/IconHelpCircle.js +8 -4
package/icons/IconHelpCircleFilled.js +8 -4
package/icons/IconHelpCircleFilledLarge.js +8 -4
package/icons/IconHelpCircleLarge.js +8 -4
package/icons/IconHiVis.js +8 -4
package/icons/IconHiVisLarge.js +8 -4
package/icons/IconHighContrast.js +8 -4
package/icons/IconHighContrastLarge.js +8 -4
package/icons/IconHouse.js +8 -4
package/icons/IconHouseFilled.js +8 -4
package/icons/IconHouseFilledLarge.js +8 -4
package/icons/IconHouseLarge.js +8 -4
package/icons/IconIceCream.js +8 -4
package/icons/IconIceCreamLarge.js +8 -4
package/icons/IconIdCard.js +8 -4
package/icons/IconIdCardLarge.js +8 -4
package/icons/IconImage.js +8 -4
package/icons/IconImageAdd.js +8 -4
package/icons/IconImageAddLarge.js +8 -4
package/icons/IconImageFilled.js +8 -4
package/icons/IconImageFilledLarge.js +8 -4
package/icons/IconImageLarge.js +8 -4
package/icons/IconInfoCircle.js +8 -4
package/icons/IconInfoCircleFilled.js +8 -4
package/icons/IconInfoCircleFilledLarge.js +8 -4
package/icons/IconInfoCircleLarge.js +8 -4
package/icons/IconInfoMarker.js +8 -4
package/icons/IconInfoMarkerLarge.js +8 -4
package/icons/IconKebab.js +8 -4
package/icons/IconKebabBowl.js +8 -4
package/icons/IconKebabBowlLarge.js +8 -4
package/icons/IconKebabLarge.js +8 -4
package/icons/IconKey.js +8 -4
package/icons/IconKeyLarge.js +8 -4
package/icons/IconKeyUnlock.js +8 -4
package/icons/IconKeyUnlockLarge.js +8 -4
package/icons/IconKosher.js +8 -4
package/icons/IconKosherLarge.js +8 -4
package/icons/IconLanguage.js +8 -4
package/icons/IconLanguageLarge.js +8 -4
package/icons/IconLaptop.js +8 -4
package/icons/IconLaptopError.js +8 -4
package/icons/IconLaptopErrorLarge.js +8 -4
package/icons/IconLaptopHighlight.js +8 -4
package/icons/IconLaptopHighlightLarge.js +8 -4
package/icons/IconLaptopLarge.js +8 -4
package/icons/IconLaptopSuccess.js +8 -4
package/icons/IconLaptopSuccessLarge.js +8 -4
package/icons/IconLaw.js +8 -4
package/icons/IconLawLarge.js +8 -4
package/icons/IconLayers.js +8 -4
package/icons/IconLayersLarge.js +8 -4
package/icons/IconLei.js +8 -4
package/icons/IconLeiLarge.js +8 -4
package/icons/IconLev.js +8 -4
package/icons/IconLevLarge.js +8 -4
package/icons/IconLightning.js +8 -4
package/icons/IconLightningLarge.js +8 -4
package/icons/IconLink.js +8 -4
package/icons/IconLinkExternal.js +8 -4
package/icons/IconLinkExternalLarge.js +8 -4
package/icons/IconLinkLarge.js +8 -4
package/icons/IconList.js +8 -4
package/icons/IconListLarge.js +8 -4
package/icons/IconLoading.js +8 -4
package/icons/IconLoadingLarge.js +8 -4
package/icons/IconLocationPin.js +8 -4
package/icons/IconLocationPinFilled.js +8 -4
package/icons/IconLocationPinFilledLarge.js +8 -4
package/icons/IconLocationPinFood.js +8 -4
package/icons/IconLocationPinFoodFilled.js +8 -4
package/icons/IconLocationPinFoodFilledLarge.js +8 -4
package/icons/IconLocationPinFoodLarge.js +8 -4
package/icons/IconLocationPinLarge.js +8 -4
package/icons/IconLocationPinRestaurant.js +8 -4
package/icons/IconLocationPinRestaurantLarge.js +8 -4
package/icons/IconLocationPinUser.js +8 -4
package/icons/IconLocationPinUserLarge.js +8 -4
package/icons/IconLocationRestaurant.js +8 -4
package/icons/IconLocationRestaurantLarge.js +8 -4
package/icons/IconLocationTarget.js +8 -4
package/icons/IconLocationTargetLarge.js +8 -4
package/icons/IconLock.js +8 -4
package/icons/IconLockLarge.js +8 -4
package/icons/IconLogOut.js +8 -4
package/icons/IconLogOutLarge.js +8 -4
package/icons/IconLogoPoints.js +8 -4
package/icons/IconLogoPointsLarge.js +8 -4
package/icons/IconLogoSkip.js +8 -4
package/icons/IconLogoSkipCircle.js +8 -4
package/icons/IconLogoSkipCircleFilled.js +8 -4
package/icons/IconLogoSkipCircleFilledLarge.js +8 -4
package/icons/IconLogoSkipCircleLarge.js +8 -4
package/icons/IconLogoSkipLarge.js +8 -4
package/icons/IconMealVoucher.js +8 -4
package/icons/IconMealVoucherFilled.js +8 -4
package/icons/IconMealVoucherFilledLarge.js +8 -4
package/icons/IconMealVoucherLarge.js +8 -4
package/icons/IconMegaphone.js +8 -4
package/icons/IconMegaphoneLarge.js +8 -4
package/icons/IconMenu.js +8 -4
package/icons/IconMenuLarge.js +8 -4
package/icons/IconMicrophone.js +8 -4
package/icons/IconMicrophoneLarge.js +8 -4
package/icons/IconMilk.js +8 -4
package/icons/IconMilkLarge.js +8 -4
package/icons/IconMinus.js +8 -4
package/icons/IconMinusCircle.js +8 -4
package/icons/IconMinusCircleFilled.js +8 -4
package/icons/IconMinusCircleFilledLarge.js +8 -4
package/icons/IconMinusCircleLarge.js +8 -4
package/icons/IconMinusLarge.js +8 -4
package/icons/IconMolluscs.js +8 -4
package/icons/IconMolluscsLarge.js +8 -4
package/icons/IconMoon.js +8 -4
package/icons/IconMoonLarge.js +8 -4
package/icons/IconMoped.js +8 -4
package/icons/IconMopedLarge.js +8 -4
package/icons/IconMoreHorizontal.js +8 -4
package/icons/IconMoreHorizontalLarge.js +8 -4
package/icons/IconMoreVertical.js +8 -4
package/icons/IconMoreVerticalLarge.js +8 -4
package/icons/IconMustard.js +8 -4
package/icons/IconMustardLarge.js +8 -4
package/icons/IconNachos.js +8 -4
package/icons/IconNachosLarge.js +8 -4
package/icons/IconNavigationCollapse.js +8 -4
package/icons/IconNavigationCollapseLarge.js +8 -4
package/icons/IconNavigationExpand.js +8 -4
package/icons/IconNavigationExpandLarge.js +8 -4
package/icons/IconNetworkError.js +8 -4
package/icons/IconNetworkErrorLarge.js +8 -4
package/icons/IconNoodles.js +8 -4
package/icons/IconNoodlesLarge.js +8 -4
package/icons/IconNote.js +8 -4
package/icons/IconNoteLarge.js +8 -4
package/icons/IconNotification.js +8 -4
package/icons/IconNotificationFilled.js +8 -4
package/icons/IconNotificationFilledLarge.js +8 -4
package/icons/IconNotificationLarge.js +8 -4
package/icons/IconNotificationOff.js +8 -4
package/icons/IconNotificationOffLarge.js +8 -4
package/icons/IconNumberSymbol.js +8 -4
package/icons/IconNumberSymbolLarge.js +8 -4
package/icons/IconNumeroSymbol.js +8 -4
package/icons/IconNumeroSymbolLarge.js +8 -4
package/icons/IconNuts.js +8 -4
package/icons/IconNutsLarge.js +8 -4
package/icons/IconOffer.js +8 -4
package/icons/IconOfferLarge.js +8 -4
package/icons/IconOfferStar.js +8 -4
package/icons/IconOfferStarFilled.js +8 -4
package/icons/IconOfferStarFilledLarge.js +8 -4
package/icons/IconOfferStarLarge.js +8 -4
package/icons/IconOffice.js +8 -4
package/icons/IconOfficeLarge.js +8 -4
package/icons/IconOrder.js +8 -4
package/icons/IconOrderFilled.js +8 -4
package/icons/IconOrderFilledLarge.js +8 -4
package/icons/IconOrderLarge.js +8 -4
package/icons/IconOver16Filled.js +8 -4
package/icons/IconOver16FilledLarge.js +8 -4
package/icons/IconOver18Filled.js +8 -4
package/icons/IconOver18FilledLarge.js +8 -4
package/icons/IconOver21Filled.js +8 -4
package/icons/IconOver21FilledLarge.js +8 -4
package/icons/IconPaintbrush.js +8 -4
package/icons/IconPaintbrushLarge.js +8 -4
package/icons/IconPatterns.js +8 -4
package/icons/IconPatternsLarge.js +8 -4
package/icons/IconPause.js +8 -4
package/icons/IconPauseCircle.js +8 -4
package/icons/IconPauseCircleFilled.js +8 -4
package/icons/IconPauseCircleFilledLarge.js +8 -4
package/icons/IconPauseCircleLarge.js +8 -4
package/icons/IconPauseLarge.js +8 -4
package/icons/IconPaymentApplePay.js +8 -4
package/icons/IconPaymentBitcoin.js +8 -4
package/icons/IconPaymentEps.js +8 -4
package/icons/IconPaymentGiropay.js +8 -4
package/icons/IconPaymentGooglePay.js +8 -4
package/icons/IconPaymentIDeal.js +8 -4
package/icons/IconPaymentKlarna.js +8 -4
package/icons/IconPaymentMisterCash.js +8 -4
package/icons/IconPaymentMobilePay.js +8 -4
package/icons/IconPaymentPaypal.js +8 -4
package/icons/IconPaymentPayu.js +8 -4
package/icons/IconPaymentPostFinance.js +8 -4
package/icons/IconPaymentSodexo.js +8 -4
package/icons/IconPaymentSofort.js +8 -4
package/icons/IconPaymentTwint.js +8 -4
package/icons/IconPaymentVvv.js +8 -4
package/icons/IconPeanuts.js +8 -4
package/icons/IconPeanutsLarge.js +8 -4
package/icons/IconPercentage.js +8 -4
package/icons/IconPercentageLarge.js +8 -4
package/icons/IconPetSupplies.js +8 -4
package/icons/IconPetSuppliesLarge.js +8 -4
package/icons/IconPharmacy.js +8 -4
package/icons/IconPharmacyLarge.js +8 -4
package/icons/IconPhone.js +8 -4
package/icons/IconPhoneFilled.js +8 -4
package/icons/IconPhoneFilledLarge.js +8 -4
package/icons/IconPhoneLarge.js +8 -4
package/icons/IconPhoneOff.js +8 -4
package/icons/IconPhoneOffLarge.js +8 -4
package/icons/IconPickUp.js +8 -4
package/icons/IconPickUpLarge.js +8 -4
package/icons/IconPie.js +8 -4
package/icons/IconPieChart.js +8 -4
package/icons/IconPieChartLarge.js +8 -4
package/icons/IconPieLarge.js +8 -4
package/icons/IconPinAtHome.js +8 -4
package/icons/IconPinAtHomeFilled.js +8 -4
package/icons/IconPinAtHomeFilledLarge.js +8 -4
package/icons/IconPinAtHomeLarge.js +8 -4
package/icons/IconPizza.js +8 -4
package/icons/IconPizzaLarge.js +8 -4
package/icons/IconPlaceholder.js +8 -4
package/icons/IconPlaceholderLarge.js +8 -4
package/icons/IconPlane.js +8 -4
package/icons/IconPlaneLarge.js +8 -4
package/icons/IconPlay.js +8 -4
package/icons/IconPlayCircle.js +8 -4
package/icons/IconPlayCircleFilled.js +8 -4
package/icons/IconPlayCircleFilledLarge.js +8 -4
package/icons/IconPlayCircleLarge.js +8 -4
package/icons/IconPlayLarge.js +8 -4
package/icons/IconPlus.js +8 -4
package/icons/IconPlusCircle.js +8 -4
package/icons/IconPlusCircleFilled.js +8 -4
package/icons/IconPlusCircleFilledLarge.js +8 -4
package/icons/IconPlusCircleLarge.js +8 -4
package/icons/IconPlusLarge.js +8 -4
package/icons/IconPolicies.js +8 -4
package/icons/IconPoliciesLarge.js +8 -4
package/icons/IconPound.js +8 -4
package/icons/IconPoundLarge.js +8 -4
package/icons/IconPrepare.js +8 -4
package/icons/IconPrepareLarge.js +8 -4
package/icons/IconPreparePause.js +8 -4
package/icons/IconPreparePauseLarge.js +8 -4
package/icons/IconPresentationChart.js +8 -4
package/icons/IconPresentationChartLarge.js +8 -4
package/icons/IconPrinter.js +8 -4
package/icons/IconPrinterFilled.js +8 -4
package/icons/IconPrinterFilledLarge.js +8 -4
package/icons/IconPrinterLarge.js +8 -4
package/icons/IconRadioSelected.js +8 -4
package/icons/IconRadioSelectedLarge.js +8 -4
package/icons/IconRadioUnselected.js +8 -4
package/icons/IconRadioUnselectedLarge.js +8 -4
package/icons/IconReceipt.js +8 -4
package/icons/IconReceiptError.js +8 -4
package/icons/IconReceiptErrorLarge.js +8 -4
package/icons/IconReceiptLarge.js +8 -4
package/icons/IconReceiptSuccess.js +8 -4
package/icons/IconReceiptSuccessLarge.js +8 -4
package/icons/IconRecycle.js +8 -4
package/icons/IconRecycleLarge.js +8 -4
package/icons/IconRefresh.js +8 -4
package/icons/IconRefreshLarge.js +8 -4
package/icons/IconResize.js +8 -4
package/icons/IconResizeLarge.js +8 -4
package/icons/IconRestaurant.js +8 -4
package/icons/IconRestaurantFilled.js +8 -4
package/icons/IconRestaurantFilledLarge.js +8 -4
package/icons/IconRestaurantLarge.js +8 -4
package/icons/IconRestaurantMenu.js +8 -4
package/icons/IconRestaurantMenuLarge.js +8 -4
package/icons/IconRestricted.js +8 -4
package/icons/IconRestrictedLarge.js +8 -4
package/icons/IconReview.js +8 -4
package/icons/IconReviewLarge.js +8 -4
package/icons/IconRibbonHeart.js +8 -4
package/icons/IconRibbonHeartLarge.js +8 -4
package/icons/IconRibbonStar.js +8 -4
package/icons/IconRibbonStarLarge.js +8 -4
package/icons/IconRibbonSuccess.js +8 -4
package/icons/IconRibbonSuccessLarge.js +8 -4
package/icons/IconRocketShip.js +8 -4
package/icons/IconRocketShipLarge.js +8 -4
package/icons/IconRoutePin.js +8 -4
package/icons/IconRoutePinLarge.js +8 -4
package/icons/IconRss.js +8 -4
package/icons/IconRssLarge.js +8 -4
package/icons/IconSalad.js +8 -4
package/icons/IconSaladLarge.js +8 -4
package/icons/IconSandwich.js +8 -4
package/icons/IconSandwichLarge.js +8 -4
package/icons/IconSearch.js +8 -4
package/icons/IconSearchLarge.js +8 -4
package/icons/IconSend.js +8 -4
package/icons/IconSendLarge.js +8 -4
package/icons/IconServiceCharge.js +8 -4
package/icons/IconServiceChargeLarge.js +8 -4
package/icons/IconSettings.js +8 -4
package/icons/IconSettingsFilled.js +8 -4
package/icons/IconSettingsFilledLarge.js +8 -4
package/icons/IconSettingsLarge.js +8 -4
package/icons/IconShare.js +8 -4
package/icons/IconShareLarge.js +8 -4
package/icons/IconShekel.js +8 -4
package/icons/IconShekelLarge.js +8 -4
package/icons/IconSignClosed.js +8 -4
package/icons/IconSignClosedLarge.js +8 -4
package/icons/IconSnowflake.js +8 -4
package/icons/IconSnowflakeLarge.js +8 -4
package/icons/IconSocialAndroidCircle.js +8 -4
package/icons/IconSocialAndroidCircleFilled.js +8 -4
package/icons/IconSocialAndroidCircleFilledLarge.js +8 -4
package/icons/IconSocialAndroidCircleLarge.js +8 -4
package/icons/IconSocialAndroidStatic.js +8 -4
package/icons/IconSocialAndroidStaticLarge.js +8 -4
package/icons/IconSocialApple.js +8 -4
package/icons/IconSocialAppleCircle.js +8 -4
package/icons/IconSocialAppleCircleFilled.js +8 -4
package/icons/IconSocialAppleCircleFilledLarge.js +8 -4
package/icons/IconSocialAppleCircleLarge.js +8 -4
package/icons/IconSocialAppleLarge.js +8 -4
package/icons/IconSocialBloggerCircle.js +8 -4
package/icons/IconSocialBloggerCircleFilled.js +8 -4
package/icons/IconSocialBloggerCircleFilledLarge.js +8 -4
package/icons/IconSocialBloggerCircleLarge.js +8 -4
package/icons/IconSocialBloggerStatic.js +8 -4
package/icons/IconSocialBloggerStaticLarge.js +8 -4
package/icons/IconSocialFacebookCircle.js +8 -4
package/icons/IconSocialFacebookCircleFilled.js +8 -4
package/icons/IconSocialFacebookCircleFilledLarge.js +8 -4
package/icons/IconSocialFacebookCircleLarge.js +8 -4
package/icons/IconSocialFacebookStatic.js +8 -4
package/icons/IconSocialFacebookStaticLarge.js +8 -4
package/icons/IconSocialGoogleCircle.js +8 -4
package/icons/IconSocialGoogleCircleFilled.js +8 -4
package/icons/IconSocialGoogleCircleFilledLarge.js +8 -4
package/icons/IconSocialGoogleCircleLarge.js +8 -4
package/icons/IconSocialGoogleStatic.js +8 -4
package/icons/IconSocialGoogleStaticLarge.js +8 -4
package/icons/IconSocialInstagramCircle.js +8 -4
package/icons/IconSocialInstagramCircleFilled.js +8 -4
package/icons/IconSocialInstagramCircleFilledLarge.js +8 -4
package/icons/IconSocialInstagramCircleLarge.js +8 -4
package/icons/IconSocialInstagramStatic.js +8 -4
package/icons/IconSocialInstagramStaticLarge.js +8 -4
package/icons/IconSocialLinkedinCircle.js +8 -4
package/icons/IconSocialLinkedinCircleFilled.js +8 -4
package/icons/IconSocialLinkedinCircleFilledLarge.js +8 -4
package/icons/IconSocialLinkedinCircleLarge.js +8 -4
package/icons/IconSocialLinkedinStatic.js +8 -4
package/icons/IconSocialLinkedinStaticLarge.js +8 -4
package/icons/IconSocialMicrosoftCircle.js +8 -4
package/icons/IconSocialMicrosoftCircleFilled.js +8 -4
package/icons/IconSocialMicrosoftCircleFilledLarge.js +8 -4
package/icons/IconSocialMicrosoftCircleLarge.js +8 -4
package/icons/IconSocialMicrosoftStatic.js +8 -4
package/icons/IconSocialMicrosoftStaticLarge.js +8 -4
package/icons/IconSocialPinterestCircle.js +8 -4
package/icons/IconSocialPinterestCircleFilled.js +8 -4
package/icons/IconSocialPinterestCircleFilledLarge.js +8 -4
package/icons/IconSocialPinterestCircleLarge.js +8 -4
package/icons/IconSocialPinterestStatic.js +8 -4
package/icons/IconSocialPinterestStaticLarge.js +8 -4
package/icons/IconSocialTwitterCircle.js +8 -4
package/icons/IconSocialTwitterCircleFilled.js +8 -4
package/icons/IconSocialTwitterCircleFilledLarge.js +8 -4
package/icons/IconSocialTwitterCircleLarge.js +8 -4
package/icons/IconSocialTwitterStatic.js +8 -4
package/icons/IconSocialTwitterStaticLarge.js +8 -4
package/icons/IconSocialYoutubeCircle.js +8 -4
package/icons/IconSocialYoutubeCircleFilled.js +8 -4
package/icons/IconSocialYoutubeCircleFilledLarge.js +8 -4
package/icons/IconSocialYoutubeCircleLarge.js +8 -4
package/icons/IconSocialYoutubeStatic.js +8 -4
package/icons/IconSocialYoutubeStaticLarge.js +8 -4
package/icons/IconSort.js +8 -4
package/icons/IconSortAscending.js +8 -4
package/icons/IconSortAscendingLarge.js +8 -4
package/icons/IconSortDescending.js +8 -4
package/icons/IconSortDescendingLarge.js +8 -4
package/icons/IconSortLarge.js +8 -4
package/icons/IconSoundOff.js +8 -4
package/icons/IconSoundOffLarge.js +8 -4
package/icons/IconSoundOn.js +8 -4
package/icons/IconSoundOnFilled.js +8 -4
package/icons/IconSoundOnFilledLarge.js +8 -4
package/icons/IconSoundOnLarge.js +8 -4
package/icons/IconSpicy.js +8 -4
package/icons/IconSpicyLarge.js +8 -4
package/icons/IconSponsoredFilled.js +8 -4
package/icons/IconSponsoredFilledLarge.js +8 -4
package/icons/IconStampcard.js +8 -4
package/icons/IconStampcard10.js +8 -4
package/icons/IconStampcard10Filled.js +8 -4
package/icons/IconStampcard10FilledLarge.js +8 -4
package/icons/IconStampcard10Large.js +8 -4
package/icons/IconStampcardFilled.js +8 -4
package/icons/IconStampcardFilledLarge.js +8 -4
package/icons/IconStampcardLarge.js +8 -4
package/icons/IconStar.js +8 -4
package/icons/IconStarCircle.js +8 -4
package/icons/IconStarCircleFilled.js +8 -4
package/icons/IconStarCircleFilledLarge.js +8 -4
package/icons/IconStarCircleLarge.js +8 -4
package/icons/IconStarFilled.js +8 -4
package/icons/IconStarFilledLarge.js +8 -4
package/icons/IconStarHalfFilled.js +8 -4
package/icons/IconStarHalfFilledLarge.js +8 -4
package/icons/IconStarLarge.js +8 -4
package/icons/IconStopwatch.js +8 -4
package/icons/IconStopwatchFilled.js +8 -4
package/icons/IconStopwatchFilledLarge.js +8 -4
package/icons/IconStopwatchLarge.js +8 -4
package/icons/IconSun.js +8 -4
package/icons/IconSunLarge.js +8 -4
package/icons/IconSushi.js +8 -4
package/icons/IconSushiLarge.js +8 -4
package/icons/IconSwissFranc.js +8 -4
package/icons/IconSwissFrancLarge.js +8 -4
package/icons/IconSwitchProduct.js +8 -4
package/icons/IconSwitchProductLarge.js +8 -4
package/icons/IconSync.js +8 -4
package/icons/IconSyncLarge.js +8 -4
package/icons/IconTaco.js +8 -4
package/icons/IconTacoLarge.js +8 -4
package/icons/IconTakeawayPay.js +8 -4
package/icons/IconTakeawayPayFilled.js +8 -4
package/icons/IconTakeawayPayFilledLarge.js +8 -4
package/icons/IconTakeawayPayLarge.js +8 -4
package/icons/IconTarget.js +8 -4
package/icons/IconTargetLarge.js +8 -4
package/icons/IconTemp.js +8 -4
package/icons/IconTempLarge.js +8 -4
package/icons/IconTermsAndConditions.js +8 -4
package/icons/IconTermsAndConditionsLarge.js +8 -4
package/icons/IconThumbsDown.js +8 -4
package/icons/IconThumbsDownFilled.js +8 -4
package/icons/IconThumbsDownFilledLarge.js +8 -4
package/icons/IconThumbsDownLarge.js +8 -4
package/icons/IconThumbsUp.js +8 -4
package/icons/IconThumbsUpFilled.js +8 -4
package/icons/IconThumbsUpFilledLarge.js +8 -4
package/icons/IconThumbsUpLarge.js +8 -4
package/icons/IconToilet.js +8 -4
package/icons/IconToiletLarge.js +8 -4
package/icons/IconTranslateFilled.js +8 -4
package/icons/IconTranslateFilledLarge.js +8 -4
package/icons/IconTrash.js +8 -4
package/icons/IconTrashFilled.js +8 -4
package/icons/IconTrashFilledLarge.js +8 -4
package/icons/IconTrashLarge.js +8 -4
package/icons/IconTutorial.js +8 -4
package/icons/IconTutorialLarge.js +8 -4
package/icons/IconUnlink.js +8 -4
package/icons/IconUnlinkLarge.js +8 -4
package/icons/IconUpload.js +8 -4
package/icons/IconUploadLarge.js +8 -4
package/icons/IconUser.js +8 -4
package/icons/IconUserAdd.js +8 -4
package/icons/IconUserAddLarge.js +8 -4
package/icons/IconUserCircle.js +8 -4
package/icons/IconUserCircleFilled.js +8 -4
package/icons/IconUserCircleFilledLarge.js +8 -4
package/icons/IconUserCircleLarge.js +8 -4
package/icons/IconUserCommunity.js +8 -4
package/icons/IconUserCommunityLarge.js +8 -4
package/icons/IconUserFilled.js +8 -4
package/icons/IconUserFilledLarge.js +8 -4
package/icons/IconUserGroup.js +8 -4
package/icons/IconUserGroupLarge.js +8 -4
package/icons/IconUserHighlight.js +8 -4
package/icons/IconUserHighlightLarge.js +8 -4
package/icons/IconUserLarge.js +8 -4
package/icons/IconUserMarker.js +8 -4
package/icons/IconUserMarkerLarge.js +8 -4
package/icons/IconUserPartnership.js +8 -4
package/icons/IconUserPartnershipLarge.js +8 -4
package/icons/IconUserRepeat.js +8 -4
package/icons/IconUserRepeatLarge.js +8 -4
package/icons/IconUserShield.js +8 -4
package/icons/IconUserShieldLarge.js +8 -4
package/icons/IconUsers.js +8 -4
package/icons/IconUsersLarge.js +8 -4
package/icons/IconVegan.js +8 -4
package/icons/IconVeganLarge.js +8 -4
package/icons/IconVegetarian.js +8 -4
package/icons/IconVegetarianFilled.js +8 -4
package/icons/IconVegetarianFilledLarge.js +8 -4
package/icons/IconVegetarianLarge.js +8 -4
package/icons/IconVision.js +8 -4
package/icons/IconVisionLarge.js +8 -4
package/icons/IconVoucher.js +8 -4
package/icons/IconVoucherFilled.js +8 -4
package/icons/IconVoucherFilledLarge.js +8 -4
package/icons/IconVoucherLarge.js +8 -4
package/icons/IconWalking.js +8 -4
package/icons/IconWalkingLarge.js +8 -4
package/icons/IconWallet.js +8 -4
package/icons/IconWalletFilled.js +8 -4
package/icons/IconWalletFilledLarge.js +8 -4
package/icons/IconWalletLarge.js +8 -4
package/icons/IconWifi.js +8 -4
package/icons/IconWifiAlert.js +8 -4
package/icons/IconWifiAlertLarge.js +8 -4
package/icons/IconWifiLarge.js +8 -4
package/icons/IconWorld.js +8 -4
package/icons/IconWorldLarge.js +8 -4
package/icons/IconWrap.js +8 -4
package/icons/IconWrapLarge.js +8 -4
package/package.json +1 -1

package/icons/IconRibbonHeart.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { getSvgProps } from '@justeattakeaway/pie-icons-configs';
 const template = document.createElement('template');
-template.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--ribbonHeart"><path d="M13.696 11.955a7.24 7.24 0 0 1-1.522-2.013c.096-.308.144-.63.14-.953a2.08 2.08 0 0 1 .061-.578 2.51 2.51 0 0 1 .35-.411 2.074 2.074 0 0 0 .752-1.4 2.058 2.058 0 0 0-.752-1.391 2.51 2.51 0 0 1-.35-.412 2.124 2.124 0 0 1-.053-.577 2.048 2.048 0 0 0-.454-1.47 2.03 2.03 0 0 0-1.488-.438 2.39 2.39 0 0 1-.569-.06c-.158-.105-.3-.232-.42-.377A2.039 2.039 0 0 0 8 1.131a2.039 2.039 0 0 0-1.391.744 1.916 1.916 0 0 1-.42.35 2.39 2.39 0 0 1-.569.061 2.03 2.03 0 0 0-1.487.438 2.047 2.047 0 0 0-.447 1.487c.007.198-.014.395-.061.586-.102.15-.219.288-.35.412A2.056 2.056 0 0 0 2.531 6.6 2.074 2.074 0 0 0 3.284 8c.13.124.248.262.35.411.044.19.062.384.052.578-.004.323.044.645.14.953a7.237 7.237 0 0 1-1.522 2.013l-.648.604 3.947 2.31.358-.368a11.464 11.464 0 0 0 1.75-2.476c.1.023.203.038.306.044a1.85 1.85 0 0 0 .307-.044c.47.9 1.06 1.732 1.75 2.476l.358.368 3.947-2.31-.683-.604ZM4.23 6.119c.253-.235.46-.513.612-.823.116-.337.17-.693.158-1.05a1.96 1.96 0 0 1 .061-.577 1.75 1.75 0 0 1 .586-.044c.357.01.713-.042 1.05-.158.312-.152.591-.363.823-.62.138-.159.3-.295.481-.403.179.103.341.233.481.385.232.258.511.469.823.621.337.115.693.168 1.05.157.194-.01.388.008.577.053.057.19.08.388.07.586a2.95 2.95 0 0 0 .158 1.05c.152.31.36.588.612.823.123.131.385.393.385.481 0 .087-.262.359-.385.481a2.966 2.966 0 0 0-.612.875A2.95 2.95 0 0 0 11 9.006c.008.195-.012.39-.061.578a1.75 1.75 0 0 1-.586.061 2.975 2.975 0 0 0-1.05.157 2.687 2.687 0 0 0-.823.622c-.131.122-.393.376-.481.376-.088 0-.35-.254-.481-.376a2.687 2.687 0 0 0-.823-.674 2.975 2.975 0 0 0-1.05-.158 2.013 2.013 0 0 1-.577-.052 1.75 1.75 0 0 1-.07-.586 2.949 2.949 0 0 0-.158-1.05 2.966 2.966 0 0 0-.612-.875c-.123-.123-.385-.385-.385-.482 0-.096.262-.297.385-.428Zm1.146 7.079-1.549-.876A8.369 8.369 0 0 0 4.85 10.87c.26.053.523.076.788.07.191-.007.383.014.568.061.149.089.284.198.403.324-.34.668-.754 1.296-1.234 1.873Zm5.25 0a10.045 10.045 0 0 1-1.234-1.9c.119-.126.254-.235.403-.323.185-.047.377-.068.569-.061.264.006.528-.018.787-.07.289.519.632 1.006 1.024 1.452l-1.549.902Z"></path><path d="M8 8.656 6.521 7.125a.998.998 0 0 1 .295-1.58.875.875 0 0 1 1.009.215L8 5.926l.175-.166a.875.875 0 0 1 .647-.28.875.875 0 0 1 .657.28.998.998 0 0 1 0 1.365L8 8.656Z"></path></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--ribbonHeart"><path d="M13.696 11.955a7.24 7.24 0 0 1-1.522-2.013c.096-.308.144-.63.14-.953a2.08 2.08 0 0 1 .061-.578 2.51 2.51 0 0 1 .35-.411 2.074 2.074 0 0 0 .752-1.4 2.058 2.058 0 0 0-.752-1.391 2.51 2.51 0 0 1-.35-.412 2.124 2.124 0 0 1-.053-.577 2.048 2.048 0 0 0-.454-1.47 2.03 2.03 0 0 0-1.488-.438 2.39 2.39 0 0 1-.569-.06c-.158-.105-.3-.232-.42-.377A2.039 2.039 0 0 0 8 1.131a2.039 2.039 0 0 0-1.391.744 1.916 1.916 0 0 1-.42.35 2.39 2.39 0 0 1-.569.061 2.03 2.03 0 0 0-1.487.438 2.047 2.047 0 0 0-.447 1.487c.007.198-.014.395-.061.586-.102.15-.219.288-.35.412A2.056 2.056 0 0 0 2.531 6.6 2.074 2.074 0 0 0 3.284 8c.13.124.248.262.35.411.044.19.062.384.052.578-.004.323.044.645.14.953a7.237 7.237 0 0 1-1.522 2.013l-.648.604 3.947 2.31.358-.368a11.464 11.464 0 0 0 1.75-2.476c.1.023.203.038.306.044a1.85 1.85 0 0 0 .307-.044c.47.9 1.06 1.732 1.75 2.476l.358.368 3.947-2.31-.683-.604ZM4.23 6.119c.253-.235.46-.513.612-.823.116-.337.17-.693.158-1.05a1.96 1.96 0 0 1 .061-.577 1.75 1.75 0 0 1 .586-.044c.357.01.713-.042 1.05-.158.312-.152.591-.363.823-.62.138-.159.3-.295.481-.403.179.103.341.233.481.385.232.258.511.469.823.621.337.115.693.168 1.05.157.194-.01.388.008.577.053.057.19.08.388.07.586a2.95 2.95 0 0 0 .158 1.05c.152.31.36.588.612.823.123.131.385.393.385.481 0 .087-.262.359-.385.481a2.966 2.966 0 0 0-.612.875A2.95 2.95 0 0 0 11 9.006c.008.195-.012.39-.061.578a1.75 1.75 0 0 1-.586.061 2.975 2.975 0 0 0-1.05.157 2.687 2.687 0 0 0-.823.622c-.131.122-.393.376-.481.376-.088 0-.35-.254-.481-.376a2.687 2.687 0 0 0-.823-.674 2.975 2.975 0 0 0-1.05-.158 2.013 2.013 0 0 1-.577-.052 1.75 1.75 0 0 1-.07-.586 2.949 2.949 0 0 0-.158-1.05 2.966 2.966 0 0 0-.612-.875c-.123-.123-.385-.385-.385-.482 0-.096.262-.297.385-.428Zm1.146 7.079-1.549-.876A8.369 8.369 0 0 0 4.85 10.87c.26.053.523.076.788.07.191-.007.383.014.568.061.149.089.284.198.403.324-.34.668-.754 1.296-1.234 1.873Zm5.25 0a10.045 10.045 0 0 1-1.234-1.9c.119-.126.254-.235.403-.323.185-.047.377-.068.569-.061.264.006.528-.018.787-.07.289.519.632 1.006 1.024 1.452l-1.549.902Z"></path><path d="M8 8.656 6.521 7.125a.998.998 0 0 1 .295-1.58.875.875 0 0 1 1.009.215L8 5.926l.175-.166a.875.875 0 0 1 .647-.28.875.875 0 0 1 .657.28.998.998 0 0 1 0 1.365L8 8.656Z"></path></svg>';
 export class IconRibbonHeart extends HTMLElement {
     constructor () {
@@ -33,9 +33,13 @@ export class IconRibbonHeart extends HTMLElement {
     connectedCallback () {
         const svg = this.root.querySelector('svg');
-        const svgSize = getSvgProps('c-pieIcon c-pieIcon--ribbonHeart', '', null, 'IconRibbonHeart');
-        svg.setAttribute('width', svgSize.width);
-        svg.setAttribute('height', svgSize.height);
+        if (svg.getAttribute('width') === null) {
+            const svgSize = getSvgProps('c-pieIcon c-pieIcon--ribbonHeart', '', null, 'IconRibbonHeart');
+            svg.setAttribute('width', svgSize.width);
+            svg.setAttribute('height', svgSize.height);
+        }
         this.setAttribute('class', 'c-pieIcon c-pieIcon--ribbonHeart');
         this.root.append(svg);
     }

package/icons/IconRibbonHeartLarge.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { getSvgProps } from '@justeattakeaway/pie-icons-configs';
 const template = document.createElement('template');
-template.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--ribbonHeartLarge"><path d="M27.016 24.4a14.877 14.877 0 0 1-3.211-4.296c.229-.63.33-1.3.297-1.969-.009-.425.041-.849.15-1.26.211-.362.477-.69.787-.971a3.702 3.702 0 0 0 1.382-2.529 3.702 3.702 0 0 0-1.382-2.485 4.155 4.155 0 0 1-.788-.971 4.568 4.568 0 0 1-.149-1.304 3.65 3.65 0 0 0-.76-2.625 3.693 3.693 0 0 0-2.626-.761 4.077 4.077 0 0 1-1.312-.149 4.068 4.068 0 0 1-.963-.779 3.72 3.72 0 0 0-2.52-1.426 3.702 3.702 0 0 0-2.485 1.383 4.096 4.096 0 0 1-.936.778c-.424.121-.864.171-1.304.149-.954-.1-1.91.173-2.669.761a3.684 3.684 0 0 0-.76 2.669c.021.44-.029.88-.15 1.304a4.095 4.095 0 0 1-.778.971 3.701 3.701 0 0 0-1.418 2.485 3.701 3.701 0 0 0 1.383 2.485c.31.295.574.638.778 1.015.121.424.171.864.15 1.304a5.39 5.39 0 0 0 .297 1.969A14.666 14.666 0 0 1 4.826 24.4l-1.312 1.225 4.917.814 2.389 3.159.709-.727a21.932 21.932 0 0 0 3.596-5.162 2.168 2.168 0 0 0 1.663 0 21.755 21.755 0 0 0 3.552 5.154l.709.726 2.388-3.159 4.883-.805-1.304-1.225ZM10.96 26.868 9.402 24.82l-2.152-.367a16.115 16.115 0 0 0 2.126-3.116 6.17 6.17 0 0 0 1.75.228c.44-.022.88.028 1.304.149.361.208.689.47.971.779.063.068.13.132.201.192a21.645 21.645 0 0 1-2.642 4.183Zm3.692-5.618a5.057 5.057 0 0 0-1.513-1.146 5.25 5.25 0 0 0-1.943-.28c-.577 0-1.242 0-1.461-.254-.219-.254-.236-.875-.254-1.461a5.25 5.25 0 0 0-.28-1.943 5.058 5.058 0 0 0-1.146-1.514c-.411-.428-.875-.874-.875-1.268s.472-.875.875-1.269c.475-.43.864-.947 1.146-1.523a5.25 5.25 0 0 0 .28-1.942c0-.578 0-1.234.254-1.461.254-.228.875-.237 1.461-.254a5.25 5.25 0 0 0 1.943-.28A5.058 5.058 0 0 0 14.652 5.5c.43-.411.875-.875 1.27-.875.393 0 .83.473 1.26.875.433.472.949.86 1.522 1.146a5.25 5.25 0 0 0 1.942.28c.578 0 1.234 0 1.461.254.228.254.237.875.245 1.461-.023.66.075 1.318.29 1.943.28.574.669 1.088 1.145 1.514.412.428.875.874.875 1.268s-.472.875-.875 1.269c-.476.425-.866.94-1.146 1.514a5.4 5.4 0 0 0-.289 1.942c0 .578 0 1.234-.245 1.461-.245.228-.875.237-1.46.254a5.252 5.252 0 0 0-1.943.28 5.252 5.252 0 0 0-1.523 1.164c-.429.411-.875.875-1.26.875s-.796-.473-1.269-.875Zm7.78 3.579-1.55 2.047a21.236 21.236 0 0 1-2.677-4.182l.201-.193c.28-.307.604-.57.963-.779.426-.12.87-.171 1.312-.148a5.922 5.922 0 0 0 1.75-.228 16.462 16.462 0 0 0 2.153 3.115l-2.153.368Z"></path><path d="m15.921 19.299-4.375-4.515a3.413 3.413 0 0 1 0-4.708 3.282 3.282 0 0 1 4.375-.175 3.194 3.194 0 0 1 4.375.184 3.395 3.395 0 0 1 0 4.699l-4.375 4.515Zm-2.109-8.435a1.453 1.453 0 0 0-1.04.446 1.68 1.68 0 0 0 0 2.249l3.15 3.229 3.14-3.23a1.662 1.662 0 0 0 0-2.248 1.487 1.487 0 0 0-2.09 0l-1.086 1.041-1.024-1.041a1.452 1.452 0 0 0-1.05-.446Z"></path></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--ribbonHeartLarge"><path d="M27.016 24.4a14.877 14.877 0 0 1-3.211-4.296c.229-.63.33-1.3.297-1.969-.009-.425.041-.849.15-1.26.211-.362.477-.69.787-.971a3.702 3.702 0 0 0 1.382-2.529 3.702 3.702 0 0 0-1.382-2.485 4.155 4.155 0 0 1-.788-.971 4.568 4.568 0 0 1-.149-1.304 3.65 3.65 0 0 0-.76-2.625 3.693 3.693 0 0 0-2.626-.761 4.077 4.077 0 0 1-1.312-.149 4.068 4.068 0 0 1-.963-.779 3.72 3.72 0 0 0-2.52-1.426 3.702 3.702 0 0 0-2.485 1.383 4.096 4.096 0 0 1-.936.778c-.424.121-.864.171-1.304.149-.954-.1-1.91.173-2.669.761a3.684 3.684 0 0 0-.76 2.669c.021.44-.029.88-.15 1.304a4.095 4.095 0 0 1-.778.971 3.701 3.701 0 0 0-1.418 2.485 3.701 3.701 0 0 0 1.383 2.485c.31.295.574.638.778 1.015.121.424.171.864.15 1.304a5.39 5.39 0 0 0 .297 1.969A14.666 14.666 0 0 1 4.826 24.4l-1.312 1.225 4.917.814 2.389 3.159.709-.727a21.932 21.932 0 0 0 3.596-5.162 2.168 2.168 0 0 0 1.663 0 21.755 21.755 0 0 0 3.552 5.154l.709.726 2.388-3.159 4.883-.805-1.304-1.225ZM10.96 26.868 9.402 24.82l-2.152-.367a16.115 16.115 0 0 0 2.126-3.116 6.17 6.17 0 0 0 1.75.228c.44-.022.88.028 1.304.149.361.208.689.47.971.779.063.068.13.132.201.192a21.645 21.645 0 0 1-2.642 4.183Zm3.692-5.618a5.057 5.057 0 0 0-1.513-1.146 5.25 5.25 0 0 0-1.943-.28c-.577 0-1.242 0-1.461-.254-.219-.254-.236-.875-.254-1.461a5.25 5.25 0 0 0-.28-1.943 5.058 5.058 0 0 0-1.146-1.514c-.411-.428-.875-.874-.875-1.268s.472-.875.875-1.269c.475-.43.864-.947 1.146-1.523a5.25 5.25 0 0 0 .28-1.942c0-.578 0-1.234.254-1.461.254-.228.875-.237 1.461-.254a5.25 5.25 0 0 0 1.943-.28A5.058 5.058 0 0 0 14.652 5.5c.43-.411.875-.875 1.27-.875.393 0 .83.473 1.26.875.433.472.949.86 1.522 1.146a5.25 5.25 0 0 0 1.942.28c.578 0 1.234 0 1.461.254.228.254.237.875.245 1.461-.023.66.075 1.318.29 1.943.28.574.669 1.088 1.145 1.514.412.428.875.874.875 1.268s-.472.875-.875 1.269c-.476.425-.866.94-1.146 1.514a5.4 5.4 0 0 0-.289 1.942c0 .578 0 1.234-.245 1.461-.245.228-.875.237-1.46.254a5.252 5.252 0 0 0-1.943.28 5.252 5.252 0 0 0-1.523 1.164c-.429.411-.875.875-1.26.875s-.796-.473-1.269-.875Zm7.78 3.579-1.55 2.047a21.236 21.236 0 0 1-2.677-4.182l.201-.193c.28-.307.604-.57.963-.779.426-.12.87-.171 1.312-.148a5.922 5.922 0 0 0 1.75-.228 16.462 16.462 0 0 0 2.153 3.115l-2.153.368Z"></path><path d="m15.921 19.299-4.375-4.515a3.413 3.413 0 0 1 0-4.708 3.282 3.282 0 0 1 4.375-.175 3.194 3.194 0 0 1 4.375.184 3.395 3.395 0 0 1 0 4.699l-4.375 4.515Zm-2.109-8.435a1.453 1.453 0 0 0-1.04.446 1.68 1.68 0 0 0 0 2.249l3.15 3.229 3.14-3.23a1.662 1.662 0 0 0 0-2.248 1.487 1.487 0 0 0-2.09 0l-1.086 1.041-1.024-1.041a1.452 1.452 0 0 0-1.05-.446Z"></path></svg>';
 export class IconRibbonHeartLarge extends HTMLElement {
     constructor () {
@@ -33,9 +33,13 @@ export class IconRibbonHeartLarge extends HTMLElement {
     connectedCallback () {
         const svg = this.root.querySelector('svg');
-        const svgSize = getSvgProps('c-pieIcon c-pieIcon--ribbonHeartLarge', '', null, 'IconRibbonHeartLarge');
-        svg.setAttribute('width', svgSize.width);
-        svg.setAttribute('height', svgSize.height);
+        if (svg.getAttribute('width') === null) {
+            const svgSize = getSvgProps('c-pieIcon c-pieIcon--ribbonHeartLarge', '', null, 'IconRibbonHeartLarge');
+            svg.setAttribute('width', svgSize.width);
+            svg.setAttribute('height', svgSize.height);
+        }
         this.setAttribute('class', 'c-pieIcon c-pieIcon--ribbonHeartLarge');
         this.root.append(svg);
     }

package/icons/IconRibbonStar.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { getSvgProps } from '@justeattakeaway/pie-icons-configs';
 const template = document.createElement('template');
-template.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--ribbonStar"><path d="M13.696 11.955a7.24 7.24 0 0 1-1.522-2.013c.096-.308.144-.63.14-.953a2.08 2.08 0 0 1 .061-.578 2.51 2.51 0 0 1 .35-.411 2.074 2.074 0 0 0 .752-1.4 2.058 2.058 0 0 0-.752-1.391 2.51 2.51 0 0 1-.35-.412 2.124 2.124 0 0 1-.053-.577 2.048 2.048 0 0 0-.454-1.47 2.03 2.03 0 0 0-1.488-.438 2.39 2.39 0 0 1-.569-.06c-.158-.105-.3-.232-.42-.377A2.039 2.039 0 0 0 8 1.131a2.039 2.039 0 0 0-1.391.744 1.916 1.916 0 0 1-.42.35 2.39 2.39 0 0 1-.569.061 2.03 2.03 0 0 0-1.487.438 2.047 2.047 0 0 0-.447 1.487c.007.198-.014.395-.061.586-.102.15-.219.288-.35.412A2.056 2.056 0 0 0 2.531 6.6 2.074 2.074 0 0 0 3.284 8c.13.124.248.262.35.411.044.19.062.384.052.578-.004.323.044.645.14.953a7.237 7.237 0 0 1-1.522 2.013l-.648.604 3.947 2.31.358-.368a11.464 11.464 0 0 0 1.75-2.476c.1.023.203.038.306.044a1.85 1.85 0 0 0 .307-.044c.47.9 1.06 1.732 1.75 2.476l.358.368 3.947-2.31-.683-.604ZM4.23 6.119c.253-.235.46-.513.612-.823.116-.337.17-.693.158-1.05a1.96 1.96 0 0 1 .061-.577 1.75 1.75 0 0 1 .586-.044c.357.01.713-.042 1.05-.158.312-.152.591-.363.823-.62.138-.159.3-.295.481-.403.179.103.341.233.481.385.232.258.511.469.823.621.337.115.693.168 1.05.157.194-.01.388.008.577.053.057.19.08.388.07.586a2.95 2.95 0 0 0 .158 1.05c.152.31.36.588.612.823.123.131.385.393.385.481 0 .087-.262.359-.385.481a2.966 2.966 0 0 0-.612.875A2.95 2.95 0 0 0 11 9.006c.008.195-.012.39-.061.578a1.75 1.75 0 0 1-.586.061 2.975 2.975 0 0 0-1.05.157 2.687 2.687 0 0 0-.823.622c-.131.122-.393.376-.481.376-.088 0-.35-.254-.481-.376a2.687 2.687 0 0 0-.823-.674 2.975 2.975 0 0 0-1.05-.158 2.013 2.013 0 0 1-.577-.052 1.75 1.75 0 0 1-.07-.586 2.949 2.949 0 0 0-.158-1.05 2.966 2.966 0 0 0-.612-.875c-.123-.123-.385-.385-.385-.482 0-.096.262-.297.385-.428Zm1.146 7.079-1.549-.876A8.369 8.369 0 0 0 4.85 10.87c.26.053.523.076.788.07.191-.007.383.014.568.061.149.089.284.198.403.324-.34.668-.754 1.296-1.234 1.873Zm5.25 0a10.045 10.045 0 0 1-1.234-1.9c.119-.126.254-.235.403-.323.185-.047.377-.068.569-.061.264.006.528-.018.787-.07.289.519.632 1.006 1.024 1.452l-1.549.902Z"></path><path d="M9.234 8.42 8.06 7.799a.149.149 0 0 0-.122 0l-1.173.621.228-1.295a.122.122 0 0 0 0-.105l-.989-.945 1.312-.193a.105.105 0 0 0 .097-.07L8 4.632l.586 1.18a.105.105 0 0 0 .096.07l1.313.193-.954.927a.123.123 0 0 0 0 .105l.193 1.313Z"></path></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--ribbonStar"><path d="M13.696 11.955a7.24 7.24 0 0 1-1.522-2.013c.096-.308.144-.63.14-.953a2.08 2.08 0 0 1 .061-.578 2.51 2.51 0 0 1 .35-.411 2.074 2.074 0 0 0 .752-1.4 2.058 2.058 0 0 0-.752-1.391 2.51 2.51 0 0 1-.35-.412 2.124 2.124 0 0 1-.053-.577 2.048 2.048 0 0 0-.454-1.47 2.03 2.03 0 0 0-1.488-.438 2.39 2.39 0 0 1-.569-.06c-.158-.105-.3-.232-.42-.377A2.039 2.039 0 0 0 8 1.131a2.039 2.039 0 0 0-1.391.744 1.916 1.916 0 0 1-.42.35 2.39 2.39 0 0 1-.569.061 2.03 2.03 0 0 0-1.487.438 2.047 2.047 0 0 0-.447 1.487c.007.198-.014.395-.061.586-.102.15-.219.288-.35.412A2.056 2.056 0 0 0 2.531 6.6 2.074 2.074 0 0 0 3.284 8c.13.124.248.262.35.411.044.19.062.384.052.578-.004.323.044.645.14.953a7.237 7.237 0 0 1-1.522 2.013l-.648.604 3.947 2.31.358-.368a11.464 11.464 0 0 0 1.75-2.476c.1.023.203.038.306.044a1.85 1.85 0 0 0 .307-.044c.47.9 1.06 1.732 1.75 2.476l.358.368 3.947-2.31-.683-.604ZM4.23 6.119c.253-.235.46-.513.612-.823.116-.337.17-.693.158-1.05a1.96 1.96 0 0 1 .061-.577 1.75 1.75 0 0 1 .586-.044c.357.01.713-.042 1.05-.158.312-.152.591-.363.823-.62.138-.159.3-.295.481-.403.179.103.341.233.481.385.232.258.511.469.823.621.337.115.693.168 1.05.157.194-.01.388.008.577.053.057.19.08.388.07.586a2.95 2.95 0 0 0 .158 1.05c.152.31.36.588.612.823.123.131.385.393.385.481 0 .087-.262.359-.385.481a2.966 2.966 0 0 0-.612.875A2.95 2.95 0 0 0 11 9.006c.008.195-.012.39-.061.578a1.75 1.75 0 0 1-.586.061 2.975 2.975 0 0 0-1.05.157 2.687 2.687 0 0 0-.823.622c-.131.122-.393.376-.481.376-.088 0-.35-.254-.481-.376a2.687 2.687 0 0 0-.823-.674 2.975 2.975 0 0 0-1.05-.158 2.013 2.013 0 0 1-.577-.052 1.75 1.75 0 0 1-.07-.586 2.949 2.949 0 0 0-.158-1.05 2.966 2.966 0 0 0-.612-.875c-.123-.123-.385-.385-.385-.482 0-.096.262-.297.385-.428Zm1.146 7.079-1.549-.876A8.369 8.369 0 0 0 4.85 10.87c.26.053.523.076.788.07.191-.007.383.014.568.061.149.089.284.198.403.324-.34.668-.754 1.296-1.234 1.873Zm5.25 0a10.045 10.045 0 0 1-1.234-1.9c.119-.126.254-.235.403-.323.185-.047.377-.068.569-.061.264.006.528-.018.787-.07.289.519.632 1.006 1.024 1.452l-1.549.902Z"></path><path d="M9.234 8.42 8.06 7.799a.149.149 0 0 0-.122 0l-1.173.621.228-1.295a.122.122 0 0 0 0-.105l-.989-.945 1.312-.193a.105.105 0 0 0 .097-.07L8 4.632l.586 1.18a.105.105 0 0 0 .096.07l1.313.193-.954.927a.123.123 0 0 0 0 .105l.193 1.313Z"></path></svg>';
 export class IconRibbonStar extends HTMLElement {
     constructor () {
@@ -33,9 +33,13 @@ export class IconRibbonStar extends HTMLElement {
     connectedCallback () {
         const svg = this.root.querySelector('svg');
-        const svgSize = getSvgProps('c-pieIcon c-pieIcon--ribbonStar', '', null, 'IconRibbonStar');
-        svg.setAttribute('width', svgSize.width);
-        svg.setAttribute('height', svgSize.height);
+        if (svg.getAttribute('width') === null) {
+            const svgSize = getSvgProps('c-pieIcon c-pieIcon--ribbonStar', '', null, 'IconRibbonStar');
+            svg.setAttribute('width', svgSize.width);
+            svg.setAttribute('height', svgSize.height);
+        }
         this.setAttribute('class', 'c-pieIcon c-pieIcon--ribbonStar');
         this.root.append(svg);
     }

package/icons/IconRibbonStarLarge.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { getSvgProps } from '@justeattakeaway/pie-icons-configs';
 const template = document.createElement('template');
-template.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--ribbonStarLarge"><path d="M27.095 24.4a14.873 14.873 0 0 1-3.22-4.296 5.25 5.25 0 0 0 .306-1.969 4.017 4.017 0 0 1 .158-1.26c.209-.361.471-.69.779-.971a3.702 3.702 0 0 0 1.382-2.529 3.702 3.702 0 0 0-1.382-2.485 4.096 4.096 0 0 1-.779-.971 4.015 4.015 0 0 1-.149-1.304 3.728 3.728 0 0 0-.761-2.625 3.727 3.727 0 0 0-2.625-.761 4.016 4.016 0 0 1-1.304-.193 4.095 4.095 0 0 1-.971-.778A3.7 3.7 0 0 0 16 2.875a3.702 3.702 0 0 0-2.485 1.383c-.282.307-.61.57-.971.778-.424.121-.864.171-1.304.149a3.693 3.693 0 0 0-2.625.761 3.693 3.693 0 0 0-.77 2.669c.022.44-.028.88-.148 1.304a4.095 4.095 0 0 1-.78.971A3.701 3.701 0 0 0 5.5 13.375a3.701 3.701 0 0 0 1.383 2.485c.31.295.574.638.779 1.015.12.424.17.864.148 1.304a5.25 5.25 0 0 0 .315 1.925 14.875 14.875 0 0 1-3.22 4.296l-1.312 1.225 4.917.814 2.389 3.159.726-.735a22.354 22.354 0 0 0 3.553-5.154 2.16 2.16 0 0 0 1.662 0 22.352 22.352 0 0 0 3.535 5.154l.718.726 2.389-3.159 4.926-.805-1.313-1.225ZM11.04 26.868 9.49 24.82l-2.196-.367c.84-.95 1.566-1.996 2.161-3.116a6.17 6.17 0 0 0 1.75.228c.44-.022.88.028 1.304.149.362.208.69.47.971.779l.201.192a21.232 21.232 0 0 1-2.642 4.183Zm3.693-5.618a5.057 5.057 0 0 0-1.514-1.146 5.25 5.25 0 0 0-1.943-.28c-.577 0-1.242 0-1.461-.254-.219-.254-.236-.875-.254-1.461a5.25 5.25 0 0 0-.28-1.943 5.059 5.059 0 0 0-1.155-1.522c-.402-.394-.875-.919-.875-1.269 0-.35.473-.875.875-1.269.478-.427.87-.94 1.155-1.514a5.25 5.25 0 0 0 .28-1.942c0-.578 0-1.234.254-1.461.254-.228.875-.237 1.461-.254a5.25 5.25 0 0 0 1.943-.28A5.058 5.058 0 0 0 14.732 5.5c.428-.411.875-.875 1.268-.875.394 0 .875.473 1.269.875.428.474.941.863 1.514 1.146a5.25 5.25 0 0 0 1.942.28c.578 0 1.243 0 1.461.254.22.254.237.875.254 1.461a5.25 5.25 0 0 0 .28 1.943 5.055 5.055 0 0 0 1.155 1.522c.412.429.875.875.875 1.269 0 .394-.472.875-.875 1.269a5.057 5.057 0 0 0-1.146 1.513 5.25 5.25 0 0 0-.28 1.943c0 .577 0 1.234-.254 1.461-.253.228-.875.236-1.461.254a5.25 5.25 0 0 0-1.943.28 5.056 5.056 0 0 0-1.522 1.155c-.429.411-.919.875-1.269.875-.35 0-.875-.473-1.268-.875Zm7.778 3.579-1.549 2.047a21.236 21.236 0 0 1-2.677-4.182l.201-.193c.295-.314.638-.58 1.015-.787.424-.121.864-.171 1.304-.149a5.922 5.922 0 0 0 1.75-.228 16.119 16.119 0 0 0 2.196 3.116l-2.24.376Z"></path><path d="M21.25 11.879a1.084 1.084 0 0 0-.875-.744l-2.362-.341L16.98 8.65a1.093 1.093 0 0 0-1.96 0l-1.059 2.144-2.336.341a1.094 1.094 0 0 0-.604 1.864l1.75 1.671-.402 2.362a1.093 1.093 0 0 0 1.584 1.147L16 17.068l2.118 1.11c.156.084.33.127.507.123a1.084 1.084 0 0 0 1.076-1.277L19.3 14.67l1.75-1.671a1.084 1.084 0 0 0 .201-1.12Zm-3.867 2.178L17.75 16 16 15.125 14.25 16l.333-1.951-1.418-1.374 1.96-.28.875-1.75.875 1.75 1.96.28-1.452 1.382Z"></path></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--ribbonStarLarge"><path d="M27.095 24.4a14.873 14.873 0 0 1-3.22-4.296 5.25 5.25 0 0 0 .306-1.969 4.017 4.017 0 0 1 .158-1.26c.209-.361.471-.69.779-.971a3.702 3.702 0 0 0 1.382-2.529 3.702 3.702 0 0 0-1.382-2.485 4.096 4.096 0 0 1-.779-.971 4.015 4.015 0 0 1-.149-1.304 3.728 3.728 0 0 0-.761-2.625 3.727 3.727 0 0 0-2.625-.761 4.016 4.016 0 0 1-1.304-.193 4.095 4.095 0 0 1-.971-.778A3.7 3.7 0 0 0 16 2.875a3.702 3.702 0 0 0-2.485 1.383c-.282.307-.61.57-.971.778-.424.121-.864.171-1.304.149a3.693 3.693 0 0 0-2.625.761 3.693 3.693 0 0 0-.77 2.669c.022.44-.028.88-.148 1.304a4.095 4.095 0 0 1-.78.971A3.701 3.701 0 0 0 5.5 13.375a3.701 3.701 0 0 0 1.383 2.485c.31.295.574.638.779 1.015.12.424.17.864.148 1.304a5.25 5.25 0 0 0 .315 1.925 14.875 14.875 0 0 1-3.22 4.296l-1.312 1.225 4.917.814 2.389 3.159.726-.735a22.354 22.354 0 0 0 3.553-5.154 2.16 2.16 0 0 0 1.662 0 22.352 22.352 0 0 0 3.535 5.154l.718.726 2.389-3.159 4.926-.805-1.313-1.225ZM11.04 26.868 9.49 24.82l-2.196-.367c.84-.95 1.566-1.996 2.161-3.116a6.17 6.17 0 0 0 1.75.228c.44-.022.88.028 1.304.149.362.208.69.47.971.779l.201.192a21.232 21.232 0 0 1-2.642 4.183Zm3.693-5.618a5.057 5.057 0 0 0-1.514-1.146 5.25 5.25 0 0 0-1.943-.28c-.577 0-1.242 0-1.461-.254-.219-.254-.236-.875-.254-1.461a5.25 5.25 0 0 0-.28-1.943 5.059 5.059 0 0 0-1.155-1.522c-.402-.394-.875-.919-.875-1.269 0-.35.473-.875.875-1.269.478-.427.87-.94 1.155-1.514a5.25 5.25 0 0 0 .28-1.942c0-.578 0-1.234.254-1.461.254-.228.875-.237 1.461-.254a5.25 5.25 0 0 0 1.943-.28A5.058 5.058 0 0 0 14.732 5.5c.428-.411.875-.875 1.268-.875.394 0 .875.473 1.269.875.428.474.941.863 1.514 1.146a5.25 5.25 0 0 0 1.942.28c.578 0 1.243 0 1.461.254.22.254.237.875.254 1.461a5.25 5.25 0 0 0 .28 1.943 5.055 5.055 0 0 0 1.155 1.522c.412.429.875.875.875 1.269 0 .394-.472.875-.875 1.269a5.057 5.057 0 0 0-1.146 1.513 5.25 5.25 0 0 0-.28 1.943c0 .577 0 1.234-.254 1.461-.253.228-.875.236-1.461.254a5.25 5.25 0 0 0-1.943.28 5.056 5.056 0 0 0-1.522 1.155c-.429.411-.919.875-1.269.875-.35 0-.875-.473-1.268-.875Zm7.778 3.579-1.549 2.047a21.236 21.236 0 0 1-2.677-4.182l.201-.193c.295-.314.638-.58 1.015-.787.424-.121.864-.171 1.304-.149a5.922 5.922 0 0 0 1.75-.228 16.119 16.119 0 0 0 2.196 3.116l-2.24.376Z"></path><path d="M21.25 11.879a1.084 1.084 0 0 0-.875-.744l-2.362-.341L16.98 8.65a1.093 1.093 0 0 0-1.96 0l-1.059 2.144-2.336.341a1.094 1.094 0 0 0-.604 1.864l1.75 1.671-.402 2.362a1.093 1.093 0 0 0 1.584 1.147L16 17.068l2.118 1.11c.156.084.33.127.507.123a1.084 1.084 0 0 0 1.076-1.277L19.3 14.67l1.75-1.671a1.084 1.084 0 0 0 .201-1.12Zm-3.867 2.178L17.75 16 16 15.125 14.25 16l.333-1.951-1.418-1.374 1.96-.28.875-1.75.875 1.75 1.96.28-1.452 1.382Z"></path></svg>';
 export class IconRibbonStarLarge extends HTMLElement {
     constructor () {
@@ -33,9 +33,13 @@ export class IconRibbonStarLarge extends HTMLElement {
     connectedCallback () {
         const svg = this.root.querySelector('svg');
-        const svgSize = getSvgProps('c-pieIcon c-pieIcon--ribbonStarLarge', '', null, 'IconRibbonStarLarge');
-        svg.setAttribute('width', svgSize.width);
-        svg.setAttribute('height', svgSize.height);
+        if (svg.getAttribute('width') === null) {
+            const svgSize = getSvgProps('c-pieIcon c-pieIcon--ribbonStarLarge', '', null, 'IconRibbonStarLarge');
+            svg.setAttribute('width', svgSize.width);
+            svg.setAttribute('height', svgSize.height);
+        }
         this.setAttribute('class', 'c-pieIcon c-pieIcon--ribbonStarLarge');
         this.root.append(svg);
     }

package/icons/IconRibbonSuccess.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { getSvgProps } from '@justeattakeaway/pie-icons-configs';
 const template = document.createElement('template');
-template.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--ribbonSuccess"><path d="M13.696 12.043a7.37 7.37 0 0 1-1.522-2.013c.096-.309.144-.63.14-.954a2.08 2.08 0 0 1 .061-.577c.099-.154.216-.295.35-.42a2.04 2.04 0 0 0 .752-1.392 2.039 2.039 0 0 0-.752-1.39 2.207 2.207 0 0 1-.35-.42 2.057 2.057 0 0 1-.053-.57 2.04 2.04 0 0 0-.446-1.487c-.417-.34-.952-.5-1.487-.446a2.056 2.056 0 0 1-.569-.053 2.205 2.205 0 0 1-.42-.35A2.039 2.039 0 0 0 8 1.22a2.039 2.039 0 0 0-1.391.752 2.205 2.205 0 0 1-.42.35 2.057 2.057 0 0 1-.569.053 2.039 2.039 0 0 0-1.487.446 2.03 2.03 0 0 0-.447 1.479c.007.194-.014.389-.061.577a2.205 2.205 0 0 1-.35.42 2.039 2.039 0 0 0-.744 1.391 2.039 2.039 0 0 0 .753 1.392c.133.125.251.266.35.42.044.186.061.377.052.569-.004.326.043.65.14.962a7.368 7.368 0 0 1-1.522 2.013l-.648.603 3.947 2.301.358-.367a11.2 11.2 0 0 0 1.75-2.476c.1.03.203.048.306.052.104-.005.207-.022.307-.052a11.2 11.2 0 0 0 1.75 2.476l.358.367 3.947-2.3-.683-.604ZM4.23 6.25c.258-.25.466-.547.612-.875.115-.338.168-.693.158-1.05-.01-.194.011-.39.061-.578.19-.056.388-.08.586-.07.357.011.713-.042 1.05-.157.31-.152.588-.36.823-.612.131-.123.393-.385.481-.385.088 0 .35.262.481.385.235.252.513.46.823.612.337.115.693.168 1.05.158.194-.009.389.012.577.06.057.19.08.389.07.587-.01.357.043.712.158 1.05.152.31.36.588.612.822.123.132.385.394.385.482 0 .087-.262.35-.385.481-.253.234-.46.513-.612.822A3.001 3.001 0 0 0 11 9.033c.01.195-.011.39-.061.578a1.75 1.75 0 0 1-.586.07 2.975 2.975 0 0 0-1.05.158c-.31.151-.588.36-.823.612-.131.123-.393.385-.481.385-.088 0-.35-.263-.481-.385a2.809 2.809 0 0 0-.823-.612 2.975 2.975 0 0 0-1.05-.158 1.96 1.96 0 0 1-.577-.061 1.75 1.75 0 0 1-.07-.586c.008-.351-.045-.7-.158-1.033a2.809 2.809 0 0 0-.612-.822c-.123-.132-.385-.394-.385-.482 0-.087.262-.358.385-.446Zm1.146 7-1.566-.875c.39-.45.733-.94 1.023-1.461.26.05.524.077.788.079.191-.01.383.008.569.052.146.095.281.207.402.332a10.666 10.666 0 0 1-1.216 1.873Zm5.25 0a10.045 10.045 0 0 1-1.234-1.899c.121-.126.256-.237.403-.332.186-.044.377-.062.569-.053.264-.001.528-.028.787-.079.295.531.643 1.03 1.041 1.488l-1.566.875Z"></path><path d="m9.06 5.44.708.706-2.122 2.122-.707-.707 2.122-2.122Z"></path><path d="m6.94 6.146 1.414 1.415-.708.707-1.414-1.414.707-.708Z"></path></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--ribbonSuccess"><path d="M13.696 12.043a7.37 7.37 0 0 1-1.522-2.013c.096-.309.144-.63.14-.954a2.08 2.08 0 0 1 .061-.577c.099-.154.216-.295.35-.42a2.04 2.04 0 0 0 .752-1.392 2.039 2.039 0 0 0-.752-1.39 2.207 2.207 0 0 1-.35-.42 2.057 2.057 0 0 1-.053-.57 2.04 2.04 0 0 0-.446-1.487c-.417-.34-.952-.5-1.487-.446a2.056 2.056 0 0 1-.569-.053 2.205 2.205 0 0 1-.42-.35A2.039 2.039 0 0 0 8 1.22a2.039 2.039 0 0 0-1.391.752 2.205 2.205 0 0 1-.42.35 2.057 2.057 0 0 1-.569.053 2.039 2.039 0 0 0-1.487.446 2.03 2.03 0 0 0-.447 1.479c.007.194-.014.389-.061.577a2.205 2.205 0 0 1-.35.42 2.039 2.039 0 0 0-.744 1.391 2.039 2.039 0 0 0 .753 1.392c.133.125.251.266.35.42.044.186.061.377.052.569-.004.326.043.65.14.962a7.368 7.368 0 0 1-1.522 2.013l-.648.603 3.947 2.301.358-.367a11.2 11.2 0 0 0 1.75-2.476c.1.03.203.048.306.052.104-.005.207-.022.307-.052a11.2 11.2 0 0 0 1.75 2.476l.358.367 3.947-2.3-.683-.604ZM4.23 6.25c.258-.25.466-.547.612-.875.115-.338.168-.693.158-1.05-.01-.194.011-.39.061-.578.19-.056.388-.08.586-.07.357.011.713-.042 1.05-.157.31-.152.588-.36.823-.612.131-.123.393-.385.481-.385.088 0 .35.262.481.385.235.252.513.46.823.612.337.115.693.168 1.05.158.194-.009.389.012.577.06.057.19.08.389.07.587-.01.357.043.712.158 1.05.152.31.36.588.612.822.123.132.385.394.385.482 0 .087-.262.35-.385.481-.253.234-.46.513-.612.822A3.001 3.001 0 0 0 11 9.033c.01.195-.011.39-.061.578a1.75 1.75 0 0 1-.586.07 2.975 2.975 0 0 0-1.05.158c-.31.151-.588.36-.823.612-.131.123-.393.385-.481.385-.088 0-.35-.263-.481-.385a2.809 2.809 0 0 0-.823-.612 2.975 2.975 0 0 0-1.05-.158 1.96 1.96 0 0 1-.577-.061 1.75 1.75 0 0 1-.07-.586c.008-.351-.045-.7-.158-1.033a2.809 2.809 0 0 0-.612-.822c-.123-.132-.385-.394-.385-.482 0-.087.262-.358.385-.446Zm1.146 7-1.566-.875c.39-.45.733-.94 1.023-1.461.26.05.524.077.788.079.191-.01.383.008.569.052.146.095.281.207.402.332a10.666 10.666 0 0 1-1.216 1.873Zm5.25 0a10.045 10.045 0 0 1-1.234-1.899c.121-.126.256-.237.403-.332.186-.044.377-.062.569-.053.264-.001.528-.028.787-.079.295.531.643 1.03 1.041 1.488l-1.566.875Z"></path><path d="m9.06 5.44.708.706-2.122 2.122-.707-.707 2.122-2.122Z"></path><path d="m6.94 6.146 1.414 1.415-.708.707-1.414-1.414.707-.708Z"></path></svg>';
 export class IconRibbonSuccess extends HTMLElement {
     constructor () {
@@ -33,9 +33,13 @@ export class IconRibbonSuccess extends HTMLElement {
     connectedCallback () {
         const svg = this.root.querySelector('svg');
-        const svgSize = getSvgProps('c-pieIcon c-pieIcon--ribbonSuccess', '', null, 'IconRibbonSuccess');
-        svg.setAttribute('width', svgSize.width);
-        svg.setAttribute('height', svgSize.height);
+        if (svg.getAttribute('width') === null) {
+            const svgSize = getSvgProps('c-pieIcon c-pieIcon--ribbonSuccess', '', null, 'IconRibbonSuccess');
+            svg.setAttribute('width', svgSize.width);
+            svg.setAttribute('height', svgSize.height);
+        }
         this.setAttribute('class', 'c-pieIcon c-pieIcon--ribbonSuccess');
         this.root.append(svg);
     }

package/icons/IconRibbonSuccessLarge.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { getSvgProps } from '@justeattakeaway/pie-icons-configs';
 const template = document.createElement('template');
-template.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--ribbonSuccessLarge"><path d="M27.095 24.4a14.873 14.873 0 0 1-3.22-4.296c.227-.63.33-1.3.306-1.969a4.02 4.02 0 0 1 .157-1.26c.21-.361.472-.69.78-.971a3.702 3.702 0 0 0 1.382-2.529 3.7 3.7 0 0 0-1.383-2.485 4.096 4.096 0 0 1-.779-.971 4.018 4.018 0 0 1-.148-1.304 3.727 3.727 0 0 0-.762-2.625 3.727 3.727 0 0 0-2.625-.761 4.016 4.016 0 0 1-1.303-.193 4.095 4.095 0 0 1-.971-.778 3.7 3.7 0 0 0-2.53-1.383 3.702 3.702 0 0 0-2.484 1.383c-.282.307-.61.57-.972.778-.423.121-.863.171-1.303.149a3.693 3.693 0 0 0-2.625.761 3.692 3.692 0 0 0-.77 2.669c.022.44-.028.88-.149 1.304a4.095 4.095 0 0 1-.779.971A3.701 3.701 0 0 0 5.5 13.375a3.701 3.701 0 0 0 1.382 2.485c.311.295.574.638.779 1.015.12.424.171.864.149 1.304a5.25 5.25 0 0 0 .315 1.925 14.875 14.875 0 0 1-3.22 4.296l-1.313 1.225 4.918.814 2.389 3.159.726-.735a22.354 22.354 0 0 0 3.552-5.154 2.16 2.16 0 0 0 1.663 0 22.355 22.355 0 0 0 3.535 5.154l.717.726 2.389-3.159 4.926-.805-1.312-1.225Zm-16.056 2.468-1.55-2.048-2.195-.367a16.12 16.12 0 0 0 2.16-3.116 6.17 6.17 0 0 0 1.75.228c.44-.022.881.028 1.304.149.362.208.69.47.972.779l.201.192a21.232 21.232 0 0 1-2.642 4.183Zm3.692-5.618a5.057 5.057 0 0 0-1.514-1.146 5.25 5.25 0 0 0-1.942-.28c-.578 0-1.243 0-1.461-.254-.22-.254-.237-.875-.254-1.461a5.25 5.25 0 0 0-.28-1.943 5.058 5.058 0 0 0-1.155-1.522c-.403-.394-.875-.919-.875-1.269 0-.35.472-.875.875-1.269.477-.427.87-.94 1.155-1.514a5.25 5.25 0 0 0 .28-1.942c0-.578 0-1.234.254-1.461.253-.228.874-.237 1.46-.254a5.25 5.25 0 0 0 1.943-.28A5.058 5.058 0 0 0 14.731 5.5c.429-.411.875-.875 1.269-.875.393 0 .875.473 1.268.875.428.474.942.863 1.514 1.146a5.25 5.25 0 0 0 1.943.28c.577 0 1.242 0 1.461.254.219.254.236.875.254 1.461a5.25 5.25 0 0 0 .28 1.943 5.055 5.055 0 0 0 1.155 1.522c.411.429.875.875.875 1.269 0 .394-.473.875-.875 1.269a5.059 5.059 0 0 0-1.146 1.513 5.25 5.25 0 0 0-.28 1.943c0 .577 0 1.234-.254 1.461-.254.228-.875.236-1.462.254a5.25 5.25 0 0 0-1.942.28 5.056 5.056 0 0 0-1.523 1.155c-.428.411-.918.875-1.268.875s-.875-.473-1.269-.875Zm7.779 3.579-1.549 2.047a21.236 21.236 0 0 1-2.677-4.182l.2-.193c.296-.314.638-.58 1.016-.787.423-.121.864-.171 1.303-.149a5.922 5.922 0 0 0 1.75-.228 16.119 16.119 0 0 0 2.197 3.116l-2.24.376ZM20.06 11.38l-5.714 5.714-2.835-2.844 1.234-1.242 1.601 1.6 4.48-4.488 1.234 1.26Z"></path><path d="M27.095 24.4a14.873 14.873 0 0 1-3.22-4.296c.227-.63.33-1.3.306-1.969a4.02 4.02 0 0 1 .157-1.26c.21-.361.472-.69.78-.971a3.702 3.702 0 0 0 1.382-2.529 3.7 3.7 0 0 0-1.383-2.485 4.096 4.096 0 0 1-.779-.971 4.018 4.018 0 0 1-.148-1.304 3.727 3.727 0 0 0-.762-2.625 3.727 3.727 0 0 0-2.625-.761 4.016 4.016 0 0 1-1.303-.193 4.095 4.095 0 0 1-.971-.778 3.7 3.7 0 0 0-2.53-1.383 3.702 3.702 0 0 0-2.484 1.383c-.282.307-.61.57-.972.778-.423.121-.863.171-1.303.149a3.693 3.693 0 0 0-2.625.761 3.692 3.692 0 0 0-.77 2.669c.022.44-.028.88-.149 1.304a4.095 4.095 0 0 1-.779.971A3.701 3.701 0 0 0 5.5 13.375a3.701 3.701 0 0 0 1.382 2.485c.311.295.574.638.779 1.015.12.424.171.864.149 1.304a5.25 5.25 0 0 0 .315 1.925 14.875 14.875 0 0 1-3.22 4.296l-1.313 1.225 4.918.814 2.389 3.159.726-.735a22.354 22.354 0 0 0 3.552-5.154 2.16 2.16 0 0 0 1.663 0 22.355 22.355 0 0 0 3.535 5.154l.717.726 2.389-3.159 4.926-.805-1.312-1.225Zm-16.056 2.468-1.55-2.048-2.195-.367a16.12 16.12 0 0 0 2.16-3.116 6.17 6.17 0 0 0 1.75.228c.44-.022.881.028 1.304.149.362.208.69.47.972.779l.201.192a21.232 21.232 0 0 1-2.642 4.183Zm3.692-5.618a5.057 5.057 0 0 0-1.514-1.146 5.25 5.25 0 0 0-1.942-.28c-.578 0-1.243 0-1.461-.254-.22-.254-.237-.875-.254-1.461a5.25 5.25 0 0 0-.28-1.943 5.058 5.058 0 0 0-1.155-1.522c-.403-.394-.875-.919-.875-1.269 0-.35.472-.875.875-1.269.477-.427.87-.94 1.155-1.514a5.25 5.25 0 0 0 .28-1.942c0-.578 0-1.234.254-1.461.253-.228.874-.237 1.46-.254a5.25 5.25 0 0 0 1.943-.28A5.058 5.058 0 0 0 14.731 5.5c.429-.411.875-.875 1.269-.875.393 0 .875.473 1.268.875.428.474.942.863 1.514 1.146a5.25 5.25 0 0 0 1.943.28c.577 0 1.242 0 1.461.254.219.254.236.875.254 1.461a5.25 5.25 0 0 0 .28 1.943 5.055 5.055 0 0 0 1.155 1.522c.411.429.875.875.875 1.269 0 .394-.473.875-.875 1.269a5.059 5.059 0 0 0-1.146 1.513 5.25 5.25 0 0 0-.28 1.943c0 .577 0 1.234-.254 1.461-.254.228-.875.236-1.462.254a5.25 5.25 0 0 0-1.942.28 5.056 5.056 0 0 0-1.523 1.155c-.428.411-.918.875-1.268.875s-.875-.473-1.269-.875Zm7.779 3.579-1.549 2.047a21.236 21.236 0 0 1-2.677-4.182l.2-.193c.296-.314.638-.58 1.016-.787.423-.121.864-.171 1.303-.149a5.922 5.922 0 0 0 1.75-.228 16.119 16.119 0 0 0 2.197 3.116l-2.24.376ZM20.06 11.38l-5.714 5.714-2.835-2.844 1.234-1.242 1.601 1.6 4.48-4.488 1.234 1.26Z"></path></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--ribbonSuccessLarge"><path d="M27.095 24.4a14.873 14.873 0 0 1-3.22-4.296c.227-.63.33-1.3.306-1.969a4.02 4.02 0 0 1 .157-1.26c.21-.361.472-.69.78-.971a3.702 3.702 0 0 0 1.382-2.529 3.7 3.7 0 0 0-1.383-2.485 4.096 4.096 0 0 1-.779-.971 4.018 4.018 0 0 1-.148-1.304 3.727 3.727 0 0 0-.762-2.625 3.727 3.727 0 0 0-2.625-.761 4.016 4.016 0 0 1-1.303-.193 4.095 4.095 0 0 1-.971-.778 3.7 3.7 0 0 0-2.53-1.383 3.702 3.702 0 0 0-2.484 1.383c-.282.307-.61.57-.972.778-.423.121-.863.171-1.303.149a3.693 3.693 0 0 0-2.625.761 3.692 3.692 0 0 0-.77 2.669c.022.44-.028.88-.149 1.304a4.095 4.095 0 0 1-.779.971A3.701 3.701 0 0 0 5.5 13.375a3.701 3.701 0 0 0 1.382 2.485c.311.295.574.638.779 1.015.12.424.171.864.149 1.304a5.25 5.25 0 0 0 .315 1.925 14.875 14.875 0 0 1-3.22 4.296l-1.313 1.225 4.918.814 2.389 3.159.726-.735a22.354 22.354 0 0 0 3.552-5.154 2.16 2.16 0 0 0 1.663 0 22.355 22.355 0 0 0 3.535 5.154l.717.726 2.389-3.159 4.926-.805-1.312-1.225Zm-16.056 2.468-1.55-2.048-2.195-.367a16.12 16.12 0 0 0 2.16-3.116 6.17 6.17 0 0 0 1.75.228c.44-.022.881.028 1.304.149.362.208.69.47.972.779l.201.192a21.232 21.232 0 0 1-2.642 4.183Zm3.692-5.618a5.057 5.057 0 0 0-1.514-1.146 5.25 5.25 0 0 0-1.942-.28c-.578 0-1.243 0-1.461-.254-.22-.254-.237-.875-.254-1.461a5.25 5.25 0 0 0-.28-1.943 5.058 5.058 0 0 0-1.155-1.522c-.403-.394-.875-.919-.875-1.269 0-.35.472-.875.875-1.269.477-.427.87-.94 1.155-1.514a5.25 5.25 0 0 0 .28-1.942c0-.578 0-1.234.254-1.461.253-.228.874-.237 1.46-.254a5.25 5.25 0 0 0 1.943-.28A5.058 5.058 0 0 0 14.731 5.5c.429-.411.875-.875 1.269-.875.393 0 .875.473 1.268.875.428.474.942.863 1.514 1.146a5.25 5.25 0 0 0 1.943.28c.577 0 1.242 0 1.461.254.219.254.236.875.254 1.461a5.25 5.25 0 0 0 .28 1.943 5.055 5.055 0 0 0 1.155 1.522c.411.429.875.875.875 1.269 0 .394-.473.875-.875 1.269a5.059 5.059 0 0 0-1.146 1.513 5.25 5.25 0 0 0-.28 1.943c0 .577 0 1.234-.254 1.461-.254.228-.875.236-1.462.254a5.25 5.25 0 0 0-1.942.28 5.056 5.056 0 0 0-1.523 1.155c-.428.411-.918.875-1.268.875s-.875-.473-1.269-.875Zm7.779 3.579-1.549 2.047a21.236 21.236 0 0 1-2.677-4.182l.2-.193c.296-.314.638-.58 1.016-.787.423-.121.864-.171 1.303-.149a5.922 5.922 0 0 0 1.75-.228 16.119 16.119 0 0 0 2.197 3.116l-2.24.376ZM20.06 11.38l-5.714 5.714-2.835-2.844 1.234-1.242 1.601 1.6 4.48-4.488 1.234 1.26Z"></path><path d="M27.095 24.4a14.873 14.873 0 0 1-3.22-4.296c.227-.63.33-1.3.306-1.969a4.02 4.02 0 0 1 .157-1.26c.21-.361.472-.69.78-.971a3.702 3.702 0 0 0 1.382-2.529 3.7 3.7 0 0 0-1.383-2.485 4.096 4.096 0 0 1-.779-.971 4.018 4.018 0 0 1-.148-1.304 3.727 3.727 0 0 0-.762-2.625 3.727 3.727 0 0 0-2.625-.761 4.016 4.016 0 0 1-1.303-.193 4.095 4.095 0 0 1-.971-.778 3.7 3.7 0 0 0-2.53-1.383 3.702 3.702 0 0 0-2.484 1.383c-.282.307-.61.57-.972.778-.423.121-.863.171-1.303.149a3.693 3.693 0 0 0-2.625.761 3.692 3.692 0 0 0-.77 2.669c.022.44-.028.88-.149 1.304a4.095 4.095 0 0 1-.779.971A3.701 3.701 0 0 0 5.5 13.375a3.701 3.701 0 0 0 1.382 2.485c.311.295.574.638.779 1.015.12.424.171.864.149 1.304a5.25 5.25 0 0 0 .315 1.925 14.875 14.875 0 0 1-3.22 4.296l-1.313 1.225 4.918.814 2.389 3.159.726-.735a22.354 22.354 0 0 0 3.552-5.154 2.16 2.16 0 0 0 1.663 0 22.355 22.355 0 0 0 3.535 5.154l.717.726 2.389-3.159 4.926-.805-1.312-1.225Zm-16.056 2.468-1.55-2.048-2.195-.367a16.12 16.12 0 0 0 2.16-3.116 6.17 6.17 0 0 0 1.75.228c.44-.022.881.028 1.304.149.362.208.69.47.972.779l.201.192a21.232 21.232 0 0 1-2.642 4.183Zm3.692-5.618a5.057 5.057 0 0 0-1.514-1.146 5.25 5.25 0 0 0-1.942-.28c-.578 0-1.243 0-1.461-.254-.22-.254-.237-.875-.254-1.461a5.25 5.25 0 0 0-.28-1.943 5.058 5.058 0 0 0-1.155-1.522c-.403-.394-.875-.919-.875-1.269 0-.35.472-.875.875-1.269.477-.427.87-.94 1.155-1.514a5.25 5.25 0 0 0 .28-1.942c0-.578 0-1.234.254-1.461.253-.228.874-.237 1.46-.254a5.25 5.25 0 0 0 1.943-.28A5.058 5.058 0 0 0 14.731 5.5c.429-.411.875-.875 1.269-.875.393 0 .875.473 1.268.875.428.474.942.863 1.514 1.146a5.25 5.25 0 0 0 1.943.28c.577 0 1.242 0 1.461.254.219.254.236.875.254 1.461a5.25 5.25 0 0 0 .28 1.943 5.055 5.055 0 0 0 1.155 1.522c.411.429.875.875.875 1.269 0 .394-.473.875-.875 1.269a5.059 5.059 0 0 0-1.146 1.513 5.25 5.25 0 0 0-.28 1.943c0 .577 0 1.234-.254 1.461-.254.228-.875.236-1.462.254a5.25 5.25 0 0 0-1.942.28 5.056 5.056 0 0 0-1.523 1.155c-.428.411-.918.875-1.268.875s-.875-.473-1.269-.875Zm7.779 3.579-1.549 2.047a21.236 21.236 0 0 1-2.677-4.182l.2-.193c.296-.314.638-.58 1.016-.787.423-.121.864-.171 1.303-.149a5.922 5.922 0 0 0 1.75-.228 16.119 16.119 0 0 0 2.197 3.116l-2.24.376ZM20.06 11.38l-5.714 5.714-2.835-2.844 1.234-1.242 1.601 1.6 4.48-4.488 1.234 1.26Z"></path></svg>';
 export class IconRibbonSuccessLarge extends HTMLElement {
     constructor () {
@@ -33,9 +33,13 @@ export class IconRibbonSuccessLarge extends HTMLElement {
     connectedCallback () {
         const svg = this.root.querySelector('svg');
-        const svgSize = getSvgProps('c-pieIcon c-pieIcon--ribbonSuccessLarge', '', null, 'IconRibbonSuccessLarge');
-        svg.setAttribute('width', svgSize.width);
-        svg.setAttribute('height', svgSize.height);
+        if (svg.getAttribute('width') === null) {
+            const svgSize = getSvgProps('c-pieIcon c-pieIcon--ribbonSuccessLarge', '', null, 'IconRibbonSuccessLarge');
+            svg.setAttribute('width', svgSize.width);
+            svg.setAttribute('height', svgSize.height);
+        }
         this.setAttribute('class', 'c-pieIcon c-pieIcon--ribbonSuccessLarge');
         this.root.append(svg);
     }

package/icons/IconRocketShip.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { getSvgProps } from '@justeattakeaway/pie-icons-configs';
 const template = document.createElement('template');
-template.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--rocketShip"><path d="m14.659 1.814-.097-.377-.376-.096A6.317 6.317 0 0 0 7.834 3.24L6.478 4.596a.21.21 0 0 1-.158.061H4.141a1.242 1.242 0 0 0-.98.368L1.954 6.25l7.796 7.752 1.207-1.198a1.277 1.277 0 0 0 .368-.954V9.636a.254.254 0 0 1 .061-.157l1.357-1.357a6.291 6.291 0 0 0 1.916-6.308Zm-2.87 5.381-1.357 1.356c-.282.29-.442.68-.446 1.085v2.24l-.28.272L3.818 6.25l.288-.28H6.32a1.522 1.522 0 0 0 1.085-.446l1.356-1.357a5.057 5.057 0 0 1 4.708-1.645 5.03 5.03 0 0 1-1.68 4.673Zm-.796-2.188a1.138 1.138 0 1 1-1.611 1.608 1.138 1.138 0 0 1 1.61-1.608ZM4.5 10.625 1.945 13.25 1 12.305 3.625 9.75l.875.875Zm.875.875.875.875-1.68 1.75-.945-.945 1.75-1.68Z"></path></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--rocketShip"><path d="m14.659 1.814-.097-.377-.376-.096A6.317 6.317 0 0 0 7.834 3.24L6.478 4.596a.21.21 0 0 1-.158.061H4.141a1.242 1.242 0 0 0-.98.368L1.954 6.25l7.796 7.752 1.207-1.198a1.277 1.277 0 0 0 .368-.954V9.636a.254.254 0 0 1 .061-.157l1.357-1.357a6.291 6.291 0 0 0 1.916-6.308Zm-2.87 5.381-1.357 1.356c-.282.29-.442.68-.446 1.085v2.24l-.28.272L3.818 6.25l.288-.28H6.32a1.522 1.522 0 0 0 1.085-.446l1.356-1.357a5.057 5.057 0 0 1 4.708-1.645 5.03 5.03 0 0 1-1.68 4.673Zm-.796-2.188a1.138 1.138 0 1 1-1.611 1.608 1.138 1.138 0 0 1 1.61-1.608ZM4.5 10.625 1.945 13.25 1 12.305 3.625 9.75l.875.875Zm.875.875.875.875-1.68 1.75-.945-.945 1.75-1.68Z"></path></svg>';
 export class IconRocketShip extends HTMLElement {
     constructor () {
@@ -33,9 +33,13 @@ export class IconRocketShip extends HTMLElement {
     connectedCallback () {
         const svg = this.root.querySelector('svg');
-        const svgSize = getSvgProps('c-pieIcon c-pieIcon--rocketShip', '', null, 'IconRocketShip');
-        svg.setAttribute('width', svgSize.width);
-        svg.setAttribute('height', svgSize.height);
+        if (svg.getAttribute('width') === null) {
+            const svgSize = getSvgProps('c-pieIcon c-pieIcon--rocketShip', '', null, 'IconRocketShip');
+            svg.setAttribute('width', svgSize.width);
+            svg.setAttribute('height', svgSize.height);
+        }
         this.setAttribute('class', 'c-pieIcon c-pieIcon--rocketShip');
         this.root.append(svg);
     }

package/icons/IconRocketShipLarge.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { getSvgProps } from '@justeattakeaway/pie-icons-configs';
 const template = document.createElement('template');
-template.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--rocketShipLarge"><path d="m27.016 5.631-.131-.499-.499-.13c-4.121-1.05-7.875.07-11.138 3.342l-3.115 3.115a.708.708 0 0 1-.508.166H7.696a2.039 2.039 0 0 0-1.54.578l-1.951 1.986L17.75 27.742l1.951-1.95a2.021 2.021 0 0 0 .578-1.497v-3.981a.69.69 0 0 1 .201-.499l3.115-3.115c3.308-3.325 4.454-7.026 3.421-11.069Zm-4.646 9.835-3.115 3.159a2.433 2.433 0 0 0-.717 1.75v4.034a.288.288 0 0 1-.062.21l-.726.656L6.673 14.189l.717-.718a.34.34 0 0 1 .263-.061h3.972a2.467 2.467 0 0 0 1.75-.717l3.115-3.107c2.66-2.677 5.635-3.684 8.951-3.01.665 3.246-.341 6.16-3.071 8.89Zm-4.463-5.433a2.878 2.878 0 1 0 4.078 0 2.957 2.957 0 0 0-4.078 0Zm2.835 2.835a1.129 1.129 0 0 1-1.592-1.593 1.121 1.121 0 0 1 1.593 0 1.111 1.111 0 0 1 0 1.592ZM9.08 21.538l-3.833 3.833-1.242-1.242 3.832-3.833L9.08 21.54Zm1.382 1.383 1.243 1.243-2.52 2.52L7.94 25.44l2.52-2.52Z"></path></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--rocketShipLarge"><path d="m27.016 5.631-.131-.499-.499-.13c-4.121-1.05-7.875.07-11.138 3.342l-3.115 3.115a.708.708 0 0 1-.508.166H7.696a2.039 2.039 0 0 0-1.54.578l-1.951 1.986L17.75 27.742l1.951-1.95a2.021 2.021 0 0 0 .578-1.497v-3.981a.69.69 0 0 1 .201-.499l3.115-3.115c3.308-3.325 4.454-7.026 3.421-11.069Zm-4.646 9.835-3.115 3.159a2.433 2.433 0 0 0-.717 1.75v4.034a.288.288 0 0 1-.062.21l-.726.656L6.673 14.189l.717-.718a.34.34 0 0 1 .263-.061h3.972a2.467 2.467 0 0 0 1.75-.717l3.115-3.107c2.66-2.677 5.635-3.684 8.951-3.01.665 3.246-.341 6.16-3.071 8.89Zm-4.463-5.433a2.878 2.878 0 1 0 4.078 0 2.957 2.957 0 0 0-4.078 0Zm2.835 2.835a1.129 1.129 0 0 1-1.592-1.593 1.121 1.121 0 0 1 1.593 0 1.111 1.111 0 0 1 0 1.592ZM9.08 21.538l-3.833 3.833-1.242-1.242 3.832-3.833L9.08 21.54Zm1.382 1.383 1.243 1.243-2.52 2.52L7.94 25.44l2.52-2.52Z"></path></svg>';
 export class IconRocketShipLarge extends HTMLElement {
     constructor () {
@@ -33,9 +33,13 @@ export class IconRocketShipLarge extends HTMLElement {
     connectedCallback () {
         const svg = this.root.querySelector('svg');
-        const svgSize = getSvgProps('c-pieIcon c-pieIcon--rocketShipLarge', '', null, 'IconRocketShipLarge');
-        svg.setAttribute('width', svgSize.width);
-        svg.setAttribute('height', svgSize.height);
+        if (svg.getAttribute('width') === null) {
+            const svgSize = getSvgProps('c-pieIcon c-pieIcon--rocketShipLarge', '', null, 'IconRocketShipLarge');
+            svg.setAttribute('width', svgSize.width);
+            svg.setAttribute('height', svgSize.height);
+        }
         this.setAttribute('class', 'c-pieIcon c-pieIcon--rocketShipLarge');
         this.root.append(svg);
     }

package/icons/IconRoutePin.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { getSvgProps } from '@justeattakeaway/pie-icons-configs';
 const template = document.createElement('template');
-template.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--routePin"><path d="M13.031 2.575a4.646 4.646 0 0 0-6.562 0 4.655 4.655 0 0 0 0 6.571l3.281 3.281 3.281-3.28a4.655 4.655 0 0 0 0-6.572Zm-.927 5.644L9.75 10.573 7.396 8.218a3.325 3.325 0 1 1 4.708 0Zm-1.076-2.442a1.277 1.277 0 1 1-2.555 0 1.277 1.277 0 0 1 2.554 0Zm-6.738 7.7 6.344.053v1.313L4.29 14.79a1.523 1.523 0 0 1-1.295-2.319l1.041-1.75a.21.21 0 0 0 0-.219.21.21 0 0 0-.192-.113H1V9.094h2.826a1.522 1.522 0 0 1 1.313 2.319l-1.042 1.75a.219.219 0 0 0 .193.332v-.018Z"></path></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--routePin"><path d="M13.031 2.575a4.646 4.646 0 0 0-6.562 0 4.655 4.655 0 0 0 0 6.571l3.281 3.281 3.281-3.28a4.655 4.655 0 0 0 0-6.572Zm-.927 5.644L9.75 10.573 7.396 8.218a3.325 3.325 0 1 1 4.708 0Zm-1.076-2.442a1.277 1.277 0 1 1-2.555 0 1.277 1.277 0 0 1 2.554 0Zm-6.738 7.7 6.344.053v1.313L4.29 14.79a1.523 1.523 0 0 1-1.295-2.319l1.041-1.75a.21.21 0 0 0 0-.219.21.21 0 0 0-.192-.113H1V9.094h2.826a1.522 1.522 0 0 1 1.313 2.319l-1.042 1.75a.219.219 0 0 0 .193.332v-.018Z"></path></svg>';
 export class IconRoutePin extends HTMLElement {
     constructor () {
@@ -33,9 +33,13 @@ export class IconRoutePin extends HTMLElement {
     connectedCallback () {
         const svg = this.root.querySelector('svg');
-        const svgSize = getSvgProps('c-pieIcon c-pieIcon--routePin', '', null, 'IconRoutePin');
-        svg.setAttribute('width', svgSize.width);
-        svg.setAttribute('height', svgSize.height);
+        if (svg.getAttribute('width') === null) {
+            const svgSize = getSvgProps('c-pieIcon c-pieIcon--routePin', '', null, 'IconRoutePin');
+            svg.setAttribute('width', svgSize.width);
+            svg.setAttribute('height', svgSize.height);
+        }
         this.setAttribute('class', 'c-pieIcon c-pieIcon--routePin');
         this.root.append(svg);
     }

package/icons/IconRoutePinLarge.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { getSvgProps } from '@justeattakeaway/pie-icons-configs';
 const template = document.createElement('template');
-template.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--routePinLarge"><path d="M26.631 6.375A8.848 8.848 0 0 0 14.12 18.887l6.256 6.222 6.256-6.257a8.864 8.864 0 0 0 0-12.477Zm-1.233 11.244-5.023 5.022-5.023-5.022a7.097 7.097 0 1 1 10.046 0Zm-5.023-8.742a3.85 3.85 0 1 0 0 7.701 3.85 3.85 0 0 0 0-7.7Zm0 5.942a2.1 2.1 0 1 1 0-4.2 2.1 2.1 0 0 1 0 4.2ZM8.895 26.5l13.23.061v1.75L8.886 28.25a2.73 2.73 0 0 1-2.38-1.4 2.537 2.537 0 0 1 .079-2.625l2.196-3.5a.796.796 0 0 0 0-.831.954.954 0 0 0-.875-.481H2v-1.75h5.941a2.73 2.73 0 0 1 2.398 1.39 2.52 2.52 0 0 1-.079 2.626l-2.188 3.5a.77.77 0 0 0 0 .822.962.962 0 0 0 .823.499Z"></path></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--routePinLarge"><path d="M26.631 6.375A8.848 8.848 0 0 0 14.12 18.887l6.256 6.222 6.256-6.257a8.864 8.864 0 0 0 0-12.477Zm-1.233 11.244-5.023 5.022-5.023-5.022a7.097 7.097 0 1 1 10.046 0Zm-5.023-8.742a3.85 3.85 0 1 0 0 7.701 3.85 3.85 0 0 0 0-7.7Zm0 5.942a2.1 2.1 0 1 1 0-4.2 2.1 2.1 0 0 1 0 4.2ZM8.895 26.5l13.23.061v1.75L8.886 28.25a2.73 2.73 0 0 1-2.38-1.4 2.537 2.537 0 0 1 .079-2.625l2.196-3.5a.796.796 0 0 0 0-.831.954.954 0 0 0-.875-.481H2v-1.75h5.941a2.73 2.73 0 0 1 2.398 1.39 2.52 2.52 0 0 1-.079 2.626l-2.188 3.5a.77.77 0 0 0 0 .822.962.962 0 0 0 .823.499Z"></path></svg>';
 export class IconRoutePinLarge extends HTMLElement {
     constructor () {
@@ -33,9 +33,13 @@ export class IconRoutePinLarge extends HTMLElement {
     connectedCallback () {
         const svg = this.root.querySelector('svg');
-        const svgSize = getSvgProps('c-pieIcon c-pieIcon--routePinLarge', '', null, 'IconRoutePinLarge');
-        svg.setAttribute('width', svgSize.width);
-        svg.setAttribute('height', svgSize.height);
+        if (svg.getAttribute('width') === null) {
+            const svgSize = getSvgProps('c-pieIcon c-pieIcon--routePinLarge', '', null, 'IconRoutePinLarge');
+            svg.setAttribute('width', svgSize.width);
+            svg.setAttribute('height', svgSize.height);
+        }
         this.setAttribute('class', 'c-pieIcon c-pieIcon--routePinLarge');
         this.root.append(svg);
     }

package/icons/IconRss.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { getSvgProps } from '@justeattakeaway/pie-icons-configs';
 const template = document.createElement('template');
-template.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--rss"><path d="M5.034 2.96v1.312c.297 0 7.35.088 7.35 7.35h1.312c0-6.85-5.696-8.662-8.662-8.662Z"></path><path d="M5.034 7.326V8.64A2.984 2.984 0 0 1 8 11.623h1.313a4.296 4.296 0 0 0-4.28-4.297Z"></path><path d="M3.433 11.964a1.155 1.155 0 1 0 1.627 1.639 1.155 1.155 0 0 0-1.627-1.64Z"></path></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--rss"><path d="M5.034 2.96v1.312c.297 0 7.35.088 7.35 7.35h1.312c0-6.85-5.696-8.662-8.662-8.662Z"></path><path d="M5.034 7.326V8.64A2.984 2.984 0 0 1 8 11.623h1.313a4.296 4.296 0 0 0-4.28-4.297Z"></path><path d="M3.433 11.964a1.155 1.155 0 1 0 1.627 1.639 1.155 1.155 0 0 0-1.627-1.64Z"></path></svg>';
 export class IconRss extends HTMLElement {
     constructor () {
@@ -33,9 +33,13 @@ export class IconRss extends HTMLElement {
     connectedCallback () {
         const svg = this.root.querySelector('svg');
-        const svgSize = getSvgProps('c-pieIcon c-pieIcon--rss', '', null, 'IconRss');
-        svg.setAttribute('width', svgSize.width);
-        svg.setAttribute('height', svgSize.height);
+        if (svg.getAttribute('width') === null) {
+            const svgSize = getSvgProps('c-pieIcon c-pieIcon--rss', '', null, 'IconRss');
+            svg.setAttribute('width', svgSize.width);
+            svg.setAttribute('height', svgSize.height);
+        }
         this.setAttribute('class', 'c-pieIcon c-pieIcon--rss');
         this.root.append(svg);
     }

package/icons/IconRssLarge.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { getSvgProps } from '@justeattakeaway/pie-icons-configs';
 const template = document.createElement('template');
-template.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--rssLarge"><path d="M8.762 21.355a1.312 1.312 0 1 0 1.853 1.86 1.312 1.312 0 0 0-1.853-1.86Z"></path><path d="M8.5 7v1.5a15 15 0 0 1 15 15H25A16.5 16.5 0 0 0 8.5 7Z"></path><path d="M9.25 11.807v1.5a9.458 9.458 0 0 1 9.442 9.443h1.5A10.957 10.957 0 0 0 9.25 11.807Z"></path><path d="M10 16.615v1.5A3.893 3.893 0 0 1 13.885 22h1.5A5.393 5.393 0 0 0 10 16.615Z"></path></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--rssLarge"><path d="M8.762 21.355a1.312 1.312 0 1 0 1.853 1.86 1.312 1.312 0 0 0-1.853-1.86Z"></path><path d="M8.5 7v1.5a15 15 0 0 1 15 15H25A16.5 16.5 0 0 0 8.5 7Z"></path><path d="M9.25 11.807v1.5a9.458 9.458 0 0 1 9.442 9.443h1.5A10.957 10.957 0 0 0 9.25 11.807Z"></path><path d="M10 16.615v1.5A3.893 3.893 0 0 1 13.885 22h1.5A5.393 5.393 0 0 0 10 16.615Z"></path></svg>';
 export class IconRssLarge extends HTMLElement {
     constructor () {
@@ -33,9 +33,13 @@ export class IconRssLarge extends HTMLElement {
     connectedCallback () {
         const svg = this.root.querySelector('svg');
-        const svgSize = getSvgProps('c-pieIcon c-pieIcon--rssLarge', '', null, 'IconRssLarge');
-        svg.setAttribute('width', svgSize.width);
-        svg.setAttribute('height', svgSize.height);
+        if (svg.getAttribute('width') === null) {
+            const svgSize = getSvgProps('c-pieIcon c-pieIcon--rssLarge', '', null, 'IconRssLarge');
+            svg.setAttribute('width', svgSize.width);
+            svg.setAttribute('height', svgSize.height);
+        }
         this.setAttribute('class', 'c-pieIcon c-pieIcon--rssLarge');
         this.root.append(svg);
     }

package/icons/IconSalad.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { getSvgProps } from '@justeattakeaway/pie-icons-configs';
 const template = document.createElement('template');
-template.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--salad"><path d="M14.037 7.344c.082-.128.147-.267.193-.412a2.066 2.066 0 0 0-.236-1.837.236.236 0 0 1 0-.184 2.26 2.26 0 0 0 .14-.875 2.084 2.084 0 0 0-.875-1.592 1.943 1.943 0 0 0-2.354 0 .175.175 0 0 1-.105 0 1.75 1.75 0 0 0-.796-.14 1.969 1.969 0 0 0-1.558.875.315.315 0 0 1 0 .078 2.074 2.074 0 0 0-.971-.875 1.969 1.969 0 0 0-.875-.166.131.131 0 0 1-.131-.052 2.048 2.048 0 0 0-2.319-.867 2.126 2.126 0 0 0-1.4 1.295 2.327 2.327 0 0 0-.158.875.245.245 0 0 1-.087.228 2.249 2.249 0 0 0 0 3.57.228.228 0 0 1 .061.087H1.22v1.523a4.148 4.148 0 0 0 2.73 3.894l.262 1.137h7.578l.262-1.137a4.147 4.147 0 0 0 2.73-3.894V7.344h-.744ZM9.4 4.404a.875.875 0 0 1 .157-.473.648.648 0 0 1 .517-.306.708.708 0 0 1 .28.052 1.391 1.391 0 0 0 1.356-.157.656.656 0 0 1 .796 0 .804.804 0 0 1 .289.56.995.995 0 0 1-.061.359 1.533 1.533 0 0 0 .166 1.373.822.822 0 0 1 .088.7.69.69 0 0 1-.464.455 1.391 1.391 0 0 0-.621.377H10.8c.292-.404.555-.828.787-1.269l-1.163-.604a8.874 8.874 0 0 1-1.199 1.75 2.249 2.249 0 0 0-.446-1.549A1.619 1.619 0 0 0 9.4 4.404ZM3.319 6.197a.875.875 0 0 1-.35-.726.875.875 0 0 1 .35-.726 1.566 1.566 0 0 0 .612-1.313c.003-.128.027-.255.07-.376a.822.822 0 0 1 .499-.49.761.761 0 0 1 .875.333 1.488 1.488 0 0 0 1.277.656.796.796 0 0 1 .597.302c.082.098.141.213.174.337a.936.936 0 0 1 0 .56c-.141.397-.122.833.052 1.216.07.163.16.316.271.455a.928.928 0 0 1 .193.779v.131H6.915A4.559 4.559 0 0 1 5.909 5.27l-1.295.21c.127.653.357 1.283.682 1.864H3.922a1.531 1.531 0 0 0-.603-1.147Zm10.15 2.678a2.836 2.836 0 0 1-2.135 2.739l-.385.105-.201.875H5.253l-.202-.875-.385-.105a2.835 2.835 0 0 1-2.135-2.739v-.219H13.47v.219Z"></path></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--salad"><path d="M14.037 7.344c.082-.128.147-.267.193-.412a2.066 2.066 0 0 0-.236-1.837.236.236 0 0 1 0-.184 2.26 2.26 0 0 0 .14-.875 2.084 2.084 0 0 0-.875-1.592 1.943 1.943 0 0 0-2.354 0 .175.175 0 0 1-.105 0 1.75 1.75 0 0 0-.796-.14 1.969 1.969 0 0 0-1.558.875.315.315 0 0 1 0 .078 2.074 2.074 0 0 0-.971-.875 1.969 1.969 0 0 0-.875-.166.131.131 0 0 1-.131-.052 2.048 2.048 0 0 0-2.319-.867 2.126 2.126 0 0 0-1.4 1.295 2.327 2.327 0 0 0-.158.875.245.245 0 0 1-.087.228 2.249 2.249 0 0 0 0 3.57.228.228 0 0 1 .061.087H1.22v1.523a4.148 4.148 0 0 0 2.73 3.894l.262 1.137h7.578l.262-1.137a4.147 4.147 0 0 0 2.73-3.894V7.344h-.744ZM9.4 4.404a.875.875 0 0 1 .157-.473.648.648 0 0 1 .517-.306.708.708 0 0 1 .28.052 1.391 1.391 0 0 0 1.356-.157.656.656 0 0 1 .796 0 .804.804 0 0 1 .289.56.995.995 0 0 1-.061.359 1.533 1.533 0 0 0 .166 1.373.822.822 0 0 1 .088.7.69.69 0 0 1-.464.455 1.391 1.391 0 0 0-.621.377H10.8c.292-.404.555-.828.787-1.269l-1.163-.604a8.874 8.874 0 0 1-1.199 1.75 2.249 2.249 0 0 0-.446-1.549A1.619 1.619 0 0 0 9.4 4.404ZM3.319 6.197a.875.875 0 0 1-.35-.726.875.875 0 0 1 .35-.726 1.566 1.566 0 0 0 .612-1.313c.003-.128.027-.255.07-.376a.822.822 0 0 1 .499-.49.761.761 0 0 1 .875.333 1.488 1.488 0 0 0 1.277.656.796.796 0 0 1 .597.302c.082.098.141.213.174.337a.936.936 0 0 1 0 .56c-.141.397-.122.833.052 1.216.07.163.16.316.271.455a.928.928 0 0 1 .193.779v.131H6.915A4.559 4.559 0 0 1 5.909 5.27l-1.295.21c.127.653.357 1.283.682 1.864H3.922a1.531 1.531 0 0 0-.603-1.147Zm10.15 2.678a2.836 2.836 0 0 1-2.135 2.739l-.385.105-.201.875H5.253l-.202-.875-.385-.105a2.835 2.835 0 0 1-2.135-2.739v-.219H13.47v.219Z"></path></svg>';
 export class IconSalad extends HTMLElement {
     constructor () {
@@ -33,9 +33,13 @@ export class IconSalad extends HTMLElement {
     connectedCallback () {
         const svg = this.root.querySelector('svg');
-        const svgSize = getSvgProps('c-pieIcon c-pieIcon--salad', '', null, 'IconSalad');
-        svg.setAttribute('width', svgSize.width);
-        svg.setAttribute('height', svgSize.height);
+        if (svg.getAttribute('width') === null) {
+            const svgSize = getSvgProps('c-pieIcon c-pieIcon--salad', '', null, 'IconSalad');
+            svg.setAttribute('width', svgSize.width);
+            svg.setAttribute('height', svgSize.height);
+        }
         this.setAttribute('class', 'c-pieIcon c-pieIcon--salad');
         this.root.append(svg);
     }

package/icons/IconSaladLarge.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { getSvgProps } from '@justeattakeaway/pie-icons-configs';
 const template = document.createElement('template');
-template.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--saladLarge"><path d="M27.235 16c.338-.321.606-.708.788-1.137a3.237 3.237 0 0 0-.482-3.238.516.516 0 0 1-.052-.551c.185-.45.274-.932.262-1.418a3.378 3.378 0 0 0-1.601-2.669 4.016 4.016 0 0 0-4.279 0 .875.875 0 0 1-.796 0 4.156 4.156 0 0 0-1.444-.21 3.806 3.806 0 0 0-2.887 1.383A3.351 3.351 0 0 0 16 10.277a.814.814 0 0 1-.42.64 3.588 3.588 0 0 0-.123-1.103 3.5 3.5 0 0 0-2.082-2.302 3.658 3.658 0 0 0-1.383-.262.63.63 0 0 1-.542-.228 3.5 3.5 0 0 0-6.125.657c-.18.444-.27.92-.263 1.4a.691.691 0 0 1-.27.586 3.5 3.5 0 0 0 0 5.731.674.674 0 0 1 .262.569H2.875v2.625a7.875 7.875 0 0 0 5.39 7.446l.508 2.214h14.454l.508-2.179a7.875 7.875 0 0 0 5.39-7.446V16h-1.89Zm-11.008-3.43a2.625 2.625 0 0 0 1.523-2.293c.007-.361.136-.71.367-.988a2.047 2.047 0 0 1 1.558-.709c.276-.011.552.027.814.114a2.625 2.625 0 0 0 2.336-.219 2.222 2.222 0 0 1 2.398 0A1.618 1.618 0 0 1 26 9.735c.01.237-.032.472-.122.691a2.25 2.25 0 0 0 .28 2.293 1.488 1.488 0 0 1 .236 1.531 1.9 1.9 0 0 1-1.339 1.085 2.52 2.52 0 0 0-1.233.7h-3.107a24.345 24.345 0 0 0 3.5-3.876l-1.426-.998a25.01 25.01 0 0 1-2.021 2.389 5.675 5.675 0 0 1-.088-1.899l-1.75-.28a6.797 6.797 0 0 0 .438 3.5c-.471.404-.965.781-1.479 1.129h-1.523v-.114a3.499 3.499 0 0 0-.717-2.905c.17-.165.365-.304.577-.411ZM5.78 13.97a1.75 1.75 0 0 1-.744-1.47 1.75 1.75 0 0 1 .744-1.435 2.415 2.415 0 0 0 1.015-2.021c-.007-.244.04-.486.14-.709a1.75 1.75 0 0 1 3.071-.315 2.38 2.38 0 0 0 2.039.98c.24-.002.477.043.7.131a1.75 1.75 0 0 1 1.033 1.146c.113.35.113.727 0 1.077a2.546 2.546 0 0 0 .087 1.942c.114.259.268.498.455.709a1.75 1.75 0 0 1 .402 1.514c0 .087-.043.166-.07.262a1.174 1.174 0 0 1-.104.21h-1.716c-1.636-2.143-2.082-5.784-2.082-5.827L9 10.365c.099.756.248 1.504.446 2.24a10.013 10.013 0 0 1-1.592-.796l-.928 1.479a14.002 14.002 0 0 0 3.211 1.417c.18.443.384.875.613 1.295H6.795a2.415 2.415 0 0 0-1.015-2.03Zm21.595 4.655a6.125 6.125 0 0 1-4.594 5.906l-.516.132-.429 1.837H10.164l-.429-1.837-.516-.132a6.125 6.125 0 0 1-4.594-5.906v-.875h22.75v.875Z"></path></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--saladLarge"><path d="M27.235 16c.338-.321.606-.708.788-1.137a3.237 3.237 0 0 0-.482-3.238.516.516 0 0 1-.052-.551c.185-.45.274-.932.262-1.418a3.378 3.378 0 0 0-1.601-2.669 4.016 4.016 0 0 0-4.279 0 .875.875 0 0 1-.796 0 4.156 4.156 0 0 0-1.444-.21 3.806 3.806 0 0 0-2.887 1.383A3.351 3.351 0 0 0 16 10.277a.814.814 0 0 1-.42.64 3.588 3.588 0 0 0-.123-1.103 3.5 3.5 0 0 0-2.082-2.302 3.658 3.658 0 0 0-1.383-.262.63.63 0 0 1-.542-.228 3.5 3.5 0 0 0-6.125.657c-.18.444-.27.92-.263 1.4a.691.691 0 0 1-.27.586 3.5 3.5 0 0 0 0 5.731.674.674 0 0 1 .262.569H2.875v2.625a7.875 7.875 0 0 0 5.39 7.446l.508 2.214h14.454l.508-2.179a7.875 7.875 0 0 0 5.39-7.446V16h-1.89Zm-11.008-3.43a2.625 2.625 0 0 0 1.523-2.293c.007-.361.136-.71.367-.988a2.047 2.047 0 0 1 1.558-.709c.276-.011.552.027.814.114a2.625 2.625 0 0 0 2.336-.219 2.222 2.222 0 0 1 2.398 0A1.618 1.618 0 0 1 26 9.735c.01.237-.032.472-.122.691a2.25 2.25 0 0 0 .28 2.293 1.488 1.488 0 0 1 .236 1.531 1.9 1.9 0 0 1-1.339 1.085 2.52 2.52 0 0 0-1.233.7h-3.107a24.345 24.345 0 0 0 3.5-3.876l-1.426-.998a25.01 25.01 0 0 1-2.021 2.389 5.675 5.675 0 0 1-.088-1.899l-1.75-.28a6.797 6.797 0 0 0 .438 3.5c-.471.404-.965.781-1.479 1.129h-1.523v-.114a3.499 3.499 0 0 0-.717-2.905c.17-.165.365-.304.577-.411ZM5.78 13.97a1.75 1.75 0 0 1-.744-1.47 1.75 1.75 0 0 1 .744-1.435 2.415 2.415 0 0 0 1.015-2.021c-.007-.244.04-.486.14-.709a1.75 1.75 0 0 1 3.071-.315 2.38 2.38 0 0 0 2.039.98c.24-.002.477.043.7.131a1.75 1.75 0 0 1 1.033 1.146c.113.35.113.727 0 1.077a2.546 2.546 0 0 0 .087 1.942c.114.259.268.498.455.709a1.75 1.75 0 0 1 .402 1.514c0 .087-.043.166-.07.262a1.174 1.174 0 0 1-.104.21h-1.716c-1.636-2.143-2.082-5.784-2.082-5.827L9 10.365c.099.756.248 1.504.446 2.24a10.013 10.013 0 0 1-1.592-.796l-.928 1.479a14.002 14.002 0 0 0 3.211 1.417c.18.443.384.875.613 1.295H6.795a2.415 2.415 0 0 0-1.015-2.03Zm21.595 4.655a6.125 6.125 0 0 1-4.594 5.906l-.516.132-.429 1.837H10.164l-.429-1.837-.516-.132a6.125 6.125 0 0 1-4.594-5.906v-.875h22.75v.875Z"></path></svg>';
 export class IconSaladLarge extends HTMLElement {
     constructor () {
@@ -33,9 +33,13 @@ export class IconSaladLarge extends HTMLElement {
     connectedCallback () {
         const svg = this.root.querySelector('svg');
-        const svgSize = getSvgProps('c-pieIcon c-pieIcon--saladLarge', '', null, 'IconSaladLarge');
-        svg.setAttribute('width', svgSize.width);
-        svg.setAttribute('height', svgSize.height);
+        if (svg.getAttribute('width') === null) {
+            const svgSize = getSvgProps('c-pieIcon c-pieIcon--saladLarge', '', null, 'IconSaladLarge');
+            svg.setAttribute('width', svgSize.width);
+            svg.setAttribute('height', svgSize.height);
+        }
         this.setAttribute('class', 'c-pieIcon c-pieIcon--saladLarge');
         this.root.append(svg);
     }

package/icons/IconSandwich.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { getSvgProps } from '@justeattakeaway/pie-icons-configs';
 const template = document.createElement('template');
-template.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--sandwich"><path d="M13.906 5.375a3.15 3.15 0 0 0-3.001-3.281c-.494.001-.98.13-1.409.376a2.844 2.844 0 0 0-2.896.061 2.774 2.774 0 0 0-1.505-.437 3.15 3.15 0 0 0-3.001 3.281v1.531h11.812V5.375Zm-1.312.219H3.406v-.219a1.846 1.846 0 0 1 1.689-1.969c.393 0 .77.155 1.05.429l.455.438.455-.438a1.496 1.496 0 0 1 2.012-.061l.42.367.43-.367c.276-.234.626-.364.988-.368a1.846 1.846 0 0 1 1.689 1.969v.219Zm1.82 1.75v1.312c-.832 0-.875.123-.945.289a1.513 1.513 0 0 1-1.234 1.05 1.95 1.95 0 0 1-1.803-.464c-.227-.175-.323-.245-.525-.245h-.096v.062a1.75 1.75 0 0 1-1.794.874 1.75 1.75 0 0 1-1.75-.874.49.49 0 0 0 0-.07h-.175c-.2 0-.297.07-.525.245a1.934 1.934 0 0 1-1.802.463 1.514 1.514 0 0 1-1.234-1.05c-.07-.166-.114-.288-.945-.288V7.344c1.435 0 1.89.429 2.161 1.129.08.192.08.192.298.245.219.052.446 0 .709-.22.372-.32.847-.496 1.338-.498a1.295 1.295 0 0 1 1.252.726c.087.167.14.245.656.245s.569-.078.665-.245A1.269 1.269 0 0 1 9.907 8c.495.009.97.195 1.34.525.262.21.367.289.708.219.341-.07.219-.053.297-.245.272-.726.727-1.155 2.162-1.155Zm-1.82 3.281h1.312v.875a1.54 1.54 0 0 1-1.531 1.531h-8.75A1.54 1.54 0 0 1 2.094 11.5v-.875h1.312v.875a.219.219 0 0 0 .219.219h8.75a.22.22 0 0 0 .219-.219v-.875Z"></path></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--sandwich"><path d="M13.906 5.375a3.15 3.15 0 0 0-3.001-3.281c-.494.001-.98.13-1.409.376a2.844 2.844 0 0 0-2.896.061 2.774 2.774 0 0 0-1.505-.437 3.15 3.15 0 0 0-3.001 3.281v1.531h11.812V5.375Zm-1.312.219H3.406v-.219a1.846 1.846 0 0 1 1.689-1.969c.393 0 .77.155 1.05.429l.455.438.455-.438a1.496 1.496 0 0 1 2.012-.061l.42.367.43-.367c.276-.234.626-.364.988-.368a1.846 1.846 0 0 1 1.689 1.969v.219Zm1.82 1.75v1.312c-.832 0-.875.123-.945.289a1.513 1.513 0 0 1-1.234 1.05 1.95 1.95 0 0 1-1.803-.464c-.227-.175-.323-.245-.525-.245h-.096v.062a1.75 1.75 0 0 1-1.794.874 1.75 1.75 0 0 1-1.75-.874.49.49 0 0 0 0-.07h-.175c-.2 0-.297.07-.525.245a1.934 1.934 0 0 1-1.802.463 1.514 1.514 0 0 1-1.234-1.05c-.07-.166-.114-.288-.945-.288V7.344c1.435 0 1.89.429 2.161 1.129.08.192.08.192.298.245.219.052.446 0 .709-.22.372-.32.847-.496 1.338-.498a1.295 1.295 0 0 1 1.252.726c.087.167.14.245.656.245s.569-.078.665-.245A1.269 1.269 0 0 1 9.907 8c.495.009.97.195 1.34.525.262.21.367.289.708.219.341-.07.219-.053.297-.245.272-.726.727-1.155 2.162-1.155Zm-1.82 3.281h1.312v.875a1.54 1.54 0 0 1-1.531 1.531h-8.75A1.54 1.54 0 0 1 2.094 11.5v-.875h1.312v.875a.219.219 0 0 0 .219.219h8.75a.22.22 0 0 0 .219-.219v-.875Z"></path></svg>';
 export class IconSandwich extends HTMLElement {
     constructor () {
@@ -33,9 +33,13 @@ export class IconSandwich extends HTMLElement {
     connectedCallback () {
         const svg = this.root.querySelector('svg');
-        const svgSize = getSvgProps('c-pieIcon c-pieIcon--sandwich', '', null, 'IconSandwich');
-        svg.setAttribute('width', svgSize.width);
-        svg.setAttribute('height', svgSize.height);
+        if (svg.getAttribute('width') === null) {
+            const svgSize = getSvgProps('c-pieIcon c-pieIcon--sandwich', '', null, 'IconSandwich');
+            svg.setAttribute('width', svgSize.width);
+            svg.setAttribute('height', svgSize.height);
+        }
         this.setAttribute('class', 'c-pieIcon c-pieIcon--sandwich');
         this.root.append(svg);
     }

package/icons/IconSandwichLarge.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { getSvgProps } from '@justeattakeaway/pie-icons-configs';
 const template = document.createElement('template');
-template.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--sandwichLarge"><path d="M28.836 15.125v1.75c-1.898 0-2.038.464-2.275 1.304a2.94 2.94 0 0 1-2.126 2.354 3.062 3.062 0 0 1-3.395-1.164c-.49-.517-.761-.788-1.234-.788-.289 0-.306 0-.542.569-.333.779-.875 2.091-3.264 2.091s-2.931-1.312-3.264-2.091c-.236-.525-.236-.525-.542-.525-.473 0-.744.271-1.234.788a3.062 3.062 0 0 1-3.395 1.163 2.94 2.94 0 0 1-2.126-2.354c-.236-.875-.376-1.303-2.275-1.303v-1.794c2.975 0 3.587 1.269 3.955 2.564.192.665.28.971.945 1.163.665.193.98 0 1.619-.682a3.342 3.342 0 0 1 2.51-1.295 2.188 2.188 0 0 1 2.153 1.628c.289.665.438 1.032 1.654 1.032s1.365-.367 1.654-1.032a2.187 2.187 0 0 1 2.152-1.628 3.343 3.343 0 0 1 2.511 1.339c.64.674.875.875 1.62.682.743-.192.752-.498.944-1.163.368-1.34.98-2.608 3.955-2.608ZM25.625 23a.875.875 0 0 1-.875.875H7.25A.875.875 0 0 1 6.375 23v-1.75h-1.75V23a2.625 2.625 0 0 0 2.625 2.625h17.5A2.625 2.625 0 0 0 27.375 23v-1.75h-1.75V23Zm-21-9.625v-1.531a5.582 5.582 0 0 1 8.584-4.594 5.46 5.46 0 0 1 2.983-.875c.99.003 1.962.266 2.818.761a5.556 5.556 0 0 1 8.365 4.708v1.531a.875.875 0 0 1-.875.875h-21a.875.875 0 0 1-.875-.875Zm1.75-.875h19.25v-.656a3.78 3.78 0 0 0-3.824-3.719 3.876 3.876 0 0 0-1.312.236c.31.38.565.802.761 1.252h-2.012a3.841 3.841 0 0 0-4.655-1.13c.274.35.509.728.7 1.13h-2.04A3.859 3.859 0 0 0 10.2 8.125a3.78 3.78 0 0 0-3.824 3.719v.656Z"></path></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--sandwichLarge"><path d="M28.836 15.125v1.75c-1.898 0-2.038.464-2.275 1.304a2.94 2.94 0 0 1-2.126 2.354 3.062 3.062 0 0 1-3.395-1.164c-.49-.517-.761-.788-1.234-.788-.289 0-.306 0-.542.569-.333.779-.875 2.091-3.264 2.091s-2.931-1.312-3.264-2.091c-.236-.525-.236-.525-.542-.525-.473 0-.744.271-1.234.788a3.062 3.062 0 0 1-3.395 1.163 2.94 2.94 0 0 1-2.126-2.354c-.236-.875-.376-1.303-2.275-1.303v-1.794c2.975 0 3.587 1.269 3.955 2.564.192.665.28.971.945 1.163.665.193.98 0 1.619-.682a3.342 3.342 0 0 1 2.51-1.295 2.188 2.188 0 0 1 2.153 1.628c.289.665.438 1.032 1.654 1.032s1.365-.367 1.654-1.032a2.187 2.187 0 0 1 2.152-1.628 3.343 3.343 0 0 1 2.511 1.339c.64.674.875.875 1.62.682.743-.192.752-.498.944-1.163.368-1.34.98-2.608 3.955-2.608ZM25.625 23a.875.875 0 0 1-.875.875H7.25A.875.875 0 0 1 6.375 23v-1.75h-1.75V23a2.625 2.625 0 0 0 2.625 2.625h17.5A2.625 2.625 0 0 0 27.375 23v-1.75h-1.75V23Zm-21-9.625v-1.531a5.582 5.582 0 0 1 8.584-4.594 5.46 5.46 0 0 1 2.983-.875c.99.003 1.962.266 2.818.761a5.556 5.556 0 0 1 8.365 4.708v1.531a.875.875 0 0 1-.875.875h-21a.875.875 0 0 1-.875-.875Zm1.75-.875h19.25v-.656a3.78 3.78 0 0 0-3.824-3.719 3.876 3.876 0 0 0-1.312.236c.31.38.565.802.761 1.252h-2.012a3.841 3.841 0 0 0-4.655-1.13c.274.35.509.728.7 1.13h-2.04A3.859 3.859 0 0 0 10.2 8.125a3.78 3.78 0 0 0-3.824 3.719v.656Z"></path></svg>';
 export class IconSandwichLarge extends HTMLElement {
     constructor () {
@@ -33,9 +33,13 @@ export class IconSandwichLarge extends HTMLElement {
     connectedCallback () {
         const svg = this.root.querySelector('svg');
-        const svgSize = getSvgProps('c-pieIcon c-pieIcon--sandwichLarge', '', null, 'IconSandwichLarge');
-        svg.setAttribute('width', svgSize.width);
-        svg.setAttribute('height', svgSize.height);
+        if (svg.getAttribute('width') === null) {
+            const svgSize = getSvgProps('c-pieIcon c-pieIcon--sandwichLarge', '', null, 'IconSandwichLarge');
+            svg.setAttribute('width', svgSize.width);
+            svg.setAttribute('height', svgSize.height);
+        }
         this.setAttribute('class', 'c-pieIcon c-pieIcon--sandwichLarge');
         this.root.append(svg);
     }

package/icons/IconSearch.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { getSvgProps } from '@justeattakeaway/pie-icons-configs';
 const template = document.createElement('template');
-template.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--search"><path d="M14.125 13.162 11.15 10.18a5.049 5.049 0 1 0-.936.936l2.948 3.01.963-.963Zm-7-2.318a3.718 3.718 0 1 1 3.719-3.719 3.728 3.728 0 0 1-3.72 3.719Z"></path></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--search"><path d="M14.125 13.162 11.15 10.18a5.049 5.049 0 1 0-.936.936l2.948 3.01.963-.963Zm-7-2.318a3.718 3.718 0 1 1 3.719-3.719 3.728 3.728 0 0 1-3.72 3.719Z"></path></svg>';
 export class IconSearch extends HTMLElement {
     constructor () {
@@ -33,9 +33,13 @@ export class IconSearch extends HTMLElement {
     connectedCallback () {
         const svg = this.root.querySelector('svg');
-        const svgSize = getSvgProps('c-pieIcon c-pieIcon--search', '', null, 'IconSearch');
-        svg.setAttribute('width', svgSize.width);
-        svg.setAttribute('height', svgSize.height);
+        if (svg.getAttribute('width') === null) {
+            const svgSize = getSvgProps('c-pieIcon c-pieIcon--search', '', null, 'IconSearch');
+            svg.setAttribute('width', svgSize.width);
+            svg.setAttribute('height', svgSize.height);
+        }
         this.setAttribute('class', 'c-pieIcon c-pieIcon--search');
         this.root.append(svg);
     }

package/icons/IconSearchLarge.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { getSvgProps } from '@justeattakeaway/pie-icons-configs';
 const template = document.createElement('template');
-template.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--searchLarge"><path d="M27.996 26.754 23 21.766A10.972 10.972 0 1 0 21.766 23l4.988 4.988 1.242-1.234Zm-13.309-2.879a9.187 9.187 0 1 1 9.188-9.188 9.196 9.196 0 0 1-9.188 9.188Z"></path></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--searchLarge"><path d="M27.996 26.754 23 21.766A10.972 10.972 0 1 0 21.766 23l4.988 4.988 1.242-1.234Zm-13.309-2.879a9.187 9.187 0 1 1 9.188-9.188 9.196 9.196 0 0 1-9.188 9.188Z"></path></svg>';
 export class IconSearchLarge extends HTMLElement {
     constructor () {
@@ -33,9 +33,13 @@ export class IconSearchLarge extends HTMLElement {
     connectedCallback () {
         const svg = this.root.querySelector('svg');
-        const svgSize = getSvgProps('c-pieIcon c-pieIcon--searchLarge', '', null, 'IconSearchLarge');
-        svg.setAttribute('width', svgSize.width);
-        svg.setAttribute('height', svgSize.height);
+        if (svg.getAttribute('width') === null) {
+            const svgSize = getSvgProps('c-pieIcon c-pieIcon--searchLarge', '', null, 'IconSearchLarge');
+            svg.setAttribute('width', svgSize.width);
+            svg.setAttribute('height', svgSize.height);
+        }
         this.setAttribute('class', 'c-pieIcon c-pieIcon--searchLarge');
         this.root.append(svg);
     }