# Migration guideline Component library version 1.0 -> 2.0
## Deprecated components
| Deprecated component | Replacement |
| ---------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Stripe | Customized `` |
| Expandable Content | No replacement |
| Expandable Content Container | No replacement |
| SegmentedToggleGroup | No replacement |
| Subheading | `{children}` or
`{children}` |
| HeroArea | `{children}
`
and box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15) |
| IconAndCaption | `{children}` |
## Deprecated features
| Deprecated features | Replacement |
| ------------------------------------------------ | ----------------------------------------------------------------------------------- |
| Call to Action Button appearign to Card on hover | New behavior is that the whole Card is clickable and the hover lifts the Card a bit |
| Old FileUploader component API | Check the new API from the Storybook documentation |
## Icons
Icons are now svgs instead of fonts. In case you have used font-size modifier to influence the icon size, notice that this no longer works, but you need to use height/width parameters instead.
- Icon sizes
- xlg: 48px -> 40px
- lg: 36px -> 32px
- md: 24px -> 24px
- sm: 12px -> 16px
- xs: 10px -> 10px
If you have been using _padding_ with Icon component, it no longer works and makes the icon invisible. Remove paddings from the code in order to get icon visible
### Old icons vs. new ones
All icons follow now following the naming convention where - is the separator, for example `arrow-down` or `calendar-1`. Some of the icons are replaced with slightly lighter variant, for example arrows and crosses are not as bold as before. Notice this when updating your layout.
| OLD | NEW |
| ------------------------- | ----------------------------------------- |
| mobile-network-4g | 4g |
| NEW | 5g |
| add | plus |
| address_book | address-book |
| ai | ai |
| alarm | alarm |
| alert | warning-fill |
| archive | REMOVED |
| arrow-down | arrow-down |
| arrow-left | arrow-left |
| arrow-right | arrow-right |
| arrow-up | arrow-up |
| attach | attach |
| b2b-customer | REMOVED |
| ball | ball |
| battery | battery |
| best_in_test | best-in-test |
| bin | REMOVED |
| blood_pressure | blood-pressure |
| box | REMOVED |
| broadband | broadband |
| broken_phone | broken-phone |
| bulb | bulb |
| business_intelligence | business-intelligence |
| buy | buy |
| cafe | cafe |
| calendar | calendar-1 |
| calendar_2 | calendar-2 |
| calendar_3 | calendar-3 |
| camera | camera |
| care | care |
| NEW | cart-empty |
| speechbubble | chat-app |
| chat_robot | chat-robot |
| chat | chat |
| yes | check-circle-fill |
| NEW | check-circle-outline |
| ok_check | check |
| no | close-circle |
| cloud | cloud |
| code | REMOVED |
| connected_building | connected-building |
| connected_family | connected-family |
| connected | connected |
| contacts | contacts |
| content | content |
| conversation | conversation |
| copy | REMOVED |
| copy_folder | copy-folder |
| copydone | REMOVED |
| core_router | core-router |
| cost_control | cost-control-2 |
| cost_control_2 | cost-control |
| cpe | cpe |
| credit-card | credit-card |
| customer-dialogue | customer-dialogue |
| customer-support | REMOVED |
| NEW | daas-device |
| default_doc | default-doc |
| default_image | default-image |
| delete-thin | delete |
| delete | delete |
| delivery | delivery |
| devices | devices |
| digital_tv | digital-tv |
| dislike | dislike |
| doc | doc |
| door_alarm | door-alarm |
| dot | REMOVED |
| download | download |
| e_settings | e-settings |
| e_support | e-support |
| edge_router | edge-router |
| edit_pen | edit-pen |
| edit | edit |
| education | education |
| email | email |
| end_user | end-user-device |
| end_user_device | end-user |
| entertainment | entertainment |
| error | error-fill |
| NEW | error-outline |
| external | external |
| facebook | REMOVED |
| favourites | star |
| filter | filter |
| final_notice | final-notice |
| fingerprint | fingerprint |
| five | five |
| focus | focus |
| folder | folder-open |
| folder_open | folder |
| games | games |
| getting_started | getting-started |
| gif | gif |
| telia-globe | globe |
| gift | REMOVED |
| github | REMOVED |
| go_out_alarm | go-out-alarm |
| google-plus | REMOVED |
| graph | graph |
| hand_shake | hand-shake |
| health_services | health-services |
| heart | heart |
| NEW | help-1 |
| NEW | help-2 |
| help | help-3 |
| helppi | helppi |
| home | home |
| home_installation | home-installation |
| NEW | ic-cart-no |
| imei | imei |
| inactivity_alarm | inactivity-alarm |
| infinite | infinite |
| NEW | info-1 |
| info | info-2 |
| instagram | instagram |
| internet | internet |
| inventory_status_1 | inventory-status-1 |
| inventory_status_2 | inventory-status-2 |
| inventory_status_3 | inventory-status-3 |
| invoice | invoice-1 |
| NEW | invoice-2 |
| NEW | invoice-3 |
| iot | REMOVED |
| ipad | ipad |
| jpg | jpg |
| laitevakuutus | REMOVED |
| laptop | laptop |
| late_payment | late-payment |
| like | like |
| link | link |
| linkedin | linkedin |
| listen | listen |
| login | NEW LOOK, contacts looks as the old login | |
| logout | logout |
| malicious | malicious-01 |
| malicious_01 | malicious-02 |
| malicious_02 | malicious-03 |
| manage_users | manage-users |
| map-marker | map |
| map | map |
| megaphone | megaphone |
| menu | menu |
| microphone | microphone |
| minus | minus |
| mobile | mobile |
| mobile_data | mobile-data |
| mobile_recycling | mobile-recycling |
| money | money |
| money_back | money-back |
| money_back_e | money-back-e |
| NEW | more |
| more | more-2 |
| move_folder | move-folder |
| music | music |
| my_account | my-account |
| my_invoices | my-invoices |
| my_organization_invoices | my-organization-invoices |
| network | network |
| new_address_book | new-address-book |
| new_contact | new-contact |
| new_folder | new-folder |
| new_group | new-group |
| news | error-fill |
| no | close-circle |
| norway_net_signal | norway-net-signal |
| ok-check | check |
| open_security | open-security |
| org_chart | org-chart |
| parental_guide | parental-guide |
| pause | pause |
| pay_monthly | pay-monthly |
| pay_once | pay-once |
| payment | payment |
| pdf | pdf |
| pebble-loader | REMOVED |
| NEW | pebble-ripple |
| pebble | pebble |
| peering | peering-01 |
| peering_01 | peering-02 |
| peering_02 | peering-03 |
| people | people |
| phone | phone |
| phone_setting | phone-setting |
| pie_chart | pie-chart |
| NEW | play-1 |
| play | play |
| plus | plus |
| plus\*&\_minus | plus-and-minus |
| png | png |
| portal | portal |
| ppt | ppt |
| premises_datacenter | premises-datacenter |
| premises_large | premises-large |
| premises_small | premises-small |
| present | present |
| press_buttons | press-buttons |
| print | print |
| question | help-2 |
| queue | queue |
| rack | rack |
| radio | radio |
| register | register |
| remove | minus |
| rename_folder | rename-folder |
| repair | repair |
| reports | reports |
| reservation | reservation |
| NEW | resize |
| restaraunt | restaraunt |
| reverse | reverse |
| roaming | roaming |
| router | router |
| rss | rss |
| save | save |
| savings | savings-e |
| savings_e | savings |
| search | search |
| search_address | search-address |
| secure_device | secure-device |
| security | security-1 |
| security_2 | security-2 |
| security_3 | security-3 |
| NEW | send |
| server | server-1 |
| server-v2 | server-2 |
| server_3 | server-3 |
| service_device | service-device |
| service_supervision | service-supervision |
| NEW | services-app |
| services | services |
| shopping | shopping |
| shoppingcart | buy |
| shuffle | shuffle |
| silent | silent |
| sim | REMOVED |
| six | six |
| skip_backward | skip-backward |
| skip_forward | skip-forward |
| slow_wifi_at_home | slow-wifi-at-home |
| smiley 3 | smiley-3 |
| smiley | smiley-2 |
| smiley_2 | smiley-1 |
| sms | sms |
| snapchat-ghost-background | snapchat-ghost |
| snapchat-ghost | REMOVED |
| snowflake | snowflake |
| sonera | REMOVED |
| sort | sort |
| NEW | speed |
| speech-bubble | chat-app |
| spell_check | spell-check |
| star | star-xmas |
| star_xmas | star |
| statistics | statistics |
| stop | stop |
| store | store |
| stream | stream |
| subscription | subscription |
| summary | summary |
| switch | switch |
| sync | sync |
| tablet | REMOVED |
| tag | tags |
| tags | tags |
| tele-finland | REMOVED |
| telia | telia-full-logo |
| telia_globe | globe |
| telia_health | telia-health |
| temperature | temperature |
| time | time |
| trade | trade |
| transfer | transfer |
| trash_empty | trash-empty |
| trash_full | trash-full |
| travel | travel |
| travel_abroad | travel-abroad |
| tv_ppv | tv-ppv |
| twitter | REMOVED |
| undo | undo |
| upload | upload |
| vcard | vcard |
| vcard_download | vcard-download |
| video-v2 | video-2 |
| video | video-1 |
| video_2 | video-2 |
| video_content | video-content |
| voice_switch | voice-switch |
| voicemail | voicemail |
| voicemail_new | REMOVED |
| voicemail_play | voicemail-play |
| volume | volume |
| alert | warning-fill |
| NEW | warning-outline |
| water_alarm | water-alarm |
| weather | weather |
| weight | weight |
| wireless | wireless |
| write_email | write-email |
| xls | xls |
| yes | check-circle-fill |
| youtube | REMOVED |
| zoom | REMOVED |
| zoomout | REMOVED |