@cerberus-design/panda-preset
Version:
The official Panda-CSS preset for the omni-federal design system
38 lines (37 loc) • 716 B
JavaScript
// src/recipes/shared/modal.base.ts
var modalBase = {
alignSelf: "safe center",
bgColor: "page.surface.100",
mxi: "auto",
opacity: "0",
rounded: "md",
shadow: "lg",
_backdrop: {
bgColor: "page.backdrop.initial",
backdropFilter: "blur(2px)",
backdropBlur: "sm"
},
_motionSafe: {
animationName: "fadeInDown",
animationDuration: "250ms",
animationTimingFunction: "ease-in",
animationFillMode: "forwards"
},
_reduceMotion: {
opacity: "1"
}
};
var modalIconBase = {
mxi: "auto",
p: "2"
};
var modalHeading = {
color: "page.text.initial",
textStyle: "h4"
};
export {
modalBase,
modalIconBase,
modalHeading
};
//# sourceMappingURL=chunk-ELSAFE3B.js.map