@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/ContextSelector/examples/ContextSelector.md CHANGED
@@ -26,13 +26,88 @@ deprecated: true
26
26
  </button>
27
27
  </span>
28
28
  <div class="pf-v5-c-masthead__main">
29
- <a class="pf-v5-c-masthead__brand" href="#">
30
- <img
31
- class="pf-v5-c-brand"
32
- src="/assets/images/pf-logo.svg"
33
- alt="PatternFly logo"
34
- style="--pf-v5-c-brand--Height:36px"
35
- />
29
+ <a
30
+ class="pf-v5-c-masthead__brand"
31
+ href="#"
32
+ style="--pf-v5-c-brand--Height: 36px;"
33
+ >
34
+ <svg height="36px" viewBox="0 0 679 158" role="img">
35
+ <title>Patternfly logo</title>
36
+ <defs>
37
+ <linearGradient
38
+ x1="68%"
39
+ y1="2.25860997e-13%"
40
+ x2="32%"
41
+ y2="100%"
42
+ id="linearGradient-1"
43
+ >
44
+ <stop stop-color="#2B9AF3" offset="0%" />
45
+ <stop
46
+ stop-color="#73BCF7"
47
+ stop-opacity="0.502212631"
48
+ offset="100%"
49
+ />
50
+ </linearGradient>
51
+ </defs>
52
+ <g
53
+ id="PF-HorizontalLogo-Color"
54
+ stroke="none"
55
+ stroke-width="1"
56
+ fill="none"
57
+ fill-rule="evenodd"
58
+ >
59
+ <g
60
+ transform="translate(206.000000, 45.750000)"
61
+ fill="var(--pf-t--global--text--color--regular)"
62
+ fill-rule="nonzero"
63
+ >
64
+ <path
65
+ 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"
66
+ />
67
+ <path
68
+ 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"
69
+ />
70
+ <path
71
+ 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"
72
+ />
73
+ <path
74
+ 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"
75
+ />
76
+ <path
77
+ 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"
78
+ />
79
+ <path
80
+ 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"
81
+ />
82
+ <path
83
+ 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"
84
+ />
85
+ <polygon
86
+ 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"
87
+ />
88
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
89
+ <path
90
+ 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"
91
+ />
92
+ </g>
93
+ <g id="Logo" transform="translate(0.000000, 0.000000)">
94
+ <path
95
+ 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"
96
+ id="Rectangle-Copy-17"
97
+ fill="var(--pf-t--global--color--brand--200)"
98
+ />
99
+ <path
100
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
101
+ fill="url(#linearGradient-1)"
102
+ />
103
+ <path
104
+ 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"
105
+ fill="url(#linearGradient-1)"
106
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
107
+ />
108
+ </g>
109
+ </g>
110
+ </svg>
36
111
  </a>
37
112
  </div>
38
113
  <div class="pf-v5-c-masthead__content">
@@ -51,7 +126,7 @@ deprecated: true
51
126
  <span class="pf-v5-c-menu-toggle__text">Context selector</span>
52
127
  <span class="pf-v5-c-menu-toggle__controls">
53
128
  <span class="pf-v5-c-menu-toggle__toggle-icon">
54
- <i class="fas fa-caret-down" aria-hidden="true"></i>
129
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
55
130
  </span>
56
131
  </span>
57
132
  </button>
@@ -206,13 +281,88 @@ deprecated: true
206
281
  </button>
207
282
  </span>
208
283
  <div class="pf-v5-c-masthead__main">
209
- <a class="pf-v5-c-masthead__brand" href="#">
210
- <img
211
- class="pf-v5-c-brand"
212
- src="/assets/images/pf-logo.svg"
213
- alt="PatternFly logo"
214
- style="--pf-v5-c-brand--Height:36px"
215
- />
284
+ <a
285
+ class="pf-v5-c-masthead__brand"
286
+ href="#"
287
+ style="--pf-v5-c-brand--Height: 36px;"
288
+ >
289
+ <svg height="36px" viewBox="0 0 679 158" role="img">
290
+ <title>Patternfly logo</title>
291
+ <defs>
292
+ <linearGradient
293
+ x1="68%"
294
+ y1="2.25860997e-13%"
295
+ x2="32%"
296
+ y2="100%"
297
+ id="linearGradient-1"
298
+ >
299
+ <stop stop-color="#2B9AF3" offset="0%" />
300
+ <stop
301
+ stop-color="#73BCF7"
302
+ stop-opacity="0.502212631"
303
+ offset="100%"
304
+ />
305
+ </linearGradient>
306
+ </defs>
307
+ <g
308
+ id="PF-HorizontalLogo-Color"
309
+ stroke="none"
310
+ stroke-width="1"
311
+ fill="none"
312
+ fill-rule="evenodd"
313
+ >
314
+ <g
315
+ transform="translate(206.000000, 45.750000)"
316
+ fill="var(--pf-t--global--text--color--regular)"
317
+ fill-rule="nonzero"
318
+ >
319
+ <path
320
+ 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"
321
+ />
322
+ <path
323
+ 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"
324
+ />
325
+ <path
326
+ 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"
327
+ />
328
+ <path
329
+ 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"
330
+ />
331
+ <path
332
+ 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"
333
+ />
334
+ <path
335
+ 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"
336
+ />
337
+ <path
338
+ 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"
339
+ />
340
+ <polygon
341
+ 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"
342
+ />
343
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
344
+ <path
345
+ 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"
346
+ />
347
+ </g>
348
+ <g id="Logo" transform="translate(0.000000, 0.000000)">
349
+ <path
350
+ 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"
351
+ id="Rectangle-Copy-17"
352
+ fill="var(--pf-t--global--color--brand--200)"
353
+ />
354
+ <path
355
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
356
+ fill="url(#linearGradient-1)"
357
+ />
358
+ <path
359
+ 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"
360
+ fill="url(#linearGradient-1)"
361
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
362
+ />
363
+ </g>
364
+ </g>
365
+ </svg>
216
366
  </a>
217
367
  </div>
218
368
  <div class="pf-v5-c-masthead__content">
@@ -286,7 +436,7 @@ deprecated: true
286
436
  <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
287
437
  <span class="pf-v5-c-menu-toggle__controls">
288
438
  <span class="pf-v5-c-menu-toggle__toggle-icon">
289
- <i class="fas fa-caret-down" aria-hidden="true"></i>
439
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
290
440
  </span>
291
441
  </span>
292
442
  </button>
@@ -583,13 +733,88 @@ deprecated: true
583
733
  </button>
584
734
  </span>
585
735
  <div class="pf-v5-c-masthead__main">
586
- <a class="pf-v5-c-masthead__brand" href="#">
587
- <img
588
- class="pf-v5-c-brand"
589
- src="/assets/images/pf-logo.svg"
590
- alt="PatternFly logo"
591
- style="--pf-v5-c-brand--Height:36px"
592
- />
736
+ <a
737
+ class="pf-v5-c-masthead__brand"
738
+ href="#"
739
+ style="--pf-v5-c-brand--Height: 36px;"
740
+ >
741
+ <svg height="36px" viewBox="0 0 679 158" role="img">
742
+ <title>Patternfly logo</title>
743
+ <defs>
744
+ <linearGradient
745
+ x1="68%"
746
+ y1="2.25860997e-13%"
747
+ x2="32%"
748
+ y2="100%"
749
+ id="linearGradient-1"
750
+ >
751
+ <stop stop-color="#2B9AF3" offset="0%" />
752
+ <stop
753
+ stop-color="#73BCF7"
754
+ stop-opacity="0.502212631"
755
+ offset="100%"
756
+ />
757
+ </linearGradient>
758
+ </defs>
759
+ <g
760
+ id="PF-HorizontalLogo-Color"
761
+ stroke="none"
762
+ stroke-width="1"
763
+ fill="none"
764
+ fill-rule="evenodd"
765
+ >
766
+ <g
767
+ transform="translate(206.000000, 45.750000)"
768
+ fill="var(--pf-t--global--text--color--regular)"
769
+ fill-rule="nonzero"
770
+ >
771
+ <path
772
+ 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"
773
+ />
774
+ <path
775
+ 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"
776
+ />
777
+ <path
778
+ 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"
779
+ />
780
+ <path
781
+ 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"
782
+ />
783
+ <path
784
+ 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"
785
+ />
786
+ <path
787
+ 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"
788
+ />
789
+ <path
790
+ 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"
791
+ />
792
+ <polygon
793
+ 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"
794
+ />
795
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
796
+ <path
797
+ 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"
798
+ />
799
+ </g>
800
+ <g id="Logo" transform="translate(0.000000, 0.000000)">
801
+ <path
802
+ 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"
803
+ id="Rectangle-Copy-17"
804
+ fill="var(--pf-t--global--color--brand--200)"
805
+ />
806
+ <path
807
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
808
+ fill="url(#linearGradient-1)"
809
+ />
810
+ <path
811
+ 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"
812
+ fill="url(#linearGradient-1)"
813
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
814
+ />
815
+ </g>
816
+ </g>
817
+ </svg>
593
818
  </a>
594
819
  </div>
595
820
  <div class="pf-v5-c-masthead__content">
@@ -663,7 +888,7 @@ deprecated: true
663
888
  <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
664
889
  <span class="pf-v5-c-menu-toggle__controls">
665
890
  <span class="pf-v5-c-menu-toggle__toggle-icon">
666
- <i class="fas fa-caret-down" aria-hidden="true"></i>
891
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
667
892
  </span>
668
893
  </span>
669
894
  </button>
@@ -962,13 +1187,88 @@ deprecated: true
962
1187
  </button>
963
1188
  </span>
964
1189
  <div class="pf-v5-c-masthead__main">
965
- <a class="pf-v5-c-masthead__brand" href="#">
966
- <img
967
- class="pf-v5-c-brand"
968
- src="/assets/images/pf-logo.svg"
969
- alt="PatternFly logo"
970
- style="--pf-v5-c-brand--Height:36px"
971
- />
1190
+ <a
1191
+ class="pf-v5-c-masthead__brand"
1192
+ href="#"
1193
+ style="--pf-v5-c-brand--Height: 36px;"
1194
+ >
1195
+ <svg height="36px" viewBox="0 0 679 158" role="img">
1196
+ <title>Patternfly logo</title>
1197
+ <defs>
1198
+ <linearGradient
1199
+ x1="68%"
1200
+ y1="2.25860997e-13%"
1201
+ x2="32%"
1202
+ y2="100%"
1203
+ id="linearGradient-1"
1204
+ >
1205
+ <stop stop-color="#2B9AF3" offset="0%" />
1206
+ <stop
1207
+ stop-color="#73BCF7"
1208
+ stop-opacity="0.502212631"
1209
+ offset="100%"
1210
+ />
1211
+ </linearGradient>
1212
+ </defs>
1213
+ <g
1214
+ id="PF-HorizontalLogo-Color"
1215
+ stroke="none"
1216
+ stroke-width="1"
1217
+ fill="none"
1218
+ fill-rule="evenodd"
1219
+ >
1220
+ <g
1221
+ transform="translate(206.000000, 45.750000)"
1222
+ fill="var(--pf-t--global--text--color--regular)"
1223
+ fill-rule="nonzero"
1224
+ >
1225
+ <path
1226
+ 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"
1227
+ />
1228
+ <path
1229
+ 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"
1230
+ />
1231
+ <path
1232
+ 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"
1233
+ />
1234
+ <path
1235
+ 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"
1236
+ />
1237
+ <path
1238
+ 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"
1239
+ />
1240
+ <path
1241
+ 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"
1242
+ />
1243
+ <path
1244
+ 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"
1245
+ />
1246
+ <polygon
1247
+ 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"
1248
+ />
1249
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
1250
+ <path
1251
+ 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"
1252
+ />
1253
+ </g>
1254
+ <g id="Logo" transform="translate(0.000000, 0.000000)">
1255
+ <path
1256
+ 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"
1257
+ id="Rectangle-Copy-17"
1258
+ fill="var(--pf-t--global--color--brand--200)"
1259
+ />
1260
+ <path
1261
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1262
+ fill="url(#linearGradient-1)"
1263
+ />
1264
+ <path
1265
+ 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"
1266
+ fill="url(#linearGradient-1)"
1267
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1268
+ />
1269
+ </g>
1270
+ </g>
1271
+ </svg>
972
1272
  </a>
973
1273
  </div>
974
1274
  <div class="pf-v5-c-masthead__content">
@@ -1042,7 +1342,7 @@ deprecated: true
1042
1342
  <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
1043
1343
  <span class="pf-v5-c-menu-toggle__controls">
1044
1344
  <span class="pf-v5-c-menu-toggle__toggle-icon">
1045
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1345
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
1046
1346
  </span>
1047
1347
  </span>
1048
1348
  </button>
package/docs/demos/Dashboard/examples/Dashboard.md CHANGED
@@ -25,13 +25,88 @@ cssPrefix: pf-d-dashboard
25
25
  </button>
26
26
  </span>
27
27
  <div class="pf-v5-c-masthead__main">
28
- <a class="pf-v5-c-masthead__brand" href="#">
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
- />
28
+ <a
29
+ class="pf-v5-c-masthead__brand"
30
+ href="#"
31
+ style="--pf-v5-c-brand--Height: 36px;"
32
+ >
33
+ <svg height="36px" viewBox="0 0 679 158" role="img">
34
+ <title>Patternfly logo</title>
35
+ <defs>
36
+ <linearGradient
37
+ x1="68%"
38
+ y1="2.25860997e-13%"
39
+ x2="32%"
40
+ y2="100%"
41
+ id="linearGradient-1"
42
+ >
43
+ <stop stop-color="#2B9AF3" offset="0%" />
44
+ <stop
45
+ stop-color="#73BCF7"
46
+ stop-opacity="0.502212631"
47
+ offset="100%"
48
+ />
49
+ </linearGradient>
50
+ </defs>
51
+ <g
52
+ id="PF-HorizontalLogo-Color"
53
+ stroke="none"
54
+ stroke-width="1"
55
+ fill="none"
56
+ fill-rule="evenodd"
57
+ >
58
+ <g
59
+ transform="translate(206.000000, 45.750000)"
60
+ fill="var(--pf-t--global--text--color--regular)"
61
+ fill-rule="nonzero"
62
+ >
63
+ <path
64
+ 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"
65
+ />
66
+ <path
67
+ 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"
68
+ />
69
+ <path
70
+ 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"
71
+ />
72
+ <path
73
+ 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"
74
+ />
75
+ <path
76
+ 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"
77
+ />
78
+ <path
79
+ 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"
80
+ />
81
+ <path
82
+ 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"
83
+ />
84
+ <polygon
85
+ 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"
86
+ />
87
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
88
+ <path
89
+ 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"
90
+ />
91
+ </g>
92
+ <g id="Logo" transform="translate(0.000000, 0.000000)">
93
+ <path
94
+ 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"
95
+ id="Rectangle-Copy-17"
96
+ fill="var(--pf-t--global--color--brand--200)"
97
+ />
98
+ <path
99
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
100
+ fill="url(#linearGradient-1)"
101
+ />
102
+ <path
103
+ 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"
104
+ fill="url(#linearGradient-1)"
105
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
106
+ />
107
+ </g>
108
+ </g>
109
+ </svg>
35
110
  </a>
36
111
  </div>
37
112
  <div class="pf-v5-c-masthead__content">
@@ -105,7 +180,7 @@ cssPrefix: pf-d-dashboard
105
180
  <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
106
181
  <span class="pf-v5-c-menu-toggle__controls">
107
182
  <span class="pf-v5-c-menu-toggle__toggle-icon">
108
- <i class="fas fa-caret-down" aria-hidden="true"></i>
183
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
109
184
  </span>
110
185
  </span>
111
186
  </button>