@patternfly/patternfly 4.216.2 → 4.216.4

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 (18) hide show
  1. package/components/TextInputGroup/text-input-group.css +11 -12
  2. package/components/TextInputGroup/text-input-group.scss +13 -18
  3. package/components/TreeView/tree-view.css +6 -0
  4. package/components/TreeView/tree-view.scss +5 -0
  5. package/docs/components/LogViewer/examples/LogViewer.md +268 -268
  6. package/docs/components/TextInputGroup/examples/TextInputGroup.md +5 -21
  7. package/docs/components/Toolbar/examples/Toolbar.md +40 -35
  8. package/docs/components/TreeView/examples/TreeView.md +21 -21
  9. package/docs/demos/DataList/examples/DataList.md +16 -14
  10. package/docs/demos/Masthead/examples/Masthead.md +24 -21
  11. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +24 -27
  12. package/docs/demos/Table/examples/Table.md +88 -77
  13. package/docs/demos/Toolbar/examples/Toolbar.md +229 -231
  14. package/package.json +2 -2
  15. package/patternfly-no-reset.css +17 -12
  16. package/patternfly.css +17 -12
  17. package/patternfly.min.css +1 -1
  18. package/patternfly.min.css.map +1 -1
package/docs/demos/Table/examples/Table.md CHANGED
@@ -1009,17 +1009,18 @@ wrapperTag: div
1009
1009
  </li>
1010
1010
  </ul>
1011
1011
  </div>
1012
- <div class="pf-c-search-input">
1013
- <div class="pf-c-search-input__bar">
1014
- <span class="pf-c-search-input__text">
1015
- <span class="pf-c-search-input__icon">
1016
- <i class="fas fa-search fa-fw" aria-hidden="true"></i>
1012
+ <div class="pf-c-text-input-group">
1013
+ <div class="pf-c-text-input-group__main pf-m-icon">
1014
+ <span class="pf-c-text-input-group__text">
1015
+ <span class="pf-c-text-input-group__icon">
1016
+ <i class="fas fa-fw fa-search"></i>
1017
1017
  </span>
1018
1018
  <input
1019
- class="pf-c-search-input__text-input"
1019
+ class="pf-c-text-input-group__text-input"
1020
1020
  type="text"
1021
+ value
1021
1022
  placeholder="Filter by name"
1022
- aria-label="Filter by name"
1023
+ aria-label="Type to filter"
1023
1024
  />
1024
1025
  </span>
1025
1026
  </div>
@@ -2708,17 +2709,18 @@ wrapperTag: div
2708
2709
  </li>
2709
2710
  </ul>
2710
2711
  </div>
2711
- <div class="pf-c-search-input">
2712
- <div class="pf-c-search-input__bar">
2713
- <span class="pf-c-search-input__text">
2714
- <span class="pf-c-search-input__icon">
2715
- <i class="fas fa-search fa-fw" aria-hidden="true"></i>
2712
+ <div class="pf-c-text-input-group">
2713
+ <div class="pf-c-text-input-group__main pf-m-icon">
2714
+ <span class="pf-c-text-input-group__text">
2715
+ <span class="pf-c-text-input-group__icon">
2716
+ <i class="fas fa-fw fa-search"></i>
2716
2717
  </span>
2717
2718
  <input
2718
- class="pf-c-search-input__text-input"
2719
+ class="pf-c-text-input-group__text-input"
2719
2720
  type="text"
2721
+ value
2720
2722
  placeholder="Filter by name"
2721
- aria-label="Filter by name"
2723
+ aria-label="Type to filter"
2722
2724
  />
2723
2725
  </span>
2724
2726
  </div>
@@ -4587,17 +4589,18 @@ wrapperTag: div
4587
4589
  </li>
4588
4590
  </ul>
4589
4591
  </div>
4590
- <div class="pf-c-search-input">
4591
- <div class="pf-c-search-input__bar">
4592
- <span class="pf-c-search-input__text">
4593
- <span class="pf-c-search-input__icon">
4594
- <i class="fas fa-search fa-fw" aria-hidden="true"></i>
4592
+ <div class="pf-c-text-input-group">
4593
+ <div class="pf-c-text-input-group__main pf-m-icon">
4594
+ <span class="pf-c-text-input-group__text">
4595
+ <span class="pf-c-text-input-group__icon">
4596
+ <i class="fas fa-fw fa-search"></i>
4595
4597
  </span>
4596
4598
  <input
4597
- class="pf-c-search-input__text-input"
4599
+ class="pf-c-text-input-group__text-input"
4598
4600
  type="text"
4601
+ value
4599
4602
  placeholder="Filter by name"
4600
- aria-label="Filter by name"
4603
+ aria-label="Type to filter"
4601
4604
  />
4602
4605
  </span>
4603
4606
  </div>
@@ -6660,17 +6663,18 @@ wrapperTag: div
6660
6663
  </li>
6661
6664
  </ul>
6662
6665
  </div>
6663
- <div class="pf-c-search-input">
6664
- <div class="pf-c-search-input__bar">
6665
- <span class="pf-c-search-input__text">
6666
- <span class="pf-c-search-input__icon">
6667
- <i class="fas fa-search fa-fw" aria-hidden="true"></i>
6666
+ <div class="pf-c-text-input-group">
6667
+ <div class="pf-c-text-input-group__main pf-m-icon">
6668
+ <span class="pf-c-text-input-group__text">
6669
+ <span class="pf-c-text-input-group__icon">
6670
+ <i class="fas fa-fw fa-search"></i>
6668
6671
  </span>
6669
6672
  <input
6670
- class="pf-c-search-input__text-input"
6673
+ class="pf-c-text-input-group__text-input"
6671
6674
  type="text"
6675
+ value
6672
6676
  placeholder="Filter by name"
6673
- aria-label="Filter by name"
6677
+ aria-label="Type to filter"
6674
6678
  />
6675
6679
  </span>
6676
6680
  </div>
@@ -8401,17 +8405,18 @@ wrapperTag: div
8401
8405
  </li>
8402
8406
  </ul>
8403
8407
  </div>
8404
- <div class="pf-c-search-input">
8405
- <div class="pf-c-search-input__bar">
8406
- <span class="pf-c-search-input__text">
8407
- <span class="pf-c-search-input__icon">
8408
- <i class="fas fa-search fa-fw" aria-hidden="true"></i>
8408
+ <div class="pf-c-text-input-group">
8409
+ <div class="pf-c-text-input-group__main pf-m-icon">
8410
+ <span class="pf-c-text-input-group__text">
8411
+ <span class="pf-c-text-input-group__icon">
8412
+ <i class="fas fa-fw fa-search"></i>
8409
8413
  </span>
8410
8414
  <input
8411
- class="pf-c-search-input__text-input"
8415
+ class="pf-c-text-input-group__text-input"
8412
8416
  type="text"
8417
+ value
8413
8418
  placeholder="Filter by name"
8414
- aria-label="Filter by name"
8419
+ aria-label="Type to filter"
8415
8420
  />
8416
8421
  </span>
8417
8422
  </div>
@@ -15207,17 +15212,18 @@ wrapperTag: div
15207
15212
  </li>
15208
15213
  </ul>
15209
15214
  </div>
15210
- <div class="pf-c-search-input">
15211
- <div class="pf-c-search-input__bar">
15212
- <span class="pf-c-search-input__text">
15213
- <span class="pf-c-search-input__icon">
15214
- <i class="fas fa-search fa-fw" aria-hidden="true"></i>
15215
+ <div class="pf-c-text-input-group">
15216
+ <div class="pf-c-text-input-group__main pf-m-icon">
15217
+ <span class="pf-c-text-input-group__text">
15218
+ <span class="pf-c-text-input-group__icon">
15219
+ <i class="fas fa-fw fa-search"></i>
15215
15220
  </span>
15216
15221
  <input
15217
- class="pf-c-search-input__text-input"
15222
+ class="pf-c-text-input-group__text-input"
15218
15223
  type="text"
15224
+ value
15219
15225
  placeholder="Filter by name"
15220
- aria-label="Filter by name"
15226
+ aria-label="Type to filter"
15221
15227
  />
15222
15228
  </span>
15223
15229
  </div>
@@ -17080,17 +17086,18 @@ wrapperTag: div
17080
17086
  </li>
17081
17087
  </ul>
17082
17088
  </div>
17083
- <div class="pf-c-search-input">
17084
- <div class="pf-c-search-input__bar">
17085
- <span class="pf-c-search-input__text">
17086
- <span class="pf-c-search-input__icon">
17087
- <i class="fas fa-search fa-fw" aria-hidden="true"></i>
17089
+ <div class="pf-c-text-input-group">
17090
+ <div class="pf-c-text-input-group__main pf-m-icon">
17091
+ <span class="pf-c-text-input-group__text">
17092
+ <span class="pf-c-text-input-group__icon">
17093
+ <i class="fas fa-fw fa-search"></i>
17088
17094
  </span>
17089
17095
  <input
17090
- class="pf-c-search-input__text-input"
17096
+ class="pf-c-text-input-group__text-input"
17091
17097
  type="text"
17098
+ value
17092
17099
  placeholder="Filter by name"
17093
- aria-label="Filter by name"
17100
+ aria-label="Type to filter"
17094
17101
  />
17095
17102
  </span>
17096
17103
  </div>
@@ -19036,17 +19043,18 @@ wrapperTag: div
19036
19043
  </li>
19037
19044
  </ul>
19038
19045
  </div>
19039
- <div class="pf-c-search-input">
19040
- <div class="pf-c-search-input__bar">
19041
- <span class="pf-c-search-input__text">
19042
- <span class="pf-c-search-input__icon">
19043
- <i class="fas fa-search fa-fw" aria-hidden="true"></i>
19046
+ <div class="pf-c-text-input-group">
19047
+ <div class="pf-c-text-input-group__main pf-m-icon">
19048
+ <span class="pf-c-text-input-group__text">
19049
+ <span class="pf-c-text-input-group__icon">
19050
+ <i class="fas fa-fw fa-search"></i>
19044
19051
  </span>
19045
19052
  <input
19046
- class="pf-c-search-input__text-input"
19053
+ class="pf-c-text-input-group__text-input"
19047
19054
  type="text"
19055
+ value
19048
19056
  placeholder="Filter by name"
19049
- aria-label="Filter by name"
19057
+ aria-label="Type to filter"
19050
19058
  />
19051
19059
  </span>
19052
19060
  </div>
@@ -20912,17 +20920,18 @@ wrapperTag: div
20912
20920
  </li>
20913
20921
  </ul>
20914
20922
  </div>
20915
- <div class="pf-c-search-input">
20916
- <div class="pf-c-search-input__bar">
20917
- <span class="pf-c-search-input__text">
20918
- <span class="pf-c-search-input__icon">
20919
- <i class="fas fa-search fa-fw" aria-hidden="true"></i>
20923
+ <div class="pf-c-text-input-group">
20924
+ <div class="pf-c-text-input-group__main pf-m-icon">
20925
+ <span class="pf-c-text-input-group__text">
20926
+ <span class="pf-c-text-input-group__icon">
20927
+ <i class="fas fa-fw fa-search"></i>
20920
20928
  </span>
20921
20929
  <input
20922
- class="pf-c-search-input__text-input"
20930
+ class="pf-c-text-input-group__text-input"
20923
20931
  type="text"
20932
+ value
20924
20933
  placeholder="Filter by name"
20925
- aria-label="Filter by name"
20934
+ aria-label="Type to filter"
20926
20935
  />
20927
20936
  </span>
20928
20937
  </div>
@@ -22709,17 +22718,18 @@ wrapperTag: div
22709
22718
  </li>
22710
22719
  </ul>
22711
22720
  </div>
22712
- <div class="pf-c-search-input">
22713
- <div class="pf-c-search-input__bar">
22714
- <span class="pf-c-search-input__text">
22715
- <span class="pf-c-search-input__icon">
22716
- <i class="fas fa-search fa-fw" aria-hidden="true"></i>
22721
+ <div class="pf-c-text-input-group">
22722
+ <div class="pf-c-text-input-group__main pf-m-icon">
22723
+ <span class="pf-c-text-input-group__text">
22724
+ <span class="pf-c-text-input-group__icon">
22725
+ <i class="fas fa-fw fa-search"></i>
22717
22726
  </span>
22718
22727
  <input
22719
- class="pf-c-search-input__text-input"
22728
+ class="pf-c-text-input-group__text-input"
22720
22729
  type="text"
22730
+ value
22721
22731
  placeholder="Filter by name"
22722
- aria-label="Filter by name"
22732
+ aria-label="Type to filter"
22723
22733
  />
22724
22734
  </span>
22725
22735
  </div>
@@ -24527,17 +24537,18 @@ wrapperTag: div
24527
24537
  </li>
24528
24538
  </ul>
24529
24539
  </div>
24530
- <div class="pf-c-search-input">
24531
- <div class="pf-c-search-input__bar">
24532
- <span class="pf-c-search-input__text">
24533
- <span class="pf-c-search-input__icon">
24534
- <i class="fas fa-search fa-fw" aria-hidden="true"></i>
24540
+ <div class="pf-c-text-input-group">
24541
+ <div class="pf-c-text-input-group__main pf-m-icon">
24542
+ <span class="pf-c-text-input-group__text">
24543
+ <span class="pf-c-text-input-group__icon">
24544
+ <i class="fas fa-fw fa-search"></i>
24535
24545
  </span>
24536
24546
  <input
24537
- class="pf-c-search-input__text-input"
24547
+ class="pf-c-text-input-group__text-input"
24538
24548
  type="text"
24549
+ value
24539
24550
  placeholder="Filter by name"
24540
- aria-label="Filter by name"
24551
+ aria-label="Type to filter"
24541
24552
  />
24542
24553
  </span>
24543
24554
  </div>