Release tracking

[primer-css]

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.

Releases

@primer/[email protected]

Minor Changes

• #575 89d6590 Thanks @rezrah! - New pagination component generally available

  <Pagination pageCount={15} currentPage={5} />

  🔗 Read the documentation for more examples

• #574 95f15ba Thanks @rezrah! - New breadcrumbs component generally available

  <Breadcrumbs>
    <Breadcrumbs.Item href="/">Resources</Breadcrumbs.Item>
    <Breadcrumbs.Item href="/copilot">GitHub Copilot</Breadcrumbs.Item>
    <Breadcrumbs.Item href="/copilot/chat" selected>
      Chat
    </Breadcrumbs.Item>
  </Breadcrumbs>

  🔗 Read the documentation for more examples

• #555 3980daa Thanks @rezrah! - Added new IDE component

  Example:

  <IDE alternativeText="description of the IDE, including any animations for users of assistive technologies">
    <IDE.Editor />
    <IDE.Chat />
  </IDE>

  🔗 See the documentation for more examples

Patch Changes

• #568 40a129d Thanks @rezrah! - Added support for optional Button and sub menu's in SubNav component.

  Also added fullWidth prop to optionally remove the default component padding.

  <SubNav>
    <SubNav.Heading href="#">Heading</SubNav.Heading>
    <SubNav.Link href="#">Link</SubNav.Link>
    <SubNav.Link href="#">Link</SubNav.Link>
    <SubNav.Link href="#">Link</SubNav.Link>
    <SubNav.Link href="#" aria-current="page">
      Link
      <SubNav.SubMenu>
        <SubNav.Link href="#">Link feature one</SubNav.Link>
        <SubNav.Link href="#">Link feature two</SubNav.Link>
        <SubNav.Link href="#">Link feature three</SubNav.Link>
        <SubNav.Link href="#">Link feature four</SubNav.Link>
      </SubNav.SubMenu>
    </SubNav.Link>
    <SubNav.Link href="#">Link</SubNav.Link>
    <SubNav.Link href="#">Link</SubNav.Link>
    <SubNav.Action href="#" variant="secondary">
      Optional CTA
    </SubNav.Action>
  </SubNav>

• #566 eaeb50e Thanks @joshfarrant! - Adjusted block padding of small button controls from 12px to 8px.

  This change affects all small size Button and ActionMenu instances.

• #575 89d6590 Thanks @rezrah! - Added none optiona to arrowDirection prop of Link component. This value removes the arrow entirely.

  <Link arrowDirection="none" {...rest} />

• #573 e76c92b Thanks @joshfarrant! - Add trailingComponent prop to Hero

@primer/[email protected]

Patch Changes

• #566 eaeb50e Thanks @joshfarrant! - Adjusted block padding of small button controls from 12px to 8px.

  This change affects all small size Button and ActionMenu instances.

@primer/[email protected]

@primer/[email protected]

@primer/[email protected]

@primer/[email protected]

[github-actions]

🟢 No design token changes found

[github-actions]

🟢 No visual differences found

Our visual comparison tests did not find any differences in the UI.

[rezrah]

Smoke test: 23/04/24

❌ Subnav changes

• internal paddings require overriding

❌ IDE changes

• CSP issues with file extension icons
  

• Text sizes being overridden by dotcom
  
  ✅ Pagination
  ✅ Button updates

[rezrah]

Smoke test: 25/04/24

All aforementioned issues resolved through #580

✅ Subnav changes - fullWidth prop added to remove internal padding
✅ IDE component - tabIcons prop provided for CSP compliance
✅ Pagination
✅ Button updates

Result:

Release good to go 🚀