codexly-ui 0.11.3 → 0.11.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -11507,7 +11507,7 @@ class ClxNotificationComponent {
11507
11507
  <p class="text-base font-semibold text-clx-text-label">Notificaciones</p>
11508
11508
  <div class="flex items-center gap-3">
11509
11509
  @if (_unreadCount() > 0) {
11510
- <button type="button" class="text-xs font-semibold shrink-0" [class]="_linkClass()"
11510
+ <button clx-button type="button" variant="ghost" [color]="_color()" size="xs"
11511
11511
  (click)="markAllRead.emit()">
11512
11512
  Marcar todo leído
11513
11513
  </button>
@@ -11554,12 +11554,11 @@ class ClxNotificationComponent {
11554
11554
  <p class="mt-1 text-xs text-clx-text-subtle tabular-nums">{{ _timeOf(item.createdAt) }}</p>
11555
11555
  </div>
11556
11556
 
11557
- <button type="button"
11558
- class="opacity-0 group-hover:opacity-100 focus-visible:opacity-100 transition-opacity shrink-0 rounded-md p-1 text-clx-text-subtle hover:text-red-500 hover:bg-red-50 dark:hover:bg-red-950"
11557
+ <button clx-button type="button" variant="ghost" color="red" shape="circle" size="xs"
11558
+ icon="close" [iconOnly]="true"
11559
+ class="opacity-0 group-hover:opacity-100 focus-visible:opacity-100 transition-opacity shrink-0"
11559
11560
  aria-label="Eliminar notificación"
11560
- (click)="$event.stopPropagation(); delete.emit(item.id)">
11561
- <span clx-icon name="close" size="xs"></span>
11562
- </button>
11561
+ (click)="$event.stopPropagation(); delete.emit(item.id)"></button>
11563
11562
  </div>
11564
11563
  }
11565
11564
  }
@@ -11621,7 +11620,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
11621
11620
  <p class="text-base font-semibold text-clx-text-label">Notificaciones</p>
11622
11621
  <div class="flex items-center gap-3">
11623
11622
  @if (_unreadCount() > 0) {
11624
- <button type="button" class="text-xs font-semibold shrink-0" [class]="_linkClass()"
11623
+ <button clx-button type="button" variant="ghost" [color]="_color()" size="xs"
11625
11624
  (click)="markAllRead.emit()">
11626
11625
  Marcar todo leído
11627
11626
  </button>
@@ -11668,12 +11667,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
11668
11667
  <p class="mt-1 text-xs text-clx-text-subtle tabular-nums">{{ _timeOf(item.createdAt) }}</p>
11669
11668
  </div>
11670
11669
 
11671
- <button type="button"
11672
- class="opacity-0 group-hover:opacity-100 focus-visible:opacity-100 transition-opacity shrink-0 rounded-md p-1 text-clx-text-subtle hover:text-red-500 hover:bg-red-50 dark:hover:bg-red-950"
11670
+ <button clx-button type="button" variant="ghost" color="red" shape="circle" size="xs"
11671
+ icon="close" [iconOnly]="true"
11672
+ class="opacity-0 group-hover:opacity-100 focus-visible:opacity-100 transition-opacity shrink-0"
11673
11673
  aria-label="Eliminar notificación"
11674
- (click)="$event.stopPropagation(); delete.emit(item.id)">
11675
- <span clx-icon name="close" size="xs"></span>
11676
- </button>
11674
+ (click)="$event.stopPropagation(); delete.emit(item.id)"></button>
11677
11675
  </div>
11678
11676
  }
11679
11677
  }