@kubit-ui-web/react-components
Version:
Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience
22 lines • 902 B
JavaScript
import styled from 'styled-components';
import { getStyles, getTypographyStyles } from '../../utils/getStyles/getStyles';
export const TRStyled = styled.tr `
${({ $styles }) => getStyles($styles?.container)};
${({ $styles }) => getTypographyStyles($styles?.container)};
/* Styles are applied over the cell and no over the row, this is because the cell background could have been set, and it should be overriden when active or hover */
&[data-hoverable='true'] {
&:hover td,
&:hover th {
${({ $styles }) => getStyles($styles?.hoveredCellContainer)};
${({ $styles }) => getTypographyStyles($styles?.hoveredCellContainer)};
}
}
&[data-active='true'] {
td,
th {
${({ $styles }) => getStyles($styles?.activeCellContainer)};
${({ $styles }) => getTypographyStyles($styles?.activeCellContainer)};
}
}
`;
//# sourceMappingURL=tableRow.styled.js.map