@sanity/ui 0.37.6-next.18 → 0.37.7
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/lib/dts/hooks/usePrefersDark.d.ts.map +1 -1
- package/lib/sanity-ui.js +11 -9
- package/lib/sanity-ui.js.map +1 -1
- package/lib/sanity-ui.modern.js +10 -9
- package/lib/sanity-ui.modern.js.map +1 -1
- package/lib/sanity-ui.module.js +11 -9
- package/lib/sanity-ui.module.js.map +1 -1
- package/package.json +10 -10
- package/src/hooks/usePrefersDark.ts +9 -7
- package/src/theme/studioTheme/fonts.ts +3 -3
package/lib/sanity-ui.module.js
CHANGED
|
@@ -2365,7 +2365,7 @@ var fonts = {
|
|
|
2365
2365
|
}]
|
|
2366
2366
|
},
|
|
2367
2367
|
heading: {
|
|
2368
|
-
family: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif',
|
|
2368
|
+
family: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Liberation Sans", Helvetica, Arial, system-ui, sans-serif',
|
|
2369
2369
|
horizontalOffset: 0.075,
|
|
2370
2370
|
weights: {
|
|
2371
2371
|
regular: 700,
|
|
@@ -2418,7 +2418,7 @@ var fonts = {
|
|
|
2418
2418
|
}]
|
|
2419
2419
|
},
|
|
2420
2420
|
label: {
|
|
2421
|
-
family: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", system-ui, sans-serif',
|
|
2421
|
+
family: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Liberation Sans", system-ui, sans-serif',
|
|
2422
2422
|
horizontalOffset: 0.075,
|
|
2423
2423
|
weights: {
|
|
2424
2424
|
regular: 600,
|
|
@@ -2464,7 +2464,7 @@ var fonts = {
|
|
|
2464
2464
|
}]
|
|
2465
2465
|
},
|
|
2466
2466
|
text: {
|
|
2467
|
-
family: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif',
|
|
2467
|
+
family: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Liberation Sans", Helvetica, Arial, system-ui, sans-serif',
|
|
2468
2468
|
horizontalOffset: 0.075,
|
|
2469
2469
|
weights: {
|
|
2470
2470
|
regular: 400,
|
|
@@ -2861,15 +2861,17 @@ function useMediaIndex() {
|
|
|
2861
2861
|
*/
|
|
2862
2862
|
|
|
2863
2863
|
function usePrefersDark() {
|
|
2864
|
-
var
|
|
2865
|
-
if (typeof window === 'undefined') return
|
|
2866
|
-
return window.matchMedia('(prefers-color-scheme: dark)')
|
|
2867
|
-
})
|
|
2864
|
+
var mq = useMemo(function () {
|
|
2865
|
+
if (typeof window === 'undefined') return undefined;
|
|
2866
|
+
return window.matchMedia('(prefers-color-scheme: dark)');
|
|
2867
|
+
}, []);
|
|
2868
|
+
|
|
2869
|
+
var _useState = useState((mq == null ? void 0 : mq.matches) || false),
|
|
2868
2870
|
dark = _useState[0],
|
|
2869
2871
|
setDark = _useState[1];
|
|
2870
2872
|
|
|
2871
2873
|
useEffect(function () {
|
|
2872
|
-
|
|
2874
|
+
if (!mq) return undefined;
|
|
2873
2875
|
setDark(mq.matches);
|
|
2874
2876
|
|
|
2875
2877
|
var handleChange = function handleChange() {
|
|
@@ -2880,7 +2882,7 @@ function usePrefersDark() {
|
|
|
2880
2882
|
return function () {
|
|
2881
2883
|
return mq.removeEventListener('change', handleChange);
|
|
2882
2884
|
};
|
|
2883
|
-
}, []);
|
|
2885
|
+
}, [mq]);
|
|
2884
2886
|
return dark;
|
|
2885
2887
|
}
|
|
2886
2888
|
|