bolt-table 0.1.33 → 0.1.34
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/dist/index.js +9 -7
- package/dist/index.mjs +9 -7
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -243,7 +243,7 @@ var DraggableHeader = import_react.default.memo(
|
|
|
243
243
|
const widthPx = `${columnWidth}px`;
|
|
244
244
|
const isPinned = Boolean(column.pinned);
|
|
245
245
|
const zIndex = isPinned ? 12 : 10;
|
|
246
|
-
const HEADER_SEP = "1px solid rgba(128,128,128,0.
|
|
246
|
+
const HEADER_SEP = "1px solid rgba(128,128,128,0.3)";
|
|
247
247
|
const headerStyle = {
|
|
248
248
|
position: "sticky",
|
|
249
249
|
top: stickyTop,
|
|
@@ -2948,6 +2948,8 @@ function BoltTable({
|
|
|
2948
2948
|
}
|
|
2949
2949
|
:where([data-bt-header]) {
|
|
2950
2950
|
background-color: rgba(128,128,128,0.06);
|
|
2951
|
+
backdrop-filter: blur(8px);
|
|
2952
|
+
-webkit-backdrop-filter: blur(8px);
|
|
2951
2953
|
}
|
|
2952
2954
|
:where([data-bt-pinned]) {
|
|
2953
2955
|
background-color: ${styles.pinnedBg ?? "Canvas"};
|
|
@@ -3433,8 +3435,8 @@ function BoltTable({
|
|
|
3433
3435
|
boxSizing: "border-box",
|
|
3434
3436
|
borderTop: "none",
|
|
3435
3437
|
borderLeft: "none",
|
|
3436
|
-
borderBottom: "1px solid rgba(128,128,128,0.
|
|
3437
|
-
borderRight: groupEndsAtLastCol ? "none" : "1px solid rgba(128,128,128,0.
|
|
3438
|
+
borderBottom: "1px solid rgba(128,128,128,0.3)",
|
|
3439
|
+
borderRight: groupEndsAtLastCol ? "none" : "1px solid rgba(128,128,128,0.3)",
|
|
3438
3440
|
fontWeight: 500,
|
|
3439
3441
|
userSelect: "none",
|
|
3440
3442
|
...group.style,
|
|
@@ -3472,8 +3474,8 @@ function BoltTable({
|
|
|
3472
3474
|
boxSizing: "border-box",
|
|
3473
3475
|
borderTop: "none",
|
|
3474
3476
|
borderLeft: "none",
|
|
3475
|
-
borderBottom: "1px solid rgba(128,128,128,0.
|
|
3476
|
-
borderRight: "1px solid rgba(128,128,128,0.
|
|
3477
|
+
borderBottom: "1px solid rgba(128,128,128,0.3)",
|
|
3478
|
+
borderRight: "1px solid rgba(128,128,128,0.3)",
|
|
3477
3479
|
position: "sticky",
|
|
3478
3480
|
left: columnOffsets.get("__select__") ?? 0,
|
|
3479
3481
|
top: 0,
|
|
@@ -3542,8 +3544,8 @@ function BoltTable({
|
|
|
3542
3544
|
boxSizing: "border-box",
|
|
3543
3545
|
borderTop: "none",
|
|
3544
3546
|
borderLeft: "none",
|
|
3545
|
-
borderBottom: "1px solid rgba(128,128,128,0.
|
|
3546
|
-
borderRight: "1px solid rgba(128,128,128,0.
|
|
3547
|
+
borderBottom: "1px solid rgba(128,128,128,0.3)",
|
|
3548
|
+
borderRight: "1px solid rgba(128,128,128,0.3)",
|
|
3547
3549
|
position: "sticky",
|
|
3548
3550
|
left: columnOffsets.get("__expand__") ?? 0,
|
|
3549
3551
|
top: 0,
|
package/dist/index.mjs
CHANGED
|
@@ -209,7 +209,7 @@ var DraggableHeader = React.memo(
|
|
|
209
209
|
const widthPx = `${columnWidth}px`;
|
|
210
210
|
const isPinned = Boolean(column.pinned);
|
|
211
211
|
const zIndex = isPinned ? 12 : 10;
|
|
212
|
-
const HEADER_SEP = "1px solid rgba(128,128,128,0.
|
|
212
|
+
const HEADER_SEP = "1px solid rgba(128,128,128,0.3)";
|
|
213
213
|
const headerStyle = {
|
|
214
214
|
position: "sticky",
|
|
215
215
|
top: stickyTop,
|
|
@@ -2920,6 +2920,8 @@ function BoltTable({
|
|
|
2920
2920
|
}
|
|
2921
2921
|
:where([data-bt-header]) {
|
|
2922
2922
|
background-color: rgba(128,128,128,0.06);
|
|
2923
|
+
backdrop-filter: blur(8px);
|
|
2924
|
+
-webkit-backdrop-filter: blur(8px);
|
|
2923
2925
|
}
|
|
2924
2926
|
:where([data-bt-pinned]) {
|
|
2925
2927
|
background-color: ${styles.pinnedBg ?? "Canvas"};
|
|
@@ -3405,8 +3407,8 @@ function BoltTable({
|
|
|
3405
3407
|
boxSizing: "border-box",
|
|
3406
3408
|
borderTop: "none",
|
|
3407
3409
|
borderLeft: "none",
|
|
3408
|
-
borderBottom: "1px solid rgba(128,128,128,0.
|
|
3409
|
-
borderRight: groupEndsAtLastCol ? "none" : "1px solid rgba(128,128,128,0.
|
|
3410
|
+
borderBottom: "1px solid rgba(128,128,128,0.3)",
|
|
3411
|
+
borderRight: groupEndsAtLastCol ? "none" : "1px solid rgba(128,128,128,0.3)",
|
|
3410
3412
|
fontWeight: 500,
|
|
3411
3413
|
userSelect: "none",
|
|
3412
3414
|
...group.style,
|
|
@@ -3444,8 +3446,8 @@ function BoltTable({
|
|
|
3444
3446
|
boxSizing: "border-box",
|
|
3445
3447
|
borderTop: "none",
|
|
3446
3448
|
borderLeft: "none",
|
|
3447
|
-
borderBottom: "1px solid rgba(128,128,128,0.
|
|
3448
|
-
borderRight: "1px solid rgba(128,128,128,0.
|
|
3449
|
+
borderBottom: "1px solid rgba(128,128,128,0.3)",
|
|
3450
|
+
borderRight: "1px solid rgba(128,128,128,0.3)",
|
|
3449
3451
|
position: "sticky",
|
|
3450
3452
|
left: columnOffsets.get("__select__") ?? 0,
|
|
3451
3453
|
top: 0,
|
|
@@ -3514,8 +3516,8 @@ function BoltTable({
|
|
|
3514
3516
|
boxSizing: "border-box",
|
|
3515
3517
|
borderTop: "none",
|
|
3516
3518
|
borderLeft: "none",
|
|
3517
|
-
borderBottom: "1px solid rgba(128,128,128,0.
|
|
3518
|
-
borderRight: "1px solid rgba(128,128,128,0.
|
|
3519
|
+
borderBottom: "1px solid rgba(128,128,128,0.3)",
|
|
3520
|
+
borderRight: "1px solid rgba(128,128,128,0.3)",
|
|
3519
3521
|
position: "sticky",
|
|
3520
3522
|
left: columnOffsets.get("__expand__") ?? 0,
|
|
3521
3523
|
top: 0,
|
package/package.json
CHANGED