rename to preset

Author: Laurie Barth

packages/gatsby-plugin-theme-ui/README.md

@@ -20,7 +20,7 @@ prevent a flash of unstyled colors when using color modes.
 
 | Key                      | Default value    | Description                                                                      |
 | ------------------------ | ---------------- | -------------------------------------------------------------------------------- |
-| `themePreset`               | `null`            | This can be a JSON theme object or a string package name. Make sure the package you're requiring is installed in your dependencies.               |
+| `preset`               | `null`            | This can be a JSON theme object or a string package name. Make sure the package you're requiring is installed in your dependencies.               |
 
 > Note that this plugin assumes the theme object is exported as `default`.
 

packages/gatsby-plugin-theme-ui/gatsby-node.js

@@ -1,9 +1,9 @@
 exports.onPreInit = (__, options) => {
-  let { themePreset } = options
+  let { preset } = options
 
-  if (typeof themePreset === 'string') {
+  if (typeof preset === 'string') {
     try {
-      options.themePreset = require(themePreset)
+      options.preset = require(preset)
     } catch {
       reporter.error(
         `It appears your theme dependency is not installed. Try running \`${generateInstallInstructions()} ${themeModule}\``
@@ -28,19 +28,16 @@ exports.createSchemaCustomization = ({ actions }) => {
 
   createTypes(`
       type ThemeUiConfig implements Node {
-        themePreset: JSON,
+        preset: JSON,
       }
     `)
 }
 
-exports.sourceNodes = (
-  { actions, createContentDigest },
-  { themePreset = {} }
-) => {
+exports.sourceNodes = ({ actions, createContentDigest }, { preset = {} }) => {
   const { createNode } = actions
 
   const themeUiConfig = {
-    themePreset,
+    preset,
   }
 
   createNode({

packages/gatsby-plugin-theme-ui/src/hooks/configOptions.js

@@ -4,7 +4,7 @@ const useThemeUiConfig = () => {
   const data = useStaticQuery(graphql`
     query {
       themeUiConfig(id: { eq: "gatsby-plugin-theme-ui-config" }) {
-        themePreset
+        preset
       }
     }
   `)

packages/gatsby-plugin-theme-ui/src/provider.js

@@ -1,14 +1,14 @@
 /** @jsx jsx */
 import { jsx, ThemeProvider, merge } from 'theme-ui'
-import theme from './index'
+import localTheme from './index'
 import components from './components'
 import useThemeUiConfig from './hooks/configOptions'
 
 const Root = ({ children }) => {
   const themeUiConfig = useThemeUiConfig()
-  const { themePreset } = themeUiConfig
+  const { preset } = themeUiConfig
 
-  const theme = themePreset.default || themePreset
+  const theme = preset.default || preset
 
   const fullTheme = merge(theme, localTheme)