@theme-ui/css
Advanced tools
Changelog
v0.6.0-alpha.8 2021-02-19
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.
Changelog
v0.6.0-alpha.7 2021-02-15
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.
Changelog
v0.6.0-alpha.6 2021-01-22
BREAKING: Default useColorSchemeMediaQuery
to true
. Issue #624, PR
#1373
How to migrate? Add useColorSchemeMediaQuery: false
to your theme if you
don't have this property.
Read more in the docs.
Option for gatsby-plugin-theme-ui
to disable body script
(injectColorFlashScript
, defaulting to true
). Issue #1369, PR #1370
Bump versions @mdx-js/mdx
and @mdx-js/react
to ^1.6.22
,
gatsby-plugin-mdx to ^1.6.0
. PR #1351
Fix: "as" prop on Themed.X components now properly opts out of typechecking
ComponentProps<typeof Themed['div']>
, import
ThemedComponent<'div'>
instead.@theme-ui/prism
: Support multiple highlight wrappers in a single code block.
PR #1393