export default { root: { transitionDuration: '{transition.duration}' }, header: { borderColor: '{datatable.border.color}', borderWidth: '1px 0 1px 0', padding: '0.75rem 1rem', fontWeight: '700' }, headerCell: { selectedBackground: '{highlight.background}', borderColor: '{datatable.border.color}', hoverColor: '{content.hover.color}', selectedColor: '{highlight.color}', gap: '0.5rem', padding: '0.75rem 1rem', fontWeight: '700', focusRing: { width: '{focus.ring.width}', style: '{focus.ring.style}', color: '{focus.ring.color}', offset: '{focus.ring.offset}', shadow: 'inset {focus.ring.shadow}' } }, row: { background: '{content.background}', hoverBackground: '{content.hover.background}', selectedBackground: '{highlight.background}', color: '{content.color}', hoverColor: '{content.hover.color}', selectedColor: '{highlight.color}', focusRing: { width: '{focus.ring.width}', style: '{focus.ring.style}', color: '{focus.ring.color}', offset: '{focus.ring.offset}', shadow: 'inset {focus.ring.shadow}' } }, bodyCell: { borderColor: '{datatable.border.color}', padding: '0.75rem 1rem' }, footerCell: { borderColor: '{datatable.border.color}', padding: '0.75rem 1rem', fontWeight: '700' }, footer: { borderColor: '{datatable.border.color}', borderWidth: '0 0 1px 0', padding: '0.75rem 1rem', fontWeight: '700' }, dropPointColor: '{primary.color}', columnResizerWidth: '0.5rem', resizeIndicator: { width: '1px', color: '{primary.color}' }, sortIcon: { color: '{text.muted.color}', hoverColor: '{text.hover.muted.color}' }, loadingIcon: { size: '2rem' }, rowToggleButton: { hoverBackground: '{content.hover.background}', selectedHoverBackground: '{content.background}', color: '{text.muted.color}', hoverColor: '{text.color}', selectedHoverColor: '{primary.color}', size: '1.75rem', borderRadius: '50%', focusRing: { width: '{focus.ring.width}', style: '{focus.ring.style}', color: '{focus.ring.color}', offset: '{focus.ring.offset}', shadow: '{focus.ring.shadow}' } }, filter: { inlineGap: '0.5rem', overlaySelect: { background: '{overlay.select.background}', borderColor: '{overlay.select.border.color}', borderRadius: '{overlay.select.border.radius}', color: '{overlay.select.color}', shadow: '{overlay.select.shadow}' }, overlayPopover: { background: '{overlay.popover.background}', borderColor: '{overlay.popover.border.color}', borderRadius: '{overlay.popover.border.radius}', color: '{overlay.popover.color}', shadow: '{overlay.popover.shadow}', padding: '{overlay.popover.padding}', gap: '0.5rem' }, rule: { borderColor: '{content.border.color}' }, constraintList: { padding: '{list.padding}', gap: '{list.gap}' }, constraint: { focusBackground: '{list.option.focus.background}', selectedBackground: '{list.option.selected.background}', selectedFocusBackground: '{list.option.selected.focus.background}', color: '{list.option.color}', focusColor: '{list.option.focus.color}', selectedColor: '{list.option.selected.color}', selectedFocusColor: '{list.option.selected.focus.color}', separator: { borderColor: '{content.border.color}' }, padding: '{list.option.padding}', borderRadius: '{list.option.border.radius}' } }, paginatorTop: { borderColor: '{content.border.color}', borderWidth: '0 0 1px 0' }, paginatorBottom: { borderColor: '{content.border.color}', borderWidth: '0 0 1px 0' }, colorScheme: { light: { root: { borderColor: '{content.border.color}' }, header: { background: '{surface.50}', color: '{text.color}' }, headerCell: { background: '{surface.50}', hoverBackground: '{surface.100}', color: '{text.color}' }, footer: { background: '{surface.50}', color: '{text.color}' }, footerCell: { background: '{surface.50}', color: '{text.color}' }, row: { stripedBackground: '{surface.50}' }, bodyCell: { selectedBorderColor: '{primary.100}' } }, dark: { root: { borderColor: '{surface.800}' }, header: { background: '{surface.800}', color: '{text.color}' }, headerCell: { background: '{surface.800}', hoverBackground: '{surface.700}', color: '{text.color}' }, footer: { background: '{surface.800}', color: '{text.color}' }, footerCell: { background: '{surface.800}', color: '{text.color}' }, row: { stripedBackground: '{surface.950}' }, bodyCell: { selectedBorderColor: '{primary.900}' } } } };