changelog

react18-tools · Dec 8, 2023 · 73f2cc5 · 73f2cc5
1 parent fedbe52
commit 73f2cc5
Show file tree

Hide file tree

Showing 19 changed files with 96 additions and 9 deletions.
diff --git a/README.md b/README.md
@@ -352,6 +352,22 @@ Nope. It's just a convenient way. You can hard code values for every class as fo
 }
 ```
 
+**Why is `resolvedTheme` and `resolvedColorScheme` necessary?**
+
+When supporting the System theme preference, and forced theme/colorScheme pages, you want to make sure that's reflected in your UI. This means your buttons, selects, dropdowns, or whatever you use to indicate the current colorScheme should say "system" when the System colorScheme preference is active. And also the appropreate theme is available in resolvedTheme.
+
+`resolvedTheme` is then useful for modifying behavior or styles at runtime:
+
+```js
+const { resolvedTheme, resolvedColorScheme } = useTheme();
+
+const background = getBackground(resolvedTheme);
+
+<div style={{ color: resolvedColorScheme === 'dark' ? white : black, background }}>
+```
+
+If we didn't have `resolvedTheme` and only used `theme`, you'd lose information about the state of your UI (you would only know the theme is "system", and not what it resolved to).
+
 ## License
 
 Licensed as MIT open source.

diff --git a/examples/app-router/CHANGELOG.md b/examples/app-router/CHANGELOG.md
@@ -1,5 +1,14 @@
 # app-router
 
+## 0.0.13
+
+### Patch Changes
+
+- Add resolvedTheme and resolvedColorScheme to useTheme state.
+- Updated dependencies
+  - [email protected]
+  - [email protected]
+
 ## 0.0.12
 
 ### Patch Changes

diff --git a/examples/app-router/package.json b/examples/app-router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "app-router",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "private": true,
   "scripts": {
     "dev": "next dev --port 3002",

diff --git a/examples/pages-router/CHANGELOG.md b/examples/pages-router/CHANGELOG.md
@@ -1,5 +1,14 @@
 # nextjs-pages-router
 
+## 1.0.8
+
+### Patch Changes
+
+- Add resolvedTheme and resolvedColorScheme to useTheme state.
+- Updated dependencies
+  - [email protected]
+  - [email protected]
+
 ## 1.0.7
 
 ### Patch Changes

diff --git a/examples/pages-router/package.json b/examples/pages-router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "pages-router",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "private": true,
   "scripts": {
     "dev": "next dev --port 3003",

diff --git a/examples/simple-multi-theme/CHANGELOG.md b/examples/simple-multi-theme/CHANGELOG.md
@@ -1,5 +1,14 @@
 # simple-multi-theme
 
+## 1.0.8
+
+### Patch Changes
+
+- Add resolvedTheme and resolvedColorScheme to useTheme state.
+- Updated dependencies
+  - [email protected]
+  - [email protected]
+
 ## 1.0.7
 
 ### Patch Changes

diff --git a/examples/simple-multi-theme/package.json b/examples/simple-multi-theme/package.json
@@ -1,6 +1,6 @@
 {
   "name": "simple-multi-theme",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "private": true,
   "scripts": {
     "dev": "next dev --port 3001",

diff --git a/examples/tailwind/CHANGELOG.md b/examples/tailwind/CHANGELOG.md
@@ -1,5 +1,13 @@
 # tailwind
 
+## 0.1.2
+
+### Patch Changes
+
+- Add resolvedTheme and resolvedColorScheme to useTheme state.
+- Updated dependencies
+  - [email protected]
+
 ## 0.1.1
 
 ### Patch Changes

diff --git a/examples/tailwind/package.json b/examples/tailwind/package.json
@@ -1,6 +1,6 @@
 {
   "name": "tailwind",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "private": true,
   "scripts": {
     "dev": "next dev",

diff --git a/examples/vite/CHANGELOG.md b/examples/vite/CHANGELOG.md
@@ -1,5 +1,14 @@
 # vite-example
 
+## 0.0.13
+
+### Patch Changes
+
+- Add resolvedTheme and resolvedColorScheme to useTheme state.
+- Updated dependencies
+  - [email protected]
+  - [email protected]
+
 ## 0.0.12
 
 ### Patch Changes

diff --git a/examples/vite/package.json b/examples/vite/package.json
@@ -1,7 +1,7 @@
 {
   "name": "vite-example",
   "private": true,
-  "version": "0.0.12",
+  "version": "0.0.13",
   "type": "module",
   "scripts": {
     "dev": "vite --port 3001",

diff --git a/lib/nextjs-themes/CHANGELOG.md b/lib/nextjs-themes/CHANGELOG.md
@@ -1,5 +1,11 @@
 # nextjs-themes
 
+## 1.2.1
+
+### Patch Changes
+
+- Add resolvedTheme and resolvedColorScheme to useTheme state.
+
 ## 1.2.0
 
 ### Minor Changes

diff --git a/lib/nextjs-themes/package.json b/lib/nextjs-themes/package.json
@@ -2,7 +2,7 @@
   "name": "nextjs-themes",
   "author": "Mayank Kumar Chaudhari <https://mayank-chaudhari.vercel.app>",
   "private": false,
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "Unleash the Power of React Server Components! Use multiple themes on your site with confidence, without losing any advantages of React Server Components.",
   "main": "./index.ts",
   "types": "./index.ts",

diff --git a/packages/eslint-config-custom/CHANGELOG.md b/packages/eslint-config-custom/CHANGELOG.md
@@ -0,0 +1,7 @@
+# eslint-config-custom
+
+## 0.0.1
+
+### Patch Changes
+
+- Add resolvedTheme and resolvedColorScheme to useTheme state.
diff --git a/packages/eslint-config-custom/package.json b/packages/eslint-config-custom/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-config-custom",
-  "version": "0.0.0",
+  "version": "0.0.1",
   "main": "index.js",
   "license": "MIT",
   "dependencies": {

diff --git a/packages/shared-ui/CHANGELOG.md b/packages/shared-ui/CHANGELOG.md
@@ -0,0 +1,7 @@
+# shared-ui
+
+## 1.0.2
+
+### Patch Changes
+
+- Add resolvedTheme and resolvedColorScheme to useTheme state.
diff --git a/packages/shared-ui/package.json b/packages/shared-ui/package.json
@@ -2,7 +2,7 @@
   "name": "shared-ui",
   "author": "Mayank Kumar Chaudhari <https://mayank-chaudhari.vercel.app>",
   "private": true,
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Shared UI Package",
   "main": "./index.ts",
   "types": "./index.ts",

diff --git a/packages/tsconfig/CHANGELOG.md b/packages/tsconfig/CHANGELOG.md
@@ -0,0 +1,7 @@
+# tsconfig
+
+## 0.0.1
+
+### Patch Changes
+
+- Add resolvedTheme and resolvedColorScheme to useTheme state.
diff --git a/packages/tsconfig/package.json b/packages/tsconfig/package.json
@@ -1,6 +1,6 @@
 {
   "name": "tsconfig",
-  "version": "0.0.0",
+  "version": "0.0.1",
   "private": true,
   "license": "MIT",
   "publishConfig": {