v4.11.0

Breaking changes

• Remove unstable telemetry API for icons (#2561)

Enhancements

• Added hideTags prop to Filters (#2573)
• Added searchResultsOverlayVisible prop to TopBar which adds a translucent background to the search dismissal overlay when results are displayed (#2440)

Bug fixes

• Fixed a bug where Navigation calls onNavigationDismiss on large screens when focused and the escape key is pressed (#2607)

• Fixed issue with Filters component displaying an undesired margin top and bottom on the button element on Safari (#2292)

• Fixed RangeSlider focus state style issues (#1926)

• Ensure passing {key: undefined} into i18n will throw a runtime error in the same way as not passing in the key at all (this was ensured through type-checking at the TypeScript level but people could force through with casting to any) (#2598)

• Ensure the normalizedValue within TextField is a string (this was already ensured through type-checking at the TypeScript level, but people could force through with casting to any, which caused problems) (#2598)

• Fixed an issue with the Filters component where the aria-expanded attribute was undefined on mount (#2589)

• Fixed TrapFocus from tabbing out of the container (#2555)

• Fixed PositionedOverlay not correctly getting its position when aligned to the right of the activator (#2587)

• Search dismissal overlay now covers the entire screen (#2440)

• Search results component will no longer unmount when hidden (#2440)

• Search results will now match the width of the search field (#2440)

Documentation

• Updated Card with custom footer actions example to be right-aligned (#2603)
• Updated styleguide links in the docs (#2521)
• Updated Subheading documentation to be more consistent and accurate (#2591)

Development workflow

• Updated Storybook to v5.3.2 (#2618)

Dependency upgrades

• Updated @shopify/polaris-icons to v3.9.0 (#2610)

Code quality

• Converted MenuGroup into a functional component (#2536)
• Converted Layout into a functional component (#2538)
• Converted FormLayout into a functional component (#2539)
• Converted Stack into a functional component (#2534)
• Converted BulkActionButton into a functional component (#2542)
• Converted Focus into a functional component (#2540)
• Converted Tabmeasurer into a functional component (#2535)
• Converted Section into a functional component (#2537)
• Converted Tooltip into a functional component (#2543)
• Converted Option into a functional component (#2541)
• Avoided unneeded work in TextField if character count is not rendered (#2598)

v4.10.2

Bug fixes

• Fixed errors when consuming apps manage to pass undefined as a value into an translation replacements object (#2579)

v4.10.1

Bug fixes

• Fixed type-error in TrapFocus that caused querySelector to run on null (#2574)

Development workflow

• Refactored I18n class (#2562)

v4.10.0

4.10.0 - 2019-12-18

Bug fixes

• Fixed TextField to no longer render aria-invalid="false". Thank you to @alexcleduc for the contribution (#2339).
• Fixed TextField to only render min ,max and step attributes when explicitly passed. Thank you to @alexcleduc for the contribution (#2339).
• Removed reference to document in DropZone (#2560)
• Fixed Firefox issue in in DropZone (#2568)
• Fixed layout issue DropZone (#2568)

Dependency upgrades

• Updated to TypeScript 3.7 (#2549)
• Updated stylelint-config-shopify to 7.4.0 (#2558)

v4.9.1

Bug fixes

• Removed reference to window in DropZone (#2532)
• Fixed a regression in TrapFocus that prevented focus outside of an iframe (#2530)

Documentation

• Changed a link to the Polaris icons documentation so it would point to npm (a public resource) rather than the Shopify/polaris-icons repository (which is now private) (#2452)

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)

v4.8.0

Enhancements

• Updated Popover to focus the correct element when closed (#2255)
• Updated the type of the title prop in ChoiceList from string to ReactNode (#2355)
• Added disabled prop to Filters component (#2389)
• Added helpText prop to Filters component (#2389)

Bug fixes

• Fixed an issue where types were not generated for a JSON config file (#2361)

Development workflow

• Enabled maintainers running yarn dev to hide yarn splash reports from the console by running DISABLE_SPLASH=1 yarn dev (#2372)
• Updated to sewing-kit 0.112.0 and eslint 6 and updated vscode config to use the eslint plugin to format js/ts files (#2369)

Code quality

• Migrated Popover to use hooks (#2386)

v4.7.3

Enhancements

• Added unstable telemetry API to gather analytics about icon usage (#2368)

Bug fixes

• Fixed an accessibility issue with TextField multiline where aria-multiline would be set to an invalid type number (#2351)
• Revert #2231 as it breaks middle aligned popovers (#2237)
• Fixed alignement of disclosure icons on ResourceItem (#2370)

v4.7.2

Bug fixes

• Fixed a bug with TextField which caused infinite layout and high CPU load in Safari, related to WebKit Bug 194332 (#2379)
• Fixed an accessibility issue with TextField multiline where aria-multiline would be set to an invalid type number (#2351)
• Fixed alignment of disclosure icons on ResourceItem (#2370)

Documentation

• Updated the AppProvider section in the Polaris v3 to v4 migration guide (#2312)
• Updated the Using translations section in the AppProvider README (#2312)

Development workflow

• Removed the need to upload assets with each release (#2346)

Code quality

• Migrated FilterValueSelector to use hooks instead of withAppProvider (#2156)
• Added useIsMountedRef hook to use while building components (#2167)

v4.7.1

Bug fixes

• Fixed a bug with Button which caused infinite layout and high CPU load in Safari, related to WebKit Bug 194332 (#2350)