Skip to content

v4.9.0

Compare
Choose a tag to compare
@dleroux dleroux released this 06 Dec 13:58

Enhancements

  • Added external prop to ResourceList (#2408)
  • Added onMouseEnter and onTouchStart props to Button (#2409)
  • Added ariaHaspopup prop to Popover (#2248)
  • Moved Button styles from the Buttongroup CSS file to the Button CSS file (#2441)
  • Added footerActionAlignment prop to control <Card> footer action alignment, defaults to 'right' (#2407)
  • Improved contrast of MessageIndicator with a border (#2428)
  • Removed the need for z-indexes in Icon (#2207)
  • Added features prop to AppProvider (#2204)
  • Added support for using EmptyState in a content context (#1570)
  • Page no longer renders navigation or actions in print mode (#2469)
  • Migrated Dropzone to a functional component and reduced its complexity (#2360)
  • Added fluidContent prop to Popover (#2494)
  • Changed Button’s disclosure prop to be boolean | "up" | "down", allowing greater control over the direction the disclosure caret faces (#2431)

Bug fixes

  • Prevented scrolling to Popover content in development (#2403)
  • Fixed an issue where the DropZone component jumped from an extra-large layout to a layout based on the width of its container (#2412)
  • Fixed an issue which caused HSL colors to not display in Edge (#2418)
  • Added the top bar height to the Topbar in Frame to ensure the Sticky components get the correct top position (#2415)
  • Stopped the merge utility function from mutating the objects passed as arguments (#2317)
  • Updated Card footer actions to be right aligned by default again (#2407)
  • Fixed the EmptyState styles conditional on the imageContained prop not being applied (#2477)
  • Fixed TrapFocus to keep focus within the container when tabbing past the last element (#2397)
  • Fixed an accessibility issue where the Form implicit submit was still accessible via keyboard (#2447)

Documentation

  • Added a details page and kitchen sink example to Storybook (#2402)
  • Combined the interface used by Page so the types can be parsed (#2358)
  • Updated the PageActions example (#2471)
  • Fixed spacing of the Filters data table example (#2477)
  • Fixed duplicate and unclear prop descriptions of EmptyState (#2477)
  • Added an example for a light Tooltip (#2434)

Development workflow

  • Updated splash Github Action to the latest Docker beta version (#2474)
  • Updated local splash script to use npm package @shopify/splash (#2474)
  • Added dev test:coverage as an alias for yarn test:coverage (#2496)
  • Added dev open coverage and yarn open:coverage commands to open the coverage report (#2496)
  • Fixed yarn test:coverage so it generates a coverage report (#2496)
  • Updated yarn test:coverage so it automatically opens the coverage report when complete (#2496)

Dependency upgrades

  • Upgraded to @shopify/react-testing v1.8.0 (#2465)
  • Upgraded to Prettier to v1.19.1 (#2443)

Code quality

  • Changed TextField to use a custom hook (#2464)
  • Changed aria-labelledby to always exist on TextField (#2401)
  • Converted ButtonGroup > Item into a functional component (#2441)
  • Refactored BulkActions to make use of ButtonGroup (#2441)