@r2digisolutions/ui 0.28.2 → 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.
|
@@ -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-
|
|
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
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-
|
|
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-
|
|
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-
|
|
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="
|
|
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
|
|
352
|
+
<!-- Fila principal -->
|
|
353
353
|
<div
|
|
354
354
|
role="row"
|
|
355
355
|
tabindex="0"
|
|
356
|
-
class={`relative grid w-max items-stretch
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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>
|