@nex-ui/react
Version:
🎉 A beautiful, modern, and reliable React component library.
34 lines (31 loc) • 839 B
JavaScript
import { defineRecipe } from '@nex-ui/system';
import { radiusVariant, colorVariant } from '../shared/variants.mjs';
const popoverRecipe = defineRecipe({
base: {
zIndex: 'popover',
_focusVisibleRing: {
outline: 'none'
}
}
});
const popoverContentRecipe = defineRecipe({
base: {
px: '3',
py: '1.5',
fs: 'md',
bg: 'colorPalette.primary',
color: 'colorPalette.contrastText'
},
variants: {
radius: radiusVariant,
color: {
...colorVariant,
default: {
bg: 'content',
color: 'inherit',
boxShadow: '0px 0px 5px 0px #00000005,0px 2px 10px 0px #0000000f,0px 0px 1px 0px #0000004d'
}
}
}
});
export { popoverContentRecipe, popoverRecipe };