v0.15.0-develop.24

Update version to v0.15.0-develop.24

v0.15.0-develop.23

Release Notes

Pull out MDX to be opt-in (#2288)

Breaking: 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'

Breaking: Themed object is no longer a component**

Previously, it was an alias for Themed.div.

• Migration: Whenever you're using <Themed />, use <Themed.div />
  instead.

---

🚀 Enhancement

• Pull out MDX to be opt-in #2288 (@hasparus @beerose @lachlanjc hasparus@Piotrs-MacBook.local)

Authors: 4

• Aleksandra (@beerose)
• Lachlan Campbell (@lachlanjc)
• Piotr Monwid-Olechnowicz (@hasparus)

v0.15.0-develop.21

v0.15.0-develop.21

v0.15.0-develop.20

v0.15.0-develop.20

v0.15.0-develop.19

v0.15.0-develop.19

v0.15.0-develop.18

👨‍💻 Minor changes

• Update index.mdx (@hasparus)

Authors: 1

• Piotr Monwid-Olechnowicz (@hasparus)

v0.15.0-develop.17

Release Notes

Remove @theme-ui/editor (#2292)

• Breaking: @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.

---

🐛 Bug Fix

• Remove @theme-ui/editor #2292 (@hasparus)

Authors: 1

• Piotr Monwid-Olechnowicz (@hasparus)

v0.15.0-develop.14

🐛 Bug Fix

• @theme-ui/mdx
  • fix(mdx): add .sx props to Themed.X styles #2250 (@hasparus)

🏠 Internal

• Docs: Group project templates by framework, add Remix #2276 (@lachlanjc)

Authors: 2

• Lachlan Campbell (@lachlanjc)
• Piotr Monwid-Olechnowicz (@hasparus)

v0.15.0-develop.13

v0.15.0-develop.13

v0.14.7

👨‍💻 Minor changes

• Update index.mdx (@hasparus)

Authors: 1

• Piotr Monwid-Olechnowicz (@hasparus)