@thi.ng/rdom 1.6.5 → 1.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # Change Log
2
2
 
3
- - **Last updated**: 2024-08-18T14:11:34Z
3
+ - **Last updated**: 2024-08-28T14:01:19Z
4
4
  - **Generator**: [thi.ng/monopub](https://thi.ng/monopub)
5
5
 
6
6
  All notable changes to this project will be documented in this file.
@@ -9,6 +9,12 @@ See [Conventional Commits](https://conventionalcommits.org/) for commit guidelin
9
9
  **Note:** Unlisted _patch_ versions only involve non-code or otherwise excluded changes
10
10
  and/or version bumps of transitive dependencies.
11
11
 
12
+ ## [1.7.0](https://github.com/thi-ng/umbrella/tree/@thi.ng/rdom@1.7.0) (2024-08-28)
13
+
14
+ #### 🚀 Features
15
+
16
+ - support setting CSS vars via $style() ([81169ee](https://github.com/thi-ng/umbrella/commit/81169ee))
17
+
12
18
  ## [1.6.0](https://github.com/thi-ng/umbrella/tree/@thi.ng/rdom@1.6.0) (2024-08-10)
13
19
 
14
20
  #### 🚀 Features
package/README.md CHANGED
@@ -332,7 +332,7 @@ Note: @thi.ng/api is in _most_ cases a type-only import (not used at runtime)
332
332
 
333
333
  ## Usage examples
334
334
 
335
- 47 projects in this repo's
335
+ 48 projects in this repo's
336
336
  [/examples](https://github.com/thi-ng/umbrella/tree/develop/examples)
337
337
  directory are using this package:
338
338
 
@@ -347,6 +347,7 @@ directory are using this package:
347
347
  | <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/dominant-colors.png" width="240"/> | Color palette generation via dominant color extraction from uploaded images | [Demo](https://demo.thi.ng/umbrella/dominant-colors/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/dominant-colors) |
348
348
  | <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/ellipse-proximity.png" width="240"/> | Interactive visualization of closest points on ellipses | [Demo](https://demo.thi.ng/umbrella/ellipse-proximity/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/ellipse-proximity) |
349
349
  | <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/fiber-basics.png" width="240"/> | Fiber-based cooperative multitasking basics | [Demo](https://demo.thi.ng/umbrella/fiber-basics/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/fiber-basics) |
350
+ | <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/fisheye-menu.avif" width="240"/> | Fisheye menu list component for thi.ng/rdom | [Demo](https://demo.thi.ng/umbrella/fisheye-menu/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/fisheye-menu) |
350
351
  | <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/layout-gridgen.png" width="240"/> | Randomized space-filling, nested grid layout generator | [Demo](https://demo.thi.ng/umbrella/layout-gridgen/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/layout-gridgen) |
351
352
  | <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/lispy-repl.png" width="240"/> | Browser REPL for a Lispy S-expression based mini language | [Demo](https://demo.thi.ng/umbrella/lispy-repl/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/lispy-repl) |
352
353
  | <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/mastodon-feed.jpg" width="240"/> | Mastodon API feed reader with support for different media types, fullscreen media modal, HTML rewriting | [Demo](https://demo.thi.ng/umbrella/mastodon-feed/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/mastodon-feed) |
package/dom.js CHANGED
@@ -190,7 +190,7 @@ const $style = (el, rules) => {
190
190
  for (let id in rules) {
191
191
  let v = deref(rules[id]);
192
192
  isFunction(v) && (v = v(rules));
193
- style[id] = v != null ? v : "";
193
+ style.setProperty(id, v != null ? v : "");
194
194
  }
195
195
  }
196
196
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@thi.ng/rdom",
3
- "version": "1.6.5",
3
+ "version": "1.7.1",
4
4
  "description": "Lightweight, reactive, VDOM-less UI/DOM components with async lifecycle and @thi.ng/hiccup compatible",
5
5
  "type": "module",
6
6
  "module": "./index.js",
@@ -40,10 +40,10 @@
40
40
  "@thi.ng/api": "^8.11.9",
41
41
  "@thi.ng/checks": "^3.6.11",
42
42
  "@thi.ng/errors": "^2.5.15",
43
- "@thi.ng/hiccup": "^5.2.11",
43
+ "@thi.ng/hiccup": "^5.2.12",
44
44
  "@thi.ng/paths": "^5.1.89",
45
45
  "@thi.ng/prefixes": "^2.3.26",
46
- "@thi.ng/rstream": "^9.0.0",
46
+ "@thi.ng/rstream": "^9.0.2",
47
47
  "@thi.ng/strings": "^3.8.4"
48
48
  },
49
49
  "devDependencies": {
@@ -146,5 +146,5 @@
146
146
  ],
147
147
  "year": 2020
148
148
  },
149
- "gitHead": "0d01681c64f5459647ab06f197f70dc90fb64cc9\n"
149
+ "gitHead": "9f71f7f82fed2a980078a96bdafd2e706f526c75\n"
150
150
  }