qstd 0.1.6 → 0.2.0

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/CHANGELOG.md CHANGED
@@ -7,6 +7,19 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
7
7
 
8
8
  ## [Unreleased]
9
9
 
10
+ ## [0.2.0] - 2025-11-22
11
+
12
+ ### Added
13
+
14
+ - Enhanced `center` utility to support directional centering
15
+ - `center` - centers both axes (placeContent + placeItems)
16
+ - `center="x"` - centers horizontally (justifyContent)
17
+ - `center="y"` - centers vertically (alignItems)
18
+ - Added `prepare:local` convenience script for local testing workflow
19
+ - Updated DEVELOPMENT.md with local testing workflow using playground symbolic link
20
+
21
+ ## [0.1.6] - Previous
22
+
10
23
  ### Added
11
24
 
12
25
  - Initial package structure
@@ -17,7 +30,3 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
17
30
  - Panda CSS preset placeholder
18
31
  - Block component placeholder
19
32
 
20
- ## [0.1.0] - TBD
21
-
22
- Initial beta release (to be published)
23
-
@@ -146,9 +146,16 @@ var preset = {
146
146
  }
147
147
  },
148
148
  center: {
149
- values: { type: "boolean" },
150
- transform() {
151
- return { placeContent: "center", placeItems: "center" };
149
+ values: { type: "boolean | 'x' | 'y'" },
150
+ transform(value) {
151
+ if (value === "x") {
152
+ return { justifyContent: "center" };
153
+ }
154
+ if (value === "y") {
155
+ return { alignItems: "center" };
156
+ } else {
157
+ return { placeContent: "center", placeItems: "center" };
158
+ }
152
159
  }
153
160
  },
154
161
  relative: {
@@ -144,9 +144,16 @@ var preset = {
144
144
  }
145
145
  },
146
146
  center: {
147
- values: { type: "boolean" },
148
- transform() {
149
- return { placeContent: "center", placeItems: "center" };
147
+ values: { type: "boolean | 'x' | 'y'" },
148
+ transform(value) {
149
+ if (value === "x") {
150
+ return { justifyContent: "center" };
151
+ }
152
+ if (value === "y") {
153
+ return { alignItems: "center" };
154
+ } else {
155
+ return { placeContent: "center", placeItems: "center" };
156
+ }
150
157
  }
151
158
  },
152
159
  relative: {
@@ -12109,7 +12109,7 @@ interface UtilityValues {
12109
12109
  debug: boolean;
12110
12110
  containerName: CssProperties["containerName"];
12111
12111
  grid: boolean;
12112
- center: boolean;
12112
+ center: boolean | 'x' | 'y';
12113
12113
  relative: boolean;
12114
12114
  absolute: boolean;
12115
12115
  fixed: boolean;
@@ -12109,7 +12109,7 @@ interface UtilityValues {
12109
12109
  debug: boolean;
12110
12110
  containerName: CssProperties["containerName"];
12111
12111
  grid: boolean;
12112
- center: boolean;
12112
+ center: boolean | 'x' | 'y';
12113
12113
  relative: boolean;
12114
12114
  absolute: boolean;
12115
12115
  fixed: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "qstd",
3
- "version": "0.1.6",
3
+ "version": "0.2.0",
4
4
  "description": "Standard Block component and utilities library with Panda CSS",
5
5
  "author": "malin1",
6
6
  "license": "MIT",
@@ -41,21 +41,6 @@
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
- },
59
44
  "peerDependencies": {
60
45
  "react": "^18.0.0 || ^19.0.0",
61
46
  "react-dom": "^18.0.0 || ^19.0.0"
@@ -108,5 +93,20 @@
108
93
  "bugs": {
109
94
  "url": "https://github.com/55cancri/qstd/issues"
110
95
  },
111
- "homepage": "https://github.com/55cancri/qstd#readme"
112
- }
96
+ "homepage": "https://github.com/55cancri/qstd#readme",
97
+ "scripts": {
98
+ "build": "panda codegen && panda cssgen && tsup && node scripts/inject-css-import.js",
99
+ "dev": "tsup --watch",
100
+ "prepare:local": "pnpm build && cd playground && pnpm prepare",
101
+ "test": "vitest run",
102
+ "test:watch": "vitest",
103
+ "test:all": "pnpx tsx tests/test-all.ts",
104
+ "test:block": "node tests/test-block.tsx",
105
+ "test:playground": "node tests/playground-e2e.mjs",
106
+ "typecheck": "tsc --noEmit",
107
+ "typecheck:perf": "tsc --noEmit --extendedDiagnostics",
108
+ "typecheck:trace": "tsc --noEmit --generateTrace ./performance/ts-trace",
109
+ "analyze:tsserver": "bash performance/analyze-tsserver.sh",
110
+ "lint": "eslint src --ext ts,tsx"
111
+ }
112
+ }