codexly-ui 0.12.23 → 0.12.24

package/fesm2022/codexly-ui.mjs

@@ -8414,7 +8414,11 @@ class ClxModalComponent {
     _confirmColor = computed(() => this.confirmButton()?.color ?? this._themeSvc.config().primaryColor, ...(ngDevMode ? [{ debugName: "_confirmColor" }] : /* istanbul ignore next */ []));
     _confirmVariant = computed(() => this.confirmButton()?.variant ?? 'solid', ...(ngDevMode ? [{ debugName: "_confirmVariant" }] : /* istanbul ignore next */ []));
     _cancelText = computed(() => this.cancelButton()?.text ?? 'Cancelar', ...(ngDevMode ? [{ debugName: "_cancelText" }] : /* istanbul ignore next */ []));
-    _cancelColor = computed(() => this.cancelButton()?.color ?? 'slate', ...(ngDevMode ? [{ debugName: "_cancelColor" }] : /* istanbul ignore next */ []));
+    /** 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. */
+    _cancelColor = computed(() => this.cancelButton()?.color, ...(ngDevMode ? [{ debugName: "_cancelColor" }] : /* istanbul ignore next */ []));
     _cancelVariant = computed(() => this.cancelButton()?.variant ?? 'ghost', ...(ngDevMode ? [{ debugName: "_cancelVariant" }] : /* istanbul ignore next */ []));
     _close() {
         this._modalRef?.close();
@@ -8454,6 +8458,7 @@ class ClxModalComponent {
           <button
             clx-button
             type="button"
+            emphasis="secondary"
             [color]="_cancelColor()"
             [variant]="_cancelVariant()"
             [icon]="cancelButton()?.icon"
@@ -8522,6 +8527,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
           <button
             clx-button
             type="button"
+            emphasis="secondary"
             [color]="_cancelColor()"
             [variant]="_cancelVariant()"
             [icon]="cancelButton()?.icon"
@@ -11857,7 +11863,11 @@ class ClxAlertComponent {
         return ALERT_CONFIRM_COLOR_MAP[this._type];
     }, ...(ngDevMode ? [{ debugName: "_confirmColor" }] : /* istanbul ignore next */ []));
     _cancelText = signal(this._opts.cancelButton?.text ?? 'Cancelar', ...(ngDevMode ? [{ debugName: "_cancelText" }] : /* istanbul ignore next */ []));
-    _cancelColor = computed(() => this._opts.cancelButton?.color ?? this._themeSvc.config().secondaryColor, ...(ngDevMode ? [{ debugName: "_cancelColor" }] : /* istanbul ignore next */ []));
+    /** 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. */
+    _cancelColor = computed(() => this._opts.cancelButton?.color, ...(ngDevMode ? [{ debugName: "_cancelColor" }] : /* istanbul ignore next */ []));
     _cancelVariant = signal(this._opts.cancelButton?.variant ?? 'ghost', ...(ngDevMode ? [{ debugName: "_cancelVariant" }] : /* istanbul ignore next */ []));
     // ─── Timer state ─────────────────────────────────────────────────────────
     _timerTotal = signal(this._opts.timer ?? 0, ...(ngDevMode ? [{ debugName: "_timerTotal" }] : /* istanbul ignore next */ []));
@@ -11959,6 +11969,7 @@ class ClxAlertComponent {
           <button
             clx-button
             type="button"
+            emphasis="secondary"
             [color]="_cancelColor()"
             [variant]="_cancelVariant()"
             size="md"
@@ -12031,6 +12042,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
           <button
             clx-button
             type="button"
+            emphasis="secondary"
             [color]="_cancelColor()"
             [variant]="_cancelVariant()"
             size="md"