@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/components/ContextSelector/examples/context-selector.md CHANGED
@@ -33,10 +33,10 @@ cssPrefix: pf-v5-c-context-selector
33
33
  </span>
34
34
  <input
35
35
  class="pf-v5-c-text-input-group__text-input"
36
- type="search"
36
+ type="text"
37
37
  placeholder="Search"
38
38
  value
39
- aria-label="Filter menu items"
39
+ aria-label="Search input"
40
40
  />
41
41
  </span>
42
42
  </div>
@@ -154,10 +154,10 @@ cssPrefix: pf-v5-c-context-selector
154
154
  </span>
155
155
  <input
156
156
  class="pf-v5-c-text-input-group__text-input"
157
- type="search"
157
+ type="text"
158
158
  placeholder="Search"
159
159
  value
160
- aria-label="Filter menu items"
160
+ aria-label="Search input"
161
161
  />
162
162
  </span>
163
163
  </div>
@@ -283,10 +283,10 @@ cssPrefix: pf-v5-c-context-selector
283
283
  </span>
284
284
  <input
285
285
  class="pf-v5-c-text-input-group__text-input"
286
- type="search"
286
+ type="text"
287
287
  placeholder="Search"
288
288
  value
289
- aria-label="Filter menu items"
289
+ aria-label="Search input"
290
290
  />
291
291
  </span>
292
292
  </div>
@@ -407,10 +407,10 @@ cssPrefix: pf-v5-c-context-selector
407
407
  </span>
408
408
  <input
409
409
  class="pf-v5-c-text-input-group__text-input"
410
- type="search"
410
+ type="text"
411
411
  placeholder="Search"
412
412
  value
413
- aria-label="Filter menu items"
413
+ aria-label="Search input"
414
414
  />
415
415
  </span>
416
416
  </div>
@@ -533,10 +533,10 @@ cssPrefix: pf-v5-c-context-selector
533
533
  </span>
534
534
  <input
535
535
  class="pf-v5-c-text-input-group__text-input"
536
- type="search"
536
+ type="text"
537
537
  placeholder="Search"
538
538
  value
539
- aria-label="Filter menu items"
539
+ aria-label="Search input"
540
540
  />
541
541
  </span>
542
542
  </div>
@@ -664,10 +664,10 @@ cssPrefix: pf-v5-c-context-selector
664
664
  </span>
665
665
  <input
666
666
  class="pf-v5-c-text-input-group__text-input"
667
- type="search"
667
+ type="text"
668
668
  placeholder="Search"
669
669
  value
670
- aria-label="Filter menu items"
670
+ aria-label="Search input"
671
671
  />
672
672
  </span>
673
673
  </div>
package/docs/components/DualListSelector/examples/DualListSelector.md CHANGED
@@ -24,9 +24,9 @@ cssPrefix: pf-v5-c-dual-list-selector
24
24
  </span>
25
25
  <input
26
26
  class="pf-v5-c-text-input-group__text-input"
27
- type="search"
27
+ type="text"
28
28
  value
29
- aria-label="Available search input"
29
+ aria-label="Search input"
30
30
  />
31
31
  </span>
32
32
  </div>
@@ -223,9 +223,9 @@ cssPrefix: pf-v5-c-dual-list-selector
223
223
  </span>
224
224
  <input
225
225
  class="pf-v5-c-text-input-group__text-input"
226
- type="search"
226
+ type="text"
227
227
  value
228
- aria-label="Chosen search input"
228
+ aria-label="Search input"
229
229
  />
230
230
  </span>
231
231
  </div>
@@ -323,9 +323,9 @@ cssPrefix: pf-v5-c-dual-list-selector
323
323
  </span>
324
324
  <input
325
325
  class="pf-v5-c-text-input-group__text-input"
326
- type="search"
326
+ type="text"
327
327
  value
328
- aria-label="Available search input"
328
+ aria-label="Search input"
329
329
  />
330
330
  </span>
331
331
  </div>
@@ -516,9 +516,9 @@ cssPrefix: pf-v5-c-dual-list-selector
516
516
  </span>
517
517
  <input
518
518
  class="pf-v5-c-text-input-group__text-input"
519
- type="search"
519
+ type="text"
520
520
  value
521
- aria-label="Chosen search input"
521
+ aria-label="Search input"
522
522
  />
523
523
  </span>
524
524
  </div>
@@ -616,9 +616,9 @@ cssPrefix: pf-v5-c-dual-list-selector
616
616
  </span>
617
617
  <input
618
618
  class="pf-v5-c-text-input-group__text-input"
619
- type="search"
619
+ type="text"
620
620
  value
621
- aria-label="Available search input"
621
+ aria-label="Search input"
622
622
  />
623
623
  </span>
624
624
  </div>
@@ -809,9 +809,9 @@ cssPrefix: pf-v5-c-dual-list-selector
809
809
  </span>
810
810
  <input
811
811
  class="pf-v5-c-text-input-group__text-input"
812
- type="search"
812
+ type="text"
813
813
  value
814
- aria-label="Chosen search input"
814
+ aria-label="Search input"
815
815
  />
816
816
  </span>
817
817
  </div>
@@ -909,9 +909,9 @@ cssPrefix: pf-v5-c-dual-list-selector
909
909
  </span>
910
910
  <input
911
911
  class="pf-v5-c-text-input-group__text-input"
912
- type="search"
912
+ type="text"
913
913
  value
914
- aria-label="Available search input"
914
+ aria-label="Search input"
915
915
  />
916
916
  </span>
917
917
  </div>
@@ -1102,9 +1102,9 @@ cssPrefix: pf-v5-c-dual-list-selector
1102
1102
  </span>
1103
1103
  <input
1104
1104
  class="pf-v5-c-text-input-group__text-input"
1105
- type="search"
1105
+ type="text"
1106
1106
  value
1107
- aria-label="Chosen search input"
1107
+ aria-label="Search input"
1108
1108
  />
1109
1109
  </span>
1110
1110
  </div>
@@ -1215,9 +1215,9 @@ cssPrefix: pf-v5-c-dual-list-selector
1215
1215
  </span>
1216
1216
  <input
1217
1217
  class="pf-v5-c-text-input-group__text-input"
1218
- type="search"
1218
+ type="text"
1219
1219
  value
1220
- aria-label="Available search input"
1220
+ aria-label="Search input"
1221
1221
  />
1222
1222
  </span>
1223
1223
  </div>
@@ -1407,9 +1407,9 @@ cssPrefix: pf-v5-c-dual-list-selector
1407
1407
  </span>
1408
1408
  <input
1409
1409
  class="pf-v5-c-text-input-group__text-input"
1410
- type="search"
1410
+ type="text"
1411
1411
  value
1412
- aria-label="Chosen search input"
1412
+ aria-label="Search input"
1413
1413
  />
1414
1414
  </span>
1415
1415
  </div>
@@ -1520,9 +1520,9 @@ cssPrefix: pf-v5-c-dual-list-selector
1520
1520
  </span>
1521
1521
  <input
1522
1522
  class="pf-v5-c-text-input-group__text-input"
1523
- type="search"
1523
+ type="text"
1524
1524
  value
1525
- aria-label="Available search input"
1525
+ aria-label="Search input"
1526
1526
  />
1527
1527
  </span>
1528
1528
  </div>
@@ -1981,9 +1981,9 @@ cssPrefix: pf-v5-c-dual-list-selector
1981
1981
  </span>
1982
1982
  <input
1983
1983
  class="pf-v5-c-text-input-group__text-input"
1984
- type="search"
1984
+ type="text"
1985
1985
  value
1986
- aria-label="Chosen search input"
1986
+ aria-label="Search input"
1987
1987
  />
1988
1988
  </span>
1989
1989
  </div>
@@ -2081,9 +2081,9 @@ cssPrefix: pf-v5-c-dual-list-selector
2081
2081
  </span>
2082
2082
  <input
2083
2083
  class="pf-v5-c-text-input-group__text-input"
2084
- type="search"
2084
+ type="text"
2085
2085
  value
2086
- aria-label="Available search input"
2086
+ aria-label="Search input"
2087
2087
  />
2088
2088
  </span>
2089
2089
  </div>
@@ -2523,9 +2523,9 @@ cssPrefix: pf-v5-c-dual-list-selector
2523
2523
  </span>
2524
2524
  <input
2525
2525
  class="pf-v5-c-text-input-group__text-input"
2526
- type="search"
2526
+ type="text"
2527
2527
  value
2528
- aria-label="Chosen search input"
2528
+ aria-label="Search input"
2529
2529
  />
2530
2530
  </span>
2531
2531
  </div>
@@ -2690,9 +2690,9 @@ cssPrefix: pf-v5-c-dual-list-selector
2690
2690
  </span>
2691
2691
  <input
2692
2692
  class="pf-v5-c-text-input-group__text-input"
2693
- type="search"
2693
+ type="text"
2694
2694
  value
2695
- aria-label="Available search input"
2695
+ aria-label="Search input"
2696
2696
  />
2697
2697
  </span>
2698
2698
  </div>
@@ -2860,9 +2860,9 @@ cssPrefix: pf-v5-c-dual-list-selector
2860
2860
  </span>
2861
2861
  <input
2862
2862
  class="pf-v5-c-text-input-group__text-input"
2863
- type="search"
2863
+ type="text"
2864
2864
  value
2865
- aria-label="Chosen search input"
2865
+ aria-label="Search input"
2866
2866
  />
2867
2867
  </span>
2868
2868
  </div>
package/docs/components/LogViewer/examples/LogViewer.md CHANGED
@@ -103,10 +103,10 @@ cssPrefix: pf-v5-c-log-viewer
103
103
  </span>
104
104
  <input
105
105
  class="pf-v5-c-text-input-group__text-input"
106
- type="search"
106
+ type="text"
107
107
  placeholder="Find"
108
108
  value
109
- aria-label="Type to filter"
109
+ aria-label="Search input"
110
110
  />
111
111
  </span>
112
112
  </div>
@@ -451,10 +451,10 @@ cssPrefix: pf-v5-c-log-viewer
451
451
  </span>
452
452
  <input
453
453
  class="pf-v5-c-text-input-group__text-input"
454
- type="search"
454
+ type="text"
455
455
  placeholder="Find"
456
456
  value
457
- aria-label="Type to filter"
457
+ aria-label="Search input"
458
458
  />
459
459
  </span>
460
460
  </div>
@@ -663,10 +663,10 @@ cssPrefix: pf-v5-c-log-viewer
663
663
  </span>
664
664
  <input
665
665
  class="pf-v5-c-text-input-group__text-input"
666
- type="search"
666
+ type="text"
667
667
  placeholder="Find"
668
668
  value
669
- aria-label="Type to filter"
669
+ aria-label="Search input"
670
670
  />
671
671
  </span>
672
672
  </div>
@@ -1011,10 +1011,10 @@ cssPrefix: pf-v5-c-log-viewer
1011
1011
  </span>
1012
1012
  <input
1013
1013
  class="pf-v5-c-text-input-group__text-input"
1014
- type="search"
1014
+ type="text"
1015
1015
  placeholder="Find"
1016
1016
  value
1017
- aria-label="Type to filter"
1017
+ aria-label="Search input"
1018
1018
  />
1019
1019
  </span>
1020
1020
  </div>
@@ -1223,10 +1223,10 @@ cssPrefix: pf-v5-c-log-viewer
1223
1223
  </span>
1224
1224
  <input
1225
1225
  class="pf-v5-c-text-input-group__text-input"
1226
- type="search"
1226
+ type="text"
1227
1227
  placeholder="Find"
1228
1228
  value
1229
- aria-label="Type to filter"
1229
+ aria-label="Search input"
1230
1230
  />
1231
1231
  </span>
1232
1232
  </div>
@@ -1571,10 +1571,10 @@ cssPrefix: pf-v5-c-log-viewer
1571
1571
  </span>
1572
1572
  <input
1573
1573
  class="pf-v5-c-text-input-group__text-input"
1574
- type="search"
1574
+ type="text"
1575
1575
  placeholder="Find"
1576
1576
  value
1577
- aria-label="Type to filter"
1577
+ aria-label="Search input"
1578
1578
  />
1579
1579
  </span>
1580
1580
  </div>
@@ -1783,10 +1783,10 @@ cssPrefix: pf-v5-c-log-viewer
1783
1783
  </span>
1784
1784
  <input
1785
1785
  class="pf-v5-c-text-input-group__text-input"
1786
- type="search"
1786
+ type="text"
1787
1787
  placeholder="Find"
1788
1788
  value
1789
- aria-label="Type to filter"
1789
+ aria-label="Search input"
1790
1790
  />
1791
1791
  </span>
1792
1792
  </div>
@@ -2131,10 +2131,10 @@ cssPrefix: pf-v5-c-log-viewer
2131
2131
  </span>
2132
2132
  <input
2133
2133
  class="pf-v5-c-text-input-group__text-input"
2134
- type="search"
2134
+ type="text"
2135
2135
  placeholder="Find"
2136
2136
  value
2137
- aria-label="Type to filter"
2137
+ aria-label="Search input"
2138
2138
  />
2139
2139
  </span>
2140
2140
  </div>
@@ -2343,10 +2343,10 @@ cssPrefix: pf-v5-c-log-viewer
2343
2343
  </span>
2344
2344
  <input
2345
2345
  class="pf-v5-c-text-input-group__text-input"
2346
- type="search"
2346
+ type="text"
2347
2347
  placeholder="Find"
2348
2348
  value
2349
- aria-label="Type to filter"
2349
+ aria-label="Search input"
2350
2350
  />
2351
2351
  </span>
2352
2352
  </div>
@@ -2691,10 +2691,10 @@ cssPrefix: pf-v5-c-log-viewer
2691
2691
  </span>
2692
2692
  <input
2693
2693
  class="pf-v5-c-text-input-group__text-input"
2694
- type="search"
2694
+ type="text"
2695
2695
  placeholder="Find"
2696
2696
  value
2697
- aria-label="Type to filter"
2697
+ aria-label="Search input"
2698
2698
  />
2699
2699
  </span>
2700
2700
  </div>
@@ -2903,10 +2903,10 @@ cssPrefix: pf-v5-c-log-viewer
2903
2903
  </span>
2904
2904
  <input
2905
2905
  class="pf-v5-c-text-input-group__text-input"
2906
- type="search"
2906
+ type="text"
2907
2907
  placeholder="Find"
2908
2908
  value="openshift"
2909
- aria-label="Type to filter"
2909
+ aria-label="Search input"
2910
2910
  />
2911
2911
  </span>
2912
2912
  </div>
@@ -3278,10 +3278,10 @@ cssPrefix: pf-v5-c-log-viewer
3278
3278
  </span>
3279
3279
  <input
3280
3280
  class="pf-v5-c-text-input-group__text-input"
3281
- type="search"
3281
+ type="text"
3282
3282
  placeholder="Find"
3283
3283
  value="openshift"
3284
- aria-label="Type to filter"
3284
+ aria-label="Search input"
3285
3285
  />
3286
3286
  </span>
3287
3287
  </div>
@@ -3533,10 +3533,10 @@ cssPrefix: pf-v5-c-log-viewer
3533
3533
  </span>
3534
3534
  <input
3535
3535
  class="pf-v5-c-text-input-group__text-input"
3536
- type="search"
3536
+ type="text"
3537
3537
  placeholder="Find"
3538
3538
  value
3539
- aria-label="Type to filter"
3539
+ aria-label="Search input"
3540
3540
  />
3541
3541
  </span>
3542
3542
  </div>
@@ -3881,10 +3881,10 @@ cssPrefix: pf-v5-c-log-viewer
3881
3881
  </span>
3882
3882
  <input
3883
3883
  class="pf-v5-c-text-input-group__text-input"
3884
- type="search"
3884
+ type="text"
3885
3885
  placeholder="Find"
3886
3886
  value
3887
- aria-label="Type to filter"
3887
+ aria-label="Search input"
3888
3888
  />
3889
3889
  </span>
3890
3890
  </div>
@@ -4093,10 +4093,10 @@ cssPrefix: pf-v5-c-log-viewer
4093
4093
  </span>
4094
4094
  <input
4095
4095
  class="pf-v5-c-text-input-group__text-input"
4096
- type="search"
4096
+ type="text"
4097
4097
  placeholder="Find"
4098
4098
  value
4099
- aria-label="Type to filter"
4099
+ aria-label="Search input"
4100
4100
  />
4101
4101
  </span>
4102
4102
  </div>
@@ -4439,10 +4439,10 @@ cssPrefix: pf-v5-c-log-viewer
4439
4439
  </span>
4440
4440
  <input
4441
4441
  class="pf-v5-c-text-input-group__text-input"
4442
- type="search"
4442
+ type="text"
4443
4443
  placeholder="Find"
4444
4444
  value
4445
- aria-label="Type to filter"
4445
+ aria-label="Search input"
4446
4446
  />
4447
4447
  </span>
4448
4448
  </div>
@@ -4651,10 +4651,10 @@ cssPrefix: pf-v5-c-log-viewer
4651
4651
  </span>
4652
4652
  <input
4653
4653
  class="pf-v5-c-text-input-group__text-input"
4654
- type="search"
4654
+ type="text"
4655
4655
  placeholder="Find"
4656
4656
  value
4657
- aria-label="Type to filter"
4657
+ aria-label="Search input"
4658
4658
  />
4659
4659
  </span>
4660
4660
  </div>
@@ -4999,10 +4999,10 @@ cssPrefix: pf-v5-c-log-viewer
4999
4999
  </span>
5000
5000
  <input
5001
5001
  class="pf-v5-c-text-input-group__text-input"
5002
- type="search"
5002
+ type="text"
5003
5003
  placeholder="Find"
5004
5004
  value
5005
- aria-label="Type to filter"
5005
+ aria-label="Search input"
5006
5006
  />
5007
5007
  </span>
5008
5008
  </div>
@@ -5244,10 +5244,10 @@ cssPrefix: pf-v5-c-log-viewer
5244
5244
  </span>
5245
5245
  <input
5246
5246
  class="pf-v5-c-text-input-group__text-input"
5247
- type="search"
5247
+ type="text"
5248
5248
  placeholder="Find"
5249
5249
  value="openshift"
5250
- aria-label="Type to filter"
5250
+ aria-label="Search input"
5251
5251
  />
5252
5252
  </span>
5253
5253
  </div>
@@ -5619,10 +5619,10 @@ cssPrefix: pf-v5-c-log-viewer
5619
5619
  </span>
5620
5620
  <input
5621
5621
  class="pf-v5-c-text-input-group__text-input"
5622
- type="search"
5622
+ type="text"
5623
5623
  placeholder="Find"
5624
5624
  value="openshift"
5625
- aria-label="Type to filter"
5625
+ aria-label="Search input"
5626
5626
  />
5627
5627
  </span>
5628
5628
  </div>
package/docs/components/Menu/examples/Menu.md CHANGED
@@ -5375,10 +5375,10 @@ cssPrefix: pf-v5-c-menu
5375
5375
  </span>
5376
5376
  <input
5377
5377
  class="pf-v5-c-text-input-group__text-input"
5378
- type="search"
5378
+ type="text"
5379
5379
  placeholder="Search"
5380
5380
  value
5381
- aria-label="Filter menu items"
5381
+ aria-label="Search input"
5382
5382
  />
5383
5383
  </span>
5384
5384
  </div>
@@ -5495,10 +5495,10 @@ cssPrefix: pf-v5-c-menu
5495
5495
  </span>
5496
5496
  <input
5497
5497
  class="pf-v5-c-text-input-group__text-input"
5498
- type="search"
5498
+ type="text"
5499
5499
  placeholder="Search"
5500
5500
  value
5501
- aria-label="Filter menu items"
5501
+ aria-label="Search input"
5502
5502
  />
5503
5503
  </span>
5504
5504
  </div>
@@ -6304,17 +6304,18 @@ cssPrefix: pf-v5-c-menu
6304
6304
  <div class="pf-v5-c-menu pf-m-plain">
6305
6305
  <div class="pf-v5-c-menu__search">
6306
6306
  <div class="pf-v5-c-menu__search-input">
6307
- <div class="pf-v5-c-search-input">
6308
- <div class="pf-v5-c-search-input__bar">
6309
- <span class="pf-v5-c-search-input__text">
6310
- <span class="pf-v5-c-search-input__icon">
6311
- <i class="fas fa-search fa-fw" aria-hidden="true"></i>
6307
+ <div class="pf-v5-c-text-input-group">
6308
+ <div class="pf-v5-c-text-input-group__main pf-m-icon">
6309
+ <span class="pf-v5-c-text-input-group__text">
6310
+ <span class="pf-v5-c-text-input-group__icon">
6311
+ <i class="fas fa-fw fa-search"></i>
6312
6312
  </span>
6313
6313
  <input
6314
- class="pf-v5-c-search-input__text-input"
6314
+ class="pf-v5-c-text-input-group__text-input"
6315
6315
  type="text"
6316
6316
  placeholder="Search"
6317
- aria-label="Search"
6317
+ value
6318
+ aria-label="Search input"
6318
6319
  />
6319
6320
  </span>
6320
6321
  </div>
@@ -6423,17 +6424,18 @@ cssPrefix: pf-v5-c-menu
6423
6424
  <div class="pf-v5-c-menu pf-m-plain pf-m-scrollable">
6424
6425
  <div class="pf-v5-c-menu__search">
6425
6426
  <div class="pf-v5-c-menu__search-input">
6426
- <div class="pf-v5-c-search-input">
6427
- <div class="pf-v5-c-search-input__bar">
6428
- <span class="pf-v5-c-search-input__text">
6429
- <span class="pf-v5-c-search-input__icon">
6430
- <i class="fas fa-search fa-fw" aria-hidden="true"></i>
6427
+ <div class="pf-v5-c-text-input-group">
6428
+ <div class="pf-v5-c-text-input-group__main pf-m-icon">
6429
+ <span class="pf-v5-c-text-input-group__text">
6430
+ <span class="pf-v5-c-text-input-group__icon">
6431
+ <i class="fas fa-fw fa-search"></i>
6431
6432
  </span>
6432
6433
  <input
6433
- class="pf-v5-c-search-input__text-input"
6434
+ class="pf-v5-c-text-input-group__text-input"
6434
6435
  type="text"
6435
6436
  placeholder="Search"
6436
- aria-label="Search"
6437
+ value
6438
+ aria-label="Search input"
6437
6439
  />
6438
6440
  </span>
6439
6441
  </div>
package/docs/components/Select/examples/Select.md CHANGED
@@ -1932,17 +1932,18 @@ The multiselect should be used when the user is selecting multiple items from a
1932
1932
 
1933
1933
  <div class="pf-v5-c-select__menu">
1934
1934
  <div class="pf-v5-c-select__menu-search">
1935
- <div class="pf-v5-c-search-input">
1936
- <div class="pf-v5-c-search-input__bar">
1937
- <span class="pf-v5-c-search-input__text">
1938
- <span class="pf-v5-c-search-input__icon">
1939
- <i class="fas fa-search fa-fw" aria-hidden="true"></i>
1935
+ <div class="pf-v5-c-text-input-group">
1936
+ <div class="pf-v5-c-text-input-group__main pf-m-icon">
1937
+ <span class="pf-v5-c-text-input-group__text">
1938
+ <span class="pf-v5-c-text-input-group__icon">
1939
+ <i class="fas fa-fw fa-search"></i>
1940
1940
  </span>
1941
1941
  <input
1942
- class="pf-v5-c-search-input__text-input"
1942
+ class="pf-v5-c-text-input-group__text-input"
1943
1943
  type="text"
1944
1944
  placeholder="Search"
1945
- aria-label="Search"
1945
+ value
1946
+ aria-label="Search input"
1946
1947
  />
1947
1948
  </span>
1948
1949
  </div>
@@ -2829,17 +2830,18 @@ The plain select variation should be used when you do not want a border applied
2829
2830
 
2830
2831
  <div class="pf-v5-c-select__menu" aria-labelledby="select-favorites-label">
2831
2832
  <div class="pf-v5-c-select__menu-search">
2832
- <div class="pf-v5-c-search-input">
2833
- <div class="pf-v5-c-search-input__bar">
2834
- <span class="pf-v5-c-search-input__text">
2835
- <span class="pf-v5-c-search-input__icon">
2836
- <i class="fas fa-search fa-fw" aria-hidden="true"></i>
2833
+ <div class="pf-v5-c-text-input-group">
2834
+ <div class="pf-v5-c-text-input-group__main pf-m-icon">
2835
+ <span class="pf-v5-c-text-input-group__text">
2836
+ <span class="pf-v5-c-text-input-group__icon">
2837
+ <i class="fas fa-fw fa-search"></i>
2837
2838
  </span>
2838
2839
  <input
2839
- class="pf-v5-c-search-input__text-input"
2840
+ class="pf-v5-c-text-input-group__text-input"
2840
2841
  type="text"
2841
2842
  placeholder="Search"
2842
- aria-label="Search"
2843
+ value
2844
+ aria-label="Search input"
2843
2845
  />
2844
2846
  </span>
2845
2847
  </div>
package/docs/components/TextInputGroup/examples/TextInputGroup.css CHANGED
@@ -1,16 +1,3 @@
1
- #ws-core-c-search-input-advanced-search-expanded,
2
- #ws-core-c-text-input-group-search-input-group-advanced-search-expanded-with-autocomplete {
3
- height: 540px;
4
- }
5
-
6
- #ws-core-c-search-input-autocomplete {
7
- height: 250px;
8
- }
9
-
10
- #ws-core-c-search-input-autocomplete-last-option-hint {
11
- height: 130px;
12
- }
13
-
14
1
  .ws-example-wrapper {
15
2
  position: relative;
16
3
  }