orbiq-neural-ui-kit 1.1.8 → 1.1.10

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.
@@ -12567,7 +12567,7 @@ class NeuralDataTableComponent {
12567
12567
 
12568
12568
  <div class="ms-1.5">
12569
12569
  <!-- + Nuevo Button -->
12570
- <neural-button variant="solid" theme="blue" size="sm" icon="lucide-plus" [iconLeft]="true" class="!px-3 !h-8 !text-[12px]" (click)="onNewClick.emit()">
12570
+ <neural-button variant="solid" theme="gray" size="sm" icon="lucide-plus" [iconLeft]="true" class="!px-3 !h-8 !text-[12px]" (click)="onNewClick.emit()">
12571
12571
  {{ newLabel() }}
12572
12572
  </neural-button>
12573
12573
  </div>
@@ -12575,13 +12575,13 @@ class NeuralDataTableComponent {
12575
12575
  </div>
12576
12576
 
12577
12577
  <!-- Table Content -->
12578
- <div class="flex-1 overflow-x-auto min-h-[300px] relative">
12579
- <table class="w-full text-left border-collapse">
12578
+ <div class="flex-1 overflow-x-auto min-h-[300px] relative px-4">
12579
+ <table class="w-full text-left border-separate" style="border-spacing: 0;">
12580
12580
  <thead>
12581
- <tr class="border-b border-outline-gray-2 bg-white">
12581
+ <tr>
12582
12582
  @for (col of visibleColumns(); track col.key) {
12583
12583
  <th
12584
- class="px-4 py-2 text-sm font-medium text-ink-gray-8 truncate border-r border-outline-gray-2 last:border-r-0"
12584
+ class="px-4 py-2.5 text-sm font-medium text-ink-gray-6 bg-surface-gray-1 first:rounded-l-md last:rounded-r-md"
12585
12585
  [style.width]="col.width || 'auto'"
12586
12586
  >
12587
12587
  <div class="flex items-center justify-between group cursor-pointer hover:text-ink-gray-9" (click)="col.sortable ? onSort(col.key) : null">
@@ -12597,10 +12597,10 @@ class NeuralDataTableComponent {
12597
12597
  <tbody>
12598
12598
  @if (rows().length > 0) {
12599
12599
  @for (row of rows(); track row[rowKey()]) {
12600
- <tr class="border-b border-outline-gray-1 hover:bg-surface-gray-1 transition-colors group">
12601
- @for (col of visibleColumns(); track col.key) {
12600
+ <tr class="hover:bg-surface-gray-1 transition-colors group">
12601
+ @for (col of visibleColumns(); track col.key; let last = $last) {
12602
12602
  <td
12603
- class="px-4 py-2.5 text-sm font-normal text-ink-gray-7"
12603
+ class="px-4 py-3 text-sm font-normal text-ink-gray-8 border-b border-outline-gray-1 group-last:border-b-0"
12604
12604
  [class.truncate]="!wrapLines()"
12605
12605
  [class.whitespace-nowrap]="!wrapLines()"
12606
12606
  >
@@ -12693,7 +12693,7 @@ class NeuralDataTableComponent {
12693
12693
  <div actions>
12694
12694
  <div class="flex items-center justify-end gap-2 w-full">
12695
12695
  <neural-button variant="ghost" (click)="isPreferencesOpen.set(false)">Cancelar</neural-button>
12696
- <neural-button variant="solid" theme="blue" (click)="applyPreferences()">Continuar</neural-button>
12696
+ <neural-button variant="solid" theme="gray" (click)="applyPreferences()">Continuar</neural-button>
12697
12697
  </div>
12698
12698
  </div>
12699
12699
  </neural-dialog>
@@ -12788,7 +12788,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
12788
12788
 
12789
12789
  <div class="ms-1.5">
12790
12790
  <!-- + Nuevo Button -->
12791
- <neural-button variant="solid" theme="blue" size="sm" icon="lucide-plus" [iconLeft]="true" class="!px-3 !h-8 !text-[12px]" (click)="onNewClick.emit()">
12791
+ <neural-button variant="solid" theme="gray" size="sm" icon="lucide-plus" [iconLeft]="true" class="!px-3 !h-8 !text-[12px]" (click)="onNewClick.emit()">
12792
12792
  {{ newLabel() }}
12793
12793
  </neural-button>
12794
12794
  </div>
@@ -12796,13 +12796,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
12796
12796
  </div>
12797
12797
 
12798
12798
  <!-- Table Content -->
12799
- <div class="flex-1 overflow-x-auto min-h-[300px] relative">
12800
- <table class="w-full text-left border-collapse">
12799
+ <div class="flex-1 overflow-x-auto min-h-[300px] relative px-4">
12800
+ <table class="w-full text-left border-separate" style="border-spacing: 0;">
12801
12801
  <thead>
12802
- <tr class="border-b border-outline-gray-2 bg-white">
12802
+ <tr>
12803
12803
  @for (col of visibleColumns(); track col.key) {
12804
12804
  <th
12805
- class="px-4 py-2 text-sm font-medium text-ink-gray-8 truncate border-r border-outline-gray-2 last:border-r-0"
12805
+ class="px-4 py-2.5 text-sm font-medium text-ink-gray-6 bg-surface-gray-1 first:rounded-l-md last:rounded-r-md"
12806
12806
  [style.width]="col.width || 'auto'"
12807
12807
  >
12808
12808
  <div class="flex items-center justify-between group cursor-pointer hover:text-ink-gray-9" (click)="col.sortable ? onSort(col.key) : null">
@@ -12818,10 +12818,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
12818
12818
  <tbody>
12819
12819
  @if (rows().length > 0) {
12820
12820
  @for (row of rows(); track row[rowKey()]) {
12821
- <tr class="border-b border-outline-gray-1 hover:bg-surface-gray-1 transition-colors group">
12822
- @for (col of visibleColumns(); track col.key) {
12821
+ <tr class="hover:bg-surface-gray-1 transition-colors group">
12822
+ @for (col of visibleColumns(); track col.key; let last = $last) {
12823
12823
  <td
12824
- class="px-4 py-2.5 text-sm font-normal text-ink-gray-7"
12824
+ class="px-4 py-3 text-sm font-normal text-ink-gray-8 border-b border-outline-gray-1 group-last:border-b-0"
12825
12825
  [class.truncate]="!wrapLines()"
12826
12826
  [class.whitespace-nowrap]="!wrapLines()"
12827
12827
  >
@@ -12914,7 +12914,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
12914
12914
  <div actions>
12915
12915
  <div class="flex items-center justify-end gap-2 w-full">
12916
12916
  <neural-button variant="ghost" (click)="isPreferencesOpen.set(false)">Cancelar</neural-button>
12917
- <neural-button variant="solid" theme="blue" (click)="applyPreferences()">Continuar</neural-button>
12917
+ <neural-button variant="solid" theme="gray" (click)="applyPreferences()">Continuar</neural-button>
12918
12918
  </div>
12919
12919
  </div>
12920
12920
  </neural-dialog>