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

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

import { DeviceBreakpointsType } from '../../../../types/breakpoints/breakpoints';
import { RADIUS } from '../../foundations/borders';
import { COLORS } from '../../foundations/colors';
import { SPACINGS } from '../../foundations/spacings';
import { TopbarVariantType } from './variants';
const commonProps = {
    container: {
        background_color: COLORS.SECONDARY.color_secondary_bg_50,
        border_radius: RADIUS.radius_00,
    },
    breadcrumbs: {
        margin_top: SPACINGS.spacing_700,
    },
    content: {
        gap: SPACINGS.spacing_0,
    },
    leftContent: {
        gap: SPACINGS.spacing_50,
        [DeviceBreakpointsType.MOBILE]: {
            gap: SPACINGS.spacing_300,
        },
        [DeviceBreakpointsType.TABLET]: {
            gap: SPACINGS.spacing_300,
        },
    },
    rightContent: {
        gap: SPACINGS.spacing_50,
        [DeviceBreakpointsType.MOBILE]: {
            gap: SPACINGS.spacing_300,
        },
        [DeviceBreakpointsType.TABLET]: {
            gap: SPACINGS.spacing_300,
        },
    },
};
export const TOPBAR_STYLES = {
    [TopbarVariantType.DEFAULT]: {
        ...commonProps,
    },
    [TopbarVariantType.SECONDARY]: {
        ...commonProps,
        container: {
            background_color: COLORS.NEUTRAL.color_neutral_bg_250,
            border_radius: RADIUS.radius_00,
        },
    },
};
//# sourceMappingURL=styles.js.map