Migration Guides

PR #220

Changes

1. Remove AppStoreIcon and GooglePlayIcon
2. Add MobileAppIcon
3. Remove MastercardIcon, MirIcon and VisaIcon
4. Add PaymentSystemIcon
5. Remove McscIcon, MirAcceptIcon, PciDssIcon and VisaVerifiedIcon
6. Add PaymentSecurityIcon

Guide

1. Change <AppStoreIcon/> with <MobileAppIcon name="apple"/>
2. Change <GooglePlayIcon/> with <MobileAppIcon name="google"/>
3. Change <MastercardIcon/> with <PaymentSystemIcon name="mastercard"/>
4. Change <MirIcon/> with <PaymentSystemIcon name="mir"/>
5. Change <VisaIcon/> with <PaymentSystemIcon name="visa"/>
6. Change <McscIcon/> with <PaymentSecurityIcon name="mastercard-id-check" gray/>
7. Change <MirAcceptIcon/> with <PaymentSecurityIcon name="mir-accept" gray/>
8. Change <PciDssIcon/> with <PaymentSecurityIcon name="pci-dss" gray/>
9. Change <VisaVerifiedIcon/> with <PaymentSecurityIcon name="visa-verified" gray/>

PR #191

Changes

1. Merge @qiwi/pijma-media inners to @qiwi/pijma-core.
2. Remove WeakIcon, IconWrapper and other *Icon components
3. Add color and size props to IconProps
4. Remove question, filter-active, visa, mastercard, mir, pci-dss, mir-accept, visa-verified, mcsc icons from Icon
5. Add QuestionIcon, FilterIcon (with active prop), VisaIcon, MastercardIcon, MirIcon, PciDssIcon, MirAcceptIcon, VisaVerifiedIcon, McscIcon as separate components
6. Remove @qiwi/pijma-mediapackage

Guide

Proper way

1. Remove IconWrapper. Use Icon with color prop instead.
2. Replace WeakIcon with Icon.
3. Replace filter-active with <Icon name='filter' active>
4. Replace <Icon name='visa'> with <VisaIcon>. Do the same for mastercard, mir, pci-dss, mir-accept, visa-verified, mcsc and question

Workaround

1. Copy IconWrapper component from the previous release
2. Create WeakIcon (and Icon) component, render new Icon or fallbacks components (6) for question, filter-active, visa, mastercard, mir, pci-dss, mir-accept, visa-verified, mcsc icons (5)