@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/DatePicker/examples/DatePicker.md CHANGED
@@ -10,11 +10,11 @@ cssPrefix: pf-v5-c-date-picker
10
10
  ### Basic
11
11
 
12
12
  ```html
13
- <div class="pf-v5-c-date-picker">
14
- <div class="pf-v5-c-date-picker__input">
15
- <div class="pf-v5-c-input-group">
16
- <div class="pf-v5-c-input-group__item pf-m-fill">
17
- <span class="pf-v5-c-form-control">
13
+ <div class="pf-v6-c-date-picker">
14
+ <div class="pf-v6-c-date-picker__input">
15
+ <div class="pf-v6-c-input-group">
16
+ <div class="pf-v6-c-input-group__item pf-m-fill">
17
+ <span class="pf-v6-c-form-control">
18
18
  <input
19
19
  type="text"
20
20
  value="2020-03-05"
@@ -24,9 +24,9 @@ cssPrefix: pf-v5-c-date-picker
24
24
  />
25
25
  </span>
26
26
  </div>
27
- <div class="pf-v5-c-input-group__item">
27
+ <div class="pf-v6-c-input-group__item">
28
28
  <button
29
- class="pf-v5-c-button pf-m-control"
29
+ class="pf-v6-c-button pf-m-control"
30
30
  type="button"
31
31
  aria-label="Toggle date picker"
32
32
  >
@@ -42,11 +42,11 @@ cssPrefix: pf-v5-c-date-picker
42
42
  ### Helper text
43
43
 
44
44
  ```html
45
- <div class="pf-v5-c-date-picker">
46
- <div class="pf-v5-c-date-picker__input">
47
- <div class="pf-v5-c-input-group">
48
- <div class="pf-v5-c-input-group__item pf-m-fill">
49
- <span class="pf-v5-c-form-control">
45
+ <div class="pf-v6-c-date-picker">
46
+ <div class="pf-v6-c-date-picker__input">
47
+ <div class="pf-v6-c-input-group">
48
+ <div class="pf-v6-c-input-group__item pf-m-fill">
49
+ <span class="pf-v6-c-form-control">
50
50
  <input
51
51
  type="text"
52
52
  value="2020-03-05"
@@ -56,9 +56,9 @@ cssPrefix: pf-v5-c-date-picker
56
56
  />
57
57
  </span>
58
58
  </div>
59
- <div class="pf-v5-c-input-group__item">
59
+ <div class="pf-v6-c-input-group__item">
60
60
  <button
61
- class="pf-v5-c-button pf-m-control"
61
+ class="pf-v6-c-button pf-m-control"
62
62
  type="button"
63
63
  aria-label="Toggle date picker"
64
64
  >
@@ -67,10 +67,10 @@ cssPrefix: pf-v5-c-date-picker
67
67
  </div>
68
68
  </div>
69
69
  </div>
70
- <div class="pf-v5-c-date-picker__helper-text">
71
- <div class="pf-v5-c-helper-text">
72
- <div class="pf-v5-c-helper-text__item">
73
- <span class="pf-v5-c-helper-text__item-text">Select a date</span>
70
+ <div class="pf-v6-c-date-picker__helper-text">
71
+ <div class="pf-v6-c-helper-text">
72
+ <div class="pf-v6-c-helper-text__item">
73
+ <span class="pf-v6-c-helper-text__item-text">Select a date</span>
74
74
  </div>
75
75
  </div>
76
76
  </div>
@@ -81,11 +81,11 @@ cssPrefix: pf-v5-c-date-picker
81
81
  ### Invalid
82
82
 
83
83
  ```html
84
- <div class="pf-v5-c-date-picker">
85
- <div class="pf-v5-c-date-picker__input">
86
- <div class="pf-v5-c-input-group">
87
- <div class="pf-v5-c-input-group__item pf-m-fill">
88
- <span class="pf-v5-c-form-control pf-m-error">
84
+ <div class="pf-v6-c-date-picker">
85
+ <div class="pf-v6-c-date-picker__input">
86
+ <div class="pf-v6-c-input-group">
87
+ <div class="pf-v6-c-input-group__item pf-m-fill">
88
+ <span class="pf-v6-c-form-control pf-m-error">
89
89
  <input
90
90
  aria-invalid="true"
91
91
  type="text"
@@ -94,16 +94,16 @@ cssPrefix: pf-v5-c-date-picker
94
94
  name="invalid-input"
95
95
  aria-label="Date picker"
96
96
  />
97
- <span class="pf-v5-c-form-control__utilities">
98
- <span class="pf-v5-c-form-control__icon pf-m-status">
97
+ <span class="pf-v6-c-form-control__utilities">
98
+ <span class="pf-v6-c-form-control__icon pf-m-status">
99
99
  <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
100
100
  </span>
101
101
  </span>
102
102
  </span>
103
103
  </div>
104
- <div class="pf-v5-c-input-group__item">
104
+ <div class="pf-v6-c-input-group__item">
105
105
  <button
106
- class="pf-v5-c-button pf-m-control"
106
+ class="pf-v6-c-button pf-m-control"
107
107
  type="button"
108
108
  aria-label="Toggle date picker"
109
109
  >
@@ -112,13 +112,13 @@ cssPrefix: pf-v5-c-date-picker
112
112
  </div>
113
113
  </div>
114
114
  </div>
115
- <div class="pf-v5-c-date-picker__helper-text">
116
- <div class="pf-v5-c-helper-text">
117
- <div class="pf-v5-c-helper-text__item pf-m-error">
118
- <span class="pf-v5-c-helper-text__item-icon">
115
+ <div class="pf-v6-c-date-picker__helper-text">
116
+ <div class="pf-v6-c-helper-text">
117
+ <div class="pf-v6-c-helper-text__item pf-m-error">
118
+ <span class="pf-v6-c-helper-text__item-icon">
119
119
  <i class="fas fa-fw fa-exclamation-circle" aria-hidden="true"></i>
120
120
  </span>
121
- <span class="pf-v5-c-helper-text__item-text">Invalid date</span>
121
+ <span class="pf-v6-c-helper-text__item-text">Invalid date</span>
122
122
  </div>
123
123
  </div>
124
124
  </div>
@@ -129,11 +129,11 @@ cssPrefix: pf-v5-c-date-picker
129
129
  ### Expanded
130
130
 
131
131
  ```html
132
- <div class="pf-v5-c-date-picker">
133
- <div class="pf-v5-c-date-picker__input">
134
- <div class="pf-v5-c-input-group">
135
- <div class="pf-v5-c-input-group__item pf-m-fill">
136
- <span class="pf-v5-c-form-control">
132
+ <div class="pf-v6-c-date-picker">
133
+ <div class="pf-v6-c-date-picker__input">
134
+ <div class="pf-v6-c-input-group">
135
+ <div class="pf-v6-c-input-group__item pf-m-fill">
136
+ <span class="pf-v6-c-form-control">
137
137
  <input
138
138
  type="text"
139
139
  value="2020-03-05"
@@ -143,9 +143,9 @@ cssPrefix: pf-v5-c-date-picker
143
143
  />
144
144
  </span>
145
145
  </div>
146
- <div class="pf-v5-c-input-group__item">
146
+ <div class="pf-v6-c-input-group__item">
147
147
  <button
148
- class="pf-v5-c-button pf-m-control"
148
+ class="pf-v6-c-button pf-m-control"
149
149
  type="button"
150
150
  aria-label="Toggle date picker"
151
151
  >
@@ -154,7 +154,7 @@ cssPrefix: pf-v5-c-date-picker
154
154
  </div>
155
155
  </div>
156
156
  </div>
157
- <div class="pf-v5-c-date-picker__calendar">Calendar</div>
157
+ <div class="pf-v6-c-date-picker__calendar">Calendar</div>
158
158
  </div>
159
159
 
160
160
  ```
@@ -163,13 +163,13 @@ cssPrefix: pf-v5-c-date-picker
163
163
 
164
164
  ```html
165
165
  <div
166
- class="pf-v5-c-date-picker"
166
+ class="pf-v6-c-date-picker"
167
167
  style="--pf-v5-c-date-picker__input--c-form-control--Width: 220px;"
168
168
  >
169
- <div class="pf-v5-c-date-picker__input">
170
- <div class="pf-v5-c-input-group">
171
- <div class="pf-v5-c-input-group__item pf-m-fill">
172
- <span class="pf-v5-c-form-control">
169
+ <div class="pf-v6-c-date-picker__input">
170
+ <div class="pf-v6-c-input-group">
171
+ <div class="pf-v6-c-input-group__item pf-m-fill">
172
+ <span class="pf-v6-c-form-control">
173
173
  <input
174
174
  type="text"
175
175
  value="November 20, 2020"
@@ -179,9 +179,9 @@ cssPrefix: pf-v5-c-date-picker
179
179
  />
180
180
  </span>
181
181
  </div>
182
- <div class="pf-v5-c-input-group__item">
182
+ <div class="pf-v6-c-input-group__item">
183
183
  <button
184
- class="pf-v5-c-button pf-m-control"
184
+ class="pf-v6-c-button pf-m-control"
185
185
  type="button"
186
186
  aria-label="Toggle date picker"
187
187
  >
@@ -198,13 +198,13 @@ cssPrefix: pf-v5-c-date-picker
198
198
 
199
199
  ```html
200
200
  <div
201
- class="pf-v5-c-date-picker"
201
+ class="pf-v6-c-date-picker"
202
202
  style="--pf-v5-c-date-picker__input--c-form-control--width-chars: 18;"
203
203
  >
204
- <div class="pf-v5-c-date-picker__input">
205
- <div class="pf-v5-c-input-group">
206
- <div class="pf-v5-c-input-group__item pf-m-fill">
207
- <span class="pf-v5-c-form-control">
204
+ <div class="pf-v6-c-date-picker__input">
205
+ <div class="pf-v6-c-input-group">
206
+ <div class="pf-v6-c-input-group__item pf-m-fill">
207
+ <span class="pf-v6-c-form-control">
208
208
  <input
209
209
  type="text"
210
210
  value="November 20, 2020"
@@ -214,9 +214,9 @@ cssPrefix: pf-v5-c-date-picker
214
214
  />
215
215
  </span>
216
216
  </div>
217
- <div class="pf-v5-c-input-group__item">
217
+ <div class="pf-v6-c-input-group__item">
218
218
  <button
219
- class="pf-v5-c-button pf-m-control"
219
+ class="pf-v6-c-button pf-m-control"
220
220
  type="button"
221
221
  aria-label="Toggle date picker"
222
222
  >