v0.11.0

🎉 This release contains work from new contributors! 🎉

Thanks for all your work!

❤️ Torne Wuff (@tornewuff)

❤️ Jordie Bodlay (@jordie23)

Release Notes

Fixed a long-standing bug with color modes in nested providers (#1456)

Added @theme-ui/css/utils with TypeScript CIF functions and fix preset types (#1862)

• Added TypeScript Constrained identity functions makeTheme, makeStyles and makeColorsScale which can be imported from @theme-ui/css/utils.
• Used aformentioned functions to properly define types of presets. Exported themes are now assignable to Theme but their types narrowly describe their exact values.

---

---

🚀 Enhancement

• @theme-ui/color, @theme-ui/css, @theme-ui/preset-base, @theme-ui/preset-bootstrap, @theme-ui/preset-bulma, @theme-ui/preset-dark, @theme-ui/preset-deep, @theme-ui/preset-funk, @theme-ui/preset-future, @theme-ui/preset-polaris, @theme-ui/preset-roboto, @theme-ui/preset-sketchy, @theme-ui/preset-swiss, @theme-ui/preset-system, @theme-ui/preset-tailwind, @theme-ui/preset-tosh, @theme-ui/presets
  • Add @theme-ui/css/utils with TypeScript CIF functions and fix preset types #1862 (@tornewuff @hasparus)
• @theme-ui/color-modes, @theme-ui/core, @theme-ui/editor, @theme-ui/theme-provider, theme-ui
  • fix(color-modes): combine colors in nested providers #1838 (@hasparus)

🐛 Bug Fix

• Update global-styles.mdx #1858 (@jordie23)
• @theme-ui/core, @theme-ui/css
  • add types for css prop back #1866 (@hasparus)
• @theme-ui/color-modes, @theme-ui/components, @theme-ui/core, @theme-ui/editor, gatsby-theme-style-guide, gatsby-theme-ui-layout, @theme-ui/match-media, @theme-ui/mdx, @theme-ui/parse-props, @theme-ui/sidenav, @theme-ui/style-guide, @theme-ui/theme-provider, theme-ui
  • 0.10 chores #1842 (@hasparus)

👨‍💻 Minor changes

• Remove dependabot from the changelog (@hasparus)

🏠 Internal

• docs: add @theme-ui/css to sidebar and packages page #1877 (@hasparus)
• docs: change intro code snippets to TypeScript #1877 (@hasparus)
• @theme-ui/css
  • refactor(css): remove unused imports #1877 (@hasparus)
• @theme-ui/core, @theme-ui/css
  • docs(css): add usage examples for core packages #1877 (@hasparus)
• theme-ui
  • Setup Cypress #1845 (@hasparus)

📝 Documentation

• Add redirects back to docs. #1841 (@hasparus)

🔩 Dependency Updates

• @theme-ui/prism
  • Update snapshots #1768 (@lachlanjc)

Authors: 4

• Jordie Bodlay (@jordie23)
• Lachlan Campbell (@lachlanjc)
• Piotr Monwid-Olechnowicz (@hasparus)
• Torne Wuff (@tornewuff)