@zakkster/lite-ui-fx 1.9.0 → 1.9.1

package/CHANGELOG.md

@@ -5,6 +5,33 @@ All notable changes to `@zakkster/lite-ui-fx` are documented here.
 The format follows Keep a Changelog; this project adheres to Semantic
 Versioning.
 
+## [1.9.1] -- 2026-09-07
+
+Patch: a rendering fix for the ReactionPicker recipe.
+
+### Added
+
+none
+
+### Changed
+
+- demo (not shipped in the package): the `passwordStrength` showcase input is
+  seeded with a weak value (`abc`) instead of an already-maximal one, so typing
+  visibly moves the strength meter. The recipe itself was unchanged and correct.
+
+### Fixed
+
+- ReactionPicker: the emoji faces inherited the circle's translucent `fillStyle`
+  (0.04 alpha at rest), so a colour glyph rendered at 4% opacity and the faces
+  were invisible until hover. An opaque fill (`colors[i]`) is now set before each
+  glyph; all five faces render at rest, and hover still inflates and highlights
+  the selected one. One precomputed array read per glyph -- the frame path stays
+  zero-allocation (torture alloc = 0.8759765625 B/op, unchanged).
+
+### Removed
+
+none
+
 ## [1.9.0] -- 2026-09-07
 
 Grouped controls (roadmap U7): a third mount mode for a control that is N native

package/UIFXController.js

@@ -22,7 +22,7 @@ import { Ticker } from '@zakkster/lite-ticker';
 
 // Three-place version sync: this constant, package.json "version", and the
 // VERSION line in llms.txt must always match. /release keeps them locked.
-export const VERSION = '1.9.0';
+export const VERSION = '1.9.1';
 
 // ---------------------------------------------------------
 //  SHARED TICKER (ref-counted, one RAF for all UI components)

package/UIFXRecipes.js

@@ -2571,8 +2571,14 @@ export function ReactionPicker(o = {}) {
                 c.fillStyle=active?colors30[i]:'rgba(255,255,255,.04)';
                 c.beginPath();c.arc(cx,cy-sizes[i]+10,sizes[i],0,PI2);c.fill();
 
-                // Emoji face (simplified) -- font from a const-string LUT
+                // Emoji face -- font from a const-string LUT. Set an OPAQUE fill
+                // first: the circle's fillStyle above is translucent (4% at rest),
+                // and a colour glyph inherits that alpha, so without this the faces
+                // are invisible until hover. colors[i] keeps a mono-emoji fallback
+                // tinted per reaction; a colour-emoji font ignores the hue and only
+                // takes the full alpha. Precomputed array read -- zero alloc.
                 c.font=FONTS[Math.round(sizes[i]*1.2)]||FONTS[48];c.textAlign='center';c.textBaseline='middle';
+                c.fillStyle=colors[i];
                 c.fillText(emojis[i],cx,cy-sizes[i]+10);
             }
 

package/llms.txt

@@ -1,7 +1,7 @@
 # @zakkster/lite-ui-fx
 > Canvas-hijacked UI components with pluggable recipe system. 57 built-in recipes.
 
-VERSION 1.9.0
+VERSION 1.9.1
 
 ## Install
 npm i @zakkster/lite-ui-fx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zakkster/lite-ui-fx",
-  "version": "1.9.0",
+  "version": "1.9.1",
   "description": "Canvas-hijacked UI components with a pluggable recipe system. 50 built-in recipes across toggles, buttons, sliders, knobs, loaders, checkboxes, counters, and ratings.",
   "author": "Zahary Shinikchiev <shinikchiev@yahoo.com>",
   "license": "MIT",