@theme-ui/css - npm Package Versions

Make the rename of Styled to Themed non-breaking. Add a deprecation warning on Styled until a future release. PR #1461

Paragraph component's hardcoded responsive style has been removed (issue #1476)

Fix issue where css custom vars are only added to body if modes is in the colors declaration of the theme.

BREAKING: Move theme configuration options to config object in theme.

Breaking TypeScript: Known colors (primary, text, background, accent, secondary) in ColorMode can now be nested scales.

The following no longer typechecks, as colors.primary can be an object.

sx={{
  color: theme => theme.colors?.primary?.toUpperCase()
}}

But the following code still works.

sx={{
  color: theme => theme.colors?.primary
}}

If colors.primary is an object, colors.primary.__default is used.

Add theme.useRootStyles configuration option (false by default). Set it to true to add styles.root to html instead of body. theme.useBodyStyles configuration option still defaults to true, but it's going in to be deprecated in favor of theme.useRootStyles in the future.

Skip false values before passing style objects to Emotion. Issue #1297, PR #1460.

• <img src="https://emojis.slackmojis.com/emojis/images/1479745458/1383/typescript.png?1479745458" width="16" height="16" /> Allow `false` as style property value in TS types.