@thi.ng/hiccup-css 2.4.5 → 2.5.1

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # Change Log
 
-- **Last updated**: 2024-01-30T21:37:19Z
+- **Last updated**: 2024-02-10T08:59:56Z
 - **Generator**: [thi.ng/monopub](https://thi.ng/monopub)
 
 All notable changes to this project will be documented in this file.
@@ -9,6 +9,14 @@ See [Conventional Commits](https://conventionalcommits.org/) for commit guidelin
 **Note:** Unlisted _patch_ versions only involve non-code or otherwise excluded changes
 and/or version bumps of transitive dependencies.
 
+## [2.5.0](https://github.com/thi-ng/umbrella/tree/@thi.ng/hiccup-css@2.5.0) (2024-02-06)
+
+#### 🚀 Features
+
+- at_keyframes() vararg handling ([62df789](https://github.com/thi-ng/umbrella/commit/62df789))
+  - update to support more than just from/to keyframe args
+  - if given more space them equally across [0,100] interval
+
 ## [2.4.0](https://github.com/thi-ng/umbrella/tree/@thi.ng/hiccup-css@2.4.0) (2024-01-23)
 
 #### 🚀 Features

package/README.md

@@ -1,5 +1,15 @@
 <!-- This file is generated - DO NOT EDIT! -->
 <!-- Please see: https://github.com/thi-ng/umbrella/blob/develop/CONTRIBUTING.md#changes-to-readme-files -->
+> [!IMPORTANT]
+> ‼️ Announcing the thi.ng user survey 2024 📋
+>
+> [Please participate in the survey here!](https://forms.gle/XacbSDEmQMPZg8197)\
+> (open until end of February)
+>
+> **To achieve a better sample size, I'd highly appreciate if you could
+> circulate the link to this survey in your own networks.**
+>
+> [Discussion](https://github.com/thi-ng/umbrella/discussions/447)
 
 # ![@thi.ng/hiccup-css](https://media.thi.ng/umbrella/banners-20230807/thing-hiccup-css.svg?a302745b)
 
@@ -122,7 +132,7 @@ For Node.js REPL:
 const hiccupCss = await import("@thi.ng/hiccup-css");
 ```
 
-Package sizes (brotli'd, pre-treeshake): ESM: 2.14 KB
+Package sizes (brotli'd, pre-treeshake): ESM: 2.15 KB
 
 ## Dependencies
 
@@ -476,7 +486,7 @@ css.css(
 ```ts
 css.css(
     css.at_keyframes(
-        "fadein",
+        "rgbfade",
         {
             0: {
                 color: "red"
@@ -494,7 +504,7 @@ css.css(
 ```
 
 ```css
-@keyframes fadein {
+@keyframes rgbfade {
 
     0% {
         color: red;

package/keyframes.d.ts

@@ -1,8 +1,8 @@
 import type { RuleFn } from "./api.js";
 export type Keyframe = Record<string, any>;
 /**
- * Rule function for `@keyframes`. If a single declaration object is given,
- * it's keys are used as keyframe stops and their values as their declarations
+ * Rule function for `@keyframes`. If a single declaration object is given, it's
+ * keys are used as keyframe stops and their values as their declarations
  * objects. This way any number of stops can be specified.
  *
  * @example
@@ -21,8 +21,9 @@ export type Keyframe = Record<string, any>;
  * // }
  * ```
  *
- * If called with two objects, the first one provides the declarations for the
- * 0% keyframe and the 2nd for the 100% keyframe.
+ * If called with two or more objects, the each object provides the declarations
+ * for equally spaced keyframes, e.g. if given 3 objects, their respective times
+ * will be at 0%, 50%, 100%.
  *
  * @example
  * ```ts

package/keyframes.js

@@ -1,6 +1,9 @@
 import { formatDecls, indent } from "./impl.js";
 function at_keyframes(id, ...args) {
-  const stops = args.length === 1 ? args[0] : { 0: args[0], 100: args[1] };
+  const stops = args.length === 1 ? args[0] : args.reduce((acc, x, i) => {
+    acc[i / (args.length - 1) * 100 | 0] = x;
+    return acc;
+  }, {});
   return (acc, opts) => {
     const outer = indent(opts);
     opts.depth++;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thi.ng/hiccup-css",
-  "version": "2.4.5",
+  "version": "2.5.1",
   "description": "CSS from nested JS data structures",
   "type": "module",
   "module": "./index.js",
@@ -35,16 +35,16 @@
     "test": "bun test"
   },
   "dependencies": {
-    "@thi.ng/api": "^8.9.22",
-    "@thi.ng/checks": "^3.4.22",
-    "@thi.ng/errors": "^2.4.15",
-    "@thi.ng/transducers": "^8.8.26"
+    "@thi.ng/api": "^8.9.23",
+    "@thi.ng/checks": "^3.4.23",
+    "@thi.ng/errors": "^2.4.16",
+    "@thi.ng/transducers": "^8.9.1"
   },
   "devDependencies": {
-    "@microsoft/api-extractor": "^7.39.0",
-    "esbuild": "^0.19.10",
+    "@microsoft/api-extractor": "^7.40.1",
+    "esbuild": "^0.20.0",
     "rimraf": "^5.0.5",
-    "typedoc": "^0.25.4",
+    "typedoc": "^0.25.7",
     "typescript": "^5.3.3"
   },
   "keywords": [
@@ -126,5 +126,5 @@
     ],
     "year": 2016
   },
-  "gitHead": "a86521dfac00768f7e51a607209325eb72004730\n"
+  "gitHead": "e5e7d5c6ed2eadee7a91d59cbd0c86ce880ab1c5\n"
 }