@patternfly/patternfly 6.0.0-prerelease.8 → 6.0.0

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 (194) 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 +5 -8
  43. package/components/Drawer/drawer.scss +4 -6
  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 +10 -10
  74. package/components/Page/page.scss +11 -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 -240
  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/Toolbar/examples/Toolbar.md +37 -37
  124. package/docs/demos/Card/examples/Card.md +4 -4
  125. package/docs/demos/CardView/examples/CardView.md +10 -4
  126. package/docs/demos/Dashboard/examples/Dashboard.md +8 -2
  127. package/docs/demos/DataList/examples/DataList.md +37 -13
  128. package/docs/demos/Masthead/examples/Masthead.md +5 -5
  129. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +425 -435
  130. package/docs/demos/Page/examples/Page.md +2 -2
  131. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +30 -18
  132. package/docs/demos/Table/examples/Table.md +235 -91
  133. package/docs/demos/Tabs/examples/Tabs.md +1 -1
  134. package/docs/demos/Toolbar/examples/Toolbar.md +42 -30
  135. package/docs/utilities/BoxShadow/examples/box-shadow.css +6 -17
  136. package/layouts/Bullseye/bullseye.css +0 -1
  137. package/layouts/Flex/flex.css +0 -1
  138. package/layouts/Gallery/gallery.css +0 -1
  139. package/layouts/Grid/grid.css +0 -1
  140. package/layouts/Level/level.css +0 -1
  141. package/layouts/Split/split.css +0 -1
  142. package/layouts/Stack/stack.css +0 -1
  143. package/layouts/_index.css +0 -7
  144. package/package.json +5 -5
  145. package/patternfly-base-no-globals.css +84 -62
  146. package/patternfly-base.css +99 -62
  147. package/patternfly-charts.css +2 -2
  148. package/patternfly-charts.scss +2 -2
  149. package/patternfly-no-globals.css +256 -309
  150. package/patternfly.css +271 -309
  151. package/patternfly.min.css +1 -1
  152. package/patternfly.min.css.map +1 -1
  153. package/sass-utilities/mixins.scss +3 -3
  154. package/assets/images/PF-Masthead-Logo.svg +0 -1
  155. package/assets/images/background-filter.svg +0 -17
  156. package/assets/images/g_sizing.png +0 -0
  157. package/assets/images/img_avatar-dark.svg +0 -22
  158. package/assets/images/img_avatar.svg +0 -21
  159. package/assets/images/l_pf-reverse-164x11.png +0 -0
  160. package/assets/images/l_pf-reverse.svg +0 -1
  161. package/assets/images/logo-dropbox-old.svg +0 -1
  162. package/assets/images/logo-dropbox.svg +0 -6
  163. package/assets/images/logo-facebook.svg +0 -4
  164. package/assets/images/logo-github.svg +0 -4
  165. package/assets/images/logo-gitlab.svg +0 -4
  166. package/assets/images/logo-google.svg +0 -4
  167. package/assets/images/logo-google2.svg +0 -10
  168. package/assets/images/logo__pf--reverse--base.png +0 -0
  169. package/assets/images/logo__pf--reverse--base.svg +0 -40
  170. package/assets/images/logo__pf--reverse-on-md.svg +0 -40
  171. package/assets/images/pf-c-brand__logo-base.jpg +0 -0
  172. package/assets/images/pf-c-brand__logo-on-lg-white.svg +0 -32
  173. package/assets/images/pf-c-brand__logo-on-lg.svg +0 -32
  174. package/assets/images/pf-c-brand__logo-on-md-white.svg +0 -42
  175. package/assets/images/pf-c-brand__logo-on-md.svg +0 -42
  176. package/assets/images/pf-c-brand__logo-on-sm-white.svg +0 -17
  177. package/assets/images/pf-c-brand__logo-on-sm.svg +0 -17
  178. package/assets/images/pf-c-brand__logo-on-xl-white.svg +0 -39
  179. package/assets/images/pf-c-brand__logo-on-xl.svg +0 -39
  180. package/assets/images/pf-c-brand__logo.svg +0 -10
  181. package/assets/images/pf-logo.svg +0 -28
  182. package/assets/images/pf_logo.svg +0 -37
  183. package/assets/images/pf_logo_color.svg +0 -22
  184. package/assets/images/pf_logo_white.svg +0 -37
  185. package/assets/images/pf_mini_logo_white.svg +0 -1
  186. package/assets/images/pfbg_1200.jpg +0 -0
  187. package/assets/images/pfbg_2000.jpg +0 -0
  188. package/assets/images/pfbg_576.jpg +0 -0
  189. package/assets/images/pfbg_576@2x.jpg +0 -0
  190. package/assets/images/pfbg_768.jpg +0 -0
  191. package/assets/images/pfbg_768@2x.jpg +0 -0
  192. package/assets/images/pfbg_992.jpg +0 -0
  193. package/assets/images/pfbg_992@2x.jpg +0 -0
  194. package/assets/images/status-icon-sprite.svg +0 -38
package/docs/demos/Page/examples/Page.md CHANGED
@@ -3716,7 +3716,7 @@ wrapperTag: div
3716
3716
  <span class="pf-v6-c-menu-toggle__text">Administrator</span>
3717
3717
  <span class="pf-v6-c-menu-toggle__controls">
3718
3718
  <span class="pf-v6-c-menu-toggle__toggle-icon">
3719
- <i class="fas fa-caret-down" aria-hidden="true"></i>
3719
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
3720
3720
  </span>
3721
3721
  </span>
3722
3722
  </button>
@@ -4037,7 +4037,7 @@ wrapperTag: div
4037
4037
  <span class="pf-v6-c-menu-toggle__text">Administrator</span>
4038
4038
  <span class="pf-v6-c-menu-toggle__controls">
4039
4039
  <span class="pf-v6-c-menu-toggle__toggle-icon">
4040
- <i class="fas fa-caret-down" aria-hidden="true"></i>
4040
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
4041
4041
  </span>
4042
4042
  </span>
4043
4043
  </button>
package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md CHANGED
@@ -322,7 +322,7 @@ wrapperTag: div
322
322
  class="pf-v6-c-menu-toggle__toggle-icon"
323
323
  >
324
324
  <i
325
- class="fas fa-caret-down"
325
+ class="fas fa-caret-down fa-fw"
326
326
  aria-hidden="true"
327
327
  ></i>
328
328
  </span>
@@ -372,7 +372,7 @@ wrapperTag: div
372
372
  class="pf-v6-c-menu-toggle__toggle-icon"
373
373
  >
374
374
  <i
375
- class="fas fa-caret-down"
375
+ class="fas fa-caret-down fa-fw"
376
376
  aria-hidden="true"
377
377
  ></i>
378
378
  </span>
@@ -392,7 +392,7 @@ wrapperTag: div
392
392
  class="pf-v6-c-menu-toggle__toggle-icon"
393
393
  >
394
394
  <i
395
- class="fas fa-caret-down"
395
+ class="fas fa-caret-down fa-fw"
396
396
  aria-hidden="true"
397
397
  ></i>
398
398
  </span>
@@ -473,7 +473,7 @@ wrapperTag: div
473
473
  class="pf-v6-c-menu-toggle__toggle-icon"
474
474
  >
475
475
  <i
476
- class="fas fa-caret-down"
476
+ class="fas fa-caret-down fa-fw"
477
477
  aria-hidden="true"
478
478
  ></i>
479
479
  </span>
@@ -1456,7 +1456,7 @@ wrapperTag: div
1456
1456
  class="pf-v6-c-menu-toggle__toggle-icon"
1457
1457
  >
1458
1458
  <i
1459
- class="fas fa-caret-down"
1459
+ class="fas fa-caret-down fa-fw"
1460
1460
  aria-hidden="true"
1461
1461
  ></i>
1462
1462
  </span>
@@ -1506,7 +1506,7 @@ wrapperTag: div
1506
1506
  class="pf-v6-c-menu-toggle__toggle-icon"
1507
1507
  >
1508
1508
  <i
1509
- class="fas fa-caret-down"
1509
+ class="fas fa-caret-down fa-fw"
1510
1510
  aria-hidden="true"
1511
1511
  ></i>
1512
1512
  </span>
@@ -1526,7 +1526,7 @@ wrapperTag: div
1526
1526
  class="pf-v6-c-menu-toggle__toggle-icon"
1527
1527
  >
1528
1528
  <i
1529
- class="fas fa-caret-down"
1529
+ class="fas fa-caret-down fa-fw"
1530
1530
  aria-hidden="true"
1531
1531
  ></i>
1532
1532
  </span>
@@ -1607,7 +1607,7 @@ wrapperTag: div
1607
1607
  class="pf-v6-c-menu-toggle__toggle-icon"
1608
1608
  >
1609
1609
  <i
1610
- class="fas fa-caret-down"
1610
+ class="fas fa-caret-down fa-fw"
1611
1611
  aria-hidden="true"
1612
1612
  ></i>
1613
1613
  </span>
@@ -2503,7 +2503,7 @@ wrapperTag: div
2503
2503
  class="pf-v6-c-menu-toggle__toggle-icon"
2504
2504
  >
2505
2505
  <i
2506
- class="fas fa-caret-down"
2506
+ class="fas fa-caret-down fa-fw"
2507
2507
  aria-hidden="true"
2508
2508
  ></i>
2509
2509
  </span>
@@ -2523,7 +2523,7 @@ wrapperTag: div
2523
2523
  class="pf-v6-c-menu-toggle__toggle-icon"
2524
2524
  >
2525
2525
  <i
2526
- class="fas fa-caret-down"
2526
+ class="fas fa-caret-down fa-fw"
2527
2527
  aria-hidden="true"
2528
2528
  ></i>
2529
2529
  </span>
@@ -2604,7 +2604,7 @@ wrapperTag: div
2604
2604
  class="pf-v6-c-menu-toggle__toggle-icon"
2605
2605
  >
2606
2606
  <i
2607
- class="fas fa-caret-down"
2607
+ class="fas fa-caret-down fa-fw"
2608
2608
  aria-hidden="true"
2609
2609
  ></i>
2610
2610
  </span>
@@ -3505,7 +3505,10 @@ wrapperTag: div
3505
3505
  >
3506
3506
  <span class="pf-v6-c-menu-toggle__controls">
3507
3507
  <span class="pf-v6-c-menu-toggle__toggle-icon">
3508
- <i class="fas fa-caret-down" aria-hidden="true"></i>
3508
+ <i
3509
+ class="fas fa-caret-down fa-fw"
3510
+ aria-hidden="true"
3511
+ ></i>
3509
3512
  </span>
3510
3513
  </span>
3511
3514
  </button>
@@ -3532,7 +3535,7 @@ wrapperTag: div
3532
3535
  <span class="pf-v6-c-menu-toggle__controls">
3533
3536
  <span class="pf-v6-c-menu-toggle__toggle-icon">
3534
3537
  <i
3535
- class="fas fa-caret-down"
3538
+ class="fas fa-caret-down fa-fw"
3536
3539
  aria-hidden="true"
3537
3540
  ></i>
3538
3541
  </span>
@@ -3665,7 +3668,10 @@ wrapperTag: div
3665
3668
  </span>
3666
3669
  <span class="pf-v6-c-menu-toggle__controls">
3667
3670
  <span class="pf-v6-c-menu-toggle__toggle-icon">
3668
- <i class="fas fa-caret-down" aria-hidden="true"></i>
3671
+ <i
3672
+ class="fas fa-caret-down fa-fw"
3673
+ aria-hidden="true"
3674
+ ></i>
3669
3675
  </span>
3670
3676
  </span>
3671
3677
  </button>
@@ -5051,7 +5057,7 @@ wrapperTag: div
5051
5057
  <span class="pf-v6-c-menu-toggle__controls">
5052
5058
  <span class="pf-v6-c-menu-toggle__toggle-icon">
5053
5059
  <i
5054
- class="fas fa-caret-down"
5060
+ class="fas fa-caret-down fa-fw"
5055
5061
  aria-hidden="true"
5056
5062
  ></i>
5057
5063
  </span>
@@ -5081,7 +5087,7 @@ wrapperTag: div
5081
5087
  class="pf-v6-c-menu-toggle__toggle-icon"
5082
5088
  >
5083
5089
  <i
5084
- class="fas fa-caret-down"
5090
+ class="fas fa-caret-down fa-fw"
5085
5091
  aria-hidden="true"
5086
5092
  ></i>
5087
5093
  </span>
@@ -5672,7 +5678,10 @@ wrapperTag: div
5672
5678
  <span class="pf-v6-c-menu-toggle__text">Status</span>
5673
5679
  <span class="pf-v6-c-menu-toggle__controls">
5674
5680
  <span class="pf-v6-c-menu-toggle__toggle-icon">
5675
- <i class="fas fa-caret-down" aria-hidden="true"></i>
5681
+ <i
5682
+ class="fas fa-caret-down fa-fw"
5683
+ aria-hidden="true"
5684
+ ></i>
5676
5685
  </span>
5677
5686
  </span>
5678
5687
  </button>
@@ -5738,7 +5747,10 @@ wrapperTag: div
5738
5747
  </span>
5739
5748
  <span class="pf-v6-c-menu-toggle__controls">
5740
5749
  <span class="pf-v6-c-menu-toggle__toggle-icon">
5741
- <i class="fas fa-caret-down" aria-hidden="true"></i>
5750
+ <i
5751
+ class="fas fa-caret-down fa-fw"
5752
+ aria-hidden="true"
5753
+ ></i>
5742
5754
  </span>
5743
5755
  </span>
5744
5756
  </button>