v4.17.1

Bug fixes

• TopBar navigation icon to use the var(--top-bar-color) (#2898).

Documentation

• Fixed two typos in the Form documentation (#2879)

Code quality

• Don't use export * when exporting from type-only files as importing empty files causes webpack to produce unwanted boilerplate (#2897)

v4.17.0

Enhancements

• Added showFocusBorder prop to the TopBar.SearchField to allow users to add show a border on focus (#2886).
• Added a theme prop for frameOffset (#2887)
• Updated the font stack to put Segoe UI before Roboto (#2891)

Bug fixes

• Fixed right padding styling issue with the Tag component and remove right padding on a removable Tag (#2860).
• Fixed secondary navigation spacing when no icon is present (#2874).

Dependency upgrades

• Updated sewing-kit to v0.120.0, and typescript to 3.8.3 (#2873)

Code quality

• Use downlevel-dts to produce compatible type definitions for consuming apps using older TypeScript versions (#2875)

v4.16.0

Enhancements

• Added optional onClick prop to Tag (#2774)
• Added transition properties to Collapsible (#2835)

Bug fixes

• Fixed issue with passed to ComboBox component options prop was mutated (#2818)
• Fixed an issue which caused Popover to close when clicking on a descendant SVG (#2827)

Code quality

• Removed redundant null check in TextField (#2783)

v4.15.2

Code quality

• Updated shrink-ray to v2 (#2800)

v4.15.1

Bug fixes

• Reverted const context type to support older versions of typescript in consuming apps (e7c5e16)
• Fixed broken link in ThemeProvider docs (0ff672d)

v4.15.0

Enhancements

• Added high contrast outline to Popover, Card and Indicator (#2792)
• Removed overflow: hidden from Card (#2806)
• Truncated long sort options in ResourceList (#2809

Bug fixes

• Fixed incorrect used while importing from polaris-tokens (#2778)
• Fixed DropZone not supporting new file selection when allowMultiple is false (#2737)
• Fixed Pagination sizing on small screens with tooltips (2747)
• Fixed Popover setting a tabindex and other accessibility attributes on the activator wrapper when the activator is disabled (#2473)
• Added a verticalAlignment prop to ResourceItem to support control of content alignment (#2743

Development workflow

• Added check:custom-property job in travis (#2778)
• Exported missing OptionListProps (#2777)
• Omitted the Storybook AppProvider decorator for component examples which already contain an AppProvider (#2807)
• Added an omitAppProvider front matter concept to prevent automatic wrapping of component examples with an AppProvider (#2815)

Code quality

• Removed various type assertions and bumped test coverage (#2638)

v4.14.0

Enhancements

• Added high contrast outline to ActionList (#2713)
• Added high contrast border to Button (#2712)
• Added styled placeholder image to Avatar when initials are blank (#2693)
• Added a preferInputActivator prop to Popover to allow better positioning of the overlay (#2754)

Bug fixes

• Updated Polaris Tokens, which now builds modern tokens using TypeScript, fixing issues where Edge threw errors related to modern JavaScript features (#2763)
• Fixed TrapFocus stealing focus from other TrapFocus's (#2681)
• Fixed focus state color on monochrome Buttons (#2684)
• Fixed container's width on Modal (#2692)
• Fixed the position property for the backdrop on Select from being overwritten by the focus ring (#2748)
• Fixed ResourceItem Actions visibility on mouse out (#2742)
• Fixed initial server / client render mismatch in Avatar (#2751)

Development workflow

• Added first implementation of custom property validation (#2616)
• Refactored consumer build test (renamed to system integration test) (#2735)
• Added Storybook Knobs for customizing theme (#2674)

Code quality

• Updated dependencies in example apps (#2722)
• Fixed Tabs tests that were preventing React updates (#2702)
• Moved to Travis for CI (#2652)

v4.13.1

*** Please note that this release required an upgrade to @shopify/polaris-tokens that we have since found breaks in the Edge browser. We are currently working on a fix, and advise you to remain at or downgrade to v4.12.0 until this gets resolved and a new release is available with the fix.

Bug fixes

• Fixed a Sass build error (2703)

v4.13.0

Enhancements

• Replaced customer avatar images (#2453)
• Added an optional totalsName prop to DataTable to support custom headings in the totals row (#2660)
• Added cursor: pointer to Choice (#2491)

Bug fixes

• Fixed Uncaught TypeError: Cannot read property 'rightEdge' of undefined in DataTable (#2672)
• Fixed excessive rendering in DatePicker (#2671)
• Fixed plurality of DataTable totals row heading (#2660)

Documentation

• Changed placeholder product names in Card code examples (#2677)

4.12.0

Enhancements

• Added a split variant to Button (#2329)
• Allow DataTable headers to be React Elements (#2635)
• Added support for explicit order of items in ActionMenu (2057)
• Made the DataTable horizontal Navigation optional (#2647)

Bug fixes

• Fixed ReferenceError: React is not defined in Button for the esnext build (#2657)
• Fixed scrolling with scrollbar not working in Popover when content changes on scroll (#2627)
• Fixed side-effects from being create during Modals render (#2644)
• Work around a build crash when using create-react-app due to a bug in css parsing in postcss-custom-properties (#2643)
• Removed the visited CSS styling for tabs using the url prop (#2639)

Development workflow

• Reworked the yarn splash Github comment and added average splash zone information (#2649)
• Re-enabled the web unit tests in the consumer build test (#2663)

Code quality

• Converted /tests/build.test.js to TypeScript (#2617)
• Use export * to rexport component content in component indexs and subcomponent listings (#2625)
• Use export * to rexport utility content (#2636)