@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/components/Check/examples/Check.md CHANGED
@@ -8,7 +8,7 @@ cssPrefix: pf-v6-c-check
8
8
  ### Basic
9
9
 
10
10
  ```html
11
- <div class="pf-v6-c-check" id="basic-example-example">
11
+ <div class="pf-v6-c-check">
12
12
  <input
13
13
  class="pf-v6-c-check__input"
14
14
  type="checkbox"
@@ -23,7 +23,7 @@ cssPrefix: pf-v6-c-check
23
23
  ### Required
24
24
 
25
25
  ```html
26
- <div class="pf-v6-c-check" id="check-required-example">
26
+ <div class="pf-v6-c-check">
27
27
  <input
28
28
  class="pf-v6-c-check__input"
29
29
  type="checkbox"
@@ -41,7 +41,7 @@ cssPrefix: pf-v6-c-check
41
41
  ### Checked
42
42
 
43
43
  ```html
44
- <div class="pf-v6-c-check" id="check-checked-example">
44
+ <div class="pf-v6-c-check">
45
45
  <input
46
46
  class="pf-v6-c-check__input"
47
47
  type="checkbox"
@@ -60,11 +60,7 @@ cssPrefix: pf-v6-c-check
60
60
  ### Label wrapping input
61
61
 
62
62
  ```html
63
- <label
64
- class="pf-v6-c-check"
65
- id="check-label-wrapping-input-example"
66
- for="check-label-wrapping-input-example-input"
67
- >
63
+ <label class="pf-v6-c-check" for="check-label-wrapping-input-example-input">
68
64
  <input
69
65
  class="pf-v6-c-check__input"
70
66
  type="checkbox"
@@ -79,7 +75,7 @@ cssPrefix: pf-v6-c-check
79
75
  ### Reversed
80
76
 
81
77
  ```html
82
- <div class="pf-v6-c-check" id="check-reversed-example">
78
+ <div class="pf-v6-c-check">
83
79
  <label
84
80
  class="pf-v6-c-check__label"
85
81
  for="check-reversed-example-input"
@@ -97,7 +93,7 @@ cssPrefix: pf-v6-c-check
97
93
  ### Disabled
98
94
 
99
95
  ```html
100
- <div class="pf-v6-c-check" id="check-disabled-example">
96
+ <div class="pf-v6-c-check">
101
97
  <input
102
98
  class="pf-v6-c-check__input"
103
99
  type="checkbox"
@@ -110,7 +106,7 @@ cssPrefix: pf-v6-c-check
110
106
  for="check-disabled-example-input"
111
107
  >Check disabled</label>
112
108
  </div>
113
- <div class="pf-v6-c-check" id="check-disabled-checked-example">
109
+ <div class="pf-v6-c-check">
114
110
  <input
115
111
  class="pf-v6-c-check__input"
116
112
  type="checkbox"
@@ -130,7 +126,7 @@ cssPrefix: pf-v6-c-check
130
126
  ### With description
131
127
 
132
128
  ```html
133
- <div class="pf-v6-c-check" id="check-with-example-description-example">
129
+ <div class="pf-v6-c-check">
134
130
  <input
135
131
  class="pf-v6-c-check__input"
136
132
  type="checkbox"
@@ -153,7 +149,7 @@ cssPrefix: pf-v6-c-check
153
149
  ### With body
154
150
 
155
151
  ```html
156
- <div class="pf-v6-c-check" id="check-with-example-body-example">
152
+ <div class="pf-v6-c-check">
157
153
  <input
158
154
  class="pf-v6-c-check__input"
159
155
  type="checkbox"
@@ -172,7 +168,7 @@ cssPrefix: pf-v6-c-check
172
168
  ### With description and body
173
169
 
174
170
  ```html
175
- <div class="pf-v6-c-check" id="check-with-example-description-body-example">
171
+ <div class="pf-v6-c-check">
176
172
  <input
177
173
  class="pf-v6-c-check__input"
178
174
  type="checkbox"
@@ -198,7 +194,6 @@ cssPrefix: pf-v6-c-check
198
194
  ```html
199
195
  <label
200
196
  class="pf-v6-c-check pf-m-standalone"
201
- id="standalone-input-example"
202
197
  for="standalone-input-example-input"
203
198
  >
204
199
  <input
package/docs/components/ClipboardCopy/examples/ClipboardCopy.md CHANGED
@@ -19,12 +19,14 @@ cssPrefix: pf-v6-c-clipboard-copy
19
19
  </span>
20
20
  <button
21
21
  class="pf-v6-c-button pf-m-control"
22
- type="button"
23
- aria-label="Copy to clipboard"
24
22
  id="basic-editable-copy-button"
23
+ type="button"
25
24
  aria-labelledby="basic-editable-copy-button basic-editable-text-input"
25
+ aria-label="Copy to clipboard"
26
26
  >
27
- <i class="fas fa-copy" aria-hidden="true"></i>
27
+ <span class="pf-v6-c-button__icon">
28
+ <i class="fas fa-copy" aria-hidden="true"></i>
29
+ </span>
28
30
  </button>
29
31
  </div>
30
32
  </div>
@@ -42,12 +44,14 @@ cssPrefix: pf-v6-c-clipboard-copy
42
44
  </span>
43
45
  <button
44
46
  class="pf-v6-c-button pf-m-control"
45
- type="button"
46
- aria-label="Copy to clipboard"
47
47
  id="basic-readonly-copy-button"
48
+ type="button"
48
49
  aria-labelledby="basic-readonly-copy-button basic-readonly-text-input"
50
+ aria-label="Copy to clipboard"
49
51
  >
50
- <i class="fas fa-copy" aria-hidden="true"></i>
52
+ <span class="pf-v6-c-button__icon">
53
+ <i class="fas fa-copy" aria-hidden="true"></i>
54
+ </span>
51
55
  </button>
52
56
  </div>
53
57
  </div>
@@ -67,9 +71,11 @@ cssPrefix: pf-v6-c-clipboard-copy
67
71
  aria-labelledby="expandable-not-expanded-editable-toggle expandable-not-expanded-editable-text-input"
68
72
  aria-controls="expandable-not-expanded-editable-content"
69
73
  >
70
- <div class="pf-v6-c-clipboard-copy__toggle-icon">
71
- <i class="fas fa-angle-right" aria-hidden="true"></i>
72
- </div>
74
+ <span class="pf-v6-c-button__icon">
75
+ <div class="pf-v6-c-clipboard-copy__toggle-icon">
76
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
77
+ </div>
78
+ </span>
73
79
  </button>
74
80
  <span class="pf-v6-c-form-control">
75
81
  <input
@@ -86,7 +92,9 @@ cssPrefix: pf-v6-c-clipboard-copy
86
92
  id="expandable-not-expanded-editable-copy-button"
87
93
  aria-labelledby="expandable-not-expanded-editable-copy-button expandable-not-expanded-editable-text-input"
88
94
  >
89
- <i class="fas fa-copy" aria-hidden="true"></i>
95
+ <span class="pf-v6-c-button__icon">
96
+ <i class="fas fa-copy" aria-hidden="true"></i>
97
+ </span>
90
98
  </button>
91
99
  </div>
92
100
  <div
@@ -99,15 +107,18 @@ cssPrefix: pf-v6-c-clipboard-copy
99
107
  <div class="pf-v6-c-clipboard-copy pf-m-expanded">
100
108
  <div class="pf-v6-c-clipboard-copy__group">
101
109
  <button
102
- class="pf-v6-c-button pf-m-control pf-m-expanded"
110
+ class="pf-v6-c-button pf-m-expanded pf-m-control"
103
111
  type="button"
112
+ aria-expanded="true"
104
113
  id="expandable-expanded-editable-toggle"
105
114
  aria-labelledby="expandable-expanded-editable-toggle expandable-expanded-editable-text-input"
106
115
  aria-controls="expandable-expanded-editable-content"
107
116
  >
108
- <div class="pf-v6-c-clipboard-copy__toggle-icon">
109
- <i class="fas fa-angle-right" aria-hidden="true"></i>
110
- </div>
117
+ <span class="pf-v6-c-button__icon">
118
+ <div class="pf-v6-c-clipboard-copy__toggle-icon">
119
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
120
+ </div>
121
+ </span>
111
122
  </button>
112
123
  <span class="pf-v6-c-form-control pf-m-readonly">
113
124
  <input
@@ -125,7 +136,9 @@ cssPrefix: pf-v6-c-clipboard-copy
125
136
  id="expandable-expanded-editable-copy-button"
126
137
  aria-labelledby="expandable-expanded-editable-copy-button expandable-expanded-editable-text-input"
127
138
  >
128
- <i class="fas fa-copy" aria-hidden="true"></i>
139
+ <span class="pf-v6-c-button__icon">
140
+ <i class="fas fa-copy" aria-hidden="true"></i>
141
+ </span>
129
142
  </button>
130
143
  </div>
131
144
  <div
@@ -145,9 +158,11 @@ cssPrefix: pf-v6-c-clipboard-copy
145
158
  aria-labelledby="expandable-not-expanded-readonly-toggle expandable-not-expanded-readonly-text-input"
146
159
  aria-controls="expandable-not-expanded-readonly-content"
147
160
  >
148
- <div class="pf-v6-c-clipboard-copy__toggle-icon">
149
- <i class="fas fa-angle-right" aria-hidden="true"></i>
150
- </div>
161
+ <span class="pf-v6-c-button__icon">
162
+ <div class="pf-v6-c-clipboard-copy__toggle-icon">
163
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
164
+ </div>
165
+ </span>
151
166
  </button>
152
167
  <span class="pf-v6-c-form-control pf-m-readonly">
153
168
  <input
@@ -165,7 +180,9 @@ cssPrefix: pf-v6-c-clipboard-copy
165
180
  id="expandable-not-expanded-readonly-copy-button"
166
181
  aria-labelledby="expandable-not-expanded-readonly-copy-button expandable-not-expanded-readonly-text-input"
167
182
  >
168
- <i class="fas fa-copy" aria-hidden="true"></i>
183
+ <span class="pf-v6-c-button__icon">
184
+ <i class="fas fa-copy" aria-hidden="true"></i>
185
+ </span>
169
186
  </button>
170
187
  </div>
171
188
  <div
@@ -178,15 +195,18 @@ cssPrefix: pf-v6-c-clipboard-copy
178
195
  <div class="pf-v6-c-clipboard-copy pf-m-expanded">
179
196
  <div class="pf-v6-c-clipboard-copy__group">
180
197
  <button
181
- class="pf-v6-c-button pf-m-control pf-m-expanded"
198
+ class="pf-v6-c-button pf-m-expanded pf-m-control"
182
199
  type="button"
200
+ aria-expanded="true"
183
201
  id="expandable-expanded-readonly-toggle"
184
202
  aria-labelledby="expandable-expanded-readonly-toggle expandable-expanded-readonly-text-input"
185
203
  aria-controls="expandable-expanded-readonly-content"
186
204
  >
187
- <div class="pf-v6-c-clipboard-copy__toggle-icon">
188
- <i class="fas fa-angle-right" aria-hidden="true"></i>
189
- </div>
205
+ <span class="pf-v6-c-button__icon">
206
+ <div class="pf-v6-c-clipboard-copy__toggle-icon">
207
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
208
+ </div>
209
+ </span>
190
210
  </button>
191
211
  <span class="pf-v6-c-form-control pf-m-readonly">
192
212
  <input
@@ -204,7 +224,9 @@ cssPrefix: pf-v6-c-clipboard-copy
204
224
  id="expandable-expanded-readonly-copy-button"
205
225
  aria-labelledby="expandable-expanded-readonly-copy-button expandable-expanded-readonly-text-input"
206
226
  >
207
- <i class="fas fa-copy" aria-hidden="true"></i>
227
+ <span class="pf-v6-c-button__icon">
228
+ <i class="fas fa-copy" aria-hidden="true"></i>
229
+ </span>
208
230
  </button>
209
231
  </div>
210
232
  <div
@@ -223,9 +245,11 @@ cssPrefix: pf-v6-c-clipboard-copy
223
245
  aria-labelledby="expandable-not-expanded-code-toggle expandable-not-expanded-code-text-input"
224
246
  aria-controls="expandable-not-expanded-code-content"
225
247
  >
226
- <div class="pf-v6-c-clipboard-copy__toggle-icon">
227
- <i class="fas fa-angle-right" aria-hidden="true"></i>
228
- </div>
248
+ <span class="pf-v6-c-button__icon">
249
+ <div class="pf-v6-c-clipboard-copy__toggle-icon">
250
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
251
+ </div>
252
+ </span>
229
253
  </button>
230
254
  <span class="pf-v6-c-form-control">
231
255
  <input
@@ -243,7 +267,9 @@ cssPrefix: pf-v6-c-clipboard-copy
243
267
  id="expandable-not-expanded-code-copy-button"
244
268
  aria-labelledby="expandable-not-expanded-code-copy-button expandable-not-expanded-code-text-input"
245
269
  >
246
- <i class="fas fa-copy" aria-hidden="true"></i>
270
+ <span class="pf-v6-c-button__icon">
271
+ <i class="fas fa-copy" aria-hidden="true"></i>
272
+ </span>
247
273
  </button>
248
274
  </div>
249
275
  <div
@@ -269,15 +295,18 @@ cssPrefix: pf-v6-c-clipboard-copy
269
295
  <div class="pf-v6-c-clipboard-copy pf-m-expanded">
270
296
  <div class="pf-v6-c-clipboard-copy__group">
271
297
  <button
272
- class="pf-v6-c-button pf-m-control pf-m-expanded"
298
+ class="pf-v6-c-button pf-m-expanded pf-m-control"
273
299
  type="button"
300
+ aria-expanded="true"
274
301
  id="expandable-expanded-code-toggle"
275
302
  aria-labelledby="expandable-expanded-code-toggle expandable-expanded-code-text-input"
276
303
  aria-controls="expandable-expanded-code-content"
277
304
  >
278
- <div class="pf-v6-c-clipboard-copy__toggle-icon">
279
- <i class="fas fa-angle-right" aria-hidden="true"></i>
280
- </div>
305
+ <span class="pf-v6-c-button__icon">
306
+ <div class="pf-v6-c-clipboard-copy__toggle-icon">
307
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
308
+ </div>
309
+ </span>
281
310
  </button>
282
311
  <span class="pf-v6-c-form-control pf-m-readonly">
283
312
  <input
@@ -296,7 +325,9 @@ cssPrefix: pf-v6-c-clipboard-copy
296
325
  id="expandable-expanded-code-copy-button"
297
326
  aria-labelledby="expandable-expanded-code-copy-button expandable-expanded-code-text-input"
298
327
  >
299
- <i class="fas fa-copy" aria-hidden="true"></i>
328
+ <span class="pf-v6-c-button__icon">
329
+ <i class="fas fa-copy" aria-hidden="true"></i>
330
+ </span>
300
331
  </button>
301
332
  </div>
302
333
  <div
@@ -329,11 +360,13 @@ cssPrefix: pf-v6-c-clipboard-copy
329
360
  <span class="pf-v6-c-clipboard-copy__actions">
330
361
  <span class="pf-v6-c-clipboard-copy__actions-item">
331
362
  <button
332
- class="pf-v6-c-button pf-m-plain"
363
+ class="pf-v6-c-button pf-m-no-padding pf-m-plain"
333
364
  type="button"
334
365
  aria-label="Copy to clipboard"
335
366
  >
336
- <i class="fas fa-copy" aria-hidden="true"></i>
367
+ <span class="pf-v6-c-button__icon">
368
+ <i class="fas fa-copy" aria-hidden="true"></i>
369
+ </span>
337
370
  </button>
338
371
  </span>
339
372
  </span>
@@ -349,11 +382,13 @@ cssPrefix: pf-v6-c-clipboard-copy
349
382
  <span class="pf-v6-c-clipboard-copy__actions">
350
383
  <span class="pf-v6-c-clipboard-copy__actions-item">
351
384
  <button
352
- class="pf-v6-c-button pf-m-plain"
385
+ class="pf-v6-c-button pf-m-no-padding pf-m-plain"
353
386
  type="button"
354
387
  aria-label="Copy to clipboard"
355
388
  >
356
- <i class="fas fa-copy" aria-hidden="true"></i>
389
+ <span class="pf-v6-c-button__icon">
390
+ <i class="fas fa-copy" aria-hidden="true"></i>
391
+ </span>
357
392
  </button>
358
393
  </span>
359
394
  </span>
@@ -369,20 +404,24 @@ cssPrefix: pf-v6-c-clipboard-copy
369
404
  <span class="pf-v6-c-clipboard-copy__actions">
370
405
  <span class="pf-v6-c-clipboard-copy__actions-item">
371
406
  <button
372
- class="pf-v6-c-button pf-m-plain"
407
+ class="pf-v6-c-button pf-m-no-padding pf-m-plain"
373
408
  type="button"
374
409
  aria-label="Copy to clipboard"
375
410
  >
376
- <i class="fas fa-copy" aria-hidden="true"></i>
411
+ <span class="pf-v6-c-button__icon">
412
+ <i class="fas fa-copy" aria-hidden="true"></i>
413
+ </span>
377
414
  </button>
378
415
  </span>
379
416
  <span class="pf-v6-c-clipboard-copy__actions-item">
380
417
  <button
381
- class="pf-v6-c-button pf-m-plain"
418
+ class="pf-v6-c-button pf-m-no-padding pf-m-plain"
382
419
  type="button"
383
420
  aria-label="Run in web terminal"
384
421
  >
385
- <i class="fas fa-play" aria-hidden="true"></i>
422
+ <span class="pf-v6-c-button__icon">
423
+ <i class="fas fa-copy" aria-hidden="true"></i>
424
+ </span>
386
425
  </button>
387
426
  </span>
388
427
  </span>
@@ -401,11 +440,13 @@ cssPrefix: pf-v6-c-clipboard-copy
401
440
  <span class="pf-v6-c-clipboard-copy__actions">
402
441
  <span class="pf-v6-c-clipboard-copy__actions-item">
403
442
  <button
404
- class="pf-v6-c-button pf-m-plain"
443
+ class="pf-v6-c-button pf-m-no-padding pf-m-plain"
405
444
  type="button"
406
445
  aria-label="Copy to clipboard"
407
446
  >
408
- <i class="fas fa-copy" aria-hidden="true"></i>
447
+ <span class="pf-v6-c-button__icon">
448
+ <i class="fas fa-copy" aria-hidden="true"></i>
449
+ </span>
409
450
  </button>
410
451
  </span>
411
452
  </span>
@@ -424,11 +465,13 @@ cssPrefix: pf-v6-c-clipboard-copy
424
465
  <span class="pf-v6-c-clipboard-copy__actions">
425
466
  <span class="pf-v6-c-clipboard-copy__actions-item">
426
467
  <button
427
- class="pf-v6-c-button pf-m-plain"
468
+ class="pf-v6-c-button pf-m-no-padding pf-m-plain"
428
469
  type="button"
429
470
  aria-label="Copy to clipboard"
430
471
  >
431
- <i class="fas fa-copy" aria-hidden="true"></i>
472
+ <span class="pf-v6-c-button__icon">
473
+ <i class="fas fa-copy" aria-hidden="true"></i>
474
+ </span>
432
475
  </button>
433
476
  </span>
434
477
  </span>
@@ -446,11 +489,13 @@ cssPrefix: pf-v6-c-clipboard-copy
446
489
  <span class="pf-v6-c-clipboard-copy__actions">
447
490
  <span class="pf-v6-c-clipboard-copy__actions-item">
448
491
  <button
449
- class="pf-v6-c-button pf-m-plain"
492
+ class="pf-v6-c-button pf-m-no-padding pf-m-plain"
450
493
  type="button"
451
494
  aria-label="Copy to clipboard"
452
495
  >
453
- <i class="fas fa-copy" aria-hidden="true"></i>
496
+ <span class="pf-v6-c-button__icon">
497
+ <i class="fas fa-copy" aria-hidden="true"></i>
498
+ </span>
454
499
  </button>
455
500
  </span>
456
501
  </span>
package/docs/components/CodeBlock/examples/CodeBlock.md CHANGED
@@ -16,7 +16,9 @@ cssPrefix: pf-v6-c-code-block
16
16
  type="button"
17
17
  aria-label="Copy to clipboard"
18
18
  >
19
- <i class="fas fa-copy" aria-hidden="true"></i>
19
+ <span class="pf-v6-c-button__icon">
20
+ <i class="fas fa-copy" aria-hidden="true"></i>
21
+ </span>
20
22
  </button>
21
23
  </div>
22
24
  <div class="pf-v6-c-code-block__actions-item">
@@ -25,7 +27,9 @@ cssPrefix: pf-v6-c-code-block
25
27
  type="button"
26
28
  aria-label="Run in Web Terminal"
27
29
  >
28
- <i class="fas fa-play" aria-hidden="true"></i>
30
+ <span class="pf-v6-c-button__icon">
31
+ <i class="fas fa-play" aria-hidden="true"></i>
32
+ </span>
29
33
  </button>
30
34
  </div>
31
35
  </div>
@@ -56,7 +60,9 @@ url: https://raw.githubusercontent.com/Azure-Samples/helm-charts/master/docs</co
56
60
  type="button"
57
61
  aria-label="Copy to clipboard"
58
62
  >
59
- <i class="fas fa-copy" aria-hidden="true"></i>
63
+ <span class="pf-v6-c-button__icon">
64
+ <i class="fas fa-copy" aria-hidden="true"></i>
65
+ </span>
60
66
  </button>
61
67
  </div>
62
68
  <div class="pf-v6-c-code-block__actions-item">
@@ -65,7 +71,9 @@ url: https://raw.githubusercontent.com/Azure-Samples/helm-charts/master/docs</co
65
71
  type="button"
66
72
  aria-label="Run in Web Terminal"
67
73
  >
68
- <i class="fas fa-play" aria-hidden="true"></i>
74
+ <span class="pf-v6-c-button__icon">
75
+ <i class="fas fa-play" aria-hidden="true"></i>
76
+ </span>
69
77
  </button>
70
78
  </div>
71
79
  </div>
@@ -88,17 +96,22 @@ name: azure-sample-repo<div
88
96
  </code>
89
97
  </pre>
90
98
  <div class="pf-v6-c-expandable-section">
91
- <button
92
- type="button"
93
- class="pf-v6-c-expandable-section__toggle"
94
- aria-expanded="false"
95
- aria-controls="code-block-expandable-content"
96
- >
97
- <span class="pf-v6-c-expandable-section__toggle-icon pf-m-expand-top">
98
- <i class="fas fa-angle-right" aria-hidden="true"></i>
99
- </span>
100
- <span class="pf-v6-c-expandable-section__toggle-text">Show more</span>
101
- </button>
99
+ <div class="pf-v6-c-expandable-section__toggle">
100
+ <button
101
+ class="pf-v6-c-button pf-m-link"
102
+ type="button"
103
+ aria-controls="code-block-expandable-content"
104
+ >
105
+ <span class="pf-v6-c-button__icon pf-m-start">
106
+ <span
107
+ class="pf-v6-c-expandable-section__toggle-icon pf-m-expand-top"
108
+ >
109
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
110
+ </span>
111
+ </span>
112
+ <span class="pf-v6-c-button__text">Show more</span>
113
+ </button>
114
+ </div>
102
115
  </div>
103
116
  </div>
104
117
  </div>
@@ -117,7 +130,9 @@ name: azure-sample-repo<div
117
130
  type="button"
118
131
  aria-label="Copy to clipboard"
119
132
  >
120
- <i class="fas fa-copy" aria-hidden="true"></i>
133
+ <span class="pf-v6-c-button__icon">
134
+ <i class="fas fa-copy" aria-hidden="true"></i>
135
+ </span>
121
136
  </button>
122
137
  </div>
123
138
  <div class="pf-v6-c-code-block__actions-item">
@@ -126,7 +141,9 @@ name: azure-sample-repo<div
126
141
  type="button"
127
142
  aria-label="Run in Web Terminal"
128
143
  >
129
- <i class="fas fa-play" aria-hidden="true"></i>
144
+ <span class="pf-v6-c-button__icon">
145
+ <i class="fas fa-play" aria-hidden="true"></i>
146
+ </span>
130
147
  </button>
131
148
  </div>
132
149
  </div>
@@ -148,17 +165,23 @@ name: azure-sample-repo<div
148
165
  </code>
149
166
  </pre>
150
167
  <div class="pf-v6-c-expandable-section pf-m-expanded">
151
- <button
152
- type="button"
153
- class="pf-v6-c-expandable-section__toggle"
154
- aria-expanded="true"
155
- aria-controls="code-block-expandable-expanded-content"
156
- >
157
- <span class="pf-v6-c-expandable-section__toggle-icon pf-m-expand-top">
158
- <i class="fas fa-angle-right" aria-hidden="true"></i>
159
- </span>
160
- <span class="pf-v6-c-expandable-section__toggle-text">Show less</span>
161
- </button>
168
+ <div class="pf-v6-c-expandable-section__toggle">
169
+ <button
170
+ class="pf-v6-c-button pf-m-link"
171
+ type="button"
172
+ aria-expanded="true"
173
+ aria-controls="code-block-expandable-expanded-content"
174
+ >
175
+ <span class="pf-v6-c-button__icon pf-m-start">
176
+ <span
177
+ class="pf-v6-c-expandable-section__toggle-icon pf-m-expand-top"
178
+ >
179
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
180
+ </span>
181
+ </span>
182
+ <span class="pf-v6-c-button__text">Show less</span>
183
+ </button>
184
+ </div>
162
185
  </div>
163
186
  </div>
164
187
  </div>