{"version":3,"sources":["webpack:///./src/components/banner/index.js","webpack:///./content/components/hidden.mdx","webpack:///./src/@nib/gatsby-theme-mesh-docs/templates/Content.js"],"names":["Banner","React","createElement","Inline","space","Link","component","GatsbyLink","to","_frontmatter","Alert","name","props","console","warn","mdx","layoutProps","MDXLayout","DefaultLayout","MDXContent","_ref","components","_objectWithoutProperties","_excluded","Object","assign","mdxType","parentName","type","title","isMDXComponent","GridLayout","styled","div","withConfig","displayName","componentId","breakpoint","BREAKPOINTS","DRAWER","Content","Theme","theme","nib","Layout","bannerContent","SkipLink","link","text","Header","Sidebar","location","Target","id","Main","pageContext","children","Footer","propTypes","PropTypes","node","object"],"mappings":"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","file":"component---content-components-hidden-mdx-e50d0b08a7f88e08aa09.js","sourcesContent":["import React from 'react';\nimport {Inline} from '@nib/layout';\nimport Link from '@nib-components/link';\nimport {Link as GatsbyLink} from 'gatsby';\n\nconst Banner = () => (\n \n Design Tokens for Mesh have just been released!{' '}\n \n Check out the design tokens now\n \n \n);\n\nexport default Banner;\n","import * as React from 'react'\n /* @jsx mdx */\nimport { mdx } from '@mdx-js/react';\n/* @jsxRuntime classic */\n/* @jsx mdx */\nimport DefaultLayout from \"/tmp/node_modules/@nib/gatsby-theme-mesh-docs/src/templates/Content.js\";\nimport { Hidden } from '@nib/layout';\nimport { LargePlaceholder } from '../../src/components/examples/Placeholder.js';\nexport const _frontmatter = {};\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};\nconst Alert = makeShortcode(\"Alert\");\nconst layoutProps = {\n _frontmatter\n};\nconst MDXLayout = DefaultLayout;\nexport default function MDXContent({\n components,\n ...props\n}) {\n return \n\n\n\n

{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`Installation`}

\n 
{`npm install @nib/layout\n`}
\n

{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`Usage`}

\n 
{`import {Hidden} from '@nib/layout';\n`}
\n \n You must not apply styled-components to this component as it will interfere with the structure required for the current styling. This is true for all layout components.\n \n

{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`Interactive demo`}

\n 
{`\n  Hidden content\n\n`}
\n

{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`Props`}

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
{`Prop`}{`Type`}{`Default`}{`Description`}
{`children`}{`node`}{`The contents of the Hidden.`}
{`below`}{`string`}{`A `}{`breakpoint`}{` value which defines the minimum screen width the content will be visible.`}
{`above`}{`string`}{`A `}{`breakpoint`}{` value which defines the maximum screen width the content will be visible.`}
{`print`}{`boolean`}{`false`}{`Whether to hide the content when printing the page.`}
{`screen`}{`boolean`}{`false`}{`Whether to hide the content from the screen but still available for screen readers.`}
{`screenReader`}{`boolean`}{`false`}{`Whether to hide the content from the screen reader but not the screen.`}
\n

{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`Considerations`}

\n

{`When using this component, be mindful of the implications it may have on all situations.`}

\n

{`A number of situations may intend for the content to still be available for screen reading, but remain visually hidden. In these cases it is essential to use the `}{`screen`}{` prop instead of the breakpoint props (`}{`above`}{` and `}{`below`}{`) as these props hide content for both the screen and screen readers.`}

\n\n ;\n}\n;\nMDXContent.isMDXComponent = true;\n ","import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport {breakpoint} from '@nib/layout';\nimport {SkipLink, Target} from '@nib-components/skip-link';\nimport {Footer, Layout, Main, Sidebar} from '@nib/gatsby-theme-mesh-docs';\nimport Theme, {nib} from '@nib-components/theme';\n\nimport Header from '../../../components/header/Header';\nimport {BREAKPOINTS} from '../../../constants';\nimport Banner from '../../../components/banner';\n\nconst GridLayout = styled.div`\n min-height: 100vh;\n display: grid;\n grid-template-areas:\n 'header'\n 'main'\n 'footer';\n grid-template-rows: 3.5rem 1fr auto;\n grid-template-columns: 1fr;\n\n ${breakpoint(BREAKPOINTS.DRAWER)`\n grid-template-areas:\n \"header header\"\n \"sidebar main\"\n \"sidebar footer\";\n grid-template-columns: 15rem 1fr;\n `};\n`;\n\nconst Content = props => {\n return (\n \n }>\n \n \n
\n \n \n {props.children}\n \n