@blorkfield/overlay-core 0.5.8 → 0.5.9

package/dist/index.d.cts

@@ -419,6 +419,8 @@ interface TTFTextObstacleConfig {
     ttl?: number;
     /** Fill color for the letters (CSS color string, default: '#ffffff') */
     fillColor?: string;
+    /** Per-character fill colors (overrides fillColor for specific characters by index) */
+    fillColors?: string[];
     /** Line height for multiline text (default: fontSize * 1.2) */
     lineHeight?: number;
     /** Pressure threshold config - when reached, letters collapse */

package/dist/index.d.ts

@@ -419,6 +419,8 @@ interface TTFTextObstacleConfig {
     ttl?: number;
     /** Fill color for the letters (CSS color string, default: '#ffffff') */
     fillColor?: string;
+    /** Per-character fill colors (overrides fillColor for specific characters by index) */
+    fillColors?: string[];
     /** Line height for multiline text (default: fontSize * 1.2) */
     lineHeight?: number;
     /** Pressure threshold config - when reached, letters collapse */

package/dist/index.js

@@ -2455,6 +2455,7 @@ var OverlayScene = class {
     const baseTags = config.tags ?? [];
     const isStatic = !baseTags.includes("falling");
     const fillColor = config.fillColor ?? "#ffffff";
+    const fillColors = config.fillColors;
     const lineHeight = config.lineHeight ?? fontSize * 1.2;
     const letterIds = [];
     const letterMap = /* @__PURE__ */ new Map();
@@ -2568,6 +2569,7 @@ var OverlayScene = class {
         }
         const shadow = config.shadow ? { opacity: config.shadow.opacity ?? 0.3 } : void 0;
         const clicksRemaining = config.clickToFall?.clicks;
+        const charFillColor = fillColors?.[globalCharIndex] ?? fillColor;
         const entry = {
           id,
           body,
@@ -2578,7 +2580,7 @@ var OverlayScene = class {
             char,
             fontSize,
             fontFamily,
-            fillColor,
+            fillColor: charFillColor,
             offsetX,
             offsetY
           },