@kubit-ui-web/react-components/dist/cjs/designSystem/kubitWireframe/commons/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.getOliveMenuStyles = void 0;
const spacings_1 = require("../../../../../designSystem/kubitWireframe/commons/foundations/spacings");
const breakpoints_1 = require("../../../../../types/breakpoints/breakpoints");
const positions_1 = require("../../../../../types/positions/positions");
const variants_1 = require("../variants");
const variants_2 = require("./variants");
const getOliveMenuStyles = (COLORS) => {
    return {
        [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,
                },
            },
            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.DEFAULT,
                optionVariant: variants_1.OptionVariantType.DEFAULT,
            },
        },
    };
};
exports.getOliveMenuStyles = getOliveMenuStyles;
//# sourceMappingURL=styles.js.map