codexly-ui 0.11.2 → 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.
Files changed (3) hide show
  1. package/fesm2022/codexly-ui.mjs +16 -18
  2. package/fesm2022/codexly-ui.mjs.map +1 -1
  3. package/package.json +1 -1
package/fesm2022/codexly-ui.mjs CHANGED
@@ -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
  }
@@ -11570,9 +11569,9 @@ class ClxNotificationComponent {
11570
11569
  </div>
11571
11570
 
11572
11571
  @if (_readCount() > 0) {
11573
- <div class="flex justify-end px-4 py-2.5 border-t border-clx-border-soft">
11574
- <button type="button" class="text-xs font-semibold text-clx-text-subtle hover:text-red-500"
11575
- (click)="deleteAllRead.emit()">
11572
+ <div class="flex justify-end px-3 py-2.5 border-t border-clx-border-soft">
11573
+ <button clx-button type="button" variant="ghost" color="red" size="xs"
11574
+ icon="delete_sweep" (click)="deleteAllRead.emit()">
11576
11575
  Eliminar leídas
11577
11576
  </button>
11578
11577
  </div>
@@ -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
  }
@@ -11684,9 +11682,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
11684
11682
  </div>
11685
11683
 
11686
11684
  @if (_readCount() > 0) {
11687
- <div class="flex justify-end px-4 py-2.5 border-t border-clx-border-soft">
11688
- <button type="button" class="text-xs font-semibold text-clx-text-subtle hover:text-red-500"
11689
- (click)="deleteAllRead.emit()">
11685
+ <div class="flex justify-end px-3 py-2.5 border-t border-clx-border-soft">
11686
+ <button clx-button type="button" variant="ghost" color="red" size="xs"
11687
+ icon="delete_sweep" (click)="deleteAllRead.emit()">
11690
11688
  Eliminar leídas
11691
11689
  </button>
11692
11690
  </div>