@rowakit/table 0.3.0 → 0.4.0
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.
- package/README.md +14 -11
- package/dist/index.cjs +427 -77
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +428 -78
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/styles/table.css +56 -1
package/src/styles/table.css
CHANGED
|
@@ -28,6 +28,11 @@
|
|
|
28
28
|
background-color: var(--rowakit-table-bg);
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
+
/* PRD-03: Fixed layout mode for resizable columns */
|
|
32
|
+
.rowakit-table.rowakit-layout-fixed table {
|
|
33
|
+
table-layout: fixed;
|
|
34
|
+
}
|
|
35
|
+
|
|
31
36
|
/* ============================================================================
|
|
32
37
|
* TABLE HEADER
|
|
33
38
|
* ============================================================================ */
|
|
@@ -298,7 +303,6 @@
|
|
|
298
303
|
* ============================================================================ */
|
|
299
304
|
|
|
300
305
|
.rowakit-cell-truncate {
|
|
301
|
-
max-width: 0;
|
|
302
306
|
overflow: hidden;
|
|
303
307
|
text-overflow: ellipsis;
|
|
304
308
|
white-space: nowrap;
|
|
@@ -440,6 +444,7 @@
|
|
|
440
444
|
top: 0;
|
|
441
445
|
bottom: 0;
|
|
442
446
|
width: 12px;
|
|
447
|
+
z-index: 2;
|
|
443
448
|
cursor: col-resize;
|
|
444
449
|
background: transparent;
|
|
445
450
|
opacity: 0;
|
|
@@ -519,3 +524,53 @@
|
|
|
519
524
|
padding: 2px 6px;
|
|
520
525
|
font-size: 12px;
|
|
521
526
|
}
|
|
527
|
+
|
|
528
|
+
/* PRD-04: Save view form styles */
|
|
529
|
+
.rowakit-save-view-form {
|
|
530
|
+
display: flex;
|
|
531
|
+
gap: var(--rowakit-spacing-xs);
|
|
532
|
+
align-items: flex-start;
|
|
533
|
+
padding: var(--rowakit-spacing-xs);
|
|
534
|
+
background-color: var(--rowakit-color-gray-50);
|
|
535
|
+
border: 1px solid var(--rowakit-color-gray-200);
|
|
536
|
+
border-radius: var(--rowakit-border-radius);
|
|
537
|
+
flex-wrap: wrap;
|
|
538
|
+
}
|
|
539
|
+
|
|
540
|
+
.rowakit-save-view-input {
|
|
541
|
+
padding: var(--rowakit-spacing-xs) var(--rowakit-spacing-sm);
|
|
542
|
+
font-size: var(--rowakit-font-size-xs);
|
|
543
|
+
border: 1px solid var(--rowakit-color-gray-300);
|
|
544
|
+
border-radius: var(--rowakit-border-radius);
|
|
545
|
+
min-width: 150px;
|
|
546
|
+
}
|
|
547
|
+
|
|
548
|
+
.rowakit-save-view-input:focus {
|
|
549
|
+
outline: 2px solid var(--rowakit-color-primary-500);
|
|
550
|
+
outline-offset: -1px;
|
|
551
|
+
border-color: var(--rowakit-color-primary-500);
|
|
552
|
+
}
|
|
553
|
+
|
|
554
|
+
.rowakit-save-view-error {
|
|
555
|
+
color: var(--rowakit-color-error-500);
|
|
556
|
+
font-size: var(--rowakit-font-size-xs);
|
|
557
|
+
padding: 0 var(--rowakit-spacing-xs);
|
|
558
|
+
flex: 0 0 100%;
|
|
559
|
+
}
|
|
560
|
+
|
|
561
|
+
.rowakit-save-view-confirm {
|
|
562
|
+
display: flex;
|
|
563
|
+
gap: var(--rowakit-spacing-xs);
|
|
564
|
+
align-items: center;
|
|
565
|
+
padding: var(--rowakit-spacing-sm);
|
|
566
|
+
background-color: var(--rowakit-color-yellow-50);
|
|
567
|
+
border: 1px solid var(--rowakit-color-yellow-200);
|
|
568
|
+
border-radius: var(--rowakit-border-radius);
|
|
569
|
+
flex: 0 0 100%;
|
|
570
|
+
}
|
|
571
|
+
|
|
572
|
+
.rowakit-save-view-confirm p {
|
|
573
|
+
font-size: var(--rowakit-font-size-xs);
|
|
574
|
+
margin: 0;
|
|
575
|
+
flex: 1;
|
|
576
|
+
}
|