@patternfly/patternfly 5.0.0-alpha.49 → 5.0.0-alpha.50

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 (72) hide show
  1. package/base/patternfly-variables.css +1 -1
  2. package/components/Breadcrumb/breadcrumb.css +1 -5
  3. package/components/Breadcrumb/breadcrumb.scss +1 -8
  4. package/components/Divider/divider.css +12 -12
  5. package/components/List/list.css +1 -1
  6. package/components/List/list.scss +1 -1
  7. package/components/LogViewer/log-viewer.css +0 -3
  8. package/components/LogViewer/log-viewer.scss +0 -4
  9. package/components/Masthead/masthead.css +12 -12
  10. package/components/MultipleFileUpload/multiple-file-upload.css +3 -3
  11. package/components/MultipleFileUpload/multiple-file-upload.scss +3 -3
  12. package/components/Pagination/pagination.css +12 -12
  13. package/components/Tabs/tabs.css +24 -24
  14. package/components/TextInputGroup/text-input-group.css +1 -5
  15. package/components/TextInputGroup/text-input-group.scss +1 -7
  16. package/components/Toolbar/toolbar.css +54 -54
  17. package/components/_all.scss +1 -2
  18. package/docs/components/AppLauncher/examples/application-launcher.md +8 -7
  19. package/docs/components/Chip/examples/Chip.md +713 -4
  20. package/docs/components/ContextSelector/examples/context-selector.md +12 -12
  21. package/docs/components/DualListSelector/examples/DualListSelector.md +32 -32
  22. package/docs/components/LogViewer/examples/LogViewer.md +40 -40
  23. package/docs/components/Menu/examples/Menu.md +20 -18
  24. package/docs/components/Select/examples/Select.md +16 -14
  25. package/docs/components/TextInputGroup/examples/TextInputGroup.css +0 -13
  26. package/docs/components/TextInputGroup/examples/TextInputGroup.md +21 -21
  27. package/docs/components/Toolbar/examples/Toolbar.md +10 -10
  28. package/docs/components/TreeView/examples/TreeView.md +8 -7
  29. package/docs/demos/AboutModal/examples/AboutModal.md +21 -21
  30. package/docs/demos/Alert/examples/Alert.md +63 -63
  31. package/docs/demos/BackToTop/examples/BackToTop.md +21 -21
  32. package/docs/demos/Banner/examples/Banner.md +42 -42
  33. package/docs/demos/CardView/examples/CardView.md +21 -21
  34. package/docs/demos/ContextSelector/examples/ContextSelector.md +95 -91
  35. package/docs/demos/Dashboard/examples/Dashboard.md +21 -21
  36. package/docs/demos/DataList/examples/DataList.md +104 -105
  37. package/docs/demos/DescriptionList/examples/DescriptionList.md +63 -63
  38. package/docs/demos/Drawer/examples/Drawer.md +105 -105
  39. package/docs/demos/JumpLinks/examples/JumpLinks.md +126 -126
  40. package/docs/demos/Masthead/examples/Masthead.md +56 -55
  41. package/docs/demos/Modal/examples/Modal.md +126 -126
  42. package/docs/demos/Nav/examples/Nav.md +168 -168
  43. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +105 -105
  44. package/docs/demos/Page/examples/Page.md +189 -189
  45. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +153 -153
  46. package/docs/demos/Skeleton/examples/Skeleton.md +21 -21
  47. package/docs/demos/Table/examples/Table.md +339 -339
  48. package/docs/demos/Tabs/examples/Tabs.md +126 -126
  49. package/docs/demos/Toolbar/examples/Toolbar.md +50 -50
  50. package/docs/demos/Wizard/examples/Wizard.md +189 -189
  51. package/docs/layouts/Flex/examples/Flex.md +319 -215
  52. package/layouts/Flex/flex.css +738 -31
  53. package/layouts/Flex/flex.scss +101 -17
  54. package/package.json +1 -1
  55. package/patternfly-base-no-globals.css +1 -1
  56. package/patternfly-base.css +1 -1
  57. package/patternfly-no-globals.css +859 -389
  58. package/patternfly.css +859 -389
  59. package/patternfly.min.css +1 -1
  60. package/patternfly.min.css.map +1 -1
  61. package/sass-utilities/component-namespaces.scss +0 -3
  62. package/sass-utilities/functions.scss +9 -5
  63. package/sass-utilities/themes/dark/scss-variables.scss +1 -4
  64. package/components/Breadcrumb/themes/dark/breadcrumb.scss +0 -7
  65. package/components/SearchInput/search-input.css +0 -199
  66. package/components/SearchInput/search-input.scss +0 -231
  67. package/components/SearchInput/themes/dark/search-input.scss +0 -16
  68. package/docs/components/ChipGroup/examples/ChipGroup.md +0 -716
  69. package/docs/components/SearchInput/examples/SearchInput.css +0 -12
  70. package/docs/components/SearchInput/examples/SearchInput.md +0 -681
  71. /package/components/{ChipGroup → Chip}/chip-group.css +0 -0
  72. /package/components/{ChipGroup → Chip}/chip-group.scss +0 -0
package/docs/demos/Nav/examples/Nav.md CHANGED
@@ -74,20 +74,18 @@ section: components
74
74
  hidden
75
75
  >
76
76
  <div class="pf-v5-c-app-launcher__menu-search">
77
- <div class="pf-v5-c-search-input">
78
- <div class="pf-v5-c-search-input__bar">
79
- <span class="pf-v5-c-search-input__text">
80
- <span class="pf-v5-c-search-input__icon">
81
- <i
82
- class="fas fa-search fa-fw"
83
- aria-hidden="true"
84
- ></i>
77
+ <div class="pf-v5-c-text-input-group">
78
+ <div class="pf-v5-c-text-input-group__main pf-m-icon">
79
+ <span class="pf-v5-c-text-input-group__text">
80
+ <span class="pf-v5-c-text-input-group__icon">
81
+ <i class="fas fa-fw fa-search"></i>
85
82
  </span>
86
83
  <input
87
- class="pf-v5-c-search-input__text-input"
84
+ class="pf-v5-c-text-input-group__text-input"
88
85
  type="text"
89
- placeholder="Filter by name"
90
- aria-label="Filter by name"
86
+ placeholder="Filer by name"
87
+ value
88
+ aria-label="Search input"
91
89
  />
92
90
  </span>
93
91
  </div>
@@ -605,22 +603,24 @@ section: components
605
603
  </div>
606
604
  <div class="pf-v5-c-menu__search">
607
605
  <div class="pf-v5-c-menu__search-input">
608
- <div class="pf-v5-c-search-input">
609
- <div class="pf-v5-c-search-input__bar">
610
- <span class="pf-v5-c-search-input__text">
606
+ <div class="pf-v5-c-text-input-group">
607
+ <div
608
+ class="pf-v5-c-text-input-group__main pf-m-icon"
609
+ >
610
+ <span
611
+ class="pf-v5-c-text-input-group__text"
612
+ >
611
613
  <span
612
- class="pf-v5-c-search-input__icon"
614
+ class="pf-v5-c-text-input-group__icon"
613
615
  >
614
- <i
615
- class="fas fa-search fa-fw"
616
- aria-hidden="true"
617
- ></i>
616
+ <i class="fas fa-fw fa-search"></i>
618
617
  </span>
619
618
  <input
620
- class="pf-v5-c-search-input__text-input"
619
+ class="pf-v5-c-text-input-group__text-input"
621
620
  type="text"
622
621
  placeholder="Search"
623
- aria-label="Search"
622
+ value
623
+ aria-label="Search input"
624
624
  />
625
625
  </span>
626
626
  </div>
@@ -1046,20 +1046,18 @@ section: components
1046
1046
  hidden
1047
1047
  >
1048
1048
  <div class="pf-v5-c-app-launcher__menu-search">
1049
- <div class="pf-v5-c-search-input">
1050
- <div class="pf-v5-c-search-input__bar">
1051
- <span class="pf-v5-c-search-input__text">
1052
- <span class="pf-v5-c-search-input__icon">
1053
- <i
1054
- class="fas fa-search fa-fw"
1055
- aria-hidden="true"
1056
- ></i>
1049
+ <div class="pf-v5-c-text-input-group">
1050
+ <div class="pf-v5-c-text-input-group__main pf-m-icon">
1051
+ <span class="pf-v5-c-text-input-group__text">
1052
+ <span class="pf-v5-c-text-input-group__icon">
1053
+ <i class="fas fa-fw fa-search"></i>
1057
1054
  </span>
1058
1055
  <input
1059
- class="pf-v5-c-search-input__text-input"
1056
+ class="pf-v5-c-text-input-group__text-input"
1060
1057
  type="text"
1061
- placeholder="Filter by name"
1062
- aria-label="Filter by name"
1058
+ placeholder="Filer by name"
1059
+ value
1060
+ aria-label="Search input"
1063
1061
  />
1064
1062
  </span>
1065
1063
  </div>
@@ -1577,22 +1575,24 @@ section: components
1577
1575
  </div>
1578
1576
  <div class="pf-v5-c-menu__search">
1579
1577
  <div class="pf-v5-c-menu__search-input">
1580
- <div class="pf-v5-c-search-input">
1581
- <div class="pf-v5-c-search-input__bar">
1582
- <span class="pf-v5-c-search-input__text">
1578
+ <div class="pf-v5-c-text-input-group">
1579
+ <div
1580
+ class="pf-v5-c-text-input-group__main pf-m-icon"
1581
+ >
1582
+ <span
1583
+ class="pf-v5-c-text-input-group__text"
1584
+ >
1583
1585
  <span
1584
- class="pf-v5-c-search-input__icon"
1586
+ class="pf-v5-c-text-input-group__icon"
1585
1587
  >
1586
- <i
1587
- class="fas fa-search fa-fw"
1588
- aria-hidden="true"
1589
- ></i>
1588
+ <i class="fas fa-fw fa-search"></i>
1590
1589
  </span>
1591
1590
  <input
1592
- class="pf-v5-c-search-input__text-input"
1591
+ class="pf-v5-c-text-input-group__text-input"
1593
1592
  type="text"
1594
1593
  placeholder="Search"
1595
- aria-label="Search"
1594
+ value
1595
+ aria-label="Search input"
1596
1596
  />
1597
1597
  </span>
1598
1598
  </div>
@@ -2041,20 +2041,18 @@ section: components
2041
2041
  hidden
2042
2042
  >
2043
2043
  <div class="pf-v5-c-app-launcher__menu-search">
2044
- <div class="pf-v5-c-search-input">
2045
- <div class="pf-v5-c-search-input__bar">
2046
- <span class="pf-v5-c-search-input__text">
2047
- <span class="pf-v5-c-search-input__icon">
2048
- <i
2049
- class="fas fa-search fa-fw"
2050
- aria-hidden="true"
2051
- ></i>
2044
+ <div class="pf-v5-c-text-input-group">
2045
+ <div class="pf-v5-c-text-input-group__main pf-m-icon">
2046
+ <span class="pf-v5-c-text-input-group__text">
2047
+ <span class="pf-v5-c-text-input-group__icon">
2048
+ <i class="fas fa-fw fa-search"></i>
2052
2049
  </span>
2053
2050
  <input
2054
- class="pf-v5-c-search-input__text-input"
2051
+ class="pf-v5-c-text-input-group__text-input"
2055
2052
  type="text"
2056
- placeholder="Filter by name"
2057
- aria-label="Filter by name"
2053
+ placeholder="Filer by name"
2054
+ value
2055
+ aria-label="Search input"
2058
2056
  />
2059
2057
  </span>
2060
2058
  </div>
@@ -2572,22 +2570,24 @@ section: components
2572
2570
  </div>
2573
2571
  <div class="pf-v5-c-menu__search">
2574
2572
  <div class="pf-v5-c-menu__search-input">
2575
- <div class="pf-v5-c-search-input">
2576
- <div class="pf-v5-c-search-input__bar">
2577
- <span class="pf-v5-c-search-input__text">
2573
+ <div class="pf-v5-c-text-input-group">
2574
+ <div
2575
+ class="pf-v5-c-text-input-group__main pf-m-icon"
2576
+ >
2577
+ <span
2578
+ class="pf-v5-c-text-input-group__text"
2579
+ >
2578
2580
  <span
2579
- class="pf-v5-c-search-input__icon"
2581
+ class="pf-v5-c-text-input-group__icon"
2580
2582
  >
2581
- <i
2582
- class="fas fa-search fa-fw"
2583
- aria-hidden="true"
2584
- ></i>
2583
+ <i class="fas fa-fw fa-search"></i>
2585
2584
  </span>
2586
2585
  <input
2587
- class="pf-v5-c-search-input__text-input"
2586
+ class="pf-v5-c-text-input-group__text-input"
2588
2587
  type="text"
2589
2588
  placeholder="Search"
2590
- aria-label="Search"
2589
+ value
2590
+ aria-label="Search input"
2591
2591
  />
2592
2592
  </span>
2593
2593
  </div>
@@ -3133,20 +3133,18 @@ section: components
3133
3133
  hidden
3134
3134
  >
3135
3135
  <div class="pf-v5-c-app-launcher__menu-search">
3136
- <div class="pf-v5-c-search-input">
3137
- <div class="pf-v5-c-search-input__bar">
3138
- <span class="pf-v5-c-search-input__text">
3139
- <span class="pf-v5-c-search-input__icon">
3140
- <i
3141
- class="fas fa-search fa-fw"
3142
- aria-hidden="true"
3143
- ></i>
3136
+ <div class="pf-v5-c-text-input-group">
3137
+ <div class="pf-v5-c-text-input-group__main pf-m-icon">
3138
+ <span class="pf-v5-c-text-input-group__text">
3139
+ <span class="pf-v5-c-text-input-group__icon">
3140
+ <i class="fas fa-fw fa-search"></i>
3144
3141
  </span>
3145
3142
  <input
3146
- class="pf-v5-c-search-input__text-input"
3143
+ class="pf-v5-c-text-input-group__text-input"
3147
3144
  type="text"
3148
- placeholder="Filter by name"
3149
- aria-label="Filter by name"
3145
+ placeholder="Filer by name"
3146
+ value
3147
+ aria-label="Search input"
3150
3148
  />
3151
3149
  </span>
3152
3150
  </div>
@@ -3664,22 +3662,24 @@ section: components
3664
3662
  </div>
3665
3663
  <div class="pf-v5-c-menu__search">
3666
3664
  <div class="pf-v5-c-menu__search-input">
3667
- <div class="pf-v5-c-search-input">
3668
- <div class="pf-v5-c-search-input__bar">
3669
- <span class="pf-v5-c-search-input__text">
3665
+ <div class="pf-v5-c-text-input-group">
3666
+ <div
3667
+ class="pf-v5-c-text-input-group__main pf-m-icon"
3668
+ >
3669
+ <span
3670
+ class="pf-v5-c-text-input-group__text"
3671
+ >
3670
3672
  <span
3671
- class="pf-v5-c-search-input__icon"
3673
+ class="pf-v5-c-text-input-group__icon"
3672
3674
  >
3673
- <i
3674
- class="fas fa-search fa-fw"
3675
- aria-hidden="true"
3676
- ></i>
3675
+ <i class="fas fa-fw fa-search"></i>
3677
3676
  </span>
3678
3677
  <input
3679
- class="pf-v5-c-search-input__text-input"
3678
+ class="pf-v5-c-text-input-group__text-input"
3680
3679
  type="text"
3681
3680
  placeholder="Search"
3682
- aria-label="Search"
3681
+ value
3682
+ aria-label="Search input"
3683
3683
  />
3684
3684
  </span>
3685
3685
  </div>
@@ -4074,20 +4074,18 @@ section: components
4074
4074
  hidden
4075
4075
  >
4076
4076
  <div class="pf-v5-c-app-launcher__menu-search">
4077
- <div class="pf-v5-c-search-input">
4078
- <div class="pf-v5-c-search-input__bar">
4079
- <span class="pf-v5-c-search-input__text">
4080
- <span class="pf-v5-c-search-input__icon">
4081
- <i
4082
- class="fas fa-search fa-fw"
4083
- aria-hidden="true"
4084
- ></i>
4077
+ <div class="pf-v5-c-text-input-group">
4078
+ <div class="pf-v5-c-text-input-group__main pf-m-icon">
4079
+ <span class="pf-v5-c-text-input-group__text">
4080
+ <span class="pf-v5-c-text-input-group__icon">
4081
+ <i class="fas fa-fw fa-search"></i>
4085
4082
  </span>
4086
4083
  <input
4087
- class="pf-v5-c-search-input__text-input"
4084
+ class="pf-v5-c-text-input-group__text-input"
4088
4085
  type="text"
4089
- placeholder="Filter by name"
4090
- aria-label="Filter by name"
4086
+ placeholder="Filer by name"
4087
+ value
4088
+ aria-label="Search input"
4091
4089
  />
4092
4090
  </span>
4093
4091
  </div>
@@ -4605,22 +4603,24 @@ section: components
4605
4603
  </div>
4606
4604
  <div class="pf-v5-c-menu__search">
4607
4605
  <div class="pf-v5-c-menu__search-input">
4608
- <div class="pf-v5-c-search-input">
4609
- <div class="pf-v5-c-search-input__bar">
4610
- <span class="pf-v5-c-search-input__text">
4606
+ <div class="pf-v5-c-text-input-group">
4607
+ <div
4608
+ class="pf-v5-c-text-input-group__main pf-m-icon"
4609
+ >
4610
+ <span
4611
+ class="pf-v5-c-text-input-group__text"
4612
+ >
4611
4613
  <span
4612
- class="pf-v5-c-search-input__icon"
4614
+ class="pf-v5-c-text-input-group__icon"
4613
4615
  >
4614
- <i
4615
- class="fas fa-search fa-fw"
4616
- aria-hidden="true"
4617
- ></i>
4616
+ <i class="fas fa-fw fa-search"></i>
4618
4617
  </span>
4619
4618
  <input
4620
- class="pf-v5-c-search-input__text-input"
4619
+ class="pf-v5-c-text-input-group__text-input"
4621
4620
  type="text"
4622
4621
  placeholder="Search"
4623
- aria-label="Search"
4622
+ value
4623
+ aria-label="Search input"
4624
4624
  />
4625
4625
  </span>
4626
4626
  </div>
@@ -5178,20 +5178,18 @@ section: components
5178
5178
  hidden
5179
5179
  >
5180
5180
  <div class="pf-v5-c-app-launcher__menu-search">
5181
- <div class="pf-v5-c-search-input">
5182
- <div class="pf-v5-c-search-input__bar">
5183
- <span class="pf-v5-c-search-input__text">
5184
- <span class="pf-v5-c-search-input__icon">
5185
- <i
5186
- class="fas fa-search fa-fw"
5187
- aria-hidden="true"
5188
- ></i>
5181
+ <div class="pf-v5-c-text-input-group">
5182
+ <div class="pf-v5-c-text-input-group__main pf-m-icon">
5183
+ <span class="pf-v5-c-text-input-group__text">
5184
+ <span class="pf-v5-c-text-input-group__icon">
5185
+ <i class="fas fa-fw fa-search"></i>
5189
5186
  </span>
5190
5187
  <input
5191
- class="pf-v5-c-search-input__text-input"
5188
+ class="pf-v5-c-text-input-group__text-input"
5192
5189
  type="text"
5193
- placeholder="Filter by name"
5194
- aria-label="Filter by name"
5190
+ placeholder="Filer by name"
5191
+ value
5192
+ aria-label="Search input"
5195
5193
  />
5196
5194
  </span>
5197
5195
  </div>
@@ -5709,22 +5707,24 @@ section: components
5709
5707
  </div>
5710
5708
  <div class="pf-v5-c-menu__search">
5711
5709
  <div class="pf-v5-c-menu__search-input">
5712
- <div class="pf-v5-c-search-input">
5713
- <div class="pf-v5-c-search-input__bar">
5714
- <span class="pf-v5-c-search-input__text">
5710
+ <div class="pf-v5-c-text-input-group">
5711
+ <div
5712
+ class="pf-v5-c-text-input-group__main pf-m-icon"
5713
+ >
5714
+ <span
5715
+ class="pf-v5-c-text-input-group__text"
5716
+ >
5715
5717
  <span
5716
- class="pf-v5-c-search-input__icon"
5718
+ class="pf-v5-c-text-input-group__icon"
5717
5719
  >
5718
- <i
5719
- class="fas fa-search fa-fw"
5720
- aria-hidden="true"
5721
- ></i>
5720
+ <i class="fas fa-fw fa-search"></i>
5722
5721
  </span>
5723
5722
  <input
5724
- class="pf-v5-c-search-input__text-input"
5723
+ class="pf-v5-c-text-input-group__text-input"
5725
5724
  type="text"
5726
5725
  placeholder="Search"
5727
- aria-label="Search"
5726
+ value
5727
+ aria-label="Search input"
5728
5728
  />
5729
5729
  </span>
5730
5730
  </div>
@@ -6159,20 +6159,18 @@ section: components
6159
6159
  hidden
6160
6160
  >
6161
6161
  <div class="pf-v5-c-app-launcher__menu-search">
6162
- <div class="pf-v5-c-search-input">
6163
- <div class="pf-v5-c-search-input__bar">
6164
- <span class="pf-v5-c-search-input__text">
6165
- <span class="pf-v5-c-search-input__icon">
6166
- <i
6167
- class="fas fa-search fa-fw"
6168
- aria-hidden="true"
6169
- ></i>
6162
+ <div class="pf-v5-c-text-input-group">
6163
+ <div class="pf-v5-c-text-input-group__main pf-m-icon">
6164
+ <span class="pf-v5-c-text-input-group__text">
6165
+ <span class="pf-v5-c-text-input-group__icon">
6166
+ <i class="fas fa-fw fa-search"></i>
6170
6167
  </span>
6171
6168
  <input
6172
- class="pf-v5-c-search-input__text-input"
6169
+ class="pf-v5-c-text-input-group__text-input"
6173
6170
  type="text"
6174
- placeholder="Filter by name"
6175
- aria-label="Filter by name"
6171
+ placeholder="Filer by name"
6172
+ value
6173
+ aria-label="Search input"
6176
6174
  />
6177
6175
  </span>
6178
6176
  </div>
@@ -6690,22 +6688,24 @@ section: components
6690
6688
  </div>
6691
6689
  <div class="pf-v5-c-menu__search">
6692
6690
  <div class="pf-v5-c-menu__search-input">
6693
- <div class="pf-v5-c-search-input">
6694
- <div class="pf-v5-c-search-input__bar">
6695
- <span class="pf-v5-c-search-input__text">
6691
+ <div class="pf-v5-c-text-input-group">
6692
+ <div
6693
+ class="pf-v5-c-text-input-group__main pf-m-icon"
6694
+ >
6695
+ <span
6696
+ class="pf-v5-c-text-input-group__text"
6697
+ >
6696
6698
  <span
6697
- class="pf-v5-c-search-input__icon"
6699
+ class="pf-v5-c-text-input-group__icon"
6698
6700
  >
6699
- <i
6700
- class="fas fa-search fa-fw"
6701
- aria-hidden="true"
6702
- ></i>
6701
+ <i class="fas fa-fw fa-search"></i>
6703
6702
  </span>
6704
6703
  <input
6705
- class="pf-v5-c-search-input__text-input"
6704
+ class="pf-v5-c-text-input-group__text-input"
6706
6705
  type="text"
6707
6706
  placeholder="Search"
6708
- aria-label="Search"
6707
+ value
6708
+ aria-label="Search input"
6709
6709
  />
6710
6710
  </span>
6711
6711
  </div>
@@ -7255,20 +7255,18 @@ section: components
7255
7255
  hidden
7256
7256
  >
7257
7257
  <div class="pf-v5-c-app-launcher__menu-search">
7258
- <div class="pf-v5-c-search-input">
7259
- <div class="pf-v5-c-search-input__bar">
7260
- <span class="pf-v5-c-search-input__text">
7261
- <span class="pf-v5-c-search-input__icon">
7262
- <i
7263
- class="fas fa-search fa-fw"
7264
- aria-hidden="true"
7265
- ></i>
7258
+ <div class="pf-v5-c-text-input-group">
7259
+ <div class="pf-v5-c-text-input-group__main pf-m-icon">
7260
+ <span class="pf-v5-c-text-input-group__text">
7261
+ <span class="pf-v5-c-text-input-group__icon">
7262
+ <i class="fas fa-fw fa-search"></i>
7266
7263
  </span>
7267
7264
  <input
7268
- class="pf-v5-c-search-input__text-input"
7265
+ class="pf-v5-c-text-input-group__text-input"
7269
7266
  type="text"
7270
- placeholder="Filter by name"
7271
- aria-label="Filter by name"
7267
+ placeholder="Filer by name"
7268
+ value
7269
+ aria-label="Search input"
7272
7270
  />
7273
7271
  </span>
7274
7272
  </div>
@@ -7786,22 +7784,24 @@ section: components
7786
7784
  </div>
7787
7785
  <div class="pf-v5-c-menu__search">
7788
7786
  <div class="pf-v5-c-menu__search-input">
7789
- <div class="pf-v5-c-search-input">
7790
- <div class="pf-v5-c-search-input__bar">
7791
- <span class="pf-v5-c-search-input__text">
7787
+ <div class="pf-v5-c-text-input-group">
7788
+ <div
7789
+ class="pf-v5-c-text-input-group__main pf-m-icon"
7790
+ >
7791
+ <span
7792
+ class="pf-v5-c-text-input-group__text"
7793
+ >
7792
7794
  <span
7793
- class="pf-v5-c-search-input__icon"
7795
+ class="pf-v5-c-text-input-group__icon"
7794
7796
  >
7795
- <i
7796
- class="fas fa-search fa-fw"
7797
- aria-hidden="true"
7798
- ></i>
7797
+ <i class="fas fa-fw fa-search"></i>
7799
7798
  </span>
7800
7799
  <input
7801
- class="pf-v5-c-search-input__text-input"
7800
+ class="pf-v5-c-text-input-group__text-input"
7802
7801
  type="text"
7803
7802
  placeholder="Search"
7804
- aria-label="Search"
7803
+ value
7804
+ aria-label="Search input"
7805
7805
  />
7806
7806
  </span>
7807
7807
  </div>