@patternfly/patternfly 6.0.0-prerelease.9 → 6.1.0-prerelease.1

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 (196) hide show
  1. package/README.md +1 -1
  2. package/base/normalize.scss +16 -0
  3. package/base/patternfly-variables.css +84 -62
  4. package/base/tokens/tokens-charts-dark.scss +1 -1
  5. package/base/tokens/tokens-charts.scss +1 -1
  6. package/base/tokens/tokens-dark.scss +12 -4
  7. package/base/tokens/tokens-default.scss +44 -27
  8. package/base/tokens/tokens-local.scss +30 -35
  9. package/base/tokens/tokens-palette.scss +1 -1
  10. package/components/AboutModalBox/about-modal-box.css +0 -7
  11. package/components/Accordion/accordion.css +0 -1
  12. package/components/ActionList/action-list.css +1 -2
  13. package/components/ActionList/action-list.scss +1 -1
  14. package/components/Alert/alert-group.css +0 -1
  15. package/components/Alert/alert.css +2 -7
  16. package/components/Alert/alert.scss +2 -7
  17. package/components/Avatar/avatar.css +0 -1
  18. package/components/BackToTop/back-to-top.css +0 -2
  19. package/components/Backdrop/backdrop.css +0 -1
  20. package/components/BackgroundImage/background-image.css +0 -1
  21. package/components/Badge/badge.css +0 -1
  22. package/components/Banner/banner.css +0 -2
  23. package/components/Brand/brand.css +0 -1
  24. package/components/Breadcrumb/breadcrumb.css +0 -1
  25. package/components/Button/button.css +8 -1
  26. package/components/Button/button.scss +8 -0
  27. package/components/CalendarMonth/calendar-month.css +0 -1
  28. package/components/Card/card.css +0 -1
  29. package/components/Check/check.css +0 -1
  30. package/components/ClipboardCopy/clipboard-copy.css +0 -1
  31. package/components/CodeBlock/code-block.css +0 -1
  32. package/components/CodeEditor/code-editor.css +0 -1
  33. package/components/Content/content.css +2 -3
  34. package/components/Content/content.scss +2 -2
  35. package/components/DataList/data-list.css +4 -16
  36. package/components/DataList/data-list.scss +4 -14
  37. package/components/DatePicker/date-picker.css +0 -1
  38. package/components/DescriptionList/description-list.css +2 -9
  39. package/components/DescriptionList/description-list.scss +2 -2
  40. package/components/Divider/divider.css +0 -1
  41. package/components/DragDrop/drag-drop.css +0 -2
  42. package/components/Drawer/drawer.css +0 -7
  43. package/components/Drawer/drawer.scss +0 -5
  44. package/components/DualListSelector/dual-list-selector.css +0 -1
  45. package/components/EmptyState/empty-state.css +1 -2
  46. package/components/EmptyState/empty-state.scss +1 -1
  47. package/components/ExpandableSection/expandable-section.css +0 -1
  48. package/components/FileUpload/file-upload.css +0 -1
  49. package/components/Form/form.css +1 -2
  50. package/components/Form/form.scss +1 -1
  51. package/components/FormControl/form-control.css +22 -4
  52. package/components/FormControl/form-control.scss +27 -4
  53. package/components/HelperText/helper-text.css +0 -1
  54. package/components/Hint/hint.css +0 -1
  55. package/components/Icon/icon.css +0 -1
  56. package/components/InlineEdit/inline-edit.css +0 -1
  57. package/components/InputGroup/input-group.css +0 -1
  58. package/components/JumpLinks/jump-links.css +0 -1
  59. package/components/Label/label-group.css +0 -1
  60. package/components/Label/label.css +0 -1
  61. package/components/List/list.css +0 -1
  62. package/components/Login/login.css +0 -9
  63. package/components/Masthead/masthead.css +0 -1
  64. package/components/Menu/menu.css +0 -1
  65. package/components/MenuToggle/menu-toggle.css +66 -56
  66. package/components/MenuToggle/menu-toggle.scss +76 -65
  67. package/components/ModalBox/modal-box.css +0 -2
  68. package/components/MultipleFileUpload/multiple-file-upload.css +0 -1
  69. package/components/Nav/nav.css +0 -1
  70. package/components/NotificationDrawer/notification-drawer.css +0 -1
  71. package/components/NumberInput/number-input.css +0 -1
  72. package/components/OverflowMenu/overflow-menu.css +0 -1
  73. package/components/Page/page.css +15 -10
  74. package/components/Page/page.scss +17 -8
  75. package/components/Pagination/pagination.css +31 -20
  76. package/components/Pagination/pagination.scss +35 -23
  77. package/components/Panel/panel.css +0 -1
  78. package/components/Popover/popover.css +0 -1
  79. package/components/Progress/progress.css +0 -1
  80. package/components/ProgressStepper/progress-stepper.css +0 -2
  81. package/components/Radio/radio.css +0 -1
  82. package/components/Sidebar/sidebar.css +0 -1
  83. package/components/SimpleList/simple-list.css +0 -1
  84. package/components/Skeleton/skeleton.css +0 -1
  85. package/components/SkipToContent/skip-to-content.css +0 -1
  86. package/components/Slider/slider.css +0 -1
  87. package/components/Spinner/spinner.css +0 -1
  88. package/components/Switch/switch.css +0 -1
  89. package/components/TabContent/tab-content.css +0 -1
  90. package/components/Table/table-grid.css +9 -5
  91. package/components/Table/table-grid.scss +5 -4
  92. package/components/Table/table-scrollable.css +0 -1
  93. package/components/Table/table-tree-view.css +0 -1
  94. package/components/Table/table.css +6 -6
  95. package/components/Table/table.scss +6 -5
  96. package/components/Tabs/tabs.css +0 -1
  97. package/components/TextInputGroup/text-input-group.css +2 -3
  98. package/components/TextInputGroup/text-input-group.scss +2 -2
  99. package/components/Tile/tile.css +0 -1
  100. package/components/Timestamp/timestamp.css +0 -1
  101. package/components/Title/title.css +0 -1
  102. package/components/ToggleGroup/toggle-group.css +0 -1
  103. package/components/Toolbar/toolbar.css +0 -1
  104. package/components/Tooltip/tooltip.css +0 -1
  105. package/components/TreeView/tree-view.css +0 -1
  106. package/components/Truncate/truncate.css +0 -1
  107. package/components/Wizard/wizard.css +0 -2
  108. package/components/_index.css +172 -239
  109. package/docs/components/Brand/examples/Brand.md +2 -2
  110. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  111. package/docs/components/CalendarMonth/examples/CalendarMonth.md +4 -4
  112. package/docs/components/Content/examples/Content.md +188 -204
  113. package/docs/components/DataList/examples/DataList.md +187 -221
  114. package/docs/components/DragDrop/examples/DragDrop.md +0 -1
  115. package/docs/components/FileUpload/examples/FileUpload.md +11 -7
  116. package/docs/components/Form/examples/Form.md +4 -2
  117. package/docs/components/FormControl/examples/FormControl.md +10 -10
  118. package/docs/components/InputGroup/examples/InputGroup.md +4 -4
  119. package/docs/components/Login/examples/Login.md +6 -6
  120. package/docs/components/MenuToggle/examples/MenuToggle.md +140 -139
  121. package/docs/components/Pagination/examples/Pagination.md +12 -12
  122. package/docs/components/Table/examples/Table.md +1 -1
  123. package/docs/components/Tile/{examples → deprecated}/Tile.md +1 -0
  124. package/docs/components/Toolbar/examples/Toolbar.md +37 -37
  125. package/docs/demos/Card/examples/Card.md +4 -4
  126. package/docs/demos/CardView/examples/CardView.md +10 -4
  127. package/docs/demos/Dashboard/examples/Dashboard.md +8 -2
  128. package/docs/demos/DataList/examples/DataList.md +37 -13
  129. package/docs/demos/Masthead/examples/Masthead.md +5 -5
  130. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +425 -435
  131. package/docs/demos/Page/examples/Page.md +2 -2
  132. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +30 -18
  133. package/docs/demos/Table/examples/Table.md +235 -91
  134. package/docs/demos/Tabs/examples/Tabs.md +1 -1
  135. package/docs/demos/Toolbar/examples/Toolbar.md +42 -30
  136. package/docs/utilities/BoxShadow/examples/box-shadow.css +6 -17
  137. package/layouts/Bullseye/bullseye.css +0 -1
  138. package/layouts/Flex/flex.css +0 -1
  139. package/layouts/Gallery/gallery.css +0 -1
  140. package/layouts/Grid/grid.css +0 -1
  141. package/layouts/Level/level.css +0 -1
  142. package/layouts/Split/split.css +0 -1
  143. package/layouts/Stack/stack.css +0 -1
  144. package/layouts/_index.css +0 -7
  145. package/package.json +5 -5
  146. package/patternfly-base-no-globals.css +84 -62
  147. package/patternfly-base.css +99 -62
  148. package/patternfly-charts.css +2 -2
  149. package/patternfly-charts.scss +2 -2
  150. package/patternfly-no-globals.css +256 -308
  151. package/patternfly.css +271 -308
  152. package/patternfly.min.css +1 -1
  153. package/patternfly.min.css.map +1 -1
  154. package/sass-utilities/mixins.scss +3 -3
  155. package/assets/images/PF-Masthead-Logo.svg +0 -1
  156. package/assets/images/background-filter.svg +0 -17
  157. package/assets/images/g_sizing.png +0 -0
  158. package/assets/images/img_avatar-dark.svg +0 -22
  159. package/assets/images/img_avatar.svg +0 -21
  160. package/assets/images/l_pf-reverse-164x11.png +0 -0
  161. package/assets/images/l_pf-reverse.svg +0 -1
  162. package/assets/images/logo-dropbox-old.svg +0 -1
  163. package/assets/images/logo-dropbox.svg +0 -6
  164. package/assets/images/logo-facebook.svg +0 -4
  165. package/assets/images/logo-github.svg +0 -4
  166. package/assets/images/logo-gitlab.svg +0 -4
  167. package/assets/images/logo-google.svg +0 -4
  168. package/assets/images/logo-google2.svg +0 -10
  169. package/assets/images/logo__pf--reverse--base.png +0 -0
  170. package/assets/images/logo__pf--reverse--base.svg +0 -40
  171. package/assets/images/logo__pf--reverse-on-md.svg +0 -40
  172. package/assets/images/pf-c-brand__logo-base.jpg +0 -0
  173. package/assets/images/pf-c-brand__logo-on-lg-white.svg +0 -32
  174. package/assets/images/pf-c-brand__logo-on-lg.svg +0 -32
  175. package/assets/images/pf-c-brand__logo-on-md-white.svg +0 -42
  176. package/assets/images/pf-c-brand__logo-on-md.svg +0 -42
  177. package/assets/images/pf-c-brand__logo-on-sm-white.svg +0 -17
  178. package/assets/images/pf-c-brand__logo-on-sm.svg +0 -17
  179. package/assets/images/pf-c-brand__logo-on-xl-white.svg +0 -39
  180. package/assets/images/pf-c-brand__logo-on-xl.svg +0 -39
  181. package/assets/images/pf-c-brand__logo.svg +0 -10
  182. package/assets/images/pf-logo.svg +0 -28
  183. package/assets/images/pf_logo.svg +0 -37
  184. package/assets/images/pf_logo_color.svg +0 -22
  185. package/assets/images/pf_logo_white.svg +0 -37
  186. package/assets/images/pf_mini_logo_white.svg +0 -1
  187. package/assets/images/pfbg_1200.jpg +0 -0
  188. package/assets/images/pfbg_2000.jpg +0 -0
  189. package/assets/images/pfbg_576.jpg +0 -0
  190. package/assets/images/pfbg_576@2x.jpg +0 -0
  191. package/assets/images/pfbg_768.jpg +0 -0
  192. package/assets/images/pfbg_768@2x.jpg +0 -0
  193. package/assets/images/pfbg_992.jpg +0 -0
  194. package/assets/images/pfbg_992@2x.jpg +0 -0
  195. package/assets/images/status-icon-sprite.svg +0 -38
  196. /package/docs/components/Tile/{examples → deprecated}/Tile.css +0 -0
package/docs/components/Pagination/examples/Pagination.md CHANGED
@@ -26,7 +26,7 @@ cssPrefix: pf-v6-c-pagination
26
26
  </span>
27
27
  <span class="pf-v6-c-menu-toggle__controls">
28
28
  <span class="pf-v6-c-menu-toggle__toggle-icon">
29
- <i class="fas fa-caret-down" aria-hidden="true"></i>
29
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
30
30
  </span>
31
31
  </span>
32
32
  </button>
@@ -121,7 +121,7 @@ cssPrefix: pf-v6-c-pagination
121
121
  </span>
122
122
  <span class="pf-v6-c-menu-toggle__controls">
123
123
  <span class="pf-v6-c-menu-toggle__toggle-icon">
124
- <i class="fas fa-caret-down" aria-hidden="true"></i>
124
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
125
125
  </span>
126
126
  </span>
127
127
  </button>
@@ -226,7 +226,7 @@ cssPrefix: pf-v6-c-pagination
226
226
  </span>
227
227
  <span class="pf-v6-c-menu-toggle__controls">
228
228
  <span class="pf-v6-c-menu-toggle__toggle-icon">
229
- <i class="fas fa-caret-down" aria-hidden="true"></i>
229
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
230
230
  </span>
231
231
  </span>
232
232
  </button>
@@ -316,7 +316,7 @@ cssPrefix: pf-v6-c-pagination
316
316
  </span>
317
317
  <span class="pf-v6-c-menu-toggle__controls">
318
318
  <span class="pf-v6-c-menu-toggle__toggle-icon">
319
- <i class="fas fa-caret-down" aria-hidden="true"></i>
319
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
320
320
  </span>
321
321
  </span>
322
322
  </button>
@@ -417,7 +417,7 @@ cssPrefix: pf-v6-c-pagination
417
417
  </span>
418
418
  <span class="pf-v6-c-menu-toggle__controls">
419
419
  <span class="pf-v6-c-menu-toggle__toggle-icon">
420
- <i class="fas fa-caret-down" aria-hidden="true"></i>
420
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
421
421
  </span>
422
422
  </span>
423
423
  </button>
@@ -513,7 +513,7 @@ cssPrefix: pf-v6-c-pagination
513
513
  </span>
514
514
  <span class="pf-v6-c-menu-toggle__controls">
515
515
  <span class="pf-v6-c-menu-toggle__toggle-icon">
516
- <i class="fas fa-caret-down" aria-hidden="true"></i>
516
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
517
517
  </span>
518
518
  </span>
519
519
  </button>
@@ -610,7 +610,7 @@ cssPrefix: pf-v6-c-pagination
610
610
  </span>
611
611
  <span class="pf-v6-c-menu-toggle__controls">
612
612
  <span class="pf-v6-c-menu-toggle__toggle-icon">
613
- <i class="fas fa-caret-down" aria-hidden="true"></i>
613
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
614
614
  </span>
615
615
  </span>
616
616
  </button>
@@ -669,7 +669,7 @@ cssPrefix: pf-v6-c-pagination
669
669
  </span>
670
670
  <span class="pf-v6-c-menu-toggle__controls">
671
671
  <span class="pf-v6-c-menu-toggle__toggle-icon">
672
- <i class="fas fa-caret-down" aria-hidden="true"></i>
672
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
673
673
  </span>
674
674
  </span>
675
675
  </button>
@@ -764,7 +764,7 @@ cssPrefix: pf-v6-c-pagination
764
764
  </span>
765
765
  <span class="pf-v6-c-menu-toggle__controls">
766
766
  <span class="pf-v6-c-menu-toggle__toggle-icon">
767
- <i class="fas fa-caret-down" aria-hidden="true"></i>
767
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
768
768
  </span>
769
769
  </span>
770
770
  </button>
@@ -861,7 +861,7 @@ cssPrefix: pf-v6-c-pagination
861
861
  </span>
862
862
  <span class="pf-v6-c-menu-toggle__controls">
863
863
  <span class="pf-v6-c-menu-toggle__toggle-icon">
864
- <i class="fas fa-caret-down" aria-hidden="true"></i>
864
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
865
865
  </span>
866
866
  </span>
867
867
  </button>
@@ -956,7 +956,7 @@ cssPrefix: pf-v6-c-pagination
956
956
  </span>
957
957
  <span class="pf-v6-c-menu-toggle__controls">
958
958
  <span class="pf-v6-c-menu-toggle__toggle-icon">
959
- <i class="fas fa-caret-down" aria-hidden="true"></i>
959
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
960
960
  </span>
961
961
  </span>
962
962
  </button>
@@ -1017,7 +1017,7 @@ cssPrefix: pf-v6-c-pagination
1017
1017
  </span>
1018
1018
  <span class="pf-v6-c-menu-toggle__controls">
1019
1019
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1020
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1020
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1021
1021
  </span>
1022
1022
  </span>
1023
1023
  </button>
package/docs/components/Table/examples/Table.md CHANGED
@@ -22815,7 +22815,7 @@ For sticky columns to function correctly, the parent table's width must be contr
22815
22815
 
22816
22816
  ## Draggable rows
22817
22817
 
22818
- ### Draggable rows example
22818
+ ### Draggable rows example isBeta
22819
22819
 
22820
22820
  ```html
22821
22821
  <div
package/docs/components/Tile/{examples → deprecated}/Tile.md RENAMED
@@ -2,6 +2,7 @@
2
2
  id: Tile
3
3
  section: components
4
4
  cssPrefix: pf-v6-c-tile
5
+ deprecated: true
5
6
  ---import './Tile.css'
6
7
 
7
8
  ## Examples
package/docs/components/Toolbar/examples/Toolbar.md CHANGED
@@ -175,7 +175,7 @@ Several components in the following examples do not include functional and/or ac
175
175
  <span class="pf-v6-c-menu-toggle__text">Status</span>
176
176
  <span class="pf-v6-c-menu-toggle__controls">
177
177
  <span class="pf-v6-c-menu-toggle__toggle-icon">
178
- <i class="fas fa-caret-down" aria-hidden="true"></i>
178
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
179
179
  </span>
180
180
  </span>
181
181
  </button>
@@ -190,7 +190,7 @@ Several components in the following examples do not include functional and/or ac
190
190
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
191
191
  <span class="pf-v6-c-menu-toggle__controls">
192
192
  <span class="pf-v6-c-menu-toggle__toggle-icon">
193
- <i class="fas fa-caret-down" aria-hidden="true"></i>
193
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
194
194
  </span>
195
195
  </span>
196
196
  </button>
@@ -218,7 +218,7 @@ Several components in the following examples do not include functional and/or ac
218
218
  <span class="pf-v6-c-menu-toggle__text">Name</span>
219
219
  <span class="pf-v6-c-menu-toggle__controls">
220
220
  <span class="pf-v6-c-menu-toggle__toggle-icon">
221
- <i class="fas fa-caret-down" aria-hidden="true"></i>
221
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
222
222
  </span>
223
223
  </span>
224
224
  </button>
@@ -254,7 +254,7 @@ Several components in the following examples do not include functional and/or ac
254
254
  <span class="pf-v6-c-menu-toggle__text">Status</span>
255
255
  <span class="pf-v6-c-menu-toggle__controls">
256
256
  <span class="pf-v6-c-menu-toggle__toggle-icon">
257
- <i class="fas fa-caret-down" aria-hidden="true"></i>
257
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
258
258
  </span>
259
259
  </span>
260
260
  </button>
@@ -589,7 +589,7 @@ Several components in the following examples do not include functional and/or ac
589
589
  <span class="pf-v6-c-menu-toggle__text">Name</span>
590
590
  <span class="pf-v6-c-menu-toggle__controls">
591
591
  <span class="pf-v6-c-menu-toggle__toggle-icon">
592
- <i class="fas fa-caret-down" aria-hidden="true"></i>
592
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
593
593
  </span>
594
594
  </span>
595
595
  </button>
@@ -626,7 +626,7 @@ Several components in the following examples do not include functional and/or ac
626
626
  <span class="pf-v6-c-menu-toggle__text">Status</span>
627
627
  <span class="pf-v6-c-menu-toggle__controls">
628
628
  <span class="pf-v6-c-menu-toggle__toggle-icon">
629
- <i class="fas fa-caret-down" aria-hidden="true"></i>
629
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
630
630
  </span>
631
631
  </span>
632
632
  </button>
@@ -641,7 +641,7 @@ Several components in the following examples do not include functional and/or ac
641
641
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
642
642
  <span class="pf-v6-c-menu-toggle__controls">
643
643
  <span class="pf-v6-c-menu-toggle__toggle-icon">
644
- <i class="fas fa-caret-down" aria-hidden="true"></i>
644
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
645
645
  </span>
646
646
  </span>
647
647
  </button>
@@ -670,7 +670,7 @@ Several components in the following examples do not include functional and/or ac
670
670
  <span class="pf-v6-c-menu-toggle__text">Name</span>
671
671
  <span class="pf-v6-c-menu-toggle__controls">
672
672
  <span class="pf-v6-c-menu-toggle__toggle-icon">
673
- <i class="fas fa-caret-down" aria-hidden="true"></i>
673
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
674
674
  </span>
675
675
  </span>
676
676
  </button>
@@ -707,7 +707,7 @@ Several components in the following examples do not include functional and/or ac
707
707
  <span class="pf-v6-c-menu-toggle__text">Status</span>
708
708
  <span class="pf-v6-c-menu-toggle__controls">
709
709
  <span class="pf-v6-c-menu-toggle__toggle-icon">
710
- <i class="fas fa-caret-down" aria-hidden="true"></i>
710
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
711
711
  </span>
712
712
  </span>
713
713
  </button>
@@ -722,7 +722,7 @@ Several components in the following examples do not include functional and/or ac
722
722
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
723
723
  <span class="pf-v6-c-menu-toggle__controls">
724
724
  <span class="pf-v6-c-menu-toggle__toggle-icon">
725
- <i class="fas fa-caret-down" aria-hidden="true"></i>
725
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
726
726
  </span>
727
727
  </span>
728
728
  </button>
@@ -770,7 +770,7 @@ Several components in the following examples do not include functional and/or ac
770
770
  <span class="pf-v6-c-menu-toggle__text">Name</span>
771
771
  <span class="pf-v6-c-menu-toggle__controls">
772
772
  <span class="pf-v6-c-menu-toggle__toggle-icon">
773
- <i class="fas fa-caret-down" aria-hidden="true"></i>
773
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
774
774
  </span>
775
775
  </span>
776
776
  </button>
@@ -809,7 +809,7 @@ Several components in the following examples do not include functional and/or ac
809
809
  <span class="pf-v6-c-menu-toggle__text">Status</span>
810
810
  <span class="pf-v6-c-menu-toggle__controls">
811
811
  <span class="pf-v6-c-menu-toggle__toggle-icon">
812
- <i class="fas fa-caret-down" aria-hidden="true"></i>
812
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
813
813
  </span>
814
814
  </span>
815
815
  </button>
@@ -824,7 +824,7 @@ Several components in the following examples do not include functional and/or ac
824
824
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
825
825
  <span class="pf-v6-c-menu-toggle__controls">
826
826
  <span class="pf-v6-c-menu-toggle__toggle-icon">
827
- <i class="fas fa-caret-down" aria-hidden="true"></i>
827
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
828
828
  </span>
829
829
  </span>
830
830
  </button>
@@ -854,7 +854,7 @@ Several components in the following examples do not include functional and/or ac
854
854
  <span class="pf-v6-c-menu-toggle__text">Name</span>
855
855
  <span class="pf-v6-c-menu-toggle__controls">
856
856
  <span class="pf-v6-c-menu-toggle__toggle-icon">
857
- <i class="fas fa-caret-down" aria-hidden="true"></i>
857
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
858
858
  </span>
859
859
  </span>
860
860
  </button>
@@ -891,7 +891,7 @@ Several components in the following examples do not include functional and/or ac
891
891
  <span class="pf-v6-c-menu-toggle__text">Status</span>
892
892
  <span class="pf-v6-c-menu-toggle__controls">
893
893
  <span class="pf-v6-c-menu-toggle__toggle-icon">
894
- <i class="fas fa-caret-down" aria-hidden="true"></i>
894
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
895
895
  </span>
896
896
  </span>
897
897
  </button>
@@ -906,7 +906,7 @@ Several components in the following examples do not include functional and/or ac
906
906
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
907
907
  <span class="pf-v6-c-menu-toggle__controls">
908
908
  <span class="pf-v6-c-menu-toggle__toggle-icon">
909
- <i class="fas fa-caret-down" aria-hidden="true"></i>
909
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
910
910
  </span>
911
911
  </span>
912
912
  </button>
@@ -987,7 +987,7 @@ Several components in the following examples do not include functional and/or ac
987
987
  >
988
988
  <span class="pf-v6-c-menu-toggle__controls">
989
989
  <span class="pf-v6-c-menu-toggle__toggle-icon">
990
- <i class="fas fa-caret-down" aria-hidden="true"></i>
990
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
991
991
  </span>
992
992
  </span>
993
993
  </button>
@@ -1024,7 +1024,7 @@ Several components in the following examples do not include functional and/or ac
1024
1024
  <span class="pf-v6-c-menu-toggle__text">Name</span>
1025
1025
  <span class="pf-v6-c-menu-toggle__controls">
1026
1026
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1027
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1027
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1028
1028
  </span>
1029
1029
  </span>
1030
1030
  </button>
@@ -1061,7 +1061,7 @@ Several components in the following examples do not include functional and/or ac
1061
1061
  <span class="pf-v6-c-menu-toggle__text">Status</span>
1062
1062
  <span class="pf-v6-c-menu-toggle__controls">
1063
1063
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1064
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1064
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1065
1065
  </span>
1066
1066
  </span>
1067
1067
  </button>
@@ -1076,7 +1076,7 @@ Several components in the following examples do not include functional and/or ac
1076
1076
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
1077
1077
  <span class="pf-v6-c-menu-toggle__controls">
1078
1078
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1079
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1079
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1080
1080
  </span>
1081
1081
  </span>
1082
1082
  </button>
@@ -1159,7 +1159,7 @@ Several components in the following examples do not include functional and/or ac
1159
1159
  >
1160
1160
  <span class="pf-v6-c-menu-toggle__controls">
1161
1161
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1162
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1162
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1163
1163
  </span>
1164
1164
  </span>
1165
1165
  </button>
@@ -1196,7 +1196,7 @@ Several components in the following examples do not include functional and/or ac
1196
1196
  <span class="pf-v6-c-menu-toggle__text">Name</span>
1197
1197
  <span class="pf-v6-c-menu-toggle__controls">
1198
1198
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1199
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1199
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1200
1200
  </span>
1201
1201
  </span>
1202
1202
  </button>
@@ -1233,7 +1233,7 @@ Several components in the following examples do not include functional and/or ac
1233
1233
  <span class="pf-v6-c-menu-toggle__text">Status</span>
1234
1234
  <span class="pf-v6-c-menu-toggle__controls">
1235
1235
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1236
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1236
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1237
1237
  </span>
1238
1238
  </span>
1239
1239
  </button>
@@ -1248,7 +1248,7 @@ Several components in the following examples do not include functional and/or ac
1248
1248
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
1249
1249
  <span class="pf-v6-c-menu-toggle__controls">
1250
1250
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1251
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1251
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1252
1252
  </span>
1253
1253
  </span>
1254
1254
  </button>
@@ -1277,7 +1277,7 @@ Several components in the following examples do not include functional and/or ac
1277
1277
  <span class="pf-v6-c-menu-toggle__text">Name</span>
1278
1278
  <span class="pf-v6-c-menu-toggle__controls">
1279
1279
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1280
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1280
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1281
1281
  </span>
1282
1282
  </span>
1283
1283
  </button>
@@ -1314,7 +1314,7 @@ Several components in the following examples do not include functional and/or ac
1314
1314
  <span class="pf-v6-c-menu-toggle__text">Status</span>
1315
1315
  <span class="pf-v6-c-menu-toggle__controls">
1316
1316
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1317
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1317
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1318
1318
  </span>
1319
1319
  </span>
1320
1320
  </button>
@@ -1329,7 +1329,7 @@ Several components in the following examples do not include functional and/or ac
1329
1329
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
1330
1330
  <span class="pf-v6-c-menu-toggle__controls">
1331
1331
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1332
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1332
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1333
1333
  </span>
1334
1334
  </span>
1335
1335
  </button>
@@ -1576,7 +1576,7 @@ Several components in the following examples do not include functional and/or ac
1576
1576
  >
1577
1577
  <span class="pf-v6-c-menu-toggle__controls">
1578
1578
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1579
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1579
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1580
1580
  </span>
1581
1581
  </span>
1582
1582
  </button>
@@ -1594,7 +1594,7 @@ Several components in the following examples do not include functional and/or ac
1594
1594
  <span class="pf-v6-c-menu-toggle__text">Status</span>
1595
1595
  <span class="pf-v6-c-menu-toggle__controls">
1596
1596
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1597
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1597
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1598
1598
  </span>
1599
1599
  </span>
1600
1600
  </button>
@@ -1609,7 +1609,7 @@ Several components in the following examples do not include functional and/or ac
1609
1609
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
1610
1610
  <span class="pf-v6-c-menu-toggle__controls">
1611
1611
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1612
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1612
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1613
1613
  </span>
1614
1614
  </span>
1615
1615
  </button>
@@ -1934,7 +1934,7 @@ Several components in the following examples do not include functional and/or ac
1934
1934
  >
1935
1935
  <span class="pf-v6-c-menu-toggle__controls">
1936
1936
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1937
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1937
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1938
1938
  </span>
1939
1939
  </span>
1940
1940
  </button>
@@ -1957,7 +1957,7 @@ Several components in the following examples do not include functional and/or ac
1957
1957
  </span>
1958
1958
  <span class="pf-v6-c-menu-toggle__controls">
1959
1959
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1960
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1960
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1961
1961
  </span>
1962
1962
  </span>
1963
1963
  </button>
@@ -2071,7 +2071,7 @@ Several components in the following examples do not include functional and/or ac
2071
2071
  <span class="pf-v6-c-menu-toggle__text">Name</span>
2072
2072
  <span class="pf-v6-c-menu-toggle__controls">
2073
2073
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2074
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2074
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2075
2075
  </span>
2076
2076
  </span>
2077
2077
  </button>
@@ -2108,7 +2108,7 @@ Several components in the following examples do not include functional and/or ac
2108
2108
  <span class="pf-v6-c-menu-toggle__text">Status</span>
2109
2109
  <span class="pf-v6-c-menu-toggle__controls">
2110
2110
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2111
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2111
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2112
2112
  </span>
2113
2113
  </span>
2114
2114
  </button>
@@ -2123,7 +2123,7 @@ Several components in the following examples do not include functional and/or ac
2123
2123
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
2124
2124
  <span class="pf-v6-c-menu-toggle__controls">
2125
2125
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2126
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2126
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2127
2127
  </span>
2128
2128
  </span>
2129
2129
  </button>
@@ -2355,7 +2355,7 @@ Several components in the following examples do not include functional and/or ac
2355
2355
  >
2356
2356
  <span class="pf-v6-c-menu-toggle__controls">
2357
2357
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2358
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2358
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2359
2359
  </span>
2360
2360
  </span>
2361
2361
  </button>
@@ -2378,7 +2378,7 @@ Several components in the following examples do not include functional and/or ac
2378
2378
  </span>
2379
2379
  <span class="pf-v6-c-menu-toggle__controls">
2380
2380
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2381
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2381
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2382
2382
  </span>
2383
2383
  </span>
2384
2384
  </button>
package/docs/demos/Card/examples/Card.md CHANGED
@@ -1933,7 +1933,7 @@ wrapperTag: div
1933
1933
  <span class="pf-v6-c-menu-toggle__text">Filter</span>
1934
1934
  <span class="pf-v6-c-menu-toggle__controls">
1935
1935
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1936
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1936
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1937
1937
  </span>
1938
1938
  </span>
1939
1939
  </button>
@@ -2694,7 +2694,7 @@ wrapperTag: div
2694
2694
  <span class="pf-v6-c-menu-toggle__text">Filter</span>
2695
2695
  <span class="pf-v6-c-menu-toggle__controls">
2696
2696
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2697
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2697
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2698
2698
  </span>
2699
2699
  </span>
2700
2700
  </button>
@@ -2771,7 +2771,7 @@ wrapperTag: div
2771
2771
  <span class="pf-v6-c-menu-toggle__text">Most recent</span>
2772
2772
  <span class="pf-v6-c-menu-toggle__controls">
2773
2773
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2774
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2774
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2775
2775
  </span>
2776
2776
  </span>
2777
2777
  </button>
@@ -2894,7 +2894,7 @@ wrapperTag: div
2894
2894
  <span class="pf-v6-c-menu-toggle__text">Status</span>
2895
2895
  <span class="pf-v6-c-menu-toggle__controls">
2896
2896
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2897
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2897
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2898
2898
  </span>
2899
2899
  </span>
2900
2900
  </button>
package/docs/demos/CardView/examples/CardView.md CHANGED
@@ -402,7 +402,10 @@ section: patterns
402
402
  >
403
403
  <span class="pf-v6-c-menu-toggle__controls">
404
404
  <span class="pf-v6-c-menu-toggle__toggle-icon">
405
- <i class="fas fa-caret-down" aria-hidden="true"></i>
405
+ <i
406
+ class="fas fa-caret-down fa-fw"
407
+ aria-hidden="true"
408
+ ></i>
406
409
  </span>
407
410
  </span>
408
411
  </button>
@@ -419,7 +422,7 @@ section: patterns
419
422
  <span class="pf-v6-c-menu-toggle__text">Status</span>
420
423
  <span class="pf-v6-c-menu-toggle__controls">
421
424
  <span class="pf-v6-c-menu-toggle__toggle-icon">
422
- <i class="fas fa-caret-down" aria-hidden="true"></i>
425
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
423
426
  </span>
424
427
  </span>
425
428
  </button>
@@ -475,7 +478,10 @@ section: patterns
475
478
  </span>
476
479
  <span class="pf-v6-c-menu-toggle__controls">
477
480
  <span class="pf-v6-c-menu-toggle__toggle-icon">
478
- <i class="fas fa-caret-down" aria-hidden="true"></i>
481
+ <i
482
+ class="fas fa-caret-down fa-fw"
483
+ aria-hidden="true"
484
+ ></i>
479
485
  </span>
480
486
  </span>
481
487
  </button>
@@ -1022,7 +1028,7 @@ section: patterns
1022
1028
  </span>
1023
1029
  <span class="pf-v6-c-menu-toggle__controls">
1024
1030
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1025
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1031
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1026
1032
  </span>
1027
1033
  </span>
1028
1034
  </button>
package/docs/demos/Dashboard/examples/Dashboard.md CHANGED
@@ -879,7 +879,10 @@ cssPrefix: pf-d-dashboard
879
879
  <span class="pf-v6-c-menu-toggle__text">24 hours</span>
880
880
  <span class="pf-v6-c-menu-toggle__controls">
881
881
  <span class="pf-v6-c-menu-toggle__toggle-icon">
882
- <i class="fas fa-caret-down" aria-hidden="true"></i>
882
+ <i
883
+ class="fas fa-caret-down fa-fw"
884
+ aria-hidden="true"
885
+ ></i>
883
886
  </span>
884
887
  </span>
885
888
  </button>
@@ -1356,7 +1359,10 @@ cssPrefix: pf-d-dashboard
1356
1359
  <span class="pf-v6-c-menu-toggle__text">Status</span>
1357
1360
  <span class="pf-v6-c-menu-toggle__controls">
1358
1361
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1359
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1362
+ <i
1363
+ class="fas fa-caret-down fa-fw"
1364
+ aria-hidden="true"
1365
+ ></i>
1360
1366
  </span>
1361
1367
  </span>
1362
1368
  </button>