@thi.ng/hiccup-css 2.4.4 → 2.5.0

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # Change Log
 
-- **Last updated**: 2024-01-30T15:21:31Z
+- **Last updated**: 2024-02-06T23:18:11Z
 - **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

@@ -122,7 +122,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 +476,7 @@ css.css(
 ```ts
 css.css(
     css.at_keyframes(
-        "fadein",
+        "rgbfade",
         {
             0: {
                 color: "red"
@@ -494,7 +494,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.4",
+  "version": "2.5.0",
   "description": "CSS from nested JS data structures",
   "type": "module",
   "module": "./index.js",
@@ -35,10 +35,10 @@
     "test": "bun test"
   },
   "dependencies": {
-    "@thi.ng/api": "^8.9.21",
-    "@thi.ng/checks": "^3.4.21",
-    "@thi.ng/errors": "^2.4.14",
-    "@thi.ng/transducers": "^8.8.25"
+    "@thi.ng/api": "^8.9.22",
+    "@thi.ng/checks": "^3.4.22",
+    "@thi.ng/errors": "^2.4.15",
+    "@thi.ng/transducers": "^8.9.0"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.39.0",
@@ -126,5 +126,5 @@
     ],
     "year": 2016
   },
-  "gitHead": "ded7c5e87ebc7f6279c24f183c24ff348db8f304\n"
+  "gitHead": "ce8202c237a367c4038d41919a8acf75e1122507\n"
 }