Releases
v4.9.0
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 )
You can’t perform that action at this time.