diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/application-launcher/application-launcher.md b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/application-launcher/application-launcher.md index 68f4ce5634..2eabef3db7 100644 --- a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/application-launcher/application-launcher.md +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/application-launcher/application-launcher.md @@ -3,10 +3,15 @@ id: Application launcher section: components subsection: menus --- + +import '../components.css'; + ## Elements An application launcher has two main elements. -Elements of the application launcher component +
+![Elements of the application launcher component.](./img/app-launcher-elements.svg) +
1. **Icon:** used to open and close the menu. 2. **Menu:** contains a list of links. @@ -21,10 +26,14 @@ For longer lists, you can optionally add the ability to search the list and favo ## Examples **Application launcher with external links** -Example of the application launcher component +
+![Example of an application launcher with external links.](./img/app-launcher-ext-links.svg) +
**Application launcher with favorites and search** -Example of the application launcher component with favorites and search +
+![Example of an application launcher with favorites and search.](./img/app-launcher-fave-search.svg) +
## Accessibility For information regarding accessibility, visit the [application launcher accessibility](/components/menus/application-launcher/accessibility) tab. diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/application-launcher/img/app-launcher-elements.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/application-launcher/img/app-launcher-elements.svg new file mode 100644 index 0000000000..973b4b98c7 --- /dev/null +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/application-launcher/img/app-launcher-elements.svg @@ -0,0 +1,68 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/application-launcher/img/app-launcher-ext-links.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/application-launcher/img/app-launcher-ext-links.svg new file mode 100644 index 0000000000..80bf97e7a0 --- /dev/null +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/application-launcher/img/app-launcher-ext-links.svg @@ -0,0 +1,91 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/application-launcher/img/app-launcher-fave-search.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/application-launcher/img/app-launcher-fave-search.svg new file mode 100644 index 0000000000..f0217db1e8 --- /dev/null +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/application-launcher/img/app-launcher-fave-search.svg @@ -0,0 +1,100 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dropdown/dropdown.md b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dropdown/dropdown.md index e54af6d56c..224aae801f 100644 --- a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dropdown/dropdown.md +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dropdown/dropdown.md @@ -4,11 +4,14 @@ section: components subsection: menus --- +import '../components.css'; + ## Elements A basic dropdown consists of a toggle control to open and close a menu of actions or links. -basic dropdown - +
+![Elements of a basic dropdown.](./img/dropdown-elements.svg) +
1. **Toggle:** The toggle is used to open and close the menu. It takes on all of the behaviors of a button. The toggle label is used to name the menu and should be descriptive of the actions that it contains. If no more descriptive name makes sense, use “Actions” as a default name. @@ -17,7 +20,9 @@ A basic dropdown consists of a toggle control to open and close a menu of action ## Variations In addition to the basic dropdown shown above, you may apply the following variants to the dropdown toggle element. -Image showing dropdown variations +
+![Example of different dropdown variations.](./img/dropdown-variations.svg) +
### Primary toggle The primary toggle should be used in the same way as you would use a primary button. If you want to draw the user’s attention to a dropdown menu as the primary place to take action on a page, consider using a dropdown with primary styling. @@ -25,8 +30,6 @@ The primary toggle should be used in the same way as you would use a primary but ### Secondary toggle The secondary toggle is a variation of the primary toggle. It has less visual prominence than the primary toggle, but more visual prominence than the basic toggle and other toggle variations. Use a secondary toggle when the actions in the dropdown are the secondary actions you’d want a user to take. -Image showing usage of secondary toggle - Use a secondary toggle when other toggle variations would appear visually inconsistent, or lack the sufficient prominence needed to create a visual hierarchy. ### Plain toggle @@ -44,13 +47,17 @@ There are two types of split buttons: split buttons with checkboxes and split bu A split button with a checkbox can be used in bulk selection use cases for a list, table, or card grid. Here, the checkbox provides immediate access to bulk selection, and the user can also open the dropdown menu to expose other actions. Text can also be added within the toggle to reflect current state. -split button +
+![Example of a dropdown with a checkbox.](./img/dropdown-checkbox.svg) +
#### Split button with actions A split button with actions is useful when you want to expose a default action with a single click, but also allow access to other actions via the dropdown menu. This can be thought of as providing a shortcut to the most recent or frequently used item in the menu. A split button with actions can contain a labeled action or an icon in place of the label for use when there is limited space. -split button +
+![Example of split button actions.](./img/split-button-actions.svg) +
**Behavior** @@ -58,6 +65,8 @@ In this case, the user can either click on the primary button, or on the caret t **Example** -example of split button used inside of a modal +
+![Example of a split button used in a modal.](./img/split-button-behavior.svg) +
A split action button is used in a modal where there are different possible submit variations. Here, all the buttons are related in that they are different ways to submit the modal, but the surfaced option is the most likely to be used, while the ones housed in the toggle are other less likely options. diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dropdown/img/dropdown-checkbox.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dropdown/img/dropdown-checkbox.svg new file mode 100644 index 0000000000..52a8f04933 --- /dev/null +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dropdown/img/dropdown-checkbox.svg @@ -0,0 +1,57 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dropdown/img/dropdown-elements.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dropdown/img/dropdown-elements.svg new file mode 100644 index 0000000000..294228e1a5 --- /dev/null +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dropdown/img/dropdown-elements.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dropdown/img/dropdown-variations.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dropdown/img/dropdown-variations.svg new file mode 100644 index 0000000000..6130ef9ed8 --- /dev/null +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dropdown/img/dropdown-variations.svg @@ -0,0 +1,86 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dropdown/img/split-button-actions.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dropdown/img/split-button-actions.svg new file mode 100644 index 0000000000..76702d52c9 --- /dev/null +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dropdown/img/split-button-actions.svg @@ -0,0 +1,107 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dropdown/img/split-button-behavior.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dropdown/img/split-button-behavior.svg new file mode 100644 index 0000000000..80ba2e18b5 --- /dev/null +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dropdown/img/split-button-behavior.svg @@ -0,0 +1,37 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/menu/img/menu-action.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/menu/img/menu-action.svg new file mode 100644 index 0000000000..1df4f5e70c --- /dev/null +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/menu/img/menu-action.svg @@ -0,0 +1,97 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/menu/img/menu-disabled.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/menu/img/menu-disabled.svg new file mode 100644 index 0000000000..d9c36262b2 --- /dev/null +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/menu/img/menu-disabled.svg @@ -0,0 +1,35 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/menu/img/menu-drilldown-back.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/menu/img/menu-drilldown-back.svg new file mode 100644 index 0000000000..a35db992eb --- /dev/null +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/menu/img/menu-drilldown-back.svg @@ -0,0 +1,57 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/menu/img/menu-drilldown-breadcrumbs.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/menu/img/menu-drilldown-breadcrumbs.svg new file mode 100644 index 0000000000..5d648fa032 --- /dev/null +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/menu/img/menu-drilldown-breadcrumbs.svg @@ -0,0 +1,116 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/menu/img/menu-drilldown.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/menu/img/menu-drilldown.svg new file mode 100644 index 0000000000..641a3d0fc0 --- /dev/null +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/menu/img/menu-drilldown.svg @@ -0,0 +1,168 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/menu/img/menu-favoriting.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/menu/img/menu-favoriting.svg new file mode 100644 index 0000000000..b9df8ddafa --- /dev/null +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/menu/img/menu-favoriting.svg @@ -0,0 +1,36 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/menu/img/menu-filtering.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/menu/img/menu-filtering.svg new file mode 100644 index 0000000000..1234ddf243 --- /dev/null +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/menu/img/menu-filtering.svg @@ -0,0 +1,35 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/menu/img/menu-grouped.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/menu/img/menu-grouped.svg new file mode 100644 index 0000000000..7ff837ea2f --- /dev/null +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/menu/img/menu-grouped.svg @@ -0,0 +1,103 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/menu/img/menu-multi-level.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/menu/img/menu-multi-level.svg new file mode 100644 index 0000000000..013b17c605 --- /dev/null +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/menu/img/menu-multi-level.svg @@ -0,0 +1,47 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/menu/img/menu-option-select.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/menu/img/menu-option-select.svg new file mode 100644 index 0000000000..42a54ed509 --- /dev/null +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/menu/img/menu-option-select.svg @@ -0,0 +1,98 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/menu/img/menu-red-text.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/menu/img/menu-red-text.svg new file mode 100644 index 0000000000..477cfcd490 --- /dev/null +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/menu/img/menu-red-text.svg @@ -0,0 +1,85 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/menu/menu.md b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/menu/menu.md index 968e1ced9a..a196c3ee97 100644 --- a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/menu/menu.md +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/menu/menu.md @@ -33,7 +33,9 @@ You can allow users to filter menu items via search input, which matches menu it ### Action menu An action menu presents a list of actions or links. -actions dropdown +
+![Examples of action menus.](./img/menu-action.svg) +
1. **Menu item:** Menu items represent discrete actions that can be taken. Selecting a menu item inside a dropdown will trigger the action and dismiss the menu, while selecting a menu item inside a select list will select the item. @@ -46,7 +48,9 @@ An action menu presents a list of actions or links. ### Option select menus Use an option select menu when you want to persist selected items. This is typically the case for select menus or settings menus that allow users to select between multiple options. See the [select](/components/menus/select) and [options menu](/components/menus/options-menu) components for more details. You may present single or multiple [groups of options](#grouped-menus) within the same menu. -option select menus +
+![Examples of option select menus.](./img/menu-option-select.svg) +
1. **Selected item:** Selected items are indicated by a checkmark to the right of their label. @@ -57,7 +61,9 @@ Use an option select menu when you want to persist selected items. This is typic ### Grouped menus You may decide to group menu items to associate related items and/or to indicate a hierarchy of items. Items may be grouped using group headings and/or separators or in a [tree view](/components/tree-view). -Grouped menu options with separator, without, and in tree view +
+![Examples of grouped menus.](./img/menu-grouped.svg) +
1. **Group heading (optional):** Add a group heading when you want to name the group. @@ -76,38 +82,52 @@ You may decide to group menu items to associate related items and/or to indicate ### Multi-level fly-out menus Use fly-out menus when you want to expose sub-items from a parent node. PatternFly supports a single level fly-out, only. -flyout menu +
+![Example of a flyout menu.](./img/menu-multi-level.svg) +
If a menu item has sub-items, a “>” character will be shown to the right of the item label. When hovering over the item, the secondary menu will be exposed. ### Filtering menu items If the list of possible items is very long, add a filter to make items more findable. -grouped menu +
+![Example of filtering menu items.](./img/menu-filtering.svg) +
When filtering menu items, a search input will be added to the top of the menu and the list of items will be filtered as the user types. ### Favoriting and other actions Favoriting or other optional actions can be associated with any menu item. In this case, making an item a favorite will duplicate it at the top of the menu. This may be useful when you have a long list of possible actions and want to “pin” a subset of items to the top of the menu. -menu with favorites +
+![Example of a menu with favorites.](./img/menu-favoriting.svg) +
Any action that can be represented as an icon button can be placed in one or more menu items. In this case, the favoriting action is used to mark an item as a favorite. ### Drilldown menu -drilldown menu - Use a drilldown menu when data is structured into levels and includes a long list of options. When the parent with children is selected, the list is replaced with the children items. A header displays the name of the parent, with the option to go back one level. +
+![Example of a drilldown menu with a back button.](./img/menu-drilldown-back.svg) +
+ If data is more complex and has more than 2 levels, use a drilldown menu with breadcrumbs instead. Breadcrumbs offer better navigation between different levels. The number of visited levels is shown in a grey badge with a dropdown menu showing the menu items between the first and last level. The badge allows you to go back to a specific visited level. If you need to see the whole structure of your data, use a [tree view](/components/tree-view) instead. +
+![Example of a drilldown menu with breadcrumbs.](./img/menu-drilldown-breadcrumbs.svg) +
+ ### Red text menu If you have destructive items in a dropdown menu, you can optionally use red text styling for that item. A divider should be used to separate the destructive menu items from the non-destructive items. Red text is used to visually distinguish a dangerous action from other items. When using red text for destructive actions, it is still recommended to require a confirmation dialog before proceeding. -drilldown menu +
+![Examples of menus with destructive red text.](./img/menu-red-text.svg) +
### Disabled menus and menu options @@ -121,7 +141,9 @@ Use a disabled menu when: If a user needs to complete a prerequisite to enable an action, disable the action and add a [tooltip](/components/tooltip). The tooltip should explain what the user needs to do to enable the action. - disabled action tooltip +
+ ![Example of a menu with a disabled menu item.](./img/menu-disabled.svg) +
Example: A user can’t perform bulk actions until they select resources in the list. diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/select/img/select-descriptions.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/select/img/select-descriptions.svg index c098add3ed..ba28a5cd2d 100644 --- a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/select/img/select-descriptions.svg +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/select/img/select-descriptions.svg @@ -10,7 +10,7 @@ - + @@ -18,13 +18,11 @@ - - - - - - - + + + + + @@ -35,14 +33,5 @@ - - - - - - - - - diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/select/img/select-elements.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/select/img/select-elements.svg index 00aa2631b8..1b2063b2b3 100644 --- a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/select/img/select-elements.svg +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/select/img/select-elements.svg @@ -10,25 +10,23 @@ - + - - - - - - - + + + + + @@ -39,14 +37,5 @@ - - - - - - - - - diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/select/img/select-favorites.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/select/img/select-favorites.svg index 9d9a6f0275..51ee327d34 100644 --- a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/select/img/select-favorites.svg +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/select/img/select-favorites.svg @@ -19,13 +19,11 @@ - - - - - - - + + + + + @@ -36,14 +34,5 @@ - - - - - - - - - diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/select/img/select-item-count.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/select/img/select-item-count.svg index 6039a3fc79..0775705680 100644 --- a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/select/img/select-item-count.svg +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/select/img/select-item-count.svg @@ -5,8 +5,10 @@ - - + + + + @@ -14,11 +16,11 @@ - + - + @@ -26,13 +28,11 @@ - - - - - - - + + + + + @@ -43,14 +43,5 @@ - - - - - - - - - diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/select/img/select-view-more.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/select/img/select-view-more.svg index 59505bcd7d..36fe7cce19 100644 --- a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/select/img/select-view-more.svg +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/select/img/select-view-more.svg @@ -13,132 +13,118 @@ - + - + - + - + - + - + - + - + - - - - - - - - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - - - - - - - - + @@ -149,16 +135,7 @@ - - - - - - - - - - + @@ -167,14 +144,5 @@ - - - - - - - - - diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/select/img/single-select.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/select/img/single-select.svg index 59e3222ff1..5d727e1e8f 100644 --- a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/select/img/single-select.svg +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/select/img/single-select.svg @@ -10,35 +10,33 @@ - + - - - - - - - - + - + - + - + - + + + + + + @@ -49,16 +47,7 @@ - - - - - - - - - - + diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/select/img/typeahead-select.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/select/img/typeahead-select.svg index 7f67c0099a..ebdf9c421d 100644 --- a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/select/img/typeahead-select.svg +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/select/img/typeahead-select.svg @@ -15,13 +15,11 @@ - - - - - - - + + + + + @@ -32,15 +30,6 @@ - - - - - - - - -