@primer/[email protected]

🔗 Documentation link

Minor Changes

• #1101 7d344dc Thanks @joshfarrant! - Added play/pause control to the IDE component.

  ⚠️ Removed the showReplayButton prop as the play/pause control replaces its functionality, and is always visible.

Patch Changes

• #1113 30d9f1f Thanks @danielguillan! - Updated the layout of single item PricingOptions

• #1111 8dc3fc9 Thanks @joshfarrant! - Improvements to the styling of various components when viewed in Windows High Contrast Mode.

  • FAQGroup: Improved appearance for the selected tab
  • Pagination: Improved appearance for the current page item
  • VideoPlayer: Improved legibility for all text and controls
  • Checkbox: Improved focus and checked appearance
  • Radio: Improved focus and checked appearance
  • TextInput: Improved focus appearance
  • Textarea: Improved focus appearance
  • ActionMenu: Improved focus appearance

• #1114 3a62a9e Thanks @rezrah! - Added support for <table> elements in the Prose component. Tables now render with improved visual appearance.

  🔗 Refer to Prose documentation for usage examples

• #1102 5ef7878 Thanks @joshfarrant! - The Button component now automatically applies semantically correct disabled attributes based on the rendered element type. E.g. disabled for button elements and aria-disabled for other elements.

  ⚠️ Please review usage of Button in your application code or tests, to ensure that you are not relying on the previously incorrect markup. For example, if you previously targeted a[disabled], you should now target a[aria-disabled] instead.

@primer/[email protected]

Patch Changes

• #1113 30d9f1f Thanks @danielguillan! - Updated the layout of single item PricingOptions

@primer/[email protected]

@primer/[email protected]

@primer/[email protected]

See documentation for this release

Patch Changes

• #1084 d0757df Thanks @joshfarrant! - Improved keyboard navigation in SubNav anchor variant.

  The anchor-based submenu now appears after the main SubNav items in the focus order, and becomes visible when focussed.

• #1085 61e9adc Thanks @joshfarrant! - Minor internal refactoring to VideoPlayer component

• #1072 775e640 Thanks @joshfarrant! - Fixed a bug in the SubNav component where the separator could appear on a new line during initial render in Safari.

• #1082 6531558 Thanks @joshfarrant! - Internal refactoring to SubdomainNavBar component to remove an unused prop — showOnlyOnNarrow — which was leaking into the DOM.

• #1097 d7a954f Thanks @rezrah! - Add support for privacy-enhanced Youtube embeds in the Prose component. Now supports the youtube-nocookie.com hostname.

• #1089 afd46c1 Thanks @joshfarrant! - Improved focus styles for links inside Timeline.Item.

• #1087 35f3e3e Thanks @joshfarrant! - Added visually-hidden, non-breaking spaces between each text item in the EyebrowBanner component. This improves announcements in screen readers, where they would previously be announced without a pause.

@primer/[email protected]

@primer/[email protected]

@primer/[email protected]

@primer/[email protected]

@primer/[email protected]

Patch Changes

• #1075 a2c84fd Thanks @joshfarrant! - Added onNarrowMenuToggle prop to SubdomainNavBar. When the menu is opened or closed on narrow viewports, the provided onNarrowMenuToggle callback is called with the new open state.

  This prop can be used to ensure the main content area is hidden from assistive technologies when the menu is open.

• #1074 bcf5bda Thanks @rezrah! - Improved styling for <video> elements and Youtube embeds in the Prose component

• #1081 b2ed501 Thanks @rezrah! - Updated useProvidedRefOrCreate to support functional refs. Backwards compatibility with RefObject remains unchanged.

  This update improves support for functional refs in the following components: Accordion, Checkbox, Radio, SubNav, Tooltip and VideoPlayer.

• #1073 cfe8c0b Thanks @rezrah! - Updated visual heading hierarchy in the Prose component.

  • h3 reduced from size-500 to size-400
  • h4 reduced from size-400 to size-300
  • h5 reduced from subhead-large to subhead-medium
  • h2 and h6 are unchanged

  This update makes it easier to visually distinguish between h2 and h3 elements on the page, which were previously too similar in size.

@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.