@peculiar/react-components 0.3.14 → 0.3.15
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/styles/theme_provider.js +5 -4
- package/dist/cjs/styles/theme_provider.js.map +1 -1
- package/dist/esm/styles/theme_provider.js +5 -4
- package/dist/esm/styles/theme_provider.js.map +1 -1
- package/dist/esnext/styles/theme_provider.js +2 -2
- package/dist/esnext/styles/theme_provider.js.map +1 -1
- package/dist/types/styles/theme_provider.d.ts +1 -0
- package/package.json +2 -2
|
@@ -29,15 +29,16 @@ var react_1 = require("@emotion/react");
|
|
|
29
29
|
var utils_1 = require("./utils");
|
|
30
30
|
var default_theme_1 = require("./default_theme");
|
|
31
31
|
var ThemeProvider = function (props) {
|
|
32
|
-
var
|
|
32
|
+
var _a;
|
|
33
|
+
var children = props.children, themeProp = props.theme, _b = props.cssVarsRoot, cssVarsRoot = _b === void 0 ? 'html, ::backdrop' : _b;
|
|
33
34
|
var theme = React.useMemo(function () {
|
|
34
35
|
var output = themeProp ? (0, utils_1.createTheme)(themeProp) : default_theme_1.defaultTheme;
|
|
35
36
|
return output;
|
|
36
37
|
}, [themeProp]);
|
|
37
38
|
return (React.createElement(React.Fragment, null,
|
|
38
|
-
React.createElement(react_1.Global, { styles: {
|
|
39
|
-
|
|
40
|
-
|
|
39
|
+
React.createElement(react_1.Global, { styles: (_a = {},
|
|
40
|
+
_a[cssVarsRoot] = (0, utils_1.createThemeCSSVariablesFromObject)(theme),
|
|
41
|
+
_a) }),
|
|
41
42
|
children));
|
|
42
43
|
};
|
|
43
44
|
exports.ThemeProvider = ThemeProvider;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme_provider.js","sourceRoot":"","sources":["../../../src/styles/theme_provider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,wCAAwC;AACxC,iCAAyE;AACzE,iDAA+C;
|
|
1
|
+
{"version":3,"file":"theme_provider.js","sourceRoot":"","sources":["../../../src/styles/theme_provider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,wCAAwC;AACxC,iCAAyE;AACzE,iDAA+C;AASxC,IAAM,aAAa,GAAiC,UAAC,KAAK;;IAE7D,IAAA,QAAQ,GAGN,KAAK,SAHC,EACD,SAAS,GAEd,KAAK,MAFS,EAChB,KACE,KAAK,YADyB,EAAhC,WAAW,mBAAG,kBAAkB,KAAA,CACxB;IAEV,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;QAC1B,IAAM,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,IAAA,mBAAW,EAAC,SAAS,CAAC,CAAC,CAAC,CAAC,4BAAY,CAAC;QAEjE,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL;QACE,oBAAC,cAAM,IACL,MAAM;gBACJ,GAAC,WAAW,IAAG,IAAA,yCAAiC,EAAC,KAAK,CAAC;sBAEzD;QACD,QAAQ,CACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAvBW,QAAA,aAAa,iBAuBxB;AAEF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
|
|
@@ -3,15 +3,16 @@ import { Global } from '@emotion/react';
|
|
|
3
3
|
import { createTheme, createThemeCSSVariablesFromObject } from './utils';
|
|
4
4
|
import { defaultTheme } from './default_theme';
|
|
5
5
|
export var ThemeProvider = function (props) {
|
|
6
|
-
var
|
|
6
|
+
var _a;
|
|
7
|
+
var children = props.children, themeProp = props.theme, _b = props.cssVarsRoot, cssVarsRoot = _b === void 0 ? 'html, ::backdrop' : _b;
|
|
7
8
|
var theme = React.useMemo(function () {
|
|
8
9
|
var output = themeProp ? createTheme(themeProp) : defaultTheme;
|
|
9
10
|
return output;
|
|
10
11
|
}, [themeProp]);
|
|
11
12
|
return (React.createElement(React.Fragment, null,
|
|
12
|
-
React.createElement(Global, { styles: {
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
React.createElement(Global, { styles: (_a = {},
|
|
14
|
+
_a[cssVarsRoot] = createThemeCSSVariablesFromObject(theme),
|
|
15
|
+
_a) }),
|
|
15
16
|
children));
|
|
16
17
|
};
|
|
17
18
|
ThemeProvider.displayName = 'ThemeProvider';
|
|
@@ -1 +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,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,iCAAiC,EAAE,MAAM,SAAS,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;
|
|
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,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,iCAAiC,EAAE,MAAM,SAAS,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAS/C,MAAM,CAAC,IAAM,aAAa,GAAiC,UAAC,KAAK;;IAE7D,IAAA,QAAQ,GAGN,KAAK,SAHC,EACD,SAAS,GAEd,KAAK,MAFS,EAChB,KACE,KAAK,YADyB,EAAhC,WAAW,mBAAG,kBAAkB,KAAA,CACxB;IAEV,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;QAC1B,IAAM,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;QAEjE,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL;QACE,oBAAC,MAAM,IACL,MAAM;gBACJ,GAAC,WAAW,IAAG,iCAAiC,CAAC,KAAK,CAAC;sBAEzD;QACD,QAAQ,CACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
|
|
@@ -3,14 +3,14 @@ import { Global } from '@emotion/react';
|
|
|
3
3
|
import { createTheme, createThemeCSSVariablesFromObject } from './utils';
|
|
4
4
|
import { defaultTheme } from './default_theme';
|
|
5
5
|
export const ThemeProvider = (props) => {
|
|
6
|
-
const { children, theme: themeProp, } = props;
|
|
6
|
+
const { children, theme: themeProp, cssVarsRoot = 'html, ::backdrop', } = props;
|
|
7
7
|
const theme = React.useMemo(() => {
|
|
8
8
|
const output = themeProp ? createTheme(themeProp) : defaultTheme;
|
|
9
9
|
return output;
|
|
10
10
|
}, [themeProp]);
|
|
11
11
|
return (React.createElement(React.Fragment, null,
|
|
12
12
|
React.createElement(Global, { styles: {
|
|
13
|
-
|
|
13
|
+
[cssVarsRoot]: createThemeCSSVariablesFromObject(theme),
|
|
14
14
|
} }),
|
|
15
15
|
children));
|
|
16
16
|
};
|
|
@@ -1 +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,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,iCAAiC,EAAE,MAAM,SAAS,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;
|
|
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,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,iCAAiC,EAAE,MAAM,SAAS,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAS/C,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,KAAK,EAAE,EAAE;IACnE,MAAM,EACJ,QAAQ,EACR,KAAK,EAAE,SAAS,EAChB,WAAW,GAAG,kBAAkB,GACjC,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC/B,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;QAEjE,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL;QACE,oBAAC,MAAM,IACL,MAAM,EAAE;gBACN,CAAC,WAAW,CAAC,EAAE,iCAAiC,CAAC,KAAK,CAAC;aACxD,GACD;QACD,QAAQ,CACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@peculiar/react-components",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.3.
|
|
4
|
+
"version": "0.3.15",
|
|
5
5
|
"author": "PeculiarVentures Team",
|
|
6
6
|
"description": "A simple and customizable component library to build faster, beautiful, and more accessible React applications.",
|
|
7
7
|
"keywords": [
|
|
@@ -93,5 +93,5 @@
|
|
|
93
93
|
"node": ">=12.x"
|
|
94
94
|
},
|
|
95
95
|
"license": "MIT",
|
|
96
|
-
"gitHead": "
|
|
96
|
+
"gitHead": "c89bbaa093e94c6e2ff8b9ddf733a9aba86ac8ab"
|
|
97
97
|
}
|