# Migration guideline Component library version 9.x -> 10.0

This breaking release concerns only projects using `telia-react-component-library` package.

## Logo

Icon `telia-full-logo` got removed and replaced with it's own component.

| OLD                                                                                                    | NEW                                                                                             |
| ------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------- |
| `<Icon name="telia-full-logo" size="md" color="purple500" url="https://www.telia.fi" tagName="div" />` | `<Logo size="md" color="purple500" tagName="div" linkProps={{ to: 'https://www.telia.fi' }} />` |

## Icon set update

Icon set got updated. There is a table for replacements and removed icons. With removed icons, consult team's designer for replacement.

Components having icon options:

- Icon
- Autocomplete
- Button
- GrowlNotification
- Input
- OverflowMenu item
- SideNavigation item
- UserDropdown item

Replacement table:

| OLD                  | NEW                         |
| -------------------- | --------------------------- |
| ai                   | ai-robot                    |
| arrow-down           | chevron-down                |
| arrow-left           | chevron-left                |
| arrow-right          | chevron-right               |
| arrow-up             | chevron-up                  |
| attach               | attachment                  |
| ball                 | basketball                  |
| best-in-test         | price                       |
| buy                  | cart                        |
| cafe                 | coffee                      |
| calendar-1           | calendar                    |
| calendar-2           | calendar                    |
| calendar-3           | calendar                    |
| cart-empty           | cart                        |
| check-circle-fill    | check-circle-filled         |
| check-circle-outline | check-circle                |
| check                | checkmark                   |
| connected-family     | REMOVED                     |
| contacts             | end-user                    |
| content              | media-content               |
| copy-folder          | folder-copy                 |
| cost-control         | euro                        |
| default-doc          | doc                         |
| digital-tv           | tv                          |
| door-alarm           | REMOVED                     |
| e-settings           | settings                    |
| e-support            | support                     |
| edit-pen             | edit                        |
| end-user-device      | smartphone                  |
| error-fill           | alert-filled                |
| error-outline        | alert                       |
| final-notice         | REMOVED                     |
| folder-open          | REMOVED                     |
| globe                | internet                    |
| go-out-alarm         | REMOVED                     |
| hand-shake           | handshake                   |
| help-1               | question                    |
| help-2               | question-filled             |
| help-3               | help                        |
| helppi               | REMOVED                     |
| ic-cart-no           | REMOVED                     |
| info-1               | info                        |
| info-2               | info-filled                 |
| ipad                 | tablet                      |
| listen               | headphones                  |
| malicious-01         | REMOVED                     |
| malicious-02         | REMOVED                     |
| malicious-03         | REMOVED                     |
| mobile-data          | data-transfer               |
| mobile-recycling     | phone-recycling             |
| mobile               | smartphone                  |
| money-back-e         | REMOVED                     |
| money                | money-euro                  |
| more-2               | more-vertical               |
| more                 | more-horizontal             |
| move-folder          | REMOVED                     |
| my-account           | end-user                    |
| my-invoices          | invoice                     |
| open-security        | lock-open                   |
| payment              | payment-success             |
| pebble-ripple        | REMOVED                     |
| press-buttons        | press-button                |
| reports              | report                      |
| savings-e            | savings                     |
| search-address       | REMOVED                     |
| security-1           | lock-closed                 |
| security-2           | secured-1                   |
| security-3           | secured-2                   |
| slow-wifi-at-home    | slow-wifi                   |
| smiley-1             | smiley-happy                |
| smiley-2             | smiley-sad                  |
| smiley-3             | REMOVED                     |
| snapchat-ghost       | snapchat                    |
| sort                 | filter                      |
| sorter-down          | chevron-down                |
| sorter-inactive      | sorter                      |
| sorter-up            | chevron-up                  |
| star-xmas            | REMOVED                     |
| star                 | star-filled                 |
| statistics           | bar-chart                   |
| subscription         | esim-simcard                |
| tags                 | tag                         |
| telia-full-logo      | REMOVED, USE LOGO COMPONENT |
| temperature          | REMOVED                     |
| trade                | trade-phone                 |
| trash-empty          | delete                      |
| trash-full           | delete                      |
| travel-abroad        | plane                       |
| tv-ppv               | REMOVED                     |
| video-1              | trailer                     |
| video-2              | video                       |
| video-content        | video                       |
| warning-fill         | error-filled                |
| warning-outline      | error                       |
| water-alarm          | REMOVED                     |
| write-email          | email                       |
| xls                  | excel                       |
