@stylix/core 3.1.3 → 4.0.0
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/index.js +853 -28
- package/dist/index.js.map +1 -1
- package/dist/module.mjs +828 -0
- package/dist/module.mjs.map +1 -0
- package/dist/types.d.ts +159 -26
- package/dist/types.d.ts.map +1 -0
- package/package.json +19 -31
- package/dist/Stylix.d.ts +0 -3
- package/dist/Stylix.js +0 -66
- package/dist/Stylix.js.map +0 -1
- package/dist/StylixProvider.d.ts +0 -52
- package/dist/StylixProvider.js +0 -143
- package/dist/StylixProvider.js.map +0 -1
- package/dist/applyRules.d.ts +0 -5
- package/dist/applyRules.js +0 -31
- package/dist/applyRules.js.map +0 -1
- package/dist/classifyProps.d.ts +0 -7
- package/dist/classifyProps.js +0 -35
- package/dist/classifyProps.js.map +0 -1
- package/dist/css-props.json +0 -413
- package/dist/html-tags.json +0 -119
- package/dist/index.d.ts +0 -8
- package/dist/plugins/cleanStyles.d.ts +0 -5
- package/dist/plugins/cleanStyles.js +0 -28
- package/dist/plugins/cleanStyles.js.map +0 -1
- package/dist/plugins/customProps.d.ts +0 -2
- package/dist/plugins/customProps.js +0 -61
- package/dist/plugins/customProps.js.map +0 -1
- package/dist/plugins/defaultUnits.d.ts +0 -7
- package/dist/plugins/defaultUnits.js +0 -41
- package/dist/plugins/defaultUnits.js.map +0 -1
- package/dist/plugins/flattenNestedStyles.d.ts +0 -5
- package/dist/plugins/flattenNestedStyles.js +0 -47
- package/dist/plugins/flattenNestedStyles.js.map +0 -1
- package/dist/plugins/index.d.ts +0 -30
- package/dist/plugins/index.js +0 -44
- package/dist/plugins/index.js.map +0 -1
- package/dist/plugins/mediaArrays.d.ts +0 -5
- package/dist/plugins/mediaArrays.js +0 -56
- package/dist/plugins/mediaArrays.js.map +0 -1
- package/dist/plugins/merge$css.d.ts +0 -6
- package/dist/plugins/merge$css.js +0 -45
- package/dist/plugins/merge$css.js.map +0 -1
- package/dist/plugins/propCasing.d.ts +0 -5
- package/dist/plugins/propCasing.js +0 -21
- package/dist/plugins/propCasing.js.map +0 -1
- package/dist/plugins/replace$$class.d.ts +0 -5
- package/dist/plugins/replace$$class.js +0 -20
- package/dist/plugins/replace$$class.js.map +0 -1
- package/dist/plugins/themeFunctions.d.ts +0 -5
- package/dist/plugins/themeFunctions.js +0 -20
- package/dist/plugins/themeFunctions.js.map +0 -1
- package/dist/styleCollector.d.ts +0 -8
- package/dist/styleCollector.js +0 -40
- package/dist/styleCollector.js.map +0 -1
- package/dist/stylesToRuleArray.d.ts +0 -5
- package/dist/stylesToRuleArray.js +0 -41
- package/dist/stylesToRuleArray.js.map +0 -1
- package/dist/types.js +0 -3
- package/dist/types.js.map +0 -1
- package/dist/useStyles.d.ts +0 -16
- package/dist/useStyles.js +0 -115
- package/dist/useStyles.js.map +0 -1
- package/dist/util/cloneDeep.d.ts +0 -4
- package/dist/util/cloneDeep.js +0 -28
- package/dist/util/cloneDeep.js.map +0 -1
- package/dist/util/flatten.d.ts +0 -4
- package/dist/util/flatten.js +0 -19
- package/dist/util/flatten.js.map +0 -1
- package/dist/util/hashString.d.ts +0 -4
- package/dist/util/hashString.js +0 -15
- package/dist/util/hashString.js.map +0 -1
- package/dist/util/isPlainObject.d.ts +0 -4
- package/dist/util/isPlainObject.js +0 -11
- package/dist/util/isPlainObject.js.map +0 -1
- package/dist/util/mapObjectRecursive.d.ts +0 -8
- package/dist/util/mapObjectRecursive.js +0 -37
- package/dist/util/mapObjectRecursive.js.map +0 -1
- package/dist/util/merge.d.ts +0 -5
- package/dist/util/merge.js +0 -31
- package/dist/util/merge.js.map +0 -1
- package/dist/util/useIsoLayoutEffect.d.ts +0 -2
- package/dist/util/useIsoLayoutEffect.js +0 -8
- package/dist/util/useIsoLayoutEffect.js.map +0 -1
- package/dist/util/walkRecursive.d.ts +0 -8
- package/dist/util/walkRecursive.js +0 -26
- package/dist/util/walkRecursive.js.map +0 -1
- package/exports.mjs +0 -8
package/dist/html-tags.json
DELETED
|
@@ -1,119 +0,0 @@
|
|
|
1
|
-
[
|
|
2
|
-
"a",
|
|
3
|
-
"abbr",
|
|
4
|
-
"address",
|
|
5
|
-
"area",
|
|
6
|
-
"article",
|
|
7
|
-
"aside",
|
|
8
|
-
"audio",
|
|
9
|
-
"b",
|
|
10
|
-
"base",
|
|
11
|
-
"bdi",
|
|
12
|
-
"bdo",
|
|
13
|
-
"blockquote",
|
|
14
|
-
"body",
|
|
15
|
-
"br",
|
|
16
|
-
"button",
|
|
17
|
-
"canvas",
|
|
18
|
-
"caption",
|
|
19
|
-
"cite",
|
|
20
|
-
"code",
|
|
21
|
-
"col",
|
|
22
|
-
"colgroup",
|
|
23
|
-
"data",
|
|
24
|
-
"datalist",
|
|
25
|
-
"dd",
|
|
26
|
-
"del",
|
|
27
|
-
"details",
|
|
28
|
-
"dfn",
|
|
29
|
-
"dialog",
|
|
30
|
-
"div",
|
|
31
|
-
"dl",
|
|
32
|
-
"dt",
|
|
33
|
-
"em",
|
|
34
|
-
"embed",
|
|
35
|
-
"fieldset",
|
|
36
|
-
"figcaption",
|
|
37
|
-
"figure",
|
|
38
|
-
"footer",
|
|
39
|
-
"form",
|
|
40
|
-
"h1",
|
|
41
|
-
"h2",
|
|
42
|
-
"h3",
|
|
43
|
-
"h4",
|
|
44
|
-
"h5",
|
|
45
|
-
"h6",
|
|
46
|
-
"head",
|
|
47
|
-
"header",
|
|
48
|
-
"hgroup",
|
|
49
|
-
"hr",
|
|
50
|
-
"html",
|
|
51
|
-
"i",
|
|
52
|
-
"iframe",
|
|
53
|
-
"img",
|
|
54
|
-
"input",
|
|
55
|
-
"ins",
|
|
56
|
-
"kbd",
|
|
57
|
-
"label",
|
|
58
|
-
"legend",
|
|
59
|
-
"li",
|
|
60
|
-
"link",
|
|
61
|
-
"main",
|
|
62
|
-
"map",
|
|
63
|
-
"mark",
|
|
64
|
-
"math",
|
|
65
|
-
"menu",
|
|
66
|
-
"menuitem",
|
|
67
|
-
"meta",
|
|
68
|
-
"meter",
|
|
69
|
-
"nav",
|
|
70
|
-
"noscript",
|
|
71
|
-
"object",
|
|
72
|
-
"ol",
|
|
73
|
-
"optgroup",
|
|
74
|
-
"option",
|
|
75
|
-
"output",
|
|
76
|
-
"p",
|
|
77
|
-
"param",
|
|
78
|
-
"picture",
|
|
79
|
-
"pre",
|
|
80
|
-
"progress",
|
|
81
|
-
"q",
|
|
82
|
-
"rb",
|
|
83
|
-
"rp",
|
|
84
|
-
"rt",
|
|
85
|
-
"rtc",
|
|
86
|
-
"ruby",
|
|
87
|
-
"s",
|
|
88
|
-
"samp",
|
|
89
|
-
"script",
|
|
90
|
-
"section",
|
|
91
|
-
"select",
|
|
92
|
-
"slot",
|
|
93
|
-
"small",
|
|
94
|
-
"source",
|
|
95
|
-
"span",
|
|
96
|
-
"strong",
|
|
97
|
-
"style",
|
|
98
|
-
"sub",
|
|
99
|
-
"summary",
|
|
100
|
-
"sup",
|
|
101
|
-
"svg",
|
|
102
|
-
"table",
|
|
103
|
-
"tbody",
|
|
104
|
-
"td",
|
|
105
|
-
"template",
|
|
106
|
-
"textarea",
|
|
107
|
-
"tfoot",
|
|
108
|
-
"th",
|
|
109
|
-
"thead",
|
|
110
|
-
"time",
|
|
111
|
-
"title",
|
|
112
|
-
"tr",
|
|
113
|
-
"track",
|
|
114
|
-
"u",
|
|
115
|
-
"ul",
|
|
116
|
-
"var",
|
|
117
|
-
"video",
|
|
118
|
-
"wbr"
|
|
119
|
-
]
|
package/dist/index.d.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export { StylixProps, StylixPropsExtensions } from './types';
|
|
2
|
-
export { useStylixContext, useStylixTheme, StylixProvider, StylixPublicContext as StylixContext, StylixTheme, } from './StylixProvider';
|
|
3
|
-
export { useStyles, useKeyframes, useGlobalStyles } from './useStyles';
|
|
4
|
-
export { defaultPlugins, customProps, StylixPlugin, StylixPluginFunctionContext } from './plugins';
|
|
5
|
-
export { mapObjectRecursive } from './util/mapObjectRecursive';
|
|
6
|
-
export { walkRecursive } from './util/walkRecursive';
|
|
7
|
-
export { createStyleCollector, styleCollectorContext, StyleCollector } from './styleCollector';
|
|
8
|
-
export { default } from './Stylix';
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.cleanStyles = void 0;
|
|
4
|
-
const isPlainObject_1 = require("../util/isPlainObject");
|
|
5
|
-
function cleanObject(object) {
|
|
6
|
-
for (const key in object) {
|
|
7
|
-
const value = object[key];
|
|
8
|
-
if (value === null || value === undefined || value === '')
|
|
9
|
-
delete object[key];
|
|
10
|
-
else if ((0, isPlainObject_1.isPlainObject)(value) || Array.isArray(value)) {
|
|
11
|
-
cleanObject(value);
|
|
12
|
-
if (!Object.keys(value).length)
|
|
13
|
-
delete object[key];
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
return object;
|
|
17
|
-
}
|
|
18
|
-
/**
|
|
19
|
-
* Fixes casing and hyphenation on known style props
|
|
20
|
-
*/
|
|
21
|
-
exports.cleanStyles = {
|
|
22
|
-
name: 'cleanStyles',
|
|
23
|
-
type: 'processStyles',
|
|
24
|
-
plugin(ctx, styles) {
|
|
25
|
-
return cleanObject(styles);
|
|
26
|
-
},
|
|
27
|
-
};
|
|
28
|
-
//# sourceMappingURL=cleanStyles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.customProps = void 0;
|
|
4
|
-
const classifyProps_1 = require("../classifyProps");
|
|
5
|
-
const isPlainObject_1 = require("../util/isPlainObject");
|
|
6
|
-
const walkRecursive_1 = require("../util/walkRecursive");
|
|
7
|
-
const mediaArrays_1 = require("./mediaArrays");
|
|
8
|
-
const customProps = (customProps) => {
|
|
9
|
-
for (const key in customProps) {
|
|
10
|
-
customProps[(0, classifyProps_1.simplifyStylePropName)(key)] = customProps[key];
|
|
11
|
-
}
|
|
12
|
-
return [
|
|
13
|
-
{
|
|
14
|
-
name: 'customPropsInit',
|
|
15
|
-
type: 'initialize',
|
|
16
|
-
plugin(ctx) {
|
|
17
|
-
for (const key in customProps) {
|
|
18
|
-
ctx.styleProps[(0, classifyProps_1.simplifyStylePropName)(key)] = key;
|
|
19
|
-
}
|
|
20
|
-
},
|
|
21
|
-
},
|
|
22
|
-
{
|
|
23
|
-
name: 'customPropsProcess',
|
|
24
|
-
type: 'processStyles',
|
|
25
|
-
before: mediaArrays_1.mediaArrays,
|
|
26
|
-
plugin(ctx, styles) {
|
|
27
|
-
return (0, walkRecursive_1.walkRecursive)(styles, (key, value, object) => {
|
|
28
|
-
if (!(0, classifyProps_1.isValidJSXProp)(key) || (0, isPlainObject_1.isPlainObject)(value))
|
|
29
|
-
return;
|
|
30
|
-
const simpleKey = (0, classifyProps_1.simplifyStylePropName)(key);
|
|
31
|
-
const propValue = customProps[simpleKey];
|
|
32
|
-
if (!propValue)
|
|
33
|
-
return;
|
|
34
|
-
const objectClone = Object.assign({}, object);
|
|
35
|
-
const keys = Object.keys(object);
|
|
36
|
-
const afterKeys = keys.slice(keys.indexOf(key) + 1);
|
|
37
|
-
const newStyles = {};
|
|
38
|
-
if (typeof propValue === 'object') {
|
|
39
|
-
if (value)
|
|
40
|
-
Object.assign(newStyles, propValue);
|
|
41
|
-
}
|
|
42
|
-
else if (typeof propValue === 'string') {
|
|
43
|
-
newStyles[propValue] = value;
|
|
44
|
-
}
|
|
45
|
-
else if (typeof propValue === 'function') {
|
|
46
|
-
Object.assign(newStyles, propValue(value));
|
|
47
|
-
}
|
|
48
|
-
delete object[key];
|
|
49
|
-
Object.assign(object, newStyles);
|
|
50
|
-
for (const k of afterKeys) {
|
|
51
|
-
const val = objectClone[k];
|
|
52
|
-
delete object[k];
|
|
53
|
-
object[k] = val;
|
|
54
|
-
}
|
|
55
|
-
});
|
|
56
|
-
},
|
|
57
|
-
},
|
|
58
|
-
];
|
|
59
|
-
};
|
|
60
|
-
exports.customProps = customProps;
|
|
61
|
-
//# sourceMappingURL=customProps.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { StylixPlugin } from './index';
|
|
2
|
-
export declare const defaultIgnoreUnits: string[];
|
|
3
|
-
/**
|
|
4
|
-
* Adds unit (px, em, etc) to numeric values for any style properties not included in `ignoreProps`..
|
|
5
|
-
*/
|
|
6
|
-
export declare const defaultUnits: (unit?: string, ignoreProps?: string[]) => StylixPlugin;
|
|
7
|
-
export declare const defaultPixelUnits: StylixPlugin;
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.defaultPixelUnits = exports.defaultUnits = exports.defaultIgnoreUnits = void 0;
|
|
4
|
-
const mapObjectRecursive_1 = require("../util/mapObjectRecursive");
|
|
5
|
-
exports.defaultIgnoreUnits = [
|
|
6
|
-
'columns',
|
|
7
|
-
'column-count',
|
|
8
|
-
'fill-opacity',
|
|
9
|
-
'flex',
|
|
10
|
-
'flex-grow',
|
|
11
|
-
'flex-shrink',
|
|
12
|
-
'font-weight',
|
|
13
|
-
'line-height',
|
|
14
|
-
'opacity',
|
|
15
|
-
'orphans',
|
|
16
|
-
'stroke-opacity',
|
|
17
|
-
'widows',
|
|
18
|
-
'z-index',
|
|
19
|
-
'zoom',
|
|
20
|
-
'order',
|
|
21
|
-
];
|
|
22
|
-
/**
|
|
23
|
-
* Adds unit (px, em, etc) to numeric values for any style properties not included in `ignoreProps`..
|
|
24
|
-
*/
|
|
25
|
-
const defaultUnits = (unit = 'px', ignoreProps = exports.defaultIgnoreUnits) => {
|
|
26
|
-
return {
|
|
27
|
-
name: 'defaultUnits',
|
|
28
|
-
type: 'processStyles',
|
|
29
|
-
plugin(ctx, styles) {
|
|
30
|
-
return (0, mapObjectRecursive_1.mapObjectRecursive)(styles, defaultUnitsMap, { unit, ignoreProps });
|
|
31
|
-
},
|
|
32
|
-
};
|
|
33
|
-
};
|
|
34
|
-
exports.defaultUnits = defaultUnits;
|
|
35
|
-
const defaultUnitsMap = (key, value, object, ctx) => {
|
|
36
|
-
if (typeof value === 'number' && !ctx.ignoreProps.includes(key)) {
|
|
37
|
-
return { [key]: String(value) + ctx.unit };
|
|
38
|
-
}
|
|
39
|
-
};
|
|
40
|
-
exports.defaultPixelUnits = (0, exports.defaultUnits)();
|
|
41
|
-
//# sourceMappingURL=defaultUnits.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.flattenNestedStyles = void 0;
|
|
4
|
-
const isPlainObject_1 = require("../util/isPlainObject");
|
|
5
|
-
function flatten(styles, parent, selector, root, mediaRoot) {
|
|
6
|
-
for (let key in styles) {
|
|
7
|
-
const value = styles[key];
|
|
8
|
-
if (key.startsWith('@media')) {
|
|
9
|
-
// Flatten media queries, but nest them under the root object
|
|
10
|
-
root[key] = root[key] || {};
|
|
11
|
-
flatten(value, root[key], selector, root, root[key]);
|
|
12
|
-
}
|
|
13
|
-
else if (key.startsWith('@keyframes')) {
|
|
14
|
-
// Add keyframe rules as-is directly to mediaRoot object
|
|
15
|
-
mediaRoot[key] = value;
|
|
16
|
-
}
|
|
17
|
-
else if ((0, isPlainObject_1.isPlainObject)(styles[key])) {
|
|
18
|
-
// Concatenate or replace & in selectors and then continue flattening styles
|
|
19
|
-
if (key.includes('&')) {
|
|
20
|
-
key = key.replace(/&/g, selector);
|
|
21
|
-
}
|
|
22
|
-
else {
|
|
23
|
-
key = (selector + ' ' + key).trim();
|
|
24
|
-
}
|
|
25
|
-
parent[key] = parent[key] || {};
|
|
26
|
-
flatten(value, parent, key, root, mediaRoot);
|
|
27
|
-
}
|
|
28
|
-
else {
|
|
29
|
-
// Selector is just a css property
|
|
30
|
-
parent[selector] = parent[selector] || {};
|
|
31
|
-
parent[selector][key] = styles[key];
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
/**
|
|
36
|
-
* Flattens nested style objects that use `&` to reference parent class.
|
|
37
|
-
*/
|
|
38
|
-
exports.flattenNestedStyles = {
|
|
39
|
-
name: 'flattenNestedStyles',
|
|
40
|
-
type: 'processStyles',
|
|
41
|
-
plugin(ctx, styles) {
|
|
42
|
-
const flattened = {};
|
|
43
|
-
flatten(styles, flattened, '', flattened, flattened);
|
|
44
|
-
return flattened;
|
|
45
|
-
},
|
|
46
|
-
};
|
|
47
|
-
//# sourceMappingURL=flattenNestedStyles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { StylixContext, StylixPublicContext } from '../StylixProvider';
|
|
2
|
-
/**
|
|
3
|
-
* Stylix plugin function context object
|
|
4
|
-
*/
|
|
5
|
-
export type StylixPluginFunctionContext = StylixPublicContext & {
|
|
6
|
-
hash: string;
|
|
7
|
-
};
|
|
8
|
-
/**
|
|
9
|
-
* Stylix plugin interface
|
|
10
|
-
*/
|
|
11
|
-
export interface StylixPlugin {
|
|
12
|
-
name: string;
|
|
13
|
-
type: 'initialize' | 'processStyles' | 'preprocessStyles';
|
|
14
|
-
plugin(ctx: StylixPluginFunctionContext, styles: any): any;
|
|
15
|
-
before?: StylixPlugin;
|
|
16
|
-
after?: StylixPlugin;
|
|
17
|
-
atIndex?: number;
|
|
18
|
-
}
|
|
19
|
-
export declare function applyPlugins(type: StylixPlugin['type'], styles: any, hash: string, context: StylixContext): any;
|
|
20
|
-
export { customProps } from './customProps';
|
|
21
|
-
export declare const defaultPlugins: {
|
|
22
|
-
themeFunctions: StylixPlugin;
|
|
23
|
-
merge$css: StylixPlugin;
|
|
24
|
-
mediaArrays: StylixPlugin;
|
|
25
|
-
propCasing: StylixPlugin;
|
|
26
|
-
flattenNestedStyles: StylixPlugin;
|
|
27
|
-
replace$$class: StylixPlugin;
|
|
28
|
-
defaultPixelUnits: StylixPlugin;
|
|
29
|
-
cleanStyles: StylixPlugin;
|
|
30
|
-
};
|
package/dist/plugins/index.js
DELETED
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.defaultPlugins = exports.customProps = exports.applyPlugins = void 0;
|
|
4
|
-
const cleanStyles_1 = require("./cleanStyles");
|
|
5
|
-
const defaultUnits_1 = require("./defaultUnits");
|
|
6
|
-
const flattenNestedStyles_1 = require("./flattenNestedStyles");
|
|
7
|
-
const mediaArrays_1 = require("./mediaArrays");
|
|
8
|
-
const merge_css_1 = require("./merge$css");
|
|
9
|
-
const propCasing_1 = require("./propCasing");
|
|
10
|
-
const replace__class_1 = require("./replace$$class");
|
|
11
|
-
const themeFunctions_1 = require("./themeFunctions");
|
|
12
|
-
function applyPlugins(type, styles, hash, context) {
|
|
13
|
-
const pluginContext = {
|
|
14
|
-
id: context.id,
|
|
15
|
-
devMode: context.devMode,
|
|
16
|
-
theme: context.theme,
|
|
17
|
-
media: context.media,
|
|
18
|
-
stylesheet: context.stylesheet,
|
|
19
|
-
styleElement: context.styleElement,
|
|
20
|
-
styleProps: context.styleProps,
|
|
21
|
-
hash,
|
|
22
|
-
};
|
|
23
|
-
let processedStyles = styles;
|
|
24
|
-
for (const i in context.plugins) {
|
|
25
|
-
const plugin = context.plugins[i];
|
|
26
|
-
if (plugin.type === type)
|
|
27
|
-
processedStyles = plugin.plugin(pluginContext, processedStyles);
|
|
28
|
-
}
|
|
29
|
-
return processedStyles;
|
|
30
|
-
}
|
|
31
|
-
exports.applyPlugins = applyPlugins;
|
|
32
|
-
var customProps_1 = require("./customProps");
|
|
33
|
-
Object.defineProperty(exports, "customProps", { enumerable: true, get: function () { return customProps_1.customProps; } });
|
|
34
|
-
exports.defaultPlugins = {
|
|
35
|
-
themeFunctions: themeFunctions_1.themeFunctions,
|
|
36
|
-
merge$css: merge_css_1.merge$css,
|
|
37
|
-
mediaArrays: mediaArrays_1.mediaArrays,
|
|
38
|
-
propCasing: propCasing_1.propCasing,
|
|
39
|
-
flattenNestedStyles: flattenNestedStyles_1.flattenNestedStyles,
|
|
40
|
-
replace$$class: replace__class_1.replace$$class,
|
|
41
|
-
defaultPixelUnits: defaultUnits_1.defaultPixelUnits,
|
|
42
|
-
cleanStyles: cleanStyles_1.cleanStyles,
|
|
43
|
-
};
|
|
44
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/plugins/index.ts"],"names":[],"mappings":";;;AACA,+CAA4C;AAC5C,iDAAmD;AACnD,+DAA4D;AAC5D,+CAA4C;AAC5C,2CAAwC;AACxC,6CAA0C;AAC1C,qDAAkD;AAClD,qDAAkD;AAmBlD,SAAgB,YAAY,CAC1B,IAA0B,EAC1B,MAAW,EACX,IAAY,EACZ,OAAsB;IAEtB,MAAM,aAAa,GAAG;QACpB,EAAE,EAAE,OAAO,CAAC,EAAE;QACd,OAAO,EAAE,OAAO,CAAC,OAAO;QACxB,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,UAAU,EAAE,OAAO,CAAC,UAAU;QAC9B,YAAY,EAAE,OAAO,CAAC,YAAY;QAClC,UAAU,EAAE,OAAO,CAAC,UAAU;QAC9B,IAAI;KACL,CAAC;IAEF,IAAI,eAAe,GAAG,MAAM,CAAC;IAC7B,KAAK,MAAM,CAAC,IAAI,OAAO,CAAC,OAAO,EAAE;QAC/B,MAAM,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAClC,IAAI,MAAM,CAAC,IAAI,KAAK,IAAI;YAAE,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC;KAC3F;IACD,OAAO,eAAe,CAAC;AACzB,CAAC;AAvBD,oCAuBC;AAED,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AAEP,QAAA,cAAc,GAAG;IAC5B,cAAc,EAAd,+BAAc;IACd,SAAS,EAAT,qBAAS;IACT,WAAW,EAAX,yBAAW;IACX,UAAU,EAAV,uBAAU;IACV,mBAAmB,EAAnB,yCAAmB;IACnB,cAAc,EAAd,+BAAc;IACd,iBAAiB,EAAjB,gCAAiB;IACjB,WAAW,EAAX,yBAAW;CACZ,CAAC"}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.mediaArrays = void 0;
|
|
4
|
-
const isPlainObject_1 = require("../util/isPlainObject");
|
|
5
|
-
const mapObjectRecursive_1 = require("../util/mapObjectRecursive");
|
|
6
|
-
/**
|
|
7
|
-
* Expands arrays as media queries.
|
|
8
|
-
*/
|
|
9
|
-
exports.mediaArrays = {
|
|
10
|
-
name: 'mediaArrays',
|
|
11
|
-
type: 'processStyles',
|
|
12
|
-
plugin(ctx, styles) {
|
|
13
|
-
// Fill out ditto values
|
|
14
|
-
styles = (0, mapObjectRecursive_1.mapObjectRecursive)(styles, mapDittoValues);
|
|
15
|
-
const mediaStyles = {};
|
|
16
|
-
let nonMediaStyles = styles;
|
|
17
|
-
for (const i in ctx.media) {
|
|
18
|
-
const mediaQuery = ctx.media[i];
|
|
19
|
-
if (!mediaQuery) {
|
|
20
|
-
nonMediaStyles = (0, mapObjectRecursive_1.mapObjectRecursive)(styles, mapNonMedia, { i });
|
|
21
|
-
}
|
|
22
|
-
else {
|
|
23
|
-
mediaStyles[`@media ${mediaQuery}`] = (0, mapObjectRecursive_1.mapObjectRecursive)(styles, mapMediaStyles, { i });
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
return Object.assign(Object.assign({}, nonMediaStyles), mediaStyles);
|
|
27
|
-
},
|
|
28
|
-
};
|
|
29
|
-
function mapDittoValues(key, value) {
|
|
30
|
-
if (Array.isArray(value)) {
|
|
31
|
-
for (const i in value) {
|
|
32
|
-
const v = value[i];
|
|
33
|
-
if (v === '@')
|
|
34
|
-
value[i] = value[+i - 1];
|
|
35
|
-
}
|
|
36
|
-
return { [key]: value };
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
function mapNonMedia(key, value, object, context) {
|
|
40
|
-
if (Array.isArray(value)) {
|
|
41
|
-
return { [key]: value[context.i] };
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
function mapMediaStyles(key, value, object, context) {
|
|
45
|
-
if (key.startsWith('@keyframes'))
|
|
46
|
-
context.keyframes = true;
|
|
47
|
-
if (Array.isArray(value)) {
|
|
48
|
-
return { [key]: value[context.i] };
|
|
49
|
-
}
|
|
50
|
-
if ((0, isPlainObject_1.isPlainObject)(value) || context.keyframes) {
|
|
51
|
-
return;
|
|
52
|
-
}
|
|
53
|
-
// delete key/value pair if primitive
|
|
54
|
-
return { [key]: undefined };
|
|
55
|
-
}
|
|
56
|
-
//# sourceMappingURL=mediaArrays.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports._merge$css = exports.merge$css = void 0;
|
|
4
|
-
const flatten_1 = require("../util/flatten");
|
|
5
|
-
const isPlainObject_1 = require("../util/isPlainObject");
|
|
6
|
-
/**
|
|
7
|
-
* Merges $css property into parent styles
|
|
8
|
-
*/
|
|
9
|
-
exports.merge$css = {
|
|
10
|
-
name: 'merge$css',
|
|
11
|
-
type: 'processStyles',
|
|
12
|
-
plugin(ctx, styles) {
|
|
13
|
-
const result = {};
|
|
14
|
-
_merge$css(styles, result);
|
|
15
|
-
return result;
|
|
16
|
-
},
|
|
17
|
-
};
|
|
18
|
-
function _merge$css(obj, ctx) {
|
|
19
|
-
if (!(0, isPlainObject_1.isPlainObject)(obj))
|
|
20
|
-
return;
|
|
21
|
-
for (const key in obj) {
|
|
22
|
-
if (key === '$css') {
|
|
23
|
-
const $css = obj[key];
|
|
24
|
-
if (Array.isArray($css)) {
|
|
25
|
-
const flat$css = (0, flatten_1.flatten)($css);
|
|
26
|
-
for (const val of flat$css) {
|
|
27
|
-
_merge$css(val, ctx);
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
else {
|
|
31
|
-
_merge$css($css, ctx);
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
else {
|
|
35
|
-
let value = obj[key];
|
|
36
|
-
if ((0, isPlainObject_1.isPlainObject)(value)) {
|
|
37
|
-
value = ctx[key] || {};
|
|
38
|
-
_merge$css(obj[key], value);
|
|
39
|
-
}
|
|
40
|
-
ctx[key] = value;
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
exports._merge$css = _merge$css;
|
|
45
|
-
//# sourceMappingURL=merge$css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.propCasing = void 0;
|
|
4
|
-
const classifyProps_1 = require("../classifyProps");
|
|
5
|
-
const mapObjectRecursive_1 = require("../util/mapObjectRecursive");
|
|
6
|
-
/**
|
|
7
|
-
* Fixes casing and hyphenation on known style props
|
|
8
|
-
*/
|
|
9
|
-
exports.propCasing = {
|
|
10
|
-
name: 'normalizeStyleProps',
|
|
11
|
-
type: 'processStyles',
|
|
12
|
-
plugin(ctx, styles) {
|
|
13
|
-
return (0, mapObjectRecursive_1.mapObjectRecursive)(styles, propCasingMap, { ctx });
|
|
14
|
-
},
|
|
15
|
-
};
|
|
16
|
-
function propCasingMap(key, value, object, context) {
|
|
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
|
-
}
|
|
20
|
-
}
|
|
21
|
-
//# sourceMappingURL=propCasing.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.replace$$class = void 0;
|
|
4
|
-
const mapObjectRecursive_1 = require("../util/mapObjectRecursive");
|
|
5
|
-
/**
|
|
6
|
-
* Replaces $$class with hash in string values
|
|
7
|
-
*/
|
|
8
|
-
exports.replace$$class = {
|
|
9
|
-
name: 'replace$$class',
|
|
10
|
-
type: 'processStyles',
|
|
11
|
-
plugin(ctx, styles) {
|
|
12
|
-
return (0, mapObjectRecursive_1.mapObjectRecursive)(styles, replace$$classMap, { ctx });
|
|
13
|
-
},
|
|
14
|
-
};
|
|
15
|
-
function replace$$classMap(key, value, object, context) {
|
|
16
|
-
value = typeof value === 'string' ? value.replace('$$class', context.ctx.hash) : value;
|
|
17
|
-
key = typeof key === 'string' ? key.replace('$$class', context.ctx.hash) : key;
|
|
18
|
-
return { [key]: value };
|
|
19
|
-
}
|
|
20
|
-
//# sourceMappingURL=replace$$class.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|