codexly-ui 0.10.78 → 0.10.80

package/package.json

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

package/types/codexly-ui.d.ts

@@ -245,6 +245,9 @@ declare class ClxCardComponent {
     readonly shadow: _angular_core.InputSignal<ClxCardShadow | undefined>;
     readonly hover: _angular_core.InputSignal<boolean>;
     readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Set to false to drop the card's border entirely (e.g. a shadow-only card matching a
+     *  product-cart-style layout) regardless of variant/color. */
+    readonly border: _angular_core.InputSignal<boolean>;
     /** Auto-generated header icon (Material Symbols name) — shown in a rounded primary-subtle
      *  square next to headerTitle. Ignored when a manual [clxCardHeader] block is projected. */
     readonly icon: _angular_core.InputSignal<string | undefined>;
@@ -269,7 +272,7 @@ declare class ClxCardComponent {
     protected readonly _footerClass: _angular_core.Signal<string>;
     protected readonly _hostClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxCardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxCardComponent, "clx-card", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "shadow": { "alias": "shadow"; "required": false; "isSignal": true; }; "hover": { "alias": "hover"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "headerTitle": { "alias": "headerTitle"; "required": false; "isSignal": true; }; "headerSubtitle": { "alias": "headerSubtitle"; "required": false; "isSignal": true; }; }, {}, ["_headerSlot", "_headerActionsSlot", "_bodySlot", "_footerSlot"], ["[clxCardHeader]", "[clxCardHeaderActions]", "[clxCardBody]", "*", "[clxCardFooter]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxCardComponent, "clx-card", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "shadow": { "alias": "shadow"; "required": false; "isSignal": true; }; "hover": { "alias": "hover"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "headerTitle": { "alias": "headerTitle"; "required": false; "isSignal": true; }; "headerSubtitle": { "alias": "headerSubtitle"; "required": false; "isSignal": true; }; }, {}, ["_headerSlot", "_headerActionsSlot", "_bodySlot", "_footerSlot"], ["[clxCardHeader]", "[clxCardHeaderActions]", "[clxCardBody]", "*", "[clxCardFooter]"], true, never>;
 }
 
 declare class ClxCardHeaderDirective {
@@ -2979,6 +2982,13 @@ declare class ClxProductDetailComponent {
     readonly product: _angular_core.InputSignal<ClxProductDetailData | null>;
     readonly initialVariationId: _angular_core.InputSignal<string | null>;
     readonly clxColor: _angular_core.InputSignal<ClxColorInput>;
+    /** Optional override for just the two CTA buttons (Comprar ahora / Agrega al carrito) — some
+     *  brand colors (e.g. a saturated yellow) read fine as small accents (badges, tags, selected
+     *  spec chips) via clxColor but look garish filling a large solid button; this lets a host swap
+     *  only the CTAs to a calmer color without losing the accent everywhere else. Falls back to
+     *  clxColor() when not set, so existing consumers are unaffected. */
+    readonly actionColor: _angular_core.InputSignal<ClxColorInput | undefined>;
+    protected readonly _actionColor: _angular_core.Signal<ClxColorInput>;
     readonly loading: _angular_core.InputSignal<boolean>;
     readonly currency: _angular_core.InputSignal<string>;
     /** Hides the tabs (Características/Especificaciones/Descripción) and the Reviews section —
@@ -3056,7 +3066,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; }; "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"; }, 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; }; "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"; }, never, never, true, never>;
 }
 
 interface ClxProductQuickViewData {