Major Release Tracking Issue

[emplums]

This is a tracking issue for the next major release (currently planned to go out as 17.0.0)

🔧 Breaking changes

• Dialog components no longer render with a header by default. Extract Dialog header into separate component #736 @BinaryMuse

  Migration strategy: change any Dialog component with a title prop set as follows:

  <Dialog title="...title...">
    ...content...
  </Dialog>

  to

  <Dialog>
    <Dialog.Header>...title...</Dialog.Header>
    ...content...
  </Dialog>

• Heading now renders an h2 by default instead of an h1 Heading update (new default level and updated docs) #716 @taylorcjohnson

  Migration strategy: change any use of the Heading component without an as prop:

  <Heading>...</Heading>

  to

  <Heading as="h1">...</Heading>

• Dropdown elements no longer provide a Dropdown button by default - this allows users to pass in any type of summary element so the component can work well for different types of dropdowns Dropdown and Details Refactor 🧹 #729.

  Migration strategy: change any Dropdown component with a title prop set as follows:

  <Dropdown title="hello world">
    <Dropdown.Menu>
      <Dropdown.Item>Item 1</Dropdown.Item>
      <Dropdown.Item>Item 2</Dropdown.Item>
      <Dropdown.Item>Item 3</Dropdown.Item>
    </Dropdown.Menu>
  </Dropdown>

  to

  <Dropdown title="hello world">
    <Dropdown.Button>Hello world</Dropdown.Button>
    <Dropdown.Menu>
      <Dropdown.Item>Item 1</Dropdown.Item>
      <Dropdown.Item>Item 2</Dropdown.Item>
      <Dropdown.Item>Item 3</Dropdown.Item>
    </Dropdown.Menu>
  </Dropdown>

  We've also added the ability to manage the open state and provide custom handles for onToggle and onOutsideClick to the Details component and Dropdown component for more flexibility and reusability 🎉 🙌

✨ New Components

• SelectMenu SelectMenu #600 @emplums
• ButtonTableList SelectMenu #600 @emplums
• Pagination Pagination component #739 @BinaryMuse

🐛 Bug Fixes

• Fix maxWidths in theme not being applied Fix maxWidths in theme not being applied #662 @dcastil
• Update box shadow to match Primer CSS Next Update box shadow to match Primer CSS Next #732 @colebemis

[BinaryMuse]

excitebike.gif