@vxrn/color-scheme 1.1.234 → 1.1.235
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/cjs/index.js +2 -3
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/index.native.js +1 -4
- package/dist/cjs/index.native.js.map +2 -2
- package/dist/esm/index.js +2 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/index.mjs +2 -3
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/index.native.js +1 -6
- package/dist/esm/index.native.js.map +1 -1
- package/package.json +3 -3
- package/src/index.tsx +3 -7
- package/types/index.d.ts.map +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -23,9 +23,7 @@ __export(src_exports, {
|
|
|
23
23
|
});
|
|
24
24
|
module.exports = __toCommonJS(src_exports);
|
|
25
25
|
var import_universal_color_scheme = require("@vxrn/universal-color-scheme"), import_use_isomorphic_layout_effect = require("@vxrn/use-isomorphic-layout-effect"), import_react = require("react"), import_universal_color_scheme2 = require("@vxrn/universal-color-scheme"), import_jsx_runtime = require("react/jsx-runtime");
|
|
26
|
-
const storageKey = "vxrn-scheme", getSetting = () => typeof localStorage < "u" && localStorage.getItem(storageKey) || "system",
|
|
27
|
-
setting !== "system" && (0, import_universal_color_scheme.setColorScheme)(setting);
|
|
28
|
-
const SchemeContext = (0, import_react.createContext)({
|
|
26
|
+
const storageKey = "vxrn-scheme", getSetting = () => typeof localStorage < "u" && localStorage.getItem(storageKey) || "system", SchemeContext = (0, import_react.createContext)({
|
|
29
27
|
setting: "system",
|
|
30
28
|
scheme: "light"
|
|
31
29
|
}), useColorScheme = () => {
|
|
@@ -45,6 +43,7 @@ function SchemeProvider({
|
|
|
45
43
|
}) {
|
|
46
44
|
const [colorSchemeSetting] = (0, import_universal_color_scheme.useColorSchemeSetting)(), [colorScheme] = useColorScheme();
|
|
47
45
|
return (0, import_use_isomorphic_layout_effect.useIsomorphicLayoutEffect)(() => {
|
|
46
|
+
(0, import_universal_color_scheme.setColorScheme)(getSetting());
|
|
48
47
|
const toAdd = getClassName(colorScheme), { classList } = document.documentElement;
|
|
49
48
|
if (!classList.contains(toAdd)) {
|
|
50
49
|
const toRemove = colorScheme === "light" ? "dark" : "light";
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oCAKO,yCACP,sCAA0C,+CAC1C,eAAmD,kBAKnDA,iCAAoD,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oCAKO,yCACP,sCAA0C,+CAC1C,eAAmD,kBAKnDA,iCAAoD,yCAyDhD;AAvDJ,MAAM,aAAa,eAEb,aAAa,MAChB,OAAO,eAAiB,OAAgB,aAAa,QAAQ,UAAU,KACxE,UAEI,oBAAgB,4BAGnB;AAAA,EACD,SAAS;AAAA,EACT,QAAQ;AACV,CAAC,GAEY,iBAAiB,MAAM;AAClC,QAAM,CAAC,KAAK,QAAI,8BAAAC,gBAAmB;AACnC,SAAO,CAAC,OAAO,gBAAgB;AACjC;AAEO,SAAS,mBAAmB;AAEjC,SAAO,KADQ,yBAAW,aAAa,GACvB,gBAAgB;AAClC;AAEO,SAAS,iBAAiB,MAAqB;AACpD,EAAI,OAAO,eAAiB,OAC1B,aAAa,QAAQ,YAAY,IAAI,OAEvC,8CAAe,IAAI;AACrB;AAEO,SAAS,eAAe;AAAA,EAC7B;AAAA;AAAA,EAEA,eAAe,CAAC,SAAS,KAAK,IAAI;AACpC,GAAwE;AACtE,QAAM,CAAC,kBAAkB,QAAI,qDAAsB,GAC7C,CAAC,WAAW,IAAI,eAAe;AAGnC,4EAA0B,MAAM;AAE9B,sDAAe,WAAW,CAAC;AAE3B,UAAM,QAAQ,aAAa,WAAW,GAChC,EAAE,UAAU,IAAI,SAAS;AAC/B,QAAI,CAAC,UAAU,SAAS,KAAK,GAAG;AAC9B,YAAM,WAAW,gBAAgB,UAAU,SAAS;AACpD,gBAAU,OAAO,aAAa,QAAQ,CAAC,GACvC,UAAU,IAAI,KAAK;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,WAAW,CAAC,GAIhB,4EAEI;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,yBAAyB;AAAA,UACvB,QAAQ;AAAA,sBACE,aAAa,OAAO,CAAC;AAAA,wBACnB,aAAa,MAAM,CAAC;AAAA,0CACF,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,uBAK7B,aAAa,MAAM,CAAC,eAAe,aAAa,OAAO,CAAC;AAAA;AAAA,QAErE;AAAA;AAAA,IACF;AAAA,IAEF;AAAA,MAAC,cAAc;AAAA,MAAd;AAAA,QACC,WAAO;AAAA,UACL,OAAO;AAAA,YACL,QAAQ;AAAA,YACR,SAAS;AAAA,UACX;AAAA,UACA,CAAC,aAAa,kBAAkB;AAAA,QAClC;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": ["import_universal_color_scheme", "useColorSchemeBase"]
|
|
6
6
|
}
|
package/dist/cjs/index.native.js
CHANGED
|
@@ -23,10 +23,7 @@ __export(src_exports, {
|
|
|
23
23
|
useSchemeSetting: () => useSchemeSetting
|
|
24
24
|
});
|
|
25
25
|
module.exports = __toCommonJS(src_exports);
|
|
26
|
-
var import_jsx_runtime = require("react/jsx-runtime"), import_universal_color_scheme = require("@vxrn/universal-color-scheme"), import_use_isomorphic_layout_effect = require("@vxrn/use-isomorphic-layout-effect"), import_react = require("react"), import_universal_color_scheme2 = require("@vxrn/universal-color-scheme"), storageKey = "vxrn-scheme"
|
|
27
|
-
return typeof localStorage < "u" && localStorage.getItem(storageKey) || "system";
|
|
28
|
-
}, setting = getSetting();
|
|
29
|
-
setting !== "system" && (0, import_universal_color_scheme.setColorScheme)(setting);
|
|
26
|
+
var import_jsx_runtime = require("react/jsx-runtime"), import_universal_color_scheme = require("@vxrn/universal-color-scheme"), import_use_isomorphic_layout_effect = require("@vxrn/use-isomorphic-layout-effect"), import_react = require("react"), import_universal_color_scheme2 = require("@vxrn/universal-color-scheme"), storageKey = "vxrn-scheme";
|
|
30
27
|
var SchemeContext = /* @__PURE__ */ (0, import_react.createContext)({
|
|
31
28
|
setting: "system",
|
|
32
29
|
scheme: "light"
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/vxrn/packages/color-scheme/src/index.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,gCAKO,yCACP,sCAA0C,+CAC1C,eAAmD,kBAKnDA,iCAAoD,yCAE9CC,aAAa
|
|
5
|
-
"names": ["import_universal_color_scheme", "storageKey", "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,gCAKO,yCACP,sCAA0C,+CAC1C,eAAmD,kBAKnDA,iCAAoD,yCAE9CC,aAAa;AAMnB,IAAMC,gBAAgBC,gDAGnB;EACDC,SAAS;EACTC,QAAQ;AACV,CAAA,GAEaC,iBAAiB,WAAA;AAC5B,MAAM,CAACC,KAAAA,QAASC,8BAAAA,gBAAAA;AAChB,SAAO;IAACD;IAAOE;;AACjB;AAEO,SAASC,mBAAAA;AACd,MAAMC,aAASC,yBAAWV,aAAAA;AAC1B,SAAO;IAACS;IAAQF;;AAClB;AAEO,SAASA,iBAAiBI,MAAmB;AAClD,EAAI,OAAOC,eAAiB,OAC1BA,aAAaC,QAAQC,YAAYH,IAAAA,OAEnCI,8CAAeJ,IAAAA;AACjB;AAEO,SAASK,eAAe,OAIuC;MAJvC;IAC7BC;;IAEAC,eAAe,SAACC,MAAAA;aAAS,KAAKA,IAAAA;;EAAM,IAHP,OAKvB,CAACC,kBAAAA,QAAsBC,qDAAAA,GACvB,CAACC,WAAAA,IAAelB,eAAAA;AAiBtB,SACE,uCAAAmB,MAAA,mBAAAC,UAAA;;MAC6C;MAgB3C,uCAAAC,KAACzB,cAAc0B,UAAQ;QACrBC,WAAOC,sBACL,WAAA;iBAAO;YACLzB,QAAQmB;YACRpB,SAASkB;UACX;WACA;UAACE;UAAaF;SAAmB;;;;;AAO3C;",
|
|
5
|
+
"names": ["import_universal_color_scheme", "storageKey", "SchemeContext", "createContext", "setting", "scheme", "useColorScheme", "state", "useColorSchemeBase", "setSchemeSetting", "useSchemeSetting", "values", "useContext", "next", "localStorage", "setItem", "storageKey", "setColorScheme", "SchemeProvider", "children", "getClassName", "name", "colorSchemeSetting", "useColorSchemeSetting", "colorScheme", "_jsxs", "_Fragment", "_jsx", "Provider", "value", "useMemo"]
|
|
6
6
|
}
|
package/dist/esm/index.js
CHANGED
|
@@ -7,9 +7,7 @@ import { useIsomorphicLayoutEffect } from "@vxrn/use-isomorphic-layout-effect";
|
|
|
7
7
|
import { createContext, useContext, useMemo } from "react";
|
|
8
8
|
import { getColorScheme, onColorSchemeChange } from "@vxrn/universal-color-scheme";
|
|
9
9
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
10
|
-
const storageKey = "vxrn-scheme", getSetting = () => typeof localStorage < "u" && localStorage.getItem(storageKey) || "system",
|
|
11
|
-
setting !== "system" && setColorScheme(setting);
|
|
12
|
-
const SchemeContext = createContext({
|
|
10
|
+
const storageKey = "vxrn-scheme", getSetting = () => typeof localStorage < "u" && localStorage.getItem(storageKey) || "system", SchemeContext = createContext({
|
|
13
11
|
setting: "system",
|
|
14
12
|
scheme: "light"
|
|
15
13
|
}), useColorScheme = () => {
|
|
@@ -29,6 +27,7 @@ function SchemeProvider({
|
|
|
29
27
|
}) {
|
|
30
28
|
const [colorSchemeSetting] = useColorSchemeSetting(), [colorScheme] = useColorScheme();
|
|
31
29
|
return useIsomorphicLayoutEffect(() => {
|
|
30
|
+
setColorScheme(getSetting());
|
|
32
31
|
const toAdd = getClassName(colorScheme), { classList } = document.documentElement;
|
|
33
32
|
if (!classList.contains(toAdd)) {
|
|
34
33
|
const toRemove = colorScheme === "light" ? "dark" : "light";
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx"],
|
|
4
|
-
"mappings": "AAAA;AAAA,EAEE;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,OACK;AACP,SAAS,iCAAiC;AAC1C,SAAS,eAAe,YAAY,eAAe;AAKnD,SAAS,gBAAgB,2BAA2B;
|
|
4
|
+
"mappings": "AAAA;AAAA,EAEE;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,OACK;AACP,SAAS,iCAAiC;AAC1C,SAAS,eAAe,YAAY,eAAe;AAKnD,SAAS,gBAAgB,2BAA2B;AAyDhD,mBAEI,KAFJ;AAvDJ,MAAM,aAAa,eAEb,aAAa,MAChB,OAAO,eAAiB,OAAgB,aAAa,QAAQ,UAAU,KACxE,UAEI,gBAAgB,cAGnB;AAAA,EACD,SAAS;AAAA,EACT,QAAQ;AACV,CAAC,GAEY,iBAAiB,MAAM;AAClC,QAAM,CAAC,KAAK,IAAI,mBAAmB;AACnC,SAAO,CAAC,OAAO,gBAAgB;AACjC;AAEO,SAAS,mBAAmB;AAEjC,SAAO,CADQ,WAAW,aAAa,GACvB,gBAAgB;AAClC;AAEO,SAAS,iBAAiB,MAAqB;AACpD,EAAI,OAAO,eAAiB,OAC1B,aAAa,QAAQ,YAAY,IAAI,GAEvC,eAAe,IAAI;AACrB;AAEO,SAAS,eAAe;AAAA,EAC7B;AAAA;AAAA,EAEA,eAAe,CAAC,SAAS,KAAK,IAAI;AACpC,GAAwE;AACtE,QAAM,CAAC,kBAAkB,IAAI,sBAAsB,GAC7C,CAAC,WAAW,IAAI,eAAe;AAGnC,mCAA0B,MAAM;AAE9B,mBAAe,WAAW,CAAC;AAE3B,UAAM,QAAQ,aAAa,WAAW,GAChC,EAAE,UAAU,IAAI,SAAS;AAC/B,QAAI,CAAC,UAAU,SAAS,KAAK,GAAG;AAC9B,YAAM,WAAW,gBAAgB,UAAU,SAAS;AACpD,gBAAU,OAAO,aAAa,QAAQ,CAAC,GACvC,UAAU,IAAI,KAAK;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,WAAW,CAAC,GAIhB,iCAEI;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,yBAAyB;AAAA,UACvB,QAAQ;AAAA,sBACE,aAAa,OAAO,CAAC;AAAA,wBACnB,aAAa,MAAM,CAAC;AAAA,0CACF,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,uBAK7B,aAAa,MAAM,CAAC,eAAe,aAAa,OAAO,CAAC;AAAA;AAAA,QAErE;AAAA;AAAA,IACF;AAAA,IAEF;AAAA,MAAC,cAAc;AAAA,MAAd;AAAA,QACC,OAAO;AAAA,UACL,OAAO;AAAA,YACL,QAAQ;AAAA,YACR,SAAS;AAAA,UACX;AAAA,UACA,CAAC,aAAa,kBAAkB;AAAA,QAClC;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/index.mjs
CHANGED
|
@@ -5,9 +5,7 @@ import { getColorScheme, onColorSchemeChange } from "@vxrn/universal-color-schem
|
|
|
5
5
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
6
6
|
const storageKey = "vxrn-scheme",
|
|
7
7
|
getSetting = () => typeof localStorage < "u" && localStorage.getItem(storageKey) || "system",
|
|
8
|
-
|
|
9
|
-
setting !== "system" && setColorScheme(setting);
|
|
10
|
-
const SchemeContext = createContext({
|
|
8
|
+
SchemeContext = createContext({
|
|
11
9
|
setting: "system",
|
|
12
10
|
scheme: "light"
|
|
13
11
|
}),
|
|
@@ -29,6 +27,7 @@ function SchemeProvider({
|
|
|
29
27
|
const [colorSchemeSetting] = useColorSchemeSetting(),
|
|
30
28
|
[colorScheme] = useColorScheme();
|
|
31
29
|
return useIsomorphicLayoutEffect(() => {
|
|
30
|
+
setColorScheme(getSetting());
|
|
32
31
|
const toAdd = getClassName(colorScheme),
|
|
33
32
|
{
|
|
34
33
|
classList
|
package/dist/esm/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["setColorScheme","useColorScheme","useColorSchemeBase","useColorSchemeSetting","useIsomorphicLayoutEffect","createContext","useContext","useMemo","getColorScheme","onColorSchemeChange","Fragment","jsx","jsxs","storageKey","getSetting","localStorage","getItem","
|
|
1
|
+
{"version":3,"names":["setColorScheme","useColorScheme","useColorSchemeBase","useColorSchemeSetting","useIsomorphicLayoutEffect","createContext","useContext","useMemo","getColorScheme","onColorSchemeChange","Fragment","jsx","jsxs","storageKey","getSetting","localStorage","getItem","SchemeContext","setting","scheme","state","setSchemeSetting","useSchemeSetting","next","setItem","SchemeProvider","children","getClassName","name","colorSchemeSetting","colorScheme","toAdd","classList","document","documentElement","contains","toRemove","remove","add","dangerouslySetInnerHTML","__html","Provider","value"],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAEEA,cAAA,EACAC,cAAA,IAAkBC,kBAAA,EAClBC,qBAAA,QACK;AACP,SAASC,yBAAA,QAAiC;AAC1C,SAASC,aAAA,EAAeC,UAAA,EAAYC,OAAA,QAAe;AAKnD,SAASC,cAAA,EAAgBC,mBAAA,QAA2B;AAyDhD,SAAAC,QAAA,EAEIC,GAAA,EAFJC,IAAA;AAvDJ,MAAMC,UAAA,GAAa;EAEbC,UAAA,GAAaA,CAAA,KAChB,OAAOC,YAAA,GAAiB,OAAgBA,YAAA,CAAaC,OAAA,CAAQH,UAAU,KACxE;EAEII,aAAA,GAAgBZ,aAAA,CAGnB;IACDa,OAAA,EAAS;IACTC,MAAA,EAAQ;EACV,CAAC;EAEYlB,cAAA,GAAiBA,CAAA,KAAM;IAClC,MAAM,CAACmB,KAAK,IAAIlB,kBAAA,CAAmB;IACnC,OAAO,CAACkB,KAAA,EAAOC,gBAAgB;EACjC;AAEO,SAASC,iBAAA,EAAmB;EAEjC,OAAO,CADQhB,UAAA,CAAWW,aAAa,GACvBI,gBAAgB;AAClC;AAEO,SAASA,iBAAiBE,IAAA,EAAqB;EAChD,OAAOR,YAAA,GAAiB,OAC1BA,YAAA,CAAaS,OAAA,CAAQX,UAAA,EAAYU,IAAI,GAEvCvB,cAAA,CAAeuB,IAAI;AACrB;AAEO,SAASE,eAAe;EAC7BC,QAAA;EAAA;EAEAC,YAAA,GAAgBC,IAAA,IAAS,KAAKA,IAAI;AACpC,GAAwE;EACtE,MAAM,CAACC,kBAAkB,IAAI1B,qBAAA,CAAsB;IAC7C,CAAC2B,WAAW,IAAI7B,cAAA,CAAe;EAGnC,OAAAG,yBAAA,CAA0B,MAAM;IAE9BJ,cAAA,CAAec,UAAA,CAAW,CAAC;IAE3B,MAAMiB,KAAA,GAAQJ,YAAA,CAAaG,WAAW;MAChC;QAAEE;MAAU,IAAIC,QAAA,CAASC,eAAA;IAC/B,IAAI,CAACF,SAAA,CAAUG,QAAA,CAASJ,KAAK,GAAG;MAC9B,MAAMK,QAAA,GAAWN,WAAA,KAAgB,UAAU,SAAS;MACpDE,SAAA,CAAUK,MAAA,CAAOV,YAAA,CAAaS,QAAQ,CAAC,GACvCJ,SAAA,CAAUM,GAAA,CAAIP,KAAK;IACrB;EACF,GAAG,CAACD,WAAW,CAAC,GAIhB,eAAAlB,IAAA,CAAAF,QAAA;IAEIgB,QAAA,kBAAAf,GAAA,CAAC;MACC4B,uBAAA,EAAyB;QACvBC,MAAA,EAAQ;AAAA,sBACEb,YAAA,CAAa,OAAO,CAAC;AAAA,wBACnBA,YAAA,CAAa,MAAM,CAAC;AAAA,0CACFd,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,uBAK7Bc,YAAA,CAAa,MAAM,CAAC,eAAeA,YAAA,CAAa,OAAO,CAAC;AAAA;MAErE;IAAA,CACF,GAEF,eAAAhB,GAAA,CAACM,aAAA,CAAcwB,QAAA,EAAd;MACCC,KAAA,EAAOnC,OAAA,CACL,OAAO;QACLY,MAAA,EAAQW,WAAA;QACRZ,OAAA,EAASW;MACX,IACA,CAACC,WAAA,EAAaD,kBAAkB,CAClC;MAECH;IAAA,CACH;EAAA,CACF;AAEJ","ignoreList":[]}
|
package/dist/esm/index.native.js
CHANGED
|
@@ -3,12 +3,7 @@ import { setColorScheme, useColorScheme as useColorSchemeBase, useColorSchemeSet
|
|
|
3
3
|
import "@vxrn/use-isomorphic-layout-effect";
|
|
4
4
|
import { createContext, useContext, useMemo } from "react";
|
|
5
5
|
import { getColorScheme, onColorSchemeChange } from "@vxrn/universal-color-scheme";
|
|
6
|
-
var storageKey = "vxrn-scheme"
|
|
7
|
-
getSetting = function () {
|
|
8
|
-
return typeof localStorage < "u" && localStorage.getItem(storageKey) || "system";
|
|
9
|
-
},
|
|
10
|
-
setting = getSetting();
|
|
11
|
-
setting !== "system" && setColorScheme(setting);
|
|
6
|
+
var storageKey = "vxrn-scheme";
|
|
12
7
|
var SchemeContext = /* @__PURE__ */createContext({
|
|
13
8
|
setting: "system",
|
|
14
9
|
scheme: "light"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","setColorScheme","useColorScheme","useColorSchemeBase","useColorSchemeSetting","createContext","useContext","useMemo","getColorScheme","onColorSchemeChange","storageKey","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","setColorScheme","useColorScheme","useColorSchemeBase","useColorSchemeSetting","createContext","useContext","useMemo","getColorScheme","onColorSchemeChange","storageKey","SchemeContext","setting","scheme","state","setSchemeSetting","useSchemeSetting","values","next","localStorage","setItem","SchemeProvider","param","children","getClassName","name","colorSchemeSetting","colorScheme","Provider","value"],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAAA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAAA,SAEEC,cAAA,EAAAC,cAAA,IAAAC,kBAAA,EAAAC,qBAAA;AAAA,OACA,oCAAkB;AAAA,SAClBC,aAAA,EAAAC,UAAA,EAAAC,OAAA;AAAA,SACKC,cAAA,EAAAC,mBAAA;AACP,IAAAC,UAAS;AACT,IAAAC,aAAS,kBAA2BN,aAAA;IAKpCO,OAAS;IAyDLC,MAAA;EAvDJ;EAAAX,cAAM,GAAa,SAAAA,CAAA;IAUjB,KAAAY,KAAS,IAAAX,kBAAA;IACT,QAGWW,KAAA,EACXC,gBAAgB,CAChB;EACF;AAEO,SAASC,iBAAA,EAAmB;EAEjC,IAAAC,MADe,GAAAX,UAAW,CAAAK,aACV;EAClB,QAEOM,MAAS,EACVF,gBAAO,CAIb;AAEO;AAAwB,SAC7BA,iBAAAG,IAAA;EAAA,OAAAC,YAAA,UAAAA,YAAA,CAAAC,OAAA,CAAAV,UAAA,EAAAQ,IAAA,GAAAjB,cAAA,CAAAiB,IAAA;AAAA;AAGF,SAAwEG,eAAAC,KAAA;EACtE;MAIEC,QAAA;MAEE;MAEAC,YAAM,GAAQ,SAAAA,CAAAC,IAAa;QAE3B,OAAK,KAAAA,IAAU;MACb;IACA,IAAAH,KAAA;IAAA,CAAAI,kBAAiB,IAAatB,qBAC9B,CAAU;IAAA,CAAIuB,WAAK,IAAAzB,cAAA;EAAA,OACrB,eAAAJ,KAAA,CAAAE,SAAA;IACFuB,QAAI,GAMA,MAAC,eAAA3B,IAAA,CAAAe,aAAA,CAAAiB,QAAA;MAAAC,KAAA,EAAAtB,OAAA;QACC;UACEM,MAAQ,EAAAc,WAAA;UAAAf,OAAA,EAAAc;QACuB;MACC,IACQC,WAAA,EAAAD,kBAAA;MAAAH;IAAA;EAK2B;AAErE;AAAA,SACFF,cAEF,EAAAb,cAAC,EAAcC,mBAAd,EAAAM,gBACQ,EAAAb,cACL,EAAOc,gBACL","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vxrn/color-scheme",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.235",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"source": "src/index.ts",
|
|
6
6
|
"types": "./types/index.d.ts",
|
|
@@ -31,8 +31,8 @@
|
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
33
|
"@tamagui/use-did-finish-ssr": "^1.111.11",
|
|
34
|
-
"@vxrn/universal-color-scheme": "1.1.
|
|
35
|
-
"@vxrn/use-isomorphic-layout-effect": "1.1.
|
|
34
|
+
"@vxrn/universal-color-scheme": "1.1.235",
|
|
35
|
+
"@vxrn/use-isomorphic-layout-effect": "1.1.235"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
38
|
"@tamagui/build": "^1.111.11",
|
package/src/index.tsx
CHANGED
|
@@ -18,13 +18,6 @@ const getSetting = (): SchemeSetting =>
|
|
|
18
18
|
(typeof localStorage !== 'undefined' && (localStorage.getItem(storageKey) as SchemeSetting)) ||
|
|
19
19
|
'system'
|
|
20
20
|
|
|
21
|
-
// on startup lets set from localstorage
|
|
22
|
-
const setting = getSetting()
|
|
23
|
-
|
|
24
|
-
if (setting !== 'system') {
|
|
25
|
-
setColorScheme(setting)
|
|
26
|
-
}
|
|
27
|
-
|
|
28
21
|
const SchemeContext = createContext<{
|
|
29
22
|
setting: SchemeSetting
|
|
30
23
|
scheme: 'light' | 'dark'
|
|
@@ -60,6 +53,9 @@ export function SchemeProvider({
|
|
|
60
53
|
|
|
61
54
|
if (process.env.TAMAGUI_TARGET !== 'native') {
|
|
62
55
|
useIsomorphicLayoutEffect(() => {
|
|
56
|
+
// on startup lets set from localstorage
|
|
57
|
+
setColorScheme(getSetting())
|
|
58
|
+
|
|
63
59
|
const toAdd = getClassName(colorScheme)
|
|
64
60
|
const { classList } = document.documentElement
|
|
65
61
|
if (!classList.contains(toAdd)) {
|
package/types/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,eAAe,EAIrB,MAAM,8BAA8B,CAAA;AAIrC,MAAM,MAAM,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;AACrC,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;AAEvD,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,eAAe,EAIrB,MAAM,8BAA8B,CAAA;AAIrC,MAAM,MAAM,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;AACrC,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;AAEvD,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAA;AAgBlF,eAAO,MAAM,cAAc,4DAG1B,CAAA;AAED,wBAAgB,gBAAgB;aAZrB,aAAa;YACd,OAAO,GAAG,MAAM;4BAczB;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,aAAa,QAKnD;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EAER,YAAoC,GACrC,EAAE;IAAE,QAAQ,EAAE,GAAG,CAAC;IAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,MAAM,CAAA;CAAE,2CAkDrE"}
|