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

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

import { SPACINGS } from '../../foundations/spacings';
import { Z_INDEX } from '../../foundations/zIndex';
import { OverlayVariantType } from './variants';
export const OVERLAY_STYLES = {
    [OverlayVariantType.DEFAULT]: {
        container: {
            position: 'fixed',
            top: '0',
            left: '0',
            z_index: Z_INDEX.OVERLAY,
            width: SPACINGS.spacing_100_vw,
            height: SPACINGS.spacing_100_vh,
            opacity: '0.7',
            background_color: '#D9D9D9',
        },
    },
    [OverlayVariantType.SECONDARY]: {
        container: {
            position: 'fixed',
            top: '0',
            left: '0',
            z_index: Z_INDEX.OVERLAY,
            width: SPACINGS.spacing_100_percent,
            height: SPACINGS.spacing_100_percent,
            opacity: '0.7',
            background_color: '#D9D9D9',
        },
    },
};
//# sourceMappingURL=styles.js.map