@patternfly/patternfly 5.2.0-prerelease.3 → 6.0.0-alpha.10

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 (97) hide show
  1. package/CODE_OF_CONDUCT.md +2 -1
  2. package/assets/images/logo__pf--reverse-on-md.svg +1 -1
  3. package/assets/images/pf-c-brand__logo-on-sm.svg +1 -1
  4. package/base/_globals.scss +13 -13
  5. package/base/_variables.scss +5 -0
  6. package/base/patternfly-globals.css +12 -13
  7. package/base/patternfly-variables.css +860 -0
  8. package/base/tokens/_tokens-dark.scss +331 -0
  9. package/base/tokens/_tokens-default.scss +379 -0
  10. package/base/tokens/_tokens-font.scss +96 -0
  11. package/base/tokens/_tokens-palette.scss +75 -0
  12. package/components/Alert/alert-group.css +20 -16
  13. package/components/Alert/alert-group.scss +20 -16
  14. package/components/Alert/alert.css +57 -84
  15. package/components/Alert/alert.scss +60 -78
  16. package/components/Button/button.css +142 -179
  17. package/components/Button/button.scss +161 -141
  18. package/components/Check/check.css +8 -10
  19. package/components/Check/check.scss +10 -15
  20. package/components/Content/content.css +67 -67
  21. package/components/Content/content.scss +68 -68
  22. package/components/Dropdown/dropdown.css +3 -1
  23. package/components/Dropdown/dropdown.scss +6 -2
  24. package/components/Masthead/masthead.css +49 -103
  25. package/components/Masthead/masthead.scss +105 -132
  26. package/components/Menu/menu.css +0 -3
  27. package/components/Menu/menu.scss +3 -7
  28. package/components/MenuToggle/menu-toggle.css +59 -80
  29. package/components/MenuToggle/menu-toggle.scss +65 -89
  30. package/components/Nav/nav.css +42 -40
  31. package/components/Nav/nav.scss +42 -42
  32. package/components/NotificationBadge/notification-badge.css +56 -81
  33. package/components/NotificationBadge/notification-badge.scss +60 -97
  34. package/components/Page/page.css +80 -70
  35. package/components/Page/page.scss +80 -68
  36. package/components/Radio/radio.css +10 -13
  37. package/components/Radio/radio.scss +11 -17
  38. package/components/Switch/switch.css +1 -1
  39. package/components/Switch/switch.scss +1 -1
  40. package/components/Table/table-grid.css +8 -8
  41. package/components/Table/table-grid.scss +8 -8
  42. package/components/Table/table.css +92 -95
  43. package/components/Table/table.scss +94 -103
  44. package/components/Toolbar/toolbar.css +5 -11
  45. package/components/Toolbar/toolbar.scss +7 -19
  46. package/docs/components/Alert/examples/Alert.md +1 -1
  47. package/docs/components/Brand/examples/Brand.md +32 -75
  48. package/docs/components/Card/examples/Card.md +2 -110
  49. package/docs/components/Masthead/examples/masthead.md +7 -54
  50. package/docs/components/MenuToggle/examples/MenuToggle.md +42 -42
  51. package/docs/components/Nav/examples/Navigation.css +2 -1
  52. package/docs/components/NotificationBadge/examples/NotificationBadge.md +5 -7
  53. package/docs/components/Toolbar/examples/Toolbar.md +9 -11
  54. package/docs/demos/AboutModal/examples/AboutModal.md +83 -8
  55. package/docs/demos/Alert/examples/Alert.md +249 -24
  56. package/docs/demos/BackToTop/examples/BackToTop.md +83 -8
  57. package/docs/demos/Banner/examples/Banner.md +168 -16
  58. package/docs/demos/CardView/examples/CardView.md +83 -8
  59. package/docs/demos/ContextSelector/examples/ContextSelector.md +332 -32
  60. package/docs/demos/Dashboard/examples/Dashboard.md +83 -8
  61. package/docs/demos/DataList/examples/DataList.md +332 -32
  62. package/docs/demos/DescriptionList/examples/DescriptionList.md +249 -24
  63. package/docs/demos/Drawer/examples/Drawer.md +415 -40
  64. package/docs/demos/JumpLinks/examples/JumpLinks.md +498 -48
  65. package/docs/demos/Masthead/examples/Masthead.md +742 -67
  66. package/docs/demos/Modal/examples/Modal.md +498 -48
  67. package/docs/demos/Nav/examples/Nav.md +664 -64
  68. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +415 -40
  69. package/docs/demos/Page/examples/Page.md +747 -72
  70. package/docs/demos/Page/examples/Penta.md +746 -0
  71. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +581 -56
  72. package/docs/demos/Skeleton/examples/Skeleton.md +83 -8
  73. package/docs/demos/Table/examples/Table.md +1245 -120
  74. package/docs/demos/Tabs/examples/Tabs.md +498 -48
  75. package/docs/demos/Toolbar/examples/Toolbar.md +166 -16
  76. package/docs/demos/Wizard/examples/Wizard.md +747 -72
  77. package/package.json +4 -3
  78. package/patternfly-base-no-globals-theme-dark-unversioned.css +860 -0
  79. package/patternfly-base-no-globals.css +860 -0
  80. package/patternfly-base-theme-dark-unversioned.css +872 -13
  81. package/patternfly-base.css +872 -13
  82. package/patternfly-no-globals.css +1609 -897
  83. package/patternfly-theme-dark-unversioned.css +1621 -910
  84. package/patternfly.css +1621 -910
  85. package/patternfly.min.css +1 -1
  86. package/patternfly.min.css.map +1 -1
  87. package/assets/images/pf-c-brand__logo-on-lg-white.svg +0 -32
  88. package/assets/images/pf-c-brand__logo-on-md-white.svg +0 -42
  89. package/assets/images/pf-c-brand__logo-on-sm-white.svg +0 -17
  90. package/assets/images/pf-c-brand__logo-on-xl-white.svg +0 -39
  91. package/assets/images/pf_logo_white.hbs +0 -35
  92. package/assets/images/pf_logo_white.svg +0 -38
  93. package/components/Alert/themes/dark/alert.scss +0 -17
  94. package/components/Masthead/themes/dark/masthead.scss +0 -14
  95. package/components/NotificationBadge/themes/dark/notification-badge.scss +0 -10
  96. package/docs/components/Brand/examples/Brand.css +0 -12
  97. package/docs/components/NotificationBadge/examples/NotificationBadge.css +0 -3
package/docs/demos/JumpLinks/examples/JumpLinks.md CHANGED
@@ -27,13 +27,88 @@ section: components
27
27
  </button>
28
28
  </span>
29
29
  <div class="pf-v5-c-masthead__main">
30
- <a class="pf-v5-c-masthead__brand" href="#">
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
- />
30
+ <a
31
+ class="pf-v5-c-masthead__brand"
32
+ href="#"
33
+ style="--pf-v5-c-brand--Height: 36px;"
34
+ >
35
+ <svg height="36px" viewBox="0 0 679 158" role="img">
36
+ <title>Patternfly logo</title>
37
+ <defs>
38
+ <linearGradient
39
+ x1="68%"
40
+ y1="2.25860997e-13%"
41
+ x2="32%"
42
+ y2="100%"
43
+ id="linearGradient-1"
44
+ >
45
+ <stop stop-color="#2B9AF3" offset="0%" />
46
+ <stop
47
+ stop-color="#73BCF7"
48
+ stop-opacity="0.502212631"
49
+ offset="100%"
50
+ />
51
+ </linearGradient>
52
+ </defs>
53
+ <g
54
+ id="PF-HorizontalLogo-Color"
55
+ stroke="none"
56
+ stroke-width="1"
57
+ fill="none"
58
+ fill-rule="evenodd"
59
+ >
60
+ <g
61
+ transform="translate(206.000000, 45.750000)"
62
+ fill="var(--pf-t--global--text--color--regular)"
63
+ fill-rule="nonzero"
64
+ >
65
+ <path
66
+ d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z"
67
+ />
68
+ <path
69
+ d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z"
70
+ />
71
+ <path
72
+ d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z"
73
+ />
74
+ <path
75
+ d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z"
76
+ />
77
+ <path
78
+ d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z"
79
+ />
80
+ <path
81
+ d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z"
82
+ />
83
+ <path
84
+ d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z"
85
+ />
86
+ <polygon
87
+ points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"
88
+ />
89
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
90
+ <path
91
+ d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
92
+ />
93
+ </g>
94
+ <g id="Logo" transform="translate(0.000000, 0.000000)">
95
+ <path
96
+ d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
97
+ id="Rectangle-Copy-17"
98
+ fill="var(--pf-t--global--color--brand--200)"
99
+ />
100
+ <path
101
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
102
+ fill="url(#linearGradient-1)"
103
+ />
104
+ <path
105
+ d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
106
+ fill="url(#linearGradient-1)"
107
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
108
+ />
109
+ </g>
110
+ </g>
111
+ </svg>
37
112
  </a>
38
113
  </div>
39
114
  <div class="pf-v5-c-masthead__content">
@@ -107,7 +182,7 @@ section: components
107
182
  <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
108
183
  <span class="pf-v5-c-menu-toggle__controls">
109
184
  <span class="pf-v5-c-menu-toggle__toggle-icon">
110
- <i class="fas fa-caret-down" aria-hidden="true"></i>
185
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
111
186
  </span>
112
187
  </span>
113
188
  </button>
@@ -334,13 +409,88 @@ section: components
334
409
  </button>
335
410
  </span>
336
411
  <div class="pf-v5-c-masthead__main">
337
- <a class="pf-v5-c-masthead__brand" href="#">
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
- />
412
+ <a
413
+ class="pf-v5-c-masthead__brand"
414
+ href="#"
415
+ style="--pf-v5-c-brand--Height: 36px;"
416
+ >
417
+ <svg height="36px" viewBox="0 0 679 158" role="img">
418
+ <title>Patternfly logo</title>
419
+ <defs>
420
+ <linearGradient
421
+ x1="68%"
422
+ y1="2.25860997e-13%"
423
+ x2="32%"
424
+ y2="100%"
425
+ id="linearGradient-1"
426
+ >
427
+ <stop stop-color="#2B9AF3" offset="0%" />
428
+ <stop
429
+ stop-color="#73BCF7"
430
+ stop-opacity="0.502212631"
431
+ offset="100%"
432
+ />
433
+ </linearGradient>
434
+ </defs>
435
+ <g
436
+ id="PF-HorizontalLogo-Color"
437
+ stroke="none"
438
+ stroke-width="1"
439
+ fill="none"
440
+ fill-rule="evenodd"
441
+ >
442
+ <g
443
+ transform="translate(206.000000, 45.750000)"
444
+ fill="var(--pf-t--global--text--color--regular)"
445
+ fill-rule="nonzero"
446
+ >
447
+ <path
448
+ d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z"
449
+ />
450
+ <path
451
+ d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z"
452
+ />
453
+ <path
454
+ d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z"
455
+ />
456
+ <path
457
+ d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z"
458
+ />
459
+ <path
460
+ d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z"
461
+ />
462
+ <path
463
+ d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z"
464
+ />
465
+ <path
466
+ d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z"
467
+ />
468
+ <polygon
469
+ points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"
470
+ />
471
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
472
+ <path
473
+ d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
474
+ />
475
+ </g>
476
+ <g id="Logo" transform="translate(0.000000, 0.000000)">
477
+ <path
478
+ d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
479
+ id="Rectangle-Copy-17"
480
+ fill="var(--pf-t--global--color--brand--200)"
481
+ />
482
+ <path
483
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
484
+ fill="url(#linearGradient-1)"
485
+ />
486
+ <path
487
+ d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
488
+ fill="url(#linearGradient-1)"
489
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
490
+ />
491
+ </g>
492
+ </g>
493
+ </svg>
344
494
  </a>
345
495
  </div>
346
496
  <div class="pf-v5-c-masthead__content">
@@ -414,7 +564,7 @@ section: components
414
564
  <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
415
565
  <span class="pf-v5-c-menu-toggle__controls">
416
566
  <span class="pf-v5-c-menu-toggle__toggle-icon">
417
- <i class="fas fa-caret-down" aria-hidden="true"></i>
567
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
418
568
  </span>
419
569
  </span>
420
570
  </button>
@@ -641,13 +791,88 @@ section: components
641
791
  </button>
642
792
  </span>
643
793
  <div class="pf-v5-c-masthead__main">
644
- <a class="pf-v5-c-masthead__brand" href="#">
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
- />
794
+ <a
795
+ class="pf-v5-c-masthead__brand"
796
+ href="#"
797
+ style="--pf-v5-c-brand--Height: 36px;"
798
+ >
799
+ <svg height="36px" viewBox="0 0 679 158" role="img">
800
+ <title>Patternfly logo</title>
801
+ <defs>
802
+ <linearGradient
803
+ x1="68%"
804
+ y1="2.25860997e-13%"
805
+ x2="32%"
806
+ y2="100%"
807
+ id="linearGradient-1"
808
+ >
809
+ <stop stop-color="#2B9AF3" offset="0%" />
810
+ <stop
811
+ stop-color="#73BCF7"
812
+ stop-opacity="0.502212631"
813
+ offset="100%"
814
+ />
815
+ </linearGradient>
816
+ </defs>
817
+ <g
818
+ id="PF-HorizontalLogo-Color"
819
+ stroke="none"
820
+ stroke-width="1"
821
+ fill="none"
822
+ fill-rule="evenodd"
823
+ >
824
+ <g
825
+ transform="translate(206.000000, 45.750000)"
826
+ fill="var(--pf-t--global--text--color--regular)"
827
+ fill-rule="nonzero"
828
+ >
829
+ <path
830
+ d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z"
831
+ />
832
+ <path
833
+ d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z"
834
+ />
835
+ <path
836
+ d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z"
837
+ />
838
+ <path
839
+ d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z"
840
+ />
841
+ <path
842
+ d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z"
843
+ />
844
+ <path
845
+ d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z"
846
+ />
847
+ <path
848
+ d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z"
849
+ />
850
+ <polygon
851
+ points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"
852
+ />
853
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
854
+ <path
855
+ d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
856
+ />
857
+ </g>
858
+ <g id="Logo" transform="translate(0.000000, 0.000000)">
859
+ <path
860
+ d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
861
+ id="Rectangle-Copy-17"
862
+ fill="var(--pf-t--global--color--brand--200)"
863
+ />
864
+ <path
865
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
866
+ fill="url(#linearGradient-1)"
867
+ />
868
+ <path
869
+ d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
870
+ fill="url(#linearGradient-1)"
871
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
872
+ />
873
+ </g>
874
+ </g>
875
+ </svg>
651
876
  </a>
652
877
  </div>
653
878
  <div class="pf-v5-c-masthead__content">
@@ -721,7 +946,7 @@ section: components
721
946
  <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
722
947
  <span class="pf-v5-c-menu-toggle__controls">
723
948
  <span class="pf-v5-c-menu-toggle__toggle-icon">
724
- <i class="fas fa-caret-down" aria-hidden="true"></i>
949
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
725
950
  </span>
726
951
  </span>
727
952
  </button>
@@ -945,13 +1170,88 @@ section: components
945
1170
  </button>
946
1171
  </span>
947
1172
  <div class="pf-v5-c-masthead__main">
948
- <a class="pf-v5-c-masthead__brand" href="#">
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
- />
1173
+ <a
1174
+ class="pf-v5-c-masthead__brand"
1175
+ href="#"
1176
+ style="--pf-v5-c-brand--Height: 36px;"
1177
+ >
1178
+ <svg height="36px" viewBox="0 0 679 158" role="img">
1179
+ <title>Patternfly logo</title>
1180
+ <defs>
1181
+ <linearGradient
1182
+ x1="68%"
1183
+ y1="2.25860997e-13%"
1184
+ x2="32%"
1185
+ y2="100%"
1186
+ id="linearGradient-1"
1187
+ >
1188
+ <stop stop-color="#2B9AF3" offset="0%" />
1189
+ <stop
1190
+ stop-color="#73BCF7"
1191
+ stop-opacity="0.502212631"
1192
+ offset="100%"
1193
+ />
1194
+ </linearGradient>
1195
+ </defs>
1196
+ <g
1197
+ id="PF-HorizontalLogo-Color"
1198
+ stroke="none"
1199
+ stroke-width="1"
1200
+ fill="none"
1201
+ fill-rule="evenodd"
1202
+ >
1203
+ <g
1204
+ transform="translate(206.000000, 45.750000)"
1205
+ fill="var(--pf-t--global--text--color--regular)"
1206
+ fill-rule="nonzero"
1207
+ >
1208
+ <path
1209
+ d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z"
1210
+ />
1211
+ <path
1212
+ d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z"
1213
+ />
1214
+ <path
1215
+ d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z"
1216
+ />
1217
+ <path
1218
+ d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z"
1219
+ />
1220
+ <path
1221
+ d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z"
1222
+ />
1223
+ <path
1224
+ d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z"
1225
+ />
1226
+ <path
1227
+ d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z"
1228
+ />
1229
+ <polygon
1230
+ points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"
1231
+ />
1232
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
1233
+ <path
1234
+ d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
1235
+ />
1236
+ </g>
1237
+ <g id="Logo" transform="translate(0.000000, 0.000000)">
1238
+ <path
1239
+ d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
1240
+ id="Rectangle-Copy-17"
1241
+ fill="var(--pf-t--global--color--brand--200)"
1242
+ />
1243
+ <path
1244
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1245
+ fill="url(#linearGradient-1)"
1246
+ />
1247
+ <path
1248
+ d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
1249
+ fill="url(#linearGradient-1)"
1250
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1251
+ />
1252
+ </g>
1253
+ </g>
1254
+ </svg>
955
1255
  </a>
956
1256
  </div>
957
1257
  <div class="pf-v5-c-masthead__content">
@@ -1025,7 +1325,7 @@ section: components
1025
1325
  <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
1026
1326
  <span class="pf-v5-c-menu-toggle__controls">
1027
1327
  <span class="pf-v5-c-menu-toggle__toggle-icon">
1028
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1328
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
1029
1329
  </span>
1030
1330
  </span>
1031
1331
  </button>
@@ -1199,13 +1499,88 @@ section: components
1199
1499
  </button>
1200
1500
  </span>
1201
1501
  <div class="pf-v5-c-masthead__main">
1202
- <a class="pf-v5-c-masthead__brand" href="#">
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
- />
1502
+ <a
1503
+ class="pf-v5-c-masthead__brand"
1504
+ href="#"
1505
+ style="--pf-v5-c-brand--Height: 36px;"
1506
+ >
1507
+ <svg height="36px" viewBox="0 0 679 158" role="img">
1508
+ <title>Patternfly logo</title>
1509
+ <defs>
1510
+ <linearGradient
1511
+ x1="68%"
1512
+ y1="2.25860997e-13%"
1513
+ x2="32%"
1514
+ y2="100%"
1515
+ id="linearGradient-1"
1516
+ >
1517
+ <stop stop-color="#2B9AF3" offset="0%" />
1518
+ <stop
1519
+ stop-color="#73BCF7"
1520
+ stop-opacity="0.502212631"
1521
+ offset="100%"
1522
+ />
1523
+ </linearGradient>
1524
+ </defs>
1525
+ <g
1526
+ id="PF-HorizontalLogo-Color"
1527
+ stroke="none"
1528
+ stroke-width="1"
1529
+ fill="none"
1530
+ fill-rule="evenodd"
1531
+ >
1532
+ <g
1533
+ transform="translate(206.000000, 45.750000)"
1534
+ fill="var(--pf-t--global--text--color--regular)"
1535
+ fill-rule="nonzero"
1536
+ >
1537
+ <path
1538
+ d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z"
1539
+ />
1540
+ <path
1541
+ d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z"
1542
+ />
1543
+ <path
1544
+ d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z"
1545
+ />
1546
+ <path
1547
+ d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z"
1548
+ />
1549
+ <path
1550
+ d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z"
1551
+ />
1552
+ <path
1553
+ d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z"
1554
+ />
1555
+ <path
1556
+ d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z"
1557
+ />
1558
+ <polygon
1559
+ points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"
1560
+ />
1561
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
1562
+ <path
1563
+ d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
1564
+ />
1565
+ </g>
1566
+ <g id="Logo" transform="translate(0.000000, 0.000000)">
1567
+ <path
1568
+ d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
1569
+ id="Rectangle-Copy-17"
1570
+ fill="var(--pf-t--global--color--brand--200)"
1571
+ />
1572
+ <path
1573
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1574
+ fill="url(#linearGradient-1)"
1575
+ />
1576
+ <path
1577
+ d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
1578
+ fill="url(#linearGradient-1)"
1579
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1580
+ />
1581
+ </g>
1582
+ </g>
1583
+ </svg>
1209
1584
  </a>
1210
1585
  </div>
1211
1586
  <div class="pf-v5-c-masthead__content">
@@ -1279,7 +1654,7 @@ section: components
1279
1654
  <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
1280
1655
  <span class="pf-v5-c-menu-toggle__controls">
1281
1656
  <span class="pf-v5-c-menu-toggle__toggle-icon">
1282
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1657
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
1283
1658
  </span>
1284
1659
  </span>
1285
1660
  </button>
@@ -1473,13 +1848,88 @@ section: components
1473
1848
  </button>
1474
1849
  </span>
1475
1850
  <div class="pf-v5-c-masthead__main">
1476
- <a class="pf-v5-c-masthead__brand" href="#">
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
- />
1851
+ <a
1852
+ class="pf-v5-c-masthead__brand"
1853
+ href="#"
1854
+ style="--pf-v5-c-brand--Height: 36px;"
1855
+ >
1856
+ <svg height="36px" viewBox="0 0 679 158" role="img">
1857
+ <title>Patternfly logo</title>
1858
+ <defs>
1859
+ <linearGradient
1860
+ x1="68%"
1861
+ y1="2.25860997e-13%"
1862
+ x2="32%"
1863
+ y2="100%"
1864
+ id="linearGradient-1"
1865
+ >
1866
+ <stop stop-color="#2B9AF3" offset="0%" />
1867
+ <stop
1868
+ stop-color="#73BCF7"
1869
+ stop-opacity="0.502212631"
1870
+ offset="100%"
1871
+ />
1872
+ </linearGradient>
1873
+ </defs>
1874
+ <g
1875
+ id="PF-HorizontalLogo-Color"
1876
+ stroke="none"
1877
+ stroke-width="1"
1878
+ fill="none"
1879
+ fill-rule="evenodd"
1880
+ >
1881
+ <g
1882
+ transform="translate(206.000000, 45.750000)"
1883
+ fill="var(--pf-t--global--text--color--regular)"
1884
+ fill-rule="nonzero"
1885
+ >
1886
+ <path
1887
+ d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z"
1888
+ />
1889
+ <path
1890
+ d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z"
1891
+ />
1892
+ <path
1893
+ d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z"
1894
+ />
1895
+ <path
1896
+ d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z"
1897
+ />
1898
+ <path
1899
+ d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z"
1900
+ />
1901
+ <path
1902
+ d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z"
1903
+ />
1904
+ <path
1905
+ d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z"
1906
+ />
1907
+ <polygon
1908
+ points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"
1909
+ />
1910
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
1911
+ <path
1912
+ d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
1913
+ />
1914
+ </g>
1915
+ <g id="Logo" transform="translate(0.000000, 0.000000)">
1916
+ <path
1917
+ d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
1918
+ id="Rectangle-Copy-17"
1919
+ fill="var(--pf-t--global--color--brand--200)"
1920
+ />
1921
+ <path
1922
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1923
+ fill="url(#linearGradient-1)"
1924
+ />
1925
+ <path
1926
+ d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
1927
+ fill="url(#linearGradient-1)"
1928
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1929
+ />
1930
+ </g>
1931
+ </g>
1932
+ </svg>
1483
1933
  </a>
1484
1934
  </div>
1485
1935
  <div class="pf-v5-c-masthead__content">
@@ -1553,7 +2003,7 @@ section: components
1553
2003
  <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
1554
2004
  <span class="pf-v5-c-menu-toggle__controls">
1555
2005
  <span class="pf-v5-c-menu-toggle__toggle-icon">
1556
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2006
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
1557
2007
  </span>
1558
2008
  </span>
1559
2009
  </button>