@weser/style 1.0.0 → 2.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/core/__tests__/createRenderer.test.d.ts +2 -0
- package/dist/core/__tests__/createRenderer.test.d.ts.map +1 -0
- package/dist/core/__tests__/createRenderer.test.js +25 -0
- package/dist/core/__tests__/createRenderer.test.js.map +1 -0
- package/dist/core/createRenderer.d.ts +16 -16
- package/dist/core/createRenderer.d.ts.map +1 -1
- package/dist/core/createRenderer.js +67 -14
- package/dist/core/createRenderer.js.map +1 -1
- package/dist/core/createStyleNode.d.ts +10 -0
- package/dist/core/createStyleNode.d.ts.map +1 -0
- package/dist/core/createStyleNode.js +11 -0
- package/dist/core/createStyleNode.js.map +1 -0
- package/dist/helpers/extend.d.ts +3 -0
- package/dist/helpers/extend.d.ts.map +1 -0
- package/dist/helpers/extend.js +4 -0
- package/dist/helpers/extend.js.map +1 -0
- package/dist/helpers/hash.d.ts +2 -0
- package/dist/helpers/hash.d.ts.map +1 -0
- package/dist/helpers/hash.js +17 -0
- package/dist/helpers/hash.js.map +1 -0
- package/dist/index.d.ts +13 -7
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +13 -5
- package/dist/index.js.map +1 -1
- package/dist/plugins/customProperty.d.ts +4 -0
- package/dist/plugins/customProperty.d.ts.map +1 -0
- package/dist/plugins/customProperty.js +23 -0
- package/dist/plugins/customProperty.js.map +1 -0
- package/dist/plugins/debug.d.ts +5 -4
- package/dist/plugins/debug.d.ts.map +1 -1
- package/dist/plugins/debug.js +1 -1
- package/dist/plugins/debug.js.map +1 -1
- package/dist/plugins/embedded.d.ts +7 -0
- package/dist/plugins/embedded.d.ts.map +1 -0
- package/dist/plugins/embedded.js +23 -0
- package/dist/plugins/embedded.js.map +1 -0
- package/dist/plugins/enforceLonghand.d.ts +1 -1
- package/dist/plugins/enforceLonghand.d.ts.map +1 -1
- package/dist/plugins/enforceLonghand.js +9 -9
- package/dist/plugins/enforceLonghand.js.map +1 -1
- package/dist/plugins/fallbackValue.d.ts +7 -0
- package/dist/plugins/fallbackValue.d.ts.map +1 -0
- package/dist/plugins/fallbackValue.js +35 -0
- package/dist/plugins/fallbackValue.js.map +1 -0
- package/dist/plugins/logger.d.ts +9 -0
- package/dist/plugins/logger.d.ts.map +1 -0
- package/dist/plugins/logger.js +15 -0
- package/dist/plugins/logger.js.map +1 -0
- package/dist/plugins/prefixer.d.ts +3 -2
- package/dist/plugins/prefixer.d.ts.map +1 -1
- package/dist/plugins/prefixer.js +51 -46
- package/dist/plugins/prefixer.js.map +1 -1
- package/dist/plugins/pseudoElement.d.ts +3 -0
- package/dist/plugins/pseudoElement.d.ts.map +1 -0
- package/dist/plugins/pseudoElement.js +27 -0
- package/dist/plugins/pseudoElement.js.map +1 -0
- package/dist/plugins/responsiveValue.js +1 -1
- package/dist/plugins/responsiveValue.js.map +1 -1
- package/dist/plugins/rtl.d.ts +3 -0
- package/dist/plugins/rtl.d.ts.map +1 -0
- package/dist/plugins/rtl.js +11 -0
- package/dist/plugins/rtl.js.map +1 -0
- package/dist/plugins/sortCondition.d.ts +4 -0
- package/dist/plugins/sortCondition.d.ts.map +1 -0
- package/dist/plugins/sortCondition.js +70 -0
- package/dist/plugins/sortCondition.js.map +1 -0
- package/dist/plugins/sortProperty.d.ts.map +1 -1
- package/dist/plugins/sortProperty.js.map +1 -1
- package/dist/types.d.ts +16 -8
- package/dist/types.d.ts.map +1 -1
- package/package.json +14 -17
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createRenderer.test.d.ts","sourceRoot":"","sources":["../../../src/core/__tests__/createRenderer.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { describe, expect, it } from 'vitest';
|
|
2
|
+
import createRenderer from '../createRenderer.js';
|
|
3
|
+
describe('createRenderer', () => {
|
|
4
|
+
it('returns a css function', () => {
|
|
5
|
+
const css = createRenderer();
|
|
6
|
+
expect(typeof css).toBe('function');
|
|
7
|
+
});
|
|
8
|
+
});
|
|
9
|
+
describe('css function', () => {
|
|
10
|
+
it('returns returns a tuple of the processed style object and a style node', () => {
|
|
11
|
+
const css = createRenderer();
|
|
12
|
+
const [props, node] = css({ color: 'red' });
|
|
13
|
+
expect(props.style).toEqual({ color: 'red' });
|
|
14
|
+
expect(node).toMatchSnapshot();
|
|
15
|
+
});
|
|
16
|
+
it('supports nested selectors', () => {
|
|
17
|
+
const css = createRenderer();
|
|
18
|
+
const [props, node] = css({ color: 'red', ':hover': { color: 'blue' } });
|
|
19
|
+
expect(props.style).toEqual({
|
|
20
|
+
color: 'var(--3dwc1p-1, blue) var(--3dwc1p-0, red)',
|
|
21
|
+
});
|
|
22
|
+
expect(node).toMatchSnapshot();
|
|
23
|
+
});
|
|
24
|
+
});
|
|
25
|
+
//# sourceMappingURL=createRenderer.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createRenderer.test.js","sourceRoot":"","sources":["../../../src/core/__tests__/createRenderer.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAA;AAE7C,OAAO,cAAc,MAAM,sBAAsB,CAAA;AAEjD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;QAChC,MAAM,GAAG,GAAG,cAAc,EAAE,CAAA;QAE5B,MAAM,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;IACrC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,wEAAwE,EAAE,GAAG,EAAE;QAChF,MAAM,GAAG,GAAG,cAAc,EAAE,CAAA;QAE5B,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAA;QAC3C,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAA;QAC7C,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAA;IAChC,CAAC,CAAC,CAAA;IACF,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;QACnC,MAAM,GAAG,GAAG,cAAc,EAAE,CAAA;QAE5B,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,CAAA;QACxE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC;YAC1B,KAAK,EAAE,4CAA4C;SACpD,CAAC,CAAA;QACF,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAA;IAChC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { createHooks as baseCreateHooks } from '@css-hooks/react';
|
|
2
|
-
import { WithHooks as BaseWithHooks } from '@css-hooks/core';
|
|
3
1
|
import { assignStyle } from 'css-in-js-utils';
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
type
|
|
7
|
-
type
|
|
8
|
-
type Config
|
|
9
|
-
|
|
10
|
-
fallbacks?: Array<T_Fallback>;
|
|
11
|
-
plugins?: Array<Plugin<T>>;
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
import { T_Style, T_Props, T_Context } from '../types';
|
|
4
|
+
type StyleInput<T = T_Style> = undefined | T | Array<StyleInput<T>>;
|
|
5
|
+
type Plugin = (style: T_Style, context: T_Context) => T_Style;
|
|
6
|
+
type Config = {
|
|
7
|
+
plugins?: Array<Plugin>;
|
|
12
8
|
mergeStyle?: typeof assignStyle;
|
|
9
|
+
devMode?: boolean;
|
|
13
10
|
};
|
|
14
|
-
export
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
11
|
+
export default function createRenderer<T extends Record<string, any> = T_Style>(config?: Config): (...style: Array<StyleInput<T>>) => readonly [T_Props, MapIterator<ReactNode> | null] | readonly [T_Props, readonly [...ReactNode[], import("react").DetailedReactHTMLElement<{
|
|
12
|
+
dangerouslySetInnerHTML: {
|
|
13
|
+
__html: string;
|
|
14
|
+
};
|
|
15
|
+
precedence: string;
|
|
16
|
+
href: string;
|
|
17
|
+
key: string;
|
|
18
|
+
nonce: string | undefined;
|
|
19
|
+
}, HTMLElement>]];
|
|
20
20
|
export {};
|
|
21
21
|
//# sourceMappingURL=createRenderer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createRenderer.d.ts","sourceRoot":"","sources":["../../src/core/createRenderer.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"createRenderer.d.ts","sourceRoot":"","sources":["../../src/core/createRenderer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAIhD,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEtD,KAAK,UAAU,CAAC,CAAC,GAAG,OAAO,IAAI,SAAS,GAAG,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;AAEnE,KAAK,MAAM,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,KAAK,OAAO,CAAA;AAC7D,KAAK,MAAM,GAAG;IACZ,OAAO,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,WAAW,CAAA;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,OAAO,EAC5E,MAAM,GAAE,MAAW,IAIC,GAAG,OAAO,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;;;;;;;;kBA8CnD"}
|
|
@@ -1,23 +1,76 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { each } from '@weser/object';
|
|
2
|
+
import { reduce } from '@weser/array';
|
|
2
3
|
import { assignStyle } from 'css-in-js-utils';
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
export default function createRenderer(
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
4
|
+
import createStyleNode from './createStyleNode';
|
|
5
|
+
import hash from '../helpers/hash';
|
|
6
|
+
export default function createRenderer(config = {}) {
|
|
7
|
+
const { plugins = [], mergeStyle = assignStyle, devMode = false } = config;
|
|
8
|
+
return function css(...style) {
|
|
9
|
+
const flags = {};
|
|
10
|
+
// we use a map to cache nodes to avoid duplicate
|
|
11
|
+
const nodes = new Map();
|
|
12
|
+
const props = {
|
|
13
|
+
style: {},
|
|
14
|
+
};
|
|
15
|
+
function createNode(css) {
|
|
16
|
+
const id = hash(css);
|
|
17
|
+
const node = createStyleNode(id, css);
|
|
18
|
+
nodes.set(id, node);
|
|
19
|
+
}
|
|
20
|
+
const context = {
|
|
21
|
+
devMode,
|
|
22
|
+
createNode,
|
|
23
|
+
props,
|
|
24
|
+
mergeStyle,
|
|
25
|
+
};
|
|
13
26
|
// we ignore the "Type instantiation is excessively deep and possibly infinite."
|
|
14
27
|
// @ts-ignore
|
|
15
28
|
const flattened = style.flat(Infinity);
|
|
16
29
|
const filtered = flattened.filter(Boolean);
|
|
30
|
+
// @ts-ignore
|
|
17
31
|
const merged = mergeStyle({}, ...filtered);
|
|
18
|
-
const
|
|
19
|
-
|
|
32
|
+
const resolved = resolveStyle(merged, plugins, flags, context);
|
|
33
|
+
props.style = resolved;
|
|
34
|
+
if (Object.keys(flags).length === 0) {
|
|
35
|
+
return [props, nodes.size > 0 ? nodes.values() : null];
|
|
36
|
+
}
|
|
37
|
+
const flagsSetup = Object.values(flags).map(getFlagSetup);
|
|
38
|
+
const flagsUsage = Object.entries(flags).map(([property, flag]) => getFlagUsage(property, flag));
|
|
39
|
+
const join = devMode ? '\n' : '';
|
|
40
|
+
const id = Object.values(flags).sort().join('_');
|
|
41
|
+
const markup = `*{${flagsSetup.join(join)}}${join}${flagsUsage.join(join)}`;
|
|
42
|
+
const node = createStyleNode(id, markup);
|
|
43
|
+
return [props, [...nodes.values(), node]];
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
function resolveStyle(style, plugins, flags = {}, context) {
|
|
47
|
+
const processed = reduce(plugins, (style, plugin) => plugin(style, context), style);
|
|
48
|
+
const { devMode } = context;
|
|
49
|
+
each(processed, (value, property) => {
|
|
50
|
+
if (typeof value === 'object' && value !== null) {
|
|
51
|
+
const resolved = resolveStyle(value, plugins, flags, context);
|
|
52
|
+
const flag = devMode
|
|
53
|
+
? property.replace(/ /g, '-').replace(/[^a-z0-9-]/gi, '')
|
|
54
|
+
: hash(property);
|
|
55
|
+
flags[property] = flag;
|
|
56
|
+
each(resolved, (value, key) => {
|
|
57
|
+
const fallback = processed[key] ?? 'unset';
|
|
58
|
+
processed[key] =
|
|
59
|
+
`var(--${flag}-1, ${value}) var(--${flag}-0, ${fallback})`;
|
|
60
|
+
});
|
|
61
|
+
delete processed[property];
|
|
62
|
+
}
|
|
63
|
+
});
|
|
64
|
+
return processed;
|
|
65
|
+
}
|
|
66
|
+
function getFlagSetup(flag) {
|
|
67
|
+
return `--${flag}-0:initial;--${flag}-1: ;`;
|
|
68
|
+
}
|
|
69
|
+
function getFlagUsage(property, flag) {
|
|
70
|
+
const usage = `--${flag}-0: ;--${flag}-1:initial`;
|
|
71
|
+
if (property.startsWith('@')) {
|
|
72
|
+
return `${property}{*{${usage}}}`;
|
|
20
73
|
}
|
|
21
|
-
return
|
|
74
|
+
return `${property.replace(/&/gi, '*')}{${usage}}`;
|
|
22
75
|
}
|
|
23
76
|
//# sourceMappingURL=createRenderer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createRenderer.js","sourceRoot":"","sources":["../../src/core/createRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"createRenderer.js","sourceRoot":"","sources":["../../src/core/createRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAG7C,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAC/C,OAAO,IAAI,MAAM,iBAAiB,CAAA;AAYlC,MAAM,CAAC,OAAO,UAAU,cAAc,CACpC,SAAiB,EAAE;IAEnB,MAAM,EAAE,OAAO,GAAG,EAAE,EAAE,UAAU,GAAG,WAAW,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,MAAM,CAAA;IAE1E,OAAO,SAAS,GAAG,CAAC,GAAG,KAA2B;QAChD,MAAM,KAAK,GAA2B,EAAE,CAAA;QACxC,iDAAiD;QACjD,MAAM,KAAK,GAA2B,IAAI,GAAG,EAAE,CAAA;QAC/C,MAAM,KAAK,GAAY;YACrB,KAAK,EAAE,EAAE;SACV,CAAA;QAED,SAAS,UAAU,CAAC,GAAW;YAC7B,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAA;YACpB,MAAM,IAAI,GAAG,eAAe,CAAC,EAAE,EAAE,GAAG,CAAC,CAAA;YACrC,KAAK,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,CAAA;QACrB,CAAC;QAED,MAAM,OAAO,GAAc;YACzB,OAAO;YACP,UAAU;YACV,KAAK;YACL,UAAU;SACX,CAAA;QAED,gFAAgF;QAChF,aAAa;QACb,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QACtC,MAAM,QAAQ,GAAG,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QAC1C,aAAa;QACb,MAAM,MAAM,GAAG,UAAU,CAAC,EAAO,EAAE,GAAG,QAAQ,CAAC,CAAA;QAC/C,MAAM,QAAQ,GAAG,YAAY,CAAC,MAAW,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,CAAA;QACnE,KAAK,CAAC,KAAK,GAAG,QAAQ,CAAA;QAEtB,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACpC,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,CAAU,CAAA;QACjE,CAAC;QAED,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC,CAAA;QACzD,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE,CAChE,YAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,CAC7B,CAAA;QAED,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAA;QAChC,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QAChD,MAAM,MAAM,GAAG,KAAK,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAA;QAC3E,MAAM,IAAI,GAAG,eAAe,CAAC,EAAE,EAAE,MAAM,CAAC,CAAA;QAExC,OAAO,CAAC,KAAK,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,EAAE,IAAI,CAAC,CAAU,CAAA;IACpD,CAAC,CAAA;AACH,CAAC;AAED,SAAS,YAAY,CACnB,KAAc,EACd,OAAsB,EACtB,QAAgC,EAAE,EAClC,OAAkB;IAElB,MAAM,SAAS,GAAG,MAAM,CACtB,OAAO,EACP,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,EACzC,KAAK,CACN,CAAA;IAED,MAAM,EAAE,OAAO,EAAE,GAAG,OAAO,CAAA;IAE3B,IAAI,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE;QAClC,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;YAChD,MAAM,QAAQ,GAAG,YAAY,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,CAAA;YAC7D,MAAM,IAAI,GAAG,OAAO;gBAClB,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC;gBACzD,CAAC,CAAC,IAAI,CAAC,QAAkB,CAAC,CAAA;YAC5B,KAAK,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAA;YAEtB,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;gBAC5B,MAAM,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,IAAI,OAAO,CAAA;gBAC1C,SAAS,CAAC,GAAoB,CAAC;oBAC7B,SAAS,IAAI,OAAO,KAAK,WAAW,IAAI,OAAO,QAAQ,GAAG,CAAA;YAC9D,CAAC,CAAC,CAAA;YAEF,OAAO,SAAS,CAAC,QAAQ,CAAC,CAAA;QAC5B,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,SAAS,CAAA;AAClB,CAAC;AAED,SAAS,YAAY,CAAC,IAAY;IAChC,OAAO,KAAK,IAAI,gBAAgB,IAAI,OAAO,CAAA;AAC7C,CAAC;AAED,SAAS,YAAY,CAAC,QAAgB,EAAE,IAAY;IAClD,MAAM,KAAK,GAAG,KAAK,IAAI,UAAU,IAAI,YAAY,CAAA;IAEjD,IAAI,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;QAC7B,OAAO,GAAG,QAAQ,MAAM,KAAK,IAAI,CAAA;IACnC,CAAC;IAED,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,IAAI,KAAK,GAAG,CAAA;AACpD,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export default function createStyleNode(id: string, css: string, nonce?: string): import("react").DetailedReactHTMLElement<{
|
|
2
|
+
dangerouslySetInnerHTML: {
|
|
3
|
+
__html: string;
|
|
4
|
+
};
|
|
5
|
+
precedence: string;
|
|
6
|
+
href: string;
|
|
7
|
+
key: string;
|
|
8
|
+
nonce: string | undefined;
|
|
9
|
+
}, HTMLElement>;
|
|
10
|
+
//# sourceMappingURL=createStyleNode.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createStyleNode.d.ts","sourceRoot":"","sources":["../../src/core/createStyleNode.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,eAAe,CACrC,EAAE,EAAE,MAAM,EACV,GAAG,EAAE,MAAM,EACX,KAAK,CAAC,EAAE,MAAM;;;;;;;;gBASf"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { createElement } from 'react';
|
|
2
|
+
export default function createStyleNode(id, css, nonce) {
|
|
3
|
+
return createElement('style', {
|
|
4
|
+
dangerouslySetInnerHTML: { __html: css },
|
|
5
|
+
precedence: 'low',
|
|
6
|
+
href: id,
|
|
7
|
+
key: id,
|
|
8
|
+
nonce,
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=createStyleNode.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createStyleNode.js","sourceRoot":"","sources":["../../src/core/createStyleNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,MAAM,CAAC,OAAO,UAAU,eAAe,CACrC,EAAU,EACV,GAAW,EACX,KAAc;IAEd,OAAO,aAAa,CAAC,OAAO,EAAE;QAC5B,uBAAuB,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE;QACxC,UAAU,EAAE,KAAK;QACjB,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK;KACN,CAAC,CAAA;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"extend.d.ts","sourceRoot":"","sources":["../../src/helpers/extend.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAElC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC,GAAG,OAAO,EACxC,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,CAAC,GACP,OAAO,CAET"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"extend.js","sourceRoot":"","sources":["../../src/helpers/extend.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,MAAM,CAC5B,SAAkB,EAClB,KAAQ;IAER,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAY,CAAA;AAC5C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"hash.d.ts","sourceRoot":"","sources":["../../src/helpers/hash.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAgBhD"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
// copied from restyle
|
|
2
|
+
export default function hash(str) {
|
|
3
|
+
let h = 0 ^ 0x811c9dc5;
|
|
4
|
+
for (let index = 0; index < str.length; index++) {
|
|
5
|
+
h ^= str.charCodeAt(index);
|
|
6
|
+
h = (h * 0x01000193) >>> 0;
|
|
7
|
+
}
|
|
8
|
+
const letters = 'abcdefghijklmnopqrstuvwxyz';
|
|
9
|
+
const base36 = '0123456789' + letters;
|
|
10
|
+
let result = '';
|
|
11
|
+
do {
|
|
12
|
+
result = base36[h % 36] + result;
|
|
13
|
+
h = Math.floor(h / 36);
|
|
14
|
+
} while (h > 0);
|
|
15
|
+
return result;
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=hash.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"hash.js","sourceRoot":"","sources":["../../src/helpers/hash.ts"],"names":[],"mappings":"AAAA,sBAAsB;AACtB,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,GAAW;IACtC,IAAI,CAAC,GAAG,CAAC,GAAG,UAAU,CAAA;IACtB,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,GAAG,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC;QAChD,CAAC,IAAI,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;QAC1B,CAAC,GAAG,CAAC,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;IAC5B,CAAC;IAED,MAAM,OAAO,GAAG,4BAA4B,CAAA;IAC5C,MAAM,MAAM,GAAG,YAAY,GAAG,OAAO,CAAA;IACrC,IAAI,MAAM,GAAG,EAAE,CAAA;IACf,GAAG,CAAC;QACF,MAAM,GAAG,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,MAAM,CAAA;QAChC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAA;IACxB,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAC;IAEf,OAAO,MAAM,CAAA;AACf,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,12 +1,18 @@
|
|
|
1
|
-
export { default as createRenderer
|
|
2
|
-
export { default as
|
|
3
|
-
export { default as
|
|
4
|
-
export { default as
|
|
5
|
-
export { default as prefixerPlugin, fallbacks as prefixerFallbacks, } from './plugins/prefixer';
|
|
6
|
-
export { default as debugPlugin } from './plugins/debug';
|
|
1
|
+
export { default as createRenderer } from './core/createRenderer';
|
|
2
|
+
export { default as customPropertyPlugin, type T_CustomStyle, } from './plugins/customProperty';
|
|
3
|
+
export { default as debugPlugin, type T_DebugStyle } from './plugins/debug';
|
|
4
|
+
export { default as embeddedPlugin, type T_EmbeddedStyle, } from './plugins/embedded';
|
|
7
5
|
export { default as enforceLonghandPlugin } from './plugins/enforceLonghand';
|
|
6
|
+
export { default as fallbackValuePlugin, type T_Fallback, } from './plugins/fallbackValue';
|
|
7
|
+
export { default as loggerPlugin } from './plugins/logger';
|
|
8
|
+
export { default as prefixerPlugin, fallbacks as prefixerFallbacks, } from './plugins/prefixer';
|
|
9
|
+
export { default as pseudoElementPlugin } from './plugins/pseudoElement';
|
|
10
|
+
export { default as responsiveValuePlugin, responsiveValue, type T_ResponsiveValue, type T_ResponsiveStyle, } from './plugins/responsiveValue';
|
|
11
|
+
export { default as rtlPlugin } from './plugins/rtl';
|
|
12
|
+
export { default as sortConditionPlugin, sortMobileFirst, } from './plugins/sortCondition';
|
|
8
13
|
export { default as sortPropertyPlugin } from './plugins/sortProperty';
|
|
9
14
|
export { default as unitPlugin } from './plugins/unit';
|
|
15
|
+
export { default as extend } from './helpers/extend';
|
|
10
16
|
export { default as useCSSVariable } from './helpers/useCSSVariable';
|
|
11
|
-
export
|
|
17
|
+
export type { T_Style } from './types';
|
|
12
18
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAGjE,OAAO,EACL,OAAO,IAAI,oBAAoB,EAC/B,KAAK,aAAa,GACnB,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC3E,OAAO,EACL,OAAO,IAAI,cAAc,EACzB,KAAK,eAAe,GACrB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AAC5E,OAAO,EACL,OAAO,IAAI,mBAAmB,EAC9B,KAAK,UAAU,GAChB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,EACL,OAAO,IAAI,cAAc,EACzB,SAAS,IAAI,iBAAiB,GAC/B,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AACxE,OAAO,EACL,OAAO,IAAI,qBAAqB,EAChC,eAAe,EACf,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,GACvB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EACL,OAAO,IAAI,mBAAmB,EAC9B,eAAe,GAChB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAGtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAGpE,YAAY,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -1,11 +1,19 @@
|
|
|
1
|
-
export { default as createRenderer
|
|
2
|
-
|
|
3
|
-
export { default as
|
|
4
|
-
export { default as responsiveValuePlugin, responsiveValue, } from './plugins/responsiveValue';
|
|
5
|
-
export { default as prefixerPlugin, fallbacks as prefixerFallbacks, } from './plugins/prefixer';
|
|
1
|
+
export { default as createRenderer } from './core/createRenderer';
|
|
2
|
+
// plugins
|
|
3
|
+
export { default as customPropertyPlugin, } from './plugins/customProperty';
|
|
6
4
|
export { default as debugPlugin } from './plugins/debug';
|
|
5
|
+
export { default as embeddedPlugin, } from './plugins/embedded';
|
|
7
6
|
export { default as enforceLonghandPlugin } from './plugins/enforceLonghand';
|
|
7
|
+
export { default as fallbackValuePlugin, } from './plugins/fallbackValue';
|
|
8
|
+
export { default as loggerPlugin } from './plugins/logger';
|
|
9
|
+
export { default as prefixerPlugin, fallbacks as prefixerFallbacks, } from './plugins/prefixer';
|
|
10
|
+
export { default as pseudoElementPlugin } from './plugins/pseudoElement';
|
|
11
|
+
export { default as responsiveValuePlugin, responsiveValue, } from './plugins/responsiveValue';
|
|
12
|
+
export { default as rtlPlugin } from './plugins/rtl';
|
|
13
|
+
export { default as sortConditionPlugin, sortMobileFirst, } from './plugins/sortCondition';
|
|
8
14
|
export { default as sortPropertyPlugin } from './plugins/sortProperty';
|
|
9
15
|
export { default as unitPlugin } from './plugins/unit';
|
|
16
|
+
// helpers
|
|
17
|
+
export { default as extend } from './helpers/extend';
|
|
10
18
|
export { default as useCSSVariable } from './helpers/useCSSVariable';
|
|
11
19
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAEjE,UAAU;AACV,OAAO,EACL,OAAO,IAAI,oBAAoB,GAEhC,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAqB,MAAM,iBAAiB,CAAA;AAC3E,OAAO,EACL,OAAO,IAAI,cAAc,GAE1B,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AAC5E,OAAO,EACL,OAAO,IAAI,mBAAmB,GAE/B,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,EACL,OAAO,IAAI,cAAc,EACzB,SAAS,IAAI,iBAAiB,GAC/B,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AACxE,OAAO,EACL,OAAO,IAAI,qBAAqB,EAChC,eAAe,GAGhB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EACL,OAAO,IAAI,mBAAmB,EAC9B,eAAe,GAChB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAEtD,UAAU;AACV,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAA"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { T_Context, T_Style } from '../types';
|
|
2
|
+
export type T_CustomStyle<T extends Record<string, (value: any) => T_Style>> = Partial<Record<keyof T, Parameters<T[keyof T]>[0]>>;
|
|
3
|
+
export default function customPropertyPlugin<T extends Record<string, (value: any) => T_Style>>(properties: T): <T_1 extends Record<string, any> = T_Style>(style: T_1, context: T_Context) => T_Style;
|
|
4
|
+
//# sourceMappingURL=customProperty.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"customProperty.d.ts","sourceRoot":"","sources":["../../src/plugins/customProperty.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAE7C,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,OAAO,CAAC,IACzE,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;AAErD,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAC1C,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,OAAO,CAAC,EACjD,UAAU,EAAE,CAAC,IACkB,GAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,OAAO,EACpE,OAAO,GAAC,EACR,SAAS,SAAS,aAIrB"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { each } from '@weser/object';
|
|
2
|
+
import isPlainObject from 'isobject';
|
|
3
|
+
export default function customPropertyPlugin(properties) {
|
|
4
|
+
return function customProperty(style, context) {
|
|
5
|
+
return resolveCustomProperty(style, properties, context);
|
|
6
|
+
};
|
|
7
|
+
}
|
|
8
|
+
function resolveCustomProperty(style, properties, context) {
|
|
9
|
+
each(style, (value, property) => {
|
|
10
|
+
if (properties.hasOwnProperty(property)) {
|
|
11
|
+
const resolved = properties[property](value);
|
|
12
|
+
context.mergeStyle(style, resolved);
|
|
13
|
+
if (!resolved.hasOwnProperty(property)) {
|
|
14
|
+
delete style[property];
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
if (style.hasOwnProperty(property) && isPlainObject(value)) {
|
|
18
|
+
style[property] = resolveCustomProperty(value, properties, context);
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
return style;
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=customProperty.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"customProperty.js","sourceRoot":"","sources":["../../src/plugins/customProperty.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,aAAa,MAAM,UAAU,CAAA;AAOpC,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAE1C,UAAa;IACb,OAAO,SAAS,cAAc,CAC5B,KAAQ,EACR,OAAkB;QAElB,OAAO,qBAAqB,CAAC,KAAK,EAAE,UAAU,EAAE,OAAO,CAAC,CAAA;IAC1D,CAAC,CAAA;AACH,CAAC;AAED,SAAS,qBAAqB,CAE5B,KAAc,EAAE,UAAa,EAAE,OAAkB;IACjD,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE;QAC9B,IAAI,UAAU,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;YACxC,MAAM,QAAQ,GAAG,UAAU,CAAC,QAAmB,CAAC,CAAC,KAAK,CAAC,CAAA;YACvD,OAAO,CAAC,UAAU,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;YAEnC,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;gBACvC,OAAO,KAAK,CAAC,QAAQ,CAAC,CAAA;YACxB,CAAC;QACH,CAAC;QAED,IAAI,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;YAC3D,KAAK,CAAC,QAAQ,CAAC,GAAG,qBAAqB,CAAC,KAAK,EAAE,UAAU,EAAE,OAAO,CAAC,CAAA;QACrE,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,KAAK,CAAA;AACd,CAAC"}
|
package/dist/plugins/debug.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { Config } from 'styles-debugger';
|
|
2
|
-
import {
|
|
3
|
-
export
|
|
1
|
+
import { type Config } from 'styles-debugger';
|
|
2
|
+
import { T_Style } from '../types';
|
|
3
|
+
export type T_DebugStyle = {
|
|
4
4
|
debug?: boolean;
|
|
5
|
-
}
|
|
5
|
+
};
|
|
6
|
+
export default function debugPlugin<T = T_Style>(autoActive?: boolean, config?: Config): (style: T & T_DebugStyle) => any;
|
|
6
7
|
//# sourceMappingURL=debug.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"debug.d.ts","sourceRoot":"","sources":["../../src/plugins/debug.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,MAAM,
|
|
1
|
+
{"version":3,"file":"debug.d.ts","sourceRoot":"","sources":["../../src/plugins/debug.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,MAAM,EACZ,MAAM,iBAAiB,CAAA;AAExB,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAElC,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,CAAC,GAAG,OAAO,EAC7C,UAAU,UAAO,EACjB,MAAM,GAAE,MAAW,IAIG,OAAO,CAAC,GAAG,YAAY,SAY9C"}
|
package/dist/plugins/debug.js
CHANGED
|
@@ -3,7 +3,7 @@ export default function debugPlugin(autoActive = true, config = {}) {
|
|
|
3
3
|
const debugStyle = createStylesDebugger(config);
|
|
4
4
|
return function debug(style) {
|
|
5
5
|
if (autoActive || style?.debug) {
|
|
6
|
-
const { debug, ...rest } = style;
|
|
6
|
+
const { debug: _, ...rest } = style;
|
|
7
7
|
return {
|
|
8
8
|
...rest,
|
|
9
9
|
...debugStyle(),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"debug.js","sourceRoot":"","sources":["../../src/plugins/debug.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,IAAI,oBAAoB,GAE7C,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"debug.js","sourceRoot":"","sources":["../../src/plugins/debug.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,IAAI,oBAAoB,GAE7C,MAAM,iBAAiB,CAAA;AAQxB,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,UAAU,GAAG,IAAI,EACjB,SAAiB,EAAE;IAEnB,MAAM,UAAU,GAAG,oBAAoB,CAAC,MAAM,CAAC,CAAA;IAE/C,OAAO,SAAS,KAAK,CAAC,KAAuB;QAC3C,IAAI,UAAU,IAAI,KAAK,EAAE,KAAK,EAAE,CAAC;YAC/B,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;YAEnC,OAAO;gBACL,GAAG,IAAI;gBACP,GAAG,UAAU,EAAE;aAChB,CAAA;QACH,CAAC;QAED,OAAO,KAAK,CAAA;IACd,CAAC,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type T_Keyframe } from '@weser/keyframe';
|
|
2
|
+
import { T_Context, T_Style } from '../types';
|
|
3
|
+
export type T_EmbeddedStyle = Omit<T_Style, 'animationName'> & {
|
|
4
|
+
animationName?: T_Style['animationName'] | T_Keyframe;
|
|
5
|
+
};
|
|
6
|
+
export default function embeddedPlugin<T extends Record<string, any> = T_Style>(): (style: T, context: T_Context) => T;
|
|
7
|
+
//# sourceMappingURL=embedded.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"embedded.d.ts","sourceRoot":"","sources":["../../src/plugins/embedded.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAGjE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAE7C,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,OAAO,EAAE,eAAe,CAAC,GAAG;IAC7D,aAAa,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,UAAU,CAAA;CACtD,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CACpC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,OAAO,MAEd,OAAO,CAAC,EAAE,SAAS,SAAS,OAGtD"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { createKeyframe } from '@weser/keyframe';
|
|
2
|
+
import { each } from '@weser/object';
|
|
3
|
+
export default function embeddedPlugin() {
|
|
4
|
+
return function embedded(style, context) {
|
|
5
|
+
return resolveEmbedded(style, context);
|
|
6
|
+
};
|
|
7
|
+
}
|
|
8
|
+
function resolveEmbedded(style, context) {
|
|
9
|
+
each(style, (value, property) => {
|
|
10
|
+
if (typeof value === 'object' && value !== null) {
|
|
11
|
+
if (property === 'animationName') {
|
|
12
|
+
const [keyframe, node] = createKeyframe(value);
|
|
13
|
+
context.createNode(node.props.dangerouslySetInnerHTML.__html);
|
|
14
|
+
style[property] = keyframe;
|
|
15
|
+
}
|
|
16
|
+
else {
|
|
17
|
+
style[property] = resolveEmbedded(value, context);
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
return style;
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=embedded.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"embedded.js","sourceRoot":"","sources":["../../src/plugins/embedded.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAmB,MAAM,iBAAiB,CAAA;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAQpC,MAAM,CAAC,OAAO,UAAU,cAAc;IAGpC,OAAO,SAAS,QAAQ,CAAC,KAAQ,EAAE,OAAkB;QACnD,OAAO,eAAe,CAAI,KAAK,EAAE,OAAO,CAAC,CAAA;IAC3C,CAAC,CAAA;AACH,CAAC;AAED,SAAS,eAAe,CACtB,KAAQ,EACR,OAAkB;IAElB,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE;QAC9B,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;YAChD,IAAI,QAAQ,KAAK,eAAe,EAAE,CAAC;gBACjC,MAAM,CAAC,QAAQ,EAAE,IAAI,CAAC,GAAG,cAAc,CAAC,KAAK,CAAC,CAAA;gBAC9C,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAA;gBAC7D,KAAK,CAAC,QAAQ,CAAC,GAAG,QAAe,CAAA;YACnC,CAAC;iBAAM,CAAC;gBACN,KAAK,CAAC,QAAQ,CAAC,GAAG,eAAe,CAAC,KAAK,EAAE,OAAO,CAAC,CAAA;YACnD,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,KAAK,CAAA;AACd,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type T_Style } from '../types';
|
|
2
2
|
type BorderMode = 'none' | 'longhand' | 'directional';
|
|
3
|
-
export default function enforceLonghandPlugin<T extends
|
|
3
|
+
export default function enforceLonghandPlugin<T extends T_Style>(borderMode?: BorderMode): (style: T) => T;
|
|
4
4
|
export {};
|
|
5
5
|
//# sourceMappingURL=enforceLonghand.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"enforceLonghand.d.ts","sourceRoot":"","sources":["../../src/plugins/enforceLonghand.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"enforceLonghand.d.ts","sourceRoot":"","sources":["../../src/plugins/enforceLonghand.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,UAAU,CAAA;AAEvC,KAAK,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,aAAa,CAAA;AACrD,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,CAAC,SAAS,OAAO,EAC7D,UAAU,GAAE,UAAmB,mBAShC"}
|
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
import sortProperty from './sortProperty';
|
|
2
|
-
function
|
|
3
|
-
|
|
2
|
+
export default function enforceLonghandPlugin(borderMode = 'none') {
|
|
3
|
+
const propertyPriority = getPropertyPriority({
|
|
4
|
+
borderDirectional: borderMode === 'directional' ? 3 : 2,
|
|
5
|
+
borderLonghand: borderMode === 'longhand' ? 3 : 2,
|
|
6
|
+
borderDirectionalLonghand: borderMode === 'none' ? 3 : 4,
|
|
7
|
+
});
|
|
8
|
+
return sortProperty(propertyPriority);
|
|
4
9
|
}
|
|
5
10
|
function getPropertyPriority({ borderLonghand, borderDirectional, borderDirectionalLonghand, }) {
|
|
6
11
|
const propertyPriority = {
|
|
@@ -97,12 +102,7 @@ function getPropertyPriority({ borderLonghand, borderDirectional, borderDirectio
|
|
|
97
102
|
return acc;
|
|
98
103
|
}, propertyPriority);
|
|
99
104
|
}
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
borderDirectional: borderMode === 'directional' ? 3 : 2,
|
|
103
|
-
borderLonghand: borderMode === 'longhand' ? 3 : 2,
|
|
104
|
-
borderDirectionalLonghand: borderMode === 'none' ? 3 : 4,
|
|
105
|
-
});
|
|
106
|
-
return sortProperty(propertyPriority);
|
|
105
|
+
function capitalize(str) {
|
|
106
|
+
return str.charAt(0).toUpperCase() + str.slice(1);
|
|
107
107
|
}
|
|
108
108
|
//# sourceMappingURL=enforceLonghand.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"enforceLonghand.js","sourceRoot":"","sources":["../../src/plugins/enforceLonghand.ts"],"names":[],"mappings":"AAAA,OAAO,YAAuC,MAAM,gBAAgB,CAAA;AAIpE,
|
|
1
|
+
{"version":3,"file":"enforceLonghand.js","sourceRoot":"","sources":["../../src/plugins/enforceLonghand.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { T_Context, T_Style } from '../types';
|
|
2
|
+
export type T_Fallback = {
|
|
3
|
+
property: Array<keyof T_Style>;
|
|
4
|
+
fallback: (value: string) => Array<string> | undefined;
|
|
5
|
+
};
|
|
6
|
+
export default function fallbackValuePlugin(fallbacks?: Array<T_Fallback>): (style: T_Style, context: T_Context) => T_Style;
|
|
7
|
+
//# sourceMappingURL=fallbackValue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fallbackValue.d.ts","sourceRoot":"","sources":["../../src/plugins/fallbackValue.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAE7C,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,EAAE,KAAK,CAAC,MAAM,OAAO,CAAC,CAAA;IAC9B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,MAAM,CAAC,GAAG,SAAS,CAAA;CACvD,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,SAAS,GAAE,KAAK,CAAC,UAAU,CAAM,IAC7C,OAAO,OAAO,EAAE,SAAS,SAAS,aAGjE"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { each } from '@weser/object';
|
|
2
|
+
import { hyphenateProperty } from 'css-in-js-utils';
|
|
3
|
+
import isPlainObject from 'isobject';
|
|
4
|
+
export default function fallbackValuePlugin(fallbacks = []) {
|
|
5
|
+
return function fallbackValue(style, context) {
|
|
6
|
+
return resolveFallbackValue(style, fallbacks, context);
|
|
7
|
+
};
|
|
8
|
+
}
|
|
9
|
+
function resolveFallbackValue(style, fallbacks, context) {
|
|
10
|
+
each(style, (value, property) => {
|
|
11
|
+
if (isPlainObject(value)) {
|
|
12
|
+
style[property] = resolveFallbackValue(value, fallbacks, context);
|
|
13
|
+
}
|
|
14
|
+
else {
|
|
15
|
+
const fallback = fallbacks.find((fallback) => fallback.property.includes(property) && fallback.fallback(value));
|
|
16
|
+
if (fallback) {
|
|
17
|
+
const values = fallback.fallback(value) ?? [];
|
|
18
|
+
const css = getFallbackCSS(property, values, value);
|
|
19
|
+
const variable = getFallbackVariable(property, value);
|
|
20
|
+
context.createNode(css);
|
|
21
|
+
style[property] = `var(${variable})`;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
return style;
|
|
26
|
+
}
|
|
27
|
+
function getFallbackCSS(property, values, value) {
|
|
28
|
+
const rootCSS = `:root {${getFallbackVariable(property, value)}:;}`;
|
|
29
|
+
const supportsCSS = values.map((item) => `@supports (${hyphenateProperty(property)}:${item}){:root{${getFallbackVariable(property, value)}:${item}}}`);
|
|
30
|
+
return rootCSS + supportsCSS.join('');
|
|
31
|
+
}
|
|
32
|
+
function getFallbackVariable(property, value) {
|
|
33
|
+
return '--' + property + '-' + value;
|
|
34
|
+
}
|
|
35
|
+
//# sourceMappingURL=fallbackValue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fallbackValue.js","sourceRoot":"","sources":["../../src/plugins/fallbackValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,aAAa,MAAM,UAAU,CAAA;AASpC,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,YAA+B,EAAE;IAC3E,OAAO,SAAS,aAAa,CAAC,KAAc,EAAE,OAAkB;QAC9D,OAAO,oBAAoB,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,CAAA;IACxD,CAAC,CAAA;AACH,CAAC;AAED,SAAS,oBAAoB,CAC3B,KAAc,EACd,SAA4B,EAC5B,OAAkB;IAElB,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE;QAC9B,IAAI,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,KAAK,CAAC,QAAQ,CAAC,GAAG,oBAAoB,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,CAAA;QACnE,CAAC;aAAM,CAAC;YACN,MAAM,QAAQ,GAAG,SAAS,CAAC,IAAI,CAC7B,CAAC,QAAQ,EAAE,EAAE,CACX,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CACnE,CAAA;YAED,IAAI,QAAQ,EAAE,CAAC;gBACb,MAAM,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,CAAA;gBAC7C,MAAM,GAAG,GAAG,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,CAAA;gBACnD,MAAM,QAAQ,GAAG,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;gBACrD,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CAAA;gBACvB,KAAK,CAAC,QAAQ,CAAC,GAAG,OAAO,QAAQ,GAAG,CAAA;YACtC,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,KAAK,CAAA;AACd,CAAC;AAED,SAAS,cAAc,CACrB,QAAgB,EAChB,MAAqB,EACrB,KAAa;IAEb,MAAM,OAAO,GAAG,UAAU,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAA;IAEnE,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAC5B,CAAC,IAAI,EAAE,EAAE,CACP,cAAc,iBAAiB,CAAC,QAAQ,CAAC,IAAI,IAAI,WAAW,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC,IAAI,IAAI,IAAI,CAC/G,CAAA;IAED,OAAO,OAAO,GAAG,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACvC,CAAC;AAED,SAAS,mBAAmB,CAAC,QAAgB,EAAE,KAAa;IAC1D,OAAO,IAAI,GAAG,QAAQ,GAAG,GAAG,GAAG,KAAK,CAAA;AACtC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"logger.d.ts","sourceRoot":"","sources":["../../src/plugins/logger.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAElC,KAAK,MAAM,GAAG;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AACD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,MAAM,GAAE,MAAW,IAGzB,OAAO,OAAO,aAYtC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export default function logger(config = {}) {
|
|
2
|
+
const { prefix, stringify = false, clone = true } = config;
|
|
3
|
+
return function logger(style) {
|
|
4
|
+
const cloned = clone ? { ...style } : style;
|
|
5
|
+
const value = stringify ? JSON.stringify(cloned) : cloned;
|
|
6
|
+
if (prefix) {
|
|
7
|
+
console.log(prefix, value);
|
|
8
|
+
}
|
|
9
|
+
else {
|
|
10
|
+
console.log(value);
|
|
11
|
+
}
|
|
12
|
+
return style;
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=logger.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"logger.js","sourceRoot":"","sources":["../../src/plugins/logger.ts"],"names":[],"mappings":"AAOA,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,SAAiB,EAAE;IAChD,MAAM,EAAE,MAAM,EAAE,SAAS,GAAG,KAAK,EAAE,KAAK,GAAG,IAAI,EAAE,GAAG,MAAM,CAAA;IAE1D,OAAO,SAAS,MAAM,CAAC,KAAc;QACnC,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAA;QAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAA;QAEzD,IAAI,MAAM,EAAE,CAAC;YACX,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;QAC5B,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;QACpB,CAAC;QAED,OAAO,KAAK,CAAA;IACd,CAAC,CAAA;AACH,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { type
|
|
2
|
-
|
|
1
|
+
import { type T_Style } from '../types';
|
|
2
|
+
import { type T_Fallback } from './fallbackValue';
|
|
3
|
+
export default function prefixerPlugin(): (style: T_Style) => T_Style;
|
|
3
4
|
export declare const fallbacks: Array<T_Fallback>;
|
|
4
5
|
//# sourceMappingURL=prefixer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prefixer.d.ts","sourceRoot":"","sources":["../../src/plugins/prefixer.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"prefixer.d.ts","sourceRoot":"","sources":["../../src/plugins/prefixer.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAEjD,MAAM,CAAC,OAAO,UAAU,cAAc,KACF,OAAO,OAAO,aAiBjD;AACD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,UAAU,CA+BvC,CAAA"}
|
package/dist/plugins/prefixer.js
CHANGED
|
@@ -1,4 +1,55 @@
|
|
|
1
|
+
import { each } from '@weser/object';
|
|
1
2
|
import isObject from 'isobject';
|
|
3
|
+
export default function prefixerPlugin() {
|
|
4
|
+
return function addVendorPrefixes(style) {
|
|
5
|
+
const prefixed = {};
|
|
6
|
+
each(style, (value, property) => {
|
|
7
|
+
if (isObject(value)) {
|
|
8
|
+
prefixed[property] = addVendorPrefixes(value);
|
|
9
|
+
}
|
|
10
|
+
else {
|
|
11
|
+
if (prefixes[property]) {
|
|
12
|
+
const prefixedProperty = prefixes[property] + capitalize(property);
|
|
13
|
+
prefixed[prefixedProperty] = value;
|
|
14
|
+
}
|
|
15
|
+
prefixed[property] = value;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
return prefixed;
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
export const fallbacks = [
|
|
22
|
+
{
|
|
23
|
+
property: [
|
|
24
|
+
'width',
|
|
25
|
+
'minWidth',
|
|
26
|
+
'maxWidth',
|
|
27
|
+
'height',
|
|
28
|
+
'minHeight',
|
|
29
|
+
'maxHeight',
|
|
30
|
+
],
|
|
31
|
+
fallback: (value) => {
|
|
32
|
+
if (value === 'min-content') {
|
|
33
|
+
return ['-webkit-min-content', 'min-content'];
|
|
34
|
+
}
|
|
35
|
+
},
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
property: [
|
|
39
|
+
'width',
|
|
40
|
+
'minWidth',
|
|
41
|
+
'maxWidth',
|
|
42
|
+
'height',
|
|
43
|
+
'minHeight',
|
|
44
|
+
'maxHeight',
|
|
45
|
+
],
|
|
46
|
+
fallback: (value) => {
|
|
47
|
+
if (value === 'max-content') {
|
|
48
|
+
return ['-webkit-max-content', 'max-content'];
|
|
49
|
+
}
|
|
50
|
+
},
|
|
51
|
+
},
|
|
52
|
+
];
|
|
2
53
|
function capitalize(str) {
|
|
3
54
|
return str.charAt(0).toUpperCase() + str.slice(1);
|
|
4
55
|
}
|
|
@@ -41,50 +92,4 @@ const prefixes = {
|
|
|
41
92
|
textDecorationLine: w,
|
|
42
93
|
textDecorationColor: w,
|
|
43
94
|
};
|
|
44
|
-
export default function prefixerPlugin() {
|
|
45
|
-
return function addVendorPrefixes(style) {
|
|
46
|
-
const prefixed = {};
|
|
47
|
-
for (const property in style) {
|
|
48
|
-
const value = style[property];
|
|
49
|
-
if (isObject(value)) {
|
|
50
|
-
// @ts-ignore
|
|
51
|
-
prefixed[property] = addVendorPrefixes(value);
|
|
52
|
-
}
|
|
53
|
-
else {
|
|
54
|
-
// @ts-ignore
|
|
55
|
-
if (prefixes[property]) {
|
|
56
|
-
// @ts-ignore
|
|
57
|
-
prefixed[prefixes[property] + capitalize(property)] = value;
|
|
58
|
-
}
|
|
59
|
-
// @ts-ignore
|
|
60
|
-
prefixed[property] = value;
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
return prefixed;
|
|
64
|
-
};
|
|
65
|
-
}
|
|
66
|
-
export const fallbacks = [
|
|
67
|
-
{
|
|
68
|
-
property: [
|
|
69
|
-
'width',
|
|
70
|
-
'minWidth',
|
|
71
|
-
'maxWidth',
|
|
72
|
-
'height',
|
|
73
|
-
'minHeight',
|
|
74
|
-
'maxHeight',
|
|
75
|
-
],
|
|
76
|
-
values: ['-webkit-min-content', 'min-content'],
|
|
77
|
-
},
|
|
78
|
-
{
|
|
79
|
-
property: [
|
|
80
|
-
'width',
|
|
81
|
-
'minWidth',
|
|
82
|
-
'maxWidth',
|
|
83
|
-
'height',
|
|
84
|
-
'minHeight',
|
|
85
|
-
'maxHeight',
|
|
86
|
-
],
|
|
87
|
-
values: ['-webkit-max-content', 'max-content'],
|
|
88
|
-
},
|
|
89
|
-
];
|
|
90
95
|
//# sourceMappingURL=prefixer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prefixer.js","sourceRoot":"","sources":["../../src/plugins/prefixer.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"prefixer.js","sourceRoot":"","sources":["../../src/plugins/prefixer.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pseudoElement.d.ts","sourceRoot":"","sources":["../../src/plugins/pseudoElement.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAI7C,MAAM,CAAC,OAAO,UAAU,mBAAmB,KACX,OAAO,OAAO,EAAE,SAAS,SAAS,aAuBjE"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { each } from '@weser/object';
|
|
2
|
+
import { cssifyObject } from 'css-in-js-utils';
|
|
3
|
+
import isPlainObject from 'isobject';
|
|
4
|
+
import hash from '../helpers/hash';
|
|
5
|
+
export default function pseudoElementPlugin() {
|
|
6
|
+
return function pseudoElement(style, context) {
|
|
7
|
+
return resolvePseudoElement(style, context);
|
|
8
|
+
};
|
|
9
|
+
function resolvePseudoElement(style, context) {
|
|
10
|
+
each(style, (value, property) => {
|
|
11
|
+
if (isPlainObject(value)) {
|
|
12
|
+
if (property.startsWith('::')) {
|
|
13
|
+
const css = cssifyObject(value);
|
|
14
|
+
const id = hash(css);
|
|
15
|
+
context.createNode(`[data-style-id="${id}"]${property} {${css}}`);
|
|
16
|
+
context.props['data-style-id'] = id;
|
|
17
|
+
delete style[property];
|
|
18
|
+
}
|
|
19
|
+
else {
|
|
20
|
+
style[property] = resolvePseudoElement(value, context);
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
return style;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
//# sourceMappingURL=pseudoElement.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pseudoElement.js","sourceRoot":"","sources":["../../src/plugins/pseudoElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAG9C,OAAO,aAAa,MAAM,UAAU,CAAA;AACpC,OAAO,IAAI,MAAM,iBAAiB,CAAA;AAElC,MAAM,CAAC,OAAO,UAAU,mBAAmB;IACzC,OAAO,SAAS,aAAa,CAAC,KAAc,EAAE,OAAkB;QAC9D,OAAO,oBAAoB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAA;IAC7C,CAAC,CAAA;IAED,SAAS,oBAAoB,CAAC,KAAc,EAAE,OAAkB;QAC9D,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE;YAC9B,IAAI,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;gBACzB,IAAI,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;oBAC9B,MAAM,GAAG,GAAG,YAAY,CAAC,KAAK,CAAC,CAAA;oBAE/B,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAA;oBACpB,OAAO,CAAC,UAAU,CAAC,mBAAmB,EAAE,KAAK,QAAQ,KAAK,GAAG,GAAG,CAAC,CAAA;oBACjE,OAAO,CAAC,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE,CAAA;oBAEnC,OAAO,KAAK,CAAC,QAAQ,CAAC,CAAA;gBACxB,CAAC;qBAAM,CAAC;oBACN,KAAK,CAAC,QAAQ,CAAC,GAAG,oBAAoB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAA;gBACxD,CAAC;YACH,CAAC;QACH,CAAC,CAAC,CAAA;QAEF,OAAO,KAAK,CAAA;IACd,CAAC;AACH,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"responsiveValue.js","sourceRoot":"","sources":["../../src/plugins/responsiveValue.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"responsiveValue.js","sourceRoot":"","sources":["../../src/plugins/responsiveValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,aAAa,MAAM,UAAU,CAAA;AAUpC,MAAM,UAAU,eAAe,CAAI,KAA2B;IAC5D,OAAO,KAAU,CAAA;AACnB,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAC3C,YAA2B;IAE3B,OAAO,SAAS,eAAe,CAAC,KAAQ;QACtC,OAAO,uBAAuB,CAAI,KAAK,EAAE,YAAY,CAAC,CAAA;IACxD,CAAC,CAAA;AACH,CAAC;AAED,SAAS,uBAAuB,CAC9B,KAAQ,EACR,YAA2B;IAE3B,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE,CAAC;QACxB,MAAM,QAAQ,GAAG,GAAyB,CAAA;QAC1C,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAA;QAE7B,IAAI,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,aAAa;YACb,KAAK,CAAC,QAAQ,CAAC,GAAG,uBAAuB,CAAC,KAAK,EAAE,YAAY,CAAC,CAAA;QAChE,CAAC;QAED,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,MAAM,CAAC,YAAY,EAAE,GAAG,WAAW,CAAC,GAAG,KAAK,CAAA;YAC5C,aAAa;YACb,KAAK,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAA;YAE9B,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBACjE,IAAI,WAAW,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,WAAW,CAAC,KAAK,CAAC,KAAK,SAAS,EAAE,CAAC;oBACpE,aAAa;oBACb,WAAW,CAAC,KAAK,EAAE;wBACjB,CAAC,KAAK,CAAC,EAAE;4BACP,CAAC,QAAQ,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC;yBAC/B;qBACF,CAAC,CAAA;gBACJ,CAAC;YACH,CAAC,CAAC,CAAA;QACJ,CAAC;IACH,CAAC;IAED,OAAO,KAAK,CAAA;AACd,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"rtl.d.ts","sourceRoot":"","sources":["../../src/plugins/rtl.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAElC,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,CAAC,SAAS,OAAO,EAAE,gBAAgB,SAAQ,IACvD,OAAO,CAAC,OAS7B"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import transformStyle from 'rtl-css-js';
|
|
2
|
+
export default function rtlPlugin(defaultDirection = 'rtl') {
|
|
3
|
+
return function rtl(style) {
|
|
4
|
+
const direction = defaultDirection;
|
|
5
|
+
if (direction === 'rtl') {
|
|
6
|
+
return transformStyle(style);
|
|
7
|
+
}
|
|
8
|
+
return style;
|
|
9
|
+
};
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=rtl.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"rtl.js","sourceRoot":"","sources":["../../src/plugins/rtl.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,YAAY,CAAA;AAIvC,MAAM,CAAC,OAAO,UAAU,SAAS,CAAoB,gBAAgB,GAAG,KAAK;IAC3E,OAAO,SAAS,GAAG,CAAC,KAAQ;QAC1B,MAAM,SAAS,GAAG,gBAAgB,CAAA;QAElC,IAAI,SAAS,KAAK,KAAK,EAAE,CAAC;YACxB,OAAO,cAAc,CAAC,KAAK,CAAC,CAAA;QAC9B,CAAC;QAED,OAAO,KAAK,CAAA;IACd,CAAC,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { T_Style } from '../types';
|
|
2
|
+
export default function sortConditionPlugin(sortFn: (left: string, right: string) => number): (style: T_Style) => T_Style;
|
|
3
|
+
export declare function sortMobileFirst(left: string, right: string): number;
|
|
4
|
+
//# sourceMappingURL=sortCondition.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sortCondition.d.ts","sourceRoot":"","sources":["../../src/plugins/sortCondition.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAElC,MAAM,CAAC,OAAO,UAAU,mBAAmB,CACzC,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,IAEjB,OAAO,OAAO,aAmB7C;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,UAsD1D"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { each } from '@weser/array';
|
|
2
|
+
import isPlainObject from 'isobject';
|
|
3
|
+
import sortCSSMediaQueries from 'sort-css-media-queries';
|
|
4
|
+
export default function sortConditionPlugin(sortFn) {
|
|
5
|
+
return function sortCondition(style) {
|
|
6
|
+
const sorted = {};
|
|
7
|
+
const entries = Object.entries(style);
|
|
8
|
+
const primitive = entries.filter(([_, value]) => !isPlainObject(value));
|
|
9
|
+
const nested = entries.filter(([_, value]) => isPlainObject(value));
|
|
10
|
+
each(primitive, ([property, value]) => {
|
|
11
|
+
sorted[property] = value;
|
|
12
|
+
});
|
|
13
|
+
const sortedNested = nested.sort((left, right) => sortFn(left[0], right[0]));
|
|
14
|
+
each(sortedNested, ([property, value]) => {
|
|
15
|
+
sorted[property] = sortCondition(value);
|
|
16
|
+
});
|
|
17
|
+
return sorted;
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
export function sortMobileFirst(left, right) {
|
|
21
|
+
const leftIsPseudo = left.startsWith(':');
|
|
22
|
+
const rightIsPseudo = right.startsWith(':');
|
|
23
|
+
const leftIsMedia = left.startsWith('@media');
|
|
24
|
+
const rightIsMedia = right.startsWith('@media');
|
|
25
|
+
const leftIsSupports = left.startsWith('@supports');
|
|
26
|
+
const rightIsSupports = right.startsWith('@supports');
|
|
27
|
+
const leftIsOther = !leftIsPseudo && !leftIsMedia && !leftIsSupports;
|
|
28
|
+
const rightIsOther = !rightIsPseudo && !rightIsMedia && !rightIsSupports;
|
|
29
|
+
if (leftIsOther && !rightIsOther)
|
|
30
|
+
return -1;
|
|
31
|
+
if (!leftIsOther && rightIsOther)
|
|
32
|
+
return 1;
|
|
33
|
+
if (leftIsOther && rightIsOther) {
|
|
34
|
+
return left.localeCompare(right);
|
|
35
|
+
}
|
|
36
|
+
if (leftIsPseudo && !rightIsPseudo)
|
|
37
|
+
return -1;
|
|
38
|
+
if (!leftIsPseudo && rightIsPseudo)
|
|
39
|
+
return 1;
|
|
40
|
+
if (leftIsPseudo && rightIsPseudo) {
|
|
41
|
+
const lvfhaOrder = {
|
|
42
|
+
':link': 1,
|
|
43
|
+
':visited': 2,
|
|
44
|
+
':focus': 3,
|
|
45
|
+
':hover': 4,
|
|
46
|
+
':active': 5,
|
|
47
|
+
};
|
|
48
|
+
const leftOrder = lvfhaOrder[left] ?? 6;
|
|
49
|
+
const rightOrder = lvfhaOrder[right] ?? 6;
|
|
50
|
+
if (leftOrder !== rightOrder) {
|
|
51
|
+
return leftOrder - rightOrder;
|
|
52
|
+
}
|
|
53
|
+
return left.localeCompare(right);
|
|
54
|
+
}
|
|
55
|
+
if (leftIsMedia && !rightIsMedia) {
|
|
56
|
+
return -1;
|
|
57
|
+
}
|
|
58
|
+
if (!leftIsMedia && rightIsMedia) {
|
|
59
|
+
return 1;
|
|
60
|
+
}
|
|
61
|
+
if (leftIsMedia && rightIsMedia) {
|
|
62
|
+
return sortCSSMediaQueries(left, right);
|
|
63
|
+
}
|
|
64
|
+
if (leftIsSupports && !rightIsSupports)
|
|
65
|
+
return 1;
|
|
66
|
+
if (!leftIsSupports && rightIsSupports)
|
|
67
|
+
return -1;
|
|
68
|
+
return left.localeCompare(right);
|
|
69
|
+
}
|
|
70
|
+
//# sourceMappingURL=sortCondition.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sortCondition.js","sourceRoot":"","sources":["../../src/plugins/sortCondition.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sortProperty.d.ts","sourceRoot":"","sources":["../../src/plugins/sortProperty.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,gBAAgB,CAAC,CAAC,GAAG,OAAO,IAAI;KACzC,QAAQ,IAAI,MAAM,CAAC,GAAG,MAAM;CAC9B,CAAA;
|
|
1
|
+
{"version":3,"file":"sortProperty.d.ts","sourceRoot":"","sources":["../../src/plugins/sortProperty.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,gBAAgB,CAAC,CAAC,GAAG,OAAO,IAAI;KACzC,QAAQ,IAAI,MAAM,CAAC,GAAG,MAAM;CAC9B,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CACxC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,OAAO,EACvC,gBAAgB,EAAE,gBAAgB,CAAC,CAAC,CAAC,IAKR,OAAO,CAAC,KAAG,CAAC,CAmB1C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sortProperty.js","sourceRoot":"","sources":["../../src/plugins/sortProperty.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"sortProperty.js","sourceRoot":"","sources":["../../src/plugins/sortProperty.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,UAAU,CAAA;AAQpC,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAExC,gBAAqC;IACrC,SAAS,WAAW,CAAC,QAAmC;QACtD,OAAO,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;IACxC,CAAC;IAED,OAAO,SAAS,YAAY,CAAC,KAAQ;QACnC,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;aACtB,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;aAC/C,MAAM,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE;YACxB,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAA;YAE7B,IAAI,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;gBACzB,OAAO;oBACL,GAAG,GAAG;oBACN,CAAC,QAAQ,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC;iBAChC,CAAA;YACH,CAAC;YAED,OAAO;gBACL,GAAG,GAAG;gBACN,CAAC,QAAQ,CAAC,EAAE,KAAK;aAClB,CAAA;QACH,CAAC,EAAE,EAAO,CAAC,CAAA;IACf,CAAC,CAAA;AACH,CAAC"}
|
package/dist/types.d.ts
CHANGED
|
@@ -1,13 +1,21 @@
|
|
|
1
|
-
import { CSSProperties } from 'react';
|
|
2
|
-
|
|
3
|
-
property: string | Array<string>;
|
|
4
|
-
values: Array<string>;
|
|
5
|
-
match?: string;
|
|
6
|
-
};
|
|
1
|
+
import type { CSSProperties } from 'react';
|
|
2
|
+
import { assignStyle } from 'css-in-js-utils';
|
|
7
3
|
type T_VariableStyle = {
|
|
8
4
|
[key: `--${string}`]: any;
|
|
9
5
|
};
|
|
10
|
-
export type T_RawStyle = CSSProperties;
|
|
11
|
-
|
|
6
|
+
export type T_RawStyle = CSSProperties & T_VariableStyle;
|
|
7
|
+
type SelectorKey = `:${string}` | `@${string}` | `&${string}` | `${string} ${string}` | `${string}>${string}` | `${string}+${string}` | `${string}~${string}` | `[${string}]${string}`;
|
|
8
|
+
export type T_Style = T_RawStyle & {
|
|
9
|
+
[K in SelectorKey]?: T_Style;
|
|
10
|
+
};
|
|
11
|
+
export type T_Props = {
|
|
12
|
+
style: CSSProperties;
|
|
13
|
+
} & Record<string, any>;
|
|
14
|
+
export type T_Context = {
|
|
15
|
+
devMode: boolean;
|
|
16
|
+
createNode: (css: string) => void;
|
|
17
|
+
props: T_Props;
|
|
18
|
+
mergeStyle: typeof assignStyle;
|
|
19
|
+
};
|
|
12
20
|
export {};
|
|
13
21
|
//# sourceMappingURL=types.d.ts.map
|
package/dist/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,KAAK,eAAe,GAAG;IACrB,CAAC,GAAG,EAAE,KAAK,MAAM,EAAE,GAAG,GAAG,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,aAAa,GAAG,eAAe,CAAA;AAExD,KAAK,WAAW,GACZ,IAAI,MAAM,EAAE,GACZ,IAAI,MAAM,EAAE,GACZ,IAAI,MAAM,EAAE,GACZ,GAAG,MAAM,IAAI,MAAM,EAAE,GACrB,GAAG,MAAM,IAAI,MAAM,EAAE,GACrB,GAAG,MAAM,IAAI,MAAM,EAAE,GACrB,GAAG,MAAM,IAAI,MAAM,EAAE,GACrB,IAAI,MAAM,IAAI,MAAM,EAAE,CAAA;AAE1B,MAAM,MAAM,OAAO,GAAG,UAAU,GAAG;KAChC,CAAC,IAAI,WAAW,CAAC,CAAC,EAAE,OAAO;CAC7B,CAAA;AAED,MAAM,MAAM,OAAO,GAAG;IACpB,KAAK,EAAE,aAAa,CAAA;CACrB,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;AAEvB,MAAM,MAAM,SAAS,GAAG;IACtB,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,KAAK,EAAE,OAAO,CAAA;IACd,UAAU,EAAE,OAAO,WAAW,CAAA;CAC/B,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@weser/style",
|
|
3
|
-
"version": "
|
|
4
|
-
"description": "Utils for
|
|
3
|
+
"version": "2.0.0",
|
|
4
|
+
"description": "Utils for using inline styles in React",
|
|
5
5
|
"author": "Robin Weser <robin@weser.io>",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"homepage": "https://github.com/robinweser/weserstack.git",
|
|
@@ -33,29 +33,26 @@
|
|
|
33
33
|
"clean": "rimraf dist",
|
|
34
34
|
"build": "tsc -b",
|
|
35
35
|
"dev": "pnpm build -w",
|
|
36
|
-
"test": "
|
|
36
|
+
"test": "vitest run"
|
|
37
37
|
},
|
|
38
38
|
"keywords": [],
|
|
39
39
|
"dependencies": {
|
|
40
|
+
"@weser/array": "1.0.0",
|
|
41
|
+
"@weser/keyframe": "1.0.0",
|
|
42
|
+
"@weser/object": "1.0.0",
|
|
40
43
|
"css-in-js-utils": "^3.1.0",
|
|
41
|
-
"isobject": "^4.0.0"
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
"@css-hooks/core": "^1.0.0",
|
|
45
|
-
"@css-hooks/react": "^1.0.0"
|
|
46
|
-
},
|
|
47
|
-
"optionalDependencies": {
|
|
48
|
-
"styles-debugger": "^1.0.0"
|
|
44
|
+
"isobject": "^4.0.0",
|
|
45
|
+
"rtl-css-js": "^1.16.1",
|
|
46
|
+
"sort-css-media-queries": "^1.4.3"
|
|
49
47
|
},
|
|
50
48
|
"devDependencies": {
|
|
51
|
-
"@
|
|
52
|
-
"
|
|
53
|
-
"@types/react": "18.2.55",
|
|
54
|
-
"ava": "^6.1.3",
|
|
49
|
+
"@types/react": "^18.3.3",
|
|
50
|
+
"jsdom": "^25.0.1",
|
|
55
51
|
"react": "^19.1.0",
|
|
56
52
|
"rimraf": "^3.0.2",
|
|
57
53
|
"styles-debugger": "^1.0.0",
|
|
58
|
-
"typescript": "^5.9.2"
|
|
54
|
+
"typescript": "^5.9.2",
|
|
55
|
+
"vitest": "^2.1.8"
|
|
59
56
|
},
|
|
60
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "e29c6fab561e455bf99b3a2c70d4b46eff82ce43"
|
|
61
58
|
}
|