@css-hooks/preact 4.0.0-next.27 → 4.0.0-next.29

package/README.md

@@ -1,16 +1,16 @@
 <div align="center">
-  <a id="logomark" href="https://next.css-hooks.com"><img alt="CSS Hooks" src="https://github.com/css-hooks/css-hooks/raw/v4.0.0-next.27/.github/logomark.svg" height="128" /></a><br/><br/>
+  <a id="logomark" href="https://next.css-hooks.com"><img alt="CSS Hooks" src="https://github.com/css-hooks/css-hooks/raw/v4.0.0-next.29/.github/logomark.svg" height="128" /></a><br/><br/>
   <div id="wordmark">
-    <a href="https://next.css-hooks.com"><img alt="CSS Hooks" src="https://github.com/css-hooks/css-hooks/raw/v4.0.0-next.27/.github/wordmark-dark.svg" width="256"></a>
+    <a href="https://next.css-hooks.com"><img alt="CSS Hooks" src="https://github.com/css-hooks/css-hooks/raw/v4.0.0-next.29/.github/wordmark-dark.svg" width="256"></a>
   </div>
 </div>
 
 <br/>
 
 <div align="center" id="badges">
-  <a href="https://github.com/css-hooks/css-hooks/tree/v4.0.0-next.27"><img src="https://img.shields.io/badge/tag-v4.0.0--next.27-ffd700" alt="tag v4.0.0-next.27"></a>
-  <a href="https://www.npmjs.com/package/@css-hooks/preact/v/4.0.0-next.27"><img src="https://img.shields.io/badge/npm-v4.0.0--next.27-ffd700" alt="npm version"></a>
-  <a href="https://github.com/css-hooks/css-hooks/blob/v4.0.0-next.27/LICENSE"><img src="https://img.shields.io/badge/license-MIT-ffd700" alt="license"></a>
+  <a href="https://github.com/css-hooks/css-hooks/tree/v4.0.0-next.29"><img src="https://img.shields.io/badge/tag-v4.0.0--next.29-ffd700" alt="tag v4.0.0-next.29"></a>
+  <a href="https://www.npmjs.com/package/@css-hooks/preact/v/4.0.0-next.29"><img src="https://img.shields.io/badge/npm-v4.0.0--next.29-ffd700" alt="npm version"></a>
+  <a href="https://github.com/css-hooks/css-hooks/blob/v4.0.0-next.29/LICENSE"><img src="https://img.shields.io/badge/license-MIT-ffd700" alt="license"></a>
 </div>
 
 ---

package/cjs/index.js

@@ -10,6 +10,7 @@ exports._stringifyValue = _stringifyValue;
 const core_1 = require("@css-hooks/core");
 var core_2 = require("@css-hooks/core");
 Object.defineProperty(exports, "mergeStyles", { enumerable: true, get: function () { return core_2.mergeStyles; } });
+const IS_NON_DIMENSIONAL = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;
 /**
  * A {@link @css-hooks/core#CreateHooksFn} configured to use Preact's
  * `CSSProperties` type and logic for converting CSS values into strings
@@ -18,12 +19,12 @@ Object.defineProperty(exports, "mergeStyles", { enumerable: true, get: function
  */
 exports.createHooks = (0, core_1.buildHooksSystem)(_stringifyValue);
 /** @internal */
-function _stringifyValue(value, _propertyName) {
+function _stringifyValue(value, propertyName) {
     switch (typeof value) {
         case "string":
             return value;
         case "number":
-            return String(value);
+            return `${value}${IS_NON_DIMENSIONAL.test(propertyName) ? "" : "px"}`;
         default:
             return null;
     }

package/cjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/esm/index.js

@@ -5,6 +5,7 @@
  */
 import { buildHooksSystem } from "@css-hooks/core";
 export { mergeStyles } from "@css-hooks/core";
+const IS_NON_DIMENSIONAL = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;
 /**
  * A {@link @css-hooks/core#CreateHooksFn} configured to use Preact's
  * `CSSProperties` type and logic for converting CSS values into strings
@@ -13,12 +14,12 @@ export { mergeStyles } from "@css-hooks/core";
  */
 export const createHooks = buildHooksSystem(_stringifyValue);
 /** @internal */
-export function _stringifyValue(value, _propertyName) {
+export function _stringifyValue(value, propertyName) {
     switch (typeof value) {
         case "string":
             return value;
         case "number":
-            return String(value);
+            return `${value}${IS_NON_DIMENSIONAL.test(propertyName) ? "" : "px"}`;
         default:
             return null;
     }

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@css-hooks/preact",
   "description": "CSS Hooks for Preact",
-  "version": "4.0.0-next.27",
+  "version": "4.0.0-next.29",
   "author": "Nick Saunders",
   "dependencies": {
-    "@css-hooks/core": "4.0.0-next.27"
+    "@css-hooks/core": "4.0.0-next.29"
   },
   "devDependencies": {
     "preact": "^11.0.0-0",
@@ -18,8 +18,8 @@
     "!**/*.test.*"
   ],
   "license": "MIT",
-  "main": "cjs",
-  "module": "esm",
+  "main": "./cjs/index.js",
+  "module": "./esm/index.js",
   "type": "module",
   "peerDependencies": {
     "preact": "^10.27.2 || ^11.0.0-0"
@@ -49,7 +49,7 @@
       ]
     },
     "build": {
-      "command": "tsc && tsc --project tsconfig.cjs.json",
+      "command": "tsc && tsc --project tsconfig.cjs.json && node -e \"require('node:fs').writeFileSync('cjs/package.json', JSON.stringify({type:'commonjs'}))\"",
       "dependencies": [
         "../core:build"
       ]

package/types/index.d.ts

@@ -17,4 +17,4 @@ export type { CSSPropertyConflicts } from "./css-property-conflicts.ts";
  */
 export declare const createHooks: CreateHooksFn<CSSProperties, CSSPropertyConflicts>;
 /** @internal */
-export declare function _stringifyValue(value: unknown, _propertyName: string): string | null;
+export declare function _stringifyValue(value: unknown, propertyName: string): string | null;