@primer/[email protected]

@primer/[email protected]

@primer/[email protected]

@primer/[email protected]

@primer/[email protected]

See documentation for this release

Patch Changes

• #1048 3512d15 Thanks @joshfarrant! - Children passed to Card component now appear in the DOM in a predefined order to improve the experience of screen reader users.

• #1070 86e8e8c Thanks @joshfarrant! - Fixed a bug where an FAQ.Heading used within an FAQGroup wouldn't respect the provided as prop.

@primer/[email protected]

@primer/[email protected]

@primer/[email protected]

@primer/[email protected]

@primer/[email protected]

See documentation for this release

Patch Changes

• #1052 7c16517 Thanks @joshfarrant! - The SubNav component now traps focus inside the expanded menu on narrow viewports.

• #1051 2946071 Thanks @joshfarrant! - Tooltips in the VideoPlayer component now remain briefly visible after the pointer is moved away from the toggle. This small delay improves general usability and helps meet the WCAG 1.4.13 criterion for accessible hover interactions with tooltips.

• #917 0ca0f08 Thanks @rezrah! - Internal change to CSS module type definitions in the IDE component. No user-facing updates to IDE presentation or functionality are expected.

• #1050 6772b34 Thanks @joshfarrant! - Added an aria-label to the GitHub logo in the VideoPlayer component

• #1055 3419824 Thanks @rezrah! - Restore idle option to LogoSuite.Logobar for enabling a default paused state, and programmatic control over animation.

  Use marqueeSpeed="idle" to display a logo bar that is initially paused.

  <LogoSuite>
    <LogoSuite.Heading />
    <LogoSuite.Logobar marquee marqueeSpeed="idle" />
  </LogoSuite>

@primer/[email protected]

@primer/[email protected]

@primer/[email protected]

Minor Changes

• #924 9e860a1 Thanks @rezrah! - New CSS-only package available for Primer Brand components

@primer/[email protected]

See documentation for this release

Patch Changes

• #1044 8a1bb23 Thanks @rezrah! - Increase specificity of custom fill styles in PricingOptions.FeatureListItem and UnorderedList.Item. This update ensures that the value of leadingVisualFill takes a higher precedence over rules that might otherwise override it.

• #1042 50705e3 Thanks @rezrah! - Add Hero.Video slot to Hero for inserting custom videos.

  <Hero>
    <Hero.Heading>Your super sweet hero heading</Hero.Heading>
    <Hero.Video>
      <VideoPlayer title="Your custom video">
        <VideoPlayer.Source src="./example.mp4" type="video/mp4" />
        <VideoPlayer.Track src="./example.vtt" default />
      </VideoPlayer>
    </Hero.Video>
  </Hero>

  Refer to Storybook for more usage examples.

• #993 1e970b6 Thanks @joshfarrant! - - Update accessible label of SubNav submenu toggle button

  • Update accessible label of ActionMenu dropdown toggle button

• #1009 b3ba1dc Thanks @joshfarrant! - Accessibility fixes to Pagination component

  • Fixed a bug where the "..." button was focusable
  • Fixed a bug where the "Previous" and "Next" buttons had the role "link" instead of "button"
  • Fixed a bug where the "Previous" and "Next" buttons lost their aria-label when disabled

• #1035 4b854e6 Thanks @danielguillan! - Added a gap prop with a new condensed option to LogoSuite.Logobar.

  <LogoSuite>
    <LogoSuite.Heading visuallyHidden>Heading</LogoSuite.Heading>
    <LogoSuite.Logobar gap="condensed">{/* ... */}</LogoSuite.Logobar>
  </LogoSuite>

@primer/[email protected]

Minor Changes

• #1035 4b854e6 Thanks @danielguillan! - ⚠️ Breaking changes to the following design tokens:

  - --brand-LogoSuite-logobar-columnGap
  + --brand-LogoSuite-logobar-columnGap-default
  + --brand-LogoSuite-logobar-columnGap-condensed
  
  - --brand-LogoSuite-logobar-marquee-gap
  + --brand-LogoSuite-logobar-marquee-gap-default
  + --brand-LogoSuite-logobar-marquee-gap-condensed