@stylix/core 3.1.2 → 3.1.3
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/README.md +1 -1
- package/dist/Stylix.js +3 -3
- package/dist/Stylix.js.map +1 -1
- package/dist/StylixProvider.d.ts +4 -4
- package/dist/StylixProvider.js +17 -13
- package/dist/StylixProvider.js.map +1 -1
- package/dist/plugins/cleanStyles.js +1 -1
- package/dist/plugins/cleanStyles.js.map +1 -1
- package/dist/plugins/customProps.js +5 -5
- package/dist/plugins/customProps.js.map +1 -1
- package/dist/plugins/defaultUnits.js +2 -2
- package/dist/plugins/defaultUnits.js.map +1 -1
- package/dist/plugins/flattenNestedStyles.js +1 -1
- package/dist/plugins/flattenNestedStyles.js.map +1 -1
- package/dist/plugins/index.d.ts +1 -1
- package/dist/plugins/mediaArrays.js +4 -4
- package/dist/plugins/mediaArrays.js.map +1 -1
- package/dist/plugins/merge$css.js +3 -3
- package/dist/plugins/merge$css.js.map +1 -1
- package/dist/plugins/propCasing.js +3 -3
- package/dist/plugins/propCasing.js.map +1 -1
- package/dist/plugins/replace$$class.js +1 -1
- package/dist/plugins/replace$$class.js.map +1 -1
- package/dist/plugins/themeFunctions.js +1 -1
- package/dist/plugins/themeFunctions.js.map +1 -1
- package/dist/styleCollector.js +6 -2
- package/dist/styleCollector.js.map +1 -1
- package/dist/stylesToRuleArray.js +2 -2
- package/dist/stylesToRuleArray.js.map +1 -1
- package/dist/types.d.ts +9 -9
- package/dist/useStyles.js +9 -9
- package/dist/useStyles.js.map +1 -1
- package/dist/util/cloneDeep.js +1 -1
- package/dist/util/cloneDeep.js.map +1 -1
- package/dist/util/mapObjectRecursive.js +1 -1
- package/dist/util/mapObjectRecursive.js.map +1 -1
- package/dist/util/merge.js +3 -3
- package/dist/util/merge.js.map +1 -1
- package/dist/util/useIsoLayoutEffect.js +1 -1
- package/dist/util/useIsoLayoutEffect.js.map +1 -1
- package/dist/util/walkRecursive.js +2 -2
- package/dist/util/walkRecursive.js.map +1 -1
- package/exports.mjs +8 -0
- package/package.json +29 -20
package/README.md
CHANGED
|
@@ -12,7 +12,7 @@ patterns and organizational best practices that have made React so popular.
|
|
|
12
12
|
If you still aren't convinced, read the [Why Stylix?](https://stylix.dev) documentation page to see
|
|
13
13
|
why we created Stylix, and why we think you'll love it.
|
|
14
14
|
|
|
15
|
-
**[
|
|
15
|
+
**[Read the full documentation](https://stylix.dev)** for more guides and the API reference.
|
|
16
16
|
|
|
17
17
|
## Installation
|
|
18
18
|
|
package/dist/Stylix.js
CHANGED
|
@@ -21,11 +21,11 @@ const StylixProvider_1 = require("./StylixProvider");
|
|
|
21
21
|
const useStyles_1 = require("./useStyles");
|
|
22
22
|
function _Stylix(props, ref) {
|
|
23
23
|
const _a = props, { $el, $css, $disabled, className, children } = _a, rest = __rest(_a, ["$el", "$css", "$disabled", "className", "children"]);
|
|
24
|
-
const ctx = StylixProvider_1.useStylixContext();
|
|
25
|
-
const [styleProps, otherProps] = classifyProps_1.classifyProps(rest, ctx.styleProps);
|
|
24
|
+
const ctx = (0, StylixProvider_1.useStylixContext)();
|
|
25
|
+
const [styleProps, otherProps] = (0, classifyProps_1.classifyProps)(rest, ctx.styleProps);
|
|
26
26
|
if ($css)
|
|
27
27
|
styleProps.$css = $css;
|
|
28
|
-
const hash = useStyles_1.useStyles(styleProps, { disabled: $disabled });
|
|
28
|
+
const hash = (0, useStyles_1.useStyles)(styleProps, { disabled: $disabled });
|
|
29
29
|
const allProps = Object.assign({ className: `${hash} ${className || ''}`.trim(), ref: ref }, otherProps);
|
|
30
30
|
if (react_1.default.isValidElement($el)) {
|
|
31
31
|
const $elProps = Object.assign({}, $el.props);
|
package/dist/Stylix.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stylix.js","sourceRoot":"","sources":["../src/Stylix.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,mDAAgD;AAChD,sEAAwC;AACxC,qDAAoD;AAEpD,2CAAwC;AAExC,SAAS,OAAO,CACd,KAA2B,EAC3B,GAAsB;IAEtB,MAAM,KAAyD,KAAY,EAArE,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,OAA0B,EAArB,IAAI,cAApD,qDAAsD,CAAe,CAAC;IAE5E,MAAM,GAAG,GAAG,iCAAgB,
|
|
1
|
+
{"version":3,"file":"Stylix.js","sourceRoot":"","sources":["../src/Stylix.tsx"],"names":[],"mappings":"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"}
|
package/dist/StylixProvider.d.ts
CHANGED
|
@@ -12,19 +12,19 @@ import { StylixPlugin } from './plugins';
|
|
|
12
12
|
*
|
|
13
13
|
* See the README for more details.
|
|
14
14
|
*/
|
|
15
|
-
|
|
15
|
+
type StylixProviderProps<Theme = any> = StylixThemeProps<Theme> & {
|
|
16
16
|
id?: string;
|
|
17
17
|
devMode?: boolean;
|
|
18
18
|
plugins?: StylixPlugin[] | StylixPlugin[][];
|
|
19
19
|
styleElement?: HTMLStyleElement;
|
|
20
20
|
children: any;
|
|
21
21
|
};
|
|
22
|
-
|
|
22
|
+
type StylixThemeProps<Theme = any> = {
|
|
23
23
|
theme?: Theme;
|
|
24
24
|
media?: string[];
|
|
25
25
|
children: any;
|
|
26
26
|
};
|
|
27
|
-
export
|
|
27
|
+
export type StylixContext<Theme = any> = {
|
|
28
28
|
id: string;
|
|
29
29
|
devMode: boolean;
|
|
30
30
|
theme: Theme;
|
|
@@ -44,7 +44,7 @@ export declare type StylixContext<Theme = any> = {
|
|
|
44
44
|
cleanupRequest: number;
|
|
45
45
|
requestApply: boolean;
|
|
46
46
|
};
|
|
47
|
-
export
|
|
47
|
+
export type StylixPublicContext = Pick<StylixContext, 'id' | 'devMode' | 'theme' | 'media' | 'stylesheet' | 'styleElement' | 'styleProps'>;
|
|
48
48
|
export declare function useStylixContext<Theme = any>(): StylixContext<Theme>;
|
|
49
49
|
export declare function useStylixTheme<Theme = any>(): Theme;
|
|
50
50
|
export declare function StylixProvider({ id, devMode, plugins, styleElement, children, ...themeProps }: StylixProviderProps): React.ReactElement;
|
package/dist/StylixProvider.js
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -45,7 +49,7 @@ const useIsoLayoutEffect_1 = __importDefault(require("./util/useIsoLayoutEffect"
|
|
|
45
49
|
const IS_DEV_ENV = process.env.NODE_ENV !== 'production';
|
|
46
50
|
const defaultStyleProps = {};
|
|
47
51
|
for (const value of css_props_json_1.default) {
|
|
48
|
-
defaultStyleProps[classifyProps_1.simplifyStylePropName(value)] = value;
|
|
52
|
+
defaultStyleProps[(0, classifyProps_1.simplifyStylePropName)(value)] = value;
|
|
49
53
|
}
|
|
50
54
|
function createStylixContext(userValues = {}) {
|
|
51
55
|
var _a, _b;
|
|
@@ -56,7 +60,7 @@ function createStylixContext(userValues = {}) {
|
|
|
56
60
|
theme: userValues.theme || null,
|
|
57
61
|
media: userValues.media || null,
|
|
58
62
|
styleElement: userValues.styleElement,
|
|
59
|
-
plugins: flatten_1.flatten(Object.values(plugins_1.defaultPlugins)),
|
|
63
|
+
plugins: (0, flatten_1.flatten)(Object.values(plugins_1.defaultPlugins)),
|
|
60
64
|
rules: {},
|
|
61
65
|
cleanupRequest: undefined,
|
|
62
66
|
};
|
|
@@ -70,7 +74,7 @@ function createStylixContext(userValues = {}) {
|
|
|
70
74
|
if (ctx.styleElement)
|
|
71
75
|
ctx.stylesheet = ctx.styleElement.sheet;
|
|
72
76
|
if ((_b = userValues.plugins) === null || _b === void 0 ? void 0 : _b.length) {
|
|
73
|
-
const flatPlugins = flatten_1.flatten(userValues.plugins);
|
|
77
|
+
const flatPlugins = (0, flatten_1.flatten)(userValues.plugins);
|
|
74
78
|
for (const i in flatPlugins) {
|
|
75
79
|
const plugin = flatPlugins[i];
|
|
76
80
|
let pluginIndex = -1;
|
|
@@ -86,27 +90,27 @@ function createStylixContext(userValues = {}) {
|
|
|
86
90
|
ctx.plugins.splice(pluginIndex, 0, plugin);
|
|
87
91
|
}
|
|
88
92
|
}
|
|
89
|
-
plugins_1.applyPlugins('initialize', null, null, ctx);
|
|
93
|
+
(0, plugins_1.applyPlugins)('initialize', null, null, ctx);
|
|
90
94
|
return ctx;
|
|
91
95
|
}
|
|
92
96
|
// The React context object
|
|
93
97
|
const stylixContext = react_1.default.createContext(createStylixContext());
|
|
94
98
|
// Convenience wrapper hook that returns the current Stylix context
|
|
95
99
|
function useStylixContext() {
|
|
96
|
-
return react_1.useContext(stylixContext);
|
|
100
|
+
return (0, react_1.useContext)(stylixContext);
|
|
97
101
|
}
|
|
98
102
|
exports.useStylixContext = useStylixContext;
|
|
99
103
|
// Convenience wrapper hook that returns just the current Stylix theme
|
|
100
104
|
function useStylixTheme() {
|
|
101
|
-
return react_1.useContext(stylixContext).theme;
|
|
105
|
+
return (0, react_1.useContext)(stylixContext).theme;
|
|
102
106
|
}
|
|
103
107
|
exports.useStylixTheme = useStylixTheme;
|
|
104
108
|
function StylixProvider(_a) {
|
|
105
109
|
var { id, devMode, plugins, styleElement, children } = _a, themeProps = __rest(_a, ["id", "devMode", "plugins", "styleElement", "children"]);
|
|
106
|
-
const ctx = react_1.useRef();
|
|
110
|
+
const ctx = (0, react_1.useRef)();
|
|
107
111
|
if (!ctx.current)
|
|
108
112
|
ctx.current = createStylixContext({ id, devMode, plugins, styleElement });
|
|
109
|
-
ctx.current.styleCollector = react_1.useContext(styleCollector_1.styleCollectorContext);
|
|
113
|
+
ctx.current.styleCollector = (0, react_1.useContext)(styleCollector_1.styleCollectorContext);
|
|
110
114
|
return (react_1.default.createElement(stylixContext.Provider, { value: ctx.current },
|
|
111
115
|
react_1.default.createElement(StylixTheme, Object.assign({}, themeProps), children)));
|
|
112
116
|
}
|
|
@@ -121,16 +125,16 @@ function mergeContexts(contextA, contextB) {
|
|
|
121
125
|
obj[key] = value;
|
|
122
126
|
}
|
|
123
127
|
}
|
|
124
|
-
obj.theme = merge_1.merge(contextA.theme || {}, themeB);
|
|
128
|
+
obj.theme = (0, merge_1.merge)(contextA.theme || {}, themeB);
|
|
125
129
|
return obj;
|
|
126
130
|
}
|
|
127
131
|
function StylixTheme({ children, media, theme }) {
|
|
128
|
-
const parentCtx = react_1.useContext(stylixContext);
|
|
129
|
-
const [contextValue, setContextValue] = react_1.useState(() => mergeContexts(parentCtx, { media, theme }));
|
|
132
|
+
const parentCtx = (0, react_1.useContext)(stylixContext);
|
|
133
|
+
const [contextValue, setContextValue] = (0, react_1.useState)(() => mergeContexts(parentCtx, { media, theme }));
|
|
130
134
|
// contextValue should only update (and cause re-renders) when relevant properties change.
|
|
131
135
|
// `media` is treated as special because providing an array of strings is easier to do inline,
|
|
132
136
|
// but we don't want to cause descendent re-renders if the values don't change.
|
|
133
|
-
useIsoLayoutEffect_1.default(() => {
|
|
137
|
+
(0, useIsoLayoutEffect_1.default)(() => {
|
|
134
138
|
setContextValue(mergeContexts(parentCtx, { media, theme }));
|
|
135
139
|
}, [parentCtx, (media === null || media === void 0 ? void 0 : media.join('|')) || '', theme], false);
|
|
136
140
|
return react_1.default.createElement(stylixContext.Provider, { value: contextValue }, children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StylixProvider.js","sourceRoot":"","sources":["../src/StylixProvider.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"StylixProvider.js","sourceRoot":"","sources":["../src/StylixProvider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ function cleanObject(object) {
|
|
|
7
7
|
const value = object[key];
|
|
8
8
|
if (value === null || value === undefined || value === '')
|
|
9
9
|
delete object[key];
|
|
10
|
-
else if (isPlainObject_1.isPlainObject(value) || Array.isArray(value)) {
|
|
10
|
+
else if ((0, isPlainObject_1.isPlainObject)(value) || Array.isArray(value)) {
|
|
11
11
|
cleanObject(value);
|
|
12
12
|
if (!Object.keys(value).length)
|
|
13
13
|
delete object[key];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cleanStyles.js","sourceRoot":"","sources":["../../src/plugins/cleanStyles.ts"],"names":[],"mappings":";;;AAAA,yDAAsD;AAGtD,SAAS,WAAW,CAAC,MAAW;IAC9B,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE;QACxB,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAC1B,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE;YAAE,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC;aACzE,IAAI,6BAAa,
|
|
1
|
+
{"version":3,"file":"cleanStyles.js","sourceRoot":"","sources":["../../src/plugins/cleanStyles.ts"],"names":[],"mappings":";;;AAAA,yDAAsD;AAGtD,SAAS,WAAW,CAAC,MAAW;IAC9B,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE;QACxB,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAC1B,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE;YAAE,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC;aACzE,IAAI,IAAA,6BAAa,EAAC,KAAK,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACrD,WAAW,CAAC,KAAK,CAAC,CAAC;YACnB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM;gBAAE,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC;SACpD;KACF;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAED;;GAEG;AACU,QAAA,WAAW,GAAiB;IACvC,IAAI,EAAE,aAAa;IACnB,IAAI,EAAE,eAAe;IACrB,MAAM,CAAC,GAAgC,EAAE,MAAW;QAClD,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC;CACF,CAAC"}
|
|
@@ -7,7 +7,7 @@ const walkRecursive_1 = require("../util/walkRecursive");
|
|
|
7
7
|
const mediaArrays_1 = require("./mediaArrays");
|
|
8
8
|
const customProps = (customProps) => {
|
|
9
9
|
for (const key in customProps) {
|
|
10
|
-
customProps[classifyProps_1.simplifyStylePropName(key)] = customProps[key];
|
|
10
|
+
customProps[(0, classifyProps_1.simplifyStylePropName)(key)] = customProps[key];
|
|
11
11
|
}
|
|
12
12
|
return [
|
|
13
13
|
{
|
|
@@ -15,7 +15,7 @@ const customProps = (customProps) => {
|
|
|
15
15
|
type: 'initialize',
|
|
16
16
|
plugin(ctx) {
|
|
17
17
|
for (const key in customProps) {
|
|
18
|
-
ctx.styleProps[classifyProps_1.simplifyStylePropName(key)] = key;
|
|
18
|
+
ctx.styleProps[(0, classifyProps_1.simplifyStylePropName)(key)] = key;
|
|
19
19
|
}
|
|
20
20
|
},
|
|
21
21
|
},
|
|
@@ -24,10 +24,10 @@ const customProps = (customProps) => {
|
|
|
24
24
|
type: 'processStyles',
|
|
25
25
|
before: mediaArrays_1.mediaArrays,
|
|
26
26
|
plugin(ctx, styles) {
|
|
27
|
-
return walkRecursive_1.walkRecursive(styles, (key, value, object) => {
|
|
28
|
-
if (!classifyProps_1.isValidJSXProp(key) || isPlainObject_1.isPlainObject(value))
|
|
27
|
+
return (0, walkRecursive_1.walkRecursive)(styles, (key, value, object) => {
|
|
28
|
+
if (!(0, classifyProps_1.isValidJSXProp)(key) || (0, isPlainObject_1.isPlainObject)(value))
|
|
29
29
|
return;
|
|
30
|
-
const simpleKey = classifyProps_1.simplifyStylePropName(key);
|
|
30
|
+
const simpleKey = (0, classifyProps_1.simplifyStylePropName)(key);
|
|
31
31
|
const propValue = customProps[simpleKey];
|
|
32
32
|
if (!propValue)
|
|
33
33
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"customProps.js","sourceRoot":"","sources":["../../src/plugins/customProps.ts"],"names":[],"mappings":";;;AAAA,oDAAyE;AACzE,yDAAsD;AACtD,yDAAsD;AAEtD,+CAA4C;AAErC,MAAM,WAAW,GAAG,CAAC,WAAgC,EAAkB,EAAE;IAC9E,KAAK,MAAM,GAAG,IAAI,WAAW,EAAE;QAC7B,WAAW,CAAC,qCAAqB,
|
|
1
|
+
{"version":3,"file":"customProps.js","sourceRoot":"","sources":["../../src/plugins/customProps.ts"],"names":[],"mappings":";;;AAAA,oDAAyE;AACzE,yDAAsD;AACtD,yDAAsD;AAEtD,+CAA4C;AAErC,MAAM,WAAW,GAAG,CAAC,WAAgC,EAAkB,EAAE;IAC9E,KAAK,MAAM,GAAG,IAAI,WAAW,EAAE;QAC7B,WAAW,CAAC,IAAA,qCAAqB,EAAC,GAAG,CAAC,CAAC,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;KAC5D;IAED,OAAO;QACL;YACE,IAAI,EAAE,iBAAiB;YACvB,IAAI,EAAE,YAAY;YAClB,MAAM,CAAC,GAAgC;gBACrC,KAAK,MAAM,GAAG,IAAI,WAAW,EAAE;oBAC7B,GAAG,CAAC,UAAU,CAAC,IAAA,qCAAqB,EAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;iBAClD;YACH,CAAC;SACF;QACD;YACE,IAAI,EAAE,oBAAoB;YAC1B,IAAI,EAAE,eAAe;YACrB,MAAM,EAAE,yBAAW;YACnB,MAAM,CAAC,GAAgC,EAAE,MAAW;gBAClD,OAAO,IAAA,6BAAa,EAAC,MAAM,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;oBAClD,IAAI,CAAC,IAAA,8BAAc,EAAC,GAAG,CAAC,IAAI,IAAA,6BAAa,EAAC,KAAK,CAAC;wBAAE,OAAO;oBAEzD,MAAM,SAAS,GAAG,IAAA,qCAAqB,EAAC,GAAG,CAAC,CAAC;oBAC7C,MAAM,SAAS,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;oBACzC,IAAI,CAAC,SAAS;wBAAE,OAAO;oBAEvB,MAAM,WAAW,qBAAQ,MAAM,CAAE,CAAC;oBAClC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;oBACjC,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;oBAEpD,MAAM,SAAS,GAAG,EAAE,CAAC;oBACrB,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;wBACjC,IAAI,KAAK;4BAAE,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;qBAChD;yBAAM,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;wBACxC,SAAS,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC;qBAC9B;yBAAM,IAAI,OAAO,SAAS,KAAK,UAAU,EAAE;wBAC1C,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;qBAC5C;oBACD,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC;oBACnB,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;oBACjC,KAAK,MAAM,CAAC,IAAI,SAAS,EAAE;wBACzB,MAAM,GAAG,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;wBAC3B,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC;wBACjB,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;qBACjB;gBACH,CAAC,CAAC,CAAC;YACL,CAAC;SACF;KACF,CAAC;AACJ,CAAC,CAAC;AAlDW,QAAA,WAAW,eAkDtB"}
|
|
@@ -27,7 +27,7 @@ const defaultUnits = (unit = 'px', ignoreProps = exports.defaultIgnoreUnits) =>
|
|
|
27
27
|
name: 'defaultUnits',
|
|
28
28
|
type: 'processStyles',
|
|
29
29
|
plugin(ctx, styles) {
|
|
30
|
-
return mapObjectRecursive_1.mapObjectRecursive(styles, defaultUnitsMap, { unit, ignoreProps });
|
|
30
|
+
return (0, mapObjectRecursive_1.mapObjectRecursive)(styles, defaultUnitsMap, { unit, ignoreProps });
|
|
31
31
|
},
|
|
32
32
|
};
|
|
33
33
|
};
|
|
@@ -37,5 +37,5 @@ const defaultUnitsMap = (key, value, object, ctx) => {
|
|
|
37
37
|
return { [key]: String(value) + ctx.unit };
|
|
38
38
|
}
|
|
39
39
|
};
|
|
40
|
-
exports.defaultPixelUnits = exports.defaultUnits();
|
|
40
|
+
exports.defaultPixelUnits = (0, exports.defaultUnits)();
|
|
41
41
|
//# sourceMappingURL=defaultUnits.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultUnits.js","sourceRoot":"","sources":["../../src/plugins/defaultUnits.ts"],"names":[],"mappings":";;;AAAA,mEAAgE;AAGnD,QAAA,kBAAkB,GAAG;IAChC,SAAS;IACT,cAAc;IACd,cAAc;IACd,MAAM;IACN,WAAW;IACX,aAAa;IACb,aAAa;IACb,aAAa;IACb,SAAS;IACT,SAAS;IACT,gBAAgB;IAChB,QAAQ;IACR,SAAS;IACT,MAAM;IACN,OAAO;CACR,CAAC;AAEF;;GAEG;AACI,MAAM,YAAY,GAAG,CAAC,IAAI,GAAG,IAAI,EAAE,WAAW,GAAG,0BAAkB,EAAgB,EAAE;IAC1F,OAAO;QACL,IAAI,EAAE,cAAc;QACpB,IAAI,EAAE,eAAe;QACrB,MAAM,CAAC,GAAG,EAAE,MAAW;YACrB,OAAO,uCAAkB,
|
|
1
|
+
{"version":3,"file":"defaultUnits.js","sourceRoot":"","sources":["../../src/plugins/defaultUnits.ts"],"names":[],"mappings":";;;AAAA,mEAAgE;AAGnD,QAAA,kBAAkB,GAAG;IAChC,SAAS;IACT,cAAc;IACd,cAAc;IACd,MAAM;IACN,WAAW;IACX,aAAa;IACb,aAAa;IACb,aAAa;IACb,SAAS;IACT,SAAS;IACT,gBAAgB;IAChB,QAAQ;IACR,SAAS;IACT,MAAM;IACN,OAAO;CACR,CAAC;AAEF;;GAEG;AACI,MAAM,YAAY,GAAG,CAAC,IAAI,GAAG,IAAI,EAAE,WAAW,GAAG,0BAAkB,EAAgB,EAAE;IAC1F,OAAO;QACL,IAAI,EAAE,cAAc;QACpB,IAAI,EAAE,eAAe;QACrB,MAAM,CAAC,GAAG,EAAE,MAAW;YACrB,OAAO,IAAA,uCAAkB,EAAC,MAAM,EAAE,eAAe,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC;QAC5E,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AARW,QAAA,YAAY,gBAQvB;AAEF,MAAM,eAAe,GAAG,CAAC,GAAoB,EAAE,KAAU,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE;IACxE,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,GAAa,CAAC,EAAE;QACzE,OAAO,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,IAAI,EAAE,CAAC;KAC5C;AACH,CAAC,CAAC;AAEW,QAAA,iBAAiB,GAAG,IAAA,oBAAY,GAAE,CAAC"}
|
|
@@ -14,7 +14,7 @@ function flatten(styles, parent, selector, root, mediaRoot) {
|
|
|
14
14
|
// Add keyframe rules as-is directly to mediaRoot object
|
|
15
15
|
mediaRoot[key] = value;
|
|
16
16
|
}
|
|
17
|
-
else if (isPlainObject_1.isPlainObject(styles[key])) {
|
|
17
|
+
else if ((0, isPlainObject_1.isPlainObject)(styles[key])) {
|
|
18
18
|
// Concatenate or replace & in selectors and then continue flattening styles
|
|
19
19
|
if (key.includes('&')) {
|
|
20
20
|
key = key.replace(/&/g, selector);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flattenNestedStyles.js","sourceRoot":"","sources":["../../src/plugins/flattenNestedStyles.ts"],"names":[],"mappings":";;;AAAA,yDAAsD;AAGtD,SAAS,OAAO,CAAC,MAAW,EAAE,MAAW,EAAE,QAAgB,EAAE,IAAS,EAAE,SAAc;IACpF,KAAK,IAAI,GAAG,IAAI,MAAM,EAAE;QACtB,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAC1B,IAAI,GAAG,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;YAC5B,6DAA6D;YAC7D,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;YAC5B,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;SACtD;aAAM,IAAI,GAAG,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE;YACvC,wDAAwD;YACxD,SAAS,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;SACxB;aAAM,IAAI,6BAAa,
|
|
1
|
+
{"version":3,"file":"flattenNestedStyles.js","sourceRoot":"","sources":["../../src/plugins/flattenNestedStyles.ts"],"names":[],"mappings":";;;AAAA,yDAAsD;AAGtD,SAAS,OAAO,CAAC,MAAW,EAAE,MAAW,EAAE,QAAgB,EAAE,IAAS,EAAE,SAAc;IACpF,KAAK,IAAI,GAAG,IAAI,MAAM,EAAE;QACtB,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAC1B,IAAI,GAAG,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;YAC5B,6DAA6D;YAC7D,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;YAC5B,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;SACtD;aAAM,IAAI,GAAG,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE;YACvC,wDAAwD;YACxD,SAAS,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;SACxB;aAAM,IAAI,IAAA,6BAAa,EAAC,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE;YACrC,4EAA4E;YAC5E,IAAI,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gBACrB,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;aACnC;iBAAM;gBACL,GAAG,GAAG,CAAC,QAAQ,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;aACrC;YACD,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;YAChC,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC;SAC9C;aAAM;YACL,kCAAkC;YAClC,MAAM,CAAC,QAAQ,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;YAC1C,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;SACrC;KACF;AACH,CAAC;AAED;;GAEG;AACU,QAAA,mBAAmB,GAAiB;IAC/C,IAAI,EAAE,qBAAqB;IAC3B,IAAI,EAAE,eAAe;IACrB,MAAM,CAAC,GAAgC,EAAE,MAAW;QAClD,MAAM,SAAS,GAAG,EAAE,CAAC;QACrB,OAAO,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;QACrD,OAAO,SAAS,CAAC;IACnB,CAAC;CACF,CAAC"}
|
package/dist/plugins/index.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import { StylixContext, StylixPublicContext } from '../StylixProvider';
|
|
|
2
2
|
/**
|
|
3
3
|
* Stylix plugin function context object
|
|
4
4
|
*/
|
|
5
|
-
export
|
|
5
|
+
export type StylixPluginFunctionContext = StylixPublicContext & {
|
|
6
6
|
hash: string;
|
|
7
7
|
};
|
|
8
8
|
/**
|
|
@@ -11,16 +11,16 @@ exports.mediaArrays = {
|
|
|
11
11
|
type: 'processStyles',
|
|
12
12
|
plugin(ctx, styles) {
|
|
13
13
|
// Fill out ditto values
|
|
14
|
-
styles = mapObjectRecursive_1.mapObjectRecursive(styles, mapDittoValues);
|
|
14
|
+
styles = (0, mapObjectRecursive_1.mapObjectRecursive)(styles, mapDittoValues);
|
|
15
15
|
const mediaStyles = {};
|
|
16
16
|
let nonMediaStyles = styles;
|
|
17
17
|
for (const i in ctx.media) {
|
|
18
18
|
const mediaQuery = ctx.media[i];
|
|
19
19
|
if (!mediaQuery) {
|
|
20
|
-
nonMediaStyles = mapObjectRecursive_1.mapObjectRecursive(styles, mapNonMedia, { i });
|
|
20
|
+
nonMediaStyles = (0, mapObjectRecursive_1.mapObjectRecursive)(styles, mapNonMedia, { i });
|
|
21
21
|
}
|
|
22
22
|
else {
|
|
23
|
-
mediaStyles[`@media ${mediaQuery}`] = mapObjectRecursive_1.mapObjectRecursive(styles, mapMediaStyles, { i });
|
|
23
|
+
mediaStyles[`@media ${mediaQuery}`] = (0, mapObjectRecursive_1.mapObjectRecursive)(styles, mapMediaStyles, { i });
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
26
|
return Object.assign(Object.assign({}, nonMediaStyles), mediaStyles);
|
|
@@ -47,7 +47,7 @@ function mapMediaStyles(key, value, object, context) {
|
|
|
47
47
|
if (Array.isArray(value)) {
|
|
48
48
|
return { [key]: value[context.i] };
|
|
49
49
|
}
|
|
50
|
-
if (isPlainObject_1.isPlainObject(value) || context.keyframes) {
|
|
50
|
+
if ((0, isPlainObject_1.isPlainObject)(value) || context.keyframes) {
|
|
51
51
|
return;
|
|
52
52
|
}
|
|
53
53
|
// delete key/value pair if primitive
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mediaArrays.js","sourceRoot":"","sources":["../../src/plugins/mediaArrays.ts"],"names":[],"mappings":";;;AAAA,yDAAsD;AACtD,mEAAgE;AAGhE;;GAEG;AACU,QAAA,WAAW,GAAiB;IACvC,IAAI,EAAE,aAAa;IACnB,IAAI,EAAE,eAAe;IACrB,MAAM,CAAC,GAAgC,EAAE,MAAW;QAClD,wBAAwB;QACxB,MAAM,GAAG,uCAAkB,
|
|
1
|
+
{"version":3,"file":"mediaArrays.js","sourceRoot":"","sources":["../../src/plugins/mediaArrays.ts"],"names":[],"mappings":";;;AAAA,yDAAsD;AACtD,mEAAgE;AAGhE;;GAEG;AACU,QAAA,WAAW,GAAiB;IACvC,IAAI,EAAE,aAAa;IACnB,IAAI,EAAE,eAAe;IACrB,MAAM,CAAC,GAAgC,EAAE,MAAW;QAClD,wBAAwB;QACxB,MAAM,GAAG,IAAA,uCAAkB,EAAC,MAAM,EAAE,cAAc,CAAC,CAAC;QACpD,MAAM,WAAW,GAAG,EAAE,CAAC;QACvB,IAAI,cAAc,GAAG,MAAM,CAAC;QAC5B,KAAK,MAAM,CAAC,IAAI,GAAG,CAAC,KAAK,EAAE;YACzB,MAAM,UAAU,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAChC,IAAI,CAAC,UAAU,EAAE;gBACf,cAAc,GAAG,IAAA,uCAAkB,EAAC,MAAM,EAAE,WAAW,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC;aACjE;iBAAM;gBACL,WAAW,CAAC,UAAU,UAAU,EAAE,CAAC,GAAG,IAAA,uCAAkB,EAAC,MAAM,EAAE,cAAc,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC;aACzF;SACF;QACD,uCAAY,cAAc,GAAK,WAAW,EAAG;IAC/C,CAAC;CACF,CAAC;AAEF,SAAS,cAAc,CAAC,GAAG,EAAE,KAAK;IAChC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACxB,KAAK,MAAM,CAAC,IAAI,KAAK,EAAE;YACrB,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;YACnB,IAAI,CAAC,KAAK,GAAG;gBAAE,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;SACzC;QACD,OAAO,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC;KACzB;AACH,CAAC;AAED,SAAS,WAAW,CAAC,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO;IAC9C,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACxB,OAAO,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;KACpC;AACH,CAAC;AAED,SAAS,cAAc,CAAC,GAAW,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO;IACzD,IAAI,GAAG,CAAC,UAAU,CAAC,YAAY,CAAC;QAAE,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC;IAC3D,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACxB,OAAO,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;KACpC;IACD,IAAI,IAAA,6BAAa,EAAC,KAAK,CAAC,IAAI,OAAO,CAAC,SAAS,EAAE;QAC7C,OAAO;KACR;IACD,qCAAqC;IACrC,OAAO,EAAE,CAAC,GAAG,CAAC,EAAE,SAAS,EAAE,CAAC;AAC9B,CAAC"}
|
|
@@ -16,13 +16,13 @@ exports.merge$css = {
|
|
|
16
16
|
},
|
|
17
17
|
};
|
|
18
18
|
function _merge$css(obj, ctx) {
|
|
19
|
-
if (!isPlainObject_1.isPlainObject(obj))
|
|
19
|
+
if (!(0, isPlainObject_1.isPlainObject)(obj))
|
|
20
20
|
return;
|
|
21
21
|
for (const key in obj) {
|
|
22
22
|
if (key === '$css') {
|
|
23
23
|
const $css = obj[key];
|
|
24
24
|
if (Array.isArray($css)) {
|
|
25
|
-
const flat$css = flatten_1.flatten($css);
|
|
25
|
+
const flat$css = (0, flatten_1.flatten)($css);
|
|
26
26
|
for (const val of flat$css) {
|
|
27
27
|
_merge$css(val, ctx);
|
|
28
28
|
}
|
|
@@ -33,7 +33,7 @@ function _merge$css(obj, ctx) {
|
|
|
33
33
|
}
|
|
34
34
|
else {
|
|
35
35
|
let value = obj[key];
|
|
36
|
-
if (isPlainObject_1.isPlainObject(value)) {
|
|
36
|
+
if ((0, isPlainObject_1.isPlainObject)(value)) {
|
|
37
37
|
value = ctx[key] || {};
|
|
38
38
|
_merge$css(obj[key], value);
|
|
39
39
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"merge$css.js","sourceRoot":"","sources":["../../src/plugins/merge$css.ts"],"names":[],"mappings":";;;AAAA,6CAA0C;AAC1C,yDAAsD;AAGtD;;GAEG;AACU,QAAA,SAAS,GAAiB;IACrC,IAAI,EAAE,WAAW;IACjB,IAAI,EAAE,eAAe;IACrB,MAAM,CAAC,GAAgC,EAAE,MAAW;QAClD,MAAM,MAAM,GAAG,EAAE,CAAC;QAClB,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC3B,OAAO,MAAM,CAAC;IAChB,CAAC;CACF,CAAC;AAEF,SAAgB,UAAU,CAAC,GAAQ,EAAE,GAAQ;IAC3C,IAAI,CAAC,6BAAa,
|
|
1
|
+
{"version":3,"file":"merge$css.js","sourceRoot":"","sources":["../../src/plugins/merge$css.ts"],"names":[],"mappings":";;;AAAA,6CAA0C;AAC1C,yDAAsD;AAGtD;;GAEG;AACU,QAAA,SAAS,GAAiB;IACrC,IAAI,EAAE,WAAW;IACjB,IAAI,EAAE,eAAe;IACrB,MAAM,CAAC,GAAgC,EAAE,MAAW;QAClD,MAAM,MAAM,GAAG,EAAE,CAAC;QAClB,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC3B,OAAO,MAAM,CAAC;IAChB,CAAC;CACF,CAAC;AAEF,SAAgB,UAAU,CAAC,GAAQ,EAAE,GAAQ;IAC3C,IAAI,CAAC,IAAA,6BAAa,EAAC,GAAG,CAAC;QAAE,OAAO;IAChC,KAAK,MAAM,GAAG,IAAI,GAAG,EAAE;QACrB,IAAI,GAAG,KAAK,MAAM,EAAE;YAClB,MAAM,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;YACtB,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;gBACvB,MAAM,QAAQ,GAAG,IAAA,iBAAO,EAAC,IAAI,CAAC,CAAC;gBAC/B,KAAK,MAAM,GAAG,IAAI,QAAQ,EAAE;oBAC1B,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;iBACtB;aACF;iBAAM;gBACL,UAAU,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;aACvB;SACF;aAAM;YACL,IAAI,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;YACrB,IAAI,IAAA,6BAAa,EAAC,KAAK,CAAC,EAAE;gBACxB,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;gBACvB,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;aAC7B;YACD,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;SAClB;KACF;AACH,CAAC;AAtBD,gCAsBC"}
|
|
@@ -10,12 +10,12 @@ exports.propCasing = {
|
|
|
10
10
|
name: 'normalizeStyleProps',
|
|
11
11
|
type: 'processStyles',
|
|
12
12
|
plugin(ctx, styles) {
|
|
13
|
-
return mapObjectRecursive_1.mapObjectRecursive(styles, propCasingMap, { ctx });
|
|
13
|
+
return (0, mapObjectRecursive_1.mapObjectRecursive)(styles, propCasingMap, { ctx });
|
|
14
14
|
},
|
|
15
15
|
};
|
|
16
16
|
function propCasingMap(key, value, object, context) {
|
|
17
|
-
if (typeof key === 'string' && context.ctx.styleProps[classifyProps_1.simplifyStylePropName(key)]) {
|
|
18
|
-
return { [context.ctx.styleProps[classifyProps_1.simplifyStylePropName(key)]]: value };
|
|
17
|
+
if (typeof key === 'string' && context.ctx.styleProps[(0, classifyProps_1.simplifyStylePropName)(key)]) {
|
|
18
|
+
return { [context.ctx.styleProps[(0, classifyProps_1.simplifyStylePropName)(key)]]: value };
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
//# sourceMappingURL=propCasing.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"propCasing.js","sourceRoot":"","sources":["../../src/plugins/propCasing.ts"],"names":[],"mappings":";;;AAAA,oDAAyD;AACzD,mEAAgE;AAGhE;;GAEG;AACU,QAAA,UAAU,GAAiB;IACtC,IAAI,EAAE,qBAAqB;IAC3B,IAAI,EAAE,eAAe;IACrB,MAAM,CAAC,GAAgC,EAAE,MAAW;QAClD,OAAO,uCAAkB,
|
|
1
|
+
{"version":3,"file":"propCasing.js","sourceRoot":"","sources":["../../src/plugins/propCasing.ts"],"names":[],"mappings":";;;AAAA,oDAAyD;AACzD,mEAAgE;AAGhE;;GAEG;AACU,QAAA,UAAU,GAAiB;IACtC,IAAI,EAAE,qBAAqB;IAC3B,IAAI,EAAE,eAAe;IACrB,MAAM,CAAC,GAAgC,EAAE,MAAW;QAClD,OAAO,IAAA,uCAAkB,EAAC,MAAM,EAAE,aAAa,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC;IAC5D,CAAC;CACF,CAAC;AAEF,SAAS,aAAa,CAAC,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO;IAChD,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,IAAA,qCAAqB,EAAC,GAAG,CAAC,CAAC,EAAE;QACjF,OAAO,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,IAAA,qCAAqB,EAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;KACxE;AACH,CAAC"}
|
|
@@ -9,7 +9,7 @@ exports.replace$$class = {
|
|
|
9
9
|
name: 'replace$$class',
|
|
10
10
|
type: 'processStyles',
|
|
11
11
|
plugin(ctx, styles) {
|
|
12
|
-
return mapObjectRecursive_1.mapObjectRecursive(styles, replace$$classMap, { ctx });
|
|
12
|
+
return (0, mapObjectRecursive_1.mapObjectRecursive)(styles, replace$$classMap, { ctx });
|
|
13
13
|
},
|
|
14
14
|
};
|
|
15
15
|
function replace$$classMap(key, value, object, context) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"replace$$class.js","sourceRoot":"","sources":["../../src/plugins/replace$$class.ts"],"names":[],"mappings":";;;AAAA,mEAAgE;AAGhE;;GAEG;AACU,QAAA,cAAc,GAAiB;IAC1C,IAAI,EAAE,gBAAgB;IACtB,IAAI,EAAE,eAAe;IACrB,MAAM,CAAC,GAAgC,EAAE,MAAW;QAClD,OAAO,uCAAkB,
|
|
1
|
+
{"version":3,"file":"replace$$class.js","sourceRoot":"","sources":["../../src/plugins/replace$$class.ts"],"names":[],"mappings":";;;AAAA,mEAAgE;AAGhE;;GAEG;AACU,QAAA,cAAc,GAAiB;IAC1C,IAAI,EAAE,gBAAgB;IACtB,IAAI,EAAE,eAAe;IACrB,MAAM,CAAC,GAAgC,EAAE,MAAW;QAClD,OAAO,IAAA,uCAAkB,EAAC,MAAM,EAAE,iBAAiB,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC;IAChE,CAAC;CACF,CAAC;AAEF,SAAS,iBAAiB,CAAC,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO;IACpD,KAAK,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IACvF,GAAG,GAAG,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;IAC/E,OAAO,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC;AAC1B,CAAC"}
|
|
@@ -9,7 +9,7 @@ exports.themeFunctions = {
|
|
|
9
9
|
name: 'themeFunctions',
|
|
10
10
|
type: 'preprocessStyles',
|
|
11
11
|
plugin(ctx, styles) {
|
|
12
|
-
return mapObjectRecursive_1.mapObjectRecursive(styles, themeFunctionsMap, { ctx });
|
|
12
|
+
return (0, mapObjectRecursive_1.mapObjectRecursive)(styles, themeFunctionsMap, { ctx });
|
|
13
13
|
},
|
|
14
14
|
};
|
|
15
15
|
function themeFunctionsMap(key, value, object, context) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"themeFunctions.js","sourceRoot":"","sources":["../../src/plugins/themeFunctions.ts"],"names":[],"mappings":";;;AAAA,mEAAgE;AAGhE;;GAEG;AACU,QAAA,cAAc,GAAiB;IAC1C,IAAI,EAAE,gBAAgB;IACtB,IAAI,EAAE,kBAAkB;IACxB,MAAM,CAAC,GAAgC,EAAE,MAAW;QAClD,OAAO,uCAAkB,
|
|
1
|
+
{"version":3,"file":"themeFunctions.js","sourceRoot":"","sources":["../../src/plugins/themeFunctions.ts"],"names":[],"mappings":";;;AAAA,mEAAgE;AAGhE;;GAEG;AACU,QAAA,cAAc,GAAiB;IAC1C,IAAI,EAAE,gBAAgB;IACtB,IAAI,EAAE,kBAAkB;IACxB,MAAM,CAAC,GAAgC,EAAE,MAAW;QAClD,OAAO,IAAA,uCAAkB,EAAC,MAAM,EAAE,iBAAiB,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC;IAChE,CAAC;CACF,CAAC;AAEF,SAAS,iBAAiB,CAAC,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO;IACpD,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE;QAC/B,OAAO,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;KACzD;AACH,CAAC"}
|
package/dist/styleCollector.js
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -21,7 +25,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
21
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
22
26
|
exports.createStyleCollector = exports.styleCollectorContext = void 0;
|
|
23
27
|
const react_1 = __importStar(require("react"));
|
|
24
|
-
exports.styleCollectorContext = react_1.createContext(null);
|
|
28
|
+
exports.styleCollectorContext = (0, react_1.createContext)(null);
|
|
25
29
|
function createStyleCollector() {
|
|
26
30
|
const styles = [];
|
|
27
31
|
const collector = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styleCollector.js","sourceRoot":"","sources":["../src/styleCollector.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styleCollector.js","sourceRoot":"","sources":["../src/styleCollector.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA6C;AAQhC,QAAA,qBAAqB,GAAG,IAAA,qBAAa,EAAW,IAAI,CAAC,CAAC;AAEnE,SAAgB,oBAAoB;IAClC,MAAM,MAAM,GAAG,EAAE,CAAC;IAClB,MAAM,SAAS,GAAmB;QAChC,OAAO,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,CACpB,8BAAC,6BAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,IAAG,OAAO,CAAkC,CAC1F;QACD,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CACjB,uDACE,IAAI,EAAC,UAAU,EACf,GAAG,EAAE,KAAK,CAAC,EAAE,IAAI,QAAQ,IACrB,KAAK,IACT,uBAAuB,EAAE,EAAE,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAC/D,CACH;QACD,MAAM;KACP,CAAC;IACF,SAAS,CAAC,MAAM,CAAC,WAAW,GAAG,8BAA8B,CAAC;IAC9D,OAAO,SAAS,CAAC;AACnB,CAAC;AAlBD,oDAkBC"}
|
|
@@ -7,13 +7,13 @@ const isPlainObject_1 = require("./util/isPlainObject");
|
|
|
7
7
|
*/
|
|
8
8
|
function stylesToRuleArray(styles, hash, context) {
|
|
9
9
|
try {
|
|
10
|
-
const processedStyles = plugins_1.applyPlugins('processStyles', styles, hash, context);
|
|
10
|
+
const processedStyles = (0, plugins_1.applyPlugins)('processStyles', styles, hash, context);
|
|
11
11
|
// serialize to css rules array
|
|
12
12
|
const serialize = function serialize(selector, styles) {
|
|
13
13
|
const lines = [];
|
|
14
14
|
for (const key in styles) {
|
|
15
15
|
const value = styles[key];
|
|
16
|
-
if (isPlainObject_1.isPlainObject(value))
|
|
16
|
+
if ((0, isPlainObject_1.isPlainObject)(value))
|
|
17
17
|
lines.push(serialize(key, value));
|
|
18
18
|
else
|
|
19
19
|
lines.push(` ${key}: ${value};`);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stylesToRuleArray.js","sourceRoot":"","sources":["../src/stylesToRuleArray.ts"],"names":[],"mappings":";;AAAA,uCAAyC;AAEzC,wDAAqD;AAErD;;GAEG;AACH,SAAwB,iBAAiB,CACvC,MAAW,EACX,IAAY,EACZ,OAAsB;IAEtB,IAAI;QACF,MAAM,eAAe,GAAG,sBAAY,
|
|
1
|
+
{"version":3,"file":"stylesToRuleArray.js","sourceRoot":"","sources":["../src/stylesToRuleArray.ts"],"names":[],"mappings":";;AAAA,uCAAyC;AAEzC,wDAAqD;AAErD;;GAEG;AACH,SAAwB,iBAAiB,CACvC,MAAW,EACX,IAAY,EACZ,OAAsB;IAEtB,IAAI;QACF,MAAM,eAAe,GAAG,IAAA,sBAAY,EAAC,eAAe,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;QAE7E,+BAA+B;QAC/B,MAAM,SAAS,GAAG,SAAS,SAAS,CAAC,QAAQ,EAAE,MAAM;YACnD,MAAM,KAAK,GAAa,EAAE,CAAC;YAC3B,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE;gBACxB,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;gBAC1B,IAAI,IAAA,6BAAa,EAAC,KAAK,CAAC;oBAAE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;;oBACvD,KAAK,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,KAAK,GAAG,CAAC,CAAC;aACxC;YACD,OAAO,GAAG,QAAQ,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;QAChD,CAAC,CAAC;QAEF,MAAM,MAAM,GAAa,EAAE,CAAC;QAC5B,KAAK,MAAM,GAAG,IAAI,eAAe,EAAE;YACjC,MAAM,KAAK,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC;YACnC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;SACpC;QACD,OAAO,MAAM,CAAC;KACf;IAAC,OAAO,CAAC,EAAE;QACV,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,MAAM,EAAE;YACtB,OAAO,CAAC,KAAK,CACX,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,MAAM,IAAI,EAC1B,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC,GAAG,IAAI,EAC1E,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,GAAG,GAAG,CACrB,CAAC;SACH;aAAM;YACL,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;SAClB;QACD,OAAO,EAAE,CAAC;KACX;AACH,CAAC;AArCD,oCAqCC"}
|
package/dist/types.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React, { CSSProperties } from 'react';
|
|
2
|
-
export
|
|
2
|
+
export type StylixValue<T> = T | Array<T | '@'> | ((theme: any, media: string[]) => T | Array<T | '@'>);
|
|
3
3
|
/**
|
|
4
4
|
* All standard CSS properties, custom style props, and the $css prop.
|
|
5
5
|
*/
|
|
6
|
-
|
|
6
|
+
type StylixStyleProps = {
|
|
7
7
|
/**
|
|
8
8
|
* Additional styles.
|
|
9
9
|
*/
|
|
@@ -31,26 +31,26 @@ export interface StylixPropsExtensions {
|
|
|
31
31
|
/**
|
|
32
32
|
* A component's props, without properties that conflict with style properties.
|
|
33
33
|
*/
|
|
34
|
-
|
|
34
|
+
type ComponentPropsWithoutStyles<TComponent extends React.ElementType> = Omit<React.ComponentPropsWithRef<TComponent>, keyof StylixStyleProps>;
|
|
35
35
|
/**
|
|
36
36
|
* Allows users to define components that accept Stylix style props.
|
|
37
37
|
*/
|
|
38
|
-
export
|
|
38
|
+
export type StylixProps<ElType extends React.ElementType = any> = ComponentPropsWithoutStyles<ElType> & StylixStyleProps;
|
|
39
39
|
/**
|
|
40
40
|
* Additional properties on Stylix component functions.
|
|
41
41
|
*/
|
|
42
|
-
|
|
42
|
+
type StylixComponentMeta = {
|
|
43
43
|
displayName?: string;
|
|
44
44
|
__isStylix: true;
|
|
45
45
|
};
|
|
46
|
-
export
|
|
47
|
-
export
|
|
46
|
+
export type StylixWrappedComponentProps<TComponent extends React.ElementType> = ComponentPropsWithoutStyles<TComponent> & StylixStyleProps;
|
|
47
|
+
export type StylixWrappedComponent<TComponent extends React.ElementType, TAdditionalProps = unknown> = React.FunctionComponent<TAdditionalProps & StylixWrappedComponentProps<TComponent>> & StylixComponentMeta;
|
|
48
48
|
/**
|
|
49
49
|
* Props for main Stylix component (<$>)
|
|
50
50
|
* `TComponent` is determined automatically by the type of $el.
|
|
51
51
|
* <$ $el={...}>...</$>
|
|
52
52
|
*/
|
|
53
|
-
export
|
|
53
|
+
export type Stylix$Props<TComponent extends React.ElementType | React.ReactElement> = {
|
|
54
54
|
/**
|
|
55
55
|
* Specifies the element to render.
|
|
56
56
|
*/
|
|
@@ -59,7 +59,7 @@ export declare type Stylix$Props<TComponent extends React.ElementType | React.Re
|
|
|
59
59
|
/**
|
|
60
60
|
* Type of main Stylix component ($)
|
|
61
61
|
*/
|
|
62
|
-
export
|
|
62
|
+
export type Stylix$Component = {
|
|
63
63
|
/**
|
|
64
64
|
* This is equivalent to React.FunctionComponent, but must be specified explicitly this way to allow
|
|
65
65
|
* TComponent to be generic here and not directly on Stylix$Component, so that it can be inferred at the time
|
package/dist/useStyles.js
CHANGED
|
@@ -23,7 +23,7 @@ function cleanup(ctx) {
|
|
|
23
23
|
deleted = true;
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
|
-
deleted && applyRules_1.default(ctx);
|
|
26
|
+
deleted && (0, applyRules_1.default)(ctx);
|
|
27
27
|
delete ctx.cleanupRequest;
|
|
28
28
|
}, 100);
|
|
29
29
|
}
|
|
@@ -51,19 +51,19 @@ function compare(a, b) {
|
|
|
51
51
|
* Returns the className hash if enabled, or an empty string.
|
|
52
52
|
*/
|
|
53
53
|
function useStyles(styles, options = { global: false, disabled: false }) {
|
|
54
|
-
const stylixCtx = StylixProvider_1.useStylixContext();
|
|
55
|
-
const prevRef = react_1.useRef({ styles: {}, hash: '' });
|
|
54
|
+
const stylixCtx = (0, StylixProvider_1.useStylixContext)();
|
|
55
|
+
const prevRef = (0, react_1.useRef)({ styles: {}, hash: '' });
|
|
56
56
|
const changed = !compare(styles, prevRef.current.styles);
|
|
57
57
|
prevRef.current.styles = styles;
|
|
58
58
|
if (changed) {
|
|
59
59
|
// Preprocess styles with plugins
|
|
60
60
|
if (!options.disabled && styles)
|
|
61
|
-
styles = plugins_1.applyPlugins('preprocessStyles', styles, null, stylixCtx);
|
|
61
|
+
styles = (0, plugins_1.applyPlugins)('preprocessStyles', styles, null, stylixCtx);
|
|
62
62
|
// Serialize value and generate hash
|
|
63
63
|
const json = !options.disabled && styles && JSON.stringify(styles);
|
|
64
64
|
prevRef.current.hash =
|
|
65
65
|
json && json !== '{}' && json !== '[]'
|
|
66
|
-
? hashString_1.hashString(JSON.stringify(stylixCtx.media || []) + json)
|
|
66
|
+
? (0, hashString_1.hashString)(JSON.stringify(stylixCtx.media || []) + json)
|
|
67
67
|
: '';
|
|
68
68
|
}
|
|
69
69
|
const { hash } = prevRef.current;
|
|
@@ -73,7 +73,7 @@ function useStyles(styles, options = { global: false, disabled: false }) {
|
|
|
73
73
|
styles = { ['.' + hash]: styles };
|
|
74
74
|
stylixCtx.rules[hash] = {
|
|
75
75
|
hash,
|
|
76
|
-
rules: stylesToRuleArray_1.default(styles, hash, stylixCtx),
|
|
76
|
+
rules: (0, stylesToRuleArray_1.default)(styles, hash, stylixCtx),
|
|
77
77
|
refs: 1,
|
|
78
78
|
};
|
|
79
79
|
stylixCtx.requestApply = true;
|
|
@@ -83,14 +83,14 @@ function useStyles(styles, options = { global: false, disabled: false }) {
|
|
|
83
83
|
// renders have completed. stylixCtx.requestApply guards against multiple runs. This reduces the number of calls
|
|
84
84
|
// to applyRules(), but prevents styles potentially being added to the DOM after other components force the
|
|
85
85
|
// browser to compute styles.
|
|
86
|
-
useIsoLayoutEffect_1.default(() => {
|
|
86
|
+
(0, useIsoLayoutEffect_1.default)(() => {
|
|
87
87
|
if (!stylixCtx.requestApply)
|
|
88
88
|
return;
|
|
89
89
|
stylixCtx.requestApply = false;
|
|
90
|
-
applyRules_1.default(stylixCtx);
|
|
90
|
+
(0, applyRules_1.default)(stylixCtx);
|
|
91
91
|
}, undefined, true);
|
|
92
92
|
// When hash changes, add/remove ref count
|
|
93
|
-
useIsoLayoutEffect_1.default(() => {
|
|
93
|
+
(0, useIsoLayoutEffect_1.default)(() => {
|
|
94
94
|
if (!hash || !changed)
|
|
95
95
|
return;
|
|
96
96
|
if (stylixCtx.rules[hash]) {
|
package/dist/useStyles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useStyles.js","sourceRoot":"","sources":["../src/useStyles.ts"],"names":[],"mappings":";;;;;;AAAA,iCAA+B;AAE/B,8DAAsC;AACtC,uCAAyC;AACzC,4EAAoD;AACpD,qDAAmE;AACnE,kDAA+C;AAC/C,mFAA2D;AAE3D,SAAS,OAAO,CAAC,GAAkB;IACjC,IAAI,OAAO,GAAG,CAAC,cAAc,KAAK,WAAW;QAAE,OAAO;IAEtD,GAAG,CAAC,cAAc,GAAG,UAAU,CAAC,GAAG,EAAE;QACnC,IAAI,OAAO,GAAG,KAAK,CAAC;QAEpB,KAAK,MAAM,CAAC,IAAI,GAAG,CAAC,KAAK,EAAE;YACzB,MAAM,IAAI,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC1B,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;gBACd,OAAO,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAC5B,OAAO,GAAG,IAAI,CAAC;aAChB;SACF;QACD,OAAO,IAAI,oBAAU,
|
|
1
|
+
{"version":3,"file":"useStyles.js","sourceRoot":"","sources":["../src/useStyles.ts"],"names":[],"mappings":"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"}
|
package/dist/util/cloneDeep.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cloneDeep.js","sourceRoot":"","sources":["../../src/util/cloneDeep.ts"],"names":[],"mappings":";;;AAAA,mDAAgD;AAEhD;;GAEG;AACH,SAAgB,SAAS,CAAI,KAAQ;IACnC,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IACtD,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACxB,MAAM,KAAK,GAAQ,EAAE,CAAC;QACtB,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE;YACjD,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;SACrC;QACD,OAAO,KAAK,CAAC;KACd;IACD,IAAI,6BAAa,
|
|
1
|
+
{"version":3,"file":"cloneDeep.js","sourceRoot":"","sources":["../../src/util/cloneDeep.ts"],"names":[],"mappings":";;;AAAA,mDAAgD;AAEhD;;GAEG;AACH,SAAgB,SAAS,CAAI,KAAQ;IACnC,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IACtD,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACxB,MAAM,KAAK,GAAQ,EAAE,CAAC;QACtB,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE;YACjD,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;SACrC;QACD,OAAO,KAAK,CAAC;KACd;IACD,IAAI,IAAA,6BAAa,EAAC,KAAK,CAAC,EAAE;QACxB,MAAM,KAAK,GAAQ,EAAE,CAAC;QACtB,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE;YACvB,KAAK,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;SACpC;QACD,OAAO,KAAK,CAAC;KACd;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAjBD,8BAiBC"}
|
|
@@ -25,7 +25,7 @@ function mapObjectRecursive(object, map, context = {}) {
|
|
|
25
25
|
}
|
|
26
26
|
for (const kk in result) {
|
|
27
27
|
let value = result[kk];
|
|
28
|
-
if (isPlainObject_1.isPlainObject(value) || Array.isArray(value))
|
|
28
|
+
if ((0, isPlainObject_1.isPlainObject)(value) || Array.isArray(value))
|
|
29
29
|
value = mapObjectRecursive(value, map, contextClone);
|
|
30
30
|
if (typeof value !== 'undefined')
|
|
31
31
|
clone[kk] = value;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mapObjectRecursive.js","sourceRoot":"","sources":["../../src/util/mapObjectRecursive.ts"],"names":[],"mappings":";;;AAAA,mDAAgD;AAEhD;;;;;;GAMG;AACH,SAAgB,kBAAkB,CAChC,MAAW,EACX,GAKiC,EACjC,UAAe,EAAE;IAEjB,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAE9C,KAAK,MAAM,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;QACnC,IAAI,GAAG,GAAoB,CAAC,CAAC;QAC7B,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAE1B,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;YAAE,GAAG,GAAG,CAAC,GAAG,CAAC;QACtC,MAAM,YAAY,qBAAQ,OAAO,CAAE,CAAC;QACpC,IAAI,MAAM,GAAG,GAAG,CAAC,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC;QACnD,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;YACvF,MAAM,IAAI,KAAK,CACb,uFAAuF,CACxF,CAAC;QACJ,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YACjC,MAAM,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC;SAC3B;QACD,KAAK,MAAM,EAAE,IAAI,MAAM,EAAE;YACvB,IAAI,KAAK,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC;YACvB,IAAI,6BAAa,
|
|
1
|
+
{"version":3,"file":"mapObjectRecursive.js","sourceRoot":"","sources":["../../src/util/mapObjectRecursive.ts"],"names":[],"mappings":";;;AAAA,mDAAgD;AAEhD;;;;;;GAMG;AACH,SAAgB,kBAAkB,CAChC,MAAW,EACX,GAKiC,EACjC,UAAe,EAAE;IAEjB,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAE9C,KAAK,MAAM,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;QACnC,IAAI,GAAG,GAAoB,CAAC,CAAC;QAC7B,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAE1B,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;YAAE,GAAG,GAAG,CAAC,GAAG,CAAC;QACtC,MAAM,YAAY,qBAAQ,OAAO,CAAE,CAAC;QACpC,IAAI,MAAM,GAAG,GAAG,CAAC,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC;QACnD,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;YACvF,MAAM,IAAI,KAAK,CACb,uFAAuF,CACxF,CAAC;QACJ,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YACjC,MAAM,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC;SAC3B;QACD,KAAK,MAAM,EAAE,IAAI,MAAM,EAAE;YACvB,IAAI,KAAK,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC;YACvB,IAAI,IAAA,6BAAa,EAAC,KAAK,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;gBAC9C,KAAK,GAAG,kBAAkB,CAAC,KAAK,EAAE,GAAG,EAAE,YAAY,CAAC,CAAC;YACvD,IAAI,OAAO,KAAK,KAAK,WAAW;gBAAE,KAAK,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC;SACrD;KACF;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAnCD,gDAmCC"}
|
package/dist/util/merge.js
CHANGED
|
@@ -9,14 +9,14 @@ function merge(...items) {
|
|
|
9
9
|
if (items.length === 1)
|
|
10
10
|
return items[0];
|
|
11
11
|
// If items are not all objects/arrays, return the last object/array if possible, otherwise last non-undefined value
|
|
12
|
-
if (!items.every((item) => Array.isArray(item) || isPlainObject_1.isPlainObject(item))) {
|
|
12
|
+
if (!items.every((item) => Array.isArray(item) || (0, isPlainObject_1.isPlainObject)(item))) {
|
|
13
13
|
items.reverse();
|
|
14
|
-
return (items.find((item) => Array.isArray(item) || isPlainObject_1.isPlainObject(item)) ||
|
|
14
|
+
return (items.find((item) => Array.isArray(item) || (0, isPlainObject_1.isPlainObject)(item)) ||
|
|
15
15
|
items.find((item) => typeof item !== 'undefined'));
|
|
16
16
|
}
|
|
17
17
|
const merged = Array.isArray(items[0]) ? [] : {};
|
|
18
18
|
for (const item of items) {
|
|
19
|
-
if (!Array.isArray(item) && !isPlainObject_1.isPlainObject(item))
|
|
19
|
+
if (!Array.isArray(item) && !(0, isPlainObject_1.isPlainObject)(item))
|
|
20
20
|
return merged;
|
|
21
21
|
const keys = [...Object.keys(item), ...Object.getOwnPropertySymbols(item)];
|
|
22
22
|
for (const key of keys) {
|
package/dist/util/merge.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"merge.js","sourceRoot":"","sources":["../../src/util/merge.ts"],"names":[],"mappings":";;;AAAA,mDAAgD;AAQhD,SAAgB,KAAK,CAAC,GAAG,KAAwB;IAC/C,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,IAAI,KAAK,WAAW,IAAI,IAAI,KAAK,IAAI,CAAC,CAAC;IAC7E,IAAI,
|
|
1
|
+
{"version":3,"file":"merge.js","sourceRoot":"","sources":["../../src/util/merge.ts"],"names":[],"mappings":";;;AAAA,mDAAgD;AAQhD,SAAgB,KAAK,CAAC,GAAG,KAAwB;IAC/C,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,IAAI,KAAK,WAAW,IAAI,IAAI,KAAK,IAAI,CAAC,CAAC;IAC7E,IAAI,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAA;QAAE,OAAO,SAAS,CAAC;IAErC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC;IAExC,oHAAoH;IACpH,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAA,6BAAa,EAAC,IAAI,CAAC,CAAC,EAAE;QACtE,KAAK,CAAC,OAAO,EAAE,CAAC;QAChB,OAAO,CACL,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAA,6BAAa,EAAC,IAAI,CAAC,CAAC;YAChE,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,IAAI,KAAK,WAAW,CAAC,CAClD,CAAC;KACH;IAED,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACjD,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;QACxB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAA,6BAAa,EAAC,IAAI,CAAC;YAAE,OAAO,MAAM,CAAC;QAEhE,MAAM,IAAI,GAAG,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC;QAC3E,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;YACtB,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;YAC7C,IAAI,OAAO,MAAM,KAAK,WAAW;gBAAE,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC;SACzD;KACF;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AA1BD,sBA0BC"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const react_1 = require("react");
|
|
4
4
|
const useIsoLayoutEffect = typeof window !== 'undefined'
|
|
5
|
-
? (fn, deps, runOnSsr) => react_1.useLayoutEffect(fn, deps)
|
|
5
|
+
? (fn, deps, runOnSsr) => (0, react_1.useLayoutEffect)(fn, deps)
|
|
6
6
|
: (fn, deps, runOnSsr) => (runOnSsr ? fn() : null);
|
|
7
7
|
exports.default = useIsoLayoutEffect;
|
|
8
8
|
//# sourceMappingURL=useIsoLayoutEffect.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useIsoLayoutEffect.js","sourceRoot":"","sources":["../../src/util/useIsoLayoutEffect.ts"],"names":[],"mappings":";;AAAA,iCAAwC;AAExC,MAAM,kBAAkB,GACtB,OAAO,MAAM,KAAK,WAAW;IAC3B,CAAC,CAAC,CAAC,EAA6B,EAAE,IAAW,EAAE,QAAiB,EAAE,EAAE,CAAC,uBAAe,
|
|
1
|
+
{"version":3,"file":"useIsoLayoutEffect.js","sourceRoot":"","sources":["../../src/util/useIsoLayoutEffect.ts"],"names":[],"mappings":";;AAAA,iCAAwC;AAExC,MAAM,kBAAkB,GACtB,OAAO,MAAM,KAAK,WAAW;IAC3B,CAAC,CAAC,CAAC,EAA6B,EAAE,IAAW,EAAE,QAAiB,EAAE,EAAE,CAAC,IAAA,uBAAe,EAAC,EAAE,EAAE,IAAI,CAAC;IAC9F,CAAC,CAAC,CAAC,EAAoB,EAAE,IAAW,EAAE,QAAiB,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AAEzF,kBAAe,kBAAkB,CAAC"}
|
|
@@ -15,8 +15,8 @@ function walkRecursive(object, cb, context) {
|
|
|
15
15
|
for (const key of keys) {
|
|
16
16
|
const value = object[key];
|
|
17
17
|
cb(key, value, object, context);
|
|
18
|
-
if (Array.isArray(value) || isPlainObject_1.isPlainObject(value)) {
|
|
19
|
-
const contextClone = cloneDeep_1.cloneDeep(context);
|
|
18
|
+
if (Array.isArray(value) || (0, isPlainObject_1.isPlainObject)(value)) {
|
|
19
|
+
const contextClone = (0, cloneDeep_1.cloneDeep)(context);
|
|
20
20
|
walkRecursive(value, cb, contextClone);
|
|
21
21
|
}
|
|
22
22
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"walkRecursive.js","sourceRoot":"","sources":["../../src/util/walkRecursive.ts"],"names":[],"mappings":";;;AAAA,2CAAwC;AACxC,mDAAgD;AAEhD;;;;;;GAMG;AACH,SAAgB,aAAa,CAC3B,MAAS,EACT,EAAuE,EACvE,OAAa;IAEb,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACjC,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;QACtB,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAC1B,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;QAChC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,6BAAa,
|
|
1
|
+
{"version":3,"file":"walkRecursive.js","sourceRoot":"","sources":["../../src/util/walkRecursive.ts"],"names":[],"mappings":";;;AAAA,2CAAwC;AACxC,mDAAgD;AAEhD;;;;;;GAMG;AACH,SAAgB,aAAa,CAC3B,MAAS,EACT,EAAuE,EACvE,OAAa;IAEb,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACjC,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;QACtB,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAC1B,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;QAChC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,IAAA,6BAAa,EAAC,KAAK,CAAC,EAAE;YAChD,MAAM,YAAY,GAAG,IAAA,qBAAS,EAAC,OAAO,CAAC,CAAC;YACxC,aAAa,CAAC,KAAK,EAAE,EAAE,EAAE,YAAY,CAAC,CAAC;SACxC;KACF;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAfD,sCAeC"}
|
package/exports.mjs
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export { useStylixContext, useStylixTheme, StylixProvider, StylixTheme, } from './dist/StylixProvider';
|
|
2
|
+
export { useStyles, useKeyframes, useGlobalStyles } from './dist/useStyles';
|
|
3
|
+
export { defaultPlugins, customProps } from './dist/plugins';
|
|
4
|
+
export { mapObjectRecursive } from './dist/util/mapObjectRecursive';
|
|
5
|
+
export { walkRecursive } from './dist/util/walkRecursive';
|
|
6
|
+
export { createStyleCollector, styleCollectorContext } from './dist/styleCollector';
|
|
7
|
+
import $ from './dist/Stylix';
|
|
8
|
+
export default $.default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stylix/core",
|
|
3
|
-
"version": "3.1.
|
|
3
|
+
"version": "3.1.3",
|
|
4
4
|
"description": "React, with style. Add styles to your React apps with props: the easy, natural, and low learning curve approach.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -12,6 +12,13 @@
|
|
|
12
12
|
],
|
|
13
13
|
"main": "dist/index.js",
|
|
14
14
|
"types": "dist/index.d.ts",
|
|
15
|
+
"exports": {
|
|
16
|
+
".": {
|
|
17
|
+
"import": "./exports.mjs",
|
|
18
|
+
"require": "./dist/index.js",
|
|
19
|
+
"types": "./dist/index.d.ts"
|
|
20
|
+
}
|
|
21
|
+
},
|
|
15
22
|
"scripts": {
|
|
16
23
|
"build": "npm run clean && tsc",
|
|
17
24
|
"start": "tsc --watch",
|
|
@@ -28,24 +35,25 @@
|
|
|
28
35
|
"bugs": "https://github.com/brombal/stylix/issues",
|
|
29
36
|
"repository": "https://github.com/brombal/stylix",
|
|
30
37
|
"devDependencies": {
|
|
31
|
-
"@types/jest": "^
|
|
32
|
-
"@types/node": "^
|
|
33
|
-
"@types/react": "^
|
|
34
|
-
"@types/react-dom": "^
|
|
35
|
-
"@typescript-eslint/eslint-plugin": "^
|
|
36
|
-
"@typescript-eslint/parser": "^
|
|
37
|
-
"eslint": "^
|
|
38
|
-
"eslint-config-prettier": "^
|
|
39
|
-
"eslint-plugin-prettier": "^
|
|
40
|
-
"eslint-plugin-react": "^7.
|
|
41
|
-
"eslint-plugin-simple-import-sort": "^
|
|
42
|
-
"eslint-plugin-unused-imports": "^
|
|
43
|
-
"husky": "^
|
|
44
|
-
"jest": "^
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
38
|
+
"@types/jest": "^29.2.4",
|
|
39
|
+
"@types/node": "^18.11.17",
|
|
40
|
+
"@types/react": "^18.0.26",
|
|
41
|
+
"@types/react-dom": "^18.0.10",
|
|
42
|
+
"@typescript-eslint/eslint-plugin": "^5.47.0",
|
|
43
|
+
"@typescript-eslint/parser": "^5.47.0",
|
|
44
|
+
"eslint": "^8.30.0",
|
|
45
|
+
"eslint-config-prettier": "^8.5.0",
|
|
46
|
+
"eslint-plugin-prettier": "^4.2.1",
|
|
47
|
+
"eslint-plugin-react": "^7.31.11",
|
|
48
|
+
"eslint-plugin-simple-import-sort": "^8.0.0",
|
|
49
|
+
"eslint-plugin-unused-imports": "^2.0.0",
|
|
50
|
+
"husky": "^8.0.2",
|
|
51
|
+
"jest": "^29.3.1",
|
|
52
|
+
"jest-environment-jsdom": "^29.3.1",
|
|
53
|
+
"lint-staged": "^13.1.0",
|
|
54
|
+
"prettier": "^2.8.1",
|
|
55
|
+
"ts-jest": "^29.0.3",
|
|
56
|
+
"typescript": "^4.9.4"
|
|
49
57
|
},
|
|
50
58
|
"peerDependencies": {
|
|
51
59
|
"react": ">=16.8.0",
|
|
@@ -60,6 +68,7 @@
|
|
|
60
68
|
]
|
|
61
69
|
},
|
|
62
70
|
"files": [
|
|
63
|
-
"dist/*"
|
|
71
|
+
"dist/*",
|
|
72
|
+
"exports.mjs"
|
|
64
73
|
]
|
|
65
74
|
}
|