AI Changelog

New Features

Styled: Enjoy improved auto-import suggestions for the @emotion/styled package, making it easier to use in your projects.
Theming: Introduce the useTheme hook for easier theming management, allowing you to access the current theme directly in your components. This makes it more convenient to apply styles based on the theme without relying solely on the functional argument in the CSS prop.
Theming: Add type definitions for the useTheme hook from emotion-theming, enhancing TypeScript support and improving developer experience when using themes.

Improvements

TypeScript: Experience enhanced type definitions across various Emotion packages, ensuring better compatibility and developer experience.
Styling: Improve the handling of CSS custom properties by ensuring camelCased custom properties are correctly processed, preventing unexpected transformations.
Styling: Enhance the css prop to accept functions that utilize the theme when passed as array items, providing more flexibility in styling components.
Documentation: Update the documentation to clarify the usage of the css prop with TypeScript, ensuring developers have the correct guidance for implementation.

Fixes

Fix hydration issues in Next.js applications by addressing mismatched hashes between development and production builds, ensuring a smoother experience.
Fix hydration mismatches in styled components when using React 19, ensuring consistent behavior across different environments.
Fix type errors related to EmotionCache and improve compatibility with TypeScript module resolution modes, enhancing overall stability.
Fix issues with the css prop not being attached correctly to certain component types, improving usability and reducing errors.
Fix the autoLabel crash when using css as a computed key in an object, ensuring that your styles work seamlessly without runtime errors.
Fix the issue with Jest snapshots emitting different results when the environment is set to production, ensuring consistent test results across environments.
Fix the broken links in the documentation, ensuring that users can easily navigate to the relevant sections without encountering errors.

Others

Update documentation to clarify the usage of Emotion with various frameworks, making it easier for new users to get started.
Update the website to use MDX for better documentation formatting and improved readability, enhancing the overall user experience.
Add a new entry to the ecosystem section of the documentation, showcasing additional libraries that work well with Emotion, helping users discover useful tools.

New Features

Styled: Enjoy improved auto-import suggestions for the @emotion/styled package, making it easier to use in your projects.

Theming: Introduce the useTheme hook for easier theming management, allowing you to access the current theme directly in your components. This makes it more convenient to apply styles based on the theme without relying solely on the functional argument in the CSS prop.

Theming: Add type definitions for the useTheme hook from emotion-theming, enhancing TypeScript support and improving developer experience when using themes.

Improvements

TypeScript: Experience enhanced type definitions across various Emotion packages, ensuring better compatibility and developer experience.

Styling: Improve the handling of CSS custom properties by ensuring camelCased custom properties are correctly processed, preventing unexpected transformations.

Styling: Enhance the css prop to accept functions that utilize the theme when passed as array items, providing more flexibility in styling components.

Documentation: Update the documentation to clarify the usage of the css prop with TypeScript, ensuring developers have the correct guidance for implementation.

Fixes

Fix hydration issues in Next.js applications by addressing mismatched hashes between development and production builds, ensuring a smoother experience.

Fix hydration mismatches in styled components when using React 19, ensuring consistent behavior across different environments.

Fix type errors related to EmotionCache and improve compatibility with TypeScript module resolution modes, enhancing overall stability.

Fix issues with the css prop not being attached correctly to certain component types, improving usability and reducing errors.

Fix the autoLabel crash when using css as a computed key in an object, ensuring that your styles work seamlessly without runtime errors.

Fix the issue with Jest snapshots emitting different results when the environment is set to production, ensuring consistent test results across environments.

Fix the broken links in the documentation, ensuring that users can easily navigate to the relevant sections without encountering errors.

Others

Update documentation to clarify the usage of Emotion with various frameworks, making it easier for new users to get started.

Update the website to use MDX for better documentation formatting and improved readability, enhancing the overall user experience.

Add a new entry to the ecosystem section of the documentation, showcasing additional libraries that work well with Emotion, helping users discover useful tools.

emotion-js / emotion

mainv10.0.6

New Features

Improvements

Fixes

Others

New Features

Improvements

Fixes

Others