@crispy-seed/data-table 0.10.2 → 0.10.4
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 +37 -4
- package/dist/data-table-recipe.layered.css +43 -5
- package/dist/index.cjs +475 -97
- package/dist/index.d.ts +42 -42
- package/dist/index.js +475 -97
- package/dist/styles.css +43 -5
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -4857,6 +4857,11 @@
|
|
|
4857
4857
|
overflow: clip;
|
|
4858
4858
|
}
|
|
4859
4859
|
|
|
4860
|
+
.seed-data-table__cell:not([data-editable]) {
|
|
4861
|
+
-webkit-user-select: none;
|
|
4862
|
+
user-select: none;
|
|
4863
|
+
}
|
|
4864
|
+
|
|
4860
4865
|
.seed-data-table__cell:last-child {
|
|
4861
4866
|
border-inline-end: none;
|
|
4862
4867
|
}
|
|
@@ -4876,6 +4881,11 @@ tbody tr:last-child .seed-data-table__cell {
|
|
|
4876
4881
|
position: sticky;
|
|
4877
4882
|
}
|
|
4878
4883
|
|
|
4884
|
+
.seed-data-table__cell[data-overlay-open] {
|
|
4885
|
+
z-index: 20;
|
|
4886
|
+
overflow: visible;
|
|
4887
|
+
}
|
|
4888
|
+
|
|
4879
4889
|
.seed-data-table__cell[data-editable] {
|
|
4880
4890
|
cursor: default;
|
|
4881
4891
|
}
|
|
@@ -4993,21 +5003,48 @@ tr:hover .seed-data-table__entityActions, .seed-data-table__entityActions:focus-
|
|
|
4993
5003
|
flex-shrink: 0;
|
|
4994
5004
|
align-items: center;
|
|
4995
5005
|
padding: 0 4px;
|
|
4996
|
-
line-height:
|
|
5006
|
+
line-height: 15px;
|
|
4997
5007
|
display: inline-flex;
|
|
4998
5008
|
overflow: clip;
|
|
4999
5009
|
}
|
|
5000
5010
|
|
|
5001
5011
|
.seed-data-table__chipList {
|
|
5002
|
-
align-items: center;
|
|
5003
|
-
gap: var(--seed-dimension-x1_5);
|
|
5004
5012
|
flex-wrap: nowrap;
|
|
5013
|
+
align-items: center;
|
|
5014
|
+
gap: 3px;
|
|
5005
5015
|
width: 100%;
|
|
5006
5016
|
min-width: 0;
|
|
5007
5017
|
display: flex;
|
|
5018
|
+
position: relative;
|
|
5008
5019
|
overflow: hidden;
|
|
5009
5020
|
}
|
|
5010
5021
|
|
|
5022
|
+
.seed-data-table__chipOverflow {
|
|
5023
|
+
box-sizing: border-box;
|
|
5024
|
+
color: #000;
|
|
5025
|
+
height: 20px;
|
|
5026
|
+
font-size: 10px;
|
|
5027
|
+
font-weight: var(--seed-font-weight-regular);
|
|
5028
|
+
white-space: nowrap;
|
|
5029
|
+
background-color: #f6f7f7;
|
|
5030
|
+
border-radius: 6px;
|
|
5031
|
+
flex-shrink: 0;
|
|
5032
|
+
justify-content: center;
|
|
5033
|
+
align-items: center;
|
|
5034
|
+
padding: 0 4px;
|
|
5035
|
+
line-height: 15px;
|
|
5036
|
+
display: inline-flex;
|
|
5037
|
+
}
|
|
5038
|
+
|
|
5039
|
+
.seed-data-table__chipListEditor {
|
|
5040
|
+
flex-wrap: wrap;
|
|
5041
|
+
align-items: center;
|
|
5042
|
+
gap: 3px;
|
|
5043
|
+
width: 100%;
|
|
5044
|
+
min-width: 0;
|
|
5045
|
+
display: flex;
|
|
5046
|
+
}
|
|
5047
|
+
|
|
5011
5048
|
.seed-data-table__chipRemove {
|
|
5012
5049
|
box-sizing: border-box;
|
|
5013
5050
|
width: 12px;
|
|
@@ -5056,13 +5093,14 @@ tr:hover .seed-data-table__entityActions, .seed-data-table__entityActions:focus-
|
|
|
5056
5093
|
padding-inline: var(--seed-dimension-x3);
|
|
5057
5094
|
padding-block: var(--seed-dimension-x3);
|
|
5058
5095
|
background-color: var(--seed-color-bg-layer-floating);
|
|
5059
|
-
|
|
5060
|
-
box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral-weak), var(--seed-shadow-s3);
|
|
5096
|
+
box-shadow: none;
|
|
5061
5097
|
color: var(--seed-color-fg-neutral);
|
|
5062
5098
|
font-size: var(--seed-font-size-t4);
|
|
5063
5099
|
line-height: var(--seed-line-height-t4);
|
|
5064
5100
|
letter-spacing: -.14px;
|
|
5065
5101
|
cursor: default;
|
|
5102
|
+
border: 1px solid #266df0;
|
|
5103
|
+
border-radius: 4px;
|
|
5066
5104
|
align-items: flex-start;
|
|
5067
5105
|
display: flex;
|
|
5068
5106
|
position: absolute;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@crispy-seed/data-table",
|
|
3
|
-
"version": "0.10.
|
|
3
|
+
"version": "0.10.4",
|
|
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",
|