styled-icons

Fix issue where TypeScript compiler would evaluate all icon files, regardless of what icons were imported, significantly increasing compile time. This was due to the StyledIcon TypeScript type. To resolve, there is now a styled-icons/types import for that type. If you previously imported it from styled-icons, you should update to speed up your builds.

If you previously had this code:

import {StyledIcon} from 'styled-icons'

// or
import {StyledIconProps} from 'styled-icons'

You should replace it with:

import {StyledIcon} from 'styled-icons/types'

import {StyledIconProps} from 'styled-icons/types'

(breaking) remove an export of the StyledIconProps TypeScript type from each of the icon pack exports. This export was previously accidental. Each of the exports from the icon packs was assumed to be an icon, so unless you are depending on the extra export, you do not need to change anything.

As an example, if you have this code:

import {StyledIconProps} from 'styled-icons/material' // or any other pack

You should replace it with:

import {StyledIconProps} from 'styled-icons'

Use Babel to build the library files

• Reduces bundle size by avoiding duplication of helper functions
• Pre-processes Styled Icons with the Styled Components Babel plugin to fix issues with server-side rendering