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

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 +19 -10
  13. package/components/Toolbar/toolbar.scss +24 -11
  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 +61 -39
  39. package/patternfly-theme-dark-unversioned.css +61 -39
  40. package/patternfly.css +61 -39
  41. package/patternfly.min.css +1 -1
  42. package/patternfly.min.css.map +1 -1
package/docs/demos/Modal/examples/Modal.md CHANGED
@@ -25,20 +25,12 @@ section: components
25
25
  </span>
26
26
  <div class="pf-v5-c-masthead__main">
27
27
  <a class="pf-v5-c-masthead__brand" href="#">
28
- <picture
29
- class="pf-v5-c-brand pf-m-picture"
30
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
31
- >
32
- <source
33
- media="(min-width: 768px)"
34
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
35
- />
36
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
37
- <img
38
- src="/assets/images/logo__pf--reverse--base.png"
39
- alt="Fallback patternFly default logo"
40
- />
41
- </picture>
28
+ <img
29
+ class="pf-v5-c-brand"
30
+ src="/assets/images/pf-logo.svg"
31
+ alt="PatternFly logo"
32
+ style="--pf-v5-c-brand--Height:36px"
33
+ />
42
34
  </a>
43
35
  </div>
44
36
  <div class="pf-v5-c-masthead__content">
@@ -306,20 +298,12 @@ section: components
306
298
  </span>
307
299
  <div class="pf-v5-c-masthead__main">
308
300
  <a class="pf-v5-c-masthead__brand" href="#">
309
- <picture
310
- class="pf-v5-c-brand pf-m-picture"
311
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
312
- >
313
- <source
314
- media="(min-width: 768px)"
315
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
316
- />
317
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
318
- <img
319
- src="/assets/images/logo__pf--reverse--base.png"
320
- alt="Fallback patternFly default logo"
321
- />
322
- </picture>
301
+ <img
302
+ class="pf-v5-c-brand"
303
+ src="/assets/images/pf-logo.svg"
304
+ alt="PatternFly logo"
305
+ style="--pf-v5-c-brand--Height:36px"
306
+ />
323
307
  </a>
324
308
  </div>
325
309
  <div class="pf-v5-c-masthead__content">
@@ -593,20 +577,12 @@ section: components
593
577
  </span>
594
578
  <div class="pf-v5-c-masthead__main">
595
579
  <a class="pf-v5-c-masthead__brand" href="#">
596
- <picture
597
- class="pf-v5-c-brand pf-m-picture"
598
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
599
- >
600
- <source
601
- media="(min-width: 768px)"
602
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
603
- />
604
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
605
- <img
606
- src="/assets/images/logo__pf--reverse--base.png"
607
- alt="Fallback patternFly default logo"
608
- />
609
- </picture>
580
+ <img
581
+ class="pf-v5-c-brand"
582
+ src="/assets/images/pf-logo.svg"
583
+ alt="PatternFly logo"
584
+ style="--pf-v5-c-brand--Height:36px"
585
+ />
610
586
  </a>
611
587
  </div>
612
588
  <div class="pf-v5-c-masthead__content">
@@ -870,20 +846,12 @@ section: components
870
846
  </span>
871
847
  <div class="pf-v5-c-masthead__main">
872
848
  <a class="pf-v5-c-masthead__brand" href="#">
873
- <picture
874
- class="pf-v5-c-brand pf-m-picture"
875
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
876
- >
877
- <source
878
- media="(min-width: 768px)"
879
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
880
- />
881
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
882
- <img
883
- src="/assets/images/logo__pf--reverse--base.png"
884
- alt="Fallback patternFly default logo"
885
- />
886
- </picture>
849
+ <img
850
+ class="pf-v5-c-brand"
851
+ src="/assets/images/pf-logo.svg"
852
+ alt="PatternFly logo"
853
+ style="--pf-v5-c-brand--Height:36px"
854
+ />
887
855
  </a>
888
856
  </div>
889
857
  <div class="pf-v5-c-masthead__content">
@@ -1147,20 +1115,12 @@ section: components
1147
1115
  </span>
1148
1116
  <div class="pf-v5-c-masthead__main">
1149
1117
  <a class="pf-v5-c-masthead__brand" href="#">
1150
- <picture
1151
- class="pf-v5-c-brand pf-m-picture"
1152
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
1153
- >
1154
- <source
1155
- media="(min-width: 768px)"
1156
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
1157
- />
1158
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
1159
- <img
1160
- src="/assets/images/logo__pf--reverse--base.png"
1161
- alt="Fallback patternFly default logo"
1162
- />
1163
- </picture>
1118
+ <img
1119
+ class="pf-v5-c-brand"
1120
+ src="/assets/images/pf-logo.svg"
1121
+ alt="PatternFly logo"
1122
+ style="--pf-v5-c-brand--Height:36px"
1123
+ />
1164
1124
  </a>
1165
1125
  </div>
1166
1126
  <div class="pf-v5-c-masthead__content">
@@ -1424,20 +1384,12 @@ section: components
1424
1384
  </span>
1425
1385
  <div class="pf-v5-c-masthead__main">
1426
1386
  <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>
1387
+ <img
1388
+ class="pf-v5-c-brand"
1389
+ src="/assets/images/pf-logo.svg"
1390
+ alt="PatternFly logo"
1391
+ style="--pf-v5-c-brand--Height:36px"
1392
+ />
1441
1393
  </a>
1442
1394
  </div>
1443
1395
  <div class="pf-v5-c-masthead__content">
package/docs/demos/Nav/examples/Nav.md CHANGED
@@ -25,20 +25,12 @@ section: components
25
25
  </span>
26
26
  <div class="pf-v5-c-masthead__main">
27
27
  <a class="pf-v5-c-masthead__brand" href="#">
28
- <picture
29
- class="pf-v5-c-brand pf-m-picture"
30
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
31
- >
32
- <source
33
- media="(min-width: 768px)"
34
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
35
- />
36
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
37
- <img
38
- src="/assets/images/logo__pf--reverse--base.png"
39
- alt="Fallback patternFly default logo"
40
- />
41
- </picture>
28
+ <img
29
+ class="pf-v5-c-brand"
30
+ src="/assets/images/pf-logo.svg"
31
+ alt="PatternFly logo"
32
+ style="--pf-v5-c-brand--Height:36px"
33
+ />
42
34
  </a>
43
35
  </div>
44
36
  <div class="pf-v5-c-masthead__content">
@@ -265,20 +257,12 @@ section: components
265
257
  </span>
266
258
  <div class="pf-v5-c-masthead__main">
267
259
  <a class="pf-v5-c-masthead__brand" href="#">
268
- <picture
269
- class="pf-v5-c-brand pf-m-picture"
270
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
271
- >
272
- <source
273
- media="(min-width: 768px)"
274
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
275
- />
276
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
277
- <img
278
- src="/assets/images/logo__pf--reverse--base.png"
279
- alt="Fallback patternFly default logo"
280
- />
281
- </picture>
260
+ <img
261
+ class="pf-v5-c-brand"
262
+ src="/assets/images/pf-logo.svg"
263
+ alt="PatternFly logo"
264
+ style="--pf-v5-c-brand--Height:36px"
265
+ />
282
266
  </a>
283
267
  </div>
284
268
  <div class="pf-v5-c-masthead__content">
@@ -528,20 +512,12 @@ section: components
528
512
  </span>
529
513
  <div class="pf-v5-c-masthead__main">
530
514
  <a class="pf-v5-c-masthead__brand" href="#">
531
- <picture
532
- class="pf-v5-c-brand pf-m-picture"
533
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
534
- >
535
- <source
536
- media="(min-width: 768px)"
537
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
538
- />
539
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
540
- <img
541
- src="/assets/images/logo__pf--reverse--base.png"
542
- alt="Fallback patternFly default logo"
543
- />
544
- </picture>
515
+ <img
516
+ class="pf-v5-c-brand"
517
+ src="/assets/images/pf-logo.svg"
518
+ alt="PatternFly logo"
519
+ style="--pf-v5-c-brand--Height:36px"
520
+ />
545
521
  </a>
546
522
  </div>
547
523
  <div class="pf-v5-c-masthead__content">
@@ -843,20 +819,12 @@ section: components
843
819
  <header class="pf-v5-c-masthead" id="nav-horizontal-example-masthead">
844
820
  <div class="pf-v5-c-masthead__main">
845
821
  <a class="pf-v5-c-masthead__brand" href="#">
846
- <picture
847
- class="pf-v5-c-brand pf-m-picture"
848
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
849
- >
850
- <source
851
- media="(min-width: 768px)"
852
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
853
- />
854
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
855
- <img
856
- src="/assets/images/logo__pf--reverse--base.png"
857
- alt="Fallback patternFly default logo"
858
- />
859
- </picture>
822
+ <img
823
+ class="pf-v5-c-brand"
824
+ src="/assets/images/pf-logo.svg"
825
+ alt="PatternFly logo"
826
+ style="--pf-v5-c-brand--Height:36px"
827
+ />
860
828
  </a>
861
829
  </div>
862
830
  <div class="pf-v5-c-masthead__content">
@@ -1097,20 +1065,12 @@ section: components
1097
1065
  </span>
1098
1066
  <div class="pf-v5-c-masthead__main">
1099
1067
  <a class="pf-v5-c-masthead__brand" href="#">
1100
- <picture
1101
- class="pf-v5-c-brand pf-m-picture"
1102
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
1103
- >
1104
- <source
1105
- media="(min-width: 768px)"
1106
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
1107
- />
1108
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
1109
- <img
1110
- src="/assets/images/logo__pf--reverse--base.png"
1111
- alt="Fallback patternFly default logo"
1112
- />
1113
- </picture>
1068
+ <img
1069
+ class="pf-v5-c-brand"
1070
+ src="/assets/images/pf-logo.svg"
1071
+ alt="PatternFly logo"
1072
+ style="--pf-v5-c-brand--Height:36px"
1073
+ />
1114
1074
  </a>
1115
1075
  </div>
1116
1076
  <div class="pf-v5-c-masthead__content">
@@ -1424,20 +1384,12 @@ section: components
1424
1384
  </span>
1425
1385
  <div class="pf-v5-c-masthead__main">
1426
1386
  <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>
1387
+ <img
1388
+ class="pf-v5-c-brand"
1389
+ src="/assets/images/pf-logo.svg"
1390
+ alt="PatternFly logo"
1391
+ style="--pf-v5-c-brand--Height:36px"
1392
+ />
1441
1393
  </a>
1442
1394
  </div>
1443
1395
  <div class="pf-v5-c-masthead__content">
@@ -1718,20 +1670,12 @@ section: components
1718
1670
  </span>
1719
1671
  <div class="pf-v5-c-masthead__main">
1720
1672
  <a class="pf-v5-c-masthead__brand" href="#">
1721
- <picture
1722
- class="pf-v5-c-brand pf-m-picture"
1723
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
1724
- >
1725
- <source
1726
- media="(min-width: 768px)"
1727
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
1728
- />
1729
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
1730
- <img
1731
- src="/assets/images/logo__pf--reverse--base.png"
1732
- alt="Fallback patternFly default logo"
1733
- />
1734
- </picture>
1673
+ <img
1674
+ class="pf-v5-c-brand"
1675
+ src="/assets/images/pf-logo.svg"
1676
+ alt="PatternFly logo"
1677
+ style="--pf-v5-c-brand--Height:36px"
1678
+ />
1735
1679
  </a>
1736
1680
  </div>
1737
1681
  <div class="pf-v5-c-masthead__content">
@@ -2082,20 +2026,12 @@ section: components
2082
2026
  </span>
2083
2027
  <div class="pf-v5-c-masthead__main">
2084
2028
  <a class="pf-v5-c-masthead__brand" href="#">
2085
- <picture
2086
- class="pf-v5-c-brand pf-m-picture"
2087
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
2088
- >
2089
- <source
2090
- media="(min-width: 768px)"
2091
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
2092
- />
2093
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
2094
- <img
2095
- src="/assets/images/logo__pf--reverse--base.png"
2096
- alt="Fallback patternFly default logo"
2097
- />
2098
- </picture>
2029
+ <img
2030
+ class="pf-v5-c-brand"
2031
+ src="/assets/images/pf-logo.svg"
2032
+ alt="PatternFly logo"
2033
+ style="--pf-v5-c-brand--Height:36px"
2034
+ />
2099
2035
  </a>
2100
2036
  </div>
2101
2037
  <div class="pf-v5-c-masthead__content">
package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md CHANGED
@@ -25,20 +25,12 @@ section: components
25
25
  </span>
26
26
  <div class="pf-v5-c-masthead__main">
27
27
  <a class="pf-v5-c-masthead__brand" href="#">
28
- <picture
29
- class="pf-v5-c-brand pf-m-picture"
30
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
31
- >
32
- <source
33
- media="(min-width: 768px)"
34
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
35
- />
36
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
37
- <img
38
- src="/assets/images/logo__pf--reverse--base.png"
39
- alt="Fallback patternFly default logo"
40
- />
41
- </picture>
28
+ <img
29
+ class="pf-v5-c-brand"
30
+ src="/assets/images/pf-logo.svg"
31
+ alt="PatternFly logo"
32
+ style="--pf-v5-c-brand--Height:36px"
33
+ />
42
34
  </a>
43
35
  </div>
44
36
  <div class="pf-v5-c-masthead__content">
@@ -884,20 +876,12 @@ section: components
884
876
  </span>
885
877
  <div class="pf-v5-c-masthead__main">
886
878
  <a class="pf-v5-c-masthead__brand" href="#">
887
- <picture
888
- class="pf-v5-c-brand pf-m-picture"
889
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
890
- >
891
- <source
892
- media="(min-width: 768px)"
893
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
894
- />
895
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
896
- <img
897
- src="/assets/images/logo__pf--reverse--base.png"
898
- alt="Fallback patternFly default logo"
899
- />
900
- </picture>
879
+ <img
880
+ class="pf-v5-c-brand"
881
+ src="/assets/images/pf-logo.svg"
882
+ alt="PatternFly logo"
883
+ style="--pf-v5-c-brand--Height:36px"
884
+ />
901
885
  </a>
902
886
  </div>
903
887
  <div class="pf-v5-c-masthead__content">
@@ -1746,20 +1730,12 @@ section: components
1746
1730
  </span>
1747
1731
  <div class="pf-v5-c-masthead__main">
1748
1732
  <a class="pf-v5-c-masthead__brand" href="#">
1749
- <picture
1750
- class="pf-v5-c-brand pf-m-picture"
1751
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
1752
- >
1753
- <source
1754
- media="(min-width: 768px)"
1755
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
1756
- />
1757
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
1758
- <img
1759
- src="/assets/images/logo__pf--reverse--base.png"
1760
- alt="Fallback patternFly default logo"
1761
- />
1762
- </picture>
1733
+ <img
1734
+ class="pf-v5-c-brand"
1735
+ src="/assets/images/pf-logo.svg"
1736
+ alt="PatternFly logo"
1737
+ style="--pf-v5-c-brand--Height:36px"
1738
+ />
1763
1739
  </a>
1764
1740
  </div>
1765
1741
  <div class="pf-v5-c-masthead__content">
@@ -2611,20 +2587,12 @@ section: components
2611
2587
  </span>
2612
2588
  <div class="pf-v5-c-masthead__main">
2613
2589
  <a class="pf-v5-c-masthead__brand" href="#">
2614
- <picture
2615
- class="pf-v5-c-brand pf-m-picture"
2616
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
2617
- >
2618
- <source
2619
- media="(min-width: 768px)"
2620
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
2621
- />
2622
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
2623
- <img
2624
- src="/assets/images/logo__pf--reverse--base.png"
2625
- alt="Fallback patternFly default logo"
2626
- />
2627
- </picture>
2590
+ <img
2591
+ class="pf-v5-c-brand"
2592
+ src="/assets/images/pf-logo.svg"
2593
+ alt="PatternFly logo"
2594
+ style="--pf-v5-c-brand--Height:36px"
2595
+ />
2628
2596
  </a>
2629
2597
  </div>
2630
2598
  <div class="pf-v5-c-masthead__content">
@@ -3475,20 +3443,12 @@ section: components
3475
3443
  </span>
3476
3444
  <div class="pf-v5-c-masthead__main">
3477
3445
  <a class="pf-v5-c-masthead__brand" href="#">
3478
- <picture
3479
- class="pf-v5-c-brand pf-m-picture"
3480
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
3481
- >
3482
- <source
3483
- media="(min-width: 768px)"
3484
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
3485
- />
3486
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
3487
- <img
3488
- src="/assets/images/logo__pf--reverse--base.png"
3489
- alt="Fallback patternFly default logo"
3490
- />
3491
- </picture>
3446
+ <img
3447
+ class="pf-v5-c-brand"
3448
+ src="/assets/images/pf-logo.svg"
3449
+ alt="PatternFly logo"
3450
+ style="--pf-v5-c-brand--Height:36px"
3451
+ />
3492
3452
  </a>
3493
3453
  </div>
3494
3454
  <div class="pf-v5-c-masthead__content">