qstd 0.1.2 → 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.d.cts +1 -1
- package/dist/react/index.d.ts +1 -1
- 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):
|
package/dist/react/index.d.cts
CHANGED
|
@@ -20956,7 +20956,7 @@ declare function RightSide(props: BaseBlockProps & {
|
|
|
20956
20956
|
declare namespace RightSide {
|
|
20957
20957
|
var displayName: string;
|
|
20958
20958
|
}
|
|
20959
|
-
declare function Label(props: InputBlockProps & LabelProps): react_jsx_runtime.JSX.Element;
|
|
20959
|
+
declare function Label(props: Omit<InputBlockProps, "is"> & LabelProps): react_jsx_runtime.JSX.Element;
|
|
20960
20960
|
declare namespace Label {
|
|
20961
20961
|
var displayName: string;
|
|
20962
20962
|
}
|
package/dist/react/index.d.ts
CHANGED
|
@@ -20956,7 +20956,7 @@ declare function RightSide(props: BaseBlockProps & {
|
|
|
20956
20956
|
declare namespace RightSide {
|
|
20957
20957
|
var displayName: string;
|
|
20958
20958
|
}
|
|
20959
|
-
declare function Label(props: InputBlockProps & LabelProps): react_jsx_runtime.JSX.Element;
|
|
20959
|
+
declare function Label(props: Omit<InputBlockProps, "is"> & LabelProps): react_jsx_runtime.JSX.Element;
|
|
20960
20960
|
declare namespace Label {
|
|
20961
20961
|
var displayName: string;
|
|
20962
20962
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "qstd",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.3",
|
|
4
4
|
"description": "Standard Block component and utilities library with Panda CSS",
|
|
5
5
|
"author": "malin1",
|
|
6
6
|
"license": "MIT",
|
|
@@ -41,6 +41,21 @@
|
|
|
41
41
|
"sideEffects": [
|
|
42
42
|
"dist/react/index.css"
|
|
43
43
|
],
|
|
44
|
+
"scripts": {
|
|
45
|
+
"build": "panda codegen && panda cssgen && tsup && node scripts/inject-css-import.js",
|
|
46
|
+
"dev": "tsup --watch",
|
|
47
|
+
"prepublishOnly": "pnpm build",
|
|
48
|
+
"test": "vitest run",
|
|
49
|
+
"test:watch": "vitest",
|
|
50
|
+
"test:all": "pnpx tsx tests/test-all.ts",
|
|
51
|
+
"test:block": "node tests/test-block.tsx",
|
|
52
|
+
"test:playground": "node tests/playground-e2e.mjs",
|
|
53
|
+
"typecheck": "tsc --noEmit",
|
|
54
|
+
"typecheck:perf": "tsc --noEmit --extendedDiagnostics",
|
|
55
|
+
"typecheck:trace": "tsc --noEmit --generateTrace ./performance/ts-trace",
|
|
56
|
+
"analyze:tsserver": "bash performance/analyze-tsserver.sh",
|
|
57
|
+
"lint": "eslint src --ext ts,tsx"
|
|
58
|
+
},
|
|
44
59
|
"peerDependencies": {
|
|
45
60
|
"react": "^18.0.0 || ^19.0.0",
|
|
46
61
|
"react-dom": "^18.0.0 || ^19.0.0"
|
|
@@ -93,19 +108,5 @@
|
|
|
93
108
|
"bugs": {
|
|
94
109
|
"url": "https://github.com/55cancri/qstd/issues"
|
|
95
110
|
},
|
|
96
|
-
"homepage": "https://github.com/55cancri/qstd#readme"
|
|
97
|
-
|
|
98
|
-
"build": "panda codegen && panda cssgen && tsup && node scripts/inject-css-import.js",
|
|
99
|
-
"dev": "tsup --watch",
|
|
100
|
-
"test": "vitest run",
|
|
101
|
-
"test:watch": "vitest",
|
|
102
|
-
"test:all": "pnpx tsx tests/test-all.ts",
|
|
103
|
-
"test:block": "node tests/test-block.tsx",
|
|
104
|
-
"test:playground": "node tests/playground-e2e.mjs",
|
|
105
|
-
"typecheck": "tsc --noEmit",
|
|
106
|
-
"typecheck:perf": "tsc --noEmit --extendedDiagnostics",
|
|
107
|
-
"typecheck:trace": "tsc --noEmit --generateTrace ./performance/ts-trace",
|
|
108
|
-
"analyze:tsserver": "bash performance/analyze-tsserver.sh",
|
|
109
|
-
"lint": "eslint src --ext ts,tsx"
|
|
110
|
-
}
|
|
111
|
-
}
|
|
111
|
+
"homepage": "https://github.com/55cancri/qstd#readme"
|
|
112
|
+
}
|