@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
  

@primer/[email protected]

Patch Changes

• #1030 4ee490d Thanks @rezrah! - Fixed SubdomainNavBar to preserve the original ordering of actions in JSX, allowing more flexibility in CTA placement.

  <SubdomainNavBar title="Subdomain">
    <SubdomainNavBar.Link />
    <SubdomainNavBar.SecondaryAction href="#">Secondary CTA</SubdomainNavBar.SecondaryAction>
    {/* Primary actions can now render at the end */}
    <SubdomainNavBar.PrimaryAction href="#">Primary CTA</SubdomainNavBar.PrimaryAction>
  </SubdomainNavBar>

• #1031 094cdf4 Thanks @rezrah! - SubNav component now correctly forwards refs to the underlying element.

• #1034 0d3a198 Thanks @rezrah! - Increased contrast on LogoSuite.Logobar play/pause button in marquee mode.

@primer/[email protected]

Patch Changes

• #1034 0d3a198 Thanks @rezrah! - Added new tokens for LogoSuite play/pause controls for improved visual contrast and granular customization

  + --brand-LogoSuite-color-control-rest
  + --brand-LogoSuite-color-control-hover

@primer/[email protected]

See documentation for this release

Patch Changes

• #1025 667d820 Thanks @joshfarrant! - Removed aria-describedby from AnchorNav.Link component.

• #1015 1afeeae Thanks @danielguillan! - Fixed an issue in ActionMenu where anchor links in split-button mode were only clickable on the text. Now, the clickable area covers the full width and height of the item.

• #1024 97b7a97 Thanks @joshfarrant! - Improved accessibility of SubNav component when no active link — denoted by aria-current="page" — is present.

  • Hide last separator (on large viewports only) when there is no active link
  • Set a fallback accessible label on the overlay toggle when there is no active link

• #1020 584280e Thanks @joshfarrant! - ActionMenu bugfixes:

  • Fixed a bug in ActionMenu.Item where provided onClick and onKeyDown handlers wouldn't be called.
  • Fixed a bug which allowed Tab to cycle through the list of ActionMenu.Item elements which resulted in unpredictable focus behaviour. The intended way to navigate through the list is by using the arrow keys.

• #1012 ce945a2 Thanks @joshfarrant! - Removed the Checkbox and Radio components' built-in <label> as it was only used for styling and would result in inputs having two associated labels when used inside a FormControl.

• #1017 dd93551 Thanks @joshfarrant! - Increased the touch target size of SubNav.SubMenu toggle button

@primer/[email protected]

@primer/[email protected]

@primer/[email protected]

Minor Changes

• #994 61a1fa6 Thanks @joshfarrant! - MinimalFooter now respects the ordering of the socialLinks prop when rendering social links, e.g. <MinimalFooter socialLinks={['x', 'tiktok', 'youtube']} /> will render the links in that order.

  Note: This may constitute a visual breaking change if you were relying on the social link order to not be respected.

• #920 2af9c78 Thanks @joshfarrant! - - Added play/pause button to LogoSuite component.

  • Removed "idle" value from LogoSuite.LogoBar component's marqueeSpeed prop.
    • This prop was introduced to enable custom play/pause buttons but is no longer necessary as the play/pause button is now built into the component.

Patch Changes

• #1008 91073c0 Thanks @danielguillan! - Added missing types in PricingOptions.FeatureListGroupHeading

• #994 61a1fa6 Thanks @joshfarrant! - - Increased minimum touch target size of social icons in the MinimalFooter component to 24px.

  • Increased contrast of social icons in the MinimalFooter component to over 3:1.

@primer/[email protected]

@primer/[email protected]