diff --git a/packages/documentation-site/patternfly-docs/content/get-started/img/menu-toggle-status.png b/packages/documentation-site/patternfly-docs/content/get-started/img/menu-toggle-status.png new file mode 100644 index 0000000000..41030e3cfa Binary files /dev/null and b/packages/documentation-site/patternfly-docs/content/get-started/img/menu-toggle-status.png differ diff --git a/packages/documentation-site/patternfly-docs/content/get-started/img/quickstarts-bookmark.png b/packages/documentation-site/patternfly-docs/content/get-started/img/quickstarts-bookmark.png new file mode 100644 index 0000000000..e46944a312 Binary files /dev/null and b/packages/documentation-site/patternfly-docs/content/get-started/img/quickstarts-bookmark.png differ diff --git a/packages/documentation-site/patternfly-docs/content/get-started/img/topology-pipeline-arrows.png b/packages/documentation-site/patternfly-docs/content/get-started/img/topology-pipeline-arrows.png new file mode 100644 index 0000000000..b2642d97f7 Binary files /dev/null and b/packages/documentation-site/patternfly-docs/content/get-started/img/topology-pipeline-arrows.png differ diff --git a/packages/documentation-site/patternfly-docs/content/get-started/img/topology-pipeline-expansion.png b/packages/documentation-site/patternfly-docs/content/get-started/img/topology-pipeline-expansion.png new file mode 100644 index 0000000000..11bd53f9a0 Binary files /dev/null and b/packages/documentation-site/patternfly-docs/content/get-started/img/topology-pipeline-expansion.png differ diff --git a/packages/documentation-site/patternfly-docs/content/get-started/img/topology-pipeline-groups.png b/packages/documentation-site/patternfly-docs/content/get-started/img/topology-pipeline-groups.png new file mode 100644 index 0000000000..5b7050083d Binary files /dev/null and b/packages/documentation-site/patternfly-docs/content/get-started/img/topology-pipeline-groups.png differ diff --git a/packages/documentation-site/patternfly-docs/content/get-started/img/topology-vertical-pipelines.png b/packages/documentation-site/patternfly-docs/content/get-started/img/topology-vertical-pipelines.png new file mode 100644 index 0000000000..7387a8406c Binary files /dev/null and b/packages/documentation-site/patternfly-docs/content/get-started/img/topology-vertical-pipelines.png differ diff --git a/packages/documentation-site/patternfly-docs/content/get-started/release-highlights.md b/packages/documentation-site/patternfly-docs/content/get-started/release-highlights.md index 90c77b1819..9a02d2b497 100644 --- a/packages/documentation-site/patternfly-docs/content/get-started/release-highlights.md +++ b/packages/documentation-site/patternfly-docs/content/get-started/release-highlights.md @@ -7,6 +7,76 @@ section: get-started import './get-started.css'; import { Divider } from '@patternfly/react-core'; +## PatternFly 5.3 + +PatternFly 5.3 is now live! Here are the highlights from this release. + +### React templates +We created a new feature for React components, called "templates", which combine a component with logic that supports a specific use case. Templates also come with a streamlined API that offers additional, limited customization. This will help reduce the amount of boilerplate code needed for common and recurring use cases. + +Templates will also make it easier to upgrade your deprecated components going forward. For example, you can use a template to upgrade from the [current version of our select component](/components/menus/select) from [the deprecated version.](/components/menus/select/react-deprecated) + +### Component updates + +#### Menu toggle with status indicator +We added support for a status indicator [within the menu toggle component.](/components/menus/menu-toggle#status) This allows you to associate a menu toggle item with different statuses, such as "success", "warning", and "danger", so that users have more context about the effect that a selection may have. + +Because [the select component](/components/menus/select) is built with a menu toggle, this status indication can also be utilized by select components, [as shown in this example.](/components/menus/select#with-validation) This update replicates functionality that was present in [the now deprecated select component](/components/menus/select/react-deprecated), which has not been supported in our current implementation until now. With this addition, you can now migrate any select components using validation to our updated select implementation. + +Menu toggles with success, warning, and danger status indicators. + +#### Dual list selector "next" version +We created the "next" version of [the dual list selector component](/components/dual-list-selector), which offers a simpler, more composable implementation. We also updated all examples to be solely comprised of composable components. + +**Note:** As a reminder, our next components will be promoted with our next major release. Once a next component is promoted, it becomes the default recommended implementation for that component. + +#### Form select component bug fix +We found a bug in [the form select component](/components/forms/form-select) that occasionally rendered the wrong color for menu items when a select menu placeholder was used in certain OS/browser combinations. We corrected this issue, so the appropriate color will now be used consistently. + +### Topology pipeline updates +To enhance and improve the experience using [topology pipelines](/topology/pipelines), we added a few new features. + +#### New layouts +We introduced a new vertical layout that can display pipelines from top to bottom, rather than the previous left-to-right default. + +Topology pipeline in a top-to-bottom vertical presentation. + +We also added support for groups in pipeline views, which allows you to combine and nest graphs. Groups are supported in both vertical and horizontal layouts. + +Multiple topology pipelines grouped within a pipeline. + +#### Functional and visual enhancements +To add more flexibility to topology pipelines, we added support for a couple of new features. These features introduce: +- Arrows as directional indicators between pipeline tasks. + + Topology pipeline with arrows between tasks. + +- The ability to collapse and expand pipeline groups. + + Topology pipeline before and after being collapsed. + +### Quick starts extension updates +We made a few updates to [our quick starts extension](/extensions/quick-starts), which lives in [the patternfly/patternfly-quickstarts repository.](https://github.com/patternfly/patternfly-quickstarts) + +#### Removed AsciiDoc code +To clean up our codebase and processes, we removed AsciiDoc examples, which were no longer being utilized by any products. We still have support for AsciiDoc, but we generally recommend using Markdown instead. + +#### New bookmarks feature +We added new functionality to cards in quick starts, which allows users to bookmark cards as needed. + +Card with bookmark action icon. + +#### Bug fixes +We fixed a few issues to enable: +- Clickable cards. +- Active and hover card styles. +- Links that open in a new tab. + +### Coming soon +The release of our v6 alpha will be here soon. Keep an eye on [our Medium publication](https://medium.com/patternfly) and the PatternFly website for updates. We'll be sure to share an announcement as soon as the alpha is live! + + + ## PatternFly 5.2.2 PatternFly 5.2.2 is now live! This was a patch release to fix a significant bug that was found.