Skip to content
Compare
Choose a tag to compare
@primer-css primer-css released this 19 Dec 15:04
· 3 commits to main since this release
b18d390

🔗 See documentation for 0.45.0

Minor Changes

  • #860 2502f658 Thanks @rezrah! - Decreased the default heading size in River component. Use size="4" to restore the previous text size, if needed.

  • #863 00ef0694 Thanks @rezrah! - Added a new FrostedGlassVFX component for applying a frosted glass-effect texture to nested components.

    ⚠️ This is an experimental component, and not tested for compatibility with other Primer Brand components.

    When using this component, ensure there is sufficient contrast between the foreground text and the background imagery, as the frosted glass effect can significantly reduce legibility.

    Usage example:

    <FrostedGlassVFX>
      <Testimonial variant="default">
        <Testimonial.Quote>
          GitHub helps us ensure that we have our security controls baked into our pipelines all the way from the first
          line of code we&apos;re writing.
        </Testimonial.Quote>
        <Testimonial.Name />
        <Testimonial.Avatar />
      </Testimonial>
    </FrostedGlassVFX>

    🔗 See Storybook for an example

Patch Changes

  • #859 cd18615f Thanks @rezrah! - AnchorNav component updates:

    • AnchorNav.Action and AnchorNav.SecondaryAction now appear visually smaller by default. Use size="medium" if the previous, larger buttons are needed.
    • AnchorNav.Action and AnchorNav.SecondaryAction each support a variant prop, allowing primary Button visuals to be optionally applied.
  • #866 8223135d Thanks @rezrah! - Fixed delayed appearance of heading separator in SubNav.

  • #865 0401cc5c Thanks @joshfarrant! - Style improvements to the SubNav component.

    • Fixed a bug in SubNav.Link elements with aria-current, which caused inconsistent appearance across viewports.
  • #863 00ef0694 Thanks @rezrah! - Added new Testimonial variants.

    Use variant="default" or variant="subtle" for an alternative visual appearance. The current design will be referred to as minimal going forward.

    🔗 See the documentation for usage examples

  • #867 4bac3868 Thanks @rezrah! - Hero.Description updated to support variant="muted"

  • #868 c0aa598d Thanks @rezrah! - SubNav.Link now supports variant="default" to help increase contrast and legibility on non-standard backgrounds.