v0.14.0

Migration Notes

• theme-ui, @theme-ui/components and @theme-ui/mdx packages no longer
  depend on @emotion/styled.

• Previously deprecated Component.withComponent API was removed.

• as prop was removed from Themed.X components from @theme-ui/mdx.

  • All occurences of <Themed.X as="element"> can be changed to
    <element sx={t => t.styles.X} />.

---

🎉 This release contains work from new contributors! 🎉

Thanks for all your work!

❤️ Brage (@braaar)

❤️ peterlits zo (@PeterlitsZo)

❤️ Ryan Turner (@rtturner)

❤️ Cannon Lock (@CannonLock)

🚀 Enhancement

• feat(examples/next): Add new deps, fully use TSX, rebuild #2068 (@lachlanjc)
• @theme-ui/components, @theme-ui/css, gatsby-plugin-theme-ui, @theme-ui/mdx, @theme-ui/sidenav, @theme-ui/theme-provider, theme-ui
  • Remove @emotion/styled usage #2043 (@atanasster @hasparus @lachlanjc)
• @theme-ui/tailwind
  • feat(tailwind): Upgrade Tailwind theme conversion for v3.0 #2082 (@lachlanjc)
• @theme-ui/custom-properties
  • feat(custom-properties): Warn in development on invalid theme keys #2080 (@lachlanjc)
• @theme-ui/color-modes
  • feat(color-modes): Warn when theme color keys have leading/trailing whitespace #2099 (@lachlanjc)
• theme-ui
  • feat(theme-ui): Add sx prop to BaseStyles component #2081 (@lachlanjc)

🐛 Bug Fix

• fix(docs): make layout more consistent #2168 (@hasparus)
• feat(docs): Add custom content for sketchy preset demo #1236 (@atanasster @hasparus @lachlanjc)
• fix(docs): Update recommendations in Keyframes doc #2079 (@lachlanjc)
• docs: add dependencies to "getting started" #2075 (@braaar)
• @theme-ui/color-modes
  • fix(color-modes): properly use print mode even if its name is initialColorModeName #2090 (@hasparus)
• gatsby-plugin-theme-ui
  • fix(gatsby-plugin-theme-ui,docs): Dependency Updates #2138 (@LekoArts)
• @theme-ui/style-guide
  • fix(style-guide): use inherited fontSize for ColorPalette color labels #2135 (@braaar)
• @theme-ui/components
  • fix(components): Update IconButton type definition to include size prop #2121 (@rtturner)
  • components: Fix visual collapsing bug with Switch component #2067 (@lachlanjc)
• @theme-ui/sidenav
  • fix(sidenav): Build with latest theme-ui version #2084 (@lachlanjc)
  • Make change non-breaking #2075 (@lachlanjc)
  • Remove sx prop #2075 (@lachlanjc)
  • sidenav: Fix props leaking to DOM on Pagination component #2075 (@lachlanjc)

👨‍💻 Minor changes

• Update jsx-pragma.mdx (@hasparus)
• docs(examples/next): fix case insensitive import (@hasparus)

🏠 Internal

• docs(sx-prop): add more detail for responsive values. #2116 (@PeterlitsZo @lachlanjc)
• docs(jsx-pragma): Add section on using with vite #2119 (@PeterlitsZo @lachlanjc)
• docs: Clarify usage of theme prop in MDX Layout docs #2100 (@CannonLock)
• docs(jsx): add some more detail to #with-swc section in jsx-pragma docs #2094 (@hasparus @lachlanjc)
• e2e: Upgrade dependencies #2098 (@lachlanjc)
• Set up CodeSandbox CI #2085 (@lachlanjc)
• examples: Remove CodeSandbox starter example #2086 (@lachlanjc)
• docs: Document default theme values #2087 (@lachlanjc)
• @theme-ui/sidenav
  • sidenav: Fix props leaking to DOM on Pagination component #2057 (@lachlanjc)

📝 Documentation

• Finish editing note #2079 (@lachlanjc)

Authors: 8

• Atanas Stoyanov (@atanasster)
• Brage (@braaar)
• Cannon Lock (@CannonLock)
• Lachlan Campbell (@lachlanjc)
• Lennart (@LekoArts)
• peterlits zo (@PeterlitsZo)
• Piotr Monwid-Olechnowicz (@hasparus)
• Ryan Turner (@rtturner)