@patternfly/patternfly 6.0.0-alpha.201 → 6.0.0-alpha.203

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 (37) hide show
  1. package/components/Masthead/masthead.css +194 -96
  2. package/components/Masthead/masthead.scss +83 -50
  3. package/components/Nav/nav.css +5 -4
  4. package/components/Nav/nav.scss +5 -4
  5. package/components/Page/page.css +32 -18
  6. package/components/Page/page.scss +33 -20
  7. package/components/_index.css +231 -118
  8. package/docs/components/Masthead/examples/masthead.md +506 -493
  9. package/docs/components/Nav/examples/Navigation.md +0 -1
  10. package/docs/components/Page/examples/Page.md +98 -89
  11. package/docs/components/Wizard/examples/Wizard.md +1 -1
  12. package/docs/demos/AboutModal/examples/AboutModal.md +87 -83
  13. package/docs/demos/Alert/examples/Alert.md +263 -251
  14. package/docs/demos/BackToTop/examples/BackToTop.md +87 -83
  15. package/docs/demos/Banner/examples/Banner.md +177 -173
  16. package/docs/demos/CardView/examples/CardView.md +90 -88
  17. package/docs/demos/Dashboard/examples/Dashboard.md +87 -83
  18. package/docs/demos/DataList/examples/DataList.md +352 -344
  19. package/docs/demos/DescriptionList/examples/DescriptionList.md +262 -252
  20. package/docs/demos/Drawer/examples/Drawer.md +437 -423
  21. package/docs/demos/JumpLinks/examples/JumpLinks.md +524 -500
  22. package/docs/demos/Masthead/examples/Masthead.md +772 -736
  23. package/docs/demos/Modal/examples/Modal.md +522 -498
  24. package/docs/demos/Nav/examples/Nav.md +511 -487
  25. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +435 -425
  26. package/docs/demos/Page/examples/Page.md +1567 -915
  27. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +611 -584
  28. package/docs/demos/Skeleton/examples/Skeleton.md +87 -83
  29. package/docs/demos/Table/examples/Table.md +1320 -1288
  30. package/docs/demos/Tabs/examples/Tabs.md +526 -504
  31. package/docs/demos/Toolbar/examples/Toolbar.md +174 -166
  32. package/docs/demos/Wizard/examples/Wizard.md +790 -767
  33. package/package.json +1 -1
  34. package/patternfly-no-globals.css +231 -118
  35. package/patternfly.css +231 -118
  36. package/patternfly.min.css +1 -1
  37. package/patternfly.min.css.map +1 -1
@@ -16,90 +16,94 @@ section: patterns
16
16
  </a>
17
17
  </div>
18
18
  <header class="pf-v6-c-masthead" id="card-view-basic-example-masthead">
19
- <span class="pf-v6-c-masthead__toggle">
20
- <button
21
- class="pf-v6-c-button pf-m-plain"
22
- type="button"
23
- aria-label="Global navigation"
24
- >
25
- <span class="pf-v6-c-button__icon">
26
- <i class="fas fa-bars" aria-hidden="true"></i>
27
- </span>
28
- </button>
29
- </span>
30
19
  <div class="pf-v6-c-masthead__main">
31
- <a class="pf-v6-c-masthead__brand" href="#">
32
- <svg height="37px" viewBox="0 0 679 158">
33
- <title>PF-HorizontalLogo-Color</title>
34
- <defs>
35
- <linearGradient
36
- x1="68%"
37
- y1="2.25860997e-13%"
38
- x2="32%"
39
- y2="100%"
40
- id="linearGradient-card-view-basic-example-masthead"
41
- >
42
- <stop stop-color="#2B9AF3" offset="0%" />
43
- <stop
44
- stop-color="#73BCF7"
45
- stop-opacity="0.502212631"
46
- offset="100%"
47
- />
48
- </linearGradient>
49
- </defs>
50
- <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
51
- <g
52
- transform="translate(206.000000, 45.750000)"
53
- fill="var(--pf-t--global--text--color--regular)"
54
- fill-rule="nonzero"
55
- >
56
- <path
57
- 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"
58
- />
59
- <path
60
- 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"
61
- />
62
- <path
63
- 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"
64
- />
65
- <path
66
- 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"
67
- />
68
- <path
69
- 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"
70
- />
71
- <path
72
- 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"
73
- />
74
- <path
75
- 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"
76
- />
77
- <polygon
78
- 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"
79
- />
80
- <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
81
- <path
82
- 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"
83
- />
84
- </g>
85
- <g transform="translate(0.000000, 0.000000)">
86
- <path
87
- 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"
88
- fill="#0066CC"
89
- />
90
- <path
91
- d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
92
- fill="url(#linearGradient-card-view-basic-example-masthead)"
93
- />
94
- <path
95
- 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"
96
- fill="url(#linearGradient-card-view-basic-example-masthead)"
97
- transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
98
- />
20
+ <span class="pf-v6-c-masthead__toggle">
21
+ <button
22
+ class="pf-v6-c-button pf-m-plain"
23
+ type="button"
24
+ aria-label="Global navigation"
25
+ >
26
+ <span class="pf-v6-c-button__icon">
27
+ <i class="fas fa-bars" aria-hidden="true"></i>
28
+ </span>
29
+ </button>
30
+ </span>
31
+ <div class="pf-v6-c-masthead__brand">
32
+ <a class="pf-v6-c-masthead__logo" href="#">
33
+ <svg height="37px" viewBox="0 0 679 158">
34
+ <title>PF-HorizontalLogo-Color</title>
35
+ <defs>
36
+ <linearGradient
37
+ x1="68%"
38
+ y1="2.25860997e-13%"
39
+ x2="32%"
40
+ y2="100%"
41
+ id="linearGradient-card-view-basic-example-masthead"
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 stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
52
+ <g
53
+ transform="translate(206.000000, 45.750000)"
54
+ fill="var(--pf-t--global--text--color--regular)"
55
+ fill-rule="nonzero"
56
+ >
57
+ <path
58
+ 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"
59
+ />
60
+ <path
61
+ 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"
62
+ />
63
+ <path
64
+ 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"
65
+ />
66
+ <path
67
+ 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"
68
+ />
69
+ <path
70
+ 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"
71
+ />
72
+ <path
73
+ 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"
74
+ />
75
+ <path
76
+ 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"
77
+ />
78
+ <polygon
79
+ 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"
80
+ />
81
+ <polygon
82
+ points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
83
+ />
84
+ <path
85
+ 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"
86
+ />
87
+ </g>
88
+ <g transform="translate(0.000000, 0.000000)">
89
+ <path
90
+ 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"
91
+ fill="#0066CC"
92
+ />
93
+ <path
94
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
95
+ fill="url(#linearGradient-card-view-basic-example-masthead)"
96
+ />
97
+ <path
98
+ 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"
99
+ fill="url(#linearGradient-card-view-basic-example-masthead)"
100
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
101
+ />
102
+ </g>
99
103
  </g>
100
- </g>
101
- </svg>
102
- </a>
104
+ </svg>
105
+ </a>
106
+ </div>
103
107
  </div>
104
108
  <div class="pf-v6-c-masthead__content">
105
109
  <div
@@ -343,7 +347,7 @@ section: patterns
343
347
  </nav>
344
348
  </div>
345
349
  </section>
346
- <section class="pf-v6-c-page__main-section pf-m-limit-width pf-m-light">
350
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
347
351
  <div class="pf-v6-c-page__main-body">
348
352
  <div class="pf-v6-c-content">
349
353
  <h1>Main title</h1>
@@ -351,7 +355,7 @@ section: patterns
351
355
  </div>
352
356
  </div>
353
357
  </section>
354
- <section class="pf-v6-c-page__main-section pf-m-light">
358
+ <section class="pf-v6-c-page__main-section">
355
359
  <div class="pf-v6-c-page__main-body">
356
360
  <div class="pf-v6-c-toolbar" id="card-view-basic-example-toolbar">
357
361
  <div class="pf-v6-c-toolbar__content">
@@ -518,7 +522,7 @@ section: patterns
518
522
  </div>
519
523
  </div>
520
524
  </section>
521
- <section class="pf-v6-c-page__main-section pf-m-fill">
525
+ <section class="pf-v6-c-page__main-section">
522
526
  <div class="pf-v6-c-page__main-body">
523
527
  <div class="pf-v6-l-gallery pf-m-gutter">
524
528
  <div
@@ -1005,9 +1009,7 @@ section: patterns
1005
1009
  </div>
1006
1010
  </div>
1007
1011
  </section>
1008
- <section
1009
- class="pf-v6-c-page__main-section pf-m-no-padding pf-m-light pf-m-sticky-bottom pf-m-no-fill"
1010
- >
1012
+ <section class="pf-v6-c-page__main-section pf-m-sticky-bottom">
1011
1013
  <div class="pf-v6-c-page__main-body">
1012
1014
  <div class="pf-v6-c-pagination pf-m-bottom">
1013
1015
  <div class="pf-v6-c-pagination__page-menu">
@@ -14,90 +14,94 @@ cssPrefix: pf-d-dashboard
14
14
  </a>
15
15
  </div>
16
16
  <header class="pf-v6-c-masthead" id="dashboard-demo-masthead">
17
- <span class="pf-v6-c-masthead__toggle">
18
- <button
19
- class="pf-v6-c-button pf-m-plain"
20
- type="button"
21
- aria-label="Global navigation"
22
- >
23
- <span class="pf-v6-c-button__icon">
24
- <i class="fas fa-bars" aria-hidden="true"></i>
25
- </span>
26
- </button>
27
- </span>
28
17
  <div class="pf-v6-c-masthead__main">
29
- <a class="pf-v6-c-masthead__brand" href="#">
30
- <svg height="37px" viewBox="0 0 679 158">
31
- <title>PF-HorizontalLogo-Color</title>
32
- <defs>
33
- <linearGradient
34
- x1="68%"
35
- y1="2.25860997e-13%"
36
- x2="32%"
37
- y2="100%"
38
- id="linearGradient-dashboard-demo-masthead"
39
- >
40
- <stop stop-color="#2B9AF3" offset="0%" />
41
- <stop
42
- stop-color="#73BCF7"
43
- stop-opacity="0.502212631"
44
- offset="100%"
45
- />
46
- </linearGradient>
47
- </defs>
48
- <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
49
- <g
50
- transform="translate(206.000000, 45.750000)"
51
- fill="var(--pf-t--global--text--color--regular)"
52
- fill-rule="nonzero"
53
- >
54
- <path
55
- 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"
56
- />
57
- <path
58
- 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"
59
- />
60
- <path
61
- 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"
62
- />
63
- <path
64
- 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"
65
- />
66
- <path
67
- 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"
68
- />
69
- <path
70
- 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"
71
- />
72
- <path
73
- 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"
74
- />
75
- <polygon
76
- 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"
77
- />
78
- <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
79
- <path
80
- 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"
81
- />
82
- </g>
83
- <g transform="translate(0.000000, 0.000000)">
84
- <path
85
- 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"
86
- fill="#0066CC"
87
- />
88
- <path
89
- d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
90
- fill="url(#linearGradient-dashboard-demo-masthead)"
91
- />
92
- <path
93
- 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"
94
- fill="url(#linearGradient-dashboard-demo-masthead)"
95
- transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
96
- />
18
+ <span class="pf-v6-c-masthead__toggle">
19
+ <button
20
+ class="pf-v6-c-button pf-m-plain"
21
+ type="button"
22
+ aria-label="Global navigation"
23
+ >
24
+ <span class="pf-v6-c-button__icon">
25
+ <i class="fas fa-bars" aria-hidden="true"></i>
26
+ </span>
27
+ </button>
28
+ </span>
29
+ <div class="pf-v6-c-masthead__brand">
30
+ <a class="pf-v6-c-masthead__logo" href="#">
31
+ <svg height="37px" viewBox="0 0 679 158">
32
+ <title>PF-HorizontalLogo-Color</title>
33
+ <defs>
34
+ <linearGradient
35
+ x1="68%"
36
+ y1="2.25860997e-13%"
37
+ x2="32%"
38
+ y2="100%"
39
+ id="linearGradient-dashboard-demo-masthead"
40
+ >
41
+ <stop stop-color="#2B9AF3" offset="0%" />
42
+ <stop
43
+ stop-color="#73BCF7"
44
+ stop-opacity="0.502212631"
45
+ offset="100%"
46
+ />
47
+ </linearGradient>
48
+ </defs>
49
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
50
+ <g
51
+ transform="translate(206.000000, 45.750000)"
52
+ fill="var(--pf-t--global--text--color--regular)"
53
+ fill-rule="nonzero"
54
+ >
55
+ <path
56
+ 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"
57
+ />
58
+ <path
59
+ 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"
60
+ />
61
+ <path
62
+ 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"
63
+ />
64
+ <path
65
+ 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"
66
+ />
67
+ <path
68
+ 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"
69
+ />
70
+ <path
71
+ 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"
72
+ />
73
+ <path
74
+ 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"
75
+ />
76
+ <polygon
77
+ 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"
78
+ />
79
+ <polygon
80
+ points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
81
+ />
82
+ <path
83
+ 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"
84
+ />
85
+ </g>
86
+ <g transform="translate(0.000000, 0.000000)">
87
+ <path
88
+ 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"
89
+ fill="#0066CC"
90
+ />
91
+ <path
92
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
93
+ fill="url(#linearGradient-dashboard-demo-masthead)"
94
+ />
95
+ <path
96
+ 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"
97
+ fill="url(#linearGradient-dashboard-demo-masthead)"
98
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
99
+ />
100
+ </g>
97
101
  </g>
98
- </g>
99
- </svg>
100
- </a>
102
+ </svg>
103
+ </a>
104
+ </div>
101
105
  </div>
102
106
  <div class="pf-v6-c-masthead__content">
103
107
  <div
@@ -251,7 +255,7 @@ cssPrefix: pf-d-dashboard
251
255
  </nav>
252
256
  </div>
253
257
  </section>
254
- <section class="pf-v6-c-page__main-section pf-m-limit-width pf-m-light">
258
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
255
259
  <div class="pf-v6-c-page__main-body">
256
260
  <div class="pf-v6-c-content">
257
261
  <h1>Main title</h1>