gatsby-theme-ui-layout
Advanced tools
Changelog
v0.15.5 (Tue Feb 07 2023)
:tada: This release contains work from new contributors! :tada:
Thanks for all your work!
:heart: Nischal Shakya (@Nischal2015)
:heart: Wahid Rahim (@wahidrahim)
useMDXComponents
import #2370 (@Nischal2015)Changelog
v0.15.4 (Thu Nov 10 2022)
Changelog
v0.15.1 (Tue Oct 04 2022)
@mdx-js/react
to peerDeps for gatsby-plugin-theme-ui
#2331 (@hasparus)Changelog
v0.15.0 (Mon Sep 26 2022)
:tada: This release contains work from new contributors! :tada:
Thanks for all your work!
:heart: Luke Watts (@thisislawatts)
:heart: Valto Savi (@pointlessrapunzel)
:heart: Brage Sekse Aarset (@braaar)
theme-ui
no longer includes @theme-ui/mdx
— MDX is now opt-in.If your project is not using MDX or importing Themed
, you shouldn't need to
change anything.
MDXProvider
is no longer included in Theme UI ThemeProvider
, and has been
removed in favour of an useThemedStylesWithMdx
hook.
Migration: Use useThemedStylesWithMdx
together with MDXProvider
and useMDXComponents
from @mdx-js/react
.
import {
MDXProvider,
useMDXComponents,
Components as MDXComponents,
MergeComponents as MergeMDXComponents,
} from '@mdx-js/react'
import { useThemedStylesWithMdx } from '@theme-ui/mdx'
import { ThemeProvider, Theme } from 'theme-ui'
interface MyProviderProps {
theme: Theme
components?: MDXComponents | MergeMDXComponents
children: React.ReactNode
}
function MyProvider({ theme, components, children }: MyProviderProps) {
const componentsWithStyles = useThemedStylesWithMdx(useMDXComponents(components))
return (
<ThemeProvider theme={theme}>
<MDXProvider components={componentsWithStyles}>
{children}
</MDXProvider>
</ThemeProvider>
)
}
Themed
components dict and other exports from @theme-ui/mdx
are no longer reexported from theme-ui
.
Migration: Import it from @theme-ui/mdx
instead.
- import { Themed } from 'theme-ui'
+ import { Themed } from '@theme-ui/mdx'
@theme-ui/editor
was removed. Use CSS GUI instead.
/customize
page in Theme UI docs has been removed. Use Components.ai Theme Builder or an alternative instead.Theme UI 0.15.0 drops support for React 16 and React 17. Your use case may still work, but we don't guarantee it.
Select
component default paddingRight
style has increased to spaces[4]
(32px by default), to avoid text flowing behind the chevron icon.