@kubit-ui-web/react-components/dist/cjs/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

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.TABLE_ROW_STYLES = void 0;
const colors_1 = require("../../foundations/colors");
const variants_1 = require("./variants");
exports.TABLE_ROW_STYLES = {
    [variants_1.TableRowVariantTypeV2.HEADER_ROW_DEFAULT]: {
        container: {
            display: 'table-row',
        },
    },
    [variants_1.TableRowVariantTypeV2.HEADER_ROW_SECONDARY]: {
        container: {
            display: 'table-row',
            border_bottom: `2px solid ${colors_1.COLORS.SECONDARY.color_secondary_border_50}`,
        },
    },
    [variants_1.TableRowVariantTypeV2.BODY_ROW_DEFAULT]: {
        container: {
            display: 'table-row',
            border_bottom: `1px solid ${colors_1.COLORS.SECONDARY.color_secondary_border_50}`,
        },
        hoveredCellContainer: {
            // TODO When specified - update tokens
            color: 'black',
            background_color: colors_1.COLORS.NEUTRAL.color_neutral_bg_200,
            cursor: 'pointer',
        },
        activeCellContainer: {
            // TODO When specified - update tokens
            color: 'white',
            background_color: colors_1.COLORS.SECONDARY.color_secondary_bg_100,
        },
    },
};
//# sourceMappingURL=styles.js.map