codexly-ui 0.12.13 → 0.12.15

package/package.json

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

package/types/codexly-ui.d.ts

@@ -2928,9 +2928,19 @@ declare class ClxFilterPanelComponent {
      *  host keep a saturated brand color on checkboxes/slider (small accents) while giving the CTA
      *  button its own color and a bigger size if the sidebar's width calls for it. */
     readonly applyButtonColor: _angular_core.InputSignal<ClxColorInput | undefined>;
+    /** Text color for the same "Aplicar filtros" button — independent of applyButtonColor, same
+     *  rationale as clx-button's own [textColor]: a saturated applyButtonColor can leave the
+     *  auto-resolved contrast text illegible. Undefined leaves clx-button's own automatic
+     *  resolution untouched. */
+    readonly applyButtonTextColor: _angular_core.InputSignal<ClxColorInput | undefined>;
     readonly applyButtonSize: _angular_core.InputSignal<ClxButtonSize>;
     protected readonly _color: _angular_core.Signal<ClxColorInput>;
     protected readonly _applyButtonColor: _angular_core.Signal<ClxColorInput>;
+    /** Outer border — was a hardcoded border-clx-border (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 all use cardBorderColor/borderLight). Now
+     *  consistent with those. */
+    protected readonly _hostClass: _angular_core.Signal<string>;
     readonly values: _angular_core.ModelSignal<ClxFilterValues>;
     readonly filterChange: _angular_core.OutputEmitterRef<ClxFilterChangeEvent>;
     readonly applyChange: _angular_core.OutputEmitterRef<ClxFilterValues>;
@@ -2954,7 +2964,7 @@ declare class ClxFilterPanelComponent {
     protected _badgeCls(): string;
     protected _fieldBadgeCls(): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxFilterPanelComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxFilterPanelComponent, "clx-filter-panel", never, { "fields": { "alias": "fields"; "required": true; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "showApply": { "alias": "showApply"; "required": false; "isSignal": true; }; "applyButtonColor": { "alias": "applyButtonColor"; "required": false; "isSignal": true; }; "applyButtonSize": { "alias": "applyButtonSize"; "required": false; "isSignal": true; }; "values": { "alias": "values"; "required": false; "isSignal": true; }; }, { "values": "valuesChange"; "filterChange": "filterChange"; "applyChange": "applyChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxFilterPanelComponent, "clx-filter-panel", never, { "fields": { "alias": "fields"; "required": true; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "showApply": { "alias": "showApply"; "required": false; "isSignal": true; }; "applyButtonColor": { "alias": "applyButtonColor"; "required": false; "isSignal": true; }; "applyButtonTextColor": { "alias": "applyButtonTextColor"; "required": false; "isSignal": true; }; "applyButtonSize": { "alias": "applyButtonSize"; "required": false; "isSignal": true; }; "values": { "alias": "values"; "required": false; "isSignal": true; }; }, { "values": "valuesChange"; "filterChange": "filterChange"; "applyChange": "applyChange"; }, never, never, true, never>;
 }
 
 declare class ClxCarouselDirective {