@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.modern.js
CHANGED
|
@@ -2279,7 +2279,7 @@ const fonts = {
|
|
|
2279
2279
|
}]
|
|
2280
2280
|
},
|
|
2281
2281
|
heading: {
|
|
2282
|
-
family: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif',
|
|
2282
|
+
family: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Liberation Sans", Helvetica, Arial, system-ui, sans-serif',
|
|
2283
2283
|
horizontalOffset: 0.075,
|
|
2284
2284
|
weights: {
|
|
2285
2285
|
regular: 700,
|
|
@@ -2332,7 +2332,7 @@ const fonts = {
|
|
|
2332
2332
|
}]
|
|
2333
2333
|
},
|
|
2334
2334
|
label: {
|
|
2335
|
-
family: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", system-ui, sans-serif',
|
|
2335
|
+
family: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Liberation Sans", system-ui, sans-serif',
|
|
2336
2336
|
horizontalOffset: 0.075,
|
|
2337
2337
|
weights: {
|
|
2338
2338
|
regular: 600,
|
|
@@ -2378,7 +2378,7 @@ const fonts = {
|
|
|
2378
2378
|
}]
|
|
2379
2379
|
},
|
|
2380
2380
|
text: {
|
|
2381
|
-
family: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif',
|
|
2381
|
+
family: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Liberation Sans", Helvetica, Arial, system-ui, sans-serif',
|
|
2382
2382
|
horizontalOffset: 0.075,
|
|
2383
2383
|
weights: {
|
|
2384
2384
|
regular: 400,
|
|
@@ -2764,19 +2764,20 @@ function useMediaIndex() {
|
|
|
2764
2764
|
*/
|
|
2765
2765
|
|
|
2766
2766
|
function usePrefersDark() {
|
|
2767
|
-
const
|
|
2768
|
-
if (typeof window === 'undefined') return
|
|
2769
|
-
return window.matchMedia('(prefers-color-scheme: dark)')
|
|
2770
|
-
});
|
|
2767
|
+
const mq = useMemo(() => {
|
|
2768
|
+
if (typeof window === 'undefined') return undefined;
|
|
2769
|
+
return window.matchMedia('(prefers-color-scheme: dark)');
|
|
2770
|
+
}, []);
|
|
2771
|
+
const [dark, setDark] = useState((mq == null ? void 0 : mq.matches) || false);
|
|
2771
2772
|
useEffect(() => {
|
|
2772
|
-
|
|
2773
|
+
if (!mq) return undefined;
|
|
2773
2774
|
setDark(mq.matches);
|
|
2774
2775
|
|
|
2775
2776
|
const handleChange = () => setDark(mq.matches);
|
|
2776
2777
|
|
|
2777
2778
|
mq.addEventListener('change', handleChange);
|
|
2778
2779
|
return () => mq.removeEventListener('change', handleChange);
|
|
2779
|
-
}, []);
|
|
2780
|
+
}, [mq]);
|
|
2780
2781
|
return dark;
|
|
2781
2782
|
}
|
|
2782
2783
|
|