@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/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">
package/docs/demos/Page/examples/Page.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">
@@ -269,20 +261,12 @@ wrapperTag: div
269
261
  </span>
270
262
  <div class="pf-v5-c-masthead__main">
271
263
  <a class="pf-v5-c-masthead__brand" href="#">
272
- <picture
273
- class="pf-v5-c-brand pf-m-picture"
274
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
275
- >
276
- <source
277
- media="(min-width: 768px)"
278
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
279
- />
280
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
281
- <img
282
- src="/assets/images/logo__pf--reverse--base.png"
283
- alt="Fallback patternFly default logo"
284
- />
285
- </picture>
264
+ <img
265
+ class="pf-v5-c-brand"
266
+ src="/assets/images/pf-logo.svg"
267
+ alt="PatternFly logo"
268
+ style="--pf-v5-c-brand--Height:36px"
269
+ />
286
270
  </a>
287
271
  </div>
288
272
  <div class="pf-v5-c-masthead__content">
@@ -527,20 +511,12 @@ wrapperTag: div
527
511
  </span>
528
512
  <div class="pf-v5-c-masthead__main">
529
513
  <a class="pf-v5-c-masthead__brand" href="#">
530
- <picture
531
- class="pf-v5-c-brand pf-m-picture"
532
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
533
- >
534
- <source
535
- media="(min-width: 768px)"
536
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
537
- />
538
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
539
- <img
540
- src="/assets/images/logo__pf--reverse--base.png"
541
- alt="Fallback patternFly default logo"
542
- />
543
- </picture>
514
+ <img
515
+ class="pf-v5-c-brand"
516
+ src="/assets/images/pf-logo.svg"
517
+ alt="PatternFly logo"
518
+ style="--pf-v5-c-brand--Height:36px"
519
+ />
544
520
  </a>
545
521
  </div>
546
522
  <div class="pf-v5-c-masthead__content">
@@ -930,20 +906,12 @@ wrapperTag: div
930
906
  </span>
931
907
  <div class="pf-v5-c-masthead__main">
932
908
  <a class="pf-v5-c-masthead__brand" href="#">
933
- <picture
934
- class="pf-v5-c-brand pf-m-picture"
935
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
936
- >
937
- <source
938
- media="(min-width: 768px)"
939
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
940
- />
941
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
942
- <img
943
- src="/assets/images/logo__pf--reverse--base.png"
944
- alt="Fallback patternFly default logo"
945
- />
946
- </picture>
909
+ <img
910
+ class="pf-v5-c-brand"
911
+ src="/assets/images/pf-logo.svg"
912
+ alt="PatternFly logo"
913
+ style="--pf-v5-c-brand--Height:36px"
914
+ />
947
915
  </a>
948
916
  </div>
949
917
  <div class="pf-v5-c-masthead__content">
@@ -1295,20 +1263,12 @@ wrapperTag: div
1295
1263
  </span>
1296
1264
  <div class="pf-v5-c-masthead__main">
1297
1265
  <a class="pf-v5-c-masthead__brand" href="#">
1298
- <picture
1299
- class="pf-v5-c-brand pf-m-picture"
1300
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
1301
- >
1302
- <source
1303
- media="(min-width: 768px)"
1304
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
1305
- />
1306
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
1307
- <img
1308
- src="/assets/images/logo__pf--reverse--base.png"
1309
- alt="Fallback patternFly default logo"
1310
- />
1311
- </picture>
1266
+ <img
1267
+ class="pf-v5-c-brand"
1268
+ src="/assets/images/pf-logo.svg"
1269
+ alt="PatternFly logo"
1270
+ style="--pf-v5-c-brand--Height:36px"
1271
+ />
1312
1272
  </a>
1313
1273
  </div>
1314
1274
  <div class="pf-v5-c-masthead__content">
@@ -1660,20 +1620,12 @@ wrapperTag: div
1660
1620
  </span>
1661
1621
  <div class="pf-v5-c-masthead__main">
1662
1622
  <a class="pf-v5-c-masthead__brand" href="#">
1663
- <picture
1664
- class="pf-v5-c-brand pf-m-picture"
1665
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
1666
- >
1667
- <source
1668
- media="(min-width: 768px)"
1669
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
1670
- />
1671
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
1672
- <img
1673
- src="/assets/images/logo__pf--reverse--base.png"
1674
- alt="Fallback patternFly default logo"
1675
- />
1676
- </picture>
1623
+ <img
1624
+ class="pf-v5-c-brand"
1625
+ src="/assets/images/pf-logo.svg"
1626
+ alt="PatternFly logo"
1627
+ style="--pf-v5-c-brand--Height:36px"
1628
+ />
1677
1629
  </a>
1678
1630
  </div>
1679
1631
  <div class="pf-v5-c-masthead__content">
@@ -2025,20 +1977,12 @@ wrapperTag: div
2025
1977
  </span>
2026
1978
  <div class="pf-v5-c-masthead__main">
2027
1979
  <a class="pf-v5-c-masthead__brand" href="#">
2028
- <picture
2029
- class="pf-v5-c-brand pf-m-picture"
2030
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
2031
- >
2032
- <source
2033
- media="(min-width: 768px)"
2034
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
2035
- />
2036
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
2037
- <img
2038
- src="/assets/images/logo__pf--reverse--base.png"
2039
- alt="Fallback patternFly default logo"
2040
- />
2041
- </picture>
1980
+ <img
1981
+ class="pf-v5-c-brand"
1982
+ src="/assets/images/pf-logo.svg"
1983
+ alt="PatternFly logo"
1984
+ style="--pf-v5-c-brand--Height:36px"
1985
+ />
2042
1986
  </a>
2043
1987
  </div>
2044
1988
  <div class="pf-v5-c-masthead__content">
@@ -2392,20 +2336,12 @@ wrapperTag: div
2392
2336
  </span>
2393
2337
  <div class="pf-v5-c-masthead__main">
2394
2338
  <a class="pf-v5-c-masthead__brand" href="#">
2395
- <picture
2396
- class="pf-v5-c-brand pf-m-picture"
2397
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
2398
- >
2399
- <source
2400
- media="(min-width: 768px)"
2401
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
2402
- />
2403
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
2404
- <img
2405
- src="/assets/images/logo__pf--reverse--base.png"
2406
- alt="Fallback patternFly default logo"
2407
- />
2408
- </picture>
2339
+ <img
2340
+ class="pf-v5-c-brand"
2341
+ src="/assets/images/pf-logo.svg"
2342
+ alt="PatternFly logo"
2343
+ style="--pf-v5-c-brand--Height:36px"
2344
+ />
2409
2345
  </a>
2410
2346
  </div>
2411
2347
  <div class="pf-v5-c-masthead__content">
@@ -2764,20 +2700,12 @@ wrapperTag: div
2764
2700
  </span>
2765
2701
  <div class="pf-v5-c-masthead__main">
2766
2702
  <a class="pf-v5-c-masthead__brand" href="#">
2767
- <picture
2768
- class="pf-v5-c-brand pf-m-picture"
2769
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
2770
- >
2771
- <source
2772
- media="(min-width: 768px)"
2773
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
2774
- />
2775
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
2776
- <img
2777
- src="/assets/images/logo__pf--reverse--base.png"
2778
- alt="Fallback patternFly default logo"
2779
- />
2780
- </picture>
2703
+ <img
2704
+ class="pf-v5-c-brand"
2705
+ src="/assets/images/pf-logo.svg"
2706
+ alt="PatternFly logo"
2707
+ style="--pf-v5-c-brand--Height:36px"
2708
+ />
2781
2709
  </a>
2782
2710
  </div>
2783
2711
  <div class="pf-v5-c-masthead__content">
package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md CHANGED
@@ -27,7 +27,7 @@ section: components
27
27
  <div class="pf-v5-c-form__group-control">
28
28
  <div class="pf-v5-c-input-group">
29
29
  <div class="pf-v5-c-input-group__item pf-m-fill">
30
- <div class="pf-v5-c-form-control pf-m-required">
30
+ <span class="pf-v5-c-form-control pf-m-required">
31
31
  <input
32
32
  required
33
33
  type="password"
@@ -37,7 +37,7 @@ section: components
37
37
  value
38
38
  placeholder="Password"
39
39
  />
40
- </div>
40
+ </span>
41
41
  </div>
42
42
  <div class="pf-v5-c-input-group__item">
43
43
  <button