use-prefers-color-scheme - npm Package Compare versions

Comparing version 1.1.3-6b0b94a.0 to 1.1.3-6b0b94a.1

dist/index.cjs.js

@@ -1,2 +0,2 @@
-"use strict";var f=Object.create;var o=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var l=Object.getPrototypeOf,p=Object.prototype.hasOwnProperty;var L=(e,t)=>{for(var r in t)o(e,r,{get:t[r],enumerable:!0})},d=(e,t,r,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of u(t))!p.call(e,n)&&n!==r&&o(e,n,{get:()=>t[n],enumerable:!(i=m(t,n))||i.enumerable});return e};var g=(e,t,r)=>(r=e!=null?f(l(e)):{},d(t||!e||!e.__esModule?o(r,"default",{value:e,enumerable:!0}):r,e)),w=e=>d(o({},"__esModule",{value:!0}),e);var k={};L(k,{default:()=>v,usePrefersColorScheme:()=>h});module.exports=w(k);var c=g(require("react")),h=()=>{let[e,t]=c.useState(()=>{if(typeof window.matchMedia!="function")return"no-preference";let r=window.matchMedia("(prefers-color-scheme: dark)"),i=window.matchMedia("(prefers-color-scheme: light)");return r.matches?"dark":i.matches?"light":"no-preference"});return c.useEffect(()=>{if(typeof window.matchMedia!="function")return;let r=window.matchMedia("(prefers-color-scheme: dark)"),i=window.matchMedia("(prefers-color-scheme: light)");if(typeof i.addEventListener=="function"){let n=({matches:s})=>{s&&t("dark")},a=({matches:s})=>{s&&t("light")};return r.addEventListener("change",n),i.addEventListener("change",a),()=>{r.removeEventListener("change",n),i.removeEventListener("change",a)}}if(typeof i.addListener=="function"){let n=()=>t(r.matches?"dark":i.matches?"light":"no-preference");return r.addListener(n),i.addListener(n),()=>{r.removeListener(n),i.removeListener(n)}}},[]),e},v=h;
+"use strict";var h=Object.create;var o=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var u=Object.getPrototypeOf,l=Object.prototype.hasOwnProperty;var p=(e,t)=>{for(var r in t)o(e,r,{get:t[r],enumerable:!0})},d=(e,t,r,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of L(t))!l.call(e,n)&&n!==r&&o(e,n,{get:()=>t[n],enumerable:!(i=m(t,n))||i.enumerable});return e};var v=(e,t,r)=>(r=e!=null?h(u(e)):{},d(t||!e||!e.__esModule?o(r,"default",{value:e,enumerable:!0}):r,e)),g=e=>d(o({},"__esModule",{value:!0}),e);var k={};p(k,{default:()=>E,usePrefersColorScheme:()=>f});module.exports=g(k);var s=v(require("react")),f=()=>{let[e,t]=s.useState();return s.useEffect(()=>{if(typeof window.matchMedia!="function")return;let r=window.matchMedia("(prefers-color-scheme: dark)"),i=window.matchMedia("(prefers-color-scheme: light)");if(typeof i.addEventListener=="function"){let n=({matches:a})=>{a&&t("dark")},c=({matches:a})=>{a&&t("light")};return r.addEventListener("change",n),i.addEventListener("change",c),()=>{r.removeEventListener("change",n),i.removeEventListener("change",c)}}if(typeof i.addListener=="function"){let n=()=>t(r.matches?"dark":i.matches?"light":"no-preference");return r.addListener(n),i.addListener(n),()=>{r.removeListener(n),i.removeListener(n)}}},[]),e},E=f;
 //# sourceMappingURL=index.cjs.js.map

dist/index.d.ts

@@ -1,3 +0,3 @@
-export declare const usePrefersColorScheme: () => "dark" | "light" | "no-preference";
+export declare const usePrefersColorScheme: () => "dark" | "light" | "no-preference" | undefined;
 export default usePrefersColorScheme;
 //# sourceMappingURL=index.d.ts.map

dist/index.esm.js

@@ -1,2 +0,2 @@
-import*as n from"react";var a=()=>{let[s,i]=n.useState(()=>{if(typeof window.matchMedia!="function")return"no-preference";let r=window.matchMedia("(prefers-color-scheme: dark)"),e=window.matchMedia("(prefers-color-scheme: light)");return r.matches?"dark":e.matches?"light":"no-preference"});return n.useEffect(()=>{if(typeof window.matchMedia!="function")return;let r=window.matchMedia("(prefers-color-scheme: dark)"),e=window.matchMedia("(prefers-color-scheme: light)");if(typeof e.addEventListener=="function"){let t=({matches:o})=>{o&&i("dark")},c=({matches:o})=>{o&&i("light")};return r.addEventListener("change",t),e.addEventListener("change",c),()=>{r.removeEventListener("change",t),e.removeEventListener("change",c)}}if(typeof e.addListener=="function"){let t=()=>i(r.matches?"dark":e.matches?"light":"no-preference");return r.addListener(t),e.addListener(t),()=>{r.removeListener(t),e.removeListener(t)}}},[]),s},d=a;export{d as default,a as usePrefersColorScheme};
+import*as n from"react";var c=()=>{let[a,i]=n.useState();return n.useEffect(()=>{if(typeof window.matchMedia!="function")return;let r=window.matchMedia("(prefers-color-scheme: dark)"),e=window.matchMedia("(prefers-color-scheme: light)");if(typeof e.addEventListener=="function"){let t=({matches:o})=>{o&&i("dark")},s=({matches:o})=>{o&&i("light")};return r.addEventListener("change",t),e.addEventListener("change",s),()=>{r.removeEventListener("change",t),e.removeEventListener("change",s)}}if(typeof e.addListener=="function"){let t=()=>i(r.matches?"dark":e.matches?"light":"no-preference");return r.addListener(t),e.addListener(t),()=>{r.removeListener(t),e.removeListener(t)}}},[]),a},d=c;export{d as default,c as usePrefersColorScheme};
 //# sourceMappingURL=index.esm.js.map

package.json

 {
   "name": "use-prefers-color-scheme",
-  "version": "1.1.3-6b0b94a.0",
+  "version": "1.1.3-6b0b94a.1",
   "description": "React hook for determining the preferred color scheme",
@@ -5,0 +5,0 @@ "author": "rfoel",

No alert changes

Worsened metrics

Total package byte prevSize

13194

decreased by-12.34%

Lines of code

13

decreased by-13.33%

No dependency changes