codexly-ui 0.12.22 → 0.12.24

package/package.json

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

package/types/codexly-ui.d.ts

@@ -2415,7 +2415,11 @@ declare class ClxModalComponent {
     protected readonly _confirmColor: _angular_core.Signal<codexly_ui.ClxColorInput>;
     protected readonly _confirmVariant: _angular_core.Signal<codexly_ui.ClxButtonVariant>;
     protected readonly _cancelText: _angular_core.Signal<string>;
-    protected readonly _cancelColor: _angular_core.Signal<codexly_ui.ClxColorInput>;
+    /** Undefined when the caller didn't pass an explicit cancelButton.color — lets the button's own
+     *  emphasis="secondary" resolve the theme's secondaryColor (with secondaryButtonTextColor
+     *  auto-applied on solid variants) instead of hardcoding 'slate', same convention as
+     *  clx-alert/clx-product-detail/clx-wishlist's secondary actions. */
+    protected readonly _cancelColor: _angular_core.Signal<codexly_ui.ClxColorInput | undefined>;
     protected readonly _cancelVariant: _angular_core.Signal<codexly_ui.ClxButtonVariant>;
     protected _close(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxModalComponent, never>;
@@ -2591,7 +2595,11 @@ declare class ClxAlertComponent implements OnInit, OnDestroy {
     protected readonly _confirmText: _angular_core.WritableSignal<string>;
     protected readonly _confirmColor: _angular_core.Signal<codexly_ui.ClxColorInput>;
     protected readonly _cancelText: _angular_core.WritableSignal<string>;
-    protected readonly _cancelColor: _angular_core.Signal<codexly_ui.ClxColorInput>;
+    /** Undefined when the caller didn't pass an explicit cancelButton.color — lets the button's own
+     *  emphasis="secondary" resolve the theme's secondaryColor (with secondaryButtonTextColor
+     *  auto-applied on solid variants), same convention as clx-product-detail/clx-wishlist's
+     *  secondary CTAs, instead of hardcoding secondaryColor here and losing that auto-text-color. */
+    protected readonly _cancelColor: _angular_core.Signal<codexly_ui.ClxColorInput | undefined>;
     protected readonly _cancelVariant: _angular_core.WritableSignal<ClxButtonVariant>;
     protected readonly _timerTotal: _angular_core.WritableSignal<number>;
     protected readonly _progressPct: _angular_core.WritableSignal<number>;
@@ -3660,11 +3668,18 @@ declare class ClxWishlistComponent {
      *  clx-input/clx-select/clx-pagination themselves. Previously this was a required-looking input
      *  defaulting to a hardcoded 'indigo' that every zone read directly, bypassing theme entirely. */
     readonly color: _angular_core.InputSignal<ClxColorInput | undefined>;
-    /** Text color for "Agregar todo al carrito" (variant="light") — independent of `color`, same
-     *  rationale as clx-button's own [textColor]: a saturated `color` can leave the auto-resolved
-     *  text illegible against a light-tinted background. Undefined leaves clx-button's own
-     *  automatic resolution untouched. */
+    /** Override for "Agregar todo al carrito" (variant="light") — same [color]/[textColor]/
+     *  [emphasis] precedence as clx-button itself: an explicit checkoutAllColor always wins;
+     *  otherwise checkoutAllEmphasis="secondary" resolves the theme's secondaryColor (falling back
+     *  to primaryColor) instead of `color()`/primaryColor, same as clx-product-detail's
+     *  addToCartColor + emphasis="secondary" treatment for its own secondary CTA. */
+    readonly checkoutAllColor: _angular_core.InputSignal<ClxColorInput | undefined>;
     readonly checkoutAllTextColor: _angular_core.InputSignal<ClxColorInput | undefined>;
+    readonly checkoutAllEmphasis: _angular_core.InputSignal<"primary" | "secondary">;
+    /** checkoutAllColor always wins when set. Otherwise: emphasis="secondary" is passed through
+     *  as-is (undefined) so clx-button resolves the theme's secondaryColor itself; emphasis="primary"
+     *  falls back to `color()`/theme primaryColor, same as every other zone in this component. */
+    protected readonly _checkoutAllColor: _angular_core.Signal<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>;
@@ -3719,7 +3734,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; }; "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>;
+    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; }; "checkoutAllColor": { "alias": "checkoutAllColor"; "required": false; "isSignal": true; }; "checkoutAllTextColor": { "alias": "checkoutAllTextColor"; "required": false; "isSignal": true; }; "checkoutAllEmphasis": { "alias": "checkoutAllEmphasis"; "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 */