@kbach/react 0.6.22 → 0.6.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +2 -1
- package/dist/index.mjs +3 -1
- package/package.json +4 -5
package/dist/index.js
CHANGED
|
@@ -3444,6 +3444,7 @@ var useSyncExternalStore = import_react3.default.useSyncExternalStore ?? functio
|
|
|
3444
3444
|
|
|
3445
3445
|
// src/ThemeProvider.tsx
|
|
3446
3446
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
3447
|
+
var useIsomorphicLayoutEffect = isWeb || isNative ? import_react4.useLayoutEffect : import_react4.useEffect;
|
|
3447
3448
|
var STORAGE_KEY = "kbach-theme";
|
|
3448
3449
|
var _mountedProviderCount = 0;
|
|
3449
3450
|
var _warnedMultipleProviders = false;
|
|
@@ -3583,7 +3584,7 @@ function ThemeProvider({
|
|
|
3583
3584
|
const resolvedMode = mode === "system" ? systemScheme : mode;
|
|
3584
3585
|
const isDark = resolvedMode === "dark";
|
|
3585
3586
|
syncGlobalDarkMode(isDark);
|
|
3586
|
-
(
|
|
3587
|
+
useIsomorphicLayoutEffect(() => {
|
|
3587
3588
|
applyWebTheme(resolvedMode, resolvedConfig.darkMode);
|
|
3588
3589
|
setGlobalDarkMode(isDark);
|
|
3589
3590
|
}, [isDark, resolvedMode, resolvedConfig.darkMode]);
|
package/dist/index.mjs
CHANGED
|
@@ -122,11 +122,13 @@ function useColors() {
|
|
|
122
122
|
import {
|
|
123
123
|
useCallback,
|
|
124
124
|
useEffect,
|
|
125
|
+
useLayoutEffect,
|
|
125
126
|
useMemo as useMemo2,
|
|
126
127
|
useRef,
|
|
127
128
|
useState
|
|
128
129
|
} from "react";
|
|
129
130
|
import { jsx } from "react/jsx-runtime";
|
|
131
|
+
var useIsomorphicLayoutEffect = isWeb || isNative ? useLayoutEffect : useEffect;
|
|
130
132
|
var STORAGE_KEY = "kbach-theme";
|
|
131
133
|
var _mountedProviderCount = 0;
|
|
132
134
|
var _warnedMultipleProviders = false;
|
|
@@ -266,7 +268,7 @@ function ThemeProvider({
|
|
|
266
268
|
const resolvedMode = mode === "system" ? systemScheme : mode;
|
|
267
269
|
const isDark = resolvedMode === "dark";
|
|
268
270
|
syncGlobalDarkMode(isDark);
|
|
269
|
-
|
|
271
|
+
useIsomorphicLayoutEffect(() => {
|
|
270
272
|
applyWebTheme(resolvedMode, resolvedConfig.darkMode);
|
|
271
273
|
setGlobalDarkMode(isDark);
|
|
272
274
|
}, [isDark, resolvedMode, resolvedConfig.darkMode]);
|
package/package.json
CHANGED
|
@@ -1,28 +1,27 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kbach/react",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.24",
|
|
4
4
|
"description": "React / React Native components and hooks for the Kbach framework",
|
|
5
5
|
"source": "./src/index.ts",
|
|
6
6
|
"main": "./dist/index.js",
|
|
7
|
-
"module": "./dist/index.mjs",
|
|
8
7
|
"types": "./dist/index.d.ts",
|
|
9
8
|
"exports": {
|
|
10
9
|
".": {
|
|
11
10
|
"types": "./dist/index.d.ts",
|
|
12
11
|
"source": "./src/index.ts",
|
|
13
|
-
"import": "./dist/index.
|
|
12
|
+
"import": "./dist/index.js",
|
|
14
13
|
"require": "./dist/index.js"
|
|
15
14
|
},
|
|
16
15
|
"./jsx-runtime": {
|
|
17
16
|
"types": "./dist/jsx-runtime.d.ts",
|
|
18
17
|
"source": "./src/jsx-runtime.tsx",
|
|
19
|
-
"import": "./dist/jsx-runtime.
|
|
18
|
+
"import": "./dist/jsx-runtime.js",
|
|
20
19
|
"require": "./dist/jsx-runtime.js"
|
|
21
20
|
},
|
|
22
21
|
"./jsx-dev-runtime": {
|
|
23
22
|
"types": "./dist/jsx-dev-runtime.d.ts",
|
|
24
23
|
"source": "./src/jsx-dev-runtime.tsx",
|
|
25
|
-
"import": "./dist/jsx-dev-runtime.
|
|
24
|
+
"import": "./dist/jsx-dev-runtime.js",
|
|
26
25
|
"require": "./dist/jsx-dev-runtime.js"
|
|
27
26
|
},
|
|
28
27
|
"./types": {
|