@primer/[email protected]

Minor Changes

• #939 7f0a119 Thanks @joshfarrant! - - Added a new RiverAccordion component.

  Usage example:

  <RiverAccordion>
    <RiverAccordion.Item>
      <RiverAccordion.Heading>A Heading</RiverAccordion.Heading>
      <RiverAccordion.Content>Some content</RiverAccordion.Content>
      <RiverAccordion.Visual>
        <img src="placeholder.png" alt="placeholder" />
      </RiverAccordion.Visual>
    </RiverAccordion.Item>
  
    <RiverAccordion.Item>
      <RiverAccordion.Heading>Another Heading</RiverAccordion.Heading>
      <RiverAccordion.Content>Some content</RiverAccordion.Content>
      <RiverAccordion.Visual>
        <img src="placeholder.png" alt="placeholder" />
      </RiverAccordion.Visual>
    </RiverAccordion.Item>
  
    <RiverAccordion.Item>
      <RiverAccordion.Heading>One More Heading</RiverAccordion.Heading>
      <RiverAccordion.Content>Some content</RiverAccordion.Content>
      <RiverAccordion.Visual>
        <img src="placeholder.png" alt="placeholder" />
      </RiverAccordion.Visual>
    </RiverAccordion.Item>
  </RiverAccordion>

  🔗 See the documentation for more usage examples

  • Fixed a bug in the Heading component where the component would be re-mounted each render, causing it to lose focus when used inside a focusable element.

Patch Changes

• #974 aea5ea4 Thanks @rezrah! - Removed clsx as a library dependency. Now treated as devDependency.

• #966 25db725 Thanks @joshfarrant! - Fixed a bug with the SubNav component where the SubNav.Heading and the current SubNav.Link were vertically misaligned in Safari on mobile viewports.

• #971 9de3349 Thanks @rezrah! - Fixed border radius inconsistency in the River component where picture elements were only showing rounded corners at the top but not the bottom.

• #973 c2d5b34 Thanks @rezrah! - Fixed type definitions for PricingOptions.Label. Now inclusive of all props in Label.

• #967 b1ff17b Thanks @danielguillan! - Added spacing between the label and the arrow in the next and previous links in Pagination.

• #965 9fdf1bf Thanks @rezrah! - Added a hasBorder prop to Testimonial component. Use hasBorder={false} to remove the default border applied by certain variant options.

  <Testimonial variant="default" hasBorder={false} />

• #967 b1ff17b Thanks @danielguillan! - Added a new isExternal prop to Link to display an external link icon.

  E.g.,

  <Link href="https://github.com" isExternal>
    My external link
  </Link>

• #971 9de3349 Thanks @rezrah! - River headings and body text now have a maximum width of 400px on default 50:50 layouts.

• #971 9de3349 Thanks @rezrah! - Fixed border radius inconsistency in the Card component where picture elements were only showing rounded corners at the top but not the bottom.

• #960 1203906 Thanks @rezrah! - Updating various project dependencies.

  No planned changes to Primer Brand component APIs, although minor visual changes to certain icons could be visible due to an internal update of the Primer Octicons dependency.