@plumeria/core 0.13.0 → 0.13.2
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/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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@plumeria/core",
|
|
3
|
-
"version": "0.13.
|
|
3
|
+
"version": "0.13.2",
|
|
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": {
|