dap-design-system
Version:
Official design system for the DÁP (dap.gov.hu)
6 lines (5 loc) • 4.7 kB
JavaScript
const a = ":host{--dds-datatable-bg-color: var(--dds-background-neutral-subtle);--dds-datatable-border-color: var(--dds-border-neutral-divider);--dds-datatable-header-bg-color: var(--dds-background-neutral-subtle);--dds-datatable-header-text-color: var(--dds-text-neutral-strong);--dds-datatable-row-hover-bg-color: var(--dds-background-brand-strong);--dds-datatable-row-selected-bg-color: var(--dds-background-brand-strong);--dds-datatable-cell-padding: var(--dds-spacing-200);--dds-datatable-header-padding: var(--dds-spacing-200);--dds-datatable-last-column-padding: var(--dds-spacing-500);--dds-datatable-first-column-padding: var(--dds-spacing-500);--dds-datatable-border-width: var(--dds-border-width-base);--dds-datatable-outer-border-width: var(--dds-datatable-border-width);--dds-datatable-header-border-width: var(--dds-datatable-border-width);--dds-datatable-row-border-width: var(--dds-datatable-border-width);--dds-datatable-stripe-color: var(--dds-background-neutral-base);--dds-datatable-border-radius: var(--dds-radius-base);--dds-datatable-shadow: none;--dds-datatable-transition-duration: .2s;--dds-datatable-z-index: 1;--dds-datatable-min-height: auto;--dds-datatable-max-height: none;--dds-datatable-overflow-x: auto;--dds-datatable-overflow-y: auto}.data-table-container{display:block;width:100%;min-height:var(--dds-datatable-min-height, auto);max-height:var(--dds-datatable-max-height, none);overflow-x:var(--dds-datatable-overflow-x, auto);overflow-y:var(--dds-datatable-overflow-y, auto);border:var(--dds-datatable-outer-border-width) solid var(--dds-datatable-border-color);border-radius:var(--dds-datatable-border-radius)}.data-table{width:100%;min-width:max-content;table-layout:fixed;border-spacing:0;border-collapse:separate;background-color:var(--dds-datatable-bg-color);line-height:150%}.data-table-header-row th:last-child{padding-right:var(--dds-datatable-last-column-padding);border-right-width:0;border-top-right-radius:var(--dds-datatable-border-radius)}.data-table-header-row th:first-child{padding-left:var(--dds-datatable-first-column-padding);border-top-left-radius:var(--dds-datatable-border-radius)}.data-table-header-cell{padding:var(--dds-datatable-header-padding);overflow:hidden;border-bottom:var(--dds-datatable-header-border-width) solid var(--dds-datatable-border-color);background-color:var(--dds-datatable-header-bg-color);color:var(--dds-datatable-header-text-color);text-align:left}.data-table-header-cell>div{display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;gap:var(--dds-spacing-100)}.data-table-header-cell__content{display:flex;align-items:center;justify-content:inherit;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;gap:var(--dds-spacing-100)}.data-table-header-cell__controller::part(base){min-width:auto;padding:0}.data-table-cell{padding:var(--dds-datatable-cell-padding);overflow:hidden;border-bottom:var(--dds-datatable-row-border-width) solid var(--dds-datatable-border-color);text-overflow:ellipsis;white-space:nowrap}.data-table-cell--sticky-left,.data-table-cell--sticky-right{background-color:var(--dds-datatable-bg-color)}.data-table-cell--sticky-left,.data-table-header-cell--sticky-left{border-right:var(--dds-datatable-row-border-width) solid var(--dds-datatable-border-color)}.data-table-cell--sticky-right,.data-table-header-cell--sticky-right{border-left:var(--dds-datatable-row-border-width) solid var(--dds-datatable-border-color)}.data-table-row--clickable{cursor:pointer}.data-table-row--striped:nth-child(odd):not(.data-table-row--empty)>td{background-color:var(--dds-datatable-stripe-color)}.data-table-row--striped:nth-child(odd):not(.data-table-row--empty)>td:hover{background-color:var(--dds-datatable-row-hover-bg-color)}.data-table-row--selected.data-table-row--striped:nth-child(odd)>td{background-color:var(--dds-datatable-row-selected-bg-color)}.data-table-row:hover:not(.data-table-row--empty)>td{background-color:var(--dds-datatable-row-hover-bg-color)}.data-table-row--selected>td{background-color:var(--dds-datatable-row-selected-bg-color)}.data-table-row--empty{cursor:default;pointer-events:none}.data-table-row td{border-bottom:var(--dds-datatable-row-border-width) solid var(--dds-datatable-border-color)}.data-table-row td:last-child{padding-right:var(--dds-datatable-last-column-padding);border-right-width:0}.data-table-row td:first-child{padding-left:var(--dds-datatable-first-column-padding)}.data-table-row:last-child td{border-bottom:0}.data-table-placeholder{display:flex;align-items:center;justify-content:center;height:100%;padding:var(--dds-spacing-500)}";
export {
a as default
};
//# sourceMappingURL=datatable.scss.js.map