mantine-alert-system
Version:
Alert system based on Mantine components
8 lines (7 loc) • 1.03 kB
Source Map (JSON)
{
"version": 3,
"sources": ["../src/transitions.ts"],
"sourcesContent": ["import type { CSSObject } from \"@mantine/core\";\nimport type { TransitionStatus } from \"react-transition-group\";\n\nexport type { TransitionStatus } from \"react-transition-group\";\n\nexport type TransitionFn = (status: TransitionStatus) => CSSObject;\n\nexport const SCALE_TRANSITION: TransitionFn = (status) => ({\n transform: `scaleY(${status === \"entered\" ? 1 : 0})`,\n});\n\nexport const RAISE_TRANSITION: TransitionFn = (status) => ({\n transform: `translateY(${status === \"entered\" ? 0 : 5}px)`,\n});\n\nexport const FALL_TRANSITION: TransitionFn = (status) => ({\n transform: `translateY(${status === \"entered\" ? 0 : -5}px)`,\n});\n"],
"mappings": "AAOO,IAAMA,EAAkCC,IAAY,CACzD,UAAW,UAAUA,IAAW,UAAY,EAAI,CAAC,GACnD,GAEaC,EAAkCD,IAAY,CACzD,UAAW,cAAcA,IAAW,UAAY,EAAI,CAAC,KACvD,GAEaE,EAAiCF,IAAY,CACxD,UAAW,cAAcA,IAAW,UAAY,EAAI,EAAE,KACxD",
"names": ["SCALE_TRANSITION", "status", "RAISE_TRANSITION", "FALL_TRANSITION"]
}