@plumeria/core 18.1.5 → 18.1.7
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 +7 -7
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
**Plumeria** is a **zero-cost abstraction layer** for styling React components. You write type-safe styles in TypeScript, and
|
|
10
|
+
**Plumeria** is a **zero-cost abstraction layer** for styling React components. You write type-safe styles in TypeScript, and style composition is defined as a monoid whose operation is fully determined at compile time — what ships is a class string, not a style object and a merger. Grounded in category theory, styles become self-evident, predictable, and composable by construction, while strict syntax and linting keep the cognitive overhead low.
|
|
11
11
|
|
|
12
12
|
## Installation
|
|
13
13
|
|
|
@@ -56,8 +56,8 @@ export default function App({ cond }) {
|
|
|
56
56
|
|
|
57
57
|
```tsx
|
|
58
58
|
<div
|
|
59
|
-
className={'xhrr6ses ' + (cond ? 'xj00ajs1' : '')
|
|
60
|
-
style={{ '--
|
|
59
|
+
className={'xhrr6ses xhxthtyw' + ' ' + (cond ? 'xj00ajs1' : '')}
|
|
60
|
+
style={{ '--xfuma1qq-value': scale }}
|
|
61
61
|
/>
|
|
62
62
|
```
|
|
63
63
|
|
|
@@ -67,12 +67,12 @@ export default function App({ cond }) {
|
|
|
67
67
|
.xhrr6ses:not(#\#) {
|
|
68
68
|
font-size: 12px;
|
|
69
69
|
}
|
|
70
|
+
.xhxthtyw {
|
|
71
|
+
scale: var(--xfuma1qq-value);
|
|
72
|
+
}
|
|
70
73
|
.xj00ajs1 {
|
|
71
74
|
background: navy;
|
|
72
75
|
}
|
|
73
|
-
.xnoo1byz {
|
|
74
|
-
scale: var(--scale-value);
|
|
75
|
-
}
|
|
76
76
|
```
|
|
77
77
|
|
|
78
78
|
## Declaring the styling prop
|
|
@@ -127,7 +127,7 @@ Plumeria publishes frequently. To make that legible, every public API is rated f
|
|
|
127
127
|
| `css.extended` | ★★★★☆ | Stable |
|
|
128
128
|
| `css.use`/`classStyle` | ★★★★★ | Frozen |
|
|
129
129
|
|
|
130
|
-
> The **`classStyle`**
|
|
130
|
+
> The **`classStyle`** can be renamed via configuration
|
|
131
131
|
|
|
132
132
|
## License
|
|
133
133
|
|