@primer/[email protected]

Patch Changes

• #880 bfe40610 Thanks @rezrah! - Increased border radius of Card from large (16px) to xlarge (24px)

• #878 d9183796 Thanks @rezrah! - Added leadingComponent slot to SectionIntro for inserting arbitrary visuals and JSX above the heading.

  <SectionIntro leadingComponent={() => <img src="leading-visual.png" alt="description of your leading visual" />}>
    <SectionIntro.Heading>...</SectionIntro.Heading>
    <SectionIntro.Description>...</SectionIntro.Description>
    <SectionIntro.Link>...</SectionIntro.Link>
  </SectionIntro>

  🔗 See Storybook example

• #880 bfe40610 Thanks @rezrah! - Added hasBorder prop to Pillar for alternative presentation

  🔗 See Storybook for an example

• #703 621d8ee2 Thanks @joshfarrant! - VideoPlayer accessibility improvements

  • Improved contrast of play overlay focus styles.
  • Improved contrast of controls and title.
  • The title bar now hides while the video is playing.
  • The controls bar now hides when the cursor or keyboard focus leaves the video player, or after a few seconds of inactivity, and reappears when the cursor or keyboard focus returns.

• #862 eba0c530 Thanks @danielguillan! - Added image support to Pillar component

  Usage example:

  <Pillar>
    <Pillar.Image src="/path/to/your/image.jpg" alt="Required alternative text" />
    <Pillar.Heading>Code search & code view</Pillar.Heading>
    <Pillar.Description>
      Enables you to rapidly search, navigate, and understand code, right from GitHub.com.
    </Pillar.Description>
  </Pillar>

  🔗 See Storybook for an example