@nurl/panda-preset/build/modern/recipes/toast.cjs.map

Official Panda-CSS preset for the Ganglion Design System.

{"version":3,"sources":["../../../src/recipes/toast.ts"],"sourcesContent":["import { defineSlotRecipe } from '@pandacss/dev'\nimport { SLOTS, toastPalettes } from './shared/toast.base'\nimport { buttonBase } from './shared/button.base'\n\nexport const toast = defineSlotRecipe({\n  className: 'toast',\n  description: 'The styles for the Toast component',\n  slots: SLOTS,\n\n  base: {\n    root: {\n      display: 'inline-block',\n      pointerEvents: 'none',\n      position: 'fixed',\n      right: '4',\n      top: '4',\n      zIndex: 'toast',\n    },\n    container: {\n      alignItems: 'center',\n      animationName: 'fadeIn',\n      animationDuration: '150ms',\n      animationFillMode: 'forwards',\n      animationTimingFunction: 'ease-in-out',\n      bgColor: 'colorPalette.surface.initial',\n      color: 'colorPalette.surface.text.initial',\n      rounded: 'sm',\n      display: 'flex',\n      paddingInlineEnd: '4rem',\n      position: 'relative',\n      width: 'full',\n    },\n    featureIcon: {\n      alignItems: 'center',\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: 'center',\n      pxi: '6',\n    },\n    heading: {\n      paddingBottom: '1',\n    },\n    main: {\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: 'center',\n      minH: '5.25rem',\n      paddingBottom: '1rem',\n      paddingInlineEnd: '3.5',\n      paddingTop: '1rem',\n      textAlign: 'left',\n      width: '17rem',\n    },\n    closeRoot: {\n      display: 'inline-block',\n      pointerEvents: 'initial',\n      position: 'absolute',\n      right: '0',\n      top: '0',\n    },\n    undoBtn: {\n      ...buttonBase,\n      bgColor: 'transparent',\n      border: '2px solid',\n      borderColor: 'inherit',\n      borderRadius: '6px',\n      color: 'inherit',\n      fontSize: 'sm',\n      fontVariationSettings: \"'wght' 600\",\n      h: '2rem',\n      pxi: '1rem',\n      pointerEvents: 'initial',\n      transitionProperty: 'background-color, color',\n      transitionDuration: '150ms',\n      transitionTimingFunction: 'ease-in-out',\n      _hover: {\n        bgColor: 'colorPalette.text.initial',\n        color: 'colorPalette.surface.initial',\n      },\n    },\n  },\n\n  variants: {\n    palette: toastPalettes,\n  },\n\n  defaultVariants: {\n    palette: 'info',\n  },\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAiC;AACjC,mBAAqC;AACrC,oBAA2B;AAEpB,IAAM,YAAQ,6BAAiB;AAAA,EACpC,WAAW;AAAA,EACX,aAAa;AAAA,EACb,OAAO;AAAA,EAEP,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,eAAe;AAAA,MACf,UAAU;AAAA,MACV,OAAO;AAAA,MACP,KAAK;AAAA,MACL,QAAQ;AAAA,IACV;AAAA,IACA,WAAW;AAAA,MACT,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,yBAAyB;AAAA,MACzB,SAAS;AAAA,MACT,OAAO;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,kBAAkB;AAAA,MAClB,UAAU;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,aAAa;AAAA,MACX,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,KAAK;AAAA,IACP;AAAA,IACA,SAAS;AAAA,MACP,eAAe;AAAA,IACjB;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,MAAM;AAAA,MACN,eAAe;AAAA,MACf,kBAAkB;AAAA,MAClB,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,OAAO;AAAA,IACT;AAAA,IACA,WAAW;AAAA,MACT,SAAS;AAAA,MACT,eAAe;AAAA,MACf,UAAU;AAAA,MACV,OAAO;AAAA,MACP,KAAK;AAAA,IACP;AAAA,IACA,SAAS;AAAA,MACP,GAAG;AAAA,MACH,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,cAAc;AAAA,MACd,OAAO;AAAA,MACP,UAAU;AAAA,MACV,uBAAuB;AAAA,MACvB,GAAG;AAAA,MACH,KAAK;AAAA,MACL,eAAe;AAAA,MACf,oBAAoB;AAAA,MACpB,oBAAoB;AAAA,MACpB,0BAA0B;AAAA,MAC1B,QAAQ;AAAA,QACN,SAAS;AAAA,QACT,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EAEA,UAAU;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EAEA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;","names":[]}