@css-hooks/solid 2.0.4 → 3.0.1

package/README.md

@@ -27,18 +27,18 @@ experience without runtime style injection or build steps.
 
 ```jsx
 <button
-  style={css({
-    background: "#004982",
-    color: "#eeeff0",
-    on: $ => [
-      $("&:hover", {
-        background: "#1b659c",
-      }),
-      $("&:active", {
-        background: "#9f3131",
-      }),
-    ],
-  })}
+  style={pipe(
+    {
+      background: "#004982",
+      color: "#eeeff0",
+    },
+    on("&:hover", {
+      background: "#1b659c",
+    }),
+    on("&:active", {
+      background: "#9f3131",
+    }),
+  )}
 >
   Save changes
 </button>
@@ -50,13 +50,12 @@ experience without runtime style injection or build steps.
 <label>
   <input type="checkbox" checked />
   <span
-    style={css({
-      on: $ => [
-        $(":checked + &", {
-          textDecoration: "line-through",
-        }),
-      ],
-    })}
+    style={pipe(
+      {},
+      on(":checked + &", {
+        textDecoration: "line-through",
+      }),
+    )}
   >
     Simplify CSS architecture
   </span>
@@ -68,24 +67,22 @@ experience without runtime style injection or build steps.
 ```jsx
 <>
   <span
-    style={css({
-      on: ($, { not }) => [
-        $(not("@container sm"), {
-          display: "none",
-        }),
-      ],
-    })}
+    style={pipe(
+      {},
+      on(not("@container (width < 400px)"), {
+        display: "none",
+      }),
+    )}
   >
     sm
   </span>
   <span
-    style={css({
-      on: ($, { not }) => [
-        $(not("@container lg"), {
-          display: "none",
-        }),
-      ],
-    })}
+    style={pipe(
+      {},
+      on("@container (width < 400px)", {
+        display: "none",
+      }),
+    )}
   >
     lg
   </span>

package/cjs/index.js

@@ -1,7 +1,16 @@
-'use strict';
-// @ts-nocheck
-
-const { buildHooksSystem } = require("@css-hooks/core");
-
-const createHooks = buildHooksSystem();
-exports.createHooks = createHooks;
+"use strict";
+/**
+ *  CSS Hooks for {@link https://www.solidjs.com/ | Solid}
+ *
+ * @packageDocumentation
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createHooks = void 0;
+const core_1 = require("@css-hooks/core");
+/**
+ * A {@link @css-hooks/core#CreateHooksFn} configured to use Solid's
+ * `JSX.CSSProperties` type and logic for converting CSS values into strings.
+ *
+ * @public
+ */
+exports.createHooks = (0, core_1.buildHooksSystem)();

package/esm/index.js

@@ -1,5 +1,13 @@
-// @ts-nocheck
-
+/**
+ *  CSS Hooks for {@link https://www.solidjs.com/ | Solid}
+ *
+ * @packageDocumentation
+ */
 import { buildHooksSystem } from "@css-hooks/core";
-
+/**
+ * A {@link @css-hooks/core#CreateHooksFn} configured to use Solid's
+ * `JSX.CSSProperties` type and logic for converting CSS values into strings.
+ *
+ * @public
+ */
 export const createHooks = buildHooksSystem();

package/package.json

@@ -1,29 +1,24 @@
 {
   "name": "@css-hooks/solid",
   "description": "CSS Hooks for Solid",
-  "version": "2.0.4",
+  "version": "3.0.1",
   "author": "Nick Saunders",
   "dependencies": {
-    "@css-hooks/core": "2.0.4"
+    "@css-hooks/core": "3.0.1"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.39.4",
-    "@tsconfig/strictest": "^2.0.1",
-    "@typescript-eslint/eslint-plugin": "^7.0.0",
-    "@typescript-eslint/parser": "^7.0.0",
-    "ascjs": "^6.0.3",
-    "eslint": "^8.47.0",
-    "eslint-plugin-compat": "^4.2.0",
     "rimraf": "^5.0.1",
     "solid-js": "^1.7.11",
-    "ts-watch": "^1.0.8",
-    "typescript": "^5.1.6"
+    "tsx": "^4.19.1",
+    "typescript": "=5.4.5"
   },
   "files": [
     "cjs",
     "esm",
     "types",
-    "tsdoc-metadata.json"
+    "tsdoc-metadata.json",
+    "!**/*.test.*"
   ],
   "license": "MIT",
   "main": "cjs",
@@ -41,6 +36,7 @@
   "types": "types",
   "exports": {
     ".": {
+      "@css-hooks/source": "./src/index.ts",
       "import": "./esm/index.js",
       "require": "./cjs/index.js",
       "types": "./types/index.d.ts"
@@ -50,10 +46,7 @@
     "supports css-variables"
   ],
   "scripts": {
-    "api": "node -e \"var path=require('path').resolve,fs=require('fs'),cp=fs.cpSync;cp(path('src', 'index.d.ts'),path('types','index.d.ts'))\" && api-extractor run",
-    "clean": "rimraf cjs esm out types",
-    "lint": "eslint src .*.*js *.*js",
-    "test": "tsc && node --test",
-    "test.watch": "tsc-watch --onSuccess 'node --test'"
+    "clean": "rimraf cjs esm types",
+    "test": "node --import tsx --conditions @css-hooks/source --test src/index.test.ts"
   }
 }

package/types/index.d.ts

@@ -3,14 +3,12 @@
  *
  * @packageDocumentation
  */
-
 import type { JSX } from "solid-js";
-import type { CreateHooksFn } from "@css-hooks/core";
-
+export type * from "@css-hooks/core";
 /**
  * A {@link @css-hooks/core#CreateHooksFn} configured to use Solid's
  * `JSX.CSSProperties` type and logic for converting CSS values into strings.
  *
  * @public
  */
-export const createHooks: CreateHooksFn<JSX.CSSProperties>;
+export declare const createHooks: import("@css-hooks/core").CreateHooksFn<JSX.CSSProperties>;

package/types/tsdoc-metadata.json

@@ -0,0 +1,11 @@
+// This file is read by tools that parse documentation comments conforming to the TSDoc standard.
+// It should be published with your NPM package.  It should not be tracked by Git.
+{
+  "tsdocVersion": "0.12",
+  "toolPackages": [
+    {
+      "packageName": "@microsoft/api-extractor",
+      "packageVersion": "7.47.11"
+    }
+  ]
+}