v2.11.0

Enhancements

• Tab.Item with a url prop now renders an UnstyledLink instead of a Button when displayed in Popover and you can now keyboard navigate the disclosure in Tabs
• Refs can be placed on DropZone.FileUpload
• Use the new context API in ResourceList
• Use the new context API in DropZone
• Update example description in ExceptionList documentation
• Move Modal CloseButton into its own subcomponent, instead of being part of the Header subcomponent. This is an internal implementation detail if you are using the React component. If you are using (s)css and are defining class names manually you will need to update references to Polaris-Modal-Header__CloseButton and Polaris-Modal-Header--withoutTitle to Polaris-Modal-CloseButton and Polaris-Modal-CloseButton--withoutTitle respectively.

Development workflow

• Added d.ts files to test coverage ignore
• Page is no longer self-closing in the playground

Bug fixes

• Fixed Button alignment issue caused by unnecessary icon markup rendering (thanks to @mbaumbach for the original issue)
• Fixed console error and used new ref syntax in DataTable (thanks to @duythien0912 for the original issue)
• Fixed margin of InlineError text to align with the ChoiceList labels
• Replaced hardcoded rem values with globally scalable ones on DataTable’s collapsed shadow, and TextStyle code blocks
• Fixed spacing of numbered List for double digits
• Fixed ProgressBar not showing up in Windows high contrast mode
• Top aligned all cells in DataTable
• Fixed stacking order of loading overlay in ResourceList
• Fixed form inputs in Popover that were disappearing instead of top aligning (thanks to @mbaumbach for the original issue)
• Removed a redundant class on OptionList list items

Documentation

• Made Modal examples show the modal dialog by default
• Changed fitted Tabs to have equal width when enough space is present

New components

withContext

Use withContext to pass consumer context to a component.

withRef

Use withRef with compose to forwardRefs to a component.