@patternfly/patternfly 6.0.0-alpha.90 → 6.0.0-alpha.91

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 (259) hide show
  1. package/base/patternfly-common.css +10 -10
  2. package/base/patternfly-globals.css +3 -3
  3. package/base/patternfly-icons.css +1 -1
  4. package/base/patternfly-themes.css +53 -53
  5. package/base/patternfly-variables.css +236 -245
  6. package/base/tokens/_tokens-font.scss +0 -11
  7. package/components/AboutModalBox/about-modal-box.css +102 -102
  8. package/components/Accordion/accordion.css +118 -118
  9. package/components/ActionList/action-list.css +16 -16
  10. package/components/Alert/alert-group.css +50 -50
  11. package/components/Alert/alert.css +161 -161
  12. package/components/AppLauncher/app-launcher.css +167 -167
  13. package/components/Avatar/avatar.css +116 -116
  14. package/components/BackToTop/back-to-top.css +21 -21
  15. package/components/Backdrop/backdrop.css +9 -9
  16. package/components/BackgroundImage/background-image.css +15 -15
  17. package/components/Badge/badge.css +35 -35
  18. package/components/Banner/banner.css +114 -114
  19. package/components/Brand/brand.css +28 -28
  20. package/components/Breadcrumb/breadcrumb.css +62 -62
  21. package/components/Button/button.css +514 -514
  22. package/components/CalendarMonth/calendar-month.css +144 -144
  23. package/components/Card/card.css +230 -230
  24. package/components/Check/check.css +43 -43
  25. package/components/Chip/chip-group.css +60 -60
  26. package/components/Chip/chip.css +83 -83
  27. package/components/ClipboardCopy/clipboard-copy.css +71 -71
  28. package/components/CodeBlock/code-block.css +35 -35
  29. package/components/CodeEditor/code-editor.css +121 -121
  30. package/components/Content/content.css +216 -216
  31. package/components/ContextSelector/context-selector.css +251 -251
  32. package/components/DataList/data-list-grid.css +182 -182
  33. package/components/DataList/data-list.css +468 -468
  34. package/components/DatePicker/date-picker.css +35 -35
  35. package/components/DescriptionList/description-list-order.css +90 -90
  36. package/components/DescriptionList/description-list.css +193 -193
  37. package/components/Divider/divider.css +143 -143
  38. package/components/DragDrop/drag-drop.css +46 -46
  39. package/components/Drawer/drawer.css +474 -474
  40. package/components/Dropdown/dropdown.css +457 -457
  41. package/components/DualListSelector/dual-list-selector.css +199 -199
  42. package/components/EmptyState/empty-state.css +104 -104
  43. package/components/ExpandableSection/expandable-section.css +113 -113
  44. package/components/FileUpload/file-upload.css +32 -32
  45. package/components/Form/form.css +281 -281
  46. package/components/FormControl/form-control.css +197 -197
  47. package/components/HelperText/helper-text.css +51 -51
  48. package/components/Hint/hint.css +46 -46
  49. package/components/Icon/icon.css +218 -218
  50. package/components/InlineEdit/inline-edit.css +43 -43
  51. package/components/InputGroup/input-group.css +52 -52
  52. package/components/JumpLinks/jump-links.css +183 -183
  53. package/components/Label/label-group.css +86 -86
  54. package/components/Label/label.css +438 -438
  55. package/components/List/list.css +53 -53
  56. package/components/LogViewer/log-viewer.css +138 -138
  57. package/components/Login/login.css +139 -139
  58. package/components/Masthead/masthead.css +319 -319
  59. package/components/Menu/menu.css +415 -415
  60. package/components/MenuToggle/menu-toggle.css +275 -275
  61. package/components/ModalBox/modal-box.css +121 -121
  62. package/components/MultipleFileUpload/multiple-file-upload.css +163 -163
  63. package/components/Nav/nav.css +225 -225
  64. package/components/NotificationBadge/notification-badge.css +66 -66
  65. package/components/NotificationDrawer/notification-drawer.css +179 -179
  66. package/components/NumberInput/number-input.css +20 -20
  67. package/components/OptionsMenu/options-menu.css +190 -190
  68. package/components/OverflowMenu/overflow-menu.css +19 -19
  69. package/components/Page/page.css +598 -598
  70. package/components/Pagination/pagination.css +220 -220
  71. package/components/Panel/panel.css +72 -72
  72. package/components/Popover/popover.css +148 -148
  73. package/components/Progress/progress.css +80 -80
  74. package/components/ProgressStepper/progress-stepper.css +514 -514
  75. package/components/Radio/radio.css +44 -44
  76. package/components/Select/select.css +423 -423
  77. package/components/Sidebar/sidebar.css +166 -166
  78. package/components/SimpleList/simple-list.css +53 -53
  79. package/components/Skeleton/skeleton.css +112 -112
  80. package/components/SkipToContent/skip-to-content.css +8 -8
  81. package/components/Slider/slider.css +144 -144
  82. package/components/Spinner/spinner.css +36 -36
  83. package/components/Switch/switch.css +89 -89
  84. package/components/TabContent/tab-content.css +34 -34
  85. package/components/Table/table-grid.css +911 -911
  86. package/components/Table/table-scrollable.css +38 -38
  87. package/components/Table/table-tree-view.css +497 -497
  88. package/components/Table/table.css +660 -660
  89. package/components/Tabs/tabs.css +616 -616
  90. package/components/TextInputGroup/text-input-group.css +88 -88
  91. package/components/Tile/tile.css +68 -68
  92. package/components/Timestamp/timestamp.css +29 -29
  93. package/components/Title/title.css +87 -87
  94. package/components/ToggleGroup/toggle-group.css +86 -86
  95. package/components/Toolbar/toolbar.css +2279 -2279
  96. package/components/Tooltip/tooltip.css +85 -85
  97. package/components/TreeView/tree-view.css +363 -363
  98. package/components/Truncate/truncate.css +15 -15
  99. package/components/Wizard/wizard.css +272 -272
  100. package/docs/components/AboutModalBox/examples/AboutModalBox.md +11 -11
  101. package/docs/components/Accordion/examples/Accordion.md +188 -188
  102. package/docs/components/ActionList/examples/ActionList.md +55 -55
  103. package/docs/components/Alert/examples/Alert.md +222 -222
  104. package/docs/components/AppLauncher/deprecated/application-launcher.md +146 -146
  105. package/docs/components/Avatar/examples/Avatar.md +6 -6
  106. package/docs/components/BackToTop/examples/BackToTop.md +3 -3
  107. package/docs/components/Backdrop/examples/Backdrop.md +1 -1
  108. package/docs/components/BackgroundImage/examples/BackgroundImage.md +2 -2
  109. package/docs/components/Badge/examples/Badge.md +17 -17
  110. package/docs/components/Banner/examples/Banner.md +42 -42
  111. package/docs/components/Brand/examples/Brand.md +4 -4
  112. package/docs/components/Breadcrumb/examples/Breadcrumb.md +90 -90
  113. package/docs/components/Button/examples/Button.md +364 -364
  114. package/docs/components/CalendarMonth/examples/CalendarMonth.md +436 -436
  115. package/docs/components/Card/examples/Card.md +515 -515
  116. package/docs/components/Check/examples/Check.md +37 -37
  117. package/docs/components/Chip/examples/Chip.md +216 -216
  118. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +82 -82
  119. package/docs/components/CodeBlock/examples/CodeBlock.md +39 -39
  120. package/docs/components/CodeEditor/examples/CodeEditor.md +85 -85
  121. package/docs/components/Content/examples/Content.md +1 -1
  122. package/docs/components/ContextSelector/deprecated/context-selector.md +160 -160
  123. package/docs/components/DataList/examples/DataList.md +666 -666
  124. package/docs/components/DatePicker/examples/DatePicker.md +54 -54
  125. package/docs/components/DescriptionList/examples/DescriptionList.md +737 -737
  126. package/docs/components/Divider/examples/Divider.md +18 -18
  127. package/docs/components/DragDrop/examples/DragDrop.md +27 -27
  128. package/docs/components/Drawer/examples/Drawer.md +225 -225
  129. package/docs/components/Dropdown/deprecated/Dropdown.md +541 -541
  130. package/docs/components/DualListSelector/examples/DualListSelector.md +1012 -1012
  131. package/docs/components/EmptyState/examples/EmptyState.md +100 -100
  132. package/docs/components/ExpandableSection/examples/ExpandableSection.md +47 -47
  133. package/docs/components/FileUpload/examples/FileUpload.md +94 -94
  134. package/docs/components/Form/examples/Form.md +226 -226
  135. package/docs/components/FormControl/examples/FormControl.md +65 -65
  136. package/docs/components/HelperText/examples/HelperText.md +72 -72
  137. package/docs/components/Hint/examples/Hint.md +44 -44
  138. package/docs/components/Icon/examples/Icon.md +85 -85
  139. package/docs/components/InlineEdit/examples/InlineEdit.md +209 -209
  140. package/docs/components/InputGroup/examples/InputGroup.md +73 -73
  141. package/docs/components/JumpLinks/examples/JumpLinks.md +285 -285
  142. package/docs/components/Label/examples/Label.md +1717 -1717
  143. package/docs/components/List/examples/List.md +30 -30
  144. package/docs/components/LogViewer/examples/LogViewer.md +1785 -1785
  145. package/docs/components/Login/examples/Login.md +287 -287
  146. package/docs/components/Masthead/examples/masthead.md +39 -39
  147. package/docs/components/Menu/examples/Menu.md +2377 -2377
  148. package/docs/components/MenuToggle/examples/MenuToggle.md +242 -242
  149. package/docs/components/ModalBox/examples/ModalBox.md +119 -119
  150. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +192 -192
  151. package/docs/components/Nav/examples/Navigation.md +856 -856
  152. package/docs/components/NotificationBadge/examples/NotificationBadge.md +42 -42
  153. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +659 -659
  154. package/docs/components/NumberInput/examples/NumberInput.md +127 -127
  155. package/docs/components/OptionsMenu/deprecated/options-menu.md +178 -178
  156. package/docs/components/OverflowMenu/examples/overflow-menu.md +97 -97
  157. package/docs/components/Page/deprecated/PageHeader.md +85 -85
  158. package/docs/components/Page/examples/Page.md +90 -90
  159. package/docs/components/Pagination/examples/Pagination.md +285 -285
  160. package/docs/components/Panel/examples/Panel.md +38 -38
  161. package/docs/components/Popover/examples/Popover.md +169 -169
  162. package/docs/components/Progress/examples/Progress.md +145 -145
  163. package/docs/components/ProgressStepper/examples/ProgressStepper.md +295 -295
  164. package/docs/components/Radio/examples/Radio.md +33 -33
  165. package/docs/components/Select/deprecated/Select.md +736 -736
  166. package/docs/components/Sidebar/examples/Sidebar.md +65 -65
  167. package/docs/components/SimpleList/examples/SimpleList.md +39 -39
  168. package/docs/components/Skeleton/examples/Skeleton.md +29 -29
  169. package/docs/components/SkipToContent/examples/SkipToContent.md +3 -3
  170. package/docs/components/Slider/examples/Slider.md +213 -213
  171. package/docs/components/Spinner/examples/Spinner.md +14 -14
  172. package/docs/components/Switch/examples/Switch.md +58 -58
  173. package/docs/components/TabContent/examples/TabContent.md +24 -24
  174. package/docs/components/Table/examples/Table.md +6982 -6982
  175. package/docs/components/Tabs/examples/Tabs.md +2114 -2114
  176. package/docs/components/TextInputGroup/examples/TextInputGroup.md +373 -373
  177. package/docs/components/Tile/examples/Tile.md +131 -131
  178. package/docs/components/Timestamp/examples/Timestamp.md +10 -10
  179. package/docs/components/Title/examples/Title.md +12 -12
  180. package/docs/components/ToggleGroup/examples/toggle-group.md +116 -116
  181. package/docs/components/Toolbar/examples/Toolbar.md +611 -611
  182. package/docs/components/Tooltip/examples/Tooltip.md +27 -27
  183. package/docs/components/TreeView/examples/TreeView.md +1166 -1166
  184. package/docs/components/Truncate/examples/Truncate.md +7 -7
  185. package/docs/components/Wizard/examples/Wizard.md +522 -522
  186. package/docs/demos/AboutModal/examples/AboutModal.md +106 -106
  187. package/docs/demos/Alert/examples/Alert.md +391 -391
  188. package/docs/demos/BackToTop/examples/BackToTop.md +175 -175
  189. package/docs/demos/Banner/examples/Banner.md +364 -364
  190. package/docs/demos/Button/examples/Button.md +50 -50
  191. package/docs/demos/Card/examples/Card.md +1054 -1054
  192. package/docs/demos/CardView/examples/CardView.md +378 -378
  193. package/docs/demos/ContextSelector/examples/ContextSelector.md +449 -449
  194. package/docs/demos/Dashboard/examples/Dashboard.md +541 -541
  195. package/docs/demos/DataList/examples/DataList.md +1148 -1148
  196. package/docs/demos/DescriptionList/examples/DescriptionList.md +544 -544
  197. package/docs/demos/Drawer/examples/Drawer.md +531 -531
  198. package/docs/demos/Form/examples/BasicForms.md +444 -444
  199. package/docs/demos/HelperText/examples/HelperText.md +51 -51
  200. package/docs/demos/JumpLinks/examples/JumpLinks.md +596 -596
  201. package/docs/demos/Masthead/examples/Masthead.md +763 -763
  202. package/docs/demos/Modal/examples/Modal.md +645 -645
  203. package/docs/demos/Nav/examples/Nav.md +649 -649
  204. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1570 -1570
  205. package/docs/demos/Page/examples/Page.md +1330 -1330
  206. package/docs/demos/Page/examples/Penta.md +217 -217
  207. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +23 -23
  208. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +108 -108
  209. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +1890 -1890
  210. package/docs/demos/Skeleton/examples/Skeleton.md +176 -176
  211. package/docs/demos/Table/examples/Table.md +4580 -4580
  212. package/docs/demos/Tabs/examples/Tabs.md +1040 -1040
  213. package/docs/demos/Toolbar/examples/Toolbar.md +961 -961
  214. package/docs/demos/Wizard/examples/Wizard.md +1574 -1574
  215. package/docs/layouts/Bullseye/examples/Bullseye.md +2 -2
  216. package/docs/layouts/Flex/examples/Flex.md +290 -290
  217. package/docs/layouts/Gallery/examples/Gallery.md +48 -48
  218. package/docs/layouts/Grid/examples/Grid.md +121 -121
  219. package/docs/layouts/Level/examples/Level.md +11 -11
  220. package/docs/layouts/Split/examples/Split.md +23 -23
  221. package/docs/layouts/Stack/examples/Stack.md +8 -8
  222. package/docs/utilities/Accessibility/examples/Accessibility.md +3 -3
  223. package/docs/utilities/Alignment/examples/Alignment.md +4 -4
  224. package/docs/utilities/Display/examples/Display.md +16 -16
  225. package/docs/utilities/Flex/examples/Flex.md +53 -53
  226. package/docs/utilities/Float/examples/Float.md +2 -2
  227. package/docs/utilities/Spacing/examples/Spacing.md +16 -16
  228. package/layouts/Bullseye/bullseye.css +3 -3
  229. package/layouts/Flex/flex.css +1276 -1276
  230. package/layouts/Gallery/gallery.css +34 -34
  231. package/layouts/Grid/grid.css +531 -531
  232. package/layouts/Level/level.css +4 -4
  233. package/layouts/Split/split.css +6 -6
  234. package/layouts/Stack/stack.css +5 -5
  235. package/package.json +1 -1
  236. package/patternfly-addons.css +2989 -2989
  237. package/patternfly-base-no-globals-theme-dark-unversioned.css +269 -278
  238. package/patternfly-base-no-globals.css +284 -293
  239. package/patternfly-base-theme-dark-unversioned.css +271 -280
  240. package/patternfly-base.css +286 -295
  241. package/patternfly-charts-theme-dark-unversioned.css +66 -66
  242. package/patternfly-charts-theme-dark.css +66 -66
  243. package/patternfly-charts.css +320 -320
  244. package/patternfly-no-globals.css +20217 -20226
  245. package/patternfly-theme-dark-unversioned.css +20209 -20218
  246. package/patternfly.css +20219 -20228
  247. package/patternfly.min.css +1 -1
  248. package/patternfly.min.css.map +1 -1
  249. package/sass-utilities/_init.scss +1 -1
  250. package/utilities/Accessibility/accessibility.css +18 -18
  251. package/utilities/Alignment/alignment.css +24 -24
  252. package/utilities/BackgroundColor/BackgroundColor.css +252 -252
  253. package/utilities/BoxShadow/box-shadow.css +42 -42
  254. package/utilities/Display/display.css +54 -54
  255. package/utilities/Flex/flex.css +228 -228
  256. package/utilities/Float/float.css +12 -12
  257. package/utilities/Sizing/sizing.css +216 -216
  258. package/utilities/Spacing/spacing.css +1512 -1512
  259. package/utilities/Text/text.css +631 -631
package/docs/components/ToggleGroup/examples/toggle-group.md CHANGED
@@ -9,60 +9,60 @@ cssPrefix: pf-v5-c-toggle-group
9
9
  ### Default
10
10
 
11
11
  ```html
12
- <div class="pf-v5-c-toggle-group">
13
- <div class="pf-v5-c-toggle-group__item">
14
- <button class="pf-v5-c-toggle-group__button" type="button">
15
- <span class="pf-v5-c-toggle-group__text">Option 1</span>
12
+ <div class="pf-v6-c-toggle-group">
13
+ <div class="pf-v6-c-toggle-group__item">
14
+ <button class="pf-v6-c-toggle-group__button" type="button">
15
+ <span class="pf-v6-c-toggle-group__text">Option 1</span>
16
16
  </button>
17
17
  </div>
18
- <div class="pf-v5-c-toggle-group__item">
19
- <button class="pf-v5-c-toggle-group__button" type="button">
20
- <span class="pf-v5-c-toggle-group__text">Option 2</span>
18
+ <div class="pf-v6-c-toggle-group__item">
19
+ <button class="pf-v6-c-toggle-group__button" type="button">
20
+ <span class="pf-v6-c-toggle-group__text">Option 2</span>
21
21
  </button>
22
22
  </div>
23
- <div class="pf-v5-c-toggle-group__item">
24
- <button class="pf-v5-c-toggle-group__button" type="button">
25
- <span class="pf-v5-c-toggle-group__text">Option 3</span>
23
+ <div class="pf-v6-c-toggle-group__item">
24
+ <button class="pf-v6-c-toggle-group__button" type="button">
25
+ <span class="pf-v6-c-toggle-group__text">Option 3</span>
26
26
  </button>
27
27
  </div>
28
28
  </div>
29
29
 
30
30
  <br />
31
31
 
32
- <div class="pf-v5-c-toggle-group">
33
- <div class="pf-v5-c-toggle-group__item">
34
- <button class="pf-v5-c-toggle-group__button pf-m-selected" type="button">
35
- <span class="pf-v5-c-toggle-group__text">Option 1</span>
32
+ <div class="pf-v6-c-toggle-group">
33
+ <div class="pf-v6-c-toggle-group__item">
34
+ <button class="pf-v6-c-toggle-group__button pf-m-selected" type="button">
35
+ <span class="pf-v6-c-toggle-group__text">Option 1</span>
36
36
  </button>
37
37
  </div>
38
- <div class="pf-v5-c-toggle-group__item">
39
- <button class="pf-v5-c-toggle-group__button pf-m-selected" type="button">
40
- <span class="pf-v5-c-toggle-group__text">Option 2</span>
38
+ <div class="pf-v6-c-toggle-group__item">
39
+ <button class="pf-v6-c-toggle-group__button pf-m-selected" type="button">
40
+ <span class="pf-v6-c-toggle-group__text">Option 2</span>
41
41
  </button>
42
42
  </div>
43
- <div class="pf-v5-c-toggle-group__item">
44
- <button class="pf-v5-c-toggle-group__button" type="button">
45
- <span class="pf-v5-c-toggle-group__text">Option 3</span>
43
+ <div class="pf-v6-c-toggle-group__item">
44
+ <button class="pf-v6-c-toggle-group__button" type="button">
45
+ <span class="pf-v6-c-toggle-group__text">Option 3</span>
46
46
  </button>
47
47
  </div>
48
48
  </div>
49
49
 
50
50
  <br />
51
51
 
52
- <div class="pf-v5-c-toggle-group">
53
- <div class="pf-v5-c-toggle-group__item">
54
- <button class="pf-v5-c-toggle-group__button" type="button">
55
- <span class="pf-v5-c-toggle-group__text">Option 1</span>
52
+ <div class="pf-v6-c-toggle-group">
53
+ <div class="pf-v6-c-toggle-group__item">
54
+ <button class="pf-v6-c-toggle-group__button" type="button">
55
+ <span class="pf-v6-c-toggle-group__text">Option 1</span>
56
56
  </button>
57
57
  </div>
58
- <div class="pf-v5-c-toggle-group__item">
59
- <button class="pf-v5-c-toggle-group__button" type="button">
60
- <span class="pf-v5-c-toggle-group__text">Option 2</span>
58
+ <div class="pf-v6-c-toggle-group__item">
59
+ <button class="pf-v6-c-toggle-group__button" type="button">
60
+ <span class="pf-v6-c-toggle-group__text">Option 2</span>
61
61
  </button>
62
62
  </div>
63
- <div class="pf-v5-c-toggle-group__item">
64
- <button class="pf-v5-c-toggle-group__button" type="button" disabled>
65
- <span class="pf-v5-c-toggle-group__text">Option 3</span>
63
+ <div class="pf-v6-c-toggle-group__item">
64
+ <button class="pf-v6-c-toggle-group__button" type="button" disabled>
65
+ <span class="pf-v6-c-toggle-group__text">Option 3</span>
66
66
  </button>
67
67
  </div>
68
68
  </div>
@@ -72,36 +72,36 @@ cssPrefix: pf-v5-c-toggle-group
72
72
  ### With icon
73
73
 
74
74
  ```html
75
- <div class="pf-v5-c-toggle-group">
76
- <div class="pf-v5-c-toggle-group__item">
75
+ <div class="pf-v6-c-toggle-group">
76
+ <div class="pf-v6-c-toggle-group__item">
77
77
  <button
78
- class="pf-v5-c-toggle-group__button"
78
+ class="pf-v6-c-toggle-group__button"
79
79
  type="button"
80
80
  aria-label="Copy button"
81
81
  >
82
- <span class="pf-v5-c-toggle-group__icon">
82
+ <span class="pf-v6-c-toggle-group__icon">
83
83
  <i class="fas fa-copy" aria-hidden="true"></i>
84
84
  </span>
85
85
  </button>
86
86
  </div>
87
- <div class="pf-v5-c-toggle-group__item">
87
+ <div class="pf-v6-c-toggle-group__item">
88
88
  <button
89
- class="pf-v5-c-toggle-group__button"
89
+ class="pf-v6-c-toggle-group__button"
90
90
  type="button"
91
91
  aria-label="Undo button"
92
92
  >
93
- <span class="pf-v5-c-toggle-group__icon">
93
+ <span class="pf-v6-c-toggle-group__icon">
94
94
  <i class="fas fa-undo" aria-hidden="true"></i>
95
95
  </span>
96
96
  </button>
97
97
  </div>
98
- <div class="pf-v5-c-toggle-group__item">
98
+ <div class="pf-v6-c-toggle-group__item">
99
99
  <button
100
- class="pf-v5-c-toggle-group__button"
100
+ class="pf-v6-c-toggle-group__button"
101
101
  type="button"
102
102
  aria-label="Share button"
103
103
  >
104
- <span class="pf-v5-c-toggle-group__icon">
104
+ <span class="pf-v6-c-toggle-group__icon">
105
105
  <i class="fas fa-share-square" aria-hidden="true"></i>
106
106
  </span>
107
107
  </button>
@@ -110,36 +110,36 @@ cssPrefix: pf-v5-c-toggle-group
110
110
 
111
111
  <br />
112
112
 
113
- <div class="pf-v5-c-toggle-group">
114
- <div class="pf-v5-c-toggle-group__item">
113
+ <div class="pf-v6-c-toggle-group">
114
+ <div class="pf-v6-c-toggle-group__item">
115
115
  <button
116
- class="pf-v5-c-toggle-group__button pf-m-selected"
116
+ class="pf-v6-c-toggle-group__button pf-m-selected"
117
117
  type="button"
118
118
  aria-label="Copy button"
119
119
  >
120
- <span class="pf-v5-c-toggle-group__icon">
120
+ <span class="pf-v6-c-toggle-group__icon">
121
121
  <i class="fas fa-copy" aria-hidden="true"></i>
122
122
  </span>
123
123
  </button>
124
124
  </div>
125
- <div class="pf-v5-c-toggle-group__item">
125
+ <div class="pf-v6-c-toggle-group__item">
126
126
  <button
127
- class="pf-v5-c-toggle-group__button"
127
+ class="pf-v6-c-toggle-group__button"
128
128
  type="button"
129
129
  aria-label="Undo button"
130
130
  >
131
- <span class="pf-v5-c-toggle-group__icon">
131
+ <span class="pf-v6-c-toggle-group__icon">
132
132
  <i class="fas fa-undo" aria-hidden="true"></i>
133
133
  </span>
134
134
  </button>
135
135
  </div>
136
- <div class="pf-v5-c-toggle-group__item">
136
+ <div class="pf-v6-c-toggle-group__item">
137
137
  <button
138
- class="pf-v5-c-toggle-group__button"
138
+ class="pf-v6-c-toggle-group__button"
139
139
  type="button"
140
140
  aria-label="Share button"
141
141
  >
142
- <span class="pf-v5-c-toggle-group__icon">
142
+ <span class="pf-v6-c-toggle-group__icon">
143
143
  <i class="fas fa-share-square" aria-hidden="true"></i>
144
144
  </span>
145
145
  </button>
@@ -148,37 +148,37 @@ cssPrefix: pf-v5-c-toggle-group
148
148
 
149
149
  <br />
150
150
 
151
- <div class="pf-v5-c-toggle-group">
152
- <div class="pf-v5-c-toggle-group__item">
151
+ <div class="pf-v6-c-toggle-group">
152
+ <div class="pf-v6-c-toggle-group__item">
153
153
  <button
154
- class="pf-v5-c-toggle-group__button"
154
+ class="pf-v6-c-toggle-group__button"
155
155
  type="button"
156
156
  aria-label="Copy button"
157
157
  >
158
- <span class="pf-v5-c-toggle-group__icon">
158
+ <span class="pf-v6-c-toggle-group__icon">
159
159
  <i class="fas fa-copy" aria-hidden="true"></i>
160
160
  </span>
161
161
  </button>
162
162
  </div>
163
- <div class="pf-v5-c-toggle-group__item">
163
+ <div class="pf-v6-c-toggle-group__item">
164
164
  <button
165
- class="pf-v5-c-toggle-group__button"
165
+ class="pf-v6-c-toggle-group__button"
166
166
  type="button"
167
167
  aria-label="Undo button"
168
168
  >
169
- <span class="pf-v5-c-toggle-group__icon">
169
+ <span class="pf-v6-c-toggle-group__icon">
170
170
  <i class="fas fa-undo" aria-hidden="true"></i>
171
171
  </span>
172
172
  </button>
173
173
  </div>
174
- <div class="pf-v5-c-toggle-group__item">
174
+ <div class="pf-v6-c-toggle-group__item">
175
175
  <button
176
- class="pf-v5-c-toggle-group__button"
176
+ class="pf-v6-c-toggle-group__button"
177
177
  type="button"
178
178
  aria-label="Share button"
179
179
  disabled
180
180
  >
181
- <span class="pf-v5-c-toggle-group__icon">
181
+ <span class="pf-v6-c-toggle-group__icon">
182
182
  <i class="fas fa-share-square" aria-hidden="true"></i>
183
183
  </span>
184
184
  </button>
@@ -190,60 +190,60 @@ cssPrefix: pf-v5-c-toggle-group
190
190
  ### Icon-and-text
191
191
 
192
192
  ```html
193
- <div class="pf-v5-c-toggle-group">
194
- <div class="pf-v5-c-toggle-group__item">
195
- <button class="pf-v5-c-toggle-group__button" type="button">
196
- <span class="pf-v5-c-toggle-group__icon">
193
+ <div class="pf-v6-c-toggle-group">
194
+ <div class="pf-v6-c-toggle-group__item">
195
+ <button class="pf-v6-c-toggle-group__button" type="button">
196
+ <span class="pf-v6-c-toggle-group__icon">
197
197
  <i class="fas fa-copy" aria-hidden="true"></i>
198
198
  </span>
199
- <span class="pf-v5-c-toggle-group__text">Copy</span>
199
+ <span class="pf-v6-c-toggle-group__text">Copy</span>
200
200
  </button>
201
201
  </div>
202
- <div class="pf-v5-c-toggle-group__item">
202
+ <div class="pf-v6-c-toggle-group__item">
203
203
  <button
204
- class="pf-v5-c-toggle-group__button"
204
+ class="pf-v6-c-toggle-group__button"
205
205
  type="button"
206
206
  aria-label="Undo button"
207
207
  >
208
- <span class="pf-v5-c-toggle-group__icon">
208
+ <span class="pf-v6-c-toggle-group__icon">
209
209
  <i class="fas fa-undo" aria-hidden="true"></i>
210
210
  </span>
211
- <span class="pf-v5-c-toggle-group__text">Undo</span>
211
+ <span class="pf-v6-c-toggle-group__text">Undo</span>
212
212
  </button>
213
213
  </div>
214
- <div class="pf-v5-c-toggle-group__item">
215
- <button class="pf-v5-c-toggle-group__button pf-m-selected" type="button">
216
- <span class="pf-v5-c-toggle-group__icon">
214
+ <div class="pf-v6-c-toggle-group__item">
215
+ <button class="pf-v6-c-toggle-group__button pf-m-selected" type="button">
216
+ <span class="pf-v6-c-toggle-group__icon">
217
217
  <i class="fas fa-share-square" aria-hidden="true"></i>
218
218
  </span>
219
- <span class="pf-v5-c-toggle-group__text">Share</span>
219
+ <span class="pf-v6-c-toggle-group__text">Share</span>
220
220
  </button>
221
221
  </div>
222
222
  </div>
223
223
 
224
224
  <br />
225
225
 
226
- <div class="pf-v5-c-toggle-group">
227
- <div class="pf-v5-c-toggle-group__item">
228
- <button class="pf-v5-c-toggle-group__button" type="button">
229
- <span class="pf-v5-c-toggle-group__text">Copy</span>
230
- <span class="pf-v5-c-toggle-group__icon">
226
+ <div class="pf-v6-c-toggle-group">
227
+ <div class="pf-v6-c-toggle-group__item">
228
+ <button class="pf-v6-c-toggle-group__button" type="button">
229
+ <span class="pf-v6-c-toggle-group__text">Copy</span>
230
+ <span class="pf-v6-c-toggle-group__icon">
231
231
  <i class="fas fa-copy" aria-hidden="true"></i>
232
232
  </span>
233
233
  </button>
234
234
  </div>
235
- <div class="pf-v5-c-toggle-group__item">
236
- <button class="pf-v5-c-toggle-group__button" type="button">
237
- <span class="pf-v5-c-toggle-group__text">Undo</span>
238
- <span class="pf-v5-c-toggle-group__icon">
235
+ <div class="pf-v6-c-toggle-group__item">
236
+ <button class="pf-v6-c-toggle-group__button" type="button">
237
+ <span class="pf-v6-c-toggle-group__text">Undo</span>
238
+ <span class="pf-v6-c-toggle-group__icon">
239
239
  <i class="fas fa-undo" aria-hidden="true"></i>
240
240
  </span>
241
241
  </button>
242
242
  </div>
243
- <div class="pf-v5-c-toggle-group__item">
244
- <button class="pf-v5-c-toggle-group__button pf-m-selected" type="button">
245
- <span class="pf-v5-c-toggle-group__text">Share</span>
246
- <span class="pf-v5-c-toggle-group__icon">
243
+ <div class="pf-v6-c-toggle-group__item">
244
+ <button class="pf-v6-c-toggle-group__button pf-m-selected" type="button">
245
+ <span class="pf-v6-c-toggle-group__text">Share</span>
246
+ <span class="pf-v6-c-toggle-group__icon">
247
247
  <i class="fas fa-share-square" aria-hidden="true"></i>
248
248
  </span>
249
249
  </button>
@@ -255,60 +255,60 @@ cssPrefix: pf-v5-c-toggle-group
255
255
  ### Compact
256
256
 
257
257
  ```html
258
- <div class="pf-v5-c-toggle-group pf-m-compact">
259
- <div class="pf-v5-c-toggle-group__item">
260
- <button class="pf-v5-c-toggle-group__button" type="button">
261
- <span class="pf-v5-c-toggle-group__text">Option 1</span>
258
+ <div class="pf-v6-c-toggle-group pf-m-compact">
259
+ <div class="pf-v6-c-toggle-group__item">
260
+ <button class="pf-v6-c-toggle-group__button" type="button">
261
+ <span class="pf-v6-c-toggle-group__text">Option 1</span>
262
262
  </button>
263
263
  </div>
264
- <div class="pf-v5-c-toggle-group__item">
265
- <button class="pf-v5-c-toggle-group__button" type="button">
266
- <span class="pf-v5-c-toggle-group__text">Option 2</span>
264
+ <div class="pf-v6-c-toggle-group__item">
265
+ <button class="pf-v6-c-toggle-group__button" type="button">
266
+ <span class="pf-v6-c-toggle-group__text">Option 2</span>
267
267
  </button>
268
268
  </div>
269
- <div class="pf-v5-c-toggle-group__item">
270
- <button class="pf-v5-c-toggle-group__button" type="button">
271
- <span class="pf-v5-c-toggle-group__text">Option 3</span>
269
+ <div class="pf-v6-c-toggle-group__item">
270
+ <button class="pf-v6-c-toggle-group__button" type="button">
271
+ <span class="pf-v6-c-toggle-group__text">Option 3</span>
272
272
  </button>
273
273
  </div>
274
274
  </div>
275
275
 
276
276
  <br />
277
277
 
278
- <div class="pf-v5-c-toggle-group pf-m-compact">
279
- <div class="pf-v5-c-toggle-group__item">
280
- <button class="pf-v5-c-toggle-group__button pf-m-selected" type="button">
281
- <span class="pf-v5-c-toggle-group__text">Option 1</span>
278
+ <div class="pf-v6-c-toggle-group pf-m-compact">
279
+ <div class="pf-v6-c-toggle-group__item">
280
+ <button class="pf-v6-c-toggle-group__button pf-m-selected" type="button">
281
+ <span class="pf-v6-c-toggle-group__text">Option 1</span>
282
282
  </button>
283
283
  </div>
284
- <div class="pf-v5-c-toggle-group__item">
285
- <button class="pf-v5-c-toggle-group__button pf-m-selected" type="button">
286
- <span class="pf-v5-c-toggle-group__text">Option 2</span>
284
+ <div class="pf-v6-c-toggle-group__item">
285
+ <button class="pf-v6-c-toggle-group__button pf-m-selected" type="button">
286
+ <span class="pf-v6-c-toggle-group__text">Option 2</span>
287
287
  </button>
288
288
  </div>
289
- <div class="pf-v5-c-toggle-group__item">
290
- <button class="pf-v5-c-toggle-group__button" type="button">
291
- <span class="pf-v5-c-toggle-group__text">Option 3</span>
289
+ <div class="pf-v6-c-toggle-group__item">
290
+ <button class="pf-v6-c-toggle-group__button" type="button">
291
+ <span class="pf-v6-c-toggle-group__text">Option 3</span>
292
292
  </button>
293
293
  </div>
294
294
  </div>
295
295
 
296
296
  <br />
297
297
 
298
- <div class="pf-v5-c-toggle-group pf-m-compact">
299
- <div class="pf-v5-c-toggle-group__item">
300
- <button class="pf-v5-c-toggle-group__button" type="button">
301
- <span class="pf-v5-c-toggle-group__text">Option 1</span>
298
+ <div class="pf-v6-c-toggle-group pf-m-compact">
299
+ <div class="pf-v6-c-toggle-group__item">
300
+ <button class="pf-v6-c-toggle-group__button" type="button">
301
+ <span class="pf-v6-c-toggle-group__text">Option 1</span>
302
302
  </button>
303
303
  </div>
304
- <div class="pf-v5-c-toggle-group__item">
305
- <button class="pf-v5-c-toggle-group__button" type="button">
306
- <span class="pf-v5-c-toggle-group__text">Option 2</span>
304
+ <div class="pf-v6-c-toggle-group__item">
305
+ <button class="pf-v6-c-toggle-group__button" type="button">
306
+ <span class="pf-v6-c-toggle-group__text">Option 2</span>
307
307
  </button>
308
308
  </div>
309
- <div class="pf-v5-c-toggle-group__item">
310
- <button class="pf-v5-c-toggle-group__button" type="button" disabled>
311
- <span class="pf-v5-c-toggle-group__text">Option 3</span>
309
+ <div class="pf-v6-c-toggle-group__item">
310
+ <button class="pf-v6-c-toggle-group__button" type="button" disabled>
311
+ <span class="pf-v6-c-toggle-group__text">Option 3</span>
312
312
  </button>
313
313
  </div>
314
314
  </div>