Skip to content

v3.17.0

Compare
Choose a tag to compare
@dleroux dleroux released this 11 Jun 15:02

Deprecations

  • Deprecated passing a string representing a "bundled icon" into <Icon source> Pass in an svg component imported from @shopify/polaris-icons instead (#1534).
  • Deprecated all usage of the Shopify App Bridge in Polaris React (#1573)

Enhancements

  • Made the action prop optional on EmptyState (#1583)
  • Prevented Firefox from showing an extra dotted border on focused buttons (#1409)
  • Added resolveItemId prop to ResourceList which is used in the new multiselect feature (#1261)
  • Added actions prop to <Card.Section> to allow you to easily define header actions in a card section (#1598)
  • Added <Card.Subsection> to allow you to further subdivide <Card.Section> in a consistent manner (#1611)
  • Removed transition on tag button hover state #1337
  • Added textAlign prop to Button (#1576)
  • Made Button red when given both the plain and destructive props (#1603)
  • Added support for disabled, destructive, and loading actions in Card and Card.Section (#1622)

Bug fixes

  • Removed unnecessary border-radius from Modal body (#1584)
  • Fixed accessibility issues in DropZone, Form, Modal, Section, Page, Tabs, TextField and TopBar (#1565,#1582).
  • Fixed inconsistent width depending on your browser/version in Sheet (#1569)
  • Fixed text and other elements from being selected in Safari when dragging the color picker (#1562)
  • Fixed Banner title overflowing when set to a single long word (#1553)
  • Remove export of CombinedProps and unneccessary export for Class based components (#1592)
  • Fixed improper spacing and coloring on a TextField prefix (#1132)
  • Fixed ResourcePicker not updating function references for onSelection and onCancel callbacks #1451
  • Fixed TextField label being set as the value of the label node, as well as the aria-label aria-labelledby attributes, when only one method will suffice (#1615)
  • Fixed accessibility issues for Windows High Contrast mode on Tabs and Popover (#1629)

Documentation

  • Updated icon documentation to use imports from polaris-icons (#1561)
  • Fixed an accessibility issue in the Collapsible component example (#1591)
  • Added accessibility documentation for the RangeSlider component (#1630)
  • Added accessibility documentation for the Collapsible component (#1631)
  • Added accessibility documentation for the DescriptionList component (#1634)
  • Added accessibility documentation for the Form component (#1636)
  • Added accessibility documentation for the ExceptionList component (#1635)
  • Added accessibility documentation for the KeyboardKey component (#1640)
  • Added accessibility documentation for the Tag component (#1647)
  • Added accessibility documentation for the Modal component (#1648)

Development workflow

  • Made the a11y test that runs in CI fail if it finds any issues (#1564)
  • Updated Storybook to v5.1.0-rc.4 (#1616)
  • Fixed a visual regression testing issue with the Card component (#1618)
  • Updated to sewing-kit v0.85.5 (#1633)

Dependency upgrades

  • Upgraded TypeScript dependency to 3.5.1 (#1650)

Code quality

  • Enabled the color contrast test in pa11y (#1645)
  • Combined jsdocs in Icon for the untrusted prop (#1607)