@crispy-seed/data-table 0.10.5 → 0.11.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/dist/data-table-recipe.css +58 -0
- package/dist/data-table-recipe.layered.css +63 -0
- package/dist/index.cjs +564 -311
- package/dist/index.d.ts +119 -55
- package/dist/index.js +564 -312
- package/dist/styles.css +63 -0
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -4666,6 +4666,7 @@
|
|
|
4666
4666
|
width: 100%;
|
|
4667
4667
|
font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
|
|
4668
4668
|
display: flex;
|
|
4669
|
+
position: relative;
|
|
4669
4670
|
}
|
|
4670
4671
|
|
|
4671
4672
|
.seed-data-table__table {
|
|
@@ -5378,6 +5379,68 @@ tr:hover .seed-data-table__entityActions, .seed-data-table__entityActions:focus-
|
|
|
5378
5379
|
padding: 0;
|
|
5379
5380
|
}
|
|
5380
5381
|
|
|
5382
|
+
.seed-data-table__bulkBar {
|
|
5383
|
+
box-sizing: border-box;
|
|
5384
|
+
inset-inline-start: 50%;
|
|
5385
|
+
bottom: var(--seed-dimension-x4);
|
|
5386
|
+
z-index: 30;
|
|
5387
|
+
align-items: center;
|
|
5388
|
+
gap: var(--seed-dimension-x3);
|
|
5389
|
+
min-height: 36px;
|
|
5390
|
+
padding-inline: var(--seed-dimension-x3_5);
|
|
5391
|
+
padding-block: var(--seed-dimension-x2);
|
|
5392
|
+
border-radius: var(--seed-radius-full);
|
|
5393
|
+
box-shadow: var(--seed-shadow-s3);
|
|
5394
|
+
background-color: var(--seed-color-bg-layer-floating);
|
|
5395
|
+
color: var(--seed-color-fg-neutral);
|
|
5396
|
+
font-family: inherit;
|
|
5397
|
+
font-size: var(--seed-font-size-t4);
|
|
5398
|
+
font-weight: var(--seed-font-weight-medium);
|
|
5399
|
+
white-space: nowrap;
|
|
5400
|
+
display: flex;
|
|
5401
|
+
position: absolute;
|
|
5402
|
+
transform: translateX(-50%);
|
|
5403
|
+
}
|
|
5404
|
+
|
|
5405
|
+
.seed-data-table__bulkBarCount {
|
|
5406
|
+
color: var(--seed-color-fg-neutral);
|
|
5407
|
+
font-variant-numeric: tabular-nums;
|
|
5408
|
+
flex-shrink: 0;
|
|
5409
|
+
}
|
|
5410
|
+
|
|
5411
|
+
.seed-data-table__bulkBarClear {
|
|
5412
|
+
box-sizing: border-box;
|
|
5413
|
+
width: 20px;
|
|
5414
|
+
height: 20px;
|
|
5415
|
+
color: color-mix(in srgb, var(--seed-color-fg-neutral) 55%, transparent);
|
|
5416
|
+
cursor: pointer;
|
|
5417
|
+
background: none;
|
|
5418
|
+
border: none;
|
|
5419
|
+
border-radius: 6px;
|
|
5420
|
+
flex-shrink: 0;
|
|
5421
|
+
justify-content: center;
|
|
5422
|
+
align-items: center;
|
|
5423
|
+
margin: 0;
|
|
5424
|
+
padding: 2px;
|
|
5425
|
+
font-family: inherit;
|
|
5426
|
+
transition: background-color .2s, color .2s;
|
|
5427
|
+
display: inline-flex;
|
|
5428
|
+
}
|
|
5429
|
+
|
|
5430
|
+
.seed-data-table__bulkBarClear:hover {
|
|
5431
|
+
background-color: color-mix(in srgb, var(--seed-color-fg-neutral) 8%, transparent);
|
|
5432
|
+
color: var(--seed-color-fg-neutral);
|
|
5433
|
+
}
|
|
5434
|
+
|
|
5435
|
+
.seed-data-table__bulkBarActions {
|
|
5436
|
+
align-items: center;
|
|
5437
|
+
gap: var(--seed-dimension-x3);
|
|
5438
|
+
border-inline-start: 1px solid color-mix(in srgb, var(--seed-color-fg-neutral) 16%, transparent);
|
|
5439
|
+
flex-shrink: 0;
|
|
5440
|
+
padding-inline-start: var(--seed-dimension-x3);
|
|
5441
|
+
display: flex;
|
|
5442
|
+
}
|
|
5443
|
+
|
|
5381
5444
|
.seed-data-table__root--surface_card {
|
|
5382
5445
|
border-color: var(--seed-color-stroke-neutral-muted);
|
|
5383
5446
|
background-color: var(--seed-color-bg-layer-default);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@crispy-seed/data-table",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.11.0",
|
|
4
4
|
"description": "Self-contained, publishable build of seed-design's Attio-measured DataTable, ResizablePanel and RecordPreview — one install, one CSS import.",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|