@primeuix/styles
Version:
445 lines (366 loc) • 14.5 kB
JavaScript
import{css}from"@primeuix/styled";var style=css`
.p-treetable {
position: relative;
}
.p-treetable-table {
border-spacing: 0;
border-collapse: separate;
width: 100%;
}
.p-treetable-scrollable > .p-treetable-table-container {
position: relative;
}
.p-treetable-scrollable-table > .p-treetable-thead {
inset-block-start: 0;
z-index: 1;
}
.p-treetable-scrollable-table > .p-treetable-frozen-tbody {
position: sticky;
z-index: 1;
}
.p-treetable-scrollable-table > .p-treetable-tfoot {
inset-block-end: 0;
z-index: 1;
}
.p-treetable-scrollable .p-treetable-frozen-column {
position: sticky;
background: dt('treetable.header.cell.background');
}
.p-treetable-scrollable th.p-treetable-frozen-column {
z-index: 1;
}
.p-treetable-scrollable > .p-treetable-table-container > .p-treetable-table > .p-treetable-thead {
background: dt('treetable.header.cell.background');
}
.p-treetable-scrollable > .p-treetable-table-container > .p-treetable-table > .p-treetable-tfoot {
background: dt('treetable.footer.cell.background');
}
.p-treetable-flex-scrollable {
display: flex;
flex-direction: column;
height: 100%;
}
.p-treetable-flex-scrollable > .p-treetable-table-container {
display: flex;
flex-direction: column;
flex: 1;
height: 100%;
}
.p-treetable-scrollable-table > .p-treetable-tbody > .p-treetable-row-group-header {
position: sticky;
z-index: 1;
}
.p-treetable-resizable-table > .p-treetable-thead > tr > th,
.p-treetable-resizable-table > .p-treetable-tfoot > tr > td,
.p-treetable-resizable-table > .p-treetable-tbody > tr > td {
overflow: hidden;
white-space: nowrap;
}
.p-treetable-resizable-table > .p-treetable-thead > tr > th.p-treetable-resizable-column:not(.p-treetable-frozen-column) {
background-clip: padding-box;
position: relative;
}
.p-treetable-resizable-table-fit > .p-treetable-thead > tr > th.p-treetable-resizable-column:last-child .p-treetable-column-resizer {
display: none;
}
.p-treetable-column-resizer {
display: block;
position: absolute;
inset-block-start: 0;
inset-inline-end: 0;
margin: 0;
width: dt('treetable.column.resizer.width');
height: 100%;
padding: 0;
cursor: col-resize;
border: 1px solid transparent;
}
.p-treetable-column-header-content {
display: flex;
align-items: center;
gap: dt('treetable.header.cell.gap');
}
.p-treetable-column-resize-indicator {
width: dt('treetable.resize.indicator.width');
position: absolute;
z-index: 10;
display: none;
background: dt('treetable.resize.indicator.color');
}
.p-treetable-mask {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
}
.p-treetable-paginator-top {
border-color: dt('treetable.paginator.top.border.color');
border-style: solid;
border-width: dt('treetable.paginator.top.border.width');
}
.p-treetable-paginator-bottom {
border-color: dt('treetable.paginator.bottom.border.color');
border-style: solid;
border-width: dt('treetable.paginator.bottom.border.width');
}
.p-treetable-header {
background: dt('treetable.header.background');
color: dt('treetable.header.color');
border-color: dt('treetable.header.border.color');
border-style: solid;
border-width: dt('treetable.header.border.width');
padding: dt('treetable.header.padding');
}
.p-treetable-footer {
background: dt('treetable.footer.background');
color: dt('treetable.footer.color');
border-color: dt('treetable.footer.border.color');
border-style: solid;
border-width: dt('treetable.footer.border.width');
padding: dt('treetable.footer.padding');
}
.p-treetable-header-cell {
padding: dt('treetable.header.cell.padding');
background: dt('treetable.header.cell.background');
border-color: dt('treetable.header.cell.border.color');
border-style: solid;
border-width: 0 0 1px 0;
color: dt('treetable.header.cell.color');
font-weight: normal;
text-align: start;
transition:
background dt('treetable.transition.duration'),
color dt('treetable.transition.duration'),
border-color dt('treetable.transition.duration'),
outline-color dt('treetable.transition.duration'),
box-shadow dt('treetable.transition.duration');
}
.p-treetable-column-title {
font-weight: dt('treetable.column.title.font.weight');
}
.p-treetable-tbody > tr {
outline-color: transparent;
background: dt('treetable.row.background');
color: dt('treetable.row.color');
transition:
background dt('treetable.transition.duration'),
color dt('treetable.transition.duration'),
border-color dt('treetable.transition.duration'),
outline-color dt('treetable.transition.duration'),
box-shadow dt('treetable.transition.duration');
}
.p-treetable-tbody > tr > td {
text-align: start;
border-color: dt('treetable.body.cell.border.color');
border-style: solid;
border-width: 0 0 1px 0;
padding: dt('treetable.body.cell.padding');
}
.p-treetable-hoverable .p-treetable-tbody > tr:not(.p-treetable-row-selected):hover {
background: dt('treetable.row.hover.background');
color: dt('treetable.row.hover.color');
}
.p-treetable-tbody > tr.p-treetable-row-selected {
background: dt('treetable.row.selected.background');
color: dt('treetable.row.selected.color');
}
.p-treetable-tbody > tr:has(+ .p-treetable-row-selected) > td {
border-block-end-color: dt('treetable.body.cell.selected.border.color');
}
.p-treetable-tbody > tr.p-treetable-row-selected > td {
border-block-end-color: dt('treetable.body.cell.selected.border.color');
}
.p-treetable-tbody > tr:focus-visible,
.p-treetable-tbody > tr.p-treetable-contextmenu-row-selected {
box-shadow: dt('treetable.row.focus.ring.shadow');
outline: dt('treetable.row.focus.ring.width') dt('treetable.row.focus.ring.style') dt('treetable.row.focus.ring.color');
outline-offset: dt('treetable.row.focus.ring.offset');
}
.p-treetable-tfoot > tr > td {
text-align: start;
padding: dt('treetable.footer.cell.padding');
border-color: dt('treetable.footer.cell.border.color');
border-style: solid;
border-width: 0 0 1px 0;
color: dt('treetable.footer.cell.color');
background: dt('treetable.footer.cell.background');
}
.p-treetable-column-footer {
font-weight: dt('treetable.column.footer.font.weight');
}
.p-treetable-sortable-column {
cursor: pointer;
user-select: none;
outline-color: transparent;
}
.p-treetable-column-title,
.p-treetable-sort-icon,
.p-treetable-sort-badge {
vertical-align: middle;
}
.p-treetable-sort-icon {
color: dt('treetable.sort.icon.color');
font-size: dt('treetable.sort.icon.size');
width: dt('treetable.sort.icon.size');
height: dt('treetable.sort.icon.size');
transition: color dt('treetable.transition.duration');
}
.p-treetable-sortable-column:not(.p-treetable-column-sorted):hover {
background: dt('treetable.header.cell.hover.background');
color: dt('treetable.header.cell.hover.color');
}
.p-treetable-sortable-column:not(.p-treetable-column-sorted):hover .p-treetable-sort-icon {
color: dt('treetable.sort.icon.hover.color');
}
.p-treetable-column-sorted {
background: dt('treetable.header.cell.selected.background');
color: dt('treetable.header.cell.selected.color');
}
.p-treetable-column-sorted .p-treetable-sort-icon {
color: dt('treetable.header.cell.selected.color');
}
.p-treetable-sortable-column:focus-visible {
box-shadow: dt('treetable.header.cell.focus.ring.shadow');
outline: dt('treetable.header.cell.focus.ring.width') dt('treetable.header.cell.focus.ring.style') dt('treetable.header.cell.focus.ring.color');
outline-offset: dt('treetable.header.cell.focus.ring.offset');
}
.p-treetable-hoverable .p-treetable-selectable-row {
cursor: pointer;
}
.p-treetable-loading-icon {
font-size: dt('treetable.loading.icon.size');
width: dt('treetable.loading.icon.size');
height: dt('treetable.loading.icon.size');
}
.p-treetable-gridlines .p-treetable-header {
border-width: 1px 1px 0 1px;
}
.p-treetable-gridlines .p-treetable-footer {
border-width: 0 1px 1px 1px;
}
.p-treetable-gridlines .p-treetable-paginator-top {
border-width: 1px 1px 0 1px;
}
.p-treetable-gridlines .p-treetable-paginator-bottom {
border-width: 0 1px 1px 1px;
}
.p-treetable-gridlines .p-treetable-thead > tr > th {
border-width: 1px 0 1px 1px;
}
.p-treetable-gridlines .p-treetable-thead > tr > th:last-child {
border-width: 1px;
}
.p-treetable-gridlines .p-treetable-tbody > tr > td {
border-width: 1px 0 0 1px;
}
.p-treetable-gridlines .p-treetable-tbody > tr > td:last-child {
border-width: 1px 1px 0 1px;
}
.p-treetable-gridlines .p-treetable-tbody > tr:last-child > td {
border-width: 1px 0 1px 1px;
}
.p-treetable-gridlines .p-treetable-tbody > tr:last-child > td:last-child {
border-width: 1px;
}
.p-treetable-gridlines .p-treetable-tfoot > tr > td {
border-width: 1px 0 1px 1px;
}
.p-treetable-gridlines .p-treetable-tfoot > tr > td:last-child {
border-width: 1px 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-thead + .p-treetable-tfoot > tr > td {
border-width: 0 0 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-thead + .p-treetable-tfoot > tr > td:last-child {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines:has(.p-treetable-thead):has(.p-treetable-tbody) .p-treetable-tbody > tr > td {
border-width: 0 0 1px 1px;
}
.p-treetable.p-treetable-gridlines:has(.p-treetable-thead):has(.p-treetable-tbody) .p-treetable-tbody > tr > td:last-child {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines:has(.p-treetable-tbody):has(.p-treetable-tfoot) .p-treetable-tbody > tr:last-child > td {
border-width: 0 0 0 1px;
}
.p-treetable.p-treetable-gridlines:has(.p-treetable-tbody):has(.p-treetable-tfoot) .p-treetable-tbody > tr:last-child > td:last-child {
border-width: 0 1px 0 1px;
}
.p-treetable.p-treetable-sm .p-treetable-header {
padding: 0.375rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
padding: 0.375rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
padding: 0.375rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
padding: 0.375rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-footer {
padding: 0.375rem 0.5rem;
}
.p-treetable.p-treetable-lg .p-treetable-header {
padding: 0.9375rem 1.25rem;
}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
padding: 0.9375rem 1.25rem;
}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
padding: 0.9375rem 1.25rem;
}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
padding: 0.9375rem 1.25rem;
}
.p-treetable.p-treetable-lg .p-treetable-footer {
padding: 0.9375rem 1.25rem;
}
.p-treetable-body-cell-content {
display: flex;
align-items: center;
gap: dt('treetable.body.cell.gap');
}
.p-treetable-tbody > tr.p-treetable-row-selected .p-treetable-node-toggle-button {
color: inherit;
}
.p-treetable-node-toggle-button {
display: inline-flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
width: dt('treetable.node.toggle.button.size');
height: dt('treetable.node.toggle.button.size');
color: dt('treetable.node.toggle.button.color');
border: 0 none;
background: transparent;
cursor: pointer;
border-radius: dt('treetable.node.toggle.button.border.radius');
transition:
background dt('treetable.transition.duration'),
color dt('treetable.transition.duration'),
border-color dt('treetable.transition.duration'),
outline-color dt('treetable.transition.duration'),
box-shadow dt('treetable.transition.duration');
outline-color: transparent;
user-select: none;
}
.p-treetable-node-toggle-button:enabled:hover {
color: dt('treetable.node.toggle.button.hover.color');
background: dt('treetable.node.toggle.button.hover.background');
}
.p-treetable-tbody > tr.p-treetable-row-selected .p-treetable-node-toggle-button:hover {
background: dt('treetable.node.toggle.button.selected.hover.background');
color: dt('treetable.node.toggle.button.selected.hover.color');
}
.p-treetable-node-toggle-button:focus-visible {
box-shadow: dt('treetable.node.toggle.button.focus.ring.shadow');
outline: dt('treetable.node.toggle.button.focus.ring.width') dt('treetable.node.toggle.button.focus.ring.style') dt('treetable.node.toggle.button.focus.ring.color');
outline-offset: dt('treetable.node.toggle.button.focus.ring.offset');
}
.p-treetable-node-toggle-icon:dir(rtl) {
transform: rotate(180deg);
}
`;export{style};//# sourceMappingURL=index.mjs.map