qstd 0.1.1 → 0.1.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 +10 -0
- package/dist/react/index.cjs +582 -126
- package/dist/react/index.d.cts +541 -541
- package/dist/react/index.d.ts +541 -541
- package/dist/react/index.js +474 -18
- package/package.json +18 -17
package/README.md
CHANGED
|
@@ -88,11 +88,19 @@ import { defineConfig } from "@pandacss/dev";
|
|
|
88
88
|
import qstdPreset from "qstd/preset";
|
|
89
89
|
|
|
90
90
|
export default defineConfig({
|
|
91
|
+
preflight: true,
|
|
92
|
+
|
|
91
93
|
// IMPORTANT: Include base preset to get default colors (neutral, red, blue, etc.)
|
|
92
94
|
presets: ["@pandacss/dev/presets", qstdPreset],
|
|
93
95
|
|
|
94
96
|
include: ["./src/**/*.{ts,tsx}"],
|
|
95
97
|
|
|
98
|
+
outdir: "styled-system",
|
|
99
|
+
|
|
100
|
+
// REQUIRED: Enables Panda CSS to detect props on the Block component
|
|
101
|
+
// Without this, styles like bg="red" won't generate CSS utilities
|
|
102
|
+
jsxFramework: "react",
|
|
103
|
+
|
|
96
104
|
theme: {
|
|
97
105
|
extend: {
|
|
98
106
|
// Your custom theme
|
|
@@ -101,6 +109,8 @@ export default defineConfig({
|
|
|
101
109
|
});
|
|
102
110
|
```
|
|
103
111
|
|
|
112
|
+
**⚠️ Critical:** The `jsxFramework: "react"` setting is **required** for the Block component to work correctly. Without it, Panda CSS cannot detect style props like `bg="red"` on the Block component, and no CSS utilities will be generated.
|
|
113
|
+
|
|
104
114
|
## Global Types
|
|
105
115
|
|
|
106
116
|
When you install qstd, these types become **globally available** (no import needed):
|