message: Tidy up heading and StateLabel examples
diff: @@ -41,12 +41,14 @@ const Index = props => (
  <Library title='Primer-react'>
  <Example name='Heading'>
  <Heading mb={2}>Heading</Heading>
  + <Detail>
  <Heading.h1 fontSize={6} mb={2}>Heading (h1@6)</Heading.h1>
  <Heading.h2 fontSize={5} mb={2}>Heading (h2@5)</Heading.h2>
  <Heading.h3 fontSize={4} mb={2}>Heading (h3@4)</Heading.h3>
  <Heading.h4 fontSize={3} mb={2}>Heading (h4@3)</Heading.h4>
  <Heading.h5 fontSize={2} mb={2}>Heading (h5@2)</Heading.h5>
  <Heading.h6 fontSize={1} mb={2}>Heading (h6@1)</Heading.h6>
  + </Detail>
  </Example>
  <Example name='Link'>
  <Link href="https://github.com">
  @@ -207,13 +209,23 @@ const Index = props => (
  </Detail>
  </Example>
  <Example name='StateLabel'>
  + <Box mb={2}>
  + <StateLabel state='open'>Open</StateLabel>
  + </Box>
  + <Box mb={2}>
  + <StateLabel state='closed'>Closed</StateLabel>
  + </Box>
  + <Box mb={4}>
  + <StateLabel state='merged'>Merged</StateLabel>
  + </Box>
  + <Detail>
  <Box mb={4}>
  <Heading.h2 mb={1}>By state (Octicons built in)</Heading.h2>
  <Box mb={2}>
  <StateLabel>Unknown</StateLabel>
  </Box>
  <Box mb={2}>
  - <StateLabel state='open'>Opened</StateLabel>
  + <StateLabel state='open'>Open</StateLabel>
  </Box>
  <Box mb={2}>
  <StateLabel state='closed'>Closed</StateLabel>
  @@ -247,7 +259,7 @@ const Index = props => (
  <StateLabel small>Unknown</StateLabel>
  </span>
  <span className='mr-2'>
  - <StateLabel small state='open'>Opened</StateLabel>
  + <StateLabel small state='open'>Open</StateLabel>
  </span>
  <span className='mr-2'>
  <StateLabel small state='closed'>Closed</StateLabel>
  @@ -282,6 +294,7 @@ const Index = props => (
  </span>
  </Box>
  </Box>
  + </Detail>
  </Example>
  </Library>
  </Page>
  