@css-hooks/core 1.0.2 → 1.1.0

package/README.md

@@ -50,7 +50,7 @@ Please visit [css-hooks.com](https://css-hooks.com) to get started.
 - [@css-hooks/react](packages/react): React framework integration
 - [@css-hooks/solid](packages/solid): Solid framework integration
 - [@css-hooks/preact](packages/preact): Preact framework integration
-- [@css-hooks/core](packages/core): Core package (internal use only)
+- [@css-hooks/core](packages/core): Core package (internal / advanced use cases)
 
 ## Contributing
 

package/cjs/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.recommended = exports.buildHooksSystem = void 0;
+exports.recommended = exports.buildHooksSystem = exports.genericStringify = void 0;
 function isHookSpec(x) {
     if (!x) {
         return false;
@@ -18,7 +18,18 @@ function isHookSpec(x) {
     }
     return false;
 }
-function buildHooksSystem(stringify) {
+/** @internal */
+function genericStringify(_, value) {
+    if (typeof value === "string") {
+        return value;
+    }
+    if (typeof value === "number") {
+        return `${value}`;
+    }
+    return null;
+}
+exports.genericStringify = genericStringify;
+function buildHooksSystem(stringify = genericStringify) {
     return function createHooks(config) {
         const stringifyImpl = (propertyName, value) => {
             return typeof value === "string" && value.startsWith("var(")

package/esm/index.js

@@ -15,7 +15,17 @@ function isHookSpec(x) {
     }
     return false;
 }
-export function buildHooksSystem(stringify) {
+/** @internal */
+export function genericStringify(_, value) {
+    if (typeof value === "string") {
+        return value;
+    }
+    if (typeof value === "number") {
+        return `${value}`;
+    }
+    return null;
+}
+export function buildHooksSystem(stringify = genericStringify) {
     return function createHooks(config) {
         const stringifyImpl = (propertyName, value) => {
             return typeof value === "string" && value.startsWith("var(")

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@css-hooks/core",
   "description": "CSS Hooks core library",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "author": "Nick Saunders",
   "devDependencies": {
     "@tsconfig/node-lts": "^18.12.3",

package/types/index.d.ts

@@ -6,7 +6,9 @@ export type WithHooks<HookProperties, Properties> = WithHooksImpl<Properties, Ho
 type WithHooksImpl<Properties, HookProperties, HookPropertiesSub extends HookProperties = HookProperties> = Properties & Partial<UnionToIntersection<HookPropertiesSub extends string ? {
     [K in HookPropertiesSub]: WithHooksImpl<Properties, Exclude<HookProperties, HookPropertiesSub>>;
 } : never>>;
-export declare function buildHooksSystem<Properties>(stringify: (propertyName: keyof Properties, value: unknown) => string | null): <HookProperties extends string | number | symbol>(config: Record<HookProperties, HookSpec>) => readonly [string, (properties: WithHooks<HookProperties, Properties>) => Properties];
+/** @internal */
+export declare function genericStringify(_: unknown, value: unknown): string | null;
+export declare function buildHooksSystem<Properties = Record<string, unknown>>(stringify?: (propertyName: keyof Properties, value: unknown) => string | null): <HookProperties extends string | number | symbol>(config: Record<HookProperties, HookSpec>) => readonly [string, (properties: WithHooks<HookProperties, Properties>) => Properties];
 /**
  * A list of hooks offered as a "sensible default" to solve the most common use cases.
  */