@nex-ui/react/dist/cjs/theme/recipes/popover.cjs

🎉 A beautiful, modern, and reliable React component library.

'use strict';

var system = require('@nex-ui/system');
var variants = require('../shared/variants.cjs');

const popoverRecipe = system.defineRecipe({
    base: {
        zIndex: 'popover',
        _focusVisibleRing: {
            outline: 'none'
        }
    }
});
const popoverContentRecipe = system.defineRecipe({
    base: {
        px: '3',
        py: '1.5',
        fs: 'md',
        bg: 'colorPalette.primary',
        color: 'colorPalette.contrastText'
    },
    variants: {
        radius: variants.radiusVariant,
        color: {
            ...variants.colorVariant,
            default: {
                bg: 'content',
                color: 'inherit',
                boxShadow: '0px 0px 5px 0px #00000005,0px 2px 10px 0px #0000000f,0px 0px 1px 0px #0000004d'
            }
        }
    }
});

exports.popoverContentRecipe = popoverContentRecipe;
exports.popoverRecipe = popoverRecipe;