@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/data-list/html-demos ADDED
@@ -0,0 +1,4059 @@
1
+ ## Demos
2
+
3
+ ### Basic
4
+
5
+ ```html isFullscreen
6
+ <div class="pf-v6-c-page" id="data-list-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-data-list-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="data-list-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-data-list-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-data-list-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-data-list-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="data-list-basic-example-masthead-toolbar"
109
+ >
110
+ <div class="pf-v6-c-toolbar__content">
111
+ <div class="pf-v6-c-toolbar__content-section">
112
+ <div
113
+ 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"
114
+ >
115
+ <div
116
+ class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
117
+ >
118
+ <div class="pf-v6-c-toolbar__item">
119
+ <button
120
+ class="pf-v6-c-menu-toggle pf-m-plain"
121
+ type="button"
122
+ aria-expanded="false"
123
+ aria-label="Application launcher"
124
+ >
125
+ <span class="pf-v6-c-menu-toggle__icon">
126
+ <i class="fas fa-th" aria-hidden="true"></i>
127
+ </span>
128
+ </button>
129
+ </div>
130
+ <div class="pf-v6-c-toolbar__item">
131
+ <button
132
+ class="pf-v6-c-menu-toggle pf-m-plain"
133
+ type="button"
134
+ aria-expanded="false"
135
+ aria-label="Settings"
136
+ >
137
+ <span class="pf-v6-c-menu-toggle__icon">
138
+ <i class="fas fa-cog" aria-hidden="true"></i>
139
+ </span>
140
+ </button>
141
+ </div>
142
+ <div class="pf-v6-c-toolbar__item">
143
+ <button
144
+ class="pf-v6-c-menu-toggle pf-m-plain"
145
+ type="button"
146
+ aria-expanded="false"
147
+ aria-label="Help"
148
+ >
149
+ <span class="pf-v6-c-menu-toggle__icon">
150
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
151
+ </span>
152
+ </button>
153
+ </div>
154
+ </div>
155
+
156
+ <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
157
+ <button
158
+ class="pf-v6-c-menu-toggle pf-m-plain"
159
+ type="button"
160
+ aria-expanded="false"
161
+ aria-label="Actions"
162
+ >
163
+ <span class="pf-v6-c-menu-toggle__icon">
164
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
165
+ </span>
166
+ </button>
167
+ </div>
168
+ </div>
169
+ </div>
170
+ </div>
171
+ </div>
172
+ </div>
173
+ </header>
174
+ <div class="pf-v6-c-page__sidebar">
175
+ <div class="pf-v6-c-page__sidebar-body">
176
+ <nav
177
+ class="pf-v6-c-nav"
178
+ id="data-list-basic-example-primary-nav"
179
+ aria-label="Global"
180
+ >
181
+ <ul class="pf-v6-c-nav__list" role="list">
182
+ <li class="pf-v6-c-nav__item">
183
+ <a href="#" class="pf-v6-c-nav__link">
184
+ <span class="pf-v6-c-nav__link-text">System panel</span>
185
+ </a>
186
+ </li>
187
+ <li class="pf-v6-c-nav__item">
188
+ <a
189
+ href="#"
190
+ class="pf-v6-c-nav__link pf-m-current"
191
+ aria-current="page"
192
+ >
193
+ <span class="pf-v6-c-nav__link-text">Policy</span>
194
+ </a>
195
+ </li>
196
+ <li class="pf-v6-c-nav__item">
197
+ <a href="#" class="pf-v6-c-nav__link">
198
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
199
+ </a>
200
+ </li>
201
+ <li class="pf-v6-c-nav__item">
202
+ <a href="#" class="pf-v6-c-nav__link">
203
+ <span class="pf-v6-c-nav__link-text">Network services</span>
204
+ </a>
205
+ </li>
206
+ <li class="pf-v6-c-nav__item">
207
+ <a href="#" class="pf-v6-c-nav__link">
208
+ <span class="pf-v6-c-nav__link-text">Server</span>
209
+ </a>
210
+ </li>
211
+ </ul>
212
+ </nav>
213
+ </div>
214
+ </div>
215
+ <div class="pf-v6-c-page__main-container" tabindex="-1">
216
+ <main
217
+ class="pf-v6-c-page__main"
218
+ tabindex="-1"
219
+ id="main-content-data-list-basic-example"
220
+ >
221
+ <section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
222
+ <div class="pf-v6-c-page__main-body">
223
+ <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
224
+ <ol class="pf-v6-c-breadcrumb__list" role="list">
225
+ <li class="pf-v6-c-breadcrumb__item">
226
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
227
+ </li>
228
+ <li class="pf-v6-c-breadcrumb__item">
229
+ <span class="pf-v6-c-breadcrumb__item-divider">
230
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
231
+ </span>
232
+
233
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
234
+ </li>
235
+ <li class="pf-v6-c-breadcrumb__item">
236
+ <span class="pf-v6-c-breadcrumb__item-divider">
237
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
238
+ </span>
239
+
240
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
241
+ </li>
242
+ <li class="pf-v6-c-breadcrumb__item">
243
+ <span class="pf-v6-c-breadcrumb__item-divider">
244
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
245
+ </span>
246
+
247
+ <a
248
+ href="#"
249
+ class="pf-v6-c-breadcrumb__link pf-m-current"
250
+ aria-current="page"
251
+ >Section landing</a>
252
+ </li>
253
+ </ol>
254
+ </nav>
255
+ </div>
256
+ </section>
257
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
258
+ <div class="pf-v6-c-page__main-body">
259
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
260
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
261
+ </div>
262
+ </section>
263
+ <section class="pf-v6-c-page__main-section">
264
+ <div class="pf-v6-c-page__main-body">
265
+ <div class="pf-v6-c-toolbar" id="data-list-basic-example-toolbar">
266
+ <div class="pf-v6-c-toolbar__content">
267
+ <div class="pf-v6-c-toolbar__content-section pf-m-nowrap">
268
+ <div class="pf-v6-c-toolbar__item pf-m-bulk-select">
269
+ <div
270
+ class="pf-v6-c-menu-toggle pf-m-split-button"
271
+ id="data-list-basic-example-toolbar-check"
272
+ >
273
+ <label
274
+ class="pf-v6-c-check pf-m-standalone"
275
+ for="data-list-basic-example-toolbar-check-check-input"
276
+ >
277
+ <input
278
+ class="pf-v6-c-check__input"
279
+ type="checkbox"
280
+ id="data-list-basic-example-toolbar-check-check-input"
281
+ name="data-list-basic-example-toolbar-check-check-input"
282
+ aria-label="Standalone check"
283
+ />
284
+ </label>
285
+ <button
286
+ class="pf-v6-c-menu-toggle__button"
287
+ type="button"
288
+ aria-expanded="false"
289
+ id="data-list-basic-example-toolbar-menu-toggle-toggle-button"
290
+ aria-label="Menu toggle"
291
+ >
292
+ <span class="pf-v6-c-menu-toggle__controls">
293
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
294
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
295
+ </span>
296
+ </span>
297
+ </button>
298
+ </div>
299
+ </div>
300
+
301
+ <div
302
+ class="pf-v6-c-overflow-menu"
303
+ id="data-list-basic-example-toolbar-overflow-menu"
304
+ >
305
+ <div
306
+ class="pf-v6-c-overflow-menu__content pf-v6-u-display-none pf-v6-u-display-flex-on-lg"
307
+ >
308
+ <div class="pf-v6-c-overflow-menu__group pf-m-button-group">
309
+ <div class="pf-v6-c-overflow-menu__item">
310
+ <button
311
+ class="pf-v6-c-button pf-m-primary"
312
+ type="button"
313
+ >
314
+ <span class="pf-v6-c-button__text">Create instance</span>
315
+ </button>
316
+ </div>
317
+ </div>
318
+ </div>
319
+ <div class="pf-v6-c-overflow-menu__control">
320
+ <button
321
+ class="pf-v6-c-menu-toggle pf-m-plain"
322
+ type="button"
323
+ aria-expanded="false"
324
+ aria-label="Menu toggle"
325
+ id="data-list-basic-example-toolbar-overflow-menu-toggle"
326
+ >
327
+ <span class="pf-v6-c-menu-toggle__icon">
328
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
329
+ </span>
330
+ </button>
331
+ </div>
332
+ </div>
333
+
334
+ <div class="pf-v6-c-toolbar__item pf-m-pagination">
335
+ <div class="pf-v6-c-pagination pf-m-compact">
336
+ <div class="pf-v6-c-pagination__page-menu">
337
+ <button
338
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
339
+ type="button"
340
+ aria-expanded="false"
341
+ aria-label="Menu toggle"
342
+ id="data-list-basic-example-toolbar-top-pagination"
343
+ >
344
+ <span class="pf-v6-c-menu-toggle__text">
345
+ <b>1 - 10</b>&nbsp;of&nbsp;
346
+ <b>36</b>
347
+ </span>
348
+ <span class="pf-v6-c-menu-toggle__controls">
349
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
350
+ <i
351
+ class="fas fa-caret-down fa-fw"
352
+ aria-hidden="true"
353
+ ></i>
354
+ </span>
355
+ </span>
356
+ </button>
357
+ </div>
358
+ <nav
359
+ class="pf-v6-c-pagination__nav"
360
+ aria-label="Toolbar top pagination"
361
+ >
362
+ <div class="pf-v6-c-pagination__nav-control pf-m-prev">
363
+ <button
364
+ class="pf-v6-c-button pf-m-plain"
365
+ type="button"
366
+ disabled
367
+ aria-label="Go to previous page"
368
+ >
369
+ <span class="pf-v6-c-button__icon">
370
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
371
+ </span>
372
+ </button>
373
+ </div>
374
+ <div class="pf-v6-c-pagination__nav-control pf-m-next">
375
+ <button
376
+ class="pf-v6-c-button pf-m-plain"
377
+ type="button"
378
+ aria-label="Go to next page"
379
+ >
380
+ <span class="pf-v6-c-button__icon">
381
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
382
+ </span>
383
+ </button>
384
+ </div>
385
+ </nav>
386
+ </div>
387
+ </div>
388
+ </div>
389
+
390
+ <div
391
+ class="pf-v6-c-toolbar__expandable-content pf-m-hidden"
392
+ id="data-list-basic-example-toolbar-expandable-content"
393
+ hidden
394
+ ></div>
395
+ </div>
396
+ </div>
397
+ <ul
398
+ class="pf-v6-c-data-list"
399
+ role="list"
400
+ aria-label="Simple data list example"
401
+ id="data-list-basic-example-data-list"
402
+ >
403
+ <li
404
+ class="pf-v6-c-data-list__item"
405
+ aria-labelledby="data-list-basic-example-data-list-item-1"
406
+ >
407
+ <div class="pf-v6-c-data-list__item-row">
408
+ <div class="pf-v6-c-data-list__item-content">
409
+ <div class="pf-v6-c-data-list__cell pf-m-align-left">
410
+ <div class="pf-v6-l-flex pf-m-column pf-m-space-items-md">
411
+ <div
412
+ class="pf-v6-l-flex pf-m-column pf-m-space-items-none"
413
+ >
414
+ <div class="pf-v6-l-flex__item">
415
+ <p
416
+ id="data-list-basic-example-data-list-item-1"
417
+ >patternfly</p>
418
+ </div>
419
+ <div class="pf-v6-l-flex__item">
420
+ <small>
421
+ Working repo for PatternFly 4
422
+ <a href>https://pf4.patternfly.org/</a>
423
+ </small>
424
+ </div>
425
+ </div>
426
+ <div class="pf-v6-l-flex pf-m-wrap">
427
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
428
+ <div class="pf-v6-l-flex__item">
429
+ <i class="fas fa-code-branch" aria-hidden="true"></i>
430
+ </div>
431
+ <div class="pf-v6-l-flex__item">
432
+ <span>10</span>
433
+ </div>
434
+ </div>
435
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
436
+ <div class="pf-v6-l-flex__item">
437
+ <i class="fas fa-code" aria-hidden="true"></i>
438
+ </div>
439
+ <div class="pf-v6-l-flex__item">
440
+ <span>4</span>
441
+ </div>
442
+ </div>
443
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
444
+ <div class="pf-v6-l-flex__item">
445
+ <i class="fas fa-cube" aria-hidden="true"></i>
446
+ </div>
447
+ <div class="pf-v6-l-flex__item">
448
+ <span>5</span>
449
+ </div>
450
+ </div>
451
+ <div class="pf-v6-l-flex__item">Updated 2 days ago</div>
452
+ </div>
453
+ </div>
454
+ </div>
455
+ <div
456
+ class="pf-v6-c-data-list__cell pf-m-align-right pf-m-no-fill"
457
+ >
458
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
459
+ <span class="pf-v6-c-button__text">Action</span>
460
+ </button>
461
+ <button class="pf-v6-c-button pf-m-link" type="button">
462
+ <span class="pf-v6-c-button__text">Link</span>
463
+ </button>
464
+ </div>
465
+ </div>
466
+ </div>
467
+ </li>
468
+
469
+ <li
470
+ class="pf-v6-c-data-list__item"
471
+ aria-labelledby="data-list-basic-example-data-list-item-2"
472
+ >
473
+ <div class="pf-v6-c-data-list__item-row">
474
+ <div class="pf-v6-c-data-list__item-content">
475
+ <div class="pf-v6-c-data-list__cell pf-m-align-left">
476
+ <div class="pf-v6-l-flex pf-m-column pf-m-space-items-md">
477
+ <div
478
+ class="pf-v6-l-flex pf-m-column pf-m-space-items-none"
479
+ >
480
+ <div class="pf-v6-l-flex__item">
481
+ <p
482
+ id="data-list-basic-example-data-list-item-2"
483
+ >patternfly-elements</p>
484
+ </div>
485
+ <div class="pf-v6-l-flex__item">
486
+ <small>PatternFly elements</small>
487
+ </div>
488
+ </div>
489
+ <div class="pf-v6-l-flex pf-m-wrap">
490
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
491
+ <div class="pf-v6-l-flex__item">
492
+ <i class="fas fa-code-branch" aria-hidden="true"></i>
493
+ </div>
494
+ <div class="pf-v6-l-flex__item">
495
+ <span>5</span>
496
+ </div>
497
+ </div>
498
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
499
+ <div class="pf-v6-l-flex__item">
500
+ <i class="fas fa-code" aria-hidden="true"></i>
501
+ </div>
502
+ <div class="pf-v6-l-flex__item">
503
+ <span>9</span>
504
+ </div>
505
+ </div>
506
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
507
+ <div class="pf-v6-l-flex__item">
508
+ <i class="fas fa-cube" aria-hidden="true"></i>
509
+ </div>
510
+ <div class="pf-v6-l-flex__item">
511
+ <span>2</span>
512
+ </div>
513
+ </div>
514
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
515
+ <div class="pf-v6-l-flex__item">
516
+ <i class="fas fa-check-circle" aria-hidden="true"></i>
517
+ </div>
518
+ <div class="pf-v6-l-flex__item">
519
+ <span>11</span>
520
+ </div>
521
+ </div>
522
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
523
+ <div class="pf-v6-l-flex__item">
524
+ <i
525
+ class="fas fa-exclamation-triangle"
526
+ aria-hidden="true"
527
+ ></i>
528
+ </div>
529
+ <div class="pf-v6-l-flex__item">
530
+ <span>4</span>
531
+ </div>
532
+ </div>
533
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
534
+ <div class="pf-v6-l-flex__item">
535
+ <i class="fas fa-times-circle" aria-hidden="true"></i>
536
+ </div>
537
+ <div class="pf-v6-l-flex__item">
538
+ <span>1</span>
539
+ </div>
540
+ </div>
541
+ <div class="pf-v6-l-flex__item">Updated 2 days ago</div>
542
+ </div>
543
+ </div>
544
+ </div>
545
+ <div
546
+ class="pf-v6-c-data-list__cell pf-m-align-right pf-m-no-fill"
547
+ >
548
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
549
+ <span class="pf-v6-c-button__text">Action</span>
550
+ </button>
551
+ <button class="pf-v6-c-button pf-m-link" type="button">
552
+ <span class="pf-v6-c-button__text">Link</span>
553
+ </button>
554
+ </div>
555
+ </div>
556
+ </div>
557
+ </li>
558
+
559
+ <li
560
+ class="pf-v6-c-data-list__item"
561
+ aria-labelledby="data-list-basic-example-data-list-item-3"
562
+ >
563
+ <div class="pf-v6-c-data-list__item-row">
564
+ <div class="pf-v6-c-data-list__item-content">
565
+ <div class="pf-v6-c-data-list__cell pf-m-align-left">
566
+ <p
567
+ id="data-list-basic-example-data-list-item-3"
568
+ >patternfly-unified-design-kit</p>
569
+ </div>
570
+ <div
571
+ class="pf-v6-c-data-list__cell pf-m-align-right pf-m-no-fill"
572
+ >
573
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
574
+ <span class="pf-v6-c-button__text">Action</span>
575
+ </button>
576
+ <button class="pf-v6-c-button pf-m-link" type="button">
577
+ <span class="pf-v6-c-button__text">Link</span>
578
+ </button>
579
+ </div>
580
+ </div>
581
+ </div>
582
+ </li>
583
+
584
+ <li
585
+ class="pf-v6-c-data-list__item"
586
+ aria-labelledby="data-list-basic-example-data-list-item-4"
587
+ >
588
+ <div class="pf-v6-c-data-list__item-row">
589
+ <div class="pf-v6-c-data-list__item-content">
590
+ <div class="pf-v6-c-data-list__cell pf-m-align-left">
591
+ <div class="pf-v6-l-flex pf-m-column pf-m-space-items-md">
592
+ <div
593
+ class="pf-v6-l-flex pf-m-column pf-m-space-items-none"
594
+ >
595
+ <div class="pf-v6-l-flex__item">
596
+ <p
597
+ id="data-list-basic-example-data-list-item-4"
598
+ >patternfly</p>
599
+ </div>
600
+ <div class="pf-v6-l-flex__item">
601
+ <small>
602
+ Working repo for PatternFly 4
603
+ <a href>https://pf4.patternfly.org/</a>
604
+ </small>
605
+ </div>
606
+ </div>
607
+ <div class="pf-v6-l-flex pf-m-wrap">
608
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
609
+ <div class="pf-v6-l-flex__item">
610
+ <i class="fas fa-code-branch" aria-hidden="true"></i>
611
+ </div>
612
+ <div class="pf-v6-l-flex__item">
613
+ <span>10</span>
614
+ </div>
615
+ </div>
616
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
617
+ <div class="pf-v6-l-flex__item">
618
+ <i class="fas fa-code" aria-hidden="true"></i>
619
+ </div>
620
+ <div class="pf-v6-l-flex__item">
621
+ <span>4</span>
622
+ </div>
623
+ </div>
624
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
625
+ <div class="pf-v6-l-flex__item">
626
+ <i class="fas fa-cube" aria-hidden="true"></i>
627
+ </div>
628
+ <div class="pf-v6-l-flex__item">
629
+ <span>5</span>
630
+ </div>
631
+ </div>
632
+ <div class="pf-v6-l-flex__item">Updated 2 days ago</div>
633
+ </div>
634
+ </div>
635
+ </div>
636
+ <div
637
+ class="pf-v6-c-data-list__cell pf-m-align-right pf-m-no-fill"
638
+ >
639
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
640
+ <span class="pf-v6-c-button__text">Action</span>
641
+ </button>
642
+ <button class="pf-v6-c-button pf-m-link" type="button">
643
+ <span class="pf-v6-c-button__text">Link</span>
644
+ </button>
645
+ </div>
646
+ </div>
647
+ </div>
648
+ </li>
649
+
650
+ <li
651
+ class="pf-v6-c-data-list__item"
652
+ aria-labelledby="data-list-basic-example-data-list-item-5"
653
+ >
654
+ <div class="pf-v6-c-data-list__item-row">
655
+ <div class="pf-v6-c-data-list__item-content">
656
+ <div class="pf-v6-c-data-list__cell pf-m-align-left">
657
+ <div class="pf-v6-l-flex pf-m-column pf-m-space-items-md">
658
+ <div
659
+ class="pf-v6-l-flex pf-m-column pf-m-space-items-none"
660
+ >
661
+ <div class="pf-v6-l-flex__item">
662
+ <p
663
+ id="data-list-basic-example-data-list-item-5"
664
+ >patternfly-elements</p>
665
+ </div>
666
+ <div class="pf-v6-l-flex__item">
667
+ <small>PatternFly elements</small>
668
+ </div>
669
+ </div>
670
+ <div class="pf-v6-l-flex pf-m-wrap">
671
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
672
+ <div class="pf-v6-l-flex__item">
673
+ <i class="fas fa-code-branch" aria-hidden="true"></i>
674
+ </div>
675
+ <div class="pf-v6-l-flex__item">
676
+ <span>5</span>
677
+ </div>
678
+ </div>
679
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
680
+ <div class="pf-v6-l-flex__item">
681
+ <i class="fas fa-code" aria-hidden="true"></i>
682
+ </div>
683
+ <div class="pf-v6-l-flex__item">
684
+ <span>9</span>
685
+ </div>
686
+ </div>
687
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
688
+ <div class="pf-v6-l-flex__item">
689
+ <i class="fas fa-cube" aria-hidden="true"></i>
690
+ </div>
691
+ <div class="pf-v6-l-flex__item">
692
+ <span>2</span>
693
+ </div>
694
+ </div>
695
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
696
+ <div class="pf-v6-l-flex__item">
697
+ <i class="fas fa-check-circle" aria-hidden="true"></i>
698
+ </div>
699
+ <div class="pf-v6-l-flex__item">
700
+ <span>11</span>
701
+ </div>
702
+ </div>
703
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
704
+ <div class="pf-v6-l-flex__item">
705
+ <i
706
+ class="fas fa-exclamation-triangle"
707
+ aria-hidden="true"
708
+ ></i>
709
+ </div>
710
+ <div class="pf-v6-l-flex__item">
711
+ <span>4</span>
712
+ </div>
713
+ </div>
714
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
715
+ <div class="pf-v6-l-flex__item">
716
+ <i class="fas fa-times-circle" aria-hidden="true"></i>
717
+ </div>
718
+ <div class="pf-v6-l-flex__item">
719
+ <span>1</span>
720
+ </div>
721
+ </div>
722
+ <div class="pf-v6-l-flex__item">Updated 2 days ago</div>
723
+ </div>
724
+ </div>
725
+ </div>
726
+ <div
727
+ class="pf-v6-c-data-list__cell pf-m-align-right pf-m-no-fill"
728
+ >
729
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
730
+ <span class="pf-v6-c-button__text">Action</span>
731
+ </button>
732
+ <button class="pf-v6-c-button pf-m-link" type="button">
733
+ <span class="pf-v6-c-button__text">Link</span>
734
+ </button>
735
+ </div>
736
+ </div>
737
+ </div>
738
+ </li>
739
+ </ul>
740
+ <div class="pf-v6-c-pagination pf-m-bottom">
741
+ <div class="pf-v6-c-pagination__page-menu">
742
+ <button
743
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
744
+ type="button"
745
+ aria-expanded="false"
746
+ aria-label="Menu toggle"
747
+ id="{{page--id}}-pagination-menu-toggle-bottom-example"
748
+ >
749
+ <span class="pf-v6-c-menu-toggle__text">
750
+ <b>1 - 10</b>&nbsp;of&nbsp;
751
+ <b>36</b>
752
+ </span>
753
+ <span class="pf-v6-c-menu-toggle__controls">
754
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
755
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
756
+ </span>
757
+ </span>
758
+ </button>
759
+ </div>
760
+ <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
761
+ <div class="pf-v6-c-pagination__nav-control pf-m-first">
762
+ <button
763
+ class="pf-v6-c-button pf-m-plain"
764
+ type="button"
765
+ disabled
766
+ aria-label="Go to first page"
767
+ >
768
+ <span class="pf-v6-c-button__icon">
769
+ <i class="fas fa-angle-double-left" aria-hidden="true"></i>
770
+ </span>
771
+ </button>
772
+ </div>
773
+ <div class="pf-v6-c-pagination__nav-control pf-m-prev">
774
+ <button
775
+ class="pf-v6-c-button pf-m-plain"
776
+ type="button"
777
+ disabled
778
+ aria-label="Go to previous page"
779
+ >
780
+ <span class="pf-v6-c-button__icon">
781
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
782
+ </span>
783
+ </button>
784
+ </div>
785
+ <div class="pf-v6-c-pagination__nav-page-select">
786
+ <span class="pf-v6-c-form-control">
787
+ <input
788
+ aria-label="Current page"
789
+ type="number"
790
+ min="1"
791
+ max="4"
792
+ value="1"
793
+ />
794
+ </span>
795
+ <span aria-hidden="true">of 4</span>
796
+ </div>
797
+ <div class="pf-v6-c-pagination__nav-control pf-m-next">
798
+ <button
799
+ class="pf-v6-c-button pf-m-plain"
800
+ type="button"
801
+ aria-label="Go to next page"
802
+ >
803
+ <span class="pf-v6-c-button__icon">
804
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
805
+ </span>
806
+ </button>
807
+ </div>
808
+ <div class="pf-v6-c-pagination__nav-control pf-m-last">
809
+ <button
810
+ class="pf-v6-c-button pf-m-plain"
811
+ type="button"
812
+ disabled
813
+ aria-label="Go to last page"
814
+ >
815
+ <span class="pf-v6-c-button__icon">
816
+ <i class="fas fa-angle-double-right" aria-hidden="true"></i>
817
+ </span>
818
+ </button>
819
+ </div>
820
+ </nav>
821
+ </div>
822
+ </div>
823
+ </section>
824
+ </main>
825
+ </div>
826
+ </div>
827
+
828
+ ```
829
+
830
+ ### Actionable
831
+
832
+ ```html isFullscreen
833
+ <div class="pf-v6-c-page" id="data-list-actionable-example">
834
+ <div class="pf-v6-c-skip-to-content">
835
+ <a
836
+ class="pf-v6-c-button pf-m-primary"
837
+ href="#main-content-data-list-actionable-example"
838
+ >
839
+ <span class="pf-v6-c-button__text">Skip to content</span>
840
+ </a>
841
+ </div>
842
+ <header class="pf-v6-c-masthead" id="data-list-actionable-example-masthead">
843
+ <div class="pf-v6-c-masthead__main">
844
+ <span class="pf-v6-c-masthead__toggle">
845
+ <button
846
+ class="pf-v6-c-button pf-m-plain"
847
+ type="button"
848
+ aria-label="Global navigation"
849
+ >
850
+ <span class="pf-v6-c-button__icon">
851
+ <i class="fas fa-bars" aria-hidden="true"></i>
852
+ </span>
853
+ </button>
854
+ </span>
855
+ <div class="pf-v6-c-masthead__brand">
856
+ <a class="pf-v6-c-masthead__logo" href="#">
857
+ <svg height="37px" viewBox="0 0 679 158">
858
+ <title>PF-HorizontalLogo-Color</title>
859
+ <defs>
860
+ <linearGradient
861
+ x1="68%"
862
+ y1="2.25860997e-13%"
863
+ x2="32%"
864
+ y2="100%"
865
+ id="linearGradient-data-list-actionable-example-masthead"
866
+ >
867
+ <stop stop-color="#2B9AF3" offset="0%" />
868
+ <stop
869
+ stop-color="#73BCF7"
870
+ stop-opacity="0.502212631"
871
+ offset="100%"
872
+ />
873
+ </linearGradient>
874
+ </defs>
875
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
876
+ <g
877
+ transform="translate(206.000000, 45.750000)"
878
+ fill="var(--pf-t--global--text--color--regular)"
879
+ fill-rule="nonzero"
880
+ >
881
+ <path
882
+ 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"
883
+ />
884
+ <path
885
+ 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"
886
+ />
887
+ <path
888
+ 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"
889
+ />
890
+ <path
891
+ 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"
892
+ />
893
+ <path
894
+ 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"
895
+ />
896
+ <path
897
+ 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"
898
+ />
899
+ <path
900
+ 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"
901
+ />
902
+ <polygon
903
+ 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"
904
+ />
905
+ <polygon
906
+ points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
907
+ />
908
+ <path
909
+ 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"
910
+ />
911
+ </g>
912
+ <g transform="translate(0.000000, 0.000000)">
913
+ <path
914
+ 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"
915
+ fill="#0066CC"
916
+ />
917
+ <path
918
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
919
+ fill="url(#linearGradient-data-list-actionable-example-masthead)"
920
+ />
921
+ <path
922
+ 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"
923
+ fill="url(#linearGradient-data-list-actionable-example-masthead)"
924
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
925
+ />
926
+ </g>
927
+ </g>
928
+ </svg>
929
+ </a>
930
+ </div>
931
+ </div>
932
+ <div class="pf-v6-c-masthead__content">
933
+ <div
934
+ class="pf-v6-c-toolbar pf-m-static"
935
+ id="data-list-actionable-example-masthead-toolbar"
936
+ >
937
+ <div class="pf-v6-c-toolbar__content">
938
+ <div class="pf-v6-c-toolbar__content-section">
939
+ <div
940
+ 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"
941
+ >
942
+ <div
943
+ class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
944
+ >
945
+ <div class="pf-v6-c-toolbar__item">
946
+ <button
947
+ class="pf-v6-c-menu-toggle pf-m-plain"
948
+ type="button"
949
+ aria-expanded="false"
950
+ aria-label="Application launcher"
951
+ >
952
+ <span class="pf-v6-c-menu-toggle__icon">
953
+ <i class="fas fa-th" aria-hidden="true"></i>
954
+ </span>
955
+ </button>
956
+ </div>
957
+ <div class="pf-v6-c-toolbar__item">
958
+ <button
959
+ class="pf-v6-c-menu-toggle pf-m-plain"
960
+ type="button"
961
+ aria-expanded="false"
962
+ aria-label="Settings"
963
+ >
964
+ <span class="pf-v6-c-menu-toggle__icon">
965
+ <i class="fas fa-cog" aria-hidden="true"></i>
966
+ </span>
967
+ </button>
968
+ </div>
969
+ <div class="pf-v6-c-toolbar__item">
970
+ <button
971
+ class="pf-v6-c-menu-toggle pf-m-plain"
972
+ type="button"
973
+ aria-expanded="false"
974
+ aria-label="Help"
975
+ >
976
+ <span class="pf-v6-c-menu-toggle__icon">
977
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
978
+ </span>
979
+ </button>
980
+ </div>
981
+ </div>
982
+
983
+ <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
984
+ <button
985
+ class="pf-v6-c-menu-toggle pf-m-plain"
986
+ type="button"
987
+ aria-expanded="false"
988
+ aria-label="Actions"
989
+ >
990
+ <span class="pf-v6-c-menu-toggle__icon">
991
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
992
+ </span>
993
+ </button>
994
+ </div>
995
+ </div>
996
+ </div>
997
+ </div>
998
+ </div>
999
+ </div>
1000
+ </header>
1001
+ <div class="pf-v6-c-page__sidebar">
1002
+ <div class="pf-v6-c-page__sidebar-body">
1003
+ <nav
1004
+ class="pf-v6-c-nav"
1005
+ id="data-list-actionable-example-primary-nav"
1006
+ aria-label="Global"
1007
+ >
1008
+ <ul class="pf-v6-c-nav__list" role="list">
1009
+ <li class="pf-v6-c-nav__item">
1010
+ <a href="#" class="pf-v6-c-nav__link">
1011
+ <span class="pf-v6-c-nav__link-text">System panel</span>
1012
+ </a>
1013
+ </li>
1014
+ <li class="pf-v6-c-nav__item">
1015
+ <a
1016
+ href="#"
1017
+ class="pf-v6-c-nav__link pf-m-current"
1018
+ aria-current="page"
1019
+ >
1020
+ <span class="pf-v6-c-nav__link-text">Policy</span>
1021
+ </a>
1022
+ </li>
1023
+ <li class="pf-v6-c-nav__item">
1024
+ <a href="#" class="pf-v6-c-nav__link">
1025
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
1026
+ </a>
1027
+ </li>
1028
+ <li class="pf-v6-c-nav__item">
1029
+ <a href="#" class="pf-v6-c-nav__link">
1030
+ <span class="pf-v6-c-nav__link-text">Network services</span>
1031
+ </a>
1032
+ </li>
1033
+ <li class="pf-v6-c-nav__item">
1034
+ <a href="#" class="pf-v6-c-nav__link">
1035
+ <span class="pf-v6-c-nav__link-text">Server</span>
1036
+ </a>
1037
+ </li>
1038
+ </ul>
1039
+ </nav>
1040
+ </div>
1041
+ </div>
1042
+ <div class="pf-v6-c-page__main-container" tabindex="-1">
1043
+ <main
1044
+ class="pf-v6-c-page__main"
1045
+ tabindex="-1"
1046
+ id="main-content-data-list-actionable-example"
1047
+ >
1048
+ <section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
1049
+ <div class="pf-v6-c-page__main-body">
1050
+ <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
1051
+ <ol class="pf-v6-c-breadcrumb__list" role="list">
1052
+ <li class="pf-v6-c-breadcrumb__item">
1053
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
1054
+ </li>
1055
+ <li class="pf-v6-c-breadcrumb__item">
1056
+ <span class="pf-v6-c-breadcrumb__item-divider">
1057
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1058
+ </span>
1059
+
1060
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1061
+ </li>
1062
+ <li class="pf-v6-c-breadcrumb__item">
1063
+ <span class="pf-v6-c-breadcrumb__item-divider">
1064
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1065
+ </span>
1066
+
1067
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1068
+ </li>
1069
+ <li class="pf-v6-c-breadcrumb__item">
1070
+ <span class="pf-v6-c-breadcrumb__item-divider">
1071
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1072
+ </span>
1073
+
1074
+ <a
1075
+ href="#"
1076
+ class="pf-v6-c-breadcrumb__link pf-m-current"
1077
+ aria-current="page"
1078
+ >Section landing</a>
1079
+ </li>
1080
+ </ol>
1081
+ </nav>
1082
+ </div>
1083
+ </section>
1084
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
1085
+ <div class="pf-v6-c-page__main-body">
1086
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
1087
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
1088
+ </div>
1089
+ </section>
1090
+ <section class="pf-v6-c-page__main-section">
1091
+ <div class="pf-v6-c-page__main-body">
1092
+ <div
1093
+ class="pf-v6-c-toolbar"
1094
+ id="data-list-actionable-example-toolbar"
1095
+ >
1096
+ <div class="pf-v6-c-toolbar__content">
1097
+ <div class="pf-v6-c-toolbar__content-section pf-m-nowrap">
1098
+ <div
1099
+ class="pf-v6-c-toolbar__group pf-m-show-on-xl pf-m-toggle-group"
1100
+ >
1101
+ <div class="pf-v6-c-toolbar__toggle">
1102
+ <button
1103
+ class="pf-v6-c-menu-toggle pf-m-plain"
1104
+ type="button"
1105
+ aria-expanded="false"
1106
+ aria-label="Show filters"
1107
+ aria-controls="data-list-actionable-example-toolbar-expandable-content"
1108
+ >
1109
+ <span class="pf-v6-c-menu-toggle__icon">
1110
+ <i class="fas fa-filter" aria-hidden="true"></i>
1111
+ </span>
1112
+ </button>
1113
+ </div>
1114
+ <div class="pf-v6-c-toolbar__item pf-m-bulk-select">
1115
+ <div
1116
+ class="pf-v6-c-menu-toggle pf-m-split-button"
1117
+ id="data-list-actionable-example-toolbar-check"
1118
+ >
1119
+ <label
1120
+ class="pf-v6-c-check pf-m-standalone"
1121
+ for="data-list-actionable-example-toolbar-check-check-input"
1122
+ >
1123
+ <input
1124
+ class="pf-v6-c-check__input"
1125
+ type="checkbox"
1126
+ id="data-list-actionable-example-toolbar-check-check-input"
1127
+ name="data-list-actionable-example-toolbar-check-check-input"
1128
+ aria-label="Standalone check"
1129
+ />
1130
+ </label>
1131
+ <button
1132
+ class="pf-v6-c-menu-toggle__button"
1133
+ type="button"
1134
+ aria-expanded="false"
1135
+ id="data-list-actionable-example-toolbar-menu-toggle-toggle-button"
1136
+ aria-label="Menu toggle"
1137
+ >
1138
+ <span class="pf-v6-c-menu-toggle__controls">
1139
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
1140
+ <i
1141
+ class="fas fa-caret-down fa-fw"
1142
+ aria-hidden="true"
1143
+ ></i>
1144
+ </span>
1145
+ </span>
1146
+ </button>
1147
+ </div>
1148
+ </div>
1149
+ </div>
1150
+
1151
+ <div
1152
+ class="pf-v6-c-overflow-menu"
1153
+ id="data-list-actionable-example-toolbar-overflow-menu"
1154
+ >
1155
+ <div
1156
+ class="pf-v6-c-overflow-menu__content pf-v6-u-display-none pf-v6-u-display-flex-on-lg"
1157
+ >
1158
+ <div class="pf-v6-c-overflow-menu__group pf-m-button-group">
1159
+ <div class="pf-v6-c-overflow-menu__item">
1160
+ <button
1161
+ class="pf-v6-c-button pf-m-primary"
1162
+ type="button"
1163
+ >
1164
+ <span class="pf-v6-c-button__text">Create instance</span>
1165
+ </button>
1166
+ </div>
1167
+
1168
+ <div class="pf-v6-c-overflow-menu__item">
1169
+ <button
1170
+ class="pf-v6-c-button pf-m-secondary"
1171
+ type="button"
1172
+ >
1173
+ <span class="pf-v6-c-button__text">Action</span>
1174
+ </button>
1175
+ </div>
1176
+ </div>
1177
+ </div>
1178
+ <div class="pf-v6-c-overflow-menu__control">
1179
+ <button
1180
+ class="pf-v6-c-menu-toggle pf-m-plain"
1181
+ type="button"
1182
+ aria-expanded="false"
1183
+ aria-label="Menu toggle"
1184
+ id="data-list-actionable-example-toolbar-overflow-menu-toggle"
1185
+ >
1186
+ <span class="pf-v6-c-menu-toggle__icon">
1187
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1188
+ </span>
1189
+ </button>
1190
+ </div>
1191
+ </div>
1192
+
1193
+ <div class="pf-v6-c-toolbar__item pf-m-pagination">
1194
+ <div class="pf-v6-c-pagination pf-m-compact">
1195
+ <div class="pf-v6-c-pagination__page-menu">
1196
+ <button
1197
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
1198
+ type="button"
1199
+ aria-expanded="false"
1200
+ aria-label="Menu toggle"
1201
+ id="data-list-actionable-example-toolbar-top-pagination"
1202
+ >
1203
+ <span class="pf-v6-c-menu-toggle__text">
1204
+ <b>1 - 10</b>&nbsp;of&nbsp;
1205
+ <b>36</b>
1206
+ </span>
1207
+ <span class="pf-v6-c-menu-toggle__controls">
1208
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
1209
+ <i
1210
+ class="fas fa-caret-down fa-fw"
1211
+ aria-hidden="true"
1212
+ ></i>
1213
+ </span>
1214
+ </span>
1215
+ </button>
1216
+ </div>
1217
+ <nav
1218
+ class="pf-v6-c-pagination__nav"
1219
+ aria-label="Toolbar top pagination"
1220
+ >
1221
+ <div class="pf-v6-c-pagination__nav-control pf-m-prev">
1222
+ <button
1223
+ class="pf-v6-c-button pf-m-plain"
1224
+ type="button"
1225
+ disabled
1226
+ aria-label="Go to previous page"
1227
+ >
1228
+ <span class="pf-v6-c-button__icon">
1229
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
1230
+ </span>
1231
+ </button>
1232
+ </div>
1233
+ <div class="pf-v6-c-pagination__nav-control pf-m-next">
1234
+ <button
1235
+ class="pf-v6-c-button pf-m-plain"
1236
+ type="button"
1237
+ aria-label="Go to next page"
1238
+ >
1239
+ <span class="pf-v6-c-button__icon">
1240
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1241
+ </span>
1242
+ </button>
1243
+ </div>
1244
+ </nav>
1245
+ </div>
1246
+ </div>
1247
+ </div>
1248
+
1249
+ <div
1250
+ class="pf-v6-c-toolbar__expandable-content pf-m-hidden"
1251
+ id="data-list-actionable-example-toolbar-expandable-content"
1252
+ hidden
1253
+ ></div>
1254
+ </div>
1255
+ </div>
1256
+ <ul
1257
+ class="pf-v6-c-data-list"
1258
+ role="list"
1259
+ aria-label="Data list actionable demo"
1260
+ id="data-list-actionable-example-data-list"
1261
+ >
1262
+ <li
1263
+ class="pf-v6-c-data-list__item"
1264
+ aria-labelledby="data-list-actionable-example-data-list-item-1"
1265
+ >
1266
+ <div class="pf-v6-c-data-list__item-row">
1267
+ <div class="pf-v6-c-data-list__item-control">
1268
+ <div class="pf-v6-c-data-list__check">
1269
+ <label
1270
+ class="pf-v6-c-check pf-m-standalone"
1271
+ for="data-list-actionable-example-data-list-item-1&quot;type&#x3D;&quot;checkbox&quot; name&#x3D;&quot;check-action-check1&quot; aria-labelledby&#x3D;&quot;data-list-actionable-example-data-list-item-1&quot;-input"
1272
+ >
1273
+ <input
1274
+ class="pf-v6-c-check__input"
1275
+ type="checkbox"
1276
+ id="data-list-actionable-example-data-list-item-1&quot;type&#x3D;&quot;checkbox&quot; name&#x3D;&quot;check-action-check1&quot; aria-labelledby&#x3D;&quot;data-list-actionable-example-data-list-item-1&quot;-input"
1277
+ name="data-list-actionable-example-data-list-item-1&quot;type&#x3D;&quot;checkbox&quot; name&#x3D;&quot;check-action-check1&quot; aria-labelledby&#x3D;&quot;data-list-actionable-example-data-list-item-1&quot;-input"
1278
+ aria-label="Standalone check"
1279
+ />
1280
+ </label>
1281
+ </div>
1282
+ </div>
1283
+ <div class="pf-v6-c-data-list__item-content">
1284
+ <div class="pf-v6-c-data-list__cell pf-m-align-left">
1285
+ <div class="pf-v6-l-flex pf-m-column pf-m-space-items-md">
1286
+ <div
1287
+ class="pf-v6-l-flex pf-m-column pf-m-space-items-none"
1288
+ >
1289
+ <div class="pf-v6-l-flex__item">
1290
+ <p
1291
+ id="data-list-actionable-example-data-list-item-1"
1292
+ >patternfly</p>
1293
+ </div>
1294
+ <div class="pf-v6-l-flex__item">
1295
+ <small>
1296
+ Working repo for PatternFly 4
1297
+ <a href>https://pf4.patternfly.org/</a>
1298
+ </small>
1299
+ </div>
1300
+ </div>
1301
+ <div class="pf-v6-l-flex pf-m-wrap">
1302
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
1303
+ <div class="pf-v6-l-flex__item">
1304
+ <i class="fas fa-code-branch" aria-hidden="true"></i>
1305
+ </div>
1306
+ <div class="pf-v6-l-flex__item">
1307
+ <span>10</span>
1308
+ </div>
1309
+ </div>
1310
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
1311
+ <div class="pf-v6-l-flex__item">
1312
+ <i class="fas fa-code" aria-hidden="true"></i>
1313
+ </div>
1314
+ <div class="pf-v6-l-flex__item">
1315
+ <span>4</span>
1316
+ </div>
1317
+ </div>
1318
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
1319
+ <div class="pf-v6-l-flex__item">
1320
+ <i class="fas fa-cube" aria-hidden="true"></i>
1321
+ </div>
1322
+ <div class="pf-v6-l-flex__item">
1323
+ <span>5</span>
1324
+ </div>
1325
+ </div>
1326
+ <div class="pf-v6-l-flex__item">Updated 2 days ago</div>
1327
+ </div>
1328
+ </div>
1329
+ </div>
1330
+ <div
1331
+ class="pf-v6-c-data-list__cell pf-m-align-right pf-m-no-fill"
1332
+ >
1333
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
1334
+ <span class="pf-v6-c-button__text">Action</span>
1335
+ </button>
1336
+ <button class="pf-v6-c-button pf-m-link" type="button">
1337
+ <span class="pf-v6-c-button__text">Link</span>
1338
+ </button>
1339
+ </div>
1340
+ </div>
1341
+ </div>
1342
+ </li>
1343
+
1344
+ <li
1345
+ class="pf-v6-c-data-list__item"
1346
+ aria-labelledby="data-list-actionable-example-data-list-item-2"
1347
+ >
1348
+ <div class="pf-v6-c-data-list__item-row">
1349
+ <div class="pf-v6-c-data-list__item-control">
1350
+ <div class="pf-v6-c-data-list__check">
1351
+ <label
1352
+ class="pf-v6-c-check pf-m-standalone"
1353
+ for="data-list-actionable-example-data-list-item-2&quot;type&#x3D;&quot;checkbox&quot; name&#x3D;&quot;check-action-check2&quot; aria-labelledby&#x3D;&quot;data-list-actionable-example-data-list-item-2&quot;-input"
1354
+ >
1355
+ <input
1356
+ class="pf-v6-c-check__input"
1357
+ type="checkbox"
1358
+ id="data-list-actionable-example-data-list-item-2&quot;type&#x3D;&quot;checkbox&quot; name&#x3D;&quot;check-action-check2&quot; aria-labelledby&#x3D;&quot;data-list-actionable-example-data-list-item-2&quot;-input"
1359
+ name="data-list-actionable-example-data-list-item-2&quot;type&#x3D;&quot;checkbox&quot; name&#x3D;&quot;check-action-check2&quot; aria-labelledby&#x3D;&quot;data-list-actionable-example-data-list-item-2&quot;-input"
1360
+ aria-label="Standalone check"
1361
+ />
1362
+ </label>
1363
+ </div>
1364
+ </div>
1365
+ <div class="pf-v6-c-data-list__item-content">
1366
+ <div class="pf-v6-c-data-list__cell pf-m-align-left">
1367
+ <div class="pf-v6-l-flex pf-m-column pf-m-space-items-md">
1368
+ <div
1369
+ class="pf-v6-l-flex pf-m-column pf-m-space-items-none"
1370
+ >
1371
+ <div class="pf-v6-l-flex__item">
1372
+ <p
1373
+ id="data-list-actionable-example-data-list-item-2"
1374
+ >patternfly-elements</p>
1375
+ </div>
1376
+ <div class="pf-v6-l-flex__item">
1377
+ <small>PatternFly elements</small>
1378
+ </div>
1379
+ </div>
1380
+ <div class="pf-v6-l-flex pf-m-wrap">
1381
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
1382
+ <div class="pf-v6-l-flex__item">
1383
+ <i class="fas fa-code-branch" aria-hidden="true"></i>
1384
+ </div>
1385
+ <div class="pf-v6-l-flex__item">
1386
+ <span>5</span>
1387
+ </div>
1388
+ </div>
1389
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
1390
+ <div class="pf-v6-l-flex__item">
1391
+ <i class="fas fa-code" aria-hidden="true"></i>
1392
+ </div>
1393
+ <div class="pf-v6-l-flex__item">
1394
+ <span>9</span>
1395
+ </div>
1396
+ </div>
1397
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
1398
+ <div class="pf-v6-l-flex__item">
1399
+ <i class="fas fa-cube" aria-hidden="true"></i>
1400
+ </div>
1401
+ <div class="pf-v6-l-flex__item">
1402
+ <span>2</span>
1403
+ </div>
1404
+ </div>
1405
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
1406
+ <div class="pf-v6-l-flex__item">
1407
+ <i class="fas fa-check-circle" aria-hidden="true"></i>
1408
+ </div>
1409
+ <div class="pf-v6-l-flex__item">
1410
+ <span>11</span>
1411
+ </div>
1412
+ </div>
1413
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
1414
+ <div class="pf-v6-l-flex__item">
1415
+ <i
1416
+ class="fas fa-exclamation-triangle"
1417
+ aria-hidden="true"
1418
+ ></i>
1419
+ </div>
1420
+ <div class="pf-v6-l-flex__item">
1421
+ <span>4</span>
1422
+ </div>
1423
+ </div>
1424
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
1425
+ <div class="pf-v6-l-flex__item">
1426
+ <i class="fas fa-times-circle" aria-hidden="true"></i>
1427
+ </div>
1428
+ <div class="pf-v6-l-flex__item">
1429
+ <span>1</span>
1430
+ </div>
1431
+ </div>
1432
+ <div class="pf-v6-l-flex__item">Updated 2 days ago</div>
1433
+ </div>
1434
+ </div>
1435
+ </div>
1436
+ <div
1437
+ class="pf-v6-c-data-list__cell pf-m-align-right pf-m-no-fill"
1438
+ >
1439
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
1440
+ <span class="pf-v6-c-button__text">Action</span>
1441
+ </button>
1442
+ <button class="pf-v6-c-button pf-m-link" type="button">
1443
+ <span class="pf-v6-c-button__text">Link</span>
1444
+ </button>
1445
+ </div>
1446
+ </div>
1447
+ </div>
1448
+ </li>
1449
+
1450
+ <li
1451
+ class="pf-v6-c-data-list__item"
1452
+ aria-labelledby="data-list-actionable-example-data-list-item-3"
1453
+ >
1454
+ <div class="pf-v6-c-data-list__item-row">
1455
+ <div class="pf-v6-c-data-list__item-control">
1456
+ <div class="pf-v6-c-data-list__check">
1457
+ <label
1458
+ class="pf-v6-c-check pf-m-standalone"
1459
+ for="data-list-actionable-example-data-list-item-3&quot;type&#x3D;&quot;checkbox&quot; name&#x3D;&quot;check-action-check3&quot; aria-labelledby&#x3D;&quot;data-list-actionable-example-data-list-item-3&quot;-input"
1460
+ >
1461
+ <input
1462
+ class="pf-v6-c-check__input"
1463
+ type="checkbox"
1464
+ id="data-list-actionable-example-data-list-item-3&quot;type&#x3D;&quot;checkbox&quot; name&#x3D;&quot;check-action-check3&quot; aria-labelledby&#x3D;&quot;data-list-actionable-example-data-list-item-3&quot;-input"
1465
+ name="data-list-actionable-example-data-list-item-3&quot;type&#x3D;&quot;checkbox&quot; name&#x3D;&quot;check-action-check3&quot; aria-labelledby&#x3D;&quot;data-list-actionable-example-data-list-item-3&quot;-input"
1466
+ aria-label="Standalone check"
1467
+ />
1468
+ </label>
1469
+ </div>
1470
+ </div>
1471
+ <div class="pf-v6-c-data-list__item-content">
1472
+ <div
1473
+ class="pf-v6-c-data-list__cell pf-m-align-left pf-m-flex-2"
1474
+ >
1475
+ <p
1476
+ id="data-list-actionable-example-data-list-item-3"
1477
+ >patternfly-unified-design-kit</p>
1478
+ </div>
1479
+ <div
1480
+ class="pf-v6-c-data-list__cell pf-m-align-right pf-m-no-fill"
1481
+ >
1482
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
1483
+ <span class="pf-v6-c-button__text">Action</span>
1484
+ </button>
1485
+ <button class="pf-v6-c-button pf-m-link" type="button">
1486
+ <span class="pf-v6-c-button__text">Link</span>
1487
+ </button>
1488
+ </div>
1489
+ </div>
1490
+ </div>
1491
+ </li>
1492
+
1493
+ <li
1494
+ class="pf-v6-c-data-list__item"
1495
+ aria-labelledby="data-list-actionable-example-data-list-item-4"
1496
+ >
1497
+ <div class="pf-v6-c-data-list__item-row">
1498
+ <div class="pf-v6-c-data-list__item-control">
1499
+ <div class="pf-v6-c-data-list__check">
1500
+ <label
1501
+ class="pf-v6-c-check pf-m-standalone"
1502
+ for="data-list-actionable-example-data-list-item-4&quot;type&#x3D;&quot;checkbox&quot; name&#x3D;&quot;check-action-check4&quot; aria-labelledby&#x3D;&quot;data-list-actionable-example-data-list-item-4&quot;-input"
1503
+ >
1504
+ <input
1505
+ class="pf-v6-c-check__input"
1506
+ type="checkbox"
1507
+ id="data-list-actionable-example-data-list-item-4&quot;type&#x3D;&quot;checkbox&quot; name&#x3D;&quot;check-action-check4&quot; aria-labelledby&#x3D;&quot;data-list-actionable-example-data-list-item-4&quot;-input"
1508
+ name="data-list-actionable-example-data-list-item-4&quot;type&#x3D;&quot;checkbox&quot; name&#x3D;&quot;check-action-check4&quot; aria-labelledby&#x3D;&quot;data-list-actionable-example-data-list-item-4&quot;-input"
1509
+ aria-label="Standalone check"
1510
+ />
1511
+ </label>
1512
+ </div>
1513
+ </div>
1514
+ <div class="pf-v6-c-data-list__item-content">
1515
+ <div
1516
+ class="pf-v6-c-data-list__cell pf-m-align-left pf-m-flex-2"
1517
+ >
1518
+ <div class="pf-v6-l-flex pf-m-column pf-m-space-items-md">
1519
+ <div
1520
+ class="pf-v6-l-flex pf-m-column pf-m-space-items-none"
1521
+ >
1522
+ <div class="pf-v6-l-flex__item">
1523
+ <p
1524
+ id="data-list-actionable-example-data-list-item-4"
1525
+ >patternfly</p>
1526
+ </div>
1527
+ <div class="pf-v6-l-flex__item">
1528
+ <small>
1529
+ Working repo for PatternFly 4
1530
+ <a href>https://pf4.patternfly.org/</a>
1531
+ </small>
1532
+ </div>
1533
+ </div>
1534
+ <div class="pf-v6-l-flex pf-m-wrap">
1535
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
1536
+ <div class="pf-v6-l-flex__item">
1537
+ <i class="fas fa-code-branch" aria-hidden="true"></i>
1538
+ </div>
1539
+ <div class="pf-v6-l-flex__item">
1540
+ <span>10</span>
1541
+ </div>
1542
+ </div>
1543
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
1544
+ <div class="pf-v6-l-flex__item">
1545
+ <i class="fas fa-code" aria-hidden="true"></i>
1546
+ </div>
1547
+ <div class="pf-v6-l-flex__item">
1548
+ <span>4</span>
1549
+ </div>
1550
+ </div>
1551
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
1552
+ <div class="pf-v6-l-flex__item">
1553
+ <i class="fas fa-cube" aria-hidden="true"></i>
1554
+ </div>
1555
+ <div class="pf-v6-l-flex__item">
1556
+ <span>5</span>
1557
+ </div>
1558
+ </div>
1559
+ <div class="pf-v6-l-flex__item">Updated 2 days ago</div>
1560
+ </div>
1561
+ </div>
1562
+ </div>
1563
+ <div
1564
+ class="pf-v6-c-data-list__cell pf-m-align-right pf-m-no-fill"
1565
+ >
1566
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
1567
+ <span class="pf-v6-c-button__text">Action</span>
1568
+ </button>
1569
+ <button class="pf-v6-c-button pf-m-link" type="button">
1570
+ <span class="pf-v6-c-button__text">Link</span>
1571
+ </button>
1572
+ </div>
1573
+ </div>
1574
+ </div>
1575
+ </li>
1576
+ </ul>
1577
+ <div class="pf-v6-c-pagination pf-m-bottom">
1578
+ <div class="pf-v6-c-pagination__page-menu">
1579
+ <button
1580
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
1581
+ type="button"
1582
+ aria-expanded="false"
1583
+ aria-label="Menu toggle"
1584
+ id="{{page--id}}-pagination-menu-toggle-bottom-example"
1585
+ >
1586
+ <span class="pf-v6-c-menu-toggle__text">
1587
+ <b>1 - 10</b>&nbsp;of&nbsp;
1588
+ <b>36</b>
1589
+ </span>
1590
+ <span class="pf-v6-c-menu-toggle__controls">
1591
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
1592
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1593
+ </span>
1594
+ </span>
1595
+ </button>
1596
+ </div>
1597
+ <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
1598
+ <div class="pf-v6-c-pagination__nav-control pf-m-first">
1599
+ <button
1600
+ class="pf-v6-c-button pf-m-plain"
1601
+ type="button"
1602
+ disabled
1603
+ aria-label="Go to first page"
1604
+ >
1605
+ <span class="pf-v6-c-button__icon">
1606
+ <i class="fas fa-angle-double-left" aria-hidden="true"></i>
1607
+ </span>
1608
+ </button>
1609
+ </div>
1610
+ <div class="pf-v6-c-pagination__nav-control pf-m-prev">
1611
+ <button
1612
+ class="pf-v6-c-button pf-m-plain"
1613
+ type="button"
1614
+ disabled
1615
+ aria-label="Go to previous page"
1616
+ >
1617
+ <span class="pf-v6-c-button__icon">
1618
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
1619
+ </span>
1620
+ </button>
1621
+ </div>
1622
+ <div class="pf-v6-c-pagination__nav-page-select">
1623
+ <span class="pf-v6-c-form-control">
1624
+ <input
1625
+ aria-label="Current page"
1626
+ type="number"
1627
+ min="1"
1628
+ max="4"
1629
+ value="1"
1630
+ />
1631
+ </span>
1632
+ <span aria-hidden="true">of 4</span>
1633
+ </div>
1634
+ <div class="pf-v6-c-pagination__nav-control pf-m-next">
1635
+ <button
1636
+ class="pf-v6-c-button pf-m-plain"
1637
+ type="button"
1638
+ aria-label="Go to next page"
1639
+ >
1640
+ <span class="pf-v6-c-button__icon">
1641
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1642
+ </span>
1643
+ </button>
1644
+ </div>
1645
+ <div class="pf-v6-c-pagination__nav-control pf-m-last">
1646
+ <button
1647
+ class="pf-v6-c-button pf-m-plain"
1648
+ type="button"
1649
+ disabled
1650
+ aria-label="Go to last page"
1651
+ >
1652
+ <span class="pf-v6-c-button__icon">
1653
+ <i class="fas fa-angle-double-right" aria-hidden="true"></i>
1654
+ </span>
1655
+ </button>
1656
+ </div>
1657
+ </nav>
1658
+ </div>
1659
+ </div>
1660
+ </section>
1661
+ </main>
1662
+ </div>
1663
+ </div>
1664
+
1665
+ ```
1666
+
1667
+ ### Expandable demo
1668
+
1669
+ ```html isFullscreen
1670
+ <div class="pf-v6-c-page" id="data-list-expandable-example">
1671
+ <div class="pf-v6-c-skip-to-content">
1672
+ <a
1673
+ class="pf-v6-c-button pf-m-primary"
1674
+ href="#main-content-data-list-expandable-example"
1675
+ >
1676
+ <span class="pf-v6-c-button__text">Skip to content</span>
1677
+ </a>
1678
+ </div>
1679
+ <header class="pf-v6-c-masthead" id="data-list-expandable-example-masthead">
1680
+ <div class="pf-v6-c-masthead__main">
1681
+ <span class="pf-v6-c-masthead__toggle">
1682
+ <button
1683
+ class="pf-v6-c-button pf-m-plain"
1684
+ type="button"
1685
+ aria-label="Global navigation"
1686
+ >
1687
+ <span class="pf-v6-c-button__icon">
1688
+ <i class="fas fa-bars" aria-hidden="true"></i>
1689
+ </span>
1690
+ </button>
1691
+ </span>
1692
+ <div class="pf-v6-c-masthead__brand">
1693
+ <a class="pf-v6-c-masthead__logo" href="#">
1694
+ <svg height="37px" viewBox="0 0 679 158">
1695
+ <title>PF-HorizontalLogo-Color</title>
1696
+ <defs>
1697
+ <linearGradient
1698
+ x1="68%"
1699
+ y1="2.25860997e-13%"
1700
+ x2="32%"
1701
+ y2="100%"
1702
+ id="linearGradient-data-list-expandable-example-masthead"
1703
+ >
1704
+ <stop stop-color="#2B9AF3" offset="0%" />
1705
+ <stop
1706
+ stop-color="#73BCF7"
1707
+ stop-opacity="0.502212631"
1708
+ offset="100%"
1709
+ />
1710
+ </linearGradient>
1711
+ </defs>
1712
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
1713
+ <g
1714
+ transform="translate(206.000000, 45.750000)"
1715
+ fill="var(--pf-t--global--text--color--regular)"
1716
+ fill-rule="nonzero"
1717
+ >
1718
+ <path
1719
+ 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"
1720
+ />
1721
+ <path
1722
+ 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"
1723
+ />
1724
+ <path
1725
+ 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"
1726
+ />
1727
+ <path
1728
+ 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"
1729
+ />
1730
+ <path
1731
+ 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"
1732
+ />
1733
+ <path
1734
+ 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"
1735
+ />
1736
+ <path
1737
+ 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"
1738
+ />
1739
+ <polygon
1740
+ 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"
1741
+ />
1742
+ <polygon
1743
+ points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
1744
+ />
1745
+ <path
1746
+ 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"
1747
+ />
1748
+ </g>
1749
+ <g transform="translate(0.000000, 0.000000)">
1750
+ <path
1751
+ 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"
1752
+ fill="#0066CC"
1753
+ />
1754
+ <path
1755
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1756
+ fill="url(#linearGradient-data-list-expandable-example-masthead)"
1757
+ />
1758
+ <path
1759
+ 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"
1760
+ fill="url(#linearGradient-data-list-expandable-example-masthead)"
1761
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1762
+ />
1763
+ </g>
1764
+ </g>
1765
+ </svg>
1766
+ </a>
1767
+ </div>
1768
+ </div>
1769
+ <div class="pf-v6-c-masthead__content">
1770
+ <div
1771
+ class="pf-v6-c-toolbar pf-m-static"
1772
+ id="data-list-expandable-example-masthead-toolbar"
1773
+ >
1774
+ <div class="pf-v6-c-toolbar__content">
1775
+ <div class="pf-v6-c-toolbar__content-section">
1776
+ <div
1777
+ 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"
1778
+ >
1779
+ <div
1780
+ class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
1781
+ >
1782
+ <div class="pf-v6-c-toolbar__item">
1783
+ <button
1784
+ class="pf-v6-c-menu-toggle pf-m-plain"
1785
+ type="button"
1786
+ aria-expanded="false"
1787
+ aria-label="Application launcher"
1788
+ >
1789
+ <span class="pf-v6-c-menu-toggle__icon">
1790
+ <i class="fas fa-th" aria-hidden="true"></i>
1791
+ </span>
1792
+ </button>
1793
+ </div>
1794
+ <div class="pf-v6-c-toolbar__item">
1795
+ <button
1796
+ class="pf-v6-c-menu-toggle pf-m-plain"
1797
+ type="button"
1798
+ aria-expanded="false"
1799
+ aria-label="Settings"
1800
+ >
1801
+ <span class="pf-v6-c-menu-toggle__icon">
1802
+ <i class="fas fa-cog" aria-hidden="true"></i>
1803
+ </span>
1804
+ </button>
1805
+ </div>
1806
+ <div class="pf-v6-c-toolbar__item">
1807
+ <button
1808
+ class="pf-v6-c-menu-toggle pf-m-plain"
1809
+ type="button"
1810
+ aria-expanded="false"
1811
+ aria-label="Help"
1812
+ >
1813
+ <span class="pf-v6-c-menu-toggle__icon">
1814
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1815
+ </span>
1816
+ </button>
1817
+ </div>
1818
+ </div>
1819
+
1820
+ <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
1821
+ <button
1822
+ class="pf-v6-c-menu-toggle pf-m-plain"
1823
+ type="button"
1824
+ aria-expanded="false"
1825
+ aria-label="Actions"
1826
+ >
1827
+ <span class="pf-v6-c-menu-toggle__icon">
1828
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1829
+ </span>
1830
+ </button>
1831
+ </div>
1832
+ </div>
1833
+ </div>
1834
+ </div>
1835
+ </div>
1836
+ </div>
1837
+ </header>
1838
+ <div class="pf-v6-c-page__sidebar">
1839
+ <div class="pf-v6-c-page__sidebar-body">
1840
+ <nav
1841
+ class="pf-v6-c-nav"
1842
+ id="data-list-expandable-example-primary-nav"
1843
+ aria-label="Global"
1844
+ >
1845
+ <ul class="pf-v6-c-nav__list" role="list">
1846
+ <li class="pf-v6-c-nav__item">
1847
+ <a href="#" class="pf-v6-c-nav__link">
1848
+ <span class="pf-v6-c-nav__link-text">System panel</span>
1849
+ </a>
1850
+ </li>
1851
+ <li class="pf-v6-c-nav__item">
1852
+ <a
1853
+ href="#"
1854
+ class="pf-v6-c-nav__link pf-m-current"
1855
+ aria-current="page"
1856
+ >
1857
+ <span class="pf-v6-c-nav__link-text">Policy</span>
1858
+ </a>
1859
+ </li>
1860
+ <li class="pf-v6-c-nav__item">
1861
+ <a href="#" class="pf-v6-c-nav__link">
1862
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
1863
+ </a>
1864
+ </li>
1865
+ <li class="pf-v6-c-nav__item">
1866
+ <a href="#" class="pf-v6-c-nav__link">
1867
+ <span class="pf-v6-c-nav__link-text">Network services</span>
1868
+ </a>
1869
+ </li>
1870
+ <li class="pf-v6-c-nav__item">
1871
+ <a href="#" class="pf-v6-c-nav__link">
1872
+ <span class="pf-v6-c-nav__link-text">Server</span>
1873
+ </a>
1874
+ </li>
1875
+ </ul>
1876
+ </nav>
1877
+ </div>
1878
+ </div>
1879
+ <div class="pf-v6-c-page__main-container" tabindex="-1">
1880
+ <main
1881
+ class="pf-v6-c-page__main"
1882
+ tabindex="-1"
1883
+ id="main-content-data-list-expandable-example"
1884
+ >
1885
+ <section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
1886
+ <div class="pf-v6-c-page__main-body">
1887
+ <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
1888
+ <ol class="pf-v6-c-breadcrumb__list" role="list">
1889
+ <li class="pf-v6-c-breadcrumb__item">
1890
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
1891
+ </li>
1892
+ <li class="pf-v6-c-breadcrumb__item">
1893
+ <span class="pf-v6-c-breadcrumb__item-divider">
1894
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1895
+ </span>
1896
+
1897
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1898
+ </li>
1899
+ <li class="pf-v6-c-breadcrumb__item">
1900
+ <span class="pf-v6-c-breadcrumb__item-divider">
1901
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1902
+ </span>
1903
+
1904
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1905
+ </li>
1906
+ <li class="pf-v6-c-breadcrumb__item">
1907
+ <span class="pf-v6-c-breadcrumb__item-divider">
1908
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1909
+ </span>
1910
+
1911
+ <a
1912
+ href="#"
1913
+ class="pf-v6-c-breadcrumb__link pf-m-current"
1914
+ aria-current="page"
1915
+ >Section landing</a>
1916
+ </li>
1917
+ </ol>
1918
+ </nav>
1919
+ </div>
1920
+ </section>
1921
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
1922
+ <div class="pf-v6-c-page__main-body">
1923
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
1924
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
1925
+ </div>
1926
+ </section>
1927
+ <section class="pf-v6-c-page__main-section">
1928
+ <div class="pf-v6-c-page__main-body">
1929
+ <div
1930
+ class="pf-v6-c-toolbar"
1931
+ id="data-list-expandable-example-toolbar"
1932
+ >
1933
+ <div class="pf-v6-c-toolbar__content">
1934
+ <div class="pf-v6-c-toolbar__content-section pf-m-nowrap">
1935
+ <div class="pf-v6-c-toolbar__item pf-m-expand-all">
1936
+ <button
1937
+ class="pf-v6-c-button pf-m-plain"
1938
+ type="button"
1939
+ aria-label="Expand all rows"
1940
+ >
1941
+ <span class="pf-v6-c-button__icon">
1942
+ <span class="pf-v6-c-icon">
1943
+ <span
1944
+ class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl"
1945
+ >
1946
+ <span class="pf-v6-c-toolbar__expand-all-icon">
1947
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1948
+ </span>
1949
+ </span>
1950
+ </span>
1951
+ </span>
1952
+ </button>
1953
+ </div>
1954
+
1955
+ <div
1956
+ class="pf-v6-c-toolbar__group pf-m-show-on-xl pf-m-toggle-group"
1957
+ >
1958
+ <div class="pf-v6-c-toolbar__toggle">
1959
+ <button
1960
+ class="pf-v6-c-menu-toggle pf-m-plain"
1961
+ type="button"
1962
+ aria-expanded="false"
1963
+ aria-label="Show filters"
1964
+ aria-controls="data-list-expandable-example-toolbar-expandable-content"
1965
+ >
1966
+ <span class="pf-v6-c-menu-toggle__icon">
1967
+ <i class="fas fa-filter" aria-hidden="true"></i>
1968
+ </span>
1969
+ </button>
1970
+ </div>
1971
+ <div class="pf-v6-c-toolbar__item pf-m-bulk-select">
1972
+ <div
1973
+ class="pf-v6-c-menu-toggle pf-m-split-button"
1974
+ id="data-list-expandable-example-toolbar-check"
1975
+ >
1976
+ <label
1977
+ class="pf-v6-c-check pf-m-standalone"
1978
+ for="data-list-expandable-example-toolbar-check-check-input"
1979
+ >
1980
+ <input
1981
+ class="pf-v6-c-check__input"
1982
+ type="checkbox"
1983
+ id="data-list-expandable-example-toolbar-check-check-input"
1984
+ name="data-list-expandable-example-toolbar-check-check-input"
1985
+ aria-label="Standalone check"
1986
+ />
1987
+ </label>
1988
+ <button
1989
+ class="pf-v6-c-menu-toggle__button"
1990
+ type="button"
1991
+ aria-expanded="false"
1992
+ id="data-list-expandable-example-toolbar-menu-toggle-toggle-button"
1993
+ aria-label="Menu toggle"
1994
+ >
1995
+ <span class="pf-v6-c-menu-toggle__controls">
1996
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
1997
+ <i
1998
+ class="fas fa-caret-down fa-fw"
1999
+ aria-hidden="true"
2000
+ ></i>
2001
+ </span>
2002
+ </span>
2003
+ </button>
2004
+ </div>
2005
+ </div>
2006
+
2007
+ <div class="pf-v6-c-toolbar__item pf-m-search-filter">
2008
+ <div
2009
+ class="pf-v6-c-input-group"
2010
+ aria-label="search filter"
2011
+ role="group"
2012
+ >
2013
+ <div class="pf-v6-c-input-group__item">
2014
+ <button
2015
+ class="pf-v6-c-menu-toggle"
2016
+ type="button"
2017
+ aria-expanded="false"
2018
+ id="data-list-expandable-example-toolbar-search-filter-menu"
2019
+ >
2020
+ <span class="pf-v6-c-menu-toggle__icon">
2021
+ <i class="fas fa-filter" aria-hidden="true"></i>
2022
+ </span>
2023
+ <span class="pf-v6-c-menu-toggle__text">Name</span>
2024
+ <span class="pf-v6-c-menu-toggle__controls">
2025
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
2026
+ <i
2027
+ class="fas fa-caret-down fa-fw"
2028
+ aria-hidden="true"
2029
+ ></i>
2030
+ </span>
2031
+ </span>
2032
+ </button>
2033
+ </div>
2034
+ <div class="pf-v6-c-input-group__item pf-m-fill">
2035
+ <div class="pf-v6-c-text-input-group">
2036
+ <div class="pf-v6-c-text-input-group__main pf-m-icon">
2037
+ <span class="pf-v6-c-text-input-group__text">
2038
+ <span class="pf-v6-c-text-input-group__icon">
2039
+ <i class="fas fa-fw fa-search"></i>
2040
+ </span>
2041
+ <input
2042
+ class="pf-v6-c-text-input-group__text-input"
2043
+ type="text"
2044
+ placeholder="Filter by name"
2045
+ value
2046
+ aria-label="Search input"
2047
+ />
2048
+ </span>
2049
+ </div>
2050
+ </div>
2051
+ </div>
2052
+ </div>
2053
+ </div>
2054
+ </div>
2055
+
2056
+ <div
2057
+ class="pf-v6-c-overflow-menu"
2058
+ id="data-list-expandable-example-toolbar-overflow-menu"
2059
+ >
2060
+ <div
2061
+ class="pf-v6-c-overflow-menu__content pf-v6-u-display-none pf-v6-u-display-flex-on-lg"
2062
+ >
2063
+ <div class="pf-v6-c-overflow-menu__group pf-m-button-group">
2064
+ <div class="pf-v6-c-overflow-menu__item">
2065
+ <button
2066
+ class="pf-v6-c-button pf-m-primary"
2067
+ type="button"
2068
+ >
2069
+ <span class="pf-v6-c-button__text">Create instance</span>
2070
+ </button>
2071
+ </div>
2072
+ </div>
2073
+ </div>
2074
+ <div class="pf-v6-c-overflow-menu__control">
2075
+ <button
2076
+ class="pf-v6-c-menu-toggle pf-m-plain"
2077
+ type="button"
2078
+ aria-expanded="false"
2079
+ aria-label="Menu toggle"
2080
+ id="data-list-expandable-example-toolbar-overflow-menu-toggle"
2081
+ >
2082
+ <span class="pf-v6-c-menu-toggle__icon">
2083
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2084
+ </span>
2085
+ </button>
2086
+ </div>
2087
+ </div>
2088
+
2089
+ <div class="pf-v6-c-toolbar__item pf-m-pagination">
2090
+ <div class="pf-v6-c-pagination pf-m-compact">
2091
+ <div class="pf-v6-c-pagination__page-menu">
2092
+ <button
2093
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
2094
+ type="button"
2095
+ aria-expanded="false"
2096
+ aria-label="Menu toggle"
2097
+ id="data-list-expandable-example-toolbar-top-pagination"
2098
+ >
2099
+ <span class="pf-v6-c-menu-toggle__text">
2100
+ <b>1 - 10</b>&nbsp;of&nbsp;
2101
+ <b>36</b>
2102
+ </span>
2103
+ <span class="pf-v6-c-menu-toggle__controls">
2104
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
2105
+ <i
2106
+ class="fas fa-caret-down fa-fw"
2107
+ aria-hidden="true"
2108
+ ></i>
2109
+ </span>
2110
+ </span>
2111
+ </button>
2112
+ </div>
2113
+ <nav
2114
+ class="pf-v6-c-pagination__nav"
2115
+ aria-label="Toolbar top pagination"
2116
+ >
2117
+ <div class="pf-v6-c-pagination__nav-control pf-m-prev">
2118
+ <button
2119
+ class="pf-v6-c-button pf-m-plain"
2120
+ type="button"
2121
+ disabled
2122
+ aria-label="Go to previous page"
2123
+ >
2124
+ <span class="pf-v6-c-button__icon">
2125
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
2126
+ </span>
2127
+ </button>
2128
+ </div>
2129
+ <div class="pf-v6-c-pagination__nav-control pf-m-next">
2130
+ <button
2131
+ class="pf-v6-c-button pf-m-plain"
2132
+ type="button"
2133
+ aria-label="Go to next page"
2134
+ >
2135
+ <span class="pf-v6-c-button__icon">
2136
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2137
+ </span>
2138
+ </button>
2139
+ </div>
2140
+ </nav>
2141
+ </div>
2142
+ </div>
2143
+ </div>
2144
+
2145
+ <div
2146
+ class="pf-v6-c-toolbar__expandable-content pf-m-hidden"
2147
+ id="data-list-expandable-example-toolbar-expandable-content"
2148
+ hidden
2149
+ ></div>
2150
+ </div>
2151
+ </div>
2152
+ <ul
2153
+ class="pf-v6-c-data-list"
2154
+ role="list"
2155
+ aria-label="Data list expandable demo"
2156
+ id="data-list-expandable-example-data-list"
2157
+ >
2158
+ <li
2159
+ class="pf-v6-c-data-list__item pf-m-expanded"
2160
+ aria-labelledby="data-list-expandable-example-data-list-item-1"
2161
+ >
2162
+ <div class="pf-v6-c-data-list__item-row">
2163
+ <div class="pf-v6-c-data-list__item-control">
2164
+ <div class="pf-v6-c-data-list__toggle">
2165
+ <button
2166
+ class="pf-v6-c-button pf-m-plain"
2167
+ type="button"
2168
+ aria-labelledby="ex-toggle1 data-list-expandable-example-data-list-item1"
2169
+ id="ex-toggle1"
2170
+ aria-label="Toggle details for"
2171
+ aria-expanded="false"
2172
+ aria-controls="content-1"
2173
+ >
2174
+ <span class="pf-v6-c-button__icon pf-m-start">
2175
+ <div class="pf-v6-c-data-list__toggle-icon">
2176
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2177
+ </div>
2178
+ </span>
2179
+ </button>
2180
+ </div>
2181
+
2182
+ <div class="pf-v6-c-data-list__check">
2183
+ <label
2184
+ class="pf-v6-c-check pf-m-standalone"
2185
+ for="data-list-expandable-example-data-list-item-1&quot;type&#x3D;&quot;checkbox&quot; name&#x3D;&quot;check-expandable-check1&quot; aria-labelledby&#x3D;&quot;data-list-expandable-example-data-list-item-1&quot;-input"
2186
+ >
2187
+ <input
2188
+ class="pf-v6-c-check__input"
2189
+ type="checkbox"
2190
+ id="data-list-expandable-example-data-list-item-1&quot;type&#x3D;&quot;checkbox&quot; name&#x3D;&quot;check-expandable-check1&quot; aria-labelledby&#x3D;&quot;data-list-expandable-example-data-list-item-1&quot;-input"
2191
+ name="data-list-expandable-example-data-list-item-1&quot;type&#x3D;&quot;checkbox&quot; name&#x3D;&quot;check-expandable-check1&quot; aria-labelledby&#x3D;&quot;data-list-expandable-example-data-list-item-1&quot;-input"
2192
+ aria-label="Standalone check"
2193
+ />
2194
+ </label>
2195
+ </div>
2196
+ </div>
2197
+ <div class="pf-v6-c-data-list__item-content">
2198
+ <div class="pf-v6-c-data-list__cell pf-m-align-left">
2199
+ <div class="pf-v6-l-flex pf-m-column pf-m-space-items-md">
2200
+ <div
2201
+ class="pf-v6-l-flex pf-m-column pf-m-space-items-none"
2202
+ >
2203
+ <div class="pf-v6-l-flex__item">
2204
+ <p
2205
+ id="data-list-expandable-example-data-list-item-1"
2206
+ >patternfly</p>
2207
+ </div>
2208
+ <div class="pf-v6-l-flex__item">
2209
+ <small>
2210
+ Working repo for PatternFly 4
2211
+ <a href>https://pf4.patternfly.org/</a>
2212
+ </small>
2213
+ </div>
2214
+ </div>
2215
+ <div class="pf-v6-l-flex pf-m-wrap">
2216
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
2217
+ <div class="pf-v6-l-flex__item">
2218
+ <i class="fas fa-code-branch" aria-hidden="true"></i>
2219
+ </div>
2220
+ <div class="pf-v6-l-flex__item">
2221
+ <span>10</span>
2222
+ </div>
2223
+ </div>
2224
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
2225
+ <div class="pf-v6-l-flex__item">
2226
+ <i class="fas fa-code" aria-hidden="true"></i>
2227
+ </div>
2228
+ <div class="pf-v6-l-flex__item">
2229
+ <span>4</span>
2230
+ </div>
2231
+ </div>
2232
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
2233
+ <div class="pf-v6-l-flex__item">
2234
+ <i class="fas fa-cube" aria-hidden="true"></i>
2235
+ </div>
2236
+ <div class="pf-v6-l-flex__item">
2237
+ <span>5</span>
2238
+ </div>
2239
+ </div>
2240
+ <div class="pf-v6-l-flex__item">Updated 2 days ago</div>
2241
+ </div>
2242
+ </div>
2243
+ </div>
2244
+ <div
2245
+ class="pf-v6-c-data-list__cell pf-m-align-right pf-m-no-fill"
2246
+ >
2247
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
2248
+ <span class="pf-v6-c-button__text">Action</span>
2249
+ </button>
2250
+ <button class="pf-v6-c-button pf-m-link" type="button">
2251
+ <span class="pf-v6-c-button__text">Link</span>
2252
+ </button>
2253
+ </div>
2254
+ </div>
2255
+ </div>
2256
+ <section
2257
+ class="pf-v6-c-data-list__expandable-content"
2258
+ id="content-1"
2259
+ aria-label="Content details"
2260
+ >
2261
+ <div
2262
+ class="pf-v6-c-data-list__expandable-content-body pf-m-no-padding"
2263
+ >
2264
+ <table
2265
+ class="pf-v6-c-table pf-m-compact pf-m-grid-lg pf-m-no-border-rows"
2266
+ role="grid"
2267
+ aria-label="This is a compact table example"
2268
+ id="compact-table-demo-data-list"
2269
+ >
2270
+ <thead class="pf-v6-c-table__thead">
2271
+ <tr class="pf-v6-c-table__tr" role="row">
2272
+ <th
2273
+ class="pf-v6-c-table__th pf-v6-c-table__check"
2274
+ aria-label="Row select"
2275
+ role="columnheader"
2276
+ scope="col"
2277
+ >
2278
+ <label
2279
+ class="pf-v6-c-check pf-m-standalone"
2280
+ for="compact-table-demo-data-list-checkrow-check-input"
2281
+ >
2282
+ <input
2283
+ class="pf-v6-c-check__input"
2284
+ type="checkbox"
2285
+ id="compact-table-demo-data-list-checkrow-check-input"
2286
+ name="compact-table-demo-data-list-checkrow-check-input"
2287
+ aria-label="Select all rows"
2288
+ />
2289
+ </label>
2290
+ </th>
2291
+
2292
+ <th
2293
+ class="pf-v6-c-table__th"
2294
+ role="columnheader"
2295
+ scope="col"
2296
+ >Contributor</th>
2297
+
2298
+ <th
2299
+ class="pf-v6-c-table__th"
2300
+ role="columnheader"
2301
+ scope="col"
2302
+ >Position</th>
2303
+
2304
+ <th
2305
+ class="pf-v6-c-table__th"
2306
+ role="columnheader"
2307
+ scope="col"
2308
+ >Location</th>
2309
+
2310
+ <th
2311
+ class="pf-v6-c-table__th"
2312
+ role="columnheader"
2313
+ scope="col"
2314
+ >Last seen</th>
2315
+
2316
+ <th
2317
+ class="pf-v6-c-table__th"
2318
+ role="columnheader"
2319
+ scope="col"
2320
+ >Numbers</th>
2321
+
2322
+ <th
2323
+ class="pf-v6-c-table__th pf-v6-c-table__icon"
2324
+ role="columnheader"
2325
+ scope="col"
2326
+ >Icons</th>
2327
+
2328
+ <th
2329
+ class="pf-v6-c-table__th pf-v6-c-table__cell-empty"
2330
+ role="columnheader"
2331
+ scope="col"
2332
+ >
2333
+ <span class="pf-v6-screen-reader">Actions</span>
2334
+ </th>
2335
+
2336
+ <th
2337
+ class="pf-v6-c-table__th pf-v6-c-table__cell-empty"
2338
+ role="columnheader"
2339
+ scope="col"
2340
+ >
2341
+ <span class="pf-v6-screen-reader">Actions</span>
2342
+ </th>
2343
+ </tr>
2344
+ </thead>
2345
+
2346
+ <tbody class="pf-v6-c-table__tbody" role="rowgroup">
2347
+ <tr class="pf-v6-c-table__tr" role="row">
2348
+ <td
2349
+ class="pf-v6-c-table__td pf-v6-c-table__check"
2350
+ aria-label="Check row"
2351
+ >
2352
+ <label
2353
+ class="pf-v6-c-check pf-m-standalone"
2354
+ for="compact-table-demo-data-list-checkrow-1-check-input"
2355
+ >
2356
+ <input
2357
+ class="pf-v6-c-check__input"
2358
+ type="checkbox"
2359
+ id="compact-table-demo-data-list-checkrow-1-check-input"
2360
+ name="compact-table-demo-data-list-checkrow-1-check-input"
2361
+ aria-label="Select row"
2362
+ />
2363
+ </label>
2364
+ </td>
2365
+
2366
+ <td
2367
+ class="pf-v6-c-table__td"
2368
+ role="cell"
2369
+ data-label="Contributor"
2370
+ >
2371
+ <span
2372
+ id="compact-table-demo-data-list-name1"
2373
+ >Sam Jones</span>
2374
+ </td>
2375
+ <td
2376
+ class="pf-v6-c-table__td"
2377
+ role="cell"
2378
+ data-label="Position"
2379
+ >CSS guru</td>
2380
+ <td
2381
+ class="pf-v6-c-table__td"
2382
+ role="cell"
2383
+ data-label="Location"
2384
+ >Not too sure</td>
2385
+ <td
2386
+ class="pf-v6-c-table__td"
2387
+ role="cell"
2388
+ data-label="Last seen"
2389
+ >May 9, 2018</td>
2390
+ <td
2391
+ class="pf-v6-c-table__td"
2392
+ role="cell"
2393
+ data-label="Numbers"
2394
+ >0556</td>
2395
+ <td
2396
+ class="pf-v6-c-table__td pf-v6-c-table__icon"
2397
+ role="cell"
2398
+ data-label="Icon"
2399
+ >
2400
+ <i class="fas fa-check"></i>
2401
+ </td>
2402
+ <td
2403
+ class="pf-v6-c-table__td"
2404
+ role="cell"
2405
+ data-label="Action"
2406
+ >
2407
+ <a href="#">Action link</a>
2408
+ </td>
2409
+
2410
+ <td class="pf-v6-c-table__td pf-v6-c-table__action">
2411
+ <button
2412
+ class="pf-v6-c-menu-toggle pf-m-plain"
2413
+ type="button"
2414
+ aria-expanded="false"
2415
+ aria-label="Menu toggle"
2416
+ >
2417
+ <span class="pf-v6-c-menu-toggle__icon">
2418
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2419
+ </span>
2420
+ </button>
2421
+ </td>
2422
+ </tr>
2423
+ <tr class="pf-v6-c-table__tr" role="row">
2424
+ <td
2425
+ class="pf-v6-c-table__td pf-v6-c-table__check"
2426
+ aria-label="Check row"
2427
+ >
2428
+ <label
2429
+ class="pf-v6-c-check pf-m-standalone"
2430
+ for="compact-table-demo-data-list-checkrow-2-check-input"
2431
+ >
2432
+ <input
2433
+ class="pf-v6-c-check__input"
2434
+ type="checkbox"
2435
+ id="compact-table-demo-data-list-checkrow-2-check-input"
2436
+ name="compact-table-demo-data-list-checkrow-2-check-input"
2437
+ aria-label="Select row"
2438
+ />
2439
+ </label>
2440
+ </td>
2441
+
2442
+ <th
2443
+ class="pf-v6-c-table__th"
2444
+ role="columnheader"
2445
+ data-label="Contributor"
2446
+ >
2447
+ <span
2448
+ id="compact-table-demo-data-list-name2"
2449
+ >Amy Miller</span>
2450
+ </th>
2451
+
2452
+ <td
2453
+ class="pf-v6-c-table__td"
2454
+ role="cell"
2455
+ data-label="Position"
2456
+ >Visual design</td>
2457
+ <td
2458
+ class="pf-v6-c-table__td"
2459
+ role="cell"
2460
+ data-label="Location"
2461
+ >Raleigh</td>
2462
+ <td
2463
+ class="pf-v6-c-table__td"
2464
+ role="cell"
2465
+ data-label="Last seen"
2466
+ >May 9, 2018</td>
2467
+ <td
2468
+ class="pf-v6-c-table__td"
2469
+ role="cell"
2470
+ data-label="Numbers"
2471
+ >9492</td>
2472
+ <td
2473
+ class="pf-v6-c-table__td pf-v6-c-table__icon"
2474
+ role="cell"
2475
+ data-label="Icon"
2476
+ >
2477
+ <i class="fas fa-check"></i>
2478
+ </td>
2479
+ <td
2480
+ class="pf-v6-c-table__td"
2481
+ role="cell"
2482
+ data-label="Action"
2483
+ >
2484
+ <a href="#">Action link</a>
2485
+ </td>
2486
+
2487
+ <td class="pf-v6-c-table__td pf-v6-c-table__action">
2488
+ <button
2489
+ class="pf-v6-c-menu-toggle pf-m-plain"
2490
+ type="button"
2491
+ aria-expanded="false"
2492
+ aria-label="Menu toggle"
2493
+ >
2494
+ <span class="pf-v6-c-menu-toggle__icon">
2495
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2496
+ </span>
2497
+ </button>
2498
+ </td>
2499
+ </tr>
2500
+ <tr class="pf-v6-c-table__tr" role="row">
2501
+ <td
2502
+ class="pf-v6-c-table__td pf-v6-c-table__check"
2503
+ aria-label="Check row"
2504
+ >
2505
+ <label
2506
+ class="pf-v6-c-check pf-m-standalone"
2507
+ for="compact-table-demo-data-list-checkrow-3-check-input"
2508
+ >
2509
+ <input
2510
+ class="pf-v6-c-check__input"
2511
+ type="checkbox"
2512
+ id="compact-table-demo-data-list-checkrow-3-check-input"
2513
+ name="compact-table-demo-data-list-checkrow-3-check-input"
2514
+ aria-label="Select row"
2515
+ />
2516
+ </label>
2517
+ </td>
2518
+
2519
+ <th
2520
+ class="pf-v6-c-table__th"
2521
+ role="columnheader"
2522
+ data-label="Contributor"
2523
+ >
2524
+ <span
2525
+ id="compact-table-demo-data-list-name3"
2526
+ >Steve Wilson</span>
2527
+ </th>
2528
+
2529
+ <td
2530
+ class="pf-v6-c-table__td"
2531
+ role="cell"
2532
+ data-label="Position"
2533
+ >Visual design lead</td>
2534
+ <td
2535
+ class="pf-v6-c-table__td"
2536
+ role="cell"
2537
+ data-label="Location"
2538
+ >Westford</td>
2539
+ <td
2540
+ class="pf-v6-c-table__td"
2541
+ role="cell"
2542
+ data-label="Last seen"
2543
+ >May 9, 2018</td>
2544
+ <td
2545
+ class="pf-v6-c-table__td"
2546
+ role="cell"
2547
+ data-label="Numbers"
2548
+ >9929</td>
2549
+ <td
2550
+ class="pf-v6-c-table__td pf-v6-c-table__icon"
2551
+ role="cell"
2552
+ data-label="Icon"
2553
+ >
2554
+ <i class="fas fa-check"></i>
2555
+ </td>
2556
+ <td
2557
+ class="pf-v6-c-table__td"
2558
+ role="cell"
2559
+ data-label="Action"
2560
+ >
2561
+ <a href="#">Action link</a>
2562
+ </td>
2563
+
2564
+ <td class="pf-v6-c-table__td pf-v6-c-table__action">
2565
+ <button
2566
+ class="pf-v6-c-menu-toggle pf-m-plain"
2567
+ type="button"
2568
+ aria-expanded="false"
2569
+ aria-label="Menu toggle"
2570
+ >
2571
+ <span class="pf-v6-c-menu-toggle__icon">
2572
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2573
+ </span>
2574
+ </button>
2575
+ </td>
2576
+ </tr>
2577
+ <tr class="pf-v6-c-table__tr" role="row">
2578
+ <td
2579
+ class="pf-v6-c-table__td pf-v6-c-table__check"
2580
+ aria-label="Check row"
2581
+ >
2582
+ <label
2583
+ class="pf-v6-c-check pf-m-standalone"
2584
+ for="compact-table-demo-data-list-checkrow-4-check-input"
2585
+ >
2586
+ <input
2587
+ class="pf-v6-c-check__input"
2588
+ type="checkbox"
2589
+ id="compact-table-demo-data-list-checkrow-4-check-input"
2590
+ name="compact-table-demo-data-list-checkrow-4-check-input"
2591
+ aria-label="Select row"
2592
+ />
2593
+ </label>
2594
+ </td>
2595
+
2596
+ <td
2597
+ class="pf-v6-c-table__td"
2598
+ role="cell"
2599
+ data-label="Contributor name"
2600
+ >
2601
+ <span
2602
+ id="compact-table-demo-data-list-name4"
2603
+ >Emma Jackson</span>
2604
+ </td>
2605
+ <td
2606
+ class="pf-v6-c-table__td"
2607
+ role="cell"
2608
+ data-label="Position"
2609
+ >Interaction design</td>
2610
+ <td
2611
+ class="pf-v6-c-table__td"
2612
+ role="cell"
2613
+ data-label="Location"
2614
+ >Westford</td>
2615
+ <td
2616
+ class="pf-v6-c-table__td"
2617
+ role="cell"
2618
+ data-label="Workspaces"
2619
+ >May 9, 2018</td>
2620
+ <td
2621
+ class="pf-v6-c-table__td"
2622
+ role="cell"
2623
+ data-label="Last commit"
2624
+ >2217</td>
2625
+ <td
2626
+ class="pf-v6-c-table__td pf-v6-c-table__icon"
2627
+ role="cell"
2628
+ data-label="Icon"
2629
+ >
2630
+ <i class="fas fa-check"></i>
2631
+ </td>
2632
+ <td
2633
+ class="pf-v6-c-table__td"
2634
+ role="cell"
2635
+ data-label="Action"
2636
+ >
2637
+ <a href="#">Action link</a>
2638
+ </td>
2639
+
2640
+ <td class="pf-v6-c-table__td pf-v6-c-table__action">
2641
+ <button
2642
+ class="pf-v6-c-menu-toggle pf-m-plain"
2643
+ type="button"
2644
+ aria-expanded="false"
2645
+ aria-label="Menu toggle"
2646
+ >
2647
+ <span class="pf-v6-c-menu-toggle__icon">
2648
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2649
+ </span>
2650
+ </button>
2651
+ </td>
2652
+ </tr>
2653
+ </tbody>
2654
+ </table>
2655
+ </div>
2656
+ </section>
2657
+ </li>
2658
+
2659
+ <li
2660
+ class="pf-v6-c-data-list__item"
2661
+ aria-labelledby="data-list-expandable-example-data-list-item-2"
2662
+ >
2663
+ <div class="pf-v6-c-data-list__item-row">
2664
+ <div class="pf-v6-c-data-list__item-control">
2665
+ <div class="pf-v6-c-data-list__toggle">
2666
+ <button
2667
+ class="pf-v6-c-button pf-m-plain"
2668
+ type="button"
2669
+ aria-labelledby="ex-toggle2 data-list-expandable-example-data-list-item2"
2670
+ id="ex-toggle2"
2671
+ aria-label="Toggle details for"
2672
+ aria-expanded="false"
2673
+ aria-controls="content-2"
2674
+ >
2675
+ <span class="pf-v6-c-button__icon pf-m-start">
2676
+ <div class="pf-v6-c-data-list__toggle-icon">
2677
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2678
+ </div>
2679
+ </span>
2680
+ </button>
2681
+ </div>
2682
+
2683
+ <div class="pf-v6-c-data-list__check">
2684
+ <label
2685
+ class="pf-v6-c-check pf-m-standalone"
2686
+ for="data-list-expandable-example-data-list-item-2&quot;type&#x3D;&quot;checkbox&quot; name&#x3D;&quot;check-expandable-check2&quot; aria-labelledby&#x3D;&quot;data-list-expandable-example-data-list-item-2&quot;-input"
2687
+ >
2688
+ <input
2689
+ class="pf-v6-c-check__input"
2690
+ type="checkbox"
2691
+ id="data-list-expandable-example-data-list-item-2&quot;type&#x3D;&quot;checkbox&quot; name&#x3D;&quot;check-expandable-check2&quot; aria-labelledby&#x3D;&quot;data-list-expandable-example-data-list-item-2&quot;-input"
2692
+ name="data-list-expandable-example-data-list-item-2&quot;type&#x3D;&quot;checkbox&quot; name&#x3D;&quot;check-expandable-check2&quot; aria-labelledby&#x3D;&quot;data-list-expandable-example-data-list-item-2&quot;-input"
2693
+ aria-label="Standalone check"
2694
+ />
2695
+ </label>
2696
+ </div>
2697
+ </div>
2698
+ <div class="pf-v6-c-data-list__item-content">
2699
+ <div class="pf-v6-c-data-list__cell pf-m-align-left">
2700
+ <div class="pf-v6-l-flex pf-m-column pf-m-space-items-md">
2701
+ <div
2702
+ class="pf-v6-l-flex pf-m-column pf-m-space-items-none"
2703
+ >
2704
+ <div class="pf-v6-l-flex__item">
2705
+ <p
2706
+ id="data-list-expandable-example-data-list-item-2"
2707
+ >patternfly-elements</p>
2708
+ </div>
2709
+ <div class="pf-v6-l-flex__item">
2710
+ <small>PatternFly elements</small>
2711
+ </div>
2712
+ </div>
2713
+ <div class="pf-v6-l-flex pf-m-wrap">
2714
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
2715
+ <div class="pf-v6-l-flex__item">
2716
+ <i class="fas fa-code-branch" aria-hidden="true"></i>
2717
+ </div>
2718
+ <div class="pf-v6-l-flex__item">
2719
+ <span>5</span>
2720
+ </div>
2721
+ </div>
2722
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
2723
+ <div class="pf-v6-l-flex__item">
2724
+ <i class="fas fa-code" aria-hidden="true"></i>
2725
+ </div>
2726
+ <div class="pf-v6-l-flex__item">
2727
+ <span>9</span>
2728
+ </div>
2729
+ </div>
2730
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
2731
+ <div class="pf-v6-l-flex__item">
2732
+ <i class="fas fa-cube" aria-hidden="true"></i>
2733
+ </div>
2734
+ <div class="pf-v6-l-flex__item">
2735
+ <span>2</span>
2736
+ </div>
2737
+ </div>
2738
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
2739
+ <div class="pf-v6-l-flex__item">
2740
+ <i class="fas fa-check-circle" aria-hidden="true"></i>
2741
+ </div>
2742
+ <div class="pf-v6-l-flex__item">
2743
+ <span>11</span>
2744
+ </div>
2745
+ </div>
2746
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
2747
+ <div class="pf-v6-l-flex__item">
2748
+ <i
2749
+ class="fas fa-exclamation-triangle"
2750
+ aria-hidden="true"
2751
+ ></i>
2752
+ </div>
2753
+ <div class="pf-v6-l-flex__item">
2754
+ <span>4</span>
2755
+ </div>
2756
+ </div>
2757
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
2758
+ <div class="pf-v6-l-flex__item">
2759
+ <i class="fas fa-times-circle" aria-hidden="true"></i>
2760
+ </div>
2761
+ <div class="pf-v6-l-flex__item">
2762
+ <span>1</span>
2763
+ </div>
2764
+ </div>
2765
+ <div class="pf-v6-l-flex__item">Updated 2 days ago</div>
2766
+ </div>
2767
+ </div>
2768
+ </div>
2769
+ <div
2770
+ class="pf-v6-c-data-list__cell pf-m-align-right pf-m-no-fill"
2771
+ >
2772
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
2773
+ <span class="pf-v6-c-button__text">Action</span>
2774
+ </button>
2775
+ <button class="pf-v6-c-button pf-m-link" type="button">
2776
+ <span class="pf-v6-c-button__text">Link</span>
2777
+ </button>
2778
+ </div>
2779
+ </div>
2780
+ </div>
2781
+ <section
2782
+ class="pf-v6-c-data-list__expandable-content"
2783
+ id="content-2"
2784
+ aria-label="Content details"
2785
+ hidden
2786
+ >
2787
+ <div
2788
+ class="pf-v6-c-data-list__expandable-content-body pf-m-no-padding"
2789
+ ></div>
2790
+ </section>
2791
+ </li>
2792
+
2793
+ <li
2794
+ class="pf-v6-c-data-list__item"
2795
+ aria-labelledby="data-list-expandable-example-data-list-item-3"
2796
+ >
2797
+ <div class="pf-v6-c-data-list__item-row">
2798
+ <div class="pf-v6-c-data-list__item-control">
2799
+ <div class="pf-v6-c-data-list__toggle">
2800
+ <button
2801
+ class="pf-v6-c-button pf-m-plain"
2802
+ type="button"
2803
+ aria-labelledby="ex-toggle3 data-list-expandable-example-data-list-item3"
2804
+ id="ex-toggle3"
2805
+ aria-label="Toggle details for"
2806
+ aria-expanded="false"
2807
+ aria-controls="content-3"
2808
+ >
2809
+ <span class="pf-v6-c-button__icon pf-m-start">
2810
+ <div class="pf-v6-c-data-list__toggle-icon">
2811
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2812
+ </div>
2813
+ </span>
2814
+ </button>
2815
+ </div>
2816
+
2817
+ <div class="pf-v6-c-data-list__check">
2818
+ <label
2819
+ class="pf-v6-c-check pf-m-standalone"
2820
+ for="data-list-expandable-example-data-list-item-3&quot;type&#x3D;&quot;checkbox&quot; name&#x3D;&quot;check-expandable-check3&quot; aria-labelledby&#x3D;&quot;data-list-expandable-example-data-list-item-3&quot;-input"
2821
+ >
2822
+ <input
2823
+ class="pf-v6-c-check__input"
2824
+ type="checkbox"
2825
+ id="data-list-expandable-example-data-list-item-3&quot;type&#x3D;&quot;checkbox&quot; name&#x3D;&quot;check-expandable-check3&quot; aria-labelledby&#x3D;&quot;data-list-expandable-example-data-list-item-3&quot;-input"
2826
+ name="data-list-expandable-example-data-list-item-3&quot;type&#x3D;&quot;checkbox&quot; name&#x3D;&quot;check-expandable-check3&quot; aria-labelledby&#x3D;&quot;data-list-expandable-example-data-list-item-3&quot;-input"
2827
+ aria-label="Standalone check"
2828
+ />
2829
+ </label>
2830
+ </div>
2831
+ </div>
2832
+ <div class="pf-v6-c-data-list__item-content">
2833
+ <div class="pf-v6-c-data-list__cell pf-m-align-left">
2834
+ <p
2835
+ id="data-list-expandable-example-data-list-item-3"
2836
+ >patternfly-unified-design-kit</p>
2837
+ </div>
2838
+ </div>
2839
+ </div>
2840
+ <section
2841
+ class="pf-v6-c-data-list__expandable-content"
2842
+ id="content-3"
2843
+ aria-label="Content details"
2844
+ hidden
2845
+ >
2846
+ <div
2847
+ class="pf-v6-c-data-list__expandable-content-body pf-m-no-padding"
2848
+ ></div>
2849
+ </section>
2850
+ </li>
2851
+
2852
+ <li
2853
+ class="pf-v6-c-data-list__item"
2854
+ aria-labelledby="data-list-expandable-example-data-list-item-4"
2855
+ >
2856
+ <div class="pf-v6-c-data-list__item-row">
2857
+ <div class="pf-v6-c-data-list__item-control">
2858
+ <div class="pf-v6-c-data-list__toggle">
2859
+ <button
2860
+ class="pf-v6-c-button pf-m-plain"
2861
+ type="button"
2862
+ aria-labelledby="ex-toggle4 data-list-expandable-example-data-list-item4"
2863
+ id="ex-toggle4"
2864
+ aria-label="Toggle details for"
2865
+ aria-expanded="false"
2866
+ aria-controls="content-4"
2867
+ >
2868
+ <span class="pf-v6-c-button__icon pf-m-start">
2869
+ <div class="pf-v6-c-data-list__toggle-icon">
2870
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2871
+ </div>
2872
+ </span>
2873
+ </button>
2874
+ </div>
2875
+
2876
+ <div class="pf-v6-c-data-list__check">
2877
+ <label
2878
+ class="pf-v6-c-check pf-m-standalone"
2879
+ for="data-list-expandable-example-data-list-item-4&quot;type&#x3D;&quot;checkbox&quot; name&#x3D;&quot;check-expandable-check4&quot; aria-labelledby&#x3D;&quot;data-list-expandable-example-data-list-item-4&quot;-input"
2880
+ >
2881
+ <input
2882
+ class="pf-v6-c-check__input"
2883
+ type="checkbox"
2884
+ id="data-list-expandable-example-data-list-item-4&quot;type&#x3D;&quot;checkbox&quot; name&#x3D;&quot;check-expandable-check4&quot; aria-labelledby&#x3D;&quot;data-list-expandable-example-data-list-item-4&quot;-input"
2885
+ name="data-list-expandable-example-data-list-item-4&quot;type&#x3D;&quot;checkbox&quot; name&#x3D;&quot;check-expandable-check4&quot; aria-labelledby&#x3D;&quot;data-list-expandable-example-data-list-item-4&quot;-input"
2886
+ aria-label="Standalone check"
2887
+ />
2888
+ </label>
2889
+ </div>
2890
+ </div>
2891
+ <div class="pf-v6-c-data-list__item-content">
2892
+ <div class="pf-v6-c-data-list__cell pf-m-align-left">
2893
+ <div class="pf-v6-l-flex pf-m-column pf-m-space-items-md">
2894
+ <div
2895
+ class="pf-v6-l-flex pf-m-column pf-m-space-items-none"
2896
+ >
2897
+ <div class="pf-v6-l-flex__item">
2898
+ <p
2899
+ id="data-list-expandable-example-data-list-item-4"
2900
+ >patternfly</p>
2901
+ </div>
2902
+ <div class="pf-v6-l-flex__item">
2903
+ <small>
2904
+ Working repo for PatternFly 4
2905
+ <a href>https://pf4.patternfly.org/</a>
2906
+ </small>
2907
+ </div>
2908
+ </div>
2909
+ <div class="pf-v6-l-flex pf-m-wrap">
2910
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
2911
+ <div class="pf-v6-l-flex__item">
2912
+ <i class="fas fa-code-branch" aria-hidden="true"></i>
2913
+ </div>
2914
+ <div class="pf-v6-l-flex__item">
2915
+ <span>10</span>
2916
+ </div>
2917
+ </div>
2918
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
2919
+ <div class="pf-v6-l-flex__item">
2920
+ <i class="fas fa-code" aria-hidden="true"></i>
2921
+ </div>
2922
+ <div class="pf-v6-l-flex__item">
2923
+ <span>4</span>
2924
+ </div>
2925
+ </div>
2926
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
2927
+ <div class="pf-v6-l-flex__item">
2928
+ <i class="fas fa-cube" aria-hidden="true"></i>
2929
+ </div>
2930
+ <div class="pf-v6-l-flex__item">
2931
+ <span>5</span>
2932
+ </div>
2933
+ </div>
2934
+ <div class="pf-v6-l-flex__item">Updated 2 days ago</div>
2935
+ </div>
2936
+ </div>
2937
+ </div>
2938
+ <div
2939
+ class="pf-v6-c-data-list__cell pf-m-align-right pf-m-no-fill"
2940
+ >
2941
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
2942
+ <span class="pf-v6-c-button__text">Action</span>
2943
+ </button>
2944
+ <button class="pf-v6-c-button pf-m-link" type="button">
2945
+ <span class="pf-v6-c-button__text">Link</span>
2946
+ </button>
2947
+ </div>
2948
+ </div>
2949
+ </div>
2950
+ <section
2951
+ class="pf-v6-c-data-list__expandable-content"
2952
+ id="content-4"
2953
+ aria-label="Content details"
2954
+ hidden
2955
+ >
2956
+ <div
2957
+ class="pf-v6-c-data-list__expandable-content-body pf-m-no-padding"
2958
+ ></div>
2959
+ </section>
2960
+ </li>
2961
+
2962
+ <li
2963
+ class="pf-v6-c-data-list__item"
2964
+ aria-labelledby="data-list-expandable-example-data-list-item-5"
2965
+ >
2966
+ <div class="pf-v6-c-data-list__item-row">
2967
+ <div class="pf-v6-c-data-list__item-control">
2968
+ <div class="pf-v6-c-data-list__toggle">
2969
+ <button
2970
+ class="pf-v6-c-button pf-m-plain"
2971
+ type="button"
2972
+ aria-labelledby="ex-toggle5 data-list-expandable-example-data-list-item5"
2973
+ id="ex-toggle5"
2974
+ aria-label="Toggle details for"
2975
+ aria-expanded="false"
2976
+ aria-controls="content-5"
2977
+ >
2978
+ <span class="pf-v6-c-button__icon pf-m-start">
2979
+ <div class="pf-v6-c-data-list__toggle-icon">
2980
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2981
+ </div>
2982
+ </span>
2983
+ </button>
2984
+ </div>
2985
+
2986
+ <div class="pf-v6-c-data-list__check">
2987
+ <label
2988
+ class="pf-v6-c-check pf-m-standalone"
2989
+ for="data-list-expandable-example-data-list-item-5&quot;type&#x3D;&quot;checkbox&quot; name&#x3D;&quot;check-expandable-check5&quot; aria-labelledby&#x3D;&quot;data-list-expandable-example-data-list-item-5&quot;-input"
2990
+ >
2991
+ <input
2992
+ class="pf-v6-c-check__input"
2993
+ type="checkbox"
2994
+ id="data-list-expandable-example-data-list-item-5&quot;type&#x3D;&quot;checkbox&quot; name&#x3D;&quot;check-expandable-check5&quot; aria-labelledby&#x3D;&quot;data-list-expandable-example-data-list-item-5&quot;-input"
2995
+ name="data-list-expandable-example-data-list-item-5&quot;type&#x3D;&quot;checkbox&quot; name&#x3D;&quot;check-expandable-check5&quot; aria-labelledby&#x3D;&quot;data-list-expandable-example-data-list-item-5&quot;-input"
2996
+ aria-label="Standalone check"
2997
+ />
2998
+ </label>
2999
+ </div>
3000
+ </div>
3001
+ <div class="pf-v6-c-data-list__item-content">
3002
+ <div class="pf-v6-c-data-list__cell pf-m-align-left">
3003
+ <div class="pf-v6-l-flex pf-m-column pf-m-space-items-md">
3004
+ <div
3005
+ class="pf-v6-l-flex pf-m-column pf-m-space-items-none"
3006
+ >
3007
+ <div class="pf-v6-l-flex__item">
3008
+ <p
3009
+ id="data-list-expandable-example-data-list-item-5"
3010
+ >patternfly-elements</p>
3011
+ </div>
3012
+ <div class="pf-v6-l-flex__item">
3013
+ <small>PatternFly elements</small>
3014
+ </div>
3015
+ </div>
3016
+ <div class="pf-v6-l-flex pf-m-wrap">
3017
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
3018
+ <div class="pf-v6-l-flex__item">
3019
+ <i class="fas fa-code-branch" aria-hidden="true"></i>
3020
+ </div>
3021
+ <div class="pf-v6-l-flex__item">
3022
+ <span>5</span>
3023
+ </div>
3024
+ </div>
3025
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
3026
+ <div class="pf-v6-l-flex__item">
3027
+ <i class="fas fa-code" aria-hidden="true"></i>
3028
+ </div>
3029
+ <div class="pf-v6-l-flex__item">
3030
+ <span>9</span>
3031
+ </div>
3032
+ </div>
3033
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
3034
+ <div class="pf-v6-l-flex__item">
3035
+ <i class="fas fa-cube" aria-hidden="true"></i>
3036
+ </div>
3037
+ <div class="pf-v6-l-flex__item">
3038
+ <span>2</span>
3039
+ </div>
3040
+ </div>
3041
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
3042
+ <div class="pf-v6-l-flex__item">
3043
+ <i class="fas fa-check-circle" aria-hidden="true"></i>
3044
+ </div>
3045
+ <div class="pf-v6-l-flex__item">
3046
+ <span>11</span>
3047
+ </div>
3048
+ </div>
3049
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
3050
+ <div class="pf-v6-l-flex__item">
3051
+ <i
3052
+ class="fas fa-exclamation-triangle"
3053
+ aria-hidden="true"
3054
+ ></i>
3055
+ </div>
3056
+ <div class="pf-v6-l-flex__item">
3057
+ <span>4</span>
3058
+ </div>
3059
+ </div>
3060
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
3061
+ <div class="pf-v6-l-flex__item">
3062
+ <i class="fas fa-times-circle" aria-hidden="true"></i>
3063
+ </div>
3064
+ <div class="pf-v6-l-flex__item">
3065
+ <span>1</span>
3066
+ </div>
3067
+ </div>
3068
+ <div class="pf-v6-l-flex__item">Updated 2 days ago</div>
3069
+ </div>
3070
+ </div>
3071
+ </div>
3072
+ <div
3073
+ class="pf-v6-c-data-list__cell pf-m-align-right pf-m-no-fill"
3074
+ >
3075
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
3076
+ <span class="pf-v6-c-button__text">Action</span>
3077
+ </button>
3078
+ <button class="pf-v6-c-button pf-m-link" type="button">
3079
+ <span class="pf-v6-c-button__text">Link</span>
3080
+ </button>
3081
+ </div>
3082
+ </div>
3083
+ </div>
3084
+ <section
3085
+ class="pf-v6-c-data-list__expandable-content"
3086
+ id="content-5"
3087
+ aria-label="Content details"
3088
+ hidden
3089
+ >
3090
+ <div
3091
+ class="pf-v6-c-data-list__expandable-content-body pf-m-no-padding"
3092
+ ></div>
3093
+ </section>
3094
+ </li>
3095
+ </ul>
3096
+ <div class="pf-v6-c-pagination pf-m-bottom">
3097
+ <div class="pf-v6-c-pagination__page-menu">
3098
+ <button
3099
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
3100
+ type="button"
3101
+ aria-expanded="false"
3102
+ aria-label="Menu toggle"
3103
+ id="{{page--id}}-pagination-menu-toggle-bottom-example"
3104
+ >
3105
+ <span class="pf-v6-c-menu-toggle__text">
3106
+ <b>1 - 10</b>&nbsp;of&nbsp;
3107
+ <b>36</b>
3108
+ </span>
3109
+ <span class="pf-v6-c-menu-toggle__controls">
3110
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
3111
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
3112
+ </span>
3113
+ </span>
3114
+ </button>
3115
+ </div>
3116
+ <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
3117
+ <div class="pf-v6-c-pagination__nav-control pf-m-first">
3118
+ <button
3119
+ class="pf-v6-c-button pf-m-plain"
3120
+ type="button"
3121
+ disabled
3122
+ aria-label="Go to first page"
3123
+ >
3124
+ <span class="pf-v6-c-button__icon">
3125
+ <i class="fas fa-angle-double-left" aria-hidden="true"></i>
3126
+ </span>
3127
+ </button>
3128
+ </div>
3129
+ <div class="pf-v6-c-pagination__nav-control pf-m-prev">
3130
+ <button
3131
+ class="pf-v6-c-button pf-m-plain"
3132
+ type="button"
3133
+ disabled
3134
+ aria-label="Go to previous page"
3135
+ >
3136
+ <span class="pf-v6-c-button__icon">
3137
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
3138
+ </span>
3139
+ </button>
3140
+ </div>
3141
+ <div class="pf-v6-c-pagination__nav-page-select">
3142
+ <span class="pf-v6-c-form-control">
3143
+ <input
3144
+ aria-label="Current page"
3145
+ type="number"
3146
+ min="1"
3147
+ max="4"
3148
+ value="1"
3149
+ />
3150
+ </span>
3151
+ <span aria-hidden="true">of 4</span>
3152
+ </div>
3153
+ <div class="pf-v6-c-pagination__nav-control pf-m-next">
3154
+ <button
3155
+ class="pf-v6-c-button pf-m-plain"
3156
+ type="button"
3157
+ aria-label="Go to next page"
3158
+ >
3159
+ <span class="pf-v6-c-button__icon">
3160
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
3161
+ </span>
3162
+ </button>
3163
+ </div>
3164
+ <div class="pf-v6-c-pagination__nav-control pf-m-last">
3165
+ <button
3166
+ class="pf-v6-c-button pf-m-plain"
3167
+ type="button"
3168
+ disabled
3169
+ aria-label="Go to last page"
3170
+ >
3171
+ <span class="pf-v6-c-button__icon">
3172
+ <i class="fas fa-angle-double-right" aria-hidden="true"></i>
3173
+ </span>
3174
+ </button>
3175
+ </div>
3176
+ </nav>
3177
+ </div>
3178
+ </div>
3179
+ </section>
3180
+ </main>
3181
+ </div>
3182
+ </div>
3183
+
3184
+ ```
3185
+
3186
+ ### Static bottom pagination
3187
+
3188
+ ```html isFullscreen
3189
+ <div class="pf-v6-c-page" id="data-list-static-bottom-example">
3190
+ <div class="pf-v6-c-skip-to-content">
3191
+ <a
3192
+ class="pf-v6-c-button pf-m-primary"
3193
+ href="#main-content-data-list-static-bottom-example"
3194
+ >
3195
+ <span class="pf-v6-c-button__text">Skip to content</span>
3196
+ </a>
3197
+ </div>
3198
+ <header
3199
+ class="pf-v6-c-masthead"
3200
+ id="data-list-static-bottom-example-masthead"
3201
+ >
3202
+ <div class="pf-v6-c-masthead__main">
3203
+ <span class="pf-v6-c-masthead__toggle">
3204
+ <button
3205
+ class="pf-v6-c-button pf-m-plain"
3206
+ type="button"
3207
+ aria-label="Global navigation"
3208
+ >
3209
+ <span class="pf-v6-c-button__icon">
3210
+ <i class="fas fa-bars" aria-hidden="true"></i>
3211
+ </span>
3212
+ </button>
3213
+ </span>
3214
+ <div class="pf-v6-c-masthead__brand">
3215
+ <a class="pf-v6-c-masthead__logo" href="#">
3216
+ <svg height="37px" viewBox="0 0 679 158">
3217
+ <title>PF-HorizontalLogo-Color</title>
3218
+ <defs>
3219
+ <linearGradient
3220
+ x1="68%"
3221
+ y1="2.25860997e-13%"
3222
+ x2="32%"
3223
+ y2="100%"
3224
+ id="linearGradient-data-list-static-bottom-example-masthead"
3225
+ >
3226
+ <stop stop-color="#2B9AF3" offset="0%" />
3227
+ <stop
3228
+ stop-color="#73BCF7"
3229
+ stop-opacity="0.502212631"
3230
+ offset="100%"
3231
+ />
3232
+ </linearGradient>
3233
+ </defs>
3234
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
3235
+ <g
3236
+ transform="translate(206.000000, 45.750000)"
3237
+ fill="var(--pf-t--global--text--color--regular)"
3238
+ fill-rule="nonzero"
3239
+ >
3240
+ <path
3241
+ 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"
3242
+ />
3243
+ <path
3244
+ 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"
3245
+ />
3246
+ <path
3247
+ 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"
3248
+ />
3249
+ <path
3250
+ 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"
3251
+ />
3252
+ <path
3253
+ 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"
3254
+ />
3255
+ <path
3256
+ 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"
3257
+ />
3258
+ <path
3259
+ 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"
3260
+ />
3261
+ <polygon
3262
+ 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"
3263
+ />
3264
+ <polygon
3265
+ points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
3266
+ />
3267
+ <path
3268
+ 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"
3269
+ />
3270
+ </g>
3271
+ <g transform="translate(0.000000, 0.000000)">
3272
+ <path
3273
+ 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"
3274
+ fill="#0066CC"
3275
+ />
3276
+ <path
3277
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
3278
+ fill="url(#linearGradient-data-list-static-bottom-example-masthead)"
3279
+ />
3280
+ <path
3281
+ 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"
3282
+ fill="url(#linearGradient-data-list-static-bottom-example-masthead)"
3283
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
3284
+ />
3285
+ </g>
3286
+ </g>
3287
+ </svg>
3288
+ </a>
3289
+ </div>
3290
+ </div>
3291
+ <div class="pf-v6-c-masthead__content">
3292
+ <div
3293
+ class="pf-v6-c-toolbar pf-m-static"
3294
+ id="data-list-static-bottom-example-masthead-toolbar"
3295
+ >
3296
+ <div class="pf-v6-c-toolbar__content">
3297
+ <div class="pf-v6-c-toolbar__content-section">
3298
+ <div
3299
+ 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"
3300
+ >
3301
+ <div
3302
+ class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
3303
+ >
3304
+ <div class="pf-v6-c-toolbar__item">
3305
+ <button
3306
+ class="pf-v6-c-menu-toggle pf-m-plain"
3307
+ type="button"
3308
+ aria-expanded="false"
3309
+ aria-label="Application launcher"
3310
+ >
3311
+ <span class="pf-v6-c-menu-toggle__icon">
3312
+ <i class="fas fa-th" aria-hidden="true"></i>
3313
+ </span>
3314
+ </button>
3315
+ </div>
3316
+ <div class="pf-v6-c-toolbar__item">
3317
+ <button
3318
+ class="pf-v6-c-menu-toggle pf-m-plain"
3319
+ type="button"
3320
+ aria-expanded="false"
3321
+ aria-label="Settings"
3322
+ >
3323
+ <span class="pf-v6-c-menu-toggle__icon">
3324
+ <i class="fas fa-cog" aria-hidden="true"></i>
3325
+ </span>
3326
+ </button>
3327
+ </div>
3328
+ <div class="pf-v6-c-toolbar__item">
3329
+ <button
3330
+ class="pf-v6-c-menu-toggle pf-m-plain"
3331
+ type="button"
3332
+ aria-expanded="false"
3333
+ aria-label="Help"
3334
+ >
3335
+ <span class="pf-v6-c-menu-toggle__icon">
3336
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
3337
+ </span>
3338
+ </button>
3339
+ </div>
3340
+ </div>
3341
+
3342
+ <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
3343
+ <button
3344
+ class="pf-v6-c-menu-toggle pf-m-plain"
3345
+ type="button"
3346
+ aria-expanded="false"
3347
+ aria-label="Actions"
3348
+ >
3349
+ <span class="pf-v6-c-menu-toggle__icon">
3350
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3351
+ </span>
3352
+ </button>
3353
+ </div>
3354
+ </div>
3355
+ </div>
3356
+ </div>
3357
+ </div>
3358
+ </div>
3359
+ </header>
3360
+ <div class="pf-v6-c-page__sidebar">
3361
+ <div class="pf-v6-c-page__sidebar-body">
3362
+ <nav
3363
+ class="pf-v6-c-nav"
3364
+ id="data-list-static-bottom-example-primary-nav"
3365
+ aria-label="Global"
3366
+ >
3367
+ <ul class="pf-v6-c-nav__list" role="list">
3368
+ <li class="pf-v6-c-nav__item">
3369
+ <a href="#" class="pf-v6-c-nav__link">
3370
+ <span class="pf-v6-c-nav__link-text">System panel</span>
3371
+ </a>
3372
+ </li>
3373
+ <li class="pf-v6-c-nav__item">
3374
+ <a
3375
+ href="#"
3376
+ class="pf-v6-c-nav__link pf-m-current"
3377
+ aria-current="page"
3378
+ >
3379
+ <span class="pf-v6-c-nav__link-text">Policy</span>
3380
+ </a>
3381
+ </li>
3382
+ <li class="pf-v6-c-nav__item">
3383
+ <a href="#" class="pf-v6-c-nav__link">
3384
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
3385
+ </a>
3386
+ </li>
3387
+ <li class="pf-v6-c-nav__item">
3388
+ <a href="#" class="pf-v6-c-nav__link">
3389
+ <span class="pf-v6-c-nav__link-text">Network services</span>
3390
+ </a>
3391
+ </li>
3392
+ <li class="pf-v6-c-nav__item">
3393
+ <a href="#" class="pf-v6-c-nav__link">
3394
+ <span class="pf-v6-c-nav__link-text">Server</span>
3395
+ </a>
3396
+ </li>
3397
+ </ul>
3398
+ </nav>
3399
+ </div>
3400
+ </div>
3401
+ <div class="pf-v6-c-page__main-container" tabindex="-1">
3402
+ <main
3403
+ class="pf-v6-c-page__main"
3404
+ tabindex="-1"
3405
+ id="main-content-data-list-static-bottom-example"
3406
+ >
3407
+ <section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
3408
+ <div class="pf-v6-c-page__main-body">
3409
+ <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
3410
+ <ol class="pf-v6-c-breadcrumb__list" role="list">
3411
+ <li class="pf-v6-c-breadcrumb__item">
3412
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
3413
+ </li>
3414
+ <li class="pf-v6-c-breadcrumb__item">
3415
+ <span class="pf-v6-c-breadcrumb__item-divider">
3416
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
3417
+ </span>
3418
+
3419
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
3420
+ </li>
3421
+ <li class="pf-v6-c-breadcrumb__item">
3422
+ <span class="pf-v6-c-breadcrumb__item-divider">
3423
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
3424
+ </span>
3425
+
3426
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
3427
+ </li>
3428
+ <li class="pf-v6-c-breadcrumb__item">
3429
+ <span class="pf-v6-c-breadcrumb__item-divider">
3430
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
3431
+ </span>
3432
+
3433
+ <a
3434
+ href="#"
3435
+ class="pf-v6-c-breadcrumb__link pf-m-current"
3436
+ aria-current="page"
3437
+ >Section landing</a>
3438
+ </li>
3439
+ </ol>
3440
+ </nav>
3441
+ </div>
3442
+ </section>
3443
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
3444
+ <div class="pf-v6-c-page__main-body">
3445
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
3446
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
3447
+ </div>
3448
+ </section>
3449
+ <section class="pf-v6-c-page__main-section">
3450
+ <div class="pf-v6-c-page__main-body">
3451
+ <div
3452
+ class="pf-v6-c-toolbar"
3453
+ id="data-list-static-bottom-example-toolbar"
3454
+ >
3455
+ <div class="pf-v6-c-toolbar__content">
3456
+ <div class="pf-v6-c-toolbar__content-section pf-m-nowrap">
3457
+ <div
3458
+ class="pf-v6-c-toolbar__group pf-m-show-on-xl pf-m-toggle-group"
3459
+ >
3460
+ <div class="pf-v6-c-toolbar__toggle">
3461
+ <button
3462
+ class="pf-v6-c-menu-toggle pf-m-plain"
3463
+ type="button"
3464
+ aria-expanded="false"
3465
+ aria-label="Show filters"
3466
+ aria-controls="data-list-static-bottom-example-toolbar-expandable-content"
3467
+ >
3468
+ <span class="pf-v6-c-menu-toggle__icon">
3469
+ <i class="fas fa-filter" aria-hidden="true"></i>
3470
+ </span>
3471
+ </button>
3472
+ </div>
3473
+
3474
+ <div class="pf-v6-c-toolbar__item pf-m-search-filter">
3475
+ <div
3476
+ class="pf-v6-c-input-group"
3477
+ aria-label="search filter"
3478
+ role="group"
3479
+ >
3480
+ <div class="pf-v6-c-input-group__item">
3481
+ <button
3482
+ class="pf-v6-c-menu-toggle"
3483
+ type="button"
3484
+ aria-expanded="false"
3485
+ id="data-list-static-bottom-example-toolbar-search-filter-menu"
3486
+ >
3487
+ <span class="pf-v6-c-menu-toggle__icon">
3488
+ <i class="fas fa-filter" aria-hidden="true"></i>
3489
+ </span>
3490
+ <span class="pf-v6-c-menu-toggle__text">Name</span>
3491
+ <span class="pf-v6-c-menu-toggle__controls">
3492
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
3493
+ <i
3494
+ class="fas fa-caret-down fa-fw"
3495
+ aria-hidden="true"
3496
+ ></i>
3497
+ </span>
3498
+ </span>
3499
+ </button>
3500
+ </div>
3501
+ <div class="pf-v6-c-input-group__item pf-m-fill">
3502
+ <div class="pf-v6-c-text-input-group">
3503
+ <div class="pf-v6-c-text-input-group__main pf-m-icon">
3504
+ <span class="pf-v6-c-text-input-group__text">
3505
+ <span class="pf-v6-c-text-input-group__icon">
3506
+ <i class="fas fa-fw fa-search"></i>
3507
+ </span>
3508
+ <input
3509
+ class="pf-v6-c-text-input-group__text-input"
3510
+ type="text"
3511
+ placeholder="Filter by name"
3512
+ value
3513
+ aria-label="Search input"
3514
+ />
3515
+ </span>
3516
+ </div>
3517
+ </div>
3518
+ </div>
3519
+ </div>
3520
+ </div>
3521
+ </div>
3522
+
3523
+ <div
3524
+ class="pf-v6-c-overflow-menu"
3525
+ id="data-list-static-bottom-example-toolbar-overflow-menu"
3526
+ >
3527
+ <div
3528
+ class="pf-v6-c-overflow-menu__content pf-v6-u-display-none pf-v6-u-display-flex-on-lg"
3529
+ >
3530
+ <div class="pf-v6-c-overflow-menu__group pf-m-button-group">
3531
+ <div class="pf-v6-c-overflow-menu__item">
3532
+ <button
3533
+ class="pf-v6-c-button pf-m-primary"
3534
+ type="button"
3535
+ >
3536
+ <span class="pf-v6-c-button__text">Create instance</span>
3537
+ </button>
3538
+ </div>
3539
+
3540
+ <div class="pf-v6-c-overflow-menu__item">
3541
+ <button
3542
+ class="pf-v6-c-button pf-m-secondary"
3543
+ type="button"
3544
+ >
3545
+ <span class="pf-v6-c-button__text">Action</span>
3546
+ </button>
3547
+ </div>
3548
+ </div>
3549
+ </div>
3550
+ <div class="pf-v6-c-overflow-menu__control">
3551
+ <button
3552
+ class="pf-v6-c-menu-toggle pf-m-plain"
3553
+ type="button"
3554
+ aria-expanded="false"
3555
+ aria-label="Menu toggle"
3556
+ id="data-list-static-bottom-example-toolbar-overflow-menu-toggle"
3557
+ >
3558
+ <span class="pf-v6-c-menu-toggle__icon">
3559
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3560
+ </span>
3561
+ </button>
3562
+ </div>
3563
+ </div>
3564
+
3565
+ <div class="pf-v6-c-toolbar__item pf-m-pagination">
3566
+ <div class="pf-v6-c-pagination pf-m-compact">
3567
+ <div class="pf-v6-c-pagination__page-menu">
3568
+ <button
3569
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
3570
+ type="button"
3571
+ aria-expanded="false"
3572
+ aria-label="Menu toggle"
3573
+ id="data-list-static-bottom-example-toolbar-top-pagination"
3574
+ >
3575
+ <span class="pf-v6-c-menu-toggle__text">
3576
+ <b>1 - 10</b>&nbsp;of&nbsp;
3577
+ <b>36</b>
3578
+ </span>
3579
+ <span class="pf-v6-c-menu-toggle__controls">
3580
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
3581
+ <i
3582
+ class="fas fa-caret-down fa-fw"
3583
+ aria-hidden="true"
3584
+ ></i>
3585
+ </span>
3586
+ </span>
3587
+ </button>
3588
+ </div>
3589
+ <nav
3590
+ class="pf-v6-c-pagination__nav"
3591
+ aria-label="Toolbar top pagination"
3592
+ >
3593
+ <div class="pf-v6-c-pagination__nav-control pf-m-prev">
3594
+ <button
3595
+ class="pf-v6-c-button pf-m-plain"
3596
+ type="button"
3597
+ disabled
3598
+ aria-label="Go to previous page"
3599
+ >
3600
+ <span class="pf-v6-c-button__icon">
3601
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
3602
+ </span>
3603
+ </button>
3604
+ </div>
3605
+ <div class="pf-v6-c-pagination__nav-control pf-m-next">
3606
+ <button
3607
+ class="pf-v6-c-button pf-m-plain"
3608
+ type="button"
3609
+ aria-label="Go to next page"
3610
+ >
3611
+ <span class="pf-v6-c-button__icon">
3612
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
3613
+ </span>
3614
+ </button>
3615
+ </div>
3616
+ </nav>
3617
+ </div>
3618
+ </div>
3619
+ </div>
3620
+
3621
+ <div
3622
+ class="pf-v6-c-toolbar__expandable-content pf-m-hidden"
3623
+ id="data-list-static-bottom-example-toolbar-expandable-content"
3624
+ hidden
3625
+ ></div>
3626
+ </div>
3627
+ </div>
3628
+ <ul
3629
+ class="pf-v6-c-data-list"
3630
+ role="list"
3631
+ aria-label="Simple data list example"
3632
+ id="data-list-static-bottom-example-data-list"
3633
+ >
3634
+ <li
3635
+ class="pf-v6-c-data-list__item"
3636
+ aria-labelledby="data-list-static-bottom-example-data-list-item-1"
3637
+ >
3638
+ <div class="pf-v6-c-data-list__item-row">
3639
+ <div class="pf-v6-c-data-list__item-content">
3640
+ <div class="pf-v6-c-data-list__cell pf-m-align-left">
3641
+ <div class="pf-v6-l-flex pf-m-column pf-m-space-items-md">
3642
+ <div
3643
+ class="pf-v6-l-flex pf-m-column pf-m-space-items-none"
3644
+ >
3645
+ <div class="pf-v6-l-flex__item">
3646
+ <p
3647
+ id="data-list-static-bottom-example-data-list-item-1"
3648
+ >patternfly</p>
3649
+ </div>
3650
+ <div class="pf-v6-l-flex__item">
3651
+ <small>
3652
+ Working repo for PatternFly 4
3653
+ <a href>https://pf4.patternfly.org/</a>
3654
+ </small>
3655
+ </div>
3656
+ </div>
3657
+ <div class="pf-v6-l-flex pf-m-wrap">
3658
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
3659
+ <div class="pf-v6-l-flex__item">
3660
+ <i class="fas fa-code-branch" aria-hidden="true"></i>
3661
+ </div>
3662
+ <div class="pf-v6-l-flex__item">
3663
+ <span>10</span>
3664
+ </div>
3665
+ </div>
3666
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
3667
+ <div class="pf-v6-l-flex__item">
3668
+ <i class="fas fa-code" aria-hidden="true"></i>
3669
+ </div>
3670
+ <div class="pf-v6-l-flex__item">
3671
+ <span>4</span>
3672
+ </div>
3673
+ </div>
3674
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
3675
+ <div class="pf-v6-l-flex__item">
3676
+ <i class="fas fa-cube" aria-hidden="true"></i>
3677
+ </div>
3678
+ <div class="pf-v6-l-flex__item">
3679
+ <span>5</span>
3680
+ </div>
3681
+ </div>
3682
+ <div class="pf-v6-l-flex__item">Updated 2 days ago</div>
3683
+ </div>
3684
+ </div>
3685
+ </div>
3686
+ <div
3687
+ class="pf-v6-c-data-list__cell pf-m-align-right pf-m-no-fill"
3688
+ >
3689
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
3690
+ <span class="pf-v6-c-button__text">Action</span>
3691
+ </button>
3692
+ <button class="pf-v6-c-button pf-m-link" type="button">
3693
+ <span class="pf-v6-c-button__text">Link</span>
3694
+ </button>
3695
+ </div>
3696
+ </div>
3697
+ </div>
3698
+ </li>
3699
+
3700
+ <li
3701
+ class="pf-v6-c-data-list__item"
3702
+ aria-labelledby="data-list-static-bottom-example-data-list-item-2"
3703
+ >
3704
+ <div class="pf-v6-c-data-list__item-row">
3705
+ <div class="pf-v6-c-data-list__item-content">
3706
+ <div class="pf-v6-c-data-list__cell pf-m-align-left">
3707
+ <div class="pf-v6-l-flex pf-m-column pf-m-space-items-md">
3708
+ <div
3709
+ class="pf-v6-l-flex pf-m-column pf-m-space-items-none"
3710
+ >
3711
+ <div class="pf-v6-l-flex__item">
3712
+ <p
3713
+ id="data-list-static-bottom-example-data-list-item-2"
3714
+ >patternfly-elements</p>
3715
+ </div>
3716
+ <div class="pf-v6-l-flex__item">
3717
+ <small>PatternFly elements</small>
3718
+ </div>
3719
+ </div>
3720
+ <div class="pf-v6-l-flex pf-m-wrap">
3721
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
3722
+ <div class="pf-v6-l-flex__item">
3723
+ <i class="fas fa-code-branch" aria-hidden="true"></i>
3724
+ </div>
3725
+ <div class="pf-v6-l-flex__item">
3726
+ <span>5</span>
3727
+ </div>
3728
+ </div>
3729
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
3730
+ <div class="pf-v6-l-flex__item">
3731
+ <i class="fas fa-code" aria-hidden="true"></i>
3732
+ </div>
3733
+ <div class="pf-v6-l-flex__item">
3734
+ <span>9</span>
3735
+ </div>
3736
+ </div>
3737
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
3738
+ <div class="pf-v6-l-flex__item">
3739
+ <i class="fas fa-cube" aria-hidden="true"></i>
3740
+ </div>
3741
+ <div class="pf-v6-l-flex__item">
3742
+ <span>2</span>
3743
+ </div>
3744
+ </div>
3745
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
3746
+ <div class="pf-v6-l-flex__item">
3747
+ <i class="fas fa-check-circle" aria-hidden="true"></i>
3748
+ </div>
3749
+ <div class="pf-v6-l-flex__item">
3750
+ <span>11</span>
3751
+ </div>
3752
+ </div>
3753
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
3754
+ <div class="pf-v6-l-flex__item">
3755
+ <i
3756
+ class="fas fa-exclamation-triangle"
3757
+ aria-hidden="true"
3758
+ ></i>
3759
+ </div>
3760
+ <div class="pf-v6-l-flex__item">
3761
+ <span>4</span>
3762
+ </div>
3763
+ </div>
3764
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
3765
+ <div class="pf-v6-l-flex__item">
3766
+ <i class="fas fa-times-circle" aria-hidden="true"></i>
3767
+ </div>
3768
+ <div class="pf-v6-l-flex__item">
3769
+ <span>1</span>
3770
+ </div>
3771
+ </div>
3772
+ <div class="pf-v6-l-flex__item">Updated 2 days ago</div>
3773
+ </div>
3774
+ </div>
3775
+ </div>
3776
+ <div
3777
+ class="pf-v6-c-data-list__cell pf-m-align-right pf-m-no-fill"
3778
+ >
3779
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
3780
+ <span class="pf-v6-c-button__text">Action</span>
3781
+ </button>
3782
+ <button class="pf-v6-c-button pf-m-link" type="button">
3783
+ <span class="pf-v6-c-button__text">Link</span>
3784
+ </button>
3785
+ </div>
3786
+ </div>
3787
+ </div>
3788
+ </li>
3789
+
3790
+ <li
3791
+ class="pf-v6-c-data-list__item"
3792
+ aria-labelledby="data-list-static-bottom-example-data-list-item-3"
3793
+ >
3794
+ <div class="pf-v6-c-data-list__item-row">
3795
+ <div class="pf-v6-c-data-list__item-content">
3796
+ <div class="pf-v6-c-data-list__cell pf-m-align-left">
3797
+ <p
3798
+ id="data-list-static-bottom-example-data-list-item-3"
3799
+ >patternfly-unified-design-kit</p>
3800
+ </div>
3801
+ <div
3802
+ class="pf-v6-c-data-list__cell pf-m-align-right pf-m-no-fill"
3803
+ >
3804
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
3805
+ <span class="pf-v6-c-button__text">Action</span>
3806
+ </button>
3807
+ <button class="pf-v6-c-button pf-m-link" type="button">
3808
+ <span class="pf-v6-c-button__text">Link</span>
3809
+ </button>
3810
+ </div>
3811
+ </div>
3812
+ </div>
3813
+ </li>
3814
+
3815
+ <li
3816
+ class="pf-v6-c-data-list__item"
3817
+ aria-labelledby="data-list-static-bottom-example-data-list-item-4"
3818
+ >
3819
+ <div class="pf-v6-c-data-list__item-row">
3820
+ <div class="pf-v6-c-data-list__item-content">
3821
+ <div class="pf-v6-c-data-list__cell pf-m-align-left">
3822
+ <div class="pf-v6-l-flex pf-m-column pf-m-space-items-md">
3823
+ <div
3824
+ class="pf-v6-l-flex pf-m-column pf-m-space-items-none"
3825
+ >
3826
+ <div class="pf-v6-l-flex__item">
3827
+ <p
3828
+ id="data-list-static-bottom-example-data-list-item-4"
3829
+ >patternfly</p>
3830
+ </div>
3831
+ <div class="pf-v6-l-flex__item">
3832
+ <small>
3833
+ Working repo for PatternFly 4
3834
+ <a href>https://pf4.patternfly.org/</a>
3835
+ </small>
3836
+ </div>
3837
+ </div>
3838
+ <div class="pf-v6-l-flex pf-m-wrap">
3839
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
3840
+ <div class="pf-v6-l-flex__item">
3841
+ <i class="fas fa-code-branch" aria-hidden="true"></i>
3842
+ </div>
3843
+ <div class="pf-v6-l-flex__item">
3844
+ <span>10</span>
3845
+ </div>
3846
+ </div>
3847
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
3848
+ <div class="pf-v6-l-flex__item">
3849
+ <i class="fas fa-code" aria-hidden="true"></i>
3850
+ </div>
3851
+ <div class="pf-v6-l-flex__item">
3852
+ <span>4</span>
3853
+ </div>
3854
+ </div>
3855
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
3856
+ <div class="pf-v6-l-flex__item">
3857
+ <i class="fas fa-cube" aria-hidden="true"></i>
3858
+ </div>
3859
+ <div class="pf-v6-l-flex__item">
3860
+ <span>5</span>
3861
+ </div>
3862
+ </div>
3863
+ <div class="pf-v6-l-flex__item">Updated 2 days ago</div>
3864
+ </div>
3865
+ </div>
3866
+ </div>
3867
+ <div
3868
+ class="pf-v6-c-data-list__cell pf-m-align-right pf-m-no-fill"
3869
+ >
3870
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
3871
+ <span class="pf-v6-c-button__text">Action</span>
3872
+ </button>
3873
+ <button class="pf-v6-c-button pf-m-link" type="button">
3874
+ <span class="pf-v6-c-button__text">Link</span>
3875
+ </button>
3876
+ </div>
3877
+ </div>
3878
+ </div>
3879
+ </li>
3880
+
3881
+ <li
3882
+ class="pf-v6-c-data-list__item"
3883
+ aria-labelledby="data-list-static-bottom-example-data-list-item-5"
3884
+ >
3885
+ <div class="pf-v6-c-data-list__item-row">
3886
+ <div class="pf-v6-c-data-list__item-content">
3887
+ <div class="pf-v6-c-data-list__cell pf-m-align-left">
3888
+ <div class="pf-v6-l-flex pf-m-column pf-m-space-items-md">
3889
+ <div
3890
+ class="pf-v6-l-flex pf-m-column pf-m-space-items-none"
3891
+ >
3892
+ <div class="pf-v6-l-flex__item">
3893
+ <p
3894
+ id="data-list-static-bottom-example-data-list-item-5"
3895
+ >patternfly-elements</p>
3896
+ </div>
3897
+ <div class="pf-v6-l-flex__item">
3898
+ <small>PatternFly elements</small>
3899
+ </div>
3900
+ </div>
3901
+ <div class="pf-v6-l-flex pf-m-wrap">
3902
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
3903
+ <div class="pf-v6-l-flex__item">
3904
+ <i class="fas fa-code-branch" aria-hidden="true"></i>
3905
+ </div>
3906
+ <div class="pf-v6-l-flex__item">
3907
+ <span>5</span>
3908
+ </div>
3909
+ </div>
3910
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
3911
+ <div class="pf-v6-l-flex__item">
3912
+ <i class="fas fa-code" aria-hidden="true"></i>
3913
+ </div>
3914
+ <div class="pf-v6-l-flex__item">
3915
+ <span>9</span>
3916
+ </div>
3917
+ </div>
3918
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
3919
+ <div class="pf-v6-l-flex__item">
3920
+ <i class="fas fa-cube" aria-hidden="true"></i>
3921
+ </div>
3922
+ <div class="pf-v6-l-flex__item">
3923
+ <span>2</span>
3924
+ </div>
3925
+ </div>
3926
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
3927
+ <div class="pf-v6-l-flex__item">
3928
+ <i class="fas fa-check-circle" aria-hidden="true"></i>
3929
+ </div>
3930
+ <div class="pf-v6-l-flex__item">
3931
+ <span>11</span>
3932
+ </div>
3933
+ </div>
3934
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
3935
+ <div class="pf-v6-l-flex__item">
3936
+ <i
3937
+ class="fas fa-exclamation-triangle"
3938
+ aria-hidden="true"
3939
+ ></i>
3940
+ </div>
3941
+ <div class="pf-v6-l-flex__item">
3942
+ <span>4</span>
3943
+ </div>
3944
+ </div>
3945
+ <div class="pf-v6-l-flex pf-m-space-items-xs">
3946
+ <div class="pf-v6-l-flex__item">
3947
+ <i class="fas fa-times-circle" aria-hidden="true"></i>
3948
+ </div>
3949
+ <div class="pf-v6-l-flex__item">
3950
+ <span>1</span>
3951
+ </div>
3952
+ </div>
3953
+ <div class="pf-v6-l-flex__item">Updated 2 days ago</div>
3954
+ </div>
3955
+ </div>
3956
+ </div>
3957
+ <div
3958
+ class="pf-v6-c-data-list__cell pf-m-align-right pf-m-no-fill"
3959
+ >
3960
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
3961
+ <span class="pf-v6-c-button__text">Action</span>
3962
+ </button>
3963
+ <button class="pf-v6-c-button pf-m-link" type="button">
3964
+ <span class="pf-v6-c-button__text">Link</span>
3965
+ </button>
3966
+ </div>
3967
+ </div>
3968
+ </div>
3969
+ </li>
3970
+ </ul>
3971
+ <div class="pf-v6-c-pagination pf-m-bottom pf-m-static">
3972
+ <div class="pf-v6-c-pagination__page-menu">
3973
+ <button
3974
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
3975
+ type="button"
3976
+ aria-expanded="false"
3977
+ aria-label="Menu toggle"
3978
+ id="{{page--id}}pagination-menu-toggle-bottom-example-static"
3979
+ >
3980
+ <span class="pf-v6-c-menu-toggle__text">
3981
+ <b>1 - 10</b>&nbsp;of&nbsp;
3982
+ <b>36</b>
3983
+ </span>
3984
+ <span class="pf-v6-c-menu-toggle__controls">
3985
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
3986
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
3987
+ </span>
3988
+ </span>
3989
+ </button>
3990
+ </div>
3991
+ <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
3992
+ <div class="pf-v6-c-pagination__nav-control pf-m-first">
3993
+ <button
3994
+ class="pf-v6-c-button pf-m-plain"
3995
+ type="button"
3996
+ disabled
3997
+ aria-label="Go to first page"
3998
+ >
3999
+ <span class="pf-v6-c-button__icon">
4000
+ <i class="fas fa-angle-double-left" aria-hidden="true"></i>
4001
+ </span>
4002
+ </button>
4003
+ </div>
4004
+ <div class="pf-v6-c-pagination__nav-control pf-m-prev">
4005
+ <button
4006
+ class="pf-v6-c-button pf-m-plain"
4007
+ type="button"
4008
+ disabled
4009
+ aria-label="Go to previous page"
4010
+ >
4011
+ <span class="pf-v6-c-button__icon">
4012
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
4013
+ </span>
4014
+ </button>
4015
+ </div>
4016
+ <div class="pf-v6-c-pagination__nav-page-select">
4017
+ <span class="pf-v6-c-form-control">
4018
+ <input
4019
+ aria-label="Current page"
4020
+ type="number"
4021
+ min="1"
4022
+ max="4"
4023
+ value="1"
4024
+ />
4025
+ </span>
4026
+ <span aria-hidden="true">of 4</span>
4027
+ </div>
4028
+ <div class="pf-v6-c-pagination__nav-control pf-m-next">
4029
+ <button
4030
+ class="pf-v6-c-button pf-m-plain"
4031
+ type="button"
4032
+ aria-label="Go to next page"
4033
+ >
4034
+ <span class="pf-v6-c-button__icon">
4035
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
4036
+ </span>
4037
+ </button>
4038
+ </div>
4039
+ <div class="pf-v6-c-pagination__nav-control pf-m-last">
4040
+ <button
4041
+ class="pf-v6-c-button pf-m-plain"
4042
+ type="button"
4043
+ disabled
4044
+ aria-label="Go to last page"
4045
+ >
4046
+ <span class="pf-v6-c-button__icon">
4047
+ <i class="fas fa-angle-double-right" aria-hidden="true"></i>
4048
+ </span>
4049
+ </button>
4050
+ </div>
4051
+ </nav>
4052
+ </div>
4053
+ </div>
4054
+ </section>
4055
+ </main>
4056
+ </div>
4057
+ </div>
4058
+
4059
+ ```