@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/Table/examples/Table.md CHANGED
@@ -77,20 +77,18 @@ wrapperTag: div
77
77
  hidden
78
78
  >
79
79
  <div class="pf-v5-c-app-launcher__menu-search">
80
- <div class="pf-v5-c-search-input">
81
- <div class="pf-v5-c-search-input__bar">
82
- <span class="pf-v5-c-search-input__text">
83
- <span class="pf-v5-c-search-input__icon">
84
- <i
85
- class="fas fa-search fa-fw"
86
- aria-hidden="true"
87
- ></i>
80
+ <div class="pf-v5-c-text-input-group">
81
+ <div class="pf-v5-c-text-input-group__main pf-m-icon">
82
+ <span class="pf-v5-c-text-input-group__text">
83
+ <span class="pf-v5-c-text-input-group__icon">
84
+ <i class="fas fa-fw fa-search"></i>
88
85
  </span>
89
86
  <input
90
- class="pf-v5-c-search-input__text-input"
87
+ class="pf-v5-c-text-input-group__text-input"
91
88
  type="text"
92
- placeholder="Filter by name"
93
- aria-label="Filter by name"
89
+ placeholder="Filer by name"
90
+ value
91
+ aria-label="Search input"
94
92
  />
95
93
  </span>
96
94
  </div>
@@ -608,22 +606,24 @@ wrapperTag: div
608
606
  </div>
609
607
  <div class="pf-v5-c-menu__search">
610
608
  <div class="pf-v5-c-menu__search-input">
611
- <div class="pf-v5-c-search-input">
612
- <div class="pf-v5-c-search-input__bar">
613
- <span class="pf-v5-c-search-input__text">
609
+ <div class="pf-v5-c-text-input-group">
610
+ <div
611
+ class="pf-v5-c-text-input-group__main pf-m-icon"
612
+ >
613
+ <span
614
+ class="pf-v5-c-text-input-group__text"
615
+ >
614
616
  <span
615
- class="pf-v5-c-search-input__icon"
617
+ class="pf-v5-c-text-input-group__icon"
616
618
  >
617
- <i
618
- class="fas fa-search fa-fw"
619
- aria-hidden="true"
620
- ></i>
619
+ <i class="fas fa-fw fa-search"></i>
621
620
  </span>
622
621
  <input
623
- class="pf-v5-c-search-input__text-input"
622
+ class="pf-v5-c-text-input-group__text-input"
624
623
  type="text"
625
624
  placeholder="Search"
626
- aria-label="Search"
625
+ value
626
+ aria-label="Search input"
627
627
  />
628
628
  </span>
629
629
  </div>
@@ -1083,10 +1083,10 @@ wrapperTag: div
1083
1083
  </span>
1084
1084
  <input
1085
1085
  class="pf-v5-c-text-input-group__text-input"
1086
- type="search"
1086
+ type="text"
1087
1087
  placeholder="Filter by name"
1088
1088
  value
1089
- aria-label="Type to filter"
1089
+ aria-label="Search input"
1090
1090
  />
1091
1091
  </span>
1092
1092
  </div>
@@ -1861,20 +1861,18 @@ wrapperTag: div
1861
1861
  hidden
1862
1862
  >
1863
1863
  <div class="pf-v5-c-app-launcher__menu-search">
1864
- <div class="pf-v5-c-search-input">
1865
- <div class="pf-v5-c-search-input__bar">
1866
- <span class="pf-v5-c-search-input__text">
1867
- <span class="pf-v5-c-search-input__icon">
1868
- <i
1869
- class="fas fa-search fa-fw"
1870
- aria-hidden="true"
1871
- ></i>
1864
+ <div class="pf-v5-c-text-input-group">
1865
+ <div class="pf-v5-c-text-input-group__main pf-m-icon">
1866
+ <span class="pf-v5-c-text-input-group__text">
1867
+ <span class="pf-v5-c-text-input-group__icon">
1868
+ <i class="fas fa-fw fa-search"></i>
1872
1869
  </span>
1873
1870
  <input
1874
- class="pf-v5-c-search-input__text-input"
1871
+ class="pf-v5-c-text-input-group__text-input"
1875
1872
  type="text"
1876
- placeholder="Filter by name"
1877
- aria-label="Filter by name"
1873
+ placeholder="Filer by name"
1874
+ value
1875
+ aria-label="Search input"
1878
1876
  />
1879
1877
  </span>
1880
1878
  </div>
@@ -2392,22 +2390,24 @@ wrapperTag: div
2392
2390
  </div>
2393
2391
  <div class="pf-v5-c-menu__search">
2394
2392
  <div class="pf-v5-c-menu__search-input">
2395
- <div class="pf-v5-c-search-input">
2396
- <div class="pf-v5-c-search-input__bar">
2397
- <span class="pf-v5-c-search-input__text">
2393
+ <div class="pf-v5-c-text-input-group">
2394
+ <div
2395
+ class="pf-v5-c-text-input-group__main pf-m-icon"
2396
+ >
2397
+ <span
2398
+ class="pf-v5-c-text-input-group__text"
2399
+ >
2398
2400
  <span
2399
- class="pf-v5-c-search-input__icon"
2401
+ class="pf-v5-c-text-input-group__icon"
2400
2402
  >
2401
- <i
2402
- class="fas fa-search fa-fw"
2403
- aria-hidden="true"
2404
- ></i>
2403
+ <i class="fas fa-fw fa-search"></i>
2405
2404
  </span>
2406
2405
  <input
2407
- class="pf-v5-c-search-input__text-input"
2406
+ class="pf-v5-c-text-input-group__text-input"
2408
2407
  type="text"
2409
2408
  placeholder="Search"
2410
- aria-label="Search"
2409
+ value
2410
+ aria-label="Search input"
2411
2411
  />
2412
2412
  </span>
2413
2413
  </div>
@@ -2875,10 +2875,10 @@ wrapperTag: div
2875
2875
  </span>
2876
2876
  <input
2877
2877
  class="pf-v5-c-text-input-group__text-input"
2878
- type="search"
2878
+ type="text"
2879
2879
  placeholder="Filter by name"
2880
2880
  value
2881
- aria-label="Type to filter"
2881
+ aria-label="Search input"
2882
2882
  />
2883
2883
  </span>
2884
2884
  </div>
@@ -3829,20 +3829,18 @@ wrapperTag: div
3829
3829
  hidden
3830
3830
  >
3831
3831
  <div class="pf-v5-c-app-launcher__menu-search">
3832
- <div class="pf-v5-c-search-input">
3833
- <div class="pf-v5-c-search-input__bar">
3834
- <span class="pf-v5-c-search-input__text">
3835
- <span class="pf-v5-c-search-input__icon">
3836
- <i
3837
- class="fas fa-search fa-fw"
3838
- aria-hidden="true"
3839
- ></i>
3832
+ <div class="pf-v5-c-text-input-group">
3833
+ <div class="pf-v5-c-text-input-group__main pf-m-icon">
3834
+ <span class="pf-v5-c-text-input-group__text">
3835
+ <span class="pf-v5-c-text-input-group__icon">
3836
+ <i class="fas fa-fw fa-search"></i>
3840
3837
  </span>
3841
3838
  <input
3842
- class="pf-v5-c-search-input__text-input"
3839
+ class="pf-v5-c-text-input-group__text-input"
3843
3840
  type="text"
3844
- placeholder="Filter by name"
3845
- aria-label="Filter by name"
3841
+ placeholder="Filer by name"
3842
+ value
3843
+ aria-label="Search input"
3846
3844
  />
3847
3845
  </span>
3848
3846
  </div>
@@ -4360,22 +4358,24 @@ wrapperTag: div
4360
4358
  </div>
4361
4359
  <div class="pf-v5-c-menu__search">
4362
4360
  <div class="pf-v5-c-menu__search-input">
4363
- <div class="pf-v5-c-search-input">
4364
- <div class="pf-v5-c-search-input__bar">
4365
- <span class="pf-v5-c-search-input__text">
4361
+ <div class="pf-v5-c-text-input-group">
4362
+ <div
4363
+ class="pf-v5-c-text-input-group__main pf-m-icon"
4364
+ >
4365
+ <span
4366
+ class="pf-v5-c-text-input-group__text"
4367
+ >
4366
4368
  <span
4367
- class="pf-v5-c-search-input__icon"
4369
+ class="pf-v5-c-text-input-group__icon"
4368
4370
  >
4369
- <i
4370
- class="fas fa-search fa-fw"
4371
- aria-hidden="true"
4372
- ></i>
4371
+ <i class="fas fa-fw fa-search"></i>
4373
4372
  </span>
4374
4373
  <input
4375
- class="pf-v5-c-search-input__text-input"
4374
+ class="pf-v5-c-text-input-group__text-input"
4376
4375
  type="text"
4377
4376
  placeholder="Search"
4378
- aria-label="Search"
4377
+ value
4378
+ aria-label="Search input"
4379
4379
  />
4380
4380
  </span>
4381
4381
  </div>
@@ -4843,10 +4843,10 @@ wrapperTag: div
4843
4843
  </span>
4844
4844
  <input
4845
4845
  class="pf-v5-c-text-input-group__text-input"
4846
- type="search"
4846
+ type="text"
4847
4847
  placeholder="Filter by name"
4848
4848
  value
4849
- aria-label="Type to filter"
4849
+ aria-label="Search input"
4850
4850
  />
4851
4851
  </span>
4852
4852
  </div>
@@ -5995,20 +5995,18 @@ wrapperTag: div
5995
5995
  hidden
5996
5996
  >
5997
5997
  <div class="pf-v5-c-app-launcher__menu-search">
5998
- <div class="pf-v5-c-search-input">
5999
- <div class="pf-v5-c-search-input__bar">
6000
- <span class="pf-v5-c-search-input__text">
6001
- <span class="pf-v5-c-search-input__icon">
6002
- <i
6003
- class="fas fa-search fa-fw"
6004
- aria-hidden="true"
6005
- ></i>
5998
+ <div class="pf-v5-c-text-input-group">
5999
+ <div class="pf-v5-c-text-input-group__main pf-m-icon">
6000
+ <span class="pf-v5-c-text-input-group__text">
6001
+ <span class="pf-v5-c-text-input-group__icon">
6002
+ <i class="fas fa-fw fa-search"></i>
6006
6003
  </span>
6007
6004
  <input
6008
- class="pf-v5-c-search-input__text-input"
6005
+ class="pf-v5-c-text-input-group__text-input"
6009
6006
  type="text"
6010
- placeholder="Filter by name"
6011
- aria-label="Filter by name"
6007
+ placeholder="Filer by name"
6008
+ value
6009
+ aria-label="Search input"
6012
6010
  />
6013
6011
  </span>
6014
6012
  </div>
@@ -6526,22 +6524,24 @@ wrapperTag: div
6526
6524
  </div>
6527
6525
  <div class="pf-v5-c-menu__search">
6528
6526
  <div class="pf-v5-c-menu__search-input">
6529
- <div class="pf-v5-c-search-input">
6530
- <div class="pf-v5-c-search-input__bar">
6531
- <span class="pf-v5-c-search-input__text">
6527
+ <div class="pf-v5-c-text-input-group">
6528
+ <div
6529
+ class="pf-v5-c-text-input-group__main pf-m-icon"
6530
+ >
6531
+ <span
6532
+ class="pf-v5-c-text-input-group__text"
6533
+ >
6532
6534
  <span
6533
- class="pf-v5-c-search-input__icon"
6535
+ class="pf-v5-c-text-input-group__icon"
6534
6536
  >
6535
- <i
6536
- class="fas fa-search fa-fw"
6537
- aria-hidden="true"
6538
- ></i>
6537
+ <i class="fas fa-fw fa-search"></i>
6539
6538
  </span>
6540
6539
  <input
6541
- class="pf-v5-c-search-input__text-input"
6540
+ class="pf-v5-c-text-input-group__text-input"
6542
6541
  type="text"
6543
6542
  placeholder="Search"
6544
- aria-label="Search"
6543
+ value
6544
+ aria-label="Search input"
6545
6545
  />
6546
6546
  </span>
6547
6547
  </div>
@@ -7005,10 +7005,10 @@ wrapperTag: div
7005
7005
  </span>
7006
7006
  <input
7007
7007
  class="pf-v5-c-text-input-group__text-input"
7008
- type="search"
7008
+ type="text"
7009
7009
  placeholder="Filter by name"
7010
7010
  value
7011
- aria-label="Type to filter"
7011
+ aria-label="Search input"
7012
7012
  />
7013
7013
  </span>
7014
7014
  </div>
@@ -7818,20 +7818,18 @@ wrapperTag: div
7818
7818
  hidden
7819
7819
  >
7820
7820
  <div class="pf-v5-c-app-launcher__menu-search">
7821
- <div class="pf-v5-c-search-input">
7822
- <div class="pf-v5-c-search-input__bar">
7823
- <span class="pf-v5-c-search-input__text">
7824
- <span class="pf-v5-c-search-input__icon">
7825
- <i
7826
- class="fas fa-search fa-fw"
7827
- aria-hidden="true"
7828
- ></i>
7821
+ <div class="pf-v5-c-text-input-group">
7822
+ <div class="pf-v5-c-text-input-group__main pf-m-icon">
7823
+ <span class="pf-v5-c-text-input-group__text">
7824
+ <span class="pf-v5-c-text-input-group__icon">
7825
+ <i class="fas fa-fw fa-search"></i>
7829
7826
  </span>
7830
7827
  <input
7831
- class="pf-v5-c-search-input__text-input"
7828
+ class="pf-v5-c-text-input-group__text-input"
7832
7829
  type="text"
7833
- placeholder="Filter by name"
7834
- aria-label="Filter by name"
7830
+ placeholder="Filer by name"
7831
+ value
7832
+ aria-label="Search input"
7835
7833
  />
7836
7834
  </span>
7837
7835
  </div>
@@ -8349,22 +8347,24 @@ wrapperTag: div
8349
8347
  </div>
8350
8348
  <div class="pf-v5-c-menu__search">
8351
8349
  <div class="pf-v5-c-menu__search-input">
8352
- <div class="pf-v5-c-search-input">
8353
- <div class="pf-v5-c-search-input__bar">
8354
- <span class="pf-v5-c-search-input__text">
8350
+ <div class="pf-v5-c-text-input-group">
8351
+ <div
8352
+ class="pf-v5-c-text-input-group__main pf-m-icon"
8353
+ >
8354
+ <span
8355
+ class="pf-v5-c-text-input-group__text"
8356
+ >
8355
8357
  <span
8356
- class="pf-v5-c-search-input__icon"
8358
+ class="pf-v5-c-text-input-group__icon"
8357
8359
  >
8358
- <i
8359
- class="fas fa-search fa-fw"
8360
- aria-hidden="true"
8361
- ></i>
8360
+ <i class="fas fa-fw fa-search"></i>
8362
8361
  </span>
8363
8362
  <input
8364
- class="pf-v5-c-search-input__text-input"
8363
+ class="pf-v5-c-text-input-group__text-input"
8365
8364
  type="text"
8366
8365
  placeholder="Search"
8367
- aria-label="Search"
8366
+ value
8367
+ aria-label="Search input"
8368
8368
  />
8369
8369
  </span>
8370
8370
  </div>
@@ -8832,10 +8832,10 @@ wrapperTag: div
8832
8832
  </span>
8833
8833
  <input
8834
8834
  class="pf-v5-c-text-input-group__text-input"
8835
- type="search"
8835
+ type="text"
8836
8836
  placeholder="Filter by name"
8837
8837
  value
8838
- aria-label="Type to filter"
8838
+ aria-label="Search input"
8839
8839
  />
8840
8840
  </span>
8841
8841
  </div>
@@ -12970,20 +12970,18 @@ wrapperTag: div
12970
12970
  hidden
12971
12971
  >
12972
12972
  <div class="pf-v5-c-app-launcher__menu-search">
12973
- <div class="pf-v5-c-search-input">
12974
- <div class="pf-v5-c-search-input__bar">
12975
- <span class="pf-v5-c-search-input__text">
12976
- <span class="pf-v5-c-search-input__icon">
12977
- <i
12978
- class="fas fa-search fa-fw"
12979
- aria-hidden="true"
12980
- ></i>
12973
+ <div class="pf-v5-c-text-input-group">
12974
+ <div class="pf-v5-c-text-input-group__main pf-m-icon">
12975
+ <span class="pf-v5-c-text-input-group__text">
12976
+ <span class="pf-v5-c-text-input-group__icon">
12977
+ <i class="fas fa-fw fa-search"></i>
12981
12978
  </span>
12982
12979
  <input
12983
- class="pf-v5-c-search-input__text-input"
12980
+ class="pf-v5-c-text-input-group__text-input"
12984
12981
  type="text"
12985
- placeholder="Filter by name"
12986
- aria-label="Filter by name"
12982
+ placeholder="Filer by name"
12983
+ value
12984
+ aria-label="Search input"
12987
12985
  />
12988
12986
  </span>
12989
12987
  </div>
@@ -13501,22 +13499,24 @@ wrapperTag: div
13501
13499
  </div>
13502
13500
  <div class="pf-v5-c-menu__search">
13503
13501
  <div class="pf-v5-c-menu__search-input">
13504
- <div class="pf-v5-c-search-input">
13505
- <div class="pf-v5-c-search-input__bar">
13506
- <span class="pf-v5-c-search-input__text">
13502
+ <div class="pf-v5-c-text-input-group">
13503
+ <div
13504
+ class="pf-v5-c-text-input-group__main pf-m-icon"
13505
+ >
13506
+ <span
13507
+ class="pf-v5-c-text-input-group__text"
13508
+ >
13507
13509
  <span
13508
- class="pf-v5-c-search-input__icon"
13510
+ class="pf-v5-c-text-input-group__icon"
13509
13511
  >
13510
- <i
13511
- class="fas fa-search fa-fw"
13512
- aria-hidden="true"
13513
- ></i>
13512
+ <i class="fas fa-fw fa-search"></i>
13514
13513
  </span>
13515
13514
  <input
13516
- class="pf-v5-c-search-input__text-input"
13515
+ class="pf-v5-c-text-input-group__text-input"
13517
13516
  type="text"
13518
13517
  placeholder="Search"
13519
- aria-label="Search"
13518
+ value
13519
+ aria-label="Search input"
13520
13520
  />
13521
13521
  </span>
13522
13522
  </div>
@@ -13969,20 +13969,18 @@ wrapperTag: div
13969
13969
  hidden
13970
13970
  >
13971
13971
  <div class="pf-v5-c-app-launcher__menu-search">
13972
- <div class="pf-v5-c-search-input">
13973
- <div class="pf-v5-c-search-input__bar">
13974
- <span class="pf-v5-c-search-input__text">
13975
- <span class="pf-v5-c-search-input__icon">
13976
- <i
13977
- class="fas fa-search fa-fw"
13978
- aria-hidden="true"
13979
- ></i>
13972
+ <div class="pf-v5-c-text-input-group">
13973
+ <div class="pf-v5-c-text-input-group__main pf-m-icon">
13974
+ <span class="pf-v5-c-text-input-group__text">
13975
+ <span class="pf-v5-c-text-input-group__icon">
13976
+ <i class="fas fa-fw fa-search"></i>
13980
13977
  </span>
13981
13978
  <input
13982
- class="pf-v5-c-search-input__text-input"
13979
+ class="pf-v5-c-text-input-group__text-input"
13983
13980
  type="text"
13984
- placeholder="Filter by name"
13985
- aria-label="Filter by name"
13981
+ placeholder="Filer by name"
13982
+ value
13983
+ aria-label="Search input"
13986
13984
  />
13987
13985
  </span>
13988
13986
  </div>
@@ -14500,22 +14498,24 @@ wrapperTag: div
14500
14498
  </div>
14501
14499
  <div class="pf-v5-c-menu__search">
14502
14500
  <div class="pf-v5-c-menu__search-input">
14503
- <div class="pf-v5-c-search-input">
14504
- <div class="pf-v5-c-search-input__bar">
14505
- <span class="pf-v5-c-search-input__text">
14501
+ <div class="pf-v5-c-text-input-group">
14502
+ <div
14503
+ class="pf-v5-c-text-input-group__main pf-m-icon"
14504
+ >
14505
+ <span
14506
+ class="pf-v5-c-text-input-group__text"
14507
+ >
14506
14508
  <span
14507
- class="pf-v5-c-search-input__icon"
14509
+ class="pf-v5-c-text-input-group__icon"
14508
14510
  >
14509
- <i
14510
- class="fas fa-search fa-fw"
14511
- aria-hidden="true"
14512
- ></i>
14511
+ <i class="fas fa-fw fa-search"></i>
14513
14512
  </span>
14514
14513
  <input
14515
- class="pf-v5-c-search-input__text-input"
14514
+ class="pf-v5-c-text-input-group__text-input"
14516
14515
  type="text"
14517
14516
  placeholder="Search"
14518
- aria-label="Search"
14517
+ value
14518
+ aria-label="Search input"
14519
14519
  />
14520
14520
  </span>
14521
14521
  </div>
@@ -14963,20 +14963,18 @@ wrapperTag: div
14963
14963
  hidden
14964
14964
  >
14965
14965
  <div class="pf-v5-c-app-launcher__menu-search">
14966
- <div class="pf-v5-c-search-input">
14967
- <div class="pf-v5-c-search-input__bar">
14968
- <span class="pf-v5-c-search-input__text">
14969
- <span class="pf-v5-c-search-input__icon">
14970
- <i
14971
- class="fas fa-search fa-fw"
14972
- aria-hidden="true"
14973
- ></i>
14966
+ <div class="pf-v5-c-text-input-group">
14967
+ <div class="pf-v5-c-text-input-group__main pf-m-icon">
14968
+ <span class="pf-v5-c-text-input-group__text">
14969
+ <span class="pf-v5-c-text-input-group__icon">
14970
+ <i class="fas fa-fw fa-search"></i>
14974
14971
  </span>
14975
14972
  <input
14976
- class="pf-v5-c-search-input__text-input"
14973
+ class="pf-v5-c-text-input-group__text-input"
14977
14974
  type="text"
14978
- placeholder="Filter by name"
14979
- aria-label="Filter by name"
14975
+ placeholder="Filer by name"
14976
+ value
14977
+ aria-label="Search input"
14980
14978
  />
14981
14979
  </span>
14982
14980
  </div>
@@ -15494,22 +15492,24 @@ wrapperTag: div
15494
15492
  </div>
15495
15493
  <div class="pf-v5-c-menu__search">
15496
15494
  <div class="pf-v5-c-menu__search-input">
15497
- <div class="pf-v5-c-search-input">
15498
- <div class="pf-v5-c-search-input__bar">
15499
- <span class="pf-v5-c-search-input__text">
15495
+ <div class="pf-v5-c-text-input-group">
15496
+ <div
15497
+ class="pf-v5-c-text-input-group__main pf-m-icon"
15498
+ >
15499
+ <span
15500
+ class="pf-v5-c-text-input-group__text"
15501
+ >
15500
15502
  <span
15501
- class="pf-v5-c-search-input__icon"
15503
+ class="pf-v5-c-text-input-group__icon"
15502
15504
  >
15503
- <i
15504
- class="fas fa-search fa-fw"
15505
- aria-hidden="true"
15506
- ></i>
15505
+ <i class="fas fa-fw fa-search"></i>
15507
15506
  </span>
15508
15507
  <input
15509
- class="pf-v5-c-search-input__text-input"
15508
+ class="pf-v5-c-text-input-group__text-input"
15510
15509
  type="text"
15511
15510
  placeholder="Search"
15512
- aria-label="Search"
15511
+ value
15512
+ aria-label="Search input"
15513
15513
  />
15514
15514
  </span>
15515
15515
  </div>
@@ -15977,10 +15977,10 @@ wrapperTag: div
15977
15977
  </span>
15978
15978
  <input
15979
15979
  class="pf-v5-c-text-input-group__text-input"
15980
- type="search"
15980
+ type="text"
15981
15981
  placeholder="Filter by name"
15982
15982
  value
15983
- aria-label="Type to filter"
15983
+ aria-label="Search input"
15984
15984
  />
15985
15985
  </span>
15986
15986
  </div>
@@ -16921,20 +16921,18 @@ wrapperTag: div
16921
16921
  hidden
16922
16922
  >
16923
16923
  <div class="pf-v5-c-app-launcher__menu-search">
16924
- <div class="pf-v5-c-search-input">
16925
- <div class="pf-v5-c-search-input__bar">
16926
- <span class="pf-v5-c-search-input__text">
16927
- <span class="pf-v5-c-search-input__icon">
16928
- <i
16929
- class="fas fa-search fa-fw"
16930
- aria-hidden="true"
16931
- ></i>
16924
+ <div class="pf-v5-c-text-input-group">
16925
+ <div class="pf-v5-c-text-input-group__main pf-m-icon">
16926
+ <span class="pf-v5-c-text-input-group__text">
16927
+ <span class="pf-v5-c-text-input-group__icon">
16928
+ <i class="fas fa-fw fa-search"></i>
16932
16929
  </span>
16933
16930
  <input
16934
- class="pf-v5-c-search-input__text-input"
16931
+ class="pf-v5-c-text-input-group__text-input"
16935
16932
  type="text"
16936
- placeholder="Filter by name"
16937
- aria-label="Filter by name"
16933
+ placeholder="Filer by name"
16934
+ value
16935
+ aria-label="Search input"
16938
16936
  />
16939
16937
  </span>
16940
16938
  </div>
@@ -17452,22 +17450,24 @@ wrapperTag: div
17452
17450
  </div>
17453
17451
  <div class="pf-v5-c-menu__search">
17454
17452
  <div class="pf-v5-c-menu__search-input">
17455
- <div class="pf-v5-c-search-input">
17456
- <div class="pf-v5-c-search-input__bar">
17457
- <span class="pf-v5-c-search-input__text">
17453
+ <div class="pf-v5-c-text-input-group">
17454
+ <div
17455
+ class="pf-v5-c-text-input-group__main pf-m-icon"
17456
+ >
17457
+ <span
17458
+ class="pf-v5-c-text-input-group__text"
17459
+ >
17458
17460
  <span
17459
- class="pf-v5-c-search-input__icon"
17461
+ class="pf-v5-c-text-input-group__icon"
17460
17462
  >
17461
- <i
17462
- class="fas fa-search fa-fw"
17463
- aria-hidden="true"
17464
- ></i>
17463
+ <i class="fas fa-fw fa-search"></i>
17465
17464
  </span>
17466
17465
  <input
17467
- class="pf-v5-c-search-input__text-input"
17466
+ class="pf-v5-c-text-input-group__text-input"
17468
17467
  type="text"
17469
17468
  placeholder="Search"
17470
- aria-label="Search"
17469
+ value
17470
+ aria-label="Search input"
17471
17471
  />
17472
17472
  </span>
17473
17473
  </div>
@@ -17935,10 +17935,10 @@ wrapperTag: div
17935
17935
  </span>
17936
17936
  <input
17937
17937
  class="pf-v5-c-text-input-group__text-input"
17938
- type="search"
17938
+ type="text"
17939
17939
  placeholder="Filter by name"
17940
17940
  value
17941
- aria-label="Type to filter"
17941
+ aria-label="Search input"
17942
17942
  />
17943
17943
  </span>
17944
17944
  </div>
@@ -18983,20 +18983,18 @@ wrapperTag: div
18983
18983
  hidden
18984
18984
  >
18985
18985
  <div class="pf-v5-c-app-launcher__menu-search">
18986
- <div class="pf-v5-c-search-input">
18987
- <div class="pf-v5-c-search-input__bar">
18988
- <span class="pf-v5-c-search-input__text">
18989
- <span class="pf-v5-c-search-input__icon">
18990
- <i
18991
- class="fas fa-search fa-fw"
18992
- aria-hidden="true"
18993
- ></i>
18986
+ <div class="pf-v5-c-text-input-group">
18987
+ <div class="pf-v5-c-text-input-group__main pf-m-icon">
18988
+ <span class="pf-v5-c-text-input-group__text">
18989
+ <span class="pf-v5-c-text-input-group__icon">
18990
+ <i class="fas fa-fw fa-search"></i>
18994
18991
  </span>
18995
18992
  <input
18996
- class="pf-v5-c-search-input__text-input"
18993
+ class="pf-v5-c-text-input-group__text-input"
18997
18994
  type="text"
18998
- placeholder="Filter by name"
18999
- aria-label="Filter by name"
18995
+ placeholder="Filer by name"
18996
+ value
18997
+ aria-label="Search input"
19000
18998
  />
19001
18999
  </span>
19002
19000
  </div>
@@ -19514,22 +19512,24 @@ wrapperTag: div
19514
19512
  </div>
19515
19513
  <div class="pf-v5-c-menu__search">
19516
19514
  <div class="pf-v5-c-menu__search-input">
19517
- <div class="pf-v5-c-search-input">
19518
- <div class="pf-v5-c-search-input__bar">
19519
- <span class="pf-v5-c-search-input__text">
19515
+ <div class="pf-v5-c-text-input-group">
19516
+ <div
19517
+ class="pf-v5-c-text-input-group__main pf-m-icon"
19518
+ >
19519
+ <span
19520
+ class="pf-v5-c-text-input-group__text"
19521
+ >
19520
19522
  <span
19521
- class="pf-v5-c-search-input__icon"
19523
+ class="pf-v5-c-text-input-group__icon"
19522
19524
  >
19523
- <i
19524
- class="fas fa-search fa-fw"
19525
- aria-hidden="true"
19526
- ></i>
19525
+ <i class="fas fa-fw fa-search"></i>
19527
19526
  </span>
19528
19527
  <input
19529
- class="pf-v5-c-search-input__text-input"
19528
+ class="pf-v5-c-text-input-group__text-input"
19530
19529
  type="text"
19531
19530
  placeholder="Search"
19532
- aria-label="Search"
19531
+ value
19532
+ aria-label="Search input"
19533
19533
  />
19534
19534
  </span>
19535
19535
  </div>
@@ -19997,10 +19997,10 @@ wrapperTag: div
19997
19997
  </span>
19998
19998
  <input
19999
19999
  class="pf-v5-c-text-input-group__text-input"
20000
- type="search"
20000
+ type="text"
20001
20001
  placeholder="Filter by name"
20002
20002
  value
20003
- aria-label="Type to filter"
20003
+ aria-label="Search input"
20004
20004
  />
20005
20005
  </span>
20006
20006
  </div>
@@ -20941,20 +20941,18 @@ wrapperTag: div
20941
20941
  hidden
20942
20942
  >
20943
20943
  <div class="pf-v5-c-app-launcher__menu-search">
20944
- <div class="pf-v5-c-search-input">
20945
- <div class="pf-v5-c-search-input__bar">
20946
- <span class="pf-v5-c-search-input__text">
20947
- <span class="pf-v5-c-search-input__icon">
20948
- <i
20949
- class="fas fa-search fa-fw"
20950
- aria-hidden="true"
20951
- ></i>
20944
+ <div class="pf-v5-c-text-input-group">
20945
+ <div class="pf-v5-c-text-input-group__main pf-m-icon">
20946
+ <span class="pf-v5-c-text-input-group__text">
20947
+ <span class="pf-v5-c-text-input-group__icon">
20948
+ <i class="fas fa-fw fa-search"></i>
20952
20949
  </span>
20953
20950
  <input
20954
- class="pf-v5-c-search-input__text-input"
20951
+ class="pf-v5-c-text-input-group__text-input"
20955
20952
  type="text"
20956
- placeholder="Filter by name"
20957
- aria-label="Filter by name"
20953
+ placeholder="Filer by name"
20954
+ value
20955
+ aria-label="Search input"
20958
20956
  />
20959
20957
  </span>
20960
20958
  </div>
@@ -21472,22 +21470,24 @@ wrapperTag: div
21472
21470
  </div>
21473
21471
  <div class="pf-v5-c-menu__search">
21474
21472
  <div class="pf-v5-c-menu__search-input">
21475
- <div class="pf-v5-c-search-input">
21476
- <div class="pf-v5-c-search-input__bar">
21477
- <span class="pf-v5-c-search-input__text">
21473
+ <div class="pf-v5-c-text-input-group">
21474
+ <div
21475
+ class="pf-v5-c-text-input-group__main pf-m-icon"
21476
+ >
21477
+ <span
21478
+ class="pf-v5-c-text-input-group__text"
21479
+ >
21478
21480
  <span
21479
- class="pf-v5-c-search-input__icon"
21481
+ class="pf-v5-c-text-input-group__icon"
21480
21482
  >
21481
- <i
21482
- class="fas fa-search fa-fw"
21483
- aria-hidden="true"
21484
- ></i>
21483
+ <i class="fas fa-fw fa-search"></i>
21485
21484
  </span>
21486
21485
  <input
21487
- class="pf-v5-c-search-input__text-input"
21486
+ class="pf-v5-c-text-input-group__text-input"
21488
21487
  type="text"
21489
21488
  placeholder="Search"
21490
- aria-label="Search"
21489
+ value
21490
+ aria-label="Search input"
21491
21491
  />
21492
21492
  </span>
21493
21493
  </div>
@@ -21959,10 +21959,10 @@ wrapperTag: div
21959
21959
  </span>
21960
21960
  <input
21961
21961
  class="pf-v5-c-text-input-group__text-input"
21962
- type="search"
21962
+ type="text"
21963
21963
  placeholder="Filter by name"
21964
21964
  value
21965
- aria-label="Type to filter"
21965
+ aria-label="Search input"
21966
21966
  />
21967
21967
  </span>
21968
21968
  </div>
@@ -22819,20 +22819,18 @@ wrapperTag: div
22819
22819
  hidden
22820
22820
  >
22821
22821
  <div class="pf-v5-c-app-launcher__menu-search">
22822
- <div class="pf-v5-c-search-input">
22823
- <div class="pf-v5-c-search-input__bar">
22824
- <span class="pf-v5-c-search-input__text">
22825
- <span class="pf-v5-c-search-input__icon">
22826
- <i
22827
- class="fas fa-search fa-fw"
22828
- aria-hidden="true"
22829
- ></i>
22822
+ <div class="pf-v5-c-text-input-group">
22823
+ <div class="pf-v5-c-text-input-group__main pf-m-icon">
22824
+ <span class="pf-v5-c-text-input-group__text">
22825
+ <span class="pf-v5-c-text-input-group__icon">
22826
+ <i class="fas fa-fw fa-search"></i>
22830
22827
  </span>
22831
22828
  <input
22832
- class="pf-v5-c-search-input__text-input"
22829
+ class="pf-v5-c-text-input-group__text-input"
22833
22830
  type="text"
22834
- placeholder="Filter by name"
22835
- aria-label="Filter by name"
22831
+ placeholder="Filer by name"
22832
+ value
22833
+ aria-label="Search input"
22836
22834
  />
22837
22835
  </span>
22838
22836
  </div>
@@ -23350,22 +23348,24 @@ wrapperTag: div
23350
23348
  </div>
23351
23349
  <div class="pf-v5-c-menu__search">
23352
23350
  <div class="pf-v5-c-menu__search-input">
23353
- <div class="pf-v5-c-search-input">
23354
- <div class="pf-v5-c-search-input__bar">
23355
- <span class="pf-v5-c-search-input__text">
23351
+ <div class="pf-v5-c-text-input-group">
23352
+ <div
23353
+ class="pf-v5-c-text-input-group__main pf-m-icon"
23354
+ >
23355
+ <span
23356
+ class="pf-v5-c-text-input-group__text"
23357
+ >
23356
23358
  <span
23357
- class="pf-v5-c-search-input__icon"
23359
+ class="pf-v5-c-text-input-group__icon"
23358
23360
  >
23359
- <i
23360
- class="fas fa-search fa-fw"
23361
- aria-hidden="true"
23362
- ></i>
23361
+ <i class="fas fa-fw fa-search"></i>
23363
23362
  </span>
23364
23363
  <input
23365
- class="pf-v5-c-search-input__text-input"
23364
+ class="pf-v5-c-text-input-group__text-input"
23366
23365
  type="text"
23367
23366
  placeholder="Search"
23368
- aria-label="Search"
23367
+ value
23368
+ aria-label="Search input"
23369
23369
  />
23370
23370
  </span>
23371
23371
  </div>
@@ -23837,10 +23837,10 @@ wrapperTag: div
23837
23837
  </span>
23838
23838
  <input
23839
23839
  class="pf-v5-c-text-input-group__text-input"
23840
- type="search"
23840
+ type="text"
23841
23841
  placeholder="Filter by name"
23842
23842
  value
23843
- aria-label="Type to filter"
23843
+ aria-label="Search input"
23844
23844
  />
23845
23845
  </span>
23846
23846
  </div>
@@ -24719,20 +24719,18 @@ wrapperTag: div
24719
24719
  hidden
24720
24720
  >
24721
24721
  <div class="pf-v5-c-app-launcher__menu-search">
24722
- <div class="pf-v5-c-search-input">
24723
- <div class="pf-v5-c-search-input__bar">
24724
- <span class="pf-v5-c-search-input__text">
24725
- <span class="pf-v5-c-search-input__icon">
24726
- <i
24727
- class="fas fa-search fa-fw"
24728
- aria-hidden="true"
24729
- ></i>
24722
+ <div class="pf-v5-c-text-input-group">
24723
+ <div class="pf-v5-c-text-input-group__main pf-m-icon">
24724
+ <span class="pf-v5-c-text-input-group__text">
24725
+ <span class="pf-v5-c-text-input-group__icon">
24726
+ <i class="fas fa-fw fa-search"></i>
24730
24727
  </span>
24731
24728
  <input
24732
- class="pf-v5-c-search-input__text-input"
24729
+ class="pf-v5-c-text-input-group__text-input"
24733
24730
  type="text"
24734
- placeholder="Filter by name"
24735
- aria-label="Filter by name"
24731
+ placeholder="Filer by name"
24732
+ value
24733
+ aria-label="Search input"
24736
24734
  />
24737
24735
  </span>
24738
24736
  </div>
@@ -25250,22 +25248,24 @@ wrapperTag: div
25250
25248
  </div>
25251
25249
  <div class="pf-v5-c-menu__search">
25252
25250
  <div class="pf-v5-c-menu__search-input">
25253
- <div class="pf-v5-c-search-input">
25254
- <div class="pf-v5-c-search-input__bar">
25255
- <span class="pf-v5-c-search-input__text">
25251
+ <div class="pf-v5-c-text-input-group">
25252
+ <div
25253
+ class="pf-v5-c-text-input-group__main pf-m-icon"
25254
+ >
25255
+ <span
25256
+ class="pf-v5-c-text-input-group__text"
25257
+ >
25256
25258
  <span
25257
- class="pf-v5-c-search-input__icon"
25259
+ class="pf-v5-c-text-input-group__icon"
25258
25260
  >
25259
- <i
25260
- class="fas fa-search fa-fw"
25261
- aria-hidden="true"
25262
- ></i>
25261
+ <i class="fas fa-fw fa-search"></i>
25263
25262
  </span>
25264
25263
  <input
25265
- class="pf-v5-c-search-input__text-input"
25264
+ class="pf-v5-c-text-input-group__text-input"
25266
25265
  type="text"
25267
25266
  placeholder="Search"
25268
- aria-label="Search"
25267
+ value
25268
+ aria-label="Search input"
25269
25269
  />
25270
25270
  </span>
25271
25271
  </div>
@@ -25733,10 +25733,10 @@ wrapperTag: div
25733
25733
  </span>
25734
25734
  <input
25735
25735
  class="pf-v5-c-text-input-group__text-input"
25736
- type="search"
25736
+ type="text"
25737
25737
  placeholder="Filter by name"
25738
25738
  value
25739
- aria-label="Type to filter"
25739
+ aria-label="Search input"
25740
25740
  />
25741
25741
  </span>
25742
25742
  </div>
@@ -26614,20 +26614,18 @@ wrapperTag: div
26614
26614
  hidden
26615
26615
  >
26616
26616
  <div class="pf-v5-c-app-launcher__menu-search">
26617
- <div class="pf-v5-c-search-input">
26618
- <div class="pf-v5-c-search-input__bar">
26619
- <span class="pf-v5-c-search-input__text">
26620
- <span class="pf-v5-c-search-input__icon">
26621
- <i
26622
- class="fas fa-search fa-fw"
26623
- aria-hidden="true"
26624
- ></i>
26617
+ <div class="pf-v5-c-text-input-group">
26618
+ <div class="pf-v5-c-text-input-group__main pf-m-icon">
26619
+ <span class="pf-v5-c-text-input-group__text">
26620
+ <span class="pf-v5-c-text-input-group__icon">
26621
+ <i class="fas fa-fw fa-search"></i>
26625
26622
  </span>
26626
26623
  <input
26627
- class="pf-v5-c-search-input__text-input"
26624
+ class="pf-v5-c-text-input-group__text-input"
26628
26625
  type="text"
26629
- placeholder="Filter by name"
26630
- aria-label="Filter by name"
26626
+ placeholder="Filer by name"
26627
+ value
26628
+ aria-label="Search input"
26631
26629
  />
26632
26630
  </span>
26633
26631
  </div>
@@ -27145,22 +27143,24 @@ wrapperTag: div
27145
27143
  </div>
27146
27144
  <div class="pf-v5-c-menu__search">
27147
27145
  <div class="pf-v5-c-menu__search-input">
27148
- <div class="pf-v5-c-search-input">
27149
- <div class="pf-v5-c-search-input__bar">
27150
- <span class="pf-v5-c-search-input__text">
27146
+ <div class="pf-v5-c-text-input-group">
27147
+ <div
27148
+ class="pf-v5-c-text-input-group__main pf-m-icon"
27149
+ >
27150
+ <span
27151
+ class="pf-v5-c-text-input-group__text"
27152
+ >
27151
27153
  <span
27152
- class="pf-v5-c-search-input__icon"
27154
+ class="pf-v5-c-text-input-group__icon"
27153
27155
  >
27154
- <i
27155
- class="fas fa-search fa-fw"
27156
- aria-hidden="true"
27157
- ></i>
27156
+ <i class="fas fa-fw fa-search"></i>
27158
27157
  </span>
27159
27158
  <input
27160
- class="pf-v5-c-search-input__text-input"
27159
+ class="pf-v5-c-text-input-group__text-input"
27161
27160
  type="text"
27162
27161
  placeholder="Search"
27163
- aria-label="Search"
27162
+ value
27163
+ aria-label="Search input"
27164
27164
  />
27165
27165
  </span>
27166
27166
  </div>
@@ -27628,10 +27628,10 @@ wrapperTag: div
27628
27628
  </span>
27629
27629
  <input
27630
27630
  class="pf-v5-c-text-input-group__text-input"
27631
- type="search"
27631
+ type="text"
27632
27632
  placeholder="Filter by name"
27633
27633
  value
27634
- aria-label="Type to filter"
27634
+ aria-label="Search input"
27635
27635
  />
27636
27636
  </span>
27637
27637
  </div>
@@ -28489,20 +28489,18 @@ By default, table cell alignment is set to baseline. This retains vertical align
28489
28489
  hidden
28490
28490
  >
28491
28491
  <div class="pf-v5-c-app-launcher__menu-search">
28492
- <div class="pf-v5-c-search-input">
28493
- <div class="pf-v5-c-search-input__bar">
28494
- <span class="pf-v5-c-search-input__text">
28495
- <span class="pf-v5-c-search-input__icon">
28496
- <i
28497
- class="fas fa-search fa-fw"
28498
- aria-hidden="true"
28499
- ></i>
28492
+ <div class="pf-v5-c-text-input-group">
28493
+ <div class="pf-v5-c-text-input-group__main pf-m-icon">
28494
+ <span class="pf-v5-c-text-input-group__text">
28495
+ <span class="pf-v5-c-text-input-group__icon">
28496
+ <i class="fas fa-fw fa-search"></i>
28500
28497
  </span>
28501
28498
  <input
28502
- class="pf-v5-c-search-input__text-input"
28499
+ class="pf-v5-c-text-input-group__text-input"
28503
28500
  type="text"
28504
- placeholder="Filter by name"
28505
- aria-label="Filter by name"
28501
+ placeholder="Filer by name"
28502
+ value
28503
+ aria-label="Search input"
28506
28504
  />
28507
28505
  </span>
28508
28506
  </div>
@@ -29020,22 +29018,24 @@ By default, table cell alignment is set to baseline. This retains vertical align
29020
29018
  </div>
29021
29019
  <div class="pf-v5-c-menu__search">
29022
29020
  <div class="pf-v5-c-menu__search-input">
29023
- <div class="pf-v5-c-search-input">
29024
- <div class="pf-v5-c-search-input__bar">
29025
- <span class="pf-v5-c-search-input__text">
29021
+ <div class="pf-v5-c-text-input-group">
29022
+ <div
29023
+ class="pf-v5-c-text-input-group__main pf-m-icon"
29024
+ >
29025
+ <span
29026
+ class="pf-v5-c-text-input-group__text"
29027
+ >
29026
29028
  <span
29027
- class="pf-v5-c-search-input__icon"
29029
+ class="pf-v5-c-text-input-group__icon"
29028
29030
  >
29029
- <i
29030
- class="fas fa-search fa-fw"
29031
- aria-hidden="true"
29032
- ></i>
29031
+ <i class="fas fa-fw fa-search"></i>
29033
29032
  </span>
29034
29033
  <input
29035
- class="pf-v5-c-search-input__text-input"
29034
+ class="pf-v5-c-text-input-group__text-input"
29036
29035
  type="text"
29037
29036
  placeholder="Search"
29038
- aria-label="Search"
29037
+ value
29038
+ aria-label="Search input"
29039
29039
  />
29040
29040
  </span>
29041
29041
  </div>