@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/wizard/html ADDED
@@ -0,0 +1,2867 @@
1
+ import './Wizard.css'
2
+
3
+ ## Examples
4
+
5
+ ### Basic
6
+
7
+ ```html isFullscreen
8
+ <div class="pf-v6-c-wizard">
9
+ <div class="pf-v6-c-wizard__header">
10
+ <div class="pf-v6-c-wizard__close">
11
+ <button
12
+ class="pf-v6-c-button pf-m-plain"
13
+ type="button"
14
+ aria-label="Close"
15
+ >
16
+ <span class="pf-v6-c-button__icon">
17
+ <i class="fas fa-times" aria-hidden="true"></i>
18
+ </span>
19
+ </button>
20
+ </div>
21
+ <div class="pf-v6-c-wizard__title">
22
+ <h1 class="pf-v6-c-wizard__title-text">Wizard title</h1>
23
+ </div>
24
+ <div class="pf-v6-c-wizard__description">Here is where the description goes</div>
25
+ </div>
26
+ <button
27
+ aria-label="Wizard Header Toggle"
28
+ class="pf-v6-c-wizard__toggle"
29
+ aria-expanded="false"
30
+ >
31
+ <span class="pf-v6-c-wizard__toggle-list">
32
+ <span class="pf-v6-c-wizard__toggle-list-item">
33
+ <span class="pf-v6-c-wizard__toggle-num">2</span>
34
+ Configuration
35
+ <i
36
+ class="fas fa-angle-right pf-v6-c-wizard__toggle-separator"
37
+ aria-hidden="true"
38
+ ></i>
39
+ </span>
40
+ <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
41
+ </span>
42
+ <span class="pf-v6-c-wizard__toggle-icon">
43
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
44
+ </span>
45
+ </button>
46
+ <div class="pf-v6-c-wizard__outer-wrap">
47
+ <div class="pf-v6-c-wizard__inner-wrap">
48
+ <nav class="pf-v6-c-wizard__nav" aria-label="Steps">
49
+ <ol class="pf-v6-c-wizard__nav-list" role="list">
50
+ <li class="pf-v6-c-wizard__nav-item">
51
+ <button class="pf-v6-c-wizard__nav-link" type="button">
52
+ <span class="pf-v6-c-wizard__nav-link-main">
53
+ <span class="pf-v6-c-wizard__nav-link-text">Information</span>
54
+ </span>
55
+ </button>
56
+ </li>
57
+ <li class="pf-v6-c-wizard__nav-item pf-m-expandable pf-m-expanded">
58
+ <button
59
+ class="pf-v6-c-wizard__nav-link pf-m-current"
60
+ type="button"
61
+ aria-expanded="true"
62
+ >
63
+ <span class="pf-v6-c-wizard__nav-link-main">
64
+ <span class="pf-v6-c-wizard__nav-link-text">Configuration</span>
65
+ <span class="pf-v6-c-wizard__nav-link-toggle">
66
+ <span class="pf-v6-c-wizard__nav-link-toggle-icon">
67
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
68
+ </span>
69
+ </span>
70
+ </span>
71
+ </button>
72
+ <ol class="pf-v6-c-wizard__nav-list" role="list">
73
+ <li class="pf-v6-c-wizard__nav-item">
74
+ <button class="pf-v6-c-wizard__nav-link" type="button">
75
+ <span class="pf-v6-c-wizard__nav-link-main">
76
+ <span class="pf-v6-c-wizard__nav-link-text">Substep A</span>
77
+ </span>
78
+ </button>
79
+ </li>
80
+ <li class="pf-v6-c-wizard__nav-item">
81
+ <button
82
+ class="pf-v6-c-wizard__nav-link pf-m-current"
83
+ type="button"
84
+ aria-current="page"
85
+ >
86
+ <span class="pf-v6-c-wizard__nav-link-main">
87
+ <span class="pf-v6-c-wizard__nav-link-text">Substep B</span>
88
+ </span>
89
+ </button>
90
+ </li>
91
+ <li class="pf-v6-c-wizard__nav-item">
92
+ <button class="pf-v6-c-wizard__nav-link" type="button">
93
+ <span class="pf-v6-c-wizard__nav-link-main">
94
+ <span class="pf-v6-c-wizard__nav-link-text">Substep C</span>
95
+ </span>
96
+ </button>
97
+ </li>
98
+ </ol>
99
+ </li>
100
+ <li class="pf-v6-c-wizard__nav-item">
101
+ <button class="pf-v6-c-wizard__nav-link" type="button">
102
+ <span class="pf-v6-c-wizard__nav-link-main">
103
+ <span class="pf-v6-c-wizard__nav-link-text">Additional</span>
104
+ </span>
105
+ </button>
106
+ </li>
107
+ <li class="pf-v6-c-wizard__nav-item">
108
+ <button class="pf-v6-c-wizard__nav-link" type="button" disabled>
109
+ <span class="pf-v6-c-wizard__nav-link-main">
110
+ <span class="pf-v6-c-wizard__nav-link-text">Review</span>
111
+ </span>
112
+ </button>
113
+ </li>
114
+ </ol>
115
+ </nav>
116
+ <main class="pf-v6-c-wizard__main" tabindex="0">
117
+ <div class="pf-v6-c-wizard__main-body">
118
+ <form class="pf-v6-c-form pf-m-limit-width" novalidate>
119
+ <div class="pf-v6-c-form__group">
120
+ <div class="pf-v6-c-form__group-label"><label
121
+ class="pf-v6-c-form__label"
122
+ for="wizard-basic-form-field1"
123
+ >
124
+ <span class="pf-v6-c-form__label-text">Field 1</span>&nbsp;<span
125
+ class="pf-v6-c-form__label-required"
126
+ aria-hidden="true"
127
+ >&#42;</span></label>
128
+ </div>
129
+ <div class="pf-v6-c-form__group-control">
130
+ <span class="pf-v6-c-form-control">
131
+ <input
132
+ type="text"
133
+ id="wizard-basic-form-field1"
134
+ name="wizard-basic-form-field1"
135
+ />
136
+ </span>
137
+ </div>
138
+ </div>
139
+ <div class="pf-v6-c-form__group">
140
+ <div class="pf-v6-c-form__group-label"><label
141
+ class="pf-v6-c-form__label"
142
+ for="wizard-basic-form-field2"
143
+ >
144
+ <span class="pf-v6-c-form__label-text">Field 2</span>&nbsp;<span
145
+ class="pf-v6-c-form__label-required"
146
+ aria-hidden="true"
147
+ >&#42;</span></label>
148
+ </div>
149
+ <div class="pf-v6-c-form__group-control">
150
+ <span class="pf-v6-c-form-control">
151
+ <input
152
+ type="text"
153
+ id="wizard-basic-form-field2"
154
+ name="wizard-basic-form-field2"
155
+ />
156
+ </span>
157
+ </div>
158
+ </div>
159
+ <div class="pf-v6-c-form__group">
160
+ <div class="pf-v6-c-form__group-label"><label
161
+ class="pf-v6-c-form__label"
162
+ for="wizard-basic-form-field3"
163
+ >
164
+ <span class="pf-v6-c-form__label-text">Field 3</span>&nbsp;<span
165
+ class="pf-v6-c-form__label-required"
166
+ aria-hidden="true"
167
+ >&#42;</span></label>
168
+ </div>
169
+ <div class="pf-v6-c-form__group-control">
170
+ <span class="pf-v6-c-form-control">
171
+ <input
172
+ type="text"
173
+ id="wizard-basic-form-field3"
174
+ name="wizard-basic-form-field3"
175
+ />
176
+ </span>
177
+ </div>
178
+ </div>
179
+ <div class="pf-v6-c-form__group">
180
+ <div class="pf-v6-c-form__group-label"><label
181
+ class="pf-v6-c-form__label"
182
+ for="wizard-basic-form-field4"
183
+ >
184
+ <span class="pf-v6-c-form__label-text">Field 4</span>&nbsp;<span
185
+ class="pf-v6-c-form__label-required"
186
+ aria-hidden="true"
187
+ >&#42;</span></label>
188
+ </div>
189
+ <div class="pf-v6-c-form__group-control">
190
+ <span class="pf-v6-c-form-control">
191
+ <input
192
+ type="text"
193
+ id="wizard-basic-form-field4"
194
+ name="wizard-basic-form-field4"
195
+ />
196
+ </span>
197
+ </div>
198
+ </div>
199
+ <div class="pf-v6-c-form__group">
200
+ <div class="pf-v6-c-form__group-label"><label
201
+ class="pf-v6-c-form__label"
202
+ for="wizard-basic-form-field5"
203
+ >
204
+ <span class="pf-v6-c-form__label-text">Field 5</span>&nbsp;<span
205
+ class="pf-v6-c-form__label-required"
206
+ aria-hidden="true"
207
+ >&#42;</span></label>
208
+ </div>
209
+ <div class="pf-v6-c-form__group-control">
210
+ <span class="pf-v6-c-form-control">
211
+ <input
212
+ type="text"
213
+ id="wizard-basic-form-field5"
214
+ name="wizard-basic-form-field5"
215
+ />
216
+ </span>
217
+ </div>
218
+ </div>
219
+ <div class="pf-v6-c-form__group">
220
+ <div class="pf-v6-c-form__group-label"><label
221
+ class="pf-v6-c-form__label"
222
+ for="wizard-basic-form-field6"
223
+ >
224
+ <span class="pf-v6-c-form__label-text">Field 6</span>&nbsp;<span
225
+ class="pf-v6-c-form__label-required"
226
+ aria-hidden="true"
227
+ >&#42;</span></label>
228
+ </div>
229
+ <div class="pf-v6-c-form__group-control">
230
+ <span class="pf-v6-c-form-control">
231
+ <input
232
+ type="text"
233
+ id="wizard-basic-form-field6"
234
+ name="wizard-basic-form-field6"
235
+ />
236
+ </span>
237
+ </div>
238
+ </div>
239
+ <div class="pf-v6-c-form__group">
240
+ <div class="pf-v6-c-form__group-label"><label
241
+ class="pf-v6-c-form__label"
242
+ for="wizard-basic-form-field7"
243
+ >
244
+ <span class="pf-v6-c-form__label-text">Field 7</span>&nbsp;<span
245
+ class="pf-v6-c-form__label-required"
246
+ aria-hidden="true"
247
+ >&#42;</span></label>
248
+ </div>
249
+ <div class="pf-v6-c-form__group-control">
250
+ <span class="pf-v6-c-form-control">
251
+ <input
252
+ type="text"
253
+ id="wizard-basic-form-field7"
254
+ name="wizard-basic-form-field7"
255
+ />
256
+ </span>
257
+ </div>
258
+ </div>
259
+ </form>
260
+ </div>
261
+ </main>
262
+ </div>
263
+ <footer class="pf-v6-c-wizard__footer">
264
+ <div class="pf-v6-c-action-list">
265
+ <div class="pf-v6-c-action-list__group">
266
+ <div class="pf-v6-c-action-list__item">
267
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
268
+ <span class="pf-v6-c-button__text">Back</span>
269
+ </button>
270
+ </div>
271
+ <div class="pf-v6-c-action-list__item">
272
+ <button class="pf-v6-c-button pf-m-primary" type="button">
273
+ <span class="pf-v6-c-button__text">Next</span>
274
+ </button>
275
+ </div>
276
+ </div>
277
+ <div class="pf-v6-c-action-list__group">
278
+ <div class="pf-v6-c-action-list__item">
279
+ <button class="pf-v6-c-button pf-m-link" type="button">
280
+ <span class="pf-v6-c-button__text">Cancel</span>
281
+ </button>
282
+ </div>
283
+ </div>
284
+ </div>
285
+ </footer>
286
+ </div>
287
+ </div>
288
+
289
+ ```
290
+
291
+ ### Nav expanded (mobile)
292
+
293
+ ```html isFullscreen
294
+ <div class="pf-v6-c-wizard">
295
+ <div class="pf-v6-c-wizard__header">
296
+ <div class="pf-v6-c-wizard__close">
297
+ <button
298
+ class="pf-v6-c-button pf-m-plain"
299
+ type="button"
300
+ aria-label="Close"
301
+ >
302
+ <span class="pf-v6-c-button__icon">
303
+ <i class="fas fa-times" aria-hidden="true"></i>
304
+ </span>
305
+ </button>
306
+ </div>
307
+ <div class="pf-v6-c-wizard__title">
308
+ <h1 class="pf-v6-c-wizard__title-text">Wizard title</h1>
309
+ </div>
310
+ <div class="pf-v6-c-wizard__description">Here is where the description goes</div>
311
+ </div>
312
+ <button
313
+ aria-label="Wizard Header Toggle"
314
+ class="pf-v6-c-wizard__toggle pf-m-expanded"
315
+ aria-expanded="true"
316
+ >
317
+ <span class="pf-v6-c-wizard__toggle-list">
318
+ <span class="pf-v6-c-wizard__toggle-list-item">
319
+ <span class="pf-v6-c-wizard__toggle-num">2</span>
320
+ Configuration
321
+ <i
322
+ class="fas fa-angle-right pf-v6-c-wizard__toggle-separator"
323
+ aria-hidden="true"
324
+ ></i>
325
+ </span>
326
+ <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
327
+ </span>
328
+ <span class="pf-v6-c-wizard__toggle-icon">
329
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
330
+ </span>
331
+ </button>
332
+ <div class="pf-v6-c-wizard__outer-wrap">
333
+ <div class="pf-v6-c-wizard__inner-wrap">
334
+ <nav class="pf-v6-c-wizard__nav pf-m-expanded" aria-label="Steps">
335
+ <ol class="pf-v6-c-wizard__nav-list" role="list">
336
+ <li class="pf-v6-c-wizard__nav-item">
337
+ <button class="pf-v6-c-wizard__nav-link" type="button">
338
+ <span class="pf-v6-c-wizard__nav-link-main">
339
+ <span class="pf-v6-c-wizard__nav-link-text">Information</span>
340
+ </span>
341
+ </button>
342
+ </li>
343
+ <li class="pf-v6-c-wizard__nav-item pf-m-expandable pf-m-expanded">
344
+ <button
345
+ class="pf-v6-c-wizard__nav-link pf-m-current"
346
+ type="button"
347
+ aria-expanded="true"
348
+ >
349
+ <span class="pf-v6-c-wizard__nav-link-main">
350
+ <span class="pf-v6-c-wizard__nav-link-text">Configuration</span>
351
+ <span class="pf-v6-c-wizard__nav-link-toggle">
352
+ <span class="pf-v6-c-wizard__nav-link-toggle-icon">
353
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
354
+ </span>
355
+ </span>
356
+ </span>
357
+ </button>
358
+ <ol class="pf-v6-c-wizard__nav-list" role="list">
359
+ <li class="pf-v6-c-wizard__nav-item">
360
+ <button class="pf-v6-c-wizard__nav-link" type="button">
361
+ <span class="pf-v6-c-wizard__nav-link-main">
362
+ <span class="pf-v6-c-wizard__nav-link-text">Substep A</span>
363
+ </span>
364
+ </button>
365
+ </li>
366
+ <li class="pf-v6-c-wizard__nav-item">
367
+ <button
368
+ class="pf-v6-c-wizard__nav-link pf-m-current"
369
+ type="button"
370
+ aria-current="page"
371
+ >
372
+ <span class="pf-v6-c-wizard__nav-link-main">
373
+ <span class="pf-v6-c-wizard__nav-link-text">Substep B</span>
374
+ </span>
375
+ </button>
376
+ </li>
377
+ <li class="pf-v6-c-wizard__nav-item">
378
+ <button class="pf-v6-c-wizard__nav-link" type="button">
379
+ <span class="pf-v6-c-wizard__nav-link-main">
380
+ <span class="pf-v6-c-wizard__nav-link-text">Substep C</span>
381
+ </span>
382
+ </button>
383
+ </li>
384
+ </ol>
385
+ </li>
386
+ <li class="pf-v6-c-wizard__nav-item">
387
+ <button class="pf-v6-c-wizard__nav-link" type="button">
388
+ <span class="pf-v6-c-wizard__nav-link-main">
389
+ <span class="pf-v6-c-wizard__nav-link-text">Additional</span>
390
+ </span>
391
+ </button>
392
+ </li>
393
+ <li class="pf-v6-c-wizard__nav-item">
394
+ <button class="pf-v6-c-wizard__nav-link" type="button" disabled>
395
+ <span class="pf-v6-c-wizard__nav-link-main">
396
+ <span class="pf-v6-c-wizard__nav-link-text">Review</span>
397
+ </span>
398
+ </button>
399
+ </li>
400
+ </ol>
401
+ </nav>
402
+ <main class="pf-v6-c-wizard__main" tabindex="0">
403
+ <div class="pf-v6-c-wizard__main-body">
404
+ <form class="pf-v6-c-form pf-m-limit-width" novalidate>
405
+ <div class="pf-v6-c-form__group">
406
+ <div class="pf-v6-c-form__group-label"><label
407
+ class="pf-v6-c-form__label"
408
+ for="wizard-nav-expanded-form-field1"
409
+ >
410
+ <span class="pf-v6-c-form__label-text">Field 1</span>&nbsp;<span
411
+ class="pf-v6-c-form__label-required"
412
+ aria-hidden="true"
413
+ >&#42;</span></label>
414
+ </div>
415
+ <div class="pf-v6-c-form__group-control">
416
+ <span class="pf-v6-c-form-control">
417
+ <input
418
+ type="text"
419
+ id="wizard-nav-expanded-form-field1"
420
+ name="wizard-nav-expanded-form-field1"
421
+ />
422
+ </span>
423
+ </div>
424
+ </div>
425
+ <div class="pf-v6-c-form__group">
426
+ <div class="pf-v6-c-form__group-label"><label
427
+ class="pf-v6-c-form__label"
428
+ for="wizard-nav-expanded-form-field2"
429
+ >
430
+ <span class="pf-v6-c-form__label-text">Field 2</span>&nbsp;<span
431
+ class="pf-v6-c-form__label-required"
432
+ aria-hidden="true"
433
+ >&#42;</span></label>
434
+ </div>
435
+ <div class="pf-v6-c-form__group-control">
436
+ <span class="pf-v6-c-form-control">
437
+ <input
438
+ type="text"
439
+ id="wizard-nav-expanded-form-field2"
440
+ name="wizard-nav-expanded-form-field2"
441
+ />
442
+ </span>
443
+ </div>
444
+ </div>
445
+ <div class="pf-v6-c-form__group">
446
+ <div class="pf-v6-c-form__group-label"><label
447
+ class="pf-v6-c-form__label"
448
+ for="wizard-nav-expanded-form-field3"
449
+ >
450
+ <span class="pf-v6-c-form__label-text">Field 3</span>&nbsp;<span
451
+ class="pf-v6-c-form__label-required"
452
+ aria-hidden="true"
453
+ >&#42;</span></label>
454
+ </div>
455
+ <div class="pf-v6-c-form__group-control">
456
+ <span class="pf-v6-c-form-control">
457
+ <input
458
+ type="text"
459
+ id="wizard-nav-expanded-form-field3"
460
+ name="wizard-nav-expanded-form-field3"
461
+ />
462
+ </span>
463
+ </div>
464
+ </div>
465
+ <div class="pf-v6-c-form__group">
466
+ <div class="pf-v6-c-form__group-label"><label
467
+ class="pf-v6-c-form__label"
468
+ for="wizard-nav-expanded-form-field4"
469
+ >
470
+ <span class="pf-v6-c-form__label-text">Field 4</span>&nbsp;<span
471
+ class="pf-v6-c-form__label-required"
472
+ aria-hidden="true"
473
+ >&#42;</span></label>
474
+ </div>
475
+ <div class="pf-v6-c-form__group-control">
476
+ <span class="pf-v6-c-form-control">
477
+ <input
478
+ type="text"
479
+ id="wizard-nav-expanded-form-field4"
480
+ name="wizard-nav-expanded-form-field4"
481
+ />
482
+ </span>
483
+ </div>
484
+ </div>
485
+ <div class="pf-v6-c-form__group">
486
+ <div class="pf-v6-c-form__group-label"><label
487
+ class="pf-v6-c-form__label"
488
+ for="wizard-nav-expanded-form-field5"
489
+ >
490
+ <span class="pf-v6-c-form__label-text">Field 5</span>&nbsp;<span
491
+ class="pf-v6-c-form__label-required"
492
+ aria-hidden="true"
493
+ >&#42;</span></label>
494
+ </div>
495
+ <div class="pf-v6-c-form__group-control">
496
+ <span class="pf-v6-c-form-control">
497
+ <input
498
+ type="text"
499
+ id="wizard-nav-expanded-form-field5"
500
+ name="wizard-nav-expanded-form-field5"
501
+ />
502
+ </span>
503
+ </div>
504
+ </div>
505
+ <div class="pf-v6-c-form__group">
506
+ <div class="pf-v6-c-form__group-label"><label
507
+ class="pf-v6-c-form__label"
508
+ for="wizard-nav-expanded-form-field6"
509
+ >
510
+ <span class="pf-v6-c-form__label-text">Field 6</span>&nbsp;<span
511
+ class="pf-v6-c-form__label-required"
512
+ aria-hidden="true"
513
+ >&#42;</span></label>
514
+ </div>
515
+ <div class="pf-v6-c-form__group-control">
516
+ <span class="pf-v6-c-form-control">
517
+ <input
518
+ type="text"
519
+ id="wizard-nav-expanded-form-field6"
520
+ name="wizard-nav-expanded-form-field6"
521
+ />
522
+ </span>
523
+ </div>
524
+ </div>
525
+ <div class="pf-v6-c-form__group">
526
+ <div class="pf-v6-c-form__group-label"><label
527
+ class="pf-v6-c-form__label"
528
+ for="wizard-nav-expanded-form-field7"
529
+ >
530
+ <span class="pf-v6-c-form__label-text">Field 7</span>&nbsp;<span
531
+ class="pf-v6-c-form__label-required"
532
+ aria-hidden="true"
533
+ >&#42;</span></label>
534
+ </div>
535
+ <div class="pf-v6-c-form__group-control">
536
+ <span class="pf-v6-c-form-control">
537
+ <input
538
+ type="text"
539
+ id="wizard-nav-expanded-form-field7"
540
+ name="wizard-nav-expanded-form-field7"
541
+ />
542
+ </span>
543
+ </div>
544
+ </div>
545
+ </form>
546
+ </div>
547
+ </main>
548
+ </div>
549
+ <footer class="pf-v6-c-wizard__footer">
550
+ <div class="pf-v6-c-action-list">
551
+ <div class="pf-v6-c-action-list__group">
552
+ <div class="pf-v6-c-action-list__item">
553
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
554
+ <span class="pf-v6-c-button__text">Back</span>
555
+ </button>
556
+ </div>
557
+ <div class="pf-v6-c-action-list__item">
558
+ <button class="pf-v6-c-button pf-m-primary" type="button">
559
+ <span class="pf-v6-c-button__text">Next</span>
560
+ </button>
561
+ </div>
562
+ </div>
563
+ <div class="pf-v6-c-action-list__group">
564
+ <div class="pf-v6-c-action-list__item">
565
+ <button class="pf-v6-c-button pf-m-link" type="button">
566
+ <span class="pf-v6-c-button__text">Cancel</span>
567
+ </button>
568
+ </div>
569
+ </div>
570
+ </div>
571
+ </footer>
572
+ </div>
573
+ </div>
574
+
575
+ ```
576
+
577
+ ### With drawer
578
+
579
+ ```html isFullscreen
580
+ <div class="pf-v6-c-wizard">
581
+ <div class="pf-v6-c-wizard__header">
582
+ <div class="pf-v6-c-wizard__close">
583
+ <button
584
+ class="pf-v6-c-button pf-m-plain"
585
+ type="button"
586
+ aria-label="Close"
587
+ >
588
+ <span class="pf-v6-c-button__icon">
589
+ <i class="fas fa-times" aria-hidden="true"></i>
590
+ </span>
591
+ </button>
592
+ </div>
593
+ <div class="pf-v6-c-wizard__title">
594
+ <h1 class="pf-v6-c-wizard__title-text">Wizard title</h1>
595
+ </div>
596
+ <div class="pf-v6-c-wizard__description">Here is where the description goes</div>
597
+ </div>
598
+ <button
599
+ aria-label="Wizard Header Toggle"
600
+ class="pf-v6-c-wizard__toggle"
601
+ aria-expanded="false"
602
+ >
603
+ <span class="pf-v6-c-wizard__toggle-list">
604
+ <span class="pf-v6-c-wizard__toggle-list-item">
605
+ <span class="pf-v6-c-wizard__toggle-num">2</span>
606
+ Configuration
607
+ <i
608
+ class="fas fa-angle-right pf-v6-c-wizard__toggle-separator"
609
+ aria-hidden="true"
610
+ ></i>
611
+ </span>
612
+ <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
613
+ </span>
614
+ <span class="pf-v6-c-wizard__toggle-icon">
615
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
616
+ </span>
617
+ </button>
618
+ <div class="pf-v6-c-wizard__outer-wrap">
619
+ <div class="pf-v6-c-wizard__inner-wrap">
620
+ <nav class="pf-v6-c-wizard__nav" aria-label="Steps">
621
+ <ol class="pf-v6-c-wizard__nav-list" role="list">
622
+ <li class="pf-v6-c-wizard__nav-item">
623
+ <button class="pf-v6-c-wizard__nav-link" type="button">
624
+ <span class="pf-v6-c-wizard__nav-link-main">
625
+ <span class="pf-v6-c-wizard__nav-link-text">Information</span>
626
+ </span>
627
+ </button>
628
+ </li>
629
+ <li class="pf-v6-c-wizard__nav-item pf-m-expandable pf-m-expanded">
630
+ <button
631
+ class="pf-v6-c-wizard__nav-link pf-m-current"
632
+ type="button"
633
+ aria-expanded="true"
634
+ >
635
+ <span class="pf-v6-c-wizard__nav-link-main">
636
+ <span class="pf-v6-c-wizard__nav-link-text">Configuration</span>
637
+ <span class="pf-v6-c-wizard__nav-link-toggle">
638
+ <span class="pf-v6-c-wizard__nav-link-toggle-icon">
639
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
640
+ </span>
641
+ </span>
642
+ </span>
643
+ </button>
644
+ <ol class="pf-v6-c-wizard__nav-list" role="list">
645
+ <li class="pf-v6-c-wizard__nav-item">
646
+ <button class="pf-v6-c-wizard__nav-link" type="button">
647
+ <span class="pf-v6-c-wizard__nav-link-main">
648
+ <span class="pf-v6-c-wizard__nav-link-text">Substep A</span>
649
+ </span>
650
+ </button>
651
+ </li>
652
+ <li class="pf-v6-c-wizard__nav-item">
653
+ <button
654
+ class="pf-v6-c-wizard__nav-link pf-m-current"
655
+ type="button"
656
+ aria-current="page"
657
+ >
658
+ <span class="pf-v6-c-wizard__nav-link-main">
659
+ <span class="pf-v6-c-wizard__nav-link-text">Substep B</span>
660
+ </span>
661
+ </button>
662
+ </li>
663
+ <li class="pf-v6-c-wizard__nav-item">
664
+ <button class="pf-v6-c-wizard__nav-link" type="button">
665
+ <span class="pf-v6-c-wizard__nav-link-main">
666
+ <span class="pf-v6-c-wizard__nav-link-text">Substep C</span>
667
+ </span>
668
+ </button>
669
+ </li>
670
+ </ol>
671
+ </li>
672
+ <li class="pf-v6-c-wizard__nav-item">
673
+ <button class="pf-v6-c-wizard__nav-link" type="button">
674
+ <span class="pf-v6-c-wizard__nav-link-main">
675
+ <span class="pf-v6-c-wizard__nav-link-text">Additional</span>
676
+ </span>
677
+ </button>
678
+ </li>
679
+ <li class="pf-v6-c-wizard__nav-item">
680
+ <button class="pf-v6-c-wizard__nav-link" type="button" disabled>
681
+ <span class="pf-v6-c-wizard__nav-link-main">
682
+ <span class="pf-v6-c-wizard__nav-link-text">Review</span>
683
+ </span>
684
+ </button>
685
+ </li>
686
+ </ol>
687
+ </nav>
688
+ <main class="pf-v6-c-wizard__main" tabindex="0">
689
+ <div class="pf-v6-c-drawer pf-m-expanded pf-m-inline">
690
+ <div class="pf-v6-c-drawer__main">
691
+ <div class="pf-v6-c-drawer__content">
692
+ <div class="pf-v6-c-wizard__main-body">
693
+ <button
694
+ class="pf-v6-c-button pf-v6-u-hidden pf-v6-u-float-right pf-v6-u-ml-md pf-m-inline pf-m-link"
695
+ type="button"
696
+ >
697
+ <span class="pf-v6-c-button__text">Open drawer</span>
698
+ </button>
699
+ <form class="pf-v6-c-form pf-m-limit-width" novalidate>
700
+ <div class="pf-v6-c-form__group">
701
+ <div class="pf-v6-c-form__group-label"><label
702
+ class="pf-v6-c-form__label"
703
+ for="wizard-with-drawer-example-form-field1"
704
+ >
705
+ <span class="pf-v6-c-form__label-text">Field 1</span>&nbsp;<span
706
+ class="pf-v6-c-form__label-required"
707
+ aria-hidden="true"
708
+ >&#42;</span></label>
709
+ </div>
710
+ <div class="pf-v6-c-form__group-control">
711
+ <span class="pf-v6-c-form-control">
712
+ <input
713
+ type="text"
714
+ id="wizard-with-drawer-example-form-field1"
715
+ name="wizard-with-drawer-example-form-field1"
716
+ />
717
+ </span>
718
+ </div>
719
+ </div>
720
+ <div class="pf-v6-c-form__group">
721
+ <div class="pf-v6-c-form__group-label"><label
722
+ class="pf-v6-c-form__label"
723
+ for="wizard-with-drawer-example-form-field2"
724
+ >
725
+ <span class="pf-v6-c-form__label-text">Field 2</span>&nbsp;<span
726
+ class="pf-v6-c-form__label-required"
727
+ aria-hidden="true"
728
+ >&#42;</span></label>
729
+ </div>
730
+ <div class="pf-v6-c-form__group-control">
731
+ <span class="pf-v6-c-form-control">
732
+ <input
733
+ type="text"
734
+ id="wizard-with-drawer-example-form-field2"
735
+ name="wizard-with-drawer-example-form-field2"
736
+ />
737
+ </span>
738
+ </div>
739
+ </div>
740
+ <div class="pf-v6-c-form__group">
741
+ <div class="pf-v6-c-form__group-label"><label
742
+ class="pf-v6-c-form__label"
743
+ for="wizard-with-drawer-example-form-field3"
744
+ >
745
+ <span class="pf-v6-c-form__label-text">Field 3</span>&nbsp;<span
746
+ class="pf-v6-c-form__label-required"
747
+ aria-hidden="true"
748
+ >&#42;</span></label>
749
+ </div>
750
+ <div class="pf-v6-c-form__group-control">
751
+ <span class="pf-v6-c-form-control">
752
+ <input
753
+ type="text"
754
+ id="wizard-with-drawer-example-form-field3"
755
+ name="wizard-with-drawer-example-form-field3"
756
+ />
757
+ </span>
758
+ </div>
759
+ </div>
760
+ <div class="pf-v6-c-form__group">
761
+ <div class="pf-v6-c-form__group-label"><label
762
+ class="pf-v6-c-form__label"
763
+ for="wizard-with-drawer-example-form-field4"
764
+ >
765
+ <span class="pf-v6-c-form__label-text">Field 4</span>&nbsp;<span
766
+ class="pf-v6-c-form__label-required"
767
+ aria-hidden="true"
768
+ >&#42;</span></label>
769
+ </div>
770
+ <div class="pf-v6-c-form__group-control">
771
+ <span class="pf-v6-c-form-control">
772
+ <input
773
+ type="text"
774
+ id="wizard-with-drawer-example-form-field4"
775
+ name="wizard-with-drawer-example-form-field4"
776
+ />
777
+ </span>
778
+ </div>
779
+ </div>
780
+ <div class="pf-v6-c-form__group">
781
+ <div class="pf-v6-c-form__group-label"><label
782
+ class="pf-v6-c-form__label"
783
+ for="wizard-with-drawer-example-form-field5"
784
+ >
785
+ <span class="pf-v6-c-form__label-text">Field 5</span>&nbsp;<span
786
+ class="pf-v6-c-form__label-required"
787
+ aria-hidden="true"
788
+ >&#42;</span></label>
789
+ </div>
790
+ <div class="pf-v6-c-form__group-control">
791
+ <span class="pf-v6-c-form-control">
792
+ <input
793
+ type="text"
794
+ id="wizard-with-drawer-example-form-field5"
795
+ name="wizard-with-drawer-example-form-field5"
796
+ />
797
+ </span>
798
+ </div>
799
+ </div>
800
+ <div class="pf-v6-c-form__group">
801
+ <div class="pf-v6-c-form__group-label"><label
802
+ class="pf-v6-c-form__label"
803
+ for="wizard-with-drawer-example-form-field6"
804
+ >
805
+ <span class="pf-v6-c-form__label-text">Field 6</span>&nbsp;<span
806
+ class="pf-v6-c-form__label-required"
807
+ aria-hidden="true"
808
+ >&#42;</span></label>
809
+ </div>
810
+ <div class="pf-v6-c-form__group-control">
811
+ <span class="pf-v6-c-form-control">
812
+ <input
813
+ type="text"
814
+ id="wizard-with-drawer-example-form-field6"
815
+ name="wizard-with-drawer-example-form-field6"
816
+ />
817
+ </span>
818
+ </div>
819
+ </div>
820
+ <div class="pf-v6-c-form__group">
821
+ <div class="pf-v6-c-form__group-label"><label
822
+ class="pf-v6-c-form__label"
823
+ for="wizard-with-drawer-example-form-field7"
824
+ >
825
+ <span class="pf-v6-c-form__label-text">Field 7</span>&nbsp;<span
826
+ class="pf-v6-c-form__label-required"
827
+ aria-hidden="true"
828
+ >&#42;</span></label>
829
+ </div>
830
+ <div class="pf-v6-c-form__group-control">
831
+ <span class="pf-v6-c-form-control">
832
+ <input
833
+ type="text"
834
+ id="wizard-with-drawer-example-form-field7"
835
+ name="wizard-with-drawer-example-form-field7"
836
+ />
837
+ </span>
838
+ </div>
839
+ </div>
840
+ </form>
841
+ </div>
842
+ </div>
843
+ <div class="pf-v6-c-drawer__panel pf-m-width-33">
844
+ <div class="pf-v6-c-drawer__body">
845
+ <div class="pf-v6-c-drawer__head">
846
+ <div class="pf-v6-c-drawer__actions">
847
+ <div class="pf-v6-c-drawer__close">
848
+ <button
849
+ class="pf-v6-c-button pf-m-plain"
850
+ type="button"
851
+ aria-label="Close drawer panel"
852
+ >
853
+ <span class="pf-v6-c-button__icon">
854
+ <i class="fas fa-times" aria-hidden="true"></i>
855
+ </span>
856
+ </button>
857
+ </div>
858
+ </div>drawer-panel
859
+ </div>
860
+ </div>
861
+ </div>
862
+ </div>
863
+ <footer class="pf-v6-c-wizard__footer">
864
+ <div class="pf-v6-c-action-list">
865
+ <div class="pf-v6-c-action-list__group">
866
+ <div class="pf-v6-c-action-list__item">
867
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
868
+ <span class="pf-v6-c-button__text">Back</span>
869
+ </button>
870
+ </div>
871
+ <div class="pf-v6-c-action-list__item">
872
+ <button class="pf-v6-c-button pf-m-primary" type="button">
873
+ <span class="pf-v6-c-button__text">Next</span>
874
+ </button>
875
+ </div>
876
+ </div>
877
+ <div class="pf-v6-c-action-list__group">
878
+ <div class="pf-v6-c-action-list__item">
879
+ <button class="pf-v6-c-button pf-m-link" type="button">
880
+ <span class="pf-v6-c-button__text">Cancel</span>
881
+ </button>
882
+ </div>
883
+ </div>
884
+ </div>
885
+ </footer>
886
+ </div>
887
+ </main>
888
+ </div>
889
+ </div>
890
+ </div>
891
+
892
+ ```
893
+
894
+ ### Expandable collapsed
895
+
896
+ ```html isFullscreen
897
+ <div class="pf-v6-c-wizard">
898
+ <div class="pf-v6-c-wizard__header">
899
+ <div class="pf-v6-c-wizard__close">
900
+ <button
901
+ class="pf-v6-c-button pf-m-plain"
902
+ type="button"
903
+ aria-label="Close"
904
+ >
905
+ <span class="pf-v6-c-button__icon">
906
+ <i class="fas fa-times" aria-hidden="true"></i>
907
+ </span>
908
+ </button>
909
+ </div>
910
+ <div class="pf-v6-c-wizard__title">
911
+ <h1 class="pf-v6-c-wizard__title-text">Wizard title</h1>
912
+ </div>
913
+ <div class="pf-v6-c-wizard__description">Here is where the description goes</div>
914
+ </div>
915
+ <button
916
+ aria-label="Wizard Header Toggle"
917
+ class="pf-v6-c-wizard__toggle"
918
+ aria-expanded="false"
919
+ >
920
+ <span class="pf-v6-c-wizard__toggle-list">
921
+ <span class="pf-v6-c-wizard__toggle-list-item">
922
+ <span class="pf-v6-c-wizard__toggle-num">2</span>
923
+ Configuration
924
+ <i
925
+ class="fas fa-angle-right pf-v6-c-wizard__toggle-separator"
926
+ aria-hidden="true"
927
+ ></i>
928
+ </span>
929
+ <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
930
+ </span>
931
+ <span class="pf-v6-c-wizard__toggle-icon">
932
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
933
+ </span>
934
+ </button>
935
+ <div class="pf-v6-c-wizard__outer-wrap">
936
+ <div class="pf-v6-c-wizard__inner-wrap">
937
+ <nav class="pf-v6-c-wizard__nav" aria-label="Steps">
938
+ <ol class="pf-v6-c-wizard__nav-list" role="list">
939
+ <li class="pf-v6-c-wizard__nav-item">
940
+ <button
941
+ class="pf-v6-c-wizard__nav-link pf-m-current"
942
+ type="button"
943
+ aria-current="page"
944
+ >
945
+ <span class="pf-v6-c-wizard__nav-link-main">
946
+ <span class="pf-v6-c-wizard__nav-link-text">Information</span>
947
+ </span>
948
+ </button>
949
+ </li>
950
+ <li class="pf-v6-c-wizard__nav-item pf-m-expandable">
951
+ <button
952
+ class="pf-v6-c-wizard__nav-link"
953
+ type="button"
954
+ aria-expanded="false"
955
+ >
956
+ <span class="pf-v6-c-wizard__nav-link-main">
957
+ <span class="pf-v6-c-wizard__nav-link-text">Configuration</span>
958
+ <span class="pf-v6-c-wizard__nav-link-toggle">
959
+ <span class="pf-v6-c-wizard__nav-link-toggle-icon">
960
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
961
+ </span>
962
+ </span>
963
+ </span>
964
+ </button>
965
+ <ol class="pf-v6-c-wizard__nav-list" role="list">
966
+ <li class="pf-v6-c-wizard__nav-item">
967
+ <button class="pf-v6-c-wizard__nav-link" type="button">
968
+ <span class="pf-v6-c-wizard__nav-link-main">
969
+ <span class="pf-v6-c-wizard__nav-link-text">Substep A</span>
970
+ </span>
971
+ </button>
972
+ </li>
973
+ <li class="pf-v6-c-wizard__nav-item">
974
+ <button class="pf-v6-c-wizard__nav-link" type="button">
975
+ <span class="pf-v6-c-wizard__nav-link-main">
976
+ <span class="pf-v6-c-wizard__nav-link-text">Substep B</span>
977
+ </span>
978
+ </button>
979
+ </li>
980
+ <li class="pf-v6-c-wizard__nav-item">
981
+ <button class="pf-v6-c-wizard__nav-link" type="button">
982
+ <span class="pf-v6-c-wizard__nav-link-main">
983
+ <span class="pf-v6-c-wizard__nav-link-text">Substep C</span>
984
+ </span>
985
+ </button>
986
+ </li>
987
+ </ol>
988
+ </li>
989
+ <li class="pf-v6-c-wizard__nav-item">
990
+ <button class="pf-v6-c-wizard__nav-link" type="button">
991
+ <span class="pf-v6-c-wizard__nav-link-main">
992
+ <span class="pf-v6-c-wizard__nav-link-text">Additional</span>
993
+ </span>
994
+ </button>
995
+ </li>
996
+ <li class="pf-v6-c-wizard__nav-item">
997
+ <button class="pf-v6-c-wizard__nav-link" type="button" disabled>
998
+ <span class="pf-v6-c-wizard__nav-link-main">
999
+ <span class="pf-v6-c-wizard__nav-link-text">Review</span>
1000
+ </span>
1001
+ </button>
1002
+ </li>
1003
+ </ol>
1004
+ </nav>
1005
+ <main class="pf-v6-c-wizard__main" tabindex="0">
1006
+ <div class="pf-v6-c-wizard__main-body">
1007
+ <form class="pf-v6-c-form pf-m-limit-width" novalidate>
1008
+ <div class="pf-v6-c-form__group">
1009
+ <div class="pf-v6-c-form__group-label"><label
1010
+ class="pf-v6-c-form__label"
1011
+ for="wizard-expandable-collapsed-form-field1"
1012
+ >
1013
+ <span class="pf-v6-c-form__label-text">Field 1</span>&nbsp;<span
1014
+ class="pf-v6-c-form__label-required"
1015
+ aria-hidden="true"
1016
+ >&#42;</span></label>
1017
+ </div>
1018
+ <div class="pf-v6-c-form__group-control">
1019
+ <span class="pf-v6-c-form-control">
1020
+ <input
1021
+ type="text"
1022
+ id="wizard-expandable-collapsed-form-field1"
1023
+ name="wizard-expandable-collapsed-form-field1"
1024
+ />
1025
+ </span>
1026
+ </div>
1027
+ </div>
1028
+ <div class="pf-v6-c-form__group">
1029
+ <div class="pf-v6-c-form__group-label"><label
1030
+ class="pf-v6-c-form__label"
1031
+ for="wizard-expandable-collapsed-form-field2"
1032
+ >
1033
+ <span class="pf-v6-c-form__label-text">Field 2</span>&nbsp;<span
1034
+ class="pf-v6-c-form__label-required"
1035
+ aria-hidden="true"
1036
+ >&#42;</span></label>
1037
+ </div>
1038
+ <div class="pf-v6-c-form__group-control">
1039
+ <span class="pf-v6-c-form-control">
1040
+ <input
1041
+ type="text"
1042
+ id="wizard-expandable-collapsed-form-field2"
1043
+ name="wizard-expandable-collapsed-form-field2"
1044
+ />
1045
+ </span>
1046
+ </div>
1047
+ </div>
1048
+ <div class="pf-v6-c-form__group">
1049
+ <div class="pf-v6-c-form__group-label"><label
1050
+ class="pf-v6-c-form__label"
1051
+ for="wizard-expandable-collapsed-form-field3"
1052
+ >
1053
+ <span class="pf-v6-c-form__label-text">Field 3</span>&nbsp;<span
1054
+ class="pf-v6-c-form__label-required"
1055
+ aria-hidden="true"
1056
+ >&#42;</span></label>
1057
+ </div>
1058
+ <div class="pf-v6-c-form__group-control">
1059
+ <span class="pf-v6-c-form-control">
1060
+ <input
1061
+ type="text"
1062
+ id="wizard-expandable-collapsed-form-field3"
1063
+ name="wizard-expandable-collapsed-form-field3"
1064
+ />
1065
+ </span>
1066
+ </div>
1067
+ </div>
1068
+ <div class="pf-v6-c-form__group">
1069
+ <div class="pf-v6-c-form__group-label"><label
1070
+ class="pf-v6-c-form__label"
1071
+ for="wizard-expandable-collapsed-form-field4"
1072
+ >
1073
+ <span class="pf-v6-c-form__label-text">Field 4</span>&nbsp;<span
1074
+ class="pf-v6-c-form__label-required"
1075
+ aria-hidden="true"
1076
+ >&#42;</span></label>
1077
+ </div>
1078
+ <div class="pf-v6-c-form__group-control">
1079
+ <span class="pf-v6-c-form-control">
1080
+ <input
1081
+ type="text"
1082
+ id="wizard-expandable-collapsed-form-field4"
1083
+ name="wizard-expandable-collapsed-form-field4"
1084
+ />
1085
+ </span>
1086
+ </div>
1087
+ </div>
1088
+ <div class="pf-v6-c-form__group">
1089
+ <div class="pf-v6-c-form__group-label"><label
1090
+ class="pf-v6-c-form__label"
1091
+ for="wizard-expandable-collapsed-form-field5"
1092
+ >
1093
+ <span class="pf-v6-c-form__label-text">Field 5</span>&nbsp;<span
1094
+ class="pf-v6-c-form__label-required"
1095
+ aria-hidden="true"
1096
+ >&#42;</span></label>
1097
+ </div>
1098
+ <div class="pf-v6-c-form__group-control">
1099
+ <span class="pf-v6-c-form-control">
1100
+ <input
1101
+ type="text"
1102
+ id="wizard-expandable-collapsed-form-field5"
1103
+ name="wizard-expandable-collapsed-form-field5"
1104
+ />
1105
+ </span>
1106
+ </div>
1107
+ </div>
1108
+ <div class="pf-v6-c-form__group">
1109
+ <div class="pf-v6-c-form__group-label"><label
1110
+ class="pf-v6-c-form__label"
1111
+ for="wizard-expandable-collapsed-form-field6"
1112
+ >
1113
+ <span class="pf-v6-c-form__label-text">Field 6</span>&nbsp;<span
1114
+ class="pf-v6-c-form__label-required"
1115
+ aria-hidden="true"
1116
+ >&#42;</span></label>
1117
+ </div>
1118
+ <div class="pf-v6-c-form__group-control">
1119
+ <span class="pf-v6-c-form-control">
1120
+ <input
1121
+ type="text"
1122
+ id="wizard-expandable-collapsed-form-field6"
1123
+ name="wizard-expandable-collapsed-form-field6"
1124
+ />
1125
+ </span>
1126
+ </div>
1127
+ </div>
1128
+ <div class="pf-v6-c-form__group">
1129
+ <div class="pf-v6-c-form__group-label"><label
1130
+ class="pf-v6-c-form__label"
1131
+ for="wizard-expandable-collapsed-form-field7"
1132
+ >
1133
+ <span class="pf-v6-c-form__label-text">Field 7</span>&nbsp;<span
1134
+ class="pf-v6-c-form__label-required"
1135
+ aria-hidden="true"
1136
+ >&#42;</span></label>
1137
+ </div>
1138
+ <div class="pf-v6-c-form__group-control">
1139
+ <span class="pf-v6-c-form-control">
1140
+ <input
1141
+ type="text"
1142
+ id="wizard-expandable-collapsed-form-field7"
1143
+ name="wizard-expandable-collapsed-form-field7"
1144
+ />
1145
+ </span>
1146
+ </div>
1147
+ </div>
1148
+ </form>
1149
+ </div>
1150
+ </main>
1151
+ </div>
1152
+ <footer class="pf-v6-c-wizard__footer">
1153
+ <div class="pf-v6-c-action-list">
1154
+ <div class="pf-v6-c-action-list__group">
1155
+ <div class="pf-v6-c-action-list__item">
1156
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
1157
+ <span class="pf-v6-c-button__text">Back</span>
1158
+ </button>
1159
+ </div>
1160
+ <div class="pf-v6-c-action-list__item">
1161
+ <button class="pf-v6-c-button pf-m-primary" type="button">
1162
+ <span class="pf-v6-c-button__text">Next</span>
1163
+ </button>
1164
+ </div>
1165
+ </div>
1166
+ <div class="pf-v6-c-action-list__group">
1167
+ <div class="pf-v6-c-action-list__item">
1168
+ <button class="pf-v6-c-button pf-m-link" type="button">
1169
+ <span class="pf-v6-c-button__text">Cancel</span>
1170
+ </button>
1171
+ </div>
1172
+ </div>
1173
+ </div>
1174
+ </footer>
1175
+ </div>
1176
+ </div>
1177
+
1178
+ ```
1179
+
1180
+ ### Expandable expanded
1181
+
1182
+ ```html isFullscreen
1183
+ <div class="pf-v6-c-wizard">
1184
+ <div class="pf-v6-c-wizard__header">
1185
+ <div class="pf-v6-c-wizard__close">
1186
+ <button
1187
+ class="pf-v6-c-button pf-m-plain"
1188
+ type="button"
1189
+ aria-label="Close"
1190
+ >
1191
+ <span class="pf-v6-c-button__icon">
1192
+ <i class="fas fa-times" aria-hidden="true"></i>
1193
+ </span>
1194
+ </button>
1195
+ </div>
1196
+ <div class="pf-v6-c-wizard__title">
1197
+ <h1 class="pf-v6-c-wizard__title-text">Wizard title</h1>
1198
+ </div>
1199
+ <div class="pf-v6-c-wizard__description">Here is where the description goes</div>
1200
+ </div>
1201
+ <button
1202
+ aria-label="Wizard Header Toggle"
1203
+ class="pf-v6-c-wizard__toggle"
1204
+ aria-expanded="false"
1205
+ >
1206
+ <span class="pf-v6-c-wizard__toggle-list">
1207
+ <span class="pf-v6-c-wizard__toggle-list-item">
1208
+ <span class="pf-v6-c-wizard__toggle-num">2</span>
1209
+ Configuration
1210
+ <i
1211
+ class="fas fa-angle-right pf-v6-c-wizard__toggle-separator"
1212
+ aria-hidden="true"
1213
+ ></i>
1214
+ </span>
1215
+ <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
1216
+ </span>
1217
+ <span class="pf-v6-c-wizard__toggle-icon">
1218
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
1219
+ </span>
1220
+ </button>
1221
+ <div class="pf-v6-c-wizard__outer-wrap">
1222
+ <div class="pf-v6-c-wizard__inner-wrap">
1223
+ <nav class="pf-v6-c-wizard__nav" aria-label="Steps">
1224
+ <ol class="pf-v6-c-wizard__nav-list" role="list">
1225
+ <li class="pf-v6-c-wizard__nav-item">
1226
+ <button class="pf-v6-c-wizard__nav-link" type="button">
1227
+ <span class="pf-v6-c-wizard__nav-link-main">
1228
+ <span class="pf-v6-c-wizard__nav-link-text">Information</span>
1229
+ </span>
1230
+ </button>
1231
+ </li>
1232
+ <li class="pf-v6-c-wizard__nav-item pf-m-expandable pf-m-expanded">
1233
+ <button
1234
+ class="pf-v6-c-wizard__nav-link pf-m-current"
1235
+ type="button"
1236
+ aria-expanded="true"
1237
+ >
1238
+ <span class="pf-v6-c-wizard__nav-link-main">
1239
+ <span class="pf-v6-c-wizard__nav-link-text">Configuration</span>
1240
+ <span class="pf-v6-c-wizard__nav-link-toggle">
1241
+ <span class="pf-v6-c-wizard__nav-link-toggle-icon">
1242
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1243
+ </span>
1244
+ </span>
1245
+ </span>
1246
+ </button>
1247
+ <ol class="pf-v6-c-wizard__nav-list" role="list">
1248
+ <li class="pf-v6-c-wizard__nav-item">
1249
+ <button class="pf-v6-c-wizard__nav-link" type="button">
1250
+ <span class="pf-v6-c-wizard__nav-link-main">
1251
+ <span class="pf-v6-c-wizard__nav-link-text">Substep A</span>
1252
+ </span>
1253
+ </button>
1254
+ </li>
1255
+ <li class="pf-v6-c-wizard__nav-item">
1256
+ <button
1257
+ class="pf-v6-c-wizard__nav-link pf-m-current"
1258
+ type="button"
1259
+ aria-current="page"
1260
+ >
1261
+ <span class="pf-v6-c-wizard__nav-link-main">
1262
+ <span class="pf-v6-c-wizard__nav-link-text">Substep B</span>
1263
+ </span>
1264
+ </button>
1265
+ </li>
1266
+ <li class="pf-v6-c-wizard__nav-item">
1267
+ <button class="pf-v6-c-wizard__nav-link" type="button">
1268
+ <span class="pf-v6-c-wizard__nav-link-main">
1269
+ <span class="pf-v6-c-wizard__nav-link-text">Substep C</span>
1270
+ </span>
1271
+ </button>
1272
+ </li>
1273
+ </ol>
1274
+ </li>
1275
+ <li class="pf-v6-c-wizard__nav-item">
1276
+ <button class="pf-v6-c-wizard__nav-link" type="button">
1277
+ <span class="pf-v6-c-wizard__nav-link-main">
1278
+ <span class="pf-v6-c-wizard__nav-link-text">Additional</span>
1279
+ </span>
1280
+ </button>
1281
+ </li>
1282
+ <li class="pf-v6-c-wizard__nav-item">
1283
+ <button class="pf-v6-c-wizard__nav-link" type="button" disabled>
1284
+ <span class="pf-v6-c-wizard__nav-link-main">
1285
+ <span class="pf-v6-c-wizard__nav-link-text">Review</span>
1286
+ </span>
1287
+ </button>
1288
+ </li>
1289
+ </ol>
1290
+ </nav>
1291
+ <main class="pf-v6-c-wizard__main" tabindex="0">
1292
+ <div class="pf-v6-c-wizard__main-body">
1293
+ <form class="pf-v6-c-form pf-m-limit-width" novalidate>
1294
+ <div class="pf-v6-c-form__group">
1295
+ <div class="pf-v6-c-form__group-label"><label
1296
+ class="pf-v6-c-form__label"
1297
+ for="wizard-expandable-expanded-form-field1"
1298
+ >
1299
+ <span class="pf-v6-c-form__label-text">Field 1</span>&nbsp;<span
1300
+ class="pf-v6-c-form__label-required"
1301
+ aria-hidden="true"
1302
+ >&#42;</span></label>
1303
+ </div>
1304
+ <div class="pf-v6-c-form__group-control">
1305
+ <span class="pf-v6-c-form-control">
1306
+ <input
1307
+ type="text"
1308
+ id="wizard-expandable-expanded-form-field1"
1309
+ name="wizard-expandable-expanded-form-field1"
1310
+ />
1311
+ </span>
1312
+ </div>
1313
+ </div>
1314
+ <div class="pf-v6-c-form__group">
1315
+ <div class="pf-v6-c-form__group-label"><label
1316
+ class="pf-v6-c-form__label"
1317
+ for="wizard-expandable-expanded-form-field2"
1318
+ >
1319
+ <span class="pf-v6-c-form__label-text">Field 2</span>&nbsp;<span
1320
+ class="pf-v6-c-form__label-required"
1321
+ aria-hidden="true"
1322
+ >&#42;</span></label>
1323
+ </div>
1324
+ <div class="pf-v6-c-form__group-control">
1325
+ <span class="pf-v6-c-form-control">
1326
+ <input
1327
+ type="text"
1328
+ id="wizard-expandable-expanded-form-field2"
1329
+ name="wizard-expandable-expanded-form-field2"
1330
+ />
1331
+ </span>
1332
+ </div>
1333
+ </div>
1334
+ <div class="pf-v6-c-form__group">
1335
+ <div class="pf-v6-c-form__group-label"><label
1336
+ class="pf-v6-c-form__label"
1337
+ for="wizard-expandable-expanded-form-field3"
1338
+ >
1339
+ <span class="pf-v6-c-form__label-text">Field 3</span>&nbsp;<span
1340
+ class="pf-v6-c-form__label-required"
1341
+ aria-hidden="true"
1342
+ >&#42;</span></label>
1343
+ </div>
1344
+ <div class="pf-v6-c-form__group-control">
1345
+ <span class="pf-v6-c-form-control">
1346
+ <input
1347
+ type="text"
1348
+ id="wizard-expandable-expanded-form-field3"
1349
+ name="wizard-expandable-expanded-form-field3"
1350
+ />
1351
+ </span>
1352
+ </div>
1353
+ </div>
1354
+ <div class="pf-v6-c-form__group">
1355
+ <div class="pf-v6-c-form__group-label"><label
1356
+ class="pf-v6-c-form__label"
1357
+ for="wizard-expandable-expanded-form-field4"
1358
+ >
1359
+ <span class="pf-v6-c-form__label-text">Field 4</span>&nbsp;<span
1360
+ class="pf-v6-c-form__label-required"
1361
+ aria-hidden="true"
1362
+ >&#42;</span></label>
1363
+ </div>
1364
+ <div class="pf-v6-c-form__group-control">
1365
+ <span class="pf-v6-c-form-control">
1366
+ <input
1367
+ type="text"
1368
+ id="wizard-expandable-expanded-form-field4"
1369
+ name="wizard-expandable-expanded-form-field4"
1370
+ />
1371
+ </span>
1372
+ </div>
1373
+ </div>
1374
+ <div class="pf-v6-c-form__group">
1375
+ <div class="pf-v6-c-form__group-label"><label
1376
+ class="pf-v6-c-form__label"
1377
+ for="wizard-expandable-expanded-form-field5"
1378
+ >
1379
+ <span class="pf-v6-c-form__label-text">Field 5</span>&nbsp;<span
1380
+ class="pf-v6-c-form__label-required"
1381
+ aria-hidden="true"
1382
+ >&#42;</span></label>
1383
+ </div>
1384
+ <div class="pf-v6-c-form__group-control">
1385
+ <span class="pf-v6-c-form-control">
1386
+ <input
1387
+ type="text"
1388
+ id="wizard-expandable-expanded-form-field5"
1389
+ name="wizard-expandable-expanded-form-field5"
1390
+ />
1391
+ </span>
1392
+ </div>
1393
+ </div>
1394
+ <div class="pf-v6-c-form__group">
1395
+ <div class="pf-v6-c-form__group-label"><label
1396
+ class="pf-v6-c-form__label"
1397
+ for="wizard-expandable-expanded-form-field6"
1398
+ >
1399
+ <span class="pf-v6-c-form__label-text">Field 6</span>&nbsp;<span
1400
+ class="pf-v6-c-form__label-required"
1401
+ aria-hidden="true"
1402
+ >&#42;</span></label>
1403
+ </div>
1404
+ <div class="pf-v6-c-form__group-control">
1405
+ <span class="pf-v6-c-form-control">
1406
+ <input
1407
+ type="text"
1408
+ id="wizard-expandable-expanded-form-field6"
1409
+ name="wizard-expandable-expanded-form-field6"
1410
+ />
1411
+ </span>
1412
+ </div>
1413
+ </div>
1414
+ <div class="pf-v6-c-form__group">
1415
+ <div class="pf-v6-c-form__group-label"><label
1416
+ class="pf-v6-c-form__label"
1417
+ for="wizard-expandable-expanded-form-field7"
1418
+ >
1419
+ <span class="pf-v6-c-form__label-text">Field 7</span>&nbsp;<span
1420
+ class="pf-v6-c-form__label-required"
1421
+ aria-hidden="true"
1422
+ >&#42;</span></label>
1423
+ </div>
1424
+ <div class="pf-v6-c-form__group-control">
1425
+ <span class="pf-v6-c-form-control">
1426
+ <input
1427
+ type="text"
1428
+ id="wizard-expandable-expanded-form-field7"
1429
+ name="wizard-expandable-expanded-form-field7"
1430
+ />
1431
+ </span>
1432
+ </div>
1433
+ </div>
1434
+ </form>
1435
+ </div>
1436
+ </main>
1437
+ </div>
1438
+ <footer class="pf-v6-c-wizard__footer">
1439
+ <div class="pf-v6-c-action-list">
1440
+ <div class="pf-v6-c-action-list__group">
1441
+ <div class="pf-v6-c-action-list__item">
1442
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
1443
+ <span class="pf-v6-c-button__text">Back</span>
1444
+ </button>
1445
+ </div>
1446
+ <div class="pf-v6-c-action-list__item">
1447
+ <button class="pf-v6-c-button pf-m-primary" type="button">
1448
+ <span class="pf-v6-c-button__text">Next</span>
1449
+ </button>
1450
+ </div>
1451
+ </div>
1452
+ <div class="pf-v6-c-action-list__group">
1453
+ <div class="pf-v6-c-action-list__item">
1454
+ <button class="pf-v6-c-button pf-m-link" type="button">
1455
+ <span class="pf-v6-c-button__text">Cancel</span>
1456
+ </button>
1457
+ </div>
1458
+ </div>
1459
+ </div>
1460
+ </footer>
1461
+ </div>
1462
+ </div>
1463
+
1464
+ ```
1465
+
1466
+ ### Finished
1467
+
1468
+ ```html isFullscreen
1469
+ <div class="pf-v6-c-wizard pf-m-finished">
1470
+ <div class="pf-v6-c-wizard__header">
1471
+ <div class="pf-v6-c-wizard__close">
1472
+ <button
1473
+ class="pf-v6-c-button pf-m-plain"
1474
+ type="button"
1475
+ aria-label="Close"
1476
+ >
1477
+ <span class="pf-v6-c-button__icon">
1478
+ <i class="fas fa-times" aria-hidden="true"></i>
1479
+ </span>
1480
+ </button>
1481
+ </div>
1482
+ <div class="pf-v6-c-wizard__title">
1483
+ <h1 class="pf-v6-c-wizard__title-text">Wizard title</h1>
1484
+ </div>
1485
+ <div class="pf-v6-c-wizard__description">Here is where the description goes</div>
1486
+ </div>
1487
+ <button
1488
+ aria-label="Wizard Header Toggle"
1489
+ class="pf-v6-c-wizard__toggle"
1490
+ aria-expanded="false"
1491
+ >
1492
+ <span class="pf-v6-c-wizard__toggle-list">
1493
+ <span class="pf-v6-c-wizard__toggle-list-item">
1494
+ <span class="pf-v6-c-wizard__toggle-num">2</span>
1495
+ Configuration
1496
+ <i
1497
+ class="fas fa-angle-right pf-v6-c-wizard__toggle-separator"
1498
+ aria-hidden="true"
1499
+ ></i>
1500
+ </span>
1501
+ <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
1502
+ </span>
1503
+ <span class="pf-v6-c-wizard__toggle-icon">
1504
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
1505
+ </span>
1506
+ </button>
1507
+ <div class="pf-v6-c-wizard__outer-wrap">
1508
+ <div class="pf-v6-c-wizard__inner-wrap">
1509
+ <nav class="pf-v6-c-wizard__nav" aria-label="Steps">
1510
+ <ol class="pf-v6-c-wizard__nav-list" role="list">
1511
+ <li class="pf-v6-c-wizard__nav-item">
1512
+ <button class="pf-v6-c-wizard__nav-link" type="button">
1513
+ <span class="pf-v6-c-wizard__nav-link-main">
1514
+ <span class="pf-v6-c-wizard__nav-link-text">Information</span>
1515
+ </span>
1516
+ </button>
1517
+ </li>
1518
+ <li class="pf-v6-c-wizard__nav-item">
1519
+ <button class="pf-v6-c-wizard__nav-link" type="button">
1520
+ <span class="pf-v6-c-wizard__nav-link-main">
1521
+ <span class="pf-v6-c-wizard__nav-link-text">Configuration</span>
1522
+ </span>
1523
+ </button>
1524
+ <ol class="pf-v6-c-wizard__nav-list" role="list">
1525
+ <li class="pf-v6-c-wizard__nav-item">
1526
+ <button class="pf-v6-c-wizard__nav-link" type="button">
1527
+ <span class="pf-v6-c-wizard__nav-link-main">
1528
+ <span class="pf-v6-c-wizard__nav-link-text">Substep A</span>
1529
+ </span>
1530
+ </button>
1531
+ </li>
1532
+ <li class="pf-v6-c-wizard__nav-item">
1533
+ <button class="pf-v6-c-wizard__nav-link" type="button">
1534
+ <span class="pf-v6-c-wizard__nav-link-main">
1535
+ <span class="pf-v6-c-wizard__nav-link-text">Substep B</span>
1536
+ </span>
1537
+ </button>
1538
+ </li>
1539
+ <li class="pf-v6-c-wizard__nav-item">
1540
+ <button class="pf-v6-c-wizard__nav-link" type="button">
1541
+ <span class="pf-v6-c-wizard__nav-link-main">
1542
+ <span class="pf-v6-c-wizard__nav-link-text">Substep C</span>
1543
+ </span>
1544
+ </button>
1545
+ </li>
1546
+ </ol>
1547
+ </li>
1548
+ <li class="pf-v6-c-wizard__nav-item">
1549
+ <button class="pf-v6-c-wizard__nav-link" type="button">
1550
+ <span class="pf-v6-c-wizard__nav-link-main">
1551
+ <span class="pf-v6-c-wizard__nav-link-text">Additional</span>
1552
+ </span>
1553
+ </button>
1554
+ </li>
1555
+ <li class="pf-v6-c-wizard__nav-item">
1556
+ <button class="pf-v6-c-wizard__nav-link" type="button">
1557
+ <span class="pf-v6-c-wizard__nav-link-main">
1558
+ <span class="pf-v6-c-wizard__nav-link-text">Review</span>
1559
+ </span>
1560
+ </button>
1561
+ </li>
1562
+ </ol>
1563
+ </nav>
1564
+ <main class="pf-v6-c-wizard__main" tabindex="0">
1565
+ <div class="pf-v6-c-wizard__main-body">
1566
+ <div class="pf-v6-l-bullseye">
1567
+ <div class="pf-v6-c-empty-state pf-m-lg">
1568
+ <div class="pf-v6-c-empty-state__content">
1569
+ <div class="pf-v6-c-empty-state__icon">
1570
+ <i class="fas fa- fa-cogs" aria-hidden="true"></i>
1571
+ </div>
1572
+
1573
+ <div
1574
+ class="pf-v6-c-empty-state__title"
1575
+ id="wizard-finished-empty-state-title"
1576
+ >
1577
+ <h1
1578
+ class="pf-v6-c-empty-state__title-text"
1579
+ >Validating credentials</h1>
1580
+ </div>
1581
+ <div class="pf-v6-c-empty-state__body">
1582
+ <div
1583
+ class="pf-v6-c-progress pf-m-singleline"
1584
+ id="progress-singleline-example"
1585
+ >
1586
+ <div class="pf-v6-c-progress__status" aria-hidden="true">
1587
+ <span class="pf-v6-c-progress__measure">33%</span>
1588
+ </div>
1589
+ <div
1590
+ class="pf-v6-c-progress__bar"
1591
+ role="progressbar"
1592
+ aria-valuemin="0"
1593
+ aria-valuemax="100"
1594
+ aria-valuenow="33"
1595
+ aria-labelledby="wizard-finished-empty-state-title"
1596
+ aria-label="Progress status"
1597
+ >
1598
+ <div
1599
+ class="pf-v6-c-progress__indicator"
1600
+ style="width:33%;"
1601
+ ></div>
1602
+ </div>
1603
+ </div>
1604
+ </div>
1605
+ <div
1606
+ class="pf-v6-c-empty-state__body"
1607
+ >Description can be used to further elaborate on the validation step, or give the user a better idea of how long the process will take.</div>
1608
+ <button class="pf-v6-c-button pf-m-link" type="button">
1609
+ <span class="pf-v6-c-button__text">Cancel</span>
1610
+ </button>
1611
+ </div>
1612
+ </div>
1613
+ </div>
1614
+ </div>
1615
+ </main>
1616
+ </div>
1617
+ <footer class="pf-v6-c-wizard__footer">
1618
+ <div class="pf-v6-c-action-list">
1619
+ <div class="pf-v6-c-action-list__group">
1620
+ <div class="pf-v6-c-action-list__item">
1621
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
1622
+ <span class="pf-v6-c-button__text">Back</span>
1623
+ </button>
1624
+ </div>
1625
+ <div class="pf-v6-c-action-list__item">
1626
+ <button class="pf-v6-c-button pf-m-primary" type="button">
1627
+ <span class="pf-v6-c-button__text">Next</span>
1628
+ </button>
1629
+ </div>
1630
+ </div>
1631
+ <div class="pf-v6-c-action-list__group">
1632
+ <div class="pf-v6-c-action-list__item">
1633
+ <button class="pf-v6-c-button pf-m-link" type="button">
1634
+ <span class="pf-v6-c-button__text">Cancel</span>
1635
+ </button>
1636
+ </div>
1637
+ </div>
1638
+ </div>
1639
+ </footer>
1640
+ </div>
1641
+ </div>
1642
+
1643
+ ```
1644
+
1645
+ ### Error on step
1646
+
1647
+ ```html isFullscreen
1648
+ <div class="pf-v6-c-wizard">
1649
+ <div class="pf-v6-c-wizard__header">
1650
+ <div class="pf-v6-c-wizard__close">
1651
+ <button
1652
+ class="pf-v6-c-button pf-m-plain"
1653
+ type="button"
1654
+ aria-label="Close"
1655
+ >
1656
+ <span class="pf-v6-c-button__icon">
1657
+ <i class="fas fa-times" aria-hidden="true"></i>
1658
+ </span>
1659
+ </button>
1660
+ </div>
1661
+ <div class="pf-v6-c-wizard__title">
1662
+ <h1 class="pf-v6-c-wizard__title-text">Wizard title</h1>
1663
+ </div>
1664
+ <div class="pf-v6-c-wizard__description">Here is where the description goes</div>
1665
+ </div>
1666
+ <button
1667
+ aria-label="Wizard Header Toggle"
1668
+ class="pf-v6-c-wizard__toggle"
1669
+ aria-expanded="false"
1670
+ >
1671
+ <span class="pf-v6-c-wizard__toggle-list">
1672
+ <span class="pf-v6-c-wizard__toggle-list-item pf-m-danger">
1673
+ <span class="pf-v6-c-wizard__toggle-status-icon">
1674
+ <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
1675
+ </span>
1676
+ Configuration
1677
+ <i
1678
+ class="fas fa-angle-right pf-v6-c-wizard__toggle-separator"
1679
+ aria-hidden="true"
1680
+ ></i>
1681
+ </span>
1682
+ <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
1683
+ </span>
1684
+ <span class="pf-v6-c-wizard__toggle-icon">
1685
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
1686
+ </span>
1687
+ </button>
1688
+ <div class="pf-v6-c-wizard__outer-wrap">
1689
+ <div class="pf-v6-c-wizard__inner-wrap">
1690
+ <nav class="pf-v6-c-wizard__nav" aria-label="Steps">
1691
+ <ol class="pf-v6-c-wizard__nav-list" role="list">
1692
+ <li class="pf-v6-c-wizard__nav-item">
1693
+ <button class="pf-v6-c-wizard__nav-link" type="button">
1694
+ <span class="pf-v6-c-wizard__nav-link-main">
1695
+ <span class="pf-v6-c-wizard__nav-link-text">Information</span>
1696
+ </span>
1697
+ </button>
1698
+ </li>
1699
+ <li class="pf-v6-c-wizard__nav-item pf-m-expandable pf-m-expanded">
1700
+ <button
1701
+ class="pf-v6-c-wizard__nav-link pf-m-danger pf-m-current"
1702
+ type="button"
1703
+ aria-expanded="true"
1704
+ >
1705
+ <span class="pf-v6-c-wizard__nav-link-status-icon">
1706
+ <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
1707
+ </span>
1708
+ <span class="pf-v6-c-wizard__nav-link-main">
1709
+ <span class="pf-v6-c-wizard__nav-link-text">Configuration</span>
1710
+ <span class="pf-v6-c-wizard__nav-link-toggle">
1711
+ <span class="pf-v6-c-wizard__nav-link-toggle-icon">
1712
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1713
+ </span>
1714
+ </span>
1715
+ </span>
1716
+ </button>
1717
+ <ol class="pf-v6-c-wizard__nav-list" role="list">
1718
+ <li class="pf-v6-c-wizard__nav-item">
1719
+ <button class="pf-v6-c-wizard__nav-link" type="button">
1720
+ <span class="pf-v6-c-wizard__nav-link-main">
1721
+ <span class="pf-v6-c-wizard__nav-link-text">Substep A</span>
1722
+ </span>
1723
+ </button>
1724
+ </li>
1725
+ <li class="pf-v6-c-wizard__nav-item">
1726
+ <button
1727
+ class="pf-v6-c-wizard__nav-link pf-m-current"
1728
+ type="button"
1729
+ aria-current="page"
1730
+ >
1731
+ <span class="pf-v6-c-wizard__nav-link-main">
1732
+ <span class="pf-v6-c-wizard__nav-link-text">Substep B</span>
1733
+ </span>
1734
+ </button>
1735
+ </li>
1736
+ <li class="pf-v6-c-wizard__nav-item">
1737
+ <button class="pf-v6-c-wizard__nav-link" type="button">
1738
+ <span class="pf-v6-c-wizard__nav-link-main">
1739
+ <span class="pf-v6-c-wizard__nav-link-text">Substep C</span>
1740
+ </span>
1741
+ </button>
1742
+ </li>
1743
+ </ol>
1744
+ </li>
1745
+ <li class="pf-v6-c-wizard__nav-item">
1746
+ <button class="pf-v6-c-wizard__nav-link" type="button">
1747
+ <span class="pf-v6-c-wizard__nav-link-main">
1748
+ <span class="pf-v6-c-wizard__nav-link-text">Additional</span>
1749
+ </span>
1750
+ </button>
1751
+ </li>
1752
+ <li class="pf-v6-c-wizard__nav-item">
1753
+ <button class="pf-v6-c-wizard__nav-link" type="button" disabled>
1754
+ <span class="pf-v6-c-wizard__nav-link-main">
1755
+ <span class="pf-v6-c-wizard__nav-link-text">Review</span>
1756
+ </span>
1757
+ </button>
1758
+ </li>
1759
+ </ol>
1760
+ </nav>
1761
+ <main class="pf-v6-c-wizard__main" tabindex="0">
1762
+ <div class="pf-v6-c-wizard__main-body">
1763
+ <form class="pf-v6-c-form pf-m-limit-width" novalidate>
1764
+ <div class="pf-v6-c-form__group">
1765
+ <div class="pf-v6-c-form__group-label"><label
1766
+ class="pf-v6-c-form__label"
1767
+ for="wizard-error-on-step-example-form-field1"
1768
+ >
1769
+ <span class="pf-v6-c-form__label-text">Field 1</span>&nbsp;<span
1770
+ class="pf-v6-c-form__label-required"
1771
+ aria-hidden="true"
1772
+ >&#42;</span></label>
1773
+ </div>
1774
+ <div class="pf-v6-c-form__group-control">
1775
+ <span class="pf-v6-c-form-control">
1776
+ <input
1777
+ type="text"
1778
+ id="wizard-error-on-step-example-form-field1"
1779
+ name="wizard-error-on-step-example-form-field1"
1780
+ />
1781
+ </span>
1782
+ </div>
1783
+ </div>
1784
+ <div class="pf-v6-c-form__group">
1785
+ <div class="pf-v6-c-form__group-label"><label
1786
+ class="pf-v6-c-form__label"
1787
+ for="wizard-error-on-step-example-form-field2"
1788
+ >
1789
+ <span class="pf-v6-c-form__label-text">Field 2</span>&nbsp;<span
1790
+ class="pf-v6-c-form__label-required"
1791
+ aria-hidden="true"
1792
+ >&#42;</span></label>
1793
+ </div>
1794
+ <div class="pf-v6-c-form__group-control">
1795
+ <span class="pf-v6-c-form-control">
1796
+ <input
1797
+ type="text"
1798
+ id="wizard-error-on-step-example-form-field2"
1799
+ name="wizard-error-on-step-example-form-field2"
1800
+ />
1801
+ </span>
1802
+ </div>
1803
+ </div>
1804
+ <div class="pf-v6-c-form__group">
1805
+ <div class="pf-v6-c-form__group-label"><label
1806
+ class="pf-v6-c-form__label"
1807
+ for="wizard-error-on-step-example-form-field3"
1808
+ >
1809
+ <span class="pf-v6-c-form__label-text">Field 3</span>&nbsp;<span
1810
+ class="pf-v6-c-form__label-required"
1811
+ aria-hidden="true"
1812
+ >&#42;</span></label>
1813
+ </div>
1814
+ <div class="pf-v6-c-form__group-control">
1815
+ <span class="pf-v6-c-form-control">
1816
+ <input
1817
+ type="text"
1818
+ id="wizard-error-on-step-example-form-field3"
1819
+ name="wizard-error-on-step-example-form-field3"
1820
+ />
1821
+ </span>
1822
+ </div>
1823
+ </div>
1824
+ <div class="pf-v6-c-form__group">
1825
+ <div class="pf-v6-c-form__group-label"><label
1826
+ class="pf-v6-c-form__label"
1827
+ for="wizard-error-on-step-example-form-field4"
1828
+ >
1829
+ <span class="pf-v6-c-form__label-text">Field 4</span>&nbsp;<span
1830
+ class="pf-v6-c-form__label-required"
1831
+ aria-hidden="true"
1832
+ >&#42;</span></label>
1833
+ </div>
1834
+ <div class="pf-v6-c-form__group-control">
1835
+ <span class="pf-v6-c-form-control">
1836
+ <input
1837
+ type="text"
1838
+ id="wizard-error-on-step-example-form-field4"
1839
+ name="wizard-error-on-step-example-form-field4"
1840
+ />
1841
+ </span>
1842
+ </div>
1843
+ </div>
1844
+ <div class="pf-v6-c-form__group">
1845
+ <div class="pf-v6-c-form__group-label"><label
1846
+ class="pf-v6-c-form__label"
1847
+ for="wizard-error-on-step-example-form-field5"
1848
+ >
1849
+ <span class="pf-v6-c-form__label-text">Field 5</span>&nbsp;<span
1850
+ class="pf-v6-c-form__label-required"
1851
+ aria-hidden="true"
1852
+ >&#42;</span></label>
1853
+ </div>
1854
+ <div class="pf-v6-c-form__group-control">
1855
+ <span class="pf-v6-c-form-control">
1856
+ <input
1857
+ type="text"
1858
+ id="wizard-error-on-step-example-form-field5"
1859
+ name="wizard-error-on-step-example-form-field5"
1860
+ />
1861
+ </span>
1862
+ </div>
1863
+ </div>
1864
+ <div class="pf-v6-c-form__group">
1865
+ <div class="pf-v6-c-form__group-label"><label
1866
+ class="pf-v6-c-form__label"
1867
+ for="wizard-error-on-step-example-form-field6"
1868
+ >
1869
+ <span class="pf-v6-c-form__label-text">Field 6</span>&nbsp;<span
1870
+ class="pf-v6-c-form__label-required"
1871
+ aria-hidden="true"
1872
+ >&#42;</span></label>
1873
+ </div>
1874
+ <div class="pf-v6-c-form__group-control">
1875
+ <span class="pf-v6-c-form-control">
1876
+ <input
1877
+ type="text"
1878
+ id="wizard-error-on-step-example-form-field6"
1879
+ name="wizard-error-on-step-example-form-field6"
1880
+ />
1881
+ </span>
1882
+ </div>
1883
+ </div>
1884
+ <div class="pf-v6-c-form__group">
1885
+ <div class="pf-v6-c-form__group-label"><label
1886
+ class="pf-v6-c-form__label"
1887
+ for="wizard-error-on-step-example-form-field7"
1888
+ >
1889
+ <span class="pf-v6-c-form__label-text">Field 7</span>&nbsp;<span
1890
+ class="pf-v6-c-form__label-required"
1891
+ aria-hidden="true"
1892
+ >&#42;</span></label>
1893
+ </div>
1894
+ <div class="pf-v6-c-form__group-control">
1895
+ <span class="pf-v6-c-form-control">
1896
+ <input
1897
+ type="text"
1898
+ id="wizard-error-on-step-example-form-field7"
1899
+ name="wizard-error-on-step-example-form-field7"
1900
+ />
1901
+ </span>
1902
+ </div>
1903
+ </div>
1904
+ </form>
1905
+ </div>
1906
+ </main>
1907
+ </div>
1908
+ <footer class="pf-v6-c-wizard__footer">
1909
+ <div class="pf-v6-c-action-list">
1910
+ <div class="pf-v6-c-action-list__group">
1911
+ <div class="pf-v6-c-action-list__item">
1912
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
1913
+ <span class="pf-v6-c-button__text">Back</span>
1914
+ </button>
1915
+ </div>
1916
+ <div class="pf-v6-c-action-list__item">
1917
+ <button class="pf-v6-c-button pf-m-primary" type="button">
1918
+ <span class="pf-v6-c-button__text">Next</span>
1919
+ </button>
1920
+ </div>
1921
+ </div>
1922
+ <div class="pf-v6-c-action-list__group">
1923
+ <div class="pf-v6-c-action-list__item">
1924
+ <button class="pf-v6-c-button pf-m-link" type="button">
1925
+ <span class="pf-v6-c-button__text">Cancel</span>
1926
+ </button>
1927
+ </div>
1928
+ </div>
1929
+ </div>
1930
+ </footer>
1931
+ </div>
1932
+ </div>
1933
+
1934
+ ```
1935
+
1936
+ ### Nav expanded with error (mobile)
1937
+
1938
+ ```html isFullscreen
1939
+ <div class="pf-v6-c-wizard">
1940
+ <div class="pf-v6-c-wizard__header">
1941
+ <div class="pf-v6-c-wizard__close">
1942
+ <button
1943
+ class="pf-v6-c-button pf-m-plain"
1944
+ type="button"
1945
+ aria-label="Close"
1946
+ >
1947
+ <span class="pf-v6-c-button__icon">
1948
+ <i class="fas fa-times" aria-hidden="true"></i>
1949
+ </span>
1950
+ </button>
1951
+ </div>
1952
+ <div class="pf-v6-c-wizard__title">
1953
+ <h1 class="pf-v6-c-wizard__title-text">Wizard title</h1>
1954
+ </div>
1955
+ <div class="pf-v6-c-wizard__description">Here is where the description goes</div>
1956
+ </div>
1957
+ <button
1958
+ aria-label="Wizard Header Toggle"
1959
+ class="pf-v6-c-wizard__toggle pf-m-expanded"
1960
+ aria-expanded="true"
1961
+ >
1962
+ <span class="pf-v6-c-wizard__toggle-list">
1963
+ <span class="pf-v6-c-wizard__toggle-list-item pf-m-danger">
1964
+ <span class="pf-v6-c-wizard__toggle-status-icon">
1965
+ <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
1966
+ </span>
1967
+ Configuration
1968
+ <i
1969
+ class="fas fa-angle-right pf-v6-c-wizard__toggle-separator"
1970
+ aria-hidden="true"
1971
+ ></i>
1972
+ </span>
1973
+ <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
1974
+ </span>
1975
+ <span class="pf-v6-c-wizard__toggle-icon">
1976
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
1977
+ </span>
1978
+ </button>
1979
+ <div class="pf-v6-c-wizard__outer-wrap">
1980
+ <div class="pf-v6-c-wizard__inner-wrap">
1981
+ <nav class="pf-v6-c-wizard__nav pf-m-expanded" aria-label="Steps">
1982
+ <ol class="pf-v6-c-wizard__nav-list" role="list">
1983
+ <li class="pf-v6-c-wizard__nav-item">
1984
+ <button class="pf-v6-c-wizard__nav-link" type="button">
1985
+ <span class="pf-v6-c-wizard__nav-link-main">
1986
+ <span class="pf-v6-c-wizard__nav-link-text">Information</span>
1987
+ </span>
1988
+ </button>
1989
+ </li>
1990
+ <li class="pf-v6-c-wizard__nav-item pf-m-expandable pf-m-expanded">
1991
+ <button
1992
+ class="pf-v6-c-wizard__nav-link pf-m-danger pf-m-current"
1993
+ type="button"
1994
+ aria-expanded="true"
1995
+ >
1996
+ <span class="pf-v6-c-wizard__nav-link-status-icon">
1997
+ <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
1998
+ </span>
1999
+ <span class="pf-v6-c-wizard__nav-link-main">
2000
+ <span class="pf-v6-c-wizard__nav-link-text">Configuration</span>
2001
+ <span class="pf-v6-c-wizard__nav-link-toggle">
2002
+ <span class="pf-v6-c-wizard__nav-link-toggle-icon">
2003
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2004
+ </span>
2005
+ </span>
2006
+ </span>
2007
+ </button>
2008
+ <ol class="pf-v6-c-wizard__nav-list" role="list">
2009
+ <li class="pf-v6-c-wizard__nav-item">
2010
+ <button class="pf-v6-c-wizard__nav-link" type="button">
2011
+ <span class="pf-v6-c-wizard__nav-link-main">
2012
+ <span class="pf-v6-c-wizard__nav-link-text">Substep A</span>
2013
+ </span>
2014
+ </button>
2015
+ </li>
2016
+ <li class="pf-v6-c-wizard__nav-item">
2017
+ <button
2018
+ class="pf-v6-c-wizard__nav-link pf-m-current"
2019
+ type="button"
2020
+ aria-current="page"
2021
+ >
2022
+ <span class="pf-v6-c-wizard__nav-link-main">
2023
+ <span class="pf-v6-c-wizard__nav-link-text">Substep B</span>
2024
+ </span>
2025
+ </button>
2026
+ </li>
2027
+ <li class="pf-v6-c-wizard__nav-item">
2028
+ <button class="pf-v6-c-wizard__nav-link" type="button">
2029
+ <span class="pf-v6-c-wizard__nav-link-main">
2030
+ <span class="pf-v6-c-wizard__nav-link-text">Substep C</span>
2031
+ </span>
2032
+ </button>
2033
+ </li>
2034
+ </ol>
2035
+ </li>
2036
+ <li class="pf-v6-c-wizard__nav-item">
2037
+ <button class="pf-v6-c-wizard__nav-link" type="button">
2038
+ <span class="pf-v6-c-wizard__nav-link-main">
2039
+ <span class="pf-v6-c-wizard__nav-link-text">Additional</span>
2040
+ </span>
2041
+ </button>
2042
+ </li>
2043
+ <li class="pf-v6-c-wizard__nav-item">
2044
+ <button class="pf-v6-c-wizard__nav-link" type="button" disabled>
2045
+ <span class="pf-v6-c-wizard__nav-link-main">
2046
+ <span class="pf-v6-c-wizard__nav-link-text">Review</span>
2047
+ </span>
2048
+ </button>
2049
+ </li>
2050
+ </ol>
2051
+ </nav>
2052
+ <main class="pf-v6-c-wizard__main" tabindex="0">
2053
+ <div class="pf-v6-c-wizard__main-body">
2054
+ <form class="pf-v6-c-form pf-m-limit-width" novalidate>
2055
+ <div class="pf-v6-c-form__group">
2056
+ <div class="pf-v6-c-form__group-label"><label
2057
+ class="pf-v6-c-form__label"
2058
+ for="wizard-error-on-step-nav-expanded-example-form-field1"
2059
+ >
2060
+ <span class="pf-v6-c-form__label-text">Field 1</span>&nbsp;<span
2061
+ class="pf-v6-c-form__label-required"
2062
+ aria-hidden="true"
2063
+ >&#42;</span></label>
2064
+ </div>
2065
+ <div class="pf-v6-c-form__group-control">
2066
+ <span class="pf-v6-c-form-control">
2067
+ <input
2068
+ type="text"
2069
+ id="wizard-error-on-step-nav-expanded-example-form-field1"
2070
+ name="wizard-error-on-step-nav-expanded-example-form-field1"
2071
+ />
2072
+ </span>
2073
+ </div>
2074
+ </div>
2075
+ <div class="pf-v6-c-form__group">
2076
+ <div class="pf-v6-c-form__group-label"><label
2077
+ class="pf-v6-c-form__label"
2078
+ for="wizard-error-on-step-nav-expanded-example-form-field2"
2079
+ >
2080
+ <span class="pf-v6-c-form__label-text">Field 2</span>&nbsp;<span
2081
+ class="pf-v6-c-form__label-required"
2082
+ aria-hidden="true"
2083
+ >&#42;</span></label>
2084
+ </div>
2085
+ <div class="pf-v6-c-form__group-control">
2086
+ <span class="pf-v6-c-form-control">
2087
+ <input
2088
+ type="text"
2089
+ id="wizard-error-on-step-nav-expanded-example-form-field2"
2090
+ name="wizard-error-on-step-nav-expanded-example-form-field2"
2091
+ />
2092
+ </span>
2093
+ </div>
2094
+ </div>
2095
+ <div class="pf-v6-c-form__group">
2096
+ <div class="pf-v6-c-form__group-label"><label
2097
+ class="pf-v6-c-form__label"
2098
+ for="wizard-error-on-step-nav-expanded-example-form-field3"
2099
+ >
2100
+ <span class="pf-v6-c-form__label-text">Field 3</span>&nbsp;<span
2101
+ class="pf-v6-c-form__label-required"
2102
+ aria-hidden="true"
2103
+ >&#42;</span></label>
2104
+ </div>
2105
+ <div class="pf-v6-c-form__group-control">
2106
+ <span class="pf-v6-c-form-control">
2107
+ <input
2108
+ type="text"
2109
+ id="wizard-error-on-step-nav-expanded-example-form-field3"
2110
+ name="wizard-error-on-step-nav-expanded-example-form-field3"
2111
+ />
2112
+ </span>
2113
+ </div>
2114
+ </div>
2115
+ <div class="pf-v6-c-form__group">
2116
+ <div class="pf-v6-c-form__group-label"><label
2117
+ class="pf-v6-c-form__label"
2118
+ for="wizard-error-on-step-nav-expanded-example-form-field4"
2119
+ >
2120
+ <span class="pf-v6-c-form__label-text">Field 4</span>&nbsp;<span
2121
+ class="pf-v6-c-form__label-required"
2122
+ aria-hidden="true"
2123
+ >&#42;</span></label>
2124
+ </div>
2125
+ <div class="pf-v6-c-form__group-control">
2126
+ <span class="pf-v6-c-form-control">
2127
+ <input
2128
+ type="text"
2129
+ id="wizard-error-on-step-nav-expanded-example-form-field4"
2130
+ name="wizard-error-on-step-nav-expanded-example-form-field4"
2131
+ />
2132
+ </span>
2133
+ </div>
2134
+ </div>
2135
+ <div class="pf-v6-c-form__group">
2136
+ <div class="pf-v6-c-form__group-label"><label
2137
+ class="pf-v6-c-form__label"
2138
+ for="wizard-error-on-step-nav-expanded-example-form-field5"
2139
+ >
2140
+ <span class="pf-v6-c-form__label-text">Field 5</span>&nbsp;<span
2141
+ class="pf-v6-c-form__label-required"
2142
+ aria-hidden="true"
2143
+ >&#42;</span></label>
2144
+ </div>
2145
+ <div class="pf-v6-c-form__group-control">
2146
+ <span class="pf-v6-c-form-control">
2147
+ <input
2148
+ type="text"
2149
+ id="wizard-error-on-step-nav-expanded-example-form-field5"
2150
+ name="wizard-error-on-step-nav-expanded-example-form-field5"
2151
+ />
2152
+ </span>
2153
+ </div>
2154
+ </div>
2155
+ <div class="pf-v6-c-form__group">
2156
+ <div class="pf-v6-c-form__group-label"><label
2157
+ class="pf-v6-c-form__label"
2158
+ for="wizard-error-on-step-nav-expanded-example-form-field6"
2159
+ >
2160
+ <span class="pf-v6-c-form__label-text">Field 6</span>&nbsp;<span
2161
+ class="pf-v6-c-form__label-required"
2162
+ aria-hidden="true"
2163
+ >&#42;</span></label>
2164
+ </div>
2165
+ <div class="pf-v6-c-form__group-control">
2166
+ <span class="pf-v6-c-form-control">
2167
+ <input
2168
+ type="text"
2169
+ id="wizard-error-on-step-nav-expanded-example-form-field6"
2170
+ name="wizard-error-on-step-nav-expanded-example-form-field6"
2171
+ />
2172
+ </span>
2173
+ </div>
2174
+ </div>
2175
+ <div class="pf-v6-c-form__group">
2176
+ <div class="pf-v6-c-form__group-label"><label
2177
+ class="pf-v6-c-form__label"
2178
+ for="wizard-error-on-step-nav-expanded-example-form-field7"
2179
+ >
2180
+ <span class="pf-v6-c-form__label-text">Field 7</span>&nbsp;<span
2181
+ class="pf-v6-c-form__label-required"
2182
+ aria-hidden="true"
2183
+ >&#42;</span></label>
2184
+ </div>
2185
+ <div class="pf-v6-c-form__group-control">
2186
+ <span class="pf-v6-c-form-control">
2187
+ <input
2188
+ type="text"
2189
+ id="wizard-error-on-step-nav-expanded-example-form-field7"
2190
+ name="wizard-error-on-step-nav-expanded-example-form-field7"
2191
+ />
2192
+ </span>
2193
+ </div>
2194
+ </div>
2195
+ </form>
2196
+ </div>
2197
+ </main>
2198
+ </div>
2199
+ <footer class="pf-v6-c-wizard__footer">
2200
+ <div class="pf-v6-c-action-list">
2201
+ <div class="pf-v6-c-action-list__group">
2202
+ <div class="pf-v6-c-action-list__item">
2203
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
2204
+ <span class="pf-v6-c-button__text">Back</span>
2205
+ </button>
2206
+ </div>
2207
+ <div class="pf-v6-c-action-list__item">
2208
+ <button class="pf-v6-c-button pf-m-primary" type="button">
2209
+ <span class="pf-v6-c-button__text">Next</span>
2210
+ </button>
2211
+ </div>
2212
+ </div>
2213
+ <div class="pf-v6-c-action-list__group">
2214
+ <div class="pf-v6-c-action-list__item">
2215
+ <button class="pf-v6-c-button pf-m-link" type="button">
2216
+ <span class="pf-v6-c-button__text">Cancel</span>
2217
+ </button>
2218
+ </div>
2219
+ </div>
2220
+ </div>
2221
+ </footer>
2222
+ </div>
2223
+ </div>
2224
+
2225
+ ```
2226
+
2227
+ ### Success on step
2228
+
2229
+ ```html isFullscreen
2230
+ <div class="pf-v6-c-wizard">
2231
+ <div class="pf-v6-c-wizard__header">
2232
+ <div class="pf-v6-c-wizard__close">
2233
+ <button
2234
+ class="pf-v6-c-button pf-m-plain"
2235
+ type="button"
2236
+ aria-label="Close"
2237
+ >
2238
+ <span class="pf-v6-c-button__icon">
2239
+ <i class="fas fa-times" aria-hidden="true"></i>
2240
+ </span>
2241
+ </button>
2242
+ </div>
2243
+ <div class="pf-v6-c-wizard__title">
2244
+ <h1 class="pf-v6-c-wizard__title-text">Wizard title</h1>
2245
+ </div>
2246
+ <div class="pf-v6-c-wizard__description">Here is where the description goes</div>
2247
+ </div>
2248
+ <button
2249
+ aria-label="Wizard Header Toggle"
2250
+ class="pf-v6-c-wizard__toggle"
2251
+ aria-expanded="false"
2252
+ >
2253
+ <span class="pf-v6-c-wizard__toggle-list">
2254
+ <span class="pf-v6-c-wizard__toggle-list-item pf-m-success">
2255
+ <span class="pf-v6-c-wizard__toggle-status-icon">
2256
+ <i class="fas fa-check-circle" aria-hidden="true"></i>
2257
+ </span>
2258
+ Configuration
2259
+ <i
2260
+ class="fas fa-angle-right pf-v6-c-wizard__toggle-separator"
2261
+ aria-hidden="true"
2262
+ ></i>
2263
+ </span>
2264
+ <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
2265
+ </span>
2266
+ <span class="pf-v6-c-wizard__toggle-icon">
2267
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
2268
+ </span>
2269
+ </button>
2270
+ <div class="pf-v6-c-wizard__outer-wrap">
2271
+ <div class="pf-v6-c-wizard__inner-wrap">
2272
+ <nav class="pf-v6-c-wizard__nav" aria-label="Steps">
2273
+ <ol class="pf-v6-c-wizard__nav-list" role="list">
2274
+ <li class="pf-v6-c-wizard__nav-item">
2275
+ <button class="pf-v6-c-wizard__nav-link" type="button">
2276
+ <span class="pf-v6-c-wizard__nav-link-main">
2277
+ <span class="pf-v6-c-wizard__nav-link-text">Information</span>
2278
+ </span>
2279
+ </button>
2280
+ </li>
2281
+ <li class="pf-v6-c-wizard__nav-item pf-m-expandable pf-m-expanded">
2282
+ <button
2283
+ class="pf-v6-c-wizard__nav-link pf-m-success pf-m-current"
2284
+ type="button"
2285
+ aria-expanded="true"
2286
+ >
2287
+ <span class="pf-v6-c-wizard__nav-link-status-icon">
2288
+ <i class="fas fa-check-circle" aria-hidden="true"></i>
2289
+ </span>
2290
+ <span class="pf-v6-c-wizard__nav-link-main">
2291
+ <span class="pf-v6-c-wizard__nav-link-text">Configuration</span>
2292
+ <span class="pf-v6-c-wizard__nav-link-toggle">
2293
+ <span class="pf-v6-c-wizard__nav-link-toggle-icon">
2294
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2295
+ </span>
2296
+ </span>
2297
+ </span>
2298
+ </button>
2299
+ <ol class="pf-v6-c-wizard__nav-list" role="list">
2300
+ <li class="pf-v6-c-wizard__nav-item">
2301
+ <button class="pf-v6-c-wizard__nav-link" type="button">
2302
+ <span class="pf-v6-c-wizard__nav-link-main">
2303
+ <span class="pf-v6-c-wizard__nav-link-text">Substep A</span>
2304
+ </span>
2305
+ </button>
2306
+ </li>
2307
+ <li class="pf-v6-c-wizard__nav-item">
2308
+ <button
2309
+ class="pf-v6-c-wizard__nav-link pf-m-current"
2310
+ type="button"
2311
+ aria-current="page"
2312
+ >
2313
+ <span class="pf-v6-c-wizard__nav-link-main">
2314
+ <span class="pf-v6-c-wizard__nav-link-text">Substep B</span>
2315
+ </span>
2316
+ </button>
2317
+ </li>
2318
+ <li class="pf-v6-c-wizard__nav-item">
2319
+ <button class="pf-v6-c-wizard__nav-link" type="button">
2320
+ <span class="pf-v6-c-wizard__nav-link-main">
2321
+ <span class="pf-v6-c-wizard__nav-link-text">Substep C</span>
2322
+ </span>
2323
+ </button>
2324
+ </li>
2325
+ </ol>
2326
+ </li>
2327
+ <li class="pf-v6-c-wizard__nav-item">
2328
+ <button class="pf-v6-c-wizard__nav-link" type="button">
2329
+ <span class="pf-v6-c-wizard__nav-link-main">
2330
+ <span class="pf-v6-c-wizard__nav-link-text">Additional</span>
2331
+ </span>
2332
+ </button>
2333
+ </li>
2334
+ <li class="pf-v6-c-wizard__nav-item">
2335
+ <button class="pf-v6-c-wizard__nav-link" type="button" disabled>
2336
+ <span class="pf-v6-c-wizard__nav-link-main">
2337
+ <span class="pf-v6-c-wizard__nav-link-text">Review</span>
2338
+ </span>
2339
+ </button>
2340
+ </li>
2341
+ </ol>
2342
+ </nav>
2343
+ <main class="pf-v6-c-wizard__main" tabindex="0">
2344
+ <div class="pf-v6-c-wizard__main-body">
2345
+ <form class="pf-v6-c-form pf-m-limit-width" novalidate>
2346
+ <div class="pf-v6-c-form__group">
2347
+ <div class="pf-v6-c-form__group-label"><label
2348
+ class="pf-v6-c-form__label"
2349
+ for="wizard-success-on-step-example-form-field1"
2350
+ >
2351
+ <span class="pf-v6-c-form__label-text">Field 1</span>&nbsp;<span
2352
+ class="pf-v6-c-form__label-required"
2353
+ aria-hidden="true"
2354
+ >&#42;</span></label>
2355
+ </div>
2356
+ <div class="pf-v6-c-form__group-control">
2357
+ <span class="pf-v6-c-form-control">
2358
+ <input
2359
+ type="text"
2360
+ id="wizard-success-on-step-example-form-field1"
2361
+ name="wizard-success-on-step-example-form-field1"
2362
+ />
2363
+ </span>
2364
+ </div>
2365
+ </div>
2366
+ <div class="pf-v6-c-form__group">
2367
+ <div class="pf-v6-c-form__group-label"><label
2368
+ class="pf-v6-c-form__label"
2369
+ for="wizard-success-on-step-example-form-field2"
2370
+ >
2371
+ <span class="pf-v6-c-form__label-text">Field 2</span>&nbsp;<span
2372
+ class="pf-v6-c-form__label-required"
2373
+ aria-hidden="true"
2374
+ >&#42;</span></label>
2375
+ </div>
2376
+ <div class="pf-v6-c-form__group-control">
2377
+ <span class="pf-v6-c-form-control">
2378
+ <input
2379
+ type="text"
2380
+ id="wizard-success-on-step-example-form-field2"
2381
+ name="wizard-success-on-step-example-form-field2"
2382
+ />
2383
+ </span>
2384
+ </div>
2385
+ </div>
2386
+ <div class="pf-v6-c-form__group">
2387
+ <div class="pf-v6-c-form__group-label"><label
2388
+ class="pf-v6-c-form__label"
2389
+ for="wizard-success-on-step-example-form-field3"
2390
+ >
2391
+ <span class="pf-v6-c-form__label-text">Field 3</span>&nbsp;<span
2392
+ class="pf-v6-c-form__label-required"
2393
+ aria-hidden="true"
2394
+ >&#42;</span></label>
2395
+ </div>
2396
+ <div class="pf-v6-c-form__group-control">
2397
+ <span class="pf-v6-c-form-control">
2398
+ <input
2399
+ type="text"
2400
+ id="wizard-success-on-step-example-form-field3"
2401
+ name="wizard-success-on-step-example-form-field3"
2402
+ />
2403
+ </span>
2404
+ </div>
2405
+ </div>
2406
+ <div class="pf-v6-c-form__group">
2407
+ <div class="pf-v6-c-form__group-label"><label
2408
+ class="pf-v6-c-form__label"
2409
+ for="wizard-success-on-step-example-form-field4"
2410
+ >
2411
+ <span class="pf-v6-c-form__label-text">Field 4</span>&nbsp;<span
2412
+ class="pf-v6-c-form__label-required"
2413
+ aria-hidden="true"
2414
+ >&#42;</span></label>
2415
+ </div>
2416
+ <div class="pf-v6-c-form__group-control">
2417
+ <span class="pf-v6-c-form-control">
2418
+ <input
2419
+ type="text"
2420
+ id="wizard-success-on-step-example-form-field4"
2421
+ name="wizard-success-on-step-example-form-field4"
2422
+ />
2423
+ </span>
2424
+ </div>
2425
+ </div>
2426
+ <div class="pf-v6-c-form__group">
2427
+ <div class="pf-v6-c-form__group-label"><label
2428
+ class="pf-v6-c-form__label"
2429
+ for="wizard-success-on-step-example-form-field5"
2430
+ >
2431
+ <span class="pf-v6-c-form__label-text">Field 5</span>&nbsp;<span
2432
+ class="pf-v6-c-form__label-required"
2433
+ aria-hidden="true"
2434
+ >&#42;</span></label>
2435
+ </div>
2436
+ <div class="pf-v6-c-form__group-control">
2437
+ <span class="pf-v6-c-form-control">
2438
+ <input
2439
+ type="text"
2440
+ id="wizard-success-on-step-example-form-field5"
2441
+ name="wizard-success-on-step-example-form-field5"
2442
+ />
2443
+ </span>
2444
+ </div>
2445
+ </div>
2446
+ <div class="pf-v6-c-form__group">
2447
+ <div class="pf-v6-c-form__group-label"><label
2448
+ class="pf-v6-c-form__label"
2449
+ for="wizard-success-on-step-example-form-field6"
2450
+ >
2451
+ <span class="pf-v6-c-form__label-text">Field 6</span>&nbsp;<span
2452
+ class="pf-v6-c-form__label-required"
2453
+ aria-hidden="true"
2454
+ >&#42;</span></label>
2455
+ </div>
2456
+ <div class="pf-v6-c-form__group-control">
2457
+ <span class="pf-v6-c-form-control">
2458
+ <input
2459
+ type="text"
2460
+ id="wizard-success-on-step-example-form-field6"
2461
+ name="wizard-success-on-step-example-form-field6"
2462
+ />
2463
+ </span>
2464
+ </div>
2465
+ </div>
2466
+ <div class="pf-v6-c-form__group">
2467
+ <div class="pf-v6-c-form__group-label"><label
2468
+ class="pf-v6-c-form__label"
2469
+ for="wizard-success-on-step-example-form-field7"
2470
+ >
2471
+ <span class="pf-v6-c-form__label-text">Field 7</span>&nbsp;<span
2472
+ class="pf-v6-c-form__label-required"
2473
+ aria-hidden="true"
2474
+ >&#42;</span></label>
2475
+ </div>
2476
+ <div class="pf-v6-c-form__group-control">
2477
+ <span class="pf-v6-c-form-control">
2478
+ <input
2479
+ type="text"
2480
+ id="wizard-success-on-step-example-form-field7"
2481
+ name="wizard-success-on-step-example-form-field7"
2482
+ />
2483
+ </span>
2484
+ </div>
2485
+ </div>
2486
+ </form>
2487
+ </div>
2488
+ </main>
2489
+ </div>
2490
+ <footer class="pf-v6-c-wizard__footer">
2491
+ <div class="pf-v6-c-action-list">
2492
+ <div class="pf-v6-c-action-list__group">
2493
+ <div class="pf-v6-c-action-list__item">
2494
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
2495
+ <span class="pf-v6-c-button__text">Back</span>
2496
+ </button>
2497
+ </div>
2498
+ <div class="pf-v6-c-action-list__item">
2499
+ <button class="pf-v6-c-button pf-m-primary" type="button">
2500
+ <span class="pf-v6-c-button__text">Next</span>
2501
+ </button>
2502
+ </div>
2503
+ </div>
2504
+ <div class="pf-v6-c-action-list__group">
2505
+ <div class="pf-v6-c-action-list__item">
2506
+ <button class="pf-v6-c-button pf-m-link" type="button">
2507
+ <span class="pf-v6-c-button__text">Cancel</span>
2508
+ </button>
2509
+ </div>
2510
+ </div>
2511
+ </div>
2512
+ </footer>
2513
+ </div>
2514
+ </div>
2515
+
2516
+ ```
2517
+
2518
+ ### Nav expanded with success (mobile)
2519
+
2520
+ ```html isFullscreen
2521
+ <div class="pf-v6-c-wizard">
2522
+ <div class="pf-v6-c-wizard__header">
2523
+ <div class="pf-v6-c-wizard__close">
2524
+ <button
2525
+ class="pf-v6-c-button pf-m-plain"
2526
+ type="button"
2527
+ aria-label="Close"
2528
+ >
2529
+ <span class="pf-v6-c-button__icon">
2530
+ <i class="fas fa-times" aria-hidden="true"></i>
2531
+ </span>
2532
+ </button>
2533
+ </div>
2534
+ <div class="pf-v6-c-wizard__title">
2535
+ <h1 class="pf-v6-c-wizard__title-text">Wizard title</h1>
2536
+ </div>
2537
+ <div class="pf-v6-c-wizard__description">Here is where the description goes</div>
2538
+ </div>
2539
+ <button
2540
+ aria-label="Wizard Header Toggle"
2541
+ class="pf-v6-c-wizard__toggle pf-m-expanded"
2542
+ aria-expanded="true"
2543
+ >
2544
+ <span class="pf-v6-c-wizard__toggle-list">
2545
+ <span class="pf-v6-c-wizard__toggle-list-item pf-m-success">
2546
+ <span class="pf-v6-c-wizard__toggle-status-icon">
2547
+ <i class="fas fa-check-circle" aria-hidden="true"></i>
2548
+ </span>
2549
+ Configuration
2550
+ <i
2551
+ class="fas fa-angle-right pf-v6-c-wizard__toggle-separator"
2552
+ aria-hidden="true"
2553
+ ></i>
2554
+ </span>
2555
+ <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
2556
+ </span>
2557
+ <span class="pf-v6-c-wizard__toggle-icon">
2558
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
2559
+ </span>
2560
+ </button>
2561
+ <div class="pf-v6-c-wizard__outer-wrap">
2562
+ <div class="pf-v6-c-wizard__inner-wrap">
2563
+ <nav class="pf-v6-c-wizard__nav pf-m-expanded" aria-label="Steps">
2564
+ <ol class="pf-v6-c-wizard__nav-list" role="list">
2565
+ <li class="pf-v6-c-wizard__nav-item">
2566
+ <button class="pf-v6-c-wizard__nav-link" type="button">
2567
+ <span class="pf-v6-c-wizard__nav-link-main">
2568
+ <span class="pf-v6-c-wizard__nav-link-text">Information</span>
2569
+ </span>
2570
+ </button>
2571
+ </li>
2572
+ <li class="pf-v6-c-wizard__nav-item pf-m-expandable pf-m-expanded">
2573
+ <button
2574
+ class="pf-v6-c-wizard__nav-link pf-m-success pf-m-current"
2575
+ type="button"
2576
+ aria-expanded="true"
2577
+ >
2578
+ <span class="pf-v6-c-wizard__nav-link-status-icon">
2579
+ <i class="fas fa-check-circle" aria-hidden="true"></i>
2580
+ </span>
2581
+ <span class="pf-v6-c-wizard__nav-link-main">
2582
+ <span class="pf-v6-c-wizard__nav-link-text">Configuration</span>
2583
+ <span class="pf-v6-c-wizard__nav-link-toggle">
2584
+ <span class="pf-v6-c-wizard__nav-link-toggle-icon">
2585
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2586
+ </span>
2587
+ </span>
2588
+ </span>
2589
+ </button>
2590
+ <ol class="pf-v6-c-wizard__nav-list" role="list">
2591
+ <li class="pf-v6-c-wizard__nav-item">
2592
+ <button class="pf-v6-c-wizard__nav-link" type="button">
2593
+ <span class="pf-v6-c-wizard__nav-link-main">
2594
+ <span class="pf-v6-c-wizard__nav-link-text">Substep A</span>
2595
+ </span>
2596
+ </button>
2597
+ </li>
2598
+ <li class="pf-v6-c-wizard__nav-item">
2599
+ <button
2600
+ class="pf-v6-c-wizard__nav-link pf-m-current"
2601
+ type="button"
2602
+ aria-current="page"
2603
+ >
2604
+ <span class="pf-v6-c-wizard__nav-link-main">
2605
+ <span class="pf-v6-c-wizard__nav-link-text">Substep B</span>
2606
+ </span>
2607
+ </button>
2608
+ </li>
2609
+ <li class="pf-v6-c-wizard__nav-item">
2610
+ <button class="pf-v6-c-wizard__nav-link" type="button">
2611
+ <span class="pf-v6-c-wizard__nav-link-main">
2612
+ <span class="pf-v6-c-wizard__nav-link-text">Substep C</span>
2613
+ </span>
2614
+ </button>
2615
+ </li>
2616
+ </ol>
2617
+ </li>
2618
+ <li class="pf-v6-c-wizard__nav-item">
2619
+ <button class="pf-v6-c-wizard__nav-link" type="button">
2620
+ <span class="pf-v6-c-wizard__nav-link-main">
2621
+ <span class="pf-v6-c-wizard__nav-link-text">Additional</span>
2622
+ </span>
2623
+ </button>
2624
+ </li>
2625
+ <li class="pf-v6-c-wizard__nav-item">
2626
+ <button class="pf-v6-c-wizard__nav-link" type="button" disabled>
2627
+ <span class="pf-v6-c-wizard__nav-link-main">
2628
+ <span class="pf-v6-c-wizard__nav-link-text">Review</span>
2629
+ </span>
2630
+ </button>
2631
+ </li>
2632
+ </ol>
2633
+ </nav>
2634
+ <main class="pf-v6-c-wizard__main" tabindex="0">
2635
+ <div class="pf-v6-c-wizard__main-body">
2636
+ <form class="pf-v6-c-form pf-m-limit-width" novalidate>
2637
+ <div class="pf-v6-c-form__group">
2638
+ <div class="pf-v6-c-form__group-label"><label
2639
+ class="pf-v6-c-form__label"
2640
+ for="wizard-success-on-step-nav-expanded-example-form-field1"
2641
+ >
2642
+ <span class="pf-v6-c-form__label-text">Field 1</span>&nbsp;<span
2643
+ class="pf-v6-c-form__label-required"
2644
+ aria-hidden="true"
2645
+ >&#42;</span></label>
2646
+ </div>
2647
+ <div class="pf-v6-c-form__group-control">
2648
+ <span class="pf-v6-c-form-control">
2649
+ <input
2650
+ type="text"
2651
+ id="wizard-success-on-step-nav-expanded-example-form-field1"
2652
+ name="wizard-success-on-step-nav-expanded-example-form-field1"
2653
+ />
2654
+ </span>
2655
+ </div>
2656
+ </div>
2657
+ <div class="pf-v6-c-form__group">
2658
+ <div class="pf-v6-c-form__group-label"><label
2659
+ class="pf-v6-c-form__label"
2660
+ for="wizard-success-on-step-nav-expanded-example-form-field2"
2661
+ >
2662
+ <span class="pf-v6-c-form__label-text">Field 2</span>&nbsp;<span
2663
+ class="pf-v6-c-form__label-required"
2664
+ aria-hidden="true"
2665
+ >&#42;</span></label>
2666
+ </div>
2667
+ <div class="pf-v6-c-form__group-control">
2668
+ <span class="pf-v6-c-form-control">
2669
+ <input
2670
+ type="text"
2671
+ id="wizard-success-on-step-nav-expanded-example-form-field2"
2672
+ name="wizard-success-on-step-nav-expanded-example-form-field2"
2673
+ />
2674
+ </span>
2675
+ </div>
2676
+ </div>
2677
+ <div class="pf-v6-c-form__group">
2678
+ <div class="pf-v6-c-form__group-label"><label
2679
+ class="pf-v6-c-form__label"
2680
+ for="wizard-success-on-step-nav-expanded-example-form-field3"
2681
+ >
2682
+ <span class="pf-v6-c-form__label-text">Field 3</span>&nbsp;<span
2683
+ class="pf-v6-c-form__label-required"
2684
+ aria-hidden="true"
2685
+ >&#42;</span></label>
2686
+ </div>
2687
+ <div class="pf-v6-c-form__group-control">
2688
+ <span class="pf-v6-c-form-control">
2689
+ <input
2690
+ type="text"
2691
+ id="wizard-success-on-step-nav-expanded-example-form-field3"
2692
+ name="wizard-success-on-step-nav-expanded-example-form-field3"
2693
+ />
2694
+ </span>
2695
+ </div>
2696
+ </div>
2697
+ <div class="pf-v6-c-form__group">
2698
+ <div class="pf-v6-c-form__group-label"><label
2699
+ class="pf-v6-c-form__label"
2700
+ for="wizard-success-on-step-nav-expanded-example-form-field4"
2701
+ >
2702
+ <span class="pf-v6-c-form__label-text">Field 4</span>&nbsp;<span
2703
+ class="pf-v6-c-form__label-required"
2704
+ aria-hidden="true"
2705
+ >&#42;</span></label>
2706
+ </div>
2707
+ <div class="pf-v6-c-form__group-control">
2708
+ <span class="pf-v6-c-form-control">
2709
+ <input
2710
+ type="text"
2711
+ id="wizard-success-on-step-nav-expanded-example-form-field4"
2712
+ name="wizard-success-on-step-nav-expanded-example-form-field4"
2713
+ />
2714
+ </span>
2715
+ </div>
2716
+ </div>
2717
+ <div class="pf-v6-c-form__group">
2718
+ <div class="pf-v6-c-form__group-label"><label
2719
+ class="pf-v6-c-form__label"
2720
+ for="wizard-success-on-step-nav-expanded-example-form-field5"
2721
+ >
2722
+ <span class="pf-v6-c-form__label-text">Field 5</span>&nbsp;<span
2723
+ class="pf-v6-c-form__label-required"
2724
+ aria-hidden="true"
2725
+ >&#42;</span></label>
2726
+ </div>
2727
+ <div class="pf-v6-c-form__group-control">
2728
+ <span class="pf-v6-c-form-control">
2729
+ <input
2730
+ type="text"
2731
+ id="wizard-success-on-step-nav-expanded-example-form-field5"
2732
+ name="wizard-success-on-step-nav-expanded-example-form-field5"
2733
+ />
2734
+ </span>
2735
+ </div>
2736
+ </div>
2737
+ <div class="pf-v6-c-form__group">
2738
+ <div class="pf-v6-c-form__group-label"><label
2739
+ class="pf-v6-c-form__label"
2740
+ for="wizard-success-on-step-nav-expanded-example-form-field6"
2741
+ >
2742
+ <span class="pf-v6-c-form__label-text">Field 6</span>&nbsp;<span
2743
+ class="pf-v6-c-form__label-required"
2744
+ aria-hidden="true"
2745
+ >&#42;</span></label>
2746
+ </div>
2747
+ <div class="pf-v6-c-form__group-control">
2748
+ <span class="pf-v6-c-form-control">
2749
+ <input
2750
+ type="text"
2751
+ id="wizard-success-on-step-nav-expanded-example-form-field6"
2752
+ name="wizard-success-on-step-nav-expanded-example-form-field6"
2753
+ />
2754
+ </span>
2755
+ </div>
2756
+ </div>
2757
+ <div class="pf-v6-c-form__group">
2758
+ <div class="pf-v6-c-form__group-label"><label
2759
+ class="pf-v6-c-form__label"
2760
+ for="wizard-success-on-step-nav-expanded-example-form-field7"
2761
+ >
2762
+ <span class="pf-v6-c-form__label-text">Field 7</span>&nbsp;<span
2763
+ class="pf-v6-c-form__label-required"
2764
+ aria-hidden="true"
2765
+ >&#42;</span></label>
2766
+ </div>
2767
+ <div class="pf-v6-c-form__group-control">
2768
+ <span class="pf-v6-c-form-control">
2769
+ <input
2770
+ type="text"
2771
+ id="wizard-success-on-step-nav-expanded-example-form-field7"
2772
+ name="wizard-success-on-step-nav-expanded-example-form-field7"
2773
+ />
2774
+ </span>
2775
+ </div>
2776
+ </div>
2777
+ </form>
2778
+ </div>
2779
+ </main>
2780
+ </div>
2781
+ <footer class="pf-v6-c-wizard__footer">
2782
+ <div class="pf-v6-c-action-list">
2783
+ <div class="pf-v6-c-action-list__group">
2784
+ <div class="pf-v6-c-action-list__item">
2785
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
2786
+ <span class="pf-v6-c-button__text">Back</span>
2787
+ </button>
2788
+ </div>
2789
+ <div class="pf-v6-c-action-list__item">
2790
+ <button class="pf-v6-c-button pf-m-primary" type="button">
2791
+ <span class="pf-v6-c-button__text">Next</span>
2792
+ </button>
2793
+ </div>
2794
+ </div>
2795
+ <div class="pf-v6-c-action-list__group">
2796
+ <div class="pf-v6-c-action-list__item">
2797
+ <button class="pf-v6-c-button pf-m-link" type="button">
2798
+ <span class="pf-v6-c-button__text">Cancel</span>
2799
+ </button>
2800
+ </div>
2801
+ </div>
2802
+ </div>
2803
+ </footer>
2804
+ </div>
2805
+ </div>
2806
+
2807
+ ```
2808
+
2809
+ ## Documentation
2810
+
2811
+ ### Accessibility
2812
+
2813
+ | Attribute | Applied to | Outcome |
2814
+ | -- | -- | -- |
2815
+ | `aria-expanded="true"` | `.pf-v6-c-wizard__toggle` | Indicates that the steps menu is visible. **Required** |
2816
+ | `aria-expanded="false"` | `.pf-v6-c-wizard__toggle` | Indicates that the steps menu is hidden. **Required** |
2817
+ | `aria-label="close"` | `.pf-v6-c-wizard__toggle-icon` | Gives the close button an accessible name. **Required** |
2818
+ | `aria-hidden="true"` | `.pf-v6-c-wizard__toggle-icon`, `.pf-v6-c-wizard__toggle-divider` | Hides the icon from assistive technologies. **Required** |
2819
+ | `aria-label="Steps"` | `.pf-v6-c-wizard__nav` | Gives the steps nav element an accessible name. **Required** |
2820
+ | `disabled` | `button.pf-v6-c-wizard__nav-link` | Indicates that the element is disabled. **Required when a nav item is disabled** |
2821
+ | `aria-disabled="true"` | `a.pf-v6-c-wizard__nav-link` | Indicates that the element is disabled. **Required for disabled links with `.pf-m-disabled`** |
2822
+ | `aria-current="page"` | `.pf-v6-c-wizard__nav-link` | Indicates the current page link. Can only occur once on page. **Required for the current link** |
2823
+ | `aria-expanded="true"` | `.pf-v6-c-wizard__nav-link` | Indicates that the link subnav is visible. **Required** |
2824
+ | `aria-expanded="false"` | `.pf-v6-c-wizard__nav-link` | Indicates that the link subnav is hidden. **Required** |
2825
+ | `tabindex="-1"` | `a.pf-v6-c-wizard__nav-link` | Removes a link from keyboard focus. **Required for disabled links with `.pf-m-disabled`** |
2826
+ | `tabindex="0"` | `.pf-v6-c-wizard__main` | If the wizard main section has overflow content that triggers a scrollbar, to ensure that the content is keyboard accessible, the section must include either a focusable element within the scrollable region or the section itself must be focusable by adding `tabindex="0"`. |
2827
+
2828
+ ### Usage
2829
+
2830
+ | Class | Applied to | Outcome |
2831
+ | -- | -- | -- |
2832
+ | `.pf-v6-c-wizard` | `<div>` | Initiates the wizard component. **Required** |
2833
+ | `.pf-v6-c-wizard__header` | `<header>` | Initiates the header. **Required** when the wizard is in a modal. Not recommended to use when the wizard is placed on a page. |
2834
+ | `.pf-v6-c-wizard__close` | `<div>` | Initiates the close button. **Required** |
2835
+ | `.pf-v6-c-wizard__title` | `<div>` | Initiates the title container. **Required** |
2836
+ | `.pf-v6-c-wizard__title-text` | `<h1>`, `<h2>`, `<h3>`, `<h4>`, `<h5>`, `<h6>`, `<div>` | Initiates the wizard title text. |
2837
+ | `.pf-v6-c-wizard__description` | `<div>`, `<p>` | Initiates the description. |
2838
+ | `.pf-v6-c-wizard__toggle` | `<button>` | Initiates the mobile steps menu toggle button. **Required** |
2839
+ | `.pf-v6-c-wizard__toggle-list` | `<span>` | Initiates the toggle list. **Required** |
2840
+ | `.pf-v6-c-wizard__toggle-list-item` | `<span>` | Initiates a toggle list item. **Required** |
2841
+ | `.pf-v6-c-wizard__toggle-num` | `<span>` | Initiates the step number. **Required** |
2842
+ | `.pf-v6-c-wizard__toggle-separator` | `<i>` | Initiates the separator between steps. |
2843
+ | `.pf-v6-c-wizard__toggle-icon` | `<span>` | Initiates the toggle icon wrapper. **Required** |
2844
+ | `.pf-v6-c-wizard__outer-wrap` | `<div>` | Initiates the outer wrapper. **Required** |
2845
+ | `.pf-v6-c-wizard__inner-wrap` | `<div>` | Initiates the inner wrapper. **Required** |
2846
+ | `.pf-v6-c-wizard__nav` | `<nav>` | Initiates the steps nav. **Required** |
2847
+ | `.pf-v6-c-wizard__nav-list` | `<ol>` | Initiates a list of steps. **Required** |
2848
+ | `.pf-v6-c-wizard__nav-item` | `<li>` | Initiates a step list item. **Required** |
2849
+ | `.pf-v6-c-wizard__nav-link` | `<a>`, `<button>` | Initiates a step link. **Required** |
2850
+ | `.pf-v6-c-wizard__nav-link-main` | `<span>` | Initiates main link container. **Required** |
2851
+ | `.pf-v6-c-wizard__nav-link-text` | `<span>` | Initiates the link text container. **Required when nav item is expandable** |
2852
+ | `.pf-v6-c-wizard__nav-link-status-icon` | `<span>` | Initiates the status icon container. |
2853
+ | `.pf-v6-c-wizard__nav-link-toggle` | `<span>` | Initiates the toggle container. **Required when nav item is expandable** |
2854
+ | `.pf-v6-c-wizard__nav-link-toggle-icon` | `<span>` | Initiates the toggle icon container. **Required when nav item is expandable** |
2855
+ | `.pf-v6-c-wizard__main` | `<main>`, `<div>` | Initiates the main container. **Required** Note: use the `<main>` element when when there are no other `<main>` elements on the page.|
2856
+ | `.pf-v6-c-wizard__main-body` | `<div>` | Initiates the main container body section. **Required** |
2857
+ | `.pf-v6-c-wizard__footer` | `<footer>` | Initiates the footer. **Required** |
2858
+ | `.pf-v6-c-wizard__footer-cancel` | `<div>` | Initiates the cancel button. **Required** |
2859
+ | `.pf-m-expanded` | `.pf-v6-c-wizard__toggle`, `.pf-v6-c-wizard__nav` | Modifies the mobile steps toggle and steps menu for the expanded state. |
2860
+ | `.pf-m-finished` | `.pf-v6-c-wizard` | Modifies the wizard for the finished state. |
2861
+ | `.pf-m-expandable` | `.pf-v6-c-wizard__nav-item` | Modifies a nav item for the expandable state. |
2862
+ | `.pf-m-expanded` | `.pf-v6-c-wizard__nav-item` | Modifies a nav item for the expanded state. |
2863
+ | `.pf-m-current` | `.pf-v6-c-wizard__nav-link` | Modifies a step link for the current state. **Required** |
2864
+ | `.pf-m-disabled` | `.pf-v6-c-wizard__nav-link` | Modifies a step link for the disabled state. |
2865
+ | `.pf-m-success` | `.pf-v6-c-wizard__nav-link`, `.pf-v6-c-wizard__toggle-list-item` | Modifies a step link to indicate success status. |
2866
+ | `.pf-m-danger` | `.pf-v6-c-wizard__nav-link`, `.pf-v6-c-wizard__toggle-list-item` | Modifies a step link to indicate danger status. |
2867
+ | `.pf-m-no-padding` | `.pf-v6-c-wizard__main-body` | Modifies the main container body to remove the padding. |