@patternfly/patternfly-doc-core 1.15.3 → 1.15.5

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 (908) hide show
  1. package/.astro/content-modules.mjs +108 -108
  2. package/README.mdx +1 -0
  3. package/astro.config.mjs +0 -1
  4. package/cli/cli.ts +71 -29
  5. package/cli/convertToMDX.ts +2 -5
  6. package/cli/createCollectionContent.ts +5 -0
  7. package/cli/fileExists.ts +7 -0
  8. package/cli/getConfig.ts +1 -0
  9. package/cli/templates/apiIndex.json +6 -0
  10. package/dist/apiIndex.json +561 -0
  11. package/dist/cli/cli.js +63 -25
  12. package/dist/cli/convertToMDX.js +2 -4
  13. package/dist/cli/createCollectionContent.js +4 -0
  14. package/dist/cli/fileExists.js +6 -0
  15. package/dist/cli/tsconfig.tsbuildinfo +1 -1
  16. package/dist/docs/_routes.json +2 -2
  17. package/dist/docs/_worker.js/_@astrojs-ssr-adapter.mjs +1 -1
  18. package/dist/docs/_worker.js/_astro-internal_middleware.mjs +3 -3
  19. package/dist/docs/_worker.js/chunks/{_@astro-renderers_BpFPQHrI.mjs → _@astro-renderers_OzpRq-hZ.mjs} +1 -1
  20. package/dist/docs/_worker.js/chunks/{_@astrojs-ssr-adapter_RmG4VnRF.mjs → _@astrojs-ssr-adapter_CUrpr6E7.mjs} +4 -4
  21. package/dist/docs/_worker.js/chunks/{_astro_assets_AaeU3frQ.mjs → _astro_assets_451XBA7N.mjs} +2 -2
  22. package/dist/docs/_worker.js/chunks/apiHelpers_CD8DANYs.mjs +30 -0
  23. package/dist/docs/_worker.js/chunks/astro/{server_BWAOeKNd.mjs → server_DX9A26-_.mjs} +1 -1
  24. package/dist/docs/_worker.js/chunks/{astro-designed-error-pages_b9BuL4GU.mjs → astro-designed-error-pages_BbC4Kpqb.mjs} +1 -1
  25. package/dist/docs/_worker.js/chunks/fetch_CoXtH9RF.mjs +12 -0
  26. package/dist/docs/_worker.js/chunks/getConfig_DO3RhTb7.mjs +18 -0
  27. package/dist/docs/_worker.js/chunks/{index_CRHoXX3T.mjs → index_DjAlCotm.mjs} +2 -2
  28. package/dist/docs/_worker.js/chunks/{noop-middleware_B9eLgP9f.mjs → noop-middleware_C6lNwrEu.mjs} +1 -1
  29. package/dist/docs/_worker.js/chunks/{sharp_D2Zua4YO.mjs → sharp_CjpuQ_OE.mjs} +2 -2
  30. package/dist/docs/_worker.js/index.js +27 -11
  31. package/dist/docs/_worker.js/manifest_DIDAejNV.mjs +100 -0
  32. package/dist/docs/_worker.js/pages/_image.astro.mjs +2 -2
  33. package/dist/docs/_worker.js/pages/api/_version_/_section_/_page_/_tab_.astro.mjs +1 -0
  34. package/dist/docs/_worker.js/pages/api/_version_/_section_/_page_.astro.mjs +44 -0
  35. package/dist/docs/_worker.js/pages/api/_version_/_section_.astro.mjs +43 -0
  36. package/dist/docs/_worker.js/pages/api/_version_.astro.mjs +38 -0
  37. package/dist/docs/_worker.js/pages/api/openapi.json.astro.mjs +399 -0
  38. package/dist/docs/_worker.js/pages/api/versions.astro.mjs +27 -0
  39. package/dist/docs/_worker.js/pages/api.astro.mjs +181 -0
  40. package/dist/docs/_worker.js/pages/apiindex.json.astro.mjs +1 -0
  41. package/dist/docs/_worker.js/pages/props.astro.mjs +2 -17
  42. package/dist/docs/_worker.js/renderers.mjs +1 -1
  43. package/dist/docs/api/v6/components/about-modal/html +63 -0
  44. package/dist/docs/api/v6/components/about-modal/html-demos +368 -0
  45. package/dist/docs/api/v6/components/about-modal/react +18 -0
  46. package/dist/docs/api/v6/components/accordion/html +78 -0
  47. package/dist/docs/api/v6/components/accordion/react +36 -0
  48. package/dist/docs/api/v6/components/action-list/html +40 -0
  49. package/dist/docs/api/v6/components/action-list/react +29 -0
  50. package/dist/docs/api/v6/components/alert/html +208 -0
  51. package/dist/docs/api/v6/components/alert/html-demos +1375 -0
  52. package/dist/docs/api/v6/components/alert/react +452 -0
  53. package/dist/docs/api/v6/components/avatar/html +66 -0
  54. package/dist/docs/api/v6/components/avatar/react +22 -0
  55. package/dist/docs/api/v6/components/back-to-top/html +19 -0
  56. package/dist/docs/api/v6/components/back-to-top/html-demos +434 -0
  57. package/dist/docs/api/v6/components/back-to-top/react +14 -0
  58. package/dist/docs/api/v6/components/backdrop/html +21 -0
  59. package/dist/docs/api/v6/components/backdrop/react +6 -0
  60. package/dist/docs/api/v6/components/background-image/html +24 -0
  61. package/dist/docs/api/v6/components/background-image/react +6 -0
  62. package/dist/docs/api/v6/components/badge/html +37 -0
  63. package/dist/docs/api/v6/components/badge/react +24 -0
  64. package/dist/docs/api/v6/components/banner/html +48 -0
  65. package/dist/docs/api/v6/components/banner/html-demos +905 -0
  66. package/dist/docs/api/v6/components/banner/react +23 -0
  67. package/dist/docs/api/v6/components/brand/html +38 -0
  68. package/dist/docs/api/v6/components/brand/react +23 -0
  69. package/dist/docs/api/v6/components/breadcrumb/html +66 -0
  70. package/dist/docs/api/v6/components/breadcrumb/react +29 -0
  71. package/dist/docs/api/v6/components/button/html +167 -0
  72. package/dist/docs/api/v6/components/button/html-demos +22 -0
  73. package/dist/docs/api/v6/components/button/react +144 -0
  74. package/dist/docs/api/v6/components/calendar-month/html +69 -0
  75. package/dist/docs/api/v6/components/calendar-month/react +19 -0
  76. package/dist/docs/api/v6/components/card/html +254 -0
  77. package/dist/docs/api/v6/components/card/html-demos +143 -0
  78. package/dist/docs/api/v6/components/card/react +198 -0
  79. package/dist/docs/api/v6/components/checkbox/html +100 -0
  80. package/dist/docs/api/v6/components/checkbox/react +73 -0
  81. package/dist/docs/api/v6/components/chip/react-deprecated +33 -0
  82. package/dist/docs/api/v6/components/clipboard-copy/html +81 -0
  83. package/dist/docs/api/v6/components/clipboard-copy/react +87 -0
  84. package/dist/docs/api/v6/components/code-block/html +36 -0
  85. package/dist/docs/api/v6/components/code-block/react +19 -0
  86. package/dist/docs/api/v6/components/code-editor/html +75 -0
  87. package/dist/docs/api/v6/components/content/html +55 -0
  88. package/dist/docs/api/v6/components/content/react +74 -0
  89. package/dist/docs/api/v6/components/data-list/html +252 -0
  90. package/dist/docs/api/v6/components/data-list/html-demos +4059 -0
  91. package/dist/docs/api/v6/components/data-list/react +93 -0
  92. package/dist/docs/api/v6/components/date-picker/html +59 -0
  93. package/dist/docs/api/v6/components/date-picker/react +70 -0
  94. package/dist/docs/api/v6/components/description-list/html +250 -0
  95. package/dist/docs/api/v6/components/description-list/html-demos +1543 -0
  96. package/dist/docs/api/v6/components/description-list/react +204 -0
  97. package/dist/docs/api/v6/components/divider/html +100 -0
  98. package/dist/docs/api/v6/components/divider/react +64 -0
  99. package/dist/docs/api/v6/components/drag-and-drop/html +35 -0
  100. package/dist/docs/api/v6/components/drag-and-drop/react-deprecated +38 -0
  101. package/dist/docs/api/v6/components/drawer/html +195 -0
  102. package/dist/docs/api/v6/components/drawer/html-demos +1928 -0
  103. package/dist/docs/api/v6/components/drawer/react +142 -0
  104. package/dist/docs/api/v6/components/dropdown/react +48 -0
  105. package/dist/docs/api/v6/components/dual-list-selector/html +110 -0
  106. package/dist/docs/api/v6/components/dual-list-selector/react +80 -0
  107. package/dist/docs/api/v6/components/dual-list-selector/react-deprecated +96 -0
  108. package/dist/docs/api/v6/components/empty-state/html +75 -0
  109. package/dist/docs/api/v6/components/empty-state/react +55 -0
  110. package/dist/docs/api/v6/components/expandable-section/html +92 -0
  111. package/dist/docs/api/v6/components/expandable-section/react +67 -0
  112. package/dist/docs/api/v6/components/form/html +139 -0
  113. package/dist/docs/api/v6/components/form/html-demos +36 -0
  114. package/dist/docs/api/v6/components/form/react +94 -0
  115. package/dist/docs/api/v6/components/form-control/html +57 -0
  116. package/dist/docs/api/v6/components/form-select/react +29 -0
  117. package/dist/docs/api/v6/components/helper-text/html +51 -0
  118. package/dist/docs/api/v6/components/helper-text/html-demos +12 -0
  119. package/dist/docs/api/v6/components/helper-text/react +24 -0
  120. package/dist/docs/api/v6/components/hint/html +35 -0
  121. package/dist/docs/api/v6/components/hint/react +28 -0
  122. package/dist/docs/api/v6/components/icon/html +84 -0
  123. package/dist/docs/api/v6/components/icon/react +76 -0
  124. package/dist/docs/api/v6/components/inline-edit/html +135 -0
  125. package/dist/docs/api/v6/components/input-group/html +34 -0
  126. package/dist/docs/api/v6/components/input-group/react +36 -0
  127. package/dist/docs/api/v6/components/jump-links/html +110 -0
  128. package/dist/docs/api/v6/components/jump-links/html-demos +2410 -0
  129. package/dist/docs/api/v6/components/jump-links/react +39 -0
  130. package/dist/docs/api/v6/components/label/html +253 -0
  131. package/dist/docs/api/v6/components/label/react +119 -0
  132. package/dist/docs/api/v6/components/list/html +66 -0
  133. package/dist/docs/api/v6/components/list/react +42 -0
  134. package/dist/docs/api/v6/components/login-page/html +1255 -0
  135. package/dist/docs/api/v6/components/login-page/react +24 -0
  136. package/dist/docs/api/v6/components/masthead/html +57 -0
  137. package/dist/docs/api/v6/components/masthead/html-demos +2708 -0
  138. package/dist/docs/api/v6/components/masthead/react +67 -0
  139. package/dist/docs/api/v6/components/menu/html +363 -0
  140. package/dist/docs/api/v6/components/menu/react +232 -0
  141. package/dist/docs/api/v6/components/menu-toggle/html +201 -0
  142. package/dist/docs/api/v6/components/menu-toggle/react +263 -0
  143. package/dist/docs/api/v6/components/modal/html +614 -0
  144. package/dist/docs/api/v6/components/modal/html-demos +2175 -0
  145. package/dist/docs/api/v6/components/modal/react +148 -0
  146. package/dist/docs/api/v6/components/modal/react-deprecated +158 -0
  147. package/dist/docs/api/v6/components/multiple-file-upload/html +77 -0
  148. package/dist/docs/api/v6/components/multiple-file-upload/react +57 -0
  149. package/dist/docs/api/v6/components/navigation/html +161 -0
  150. package/dist/docs/api/v6/components/navigation/html-demos +2027 -0
  151. package/dist/docs/api/v6/components/navigation/react +93 -0
  152. package/dist/docs/api/v6/components/notification-badge/react +34 -0
  153. package/dist/docs/api/v6/components/notification-drawer/html +61 -0
  154. package/dist/docs/api/v6/components/notification-drawer/html-demos +4412 -0
  155. package/dist/docs/api/v6/components/notification-drawer/react +22 -0
  156. package/dist/docs/api/v6/components/number-input/html +70 -0
  157. package/dist/docs/api/v6/components/number-input/react +59 -0
  158. package/dist/docs/api/v6/components/overflow-menu/html +97 -0
  159. package/dist/docs/api/v6/components/overflow-menu/react +40 -0
  160. package/dist/docs/api/v6/components/page/html +101 -0
  161. package/dist/docs/api/v6/components/page/html-demos +5146 -0
  162. package/dist/docs/api/v6/components/page/react +122 -0
  163. package/dist/docs/api/v6/components/pagination/html +121 -0
  164. package/dist/docs/api/v6/components/pagination/react +71 -0
  165. package/dist/docs/api/v6/components/panel/html +88 -0
  166. package/dist/docs/api/v6/components/panel/html-demos +8 -0
  167. package/dist/docs/api/v6/components/panel/react +190 -0
  168. package/dist/docs/api/v6/components/password-generator/html-demos +12 -0
  169. package/dist/docs/api/v6/components/password-strength/html-demos +33 -0
  170. package/dist/docs/api/v6/components/popover/html +723 -0
  171. package/dist/docs/api/v6/components/popover/react +97 -0
  172. package/dist/docs/api/v6/components/progress/html +181 -0
  173. package/dist/docs/api/v6/components/progress/react +109 -0
  174. package/dist/docs/api/v6/components/progress-stepper/html +147 -0
  175. package/dist/docs/api/v6/components/progress-stepper/react +63 -0
  176. package/dist/docs/api/v6/components/radio/html +91 -0
  177. package/dist/docs/api/v6/components/radio/react +66 -0
  178. package/dist/docs/api/v6/components/search-input/react +60 -0
  179. package/dist/docs/api/v6/components/select/react +165 -0
  180. package/dist/docs/api/v6/components/sidebar/html +116 -0
  181. package/dist/docs/api/v6/components/sidebar/react +57 -0
  182. package/dist/docs/api/v6/components/simple-file-upload/html +66 -0
  183. package/dist/docs/api/v6/components/simple-file-upload/react +97 -0
  184. package/dist/docs/api/v6/components/simple-list/html +42 -0
  185. package/dist/docs/api/v6/components/simple-list/react +29 -0
  186. package/dist/docs/api/v6/components/skeleton/html +51 -0
  187. package/dist/docs/api/v6/components/skeleton/html-demos +420 -0
  188. package/dist/docs/api/v6/components/skeleton/react +36 -0
  189. package/dist/docs/api/v6/components/skip-to-content/html +148 -0
  190. package/dist/docs/api/v6/components/skip-to-content/react +4 -0
  191. package/dist/docs/api/v6/components/slider/html +75 -0
  192. package/dist/docs/api/v6/components/slider/react +62 -0
  193. package/dist/docs/api/v6/components/spinner/html +64 -0
  194. package/dist/docs/api/v6/components/spinner/react +24 -0
  195. package/dist/docs/api/v6/components/switch/html +70 -0
  196. package/dist/docs/api/v6/components/switch/react +45 -0
  197. package/dist/docs/api/v6/components/table/html +805 -0
  198. package/dist/docs/api/v6/components/table/html-demos +16254 -0
  199. package/dist/docs/api/v6/components/tabs/html +633 -0
  200. package/dist/docs/api/v6/components/tabs/html-demos +3660 -0
  201. package/dist/docs/api/v6/components/tabs/react +258 -0
  202. package/dist/docs/api/v6/components/text-area/react +71 -0
  203. package/dist/docs/api/v6/components/text-input/react +57 -0
  204. package/dist/docs/api/v6/components/text-input-group/html +159 -0
  205. package/dist/docs/api/v6/components/text-input-group/react +48 -0
  206. package/dist/docs/api/v6/components/tile/html-deprecated +56 -0
  207. package/dist/docs/api/v6/components/tile/react-deprecated +151 -0
  208. package/dist/docs/api/v6/components/time-picker/react +47 -0
  209. package/dist/docs/api/v6/components/timestamp/html +18 -0
  210. package/dist/docs/api/v6/components/timestamp/react +63 -0
  211. package/dist/docs/api/v6/components/title/html +58 -0
  212. package/dist/docs/api/v6/components/title/react +12 -0
  213. package/dist/docs/api/v6/components/toggle-group/html +50 -0
  214. package/dist/docs/api/v6/components/toggle-group/react +61 -0
  215. package/dist/docs/api/v6/components/toolbar/html +309 -0
  216. package/dist/docs/api/v6/components/toolbar/html-demos +1939 -0
  217. package/dist/docs/api/v6/components/toolbar/react +135 -0
  218. package/dist/docs/api/v6/components/tooltip/html +71 -0
  219. package/dist/docs/api/v6/components/tooltip/react +42 -0
  220. package/dist/docs/api/v6/components/tree-view/html +118 -0
  221. package/dist/docs/api/v6/components/tree-view/react +107 -0
  222. package/dist/docs/api/v6/components/truncate/html +38 -0
  223. package/dist/docs/api/v6/components/truncate/react +47 -0
  224. package/dist/docs/api/v6/components/wizard/html +2867 -0
  225. package/dist/docs/api/v6/components/wizard/html-demos +5333 -0
  226. package/dist/docs/api/v6/components/wizard/react +162 -0
  227. package/dist/docs/api/v6/components/wizard/react-deprecated +380 -0
  228. package/dist/docs/api/v6/extensions/quick-starts/Basic-quick-starts +26 -0
  229. package/dist/docs/api/v6/extensions/quick-starts/In-app-documentation +14 -0
  230. package/dist/docs/api/v6/extensions/quick-starts/about +71 -0
  231. package/dist/docs/api/v6/extensions/quick-starts/design-guidelines +166 -0
  232. package/dist/docs/api/v6/layouts/bullseye/html +23 -0
  233. package/dist/docs/api/v6/layouts/flex/html +428 -0
  234. package/dist/docs/api/v6/layouts/gallery/html +79 -0
  235. package/dist/docs/api/v6/layouts/grid/html +116 -0
  236. package/dist/docs/api/v6/layouts/level/html +38 -0
  237. package/dist/docs/api/v6/layouts/split/html +40 -0
  238. package/dist/docs/api/v6/layouts/stack/html +32 -0
  239. package/dist/docs/api/v6/patterns/card-view/html-demos +1103 -0
  240. package/dist/docs/api/v6/patterns/dashboard/html-demos +1610 -0
  241. package/dist/docs/api/v6/patterns/primary-detail/html-demos +6371 -0
  242. package/dist/docs/api/v6/utility-classes/accessibility/html +35 -0
  243. package/dist/docs/api/v6/utility-classes/alignment/html +25 -0
  244. package/dist/docs/api/v6/utility-classes/background-color/html +26 -0
  245. package/dist/docs/api/v6/utility-classes/box-shadow/html +50 -0
  246. package/dist/docs/api/v6/utility-classes/display/html +88 -0
  247. package/dist/docs/api/v6/utility-classes/flex/html +130 -0
  248. package/dist/docs/api/v6/utility-classes/float/html +23 -0
  249. package/dist/docs/api/v6/utility-classes/sizing/html +195 -0
  250. package/dist/docs/api/v6/utility-classes/spacing/html +78 -0
  251. package/dist/docs/api/v6/utility-classes/text/html +104 -0
  252. package/dist/docs/apiIndex.json +561 -0
  253. package/dist/docs/components/about-modal/html/index.html +8 -8
  254. package/dist/docs/components/about-modal/html-demos/index.html +4 -4
  255. package/dist/docs/components/about-modal/index.html +5 -5
  256. package/dist/docs/components/accordion/html/index.html +25 -25
  257. package/dist/docs/components/accordion/index.html +10 -10
  258. package/dist/docs/components/action-list/html/index.html +11 -11
  259. package/dist/docs/components/action-list/index.html +9 -9
  260. package/dist/docs/components/action-list/react/index.html +6 -6
  261. package/dist/docs/components/alert/html/index.html +28 -28
  262. package/dist/docs/components/alert/html-demos/index.html +7 -7
  263. package/dist/docs/components/alert/index.html +80 -80
  264. package/dist/docs/components/alert/react/index.html +80 -80
  265. package/dist/docs/components/avatar/html/index.html +16 -16
  266. package/dist/docs/components/avatar/index.html +8 -8
  267. package/dist/docs/components/avatar/react/index.html +8 -8
  268. package/dist/docs/components/back-to-top/html/index.html +9 -9
  269. package/dist/docs/components/back-to-top/html-demos/index.html +4 -4
  270. package/dist/docs/components/back-to-top/index.html +8 -8
  271. package/dist/docs/components/back-to-top/react/index.html +8 -8
  272. package/dist/docs/components/backdrop/html/index.html +8 -8
  273. package/dist/docs/components/backdrop/index.html +3 -3
  274. package/dist/docs/components/backdrop/react/index.html +6 -6
  275. package/dist/docs/components/background-image/html/index.html +8 -8
  276. package/dist/docs/components/background-image/index.html +3 -3
  277. package/dist/docs/components/background-image/react/index.html +6 -6
  278. package/dist/docs/components/badge/html/index.html +12 -12
  279. package/dist/docs/components/badge/index.html +8 -8
  280. package/dist/docs/components/badge/react/index.html +8 -8
  281. package/dist/docs/components/banner/html/index.html +12 -12
  282. package/dist/docs/components/banner/html-demos/index.html +6 -6
  283. package/dist/docs/components/banner/index.html +11 -11
  284. package/dist/docs/components/banner/react/index.html +11 -11
  285. package/dist/docs/components/brand/html/index.html +13 -13
  286. package/dist/docs/components/brand/index.html +9 -9
  287. package/dist/docs/components/breadcrumb/html/index.html +18 -18
  288. package/dist/docs/components/breadcrumb/index.html +9 -9
  289. package/dist/docs/components/button/html-demos/index.html +8 -8
  290. package/dist/docs/components/button/react/index.html +34 -34
  291. package/dist/docs/components/calendar-month/react/index.html +9 -9
  292. package/dist/docs/components/card/html/index.html +37 -37
  293. package/dist/docs/components/card/html-demos/index.html +22 -22
  294. package/dist/docs/components/card/index.html +52 -52
  295. package/dist/docs/components/card/react/index.html +52 -52
  296. package/dist/docs/components/checkbox/react/index.html +16 -16
  297. package/dist/docs/components/chip/index.html +11 -11
  298. package/dist/docs/components/chip/react-deprecated/index.html +11 -11
  299. package/dist/docs/components/clipboard-copy/html/index.html +15 -15
  300. package/dist/docs/components/clipboard-copy/index.html +18 -18
  301. package/dist/docs/components/clipboard-copy/react/index.html +15 -15
  302. package/dist/docs/components/code-block/html/index.html +10 -10
  303. package/dist/docs/components/code-block/index.html +9 -9
  304. package/dist/docs/components/code-block/react/index.html +6 -6
  305. package/dist/docs/components/content/html/index.html +21 -21
  306. package/dist/docs/components/content/index.html +19 -19
  307. package/dist/docs/components/data-list/html/index.html +38 -38
  308. package/dist/docs/components/data-list/html-demos/index.html +12 -12
  309. package/dist/docs/components/data-list/index.html +21 -21
  310. package/dist/docs/components/date-picker/html/index.html +14 -14
  311. package/dist/docs/components/date-picker/index.html +17 -17
  312. package/dist/docs/components/date-picker/react/index.html +17 -17
  313. package/dist/docs/components/description-list/html-demos/index.html +11 -11
  314. package/dist/docs/components/description-list/react/index.html +39 -39
  315. package/dist/docs/components/divider/react/index.html +14 -14
  316. package/dist/docs/components/drag-and-drop/react-deprecated/index.html +9 -9
  317. package/dist/docs/components/drawer/html/index.html +30 -30
  318. package/dist/docs/components/drawer/html-demos/index.html +16 -16
  319. package/dist/docs/components/drawer/index.html +28 -28
  320. package/dist/docs/components/drawer/react/index.html +28 -28
  321. package/dist/docs/components/dropdown/index.html +17 -17
  322. package/dist/docs/components/dropdown/react/index.html +17 -17
  323. package/dist/docs/components/dual-list-selector/html/index.html +16 -16
  324. package/dist/docs/components/dual-list-selector/index.html +20 -20
  325. package/dist/docs/components/dual-list-selector/react/index.html +20 -20
  326. package/dist/docs/components/empty-state/html/index.html +11 -11
  327. package/dist/docs/components/empty-state/index.html +10 -10
  328. package/dist/docs/components/empty-state/react/index.html +13 -13
  329. package/dist/docs/components/expandable-section/html/index.html +17 -17
  330. package/dist/docs/components/expandable-section/index.html +18 -18
  331. package/dist/docs/components/expandable-section/react/index.html +18 -18
  332. package/dist/docs/components/form/html/index.html +16 -16
  333. package/dist/docs/components/form/html-demos/index.html +9 -9
  334. package/dist/docs/components/form/index.html +16 -16
  335. package/dist/docs/components/form/react/index.html +19 -19
  336. package/dist/docs/components/form-select/index.html +9 -9
  337. package/dist/docs/components/form-select/react/index.html +9 -9
  338. package/dist/docs/components/hint/react/index.html +11 -11
  339. package/dist/docs/components/icon/react/index.html +20 -20
  340. package/dist/docs/components/inline-edit/html/index.html +26 -26
  341. package/dist/docs/components/inline-edit/index.html +26 -26
  342. package/dist/docs/components/input-group/html/index.html +9 -9
  343. package/dist/docs/components/input-group/index.html +9 -9
  344. package/dist/docs/components/input-group/react/index.html +12 -12
  345. package/dist/docs/components/jump-links/html/index.html +17 -17
  346. package/dist/docs/components/jump-links/index.html +9 -9
  347. package/dist/docs/components/jump-links/react/index.html +12 -12
  348. package/dist/docs/components/list/html/index.html +16 -16
  349. package/dist/docs/components/list/index.html +12 -12
  350. package/dist/docs/components/list/react/index.html +12 -12
  351. package/dist/docs/components/login-page/html/index.html +14 -14
  352. package/dist/docs/components/login-page/index.html +10 -10
  353. package/dist/docs/components/login-page/react/index.html +13 -13
  354. package/dist/docs/components/masthead/html/index.html +13 -13
  355. package/dist/docs/components/masthead/html-demos/index.html +23 -23
  356. package/dist/docs/components/masthead/index.html +18 -18
  357. package/dist/docs/components/masthead/react/index.html +15 -15
  358. package/dist/docs/components/menu/html/index.html +46 -46
  359. package/dist/docs/components/menu/index.html +68 -68
  360. package/dist/docs/components/menu/react/index.html +68 -68
  361. package/dist/docs/components/menu-toggle/html/index.html +35 -35
  362. package/dist/docs/components/menu-toggle/index.html +66 -66
  363. package/dist/docs/components/menu-toggle/react/index.html +66 -66
  364. package/dist/docs/components/modal/html-demos/index.html +16 -16
  365. package/dist/docs/components/modal/react/index.html +41 -41
  366. package/dist/docs/components/multiple-file-upload/html/index.html +14 -14
  367. package/dist/docs/components/multiple-file-upload/index.html +29 -29
  368. package/dist/docs/components/multiple-file-upload/react/index.html +29 -29
  369. package/dist/docs/components/navigation/html/index.html +29 -29
  370. package/dist/docs/components/navigation/index.html +21 -21
  371. package/dist/docs/components/notification-drawer/html-demos/index.html +16 -16
  372. package/dist/docs/components/overflow-menu/react/index.html +9 -9
  373. package/dist/docs/components/page/html-demos/index.html +35 -35
  374. package/dist/docs/components/page/react/index.html +47 -47
  375. package/dist/docs/components/pagination/react/index.html +17 -17
  376. package/dist/docs/components/panel/html-demos/index.html +5 -5
  377. package/dist/docs/components/panel/react/index.html +25 -25
  378. package/dist/docs/components/popover/react/index.html +20 -20
  379. package/dist/docs/components/progress/react/index.html +20 -20
  380. package/dist/docs/components/progress-stepper/react/index.html +13 -13
  381. package/dist/docs/components/radio/react/index.html +12 -12
  382. package/dist/docs/components/search-input/index.html +14 -14
  383. package/dist/docs/components/search-input/react/index.html +14 -14
  384. package/dist/docs/components/select/index.html +62 -62
  385. package/dist/docs/components/select/react/index.html +62 -62
  386. package/dist/docs/components/sidebar/react/index.html +17 -17
  387. package/dist/docs/components/simple-file-upload/html/index.html +15 -15
  388. package/dist/docs/components/simple-file-upload/index.html +32 -32
  389. package/dist/docs/components/simple-file-upload/react/index.html +32 -32
  390. package/dist/docs/components/simple-list/react/index.html +9 -9
  391. package/dist/docs/components/skeleton/react/index.html +7 -7
  392. package/dist/docs/components/skip-to-content/react/index.html +3 -3
  393. package/dist/docs/components/slider/react/index.html +19 -19
  394. package/dist/docs/components/spinner/react/index.html +6 -6
  395. package/dist/docs/components/switch/react/index.html +12 -12
  396. package/dist/docs/components/table/html/index.html +129 -129
  397. package/dist/docs/components/table/html-demos/index.html +33 -33
  398. package/dist/docs/components/table/index.html +129 -129
  399. package/dist/docs/components/tabs/html/index.html +64 -64
  400. package/dist/docs/components/tabs/html-demos/index.html +13 -13
  401. package/dist/docs/components/tabs/index.html +74 -74
  402. package/dist/docs/components/tabs/react/index.html +74 -74
  403. package/dist/docs/components/text-area/index.html +15 -15
  404. package/dist/docs/components/text-area/react/index.html +15 -15
  405. package/dist/docs/components/text-input/index.html +10 -10
  406. package/dist/docs/components/text-input/react/index.html +10 -10
  407. package/dist/docs/components/text-input-group/html/index.html +27 -27
  408. package/dist/docs/components/text-input-group/index.html +16 -16
  409. package/dist/docs/components/text-input-group/react/index.html +16 -16
  410. package/dist/docs/components/tile/html-deprecated/index.html +14 -14
  411. package/dist/docs/components/tile/index.html +26 -26
  412. package/dist/docs/components/tile/react-deprecated/index.html +26 -26
  413. package/dist/docs/components/time-picker/index.html +10 -10
  414. package/dist/docs/components/time-picker/react/index.html +10 -10
  415. package/dist/docs/components/timestamp/html/index.html +5 -5
  416. package/dist/docs/components/timestamp/index.html +18 -18
  417. package/dist/docs/components/timestamp/react/index.html +18 -18
  418. package/dist/docs/components/title/react/index.html +7 -7
  419. package/dist/docs/components/toggle-group/react/index.html +21 -21
  420. package/dist/docs/components/toolbar/html-demos/index.html +12 -12
  421. package/dist/docs/components/toolbar/react/index.html +39 -39
  422. package/dist/docs/components/tooltip/react/index.html +9 -9
  423. package/dist/docs/components/tree-view/react/index.html +20 -20
  424. package/dist/docs/components/truncate/react/index.html +10 -10
  425. package/dist/docs/components/wizard/html/index.html +29 -29
  426. package/dist/docs/components/wizard/html-demos/index.html +22 -22
  427. package/dist/docs/components/wizard/index.html +32 -32
  428. package/dist/docs/components/wizard/react/index.html +32 -32
  429. package/dist/docs/components/wizard/react-deprecated/index.html +22 -22
  430. package/dist/docs/layouts/bullseye/html/index.html +8 -8
  431. package/dist/docs/layouts/bullseye/index.html +8 -8
  432. package/dist/docs/layouts/flex/html/index.html +87 -87
  433. package/dist/docs/layouts/flex/index.html +87 -87
  434. package/dist/docs/layouts/gallery/html/index.html +20 -20
  435. package/dist/docs/layouts/gallery/index.html +20 -20
  436. package/dist/docs/layouts/grid/html/index.html +22 -22
  437. package/dist/docs/layouts/grid/index.html +22 -22
  438. package/dist/docs/layouts/level/html/index.html +10 -10
  439. package/dist/docs/layouts/level/index.html +10 -10
  440. package/dist/docs/layouts/split/html/index.html +13 -13
  441. package/dist/docs/layouts/split/index.html +13 -13
  442. package/dist/docs/layouts/stack/html/index.html +12 -12
  443. package/dist/docs/layouts/stack/index.html +12 -12
  444. package/dist/docs/patterns/card-view/html-demos/index.html +4 -4
  445. package/dist/docs/patterns/card-view/index.html +4 -4
  446. package/dist/docs/patterns/dashboard/html-demos/index.html +4 -4
  447. package/dist/docs/patterns/dashboard/index.html +4 -4
  448. package/dist/docs/patterns/primary-detail/html-demos/index.html +20 -20
  449. package/dist/docs/patterns/primary-detail/index.html +20 -20
  450. package/dist/docs/utility-classes/accessibility/html/index.html +8 -8
  451. package/dist/docs/utility-classes/accessibility/index.html +8 -8
  452. package/dist/docs/utility-classes/alignment/html/index.html +7 -7
  453. package/dist/docs/utility-classes/alignment/index.html +7 -7
  454. package/dist/docs/utility-classes/background-color/html/index.html +9 -9
  455. package/dist/docs/utility-classes/background-color/index.html +9 -9
  456. package/dist/docs/utility-classes/flex/html/index.html +17 -17
  457. package/dist/docs/utility-classes/flex/index.html +17 -17
  458. package/dist/docs/utility-classes/float/html/index.html +10 -10
  459. package/dist/docs/utility-classes/float/index.html +10 -10
  460. package/dist/docs/utility-classes/sizing/html/index.html +31 -31
  461. package/dist/docs/utility-classes/sizing/index.html +31 -31
  462. package/dist/docs/utility-classes/spacing/html/index.html +12 -12
  463. package/dist/docs/utility-classes/spacing/index.html +12 -12
  464. package/dist/props.json +1 -1
  465. package/jest.config.ts +2 -0
  466. package/package.json +8 -6
  467. package/public/_routes.json +22 -0
  468. package/src/__mocks__/astro-content.ts +6 -0
  469. package/src/content.ts +1 -1
  470. package/src/pages/api/[version]/[section]/[page]/[tab].ts +153 -0
  471. package/src/pages/api/[version]/[section]/[page].ts +38 -0
  472. package/src/pages/api/[version]/[section].ts +37 -0
  473. package/src/pages/api/[version].ts +32 -0
  474. package/src/pages/api/index.ts +172 -0
  475. package/src/pages/api/openapi.json.ts +398 -0
  476. package/src/pages/api/versions.ts +17 -0
  477. package/src/pages/apiIndex.json.ts +27 -0
  478. package/src/utils/apiHelpers.ts +50 -0
  479. package/src/utils/apiIndex/fetch.ts +20 -0
  480. package/src/utils/apiIndex/generate.ts +164 -0
  481. package/src/utils/apiIndex/get.ts +94 -0
  482. package/src/utils/apiIndex/index.ts +8 -0
  483. package/src/utils/getOutputDir.ts +19 -0
  484. package/src/utils/packageUtils.ts +5 -3
  485. package/test.setup.ts +26 -0
  486. package/tsconfig.json +9 -4
  487. package/wrangler.jsonc +3 -7
  488. package/dist/docs/_worker.js/manifest_xB4kYTib.mjs +0 -100
  489. /package/dist/docs/_worker.js/chunks/{AboutModalBox_Cu3lYj-F.mjs → AboutModalBox_BNczOYyR.mjs} +0 -0
  490. /package/dist/docs/_worker.js/chunks/{AboutModalBox_CuJGPHPL.mjs → AboutModalBox_C8zbG7Rg.mjs} +0 -0
  491. /package/dist/docs/_worker.js/chunks/{AboutModal_2kPyLvs3.mjs → AboutModal_BPvzWsrK.mjs} +0 -0
  492. /package/dist/docs/_worker.js/chunks/{AboutModal_B0z7yzIi.mjs → AboutModal_CeYYXWLv.mjs} +0 -0
  493. /package/dist/docs/_worker.js/chunks/{AboutModal_BDdESuuB.mjs → AboutModal_DJyd9uvp.mjs} +0 -0
  494. /package/dist/docs/_worker.js/chunks/{AboutModal_Dz2U27Vz.mjs → AboutModal_NzRG49E2.mjs} +0 -0
  495. /package/dist/docs/_worker.js/chunks/{Accessibility_BRx5nlJS.mjs → Accessibility_COWkI0jH.mjs} +0 -0
  496. /package/dist/docs/_worker.js/chunks/{Accessibility_qcjoR3_w.mjs → Accessibility_DSa9S6Ia.mjs} +0 -0
  497. /package/dist/docs/_worker.js/chunks/{Accordion_BkjW7yKq.mjs → Accordion_BlqY2C4D.mjs} +0 -0
  498. /package/dist/docs/_worker.js/chunks/{Accordion_CeHgjBz5.mjs → Accordion_CBBb0bLf.mjs} +0 -0
  499. /package/dist/docs/_worker.js/chunks/{Accordion_Cf63uWRp.mjs → Accordion_DAJlnIsZ.mjs} +0 -0
  500. /package/dist/docs/_worker.js/chunks/{Accordion_CpKvLzts.mjs → Accordion_DPHcrnYm.mjs} +0 -0
  501. /package/dist/docs/_worker.js/chunks/{ActionList_CF8a0IE9.mjs → ActionList_BkFDr382.mjs} +0 -0
  502. /package/dist/docs/_worker.js/chunks/{ActionList_Ch2LF-uv.mjs → ActionList_ChWZANBN.mjs} +0 -0
  503. /package/dist/docs/_worker.js/chunks/{ActionList_DWfW-IXs.mjs → ActionList_CuNEWpkC.mjs} +0 -0
  504. /package/dist/docs/_worker.js/chunks/{ActionList_Do_u7FsF.mjs → ActionList_DY0cKgjH.mjs} +0 -0
  505. /package/dist/docs/_worker.js/chunks/{Alert_BRqRi--b.mjs → Alert_BMKUu0xa.mjs} +0 -0
  506. /package/dist/docs/_worker.js/chunks/{Alert_BkfSiopo.mjs → Alert_BxxG-qhM.mjs} +0 -0
  507. /package/dist/docs/_worker.js/chunks/{Alert_BvereOfi.mjs → Alert_CuWvSmhx.mjs} +0 -0
  508. /package/dist/docs/_worker.js/chunks/{Alert_DUygPpQ5.mjs → Alert_DSyLCSlk.mjs} +0 -0
  509. /package/dist/docs/_worker.js/chunks/{Alert_QN7Mib-4.mjs → Alert_DY6c8Khh.mjs} +0 -0
  510. /package/dist/docs/_worker.js/chunks/{Alert_e-PUKVbG.mjs → Alert_GrG2aXYs.mjs} +0 -0
  511. /package/dist/docs/_worker.js/chunks/{Alignment_BUigz3LN.mjs → Alignment_CheFF91a.mjs} +0 -0
  512. /package/dist/docs/_worker.js/chunks/{Alignment_BoQxc0QM.mjs → Alignment_PVMuqeaO.mjs} +0 -0
  513. /package/dist/docs/_worker.js/chunks/{Avatar_BQ-g5V1O.mjs → Avatar_BaNh8rVy.mjs} +0 -0
  514. /package/dist/docs/_worker.js/chunks/{Avatar_CaZKESle.mjs → Avatar_C869bl5e.mjs} +0 -0
  515. /package/dist/docs/_worker.js/chunks/{Avatar_D8ATrjy5.mjs → Avatar_fcU0a-xJ.mjs} +0 -0
  516. /package/dist/docs/_worker.js/chunks/{Avatar_DKuiyYnc.mjs → Avatar_oNtW34f1.mjs} +0 -0
  517. /package/dist/docs/_worker.js/chunks/{BackToTop_BoRi2cA8.mjs → BackToTop_3FLvF2xk.mjs} +0 -0
  518. /package/dist/docs/_worker.js/chunks/{BackToTop_CJUUzsiv.mjs → BackToTop_BA7x9mvO.mjs} +0 -0
  519. /package/dist/docs/_worker.js/chunks/{BackToTop_Cl-uD2kH.mjs → BackToTop_Bc0G7rHN.mjs} +0 -0
  520. /package/dist/docs/_worker.js/chunks/{BackToTop_Czsq0Qaz.mjs → BackToTop_Bs32_WdM.mjs} +0 -0
  521. /package/dist/docs/_worker.js/chunks/{BackToTop_Do5ZHwh-.mjs → BackToTop_C9BdLTse.mjs} +0 -0
  522. /package/dist/docs/_worker.js/chunks/{BackToTop__KYf0zZz.mjs → BackToTop_Dc0HPyKc.mjs} +0 -0
  523. /package/dist/docs/_worker.js/chunks/{Backdrop_1jDnW_h-.mjs → Backdrop_7uK7x__z.mjs} +0 -0
  524. /package/dist/docs/_worker.js/chunks/{Backdrop_9cK5Uglb.mjs → Backdrop_BG6uadcI.mjs} +0 -0
  525. /package/dist/docs/_worker.js/chunks/{Backdrop_D5kOAkXn.mjs → Backdrop_BtWYFg-O.mjs} +0 -0
  526. /package/dist/docs/_worker.js/chunks/{Backdrop_FSaNVAb6.mjs → Backdrop_BvxFQdF9.mjs} +0 -0
  527. /package/dist/docs/_worker.js/chunks/{BackgroundColor_DBPo2sc5.mjs → BackgroundColor_D1Af2EE6.mjs} +0 -0
  528. /package/dist/docs/_worker.js/chunks/{BackgroundColor_DVx1LiIA.mjs → BackgroundColor_km2Swoh1.mjs} +0 -0
  529. /package/dist/docs/_worker.js/chunks/{BackgroundImage_1B4Xqvjz.mjs → BackgroundImage_5kJenDad.mjs} +0 -0
  530. /package/dist/docs/_worker.js/chunks/{BackgroundImage_BFGSvlXv.mjs → BackgroundImage_BMN4T5dS.mjs} +0 -0
  531. /package/dist/docs/_worker.js/chunks/{BackgroundImage_CuYgrC7t.mjs → BackgroundImage_CLlcp6_G.mjs} +0 -0
  532. /package/dist/docs/_worker.js/chunks/{BackgroundImage_Dw6e0Lyu.mjs → BackgroundImage_WY20wili.mjs} +0 -0
  533. /package/dist/docs/_worker.js/chunks/{Badge_B-DCK0co.mjs → Badge_BbfV9eFd.mjs} +0 -0
  534. /package/dist/docs/_worker.js/chunks/{Badge_B3H9xO69.mjs → Badge_CH4M-tWN.mjs} +0 -0
  535. /package/dist/docs/_worker.js/chunks/{Badge_BcySz2jh.mjs → Badge_CWzUxB8l.mjs} +0 -0
  536. /package/dist/docs/_worker.js/chunks/{Badge_Jsmi3Kxq.mjs → Badge_CmDTaJjh.mjs} +0 -0
  537. /package/dist/docs/_worker.js/chunks/{Banner_B8ITz2zL.mjs → Banner_BUnrevVM.mjs} +0 -0
  538. /package/dist/docs/_worker.js/chunks/{Banner_BGiPyzR_.mjs → Banner_Cahzlmat.mjs} +0 -0
  539. /package/dist/docs/_worker.js/chunks/{Banner_Cg9HPJpG.mjs → Banner_FHaHghSg.mjs} +0 -0
  540. /package/dist/docs/_worker.js/chunks/{Banner_Cn7uthlJ.mjs → Banner_FlNcMFkL.mjs} +0 -0
  541. /package/dist/docs/_worker.js/chunks/{Banner_CxwqlJVm.mjs → Banner_JU8blRLq.mjs} +0 -0
  542. /package/dist/docs/_worker.js/chunks/{Banner_DOUhfqWw.mjs → Banner_PXq9izyR.mjs} +0 -0
  543. /package/dist/docs/_worker.js/chunks/{BasicForms_B8tjSKLE.mjs → BasicForms_CRKLIxWY.mjs} +0 -0
  544. /package/dist/docs/_worker.js/chunks/{BasicForms_CwmafI57.mjs → BasicForms_DfSp5KU7.mjs} +0 -0
  545. /package/dist/docs/_worker.js/chunks/{Brand_Bc16U4sl.mjs → Brand_B30r7hZ6.mjs} +0 -0
  546. /package/dist/docs/_worker.js/chunks/{Brand_Ca5twYGi.mjs → Brand_BfmPCXwg.mjs} +0 -0
  547. /package/dist/docs/_worker.js/chunks/{Brand_CiRWWx3E.mjs → Brand_BvvdXzb1.mjs} +0 -0
  548. /package/dist/docs/_worker.js/chunks/{Brand_EXmEIPy8.mjs → Brand_GLhvVdyd.mjs} +0 -0
  549. /package/dist/docs/_worker.js/chunks/{Breadcrumb_BX2cFjiF.mjs → Breadcrumb_3JGDbbuT.mjs} +0 -0
  550. /package/dist/docs/_worker.js/chunks/{Breadcrumb_BjI3zcaO.mjs → Breadcrumb_BRgcJqnY.mjs} +0 -0
  551. /package/dist/docs/_worker.js/chunks/{Breadcrumb_BpBuLVTr.mjs → Breadcrumb_BpSRoboz.mjs} +0 -0
  552. /package/dist/docs/_worker.js/chunks/{Breadcrumb_CirgAHgC.mjs → Breadcrumb_DZII1CYA.mjs} +0 -0
  553. /package/dist/docs/_worker.js/chunks/{Bullseye_BIs4SLst.mjs → Bullseye_CBKv8V48.mjs} +0 -0
  554. /package/dist/docs/_worker.js/chunks/{Bullseye_CN1FN4JT.mjs → Bullseye_DDNLt3fh.mjs} +0 -0
  555. /package/dist/docs/_worker.js/chunks/{Button_8xH2aT7J.mjs → Button_B-Y4jih0.mjs} +0 -0
  556. /package/dist/docs/_worker.js/chunks/{Button_B1kHGK3S.mjs → Button_BSFDzlps.mjs} +0 -0
  557. /package/dist/docs/_worker.js/chunks/{Button_C-S6OiP6.mjs → Button_CFHM4AFH.mjs} +0 -0
  558. /package/dist/docs/_worker.js/chunks/{Button_DFy1CpC-.mjs → Button_D38jkR7H.mjs} +0 -0
  559. /package/dist/docs/_worker.js/chunks/{Button_XADBi_Ls.mjs → Button_DmVPT4H2.mjs} +0 -0
  560. /package/dist/docs/_worker.js/chunks/{Button_danYwnXx.mjs → Button_agojXX0J.mjs} +0 -0
  561. /package/dist/docs/_worker.js/chunks/{CalendarMonth_B09a0u_g.mjs → CalendarMonth_C8v3gM3y.mjs} +0 -0
  562. /package/dist/docs/_worker.js/chunks/{CalendarMonth_BgAdBBc2.mjs → CalendarMonth_CWncV4uY.mjs} +0 -0
  563. /package/dist/docs/_worker.js/chunks/{CalendarMonth_CBumh51r.mjs → CalendarMonth_D_e29EfW.mjs} +0 -0
  564. /package/dist/docs/_worker.js/chunks/{CalendarMonth_C_WNUtgk.mjs → CalendarMonth_FATpCVIq.mjs} +0 -0
  565. /package/dist/docs/_worker.js/chunks/{CardView_DJgLPA2i.mjs → CardView_B-NDMEtF.mjs} +0 -0
  566. /package/dist/docs/_worker.js/chunks/{CardView_D_SJbntJ.mjs → CardView_Dpll06PH.mjs} +0 -0
  567. /package/dist/docs/_worker.js/chunks/{Card_-kgmEE9_.mjs → Card_7s4QIA2Z.mjs} +0 -0
  568. /package/dist/docs/_worker.js/chunks/{Card_BGXuqPsV.mjs → Card_B5XzQFdM.mjs} +0 -0
  569. /package/dist/docs/_worker.js/chunks/{Card_Bvgop1nZ.mjs → Card_BLB4dGR8.mjs} +0 -0
  570. /package/dist/docs/_worker.js/chunks/{Card_C6PpZ7gQ.mjs → Card_BS60F8kt.mjs} +0 -0
  571. /package/dist/docs/_worker.js/chunks/{Card_Ckqju2uX.mjs → Card_BtN8CqII.mjs} +0 -0
  572. /package/dist/docs/_worker.js/chunks/{Card_uIM_n8iH.mjs → Card_D8DoqX5T.mjs} +0 -0
  573. /package/dist/docs/_worker.js/chunks/{Check_DtQoPD6Z.mjs → Check_BB20AYbW.mjs} +0 -0
  574. /package/dist/docs/_worker.js/chunks/{Check_dBL7Gl6I.mjs → Check_DHkkgahn.mjs} +0 -0
  575. /package/dist/docs/_worker.js/chunks/{Checkbox_DvLpvMWN.mjs → Checkbox_DjV26Wgr.mjs} +0 -0
  576. /package/dist/docs/_worker.js/chunks/{Checkbox_DzcSGlbI.mjs → Checkbox_xflCkZIF.mjs} +0 -0
  577. /package/dist/docs/_worker.js/chunks/{Chip_CKLvI_Mf.mjs → Chip_BUMeI1O4.mjs} +0 -0
  578. /package/dist/docs/_worker.js/chunks/{Chip_DMEUR3Vv.mjs → Chip_BgLdVWOV.mjs} +0 -0
  579. /package/dist/docs/_worker.js/chunks/{ClipboardCopy_BXBMqMCs.mjs → ClipboardCopy_BIF12RM4.mjs} +0 -0
  580. /package/dist/docs/_worker.js/chunks/{ClipboardCopy_CFhZKIF0.mjs → ClipboardCopy_C4BuHCoz.mjs} +0 -0
  581. /package/dist/docs/_worker.js/chunks/{ClipboardCopy_DfLdAhwk.mjs → ClipboardCopy_DO-6QDpS.mjs} +0 -0
  582. /package/dist/docs/_worker.js/chunks/{ClipboardCopy_fnGItLg6.mjs → ClipboardCopy_qiS1xwMp.mjs} +0 -0
  583. /package/dist/docs/_worker.js/chunks/{CodeBlock_0C7qF2dr.mjs → CodeBlock_CYx5pFrZ.mjs} +0 -0
  584. /package/dist/docs/_worker.js/chunks/{CodeBlock_C6bcm2cn.mjs → CodeBlock_N2kfXLK5.mjs} +0 -0
  585. /package/dist/docs/_worker.js/chunks/{CodeBlock_C7Wzj1gx.mjs → CodeBlock_jCqMrKer.mjs} +0 -0
  586. /package/dist/docs/_worker.js/chunks/{CodeBlock_CdTE84x7.mjs → CodeBlock_lFFVflex.mjs} +0 -0
  587. /package/dist/docs/_worker.js/chunks/{CodeEditor_CWTZGsBI.mjs → CodeEditor_B9FvAqQv.mjs} +0 -0
  588. /package/dist/docs/_worker.js/chunks/{CodeEditor_D38VxLRX.mjs → CodeEditor_iJZcldbJ.mjs} +0 -0
  589. /package/dist/docs/_worker.js/chunks/{Content_BZxSjz_J.mjs → Content_DLR-SAaR.mjs} +0 -0
  590. /package/dist/docs/_worker.js/chunks/{Content_BmQwKJh_.mjs → Content_DQlmPrb8.mjs} +0 -0
  591. /package/dist/docs/_worker.js/chunks/{Content_DBNy5xBO.mjs → Content_DfqlBN-S.mjs} +0 -0
  592. /package/dist/docs/_worker.js/chunks/{Content_DrBKqT0k.mjs → Content_DhQ5uoQR.mjs} +0 -0
  593. /package/dist/docs/_worker.js/chunks/{Dashboard_B83TJg4a.mjs → Dashboard_BX0o5ROG.mjs} +0 -0
  594. /package/dist/docs/_worker.js/chunks/{Dashboard_DOtfffa6.mjs → Dashboard_CmcIupy1.mjs} +0 -0
  595. /package/dist/docs/_worker.js/chunks/{DataList_BjvE1-EN.mjs → DataList_BopnpeSv.mjs} +0 -0
  596. /package/dist/docs/_worker.js/chunks/{DataList_C8kDWfRu.mjs → DataList_C77dw91k.mjs} +0 -0
  597. /package/dist/docs/_worker.js/chunks/{DataList_CbE2AChO.mjs → DataList_C8deNCCm.mjs} +0 -0
  598. /package/dist/docs/_worker.js/chunks/{DataList_DSWugIlK.mjs → DataList_CHDx7o8c.mjs} +0 -0
  599. /package/dist/docs/_worker.js/chunks/{DataList_UQvuLrIO.mjs → DataList_DL12oPLb.mjs} +0 -0
  600. /package/dist/docs/_worker.js/chunks/{DataList_fAvCqaO9.mjs → DataList_DgaFlNxX.mjs} +0 -0
  601. /package/dist/docs/_worker.js/chunks/{DatePicker_ChDlX3iu.mjs → DatePicker_9PDaPseK.mjs} +0 -0
  602. /package/dist/docs/_worker.js/chunks/{DatePicker_DmPubMAh.mjs → DatePicker_DMkVH-KU.mjs} +0 -0
  603. /package/dist/docs/_worker.js/chunks/{DatePicker_DxC4SjdP.mjs → DatePicker_DsGMOhWO.mjs} +0 -0
  604. /package/dist/docs/_worker.js/chunks/{DatePicker_LoutNOXE.mjs → DatePicker_EvLi4WDs.mjs} +0 -0
  605. /package/dist/docs/_worker.js/chunks/{DescriptionList_3lGdBb0U.mjs → DescriptionList_ASlHyhtz.mjs} +0 -0
  606. /package/dist/docs/_worker.js/chunks/{DescriptionList_BDELBpRj.mjs → DescriptionList_BnVlCfDg.mjs} +0 -0
  607. /package/dist/docs/_worker.js/chunks/{DescriptionList_CLtdawK9.mjs → DescriptionList_ByVHfI3x.mjs} +0 -0
  608. /package/dist/docs/_worker.js/chunks/{DescriptionList_D1-hsrAN.mjs → DescriptionList_C1LMmPyz.mjs} +0 -0
  609. /package/dist/docs/_worker.js/chunks/{DescriptionList_nVVfmKOa.mjs → DescriptionList_CWoVmHWI.mjs} +0 -0
  610. /package/dist/docs/_worker.js/chunks/{DescriptionList_qJOduyx2.mjs → DescriptionList_D5Q0rs8C.mjs} +0 -0
  611. /package/dist/docs/_worker.js/chunks/{Display_IGnId0qr.mjs → Display_CAsjZFSd.mjs} +0 -0
  612. /package/dist/docs/_worker.js/chunks/{Display_s4e7T1j8.mjs → Display_xCEc_Oca.mjs} +0 -0
  613. /package/dist/docs/_worker.js/chunks/{Divider_CmZybpc_.mjs → Divider_B6OiIkro.mjs} +0 -0
  614. /package/dist/docs/_worker.js/chunks/{Divider_CvaEHek5.mjs → Divider_Bxbf5mZN.mjs} +0 -0
  615. /package/dist/docs/_worker.js/chunks/{Divider_DvFZnJJ7.mjs → Divider_CKYfxMgN.mjs} +0 -0
  616. /package/dist/docs/_worker.js/chunks/{Divider_pyLZ_EMM.mjs → Divider_Cnzfsx6G.mjs} +0 -0
  617. /package/dist/docs/_worker.js/chunks/{DragDrop_BvPhro74.mjs → DragDrop_1en70gW4.mjs} +0 -0
  618. /package/dist/docs/_worker.js/chunks/{DragDrop_CT1WBYhp.mjs → DragDrop_C0v3e_cU.mjs} +0 -0
  619. /package/dist/docs/_worker.js/chunks/{DragDrop_CUw_-GtF.mjs → DragDrop_Cin3wle-.mjs} +0 -0
  620. /package/dist/docs/_worker.js/chunks/{DragDrop_DSAdhUHP.mjs → DragDrop_mB4sMgjx.mjs} +0 -0
  621. /package/dist/docs/_worker.js/chunks/{Drawer_BVm5Yhus.mjs → Drawer_BW9erPO2.mjs} +0 -0
  622. /package/dist/docs/_worker.js/chunks/{Drawer_Bhax3CGl.mjs → Drawer_C-WgSkcG.mjs} +0 -0
  623. /package/dist/docs/_worker.js/chunks/{Drawer_CIBwlqQC.mjs → Drawer_C1KBDQ5l.mjs} +0 -0
  624. /package/dist/docs/_worker.js/chunks/{Drawer_CeYoRuud.mjs → Drawer_DA64hmKf.mjs} +0 -0
  625. /package/dist/docs/_worker.js/chunks/{Drawer_DpEoCU11.mjs → Drawer_DMc1uO89.mjs} +0 -0
  626. /package/dist/docs/_worker.js/chunks/{Drawer_GCYNgR69.mjs → Drawer_PeZQnMIO.mjs} +0 -0
  627. /package/dist/docs/_worker.js/chunks/{Dropdown_1ERtwj9O.mjs → Dropdown_Dg9_E15P.mjs} +0 -0
  628. /package/dist/docs/_worker.js/chunks/{Dropdown_D6m8nATe.mjs → Dropdown_Dn5FUndI.mjs} +0 -0
  629. /package/dist/docs/_worker.js/chunks/{DualListSelector_BeocT9BY.mjs → DualListSelector_-ZCw4aJP.mjs} +0 -0
  630. /package/dist/docs/_worker.js/chunks/{DualListSelector_CnuREgii.mjs → DualListSelector_BNVGJkd3.mjs} +0 -0
  631. /package/dist/docs/_worker.js/chunks/{DualListSelector_D7bU59cy.mjs → DualListSelector_Bjmq7VyJ.mjs} +0 -0
  632. /package/dist/docs/_worker.js/chunks/{DualListSelector_DaQc0u7L.mjs → DualListSelector_Bx4TqnjA.mjs} +0 -0
  633. /package/dist/docs/_worker.js/chunks/{DualListSelector_DnK-4e_t.mjs → DualListSelector_C4FOl0eW.mjs} +0 -0
  634. /package/dist/docs/_worker.js/chunks/{DualListSelector_eNCJBkn3.mjs → DualListSelector__iK-h_oy.mjs} +0 -0
  635. /package/dist/docs/_worker.js/chunks/{EmptyState_4aPHv0oS.mjs → EmptyState_BqEcPKpc.mjs} +0 -0
  636. /package/dist/docs/_worker.js/chunks/{EmptyState_BxopGC5Y.mjs → EmptyState_C0R60QYB.mjs} +0 -0
  637. /package/dist/docs/_worker.js/chunks/{EmptyState_CGPjIFR2.mjs → EmptyState_DRiJr40u.mjs} +0 -0
  638. /package/dist/docs/_worker.js/chunks/{EmptyState_Cm7R7m5E.mjs → EmptyState_b8WjbK6G.mjs} +0 -0
  639. /package/dist/docs/_worker.js/chunks/{ExpandableSection_7MhgwzIQ.mjs → ExpandableSection_C5wB6yQe.mjs} +0 -0
  640. /package/dist/docs/_worker.js/chunks/{ExpandableSection_C9EV1430.mjs → ExpandableSection_CAudiMeL.mjs} +0 -0
  641. /package/dist/docs/_worker.js/chunks/{ExpandableSection_ChLVmhmz.mjs → ExpandableSection_h__Wlq_8.mjs} +0 -0
  642. /package/dist/docs/_worker.js/chunks/{ExpandableSection_DbaTBUK0.mjs → ExpandableSection_rino3ake.mjs} +0 -0
  643. /package/dist/docs/_worker.js/chunks/{FileUpload_-AMCHxRs.mjs → FileUpload_BBytFSDi.mjs} +0 -0
  644. /package/dist/docs/_worker.js/chunks/{FileUpload_Bh088GWC.mjs → FileUpload_Brcpxjgy.mjs} +0 -0
  645. /package/dist/docs/_worker.js/chunks/{FileUpload_Bp400wRv.mjs → FileUpload_CCluI7Qg.mjs} +0 -0
  646. /package/dist/docs/_worker.js/chunks/{FileUpload_Bw9Y-_MR.mjs → FileUpload_CJv9o7iX.mjs} +0 -0
  647. /package/dist/docs/_worker.js/chunks/{Flex_CKc1G2R_.mjs → Flex_BSEvNiCq.mjs} +0 -0
  648. /package/dist/docs/_worker.js/chunks/{Flex_CZUMPRAJ.mjs → Flex_DBp4St0L.mjs} +0 -0
  649. /package/dist/docs/_worker.js/chunks/{Flex_DKSXSurr.mjs → Flex_DMpmr1cB.mjs} +0 -0
  650. /package/dist/docs/_worker.js/chunks/{Flex_YfCm5HaC.mjs → Flex_MwVi3xPw.mjs} +0 -0
  651. /package/dist/docs/_worker.js/chunks/{Float_BPeNj4E6.mjs → Float_CSEpZMsA.mjs} +0 -0
  652. /package/dist/docs/_worker.js/chunks/{Float_iQZnnAiX.mjs → Float_DiHaeRgP.mjs} +0 -0
  653. /package/dist/docs/_worker.js/chunks/{FormControl_CZWnehfz.mjs → FormControl_CwgwqtI-.mjs} +0 -0
  654. /package/dist/docs/_worker.js/chunks/{FormControl_Cx-ba5Qk.mjs → FormControl_kYJyUVQi.mjs} +0 -0
  655. /package/dist/docs/_worker.js/chunks/{FormSelect_-gqb1xwe.mjs → FormSelect_DCumhhO4.mjs} +0 -0
  656. /package/dist/docs/_worker.js/chunks/{FormSelect_DEsRV24d.mjs → FormSelect_DorfB_dn.mjs} +0 -0
  657. /package/dist/docs/_worker.js/chunks/{Form_D1nKt_79.mjs → Form_BoHYDmOW.mjs} +0 -0
  658. /package/dist/docs/_worker.js/chunks/{Form_D3G3m68w.mjs → Form_Bzc8we9g.mjs} +0 -0
  659. /package/dist/docs/_worker.js/chunks/{Form_DWJD_soL.mjs → Form_CkOABJis.mjs} +0 -0
  660. /package/dist/docs/_worker.js/chunks/{Form_PYxb5bzV.mjs → Form_opnqDEUL.mjs} +0 -0
  661. /package/dist/docs/_worker.js/chunks/{Gallery_B0D9c9SA.mjs → Gallery_CaNW5BKu.mjs} +0 -0
  662. /package/dist/docs/_worker.js/chunks/{Gallery_DXqxzx-Z.mjs → Gallery_Cl9YyYS-.mjs} +0 -0
  663. /package/dist/docs/_worker.js/chunks/{Grid_Cd2BcI08.mjs → Grid_CRvH-aCL.mjs} +0 -0
  664. /package/dist/docs/_worker.js/chunks/{Grid_Dox2ZoC6.mjs → Grid_DGUOKf99.mjs} +0 -0
  665. /package/dist/docs/_worker.js/chunks/{HelperText_8gmB4M_G.mjs → HelperText_7uSwd4Bo.mjs} +0 -0
  666. /package/dist/docs/_worker.js/chunks/{HelperText_B8Cok64Y.mjs → HelperText_BGQ-3A0k.mjs} +0 -0
  667. /package/dist/docs/_worker.js/chunks/{HelperText_BHC4l-i3.mjs → HelperText_BLszq2Gb.mjs} +0 -0
  668. /package/dist/docs/_worker.js/chunks/{HelperText_BpmMVNF4.mjs → HelperText_BrRGcKIR.mjs} +0 -0
  669. /package/dist/docs/_worker.js/chunks/{HelperText_DD9mIdb7.mjs → HelperText_DxtUrixW.mjs} +0 -0
  670. /package/dist/docs/_worker.js/chunks/{HelperText_X1kywm1k.mjs → HelperText_Mxj1MT36.mjs} +0 -0
  671. /package/dist/docs/_worker.js/chunks/{Hint_BOj5Ckqk.mjs → Hint_0gsAL_6K.mjs} +0 -0
  672. /package/dist/docs/_worker.js/chunks/{Hint_Btj22muI.mjs → Hint_CFny7XG0.mjs} +0 -0
  673. /package/dist/docs/_worker.js/chunks/{Hint_CRiLDYNg.mjs → Hint_DefhAp7H.mjs} +0 -0
  674. /package/dist/docs/_worker.js/chunks/{Hint_XUWVZoQD.mjs → Hint_DvPFB4ub.mjs} +0 -0
  675. /package/dist/docs/_worker.js/chunks/{Icon_5GI-2iys.mjs → Icon_BWLCvO1K.mjs} +0 -0
  676. /package/dist/docs/_worker.js/chunks/{Icon_BLzTbMWd.mjs → Icon_BczAebuY.mjs} +0 -0
  677. /package/dist/docs/_worker.js/chunks/{Icon_CqNe5xhP.mjs → Icon_CsUv3L9e.mjs} +0 -0
  678. /package/dist/docs/_worker.js/chunks/{Icon_NgZ_DoK3.mjs → Icon_u3du6xT4.mjs} +0 -0
  679. /package/dist/docs/_worker.js/chunks/{InlineEdit_B969VsU7.mjs → InlineEdit_Baoy8Mpe.mjs} +0 -0
  680. /package/dist/docs/_worker.js/chunks/{InlineEdit_fEHXpDuD.mjs → InlineEdit_DWDZ_00O.mjs} +0 -0
  681. /package/dist/docs/_worker.js/chunks/{InputGroup_5rI-0jg-.mjs → InputGroup_BsEj5wS8.mjs} +0 -0
  682. /package/dist/docs/_worker.js/chunks/{InputGroup_CP0BMHVg.mjs → InputGroup_DjQzimD7.mjs} +0 -0
  683. /package/dist/docs/_worker.js/chunks/{InputGroup_CpVp7l7v.mjs → InputGroup_P8g0qhgK.mjs} +0 -0
  684. /package/dist/docs/_worker.js/chunks/{InputGroup_nIpwoKB2.mjs → InputGroup_d8k8cWIf.mjs} +0 -0
  685. /package/dist/docs/_worker.js/chunks/{JumpLinks_3QOMFEfu.mjs → JumpLinks_BCPXiiLz.mjs} +0 -0
  686. /package/dist/docs/_worker.js/chunks/{JumpLinks_BxcpZFcw.mjs → JumpLinks_Bla_syZz.mjs} +0 -0
  687. /package/dist/docs/_worker.js/chunks/{JumpLinks_Cjqgk36d.mjs → JumpLinks_C5D_xKoP.mjs} +0 -0
  688. /package/dist/docs/_worker.js/chunks/{JumpLinks_D0c3iyVx.mjs → JumpLinks_CM0JaWX5.mjs} +0 -0
  689. /package/dist/docs/_worker.js/chunks/{JumpLinks_DRKVlWuV.mjs → JumpLinks_D6n6zbys.mjs} +0 -0
  690. /package/dist/docs/_worker.js/chunks/{JumpLinks_wCe-iuR1.mjs → JumpLinks_wOWDSGdE.mjs} +0 -0
  691. /package/dist/docs/_worker.js/chunks/{Label_D7g8PiVp.mjs → Label_10PYmgmY.mjs} +0 -0
  692. /package/dist/docs/_worker.js/chunks/{Label_Ui5uJD3i.mjs → Label_B5OSeK3h.mjs} +0 -0
  693. /package/dist/docs/_worker.js/chunks/{Label_WP06UeBh.mjs → Label_BT-0r2eh.mjs} +0 -0
  694. /package/dist/docs/_worker.js/chunks/{Label_r4hFZ6er.mjs → Label_joomVXEb.mjs} +0 -0
  695. /package/dist/docs/_worker.js/chunks/{Level_BAc2AXw7.mjs → Level_BI1SxWef.mjs} +0 -0
  696. /package/dist/docs/_worker.js/chunks/{Level_CEIrAmfV.mjs → Level_C3pSfUGg.mjs} +0 -0
  697. /package/dist/docs/_worker.js/chunks/{List_C6OSxDQM.mjs → List_BpLWxsBw.mjs} +0 -0
  698. /package/dist/docs/_worker.js/chunks/{List_DSMt7Cat.mjs → List_CPsQIcHe.mjs} +0 -0
  699. /package/dist/docs/_worker.js/chunks/{List_DhQEOBM-.mjs → List_DyPWZ4dC.mjs} +0 -0
  700. /package/dist/docs/_worker.js/chunks/{List_DysZ1TvG.mjs → List_EjRUnTW3.mjs} +0 -0
  701. /package/dist/docs/_worker.js/chunks/{LoginPage_C4gxnxqJ.mjs → LoginPage_Bys39qKW.mjs} +0 -0
  702. /package/dist/docs/_worker.js/chunks/{LoginPage_gWBzKOCs.mjs → LoginPage_D6cqn-De.mjs} +0 -0
  703. /package/dist/docs/_worker.js/chunks/{Login_BwwgZ1z_.mjs → Login_CRFcCJ1F.mjs} +0 -0
  704. /package/dist/docs/_worker.js/chunks/{Login_e4VsumLx.mjs → Login_DjNhEc3s.mjs} +0 -0
  705. /package/dist/docs/_worker.js/chunks/{Masthead_BaLmq3V3.mjs → Masthead_CHNvxuLR.mjs} +0 -0
  706. /package/dist/docs/_worker.js/chunks/{Masthead_BtIJoqaR.mjs → Masthead_CUO_hUC8.mjs} +0 -0
  707. /package/dist/docs/_worker.js/chunks/{Masthead_Cusyq_Me.mjs → Masthead_DmXqVBTy.mjs} +0 -0
  708. /package/dist/docs/_worker.js/chunks/{Masthead_DQwZX3rc.mjs → Masthead_uCL2Ca9k.mjs} +0 -0
  709. /package/dist/docs/_worker.js/chunks/{MenuToggle_CDNmk80b.mjs → MenuToggle_4nodyVMz.mjs} +0 -0
  710. /package/dist/docs/_worker.js/chunks/{MenuToggle_CZbKtgll.mjs → MenuToggle_DtK3RWjL.mjs} +0 -0
  711. /package/dist/docs/_worker.js/chunks/{MenuToggle_Cvxc6Do1.mjs → MenuToggle_bgqkjE6A.mjs} +0 -0
  712. /package/dist/docs/_worker.js/chunks/{MenuToggle_DQwNzPE1.mjs → MenuToggle_o4Dqsi3u.mjs} +0 -0
  713. /package/dist/docs/_worker.js/chunks/{Menu_BC8Spjbp.mjs → Menu_0LT543_p.mjs} +0 -0
  714. /package/dist/docs/_worker.js/chunks/{Menu_DB5IGI1b.mjs → Menu_2b0UR-6T.mjs} +0 -0
  715. /package/dist/docs/_worker.js/chunks/{Menu_Dd7cUFxO.mjs → Menu_CBGdbN93.mjs} +0 -0
  716. /package/dist/docs/_worker.js/chunks/{Menu_e6jsNFoi.mjs → Menu_hqH2xQxg.mjs} +0 -0
  717. /package/dist/docs/_worker.js/chunks/{ModalBox_B28Vs7V3.mjs → ModalBox_CzkZSzrd.mjs} +0 -0
  718. /package/dist/docs/_worker.js/chunks/{ModalBox_BDco84SU.mjs → ModalBox_kwfBIunq.mjs} +0 -0
  719. /package/dist/docs/_worker.js/chunks/{Modal_84GGyH0c.mjs → Modal_Bpx0iW6c.mjs} +0 -0
  720. /package/dist/docs/_worker.js/chunks/{Modal_BOmjGSKk.mjs → Modal_CSIoBkBr.mjs} +0 -0
  721. /package/dist/docs/_worker.js/chunks/{Modal_BdeZYZZs.mjs → Modal_CnPo-ABL.mjs} +0 -0
  722. /package/dist/docs/_worker.js/chunks/{Modal_BnHK8dnm.mjs → Modal_DKilyTAV.mjs} +0 -0
  723. /package/dist/docs/_worker.js/chunks/{Modal_CqYltJNt.mjs → Modal_DN-Azg_w.mjs} +0 -0
  724. /package/dist/docs/_worker.js/chunks/{Modal_D6jcNSOq.mjs → Modal_DzYmzeGE.mjs} +0 -0
  725. /package/dist/docs/_worker.js/chunks/{MultipleFileUpload_CQN5eUgt.mjs → MultipleFileUpload_CjEU9p7V.mjs} +0 -0
  726. /package/dist/docs/_worker.js/chunks/{MultipleFileUpload_Cv3T9cn-.mjs → MultipleFileUpload_D4LKDzYq.mjs} +0 -0
  727. /package/dist/docs/_worker.js/chunks/{MultipleFileUpload_D2RhoUzE.mjs → MultipleFileUpload_DdxtAP19.mjs} +0 -0
  728. /package/dist/docs/_worker.js/chunks/{MultipleFileUpload_DqffoKSG.mjs → MultipleFileUpload_wDTOxCC9.mjs} +0 -0
  729. /package/dist/docs/_worker.js/chunks/{Nav_CG7pNOh5.mjs → Nav_BATtn7bk.mjs} +0 -0
  730. /package/dist/docs/_worker.js/chunks/{Nav_DTgr-Deb.mjs → Nav_BqMj_gPp.mjs} +0 -0
  731. /package/dist/docs/_worker.js/chunks/{Nav_DsgaUTlX.mjs → Nav_D33MzYMl.mjs} +0 -0
  732. /package/dist/docs/_worker.js/chunks/{Nav_Dwv1wbS7.mjs → Nav_tA7NbsS3.mjs} +0 -0
  733. /package/dist/docs/_worker.js/chunks/{Navigation_BmHwp3BY.mjs → Navigation_DoWPQ5LS.mjs} +0 -0
  734. /package/dist/docs/_worker.js/chunks/{Navigation_Gm42mz-n.mjs → Navigation_Rmf0M5K4.mjs} +0 -0
  735. /package/dist/docs/_worker.js/chunks/{NotificationBadge_BCxxwhDV.mjs → NotificationBadge_BIHI5GFt.mjs} +0 -0
  736. /package/dist/docs/_worker.js/chunks/{NotificationBadge_gtf3PjsJ.mjs → NotificationBadge_DiyARpVj.mjs} +0 -0
  737. /package/dist/docs/_worker.js/chunks/{NotificationDrawer_BFcw-JMX.mjs → NotificationDrawer_013jjH_e.mjs} +0 -0
  738. /package/dist/docs/_worker.js/chunks/{NotificationDrawer_BKBxtVES.mjs → NotificationDrawer_BNxY5Eah.mjs} +0 -0
  739. /package/dist/docs/_worker.js/chunks/{NotificationDrawer_Bddrf2Un.mjs → NotificationDrawer_C3thy49Y.mjs} +0 -0
  740. /package/dist/docs/_worker.js/chunks/{NotificationDrawer_BoAeQOU8.mjs → NotificationDrawer_C8Fjmo5m.mjs} +0 -0
  741. /package/dist/docs/_worker.js/chunks/{NotificationDrawer_CwqkMymK.mjs → NotificationDrawer_DHwcy9f5.mjs} +0 -0
  742. /package/dist/docs/_worker.js/chunks/{NotificationDrawer_Ku2DG1ck.mjs → NotificationDrawer_rTWPksCc.mjs} +0 -0
  743. /package/dist/docs/_worker.js/chunks/{NumberInput_CPArAL8e.mjs → NumberInput_BFDxFV9D.mjs} +0 -0
  744. /package/dist/docs/_worker.js/chunks/{NumberInput_D4ffcrpz.mjs → NumberInput_D5vYFjne.mjs} +0 -0
  745. /package/dist/docs/_worker.js/chunks/{NumberInput_D7DKDbT0.mjs → NumberInput_M0Sd7UfY.mjs} +0 -0
  746. /package/dist/docs/_worker.js/chunks/{NumberInput_Dt8GUVeQ.mjs → NumberInput_aqt4W9hb.mjs} +0 -0
  747. /package/dist/docs/_worker.js/chunks/{OverflowMenu_BZPvRQE6.mjs → OverflowMenu_BWVYHmco.mjs} +0 -0
  748. /package/dist/docs/_worker.js/chunks/{OverflowMenu_ywYA4why.mjs → OverflowMenu_BkMc8O29.mjs} +0 -0
  749. /package/dist/docs/_worker.js/chunks/{Page_Bbclnhop.mjs → Page_BgiPPfGJ.mjs} +0 -0
  750. /package/dist/docs/_worker.js/chunks/{Page_Bherxii8.mjs → Page_Bpdexkck.mjs} +0 -0
  751. /package/dist/docs/_worker.js/chunks/{Page_BnDMk5TN.mjs → Page_C6e3Wcvf.mjs} +0 -0
  752. /package/dist/docs/_worker.js/chunks/{Page_CL3iohOb.mjs → Page_DxVMDs1z.mjs} +0 -0
  753. /package/dist/docs/_worker.js/chunks/{Page_Cpy3VIi2.mjs → Page_HCEWkfu-.mjs} +0 -0
  754. /package/dist/docs/_worker.js/chunks/{Page_KSsf23kL.mjs → Page_QHbf9_pN.mjs} +0 -0
  755. /package/dist/docs/_worker.js/chunks/{Pagination_4C0r1YU8.mjs → Pagination_Bf0U8Ppq.mjs} +0 -0
  756. /package/dist/docs/_worker.js/chunks/{Pagination_CsIksseS.mjs → Pagination_C4FcSv9N.mjs} +0 -0
  757. /package/dist/docs/_worker.js/chunks/{Pagination_Y-MqM1T2.mjs → Pagination_DFSrNbL0.mjs} +0 -0
  758. /package/dist/docs/_worker.js/chunks/{Pagination_p8GOVfco.mjs → Pagination_DMyPaqOU.mjs} +0 -0
  759. /package/dist/docs/_worker.js/chunks/{Panel_BdXDuvHb.mjs → Panel_B996ca4L.mjs} +0 -0
  760. /package/dist/docs/_worker.js/chunks/{Panel_CUpAdYDW.mjs → Panel_C1AAzXYr.mjs} +0 -0
  761. /package/dist/docs/_worker.js/chunks/{Panel_DoOUm9Ui.mjs → Panel_CAKH2f-p.mjs} +0 -0
  762. /package/dist/docs/_worker.js/chunks/{Panel_DxdabmGX.mjs → Panel_D7grKWqD.mjs} +0 -0
  763. /package/dist/docs/_worker.js/chunks/{Panel_Ed2XE25E.mjs → Panel_EzQ0x3Cl.mjs} +0 -0
  764. /package/dist/docs/_worker.js/chunks/{Panel_Uvk5Q-8b.mjs → Panel_JVXI7u2T.mjs} +0 -0
  765. /package/dist/docs/_worker.js/chunks/{PasswordGenerator_DvtvKIPr.mjs → PasswordGenerator_hm2WtbqS.mjs} +0 -0
  766. /package/dist/docs/_worker.js/chunks/{PasswordGenerator__CRlL6Re.mjs → PasswordGenerator_nLFggIPn.mjs} +0 -0
  767. /package/dist/docs/_worker.js/chunks/{PasswordStrength_CDkQk5jS.mjs → PasswordStrength_BNeZqh0T.mjs} +0 -0
  768. /package/dist/docs/_worker.js/chunks/{PasswordStrength_FDVp9qOu.mjs → PasswordStrength_BmyxbfzW.mjs} +0 -0
  769. /package/dist/docs/_worker.js/chunks/{Popover_BaxEBPGC.mjs → Popover_BlGq8udJ.mjs} +0 -0
  770. /package/dist/docs/_worker.js/chunks/{Popover_BvJgRsDX.mjs → Popover_C5RkMhat.mjs} +0 -0
  771. /package/dist/docs/_worker.js/chunks/{Popover_Crzi2U7s.mjs → Popover_CUrAn16A.mjs} +0 -0
  772. /package/dist/docs/_worker.js/chunks/{Popover_D4Rprb88.mjs → Popover_CmkeaOXw.mjs} +0 -0
  773. /package/dist/docs/_worker.js/chunks/{PrimaryDetail_BJX8A5gh.mjs → PrimaryDetail_Br4DBd7-.mjs} +0 -0
  774. /package/dist/docs/_worker.js/chunks/{PrimaryDetail_ohevNTGn.mjs → PrimaryDetail_wETOUBby.mjs} +0 -0
  775. /package/dist/docs/_worker.js/chunks/{ProgressStepper_BwYdpB3M.mjs → ProgressStepper_5hC5ErHJ.mjs} +0 -0
  776. /package/dist/docs/_worker.js/chunks/{ProgressStepper_C0MIrCHO.mjs → ProgressStepper_B5W2DDfg.mjs} +0 -0
  777. /package/dist/docs/_worker.js/chunks/{ProgressStepper_CoG2KqNj.mjs → ProgressStepper_CCxjkVxY.mjs} +0 -0
  778. /package/dist/docs/_worker.js/chunks/{ProgressStepper_EYSOoJUK.mjs → ProgressStepper_jzLizIsd.mjs} +0 -0
  779. /package/dist/docs/_worker.js/chunks/{Progress_77N7LoDl.mjs → Progress_9GoLjGCC.mjs} +0 -0
  780. /package/dist/docs/_worker.js/chunks/{Progress_DnHKih8B.mjs → Progress_BCdRu5w5.mjs} +0 -0
  781. /package/dist/docs/_worker.js/chunks/{Progress_SH8Wgn2l.mjs → Progress_Da4xoZKv.mjs} +0 -0
  782. /package/dist/docs/_worker.js/chunks/{Progress_ga6ne-3u.mjs → Progress_DjisjMjt.mjs} +0 -0
  783. /package/dist/docs/_worker.js/chunks/{Radio_DpoGB369.mjs → Radio_AVu3xWm4.mjs} +0 -0
  784. /package/dist/docs/_worker.js/chunks/{Radio_PEZsmW0U.mjs → Radio_B930vzjv.mjs} +0 -0
  785. /package/dist/docs/_worker.js/chunks/{Radio_kGQfeHsD.mjs → Radio_BOfPilA6.mjs} +0 -0
  786. /package/dist/docs/_worker.js/chunks/{Radio_tRqHqPQC.mjs → Radio_BymcVmAF.mjs} +0 -0
  787. /package/dist/docs/_worker.js/chunks/{SearchInput_B7s6DghY.mjs → SearchInput_BbysWK99.mjs} +0 -0
  788. /package/dist/docs/_worker.js/chunks/{SearchInput_BVsGlLbd.mjs → SearchInput_o6iAoUM3.mjs} +0 -0
  789. /package/dist/docs/_worker.js/chunks/{Select_CPToiYlj.mjs → Select_B0bVVHCs.mjs} +0 -0
  790. /package/dist/docs/_worker.js/chunks/{Select_yedC6G6t.mjs → Select_d8RkzaRn.mjs} +0 -0
  791. /package/dist/docs/_worker.js/chunks/{Sidebar_C2fiat3y.mjs → Sidebar_BB5vNO8S.mjs} +0 -0
  792. /package/dist/docs/_worker.js/chunks/{Sidebar_CYHBu70Q.mjs → Sidebar_C3vaosQs.mjs} +0 -0
  793. /package/dist/docs/_worker.js/chunks/{Sidebar_C_9Fd52y.mjs → Sidebar_Hbc-hyfz.mjs} +0 -0
  794. /package/dist/docs/_worker.js/chunks/{Sidebar_D2waDqIj.mjs → Sidebar_zLhCCgEz.mjs} +0 -0
  795. /package/dist/docs/_worker.js/chunks/{SimpleList_BBtw7RRV.mjs → SimpleList_BIjPmYgM.mjs} +0 -0
  796. /package/dist/docs/_worker.js/chunks/{SimpleList_BHWzWOok.mjs → SimpleList_BMBZ4ubr.mjs} +0 -0
  797. /package/dist/docs/_worker.js/chunks/{SimpleList_BOv36gbU.mjs → SimpleList_ByrTBIUc.mjs} +0 -0
  798. /package/dist/docs/_worker.js/chunks/{SimpleList_Dj69rLVv.mjs → SimpleList_DFm_g-fn.mjs} +0 -0
  799. /package/dist/docs/_worker.js/chunks/{Sizing_C1QZFL_E.mjs → Sizing_WiM96Coa.mjs} +0 -0
  800. /package/dist/docs/_worker.js/chunks/{Sizing_Dxrc30Nv.mjs → Sizing_lxaijvdJ.mjs} +0 -0
  801. /package/dist/docs/_worker.js/chunks/{Skeleton_B6Mm1DZz.mjs → Skeleton_BVzopubP.mjs} +0 -0
  802. /package/dist/docs/_worker.js/chunks/{Skeleton_BKiE51CM.mjs → Skeleton_CMBKL_QY.mjs} +0 -0
  803. /package/dist/docs/_worker.js/chunks/{Skeleton_Bu6zp0Dn.mjs → Skeleton_D1d7Ls--.mjs} +0 -0
  804. /package/dist/docs/_worker.js/chunks/{Skeleton_D4bhr8Fv.mjs → Skeleton_D8IYbMNE.mjs} +0 -0
  805. /package/dist/docs/_worker.js/chunks/{Skeleton_qabG-AnL.mjs → Skeleton_DDzCYYny.mjs} +0 -0
  806. /package/dist/docs/_worker.js/chunks/{Skeleton_vrnkYUgg.mjs → Skeleton_skXxBW7s.mjs} +0 -0
  807. /package/dist/docs/_worker.js/chunks/{SkipToContent_DCpg7iCB.mjs → SkipToContent_ByrvpLJG.mjs} +0 -0
  808. /package/dist/docs/_worker.js/chunks/{SkipToContent_DnwyBXH-.mjs → SkipToContent_D_f2s3oX.mjs} +0 -0
  809. /package/dist/docs/_worker.js/chunks/{SkipToContent_DzTXUDDa.mjs → SkipToContent_XG5tgamW.mjs} +0 -0
  810. /package/dist/docs/_worker.js/chunks/{SkipToContent_egXh8jOg.mjs → SkipToContent_wi7cJyLp.mjs} +0 -0
  811. /package/dist/docs/_worker.js/chunks/{Slider_BNpuV7kj.mjs → Slider_B2n8OwKz.mjs} +0 -0
  812. /package/dist/docs/_worker.js/chunks/{Slider_Bbs3MNsS.mjs → Slider_BtsGJYz-.mjs} +0 -0
  813. /package/dist/docs/_worker.js/chunks/{Slider_D2plXDyI.mjs → Slider_DsaVwsvm.mjs} +0 -0
  814. /package/dist/docs/_worker.js/chunks/{Slider_DL27qP5s.mjs → Slider_rSWH_Kh6.mjs} +0 -0
  815. /package/dist/docs/_worker.js/chunks/{Spacing_lSym62Jb.mjs → Spacing_BuqgBwB8.mjs} +0 -0
  816. /package/dist/docs/_worker.js/chunks/{Spacing_rYOSzgN4.mjs → Spacing_Lx-Ift4n.mjs} +0 -0
  817. /package/dist/docs/_worker.js/chunks/{Spinner_BiZsT9RJ.mjs → Spinner_BYmNLzfa.mjs} +0 -0
  818. /package/dist/docs/_worker.js/chunks/{Spinner_Cf38mPT8.mjs → Spinner_Bn8uoaFN.mjs} +0 -0
  819. /package/dist/docs/_worker.js/chunks/{Spinner_Hd_tIbvz.mjs → Spinner_CLB8PnLk.mjs} +0 -0
  820. /package/dist/docs/_worker.js/chunks/{Spinner__fZrVHb_.mjs → Spinner_W5fBcNMl.mjs} +0 -0
  821. /package/dist/docs/_worker.js/chunks/{Split_D1treaJe.mjs → Split_BCMByRGx.mjs} +0 -0
  822. /package/dist/docs/_worker.js/chunks/{Split_PwujWn3H.mjs → Split_DVq_P7jJ.mjs} +0 -0
  823. /package/dist/docs/_worker.js/chunks/{Stack_D8fP-Krt.mjs → Stack_CEJQmOQp.mjs} +0 -0
  824. /package/dist/docs/_worker.js/chunks/{Stack_crS9__0f.mjs → Stack_mclPdvKq.mjs} +0 -0
  825. /package/dist/docs/_worker.js/chunks/{Switch_CC3_2NhS.mjs → Switch_CBPbTZT6.mjs} +0 -0
  826. /package/dist/docs/_worker.js/chunks/{Switch_CLQhY1q4.mjs → Switch_CFUA_-7x.mjs} +0 -0
  827. /package/dist/docs/_worker.js/chunks/{Switch_CP8w40yf.mjs → Switch_DfMCf8Qs.mjs} +0 -0
  828. /package/dist/docs/_worker.js/chunks/{Switch_DAZIPRwK.mjs → Switch_DkWcAwQ2.mjs} +0 -0
  829. /package/dist/docs/_worker.js/chunks/{Table_Bg9neNya.mjs → Table_4f1UVsxf.mjs} +0 -0
  830. /package/dist/docs/_worker.js/chunks/{Table_By3XLAbP.mjs → Table_CTLwlrmC.mjs} +0 -0
  831. /package/dist/docs/_worker.js/chunks/{Table_CeZ1KrPd.mjs → Table_Ckn3tIvz.mjs} +0 -0
  832. /package/dist/docs/_worker.js/chunks/{Table_D6thvL40.mjs → Table_ukl7L5L2.mjs} +0 -0
  833. /package/dist/docs/_worker.js/chunks/{Tabs_B1gKCwOC.mjs → Tabs_BvzXxAc6.mjs} +0 -0
  834. /package/dist/docs/_worker.js/chunks/{Tabs_BhhJ5Ftf.mjs → Tabs_CL9eue4_.mjs} +0 -0
  835. /package/dist/docs/_worker.js/chunks/{Tabs_C9OJ01tj.mjs → Tabs_CVD4lSlI.mjs} +0 -0
  836. /package/dist/docs/_worker.js/chunks/{Tabs_DW9gdUkB.mjs → Tabs_CiXrCf-A.mjs} +0 -0
  837. /package/dist/docs/_worker.js/chunks/{Tabs_Dv_8eEvW.mjs → Tabs_DLatEAC7.mjs} +0 -0
  838. /package/dist/docs/_worker.js/chunks/{Tabs_YNs2w28m.mjs → Tabs_gPZ5ZJaf.mjs} +0 -0
  839. /package/dist/docs/_worker.js/chunks/{TextArea_BMuaxWhv.mjs → TextArea_B4emCO1_.mjs} +0 -0
  840. /package/dist/docs/_worker.js/chunks/{TextArea_j6zBu7_-.mjs → TextArea_DIq23_hN.mjs} +0 -0
  841. /package/dist/docs/_worker.js/chunks/{TextInputGroup_BFhlZdjS.mjs → TextInputGroup_BGOKfb53.mjs} +0 -0
  842. /package/dist/docs/_worker.js/chunks/{TextInputGroup_Bn4eLBe-.mjs → TextInputGroup_CHjZ1eHK.mjs} +0 -0
  843. /package/dist/docs/_worker.js/chunks/{TextInputGroup_DdEFYYfN.mjs → TextInputGroup_CQc6AuHy.mjs} +0 -0
  844. /package/dist/docs/_worker.js/chunks/{TextInputGroup_Ds9p0rE6.mjs → TextInputGroup_Dr84Rg8o.mjs} +0 -0
  845. /package/dist/docs/_worker.js/chunks/{TextInput_BqM5E3Nt.mjs → TextInput_B1ftVWip.mjs} +0 -0
  846. /package/dist/docs/_worker.js/chunks/{TextInput_W9YdZtmx.mjs → TextInput_CTT_OaeG.mjs} +0 -0
  847. /package/dist/docs/_worker.js/chunks/{Text_BTYUaBli.mjs → Text_B96Pq1eG.mjs} +0 -0
  848. /package/dist/docs/_worker.js/chunks/{Text_BVDJzfkC.mjs → Text_km3miJkE.mjs} +0 -0
  849. /package/dist/docs/_worker.js/chunks/{Tile_BGfP6xoy.mjs → Tile_CG-4K6d7.mjs} +0 -0
  850. /package/dist/docs/_worker.js/chunks/{Tile_C4zOvKwd.mjs → Tile_D0SH9RAu.mjs} +0 -0
  851. /package/dist/docs/_worker.js/chunks/{Tile_Dy6xv_Cx.mjs → Tile_DfOQnjlU.mjs} +0 -0
  852. /package/dist/docs/_worker.js/chunks/{Tile_OcShDyfi.mjs → Tile_DwxoFKM2.mjs} +0 -0
  853. /package/dist/docs/_worker.js/chunks/{TimePicker_D40pO6wL.mjs → TimePicker_CGnrbJgo.mjs} +0 -0
  854. /package/dist/docs/_worker.js/chunks/{TimePicker_DronltvG.mjs → TimePicker_Dp-iVUGJ.mjs} +0 -0
  855. /package/dist/docs/_worker.js/chunks/{Timestamp_21KOF4vK.mjs → Timestamp_BhBOsF9y.mjs} +0 -0
  856. /package/dist/docs/_worker.js/chunks/{Timestamp_4_JX0dDI.mjs → Timestamp_Cl_hobA3.mjs} +0 -0
  857. /package/dist/docs/_worker.js/chunks/{Timestamp_BebzYDpV.mjs → Timestamp_D8Wm7LvG.mjs} +0 -0
  858. /package/dist/docs/_worker.js/chunks/{Timestamp_CYTDOiws.mjs → Timestamp_DEE4pnOa.mjs} +0 -0
  859. /package/dist/docs/_worker.js/chunks/{Title_45FgJuMK.mjs → Title_C5gY1ttM.mjs} +0 -0
  860. /package/dist/docs/_worker.js/chunks/{Title_B6WLu_lw.mjs → Title_CZzoppNi.mjs} +0 -0
  861. /package/dist/docs/_worker.js/chunks/{Title_D5Nq2Wex.mjs → Title_CraETtu5.mjs} +0 -0
  862. /package/dist/docs/_worker.js/chunks/{Title_vNHWmeYM.mjs → Title_D25rXJDg.mjs} +0 -0
  863. /package/dist/docs/_worker.js/chunks/{ToggleGroup_1zohLndp.mjs → ToggleGroup_CdQWI1aq.mjs} +0 -0
  864. /package/dist/docs/_worker.js/chunks/{ToggleGroup_Y5-8u3wt.mjs → ToggleGroup_DiGmwYSP.mjs} +0 -0
  865. /package/dist/docs/_worker.js/chunks/{Toolbar_53YUEEhi.mjs → Toolbar_BHFDnwNR.mjs} +0 -0
  866. /package/dist/docs/_worker.js/chunks/{Toolbar_BpXenvLj.mjs → Toolbar_BexYCxNQ.mjs} +0 -0
  867. /package/dist/docs/_worker.js/chunks/{Toolbar_C-AcF9uj.mjs → Toolbar_CT5vy6AJ.mjs} +0 -0
  868. /package/dist/docs/_worker.js/chunks/{Toolbar_DS_vHjV3.mjs → Toolbar_CW-KWv-e.mjs} +0 -0
  869. /package/dist/docs/_worker.js/chunks/{Toolbar_DiNbbLGg.mjs → Toolbar_CgZpzlTs.mjs} +0 -0
  870. /package/dist/docs/_worker.js/chunks/{Toolbar_wqfahDgc.mjs → Toolbar_DPUJsI9K.mjs} +0 -0
  871. /package/dist/docs/_worker.js/chunks/{Tooltip_44WsJIOB.mjs → Tooltip_BDkcJde6.mjs} +0 -0
  872. /package/dist/docs/_worker.js/chunks/{Tooltip_BSztkX0m.mjs → Tooltip_BsIMWQvJ.mjs} +0 -0
  873. /package/dist/docs/_worker.js/chunks/{Tooltip_CIac-NZx.mjs → Tooltip_C0gMcoBo.mjs} +0 -0
  874. /package/dist/docs/_worker.js/chunks/{Tooltip_DruZ98cK.mjs → Tooltip_D73WL3Yc.mjs} +0 -0
  875. /package/dist/docs/_worker.js/chunks/{TreeView_B4xKcNrk.mjs → TreeView_B1LgfJxG.mjs} +0 -0
  876. /package/dist/docs/_worker.js/chunks/{TreeView_BvRhO1Us.mjs → TreeView_Bst6EAOX.mjs} +0 -0
  877. /package/dist/docs/_worker.js/chunks/{TreeView_C5SUZ79O.mjs → TreeView_DzM9Dtep.mjs} +0 -0
  878. /package/dist/docs/_worker.js/chunks/{TreeView_HH9MOFmF.mjs → TreeView_erP6wJjQ.mjs} +0 -0
  879. /package/dist/docs/_worker.js/chunks/{Truncate_B2_q-NHO.mjs → Truncate_BANjurQG.mjs} +0 -0
  880. /package/dist/docs/_worker.js/chunks/{Truncate_DSOgC9hI.mjs → Truncate_BEYXOQpC.mjs} +0 -0
  881. /package/dist/docs/_worker.js/chunks/{Truncate_Dvdk_cdg.mjs → Truncate_CG2j6fJ9.mjs} +0 -0
  882. /package/dist/docs/_worker.js/chunks/{Truncate_yKB95wE0.mjs → Truncate_D-INkH--.mjs} +0 -0
  883. /package/dist/docs/_worker.js/chunks/{Wizard_6knDiT3b.mjs → Wizard_BDa84iy2.mjs} +0 -0
  884. /package/dist/docs/_worker.js/chunks/{Wizard_BWVkfCTC.mjs → Wizard_BlE6qJYH.mjs} +0 -0
  885. /package/dist/docs/_worker.js/chunks/{Wizard_Cw7v74Sx.mjs → Wizard_Bz9X33xp.mjs} +0 -0
  886. /package/dist/docs/_worker.js/chunks/{Wizard_D-wsNWVf.mjs → Wizard_C8sit3YJ.mjs} +0 -0
  887. /package/dist/docs/_worker.js/chunks/{Wizard_DHYZ5P7Q.mjs → Wizard_CUUUgGve.mjs} +0 -0
  888. /package/dist/docs/_worker.js/chunks/{Wizard_DX6SJprj.mjs → Wizard_CaIfr29G.mjs} +0 -0
  889. /package/dist/docs/_worker.js/chunks/{Wizard_Db5Q0rrQ.mjs → Wizard_CaQ5l58F.mjs} +0 -0
  890. /package/dist/docs/_worker.js/chunks/{Wizard_UbK2L1Fy.mjs → Wizard_DBhMWLET.mjs} +0 -0
  891. /package/dist/docs/_worker.js/chunks/{_astro_data-layer-content_v7v7STWW.mjs → _astro_data-layer-content_DGZXfKa-.mjs} +0 -0
  892. /package/dist/docs/_worker.js/chunks/{about_B9g18soY.mjs → about_C4jqumHf.mjs} +0 -0
  893. /package/dist/docs/_worker.js/chunks/{about_B_iNQ2se.mjs → about_CUtbL8xJ.mjs} +0 -0
  894. /package/dist/docs/_worker.js/chunks/{basic_Bn4gZz2D.mjs → basic_BMgY0hVg.mjs} +0 -0
  895. /package/dist/docs/_worker.js/chunks/{basic_D7OIjFL3.mjs → basic_CubN1z_e.mjs} +0 -0
  896. /package/dist/docs/_worker.js/chunks/{box-shadow_DJuAPJj8.mjs → box-shadow_BFw7I_Qi.mjs} +0 -0
  897. /package/dist/docs/_worker.js/chunks/{box-shadow_WBDPI9Z3.mjs → box-shadow_DDE9_lv_.mjs} +0 -0
  898. /package/dist/docs/_worker.js/chunks/{content-modules_cOjZw1C2.mjs → content-modules_Db1avyLw.mjs} +0 -0
  899. /package/dist/docs/_worker.js/chunks/{design-guidelines_B9IO-z0b.mjs → design-guidelines_DJYn76LL.mjs} +0 -0
  900. /package/dist/docs/_worker.js/chunks/{design-guidelines_CsBgW3S3.mjs → design-guidelines_LVZULFBJ.mjs} +0 -0
  901. /package/dist/docs/_worker.js/chunks/{help-topics_CdxDqeFk.mjs → help-topics_CyJGoMWS.mjs} +0 -0
  902. /package/dist/docs/_worker.js/chunks/{help-topics_DASztffY.mjs → help-topics_HrtJVYcm.mjs} +0 -0
  903. /package/dist/docs/_worker.js/chunks/{masthead_C4B8LpBQ.mjs → masthead_BSMeFNPJ.mjs} +0 -0
  904. /package/dist/docs/_worker.js/chunks/{masthead_CS5HjMra.mjs → masthead_C-edUoO3.mjs} +0 -0
  905. /package/dist/docs/_worker.js/chunks/{overflow-menu_DOp8WZvG.mjs → overflow-menu_8fT3tk-P.mjs} +0 -0
  906. /package/dist/docs/_worker.js/chunks/{overflow-menu_DfeP-cgT.mjs → overflow-menu_DkITWeoo.mjs} +0 -0
  907. /package/dist/docs/_worker.js/chunks/{toggle-group_D0EWmiBe.mjs → toggle-group_BPSXdQ7e.mjs} +0 -0
  908. /package/dist/docs/_worker.js/chunks/{toggle-group_G71mustV.mjs → toggle-group_BoojZGfb.mjs} +0 -0
package/dist/docs/api/v6/components/masthead/html-demos ADDED
@@ -0,0 +1,2708 @@
1
+ ## Examples
2
+
3
+ ### Basic
4
+
5
+ ```html isFullscreen
6
+ <div class="pf-v6-c-page" id="masthead-basic-example">
7
+ <div class="pf-v6-c-skip-to-content">
8
+ <a
9
+ class="pf-v6-c-button pf-m-primary"
10
+ href="#main-content-masthead-basic-example"
11
+ >
12
+ <span class="pf-v6-c-button__text">Skip to content</span>
13
+ </a>
14
+ </div>
15
+ <header class="pf-v6-c-masthead" id="masthead-basic-example-masthead">
16
+ <div class="pf-v6-c-masthead__main">
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
+ <div class="pf-v6-c-masthead__brand">
29
+ <a class="pf-v6-c-masthead__logo" 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-masthead-basic-example-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
79
+ points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
80
+ />
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-masthead-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-masthead-basic-example-masthead)"
97
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
98
+ />
99
+ </g>
100
+ </g>
101
+ </svg>
102
+ </a>
103
+ </div>
104
+ </div>
105
+ <div class="pf-v6-c-masthead__content">
106
+ <div
107
+ class="pf-v6-c-toolbar pf-m-static"
108
+ id="masthead-basic-example-masthead-toolbar"
109
+ >
110
+ <div class="pf-v6-c-toolbar__content">
111
+ <div class="pf-v6-c-toolbar__content-section">
112
+ <div class="pf-v6-c-toolbar__group pf-m-align-end">
113
+ <div class="pf-v6-c-toolbar__item">
114
+ <button
115
+ class="pf-v6-c-menu-toggle pf-m-plain"
116
+ type="button"
117
+ aria-expanded="false"
118
+ aria-label="Actions"
119
+ >
120
+ <span class="pf-v6-c-menu-toggle__icon">
121
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
122
+ </span>
123
+ </button>
124
+ </div>
125
+ </div>
126
+ </div>
127
+ </div>
128
+ </div>
129
+ </div>
130
+ </header>
131
+ <div class="pf-v6-c-page__sidebar">
132
+ <div class="pf-v6-c-page__sidebar-body">
133
+ <nav
134
+ class="pf-v6-c-nav"
135
+ id="masthead-basic-example-primary-nav"
136
+ aria-label="Global"
137
+ >
138
+ <ul class="pf-v6-c-nav__list" role="list">
139
+ <li class="pf-v6-c-nav__item">
140
+ <a href="#" class="pf-v6-c-nav__link">
141
+ <span class="pf-v6-c-nav__link-text">System panel</span>
142
+ </a>
143
+ </li>
144
+ <li class="pf-v6-c-nav__item">
145
+ <a
146
+ href="#"
147
+ class="pf-v6-c-nav__link pf-m-current"
148
+ aria-current="page"
149
+ >
150
+ <span class="pf-v6-c-nav__link-text">Policy</span>
151
+ </a>
152
+ </li>
153
+ <li class="pf-v6-c-nav__item">
154
+ <a href="#" class="pf-v6-c-nav__link">
155
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
156
+ </a>
157
+ </li>
158
+ <li class="pf-v6-c-nav__item">
159
+ <a href="#" class="pf-v6-c-nav__link">
160
+ <span class="pf-v6-c-nav__link-text">Network services</span>
161
+ </a>
162
+ </li>
163
+ <li class="pf-v6-c-nav__item">
164
+ <a href="#" class="pf-v6-c-nav__link">
165
+ <span class="pf-v6-c-nav__link-text">Server</span>
166
+ </a>
167
+ </li>
168
+ </ul>
169
+ </nav>
170
+ </div>
171
+ </div>
172
+ <div class="pf-v6-c-page__main-container" tabindex="-1">
173
+ <main
174
+ class="pf-v6-c-page__main"
175
+ tabindex="-1"
176
+ id="main-content-masthead-basic-example"
177
+ >
178
+ <section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
179
+ <div class="pf-v6-c-page__main-body">
180
+ <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
181
+ <ol class="pf-v6-c-breadcrumb__list" role="list">
182
+ <li class="pf-v6-c-breadcrumb__item">
183
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
184
+ </li>
185
+ <li class="pf-v6-c-breadcrumb__item">
186
+ <span class="pf-v6-c-breadcrumb__item-divider">
187
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
188
+ </span>
189
+
190
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
191
+ </li>
192
+ <li class="pf-v6-c-breadcrumb__item">
193
+ <span class="pf-v6-c-breadcrumb__item-divider">
194
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
195
+ </span>
196
+
197
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
198
+ </li>
199
+ <li class="pf-v6-c-breadcrumb__item">
200
+ <span class="pf-v6-c-breadcrumb__item-divider">
201
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
202
+ </span>
203
+
204
+ <a
205
+ href="#"
206
+ class="pf-v6-c-breadcrumb__link pf-m-current"
207
+ aria-current="page"
208
+ >Section landing</a>
209
+ </li>
210
+ </ol>
211
+ </nav>
212
+ </div>
213
+ </section>
214
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
215
+ <div class="pf-v6-c-page__main-body">
216
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
217
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
218
+ </div>
219
+ </section>
220
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
221
+ <div class="pf-v6-c-page__main-body">
222
+ <div class="pf-v6-l-gallery pf-m-gutter">
223
+ <div class="pf-v6-c-card">
224
+ <div class="pf-v6-c-card__body">This is a card</div>
225
+ </div>
226
+ <div class="pf-v6-c-card">
227
+ <div class="pf-v6-c-card__body">This is a card</div>
228
+ </div>
229
+ <div class="pf-v6-c-card">
230
+ <div class="pf-v6-c-card__body">This is a card</div>
231
+ </div>
232
+ <div class="pf-v6-c-card">
233
+ <div class="pf-v6-c-card__body">This is a card</div>
234
+ </div>
235
+ <div class="pf-v6-c-card">
236
+ <div class="pf-v6-c-card__body">This is a card</div>
237
+ </div>
238
+ <div class="pf-v6-c-card">
239
+ <div class="pf-v6-c-card__body">This is a card</div>
240
+ </div>
241
+ <div class="pf-v6-c-card">
242
+ <div class="pf-v6-c-card__body">This is a card</div>
243
+ </div>
244
+ <div class="pf-v6-c-card">
245
+ <div class="pf-v6-c-card__body">This is a card</div>
246
+ </div>
247
+ <div class="pf-v6-c-card">
248
+ <div class="pf-v6-c-card__body">This is a card</div>
249
+ </div>
250
+ <div class="pf-v6-c-card">
251
+ <div class="pf-v6-c-card__body">This is a card</div>
252
+ </div>
253
+ </div>
254
+ </div>
255
+ </section>
256
+ </main>
257
+ </div>
258
+ </div>
259
+
260
+ ```
261
+
262
+ ### With context selector and dropdown
263
+
264
+ ```html isFullscreen
265
+ <div class="pf-v6-c-page" id="masthead-context-selecton-drilldown-example">
266
+ <div class="pf-v6-c-skip-to-content">
267
+ <a
268
+ class="pf-v6-c-button pf-m-primary"
269
+ href="#main-content-masthead-context-selecton-drilldown-example"
270
+ >
271
+ <span class="pf-v6-c-button__text">Skip to content</span>
272
+ </a>
273
+ </div>
274
+ <header
275
+ class="pf-v6-c-masthead"
276
+ id="masthead-context-selecton-drilldown-example-masthead"
277
+ >
278
+ <div class="pf-v6-c-masthead__main">
279
+ <span class="pf-v6-c-masthead__toggle">
280
+ <button
281
+ class="pf-v6-c-button pf-m-plain"
282
+ type="button"
283
+ aria-label="Global navigation"
284
+ >
285
+ <span class="pf-v6-c-button__icon">
286
+ <i class="fas fa-bars" aria-hidden="true"></i>
287
+ </span>
288
+ </button>
289
+ </span>
290
+ <div class="pf-v6-c-masthead__brand">
291
+ <a class="pf-v6-c-masthead__logo" href="#">
292
+ <svg height="37px" viewBox="0 0 679 158">
293
+ <title>PF-HorizontalLogo-Color</title>
294
+ <defs>
295
+ <linearGradient
296
+ x1="68%"
297
+ y1="2.25860997e-13%"
298
+ x2="32%"
299
+ y2="100%"
300
+ id="linearGradient-masthead-context-selecton-drilldown-example-masthead"
301
+ >
302
+ <stop stop-color="#2B9AF3" offset="0%" />
303
+ <stop
304
+ stop-color="#73BCF7"
305
+ stop-opacity="0.502212631"
306
+ offset="100%"
307
+ />
308
+ </linearGradient>
309
+ </defs>
310
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
311
+ <g
312
+ transform="translate(206.000000, 45.750000)"
313
+ fill="var(--pf-t--global--text--color--regular)"
314
+ fill-rule="nonzero"
315
+ >
316
+ <path
317
+ 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"
318
+ />
319
+ <path
320
+ 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"
321
+ />
322
+ <path
323
+ 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"
324
+ />
325
+ <path
326
+ 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"
327
+ />
328
+ <path
329
+ 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"
330
+ />
331
+ <path
332
+ 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"
333
+ />
334
+ <path
335
+ 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"
336
+ />
337
+ <polygon
338
+ 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"
339
+ />
340
+ <polygon
341
+ points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
342
+ />
343
+ <path
344
+ 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"
345
+ />
346
+ </g>
347
+ <g transform="translate(0.000000, 0.000000)">
348
+ <path
349
+ 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"
350
+ fill="#0066CC"
351
+ />
352
+ <path
353
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
354
+ fill="url(#linearGradient-masthead-context-selecton-drilldown-example-masthead)"
355
+ />
356
+ <path
357
+ 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"
358
+ fill="url(#linearGradient-masthead-context-selecton-drilldown-example-masthead)"
359
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
360
+ />
361
+ </g>
362
+ </g>
363
+ </svg>
364
+ </a>
365
+ </div>
366
+ </div>
367
+ <div class="pf-v6-c-masthead__content">
368
+ <div
369
+ class="pf-v6-c-toolbar pf-m-static"
370
+ id="masthead-context-selecton-drilldown-example-masthead-toolbar"
371
+ >
372
+ <div class="pf-v6-c-toolbar__content">
373
+ <div class="pf-v6-c-toolbar__content-section">
374
+ <div class="pf-v6-c-toolbar__group pf-m-filter-group">
375
+ <div class="pf-v6-c-toolbar__item">
376
+ <button
377
+ class="pf-v6-c-menu-toggle pf-m-full-height"
378
+ type="button"
379
+ aria-expanded="false"
380
+ >
381
+ <span class="pf-v6-c-menu-toggle__text">Context selector</span>
382
+ <span class="pf-v6-c-menu-toggle__controls">
383
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
384
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
385
+ </span>
386
+ </span>
387
+ </button>
388
+ </div>
389
+ <div class="pf-v6-c-toolbar__item pf-m-hidden pf-m-visible-on-lg">
390
+ <button
391
+ class="pf-v6-c-menu-toggle pf-m-full-height"
392
+ type="button"
393
+ aria-expanded="false"
394
+ >
395
+ <span class="pf-v6-c-menu-toggle__text">Dropdown</span>
396
+ <span class="pf-v6-c-menu-toggle__controls">
397
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
398
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
399
+ </span>
400
+ </span>
401
+ </button>
402
+ </div>
403
+ </div>
404
+
405
+ <div class="pf-v6-c-toolbar__item pf-m-align-end">
406
+ <button
407
+ class="pf-v6-c-menu-toggle pf-m-plain"
408
+ type="button"
409
+ aria-expanded="false"
410
+ aria-label="Actions"
411
+ >
412
+ <span class="pf-v6-c-menu-toggle__icon">
413
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
414
+ </span>
415
+ </button>
416
+ </div>
417
+ </div>
418
+ </div>
419
+ </div>
420
+ </div>
421
+ </header>
422
+ <div class="pf-v6-c-page__sidebar">
423
+ <div class="pf-v6-c-page__sidebar-body">
424
+ <nav
425
+ class="pf-v6-c-nav"
426
+ id="masthead-context-selecton-drilldown-example-primary-nav"
427
+ aria-label="Global"
428
+ >
429
+ <ul class="pf-v6-c-nav__list" role="list">
430
+ <li class="pf-v6-c-nav__item">
431
+ <a href="#" class="pf-v6-c-nav__link">
432
+ <span class="pf-v6-c-nav__link-text">System panel</span>
433
+ </a>
434
+ </li>
435
+ <li class="pf-v6-c-nav__item">
436
+ <a
437
+ href="#"
438
+ class="pf-v6-c-nav__link pf-m-current"
439
+ aria-current="page"
440
+ >
441
+ <span class="pf-v6-c-nav__link-text">Policy</span>
442
+ </a>
443
+ </li>
444
+ <li class="pf-v6-c-nav__item">
445
+ <a href="#" class="pf-v6-c-nav__link">
446
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
447
+ </a>
448
+ </li>
449
+ <li class="pf-v6-c-nav__item">
450
+ <a href="#" class="pf-v6-c-nav__link">
451
+ <span class="pf-v6-c-nav__link-text">Network services</span>
452
+ </a>
453
+ </li>
454
+ <li class="pf-v6-c-nav__item">
455
+ <a href="#" class="pf-v6-c-nav__link">
456
+ <span class="pf-v6-c-nav__link-text">Server</span>
457
+ </a>
458
+ </li>
459
+ </ul>
460
+ </nav>
461
+ </div>
462
+ </div>
463
+ <div class="pf-v6-c-page__main-container" tabindex="-1">
464
+ <main
465
+ class="pf-v6-c-page__main"
466
+ tabindex="-1"
467
+ id="main-content-masthead-context-selecton-drilldown-example"
468
+ >
469
+ <section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
470
+ <div class="pf-v6-c-page__main-body">
471
+ <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
472
+ <ol class="pf-v6-c-breadcrumb__list" role="list">
473
+ <li class="pf-v6-c-breadcrumb__item">
474
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
475
+ </li>
476
+ <li class="pf-v6-c-breadcrumb__item">
477
+ <span class="pf-v6-c-breadcrumb__item-divider">
478
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
479
+ </span>
480
+
481
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
482
+ </li>
483
+ <li class="pf-v6-c-breadcrumb__item">
484
+ <span class="pf-v6-c-breadcrumb__item-divider">
485
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
486
+ </span>
487
+
488
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
489
+ </li>
490
+ <li class="pf-v6-c-breadcrumb__item">
491
+ <span class="pf-v6-c-breadcrumb__item-divider">
492
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
493
+ </span>
494
+
495
+ <a
496
+ href="#"
497
+ class="pf-v6-c-breadcrumb__link pf-m-current"
498
+ aria-current="page"
499
+ >Section landing</a>
500
+ </li>
501
+ </ol>
502
+ </nav>
503
+ </div>
504
+ </section>
505
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
506
+ <div class="pf-v6-c-page__main-body">
507
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
508
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
509
+ </div>
510
+ </section>
511
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
512
+ <div class="pf-v6-c-page__main-body">
513
+ <div class="pf-v6-l-gallery pf-m-gutter">
514
+ <div class="pf-v6-c-card">
515
+ <div class="pf-v6-c-card__body">This is a card</div>
516
+ </div>
517
+ <div class="pf-v6-c-card">
518
+ <div class="pf-v6-c-card__body">This is a card</div>
519
+ </div>
520
+ <div class="pf-v6-c-card">
521
+ <div class="pf-v6-c-card__body">This is a card</div>
522
+ </div>
523
+ <div class="pf-v6-c-card">
524
+ <div class="pf-v6-c-card__body">This is a card</div>
525
+ </div>
526
+ <div class="pf-v6-c-card">
527
+ <div class="pf-v6-c-card__body">This is a card</div>
528
+ </div>
529
+ <div class="pf-v6-c-card">
530
+ <div class="pf-v6-c-card__body">This is a card</div>
531
+ </div>
532
+ <div class="pf-v6-c-card">
533
+ <div class="pf-v6-c-card__body">This is a card</div>
534
+ </div>
535
+ <div class="pf-v6-c-card">
536
+ <div class="pf-v6-c-card__body">This is a card</div>
537
+ </div>
538
+ <div class="pf-v6-c-card">
539
+ <div class="pf-v6-c-card__body">This is a card</div>
540
+ </div>
541
+ <div class="pf-v6-c-card">
542
+ <div class="pf-v6-c-card__body">This is a card</div>
543
+ </div>
544
+ </div>
545
+ </div>
546
+ </section>
547
+ </main>
548
+ </div>
549
+ </div>
550
+
551
+ ```
552
+
553
+ ### With toolbar, filters
554
+
555
+ ```html isFullscreen
556
+ <div class="pf-v6-c-page" id="masthead-toolbar-filters-example">
557
+ <div class="pf-v6-c-skip-to-content">
558
+ <a
559
+ class="pf-v6-c-button pf-m-primary"
560
+ href="#main-content-masthead-toolbar-filters-example"
561
+ >
562
+ <span class="pf-v6-c-button__text">Skip to content</span>
563
+ </a>
564
+ </div>
565
+ <header
566
+ class="pf-v6-c-masthead"
567
+ id="masthead-toolbar-filters-example-masthead"
568
+ >
569
+ <div class="pf-v6-c-masthead__main">
570
+ <span class="pf-v6-c-masthead__toggle">
571
+ <button
572
+ class="pf-v6-c-button pf-m-plain"
573
+ type="button"
574
+ aria-label="Global navigation"
575
+ >
576
+ <span class="pf-v6-c-button__icon">
577
+ <i class="fas fa-bars" aria-hidden="true"></i>
578
+ </span>
579
+ </button>
580
+ </span>
581
+ <div class="pf-v6-c-masthead__brand">
582
+ <a class="pf-v6-c-masthead__logo" href="#">
583
+ <svg height="37px" viewBox="0 0 679 158">
584
+ <title>PF-HorizontalLogo-Color</title>
585
+ <defs>
586
+ <linearGradient
587
+ x1="68%"
588
+ y1="2.25860997e-13%"
589
+ x2="32%"
590
+ y2="100%"
591
+ id="linearGradient-masthead-toolbar-filters-example-masthead"
592
+ >
593
+ <stop stop-color="#2B9AF3" offset="0%" />
594
+ <stop
595
+ stop-color="#73BCF7"
596
+ stop-opacity="0.502212631"
597
+ offset="100%"
598
+ />
599
+ </linearGradient>
600
+ </defs>
601
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
602
+ <g
603
+ transform="translate(206.000000, 45.750000)"
604
+ fill="var(--pf-t--global--text--color--regular)"
605
+ fill-rule="nonzero"
606
+ >
607
+ <path
608
+ 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"
609
+ />
610
+ <path
611
+ 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"
612
+ />
613
+ <path
614
+ 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"
615
+ />
616
+ <path
617
+ 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"
618
+ />
619
+ <path
620
+ 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"
621
+ />
622
+ <path
623
+ 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"
624
+ />
625
+ <path
626
+ 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"
627
+ />
628
+ <polygon
629
+ 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"
630
+ />
631
+ <polygon
632
+ points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
633
+ />
634
+ <path
635
+ 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"
636
+ />
637
+ </g>
638
+ <g transform="translate(0.000000, 0.000000)">
639
+ <path
640
+ 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"
641
+ fill="#0066CC"
642
+ />
643
+ <path
644
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
645
+ fill="url(#linearGradient-masthead-toolbar-filters-example-masthead)"
646
+ />
647
+ <path
648
+ 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"
649
+ fill="url(#linearGradient-masthead-toolbar-filters-example-masthead)"
650
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
651
+ />
652
+ </g>
653
+ </g>
654
+ </svg>
655
+ </a>
656
+ </div>
657
+ </div>
658
+ <div class="pf-v6-c-masthead__content">
659
+ <div
660
+ class="pf-v6-c-toolbar pf-m-static"
661
+ id="masthead-toolbar-filters-example-masthead-toolbar"
662
+ >
663
+ <div class="pf-v6-c-toolbar__content">
664
+ <div class="pf-v6-c-toolbar__content-section">
665
+ <div
666
+ class="pf-v6-c-toolbar__group pf-m-show pf-m-align-end pf-m-toggle-group"
667
+ >
668
+ <div class="pf-v6-c-toolbar__toggle">
669
+ <button
670
+ class="pf-v6-c-menu-toggle pf-m-plain"
671
+ type="button"
672
+ aria-expanded="false"
673
+ aria-label="Show filters"
674
+ aria-controls="masthead-toolbar-filters-example-masthead-toolbar-expandable-content"
675
+ >
676
+ <span class="pf-v6-c-menu-toggle__icon">
677
+ <i class="fas fa-filter" aria-hidden="true"></i>
678
+ </span>
679
+ </button>
680
+ </div>
681
+ <div class="pf-v6-c-toolbar__item pf-m-search-filter">
682
+ <div
683
+ class="pf-v6-c-input-group"
684
+ aria-label="search filter"
685
+ role="group"
686
+ >
687
+ <div class="pf-v6-c-input-group__item">
688
+ <button
689
+ class="pf-v6-c-menu-toggle"
690
+ type="button"
691
+ aria-expanded="false"
692
+ id="masthead-toolbar-filters-example-masthead-toolbar-search-filter-menu"
693
+ >
694
+ <span class="pf-v6-c-menu-toggle__icon">
695
+ <i class="fas fa-filter" aria-hidden="true"></i>
696
+ </span>
697
+ <span class="pf-v6-c-menu-toggle__text">Name</span>
698
+ <span class="pf-v6-c-menu-toggle__controls">
699
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
700
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
701
+ </span>
702
+ </span>
703
+ </button>
704
+ </div>
705
+ <div class="pf-v6-c-input-group__item pf-m-fill">
706
+ <div class="pf-v6-c-text-input-group">
707
+ <div class="pf-v6-c-text-input-group__main pf-m-icon">
708
+ <span class="pf-v6-c-text-input-group__text">
709
+ <span class="pf-v6-c-text-input-group__icon">
710
+ <i class="fas fa-fw fa-search"></i>
711
+ </span>
712
+ <input
713
+ class="pf-v6-c-text-input-group__text-input"
714
+ type="text"
715
+ placeholder="Filter by name"
716
+ value
717
+ aria-label="Search input"
718
+ />
719
+ </span>
720
+ </div>
721
+ </div>
722
+ </div>
723
+ </div>
724
+ </div>
725
+ </div>
726
+
727
+ <div class="pf-v6-c-toolbar__item">
728
+ <button
729
+ class="pf-v6-c-menu-toggle pf-m-plain"
730
+ type="button"
731
+ aria-expanded="false"
732
+ aria-label="Actions"
733
+ >
734
+ <span class="pf-v6-c-menu-toggle__icon">
735
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
736
+ </span>
737
+ </button>
738
+ </div>
739
+ </div>
740
+
741
+ <div
742
+ class="pf-v6-c-toolbar__expandable-content pf-m-hidden"
743
+ id="masthead-toolbar-filters-example-masthead-toolbar-expandable-content"
744
+ hidden
745
+ ></div>
746
+ </div>
747
+ </div>
748
+ </div>
749
+ </header>
750
+ <div class="pf-v6-c-page__sidebar">
751
+ <div class="pf-v6-c-page__sidebar-body">
752
+ <nav
753
+ class="pf-v6-c-nav"
754
+ id="masthead-toolbar-filters-example-primary-nav"
755
+ aria-label="Global"
756
+ >
757
+ <ul class="pf-v6-c-nav__list" role="list">
758
+ <li class="pf-v6-c-nav__item">
759
+ <a href="#" class="pf-v6-c-nav__link">
760
+ <span class="pf-v6-c-nav__link-text">System panel</span>
761
+ </a>
762
+ </li>
763
+ <li class="pf-v6-c-nav__item">
764
+ <a
765
+ href="#"
766
+ class="pf-v6-c-nav__link pf-m-current"
767
+ aria-current="page"
768
+ >
769
+ <span class="pf-v6-c-nav__link-text">Policy</span>
770
+ </a>
771
+ </li>
772
+ <li class="pf-v6-c-nav__item">
773
+ <a href="#" class="pf-v6-c-nav__link">
774
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
775
+ </a>
776
+ </li>
777
+ <li class="pf-v6-c-nav__item">
778
+ <a href="#" class="pf-v6-c-nav__link">
779
+ <span class="pf-v6-c-nav__link-text">Network services</span>
780
+ </a>
781
+ </li>
782
+ <li class="pf-v6-c-nav__item">
783
+ <a href="#" class="pf-v6-c-nav__link">
784
+ <span class="pf-v6-c-nav__link-text">Server</span>
785
+ </a>
786
+ </li>
787
+ </ul>
788
+ </nav>
789
+ </div>
790
+ </div>
791
+ <div class="pf-v6-c-page__main-container" tabindex="-1">
792
+ <main
793
+ class="pf-v6-c-page__main"
794
+ tabindex="-1"
795
+ id="main-content-masthead-toolbar-filters-example"
796
+ >
797
+ <section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
798
+ <div class="pf-v6-c-page__main-body">
799
+ <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
800
+ <ol class="pf-v6-c-breadcrumb__list" role="list">
801
+ <li class="pf-v6-c-breadcrumb__item">
802
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
803
+ </li>
804
+ <li class="pf-v6-c-breadcrumb__item">
805
+ <span class="pf-v6-c-breadcrumb__item-divider">
806
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
807
+ </span>
808
+
809
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
810
+ </li>
811
+ <li class="pf-v6-c-breadcrumb__item">
812
+ <span class="pf-v6-c-breadcrumb__item-divider">
813
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
814
+ </span>
815
+
816
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
817
+ </li>
818
+ <li class="pf-v6-c-breadcrumb__item">
819
+ <span class="pf-v6-c-breadcrumb__item-divider">
820
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
821
+ </span>
822
+
823
+ <a
824
+ href="#"
825
+ class="pf-v6-c-breadcrumb__link pf-m-current"
826
+ aria-current="page"
827
+ >Section landing</a>
828
+ </li>
829
+ </ol>
830
+ </nav>
831
+ </div>
832
+ </section>
833
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
834
+ <div class="pf-v6-c-page__main-body">
835
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
836
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
837
+ </div>
838
+ </section>
839
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
840
+ <div class="pf-v6-c-page__main-body">
841
+ <div class="pf-v6-l-gallery pf-m-gutter">
842
+ <div class="pf-v6-c-card">
843
+ <div class="pf-v6-c-card__body">This is a card</div>
844
+ </div>
845
+ <div class="pf-v6-c-card">
846
+ <div class="pf-v6-c-card__body">This is a card</div>
847
+ </div>
848
+ <div class="pf-v6-c-card">
849
+ <div class="pf-v6-c-card__body">This is a card</div>
850
+ </div>
851
+ <div class="pf-v6-c-card">
852
+ <div class="pf-v6-c-card__body">This is a card</div>
853
+ </div>
854
+ <div class="pf-v6-c-card">
855
+ <div class="pf-v6-c-card__body">This is a card</div>
856
+ </div>
857
+ <div class="pf-v6-c-card">
858
+ <div class="pf-v6-c-card__body">This is a card</div>
859
+ </div>
860
+ <div class="pf-v6-c-card">
861
+ <div class="pf-v6-c-card__body">This is a card</div>
862
+ </div>
863
+ <div class="pf-v6-c-card">
864
+ <div class="pf-v6-c-card__body">This is a card</div>
865
+ </div>
866
+ <div class="pf-v6-c-card">
867
+ <div class="pf-v6-c-card__body">This is a card</div>
868
+ </div>
869
+ <div class="pf-v6-c-card">
870
+ <div class="pf-v6-c-card__body">This is a card</div>
871
+ </div>
872
+ </div>
873
+ </div>
874
+ </section>
875
+ </main>
876
+ </div>
877
+ </div>
878
+
879
+ ```
880
+
881
+ ### With toggle group and filters
882
+
883
+ ```html isFullscreen
884
+ <div class="pf-v6-c-page" id="masthead-toggle-group-filters-example">
885
+ <div class="pf-v6-c-skip-to-content">
886
+ <a
887
+ class="pf-v6-c-button pf-m-primary"
888
+ href="#main-content-masthead-toggle-group-filters-example"
889
+ >
890
+ <span class="pf-v6-c-button__text">Skip to content</span>
891
+ </a>
892
+ </div>
893
+ <header
894
+ class="pf-v6-c-masthead"
895
+ id="masthead-toggle-group-filters-example-masthead"
896
+ >
897
+ <div class="pf-v6-c-masthead__main">
898
+ <span class="pf-v6-c-masthead__toggle">
899
+ <button
900
+ class="pf-v6-c-button pf-m-plain"
901
+ type="button"
902
+ aria-label="Global navigation"
903
+ >
904
+ <span class="pf-v6-c-button__icon">
905
+ <i class="fas fa-bars" aria-hidden="true"></i>
906
+ </span>
907
+ </button>
908
+ </span>
909
+ <div class="pf-v6-c-masthead__brand">
910
+ <a class="pf-v6-c-masthead__logo" href="#">
911
+ <svg height="37px" viewBox="0 0 679 158">
912
+ <title>PF-HorizontalLogo-Color</title>
913
+ <defs>
914
+ <linearGradient
915
+ x1="68%"
916
+ y1="2.25860997e-13%"
917
+ x2="32%"
918
+ y2="100%"
919
+ id="linearGradient-masthead-toggle-group-filters-example-masthead"
920
+ >
921
+ <stop stop-color="#2B9AF3" offset="0%" />
922
+ <stop
923
+ stop-color="#73BCF7"
924
+ stop-opacity="0.502212631"
925
+ offset="100%"
926
+ />
927
+ </linearGradient>
928
+ </defs>
929
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
930
+ <g
931
+ transform="translate(206.000000, 45.750000)"
932
+ fill="var(--pf-t--global--text--color--regular)"
933
+ fill-rule="nonzero"
934
+ >
935
+ <path
936
+ 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"
937
+ />
938
+ <path
939
+ 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"
940
+ />
941
+ <path
942
+ 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"
943
+ />
944
+ <path
945
+ 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"
946
+ />
947
+ <path
948
+ 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"
949
+ />
950
+ <path
951
+ 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"
952
+ />
953
+ <path
954
+ 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"
955
+ />
956
+ <polygon
957
+ 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"
958
+ />
959
+ <polygon
960
+ points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
961
+ />
962
+ <path
963
+ 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"
964
+ />
965
+ </g>
966
+ <g transform="translate(0.000000, 0.000000)">
967
+ <path
968
+ 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"
969
+ fill="#0066CC"
970
+ />
971
+ <path
972
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
973
+ fill="url(#linearGradient-masthead-toggle-group-filters-example-masthead)"
974
+ />
975
+ <path
976
+ 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"
977
+ fill="url(#linearGradient-masthead-toggle-group-filters-example-masthead)"
978
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
979
+ />
980
+ </g>
981
+ </g>
982
+ </svg>
983
+ </a>
984
+ </div>
985
+ </div>
986
+ <div class="pf-v6-c-masthead__content">
987
+ <div
988
+ class="pf-v6-c-toolbar pf-m-static"
989
+ id="masthead-toggle-group-filters-example-masthead-toolbar"
990
+ >
991
+ <div class="pf-v6-c-toolbar__content">
992
+ <div class="pf-v6-c-toolbar__content-section">
993
+ <div
994
+ class="pf-v6-c-toolbar__group pf-m-show-on-lg pf-m-align-end pf-m-toggle-group"
995
+ >
996
+ <div class="pf-v6-c-toolbar__toggle">
997
+ <button
998
+ class="pf-v6-c-menu-toggle pf-m-plain"
999
+ type="button"
1000
+ aria-expanded="false"
1001
+ aria-label="Show filters"
1002
+ aria-controls="masthead-toggle-group-filters-example-masthead-toolbar-expandable-content"
1003
+ >
1004
+ <span class="pf-v6-c-menu-toggle__icon">
1005
+ <i class="fas fa-filter" aria-hidden="true"></i>
1006
+ </span>
1007
+ </button>
1008
+ </div>
1009
+ <div class="pf-v6-c-toolbar__item pf-m-search-filter">
1010
+ <div
1011
+ class="pf-v6-c-input-group"
1012
+ aria-label="search filter"
1013
+ role="group"
1014
+ >
1015
+ <div class="pf-v6-c-input-group__item">
1016
+ <button
1017
+ class="pf-v6-c-menu-toggle"
1018
+ type="button"
1019
+ aria-expanded="false"
1020
+ id="masthead-toggle-group-filters-example-masthead-toolbar-search-filter-menu"
1021
+ >
1022
+ <span class="pf-v6-c-menu-toggle__icon">
1023
+ <i class="fas fa-filter" aria-hidden="true"></i>
1024
+ </span>
1025
+ <span class="pf-v6-c-menu-toggle__text">Name</span>
1026
+ <span class="pf-v6-c-menu-toggle__controls">
1027
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
1028
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1029
+ </span>
1030
+ </span>
1031
+ </button>
1032
+ </div>
1033
+ <div class="pf-v6-c-input-group__item pf-m-fill">
1034
+ <div class="pf-v6-c-text-input-group">
1035
+ <div class="pf-v6-c-text-input-group__main pf-m-icon">
1036
+ <span class="pf-v6-c-text-input-group__text">
1037
+ <span class="pf-v6-c-text-input-group__icon">
1038
+ <i class="fas fa-fw fa-search"></i>
1039
+ </span>
1040
+ <input
1041
+ class="pf-v6-c-text-input-group__text-input"
1042
+ type="text"
1043
+ placeholder="Filter by name"
1044
+ value
1045
+ aria-label="Search input"
1046
+ />
1047
+ </span>
1048
+ </div>
1049
+ </div>
1050
+ </div>
1051
+ </div>
1052
+ </div>
1053
+ </div>
1054
+
1055
+ <div class="pf-v6-c-toolbar__item">
1056
+ <button
1057
+ class="pf-v6-c-menu-toggle pf-m-plain"
1058
+ type="button"
1059
+ aria-expanded="false"
1060
+ aria-label="Actions"
1061
+ >
1062
+ <span class="pf-v6-c-menu-toggle__icon">
1063
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1064
+ </span>
1065
+ </button>
1066
+ </div>
1067
+ </div>
1068
+
1069
+ <div
1070
+ class="pf-v6-c-toolbar__expandable-content pf-m-hidden"
1071
+ id="masthead-toggle-group-filters-example-masthead-toolbar-expandable-content"
1072
+ hidden
1073
+ ></div>
1074
+ </div>
1075
+ </div>
1076
+ </div>
1077
+ </header>
1078
+ <div class="pf-v6-c-page__sidebar">
1079
+ <div class="pf-v6-c-page__sidebar-body">
1080
+ <nav
1081
+ class="pf-v6-c-nav"
1082
+ id="masthead-toggle-group-filters-example-primary-nav"
1083
+ aria-label="Global"
1084
+ >
1085
+ <ul class="pf-v6-c-nav__list" role="list">
1086
+ <li class="pf-v6-c-nav__item">
1087
+ <a href="#" class="pf-v6-c-nav__link">
1088
+ <span class="pf-v6-c-nav__link-text">System panel</span>
1089
+ </a>
1090
+ </li>
1091
+ <li class="pf-v6-c-nav__item">
1092
+ <a
1093
+ href="#"
1094
+ class="pf-v6-c-nav__link pf-m-current"
1095
+ aria-current="page"
1096
+ >
1097
+ <span class="pf-v6-c-nav__link-text">Policy</span>
1098
+ </a>
1099
+ </li>
1100
+ <li class="pf-v6-c-nav__item">
1101
+ <a href="#" class="pf-v6-c-nav__link">
1102
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
1103
+ </a>
1104
+ </li>
1105
+ <li class="pf-v6-c-nav__item">
1106
+ <a href="#" class="pf-v6-c-nav__link">
1107
+ <span class="pf-v6-c-nav__link-text">Network services</span>
1108
+ </a>
1109
+ </li>
1110
+ <li class="pf-v6-c-nav__item">
1111
+ <a href="#" class="pf-v6-c-nav__link">
1112
+ <span class="pf-v6-c-nav__link-text">Server</span>
1113
+ </a>
1114
+ </li>
1115
+ </ul>
1116
+ </nav>
1117
+ </div>
1118
+ </div>
1119
+ <div class="pf-v6-c-page__main-container" tabindex="-1">
1120
+ <main
1121
+ class="pf-v6-c-page__main"
1122
+ tabindex="-1"
1123
+ id="main-content-masthead-toggle-group-filters-example"
1124
+ >
1125
+ <section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
1126
+ <div class="pf-v6-c-page__main-body">
1127
+ <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
1128
+ <ol class="pf-v6-c-breadcrumb__list" role="list">
1129
+ <li class="pf-v6-c-breadcrumb__item">
1130
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
1131
+ </li>
1132
+ <li class="pf-v6-c-breadcrumb__item">
1133
+ <span class="pf-v6-c-breadcrumb__item-divider">
1134
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1135
+ </span>
1136
+
1137
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1138
+ </li>
1139
+ <li class="pf-v6-c-breadcrumb__item">
1140
+ <span class="pf-v6-c-breadcrumb__item-divider">
1141
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1142
+ </span>
1143
+
1144
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1145
+ </li>
1146
+ <li class="pf-v6-c-breadcrumb__item">
1147
+ <span class="pf-v6-c-breadcrumb__item-divider">
1148
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1149
+ </span>
1150
+
1151
+ <a
1152
+ href="#"
1153
+ class="pf-v6-c-breadcrumb__link pf-m-current"
1154
+ aria-current="page"
1155
+ >Section landing</a>
1156
+ </li>
1157
+ </ol>
1158
+ </nav>
1159
+ </div>
1160
+ </section>
1161
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
1162
+ <div class="pf-v6-c-page__main-body">
1163
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
1164
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
1165
+ </div>
1166
+ </section>
1167
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
1168
+ <div class="pf-v6-c-page__main-body">
1169
+ <div class="pf-v6-l-gallery pf-m-gutter">
1170
+ <div class="pf-v6-c-card">
1171
+ <div class="pf-v6-c-card__body">This is a card</div>
1172
+ </div>
1173
+ <div class="pf-v6-c-card">
1174
+ <div class="pf-v6-c-card__body">This is a card</div>
1175
+ </div>
1176
+ <div class="pf-v6-c-card">
1177
+ <div class="pf-v6-c-card__body">This is a card</div>
1178
+ </div>
1179
+ <div class="pf-v6-c-card">
1180
+ <div class="pf-v6-c-card__body">This is a card</div>
1181
+ </div>
1182
+ <div class="pf-v6-c-card">
1183
+ <div class="pf-v6-c-card__body">This is a card</div>
1184
+ </div>
1185
+ <div class="pf-v6-c-card">
1186
+ <div class="pf-v6-c-card__body">This is a card</div>
1187
+ </div>
1188
+ <div class="pf-v6-c-card">
1189
+ <div class="pf-v6-c-card__body">This is a card</div>
1190
+ </div>
1191
+ <div class="pf-v6-c-card">
1192
+ <div class="pf-v6-c-card__body">This is a card</div>
1193
+ </div>
1194
+ <div class="pf-v6-c-card">
1195
+ <div class="pf-v6-c-card__body">This is a card</div>
1196
+ </div>
1197
+ <div class="pf-v6-c-card">
1198
+ <div class="pf-v6-c-card__body">This is a card</div>
1199
+ </div>
1200
+ </div>
1201
+ </div>
1202
+ </section>
1203
+ </main>
1204
+ </div>
1205
+ </div>
1206
+
1207
+ ```
1208
+
1209
+ ### With expandable search, collapsed
1210
+
1211
+ ```html isFullscreen
1212
+ <div class="pf-v6-c-page" id="masthead-expandable-search-example">
1213
+ <div class="pf-v6-c-skip-to-content">
1214
+ <a
1215
+ class="pf-v6-c-button pf-m-primary"
1216
+ href="#main-content-masthead-expandable-search-example"
1217
+ >
1218
+ <span class="pf-v6-c-button__text">Skip to content</span>
1219
+ </a>
1220
+ </div>
1221
+ <header
1222
+ class="pf-v6-c-masthead"
1223
+ id="masthead-expandable-search-example-masthead"
1224
+ >
1225
+ <div class="pf-v6-c-masthead__main">
1226
+ <span class="pf-v6-c-masthead__toggle">
1227
+ <button
1228
+ class="pf-v6-c-button pf-m-plain"
1229
+ type="button"
1230
+ aria-label="Global navigation"
1231
+ >
1232
+ <span class="pf-v6-c-button__icon">
1233
+ <i class="fas fa-bars" aria-hidden="true"></i>
1234
+ </span>
1235
+ </button>
1236
+ </span>
1237
+ <div class="pf-v6-c-masthead__brand">
1238
+ <a class="pf-v6-c-masthead__logo" href="#">
1239
+ <svg height="37px" viewBox="0 0 679 158">
1240
+ <title>PF-HorizontalLogo-Color</title>
1241
+ <defs>
1242
+ <linearGradient
1243
+ x1="68%"
1244
+ y1="2.25860997e-13%"
1245
+ x2="32%"
1246
+ y2="100%"
1247
+ id="linearGradient-masthead-expandable-search-example-masthead"
1248
+ >
1249
+ <stop stop-color="#2B9AF3" offset="0%" />
1250
+ <stop
1251
+ stop-color="#73BCF7"
1252
+ stop-opacity="0.502212631"
1253
+ offset="100%"
1254
+ />
1255
+ </linearGradient>
1256
+ </defs>
1257
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
1258
+ <g
1259
+ transform="translate(206.000000, 45.750000)"
1260
+ fill="var(--pf-t--global--text--color--regular)"
1261
+ fill-rule="nonzero"
1262
+ >
1263
+ <path
1264
+ 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"
1265
+ />
1266
+ <path
1267
+ 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"
1268
+ />
1269
+ <path
1270
+ 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"
1271
+ />
1272
+ <path
1273
+ 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"
1274
+ />
1275
+ <path
1276
+ 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"
1277
+ />
1278
+ <path
1279
+ 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"
1280
+ />
1281
+ <path
1282
+ 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"
1283
+ />
1284
+ <polygon
1285
+ 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"
1286
+ />
1287
+ <polygon
1288
+ points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
1289
+ />
1290
+ <path
1291
+ 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"
1292
+ />
1293
+ </g>
1294
+ <g transform="translate(0.000000, 0.000000)">
1295
+ <path
1296
+ 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"
1297
+ fill="#0066CC"
1298
+ />
1299
+ <path
1300
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1301
+ fill="url(#linearGradient-masthead-expandable-search-example-masthead)"
1302
+ />
1303
+ <path
1304
+ 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"
1305
+ fill="url(#linearGradient-masthead-expandable-search-example-masthead)"
1306
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1307
+ />
1308
+ </g>
1309
+ </g>
1310
+ </svg>
1311
+ </a>
1312
+ </div>
1313
+ </div>
1314
+ <div class="pf-v6-c-masthead__content">
1315
+ <div
1316
+ class="pf-v6-c-toolbar pf-m-static"
1317
+ id="masthead-expandable-search-example-masthead-toolbar"
1318
+ >
1319
+ <div class="pf-v6-c-toolbar__content">
1320
+ <div class="pf-v6-c-toolbar__content-section">
1321
+ <div class="pf-v6-c-toolbar__group pf-m-align-end">
1322
+ <div class="pf-v6-c-toolbar__item">
1323
+ <div class="pf-v6-c-input-group pf-m-plain">
1324
+ <div class="pf-v6-c-input-group__item pf-m-plain">
1325
+ <button
1326
+ class="pf-v6-c-button pf-m-plain"
1327
+ type="button"
1328
+ aria-label="Open search"
1329
+ >
1330
+ <span class="pf-v6-c-button__icon">
1331
+ <i class="fas fa-search fa-fw" aria-hidden="true"></i>
1332
+ </span>
1333
+ </button>
1334
+ </div>
1335
+ </div>
1336
+ </div>
1337
+ </div>
1338
+ </div>
1339
+ </div>
1340
+ </div>
1341
+ </div>
1342
+ </header>
1343
+ <div class="pf-v6-c-page__sidebar">
1344
+ <div class="pf-v6-c-page__sidebar-body">
1345
+ <nav
1346
+ class="pf-v6-c-nav"
1347
+ id="masthead-expandable-search-example-primary-nav"
1348
+ aria-label="Global"
1349
+ >
1350
+ <ul class="pf-v6-c-nav__list" role="list">
1351
+ <li class="pf-v6-c-nav__item">
1352
+ <a href="#" class="pf-v6-c-nav__link">
1353
+ <span class="pf-v6-c-nav__link-text">System panel</span>
1354
+ </a>
1355
+ </li>
1356
+ <li class="pf-v6-c-nav__item">
1357
+ <a
1358
+ href="#"
1359
+ class="pf-v6-c-nav__link pf-m-current"
1360
+ aria-current="page"
1361
+ >
1362
+ <span class="pf-v6-c-nav__link-text">Policy</span>
1363
+ </a>
1364
+ </li>
1365
+ <li class="pf-v6-c-nav__item">
1366
+ <a href="#" class="pf-v6-c-nav__link">
1367
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
1368
+ </a>
1369
+ </li>
1370
+ <li class="pf-v6-c-nav__item">
1371
+ <a href="#" class="pf-v6-c-nav__link">
1372
+ <span class="pf-v6-c-nav__link-text">Network services</span>
1373
+ </a>
1374
+ </li>
1375
+ <li class="pf-v6-c-nav__item">
1376
+ <a href="#" class="pf-v6-c-nav__link">
1377
+ <span class="pf-v6-c-nav__link-text">Server</span>
1378
+ </a>
1379
+ </li>
1380
+ </ul>
1381
+ </nav>
1382
+ </div>
1383
+ </div>
1384
+ <div class="pf-v6-c-page__main-container" tabindex="-1">
1385
+ <main
1386
+ class="pf-v6-c-page__main"
1387
+ tabindex="-1"
1388
+ id="main-content-masthead-expandable-search-example"
1389
+ >
1390
+ <section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
1391
+ <div class="pf-v6-c-page__main-body">
1392
+ <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
1393
+ <ol class="pf-v6-c-breadcrumb__list" role="list">
1394
+ <li class="pf-v6-c-breadcrumb__item">
1395
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
1396
+ </li>
1397
+ <li class="pf-v6-c-breadcrumb__item">
1398
+ <span class="pf-v6-c-breadcrumb__item-divider">
1399
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1400
+ </span>
1401
+
1402
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1403
+ </li>
1404
+ <li class="pf-v6-c-breadcrumb__item">
1405
+ <span class="pf-v6-c-breadcrumb__item-divider">
1406
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1407
+ </span>
1408
+
1409
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1410
+ </li>
1411
+ <li class="pf-v6-c-breadcrumb__item">
1412
+ <span class="pf-v6-c-breadcrumb__item-divider">
1413
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1414
+ </span>
1415
+
1416
+ <a
1417
+ href="#"
1418
+ class="pf-v6-c-breadcrumb__link pf-m-current"
1419
+ aria-current="page"
1420
+ >Section landing</a>
1421
+ </li>
1422
+ </ol>
1423
+ </nav>
1424
+ </div>
1425
+ </section>
1426
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
1427
+ <div class="pf-v6-c-page__main-body">
1428
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
1429
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
1430
+ </div>
1431
+ </section>
1432
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
1433
+ <div class="pf-v6-c-page__main-body">
1434
+ <div class="pf-v6-l-gallery pf-m-gutter">
1435
+ <div class="pf-v6-c-card">
1436
+ <div class="pf-v6-c-card__body">This is a card</div>
1437
+ </div>
1438
+ <div class="pf-v6-c-card">
1439
+ <div class="pf-v6-c-card__body">This is a card</div>
1440
+ </div>
1441
+ <div class="pf-v6-c-card">
1442
+ <div class="pf-v6-c-card__body">This is a card</div>
1443
+ </div>
1444
+ <div class="pf-v6-c-card">
1445
+ <div class="pf-v6-c-card__body">This is a card</div>
1446
+ </div>
1447
+ <div class="pf-v6-c-card">
1448
+ <div class="pf-v6-c-card__body">This is a card</div>
1449
+ </div>
1450
+ <div class="pf-v6-c-card">
1451
+ <div class="pf-v6-c-card__body">This is a card</div>
1452
+ </div>
1453
+ <div class="pf-v6-c-card">
1454
+ <div class="pf-v6-c-card__body">This is a card</div>
1455
+ </div>
1456
+ <div class="pf-v6-c-card">
1457
+ <div class="pf-v6-c-card__body">This is a card</div>
1458
+ </div>
1459
+ <div class="pf-v6-c-card">
1460
+ <div class="pf-v6-c-card__body">This is a card</div>
1461
+ </div>
1462
+ <div class="pf-v6-c-card">
1463
+ <div class="pf-v6-c-card__body">This is a card</div>
1464
+ </div>
1465
+ </div>
1466
+ </div>
1467
+ </section>
1468
+ </main>
1469
+ </div>
1470
+ </div>
1471
+
1472
+ ```
1473
+
1474
+ ### With expandable search, expanded
1475
+
1476
+ ```html isFullscreen
1477
+ <div class="pf-v6-c-page" id="masthead-expandable-search-expanded-example">
1478
+ <div class="pf-v6-c-skip-to-content">
1479
+ <a
1480
+ class="pf-v6-c-button pf-m-primary"
1481
+ href="#main-content-masthead-expandable-search-expanded-example"
1482
+ >
1483
+ <span class="pf-v6-c-button__text">Skip to content</span>
1484
+ </a>
1485
+ </div>
1486
+ <header
1487
+ class="pf-v6-c-masthead"
1488
+ id="masthead-expandable-search-expanded-example-masthead"
1489
+ >
1490
+ <div class="pf-v6-c-masthead__main">
1491
+ <span class="pf-v6-c-masthead__toggle">
1492
+ <button
1493
+ class="pf-v6-c-button pf-m-plain"
1494
+ type="button"
1495
+ aria-label="Global navigation"
1496
+ >
1497
+ <span class="pf-v6-c-button__icon">
1498
+ <i class="fas fa-bars" aria-hidden="true"></i>
1499
+ </span>
1500
+ </button>
1501
+ </span>
1502
+ <div class="pf-v6-c-masthead__brand">
1503
+ <a class="pf-v6-c-masthead__logo" href="#">
1504
+ <svg height="37px" viewBox="0 0 679 158">
1505
+ <title>PF-HorizontalLogo-Color</title>
1506
+ <defs>
1507
+ <linearGradient
1508
+ x1="68%"
1509
+ y1="2.25860997e-13%"
1510
+ x2="32%"
1511
+ y2="100%"
1512
+ id="linearGradient-masthead-expandable-search-expanded-example-masthead"
1513
+ >
1514
+ <stop stop-color="#2B9AF3" offset="0%" />
1515
+ <stop
1516
+ stop-color="#73BCF7"
1517
+ stop-opacity="0.502212631"
1518
+ offset="100%"
1519
+ />
1520
+ </linearGradient>
1521
+ </defs>
1522
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
1523
+ <g
1524
+ transform="translate(206.000000, 45.750000)"
1525
+ fill="var(--pf-t--global--text--color--regular)"
1526
+ fill-rule="nonzero"
1527
+ >
1528
+ <path
1529
+ 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"
1530
+ />
1531
+ <path
1532
+ 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"
1533
+ />
1534
+ <path
1535
+ 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"
1536
+ />
1537
+ <path
1538
+ 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"
1539
+ />
1540
+ <path
1541
+ 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"
1542
+ />
1543
+ <path
1544
+ 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"
1545
+ />
1546
+ <path
1547
+ 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"
1548
+ />
1549
+ <polygon
1550
+ 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"
1551
+ />
1552
+ <polygon
1553
+ points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
1554
+ />
1555
+ <path
1556
+ 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"
1557
+ />
1558
+ </g>
1559
+ <g transform="translate(0.000000, 0.000000)">
1560
+ <path
1561
+ 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"
1562
+ fill="#0066CC"
1563
+ />
1564
+ <path
1565
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1566
+ fill="url(#linearGradient-masthead-expandable-search-expanded-example-masthead)"
1567
+ />
1568
+ <path
1569
+ 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"
1570
+ fill="url(#linearGradient-masthead-expandable-search-expanded-example-masthead)"
1571
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1572
+ />
1573
+ </g>
1574
+ </g>
1575
+ </svg>
1576
+ </a>
1577
+ </div>
1578
+ </div>
1579
+ <div class="pf-v6-c-masthead__content">
1580
+ <div
1581
+ class="pf-v6-c-toolbar pf-m-static"
1582
+ id="masthead-expandable-search-expanded-example-masthead-toolbar"
1583
+ >
1584
+ <div class="pf-v6-c-toolbar__content">
1585
+ <div class="pf-v6-c-toolbar__content-section">
1586
+ <div class="pf-v6-c-toolbar__group pf-m-align-end">
1587
+ <div class="pf-v6-c-toolbar__item">
1588
+ <div class="pf-v6-c-input-group pf-m-plain">
1589
+ <div class="pf-v6-c-input-group__item pf-m-fill">
1590
+ <div class="pf-v6-c-text-input-group">
1591
+ <div class="pf-v6-c-text-input-group__main pf-m-icon">
1592
+ <span class="pf-v6-c-text-input-group__text">
1593
+ <span class="pf-v6-c-text-input-group__icon">
1594
+ <i class="fas fa-fw fa-search"></i>
1595
+ </span>
1596
+ <input
1597
+ class="pf-v6-c-text-input-group__text-input"
1598
+ type="text"
1599
+ placeholder="Search"
1600
+ value
1601
+ aria-label="Type to filter"
1602
+ />
1603
+ </span>
1604
+ </div>
1605
+ </div>
1606
+ </div>
1607
+ <div class="pf-v6-c-input-group__item pf-m-plain">
1608
+ <button
1609
+ class="pf-v6-c-button pf-m-plain"
1610
+ type="button"
1611
+ aria-label="Close"
1612
+ >
1613
+ <span class="pf-v6-c-button__icon">
1614
+ <i class="fas fa-times" aria-hidden="true"></i>
1615
+ </span>
1616
+ </button>
1617
+ </div>
1618
+ </div>
1619
+ </div>
1620
+ </div>
1621
+ </div>
1622
+ </div>
1623
+ </div>
1624
+ </div>
1625
+ </header>
1626
+ <div class="pf-v6-c-page__sidebar">
1627
+ <div class="pf-v6-c-page__sidebar-body">
1628
+ <nav
1629
+ class="pf-v6-c-nav"
1630
+ id="masthead-expandable-search-expanded-example-primary-nav"
1631
+ aria-label="Global"
1632
+ >
1633
+ <ul class="pf-v6-c-nav__list" role="list">
1634
+ <li class="pf-v6-c-nav__item">
1635
+ <a href="#" class="pf-v6-c-nav__link">
1636
+ <span class="pf-v6-c-nav__link-text">System panel</span>
1637
+ </a>
1638
+ </li>
1639
+ <li class="pf-v6-c-nav__item">
1640
+ <a
1641
+ href="#"
1642
+ class="pf-v6-c-nav__link pf-m-current"
1643
+ aria-current="page"
1644
+ >
1645
+ <span class="pf-v6-c-nav__link-text">Policy</span>
1646
+ </a>
1647
+ </li>
1648
+ <li class="pf-v6-c-nav__item">
1649
+ <a href="#" class="pf-v6-c-nav__link">
1650
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
1651
+ </a>
1652
+ </li>
1653
+ <li class="pf-v6-c-nav__item">
1654
+ <a href="#" class="pf-v6-c-nav__link">
1655
+ <span class="pf-v6-c-nav__link-text">Network services</span>
1656
+ </a>
1657
+ </li>
1658
+ <li class="pf-v6-c-nav__item">
1659
+ <a href="#" class="pf-v6-c-nav__link">
1660
+ <span class="pf-v6-c-nav__link-text">Server</span>
1661
+ </a>
1662
+ </li>
1663
+ </ul>
1664
+ </nav>
1665
+ </div>
1666
+ </div>
1667
+ <div class="pf-v6-c-page__main-container" tabindex="-1">
1668
+ <main
1669
+ class="pf-v6-c-page__main"
1670
+ tabindex="-1"
1671
+ id="main-content-masthead-expandable-search-expanded-example"
1672
+ >
1673
+ <section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
1674
+ <div class="pf-v6-c-page__main-body">
1675
+ <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
1676
+ <ol class="pf-v6-c-breadcrumb__list" role="list">
1677
+ <li class="pf-v6-c-breadcrumb__item">
1678
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
1679
+ </li>
1680
+ <li class="pf-v6-c-breadcrumb__item">
1681
+ <span class="pf-v6-c-breadcrumb__item-divider">
1682
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1683
+ </span>
1684
+
1685
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1686
+ </li>
1687
+ <li class="pf-v6-c-breadcrumb__item">
1688
+ <span class="pf-v6-c-breadcrumb__item-divider">
1689
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1690
+ </span>
1691
+
1692
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1693
+ </li>
1694
+ <li class="pf-v6-c-breadcrumb__item">
1695
+ <span class="pf-v6-c-breadcrumb__item-divider">
1696
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1697
+ </span>
1698
+
1699
+ <a
1700
+ href="#"
1701
+ class="pf-v6-c-breadcrumb__link pf-m-current"
1702
+ aria-current="page"
1703
+ >Section landing</a>
1704
+ </li>
1705
+ </ol>
1706
+ </nav>
1707
+ </div>
1708
+ </section>
1709
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
1710
+ <div class="pf-v6-c-page__main-body">
1711
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
1712
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
1713
+ </div>
1714
+ </section>
1715
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
1716
+ <div class="pf-v6-c-page__main-body">
1717
+ <div class="pf-v6-l-gallery pf-m-gutter">
1718
+ <div class="pf-v6-c-card">
1719
+ <div class="pf-v6-c-card__body">This is a card</div>
1720
+ </div>
1721
+ <div class="pf-v6-c-card">
1722
+ <div class="pf-v6-c-card__body">This is a card</div>
1723
+ </div>
1724
+ <div class="pf-v6-c-card">
1725
+ <div class="pf-v6-c-card__body">This is a card</div>
1726
+ </div>
1727
+ <div class="pf-v6-c-card">
1728
+ <div class="pf-v6-c-card__body">This is a card</div>
1729
+ </div>
1730
+ <div class="pf-v6-c-card">
1731
+ <div class="pf-v6-c-card__body">This is a card</div>
1732
+ </div>
1733
+ <div class="pf-v6-c-card">
1734
+ <div class="pf-v6-c-card__body">This is a card</div>
1735
+ </div>
1736
+ <div class="pf-v6-c-card">
1737
+ <div class="pf-v6-c-card__body">This is a card</div>
1738
+ </div>
1739
+ <div class="pf-v6-c-card">
1740
+ <div class="pf-v6-c-card__body">This is a card</div>
1741
+ </div>
1742
+ <div class="pf-v6-c-card">
1743
+ <div class="pf-v6-c-card__body">This is a card</div>
1744
+ </div>
1745
+ <div class="pf-v6-c-card">
1746
+ <div class="pf-v6-c-card__body">This is a card</div>
1747
+ </div>
1748
+ </div>
1749
+ </div>
1750
+ </section>
1751
+ </main>
1752
+ </div>
1753
+ </div>
1754
+
1755
+ ```
1756
+
1757
+ ### Advanced integration with menu options
1758
+
1759
+ ```html isFullscreen
1760
+ <div class="pf-v6-c-page" id="masthead-advanced-with-menu-example">
1761
+ <div class="pf-v6-c-skip-to-content">
1762
+ <a
1763
+ class="pf-v6-c-button pf-m-primary"
1764
+ href="#main-content-masthead-advanced-with-menu-example"
1765
+ >
1766
+ <span class="pf-v6-c-button__text">Skip to content</span>
1767
+ </a>
1768
+ </div>
1769
+ <header
1770
+ class="pf-v6-c-masthead"
1771
+ id="masthead-advanced-with-menu-example-masthead"
1772
+ >
1773
+ <div class="pf-v6-c-masthead__main">
1774
+ <span class="pf-v6-c-masthead__toggle">
1775
+ <button
1776
+ class="pf-v6-c-button pf-m-plain"
1777
+ type="button"
1778
+ aria-label="Global navigation"
1779
+ >
1780
+ <span class="pf-v6-c-button__icon">
1781
+ <i class="fas fa-bars" aria-hidden="true"></i>
1782
+ </span>
1783
+ </button>
1784
+ </span>
1785
+ <div class="pf-v6-c-masthead__brand">
1786
+ <a class="pf-v6-c-masthead__logo" href="#">
1787
+ <svg height="37px" viewBox="0 0 679 158">
1788
+ <title>PF-HorizontalLogo-Color</title>
1789
+ <defs>
1790
+ <linearGradient
1791
+ x1="68%"
1792
+ y1="2.25860997e-13%"
1793
+ x2="32%"
1794
+ y2="100%"
1795
+ id="linearGradient-masthead-advanced-with-menu-example-masthead"
1796
+ >
1797
+ <stop stop-color="#2B9AF3" offset="0%" />
1798
+ <stop
1799
+ stop-color="#73BCF7"
1800
+ stop-opacity="0.502212631"
1801
+ offset="100%"
1802
+ />
1803
+ </linearGradient>
1804
+ </defs>
1805
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
1806
+ <g
1807
+ transform="translate(206.000000, 45.750000)"
1808
+ fill="var(--pf-t--global--text--color--regular)"
1809
+ fill-rule="nonzero"
1810
+ >
1811
+ <path
1812
+ 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"
1813
+ />
1814
+ <path
1815
+ 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"
1816
+ />
1817
+ <path
1818
+ 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"
1819
+ />
1820
+ <path
1821
+ 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"
1822
+ />
1823
+ <path
1824
+ 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"
1825
+ />
1826
+ <path
1827
+ 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"
1828
+ />
1829
+ <path
1830
+ 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"
1831
+ />
1832
+ <polygon
1833
+ 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"
1834
+ />
1835
+ <polygon
1836
+ points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
1837
+ />
1838
+ <path
1839
+ 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"
1840
+ />
1841
+ </g>
1842
+ <g transform="translate(0.000000, 0.000000)">
1843
+ <path
1844
+ 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"
1845
+ fill="#0066CC"
1846
+ />
1847
+ <path
1848
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1849
+ fill="url(#linearGradient-masthead-advanced-with-menu-example-masthead)"
1850
+ />
1851
+ <path
1852
+ 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"
1853
+ fill="url(#linearGradient-masthead-advanced-with-menu-example-masthead)"
1854
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1855
+ />
1856
+ </g>
1857
+ </g>
1858
+ </svg>
1859
+ </a>
1860
+ </div>
1861
+ </div>
1862
+ <div class="pf-v6-c-masthead__content">
1863
+ <div
1864
+ class="pf-v6-c-toolbar pf-m-static"
1865
+ id="masthead-advanced-with-menu-example-masthead-toolbar"
1866
+ >
1867
+ <div class="pf-v6-c-toolbar__content">
1868
+ <div class="pf-v6-c-toolbar__content-section">
1869
+ <div
1870
+ class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
1871
+ >
1872
+ <div
1873
+ class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
1874
+ >
1875
+ <div class="pf-v6-c-toolbar__item">
1876
+ <button
1877
+ class="pf-v6-c-menu-toggle pf-m-plain"
1878
+ type="button"
1879
+ aria-expanded="false"
1880
+ aria-label="Application launcher"
1881
+ >
1882
+ <span class="pf-v6-c-menu-toggle__icon">
1883
+ <i class="fas fa-th" aria-hidden="true"></i>
1884
+ </span>
1885
+ </button>
1886
+ </div>
1887
+ <div class="pf-v6-c-toolbar__item">
1888
+ <button
1889
+ class="pf-v6-c-menu-toggle pf-m-plain"
1890
+ type="button"
1891
+ aria-expanded="false"
1892
+ aria-label="Settings"
1893
+ >
1894
+ <span class="pf-v6-c-menu-toggle__icon">
1895
+ <i class="fas fa-cog" aria-hidden="true"></i>
1896
+ </span>
1897
+ </button>
1898
+ </div>
1899
+ <div class="pf-v6-c-toolbar__item">
1900
+ <button
1901
+ class="pf-v6-c-menu-toggle pf-m-plain"
1902
+ type="button"
1903
+ aria-expanded="false"
1904
+ aria-label="Help"
1905
+ >
1906
+ <span class="pf-v6-c-menu-toggle__icon">
1907
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1908
+ </span>
1909
+ </button>
1910
+ </div>
1911
+ </div>
1912
+
1913
+ <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
1914
+ <button
1915
+ class="pf-v6-c-menu-toggle pf-m-plain"
1916
+ type="button"
1917
+ aria-expanded="false"
1918
+ aria-label="Actions"
1919
+ >
1920
+ <span class="pf-v6-c-menu-toggle__icon">
1921
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1922
+ </span>
1923
+ </button>
1924
+ </div>
1925
+ </div>
1926
+ </div>
1927
+ </div>
1928
+ </div>
1929
+ </div>
1930
+ </header>
1931
+ <div class="pf-v6-c-page__sidebar">
1932
+ <div class="pf-v6-c-page__sidebar-body">
1933
+ <nav
1934
+ class="pf-v6-c-nav"
1935
+ id="masthead-advanced-with-menu-example-primary-nav"
1936
+ aria-label="Global"
1937
+ >
1938
+ <ul class="pf-v6-c-nav__list" role="list">
1939
+ <li class="pf-v6-c-nav__item">
1940
+ <a href="#" class="pf-v6-c-nav__link">
1941
+ <span class="pf-v6-c-nav__link-text">System panel</span>
1942
+ </a>
1943
+ </li>
1944
+ <li class="pf-v6-c-nav__item">
1945
+ <a
1946
+ href="#"
1947
+ class="pf-v6-c-nav__link pf-m-current"
1948
+ aria-current="page"
1949
+ >
1950
+ <span class="pf-v6-c-nav__link-text">Policy</span>
1951
+ </a>
1952
+ </li>
1953
+ <li class="pf-v6-c-nav__item">
1954
+ <a href="#" class="pf-v6-c-nav__link">
1955
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
1956
+ </a>
1957
+ </li>
1958
+ <li class="pf-v6-c-nav__item">
1959
+ <a href="#" class="pf-v6-c-nav__link">
1960
+ <span class="pf-v6-c-nav__link-text">Network services</span>
1961
+ </a>
1962
+ </li>
1963
+ <li class="pf-v6-c-nav__item">
1964
+ <a href="#" class="pf-v6-c-nav__link">
1965
+ <span class="pf-v6-c-nav__link-text">Server</span>
1966
+ </a>
1967
+ </li>
1968
+ </ul>
1969
+ </nav>
1970
+ </div>
1971
+ </div>
1972
+ <div class="pf-v6-c-page__main-container" tabindex="-1">
1973
+ <main
1974
+ class="pf-v6-c-page__main"
1975
+ tabindex="-1"
1976
+ id="main-content-masthead-advanced-with-menu-example"
1977
+ >
1978
+ <section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
1979
+ <div class="pf-v6-c-page__main-body">
1980
+ <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
1981
+ <ol class="pf-v6-c-breadcrumb__list" role="list">
1982
+ <li class="pf-v6-c-breadcrumb__item">
1983
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
1984
+ </li>
1985
+ <li class="pf-v6-c-breadcrumb__item">
1986
+ <span class="pf-v6-c-breadcrumb__item-divider">
1987
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1988
+ </span>
1989
+
1990
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1991
+ </li>
1992
+ <li class="pf-v6-c-breadcrumb__item">
1993
+ <span class="pf-v6-c-breadcrumb__item-divider">
1994
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1995
+ </span>
1996
+
1997
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1998
+ </li>
1999
+ <li class="pf-v6-c-breadcrumb__item">
2000
+ <span class="pf-v6-c-breadcrumb__item-divider">
2001
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2002
+ </span>
2003
+
2004
+ <a
2005
+ href="#"
2006
+ class="pf-v6-c-breadcrumb__link pf-m-current"
2007
+ aria-current="page"
2008
+ >Section landing</a>
2009
+ </li>
2010
+ </ol>
2011
+ </nav>
2012
+ </div>
2013
+ </section>
2014
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
2015
+ <div class="pf-v6-c-page__main-body">
2016
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
2017
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
2018
+ </div>
2019
+ </section>
2020
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
2021
+ <div class="pf-v6-c-page__main-body">
2022
+ <div class="pf-v6-l-gallery pf-m-gutter">
2023
+ <div class="pf-v6-c-card">
2024
+ <div class="pf-v6-c-card__body">This is a card</div>
2025
+ </div>
2026
+ <div class="pf-v6-c-card">
2027
+ <div class="pf-v6-c-card__body">This is a card</div>
2028
+ </div>
2029
+ <div class="pf-v6-c-card">
2030
+ <div class="pf-v6-c-card__body">This is a card</div>
2031
+ </div>
2032
+ <div class="pf-v6-c-card">
2033
+ <div class="pf-v6-c-card__body">This is a card</div>
2034
+ </div>
2035
+ <div class="pf-v6-c-card">
2036
+ <div class="pf-v6-c-card__body">This is a card</div>
2037
+ </div>
2038
+ <div class="pf-v6-c-card">
2039
+ <div class="pf-v6-c-card__body">This is a card</div>
2040
+ </div>
2041
+ <div class="pf-v6-c-card">
2042
+ <div class="pf-v6-c-card__body">This is a card</div>
2043
+ </div>
2044
+ <div class="pf-v6-c-card">
2045
+ <div class="pf-v6-c-card__body">This is a card</div>
2046
+ </div>
2047
+ <div class="pf-v6-c-card">
2048
+ <div class="pf-v6-c-card__body">This is a card</div>
2049
+ </div>
2050
+ <div class="pf-v6-c-card">
2051
+ <div class="pf-v6-c-card__body">This is a card</div>
2052
+ </div>
2053
+ </div>
2054
+ </div>
2055
+ </section>
2056
+ </main>
2057
+ </div>
2058
+ </div>
2059
+
2060
+ ```
2061
+
2062
+ ### Horizontal nav
2063
+
2064
+ ```html isFullscreen
2065
+ <div class="pf-v6-c-page pf-m-no-sidebar" id="masthead-horizontal-nav">
2066
+ <div class="pf-v6-c-skip-to-content">
2067
+ <a
2068
+ class="pf-v6-c-button pf-m-primary"
2069
+ href="#main-content-masthead-horizontal-nav"
2070
+ >
2071
+ <span class="pf-v6-c-button__text">Skip to content</span>
2072
+ </a>
2073
+ </div>
2074
+ <header class="pf-v6-c-masthead" id="masthead-horizontal-nav-masthead">
2075
+ <div class="pf-v6-c-masthead__main">
2076
+ <div class="pf-v6-c-masthead__brand">
2077
+ <a class="pf-v6-c-masthead__logo" href="#">
2078
+ <svg height="37px" viewBox="0 0 679 158">
2079
+ <title>PF-HorizontalLogo-Color</title>
2080
+ <defs>
2081
+ <linearGradient
2082
+ x1="68%"
2083
+ y1="2.25860997e-13%"
2084
+ x2="32%"
2085
+ y2="100%"
2086
+ id="linearGradient-masthead-horizontal-nav-masthead"
2087
+ >
2088
+ <stop stop-color="#2B9AF3" offset="0%" />
2089
+ <stop
2090
+ stop-color="#73BCF7"
2091
+ stop-opacity="0.502212631"
2092
+ offset="100%"
2093
+ />
2094
+ </linearGradient>
2095
+ </defs>
2096
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
2097
+ <g
2098
+ transform="translate(206.000000, 45.750000)"
2099
+ fill="var(--pf-t--global--text--color--regular)"
2100
+ fill-rule="nonzero"
2101
+ >
2102
+ <path
2103
+ 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"
2104
+ />
2105
+ <path
2106
+ 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"
2107
+ />
2108
+ <path
2109
+ 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"
2110
+ />
2111
+ <path
2112
+ 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"
2113
+ />
2114
+ <path
2115
+ 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"
2116
+ />
2117
+ <path
2118
+ 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"
2119
+ />
2120
+ <path
2121
+ 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"
2122
+ />
2123
+ <polygon
2124
+ 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"
2125
+ />
2126
+ <polygon
2127
+ points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
2128
+ />
2129
+ <path
2130
+ 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"
2131
+ />
2132
+ </g>
2133
+ <g transform="translate(0.000000, 0.000000)">
2134
+ <path
2135
+ 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"
2136
+ fill="#0066CC"
2137
+ />
2138
+ <path
2139
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
2140
+ fill="url(#linearGradient-masthead-horizontal-nav-masthead)"
2141
+ />
2142
+ <path
2143
+ 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"
2144
+ fill="url(#linearGradient-masthead-horizontal-nav-masthead)"
2145
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
2146
+ />
2147
+ </g>
2148
+ </g>
2149
+ </svg>
2150
+ </a>
2151
+ </div>
2152
+ </div>
2153
+ <div class="pf-v6-c-masthead__content">
2154
+ <div
2155
+ class="pf-v6-c-toolbar pf-m-static"
2156
+ id="masthead-horizontal-nav-masthead-toolbar"
2157
+ >
2158
+ <div class="pf-v6-c-toolbar__content">
2159
+ <div class="pf-v6-c-toolbar__content-section">
2160
+ <div
2161
+ class="pf-v6-c-toolbar__item pf-m-overflow-container"
2162
+ style="--pf-v6-c-toolbar__item--MinWidth: 18ch;"
2163
+ >
2164
+ <nav
2165
+ class="pf-v6-c-nav pf-m-scrollable pf-m-horizontal"
2166
+ id="masthead-horizontal-nav-masthead-horizontal-nav"
2167
+ aria-label="Global"
2168
+ >
2169
+ <div class="pf-v6-c-nav__scroll-button">
2170
+ <button
2171
+ class="pf-v6-c-button pf-m-plain"
2172
+ type="button"
2173
+ aria-label="Scroll start"
2174
+ >
2175
+ <span class="pf-v6-c-button__icon">
2176
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
2177
+ </span>
2178
+ </button>
2179
+ </div>
2180
+ <ul class="pf-v6-c-nav__list" role="list">
2181
+ <li class="pf-v6-c-nav__item">
2182
+ <a href="#" class="pf-v6-c-nav__link">
2183
+ <span class="pf-v6-c-nav__link-text">Horizontal nav item 1</span>
2184
+ </a>
2185
+ </li>
2186
+ <li class="pf-v6-c-nav__item">
2187
+ <a href="#" class="pf-v6-c-nav__link">
2188
+ <span class="pf-v6-c-nav__link-text">Horizontal nav item 2</span>
2189
+ </a>
2190
+ </li>
2191
+ <li class="pf-v6-c-nav__item">
2192
+ <a href="#" class="pf-v6-c-nav__link">
2193
+ <span class="pf-v6-c-nav__link-text">Horizontal nav item 3</span>
2194
+ </a>
2195
+ </li>
2196
+ <li class="pf-v6-c-nav__item">
2197
+ <a href="#" class="pf-v6-c-nav__link">
2198
+ <span class="pf-v6-c-nav__link-text">Horizontal nav item 4</span>
2199
+ </a>
2200
+ </li>
2201
+ <li class="pf-v6-c-nav__item">
2202
+ <a
2203
+ href="#"
2204
+ class="pf-v6-c-nav__link pf-m-current"
2205
+ aria-current="page"
2206
+ >
2207
+ <span class="pf-v6-c-nav__link-text">Horizontal nav item 5</span>
2208
+ </a>
2209
+ </li>
2210
+ </ul>
2211
+ <div class="pf-v6-c-nav__scroll-button">
2212
+ <button
2213
+ class="pf-v6-c-button pf-m-plain"
2214
+ type="button"
2215
+ aria-label="Scroll end"
2216
+ >
2217
+ <span class="pf-v6-c-button__icon">
2218
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2219
+ </span>
2220
+ </button>
2221
+ </div>
2222
+ </nav>
2223
+ </div>
2224
+
2225
+ <div
2226
+ class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
2227
+ >
2228
+ <div
2229
+ class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
2230
+ >
2231
+ <div class="pf-v6-c-toolbar__item">
2232
+ <button
2233
+ class="pf-v6-c-menu-toggle pf-m-plain"
2234
+ type="button"
2235
+ aria-expanded="false"
2236
+ aria-label="Application launcher"
2237
+ >
2238
+ <span class="pf-v6-c-menu-toggle__icon">
2239
+ <i class="fas fa-th" aria-hidden="true"></i>
2240
+ </span>
2241
+ </button>
2242
+ </div>
2243
+ <div class="pf-v6-c-toolbar__item">
2244
+ <button
2245
+ class="pf-v6-c-menu-toggle pf-m-plain"
2246
+ type="button"
2247
+ aria-expanded="false"
2248
+ aria-label="Settings"
2249
+ >
2250
+ <span class="pf-v6-c-menu-toggle__icon">
2251
+ <i class="fas fa-cog" aria-hidden="true"></i>
2252
+ </span>
2253
+ </button>
2254
+ </div>
2255
+ <div class="pf-v6-c-toolbar__item">
2256
+ <button
2257
+ class="pf-v6-c-menu-toggle pf-m-plain"
2258
+ type="button"
2259
+ aria-expanded="false"
2260
+ aria-label="Help"
2261
+ >
2262
+ <span class="pf-v6-c-menu-toggle__icon">
2263
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
2264
+ </span>
2265
+ </button>
2266
+ </div>
2267
+ </div>
2268
+
2269
+ <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
2270
+ <button
2271
+ class="pf-v6-c-menu-toggle pf-m-plain"
2272
+ type="button"
2273
+ aria-expanded="false"
2274
+ aria-label="Actions"
2275
+ >
2276
+ <span class="pf-v6-c-menu-toggle__icon">
2277
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2278
+ </span>
2279
+ </button>
2280
+ </div>
2281
+ </div>
2282
+ </div>
2283
+ </div>
2284
+ </div>
2285
+ </div>
2286
+ </header>
2287
+ <div class="pf-v6-c-page__main-container" tabindex="-1">
2288
+ <main
2289
+ class="pf-v6-c-page__main"
2290
+ tabindex="-1"
2291
+ id="main-content-masthead-horizontal-nav"
2292
+ >
2293
+ <section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
2294
+ <div class="pf-v6-c-page__main-body">
2295
+ <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
2296
+ <ol class="pf-v6-c-breadcrumb__list" role="list">
2297
+ <li class="pf-v6-c-breadcrumb__item">
2298
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
2299
+ </li>
2300
+ <li class="pf-v6-c-breadcrumb__item">
2301
+ <span class="pf-v6-c-breadcrumb__item-divider">
2302
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2303
+ </span>
2304
+
2305
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2306
+ </li>
2307
+ <li class="pf-v6-c-breadcrumb__item">
2308
+ <span class="pf-v6-c-breadcrumb__item-divider">
2309
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2310
+ </span>
2311
+
2312
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2313
+ </li>
2314
+ <li class="pf-v6-c-breadcrumb__item">
2315
+ <span class="pf-v6-c-breadcrumb__item-divider">
2316
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2317
+ </span>
2318
+
2319
+ <a
2320
+ href="#"
2321
+ class="pf-v6-c-breadcrumb__link pf-m-current"
2322
+ aria-current="page"
2323
+ >Section landing</a>
2324
+ </li>
2325
+ </ol>
2326
+ </nav>
2327
+ </div>
2328
+ </section>
2329
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
2330
+ <div class="pf-v6-c-page__main-body">
2331
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
2332
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
2333
+ </div>
2334
+ </section>
2335
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
2336
+ <div class="pf-v6-c-page__main-body">
2337
+ <div class="pf-v6-l-gallery pf-m-gutter">
2338
+ <div class="pf-v6-c-card">
2339
+ <div class="pf-v6-c-card__body">This is a card</div>
2340
+ </div>
2341
+ <div class="pf-v6-c-card">
2342
+ <div class="pf-v6-c-card__body">This is a card</div>
2343
+ </div>
2344
+ <div class="pf-v6-c-card">
2345
+ <div class="pf-v6-c-card__body">This is a card</div>
2346
+ </div>
2347
+ <div class="pf-v6-c-card">
2348
+ <div class="pf-v6-c-card__body">This is a card</div>
2349
+ </div>
2350
+ <div class="pf-v6-c-card">
2351
+ <div class="pf-v6-c-card__body">This is a card</div>
2352
+ </div>
2353
+ <div class="pf-v6-c-card">
2354
+ <div class="pf-v6-c-card__body">This is a card</div>
2355
+ </div>
2356
+ <div class="pf-v6-c-card">
2357
+ <div class="pf-v6-c-card__body">This is a card</div>
2358
+ </div>
2359
+ <div class="pf-v6-c-card">
2360
+ <div class="pf-v6-c-card__body">This is a card</div>
2361
+ </div>
2362
+ <div class="pf-v6-c-card">
2363
+ <div class="pf-v6-c-card__body">This is a card</div>
2364
+ </div>
2365
+ <div class="pf-v6-c-card">
2366
+ <div class="pf-v6-c-card__body">This is a card</div>
2367
+ </div>
2368
+ </div>
2369
+ </div>
2370
+ </section>
2371
+ </main>
2372
+ </div>
2373
+ </div>
2374
+
2375
+ ```
2376
+
2377
+ ## Mobile examples
2378
+
2379
+ ### With toggle group, filters, expandable content expanded (mobile)
2380
+
2381
+ ```html isFullscreen
2382
+ <div
2383
+ class="pf-v6-c-page"
2384
+ id="masthead-toggle-group-filters-expanded-mobile-example"
2385
+ >
2386
+ <div class="pf-v6-c-skip-to-content">
2387
+ <a
2388
+ class="pf-v6-c-button pf-m-primary"
2389
+ href="#main-content-masthead-toggle-group-filters-expanded-mobile-example"
2390
+ >
2391
+ <span class="pf-v6-c-button__text">Skip to content</span>
2392
+ </a>
2393
+ </div>
2394
+ <header
2395
+ class="pf-v6-c-masthead"
2396
+ id="masthead-toggle-group-filters-expanded-mobile-example-masthead"
2397
+ >
2398
+ <div class="pf-v6-c-masthead__main">
2399
+ <span class="pf-v6-c-masthead__toggle">
2400
+ <button
2401
+ class="pf-v6-c-button pf-m-plain"
2402
+ type="button"
2403
+ aria-label="Global navigation"
2404
+ >
2405
+ <span class="pf-v6-c-button__icon">
2406
+ <i class="fas fa-bars" aria-hidden="true"></i>
2407
+ </span>
2408
+ </button>
2409
+ </span>
2410
+ <div class="pf-v6-c-masthead__brand">
2411
+ <a class="pf-v6-c-masthead__logo" href="#">
2412
+ <svg height="37px" viewBox="0 0 679 158">
2413
+ <title>PF-HorizontalLogo-Color</title>
2414
+ <defs>
2415
+ <linearGradient
2416
+ x1="68%"
2417
+ y1="2.25860997e-13%"
2418
+ x2="32%"
2419
+ y2="100%"
2420
+ id="linearGradient-masthead-toggle-group-filters-expanded-mobile-example-masthead"
2421
+ >
2422
+ <stop stop-color="#2B9AF3" offset="0%" />
2423
+ <stop
2424
+ stop-color="#73BCF7"
2425
+ stop-opacity="0.502212631"
2426
+ offset="100%"
2427
+ />
2428
+ </linearGradient>
2429
+ </defs>
2430
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
2431
+ <g
2432
+ transform="translate(206.000000, 45.750000)"
2433
+ fill="var(--pf-t--global--text--color--regular)"
2434
+ fill-rule="nonzero"
2435
+ >
2436
+ <path
2437
+ 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"
2438
+ />
2439
+ <path
2440
+ 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"
2441
+ />
2442
+ <path
2443
+ 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"
2444
+ />
2445
+ <path
2446
+ 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"
2447
+ />
2448
+ <path
2449
+ 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"
2450
+ />
2451
+ <path
2452
+ 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"
2453
+ />
2454
+ <path
2455
+ 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"
2456
+ />
2457
+ <polygon
2458
+ 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"
2459
+ />
2460
+ <polygon
2461
+ points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
2462
+ />
2463
+ <path
2464
+ 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"
2465
+ />
2466
+ </g>
2467
+ <g transform="translate(0.000000, 0.000000)">
2468
+ <path
2469
+ 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"
2470
+ fill="#0066CC"
2471
+ />
2472
+ <path
2473
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
2474
+ fill="url(#linearGradient-masthead-toggle-group-filters-expanded-mobile-example-masthead)"
2475
+ />
2476
+ <path
2477
+ 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"
2478
+ fill="url(#linearGradient-masthead-toggle-group-filters-expanded-mobile-example-masthead)"
2479
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
2480
+ />
2481
+ </g>
2482
+ </g>
2483
+ </svg>
2484
+ </a>
2485
+ </div>
2486
+ </div>
2487
+ <div class="pf-v6-c-masthead__content">
2488
+ <div
2489
+ class="pf-v6-c-toolbar pf-m-static"
2490
+ id="masthead-toggle-group-filters-expanded-mobile-example-masthead-toolbar"
2491
+ >
2492
+ <div class="pf-v6-c-toolbar__content">
2493
+ <div class="pf-v6-c-toolbar__content-section">
2494
+ <div
2495
+ class="pf-v6-c-toolbar__group pf-m-toggle-group pf-m-show pf-m-align-end"
2496
+ >
2497
+ <div class="pf-v6-c-toolbar__toggle">
2498
+ <button
2499
+ class="pf-v6-c-menu-toggle pf-m-plain"
2500
+ type="button"
2501
+ aria-expanded="false"
2502
+ aria-label="Show filters"
2503
+ aria-controls="masthead-toggle-group-filters-expanded-mobile-example-masthead-toolbar-expandable-content"
2504
+ >
2505
+ <span class="pf-v6-c-menu-toggle__icon">
2506
+ <i class="fas fa-filter" aria-hidden="true"></i>
2507
+ </span>
2508
+ </button>
2509
+ </div>
2510
+ </div>
2511
+
2512
+ <div class="pf-v6-c-toolbar__item">
2513
+ <button
2514
+ class="pf-v6-c-menu-toggle pf-m-plain"
2515
+ type="button"
2516
+ aria-expanded="false"
2517
+ aria-label="Actions"
2518
+ >
2519
+ <span class="pf-v6-c-menu-toggle__icon">
2520
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2521
+ </span>
2522
+ </button>
2523
+ </div>
2524
+ </div>
2525
+
2526
+ <div
2527
+ class="pf-v6-c-toolbar__expandable-content pf-m-expanded"
2528
+ id="masthead-toggle-group-filters-expanded-mobile-example-masthead-toolbar-expandable-content"
2529
+ >
2530
+ <div class="pf-v6-c-toolbar__item pf-m-search-filter">
2531
+ <div
2532
+ class="pf-v6-c-input-group"
2533
+ aria-label="search filter"
2534
+ role="group"
2535
+ >
2536
+ <div class="pf-v6-c-input-group__item">
2537
+ <button
2538
+ class="pf-v6-c-menu-toggle"
2539
+ type="button"
2540
+ aria-expanded="false"
2541
+ id="masthead-toggle-group-filters-expanded-mobile-example-masthead-toolbar-search-filter-menu"
2542
+ >
2543
+ <span class="pf-v6-c-menu-toggle__icon">
2544
+ <i class="fas fa-filter" aria-hidden="true"></i>
2545
+ </span>
2546
+ <span class="pf-v6-c-menu-toggle__text">Name</span>
2547
+ <span class="pf-v6-c-menu-toggle__controls">
2548
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
2549
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2550
+ </span>
2551
+ </span>
2552
+ </button>
2553
+ </div>
2554
+ <div class="pf-v6-c-input-group__item pf-m-fill">
2555
+ <div class="pf-v6-c-text-input-group">
2556
+ <div class="pf-v6-c-text-input-group__main pf-m-icon">
2557
+ <span class="pf-v6-c-text-input-group__text">
2558
+ <span class="pf-v6-c-text-input-group__icon">
2559
+ <i class="fas fa-fw fa-search"></i>
2560
+ </span>
2561
+ <input
2562
+ class="pf-v6-c-text-input-group__text-input"
2563
+ type="text"
2564
+ placeholder="Filter by name"
2565
+ value
2566
+ aria-label="Search input"
2567
+ />
2568
+ </span>
2569
+ </div>
2570
+ </div>
2571
+ </div>
2572
+ </div>
2573
+ </div>
2574
+ </div>
2575
+ </div>
2576
+ </div>
2577
+ </div>
2578
+ </header>
2579
+ <div class="pf-v6-c-page__sidebar">
2580
+ <div class="pf-v6-c-page__sidebar-body">
2581
+ <nav
2582
+ class="pf-v6-c-nav"
2583
+ id="masthead-toggle-group-filters-expanded-mobile-example-primary-nav"
2584
+ aria-label="Global"
2585
+ >
2586
+ <ul class="pf-v6-c-nav__list" role="list">
2587
+ <li class="pf-v6-c-nav__item">
2588
+ <a href="#" class="pf-v6-c-nav__link">
2589
+ <span class="pf-v6-c-nav__link-text">System panel</span>
2590
+ </a>
2591
+ </li>
2592
+ <li class="pf-v6-c-nav__item">
2593
+ <a
2594
+ href="#"
2595
+ class="pf-v6-c-nav__link pf-m-current"
2596
+ aria-current="page"
2597
+ >
2598
+ <span class="pf-v6-c-nav__link-text">Policy</span>
2599
+ </a>
2600
+ </li>
2601
+ <li class="pf-v6-c-nav__item">
2602
+ <a href="#" class="pf-v6-c-nav__link">
2603
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
2604
+ </a>
2605
+ </li>
2606
+ <li class="pf-v6-c-nav__item">
2607
+ <a href="#" class="pf-v6-c-nav__link">
2608
+ <span class="pf-v6-c-nav__link-text">Network services</span>
2609
+ </a>
2610
+ </li>
2611
+ <li class="pf-v6-c-nav__item">
2612
+ <a href="#" class="pf-v6-c-nav__link">
2613
+ <span class="pf-v6-c-nav__link-text">Server</span>
2614
+ </a>
2615
+ </li>
2616
+ </ul>
2617
+ </nav>
2618
+ </div>
2619
+ </div>
2620
+ <div class="pf-v6-c-page__main-container" tabindex="-1">
2621
+ <main
2622
+ class="pf-v6-c-page__main"
2623
+ tabindex="-1"
2624
+ id="main-content-masthead-toggle-group-filters-expanded-mobile-example"
2625
+ >
2626
+ <section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
2627
+ <div class="pf-v6-c-page__main-body">
2628
+ <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
2629
+ <ol class="pf-v6-c-breadcrumb__list" role="list">
2630
+ <li class="pf-v6-c-breadcrumb__item">
2631
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
2632
+ </li>
2633
+ <li class="pf-v6-c-breadcrumb__item">
2634
+ <span class="pf-v6-c-breadcrumb__item-divider">
2635
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2636
+ </span>
2637
+
2638
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2639
+ </li>
2640
+ <li class="pf-v6-c-breadcrumb__item">
2641
+ <span class="pf-v6-c-breadcrumb__item-divider">
2642
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2643
+ </span>
2644
+
2645
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2646
+ </li>
2647
+ <li class="pf-v6-c-breadcrumb__item">
2648
+ <span class="pf-v6-c-breadcrumb__item-divider">
2649
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2650
+ </span>
2651
+
2652
+ <a
2653
+ href="#"
2654
+ class="pf-v6-c-breadcrumb__link pf-m-current"
2655
+ aria-current="page"
2656
+ >Section landing</a>
2657
+ </li>
2658
+ </ol>
2659
+ </nav>
2660
+ </div>
2661
+ </section>
2662
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
2663
+ <div class="pf-v6-c-page__main-body">
2664
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
2665
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
2666
+ </div>
2667
+ </section>
2668
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
2669
+ <div class="pf-v6-c-page__main-body">
2670
+ <div class="pf-v6-l-gallery pf-m-gutter">
2671
+ <div class="pf-v6-c-card">
2672
+ <div class="pf-v6-c-card__body">This is a card</div>
2673
+ </div>
2674
+ <div class="pf-v6-c-card">
2675
+ <div class="pf-v6-c-card__body">This is a card</div>
2676
+ </div>
2677
+ <div class="pf-v6-c-card">
2678
+ <div class="pf-v6-c-card__body">This is a card</div>
2679
+ </div>
2680
+ <div class="pf-v6-c-card">
2681
+ <div class="pf-v6-c-card__body">This is a card</div>
2682
+ </div>
2683
+ <div class="pf-v6-c-card">
2684
+ <div class="pf-v6-c-card__body">This is a card</div>
2685
+ </div>
2686
+ <div class="pf-v6-c-card">
2687
+ <div class="pf-v6-c-card__body">This is a card</div>
2688
+ </div>
2689
+ <div class="pf-v6-c-card">
2690
+ <div class="pf-v6-c-card__body">This is a card</div>
2691
+ </div>
2692
+ <div class="pf-v6-c-card">
2693
+ <div class="pf-v6-c-card__body">This is a card</div>
2694
+ </div>
2695
+ <div class="pf-v6-c-card">
2696
+ <div class="pf-v6-c-card__body">This is a card</div>
2697
+ </div>
2698
+ <div class="pf-v6-c-card">
2699
+ <div class="pf-v6-c-card__body">This is a card</div>
2700
+ </div>
2701
+ </div>
2702
+ </div>
2703
+ </section>
2704
+ </main>
2705
+ </div>
2706
+ </div>
2707
+
2708
+ ```