Releases: emotion-js/emotion
@emotion/primitives@11.0.0-next.2
Major Changes
79036056
#967 Thanks @mitchellhamilton! - Use hooks internally for improved bundle size and a better tree in React DevTools
Patch Changes
- Updated dependencies [
79036056
]:- emotion-theming@11.0.0-next.2
- @emotion/primitives-core@11.0.0-next.2
@emotion/primitives@11.0.0-next.1
Patch Changes
- Updated dependencies [
1eaa3a38
]:- emotion-theming@11.0.0-next.1
- babel-plugin-emotion@11.0.0-next.1
- @emotion/primitives-core@11.0.0-next.1
@emotion/primitives-core@11.0.0-next.2
Major Changes
79036056
#967 Thanks @mitchellhamilton! - Use hooks internally for improved bundle size and a better tree in React DevTools
Patch Changes
- Updated dependencies [
79036056
]:- @emotion/core@11.0.0-next.2
@emotion/primitives-core@11.0.0-next.1
Patch Changes
- Updated dependencies []:
- @emotion/core@11.0.0-next.1
@emotion/native@11.0.0-next.2
Major Changes
79036056
#967 Thanks @mitchellhamilton! - Use hooks internally for improved bundle size and a better tree in React DevTools
Patch Changes
- Updated dependencies [
79036056
]:- emotion-theming@11.0.0-next.2
- @emotion/primitives-core@11.0.0-next.2
@emotion/native@11.0.0-next.1
Patch Changes
- Updated dependencies [
1eaa3a38
]:- emotion-theming@11.0.0-next.1
- @emotion/primitives-core@11.0.0-next.1
@emotion/css@11.0.0-next.1
Major Changes
-
1eaa3a38
#1600 Thanks @mitchellhamilton! - TypeScript types have been restructured. These changes:- Reduce build times when using emotion
- In many cases remove the need for manually specifying generic parameters for your emotion components.
If you encounter build issues after upgrade, try removing any manually specified generic types and let them be inferred. Otherwise refer to the breaking changes list below.
Improvements
- useTheme added to EmotionTheming interface and can now create your own closed variation of withTheme. More information in the docs under the theming section.
- Union types as props are better supported and should be inferred properly
- Build times should be reduced significantly in larger projects.
Breaking changes
-
withTheme can now have the Theme type specified when calling it. For example
withTheme<MyTheme>(MyComponent)
Breaking change: Generic argument changed, if you were specifying the ComponentType you will need to remove the generic parameter. Recommend following example setup in the TypeScript docs under theming section
-
css
function has been restricted to prevent passing of invalid types -
CreateStyled
functions no longer take a secondExtraProps
argument. Instead move it to after the create styled call. For examplestyled<typeof MyComponent, ExtraProps>(MyComponent)({})
to
styled(MyComponent)<ExtraProps>({})
-
StyledComponent
type no longer supports the third genericTheme
parameter. Instead add thetheme
prop to the firstProps
argument. For example:StyledComponent<Props, {}, MyTheme>
to
StyledComponent<Props & { theme?: MyTheme }>
Patch Changes
- Updated dependencies [
1eaa3a38
]:- @emotion/serialize@1.0.0-next.0
- babel-plugin-emotion@11.0.0-next.1
@emotion/core@11.0.0-next.2
Major Changes
79036056
#967 Thanks @mitchellhamilton! - Use hooks internally for improved bundle size and a better tree in React DevTools
Patch Changes
@emotion/core@11.0.0-next.1
jest-emotion@11.0.0-next.0
Major Changes
302bdba1
#1600 Thanks @mitchellhamilton! - Ensure packages are major bumped so that pre-release versions of the linked packages are consistent in the major number
Patch Changes
- Updated dependencies [
302bdba1
]:- @emotion/core@11.0.0-next.0
- emotion@11.0.0-next.0