@kubit-ui-web/react-components/dist/esm/designSystem/kubit/components/tableRow/styles.js

Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience

import { COLORS } from '../../foundations/colors';
import { TableRowVariantTypeV2 } from './variants';
export const TABLE_ROW_STYLES = {
    [TableRowVariantTypeV2.HEADER_ROW_DEFAULT]: {
        container: {
            display: 'table-row',
        },
    },
    [TableRowVariantTypeV2.HEADER_ROW_SECONDARY]: {
        container: {
            display: 'table-row',
            border_bottom: `2px solid ${COLORS.SECONDARY.color_secondary_border_50}`,
        },
    },
    [TableRowVariantTypeV2.BODY_ROW_DEFAULT]: {
        container: {
            display: 'table-row',
            border_bottom: `1px solid ${COLORS.SECONDARY.color_secondary_border_50}`,
        },
        hoveredCellContainer: {
            // TODO When specified - update tokens
            color: 'black',
            background_color: COLORS.NEUTRAL.color_neutral_bg_200,
            cursor: 'pointer',
        },
        activeCellContainer: {
            // TODO When specified - update tokens
            color: 'white',
            background_color: COLORS.SECONDARY.color_secondary_bg_100,
        },
    },
};
//# sourceMappingURL=styles.js.map