@patternfly/patternfly 6.0.0-alpha.200 → 6.0.0-alpha.202

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 (77) hide show
  1. package/base/normalize.scss +3 -3
  2. package/base/patternfly-variables.css +2 -6
  3. package/base/tokens/tokens-charts-dark.scss +1 -1
  4. package/base/tokens/tokens-charts.scss +1 -1
  5. package/base/tokens/tokens-dark.scss +1 -1
  6. package/base/tokens/tokens-default.scss +3 -3
  7. package/base/tokens/tokens-local.scss +0 -6
  8. package/base/tokens/tokens-palette.scss +1 -1
  9. package/components/Breadcrumb/breadcrumb.css +9 -6
  10. package/components/Breadcrumb/breadcrumb.scss +9 -6
  11. package/components/Button/button.css +16 -7
  12. package/components/Button/button.scss +17 -7
  13. package/components/Content/content.css +8 -5
  14. package/components/Content/content.scss +8 -5
  15. package/components/DescriptionList/description-list.css +10 -15
  16. package/components/DescriptionList/description-list.scss +10 -16
  17. package/components/JumpLinks/jump-links.css +1 -1
  18. package/components/JumpLinks/jump-links.scss +1 -2
  19. package/components/Label/label.css +15 -14
  20. package/components/Label/label.scss +16 -14
  21. package/components/Masthead/masthead.css +172 -95
  22. package/components/Masthead/masthead.scss +74 -49
  23. package/components/Nav/nav.css +5 -4
  24. package/components/Nav/nav.scss +5 -4
  25. package/components/Page/page.css +18 -12
  26. package/components/Page/page.scss +18 -12
  27. package/components/ProgressStepper/progress-stepper.css +8 -7
  28. package/components/ProgressStepper/progress-stepper.scss +8 -8
  29. package/components/SimpleList/simple-list.css +1 -1
  30. package/components/SimpleList/simple-list.scss +1 -2
  31. package/components/Tabs/tabs.css +1 -1
  32. package/components/Tabs/tabs.scss +1 -3
  33. package/components/Timestamp/timestamp.css +8 -17
  34. package/components/Timestamp/timestamp.scss +8 -18
  35. package/components/ToggleGroup/toggle-group.css +2 -2
  36. package/components/ToggleGroup/toggle-group.scss +2 -4
  37. package/components/_index.css +274 -187
  38. package/docs/components/Alert/examples/Alert.md +4 -4
  39. package/docs/components/Card/examples/Card.md +4 -4
  40. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +2 -2
  41. package/docs/components/DescriptionList/examples/DescriptionList.md +30 -5
  42. package/docs/components/Form/examples/Form.md +2 -2
  43. package/docs/components/Masthead/examples/masthead.md +506 -493
  44. package/docs/components/Nav/examples/Navigation.md +0 -1
  45. package/docs/components/Page/examples/Page.md +98 -89
  46. package/docs/components/Table/examples/Table.md +58 -58
  47. package/docs/components/Wizard/examples/Wizard.md +1 -1
  48. package/docs/demos/AboutModal/examples/AboutModal.md +87 -83
  49. package/docs/demos/Alert/examples/Alert.md +263 -251
  50. package/docs/demos/BackToTop/examples/BackToTop.md +87 -83
  51. package/docs/demos/Banner/examples/Banner.md +177 -173
  52. package/docs/demos/Card/examples/Card.md +12 -12
  53. package/docs/demos/CardView/examples/CardView.md +90 -88
  54. package/docs/demos/Dashboard/examples/Dashboard.md +92 -88
  55. package/docs/demos/DataList/examples/DataList.md +352 -344
  56. package/docs/demos/DescriptionList/examples/DescriptionList.md +262 -252
  57. package/docs/demos/Drawer/examples/Drawer.md +437 -423
  58. package/docs/demos/Form/examples/BasicForms.md +11 -11
  59. package/docs/demos/JumpLinks/examples/JumpLinks.md +524 -500
  60. package/docs/demos/Masthead/examples/Masthead.md +772 -736
  61. package/docs/demos/Modal/examples/Modal.md +522 -498
  62. package/docs/demos/Nav/examples/Nav.md +511 -487
  63. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +435 -425
  64. package/docs/demos/Page/examples/Page.md +959 -915
  65. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +611 -584
  66. package/docs/demos/Skeleton/examples/Skeleton.md +87 -83
  67. package/docs/demos/Table/examples/Table.md +1326 -1294
  68. package/docs/demos/Tabs/examples/Tabs.md +526 -504
  69. package/docs/demos/Toolbar/examples/Toolbar.md +174 -166
  70. package/docs/demos/Wizard/examples/Wizard.md +790 -767
  71. package/package.json +1 -1
  72. package/patternfly-base-no-globals.css +2 -6
  73. package/patternfly-base.css +5 -9
  74. package/patternfly-no-globals.css +276 -193
  75. package/patternfly.css +279 -196
  76. package/patternfly.min.css +1 -1
  77. package/patternfly.min.css.map +1 -1
@@ -18,90 +18,94 @@ wrapperTag: div
18
18
  </a>
19
19
  </div>
20
20
  <header class="pf-v6-c-masthead" id="banner-basic-example-masthead">
21
- <span class="pf-v6-c-masthead__toggle">
22
- <button
23
- class="pf-v6-c-button pf-m-plain"
24
- type="button"
25
- aria-label="Global navigation"
26
- >
27
- <span class="pf-v6-c-button__icon">
28
- <i class="fas fa-bars" aria-hidden="true"></i>
29
- </span>
30
- </button>
31
- </span>
32
21
  <div class="pf-v6-c-masthead__main">
33
- <a class="pf-v6-c-masthead__brand" href="#">
34
- <svg height="37px" viewBox="0 0 679 158">
35
- <title>PF-HorizontalLogo-Color</title>
36
- <defs>
37
- <linearGradient
38
- x1="68%"
39
- y1="2.25860997e-13%"
40
- x2="32%"
41
- y2="100%"
42
- id="linearGradient-banner-basic-example-masthead"
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 stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
53
- <g
54
- transform="translate(206.000000, 45.750000)"
55
- fill="var(--pf-t--global--text--color--regular)"
56
- fill-rule="nonzero"
57
- >
58
- <path
59
- 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"
60
- />
61
- <path
62
- 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"
63
- />
64
- <path
65
- 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"
66
- />
67
- <path
68
- 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"
69
- />
70
- <path
71
- 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"
72
- />
73
- <path
74
- 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"
75
- />
76
- <path
77
- 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"
78
- />
79
- <polygon
80
- 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"
81
- />
82
- <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
83
- <path
84
- 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"
85
- />
86
- </g>
87
- <g transform="translate(0.000000, 0.000000)">
88
- <path
89
- 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"
90
- fill="#0066CC"
91
- />
92
- <path
93
- d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
94
- fill="url(#linearGradient-banner-basic-example-masthead)"
95
- />
96
- <path
97
- 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"
98
- fill="url(#linearGradient-banner-basic-example-masthead)"
99
- transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
100
- />
22
+ <span class="pf-v6-c-masthead__toggle">
23
+ <button
24
+ class="pf-v6-c-button pf-m-plain"
25
+ type="button"
26
+ aria-label="Global navigation"
27
+ >
28
+ <span class="pf-v6-c-button__icon">
29
+ <i class="fas fa-bars" aria-hidden="true"></i>
30
+ </span>
31
+ </button>
32
+ </span>
33
+ <div class="pf-v6-c-masthead__brand">
34
+ <a class="pf-v6-c-masthead__logo" href="#">
35
+ <svg height="37px" viewBox="0 0 679 158">
36
+ <title>PF-HorizontalLogo-Color</title>
37
+ <defs>
38
+ <linearGradient
39
+ x1="68%"
40
+ y1="2.25860997e-13%"
41
+ x2="32%"
42
+ y2="100%"
43
+ id="linearGradient-banner-basic-example-masthead"
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 stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
54
+ <g
55
+ transform="translate(206.000000, 45.750000)"
56
+ fill="var(--pf-t--global--text--color--regular)"
57
+ fill-rule="nonzero"
58
+ >
59
+ <path
60
+ 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"
61
+ />
62
+ <path
63
+ 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"
64
+ />
65
+ <path
66
+ 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"
67
+ />
68
+ <path
69
+ 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"
70
+ />
71
+ <path
72
+ 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"
73
+ />
74
+ <path
75
+ 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"
76
+ />
77
+ <path
78
+ 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"
79
+ />
80
+ <polygon
81
+ 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"
82
+ />
83
+ <polygon
84
+ points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
85
+ />
86
+ <path
87
+ 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"
88
+ />
89
+ </g>
90
+ <g transform="translate(0.000000, 0.000000)">
91
+ <path
92
+ 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"
93
+ fill="#0066CC"
94
+ />
95
+ <path
96
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
97
+ fill="url(#linearGradient-banner-basic-example-masthead)"
98
+ />
99
+ <path
100
+ 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"
101
+ fill="url(#linearGradient-banner-basic-example-masthead)"
102
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
103
+ />
104
+ </g>
101
105
  </g>
102
- </g>
103
- </svg>
104
- </a>
106
+ </svg>
107
+ </a>
108
+ </div>
105
109
  </div>
106
110
  <div class="pf-v6-c-masthead__content">
107
111
  <div
@@ -273,7 +277,7 @@ wrapperTag: div
273
277
  </nav>
274
278
  </div>
275
279
  </section>
276
- <section class="pf-v6-c-page__main-section pf-m-limit-width pf-m-light">
280
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
277
281
  <div class="pf-v6-c-page__main-body">
278
282
  <div class="pf-v6-c-content">
279
283
  <h1>Main title</h1>
@@ -476,97 +480,99 @@ wrapperTag: div
476
480
  </a>
477
481
  </div>
478
482
  <header class="pf-v6-c-masthead" id="banner-top-bottom-example-masthead">
479
- <span class="pf-v6-c-masthead__toggle">
480
- <button
481
- class="pf-v6-c-button pf-m-plain"
482
- type="button"
483
- aria-label="Global navigation"
484
- >
485
- <span class="pf-v6-c-button__icon">
486
- <i class="fas fa-bars" aria-hidden="true"></i>
487
- </span>
488
- </button>
489
- </span>
490
483
  <div class="pf-v6-c-masthead__main">
491
- <a class="pf-v6-c-masthead__brand" href="#">
492
- <svg height="37px" viewBox="0 0 679 158">
493
- <title>PF-HorizontalLogo-Color</title>
494
- <defs>
495
- <linearGradient
496
- x1="68%"
497
- y1="2.25860997e-13%"
498
- x2="32%"
499
- y2="100%"
500
- id="linearGradient-banner-top-bottom-example-masthead"
501
- >
502
- <stop stop-color="#2B9AF3" offset="0%" />
503
- <stop
504
- stop-color="#73BCF7"
505
- stop-opacity="0.502212631"
506
- offset="100%"
507
- />
508
- </linearGradient>
509
- </defs>
510
- <g
511
- stroke="none"
512
- stroke-width="1"
513
- fill="none"
514
- fill-rule="evenodd"
515
- >
484
+ <span class="pf-v6-c-masthead__toggle">
485
+ <button
486
+ class="pf-v6-c-button pf-m-plain"
487
+ type="button"
488
+ aria-label="Global navigation"
489
+ >
490
+ <span class="pf-v6-c-button__icon">
491
+ <i class="fas fa-bars" aria-hidden="true"></i>
492
+ </span>
493
+ </button>
494
+ </span>
495
+ <div class="pf-v6-c-masthead__brand">
496
+ <a class="pf-v6-c-masthead__logo" href="#">
497
+ <svg height="37px" viewBox="0 0 679 158">
498
+ <title>PF-HorizontalLogo-Color</title>
499
+ <defs>
500
+ <linearGradient
501
+ x1="68%"
502
+ y1="2.25860997e-13%"
503
+ x2="32%"
504
+ y2="100%"
505
+ id="linearGradient-banner-top-bottom-example-masthead"
506
+ >
507
+ <stop stop-color="#2B9AF3" offset="0%" />
508
+ <stop
509
+ stop-color="#73BCF7"
510
+ stop-opacity="0.502212631"
511
+ offset="100%"
512
+ />
513
+ </linearGradient>
514
+ </defs>
516
515
  <g
517
- transform="translate(206.000000, 45.750000)"
518
- fill="var(--pf-t--global--text--color--regular)"
519
- fill-rule="nonzero"
516
+ stroke="none"
517
+ stroke-width="1"
518
+ fill="none"
519
+ fill-rule="evenodd"
520
520
  >
521
- <path
522
- 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"
523
- />
524
- <path
525
- 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"
526
- />
527
- <path
528
- 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"
529
- />
530
- <path
531
- 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"
532
- />
533
- <path
534
- 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"
535
- />
536
- <path
537
- 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"
538
- />
539
- <path
540
- 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"
541
- />
542
- <polygon
543
- 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"
544
- />
545
- <polygon
546
- points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
547
- />
548
- <path
549
- 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"
550
- />
551
- </g>
552
- <g transform="translate(0.000000, 0.000000)">
553
- <path
554
- 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"
555
- fill="#0066CC"
556
- />
557
- <path
558
- d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
559
- fill="url(#linearGradient-banner-top-bottom-example-masthead)"
560
- />
561
- <path
562
- 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"
563
- fill="url(#linearGradient-banner-top-bottom-example-masthead)"
564
- transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
565
- />
521
+ <g
522
+ transform="translate(206.000000, 45.750000)"
523
+ fill="var(--pf-t--global--text--color--regular)"
524
+ fill-rule="nonzero"
525
+ >
526
+ <path
527
+ 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"
528
+ />
529
+ <path
530
+ 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"
531
+ />
532
+ <path
533
+ 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"
534
+ />
535
+ <path
536
+ 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"
537
+ />
538
+ <path
539
+ 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"
540
+ />
541
+ <path
542
+ 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"
543
+ />
544
+ <path
545
+ 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"
546
+ />
547
+ <polygon
548
+ 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"
549
+ />
550
+ <polygon
551
+ points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
552
+ />
553
+ <path
554
+ 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"
555
+ />
556
+ </g>
557
+ <g transform="translate(0.000000, 0.000000)">
558
+ <path
559
+ 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"
560
+ fill="#0066CC"
561
+ />
562
+ <path
563
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
564
+ fill="url(#linearGradient-banner-top-bottom-example-masthead)"
565
+ />
566
+ <path
567
+ 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"
568
+ fill="url(#linearGradient-banner-top-bottom-example-masthead)"
569
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
570
+ />
571
+ </g>
566
572
  </g>
567
- </g>
568
- </svg>
569
- </a>
573
+ </svg>
574
+ </a>
575
+ </div>
570
576
  </div>
571
577
  <div class="pf-v6-c-masthead__content">
572
578
  <div
@@ -720,9 +726,7 @@ wrapperTag: div
720
726
  </nav>
721
727
  </div>
722
728
  </section>
723
- <section
724
- class="pf-v6-c-page__main-section pf-m-limit-width pf-m-light"
725
- >
729
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
726
730
  <div class="pf-v6-c-page__main-body">
727
731
  <div class="pf-v6-c-content">
728
732
  <h1>Main title</h1>
@@ -14,7 +14,7 @@ wrapperTag: div
14
14
  <div class="pf-v6-c-card__header-toggle">
15
15
  <button
16
16
  class="pf-v6-c-button pf-m-plain"
17
- id&#x26;#x3D;&#x26;quot;card-demo-horizontal-grid-collapsed-example-toggle&#x26;quot;
17
+ id="card-demo-horizontal-grid-collapsed-example-toggle"
18
18
  type="button"
19
19
  aria-labelledby="card-demo-horizontal-grid-collapsed-example-title card-demo-horizontal-grid-collapsed-example-toggle"
20
20
  aria-label="Details"
@@ -115,7 +115,7 @@ wrapperTag: div
115
115
  <div class="pf-v6-c-card__header-toggle">
116
116
  <button
117
117
  class="pf-v6-c-button pf-m-plain"
118
- id&#x26;#x3D;&#x26;quot;card-demo-horizontal-grid-expanded-example-toggle&#x26;quot;
118
+ id="card-demo-horizontal-grid-expanded-example-toggle"
119
119
  type="button"
120
120
  aria-labelledby="card-demo-horizontal-grid-expanded-example-title card-demo-horizontal-grid-expanded-example-toggle"
121
121
  aria-label="Details"
@@ -1376,7 +1376,7 @@ wrapperTag: div
1376
1376
  >
1377
1377
  <button
1378
1378
  class="pf-v6-c-button pf-m-expanded pf-m-plain"
1379
- id&#x26;#x3D;&#x26;quot;status-card-expanded-with-popover-example-popover-table-expandable-toggle-1&#x26;quot;
1379
+ id="status-card-expanded-with-popover-example-popover-table-expandable-toggle-1"
1380
1380
  type="button"
1381
1381
  aria-expanded="true"
1382
1382
  aria-labelledby="status-card-expanded-with-popover-example-popover-table-node-1 status-card-expanded-with-popover-example-popover-table-expandable-toggle-1"
@@ -1455,7 +1455,7 @@ wrapperTag: div
1455
1455
  >
1456
1456
  <button
1457
1457
  class="pf-v6-c-button pf-m-plain"
1458
- id&#x26;#x3D;&#x26;quot;status-card-expanded-with-popover-example-popover-table-expandable-toggle-2&#x26;quot;
1458
+ id="status-card-expanded-with-popover-example-popover-table-expandable-toggle-2"
1459
1459
  type="button"
1460
1460
  aria-labelledby="status-card-expanded-with-popover-example-popover-table-node-2 status-card-expanded-with-popover-example-popover-table-expandable-toggle-2"
1461
1461
  aria-label="Toggle row"
@@ -1520,7 +1520,7 @@ wrapperTag: div
1520
1520
  >
1521
1521
  <button
1522
1522
  class="pf-v6-c-button pf-m-plain"
1523
- id&#x26;#x3D;&#x26;quot;status-card-expanded-with-popover-example-popover-table-expandable-toggle-3&#x26;quot;
1523
+ id="status-card-expanded-with-popover-example-popover-table-expandable-toggle-3"
1524
1524
  type="button"
1525
1525
  aria-labelledby="status-card-expanded-with-popover-example-popover-table-node-3 status-card-expanded-with-popover-example-popover-table-expandable-toggle-3"
1526
1526
  aria-label="Toggle row"
@@ -1583,7 +1583,7 @@ wrapperTag: div
1583
1583
  >
1584
1584
  <button
1585
1585
  class="pf-v6-c-button pf-m-plain"
1586
- id&#x26;#x3D;&#x26;quot;status-card-expanded-with-popover-example-popover-table-expandable-toggle-4&#x26;quot;
1586
+ id="status-card-expanded-with-popover-example-popover-table-expandable-toggle-4"
1587
1587
  type="button"
1588
1588
  aria-labelledby="status-card-expanded-with-popover-example-popover-table-node-4 status-card-expanded-with-popover-example-popover-table-expandable-toggle-4"
1589
1589
  aria-label="Toggle row"
@@ -1985,7 +1985,7 @@ wrapperTag: div
1985
1985
  <div class="pf-v6-c-card__header-toggle">
1986
1986
  <button
1987
1987
  class="pf-v6-c-button pf-m-plain"
1988
- id&#x26;#x3D;&#x26;quot;nested-cards-toggle-right-example-group-1-toggle&#x26;quot;
1988
+ id="nested-cards-toggle-right-example-group-1-toggle"
1989
1989
  type="button"
1990
1990
  aria-labelledby="nested-cards-toggle-right-example-group-1-title nested-cards-toggle-right-example-group-1-toggle"
1991
1991
  aria-label="Details"
@@ -2098,7 +2098,7 @@ wrapperTag: div
2098
2098
  <div class="pf-v6-c-card__header-toggle">
2099
2099
  <button
2100
2100
  class="pf-v6-c-button pf-m-plain"
2101
- id&#x26;#x3D;&#x26;quot;nested-cards-toggle-right-example-group-2-toggle&#x26;quot;
2101
+ id="nested-cards-toggle-right-example-group-2-toggle"
2102
2102
  type="button"
2103
2103
  aria-labelledby="nested-cards-toggle-right-example-group-2-title nested-cards-toggle-right-example-group-2-toggle"
2104
2104
  aria-label="Details"
@@ -2128,7 +2128,7 @@ wrapperTag: div
2128
2128
  <div class="pf-v6-c-card__header-toggle">
2129
2129
  <button
2130
2130
  class="pf-v6-c-button pf-m-plain"
2131
- id&#x26;#x3D;&#x26;quot;nested-cards-toggle-right-example-group-3-toggle&#x26;quot;
2131
+ id="nested-cards-toggle-right-example-group-3-toggle"
2132
2132
  type="button"
2133
2133
  aria-labelledby="nested-cards-toggle-right-example-group-3-title nested-cards-toggle-right-example-group-3-toggle"
2134
2134
  aria-label="Details"
@@ -2173,7 +2173,7 @@ wrapperTag: div
2173
2173
  <div class="pf-v6-c-card__header-toggle">
2174
2174
  <button
2175
2175
  class="pf-v6-c-button pf-m-plain"
2176
- id&#x26;#x3D;&#x26;quot;nested-cards-example-group-1-toggle&#x26;quot;
2176
+ id="nested-cards-example-group-1-toggle"
2177
2177
  type="button"
2178
2178
  aria-labelledby="nested-cards-example-group-1-title nested-cards-example-group-1-toggle"
2179
2179
  aria-label="Details"
@@ -2283,7 +2283,7 @@ wrapperTag: div
2283
2283
  <div class="pf-v6-c-card__header-toggle">
2284
2284
  <button
2285
2285
  class="pf-v6-c-button pf-m-plain"
2286
- id&#x26;#x3D;&#x26;quot;nested-cards-example-group-2-toggle&#x26;quot;
2286
+ id="nested-cards-example-group-2-toggle"
2287
2287
  type="button"
2288
2288
  aria-labelledby="nested-cards-example-group-2-title nested-cards-example-group-2-toggle"
2289
2289
  aria-label="Details"
@@ -2310,7 +2310,7 @@ wrapperTag: div
2310
2310
  <div class="pf-v6-c-card__header-toggle">
2311
2311
  <button
2312
2312
  class="pf-v6-c-button pf-m-plain"
2313
- id&#x26;#x3D;&#x26;quot;nested-cards-example-group-3-toggle&#x26;quot;
2313
+ id="nested-cards-example-group-3-toggle"
2314
2314
  type="button"
2315
2315
  aria-labelledby="nested-cards-example-group-3-title nested-cards-example-group-3-toggle"
2316
2316
  aria-label="Details"