vercel[bot]
commented
3 years ago This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.
🔍 Inspect: https://vercel.com/johno/gatsby-theme-documentation/4VVGcYR3nVoksUovuEb2DGTQuqMc
✅ Preview: Failed
[Deployment for ee076bd failed]
This PR contains the following updates:
0.3.5->0.9.1Release Notes
system-ui/theme-ui
### [`v0.9.1`](https://togithub.com/system-ui/theme-ui/releases/v0.9.1) [Compare Source](https://togithub.com/system-ui/theme-ui/compare/v0.9.0...v0.9.1) ##### 🐛 Bug Fix - `@theme-ui/components` - fix: Allow overriding Paragraph margins via theme [#1775](https://togithub.com/system-ui/theme-ui/pull/1775) ([@bernharduw](https://togithub.com/bernharduw)) ##### Authors: 1 - Bernhard Gschwantner ([@bernharduw](https://togithub.com/bernharduw)) ### [`v0.9.0`](https://togithub.com/system-ui/theme-ui/blob/master/CHANGELOG.md#v090-Tue-May-25-2021) [Compare Source](https://togithub.com/system-ui/theme-ui/compare/v0.8.4...v0.9.0) ##### Release Notes ##### modernize Babel config ([#1721](https://togithub.com/system-ui/theme-ui/pull/1721)) Theme UI packages became lighter! Built source code is now 9.5 kB (34%) smaller. The trade-off is, Babel config has changed and it no longer supports Internet Explorer 11. If you need to support legacy browsers, you can transpile node_modules (e.g. with [next-transpile-modules](https://togithub.com/martpie/next-transpile-modules)). - [See build raport with size comparison for each package](https://togithub.com/system-ui/theme-ui/runs/2618450614) - [Inspect updated Babel config](https://togithub.com/system-ui/theme-ui/blob/develop/babel.config.js) - [Visit Bundlephobia](https://bundlephobia.com/result?p=theme-ui@0.9.0) *** ##### 🚀 Enhancement - `@theme-ui/preset-base`, `@theme-ui/preset-bootstrap`, `@theme-ui/sidenav`, `@theme-ui/typography` - modernize Babel config [#1721](https://togithub.com/system-ui/theme-ui/pull/1721) ([@hasparus](https://togithub.com/hasparus)) ##### 🐛 Bug Fix - `@theme-ui/components` - fix(components): set Select's bgColor to "background" - fixes dark mode ([@hasparus](https://togithub.com/hasparus)) ##### 📝 Documentation - style DocSearch [#1714](https://togithub.com/system-ui/theme-ui/pull/1714) ([@atanasster](https://togithub.com/atanasster) [@hasparus](https://togithub.com/hasparus)) ##### Authors: 2 - Atanas Stoyanov ([@atanasster](https://togithub.com/atanasster)) - Piotr Monwid-Olechnowicz ([@hasparus](https://togithub.com/hasparus)) *** ### [`v0.8.4`](https://togithub.com/system-ui/theme-ui/blob/master/CHANGELOG.md#v084-Thu-May-06-2021) [Compare Source](https://togithub.com/system-ui/theme-ui/compare/v0.8.3...v0.8.4) ##### 🐛 Bug Fix - `@theme-ui/theme-provider` - fix(theme-provider): set body margin to 0 ([@hasparus](https://togithub.com/hasparus)) ##### ⚠️ Pushed to `stable` - `@theme-ui/theme-provider` - Merge branch 'develop' into stable ([@hasparus](https://togithub.com/hasparus)) ##### Authors: 1 - Piotr Monwid-Olechnowicz ([@hasparus](https://togithub.com/hasparus)) *** ### [`v0.8.3`](https://togithub.com/system-ui/theme-ui/blob/master/CHANGELOG.md#v083-Wed-May-05-2021) [Compare Source](https://togithub.com/system-ui/theme-ui/compare/v0.8.2...v0.8.3) ##### 🐛 Bug Fix - `@theme-ui/color-modes` - fix(color-modes): stop showing current color mode as initial mode in rawColors.modes ([@hasparus](https://togithub.com/hasparus)) ##### ⚠️ Pushed to `stable` - `@theme-ui/color-modes`, `@theme-ui/color`, `@theme-ui/components`, `@theme-ui/core`, `@theme-ui/css`, `@theme-ui/custom-properties`, `@theme-ui/editor`, `gatsby-plugin-theme-ui`, `gatsby-theme-code-recipes`, `gatsby-theme-style-guide`, `gatsby-theme-ui-layout`, `@theme-ui/match-media`, `@theme-ui/mdx`, `@theme-ui/parse-props`, `@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`, `@theme-ui/prism`, `@theme-ui/sidenav`, `@theme-ui/style-guide`, `@theme-ui/tachyons`, `@theme-ui/tailwind`, `@theme-ui/theme-provider`, `theme-ui`, `@theme-ui/typography` - Merge branch 'stable' into develop ([@hasparus](https://togithub.com/hasparus)) ##### Authors: 1 - Piotr Monwid-Olechnowicz ([@hasparus](https://togithub.com/hasparus)) *** #### v0.8.2 (Wed May 05 2021) ##### 🐛 Bug Fix - `@theme-ui/color-modes` - fix(color-modes): merge rawColors even when there are no color modes ([@hasparus](https://togithub.com/hasparus)) - fix(color-modes): add initial color mode to a correct key ([@hasparus](https://togithub.com/hasparus)) - fix(color-modes): hotfix color modes provider to stop breaking rules of hooks ([@hasparus](https://togithub.com/hasparus)) - `@theme-ui/color-modes`, `@theme-ui/css`, `@theme-ui/custom-properties`, `theme-ui` - fix(color-modes): merge rawColors from nested theme providers ([@hasparus](https://togithub.com/hasparus)) #### v0.8.1 (Wed May 05 2021) ##### 🐛 Bug Fix - Reverted `cache-provider` PR as it significantly complicates SSR setup and breaks apps without explicit Emotion SSR config. https://github.com/system-ui/theme-ui/pull/1717#issuecomment-832647180. - See https://emotion.sh/docs/ssr#on-server ##### Authors: 2 - [@Zolwiastyl](https://togithub.com/Zolwiastyl) - Piotr Monwid-Olechnowicz ([@hasparus](https://togithub.com/hasparus)) *** #### v0.8.0 (Wed May 05 2021) ##### 🔥 Breaking Changes and Deprecations - **BREAKING:** `theme.config.useRootStyles` now defaults to `true` following deprecation of `useBodyStyles`. Styles from `theme.styles.root` are now added to `` element by default. - Moved theme configuration options to `config` object in theme. - **Deprecations:** `useRootStyles`, `useCustomProperties`, `useColorSchemeMediaQuery`, `useBorderBox`, and `useLocalStorage` options on the theme object are now scoped under a `config` object on the theme, and the root-level options, now deprecated, will be removed in a future release. (e.g. you should be setting `theme.config.useBorderBox` instead of `theme.useBorderBox`) - ⚠ All config options should be migrated at once. If Theme UI sees `theme.config` exists, it won't look for options on the `theme`. - **Removed APIs, previously deprecated in 0.6.0** - `theme.useBodyStyles` ⟶ `theme.config.useRootStyles` - `Styled` ⟶ `Themed` ##### 🚀 Enhancements - `@theme-ui/color-modes`, `@theme-ui/css`, `gatsby-plugin-theme-ui` - Refactor color objects and expose default colors as a mode [#1639](https://togithub.com/system-ui/theme-ui/pull/1639) ([@fcisio](https://togithub.com/fcisio)) ##### 🐛 Bug Fix - **(REVERTED in v0.8.1)** `@theme-ui/core`, `@theme-ui/sidenav` - Wrap top level ThemeProvider in CacheProvider [#1717](https://togithub.com/system-ui/theme-ui/pull/1717) ([@hasparus](https://togithub.com/hasparus) [@Zolwiastyl](https://togithub.com/Zolwiastyl)) ##### 📝 Documentation - Improve Switch component documentation [#1687](https://togithub.com/system-ui/theme-ui/pull/1687) ([@flo-sch](https://togithub.com/flo-sch)) - Describe Preconstruct in Contributing.md [#1715](https://togithub.com/system-ui/theme-ui/pull/1715) ([@hasparus](https://togithub.com/hasparus)) ##### Authors: 5 :tada: v0.8.0 contains work from a new contributor! :tada: Thank you, [@Zolwiastyl](https://togithub.com/Zolwiastyl), for all your work! - [@Zolwiastyl](https://togithub.com/Zolwiastyl) - Florent SCHILDKNECHT ([@flo-sch](https://togithub.com/flo-sch)) - Francis Champagne ([@fcisio](https://togithub.com/fcisio)) - Lachlan Campbell ([@lachlanjc](https://togithub.com/lachlanjc)) - Piotr Monwid-Olechnowicz ([@hasparus](https://togithub.com/hasparus)) *** #### v0.7.5 (Wed Apr 28 2021) ##### 🐛 Bug Fix - `@theme-ui/css` - Add 6 border logical color properties to scales [#1668](https://togithub.com/system-ui/theme-ui/pull/1668) ([@lachlanjc](https://togithub.com/lachlanjc)) ##### 📝 Docs - docs: useColorSchemeMediaQuery defaults to true ([@hasparus](https://togithub.com/hasparus)) ##### Authors: 2 - Lachlan Campbell ([@lachlanjc](https://togithub.com/lachlanjc)) - Piotr Monwid-Olechnowicz ([@hasparus](https://togithub.com/hasparus)) #### v0.7.4 (Tue Apr 27 2021) ##### 🐛 Bug Fix - Add new links to Resources page [#1670](https://togithub.com/system-ui/theme-ui/pull/1670) ([@lachlanjc](https://togithub.com/lachlanjc)) - Add link to JSX Pragma page on Getting Started doc ([@lachlanjc](https://togithub.com/lachlanjc)) - `@theme-ui/css` - Add 2 missing CSS column properties to scales [#1669](https://togithub.com/system-ui/theme-ui/pull/1669) ([@lachlanjc](https://togithub.com/lachlanjc)) - Add text-decoration-color to scales [#1667](https://togithub.com/system-ui/theme-ui/pull/1667) ([@lachlanjc](https://togithub.com/lachlanjc)) ##### Authors: 1 - Lachlan Campbell ([@lachlanjc](https://togithub.com/lachlanjc)) #### v0.7.3 (Wed Apr 21 2021) :tada: This release contains work from a new contributor! :tada: :heart: David Dios ([@dios-david](https://togithub.com/dios-david)) Thanks for all your work! ##### ✨ New Features - `@theme-ui/css` - Adding `scroll-margin` props [#1664](https://togithub.com/system-ui/theme-ui/pull/1664) ([@dios-david](https://togithub.com/dios-david)) ##### 🐛 Bug Fix - `@theme-ui/css` - Return negative number from lookup if theme value is a number [#1665](https://togithub.com/system-ui/theme-ui/pull/1665) ([@kenny-f](https://togithub.com/kenny-f)) ##### 🔩 Dependency Updates - `@theme-ui/editor` - chore(deps): bump reakit from 1.3.5 to 1.3.7 [#1644](https://togithub.com/system-ui/theme-ui/pull/1644) ([@dependabot-preview\[bot\]](https://togithub.com/dependabot-preview\[bot]) [@lachlanjc](https://togithub.com/lachlanjc)) ##### Authors: 3 - David Dios ([@dios-david](https://togithub.com/dios-david)) - Kenny ([@kenny-f](https://togithub.com/kenny-f)) - Lachlan Campbell ([@lachlanjc](https://togithub.com/lachlanjc)) *** #### v0.7.2 (Mon Apr 19 2021) :tada: This release contains work from a new contributor! :tada: Thank you, Jonathan Van Buren ([@vanbujm](https://togithub.com/vanbujm)), for all your work! ##### 🐛 Bug Fix - `gatsby-plugin-theme-ui` - fix(gatsby-plugin-theme-ui): Fast Refresh Compatibility [#1659](https://togithub.com/system-ui/theme-ui/pull/1659) ([@LekoArts](https://togithub.com/LekoArts) [@hasparus](https://togithub.com/hasparus)) - `@theme-ui/components` - fix(components): Allow styled-system space props on Paragraph [#1658](https://togithub.com/system-ui/theme-ui/pull/1658) ([@vanbujm](https://togithub.com/vanbujm)) ##### 🔩 Dependency Updates - chore(deps): bump ssri from 6.0.1 to 6.0.2 in /examples/next [#1661](https://togithub.com/system-ui/theme-ui/pull/1661) ([@dependabot\[bot\]](https://togithub.com/dependabot\[bot])) - chore(deps): \[security] bump ssri from 6.0.1 to 6.0.2 [#1660](https://togithub.com/system-ui/theme-ui/pull/1660) ([@dependabot-preview\[bot\]](https://togithub.com/dependabot-preview\[bot])) ##### Authors: 3 - Jonathan Van Buren ([@vanbujm](https://togithub.com/vanbujm)) - Lennart ([@LekoArts](https://togithub.com/LekoArts)) - Piotr Monwid-Olechnowicz ([@hasparus](https://togithub.com/hasparus)) #### v0.7.0 (Thu Apr 15 2021) ##### 🚀 Enhancement - Have `breakpoints` accept custom media queries [#1653](https://togithub.com/system-ui/theme-ui/pull/1653) [@carolinmaisenbacher](https://togithub.com/carolinmaisenbacher) ##### 🐛 Bug Fix - `gatsby-plugin-theme-ui`, `gatsby-theme-code-recipes`, `gatsby-theme-style-guide`, `gatsby-theme-ui-layout` - Set `gatsby` peerDependency more explicit to `^2.0.0 || ^3.0.0`. [#1640](https://togithub.com/system-ui/theme-ui/pull/1640) ([@LekoArts](https://togithub.com/LekoArts)) ##### ⚙️ Internal - all packages -Build packages with Preconstruct 2 [#1423](https://togithub.com/system-ui/theme-ui/pull/1423) ([@alexanderchan](https://togithub.com/alexanderchan) [@hasparus](https://togithub.com/hasparus)) #### v0.6.2 (Mon Apr 05 2021) ##### 🐛 Bug Fix - `@theme-ui/css` - Types for `borderTopWidth` now correctly accept `number`. [#1623](https://togithub.com/system-ui/theme-ui/pull/1623) ([@beerose](https://togithub.com/beerose)) #### v0.6.1 - Reexported `jsx` as `createElement` to fix babel JSX pragma crash. Issue [#1603](https://togithub.com/system-ui/theme-ui/issues/1603), PR [#1604](https://togithub.com/system-ui/theme-ui/pull/1604) by [@ethanwu10](https://togithub.com/ethanwu10). The following code doesn't crash anymore. ```tsx ``` #### v0.6.0 *changes relative to 0.3, not the latest 0.6 prerelease* ##### What's New - `Styled` components dict was renamed to [`Themed`](/themed/) to avoid confusion with `styled` components constructors from `@emotion/styled` and similar libraries. - `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. - New scale: `transitions` supporting `transition` CSS property. Issue [#1079](https://togithub.com/system-ui/theme-ui/issues/1079), PR [#1272](https://togithub.com/system-ui/theme-ui/pull/1272) - Objects in nested scales can now have a `__default` key. PR [#951](https://togithub.com/system-ui/theme-ui/pull/951) Given the theme const theme = { colors: { primary: { __default: '#00f', light: '#33f', } } } `color: 'primary'` resolves to `color: '#00f'`. - Configuration option for printing color mode. PR [#1267](https://togithub.com/system-ui/theme-ui/pull/1267), issue [#1144](https://togithub.com/system-ui/theme-ui/issues/1144). No more wasted ink. { initialColorModeName: "dark", printColorModeName: "light" } - A new component, Paragraph was added in PR [#1298](https://togithub.com/system-ui/theme-ui/pull/1298) ##### Breaking Changes - Theme UI 0.6 depends on Emotion 11, and isn't compatible with Emotion 10 anymore. - If you didn't install Emotion separately, this update shouldn't affect you. - If your other dependencies depend on Emotion 10, and have no published versions for Emotion 11, you can use [Yarn resolutions](https://yarnpkg.com/lang/en/docs/selective-version-resolutions/) or [Webpack's resolve.alias](https://webpack.js.org/configuration/resolve/#resolvealias) to enforce a version. Refer to [Emotion 11 release notes](https://emotion.sh/docs/emotion-11) for more information. - Color mode flash on first render is gone, but to achieve this we had to bring back `theme.rawColors`. - **You can no longer read raw color values from `theme.colors`** when reading theme from `useThemeUI` or inside `sx`. - `.colors` object contains Custom CSS Properties now. - If you need to pass original value somewhere where CSS Properties (e.g. WebGL Canvas) won't work use `.rawColors`. - Default color mode name is no longer `"default"` — it's now `undefined`, what represents the lack of color mode set by user or detected from preferences. - `useColorSchemeMediaQuery` defaults to `true`. Issue [#624](https://togithub.com/system-ui/theme-ui/issues/624), PR [#1373](https://togithub.com/system-ui/theme-ui/pull/1373) **How to migrate?** Add `useColorSchemeMediaQuery: false` to your theme if you don't have this property. [Read more in the docs.](https://dev.theme-ui.com/color-modes/#responding-to-the-prefers-color-scheme-media-query) - We no longer export internal React context named as `Context` 😅 It wasn't and it's still not public API, but if you used it and *you really* need it, you can grab it as `__ThemeUIContext`. (But please don't do this. Use `ThemeProvider` from *[@theme-ui/core](https://togithub.com/theme-ui/core)* for local theme overrides instead.) ##### Deprecations - `Styled` will be removed in v0.7. Use [`Themed`](/themed) instead. - `useBodyStyles` will be removed in v0.7. Use `useRootStyles` instead. #####` tag was incorrectly specified as `delete` - The `@theme-ui/editor` API has changed significantly. See the README.md for more information. - `@theme-ui/components`: on Grid component, allow custom `columns` definitions via strings [#541](https://togithub.com/system-ui/theme-ui/issues/541) - `@theme-ui/gatsby-theme-style-guide`: add docs on shadowing [#558](https://togithub.com/system-ui/theme-ui/issues/558) - Adds `@theme-ui/preset-polaris` [#567](https://togithub.com/system-ui/theme-ui/issues/567) - Adjusts default font stack in presets [#568](https://togithub.com/system-ui/theme-ui/issues/568) #### v0.2.53 2019-12-19 - `@theme-ui/color`: add `transparentize` function [#370](https://togithub.com/system-ui/theme-ui/issues/370) - `@theme-ui/style-guide`: move context dependencies to peer dependencies [#521](https://togithub.com/system-ui/theme-ui/issues/521) #### v0.2.52 2019-12-16 - Fix for issues when `localStorage` is not available [#514](https://togithub.com/system-ui/theme-ui/issues/514) - `@theme-ui/match-media`: add option for default index in hook [#460](https://togithub.com/system-ui/theme-ui/issues/460) - `@theme-ui/editor`: Update Reakit [#517](https://togithub.com/system-ui/theme-ui/issues/517) #### v0.2.51 2019-12-03 - `@theme-ui/editor`: fix color picker [#498](https://togithub.com/system-ui/theme-ui/issues/498) #### v0.2.50 2019-12-02 - `@theme-ui/components`: fix NavLink base styles [#497](https://togithub.com/system-ui/theme-ui/issues/497) #### v0.2.49 2019-11-15 - `@theme-ui/components`: add more components [#458](https://togithub.com/system-ui/theme-ui/issues/458) - `@theme-ui/color`: add `alpha` utility [#441](https://togithub.com/system-ui/theme-ui/issues/441) - `@theme-ui/match-media`: Add default breakpoint index argument for SSR #### v0.2.48 2019-11-07 - `@theme-ui/editor` add components for editing `sx` styles #### v0.2.47 2019-10-29 - `@theme-ui/editor` add `StylesForm` component #### v0.2.46 2019-10-28 - Fix environment check [#415](https://togithub.com/system-ui/theme-ui/issues/415) - Update dependencies #### v0.2.45 2019-10-18 - Add `@theme-ui/match-media` package [#375](https://togithub.com/system-ui/theme-ui/issues/375) - Add `@theme-ui/components` package [#411](https://togithub.com/system-ui/theme-ui/issues/411) #### v0.2.44 2019-10-09 - Fix prop forwarding in styled HOC [#377](https://togithub.com/system-ui/theme-ui/issues/377) - Add missing key [#406](https://togithub.com/system-ui/theme-ui/issues/406) - Add support for functional themes [#400](https://togithub.com/system-ui/theme-ui/issues/400) #### v0.2.43 2019-09-17 - Fix Reakit for ColorPicker test [#357](https://togithub.com/system-ui/theme-ui/issues/357) - Simplify color mode API and disable `prefers-color-scheme` media query behavior by default [#246](https://togithub.com/system-ui/theme-ui/issues/246) - Add BaseStyles component [#369](https://togithub.com/system-ui/theme-ui/issues/369) #### v0.2.42 2019-09-11 - Updated UI in chrome extension - Fix typo in tailwind preset [#346](https://togithub.com/system-ui/theme-ui/issues/346) - Fix state bug in chrome extension - Move React to peer dependencies #### v0.2.41 2019-09-05 - Updated `@theme-ui/editor` package - New [Customize page](https://theme-ui.com/customize) #### v0.2.40 2019-09-03 - Pass outer context through RootProvider [#340](https://togithub.com/system-ui/theme-ui/issues/340) - Update dependencies #### v0.2.38 2019-08-29 - Added new `ColorPicker` component to `@theme-ui/editor` [#327](https://togithub.com/system-ui/theme-ui/issues/327) - Added warning for conflicting versions of Emotion [#297](https://togithub.com/system-ui/theme-ui/issues/297) - Added color utility package [#331](https://togithub.com/system-ui/theme-ui/issues/331) #### v0.2.37 2019-08-26 - Update dependencies #### v0.2.36 2019-08-22 - Added `gatsby-theme-ui-blog` package [#311](https://togithub.com/system-ui/theme-ui/issues/311) - Added `gatsby-theme-code-recipe` package [#313](https://togithub.com/system-ui/theme-ui/issues/313) - Updated styles in `gatsby-theme-style-guide` [#315](https://togithub.com/system-ui/theme-ui/issues/315) #### v0.2.35 2019-08-15 - Adds `gatsby-theme-style-guide` package [#301](https://togithub.com/system-ui/theme-ui/issues/301) - Fix for `jsx` create element function [#302](https://togithub.com/system-ui/theme-ui/issues/302) #### v0.2.34 2019-08-15 - `gatsby-plugin-theme-ui` remove JSX syntax from gatsby-ssr in Gatsby plugin [#299](https://togithub.com/system-ui/theme-ui/issues/299) - `@theme-ui/typography` fix for CSS font-family keywords [#285](https://togithub.com/system-ui/theme-ui/issues/285) - `@theme-ui/preset-tailwind` add button and input variants [#291](https://togithub.com/system-ui/theme-ui/issues/291) #### v0.2.33 2019-08-12 - Add support for FOUC fix in Next.js [#277](https://togithub.com/system-ui/theme-ui/issues/277) - Update dependencies #### v0.2.32 2019-08-08 - Add accordion sidenav [#279](https://togithub.com/system-ui/theme-ui/issues/279) #### v0.2.31 2019-08-07 - Maintain raw color values in Theme UI context when `useCustomProperties` is enabled [#274](https://togithub.com/system-ui/theme-ui/issues/274) #### v0.2.30 2019-08-06 - Updates for tailwind preset [#272](https://togithub.com/system-ui/theme-ui/issues/272) #### v0.2.29 2019-08-05 - Update dependencies #### v0.2.28 2019-08-03 - Add tosh preset [#264](https://togithub.com/system-ui/theme-ui/issues/264) #### v0.2.27 2019-08-03 - Bad lerna publish #### v0.2.26 2019-08-02 - Fix for CSS custom properties when using nested color objects [#259](https://togithub.com/system-ui/theme-ui/issues/259) - Add warning when `initialColorMode` matches a color mode name [#245](https://togithub.com/system-ui/theme-ui/issues/245) - Fix for forwarding refs [#261](https://togithub.com/system-ui/theme-ui/issues/261) - Fix peer dependency version [#263](https://togithub.com/system-ui/theme-ui/issues/263) #### v0.2.25 2019-07-31 - Add `@theme-ui/custom-properties` package [#235](https://togithub.com/system-ui/theme-ui/issues/235) #### v0.2.24 2019-07-29 - Adds preset packages [#210](https://togithub.com/system-ui/theme-ui/issues/210) #### v0.2.23 2019-07-29 - Add base colors to prism presets [#249](https://togithub.com/system-ui/theme-ui/issues/249) - Add key to element in gatsby-plugin-theme-ui [#248](https://togithub.com/system-ui/theme-ui/issues/248) - Add metadata to packages [#244](https://togithub.com/system-ui/theme-ui/issues/244) - Update docs #### v0.2.22 2019-07-29 - Update dependencies #### v0.2.21 2019-07-26 - Add presets to `@theme-ui/prism` [#231](https://togithub.com/system-ui/theme-ui/issues/231) - Fix array merging [#230](https://togithub.com/system-ui/theme-ui/issues/230) #### v0.2.20 2019-07-26 - Fix for color mode in context [#226](https://togithub.com/system-ui/theme-ui/issues/226) #### v0.2.19 2019-07-24 - Fix for unsupported Prism languages [#218](https://togithub.com/system-ui/theme-ui/issues/218) - Update dependencies #### v0.2.18 2019-07-23 - Update docs - Update dependencies #### v0.2.16 2019-07-22 - Forward all props to functional components [#197](https://togithub.com/system-ui/theme-ui/issues/197) #### v0.2.15 2019-07-22 - Update dependencies #### v0.2.14 2019-07-15 - Only pass `css` prop through when needed in `jsx` [#182](https://togithub.com/system-ui/theme-ui/issues/182) #### v0.2.13 2019-07-11 #### v0.2.12 2019-07-11 - Fix bad publish #### v0.2.11 2019-07-11 - Adds Chrome extension package [#136](https://togithub.com/system-ui/theme-ui/issues/136) #### v0.2.10 2019-07-08 - Fix keys in tailwind preset [#171](https://togithub.com/system-ui/theme-ui/issues/171) #### v0.2.9 2019-07-08 - Add optional support for CSS custom properties [#166](https://togithub.com/system-ui/theme-ui/issues/166) #### v0.2.8 2019-07-06 - `@theme-ui/sidenav` initial publish - `@theme-ui/prism` add `display: inline-block` to keep empty lines #### v0.2.7 2019-07-05 - `@theme-ui/prism` pass outer className to element [#163](https://togithub.com/system-ui/theme-ui/issues/163) #### v0.2.6 2019-07-04 - Adjust color mode initialization from media query [#157](https://togithub.com/system-ui/theme-ui/issues/157) #### v0.2.5 2019-07-03 - Fix publish #### v0.2.4 2019-07-03 - Adjust microbundle setup for [@theme-ui/prism](https://togithub.com/theme-ui/prism) #### v0.2.3 2019-07-02 - Add [@theme-ui/prism](https://togithub.com/theme-ui/prism) package #### v0.2.2 2019-07-02 - Add `key` prop to element in gatsby-plugin-theme-ui [#145](https://togithub.com/system-ui/theme-ui/issues/145) - Update docs #### v0.2.1 2019-06-30 - Rename `gatsby-plugin-theme-ui` [#137](https://togithub.com/system-ui/theme-ui/issues/137) - Update docs #### v0.2.0 2019-06-24 - Replaced `lodash.merge` with `deepmerge` - Updated to use smaller Styled System v5 packages - Removed layout and flexbox style props from `Box` and layout components - Renamed `css` prop in experimental custom pragma to `sx` to avoid collisions with Emotion and other libraries - Refactored `ThemeProvider` - Removed `toStyle` API from Typography.js package - Renamed Typography.js package to `@theme-ui/typography` - Removed `@emotion/styled` dependency - layout components are no longer created with `styled` so passing non-HTML attributes to the component will result in React rendering those props to the DOM - Removed legacy `ColorModeProvider` and `ComponentProvider` exports ### [`v0.8.2`](https://togithub.com/system-ui/theme-ui/blob/master/CHANGELOG.md#v082-Wed-May-05-2021) [Compare Source](https://togithub.com/system-ui/theme-ui/compare/v0.8.1...v0.8.2) ##### 🐛 Bug Fix - `@theme-ui/color-modes` - fix(color-modes): merge rawColors even when there are no color modes ([@hasparus](https://togithub.com/hasparus)) - fix(color-modes): add initial color mode to a correct key ([@hasparus](https://togithub.com/hasparus)) - fix(color-modes): hotfix color modes provider to stop breaking rules of hooks ([@hasparus](https://togithub.com/hasparus)) - `@theme-ui/color-modes`, `@theme-ui/css`, `@theme-ui/custom-properties`, `theme-ui` - fix(color-modes): merge rawColors from nested theme providers ([@hasparus](https://togithub.com/hasparus)) ### [`v0.8.1`](https://togithub.com/system-ui/theme-ui/blob/master/CHANGELOG.md#v081-Wed-May-05-2021) [Compare Source](https://togithub.com/system-ui/theme-ui/compare/v0.8.0...v0.8.1) ##### 🐛 Bug Fix - Reverted `cache-provider` PR as it significantly complicates SSR setup and breaks apps without explicit Emotion SSR config. https://github.com/system-ui/theme-ui/pull/1717#issuecomment-832647180. - See https://emotion.sh/docs/ssr#on-server ##### Authors: 2 - [@Zolwiastyl](https://togithub.com/Zolwiastyl) - Piotr Monwid-Olechnowicz ([@hasparus](https://togithub.com/hasparus)) *** ### [`v0.8.0`](https://togithub.com/system-ui/theme-ui/blob/master/CHANGELOG.md#v080-Wed-May-05-2021) [Compare Source](https://togithub.com/system-ui/theme-ui/compare/v0.7.5...v0.8.0) ##### 🔥 Breaking Changes and Deprecations - **BREAKING:** `theme.config.useRootStyles` now defaults to `true` following deprecation of `useBodyStyles`. Styles from `theme.styles.root` are now added to `` element by default. - Moved theme configuration options to `config` object in theme. - **Deprecations:** `useRootStyles`, `useCustomProperties`, `useColorSchemeMediaQuery`, `useBorderBox`, and `useLocalStorage` options on the theme object are now scoped under a `config` object on the theme, and the root-level options, now deprecated, will be removed in a future release. (e.g. you should be setting `theme.config.useBorderBox` instead of `theme.useBorderBox`) - ⚠ All config options should be migrated at once. If Theme UI sees `theme.config` exists, it won't look for options on the `theme`. - **Removed APIs, previously deprecated in 0.6.0** - `theme.useBodyStyles` ⟶ `theme.config.useRootStyles` - `Styled` ⟶ `Themed` ##### 🚀 Enhancements - `@theme-ui/color-modes`, `@theme-ui/css`, `gatsby-plugin-theme-ui` - Refactor color objects and expose default colors as a mode [#1639](https://togithub.com/system-ui/theme-ui/pull/1639) ([@fcisio](https://togithub.com/fcisio)) ##### 🐛 Bug Fix - **(REVERTED in v0.8.1)** `@theme-ui/core`, `@theme-ui/sidenav` - Wrap top level ThemeProvider in CacheProvider [#1717](https://togithub.com/system-ui/theme-ui/pull/1717) ([@hasparus](https://togithub.com/hasparus) [@Zolwiastyl](https://togithub.com/Zolwiastyl)) ##### 📝 Documentation - Improve Switch component documentation [#1687](https://togithub.com/system-ui/theme-ui/pull/1687) ([@flo-sch](https://togithub.com/flo-sch)) - Describe Preconstruct in Contributing.md [#1715](https://togithub.com/system-ui/theme-ui/pull/1715) ([@hasparus](https://togithub.com/hasparus)) ##### Authors: 5 :tada: v0.8.0 contains work from a new contributor! :tada: Thank you, [@Zolwiastyl](https://togithub.com/Zolwiastyl), for all your work! - [@Zolwiastyl](https://togithub.com/Zolwiastyl) - Florent SCHILDKNECHT ([@flo-sch](https://togithub.com/flo-sch)) - Francis Champagne ([@fcisio](https://togithub.com/fcisio)) - Lachlan Campbell ([@lachlanjc](https://togithub.com/lachlanjc)) - Piotr Monwid-Olechnowicz ([@hasparus](https://togithub.com/hasparus)) *** ### [`v0.7.5`](https://togithub.com/system-ui/theme-ui/blob/master/CHANGELOG.md#v075-Wed-Apr-28-2021) [Compare Source](https://togithub.com/system-ui/theme-ui/compare/v0.7.4...v0.7.5) ##### 🐛 Bug Fix - `@theme-ui/css` - Add 6 border logical color properties to scales [#1668](https://togithub.com/system-ui/theme-ui/pull/1668) ([@lachlanjc](https://togithub.com/lachlanjc)) ##### 📝 Docs - docs: useColorSchemeMediaQuery defaults to true ([@hasparus](https://togithub.com/hasparus)) ##### Authors: 2 - Lachlan Campbell ([@lachlanjc](https://togithub.com/lachlanjc)) - Piotr Monwid-Olechnowicz ([@hasparus](https://togithub.com/hasparus)) ### [`v0.7.4`](https://togithub.com/system-ui/theme-ui/blob/master/CHANGELOG.md#v074-Tue-Apr-27-2021) [Compare Source](https://togithub.com/system-ui/theme-ui/compare/v0.7.3...v0.7.4) ##### 🐛 Bug Fix - Add new links to Resources page [#1670](https://togithub.com/system-ui/theme-ui/pull/1670) ([@lachlanjc](https://togithub.com/lachlanjc)) - Add link to JSX Pragma page on Getting Started doc ([@lachlanjc](https://togithub.com/lachlanjc)) - `@theme-ui/css` - Add 2 missing CSS column properties to scales [#1669](https://togithub.com/system-ui/theme-ui/pull/1669) ([@lachlanjc](https://togithub.com/lachlanjc)) - Add text-decoration-color to scales [#1667](https://togithub.com/system-ui/theme-ui/pull/1667) ([@lachlanjc](https://togithub.com/lachlanjc)) ##### Authors: 1 - Lachlan Campbell ([@lachlanjc](https://togithub.com/lachlanjc)) ### [`v0.7.3`](https://togithub.com/system-ui/theme-ui/blob/master/CHANGELOG.md#v073-Wed-Apr-21-2021) [Compare Source](https://togithub.com/system-ui/theme-ui/compare/v0.7.2...v0.7.3) :tada: This release contains work from a new contributor! :tada: :heart: David Dios ([@dios-david](https://togithub.com/dios-david)) Thanks for all your work! ##### ✨ New Features - `@theme-ui/css` - Adding `scroll-margin` props [#1664](https://togithub.com/system-ui/theme-ui/pull/1664) ([@dios-david](https://togithub.com/dios-david)) ##### 🐛 Bug Fix - `@theme-ui/css` - Return negative number from lookup if theme value is a number [#1665](https://togithub.com/system-ui/theme-ui/pull/1665) ([@kenny-f](https://togithub.com/kenny-f)) ##### 🔩 Dependency Updates - `@theme-ui/editor` - chore(deps): bump reakit from 1.3.5 to 1.3.7 [#1644](https://togithub.com/system-ui/theme-ui/pull/1644) ([@dependabot-preview\[bot\]](https://togithub.com/dependabot-preview\[bot]) [@lachlanjc](https://togithub.com/lachlanjc)) ##### Authors: 3 - David Dios ([@dios-david](https://togithub.com/dios-david)) - Kenny ([@kenny-f](https://togithub.com/kenny-f)) - Lachlan Campbell ([@lachlanjc](https://togithub.com/lachlanjc)) *** ### [`v0.7.2`](https://togithub.com/system-ui/theme-ui/blob/master/CHANGELOG.md#v072-Mon-Apr-19-2021) [Compare Source](https://togithub.com/system-ui/theme-ui/compare/v0.7.1...v0.7.2) :tada: This release contains work from a new contributor! :tada: Thank you, Jonathan Van Buren ([@vanbujm](https://togithub.com/vanbujm)), for all your work! ##### 🐛 Bug Fix - `gatsby-plugin-theme-ui` - fix(gatsby-plugin-theme-ui): Fast Refresh Compatibility [#1659](https://togithub.com/system-ui/theme-ui/pull/1659) ([@LekoArts](https://togithub.com/LekoArts) [@hasparus](https://togithub.com/hasparus)) - `@theme-ui/components` - fix(components): Allow styled-system space props on Paragraph [#1658](https://togithub.com/system-ui/theme-ui/pull/1658) ([@vanbujm](https://togithub.com/vanbujm)) ##### 🔩 Dependency Updates - chore(deps): bump ssri from 6.0.1 to 6.0.2 in /examples/next [#1661](https://togithub.com/system-ui/theme-ui/pull/1661) ([@dependabot\[bot\]](https://togithub.com/dependabot\[bot])) - chore(deps): \[security] bump ssri from 6.0.1 to 6.0.2 [#1660](https://togithub.com/system-ui/theme-ui/pull/1660) ([@dependabot-preview\[bot\]](https://togithub.com/dependabot-preview\[bot])) ##### Authors: 3 - Jonathan Van Buren ([@vanbujm](https://togithub.com/vanbujm)) - Lennart ([@LekoArts](https://togithub.com/LekoArts)) - Piotr Monwid-Olechnowicz ([@hasparus](https://togithub.com/hasparus)) ### [`v0.7.1`](https://togithub.com/system-ui/theme-ui/compare/v0.7.0...v0.7.1) [Compare Source](https://togithub.com/system-ui/theme-ui/compare/v0.7.0...v0.7.1) ### [`v0.7.0`](https://togithub.com/system-ui/theme-ui/blob/master/CHANGELOG.md#v070-Thu-Apr-15-2021) [Compare Source](https://togithub.com/system-ui/theme-ui/compare/v0.6.2...v0.7.0) ##### 🚀 Enhancement - Have `breakpoints` accept custom media queries [#1653](https://togithub.com/system-ui/theme-ui/pull/1653) [@carolinmaisenbacher](https://togithub.com/carolinmaisenbacher) ##### 🐛 Bug Fix - `gatsby-plugin-theme-ui`, `gatsby-theme-code-recipes`, `gatsby-theme-style-guide`, `gatsby-theme-ui-layout` - Set `gatsby` peerDependency more explicit to `^2.0.0 || ^3.0.0`. [#1640](https://togithub.com/system-ui/theme-ui/pull/1640) ([@LekoArts](https://togithub.com/LekoArts)) ##### ⚙️ Internal - all packages -Build packages with Preconstruct 2 [#1423](https://togithub.com/system-ui/theme-ui/pull/1423) ([@alexanderchan](https://togithub.com/alexanderchan) [@hasparus](https://togithub.com/hasparus)) ### [`v0.6.2`](https://togithub.com/system-ui/theme-ui/blob/master/CHANGELOG.md#v062-Mon-Apr-05-2021) [Compare Source](https://togithub.com/system-ui/theme-ui/compare/v0.6.0...v0.6.2) ##### 🐛 Bug Fix - `@theme-ui/css` - Types for `borderTopWidth` now correctly accept `number`. [#1623](https://togithub.com/system-ui/theme-ui/pull/1623) ([@beerose](https://togithub.com/beerose)) ### [`v0.6.0`](https://togithub.com/system-ui/theme-ui/blob/master/CHANGELOG.md#v060) [Compare Source](https://togithub.com/system-ui/theme-ui/compare/v0.3.5...v0.6.0) *changes relative to 0.3, not the latest 0.6 prerelease* ##### What's New - `Styled` components dict was renamed to [`Themed`](/themed/) to avoid confusion with `styled` components constructors from `@emotion/styled` and similar libraries. - `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. - New scale: `transitions` supporting `transition` CSS property. Issue [#1079](https://togithub.com/system-ui/theme-ui/issues/1079), PR [#1272](https://togithub.com/system-ui/theme-ui/pull/1272) - Objects in nested scales can now have a `__default` key. PR [#951](https://togithub.com/system-ui/theme-ui/pull/951) Given the theme const theme = { colors: { primary: { __default: '#00f', light: '#33f', } } } `color: 'primary'` resolves to `color: '#00f'`. - Configuration option for printing color mode. PR [#1267](https://togithub.com/system-ui/theme-ui/pull/1267), issue [#1144](https://togithub.com/system-ui/theme-ui/issues/1144). No more wasted ink. { initialColorModeName: "dark", printColorModeName: "light" } - A new component, Paragraph was added in PR [#1298](https://togithub.com/system-ui/theme-ui/pull/1298) ##### Breaking Changes - Theme UI 0.6 depends on Emotion 11, and isn't compatible with Emotion 10 anymore. - If you didn't install Emotion separately, this update shouldn't affect you. - If your other dependencies depend on Emotion 10, and have no published versions for Emotion 11, you can use [Yarn resolutions](https://yarnpkg.com/lang/en/docs/selective-version-resolutions/) or [Webpack's resolve.alias](https://webpack.js.org/configuration/resolve/#resolvealias) to enforce a version. Refer to [Emotion 11 release notes](https://emotion.sh/docs/emotion-11) for more information. - Color mode flash on first render is gone, but to achieve this we had to bring back `theme.rawColors`. - **You can no longer read raw color values from `theme.colors`** when reading theme from `useThemeUI` or inside `sx`. - `.colors` object contains Custom CSS Properties now. - If you need to pass original value somewhere where CSS Properties (e.g. WebGL Canvas) won't work use `.rawColors`. - Default color mode name is no longer `"default"` — it's now `undefined`, what represents the lack of color mode set by user or detected from preferences. - `useColorSchemeMediaQuery` defaults to `true`. Issue [#624](https://togithub.com/system-ui/theme-ui/issues/624), PR [#1373](https://togithub.com/system-ui/theme-ui/pull/1373) **How to migrate?** Add `useColorSchemeMediaQuery: false` to your theme if you don't have this property. [Read more in the docs.](https://dev.theme-ui.com/color-modes/#responding-to-the-prefers-color-scheme-media-query) - We no longer export internal React context named as `Context` 😅 It wasn't and it's still not public API, but if you used it and *you really* need it, you can grab it as `__ThemeUIContext`. (But please don't do this. Use `ThemeProvider` from *[@theme-ui/core](https://togithub.com/theme-ui/core)* for local theme overrides instead.) ##### Deprecations - `Styled` will be removed in v0.7. Use [`Themed`](/themed) instead. - `useBodyStyles` will be removed in v0.7. Use `useRootStyles` instead. #####
TypeScript Changes
Theme UI is now written in TypeScript, and the emitted types differ from
`@types/theme-ui`.
- `false` in now accepted in responsive tuple types. PR
[#1499](https://togithub.com/system-ui/theme-ui/pull/1499)
- 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.
```tsx
sx={{
color: theme => theme.colors?.primary?.toUpperCase()
}}
```
But the following code still works.
```tsx
sx={{
color: theme => theme.colors?.primary
}}
```
If `colors.primary` is an object, `colors.primary.__default` is used.
- `false` values are skipped before passing style objects to Emotion. Issue
[#1297](https://togithub.com/system-ui/theme-ui/issues/1297), PR
[#1460](https://togithub.com/system-ui/theme-ui/pull/1460).
The following syntax is now supported
```tsx
sx={{ color: isActive && blu
Configuration
📅 Schedule: At any time (no schedule defined).
🚦 Automerge: Disabled due to failing status checks.
♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.
🔕 Ignore: Close this PR and you won't be reminded about this update again.
This PR has been generated by WhiteSource Renovate. View repository job log here.