Merge branch 'develop' into 1921-rename-themeprovider

Author: hasparus

.all-contributorsrc

@@ -1160,6 +1160,26 @@
         "test",
         "code"
       ]
+    },
+    {
+      "login": "wahidrahim",
+      "name": "Wahid Rahim",
+      "avatar_url": "https://avatars.githubusercontent.com/u/7417976?v=4",
+      "profile": "https://github.com/wahidrahim",
+      "contributions": [
+        "doc",
+        "example",
+        "code"
+      ]
+    },
+    {
+      "login": "JustinotherGitter",
+      "name": "Justin Cooper",
+      "avatar_url": "https://avatars.githubusercontent.com/u/49234323?v=4",
+      "profile": "https://github.com/JustinotherGitter",
+      "contributions": [
+        "doc"
+      ]
     }
   ]
 }

.github/workflows/e2e.yml

@@ -36,7 +36,7 @@ jobs:
       - run: pnpm build:docs
       - run: cd packages/e2e && pnpm cypress install
 
-      - uses: cypress-io/github-action@v4.2.0
+      - uses: cypress-io/github-action@v5.0.0
         with:
           record: true
           parallel: true

CHANGELOG.md

@@ -1,3 +1,67 @@
+# v0.15.7 (Thu Mar 30 2023)
+
+
+
+---
+
+# v0.15.6 (Wed Mar 29 2023)
+
+:tada: This release contains work from new contributors! :tada:
+
+Thanks for all your work!
+
+:heart: Ben ([@benchilds](https://github.com/benchilds))
+
+:heart: Justin Cooper ([@JustinotherGitter](https://github.com/JustinotherGitter))
+
+#### 🐛 Bug Fix
+
+- Update variants.mdx [#2408](https://github.com/system-ui/theme-ui/pull/2408) ([@benchilds](https://github.com/benchilds))
+- fix: Use `type` imports on src/index [#2392](https://github.com/system-ui/theme-ui/pull/2392) ([@lachlanjc](https://github.com/lachlanjc))
+
+#### 🏠 Internal
+
+- docs: Fix color modes code sample typo [#2399](https://github.com/system-ui/theme-ui/pull/2399) ([@JustinotherGitter](https://github.com/JustinotherGitter))
+
+#### Authors: 3
+
+- Ben ([@benchilds](https://github.com/benchilds))
+- Justin Cooper ([@JustinotherGitter](https://github.com/JustinotherGitter))
+- Lachlan Campbell ([@lachlanjc](https://github.com/lachlanjc))
+
+---
+
+# v0.15.5 (Tue Feb 07 2023)
+
+:tada: This release contains work from new contributors! :tada:
+
+Thanks for all your work!
+
+:heart: Nischal Shakya ([@Nischal2015](https://github.com/Nischal2015))
+
+:heart: Wahid Rahim ([@wahidrahim](https://github.com/wahidrahim))
+
+#### 🐛 Bug Fix
+
+- fix(custom-properties): use default key name if pluralize returns empty [#2389](https://github.com/system-ui/theme-ui/pull/2389) ([@wahidrahim](https://github.com/wahidrahim))
+- Add theme-aware Global component [#2385](https://github.com/system-ui/theme-ui/pull/2385) ([@lachlanjc](https://github.com/lachlanjc) [@hasparus](https://github.com/hasparus))
+
+#### 🏠 Internal
+
+- components: Rewrite Spinner for better performance [#2384](https://github.com/system-ui/theme-ui/pull/2384) ([@lachlanjc](https://github.com/lachlanjc))
+- docs: Add missing `useMDXComponents` import [#2370](https://github.com/system-ui/theme-ui/pull/2370) ([@Nischal2015](https://github.com/Nischal2015))
+- docs: Reorganize Color Modes doc for clarity [#2365](https://github.com/system-ui/theme-ui/pull/2365) ([@lachlanjc](https://github.com/lachlanjc))
+
+#### Authors: 5
+
+- Lachlan Campbell ([@lachlanjc](https://github.com/lachlanjc))
+- Lennart ([@LekoArts](https://github.com/LekoArts))
+- Nischal Shakya ([@Nischal2015](https://github.com/Nischal2015))
+- Piotr Monwid-Olechnowicz ([@hasparus](https://github.com/hasparus))
+- Wahid Rahim ([@wahidrahim](https://github.com/wahidrahim))
+
+---
+
 # v0.15.4 (Thu Nov 10 2022)
 
 #### 🐛 Bug Fix

examples/next/components/Header.tsx

@@ -2,9 +2,11 @@ import { Button, useColorMode } from 'theme-ui'
 
 const Header = () => {
   const [colorMode, setColorMode] = useColorMode()
+
   return (
     <header>
       <Button
+        suppressHydrationWarning
         onClick={() => setColorMode(colorMode === 'light' ? 'dark' : 'light')}
       >
         Toggle {colorMode === 'light' ? 'Dark' : 'Light'}

examples/next/package.json

@@ -16,6 +16,7 @@
     "@mdx-js/loader": "^2.1.2",
     "@mdx-js/react": "^2.1.2",
     "@next/mdx": "^12.0.7",
+    "@theme-ui/css": "workspace:^",
     "next": "^12.1.0",
     "react": "^18",
     "react-dom": "^18",

examples/next/pages/index.tsx

@@ -1,12 +1,14 @@
 import Head from 'next/head'
 import About from '../components/about.mdx'
+import { Global } from 'theme-ui'
 
 export default function Page() {
   return (
     <>
       <Head>
         <title>Next.js Theme UI</title>
       </Head>
+      <Global styles={{ h1: { color: 'salmon !important' } }} />
       <About />
     </>
   )

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theme-ui/monorepo",
-  "version": "0.15.4",
+  "version": "0.15.7",
   "private": true,
   "scripts": {
     "build": "preconstruct build",
@@ -65,7 +65,7 @@
     "@jest/types": "^29",
     "@preconstruct/cli": "^2.1.5",
     "@testing-library/react": "^13.4.0",
-    "@types/eslint": "8.4.6",
+    "@types/eslint": "8.37.0",
     "@types/jest": "^29.0.3",
     "@types/node": "^18.7.18",
     "@types/react-dom": "^18.0.6",
@@ -74,7 +74,7 @@
     "@typescript-eslint/parser": "^5.37.0",
     "auto": "^10.37.6",
     "babel-jest": "^29.0.3",
-    "babel-preset-gatsby": "^2.2.0",
+    "babel-preset-gatsby": "^3.9.0",
     "cross-env": "^7.0.3",
     "egzek": "^1.2.0",
     "eslint": "^8",
@@ -87,11 +87,11 @@
     "postinstall-postinstall": "^2.1.0",
     "prettier": "^2.2.1",
     "react-test-renderer": "^18.2.0",
-    "rimraf": "^3.0.2",
+    "rimraf": "^5.0.0",
     "ts-jest": "^29.0.1",
     "ts-toolbelt": "^9.6.0",
     "typecov": "^0.2.3",
-    "typescript": "^4"
+    "typescript": "^5"
   },
   "pnpm": {
     "overrides": {

packages/color-modes/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theme-ui/color-modes",
-  "version": "0.15.5-develop.0",
+  "version": "0.15.9-develop.0",
   "main": "dist/theme-ui-color-modes.cjs.js",
   "module": "dist/theme-ui-color-modes.esm.js",
   "types": "dist/theme-ui-color-modes.cjs.d.ts",

packages/color/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theme-ui/color",
-  "version": "0.15.5-develop.0",
+  "version": "0.15.9-develop.0",
   "source": "src/index.ts",
   "main": "dist/theme-ui-color.cjs.js",
   "module": "dist/theme-ui-color.esm.js",

packages/components/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theme-ui/components",
-  "version": "0.15.5-develop.0",
+  "version": "0.15.9-develop.0",
   "main": "dist/theme-ui-components.cjs.js",
   "module": "dist/theme-ui-components.esm.js",
   "types": "dist/theme-ui-components.cjs.d.ts",