@plumeria/core 0.13.1 → 0.13.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -6
- package/dist/index.js +1 -1
- package/dist/index.mjs +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -39,30 +39,30 @@ import { css, ps } from '@plumeria/core';
|
|
|
39
39
|
|
|
40
40
|
const styles = css.create({
|
|
41
41
|
text: {
|
|
42
|
-
color: 'yellow', //
|
|
42
|
+
color: 'yellow', // xxxhash1
|
|
43
43
|
},
|
|
44
44
|
box: {
|
|
45
|
-
width: '100%', //
|
|
46
|
-
background: 'rgb(60,60,60)', //
|
|
45
|
+
width: '100%', // xxxhash2
|
|
46
|
+
background: 'rgb(60,60,60)', // xxxhash3
|
|
47
47
|
},
|
|
48
48
|
});
|
|
49
49
|
|
|
50
50
|
const className = css.props(styles.text, styles.box);
|
|
51
|
-
// className is "
|
|
51
|
+
// className is "xxxhash1 xxxhash2 xxxhash3"
|
|
52
52
|
```
|
|
53
53
|
|
|
54
54
|
If you only have one style, you can get the class name directly with the $ accessor:
|
|
55
55
|
|
|
56
56
|
```jsx
|
|
57
57
|
<div className={styles.$text} />
|
|
58
|
-
// className is "
|
|
58
|
+
// className is "xxxhash1"
|
|
59
59
|
```
|
|
60
60
|
|
|
61
61
|
Use `css.props()` to combine multiple styles or switch between them conditionally.
|
|
62
62
|
|
|
63
63
|
```jsx
|
|
64
64
|
<div className={css.props(styles.text, styles.box)} />
|
|
65
|
-
// "
|
|
65
|
+
// "xxxhash1 xxxhash2 xxxhash3"
|
|
66
66
|
```
|
|
67
67
|
|
|
68
68
|
Supports pseudo/media queries inline:
|
package/dist/index.js
CHANGED
|
@@ -24,7 +24,7 @@ function create(object) {
|
|
|
24
24
|
}
|
|
25
25
|
const injectIfNeeded = zss_engine.isServer ? zss_engine.injectServerCSS : zss_engine.injectClientCSS;
|
|
26
26
|
if (typeof require_css.globalPromise_1 === "undefined") require_css.initPromise_1();
|
|
27
|
-
require_css.resolvePromise_1([...allStyleSheets].join("
|
|
27
|
+
require_css.resolvePromise_1([...allStyleSheets].join(""));
|
|
28
28
|
const uniqueStyleSheets = [...allStyleSheets].filter((sheet) => !injectedStyleSheets.has(sheet));
|
|
29
29
|
uniqueStyleSheets.forEach((sheet) => injectedStyleSheets.add(sheet));
|
|
30
30
|
const combinedClassName = [...atomicHashes].join(" ");
|
package/dist/index.mjs
CHANGED
|
@@ -23,7 +23,7 @@ function create(object) {
|
|
|
23
23
|
}
|
|
24
24
|
const injectIfNeeded = isServer ? injectServerCSS : injectClientCSS;
|
|
25
25
|
if (typeof globalPromise_1 === "undefined") initPromise_1();
|
|
26
|
-
resolvePromise_1([...allStyleSheets].join("
|
|
26
|
+
resolvePromise_1([...allStyleSheets].join(""));
|
|
27
27
|
const uniqueStyleSheets = [...allStyleSheets].filter((sheet) => !injectedStyleSheets.has(sheet));
|
|
28
28
|
uniqueStyleSheets.forEach((sheet) => injectedStyleSheets.add(sheet));
|
|
29
29
|
const combinedClassName = [...atomicHashes].join(" ");
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@plumeria/core",
|
|
3
|
-
"version": "0.13.
|
|
3
|
+
"version": "0.13.3",
|
|
4
4
|
"description": "A library for scalable and intuitive styling in design systems.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"css",
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"stylesheet.css"
|
|
40
40
|
],
|
|
41
41
|
"dependencies": {
|
|
42
|
-
"zss-engine": "0.2.
|
|
42
|
+
"zss-engine": "0.2.60",
|
|
43
43
|
"zss-utils": "0.2.4"
|
|
44
44
|
},
|
|
45
45
|
"publishConfig": {
|