@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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePrefersDark.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePrefersDark.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,wBAAgB,cAAc,IAAI,OAAO,
|
|
1
|
+
{"version":3,"file":"usePrefersDark.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePrefersDark.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,wBAAgB,cAAc,IAAI,OAAO,CAsBxC"}
|
package/lib/sanity-ui.js
CHANGED
|
@@ -2374,7 +2374,7 @@ var fonts = {
|
|
|
2374
2374
|
}]
|
|
2375
2375
|
},
|
|
2376
2376
|
heading: {
|
|
2377
|
-
family: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif',
|
|
2377
|
+
family: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Liberation Sans", Helvetica, Arial, system-ui, sans-serif',
|
|
2378
2378
|
horizontalOffset: 0.075,
|
|
2379
2379
|
weights: {
|
|
2380
2380
|
regular: 700,
|
|
@@ -2427,7 +2427,7 @@ var fonts = {
|
|
|
2427
2427
|
}]
|
|
2428
2428
|
},
|
|
2429
2429
|
label: {
|
|
2430
|
-
family: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", system-ui, sans-serif',
|
|
2430
|
+
family: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Liberation Sans", system-ui, sans-serif',
|
|
2431
2431
|
horizontalOffset: 0.075,
|
|
2432
2432
|
weights: {
|
|
2433
2433
|
regular: 600,
|
|
@@ -2473,7 +2473,7 @@ var fonts = {
|
|
|
2473
2473
|
}]
|
|
2474
2474
|
},
|
|
2475
2475
|
text: {
|
|
2476
|
-
family: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif',
|
|
2476
|
+
family: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Liberation Sans", Helvetica, Arial, system-ui, sans-serif',
|
|
2477
2477
|
horizontalOffset: 0.075,
|
|
2478
2478
|
weights: {
|
|
2479
2479
|
regular: 400,
|
|
@@ -2870,15 +2870,17 @@ function useMediaIndex() {
|
|
|
2870
2870
|
*/
|
|
2871
2871
|
|
|
2872
2872
|
function usePrefersDark() {
|
|
2873
|
-
var
|
|
2874
|
-
if (typeof window === 'undefined') return
|
|
2875
|
-
return window.matchMedia('(prefers-color-scheme: dark)')
|
|
2876
|
-
})
|
|
2873
|
+
var mq = React.useMemo(function () {
|
|
2874
|
+
if (typeof window === 'undefined') return undefined;
|
|
2875
|
+
return window.matchMedia('(prefers-color-scheme: dark)');
|
|
2876
|
+
}, []);
|
|
2877
|
+
|
|
2878
|
+
var _useState = React.useState((mq == null ? void 0 : mq.matches) || false),
|
|
2877
2879
|
dark = _useState[0],
|
|
2878
2880
|
setDark = _useState[1];
|
|
2879
2881
|
|
|
2880
2882
|
React.useEffect(function () {
|
|
2881
|
-
|
|
2883
|
+
if (!mq) return undefined;
|
|
2882
2884
|
setDark(mq.matches);
|
|
2883
2885
|
|
|
2884
2886
|
var handleChange = function handleChange() {
|
|
@@ -2889,7 +2891,7 @@ function usePrefersDark() {
|
|
|
2889
2891
|
return function () {
|
|
2890
2892
|
return mq.removeEventListener('change', handleChange);
|
|
2891
2893
|
};
|
|
2892
|
-
}, []);
|
|
2894
|
+
}, [mq]);
|
|
2893
2895
|
return dark;
|
|
2894
2896
|
}
|
|
2895
2897
|
|