codexly-ui 0.12.20 → 0.12.22

package/package.json

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

package/types/codexly-ui.d.ts

@@ -2313,6 +2313,11 @@ declare class ClxProfileComponent {
     readonly fullName: _angular_core.Signal<string>;
     protected readonly _initials: _angular_core.Signal<string>;
     protected readonly _ringClass: _angular_core.Signal<string>;
+    /** Dropdown panel border — was a hardcoded border-clx-border-soft (a fixed global CSS var, same
+     *  gray in every theme) instead of reading the theme like every other card-shaped component
+     *  (clx-card, clx-product, clx-wishlist, clx-notification, clx-filter-panel all use
+     *  cardBorderColor/borderLight). Now consistent with those. */
+    protected readonly _panelClass: _angular_core.Signal<string>;
     protected _toggle(): void;
     protected _close(): void;
     protected _onKeydown(event: KeyboardEvent): void;
@@ -3660,9 +3665,11 @@ declare class ClxWishlistComponent {
      *  text illegible against a light-tinted background. Undefined leaves clx-button's own
      *  automatic resolution untouched. */
     readonly checkoutAllTextColor: _angular_core.InputSignal<ClxColorInput | undefined>;
-    /** Text color for each item's own "Añadir al carrito" (variant="solid") — independent of
-     *  `color`, same rationale as checkoutAllTextColor. */
-    readonly addToCartTextColor: _angular_core.InputSignal<ClxColorInput | undefined>;
+    /** Override for each item's own "Añadir al carrito" button (variant="solid") — same naming as
+     *  clx-product-detail's actionColor/actionTextColor. Falls back to `color()` when unset. */
+    readonly actionColor: _angular_core.InputSignal<ClxColorInput | undefined>;
+    readonly actionTextColor: _angular_core.InputSignal<ClxColorInput | undefined>;
+    protected readonly _actionColor: _angular_core.Signal<ClxColorInput>;
     /** Product card drop shadow — same ClxCardShadow scale as clx-card ('none' turns it off
      *  entirely). Falls back to 'sm', the shadow these cards have always rendered with. */
     readonly shadow: _angular_core.InputSignal<ClxCardShadow | undefined>;
@@ -3712,7 +3719,7 @@ declare class ClxWishlistComponent {
     handleRemove(item: ClxWishlistItem): void;
     handleCheckoutAll(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxWishlistComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxWishlistComponent, "clx-wishlist", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "checkoutAllTextColor": { "alias": "checkoutAllTextColor"; "required": false; "isSignal": true; }; "addToCartTextColor": { "alias": "addToCartTextColor"; "required": false; "isSignal": true; }; "shadow": { "alias": "shadow"; "required": false; "isSignal": true; }; "sortOptions": { "alias": "sortOptions"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "sortValue": { "alias": "sortValue"; "required": false; "isSignal": true; }; "searchValue": { "alias": "searchValue"; "required": false; "isSignal": true; }; }, { "currentPage": "currentPageChange"; "pageSize": "pageSizeChange"; "sortValue": "sortValueChange"; "searchValue": "searchValueChange"; "onRemove": "onRemove"; "onAddToCart": "onAddToCart"; "onSearchChange": "onSearchChange"; "onSortChange": "onSortChange"; "onPageChange": "onPageChange"; "onCheckoutAll": "onCheckoutAll"; "onBrowseCatalog": "onBrowseCatalog"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxWishlistComponent, "clx-wishlist", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "checkoutAllTextColor": { "alias": "checkoutAllTextColor"; "required": false; "isSignal": true; }; "actionColor": { "alias": "actionColor"; "required": false; "isSignal": true; }; "actionTextColor": { "alias": "actionTextColor"; "required": false; "isSignal": true; }; "shadow": { "alias": "shadow"; "required": false; "isSignal": true; }; "sortOptions": { "alias": "sortOptions"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "sortValue": { "alias": "sortValue"; "required": false; "isSignal": true; }; "searchValue": { "alias": "searchValue"; "required": false; "isSignal": true; }; }, { "currentPage": "currentPageChange"; "pageSize": "pageSizeChange"; "sortValue": "sortValueChange"; "searchValue": "searchValueChange"; "onRemove": "onRemove"; "onAddToCart": "onAddToCart"; "onSearchChange": "onSearchChange"; "onSortChange": "onSortChange"; "onPageChange": "onPageChange"; "onCheckoutAll": "onCheckoutAll"; "onBrowseCatalog": "onBrowseCatalog"; }, never, never, true, never>;
 }
 
 /** Refleja sa_cart_items + ca_variants + ca_products */