@kubit-ui-web/react-components/dist/cjs/designSystem/kubit/components/tableV2/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_V2_STYLES = void 0;
const variants_1 = require("./variants");
exports.TABLE_V2_STYLES = {
    [variants_1.TableV2VariantType.DEFAULT]: {
        wrapper: {
            width: '100%',
            position: 'relative',
        },
        scrollableContainer: {
            width: '100%',
            overflow: 'auto',
        },
        leftBoxShadowContainer: {
            position: 'absolute',
            top: '0',
            bottom: '0',
            width: '5px',
            pointer_events: 'none',
            transition: 'box-shadow 200ms',
        },
        rightBoxShadowContainer: {
            position: 'absolute',
            top: '0',
            bottom: '0',
            width: '5px',
            pointer_events: 'none',
            transition: 'box-shadow 200ms',
        },
        container: {
            display: 'table',
            width: '100%',
        },
        // TODO When specified - update tokens
        headBoxShadow: '0 2px 4px 0 #d62c2c',
        leftBoxShadow: 'rgb(214, 44, 44) 8px 0px 5px -7px inset',
        rightBoxShadow: 'rgb(214, 44, 44) -8px 0px 5px -7px inset',
    },
};
//# sourceMappingURL=styles.js.map