@patternfly/patternfly 5.0.0-prerelease.12 → 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 (62) 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/CalendarMonth/examples/CalendarMonth.md +8 -8
  15. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +12 -12
  16. package/docs/components/DatePicker/examples/DatePicker.md +16 -16
  17. package/docs/components/FileUpload/examples/FileUpload.md +28 -28
  18. package/docs/components/Form/examples/Form.md +56 -56
  19. package/docs/components/FormControl/examples/FormControl.md +134 -134
  20. package/docs/components/InlineEdit/examples/InlineEdit.md +26 -26
  21. package/docs/components/InputGroup/examples/InputGroup.md +24 -24
  22. package/docs/components/Login/examples/Login.md +28 -28
  23. package/docs/components/NumberInput/examples/NumberInput.md +28 -28
  24. package/docs/components/Pagination/examples/Pagination.md +22 -22
  25. package/docs/components/Select/deprecated/Select.md +18 -18
  26. package/docs/components/Slider/examples/Slider.md +14 -14
  27. package/docs/components/TextInputGroup/examples/TextInputGroup.md +16 -16
  28. package/docs/components/Toolbar/examples/Toolbar.md +5 -6
  29. package/docs/components/Wizard/examples/Wizard.md +70 -70
  30. package/docs/demos/AboutModal/examples/AboutModal.md +6 -14
  31. package/docs/demos/Alert/examples/Alert.md +48 -72
  32. package/docs/demos/BackToTop/examples/BackToTop.md +6 -14
  33. package/docs/demos/Banner/examples/Banner.md +12 -28
  34. package/docs/demos/Button/examples/Button.md +12 -12
  35. package/docs/demos/CardView/examples/CardView.md +8 -16
  36. package/docs/demos/ContextSelector/examples/ContextSelector.md +24 -56
  37. package/docs/demos/Dashboard/examples/Dashboard.md +6 -14
  38. package/docs/demos/DataList/examples/DataList.md +32 -64
  39. package/docs/demos/DescriptionList/examples/DescriptionList.md +18 -42
  40. package/docs/demos/Drawer/examples/Drawer.md +30 -70
  41. package/docs/demos/Form/examples/BasicForms.md +54 -54
  42. package/docs/demos/HelperText/examples/HelperText.md +20 -20
  43. package/docs/demos/JumpLinks/examples/JumpLinks.md +36 -84
  44. package/docs/demos/Masthead/examples/Masthead.md +54 -126
  45. package/docs/demos/Modal/examples/Modal.md +42 -90
  46. package/docs/demos/Nav/examples/Nav.md +48 -112
  47. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +30 -70
  48. package/docs/demos/Page/examples/Page.md +54 -126
  49. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +2 -2
  50. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +8 -8
  51. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +42 -98
  52. package/docs/demos/Skeleton/examples/Skeleton.md +6 -14
  53. package/docs/demos/Table/examples/Table.md +112 -232
  54. package/docs/demos/Tabs/examples/Tabs.md +36 -84
  55. package/docs/demos/Toolbar/examples/Toolbar.md +22 -38
  56. package/docs/demos/Wizard/examples/Wizard.md +166 -238
  57. package/package.json +1 -1
  58. package/patternfly-no-globals.css +59 -39
  59. package/patternfly-theme-dark-unversioned.css +59 -39
  60. package/patternfly.css +59 -39
  61. package/patternfly.min.css +1 -1
  62. package/patternfly.min.css.map +1 -1
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">
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">
@@ -1680,9 +1632,9 @@ section: components
1680
1632
  ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
1681
1633
  </div>
1682
1634
  <div class="pf-v5-c-form__group-control">
1683
- <div class="pf-v5-c-form-control pf-m-required">
1635
+ <span class="pf-v5-c-form-control pf-m-required">
1684
1636
  <input required type="text" id="-form-name" name="-form-name" />
1685
- </div>
1637
+ </span>
1686
1638
  </div>
1687
1639
  </div>
1688
1640
  <div class="pf-v5-c-form__group">
@@ -1700,9 +1652,9 @@ section: components
1700
1652
  ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
1701
1653
  </div>
1702
1654
  <div class="pf-v5-c-form__group-control">
1703
- <div class="pf-v5-c-form-control pf-m-required">
1655
+ <span class="pf-v5-c-form-control pf-m-required">
1704
1656
  <input required type="text" id="-form-email" name="-form-email" />
1705
- </div>
1657
+ </span>
1706
1658
  </div>
1707
1659
  </div>
1708
1660
  <div class="pf-v5-c-form__group">
@@ -1720,14 +1672,14 @@ section: components
1720
1672
  ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
1721
1673
  </div>
1722
1674
  <div class="pf-v5-c-form__group-control">
1723
- <div class="pf-v5-c-form-control pf-m-required">
1675
+ <span class="pf-v5-c-form-control pf-m-required">
1724
1676
  <input
1725
1677
  required
1726
1678
  type="text"
1727
1679
  id="-form-address"
1728
1680
  name="-form-address"
1729
1681
  />
1730
- </div>
1682
+ </span>
1731
1683
  </div>
1732
1684
  </div>
1733
1685
  </form>