@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/demos/DataList/examples/DataList.md CHANGED
@@ -297,7 +297,7 @@ wrapperTag: div
297
297
  >
298
298
  <span class="pf-v6-c-menu-toggle__controls">
299
299
  <span class="pf-v6-c-menu-toggle__toggle-icon">
300
- <i class="fas fa-caret-down" aria-hidden="true"></i>
300
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
301
301
  </span>
302
302
  </span>
303
303
  </button>
@@ -353,7 +353,10 @@ wrapperTag: div
353
353
  </span>
354
354
  <span class="pf-v6-c-menu-toggle__controls">
355
355
  <span class="pf-v6-c-menu-toggle__toggle-icon">
356
- <i class="fas fa-caret-down" aria-hidden="true"></i>
356
+ <i
357
+ class="fas fa-caret-down fa-fw"
358
+ aria-hidden="true"
359
+ ></i>
357
360
  </span>
358
361
  </span>
359
362
  </button>
@@ -755,7 +758,7 @@ wrapperTag: div
755
758
  </span>
756
759
  <span class="pf-v6-c-menu-toggle__controls">
757
760
  <span class="pf-v6-c-menu-toggle__toggle-icon">
758
- <i class="fas fa-caret-down" aria-hidden="true"></i>
761
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
759
762
  </span>
760
763
  </span>
761
764
  </button>
@@ -1142,7 +1145,10 @@ wrapperTag: div
1142
1145
  >
1143
1146
  <span class="pf-v6-c-menu-toggle__controls">
1144
1147
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1145
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1148
+ <i
1149
+ class="fas fa-caret-down fa-fw"
1150
+ aria-hidden="true"
1151
+ ></i>
1146
1152
  </span>
1147
1153
  </span>
1148
1154
  </button>
@@ -1208,7 +1214,10 @@ wrapperTag: div
1208
1214
  </span>
1209
1215
  <span class="pf-v6-c-menu-toggle__controls">
1210
1216
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1211
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1217
+ <i
1218
+ class="fas fa-caret-down fa-fw"
1219
+ aria-hidden="true"
1220
+ ></i>
1212
1221
  </span>
1213
1222
  </span>
1214
1223
  </button>
@@ -1588,7 +1597,7 @@ wrapperTag: div
1588
1597
  </span>
1589
1598
  <span class="pf-v6-c-menu-toggle__controls">
1590
1599
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1591
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1600
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1592
1601
  </span>
1593
1602
  </span>
1594
1603
  </button>
@@ -1995,7 +2004,10 @@ wrapperTag: div
1995
2004
  >
1996
2005
  <span class="pf-v6-c-menu-toggle__controls">
1997
2006
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1998
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2007
+ <i
2008
+ class="fas fa-caret-down fa-fw"
2009
+ aria-hidden="true"
2010
+ ></i>
1999
2011
  </span>
2000
2012
  </span>
2001
2013
  </button>
@@ -2021,7 +2033,10 @@ wrapperTag: div
2021
2033
  <span class="pf-v6-c-menu-toggle__text">Name</span>
2022
2034
  <span class="pf-v6-c-menu-toggle__controls">
2023
2035
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2024
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2036
+ <i
2037
+ class="fas fa-caret-down fa-fw"
2038
+ aria-hidden="true"
2039
+ ></i>
2025
2040
  </span>
2026
2041
  </span>
2027
2042
  </button>
@@ -2097,7 +2112,10 @@ wrapperTag: div
2097
2112
  </span>
2098
2113
  <span class="pf-v6-c-menu-toggle__controls">
2099
2114
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2100
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2115
+ <i
2116
+ class="fas fa-caret-down fa-fw"
2117
+ aria-hidden="true"
2118
+ ></i>
2101
2119
  </span>
2102
2120
  </span>
2103
2121
  </button>
@@ -3125,7 +3143,7 @@ wrapperTag: div
3125
3143
  </span>
3126
3144
  <span class="pf-v6-c-menu-toggle__controls">
3127
3145
  <span class="pf-v6-c-menu-toggle__toggle-icon">
3128
- <i class="fas fa-caret-down" aria-hidden="true"></i>
3146
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
3129
3147
  </span>
3130
3148
  </span>
3131
3149
  </button>
@@ -3509,7 +3527,10 @@ wrapperTag: div
3509
3527
  <span class="pf-v6-c-menu-toggle__text">Name</span>
3510
3528
  <span class="pf-v6-c-menu-toggle__controls">
3511
3529
  <span class="pf-v6-c-menu-toggle__toggle-icon">
3512
- <i class="fas fa-caret-down" aria-hidden="true"></i>
3530
+ <i
3531
+ class="fas fa-caret-down fa-fw"
3532
+ aria-hidden="true"
3533
+ ></i>
3513
3534
  </span>
3514
3535
  </span>
3515
3536
  </button>
@@ -3594,7 +3615,10 @@ wrapperTag: div
3594
3615
  </span>
3595
3616
  <span class="pf-v6-c-menu-toggle__controls">
3596
3617
  <span class="pf-v6-c-menu-toggle__toggle-icon">
3597
- <i class="fas fa-caret-down" aria-hidden="true"></i>
3618
+ <i
3619
+ class="fas fa-caret-down fa-fw"
3620
+ aria-hidden="true"
3621
+ ></i>
3598
3622
  </span>
3599
3623
  </span>
3600
3624
  </button>
@@ -3996,7 +4020,7 @@ wrapperTag: div
3996
4020
  </span>
3997
4021
  <span class="pf-v6-c-menu-toggle__controls">
3998
4022
  <span class="pf-v6-c-menu-toggle__toggle-icon">
3999
- <i class="fas fa-caret-down" aria-hidden="true"></i>
4023
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
4000
4024
  </span>
4001
4025
  </span>
4002
4026
  </button>
package/docs/demos/Masthead/examples/Masthead.md CHANGED
@@ -387,7 +387,7 @@ wrapperTag: div
387
387
  <span class="pf-v6-c-menu-toggle__text">Context selector</span>
388
388
  <span class="pf-v6-c-menu-toggle__controls">
389
389
  <span class="pf-v6-c-menu-toggle__toggle-icon">
390
- <i class="fas fa-caret-down" aria-hidden="true"></i>
390
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
391
391
  </span>
392
392
  </span>
393
393
  </button>
@@ -401,7 +401,7 @@ wrapperTag: div
401
401
  <span class="pf-v6-c-menu-toggle__text">Dropdown</span>
402
402
  <span class="pf-v6-c-menu-toggle__controls">
403
403
  <span class="pf-v6-c-menu-toggle__toggle-icon">
404
- <i class="fas fa-caret-down" aria-hidden="true"></i>
404
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
405
405
  </span>
406
406
  </span>
407
407
  </button>
@@ -705,7 +705,7 @@ wrapperTag: div
705
705
  <span class="pf-v6-c-menu-toggle__text">Name</span>
706
706
  <span class="pf-v6-c-menu-toggle__controls">
707
707
  <span class="pf-v6-c-menu-toggle__toggle-icon">
708
- <i class="fas fa-caret-down" aria-hidden="true"></i>
708
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
709
709
  </span>
710
710
  </span>
711
711
  </button>
@@ -1035,7 +1035,7 @@ wrapperTag: div
1035
1035
  <span class="pf-v6-c-menu-toggle__text">Name</span>
1036
1036
  <span class="pf-v6-c-menu-toggle__controls">
1037
1037
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1038
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1038
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1039
1039
  </span>
1040
1040
  </span>
1041
1041
  </button>
@@ -2566,7 +2566,7 @@ wrapperTag: div
2566
2566
  <span class="pf-v6-c-menu-toggle__text">Name</span>
2567
2567
  <span class="pf-v6-c-menu-toggle__controls">
2568
2568
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2569
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2569
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2570
2570
  </span>
2571
2571
  </span>
2572
2572
  </button>