diff --git a/packages/v4/patternfly-docs/content/contribute/about/about-flowchart.png b/packages/v4/patternfly-docs/content/contribute/contributing-to-patternfly/about-flowchart.png similarity index 100% rename from packages/v4/patternfly-docs/content/contribute/about/about-flowchart.png rename to packages/v4/patternfly-docs/content/contribute/contributing-to-patternfly/about-flowchart.png diff --git a/packages/v4/patternfly-docs/content/contribute/about/about.md b/packages/v4/patternfly-docs/content/contribute/contributing-to-patternfly/contributing-to-patternfly.md similarity index 96% rename from packages/v4/patternfly-docs/content/contribute/about/about.md rename to packages/v4/patternfly-docs/content/contribute/contributing-to-patternfly/contributing-to-patternfly.md index 2d9372802d..f43b44f8ca 100644 --- a/packages/v4/patternfly-docs/content/contribute/about/about.md +++ b/packages/v4/patternfly-docs/content/contribute/contributing-to-patternfly/contributing-to-patternfly.md @@ -1,6 +1,7 @@ --- -id: About -section: contribute +id: Contributing to PatternFly +section: get-started +subsection: contribute --- The PatternFly open source community depends on contributions to help our design system grow and evolve. We encourage everyone, regardless of background, to make suggestions for enhancements, contribute new design patterns and ideas, help identify bugs in code, and more. With your help, we can stay on top of the latest and greatest implementation solutions. diff --git a/packages/v4/patternfly-docs/content/contribute/design/design.md b/packages/v4/patternfly-docs/content/contribute/design/design.md index 1ef089cce0..2453fd7f07 100644 --- a/packages/v4/patternfly-docs/content/contribute/design/design.md +++ b/packages/v4/patternfly-docs/content/contribute/design/design.md @@ -1,6 +1,7 @@ --- -id: Design -section: contribute +id: Designer contributions +section: get-started +subsection: contribute --- ## Ways to contribute diff --git a/packages/v4/patternfly-docs/content/contribute/develop/develop.md b/packages/v4/patternfly-docs/content/contribute/develop/develop.md index 31830a2252..dc24469c8e 100644 --- a/packages/v4/patternfly-docs/content/contribute/develop/develop.md +++ b/packages/v4/patternfly-docs/content/contribute/develop/develop.md @@ -1,6 +1,7 @@ --- -id: Develop -section: contribute +id: Developer contributions +section: get-started +subsection: contribute --- ## Ways to contribute diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/password-strength/img/password strength indicator medium.png b/packages/v4/patternfly-docs/content/design-guidelines/components/password-strength/img/password strength indicator medium.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/password-strength/img/password strength indicator medium.png rename to packages/v4/patternfly-docs/content/design-guidelines/components/password-strength/img/password strength indicator medium.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/password-strength/img/password strength indicator strong.png b/packages/v4/patternfly-docs/content/design-guidelines/components/password-strength/img/password strength indicator strong.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/password-strength/img/password strength indicator strong.png rename to packages/v4/patternfly-docs/content/design-guidelines/components/password-strength/img/password strength indicator strong.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/password-strength/img/password strength indicator weak.png b/packages/v4/patternfly-docs/content/design-guidelines/components/password-strength/img/password strength indicator weak.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/password-strength/img/password strength indicator weak.png rename to packages/v4/patternfly-docs/content/design-guidelines/components/password-strength/img/password strength indicator weak.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/password-strength/password-strength.md b/packages/v4/patternfly-docs/content/design-guidelines/components/password-strength/password-strength.md similarity index 98% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/password-strength/password-strength.md rename to packages/v4/patternfly-docs/content/design-guidelines/components/password-strength/password-strength.md index 067bf4fffe..be8c4ba604 100644 --- a/packages/v4/patternfly-docs/content/design-guidelines/demos/password-strength/password-strength.md +++ b/packages/v4/patternfly-docs/content/design-guidelines/components/password-strength/password-strength.md @@ -1,6 +1,6 @@ --- id: Password strength -section: demos +section: components --- A **password strength indicator** is displayed to a user after they have entered a password in a field. It allows the user to understand the strength of a password after it has met the password requirements. The strength of the password is determined by a validation algorithm after the specific rules are met. Using a password strength indicator allows users to create stronger passwords, offering better protection from breaches. diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/card-view/card-view.md b/packages/v4/patternfly-docs/content/design-guidelines/patterns/card-view/card-view.md similarity index 99% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/card-view/card-view.md rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/card-view/card-view.md index 77d45d75ce..4431fe295b 100644 --- a/packages/v4/patternfly-docs/content/design-guidelines/demos/card-view/card-view.md +++ b/packages/v4/patternfly-docs/content/design-guidelines/patterns/card-view/card-view.md @@ -1,6 +1,6 @@ --- id: Card view -section: demos +section: patterns --- diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/card-view/img/add-card-empty-state.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/card-view/img/add-card-empty-state.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/card-view/img/add-card-empty-state.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/card-view/img/add-card-empty-state.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/card-view/img/card-images.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/card-view/img/card-images.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/card-view/img/card-images.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/card-view/img/card-images.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/card-view/img/card-view-sticky-toolbar.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/card-view/img/card-view-sticky-toolbar.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/card-view/img/card-view-sticky-toolbar.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/card-view/img/card-view-sticky-toolbar.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/card-view/img/card-view.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/card-view/img/card-view.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/card-view/img/card-view.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/card-view/img/card-view.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/card-view/img/card.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/card-view/img/card.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/card-view/img/card.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/card-view/img/card.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/card-view/img/few-multiple-actions.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/card-view/img/few-multiple-actions.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/card-view/img/few-multiple-actions.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/card-view/img/few-multiple-actions.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/card-view/img/global-actions.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/card-view/img/global-actions.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/card-view/img/global-actions.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/card-view/img/global-actions.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/card-view/img/gray-background.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/card-view/img/gray-background.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/card-view/img/gray-background.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/card-view/img/gray-background.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/card-view/img/inline-actions.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/card-view/img/inline-actions.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/card-view/img/inline-actions.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/card-view/img/inline-actions.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/card-view/img/mobile-cards.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/card-view/img/mobile-cards.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/card-view/img/mobile-cards.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/card-view/img/mobile-cards.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/card-view/img/multiple-inline.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/card-view/img/multiple-inline.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/card-view/img/multiple-inline.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/card-view/img/multiple-inline.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/card-view/img/white-background.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/card-view/img/white-background.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/card-view/img/white-background.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/card-view/img/white-background.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/dashboard.md b/packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/dashboard.md similarity index 99% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/dashboard.md rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/dashboard.md index 6bca7afa86..6fc9143f33 100644 --- a/packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/dashboard.md +++ b/packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/dashboard.md @@ -1,6 +1,6 @@ --- id: Dashboard -section: demos +section: patterns --- A dashboard provides overviews of key metrics or performance indicators relevant to an application, process, or business. The overall experience of dashboards can vary greatly depending on their use cases, so it can be difficult to define a one-size-fits-all approach. These guidelines take a systematic approach to dashboard design that can be applied in a variety of situations. diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/aggregate-status-cards.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/aggregate-status-cards.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/aggregate-status-cards.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/aggregate-status-cards.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/capacity-card-example.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/capacity-card-example.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/capacity-card-example.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/capacity-card-example.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/consumers-card-example.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/consumers-card-example.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/consumers-card-example.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/consumers-card-example.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/dashbar.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/dashbar.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/dashbar.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/dashbar.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/dashboard-4-column.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/dashboard-4-column.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/dashboard-4-column.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/dashboard-4-column.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/dashboard-example-final.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/dashboard-example-final.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/dashboard-example-final.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/dashboard-example-final.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/dashboard-first-cut.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/dashboard-first-cut.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/dashboard-first-cut.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/dashboard-first-cut.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/dashboard-iterations.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/dashboard-iterations.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/dashboard-iterations.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/dashboard-iterations.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/dashboard-view-desktop.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/dashboard-view-desktop.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/dashboard-view-desktop.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/dashboard-view-desktop.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/dashboard-what-to-avoid.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/dashboard-what-to-avoid.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/dashboard-what-to-avoid.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/dashboard-what-to-avoid.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/details-card-example.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/details-card-example.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/details-card-example.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/details-card-example.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/details-card.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/details-card.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/details-card.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/details-card.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/events-card-example.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/events-card-example.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/events-card-example.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/events-card-example.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/events-card.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/events-card.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/events-card.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/events-card.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/health-card-example.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/health-card-example.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/health-card-example.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/health-card-example.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/inventory-card-example.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/inventory-card-example.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/inventory-card-example.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/inventory-card-example.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/performance-card-example.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/performance-card-example.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/performance-card-example.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/performance-card-example.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/trend-card-multiple.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/trend-card-multiple.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/trend-card-multiple.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/trend-card-multiple.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/trend-cards.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/trend-cards.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/trend-cards.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/trend-cards.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/utilization-cards.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/utilization-cards.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/dashboard/img/utilization-cards.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/dashboard/img/utilization-cards.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/primary-detail/img/mobile-primary-detail-in-card-view.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/primary-detail/img/mobile-primary-detail-in-card-view.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/primary-detail/img/mobile-primary-detail-in-card-view.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/primary-detail/img/mobile-primary-detail-in-card-view.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/primary-detail/img/mobile-primary-detail-in-list-view.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/primary-detail/img/mobile-primary-detail-in-list-view.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/primary-detail/img/mobile-primary-detail-in-list-view.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/primary-detail/img/mobile-primary-detail-in-list-view.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/primary-detail/img/primary-detail-in-card-demo-list.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/primary-detail/img/primary-detail-in-card-demo-list.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/primary-detail/img/primary-detail-in-card-demo-list.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/primary-detail/img/primary-detail-in-card-demo-list.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/primary-detail/img/primary-detail-in-card-view.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/primary-detail/img/primary-detail-in-card-view.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/primary-detail/img/primary-detail-in-card-view.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/primary-detail/img/primary-detail-in-card-view.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/primary-detail/img/primary-detail-in-data-list.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/primary-detail/img/primary-detail-in-data-list.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/primary-detail/img/primary-detail-in-data-list.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/primary-detail/img/primary-detail-in-data-list.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/primary-detail/img/primary-detail-multi-select.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/primary-detail/img/primary-detail-multi-select.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/primary-detail/img/primary-detail-multi-select.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/primary-detail/img/primary-detail-multi-select.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/primary-detail/img/primary-detail-splitter.png b/packages/v4/patternfly-docs/content/design-guidelines/patterns/primary-detail/img/primary-detail-splitter.png similarity index 100% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/primary-detail/img/primary-detail-splitter.png rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/primary-detail/img/primary-detail-splitter.png diff --git a/packages/v4/patternfly-docs/content/design-guidelines/demos/primary-detail/primary-detail.md b/packages/v4/patternfly-docs/content/design-guidelines/patterns/primary-detail/primary-detail.md similarity index 99% rename from packages/v4/patternfly-docs/content/design-guidelines/demos/primary-detail/primary-detail.md rename to packages/v4/patternfly-docs/content/design-guidelines/patterns/primary-detail/primary-detail.md index 6929c51b2c..53b3ffee0b 100644 --- a/packages/v4/patternfly-docs/content/design-guidelines/demos/primary-detail/primary-detail.md +++ b/packages/v4/patternfly-docs/content/design-guidelines/patterns/primary-detail/primary-detail.md @@ -1,6 +1,6 @@ --- id: Primary-detail -section: demos +section: patterns --- A **primary-detail layout** is an interface that shows a list of items and the corresponding details of the selected item. diff --git a/packages/v4/patternfly-docs/content/design-guidelines/styles/colors/colors.md b/packages/v4/patternfly-docs/content/design-guidelines/styles/colors/colors.md index 68dd3dbbb5..61a93108ca 100644 --- a/packages/v4/patternfly-docs/content/design-guidelines/styles/colors/colors.md +++ b/packages/v4/patternfly-docs/content/design-guidelines/styles/colors/colors.md @@ -1,6 +1,6 @@ --- id: Colors -section: guidelines +section: design-foundations --- import { Alert, Grid, GridItem, Divider } from '@patternfly/react-core'; import { ColorSwatch } from './ColorSwatch'; diff --git a/packages/v4/patternfly-docs/content/design-guidelines/styles/icons/icons.md b/packages/v4/patternfly-docs/content/design-guidelines/styles/icons/icons.md index fb1fad28ee..8da1d1b5df 100644 --- a/packages/v4/patternfly-docs/content/design-guidelines/styles/icons/icons.md +++ b/packages/v4/patternfly-docs/content/design-guidelines/styles/icons/icons.md @@ -1,6 +1,6 @@ --- id: Icons -section: guidelines +section: design-foundations --- import { Card, CardBody, Divider, Flex, FlexItem, Grid, GridItem } from '@patternfly/react-core'; import CaretDownIcon from '@patternfly/react-icons/dist/esm/icons/caret-down-icon'; diff --git a/packages/v4/patternfly-docs/content/design-guidelines/styles/spacers/spacers.md b/packages/v4/patternfly-docs/content/design-guidelines/styles/spacers/spacers.md index cec167f2ea..67264bc9f6 100644 --- a/packages/v4/patternfly-docs/content/design-guidelines/styles/spacers/spacers.md +++ b/packages/v4/patternfly-docs/content/design-guidelines/styles/spacers/spacers.md @@ -1,6 +1,6 @@ --- id: Spacers -section: guidelines +section: design-foundations --- import './spacers.css'; diff --git a/packages/v4/patternfly-docs/content/design-guidelines/styles/typography/typography.md b/packages/v4/patternfly-docs/content/design-guidelines/styles/typography/typography.md index f6fa037501..5a079eb52e 100644 --- a/packages/v4/patternfly-docs/content/design-guidelines/styles/typography/typography.md +++ b/packages/v4/patternfly-docs/content/design-guidelines/styles/typography/typography.md @@ -1,6 +1,6 @@ --- id: Typography -section: guidelines +section: design-foundations --- import { Button, Grid, GridItem } from '@patternfly/react-core'; diff --git a/packages/v4/patternfly-docs/content/design-guidelines/usage-and-behavior/bulk-selection/bulk-selection.md b/packages/v4/patternfly-docs/content/design-guidelines/usage-and-behavior/bulk-selection/bulk-selection.md index cd96a5100b..bdc7c72a56 100644 --- a/packages/v4/patternfly-docs/content/design-guidelines/usage-and-behavior/bulk-selection/bulk-selection.md +++ b/packages/v4/patternfly-docs/content/design-guidelines/usage-and-behavior/bulk-selection/bulk-selection.md @@ -1,6 +1,6 @@ --- id: Bulk selection -section: guidelines +section: patterns --- ## Bulk selection diff --git a/packages/v4/patternfly-docs/content/design-guidelines/usage-and-behavior/filters/filters.md b/packages/v4/patternfly-docs/content/design-guidelines/usage-and-behavior/filters/filters.md index 9d2d31a572..69abe884e4 100644 --- a/packages/v4/patternfly-docs/content/design-guidelines/usage-and-behavior/filters/filters.md +++ b/packages/v4/patternfly-docs/content/design-guidelines/usage-and-behavior/filters/filters.md @@ -1,6 +1,6 @@ --- id: Filters -section: demos +section: patterns related: [ 'Badge', 'Chip', diff --git a/packages/v4/patternfly-docs/content/design-guidelines/usage-and-behavior/usage-and-behavior.md b/packages/v4/patternfly-docs/content/design-guidelines/usage-and-behavior/usage-and-behavior.md index 85577596dc..c8d31fa6f2 100644 --- a/packages/v4/patternfly-docs/content/design-guidelines/usage-and-behavior/usage-and-behavior.md +++ b/packages/v4/patternfly-docs/content/design-guidelines/usage-and-behavior/usage-and-behavior.md @@ -1,6 +1,6 @@ --- id: Usage and behavior -section: guidelines +section: design-foundations --- As you design with PatternFly, you might encounter common use cases where multiple components apply. This page gives advice for which component to use in these situations and shares where to find more detailed usage guidelines. diff --git a/packages/v4/patternfly-docs/pages/community-1.svg b/packages/v4/patternfly-docs/content/get-started/community/community-1.svg similarity index 100% rename from packages/v4/patternfly-docs/pages/community-1.svg rename to packages/v4/patternfly-docs/content/get-started/community/community-1.svg diff --git a/packages/v4/patternfly-docs/pages/community-2.svg b/packages/v4/patternfly-docs/content/get-started/community/community-2.svg similarity index 100% rename from packages/v4/patternfly-docs/pages/community-2.svg rename to packages/v4/patternfly-docs/content/get-started/community/community-2.svg diff --git a/packages/v4/patternfly-docs/pages/community-3.svg b/packages/v4/patternfly-docs/content/get-started/community/community-3.svg similarity index 100% rename from packages/v4/patternfly-docs/pages/community-3.svg rename to packages/v4/patternfly-docs/content/get-started/community/community-3.svg diff --git a/packages/v4/patternfly-docs/pages/community-page-header.svg b/packages/v4/patternfly-docs/content/get-started/community/community-page-header.svg similarity index 100% rename from packages/v4/patternfly-docs/pages/community-page-header.svg rename to packages/v4/patternfly-docs/content/get-started/community/community-page-header.svg diff --git a/packages/v4/patternfly-docs/pages/community.css b/packages/v4/patternfly-docs/content/get-started/community/community.css similarity index 100% rename from packages/v4/patternfly-docs/pages/community.css rename to packages/v4/patternfly-docs/content/get-started/community/community.css diff --git a/packages/v4/patternfly-docs/content/get-started/community/community.md b/packages/v4/patternfly-docs/content/get-started/community/community.md new file mode 100644 index 0000000000..03a3fee8d3 --- /dev/null +++ b/packages/v4/patternfly-docs/content/get-started/community/community.md @@ -0,0 +1,151 @@ +--- +id: Community +title: PatternFly community +section: get-started +--- + +import { Link } from '@patternfly/documentation-framework/components'; +import { Card, CardBody, Grid, GridItem, PageSection, Split, SplitItem, Title } from '@patternfly/react-core'; +import './community.css'; +import { getTitle } from '@patternfly/documentation-framework/helpers/getTitle'; +import communityPageHeader from './community-page-header.svg'; +import community1 from './community-1.svg'; +import community2 from './community-2.svg'; +import community3 from './community-3.svg'; +import ChatIcon from '@patternfly/react-icons/dist/esm/icons/chat-icon'; +import QuestionIcon from '@patternfly/react-icons/dist/esm/icons/question-icon'; +import CatalogIcon from '@patternfly/react-icons/dist/esm/icons/catalog-icon'; +import MailBulkIcon from '@patternfly/react-icons/dist/esm/icons/mail-bulk-icon'; +import TwitterIcon from '@patternfly/react-icons/dist/esm/icons/twitter-icon'; +import CalendarIcon from '@patternfly/react-icons/dist/esm/icons/calendar-alt-icon'; + +
+

At the core of PatternFly is our community of people—in other words, our Flyers. Together, we celebrate creativity and foster a sense of teamwork and unity.

+ + + + Website collaboration + + + Who we are +

We're made of designers, developers, and other UX professionals with a passion for open source. We each have different ways of working with others and supporting the community—there's no one way to be a Flyer. Whether we're contributing to PatternFly or just staying up to date on new releases, we work together to make PatternFly a vibrant community of passionate people.

+ + + + What we're building +

Our work extends beyond products and apps. We're always exploring new ways we can welcome ideas and build better experiences for the very people who make PatternFly what it is today.

+ + + + + Globe + Building global connections +

+ Flyers may be spread all over the globe, but we make sure to come together once a month to share updates and collect feedback. All meetings are recorded and published on PatternFly's YouTube channel, and you can join PatternFly's mailing list for the invites. +

+ + <a href="https://www.redhat.com/mailman/listinfo/patternfly"><strong>Join our mailing list</strong></a> + + + + + + Map + Building PatternFly roadmaps +

+ To stay on top of all changes and keep everyone informed, we regularly update PatternFly roadmaps. This gives us an opportunity to share what Flyers are working on and what updates we're planning. +

+ + <a href="https://github.com/orgs/patternfly/projects/4?fullscreen=true"><strong>Explore PatternFly roadmaps</strong></a> + + + + + + Figure of a person + Building accessible experiences +

+ A community isn't really a community unless everyone is included, so accessible UX is important to us. We regularly test and audit PatternFly's accessibility and share guidance whenever we can. +

+ + <Link to="/accessibility/accessibility-fundamentals"> + <strong>Read our accessibility guide</strong> + </Link> + + + + + + Creating new communities +

Sometimes Flyers branch out and build groups of their own, which is how new communities are born. While PatternFly communities are separate from PatternFly and not supported as part of the design system, we still love seeing our Flyers forming new groups and developing their visions into actions.

+
+ + <a href="https://patternflyelements.org">PatternFly Elements</a> +

PatternFly Elements is a community created by Red Hat's web-based developers. It focuses on creating web components for use across Red Hat's sites and SaaS products and features theming options available for your own brand library.

+ + <a href="https://github.com/patternfly-kotlin/patternfly-kotlin">PatternFly Kotlin</a> +

PatternFly Kotlin is a Kotlin implementation of PatternFly based on fritz2, targeting Kotlin/JS. The goal of this project is to provide all PatternFly components in Kotlin, matching the reactive nature of fritz2. The components use stores, handlers, and other elements from the fritz2 API. For a quick overview, check out the PatternFly Kotlin showcase.

+ + <a href="https://www.sketch.com/s/6ccbd710-267d-4b69-9dae-bc19e1551056">Ansible Component Guide and Sketch Library</a> +

The Ansible Component Guide and Sketch Library is an additional resource that designers can use that is built on top of existing PatternFly components. It is a rapid mockup prototyping tool that can be used to quickly put together repeatable design patterns and layouts across projects. Although this is specific to Ansible, many of the components are generalized and can fit many product use cases and are easily detachable to update as needed.

+ + Let's keep growing +

The PatternFly community is never finished growing, and we want to keep it that way. Feel free to reach out whenever — we're always open.

+ + + + + + + Chat with us + Slack + + + + + + + + Stay in the loop + PatternFly mailing list + + + + + + + + Ask a question + PatternFly forum + + + + + + + + Read the latest + PatternFly Medium + + + + + + + + Send us a Tweet + PatternFly Twitter + + + + + + + + Attend office hours + PatternFly calendar + + + + +
diff --git a/packages/v4/patternfly-docs/pages/community.js b/packages/v4/patternfly-docs/pages/community.js deleted file mode 100644 index d8983f2201..0000000000 --- a/packages/v4/patternfly-docs/pages/community.js +++ /dev/null @@ -1,157 +0,0 @@ -import React from 'react'; -import { Link } from '@patternfly/documentation-framework/components'; -import { Card, CardBody, Grid, GridItem, PageSection, Split, SplitItem, Title } from '@patternfly/react-core'; -import './community.css'; -import { getTitle } from '@patternfly/documentation-framework/helpers/getTitle'; -import communityPageHeader from './community-page-header.svg'; -import community1 from './community-1.svg'; -import community2 from './community-2.svg'; -import community3 from './community-3.svg'; -import ChatIcon from '@patternfly/react-icons/dist/esm/icons/chat-icon'; -import QuestionIcon from '@patternfly/react-icons/dist/esm/icons/question-icon'; -import CatalogIcon from '@patternfly/react-icons/dist/esm/icons/catalog-icon'; -import MailBulkIcon from '@patternfly/react-icons/dist/esm/icons/mail-bulk-icon'; -import TwitterIcon from '@patternfly/react-icons/dist/esm/icons/twitter-icon'; -import CalendarIcon from '@patternfly/react-icons/dist/esm/icons/calendar-alt-icon'; - -const CommunityPage = () => { - if (typeof document !== 'undefined') { - document.title = getTitle('Community'); - } - - return ( - - Community -

At the core of PatternFly is our community of people—in other words, our Flyers. Together, we celebrate creativity and foster a sense of teamwork and unity.

- - - - Website collaboration - - - Who we are -

We’re made of designers, developers, and other UX professionals with a passion for open source. We each have different ways of working with others and supporting the community—there’s no one way to be a Flyer. Whether we’re contributing to PatternFly or just staying up to date on new releases, we work together to make PatternFly a vibrant community of passionate people.

- - - - What we're building -

Our work extends beyond products and apps. We’re always exploring new ways we can welcome ideas and build better experiences for the very people who make PatternFly what it is today.

- - - - - Globe - Building global connections -

- Flyers may be spread all over the globe, but we make sure to come together once a month to share updates and collect feedback. All meetings are recorded and published on PatternFly’s YouTube channel, and you can join PatternFly’s mailing list for the invites. -

- - <a href="https://www.redhat.com/mailman/listinfo/patternfly"><strong>Join our mailing list</strong></a> - - - - - - Map - Building PatternFly roadmaps -

- To stay on top of all changes and keep everyone informed, we regularly update PatternFly roadmaps. This gives us an opportunity to share what Flyers are working on and what updates we’re planning. -

- - <a href="https://github.com/orgs/patternfly/projects/4?fullscreen=true"><strong>Explore PatternFly roadmaps</strong></a> - - - - - - Figure of a person - Building accessible experiences -

- A community isn’t really a community unless everyone is included, so accessible UX is important to us. We regularly test and audit PatternFly’s accessibility and share guidance whenever we can. -

- - <Link to="/accessibility/accessibility-fundamentals"> - <strong>Read our accessibility guide</strong> - </Link> - - - - - - Creating new communities -

Sometimes Flyers branch out and build groups of their own, which is how new communities are born. While PatternFly communities are separate from PatternFly and not supported as part of the design system, we still love seeing our Flyers forming new groups and developing their visions into actions.

-
- - <a href="https://patternflyelements.org">PatternFly Elements</a> -

PatternFly Elements is a community created by Red Hat's web-based developers. It focuses on creating web components for use across Red Hat's sites and SaaS products and features theming options available for your own brand library.

- - <a href="https://github.com/patternfly-kotlin/patternfly-kotlin">PatternFly Kotlin</a> -

PatternFly Kotlin is a Kotlin implementation of PatternFly based on fritz2, targeting Kotlin/JS. The goal of this project is to provide all PatternFly components in Kotlin, matching the reactive nature of fritz2. The components use stores, handlers, and other elements from the fritz2 API. For a quick overview, check out the PatternFly Kotlin showcase.

- - <a href="https://www.sketch.com/s/6ccbd710-267d-4b69-9dae-bc19e1551056">Ansible Component Guide and Sketch Library</a> -

The Ansible Component Guide and Sketch Library is an additional resource that designers can use that is built on top of existing PatternFly components. It is a rapid mockup prototyping tool that can be used to quickly put together repeatable design patterns and layouts across projects. Although this is specific to Ansible, many of the components are generalized and can fit many product use cases and are easily detachable to update as needed.

- - Let's keep growing -

The PatternFly community is never finished growing, and we want to keep it that way. Feel free to reach out whenever — we’re always open.

- - - - - - - Chat with us - Slack - - - - - - - - Stay in the loop - PatternFly mailing list - - - - - - - - Ask a question - PatternFly forum - - - - - - - - Read the latest - PatternFly Medium - - - - - - - - Send us a Tweet - PatternFly Twitter - - - - - - - - Attend office hours - PatternFly calendar - - - - - - ) -}; - -export default CommunityPage; diff --git a/packages/v4/patternfly-docs/patternfly-docs.config.js b/packages/v4/patternfly-docs/patternfly-docs.config.js index 60840aef5d..de5fb79974 100644 --- a/packages/v4/patternfly-docs/patternfly-docs.config.js +++ b/packages/v4/patternfly-docs/patternfly-docs.config.js @@ -17,20 +17,18 @@ module.exports = { componentsData, sideNavItems: [ { section: 'get-started' }, - { section: 'developer-resources' }, + { section: 'design-foundations' }, { section: 'accessibility' }, - { section: 'guidelines' }, { section: 'UX writing' }, { section: 'components' }, - { section: 'extensions' }, - { section: 'topology' }, + { section: 'patterns' }, + { section: 'extensions' }, { section: 'charts' }, - { section: 'demos' }, - { section: 'layouts' }, - { section: 'utilities' }, - { section: 'contribute' }, - { section: 'training' }, - { href: '/community' } + { section: 'topology' }, + { section: 'layouts' }, + { section: 'utility classes' }, + { section: 'developer-resources' }, + { section: 'training' }, ], topNavItems: [], port: 8003, diff --git a/packages/v4/patternfly-docs/patternfly-docs.routes.js b/packages/v4/patternfly-docs/patternfly-docs.routes.js index bc9d558f87..b54c9e6bee 100644 --- a/packages/v4/patternfly-docs/patternfly-docs.routes.js +++ b/packages/v4/patternfly-docs/patternfly-docs.routes.js @@ -5,10 +5,7 @@ module.exports = { '/': { SyncComponent: isClient && require('./pages/home').default }, - '/community': { - Component: () => import(/* webpackChunkName: "community/index" */ './pages/community'), - title: 'Community' - }, + '/404': { SyncComponent: isClient && require('@patternfly/documentation-framework/pages/404/index').default, title: '404 Error'