{"version":3,"sources":["webpack:///./src/components/banner/index.js","webpack:///./content/components/expander.mdx","webpack:///./src/@nib/gatsby-theme-mesh-docs/templates/Content.js"],"names":["Banner","React","createElement","Inline","space","Link","component","GatsbyLink","to","_frontmatter","layoutProps","MDXLayout","DefaultLayout","MDXContent","_ref","components","props","_objectWithoutProperties","_excluded","mdx","Object","assign","mdxType","parentName","Alert","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-expander-mdx-43569cb8b1da34ffc1f5.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 Expander from '@nib-components/expander';\nimport Alert from '@nib-components/alert';\nimport { Box } from '@nib/layout';\nimport { PrimaryButton } from '@nib-components/button';\nexport const _frontmatter = {};\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-components/expander\n`}
\n

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

\n 
{`import Expander from '@nib-components/expander';\n`}
\n

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

\n 
{`() => {\n  const [expanded, setExpanded] = React.useState(false);\n  return (\n    <>\n       setExpanded(!expanded)}>{expanded ? 'Collapse' : 'Expand'}\n      \n        Lorem ipsum dolor si amet parturient neque scelerisque condimentum massa\n      \n    \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`}
{`expanded`}{`boolean`}{`Whether the expandable section is hidden or not.`}
{`onExpand`}{`function`}{`A function called when the Expander expands.`}
{`onBeforeExpand`}{`function`}{`A function called before the Expander expands. Useful for timing animations or layout effects.`}
{`onCollapse`}{`function`}{`A function called when the Expander collapses.`}
{`onBeforeCollapse`}{`function`}{`A function called before the Expander collapses. Useful for timing animations or layout effects.`}
\n

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

\n \n Refrain from using vertical margins at the top level inside the Expander component. The animation does not account for margins in the calculated height and will cause a jump at the end of the\n animation.\n \n

{`An alternative is the `}{`Accordion`}{` component, which we encourage as it allows search engines to see hidden content. Also, be cautious of unnecessarily hiding information from the user. If in doubt, use the `}{`Accordion`}{`.`}

\n

{`If you are using the Expander component to hide and show a number of items, consider using the `}{`Expander Group`}{` component from the interactive demo to control the behaviour of the group.`}

\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