2019.05 release notes (2019-07-24)

Packages released:

Charts (@patternfly/react-charts@4.7.1)

  • Fixed runtime errors related to theme padding (#2430)
  • Added charts to react-integration tests (#2354)
  • Updated chart theme to use pf-core variables (#2439)
  • Removed invalid pf-core var (#2463)
  • Adjusted pf-core vars & added tooltip examples (#2497)
  • Updated pf-core vars (#2480)
  • Provided an accessible title and description (#2500)
  • Added bottom-left legend position (#2442)
  • Tweaked aria title for area chart (#2510)
  • Replaced prop titleComponent by subTitleComponent on donut charts (#2488)
  • Added individual padding vars for donut charts (#2529)
  • Added new mutil-color theme for ordered charts (#2552)
  • Added fixed point notation into percentage donut charts (#2375)
  • Used vars to enable Red Hat fonts (#2584)

Components (@patternfly/react-core@3.75.2)

  • About modal: AboutModal and Modal both now trap focus in the browser. (#2428)
  • Accordion: Added prop to heading level of parent component (#2290)
  • Application launcher: Allowed custom icon for application launcher toggle (#2492)
  • Badge: - Temporarily disabled problematic badges (#2530) - Added space between badges in the examples (#2556)
  • Breadcrumb switcher: Fixed Autocomplete camelCase (#2457)
  • Datalist: Added hidden and visible breakpoints (#2251)
  • Dropdown: Provided option to not autofocus on first item (#2473)
  • Empty state: Updated EmptyStateBody to use div instead of p (#2499)
  • Experimental features: Added POC for experimental button and badge (#2363)
  • Gallery: Converted gallery to TypeScript (#2432)
  • Login page: Removed ariaLabel from checkbox (#2455)
  • Modal: Modal now traps screen reader focus (#2406)
  • Options menu: Updated examples to trigger select on the whole item (#2513)
  • Pagination: - Dropdown closes on click outside of menu area (#2235) - Added ability to allow users to enter numbers into the input field (#2417)
  • Select: - Removed ariaLabel from grouped checkbox select (#2456) - Added optional display via children to option (#2419) - Updated typeahead filtered list when children change (#2518)
  • Switch: Added OUIA compatibility to Switch (#2304)
  • Tabs: - Allowed eventKey to accept a string (#2493) - Implemented overflow styles for secondary tabs (#2512)
  • Tooltip: Added support for aria prop from Tippy library (#2539)

TypeScript conversion

Table (@patternfly/react-table@2.14.23)

  • Checked empty array in areAllRowsSelected (#2527)
  • Added exports for compoundExpand (#2554)

Styles (@patternfly/react-styles@3.5.7)

  • Added pickProperties to react-styles utils exports (#2481)


  • Updated link to react-tokens page in the readme (#2453)


  • Build: - Added PR comment on publishing to NPM (#2433) - Added Windows support (#2471)
  • Chore: - Removed tippy-react dependency (#2505) - Updated react-docs to use Red Hat font (#2563)
  • Unit tests: Fixed keyHandler tests in util.test.js (#2489)

2019.04 release notes (2019-07-02)

Packages released:

Charts (@patternfly/react-charts@4.4.7)

  • Added sparkline example and interpolation to area examples (#2373)
  • Fixed themes for bar chart default colors (#2112)
  • DonutThreshold: No longer show static threshold donut tooltips by default (#2270)
  • Added support for legends and grids (#2324)

Components (@patternfly/react-core@3.58.1)

  • About modal: Changed strapline element to paragraph (#2376)
  • Breadcrumb switcher: Disabled autocomplete (#2407)
  • Card: Addedcompacted card variation (#2399)
  • Checkbox: Added 3rd state to checkbox controlled by consumer (#2252)
  • Chip group: Added heading level prop to toolbar chip group label (#2278)
  • Data list: Added DataListRow to imports (#2353)
  • Dropdown: Automatically focused first dropdown item when DropdownMenu (#2355)
  • Expandable: Added button type to the expandable component (#2340)
  • Label: Added TypeScript flag to the label docs (#2343)
  • Notification badge: Added the notification badge component (#2342)
  • Options menu: Added disabled modifier to the toggle (#2401)
  • Page: Added page section main nav type variant (#2268)
  • Radio: Fixed warning from undefined starting params (#2292)
  • Form: - Updated text in form component (#2352) - Wrapped form label text in new element (#2322)
  • Grid: - Removed size props from {...props} (#2404) - Updated grid layout to support new 2xl breakpoint (#2305)
  • Tabs: - Fixed TypeScript errors and revert TabContainer to a component (#2402) - Remove comment from code (#2351) - Made variant prop optional (#2348)

TypeScript conversion

2019.03 release notes (2019-06-11)

Packages released:

Charts (@patternfly/react-charts@4.1.5)

  • Major bump react-charts (#2143)
  • Changed default Chart padding property to show axis
  • Refactored ChartTheme colors and utils for donut utilization theme
  • ChartLegend now defaults to be responsive
  • Aligned label vertically and added donutHeight/Width defaults (#2193)
  • Added examples on how to use VictoryZoomContainer (#1879)
  • Apply defaults to custom legend (#2194)
  • Chart & ChartStack to use ReactNode as children type (#2155)
  • Remove ChartThemeDefinition export from index.ts (#2149)

Components (@patternfly/react-core@3.38.1)

  • About modal: Support isOpen initially set true in about modal. This ensures the about modal container exists on initial load if isOpen is passed true with children contents initially (#2153)
  • Navigation: On NavItems, Maintain className passed to custom NavItems. Keeps classNames set on the child of a custom NavItem (#2134)
  • Pagination: When empty array is sent to pagination now no per page is visible. It is now possible with Per page option to hide by passing empty array of per page options (#2175)
  • Select: Added keyboard interaction to typeahead variants, other variants remained unchanged. Enter, with select closed, toggles open the menu. Focus should now remains on input. Arrow up and down navigates the options with a focus styling. Enter, with select opened, selects the highlighted item (#2013)
  • Tabs: Fixed tabs ref proptype (#2158)

Table (@patternfly/react-table@2.11.1)

  • Added React-Virtualized PF4 tables (#2011)
  • Exported RowWrapper implementation (#2118)
  • Some props of IRow should not required Makes following props of IRow to optional isOpen parent props (#2196)
  • Fixed error Unknown event handler property onCollapse. Removed rows and onCollapse from ...props (#2195)
  • Added support for .pf-m-grid-2xl breakpoint. Added breakpoint to list of available breakpoints and updated snapshot (#2206)
  • Reverted bodywrapper conversion to stateless-function (#2161)

Topology (@patternfly/react-topology)

  • Added @patternfly/react-topology package (#2170)
  • Fixed esm output and converted react-virtualized-extension to TS (#2190)

Styles (@patternfly/react-styles@3.3.3)

  • Changed all the React css imports and added types for them. Instead of using a babel plugin to generate the JS at compile time for our CSS-in-JS solution, we statically generate it beforehand in react-styles (#2085)
  • Bumped jsdom (#2080)
  • Added sideeffects to react-styles (#2207)

TypeScript conversion

2019.02 release notes (2019-06-05)

Packages released:

Components (@patternfly/react-core@3.34.2)

  • About Modal: Provided a way to set the background using props (#1940)
  • Accordion: Added accordion component (#1511)
  • Background Image: Fixed background image spacing issue (#1923)
  • Card: Added card is-hoverable modifier prop (#1852)
  • Checkbox: Set checked value correctly (#1929)
  • Copy to Clipboard: Fixed docs (#1821) - Changed doc text (#1823) - Removed textarea from clipboard copy (#1840)
  • Dropdown: Renamed toggle export (#1861)
  • Grid: Added missing props in d.ts (#1749)
  • Icons: Added font awesome brands icons(#1669)
  • Popover: - Updated Popover max width. We made maxWidth optional (#2110) - Enabled highlighting and selecting text in popover (#1757) - Handled on enter focusing when options are disabled (#2025) - Changed PopoverPosition from a const to an enum. This allows users to specify their choice of a string or object property for the position property value on Popover component. Also adds a test that exercises this method to ensure it doesn't regress going forward (#2113)
  • Select: - Updated the SelectProps interface to avoid a type error when importing react-core into a TypeScript application. I also removed some unnecessary code in a couple of the demo's I followed recently. Copying the code as is was creating an error. I think they were safe deletions but worth double checking (#2107) - Fixed ListGroupItem import (#1867) - Added user personalized icon in Select component (#1768)

Charts @patternfly/react-charts@3.6.4

  • Introduced Donut utilization chart and thresholds (#2064)
  • Added example styles (#1889)
  • Fixed chart font stack to use PatternFly core sans-serif font stack (#1865)
  • Refactored themes for bar chart default colors (#2112)
  • Added default for component props (#2103)


  • Use frontmatter for what props to show in docs (#2072)
  • If you add new imports to your MDX file, rerun yarn develop which now clears the gatsby-mdx cache and lets you be on your merry way (#2059)
  • Hide inherited TypeScript props (#1866)
  • Use MDX for docs (#1753)
  • Reverted bodywrapper conversion to stateless-function (#2161)

TypeScript conversion

Packages released: We are in the process of converting all components to TypeScript to provide better types for consumers. The following components have been converted:

2019.01 release notes (2019-05-02)

We don't have notes for this release yet.