@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/Chip/examples/Chip.md CHANGED
@@ -7,13 +7,13 @@ cssPrefix: ['pf-v5-c-chip', 'pf-v5-c-chip-group']
7
7
  ### Chip variants
8
8
 
9
9
  ```html
10
- <div class="pf-v5-c-chip">
11
- <span class="pf-v5-c-chip__content">
12
- <span class="pf-v5-c-chip__text" id="chip_one">Chip</span>
10
+ <div class="pf-v6-c-chip">
11
+ <span class="pf-v6-c-chip__content">
12
+ <span class="pf-v6-c-chip__text" id="chip_one">Chip</span>
13
13
  </span>
14
- <span class="pf-v5-c-chip__actions">
14
+ <span class="pf-v6-c-chip__actions">
15
15
  <button
16
- class="pf-v5-c-button pf-m-plain"
16
+ class="pf-v6-c-button pf-m-plain"
17
17
  type="button"
18
18
  aria-labelledby="remove_chip_one chip_one"
19
19
  aria-label="Remove"
@@ -25,16 +25,16 @@ cssPrefix: ['pf-v5-c-chip', 'pf-v5-c-chip-group']
25
25
  </div>
26
26
  <br />
27
27
  <br />
28
- <div class="pf-v5-c-chip">
29
- <span class="pf-v5-c-chip__content">
28
+ <div class="pf-v6-c-chip">
29
+ <span class="pf-v6-c-chip__content">
30
30
  <span
31
- class="pf-v5-c-chip__text"
31
+ class="pf-v6-c-chip__text"
32
32
  id="chip_two"
33
33
  >Really long chip that goes on and on</span>
34
34
  </span>
35
- <span class="pf-v5-c-chip__actions">
35
+ <span class="pf-v6-c-chip__actions">
36
36
  <button
37
- class="pf-v5-c-button pf-m-plain"
37
+ class="pf-v6-c-button pf-m-plain"
38
38
  type="button"
39
39
  aria-labelledby="remove_chip_two chip_two"
40
40
  aria-label="Remove"
@@ -46,14 +46,14 @@ cssPrefix: ['pf-v5-c-chip', 'pf-v5-c-chip-group']
46
46
  </div>
47
47
  <br />
48
48
  <br />
49
- <div class="pf-v5-c-chip">
50
- <span class="pf-v5-c-chip__content">
51
- <span class="pf-v5-c-chip__text" id="chip_three">Chip</span>
52
- <span class="pf-v5-c-badge pf-m-read">00</span>
49
+ <div class="pf-v6-c-chip">
50
+ <span class="pf-v6-c-chip__content">
51
+ <span class="pf-v6-c-chip__text" id="chip_three">Chip</span>
52
+ <span class="pf-v6-c-badge pf-m-read">00</span>
53
53
  </span>
54
- <span class="pf-v5-c-chip__actions">
54
+ <span class="pf-v6-c-chip__actions">
55
55
  <button
56
- class="pf-v5-c-button pf-m-plain"
56
+ class="pf-v6-c-button pf-m-plain"
57
57
  type="button"
58
58
  aria-labelledby="remove_chip_three chip_three"
59
59
  aria-label="Remove"
@@ -65,26 +65,26 @@ cssPrefix: ['pf-v5-c-chip', 'pf-v5-c-chip-group']
65
65
  </div>
66
66
  <br />
67
67
  <br />
68
- <div class="pf-v5-c-chip">
69
- <span class="pf-v5-c-chip__content">
70
- <span class="pf-v5-c-chip__text">Read-only chip</span>
68
+ <div class="pf-v6-c-chip">
69
+ <span class="pf-v6-c-chip__content">
70
+ <span class="pf-v6-c-chip__text">Read-only chip</span>
71
71
  </span>
72
72
  </div>
73
73
  <br />
74
74
  <br />
75
- <button class="pf-v5-c-chip pf-m-overflow">
76
- <span class="pf-v5-c-chip__content">
77
- <span class="pf-v5-c-chip__text">Overflow chip</span>
75
+ <button class="pf-v6-c-chip pf-m-overflow">
76
+ <span class="pf-v6-c-chip__content">
77
+ <span class="pf-v6-c-chip__text">Overflow chip</span>
78
78
  </span>
79
79
  </button>
80
80
  <br />
81
81
  <br />
82
- <div class="pf-v5-c-chip pf-m-draggable">
83
- <span class="pf-v5-c-chip__content">
84
- <span class="pf-v5-c-chip__icon">
82
+ <div class="pf-v6-c-chip pf-m-draggable">
83
+ <span class="pf-v6-c-chip__content">
84
+ <span class="pf-v6-c-chip__icon">
85
85
  <i class="fas fa-grip-vertical" role="img" aria-label="Drag"></i>
86
86
  </span>
87
- <span class="pf-v5-c-chip__text">Draggable chip</span>
87
+ <span class="pf-v6-c-chip__text">Draggable chip</span>
88
88
  </span>
89
89
  </div>
90
90
 
@@ -94,27 +94,27 @@ cssPrefix: ['pf-v5-c-chip', 'pf-v5-c-chip-group']
94
94
 
95
95
  ```html
96
96
  <div
97
- class="pf-v5-c-chip-group"
97
+ class="pf-v6-c-chip-group"
98
98
  role="group"
99
99
  aria-label="simple inline chip group with overflow"
100
100
  >
101
- <div class="pf-v5-c-chip-group__main">
101
+ <div class="pf-v6-c-chip-group__main">
102
102
  <ul
103
- class="pf-v5-c-chip-group__list"
103
+ class="pf-v6-c-chip-group__list"
104
104
  role="list"
105
105
  aria-label="Chip group list"
106
106
  >
107
- <li class="pf-v5-c-chip-group__list-item">
108
- <div class="pf-v5-c-chip">
109
- <span class="pf-v5-c-chip__content">
107
+ <li class="pf-v6-c-chip-group__list-item">
108
+ <div class="pf-v6-c-chip">
109
+ <span class="pf-v6-c-chip__content">
110
110
  <span
111
- class="pf-v5-c-chip__text"
111
+ class="pf-v6-c-chip__text"
112
112
  id="simple-inline-chip-group-overflowchip_one_select_collapsed"
113
113
  >Chip one</span>
114
114
  </span>
115
- <span class="pf-v5-c-chip__actions">
115
+ <span class="pf-v6-c-chip__actions">
116
116
  <button
117
- class="pf-v5-c-button pf-m-plain"
117
+ class="pf-v6-c-button pf-m-plain"
118
118
  type="button"
119
119
  aria-labelledby="simple-inline-chip-group-overflowremove_chip_one_select_collapsed simple-inline-chip-group-overflowchip_one_select_collapsed"
120
120
  aria-label="Remove"
@@ -125,17 +125,17 @@ cssPrefix: ['pf-v5-c-chip', 'pf-v5-c-chip-group']
125
125
  </span>
126
126
  </div>
127
127
  </li>
128
- <li class="pf-v5-c-chip-group__list-item">
129
- <div class="pf-v5-c-chip">
130
- <span class="pf-v5-c-chip__content">
128
+ <li class="pf-v6-c-chip-group__list-item">
129
+ <div class="pf-v6-c-chip">
130
+ <span class="pf-v6-c-chip__content">
131
131
  <span
132
- class="pf-v5-c-chip__text"
132
+ class="pf-v6-c-chip__text"
133
133
  id="simple-inline-chip-group-overflowchip_two_select_collapsed"
134
134
  >Chip two</span>
135
135
  </span>
136
- <span class="pf-v5-c-chip__actions">
136
+ <span class="pf-v6-c-chip__actions">
137
137
  <button
138
- class="pf-v5-c-button pf-m-plain"
138
+ class="pf-v6-c-button pf-m-plain"
139
139
  type="button"
140
140
  aria-labelledby="simple-inline-chip-group-overflowremove_chip_two_select_collapsed simple-inline-chip-group-overflowchip_two_select_collapsed"
141
141
  aria-label="Remove"
@@ -146,17 +146,17 @@ cssPrefix: ['pf-v5-c-chip', 'pf-v5-c-chip-group']
146
146
  </span>
147
147
  </div>
148
148
  </li>
149
- <li class="pf-v5-c-chip-group__list-item">
150
- <div class="pf-v5-c-chip">
151
- <span class="pf-v5-c-chip__content">
149
+ <li class="pf-v6-c-chip-group__list-item">
150
+ <div class="pf-v6-c-chip">
151
+ <span class="pf-v6-c-chip__content">
152
152
  <span
153
- class="pf-v5-c-chip__text"
153
+ class="pf-v6-c-chip__text"
154
154
  id="simple-inline-chip-group-overflowchip_three_select_collapsed"
155
155
  >Chip three</span>
156
156
  </span>
157
- <span class="pf-v5-c-chip__actions">
157
+ <span class="pf-v6-c-chip__actions">
158
158
  <button
159
- class="pf-v5-c-button pf-m-plain"
159
+ class="pf-v6-c-button pf-m-plain"
160
160
  type="button"
161
161
  aria-labelledby="simple-inline-chip-group-overflowremove_chip_three_select_collapsed simple-inline-chip-group-overflowchip_three_select_collapsed"
162
162
  aria-label="Remove"
@@ -167,10 +167,10 @@ cssPrefix: ['pf-v5-c-chip', 'pf-v5-c-chip-group']
167
167
  </span>
168
168
  </div>
169
169
  </li>
170
- <li class="pf-v5-c-chip-group__list-item">
171
- <button class="pf-v5-c-chip pf-m-overflow">
172
- <span class="pf-v5-c-chip__content">
173
- <span class="pf-v5-c-chip__text">2 more</span>
170
+ <li class="pf-v6-c-chip-group__list-item">
171
+ <button class="pf-v6-c-chip pf-m-overflow">
172
+ <span class="pf-v6-c-chip__content">
173
+ <span class="pf-v6-c-chip__text">2 more</span>
174
174
  </span>
175
175
  </button>
176
176
  </li>
@@ -184,27 +184,27 @@ cssPrefix: ['pf-v5-c-chip', 'pf-v5-c-chip-group']
184
184
 
185
185
  ```html
186
186
  <div
187
- class="pf-v5-c-chip-group"
187
+ class="pf-v6-c-chip-group"
188
188
  role="group"
189
189
  aria-label="simple inline chip group expanded"
190
190
  >
191
- <div class="pf-v5-c-chip-group__main">
191
+ <div class="pf-v6-c-chip-group__main">
192
192
  <ul
193
- class="pf-v5-c-chip-group__list"
193
+ class="pf-v6-c-chip-group__list"
194
194
  role="list"
195
195
  aria-label="Chip group list"
196
196
  >
197
- <li class="pf-v5-c-chip-group__list-item">
198
- <div class="pf-v5-c-chip">
199
- <span class="pf-v5-c-chip__content">
197
+ <li class="pf-v6-c-chip-group__list-item">
198
+ <div class="pf-v6-c-chip">
199
+ <span class="pf-v6-c-chip__content">
200
200
  <span
201
- class="pf-v5-c-chip__text"
201
+ class="pf-v6-c-chip__text"
202
202
  id="simple-inline-chip-group-expandedchip_one_select"
203
203
  >Chip one</span>
204
204
  </span>
205
- <span class="pf-v5-c-chip__actions">
205
+ <span class="pf-v6-c-chip__actions">
206
206
  <button
207
- class="pf-v5-c-button pf-m-plain"
207
+ class="pf-v6-c-button pf-m-plain"
208
208
  type="button"
209
209
  aria-labelledby="simple-inline-chip-group-expandedremove_chip_one_select simple-inline-chip-group-expandedchip_one_select"
210
210
  aria-label="Remove"
@@ -215,17 +215,17 @@ cssPrefix: ['pf-v5-c-chip', 'pf-v5-c-chip-group']
215
215
  </span>
216
216
  </div>
217
217
  </li>
218
- <li class="pf-v5-c-chip-group__list-item">
219
- <div class="pf-v5-c-chip">
220
- <span class="pf-v5-c-chip__content">
218
+ <li class="pf-v6-c-chip-group__list-item">
219
+ <div class="pf-v6-c-chip">
220
+ <span class="pf-v6-c-chip__content">
221
221
  <span
222
- class="pf-v5-c-chip__text"
222
+ class="pf-v6-c-chip__text"
223
223
  id="simple-inline-chip-group-expandedchip_two_select"
224
224
  >Chip two</span>
225
225
  </span>
226
- <span class="pf-v5-c-chip__actions">
226
+ <span class="pf-v6-c-chip__actions">
227
227
  <button
228
- class="pf-v5-c-button pf-m-plain"
228
+ class="pf-v6-c-button pf-m-plain"
229
229
  type="button"
230
230
  aria-labelledby="simple-inline-chip-group-expandedremove_chip_two_select simple-inline-chip-group-expandedchip_two_select"
231
231
  aria-label="Remove"
@@ -236,17 +236,17 @@ cssPrefix: ['pf-v5-c-chip', 'pf-v5-c-chip-group']
236
236
  </span>
237
237
  </div>
238
238
  </li>
239
- <li class="pf-v5-c-chip-group__list-item">
240
- <div class="pf-v5-c-chip">
241
- <span class="pf-v5-c-chip__content">
239
+ <li class="pf-v6-c-chip-group__list-item">
240
+ <div class="pf-v6-c-chip">
241
+ <span class="pf-v6-c-chip__content">
242
242
  <span
243
- class="pf-v5-c-chip__text"
243
+ class="pf-v6-c-chip__text"
244
244
  id="simple-inline-chip-group-expandedchip_three_select"
245
245
  >Chip three</span>
246
246
  </span>
247
- <span class="pf-v5-c-chip__actions">
247
+ <span class="pf-v6-c-chip__actions">
248
248
  <button
249
- class="pf-v5-c-button pf-m-plain"
249
+ class="pf-v6-c-button pf-m-plain"
250
250
  type="button"
251
251
  aria-labelledby="simple-inline-chip-group-expandedremove_chip_three_select simple-inline-chip-group-expandedchip_three_select"
252
252
  aria-label="Remove"
@@ -257,17 +257,17 @@ cssPrefix: ['pf-v5-c-chip', 'pf-v5-c-chip-group']
257
257
  </span>
258
258
  </div>
259
259
  </li>
260
- <li class="pf-v5-c-chip-group__list-item">
261
- <div class="pf-v5-c-chip">
262
- <span class="pf-v5-c-chip__content">
260
+ <li class="pf-v6-c-chip-group__list-item">
261
+ <div class="pf-v6-c-chip">
262
+ <span class="pf-v6-c-chip__content">
263
263
  <span
264
- class="pf-v5-c-chip__text"
264
+ class="pf-v6-c-chip__text"
265
265
  id="simple-inline-chip-group-expandedchip_four_select"
266
266
  >Chip four</span>
267
267
  </span>
268
- <span class="pf-v5-c-chip__actions">
268
+ <span class="pf-v6-c-chip__actions">
269
269
  <button
270
- class="pf-v5-c-button pf-m-plain"
270
+ class="pf-v6-c-button pf-m-plain"
271
271
  type="button"
272
272
  aria-labelledby="simple-inline-chip-group-expandedremove_chip_four_select simple-inline-chip-group-expandedchip_four_select"
273
273
  aria-label="Remove"
@@ -278,17 +278,17 @@ cssPrefix: ['pf-v5-c-chip', 'pf-v5-c-chip-group']
278
278
  </span>
279
279
  </div>
280
280
  </li>
281
- <li class="pf-v5-c-chip-group__list-item">
282
- <div class="pf-v5-c-chip">
283
- <span class="pf-v5-c-chip__content">
281
+ <li class="pf-v6-c-chip-group__list-item">
282
+ <div class="pf-v6-c-chip">
283
+ <span class="pf-v6-c-chip__content">
284
284
  <span
285
- class="pf-v5-c-chip__text"
285
+ class="pf-v6-c-chip__text"
286
286
  id="simple-inline-chip-group-expandedchip_five_select"
287
287
  >Chip five</span>
288
288
  </span>
289
- <span class="pf-v5-c-chip__actions">
289
+ <span class="pf-v6-c-chip__actions">
290
290
  <button
291
- class="pf-v5-c-button pf-m-plain"
291
+ class="pf-v6-c-button pf-m-plain"
292
292
  type="button"
293
293
  aria-labelledby="simple-inline-chip-group-expandedremove_chip_five_select simple-inline-chip-group-expandedchip_five_select"
294
294
  aria-label="Remove"
@@ -299,10 +299,10 @@ cssPrefix: ['pf-v5-c-chip', 'pf-v5-c-chip-group']
299
299
  </span>
300
300
  </div>
301
301
  </li>
302
- <li class="pf-v5-c-chip-group__list-item">
303
- <button class="pf-v5-c-chip pf-m-overflow">
304
- <span class="pf-v5-c-chip__content">
305
- <span class="pf-v5-c-chip__text">Show less</span>
302
+ <li class="pf-v6-c-chip-group__list-item">
303
+ <button class="pf-v6-c-chip pf-m-overflow">
304
+ <span class="pf-v6-c-chip__content">
305
+ <span class="pf-v6-c-chip__text">Show less</span>
306
306
  </span>
307
307
  </button>
308
308
  </li>
@@ -316,31 +316,31 @@ cssPrefix: ['pf-v5-c-chip', 'pf-v5-c-chip-group']
316
316
 
317
317
  ```html
318
318
  <div
319
- class="pf-v5-c-chip-group pf-m-category"
319
+ class="pf-v6-c-chip-group pf-m-category"
320
320
  role="group"
321
321
  aria-labelledby="chip-group-with-categories-label"
322
322
  >
323
- <div class="pf-v5-c-chip-group__main">
323
+ <div class="pf-v6-c-chip-group__main">
324
324
  <span
325
- class="pf-v5-c-chip-group__label"
325
+ class="pf-v6-c-chip-group__label"
326
326
  id="chip-group-with-categories-label"
327
327
  >Category one</span>
328
328
  <ul
329
- class="pf-v5-c-chip-group__list"
329
+ class="pf-v6-c-chip-group__list"
330
330
  role="list"
331
331
  aria-labelledby="chip-group-with-categories-label"
332
332
  >
333
- <li class="pf-v5-c-chip-group__list-item">
334
- <div class="pf-v5-c-chip">
335
- <span class="pf-v5-c-chip__content">
333
+ <li class="pf-v6-c-chip-group__list-item">
334
+ <div class="pf-v6-c-chip">
335
+ <span class="pf-v6-c-chip__content">
336
336
  <span
337
- class="pf-v5-c-chip__text"
337
+ class="pf-v6-c-chip__text"
338
338
  id="chip-group-with-categorieschip_one_toolbar_collapsed"
339
339
  >Chip one</span>
340
340
  </span>
341
- <span class="pf-v5-c-chip__actions">
341
+ <span class="pf-v6-c-chip__actions">
342
342
  <button
343
- class="pf-v5-c-button pf-m-plain"
343
+ class="pf-v6-c-button pf-m-plain"
344
344
  type="button"
345
345
  aria-labelledby="chip-group-with-categoriesremove_chip_one_toolbar_collapsed chip-group-with-categorieschip_one_toolbar_collapsed"
346
346
  aria-label="Remove"
@@ -351,17 +351,17 @@ cssPrefix: ['pf-v5-c-chip', 'pf-v5-c-chip-group']
351
351
  </span>
352
352
  </div>
353
353
  </li>
354
- <li class="pf-v5-c-chip-group__list-item">
355
- <div class="pf-v5-c-chip">
356
- <span class="pf-v5-c-chip__content">
354
+ <li class="pf-v6-c-chip-group__list-item">
355
+ <div class="pf-v6-c-chip">
356
+ <span class="pf-v6-c-chip__content">
357
357
  <span
358
- class="pf-v5-c-chip__text"
358
+ class="pf-v6-c-chip__text"
359
359
  id="chip-group-with-categorieschip_two_toolbar_collapsed"
360
360
  >Chip two</span>
361
361
  </span>
362
- <span class="pf-v5-c-chip__actions">
362
+ <span class="pf-v6-c-chip__actions">
363
363
  <button
364
- class="pf-v5-c-button pf-m-plain"
364
+ class="pf-v6-c-button pf-m-plain"
365
365
  type="button"
366
366
  aria-labelledby="chip-group-with-categoriesremove_chip_two_toolbar_collapsed chip-group-with-categorieschip_two_toolbar_collapsed"
367
367
  aria-label="Remove"
@@ -372,17 +372,17 @@ cssPrefix: ['pf-v5-c-chip', 'pf-v5-c-chip-group']
372
372
  </span>
373
373
  </div>
374
374
  </li>
375
- <li class="pf-v5-c-chip-group__list-item">
376
- <div class="pf-v5-c-chip">
377
- <span class="pf-v5-c-chip__content">
375
+ <li class="pf-v6-c-chip-group__list-item">
376
+ <div class="pf-v6-c-chip">
377
+ <span class="pf-v6-c-chip__content">
378
378
  <span
379
- class="pf-v5-c-chip__text"
379
+ class="pf-v6-c-chip__text"
380
380
  id="chip-group-with-categorieschip_three_toolbar_collapsed"
381
381
  >Chip three</span>
382
382
  </span>
383
- <span class="pf-v5-c-chip__actions">
383
+ <span class="pf-v6-c-chip__actions">
384
384
  <button
385
- class="pf-v5-c-button pf-m-plain"
385
+ class="pf-v6-c-button pf-m-plain"
386
386
  type="button"
387
387
  aria-labelledby="chip-group-with-categoriesremove_chip_three_toolbar_collapsed chip-group-with-categorieschip_three_toolbar_collapsed"
388
388
  aria-label="Remove"
@@ -403,31 +403,31 @@ cssPrefix: ['pf-v5-c-chip', 'pf-v5-c-chip-group']
403
403
 
404
404
  ```html
405
405
  <div
406
- class="pf-v5-c-chip-group pf-m-category"
406
+ class="pf-v6-c-chip-group pf-m-category"
407
407
  role="group"
408
408
  aria-labelledby="chip-group-with-categories-overflow-label"
409
409
  >
410
- <div class="pf-v5-c-chip-group__main">
410
+ <div class="pf-v6-c-chip-group__main">
411
411
  <span
412
- class="pf-v5-c-chip-group__label"
412
+ class="pf-v6-c-chip-group__label"
413
413
  id="chip-group-with-categories-overflow-label"
414
414
  >Category one</span>
415
415
  <ul
416
- class="pf-v5-c-chip-group__list"
416
+ class="pf-v6-c-chip-group__list"
417
417
  role="list"
418
418
  aria-labelledby="chip-group-with-categories-overflow-label"
419
419
  >
420
- <li class="pf-v5-c-chip-group__list-item">
421
- <div class="pf-v5-c-chip">
422
- <span class="pf-v5-c-chip__content">
420
+ <li class="pf-v6-c-chip-group__list-item">
421
+ <div class="pf-v6-c-chip">
422
+ <span class="pf-v6-c-chip__content">
423
423
  <span
424
- class="pf-v5-c-chip__text"
424
+ class="pf-v6-c-chip__text"
425
425
  id="chip-group-with-categories-overflowchip_one_toolbar_collapsed"
426
426
  >Chip one</span>
427
427
  </span>
428
- <span class="pf-v5-c-chip__actions">
428
+ <span class="pf-v6-c-chip__actions">
429
429
  <button
430
- class="pf-v5-c-button pf-m-plain"
430
+ class="pf-v6-c-button pf-m-plain"
431
431
  type="button"
432
432
  aria-labelledby="chip-group-with-categories-overflowremove_chip_one_toolbar_collapsed chip-group-with-categories-overflowchip_one_toolbar_collapsed"
433
433
  aria-label="Remove"
@@ -438,17 +438,17 @@ cssPrefix: ['pf-v5-c-chip', 'pf-v5-c-chip-group']
438
438
  </span>
439
439
  </div>
440
440
  </li>
441
- <li class="pf-v5-c-chip-group__list-item">
442
- <div class="pf-v5-c-chip">
443
- <span class="pf-v5-c-chip__content">
441
+ <li class="pf-v6-c-chip-group__list-item">
442
+ <div class="pf-v6-c-chip">
443
+ <span class="pf-v6-c-chip__content">
444
444
  <span
445
- class="pf-v5-c-chip__text"
445
+ class="pf-v6-c-chip__text"
446
446
  id="chip-group-with-categories-overflowchip_two_toolbar_collapsed"
447
447
  >Chip two</span>
448
448
  </span>
449
- <span class="pf-v5-c-chip__actions">
449
+ <span class="pf-v6-c-chip__actions">
450
450
  <button
451
- class="pf-v5-c-button pf-m-plain"
451
+ class="pf-v6-c-button pf-m-plain"
452
452
  type="button"
453
453
  aria-labelledby="chip-group-with-categories-overflowremove_chip_two_toolbar_collapsed chip-group-with-categories-overflowchip_two_toolbar_collapsed"
454
454
  aria-label="Remove"
@@ -459,17 +459,17 @@ cssPrefix: ['pf-v5-c-chip', 'pf-v5-c-chip-group']
459
459
  </span>
460
460
  </div>
461
461
  </li>
462
- <li class="pf-v5-c-chip-group__list-item">
463
- <div class="pf-v5-c-chip">
464
- <span class="pf-v5-c-chip__content">
462
+ <li class="pf-v6-c-chip-group__list-item">
463
+ <div class="pf-v6-c-chip">
464
+ <span class="pf-v6-c-chip__content">
465
465
  <span
466
- class="pf-v5-c-chip__text"
466
+ class="pf-v6-c-chip__text"
467
467
  id="chip-group-with-categories-overflowchip_three_toolbar_collapsed"
468
468
  >Chip three</span>
469
469
  </span>
470
- <span class="pf-v5-c-chip__actions">
470
+ <span class="pf-v6-c-chip__actions">
471
471
  <button
472
- class="pf-v5-c-button pf-m-plain"
472
+ class="pf-v6-c-button pf-m-plain"
473
473
  type="button"
474
474
  aria-labelledby="chip-group-with-categories-overflowremove_chip_three_toolbar_collapsed chip-group-with-categories-overflowchip_three_toolbar_collapsed"
475
475
  aria-label="Remove"
@@ -480,10 +480,10 @@ cssPrefix: ['pf-v5-c-chip', 'pf-v5-c-chip-group']
480
480
  </span>
481
481
  </div>
482
482
  </li>
483
- <li class="pf-v5-c-chip-group__list-item">
484
- <button class="pf-v5-c-chip pf-m-overflow">
485
- <span class="pf-v5-c-chip__content">
486
- <span class="pf-v5-c-chip__text">2 more</span>
483
+ <li class="pf-v6-c-chip-group__list-item">
484
+ <button class="pf-v6-c-chip pf-m-overflow">
485
+ <span class="pf-v6-c-chip__content">
486
+ <span class="pf-v6-c-chip__text">2 more</span>
487
487
  </span>
488
488
  </button>
489
489
  </li>
@@ -497,31 +497,31 @@ cssPrefix: ['pf-v5-c-chip', 'pf-v5-c-chip-group']
497
497
 
498
498
  ```html
499
499
  <div
500
- class="pf-v5-c-chip-group pf-m-category"
500
+ class="pf-v6-c-chip-group pf-m-category"
501
501
  role="group"
502
502
  aria-labelledby="chip-group-with-categories-overflow-expanded-label"
503
503
  >
504
- <div class="pf-v5-c-chip-group__main">
504
+ <div class="pf-v6-c-chip-group__main">
505
505
  <span
506
- class="pf-v5-c-chip-group__label"
506
+ class="pf-v6-c-chip-group__label"
507
507
  id="chip-group-with-categories-overflow-expanded-label"
508
508
  >Category one</span>
509
509
  <ul
510
- class="pf-v5-c-chip-group__list"
510
+ class="pf-v6-c-chip-group__list"
511
511
  role="list"
512
512
  aria-labelledby="chip-group-with-categories-overflow-expanded-label"
513
513
  >
514
- <li class="pf-v5-c-chip-group__list-item">
515
- <div class="pf-v5-c-chip">
516
- <span class="pf-v5-c-chip__content">
514
+ <li class="pf-v6-c-chip-group__list-item">
515
+ <div class="pf-v6-c-chip">
516
+ <span class="pf-v6-c-chip__content">
517
517
  <span
518
- class="pf-v5-c-chip__text"
518
+ class="pf-v6-c-chip__text"
519
519
  id="chip-group-with-categories-overflow-expandedchip_one_toolbar"
520
520
  >Chip one</span>
521
521
  </span>
522
- <span class="pf-v5-c-chip__actions">
522
+ <span class="pf-v6-c-chip__actions">
523
523
  <button
524
- class="pf-v5-c-button pf-m-plain"
524
+ class="pf-v6-c-button pf-m-plain"
525
525
  type="button"
526
526
  aria-labelledby="chip-group-with-categories-overflow-expandedremove_chip_one_toolbar chip-group-with-categories-overflow-expandedchip_one_toolbar"
527
527
  aria-label="Remove"
@@ -532,17 +532,17 @@ cssPrefix: ['pf-v5-c-chip', 'pf-v5-c-chip-group']
532
532
  </span>
533
533
  </div>
534
534
  </li>
535
- <li class="pf-v5-c-chip-group__list-item">
536
- <div class="pf-v5-c-chip">
537
- <span class="pf-v5-c-chip__content">
535
+ <li class="pf-v6-c-chip-group__list-item">
536
+ <div class="pf-v6-c-chip">
537
+ <span class="pf-v6-c-chip__content">
538
538
  <span
539
- class="pf-v5-c-chip__text"
539
+ class="pf-v6-c-chip__text"
540
540
  id="chip-group-with-categories-overflow-expandedchip_two_toolbar"
541
541
  >Chip two</span>
542
542
  </span>
543
- <span class="pf-v5-c-chip__actions">
543
+ <span class="pf-v6-c-chip__actions">
544
544
  <button
545
- class="pf-v5-c-button pf-m-plain"
545
+ class="pf-v6-c-button pf-m-plain"
546
546
  type="button"
547
547
  aria-labelledby="chip-group-with-categories-overflow-expandedremove_chip_two_toolbar chip-group-with-categories-overflow-expandedchip_two_toolbar"
548
548
  aria-label="Remove"
@@ -553,17 +553,17 @@ cssPrefix: ['pf-v5-c-chip', 'pf-v5-c-chip-group']
553
553
  </span>
554
554
  </div>
555
555
  </li>
556
- <li class="pf-v5-c-chip-group__list-item">
557
- <div class="pf-v5-c-chip">
558
- <span class="pf-v5-c-chip__content">
556
+ <li class="pf-v6-c-chip-group__list-item">
557
+ <div class="pf-v6-c-chip">
558
+ <span class="pf-v6-c-chip__content">
559
559
  <span
560
- class="pf-v5-c-chip__text"
560
+ class="pf-v6-c-chip__text"
561
561
  id="chip-group-with-categories-overflow-expandedchip_three_toolbar"
562
562
  >Chip three</span>
563
563
  </span>
564
- <span class="pf-v5-c-chip__actions">
564
+ <span class="pf-v6-c-chip__actions">
565
565
  <button
566
- class="pf-v5-c-button pf-m-plain"
566
+ class="pf-v6-c-button pf-m-plain"
567
567
  type="button"
568
568
  aria-labelledby="chip-group-with-categories-overflow-expandedremove_chip_three_toolbar chip-group-with-categories-overflow-expandedchip_three_toolbar"
569
569
  aria-label="Remove"
@@ -574,17 +574,17 @@ cssPrefix: ['pf-v5-c-chip', 'pf-v5-c-chip-group']
574
574
  </span>
575
575
  </div>
576
576
  </li>
577
- <li class="pf-v5-c-chip-group__list-item">
578
- <div class="pf-v5-c-chip">
579
- <span class="pf-v5-c-chip__content">
577
+ <li class="pf-v6-c-chip-group__list-item">
578
+ <div class="pf-v6-c-chip">
579
+ <span class="pf-v6-c-chip__content">
580
580
  <span
581
- class="pf-v5-c-chip__text"
581
+ class="pf-v6-c-chip__text"
582
582
  id="chip-group-with-categories-overflow-expandedchip_four_toolbar"
583
583
  >Chip four</span>
584
584
  </span>
585
- <span class="pf-v5-c-chip__actions">
585
+ <span class="pf-v6-c-chip__actions">
586
586
  <button
587
- class="pf-v5-c-button pf-m-plain"
587
+ class="pf-v6-c-button pf-m-plain"
588
588
  type="button"
589
589
  aria-labelledby="chip-group-with-categories-overflow-expandedremove_chip_four_toolbar chip-group-with-categories-overflow-expandedchip_four_toolbar"
590
590
  aria-label="Remove"
@@ -595,17 +595,17 @@ cssPrefix: ['pf-v5-c-chip', 'pf-v5-c-chip-group']
595
595
  </span>
596
596
  </div>
597
597
  </li>
598
- <li class="pf-v5-c-chip-group__list-item">
599
- <div class="pf-v5-c-chip">
600
- <span class="pf-v5-c-chip__content">
598
+ <li class="pf-v6-c-chip-group__list-item">
599
+ <div class="pf-v6-c-chip">
600
+ <span class="pf-v6-c-chip__content">
601
601
  <span
602
- class="pf-v5-c-chip__text"
602
+ class="pf-v6-c-chip__text"
603
603
  id="chip-group-with-categories-overflow-expandedchip_five_select"
604
604
  >Chip five</span>
605
605
  </span>
606
- <span class="pf-v5-c-chip__actions">
606
+ <span class="pf-v6-c-chip__actions">
607
607
  <button
608
- class="pf-v5-c-button pf-m-plain"
608
+ class="pf-v6-c-button pf-m-plain"
609
609
  type="button"
610
610
  aria-labelledby="chip-group-with-categories-overflow-expandedremove_chip_five_select chip-group-with-categories-overflow-expandedchip_five_select"
611
611
  aria-label="Remove"
@@ -616,10 +616,10 @@ cssPrefix: ['pf-v5-c-chip', 'pf-v5-c-chip-group']
616
616
  </span>
617
617
  </div>
618
618
  </li>
619
- <li class="pf-v5-c-chip-group__list-item">
620
- <button class="pf-v5-c-chip pf-m-overflow">
621
- <span class="pf-v5-c-chip__content">
622
- <span class="pf-v5-c-chip__text">Show less</span>
619
+ <li class="pf-v6-c-chip-group__list-item">
620
+ <button class="pf-v6-c-chip pf-m-overflow">
621
+ <span class="pf-v6-c-chip__content">
622
+ <span class="pf-v6-c-chip__text">Show less</span>
623
623
  </span>
624
624
  </button>
625
625
  </li>
@@ -633,31 +633,31 @@ cssPrefix: ['pf-v5-c-chip', 'pf-v5-c-chip-group']
633
633
 
634
634
  ```html
635
635
  <div
636
- class="pf-v5-c-chip-group pf-m-category"
636
+ class="pf-v6-c-chip-group pf-m-category"
637
637
  role="group"
638
638
  aria-labelledby="chip-group-with-categories-removable-label"
639
639
  >
640
- <div class="pf-v5-c-chip-group__main">
640
+ <div class="pf-v6-c-chip-group__main">
641
641
  <span
642
- class="pf-v5-c-chip-group__label"
642
+ class="pf-v6-c-chip-group__label"
643
643
  id="chip-group-with-categories-removable-label"
644
644
  >Category one</span>
645
645
  <ul
646
- class="pf-v5-c-chip-group__list"
646
+ class="pf-v6-c-chip-group__list"
647
647
  role="list"
648
648
  aria-labelledby="chip-group-with-categories-removable-label"
649
649
  >
650
- <li class="pf-v5-c-chip-group__list-item">
651
- <div class="pf-v5-c-chip">
652
- <span class="pf-v5-c-chip__content">
650
+ <li class="pf-v6-c-chip-group__list-item">
651
+ <div class="pf-v6-c-chip">
652
+ <span class="pf-v6-c-chip__content">
653
653
  <span
654
- class="pf-v5-c-chip__text"
654
+ class="pf-v6-c-chip__text"
655
655
  id="chip-group-with-categories-removablechip_one_toolbar"
656
656
  >Chip one</span>
657
657
  </span>
658
- <span class="pf-v5-c-chip__actions">
658
+ <span class="pf-v6-c-chip__actions">
659
659
  <button
660
- class="pf-v5-c-button pf-m-plain"
660
+ class="pf-v6-c-button pf-m-plain"
661
661
  type="button"
662
662
  aria-labelledby="chip-group-with-categories-removableremove_chip_one_toolbar chip-group-with-categories-removablechip_one_toolbar"
663
663
  aria-label="Remove"
@@ -668,17 +668,17 @@ cssPrefix: ['pf-v5-c-chip', 'pf-v5-c-chip-group']
668
668
  </span>
669
669
  </div>
670
670
  </li>
671
- <li class="pf-v5-c-chip-group__list-item">
672
- <div class="pf-v5-c-chip">
673
- <span class="pf-v5-c-chip__content">
671
+ <li class="pf-v6-c-chip-group__list-item">
672
+ <div class="pf-v6-c-chip">
673
+ <span class="pf-v6-c-chip__content">
674
674
  <span
675
- class="pf-v5-c-chip__text"
675
+ class="pf-v6-c-chip__text"
676
676
  id="chip-group-with-categories-removablechip_two_toolbar"
677
677
  >Chip two</span>
678
678
  </span>
679
- <span class="pf-v5-c-chip__actions">
679
+ <span class="pf-v6-c-chip__actions">
680
680
  <button
681
- class="pf-v5-c-button pf-m-plain"
681
+ class="pf-v6-c-button pf-m-plain"
682
682
  type="button"
683
683
  aria-labelledby="chip-group-with-categories-removableremove_chip_two_toolbar chip-group-with-categories-removablechip_two_toolbar"
684
684
  aria-label="Remove"
@@ -689,17 +689,17 @@ cssPrefix: ['pf-v5-c-chip', 'pf-v5-c-chip-group']
689
689
  </span>
690
690
  </div>
691
691
  </li>
692
- <li class="pf-v5-c-chip-group__list-item">
693
- <div class="pf-v5-c-chip">
694
- <span class="pf-v5-c-chip__content">
692
+ <li class="pf-v6-c-chip-group__list-item">
693
+ <div class="pf-v6-c-chip">
694
+ <span class="pf-v6-c-chip__content">
695
695
  <span
696
- class="pf-v5-c-chip__text"
696
+ class="pf-v6-c-chip__text"
697
697
  id="chip-group-with-categories-removablechip_three_toolbar"
698
698
  >Chip three</span>
699
699
  </span>
700
- <span class="pf-v5-c-chip__actions">
700
+ <span class="pf-v6-c-chip__actions">
701
701
  <button
702
- class="pf-v5-c-button pf-m-plain"
702
+ class="pf-v6-c-button pf-m-plain"
703
703
  type="button"
704
704
  aria-labelledby="chip-group-with-categories-removableremove_chip_three_toolbar chip-group-with-categories-removablechip_three_toolbar"
705
705
  aria-label="Remove"
@@ -710,17 +710,17 @@ cssPrefix: ['pf-v5-c-chip', 'pf-v5-c-chip-group']
710
710
  </span>
711
711
  </div>
712
712
  </li>
713
- <li class="pf-v5-c-chip-group__list-item">
714
- <div class="pf-v5-c-chip">
715
- <span class="pf-v5-c-chip__content">
713
+ <li class="pf-v6-c-chip-group__list-item">
714
+ <div class="pf-v6-c-chip">
715
+ <span class="pf-v6-c-chip__content">
716
716
  <span
717
- class="pf-v5-c-chip__text"
717
+ class="pf-v6-c-chip__text"
718
718
  id="chip-group-with-categories-removablechip_four_toolbar"
719
719
  >Chip four</span>
720
720
  </span>
721
- <span class="pf-v5-c-chip__actions">
721
+ <span class="pf-v6-c-chip__actions">
722
722
  <button
723
- class="pf-v5-c-button pf-m-plain"
723
+ class="pf-v6-c-button pf-m-plain"
724
724
  type="button"
725
725
  aria-labelledby="chip-group-with-categories-removableremove_chip_four_toolbar chip-group-with-categories-removablechip_four_toolbar"
726
726
  aria-label="Remove"
@@ -731,17 +731,17 @@ cssPrefix: ['pf-v5-c-chip', 'pf-v5-c-chip-group']
731
731
  </span>
732
732
  </div>
733
733
  </li>
734
- <li class="pf-v5-c-chip-group__list-item">
735
- <div class="pf-v5-c-chip">
736
- <span class="pf-v5-c-chip__content">
734
+ <li class="pf-v6-c-chip-group__list-item">
735
+ <div class="pf-v6-c-chip">
736
+ <span class="pf-v6-c-chip__content">
737
737
  <span
738
- class="pf-v5-c-chip__text"
738
+ class="pf-v6-c-chip__text"
739
739
  id="chip-group-with-categories-removablechip_five_toolbar"
740
740
  >Chip five</span>
741
741
  </span>
742
- <span class="pf-v5-c-chip__actions">
742
+ <span class="pf-v6-c-chip__actions">
743
743
  <button
744
- class="pf-v5-c-button pf-m-plain"
744
+ class="pf-v6-c-button pf-m-plain"
745
745
  type="button"
746
746
  aria-labelledby="chip-group-with-categories-removableremove_chip_five_toolbar chip-group-with-categories-removablechip_five_toolbar"
747
747
  aria-label="Remove"
@@ -752,17 +752,17 @@ cssPrefix: ['pf-v5-c-chip', 'pf-v5-c-chip-group']
752
752
  </span>
753
753
  </div>
754
754
  </li>
755
- <li class="pf-v5-c-chip-group__list-item">
756
- <div class="pf-v5-c-chip">
757
- <span class="pf-v5-c-chip__content">
755
+ <li class="pf-v6-c-chip-group__list-item">
756
+ <div class="pf-v6-c-chip">
757
+ <span class="pf-v6-c-chip__content">
758
758
  <span
759
- class="pf-v5-c-chip__text"
759
+ class="pf-v6-c-chip__text"
760
760
  id="chip-group-with-categories-removablechip_six_toolbar"
761
761
  >Chip six</span>
762
762
  </span>
763
- <span class="pf-v5-c-chip__actions">
763
+ <span class="pf-v6-c-chip__actions">
764
764
  <button
765
- class="pf-v5-c-button pf-m-plain"
765
+ class="pf-v6-c-button pf-m-plain"
766
766
  type="button"
767
767
  aria-labelledby="chip-group-with-categories-removableremove_chip_six_toolbar chip-group-with-categories-removablechip_six_toolbar"
768
768
  aria-label="Remove"
@@ -775,9 +775,9 @@ cssPrefix: ['pf-v5-c-chip', 'pf-v5-c-chip-group']
775
775
  </li>
776
776
  </ul>
777
777
  </div>
778
- <div class="pf-v5-c-chip-group__close">
778
+ <div class="pf-v6-c-chip-group__close">
779
779
  <button
780
- class="pf-v5-c-button pf-m-plain"
780
+ class="pf-v6-c-button pf-m-plain"
781
781
  type="button"
782
782
  aria-labelledby="chip-group-with-categories-removable-button chip-group-with-categories-removable-label"
783
783
  aria-label="Close chip group"