@primeuix/styles
Version:
604 lines (499 loc) • 20.1 kB
JavaScript
import{css}from"@primeuix/styled";var style=css`
.p-datatable {
position: relative;
}
.p-datatable-table {
border-spacing: 0;
border-collapse: separate;
width: 100%;
}
.p-datatable-scrollable > .p-datatable-table-container {
position: relative;
}
.p-datatable-scrollable-table > .p-datatable-thead {
inset-block-start: 0;
z-index: 1;
}
.p-datatable-scrollable-table > .p-datatable-frozen-tbody {
position: sticky;
z-index: 1;
}
.p-datatable-scrollable-table > .p-datatable-tfoot {
inset-block-end: 0;
z-index: 1;
}
.p-datatable-scrollable .p-datatable-frozen-column {
position: sticky;
background: dt('datatable.header.cell.background');
}
.p-datatable-scrollable th.p-datatable-frozen-column {
z-index: 1;
}
.p-datatable-scrollable > .p-datatable-table-container > .p-datatable-table > .p-datatable-thead,
.p-datatable-scrollable > .p-datatable-table-container > .p-virtualscroller > .p-datatable-table > .p-datatable-thead {
background: dt('datatable.header.cell.background');
}
.p-datatable-scrollable > .p-datatable-table-container > .p-datatable-table > .p-datatable-tfoot,
.p-datatable-scrollable > .p-datatable-table-container > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
background: dt('datatable.footer.cell.background');
}
.p-datatable-flex-scrollable {
display: flex;
flex-direction: column;
height: 100%;
}
.p-datatable-flex-scrollable > .p-datatable-table-container {
display: flex;
flex-direction: column;
flex: 1;
height: 100%;
}
.p-datatable-scrollable-table > .p-datatable-tbody > .p-datatable-row-group-header {
position: sticky;
z-index: 1;
}
.p-datatable-resizable-table > .p-datatable-thead > tr > th,
.p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
.p-datatable-resizable-table > .p-datatable-tbody > tr > td {
overflow: hidden;
white-space: nowrap;
}
.p-datatable-resizable-table > .p-datatable-thead > tr > th.p-datatable-resizable-column:not(.p-datatable-frozen-column) {
background-clip: padding-box;
position: relative;
}
.p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-datatable-resizable-column:last-child .p-datatable-column-resizer {
display: none;
}
.p-datatable-column-resizer {
display: block;
position: absolute;
inset-block-start: 0;
inset-inline-end: 0;
margin: 0;
width: dt('datatable.column.resizer.width');
height: 100%;
padding: 0;
cursor: col-resize;
border: 1px solid transparent;
}
.p-datatable-column-header-content {
display: flex;
align-items: center;
gap: dt('datatable.header.cell.gap');
}
.p-datatable-column-resize-indicator {
width: dt('datatable.resize.indicator.width');
position: absolute;
z-index: 10;
display: none;
background: dt('datatable.resize.indicator.color');
}
.p-datatable-row-reorder-indicator-up,
.p-datatable-row-reorder-indicator-down {
position: absolute;
display: none;
}
.p-datatable-reorderable-column,
.p-datatable-reorderable-row-handle {
cursor: move;
}
.p-datatable-mask {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
}
.p-datatable-inline-filter {
display: flex;
align-items: center;
width: 100%;
gap: dt('datatable.filter.inline.gap');
}
.p-datatable-inline-filter .p-datatable-filter-element-container {
flex: 1 1 auto;
width: 1%;
}
.p-datatable-filter-overlay {
background: dt('datatable.filter.overlay.select.background');
color: dt('datatable.filter.overlay.select.color');
border: 1px solid dt('datatable.filter.overlay.select.border.color');
border-radius: dt('datatable.filter.overlay.select.border.radius');
box-shadow: dt('datatable.filter.overlay.select.shadow');
min-width: 12.5rem;
}
.p-datatable-filter-constraint-list {
margin: 0;
list-style: none;
display: flex;
flex-direction: column;
padding: dt('datatable.filter.constraint.list.padding');
gap: dt('datatable.filter.constraint.list.gap');
}
.p-datatable-filter-constraint {
padding: dt('datatable.filter.constraint.padding');
color: dt('datatable.filter.constraint.color');
border-radius: dt('datatable.filter.constraint.border.radius');
cursor: pointer;
transition:
background dt('datatable.transition.duration'),
color dt('datatable.transition.duration'),
border-color dt('datatable.transition.duration'),
box-shadow dt('datatable.transition.duration');
}
.p-datatable-filter-constraint-selected {
background: dt('datatable.filter.constraint.selected.background');
color: dt('datatable.filter.constraint.selected.color');
}
.p-datatable-filter-constraint:not(.p-datatable-filter-constraint-selected):not(.p-disabled):hover {
background: dt('datatable.filter.constraint.focus.background');
color: dt('datatable.filter.constraint.focus.color');
}
.p-datatable-filter-constraint:focus-visible {
outline: 0 none;
background: dt('datatable.filter.constraint.focus.background');
color: dt('datatable.filter.constraint.focus.color');
}
.p-datatable-filter-constraint-selected:focus-visible {
outline: 0 none;
background: dt('datatable.filter.constraint.selected.focus.background');
color: dt('datatable.filter.constraint.selected.focus.color');
}
.p-datatable-filter-constraint-separator {
border-block-start: 1px solid dt('datatable.filter.constraint.separator.border.color');
}
.p-datatable-popover-filter {
display: inline-flex;
margin-inline-start: auto;
}
.p-datatable-filter-overlay-popover {
background: dt('datatable.filter.overlay.popover.background');
color: dt('datatable.filter.overlay.popover.color');
border: 1px solid dt('datatable.filter.overlay.popover.border.color');
border-radius: dt('datatable.filter.overlay.popover.border.radius');
box-shadow: dt('datatable.filter.overlay.popover.shadow');
min-width: 12.5rem;
padding: dt('datatable.filter.overlay.popover.padding');
display: flex;
flex-direction: column;
gap: dt('datatable.filter.overlay.popover.gap');
}
.p-datatable-filter-operator-dropdown {
width: 100%;
}
.p-datatable-filter-rule-list,
.p-datatable-filter-rule {
display: flex;
flex-direction: column;
gap: dt('datatable.filter.overlay.popover.gap');
}
.p-datatable-filter-rule {
border-block-end: 1px solid dt('datatable.filter.rule.border.color');
padding-bottom: dt('datatable.filter.overlay.popover.gap');
}
.p-datatable-filter-rule:last-child {
border-block-end: 0 none;
padding-bottom: 0;
}
.p-datatable-filter-add-rule-button {
width: 100%;
}
.p-datatable-filter-remove-rule-button {
width: 100%;
}
.p-datatable-filter-buttonbar {
padding: 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.p-datatable-virtualscroller-spacer {
display: flex;
}
.p-datatable .p-virtualscroller .p-virtualscroller-loading {
transform: none ;
min-height: 0;
position: sticky;
inset-block-start: 0;
inset-inline-start: 0;
}
.p-datatable-paginator-top {
border-color: dt('datatable.paginator.top.border.color');
border-style: solid;
border-width: dt('datatable.paginator.top.border.width');
}
.p-datatable-paginator-bottom {
border-color: dt('datatable.paginator.bottom.border.color');
border-style: solid;
border-width: dt('datatable.paginator.bottom.border.width');
}
.p-datatable-header {
background: dt('datatable.header.background');
color: dt('datatable.header.color');
border-color: dt('datatable.header.border.color');
border-style: solid;
border-width: dt('datatable.header.border.width');
padding: dt('datatable.header.padding');
}
.p-datatable-footer {
background: dt('datatable.footer.background');
color: dt('datatable.footer.color');
border-color: dt('datatable.footer.border.color');
border-style: solid;
border-width: dt('datatable.footer.border.width');
padding: dt('datatable.footer.padding');
}
.p-datatable-header-cell {
padding: dt('datatable.header.cell.padding');
background: dt('datatable.header.cell.background');
border-color: dt('datatable.header.cell.border.color');
border-style: solid;
border-width: 0 0 1px 0;
color: dt('datatable.header.cell.color');
font-weight: normal;
text-align: start;
transition:
background dt('datatable.transition.duration'),
color dt('datatable.transition.duration'),
border-color dt('datatable.transition.duration'),
outline-color dt('datatable.transition.duration'),
box-shadow dt('datatable.transition.duration');
}
.p-datatable-column-title {
font-weight: dt('datatable.column.title.font.weight');
}
.p-datatable-tbody > tr {
outline-color: transparent;
background: dt('datatable.row.background');
color: dt('datatable.row.color');
transition:
background dt('datatable.transition.duration'),
color dt('datatable.transition.duration'),
border-color dt('datatable.transition.duration'),
outline-color dt('datatable.transition.duration'),
box-shadow dt('datatable.transition.duration');
}
.p-datatable-tbody > tr > td {
text-align: start;
border-color: dt('datatable.body.cell.border.color');
border-style: solid;
border-width: 0 0 1px 0;
padding: dt('datatable.body.cell.padding');
}
.p-datatable-hoverable .p-datatable-tbody > tr:not(.p-datatable-row-selected):hover {
background: dt('datatable.row.hover.background');
color: dt('datatable.row.hover.color');
}
.p-datatable-tbody > tr.p-datatable-row-selected {
background: dt('datatable.row.selected.background');
color: dt('datatable.row.selected.color');
}
.p-datatable-tbody > tr:has(+ .p-datatable-row-selected) > td {
border-block-end-color: dt('datatable.body.cell.selected.border.color');
}
.p-datatable-tbody > tr.p-datatable-row-selected > td {
border-block-end-color: dt('datatable.body.cell.selected.border.color');
}
.p-datatable-tbody > tr:focus-visible,
.p-datatable-tbody > tr.p-datatable-contextmenu-row-selected {
box-shadow: dt('datatable.row.focus.ring.shadow');
outline: dt('datatable.row.focus.ring.width') dt('datatable.row.focus.ring.style') dt('datatable.row.focus.ring.color');
outline-offset: dt('datatable.row.focus.ring.offset');
}
.p-datatable-tfoot > tr > td {
text-align: start;
padding: dt('datatable.footer.cell.padding');
border-color: dt('datatable.footer.cell.border.color');
border-style: solid;
border-width: 0 0 1px 0;
color: dt('datatable.footer.cell.color');
background: dt('datatable.footer.cell.background');
}
.p-datatable-column-footer {
font-weight: dt('datatable.column.footer.font.weight');
}
.p-datatable-sortable-column {
cursor: pointer;
user-select: none;
outline-color: transparent;
}
.p-datatable-column-title,
.p-datatable-sort-icon,
.p-datatable-sort-badge {
vertical-align: middle;
}
.p-datatable-sort-icon {
color: dt('datatable.sort.icon.color');
font-size: dt('datatable.sort.icon.size');
width: dt('datatable.sort.icon.size');
height: dt('datatable.sort.icon.size');
transition: color dt('datatable.transition.duration');
}
.p-datatable-sortable-column:not(.p-datatable-column-sorted):hover {
background: dt('datatable.header.cell.hover.background');
color: dt('datatable.header.cell.hover.color');
}
.p-datatable-sortable-column:not(.p-datatable-column-sorted):hover .p-datatable-sort-icon {
color: dt('datatable.sort.icon.hover.color');
}
.p-datatable-column-sorted {
background: dt('datatable.header.cell.selected.background');
color: dt('datatable.header.cell.selected.color');
}
.p-datatable-column-sorted .p-datatable-sort-icon {
color: dt('datatable.header.cell.selected.color');
}
.p-datatable-sortable-column:focus-visible {
box-shadow: dt('datatable.header.cell.focus.ring.shadow');
outline: dt('datatable.header.cell.focus.ring.width') dt('datatable.header.cell.focus.ring.style') dt('datatable.header.cell.focus.ring.color');
outline-offset: dt('datatable.header.cell.focus.ring.offset');
}
.p-datatable-hoverable .p-datatable-selectable-row {
cursor: pointer;
}
.p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 dt('datatable.drop.point.color');
}
.p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 dt('datatable.drop.point.color');
}
.p-datatable-loading-icon {
font-size: dt('datatable.loading.icon.size');
width: dt('datatable.loading.icon.size');
height: dt('datatable.loading.icon.size');
}
.p-datatable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-datatable-gridlines .p-datatable-footer {
border-width: 0 1px 1px 1px;
}
.p-datatable-gridlines .p-datatable-paginator-top {
border-width: 1px 1px 0 1px;
}
.p-datatable-gridlines .p-datatable-paginator-bottom {
border-width: 0 1px 1px 1px;
}
.p-datatable-gridlines .p-datatable-thead > tr > th {
border-width: 1px 0 1px 1px;
}
.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
border-width: 1px;
}
.p-datatable-gridlines .p-datatable-tbody > tr > td {
border-width: 1px 0 0 1px;
}
.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
border-width: 1px 1px 0 1px;
}
.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
border-width: 1px 0 1px 1px;
}
.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
border-width: 1px;
}
.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px 0 1px 1px;
}
.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
border-width: 1px 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
border-width: 0 0 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
border-width: 0 0 1px 1px;
}
.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
border-width: 0 0 0 1px;
}
.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
border-width: 0 1px 0 1px;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
background: dt('datatable.row.striped.background');
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-datatable-row-selected {
background: dt('datatable.row.selected.background');
color: dt('datatable.row.selected.color');
}
.p-datatable-striped.p-datatable-hoverable .p-datatable-tbody > tr:not(.p-datatable-row-selected):hover {
background: dt('datatable.row.hover.background');
color: dt('datatable.row.hover.color');
}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: dt('datatable.header.sm.padding');
}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
padding: dt('datatable.header.cell.sm.padding');
}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
padding: dt('datatable.body.cell.sm.padding');
}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
padding: dt('datatable.footer.cell.sm.padding');
}
.p-datatable.p-datatable-sm .p-datatable-footer {
padding: dt('datatable.footer.sm.padding');
}
.p-datatable.p-datatable-lg .p-datatable-header {
padding: dt('datatable.header.lg.padding');
}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
padding: dt('datatable.header.cell.lg.padding');
}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
padding: dt('datatable.body.cell.lg.padding');
}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
padding: dt('datatable.footer.cell.lg.padding');
}
.p-datatable.p-datatable-lg .p-datatable-footer {
padding: dt('datatable.footer.lg.padding');
}
.p-datatable-row-toggle-button {
display: inline-flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
width: dt('datatable.row.toggle.button.size');
height: dt('datatable.row.toggle.button.size');
color: dt('datatable.row.toggle.button.color');
border: 0 none;
background: transparent;
cursor: pointer;
border-radius: dt('datatable.row.toggle.button.border.radius');
transition:
background dt('datatable.transition.duration'),
color dt('datatable.transition.duration'),
border-color dt('datatable.transition.duration'),
outline-color dt('datatable.transition.duration'),
box-shadow dt('datatable.transition.duration');
outline-color: transparent;
user-select: none;
}
.p-datatable-row-toggle-button:enabled:hover {
color: dt('datatable.row.toggle.button.hover.color');
background: dt('datatable.row.toggle.button.hover.background');
}
.p-datatable-tbody > tr.p-datatable-row-selected .p-datatable-row-toggle-button:hover {
background: dt('datatable.row.toggle.button.selected.hover.background');
color: dt('datatable.row.toggle.button.selected.hover.color');
}
.p-datatable-row-toggle-button:focus-visible {
box-shadow: dt('datatable.row.toggle.button.focus.ring.shadow');
outline: dt('datatable.row.toggle.button.focus.ring.width') dt('datatable.row.toggle.button.focus.ring.style') dt('datatable.row.toggle.button.focus.ring.color');
outline-offset: dt('datatable.row.toggle.button.focus.ring.offset');
}
.p-datatable-row-toggle-icon:dir(rtl) {
transform: rotate(180deg);
}
`;export{style};//# sourceMappingURL=index.mjs.map