chore: update the rest of Global.sx to Global.styles

hasparus · hasparus · commit ac36c53b500f · 2023-01-22T19:04:57.000+01:00
diff --git a/examples/next/pages/index.tsx b/examples/next/pages/index.tsx
@@ -8,7 +8,7 @@ export default function Page() {
       <Head>
         <title>Next.js Theme UI</title>
       </Head>
-      <Global sx={{ h1: { color: 'salmon !important' } }} />
+      <Global styles={{ h1: { color: 'salmon !important' } }} />
       <About />
     </>
   )
diff --git a/packages/docs/src/pages/guides/global-styles.mdx b/packages/docs/src/pages/guides/global-styles.mdx
@@ -24,7 +24,7 @@ import { Global } from 'theme-ui'
 
 export default (props) => (
   <Global
-    sx={{
+    styles={{
       button: {
         m: 0,
         bg: 'primary',
diff --git a/packages/global/README.md b/packages/global/README.md
@@ -14,7 +14,7 @@ import Global from '@theme-ui/global'
 
 export default (props) => (
   <Global
-    sx={{
+    styles={{
       button: {
         m: 0,
         bg: 'primary',

Original file line number	Diff line number	Diff line change
`@@ -8,7 +8,7 @@ export default function Page() {`
`8`	`8`	`<Head>`
`9`	`9`	`<title>Next.js Theme UI</title>`
`10`	`10`	`</Head>`
`11`		`- <Global sx={{ h1: { color: 'salmon !important' } }} />`
	`11`	`+ <Global styles={{ h1: { color: 'salmon !important' } }} />`
`12`	`12`	`<About />`
`13`	`13`	`</>`
`14`	`14`	`)`