welcome-ui/dist/Table.css

Customizable design system with react, typescript, tailwindcss and ariakit.

@layer components{._root_msc2t_2{width:100%;overflow:hidden;border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}._content_msc2t_8{width:100%;overflow-x:auto}._content_msc2t_8 table{--borderWidth: var(--table-cell-border-width);--borderColorChecked: var(--table-cell-color-border-checked);width:100%;border-collapse:collapse}._content_msc2t_8 table tr{font-family:var(--font-family-body);font-size:var(--font-size-sm);border-bottom-color:var(--table-cell-color-border-default);border-bottom-width:var(--borderWidth);border-bottom-style:solid}._content_msc2t_8 table tr[data-clickable=true]{cursor:pointer}._content_msc2t_8 table tr[data-clickable=true]:hover{border-top-width:var(--borderWidth);border-top-style:solid;background-color:var(--table-cell-color-background-hover);border-color:var(--borderColorChecked)}._content_msc2t_8 table th,._content_msc2t_8 table td{padding:var(--table-cell-padding);text-align:left}._content_msc2t_8 table th:has(>[aria-checked]:only-child),._content_msc2t_8 table td:has(>[aria-checked]:only-child){max-width:var(--table-cell-size-checkbox)}._content_msc2t_8 table thead{background-color:var(--table-header-color-background-warm)}._content_msc2t_8 table thead tr{line-height:var(--font-line-height-xs);font-weight:var(--font-weight-medium)}._content_msc2t_8 table tbody tr{line-height:var(--font-line-height-md);font-weight:var(--font-weight-regular)}._content_msc2t_8 table tbody tr[aria-selected=true]{background-color:var(--table-cell-color-background-checked);border-bottom-width:0}._content_msc2t_8 table tbody tr[aria-selected=true]:not(tr[aria-selected=true]+tr[aria-selected=true]){border-top-width:var(--borderWidth);border-top-color:var(--borderColorChecked)}._content_msc2t_8 table tbody tr[aria-selected=true]:not(:has(+tr[aria-selected=true])){border-bottom-width:var(--borderWidth);border-bottom-color:var(--borderColorChecked)}._content_msc2t_8 table:has(tbody tr[data-clickable=true]:first-child:hover) thead tr,._content_msc2t_8 table:has(tbody tr:first-child[aria-selected=true]) thead tr{border-bottom-width:0}._content_msc2t_8 table tr:has(+tr[data-clickable=true]:hover),._content_msc2t_8 table tr:has(+tr[aria-selected=true]){border-bottom-width:0}._withColumnDivider_msc2t_73 table tbody td{border-right-color:var(--table-cell-color-border-default);border-right-width:var(--table-cell-border-width);border-right-style:solid}._withColumnDivider_msc2t_73 table tbody td:last-child{border-right:none}}