{"version":3,"sources":["webpack:///./src/pages/components/alert/scss/index.mdx"],"names":["pageQuery","_frontmatter","layoutProps","MDXLayout","DefaultLayout","MDXContent","components","props","mdxType","data","parentName","isMDXComponent"],"mappings":"sUAQO,IAAMA,EAAY,aAgBZC,EAAe,GAOtBC,EAAc,CAClBF,YACAC,gBAEIE,EAAYC,IACH,SAASC,EAAT,GAGZ,IAFDC,EAEC,EAFDA,WACGC,E,oIACF,mBACD,OAAO,cAACJ,EAAD,iBAAeD,EAAiBK,EAAhC,CAAuCD,WAAYA,EAAYE,QAAQ,cAI5E,cAAC,IAAD,CAAiBC,KAAMF,EAAME,KAAMD,QAAQ,oBAC3C,yCACA,iFACA,yBAAK,oCAAME,WAAW,OAAU,CAC5B,UAAa,kBADZ,qRASL,yBAAK,oCAAMA,WAAW,OAAU,CAC5B,UAAa,kBADZ,sRASL,yBAAK,oCAAMA,WAAW,OAAU,CAC5B,UAAa,kBADZ,oRASL,yBAAK,oCAAMA,WAAW,OAAU,CAC5B,UAAa,kBADZ,iRASL,0CACA,yBAAK,oCAAMA,WAAW,OAAU,CAC5B,UAAa,kBADZ,0uDAuBL,yBAAK,oCAAMA,WAAW,OAAU,CAC5B,UAAa,kBADZ,u0BAuBL,yBAAK,oCAAMA,WAAW,OAAU,CAC5B,UAAa,kBADZ,yuDAuBL,yBAAK,oCAAMA,WAAW,OAAU,CAC5B,UAAa,kBADZ,8xDAuBL,cAAC,IAAD,CAAiBD,KAAMF,EAAME,KAAMD,QAAQ,qBAM/CH,EAAWM,gBAAiB","file":"component---src-pages-components-alert-scss-index-mdx-73ea9d509cfac01281ba.js","sourcesContent":["import * as React from 'react'\n /* @jsx mdx */\nimport { mdx } from '@mdx-js/react';\n/* @jsx mdx */\n\nimport DefaultLayout from \"/opt/build/repo/www/src/components/mdx/index.tsx\";\nimport { graphql } from 'gatsby';\nimport { ComponentHeader, ComponentFooter } from 'components/thumbprint-components';\nexport const pageQuery = graphql`\n {\n # Get links to by path to display in the navbar.\n platformNav: allSitePage(filter: { path: { glob: \"/components/alert/*/\" } }) {\n edges {\n node {\n ...PlatformNavFragment\n }\n }\n }\n # Get package information by NPM package name.\n packageTable: thumbprintComponent(name: { eq: \"@thumbtack/thumbprint-scss\" }) {\n ...PackageTableFragment\n }\n }\n`;\nexport const _frontmatter = {};\n\nconst makeShortcode = name => function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return
;\n};\n\nconst layoutProps = {\n pageQuery,\n _frontmatter\n};\nconst MDXLayout = DefaultLayout;\nexport default function MDXContent({\n components,\n ...props\n}) {\n return \n\n\n\n \n

{`Banner alerts`}

\n

{`These alerts should be used at the very top of a page.`}

\n 
{`
\n    
\n        Your credit card is about to expire. To keep quoting on job requests please\n        update your credit card now.\n    
\n
\n`}
\n 
{`
\n    
\n        Your credit card is about to expire. To keep quoting on job requests please\n        update your credit card now.\n    
\n
\n`}
\n 
{`
\n    
\n        Your credit card is about to expire. To keep quoting on job requests please\n        update your credit card now.\n    
\n
\n`}
\n 
{`
\n    
\n        Your credit card is about to expire. To keep quoting on job requests please\n        update your credit card now.\n    
\n
\n`}
\n

{`In-page alerts`}

\n 
{`
\n    \n        \n    \n\n    
\n        Your credit card is about to expire. To keep quoting on job requests please\n        update your credit card now.\n    
\n
\n`}
\n 
{`
\n    \n        \n    \n\n    
\n        Your credit card is about to expire. To keep quoting on job requests please\n        update your credit card now.\n    
\n
\n`}
\n 
{`
\n    \n        \n    \n\n    
\n        Your credit card is about to expire. To keep quoting on job requests please\n        update your credit card now.\n    
\n
\n`}
\n 
{`
\n    \n        \n    \n\n    
\n        Your credit card is about to expire. To keep quoting on job requests please\n        update your credit card now.\n    
\n
\n`}
\n \n\n\n ;\n}\n;\nMDXContent.isMDXComponent = true;\n "],"sourceRoot":""}