canonrs-server 0.1.0

CanonRS server-side rendering support
/* ============================================================================
   Block: Data Table — tokens: data-table-block-*
   ============================================================================ */

[data-rs-data-table] {
    display: flex;
    flex-direction: column;
    gap: var(--data-table-block-gap);
    width: 100%;
}

[data-rs-data-table] [data-rs-region="toolbar"] {
    display: flex;
    align-items: center;
    gap: var(--data-table-block-toolbar-gap);
    padding: var(--data-table-block-toolbar-padding);
}

[data-rs-data-table] [data-rs-region="header"] {
    width: 100%;
}

[data-rs-data-table] [data-rs-region="table-wrap"] {
    width: 100%;
    min-height: 0;
    flex: 1;
}

/* density buttons — estado ativo */
[data-rs-density-btn] {
    cursor: pointer;
    opacity: 0.5;
    transition: opacity var(--motion-duration-fast) var(--motion-ease-standard);
}

[data-rs-density-btn][data-active="true"] {
    opacity: 1;
    font-weight: var(--font-weight-semibold);
}

/* checkbox column — alinhamento vertical */
[data-rs-table-cell]:first-child,
[data-rs-table-head]:first-child {
    width: var(--space-2xl);
    padding-inline: var(--space-sm);
    vertical-align: middle;
}

[data-rs-data-table] [data-rs-region="body"] {
    width: 100%;
}

[data-rs-data-table] [data-rs-region="empty"] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--data-table-block-empty-padding);
}

[data-rs-data-table] [data-rs-region="pagination"] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: var(--data-table-block-pagination-padding);
}