{"version":3,"sources":["webpack:///./src/components/banner/index.js","webpack:///./content/components/column.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-column-mdx-4f2c4b751f9a49aa6cf0.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 { Columns, Column } from '@nib/layout';\nimport { SmallPlaceholder, 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 {Column} 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  \n    First column\n  \n  \n    Second column\n  \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
{`Prop`}{`Type`}{`Default`}{`Description`}
{`children`}{` `}{`(required)`}{`node`}{`The contents of the Column.`}
{`width`}{`string or object`}{`The width of the column within the `}{`Columns`}{` container. Can be made responsive by passing in an object of breakpoints. Value(s) must be one of `}{`content`}{`, `}{`1/2`}{`, `}{`1/3`}{`, `}{`2/3`}{`, `}{`1/4`}{`, `}{`3/4`}{`, `}{`1/5`}{`, `}{`2/5`}{`, `}{`3/5`}{`, `}{`4/5`}{`, `}{`1`}{`.`}
{`hiddenAbove`}{`string`}{`A `}{`breakpoint`}{` value which defines the maximum screen width the Column will be visible. The value will be passed down to the underlying `}{` component.`}
{`hiddenBelow`}{`string`}{`A `}{`breakpoint`}{` value which defines the minimum screen width the Column will be visible. The value will be passed down to the underlying `}{` component.`}
{`flex`}{`boolean`}{`false`}{`Apply `}{`display: flex`}{` to the Column. This will help align the direct children of the column allowing the content to grow to fit the largest column height.`}
\n

{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`Column widths`}

\n

{`By default, an empty `}{`width`}{` value will cause the column to grow to fit the space available within the Columns container.`}

\n

{`The `}{`content`}{` value on the `}{`width`}{` prop ensures that the width of the column grows to fit the maximum size of the inner content and no further.`}

\n

{`The sum of widths of the columns must not exceed `}{`1`}{` in order to keep the children from overflowing the `}{`Columns`}{` container. For example, if one column has a width of `}{`1/3`}{`, the remaining column(s) must not sum to a width greater than `}{`2/3`}{`. This is especially important to keep in mind when using responsive column widths.`}

\n

{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`Column visibility`}

\n

{`When modifying the visibility of columns using the `}{`hiddenAbove`}{` and `}{`hiddenBelow`}{` props, you must ensure that the remaining columns maintain valid widths. If you are using two columns and one is hidden at a certain breakpoint, the remaining column must have a width of `}{`1`}{` at the same breakpoint.`}

\n

{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`Related components`}

\n \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