@kubit-ui-web/react-components/dist/cjs/designSystem/kubit/components/oliveMenu/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.OLIVE_MENU_STYLES = void 0;
const breakpoints_1 = require("../../../../types/breakpoints/breakpoints");
const positions_1 = require("../../../../types/positions/positions");
const spacings_1 = require("../../foundations/spacings");
const variants_1 = require("../variants");
const variants_2 = require("./variants");
exports.OLIVE_MENU_STYLES = {
    [variants_2.OliveMenuVariant.DEFAULT]: {
        container: {
            position: 'relative',
            display: 'inline-flex',
        },
        buttonContainer: {
            [breakpoints_1.DeviceBreakpointsType.DESKTOP]: {
                margin_bottom: spacings_1.SPACINGS.spacing_250,
            },
        },
        button: {
            [breakpoints_1.DeviceBreakpointsType.DESKTOP]: {
                size: variants_1.ButtonSizeType.MEDIUM,
            },
            [breakpoints_1.DeviceBreakpointsType.TABLET]: {
                size: variants_1.ButtonSizeType.MEDIUM,
            },
            [breakpoints_1.DeviceBreakpointsType.MOBILE]: {
                size: variants_1.ButtonSizeType.MEDIUM,
            },
        },
        listOptionsContainer: {
            display: 'flex',
            flex_direction: 'column',
            [breakpoints_1.DeviceBreakpointsType.DESKTOP]: {
                gap: spacings_1.SPACINGS.spacing_0,
            },
            [breakpoints_1.DeviceBreakpointsType.TABLET]: {
                gap: spacings_1.SPACINGS.spacing_0,
            },
            [breakpoints_1.DeviceBreakpointsType.MOBILE]: {
                gap: spacings_1.SPACINGS.spacing_0,
            },
        },
        popover: {
            [breakpoints_1.DeviceBreakpointsType.DESKTOP]: {
                left: '0px',
            },
        },
        popoverVariant: variants_1.PopoverVariantType.ACTION_BOTTOM_SHEET,
        actionBottomSheet: {
            variant: variants_1.ActionBottomSheetVariantType.DEFAULT,
            [breakpoints_1.DeviceBreakpointsType.DESKTOP]: {
                alignTitle: positions_1.POSITIONS.CENTER,
            },
            [breakpoints_1.DeviceBreakpointsType.TABLET]: {
                alignTitle: positions_1.POSITIONS.CENTER,
            },
            [breakpoints_1.DeviceBreakpointsType.MOBILE]: {
                alignTitle: positions_1.POSITIONS.CENTER,
            },
        },
        listOptions: {
            variant: variants_1.ListOptionsVariantType.SIDE_MENU_SECTION,
            optionVariant: variants_1.OptionVariantType.SIDE_MENU_LEVEL_2,
        },
    },
};
//# sourceMappingURL=styles.js.map