From e876e7a02a9f5403bab677c5f09f9773515e7f1e Mon Sep 17 00:00:00 2001 From: Nikolai Lopin Date: Wed, 12 Jul 2023 16:12:54 +0200 Subject: [PATCH] feat(icon): migrate to semantic colors --- scripts/generate-icons | 17 ++++---- src/icons/IconProps.ts | 4 +- src/icons/actions/AlertIcon.tsx | 12 ++---- src/icons/actions/CheckCircleOutlineIcon.tsx | 16 ++++---- src/icons/actions/CheckCircleSolidIcon.tsx | 16 ++++---- src/icons/actions/CheckIcon.tsx | 19 +++++---- src/icons/actions/CloseCircleOutlineIcon.tsx | 16 ++++---- src/icons/actions/CloseCircleSolidIcon.tsx | 16 ++++---- src/icons/actions/CloseIcon.tsx | 12 ++---- src/icons/actions/CopyIcon.tsx | 19 +++++---- src/icons/actions/DownloadIcon.tsx | 16 ++++---- src/icons/actions/EnvelopeIcon.tsx | 16 ++++---- src/icons/actions/EnvelopeReinviteIcon.tsx | 16 ++++---- src/icons/actions/ExitIcon.tsx | 19 +++++---- src/icons/actions/EyeClosedIcon.tsx | 16 ++++---- src/icons/actions/EyeOpenIcon.tsx | 16 ++++---- src/icons/actions/FilterDisabledIcon.tsx | 23 +++++++---- src/icons/actions/FilterIcon.tsx | 23 +++++++---- src/icons/actions/MagnifyingGlassIcon.tsx | 16 ++++---- src/icons/actions/MinusCircleOutlineIcon.tsx | 23 +++++++---- src/icons/actions/MinusCircleSolidIcon.tsx | 23 +++++++---- src/icons/actions/MinusIcon.tsx | 12 ++---- src/icons/actions/PenIcon.tsx | 12 ++---- src/icons/actions/PlusCircleOutlineIcon.tsx | 16 ++++---- src/icons/actions/PlusCircleSolidIcon.tsx | 16 ++++---- src/icons/actions/PlusIcon.tsx | 12 ++---- src/icons/actions/ShareIcon.tsx | 12 ++---- src/icons/actions/SoundAlertsOnlyIcon.tsx | 23 +++++++---- src/icons/actions/SoundOffIcon.tsx | 23 +++++++---- src/icons/actions/SoundOnIcon.tsx | 23 +++++++---- src/icons/actions/ThumbDownOutlineIcon.tsx | 23 +++++++---- src/icons/actions/ThumbDownSolidIcon.tsx | 23 +++++++---- src/icons/actions/ThumbUpOutlineIcon.tsx | 23 +++++++---- src/icons/actions/ThumbUpSolidIcon.tsx | 23 +++++++---- src/icons/actions/TrashBinIcon.tsx | 16 ++++---- src/icons/actions/WarningSolidIcon.tsx | 23 +++++++---- src/icons/arrows/ArrowDownIcon.tsx | 16 ++++---- src/icons/arrows/ArrowDownLeftIcon.tsx | 16 ++++---- src/icons/arrows/ArrowDownRightIcon.tsx | 16 ++++---- src/icons/arrows/ArrowLeftIcon.tsx | 16 ++++---- src/icons/arrows/ArrowRightIcon.tsx | 16 ++++---- src/icons/arrows/ArrowUpIcon.tsx | 16 ++++---- src/icons/arrows/ArrowUpLeftIcon.tsx | 16 ++++---- src/icons/arrows/ArrowUpRightIcon.tsx | 16 ++++---- src/icons/arrows/BackwardIcon.tsx | 23 +++++++---- src/icons/arrows/BackwardLastIcon.tsx | 23 +++++++---- src/icons/arrows/ChevronDownIcon.tsx | 16 ++++---- src/icons/arrows/ChevronLeftIcon.tsx | 16 ++++---- src/icons/arrows/ChevronRightIcon.tsx | 16 ++++---- src/icons/arrows/ChevronUpIcon.tsx | 16 ++++---- src/icons/arrows/DoubleArrowDownIcon.tsx | 23 +++++++---- src/icons/arrows/DoubleArrowUpIcon.tsx | 23 +++++++---- src/icons/arrows/DropdownSelectIcon.tsx | 23 +++++++---- src/icons/arrows/DropupSelectIcon.tsx | 23 +++++++---- src/icons/arrows/ForwardIcon.tsx | 23 +++++++---- src/icons/arrows/ForwardLastIcon.tsx | 23 +++++++---- src/icons/basic/AnchorHamburgIcon.tsx | 23 +++++++---- src/icons/basic/ClockIcon.tsx | 12 ++---- src/icons/basic/DogIcon.tsx | 12 ++---- src/icons/basic/FlagOutlineIcon.tsx | 16 ++++---- src/icons/basic/FreeNowArrowIcon.tsx | 16 ++++---- src/icons/basic/MegaphoneOutlineIcon.tsx | 23 +++++++---- src/icons/basic/MegaphoneSolidIcon.tsx | 23 +++++++---- src/icons/basic/ParcelIcon.tsx | 16 ++++---- src/icons/basic/StarCircleSolidIcon.tsx | 16 ++++---- src/icons/basic/TrophyIcon.tsx | 16 ++++---- src/icons/battery/Battery100Icon.tsx | 16 ++++---- src/icons/battery/Battery10Icon.tsx | 16 ++++---- src/icons/battery/Battery25Icon.tsx | 16 ++++---- src/icons/battery/Battery50Icon.tsx | 16 ++++---- src/icons/battery/Battery75Icon.tsx | 16 ++++---- src/icons/battery/BatteryChargingIcon.tsx | 16 ++++---- src/icons/battery/BatteryEmptyIcon.tsx | 16 ++++---- src/icons/battery/BatteryGenericIcon.tsx | 16 ++++---- src/icons/battery/Fuel0Icon.tsx | 12 ++---- src/icons/battery/Fuel100Icon.tsx | 16 ++++---- src/icons/battery/Fuel10Icon.tsx | 16 ++++---- src/icons/battery/Fuel25Icon.tsx | 16 ++++---- src/icons/battery/Fuel50Icon.tsx | 16 ++++---- src/icons/battery/Fuel75Icon.tsx | 16 ++++---- src/icons/battery/FuelGenericIcon.tsx | 16 ++++---- src/icons/brands/AdyenIcon.tsx | 14 ++++--- src/icons/brands/AmericanExpressIcon.tsx | 7 +--- src/icons/brands/AppleIcon.tsx | 14 ++++--- src/icons/brands/ApplePayIcon.tsx | 7 +--- src/icons/brands/BraintreeIcon.tsx | 14 ++++--- src/icons/brands/BrandsConcurIcon.tsx | 14 ++++--- src/icons/brands/BrandsMercedesIcon.tsx | 7 +--- src/icons/brands/BrandsMilesAndMoreIcon.tsx | 14 ++++--- src/icons/brands/CytricIcon.tsx | 14 ++++--- src/icons/brands/EcCardIcon.tsx | 14 ++++--- src/icons/brands/FacebookIcon.tsx | 14 ++++--- src/icons/brands/GoogleIcon.tsx | 14 ++++--- src/icons/brands/GooglePayIcon.tsx | 7 +--- src/icons/brands/MastercardIcon.tsx | 7 +--- src/icons/brands/MilesIcon.tsx | 14 ++++--- src/icons/brands/MoovelIcon.tsx | 14 ++++--- src/icons/brands/PayPalIcon.tsx | 7 +--- src/icons/brands/StripeIcon.tsx | 14 ++++--- src/icons/brands/VisaIcon.tsx | 7 +--- src/icons/brands/WirecardIcon.tsx | 14 ++++--- src/icons/cities/BerlinIcon.tsx | 23 +++++++---- src/icons/cities/CologneIcon.tsx | 23 +++++++---- src/icons/cities/DanzigIcon.tsx | 23 +++++++---- src/icons/cities/DuesseldorfIcon.tsx | 23 +++++++---- src/icons/cities/FallbackIcon.tsx | 23 +++++++---- src/icons/cities/HamburgIcon.tsx | 23 +++++++---- src/icons/cities/MunichIcon.tsx | 23 +++++++---- src/icons/cities/TurinIcon.tsx | 19 +++++---- src/icons/cities/WroclawIcon.tsx | 23 +++++++---- src/icons/flags/AD.tsx | 14 ++++--- src/icons/flags/AE.tsx | 14 ++++--- src/icons/flags/AF.tsx | 14 ++++--- src/icons/flags/AG.tsx | 32 +++++++++++---- src/icons/flags/AI.tsx | 14 ++++--- src/icons/flags/AL.tsx | 14 ++++--- src/icons/flags/AM.tsx | 14 ++++--- src/icons/flags/AN.tsx | 6 +-- src/icons/flags/AO.tsx | 41 +++++++++++++++---- src/icons/flags/AR.tsx | 6 +-- src/icons/flags/AT.tsx | 6 +-- src/icons/flags/AU.tsx | 20 ++++++--- src/icons/flags/AW.tsx | 14 ++++--- src/icons/flags/AX.tsx | 14 ++++--- src/icons/flags/AZ.tsx | 14 ++++--- src/icons/flags/BA.tsx | 23 ++++++++--- src/icons/flags/BB.tsx | 14 ++++--- src/icons/flags/BD.tsx | 14 ++++--- src/icons/flags/BE.tsx | 14 ++++--- src/icons/flags/BF.tsx | 14 ++++--- src/icons/flags/BG.tsx | 6 +-- src/icons/flags/BH.tsx | 7 +--- src/icons/flags/BI.tsx | 14 ++++--- src/icons/flags/BJ.tsx | 32 +++++++++++---- src/icons/flags/BM.tsx | 20 ++++++--- src/icons/flags/BN.tsx | 14 ++++--- src/icons/flags/BO.tsx | 14 ++++--- src/icons/flags/BR.tsx | 14 ++++--- src/icons/flags/BS.tsx | 14 ++++--- src/icons/flags/BT.tsx | 14 ++++--- src/icons/flags/BW.tsx | 14 ++++--- src/icons/flags/BY.tsx | 14 ++++--- src/icons/flags/BZ.tsx | 14 ++++--- src/icons/flags/CA.tsx | 6 +-- src/icons/flags/CAF.tsx | 14 ++++--- src/icons/flags/CAS.tsx | 14 ++++--- src/icons/flags/CD.tsx | 14 ++++--- src/icons/flags/CEU.tsx | 14 ++++--- src/icons/flags/CF.tsx | 6 +-- src/icons/flags/CG.tsx | 14 ++++--- src/icons/flags/CH.tsx | 14 ++++--- src/icons/flags/CI.tsx | 6 +-- src/icons/flags/CL.tsx | 6 +-- src/icons/flags/CM.tsx | 14 ++++--- src/icons/flags/CN.tsx | 14 ++++--- src/icons/flags/CNA.tsx | 14 ++++--- src/icons/flags/CO.tsx | 32 +++++++++++---- src/icons/flags/COC.tsx | 14 ++++--- src/icons/flags/CR.tsx | 23 ++++++++--- src/icons/flags/CSA.tsx | 14 ++++--- src/icons/flags/CU.tsx | 14 ++++--- src/icons/flags/CV.tsx | 14 ++++--- src/icons/flags/CY.tsx | 6 +-- src/icons/flags/CZ.tsx | 6 +-- src/icons/flags/DE.tsx | 32 +++++++++++---- src/icons/flags/DJ.tsx | 14 ++++--- src/icons/flags/DK.tsx | 7 +--- src/icons/flags/DM.tsx | 20 ++++++--- src/icons/flags/DO.tsx | 39 ++++++++++++++---- src/icons/flags/DZ.tsx | 6 +-- src/icons/flags/EC.tsx | 14 ++++--- src/icons/flags/EE.tsx | 14 ++++--- src/icons/flags/EG.tsx | 6 +-- src/icons/flags/ER.tsx | 14 ++++--- src/icons/flags/ES.tsx | 14 ++++--- src/icons/flags/ET.tsx | 14 ++++--- src/icons/flags/EU.tsx | 14 ++++--- src/icons/flags/FI.tsx | 7 +--- src/icons/flags/FJ.tsx | 14 ++++--- src/icons/flags/FK.tsx | 14 ++++--- src/icons/flags/FM.tsx | 14 ++++--- src/icons/flags/FR.tsx | 6 +-- src/icons/flags/GA.tsx | 14 ++++--- src/icons/flags/GB.tsx | 14 ++++--- src/icons/flags/GD.tsx | 14 ++++--- src/icons/flags/GE.tsx | 6 +-- src/icons/flags/GG.tsx | 10 ++--- src/icons/flags/GH.tsx | 14 ++++--- src/icons/flags/GI.tsx | 6 +-- src/icons/flags/GM.tsx | 14 ++++--- src/icons/flags/GN.tsx | 14 ++++--- src/icons/flags/GQ.tsx | 14 ++++--- src/icons/flags/GR.tsx | 7 +--- src/icons/flags/GT.tsx | 6 +-- src/icons/flags/GW.tsx | 14 ++++--- src/icons/flags/GY.tsx | 14 ++++--- src/icons/flags/HK.tsx | 14 ++++--- src/icons/flags/HN.tsx | 6 +-- src/icons/flags/HR.tsx | 6 +-- src/icons/flags/HT.tsx | 14 ++++--- src/icons/flags/HU.tsx | 6 +-- src/icons/flags/ID.tsx | 7 +--- src/icons/flags/IE.tsx | 6 +-- src/icons/flags/IL.tsx | 23 ++++++++--- src/icons/flags/IM.tsx | 14 ++++--- src/icons/flags/IN.tsx | 6 +-- src/icons/flags/IQ.tsx | 6 +-- src/icons/flags/IR.tsx | 6 +-- src/icons/flags/IS.tsx | 14 ++++--- src/icons/flags/IT.tsx | 6 +-- src/icons/flags/JE.tsx | 6 +-- src/icons/flags/JM.tsx | 14 ++++--- src/icons/flags/JO.tsx | 14 ++++--- src/icons/flags/JP.tsx | 17 +++++--- src/icons/flags/KE.tsx | 23 ++++++++--- src/icons/flags/KG.tsx | 14 ++++--- src/icons/flags/KH.tsx | 14 ++++--- src/icons/flags/KM.tsx | 6 +-- src/icons/flags/KN.tsx | 14 ++++--- src/icons/flags/KP.tsx | 14 ++++--- src/icons/flags/KR.tsx | 6 +-- src/icons/flags/KW.tsx | 14 ++++--- src/icons/flags/KY.tsx | 14 ++++--- src/icons/flags/KZ.tsx | 14 ++++--- src/icons/flags/LA.tsx | 14 ++++--- src/icons/flags/LB.tsx | 6 +-- src/icons/flags/LC.tsx | 23 ++++++++--- src/icons/flags/LI.tsx | 14 ++++--- src/icons/flags/LK.tsx | 14 ++++--- src/icons/flags/LR.tsx | 6 +-- src/icons/flags/LS.tsx | 6 +-- src/icons/flags/LT.tsx | 14 ++++--- src/icons/flags/LU.tsx | 6 +-- src/icons/flags/LV.tsx | 23 ++++++++--- src/icons/flags/LY.tsx | 32 +++++++++++---- src/icons/flags/MA.tsx | 14 ++++--- src/icons/flags/MC.tsx | 7 +--- src/icons/flags/MD.tsx | 14 ++++--- src/icons/flags/ME.tsx | 14 ++++--- src/icons/flags/MG.tsx | 6 +-- src/icons/flags/MK.tsx | 14 ++++--- src/icons/flags/ML.tsx | 14 ++++--- src/icons/flags/MM.tsx | 14 ++++--- src/icons/flags/MN.tsx | 14 ++++--- src/icons/flags/MO.tsx | 14 ++++--- src/icons/flags/MR.tsx | 14 ++++--- src/icons/flags/MS.tsx | 14 ++++--- src/icons/flags/MT.tsx | 6 +-- src/icons/flags/MU.tsx | 14 ++++--- src/icons/flags/MV.tsx | 20 ++++++--- src/icons/flags/MW.tsx | 14 ++++--- src/icons/flags/MX.tsx | 6 +-- src/icons/flags/MY.tsx | 14 ++++--- src/icons/flags/MZ.tsx | 14 ++++--- src/icons/flags/NA.tsx | 14 ++++--- src/icons/flags/NE.tsx | 6 +-- src/icons/flags/NG.tsx | 6 +-- src/icons/flags/NI.tsx | 6 +-- src/icons/flags/NL.tsx | 6 +-- src/icons/flags/NO.tsx | 14 ++++--- src/icons/flags/NP.tsx | 6 +-- src/icons/flags/NZ.tsx | 14 ++++--- src/icons/flags/OM.tsx | 6 +-- src/icons/flags/PA.tsx | 6 +-- src/icons/flags/PE.tsx | 6 +-- src/icons/flags/PF.tsx | 12 +++--- src/icons/flags/PG.tsx | 14 ++++--- src/icons/flags/PH.tsx | 6 +-- src/icons/flags/PK.tsx | 6 +-- src/icons/flags/PL.tsx | 7 +--- src/icons/flags/PR.tsx | 6 +-- src/icons/flags/PT.tsx | 14 ++++--- src/icons/flags/PW.tsx | 14 ++++--- src/icons/flags/PY.tsx | 6 +-- src/icons/flags/QA.tsx | 7 +--- src/icons/flags/RO.tsx | 14 ++++--- src/icons/flags/RS.tsx | 14 ++++--- src/icons/flags/RU.tsx | 6 +-- src/icons/flags/RW.tsx | 23 ++++++++--- src/icons/flags/SA.tsx | 14 ++++--- src/icons/flags/SB.tsx | 23 ++++++++--- src/icons/flags/SC.tsx | 6 +-- src/icons/flags/SD.tsx | 14 ++++--- src/icons/flags/SE.tsx | 14 ++++--- src/icons/flags/SG.tsx | 6 +-- src/icons/flags/SH.tsx | 14 ++++--- src/icons/flags/SI.tsx | 6 +-- src/icons/flags/SK.tsx | 6 +-- src/icons/flags/SL.tsx | 6 +-- src/icons/flags/SM.tsx | 6 +-- src/icons/flags/SN.tsx | 14 ++++--- src/icons/flags/SO.tsx | 14 ++++--- src/icons/flags/SR.tsx | 23 ++++++++--- src/icons/flags/ST.tsx | 14 ++++--- src/icons/flags/SV.tsx | 6 +-- src/icons/flags/SY.tsx | 14 ++++--- src/icons/flags/SZ.tsx | 14 ++++--- src/icons/flags/TC.tsx | 14 ++++--- src/icons/flags/TD.tsx | 14 ++++--- src/icons/flags/TG.tsx | 14 ++++--- src/icons/flags/TH.tsx | 23 ++++++++--- src/icons/flags/TJ.tsx | 6 +-- src/icons/flags/TL.tsx | 14 ++++--- src/icons/flags/TM.tsx | 14 ++++--- src/icons/flags/TN.tsx | 14 ++++--- src/icons/flags/TO.tsx | 6 +-- src/icons/flags/TR.tsx | 14 ++++--- src/icons/flags/TT.tsx | 14 ++++--- src/icons/flags/TW.tsx | 14 ++++--- src/icons/flags/TZ.tsx | 14 ++++--- src/icons/flags/UA.tsx | 14 ++++--- src/icons/flags/UG.tsx | 14 ++++--- src/icons/flags/US.tsx | 14 ++++--- src/icons/flags/UY.tsx | 6 +-- src/icons/flags/UZ.tsx | 6 +-- src/icons/flags/VC.tsx | 14 ++++--- src/icons/flags/VE.tsx | 14 ++++--- src/icons/flags/VG.tsx | 14 ++++--- src/icons/flags/VN.tsx | 14 ++++--- src/icons/flags/VU.tsx | 32 +++++++++++---- src/icons/flags/WS.tsx | 14 ++++--- src/icons/flags/WW.tsx | 14 ++++--- src/icons/flags/YE.tsx | 7 +--- src/icons/flags/ZA.tsx | 14 ++++--- src/icons/flags/ZM.tsx | 14 ++++--- src/icons/flags/ZW.tsx | 14 ++++--- src/icons/mobility/BikeRiderOutlineIcon.tsx | 23 +++++++---- src/icons/mobility/BikeRiderSolidIcon.tsx | 23 +++++++---- src/icons/mobility/BikeScooterOutlineIcon.tsx | 23 +++++++---- src/icons/mobility/BikeScooterSolidIcon.tsx | 23 +++++++---- src/icons/mobility/BlackCabOutlineIcon.tsx | 16 ++++---- src/icons/mobility/BlackCabSolidIcon.tsx | 16 ++++---- src/icons/mobility/BusOutlineIcon.tsx | 16 ++++---- src/icons/mobility/BusSolidIcon.tsx | 16 ++++---- src/icons/mobility/CarLIcon.tsx | 19 +++++---- src/icons/mobility/CarMIcon.tsx | 19 +++++---- src/icons/mobility/CarOutlineIcon.tsx | 16 ++++---- src/icons/mobility/CarSIcon.tsx | 19 +++++---- src/icons/mobility/CarSolidIcon.tsx | 16 ++++---- src/icons/mobility/CarXlIcon.tsx | 19 +++++---- src/icons/mobility/CarXsIcon.tsx | 19 +++++---- src/icons/mobility/KeyOutlineIcon.tsx | 23 +++++++---- src/icons/mobility/KeySolidIcon.tsx | 23 +++++++---- src/icons/mobility/MopedOutlineIcon.tsx | 23 +++++++---- src/icons/mobility/MopedSolidIcon.tsx | 23 +++++++---- .../mobility/PersonHailingOutlineIcon.tsx | 16 ++++---- src/icons/mobility/PersonHailingSolidIcon.tsx | 16 ++++---- src/icons/mobility/ScooterOutlineIcon.tsx | 16 ++++---- src/icons/mobility/ScooterSolidIcon.tsx | 16 ++++---- src/icons/mobility/TrainOutlineIcon.tsx | 16 ++++---- src/icons/mobility/TrainSolidIcon.tsx | 16 ++++---- src/icons/mobility/VanIcon.tsx | 12 ++---- src/icons/navigation/BriefcaseIcon.tsx | 16 ++++---- src/icons/navigation/CompassIcon.tsx | 16 ++++---- src/icons/navigation/CrosshairsIcon.tsx | 16 ++++---- src/icons/navigation/CrosshairsOffIcon.tsx | 23 +++++++---- .../DirectionArrowCircleOutlineIcon.tsx | 16 ++++---- .../navigation/DirectionArrowOutlineIcon.tsx | 16 ++++---- .../navigation/DirectionArrowSolidIcon.tsx | 16 ++++---- src/icons/navigation/HotelIcon.tsx | 19 +++++---- src/icons/navigation/HouseIcon.tsx | 12 ++---- src/icons/navigation/MortarboardIcon.tsx | 16 ++++---- src/icons/navigation/ParkingIcon.tsx | 23 +++++++---- src/icons/navigation/PinIcon.tsx | 12 ++---- src/icons/navigation/PlaneIcon.tsx | 12 ++---- src/icons/options/BlockIcon.tsx | 19 +++++---- src/icons/options/CalculatorIcon.tsx | 16 ++++---- src/icons/options/CalendarCheckedIcon.tsx | 16 ++++---- src/icons/options/CalendarIcon.tsx | 16 ++++---- src/icons/options/CameraIcon.tsx | 23 +++++++---- src/icons/options/CogIcon.tsx | 12 ++---- src/icons/options/DiamondIcon.tsx | 23 +++++++---- .../options/DotsHorizontalBottomIcon.tsx | 23 +++++++---- src/icons/options/DotsHorizontalIcon.tsx | 23 +++++++---- src/icons/options/DotsVerticalIcon.tsx | 23 +++++++---- src/icons/options/EmojiCryingIcon.tsx | 23 +++++++---- src/icons/options/EmojiHappyIcon.tsx | 23 +++++++---- src/icons/options/EmojiKissIcon.tsx | 23 +++++++---- src/icons/options/EmojiLoveIcon.tsx | 23 +++++++---- src/icons/options/EmojiSadIcon.tsx | 23 +++++++---- .../options/FavoriteBannerOutlineIcon.tsx | 16 ++++---- src/icons/options/FavoriteBannerSolidIcon.tsx | 16 ++++---- src/icons/options/FlashlightOffIcon.tsx | 16 ++++---- src/icons/options/FlashlightOnIcon.tsx | 16 ++++---- src/icons/options/GlobeIcon.tsx | 12 ++---- src/icons/options/HeartOutlineIcon.tsx | 16 ++++---- src/icons/options/HeartSolidIcon.tsx | 16 ++++---- src/icons/options/InfoCircleOutlineIcon.tsx | 16 ++++---- src/icons/options/InfoCircleSolidIcon.tsx | 16 ++++---- .../options/KeyboardAlphabeticalIcon.tsx | 16 ++++---- src/icons/options/KeyboardIcon.tsx | 16 ++++---- src/icons/options/KeyboardNumericIcon.tsx | 16 ++++---- src/icons/options/LegalBannerOutlineIcon.tsx | 16 ++++---- src/icons/options/LegalBannerSolidIcon.tsx | 16 ++++---- src/icons/options/ListIcon.tsx | 12 ++---- src/icons/options/LockClosedIcon.tsx | 16 ++++---- src/icons/options/LockOpenIcon.tsx | 16 ++++---- src/icons/options/LuggageIcon.tsx | 23 +++++++---- src/icons/options/MenuIcon.tsx | 12 ++---- src/icons/options/MicIcon.tsx | 19 +++++---- src/icons/options/PhoneIcon.tsx | 12 ++---- src/icons/options/ProfileOutlineIcon.tsx | 23 +++++++---- src/icons/options/ProfileSolidIcon.tsx | 23 +++++++---- src/icons/options/QrCodeIcon.tsx | 16 ++++---- src/icons/options/QuestionmarkIcon.tsx | 16 ++++---- src/icons/options/SettingsIcon.tsx | 16 ++++---- src/icons/options/SheetOutlineIcon.tsx | 16 ++++---- src/icons/options/SheetSolidIcon.tsx | 16 ++++---- src/icons/options/ShieldIcon.tsx | 16 ++++---- src/icons/options/ShoppingCartIcon.tsx | 23 +++++++---- .../options/SpeechbubblesCommentIcon.tsx | 16 ++++---- src/icons/options/SpeechbubblesPairIcon.tsx | 16 ++++---- src/icons/options/SpeechbubblesSingleIcon.tsx | 16 ++++---- src/icons/options/SpeedometerIcon.tsx | 16 ++++---- src/icons/options/StarOutlineIcon.tsx | 16 ++++---- src/icons/options/StarSolidIcon.tsx | 16 ++++---- src/icons/options/StopWatchIcon.tsx | 16 ++++---- src/icons/options/WrenchIcon.tsx | 16 ++++---- src/icons/payment/BankNoteIcon.tsx | 16 ++++---- src/icons/payment/CreditCardIcon.tsx | 16 ++++---- src/icons/payment/CreditCardPlusIcon.tsx | 16 ++++---- src/icons/payment/DigitalPaymentIcon.tsx | 16 ++++---- src/icons/payment/FaceIdIcon.tsx | 23 +++++++---- src/icons/payment/PaymentIcon.tsx | 23 +++++++---- src/icons/payment/RefundIcon.tsx | 23 +++++++---- src/icons/payment/TippingIcon.tsx | 16 ++++---- src/icons/payment/TouchIdIcon.tsx | 23 +++++++---- src/icons/payment/TravelExpensesIcon.tsx | 16 ++++---- src/icons/payment/VoucherIcon.tsx | 16 ++++---- src/icons/payment/WalletIcon.tsx | 16 ++++---- src/icons/service-type/BoltCircleIcon.tsx | 16 ++++---- src/icons/service-type/BoltOutlineIcon.tsx | 16 ++++---- src/icons/service-type/BoltSolidIcon.tsx | 16 ++++---- src/icons/service-type/LeafCircleIcon.tsx | 16 ++++---- src/icons/service-type/LeafOutlineIcon.tsx | 16 ++++---- src/icons/service-type/LeafSolidIcon.tsx | 16 ++++---- src/icons/service-type/LightningIcon.tsx | 16 ++++---- src/icons/service-type/LiteCircleIcon.tsx | 16 ++++---- .../service-type/TwoPeopleCircleIcon.tsx | 16 ++++---- .../service-type/TwoPeopleOutlineIcon.tsx | 16 ++++---- src/icons/service-type/TwoPeopleSolidIcon.tsx | 16 ++++---- .../service-type/WheelchairCircleIcon.tsx | 16 ++++---- .../service-type/WheelchairOutlineIcon.tsx | 16 ++++---- .../service-type/WheelchairSolidIcon.tsx | 16 ++++---- src/icons/trip/AutomaticIcon.tsx | 23 +++++++---- src/icons/trip/ChangeDestinationIcon.tsx | 16 ++++---- src/icons/trip/DestinationIcon.tsx | 16 ++++---- src/icons/trip/DriverHeartIcon.tsx | 16 ++++---- src/icons/trip/DriverIcon.tsx | 23 +++++++---- src/icons/trip/GiftIcon.tsx | 12 ++---- src/icons/trip/HelmetIcon.tsx | 23 +++++++---- src/icons/trip/LabelCheckedIcon.tsx | 16 ++++---- src/icons/trip/LabelIcon.tsx | 12 ++---- src/icons/trip/LabelOutlineIcon.tsx | 16 ++++---- src/icons/trip/LabelPlusIcon.tsx | 16 ++++---- src/icons/trip/LabelSolidIcon.tsx | 16 ++++---- src/icons/trip/ManualIcon.tsx | 23 +++++++---- src/icons/trip/MapIcon.tsx | 12 ++---- src/icons/trip/PedestrianIcon.tsx | 16 ++++---- src/icons/trip/People5Icon.tsx | 23 +++++++---- src/icons/trip/People6Icon.tsx | 23 +++++++---- src/icons/trip/People7Icon.tsx | 23 +++++++---- src/icons/trip/People8Icon.tsx | 23 +++++++---- src/icons/trip/People9Icon.tsx | 23 +++++++---- src/icons/trip/PersonOutlineIcon.tsx | 16 ++++---- src/icons/trip/PersonSolidIcon.tsx | 16 ++++---- src/icons/trip/PickUpIcon.tsx | 16 ++++---- src/icons/trip/SurgeCircleOutlineIcon.tsx | 16 ++++---- src/icons/trip/SurgeCircleSolidIcon.tsx | 16 ++++---- src/icons/trip/TrendingUpIcon.tsx | 23 +++++++---- src/icons/trip/VipIcon.tsx | 19 +++++---- 471 files changed, 4156 insertions(+), 3030 deletions(-) diff --git a/scripts/generate-icons b/scripts/generate-icons index f0d408d8e..25d96aaaf 100644 --- a/scripts/generate-icons +++ b/scripts/generate-icons @@ -51,16 +51,15 @@ const argv = yargs.command('$0 ', '', yargs => { function template(babel, opts, { imports, componentName, props, jsx, exports }) { const header = `// DO NOT EDIT. This file was generated by running \`npm run generate\`.`; - const libImports = `${opts.colorProp ? "import { Colors } from '../../essentials';" : ''}`; + const libImports = `${opts.colorProp ? "import { getSemanticValue } from '../../utils/cssVariables';" : ''}`; const typeDef = `type Props = ${opts.colorProp ? 'IconProps' : "Omit"};`; const name = generate(componentName).code; const nameDecl = `${name}: React.FC`; - const defaultProps = `${name}.defaultProps = { - ${opts.colorProp ? 'color: Colors.AUTHENTIC_BLUE_900' : ''} - };`; + const iconProps = opts.colorProp ? "({ size = 'medium', color = getSemanticValue('icon-primary-default'), ...rest})" : + "({ size = 'medium', ...props})"; return babel.template.smart({ plugins: ['typescript'] }).ast` ${header} @@ -73,16 +72,15 @@ function template(babel, opts, { imports, componentName, props, jsx, exports }) ${typeDef} - const ${nameDecl}: FC = ({ size = 'medium', ...props}: IconProps) => { + const ${nameDecl}: FC = ${iconProps} => { + ${opts.colorProp ? 'const props = {...rest, color}' : ''} const sizePx = (Number.isFinite(size as number)) ? size : get(\`iconSizes.\${size}\`)(props) || get('iconSizes.medium')(props); - + return ( ${jsx} ); }; - ${defaultProps} - ${exports}`; } @@ -163,7 +161,8 @@ for (let file of getSvgSources(argv.input, { recursive: argv.recursive })) { svgProps: { width: '{sizePx}', height: '{sizePx}' }, replaceAttrValues: colorProp ? { - [Colors.AUTHENTIC_BLUE_900]: 'currentColor' + // replace default color for the source svg icons (see assets/icons folder) + ['#001E3E']: 'currentColor' } : {}, ...additionalConfig diff --git a/src/icons/IconProps.ts b/src/icons/IconProps.ts index 8cb88d9f2..01ae5009c 100644 --- a/src/icons/IconProps.ts +++ b/src/icons/IconProps.ts @@ -1,11 +1,11 @@ import { ComponentPropsWithoutRef } from 'react'; -import { Colors } from '../essentials'; +import { SemanticCssVariable } from '../essentials/Colors/types'; export interface IconProps extends ComponentPropsWithoutRef<'svg'> { /** * Overrides the default color of the icon. */ - color?: Colors | 'inherit'; + color?: SemanticCssVariable | 'inherit' | string; /** * Adjusts the size of the icon with defaults or the size in pixels. */ diff --git a/src/icons/actions/AlertIcon.tsx b/src/icons/actions/AlertIcon.tsx index f26d5a5e5..7bb060828 100644 --- a/src/icons/actions/AlertIcon.tsx +++ b/src/icons/actions/AlertIcon.tsx @@ -1,16 +1,16 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const AlertIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const AlertIcon: React.FC = ({ size = 'medium', color = getSemanticValue('icon-primary-default'), ...rest }) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => ); }; - -AlertIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default AlertIcon; diff --git a/src/icons/actions/CheckCircleOutlineIcon.tsx b/src/icons/actions/CheckCircleOutlineIcon.tsx index 8f2977c77..93242e9bb 100644 --- a/src/icons/actions/CheckCircleOutlineIcon.tsx +++ b/src/icons/actions/CheckCircleOutlineIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const CheckCircleOutlineIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CheckCircleOutlineIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: ); }; - -CheckCircleOutlineIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default CheckCircleOutlineIcon; diff --git a/src/icons/actions/CheckCircleSolidIcon.tsx b/src/icons/actions/CheckCircleSolidIcon.tsx index b15490b77..a9891b3a3 100644 --- a/src/icons/actions/CheckCircleSolidIcon.tsx +++ b/src/icons/actions/CheckCircleSolidIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const CheckCircleSolidIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CheckCircleSolidIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Ic ); }; - -CheckCircleSolidIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default CheckCircleSolidIcon; diff --git a/src/icons/actions/CheckIcon.tsx b/src/icons/actions/CheckIcon.tsx index 8058b7c38..04f53fa93 100644 --- a/src/icons/actions/CheckIcon.tsx +++ b/src/icons/actions/CheckIcon.tsx @@ -1,22 +1,25 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const CheckIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CheckIcon: React.FC = ({ size = 'medium', color = getSemanticValue('icon-primary-default'), ...rest }) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + ); }; - -CheckIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default CheckIcon; diff --git a/src/icons/actions/CloseCircleOutlineIcon.tsx b/src/icons/actions/CloseCircleOutlineIcon.tsx index 5b0007d7a..01ba9ce04 100644 --- a/src/icons/actions/CloseCircleOutlineIcon.tsx +++ b/src/icons/actions/CloseCircleOutlineIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const CloseCircleOutlineIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CloseCircleOutlineIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: ); }; - -CloseCircleOutlineIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default CloseCircleOutlineIcon; diff --git a/src/icons/actions/CloseCircleSolidIcon.tsx b/src/icons/actions/CloseCircleSolidIcon.tsx index a22a05969..43339d8b6 100644 --- a/src/icons/actions/CloseCircleSolidIcon.tsx +++ b/src/icons/actions/CloseCircleSolidIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const CloseCircleSolidIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CloseCircleSolidIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Ic ); }; - -CloseCircleSolidIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default CloseCircleSolidIcon; diff --git a/src/icons/actions/CloseIcon.tsx b/src/icons/actions/CloseIcon.tsx index f1c583aff..94a6616ad 100644 --- a/src/icons/actions/CloseIcon.tsx +++ b/src/icons/actions/CloseIcon.tsx @@ -1,16 +1,16 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const CloseIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CloseIcon: React.FC = ({ size = 'medium', color = getSemanticValue('icon-primary-default'), ...rest }) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => ); }; - -CloseIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default CloseIcon; diff --git a/src/icons/actions/CopyIcon.tsx b/src/icons/actions/CopyIcon.tsx index 2fe403bf8..2f076838e 100644 --- a/src/icons/actions/CopyIcon.tsx +++ b/src/icons/actions/CopyIcon.tsx @@ -1,16 +1,23 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const CopyIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CopyIcon: React.FC = ({ size = 'medium', color = getSemanticValue('icon-primary-default'), ...rest }) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => ); }; - -CopyIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default CopyIcon; diff --git a/src/icons/actions/DownloadIcon.tsx b/src/icons/actions/DownloadIcon.tsx index 1b7c74959..e1b364eb7 100644 --- a/src/icons/actions/DownloadIcon.tsx +++ b/src/icons/actions/DownloadIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const DownloadIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const DownloadIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) ); }; - -DownloadIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default DownloadIcon; diff --git a/src/icons/actions/EnvelopeIcon.tsx b/src/icons/actions/EnvelopeIcon.tsx index d79b08de0..513608241 100644 --- a/src/icons/actions/EnvelopeIcon.tsx +++ b/src/icons/actions/EnvelopeIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const EnvelopeIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const EnvelopeIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) ); }; - -EnvelopeIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default EnvelopeIcon; diff --git a/src/icons/actions/EnvelopeReinviteIcon.tsx b/src/icons/actions/EnvelopeReinviteIcon.tsx index a770ab64a..9a1545073 100644 --- a/src/icons/actions/EnvelopeReinviteIcon.tsx +++ b/src/icons/actions/EnvelopeReinviteIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const EnvelopeReinviteIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const EnvelopeReinviteIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Ic ); }; - -EnvelopeReinviteIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default EnvelopeReinviteIcon; diff --git a/src/icons/actions/ExitIcon.tsx b/src/icons/actions/ExitIcon.tsx index fc73713f4..ae21e8eee 100644 --- a/src/icons/actions/ExitIcon.tsx +++ b/src/icons/actions/ExitIcon.tsx @@ -1,16 +1,23 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const ExitIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ExitIcon: React.FC = ({ size = 'medium', color = getSemanticValue('icon-primary-default'), ...rest }) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => ); }; - -ExitIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default ExitIcon; diff --git a/src/icons/actions/EyeClosedIcon.tsx b/src/icons/actions/EyeClosedIcon.tsx index 2a1bfca99..9e18e130a 100644 --- a/src/icons/actions/EyeClosedIcon.tsx +++ b/src/icons/actions/EyeClosedIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const EyeClosedIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const EyeClosedIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps ); }; - -EyeClosedIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default EyeClosedIcon; diff --git a/src/icons/actions/EyeOpenIcon.tsx b/src/icons/actions/EyeOpenIcon.tsx index 594f9a176..c744e0f46 100644 --- a/src/icons/actions/EyeOpenIcon.tsx +++ b/src/icons/actions/EyeOpenIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const EyeOpenIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const EyeOpenIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) ); }; - -EyeOpenIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default EyeOpenIcon; diff --git a/src/icons/actions/FilterDisabledIcon.tsx b/src/icons/actions/FilterDisabledIcon.tsx index e1a2d4a56..f60bacb4e 100644 --- a/src/icons/actions/FilterDisabledIcon.tsx +++ b/src/icons/actions/FilterDisabledIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const FilterDisabledIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const FilterDisabledIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Icon ); }; - -FilterDisabledIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default FilterDisabledIcon; diff --git a/src/icons/actions/FilterIcon.tsx b/src/icons/actions/FilterIcon.tsx index 473e4bd2e..45c7cc3dc 100644 --- a/src/icons/actions/FilterIcon.tsx +++ b/src/icons/actions/FilterIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const FilterIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const FilterIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) = ); }; - -FilterIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default FilterIcon; diff --git a/src/icons/actions/MagnifyingGlassIcon.tsx b/src/icons/actions/MagnifyingGlassIcon.tsx index 48c77d2ac..004b78519 100644 --- a/src/icons/actions/MagnifyingGlassIcon.tsx +++ b/src/icons/actions/MagnifyingGlassIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const MagnifyingGlassIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const MagnifyingGlassIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Ico ); }; - -MagnifyingGlassIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default MagnifyingGlassIcon; diff --git a/src/icons/actions/MinusCircleOutlineIcon.tsx b/src/icons/actions/MinusCircleOutlineIcon.tsx index adf314e8a..7c34676d3 100644 --- a/src/icons/actions/MinusCircleOutlineIcon.tsx +++ b/src/icons/actions/MinusCircleOutlineIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const MinusCircleOutlineIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const MinusCircleOutlineIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: ); }; - -MinusCircleOutlineIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default MinusCircleOutlineIcon; diff --git a/src/icons/actions/MinusCircleSolidIcon.tsx b/src/icons/actions/MinusCircleSolidIcon.tsx index cce5fcd66..5ca741342 100644 --- a/src/icons/actions/MinusCircleSolidIcon.tsx +++ b/src/icons/actions/MinusCircleSolidIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const MinusCircleSolidIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const MinusCircleSolidIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Ic ); }; - -MinusCircleSolidIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default MinusCircleSolidIcon; diff --git a/src/icons/actions/MinusIcon.tsx b/src/icons/actions/MinusIcon.tsx index e1fd6e7cb..03033f751 100644 --- a/src/icons/actions/MinusIcon.tsx +++ b/src/icons/actions/MinusIcon.tsx @@ -1,22 +1,18 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const MinusIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const MinusIcon: React.FC = ({ size = 'medium', color = getSemanticValue('icon-primary-default'), ...rest }) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + ); }; - -MinusIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default MinusIcon; diff --git a/src/icons/actions/PenIcon.tsx b/src/icons/actions/PenIcon.tsx index 1bf8d22dd..d7a4b1a24 100644 --- a/src/icons/actions/PenIcon.tsx +++ b/src/icons/actions/PenIcon.tsx @@ -1,16 +1,16 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const PenIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const PenIcon: React.FC = ({ size = 'medium', color = getSemanticValue('icon-primary-default'), ...rest }) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => { ); }; - -PenIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default PenIcon; diff --git a/src/icons/actions/PlusCircleOutlineIcon.tsx b/src/icons/actions/PlusCircleOutlineIcon.tsx index fe2f8fb89..cb6a9ea52 100644 --- a/src/icons/actions/PlusCircleOutlineIcon.tsx +++ b/src/icons/actions/PlusCircleOutlineIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const PlusCircleOutlineIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const PlusCircleOutlineIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: I ); }; - -PlusCircleOutlineIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default PlusCircleOutlineIcon; diff --git a/src/icons/actions/PlusCircleSolidIcon.tsx b/src/icons/actions/PlusCircleSolidIcon.tsx index 8b34d37f9..72369b4b9 100644 --- a/src/icons/actions/PlusCircleSolidIcon.tsx +++ b/src/icons/actions/PlusCircleSolidIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const PlusCircleSolidIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const PlusCircleSolidIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Ico ); }; - -PlusCircleSolidIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default PlusCircleSolidIcon; diff --git a/src/icons/actions/PlusIcon.tsx b/src/icons/actions/PlusIcon.tsx index 41c6f126d..3e25e5dca 100644 --- a/src/icons/actions/PlusIcon.tsx +++ b/src/icons/actions/PlusIcon.tsx @@ -1,22 +1,18 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const PlusIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const PlusIcon: React.FC = ({ size = 'medium', color = getSemanticValue('icon-primary-default'), ...rest }) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + ); }; - -PlusIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default PlusIcon; diff --git a/src/icons/actions/ShareIcon.tsx b/src/icons/actions/ShareIcon.tsx index 125d83a69..10bc86d29 100644 --- a/src/icons/actions/ShareIcon.tsx +++ b/src/icons/actions/ShareIcon.tsx @@ -1,16 +1,16 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const ShareIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ShareIcon: React.FC = ({ size = 'medium', color = getSemanticValue('icon-primary-default'), ...rest }) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => ); }; - -ShareIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default ShareIcon; diff --git a/src/icons/actions/SoundAlertsOnlyIcon.tsx b/src/icons/actions/SoundAlertsOnlyIcon.tsx index 2b6a31108..fcd3e3b7c 100644 --- a/src/icons/actions/SoundAlertsOnlyIcon.tsx +++ b/src/icons/actions/SoundAlertsOnlyIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const SoundAlertsOnlyIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const SoundAlertsOnlyIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Ico ); }; - -SoundAlertsOnlyIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default SoundAlertsOnlyIcon; diff --git a/src/icons/actions/SoundOffIcon.tsx b/src/icons/actions/SoundOffIcon.tsx index a50dda4cf..d614d16d5 100644 --- a/src/icons/actions/SoundOffIcon.tsx +++ b/src/icons/actions/SoundOffIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const SoundOffIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const SoundOffIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) ); }; - -SoundOffIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default SoundOffIcon; diff --git a/src/icons/actions/SoundOnIcon.tsx b/src/icons/actions/SoundOnIcon.tsx index 901806b19..dd1a70139 100644 --- a/src/icons/actions/SoundOnIcon.tsx +++ b/src/icons/actions/SoundOnIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const SoundOnIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const SoundOnIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) ); }; - -SoundOnIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default SoundOnIcon; diff --git a/src/icons/actions/ThumbDownOutlineIcon.tsx b/src/icons/actions/ThumbDownOutlineIcon.tsx index 6c067425c..6958ff79e 100644 --- a/src/icons/actions/ThumbDownOutlineIcon.tsx +++ b/src/icons/actions/ThumbDownOutlineIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const ThumbDownOutlineIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ThumbDownOutlineIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Ic ); }; - -ThumbDownOutlineIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default ThumbDownOutlineIcon; diff --git a/src/icons/actions/ThumbDownSolidIcon.tsx b/src/icons/actions/ThumbDownSolidIcon.tsx index a48559059..db9a82e68 100644 --- a/src/icons/actions/ThumbDownSolidIcon.tsx +++ b/src/icons/actions/ThumbDownSolidIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const ThumbDownSolidIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ThumbDownSolidIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Icon ); }; - -ThumbDownSolidIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default ThumbDownSolidIcon; diff --git a/src/icons/actions/ThumbUpOutlineIcon.tsx b/src/icons/actions/ThumbUpOutlineIcon.tsx index f73c9e7e7..ca8929bcf 100644 --- a/src/icons/actions/ThumbUpOutlineIcon.tsx +++ b/src/icons/actions/ThumbUpOutlineIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const ThumbUpOutlineIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ThumbUpOutlineIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Icon ); }; - -ThumbUpOutlineIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default ThumbUpOutlineIcon; diff --git a/src/icons/actions/ThumbUpSolidIcon.tsx b/src/icons/actions/ThumbUpSolidIcon.tsx index 3b0f15bd1..1968d8db3 100644 --- a/src/icons/actions/ThumbUpSolidIcon.tsx +++ b/src/icons/actions/ThumbUpSolidIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const ThumbUpSolidIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ThumbUpSolidIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconPr ); }; - -ThumbUpSolidIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default ThumbUpSolidIcon; diff --git a/src/icons/actions/TrashBinIcon.tsx b/src/icons/actions/TrashBinIcon.tsx index 63bc79d87..3ec8bef72 100644 --- a/src/icons/actions/TrashBinIcon.tsx +++ b/src/icons/actions/TrashBinIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const TrashBinIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const TrashBinIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) ); }; - -TrashBinIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default TrashBinIcon; diff --git a/src/icons/actions/WarningSolidIcon.tsx b/src/icons/actions/WarningSolidIcon.tsx index 172bd1fda..43265cc76 100644 --- a/src/icons/actions/WarningSolidIcon.tsx +++ b/src/icons/actions/WarningSolidIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const WarningSolidIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const WarningSolidIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconPr ); }; - -WarningSolidIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default WarningSolidIcon; diff --git a/src/icons/arrows/ArrowDownIcon.tsx b/src/icons/arrows/ArrowDownIcon.tsx index 7a13f71c8..9e826c316 100644 --- a/src/icons/arrows/ArrowDownIcon.tsx +++ b/src/icons/arrows/ArrowDownIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const ArrowDownIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ArrowDownIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps ); }; - -ArrowDownIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default ArrowDownIcon; diff --git a/src/icons/arrows/ArrowDownLeftIcon.tsx b/src/icons/arrows/ArrowDownLeftIcon.tsx index 112ca2f65..0c542bce2 100644 --- a/src/icons/arrows/ArrowDownLeftIcon.tsx +++ b/src/icons/arrows/ArrowDownLeftIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const ArrowDownLeftIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ArrowDownLeftIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconP ); }; - -ArrowDownLeftIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default ArrowDownLeftIcon; diff --git a/src/icons/arrows/ArrowDownRightIcon.tsx b/src/icons/arrows/ArrowDownRightIcon.tsx index 88412f553..7c171da6d 100644 --- a/src/icons/arrows/ArrowDownRightIcon.tsx +++ b/src/icons/arrows/ArrowDownRightIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const ArrowDownRightIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ArrowDownRightIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Icon ); }; - -ArrowDownRightIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default ArrowDownRightIcon; diff --git a/src/icons/arrows/ArrowLeftIcon.tsx b/src/icons/arrows/ArrowLeftIcon.tsx index db0fda34e..c9a5f277e 100644 --- a/src/icons/arrows/ArrowLeftIcon.tsx +++ b/src/icons/arrows/ArrowLeftIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const ArrowLeftIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ArrowLeftIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps ); }; - -ArrowLeftIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default ArrowLeftIcon; diff --git a/src/icons/arrows/ArrowRightIcon.tsx b/src/icons/arrows/ArrowRightIcon.tsx index 7030edcd5..31a8004fd 100644 --- a/src/icons/arrows/ArrowRightIcon.tsx +++ b/src/icons/arrows/ArrowRightIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const ArrowRightIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ArrowRightIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProp ); }; - -ArrowRightIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default ArrowRightIcon; diff --git a/src/icons/arrows/ArrowUpIcon.tsx b/src/icons/arrows/ArrowUpIcon.tsx index 15af5052f..44f3fe2f3 100644 --- a/src/icons/arrows/ArrowUpIcon.tsx +++ b/src/icons/arrows/ArrowUpIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const ArrowUpIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ArrowUpIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) ); }; - -ArrowUpIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default ArrowUpIcon; diff --git a/src/icons/arrows/ArrowUpLeftIcon.tsx b/src/icons/arrows/ArrowUpLeftIcon.tsx index dd62f1d34..d136711a8 100644 --- a/src/icons/arrows/ArrowUpLeftIcon.tsx +++ b/src/icons/arrows/ArrowUpLeftIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const ArrowUpLeftIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ArrowUpLeftIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconPro ); }; - -ArrowUpLeftIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default ArrowUpLeftIcon; diff --git a/src/icons/arrows/ArrowUpRightIcon.tsx b/src/icons/arrows/ArrowUpRightIcon.tsx index ffac4daa7..937678815 100644 --- a/src/icons/arrows/ArrowUpRightIcon.tsx +++ b/src/icons/arrows/ArrowUpRightIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const ArrowUpRightIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ArrowUpRightIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconPr ); }; - -ArrowUpRightIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default ArrowUpRightIcon; diff --git a/src/icons/arrows/BackwardIcon.tsx b/src/icons/arrows/BackwardIcon.tsx index 3f09f674d..02bf31bcb 100644 --- a/src/icons/arrows/BackwardIcon.tsx +++ b/src/icons/arrows/BackwardIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const BackwardIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BackwardIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) ); }; - -BackwardIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default BackwardIcon; diff --git a/src/icons/arrows/BackwardLastIcon.tsx b/src/icons/arrows/BackwardLastIcon.tsx index 89592265a..43836046a 100644 --- a/src/icons/arrows/BackwardLastIcon.tsx +++ b/src/icons/arrows/BackwardLastIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const BackwardLastIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BackwardLastIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconPr ); }; - -BackwardLastIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default BackwardLastIcon; diff --git a/src/icons/arrows/ChevronDownIcon.tsx b/src/icons/arrows/ChevronDownIcon.tsx index 94d3e80d0..1146b0d3d 100644 --- a/src/icons/arrows/ChevronDownIcon.tsx +++ b/src/icons/arrows/ChevronDownIcon.tsx @@ -1,22 +1,22 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const ChevronDownIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ChevronDownIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + ); }; - -ChevronDownIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default ChevronDownIcon; diff --git a/src/icons/arrows/ChevronLeftIcon.tsx b/src/icons/arrows/ChevronLeftIcon.tsx index 19ce77d61..3db5f11b4 100644 --- a/src/icons/arrows/ChevronLeftIcon.tsx +++ b/src/icons/arrows/ChevronLeftIcon.tsx @@ -1,22 +1,22 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const ChevronLeftIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ChevronLeftIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + ); }; - -ChevronLeftIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default ChevronLeftIcon; diff --git a/src/icons/arrows/ChevronRightIcon.tsx b/src/icons/arrows/ChevronRightIcon.tsx index 3af8867d9..261a3249a 100644 --- a/src/icons/arrows/ChevronRightIcon.tsx +++ b/src/icons/arrows/ChevronRightIcon.tsx @@ -1,22 +1,22 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const ChevronRightIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ChevronRightIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + ); }; - -ChevronRightIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default ChevronRightIcon; diff --git a/src/icons/arrows/ChevronUpIcon.tsx b/src/icons/arrows/ChevronUpIcon.tsx index ac6ca039d..4ac7ba563 100644 --- a/src/icons/arrows/ChevronUpIcon.tsx +++ b/src/icons/arrows/ChevronUpIcon.tsx @@ -1,22 +1,22 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const ChevronUpIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ChevronUpIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + ); }; - -ChevronUpIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default ChevronUpIcon; diff --git a/src/icons/arrows/DoubleArrowDownIcon.tsx b/src/icons/arrows/DoubleArrowDownIcon.tsx index 1bae7b024..597e4d0e4 100644 --- a/src/icons/arrows/DoubleArrowDownIcon.tsx +++ b/src/icons/arrows/DoubleArrowDownIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const DoubleArrowDownIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const DoubleArrowDownIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Ico ); }; - -DoubleArrowDownIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default DoubleArrowDownIcon; diff --git a/src/icons/arrows/DoubleArrowUpIcon.tsx b/src/icons/arrows/DoubleArrowUpIcon.tsx index d6c1bb579..a8ee5c1ec 100644 --- a/src/icons/arrows/DoubleArrowUpIcon.tsx +++ b/src/icons/arrows/DoubleArrowUpIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const DoubleArrowUpIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const DoubleArrowUpIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconP ); }; - -DoubleArrowUpIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default DoubleArrowUpIcon; diff --git a/src/icons/arrows/DropdownSelectIcon.tsx b/src/icons/arrows/DropdownSelectIcon.tsx index f72053768..250059d81 100644 --- a/src/icons/arrows/DropdownSelectIcon.tsx +++ b/src/icons/arrows/DropdownSelectIcon.tsx @@ -1,22 +1,29 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const DropdownSelectIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const DropdownSelectIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + ); }; - -DropdownSelectIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default DropdownSelectIcon; diff --git a/src/icons/arrows/DropupSelectIcon.tsx b/src/icons/arrows/DropupSelectIcon.tsx index 35990689f..570b86dcb 100644 --- a/src/icons/arrows/DropupSelectIcon.tsx +++ b/src/icons/arrows/DropupSelectIcon.tsx @@ -1,22 +1,29 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const DropupSelectIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const DropupSelectIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + ); }; - -DropupSelectIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default DropupSelectIcon; diff --git a/src/icons/arrows/ForwardIcon.tsx b/src/icons/arrows/ForwardIcon.tsx index 1b1efc7e3..62b03512d 100644 --- a/src/icons/arrows/ForwardIcon.tsx +++ b/src/icons/arrows/ForwardIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const ForwardIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ForwardIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) ); }; - -ForwardIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default ForwardIcon; diff --git a/src/icons/arrows/ForwardLastIcon.tsx b/src/icons/arrows/ForwardLastIcon.tsx index a6bc2b33e..d11933eb3 100644 --- a/src/icons/arrows/ForwardLastIcon.tsx +++ b/src/icons/arrows/ForwardLastIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const ForwardLastIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ForwardLastIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconPro ); }; - -ForwardLastIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default ForwardLastIcon; diff --git a/src/icons/basic/AnchorHamburgIcon.tsx b/src/icons/basic/AnchorHamburgIcon.tsx index 70128087e..f277ca1db 100644 --- a/src/icons/basic/AnchorHamburgIcon.tsx +++ b/src/icons/basic/AnchorHamburgIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const AnchorHamburgIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const AnchorHamburgIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconP ); }; - -AnchorHamburgIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default AnchorHamburgIcon; diff --git a/src/icons/basic/ClockIcon.tsx b/src/icons/basic/ClockIcon.tsx index a14770624..b663a28f2 100644 --- a/src/icons/basic/ClockIcon.tsx +++ b/src/icons/basic/ClockIcon.tsx @@ -1,16 +1,16 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const ClockIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ClockIcon: React.FC = ({ size = 'medium', color = getSemanticValue('icon-primary-default'), ...rest }) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => ); }; - -ClockIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default ClockIcon; diff --git a/src/icons/basic/DogIcon.tsx b/src/icons/basic/DogIcon.tsx index ef013f9bf..fa62d8321 100644 --- a/src/icons/basic/DogIcon.tsx +++ b/src/icons/basic/DogIcon.tsx @@ -1,16 +1,16 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const DogIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const DogIcon: React.FC = ({ size = 'medium', color = getSemanticValue('icon-primary-default'), ...rest }) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => { ); }; - -DogIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default DogIcon; diff --git a/src/icons/basic/FlagOutlineIcon.tsx b/src/icons/basic/FlagOutlineIcon.tsx index 7ac99297d..530e6b773 100644 --- a/src/icons/basic/FlagOutlineIcon.tsx +++ b/src/icons/basic/FlagOutlineIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const FlagOutlineIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const FlagOutlineIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconPro ); }; - -FlagOutlineIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default FlagOutlineIcon; diff --git a/src/icons/basic/FreeNowArrowIcon.tsx b/src/icons/basic/FreeNowArrowIcon.tsx index 575825787..64a9349c1 100644 --- a/src/icons/basic/FreeNowArrowIcon.tsx +++ b/src/icons/basic/FreeNowArrowIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const FreeNowArrowIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const FreeNowArrowIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconPr ); }; - -FreeNowArrowIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default FreeNowArrowIcon; diff --git a/src/icons/basic/MegaphoneOutlineIcon.tsx b/src/icons/basic/MegaphoneOutlineIcon.tsx index 4d3afa271..ef24ab6dc 100644 --- a/src/icons/basic/MegaphoneOutlineIcon.tsx +++ b/src/icons/basic/MegaphoneOutlineIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const MegaphoneOutlineIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const MegaphoneOutlineIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Ic ); }; - -MegaphoneOutlineIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default MegaphoneOutlineIcon; diff --git a/src/icons/basic/MegaphoneSolidIcon.tsx b/src/icons/basic/MegaphoneSolidIcon.tsx index 700e8af47..5a8c46dfc 100644 --- a/src/icons/basic/MegaphoneSolidIcon.tsx +++ b/src/icons/basic/MegaphoneSolidIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const MegaphoneSolidIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const MegaphoneSolidIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Icon ); }; - -MegaphoneSolidIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default MegaphoneSolidIcon; diff --git a/src/icons/basic/ParcelIcon.tsx b/src/icons/basic/ParcelIcon.tsx index 5ce067b93..6040bec50 100644 --- a/src/icons/basic/ParcelIcon.tsx +++ b/src/icons/basic/ParcelIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const ParcelIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ParcelIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) = ); }; - -ParcelIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default ParcelIcon; diff --git a/src/icons/basic/StarCircleSolidIcon.tsx b/src/icons/basic/StarCircleSolidIcon.tsx index 6d55f09ed..cda519129 100644 --- a/src/icons/basic/StarCircleSolidIcon.tsx +++ b/src/icons/basic/StarCircleSolidIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const StarCircleSolidIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const StarCircleSolidIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Ico ); }; - -StarCircleSolidIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default StarCircleSolidIcon; diff --git a/src/icons/basic/TrophyIcon.tsx b/src/icons/basic/TrophyIcon.tsx index dca35d604..d538a6af2 100644 --- a/src/icons/basic/TrophyIcon.tsx +++ b/src/icons/basic/TrophyIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const TrophyIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const TrophyIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) = ); }; - -TrophyIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default TrophyIcon; diff --git a/src/icons/battery/Battery100Icon.tsx b/src/icons/battery/Battery100Icon.tsx index 2d07b47e8..7f355ff4e 100644 --- a/src/icons/battery/Battery100Icon.tsx +++ b/src/icons/battery/Battery100Icon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const Battery100Icon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const Battery100Icon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -18,8 +22,4 @@ const Battery100Icon: React.FC = ({ size = 'medium', ...props }: IconProp ); }; - -Battery100Icon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default Battery100Icon; diff --git a/src/icons/battery/Battery10Icon.tsx b/src/icons/battery/Battery10Icon.tsx index c43939bdb..373e013d3 100644 --- a/src/icons/battery/Battery10Icon.tsx +++ b/src/icons/battery/Battery10Icon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const Battery10Icon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const Battery10Icon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -18,8 +22,4 @@ const Battery10Icon: React.FC = ({ size = 'medium', ...props }: IconProps ); }; - -Battery10Icon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default Battery10Icon; diff --git a/src/icons/battery/Battery25Icon.tsx b/src/icons/battery/Battery25Icon.tsx index f3ec48d9f..f86c7d89c 100644 --- a/src/icons/battery/Battery25Icon.tsx +++ b/src/icons/battery/Battery25Icon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const Battery25Icon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const Battery25Icon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -18,8 +22,4 @@ const Battery25Icon: React.FC = ({ size = 'medium', ...props }: IconProps ); }; - -Battery25Icon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default Battery25Icon; diff --git a/src/icons/battery/Battery50Icon.tsx b/src/icons/battery/Battery50Icon.tsx index 37c9b3f75..300a23469 100644 --- a/src/icons/battery/Battery50Icon.tsx +++ b/src/icons/battery/Battery50Icon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const Battery50Icon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const Battery50Icon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -18,8 +22,4 @@ const Battery50Icon: React.FC = ({ size = 'medium', ...props }: IconProps ); }; - -Battery50Icon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default Battery50Icon; diff --git a/src/icons/battery/Battery75Icon.tsx b/src/icons/battery/Battery75Icon.tsx index 9a7b7de44..63600e50f 100644 --- a/src/icons/battery/Battery75Icon.tsx +++ b/src/icons/battery/Battery75Icon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const Battery75Icon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const Battery75Icon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -18,8 +22,4 @@ const Battery75Icon: React.FC = ({ size = 'medium', ...props }: IconProps ); }; - -Battery75Icon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default Battery75Icon; diff --git a/src/icons/battery/BatteryChargingIcon.tsx b/src/icons/battery/BatteryChargingIcon.tsx index 2526cbbee..b005f0fa7 100644 --- a/src/icons/battery/BatteryChargingIcon.tsx +++ b/src/icons/battery/BatteryChargingIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const BatteryChargingIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BatteryChargingIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -18,8 +22,4 @@ const BatteryChargingIcon: React.FC = ({ size = 'medium', ...props }: Ico ); }; - -BatteryChargingIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default BatteryChargingIcon; diff --git a/src/icons/battery/BatteryEmptyIcon.tsx b/src/icons/battery/BatteryEmptyIcon.tsx index a9c2f7151..32bcd3bfa 100644 --- a/src/icons/battery/BatteryEmptyIcon.tsx +++ b/src/icons/battery/BatteryEmptyIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const BatteryEmptyIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BatteryEmptyIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -18,8 +22,4 @@ const BatteryEmptyIcon: React.FC = ({ size = 'medium', ...props }: IconPr ); }; - -BatteryEmptyIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default BatteryEmptyIcon; diff --git a/src/icons/battery/BatteryGenericIcon.tsx b/src/icons/battery/BatteryGenericIcon.tsx index 1054c0c77..97e3bcc6f 100644 --- a/src/icons/battery/BatteryGenericIcon.tsx +++ b/src/icons/battery/BatteryGenericIcon.tsx @@ -1,22 +1,22 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const BatteryGenericIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BatteryGenericIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + ); }; - -BatteryGenericIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default BatteryGenericIcon; diff --git a/src/icons/battery/Fuel0Icon.tsx b/src/icons/battery/Fuel0Icon.tsx index 01fe941e9..8d1e71746 100644 --- a/src/icons/battery/Fuel0Icon.tsx +++ b/src/icons/battery/Fuel0Icon.tsx @@ -1,16 +1,16 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const Fuel0Icon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const Fuel0Icon: React.FC = ({ size = 'medium', color = getSemanticValue('icon-primary-default'), ...rest }) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -18,8 +18,4 @@ const Fuel0Icon: React.FC = ({ size = 'medium', ...props }: IconProps) => ); }; - -Fuel0Icon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default Fuel0Icon; diff --git a/src/icons/battery/Fuel100Icon.tsx b/src/icons/battery/Fuel100Icon.tsx index a04c1c383..bd069d617 100644 --- a/src/icons/battery/Fuel100Icon.tsx +++ b/src/icons/battery/Fuel100Icon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const Fuel100Icon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const Fuel100Icon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) ); }; - -Fuel100Icon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default Fuel100Icon; diff --git a/src/icons/battery/Fuel10Icon.tsx b/src/icons/battery/Fuel10Icon.tsx index 15c570165..33ff1eaa2 100644 --- a/src/icons/battery/Fuel10Icon.tsx +++ b/src/icons/battery/Fuel10Icon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const Fuel10Icon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const Fuel10Icon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) = ); }; - -Fuel10Icon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default Fuel10Icon; diff --git a/src/icons/battery/Fuel25Icon.tsx b/src/icons/battery/Fuel25Icon.tsx index a2cadd0a2..de83b1d3f 100644 --- a/src/icons/battery/Fuel25Icon.tsx +++ b/src/icons/battery/Fuel25Icon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const Fuel25Icon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const Fuel25Icon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) = ); }; - -Fuel25Icon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default Fuel25Icon; diff --git a/src/icons/battery/Fuel50Icon.tsx b/src/icons/battery/Fuel50Icon.tsx index 83b07f13d..02d1bc1ba 100644 --- a/src/icons/battery/Fuel50Icon.tsx +++ b/src/icons/battery/Fuel50Icon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const Fuel50Icon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const Fuel50Icon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) = ); }; - -Fuel50Icon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default Fuel50Icon; diff --git a/src/icons/battery/Fuel75Icon.tsx b/src/icons/battery/Fuel75Icon.tsx index 72dca986d..5c7c67b6b 100644 --- a/src/icons/battery/Fuel75Icon.tsx +++ b/src/icons/battery/Fuel75Icon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const Fuel75Icon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const Fuel75Icon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) = ); }; - -Fuel75Icon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default Fuel75Icon; diff --git a/src/icons/battery/FuelGenericIcon.tsx b/src/icons/battery/FuelGenericIcon.tsx index 743220fca..b20fa8216 100644 --- a/src/icons/battery/FuelGenericIcon.tsx +++ b/src/icons/battery/FuelGenericIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const FuelGenericIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const FuelGenericIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconPro ); }; - -FuelGenericIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default FuelGenericIcon; diff --git a/src/icons/brands/AdyenIcon.tsx b/src/icons/brands/AdyenIcon.tsx index 57d54bb5d..25378b7c6 100644 --- a/src/icons/brands/AdyenIcon.tsx +++ b/src/icons/brands/AdyenIcon.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const AdyenIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const AdyenIcon: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => ); }; - -AdyenIcon.defaultProps = {}; export default AdyenIcon; diff --git a/src/icons/brands/AmericanExpressIcon.tsx b/src/icons/brands/AmericanExpressIcon.tsx index 0c190651b..00f97dc5c 100644 --- a/src/icons/brands/AmericanExpressIcon.tsx +++ b/src/icons/brands/AmericanExpressIcon.tsx @@ -3,13 +3,12 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const AmericanExpressIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const AmericanExpressIcon: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Ico ); }; - -AmericanExpressIcon.defaultProps = {}; export default AmericanExpressIcon; diff --git a/src/icons/brands/AppleIcon.tsx b/src/icons/brands/AppleIcon.tsx index 6c94fc9b9..41acf9ea3 100644 --- a/src/icons/brands/AppleIcon.tsx +++ b/src/icons/brands/AppleIcon.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const AppleIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const AppleIcon: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => ); }; - -AppleIcon.defaultProps = {}; export default AppleIcon; diff --git a/src/icons/brands/ApplePayIcon.tsx b/src/icons/brands/ApplePayIcon.tsx index 02bc99bee..1dcc4a4b8 100644 --- a/src/icons/brands/ApplePayIcon.tsx +++ b/src/icons/brands/ApplePayIcon.tsx @@ -3,13 +3,12 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const ApplePayIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ApplePayIcon: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) ); }; - -ApplePayIcon.defaultProps = {}; export default ApplePayIcon; diff --git a/src/icons/brands/BraintreeIcon.tsx b/src/icons/brands/BraintreeIcon.tsx index 217f94a61..3fc91cdd2 100644 --- a/src/icons/brands/BraintreeIcon.tsx +++ b/src/icons/brands/BraintreeIcon.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const BraintreeIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BraintreeIcon: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps ); }; - -BraintreeIcon.defaultProps = {}; export default BraintreeIcon; diff --git a/src/icons/brands/BrandsConcurIcon.tsx b/src/icons/brands/BrandsConcurIcon.tsx index b2ce9800d..a0ed44abf 100644 --- a/src/icons/brands/BrandsConcurIcon.tsx +++ b/src/icons/brands/BrandsConcurIcon.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const BrandsConcurIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BrandsConcurIcon: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconPr ); }; - -BrandsConcurIcon.defaultProps = {}; export default BrandsConcurIcon; diff --git a/src/icons/brands/BrandsMercedesIcon.tsx b/src/icons/brands/BrandsMercedesIcon.tsx index 2a35b1ae8..08d3ea8e3 100644 --- a/src/icons/brands/BrandsMercedesIcon.tsx +++ b/src/icons/brands/BrandsMercedesIcon.tsx @@ -3,13 +3,12 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const BrandsMercedesIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BrandsMercedesIcon: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Icon ); }; - -BrandsMercedesIcon.defaultProps = {}; export default BrandsMercedesIcon; diff --git a/src/icons/brands/BrandsMilesAndMoreIcon.tsx b/src/icons/brands/BrandsMilesAndMoreIcon.tsx index 92b449f49..3486ac1cd 100644 --- a/src/icons/brands/BrandsMilesAndMoreIcon.tsx +++ b/src/icons/brands/BrandsMilesAndMoreIcon.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const BrandsMilesAndMoreIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BrandsMilesAndMoreIcon: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: ); }; - -BrandsMilesAndMoreIcon.defaultProps = {}; export default BrandsMilesAndMoreIcon; diff --git a/src/icons/brands/CytricIcon.tsx b/src/icons/brands/CytricIcon.tsx index 625d8bca5..48f5b9196 100644 --- a/src/icons/brands/CytricIcon.tsx +++ b/src/icons/brands/CytricIcon.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const CytricIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CytricIcon: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) = ); }; - -CytricIcon.defaultProps = {}; export default CytricIcon; diff --git a/src/icons/brands/EcCardIcon.tsx b/src/icons/brands/EcCardIcon.tsx index 4a381ba26..5a75622f7 100644 --- a/src/icons/brands/EcCardIcon.tsx +++ b/src/icons/brands/EcCardIcon.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const EcCardIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const EcCardIcon: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) = ); }; - -EcCardIcon.defaultProps = {}; export default EcCardIcon; diff --git a/src/icons/brands/FacebookIcon.tsx b/src/icons/brands/FacebookIcon.tsx index 3e742125f..12ff14cc4 100644 --- a/src/icons/brands/FacebookIcon.tsx +++ b/src/icons/brands/FacebookIcon.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const FacebookIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const FacebookIcon: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) ); }; - -FacebookIcon.defaultProps = {}; export default FacebookIcon; diff --git a/src/icons/brands/GoogleIcon.tsx b/src/icons/brands/GoogleIcon.tsx index 83e2cfae8..b4a21a91c 100644 --- a/src/icons/brands/GoogleIcon.tsx +++ b/src/icons/brands/GoogleIcon.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const GoogleIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const GoogleIcon: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) = ); }; - -GoogleIcon.defaultProps = {}; export default GoogleIcon; diff --git a/src/icons/brands/GooglePayIcon.tsx b/src/icons/brands/GooglePayIcon.tsx index eecd0fcf9..46b6a23d2 100644 --- a/src/icons/brands/GooglePayIcon.tsx +++ b/src/icons/brands/GooglePayIcon.tsx @@ -3,13 +3,12 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const GooglePayIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const GooglePayIcon: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps ); }; - -GooglePayIcon.defaultProps = {}; export default GooglePayIcon; diff --git a/src/icons/brands/MastercardIcon.tsx b/src/icons/brands/MastercardIcon.tsx index f64d14664..0b1aa778b 100644 --- a/src/icons/brands/MastercardIcon.tsx +++ b/src/icons/brands/MastercardIcon.tsx @@ -3,13 +3,12 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const MastercardIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const MastercardIcon: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -21,6 +20,4 @@ const MastercardIcon: React.FC = ({ size = 'medium', ...props }: IconProp ); }; - -MastercardIcon.defaultProps = {}; export default MastercardIcon; diff --git a/src/icons/brands/MilesIcon.tsx b/src/icons/brands/MilesIcon.tsx index c95423837..c898e8785 100644 --- a/src/icons/brands/MilesIcon.tsx +++ b/src/icons/brands/MilesIcon.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const MilesIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const MilesIcon: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => ); }; - -MilesIcon.defaultProps = {}; export default MilesIcon; diff --git a/src/icons/brands/MoovelIcon.tsx b/src/icons/brands/MoovelIcon.tsx index 3c238d168..ed1fb3464 100644 --- a/src/icons/brands/MoovelIcon.tsx +++ b/src/icons/brands/MoovelIcon.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const MoovelIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const MoovelIcon: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) = ); }; - -MoovelIcon.defaultProps = {}; export default MoovelIcon; diff --git a/src/icons/brands/PayPalIcon.tsx b/src/icons/brands/PayPalIcon.tsx index d06124c1a..d4fac2c4c 100644 --- a/src/icons/brands/PayPalIcon.tsx +++ b/src/icons/brands/PayPalIcon.tsx @@ -3,13 +3,12 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const PayPalIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const PayPalIcon: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) = ); }; - -PayPalIcon.defaultProps = {}; export default PayPalIcon; diff --git a/src/icons/brands/StripeIcon.tsx b/src/icons/brands/StripeIcon.tsx index 06a7b5fec..427bfc360 100644 --- a/src/icons/brands/StripeIcon.tsx +++ b/src/icons/brands/StripeIcon.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const StripeIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const StripeIcon: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) = ); }; - -StripeIcon.defaultProps = {}; export default StripeIcon; diff --git a/src/icons/brands/VisaIcon.tsx b/src/icons/brands/VisaIcon.tsx index d35a23bae..e6c18c18c 100644 --- a/src/icons/brands/VisaIcon.tsx +++ b/src/icons/brands/VisaIcon.tsx @@ -3,13 +3,12 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const VisaIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const VisaIcon: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -24,6 +23,4 @@ const VisaIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => ); }; - -VisaIcon.defaultProps = {}; export default VisaIcon; diff --git a/src/icons/brands/WirecardIcon.tsx b/src/icons/brands/WirecardIcon.tsx index b4285c675..275109ce4 100644 --- a/src/icons/brands/WirecardIcon.tsx +++ b/src/icons/brands/WirecardIcon.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const WirecardIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const WirecardIcon: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) ); }; - -WirecardIcon.defaultProps = {}; export default WirecardIcon; diff --git a/src/icons/cities/BerlinIcon.tsx b/src/icons/cities/BerlinIcon.tsx index 2f317adac..39f1c2cd4 100644 --- a/src/icons/cities/BerlinIcon.tsx +++ b/src/icons/cities/BerlinIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const BerlinIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BerlinIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) = ); }; - -BerlinIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default BerlinIcon; diff --git a/src/icons/cities/CologneIcon.tsx b/src/icons/cities/CologneIcon.tsx index f91b11850..942e49f58 100644 --- a/src/icons/cities/CologneIcon.tsx +++ b/src/icons/cities/CologneIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const CologneIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CologneIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) ); }; - -CologneIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default CologneIcon; diff --git a/src/icons/cities/DanzigIcon.tsx b/src/icons/cities/DanzigIcon.tsx index 722e74514..d211a29c4 100644 --- a/src/icons/cities/DanzigIcon.tsx +++ b/src/icons/cities/DanzigIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const DanzigIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const DanzigIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) = ); }; - -DanzigIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default DanzigIcon; diff --git a/src/icons/cities/DuesseldorfIcon.tsx b/src/icons/cities/DuesseldorfIcon.tsx index de53a4aff..b06ba0d44 100644 --- a/src/icons/cities/DuesseldorfIcon.tsx +++ b/src/icons/cities/DuesseldorfIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const DuesseldorfIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const DuesseldorfIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconPro ); }; - -DuesseldorfIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default DuesseldorfIcon; diff --git a/src/icons/cities/FallbackIcon.tsx b/src/icons/cities/FallbackIcon.tsx index 42c268f83..c643abaa8 100644 --- a/src/icons/cities/FallbackIcon.tsx +++ b/src/icons/cities/FallbackIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const FallbackIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const FallbackIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) ); }; - -FallbackIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default FallbackIcon; diff --git a/src/icons/cities/HamburgIcon.tsx b/src/icons/cities/HamburgIcon.tsx index db71ce67a..48eefe14c 100644 --- a/src/icons/cities/HamburgIcon.tsx +++ b/src/icons/cities/HamburgIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const HamburgIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const HamburgIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) ); }; - -HamburgIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default HamburgIcon; diff --git a/src/icons/cities/MunichIcon.tsx b/src/icons/cities/MunichIcon.tsx index ed0ce9ffb..531e8d823 100644 --- a/src/icons/cities/MunichIcon.tsx +++ b/src/icons/cities/MunichIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const MunichIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const MunichIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) = ); }; - -MunichIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default MunichIcon; diff --git a/src/icons/cities/TurinIcon.tsx b/src/icons/cities/TurinIcon.tsx index 608cdd10b..4e5820490 100644 --- a/src/icons/cities/TurinIcon.tsx +++ b/src/icons/cities/TurinIcon.tsx @@ -1,16 +1,23 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const TurinIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const TurinIcon: React.FC = ({ size = 'medium', color = getSemanticValue('icon-primary-default'), ...rest }) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => ); }; - -TurinIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default TurinIcon; diff --git a/src/icons/cities/WroclawIcon.tsx b/src/icons/cities/WroclawIcon.tsx index 335c0708c..124472e06 100644 --- a/src/icons/cities/WroclawIcon.tsx +++ b/src/icons/cities/WroclawIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const WroclawIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const WroclawIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) ); }; - -WroclawIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default WroclawIcon; diff --git a/src/icons/flags/AD.tsx b/src/icons/flags/AD.tsx index 27b29123d..a15a2552d 100644 --- a/src/icons/flags/AD.tsx +++ b/src/icons/flags/AD.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const AD: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const AD: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -33,6 +39,4 @@ const AD: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -AD.defaultProps = {}; export default AD; diff --git a/src/icons/flags/AE.tsx b/src/icons/flags/AE.tsx index 4b13bee4b..7b1461d81 100644 --- a/src/icons/flags/AE.tsx +++ b/src/icons/flags/AE.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const AE: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const AE: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const AE: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="AE__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -99,10 +99,14 @@ const AE: React.FC = ({ size = 'medium', ...props }: IconProps) => { /> - + ); }; - -AE.defaultProps = {}; export default AE; diff --git a/src/icons/flags/AF.tsx b/src/icons/flags/AF.tsx index 92ecc96c7..a4605ccd2 100644 --- a/src/icons/flags/AF.tsx +++ b/src/icons/flags/AF.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const AF: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const AF: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -34,6 +40,4 @@ const AF: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -AF.defaultProps = {}; export default AF; diff --git a/src/icons/flags/AG.tsx b/src/icons/flags/AG.tsx index a18c218a2..c695db5ff 100644 --- a/src/icons/flags/AG.tsx +++ b/src/icons/flags/AG.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const AG: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const AG: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => { d="M14 11l-2.296 2.543.175-3.422-3.422.175L11 8 8 5.333 11.879 6l-.546-4L14 5.333 16.667 2l-.546 4L20 5.333 17 8l2.543 2.296-3.422-.175.175 3.422z" /> - + - + @@ -54,6 +74,4 @@ const AG: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -AG.defaultProps = {}; export default AG; diff --git a/src/icons/flags/AI.tsx b/src/icons/flags/AI.tsx index e8ac4d2e0..2babff592 100644 --- a/src/icons/flags/AI.tsx +++ b/src/icons/flags/AI.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const AI: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const AI: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -58,6 +64,4 @@ const AI: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -AI.defaultProps = {}; export default AI; diff --git a/src/icons/flags/AL.tsx b/src/icons/flags/AL.tsx index 01f72230e..4096a2758 100644 --- a/src/icons/flags/AL.tsx +++ b/src/icons/flags/AL.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const AL: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const AL: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -27,6 +33,4 @@ const AL: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -AL.defaultProps = {}; export default AL; diff --git a/src/icons/flags/AM.tsx b/src/icons/flags/AM.tsx index cd247c6a2..98e9bb3b6 100644 --- a/src/icons/flags/AM.tsx +++ b/src/icons/flags/AM.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const AM: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const AM: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -25,6 +31,4 @@ const AM: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -AM.defaultProps = {}; export default AM; diff --git a/src/icons/flags/AN.tsx b/src/icons/flags/AN.tsx index 9f309a355..4d3abfab9 100644 --- a/src/icons/flags/AN.tsx +++ b/src/icons/flags/AN.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const AN: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const AN: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const AN: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="AN__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -225,6 +225,4 @@ const AN: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -AN.defaultProps = {}; export default AN; diff --git a/src/icons/flags/AO.tsx b/src/icons/flags/AO.tsx index 0f4d84ae0..252e84f2b 100644 --- a/src/icons/flags/AO.tsx +++ b/src/icons/flags/AO.tsx @@ -3,25 +3,52 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const AO: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const AO: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + - + - + - + @@ -59,6 +86,4 @@ const AO: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -AO.defaultProps = {}; export default AO; diff --git a/src/icons/flags/AR.tsx b/src/icons/flags/AR.tsx index b1ba6d622..e7c9904da 100644 --- a/src/icons/flags/AR.tsx +++ b/src/icons/flags/AR.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const AR: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const AR: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const AR: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="AR__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -117,6 +117,4 @@ const AR: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -AR.defaultProps = {}; export default AR; diff --git a/src/icons/flags/AT.tsx b/src/icons/flags/AT.tsx index b5c9e0164..275bf3ee9 100644 --- a/src/icons/flags/AT.tsx +++ b/src/icons/flags/AT.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const AT: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const AT: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const AT: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="AT__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -84,6 +84,4 @@ const AT: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -AT.defaultProps = {}; export default AT; diff --git a/src/icons/flags/AU.tsx b/src/icons/flags/AU.tsx index ec4ba3a17..6af78d87d 100644 --- a/src/icons/flags/AU.tsx +++ b/src/icons/flags/AU.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const AU: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const AU: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -39,7 +45,11 @@ const AU: React.FC = ({ size = 'medium', ...props }: IconProps) => { fill="url(#AU__c)" mask="url(#AU__b)" /> - + = ({ size = 'medium', ...props }: IconProps) => { ); }; - -AU.defaultProps = {}; export default AU; diff --git a/src/icons/flags/AW.tsx b/src/icons/flags/AW.tsx index 89c81f857..85a49453d 100644 --- a/src/icons/flags/AW.tsx +++ b/src/icons/flags/AW.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const AW: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const AW: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -41,6 +47,4 @@ const AW: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -AW.defaultProps = {}; export default AW; diff --git a/src/icons/flags/AX.tsx b/src/icons/flags/AX.tsx index a0e61963d..6d516b04e 100644 --- a/src/icons/flags/AX.tsx +++ b/src/icons/flags/AX.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const AX: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const AX: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -29,6 +35,4 @@ const AX: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -AX.defaultProps = {}; export default AX; diff --git a/src/icons/flags/AZ.tsx b/src/icons/flags/AZ.tsx index 976eff2e2..ffcf00b85 100644 --- a/src/icons/flags/AZ.tsx +++ b/src/icons/flags/AZ.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const AZ: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const AZ: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -37,6 +43,4 @@ const AZ: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -AZ.defaultProps = {}; export default AZ; diff --git a/src/icons/flags/BA.tsx b/src/icons/flags/BA.tsx index 981df29a6..ea57c5ba2 100644 --- a/src/icons/flags/BA.tsx +++ b/src/icons/flags/BA.tsx @@ -3,15 +3,28 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const BA: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BA: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + - + @@ -38,6 +51,4 @@ const BA: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -BA.defaultProps = {}; export default BA; diff --git a/src/icons/flags/BB.tsx b/src/icons/flags/BB.tsx index 247c632f3..9108e56cc 100644 --- a/src/icons/flags/BB.tsx +++ b/src/icons/flags/BB.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const BB: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BB: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -34,6 +40,4 @@ const BB: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -BB.defaultProps = {}; export default BB; diff --git a/src/icons/flags/BD.tsx b/src/icons/flags/BD.tsx index 80e489e98..4ce02de38 100644 --- a/src/icons/flags/BD.tsx +++ b/src/icons/flags/BD.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const BD: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BD: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -24,6 +30,4 @@ const BD: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -BD.defaultProps = {}; export default BD; diff --git a/src/icons/flags/BE.tsx b/src/icons/flags/BE.tsx index ca249ecc8..3ac445ce6 100644 --- a/src/icons/flags/BE.tsx +++ b/src/icons/flags/BE.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const BE: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BE: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -25,6 +31,4 @@ const BE: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -BE.defaultProps = {}; export default BE; diff --git a/src/icons/flags/BF.tsx b/src/icons/flags/BF.tsx index 4ed478e8d..d0827d015 100644 --- a/src/icons/flags/BF.tsx +++ b/src/icons/flags/BF.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const BF: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BF: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -29,6 +35,4 @@ const BF: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -BF.defaultProps = {}; export default BF; diff --git a/src/icons/flags/BG.tsx b/src/icons/flags/BG.tsx index a00f4989f..3588845ee 100644 --- a/src/icons/flags/BG.tsx +++ b/src/icons/flags/BG.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const BG: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BG: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const BG: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="BG__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -84,6 +84,4 @@ const BG: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -BG.defaultProps = {}; export default BG; diff --git a/src/icons/flags/BH.tsx b/src/icons/flags/BH.tsx index 61afbad7e..84e6eb7f5 100644 --- a/src/icons/flags/BH.tsx +++ b/src/icons/flags/BH.tsx @@ -3,13 +3,12 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const BH: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BH: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => { ); }; - -BH.defaultProps = {}; export default BH; diff --git a/src/icons/flags/BI.tsx b/src/icons/flags/BI.tsx index c03e5b967..59ab837d7 100644 --- a/src/icons/flags/BI.tsx +++ b/src/icons/flags/BI.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const BI: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BI: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -35,6 +41,4 @@ const BI: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -BI.defaultProps = {}; export default BI; diff --git a/src/icons/flags/BJ.tsx b/src/icons/flags/BJ.tsx index fd7b4312a..fd159256f 100644 --- a/src/icons/flags/BJ.tsx +++ b/src/icons/flags/BJ.tsx @@ -3,20 +3,40 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const BJ: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BJ: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + - + - + @@ -43,6 +63,4 @@ const BJ: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -BJ.defaultProps = {}; export default BJ; diff --git a/src/icons/flags/BM.tsx b/src/icons/flags/BM.tsx index 83f4ede03..6b624f071 100644 --- a/src/icons/flags/BM.tsx +++ b/src/icons/flags/BM.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const BM: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BM: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -56,11 +62,13 @@ const BM: React.FC = ({ size = 'medium', ...props }: IconProps) => { fill="#FFF" mask="url(#BM__b)" /> - + ); }; - -BM.defaultProps = {}; export default BM; diff --git a/src/icons/flags/BN.tsx b/src/icons/flags/BN.tsx index 2c3a6d2e6..8d51cf228 100644 --- a/src/icons/flags/BN.tsx +++ b/src/icons/flags/BN.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const BN: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BN: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -27,6 +33,4 @@ const BN: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -BN.defaultProps = {}; export default BN; diff --git a/src/icons/flags/BO.tsx b/src/icons/flags/BO.tsx index f02e0b0c2..c3c9f6c09 100644 --- a/src/icons/flags/BO.tsx +++ b/src/icons/flags/BO.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const BO: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BO: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -25,6 +31,4 @@ const BO: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -BO.defaultProps = {}; export default BO; diff --git a/src/icons/flags/BR.tsx b/src/icons/flags/BR.tsx index b76740913..c2df450dc 100644 --- a/src/icons/flags/BR.tsx +++ b/src/icons/flags/BR.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const BR: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BR: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -45,6 +51,4 @@ const BR: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -BR.defaultProps = {}; export default BR; diff --git a/src/icons/flags/BS.tsx b/src/icons/flags/BS.tsx index f6d7319fd..a8f2059fc 100644 --- a/src/icons/flags/BS.tsx +++ b/src/icons/flags/BS.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const BS: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BS: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -29,6 +35,4 @@ const BS: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -BS.defaultProps = {}; export default BS; diff --git a/src/icons/flags/BT.tsx b/src/icons/flags/BT.tsx index 85663932c..556b554e6 100644 --- a/src/icons/flags/BT.tsx +++ b/src/icons/flags/BT.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const BT: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BT: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -24,6 +30,4 @@ const BT: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -BT.defaultProps = {}; export default BT; diff --git a/src/icons/flags/BW.tsx b/src/icons/flags/BW.tsx index 46ed7d8fa..a3f7d1e94 100644 --- a/src/icons/flags/BW.tsx +++ b/src/icons/flags/BW.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const BW: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BW: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -25,6 +31,4 @@ const BW: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -BW.defaultProps = {}; export default BW; diff --git a/src/icons/flags/BY.tsx b/src/icons/flags/BY.tsx index 0e426d6ac..ca0fbc050 100644 --- a/src/icons/flags/BY.tsx +++ b/src/icons/flags/BY.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const BY: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BY: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -34,6 +40,4 @@ const BY: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -BY.defaultProps = {}; export default BY; diff --git a/src/icons/flags/BZ.tsx b/src/icons/flags/BZ.tsx index e4b868326..40bd5a899 100644 --- a/src/icons/flags/BZ.tsx +++ b/src/icons/flags/BZ.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const BZ: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BZ: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -33,6 +39,4 @@ const BZ: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -BZ.defaultProps = {}; export default BZ; diff --git a/src/icons/flags/CA.tsx b/src/icons/flags/CA.tsx index 7a108ad8e..cbd4bf01b 100644 --- a/src/icons/flags/CA.tsx +++ b/src/icons/flags/CA.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const CA: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CA: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const CA: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="CA__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -114,6 +114,4 @@ const CA: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -CA.defaultProps = {}; export default CA; diff --git a/src/icons/flags/CAF.tsx b/src/icons/flags/CAF.tsx index 992ff0f7d..2310414a9 100644 --- a/src/icons/flags/CAF.tsx +++ b/src/icons/flags/CAF.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const CAF: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CAF: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -28,6 +34,4 @@ const CAF: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -CAF.defaultProps = {}; export default CAF; diff --git a/src/icons/flags/CAS.tsx b/src/icons/flags/CAS.tsx index 7a95f13dd..3c3eee5a9 100644 --- a/src/icons/flags/CAS.tsx +++ b/src/icons/flags/CAS.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const CAS: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CAS: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -28,6 +34,4 @@ const CAS: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -CAS.defaultProps = {}; export default CAS; diff --git a/src/icons/flags/CD.tsx b/src/icons/flags/CD.tsx index c2352076c..c6d485d23 100644 --- a/src/icons/flags/CD.tsx +++ b/src/icons/flags/CD.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const CD: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CD: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -40,6 +46,4 @@ const CD: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -CD.defaultProps = {}; export default CD; diff --git a/src/icons/flags/CEU.tsx b/src/icons/flags/CEU.tsx index 639ad0372..4f0dc7e23 100644 --- a/src/icons/flags/CEU.tsx +++ b/src/icons/flags/CEU.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const CEU: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CEU: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -33,6 +39,4 @@ const CEU: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -CEU.defaultProps = {}; export default CEU; diff --git a/src/icons/flags/CF.tsx b/src/icons/flags/CF.tsx index 22a6fc6ba..38657b928 100644 --- a/src/icons/flags/CF.tsx +++ b/src/icons/flags/CF.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const CF: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CF: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const CF: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="CF__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -169,6 +169,4 @@ const CF: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -CF.defaultProps = {}; export default CF; diff --git a/src/icons/flags/CG.tsx b/src/icons/flags/CG.tsx index 1b90bb844..82758aa53 100644 --- a/src/icons/flags/CG.tsx +++ b/src/icons/flags/CG.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const CG: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CG: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -35,6 +41,4 @@ const CG: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -CG.defaultProps = {}; export default CG; diff --git a/src/icons/flags/CH.tsx b/src/icons/flags/CH.tsx index 0c28c8135..bfaa2c6a4 100644 --- a/src/icons/flags/CH.tsx +++ b/src/icons/flags/CH.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const CH: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CH: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -27,6 +33,4 @@ const CH: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -CH.defaultProps = {}; export default CH; diff --git a/src/icons/flags/CI.tsx b/src/icons/flags/CI.tsx index 213926140..e102fb3d2 100644 --- a/src/icons/flags/CI.tsx +++ b/src/icons/flags/CI.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const CI: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CI: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const CI: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="CI__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -85,6 +85,4 @@ const CI: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -CI.defaultProps = {}; export default CI; diff --git a/src/icons/flags/CL.tsx b/src/icons/flags/CL.tsx index e742fb17b..ea63323b4 100644 --- a/src/icons/flags/CL.tsx +++ b/src/icons/flags/CL.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const CL: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CL: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const CL: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="CL__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -114,6 +114,4 @@ const CL: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -CL.defaultProps = {}; export default CL; diff --git a/src/icons/flags/CM.tsx b/src/icons/flags/CM.tsx index d3d833230..72c8c8639 100644 --- a/src/icons/flags/CM.tsx +++ b/src/icons/flags/CM.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const CM: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CM: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -35,6 +41,4 @@ const CM: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -CM.defaultProps = {}; export default CM; diff --git a/src/icons/flags/CN.tsx b/src/icons/flags/CN.tsx index 1b28c3575..0d671b6bb 100644 --- a/src/icons/flags/CN.tsx +++ b/src/icons/flags/CN.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const CN: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CN: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -28,6 +34,4 @@ const CN: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -CN.defaultProps = {}; export default CN; diff --git a/src/icons/flags/CNA.tsx b/src/icons/flags/CNA.tsx index 9af76506e..da1aa9636 100644 --- a/src/icons/flags/CNA.tsx +++ b/src/icons/flags/CNA.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const CNA: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CNA: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -28,6 +34,4 @@ const CNA: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -CNA.defaultProps = {}; export default CNA; diff --git a/src/icons/flags/CO.tsx b/src/icons/flags/CO.tsx index 2b602b83a..acf9b4284 100644 --- a/src/icons/flags/CO.tsx +++ b/src/icons/flags/CO.tsx @@ -3,20 +3,40 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const CO: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CO: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + - + - + @@ -43,6 +63,4 @@ const CO: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -CO.defaultProps = {}; export default CO; diff --git a/src/icons/flags/COC.tsx b/src/icons/flags/COC.tsx index 853cdf521..3fe9d3640 100644 --- a/src/icons/flags/COC.tsx +++ b/src/icons/flags/COC.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const COC: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const COC: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -28,6 +34,4 @@ const COC: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -COC.defaultProps = {}; export default COC; diff --git a/src/icons/flags/CR.tsx b/src/icons/flags/CR.tsx index b7ba2d136..0a23db7d7 100644 --- a/src/icons/flags/CR.tsx +++ b/src/icons/flags/CR.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const CR: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CR: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const CR: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="CR__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -25,7 +25,14 @@ const CR: React.FC = ({ size = 'medium', ...props }: IconProps) => { fill="#fff" /> - + @@ -67,7 +74,13 @@ const CR: React.FC = ({ size = 'medium', ...props }: IconProps) => { /> - + = ({ size = 'medium', ...props }: IconProps) => { ); }; - -CR.defaultProps = {}; export default CR; diff --git a/src/icons/flags/CSA.tsx b/src/icons/flags/CSA.tsx index d21183a11..23ef189e4 100644 --- a/src/icons/flags/CSA.tsx +++ b/src/icons/flags/CSA.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const CSA: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CSA: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -28,6 +34,4 @@ const CSA: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -CSA.defaultProps = {}; export default CSA; diff --git a/src/icons/flags/CU.tsx b/src/icons/flags/CU.tsx index d9a159265..305dd3cb6 100644 --- a/src/icons/flags/CU.tsx +++ b/src/icons/flags/CU.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const CU: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CU: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -29,6 +35,4 @@ const CU: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -CU.defaultProps = {}; export default CU; diff --git a/src/icons/flags/CV.tsx b/src/icons/flags/CV.tsx index 0bb4e3db6..3dbd067d5 100644 --- a/src/icons/flags/CV.tsx +++ b/src/icons/flags/CV.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const CV: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CV: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -33,6 +39,4 @@ const CV: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -CV.defaultProps = {}; export default CV; diff --git a/src/icons/flags/CY.tsx b/src/icons/flags/CY.tsx index 32a68caa1..e6ab2f92d 100644 --- a/src/icons/flags/CY.tsx +++ b/src/icons/flags/CY.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const CY: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CY: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const CY: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="CY__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -149,6 +149,4 @@ const CY: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -CY.defaultProps = {}; export default CY; diff --git a/src/icons/flags/CZ.tsx b/src/icons/flags/CZ.tsx index d5e0ede45..75827714c 100644 --- a/src/icons/flags/CZ.tsx +++ b/src/icons/flags/CZ.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const CZ: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CZ: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const CZ: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="CZ__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -85,6 +85,4 @@ const CZ: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -CZ.defaultProps = {}; export default CZ; diff --git a/src/icons/flags/DE.tsx b/src/icons/flags/DE.tsx index 10f8b8c7d..a6feddabc 100644 --- a/src/icons/flags/DE.tsx +++ b/src/icons/flags/DE.tsx @@ -3,20 +3,40 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const DE: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const DE: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + - + - + @@ -43,6 +63,4 @@ const DE: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -DE.defaultProps = {}; export default DE; diff --git a/src/icons/flags/DJ.tsx b/src/icons/flags/DJ.tsx index 959b70f6b..eb26af14a 100644 --- a/src/icons/flags/DJ.tsx +++ b/src/icons/flags/DJ.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const DJ: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const DJ: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const DJ: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="DJ__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -74,7 +74,13 @@ const DJ: React.FC = ({ size = 'medium', ...props }: IconProps) => { /> - + = ({ size = 'medium', ...props }: IconProps) => { ); }; - -DJ.defaultProps = {}; export default DJ; diff --git a/src/icons/flags/DK.tsx b/src/icons/flags/DK.tsx index a5cde8451..a76563f0e 100644 --- a/src/icons/flags/DK.tsx +++ b/src/icons/flags/DK.tsx @@ -3,13 +3,12 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const DK: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const DK: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => { ); }; - -DK.defaultProps = {}; export default DK; diff --git a/src/icons/flags/DM.tsx b/src/icons/flags/DM.tsx index 29cdc6b55..98f506e13 100644 --- a/src/icons/flags/DM.tsx +++ b/src/icons/flags/DM.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const DM: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const DM: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -29,7 +35,11 @@ const DM: React.FC = ({ size = 'medium', ...props }: IconProps) => { fill="#262626" mask="url(#DM__b)" /> - + = ({ size = 'medium', ...props }: IconProps) => { ); }; - -DM.defaultProps = {}; export default DM; diff --git a/src/icons/flags/DO.tsx b/src/icons/flags/DO.tsx index dec96ef5f..5be43e719 100644 --- a/src/icons/flags/DO.tsx +++ b/src/icons/flags/DO.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const DO: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const DO: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const DO: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="DO__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -25,7 +25,14 @@ const DO: React.FC = ({ size = 'medium', ...props }: IconProps) => { fill="#fff" /> - + @@ -67,7 +74,13 @@ const DO: React.FC = ({ size = 'medium', ...props }: IconProps) => { /> - + = ({ size = 'medium', ...props }: IconProps) => { /> - + = ({ size = 'medium', ...props }: IconProps) => { /> - + = ({ size = 'medium', ...props }: IconProps) => { ); }; - -DO.defaultProps = {}; export default DO; diff --git a/src/icons/flags/DZ.tsx b/src/icons/flags/DZ.tsx index 7d48efe5c..c2804243a 100644 --- a/src/icons/flags/DZ.tsx +++ b/src/icons/flags/DZ.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const DZ: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const DZ: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const DZ: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="DZ__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -114,6 +114,4 @@ const DZ: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -DZ.defaultProps = {}; export default DZ; diff --git a/src/icons/flags/EC.tsx b/src/icons/flags/EC.tsx index 12a851bad..97a34364e 100644 --- a/src/icons/flags/EC.tsx +++ b/src/icons/flags/EC.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const EC: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const EC: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -36,6 +42,4 @@ const EC: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -EC.defaultProps = {}; export default EC; diff --git a/src/icons/flags/EE.tsx b/src/icons/flags/EE.tsx index 9b0b0e166..c115f2830 100644 --- a/src/icons/flags/EE.tsx +++ b/src/icons/flags/EE.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const EE: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const EE: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const EE: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="EE__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -74,10 +74,14 @@ const EE: React.FC = ({ size = 'medium', ...props }: IconProps) => { /> - + ); }; - -EE.defaultProps = {}; export default EE; diff --git a/src/icons/flags/EG.tsx b/src/icons/flags/EG.tsx index 58be1ff16..ca4c85d81 100644 --- a/src/icons/flags/EG.tsx +++ b/src/icons/flags/EG.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const EG: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const EG: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const EG: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="EG__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -116,6 +116,4 @@ const EG: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -EG.defaultProps = {}; export default EG; diff --git a/src/icons/flags/ER.tsx b/src/icons/flags/ER.tsx index b4e96f9e2..c2d3b6dfd 100644 --- a/src/icons/flags/ER.tsx +++ b/src/icons/flags/ER.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const ER: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ER: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -33,6 +39,4 @@ const ER: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -ER.defaultProps = {}; export default ER; diff --git a/src/icons/flags/ES.tsx b/src/icons/flags/ES.tsx index 4bc293fec..4d1f91b2e 100644 --- a/src/icons/flags/ES.tsx +++ b/src/icons/flags/ES.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const ES: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ES: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -36,6 +42,4 @@ const ES: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -ES.defaultProps = {}; export default ES; diff --git a/src/icons/flags/ET.tsx b/src/icons/flags/ET.tsx index fa282ed84..157f93060 100644 --- a/src/icons/flags/ET.tsx +++ b/src/icons/flags/ET.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const ET: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ET: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -32,6 +38,4 @@ const ET: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -ET.defaultProps = {}; export default ET; diff --git a/src/icons/flags/EU.tsx b/src/icons/flags/EU.tsx index 781d25e41..9d89aac93 100644 --- a/src/icons/flags/EU.tsx +++ b/src/icons/flags/EU.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const EU: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const EU: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -28,6 +34,4 @@ const EU: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -EU.defaultProps = {}; export default EU; diff --git a/src/icons/flags/FI.tsx b/src/icons/flags/FI.tsx index 4f5bf0f20..3afb0c513 100644 --- a/src/icons/flags/FI.tsx +++ b/src/icons/flags/FI.tsx @@ -3,13 +3,12 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const FI: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const FI: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => { ); }; - -FI.defaultProps = {}; export default FI; diff --git a/src/icons/flags/FJ.tsx b/src/icons/flags/FJ.tsx index 69d793c75..924544261 100644 --- a/src/icons/flags/FJ.tsx +++ b/src/icons/flags/FJ.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const FJ: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const FJ: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -64,6 +70,4 @@ const FJ: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -FJ.defaultProps = {}; export default FJ; diff --git a/src/icons/flags/FK.tsx b/src/icons/flags/FK.tsx index e7b55d5ae..ad87ca835 100644 --- a/src/icons/flags/FK.tsx +++ b/src/icons/flags/FK.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const FK: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const FK: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => { ); }; - -FK.defaultProps = {}; export default FK; diff --git a/src/icons/flags/FM.tsx b/src/icons/flags/FM.tsx index cb2c8be2b..d26dc7711 100644 --- a/src/icons/flags/FM.tsx +++ b/src/icons/flags/FM.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const FM: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const FM: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -28,6 +34,4 @@ const FM: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -FM.defaultProps = {}; export default FM; diff --git a/src/icons/flags/FR.tsx b/src/icons/flags/FR.tsx index a442f866e..b64bf40ef 100644 --- a/src/icons/flags/FR.tsx +++ b/src/icons/flags/FR.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const FR: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const FR: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const FR: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="FR__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -85,6 +85,4 @@ const FR: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -FR.defaultProps = {}; export default FR; diff --git a/src/icons/flags/GA.tsx b/src/icons/flags/GA.tsx index 3fad1c465..42916649b 100644 --- a/src/icons/flags/GA.tsx +++ b/src/icons/flags/GA.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const GA: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const GA: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -25,6 +31,4 @@ const GA: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -GA.defaultProps = {}; export default GA; diff --git a/src/icons/flags/GB.tsx b/src/icons/flags/GB.tsx index cd6f9fd3f..476c92c48 100644 --- a/src/icons/flags/GB.tsx +++ b/src/icons/flags/GB.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const GB: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const GB: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -35,6 +41,4 @@ const GB: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -GB.defaultProps = {}; export default GB; diff --git a/src/icons/flags/GD.tsx b/src/icons/flags/GD.tsx index 2c195701a..3e7116a14 100644 --- a/src/icons/flags/GD.tsx +++ b/src/icons/flags/GD.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const GD: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const GD: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -52,6 +58,4 @@ const GD: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -GD.defaultProps = {}; export default GD; diff --git a/src/icons/flags/GE.tsx b/src/icons/flags/GE.tsx index 317e1f185..ba45f9183 100644 --- a/src/icons/flags/GE.tsx +++ b/src/icons/flags/GE.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const GE: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const GE: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const GE: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="GE__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -169,6 +169,4 @@ const GE: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -GE.defaultProps = {}; export default GE; diff --git a/src/icons/flags/GG.tsx b/src/icons/flags/GG.tsx index 92e53a443..4491f8de0 100644 --- a/src/icons/flags/GG.tsx +++ b/src/icons/flags/GG.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const GG: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const GG: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,12 +13,15 @@ const GG: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="GG__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" xmlSpace="preserve" > - + = ({ size = 'medium', ...props }: IconProps) => { ); }; - -GG.defaultProps = {}; export default GG; diff --git a/src/icons/flags/GH.tsx b/src/icons/flags/GH.tsx index 197a135c6..4687a1001 100644 --- a/src/icons/flags/GH.tsx +++ b/src/icons/flags/GH.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const GH: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const GH: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -30,6 +36,4 @@ const GH: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -GH.defaultProps = {}; export default GH; diff --git a/src/icons/flags/GI.tsx b/src/icons/flags/GI.tsx index 53a2e632e..5c09c6fd5 100644 --- a/src/icons/flags/GI.tsx +++ b/src/icons/flags/GI.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const GI: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const GI: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const GI: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="GI__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -364,6 +364,4 @@ const GI: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -GI.defaultProps = {}; export default GI; diff --git a/src/icons/flags/GM.tsx b/src/icons/flags/GM.tsx index 87a8322f3..85d4292e0 100644 --- a/src/icons/flags/GM.tsx +++ b/src/icons/flags/GM.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const GM: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const GM: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -26,6 +32,4 @@ const GM: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -GM.defaultProps = {}; export default GM; diff --git a/src/icons/flags/GN.tsx b/src/icons/flags/GN.tsx index b41a9fdf2..7677baa01 100644 --- a/src/icons/flags/GN.tsx +++ b/src/icons/flags/GN.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const GN: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const GN: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -25,6 +31,4 @@ const GN: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -GN.defaultProps = {}; export default GN; diff --git a/src/icons/flags/GQ.tsx b/src/icons/flags/GQ.tsx index d2bcff9c1..8fe8fa4cf 100644 --- a/src/icons/flags/GQ.tsx +++ b/src/icons/flags/GQ.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const GQ: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const GQ: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const GQ: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="GQ__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -74,7 +74,13 @@ const GQ: React.FC = ({ size = 'medium', ...props }: IconProps) => { /> - + = ({ size = 'medium', ...props }: IconProps) => { ); }; - -GQ.defaultProps = {}; export default GQ; diff --git a/src/icons/flags/GR.tsx b/src/icons/flags/GR.tsx index f880067df..ad43454dc 100644 --- a/src/icons/flags/GR.tsx +++ b/src/icons/flags/GR.tsx @@ -3,13 +3,12 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const GR: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const GR: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => { ); }; - -GR.defaultProps = {}; export default GR; diff --git a/src/icons/flags/GT.tsx b/src/icons/flags/GT.tsx index 13969665d..6256503e7 100644 --- a/src/icons/flags/GT.tsx +++ b/src/icons/flags/GT.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const GT: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const GT: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const GT: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="GT__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -145,6 +145,4 @@ const GT: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -GT.defaultProps = {}; export default GT; diff --git a/src/icons/flags/GW.tsx b/src/icons/flags/GW.tsx index 23ff083d5..38b13184c 100644 --- a/src/icons/flags/GW.tsx +++ b/src/icons/flags/GW.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const GW: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const GW: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -30,6 +36,4 @@ const GW: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -GW.defaultProps = {}; export default GW; diff --git a/src/icons/flags/GY.tsx b/src/icons/flags/GY.tsx index f4528f04e..edea74a9b 100644 --- a/src/icons/flags/GY.tsx +++ b/src/icons/flags/GY.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const GY: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const GY: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -37,6 +43,4 @@ const GY: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -GY.defaultProps = {}; export default GY; diff --git a/src/icons/flags/HK.tsx b/src/icons/flags/HK.tsx index f392934fe..6b46ee5c7 100644 --- a/src/icons/flags/HK.tsx +++ b/src/icons/flags/HK.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const HK: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const HK: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -28,6 +34,4 @@ const HK: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -HK.defaultProps = {}; export default HK; diff --git a/src/icons/flags/HN.tsx b/src/icons/flags/HN.tsx index 5da1183f7..19f8a373a 100644 --- a/src/icons/flags/HN.tsx +++ b/src/icons/flags/HN.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const HN: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const HN: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const HN: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="HN__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -226,6 +226,4 @@ const HN: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -HN.defaultProps = {}; export default HN; diff --git a/src/icons/flags/HR.tsx b/src/icons/flags/HR.tsx index 6cefcf093..aa70e2f5e 100644 --- a/src/icons/flags/HR.tsx +++ b/src/icons/flags/HR.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const HR: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const HR: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const HR: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="HR__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -183,6 +183,4 @@ const HR: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -HR.defaultProps = {}; export default HR; diff --git a/src/icons/flags/HT.tsx b/src/icons/flags/HT.tsx index 4a4b263ef..7faa1a173 100644 --- a/src/icons/flags/HT.tsx +++ b/src/icons/flags/HT.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const HT: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const HT: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -57,6 +63,4 @@ const HT: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -HT.defaultProps = {}; export default HT; diff --git a/src/icons/flags/HU.tsx b/src/icons/flags/HU.tsx index af97db571..778d03292 100644 --- a/src/icons/flags/HU.tsx +++ b/src/icons/flags/HU.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const HU: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const HU: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const HU: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="HU__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -81,6 +81,4 @@ const HU: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -HU.defaultProps = {}; export default HU; diff --git a/src/icons/flags/ID.tsx b/src/icons/flags/ID.tsx index e2c024758..797c53d42 100644 --- a/src/icons/flags/ID.tsx +++ b/src/icons/flags/ID.tsx @@ -3,13 +3,12 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const ID: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ID: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => { ); }; - -ID.defaultProps = {}; export default ID; diff --git a/src/icons/flags/IE.tsx b/src/icons/flags/IE.tsx index 580154f1f..c1efc2f2c 100644 --- a/src/icons/flags/IE.tsx +++ b/src/icons/flags/IE.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const IE: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const IE: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const IE: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="IE__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -85,6 +85,4 @@ const IE: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -IE.defaultProps = {}; export default IE; diff --git a/src/icons/flags/IL.tsx b/src/icons/flags/IL.tsx index 1e83109cb..782ddfe99 100644 --- a/src/icons/flags/IL.tsx +++ b/src/icons/flags/IL.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const IL: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const IL: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const IL: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="IL__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -22,7 +22,14 @@ const IL: React.FC = ({ size = 'medium', ...props }: IconProps) => { - + @@ -64,7 +71,13 @@ const IL: React.FC = ({ size = 'medium', ...props }: IconProps) => { /> - + = ({ size = 'medium', ...props }: IconProps) => { ); }; - -IL.defaultProps = {}; export default IL; diff --git a/src/icons/flags/IM.tsx b/src/icons/flags/IM.tsx index 48dc93bee..0bb84144f 100644 --- a/src/icons/flags/IM.tsx +++ b/src/icons/flags/IM.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const IM: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const IM: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -134,6 +140,4 @@ const IM: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -IM.defaultProps = {}; export default IM; diff --git a/src/icons/flags/IN.tsx b/src/icons/flags/IN.tsx index 8547081fc..c0999cabd 100644 --- a/src/icons/flags/IN.tsx +++ b/src/icons/flags/IN.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const IN: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const IN: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const IN: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="IN__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -149,6 +149,4 @@ const IN: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -IN.defaultProps = {}; export default IN; diff --git a/src/icons/flags/IQ.tsx b/src/icons/flags/IQ.tsx index 833c7162a..c372bd200 100644 --- a/src/icons/flags/IQ.tsx +++ b/src/icons/flags/IQ.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const IQ: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const IQ: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const IQ: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="IQ__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -222,6 +222,4 @@ const IQ: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -IQ.defaultProps = {}; export default IQ; diff --git a/src/icons/flags/IR.tsx b/src/icons/flags/IR.tsx index 596a34749..037ba32ec 100644 --- a/src/icons/flags/IR.tsx +++ b/src/icons/flags/IR.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const IR: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const IR: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const IR: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="IR__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -172,6 +172,4 @@ const IR: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -IR.defaultProps = {}; export default IR; diff --git a/src/icons/flags/IS.tsx b/src/icons/flags/IS.tsx index f116eb18b..289dbe88d 100644 --- a/src/icons/flags/IS.tsx +++ b/src/icons/flags/IS.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const IS: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const IS: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -29,6 +35,4 @@ const IS: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -IS.defaultProps = {}; export default IS; diff --git a/src/icons/flags/IT.tsx b/src/icons/flags/IT.tsx index eac140646..fb5bdfe58 100644 --- a/src/icons/flags/IT.tsx +++ b/src/icons/flags/IT.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const IT: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const IT: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const IT: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="IT__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -85,6 +85,4 @@ const IT: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -IT.defaultProps = {}; export default IT; diff --git a/src/icons/flags/JE.tsx b/src/icons/flags/JE.tsx index ab50c3cd4..1889f98cf 100644 --- a/src/icons/flags/JE.tsx +++ b/src/icons/flags/JE.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const JE: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const JE: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const JE: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="JE__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -209,6 +209,4 @@ const JE: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -JE.defaultProps = {}; export default JE; diff --git a/src/icons/flags/JM.tsx b/src/icons/flags/JM.tsx index 9252bcf90..788560c19 100644 --- a/src/icons/flags/JM.tsx +++ b/src/icons/flags/JM.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const JM: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const JM: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -30,6 +36,4 @@ const JM: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -JM.defaultProps = {}; export default JM; diff --git a/src/icons/flags/JO.tsx b/src/icons/flags/JO.tsx index 857e94bc7..ca78793a8 100644 --- a/src/icons/flags/JO.tsx +++ b/src/icons/flags/JO.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const JO: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const JO: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const JO: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="JO__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -71,7 +71,13 @@ const JO: React.FC = ({ size = 'medium', ...props }: IconProps) => { /> - + = ({ size = 'medium', ...props }: IconProps) => { ); }; - -JO.defaultProps = {}; export default JO; diff --git a/src/icons/flags/JP.tsx b/src/icons/flags/JP.tsx index ddf900c86..c2fcd0ff2 100644 --- a/src/icons/flags/JP.tsx +++ b/src/icons/flags/JP.tsx @@ -3,13 +3,12 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const JP: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const JP: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -38,10 +37,16 @@ const JP: React.FC = ({ size = 'medium', ...props }: IconProps) => { - + ); }; - -JP.defaultProps = {}; export default JP; diff --git a/src/icons/flags/KE.tsx b/src/icons/flags/KE.tsx index 398dc4a36..1ecec64e0 100644 --- a/src/icons/flags/KE.tsx +++ b/src/icons/flags/KE.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const KE: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const KE: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => { - + @@ -56,6 +69,4 @@ const KE: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -KE.defaultProps = {}; export default KE; diff --git a/src/icons/flags/KG.tsx b/src/icons/flags/KG.tsx index edde3c8ee..d4a2dd50e 100644 --- a/src/icons/flags/KG.tsx +++ b/src/icons/flags/KG.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const KG: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const KG: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -29,6 +35,4 @@ const KG: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -KG.defaultProps = {}; export default KG; diff --git a/src/icons/flags/KH.tsx b/src/icons/flags/KH.tsx index 5fd9d6c2b..6234eb4eb 100644 --- a/src/icons/flags/KH.tsx +++ b/src/icons/flags/KH.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const KH: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const KH: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -29,6 +35,4 @@ const KH: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -KH.defaultProps = {}; export default KH; diff --git a/src/icons/flags/KM.tsx b/src/icons/flags/KM.tsx index 80a9fd3d4..2b85c78a6 100644 --- a/src/icons/flags/KM.tsx +++ b/src/icons/flags/KM.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const KM: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const KM: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const KM: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="KM__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -166,6 +166,4 @@ const KM: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -KM.defaultProps = {}; export default KM; diff --git a/src/icons/flags/KN.tsx b/src/icons/flags/KN.tsx index 09e479e17..c4db5bd2c 100644 --- a/src/icons/flags/KN.tsx +++ b/src/icons/flags/KN.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const KN: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const KN: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -31,6 +37,4 @@ const KN: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -KN.defaultProps = {}; export default KN; diff --git a/src/icons/flags/KP.tsx b/src/icons/flags/KP.tsx index 58132958d..00032e66c 100644 --- a/src/icons/flags/KP.tsx +++ b/src/icons/flags/KP.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const KP: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const KP: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -30,6 +36,4 @@ const KP: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -KP.defaultProps = {}; export default KP; diff --git a/src/icons/flags/KR.tsx b/src/icons/flags/KR.tsx index 152684546..5d55edef8 100644 --- a/src/icons/flags/KR.tsx +++ b/src/icons/flags/KR.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const KR: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const KR: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const KR: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="KR__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -117,6 +117,4 @@ const KR: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -KR.defaultProps = {}; export default KR; diff --git a/src/icons/flags/KW.tsx b/src/icons/flags/KW.tsx index 65e5fb9a0..45e364289 100644 --- a/src/icons/flags/KW.tsx +++ b/src/icons/flags/KW.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const KW: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const KW: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const KW: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="KW__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -74,7 +74,13 @@ const KW: React.FC = ({ size = 'medium', ...props }: IconProps) => { /> - + = ({ size = 'medium', ...props }: IconProps) => { ); }; - -KW.defaultProps = {}; export default KW; diff --git a/src/icons/flags/KY.tsx b/src/icons/flags/KY.tsx index a5b3b1a88..0970800b9 100644 --- a/src/icons/flags/KY.tsx +++ b/src/icons/flags/KY.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const KY: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const KY: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -56,6 +62,4 @@ const KY: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -KY.defaultProps = {}; export default KY; diff --git a/src/icons/flags/KZ.tsx b/src/icons/flags/KZ.tsx index 755a9fa76..cce5a43b5 100644 --- a/src/icons/flags/KZ.tsx +++ b/src/icons/flags/KZ.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const KZ: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const KZ: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -29,6 +35,4 @@ const KZ: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -KZ.defaultProps = {}; export default KZ; diff --git a/src/icons/flags/LA.tsx b/src/icons/flags/LA.tsx index b122b1652..7da12a349 100644 --- a/src/icons/flags/LA.tsx +++ b/src/icons/flags/LA.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const LA: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const LA: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -25,6 +31,4 @@ const LA: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -LA.defaultProps = {}; export default LA; diff --git a/src/icons/flags/LB.tsx b/src/icons/flags/LB.tsx index 47bfe1222..6145aad65 100644 --- a/src/icons/flags/LB.tsx +++ b/src/icons/flags/LB.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const LB: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const LB: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const LB: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="LB__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -110,6 +110,4 @@ const LB: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -LB.defaultProps = {}; export default LB; diff --git a/src/icons/flags/LC.tsx b/src/icons/flags/LC.tsx index 16b985f8f..b0ab27016 100644 --- a/src/icons/flags/LC.tsx +++ b/src/icons/flags/LC.tsx @@ -3,15 +3,28 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const LC: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const LC: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + - + @@ -34,6 +47,4 @@ const LC: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -LC.defaultProps = {}; export default LC; diff --git a/src/icons/flags/LI.tsx b/src/icons/flags/LI.tsx index de1fa2854..c55c1f69c 100644 --- a/src/icons/flags/LI.tsx +++ b/src/icons/flags/LI.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const LI: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const LI: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -24,6 +30,4 @@ const LI: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -LI.defaultProps = {}; export default LI; diff --git a/src/icons/flags/LK.tsx b/src/icons/flags/LK.tsx index 19a39bfa2..c3c152d0a 100644 --- a/src/icons/flags/LK.tsx +++ b/src/icons/flags/LK.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const LK: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const LK: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -39,6 +45,4 @@ const LK: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -LK.defaultProps = {}; export default LK; diff --git a/src/icons/flags/LR.tsx b/src/icons/flags/LR.tsx index 1d1ac42c1..ffe835de2 100644 --- a/src/icons/flags/LR.tsx +++ b/src/icons/flags/LR.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const LR: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const LR: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const LR: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="LR__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -114,6 +114,4 @@ const LR: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -LR.defaultProps = {}; export default LR; diff --git a/src/icons/flags/LS.tsx b/src/icons/flags/LS.tsx index c887686ac..a380cf3ca 100644 --- a/src/icons/flags/LS.tsx +++ b/src/icons/flags/LS.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const LS: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const LS: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const LS: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="LS__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -141,6 +141,4 @@ const LS: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -LS.defaultProps = {}; export default LS; diff --git a/src/icons/flags/LT.tsx b/src/icons/flags/LT.tsx index 4b5dc6c00..6af1e5ab0 100644 --- a/src/icons/flags/LT.tsx +++ b/src/icons/flags/LT.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const LT: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const LT: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -25,6 +31,4 @@ const LT: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -LT.defaultProps = {}; export default LT; diff --git a/src/icons/flags/LU.tsx b/src/icons/flags/LU.tsx index ad7374bfa..18cdc999c 100644 --- a/src/icons/flags/LU.tsx +++ b/src/icons/flags/LU.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const LU: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const LU: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const LU: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="LU__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -81,6 +81,4 @@ const LU: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -LU.defaultProps = {}; export default LU; diff --git a/src/icons/flags/LV.tsx b/src/icons/flags/LV.tsx index 42e3520d0..85af86540 100644 --- a/src/icons/flags/LV.tsx +++ b/src/icons/flags/LV.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const LV: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const LV: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const LV: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="LV__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -22,7 +22,14 @@ const LV: React.FC = ({ size = 'medium', ...props }: IconProps) => { - + @@ -64,10 +71,14 @@ const LV: React.FC = ({ size = 'medium', ...props }: IconProps) => { /> - + ); }; - -LV.defaultProps = {}; export default LV; diff --git a/src/icons/flags/LY.tsx b/src/icons/flags/LY.tsx index 72f425801..6fd98ee8f 100644 --- a/src/icons/flags/LY.tsx +++ b/src/icons/flags/LY.tsx @@ -3,20 +3,40 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const LY: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const LY: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + - + - + @@ -48,6 +68,4 @@ const LY: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -LY.defaultProps = {}; export default LY; diff --git a/src/icons/flags/MA.tsx b/src/icons/flags/MA.tsx index c68d93f81..0e0cbfcfe 100644 --- a/src/icons/flags/MA.tsx +++ b/src/icons/flags/MA.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const MA: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const MA: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -29,6 +35,4 @@ const MA: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -MA.defaultProps = {}; export default MA; diff --git a/src/icons/flags/MC.tsx b/src/icons/flags/MC.tsx index 9df6b40bf..d07cbb3f8 100644 --- a/src/icons/flags/MC.tsx +++ b/src/icons/flags/MC.tsx @@ -3,13 +3,12 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const MC: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const MC: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -30,6 +29,4 @@ const MC: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -MC.defaultProps = {}; export default MC; diff --git a/src/icons/flags/MD.tsx b/src/icons/flags/MD.tsx index dd3774e76..94120f3e4 100644 --- a/src/icons/flags/MD.tsx +++ b/src/icons/flags/MD.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const MD: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const MD: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -30,6 +36,4 @@ const MD: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -MD.defaultProps = {}; export default MD; diff --git a/src/icons/flags/ME.tsx b/src/icons/flags/ME.tsx index b9dc2b293..cc60d3c73 100644 --- a/src/icons/flags/ME.tsx +++ b/src/icons/flags/ME.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const ME: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ME: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -34,6 +40,4 @@ const ME: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -ME.defaultProps = {}; export default ME; diff --git a/src/icons/flags/MG.tsx b/src/icons/flags/MG.tsx index 1d8f30a15..e94342d26 100644 --- a/src/icons/flags/MG.tsx +++ b/src/icons/flags/MG.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const MG: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const MG: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const MG: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="MG__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -84,6 +84,4 @@ const MG: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -MG.defaultProps = {}; export default MG; diff --git a/src/icons/flags/MK.tsx b/src/icons/flags/MK.tsx index 493966fee..ff7866546 100644 --- a/src/icons/flags/MK.tsx +++ b/src/icons/flags/MK.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const MK: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const MK: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -29,6 +35,4 @@ const MK: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -MK.defaultProps = {}; export default MK; diff --git a/src/icons/flags/ML.tsx b/src/icons/flags/ML.tsx index 01f78b8b4..5a2e25b51 100644 --- a/src/icons/flags/ML.tsx +++ b/src/icons/flags/ML.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const ML: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ML: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -25,6 +31,4 @@ const ML: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -ML.defaultProps = {}; export default ML; diff --git a/src/icons/flags/MM.tsx b/src/icons/flags/MM.tsx index 975eb57fd..02c235a5c 100644 --- a/src/icons/flags/MM.tsx +++ b/src/icons/flags/MM.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const MM: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const MM: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -30,6 +36,4 @@ const MM: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -MM.defaultProps = {}; export default MM; diff --git a/src/icons/flags/MN.tsx b/src/icons/flags/MN.tsx index 9e471c016..8a5207cc2 100644 --- a/src/icons/flags/MN.tsx +++ b/src/icons/flags/MN.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const MN: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const MN: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -33,6 +39,4 @@ const MN: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -MN.defaultProps = {}; export default MN; diff --git a/src/icons/flags/MO.tsx b/src/icons/flags/MO.tsx index 2a9fcfeca..c2fb7b9d3 100644 --- a/src/icons/flags/MO.tsx +++ b/src/icons/flags/MO.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const MO: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const MO: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -33,6 +39,4 @@ const MO: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -MO.defaultProps = {}; export default MO; diff --git a/src/icons/flags/MR.tsx b/src/icons/flags/MR.tsx index d7c2d15b2..46ed53e24 100644 --- a/src/icons/flags/MR.tsx +++ b/src/icons/flags/MR.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const MR: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const MR: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -28,6 +34,4 @@ const MR: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -MR.defaultProps = {}; export default MR; diff --git a/src/icons/flags/MS.tsx b/src/icons/flags/MS.tsx index 0e6a236da..b1dba8c52 100644 --- a/src/icons/flags/MS.tsx +++ b/src/icons/flags/MS.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const MS: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const MS: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => { ); }; - -MS.defaultProps = {}; export default MS; diff --git a/src/icons/flags/MT.tsx b/src/icons/flags/MT.tsx index 6fc27251b..11308dbac 100644 --- a/src/icons/flags/MT.tsx +++ b/src/icons/flags/MT.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const MT: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const MT: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const MT: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="MT__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -116,6 +116,4 @@ const MT: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -MT.defaultProps = {}; export default MT; diff --git a/src/icons/flags/MU.tsx b/src/icons/flags/MU.tsx index d4adc2580..d9123d365 100644 --- a/src/icons/flags/MU.tsx +++ b/src/icons/flags/MU.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const MU: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const MU: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -26,6 +32,4 @@ const MU: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -MU.defaultProps = {}; export default MU; diff --git a/src/icons/flags/MV.tsx b/src/icons/flags/MV.tsx index e5ca86ed6..59395cae1 100644 --- a/src/icons/flags/MV.tsx +++ b/src/icons/flags/MV.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const MV: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const MV: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -20,11 +26,13 @@ const MV: React.FC = ({ size = 'medium', ...props }: IconProps) => { - + ); }; - -MV.defaultProps = {}; export default MV; diff --git a/src/icons/flags/MW.tsx b/src/icons/flags/MW.tsx index 4c25cc3c2..acca8f607 100644 --- a/src/icons/flags/MW.tsx +++ b/src/icons/flags/MW.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const MW: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const MW: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -26,6 +32,4 @@ const MW: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -MW.defaultProps = {}; export default MW; diff --git a/src/icons/flags/MX.tsx b/src/icons/flags/MX.tsx index 4990b59d2..e275166af 100644 --- a/src/icons/flags/MX.tsx +++ b/src/icons/flags/MX.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const MX: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const MX: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const MX: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="MX__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -146,6 +146,4 @@ const MX: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -MX.defaultProps = {}; export default MX; diff --git a/src/icons/flags/MY.tsx b/src/icons/flags/MY.tsx index 5e0439b53..ad8ca7f00 100644 --- a/src/icons/flags/MY.tsx +++ b/src/icons/flags/MY.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const MY: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const MY: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -33,6 +39,4 @@ const MY: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -MY.defaultProps = {}; export default MY; diff --git a/src/icons/flags/MZ.tsx b/src/icons/flags/MZ.tsx index 76e29c96c..d7b465aab 100644 --- a/src/icons/flags/MZ.tsx +++ b/src/icons/flags/MZ.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const MZ: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const MZ: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -32,6 +38,4 @@ const MZ: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -MZ.defaultProps = {}; export default MZ; diff --git a/src/icons/flags/NA.tsx b/src/icons/flags/NA.tsx index 182723a50..252bdff94 100644 --- a/src/icons/flags/NA.tsx +++ b/src/icons/flags/NA.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const NA: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const NA: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -31,6 +37,4 @@ const NA: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -NA.defaultProps = {}; export default NA; diff --git a/src/icons/flags/NE.tsx b/src/icons/flags/NE.tsx index b90b8871f..ca6403464 100644 --- a/src/icons/flags/NE.tsx +++ b/src/icons/flags/NE.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const NE: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const NE: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const NE: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="NE__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -112,6 +112,4 @@ const NE: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -NE.defaultProps = {}; export default NE; diff --git a/src/icons/flags/NG.tsx b/src/icons/flags/NG.tsx index ccc988f88..e004ea258 100644 --- a/src/icons/flags/NG.tsx +++ b/src/icons/flags/NG.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const NG: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const NG: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const NG: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="NG__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -85,6 +85,4 @@ const NG: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -NG.defaultProps = {}; export default NG; diff --git a/src/icons/flags/NI.tsx b/src/icons/flags/NI.tsx index a58ee8c06..4a23c8368 100644 --- a/src/icons/flags/NI.tsx +++ b/src/icons/flags/NI.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const NI: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const NI: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const NI: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="NI__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -141,6 +141,4 @@ const NI: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -NI.defaultProps = {}; export default NI; diff --git a/src/icons/flags/NL.tsx b/src/icons/flags/NL.tsx index 7a7134874..5101c999e 100644 --- a/src/icons/flags/NL.tsx +++ b/src/icons/flags/NL.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const NL: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const NL: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const NL: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="NL__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -81,6 +81,4 @@ const NL: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -NL.defaultProps = {}; export default NL; diff --git a/src/icons/flags/NO.tsx b/src/icons/flags/NO.tsx index 4df28087f..393ac2e12 100644 --- a/src/icons/flags/NO.tsx +++ b/src/icons/flags/NO.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const NO: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const NO: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -32,6 +38,4 @@ const NO: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -NO.defaultProps = {}; export default NO; diff --git a/src/icons/flags/NP.tsx b/src/icons/flags/NP.tsx index 3bbbd0432..63719fac7 100644 --- a/src/icons/flags/NP.tsx +++ b/src/icons/flags/NP.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const NP: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const NP: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const NP: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="NP__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -89,6 +89,4 @@ const NP: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -NP.defaultProps = {}; export default NP; diff --git a/src/icons/flags/NZ.tsx b/src/icons/flags/NZ.tsx index 2a4063bee..921a19683 100644 --- a/src/icons/flags/NZ.tsx +++ b/src/icons/flags/NZ.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const NZ: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const NZ: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -41,6 +47,4 @@ const NZ: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -NZ.defaultProps = {}; export default NZ; diff --git a/src/icons/flags/OM.tsx b/src/icons/flags/OM.tsx index da4486e81..eafd4543c 100644 --- a/src/icons/flags/OM.tsx +++ b/src/icons/flags/OM.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const OM: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const OM: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const OM: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="OM__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -110,6 +110,4 @@ const OM: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -OM.defaultProps = {}; export default OM; diff --git a/src/icons/flags/PA.tsx b/src/icons/flags/PA.tsx index 26db9440f..ba210a2ce 100644 --- a/src/icons/flags/PA.tsx +++ b/src/icons/flags/PA.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const PA: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const PA: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const PA: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="PA__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -141,6 +141,4 @@ const PA: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -PA.defaultProps = {}; export default PA; diff --git a/src/icons/flags/PE.tsx b/src/icons/flags/PE.tsx index 6832f46d7..b91e2f185 100644 --- a/src/icons/flags/PE.tsx +++ b/src/icons/flags/PE.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const PE: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const PE: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const PE: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="PE__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -85,6 +85,4 @@ const PE: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -PE.defaultProps = {}; export default PE; diff --git a/src/icons/flags/PF.tsx b/src/icons/flags/PF.tsx index c37fe64c2..3e9f92bbc 100644 --- a/src/icons/flags/PF.tsx +++ b/src/icons/flags/PF.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const PF: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const PF: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const PF: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="PF__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -215,7 +215,11 @@ const PF: React.FC = ({ size = 'medium', ...props }: IconProps) => { d="M2.4 1.8v-.7c0-.5 0-.7.1-.7L2.4.1c-.2.1-.5.2-.7.3l.7 1.4" /> - + = ({ size = 'medium', ...props }: IconProps) => { ); }; - -PF.defaultProps = {}; export default PF; diff --git a/src/icons/flags/PG.tsx b/src/icons/flags/PG.tsx index c7f88de58..749913c15 100644 --- a/src/icons/flags/PG.tsx +++ b/src/icons/flags/PG.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const PG: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const PG: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -34,6 +40,4 @@ const PG: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -PG.defaultProps = {}; export default PG; diff --git a/src/icons/flags/PH.tsx b/src/icons/flags/PH.tsx index b9a86d735..f5484b388 100644 --- a/src/icons/flags/PH.tsx +++ b/src/icons/flags/PH.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const PH: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const PH: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const PH: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="PH__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -113,6 +113,4 @@ const PH: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -PH.defaultProps = {}; export default PH; diff --git a/src/icons/flags/PK.tsx b/src/icons/flags/PK.tsx index c2bf69fe6..b366292d4 100644 --- a/src/icons/flags/PK.tsx +++ b/src/icons/flags/PK.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const PK: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const PK: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const PK: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="PK__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -85,6 +85,4 @@ const PK: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -PK.defaultProps = {}; export default PK; diff --git a/src/icons/flags/PL.tsx b/src/icons/flags/PL.tsx index ded8129cb..ed7b5104b 100644 --- a/src/icons/flags/PL.tsx +++ b/src/icons/flags/PL.tsx @@ -3,13 +3,12 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const PL: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const PL: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -30,6 +29,4 @@ const PL: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -PL.defaultProps = {}; export default PL; diff --git a/src/icons/flags/PR.tsx b/src/icons/flags/PR.tsx index 20be9a19b..1ba9fb558 100644 --- a/src/icons/flags/PR.tsx +++ b/src/icons/flags/PR.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const PR: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const PR: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const PR: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="PR__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -129,6 +129,4 @@ const PR: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -PR.defaultProps = {}; export default PR; diff --git a/src/icons/flags/PT.tsx b/src/icons/flags/PT.tsx index aa4dacf03..a9344312f 100644 --- a/src/icons/flags/PT.tsx +++ b/src/icons/flags/PT.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const PT: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const PT: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -35,6 +41,4 @@ const PT: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -PT.defaultProps = {}; export default PT; diff --git a/src/icons/flags/PW.tsx b/src/icons/flags/PW.tsx index 4eb54c88b..53b754d4f 100644 --- a/src/icons/flags/PW.tsx +++ b/src/icons/flags/PW.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const PW: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const PW: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -24,6 +30,4 @@ const PW: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -PW.defaultProps = {}; export default PW; diff --git a/src/icons/flags/PY.tsx b/src/icons/flags/PY.tsx index 043f5d42c..3727b6167 100644 --- a/src/icons/flags/PY.tsx +++ b/src/icons/flags/PY.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const PY: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const PY: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const PY: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="PY__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -143,6 +143,4 @@ const PY: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -PY.defaultProps = {}; export default PY; diff --git a/src/icons/flags/QA.tsx b/src/icons/flags/QA.tsx index 1995a3c37..b728b12ee 100644 --- a/src/icons/flags/QA.tsx +++ b/src/icons/flags/QA.tsx @@ -3,13 +3,12 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const QA: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const QA: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => { ); }; - -QA.defaultProps = {}; export default QA; diff --git a/src/icons/flags/RO.tsx b/src/icons/flags/RO.tsx index e300e1ef8..b35a53f2d 100644 --- a/src/icons/flags/RO.tsx +++ b/src/icons/flags/RO.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const RO: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const RO: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -25,6 +31,4 @@ const RO: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -RO.defaultProps = {}; export default RO; diff --git a/src/icons/flags/RS.tsx b/src/icons/flags/RS.tsx index eeffe4a9e..9da1272a7 100644 --- a/src/icons/flags/RS.tsx +++ b/src/icons/flags/RS.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const RS: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const RS: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const RS: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="RS__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -74,7 +74,13 @@ const RS: React.FC = ({ size = 'medium', ...props }: IconProps) => { /> - + = ({ size = 'medium', ...props }: IconProps) => { ); }; - -RS.defaultProps = {}; export default RS; diff --git a/src/icons/flags/RU.tsx b/src/icons/flags/RU.tsx index 4516bcd9f..f9e93d69a 100644 --- a/src/icons/flags/RU.tsx +++ b/src/icons/flags/RU.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const RU: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const RU: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const RU: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="RU__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -81,6 +81,4 @@ const RU: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -RU.defaultProps = {}; export default RU; diff --git a/src/icons/flags/RW.tsx b/src/icons/flags/RW.tsx index dc7002bf5..717ed6787 100644 --- a/src/icons/flags/RW.tsx +++ b/src/icons/flags/RW.tsx @@ -3,15 +3,28 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const RW: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const RW: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + - + @@ -38,6 +51,4 @@ const RW: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -RW.defaultProps = {}; export default RW; diff --git a/src/icons/flags/SA.tsx b/src/icons/flags/SA.tsx index 308976419..70d187c02 100644 --- a/src/icons/flags/SA.tsx +++ b/src/icons/flags/SA.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const SA: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const SA: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -28,6 +34,4 @@ const SA: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -SA.defaultProps = {}; export default SA; diff --git a/src/icons/flags/SB.tsx b/src/icons/flags/SB.tsx index 0d5dc47ec..bc62cdea8 100644 --- a/src/icons/flags/SB.tsx +++ b/src/icons/flags/SB.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const SB: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const SB: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -19,7 +25,14 @@ const SB: React.FC = ({ size = 'medium', ...props }: IconProps) => { - + @@ -48,6 +61,4 @@ const SB: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -SB.defaultProps = {}; export default SB; diff --git a/src/icons/flags/SC.tsx b/src/icons/flags/SC.tsx index 6c9a1865d..a06ca9f32 100644 --- a/src/icons/flags/SC.tsx +++ b/src/icons/flags/SC.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const SC: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const SC: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const SC: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="SC__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -178,6 +178,4 @@ const SC: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -SC.defaultProps = {}; export default SC; diff --git a/src/icons/flags/SD.tsx b/src/icons/flags/SD.tsx index d4e8b5c74..61396a0f5 100644 --- a/src/icons/flags/SD.tsx +++ b/src/icons/flags/SD.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const SD: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const SD: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const SD: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="SD__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -71,7 +71,13 @@ const SD: React.FC = ({ size = 'medium', ...props }: IconProps) => { /> - + = ({ size = 'medium', ...props }: IconProps) => { ); }; - -SD.defaultProps = {}; export default SD; diff --git a/src/icons/flags/SE.tsx b/src/icons/flags/SE.tsx index 0313a880b..511934f50 100644 --- a/src/icons/flags/SE.tsx +++ b/src/icons/flags/SE.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const SE: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const SE: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -24,6 +30,4 @@ const SE: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -SE.defaultProps = {}; export default SE; diff --git a/src/icons/flags/SG.tsx b/src/icons/flags/SG.tsx index b31837e86..11c802dd6 100644 --- a/src/icons/flags/SG.tsx +++ b/src/icons/flags/SG.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const SG: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const SG: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const SG: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="SG__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -82,6 +82,4 @@ const SG: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -SG.defaultProps = {}; export default SG; diff --git a/src/icons/flags/SH.tsx b/src/icons/flags/SH.tsx index 36f41620f..2319ddac7 100644 --- a/src/icons/flags/SH.tsx +++ b/src/icons/flags/SH.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const SH: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const SH: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => { ); }; - -SH.defaultProps = {}; export default SH; diff --git a/src/icons/flags/SI.tsx b/src/icons/flags/SI.tsx index 3efecf246..0d632f27a 100644 --- a/src/icons/flags/SI.tsx +++ b/src/icons/flags/SI.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const SI: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const SI: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const SI: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="SI__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -78,6 +78,4 @@ const SI: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -SI.defaultProps = {}; export default SI; diff --git a/src/icons/flags/SK.tsx b/src/icons/flags/SK.tsx index 2de761adc..7ca4a25fd 100644 --- a/src/icons/flags/SK.tsx +++ b/src/icons/flags/SK.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const SK: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const SK: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const SK: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="SK__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -170,6 +170,4 @@ const SK: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -SK.defaultProps = {}; export default SK; diff --git a/src/icons/flags/SL.tsx b/src/icons/flags/SL.tsx index 25c4d6f6d..f3c6e1148 100644 --- a/src/icons/flags/SL.tsx +++ b/src/icons/flags/SL.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const SL: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const SL: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const SL: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="SL__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -81,6 +81,4 @@ const SL: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -SL.defaultProps = {}; export default SL; diff --git a/src/icons/flags/SM.tsx b/src/icons/flags/SM.tsx index 481650b74..62202f663 100644 --- a/src/icons/flags/SM.tsx +++ b/src/icons/flags/SM.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const SM: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const SM: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const SM: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="SM__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -114,6 +114,4 @@ const SM: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -SM.defaultProps = {}; export default SM; diff --git a/src/icons/flags/SN.tsx b/src/icons/flags/SN.tsx index 73b4b3296..12c1f86a7 100644 --- a/src/icons/flags/SN.tsx +++ b/src/icons/flags/SN.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const SN: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const SN: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -30,6 +36,4 @@ const SN: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -SN.defaultProps = {}; export default SN; diff --git a/src/icons/flags/SO.tsx b/src/icons/flags/SO.tsx index fe90c2d0c..707af904f 100644 --- a/src/icons/flags/SO.tsx +++ b/src/icons/flags/SO.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const SO: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const SO: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -28,6 +34,4 @@ const SO: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -SO.defaultProps = {}; export default SO; diff --git a/src/icons/flags/SR.tsx b/src/icons/flags/SR.tsx index d51d442ab..6f8e5f9c2 100644 --- a/src/icons/flags/SR.tsx +++ b/src/icons/flags/SR.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const SR: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const SR: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const SR: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="SR__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -22,7 +22,14 @@ const SR: React.FC = ({ size = 'medium', ...props }: IconProps) => { - + @@ -64,7 +71,13 @@ const SR: React.FC = ({ size = 'medium', ...props }: IconProps) => { /> - + = ({ size = 'medium', ...props }: IconProps) => { ); }; - -SR.defaultProps = {}; export default SR; diff --git a/src/icons/flags/ST.tsx b/src/icons/flags/ST.tsx index 6bca0a8cd..709d39cae 100644 --- a/src/icons/flags/ST.tsx +++ b/src/icons/flags/ST.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const ST: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ST: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -30,6 +36,4 @@ const ST: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -ST.defaultProps = {}; export default ST; diff --git a/src/icons/flags/SV.tsx b/src/icons/flags/SV.tsx index d89acef74..24c5e057f 100644 --- a/src/icons/flags/SV.tsx +++ b/src/icons/flags/SV.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const SV: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const SV: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const SV: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="SV__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -151,6 +151,4 @@ const SV: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -SV.defaultProps = {}; export default SV; diff --git a/src/icons/flags/SY.tsx b/src/icons/flags/SY.tsx index fedbd6aa3..f674344f3 100644 --- a/src/icons/flags/SY.tsx +++ b/src/icons/flags/SY.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const SY: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const SY: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const SY: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="SY__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -71,7 +71,13 @@ const SY: React.FC = ({ size = 'medium', ...props }: IconProps) => { /> - + = ({ size = 'medium', ...props }: IconProps) => { ); }; - -SY.defaultProps = {}; export default SY; diff --git a/src/icons/flags/SZ.tsx b/src/icons/flags/SZ.tsx index 94119289a..b94416785 100644 --- a/src/icons/flags/SZ.tsx +++ b/src/icons/flags/SZ.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const SZ: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const SZ: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -42,6 +48,4 @@ const SZ: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -SZ.defaultProps = {}; export default SZ; diff --git a/src/icons/flags/TC.tsx b/src/icons/flags/TC.tsx index 2d142a8ec..d19f0ada1 100644 --- a/src/icons/flags/TC.tsx +++ b/src/icons/flags/TC.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const TC: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const TC: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => { ); }; - -TC.defaultProps = {}; export default TC; diff --git a/src/icons/flags/TD.tsx b/src/icons/flags/TD.tsx index 965fa64f6..f208162e0 100644 --- a/src/icons/flags/TD.tsx +++ b/src/icons/flags/TD.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const TD: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const TD: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -25,6 +31,4 @@ const TD: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -TD.defaultProps = {}; export default TD; diff --git a/src/icons/flags/TG.tsx b/src/icons/flags/TG.tsx index 8ce9b1284..9b1712784 100644 --- a/src/icons/flags/TG.tsx +++ b/src/icons/flags/TG.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const TG: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const TG: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -30,6 +36,4 @@ const TG: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -TG.defaultProps = {}; export default TG; diff --git a/src/icons/flags/TH.tsx b/src/icons/flags/TH.tsx index 1ee740b78..0c5ecd0f7 100644 --- a/src/icons/flags/TH.tsx +++ b/src/icons/flags/TH.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const TH: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const TH: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const TH: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="TH__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -22,7 +22,14 @@ const TH: React.FC = ({ size = 'medium', ...props }: IconProps) => { - + @@ -64,7 +71,13 @@ const TH: React.FC = ({ size = 'medium', ...props }: IconProps) => { /> - + = ({ size = 'medium', ...props }: IconProps) => { ); }; - -TH.defaultProps = {}; export default TH; diff --git a/src/icons/flags/TJ.tsx b/src/icons/flags/TJ.tsx index 000e39d2f..5c15db41a 100644 --- a/src/icons/flags/TJ.tsx +++ b/src/icons/flags/TJ.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const TJ: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const TJ: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const TJ: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="TJ__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -110,6 +110,4 @@ const TJ: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -TJ.defaultProps = {}; export default TJ; diff --git a/src/icons/flags/TL.tsx b/src/icons/flags/TL.tsx index a1972d67f..8c4f1be6b 100644 --- a/src/icons/flags/TL.tsx +++ b/src/icons/flags/TL.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const TL: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const TL: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -31,6 +37,4 @@ const TL: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -TL.defaultProps = {}; export default TL; diff --git a/src/icons/flags/TM.tsx b/src/icons/flags/TM.tsx index c8718dc1e..c0a036d39 100644 --- a/src/icons/flags/TM.tsx +++ b/src/icons/flags/TM.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const TM: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const TM: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -81,6 +87,4 @@ const TM: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -TM.defaultProps = {}; export default TM; diff --git a/src/icons/flags/TN.tsx b/src/icons/flags/TN.tsx index 1e00debb3..24bb310af 100644 --- a/src/icons/flags/TN.tsx +++ b/src/icons/flags/TN.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const TN: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const TN: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -28,6 +34,4 @@ const TN: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -TN.defaultProps = {}; export default TN; diff --git a/src/icons/flags/TO.tsx b/src/icons/flags/TO.tsx index 343ab7502..b9f702469 100644 --- a/src/icons/flags/TO.tsx +++ b/src/icons/flags/TO.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const TO: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const TO: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const TO: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="TO__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -94,6 +94,4 @@ const TO: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -TO.defaultProps = {}; export default TO; diff --git a/src/icons/flags/TR.tsx b/src/icons/flags/TR.tsx index 7aa81944c..d8ad3c4b4 100644 --- a/src/icons/flags/TR.tsx +++ b/src/icons/flags/TR.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const TR: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const TR: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -33,6 +39,4 @@ const TR: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -TR.defaultProps = {}; export default TR; diff --git a/src/icons/flags/TT.tsx b/src/icons/flags/TT.tsx index f1fd98229..ff8570d2b 100644 --- a/src/icons/flags/TT.tsx +++ b/src/icons/flags/TT.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const TT: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const TT: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -35,6 +41,4 @@ const TT: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -TT.defaultProps = {}; export default TT; diff --git a/src/icons/flags/TW.tsx b/src/icons/flags/TW.tsx index 24cc43907..feab647a4 100644 --- a/src/icons/flags/TW.tsx +++ b/src/icons/flags/TW.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const TW: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const TW: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -29,6 +35,4 @@ const TW: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -TW.defaultProps = {}; export default TW; diff --git a/src/icons/flags/TZ.tsx b/src/icons/flags/TZ.tsx index fcae195c3..98111dcef 100644 --- a/src/icons/flags/TZ.tsx +++ b/src/icons/flags/TZ.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const TZ: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const TZ: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -26,6 +32,4 @@ const TZ: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -TZ.defaultProps = {}; export default TZ; diff --git a/src/icons/flags/UA.tsx b/src/icons/flags/UA.tsx index 484113c81..29c3e1208 100644 --- a/src/icons/flags/UA.tsx +++ b/src/icons/flags/UA.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const UA: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const UA: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -24,6 +30,4 @@ const UA: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -UA.defaultProps = {}; export default UA; diff --git a/src/icons/flags/UG.tsx b/src/icons/flags/UG.tsx index f36f774b2..38edbf187 100644 --- a/src/icons/flags/UG.tsx +++ b/src/icons/flags/UG.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const UG: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const UG: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -33,6 +39,4 @@ const UG: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -UG.defaultProps = {}; export default UG; diff --git a/src/icons/flags/US.tsx b/src/icons/flags/US.tsx index ce7d7ae0a..7062d379e 100644 --- a/src/icons/flags/US.tsx +++ b/src/icons/flags/US.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const US: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const US: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -44,6 +50,4 @@ const US: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -US.defaultProps = {}; export default US; diff --git a/src/icons/flags/UY.tsx b/src/icons/flags/UY.tsx index dc1677c18..5b3718bb9 100644 --- a/src/icons/flags/UY.tsx +++ b/src/icons/flags/UY.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const UY: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const UY: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const UY: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="UY__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -82,6 +82,4 @@ const UY: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -UY.defaultProps = {}; export default UY; diff --git a/src/icons/flags/UZ.tsx b/src/icons/flags/UZ.tsx index f6a9bd323..6e58de631 100644 --- a/src/icons/flags/UZ.tsx +++ b/src/icons/flags/UZ.tsx @@ -3,8 +3,7 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const UZ: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const UZ: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); @@ -14,6 +13,7 @@ const UZ: React.FC = ({ size = 'medium', ...props }: IconProps) => { width={sizePx} height={sizePx} id="UZ__Ebene_1" + xmlns="http://www.w3.org/2000/svg" x={0} y={0} viewBox="0 0 28 20" @@ -110,6 +110,4 @@ const UZ: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -UZ.defaultProps = {}; export default UZ; diff --git a/src/icons/flags/VC.tsx b/src/icons/flags/VC.tsx index 7532e654c..aa42ab342 100644 --- a/src/icons/flags/VC.tsx +++ b/src/icons/flags/VC.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const VC: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const VC: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -30,6 +36,4 @@ const VC: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -VC.defaultProps = {}; export default VC; diff --git a/src/icons/flags/VE.tsx b/src/icons/flags/VE.tsx index 1730eb827..c59583d8d 100644 --- a/src/icons/flags/VE.tsx +++ b/src/icons/flags/VE.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const VE: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const VE: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -30,6 +36,4 @@ const VE: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -VE.defaultProps = {}; export default VE; diff --git a/src/icons/flags/VG.tsx b/src/icons/flags/VG.tsx index 725308cf6..e14d16838 100644 --- a/src/icons/flags/VG.tsx +++ b/src/icons/flags/VG.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const VG: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const VG: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => { ); }; - -VG.defaultProps = {}; export default VG; diff --git a/src/icons/flags/VN.tsx b/src/icons/flags/VN.tsx index ad39a1791..9606a2169 100644 --- a/src/icons/flags/VN.tsx +++ b/src/icons/flags/VN.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const VN: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const VN: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -28,6 +34,4 @@ const VN: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -VN.defaultProps = {}; export default VN; diff --git a/src/icons/flags/VU.tsx b/src/icons/flags/VU.tsx index 018827da7..082882bee 100644 --- a/src/icons/flags/VU.tsx +++ b/src/icons/flags/VU.tsx @@ -3,20 +3,40 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const VU: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const VU: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + - + - + @@ -51,6 +71,4 @@ const VU: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -VU.defaultProps = {}; export default VU; diff --git a/src/icons/flags/WS.tsx b/src/icons/flags/WS.tsx index 3c52376f1..80bba1ad4 100644 --- a/src/icons/flags/WS.tsx +++ b/src/icons/flags/WS.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const WS: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const WS: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -29,6 +35,4 @@ const WS: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -WS.defaultProps = {}; export default WS; diff --git a/src/icons/flags/WW.tsx b/src/icons/flags/WW.tsx index abe7e373e..0bf10a87a 100644 --- a/src/icons/flags/WW.tsx +++ b/src/icons/flags/WW.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const WW: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const WW: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -28,6 +34,4 @@ const WW: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -WW.defaultProps = {}; export default WW; diff --git a/src/icons/flags/YE.tsx b/src/icons/flags/YE.tsx index 2f2e64506..91b81fe69 100644 --- a/src/icons/flags/YE.tsx +++ b/src/icons/flags/YE.tsx @@ -3,13 +3,12 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const YE: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const YE: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -74,6 +73,4 @@ const YE: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -YE.defaultProps = {}; export default YE; diff --git a/src/icons/flags/ZA.tsx b/src/icons/flags/ZA.tsx index ad3431f28..5718b9abf 100644 --- a/src/icons/flags/ZA.tsx +++ b/src/icons/flags/ZA.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const ZA: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ZA: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -28,6 +34,4 @@ const ZA: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -ZA.defaultProps = {}; export default ZA; diff --git a/src/icons/flags/ZM.tsx b/src/icons/flags/ZM.tsx index 8aeda2d39..93a16d9d5 100644 --- a/src/icons/flags/ZM.tsx +++ b/src/icons/flags/ZM.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const ZM: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ZM: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -53,6 +59,4 @@ const ZM: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -ZM.defaultProps = {}; export default ZM; diff --git a/src/icons/flags/ZW.tsx b/src/icons/flags/ZW.tsx index fbce478a8..207e242d1 100644 --- a/src/icons/flags/ZW.tsx +++ b/src/icons/flags/ZW.tsx @@ -3,13 +3,19 @@ import * as React from 'react'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = Omit; - -const ZW: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ZW: React.FC = ({ size = 'medium', ...props }) => { const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -56,6 +62,4 @@ const ZW: React.FC = ({ size = 'medium', ...props }: IconProps) => { ); }; - -ZW.defaultProps = {}; export default ZW; diff --git a/src/icons/mobility/BikeRiderOutlineIcon.tsx b/src/icons/mobility/BikeRiderOutlineIcon.tsx index edc4f6788..8baece509 100644 --- a/src/icons/mobility/BikeRiderOutlineIcon.tsx +++ b/src/icons/mobility/BikeRiderOutlineIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const BikeRiderOutlineIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BikeRiderOutlineIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Ic ); }; - -BikeRiderOutlineIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default BikeRiderOutlineIcon; diff --git a/src/icons/mobility/BikeRiderSolidIcon.tsx b/src/icons/mobility/BikeRiderSolidIcon.tsx index 43e480f15..7fa15d50e 100644 --- a/src/icons/mobility/BikeRiderSolidIcon.tsx +++ b/src/icons/mobility/BikeRiderSolidIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const BikeRiderSolidIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BikeRiderSolidIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Icon ); }; - -BikeRiderSolidIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default BikeRiderSolidIcon; diff --git a/src/icons/mobility/BikeScooterOutlineIcon.tsx b/src/icons/mobility/BikeScooterOutlineIcon.tsx index d0eae60f8..5d1461d8d 100644 --- a/src/icons/mobility/BikeScooterOutlineIcon.tsx +++ b/src/icons/mobility/BikeScooterOutlineIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const BikeScooterOutlineIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BikeScooterOutlineIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: ); }; - -BikeScooterOutlineIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default BikeScooterOutlineIcon; diff --git a/src/icons/mobility/BikeScooterSolidIcon.tsx b/src/icons/mobility/BikeScooterSolidIcon.tsx index 13b394bed..82fdbccf7 100644 --- a/src/icons/mobility/BikeScooterSolidIcon.tsx +++ b/src/icons/mobility/BikeScooterSolidIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const BikeScooterSolidIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BikeScooterSolidIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Ic ); }; - -BikeScooterSolidIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default BikeScooterSolidIcon; diff --git a/src/icons/mobility/BlackCabOutlineIcon.tsx b/src/icons/mobility/BlackCabOutlineIcon.tsx index badda404e..526765716 100644 --- a/src/icons/mobility/BlackCabOutlineIcon.tsx +++ b/src/icons/mobility/BlackCabOutlineIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const BlackCabOutlineIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BlackCabOutlineIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Ico ); }; - -BlackCabOutlineIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default BlackCabOutlineIcon; diff --git a/src/icons/mobility/BlackCabSolidIcon.tsx b/src/icons/mobility/BlackCabSolidIcon.tsx index c9384889f..0a9e05a29 100644 --- a/src/icons/mobility/BlackCabSolidIcon.tsx +++ b/src/icons/mobility/BlackCabSolidIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const BlackCabSolidIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BlackCabSolidIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconP ); }; - -BlackCabSolidIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default BlackCabSolidIcon; diff --git a/src/icons/mobility/BusOutlineIcon.tsx b/src/icons/mobility/BusOutlineIcon.tsx index 8badf40d1..8f5fd209d 100644 --- a/src/icons/mobility/BusOutlineIcon.tsx +++ b/src/icons/mobility/BusOutlineIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const BusOutlineIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BusOutlineIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProp ); }; - -BusOutlineIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default BusOutlineIcon; diff --git a/src/icons/mobility/BusSolidIcon.tsx b/src/icons/mobility/BusSolidIcon.tsx index 30b78c49a..90817a1d8 100644 --- a/src/icons/mobility/BusSolidIcon.tsx +++ b/src/icons/mobility/BusSolidIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const BusSolidIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BusSolidIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) ); }; - -BusSolidIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default BusSolidIcon; diff --git a/src/icons/mobility/CarLIcon.tsx b/src/icons/mobility/CarLIcon.tsx index 41b298507..1576ca149 100644 --- a/src/icons/mobility/CarLIcon.tsx +++ b/src/icons/mobility/CarLIcon.tsx @@ -1,16 +1,23 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const CarLIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CarLIcon: React.FC = ({ size = 'medium', color = getSemanticValue('icon-primary-default'), ...rest }) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => ); }; - -CarLIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default CarLIcon; diff --git a/src/icons/mobility/CarMIcon.tsx b/src/icons/mobility/CarMIcon.tsx index 65d850f58..d6de2035e 100644 --- a/src/icons/mobility/CarMIcon.tsx +++ b/src/icons/mobility/CarMIcon.tsx @@ -1,16 +1,23 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const CarMIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CarMIcon: React.FC = ({ size = 'medium', color = getSemanticValue('icon-primary-default'), ...rest }) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => ); }; - -CarMIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default CarMIcon; diff --git a/src/icons/mobility/CarOutlineIcon.tsx b/src/icons/mobility/CarOutlineIcon.tsx index 91f179f80..ef01abac6 100644 --- a/src/icons/mobility/CarOutlineIcon.tsx +++ b/src/icons/mobility/CarOutlineIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const CarOutlineIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CarOutlineIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProp ); }; - -CarOutlineIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default CarOutlineIcon; diff --git a/src/icons/mobility/CarSIcon.tsx b/src/icons/mobility/CarSIcon.tsx index 9e4427c87..9c1c7a71b 100644 --- a/src/icons/mobility/CarSIcon.tsx +++ b/src/icons/mobility/CarSIcon.tsx @@ -1,16 +1,23 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const CarSIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CarSIcon: React.FC = ({ size = 'medium', color = getSemanticValue('icon-primary-default'), ...rest }) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => ); }; - -CarSIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default CarSIcon; diff --git a/src/icons/mobility/CarSolidIcon.tsx b/src/icons/mobility/CarSolidIcon.tsx index 22a614988..d28c7a8e5 100644 --- a/src/icons/mobility/CarSolidIcon.tsx +++ b/src/icons/mobility/CarSolidIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const CarSolidIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CarSolidIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) ); }; - -CarSolidIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default CarSolidIcon; diff --git a/src/icons/mobility/CarXlIcon.tsx b/src/icons/mobility/CarXlIcon.tsx index 42cd9bcef..3d087ca12 100644 --- a/src/icons/mobility/CarXlIcon.tsx +++ b/src/icons/mobility/CarXlIcon.tsx @@ -1,16 +1,23 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const CarXlIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CarXlIcon: React.FC = ({ size = 'medium', color = getSemanticValue('icon-primary-default'), ...rest }) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => ); }; - -CarXlIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default CarXlIcon; diff --git a/src/icons/mobility/CarXsIcon.tsx b/src/icons/mobility/CarXsIcon.tsx index ffb35b582..0eca3a610 100644 --- a/src/icons/mobility/CarXsIcon.tsx +++ b/src/icons/mobility/CarXsIcon.tsx @@ -1,16 +1,23 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const CarXsIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CarXsIcon: React.FC = ({ size = 'medium', color = getSemanticValue('icon-primary-default'), ...rest }) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => ); }; - -CarXsIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default CarXsIcon; diff --git a/src/icons/mobility/KeyOutlineIcon.tsx b/src/icons/mobility/KeyOutlineIcon.tsx index 279f200a0..ef95039ab 100644 --- a/src/icons/mobility/KeyOutlineIcon.tsx +++ b/src/icons/mobility/KeyOutlineIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const KeyOutlineIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const KeyOutlineIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProp ); }; - -KeyOutlineIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default KeyOutlineIcon; diff --git a/src/icons/mobility/KeySolidIcon.tsx b/src/icons/mobility/KeySolidIcon.tsx index ebbddfbe4..c3c350fa3 100644 --- a/src/icons/mobility/KeySolidIcon.tsx +++ b/src/icons/mobility/KeySolidIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const KeySolidIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const KeySolidIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) ); }; - -KeySolidIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default KeySolidIcon; diff --git a/src/icons/mobility/MopedOutlineIcon.tsx b/src/icons/mobility/MopedOutlineIcon.tsx index fe82c1d7a..e782216b9 100644 --- a/src/icons/mobility/MopedOutlineIcon.tsx +++ b/src/icons/mobility/MopedOutlineIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const MopedOutlineIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const MopedOutlineIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconPr ); }; - -MopedOutlineIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default MopedOutlineIcon; diff --git a/src/icons/mobility/MopedSolidIcon.tsx b/src/icons/mobility/MopedSolidIcon.tsx index c1bb8ff46..d437c0ee7 100644 --- a/src/icons/mobility/MopedSolidIcon.tsx +++ b/src/icons/mobility/MopedSolidIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const MopedSolidIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const MopedSolidIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProp ); }; - -MopedSolidIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default MopedSolidIcon; diff --git a/src/icons/mobility/PersonHailingOutlineIcon.tsx b/src/icons/mobility/PersonHailingOutlineIcon.tsx index 9c18cae78..eae5b1495 100644 --- a/src/icons/mobility/PersonHailingOutlineIcon.tsx +++ b/src/icons/mobility/PersonHailingOutlineIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const PersonHailingOutlineIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const PersonHailingOutlineIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props } ); }; - -PersonHailingOutlineIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default PersonHailingOutlineIcon; diff --git a/src/icons/mobility/PersonHailingSolidIcon.tsx b/src/icons/mobility/PersonHailingSolidIcon.tsx index 5f81f35cb..2bda26dbd 100644 --- a/src/icons/mobility/PersonHailingSolidIcon.tsx +++ b/src/icons/mobility/PersonHailingSolidIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const PersonHailingSolidIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const PersonHailingSolidIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: ); }; - -PersonHailingSolidIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default PersonHailingSolidIcon; diff --git a/src/icons/mobility/ScooterOutlineIcon.tsx b/src/icons/mobility/ScooterOutlineIcon.tsx index eba7a10f0..3f02f1472 100644 --- a/src/icons/mobility/ScooterOutlineIcon.tsx +++ b/src/icons/mobility/ScooterOutlineIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const ScooterOutlineIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ScooterOutlineIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Icon ); }; - -ScooterOutlineIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default ScooterOutlineIcon; diff --git a/src/icons/mobility/ScooterSolidIcon.tsx b/src/icons/mobility/ScooterSolidIcon.tsx index 290f7a44a..feb9b7911 100644 --- a/src/icons/mobility/ScooterSolidIcon.tsx +++ b/src/icons/mobility/ScooterSolidIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const ScooterSolidIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ScooterSolidIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconPr ); }; - -ScooterSolidIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default ScooterSolidIcon; diff --git a/src/icons/mobility/TrainOutlineIcon.tsx b/src/icons/mobility/TrainOutlineIcon.tsx index 848088dab..79a44b46c 100644 --- a/src/icons/mobility/TrainOutlineIcon.tsx +++ b/src/icons/mobility/TrainOutlineIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const TrainOutlineIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const TrainOutlineIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconPr ); }; - -TrainOutlineIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default TrainOutlineIcon; diff --git a/src/icons/mobility/TrainSolidIcon.tsx b/src/icons/mobility/TrainSolidIcon.tsx index 5b6b30303..02a7315a6 100644 --- a/src/icons/mobility/TrainSolidIcon.tsx +++ b/src/icons/mobility/TrainSolidIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const TrainSolidIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const TrainSolidIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProp ); }; - -TrainSolidIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default TrainSolidIcon; diff --git a/src/icons/mobility/VanIcon.tsx b/src/icons/mobility/VanIcon.tsx index 63b815997..c049ad292 100644 --- a/src/icons/mobility/VanIcon.tsx +++ b/src/icons/mobility/VanIcon.tsx @@ -1,16 +1,16 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const VanIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const VanIcon: React.FC = ({ size = 'medium', color = getSemanticValue('icon-primary-default'), ...rest }) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => { ); }; - -VanIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default VanIcon; diff --git a/src/icons/navigation/BriefcaseIcon.tsx b/src/icons/navigation/BriefcaseIcon.tsx index ee9285aa6..df1a70827 100644 --- a/src/icons/navigation/BriefcaseIcon.tsx +++ b/src/icons/navigation/BriefcaseIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const BriefcaseIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BriefcaseIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps ); }; - -BriefcaseIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default BriefcaseIcon; diff --git a/src/icons/navigation/CompassIcon.tsx b/src/icons/navigation/CompassIcon.tsx index 1676fc7e0..14d8c8a8d 100644 --- a/src/icons/navigation/CompassIcon.tsx +++ b/src/icons/navigation/CompassIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const CompassIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CompassIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) ); }; - -CompassIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default CompassIcon; diff --git a/src/icons/navigation/CrosshairsIcon.tsx b/src/icons/navigation/CrosshairsIcon.tsx index 6997b6cb3..758a979ca 100644 --- a/src/icons/navigation/CrosshairsIcon.tsx +++ b/src/icons/navigation/CrosshairsIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const CrosshairsIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CrosshairsIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProp ); }; - -CrosshairsIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default CrosshairsIcon; diff --git a/src/icons/navigation/CrosshairsOffIcon.tsx b/src/icons/navigation/CrosshairsOffIcon.tsx index fcb266b9e..da20edf50 100644 --- a/src/icons/navigation/CrosshairsOffIcon.tsx +++ b/src/icons/navigation/CrosshairsOffIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const CrosshairsOffIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CrosshairsOffIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconP ); }; - -CrosshairsOffIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default CrosshairsOffIcon; diff --git a/src/icons/navigation/DirectionArrowCircleOutlineIcon.tsx b/src/icons/navigation/DirectionArrowCircleOutlineIcon.tsx index 988faa998..e2dda3a78 100644 --- a/src/icons/navigation/DirectionArrowCircleOutlineIcon.tsx +++ b/src/icons/navigation/DirectionArrowCircleOutlineIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const DirectionArrowCircleOutlineIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const DirectionArrowCircleOutlineIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ... ); }; - -DirectionArrowCircleOutlineIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default DirectionArrowCircleOutlineIcon; diff --git a/src/icons/navigation/DirectionArrowOutlineIcon.tsx b/src/icons/navigation/DirectionArrowOutlineIcon.tsx index 756147999..be3700054 100644 --- a/src/icons/navigation/DirectionArrowOutlineIcon.tsx +++ b/src/icons/navigation/DirectionArrowOutlineIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const DirectionArrowOutlineIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const DirectionArrowOutlineIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props ); }; - -DirectionArrowOutlineIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default DirectionArrowOutlineIcon; diff --git a/src/icons/navigation/DirectionArrowSolidIcon.tsx b/src/icons/navigation/DirectionArrowSolidIcon.tsx index 691c1542c..5a1116f70 100644 --- a/src/icons/navigation/DirectionArrowSolidIcon.tsx +++ b/src/icons/navigation/DirectionArrowSolidIcon.tsx @@ -1,22 +1,22 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const DirectionArrowSolidIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const DirectionArrowSolidIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + ); }; - -DirectionArrowSolidIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default DirectionArrowSolidIcon; diff --git a/src/icons/navigation/HotelIcon.tsx b/src/icons/navigation/HotelIcon.tsx index 155358550..0e15fc852 100644 --- a/src/icons/navigation/HotelIcon.tsx +++ b/src/icons/navigation/HotelIcon.tsx @@ -1,16 +1,23 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const HotelIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const HotelIcon: React.FC = ({ size = 'medium', color = getSemanticValue('icon-primary-default'), ...rest }) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => ); }; - -HotelIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default HotelIcon; diff --git a/src/icons/navigation/HouseIcon.tsx b/src/icons/navigation/HouseIcon.tsx index 441a5c9de..6a0cefc2a 100644 --- a/src/icons/navigation/HouseIcon.tsx +++ b/src/icons/navigation/HouseIcon.tsx @@ -1,16 +1,16 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const HouseIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const HouseIcon: React.FC = ({ size = 'medium', color = getSemanticValue('icon-primary-default'), ...rest }) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => ); }; - -HouseIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default HouseIcon; diff --git a/src/icons/navigation/MortarboardIcon.tsx b/src/icons/navigation/MortarboardIcon.tsx index 3e43c8ee1..8800e9d50 100644 --- a/src/icons/navigation/MortarboardIcon.tsx +++ b/src/icons/navigation/MortarboardIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const MortarboardIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const MortarboardIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconPro ); }; - -MortarboardIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default MortarboardIcon; diff --git a/src/icons/navigation/ParkingIcon.tsx b/src/icons/navigation/ParkingIcon.tsx index db4324933..c23bb9a4f 100644 --- a/src/icons/navigation/ParkingIcon.tsx +++ b/src/icons/navigation/ParkingIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const ParkingIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ParkingIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) ); }; - -ParkingIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default ParkingIcon; diff --git a/src/icons/navigation/PinIcon.tsx b/src/icons/navigation/PinIcon.tsx index 0064f2221..7271095b6 100644 --- a/src/icons/navigation/PinIcon.tsx +++ b/src/icons/navigation/PinIcon.tsx @@ -1,16 +1,16 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const PinIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const PinIcon: React.FC = ({ size = 'medium', color = getSemanticValue('icon-primary-default'), ...rest }) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => { ); }; - -PinIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default PinIcon; diff --git a/src/icons/navigation/PlaneIcon.tsx b/src/icons/navigation/PlaneIcon.tsx index ee45a33a3..f30b44383 100644 --- a/src/icons/navigation/PlaneIcon.tsx +++ b/src/icons/navigation/PlaneIcon.tsx @@ -1,16 +1,16 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const PlaneIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const PlaneIcon: React.FC = ({ size = 'medium', color = getSemanticValue('icon-primary-default'), ...rest }) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => ); }; - -PlaneIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default PlaneIcon; diff --git a/src/icons/options/BlockIcon.tsx b/src/icons/options/BlockIcon.tsx index e64c2adf6..32e017180 100644 --- a/src/icons/options/BlockIcon.tsx +++ b/src/icons/options/BlockIcon.tsx @@ -1,16 +1,23 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const BlockIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BlockIcon: React.FC = ({ size = 'medium', color = getSemanticValue('icon-primary-default'), ...rest }) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => ); }; - -BlockIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default BlockIcon; diff --git a/src/icons/options/CalculatorIcon.tsx b/src/icons/options/CalculatorIcon.tsx index ee153714b..7698702b5 100644 --- a/src/icons/options/CalculatorIcon.tsx +++ b/src/icons/options/CalculatorIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const CalculatorIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CalculatorIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProp ); }; - -CalculatorIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default CalculatorIcon; diff --git a/src/icons/options/CalendarCheckedIcon.tsx b/src/icons/options/CalendarCheckedIcon.tsx index eac2fc39d..910c5f968 100644 --- a/src/icons/options/CalendarCheckedIcon.tsx +++ b/src/icons/options/CalendarCheckedIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const CalendarCheckedIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CalendarCheckedIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Ico ); }; - -CalendarCheckedIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default CalendarCheckedIcon; diff --git a/src/icons/options/CalendarIcon.tsx b/src/icons/options/CalendarIcon.tsx index e580792ca..1c4f1b573 100644 --- a/src/icons/options/CalendarIcon.tsx +++ b/src/icons/options/CalendarIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const CalendarIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CalendarIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) ); }; - -CalendarIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default CalendarIcon; diff --git a/src/icons/options/CameraIcon.tsx b/src/icons/options/CameraIcon.tsx index 3cd233dcb..93c706c15 100644 --- a/src/icons/options/CameraIcon.tsx +++ b/src/icons/options/CameraIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const CameraIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CameraIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) = ); }; - -CameraIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default CameraIcon; diff --git a/src/icons/options/CogIcon.tsx b/src/icons/options/CogIcon.tsx index df0bcbc30..1bdbc47f8 100644 --- a/src/icons/options/CogIcon.tsx +++ b/src/icons/options/CogIcon.tsx @@ -1,16 +1,16 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const CogIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CogIcon: React.FC = ({ size = 'medium', color = getSemanticValue('icon-primary-default'), ...rest }) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => { ); }; - -CogIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default CogIcon; diff --git a/src/icons/options/DiamondIcon.tsx b/src/icons/options/DiamondIcon.tsx index 06d90660c..67fae7274 100644 --- a/src/icons/options/DiamondIcon.tsx +++ b/src/icons/options/DiamondIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const DiamondIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const DiamondIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) ); }; - -DiamondIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default DiamondIcon; diff --git a/src/icons/options/DotsHorizontalBottomIcon.tsx b/src/icons/options/DotsHorizontalBottomIcon.tsx index 472104ef1..8ca6bb25e 100644 --- a/src/icons/options/DotsHorizontalBottomIcon.tsx +++ b/src/icons/options/DotsHorizontalBottomIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const DotsHorizontalBottomIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const DotsHorizontalBottomIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props } ); }; - -DotsHorizontalBottomIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default DotsHorizontalBottomIcon; diff --git a/src/icons/options/DotsHorizontalIcon.tsx b/src/icons/options/DotsHorizontalIcon.tsx index ddd99a27c..07e32a1a8 100644 --- a/src/icons/options/DotsHorizontalIcon.tsx +++ b/src/icons/options/DotsHorizontalIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const DotsHorizontalIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const DotsHorizontalIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Icon ); }; - -DotsHorizontalIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default DotsHorizontalIcon; diff --git a/src/icons/options/DotsVerticalIcon.tsx b/src/icons/options/DotsVerticalIcon.tsx index 2c90dc3d6..ead58f411 100644 --- a/src/icons/options/DotsVerticalIcon.tsx +++ b/src/icons/options/DotsVerticalIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const DotsVerticalIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const DotsVerticalIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconPr ); }; - -DotsVerticalIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default DotsVerticalIcon; diff --git a/src/icons/options/EmojiCryingIcon.tsx b/src/icons/options/EmojiCryingIcon.tsx index 3cb713305..3e6d3c9b7 100644 --- a/src/icons/options/EmojiCryingIcon.tsx +++ b/src/icons/options/EmojiCryingIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const EmojiCryingIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const EmojiCryingIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconPro ); }; - -EmojiCryingIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default EmojiCryingIcon; diff --git a/src/icons/options/EmojiHappyIcon.tsx b/src/icons/options/EmojiHappyIcon.tsx index 9872f4e90..723bcfc91 100644 --- a/src/icons/options/EmojiHappyIcon.tsx +++ b/src/icons/options/EmojiHappyIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const EmojiHappyIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const EmojiHappyIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProp ); }; - -EmojiHappyIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default EmojiHappyIcon; diff --git a/src/icons/options/EmojiKissIcon.tsx b/src/icons/options/EmojiKissIcon.tsx index dddefd6bc..859aa33bb 100644 --- a/src/icons/options/EmojiKissIcon.tsx +++ b/src/icons/options/EmojiKissIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const EmojiKissIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const EmojiKissIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps ); }; - -EmojiKissIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default EmojiKissIcon; diff --git a/src/icons/options/EmojiLoveIcon.tsx b/src/icons/options/EmojiLoveIcon.tsx index 5a94a502e..5be280096 100644 --- a/src/icons/options/EmojiLoveIcon.tsx +++ b/src/icons/options/EmojiLoveIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const EmojiLoveIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const EmojiLoveIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps ); }; - -EmojiLoveIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default EmojiLoveIcon; diff --git a/src/icons/options/EmojiSadIcon.tsx b/src/icons/options/EmojiSadIcon.tsx index e3b3bbe5f..ab5c01ad3 100644 --- a/src/icons/options/EmojiSadIcon.tsx +++ b/src/icons/options/EmojiSadIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const EmojiSadIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const EmojiSadIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) ); }; - -EmojiSadIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default EmojiSadIcon; diff --git a/src/icons/options/FavoriteBannerOutlineIcon.tsx b/src/icons/options/FavoriteBannerOutlineIcon.tsx index db5ac54e9..7cf84dfc6 100644 --- a/src/icons/options/FavoriteBannerOutlineIcon.tsx +++ b/src/icons/options/FavoriteBannerOutlineIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const FavoriteBannerOutlineIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const FavoriteBannerOutlineIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props ); }; - -FavoriteBannerOutlineIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default FavoriteBannerOutlineIcon; diff --git a/src/icons/options/FavoriteBannerSolidIcon.tsx b/src/icons/options/FavoriteBannerSolidIcon.tsx index 9d013b918..0f7689f45 100644 --- a/src/icons/options/FavoriteBannerSolidIcon.tsx +++ b/src/icons/options/FavoriteBannerSolidIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const FavoriteBannerSolidIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const FavoriteBannerSolidIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: ); }; - -FavoriteBannerSolidIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default FavoriteBannerSolidIcon; diff --git a/src/icons/options/FlashlightOffIcon.tsx b/src/icons/options/FlashlightOffIcon.tsx index a3686b103..7ec32860e 100644 --- a/src/icons/options/FlashlightOffIcon.tsx +++ b/src/icons/options/FlashlightOffIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const FlashlightOffIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const FlashlightOffIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconP ); }; - -FlashlightOffIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default FlashlightOffIcon; diff --git a/src/icons/options/FlashlightOnIcon.tsx b/src/icons/options/FlashlightOnIcon.tsx index 6f6abf9a5..3f6cb48d4 100644 --- a/src/icons/options/FlashlightOnIcon.tsx +++ b/src/icons/options/FlashlightOnIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const FlashlightOnIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const FlashlightOnIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconPr ); }; - -FlashlightOnIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default FlashlightOnIcon; diff --git a/src/icons/options/GlobeIcon.tsx b/src/icons/options/GlobeIcon.tsx index 469c7fccf..271619d83 100644 --- a/src/icons/options/GlobeIcon.tsx +++ b/src/icons/options/GlobeIcon.tsx @@ -1,16 +1,16 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const GlobeIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const GlobeIcon: React.FC = ({ size = 'medium', color = getSemanticValue('icon-primary-default'), ...rest }) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => ); }; - -GlobeIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default GlobeIcon; diff --git a/src/icons/options/HeartOutlineIcon.tsx b/src/icons/options/HeartOutlineIcon.tsx index cb723454d..0b7084e58 100644 --- a/src/icons/options/HeartOutlineIcon.tsx +++ b/src/icons/options/HeartOutlineIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const HeartOutlineIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const HeartOutlineIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconPr ); }; - -HeartOutlineIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default HeartOutlineIcon; diff --git a/src/icons/options/HeartSolidIcon.tsx b/src/icons/options/HeartSolidIcon.tsx index 3a570490b..d2417adb9 100644 --- a/src/icons/options/HeartSolidIcon.tsx +++ b/src/icons/options/HeartSolidIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const HeartSolidIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const HeartSolidIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProp ); }; - -HeartSolidIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default HeartSolidIcon; diff --git a/src/icons/options/InfoCircleOutlineIcon.tsx b/src/icons/options/InfoCircleOutlineIcon.tsx index f7b7ab603..7428515a6 100644 --- a/src/icons/options/InfoCircleOutlineIcon.tsx +++ b/src/icons/options/InfoCircleOutlineIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const InfoCircleOutlineIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const InfoCircleOutlineIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: I ); }; - -InfoCircleOutlineIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default InfoCircleOutlineIcon; diff --git a/src/icons/options/InfoCircleSolidIcon.tsx b/src/icons/options/InfoCircleSolidIcon.tsx index c400c6286..505ffbeff 100644 --- a/src/icons/options/InfoCircleSolidIcon.tsx +++ b/src/icons/options/InfoCircleSolidIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const InfoCircleSolidIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const InfoCircleSolidIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Ico ); }; - -InfoCircleSolidIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default InfoCircleSolidIcon; diff --git a/src/icons/options/KeyboardAlphabeticalIcon.tsx b/src/icons/options/KeyboardAlphabeticalIcon.tsx index 402da88da..417ead680 100644 --- a/src/icons/options/KeyboardAlphabeticalIcon.tsx +++ b/src/icons/options/KeyboardAlphabeticalIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const KeyboardAlphabeticalIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const KeyboardAlphabeticalIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props } ); }; - -KeyboardAlphabeticalIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default KeyboardAlphabeticalIcon; diff --git a/src/icons/options/KeyboardIcon.tsx b/src/icons/options/KeyboardIcon.tsx index f2108c0f5..8ac5b640c 100644 --- a/src/icons/options/KeyboardIcon.tsx +++ b/src/icons/options/KeyboardIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const KeyboardIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const KeyboardIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) ); }; - -KeyboardIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default KeyboardIcon; diff --git a/src/icons/options/KeyboardNumericIcon.tsx b/src/icons/options/KeyboardNumericIcon.tsx index a4d71dc65..b9f60f0f4 100644 --- a/src/icons/options/KeyboardNumericIcon.tsx +++ b/src/icons/options/KeyboardNumericIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const KeyboardNumericIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const KeyboardNumericIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Ico ); }; - -KeyboardNumericIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default KeyboardNumericIcon; diff --git a/src/icons/options/LegalBannerOutlineIcon.tsx b/src/icons/options/LegalBannerOutlineIcon.tsx index ffbbd6d1c..d35adc641 100644 --- a/src/icons/options/LegalBannerOutlineIcon.tsx +++ b/src/icons/options/LegalBannerOutlineIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const LegalBannerOutlineIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const LegalBannerOutlineIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: ); }; - -LegalBannerOutlineIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default LegalBannerOutlineIcon; diff --git a/src/icons/options/LegalBannerSolidIcon.tsx b/src/icons/options/LegalBannerSolidIcon.tsx index 7c22be958..bf90288a9 100644 --- a/src/icons/options/LegalBannerSolidIcon.tsx +++ b/src/icons/options/LegalBannerSolidIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const LegalBannerSolidIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const LegalBannerSolidIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Ic ); }; - -LegalBannerSolidIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default LegalBannerSolidIcon; diff --git a/src/icons/options/ListIcon.tsx b/src/icons/options/ListIcon.tsx index f1a51dbe7..73f9785a1 100644 --- a/src/icons/options/ListIcon.tsx +++ b/src/icons/options/ListIcon.tsx @@ -1,16 +1,16 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const ListIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ListIcon: React.FC = ({ size = 'medium', color = getSemanticValue('icon-primary-default'), ...rest }) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => ); }; - -ListIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default ListIcon; diff --git a/src/icons/options/LockClosedIcon.tsx b/src/icons/options/LockClosedIcon.tsx index 970e7ad7a..fb5e4248a 100644 --- a/src/icons/options/LockClosedIcon.tsx +++ b/src/icons/options/LockClosedIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const LockClosedIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const LockClosedIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProp ); }; - -LockClosedIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default LockClosedIcon; diff --git a/src/icons/options/LockOpenIcon.tsx b/src/icons/options/LockOpenIcon.tsx index 740419b47..da11995cf 100644 --- a/src/icons/options/LockOpenIcon.tsx +++ b/src/icons/options/LockOpenIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const LockOpenIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const LockOpenIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) ); }; - -LockOpenIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default LockOpenIcon; diff --git a/src/icons/options/LuggageIcon.tsx b/src/icons/options/LuggageIcon.tsx index 8deac8b61..f01dc4cd9 100644 --- a/src/icons/options/LuggageIcon.tsx +++ b/src/icons/options/LuggageIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const LuggageIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const LuggageIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) ); }; - -LuggageIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default LuggageIcon; diff --git a/src/icons/options/MenuIcon.tsx b/src/icons/options/MenuIcon.tsx index a550de31d..8faf790d3 100644 --- a/src/icons/options/MenuIcon.tsx +++ b/src/icons/options/MenuIcon.tsx @@ -1,22 +1,18 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const MenuIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const MenuIcon: React.FC = ({ size = 'medium', color = getSemanticValue('icon-primary-default'), ...rest }) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + ); }; - -MenuIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default MenuIcon; diff --git a/src/icons/options/MicIcon.tsx b/src/icons/options/MicIcon.tsx index 832280e0f..1e554aa3a 100644 --- a/src/icons/options/MicIcon.tsx +++ b/src/icons/options/MicIcon.tsx @@ -1,16 +1,23 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const MicIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const MicIcon: React.FC = ({ size = 'medium', color = getSemanticValue('icon-primary-default'), ...rest }) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => { ); }; - -MicIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default MicIcon; diff --git a/src/icons/options/PhoneIcon.tsx b/src/icons/options/PhoneIcon.tsx index 7df4f6d1d..353da8aa4 100644 --- a/src/icons/options/PhoneIcon.tsx +++ b/src/icons/options/PhoneIcon.tsx @@ -1,16 +1,16 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const PhoneIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const PhoneIcon: React.FC = ({ size = 'medium', color = getSemanticValue('icon-primary-default'), ...rest }) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => ); }; - -PhoneIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default PhoneIcon; diff --git a/src/icons/options/ProfileOutlineIcon.tsx b/src/icons/options/ProfileOutlineIcon.tsx index f7aeed660..d2856808e 100644 --- a/src/icons/options/ProfileOutlineIcon.tsx +++ b/src/icons/options/ProfileOutlineIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const ProfileOutlineIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ProfileOutlineIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Icon ); }; - -ProfileOutlineIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default ProfileOutlineIcon; diff --git a/src/icons/options/ProfileSolidIcon.tsx b/src/icons/options/ProfileSolidIcon.tsx index 69331438a..f4399d82a 100644 --- a/src/icons/options/ProfileSolidIcon.tsx +++ b/src/icons/options/ProfileSolidIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const ProfileSolidIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ProfileSolidIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconPr ); }; - -ProfileSolidIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default ProfileSolidIcon; diff --git a/src/icons/options/QrCodeIcon.tsx b/src/icons/options/QrCodeIcon.tsx index 939efd8e6..f9d6316e4 100644 --- a/src/icons/options/QrCodeIcon.tsx +++ b/src/icons/options/QrCodeIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const QrCodeIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const QrCodeIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) = ); }; - -QrCodeIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default QrCodeIcon; diff --git a/src/icons/options/QuestionmarkIcon.tsx b/src/icons/options/QuestionmarkIcon.tsx index 52a9b8b38..f2c3ee89b 100644 --- a/src/icons/options/QuestionmarkIcon.tsx +++ b/src/icons/options/QuestionmarkIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const QuestionmarkIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const QuestionmarkIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconPr ); }; - -QuestionmarkIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default QuestionmarkIcon; diff --git a/src/icons/options/SettingsIcon.tsx b/src/icons/options/SettingsIcon.tsx index 66b045317..6430fa72c 100644 --- a/src/icons/options/SettingsIcon.tsx +++ b/src/icons/options/SettingsIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const SettingsIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const SettingsIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) ); }; - -SettingsIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default SettingsIcon; diff --git a/src/icons/options/SheetOutlineIcon.tsx b/src/icons/options/SheetOutlineIcon.tsx index 4e913735c..f7c9863f5 100644 --- a/src/icons/options/SheetOutlineIcon.tsx +++ b/src/icons/options/SheetOutlineIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const SheetOutlineIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const SheetOutlineIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconPr ); }; - -SheetOutlineIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default SheetOutlineIcon; diff --git a/src/icons/options/SheetSolidIcon.tsx b/src/icons/options/SheetSolidIcon.tsx index 4a28ae123..dbddabb0b 100644 --- a/src/icons/options/SheetSolidIcon.tsx +++ b/src/icons/options/SheetSolidIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const SheetSolidIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const SheetSolidIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProp ); }; - -SheetSolidIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default SheetSolidIcon; diff --git a/src/icons/options/ShieldIcon.tsx b/src/icons/options/ShieldIcon.tsx index faf2e77f2..75503723b 100644 --- a/src/icons/options/ShieldIcon.tsx +++ b/src/icons/options/ShieldIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const ShieldIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ShieldIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) = ); }; - -ShieldIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default ShieldIcon; diff --git a/src/icons/options/ShoppingCartIcon.tsx b/src/icons/options/ShoppingCartIcon.tsx index 6de0ead75..44391b66e 100644 --- a/src/icons/options/ShoppingCartIcon.tsx +++ b/src/icons/options/ShoppingCartIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const ShoppingCartIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ShoppingCartIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconPr ); }; - -ShoppingCartIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default ShoppingCartIcon; diff --git a/src/icons/options/SpeechbubblesCommentIcon.tsx b/src/icons/options/SpeechbubblesCommentIcon.tsx index 6374f4b72..b42ef4b16 100644 --- a/src/icons/options/SpeechbubblesCommentIcon.tsx +++ b/src/icons/options/SpeechbubblesCommentIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const SpeechbubblesCommentIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const SpeechbubblesCommentIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props } ); }; - -SpeechbubblesCommentIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default SpeechbubblesCommentIcon; diff --git a/src/icons/options/SpeechbubblesPairIcon.tsx b/src/icons/options/SpeechbubblesPairIcon.tsx index 1ed4bfbf6..8f40a0df9 100644 --- a/src/icons/options/SpeechbubblesPairIcon.tsx +++ b/src/icons/options/SpeechbubblesPairIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const SpeechbubblesPairIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const SpeechbubblesPairIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: I ); }; - -SpeechbubblesPairIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default SpeechbubblesPairIcon; diff --git a/src/icons/options/SpeechbubblesSingleIcon.tsx b/src/icons/options/SpeechbubblesSingleIcon.tsx index 4451977aa..c3841c95c 100644 --- a/src/icons/options/SpeechbubblesSingleIcon.tsx +++ b/src/icons/options/SpeechbubblesSingleIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const SpeechbubblesSingleIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const SpeechbubblesSingleIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: ); }; - -SpeechbubblesSingleIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default SpeechbubblesSingleIcon; diff --git a/src/icons/options/SpeedometerIcon.tsx b/src/icons/options/SpeedometerIcon.tsx index d6b237034..ada01b63a 100644 --- a/src/icons/options/SpeedometerIcon.tsx +++ b/src/icons/options/SpeedometerIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const SpeedometerIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const SpeedometerIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconPro ); }; - -SpeedometerIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default SpeedometerIcon; diff --git a/src/icons/options/StarOutlineIcon.tsx b/src/icons/options/StarOutlineIcon.tsx index d36bcd52c..28e9cd42d 100644 --- a/src/icons/options/StarOutlineIcon.tsx +++ b/src/icons/options/StarOutlineIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const StarOutlineIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const StarOutlineIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconPro ); }; - -StarOutlineIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default StarOutlineIcon; diff --git a/src/icons/options/StarSolidIcon.tsx b/src/icons/options/StarSolidIcon.tsx index 2038b730b..bc0208ebb 100644 --- a/src/icons/options/StarSolidIcon.tsx +++ b/src/icons/options/StarSolidIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const StarSolidIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const StarSolidIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps ); }; - -StarSolidIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default StarSolidIcon; diff --git a/src/icons/options/StopWatchIcon.tsx b/src/icons/options/StopWatchIcon.tsx index 16cd6a938..855c0b7ef 100644 --- a/src/icons/options/StopWatchIcon.tsx +++ b/src/icons/options/StopWatchIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const StopWatchIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const StopWatchIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps ); }; - -StopWatchIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default StopWatchIcon; diff --git a/src/icons/options/WrenchIcon.tsx b/src/icons/options/WrenchIcon.tsx index a91aeb65f..4c244ec27 100644 --- a/src/icons/options/WrenchIcon.tsx +++ b/src/icons/options/WrenchIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const WrenchIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const WrenchIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) = ); }; - -WrenchIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default WrenchIcon; diff --git a/src/icons/payment/BankNoteIcon.tsx b/src/icons/payment/BankNoteIcon.tsx index 195e928e8..6138700a8 100644 --- a/src/icons/payment/BankNoteIcon.tsx +++ b/src/icons/payment/BankNoteIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const BankNoteIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BankNoteIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) ); }; - -BankNoteIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default BankNoteIcon; diff --git a/src/icons/payment/CreditCardIcon.tsx b/src/icons/payment/CreditCardIcon.tsx index c9078203b..d28705306 100644 --- a/src/icons/payment/CreditCardIcon.tsx +++ b/src/icons/payment/CreditCardIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const CreditCardIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CreditCardIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProp ); }; - -CreditCardIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default CreditCardIcon; diff --git a/src/icons/payment/CreditCardPlusIcon.tsx b/src/icons/payment/CreditCardPlusIcon.tsx index 530d97578..df2657eb8 100644 --- a/src/icons/payment/CreditCardPlusIcon.tsx +++ b/src/icons/payment/CreditCardPlusIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const CreditCardPlusIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const CreditCardPlusIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Icon ); }; - -CreditCardPlusIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default CreditCardPlusIcon; diff --git a/src/icons/payment/DigitalPaymentIcon.tsx b/src/icons/payment/DigitalPaymentIcon.tsx index 3db2a40e4..4ca440c0b 100644 --- a/src/icons/payment/DigitalPaymentIcon.tsx +++ b/src/icons/payment/DigitalPaymentIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const DigitalPaymentIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const DigitalPaymentIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Icon ); }; - -DigitalPaymentIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default DigitalPaymentIcon; diff --git a/src/icons/payment/FaceIdIcon.tsx b/src/icons/payment/FaceIdIcon.tsx index e3fc4c798..8e7d6b6c0 100644 --- a/src/icons/payment/FaceIdIcon.tsx +++ b/src/icons/payment/FaceIdIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const FaceIdIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const FaceIdIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) = ); }; - -FaceIdIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default FaceIdIcon; diff --git a/src/icons/payment/PaymentIcon.tsx b/src/icons/payment/PaymentIcon.tsx index 8198f57f9..8e9635daa 100644 --- a/src/icons/payment/PaymentIcon.tsx +++ b/src/icons/payment/PaymentIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const PaymentIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const PaymentIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) ); }; - -PaymentIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default PaymentIcon; diff --git a/src/icons/payment/RefundIcon.tsx b/src/icons/payment/RefundIcon.tsx index e9103b47f..2783a1097 100644 --- a/src/icons/payment/RefundIcon.tsx +++ b/src/icons/payment/RefundIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const RefundIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const RefundIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) = ); }; - -RefundIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default RefundIcon; diff --git a/src/icons/payment/TippingIcon.tsx b/src/icons/payment/TippingIcon.tsx index 1e40fd8f8..bb13637f8 100644 --- a/src/icons/payment/TippingIcon.tsx +++ b/src/icons/payment/TippingIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const TippingIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const TippingIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) ); }; - -TippingIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default TippingIcon; diff --git a/src/icons/payment/TouchIdIcon.tsx b/src/icons/payment/TouchIdIcon.tsx index 6b984716c..d81fe521e 100644 --- a/src/icons/payment/TouchIdIcon.tsx +++ b/src/icons/payment/TouchIdIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const TouchIdIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const TouchIdIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) ); }; - -TouchIdIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default TouchIdIcon; diff --git a/src/icons/payment/TravelExpensesIcon.tsx b/src/icons/payment/TravelExpensesIcon.tsx index 9d04e6c6a..ff98355cc 100644 --- a/src/icons/payment/TravelExpensesIcon.tsx +++ b/src/icons/payment/TravelExpensesIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const TravelExpensesIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const TravelExpensesIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Icon ); }; - -TravelExpensesIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default TravelExpensesIcon; diff --git a/src/icons/payment/VoucherIcon.tsx b/src/icons/payment/VoucherIcon.tsx index ceb3f0577..8e21f25d2 100644 --- a/src/icons/payment/VoucherIcon.tsx +++ b/src/icons/payment/VoucherIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const VoucherIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const VoucherIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) ); }; - -VoucherIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default VoucherIcon; diff --git a/src/icons/payment/WalletIcon.tsx b/src/icons/payment/WalletIcon.tsx index 628854355..76e3d1183 100644 --- a/src/icons/payment/WalletIcon.tsx +++ b/src/icons/payment/WalletIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const WalletIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const WalletIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) = ); }; - -WalletIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default WalletIcon; diff --git a/src/icons/service-type/BoltCircleIcon.tsx b/src/icons/service-type/BoltCircleIcon.tsx index da65dd68d..418aefb76 100644 --- a/src/icons/service-type/BoltCircleIcon.tsx +++ b/src/icons/service-type/BoltCircleIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const BoltCircleIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BoltCircleIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProp ); }; - -BoltCircleIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default BoltCircleIcon; diff --git a/src/icons/service-type/BoltOutlineIcon.tsx b/src/icons/service-type/BoltOutlineIcon.tsx index 036dcf6bb..49fc10330 100644 --- a/src/icons/service-type/BoltOutlineIcon.tsx +++ b/src/icons/service-type/BoltOutlineIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const BoltOutlineIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BoltOutlineIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconPro ); }; - -BoltOutlineIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default BoltOutlineIcon; diff --git a/src/icons/service-type/BoltSolidIcon.tsx b/src/icons/service-type/BoltSolidIcon.tsx index 40b2cc655..87bf8d077 100644 --- a/src/icons/service-type/BoltSolidIcon.tsx +++ b/src/icons/service-type/BoltSolidIcon.tsx @@ -1,22 +1,22 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const BoltSolidIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const BoltSolidIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + ); }; - -BoltSolidIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default BoltSolidIcon; diff --git a/src/icons/service-type/LeafCircleIcon.tsx b/src/icons/service-type/LeafCircleIcon.tsx index f4ebf6a3f..9d32bbe5b 100644 --- a/src/icons/service-type/LeafCircleIcon.tsx +++ b/src/icons/service-type/LeafCircleIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const LeafCircleIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const LeafCircleIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProp ); }; - -LeafCircleIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default LeafCircleIcon; diff --git a/src/icons/service-type/LeafOutlineIcon.tsx b/src/icons/service-type/LeafOutlineIcon.tsx index 24a2ca376..3828e5d4e 100644 --- a/src/icons/service-type/LeafOutlineIcon.tsx +++ b/src/icons/service-type/LeafOutlineIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const LeafOutlineIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const LeafOutlineIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconPro ); }; - -LeafOutlineIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default LeafOutlineIcon; diff --git a/src/icons/service-type/LeafSolidIcon.tsx b/src/icons/service-type/LeafSolidIcon.tsx index 5bfc84213..389acc9ff 100644 --- a/src/icons/service-type/LeafSolidIcon.tsx +++ b/src/icons/service-type/LeafSolidIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const LeafSolidIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const LeafSolidIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps ); }; - -LeafSolidIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default LeafSolidIcon; diff --git a/src/icons/service-type/LightningIcon.tsx b/src/icons/service-type/LightningIcon.tsx index 951da2fe3..0c34bf090 100644 --- a/src/icons/service-type/LightningIcon.tsx +++ b/src/icons/service-type/LightningIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const LightningIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const LightningIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps ); }; - -LightningIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default LightningIcon; diff --git a/src/icons/service-type/LiteCircleIcon.tsx b/src/icons/service-type/LiteCircleIcon.tsx index ed12e2c31..12f5345cf 100644 --- a/src/icons/service-type/LiteCircleIcon.tsx +++ b/src/icons/service-type/LiteCircleIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const LiteCircleIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const LiteCircleIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProp ); }; - -LiteCircleIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default LiteCircleIcon; diff --git a/src/icons/service-type/TwoPeopleCircleIcon.tsx b/src/icons/service-type/TwoPeopleCircleIcon.tsx index b370461b4..f524aca6f 100644 --- a/src/icons/service-type/TwoPeopleCircleIcon.tsx +++ b/src/icons/service-type/TwoPeopleCircleIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const TwoPeopleCircleIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const TwoPeopleCircleIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Ico ); }; - -TwoPeopleCircleIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default TwoPeopleCircleIcon; diff --git a/src/icons/service-type/TwoPeopleOutlineIcon.tsx b/src/icons/service-type/TwoPeopleOutlineIcon.tsx index cf5f140fa..138b15725 100644 --- a/src/icons/service-type/TwoPeopleOutlineIcon.tsx +++ b/src/icons/service-type/TwoPeopleOutlineIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const TwoPeopleOutlineIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const TwoPeopleOutlineIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Ic ); }; - -TwoPeopleOutlineIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default TwoPeopleOutlineIcon; diff --git a/src/icons/service-type/TwoPeopleSolidIcon.tsx b/src/icons/service-type/TwoPeopleSolidIcon.tsx index 3aec91fa2..331d04d4a 100644 --- a/src/icons/service-type/TwoPeopleSolidIcon.tsx +++ b/src/icons/service-type/TwoPeopleSolidIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const TwoPeopleSolidIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const TwoPeopleSolidIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Icon ); }; - -TwoPeopleSolidIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default TwoPeopleSolidIcon; diff --git a/src/icons/service-type/WheelchairCircleIcon.tsx b/src/icons/service-type/WheelchairCircleIcon.tsx index 79793088c..1b7415321 100644 --- a/src/icons/service-type/WheelchairCircleIcon.tsx +++ b/src/icons/service-type/WheelchairCircleIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const WheelchairCircleIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const WheelchairCircleIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Ic ); }; - -WheelchairCircleIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default WheelchairCircleIcon; diff --git a/src/icons/service-type/WheelchairOutlineIcon.tsx b/src/icons/service-type/WheelchairOutlineIcon.tsx index e44833766..f2fec2484 100644 --- a/src/icons/service-type/WheelchairOutlineIcon.tsx +++ b/src/icons/service-type/WheelchairOutlineIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const WheelchairOutlineIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const WheelchairOutlineIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: I ); }; - -WheelchairOutlineIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default WheelchairOutlineIcon; diff --git a/src/icons/service-type/WheelchairSolidIcon.tsx b/src/icons/service-type/WheelchairSolidIcon.tsx index d22062d56..c065d38f1 100644 --- a/src/icons/service-type/WheelchairSolidIcon.tsx +++ b/src/icons/service-type/WheelchairSolidIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const WheelchairSolidIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const WheelchairSolidIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Ico ); }; - -WheelchairSolidIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default WheelchairSolidIcon; diff --git a/src/icons/trip/AutomaticIcon.tsx b/src/icons/trip/AutomaticIcon.tsx index 3a5ef25bc..fcfd59870 100644 --- a/src/icons/trip/AutomaticIcon.tsx +++ b/src/icons/trip/AutomaticIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const AutomaticIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const AutomaticIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps ); }; - -AutomaticIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default AutomaticIcon; diff --git a/src/icons/trip/ChangeDestinationIcon.tsx b/src/icons/trip/ChangeDestinationIcon.tsx index 325b05005..626fda8c8 100644 --- a/src/icons/trip/ChangeDestinationIcon.tsx +++ b/src/icons/trip/ChangeDestinationIcon.tsx @@ -1,22 +1,22 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const ChangeDestinationIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ChangeDestinationIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + ); }; - -ChangeDestinationIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default ChangeDestinationIcon; diff --git a/src/icons/trip/DestinationIcon.tsx b/src/icons/trip/DestinationIcon.tsx index 8838809ef..d3bc19eee 100644 --- a/src/icons/trip/DestinationIcon.tsx +++ b/src/icons/trip/DestinationIcon.tsx @@ -1,22 +1,22 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const DestinationIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const DestinationIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + ); }; - -DestinationIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default DestinationIcon; diff --git a/src/icons/trip/DriverHeartIcon.tsx b/src/icons/trip/DriverHeartIcon.tsx index 1e0ffeaff..55555376a 100644 --- a/src/icons/trip/DriverHeartIcon.tsx +++ b/src/icons/trip/DriverHeartIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const DriverHeartIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const DriverHeartIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconPro ); }; - -DriverHeartIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default DriverHeartIcon; diff --git a/src/icons/trip/DriverIcon.tsx b/src/icons/trip/DriverIcon.tsx index 3f22aeba9..6203bc4a7 100644 --- a/src/icons/trip/DriverIcon.tsx +++ b/src/icons/trip/DriverIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const DriverIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const DriverIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) = ); }; - -DriverIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default DriverIcon; diff --git a/src/icons/trip/GiftIcon.tsx b/src/icons/trip/GiftIcon.tsx index 8c7601d88..f7bcbddec 100644 --- a/src/icons/trip/GiftIcon.tsx +++ b/src/icons/trip/GiftIcon.tsx @@ -1,16 +1,16 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const GiftIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const GiftIcon: React.FC = ({ size = 'medium', color = getSemanticValue('icon-primary-default'), ...rest }) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => ); }; - -GiftIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default GiftIcon; diff --git a/src/icons/trip/HelmetIcon.tsx b/src/icons/trip/HelmetIcon.tsx index 3e6777c39..fc8d7c6c0 100644 --- a/src/icons/trip/HelmetIcon.tsx +++ b/src/icons/trip/HelmetIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const HelmetIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const HelmetIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) = ); }; - -HelmetIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default HelmetIcon; diff --git a/src/icons/trip/LabelCheckedIcon.tsx b/src/icons/trip/LabelCheckedIcon.tsx index 788b8da59..ac5d5ce4b 100644 --- a/src/icons/trip/LabelCheckedIcon.tsx +++ b/src/icons/trip/LabelCheckedIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const LabelCheckedIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const LabelCheckedIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconPr ); }; - -LabelCheckedIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default LabelCheckedIcon; diff --git a/src/icons/trip/LabelIcon.tsx b/src/icons/trip/LabelIcon.tsx index 541f5de0e..04151e54f 100644 --- a/src/icons/trip/LabelIcon.tsx +++ b/src/icons/trip/LabelIcon.tsx @@ -1,16 +1,16 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const LabelIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const LabelIcon: React.FC = ({ size = 'medium', color = getSemanticValue('icon-primary-default'), ...rest }) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => ); }; - -LabelIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default LabelIcon; diff --git a/src/icons/trip/LabelOutlineIcon.tsx b/src/icons/trip/LabelOutlineIcon.tsx index f150c98be..49bcf525d 100644 --- a/src/icons/trip/LabelOutlineIcon.tsx +++ b/src/icons/trip/LabelOutlineIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const LabelOutlineIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const LabelOutlineIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconPr ); }; - -LabelOutlineIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default LabelOutlineIcon; diff --git a/src/icons/trip/LabelPlusIcon.tsx b/src/icons/trip/LabelPlusIcon.tsx index 4494efd73..f0e088c23 100644 --- a/src/icons/trip/LabelPlusIcon.tsx +++ b/src/icons/trip/LabelPlusIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const LabelPlusIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const LabelPlusIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps ); }; - -LabelPlusIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default LabelPlusIcon; diff --git a/src/icons/trip/LabelSolidIcon.tsx b/src/icons/trip/LabelSolidIcon.tsx index d436b44aa..182f8ba74 100644 --- a/src/icons/trip/LabelSolidIcon.tsx +++ b/src/icons/trip/LabelSolidIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const LabelSolidIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const LabelSolidIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProp ); }; - -LabelSolidIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default LabelSolidIcon; diff --git a/src/icons/trip/ManualIcon.tsx b/src/icons/trip/ManualIcon.tsx index d7dafc2c9..c6d5f17c7 100644 --- a/src/icons/trip/ManualIcon.tsx +++ b/src/icons/trip/ManualIcon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const ManualIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const ManualIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) = ); }; - -ManualIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default ManualIcon; diff --git a/src/icons/trip/MapIcon.tsx b/src/icons/trip/MapIcon.tsx index d78cb480b..eb9d7fecd 100644 --- a/src/icons/trip/MapIcon.tsx +++ b/src/icons/trip/MapIcon.tsx @@ -1,16 +1,16 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const MapIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const MapIcon: React.FC = ({ size = 'medium', color = getSemanticValue('icon-primary-default'), ...rest }) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => { ); }; - -MapIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default MapIcon; diff --git a/src/icons/trip/PedestrianIcon.tsx b/src/icons/trip/PedestrianIcon.tsx index 82bdec3ed..8c0ad07f3 100644 --- a/src/icons/trip/PedestrianIcon.tsx +++ b/src/icons/trip/PedestrianIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const PedestrianIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const PedestrianIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProp ); }; - -PedestrianIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default PedestrianIcon; diff --git a/src/icons/trip/People5Icon.tsx b/src/icons/trip/People5Icon.tsx index f28383ed8..a28cfdf26 100644 --- a/src/icons/trip/People5Icon.tsx +++ b/src/icons/trip/People5Icon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const People5Icon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const People5Icon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -22,8 +33,4 @@ const People5Icon: React.FC = ({ size = 'medium', ...props }: IconProps) ); }; - -People5Icon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default People5Icon; diff --git a/src/icons/trip/People6Icon.tsx b/src/icons/trip/People6Icon.tsx index f0c0f27b6..08017e7df 100644 --- a/src/icons/trip/People6Icon.tsx +++ b/src/icons/trip/People6Icon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const People6Icon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const People6Icon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -22,8 +33,4 @@ const People6Icon: React.FC = ({ size = 'medium', ...props }: IconProps) ); }; - -People6Icon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default People6Icon; diff --git a/src/icons/trip/People7Icon.tsx b/src/icons/trip/People7Icon.tsx index 60fcb865d..c5ad95132 100644 --- a/src/icons/trip/People7Icon.tsx +++ b/src/icons/trip/People7Icon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const People7Icon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const People7Icon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -22,8 +33,4 @@ const People7Icon: React.FC = ({ size = 'medium', ...props }: IconProps) ); }; - -People7Icon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default People7Icon; diff --git a/src/icons/trip/People8Icon.tsx b/src/icons/trip/People8Icon.tsx index b91cc581d..85c44eaea 100644 --- a/src/icons/trip/People8Icon.tsx +++ b/src/icons/trip/People8Icon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const People8Icon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const People8Icon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -22,8 +33,4 @@ const People8Icon: React.FC = ({ size = 'medium', ...props }: IconProps) ); }; - -People8Icon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default People8Icon; diff --git a/src/icons/trip/People9Icon.tsx b/src/icons/trip/People9Icon.tsx index 5890528f1..fa771941a 100644 --- a/src/icons/trip/People9Icon.tsx +++ b/src/icons/trip/People9Icon.tsx @@ -1,16 +1,27 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const People9Icon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const People9Icon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + @@ -22,8 +33,4 @@ const People9Icon: React.FC = ({ size = 'medium', ...props }: IconProps) ); }; - -People9Icon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default People9Icon; diff --git a/src/icons/trip/PersonOutlineIcon.tsx b/src/icons/trip/PersonOutlineIcon.tsx index 21ba90807..1590fa49a 100644 --- a/src/icons/trip/PersonOutlineIcon.tsx +++ b/src/icons/trip/PersonOutlineIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const PersonOutlineIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const PersonOutlineIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconP ); }; - -PersonOutlineIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default PersonOutlineIcon; diff --git a/src/icons/trip/PersonSolidIcon.tsx b/src/icons/trip/PersonSolidIcon.tsx index 5566e1662..271dc5990 100644 --- a/src/icons/trip/PersonSolidIcon.tsx +++ b/src/icons/trip/PersonSolidIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const PersonSolidIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const PersonSolidIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconPro ); }; - -PersonSolidIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default PersonSolidIcon; diff --git a/src/icons/trip/PickUpIcon.tsx b/src/icons/trip/PickUpIcon.tsx index 61ab16001..cf5a50dd1 100644 --- a/src/icons/trip/PickUpIcon.tsx +++ b/src/icons/trip/PickUpIcon.tsx @@ -1,22 +1,22 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const PickUpIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const PickUpIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + ); }; - -PickUpIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default PickUpIcon; diff --git a/src/icons/trip/SurgeCircleOutlineIcon.tsx b/src/icons/trip/SurgeCircleOutlineIcon.tsx index c796c1aaf..ba6789852 100644 --- a/src/icons/trip/SurgeCircleOutlineIcon.tsx +++ b/src/icons/trip/SurgeCircleOutlineIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const SurgeCircleOutlineIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const SurgeCircleOutlineIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: ); }; - -SurgeCircleOutlineIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default SurgeCircleOutlineIcon; diff --git a/src/icons/trip/SurgeCircleSolidIcon.tsx b/src/icons/trip/SurgeCircleSolidIcon.tsx index 231ea550f..733bc5b91 100644 --- a/src/icons/trip/SurgeCircleSolidIcon.tsx +++ b/src/icons/trip/SurgeCircleSolidIcon.tsx @@ -1,16 +1,20 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const SurgeCircleSolidIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const SurgeCircleSolidIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: Ic ); }; - -SurgeCircleSolidIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default SurgeCircleSolidIcon; diff --git a/src/icons/trip/TrendingUpIcon.tsx b/src/icons/trip/TrendingUpIcon.tsx index 31e348935..155084953 100644 --- a/src/icons/trip/TrendingUpIcon.tsx +++ b/src/icons/trip/TrendingUpIcon.tsx @@ -1,22 +1,29 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const TrendingUpIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const TrendingUpIcon: React.FC = ({ + size = 'medium', + color = getSemanticValue('icon-primary-default'), + ...rest +}) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + ); }; - -TrendingUpIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default TrendingUpIcon; diff --git a/src/icons/trip/VipIcon.tsx b/src/icons/trip/VipIcon.tsx index 666549381..215e187fa 100644 --- a/src/icons/trip/VipIcon.tsx +++ b/src/icons/trip/VipIcon.tsx @@ -1,16 +1,23 @@ // DO NOT EDIT. This file was generated by running `npm run generate`.; import * as React from 'react'; -import { Colors } from '../../essentials'; +import { getSemanticValue } from '../../utils/cssVariables'; import { get } from '../../utils/themeGet'; import { IconProps } from '../IconProps'; type Props = IconProps; - -const VipIcon: React.FC = ({ size = 'medium', ...props }: IconProps) => { +const VipIcon: React.FC = ({ size = 'medium', color = getSemanticValue('icon-primary-default'), ...rest }) => { + const props = { ...rest, color }; const sizePx = Number.isFinite(size as number) ? size : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); return ( - + = ({ size = 'medium', ...props }: IconProps) => { ); }; - -VipIcon.defaultProps = { - color: Colors.AUTHENTIC_BLUE_900 -}; export default VipIcon;