@crispy-seed/data-table 0.9.0 → 0.10.1
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 +109 -0
- package/dist/data-table-recipe.layered.css +118 -0
- package/dist/index.cjs +497 -35
- package/dist/index.d.ts +9 -1
- package/dist/index.js +498 -36
- package/dist/styles.css +118 -0
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -4981,6 +4981,124 @@ tr:hover .seed-data-table__entityActions, .seed-data-table__entityActions:focus-
|
|
|
4981
4981
|
text-decoration: underline;
|
|
4982
4982
|
}
|
|
4983
4983
|
|
|
4984
|
+
.seed-data-table__chip {
|
|
4985
|
+
box-sizing: border-box;
|
|
4986
|
+
max-width: 100%;
|
|
4987
|
+
height: 22px;
|
|
4988
|
+
font-size: 10px;
|
|
4989
|
+
font-weight: var(--seed-font-weight-regular);
|
|
4990
|
+
text-overflow: ellipsis;
|
|
4991
|
+
white-space: nowrap;
|
|
4992
|
+
border-radius: 7px;
|
|
4993
|
+
flex-shrink: 0;
|
|
4994
|
+
align-items: center;
|
|
4995
|
+
padding: 0 4px;
|
|
4996
|
+
line-height: 22px;
|
|
4997
|
+
display: inline-flex;
|
|
4998
|
+
overflow: clip;
|
|
4999
|
+
}
|
|
5000
|
+
|
|
5001
|
+
.seed-data-table__chipList {
|
|
5002
|
+
align-items: center;
|
|
5003
|
+
gap: var(--seed-dimension-x1_5);
|
|
5004
|
+
flex-wrap: nowrap;
|
|
5005
|
+
width: 100%;
|
|
5006
|
+
min-width: 0;
|
|
5007
|
+
display: flex;
|
|
5008
|
+
overflow: hidden;
|
|
5009
|
+
}
|
|
5010
|
+
|
|
5011
|
+
.seed-data-table__chipRemove {
|
|
5012
|
+
box-sizing: border-box;
|
|
5013
|
+
width: 12px;
|
|
5014
|
+
height: 12px;
|
|
5015
|
+
color: inherit;
|
|
5016
|
+
opacity: .6;
|
|
5017
|
+
cursor: pointer;
|
|
5018
|
+
background: none;
|
|
5019
|
+
border: none;
|
|
5020
|
+
border-radius: 999px;
|
|
5021
|
+
flex-shrink: 0;
|
|
5022
|
+
justify-content: center;
|
|
5023
|
+
align-items: center;
|
|
5024
|
+
margin: 0;
|
|
5025
|
+
margin-inline-start: 2px;
|
|
5026
|
+
padding: 0;
|
|
5027
|
+
transition: opacity .12s, background-color .12s;
|
|
5028
|
+
display: inline-flex;
|
|
5029
|
+
}
|
|
5030
|
+
|
|
5031
|
+
.seed-data-table__chipRemove:hover {
|
|
5032
|
+
opacity: 1;
|
|
5033
|
+
background-color: #00000014;
|
|
5034
|
+
}
|
|
5035
|
+
|
|
5036
|
+
.seed-data-table__chipInput {
|
|
5037
|
+
min-width: 40px;
|
|
5038
|
+
height: 22px;
|
|
5039
|
+
font-family: inherit;
|
|
5040
|
+
font-size: var(--seed-font-size-t4);
|
|
5041
|
+
color: var(--seed-color-fg-neutral);
|
|
5042
|
+
letter-spacing: -.14px;
|
|
5043
|
+
background: none;
|
|
5044
|
+
border: none;
|
|
5045
|
+
outline: none;
|
|
5046
|
+
flex: auto;
|
|
5047
|
+
margin: 0;
|
|
5048
|
+
padding: 0;
|
|
5049
|
+
}
|
|
5050
|
+
|
|
5051
|
+
.seed-data-table__expandOverlay {
|
|
5052
|
+
box-sizing: border-box;
|
|
5053
|
+
top: -1px;
|
|
5054
|
+
z-index: 10;
|
|
5055
|
+
min-height: calc(100% + 2px);
|
|
5056
|
+
padding-inline: var(--seed-dimension-x3);
|
|
5057
|
+
padding-block: var(--seed-dimension-x3);
|
|
5058
|
+
background-color: var(--seed-color-bg-layer-floating);
|
|
5059
|
+
border-radius: var(--seed-radius-r5);
|
|
5060
|
+
box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral-weak), var(--seed-shadow-s3);
|
|
5061
|
+
color: var(--seed-color-fg-neutral);
|
|
5062
|
+
font-size: var(--seed-font-size-t4);
|
|
5063
|
+
line-height: var(--seed-line-height-t4);
|
|
5064
|
+
letter-spacing: -.14px;
|
|
5065
|
+
cursor: default;
|
|
5066
|
+
align-items: flex-start;
|
|
5067
|
+
display: flex;
|
|
5068
|
+
position: absolute;
|
|
5069
|
+
inset-inline: -1px;
|
|
5070
|
+
}
|
|
5071
|
+
|
|
5072
|
+
.seed-data-table__expandOverlayText {
|
|
5073
|
+
white-space: normal;
|
|
5074
|
+
word-break: break-word;
|
|
5075
|
+
width: 100%;
|
|
5076
|
+
min-width: 0;
|
|
5077
|
+
}
|
|
5078
|
+
|
|
5079
|
+
.seed-data-table__cellSuffixRow {
|
|
5080
|
+
align-items: center;
|
|
5081
|
+
gap: 4px;
|
|
5082
|
+
width: 100%;
|
|
5083
|
+
min-width: 0;
|
|
5084
|
+
display: flex;
|
|
5085
|
+
}
|
|
5086
|
+
|
|
5087
|
+
.seed-data-table__cellSuffixText {
|
|
5088
|
+
text-overflow: ellipsis;
|
|
5089
|
+
white-space: nowrap;
|
|
5090
|
+
flex: 1;
|
|
5091
|
+
min-width: 0;
|
|
5092
|
+
overflow: clip;
|
|
5093
|
+
}
|
|
5094
|
+
|
|
5095
|
+
.seed-data-table__cellSuffixIcon {
|
|
5096
|
+
color: color-mix(in srgb, var(--seed-color-fg-neutral) 55%, transparent);
|
|
5097
|
+
flex-shrink: 0;
|
|
5098
|
+
align-items: center;
|
|
5099
|
+
display: inline-flex;
|
|
5100
|
+
}
|
|
5101
|
+
|
|
4984
5102
|
.seed-data-table__toolbar {
|
|
4985
5103
|
box-sizing: border-box;
|
|
4986
5104
|
align-items: center;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@crispy-seed/data-table",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.10.1",
|
|
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",
|