@theme-ui/theme-provider - npm Package Versions

BREAKING: Default useColorSchemeMediaQuery to true. Issue #624, PR #1373

How to migrate? Add useColorSchemeMediaQuery: false to your theme if you don't have this property. Read more in the docs.

Option for gatsby-plugin-theme-ui to disable body script (injectColorFlashScript, defaulting to true). Issue #1369, PR #1370

Bump versions @mdx-js/mdx and @mdx-js/react to ^1.6.22, gatsby-plugin-mdx to ^1.6.0. PR #1351

Fix: "as" prop on Themed.X components now properly opts out of typechecking

• TypeScript users, don't use ComponentProps<typeof Themed['div']>, import ThemedComponent<'div'> instead.

@theme-ui/prism: Support multiple highlight wrappers in a single code block. PR #1393

Support a default key for object in scales. PR #951

Given the theme

const theme = {
  colors: {
    primary: {
      __default: '#00f',
      light: '#33f',
    }
  }
}

color: 'primary' resolves to color: '#00f'.

• SxProps to SxProp.
• SxStyleProp, an alias for ThemeUIStyleObject removed. Use ThemeUIStyleObject instead.

• We are now depending on @emotion/react@11 instead of @emotion/core@10
• sx prop types are still global, and we opt in for Emotion css prop types (This will change in the future.)
• Refer to Emotion 11 release notes for more information.