@r2digisolutions/ui 0.28.1 → 0.28.3

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 (2) hide show
  1. package/dist/components/container/DataTableShell/DataTableShell.svelte +14 -14
  2. package/package.json +1 -1
package/dist/components/container/DataTableShell/DataTableShell.svelte CHANGED
@@ -251,12 +251,12 @@
251
251
  <div class="min-w-full">
252
252
  <!-- HEADER -->
253
253
  <div
254
- class="sticky top-0 z-10 border-b border-neutral-200/80 bg-gradient-to-br from-neutral-100/95 via-neutral-50/95 to-neutral-100/95 text-[11px] tracking-wide text-neutral-500 uppercase backdrop-blur-xl dark:border-neutral-800/80 dark:bg-gradient-to-br dark:from-neutral-950/95 dark:via-neutral-950/95 dark:to-neutral-900/95 dark:text-neutral-400"
254
+ class="sticky top-0 z-10 border-b border-neutral-200/80 bg-neutral-50/95 text-[11px] tracking-wide text-neutral-500 uppercase backdrop-blur-xl dark:border-neutral-800/80 dark:bg-neutral-950/95 dark:text-neutral-400"
255
255
  >
256
- <div class="grid items-center gap-0" style={`grid-template-columns:${gridTemplate}`}>
256
+ <div class="grid w-max items-center gap-0" style={`grid-template-columns:${gridTemplate}`}>
257
257
  {#if controller.multiSelect}
258
258
  <div
259
- class={`sticky top-0 left-0 z-20 flex items-center justify-center border-r border-neutral-200/60 bg-neutral-100/95 px-2 ${
259
+ class={`sticky top-0 left-0 z-20 flex items-center justify-center border-r border-neutral-200/60 bg-neutral-50/95 px-2 ${
260
260
  density === 'compact' ? 'py-1.5' : 'py-2.5'
261
261
  } backdrop-blur-xl dark:border-neutral-800/70 dark:bg-neutral-950/95`}
262
262
  >
@@ -279,7 +279,7 @@
279
279
  density === 'compact' ? 'py-1.5' : 'py-2.5'
280
280
  } text-left text-[11px] font-semibold text-neutral-600 dark:border-neutral-800/70 dark:text-neutral-300 ${
281
281
  col.sticky === 'left'
282
- ? 'z-10 bg-neutral-100/95 shadow-[1px_0_0_rgba(15,23,42,0.15)] backdrop-blur-xl dark:bg-neutral-950/95'
282
+ ? 'z-10 bg-neutral-50/95 shadow-[1px_0_0_rgba(15,23,42,0.15)] backdrop-blur-xl dark:bg-neutral-950/95'
283
283
  : ''
284
284
  }`}
285
285
  style={col.sticky === 'left' && sticky?.left !== undefined
@@ -334,7 +334,7 @@
334
334
  {/each}
335
335
 
336
336
  <div
337
- class={`sticky top-0 right-0 z-20 flex items-center justify-end border-l border-neutral-200/60 bg-neutral-100/95 px-2 ${
337
+ class={`sticky top-0 right-0 z-20 flex items-center justify-end border-l border-neutral-200/60 bg-neutral-50/95 px-2 ${
338
338
  density === 'compact' ? 'py-1.5' : 'py-2.5'
339
339
  } backdrop-blur-xl dark:border-neutral-800/70 dark:bg-neutral-950/95`}
340
340
  ></div>
@@ -344,18 +344,18 @@
344
344
  <!-- BODY -->
345
345
  {#if controller.currentRows.length}
346
346
  {#if viewMode === 'list'}
347
- <div class="divide-y divide-neutral-200/80 dark:divide-neutral-800/80">
347
+ <div class="bg-white dark:bg-neutral-950">
348
348
  {#each controller.currentRows as row, index (rowIdFor(row, index))}
349
349
  {@const id = rowIdFor(row, index)}
350
350
 
351
351
  <div class="group relative">
352
- <!-- Fila principal como GRID (aquí va el background) -->
352
+ <!-- Fila principal -->
353
353
  <div
354
354
  role="row"
355
355
  tabindex="0"
356
- class={`relative grid items-stretch bg-neutral-50/60 text-xs text-neutral-800 transition-colors odd:bg-neutral-50/70 even:bg-neutral-100/60 hover:bg-neutral-100/90 dark:bg-neutral-950/70 dark:text-neutral-100 dark:odd:bg-neutral-950/70 dark:even:bg-neutral-900/70 dark:hover:bg-neutral-900/80 ${
356
+ class={`relative grid w-max items-stretch border-b border-neutral-200/80 bg-white text-xs text-neutral-800 transition-colors even:bg-neutral-50 hover:bg-neutral-100 dark:border-neutral-800/80 dark:bg-neutral-950 dark:even:bg-neutral-900 dark:hover:bg-neutral-900 ${
357
357
  controller.selectedIds.has(id)
358
- ? 'bg-purple-50/60 ring-1 ring-purple-400/60 dark:bg-purple-950/25'
358
+ ? 'bg-purple-50/60 ring-1 ring-purple-400/60 hover:bg-purple-50/60 dark:bg-purple-950/25 dark:hover:bg-purple-950/25'
359
359
  : ''
360
360
  }`}
361
361
  style={`grid-template-columns:${gridTemplate}`}
@@ -364,7 +364,7 @@
364
364
  >
365
365
  {#if controller.multiSelect}
366
366
  <div
367
- class={`sticky left-0 z-10 flex items-center justify-center border-r border-neutral-200/60 bg-neutral-50/95 px-2 ${
367
+ class={`sticky left-0 z-10 flex items-center justify-center border-r border-neutral-200/60 bg-white/95 px-2 ${
368
368
  density === 'compact' ? 'py-1.5' : 'py-2.5'
369
369
  } backdrop-blur-xl dark:border-neutral-800/70 dark:bg-neutral-950/95`}
370
370
  data-stop-row-toggle="true"
@@ -386,7 +386,7 @@
386
386
  density === 'compact' ? 'py-1.5' : 'py-2.5'
387
387
  } dark:border-neutral-800/70 ${
388
388
  col.sticky === 'left'
389
- ? 'z-[5] bg-neutral-50/95 shadow-[1px_0_0_rgba(15,23,42,0.10)] backdrop-blur-xl dark:bg-neutral-950/95'
389
+ ? 'z-[5] bg-white/95 shadow-[1px_0_0_rgba(15,23,42,0.10)] backdrop-blur-xl dark:bg-neutral-950/95'
390
390
  : ''
391
391
  }`}
392
392
  style={col.sticky === 'left' && sticky?.left !== undefined
@@ -417,7 +417,7 @@
417
417
  {/each}
418
418
 
419
419
  <div
420
- class={`sticky right-0 z-10 flex items-center justify-end border-l border-neutral-200/60 bg-neutral-50/95 px-2 ${
420
+ class={`sticky right-0 z-10 flex items-center justify-end border-l border-neutral-200/60 bg-white/95 px-2 ${
421
421
  density === 'compact' ? 'py-1.5' : 'py-2.5'
422
422
  } backdrop-blur-xl dark:border-neutral-800/70 dark:bg-neutral-950/95`}
423
423
  data-stop-row-toggle="true"
@@ -456,7 +456,7 @@
456
456
 
457
457
  {#if controller.overflowColumns.length}
458
458
  <div
459
- class="border-t border-dashed border-neutral-200/70 bg-neutral-50/80 px-3 py-2 text-[11px] text-neutral-600 dark:border-neutral-800/70 dark:bg-neutral-950/60 dark:text-neutral-300"
459
+ class="border-b border-dashed border-neutral-200/70 bg-white px-3 py-2 text-[11px] text-neutral-600 dark:border-neutral-800/70 dark:bg-neutral-950 dark:text-neutral-300"
460
460
  >
461
461
  {#if overflow}
462
462
  {@render overflow(row)}
@@ -484,7 +484,7 @@
484
484
 
485
485
  {#if rowCollapse && openRows.has(id)}
486
486
  <div
487
- class="border-t border-dashed border-neutral-200/70 bg-neutral-50/90 px-3 py-3 text-[11px] text-neutral-700 dark:border-neutral-800/70 dark:bg-neutral-950/70 dark:text-neutral-100"
487
+ class="border-b border-dashed border-neutral-200/70 bg-white px-3 py-3 text-[11px] text-neutral-700 dark:border-neutral-800/70 dark:bg-neutral-950 dark:text-neutral-100"
488
488
  >
489
489
  {@render rowCollapse(row)}
490
490
  </div>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@r2digisolutions/ui",
3
- "version": "0.28.1",
3
+ "version": "0.28.3",
4
4
  "private": false,
5
5
  "packageManager": "bun@1.3.4",
6
6
  "publishConfig": {