style-zx 0.0.1 → 0.0.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 +2 -0
- package/dist/plugin.cjs +6 -55
- package/dist/plugin.js +96 -28978
- package/package.json +6 -6
- package/dist/vite.svg +0 -1
package/README.md
CHANGED
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
## Features
|
|
8
8
|
|
|
9
9
|
- **Zero Runtime**: Styles are extracted to static CSS files during the build process. No runtime style injection or overhead.
|
|
10
|
+
- **Ultra Lightweight**: The plugin output is tiny (~5KB), ensuring minimal impact on your build process.
|
|
10
11
|
- **`zx` Prop**: Style any component directly with the `zx` prop (inspired by MUI's `sx` and other similar libraries).
|
|
11
12
|
- **TypeScript Support**: Full type safety for CSS properties and theme variables.
|
|
12
13
|
- **Theming**: Define a theme and access variables easily (e.g., `"$theme.colors.primary"`).
|
|
@@ -142,5 +143,6 @@ Both libraries aim for zero-runtime CSS-in-JS.
|
|
|
142
143
|
## Gains
|
|
143
144
|
|
|
144
145
|
- **Performance**: Zero JS runtime for styles means faster TTI (Time to Interactive) and less main-thread work.
|
|
146
|
+
- **Bundle Size**: The plugin itself is extremely small (~5KB), keeping your dev dependencies lean.
|
|
145
147
|
- **Developer Experience**: Write styles in TypeScript right next to your components. Get autocomplete and type checking.
|
|
146
148
|
- **Maintainability**: Styles are scoped and colocated, reducing dead code and global namespace pollution.
|