@patternfly/patternfly 5.0.0-alpha.14 → 5.0.0-alpha.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (157) hide show
  1. package/assets/pficon/pficon.woff +0 -0
  2. package/assets/pficon/pficon.woff2 +0 -0
  3. package/components/Accordion/accordion.css +2 -0
  4. package/components/Accordion/accordion.scss +2 -0
  5. package/components/AppLauncher/app-launcher.css +2 -0
  6. package/components/AppLauncher/app-launcher.scss +2 -0
  7. package/components/Breadcrumb/breadcrumb.css +2 -0
  8. package/components/Breadcrumb/breadcrumb.scss +2 -0
  9. package/components/ContextSelector/context-selector.css +5 -1
  10. package/components/ContextSelector/context-selector.scss +6 -2
  11. package/components/DataList/data-list.css +2 -0
  12. package/components/DataList/data-list.scss +2 -0
  13. package/components/Drawer/drawer.css +13 -13
  14. package/components/Dropdown/dropdown.css +12 -10
  15. package/components/Dropdown/dropdown.scss +2 -0
  16. package/components/ExpandableSection/expandable-section.css +2 -0
  17. package/components/ExpandableSection/expandable-section.scss +2 -0
  18. package/components/Label/label.css +2 -0
  19. package/components/Label/label.scss +2 -0
  20. package/components/Login/login.css +1 -1
  21. package/components/Menu/menu.css +2 -0
  22. package/components/Menu/menu.scss +2 -0
  23. package/components/MenuToggle/menu-toggle.css +2 -0
  24. package/components/MenuToggle/menu-toggle.scss +2 -0
  25. package/components/Page/page.css +60 -60
  26. package/components/Pagination/pagination.css +2 -2
  27. package/components/SearchInput/search-input.css +2 -0
  28. package/components/SearchInput/search-input.scss +2 -0
  29. package/components/Table/table-grid.css +28 -28
  30. package/components/Table/table-tree-view.css +4 -4
  31. package/components/TextInputGroup/text-input-group.css +4 -2
  32. package/components/TextInputGroup/text-input-group.scss +4 -3
  33. package/components/Toolbar/toolbar.css +35 -35
  34. package/components/TreeView/tree-view.css +7 -15
  35. package/components/TreeView/tree-view.scss +7 -18
  36. package/components/Wizard/wizard.css +2 -0
  37. package/components/Wizard/wizard.scss +2 -0
  38. package/docs/components/AboutModalBox/examples/AboutModalBox.md +13 -13
  39. package/docs/components/Accordion/examples/Accordion.md +12 -12
  40. package/docs/components/ActionList/examples/ActionList.md +6 -6
  41. package/docs/components/Alert/examples/Alert.md +19 -19
  42. package/docs/components/AlertGroup/examples/AlertGroup.md +10 -10
  43. package/docs/components/AppLauncher/examples/application-launcher.md +34 -34
  44. package/docs/components/Avatar/examples/Avatar.md +11 -11
  45. package/docs/components/BackToTop/examples/BackToTop.md +4 -4
  46. package/docs/components/Backdrop/examples/Backdrop.md +4 -4
  47. package/docs/components/BackgroundImage/examples/BackgroundImage.md +4 -4
  48. package/docs/components/Badge/examples/Badge.md +5 -5
  49. package/docs/components/Banner/examples/Banner.md +8 -8
  50. package/docs/components/Brand/examples/Brand.md +9 -9
  51. package/docs/components/Breadcrumb/examples/Breadcrumb.md +15 -15
  52. package/docs/components/Button/examples/Button.md +35 -35
  53. package/docs/components/CalendarMonth/examples/CalendarMonth.md +32 -32
  54. package/docs/components/Card/examples/Card.md +27 -27
  55. package/docs/components/Check/examples/Check.md +13 -13
  56. package/docs/components/Chip/examples/Chip.md +13 -13
  57. package/docs/components/ChipGroup/examples/ChipGroup.md +15 -15
  58. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
  59. package/docs/components/CodeBlock/examples/CodeBlock.md +9 -9
  60. package/docs/components/CodeEditor/examples/CodeEditor.md +56 -33
  61. package/docs/components/Content/examples/Content.md +10 -10
  62. package/docs/components/ContextSelector/examples/context-selector.css +5 -1
  63. package/docs/components/ContextSelector/examples/context-selector.md +80 -74
  64. package/docs/components/DataList/examples/DataList.md +83 -83
  65. package/docs/components/DatePicker/examples/DatePicker.md +10 -10
  66. package/docs/components/DescriptionList/examples/DescriptionList.md +24 -24
  67. package/docs/components/Divider/examples/Divider.md +9 -9
  68. package/docs/components/DragDrop/examples/DragDrop.md +5 -5
  69. package/docs/components/Drawer/examples/Drawer.md +43 -43
  70. package/docs/components/Dropdown/examples/Dropdown.css +5 -2
  71. package/docs/components/Dropdown/examples/Dropdown.md +50 -50
  72. package/docs/components/DualListSelector/examples/DualListSelector.md +201 -197
  73. package/docs/components/EmptyState/examples/EmptyState.md +19 -19
  74. package/docs/components/ExpandableSection/examples/ExpandableSection.md +23 -23
  75. package/docs/components/FileUpload/examples/FileUpload.md +8 -8
  76. package/docs/components/Form/examples/Form.md +64 -64
  77. package/docs/components/FormControl/examples/FormControl.md +20 -20
  78. package/docs/components/HelperText/examples/HelperText.md +11 -11
  79. package/docs/components/Hint/examples/Hint.md +7 -7
  80. package/docs/components/Icon/examples/Icon.md +10 -10
  81. package/docs/components/InlineEdit/examples/InlineEdit.md +24 -24
  82. package/docs/components/InputGroup/examples/InputGroup.md +10 -10
  83. package/docs/components/JumpLinks/examples/JumpLinks.md +21 -21
  84. package/docs/components/Label/examples/Label.md +31 -31
  85. package/docs/components/LabelGroup/examples/LabelGroup.md +22 -22
  86. package/docs/components/List/examples/List.md +6 -6
  87. package/docs/components/LogViewer/examples/LogViewer.md +69 -69
  88. package/docs/components/Login/examples/Login.md +22 -22
  89. package/docs/components/Masthead/examples/masthead.md +9 -9
  90. package/docs/components/Menu/examples/Menu.md +78 -76
  91. package/docs/components/MenuToggle/examples/MenuToggle.md +24 -24
  92. package/docs/components/ModalBox/examples/ModalBox.md +35 -35
  93. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +22 -22
  94. package/docs/components/Nav/examples/Navigation.md +36 -36
  95. package/docs/components/NotificationBadge/examples/NotificationBadge.md +8 -8
  96. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +39 -39
  97. package/docs/components/NumberInput/examples/NumberInput.md +12 -12
  98. package/docs/components/OptionsMenu/examples/options-menu.md +27 -28
  99. package/docs/components/OverflowMenu/examples/overflow-menu.md +25 -25
  100. package/docs/components/Page/examples/Page.md +54 -54
  101. package/docs/components/Pagination/examples/Pagination.md +27 -27
  102. package/docs/components/Panel/examples/Panel.md +10 -10
  103. package/docs/components/Popover/examples/Popover.md +34 -34
  104. package/docs/components/Progress/examples/Progress.md +31 -31
  105. package/docs/components/ProgressStepper/examples/ProgressStepper.md +24 -24
  106. package/docs/components/Radio/examples/Radio.md +11 -11
  107. package/docs/components/SearchInput/examples/SearchInput.md +34 -34
  108. package/docs/components/Select/examples/Select.md +143 -143
  109. package/docs/components/Sidebar/examples/Sidebar.md +14 -14
  110. package/docs/components/SimpleList/examples/SimpleList.md +11 -11
  111. package/docs/components/Skeleton/examples/Skeleton.md +8 -8
  112. package/docs/components/SkipToContent/examples/SkipToContent.md +5 -5
  113. package/docs/components/Slider/examples/Slider.md +24 -24
  114. package/docs/components/Spinner/examples/Spinner.md +24 -24
  115. package/docs/components/Switch/examples/Switch.md +19 -19
  116. package/docs/components/TabContent/examples/TabContent.md +13 -13
  117. package/docs/components/Table/examples/Table.md +155 -155
  118. package/docs/components/Tabs/examples/Tabs.md +47 -47
  119. package/docs/components/TextInputGroup/examples/TextInputGroup.md +19 -19
  120. package/docs/components/Tile/examples/Tile.md +15 -15
  121. package/docs/components/Timestamp/examples/Timestamp.md +5 -5
  122. package/docs/components/Title/examples/Title.md +17 -17
  123. package/docs/components/ToggleGroup/examples/toggle-group.md +13 -13
  124. package/docs/components/Toolbar/examples/Toolbar.md +113 -113
  125. package/docs/components/Tooltip/examples/Tooltip.md +10 -10
  126. package/docs/components/TreeView/examples/TreeView.md +34 -34
  127. package/docs/components/Truncate/examples/Truncate.md +4 -4
  128. package/docs/components/Wizard/examples/Wizard.md +47 -47
  129. package/docs/demos/DataList/examples/DataList.md +4 -4
  130. package/docs/demos/Masthead/examples/Masthead.md +6 -6
  131. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +6 -6
  132. package/docs/demos/Table/examples/Table.md +22 -22
  133. package/docs/demos/Toolbar/examples/Toolbar.md +8 -8
  134. package/docs/layouts/Bullseye/examples/Bullseye.md +4 -4
  135. package/docs/layouts/Flex/examples/Flex.md +98 -98
  136. package/docs/layouts/Gallery/examples/Gallery.md +7 -7
  137. package/docs/layouts/Grid/examples/Grid.md +9 -9
  138. package/docs/layouts/Level/examples/Level.md +5 -5
  139. package/docs/layouts/Split/examples/Split.md +7 -7
  140. package/docs/layouts/Stack/examples/Stack.md +6 -6
  141. package/docs/utilities/Accessibility/examples/Accessibility.md +4 -4
  142. package/docs/utilities/Alignment/examples/Alignment.md +6 -6
  143. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +12 -12
  144. package/docs/utilities/BoxShadow/examples/box-shadow.md +22 -22
  145. package/docs/utilities/Display/examples/Display.md +11 -11
  146. package/docs/utilities/Flex/examples/Flex.md +34 -34
  147. package/docs/utilities/Float/examples/Float.md +4 -4
  148. package/docs/utilities/Sizing/examples/Sizing.md +50 -50
  149. package/docs/utilities/Spacing/examples/Spacing.md +34 -34
  150. package/docs/utilities/Text/examples/Text.md +27 -27
  151. package/icons/{pf-icons.json → pf-icons.mjs} +1 -1
  152. package/layouts/Grid/grid.css +5 -5
  153. package/package.json +56 -61
  154. package/patternfly-no-reset.css +196 -176
  155. package/patternfly.css +196 -176
  156. package/patternfly.min.css +1 -1
  157. package/patternfly.min.css.map +1 -1
package/docs/components/Wizard/examples/Wizard.md CHANGED
@@ -1273,53 +1273,53 @@ wrapperTag: div
1273
1273
 
1274
1274
  ### Accessibility
1275
1275
 
1276
- | Attribute | Applied to | Outcome |
1277
- | ----------------------- | ----------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
1278
- | `aria-expanded="true"` | `.pf-c-wizard__toggle` | Indicates that the steps menu is visible. **Required** |
1279
- | `aria-expanded="false"` | `.pf-c-wizard__toggle` | Indicates that the steps menu is hidden. **Required** |
1280
- | `aria-label="close"` | `.pf-c-wizard__toggle-icon` | Gives the close button an accessible name. **Required** |
1281
- | `aria-hidden="true"` | `.pf-c-wizard__toggle-icon`, `.pf-c-wizard__toggle-divider` | Hides the icon from assistive technologies. **Required** |
1282
- | `aria-label="Steps"` | `.pf-c-wizard__nav` | Gives the steps nav element an accessible name. **Required** |
1283
- | `disabled` | `button.pf-c-wizard__nav-link` | Indicates that the element is disabled. **Required when a nav item is disabled** |
1284
- | `aria-disabled="true"` | `a.pf-c-wizard__nav-link` | Indicates that the element is disabled. **Required for disabled links with `.pf-m-disabled`** |
1285
- | `aria-current="page"` | `.pf-c-wizard__nav-link` | Indicates the current page link. Can only occur once on page. **Required for the current link** |
1286
- | `aria-expanded="true"` | `.pf-c-wizard__nav-link` | Indicates that the link subnav is visible. **Required** |
1287
- | `aria-expanded="false"` | `.pf-c-wizard__nav-link` | Indicates that the link subnav is hidden. **Required** |
1288
- | `tabindex="-1"` | `a.pf-c-wizard__nav-link` | Removes a link from keyboard focus. **Required for disabled links with `.pf-m-disabled`** |
1289
- | `tabindex="0"` | `.pf-c-wizard__main` | If the wizard main section has overflow content that triggers a scrollbar, to ensure that the content is keyboard accessible, the section must include either a focusable element within the scrollable region or the section itself must be focusable by adding `tabindex="0"`. |
1276
+ | Attribute | Applied to | Outcome |
1277
+ | -- | -- | -- |
1278
+ | `aria-expanded="true"` | `.pf-c-wizard__toggle` | Indicates that the steps menu is visible. **Required** |
1279
+ | `aria-expanded="false"` | `.pf-c-wizard__toggle` | Indicates that the steps menu is hidden. **Required** |
1280
+ | `aria-label="close"` | `.pf-c-wizard__toggle-icon` | Gives the close button an accessible name. **Required** |
1281
+ | `aria-hidden="true"` | `.pf-c-wizard__toggle-icon`, `.pf-c-wizard__toggle-divider` | Hides the icon from assistive technologies. **Required** |
1282
+ | `aria-label="Steps"` | `.pf-c-wizard__nav` | Gives the steps nav element an accessible name. **Required** |
1283
+ | `disabled` | `button.pf-c-wizard__nav-link` | Indicates that the element is disabled. **Required when a nav item is disabled** |
1284
+ | `aria-disabled="true"` | `a.pf-c-wizard__nav-link` | Indicates that the element is disabled. **Required for disabled links with `.pf-m-disabled`** |
1285
+ | `aria-current="page"` | `.pf-c-wizard__nav-link` | Indicates the current page link. Can only occur once on page. **Required for the current link** |
1286
+ | `aria-expanded="true"` | `.pf-c-wizard__nav-link` | Indicates that the link subnav is visible. **Required** |
1287
+ | `aria-expanded="false"` | `.pf-c-wizard__nav-link` | Indicates that the link subnav is hidden. **Required** |
1288
+ | `tabindex="-1"` | `a.pf-c-wizard__nav-link` | Removes a link from keyboard focus. **Required for disabled links with `.pf-m-disabled`** |
1289
+ | `tabindex="0"` | `.pf-c-wizard__main` | If the wizard main section has overflow content that triggers a scrollbar, to ensure that the content is keyboard accessible, the section must include either a focusable element within the scrollable region or the section itself must be focusable by adding `tabindex="0"`. |
1290
1290
 
1291
1291
  ### Usage
1292
1292
 
1293
- | Class | Applied to | Outcome |
1294
- | ------------------------------------ | ------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------- |
1295
- | `.pf-c-wizard` | `<div>` | Initiates the wizard component. **Required** |
1296
- | `.pf-c-wizard__header` | `<header>` | Initiates the header. **Required** when the wizard is in a modal. Not recommended to use when the wizard is placed on a page. |
1297
- | `.pf-c-wizard__close` | `.pf-c-button.pf-m-plain` | Initiates the close button. **Required** |
1298
- | `.pf-c-wizard__title` | `.pf-c-title.pf-m-3xl` | Initiates the title. **Required** |
1299
- | `.pf-c-wizard__description` | `<div>`, `<p>` | Initiates the description. |
1300
- | `.pf-c-wizard__toggle` | `<button>` | Initiates the mobile steps menu toggle button. **Required** |
1301
- | `.pf-c-wizard__toggle-list` | `<span>` | Initiates the toggle list. **Required** |
1302
- | `.pf-c-wizard__toggle-list-item` | `<span>` | Initiates a toggle list item. **Required** |
1303
- | `.pf-c-wizard__toggle-num` | `<span>` | Initiates the step number. **Required** |
1304
- | `.pf-c-wizard__toggle-separator` | `<i>` | Initiates the separator between steps. |
1305
- | `.pf-c-wizard__toggle-icon` | `<span>` | Initiates the toggle icon wrapper. **Required** |
1306
- | `.pf-c-wizard__outer-wrap` | `<div>` | Initiates the outer wrapper. **Required** |
1307
- | `.pf-c-wizard__inner-wrap` | `<div>` | Initiates the inner wrapper. **Required** |
1308
- | `.pf-c-wizard__nav` | `<nav>` | Initiates the steps nav. **Required** |
1309
- | `.pf-c-wizard__nav-list` | `<ol>` | Initiates a list of steps. **Required** |
1310
- | `.pf-c-wizard__nav-item` | `<li>` | Initiates a step list item. **Required** |
1311
- | `.pf-c-wizard__nav-link` | `<a>` | Initiates a step link. **Required** |
1312
- | `.pf-c-wizard__nav-link-text` | `<span>` | Initiates the link text container. **Required when nav item is expandable** |
1313
- | `.pf-c-wizard__nav-link-toggle` | `<span>` | Initiates the toggle container. **Required when nav item is expandable** |
1314
- | `.pf-c-wizard__nav-link-toggle-icon` | `<span>` | Initiates the toggle icon container. **Required when nav item is expandable** |
1315
- | `.pf-c-wizard__main` | `<main>`, `<div>` | Initiates the main container. **Required** Note: use the `<main>` element when when there are no other `<main>` elements on the page. |
1316
- | `.pf-c-wizard__main-body` | `<div>` | Initiates the main container body section. **Required** |
1317
- | `.pf-c-wizard__footer` | `<footer>` | Initiates the footer. **Required** |
1318
- | `.pf-c-wizard__footer-cancel` | `<div>` | Initiates the cancel button. **Required** |
1319
- | `.pf-m-expanded` | `.pf-c-wizard__toggle`, `.pf-c-wizard__nav` | Modifies the mobile steps toggle and steps menu for the expanded state. |
1320
- | `.pf-m-finished` | `.pf-c-wizard` | Modifies the wizard for the finished state. |
1321
- | `.pf-m-expandable` | `.pf-c-wizard__nav-item` | Modifies a nav item for the expandable state. |
1322
- | `.pf-m-expanded` | `.pf-c-wizard__nav-item` | Modifies a nav item for the expanded state. |
1323
- | `.pf-m-current` | `.pf-c-wizard__nav-link` | Modifies a step link for the current state. **Required** |
1324
- | `.pf-m-disabled` | `.pf-c-wizard__nav-link` | Modifies a step link for the disabled state. |
1325
- | `.pf-m-no-padding` | `.pf-c-wizard__main-body` | Modifies the main container body to remove the padding. |
1293
+ | Class | Applied to | Outcome |
1294
+ | -- | -- | -- |
1295
+ | `.pf-c-wizard` | `<div>` | Initiates the wizard component. **Required** |
1296
+ | `.pf-c-wizard__header` | `<header>` | Initiates the header. **Required** when the wizard is in a modal. Not recommended to use when the wizard is placed on a page. |
1297
+ | `.pf-c-wizard__close` | `.pf-c-button.pf-m-plain` | Initiates the close button. **Required** |
1298
+ | `.pf-c-wizard__title` | `.pf-c-title.pf-m-3xl` | Initiates the title. **Required** |
1299
+ | `.pf-c-wizard__description` | `<div>`, `<p>` | Initiates the description. |
1300
+ | `.pf-c-wizard__toggle` | `<button>` | Initiates the mobile steps menu toggle button. **Required** |
1301
+ | `.pf-c-wizard__toggle-list` | `<span>` | Initiates the toggle list. **Required** |
1302
+ | `.pf-c-wizard__toggle-list-item` | `<span>` | Initiates a toggle list item. **Required** |
1303
+ | `.pf-c-wizard__toggle-num` | `<span>` | Initiates the step number. **Required** |
1304
+ | `.pf-c-wizard__toggle-separator` | `<i>` | Initiates the separator between steps. |
1305
+ | `.pf-c-wizard__toggle-icon` | `<span>` | Initiates the toggle icon wrapper. **Required** |
1306
+ | `.pf-c-wizard__outer-wrap` | `<div>` | Initiates the outer wrapper. **Required** |
1307
+ | `.pf-c-wizard__inner-wrap` | `<div>` | Initiates the inner wrapper. **Required** |
1308
+ | `.pf-c-wizard__nav` | `<nav>` | Initiates the steps nav. **Required** |
1309
+ | `.pf-c-wizard__nav-list` | `<ol>` | Initiates a list of steps. **Required** |
1310
+ | `.pf-c-wizard__nav-item` | `<li>` | Initiates a step list item. **Required** |
1311
+ | `.pf-c-wizard__nav-link` | `<a>` | Initiates a step link. **Required** |
1312
+ | `.pf-c-wizard__nav-link-text` | `<span>` | Initiates the link text container. **Required when nav item is expandable** |
1313
+ | `.pf-c-wizard__nav-link-toggle` | `<span>` | Initiates the toggle container. **Required when nav item is expandable** |
1314
+ | `.pf-c-wizard__nav-link-toggle-icon` | `<span>` | Initiates the toggle icon container. **Required when nav item is expandable** |
1315
+ | `.pf-c-wizard__main` | `<main>`, `<div>` | Initiates the main container. **Required** Note: use the `<main>` element when when there are no other `<main>` elements on the page.|
1316
+ | `.pf-c-wizard__main-body` | `<div>` | Initiates the main container body section. **Required** |
1317
+ | `.pf-c-wizard__footer` | `<footer>` | Initiates the footer. **Required** |
1318
+ | `.pf-c-wizard__footer-cancel` | `<div>` | Initiates the cancel button. **Required** |
1319
+ | `.pf-m-expanded` | `.pf-c-wizard__toggle`, `.pf-c-wizard__nav` | Modifies the mobile steps toggle and steps menu for the expanded state. |
1320
+ | `.pf-m-finished` | `.pf-c-wizard` | Modifies the wizard for the finished state. |
1321
+ | `.pf-m-expandable` | `.pf-c-wizard__nav-item` | Modifies a nav item for the expandable state. |
1322
+ | `.pf-m-expanded` | `.pf-c-wizard__nav-item` | Modifies a nav item for the expanded state. |
1323
+ | `.pf-m-current` | `.pf-c-wizard__nav-link` | Modifies a step link for the current state. **Required** |
1324
+ | `.pf-m-disabled` | `.pf-c-wizard__nav-link` | Modifies a step link for the disabled state. |
1325
+ | `.pf-m-no-padding` | `.pf-c-wizard__main-body` | Modifies the main container body to remove the padding. |
package/docs/demos/DataList/examples/DataList.md CHANGED
@@ -4063,9 +4063,9 @@ wrapperTag: div
4063
4063
  </span>
4064
4064
  <input
4065
4065
  class="pf-c-text-input-group__text-input"
4066
- type="text"
4067
- value
4066
+ type="search"
4068
4067
  placeholder="Filter by name"
4068
+ value
4069
4069
  aria-label="Type to filter"
4070
4070
  />
4071
4071
  </span>
@@ -6136,9 +6136,9 @@ wrapperTag: div
6136
6136
  </span>
6137
6137
  <input
6138
6138
  class="pf-c-text-input-group__text-input"
6139
- type="text"
6140
- value
6139
+ type="search"
6141
6140
  placeholder="Filter by name"
6141
+ value
6142
6142
  aria-label="Type to filter"
6143
6143
  />
6144
6144
  </span>
package/docs/demos/Masthead/examples/Masthead.md CHANGED
@@ -773,9 +773,9 @@ wrapperTag: div
773
773
  </span>
774
774
  <input
775
775
  class="pf-c-text-input-group__text-input"
776
- type="text"
777
- value
776
+ type="search"
778
777
  placeholder="Filter by name"
778
+ value
779
779
  aria-label="Type to filter"
780
780
  />
781
781
  </span>
@@ -1107,9 +1107,9 @@ wrapperTag: div
1107
1107
  </span>
1108
1108
  <input
1109
1109
  class="pf-c-text-input-group__text-input"
1110
- type="text"
1111
- value
1110
+ type="search"
1112
1111
  placeholder="Filter by name"
1112
+ value
1113
1113
  aria-label="Type to filter"
1114
1114
  />
1115
1115
  </span>
@@ -3720,9 +3720,9 @@ wrapperTag: div
3720
3720
  </span>
3721
3721
  <input
3722
3722
  class="pf-c-text-input-group__text-input"
3723
- type="text"
3724
- value
3723
+ type="search"
3725
3724
  placeholder="Filter by name"
3725
+ value
3726
3726
  aria-label="Type to filter"
3727
3727
  />
3728
3728
  </span>
package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md CHANGED
@@ -994,9 +994,9 @@ wrapperTag: div
994
994
  </span>
995
995
  <input
996
996
  class="pf-c-text-input-group__text-input"
997
- type="text"
998
- value
997
+ type="search"
999
998
  placeholder="Filter by name"
999
+ value
1000
1000
  aria-label="Type to filter"
1001
1001
  />
1002
1002
  </span>
@@ -2873,9 +2873,9 @@ wrapperTag: div
2873
2873
  </span>
2874
2874
  <input
2875
2875
  class="pf-c-text-input-group__text-input"
2876
- type="text"
2877
- value
2876
+ type="search"
2878
2877
  placeholder="Filter by name"
2878
+ value
2879
2879
  aria-label="Type to filter"
2880
2880
  />
2881
2881
  </span>
@@ -6430,9 +6430,9 @@ wrapperTag: div
6430
6430
  </span>
6431
6431
  <input
6432
6432
  class="pf-c-text-input-group__text-input"
6433
- type="text"
6434
- value
6433
+ type="search"
6435
6434
  placeholder="Filter by name"
6435
+ value
6436
6436
  aria-label="Type to filter"
6437
6437
  />
6438
6438
  </span>
package/docs/demos/Table/examples/Table.md CHANGED
@@ -1021,9 +1021,9 @@ wrapperTag: div
1021
1021
  </span>
1022
1022
  <input
1023
1023
  class="pf-c-text-input-group__text-input"
1024
- type="text"
1025
- value
1024
+ type="search"
1026
1025
  placeholder="Filter by name"
1026
+ value
1027
1027
  aria-label="Type to filter"
1028
1028
  />
1029
1029
  </span>
@@ -2740,9 +2740,9 @@ wrapperTag: div
2740
2740
  </span>
2741
2741
  <input
2742
2742
  class="pf-c-text-input-group__text-input"
2743
- type="text"
2744
- value
2743
+ type="search"
2745
2744
  placeholder="Filter by name"
2745
+ value
2746
2746
  aria-label="Type to filter"
2747
2747
  />
2748
2748
  </span>
@@ -4639,9 +4639,9 @@ wrapperTag: div
4639
4639
  </span>
4640
4640
  <input
4641
4641
  class="pf-c-text-input-group__text-input"
4642
- type="text"
4643
- value
4642
+ type="search"
4644
4643
  placeholder="Filter by name"
4644
+ value
4645
4645
  aria-label="Type to filter"
4646
4646
  />
4647
4647
  </span>
@@ -6732,9 +6732,9 @@ wrapperTag: div
6732
6732
  </span>
6733
6733
  <input
6734
6734
  class="pf-c-text-input-group__text-input"
6735
- type="text"
6736
- value
6735
+ type="search"
6737
6736
  placeholder="Filter by name"
6737
+ value
6738
6738
  aria-label="Type to filter"
6739
6739
  />
6740
6740
  </span>
@@ -8490,9 +8490,9 @@ wrapperTag: div
8490
8490
  </span>
8491
8491
  <input
8492
8492
  class="pf-c-text-input-group__text-input"
8493
- type="text"
8494
- value
8493
+ type="search"
8495
8494
  placeholder="Filter by name"
8495
+ value
8496
8496
  aria-label="Type to filter"
8497
8497
  />
8498
8498
  </span>
@@ -15308,9 +15308,9 @@ wrapperTag: div
15308
15308
  </span>
15309
15309
  <input
15310
15310
  class="pf-c-text-input-group__text-input"
15311
- type="text"
15312
- value
15311
+ type="search"
15313
15312
  placeholder="Filter by name"
15313
+ value
15314
15314
  aria-label="Type to filter"
15315
15315
  />
15316
15316
  </span>
@@ -17201,9 +17201,9 @@ wrapperTag: div
17201
17201
  </span>
17202
17202
  <input
17203
17203
  class="pf-c-text-input-group__text-input"
17204
- type="text"
17205
- value
17204
+ type="search"
17206
17205
  placeholder="Filter by name"
17206
+ value
17207
17207
  aria-label="Type to filter"
17208
17208
  />
17209
17209
  </span>
@@ -19192,9 +19192,9 @@ wrapperTag: div
19192
19192
  </span>
19193
19193
  <input
19194
19194
  class="pf-c-text-input-group__text-input"
19195
- type="text"
19196
- value
19195
+ type="search"
19197
19196
  placeholder="Filter by name"
19197
+ value
19198
19198
  aria-label="Type to filter"
19199
19199
  />
19200
19200
  </span>
@@ -21088,9 +21088,9 @@ wrapperTag: div
21088
21088
  </span>
21089
21089
  <input
21090
21090
  class="pf-c-text-input-group__text-input"
21091
- type="text"
21092
- value
21091
+ type="search"
21093
21092
  placeholder="Filter by name"
21093
+ value
21094
21094
  aria-label="Type to filter"
21095
21095
  />
21096
21096
  </span>
@@ -22890,9 +22890,9 @@ wrapperTag: div
22890
22890
  </span>
22891
22891
  <input
22892
22892
  class="pf-c-text-input-group__text-input"
22893
- type="text"
22894
- value
22893
+ type="search"
22895
22894
  placeholder="Filter by name"
22895
+ value
22896
22896
  aria-label="Type to filter"
22897
22897
  />
22898
22898
  </span>
@@ -24713,9 +24713,9 @@ wrapperTag: div
24713
24713
  </span>
24714
24714
  <input
24715
24715
  class="pf-c-text-input-group__text-input"
24716
- type="text"
24717
- value
24716
+ type="search"
24718
24717
  placeholder="Filter by name"
24718
+ value
24719
24719
  aria-label="Type to filter"
24720
24720
  />
24721
24721
  </span>
package/docs/demos/Toolbar/examples/Toolbar.md CHANGED
@@ -96,9 +96,9 @@ section: components
96
96
  </span>
97
97
  <input
98
98
  class="pf-c-text-input-group__text-input"
99
- type="text"
100
- value
99
+ type="search"
101
100
  placeholder="Filter by name"
101
+ value
102
102
  aria-label="Type to filter"
103
103
  />
104
104
  </span>
@@ -1344,9 +1344,9 @@ section: components
1344
1344
  </span>
1345
1345
  <input
1346
1346
  class="pf-c-text-input-group__text-input"
1347
- type="text"
1348
- value
1347
+ type="search"
1349
1348
  placeholder="Filter by Description"
1349
+ value
1350
1350
  aria-label="Type to filter"
1351
1351
  />
1352
1352
  </span>
@@ -2039,9 +2039,9 @@ section: components
2039
2039
  </span>
2040
2040
  <input
2041
2041
  class="pf-c-text-input-group__text-input"
2042
- type="text"
2043
- value
2042
+ type="search"
2044
2043
  placeholder="Filter by name"
2044
+ value
2045
2045
  aria-label="Type to filter"
2046
2046
  />
2047
2047
  </span>
@@ -4341,9 +4341,9 @@ section: components
4341
4341
  </span>
4342
4342
  <input
4343
4343
  class="pf-c-text-input-group__text-input"
4344
- type="text"
4345
- value
4344
+ type="search"
4346
4345
  placeholder="Filter by name"
4346
+ value
4347
4347
  aria-label="Type to filter"
4348
4348
  />
4349
4349
  </span>
package/docs/layouts/Bullseye/examples/Bullseye.md CHANGED
@@ -23,7 +23,7 @@ The bullseye layout is designed to center a single child element horizontally an
23
23
 
24
24
  ### Usage
25
25
 
26
- | Class | Applied to | Outcome |
27
- | ---------------------- | ---------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
28
- | `.pf-l-bullseye` | `<div>` | Initializes the bullseye layout. A bullseye can only have one child. |
29
- | `.pf-l-bullseye__item` | `<div>` | Explicitly sets the child for the bullseye. This class isn't necessary, but it is included to keep inline with BEM convention, and to provide an entity that will later be used for applying modifiers. |
26
+ | Class | Applied to | Outcome |
27
+ | -- | -- | -- |
28
+ | `.pf-l-bullseye` | `<div>` | Initializes the bullseye layout. A bullseye can only have one child. |
29
+ | `.pf-l-bullseye__item` | `<div>` | Explicitly sets the child for the bullseye. This class isn't necessary, but it is included to keep inline with BEM convention, and to provide an entity that will later be used for applying modifiers. |