@patternfly/patternfly 5.0.0-prerelease.13 → 5.0.0-prerelease.14

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 (42) hide show
  1. package/assets/images/pf-logo.svg +28 -0
  2. package/components/Badge/badge.css +1 -0
  3. package/components/Badge/badge.scss +1 -0
  4. package/components/Check/check.css +9 -11
  5. package/components/Check/check.scss +11 -11
  6. package/components/Dropdown/dropdown.css +14 -5
  7. package/components/Dropdown/dropdown.scss +17 -6
  8. package/components/MenuToggle/menu-toggle.css +10 -3
  9. package/components/MenuToggle/menu-toggle.scss +14 -3
  10. package/components/Radio/radio.css +8 -10
  11. package/components/Radio/radio.scss +10 -10
  12. package/components/Toolbar/toolbar.css +17 -10
  13. package/components/Toolbar/toolbar.scss +21 -10
  14. package/docs/components/Toolbar/examples/Toolbar.md +1 -2
  15. package/docs/demos/AboutModal/examples/AboutModal.md +6 -14
  16. package/docs/demos/Alert/examples/Alert.md +18 -42
  17. package/docs/demos/BackToTop/examples/BackToTop.md +6 -14
  18. package/docs/demos/Banner/examples/Banner.md +12 -28
  19. package/docs/demos/CardView/examples/CardView.md +6 -14
  20. package/docs/demos/ContextSelector/examples/ContextSelector.md +24 -56
  21. package/docs/demos/Dashboard/examples/Dashboard.md +6 -14
  22. package/docs/demos/DataList/examples/DataList.md +24 -56
  23. package/docs/demos/DescriptionList/examples/DescriptionList.md +18 -42
  24. package/docs/demos/Drawer/examples/Drawer.md +30 -70
  25. package/docs/demos/JumpLinks/examples/JumpLinks.md +36 -84
  26. package/docs/demos/Masthead/examples/Masthead.md +54 -126
  27. package/docs/demos/Modal/examples/Modal.md +36 -84
  28. package/docs/demos/Nav/examples/Nav.md +48 -112
  29. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +30 -70
  30. package/docs/demos/Page/examples/Page.md +54 -126
  31. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +42 -98
  32. package/docs/demos/Skeleton/examples/Skeleton.md +6 -14
  33. package/docs/demos/Table/examples/Table.md +90 -210
  34. package/docs/demos/Tabs/examples/Tabs.md +36 -84
  35. package/docs/demos/Toolbar/examples/Toolbar.md +12 -28
  36. package/docs/demos/Wizard/examples/Wizard.md +54 -126
  37. package/package.json +1 -1
  38. package/patternfly-no-globals.css +59 -39
  39. package/patternfly-theme-dark-unversioned.css +59 -39
  40. package/patternfly.css +59 -39
  41. package/patternfly.min.css +1 -1
  42. package/patternfly.min.css.map +1 -1
package/docs/demos/DescriptionList/examples/DescriptionList.md CHANGED
@@ -26,20 +26,12 @@ cssPrefix: pf-d-description-list
26
26
  </span>
27
27
  <div class="pf-v5-c-masthead__main">
28
28
  <a class="pf-v5-c-masthead__brand" href="#">
29
- <picture
30
- class="pf-v5-c-brand pf-m-picture"
31
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
32
- >
33
- <source
34
- media="(min-width: 768px)"
35
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
36
- />
37
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
38
- <img
39
- src="/assets/images/logo__pf--reverse--base.png"
40
- alt="Fallback patternFly default logo"
41
- />
42
- </picture>
29
+ <img
30
+ class="pf-v5-c-brand"
31
+ src="/assets/images/pf-logo.svg"
32
+ alt="PatternFly logo"
33
+ style="--pf-v5-c-brand--Height:36px"
34
+ />
43
35
  </a>
44
36
  </div>
45
37
  <div class="pf-v5-c-masthead__content">
@@ -329,20 +321,12 @@ cssPrefix: pf-d-description-list
329
321
  </span>
330
322
  <div class="pf-v5-c-masthead__main">
331
323
  <a class="pf-v5-c-masthead__brand" href="#">
332
- <picture
333
- class="pf-v5-c-brand pf-m-picture"
334
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
335
- >
336
- <source
337
- media="(min-width: 768px)"
338
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
339
- />
340
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
341
- <img
342
- src="/assets/images/logo__pf--reverse--base.png"
343
- alt="Fallback patternFly default logo"
344
- />
345
- </picture>
324
+ <img
325
+ class="pf-v5-c-brand"
326
+ src="/assets/images/pf-logo.svg"
327
+ alt="PatternFly logo"
328
+ style="--pf-v5-c-brand--Height:36px"
329
+ />
346
330
  </a>
347
331
  </div>
348
332
  <div class="pf-v5-c-masthead__content">
@@ -936,20 +920,12 @@ cssPrefix: pf-d-description-list
936
920
  </span>
937
921
  <div class="pf-v5-c-masthead__main">
938
922
  <a class="pf-v5-c-masthead__brand" href="#">
939
- <picture
940
- class="pf-v5-c-brand pf-m-picture"
941
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
942
- >
943
- <source
944
- media="(min-width: 768px)"
945
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
946
- />
947
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
948
- <img
949
- src="/assets/images/logo__pf--reverse--base.png"
950
- alt="Fallback patternFly default logo"
951
- />
952
- </picture>
923
+ <img
924
+ class="pf-v5-c-brand"
925
+ src="/assets/images/pf-logo.svg"
926
+ alt="PatternFly logo"
927
+ style="--pf-v5-c-brand--Height:36px"
928
+ />
953
929
  </a>
954
930
  </div>
955
931
  <div class="pf-v5-c-masthead__content">
package/docs/demos/Drawer/examples/Drawer.md CHANGED
@@ -26,20 +26,12 @@ wrapperTag: div
26
26
  </span>
27
27
  <div class="pf-v5-c-masthead__main">
28
28
  <a class="pf-v5-c-masthead__brand" href="#">
29
- <picture
30
- class="pf-v5-c-brand pf-m-picture"
31
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
32
- >
33
- <source
34
- media="(min-width: 768px)"
35
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
36
- />
37
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
38
- <img
39
- src="/assets/images/logo__pf--reverse--base.png"
40
- alt="Fallback patternFly default logo"
41
- />
42
- </picture>
29
+ <img
30
+ class="pf-v5-c-brand"
31
+ src="/assets/images/pf-logo.svg"
32
+ alt="PatternFly logo"
33
+ style="--pf-v5-c-brand--Height:36px"
34
+ />
43
35
  </a>
44
36
  </div>
45
37
  <div class="pf-v5-c-masthead__content">
@@ -468,20 +460,12 @@ wrapperTag: div
468
460
  </span>
469
461
  <div class="pf-v5-c-masthead__main">
470
462
  <a class="pf-v5-c-masthead__brand" href="#">
471
- <picture
472
- class="pf-v5-c-brand pf-m-picture"
473
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
474
- >
475
- <source
476
- media="(min-width: 768px)"
477
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
478
- />
479
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
480
- <img
481
- src="/assets/images/logo__pf--reverse--base.png"
482
- alt="Fallback patternFly default logo"
483
- />
484
- </picture>
463
+ <img
464
+ class="pf-v5-c-brand"
465
+ src="/assets/images/pf-logo.svg"
466
+ alt="PatternFly logo"
467
+ style="--pf-v5-c-brand--Height:36px"
468
+ />
485
469
  </a>
486
470
  </div>
487
471
  <div class="pf-v5-c-masthead__content">
@@ -732,20 +716,12 @@ wrapperTag: div
732
716
  </span>
733
717
  <div class="pf-v5-c-masthead__main">
734
718
  <a class="pf-v5-c-masthead__brand" href="#">
735
- <picture
736
- class="pf-v5-c-brand pf-m-picture"
737
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
738
- >
739
- <source
740
- media="(min-width: 768px)"
741
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
742
- />
743
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
744
- <img
745
- src="/assets/images/logo__pf--reverse--base.png"
746
- alt="Fallback patternFly default logo"
747
- />
748
- </picture>
719
+ <img
720
+ class="pf-v5-c-brand"
721
+ src="/assets/images/pf-logo.svg"
722
+ alt="PatternFly logo"
723
+ style="--pf-v5-c-brand--Height:36px"
724
+ />
749
725
  </a>
750
726
  </div>
751
727
  <div class="pf-v5-c-masthead__content">
@@ -996,20 +972,12 @@ wrapperTag: div
996
972
  </span>
997
973
  <div class="pf-v5-c-masthead__main">
998
974
  <a class="pf-v5-c-masthead__brand" href="#">
999
- <picture
1000
- class="pf-v5-c-brand pf-m-picture"
1001
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
1002
- >
1003
- <source
1004
- media="(min-width: 768px)"
1005
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
1006
- />
1007
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
1008
- <img
1009
- src="/assets/images/logo__pf--reverse--base.png"
1010
- alt="Fallback patternFly default logo"
1011
- />
1012
- </picture>
975
+ <img
976
+ class="pf-v5-c-brand"
977
+ src="/assets/images/pf-logo.svg"
978
+ alt="PatternFly logo"
979
+ style="--pf-v5-c-brand--Height:36px"
980
+ />
1013
981
  </a>
1014
982
  </div>
1015
983
  <div class="pf-v5-c-masthead__content">
@@ -1278,20 +1246,12 @@ wrapperTag: div
1278
1246
  </span>
1279
1247
  <div class="pf-v5-c-masthead__main">
1280
1248
  <a class="pf-v5-c-masthead__brand" href="#">
1281
- <picture
1282
- class="pf-v5-c-brand pf-m-picture"
1283
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
1284
- >
1285
- <source
1286
- media="(min-width: 768px)"
1287
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
1288
- />
1289
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
1290
- <img
1291
- src="/assets/images/logo__pf--reverse--base.png"
1292
- alt="Fallback patternFly default logo"
1293
- />
1294
- </picture>
1249
+ <img
1250
+ class="pf-v5-c-brand"
1251
+ src="/assets/images/pf-logo.svg"
1252
+ alt="PatternFly logo"
1253
+ style="--pf-v5-c-brand--Height:36px"
1254
+ />
1295
1255
  </a>
1296
1256
  </div>
1297
1257
  <div class="pf-v5-c-masthead__content">
package/docs/demos/JumpLinks/examples/JumpLinks.md CHANGED
@@ -28,20 +28,12 @@ section: components
28
28
  </span>
29
29
  <div class="pf-v5-c-masthead__main">
30
30
  <a class="pf-v5-c-masthead__brand" href="#">
31
- <picture
32
- class="pf-v5-c-brand pf-m-picture"
33
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
34
- >
35
- <source
36
- media="(min-width: 768px)"
37
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
38
- />
39
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
40
- <img
41
- src="/assets/images/logo__pf--reverse--base.png"
42
- alt="Fallback patternFly default logo"
43
- />
44
- </picture>
31
+ <img
32
+ class="pf-v5-c-brand"
33
+ src="/assets/images/pf-logo.svg"
34
+ alt="PatternFly logo"
35
+ style="--pf-v5-c-brand--Height:36px"
36
+ />
45
37
  </a>
46
38
  </div>
47
39
  <div class="pf-v5-c-masthead__content">
@@ -343,20 +335,12 @@ section: components
343
335
  </span>
344
336
  <div class="pf-v5-c-masthead__main">
345
337
  <a class="pf-v5-c-masthead__brand" href="#">
346
- <picture
347
- class="pf-v5-c-brand pf-m-picture"
348
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
349
- >
350
- <source
351
- media="(min-width: 768px)"
352
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
353
- />
354
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
355
- <img
356
- src="/assets/images/logo__pf--reverse--base.png"
357
- alt="Fallback patternFly default logo"
358
- />
359
- </picture>
338
+ <img
339
+ class="pf-v5-c-brand"
340
+ src="/assets/images/pf-logo.svg"
341
+ alt="PatternFly logo"
342
+ style="--pf-v5-c-brand--Height:36px"
343
+ />
360
344
  </a>
361
345
  </div>
362
346
  <div class="pf-v5-c-masthead__content">
@@ -658,20 +642,12 @@ section: components
658
642
  </span>
659
643
  <div class="pf-v5-c-masthead__main">
660
644
  <a class="pf-v5-c-masthead__brand" href="#">
661
- <picture
662
- class="pf-v5-c-brand pf-m-picture"
663
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
664
- >
665
- <source
666
- media="(min-width: 768px)"
667
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
668
- />
669
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
670
- <img
671
- src="/assets/images/logo__pf--reverse--base.png"
672
- alt="Fallback patternFly default logo"
673
- />
674
- </picture>
645
+ <img
646
+ class="pf-v5-c-brand"
647
+ src="/assets/images/pf-logo.svg"
648
+ alt="PatternFly logo"
649
+ style="--pf-v5-c-brand--Height:36px"
650
+ />
675
651
  </a>
676
652
  </div>
677
653
  <div class="pf-v5-c-masthead__content">
@@ -970,20 +946,12 @@ section: components
970
946
  </span>
971
947
  <div class="pf-v5-c-masthead__main">
972
948
  <a class="pf-v5-c-masthead__brand" href="#">
973
- <picture
974
- class="pf-v5-c-brand pf-m-picture"
975
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
976
- >
977
- <source
978
- media="(min-width: 768px)"
979
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
980
- />
981
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
982
- <img
983
- src="/assets/images/logo__pf--reverse--base.png"
984
- alt="Fallback patternFly default logo"
985
- />
986
- </picture>
949
+ <img
950
+ class="pf-v5-c-brand"
951
+ src="/assets/images/pf-logo.svg"
952
+ alt="PatternFly logo"
953
+ style="--pf-v5-c-brand--Height:36px"
954
+ />
987
955
  </a>
988
956
  </div>
989
957
  <div class="pf-v5-c-masthead__content">
@@ -1232,20 +1200,12 @@ section: components
1232
1200
  </span>
1233
1201
  <div class="pf-v5-c-masthead__main">
1234
1202
  <a class="pf-v5-c-masthead__brand" href="#">
1235
- <picture
1236
- class="pf-v5-c-brand pf-m-picture"
1237
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
1238
- >
1239
- <source
1240
- media="(min-width: 768px)"
1241
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
1242
- />
1243
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
1244
- <img
1245
- src="/assets/images/logo__pf--reverse--base.png"
1246
- alt="Fallback patternFly default logo"
1247
- />
1248
- </picture>
1203
+ <img
1204
+ class="pf-v5-c-brand"
1205
+ src="/assets/images/pf-logo.svg"
1206
+ alt="PatternFly logo"
1207
+ style="--pf-v5-c-brand--Height:36px"
1208
+ />
1249
1209
  </a>
1250
1210
  </div>
1251
1211
  <div class="pf-v5-c-masthead__content">
@@ -1514,20 +1474,12 @@ section: components
1514
1474
  </span>
1515
1475
  <div class="pf-v5-c-masthead__main">
1516
1476
  <a class="pf-v5-c-masthead__brand" href="#">
1517
- <picture
1518
- class="pf-v5-c-brand pf-m-picture"
1519
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
1520
- >
1521
- <source
1522
- media="(min-width: 768px)"
1523
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
1524
- />
1525
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
1526
- <img
1527
- src="/assets/images/logo__pf--reverse--base.png"
1528
- alt="Fallback patternFly default logo"
1529
- />
1530
- </picture>
1477
+ <img
1478
+ class="pf-v5-c-brand"
1479
+ src="/assets/images/pf-logo.svg"
1480
+ alt="PatternFly logo"
1481
+ style="--pf-v5-c-brand--Height:36px"
1482
+ />
1531
1483
  </a>
1532
1484
  </div>
1533
1485
  <div class="pf-v5-c-masthead__content">
package/docs/demos/Masthead/examples/Masthead.md CHANGED
@@ -26,20 +26,12 @@ wrapperTag: div
26
26
  </span>
27
27
  <div class="pf-v5-c-masthead__main">
28
28
  <a class="pf-v5-c-masthead__brand" href="#">
29
- <picture
30
- class="pf-v5-c-brand pf-m-picture"
31
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
32
- >
33
- <source
34
- media="(min-width: 768px)"
35
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
36
- />
37
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
38
- <img
39
- src="/assets/images/logo__pf--reverse--base.png"
40
- alt="Fallback patternFly default logo"
41
- />
42
- </picture>
29
+ <img
30
+ class="pf-v5-c-brand"
31
+ src="/assets/images/pf-logo.svg"
32
+ alt="PatternFly logo"
33
+ style="--pf-v5-c-brand--Height:36px"
34
+ />
43
35
  </a>
44
36
  </div>
45
37
  <div class="pf-v5-c-masthead__content">
@@ -212,20 +204,12 @@ wrapperTag: div
212
204
  </span>
213
205
  <div class="pf-v5-c-masthead__main">
214
206
  <a class="pf-v5-c-masthead__brand" href="#">
215
- <picture
216
- class="pf-v5-c-brand pf-m-picture"
217
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
218
- >
219
- <source
220
- media="(min-width: 768px)"
221
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
222
- />
223
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
224
- <img
225
- src="/assets/images/logo__pf--reverse--base.png"
226
- alt="Fallback patternFly default logo"
227
- />
228
- </picture>
207
+ <img
208
+ class="pf-v5-c-brand"
209
+ src="/assets/images/pf-logo.svg"
210
+ alt="PatternFly logo"
211
+ style="--pf-v5-c-brand--Height:36px"
212
+ />
229
213
  </a>
230
214
  </div>
231
215
  <div class="pf-v5-c-masthead__content">
@@ -426,20 +410,12 @@ wrapperTag: div
426
410
  </span>
427
411
  <div class="pf-v5-c-masthead__main">
428
412
  <a class="pf-v5-c-masthead__brand" href="#">
429
- <picture
430
- class="pf-v5-c-brand pf-m-picture"
431
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
432
- >
433
- <source
434
- media="(min-width: 768px)"
435
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
436
- />
437
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
438
- <img
439
- src="/assets/images/logo__pf--reverse--base.png"
440
- alt="Fallback patternFly default logo"
441
- />
442
- </picture>
413
+ <img
414
+ class="pf-v5-c-brand"
415
+ src="/assets/images/pf-logo.svg"
416
+ alt="PatternFly logo"
417
+ style="--pf-v5-c-brand--Height:36px"
418
+ />
443
419
  </a>
444
420
  </div>
445
421
  <div class="pf-v5-c-masthead__content">
@@ -727,20 +703,12 @@ wrapperTag: div
727
703
  </span>
728
704
  <div class="pf-v5-c-masthead__main">
729
705
  <a class="pf-v5-c-masthead__brand" href="#">
730
- <picture
731
- class="pf-v5-c-brand pf-m-picture"
732
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
733
- >
734
- <source
735
- media="(min-width: 768px)"
736
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
737
- />
738
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
739
- <img
740
- src="/assets/images/logo__pf--reverse--base.png"
741
- alt="Fallback patternFly default logo"
742
- />
743
- </picture>
706
+ <img
707
+ class="pf-v5-c-brand"
708
+ src="/assets/images/pf-logo.svg"
709
+ alt="PatternFly logo"
710
+ style="--pf-v5-c-brand--Height:36px"
711
+ />
744
712
  </a>
745
713
  </div>
746
714
  <div class="pf-v5-c-masthead__content">
@@ -1028,20 +996,12 @@ wrapperTag: div
1028
996
  </span>
1029
997
  <div class="pf-v5-c-masthead__main">
1030
998
  <a class="pf-v5-c-masthead__brand" href="#">
1031
- <picture
1032
- class="pf-v5-c-brand pf-m-picture"
1033
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
1034
- >
1035
- <source
1036
- media="(min-width: 768px)"
1037
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
1038
- />
1039
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
1040
- <img
1041
- src="/assets/images/logo__pf--reverse--base.png"
1042
- alt="Fallback patternFly default logo"
1043
- />
1044
- </picture>
999
+ <img
1000
+ class="pf-v5-c-brand"
1001
+ src="/assets/images/pf-logo.svg"
1002
+ alt="PatternFly logo"
1003
+ style="--pf-v5-c-brand--Height:36px"
1004
+ />
1045
1005
  </a>
1046
1006
  </div>
1047
1007
  <div class="pf-v5-c-masthead__content">
@@ -1217,20 +1177,12 @@ wrapperTag: div
1217
1177
  </span>
1218
1178
  <div class="pf-v5-c-masthead__main">
1219
1179
  <a class="pf-v5-c-masthead__brand" href="#">
1220
- <picture
1221
- class="pf-v5-c-brand pf-m-picture"
1222
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
1223
- >
1224
- <source
1225
- media="(min-width: 768px)"
1226
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
1227
- />
1228
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
1229
- <img
1230
- src="/assets/images/logo__pf--reverse--base.png"
1231
- alt="Fallback patternFly default logo"
1232
- />
1233
- </picture>
1180
+ <img
1181
+ class="pf-v5-c-brand"
1182
+ src="/assets/images/pf-logo.svg"
1183
+ alt="PatternFly logo"
1184
+ style="--pf-v5-c-brand--Height:36px"
1185
+ />
1234
1186
  </a>
1235
1187
  </div>
1236
1188
  <div class="pf-v5-c-masthead__content">
@@ -1424,20 +1376,12 @@ wrapperTag: div
1424
1376
  </span>
1425
1377
  <div class="pf-v5-c-masthead__main">
1426
1378
  <a class="pf-v5-c-masthead__brand" href="#">
1427
- <picture
1428
- class="pf-v5-c-brand pf-m-picture"
1429
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
1430
- >
1431
- <source
1432
- media="(min-width: 768px)"
1433
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
1434
- />
1435
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
1436
- <img
1437
- src="/assets/images/logo__pf--reverse--base.png"
1438
- alt="Fallback patternFly default logo"
1439
- />
1440
- </picture>
1379
+ <img
1380
+ class="pf-v5-c-brand"
1381
+ src="/assets/images/pf-logo.svg"
1382
+ alt="PatternFly logo"
1383
+ style="--pf-v5-c-brand--Height:36px"
1384
+ />
1441
1385
  </a>
1442
1386
  </div>
1443
1387
  <div class="pf-v5-c-masthead__content">
@@ -1655,20 +1599,12 @@ wrapperTag: div
1655
1599
  <header class="pf-v5-c-masthead" id="masthead-horizontal-nav-masthead">
1656
1600
  <div class="pf-v5-c-masthead__main">
1657
1601
  <a class="pf-v5-c-masthead__brand" href="#">
1658
- <picture
1659
- class="pf-v5-c-brand pf-m-picture"
1660
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
1661
- >
1662
- <source
1663
- media="(min-width: 768px)"
1664
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
1665
- />
1666
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
1667
- <img
1668
- src="/assets/images/logo__pf--reverse--base.png"
1669
- alt="Fallback patternFly default logo"
1670
- />
1671
- </picture>
1602
+ <img
1603
+ class="pf-v5-c-brand"
1604
+ src="/assets/images/pf-logo.svg"
1605
+ alt="PatternFly logo"
1606
+ style="--pf-v5-c-brand--Height:36px"
1607
+ />
1672
1608
  </a>
1673
1609
  </div>
1674
1610
  <div class="pf-v5-c-masthead__content">
@@ -1917,20 +1853,12 @@ wrapperTag: div
1917
1853
  </span>
1918
1854
  <div class="pf-v5-c-masthead__main">
1919
1855
  <a class="pf-v5-c-masthead__brand" href="#">
1920
- <picture
1921
- class="pf-v5-c-brand pf-m-picture"
1922
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
1923
- >
1924
- <source
1925
- media="(min-width: 768px)"
1926
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
1927
- />
1928
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
1929
- <img
1930
- src="/assets/images/logo__pf--reverse--base.png"
1931
- alt="Fallback patternFly default logo"
1932
- />
1933
- </picture>
1856
+ <img
1857
+ class="pf-v5-c-brand"
1858
+ src="/assets/images/pf-logo.svg"
1859
+ alt="PatternFly logo"
1860
+ style="--pf-v5-c-brand--Height:36px"
1861
+ />
1934
1862
  </a>
1935
1863
  </div>
1936
1864
  <div class="pf-v5-c-masthead__content">