@patternfly/patternfly 6.0.0-alpha.99 → 6.0.0-prerelease.2

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 (501) hide show
  1. package/README.md +1 -2
  2. package/assets/fontawesome/_animated.scss +1 -0
  3. package/assets/fontawesome/_bordered-pulled.scss +1 -0
  4. package/assets/fontawesome/_core.scss +2 -0
  5. package/assets/fontawesome/_fixed-width.scss +2 -0
  6. package/assets/fontawesome/_icons.scss +1 -0
  7. package/assets/fontawesome/_index.scss +12 -0
  8. package/assets/fontawesome/_larger.scss +4 -2
  9. package/assets/fontawesome/_list.scss +4 -2
  10. package/assets/fontawesome/_rotated-flipped.scss +2 -0
  11. package/assets/fontawesome/_screen-reader.scss +1 -0
  12. package/assets/fontawesome/_stacked.scss +3 -1
  13. package/assets/fontawesome/_variables.scss +3 -2
  14. package/assets/fontawesome/fontawesome.scss +12 -12
  15. package/assets/icons/iconUnicodes.json +6 -0
  16. package/assets/images/img_avatar-dark.svg +22 -16
  17. package/assets/images/img_avatar-light.svg +25 -18
  18. package/assets/images/pf-background.svg +21 -21
  19. package/assets/images/pf_logo.svg +11 -11
  20. package/assets/images/pf_logo_white.svg +16 -17
  21. package/assets/pficon/pf-v6-pficon.woff2 +0 -0
  22. package/assets/pficon/pficon.scss +310 -271
  23. package/base/_index.scss +10 -0
  24. package/base/{_globals.scss → normalize.scss} +15 -48
  25. package/base/patternfly-common.css +14 -0
  26. package/base/patternfly-common.scss +68 -2
  27. package/base/patternfly-fa-icons.css +1 -1
  28. package/base/patternfly-fa-icons.scss +35 -2
  29. package/base/patternfly-fonts.css +10 -80
  30. package/base/patternfly-fonts.scss +49 -2
  31. package/base/patternfly-pf-icons.css +158 -134
  32. package/base/patternfly-pf-icons.scss +1 -2
  33. package/base/patternfly-svg-icons.css +5 -0
  34. package/base/{_svg-icons.scss → patternfly-svg-icons.scss} +2 -0
  35. package/base/patternfly-variables.css +1082 -1206
  36. package/base/patternfly-variables.scss +20 -2
  37. package/base/reset.scss +33 -0
  38. package/base/tokens/_index.scss +6 -0
  39. package/base/tokens/tokens-charts-dark.scss +173 -0
  40. package/base/tokens/{_tokens-charts.scss → tokens-charts.scss} +162 -148
  41. package/base/tokens/{_tokens-dark.scss → tokens-dark.scss} +307 -294
  42. package/base/tokens/{_tokens-default.scss → tokens-default.scss} +574 -447
  43. package/base/tokens/{_tokens-font.scss → tokens-local.scss} +13 -34
  44. package/base/tokens/{_tokens-palette.scss → tokens-palette.scss} +69 -70
  45. package/components/AboutModalBox/about-modal-box.css +86 -81
  46. package/components/AboutModalBox/about-modal-box.scss +80 -82
  47. package/components/Accordion/accordion.css +44 -43
  48. package/components/Accordion/accordion.scss +52 -52
  49. package/components/ActionList/action-list.css +6 -5
  50. package/components/ActionList/action-list.scss +7 -5
  51. package/components/Alert/alert-group.css +72 -19
  52. package/components/Alert/alert-group.scss +105 -18
  53. package/components/Alert/alert.css +52 -59
  54. package/components/Alert/alert.scss +56 -65
  55. package/components/Avatar/avatar.css +42 -41
  56. package/components/Avatar/avatar.scss +8 -7
  57. package/components/BackToTop/back-to-top.css +19 -17
  58. package/components/BackToTop/back-to-top.scss +17 -17
  59. package/components/Backdrop/backdrop.css +1 -1
  60. package/components/Backdrop/backdrop.scss +3 -4
  61. package/components/BackgroundImage/background-image.scss +3 -4
  62. package/components/Badge/badge.css +29 -7
  63. package/components/Badge/badge.scss +33 -9
  64. package/components/Banner/banner.css +30 -37
  65. package/components/Banner/banner.scss +30 -43
  66. package/components/Brand/brand.css +14 -10
  67. package/components/Brand/brand.scss +8 -5
  68. package/components/Breadcrumb/breadcrumb.css +23 -24
  69. package/components/Breadcrumb/breadcrumb.scss +25 -28
  70. package/components/Button/button.css +150 -128
  71. package/components/Button/button.scss +155 -130
  72. package/components/CalendarMonth/calendar-month.css +46 -46
  73. package/components/CalendarMonth/calendar-month.scss +49 -50
  74. package/components/Card/card.css +110 -93
  75. package/components/Card/card.scss +118 -92
  76. package/components/Check/check.css +5 -5
  77. package/components/Check/check.scss +7 -8
  78. package/components/ClipboardCopy/clipboard-copy.css +33 -41
  79. package/components/ClipboardCopy/clipboard-copy.scss +35 -44
  80. package/components/CodeBlock/code-block.css +21 -20
  81. package/components/CodeBlock/code-block.scss +21 -21
  82. package/components/CodeEditor/code-editor.css +35 -34
  83. package/components/CodeEditor/code-editor.scss +35 -35
  84. package/components/Content/content.css +167 -153
  85. package/components/Content/content.scss +204 -145
  86. package/components/DataList/data-list-grid.css +117 -117
  87. package/components/DataList/data-list-grid.scss +22 -20
  88. package/components/DataList/data-list.css +308 -312
  89. package/components/DataList/data-list.scss +145 -152
  90. package/components/DatePicker/date-picker.css +17 -17
  91. package/components/DatePicker/date-picker.scss +17 -18
  92. package/components/DescriptionList/description-list-order.css +5 -5
  93. package/components/DescriptionList/description-list-order.scss +3 -1
  94. package/components/DescriptionList/description-list.css +46 -44
  95. package/components/DescriptionList/description-list.scss +26 -31
  96. package/components/Divider/divider.css +104 -107
  97. package/components/Divider/divider.scss +19 -19
  98. package/components/DragDrop/drag-drop.css +4 -2
  99. package/components/DragDrop/drag-drop.scss +3 -3
  100. package/components/Drawer/drawer.css +115 -114
  101. package/components/Drawer/drawer.scss +136 -134
  102. package/components/DualListSelector/dual-list-selector.css +64 -61
  103. package/components/DualListSelector/dual-list-selector.scss +54 -51
  104. package/components/EmptyState/empty-state.css +38 -37
  105. package/components/EmptyState/empty-state.scss +39 -39
  106. package/components/ExpandableSection/expandable-section.css +27 -86
  107. package/components/ExpandableSection/expandable-section.scss +32 -101
  108. package/components/FileUpload/file-upload.css +2 -2
  109. package/components/FileUpload/file-upload.scss +2 -3
  110. package/components/Form/form.css +173 -115
  111. package/components/Form/form.scss +117 -103
  112. package/components/FormControl/form-control.css +57 -57
  113. package/components/FormControl/form-control.scss +69 -67
  114. package/components/HelperText/helper-text.css +5 -4
  115. package/components/HelperText/helper-text.scss +8 -6
  116. package/components/Hint/hint.css +25 -25
  117. package/components/Hint/hint.scss +25 -27
  118. package/components/Icon/icon.css +10 -10
  119. package/components/Icon/icon.scss +11 -12
  120. package/components/InlineEdit/inline-edit.css +12 -12
  121. package/components/InlineEdit/inline-edit.scss +12 -13
  122. package/components/InputGroup/input-group.css +16 -16
  123. package/components/InputGroup/input-group.scss +18 -19
  124. package/components/JumpLinks/jump-links.css +80 -96
  125. package/components/JumpLinks/jump-links.scss +80 -100
  126. package/components/Label/label-group.css +28 -28
  127. package/components/Label/label-group.scss +29 -30
  128. package/components/Label/label.css +102 -87
  129. package/components/Label/label.scss +113 -94
  130. package/components/List/list.css +44 -47
  131. package/components/List/list.scss +51 -58
  132. package/components/Login/login.css +122 -118
  133. package/components/Login/login.scss +105 -112
  134. package/components/Masthead/masthead.css +273 -175
  135. package/components/Masthead/masthead.scss +102 -68
  136. package/components/Menu/menu.css +151 -95
  137. package/components/Menu/menu.scss +59 -40
  138. package/components/MenuToggle/menu-toggle.css +129 -108
  139. package/components/MenuToggle/menu-toggle.scss +150 -128
  140. package/components/ModalBox/modal-box.css +53 -45
  141. package/components/ModalBox/modal-box.scss +52 -46
  142. package/components/MultipleFileUpload/multiple-file-upload.css +37 -37
  143. package/components/MultipleFileUpload/multiple-file-upload.scss +38 -39
  144. package/components/Nav/nav.css +33 -9
  145. package/components/Nav/nav.scss +46 -13
  146. package/components/NotificationDrawer/notification-drawer.css +50 -51
  147. package/components/NotificationDrawer/notification-drawer.scss +58 -57
  148. package/components/NumberInput/number-input.css +7 -11
  149. package/components/NumberInput/number-input.scss +5 -7
  150. package/components/OverflowMenu/overflow-menu.css +2 -1
  151. package/components/OverflowMenu/overflow-menu.scss +3 -1
  152. package/components/Page/page.css +175 -519
  153. package/components/Page/page.scss +155 -386
  154. package/components/Pagination/pagination.css +82 -79
  155. package/components/Pagination/pagination.scss +43 -40
  156. package/components/Panel/panel.css +33 -30
  157. package/components/Panel/panel.scss +35 -33
  158. package/components/Popover/popover.css +54 -52
  159. package/components/Popover/popover.scss +55 -54
  160. package/components/Progress/progress.css +8 -4
  161. package/components/Progress/progress.scss +14 -11
  162. package/components/ProgressStepper/progress-stepper.css +246 -245
  163. package/components/ProgressStepper/progress-stepper.scss +118 -118
  164. package/components/Radio/radio.css +7 -7
  165. package/components/Radio/radio.scss +9 -10
  166. package/components/Sidebar/sidebar.css +139 -139
  167. package/components/Sidebar/sidebar.scss +61 -61
  168. package/components/SimpleList/simple-list.css +21 -20
  169. package/components/SimpleList/simple-list.scss +22 -23
  170. package/components/Skeleton/skeleton.css +4 -4
  171. package/components/Skeleton/skeleton.scss +7 -8
  172. package/components/SkipToContent/skip-to-content.css +7 -6
  173. package/components/SkipToContent/skip-to-content.scss +7 -7
  174. package/components/Slider/slider.css +31 -31
  175. package/components/Slider/slider.scss +54 -55
  176. package/components/Spinner/spinner.scss +4 -5
  177. package/components/Switch/switch.css +4 -10
  178. package/components/Switch/switch.scss +8 -17
  179. package/components/TabContent/tab-content.css +25 -25
  180. package/components/TabContent/tab-content.scss +28 -28
  181. package/components/Table/table-grid.css +434 -508
  182. package/components/Table/table-grid.scss +131 -150
  183. package/components/Table/table-scrollable.css +31 -34
  184. package/components/Table/table-scrollable.scss +44 -41
  185. package/components/Table/table-tree-view.css +287 -279
  186. package/components/Table/table-tree-view.scss +84 -84
  187. package/components/Table/table.css +316 -279
  188. package/components/Table/table.scss +346 -301
  189. package/components/Tabs/tabs.css +215 -240
  190. package/components/Tabs/tabs.scss +130 -162
  191. package/components/TextInputGroup/text-input-group.css +122 -64
  192. package/components/TextInputGroup/text-input-group.scss +144 -87
  193. package/components/Tile/tile.css +15 -15
  194. package/components/Tile/tile.scss +16 -17
  195. package/components/Timestamp/timestamp.css +13 -19
  196. package/components/Timestamp/timestamp.scss +16 -22
  197. package/components/Title/title.css +14 -13
  198. package/components/Title/title.scss +15 -15
  199. package/components/ToggleGroup/toggle-group.css +37 -37
  200. package/components/ToggleGroup/toggle-group.scss +38 -41
  201. package/components/Toolbar/toolbar.css +547 -1431
  202. package/components/Toolbar/toolbar.scss +159 -123
  203. package/components/Tooltip/tooltip.css +28 -27
  204. package/components/Tooltip/tooltip.scss +31 -30
  205. package/components/TreeView/tree-view.css +184 -184
  206. package/components/TreeView/tree-view.scss +133 -133
  207. package/components/Truncate/truncate.css +2 -2
  208. package/components/Truncate/truncate.scss +7 -8
  209. package/components/Wizard/wizard.css +190 -154
  210. package/components/Wizard/wizard.scss +211 -165
  211. package/components/_index.css +22378 -0
  212. package/components/_index.scss +82 -0
  213. package/docs/components/AboutModalBox/examples/AboutModalBox.md +3 -1
  214. package/docs/components/Accordion/examples/Accordion.md +1 -1
  215. package/docs/components/ActionList/examples/ActionList.md +64 -24
  216. package/docs/components/Alert/examples/Alert.md +116 -74
  217. package/docs/components/BackToTop/examples/BackToTop.md +1 -1
  218. package/docs/components/Badge/examples/Badge.md +6 -16
  219. package/docs/components/Banner/examples/Banner.md +16 -10
  220. package/docs/components/Brand/examples/Brand.md +2 -2
  221. package/docs/components/Breadcrumb/examples/Breadcrumb.md +19 -59
  222. package/docs/components/Button/examples/Button.md +537 -368
  223. package/docs/components/CalendarMonth/examples/CalendarMonth.md +24 -8
  224. package/docs/components/Card/examples/Card.md +372 -658
  225. package/docs/components/Check/examples/Check.md +10 -15
  226. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +92 -47
  227. package/docs/components/CodeBlock/examples/CodeBlock.md +51 -28
  228. package/docs/components/CodeEditor/examples/CodeEditor.md +41 -22
  229. package/docs/components/Content/examples/Content.md +600 -60
  230. package/docs/components/DataList/examples/DataList.md +291 -1028
  231. package/docs/components/DatePicker/examples/DatePicker.md +18 -6
  232. package/docs/components/DescriptionList/examples/DescriptionList.md +80 -55
  233. package/docs/components/Drawer/examples/Drawer.md +60 -21
  234. package/docs/components/DualListSelector/examples/DualListSelector.md +364 -996
  235. package/docs/components/EmptyState/examples/EmptyState.md +123 -53
  236. package/docs/components/ExpandableSection/examples/ExpandableSection.md +96 -91
  237. package/docs/components/FileUpload/examples/FileUpload.md +42 -14
  238. package/docs/components/Form/examples/Form.md +100 -26
  239. package/docs/components/Hint/examples/Hint.md +54 -164
  240. package/docs/components/InlineEdit/examples/InlineEdit.md +132 -45
  241. package/docs/components/InputGroup/examples/InputGroup.md +38 -62
  242. package/docs/components/JumpLinks/examples/JumpLinks.md +189 -72
  243. package/docs/components/Label/examples/Label.md +2577 -406
  244. package/docs/components/Login/examples/Login.md +372 -334
  245. package/docs/components/Masthead/examples/masthead.md +515 -484
  246. package/docs/components/Menu/examples/Menu.md +77 -138
  247. package/docs/components/MenuToggle/examples/MenuToggle.md +289 -39
  248. package/docs/components/ModalBox/examples/ModalBox.md +158 -100
  249. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +137 -97
  250. package/docs/components/Nav/examples/Navigation.css +2 -7
  251. package/docs/components/Nav/examples/Navigation.md +337 -270
  252. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +515 -2076
  253. package/docs/components/NumberInput/examples/NumberInput.md +96 -48
  254. package/docs/components/OverflowMenu/examples/overflow-menu.css +4 -28
  255. package/docs/components/OverflowMenu/examples/overflow-menu.md +104 -159
  256. package/docs/components/Page/examples/Page.css +5 -9
  257. package/docs/components/Page/examples/Page.md +254 -181
  258. package/docs/components/Pagination/examples/Pagination.md +336 -756
  259. package/docs/components/Panel/examples/Panel.md +3 -2
  260. package/docs/components/Popover/examples/Popover.md +60 -15
  261. package/docs/components/ProgressStepper/examples/ProgressStepper.md +15 -15
  262. package/docs/components/Sidebar/examples/Sidebar.css +4 -2
  263. package/docs/components/Sidebar/examples/Sidebar.md +3 -3
  264. package/docs/components/Skeleton/examples/Skeleton.css +1 -1
  265. package/docs/components/SkipToContent/examples/SkipToContent.md +3 -1
  266. package/docs/components/Slider/examples/Slider.md +53 -45
  267. package/docs/components/Spinner/examples/Spinner.md +1 -1
  268. package/docs/components/Switch/examples/Switch.md +33 -148
  269. package/docs/components/Table/examples/Table.css +11 -6
  270. package/docs/components/Table/examples/Table.md +5302 -2464
  271. package/docs/components/Tabs/examples/Tabs.md +1267 -607
  272. package/docs/components/TextInputGroup/examples/TextInputGroup.css +8 -3
  273. package/docs/components/TextInputGroup/examples/TextInputGroup.md +469 -278
  274. package/docs/components/Tile/examples/Tile.css +5 -5
  275. package/docs/components/Timestamp/examples/Timestamp.md +7 -1
  276. package/docs/components/ToggleGroup/examples/toggle-group.md +1 -3
  277. package/docs/components/Toolbar/examples/Toolbar.css +50 -39
  278. package/docs/components/Toolbar/examples/Toolbar.md +1562 -1200
  279. package/docs/components/Tooltip/examples/Tooltip.css +1 -1
  280. package/docs/components/TreeView/examples/TreeView.md +627 -49
  281. package/docs/components/Truncate/examples/Truncate.css +1 -2
  282. package/docs/components/Wizard/examples/Wizard.md +1595 -126
  283. package/docs/demos/AboutModal/examples/AboutModal.md +191 -198
  284. package/docs/demos/Alert/examples/Alert.md +924 -909
  285. package/docs/demos/BackToTop/examples/BackToTop.md +318 -327
  286. package/docs/demos/Banner/examples/Banner.md +641 -659
  287. package/docs/demos/Button/examples/Button.md +8 -8
  288. package/docs/demos/Card/examples/Card.css +6 -6
  289. package/docs/demos/Card/examples/Card.md +419 -606
  290. package/docs/demos/CardView/examples/CardView.md +822 -1435
  291. package/docs/demos/Dashboard/examples/Dashboard.md +1308 -1442
  292. package/docs/demos/DataList/examples/DataList.md +3210 -3424
  293. package/docs/demos/DescriptionList/examples/DescriptionList.md +899 -937
  294. package/docs/demos/Drawer/examples/Drawer.md +1165 -1176
  295. package/docs/demos/Form/examples/BasicForms.md +153 -88
  296. package/docs/demos/JumpLinks/examples/JumpLinks.md +1710 -1602
  297. package/docs/demos/Masthead/examples/Masthead.md +1719 -1583
  298. package/docs/demos/Modal/examples/Modal.md +1231 -1235
  299. package/docs/demos/Nav/examples/Nav.md +1216 -1230
  300. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1910 -4577
  301. package/docs/demos/Page/examples/Page.css +11 -0
  302. package/docs/demos/Page/examples/Page.md +3753 -2540
  303. package/docs/demos/Panel/Panel.md +88 -0
  304. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +9 -3
  305. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +16 -48
  306. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +5150 -6255
  307. package/docs/demos/Skeleton/examples/Skeleton.md +297 -304
  308. package/docs/demos/Table/examples/Table.md +14272 -15154
  309. package/docs/demos/Tabs/examples/Tabs.md +2821 -2891
  310. package/docs/demos/Toolbar/examples/Toolbar.css +10 -18
  311. package/docs/demos/Toolbar/examples/Toolbar.md +2487 -2663
  312. package/docs/demos/Wizard/examples/Wizard.md +3021 -2784
  313. package/docs/layouts/Bullseye/examples/Bullseye.css +4 -4
  314. package/docs/layouts/Flex/examples/Flex.css +4 -4
  315. package/docs/layouts/Flex/examples/Flex.md +50 -50
  316. package/docs/layouts/Gallery/examples/Gallery.css +4 -4
  317. package/docs/layouts/Gallery/examples/Gallery.md +6 -6
  318. package/docs/layouts/Grid/examples/Grid.css +3 -3
  319. package/docs/layouts/Grid/examples/Grid.md +33 -33
  320. package/docs/layouts/Level/examples/Level.css +5 -5
  321. package/docs/layouts/Split/examples/Split.css +4 -4
  322. package/docs/layouts/Stack/examples/Stack.css +5 -5
  323. package/docs/utilities/Accessibility/examples/Accessibility.md +2 -2
  324. package/docs/utilities/Alignment/examples/Alignment.css +6 -6
  325. package/docs/utilities/Alignment/examples/Alignment.md +5 -5
  326. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +7 -67
  327. package/docs/utilities/BoxShadow/examples/box-shadow.css +11 -11
  328. package/docs/utilities/BoxShadow/examples/box-shadow.md +15 -38
  329. package/docs/utilities/Display/examples/Display.css +3 -10
  330. package/docs/utilities/Display/examples/Display.md +21 -12
  331. package/docs/utilities/Flex/examples/Flex.css +7 -7
  332. package/docs/utilities/Flex/examples/Flex.md +82 -40
  333. package/docs/utilities/Float/examples/Float.css +5 -5
  334. package/docs/utilities/Float/examples/Float.md +6 -6
  335. package/docs/utilities/Sizing/examples/Sizing.css +6 -6
  336. package/docs/utilities/Sizing/examples/Sizing.md +60 -60
  337. package/docs/utilities/Spacing/examples/Spacing.css +3 -3
  338. package/docs/utilities/Spacing/examples/Spacing.md +37 -37
  339. package/docs/utilities/Text/examples/Text.md +78 -77
  340. package/icons/pficons.mjs +6 -0
  341. package/layouts/Bullseye/bullseye.css +4 -0
  342. package/layouts/Bullseye/bullseye.scss +5 -1
  343. package/layouts/Flex/flex.css +241 -237
  344. package/layouts/Flex/flex.scss +48 -44
  345. package/layouts/Gallery/gallery.css +15 -11
  346. package/layouts/Gallery/gallery.scss +9 -5
  347. package/layouts/Grid/grid.css +20 -16
  348. package/layouts/Grid/grid.scss +12 -8
  349. package/layouts/Level/level.css +5 -1
  350. package/layouts/Level/level.scss +6 -2
  351. package/layouts/Split/split.css +5 -1
  352. package/layouts/Split/split.scss +6 -2
  353. package/layouts/Stack/stack.css +5 -1
  354. package/layouts/Stack/stack.scss +6 -2
  355. package/layouts/_index.css +3461 -0
  356. package/layouts/_index.scss +8 -0
  357. package/package.json +39 -39
  358. package/patternfly-addons.css +2071 -2648
  359. package/patternfly-addons.scss +2 -12
  360. package/patternfly-base-no-globals.css +1429 -1645
  361. package/patternfly-base-no-globals.scss +5 -3
  362. package/patternfly-base.css +1511 -1723
  363. package/patternfly-base.scss +2 -6
  364. package/patternfly-charts.css +579 -240
  365. package/patternfly-charts.scss +352 -337
  366. package/patternfly-no-globals.css +19895 -23410
  367. package/patternfly-no-globals.scss +5 -4
  368. package/patternfly.css +19999 -23510
  369. package/patternfly.min.css +1 -1
  370. package/patternfly.min.css.map +1 -1
  371. package/patternfly.scss +3 -4
  372. package/sass-utilities/_index.scss +6 -0
  373. package/sass-utilities/functions.scss +25 -25
  374. package/sass-utilities/{_init.scss → init.scss} +6 -6
  375. package/sass-utilities/mixins.scss +108 -72
  376. package/sass-utilities/{component-namespaces.scss → namespaces-components.scss} +3 -27
  377. package/sass-utilities/{layout-namespaces.scss → namespaces-layouts.scss} +3 -1
  378. package/sass-utilities/scss-variables.scss +49 -261
  379. package/utilities/Accessibility/accessibility.css +15 -15
  380. package/utilities/Accessibility/accessibility.scss +8 -6
  381. package/utilities/Alignment/alignment.css +29 -29
  382. package/utilities/Alignment/alignment.scss +6 -4
  383. package/utilities/BackgroundColor/background-color.css +67 -0
  384. package/utilities/BackgroundColor/background-color.scss +16 -0
  385. package/utilities/BoxShadow/box-shadow.css +15 -39
  386. package/utilities/BoxShadow/box-shadow.scss +19 -28
  387. package/utilities/Display/display.css +43 -5
  388. package/utilities/Display/display.scss +7 -4
  389. package/utilities/Flex/flex.css +50 -50
  390. package/utilities/Flex/flex.scss +21 -20
  391. package/utilities/Float/float.css +29 -29
  392. package/utilities/Float/float.scss +6 -6
  393. package/utilities/Sizing/sizing.css +58 -58
  394. package/utilities/Sizing/sizing.scss +23 -21
  395. package/utilities/Spacing/spacing.css +1372 -1372
  396. package/utilities/Spacing/spacing.scss +6 -6
  397. package/utilities/Text/text.css +419 -662
  398. package/utilities/Text/text.scss +81 -107
  399. package/utilities/_index.css +7815 -0
  400. package/utilities/_index.scss +10 -0
  401. package/assets/images/pf-logo-small.svg +0 -23
  402. package/assets/images/pf_logo_white.hbs +0 -35
  403. package/assets/images/pfbg-icon.svg +0 -1
  404. package/assets/pficon/pf-v5-pficon.woff2 +0 -0
  405. package/base/_base.scss +0 -2
  406. package/base/_chart-globals.scss +0 -415
  407. package/base/_common.scss +0 -50
  408. package/base/_fa-icons.scss +0 -33
  409. package/base/_fonts.scss +0 -136
  410. package/base/_icons.scss +0 -3
  411. package/base/_pficons.scss +0 -2
  412. package/base/_themes.scss +0 -43
  413. package/base/_variables.scss +0 -299
  414. package/base/patternfly-globals.css +0 -120
  415. package/base/patternfly-globals.scss +0 -2
  416. package/base/patternfly-icons.css +0 -4728
  417. package/base/patternfly-icons.scss +0 -2
  418. package/base/patternfly-themes.css +0 -82
  419. package/base/patternfly-themes.scss +0 -2
  420. package/base/themes/dark/_chart-globals.scss +0 -42
  421. package/base/themes/dark/_globals.scss +0 -5
  422. package/base/tokens/_workspace-overrides.scss +0 -7
  423. package/components/AppLauncher/app-launcher.css +0 -244
  424. package/components/AppLauncher/app-launcher.scss +0 -308
  425. package/components/AppLauncher/themes/dark/app-launcher.scss +0 -13
  426. package/components/Chip/chip-group.css +0 -93
  427. package/components/Chip/chip-group.scss +0 -98
  428. package/components/Chip/chip.css +0 -122
  429. package/components/Chip/chip.scss +0 -140
  430. package/components/Chip/themes/dark/chip.scss +0 -9
  431. package/components/ContextSelector/context-selector.css +0 -336
  432. package/components/ContextSelector/context-selector.scss +0 -384
  433. package/components/ContextSelector/themes/dark/context-selector.scss +0 -24
  434. package/components/Dropdown/dropdown.css +0 -686
  435. package/components/Dropdown/dropdown.scss +0 -820
  436. package/components/Dropdown/themes/dark/dropdown.scss +0 -32
  437. package/components/LogViewer/log-viewer.css +0 -197
  438. package/components/LogViewer/log-viewer.scss +0 -226
  439. package/components/LogViewer/themes/dark/log-viewer.scss +0 -7
  440. package/components/NotificationBadge/notification-badge.css +0 -87
  441. package/components/NotificationBadge/notification-badge.scss +0 -108
  442. package/components/OptionsMenu/options-menu.css +0 -279
  443. package/components/OptionsMenu/options-menu.scss +0 -332
  444. package/components/OptionsMenu/themes/dark/options-menu.scss +0 -21
  445. package/components/Select/select.css +0 -599
  446. package/components/Select/select.scss +0 -713
  447. package/components/Select/themes/dark/select.scss +0 -23
  448. package/components/_all.scss +0 -91
  449. package/docs/components/AppLauncher/deprecated/application-launcher.css +0 -25
  450. package/docs/components/AppLauncher/deprecated/application-launcher.md +0 -792
  451. package/docs/components/Breadcrumb/examples/Breadcrumb.css +0 -3
  452. package/docs/components/Chip/examples/Chip.md +0 -846
  453. package/docs/components/ContextSelector/deprecated/context-selector.css +0 -7
  454. package/docs/components/ContextSelector/deprecated/context-selector.md +0 -909
  455. package/docs/components/Dropdown/deprecated/Dropdown.css +0 -64
  456. package/docs/components/Dropdown/deprecated/Dropdown.md +0 -2920
  457. package/docs/components/LogViewer/examples/LogViewer.css +0 -17
  458. package/docs/components/LogViewer/examples/LogViewer.md +0 -5936
  459. package/docs/components/NotificationBadge/examples/NotificationBadge.md +0 -222
  460. package/docs/components/OptionsMenu/deprecated/options-menu.css +0 -25
  461. package/docs/components/OptionsMenu/deprecated/options-menu.md +0 -1014
  462. package/docs/components/Page/deprecated/PageHeader.css +0 -17
  463. package/docs/components/Page/deprecated/PageHeader.md +0 -261
  464. package/docs/components/Pagination/examples/Pagination.css +0 -3
  465. package/docs/components/Select/deprecated/Select.css +0 -56
  466. package/docs/components/Select/deprecated/Select.md +0 -3525
  467. package/docs/components/Tabs/examples/Tabs.css +0 -10
  468. package/docs/components/ToggleGroup/examples/toggle-group.css +0 -4
  469. package/docs/demos/ContextSelector/examples/ContextSelector.md +0 -1712
  470. package/docs/demos/Page/examples/Penta.md +0 -821
  471. package/docs/utilities/Text/examples/Text.css +0 -0
  472. package/layouts/_all.scss +0 -7
  473. package/patternfly-base-no-globals-theme-dark-unversioned.css +0 -6276
  474. package/patternfly-base-no-globals-theme-dark-unversioned.scss +0 -11
  475. package/patternfly-base-theme-dark-unversioned.css +0 -6393
  476. package/patternfly-base-theme-dark-unversioned.scss +0 -5
  477. package/patternfly-charts-theme-dark-unversioned.css +0 -70
  478. package/patternfly-charts-theme-dark-unversioned.scss +0 -8
  479. package/patternfly-charts-theme-dark.css +0 -70
  480. package/patternfly-charts-theme-dark.scss +0 -8
  481. package/patternfly-theme-dark-unversioned.css +0 -35533
  482. package/patternfly-theme-dark-unversioned.scss +0 -6
  483. package/patternfly-theme-dark.css +0 -0
  484. package/patternfly-theme-dark.scss +0 -1
  485. package/sass-utilities/_all.scss +0 -9
  486. package/sass-utilities/colors.scss +0 -82
  487. package/sass-utilities/div.import.scss +0 -3
  488. package/sass-utilities/div.scss +0 -4
  489. package/sass-utilities/placeholders.scss +0 -72
  490. package/sass-utilities/themes/dark/_all.scss +0 -4
  491. package/sass-utilities/themes/dark/colors.scss +0 -16
  492. package/sass-utilities/themes/dark/mixins.scss +0 -7
  493. package/sass-utilities/themes/dark/placeholders.scss +0 -5
  494. package/sass-utilities/themes/dark/scss-variables.scss +0 -92
  495. package/themes/dark/_patternfly-charts-theme-dark.scss +0 -98
  496. package/utilities/BackgroundColor/BackgroundColor.css +0 -414
  497. package/utilities/BackgroundColor/BackgroundColor.scss +0 -64
  498. package/utilities/BackgroundColor/themes/dark/BackgroundColor.css +0 -0
  499. package/utilities/BackgroundColor/themes/dark/BackgroundColor.scss +0 -25
  500. package/utilities/Text/themes/dark/text.css +0 -0
  501. package/utilities/Text/themes/dark/text.scss +0 -33
package/docs/demos/DescriptionList/examples/DescriptionList.md CHANGED
@@ -12,91 +12,99 @@ cssPrefix: pf-d-description-list
12
12
  <a
13
13
  class="pf-v6-c-button pf-m-primary"
14
14
  href="#main-content-description-list-basic-example"
15
- >Skip to content</a>
15
+ >
16
+ <span class="pf-v6-c-button__text">Skip to content</span>
17
+ </a>
16
18
  </div>
17
19
  <header class="pf-v6-c-masthead" id="description-list-basic-example-masthead">
18
- <span class="pf-v6-c-masthead__toggle">
19
- <button
20
- class="pf-v6-c-button pf-m-plain"
21
- type="button"
22
- aria-label="Global navigation"
23
- >
24
- <i class="fas fa-bars" aria-hidden="true"></i>
25
- </button>
26
- </span>
27
20
  <div class="pf-v6-c-masthead__main">
28
- <a class="pf-v6-c-masthead__brand" href="#">
29
- <svg height="40px" viewBox="0 0 679 158">
30
- <title>PF-HorizontalLogo-Color</title>
31
- <defs>
32
- <linearGradient
33
- x1="68%"
34
- y1="2.25860997e-13%"
35
- x2="32%"
36
- y2="100%"
37
- id="linearGradient-description-list-basic-example-masthead"
38
- >
39
- <stop stop-color="#2B9AF3" offset="0%" />
40
- <stop
41
- stop-color="#73BCF7"
42
- stop-opacity="0.502212631"
43
- offset="100%"
44
- />
45
- </linearGradient>
46
- </defs>
47
- <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
48
- <g
49
- transform="translate(206.000000, 45.750000)"
50
- fill="var(--pf-t--global--text--color--regular)"
51
- fill-rule="nonzero"
52
- >
53
- <path
54
- d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z"
55
- />
56
- <path
57
- d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z"
58
- />
59
- <path
60
- d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z"
61
- />
62
- <path
63
- d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z"
64
- />
65
- <path
66
- d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z"
67
- />
68
- <path
69
- d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z"
70
- />
71
- <path
72
- d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z"
73
- />
74
- <polygon
75
- points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"
76
- />
77
- <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
78
- <path
79
- d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
80
- />
81
- </g>
82
- <g transform="translate(0.000000, 0.000000)">
83
- <path
84
- d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
85
- fill="#0066CC"
86
- />
87
- <path
88
- d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
89
- fill="url(#linearGradient-description-list-basic-example-masthead)"
90
- />
91
- <path
92
- d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
93
- fill="url(#linearGradient-description-list-basic-example-masthead)"
94
- transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
95
- />
21
+ <span class="pf-v6-c-masthead__toggle">
22
+ <button
23
+ class="pf-v6-c-button pf-m-plain"
24
+ type="button"
25
+ aria-label="Global navigation"
26
+ >
27
+ <span class="pf-v6-c-button__icon">
28
+ <i class="fas fa-bars" aria-hidden="true"></i>
29
+ </span>
30
+ </button>
31
+ </span>
32
+ <div class="pf-v6-c-masthead__brand">
33
+ <a class="pf-v6-c-masthead__logo" href="#">
34
+ <svg height="37px" viewBox="0 0 679 158">
35
+ <title>PF-HorizontalLogo-Color</title>
36
+ <defs>
37
+ <linearGradient
38
+ x1="68%"
39
+ y1="2.25860997e-13%"
40
+ x2="32%"
41
+ y2="100%"
42
+ id="linearGradient-description-list-basic-example-masthead"
43
+ >
44
+ <stop stop-color="#2B9AF3" offset="0%" />
45
+ <stop
46
+ stop-color="#73BCF7"
47
+ stop-opacity="0.502212631"
48
+ offset="100%"
49
+ />
50
+ </linearGradient>
51
+ </defs>
52
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
53
+ <g
54
+ transform="translate(206.000000, 45.750000)"
55
+ fill="var(--pf-t--global--text--color--regular)"
56
+ fill-rule="nonzero"
57
+ >
58
+ <path
59
+ d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z"
60
+ />
61
+ <path
62
+ d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z"
63
+ />
64
+ <path
65
+ d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z"
66
+ />
67
+ <path
68
+ d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z"
69
+ />
70
+ <path
71
+ d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z"
72
+ />
73
+ <path
74
+ d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z"
75
+ />
76
+ <path
77
+ d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z"
78
+ />
79
+ <polygon
80
+ points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"
81
+ />
82
+ <polygon
83
+ points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
84
+ />
85
+ <path
86
+ d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
87
+ />
88
+ </g>
89
+ <g transform="translate(0.000000, 0.000000)">
90
+ <path
91
+ d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
92
+ fill="#0066CC"
93
+ />
94
+ <path
95
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
96
+ fill="url(#linearGradient-description-list-basic-example-masthead)"
97
+ />
98
+ <path
99
+ d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
100
+ fill="url(#linearGradient-description-list-basic-example-masthead)"
101
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
102
+ />
103
+ </g>
96
104
  </g>
97
- </g>
98
- </svg>
99
- </a>
105
+ </svg>
106
+ </a>
107
+ </div>
100
108
  </div>
101
109
  <div class="pf-v6-c-masthead__content">
102
110
  <div
@@ -105,41 +113,11 @@ cssPrefix: pf-d-description-list
105
113
  >
106
114
  <div class="pf-v6-c-toolbar__content">
107
115
  <div class="pf-v6-c-toolbar__content-section">
108
- <div class="pf-v6-c-toolbar__item">
109
- <button
110
- class="pf-v6-c-menu-toggle"
111
- type="button"
112
- aria-expanded="false"
113
- >
114
- <span class="pf-v6-c-menu-toggle__text">Overview</span>
115
- <span class="pf-v6-c-menu-toggle__controls">
116
- <span class="pf-v6-c-menu-toggle__toggle-icon">
117
- <i class="fas fa-caret-down" aria-hidden="true"></i>
118
- </span>
119
- </span>
120
- </button>
121
- </div>
122
-
123
- <div class="pf-v6-c-toolbar__item">
124
- <button
125
- class="pf-v6-c-menu-toggle"
126
- type="button"
127
- aria-expanded="false"
128
- >
129
- <span class="pf-v6-c-menu-toggle__text">Services</span>
130
- <span class="pf-v6-c-menu-toggle__controls">
131
- <span class="pf-v6-c-menu-toggle__toggle-icon">
132
- <i class="fas fa-caret-down" aria-hidden="true"></i>
133
- </span>
134
- </span>
135
- </button>
136
- </div>
137
-
138
116
  <div
139
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
117
+ class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
140
118
  >
141
119
  <div
142
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
120
+ class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
143
121
  >
144
122
  <div class="pf-v6-c-toolbar__item">
145
123
  <button
@@ -178,6 +156,7 @@ cssPrefix: pf-d-description-list
178
156
  </button>
179
157
  </div>
180
158
  </div>
159
+
181
160
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
182
161
  <button
183
162
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -205,174 +184,188 @@ cssPrefix: pf-d-description-list
205
184
  >
206
185
  <ul class="pf-v6-c-nav__list" role="list">
207
186
  <li class="pf-v6-c-nav__item">
208
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
187
+ <a href="#" class="pf-v6-c-nav__link">
188
+ <span class="pf-v6-c-nav__link-text">System panel</span>
189
+ </a>
209
190
  </li>
210
191
  <li class="pf-v6-c-nav__item">
211
192
  <a
212
193
  href="#"
213
194
  class="pf-v6-c-nav__link pf-m-current"
214
195
  aria-current="page"
215
- >Policy</a>
196
+ >
197
+ <span class="pf-v6-c-nav__link-text">Policy</span>
198
+ </a>
216
199
  </li>
217
200
  <li class="pf-v6-c-nav__item">
218
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
201
+ <a href="#" class="pf-v6-c-nav__link">
202
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
203
+ </a>
219
204
  </li>
220
205
  <li class="pf-v6-c-nav__item">
221
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
206
+ <a href="#" class="pf-v6-c-nav__link">
207
+ <span class="pf-v6-c-nav__link-text">Network services</span>
208
+ </a>
222
209
  </li>
223
210
  <li class="pf-v6-c-nav__item">
224
- <a href="#" class="pf-v6-c-nav__link">Server</a>
211
+ <a href="#" class="pf-v6-c-nav__link">
212
+ <span class="pf-v6-c-nav__link-text">Server</span>
213
+ </a>
225
214
  </li>
226
215
  </ul>
227
216
  </nav>
228
217
  </div>
229
218
  </div>
230
- <main
231
- class="pf-v6-c-page__main"
232
- tabindex="-1"
233
- id="main-content-description-list-basic-example"
234
- >
235
- <section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
236
- <div class="pf-v6-c-page__main-body">
237
- <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
238
- <ol class="pf-v6-c-breadcrumb__list" role="list">
239
- <li class="pf-v6-c-breadcrumb__item">
240
- <a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
241
- </li>
242
- <li class="pf-v6-c-breadcrumb__item">
243
- <span class="pf-v6-c-breadcrumb__item-divider">
244
- <i class="fas fa-angle-right" aria-hidden="true"></i>
245
- </span>
219
+ <div class="pf-v6-c-page__main-container" tabindex="-1">
220
+ <main
221
+ class="pf-v6-c-page__main"
222
+ tabindex="-1"
223
+ id="main-content-description-list-basic-example"
224
+ >
225
+ <section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
226
+ <div class="pf-v6-c-page__main-body">
227
+ <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
228
+ <ol class="pf-v6-c-breadcrumb__list" role="list">
229
+ <li class="pf-v6-c-breadcrumb__item">
230
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
231
+ </li>
232
+ <li class="pf-v6-c-breadcrumb__item">
233
+ <span class="pf-v6-c-breadcrumb__item-divider">
234
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
235
+ </span>
246
236
 
247
- <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
248
- </li>
249
- <li class="pf-v6-c-breadcrumb__item">
250
- <span class="pf-v6-c-breadcrumb__item-divider">
251
- <i class="fas fa-angle-right" aria-hidden="true"></i>
252
- </span>
237
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
238
+ </li>
239
+ <li class="pf-v6-c-breadcrumb__item">
240
+ <span class="pf-v6-c-breadcrumb__item-divider">
241
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
242
+ </span>
253
243
 
254
- <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
255
- </li>
256
- <li class="pf-v6-c-breadcrumb__item">
257
- <span class="pf-v6-c-breadcrumb__item-divider">
258
- <i class="fas fa-angle-right" aria-hidden="true"></i>
259
- </span>
244
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
245
+ </li>
246
+ <li class="pf-v6-c-breadcrumb__item">
247
+ <span class="pf-v6-c-breadcrumb__item-divider">
248
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
249
+ </span>
260
250
 
261
- <a
262
- href="#"
263
- class="pf-v6-c-breadcrumb__link pf-m-current"
264
- aria-current="page"
265
- >Section landing</a>
266
- </li>
267
- </ol>
268
- </nav>
269
- </div>
270
- </section>
271
- <section class="pf-v6-c-page__main-section pf-m-limit-width pf-m-light">
272
- <div class="pf-v6-c-page__main-body">
273
- <div class="pf-v6-c-content">
274
- <h1>Main title</h1>
275
- <p>This is a full page demo.</p>
251
+ <a
252
+ href="#"
253
+ class="pf-v6-c-breadcrumb__link pf-m-current"
254
+ aria-current="page"
255
+ >Section landing</a>
256
+ </li>
257
+ </ol>
258
+ </nav>
276
259
  </div>
277
- </div>
278
- </section>
279
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
280
- <div class="pf-v6-c-page__main-body">
281
- <div class="pf-v6-c-card">
282
- <div class="pf-v6-c-card__header">
283
- <h2 class="pf-v6-c-title pf-m-lg">Details</h2>
260
+ </section>
261
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
262
+ <div class="pf-v6-c-page__main-body">
263
+ <div class="pf-v6-c-content">
264
+ <h1>Main title</h1>
265
+ <p>This is a full page demo.</p>
284
266
  </div>
285
- <hr class="pf-v6-c-divider" />
286
- <div class="pf-v6-c-card__body">
287
- <dl class="pf-v6-c-description-list pf-m-auto-fit">
288
- <div class="pf-v6-c-description-list__group">
289
- <dt class="pf-v6-c-description-list__term">
290
- <span class="pf-v6-c-description-list__text">Name</span>
291
- </dt>
292
- <dd class="pf-v6-c-description-list__description">
293
- <div class="pf-v6-c-description-list__text">mary-test</div>
294
- </dd>
295
- </div>
296
- <div class="pf-v6-c-description-list__group">
297
- <dt class="pf-v6-c-description-list__term">
298
- <span class="pf-v6-c-description-list__text">Status</span>
299
- </dt>
300
- <dd class="pf-v6-c-description-list__description">
301
- <div class="pf-v6-c-description-list__text">
302
- <div class="pf-v6-l-flex pf-m-space-items-sm">
303
- <div class="pf-v6-l-flex__item">
304
- <i
305
- class="fas fa-check-circle pf-v6-u-success-color-100"
306
- aria-hidden="true"
307
- ></i>
308
- </div>
309
- <div class="pf-v6-l-flex__item">
310
- <span>Active</span>
267
+ </div>
268
+ </section>
269
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
270
+ <div class="pf-v6-c-page__main-body">
271
+ <div class="pf-v6-c-card">
272
+ <div class="pf-v6-c-card__header">
273
+ <h2 class="pf-v6-c-title pf-m-lg">Details</h2>
274
+ </div>
275
+ <hr class="pf-v6-c-divider" />
276
+ <div class="pf-v6-c-card__body">
277
+ <dl class="pf-v6-c-description-list pf-m-auto-fit">
278
+ <div class="pf-v6-c-description-list__group">
279
+ <dt class="pf-v6-c-description-list__term">
280
+ <span class="pf-v6-c-description-list__text">Name</span>
281
+ </dt>
282
+ <dd class="pf-v6-c-description-list__description">
283
+ <div class="pf-v6-c-description-list__text">mary-test</div>
284
+ </dd>
285
+ </div>
286
+ <div class="pf-v6-c-description-list__group">
287
+ <dt class="pf-v6-c-description-list__term">
288
+ <span class="pf-v6-c-description-list__text">Status</span>
289
+ </dt>
290
+ <dd class="pf-v6-c-description-list__description">
291
+ <div class="pf-v6-c-description-list__text">
292
+ <div class="pf-v6-l-flex pf-m-space-items-sm">
293
+ <div class="pf-v6-l-flex__item">
294
+ <i
295
+ class="fas fa-check-circle pf-v6-u-success-color-100"
296
+ aria-hidden="true"
297
+ ></i>
298
+ </div>
299
+ <div class="pf-v6-l-flex__item">
300
+ <span>Active</span>
301
+ </div>
311
302
  </div>
312
303
  </div>
313
- </div>
314
- </dd>
315
- </div>
316
- <div class="pf-v6-c-description-list__group">
317
- <dt class="pf-v6-c-description-list__term">
318
- <span
319
- class="pf-v6-c-description-list__text"
320
- >Default pull secret</span>
321
- </dt>
322
- <dd class="pf-v6-c-description-list__description">
323
- <div class="pf-v6-c-description-list__text">
324
- <span class="pf-v6-u-color-300">Not configured</span>
325
- </div>
326
- </dd>
327
- </div>
328
- <div class="pf-v6-c-description-list__group">
329
- <dt class="pf-v6-c-description-list__term">
330
- <span class="pf-v6-c-description-list__text">Tolerations</span>
331
- </dt>
332
- <dd class="pf-v6-c-description-list__description">
333
- <div class="pf-v6-c-description-list__text">6 Tolerations</div>
334
- </dd>
335
- </div>
336
- <div class="pf-v6-c-description-list__group">
337
- <dt class="pf-v6-c-description-list__term">
338
- <span class="pf-v6-c-description-list__text">Network Policies</span>
339
- </dt>
340
- <dd class="pf-v6-c-description-list__description">
341
- <div class="pf-v6-c-description-list__text">
342
- <a href="#">Network Policies</a>
343
- </div>
344
- </dd>
345
- </div>
346
- <div class="pf-v6-c-description-list__group">
347
- <dt class="pf-v6-c-description-list__term">
348
- <span class="pf-v6-c-description-list__text">Display name</span>
349
- </dt>
350
- <dd class="pf-v6-c-description-list__description">
351
- <div class="pf-v6-c-description-list__text">mary</div>
352
- </dd>
353
- </div>
354
- <div class="pf-v6-c-description-list__group">
355
- <dt class="pf-v6-c-description-list__term">
356
- <span class="pf-v6-c-description-list__text">Requester</span>
357
- </dt>
358
- <dd class="pf-v6-c-description-list__description">
359
- <div class="pf-v6-c-description-list__text">kube:admin</div>
360
- </dd>
361
- </div>
362
- <div class="pf-v6-c-description-list__group">
363
- <dt class="pf-v6-c-description-list__term">
364
- <span class="pf-v6-c-description-list__text">Created at:</span>
365
- </dt>
366
- <dd class="pf-v6-c-description-list__description">
367
- <div class="pf-v6-c-description-list__text">3 minutes ago</div>
368
- </dd>
369
- </div>
370
- </dl>
304
+ </dd>
305
+ </div>
306
+ <div class="pf-v6-c-description-list__group">
307
+ <dt class="pf-v6-c-description-list__term">
308
+ <span
309
+ class="pf-v6-c-description-list__text"
310
+ >Default pull secret</span>
311
+ </dt>
312
+ <dd class="pf-v6-c-description-list__description">
313
+ <div class="pf-v6-c-description-list__text">
314
+ <span class="pf-v6-u-color-300">Not configured</span>
315
+ </div>
316
+ </dd>
317
+ </div>
318
+ <div class="pf-v6-c-description-list__group">
319
+ <dt class="pf-v6-c-description-list__term">
320
+ <span class="pf-v6-c-description-list__text">Tolerations</span>
321
+ </dt>
322
+ <dd class="pf-v6-c-description-list__description">
323
+ <div class="pf-v6-c-description-list__text">6 Tolerations</div>
324
+ </dd>
325
+ </div>
326
+ <div class="pf-v6-c-description-list__group">
327
+ <dt class="pf-v6-c-description-list__term">
328
+ <span
329
+ class="pf-v6-c-description-list__text"
330
+ >Network Policies</span>
331
+ </dt>
332
+ <dd class="pf-v6-c-description-list__description">
333
+ <div class="pf-v6-c-description-list__text">
334
+ <a href="#">Network Policies</a>
335
+ </div>
336
+ </dd>
337
+ </div>
338
+ <div class="pf-v6-c-description-list__group">
339
+ <dt class="pf-v6-c-description-list__term">
340
+ <span class="pf-v6-c-description-list__text">Display name</span>
341
+ </dt>
342
+ <dd class="pf-v6-c-description-list__description">
343
+ <div class="pf-v6-c-description-list__text">mary</div>
344
+ </dd>
345
+ </div>
346
+ <div class="pf-v6-c-description-list__group">
347
+ <dt class="pf-v6-c-description-list__term">
348
+ <span class="pf-v6-c-description-list__text">Requester</span>
349
+ </dt>
350
+ <dd class="pf-v6-c-description-list__description">
351
+ <div class="pf-v6-c-description-list__text">kube:admin</div>
352
+ </dd>
353
+ </div>
354
+ <div class="pf-v6-c-description-list__group">
355
+ <dt class="pf-v6-c-description-list__term">
356
+ <span class="pf-v6-c-description-list__text">Created at:</span>
357
+ </dt>
358
+ <dd class="pf-v6-c-description-list__description">
359
+ <div class="pf-v6-c-description-list__text">3 minutes ago</div>
360
+ </dd>
361
+ </div>
362
+ </dl>
363
+ </div>
371
364
  </div>
372
365
  </div>
373
- </div>
374
- </section>
375
- </main>
366
+ </section>
367
+ </main>
368
+ </div>
376
369
  </div>
377
370
 
378
371
  ```
@@ -385,94 +378,102 @@ cssPrefix: pf-d-description-list
385
378
  <a
386
379
  class="pf-v6-c-button pf-m-primary"
387
380
  href="#main-content-description-list-in-drawer-example"
388
- >Skip to content</a>
381
+ >
382
+ <span class="pf-v6-c-button__text">Skip to content</span>
383
+ </a>
389
384
  </div>
390
385
  <header
391
386
  class="pf-v6-c-masthead"
392
387
  id="description-list-in-drawer-example-masthead"
393
388
  >
394
- <span class="pf-v6-c-masthead__toggle">
395
- <button
396
- class="pf-v6-c-button pf-m-plain"
397
- type="button"
398
- aria-label="Global navigation"
399
- >
400
- <i class="fas fa-bars" aria-hidden="true"></i>
401
- </button>
402
- </span>
403
389
  <div class="pf-v6-c-masthead__main">
404
- <a class="pf-v6-c-masthead__brand" href="#">
405
- <svg height="40px" viewBox="0 0 679 158">
406
- <title>PF-HorizontalLogo-Color</title>
407
- <defs>
408
- <linearGradient
409
- x1="68%"
410
- y1="2.25860997e-13%"
411
- x2="32%"
412
- y2="100%"
413
- id="linearGradient-description-list-in-drawer-example-masthead"
414
- >
415
- <stop stop-color="#2B9AF3" offset="0%" />
416
- <stop
417
- stop-color="#73BCF7"
418
- stop-opacity="0.502212631"
419
- offset="100%"
420
- />
421
- </linearGradient>
422
- </defs>
423
- <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
424
- <g
425
- transform="translate(206.000000, 45.750000)"
426
- fill="var(--pf-t--global--text--color--regular)"
427
- fill-rule="nonzero"
428
- >
429
- <path
430
- d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z"
431
- />
432
- <path
433
- d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z"
434
- />
435
- <path
436
- d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z"
437
- />
438
- <path
439
- d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z"
440
- />
441
- <path
442
- d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z"
443
- />
444
- <path
445
- d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z"
446
- />
447
- <path
448
- d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z"
449
- />
450
- <polygon
451
- points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"
452
- />
453
- <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
454
- <path
455
- d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
456
- />
457
- </g>
458
- <g transform="translate(0.000000, 0.000000)">
459
- <path
460
- d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
461
- fill="#0066CC"
462
- />
463
- <path
464
- d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
465
- fill="url(#linearGradient-description-list-in-drawer-example-masthead)"
466
- />
467
- <path
468
- d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
469
- fill="url(#linearGradient-description-list-in-drawer-example-masthead)"
470
- transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
471
- />
390
+ <span class="pf-v6-c-masthead__toggle">
391
+ <button
392
+ class="pf-v6-c-button pf-m-plain"
393
+ type="button"
394
+ aria-label="Global navigation"
395
+ >
396
+ <span class="pf-v6-c-button__icon">
397
+ <i class="fas fa-bars" aria-hidden="true"></i>
398
+ </span>
399
+ </button>
400
+ </span>
401
+ <div class="pf-v6-c-masthead__brand">
402
+ <a class="pf-v6-c-masthead__logo" href="#">
403
+ <svg height="37px" viewBox="0 0 679 158">
404
+ <title>PF-HorizontalLogo-Color</title>
405
+ <defs>
406
+ <linearGradient
407
+ x1="68%"
408
+ y1="2.25860997e-13%"
409
+ x2="32%"
410
+ y2="100%"
411
+ id="linearGradient-description-list-in-drawer-example-masthead"
412
+ >
413
+ <stop stop-color="#2B9AF3" offset="0%" />
414
+ <stop
415
+ stop-color="#73BCF7"
416
+ stop-opacity="0.502212631"
417
+ offset="100%"
418
+ />
419
+ </linearGradient>
420
+ </defs>
421
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
422
+ <g
423
+ transform="translate(206.000000, 45.750000)"
424
+ fill="var(--pf-t--global--text--color--regular)"
425
+ fill-rule="nonzero"
426
+ >
427
+ <path
428
+ d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z"
429
+ />
430
+ <path
431
+ d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z"
432
+ />
433
+ <path
434
+ d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z"
435
+ />
436
+ <path
437
+ d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z"
438
+ />
439
+ <path
440
+ d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z"
441
+ />
442
+ <path
443
+ d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z"
444
+ />
445
+ <path
446
+ d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z"
447
+ />
448
+ <polygon
449
+ points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"
450
+ />
451
+ <polygon
452
+ points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
453
+ />
454
+ <path
455
+ d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
456
+ />
457
+ </g>
458
+ <g transform="translate(0.000000, 0.000000)">
459
+ <path
460
+ d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
461
+ fill="#0066CC"
462
+ />
463
+ <path
464
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
465
+ fill="url(#linearGradient-description-list-in-drawer-example-masthead)"
466
+ />
467
+ <path
468
+ d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
469
+ fill="url(#linearGradient-description-list-in-drawer-example-masthead)"
470
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
471
+ />
472
+ </g>
472
473
  </g>
473
- </g>
474
- </svg>
475
- </a>
474
+ </svg>
475
+ </a>
476
+ </div>
476
477
  </div>
477
478
  <div class="pf-v6-c-masthead__content">
478
479
  <div
@@ -481,41 +482,11 @@ cssPrefix: pf-d-description-list
481
482
  >
482
483
  <div class="pf-v6-c-toolbar__content">
483
484
  <div class="pf-v6-c-toolbar__content-section">
484
- <div class="pf-v6-c-toolbar__item">
485
- <button
486
- class="pf-v6-c-menu-toggle"
487
- type="button"
488
- aria-expanded="false"
489
- >
490
- <span class="pf-v6-c-menu-toggle__text">Overview</span>
491
- <span class="pf-v6-c-menu-toggle__controls">
492
- <span class="pf-v6-c-menu-toggle__toggle-icon">
493
- <i class="fas fa-caret-down" aria-hidden="true"></i>
494
- </span>
495
- </span>
496
- </button>
497
- </div>
498
-
499
- <div class="pf-v6-c-toolbar__item">
500
- <button
501
- class="pf-v6-c-menu-toggle"
502
- type="button"
503
- aria-expanded="false"
504
- >
505
- <span class="pf-v6-c-menu-toggle__text">Services</span>
506
- <span class="pf-v6-c-menu-toggle__controls">
507
- <span class="pf-v6-c-menu-toggle__toggle-icon">
508
- <i class="fas fa-caret-down" aria-hidden="true"></i>
509
- </span>
510
- </span>
511
- </button>
512
- </div>
513
-
514
485
  <div
515
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
486
+ class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
516
487
  >
517
488
  <div
518
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
489
+ class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
519
490
  >
520
491
  <div class="pf-v6-c-toolbar__item">
521
492
  <button
@@ -554,6 +525,7 @@ cssPrefix: pf-d-description-list
554
525
  </button>
555
526
  </div>
556
527
  </div>
528
+
557
529
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
558
530
  <button
559
531
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -581,23 +553,33 @@ cssPrefix: pf-d-description-list
581
553
  >
582
554
  <ul class="pf-v6-c-nav__list" role="list">
583
555
  <li class="pf-v6-c-nav__item">
584
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
556
+ <a href="#" class="pf-v6-c-nav__link">
557
+ <span class="pf-v6-c-nav__link-text">System panel</span>
558
+ </a>
585
559
  </li>
586
560
  <li class="pf-v6-c-nav__item">
587
561
  <a
588
562
  href="#"
589
563
  class="pf-v6-c-nav__link pf-m-current"
590
564
  aria-current="page"
591
- >Policy</a>
565
+ >
566
+ <span class="pf-v6-c-nav__link-text">Policy</span>
567
+ </a>
592
568
  </li>
593
569
  <li class="pf-v6-c-nav__item">
594
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
570
+ <a href="#" class="pf-v6-c-nav__link">
571
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
572
+ </a>
595
573
  </li>
596
574
  <li class="pf-v6-c-nav__item">
597
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
575
+ <a href="#" class="pf-v6-c-nav__link">
576
+ <span class="pf-v6-c-nav__link-text">Network services</span>
577
+ </a>
598
578
  </li>
599
579
  <li class="pf-v6-c-nav__item">
600
- <a href="#" class="pf-v6-c-nav__link">Server</a>
580
+ <a href="#" class="pf-v6-c-nav__link">
581
+ <span class="pf-v6-c-nav__link-text">Server</span>
582
+ </a>
601
583
  </li>
602
584
  </ul>
603
585
  </nav>
@@ -608,173 +590,129 @@ cssPrefix: pf-d-description-list
608
590
  <div class="pf-v6-c-drawer__main">
609
591
  <div class="pf-v6-c-drawer__content">
610
592
  <div class="pf-v6-c-drawer__body">
611
- <main
612
- class="pf-v6-c-page__main"
613
- tabindex="-1"
614
- id="main-content-description-list-in-drawer-example"
615
- >
616
- <section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
617
- <div class="pf-v6-c-page__main-body">
618
- <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
619
- <ol class="pf-v6-c-breadcrumb__list" role="list">
620
- <li class="pf-v6-c-breadcrumb__item">
621
- <a
622
- href="#"
623
- class="pf-v6-c-breadcrumb__link"
624
- >Section home</a>
625
- </li>
626
- <li class="pf-v6-c-breadcrumb__item">
627
- <span class="pf-v6-c-breadcrumb__item-divider">
628
- <i class="fas fa-angle-right" aria-hidden="true"></i>
629
- </span>
593
+ <div class="pf-v6-c-page__main-container" tabindex="-1">
594
+ <main
595
+ class="pf-v6-c-page__main"
596
+ tabindex="-1"
597
+ id="main-content-description-list-in-drawer-example"
598
+ >
599
+ <section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
600
+ <div class="pf-v6-c-page__main-body">
601
+ <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
602
+ <ol class="pf-v6-c-breadcrumb__list" role="list">
603
+ <li class="pf-v6-c-breadcrumb__item">
604
+ <a
605
+ href="#"
606
+ class="pf-v6-c-breadcrumb__link"
607
+ >Section home</a>
608
+ </li>
609
+ <li class="pf-v6-c-breadcrumb__item">
610
+ <span class="pf-v6-c-breadcrumb__item-divider">
611
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
612
+ </span>
630
613
 
631
- <a
632
- href="#"
633
- class="pf-v6-c-breadcrumb__link"
634
- >Section title</a>
635
- </li>
636
- <li class="pf-v6-c-breadcrumb__item">
637
- <span class="pf-v6-c-breadcrumb__item-divider">
638
- <i class="fas fa-angle-right" aria-hidden="true"></i>
639
- </span>
614
+ <a
615
+ href="#"
616
+ class="pf-v6-c-breadcrumb__link"
617
+ >Section title</a>
618
+ </li>
619
+ <li class="pf-v6-c-breadcrumb__item">
620
+ <span class="pf-v6-c-breadcrumb__item-divider">
621
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
622
+ </span>
640
623
 
641
- <a
642
- href="#"
643
- class="pf-v6-c-breadcrumb__link"
644
- >Section title</a>
645
- </li>
646
- <li class="pf-v6-c-breadcrumb__item">
647
- <span class="pf-v6-c-breadcrumb__item-divider">
648
- <i class="fas fa-angle-right" aria-hidden="true"></i>
649
- </span>
624
+ <a
625
+ href="#"
626
+ class="pf-v6-c-breadcrumb__link"
627
+ >Section title</a>
628
+ </li>
629
+ <li class="pf-v6-c-breadcrumb__item">
630
+ <span class="pf-v6-c-breadcrumb__item-divider">
631
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
632
+ </span>
650
633
 
651
- <a
652
- href="#"
653
- class="pf-v6-c-breadcrumb__link pf-m-current"
654
- aria-current="page"
655
- >Section landing</a>
656
- </li>
657
- </ol>
658
- </nav>
659
- </div>
660
- </section>
661
- <section
662
- class="pf-v6-c-page__main-section pf-m-limit-width pf-m-light"
663
- >
664
- <div class="pf-v6-c-page__main-body">
665
- <div class="pf-v6-c-content">
666
- <h1>Main title</h1>
667
- <p>This is a full page demo.</p>
634
+ <a
635
+ href="#"
636
+ class="pf-v6-c-breadcrumb__link pf-m-current"
637
+ aria-current="page"
638
+ >Section landing</a>
639
+ </li>
640
+ </ol>
641
+ </nav>
668
642
  </div>
669
- </div>
670
- </section>
671
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
672
- <div class="pf-v6-c-page__main-body">
673
- <div class="pf-v6-l-gallery pf-m-gutter">
674
- <div class="pf-v6-c-card">
675
- <div class="pf-v6-c-card__body">This is a card</div>
676
- </div>
677
- <div class="pf-v6-c-card">
678
- <div class="pf-v6-c-card__body">This is a card</div>
679
- </div>
680
- <div class="pf-v6-c-card">
681
- <div class="pf-v6-c-card__body">This is a card</div>
682
- </div>
683
- <div class="pf-v6-c-card">
684
- <div class="pf-v6-c-card__body">This is a card</div>
643
+ </section>
644
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
645
+ <div class="pf-v6-c-page__main-body">
646
+ <div class="pf-v6-c-content">
647
+ <h1>Main title</h1>
648
+ <p>This is a full page demo.</p>
685
649
  </div>
686
- <div class="pf-v6-c-card">
687
- <div class="pf-v6-c-card__body">This is a card</div>
688
- </div>
689
- <div class="pf-v6-c-card">
690
- <div class="pf-v6-c-card__body">This is a card</div>
691
- </div>
692
- <div class="pf-v6-c-card">
693
- <div class="pf-v6-c-card__body">This is a card</div>
694
- </div>
695
- <div class="pf-v6-c-card">
696
- <div class="pf-v6-c-card__body">This is a card</div>
697
- </div>
698
- <div class="pf-v6-c-card">
699
- <div class="pf-v6-c-card__body">This is a card</div>
700
- </div>
701
- <div class="pf-v6-c-card">
702
- <div class="pf-v6-c-card__body">This is a card</div>
650
+ </div>
651
+ </section>
652
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
653
+ <div class="pf-v6-c-page__main-body">
654
+ <div class="pf-v6-l-gallery pf-m-gutter">
655
+ <div class="pf-v6-c-card">
656
+ <div class="pf-v6-c-card__body">This is a card</div>
657
+ </div>
658
+ <div class="pf-v6-c-card">
659
+ <div class="pf-v6-c-card__body">This is a card</div>
660
+ </div>
661
+ <div class="pf-v6-c-card">
662
+ <div class="pf-v6-c-card__body">This is a card</div>
663
+ </div>
664
+ <div class="pf-v6-c-card">
665
+ <div class="pf-v6-c-card__body">This is a card</div>
666
+ </div>
667
+ <div class="pf-v6-c-card">
668
+ <div class="pf-v6-c-card__body">This is a card</div>
669
+ </div>
670
+ <div class="pf-v6-c-card">
671
+ <div class="pf-v6-c-card__body">This is a card</div>
672
+ </div>
673
+ <div class="pf-v6-c-card">
674
+ <div class="pf-v6-c-card__body">This is a card</div>
675
+ </div>
676
+ <div class="pf-v6-c-card">
677
+ <div class="pf-v6-c-card__body">This is a card</div>
678
+ </div>
679
+ <div class="pf-v6-c-card">
680
+ <div class="pf-v6-c-card__body">This is a card</div>
681
+ </div>
682
+ <div class="pf-v6-c-card">
683
+ <div class="pf-v6-c-card__body">This is a card</div>
684
+ </div>
703
685
  </div>
704
686
  </div>
705
- </div>
706
- </section>
707
- </main>
687
+ </section>
688
+ </main>
689
+ </div>
708
690
  </div>
709
691
  </div>
710
692
  <div class="pf-v6-c-drawer__panel pf-m-width-33-on-lg">
711
693
  <div class="pf-v6-c-drawer__body">
712
694
  <div class="pf-v6-c-drawer__head">
713
695
  <div class="pf-v6-c-drawer__actions">
714
- <div class="pf-v6-c-dropdown">
715
- <button
716
- class="pf-v6-c-dropdown__toggle pf-m-plain"
717
- id="-button"
718
- aria-expanded="false"
719
- type="button"
720
- aria-label="Actions"
721
- >
696
+ <button
697
+ class="pf-v6-c-menu-toggle pf-m-plain"
698
+ type="button"
699
+ aria-expanded="false"
700
+ aria-label="Menu toggle"
701
+ id="description-list-in-drawer-example-toggle"
702
+ >
703
+ <span class="pf-v6-c-menu-toggle__icon">
722
704
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
723
- </button>
724
- <ul
725
- class="pf-v6-c-dropdown__menu"
726
- aria-labelledby="-button"
727
- hidden
728
- role="menu"
729
- >
730
- <li role="none">
731
- <a
732
- class="pf-v6-c-dropdown__menu-item"
733
- role="menuitem"
734
- href="#"
735
- >Link</a>
736
- </li>
737
- <li role="none">
738
- <button
739
- class="pf-v6-c-dropdown__menu-item"
740
- role="menuitem"
741
- type="button"
742
- >Action</button>
743
- </li>
744
- <li role="none">
745
- <a
746
- class="pf-v6-c-dropdown__menu-item pf-m-disabled"
747
- role="menuitem"
748
- href="#"
749
- aria-disabled="true"
750
- tabindex="-1"
751
- >Disabled link</a>
752
- </li>
753
- <li role="none">
754
- <button
755
- class="pf-v6-c-dropdown__menu-item"
756
- role="menuitem"
757
- type="button"
758
- disabled
759
- >Disabled action</button>
760
- </li>
761
- <li class="pf-v6-c-divider" role="separator"></li>
762
- <li role="none">
763
- <a
764
- class="pf-v6-c-dropdown__menu-item"
765
- role="menuitem"
766
- href="#"
767
- >Separated link</a>
768
- </li>
769
- </ul>
770
- </div>
705
+ </span>
706
+ </button>
771
707
  <div class="pf-v6-c-drawer__close">
772
708
  <button
773
709
  class="pf-v6-c-button pf-m-plain"
774
710
  type="button"
775
711
  aria-label="Close drawer panel"
776
712
  >
777
- <i class="fas fa-times" aria-hidden="true"></i>
713
+ <span class="pf-v6-c-button__icon">
714
+ <i class="fas fa-times" aria-hidden="true"></i>
715
+ </span>
778
716
  </button>
779
717
  </div>
780
718
  </div>
@@ -868,11 +806,13 @@ cssPrefix: pf-d-description-list
868
806
  </dt>
869
807
  <dd class="pf-v6-c-description-list__description">
870
808
  <div class="pf-v6-c-description-list__text">
871
- <div class="pf-v6-c-chip">
872
- <span class="pf-v6-c-chip__content">
873
- <span class="pf-v6-c-chip__text">app=mary-test</span>
809
+ <span class="pf-v6-c-label pf-m-outline">
810
+ <span class="pf-v6-c-label__content">
811
+ <span class="pf-v6-c-label__content">
812
+ <span class="pf-v6-c-label__text">app=mary-test</span>
813
+ </span>
874
814
  </span>
875
- </div>
815
+ </span>
876
816
  </div>
877
817
  </dd>
878
818
  </div>
@@ -882,7 +822,7 @@ cssPrefix: pf-d-description-list
882
822
  </dt>
883
823
  <dd class="pf-v6-c-description-list__description">
884
824
  <p
885
- class="pf-v6-c-description-list__text pf-v5-u-color-200"
825
+ class="pf-v6-c-description-list__text pf-v6-u-text-color-subtle"
886
826
  >Nod selector is not available at this time</p>
887
827
  </dd>
888
828
  </div>
@@ -892,7 +832,7 @@ cssPrefix: pf-d-description-list
892
832
  </dt>
893
833
  <dd class="pf-v6-c-description-list__description">
894
834
  <div
895
- class="pf-v6-c-description-list__text pf-v5-u-color-200"
835
+ class="pf-v6-c-description-list__text pf-v6-u-text-color-subtle"
896
836
  >No tolerations</div>
897
837
  </dd>
898
838
  </div>
@@ -902,7 +842,7 @@ cssPrefix: pf-d-description-list
902
842
  </dt>
903
843
  <dd class="pf-v6-c-description-list__description">
904
844
  <div
905
- class="pf-v6-c-description-list__text pf-v5-u-color-200"
845
+ class="pf-v6-c-description-list__text pf-v6-u-text-color-subtle"
906
846
  >No annotations</div>
907
847
  </dd>
908
848
  </div>
@@ -957,7 +897,7 @@ cssPrefix: pf-d-description-list
957
897
  </dt>
958
898
  <dd class="pf-v6-c-description-list__description">
959
899
  <div
960
- class="pf-v6-c-description-list__text pf-v5-u-color-200"
900
+ class="pf-v6-c-description-list__text pf-v6-u-text-color-subtle"
961
901
  >None</div>
962
902
  </dd>
963
903
  </div>
@@ -1031,7 +971,7 @@ cssPrefix: pf-d-description-list
1031
971
  </dt>
1032
972
  <dd class="pf-v6-c-description-list__description">
1033
973
  <div
1034
- class="pf-v6-c-description-list__text pf-v5-u-color-200"
974
+ class="pf-v6-c-description-list__text pf-v6-u-text-color-subtle"
1035
975
  >Not configured</div>
1036
976
  </dd>
1037
977
  </div>
@@ -1076,94 +1016,102 @@ cssPrefix: pf-d-description-list
1076
1016
  <a
1077
1017
  class="pf-v6-c-button pf-m-primary"
1078
1018
  href="#main-content-description-list-complex-content-example"
1079
- >Skip to content</a>
1019
+ >
1020
+ <span class="pf-v6-c-button__text">Skip to content</span>
1021
+ </a>
1080
1022
  </div>
1081
1023
  <header
1082
1024
  class="pf-v6-c-masthead"
1083
1025
  id="description-list-complex-content-example-masthead"
1084
1026
  >
1085
- <span class="pf-v6-c-masthead__toggle">
1086
- <button
1087
- class="pf-v6-c-button pf-m-plain"
1088
- type="button"
1089
- aria-label="Global navigation"
1090
- >
1091
- <i class="fas fa-bars" aria-hidden="true"></i>
1092
- </button>
1093
- </span>
1094
1027
  <div class="pf-v6-c-masthead__main">
1095
- <a class="pf-v6-c-masthead__brand" href="#">
1096
- <svg height="40px" viewBox="0 0 679 158">
1097
- <title>PF-HorizontalLogo-Color</title>
1098
- <defs>
1099
- <linearGradient
1100
- x1="68%"
1101
- y1="2.25860997e-13%"
1102
- x2="32%"
1103
- y2="100%"
1104
- id="linearGradient-description-list-complex-content-example-masthead"
1105
- >
1106
- <stop stop-color="#2B9AF3" offset="0%" />
1107
- <stop
1108
- stop-color="#73BCF7"
1109
- stop-opacity="0.502212631"
1110
- offset="100%"
1111
- />
1112
- </linearGradient>
1113
- </defs>
1114
- <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
1115
- <g
1116
- transform="translate(206.000000, 45.750000)"
1117
- fill="var(--pf-t--global--text--color--regular)"
1118
- fill-rule="nonzero"
1119
- >
1120
- <path
1121
- d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z"
1122
- />
1123
- <path
1124
- d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z"
1125
- />
1126
- <path
1127
- d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z"
1128
- />
1129
- <path
1130
- d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z"
1131
- />
1132
- <path
1133
- d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z"
1134
- />
1135
- <path
1136
- d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z"
1137
- />
1138
- <path
1139
- d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z"
1140
- />
1141
- <polygon
1142
- points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"
1143
- />
1144
- <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
1145
- <path
1146
- d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
1147
- />
1148
- </g>
1149
- <g transform="translate(0.000000, 0.000000)">
1150
- <path
1151
- d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
1152
- fill="#0066CC"
1153
- />
1154
- <path
1155
- d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1156
- fill="url(#linearGradient-description-list-complex-content-example-masthead)"
1157
- />
1158
- <path
1159
- d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
1160
- fill="url(#linearGradient-description-list-complex-content-example-masthead)"
1161
- transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1162
- />
1028
+ <span class="pf-v6-c-masthead__toggle">
1029
+ <button
1030
+ class="pf-v6-c-button pf-m-plain"
1031
+ type="button"
1032
+ aria-label="Global navigation"
1033
+ >
1034
+ <span class="pf-v6-c-button__icon">
1035
+ <i class="fas fa-bars" aria-hidden="true"></i>
1036
+ </span>
1037
+ </button>
1038
+ </span>
1039
+ <div class="pf-v6-c-masthead__brand">
1040
+ <a class="pf-v6-c-masthead__logo" href="#">
1041
+ <svg height="37px" viewBox="0 0 679 158">
1042
+ <title>PF-HorizontalLogo-Color</title>
1043
+ <defs>
1044
+ <linearGradient
1045
+ x1="68%"
1046
+ y1="2.25860997e-13%"
1047
+ x2="32%"
1048
+ y2="100%"
1049
+ id="linearGradient-description-list-complex-content-example-masthead"
1050
+ >
1051
+ <stop stop-color="#2B9AF3" offset="0%" />
1052
+ <stop
1053
+ stop-color="#73BCF7"
1054
+ stop-opacity="0.502212631"
1055
+ offset="100%"
1056
+ />
1057
+ </linearGradient>
1058
+ </defs>
1059
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
1060
+ <g
1061
+ transform="translate(206.000000, 45.750000)"
1062
+ fill="var(--pf-t--global--text--color--regular)"
1063
+ fill-rule="nonzero"
1064
+ >
1065
+ <path
1066
+ d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z"
1067
+ />
1068
+ <path
1069
+ d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z"
1070
+ />
1071
+ <path
1072
+ d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z"
1073
+ />
1074
+ <path
1075
+ d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z"
1076
+ />
1077
+ <path
1078
+ d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z"
1079
+ />
1080
+ <path
1081
+ d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z"
1082
+ />
1083
+ <path
1084
+ d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z"
1085
+ />
1086
+ <polygon
1087
+ points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"
1088
+ />
1089
+ <polygon
1090
+ points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
1091
+ />
1092
+ <path
1093
+ d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
1094
+ />
1095
+ </g>
1096
+ <g transform="translate(0.000000, 0.000000)">
1097
+ <path
1098
+ d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
1099
+ fill="#0066CC"
1100
+ />
1101
+ <path
1102
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1103
+ fill="url(#linearGradient-description-list-complex-content-example-masthead)"
1104
+ />
1105
+ <path
1106
+ d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
1107
+ fill="url(#linearGradient-description-list-complex-content-example-masthead)"
1108
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1109
+ />
1110
+ </g>
1163
1111
  </g>
1164
- </g>
1165
- </svg>
1166
- </a>
1112
+ </svg>
1113
+ </a>
1114
+ </div>
1167
1115
  </div>
1168
1116
  <div class="pf-v6-c-masthead__content">
1169
1117
  <div
@@ -1172,41 +1120,11 @@ cssPrefix: pf-d-description-list
1172
1120
  >
1173
1121
  <div class="pf-v6-c-toolbar__content">
1174
1122
  <div class="pf-v6-c-toolbar__content-section">
1175
- <div class="pf-v6-c-toolbar__item">
1176
- <button
1177
- class="pf-v6-c-menu-toggle"
1178
- type="button"
1179
- aria-expanded="false"
1180
- >
1181
- <span class="pf-v6-c-menu-toggle__text">Overview</span>
1182
- <span class="pf-v6-c-menu-toggle__controls">
1183
- <span class="pf-v6-c-menu-toggle__toggle-icon">
1184
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1185
- </span>
1186
- </span>
1187
- </button>
1188
- </div>
1189
-
1190
- <div class="pf-v6-c-toolbar__item">
1191
- <button
1192
- class="pf-v6-c-menu-toggle"
1193
- type="button"
1194
- aria-expanded="false"
1195
- >
1196
- <span class="pf-v6-c-menu-toggle__text">Services</span>
1197
- <span class="pf-v6-c-menu-toggle__controls">
1198
- <span class="pf-v6-c-menu-toggle__toggle-icon">
1199
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1200
- </span>
1201
- </span>
1202
- </button>
1203
- </div>
1204
-
1205
1123
  <div
1206
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
1124
+ class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
1207
1125
  >
1208
1126
  <div
1209
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
1127
+ class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
1210
1128
  >
1211
1129
  <div class="pf-v6-c-toolbar__item">
1212
1130
  <button
@@ -1245,6 +1163,7 @@ cssPrefix: pf-d-description-list
1245
1163
  </button>
1246
1164
  </div>
1247
1165
  </div>
1166
+
1248
1167
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
1249
1168
  <button
1250
1169
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -1272,345 +1191,388 @@ cssPrefix: pf-d-description-list
1272
1191
  >
1273
1192
  <ul class="pf-v6-c-nav__list" role="list">
1274
1193
  <li class="pf-v6-c-nav__item">
1275
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
1194
+ <a href="#" class="pf-v6-c-nav__link">
1195
+ <span class="pf-v6-c-nav__link-text">System panel</span>
1196
+ </a>
1276
1197
  </li>
1277
1198
  <li class="pf-v6-c-nav__item">
1278
1199
  <a
1279
1200
  href="#"
1280
1201
  class="pf-v6-c-nav__link pf-m-current"
1281
1202
  aria-current="page"
1282
- >Policy</a>
1203
+ >
1204
+ <span class="pf-v6-c-nav__link-text">Policy</span>
1205
+ </a>
1283
1206
  </li>
1284
1207
  <li class="pf-v6-c-nav__item">
1285
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
1208
+ <a href="#" class="pf-v6-c-nav__link">
1209
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
1210
+ </a>
1286
1211
  </li>
1287
1212
  <li class="pf-v6-c-nav__item">
1288
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
1213
+ <a href="#" class="pf-v6-c-nav__link">
1214
+ <span class="pf-v6-c-nav__link-text">Network services</span>
1215
+ </a>
1289
1216
  </li>
1290
1217
  <li class="pf-v6-c-nav__item">
1291
- <a href="#" class="pf-v6-c-nav__link">Server</a>
1218
+ <a href="#" class="pf-v6-c-nav__link">
1219
+ <span class="pf-v6-c-nav__link-text">Server</span>
1220
+ </a>
1292
1221
  </li>
1293
1222
  </ul>
1294
1223
  </nav>
1295
1224
  </div>
1296
1225
  </div>
1297
- <main
1298
- class="pf-v6-c-page__main"
1299
- tabindex="-1"
1300
- id="main-content-description-list-complex-content-example"
1301
- >
1302
- <section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
1303
- <div class="pf-v6-c-page__main-body">
1304
- <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
1305
- <ol class="pf-v6-c-breadcrumb__list" role="list">
1306
- <li class="pf-v6-c-breadcrumb__item">
1307
- <a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
1308
- </li>
1309
- <li class="pf-v6-c-breadcrumb__item">
1310
- <span class="pf-v6-c-breadcrumb__item-divider">
1311
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1312
- </span>
1226
+ <div class="pf-v6-c-page__main-container" tabindex="-1">
1227
+ <main
1228
+ class="pf-v6-c-page__main"
1229
+ tabindex="-1"
1230
+ id="main-content-description-list-complex-content-example"
1231
+ >
1232
+ <section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
1233
+ <div class="pf-v6-c-page__main-body">
1234
+ <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
1235
+ <ol class="pf-v6-c-breadcrumb__list" role="list">
1236
+ <li class="pf-v6-c-breadcrumb__item">
1237
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
1238
+ </li>
1239
+ <li class="pf-v6-c-breadcrumb__item">
1240
+ <span class="pf-v6-c-breadcrumb__item-divider">
1241
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1242
+ </span>
1313
1243
 
1314
- <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1315
- </li>
1316
- <li class="pf-v6-c-breadcrumb__item">
1317
- <span class="pf-v6-c-breadcrumb__item-divider">
1318
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1319
- </span>
1244
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1245
+ </li>
1246
+ <li class="pf-v6-c-breadcrumb__item">
1247
+ <span class="pf-v6-c-breadcrumb__item-divider">
1248
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1249
+ </span>
1320
1250
 
1321
- <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1322
- </li>
1323
- <li class="pf-v6-c-breadcrumb__item">
1324
- <span class="pf-v6-c-breadcrumb__item-divider">
1325
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1326
- </span>
1251
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1252
+ </li>
1253
+ <li class="pf-v6-c-breadcrumb__item">
1254
+ <span class="pf-v6-c-breadcrumb__item-divider">
1255
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1256
+ </span>
1327
1257
 
1328
- <a
1329
- href="#"
1330
- class="pf-v6-c-breadcrumb__link pf-m-current"
1331
- aria-current="page"
1332
- >Section landing</a>
1333
- </li>
1334
- </ol>
1335
- </nav>
1336
- </div>
1337
- </section>
1338
- <section class="pf-v6-c-page__main-section pf-m-limit-width pf-m-light">
1339
- <div class="pf-v6-c-page__main-body">
1340
- <div class="pf-v6-c-content">
1341
- <h1>Main title</h1>
1342
- <p>This is a full page demo.</p>
1258
+ <a
1259
+ href="#"
1260
+ class="pf-v6-c-breadcrumb__link pf-m-current"
1261
+ aria-current="page"
1262
+ >Section landing</a>
1263
+ </li>
1264
+ </ol>
1265
+ </nav>
1343
1266
  </div>
1344
- </div>
1345
- </section>
1346
- <hr class="pf-v6-c-divider" />
1347
- <section class="pf-v6-c-page__main-section pf-m-limit-width pf-m-light">
1348
- <div class="pf-v6-c-page__main-body">
1349
- <div class="pf-v6-l-grid pf-m-gutter">
1350
- <div class="pf-v6-l-grid__item pf-m-5-col-on-lg pf-m-4-col-on-xl">
1351
- <div class="pf-v6-l-grid pf-m-gutter">
1352
- <div class="pf-v6-l-grid__item">
1353
- <h2 class="pf-v6-c-title pf-m-lg">Service overview</h2>
1354
- </div>
1355
- <div class="pf-v6-l-grid__item">
1356
- <dl class="pf-v6-c-description-list pf-m-2-col-on-xl">
1357
- <div class="pf-v6-c-description-list__group">
1358
- <dt class="pf-v6-c-description-list__term">
1359
- <span class="pf-v6-c-description-list__text">Name</span>
1360
- </dt>
1361
- <dd class="pf-v6-c-description-list__description">
1362
- <div class="pf-v6-c-description-list__text">mary-test</div>
1363
- </dd>
1364
- </div>
1365
- <div class="pf-v6-c-description-list__group">
1366
- <dt class="pf-v6-c-description-list__term">
1367
- <span class="pf-v6-c-description-list__text">Namespace</span>
1368
- </dt>
1369
- <dd class="pf-v6-c-description-list__description">
1370
- <div class="pf-v6-c-description-list__text">
1371
- <div class="pf-v6-l-flex pf-m-space-items-sm">
1372
- <div class="pf-v6-l-flex__item">
1373
- <span class="pf-v6-c-label pf-m-green">
1374
- <span class="pf-v6-c-label__content">
1375
- <span class="pf-v6-c-label__text">NS</span>
1376
- </span>
1377
- </span>
1378
- </div>
1379
- <div class="pf-v6-l-flex__item">
1380
- <a href="#">mary-test</a>
1381
- </div>
1382
- </div>
1383
- </div>
1384
- </dd>
1385
- </div>
1386
- <div class="pf-v6-c-description-list__group">
1387
- <dt class="pf-v6-c-description-list__term">
1388
- <span class="pf-v6-c-description-list__text">Labels</span>
1389
- </dt>
1390
- <dd class="pf-v6-c-description-list__description">
1391
- <div class="pf-v6-c-description-list__text">No labels</div>
1392
- </dd>
1393
- </div>
1394
- <div class="pf-v6-c-description-list__group">
1395
- <dt class="pf-v6-c-description-list__term">
1396
- <span class="pf-v6-c-description-list__text">Pod selector</span>
1397
- </dt>
1398
- <dd class="pf-v6-c-description-list__description">
1399
- <div class="pf-v6-c-description-list__text">
1400
- <a href="#">
1267
+ </section>
1268
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
1269
+ <div class="pf-v6-c-page__main-body">
1270
+ <div class="pf-v6-c-content">
1271
+ <h1>Main title</h1>
1272
+ <p>This is a full page demo.</p>
1273
+ </div>
1274
+ </div>
1275
+ </section>
1276
+ <hr class="pf-v6-c-divider" />
1277
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
1278
+ <div class="pf-v6-c-page__main-body">
1279
+ <div class="pf-v6-l-grid pf-m-gutter">
1280
+ <div class="pf-v6-l-grid__item pf-m-5-col-on-lg pf-m-4-col-on-xl">
1281
+ <div class="pf-v6-l-grid pf-m-gutter">
1282
+ <div class="pf-v6-l-grid__item">
1283
+ <h2 class="pf-v6-c-title pf-m-lg">Service overview</h2>
1284
+ </div>
1285
+ <div class="pf-v6-l-grid__item">
1286
+ <dl class="pf-v6-c-description-list pf-m-2-col-on-xl">
1287
+ <div class="pf-v6-c-description-list__group">
1288
+ <dt class="pf-v6-c-description-list__term">
1289
+ <span class="pf-v6-c-description-list__text">Name</span>
1290
+ </dt>
1291
+ <dd class="pf-v6-c-description-list__description">
1292
+ <div class="pf-v6-c-description-list__text">mary-test</div>
1293
+ </dd>
1294
+ </div>
1295
+ <div class="pf-v6-c-description-list__group">
1296
+ <dt class="pf-v6-c-description-list__term">
1297
+ <span class="pf-v6-c-description-list__text">Namespace</span>
1298
+ </dt>
1299
+ <dd class="pf-v6-c-description-list__description">
1300
+ <div class="pf-v6-c-description-list__text">
1401
1301
  <div class="pf-v6-l-flex pf-m-space-items-sm">
1402
1302
  <div class="pf-v6-l-flex__item">
1403
- <i class="fas fa-search" aria-hidden="true"></i>
1303
+ <span class="pf-v6-c-label pf-m-green">
1304
+ <span class="pf-v6-c-label__content">
1305
+ <span class="pf-v6-c-label__text">NS</span>
1306
+ </span>
1307
+ </span>
1404
1308
  </div>
1405
1309
  <div class="pf-v6-l-flex__item">
1406
- <span>app=MyApp</span>
1310
+ <a href="#">mary-test</a>
1407
1311
  </div>
1408
1312
  </div>
1409
- </a>
1410
- </div>
1411
- </dd>
1412
- </div>
1413
- <div class="pf-v6-c-description-list__group">
1414
- <dt class="pf-v6-c-description-list__term">
1415
- <span class="pf-v6-c-description-list__text">Annotations</span>
1416
- </dt>
1417
- <dd class="pf-v6-c-description-list__description">
1418
- <div class="pf-v6-c-description-list__text">2 Annotations</div>
1419
- </dd>
1420
- </div>
1421
- <div class="pf-v6-c-description-list__group">
1422
- <dt class="pf-v6-c-description-list__term">
1423
- <span
1424
- class="pf-v6-c-description-list__text"
1425
- >Session affinity</span>
1426
- </dt>
1427
- <dd class="pf-v6-c-description-list__description">
1428
- <div class="pf-v6-c-description-list__text">None</div>
1429
- </dd>
1430
- </div>
1431
- <div class="pf-v6-c-description-list__group">
1432
- <dt class="pf-v6-c-description-list__term">
1433
- <span class="pf-v6-c-description-list__text">Created at:</span>
1434
- </dt>
1435
- <dd class="pf-v6-c-description-list__description">
1436
- <div class="pf-v6-c-description-list__text">3 minutes ago</div>
1437
- </dd>
1438
- </div>
1439
- </dl>
1313
+ </div>
1314
+ </dd>
1315
+ </div>
1316
+ <div class="pf-v6-c-description-list__group">
1317
+ <dt class="pf-v6-c-description-list__term">
1318
+ <span class="pf-v6-c-description-list__text">Labels</span>
1319
+ </dt>
1320
+ <dd class="pf-v6-c-description-list__description">
1321
+ <div class="pf-v6-c-description-list__text">No labels</div>
1322
+ </dd>
1323
+ </div>
1324
+ <div class="pf-v6-c-description-list__group">
1325
+ <dt class="pf-v6-c-description-list__term">
1326
+ <span
1327
+ class="pf-v6-c-description-list__text"
1328
+ >Pod selector</span>
1329
+ </dt>
1330
+ <dd class="pf-v6-c-description-list__description">
1331
+ <div class="pf-v6-c-description-list__text">
1332
+ <a href="#">
1333
+ <div class="pf-v6-l-flex pf-m-space-items-sm">
1334
+ <div class="pf-v6-l-flex__item">
1335
+ <i class="fas fa-search" aria-hidden="true"></i>
1336
+ </div>
1337
+ <div class="pf-v6-l-flex__item">
1338
+ <span>app=MyApp</span>
1339
+ </div>
1340
+ </div>
1341
+ </a>
1342
+ </div>
1343
+ </dd>
1344
+ </div>
1345
+ <div class="pf-v6-c-description-list__group">
1346
+ <dt class="pf-v6-c-description-list__term">
1347
+ <span class="pf-v6-c-description-list__text">Annotations</span>
1348
+ </dt>
1349
+ <dd class="pf-v6-c-description-list__description">
1350
+ <div
1351
+ class="pf-v6-c-description-list__text"
1352
+ >2 Annotations</div>
1353
+ </dd>
1354
+ </div>
1355
+ <div class="pf-v6-c-description-list__group">
1356
+ <dt class="pf-v6-c-description-list__term">
1357
+ <span
1358
+ class="pf-v6-c-description-list__text"
1359
+ >Session affinity</span>
1360
+ </dt>
1361
+ <dd class="pf-v6-c-description-list__description">
1362
+ <div class="pf-v6-c-description-list__text">None</div>
1363
+ </dd>
1364
+ </div>
1365
+ <div class="pf-v6-c-description-list__group">
1366
+ <dt class="pf-v6-c-description-list__term">
1367
+ <span class="pf-v6-c-description-list__text">Created at:</span>
1368
+ </dt>
1369
+ <dd class="pf-v6-c-description-list__description">
1370
+ <div
1371
+ class="pf-v6-c-description-list__text"
1372
+ >3 minutes ago</div>
1373
+ </dd>
1374
+ </div>
1375
+ </dl>
1376
+ </div>
1440
1377
  </div>
1441
1378
  </div>
1442
- </div>
1443
- <div class="pf-v6-l-grid__item pf-m-6-col-on-lg pf-m-4-col-on-xl">
1444
- <div class="pf-v6-l-grid pf-m-gutter">
1445
- <div class="pf-v6-l-grid__item">
1446
- <h2 class="pf-v6-c-title pf-m-lg">Service routing</h2>
1447
- </div>
1448
- <div class="pf-v6-l-grid__item">
1449
- <dl class="pf-v6-c-description-list">
1450
- <div class="pf-v6-c-description-list__group">
1451
- <dt class="pf-v6-c-description-list__term">
1452
- <span
1453
- class="pf-v6-c-description-list__text"
1454
- >Service address</span>
1455
- </dt>
1456
- <dd class="pf-v6-c-description-list__description">
1457
- <div class="pf-v6-c-description-list__text">
1458
- <table
1459
- class="pf-v6-c-table pf-m-grid-md pf-m-compact"
1460
- role="grid"
1461
- aria-label="Service address"
1462
- id="service-address"
1463
- >
1464
- <thead class="pf-v6-c-table__thead">
1465
- <tr class="pf-v6-c-table__tr" role="row">
1466
- <th
1467
- class="pf-v6-c-table__th"
1468
- role="columnheader"
1469
- scope="col"
1470
- >Type</th>
1379
+ <div class="pf-v6-l-grid__item pf-m-6-col-on-lg pf-m-4-col-on-xl">
1380
+ <div class="pf-v6-l-grid pf-m-gutter">
1381
+ <div class="pf-v6-l-grid__item">
1382
+ <h2 class="pf-v6-c-title pf-m-lg">Service routing</h2>
1383
+ </div>
1384
+ <div class="pf-v6-l-grid__item">
1385
+ <dl class="pf-v6-c-description-list">
1386
+ <div class="pf-v6-c-description-list__group">
1387
+ <dt class="pf-v6-c-description-list__term">
1388
+ <span
1389
+ class="pf-v6-c-description-list__text"
1390
+ >Service address</span>
1391
+ </dt>
1392
+ <dd class="pf-v6-c-description-list__description">
1393
+ <div class="pf-v6-c-description-list__text">
1394
+ <table
1395
+ class="pf-v6-c-table pf-m-grid-md pf-m-compact"
1396
+ role="grid"
1397
+ aria-label="Service address"
1398
+ id="service-address"
1399
+ >
1400
+ <thead class="pf-v6-c-table__thead">
1401
+ <tr
1402
+ class="pf-v6-c-table__tr"
1403
+ role&#x26;#x3D;&#x26;quot;row&#x26;quot;
1404
+ [object
1405
+ Object]
1406
+ >
1407
+ <th
1408
+ class="pf-v6-c-table__th"
1409
+ role="columnheader"
1410
+ scope="col"
1411
+ >Type</th>
1471
1412
 
1472
- <th
1473
- class="pf-v6-c-table__th"
1474
- role="columnheader"
1475
- scope="col"
1476
- >Location</th>
1477
- </tr>
1478
- </thead>
1413
+ <th
1414
+ class="pf-v6-c-table__th"
1415
+ role="columnheader"
1416
+ scope="col"
1417
+ >Location</th>
1418
+ </tr>
1419
+ </thead>
1479
1420
 
1480
- <tbody class="pf-v6-c-table__tbody" role="rowgroup">
1481
- <tr class="pf-v6-c-table__tr" role="row">
1482
- <td
1483
- class="pf-v6-c-table__td"
1484
- role="cell"
1485
- data-label="Type"
1486
- >Cluster IP</td>
1487
- <td
1488
- class="pf-v6-c-table__td"
1489
- role="cell"
1490
- data-label="Location"
1491
- >172.30.126.106</td>
1492
- </tr>
1493
- <tr class="pf-v6-c-table__tr" role="row">
1494
- <td
1495
- class="pf-v6-c-table__td"
1496
- role="cell"
1497
- data-label="Type"
1498
- >Accessible within the cluster only</td>
1499
- <td
1500
- class="pf-v6-c-table__td"
1501
- role="cell"
1502
- data-label="Location"
1503
- >n/a</td>
1504
- </tr>
1505
- </tbody>
1506
- </table>
1507
- </div>
1508
- </dd>
1509
- </div>
1510
- <div class="pf-v6-c-description-list__group">
1511
- <dt class="pf-v6-c-description-list__term">
1512
- <span
1513
- class="pf-v6-c-description-list__text"
1514
- >Service port mapping</span>
1515
- </dt>
1516
- <dd class="pf-v6-c-description-list__description">
1517
- <div class="pf-v6-c-description-list__text">
1518
- <table
1519
- class="pf-v6-c-table pf-m-grid-md pf-m-compact"
1520
- role="grid"
1521
- aria-label="Service address"
1522
- id="service-port"
1523
- >
1524
- <thead class="pf-v6-c-table__thead">
1525
- <tr class="pf-v6-c-table__tr" role="row">
1526
- <th
1527
- class="pf-v6-c-table__th"
1528
- role="columnheader"
1529
- scope="col"
1530
- >Name</th>
1421
+ <tbody class="pf-v6-c-table__tbody" role="rowgroup">
1422
+ <tr
1423
+ class="pf-v6-c-table__tr"
1424
+ role&#x26;#x3D;&#x26;quot;row&#x26;quot;
1425
+ [object
1426
+ Object]
1427
+ >
1428
+ <td
1429
+ class="pf-v6-c-table__td"
1430
+ role="cell"
1431
+ data-label="Type"
1432
+ >Cluster IP</td>
1433
+ <td
1434
+ class="pf-v6-c-table__td"
1435
+ role="cell"
1436
+ data-label="Location"
1437
+ >172.30.126.106</td>
1438
+ </tr>
1439
+ <tr
1440
+ class="pf-v6-c-table__tr"
1441
+ role&#x26;#x3D;&#x26;quot;row&#x26;quot;
1442
+ [object
1443
+ Object]
1444
+ >
1445
+ <td
1446
+ class="pf-v6-c-table__td"
1447
+ role="cell"
1448
+ data-label="Type"
1449
+ >Accessible within the cluster only</td>
1450
+ <td
1451
+ class="pf-v6-c-table__td"
1452
+ role="cell"
1453
+ data-label="Location"
1454
+ >n/a</td>
1455
+ </tr>
1456
+ </tbody>
1457
+ </table>
1458
+ </div>
1459
+ </dd>
1460
+ </div>
1461
+ <div class="pf-v6-c-description-list__group">
1462
+ <dt class="pf-v6-c-description-list__term">
1463
+ <span
1464
+ class="pf-v6-c-description-list__text"
1465
+ >Service port mapping</span>
1466
+ </dt>
1467
+ <dd class="pf-v6-c-description-list__description">
1468
+ <div class="pf-v6-c-description-list__text">
1469
+ <table
1470
+ class="pf-v6-c-table pf-m-grid-md pf-m-compact"
1471
+ role="grid"
1472
+ aria-label="Service address"
1473
+ id="service-port"
1474
+ >
1475
+ <thead class="pf-v6-c-table__thead">
1476
+ <tr
1477
+ class="pf-v6-c-table__tr"
1478
+ role&#x26;#x3D;&#x26;quot;row&#x26;quot;
1479
+ [object
1480
+ Object]
1481
+ >
1482
+ <th
1483
+ class="pf-v6-c-table__th"
1484
+ role="columnheader"
1485
+ scope="col"
1486
+ >Name</th>
1531
1487
 
1532
- <th
1533
- class="pf-v6-c-table__th"
1534
- role="columnheader"
1535
- scope="col"
1536
- >Port</th>
1488
+ <th
1489
+ class="pf-v6-c-table__th"
1490
+ role="columnheader"
1491
+ scope="col"
1492
+ >Port</th>
1537
1493
 
1538
- <th
1539
- class="pf-v6-c-table__th"
1540
- role="columnheader"
1541
- scope="col"
1542
- >Protocol</th>
1494
+ <th
1495
+ class="pf-v6-c-table__th"
1496
+ role="columnheader"
1497
+ scope="col"
1498
+ >Protocol</th>
1543
1499
 
1544
- <th
1545
- class="pf-v6-c-table__th"
1546
- role="columnheader"
1547
- scope="col"
1548
- >Pod port or name</th>
1549
- </tr>
1550
- </thead>
1500
+ <th
1501
+ class="pf-v6-c-table__th"
1502
+ role="columnheader"
1503
+ scope="col"
1504
+ >Pod port or name</th>
1505
+ </tr>
1506
+ </thead>
1551
1507
 
1552
- <tbody class="pf-v6-c-table__tbody" role="rowgroup">
1553
- <tr class="pf-v6-c-table__tr" role="row">
1554
- <td
1555
- class="pf-v6-c-table__td"
1556
- role="cell"
1557
- data-label="Name"
1558
- >--</td>
1559
- <td
1560
- class="pf-v6-c-table__td"
1561
- role="cell"
1562
- data-label="Port"
1508
+ <tbody class="pf-v6-c-table__tbody" role="rowgroup">
1509
+ <tr
1510
+ class="pf-v6-c-table__tr"
1511
+ role&#x26;#x3D;&#x26;quot;row&#x26;quot;
1512
+ [object
1513
+ Object]
1563
1514
  >
1564
- <div class="pf-v6-l-flex pf-m-space-items-sm">
1565
- <div class="pf-v6-l-flex__item">
1566
- <span
1567
- class="pf-v6-c-label pf-m-compact pf-m-green"
1568
- >
1569
- <span class="pf-v6-c-label__content">
1570
- <span class="pf-v6-c-label__text">S</span>
1515
+ <td
1516
+ class="pf-v6-c-table__td"
1517
+ role="cell"
1518
+ data-label="Name"
1519
+ >--</td>
1520
+ <td
1521
+ class="pf-v6-c-table__td"
1522
+ role="cell"
1523
+ data-label="Port"
1524
+ >
1525
+ <div class="pf-v6-l-flex pf-m-space-items-sm">
1526
+ <div class="pf-v6-l-flex__item">
1527
+ <span
1528
+ class="pf-v6-c-label pf-m-compact pf-m-green"
1529
+ >
1530
+ <span class="pf-v6-c-label__content">
1531
+ <span class="pf-v6-c-label__text">S</span>
1532
+ </span>
1571
1533
  </span>
1572
- </span>
1534
+ </div>
1535
+ <div class="pf-v6-l-flex__item">80</div>
1573
1536
  </div>
1574
- <div class="pf-v6-l-flex__item">80</div>
1575
- </div>
1576
- </td>
1577
- <td
1578
- class="pf-v6-c-table__td"
1579
- role="cell"
1580
- data-label="Protocol"
1581
- >TCP</td>
1582
- <td
1583
- class="pf-v6-c-table__td"
1584
- role="cell"
1585
- data-label="Pod port or name"
1586
- >
1587
- <div class="pf-v6-l-flex pf-m-space-items-sm">
1588
- <div class="pf-v6-l-flex__item">
1589
- <span
1590
- class="pf-v6-c-label pf-m-compact pf-m-cyan"
1591
- >
1592
- <span class="pf-v6-c-label__content">
1593
- <span class="pf-v6-c-label__text">P</span>
1537
+ </td>
1538
+ <td
1539
+ class="pf-v6-c-table__td"
1540
+ role="cell"
1541
+ data-label="Protocol"
1542
+ >TCP</td>
1543
+ <td
1544
+ class="pf-v6-c-table__td"
1545
+ role="cell"
1546
+ data-label="Pod port or name"
1547
+ >
1548
+ <div class="pf-v6-l-flex pf-m-space-items-sm">
1549
+ <div class="pf-v6-l-flex__item">
1550
+ <span
1551
+ class="pf-v6-c-label pf-m-compact pf-m-teal"
1552
+ >
1553
+ <span class="pf-v6-c-label__content">
1554
+ <span class="pf-v6-c-label__text">P</span>
1555
+ </span>
1594
1556
  </span>
1595
- </span>
1557
+ </div>
1558
+ <div class="pf-v6-l-flex__item">80</div>
1596
1559
  </div>
1597
- <div class="pf-v6-l-flex__item">80</div>
1598
- </div>
1599
- </td>
1600
- </tr>
1601
- </tbody>
1602
- </table>
1603
- </div>
1604
- </dd>
1605
- </div>
1606
- </dl>
1560
+ </td>
1561
+ </tr>
1562
+ </tbody>
1563
+ </table>
1564
+ </div>
1565
+ </dd>
1566
+ </div>
1567
+ </dl>
1568
+ </div>
1607
1569
  </div>
1608
1570
  </div>
1609
1571
  </div>
1610
1572
  </div>
1611
- </div>
1612
- </section>
1613
- </main>
1573
+ </section>
1574
+ </main>
1575
+ </div>
1614
1576
  </div>
1615
1577
 
1616
1578
  ```