{"version":3,"file":"dist/build-client/static/js/KexNotificationBanner.1de286a1.chunk.js","mappings":"uLAOMA,GAAyBC,EAAAA,EAAAA,IAAO,MAAO,CAC3CC,SAAU,QACVC,EAAG,EACHC,EAAG,EACHC,EAAG,EACHC,GAAI,GACJC,wBAAyB,EACzBC,UAAU,GAADC,OAAKC,EAAAA,GAA0B,KAAAD,OAAIE,EAAAA,EAAAA,MAC5C,iBAAkB,CAChBC,GAAI,EACJJ,UAAU,GAADC,OAAKI,EAAAA,GAA2B,KAAAJ,OAAIE,EAAAA,EAAAA,OAE/CG,sBAAuB,UACvBC,EAAG,OACHC,OAAQ,gBACRC,gBAAiB,SACjBC,MAAO,SACPC,UACE,0EACFC,UAAW,WAGAC,GAAyBpB,EAAAA,EAAAA,IAAO,MAAO,CAClDc,EAAG,OACHO,SAAU,mBACVpB,SAAU,WACVqB,GAAI,OACJC,GAAI,EACJ,iBAAkB,CAEhB,WAAY,CACVC,QAAS,KACTvB,SAAU,WACVC,GAAI,EACJE,EAAG,EACHqB,MAAO,QACPC,YAAa,QACbC,YAAa,cACbC,kBAAmB,UACnBC,GAAI,EACJC,IAAK,MAKX,K,qDC/BA,UAhBA,SAA8BC,GAAiC,IAA9BC,EAAOD,EAAPC,QAC/B,OACEC,EAAAA,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SACGH,GACCC,EAAAA,EAAAA,KAAClC,EAAAA,EAAsB,CAAAoC,UACrBF,EAAAA,EAAAA,KAACb,EAAAA,EAAsB,CAAAe,UACrBF,EAAAA,EAAAA,KAAA,OAAAE,SAAMH,QAIV,IAIR,C","sources":["Molecules/Notifications/BaseNotificationStyles.ts","Molecules/Notifications/KexNotificationBanner.tsx"],"sourcesContent":["import { styled } from '../../stitches.config';\r\nimport { timings } from '../../Theme/Settings/animation';\r\nimport {\r\n  animationTranslateInMobile,\r\n  animationTranslateInDesktop,\r\n} from '../../Theme/Settings/keyframes';\r\n\r\nconst BaseNotificationStyles = styled('div', {\r\n  position: 'fixed',\r\n  t: 0,\r\n  l: 0,\r\n  r: 0,\r\n  mt: 23,\r\n  animationIterationCount: 1,\r\n  animation: `${animationTranslateInMobile} ${timings.five}`,\r\n  '@mediaMinLarge': {\r\n    pr: 9,\r\n    animation: `${animationTranslateInDesktop} ${timings.five}`,\r\n  },\r\n  MozAnimationDirection: 'forward',\r\n  w: '100%',\r\n  zIndex: '$Notification',\r\n  backgroundColor: '$black',\r\n  color: '$white',\r\n  boxShadow:\r\n    '0 2px 32px 2px rgba(59, 72, 80, 0.05), 0 0 4px 0 rgba(72, 72, 72, 0.15)',\r\n  textAlign: 'center',\r\n});\r\n\r\nexport const StyledContentContainer = styled('div', {\r\n  w: '100%',\r\n  maxWidth: '$contentMaxWidth',\r\n  position: 'relative',\r\n  mx: 'auto',\r\n  my: 4,\r\n  '@mediaMinLarge': {\r\n    //Chevron pointing to minicart\r\n    '&:before': {\r\n      content: '\"\"',\r\n      position: 'absolute',\r\n      t: -6,\r\n      r: 2,\r\n      float: 'right',\r\n      borderStyle: 'solid',\r\n      borderColor: 'transparent',\r\n      borderBottomColor: '$accent',\r\n      bw: 2,\r\n      btw: 0,\r\n    },\r\n  },\r\n});\r\n\r\nexport default BaseNotificationStyles;\r\n","import BaseNotification from '../../Shared/Notifications/Models/BaseNotification.interface';\r\nimport BaseNotificationStyles, {\r\n  StyledContentContainer,\r\n} from './BaseNotificationStyles';\r\n\r\nfunction KexNotificationBanner({ message }: BaseNotification) {\r\n  return (\r\n    <>\r\n      {message ? (\r\n        <BaseNotificationStyles>\r\n          <StyledContentContainer>\r\n            <div>{message}</div>\r\n          </StyledContentContainer>\r\n        </BaseNotificationStyles>\r\n      ) : (\r\n        ''\r\n      )}\r\n    </>\r\n  );\r\n}\r\n\r\nexport default KexNotificationBanner;\r\n"],"names":["BaseNotificationStyles","styled","position","t","l","r","mt","animationIterationCount","animation","concat","animationTranslateInMobile","timings","pr","animationTranslateInDesktop","MozAnimationDirection","w","zIndex","backgroundColor","color","boxShadow","textAlign","StyledContentContainer","maxWidth","mx","my","content","float","borderStyle","borderColor","borderBottomColor","bw","btw","_ref","message","_jsx","_Fragment","children"],"sourceRoot":""}