codexly-ui 0.15.11 → 0.15.12

package/fesm2022/codexly-ui.mjs

@@ -15964,9 +15964,11 @@ class ClxStatCardComponent {
         // actually fit the grid's default rowHeight (92px × h).
         const sizing = `${radius} shadow-md p-3 w-full h-full justify-center overflow-hidden min-w-[200px]`;
         // banner is a solid gradient fill in the chosen color (no border, no surface bg — it IS the
-        // color) so it reads as a distinct "announcement" card rather than another bordered tile.
+        // color) so it reads as a distinct "announcement" card rather than another bordered tile. Kept
+        // light/close together (400→500, not the base shade down to -2 steps) so it reads as a tint
+        // rather than a saturated block.
         const surface = this.layout() === 'banner'
-            ? `bg-gradient-to-br ${resolveColor(this.color()).bgBase.replace('bg-', 'from-')} ${resolveColor(this.color()).bgDark.replace('bg-', 'to-')}`
+            ? `bg-gradient-to-br from-${parseColorInput(this.color()).color}-400 to-${parseColorInput(this.color()).color}-500`
             : `bg-clx-surface border ${resolveColor(this.color()).borderLight}`;
         // horizontal, bar and corner each stack a full-width row above another (flex-col) — corner's
         // top row (badge/icon) and bottom row (value/title) never share space either; vertical and