codexly-ui 0.12.10 → 0.12.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codexly-ui",
-  "version": "0.12.10",
+  "version": "0.12.12",
   "description": "Standalone, signal-based Angular UI component library for Codexly, styled with Tailwind CSS.",
   "keywords": [
     "angular",

package/types/codexly-ui.d.ts

@@ -3436,6 +3436,12 @@ declare class ClxProductDetailComponent {
      *  clxColor() when not set, so existing consumers are unaffected. */
     readonly actionColor: _angular_core.InputSignal<ClxColorInput | undefined>;
     protected readonly _actionColor: _angular_core.Signal<ClxColorInput>;
+    /** Text color for the same three CTAs (Comprar ahora / Agrega al carrito / Dejar una reseña) —
+     *  independent of actionColor, same rationale as clx-button's own [textColor]: a saturated
+     *  actionColor (e.g. brand yellow) can force a background where the auto-resolved white/dark-800
+     *  contrast text still reads poorly, and this lets a host pin the exact text tone instead.
+     *  Undefined (the default) leaves each button's own automatic contrast resolution untouched. */
+    readonly actionTextColor: _angular_core.InputSignal<ClxColorInput | undefined>;
     /** Optional override for the floating wishlist (heart) button on the gallery — same rationale
      *  as actionColor: a saturated brand color that works as a small accent elsewhere can look wrong
      *  as a solid filled circle. Falls back to clxColor()/'solid' when not set. */
@@ -3453,6 +3459,11 @@ declare class ClxProductDetailComponent {
     protected readonly _discountBadgeColor: _angular_core.Signal<ClxColorInput>;
     protected readonly _specButtonColor: _angular_core.Signal<ClxColorInput>;
     protected readonly _quantityColor: _angular_core.Signal<ClxColorInput>;
+    /** Text color for the spec option buttons (Talla/Material/etc — not the color-swatch spec type,
+     *  which uses opt.value as an inline background and has no clx-button text to color). Same
+     *  rationale as actionTextColor: independent of specButtonColor, undefined leaves clx-button's
+     *  own automatic contrast resolution untouched. */
+    readonly specButtonTextColor: _angular_core.InputSignal<ClxColorInput | undefined>;
     readonly loading: _angular_core.InputSignal<boolean>;
     readonly currency: _angular_core.InputSignal<string>;
     /** Hides the tabs (Características/Especificaciones/Descripción) and the Reviews section —
@@ -3544,7 +3555,7 @@ declare class ClxProductDetailComponent {
     specsLeft<T>(specs: T[]): T[];
     specsRight<T>(specs: T[]): T[];
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxProductDetailComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxProductDetailComponent, "clx-product-detail", never, { "product": { "alias": "product"; "required": false; "isSignal": true; }; "initialVariationId": { "alias": "initialVariationId"; "required": false; "isSignal": true; }; "clxColor": { "alias": "clxColor"; "required": false; "isSignal": true; }; "actionColor": { "alias": "actionColor"; "required": false; "isSignal": true; }; "wishlistColor": { "alias": "wishlistColor"; "required": false; "isSignal": true; }; "wishlistVariant": { "alias": "wishlistVariant"; "required": false; "isSignal": true; }; "stockBadgeColor": { "alias": "stockBadgeColor"; "required": false; "isSignal": true; }; "discountBadgeColor": { "alias": "discountBadgeColor"; "required": false; "isSignal": true; }; "specButtonColor": { "alias": "specButtonColor"; "required": false; "isSignal": true; }; "quantityColor": { "alias": "quantityColor"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "currency": { "alias": "currency"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; }, { "addToCart": "addToCart"; "buyNow": "buyNow"; "wishlist": "wishlist"; "variationChange": "variationChange"; "leaveReview": "leaveReview"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxProductDetailComponent, "clx-product-detail", never, { "product": { "alias": "product"; "required": false; "isSignal": true; }; "initialVariationId": { "alias": "initialVariationId"; "required": false; "isSignal": true; }; "clxColor": { "alias": "clxColor"; "required": false; "isSignal": true; }; "actionColor": { "alias": "actionColor"; "required": false; "isSignal": true; }; "actionTextColor": { "alias": "actionTextColor"; "required": false; "isSignal": true; }; "wishlistColor": { "alias": "wishlistColor"; "required": false; "isSignal": true; }; "wishlistVariant": { "alias": "wishlistVariant"; "required": false; "isSignal": true; }; "stockBadgeColor": { "alias": "stockBadgeColor"; "required": false; "isSignal": true; }; "discountBadgeColor": { "alias": "discountBadgeColor"; "required": false; "isSignal": true; }; "specButtonColor": { "alias": "specButtonColor"; "required": false; "isSignal": true; }; "quantityColor": { "alias": "quantityColor"; "required": false; "isSignal": true; }; "specButtonTextColor": { "alias": "specButtonTextColor"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "currency": { "alias": "currency"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; }, { "addToCart": "addToCart"; "buyNow": "buyNow"; "wishlist": "wishlist"; "variationChange": "variationChange"; "leaveReview": "leaveReview"; }, never, never, true, never>;
 }
 
 interface ClxProductQuickViewData {