@css-hooks/preact 4.0.0-next.2 → 4.0.0-next.20

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.2/.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.20/.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.2/.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.20/.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.2"><img src="https://img.shields.io/badge/tag-v4.0.0--next.2-ffd700" alt="tag v4.0.0-next.2"></a>
-  <a href="https://www.npmjs.com/package/@css-hooks/preact/v/4.0.0-next.2"><img src="https://img.shields.io/badge/npm-v4.0.0--next.2-ffd700" alt="npm version"></a>
-  <a href="https://github.com/css-hooks/css-hooks/blob/v4.0.0-next.2/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.20"><img src="https://img.shields.io/badge/tag-v4.0.0--next.20-ffd700" alt="tag v4.0.0-next.20"></a>
+  <a href="https://www.npmjs.com/package/@css-hooks/preact/v/4.0.0-next.20"><img src="https://img.shields.io/badge/npm-v4.0.0--next.20-ffd700" alt="npm version"></a>
+  <a href="https://github.com/css-hooks/css-hooks/blob/v4.0.0-next.20/LICENSE"><img src="https://img.shields.io/badge/license-MIT-ffd700" alt="license"></a>
 </div>
 
 ---

package/cjs/index.js

@@ -8,7 +8,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.createHooks = void 0;
 exports._stringifyValue = _stringifyValue;
 const core_1 = require("@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
@@ -17,15 +16,12 @@ const IS_NON_DIMENSIONAL = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zo
  */
 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 `${value}${typeof propertyName === "string" &&
-                IS_NON_DIMENSIONAL.test(propertyName)
-                ? ""
-                : "px"}`;
+            return String(value);
         default:
             return null;
     }

package/esm/index.js

@@ -4,7 +4,6 @@
  * @packageDocumentation
  */
 import { buildHooksSystem } 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,15 +12,12 @@ const IS_NON_DIMENSIONAL = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zo
  */
 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 `${value}${typeof propertyName === "string" &&
-                IS_NON_DIMENSIONAL.test(propertyName)
-                ? ""
-                : "px"}`;
+            return String(value);
         default:
             return null;
     }

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@css-hooks/preact",
   "description": "CSS Hooks for Preact",
-  "version": "4.0.0-next.2",
+  "version": "4.0.0-next.20",
   "author": "Nick Saunders",
   "dependencies": {
-    "@css-hooks/core": "4.0.0-next.2"
+    "@css-hooks/core": "4.0.0-next.20"
   },
   "devDependencies": {
-    "preact": ">=10.0.0 <11.0.0",
+    "preact": "^11.0.0-0",
     "remeda": "^2.45.0"
   },
   "files": [
@@ -22,7 +22,7 @@
   "module": "esm",
   "type": "module",
   "peerDependencies": {
-    "preact": ">=10.0.0 <11.0.0"
+    "preact": "^10.27.2 || ^11.0.0-0"
   },
   "peerDependenciesMeta": {
     "preact": {

package/types/css-property-conflicts.d.ts

@@ -1,4 +1,8 @@
-/** A map of conflicting CSS property names */
+/**
+ * A map of conflicting CSS property names
+ *
+ * @public
+ */
 export type CSSPropertyConflicts = {
     accentColor: "all";
     alignContent: "WebkitAlignContent" | "all" | "placeContent";

package/types/index.d.ts

@@ -7,6 +7,7 @@ import type { CreateHooksFn } from "@css-hooks/core";
 import type { CSSProperties } from "preact";
 import type { CSSPropertyConflicts } from "./css-property-conflicts.ts";
 export type * from "@css-hooks/core";
+export type { CSSPropertyConflicts } from "./css-property-conflicts.ts";
 /**
  * A {@link @css-hooks/core#CreateHooksFn} configured to use Preact's
  * `CSSProperties` type and logic for converting CSS values into strings
@@ -15,4 +16,4 @@ export type * from "@css-hooks/core";
  */
 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;