@crispy-seed/data-table 0.1.2 → 0.2.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 +32 -0
- package/dist/data-table-recipe.layered.css +36 -0
- package/dist/index.cjs +5994 -423
- package/dist/index.d.ts +74 -21
- package/dist/index.js +5994 -423
- package/dist/styles.css +36 -0
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -4958,7 +4958,43 @@ tbody tr:last-child .seed-data-table__cell {
|
|
|
4958
4958
|
|
|
4959
4959
|
.seed-data-table__search {
|
|
4960
4960
|
flex: 1;
|
|
4961
|
+
align-items: center;
|
|
4961
4962
|
max-width: 280px;
|
|
4963
|
+
display: inline-flex;
|
|
4964
|
+
position: relative;
|
|
4965
|
+
}
|
|
4966
|
+
|
|
4967
|
+
.seed-data-table__search svg {
|
|
4968
|
+
width: 14px;
|
|
4969
|
+
height: 14px;
|
|
4970
|
+
color: var(--seed-color-fg-neutral-subtle);
|
|
4971
|
+
pointer-events: none;
|
|
4972
|
+
position: absolute;
|
|
4973
|
+
inset-inline-start: var(--seed-dimension-x2);
|
|
4974
|
+
}
|
|
4975
|
+
|
|
4976
|
+
.seed-data-table__search input {
|
|
4977
|
+
width: 100%;
|
|
4978
|
+
height: var(--seed-dimension-x8);
|
|
4979
|
+
border-radius: var(--seed-radius-r2);
|
|
4980
|
+
background-color: var(--seed-color-bg-layer-default);
|
|
4981
|
+
box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral-muted), 0 0 2px #1c28402e, 0 1px 3px #0000000a;
|
|
4982
|
+
font-family: inherit;
|
|
4983
|
+
font-size: var(--seed-font-size-t4);
|
|
4984
|
+
color: var(--seed-color-fg-neutral);
|
|
4985
|
+
border: none;
|
|
4986
|
+
outline: none;
|
|
4987
|
+
padding-inline-start: var(--seed-dimension-x6);
|
|
4988
|
+
padding-inline-end: var(--seed-dimension-x2);
|
|
4989
|
+
transition: box-shadow .15s;
|
|
4990
|
+
}
|
|
4991
|
+
|
|
4992
|
+
.seed-data-table__search input::placeholder {
|
|
4993
|
+
color: var(--seed-color-fg-neutral-subtle);
|
|
4994
|
+
}
|
|
4995
|
+
|
|
4996
|
+
.seed-data-table__search input:focus {
|
|
4997
|
+
box-shadow: inset 0 0 0 1px #0298d9;
|
|
4962
4998
|
}
|
|
4963
4999
|
|
|
4964
5000
|
.seed-data-table__count {
|
package/package.json
CHANGED