@peculiar/react-components 0.4.1 → 0.4.2

package/dist/cjs/styles/theme_provider.js

@@ -31,15 +31,16 @@ var utils_1 = require("./utils");
  *
  */
 var ThemeProvider = function (props) {
-    var children = props.children, mode = props.mode, themeProp = props.theme;
+    var _a;
+    var children = props.children, mode = props.mode, themeProp = props.theme, _b = props.cssVarsRoot, cssVarsRoot = _b === void 0 ? 'html, ::backdrop' : _b;
     var theme = React.useMemo(function () { return (0, utils_1.createThemeCSSVariablesFromObject)((0, utils_1.createTheme)(mode, themeProp)); }, [themeProp, mode]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(react_1.Global, { styles: {
-                'html, ::backdrop': theme,
-            } }),
-        React.createElement(react_1.ThemeProvider, { theme: {
-                mode: mode,
-            } }, children)));
+    return (React.createElement(react_1.ThemeProvider, { theme: {
+            mode: mode,
+        } },
+        React.createElement(react_1.Global, { styles: (_a = {},
+                _a[cssVarsRoot] = theme,
+                _a) }),
+        children));
 };
 exports.ThemeProvider = ThemeProvider;
 exports.ThemeProvider.displayName = 'ThemeProvider';

package/dist/cjs/styles/theme_provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme_provider.js","sourceRoot":"","sources":["../../../src/styles/theme_provider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,wCAA+E;AAC/E,iCAAyE;AAWzE;;GAEG;AAEI,IAAM,aAAa,GAAiC,UAAC,KAAK;IAE7D,IAAA,QAAQ,GAGN,KAAK,SAHC,EACR,IAAI,GAEF,KAAK,KAFH,EACG,SAAS,GACd,KAAK,MADS,CACR;IAEV,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CACzB,cAAM,OAAA,IAAA,yCAAiC,EAAC,IAAA,mBAAW,EAAC,IAAI,EAAE,SAAS,CAAC,CAAC,EAA/D,CAA+D,EACrE,CAAC,SAAS,EAAE,IAAI,CAAC,CAClB,CAAC;IAEF,OAAO,CACL;QACE,oBAAC,cAAM,IACL,MAAM,EAAE;gBACN,kBAAkB,EAAE,KAAK;aAC1B,GACD;QACF,oBAAC,qBAAoB,IACnB,KAAK,EAAE;gBACL,IAAI,MAAA;aACL,IAEA,QAAQ,CACY,CACtB,CACJ,CAAC;AACJ,CAAC,CAAC;AA5BW,QAAA,aAAa,iBA4BxB;AAEF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,qBAAa,CAAC,YAAY,GAAG;IAC3B,IAAI,EAAE,OAAO;CACd,CAAC"}
+{"version":3,"file":"theme_provider.js","sourceRoot":"","sources":["../../../src/styles/theme_provider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,wCAA+E;AAC/E,iCAAyE;AAYzE;;GAEG;AAEI,IAAM,aAAa,GAAiC,UAAC,KAAK;;IAE7D,IAAA,QAAQ,GAIN,KAAK,SAJC,EACR,IAAI,GAGF,KAAK,KAHH,EACG,SAAS,GAEd,KAAK,MAFS,EAChB,KACE,KAAK,YADyB,EAAhC,WAAW,mBAAG,kBAAkB,KAAA,CACxB;IAEV,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CACzB,cAAM,OAAA,IAAA,yCAAiC,EAAC,IAAA,mBAAW,EAAC,IAAI,EAAE,SAAS,CAAC,CAAC,EAA/D,CAA+D,EACrE,CAAC,SAAS,EAAE,IAAI,CAAC,CAClB,CAAC;IAEF,OAAO,CACL,oBAAC,qBAAoB,IACnB,KAAK,EAAE;YACL,IAAI,MAAA;SACL;QAED,oBAAC,cAAM,IACL,MAAM;gBACJ,GAAC,WAAW,IAAG,KAAK;sBAEtB;QACD,QAAQ,CACY,CACxB,CAAC;AACJ,CAAC,CAAC;AA3BW,QAAA,aAAa,iBA2BxB;AAEF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,qBAAa,CAAC,YAAY,GAAG;IAC3B,IAAI,EAAE,OAAO;CACd,CAAC"}

package/dist/esm/styles/theme_provider.js

@@ -5,15 +5,16 @@ import { createTheme, createThemeCSSVariablesFromObject } from './utils';
  *
  */
 export var ThemeProvider = function (props) {
-    var children = props.children, mode = props.mode, themeProp = props.theme;
+    var _a;
+    var children = props.children, mode = props.mode, themeProp = props.theme, _b = props.cssVarsRoot, cssVarsRoot = _b === void 0 ? 'html, ::backdrop' : _b;
     var theme = React.useMemo(function () { return createThemeCSSVariablesFromObject(createTheme(mode, themeProp)); }, [themeProp, mode]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Global, { styles: {
-                'html, ::backdrop': theme,
-            } }),
-        React.createElement(ThemeProviderEmotion, { theme: {
-                mode: mode,
-            } }, children)));
+    return (React.createElement(ThemeProviderEmotion, { theme: {
+            mode: mode,
+        } },
+        React.createElement(Global, { styles: (_a = {},
+                _a[cssVarsRoot] = theme,
+                _a) }),
+        children));
 };
 ThemeProvider.displayName = 'ThemeProvider';
 ThemeProvider.defaultProps = {

package/dist/esm/styles/theme_provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme_provider.js","sourceRoot":"","sources":["../../../src/styles/theme_provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,aAAa,IAAI,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,iCAAiC,EAAE,MAAM,SAAS,CAAC;AAWzE;;GAEG;AAEH,MAAM,CAAC,IAAM,aAAa,GAAiC,UAAC,KAAK;IAE7D,IAAA,QAAQ,GAGN,KAAK,SAHC,EACR,IAAI,GAEF,KAAK,KAFH,EACG,SAAS,GACd,KAAK,MADS,CACR;IAEV,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CACzB,cAAM,OAAA,iCAAiC,CAAC,WAAW,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,EAA/D,CAA+D,EACrE,CAAC,SAAS,EAAE,IAAI,CAAC,CAClB,CAAC;IAEF,OAAO,CACL;QACE,oBAAC,MAAM,IACL,MAAM,EAAE;gBACN,kBAAkB,EAAE,KAAK;aAC1B,GACD;QACF,oBAAC,oBAAoB,IACnB,KAAK,EAAE;gBACL,IAAI,MAAA;aACL,IAEA,QAAQ,CACY,CACtB,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,aAAa,CAAC,YAAY,GAAG;IAC3B,IAAI,EAAE,OAAO;CACd,CAAC"}
+{"version":3,"file":"theme_provider.js","sourceRoot":"","sources":["../../../src/styles/theme_provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,aAAa,IAAI,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,iCAAiC,EAAE,MAAM,SAAS,CAAC;AAYzE;;GAEG;AAEH,MAAM,CAAC,IAAM,aAAa,GAAiC,UAAC,KAAK;;IAE7D,IAAA,QAAQ,GAIN,KAAK,SAJC,EACR,IAAI,GAGF,KAAK,KAHH,EACG,SAAS,GAEd,KAAK,MAFS,EAChB,KACE,KAAK,YADyB,EAAhC,WAAW,mBAAG,kBAAkB,KAAA,CACxB;IAEV,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CACzB,cAAM,OAAA,iCAAiC,CAAC,WAAW,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,EAA/D,CAA+D,EACrE,CAAC,SAAS,EAAE,IAAI,CAAC,CAClB,CAAC;IAEF,OAAO,CACL,oBAAC,oBAAoB,IACnB,KAAK,EAAE;YACL,IAAI,MAAA;SACL;QAED,oBAAC,MAAM,IACL,MAAM;gBACJ,GAAC,WAAW,IAAG,KAAK;sBAEtB;QACD,QAAQ,CACY,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,aAAa,CAAC,YAAY,GAAG;IAC3B,IAAI,EAAE,OAAO;CACd,CAAC"}

package/dist/esnext/styles/theme_provider.js

@@ -5,15 +5,15 @@ import { createTheme, createThemeCSSVariablesFromObject } from './utils';
  *
  */
 export const ThemeProvider = (props) => {
-    const { children, mode, theme: themeProp, } = props;
+    const { children, mode, theme: themeProp, cssVarsRoot = 'html, ::backdrop', } = props;
     const theme = React.useMemo(() => createThemeCSSVariablesFromObject(createTheme(mode, themeProp)), [themeProp, mode]);
-    return (React.createElement(React.Fragment, null,
+    return (React.createElement(ThemeProviderEmotion, { theme: {
+            mode,
+        } },
         React.createElement(Global, { styles: {
-                'html, ::backdrop': theme,
+                [cssVarsRoot]: theme,
             } }),
-        React.createElement(ThemeProviderEmotion, { theme: {
-                mode,
-            } }, children)));
+        children));
 };
 ThemeProvider.displayName = 'ThemeProvider';
 ThemeProvider.defaultProps = {

package/dist/esnext/styles/theme_provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme_provider.js","sourceRoot":"","sources":["../../../src/styles/theme_provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,aAAa,IAAI,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,iCAAiC,EAAE,MAAM,SAAS,CAAC;AAWzE;;GAEG;AAEH,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,KAAK,EAAE,EAAE;IACnE,MAAM,EACJ,QAAQ,EACR,IAAI,EACJ,KAAK,EAAE,SAAS,GACjB,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CACzB,GAAG,EAAE,CAAC,iCAAiC,CAAC,WAAW,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,EACrE,CAAC,SAAS,EAAE,IAAI,CAAC,CAClB,CAAC;IAEF,OAAO,CACL;QACE,oBAAC,MAAM,IACL,MAAM,EAAE;gBACN,kBAAkB,EAAE,KAAK;aAC1B,GACD;QACF,oBAAC,oBAAoB,IACnB,KAAK,EAAE;gBACL,IAAI;aACL,IAEA,QAAQ,CACY,CACtB,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,aAAa,CAAC,YAAY,GAAG;IAC3B,IAAI,EAAE,OAAO;CACd,CAAC"}
+{"version":3,"file":"theme_provider.js","sourceRoot":"","sources":["../../../src/styles/theme_provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,aAAa,IAAI,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,iCAAiC,EAAE,MAAM,SAAS,CAAC;AAYzE;;GAEG;AAEH,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,KAAK,EAAE,EAAE;IACnE,MAAM,EACJ,QAAQ,EACR,IAAI,EACJ,KAAK,EAAE,SAAS,EAChB,WAAW,GAAG,kBAAkB,GACjC,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CACzB,GAAG,EAAE,CAAC,iCAAiC,CAAC,WAAW,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,EACrE,CAAC,SAAS,EAAE,IAAI,CAAC,CAClB,CAAC;IAEF,OAAO,CACL,oBAAC,oBAAoB,IACnB,KAAK,EAAE;YACL,IAAI;SACL;QAED,oBAAC,MAAM,IACL,MAAM,EAAE;gBACN,CAAC,WAAW,CAAC,EAAE,KAAK;aACrB,GACD;QACD,QAAQ,CACY,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,aAAa,CAAC,YAAY,GAAG;IAC3B,IAAI,EAAE,OAAO;CACd,CAAC"}

package/dist/types/styles/theme_provider.d.ts

@@ -7,6 +7,7 @@ declare type ThemeProviderProps = {
     children: React.ReactElement;
     theme?: ThemeOptionsType;
     mode?: 'light' | 'dark';
+    cssVarsRoot?: string;
 };
 /**
  *

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@peculiar/react-components",
   "private": false,
-  "version": "0.4.1",
+  "version": "0.4.2",
   "author": "PeculiarVentures Team",
   "description": "A simple and customizable component library to build faster, beautiful, and more accessible React applications.",
   "keywords": [
@@ -86,5 +86,5 @@
     "node": ">=12.x"
   },
   "license": "MIT",
-  "gitHead": "ccc5c2c95dd163ec86c0d602e613c28b8c27882a"
+  "gitHead": "2248311697ed155d73202c6e833ca26ec93610ef"
 }